update leaderboard styles

src/components/leaderboard/Leaderboard.tsx

@@ -118,7 +118,7 @@ export default function Leaderboard({ id, page }: LeaderboardProps) {
               <div className="flex">
                 <p>Stars:</p>
                 <StarIcon width={20} height={20} className="ml-1" />
-                <p>{stars}</p>
+                <p className="text-pp-blue">{stars}</p>
               </div>
               <p>
                 Plays: {formatNumber(plays)} ({dailyPlays} in the last day)

src/components/leaderboard/LeaderboardScore.tsx

@@ -57,7 +57,7 @@ export default function LeaderboardScore({
           href={`/leaderboard/${leaderboard.id}/1`}
           className="transform-gpu transition-all hover:opacity-70"
         >
-          <div className="w-fit truncate text-blue-500">
+          <div className="w-fit truncate">
             <p className="font-bold">{player.name}</p>
           </div>
         </Link>
@@ -67,7 +67,7 @@ export default function LeaderboardScore({
         {/* PP */}
         {score.pp > 0 && (
           <ScoreStatLabel
-            className="bg-blue-500 text-center"
+            className="bg-pp-blue text-center"
             value={formatNumber(score.pp.toFixed(2)) + "pp"}
           />
         )}