Your product site

Theming

Rebrand the whole app from one file. Set an accent color and the hover, focus and dark-mode shades are derived for you, so rebranding never touches a component.

• Tailwind CSS

What you get

• Presets: raptrx, orange, blue, violet, rose, emerald and amber
• Your own hex values and font stacks
• Corner radius from none to xl
• Light and dark mode

Turn it on

• appConfig.theme and appConfig.radius in config.ts

Where it lives

• config.ts
• lib/theme.ts