Theming
To customize the theme of PHPXUI, you can modify the CSS variables in your project's stylesheet. Here are the key variables you can adjust:
By default, PHPXUI installs a starter theming configuration inside
./src/app/globals.css.
This file includes the Tailwind base imports and the Shadcn color schema tokens.
Customizing the Theme
PHPXUI is styled with Tailwind CSS and uses the Shadcn color schema for consistent component theming. You can easily modify the default design to match your branding by adjusting CSS variables.
Where to Customize
Open the file at:
src/app/globals.css
Inside this file, locate or add your :root selector and override the theme tokens as needed:
Dark Mode Support
Add a .dark block for dark theme overrides:
More Resources
For reference and live customization tools, explore the following: