Dark layout
No need to change any js or scss files.
If you want to change layout to dark mode you need to add dark-only class with your
body tag
let darkMode
isDarkMode.subscribe((value) => {
darkMode = value;
});
$: darkMode ? document.body.classList.add("dark-only") : document.body.classList.remove("dark-only");
<div class="mode" on:click={toggle} >
{@html SvgIcon["moon"]}
</div>Javascript To Toggle Dark mode
function toggle() {
isDarkMode.update(value => value = !value)
}
Dark layout page
