/* ── Dark mode overrides ────────────────────────────────────── Targets all hardcoded hex colors that don't use CSS variables. Applied when is set. ────────────────────────────────────────────────────────────── */ [data-theme="dark"] body { background: var(--bg); color: var(--text); } /* ── Home page ── */ [data-theme="dark"] .home-stat-card, [data-theme="dark"] .cta-widget, [data-theme="dark"] .home-tips-card, [data-theme="dark"] .home-activity-list, [data-theme="dark"] .home-empty-state, [data-theme="dark"] .home-tool-card, [data-theme="dark"] .hiw-card, [data-theme="dark"] .tf-tab-active { background: var(--card); } [data-theme="dark"] .home-stat-val, [data-theme="dark"] .cta-title, [data-theme="dark"] .home-activity-name, [data-theme="dark"] .home-activity-price, [data-theme="dark"] .home-tool-title, [data-theme="dark"] .hiw-title { color: var(--text); } [data-theme="dark"] .home-stat-label, [data-theme="dark"] .cta-desc, [data-theme="dark"] .cta-step, [data-theme="dark"] .home-tips-title, [data-theme="dark"] .home-tip-text, [data-theme="dark"] .home-section-label, [data-theme="dark"] .home-activity-sub, [data-theme="dark"] .home-activity-time, [data-theme="dark"] .home-tool-desc, [data-theme="dark"] .home-tool-chevron, [data-theme="dark"] .home-empty-title, [data-theme="dark"] .home-empty-sub, [data-theme="dark"] .hiw-body, [data-theme="dark"] .snap-caption { color: var(--muted); } [data-theme="dark"] .home-activity-row:hover { background: var(--card2); } [data-theme="dark"] .home-tool-card:hover { background: var(--card2); border-color: var(--border); box-shadow: none; } [data-theme="dark"] .home-tool-card:active { background: var(--card2); } [data-theme="dark"] .home-activity-row { border-bottom-color: var(--border); } [data-theme="dark"] .home-activity-img, [data-theme="dark"] .cta-photo-thumb { border-color: var(--border); } [data-theme="dark"] .home-activity-img-placeholder { background: var(--card2); border-color: var(--border); } [data-theme="dark"] .hiw-divider { background: var(--border); } [data-theme="dark"] .home-stat-card, [data-theme="dark"] .cta-widget, [data-theme="dark"] .home-tips-card, [data-theme="dark"] .home-activity-list, [data-theme="dark"] .home-empty-state, [data-theme="dark"] .home-tool-card, [data-theme="dark"] .hiw-card { border-color: var(--border); } [data-theme="dark"] .cta-camera-icon, [data-theme="dark"] .home-tool-ico, [data-theme="dark"] .hiw-ico { background: rgba(37,99,200,0.2); border-color: rgba(75,142,240,0.25); } [data-theme="dark"] .home-tip-check { background: rgba(22,163,74,0.15); border-color: rgba(22,163,74,0.3); } [data-theme="dark"] .tf-tab-active { color: var(--primary2); box-shadow: 0 1px 4px rgba(0,0,0,0.3); } /* ── New listing page ── */ [data-theme="dark"] .snap-info, [data-theme="dark"] .step-card, [data-theme="dark"] .tips-card-full, [data-theme="dark"] .tip-cell { background: var(--card2); border-color: var(--border); } [data-theme="dark"] .snap-info-title, [data-theme="dark"] .step-name, [data-theme="dark"] .tips-full-title, [data-theme="dark"] .tip-cell-label { color: var(--text); } [data-theme="dark"] .snap-info-item, [data-theme="dark"] .step-icon-wrap, [data-theme="dark"] .step-desc, [data-theme="dark"] .tips-full-sub, [data-theme="dark"] .tip-cell-body { color: var(--muted); } [data-theme="dark"] .snap-info-dash { color: var(--muted); } [data-theme="dark"] .ai-photo-main { border-color: var(--border); } [data-theme="dark"] .photo-thumb-add { border-color: var(--border); color: var(--muted); } [data-theme="dark"] .photo-thumb-add:hover { border-color: var(--primary2); background: rgba(37,99,200,0.15); color: var(--primary2); } [data-theme="dark"] .btn-take-outline { background: var(--card2); color: var(--text); border-color: var(--border); } [data-theme="dark"] .btn-take-outline:hover:not(:disabled) { border-color: var(--primary2); background: var(--card); } /* ── Modals ── */ [data-theme="dark"] .modal { background: var(--card); border-color: var(--border); } [data-theme="dark"] .modal-close { color: var(--muted); } [data-theme="dark"] .modal-close:hover { color: var(--text); background: var(--card2); } /* ── Inputs ── */ [data-theme="dark"] .input { background: var(--card2); border-color: var(--border); color: var(--text); } [data-theme="dark"] .input::placeholder { color: var(--placeholder); } [data-theme="dark"] select.input option { background: var(--card); } /* ── Nav / sidebar ── */ [data-theme="dark"] .mobile-nav { background: var(--sidebar); border-top-color: var(--border); } [data-theme="dark"] .sidebar { background: var(--sidebar); border-right-color: var(--border); } /* ── Page header ── */ [data-theme="dark"] .page-header { border-bottom-color: var(--border); } /* ── Account page ── */ [data-theme="dark"] .security-item { border-bottom-color: var(--border); } [data-theme="dark"] .field-label { color: var(--muted); } /* ── Settings page ── */ [data-theme="dark"] .ss-header { border-bottom-color: var(--border); } [data-theme="dark"] .ss-icon { background: var(--card2); } [data-theme="dark"] .setting-row { border-bottom-color: var(--border); } /* ── Listings page ── */ [data-theme="dark"] .listing-card, [data-theme="dark"] .listing-img-wrap { border-color: var(--border); } /* ── Results dashboard hero ── */ [data-theme="dark"] .rdb2-hero-card { background: var(--card); border-color: var(--border); box-shadow: 0 4px 24px rgba(0,0,0,0.3); } [data-theme="dark"] .rdb2-hero-img-wrap { background: linear-gradient(145deg, #161d2e 0%, #1a2035 50%, #1e2845 100%); border-right-color: var(--border); border-bottom-color: var(--border); } [data-theme="dark"] .rdb2-hero-img-placeholder { background: rgba(255,255,255,0.04); } [data-theme="dark"] .rdb2-hero-name { color: #f1f5f9; } [data-theme="dark"] .rdb2-hero-meta { color: #94a3b8; } [data-theme="dark"] .rdb2-hero-cat-pill { background: rgba(37,99,200,0.2); border-color: rgba(75,142,240,0.3); color: #93c5fd; } [data-theme="dark"] .rdb2-hero-price-preview { border-top-color: var(--border); } [data-theme="dark"] .rdb2-hero-price-label { color: #64748b; } [data-theme="dark"] .rdb2-hero-price-val { color: #f1f5f9; } [data-theme="dark"] .rdb2-hero-price-sub { color: #94a3b8; } [data-theme="dark"] .rdb2-hero-thumb { border-color: rgba(255,255,255,0.08); } [data-theme="dark"] .rdb2-new-btn { background: var(--card2); border-color: var(--border); color: #94a3b8; } [data-theme="dark"] .rdb2-new-btn:hover { background: var(--card); border-color: rgba(75,142,240,0.3); color: #e2e8f0; } [data-theme="dark"] .rdb2-preview-alert { background: linear-gradient(135deg, rgba(37,99,200,0.15) 0%, rgba(14,165,233,0.1) 100%); border-left-color: #3b82f6; } [data-theme="dark"] .rdb2-preview-alert-text { color: #93c5fd; } [data-theme="dark"] .rdb2-preview-alert-link { color: #60a5fa; } [data-theme="dark"] .rdb2-card { background: var(--card); border-color: var(--border); } [data-theme="dark"] .rdb2-card:hover { border-color: rgba(75,142,240,0.25); } [data-theme="dark"] .rdb2-item-name, [data-theme="dark"] .rdb2-price-big, [data-theme="dark"] .rdb2-explorer-val { color: #f1f5f9; } [data-theme="dark"] .rdb2-item-meta, [data-theme="dark"] .rdb2-price-eyebrow, [data-theme="dark"] .rdb2-price-sells, [data-theme="dark"] .rdb2-sec-label, [data-theme="dark"] .rdb2-drag-hint { color: #94a3b8; } [data-theme="dark"] .rdb2-price-basis { background: var(--card2); border-color: var(--border); color: #94a3b8; } [data-theme="dark"] .rdb2-back-btn { background: var(--card2); border-color: var(--border); color: #94a3b8; } [data-theme="dark"] .rdb2-exstat { background: var(--card2); border-color: var(--border); } [data-theme="dark"] .rdb2-exstat-val { color: #f1f5f9; } [data-theme="dark"] .rdb2-exstat-lbl, [data-theme="dark"] .rdb2-exstat-sub { color: #94a3b8; } [data-theme="dark"] .rdb2-kw { background: var(--card2); border-color: var(--border); color: #cbd5e1; } [data-theme="dark"] .rdb2-copy-btn { background: var(--card2); border-color: var(--border); color: var(--primary2); } [data-theme="dark"] .rdb2-copy-btn:hover { background: rgba(37,99,200,0.2); border-color: rgba(75,142,240,0.3); } [data-theme="dark"] .rdb2-desc { color: #cbd5e1; } [data-theme="dark"] .rdb2-show-more { color: var(--primary2); } [data-theme="dark"] .rdb2-slider-track { background: var(--card2); } [data-theme="dark"] .rdb2-slider-bounds { color: #64748b; } [data-theme="dark"] .rdb2-specs-grid .rdb2-spec-label { color: #94a3b8; } [data-theme="dark"] .rdb2-specs-grid .rdb2-spec-val { color: #f1f5f9; } [data-theme="dark"] .rdb2-photo-name { color: #f1f5f9; } [data-theme="dark"] .rdb2-photo-desc { color: #94a3b8; } /* ── Scrollbar ── */ [data-theme="dark"] ::-webkit-scrollbar-thumb { background: rgba(75,142,240,0.25); } /* ── New listing snap card ── */ [data-theme="dark"] .snap-card { background: var(--card); border-color: var(--border); box-shadow: none; } [data-theme="dark"] .snap-title { color: var(--text); } [data-theme="dark"] .snap-sub { color: var(--muted); } [data-theme="dark"] .snap-icon-wrap { background: rgba(37,99,200,0.2); border-color: rgba(75,142,240,0.25); } /* ── Tools page ── */ [data-theme="dark"] .tool-tab { background: var(--card); border-color: var(--border); color: var(--muted); } [data-theme="dark"] .tool-tab:hover { background: var(--card2); border-color: var(--border); color: var(--text); } [data-theme="dark"] .tool-tab.active { background: #2563eb; border-color: #2563eb; color: #fff; } [data-theme="dark"] .tool-panel { background: var(--card); border-color: var(--border); } [data-theme="dark"] .tool-panel-head { background: var(--card); border-bottom-color: var(--border); } [data-theme="dark"] .tph-ico-tile { background: rgba(37,99,200,0.2); border-color: rgba(75,142,240,0.25); color: var(--primary2); } [data-theme="dark"] .tph-title { color: var(--text); } [data-theme="dark"] .tph-sub { color: var(--muted); } [data-theme="dark"] .tph-badge { background: rgba(37,99,200,0.2); border-color: rgba(75,142,240,0.25); color: var(--primary2); } [data-theme="dark"] .tool-field-label, [data-theme="dark"] .tool-results-label, [data-theme="dark"] .trr-label, [data-theme="dark"] .tool-be-eyebrow, [data-theme="dark"] .tool-be-note, [data-theme="dark"] .tool-compare-arrow, [data-theme="dark"] .tcb-sub { color: var(--muted); } [data-theme="dark"] .tool-inp-prefix, [data-theme="dark"] .tool-inp-suffix { color: var(--muted); } [data-theme="dark"] .tool-input { background: var(--card2); border-color: var(--border); color: var(--text); } [data-theme="dark"] .tool-input:hover { border-color: rgba(75,142,240,0.35); } [data-theme="dark"] .tool-input:focus { border-color: var(--primary2); } [data-theme="dark"] .tool-fee-bar-track { background: var(--card2); } [data-theme="dark"] .tool-results { background: var(--card2); border-color: var(--border); } [data-theme="dark"] .tool-results-label { border-bottom-color: var(--border); } [data-theme="dark"] .tool-result-row { border-bottom-color: var(--border); } [data-theme="dark"] .tool-result-hero { background: var(--card); } [data-theme="dark"] .tool-result-hero .trr-label { color: var(--muted); } [data-theme="dark"] .trr-value, [data-theme="dark"] .tool-be-price, [data-theme="dark"] .tcb-val { color: var(--text); } [data-theme="dark"] .tool-compare { border-bottom-color: var(--border); } [data-theme="dark"] .tool-compare-box { background: var(--card2); border-color: var(--border); } [data-theme="dark"] .tool-compare-box.highlight { background: rgba(37,99,200,0.15); border-color: rgba(75,142,240,0.3); } [data-theme="dark"] .tcb-label { color: var(--muted); } [data-theme="dark"] .tool-verdict.good { background: rgba(22,163,74,0.12); color: #4ade80; border-color: rgba(22,163,74,0.3); } [data-theme="dark"] .tool-verdict.warn { background: rgba(245,158,11,0.12); color: #fbbf24; border-color: rgba(245,158,11,0.3); } [data-theme="dark"] .tool-verdict.bad { background: rgba(239,68,68,0.12); color: #f87171; border-color: rgba(239,68,68,0.3); }