Blade Components uses Tailwind CSS for its default styling. If you already have Tailwind installed in your project, just add the following configuration to your tailwind.config.js config file:
Colors are managed trough the complimentary Blade Colors package. Blade Colors offers Tailwind CSS compatible, CSS variable based, color palettes. You will find the full documentation on the dedicated documentation page.
Blade Colors is automatically installed with Blade Components. After installation the @bladeColor directive needs be added to your layouts <head> section:
Blade Components implements the default primary color definition offered by Blade Colors for some of its components. You can customize this to your liking, for a detailed explanation please refer to the dedicated documentation page.