/* ── GD UI Kit — Dark-mode overrides ── * Activated via .dark class on element. * Originally from note-taker-ext. */ .dark { color-scheme: dark; /* ── Backgrounds ── */ --bg-base: #09090b; --bg-surface: #18181b; --bg-surface-hover: #27272a; --bg-overlay: rgba(9,9,11,0.9); --bg-input: #1c1c1f; /* ── Text ── */ --text-primary: #f4f4f5; --text-secondary: #a1a1aa; --text-tertiary: #a1a1aa; --text-muted: #71717a; --text-input: #e4e4e7; --placeholder: #52525b; /* ── Borders ── */ --border-default: #27272a; --border-subtle: rgba(39,39,42,0.6); --border-input: #3f3f46; /* ── Accent ── */ --accent: #2f69ff; --accent-hover: #6090ff; --accent-bg: rgba(47,105,255,0.1); --accent-text: #6090ff; --accent-border: rgba(47,105,255,0.2); --shadow-accent: rgba(47,105,255,0.2); /* ── Status ── */ --status-success-bg: rgba(16,185,129,0.1); --status-success-text: #34d399; --status-success-border: rgba(16,185,129,0.2); --status-warning-bg: rgba(245,158,11,0.1); --status-warning-text: #fbbf24; --status-warning-border: rgba(245,158,11,0.2); --status-error-bg: rgba(239,68,68,0.1); --status-error-text: #f87171; --status-error-border: rgba(239,68,68,0.2); /* ── Scrollbar ── */ --scrollbar-thumb: #3f3f46; --scrollbar-thumb-hover: #52525b; /* ── Tag colors ── */ --tag-purple-bg: rgba(168,85,247,0.15); --tag-purple-text: #c4b5fd; --tag-pink-bg: rgba(236,72,153,0.15); --tag-pink-text: #f9a8d4; --tag-orange-bg: rgba(249,115,22,0.15); --tag-orange-text: #fdba74; --tag-yellow-bg: rgba(234,179,8,0.15); --tag-yellow-text: #fde047; --tag-lime-bg: rgba(132,204,22,0.15); --tag-lime-text: #bef264; --tag-green-bg: rgba(34,197,94,0.15); --tag-green-text: #86efac; --tag-aqua-bg: rgba(6,182,212,0.15); --tag-aqua-text: #67e8f9; --tag-blue-bg: rgba(59,130,246,0.15); --tag-blue-text: #93c5fd; --tag-indigo-bg: rgba(99,102,241,0.15); --tag-indigo-text: #a5b4fc; --tag-gray-bg: rgba(148,163,184,0.15); --tag-gray-text: #94a3b8; }