MyAppGurus Product Reviews app background turned black after coding

Topic summary

Issue: After customizing Dawn theme CSS to make pages (including policy pages) use a black background with white text, the change also altered the styling of the “MyAppGurus Product Reviews” app.

Details: CSS was added to base.css:

  • .shopify-policy__body, .shopify-policy__title h1, .shopify-policy__body h1, .shopify-policy__body h2 { color: white !important; }
  • main#MainContent { background: #000000 !important; }
    These selectors apply globally and affect embedded app content. The code snippet is central to understanding the issue.

Request: Guidance on modifying or relocating the CSS so the app’s UI is not impacted (e.g., scoping only to policy pages or excluding the app’s elements).

Status: No responses or solutions yet. The question remains open and unresolved.

Summarized with AI on December 25. AI used: gpt-5.

Hi!

I wanted to turn all pages (also policy pages) background in black and fonts in white.

I used this code and put it in the base.css file (using Dawn):

}
.shopify-policy__body, .shopify-policy__title h1, .shopify-policy__body h1, .shopify-policy__body h2 {
color: white !important;
}
main#MainContent {
background: #000000 !important;
}

This change is also affecting the Review App I am using - “MyAppGurus Product Reviews”.

Any suggestion how I can change the code or put it somewhere else to not affect the app?

Thank you in advance! :slightly_smiling_face: