Theme colors changed, font size change links added

1 files changed, 25 insertions, 0 deletions

diff --git a/tailwindcss/02-vite/src/main.js b/tailwindcss/02-vite/src/main.js
index 9a69e49..c39e9ff 100644
--- a/tailwindcss/02-vite/src/main.js
+++ b/tailwindcss/02-vite/src/main.js
@@ -1,3 +1,5 @@
+/* Toggle button (or link) to change the theme */
+
 const toggleButton = document.querySelector('#theme-toggle');
 
 toggleButton.addEventListener('click', () => {
@@ -8,3 +10,26 @@ toggleButton.addEventListener('click', () => {
   const isDark = document.documentElement.classList.contains('dark');
   localStorage.setItem('theme', isDark ? 'dark' : 'light');
 });
+
+
+/* Font size increase or decrease */
+
+let currentSize = 1; // 1 rem is the baseline
+
+function increaseFontSize() {
+  if (currentSize < 1.5) { // Cap at 150%
+    currentSize += 0.1;
+    applyFontSize();
+  }
+}
+
+function decreaseFontSize() {
+  if (currentSize > 0.8) { // Set a minimum limit
+    currentSize -= 0.1;
+    applyFontSize();
+  }
+}
+
+function applyFontSize() {
+  document.documentElement.style.fontSize = currentSize * 100 + "%";
+}