What's In The Kit?

script.js Probably the most important file in the kit. Controls the light/dark change but also remembers the mode preference of the user. This file must be present in the same folder as the web page being accessed.

demo.css Style sheet defines the web page layout and the color settings for the page elements in light and dark mode.

navbar.css Style sheet for the Toggle Button (#theme-toggle) and the sample navbar which is 3 tier functional.

toggle-demo.html Web page that pulls everything together.
This code displays the Toggle Button:
<button id="theme-toggle">🌗</button> </p>