/* * SIFops — Theme palettes. * * Six themes, each defined as a [data-theme=""] block on the * element. The default theme is also exposed via :root so an unset * data-theme attribute still renders correctly. * * Two parallel sets of CSS custom properties live here: * * 1. THEMES.md canonical tokens — the semantic theme system going * forward (--bg-app, --bg-card, --bg-sidebar, --border, --accent, * --accent-soft, --success, --warning, --text, --text-secondary, * --text-muted, --text-sidebar). New templates (login, account, * empty stubs) reference these directly. * * 2. T6.1 legacy shade tokens — the existing dashboard.html uses * ~13 named blue/peach/mint variables (--blue-deep, --blue-primary, * --blue-mist, --accent-peach, etc.). They're kept and re-themed * per palette so the locked T6.1 dashboard visual is preserved * exactly for `default` AND adopts theme-appropriate colors for * the other 5 palettes. * * Per THEMES.md: * "Layout / interface NEVER changes between themes — only CSS * variable values do." * * If a theme doesn't define a given variable, the cascade falls through * to :root. That's why every variable is defined on :root with a sensible * default, and per-theme blocks only override what differs. */ /* =========================================================================== * Default — :root (also data-theme="default") * * These are the EXACT hex values from T6.1 index.html lines 12-35. Do not * change without also updating the visual screenshot baseline. * =========================================================================== */ :root, [data-theme="default"] { /* THEMES.md canonical tokens */ --bg-app: #fafbff; --bg-card: #ffffff; --bg-sidebar: #fafbff; /* gradient lives in --bg-sidebar-gradient below */ --bg-sidebar-gradient: linear-gradient(180deg, #fafbff 0%, #e6efff 100%); --border: #e2e8f0; --accent: #2563eb; --accent-soft: #dbeafe; --success: #10b981; --warning: #fdba74; --text: #0f172a; --text-secondary: #64748b; --text-muted: #94a3b8; --text-sidebar: #0f172a; /* dark text on light sidebar in default */ /* Custom styling — small, clean, themed dropdown chevron. Replaces the browser's native black OS arrow (oversized + crammed at the edge) with a soft themed chevron (var(--select-chevron)) and proper inner right padding so the arrow never touches the box edge. Applies app-wide to every single-select (List Builder, contacts, account, modals — any