pp-blue

src/components/player/PlayerInfo.tsx

@@ -193,7 +193,7 @@ export default function PlayerInfo({ playerData }: PlayerInfoProps) {
             </div>
 
             {/* PP */}
-            <div className="flex items-center text-gray-300">
+            <div className="text-pp-blue flex items-center">
               <p>{formatNumber(playerData.pp)}pp</p>
             </div>
           </div>

src/components/player/PlayerRanking.tsx

@@ -46,7 +46,7 @@ export default function PlayerRanking({
           </p>
         </Link>
       </td>
-      <td className="px-4 py-2">{formatNumber(player.pp)}pp</td>
+      <td className="text-pp-blue px-4 py-2">{formatNumber(player.pp)}pp</td>
       <td className="px-4 py-2">
         {formatNumber(player.scoreStats.totalPlayCount)}
       </td>

tailwind.config.ts

@@ -15,6 +15,9 @@ const config: Config = {
         "gradient-conic":
           "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
       },
+      textColor: {
+        "pp-blue": "#9fa8f3",
+      },
     },
     screens: {
       ...defaultTheme.screens,