Customize Pure UI's design system with CSS variables and global styles
Theming allows you to maintain a consistent look and feel across your application.
Pure UI uses CSS variables for theming. You can customize everything from colors to component styles using standard CSS.
Pure UI's theming system is built on top of Tailwind CSS v4's theme. When you import tailwindcss, it:
--color-neutral-*)@theme directive for organizationThe system follows a simple naming pattern:
--accent)--foreground are for text on that background (e.g., --accent-foreground)<div className="bg-accent text-accent-foreground">Hello</div>