/** * SecureCollab Forum — Dark Mode CSS * Applied when is set. */ body.scf-dark { --scf-bg: #0f172a; --scf-surface: #1e293b; --scf-surface-alt: #0f172a; --scf-border: #334155; --scf-border-focus: #3b82f6; --scf-text: #f1f5f9; --scf-text-muted: #94a3b8; --scf-text-subtle: #64748b; --scf-text-inverse: #0f172a; --scf-brand-light: rgba(37, 99, 235, 0.15); color-scheme: dark; } /* Prose code block */ body.scf-dark .scf-prose pre { background: #020617; border: 1px solid #334155; } body.scf-dark .scf-prose code { background: #1e293b; border-color: #334155; } body.scf-dark .scf-prose blockquote { background: #1e293b; } /* Inputs */ body.scf-dark .scf-input, body.scf-dark .scf-select, body.scf-dark .scf-textarea { background: #0f172a; color: #f1f5f9; border-color: #334155; } /* Thread solution banner */ body.scf-dark .scf-solution-banner { background: #052e16; border-bottom-color: #166534; } /* Poll */ body.scf-dark .scf-poll-form, body.scf-dark .scf-poll-results { background: #0f172a; } body.scf-dark .scf-poll-option label { background: #1e293b; } body.scf-dark .scf-poll-bar-wrap { background: #334155; } /* Notification unread */ body.scf-dark .scf-notif-item--unread { background: #1e3a5f; } /* Tags */ body.scf-dark .scf-badge--solved { background: #052e16; color: #4ade80; } body.scf-dark .scf-badge--pinned { background: #451a03; color: #fcd34d; } body.scf-dark .scf-badge--closed { background: #1e293b; color: #64748b; } body.scf-dark .scf-badge--new { background: rgba(37,99,235,.2); color: #93c5fd; } body.scf-dark .scf-badge--hot { background: #450a0a; color: #f87171; } body.scf-dark .scf-badge--important { background: #2e1065; color: #c084fc; } /* Scrollbar (Webkit) */ body.scf-dark ::-webkit-scrollbar { width: 8px; height: 8px; } body.scf-dark ::-webkit-scrollbar-track { background: #1e293b; } body.scf-dark ::-webkit-scrollbar-thumb { background: #475569; border-radius: 4px; } body.scf-dark ::-webkit-scrollbar-thumb:hover { background: #64748b; } /* Links */ body.scf-dark a { color: #93c5fd; } body.scf-dark a:hover { color: #bfdbfe; } body.scf-dark .scf-thread-title a { color: #f1f5f9; } body.scf-dark .scf-thread-title a:hover { color: #93c5fd; }