Command: aura themes
The aura themes command provides flexible ways to manage your application's themes, whether you're using default themes or custom ones.
Adding Default Theme
This adds the default Aura theme configuration to your project.
Note: the aura init command, add all the default configuration. For mostly case the theme should be added.
Adding Custom Themes
Local Custom Theme
First, add your custom theme file to the public folder:
Using Aura themes
Actually is just the default but the command is the following:
Tip: Use the --local flag when you want to add themes directly from your project's public folder without running the Next.js server.
Generate Theme from Colors
The aura themes generate command allows you to convert your existing color files into a complete Aura theme configuration.
If you don't have the css files yet, read aura colors custom.
Setup
Place your color files in the public folder:
This command will:
- Read your color files
- Convert CSS variables to theme tokens
- Generate a complete theme.json
- Place it in your public folder