/* ═══════════════════════════════════════════════════════ LIGHT THEME OVERRIDES Applied when body has class "light-theme" ═══════════════════════════════════════════════════════ */ /* Prevent dark flash — applied on before body loads */ html.light-theme-pending { background-color: #e8e4df; } /* ── Base ── */ body.light-theme { background-color: #e8e4df; background-image: none; color: #3a3632; } /* ── Links ── */ body.light-theme a { color: #5a4d42; } body.light-theme a:hover { color: #cc7954; } /* ── Headings ── */ body.light-theme h1, body.light-theme h2, body.light-theme h3 { color: #6b4c30; } /* ── Top Nav Bar ── */ body.light-theme .topPanel { background: rgba(255,255,255,0.92); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 2px 12px rgba(0,0,0,0.08); } body.light-theme .topPanel-wrapper { border-bottom: 1px solid rgba(0,0,0,0.08); } body.light-theme .nav li a { color: #5a4d42; } body.light-theme .nav li:first-child a { color: #3a3632; } body.light-theme .nav li:hover a { color: #cc7954; } body.light-theme .sign-in { color: #5a4d42; } /* Nav dropdown */ body.light-theme .nav li ul { background: rgba(255,255,255,0.97); border: 1px solid rgba(0,0,0,0.08); border-top: 2px solid #cc7954; box-shadow: 0 8px 32px rgba(0,0,0,0.12); backdrop-filter: blur(12px); } body.light-theme .nav li ul li:hover { background: rgba(204,121,84,0.06); } body.light-theme .nav li ul li a { color: #5a4d42 !important; } body.light-theme .nav li ul li:hover a { color: #cc7954 !important; border-left-color: #cc7954; } /* ── Content Area ── */ body.light-theme .content { background-color: #faf8f5; background-image: none; border: 1px solid rgba(0,0,0,0.06); box-shadow: 0 2px 12px rgba(0,0,0,0.04); } body.light-theme .content-page { color: #3a3632; } body.light-theme .content-page a { color: #a06838; } body.light-theme .content-page a:hover { color: #cc7954; } /* ── Content Titles ── */ body.light-theme .h2-title span { color: #8b5e3c; } body.light-theme .h2-title a { color: #888; } body.light-theme .h2-title a:hover { color: #3a3632; } body.light-theme .h2-title-content { border-bottom-color: rgba(0,0,0,0.08); } body.light-theme .h2-title-content a { color: #3a3632; } body.light-theme .h2-title-content a:after { background: #3a3632; } body.light-theme .h2-title-table { border-bottom-color: rgba(0,0,0,0.08); } /* ── Sidebar Rankings Block ── */ body.light-theme .blockHome { background-color: #faf8f5; background-image: none; border: 1px solid rgba(0,0,0,0.06); box-shadow: 0 2px 8px rgba(0,0,0,0.04); } body.light-theme .blockHome:hover { border-color: rgba(204,121,84,0.2); box-shadow: 0 4px 16px rgba(0,0,0,0.08); } body.light-theme .tableBlock-title { background: rgba(0,0,0,0.03); background-image: none; } body.light-theme .tableBlock-title span { color: #888; } body.light-theme .tableBlock-content:nth-child(odd) { background-color: rgba(0,0,0,0.02); } body.light-theme .tableBlock-content:hover { background-color: rgba(204,121,84,0.06) !important; } body.light-theme .tableBlock-conten_name a { color: #3a3632; } body.light-theme .tableBlock-conten_lvl { color: #7c5cbf; } body.light-theme .tableBlock-conten_scr { color: #a06838; } /* ── Tab Buttons ── */ body.light-theme .tabTable-button { color: #888; border-bottom-color: transparent; } body.light-theme .tabTable-button.active { color: #cc7954; border-bottom-color: #cc7954; } /* ── Popup tooltips ── */ body.light-theme .tablePopup { background: rgba(255,255,255,0.97); border: 1px solid rgba(0,0,0,0.1); box-shadow: 0 8px 24px rgba(0,0,0,0.12); } body.light-theme .tablePopup-title { color: #3a3632; } body.light-theme .tablePopup-block { color: #5a4d42; } body.light-theme .tablePopup-block span:first-child { color: #888; } /* ── Tables ── */ body.light-theme table tr { background-color: rgba(0,0,0,0.015); } body.light-theme table td { border-top-color: rgba(0,0,0,0.04); border-bottom-color: rgba(0,0,0,0.04); color: #3a3632; } body.light-theme table thead td { color: #7c5cbf; } /* ── Inputs / Selects ── */ body.light-theme input, body.light-theme textarea { background: #fff; border-color: #d0ccc6; color: #3a3632; } body.light-theme input:hover, body.light-theme textarea:hover { border-color: #cc7954; box-shadow: 0 0 8px rgba(204,121,84,0.15); } body.light-theme select { background-color: #fff; border-color: #d0ccc6; color: #3a3632; } body.light-theme select:hover { border-color: #cc7954; box-shadow: 0 0 8px rgba(204,121,84,0.15); } body.light-theme ::placeholder { color: #aaa; } body.light-theme ::-webkit-input-placeholder { color: #aaa; } body.light-theme ::-moz-placeholder { color: #aaa; } /* ── Buttons ── */ body.light-theme button, body.light-theme .button { filter: brightness(1.1) saturate(0.9); } /* ── Footer ── */ body.light-theme footer { background: linear-gradient(180deg, rgba(230,226,220,0.95), rgba(220,216,210,0.98)); border-top: 1px solid rgba(0,0,0,0.06); } body.light-theme footer::before { background: linear-gradient(90deg, transparent, rgba(204,121,84,0.2), transparent); } body.light-theme .footerMenu-block a { color: #5a4d42; } body.light-theme .footerMenu-block a:hover { color: #cc7954; } body.light-theme .footerMenu-block h3 { color: #6b4c30; } body.light-theme footer p, body.light-theme footer span { color: #888; } /* ── Download Blocks ── */ body.light-theme .downloadBlock { background-color: rgba(245,242,238,0.95); background-image: none; border: 1px solid rgba(0,0,0,0.06); } body.light-theme .downloadBlock-title { color: #6b4c30; } body.light-theme .downloadBlock-title span { color: #3a3632; } body.light-theme .downloadBlock-text { color: #5a4d42; } /* ── Page-specific: War Room, Battle Log, Guild War, Tier List, etc ── */ /* These modules use inline bg colors like rgba(5,7,16,...) — override them */ body.light-theme .gw-hero, body.light-theme .ct-hero { background-color: #f0ece6; background-image: none; } body.light-theme .gw-hero::before { background: radial-gradient(ellipse at center, rgba(240,236,230,0.7), rgba(240,236,230,0.95)); } body.light-theme .gw-hero-sub, body.light-theme .ct-hero-sub { color: #999; } body.light-theme .gw-hero-line, body.light-theme .ct-hero-line { background: linear-gradient(90deg, transparent, rgba(204,121,84,0.3), transparent); } body.light-theme .ct-hero-note { color: #999; } body.light-theme .gw-faction, body.light-theme .gw-panel, body.light-theme .ct-panel { background: #faf8f5; border-color: rgba(0,0,0,0.06); } body.light-theme .gw-faction::before { opacity: 0.5; } body.light-theme .gw-tabs, body.light-theme .ct-tabs { background: #f5f2ee; border-bottom-color: rgba(0,0,0,0.06); } body.light-theme .gw-tab, body.light-theme .ct-tab { color: #999; } body.light-theme .gw-tab:hover, body.light-theme .ct-tab:hover { color: #6b4c30; background: rgba(204,121,84,0.04); } body.light-theme .gw-tab.active, body.light-theme .ct-tab.active { color: #cc7954; border-bottom-color: #cc7954; background: rgba(204,121,84,0.06); } body.light-theme .gw-period-btn, body.light-theme .gw-fw-total, body.light-theme .gw-guild-detail, body.light-theme .gw-killer-detail, body.light-theme .gw-feed-guild, body.light-theme .gw-feed-time, body.light-theme .ct-card-role, body.light-theme .ct-card-score-label, body.light-theme .ct-vote-count, body.light-theme .ct-vote-avg-label, body.light-theme .ct-cmp-title { color: #999; } body.light-theme .gw-period-btn { background: rgba(0,0,0,0.03); border-color: rgba(0,0,0,0.06); } body.light-theme .gw-period-btn:hover { color: #6b4c30; border-color: rgba(204,121,84,0.2); } body.light-theme .gw-period-btn.active { color: #cc7954; border-color: #cc7954; background: rgba(204,121,84,0.06); } body.light-theme .gw-podium-card, body.light-theme .gw-guild-row, body.light-theme .gw-killer-row, body.light-theme .gw-feed-row, body.light-theme .gw-season-card, body.light-theme .ct-card, body.light-theme .ct-vote-card { background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.04); } body.light-theme .gw-podium-card:hover, body.light-theme .ct-card:hover, body.light-theme .ct-vote-card:hover { border-color: rgba(204,121,84,0.15); } body.light-theme .gw-guild-row:hover, body.light-theme .gw-killer-row:hover { background: rgba(204,121,84,0.04); } body.light-theme .gw-guild-row:nth-child(odd), body.light-theme .gw-killer-row:nth-child(odd) { background: rgba(0,0,0,0.02); } body.light-theme .gw-guild-row { border-bottom-color: rgba(0,0,0,0.04); } body.light-theme .gw-killer-row { border-bottom-color: rgba(0,0,0,0.04); } body.light-theme .gw-fw-bar { background: rgba(0,0,0,0.06); box-shadow: inset 0 1px 3px rgba(0,0,0,0.06); } body.light-theme .gw-guild-kills-bar { background: rgba(0,0,0,0.06); } body.light-theme .ct-card-bar { background: rgba(0,0,0,0.06); } body.light-theme .ct-cmp-bar-bg { background: rgba(0,0,0,0.06); } body.light-theme .ct-table-bar-bg { background: rgba(0,0,0,0.06); } body.light-theme .ct-table tbody tr { border-bottom-color: rgba(0,0,0,0.04); } body.light-theme .ct-table tbody tr:nth-child(odd) { background: rgba(0,0,0,0.015); } body.light-theme .ct-table tbody tr:hover { background: rgba(204,121,84,0.04); } body.light-theme .ct-table thead td { color: #888; border-bottom-color: rgba(0,0,0,0.06); } body.light-theme .ct-table tbody td { color: #3a3632; } body.light-theme .ct-table-name { color: #6b4c30; } body.light-theme .ct-cmp-label { color: #5a4d42; } body.light-theme .ct-cmp-val { color: #6b4c30; } body.light-theme .ct-cmp-section { border-bottom-color: rgba(0,0,0,0.04); } body.light-theme .gw-season-card.active-season { border-color: rgba(74,192,141,0.3); } body.light-theme .gw-season-name { color: #6b4c30; } body.light-theme .gw-season-subtitle { color: #999; } body.light-theme .gw-season-dates { color: #aaa; } body.light-theme .gw-season-winner-label { color: #999; } /* ── Feed scroll ── */ body.light-theme .gw-feed::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.1); } /* ── Vote ── */ body.light-theme .ct-vote-msg.success { background: rgba(74,192,141,0.08); border-color: rgba(74,192,141,0.2); } body.light-theme .ct-vote-msg.error { background: rgba(255,68,68,0.06); border-color: rgba(255,68,68,0.15); } body.light-theme .ct-vote-star { color: #ccc; } body.light-theme .ct-vote-star:hover, body.light-theme .ct-vote-star.active { color: #ffd700; } /* ── Killer guild badges ── */ body.light-theme .gw-killer-guild.kr { background: rgba(90,160,239,0.08); border-color: rgba(90,160,239,0.15); } body.light-theme .gw-killer-guild.mk { background: rgba(255,68,68,0.08); border-color: rgba(255,68,68,0.15); } /* ── Achievements / Bounty Hunter / Power Rankings module overrides ── */ body.light-theme [style*="background:rgba(5,7,16"], body.light-theme [style*="background: rgba(5,7,16"], body.light-theme [style*="background:rgba(0,0,0,0.3)"], body.light-theme [style*="background:rgba(0,0,0,0.25)"] { background: rgba(0,0,0,0.02) !important; } /* ── Event countdown widget ── */ body.light-theme .ecw-active-name { color: #6b4c30; } body.light-theme .ecw-next-label { color: #999; } body.light-theme .ecw-list-name { color: #5a4d42; } body.light-theme .ecw-list-time { color: #aaa; } /* ── Homepage sidebar panels ── */ body.light-theme .hp-panel { background: rgba(255,255,255,0.95); border-color: rgba(0,0,0,0.06); } body.light-theme .hp-panel:hover { border-color: rgba(204,121,84,0.15); box-shadow: 0 4px 16px rgba(0,0,0,0.06); } body.light-theme .hp-panel::before { background: linear-gradient(90deg, transparent, rgba(204,121,84,0.2), transparent); } body.light-theme .hp-panel-head { background: rgba(204,121,84,0.06); border-bottom-color: rgba(0,0,0,0.04); } body.light-theme .hp-ss-name { color: #6b4c30; } body.light-theme .hp-ss-big-num .hp-ss-count { color: #6b4c30; text-shadow: none; } body.light-theme .hp-ss-big-num small { color: #999; } body.light-theme .hp-ss-zone-label { color: #999; } body.light-theme .hp-ss-zone-val { color: #5a4d42; } body.light-theme .hp-clock { color: #6b4c30; text-shadow: none; } body.light-theme .hp-clock-label { color: #999; } body.light-theme .hp-clock-date { color: #aaa; } body.light-theme .hp-sw-time { color: #888; } body.light-theme .hp-sw-time.hp-sw-next { color: #cc7954; text-shadow: none; } body.light-theme .hp-sw-countdown { color: #cc7954; text-shadow: none; } body.light-theme .hp-sw-countdown-label { color: #999; } body.light-theme .hp-peak-val { color: #6b4c30; } body.light-theme .hp-peak-label { color: #999; } body.light-theme .hp-peak-date { color: #bbb; } body.light-theme .hp-peak-row { border-bottom-color: rgba(0,0,0,0.04); } body.light-theme .hp-ad-spot { background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.06); } body.light-theme .hp-ad-spot-title { color: #cc7954; } body.light-theme .hp-ad-spot-text { color: #888; } body.light-theme .hp-ad-spot-text a { color: #a06838; } /* ── Homepage quick cards ── */ body.light-theme .hp-quick-card { background: rgba(255,255,255,0.9); border-color: rgba(0,0,0,0.06); } body.light-theme .hp-quick-card::before { background: linear-gradient(90deg, transparent, rgba(204,121,84,0.15), transparent); } body.light-theme .hp-quick-card:hover { border-color: rgba(204,121,84,0.2); box-shadow: 0 8px 24px rgba(0,0,0,0.08); } body.light-theme .hp-quick-card-title { color: #6b4c30; } body.light-theme .hp-quick-card-desc { color: #999; } body.light-theme .hp-quick-card:hover .hp-quick-card-title { color: #cc7954; } body.light-theme .hp-quick-card:hover .hp-quick-card-desc { color: #5a4d42; } /* ── Homepage ticker ── */ body.light-theme .hp-ticker-bar { background: rgba(255,255,255,0.92); border-color: rgba(0,0,0,0.06); } body.light-theme .hp-ticker-bar::before { background: linear-gradient(90deg, transparent, rgba(204,121,84,0.15), transparent); } body.light-theme .hp-ticker-label { background: linear-gradient(135deg, rgba(220,50,50,0.08), rgba(220,50,50,0.02)); border-right-color: rgba(0,0,0,0.04); } body.light-theme .hp-ticker-item { color: #5a4d42; border-right-color: rgba(0,0,0,0.04); } body.light-theme .hp-ticker-item:hover { background: rgba(204,121,84,0.04); } body.light-theme .tk-name { color: #6b4c30; } body.light-theme .tk-dim { color: #999; } body.light-theme .tk-time { color: #aaa; } /* ── Homepage dividers ── */ body.light-theme .hp-divider { background: linear-gradient(90deg, transparent, rgba(0,0,0,0.06), transparent); } body.light-theme .hp-divider::after { background: rgba(204,121,84,0.3); box-shadow: 0 0 8px rgba(204,121,84,0.15); } /* ── Hero Select section ── */ body.light-theme .hs-title { color: #6b4c30; text-shadow: 0 1px 3px rgba(0,0,0,0.1); } body.light-theme .hs-subtitle { color: #999; } body.light-theme .hs-line { background: linear-gradient(90deg, transparent, rgba(0,0,0,0.08), transparent); } body.light-theme .hs-card-label { color: #999; } body.light-theme .hs-card:hover .hs-card-label { color: #6b4c30; text-shadow: none; } body.light-theme .hs-vs-emblem span { color: #cc7954; text-shadow: 0 0 10px rgba(204,121,84,0.2); } /* ── Forum feed ── */ body.light-theme .forum-feed, body.light-theme .ff-wrap { background-color: #faf8f5; } /* ── Social block ── */ body.light-theme .socHome { background-color: transparent; } /* ── Weather overlay adjustments ── */ body.light-theme .wx-overlay[data-time="night"] .wx-dim { background: rgba(8,12,30,0.06); } /* ── Scrollbar ── */ body.light-theme ::-webkit-scrollbar { width: 8px; } body.light-theme ::-webkit-scrollbar-track { background: #eae6e0; } body.light-theme ::-webkit-scrollbar-thumb { background: #ccc5bc; border-radius: 4px; } body.light-theme ::-webkit-scrollbar-thumb:hover { background: #b5aea5; } /* ── Modal / Popup backgrounds ── */ body.light-theme .modal-bg { background: rgba(0,0,0,0.3); } body.light-theme .modal-content, body.light-theme .popup-content { background: #faf8f5; border-color: rgba(0,0,0,0.1); color: #3a3632; } /* ── Server Status Widget ── */ body.light-theme .ss-box { background: rgba(255,255,255,0.95); border-color: rgba(0,0,0,0.06); } /* ── Misc page colors ── */ body.light-theme .page-date { color: #6b4c30; } body.light-theme .color-purple { color: #7c5cbf !important; } body.light-theme .acc { border-bottom-color: rgba(0,0,0,0.06); } body.light-theme .acc-title { color: #6b4c30; } body.light-theme .mirror-title { color: #6b4c30; } body.light-theme .drivers span { color: #6b4c30; } body.light-theme .mirrorBlock p { color: #3a3632; } /* ── Embers/particles — reduce visibility in light mode ── */ body.light-theme .hp-embers { opacity: 0.15; } body.light-theme .hs-bg-sparks { opacity: 0.2; } /* ── Kill feed overlay ── */ body.light-theme .kf-wrap { background: rgba(255,255,255,0.9); } body.light-theme .kf-entry { color: #5a4d42; } /* ═══════════════════════════════════════════════════════ FUTURISTIC OVERRIDES FOR LIGHT THEME Glass morphism with light palette ═══════════════════════════════════════════════════════ */ /* Glass variables override */ body.light-theme .topPanel { background: rgba(255,255,255,0.82) !important; backdrop-filter: blur(20px) saturate(1.4) !important; -webkit-backdrop-filter: blur(20px) saturate(1.4) !important; box-shadow: 0 4px 30px rgba(0,0,0,0.06) !important; border-bottom-color: rgba(0,0,0,0.06) !important; } body.light-theme .nav li ul { background: rgba(255,255,255,0.95) !important; backdrop-filter: blur(24px) saturate(1.5) !important; -webkit-backdrop-filter: blur(24px) saturate(1.5) !important; border-color: rgba(0,0,0,0.06) !important; border-top: 2px solid #cc7954 !important; box-shadow: 0 12px 48px rgba(0,0,0,0.08), 0 0 1px rgba(0,0,0,0.06) !important; } body.light-theme .nav li ul li:hover a { background: rgba(204,121,84,0.04) !important; } /* Content & sidebar glass */ body.light-theme .content { background: rgba(255,252,248,0.92) !important; backdrop-filter: blur(12px) !important; border-color: rgba(0,0,0,0.04) !important; box-shadow: 0 8px 40px rgba(0,0,0,0.04) !important; } body.light-theme .content::before { background: linear-gradient(90deg, transparent 10%, rgba(0,0,0,0.04) 50%, transparent 90%) !important; } body.light-theme .blockHome { background: rgba(255,252,248,0.88) !important; backdrop-filter: blur(16px) !important; border-color: rgba(0,0,0,0.04) !important; box-shadow: 0 4px 24px rgba(0,0,0,0.03), inset 0 1px 0 rgba(255,255,255,0.8) !important; } body.light-theme .blockHome::before { background: linear-gradient(90deg, transparent, rgba(0,0,0,0.03), transparent) !important; } body.light-theme .blockHome:hover { border-color: rgba(204,121,84,0.15) !important; box-shadow: 0 8px 32px rgba(0,0,0,0.06), inset 0 1px 0 rgba(255,255,255,0.9) !important; } body.light-theme .tableBlock-content:hover { box-shadow: inset 3px 0 0 #cc7954 !important; } /* Module panels glass */ body.light-theme .gw-tabs, body.light-theme .ct-tabs, body.light-theme .bl-tabs { background: rgba(245,242,238,0.92) !important; backdrop-filter: blur(12px) !important; border-bottom-color: rgba(0,0,0,0.04) !important; } body.light-theme .gw-panel, body.light-theme .ct-panel, body.light-theme .bl-panel { background: rgba(250,248,245,0.88) !important; backdrop-filter: blur(8px) !important; } body.light-theme .gw-faction { background: rgba(250,248,245,0.92) !important; backdrop-filter: blur(12px) !important; } body.light-theme .bl-stats, body.light-theme .bl-kd-bar-wrap { background: rgba(250,248,245,0.95) !important; background-image: none !important; } /* Cards glass */ body.light-theme .ct-card, body.light-theme .ct-vote-card, body.light-theme .gw-podium-card, body.light-theme .gw-season-card, body.light-theme .bl-streak-card, body.light-theme .bl-rival-card { background: rgba(255,255,255,0.7) !important; border-color: rgba(0,0,0,0.04) !important; box-shadow: 0 2px 8px rgba(0,0,0,0.02) !important; } body.light-theme .ct-card::before, body.light-theme .ct-vote-card::before, body.light-theme .gw-podium-card::before { background: linear-gradient(90deg, transparent, rgba(0,0,0,0.02), transparent) !important; } body.light-theme .ct-card:hover, body.light-theme .ct-vote-card:hover, body.light-theme .gw-podium-card:hover { box-shadow: 0 12px 32px rgba(0,0,0,0.06), 0 0 1px rgba(204,121,84,0.15) !important; } /* Rows accent */ body.light-theme .gw-guild-row:hover, body.light-theme .gw-killer-row:hover, body.light-theme .bl-tl-item:hover { box-shadow: inset 3px 0 0 #cc7954 !important; } /* Period buttons */ body.light-theme .gw-period-btn { background: rgba(0,0,0,0.02) !important; border-color: rgba(0,0,0,0.06) !important; } body.light-theme .gw-period-btn.active { box-shadow: 0 0 12px rgba(204,121,84,0.08) !important; } /* Title underline */ body.light-theme .h2-title-content::after { background: #cc7954 !important; } /* Modal glass */ body.light-theme .modal_div { background: rgba(255,252,248,0.97) !important; border-color: rgba(0,0,0,0.06) !important; box-shadow: 0 24px 64px rgba(0,0,0,0.1) !important; } body.light-theme .fieldGroup span { background: rgba(255,252,248,0.95) !important; } /* Footer glass */ body.light-theme footer { backdrop-filter: blur(8px) !important; } /* Alert banners */ body.light-theme .alert { background-color: #e74c3c; } body.light-theme .alert-success { background-color: #2ecc71; } body.light-theme .alert-warning { background-color: #f39c12; } /* Selection */ body.light-theme ::selection { background: rgba(204,121,84,0.2); color: #3a3632; } /* Scrollbar */ body.light-theme ::-webkit-scrollbar-track { background: #eae6e0 !important; } body.light-theme ::-webkit-scrollbar-thumb { background: #ccc5bc !important; } body.light-theme ::-webkit-scrollbar-thumb:hover { background: #b5aea5 !important; } /* Battle log stat value glow — reduce for light */ body.light-theme .bl-stat-value { text-shadow: none !important; } body.light-theme .ecw-next-name { text-shadow: none !important; } body.light-theme .hp-panel { backdrop-filter: blur(16px) !important; } /* Neon pulse — softer for light */ body.light-theme .gw-season-card.active-season { animation: none; border-color: rgba(74,192,141,0.25) !important; }