Colors
Where: Theme Options → Colors
Global palette
| Option |
Type |
Default |
Details |
| Palette |
Items |
— |
Shown as swatches in every color picker, the builder and the block editor. Colors set to a palette swatch follow it when you change it here. Each item: Name, Slug, Color. |
General
| Option |
Type |
Default |
Details |
| Body background |
Color |
#ffffff |
|
| Content background |
Color |
palette:white |
|
| Text |
Color |
palette:text |
|
| Muted text |
Color |
#656c79 |
|
| Headings |
Color |
palette:secondary |
|
| Link |
Color |
palette:primary |
|
| Link hover |
Color |
— |
|
| Borders |
Color |
#e5e7eb |
|
| Light background areas |
Color |
palette:light |
|
| Text selection background |
Color |
palette:primary |
|
| Text selection color |
Color |
#ffffff |
|
| Option |
Type |
Default |
Details |
| Header background |
Color |
palette:white |
|
| Header text |
Color |
— |
|
| Menu link |
Color |
palette:secondary |
|
| Menu link hover |
Color |
palette:primary |
|
| Current menu item |
Color |
palette:primary |
|
| Current menu item background |
Color |
— |
|
| Submenu background |
Color |
palette:white |
|
| Submenu link |
Color |
palette:secondary |
|
| Submenu link hover |
Color |
palette:primary |
|
| Sticky header background |
Color |
— |
|
| Sticky header menu link |
Color |
— |
|
| Transparent header menu link |
Color |
#ffffff |
|
| Action bar background |
Color |
palette:secondary |
|
| Action bar text |
Color |
rgba(255, 255, 255, 0.8) |
|
| Action bar link |
Color |
#ffffff |
|
| Mobile menu background |
Color |
palette:white |
|
| Mobile menu link |
Color |
palette:secondary |
|
| Page overlay behind the mobile menu |
Color |
rgba(11, 27, 63, 0.5) |
|
| Menu button icon |
Color |
— |
|
| Option |
Type |
Default |
Details |
| Background |
Color |
palette:light |
|
| Title |
Color |
palette:secondary |
|
| Breadcrumb text |
Color |
#656c79 |
|
| Breadcrumb link |
Color |
palette:primary |
|
| Image overlay |
Color |
— |
|
Content & sidebar
| Option |
Type |
Default |
Details |
| Sidebar widget background |
Color |
— |
|
| Widget title |
Color |
— |
|
| Widget link |
Color |
— |
|
| Blockquote border |
Color |
palette:primary |
|
| Code background |
Color |
palette:light |
|
| Table striped rows |
Color |
palette:light |
|
| Image frame overlay |
Color |
rgba(11, 27, 63, 0.6) |
|
| Post meta |
Color |
#656c79 |
|
| Post card background |
Color |
palette:white |
|
| Pagination background |
Color |
— |
|
| Current page |
Color |
palette:primary |
|
| Option |
Type |
Default |
Details |
| Background |
Color |
palette:secondary |
|
| Text |
Color |
rgba(255, 255, 255, 0.75) |
|
| Headings |
Color |
#ffffff |
|
| Link |
Color |
#ffffff |
|
| Link hover |
Color |
palette:accent |
|
| Copyright bar background |
Color |
— |
|
| Copyright bar text |
Color |
— |
|
| Back to top background |
Color |
palette:primary |
|
| Back to top icon |
Color |
#ffffff |
|
| Option |
Type |
Default |
Details |
| Primary button background |
Color |
palette:primary |
|
| Primary button text |
Color |
#ffffff |
|
| Primary button hover background |
Color |
— |
|
| Primary button hover text |
Color |
#ffffff |
|
| Secondary button background |
Color |
palette:secondary |
|
| Secondary button text |
Color |
#ffffff |
|
| Secondary button hover background |
Color |
palette:primary |
|
| Secondary button hover text |
Color |
#ffffff |
|
| Header action button background |
Color |
palette:primary |
|
| Header action button text |
Color |
#ffffff |
|
| Option |
Type |
Default |
Details |
| Field background |
Color |
#ffffff |
|
| Field text |
Color |
palette:text |
|
| Field border |
Color |
#d1d5db |
|
| Field border on focus |
Color |
palette:primary |
|
| Placeholder |
Color |
#9ca3af |
|
| Label |
Color |
— |
|
| Checkbox and radio |
Color |
palette:primary |
|
| Error |
Color |
#b91c1c |
|
| Success |
Color |
#15803d |
|
Shop
Used by the WooCommerce templates.
| Option |
Type |
Default |
Details |
| Price |
Color |
palette:secondary |
|
| Sale price |
Color |
#b91c1c |
|
| Old price |
Color |
#9ca3af |
|
| Sale badge background |
Color |
#b91c1c |
|
| Sale badge text |
Color |
#ffffff |
|
| "New" badge background |
Color |
palette:accent |
|
| Star rating |
Color |
#f59e0b |
|
| Out of stock |
Color |
#656c79 |
|
| Success notice |
Color |
#15803d |
|
| Error notice |
Color |
#b91c1c |
|
| Info notice |
Color |
palette:primary |
|
Dark mode
| Option |
Type |
Default |
Details |
| Dark mode |
On / off |
Off |
Visitors get a dark version of the site that follows their system setting, plus a toggle button. Their choice is remembered in their browser. |
| Follow the visitor's system setting |
On / off |
On |
|
| Show the toggle in |
Several choices |
Header, Mobile menu |
Choices: Header · Action bar · Mobile menu · Floating button. |
| Logo for dark mode |
Image |
— |
|
| Body background |
Color |
#0b1220 |
|
| Content background |
Color |
#111a2e |
|
| Text |
Color |
#d6dbe5 |
|
| Muted text |
Color |
#8e99ad |
|
| Headings |
Color |
#f3f5f9 |
|
| Link |
Color |
#6e9bff |
|
| Borders |
Color |
#24304a |
|
| Light background areas |
Color |
#16213a |
|
| Header background |
Color |
#0f1729 |
|
| Menu link |
Color |
#d6dbe5 |
|
| Submenu background |
Color |
#16213a |
|
| Submenu link |
Color |
#d6dbe5 |
|
| Subheader background |
Color |
#111a2e |
|
| Subheader title |
Color |
#f3f5f9 |
|
| Post card background |
Color |
#111a2e |
|
| Footer background |
Color |
#070c18 |
|
| Field background |
Color |
#0f1729 |
|
| Field text |
Color |
#d6dbe5 |
|
| Field border |
Color |
#2c3a57 |
|
| Mobile menu background |
Color |
#0f1729 |
|
| Option |
Type |
Default |
Details |
| Sliding Top background |
Color |
palette:secondary |
|
| Sliding Top text |
Color |
rgba(255, 255, 255, 0.8) |
|
| Sliding Top link |
Color |
#ffffff |
|
| Sliding Top opener |
Color |
palette:secondary |
|
| Cookie notice background |
Color |
palette:secondary |
|
| Cookie notice text |
Color |
#ffffff |
|
| Popup contact button |
Color |
palette:primary |
|
| Popup contact panel |
Color |
palette:white |
|
| Love button |
Color |
#9ca3af |
|
| Love button (loved) |
Color |
#e11d48 |
|
| Reading progress bar |
Color |
palette:primary |
|
| Preloader background |
Color |
palette:white |
|
| Preloader accent |
Color |
palette:primary |
|