My store theme colors appear darker in preview.

TranquilUser
Visitor
2 0 0

How do I fix this? I've added background gradient and solid colors to my store but when I go into preview mode, all the colors are dark. Will it be like this for just the preview? I'm on mobile by the way.

Replies 4 (4)

iffikhan30
Shopify Partner
237 35 43

Drop here your website link

Custom theme and app [remix] expert.
Buy me a Coffee
Email: irfan.sarwar.khan30@gmail.com
Chat on WhatsApp
TranquilUser
Visitor
2 0 0

It's not public yet, but here is a link to the preview:

https://jz3yto5vi14vwx3h-59896561711.shopifypreview.com

iffikhan30
Shopify Partner
237 35 43

linked has been expired.

Custom theme and app [remix] expert.
Buy me a Coffee
Email: irfan.sarwar.khan30@gmail.com
Chat on WhatsApp

BSS-Commerce
Shopify Expert
3404 450 503

Hi @TranquilUser ,

I see in your preview that this CSS is not being applied:

body, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2 {
    color: rgba(var(--color-foreground), 0.75);
    background-color: rgb(var(--color-background));
}

Try copying the following line of code into the base.css file:

.share-button__button, .rte a, .product-form__submit, .product__view-details{
 color: unset!important;
}

Result:

view - 2024-01-08T094605.080.png 

Hope it works @TranquilUser 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development