Syntax
<link rel="alternate stylesheet" type="text/css" href="alt.css" title="Dark" />
<button onclick="setTheme();">Light</button> <button onclick="setTheme('Dark');">Dark</button>
<script type="text/javascript"> function setTheme(name) { var links = document.getElementsByTagName("link"); for (var link, i = links.length - 1; i >= 0; i--) { link = links[i]; if (link.getAttribute("rel").indexOf("alternate stylesheet") !== -1) { link.disabled = true; if (link.getAttribute("title").indexOf(name) !== -1) { link.disabled = false; } } } } </script>
Example
Light
Dark