diff --git a/js/theme.js b/js/theme.js
index bc7bb5d9..504482e8 100644
--- a/js/theme.js
+++ b/js/theme.js
@@ -12,46 +12,48 @@ export const theme = (() => {
         document.documentElement.setAttribute('data-bs-theme', THEME_LIGHT);
 
         const elements = document.querySelectorAll('.text-light, .btn-theme-light, .bg-dark, .bg-black, .bg-theme-dark, .color-theme-black, .btn-outline-light, .bg-cover-black');
-        elements.forEach((element) => {
-            if (element.classList.contains('text-light')) {
-                element.classList.remove('text-light');
-                element.classList.add('text-dark');
-            }
-
-            if (element.classList.contains('btn-theme-light')) {
-                element.classList.remove('btn-theme-light');
-                element.classList.add('btn-theme-dark');
-            }
-
-            if (element.classList.contains('bg-dark')) {
-                element.classList.remove('bg-dark');
-                element.classList.add('bg-light');
-            }
-
-            if (element.classList.contains('bg-black')) {
-                element.classList.remove('bg-black');
-                element.classList.add('bg-white');
-            }
-
-            if (element.classList.contains('bg-theme-dark')) {
-                element.classList.remove('bg-theme-dark');
-                element.classList.add('bg-theme-light');
-            }
-
-            if (element.classList.contains('color-theme-black')) {
-                element.classList.remove('color-theme-black');
-                element.classList.add('color-theme-white');
-            }
-
-            if (element.classList.contains('btn-outline-light')) {
-                element.classList.remove('btn-outline-light');
-                element.classList.add('btn-outline-dark');
-            }
-
-            if (element.classList.contains('bg-cover-black')) {
-                element.classList.remove('bg-cover-black');
-                element.classList.add('bg-cover-white');
-            }
+        elements.forEach((el) => {
+            (async (element) => {
+                if (element.classList.contains('text-light')) {
+                    element.classList.remove('text-light');
+                    element.classList.add('text-dark');
+                }
+
+                if (element.classList.contains('btn-theme-light')) {
+                    element.classList.remove('btn-theme-light');
+                    element.classList.add('btn-theme-dark');
+                }
+
+                if (element.classList.contains('bg-dark')) {
+                    element.classList.remove('bg-dark');
+                    element.classList.add('bg-light');
+                }
+
+                if (element.classList.contains('bg-black')) {
+                    element.classList.remove('bg-black');
+                    element.classList.add('bg-white');
+                }
+
+                if (element.classList.contains('bg-theme-dark')) {
+                    element.classList.remove('bg-theme-dark');
+                    element.classList.add('bg-theme-light');
+                }
+
+                if (element.classList.contains('color-theme-black')) {
+                    element.classList.remove('color-theme-black');
+                    element.classList.add('color-theme-white');
+                }
+
+                if (element.classList.contains('btn-outline-light')) {
+                    element.classList.remove('btn-outline-light');
+                    element.classList.add('btn-outline-dark');
+                }
+
+                if (element.classList.contains('bg-cover-black')) {
+                    element.classList.remove('bg-cover-black');
+                    element.classList.add('bg-cover-white');
+                }
+            })(el);
         });
 
         // --bs-body-bg
@@ -63,46 +65,48 @@ export const theme = (() => {
         document.documentElement.setAttribute('data-bs-theme', THEME_DARK);
 
         const elements = document.querySelectorAll('.text-dark, .btn-theme-dark, .bg-light, .bg-white, .bg-theme-light, .color-theme-white, .btn-outline-dark, .bg-cover-white');
-        elements.forEach((element) => {
-            if (element.classList.contains('text-dark')) {
-                element.classList.remove('text-dark');
-                element.classList.add('text-light');
-            }
-
-            if (element.classList.contains('btn-theme-dark')) {
-                element.classList.remove('btn-theme-dark');
-                element.classList.add('btn-theme-light');
-            }
-
-            if (element.classList.contains('bg-light')) {
-                element.classList.remove('bg-light');
-                element.classList.add('bg-dark');
-            }
-
-            if (element.classList.contains('bg-white')) {
-                element.classList.remove('bg-white');
-                element.classList.add('bg-black');
-            }
-
-            if (element.classList.contains('bg-theme-light')) {
-                element.classList.remove('bg-theme-light');
-                element.classList.add('bg-theme-dark');
-            }
-
-            if (element.classList.contains('color-theme-white')) {
-                element.classList.remove('color-theme-white');
-                element.classList.add('color-theme-black');
-            }
-
-            if (element.classList.contains('btn-outline-dark')) {
-                element.classList.remove('btn-outline-dark');
-                element.classList.add('btn-outline-light');
-            }
-
-            if (element.classList.contains('bg-cover-white')) {
-                element.classList.remove('bg-cover-white');
-                element.classList.add('bg-cover-black');
-            }
+        elements.forEach((el) => {
+            (async (element) => {
+                if (element.classList.contains('text-dark')) {
+                    element.classList.remove('text-dark');
+                    element.classList.add('text-light');
+                }
+
+                if (element.classList.contains('btn-theme-dark')) {
+                    element.classList.remove('btn-theme-dark');
+                    element.classList.add('btn-theme-light');
+                }
+
+                if (element.classList.contains('bg-light')) {
+                    element.classList.remove('bg-light');
+                    element.classList.add('bg-dark');
+                }
+
+                if (element.classList.contains('bg-white')) {
+                    element.classList.remove('bg-white');
+                    element.classList.add('bg-black');
+                }
+
+                if (element.classList.contains('bg-theme-light')) {
+                    element.classList.remove('bg-theme-light');
+                    element.classList.add('bg-theme-dark');
+                }
+
+                if (element.classList.contains('color-theme-white')) {
+                    element.classList.remove('color-theme-white');
+                    element.classList.add('color-theme-black');
+                }
+
+                if (element.classList.contains('btn-outline-dark')) {
+                    element.classList.remove('btn-outline-dark');
+                    element.classList.add('btn-outline-light');
+                }
+
+                if (element.classList.contains('bg-cover-white')) {
+                    element.classList.remove('bg-cover-white');
+                    element.classList.add('bg-cover-black');
+                }
+            })(el);
         });
 
         // --bs-body-bg