Theme Configuration
Configure the Web app's shadcn CSS tokens, Base UI component baseline, and generated presets
Web Theme Configuration
The Web app uses Base UI components with the default shadcn/ui light and dark tokens in apps/web/src/styles/index.css. There is no custom theme-preset picker.
Light / Dark Mode
Users can switch Light, Dark, or System from the theme toggle in the header. The choice is stored in localStorage and applied as a .light or .dark class on <html>.
Default colors live in :root (light) and .dark (dark). Keep the @theme inline block so Tailwind classes such as bg-background and text-foreground stay mapped.
Change the Default Colors
If you need a different palette, edit the CSS variables in apps/web/src/styles/index.css for both :root and .dark. Do not add a runtime preset system.