diff options
| author | Kamal Wickramanayake <kamal@inbox.lk> | 2026-07-05 08:39:34 +0530 |
|---|---|---|
| committer | Kamal Wickramanayake <kamal@inbox.lk> | 2026-07-05 08:39:34 +0530 |
| commit | 3a6f7be667f228f62e426c58ce207a14b50b2a6c (patch) | |
| tree | ab6b995d97929432c5e786c16f290e3204365340 /tailwindcss/02-vite/src/main.js | |
| parent | 8ab27073ece9163510e63763ca4cf83a9d9c252b (diff) | |
Tailwind CSS theme toggle implemented
Diffstat (limited to 'tailwindcss/02-vite/src/main.js')
| -rw-r--r-- | tailwindcss/02-vite/src/main.js | 10 |
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'); +}); |