DEV Community

Cover image for Dark Mode in CSS (toggle)

Dark Mode in CSS (toggle)

Ritvik Dubey on October 11, 2020

Hey all this article is about Dark mode and light mode toggle switch in CSS, we will discuss dark mode implementation in CSS in detail. Yes you can...
Collapse
 
curlmuhi profile image
Ekta Maurya

Amazing article👌💯
And your "I'm broken" Pen was amazing😍🤩

Collapse
 
ritvikdubey27 profile image
Ritvik Dubey

Thank you so much Ekta😇❤️

Collapse
 
sendy profile image
Sandeep

I used invert but only to invert logos etc whenever there was dark background behind. But never thought about trying Theming using Invert.

Amazing. Thanks for sharing :)

Collapse
 
ritvikdubey27 profile image
Ritvik Dubey

Thank you I'm glad you found it helpful😇

Collapse
 
ozakaran profile image
🆖 Karan Oza

Great article Ritvik...
Keep going

Collapse
 
ritvikdubey27 profile image
Ritvik Dubey

Thank you so much brother😇

Collapse
 
braydentw profile image
Brayden W ⚡️ • Edited

Great article! Do you have any ideas on how to implement with TailwindCSS classes?

Collapse
 
ritvikdubey27 profile image
Ritvik Dubey

Thank you 😇 sorry no idea, I haven't tried Tailwind CSS yet😐 But I think if there is a way you can customize it then you can do it.

Collapse
 
braydentw profile image
Brayden W ⚡️

Good to know. Thanks again :D

Collapse
 
trap_introvert profile image
Adedamola Adeniyi

Wow!!

Collapse
 
ritvikdubey27 profile image
Ritvik Dubey

Thanks 🙌😀

Collapse
 
zhiyueyi profile image
Zhiyue Yi

This is so nice!! Thank you!!

Collapse
 
ritvikdubey27 profile image
Ritvik Dubey

Thank you for reading. Hope you found it helpful😇

Collapse
 
tomavelev profile image
Toma • Edited

Very cool and optimal. It's still in a W3C draft but, implementers are faster than standardizers. The list of features will expand: drafts.fxtf.org/filter-effects/#fu...

Collapse
 
ritvikdubey27 profile image
Ritvik Dubey

Okay I'll check it🙌😀
Thank you 😊

Collapse
 
abdieldev profile image
Abdiel Ortega

Great work!

Collapse
 
ritvikdubey27 profile image
Ritvik Dubey

Thank you 😇

Collapse
 
ritvikdubey27 profile image
Ritvik Dubey

Thank you so much Shadow😇❤️. Yeah for sure next series will be awesome🙌🤩

Collapse
 
andrewbaisden profile image
Andrew Baisden

Wow nice very cool.

Collapse
 
ritvikdubey27 profile image
Ritvik Dubey

Thank you 😇

Collapse
 
rrz profile image
Rafael Ramos • Edited

Simple and well explained, really nice article, Thanks!

Collapse
 
ritvikdubey27 profile image
Ritvik Dubey

Thank you so much 😇

Collapse
 
ljcdev profile image
ljc-dev

Very interesting post 😀, never heard of invert before, saving it for it later 👌.

Collapse
 
ritvikdubey27 profile image
Ritvik Dubey

Thank you so much JC😇 yeah invert helps a lot.!!

Collapse
 
ozobianwadibia profile image
Ozobia Nwadibia

Does the new theme persist after you refresh the page? I couldn't try this as I was viewing your work on a mobile device.

Collapse
 
king11 profile image
Lakshya Singh

Amazing article 🎊

Collapse
 
ritvikdubey27 profile image
Ritvik Dubey

Thank You😇

Collapse
 
suweya profile image
weiyang.su

very interesting

Collapse
 
ritvikdubey27 profile image
Ritvik Dubey

Thank you 🙌😀

Collapse
 
parascode007 profile image
Paras-code-007

Nice!!
That would help me a lot in future projects

Collapse
 
lanrewaju profile image
Lanre Fagbeyiro

Incredible!!!

Collapse
 
Sloan, the sloth mascot
Comment deleted