Theme
The Theme is the color palette applied to storefront search surfaces: Search Box, Results Page, Autocomplete, and related search UI.
Platform docs define where Theme appears in the admin. For PrestaShop, see Theme (PrestaShop).
Defaults and hex codes
Section titled “Defaults and hex codes”The Theme surface exposes six color pickers:
| # | English label | Color key | Default |
|---|---|---|---|
| 1 | Header color | text_header |
#2b2b2b |
| 2 | Main color | text_main |
#3a3a3a |
| 3 | Accent color | main_accent |
#121a4b |
| 4 | Button color | second_accent |
#a22d2d |
| 5 | Border color | border_color |
#cfcfcf |
| 6 | Background color | background_color |
#ffffff |
The practical first change is usually Accent color (main_accent).
Change the other tokens only when readability or theme matching requires
it.
What each color controls
Section titled “What each color controls”The six color tokens map to common storefront elements:
- Header color (
text_header) - section headers and title text. - Main color (
text_main) - body text, product names, suggestion labels, and descriptive text. - Accent color (
main_accent) - links, active states, selected options, and primary accent states. - Button color (
second_accent) - action buttons on search surfaces. - Border color (
border_color) - borders and dividers. - Background color (
background_color) - search surface backgrounds.
The mapping above is the product default. To remap a token to a different specific element, use custom CSS and the documented customization reference, not the Theme page alone.
What the Theme surface does not change
Section titled “What the Theme surface does not change”The Theme surface does not change:
- layout, block order, or result content;
- fonts, spacing, border radius, or shadows;
- relevance, synonyms, fields, or facets;
- the storefront theme outside the search UI.
For CSS beyond these six color pickers, see Technical Customization.
How a change reaches the storefront
Section titled “How a change reaches the storefront”Save updates the preview bundle. Shoppers see the new colors only after you publish the updated search bundle. A catalog reindex is not required.