/* ============================================================ INDIAN News Wire — Dark Mode Stylesheet Activated by toggling .theme-dark on Override CSS variables + targeted component fixes ============================================================ */ html.theme-dark { --bg: #0a0f1c; --bg2: #0d1626; --surface: #111c34; --surface2: #182a4a; --ink: #e6edf8; --ink2: #c5d2e3; --muted: #8a9bb3; --border: rgba(255,255,255,.10); --border2: rgba(255,255,255,.06); --white: #0d1626; --red: #ff4d4d; --red-dk: #e63939; --blue: #4d8bff; --green: #3fd17b; --amber: #ffb946; --shadow: 0 8px 24px rgba(0,0,0,.45); --sh2: 0 4px 12px rgba(0,0,0,.4); } html.theme-dark body { background:var(--bg); color:var(--ink); } html.theme-dark .topbar { background:#070b15; border-bottom:1px solid var(--border); color:var(--ink2); } html.theme-dark .main-nav, html.theme-dark .quicklinks-bar { background:#0d1a2e; border-color:var(--border); } html.theme-dark .main-nav a, html.theme-dark .quicklinks-bar a { color:var(--ink); } html.theme-dark .ticker-bar { background:#0d1a2e; border-bottom:1px solid var(--border); } html.theme-dark .ticker-item { color:var(--ink2); } html.theme-dark .hero { background:#0a1426; } html.theme-dark .hero-layout { background:rgba(255,255,255,.04); } html.theme-dark .market-bar { background:#0d1a2e; border-color:var(--border); } html.theme-dark .art-card, html.theme-dark .sb-card, html.theme-dark .card, html.theme-dark .pub-box, html.theme-dark .epaper-block, html.theme-dark .epaper-issue-card, html.theme-dark .epaper-featured, html.theme-dark .live-update-item, html.theme-dark .author-box, html.theme-dark .comment-item { background:var(--surface); border:1px solid var(--border); color:var(--ink); } html.theme-dark .art-card h3 a, html.theme-dark .art-card h3, html.theme-dark .trend-title, html.theme-dark h1, html.theme-dark h2, html.theme-dark h3, html.theme-dark h4 { color:var(--ink); } html.theme-dark .art-card p, html.theme-dark .art-meta, html.theme-dark .trend-time, html.theme-dark .sb-body, html.theme-dark p { color:var(--ink2); } html.theme-dark .footer { background:#04080f; } html.theme-dark .footer a { color:var(--ink2); } html.theme-dark .footer-bottom { background:#02050a; color:var(--muted); } html.theme-dark input, html.theme-dark textarea, html.theme-dark select, html.theme-dark .form-input { background:var(--surface2); color:var(--ink); border-color:var(--border); } html.theme-dark input::placeholder, html.theme-dark textarea::placeholder { color:var(--muted); } html.theme-dark .btn, html.theme-dark .btn-outline { color:var(--ink); border-color:var(--border); } html.theme-dark .btn-primary { color:#fff; } html.theme-dark .mobile-bottom-nav { background:#0d1a2e; border-top:1px solid var(--border); } html.theme-dark .mobile-bottom-nav a { color:var(--ink2); } html.theme-dark .alert-success { background:rgba(63,209,123,.10); color:#7be2a3; border:1px solid rgba(63,209,123,.25); } html.theme-dark .alert-danger { background:rgba(255,77,77,.10); color:#ff9090; border:1px solid rgba(255,77,77,.25); } html.theme-dark .alert-info { background:rgba(77,139,255,.10); color:#9bbcff; border:1px solid rgba(77,139,255,.25); } html.theme-dark .nav-search-box input { background:var(--surface2); color:var(--ink); border-color:var(--border); } html.theme-dark .ticker-tag { background:var(--red); color:#fff; } html.theme-dark .empty-state { background:var(--surface); color:var(--ink2); border:1px solid var(--border); } /* Admin CMS dark overrides */ html.theme-dark .cms-shell, html.theme-dark .cms-main { background:var(--bg); color:var(--ink); } html.theme-dark .cms-topbar { background:var(--surface); border-color:var(--border); } html.theme-dark .cms-sidebar { background:#070b15; border-right:1px solid var(--border); } html.theme-dark .card { background:var(--surface); border-color:var(--border); } html.theme-dark table { color:var(--ink); } html.theme-dark th { background:var(--surface2); color:var(--ink); } html.theme-dark td { border-color:var(--border); }