/** * Color Schemes * * Each scheme overrides only the --K-* tokens that change, scoped to a * data-theme attribute on (written server-side from the ds_theme * cookie, so the correct palette is present on first paint — no FOUC). * * `:root[data-theme=...]` (0,2,0) outranks the base `:root` (0,1,0), so the * cascade is order-independent. * * Chromatic schemes swap only the accent; Light/Dark also shift base/negative. * Light/Dark values are a sensible starting point — tune to taste. */ /* Blue — default (explicit, so switching back resets base/negative) */ :root[data-theme="blue"] { --K-base: #FFFFFF; --K-base-ink: #000000; --K-negative: #000000; --K-negative-ink: #FFFFFF; --K-accent: #0000FF; --K-accent-ink: #FFFFFF; --K-muted: #767676; } /* Red — accent swap */ :root[data-theme="red"] { --K-accent: #FF5050; --K-accent-ink: #FFFFFF; } /* Yellow — accent swap (dark ink for contrast) */ :root[data-theme="yellow"] { --K-accent: #FFDD00; --K-accent-ink: #000000; } /* Green — accent swap (dark ink for contrast) */ :root[data-theme="green"] { --K-accent: #5FB514; --K-accent-ink: #FFFFFF; } /* Light — monochrome light (accent becomes ink) */ :root[data-theme="light"] { --K-base: #FFFFFF; --K-base-ink: #000000; --K-accent: #000000; --K-accent-ink: #FFFFFF; } /* Dark — inverted base/negative, monochrome accent */ :root[data-theme="dark"] { --K-base: #000000; --K-base-ink: #FFFFFF; --K-negative: #FFFFFF; --K-negative-ink: #000000; --K-accent: #FFFFFF; --K-accent-ink: #000000; }