now: apply style immediately i.e. without "blink" , so without "transition"

arkenidar · arkenidar · commit 464364e03ba0 · 2024-08-26T07:33:31.000+02:00
diff --git a/css/theme.html b/css/theme.html
@@ -13,7 +13,6 @@
 
         body {
             font-family: Arial, sans-serif;
-            transition: all 0.3s ease;
         }
 
         button {
@@ -41,12 +40,6 @@
 </head>
 
 <body>
-    <h1>Theme Switcher Example</h1>
-    <p>Click the buttons below to switch themes:</p>
-    <button onclick="setTheme('light')">Light Theme</button>
-    <button onclick="setTheme('dark')">Dark Theme</button>
-    <button onclick="setTheme('flame')">Flame Theme</button>
-
     <script>
 
         // a theme is saved in localStorage ( or default )
@@ -58,6 +51,12 @@ <h1>Theme Switcher Example</h1>
             document.body.classList.add('theme-' + theme);
         }
     </script>
+
+    <h1>Theme Switcher Example</h1>
+    <p>Click the buttons below to switch themes:</p>
+    <button onclick="setTheme('light')">Light Theme</button>
+    <button onclick="setTheme('dark')">Dark Theme</button>
+    <button onclick="setTheme('flame')">Flame Theme</button>
 </body>
 
 </html>
