Fulldev UI follows the same CSS variable and semantic token model as shadcn/ui.
Keep component styling on tokens such as background, foreground, primary,
muted, border, and ring instead of hard-coded colors.
Where to make changes
Start from the copied src/styles/global.css baseline. Update values in
:root and .dark, and keep the @theme inline mappings in place so Tailwind
utilities like bg-background, text-foreground, and border-border keep
working across all installed components.
Tokens to keep in sync
Most projects only need to tune the core surface and action tokens, the sidebar
tokens, and --radius. Changing those values is usually enough to make buttons,
cards, inputs, overlays, and navigation feel cohesive without rewriting
component classes.
Dark mode
If you use the included ThemeToggle, render ThemeProvider in your
document <head> so the saved theme or system preference is applied before the
page paints.
For deeper token guidance, use the official shadcn/ui theming docs and dark mode docs as the reference.