Fem temaer, én fargetone
Mørk, lys, rosa, blå og gul. Hele siden skifter karakter, men det er bare to tall som endres: fargetonene.
Designsystemet deles med resten av Kunstigflyt-porteføljen (concepts.kunstigflyt.no). Alle farger er definert i OKLCH og avledet av en hue per produkt. Dette nettstedet har syregrønn (128) som aksent og magenta (340) som motfarge.
«Sjokk»-temaene fra porteføljen er skrudd enda lenger opp her: høyere kroma, sterkere glød og mer korn. Valget lagres i nettleseren og settes før første maling, så det ikke blinker.
--accent: oklch(var(--a-l) var(--a-c) var(--hue));
--accent-2: oklch(calc(var(--a-l) - .12) calc(var(--a-c) + .02) var(--hue-2));I koden: app/globals.css · components/fx/ThemeSwitch.tsx