From a360302466a34f50802226e637716a53b492bec1 Mon Sep 17 00:00:00 2001 From: mythri2405 Date: Sun, 31 May 2026 01:50:43 +0400 Subject: [PATCH 1/6] Improve leaderboard colors and navigation consistency --- frontend/js/navbar.js | 2 +- frontend/leaderboard.html | 12 ++++++++++-- frontend/styles/main.css | 40 +++++++++++++++++++++++++++------------ 3 files changed, 39 insertions(+), 15 deletions(-) diff --git a/frontend/js/navbar.js b/frontend/js/navbar.js index 432c9cd7..0149cdc5 100644 --- a/frontend/js/navbar.js +++ b/frontend/js/navbar.js @@ -21,8 +21,8 @@ document.addEventListener("DOMContentLoaded", () => { diff --git a/frontend/leaderboard.html b/frontend/leaderboard.html index 982a9a01..ac818c29 100644 --- a/frontend/leaderboard.html +++ b/frontend/leaderboard.html @@ -318,7 +318,15 @@

Leaderboard

row.innerHTML = `
${rank}
${tag}${user.name}
-
${user.id}
+
${user.id} + + +
${user.data.easySolved}
${user.data.mediumSolved}
${user.data.hardSolved}
@@ -334,7 +342,7 @@

Leaderboard

${user.score}
${tag}${user.name}
-
${user.id}
+
${user.id}
${user.data.easySolved}
diff --git a/frontend/styles/main.css b/frontend/styles/main.css index 7085f24d..61a4f9cd 100644 --- a/frontend/styles/main.css +++ b/frontend/styles/main.css @@ -200,6 +200,7 @@ body::after { gap: 10px; text-decoration: none; padding: 0.75rem 0; + margin-right: 40px; } .navbar .nav-brand:hover .nav-title { @@ -222,16 +223,16 @@ body::after { .navbar .nav-links { display: flex; - gap: 0; + gap: 8px; list-style: none; } .navbar .nav-links li { - border-left: 1px solid var(--border); + border-left: none; } .navbar .nav-links li:last-child { - border-right: 1px solid var(--border); + border-right: none; } .navbar .nav-links a { @@ -239,7 +240,7 @@ body::after { text-decoration: none; font-size: 0.82rem; font-weight: 500; - padding: 0.75rem 1.2rem; + padding: 0.75rem 1.5rem; display: block; transition: all 0.15s ease; letter-spacing: 0.5px; @@ -253,6 +254,7 @@ body::after { .navbar .nav-links a:hover { color: var(--green); background: var(--green-muted); + text-shadow: 0 0 8px rgba(0,255,65,.4); } .navbar .nav-links a.active { @@ -263,6 +265,7 @@ body::after { .navbar .nav-links .github-link::before { content: '$ '; + margin-left: 16px; } .mobile-menu-btn { @@ -794,11 +797,20 @@ body::after { } .user-link::after { - content: ' ↗'; - font-size: 0.75rem; - color: var(--text-muted); - font-family: sans-serif; - transition: color 0.2s ease; + content: ""; + display: none; + width: 12px; + height: 12px; + margin-left: 4px; + vertical-align: middle; + + background-color: var(--text-muted); + + -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 3H21V10M21 3L10 14M21 14V21H3V3H10' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") + center/contain no-repeat; + + mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 3H21V10M21 3L10 14M21 14V21H3V3H10' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") + center/contain no-repeat; } .user-link:hover { @@ -810,15 +822,19 @@ body::after { color: var(--cyan); } -.easy { color: #00ff41; } +.easy { color: #00e5ff; } .medium { color: #ffb000; } .hard { color: #ff3333; } .score { - color: var(--amber); + color: #FFFFFF; font-weight: 700; font-size: 1rem; - text-shadow: 0 0 8px rgba(255, 176, 0, 0.4); + text-shadow: 0 0 8px rgba(255, 255, 255, 0.25); +} +.score-header { + color: #FFFFFF; + text-shadow: 0 0 8px rgba(255, 255, 255, 0.25); } /* ── Mobile Cards ── */ From 5ceb7bac4c90e616acf87d06d419e9958d491d11 Mon Sep 17 00:00:00 2001 From: mythri2405 Date: Sun, 31 May 2026 13:50:24 +0400 Subject: [PATCH 2/6] Update leaderboard UI and navbar styling --- frontend/leaderboard.html | 10 +++++++++- frontend/styles/main.css | 30 +++++++++++++++++++++--------- 2 files changed, 30 insertions(+), 10 deletions(-) diff --git a/frontend/leaderboard.html b/frontend/leaderboard.html index eb0dc8c5..8cfc07f3 100644 --- a/frontend/leaderboard.html +++ b/frontend/leaderboard.html @@ -408,7 +408,15 @@

Leaderboard

${user.score}
${tag}${user.name}
-
${user.id}
+
${user.id} + + +
${user.data.easySolved}
diff --git a/frontend/styles/main.css b/frontend/styles/main.css index 4c7de108..029262a7 100644 --- a/frontend/styles/main.css +++ b/frontend/styles/main.css @@ -296,16 +296,16 @@ body::after { .navbar .nav-links { display: flex; - gap: 8px; + gap: 0; list-style: none; } .navbar .nav-links li { - border-left: none; + border-left: 1px solid var(--border); } .navbar .nav-links li:last-child { - border-right: none; + border-right: 1px solid var(--border); } .navbar .nav-links a { @@ -338,7 +338,6 @@ body::after { .navbar .nav-links .github-link::before { content: '$ '; - margin-left: 16px; } .mobile-menu-btn { @@ -926,9 +925,21 @@ body::after { color: var(--cyan); } -.easy { color: #00e5ff; } -.medium { color: #ffb000; } -.hard { color: #ff3333; } +.external-icon { + width: 12px; + height: 12px; + margin-left: 4px; + vertical-align: middle; + opacity: 0.7; +} + +.user-link:hover .external-icon { + opacity: 1; +} + +.easy { color: #1cbaba; } +.medium { color: #ffb700; } +.hard { color: #f63737; } .score { color: #FFFFFF; @@ -936,6 +947,7 @@ body::after { font-size: 1rem; text-shadow: 0 0 8px rgba(255, 255, 255, 0.25); } + .score-header { color: #FFFFFF; text-shadow: 0 0 8px rgba(255, 255, 255, 0.25); @@ -2014,8 +2026,8 @@ body::-webkit-scrollbar-thumb { width: 14px; height: 14px; border-radius: 50%; - border: 1px solid var(--text-dim); - color: var(--text-dim); + border: 1px solid rgba(255,255,255,0.4); + color: #FFFFFF; font-size: 0.65rem; font-weight: bold; line-height: 1; From 5cfcc951ca10a94ecd049ab9ac15605d6464f5f1 Mon Sep 17 00:00:00 2001 From: mythri2405 Date: Tue, 2 Jun 2026 20:40:55 +0400 Subject: [PATCH 3/6] Apply suggestions from code review Co-authored-by: Jagdish Prajapati --- frontend/styles/main.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/frontend/styles/main.css b/frontend/styles/main.css index 18fba6ca..7b46b0b4 100644 --- a/frontend/styles/main.css +++ b/frontend/styles/main.css @@ -2182,6 +2182,9 @@ body::-webkit-scrollbar-thumb { align-items: center; justify-content: center; gap: 6px; + color: #FFFFFF; + font-weight: 700; + text-shadow: 0 0 8px rgba(255, 255, 255, 0.25); } .score-tooltip { From 9fe1dd6eb3a903f7c81f3e887a77a78aecf20564 Mon Sep 17 00:00:00 2001 From: mythri2405 Date: Tue, 2 Jun 2026 20:51:59 +0400 Subject: [PATCH 4/6] styles: update score header and tooltip icon styling --- frontend/styles/main.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/frontend/styles/main.css b/frontend/styles/main.css index 7b46b0b4..5343ffdb 100644 --- a/frontend/styles/main.css +++ b/frontend/styles/main.css @@ -974,6 +974,7 @@ body::after { .score-header { color: #FFFFFF; + font-weight: 700; text-shadow: 0 0 8px rgba(255, 255, 255, 0.25); } @@ -2113,8 +2114,8 @@ body::-webkit-scrollbar-thumb { width: 14px; height: 14px; border-radius: 50%; - border: 1px solid rgba(255,255,255,0.4); - color: #FFFFFF; + border: 1px solid rgba(255, 255, 255, 0.4); + color: rgba(255, 255, 255, 0.4); font-size: 0.65rem; font-weight: bold; line-height: 1; From fad14c9f64ef83dfe417433d574763fd44df802f Mon Sep 17 00:00:00 2001 From: Jagdish Prajapati Date: Wed, 3 Jun 2026 01:34:50 +0530 Subject: [PATCH 5/6] Update frontend/styles/main.css --- frontend/styles/main.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/frontend/styles/main.css b/frontend/styles/main.css index 5343ffdb..5e0c40e5 100644 --- a/frontend/styles/main.css +++ b/frontend/styles/main.css @@ -2224,7 +2224,7 @@ body::-webkit-scrollbar-thumb { .score-caret { font-size: 0.75rem; - color: var(--text-dim); + color: rgba(255, 255, 255, 0.4); display: inline-block; transition: transform 0.25s ease, From 7289b61170f3eca5073b318030f59ae2eefe7185 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" Date: Tue, 2 Jun 2026 20:09:17 +0000 Subject: [PATCH 6/6] style: auto-format code with Prettier (/format) --- frontend/js/navbar.js | 8 ++++---- frontend/styles/main.css | 22 ++++++++++++++-------- 2 files changed, 18 insertions(+), 12 deletions(-) diff --git a/frontend/js/navbar.js b/frontend/js/navbar.js index e916a0e0..f4cf27c8 100644 --- a/frontend/js/navbar.js +++ b/frontend/js/navbar.js @@ -19,10 +19,10 @@ document.addEventListener("DOMContentLoaded", () => {
diff --git a/frontend/styles/main.css b/frontend/styles/main.css index 5e0c40e5..d4e1c67a 100644 --- a/frontend/styles/main.css +++ b/frontend/styles/main.css @@ -348,7 +348,7 @@ body::after { .navbar .nav-links a:hover { color: var(--green); background: var(--green-muted); - text-shadow: 0 0 8px rgba(0,255,65,.4); + text-shadow: 0 0 8px rgba(0, 255, 65, 0.4); } .navbar .nav-links a.active { @@ -358,7 +358,7 @@ body::after { } .navbar .nav-links .github-link::before { - content: '$ '; + content: "$ "; } .mobile-menu-btn { @@ -961,19 +961,25 @@ body::after { opacity: 1; } -.easy { color: #1cbaba; } -.medium { color: #ffb700; } -.hard { color: #f63737; } +.easy { + color: #1cbaba; +} +.medium { + color: #ffb700; +} +.hard { + color: #f63737; +} .score { - color: #FFFFFF; + color: #ffffff; font-weight: 700; font-size: 1rem; text-shadow: 0 0 8px rgba(255, 255, 255, 0.25); } .score-header { - color: #FFFFFF; + color: #ffffff; font-weight: 700; text-shadow: 0 0 8px rgba(255, 255, 255, 0.25); } @@ -2183,7 +2189,7 @@ body::-webkit-scrollbar-thumb { align-items: center; justify-content: center; gap: 6px; - color: #FFFFFF; + color: #ffffff; font-weight: 700; text-shadow: 0 0 8px rgba(255, 255, 255, 0.25); }