How do I change the text in parallax to white when in dark mode (Theme Starlite)

Store Design
, , ,

Topic summary

A user needed help changing parallax section text to white when their Shopify store (Starlite theme) switches to dark mode. The text was remaining in its default color instead of adapting to the dark theme.

Solution provided:

  • Navigate to: Online Store → Theme → Edit Code
  • Locate the CSS file (base.css, theme.css, or style.css)
  • Add this code snippet at the end:
html[color-mode="dark"] .container.parallax-content p {
  color: #fff;
}

Outcome: The solution successfully resolved the issue. The CSS targets the parallax content paragraphs specifically when dark mode is active, forcing the text color to white (#fff).

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

I am using the starlite theme. When toggling to dark mode the text in the parallax section remains as per the sections standard. Is there a code I can use to adjust this to white text when in dark mode?

2

@MixiP Can you please share the store link with us so we can check this once issue?

We will help you on this.

Webcreto || Shopify Partner

WhatsApp: +91 9125530390

For additional discussions, reach out via: Email ID: webcreto@gmail.com

3

Hi,
Thank you for your assistance

Store link - https://sacredclouds.com/
Password - Thalel

4

@MixiP Please follow the below steps:-

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css file Add the provided code at the end of the file.

html[color-mode=“dark”] .container.parallax-content p {
color: #fff;
}

Webcreto || Shopify Partner

WhatsApp: +91 9125530390

For additional discussions, reach out via: Email ID: webcreto@gmail.com

5

Thank you this worked!

6

@MixiP Let us know if any query with us.