summaryrefslogtreecommitdiff
path: root/tailwindcss/02-vite/src/main.js
diff options
context:
space:
mode:
Diffstat (limited to 'tailwindcss/02-vite/src/main.js')
-rw-r--r--tailwindcss/02-vite/src/main.js10
1 files changed, 10 insertions, 0 deletions
diff --git a/tailwindcss/02-vite/src/main.js b/tailwindcss/02-vite/src/main.js
new file mode 100644
index 0000000..9a69e49
--- /dev/null
+++ b/tailwindcss/02-vite/src/main.js
@@ -0,0 +1,10 @@
+const toggleButton = document.querySelector('#theme-toggle');
+
+toggleButton.addEventListener('click', () => {
+ // Toggle the class on the <html> tag
+ document.documentElement.classList.toggle('dark');
+
+ // Optional: Save preference to localStorage
+ const isDark = document.documentElement.classList.contains('dark');
+ localStorage.setItem('theme', isDark ? 'dark' : 'light');
+});