Files
palette/sketches/themes/tokens.css
T

28 lines
945 B
CSS

/* Palette design tokens — swap presets by replacing this block */
:root {
/* "Smooth" preset (user-provided) */
--bg: #F6F5FA;
--surface: #FFFFFF; /* derived: cards on bg */
--surface-2: #DAD7E6;
--muted: #B5B1C9;
--muted-fg: #7A7796;
--fg: #2A2A36;
--accent: #7A7796;
--border: #DAD7E6;
--radius: 12px;
--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
--font-mono: ui-monospace, "JetBrains Mono", "Fira Code", monospace;
}
/* Preset switcher demo */
[data-preset="midnight"] {
--bg: #241B30; --surface: #2D2340; --surface-2: #3A2D52;
--muted: #7A6A9E; --muted-fg: #C0B2DE; --fg: #F2EDF8;
--accent: #C4A8F0; --border: #42355C;
} /* APPROVED 2026-09-08: user accepted as default dark preset */
[data-preset="sage"] {
--bg: #F4F7F4; --surface: #FFFFFF; --surface-2: #D6E0D6;
--muted: #B0C4B0; --muted-fg: #6E8570; --fg: #26332B;
--accent: #6E8570; --border: #D6E0D6;
}