generate_theme
Create custom CSS themes for the Optics Design System by defining brand colors and generating complete setup instructions with proper token names.
Instructions
Generate a custom Optics theme with CSS variable overrides. Includes installation instructions for @rolemodel/optics via npm or CDN (jsDelivr/unpkg). Output includes complete setup guide with actual Optics token names.
Input Schema
TableJSON Schema
| Name | Required | Description | Default |
|---|---|---|---|
| brandName | Yes | Name of the brand/theme (e.g., "Acme Corp") | |
| primary | Yes | Primary brand color (hex, e.g., "#0066CC") | |
| secondary | No | Secondary color (hex, optional) |