🌓 Dark Mode Switch
Add a dark-mode theme toggle with a Bootstrap Custom Switch.
- Uses local storage to save preference
- Only 230 Bytes minified and gzipped!
Usage
- Add your custom switch for the Dark Mode toggle:
Dark Mode
- Load
dark-mode-switch.min.js
at the foot of your page:
- Edit the
dark-mode.css
to suit your site - the one included here is a very basic example.
How it works
Turning dark mode on will add data-theme="dark"
to the body
tag. You can use CSS to target the elements on the page like so:
[
Demo
Browser Support
Works well with all the browsers supported by Bootstrap
Credits
Created thanks to the excellent dark-theme and local storage tutorials over at codyhouse.co.