Change checkout cart & notification emails accent color

Store Design
1

Hello!

I’m in the process of setting up a Shopify store and am unable to change the color of some elements. Namely:

  • The top-right cart button in the checkout

  • Buttons and links in notification emails

In both cases, a specific purple color is being used that I chose while setting up the Shopify store over a year ago. I put the project on ice and am only recently continuing with it.

I suspect this color was defined somewhere in the Shopify Admin UI that is no-longer accessible.

I can see from analyzing the checkout source code that the CSS variable being used is: --x-default-color-accent

I’ve tried:

  • Changing all colors accessible via the Shopify Admin UI (inc. in “Settings” > “Brand” & “Checkout” > “Colors”)

  • A different store theme

  • A new store as a test (where I can’t reproduce the issue)

I know there are probably some hacky ways to override the color of the affected elements (and I’ll do this as a last resort), but I’d prefer to get to the bottom of the issue and change the root source of the color (in case it’s used elsewhere in Shopify that I haven’t spotted yet).

Thanks very much in advance for any assistance!

James

checkout.png
checkout.png994×944 36.6 KB

emails.png
emails.png1456×1080 68.5 KB

2

Hi @scannables

Please share your store URL and password ( if any) also the name of the theme.

3

Thanks you @Team_OSC

Store URL: https://scannables.myshopify.com/

Password: scan2024

Theme: Dawn (although the issue is reproducible using other themes)

4

Do you want like this?

Screenshot 2024-06-18 102644.png
Screenshot 2024-06-18 102644.png1519×100 10.6 KB

5

i got the same issue check: https://community.shopify.com/c/shopify-design/checkout-color-issue/m-p/2626130#M689426

this is probably a bug in which when you change accent color you can not change it back for the whole checkout .. policy links and this stuff are remaining the same color please report this to shopify and let me know when you find a solution

6

Thanks @Kessarkess !

This bug seems to have been resolved by Shopify.

I’m now able to change the accent color in checkout settings and all expected elements are updated.