Choose an accent color and copy the CSS variables to your project. Perfect for Flux UI.
@theme {
--color-accent: var(--color-purple-500);
--color-accent-content: var(--color-purple-600);
--color-accent-foreground: var(--color-white);
}
@layer theme {
.dark {
--color-accent: var(--color-purple-500);
--color-accent-content: var(--color-purple-300);
--color-accent-foreground: var(--color-white);
}
}
How to use this
Paste the code into your resources/css/app.css file, after the Flux CSS import.