Each theme has a dark and a light mode. Click a card to try it here, or make your own.
ink
Near-black with a hint of blue.
fluorokit/themes/ink.cssblueberry
Saturated blue.
fluorokit/themes/blueberry.csstwilight
Deep violet.
fluorokit/themes/twilight.csscobalt
Bright blue, closest to a Windows 8 Start screen.
fluorokit/themes/cobalt.csscatppuccin
Catppuccin Mocha and Latte with a pink accent.
fluorokit/themes/catppuccin.csszune
Neutral greys, magenta to orange, set in Selawik.
fluorokit/themes/zune.cssModes
Each theme also ships as .shadcn.css (with shadcn’s variable names) and .scoped.css (under [data-fk-theme], for more than one theme on a page).
<html> <!-- follows the OS setting -->
<html class="dark"> <!-- or force a mode -->
<html data-theme="teflon"> <!-- or name it -->Colors
Every theme defines these. Each is --fk-<name>.
basepagemantlerecessed: code, cardsdeepdeepest recessraisedraised fillslinerules and bordersoverlayfaint texttexttextmutedsecondary textaccentunderlines, current itembar-startenergy barfocusfocus ringcontrol-borderinput bordersstatus-okokstatus-warnwarningstatus-errorerrorstatus-infoinfo