/* GENERATED by `npm run palettes` from docs/palettes.json. DO NOT EDIT. * * Palette and mode are independent axes (hub PALETTES.md §6): * * * Value blocks only — no new token names, so a reskin stays a drop-in swap and * every rule in app.css goes on reading the same seven roles. */ /* The default family, unattributed: it is what paints before the reader's own choice can be read out of IndexedDB. */ :root { --bg: #F4F1E9; --surface: #FFFFFF; --ink: #1B2333; --ink-soft: #4C5670; --line: #8E8A7F; --accent: #33425F; --warm: #7A4E00; } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --bg: #141A26; --surface: #1E2637; --ink: #F2F0EA; --ink-soft: #B3BCCE; --line: #6A7896; --accent: #AFC0DC; --warm: #F5C978; } } :root[data-theme="dark"] { --bg: #141A26; --surface: #1E2637; --ink: #F2F0EA; --ink-soft: #B3BCCE; --line: #6A7896; --accent: #AFC0DC; --warm: #F5C978; } :root[data-theme="light"] { --bg: #F4F1E9; --surface: #FFFFFF; --ink: #1B2333; --ink-soft: #4C5670; --line: #8E8A7F; --accent: #33425F; --warm: #7A4E00; } /* Quietkeep — the original — warm paper by day, deep blue-gray by night */ :root[data-palette="quietkeep"] { --bg: #F4F1E9; --surface: #FFFFFF; --ink: #1B2333; --ink-soft: #4C5670; --line: #8E8A7F; --accent: #33425F; --warm: #7A4E00; } @media (prefers-color-scheme: dark) { :root[data-palette="quietkeep"]:not([data-theme="light"]) { --bg: #141A26; --surface: #1E2637; --ink: #F2F0EA; --ink-soft: #B3BCCE; --line: #6A7896; --accent: #AFC0DC; --warm: #F5C978; } } :root[data-palette="quietkeep"][data-theme="dark"] { --bg: #141A26; --surface: #1E2637; --ink: #F2F0EA; --ink-soft: #B3BCCE; --line: #6A7896; --accent: #AFC0DC; --warm: #F5C978; } :root[data-palette="quietkeep"][data-theme="light"] { --bg: #F4F1E9; --surface: #FFFFFF; --ink: #1B2333; --ink-soft: #4C5670; --line: #8E8A7F; --accent: #33425F; --warm: #7A4E00; } /* Instrument — cool and crisp — a steel-blue day, a near-black night */ :root[data-palette="instrument"] { --bg: #C9DAE6; --surface: #F2F8FC; --ink: #0F1D26; --ink-soft: #2F4A59; --line: #5C7787; --accent: #0E4A72; --warm: #7A4300; } @media (prefers-color-scheme: dark) { :root[data-palette="instrument"]:not([data-theme="light"]) { --bg: #0B1319; --surface: #18262E; --ink: #E6F1F7; --ink-soft: #A6C1CE; --line: #5A7B8B; --accent: #8AC4E2; --warm: #EFB259; } } :root[data-palette="instrument"][data-theme="dark"] { --bg: #0B1319; --surface: #18262E; --ink: #E6F1F7; --ink-soft: #A6C1CE; --line: #5A7B8B; --accent: #8AC4E2; --warm: #EFB259; } :root[data-palette="instrument"][data-theme="light"] { --bg: #C9DAE6; --surface: #F2F8FC; --ink: #0F1D26; --ink-soft: #2F4A59; --line: #5C7787; --accent: #0E4A72; --warm: #7A4300; } /* Paper — a warm kraft page with white cards, and a deep teal for anything you can press */ :root[data-palette="paper"] { --bg: #DFCCA6; --surface: #FFFDF6; --ink: #2C2216; --ink-soft: #544430; --line: #786845; --accent: #0F4F4B; --warm: #7A4700; } @media (prefers-color-scheme: dark) { :root[data-palette="paper"]:not([data-theme="light"]) { --bg: #211A12; --surface: #362B1E; --ink: #F7EFE1; --ink-soft: #D0BB9C; --line: #8C7654; --accent: #7FCCC4; --warm: #F3C079; } } :root[data-palette="paper"][data-theme="dark"] { --bg: #211A12; --surface: #362B1E; --ink: #F7EFE1; --ink-soft: #D0BB9C; --line: #8C7654; --accent: #7FCCC4; --warm: #F3C079; } :root[data-palette="paper"][data-theme="light"] { --bg: #DFCCA6; --surface: #FFFDF6; --ink: #2C2216; --ink-soft: #544430; --line: #786845; --accent: #0F4F4B; --warm: #7A4700; } /* Mono — no hue at all — neutral gray by day, neutral charcoal by night */ :root[data-palette="mono"] { --bg: #D2D2D2; --surface: #F7F7F7; --ink: #1D1D1D; --ink-soft: #414141; --line: #727272; --accent: #2B2B2B; --warm: #6E3200; } @media (prefers-color-scheme: dark) { :root[data-palette="mono"]:not([data-theme="light"]) { --bg: #161616; --surface: #2E2E2E; --ink: #EDEDED; --ink-soft: #C3C3C3; --line: #8E8E8E; --accent: #D4D4D4; --warm: #E8A84C; } } :root[data-palette="mono"][data-theme="dark"] { --bg: #161616; --surface: #2E2E2E; --ink: #EDEDED; --ink-soft: #C3C3C3; --line: #8E8E8E; --accent: #D4D4D4; --warm: #E8A84C; } :root[data-palette="mono"][data-theme="light"] { --bg: #D2D2D2; --surface: #F7F7F7; --ink: #1D1D1D; --ink-soft: #414141; --line: #727272; --accent: #2B2B2B; --warm: #6E3200; } /* Soft — the lowest glare — a dimmed page and a night that is gray rather than black */ :root[data-palette="soft"] { --bg: #BFBCB2; --surface: #D9D6CC; --ink: #22201A; --ink-soft: #403C34; --line: #66625A; --accent: #26394A; --warm: #583600; } @media (prefers-color-scheme: dark) { :root[data-palette="soft"]:not([data-theme="light"]) { --bg: #302F2C; --surface: #41403C; --ink: #E7E4DD; --ink-soft: #C3BFB6; --line: #9C978E; --accent: #AEC2D1; --warm: #E9BC7E; } } :root[data-palette="soft"][data-theme="dark"] { --bg: #302F2C; --surface: #41403C; --ink: #E7E4DD; --ink-soft: #C3BFB6; --line: #9C978E; --accent: #AEC2D1; --warm: #E9BC7E; } :root[data-palette="soft"][data-theme="light"] { --bg: #BFBCB2; --surface: #D9D6CC; --ink: #22201A; --ink-soft: #403C34; --line: #66625A; --accent: #26394A; --warm: #583600; }