Is there a way to change the color of the lightbox background in dawn when you open a product image?

[environmentalPa]

https://environmentalpartners.com.au/products/natural-cleaning-set This is what my product looks like when I open it. I want to influence the background color where I've marked X.

Regards.

[TheScriptFlow]

Paste this code in the end of base.css file.

Here is how you can find base.css file.

Go to Shopify Admin > Online Store > Edit Code > base.css

.product-media-modal__content.color-scheme-1.gradient {
    background: green;
}

I apply the green color. You can apply any color that you want.

Results:

[environmentalPa]

Hi, yea I managed that but mobile it only surrounds tiny bit around the image not the space above and below it. Weirdly. 

[TheScriptFlow · Accepted solution]

Try to paste this code.

.product-media-modal__content{
    background: red;
}
.product-media-modal__dialog.color-scheme-1.gradient {
    background: red;
}

Make sure both of the classe must have the same color.

[environmentalPa]

It worked. Cheers! Thank you! appreciate your prompt reply!

[TheScriptFlow]

You are most welcome 😃.