Option to Disable Dark Mode Changing the Logo?

[Captain Planent]

Is there an option to disable dark mode from inverting my website’s logo? The logo matches the primary color I’ve chosen, and I’ve chosen colors that will look good in dark mode. But when I change the website to dark mode, it inverts the colors of my logo, so it doesn’t match the primary color. I’ve looked around in the theme settings, but I couldn’t find a way to disable this.

• This topic was modified 1 year, 3 months ago by Captain Planent.

Topic

[Alexander Agnarson]

Hi! Add this in Customize > Additional CSS:

.site-title a img,
.site-title a svg { filter: invert(0); }

[Captain Planent]

Hi, that did not fix it. I tried clearing my caches after as well

[Alexander Agnarson]

Hmm, can you try:

.site-title a img,
.site-title a svg { filter: invert(0)!important; }

Try force-refreshing the page by pressing CTRL+F5.

[Captain Planent]

That worked! Thanks for your fast replies 🙂

[Alexander Agnarson]

Great 🙂 Marking as resolved!

[Alexander Agnarson]

For people looking in this thread:

In the most recent update (1.0.3), there is now an option to disable inverted logo colors in Customize > Theme Options > Styling > Invert Dark Logo Color > ON / OFF

[Captain Planent]

Ignore. I reported bugs, but I just needed to clear my browser’s cache.

Thank you so much! You’re amazing!

• This reply was modified 1 year, 3 months ago by Captain Planent.

[CHABAL Gregory]

Ah ah I saw the new option to disable the Inverted logo in dark mode xD ! It’s really usefull for me, I removed my own script 🙂 !

[Author]

Replies