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

bash
aura themes add 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:

bash
your-project/
├── public/
│   └── custom-theme.json
bash
# Using --local flag with your theme name
aura themes add custom-theme --local

# Or specify a different name
aura themes add my-brand-theme --local

Using Aura themes

Actually is just the default but the command is the following:

bash
aura themes add custom-theme

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:

bash
your-project/
├── public/
│   ├── accent.css
│   ├── gray.css
│   └── background.css

This command will:

  • Read your color files
  • Convert CSS variables to theme tokens
  • Generate a complete theme.json
  • Place it in your public folder
Command: aura themes | Aura Design System