Skip to content

🌚🌞 A Toggle between Day and Night mode using a framework called Darkmode.js

License

Notifications You must be signed in to change notification settings

TechLead-21/Web-DayKnightToggle-2

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

6 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Web-DayKnightToggle-2

🌚🌞 A Toggle between Day and Night mode using a framework called Darkmode.js

πŸ‘€ Darkmode.Js

πŸŒ“ Add a dark-mode / night-mode to your website in a few seconds

This library uses the css mix-blend-mode in order to bring Dark-mode to any of your websites. Just copy paste the snippet and you will get a widget to turn on and off the dark-mode. You can also use it without the widget programmatically. The plugin is lightweight, built in VanillaJS. It also uses localstorage by default so your last setting will be remembered !


Usage

🚩 How To Use Easy way (using the JSDelivr CDN) Just add this code to your html page:

<script src="https://cdn.jsdelivr.net/npm/darkmode-js@1.3.4/lib/darkmode-js.min.js"> </script>

Initiate

<script> new Darkmode().showWidget(); </script>

official Links

🧐 For more Documentation Visit their official website. πŸ‘‰ Darkmode.js

About

🌚🌞 A Toggle between Day and Night mode using a framework called Darkmode.js

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published