feat: dark mode switch

2024-11-23 19:33:23 +01:00
parent 3c9f28c5fd
commit b3c786847b
6 changed files with 46 additions and 26 deletions
@@ -0,0 +1,28 @@
+const currentTheme = localStorage.getItem('theme')
+
+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')
+} else {
+  document.documentElement.classList.remove('dark')
+  document.getElementById('theme-toggle-light-icon').classList.add('hidden')
+  document.getElementById('theme-toggle-dark-icon').classList.remove('hidden')
+}
+
+function switchTheme() {
+  const theme = localStorage.getItem('theme')
+  console.log("Switching theme from ", theme)
+
+  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')
+  } 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')
+  }
+}