Page 1 of 1

Easy way to add a Dark Mode Theme Switch [Tip]

Posted: Thu Jan 21, 2021 1:23 pm
by niceguy
Hi!

Today I wanna share a tool called "Dark Mode Switch" :

https://coliff.github.io/dark-mode-switch/index.html

or:

https://github.com/coliff/dark-mode-switch

I've made a test in one of my blogs:

http://www.leituras.casa/blog/a-existencia-de-amy/

I think it is very easy to use: I just needed to duplicate the original CSS file of my theme, and rename it to dark-mode.css ; Then, I changed some values in this last CSS. Don't forget to add this flag at the beginning of each option:

[data-theme="dark"]

A great day for everybody!

Alexandre, Nice Guy!
:D

PS: Sorry for my english!

Re: Easy way to add a Dark Mode Theme Switch [Tip]

Posted: Thu Jan 21, 2021 1:43 pm
by lodria
Thanks

Re: Easy way to add a Dark Mode Theme Switch [Tip]

Posted: Fri Jan 22, 2021 9:04 pm
by meagainsttheweb
Oh yeah! That's something I already fall in love with :D

Re: Easy way to add a Dark Mode Theme Switch [Tip]

Posted: Sat Jan 23, 2021 10:35 pm
by diego
Looks good, I will take a look deeper

Re: Easy way to add a Dark Mode Theme Switch [Tip]

Posted: Mon Mar 29, 2021 2:29 pm
by jmonroe
Looks good. Nicely done