/** * dark.css — Dark mode overrides for UIndex * * Scoped under [data-theme="dark"] on . * Loaded after all other stylesheets so overrides win by specificity. * Organized: globals → header → nav → content → pages → components */ /* ═══════════════════════════════════════════════════════════════════ 1. GLOBALS — body, text, links, form controls ═══════════════════════════════════════════════════════════════════ */ [data-theme="dark"] { color-scheme: dark; } [data-theme="dark"] body { background-color: #0f172a; color: #e2e8f0; } [data-theme="dark"] a { color: #60a5fa; } [data-theme="dark"] a:hover { color: #93bbfd; } [data-theme="dark"] a.emphasis { color: #f87171; } [data-theme="dark"] input, [data-theme="dark"] select { color: #e2e8f0; background-color: #1e293b; border-color: #334155; } [data-theme="dark"] textarea { color: #e2e8f0; background-color: #1e293b; border-color: #334155; } [data-theme="dark"] .button { background-color: #1e293b; border-color: #475569; color: #e2e8f0; } [data-theme="dark"] .button:hover, [data-theme="dark"] .button:focus { background-color: #334155; } [data-theme="dark"] .highlight { background-color: rgba(250,204,21,.2); } [data-theme="dark"] .warning { background-color: #451a03; border-color: #92400e; color: #fbbf24; } [data-theme="dark"] .nfo { color: #94a3b8; } [data-theme="dark"] .r { color: #f87171; } [data-theme="dark"] .g { color: #4ade80; } [data-theme="dark"] .b { color: #60a5fa; } [data-theme="dark"] acronym { border-bottom-color: #475569; } /* ═══════════════════════════════════════════════════════════════════ 2. SITE HEADER (from common.php inline styles) ═══════════════════════════════════════════════════════════════════ */ [data-theme="dark"] .site-header { background: #0f172a; border-bottom-color: #1e293b; } [data-theme="dark"] #search { background: #1e293b; border-color: #334155; color: #e2e8f0; } [data-theme="dark"] #search:focus { background: #1e293b; border-color: #3b82f6; box-shadow: 0 0 0 3px rgba(59,130,246,.15); } [data-theme="dark"] #search::placeholder { color: #64748b; } [data-theme="dark"] #searchform select { background: #1e293b; border-color: #334155; color: #cbd5e1; } /* ═══════════════════════════════════════════════════════════════════ 3. NAVIGATION (from common.php inline styles) ═══════════════════════════════════════════════════════════════════ */ [data-theme="dark"] .site-nav { background: #1e3a5f; } [data-theme="dark"] .nav-dropdown { background: #1e293b; border-color: #334155; box-shadow: 0 8px 24px rgba(0,0,0,.4); } [data-theme="dark"] .nav-dropdown li a { color: #cbd5e1 !important; } [data-theme="dark"] .nav-dropdown li a:hover { background: #334155 !important; color: #fff !important; } /* ═══════════════════════════════════════════════════════════════════ 4. LEGACY NAVIGATION (#navigation from main.css) ═══════════════════════════════════════════════════════════════════ */ [data-theme="dark"] #navigation { background-color: #1e3a5f; } [data-theme="dark"] #navigation .c { background-color: #0f172a; } [data-theme="dark"] #navigation .c * { background-color: #1e3a5f; } [data-theme="dark"] #navigation ul ul { background-color: #1e293b; border-color: #334155; border-top-color: #3b82f6; } [data-theme="dark"] #navigation ul ul a { color: #e2e8f0; } [data-theme="dark"] #navigation ul ul a:hover { color: #fff; background-color: #334155; } /* ═══════════════════════════════════════════════════════════════════ 5. MAIN TABLE (from main.css) ═══════════════════════════════════════════════════════════════════ */ [data-theme="dark"] .maintable th { color: #e2e8f0; background-color: #1e293b; border-bottom-color: #334155; } [data-theme="dark"] .maintable th a { color: #e2e8f0; } [data-theme="dark"] .maintable tr.d { background-color: #0f172a; } [data-theme="dark"] .maintable tr:nth-child(odd) { background: #111d32; } [data-theme="dark"] .maintable tr:hover, [data-theme="dark"] .maintable tr.hovered { background-color: #1e293b; } [data-theme="dark"] .maintable td a { color: #cbd5e1; } [data-theme="dark"] .maintable td a:hover { color: #60a5fa; } /* Info table */ [data-theme="dark"] .infotable { border-color: #334155; } [data-theme="dark"] .infotable th { color: #e2e8f0; background-color: #1e293b; border-color: #334155; } [data-theme="dark"] .infotable tr.d { background-color: #0f172a; } [data-theme="dark"] .infotable td { border-color: #334155; } [data-theme="dark"] .infotable a { color: #cbd5e1; } /* ═══════════════════════════════════════════════════════════════════ 6. SEARCH SUGGESTIONS (from main.css) ═══════════════════════════════════════════════════════════════════ */ [data-theme="dark"] #searchsuggestions { background-color: #1e293b; border-color: #334155; } [data-theme="dark"] #searchsuggestions a { color: #e2e8f0; } [data-theme="dark"] #searchsuggestions a.hovered { color: #fff; background-color: #3b82f6; } /* ═══════════════════════════════════════════════════════════════════ 7. SECTION HEADERS, LOCATION BAR (from main.css) ═══════════════════════════════════════════════════════════════════ */ [data-theme="dark"] .section .sh { background-color: #1e293b; border-bottom-color: #334155; } [data-theme="dark"] #location { background-color: #1e293b; } [data-theme="dark"] #location .c { background-color: #0f172a; } [data-theme="dark"] #location .c * { background-color: #1e293b; } [data-theme="dark"] #location a { color: #cbd5e1; } [data-theme="dark"] .catheader h2 a { color: #e2e8f0; } /* ═══════════════════════════════════════════════════════════════════ 8. PAGINATION (from main.css) ═══════════════════════════════════════════════════════════════════ */ [data-theme="dark"] #pagination a { color: #cbd5e1; border-color: #334155; } [data-theme="dark"] #pagination a:hover { color: #60a5fa; border-color: #60a5fa; } [data-theme="dark"] #pagination li.current span { background-color: #3b82f6; border-color: #3b82f6; color: #fff; } [data-theme="dark"] #pagination li.disabled span { color: #475569; border-color: #334155; } /* ═══════════════════════════════════════════════════════════════════ 9. TABS (from main.css) ═══════════════════════════════════════════════════════════════════ */ [data-theme="dark"] #tabs { border-bottom-color: #334155; } [data-theme="dark"] #tabs a { color: #e2e8f0; background-color: #1e293b; border-color: #334155; } [data-theme="dark"] #tabs a:hover { background-color: #334155; } [data-theme="dark"] #tabs .current a { background-color: #0f172a !important; border-bottom-color: #0f172a; } /* ═══════════════════════════════════════════════════════════════════ 10. FOOTER ═══════════════════════════════════════════════════════════════════ */ [data-theme="dark"] #footer { border-top-color: #1e293b; color: #64748b; } [data-theme="dark"] #footer a { color: #60a5fa; } [data-theme="dark"] #footer .left { border-right-color: #1e293b; } /* ═══════════════════════════════════════════════════════════════════ 11. TORRENT DETAIL STYLES (from tor.css) ═══════════════════════════════════════════════════════════════════ */ [data-theme="dark"] #downloadbox { background-color: #1e293b; border-color: #334155; } [data-theme="dark"] #torrentgeneral p.left { border-right-color: #334155; } [data-theme="dark"] #altdownload .emphasis { color: #e2e8f0; } [data-theme="dark"] #description { border-color: #334155; color: #cbd5e1; } [data-theme="dark"] .bar-container { border-color: #475569; background-color: #1e293b; } /* ═══════════════════════════════════════════════════════════════════ 12. SEARCH PAGE (.sr-* from search.php inline styles) ═══════════════════════════════════════════════════════════════════ */ [data-theme="dark"] .sr-table-container { border-color: #1e293b; background: #0f172a; box-shadow: 0 1px 3px rgba(0,0,0,.3); } [data-theme="dark"] .sr-table thead th { background: #1e293b; color: #94a3b8; border-bottom-color: #334155; } [data-theme="dark"] .sr-table tbody tr { border-bottom-color: #1e293b; } [data-theme="dark"] .sr-table tbody tr:hover { background: #1e293b; } [data-theme="dark"] .sr-sort-link { color: #94a3b8 !important; } [data-theme="dark"] .sr-sort-link:hover { color: #e2e8f0 !important; } [data-theme="dark"] .sr-sort-active { color: #60a5fa !important; } [data-theme="dark"] .sr-torrent-link { color: #e2e8f0 !important; } [data-theme="dark"] .sr-torrent-link:hover { color: #60a5fa !important; } [data-theme="dark"] .sr-torrent-link mark { background: rgba(250,204,21,.25); color: #fef08a; } [data-theme="dark"] .sr-magnet { color: #60a5fa !important; } [data-theme="dark"] .sr-magnet:hover { color: #93bbfd !important; } [data-theme="dark"] .sr-col-size { color: #94a3b8; } [data-theme="dark"] .sr-col-uploaded { color: #64748b; } [data-theme="dark"] .sr-seed { background: rgba(34,197,94,.15); color: #4ade80; } [data-theme="dark"] .sr-leech { background: rgba(59,130,246,.15); color: #60a5fa; } [data-theme="dark"] .sr-cat-badge { background: color-mix(in srgb, var(--cat-color, #64748b) 20%, transparent) !important; } [data-theme="dark"] .sr-facet-chip { border-color: #334155 !important; color: #94a3b8 !important; background: #1e293b !important; } [data-theme="dark"] .sr-facet-chip:hover { border-color: #475569 !important; color: #e2e8f0 !important; background: #334155 !important; } [data-theme="dark"] .sr-facet-chip.active { border-color: #3b82f6 !important; background: rgba(59,130,246,.15) !important; color: #60a5fa !important; } [data-theme="dark"] .sr-no-results { color: #64748b; } [data-theme="dark"] .sr-did-you-mean { color: #94a3b8; } [data-theme="dark"] .sr-did-you-mean a { color: #60a5fa; } /* Search page pagination */ [data-theme="dark"] .sr-pagination-wrap .sr-pager a { color: #cbd5e1; background: #1e293b; border-color: #334155; } [data-theme="dark"] .sr-pagination-wrap .sr-pager a:hover { color: #fff; background: #334155; border-color: #475569; } [data-theme="dark"] .sr-pagination-wrap .sr-pager li.current span { color: #fff; background: #3b82f6; border-color: #3b82f6; } [data-theme="dark"] .sr-pagination-wrap .sr-pager li.disabled span { color: #475569; background: #0f172a; border-color: #1e293b; } /* ═══════════════════════════════════════════════════════════════════ 13. TOP 100 PAGE (.top-* from top.php inline styles) ═══════════════════════════════════════════════════════════════════ */ [data-theme="dark"] .top-header h2 { color: #e2e8f0; } /* Category nav bar */ [data-theme="dark"] .top-cat-nav { border-color: #334155; background: #334155; } [data-theme="dark"] .top-cat-tab { color: #94a3b8 !important; background: #1e293b !important; } [data-theme="dark"] .top-cat-tab:hover { background: #334155 !important; color: #e2e8f0 !important; } [data-theme="dark"] .top-cat-tab.active { background: #0f172a !important; color: #60a5fa !important; box-shadow: 0 1px 3px rgba(0,0,0,.2) !important; } /* Time range pills */ [data-theme="dark"] .top-pill { color: #94a3b8 !important; background: #1e293b !important; border-color: #334155 !important; } [data-theme="dark"] .top-pill:hover { background: #334155 !important; border-color: #475569 !important; color: #e2e8f0 !important; } [data-theme="dark"] .top-pill.active { background: #3b82f6 !important; border-color: #3b82f6 !important; color: #fff !important; } /* Table container */ [data-theme="dark"] .top-table-container { border-color: #1e293b; background: #0f172a; box-shadow: 0 1px 3px rgba(0,0,0,.3); } [data-theme="dark"] .top-table thead th { background: #1e293b; color: #64748b; border-bottom-color: #334155; } [data-theme="dark"] .top-table tbody tr { border-bottom-color: #1e293b; } [data-theme="dark"] .top-table tbody tr:hover { background: #1e293b; } [data-theme="dark"] .top-table td { color: #cbd5e1; } /* Rank numbers */ [data-theme="dark"] .top-rank { color: #475569; background: #1e293b; } /* sr-* classes redefined in top.php — need dark overrides here too */ [data-theme="dark"] .top-table .sr-torrent-link { color: #e2e8f0 !important; } [data-theme="dark"] .top-table .sr-torrent-link:hover { color: #60a5fa !important; } [data-theme="dark"] .top-table .sr-col-size { color: #64748b; } [data-theme="dark"] .top-table .sr-col-uploaded { color: #475569; } [data-theme="dark"] .top-table .sr-seed { color: #4ade80; background: rgba(34,197,94,.15); } [data-theme="dark"] .top-table .sr-leech { color: #60a5fa; background: rgba(59,130,246,.15); } [data-theme="dark"] .top-table .sr-no-results { color: #475569; } [data-theme="dark"] .top-table .sr-cat-badge { background: color-mix(in srgb, var(--cat-color, #64748b) 20%, transparent) !important; } /* ═══════════════════════════════════════════════════════════════════ 14. DETAILS PAGE (.dt-* from details.php inline styles) ═══════════════════════════════════════════════════════════════════ */ [data-theme="dark"] .dt-title { color: #e2e8f0; } /* Breadcrumb */ [data-theme="dark"] .dt-breadcrumb { color: #64748b; } [data-theme="dark"] .dt-breadcrumb a { color: #94a3b8; } [data-theme="dark"] .dt-breadcrumb a:hover { color: #60a5fa; } [data-theme="dark"] .dt-bc-sep { color: #334155; } [data-theme="dark"] .dt-bc-current { color: #94a3b8; } [data-theme="dark"] .dt-back-link { color: #60a5fa; } /* Download box */ [data-theme="dark"] .dt-download-box { background: #172554; border-color: #1e3a5f; } [data-theme="dark"] .dt-download-hint { color: #64748b; } [data-theme="dark"] .dt-download-hint a { color: #60a5fa; } /* Info card */ [data-theme="dark"] .dt-info-card { border-color: #1e293b; background: #0f172a; box-shadow: 0 1px 3px rgba(0,0,0,.3); } [data-theme="dark"] .dt-section-title { color: #e2e8f0; border-bottom-color: #1e293b; } [data-theme="dark"] .dt-info-label { color: #64748b; } [data-theme="dark"] .dt-info-value { color: #cbd5e1; } [data-theme="dark"] .dt-info-dim { color: #475569; } [data-theme="dark"] .dt-info-row { border-bottom-color: #1e293b; } [data-theme="dark"] .dt-hash { color: #64748b; } /* Health bar */ [data-theme="dark"] .dt-health-bar { background: #1e293b; } [data-theme="dark"] .dt-health-stats { color: #94a3b8; } [data-theme="dark"] .dt-health-sep { color: #334155; } [data-theme="dark"] .dt-seed { color: #4ade80; } [data-theme="dark"] .dt-leech { color: #60a5fa; } /* Report button */ [data-theme="dark"] .dt-report-btn { color: #f87171; background: #1e293b; border-color: #7f1d1d; } [data-theme="dark"] .dt-report-btn:hover { background: #450a0a; border-color: #991b1b; } /* Description card */ [data-theme="dark"] .dt-descr-card { border-color: #1e293b; background: #0f172a; box-shadow: 0 1px 3px rgba(0,0,0,.3); } [data-theme="dark"] .dt-descr-heading { color: #e2e8f0; border-bottom-color: #1e293b; } [data-theme="dark"] .dt-descr-body { color: #cbd5e1; } [data-theme="dark"] .dt-descr-collapsed { -webkit-mask-image: linear-gradient(to bottom, #000 60%, transparent 100%); mask-image: linear-gradient(to bottom, #000 60%, transparent 100%); } [data-theme="dark"] .dt-descr-toggle { border-color: #1e293b; color: #60a5fa; background: #0f172a; } [data-theme="dark"] .dt-descr-toggle:hover { background: #1e293b; border-color: #3b82f6; } /* Related torrents */ [data-theme="dark"] .dt-related h2 { color: #e2e8f0; } [data-theme="dark"] .dt-related-list { border-color: #1e293b; background: #0f172a; } [data-theme="dark"] .dt-related-header { background: #1e293b; border-bottom-color: #334155; color: #64748b; } [data-theme="dark"] .dt-related-item { color: #cbd5e1; background: #0f172a; border-bottom-color: #1e293b; } [data-theme="dark"] .dt-related-item:hover { background: #1e293b; } [data-theme="dark"] .dt-related-name { color: #e2e8f0; } [data-theme="dark"] .dt-related-item:hover .dt-related-name { color: #60a5fa; } [data-theme="dark"] .dt-related-meta { color: #64748b; } [data-theme="dark"] .dt-related-seed { color: #4ade80; background: rgba(34,197,94,.15); } [data-theme="dark"] .dt-related-leech { color: #60a5fa; background: rgba(59,130,246,.15); } [data-theme="dark"] .dt-related-header .dt-related-seed, [data-theme="dark"] .dt-related-header .dt-related-leech { background: none; color: #64748b; } /* TMDB card — already uses dark tones, minor tweaks */ [data-theme="dark"] .tmdb-card { border-color: #1e293b; } /* Category badge in details */ [data-theme="dark"] .dt-info-card .sr-cat-badge { background: color-mix(in srgb, var(--cat-color, #64748b) 20%, transparent) !important; } /* Not found pages */ [data-theme="dark"] .nf-card { background: #1e293b; border-color: #334155; } [data-theme="dark"] .nf-icon { background: #450a0a; } [data-theme="dark"] .nf-title { color: #e2e8f0; } [data-theme="dark"] .nf-msg { color: #94a3b8; } [data-theme="dark"] .nf-id { background: #334155; color: #94a3b8; } [data-theme="dark"] .nf-btn-secondary { background: #334155; color: #e2e8f0; border-color: #475569; } [data-theme="dark"] .nf-btn-secondary:hover { background: #475569; } /* Report modal */ [data-theme="dark"] .rpt-overlay { background: rgba(0,0,0,.6); } [data-theme="dark"] .rpt-box { background: #1e293b; } [data-theme="dark"] .rpt-header { border-bottom-color: #334155; } [data-theme="dark"] .rpt-header h3 { color: #e2e8f0; } [data-theme="dark"] .rpt-close { color: #64748b; } [data-theme="dark"] .rpt-close:hover { background: #334155; color: #e2e8f0; } [data-theme="dark"] .rpt-field label { color: #94a3b8; } [data-theme="dark"] .rpt-field select, [data-theme="dark"] .rpt-field textarea { background: #0f172a; border-color: #334155; color: #e2e8f0; } [data-theme="dark"] .rpt-field select:focus, [data-theme="dark"] .rpt-field textarea:focus { border-color: #3b82f6; box-shadow: 0 0 0 3px rgba(59,130,246,.15); } [data-theme="dark"] .rpt-reason-opt { border-color: #334155; background: #0f172a; } [data-theme="dark"] .rpt-reason-opt:hover { border-color: #475569; background: #1e293b; } [data-theme="dark"] .rpt-reason-opt.selected { border-color: #3b82f6; background: #172554; } [data-theme="dark"] .rpt-reason-text { color: #cbd5e1; } [data-theme="dark"] .rpt-reason-opt.selected .rpt-reason-text { color: #60a5fa; } [data-theme="dark"] .rpt-footer { border-top-color: #334155; background: #162032; } [data-theme="dark"] .rpt-cancel-btn { background: #334155; border-color: #475569; color: #cbd5e1; } [data-theme="dark"] .rpt-cancel-btn:hover { background: #475569; } [data-theme="dark"] .rpt-msg.success { background: #052e16; color: #4ade80; border-color: #166534; } [data-theme="dark"] .rpt-msg.error { background: #450a0a; color: #f87171; border-color: #991b1b; } /* ═══════════════════════════════════════════════════════════════════ 15. FEATURED PAGE (.ft-* from featured.php inline styles) ═══════════════════════════════════════════════════════════════════ */ [data-theme="dark"] .ft-header h1 { color: #e2e8f0; } [data-theme="dark"] .ft-card { background: #1e293b; border-color: #334155; } [data-theme="dark"] .ft-card:hover { box-shadow: 0 6px 20px rgba(0,0,0,.3); } [data-theme="dark"] .ft-poster { background: #0f172a; } [data-theme="dark"] .ft-title { color: #cbd5e1; } [data-theme="dark"] .ft-empty { color: #475569; } /* ═══════════════════════════════════════════════════════════════════ 16. CONTACT PAGE (.ct-* from contact.php inline styles) ═══════════════════════════════════════════════════════════════════ */ [data-theme="dark"] .ct-card { background: #1e293b; border-color: #334155; } [data-theme="dark"] .ct-card h1 { color: #e2e8f0; } [data-theme="dark"] .ct-card .ct-sub { color: #94a3b8; } [data-theme="dark"] .ct-email { background: #0f172a; border-color: #334155; } [data-theme="dark"] .ct-email-label { color: #64748b; } [data-theme="dark"] .ct-info li { border-bottom-color: #1e293b; color: #94a3b8; } [data-theme="dark"] .ct-info li::before { background: #60a5fa; } [data-theme="dark"] .ct-footer { color: #475569; } /* ═══════════════════════════════════════════════════════════════════ 17. DONATE PAGE (.dn-* from donate.php inline styles) ═══════════════════════════════════════════════════════════════════ */ [data-theme="dark"] .dn-card { background: #1e293b; border-color: #334155; } [data-theme="dark"] .dn-card h1 { color: #e2e8f0; } [data-theme="dark"] .dn-sub { color: #94a3b8; } [data-theme="dark"] .dn-option { border-color: #334155; background: #0f172a; } [data-theme="dark"] .dn-option:hover { border-color: #475569; background: #1e293b; } [data-theme="dark"] .dn-option.active { border-color: #3b82f6; background: #172554; } [data-theme="dark"] .dn-amount { color: #e2e8f0; } [data-theme="dark"] .dn-option.active .dn-amount { color: #60a5fa; } [data-theme="dark"] .dn-btn:disabled { background: #334155; } [data-theme="dark"] .dn-secure { color: #475569; } [data-theme="dark"] .dn-info { border-top-color: #1e293b; } [data-theme="dark"] .dn-info h3 { color: #e2e8f0; } [data-theme="dark"] .dn-info li { color: #94a3b8; } [data-theme="dark"] .dn-info li::before { background: #60a5fa; } /* ═══════════════════════════════════════════════════════════════════ 18. PRIVACY / DMCA PAGES (.pg-*) ═══════════════════════════════════════════════════════════════════ */ [data-theme="dark"] .pg-card { background: #1e293b; border-color: #334155; } [data-theme="dark"] .pg-icon { background: #0f172a; } [data-theme="dark"] .pg-card h1 { color: #e2e8f0; } [data-theme="dark"] .pg-card .pg-sub { color: #475569; } [data-theme="dark"] .pg-section h2 { color: #e2e8f0; } [data-theme="dark"] .pg-section p { color: #94a3b8; } [data-theme="dark"] .pg-divider { border-top-color: #334155; } [data-theme="dark"] .pg-highlight { background: #052e16; border-color: #166534; color: #4ade80; } [data-theme="dark"] .pg-email-box { background: #172554; border-color: #1e3a5f; } [data-theme="dark"] .pg-email-addr { color: #e2e8f0; } [data-theme="dark"] .pg-email-addr a { color: #e2e8f0; } [data-theme="dark"] .pg-email-addr a:hover { color: #60a5fa; } [data-theme="dark"] .pg-requirements li { background: #0f172a; border-color: #1e293b; color: #94a3b8; } [data-theme="dark"] .pg-note { background: #451a03; border-color: #92400e; color: #fbbf24; } [data-theme="dark"] .pg-footer { color: #475569; } /* ═══════════════════════════════════════════════════════════════════ 19. AUTOCOMPLETE DROPDOWN ═══════════════════════════════════════════════════════════════════ */ [data-theme="dark"] .ac-dropdown { background: #1e293b; border-color: #334155; box-shadow: 0 8px 24px rgba(0,0,0,.4); } [data-theme="dark"] .ac-item { color: #cbd5e1; border-bottom-color: #1e293b; } [data-theme="dark"] .ac-item:hover, [data-theme="dark"] .ac-item.ac-active { background: #334155; } [data-theme="dark"] .ac-item mark { background: rgba(250,204,21,.25); color: #fef08a; } [data-theme="dark"] .ac-seed-badge { background: rgba(34,197,94,.15); color: #4ade80; } [data-theme="dark"] .ac-no-results { color: #64748b; } /* ═══════════════════════════════════════════════════════════════════ 20. HOVER CARDS (TMDB hover on homepage) ═══════════════════════════════════════════════════════════════════ */ [data-theme="dark"] .hover-card { background: #1e293b; border-color: #334155; box-shadow: 0 8px 24px rgba(0,0,0,.4); } [data-theme="dark"] .hover-title { color: #e2e8f0; } [data-theme="dark"] .hover-meta { color: #64748b; } [data-theme="dark"] .hover-overview { color: #94a3b8; } [data-theme="dark"] .hover-genre { background: #334155; color: #94a3b8; } /* ═══════════════════════════════════════════════════════════════════ 21. TOR-MODERN (from tor-modern.css) ═══════════════════════════════════════════════════════════════════ */ [data-theme="dark"] .torrent-row:hover { background: #1e293b; } [data-theme="dark"] .cat-badge { background: #1e293b; border-color: #334155; } [data-theme="dark"] .torrent-title { color: #e2e8f0; } [data-theme="dark"] .torrent-title:hover { color: #60a5fa; } [data-theme="dark"] .torrent-time { color: #64748b; } [data-theme="dark"] .badge-seeders { background: rgba(34,197,94,.15); color: #4ade80; border-color: transparent; } [data-theme="dark"] .badge-leechers { background: rgba(239,68,68,.15); color: #f87171; border-color: transparent; } [data-theme="dark"] .torrent-size { color: #94a3b8; } /* ═══════════════════════════════════════════════════════════════════ 22. HOMEPAGE WIDGET (.hp-* from top10.php) ═══════════════════════════════════════════════════════════════════ */ [data-theme="dark"] .catheader { color: #e2e8f0; } /* Section headers */ [data-theme="dark"] .hp-section-header { border-bottom-color: #1e293b; } [data-theme="dark"] .hp-section-title { color: #e2e8f0; } [data-theme="dark"] .hp-section-link { color: #60a5fa; } /* Table wrapper + table */ [data-theme="dark"] .hp-table-wrap { border-color: #1e293b; } [data-theme="dark"] .hp-table thead th { background: #1e293b; color: #64748b; border-bottom-color: #334155; } [data-theme="dark"] .hp-table tbody tr { border-bottom-color: #1e293b; } [data-theme="dark"] .hp-table tbody tr:hover { background: #1e293b; } [data-theme="dark"] .hp-table td { color: #cbd5e1; } /* Rank */ [data-theme="dark"] .hp-td-rank { color: #475569; } /* Name + links */ [data-theme="dark"] .hp-td-name a { color: #e2e8f0; } [data-theme="dark"] .hp-td-name a:hover { color: #60a5fa; } [data-theme="dark"] .hp-td-name a.hp-dl { color: #60a5fa; } [data-theme="dark"] .hp-td-name a.hp-dl:hover { color: #93bbfd; } /* Size */ [data-theme="dark"] .hp-td-size { color: #64748b; } /* Seeder / leecher pills */ [data-theme="dark"] .hp-seed-pill { color: #4ade80; background: rgba(34,197,94,.15); } [data-theme="dark"] .hp-leech-pill { color: #60a5fa; background: rgba(59,130,246,.15); } /* Download icon */ [data-theme="dark"] .hp-dl { color: #60a5fa; } [data-theme="dark"] .hp-dl:hover { color: #93bbfd; } /* Featured poster row */ [data-theme="dark"] .hp-poster:hover img { box-shadow: 0 6px 16px rgba(0,0,0,.4); } /* ═══════════════════════════════════════════════════════════════════ 23. MISCELLANEOUS ═══════════════════════════════════════════════════════════════════ */ /* Jump-to-category */ [data-theme="dark"] #jumptocat ul { border-color: #334155; } [data-theme="dark"] #jumptocat a { color: #e2e8f0; background-color: #1e293b; } [data-theme="dark"] #jumptocat a:hover { background-color: #334155; } [data-theme="dark"] #jtclist a { background: #0f172a; } [data-theme="dark"] #jtclist a:hover { color: #fff; background-color: #3b82f6; } /* Trailer modal — already dark, but ensure backgrounds */ [data-theme="dark"] #trailerModal { background: rgba(0,0,0,.95); } /* Images in dark: slight brightness reduction for comfort */ [data-theme="dark"] .ft-poster img, [data-theme="dark"] .dt-poster img { opacity: .92; } /* Ad spots (from main.css) */ [data-theme="dark"] #adspot-b .ad a { color: #cbd5e1; } [data-theme="dark"] #adspot-d { border-color: #334155; } [data-theme="dark"] #adspot-d .adHeadline { color: #60a5fa; } [data-theme="dark"] #adspot-d .adText { color: #cbd5e1; } /* Selection highlight */ [data-theme="dark"] ::selection { background: rgba(59,130,246,.3); color: #fff; } /* Scrollbar (Webkit) */ [data-theme="dark"] ::-webkit-scrollbar { width: 10px; } [data-theme="dark"] ::-webkit-scrollbar-track { background: #0f172a; } [data-theme="dark"] ::-webkit-scrollbar-thumb { background: #334155; border-radius: 5px; } [data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: #475569; }