Footer Widget Dark Theme style missing ^^ !

[CHABAL Gregory]

Hello 🙂 !

Just a little feedback :

I’m setting up the theme on my website, and I saw that the 3 or 4 bottom footer widget have no dark theme style defined. So it stay clear (it’s buggy in fact) ^^ !

You can see it here : https://ibb.co/Ypv7CFt

I’m also (re)programming a way to apply a negative filter on the logo when I’m in dark mode :p

Have a nice day !

Topic

[CHABAL Gregory]

I corrected that like this :

Dark.css :
body:where(.dark) #footer-ads { background: #141416; border-bottom: 1px solid #282828;}
body:where(.dark) #footer-widgets { background: #141416; border-bottom: 1px solid #282828;}

For my logo inverted colors :
Dark.css :
body:where(.dark) .site-title a svg {filter: invert(0);}

Style.css :
.site-title a svg {
filter: invert(1);
}

replace SVG by img if your logo is an image. Text should automagically already invert with Alexander’s code 🙂 !

Have a wonderfull day !

• This reply was modified 11 months, 2 weeks ago by CHABAL Gregory. Reason: Separated the code for invert logo

[Alexander Agnarson]

Thanks for sharing the fixes, I’ve applied them to 1.0.2.

Have a great day you too.

[Author]

Replies