ThemeTheme settings
Colors
Set the shared color palette used by Sprocket Rocket modules.
Set the Primary, Secondary, and Tertiary brand colors, the Body Color and Headings Color for text, the link colors, Gradient One and Gradient Two, the page background (Body Bg), Borders, and the Utility Colors: Dark, Light, Danger, Warning, Info, and Success. Modules offer the brand and utility colors for buttons, text, and backgrounds. Use theme colors for repeated brand choices and module-level colors only for intentional exceptions.
Check text contrast, links, buttons, forms, and focus states after changing the palette. A color that works on a white page may not work on a dark module background.
Available settings
| Setting | Type | Notes |
|---|---|---|
| Primary | color | Used in modules for Button, Text and Background Colors |
| Secondary | color | Used in modules for Button, Text and Background Colors |
| Tertiary | color | Used in modules for Button, Text and Background Colors |
| Body Color | color | Default font color |
| Headings Color | color | Default font color for headings |
| Link Color | color | |
| Link Hover Color | color | |
| Link Visited Color | color | |
| Gradient One | gradient | |
| Gradient Two | gradient | |
| Body Bg | color | |
| Borders | color | |
| Utility Colors | 6 nested settings | Used in modules for Button, Text and Background Colors |