cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: persistent theme toggle; color revisions

Browse source
This commit is contained in:
Cory Dransfeldt 2024-02-15 13:11:18 -08:00
parent cbb71f017b
commit 06777d78af
No known key found for this signature in database
4 changed files with 48 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/assets/scripts/index.js
View file

@ -52,15 +52,19 @@ if (window.location.hostname !== 'localhost') {
document.body.classList.toggle('theme__dark');
} else if (currentTheme === 'light') {
document.body.classList.toggle('theme__light');
} else if (prefersDarkScheme) {
document.body.classList.toggle('theme__dark');
} else if (!prefersDarkScheme) {
document.body.classList.toggle('theme__light');
}
btn.addEventListener('click', () => {
console.log(prefersDarkScheme)
document.body.classList.toggle('theme__light');
document.body.classList.toggle('theme__dark');
if (prefersDarkScheme) {
document.body.classList.toggle('theme__light');
theme = document.body.classList.contains('theme__light') ? 'light' : 'dark';
} else {
document.body.classList.toggle('theme__dark');
theme = document.body.classList.contains('theme__dark') ? 'dark' : 'light';
}
localStorage?.setItem('theme', theme);