Colors theme settings
Define the color schemes used by sections and blocks.
Where to find it: in the theme editor, select the Theme settings icon in the left toolbar, then open Colors.
Settings
Section titled “Settings”The Default column shows the value each theme starts with. Pick your theme in the top bar to see only yours.
Each scheme is a flat color block. Give neighboring sections different schemes for the bold stacked look.
Color scheme roles
Section titled “Color scheme roles”Each color scheme defines these colors. Sections and blocks pick a scheme, so changing a color here updates everything that uses it.
| Setting | Type | Default | Options | Notes |
|---|---|---|---|---|
| Background | Color | #FFF4E0 | ||
| Text | Color | #1C0B06 | ||
| Accent | Color | #FF4B1F | Colors large text, icons and graphics. Adjusts automatically where it would be hard to see on the background. | |
| Text on accent | Color | #1C0B06 | Colors text on badges, counts and highlights that use the accent color as a fill. Adjusts automatically when the contrast is too low. | |
| Button | Color | #FF4B1F | ||
| Button label | Color | #1C0B06 |