pablo/shoppy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: switch theme

Browse Source
This commit is contained in:
Pablo Moreno
2025-01-25 08:31:34 +01:00
parent 90bcfe298b
commit 0c7f2d1d07
4 changed files with 2131 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files
theme/static/css/styles.css
+2113 -1
View File
File diff suppressed because one or more lines are too long
theme/static/theme/js/theme.js
+17 -8
View File
@@ -1,13 +1,22 @@
const currentTheme = localStorage.getItem('theme')
const darkIcon = document.getElementById('theme-toggle-dark-icon')
const lightIcon = document.getElementById('theme-toggle-light-icon')
if (currentTheme === 'dark') {
document.documentElement.classList.add('dark')
document.getElementById('theme-toggle-dark-icon').classList.add('hidden')
document.getElementById('theme-toggle-light-icon').classList.remove('hidden')
if (darkIcon !== null && lightIcon !== null) {
darkIcon.classList.add('hidden')
lightIcon.classList.remove('hidden')
}
} else {
document.documentElement.classList.remove('dark')
document.getElementById('theme-toggle-light-icon').classList.add('hidden')
document.getElementById('theme-toggle-dark-icon').classList.remove('hidden')
if (darkIcon !== null && lightIcon !== null) {
darkIcon.classList.remove('hidden')
lightIcon.classList.add('hidden')
}
}
@@ -17,12 +26,12 @@ function switchTheme() {
if (theme === 'dark') {
document.documentElement.classList.remove('dark')
localStorage.setItem('theme', 'light')
document.getElementById('theme-toggle-dark-icon').classList.remove('hidden')
document.getElementById('theme-toggle-light-icon').classList.add('hidden')
darkIcon.classList.remove('hidden')
lightIcon.classList.add('hidden')
} else {
document.documentElement.classList.add('dark')
localStorage.setItem('theme', 'dark')
document.getElementById('theme-toggle-light-icon').classList.remove('hidden')
document.getElementById('theme-toggle-dark-icon').classList.add('hidden')
lightIcon.classList.remove('hidden')
darkIcon.classList.add('hidden')
}
}