Theming
Theming uses CSS-variable token sets in
packages/webapp/src/styles/globals.css, managed by the shadcn CLI. Theme
presets change tokens, not component implementations.
- Single Tailwind entry:
packages/webapp/src/styles/globals.css. - Generated primitives live in
packages/uiand are scanned via@source '../../../ui/src'. - Toggle dark mode with the
.darkclass (seelib/theme.tsx).
Apply a preset from the webapp:
pnpm --filter @caly/webapp theme:apply -- --preset <PRESET_CODE>
Keep style, baseColor, iconLibrary, and Tailwind settings identical
between packages/webapp/components.json and packages/ui/components.json.