From 37f05e0500d180e8bfa5aa703fb7bc69e5055818 Mon Sep 17 00:00:00 2001
From: Sachin S <ssk4988@gmail.com>
Date: Mon, 14 Apr 2025 11:02:15 -0400
Subject: [PATCH 1/2] Update leaderboard css

---
 src/app.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/app.css b/src/app.css
index 14a18ea..dc6b36d 100644
--- a/src/app.css
+++ b/src/app.css
@@ -44,6 +44,11 @@
     --color-pupil: oklch(0.51 0.18 142.5);
     --color-newbie: oklch(0.54 0 0);
 
+    /* Leaderboard rank colors */
+    --color-leaderboard-first: rgb(214, 175, 54);
+    --color-leaderboard-second: rgb(167, 167, 173);
+    --color-leaderboard-third: rgb(167, 112, 68);
+
     /* Spacing */
     --spacing: 0.25rem;
 

From e85cf48abe31b697ccd7892fe255dcccf50e1d22 Mon Sep 17 00:00:00 2001
From: Sachin S <ssk4988@gmail.com>
Date: Mon, 14 Apr 2025 11:04:14 -0400
Subject: [PATCH 2/2] Update leaderboard using css colors

---
 src/lib/components/LeaderboardTable.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/LeaderboardTable.svelte b/src/lib/components/LeaderboardTable.svelte
index ac1be4e..1b87d03 100644
--- a/src/lib/components/LeaderboardTable.svelte
+++ b/src/lib/components/LeaderboardTable.svelte
@@ -41,19 +41,19 @@ function formatNumber(num: number): string {
               <!-- Rank with special styling for top 3 -->
               {#if entry.rank === 1}
                 <span
-                  class="inline-flex h-8 w-8 items-center justify-center rounded-full bg-[var(--color-legendary-grandmaster)] font-bold text-white"
+                  class="inline-flex h-8 w-8 items-center justify-center rounded-full bg-[var(--color-leaderboard-first)] font-bold text-white"
                 >
                   {entry.rank}
                 </span>
               {:else if entry.rank === 2}
                 <span
-                  class="inline-flex h-8 w-8 items-center justify-center rounded-full bg-[var(--color-specialist)] font-bold text-white"
+                  class="inline-flex h-8 w-8 items-center justify-center rounded-full bg-[var(--color-leaderboard-second)] font-bold text-white"
                 >
                   {entry.rank}
                 </span>
               {:else if entry.rank === 3}
                 <span
-                  class="inline-flex h-8 w-8 items-center justify-center rounded-full bg-[var(--color-pupil)] font-bold text-white"
+                  class="inline-flex h-8 w-8 items-center justify-center rounded-full bg-[var(--color-leaderboard-third)] font-bold text-white"
                 >
                   {entry.rank}
                 </span>