/* nd-theme.css — NewsDemon Dark Theme Overrides Add after page CSS: Activated by data-theme="dark" on , managed by nd-theme.js */ /* ══════════════════════════════════════════ VARIABLE OVERRIDES Override the :root vars all pages share ══════════════════════════════════════════ */ [data-theme="dark"] { --cream: #0a0e17; --cream-dark: #060911; --white: #111827; --off-white: #1a2238; /* Homepage-specific variables */ --bg-light: #0a0e17; --bg-white: #111827; --nav-bg: rgba(10, 14, 23, 0.92); --dark: #0a0e17; --dark-section: #0d1117; --text: #f0f2f5; --text-mid: #94a3b8; --text-light: #64748b; --text-muted: #475569; --border: rgba(255,255,255,0.08); --charcoal: #060911; --green-bg: rgba(52,211,153,0.08); --green-border: rgba(52,211,153,0.2); --green: #34D399; color-scheme: dark; } /* ══════════════════════════════════════════ SMOOTH TRANSITIONS ══════════════════════════════════════════ */ body, .nav, .hero, .main, .content-card, .cc, .stat-card, .snap-card, .counter-box, .callout, .callout-red, .compare-table, .compare-table th, .compare-table td, .spec-item, .faq-item, .faq-q, .faq-a, .cta-section, .trust-bar, .trust-item, .footer, .site-footer, .region-card, .plan-card, .voice-card, .sw-card, .term, .glossary-section, .content-section, .cs, .steps, .step, .info-section, .info-card, .services-section, .svc-row, .svc-badge, .uptime-card, .contact-banner, .all-good, .regions { transition: background-color 0.35s ease, color 0.35s ease, border-color 0.35s ease; } /* ══════════════════════════════════════════ NAV — Frosted glass ══════════════════════════════════════════ */ [data-theme="dark"] .nav, [data-theme="dark"] .site-nav { background: rgba(10, 14, 23, 0.92) !important; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-bottom: 1px solid rgba(41,171,226,0.1); box-shadow: none; } [data-theme="dark"] .nav-links a { color: #94a3b8; } [data-theme="dark"] .nav-links a:hover { color: #fff; } [data-theme="dark"] .nav-tagline { color: #64748b; border-left-color: rgba(255,255,255,0.1); } [data-theme="dark"] .nav-brand-tag { color: #64748b; } /* ══════════════════════════════════════════ HERO — Dark gradient with red glow ══════════════════════════════════════════ */ [data-theme="dark"] .hero { background: linear-gradient(135deg, #1a0a0a 0%, #0a0e17 60%) !important; border-bottom: 1px solid rgba(41,171,226,0.1); position: relative; overflow: hidden; } [data-theme="dark"] .hero::before { content: ''; position: absolute; top: -120px; right: -120px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(229,57,53,0.12) 0%, transparent 70%); pointer-events: none; } [data-theme="dark"] .hero h1 { color: #fff; } [data-theme="dark"] .hero-sub { color: #94a3b8 !important; } [data-theme="dark"] .hero-kicker { background: rgba(41,171,226,0.1) !important; border: 1px solid rgba(41,171,226,0.15); color: #29ABE2 !important; } /* ══════════════════════════════════════════ SECTION HEADINGS — Cyan underline ══════════════════════════════════════════ */ [data-theme="dark"] .content-section h2, [data-theme="dark"] .cs h2, [data-theme="dark"] .faq-section h2 { border-bottom-color: #29ABE2; color: #fff; } /* ══════════════════════════════════════════ CONTENT CARDS ══════════════════════════════════════════ */ [data-theme="dark"] .content-card, [data-theme="dark"] .cc, [data-theme="dark"] .info-card { background: #111827; border: 1px solid rgba(41,171,226,0.1); } [data-theme="dark"] .content-card p, [data-theme="dark"] .cc p { color: #94a3b8; } [data-theme="dark"] .content-card strong, [data-theme="dark"] .cc strong { color: #f0f2f5; } [data-theme="dark"] .content-card h3, [data-theme="dark"] .cc h3 { color: #f0f2f5; } [data-theme="dark"] .content-card a, [data-theme="dark"] .cc a, [data-theme="dark"] .link { color: #29ABE2; } [data-theme="dark"] code { background: rgba(41,171,226,0.1) !important; color: #29ABE2 !important; } /* ══════════════════════════════════════════ COUNTER BOX ══════════════════════════════════════════ */ [data-theme="dark"] .counter-box { background: #111827; border: 1px solid rgba(41,171,226,0.1); } [data-theme="dark"] .counter-label { color: #64748b; } [data-theme="dark"] .counter-num { color: #fff; } [data-theme="dark"] .counter-num span { color: #29ABE2; } [data-theme="dark"] .counter-sub { color: #94a3b8; } [data-theme="dark"] .counter-sub em { color: #29ABE2; font-style: normal; } /* ══════════════════════════════════════════ STAT / SNAP CARDS ══════════════════════════════════════════ */ [data-theme="dark"] .stat-card, [data-theme="dark"] .snap-card { background: #111827; border: 1px solid rgba(41,171,226,0.1); } [data-theme="dark"] .stat-card:hover, [data-theme="dark"] .snap-card:hover { border-color: rgba(41,171,226,0.25); } [data-theme="dark"] .stat-val, [data-theme="dark"] .snap-value { color: #fff; } [data-theme="dark"] .stat-val span, [data-theme="dark"] .snap-value span { color: #29ABE2; } [data-theme="dark"] .stat-label, [data-theme="dark"] .snap-label { color: #64748b; } [data-theme="dark"] .snapshot-meta { color: #475569; } [data-theme="dark"] .snapshot-meta a { color: #29ABE2; } /* ══════════════════════════════════════════ CALLOUT BOXES ══════════════════════════════════════════ */ [data-theme="dark"] .callout { background: rgba(41,171,226,0.06); border-left-color: #29ABE2; } [data-theme="dark"] .callout strong { color: #29ABE2; } [data-theme="dark"] .callout-red { background: rgba(229,57,53,0.06); border-left-color: #E53935; } [data-theme="dark"] .callout-red strong { color: #E53935; } /* ══════════════════════════════════════════ TABLES ══════════════════════════════════════════ */ [data-theme="dark"] .compare-table { border-color: rgba(41,171,226,0.1); } [data-theme="dark"] .compare-table thead { background: #1a2238; } [data-theme="dark"] .compare-table th { color: #94a3b8; border-bottom-color: rgba(41,171,226,0.1); } [data-theme="dark"] .compare-table td { border-bottom-color: rgba(255,255,255,0.06); color: #94a3b8; } [data-theme="dark"] .compare-table td strong { color: #fff; } [data-theme="dark"] .compare-table tr:hover td { background: rgba(41,171,226,0.03); } [data-theme="dark"] .compare-table td.win { background: rgba(52,211,153,0.08); } [data-theme="dark"] .compare-table td.mid { background: rgba(255,255,255,0.02); } /* ══════════════════════════════════════════ SPEC GRID ══════════════════════════════════════════ */ [data-theme="dark"] .spec-item { background: #1a2238; border: 1px solid rgba(41,171,226,0.1); } [data-theme="dark"] .spec-item:hover { border-color: rgba(41,171,226,0.25); } [data-theme="dark"] .spec-item-val { color: #29ABE2; } [data-theme="dark"] .spec-item-label { color: #64748b; } [data-theme="dark"] .spec-item-note { color: #64748b; } /* ══════════════════════════════════════════ FAQ ACCORDIONS ══════════════════════════════════════════ */ [data-theme="dark"] .faq-item { background: #111827; border: 1px solid rgba(41,171,226,0.1); } [data-theme="dark"] .faq-item:hover { border-color: rgba(41,171,226,0.25); } [data-theme="dark"] .faq-q { color: #fff; } [data-theme="dark"] .faq-q::after { color: #29ABE2; } [data-theme="dark"] .faq-a { color: #94a3b8; } [data-theme="dark"] .faq-a a { color: #29ABE2; } /* ══════════════════════════════════════════ CTA SECTION ══════════════════════════════════════════ */ [data-theme="dark"] .cta-section { background: linear-gradient(135deg, #1a0a0a 0%, #111827 100%); border-color: rgba(229,57,53,0.2); } [data-theme="dark"] .cta-section h3 { color: #fff; } [data-theme="dark"] .cta-section p { color: #94a3b8; } [data-theme="dark"] .cta-btn { box-shadow: 0 0 20px rgba(41,171,226,0.15); } [data-theme="dark"] .cta-btn:hover { box-shadow: 0 0 30px rgba(41,171,226,0.2); transform: translateY(-1px); } /* ══════════════════════════════════════════ TRUST BAR ══════════════════════════════════════════ */ [data-theme="dark"] .trust-bar { background: #111827; border-top: 1px solid rgba(41,171,226,0.1); border-bottom: 1px solid rgba(41,171,226,0.1); } [data-theme="dark"] .trust-item { color: #64748b; } /* ══════════════════════════════════════════ STEPS ══════════════════════════════════════════ */ [data-theme="dark"] .step { background: #111827; border-color: rgba(41,171,226,0.1) !important; } [data-theme="dark"] .step h3 { color: #fff !important; } /* ══════════════════════════════════════════ SOFTWARE CARDS (newsreaders page) ══════════════════════════════════════════ */ [data-theme="dark"] .sw-card { background: #111827; border-color: rgba(41,171,226,0.1); } [data-theme="dark"] .sw-name { color: #fff; } [data-theme="dark"] .sw-meta span { background: rgba(41,171,226,0.1); color: #94a3b8; border-color: rgba(41,171,226,0.1); } [data-theme="dark"] .sw-desc { color: #94a3b8; } /* ══════════════════════════════════════════ GLOSSARY TERMS ══════════════════════════════════════════ */ [data-theme="dark"] .glossary-section { border-color: rgba(41,171,226,0.1); } [data-theme="dark"] .glossary-letter { color: #29ABE2 !important; } [data-theme="dark"] .term { border-color: rgba(255,255,255,0.06) !important; } [data-theme="dark"] .term-name { color: #fff; } [data-theme="dark"] .term-def { color: #94a3b8; } /* ══════════════════════════════════════════ STATUS PAGE CARDS ══════════════════════════════════════════ */ [data-theme="dark"] .all-good { background: #111827; border-color: rgba(52,211,153,0.2); } [data-theme="dark"] .region-card { background: #111827; border-color: rgba(41,171,226,0.1); } [data-theme="dark"] .region-status { color: #34D399; } [data-theme="dark"] .svc-row { border-color: rgba(255,255,255,0.06); } [data-theme="dark"] .svc-badge { color: #34D399; } [data-theme="dark"] .uptime-card { background: #111827; } [data-theme="dark"] .uptime-val { color: #29ABE2; } [data-theme="dark"] .contact-banner { background: #111827; border-color: rgba(41,171,226,0.1); } /* ══════════════════════════════════════════ PRICING CARDS (homepage + pricing page) ══════════════════════════════════════════ */ [data-theme="dark"] .plan-card { background: #111827; border: 1px solid rgba(41,171,226,0.1); } [data-theme="dark"] .plan-card:hover { border-color: rgba(41,171,226,0.25); } [data-theme="dark"] .plan-card.featured { border-color: #29ABE2; box-shadow: 0 0 30px rgba(41,171,226,0.15); } [data-theme="dark"] .plan-header h3 { color: #fff; } [data-theme="dark"] .plan-type { color: #64748b; } [data-theme="dark"] .plan-features li { color: #94a3b8; } [data-theme="dark"] .plan-features li::before { color: #34D399; } [data-theme="dark"] .plan-price .amount { color: #F6AD1D; } [data-theme="dark"] .plan-daily { color: #64748b; } [data-theme="dark"] .plan-card .btn-primary { background: #29ABE2; } /* ══════════════════════════════════════════ VOICE / REVIEW CARDS ══════════════════════════════════════════ */ [data-theme="dark"] .voice-card { background: #111827; border: 1px solid rgba(41,171,226,0.1); } [data-theme="dark"] .voice-text { color: #94a3b8; } [data-theme="dark"] .voice-attr { color: #f0f2f5; } [data-theme="dark"] .voice-attr span { color: #64748b; } /* ══════════════════════════════════════════ NUMBER BLOCKS (review-sites page) ══════════════════════════════════════════ */ [data-theme="dark"] .num-block { background: #1a2238; border-color: rgba(41,171,226,0.1); } [data-theme="dark"] .num-val { color: #29ABE2; } [data-theme="dark"] .num-label { color: #94a3b8; } /* ══════════════════════════════════════════ FOOTER ══════════════════════════════════════════ */ [data-theme="dark"] .footer, [data-theme="dark"] .site-footer { background: #060911; border-top: 1px solid rgba(41,171,226,0.1); } [data-theme="dark"] .footer-grid a, [data-theme="dark"] .footer-col a { color: #64748b; } [data-theme="dark"] .footer-grid a:hover, [data-theme="dark"] .footer-col a:hover { color: #29ABE2; } [data-theme="dark"] .footer-bottom { border-top-color: rgba(255,255,255,0.06); color: #475569; } /* ══════════════════════════════════════════ LANGUAGE SWITCHER BAR ══════════════════════════════════════════ */ [data-theme="dark"] .lang-switch a { background: #111827; border-color: rgba(41,171,226,0.1); color: #64748b; } [data-theme="dark"] .lang-switch a:hover, [data-theme="dark"] .lang-switch a.active { color: #29ABE2; border-color: #29ABE2; } /* ══════════════════════════════════════════ CLUSTER NAV (content page sub-nav) ══════════════════════════════════════════ */ [data-theme="dark"] .cluster-nav { background: #111827; } [data-theme="dark"] .cluster-nav a { color: #64748b; } [data-theme="dark"] .cluster-nav a:hover { color: #fff; background: rgba(255,255,255,0.06); } [data-theme="dark"] .cluster-nav a.active { color: #29ABE2; } /* ══════════════════════════════════════════ ALPHA NAV (glossary) ══════════════════════════════════════════ */ [data-theme="dark"] .alpha-nav a { color: #475569; } [data-theme="dark"] .alpha-nav a.has-terms { color: #29ABE2; } /* ══════════════════════════════════════════ GUARANTEE SECTION (homepage) ══════════════════════════════════════════ */ [data-theme="dark"] .guarantee-inner { background: linear-gradient(135deg, #1a0a0a 0%, #111827 100%); border-color: rgba(229,57,53,0.2); } [data-theme="dark"] .guarantee-text h2 { color: #fff; } [data-theme="dark"] .guarantee-text p { color: #94a3b8; } /* ══════════════════════════════════════════ PRIVACY CALLOUT (homepage) ══════════════════════════════════════════ */ [data-theme="dark"] .privacy-callout { background: linear-gradient(135deg, #1a2238, #0a0e17); border-color: rgba(41,171,226,0.1); } [data-theme="dark"] .privacy-statement { color: #94a3b8; } [data-theme="dark"] .privacy-statement strong { color: #E53935; } /* ══════════════════════════════════════════ USENET INTRO (homepage) ══════════════════════════════════════════ */ [data-theme="dark"] .usenet-intro { background: #111827; } [data-theme="dark"] .usenet-intro-content p { color: #94a3b8; } /* ══════════════════════════════════════════ BLOG CARDS (homepage) ══════════════════════════════════════════ */ [data-theme="dark"] .latest-card { background: #111827; border-color: rgba(41,171,226,0.1); } [data-theme="dark"] .latest-card:hover { border-color: rgba(41,171,226,0.25); } [data-theme="dark"] .latest-card-body h3 { color: #fff; } [data-theme="dark"] .latest-card-body p { color: #94a3b8; } [data-theme="dark"] .latest-card-tag { background: rgba(41,171,226,0.1); color: #29ABE2; } /* ══════════════════════════════════════════ REGION CARDS (homepage + regions) ══════════════════════════════════════════ */ [data-theme="dark"] .region-card { background: #111827; border: 1px solid rgba(41,171,226,0.1); } [data-theme="dark"] .region-card:hover { border-color: rgba(41,171,226,0.25); } [data-theme="dark"] .region-header h3 { color: #fff; } [data-theme="dark"] .region-server { color: #29ABE2; } [data-theme="dark"] .region-coverage { color: #94a3b8; } [data-theme="dark"] .region-detail { color: #64748b; } /* ══════════════════════════════════════════ SNAPSHOT SECTION (homepage) ══════════════════════════════════════════ */ [data-theme="dark"] .snapshot { background: #0a0e17; border-color: rgba(41,171,226,0.1); } [data-theme="dark"] .snapshot h2 { color: #64748b; } /* ══════════════════════════════════════════ PLANS SECTION (homepage — crimson band) ══════════════════════════════════════════ */ [data-theme="dark"] .plans { background: #0d1117 !important; } [data-theme="dark"] .plans h2 { color: #fff; } [data-theme="dark"] .section-sub { color: #64748b; } [data-theme="dark"] .plans-included { color: #64748b; } [data-theme="dark"] .plans-guarantee { color: #94a3b8; } [data-theme="dark"] .plans-more a { color: #29ABE2; } /* ══════════════════════════════════════════ HERO — homepage specific extras ══════════════════════════════════════════ */ [data-theme="dark"] .hero-offer { background: #111827 !important; border-color: rgba(41,171,226,0.15) !important; } [data-theme="dark"] .offer-name { color: #fff; } [data-theme="dark"] .offer-features { color: #64748b; } [data-theme="dark"] .hero-badge { color: #34D399; } [data-theme="dark"] .hero-trustpilot { color: #64748b; } [data-theme="dark"] .hero-trustpilot a { color: #64748b; } [data-theme="dark"] .btn-secondary { border-color: rgba(255,255,255,0.15) !important; color: #94a3b8 !important; } [data-theme="dark"] .btn-secondary:hover { border-color: #29ABE2 !important; color: #29ABE2 !important; } [data-theme="dark"] .dollar { color: #F6AD1D; } /* ══════════════════════════════════════════ REGIONS (homepage) ══════════════════════════════════════════ */ [data-theme="dark"] .regions { background: #0a0e17; } [data-theme="dark"] .regions h2 { color: #fff; } [data-theme="dark"] .regions-footer a { color: #29ABE2; } [data-theme="dark"] .region-header img { opacity: 0.6; } /* ══════════════════════════════════════════ VOICES (homepage) ══════════════════════════════════════════ */ [data-theme="dark"] .voices { background: #0a0e17; } [data-theme="dark"] .voices h2 { color: #fff; } [data-theme="dark"] .voice-stars { color: #F6AD1D; } /* ══════════════════════════════════════════ LATEST / BLOG CARDS (homepage) ══════════════════════════════════════════ */ [data-theme="dark"] .latest { background: #111827; } [data-theme="dark"] .latest h2 { color: #fff; } /* ══════════════════════════════════════════ GUARANTEE CTA (homepage) ══════════════════════════════════════════ */ [data-theme="dark"] .guarantee-cta { background: #0a0e17; } /* ══════════════════════════════════════════ HOMEPAGE FOOTER (.site-footer) ══════════════════════════════════════════ */ [data-theme="dark"] .site-footer { background: #060911; border-top: 1px solid rgba(41,171,226,0.1); } [data-theme="dark"] .footer-col h4 { color: #f0f2f5; } [data-theme="dark"] .footer-col a { color: #64748b; } [data-theme="dark"] .footer-col a:hover { color: #29ABE2; } [data-theme="dark"] .site-footer .footer-bottom { border-top-color: rgba(255,255,255,0.06); color: #475569; } /* ══════════════════════════════════════════ MISC HARDCODED BORDER FIXES ══════════════════════════════════════════ */ [data-theme="dark"] .snap-card { border-color: rgba(41,171,226,0.1) !important; } [data-theme="dark"] .latest-card { border-color: rgba(41,171,226,0.1) !important; } [data-theme="dark"] .region-card { border-color: rgba(41,171,226,0.1) !important; } /* ══════════════════════════════════════════ NAV LANGUAGE LINKS ══════════════════════════════════════════ */ .nav-lang { display: inline-flex; align-items: center; gap: 1px; margin-left: 12px; padding-left: 12px; border-left: 1px solid rgba(255,255,255,0.15); } .nav-lang a { font-size: 10px !important; font-weight: 600 !important; color: rgba(255,255,255,0.35) !important; padding: 2px 5px !important; border-right: none !important; text-transform: uppercase; letter-spacing: 0.5px; transition: color 0.2s; margin: 0 !important; } .nav-lang a:hover { color: rgba(255,255,255,0.8) !important; } .nav-lang a.active { color: #29ABE2 !important; } [data-theme="dark"] .nav-lang { border-left-color: rgba(255,255,255,0.08); } [data-theme="dark"] .nav-lang a { color: rgba(255,255,255,0.25) !important; } [data-theme="dark"] .nav-lang a:hover { color: rgba(255,255,255,0.7) !important; } [data-theme="dark"] .nav-lang a.active { color: #29ABE2 !important; } @media (max-width: 600px) { .nav-lang { margin-left: 6px; padding-left: 6px; } .nav-lang a { font-size: 9px !important; padding: 2px 3px !important; } } /* ══════════════════════════════════════════ THEME TOGGLE SWITCH ══════════════════════════════════════════ */ .theme-toggle { display: flex; align-items: center; gap: 6px; margin-left: 14px; cursor: pointer; flex-shrink: 0; } .tt-sun { color: #F6AD1D; opacity: 1; transition: opacity 0.3s; } .tt-moon { color: #94a3b8; opacity: 0.4; transition: opacity 0.3s, color 0.3s; } [data-theme="dark"] .tt-sun { opacity: 0.35; } [data-theme="dark"] .tt-moon { color: #29ABE2; opacity: 1; } .tt-track { width: 34px; height: 18px; border-radius: 9px; background: rgba(255,255,255,0.2); position: relative; transition: background 0.3s; flex-shrink: 0; } [data-theme="dark"] .tt-track { background: rgba(41,171,226,0.25); } .tt-knob { width: 14px; height: 14px; border-radius: 50%; background: #fff; position: absolute; top: 2px; left: 2px; transition: transform 0.3s, background 0.3s; box-shadow: 0 1px 3px rgba(0,0,0,0.3); } [data-theme="dark"] .tt-knob { transform: translateX(16px); background: #29ABE2; } /* ══════════════════════════════════════════ RESPONSIVE — hide sun/moon on small screens ══════════════════════════════════════════ */ @media (max-width: 600px) { .tt-sun, .tt-moon { display: none; } .theme-toggle { margin-left: 8px; } } /* ══════════════════════════════════════════ FORM FIELDS — Dark Mode ══════════════════════════════════════════ */ [data-theme="dark"] #contact-form label, [data-theme="dark"] #abuse-form label { color: #94a3b8; } [data-theme="dark"] #contact-form input, [data-theme="dark"] #contact-form textarea, [data-theme="dark"] #contact-form select, [data-theme="dark"] #abuse-form input, [data-theme="dark"] #abuse-form textarea, [data-theme="dark"] #abuse-form select { background: #1a2238; color: #f0f2f5; border-color: rgba(41,171,226,0.15); } [data-theme="dark"] #contact-form select option, [data-theme="dark"] #abuse-form select option { background: #1a2238; color: #f0f2f5; } [data-theme="dark"] #contact-form input::placeholder, [data-theme="dark"] #contact-form textarea::placeholder, [data-theme="dark"] #abuse-form input::placeholder, [data-theme="dark"] #abuse-form textarea::placeholder { color: #475569; } /* ══════════════════════════════════════════ FORM FIELDS — Dark Mode (!important to override inline styles on form elements) ══════════════════════════════════════════ */ [data-theme="dark"] #contact-form label, [data-theme="dark"] #abuse-form label { color: #94a3b8 !important; } [data-theme="dark"] #contact-form input, [data-theme="dark"] #contact-form textarea, [data-theme="dark"] #contact-form select, [data-theme="dark"] #abuse-form input, [data-theme="dark"] #abuse-form textarea, [data-theme="dark"] #abuse-form select { background: #1a2238 !important; color: #f0f2f5 !important; border-color: rgba(41,171,226,0.15) !important; } [data-theme="dark"] #contact-form select option, [data-theme="dark"] #abuse-form select option { background: #1a2238 !important; color: #f0f2f5 !important; } [data-theme="dark"] #contact-form input::placeholder, [data-theme="dark"] #contact-form textarea::placeholder, [data-theme="dark"] #abuse-form input::placeholder, [data-theme="dark"] #abuse-form textarea::placeholder { color: #475569 !important; }