Theme Switcher
Usage
Browser
<script src="//unpkg.com/theme-switcher"></script>
<script>
var themeSwitcher = window.ThemeSwitcher({
themeMap: {
dark: '/dark.css',
default: '/default.css',
}
});
// => will load <link rel="prefetch" href="dark.css" />
// => will load <link rel="prefetch" href="default.css" />
themeSwitcher.switcher({
theme: 'dark',
});
// => will load <link rel="stylesheet" href="dark.css">
console.log(themeSwitcher.getTheme()); // => dark
</script>ES Module
import themeSwitcher from 'theme-switcher';
const { switcher, getTheme } = themeSwitcher({
themeMap: {
dark: '/dark.css',
light: '/default.css',
}
});
// => will load <link rel="prefetch" href="dark.css" />
// => will load <link rel="prefetch" href="default.css" />
themeSwitcher.switcher({
theme: 'dark',
});
// => will load <link rel="stylesheet" href="dark.css">
console.log(themeSwitcher.getTheme()); // => dark