/* ===================================================================== ENTERPRISE — dark "night" pro theme Activated only when . Retail (default / data-theme="retail" / no attr) is untouched. Loaded AFTER theme.css. Strategy: most card chrome consumes the --gx-* vars, so redefining the vars for dark carries it. Explicit selectors below only cover the spots where base.css / theme.css hardcode a LIGHT hex. ===================================================================== */ /* ── 1. Dark palette: redefine the --gx-* vars (near-monochrome, sparing purple) ── */ /* Logo: black rF mark fades to white in enterprise (transition applies in both directions) */ .gx-brand img{transition:filter .4s ease} :root[data-theme="enterprise"] .gx-brand img{filter:brightness(0) invert(1)} :root[data-theme="enterprise"]{ --gx-page:#0c0e12; --gx-accent:#b085d6;--gx-accent-deep:#9a6bc4;--gx-accent-soft:rgba(176,133,214,.15); --gx-ink:#eceef2;--gx-ink2:#b7bdc7;--gx-muted:#828a97; --gx-glass:#15181e;--gx-glass-strong:#1c2027; --gx-brd:rgba(255,255,255,.10);--gx-hair:rgba(255,255,255,.06); --gx-up:#16c784;--gx-down:#ff6060; /* brighter pair for the dark surface */ --gx-shadow:0 1px 2px rgba(0,0,0,.35); --gx-blur:none; } /* body + .gx-bg read var(--gx-page); blobs are display:none — no per-theme override needed. */ /* ── 2. Legacy chrome (topbar/tabbar) ── */ :root[data-theme="enterprise"] .topbar, :root[data-theme="enterprise"] .tabbar{background:var(--gx-glass)!important;border-bottom-color:var(--gx-brd)!important} :root[data-theme="enterprise"] .brand-sep, :root[data-theme="enterprise"] .ts{border-color:var(--gx-brd)!important} :root[data-theme="enterprise"] .tab-btn{color:var(--gx-muted)} :root[data-theme="enterprise"] .tab-btn:hover{color:var(--gx-ink)} :root[data-theme="enterprise"] .tab-btn.active{color:var(--gx-accent);border-bottom-color:var(--gx-accent)} /* ── 3. Dark-text rescues: base hardcodes some grays that would vanish on dark ── */ :root[data-theme="enterprise"] .overview-copy h1, :root[data-theme="enterprise"] .overview-rules-panel h3, :root[data-theme="enterprise"] .overview-rule-card strong, :root[data-theme="enterprise"] .ov-leg b, :root[data-theme="enterprise"] .ov-mc, :root[data-theme="enterprise"] .asc-sym, :root[data-theme="enterprise"] .crumb span, :root[data-theme="enterprise"] .sc-row2 b{color:var(--gx-ink)} :root[data-theme="enterprise"] .overview-copy p, :root[data-theme="enterprise"] .overview-rules-panel .rules-copy, :root[data-theme="enterprise"] .ov-summary, :root[data-theme="enterprise"] .ov-leg, :root[data-theme="enterprise"] .overview-status, :root[data-theme="enterprise"] .overview-rule-card span, :root[data-theme="enterprise"] .mktcap-sub strong, :root[data-theme="enterprise"] .about-text, :root[data-theme="enterprise"] .sc-desc, :root[data-theme="enterprise"] .sc-row2, :root[data-theme="enterprise"] .sd-desc-text, :root[data-theme="enterprise"] .asset-fullname, :root[data-theme="enterprise"] .asset-mc, :root[data-theme="enterprise"] .asc-pr{color:var(--gx-ink2)} :root[data-theme="enterprise"] .overview-eyebrow{color:var(--gx-muted)} /* ── 4. Overview map ── */ /* logo chips stay white so coin marks read; only darken the ring */ :root[data-theme="enterprise"] .overview-bubble{border-color:#39404e} :root[data-theme="enterprise"] .overview-rule-pill{background:var(--gx-accent-soft);color:var(--gx-accent)} :root[data-theme="enterprise"] .overview-toggle{background:var(--gx-glass-strong);border-color:var(--gx-brd);color:var(--gx-ink2)} :root[data-theme="enterprise"] .overview-toggle.active{background:var(--gx-accent);border-color:var(--gx-accent);color:#fff} :root[data-theme="enterprise"] .ov-kept{background:rgba(22,199,132,.15);color:#16c784} :root[data-theme="enterprise"] .ov-out{background:var(--gx-glass-strong);color:var(--gx-muted)} /* ── 5. Tables ── */ :root[data-theme="enterprise"] .market-table td{border-bottom-color:var(--gx-hair)} :root[data-theme="enterprise"] table.at th{background:var(--gx-glass-strong);color:var(--gx-muted);border-bottom-color:var(--gx-brd)} :root[data-theme="enterprise"] table.at td{border-bottom-color:var(--gx-hair)} :root[data-theme="enterprise"] table.at tbody tr:hover td{background:var(--gx-glass-strong)} /* ── 6. Toggles + select inputs ── */ :root[data-theme="enterprise"] .tog{background:var(--gx-glass-strong);border-color:var(--gx-brd)} :root[data-theme="enterprise"] .tog-btn{color:var(--gx-muted)} :root[data-theme="enterprise"] .tog-btn.on{background:var(--gx-glass);box-shadow:none} :root[data-theme="enterprise"] .kiv{color:var(--gx-muted)} :root[data-theme="enterprise"] .kiv:hover{background:var(--gx-glass-strong)} :root[data-theme="enterprise"] .kiv.on{background:var(--gx-accent-soft);color:var(--gx-accent)} :root[data-theme="enterprise"] .mini-select, :root[data-theme="enterprise"] .kline-select{background:var(--gx-glass-strong);border-color:var(--gx-brd);color:var(--gx-ink)} /* ── 7. Progress / share bar tracks ── */ :root[data-theme="enterprise"] .share-bar, :root[data-theme="enterprise"] .wbar, :root[data-theme="enterprise"] .sc-bar, :root[data-theme="enterprise"] .factor-bar{background:var(--gx-glass-strong)} /* ── 8. Donut + side/stat list hairlines ── */ :root[data-theme="enterprise"] .donut-cl{color:var(--gx-muted)} :root[data-theme="enterprise"] .dl-row, :root[data-theme="enterprise"] .side-row, :root[data-theme="enterprise"] .sd-stats, :root[data-theme="enterprise"] .about-section, :root[data-theme="enterprise"] .stat-row{border-color:var(--gx-hair)} /* ── 9. Asset detail pills + placeholders ── */ :root[data-theme="enterprise"] .rank-pill{background:var(--gx-glass-strong);color:var(--gx-ink2);border-color:var(--gx-brd)} :root[data-theme="enterprise"] .tv-placeholder{background:var(--gx-glass);color:var(--gx-muted)} /* ── 10. Footer (base uses inline light hex on