js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 12:09:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
Cory LaViska
2023-09-14 11:45:18 -04:00
parent ef3575358e
commit 07f0884462
1 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
docs/_includes/sidebar.njk
View File

@@ -4,15 +4,14 @@
<ul>
<li><a href="/experimental/themer">Themer</a></li>
<li style="margin-top: .5rem;"><wa-switch id="theme-toggle">Dark mode</wa-switch></li>
<script>
document.getElementById('theme-toggle').checked = document.documentElement.classList.contains('wa-theme-default-dark');
<script type="module">
// Temporary dark toggle
const toggle = document.getElementById('theme-toggle');
toggle.checked = document.documentElement.classList.contains('wa-theme-default-dark');
// Quick hack to show light/dark themes
document.addEventListener('wa-change', event => {
if (event.target.closest('wa-switch') === document.getElementById('theme-toggle')) {
document.documentElement.classList.toggle('wa-theme-default-dark');
localStorage.setItem('theme', document.documentElement.classList.contains('wa-theme-default-dark') ? 'dark' : 'light')
}
toggle.addEventListener('wa-change', () => {
document.documentElement.classList.toggle('wa-theme-default-dark');
localStorage.setItem('theme', toggle.checked ? 'dark' : 'light');
});
</script>
</ul>