/* Plandeck-kleuren op de Scalar-referentie (besluit #527). Alleen grond, kaarten, randen en accent; layout en typografie van Scalar blijven ongemoeid zodat een nieuwe Scalar-versie niets breekt. Waarden volgen tailwind.config.js (estedic) en de app-indeling: het hoofdvenster op slate-100 (donker slate-900) met witte kaarten (donker slate-800), het zijmenu wit (donker slate-800) met een slate-200-rand. */ /* Scalar zet de klasse op en injecteert zijn eigen stylesheet ná deze; body.* wint op specificiteit. */ body.light-mode { --scalar-background-1: #f1f5f9; --scalar-background-2: #ffffff; --scalar-background-3: #e2e8f0; --scalar-border-color: #e2e8f0; --scalar-color-1: #0f172a; --scalar-color-2: #334155; --scalar-color-3: #64748b; --scalar-color-accent: #1c6ce8; --scalar-background-accent: #e8f0fd; --scalar-button-1: #1c6ce8; --scalar-button-1-color: #ffffff; --scalar-sidebar-background-1: #ffffff; --scalar-sidebar-border-color: #e2e8f0; --scalar-sidebar-search-background: #f1f5f9; --scalar-sidebar-item-hover-background: #f1f5f9; --scalar-sidebar-item-active-background: #e8f0fd; --scalar-sidebar-color-active: #0c3074; } body.dark-mode { --scalar-background-1: #0f172a; --scalar-background-2: #1e293b; --scalar-background-3: #334155; --scalar-border-color: #334155; --scalar-color-1: #f8fafc; --scalar-color-2: #cbd5e1; --scalar-color-3: #94a3b8; --scalar-color-accent: #60a5fa; --scalar-background-accent: rgba(28, 108, 232, 0.18); --scalar-button-1: #1c6ce8; --scalar-button-1-color: #ffffff; --scalar-sidebar-background-1: #1e293b; --scalar-sidebar-border-color: #334155; --scalar-sidebar-search-background: #0f172a; --scalar-sidebar-item-hover-background: #334155; --scalar-sidebar-item-active-background: rgba(28, 108, 232, 0.18); --scalar-sidebar-color-active: #93c5fd; } /* Grond vóór Scalar laadt volgt het systeem; daarna wint de modusklasse (die de site-/app-keuze via de cookie kan afdwingen, zie init.js). */ body { margin: 0; background: #f1f5f9; } @media (prefers-color-scheme: dark) { body { background: #0f172a; } } body.light-mode { background: #f1f5f9; } body.dark-mode { background: #0f172a; } /* Scalar-tegel "Generate MCP" (scalar.com) heeft geen configuratieoptie */ .scalar-mcp-layer { display: none !important; }