2021-01-26 21:10:05 +00:00
|
|
|
<script>
|
|
|
|
let icon = "brightness_low";
|
|
|
|
let text = "Dark Mode";
|
|
|
|
|
|
|
|
function toggleMode() {
|
|
|
|
if(window.document.body.getAttribute("data-theme") != "dark") {
|
|
|
|
window.document.body.setAttribute("data-theme","dark");
|
|
|
|
icon = "brightness_high";
|
|
|
|
text = "Light Mode"
|
|
|
|
} else {
|
|
|
|
window.document.body.setAttribute("data-theme","light");
|
|
|
|
icon = "brightness_low";
|
|
|
|
text = "Dark Mode"
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
|
2021-07-10 17:55:19 +00:00
|
|
|
<div class="menu__item menu--dark-mode" on:click={toggleMode}>
|
2021-04-22 13:35:13 +00:00
|
|
|
<i class="menu__icon material-icons md-24">{icon}</i>
|
2021-01-26 21:10:05 +00:00
|
|
|
<p class="menu__text">{text}</p>
|
|
|
|
</div>
|