Certain parts of website can't be customized with color scheme

Shopify Discussion

Topic summary

Issue: In the Shopify Refresh theme, the Search and Customer pages aren’t matching the desired site-wide color scheme; the goal is consistent styling across all pages.

Guidance provided:

  • Use Theme settings to adjust colors and fonts where options exist; behavior depends on how the theme developer implemented styling.
  • If settings are missing or parts appear different, add custom code to override default styles.
  • Some pages may default to theme color tokens (background1, background2, accent1, accent2); configuring these can affect page appearance.
  • The custom CSS box can be used to set styles (examples given: {background-color: black;} and div {font-size: 50px;}).

Outcome/status: No confirmed fix reported. Suggestions focus on using theme settings and custom CSS overrides. Discussion remains open without a specific resolution.

Summarized with AI on January 2. AI used: gpt-5.
1

Hi everyone,

I’ve noticed that certain pages/areas of the websites can’t be customized with a color scheme. How do you go about making everyone one color scheme? I am currently creating a website with the refresh theme. For example the “Search” page and “customer” pages are different from the theme I want and I am wanting to change them so everything matches.

2

Hey @lulocreatives , It depends on the theme coding that how the theme developer implemented the logic. Usually you can adjust the styling like color, font etc from theme settings.

If you don’t find option there or the some parts of theme looks different then you can add custom code to manually overwrite the theme default styling.

Hope it’ll help you. If you still have any concerns please feel free to reach out to me.

Regards,

Osama Farooqi

3

some pages might default to the theme colors you set up such as: background1, background2, accent1, accent2

you can change anything and everything you want in the section by typing code into the custom css box. for example: {background-color: black;} or div {font-size: 50px;}