Change checkout cart & notification emails accent color

Solved

Change checkout cart & notification emails accent color

scannables
Tourist
3 1 0

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!

 

Jamescheckout.pngemails.png

Accepted Solution (1)
scannables
Tourist
3 1 0

This is an accepted solution.

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.

View solution in original post

Replies 5 (5)

Team_OSC
Shopify Partner
157 18 23

Hi @scannables 

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

scannables
Tourist
3 1 0

Thanks you @Team_OSC 

 

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

Password: scan2024

 

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

Team_OSC
Shopify Partner
157 18 23

Do you want like this?

Screenshot 2024-06-18 102644.png

 

Kessarkess
Excursionist
23 0 9

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

scannables
Tourist
3 1 0

This is an accepted solution.

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.