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

Post Reply
niceguy
Jr. Bludit
Posts: 7
Joined: Thu Oct 29, 2020 1:51 pm

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!
lodria
Master Bludit
Posts: 151
Joined: Wed Jan 29, 2020 8:32 pm
Has thanked: 27 times
Been thanked: 10 times

Thanks
meagainsttheweb
Jr. Bludit
Posts: 4
Joined: Sun Jan 17, 2021 10:14 pm

Oh yeah! That's something I already fall in love with :D
User avatar
diego
Site Admin
Posts: 773
Joined: Sat May 16, 2015 2:53 pm
Been thanked: 1 time
Contact:

Looks good, I will take a look deeper
User avatar
jmonroe
Sr. Bludit
Posts: 38
Joined: Mon Feb 22, 2016 8:06 am
Location: USA
Contact:

Looks good. Nicely done
Jeremy Monroe
I Support Bludit via Patreon
Post Reply