Skip to content

Commit 060adbe

Browse files
Richajaishwal0Richajaishwal0
committed
updated leaderboard
1 parent 6709b1a commit 060adbe

File tree

1 file changed

+294
-0
lines changed

1 file changed

+294
-0
lines changed

‎src/pages/dashboard/dashboard.css‎

Lines changed: 294 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2219,6 +2219,15 @@
22192219
color: var(--ifm-color-emphasis-900);
22202220
}
22212221

2222+
/* Light theme page title */
2223+
[data-theme="light"] .leaderboard-page-title {
2224+
color: #1a202c !important;
2225+
}
2226+
2227+
[data-theme="light"] .leaderboard-page-subtitle {
2228+
color: #4a5568 !important;
2229+
}
2230+
22222231
.leaderboard-page-title .highlight {
22232232
background: linear-gradient(135deg, #ffd700, #ff8c00);
22242233
-webkit-background-clip: text;
@@ -2298,6 +2307,32 @@
22982307
color: var(--ifm-font-color-base);
22992308
}
23002309

2310+
/* Light theme loading and error states */
2311+
[data-theme="light"] .loading-container {
2312+
background: #ffffff;
2313+
border: 1px solid #e2e8f0;
2314+
color: #1a202c;
2315+
}
2316+
2317+
[data-theme="light"] .loading-text {
2318+
color: #4a5568 !important;
2319+
}
2320+
2321+
[data-theme="light"] .error-container {
2322+
background: #fef2f2;
2323+
border: 1px solid #fecaca;
2324+
color: #1a202c;
2325+
}
2326+
2327+
[data-theme="light"] .error-container h3 {
2328+
color: #dc2626 !important;
2329+
}
2330+
2331+
[data-theme="light"] .error-container p,
2332+
[data-theme="light"] .error-help {
2333+
color: #374151 !important;
2334+
}
2335+
23012336
.retry-button {
23022337
background: var(--ifm-color-danger);
23032338
color: white;
@@ -2346,6 +2381,21 @@
23462381
font-weight: 500;
23472382
}
23482383

2384+
/* Light theme leaderboard stats */
2385+
[data-theme="light"] .leaderboard-stats {
2386+
background: #ffffff;
2387+
border: 1px solid #e2e8f0;
2388+
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
2389+
}
2390+
2391+
[data-theme="light"] .leaderboard-stats .stat-number {
2392+
color: var(--ifm-color-primary) !important;
2393+
}
2394+
2395+
[data-theme="light"] .leaderboard-stats .stat-label {
2396+
color: #4a5568 !important;
2397+
}
2398+
23492399
/* Leaderboard Grid */
23502400
.leaderboard-grid {
23512401
display: grid;
@@ -2362,6 +2412,20 @@
23622412
transition: all 0.3s ease;
23632413
position: relative;
23642414
overflow: hidden;
2415+
color: var(--ifm-font-color-base);
2416+
}
2417+
2418+
/* Light theme specific styles */
2419+
[data-theme="light"] .leaderboard-item {
2420+
background: #ffffff;
2421+
border: 1px solid #e2e8f0;
2422+
color: #1a202c;
2423+
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
2424+
}
2425+
2426+
[data-theme="light"] .leaderboard-item:hover {
2427+
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
2428+
border-color: var(--ifm-color-primary);
23652429
}
23662430

23672431
.leaderboard-item::before {
@@ -2462,6 +2526,19 @@
24622526
font-style: italic;
24632527
}
24642528

2529+
/* Light theme text visibility fixes */
2530+
[data-theme="light"] .user-name {
2531+
color: #1a202c !important;
2532+
}
2533+
2534+
[data-theme="light"] .user-username {
2535+
color: #4a5568 !important;
2536+
}
2537+
2538+
[data-theme="light"] .leaderboard-item .user-info {
2539+
color: #1a202c;
2540+
}
2541+
24652542
/* Score Display */
24662543
.score-display {
24672544
margin-bottom: 1.5rem;
@@ -2481,6 +2558,15 @@
24812558
letter-spacing: 0.5px;
24822559
}
24832560

2561+
/* Light theme score visibility */
2562+
[data-theme="light"] .score-number {
2563+
color: var(--ifm-color-primary) !important;
2564+
}
2565+
2566+
[data-theme="light"] .score-label {
2567+
color: #4a5568 !important;
2568+
}
2569+
24842570
/* User Stats */
24852571
.user-stats {
24862572
display: grid;
@@ -2512,6 +2598,20 @@
25122598
letter-spacing: 0.5px;
25132599
}
25142600

2601+
/* Light theme stats visibility */
2602+
[data-theme="light"] .user-stats .stat {
2603+
background: #f7fafc;
2604+
border: 1px solid #e2e8f0;
2605+
}
2606+
2607+
[data-theme="light"] .stat-value {
2608+
color: var(--ifm-color-primary) !important;
2609+
}
2610+
2611+
[data-theme="light"] .stat-text {
2612+
color: #4a5568 !important;
2613+
}
2614+
25152615
/* Achievements */
25162616
.achievements {
25172617
display: flex;
@@ -2532,6 +2632,13 @@
25322632
white-space: nowrap;
25332633
}
25342634

2635+
/* Light theme achievement tags */
2636+
[data-theme="light"] .achievement-tag {
2637+
background: #e6fffa;
2638+
color: #234e52;
2639+
border: 1px solid #81e6d9;
2640+
}
2641+
25352642
/* Actions Section */
25362643
.actions-section {
25372644
text-align: center;
@@ -2579,6 +2686,21 @@
25792686
margin-bottom: 0;
25802687
}
25812688

2689+
/* Light theme empty state */
2690+
[data-theme="light"] .empty-state {
2691+
background: #ffffff;
2692+
border: 1px solid #e2e8f0;
2693+
color: #4a5568;
2694+
}
2695+
2696+
[data-theme="light"] .empty-state h3 {
2697+
color: #1a202c !important;
2698+
}
2699+
2700+
[data-theme="light"] .empty-state p {
2701+
color: #4a5568 !important;
2702+
}
2703+
25822704
/* Responsive Design */
25832705
@media (max-width: 768px) {
25842706
.leaderboard-page-title {
@@ -3230,6 +3352,21 @@
32303352
margin: 1rem 0;
32313353
}
32323354

3355+
/* Light theme rate limit warning */
3356+
[data-theme="light"] .rate-limit-warning {
3357+
background: #fef3c7;
3358+
border: 1px solid #f59e0b;
3359+
}
3360+
3361+
[data-theme="light"] .rate-limit-warning h4,
3362+
[data-theme="light"] .rate-limit-warning p {
3363+
color: #92400e !important;
3364+
}
3365+
3366+
[data-theme="light"] .rate-limit-timer {
3367+
color: #dc2626 !important;
3368+
}
3369+
32333370
@media (max-width: 768px) {
32343371
.leaderboard-header-controls {
32353372
flex-direction: column;
@@ -3251,3 +3388,160 @@
32513388
opacity: 0.6;
32523389
pointer-events: none;
32533390
}
3391+
3392+
/* Light theme comprehensive fixes */
3393+
[data-theme="light"] .leaderboard-page-container {
3394+
color: #1a202c;
3395+
}
3396+
3397+
[data-theme="light"] .leaderboard-content {
3398+
color: #1a202c;
3399+
}
3400+
3401+
[data-theme="light"] .leaderboard-item * {
3402+
color: inherit;
3403+
}
3404+
3405+
[data-theme="light"] .leaderboard-item .user-info * {
3406+
color: inherit;
3407+
}
3408+
3409+
/* Ensure all text in leaderboard is visible in light theme */
3410+
[data-theme="light"] .leaderboard-item,
3411+
[data-theme="light"] .leaderboard-item .user-info,
3412+
[data-theme="light"] .leaderboard-item .user-stats,
3413+
[data-theme="light"] .leaderboard-item .achievements {
3414+
color: #1a202c !important;
3415+
}
3416+
3417+
[data-theme="light"] .leaderboard-item .user-name,
3418+
[data-theme="light"] .leaderboard-item .user-username,
3419+
[data-theme="light"] .leaderboard-item .stat-text {
3420+
color: inherit !important;
3421+
}
3422+
3423+
/* Force visibility for all leaderboard text elements */
3424+
[data-theme="light"] .leaderboard-page-container * {
3425+
color: inherit;
3426+
}
3427+
3428+
[data-theme="light"] .leaderboard-page-container h1,
3429+
[data-theme="light"] .leaderboard-page-container h2,
3430+
[data-theme="light"] .leaderboard-page-container h3,
3431+
[data-theme="light"] .leaderboard-page-container h4,
3432+
[data-theme="light"] .leaderboard-page-container p {
3433+
color: #1a202c !important;
3434+
}
3435+
3436+
/* Keep giveaway page text white in light theme, but table text black */
3437+
[data-theme="light"]
3438+
.min-h-screen.bg-gradient-to-br
3439+
*:not(table):not(th):not(td) {
3440+
color: white !important;
3441+
}
3442+
[data-theme="light"] .min-h-screen.bg-gradient-to-br table th,
3443+
[data-theme="light"] .min-h-screen.bg-gradient-to-br table td {
3444+
color: black !important;
3445+
}
3446+
3447+
/* Light theme github buttons */
3448+
[data-theme="light"] .github-profile-btn,
3449+
[data-theme="light"] .github-link {
3450+
background: var(--ifm-color-primary);
3451+
color: white !important;
3452+
}
3453+
3454+
[data-theme="light"] .github-profile-btn:hover,
3455+
[data-theme="light"] .github-link:hover {
3456+
background: var(--ifm-color-primary-darker);
3457+
color: white !important;
3458+
text-decoration: none;
3459+
}
3460+
3461+
/* Light theme refresh button */
3462+
[data-theme="light"] .refresh-button {
3463+
background: var(--ifm-color-primary);
3464+
color: white !important;
3465+
}
3466+
3467+
[data-theme="light"] .refresh-button:hover:not(:disabled) {
3468+
background: var(--ifm-color-primary-darker);
3469+
color: white !important;
3470+
}
3471+
3472+
/* Light theme rate limit status */
3473+
[data-theme="light"] .rate-limit-status {
3474+
color: #4a5568 !important;
3475+
}
3476+
3477+
/* ===== COMPREHENSIVE LIGHT THEME LEADERBOARD FIXES ===== */
3478+
3479+
/* Force all leaderboard text to be visible in light theme */
3480+
[data-theme="light"] .leaderboard-page-container,
3481+
[data-theme="light"] .leaderboard-page-container *,
3482+
[data-theme="light"] .leaderboard-content,
3483+
[data-theme="light"] .leaderboard-content *,
3484+
[data-theme="light"] .leaderboard-grid,
3485+
[data-theme="light"] .leaderboard-grid *,
3486+
[data-theme="light"] .leaderboard-item,
3487+
[data-theme="light"] .leaderboard-item * {
3488+
color: #1a202c !important;
3489+
}
3490+
3491+
/* Override specific elements that need different colors */
3492+
[data-theme="light"] .score-display,
3493+
[data-theme="light"] .score-display * {
3494+
color: white !important;
3495+
}
3496+
3497+
[data-theme="light"] .rank-badge,
3498+
[data-theme="light"] .rank-badge * {
3499+
color: white !important;
3500+
}
3501+
3502+
[data-theme="light"] .github-profile-btn,
3503+
[data-theme="light"] .github-profile-btn *,
3504+
[data-theme="light"] .github-link,
3505+
[data-theme="light"] .github-link * {
3506+
color: white !important;
3507+
}
3508+
3509+
[data-theme="light"] .refresh-button,
3510+
[data-theme="light"] .refresh-button * {
3511+
color: white !important;
3512+
}
3513+
3514+
/* Ensure primary colored elements remain visible */
3515+
[data-theme="light"] .stat-value,
3516+
[data-theme="light"] .score-number {
3517+
color: var(--ifm-color-primary) !important;
3518+
}
3519+
3520+
/* Fix any remaining invisible text */
3521+
[data-theme="light"] .leaderboard-page-header *,
3522+
[data-theme="light"] .leaderboard-stats *,
3523+
[data-theme="light"] .user-info *,
3524+
[data-theme="light"] .user-stats *,
3525+
[data-theme="light"] .achievements * {
3526+
color: inherit !important;
3527+
}
3528+
3529+
/* Ensure proper contrast for all interactive elements */
3530+
[data-theme="light"] .filter-button {
3531+
color: var(--ifm-color-primary) !important;
3532+
border-color: var(--ifm-color-primary) !important;
3533+
}
3534+
3535+
[data-theme="light"] .filter-button.active {
3536+
background: var(--ifm-color-primary) !important;
3537+
color: white !important;
3538+
}
3539+
3540+
/* Final fallback for any missed elements */
3541+
[data-theme="light"] .dashboard-main * {
3542+
color: inherit;
3543+
}
3544+
3545+
[data-theme="light"] .dashboard-main {
3546+
color: #1a202c;
3547+
}

0 commit comments

Comments
 (0)