openfreebooks-bookgenerator/themes/openfreebooks/sass/_tokens.scss

46 lines
1.5 KiB
SCSS

:root {
--ink: #1a1a1a;
--soft-ink: #555;
--muted: #767676;
--accent: #9a6b2e;
--line: #e8e8e8;
--paper: #f5f4f1;
--header-bg-scrolled: rgba(252, 252, 253, 0.9);
--card-bg: rgba(255, 255, 255, 0.66);
--card-border: rgba(26, 26, 26, 0.08);
--shadow-soft: rgba(20, 20, 20, 0.04);
--mono: "IBM Plex Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono",
"Courier New", monospace;
--font-heading: "Instrument Serif", serif;
--font-body: Inter, Arial, sans-serif;
--prose-width: 68ch;
--grain-svg: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.55'/%3E%3C/svg%3E");
}
[data-theme="dark"] {
--ink: #eceae4;
--soft-ink: #b8b4ab;
--muted: #8f8a80;
--accent: #c4924a;
--line: #3a3834;
--paper: #1a1917;
--header-bg-scrolled: rgba(26, 25, 23, 0.92);
--card-bg: rgba(36, 34, 31, 0.72);
--card-border: rgba(236, 234, 228, 0.1);
--shadow-soft: rgba(0, 0, 0, 0.25);
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
--ink: #eceae4;
--soft-ink: #b8b4ab;
--muted: #8f8a80;
--accent: #c4924a;
--line: #3a3834;
--paper: #1a1917;
--header-bg-scrolled: rgba(26, 25, 23, 0.92);
--card-bg: rgba(36, 34, 31, 0.72);
--card-border: rgba(236, 234, 228, 0.1);
--shadow-soft: rgba(0, 0, 0, 0.25);
}
}