/* ============================================================ BatchBrain — Dark Mode Overrides Applied when ============================================================ */ [data-bs-theme="dark"] { /* ── Core surfaces ─────────────────────────────────── */ --shade-color: #d9d9d924; --text-primary: #e5e7eb; --bs-body-bg: #0d1117; --bs-heading-color: #e5e7eb; --bs-body-color: #c9d1d9; --bs-light-rgb: 22, 27, 34; --bs-card-bg: #161b22; --bs-card-border-color: #30363d; --bs-primary-rgb: 0, 159, 255; --bs-primary: #009fff; --primary-color: #009fff; --bs-secondary: #6b7280; --bs-secondary-rgb: 107, 114, 128; --bs-success: #22c55e; --bs-danger: #ef4444; --bs-warning: #facc15; --bs-info: #38bdf8; --bs-link-color: #58a6ff; --bs-link-hover-color: #79c0ff; --bs-btn-bg: var(--bs-primary); --bs-btn-border-color: var(--bs-primary); --bs-btn-hover-bg: #009fff; --bs-btn-hover-border-color: #009fff; --bs-dark: #0d1117; --bs-border-color: #30363d; --bs-input-bg: #0d1117; --bs-input-color: #c9d1d9; --bs-input-border-color: #30363d; --bs-input-focus-border-color: var(--bs-primary); --bs-input-focus-box-shadow: 0 0 0 0.25rem rgba(0, 159, 255, 0.25); --bs-border-radius: 0.75rem; --bs-btn-border-radius: 0.75rem; --bs-card-border-radius: 1rem; --bs-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); /* ── Accent (brand blue — bright enough for dark) ──── */ --accent: #009fff; --accent-hover: #33b3ff; --accent-soft: rgba(0, 159, 255, 0.12); --accent-border: rgba(0, 159, 255, 0.25); /* ── Sidebar tokens ────────────────────────────────── */ --sidebar-bg: #0d1117; --sidebar-hover: rgba(255, 255, 255, 0.04); --sidebar-active: rgba(0, 159, 255, 0.10); --sidebar-border: #21262d; /* ── Activity heatmap (dark mode) ──────────────────── */ --activity-level-0: #1a2332; --activity-level-1: #0e4429; --activity-level-2: #006d32; --activity-level-3: #26a641; --activity-level-4: #39d353; /* ── Text ──────────────────────────────────────────── */ --text-secondary: #8b949e; --text-light: #6e7681; --text-dark: #c9d1d9; --bb-text-primary: #e5e7eb; --bb-text-secondary: #8b949e; /* ── Surfaces ──────────────────────────────────────── */ --bb-surface: #161b22; --bb-surface-hover: #1c2129; --bb-border: #30363d; --bb-border-light: #21262d; --border-color: #30363d; } /* ── Body — dark background enforced ──────────────────── */ [data-bs-theme="dark"] body { background-color: #0f0f0f !important; color: var(--bs-body-color); } /* ── Cards: subtle elevation, NOT heavy dark ─────────── */ [data-bs-theme="dark"] .card { background-color: var(--bs-card-bg, #161b22); border-color: var(--bs-border-color, #30363d); color: var(--bs-body-color); } /* ── Sidebar cards: match sidebar surface ────────────── */ [data-bs-theme="dark"] .bb-sidebar-card { background-color: var(--sidebar-bg); border-color: var(--sidebar-border); } /* ── White/light overrides ───────────────────────────── */ [data-bs-theme="dark"] .bg-white { background-color: var(--bs-card-bg) !important; } [data-bs-theme="dark"] .text-dark { color: var(--bs-body-color) !important; } /* ── fc-toolbar (calendar) ───────────────────────────── */ [data-bs-theme="dark"] .fc-toolbar-title { color: var(--text-primary) !important; }