Skip to content

README.md

Latest commit

 

History

History
23 lines (16 loc) · 1.22 KB

README.md

File metadata and controls

23 lines (16 loc) · 1.22 KB

🌙 Theme Switch script for Bootstrap v5.3


See the script in action, animations and everything else can be customized, you just need a basic knowledge of JavaScript.

Installation 🔧

  1. Start by putting the latest Bootstrap on your site.

  2. Then add my script to the site. It should come at the end of the body, behind the Bootstrap script.

<script src="https://cdn.jsdelivr.net/gh/danielsebesta/bootstrap-theme-switch@main/theme-switch.min.js" integrity="sha384-eHEyolGs5+4+fpMEEcNsT22uT/gvfdbYi7ILP66pDf3JIDHcinTASicxy7BS9RFC" crossorigin="anonymous"></script>
  1. Now put this button somewhere in your code to make it work.
<button id="theme-toggler" class="btn btn-secondary">🌞</button>
  1. You're done! Now enjoy a simple dark theme switch.




I created this script because I was very confused by the Bootstrap docs and wanted to make something very simple and functional for others right out of the box. There is also a version written directly by the Bootstrap team, which you can find in the source code of their Example pages.