[DAWN Theme]All healines changed color from white to black

Store Design
,

Topic summary

A Shopify store owner using the Dawn theme experienced an issue where all headlines suddenly changed from white to black text overnight. Despite trying multiple solutions—including updating to Dawn v13.0.0, checking color scheme settings, and adding custom CSS—the problem persisted.

Root Cause Identified:
A community member discovered that the “Swym Back in Stock Alerts” app was injecting CSS that forced all h2 elements to display in black (html body h2 { color: #fff !important; }).

Resolution:

  • Uninstalling the Swym app immediately fixed the issue
  • Alternative solution provided: Add custom CSS to the theme to override the app’s styling, allowing the app to remain installed while preventing future conflicts with theme updates

The issue is now resolved, with the store’s headlines displaying correctly in white again.

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

Hi

All of my headlines have changed from white to black, and I cannot seem to change them back.
URL: www.dmasque.dk [PLEASE BE AWARE: We sell toys for adults!]

The issue:
Seemingly overnight, all headers on our shop changed from white to black.

Yesterday, it worked in Dawn vs 12.0.0 but today it did not.

Below I have a list of things I have tried already but I cannot seem to get them to go back to white.

I would be very grateful if anyone could solve this - preferably without coding, as it will go away once there’s a new update to the Dawn Theme.

Best,
Camilla

What I have tried:

  • Updating to vs. 13.0.0

  • Checking that all blocks have the correct colour scheme (They do, the text is set to #FFFFFF)

  • Adding the following to base.css (changes shown in green)

h1,
h2,
h3,
h4,
h5,
.h0,
.h1,
.h2,
.h3,
.h4,
.h5 {
font-family: var(–font-heading-family);
font-style: var(–font-heading-style);
font-weight: var(–font-heading-weight);
letter-spacing: calc(var(–font-heading-scale) * 0.06rem);
font-color: #FFFFFF; – Also tried: White and #ffffff
line-height: calc(1 + 0.3 / max(1, var(–font-heading-scale)));
word-break: break-word;
}

2

Hey @Camilla-dMasque ,

Do you have this app installed “Swym Back in Stock Alerts” ? That’s what’s causing the issue.

Here’s where I caught it. It’s styles by swym, and it sets the color black to all h2 elements.

ThePrimeWeb_0-1706794111003.png
ThePrimeWeb_0-1706794111003.png749Ă—151 14.7 KB

You can try to add this to see if it fixes the issue so you can keep the app if you need it. You can add this to the Theme’s Custom CSS if you want to so that it doesn’t go away with the updates.

html body h2 {
    color: #fff !important;
}
1 Like
3

hi @ThePrimeWeb ,

This is a seriously good catch! Thank you very much.
Also thank you for providing a solution to “saving” code from updates.

I just tried uninstalling the app and now everything looks like it’s supposed to.

Have a very lovely day,
Camilla

4

No worries @Camilla-dMasque ,

Enjoy your day as well! Good luck with the store :blush:

1 Like