LukeParke/unicorn-utterances
1
0
Fork 0
mirror of https://github.com/LukeHagar/unicorn-utterances.git synced 2025-12-06 12:57:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: migrate many of our interactive scripts to defer

Browse Source
This commit is contained in:
Corbin Crutchley
2022-09-25 05:50:52 -07:00
parent 51a4ad0fda
commit b5058b458a
9 changed files with 227 additions and 199 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
public/scripts/themetoggle.js Normal file
View File

@@ -0,0 +1,28 @@
/* AFTER CHANGING THIS FILE, PLEASE MANUALLY MINIFY IT AND PUT INTO tabs.min.js */
const COLOR_MODE_STORAGE_KEY = "currentTheme";
const themeToggleBtn = document.querySelector('#theme-toggle-button');
const darkIconEl = document.querySelector('#dark-icon');
const lightIconEl = document.querySelector('#light-icon');
function toggleButton(theme) {
themeToggleBtn.ariaPressed = `${theme === 'dark'}`;
if (theme === 'light') {
lightIconEl.style.display = null;
darkIconEl.style.display = 'none';
} else {
lightIconEl.style.display = 'none';
darkIconEl.style.display = null;
}
}
// TODO: Migrate to `classList`
const initialTheme = document.documentElement.className;
toggleButton(initialTheme);
themeToggleBtn.addEventListener('click', () => {
const currentTheme = document.documentElement.className;
document.documentElement.className = currentTheme === 'light' ? 'dark' : 'light';
// TODO: Persist new setting
const newTheme = document.documentElement.className;
toggleButton(newTheme);
localStorage.setItem(COLOR_MODE_STORAGE_KEY, newTheme)
})