From 3a6f7be667f228f62e426c58ce207a14b50b2a6c Mon Sep 17 00:00:00 2001 From: Kamal Wickramanayake Date: Sun, 5 Jul 2026 08:39:34 +0530 Subject: Tailwind CSS theme toggle implemented --- tailwindcss/02-vite/src/main.js | 10 ++++++++++ 1 file changed, 10 insertions(+) create mode 100644 tailwindcss/02-vite/src/main.js (limited to 'tailwindcss/02-vite/src/main.js') 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 tag + document.documentElement.classList.toggle('dark'); + + // Optional: Save preference to localStorage + const isDark = document.documentElement.classList.contains('dark'); + localStorage.setItem('theme', isDark ? 'dark' : 'light'); +}); -- cgit v1.2.3