4 solution docs
Cobalt solution docs
White canvas, black type and one electric blue. Mono labels, hairline bar maps and no shadows.
Pick Cobalt and all 4 land in docs/solutions/cobalt/, next to the rules and skills that reference them.
Every Cobalt 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