# Kite solution docs

- [A chart palette that survives dark mode](https://agenticboilerplate.com/cookbook/kite/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.
- [A dark mode toggle that works on a machine already set to dark](https://agenticboilerplate.com/cookbook/kite/class-and-system-dark-mode-that-both-work): 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.
- [Pasting a shadcn component into a repo that renamed the tokens](https://agenticboilerplate.com/cookbook/kite/pasting-shadcn-components-into-your-own-token-names): 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.
- [Tailwind v4: your dark mode does nothing](https://agenticboilerplate.com/cookbook/kite/tailwind-v4-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.

---

Agentic Boilerplate: A Next.js repo your agent already knows. Free during launch, then $99 once.

- Site map for agents: https://agenticboilerplate.com/llms.txt
- Public API: https://agenticboilerplate.com/openapi.json
- Contact: agenticstudio@gmail.com