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>