diff --git a/account.html b/account.html
index 48724ea..879f7f2 100644
--- a/account.html
+++ b/account.html
@@ -5,6 +5,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Account Information</title>
     <link rel="stylesheet" href="styles.css">
+    <script>
+        // Apply dark mode immediately to prevent flash
+        if (localStorage.getItem('theme') === 'dark') {
+            document.documentElement.setAttribute('data-theme', 'dark');
+        }
+    </script>
 </head>
 <body>
     <button class="dark-mode-toggle" onclick="toggleDarkMode()">🌙</button>
diff --git a/ajax.html b/ajax.html
index 3e697f8..05dd0ec 100644
--- a/ajax.html
+++ b/ajax.html
@@ -5,6 +5,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>AJAX Demo</title>
     <link rel="stylesheet" href="styles.css">
+    <script>
+        // Apply dark mode immediately to prevent flash
+        if (localStorage.getItem('theme') === 'dark') {
+            document.documentElement.setAttribute('data-theme', 'dark');
+        }
+    </script>
 </head>
 <body>
     <button class="dark-mode-toggle" onclick="toggleDarkMode()">🌙</button>
diff --git a/dark-mode.js b/dark-mode.js
index 864291e..3d1a9f5 100644
--- a/dark-mode.js
+++ b/dark-mode.js
@@ -1,11 +1,3 @@
-// Apply saved theme immediately to prevent flash
-(function() {
-    const savedTheme = localStorage.getItem('theme');
-    if (savedTheme === 'dark') {
-        document.documentElement.setAttribute('data-theme', 'dark');
-    }
-})();
-
 // Dark mode toggle functionality
 function toggleDarkMode() {
     const html = document.documentElement;
diff --git a/echo-test.html b/echo-test.html
index 1ad8877..0dd087b 100644
--- a/echo-test.html
+++ b/echo-test.html
@@ -5,6 +5,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Echo Test</title>
     <link rel="stylesheet" href="styles.css">
+    <script>
+        // Apply dark mode immediately to prevent flash
+        if (localStorage.getItem('theme') === 'dark') {
+            document.documentElement.setAttribute('data-theme', 'dark');
+        }
+    </script>
 </head>
 <body>
     <button class="dark-mode-toggle" onclick="toggleDarkMode()">🌙</button>
diff --git a/index.html b/index.html
index 138c14d..e95ae7e 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Playground - Feature Showcase</title>
     <link rel="stylesheet" href="styles.css">
+    <script>
+        // Apply dark mode immediately to prevent flash
+        if (localStorage.getItem('theme') === 'dark') {
+            document.documentElement.setAttribute('data-theme', 'dark');
+        }
+    </script>
 </head>
 <body>
     <button class="dark-mode-toggle" onclick="toggleDarkMode()">🌙</button>
diff --git a/items.html b/items.html
index c9227d8..f1c4c03 100644
--- a/items.html
+++ b/items.html
@@ -5,6 +5,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Items Management - Test</title>
     <link rel="stylesheet" href="styles.css">
+    <script>
+        // Apply dark mode immediately to prevent flash
+        if (localStorage.getItem('theme') === 'dark') {
+            document.documentElement.setAttribute('data-theme', 'dark');
+        }
+    </script>
 </head>
 <body>
     <button class="dark-mode-toggle" onclick="toggleDarkMode()">🌙</button>
diff --git a/mining.html b/mining.html
index 826bd2a..8e939d9 100644
--- a/mining.html
+++ b/mining.html
@@ -5,6 +5,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Mining Resources - Playground</title>
     <link rel="stylesheet" href="styles.css">
+    <script>
+        // Apply dark mode immediately to prevent flash
+        if (localStorage.getItem('theme') === 'dark') {
+            document.documentElement.setAttribute('data-theme', 'dark');
+        }
+    </script>
 </head>
 <body>
     <button class="dark-mode-toggle" onclick="toggleDarkMode()">🌙</button>
diff --git a/random.html b/random.html
index 33427ad..d2e1dee 100644
--- a/random.html
+++ b/random.html
@@ -5,6 +5,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Random Number Generator</title>
     <link rel="stylesheet" href="styles.css">
+    <script>
+        // Apply dark mode immediately to prevent flash
+        if (localStorage.getItem('theme') === 'dark') {
+            document.documentElement.setAttribute('data-theme', 'dark');
+        }
+    </script>
 </head>
 <body class="text-center">
     <button class="dark-mode-toggle" onclick="toggleDarkMode()">🌙</button>
