Theme settings — Colors
config/settings_schema.json
General
| Setting | ID | Type | Default | Notes |
|---|
| Background | color_body_bg | color | #ffffff | — |
| Text | color_body_text | color | #1c1d1d | — |
| Price | color_price | color | #1c1d1d | — |
| Save price | color_savings_text | color | #ff4e4e | — |
| Lines and borders | color_borders | color | #1c1d1d | — |
| Buttons | color_button | color | #1c1d1d | — |
| Button text | color_button_text | color | #ffffff | — |
| Sale tags | color_sale_tag | color | #1c1d1d | — |
| Sale tag text | color_sale_tag_text | color | #ffffff | — |
| Cart dot | color_cart_dot | color | #ff4f33 | — |
| Image background | color_small_image_bg | color | #ffffff | — |
| Image section background | color_large_image_bg | color | #1c1d1d | Displays behind images while they load |
Header
| Setting | ID | Type | Default | Notes |
|---|
| Background | color_header | color | #ffffff | — |
| Text | color_header_text | color | #000000 | — |
| Announcement bar | color_announcement | color | #1c1d1d | — |
| Announcement bar text | color_announcement_text | color | #ffffff | — |
Footer
| Setting | ID | Type | Default | Notes |
|---|
| Background | color_footer | color | #111 | — |
| Text | color_footer_text | color | #ffffff | — |
Menu and cart drawers
| Setting | ID | Type | Default | Notes |
|---|
| Background | color_drawer_background | color | #1c1d1d | — |
| Text | color_drawer_text | color | #ffffff | — |
| Lines and borders | color_drawer_border | color | #343535 | — |
| Buttons | color_drawer_button | color | #a26b25 | — |
| Button text | color_drawer_button_text | color | #ffffff | — |
| Mobile menu title | mobile_menu_header_title | text | Menu | — |
| Mobile header color | color_mobile_menu_header | color | #f5f5f5 | — |
| Overlays | color_modal_overlays | color | #000000 | — |
Image treatment
Used on slideshows, video heroes, promo grid, and collection headers
| Setting | ID | Type | Default | Notes |
|---|
| Text | color_image_text | color | #ffffff | — |
| Overlay | color_image_overlay | color | #000000 | — |
| Overlay opacity | color_image_overlay_opacity | range | 10 | Range 0–100 %, step 1 |
| Text shadow amount | color_image_overlay_text_shadow | range | 30 | Range 0–60 %, step 1 |