/* * light-theme.css — Complete light theme overrides for ALL pages * Applied via [data-theme="light"] on * Drop as: app/static/css/light-theme.css * Add AFTER fixes.css in base.html */ /* ═══════════════════════════════════════════════════════════ BASE VARIABLES + BODY ═══════════════════════════════════════════════════════════ */ html[data-theme="light"] { --rust: #C4440A; --rust2: #E85C1A; --rust3: #FF7A35; --amber: #B86A00; --green: #1E8A3C; --purple: #7744BB; --blue: #2A6E99; --bg: #F2E8D8; --s1: rgba(255, 248, 236, 0.98); --s2: rgba(242, 230, 210, 0.98); --border: rgba(160, 90, 30, 0.15); --brust: rgba(196, 68, 10, 0.32); --text: #1C1006; --muted: #5A3A18; --dim: #8A6040; } [data-theme="light"] body { background: var(--bg); color: var(--text); } /* ═══════════════════════════════════════════════════════════ SIDEBAR ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .sidenav { background: rgba(248, 238, 220, 0.98); border-right-color: var(--brust); } [data-theme="light"] .sidenav::after { background: linear-gradient(to bottom, transparent, var(--rust2) 35%, var(--rust3) 55%, var(--rust2) 75%, transparent); } [data-theme="light"] .sn-toggle { color: var(--muted); } [data-theme="light"] .sn-toggle:hover { color: var(--rust2); } [data-theme="light"] .sn-logo { border-bottom-color: var(--brust); } [data-theme="light"] .sn-sep { background: var(--border); } [data-theme="light"] .sn-link { color: var(--muted); } [data-theme="light"] .sn-link:hover { background: rgba(196, 68, 10, .07); color: var(--text); } [data-theme="light"] .sn-link.active { background: rgba(196, 68, 10, .13); color: var(--rust2); } [data-theme="light"] .sn-link::after { background: rgba(252, 245, 232, 0.98); border-color: var(--brust); color: var(--text); } [data-theme="light"] .sn-bottom { border-top-color: var(--border); } [data-theme="light"] .sn-user { background: rgba(196, 68, 10, .05); border-color: var(--border); } [data-theme="light"] .sn-user:hover { border-color: var(--brust); } [data-theme="light"] .sn-user-name { color: var(--text); } [data-theme="light"] .sn-user-level { color: var(--rust2); } [data-theme="light"] .sn-close-label { color: var(--muted); } [data-theme="light"] .sn-live { color: var(--green); } /* ═══════════════════════════════════════════════════════════ TOPBAR ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .topbar { background: rgba(245, 234, 214, 0.95); border-bottom-color: var(--border); } [data-theme="light"] .topbar-user { background: rgba(196, 68, 10, .06); border-color: var(--border); } [data-theme="light"] .topbar-name { color: var(--text); } [data-theme="light"] .topbar-lvl { color: var(--rust2); background: rgba(196, 68, 10, .1); border-color: rgba(196, 68, 10, .22); } [data-theme="light"] .topbar-bal { color: var(--amber); } [data-theme="light"] .theme-toggle-btn { background: rgba(196, 68, 10, .06); border-color: var(--border); color: var(--muted); } [data-theme="light"] .theme-toggle-btn:hover { background: rgba(196, 68, 10, .12); border-color: var(--brust); color: var(--text); } /* ═══════════════════════════════════════════════════════════ NAV BACKDROP ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .nav-backdrop.show { background: rgba(100, 60, 20, .18); } /* ═══════════════════════════════════════════════════════════ PAGE HERO HEADER ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .page-hero { background: var(--s1); border-bottom-color: var(--border); } [data-theme="light"] .page-hero-title { color: var(--rust2); text-shadow: none; } [data-theme="light"] .page-hero-sub { color: var(--muted); } /* ═══════════════════════════════════════════════════════════ GENERIC CARDS / PANELS ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .card { background: var(--s1); border-color: var(--border); box-shadow: 0 3px 16px rgba(120, 60, 10, .10); } [data-theme="light"] .card:hover { border-color: var(--brust); box-shadow: 0 6px 28px rgba(120, 60, 10, .16); } [data-theme="light"] .ch { background: var(--s2); border-bottom-color: var(--border); } [data-theme="light"] .ch h3 { color: var(--text); } [data-theme="light"] .ch-icon { color: var(--muted); } [data-theme="light"] .ch-link { color: var(--rust2); } [data-theme="light"] .ch-badge { color: var(--rust2); background: rgba(196, 68, 10, .1); border-color: rgba(196, 68, 10, .22); } [data-theme="light"] .list-box { background: var(--s1); border-color: var(--border); box-shadow: 0 3px 16px rgba(120, 60, 10, .10); } /* ═══════════════════════════════════════════════════════════ HERO SECTION (homepage) ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .hero { background: linear-gradient(180deg, rgba(235, 215, 185, .92) 0%, rgba(242, 230, 210, .88) 100%); } [data-theme="light"] .hero-scanlines { background: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(0, 0, 0, .02) 3px, rgba(0, 0, 0, .02) 4px); } [data-theme="light"] .hero-glow { background: radial-gradient(circle, rgba(196, 68, 10, .12) 0%, transparent 65%); } [data-theme="light"] .hero-title { color: var(--text); } [data-theme="light"] .hero-title .accent { color: var(--rust2); } [data-theme="light"] .hero-title .dim { color: rgba(28, 16, 6, .2); } [data-theme="light"] .hero-sub { color: var(--muted); } [data-theme="light"] .hero-tag { background: rgba(196, 68, 10, .08); border-color: rgba(196, 68, 10, .2); color: var(--rust2); } [data-theme="light"] .hero-stats { background: rgba(255, 248, 236, .88); border-color: var(--brust); } [data-theme="light"] .hs { border-right-color: var(--brust); } [data-theme="light"] .hs-lbl { color: var(--dim); } [data-theme="light"] .hud svg { opacity: .15; } [data-theme="light"] .hero-desktop-badge { background: rgba(255, 248, 236, .9); border-color: var(--brust); box-shadow: 0 0 20px rgba(196, 68, 10, .15); } [data-theme="light"] .hero-desktop-badge img { border-color: var(--brust); } [data-theme="light"] .hero-desktop-badge-sub { color: var(--muted); } /* ═══════════════════════════════════════════════════════════ HOMEPAGE — STAT CARDS ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .card-stat { background: var(--s1); } [data-theme="light"] .cs-label { color: var(--dim); } [data-theme="light"] .cs-sub { color: var(--muted); } /* ═══════════════════════════════════════════════════════════ HOMEPAGE — FEATURED NEWS CARD ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .feat-desc { color: var(--muted); } [data-theme="light"] .feat-date { color: var(--dim); } [data-theme="light"] .feat-more { color: var(--rust2); } [data-theme="light"] .feat-more:hover { color: var(--text); } /* ═══════════════════════════════════════════════════════════ HOMEPAGE — NEWS STACK ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .nitem { border-bottom-color: var(--border); } [data-theme="light"] .nitem:hover { background: rgba(196, 68, 10, .04); } [data-theme="light"] .ntitle { color: var(--text); } [data-theme="light"] .nbody { color: var(--muted); } [data-theme="light"] .ndate { color: var(--dim); } [data-theme="light"] .nchev { color: var(--dim); } [data-theme="light"] .nbadge { background: rgba(196, 68, 10, .1); color: var(--rust2); border-color: rgba(196, 68, 10, .22); } /* ═══════════════════════════════════════════════════════════ HOMEPAGE — NEWS MINI ITEMS ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .news-mini-item { border-bottom-color: var(--border); } [data-theme="light"] .news-mini-item:hover { background: rgba(196, 68, 10, .04); } [data-theme="light"] .nmi-title { color: var(--text); } [data-theme="light"] .nmi-body { color: var(--muted); } [data-theme="light"] .nmi-date { color: var(--dim); } [data-theme="light"] .nmi-chev { color: var(--dim); } [data-theme="light"] .nmi-badge { background: rgba(196, 68, 10, .1); color: var(--rust2); border-color: rgba(196, 68, 10, .22); } /* ═══════════════════════════════════════════════════════════ HOMEPAGE — WIPE CARD ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .wipe-card { background: var(--s1); border-color: var(--border); box-shadow: 0 3px 16px rgba(120, 60, 10, .10); } [data-theme="light"] .wipe-title { color: var(--amber); } [data-theme="light"] .wipe-label { color: var(--dim); } [data-theme="light"] .wipe-meta { color: var(--dim); } [data-theme="light"] .wipe-num { color: var(--text); background: rgba(196, 68, 10, .06); border-color: var(--border); } [data-theme="light"] .wipe-num.ticking { color: var(--amber); } [data-theme="light"] .wipe-unit-lbl { color: var(--dim); } [data-theme="light"] .wipe-sep { color: var(--dim); } [data-theme="light"] .wipe-progress-track { background: rgba(120, 60, 10, .1); } /* ═══════════════════════════════════════════════════════════ HOMEPAGE — ACTIVITY FEED ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .activity-card { background: var(--s1); border-color: var(--border); } [data-theme="light"] .activity-item { border-bottom-color: var(--border); color: var(--muted); } [data-theme="light"] .activity-item:hover { background: rgba(196, 68, 10, .03); } [data-theme="light"] .activity-item strong { color: var(--text); } [data-theme="light"] .act-time { color: var(--dim); } [data-theme="light"] .act-empty { color: var(--dim); } /* ═══════════════════════════════════════════════════════════ HOMEPAGE — SERVER INFO GRID ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .server-grid { background: var(--border); } [data-theme="light"] .sg-cell { background: rgba(252, 245, 232, .92); } [data-theme="light"] .sg-label { color: var(--dim); } [data-theme="light"] .sg-sub { color: var(--dim); } /* ═══════════════════════════════════════════════════════════ HOMEPAGE — TOP PLAYERS CARD ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .toplayer-card { background: var(--s1); border-color: var(--border); } [data-theme="light"] .toplayer-row { border-bottom-color: var(--border); } [data-theme="light"] .toplayer-row:hover { background: rgba(196, 68, 10, .04); } [data-theme="light"] .tpl-cat { color: var(--muted); } [data-theme="light"] .tpl-val { color: var(--rust2); } /* ═══════════════════════════════════════════════════════════ HOMEPAGE — BASES CARD ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .bases-card { background: var(--s1); border-color: var(--border); } [data-theme="light"] .bases-grid { background: var(--border); } [data-theme="light"] .bases-cell { background: rgba(252, 245, 232, .92); } [data-theme="light"] .bases-cell:hover { background: rgba(242, 228, 208, .98); } [data-theme="light"] .bases-bar-wrap { background: rgba(120, 60, 10, .1); } /* ═══════════════════════════════════════════════════════════ HOMEPAGE — CONNECT CARD ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .connect-card { background: linear-gradient(145deg, rgba(196, 68, 10, .07) 0%, var(--s1) 55%); border-color: var(--border); } [data-theme="light"] .ip-box { background: rgba(252, 245, 232, .9); border-color: var(--border); } [data-theme="light"] .ip-box:hover { border-color: var(--brust); box-shadow: 0 0 14px rgba(196, 68, 10, .14); } [data-theme="light"] .ip-addr { color: var(--text); } [data-theme="light"] .ip-copy { color: var(--dim); } [data-theme="light"] .ip-box:hover .ip-copy { color: var(--rust2); } /* ═══════════════════════════════════════════════════════════ HOMEPAGE — ONLINE PLAYERS WIDGET ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .op-widget { background: rgba(252, 245, 232, .96); border-color: var(--brust); box-shadow: 0 0 0 1px rgba(196, 68, 10, .04), 0 10px 32px rgba(100, 50, 10, .15); } [data-theme="light"] .op-head { background: rgba(242, 228, 208, .7); border-bottom-color: var(--border); } [data-theme="light"] .op-title { color: var(--muted); } [data-theme="light"] .op-count { color: var(--rust2); background: rgba(196, 68, 10, .1); border-color: rgba(196, 68, 10, .22); } [data-theme="light"] .op-row { border-bottom-color: rgba(120, 60, 10, .06); } [data-theme="light"] .op-link:hover { background: rgba(196, 68, 10, .05); } [data-theme="light"] .op-name { color: var(--text); } [data-theme="light"] .op-arr { color: var(--dim); } [data-theme="light"] .op-link:hover .op-arr { color: var(--rust2); } [data-theme="light"] .op-empty { color: var(--dim); } /* ═══════════════════════════════════════════════════════════ HOMEPAGE — QUICK LINKS ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .ql-card { background: var(--s1); border-color: var(--border); } [data-theme="light"] .ql-card:hover { border-color: var(--brust); } [data-theme="light"] .ql-name { color: var(--text); } [data-theme="light"] .ql-desc { color: var(--muted); } [data-theme="light"] .ql-arr { color: var(--dim); } [data-theme="light"] .ql-card:hover .ql-arr { color: var(--rust2); } /* ═══════════════════════════════════════════════════════════ RADIO WIDGET ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .radio-card-new, [data-theme="light"] #radioCard { background: rgba(252, 245, 232, .97); border-color: var(--brust); box-shadow: 0 0 0 1px rgba(196, 68, 10, .05), 0 10px 36px rgba(100, 50, 10, .18); } [data-theme="light"] .radio-toggle, [data-theme="light"] #radioToggle { background: rgba(252, 245, 232, .95); border-color: var(--brust); color: var(--muted); } [data-theme="light"] .radio-toggle:hover, [data-theme="light"] #radioToggle:hover { border-color: var(--rust2); color: var(--rust2); } [data-theme="light"] .radio-play, [data-theme="light"] .radio-play-btn { background: rgba(196, 68, 10, .1); border-color: var(--brust); color: var(--text); } [data-theme="light"] .radio-play:hover, [data-theme="light"] .radio-play-btn:hover { background: rgba(196, 68, 10, .2); border-color: var(--rust2); } [data-theme="light"] .radio-kicker { color: var(--dim); } [data-theme="light"] .radio-song { color: var(--text); } [data-theme="light"] .radio-artist { color: var(--muted); } [data-theme="light"] .radio-listeners { color: var(--dim); } [data-theme="light"] .radio-times { color: var(--dim); } [data-theme="light"] .radio-prog-track { background: rgba(120, 60, 10, .1); } [data-theme="light"] .radio-foot a { color: var(--dim); } [data-theme="light"] .radio-foot a:hover { color: var(--rust2); } [data-theme="light"] .st-pill-warn { color: #B8860B; background: rgba(255, 214, 10, .2); border-color: rgba(255, 214, 10, .4); } [data-theme="light"] .st-pill-fail { color: #D32F2F; background: rgba(255, 59, 48, .15); border-color: rgba(255, 59, 48, .3); } /* ═══════════════════════════════════════════════════════════ MOBILE BAR + OVERLAY ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .mobile-bar { background: rgba(248, 238, 220, .99); border-top-color: var(--brust); } [data-theme="light"] .mobile-bar a { color: var(--muted); } [data-theme="light"] .mobile-overlay { background: rgba(248, 238, 220, .99); } [data-theme="light"] .mo-close { background: none; border-color: var(--border); color: var(--muted); } [data-theme="light"] .mo-links a { color: var(--muted); } [data-theme="light"] .mo-links a:active { background: rgba(196, 68, 10, .08); color: var(--text); } [data-theme="light"] .mo-sep { background: var(--border); } /* ═══════════════════════════════════════════════════════════ FOOTER ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .site-footer { border-top-color: var(--border); } [data-theme="light"] .sf-brand { color: var(--dim); } [data-theme="light"] .sf-ip { color: var(--dim); } [data-theme="light"] .sf-links a { color: var(--dim); } [data-theme="light"] .sf-links a:hover { color: var(--rust2); } /* ═══════════════════════════════════════════════════════════ LEADERBOARD PAGE ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .leaderboard-wrap { color: var(--text); } [data-theme="light"] .lb-head { background: var(--s1); border-color: var(--border); box-shadow: 0 3px 16px rgba(120, 60, 10, .10); } [data-theme="light"] .lb-title { color: var(--rust2); text-shadow: none; } [data-theme="light"] .lb-sub { color: var(--muted); } [data-theme="light"] .lb-hint { background: rgba(196, 68, 10, .06); border-color: var(--border); color: var(--muted); } [data-theme="light"] .tab { background: rgba(252, 245, 232, .9); border-color: var(--border); color: var(--muted); } [data-theme="light"] .tab:hover:not(.active) { background: rgba(196, 68, 10, .08); color: var(--text); } [data-theme="light"] .tab.active { background: var(--rust); border-color: var(--rust2); color: #fff; } [data-theme="light"] .leaderboard-wrap .card { background: var(--s1); border-color: var(--border); } [data-theme="light"] .leaderboard-wrap .pill { background: var(--s2); border-color: var(--border); color: var(--text); } [data-theme="light"] .leaderboard-wrap .btn { background: rgba(252, 245, 232, .9); border-color: var(--border); color: var(--text); } [data-theme="light"] .leaderboard-wrap .btn:hover { background: rgba(196, 68, 10, .08); } [data-theme="light"] .hscroll { border-color: var(--border); scrollbar-color: var(--brust) rgba(120, 60, 10, .1); } [data-theme="light"] .hscroll::-webkit-scrollbar-track { background: rgba(120, 60, 10, .08); } [data-theme="light"] .hscroll::-webkit-scrollbar-thumb { background: linear-gradient(90deg, var(--rust), var(--rust2)); } [data-theme="light"] table { color: var(--text); } [data-theme="light"] th { background: var(--s2); color: var(--muted); border-bottom-color: var(--border); } [data-theme="light"] th a { color: var(--text); } [data-theme="light"] td { color: var(--text); border-bottom-color: var(--border); } [data-theme="light"] tbody tr:nth-child(odd) { background: rgba(252, 245, 232, .6); } [data-theme="light"] tbody tr:nth-child(even) { background: rgba(242, 228, 208, .6); } [data-theme="light"] .lbt tbody td { color: var(--muted); } [data-theme="light"] .lbt tbody td:nth-child(2) { color: var(--text); } [data-theme="light"] .lbt tbody td:last-child { color: var(--rust2); } [data-theme="light"] .lbt tbody tr:hover td { background: rgba(196, 68, 10, .05); } [data-theme="light"] .lbt tbody tr.hl td { background: rgba(196, 68, 10, .12) !important; } [data-theme="light"] .lbt thead th { background: var(--s2); color: var(--muted); border-bottom-color: var(--border); } [data-theme="light"] .lbr { color: var(--dim); } [data-theme="light"] .gold td { background: linear-gradient(90deg, rgba(180, 130, 0, .25), rgba(180, 130, 0, .10), transparent) !important; } [data-theme="light"] .silver td { background: linear-gradient(90deg, rgba(160, 170, 180, .22), rgba(160, 170, 180, .10)) !important; } [data-theme="light"] .bronze td { background: linear-gradient(90deg, rgba(160, 90, 30, .25), rgba(160, 90, 30, .12), transparent) !important; } [data-theme="light"] .me td { background: rgba(30, 138, 60, .12) !important; } [data-theme="light"] .page-btn { background: rgba(252, 245, 232, .9); border-color: var(--border); color: var(--text); } [data-theme="light"] .page-btn:hover { background: rgba(196, 68, 10, .08); } [data-theme="light"] .page-btn.current { background: var(--rust); border-color: var(--rust2); color: #fff; } [data-theme="light"] .dot.off { background: #e05050; } [data-theme="light"] .namecol, [data-theme="light"] .namecol .player-link, [data-theme="light"] .namecol .player-name { color: var(--text) !important; } /* ═══════════════════════════════════════════════════════════ PLAYER CARD ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .pc-page { color: var(--text); } [data-theme="light"] .pc-alert { background: rgba(196, 68, 10, .08); border-color: rgba(196, 68, 10, .3); color: var(--text); } [data-theme="light"] .pc-alert a { color: var(--rust2); } [data-theme="light"] .pc-card { background: var(--s1); border-color: var(--border); box-shadow: 0 3px 16px rgba(100, 50, 10, .1); } [data-theme="light"] .pc-hero { background: radial-gradient(ellipse 65% 55% at 10% 35%, rgba(196, 68, 10, .10) 0%, transparent 65%), radial-gradient(ellipse 45% 45% at 85% 65%, rgba(0, 160, 110, .07) 0%, transparent 60%), rgba(248, 238, 220, .97); } [data-theme="light"] .pc-tag { color: var(--rust2); } [data-theme="light"] .pc-name { color: var(--text); text-shadow: none; } [data-theme="light"] .pc-pills .pc-pill { background: rgba(196, 68, 10, .07); border-color: rgba(196, 68, 10, .16); color: var(--text); } [data-theme="light"] .pc-rank-badge { background: rgba(196, 68, 10, .08); border-color: rgba(196, 68, 10, .25); color: var(--rust2); } [data-theme="light"] .pc-hs { background: rgba(196, 68, 10, .05); border-color: rgba(196, 68, 10, .12); } [data-theme="light"] .pc-hsr { border-bottom-color: rgba(196, 68, 10, .07); } [data-theme="light"] .pc-hsk { color: var(--muted); } [data-theme="light"] .pc-hsv { color: var(--text); } [data-theme="light"] .pc-hdiv { background: rgba(196, 68, 10, .1); } [data-theme="light"] .pc-mini { background: rgba(196, 68, 10, .05); border-color: rgba(196, 68, 10, .1); } [data-theme="light"] .pc-mini-k { color: var(--muted); } [data-theme="light"] .pc-mini-v { color: var(--text); } [data-theme="light"] .pc-mini-s { color: var(--dim); } [data-theme="light"] .pc-sec { border-top-color: rgba(196, 68, 10, .1); } [data-theme="light"] .pc-sec-title { color: var(--text); } [data-theme="light"] .pc-sec-sub { color: var(--muted); } [data-theme="light"] .pc-card-body { background: transparent; } [data-theme="light"] .pc-box { background: rgba(252, 245, 232, .9); border-color: rgba(196, 68, 10, .12); } [data-theme="light"] .pc-box-h { /* no override needed */ } [data-theme="light"] .pc-box-title { color: var(--rust2); } [data-theme="light"] .pc-box-sub { color: var(--muted); } [data-theme="light"] .pc-kv .pc-k { color: var(--muted); } [data-theme="light"] .pc-kv .pc-v { color: var(--text); } [data-theme="light"] .pc-rcard { background: rgba(196, 68, 10, .04); border-color: rgba(196, 68, 10, .1); } [data-theme="light"] .pc-ring::before { background: var(--s1); } [data-theme="light"] .pc-ring-n { color: var(--text); } [data-theme="light"] .pc-rt { color: var(--text); } [data-theme="light"] .pc-rd { color: var(--muted); } [data-theme="light"] .pc-rbc { background: rgba(252, 245, 232, .9); border-color: var(--border); } [data-theme="light"] .pc-rbn { color: var(--muted); } [data-theme="light"] .pc-rbv { color: var(--text); } [data-theme="light"] .pc-rbh { color: var(--dim); } [data-theme="light"] .pc-rbb { background: rgba(120, 60, 10, .1); } [data-theme="light"] .pc-item { background: rgba(252, 245, 232, .9); border-color: var(--border); } [data-theme="light"] .pc-item-n { color: var(--text); } [data-theme="light"] .pc-item-a { color: var(--muted); } [data-theme="light"] .pc-bar { background: rgba(120, 60, 10, .1); } [data-theme="light"] .pc-barf { background: var(--rust2); } [data-theme="light"] .pc-barf-g { background: var(--green); } [data-theme="light"] .pc-barm { color: var(--muted); } [data-theme="light"] .pc-donut::before { background: var(--s1); } [data-theme="light"] .pc-dc { color: var(--text); } [data-theme="light"] .pc-lr { color: var(--muted); } [data-theme="light"] .pc-lv { color: var(--text); } [data-theme="light"] .pc-tip { background: rgba(252, 248, 240, .99); border-color: rgba(196, 68, 10, .18); color: var(--muted); box-shadow: 0 8px 30px rgba(100, 50, 10, .2); } [data-theme="light"] .pc-tv { color: var(--text); } [data-theme="light"] .pc-tm { border-bottom-color: rgba(120, 60, 10, .08); color: var(--dim); } [data-theme="light"] .pc-th { color: var(--text); } [data-theme="light"] .pc-kbl { background: rgba(252, 245, 232, .7); border-color: rgba(196, 68, 10, .08); } [data-theme="light"] .pc-kbn { color: var(--text); } [data-theme="light"] .pc-kbns { color: var(--muted); } [data-theme="light"] .pc-kbbar { background: rgba(120, 60, 10, .1); } [data-theme="light"] .pc-kbvbar { background: rgba(196, 68, 10, .05); border-color: rgba(196, 68, 10, .1); } [data-theme="light"] .pc-kbvst { color: var(--muted); } [data-theme="light"] .pc-kbvst b { color: var(--text); } [data-theme="light"] .pc-kbdg { background: rgba(252, 245, 232, .8); border-color: rgba(196, 68, 10, .08); } [data-theme="light"] .pc-kbdgt { color: var(--muted); } [data-theme="light"] .pc-kbdgv { color: var(--text); } [data-theme="light"] .pc-km { /* grid col 1/-1 */ } [data-theme="light"] .pc-kmb { background: rgba(120, 60, 10, .1); } [data-theme="light"] .pc-kml { color: var(--muted); } [data-theme="light"] .pc-kmht { color: var(--text); } [data-theme="light"] .pc-kmhs { color: var(--muted); } [data-theme="light"] .pc-kmhs b { color: var(--text); } [data-theme="light"] .pc-kmh { border-bottom-color: rgba(196, 68, 10, .1); } [data-theme="light"] .pc-rrow { background: rgba(252, 245, 232, .8); border-color: rgba(196, 68, 10, .08); } [data-theme="light"] .pc-rname { color: var(--muted); } [data-theme="light"] .pc-rval { color: var(--text); } [data-theme="light"] .pc-sblbl { color: var(--muted); } [data-theme="light"] .pc-statline-k { color: var(--muted); } [data-theme="light"] .pc-statline-v { color: var(--text); } /* ═══════════════════════════════════════════════════════════ NEWS PAGE ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .news-wrap { color: var(--text); } [data-theme="light"] .news-meta-bar { color: var(--dim); } [data-theme="light"] .news-item { background: var(--s1); border-color: var(--border); box-shadow: 0 3px 16px rgba(120, 60, 10, .10); } [data-theme="light"] .news-item:hover { border-color: var(--brust); box-shadow: 0 6px 28px rgba(120, 60, 10, .16); } [data-theme="light"] .news-img-wrap { border-right-color: var(--border); } [data-theme="light"] .news-img { opacity: 1; } [data-theme="light"] .news-kicker { background: rgba(196, 68, 10, .1); border-color: rgba(196, 68, 10, .22); color: var(--rust2); } [data-theme="light"] .news-item-title { color: var(--text); } [data-theme="light"] .news-item-date { color: var(--dim); background: rgba(196, 68, 10, .05); border-color: var(--border); } [data-theme="light"] .news-item-message { background: rgba(196, 68, 10, .04); border-color: var(--border); color: var(--muted); } [data-theme="light"] .news-page-btn { background: rgba(252, 245, 232, .9); border-color: var(--border); color: var(--text); } [data-theme="light"] .news-page-btn:hover { background: rgba(196, 68, 10, .08); } [data-theme="light"] .news-page-btn.is-current { background: var(--rust); border-color: var(--rust2); color: #fff; } /* ═══════════════════════════════════════════════════════════ ITEMS PAGE ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .items-shell { color: var(--text); } [data-theme="light"] .items-toolbar { background: var(--s1); border-color: var(--border); box-shadow: 0 3px 14px rgba(120, 60, 10, .10); } [data-theme="light"] .items-stat { color: var(--dim); } [data-theme="light"] .items-stat span { color: var(--rust2); } [data-theme="light"] .items-sep { background: var(--border); } [data-theme="light"] .items-search-wrap input { background: rgba(252, 245, 232, .9); border-color: var(--border); color: var(--text); } [data-theme="light"] .items-search-wrap input:focus { border-color: var(--brust); } [data-theme="light"] .items-search-wrap input::placeholder { color: var(--dim); } [data-theme="light"] .items-clear-btn { background: rgba(196, 68, 10, .06); border-color: var(--border); color: var(--dim); } [data-theme="light"] .items-clear-btn:hover { background: rgba(196, 68, 10, .14); color: var(--text); } [data-theme="light"] .item-card { background: var(--s1); border-color: var(--border); box-shadow: 0 3px 16px rgba(120, 60, 10, .10); } [data-theme="light"] .item-card:hover { border-color: var(--brust); box-shadow: 0 6px 28px rgba(120, 60, 10, .16); } [data-theme="light"] .item-img { background: rgba(242, 228, 208, .8); border-color: var(--border); } [data-theme="light"] .workshop-under { color: var(--dim); } [data-theme="light"] .item-title { color: var(--rust2); text-shadow: none; } [data-theme="light"] .meta-box { background: rgba(196, 68, 10, .04); border-color: var(--border); } [data-theme="light"] .meta-text { color: var(--text); } [data-theme="light"] .meta-line { color: var(--muted); } [data-theme="light"] .box-required { background: rgba(180, 120, 0, .08); border-color: rgba(180, 120, 0, .25); } [data-theme="light"] .box-reward { background: rgba(30, 138, 60, .07); border-color: rgba(30, 138, 60, .22); } [data-theme="light"] .ql-list li { color: var(--muted); } [data-theme="light"] .ql-list a { color: var(--text); } [data-theme="light"] .ql-list a:hover { color: var(--rust2); } [data-theme="light"] .ql-id { color: var(--dim); } [data-theme="light"] .item-actions a { background: rgba(252, 245, 232, .9); border-color: var(--border); color: var(--text); } [data-theme="light"] .item-actions a:hover { background: rgba(196, 68, 10, .1); border-color: var(--brust); color: var(--rust2); } [data-theme="light"] .droprate-block { color: var(--muted); } [data-theme="light"] .droprate-block strong { color: var(--text); } [data-theme="light"] .items-loading { color: var(--dim); } /* ═══════════════════════════════════════════════════════════ QUESTS PAGE ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .sidebar.quest-menu-bar { background: var(--s1) !important; border-color: var(--border) !important; box-shadow: 0 0 0 1px rgba(196, 68, 10, .05), 0 12px 40px rgba(100, 50, 10, .15) !important; } [data-theme="light"] .quest-menu-bar .menu-section-title { color: var(--dim) !important; } [data-theme="light"] .quest-menu-bar .menu-divider { background: var(--border) !important; } [data-theme="light"] .sidebar.quest-menu-bar button { background: rgba(196, 68, 10, .05) !important; color: var(--muted) !important; border-color: transparent !important; } [data-theme="light"] .sidebar.quest-menu-bar button:hover { background: rgba(196, 68, 10, .1) !important; color: var(--text) !important; border-color: rgba(196, 68, 10, .2) !important; } [data-theme="light"] .sidebar.quest-menu-bar button.active, [data-theme="light"] .sidebar.quest-menu-bar button[data-category].active { background: rgba(196, 68, 10, .16) !important; border-color: var(--brust) !important; color: var(--rust2) !important; } [data-theme="light"] .sidebar.quest-menu-bar button.all { background: rgba(196, 68, 10, .08) !important; border-color: var(--border) !important; color: var(--text) !important; } [data-theme="light"] .sidebar.quest-menu-bar button::after { background: rgba(120, 60, 10, .12) !important; color: var(--muted) !important; } [data-theme="light"] .top-bar { background: var(--s1); border-color: var(--border); color: var(--dim); box-shadow: 0 3px 16px rgba(120, 60, 10, .10); } [data-theme="light"] .top-bar>div { color: var(--text); } [data-theme="light"] .top-bar>div span { color: var(--rust2); } [data-theme="light"] .quest-search input { background: rgba(252, 245, 232, .9); border-color: var(--border); color: var(--text); } [data-theme="light"] .quest-search input::placeholder { color: var(--dim); } [data-theme="light"] .quest-search input:focus { border-color: var(--brust); } [data-theme="light"] .quest { background: var(--s1); border-color: var(--border); box-shadow: 0 3px 16px rgba(120, 60, 10, .10); } [data-theme="light"] .quest:hover { border-color: var(--brust); box-shadow: 0 6px 28px rgba(120, 60, 10, .16); } [data-theme="light"] .quest-title { color: var(--rust2); text-shadow: none; } [data-theme="light"] .quest-id { color: var(--muted); } [data-theme="light"] .quest-description { color: var(--muted); } [data-theme="light"] .quest-description-title { color: var(--dim); } [data-theme="light"] .repeatable { color: var(--green); } [data-theme="light"] .not-repeatable { color: #c0392b; } [data-theme="light"] .cooldown { color: var(--rust2); } [data-theme="light"] .separator { border-bottom-color: var(--border); } [data-theme="light"] .reward { background: rgba(252, 245, 232, .8); border-color: var(--border); } [data-theme="light"] .reward:hover { border-color: var(--brust); } [data-theme="light"] .reward img { background: rgba(242, 228, 208, .6); border-color: var(--border); } [data-theme="light"] .filter-option label { color: var(--muted); } [data-theme="light"] .filter-box h2 { color: var(--dim); border-top-color: var(--border); } [data-theme="light"] .quests-container footer { border-top-color: var(--border); color: var(--dim); } [data-theme="light"] .quests-container footer a { color: var(--rust2); } [data-theme="light"] .quests-container footer a:hover { color: var(--text); } /* ═══════════════════════════════════════════════════════════ BUGS PAGE ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .bugs-shell { color: var(--text); } [data-theme="light"] .bugs-topbar-inner { background: var(--s2); border-color: var(--border); } [data-theme="light"] .bugs-controls select { background: rgba(252, 245, 232, .9); border-color: var(--border); color: var(--text); } [data-theme="light"] .bugs-search input { background: rgba(252, 245, 232, .9); border-color: var(--border); color: var(--text); } [data-theme="light"] .bugs-search input::placeholder { color: var(--dim); } [data-theme="light"] .bugs-search input:focus { border-color: var(--brust); } [data-theme="light"] .bugs-clear-btn { background: rgba(196, 68, 10, .06); border-color: var(--border); color: var(--dim); } [data-theme="light"] .bugs-clear-btn:hover { background: rgba(196, 68, 10, .14); color: var(--text); } [data-theme="light"] .bugs-lang-btn { background: rgba(252, 245, 232, .9); border-color: var(--border); color: var(--text); } [data-theme="light"] .bugs-lang-btn:hover:not(:disabled) { background: rgba(196, 68, 10, .08); border-color: var(--brust); } [data-theme="light"] .summary-btn { background: rgba(196, 68, 10, .05); border-color: var(--border); color: var(--text); } [data-theme="light"] .summary-btn:hover { background: rgba(196, 68, 10, .1); } [data-theme="light"] .summary-btn.active { background: rgba(196, 68, 10, .14); border-color: var(--brust); color: var(--rust2); } [data-theme="light"] .bugs-table thead th { background: var(--s2); color: var(--muted); border-bottom-color: var(--border); } [data-theme="light"] .bugs-table tbody td { color: var(--text); border-bottom-color: var(--border); } [data-theme="light"] .bugs-table tbody tr:hover td { background: rgba(196, 68, 10, .04); } [data-theme="light"] .fault-title { color: var(--rust2); } [data-theme="light"] .desc-label { color: var(--dim); } [data-theme="light"] .desc-text { color: var(--muted); } [data-theme="light"] .small-muted { color: var(--dim); } [data-theme="light"] .small-muted .label { color: var(--muted); } [data-theme="light"] .bugs-footer { color: var(--dim); } [data-theme="light"] .bugs-partial-notice { background: rgba(184, 106, 0, .08); border-color: rgba(184, 106, 0, .28); color: var(--amber); } /* Skeleton shimmer in light mode */ [data-theme="light"] .bugs-skel-row { border-bottom-color: var(--border); } [data-theme="light"] .skel-icon, [data-theme="light"] .skel-block { background: rgba(196, 68, 10, .08); } /* ═══════════════════════════════════════════════════════════ RAIDABLE BOATS EDITOR ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .rb-page-wrap { color: var(--text); } [data-theme="light"] .rb-hero { background: var(--s1); border-color: var(--border); box-shadow: 0 3px 16px rgba(120, 60, 10, .10); } [data-theme="light"] .rb-hero-title { color: var(--rust2); text-shadow: none; } [data-theme="light"] .rb-hero-sub { color: var(--muted); } [data-theme="light"] .rb-stats-strip { background: rgba(252, 245, 232, .8); border-color: var(--brust); } [data-theme="light"] .rb-stat { border-right-color: var(--brust); } [data-theme="light"] .rb-stat-lbl { color: var(--dim); } [data-theme="light"] .rb-toolbar { background: var(--s2); border-color: var(--border); } [data-theme="light"] .rb-toolbar input[type="text"], [data-theme="light"] .rb-toolbar select { background: rgba(252, 245, 232, .9); border-color: var(--border); color: var(--text); } [data-theme="light"] .rb-toolbar input[type="text"]::placeholder { color: var(--dim); } [data-theme="light"] .rb-btn { background: rgba(252, 245, 232, .9); border-color: var(--border); color: var(--text); } [data-theme="light"] .rb-btn:hover { background: rgba(196, 68, 10, .08); } [data-theme="light"] .rb-btn-primary { background: var(--rust); border-color: var(--rust2); color: #fff; } [data-theme="light"] .rb-btn-primary:hover { background: var(--rust2); } [data-theme="light"] .rb-btn-danger { border-color: rgba(180, 30, 20, .3); color: #b01010; } [data-theme="light"] .rb-btn-danger:hover { background: rgba(180, 30, 20, .08); } [data-theme="light"] .rb-toggle-label { color: var(--muted); } [data-theme="light"] .rb-cat-strip { background: var(--s2); border-bottom-color: var(--border); } [data-theme="light"] .rb-cat-btn { background: rgba(196, 68, 10, .05); border-color: var(--border); color: var(--muted); } [data-theme="light"] .rb-cat-btn:hover { background: rgba(196, 68, 10, .1); color: var(--text); } [data-theme="light"] .rb-cat-btn.is-active { background: rgba(196, 68, 10, .14); border-color: var(--brust); color: var(--rust2); } [data-theme="light"] .rb-split { border-color: var(--border); } [data-theme="light"] .rb-panel-head { background: var(--s2); border-bottom-color: var(--border); color: var(--text); } [data-theme="light"] .rb-panel-head .rb-count { background: rgba(196, 68, 10, .1); border-color: rgba(196, 68, 10, .22); color: var(--rust2); } [data-theme="light"] .rb-browser-panel { border-right-color: var(--border); } [data-theme="light"] .rb-category-header { background: rgba(242, 228, 208, .9); border-color: var(--border); color: var(--muted); } [data-theme="light"] .rb-item-card { background: rgba(252, 245, 232, .8); } [data-theme="light"] .rb-item-card:hover { background: rgba(196, 68, 10, .07); } [data-theme="light"] .rb-item-card.is-selected { background: rgba(196, 68, 10, .12); } [data-theme="light"] .rb-item-thumb { background: rgba(242, 228, 208, .7); border-color: var(--border); } [data-theme="light"] .rb-item-name { color: var(--muted); } [data-theme="light"] .rb-selected-panel { background: var(--bg); } [data-theme="light"] .rb-selected-card { background: var(--s1); } [data-theme="light"] .rb-selected-card:hover { background: rgba(196, 68, 10, .07); } [data-theme="light"] .rb-remove-x { background: rgba(180, 30, 20, .1); border-color: rgba(180, 30, 20, .25); color: #b01010; } [data-theme="light"] .rb-remove-x:hover { background: rgba(180, 30, 20, .25); } [data-theme="light"] .rb-selected-thumb-img { background: rgba(242, 228, 208, .7); border-color: var(--border); } [data-theme="light"] .rb-selected-title { color: var(--text); } [data-theme="light"] .rb-selected-row { border-bottom-color: rgba(120, 60, 10, .06); color: var(--dim); } [data-theme="light"] .rb-selected-row span:last-child { color: var(--muted); } [data-theme="light"] .rb-label { color: var(--dim); } [data-theme="light"] .rb-empty-state { color: var(--dim); } [data-theme="light"] .rb-no-results h3 { color: var(--muted); } /* Modal */ [data-theme="light"] .rb-modal-backdrop.is-open { background: rgba(100, 60, 20, .38); } [data-theme="light"] .rb-modal { background: var(--s1); border-color: var(--border); box-shadow: 0 24px 70px rgba(100, 50, 10, .25); } [data-theme="light"] .rb-modal-head { border-bottom-color: var(--border); } [data-theme="light"] .rb-modal-preview { background: rgba(242, 228, 208, .7); border-color: var(--border); } [data-theme="light"] .rb-modal-meta { color: var(--muted); } [data-theme="light"] .rb-modal-meta strong { color: var(--text); } [data-theme="light"] .rb-modal-body { /* no override */ } [data-theme="light"] .rb-field label { color: var(--dim); } [data-theme="light"] .rb-field input[type="text"], [data-theme="light"] .rb-field input[type="number"] { background: rgba(252, 245, 232, .9); border-color: var(--border); color: var(--text); } [data-theme="light"] .rb-field input:focus { border-color: var(--brust); } [data-theme="light"] .rb-checkbox-label { color: var(--muted); } [data-theme="light"] .rb-modal-foot { border-top-color: var(--border); } [data-theme="light"] .download-counter { color: var(--dim); } [data-theme="light"] .download-counter strong { color: var(--rust2); } /* Shimmer in light mode */ [data-theme="light"] .rb-item-thumb[src=""], [data-theme="light"] img.img-loading { background: linear-gradient(90deg, rgba(196, 68, 10, .07) 25%, rgba(196, 68, 10, .14) 50%, rgba(196, 68, 10, .07) 75%); } /* ═══════════════════════════════════════════════════════════ SKILL TREE PAGE ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .st-wrap { color: var(--text); } [data-theme="light"] .st-hero { background: var(--s1); border-color: var(--border); box-shadow: 0 3px 16px rgba(120, 60, 10, .10); } [data-theme="light"] .st-hero-title { color: var(--rust2); text-shadow: none; } [data-theme="light"] .st-hero-sub { color: var(--muted); } [data-theme="light"] .st-controls { background: var(--s1); border-color: var(--border); } [data-theme="light"] .st-field input[type="number"] { background: rgba(252, 245, 232, .9); border-color: var(--border); color: var(--text); } [data-theme="light"] .st-field input[type="number"]:focus { border-color: var(--rust2); } [data-theme="light"] .st-sp-track { background: rgba(196, 68, 10, .05); border-color: var(--border); } [data-theme="light"] .st-tree { background: var(--s1); border-color: var(--border); } [data-theme="light"] .st-tree-head { border-bottom-color: var(--border); } [data-theme="light"] .st-tree-head:hover { background: rgba(196, 68, 10, .03); } [data-theme="light"] .st-tree-meta { background: rgba(196, 68, 10, .1); border-color: rgba(196, 68, 10, .22); } [data-theme="light"] .st-tree-info { background: rgba(252, 245, 232, .9); border-bottom-color: var(--border); } [data-theme="light"] .st-tier { border-bottom-color: var(--border); } [data-theme="light"] .st-tier-head { background: rgba(242, 228, 208, .9); color: var(--muted); } [data-theme="light"] .st-nodes { background: var(--border); } [data-theme="light"] .st-node { background: var(--s1); } [data-theme="light"] .st-node:hover { background: rgba(196, 68, 10, .06); } [data-theme="light"] .st-node-meta { color: var(--dim); } [data-theme="light"] .st-node-buff { color: var(--muted); } [data-theme="light"] .st-node-buff strong { color: #B8860B; } [data-theme="light"] .st-node-icon { background: rgba(196, 68, 10, .05); border-color: var(--border); } [data-theme="light"] .st-node-level button { background: rgba(196, 68, 10, .05); border-color: var(--border); color: var(--text); } [data-theme="light"] .st-node-level button:hover:not(:disabled) { background: rgba(196, 68, 10, .15); border-color: var(--rust2); } [data-theme="light"] .st-node-level button:disabled { opacity: .4; } [data-theme="light"] .st-summary { background: var(--s1); border-color: var(--border); } [data-theme="light"] .st-summary-item { background: rgba(196, 68, 10, .04); border-color: rgba(196, 68, 10, .1); } [data-theme="light"] .st-notice { background: rgba(196, 68, 10, .07); border-color: var(--brust); color: var(--muted); } [data-theme="light"] .st-btn { background: rgba(196, 68, 10, .06); border-color: var(--border); color: var(--text); } [data-theme="light"] .st-btn:hover { background: rgba(196, 68, 10, .12); border-color: var(--rust2); } [data-theme="light"] .st-btn-danger { border-color: rgba(255, 59, 48, .35); color: #D32F2F; background: rgba(255, 59, 48, .05); } [data-theme="light"] .st-btn-danger:hover { background: rgba(255, 59, 48, .15); border-color: #D32F2F; } /* ═══════════════════════════════════════════════════════════ BUG REPORTS PAGE ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .bugs-clear-btn { background: rgba(196, 68, 10, .05); } [data-theme="light"] .bugs-clear-btn:hover { background: rgba(196, 68, 10, .15); color: var(--rust2); } [data-theme="light"] .bugs-lang-btn:hover:not(:disabled) { background: rgba(196, 68, 10, .05); } [data-theme="light"] .summary-btn { background: rgba(196, 68, 10, .05); } [data-theme="light"] .summary-btn:hover { background: rgba(196, 68, 10, .1); } [data-theme="light"] .summary-btn.active { background: rgba(196, 68, 10, .15); border-color: var(--rust2); } [data-theme="light"] .bugs-table tbody tr:hover td { background: rgba(196, 68, 10, .03); } [data-theme="light"] .icon { background: rgba(196, 68, 10, .05); } [data-theme="light"] .skel-icon, [data-theme="light"] .skel-block { background: rgba(196, 68, 10, .06); } [data-theme="light"] .lang-spinner { border-color: rgba(196, 68, 10, .2); border-top-color: var(--rust2); } /* ═══════════════════════════════════════════════════════════ TEAM PAGE ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .team-wrap { color: var(--text); } [data-theme="light"] .team-intro { background: var(--s1); border-color: var(--border); box-shadow: 0 3px 16px rgba(120, 60, 10, .10); } [data-theme="light"] .team-intro-text h2 { color: var(--text); } [data-theme="light"] .team-intro-text p { color: var(--muted); } [data-theme="light"] .staff-card { background: var(--s1); border-color: var(--border); } [data-theme="light"] .staff-card:hover { box-shadow: 0 14px 44px rgba(100, 50, 10, .22); } [data-theme="light"] .sc-head { background: var(--s2); border-bottom-color: var(--border); } [data-theme="light"] .sc-name { color: var(--text); } [data-theme="light"] .sc-bio { color: var(--muted); } [data-theme="light"] .sc-since { color: var(--dim); } [data-theme="light"] .sc-tag { background: rgba(196, 68, 10, .05); border-color: var(--border); color: var(--muted); } [data-theme="light"] .sc-divider { background: var(--border); } [data-theme="light"] .sc-links-title { color: var(--dim); } [data-theme="light"] .sc-link-btn { background: rgba(252, 245, 232, .9); border-color: var(--border); color: var(--text); } [data-theme="light"] .sc-link-arrow { color: var(--dim); } [data-theme="light"] .sc-playercard { background: rgba(252, 245, 232, .9); border-color: var(--border); color: var(--muted); } [data-theme="light"] .sc-playercard:hover { background: rgba(196, 68, 10, .08); border-color: var(--brust); color: var(--text); } /* ═══════════════════════════════════════════════════════════ GENERIC FORM INPUTS (catch-all) ═══════════════════════════════════════════════════════════ */ [data-theme="light"] input[type="text"], [data-theme="light"] input[type="number"], [data-theme="light"] input[type="search"], [data-theme="light"] textarea, [data-theme="light"] select { background: rgba(252, 245, 232, .9); border-color: var(--border); color: var(--text); } [data-theme="light"] input::placeholder, [data-theme="light"] textarea::placeholder { color: var(--dim); } [data-theme="light"] input:focus, [data-theme="light"] textarea:focus, [data-theme="light"] select:focus { outline: none; border-color: var(--brust); } /* ═══════════════════════════════════════════════════════════ GENERIC TABLE OVERRIDES (styles.css compat) ═══════════════════════════════════════════════════════════ */ [data-theme="light"] thead th { background: var(--s2); color: var(--muted); border-bottom-color: var(--border); } [data-theme="light"] tbody td { color: var(--text); border-top-color: var(--border); } [data-theme="light"] tbody tr:nth-child(odd) { background: rgba(252, 245, 232, .65); } [data-theme="light"] tbody tr:nth-child(even) { background: rgba(242, 228, 208, .65); } [data-theme="light"] .highlight { background: rgba(196, 68, 10, .14) !important; } /* ═══════════════════════════════════════════════════════════ REVEAL ANIMATIONS — keep working in light mode ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .reveal { opacity: 0; transform: translateY(28px); } [data-theme="light"] .reveal.in { opacity: 1; transform: translateY(0); } /* ═══════════════════════════════════════════════════════════ SCROLL HINT ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .scroll-hint { color: var(--rust2) !important; opacity: 0.8 !important; } [data-theme="light"] .scroll-hint::after { background: linear-gradient(to bottom, var(--rust2), transparent) !important; } /* ═══════════════════════════════════════════════════════════ DISCORD WIDGET PARTIAL (partials/discord_widget.html) ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .avatar-box { background: rgba(252, 245, 232, .96); border-color: var(--brust); box-shadow: 0 0 0 1px rgba(196, 68, 10, .05), 0 8px 28px rgba(100, 50, 10, .18); } [data-theme="light"] .user-info { color: var(--text); } [data-theme="light"] .rank-info { color: var(--muted); } [data-theme="light"] .balance-info { color: var(--muted); } /* ═══════════════════════════════════════════════════════════ MISC SMALL THINGS ═══════════════════════════════════════════════════════════ */ [data-theme="light"] .sec-head h2 { color: var(--rust2); } [data-theme="light"] .sec-line { background: linear-gradient(to right, var(--brust), transparent); } [data-theme="light"] .sec-tag { color: var(--dim); } /* Conic gradients in quest filters need CSS variable names re-mapped */ [data-theme="light"] .filter-option input { accent-color: var(--rust2); } /* Smooth scrollbar in light */ [data-theme="light"] .sn-links { scrollbar-color: var(--brust) transparent; } /* ═══════════════════════════════════════════════════════════ SCROLLBARS (global for webkit) ═══════════════════════════════════════════════════════════ */ [data-theme="light"] ::-webkit-scrollbar-track { background: rgba(120, 60, 10, .06); } [data-theme="light"] ::-webkit-scrollbar-thumb { background: rgba(196, 68, 10, .3); border-radius: 999px; } [data-theme="light"] ::-webkit-scrollbar-thumb:hover { background: rgba(196, 68, 10, .5); }