4 solution docs
Slab solution docs
Warm paper, black ink and a light slab serif. Hairlines instead of shadows, rust only as text.
Pick Slab and all 4 land in docs/solutions/slab/, next to the rules and skills that reference them.
Every Slab doc in the registry
Tags: accessibility · charts · css · dark-mode · dataviz · design-tokens · nextjs · react · shadcn · tailwind · tailwind-v4 · theming
A chart palette that survives dark mode
Six brand colours picked on white turn muddy or fluorescent on near-black. Define the series palette as tokens with two values each, assign them in order, and never let colour be the only encoding.
charts · dataviz · design-tokens · dark-mode
A dark mode toggle that works on a machine already set to dark
prefers-color-scheme and a .dark class fight over specificity and order. One extra :not() makes an explicit choice win in both directions, and one inline script kills the flash.
dark-mode · css · accessibility · nextjs
Pasting a shadcn component into a repo that renamed the tokens
shadcn components are written against variable names, not values. Publish those names alongside your own and a paste works unmodified: except for the ones you already claimed.
shadcn · tailwind · design-tokens · theming
Tailwind v4: your dark mode does nothing
Adding a .dark block that overrides your colour variables changes nothing if the utilities were generated with @theme instead of @theme inline. Here is the difference and the fix.
tailwind · tailwind-v4 · dark-mode · css