Theme.jS

setup

Download this repositry

<link rel="stylesheet" href="./main.css">
<script src="./theme.js"></script>
<script>
  // use simple
  var theme = new theme()

  // add theme
  var theme2 = new theme(['default', 'theme2'])
</script>

:root[theme="light"] {
  --bgcolor: #f8f9fa;
  --textcolor: #343a40;
}
:root[theme="dark"] {
  --bgcolor: #343a40;
  --textcolor: #f8f9fa;
}
:root[theme="theme2"] {
  --bgcolor: #00b1ae;
  --textcolor: #495057;
}

body {
  background-color: var(--bgcolor);
  color: var(--textcolor);
}

please see demo

demo URL

LICENSE

This software is released under the MIT License, see LICENSE.txt.