@andreasrisager/darkmode

MAKE YOUR WEBSITE CHANGE BETWEEN DARK MODE OR LIGHT MODE WITH LOCALSTORAGE

Usage no npm install needed!

<script type="module">
  import andreasrisagerDarkmode from 'https://cdn.skypack.dev/@andreasrisager/darkmode';
</script>

MAKE YOUR WEBSITE CHANGE BETWEEN DARK MODE OR LIGHT MODE WITH LOCALSTORAGE

Install with npm i @andreasrisager/darkmode

import darkMode from "./node_modules/@andreasrisager/darkmode/index.js";

darkMode();

<label class="theme-switch" for="darkmode">
    <input type="checkbox" id="darkmode">
    Dark Mode
</label>

<script type="module" src=""></script>

[data-theme="dark"] {
    color: #e9e9e9;
    background-color: #1E1E1E;
}

MIT