diff --git a/next.constants.mjs b/next.constants.mjs
index e9d70871e2609..8b59a4a0e2259 100644
--- a/next.constants.mjs
+++ b/next.constants.mjs
@@ -91,6 +91,19 @@ export const DEFAULT_LOCALE_CODE = nextLocales.defaultLocale.code;
  */
 export const LEGACY_JAVASCRIPT_FILE = `${BASE_PATH}/static/js/legacyMain.js`;
 
+/**
+ * This script source replaces the logic for the initial theme set in the Legacy Javascript File.
+ *
+ * @deprecated This theme script is a temporal fix until the Legacy Website is removed.
+ */
+export const INITIAL_THEME_SCRIPT = `!(function () {
+  const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+  const theme = localStorage.getItem('theme') ?? systemTheme;
+  document.querySelector('html').setAttribute('data-theme', theme);
+  document.body.className = theme;
+  window.localStorage.setItem('theme', theme);
+})();`;
+
 /**
  * This is a list of all static routes or pages from the Website that we do not
  * want to allow to be statically built on our Static Export Build.
diff --git a/pages/_document.tsx b/pages/_document.tsx
index 7fbb075e1278e..31660d4686439 100644
--- a/pages/_document.tsx
+++ b/pages/_document.tsx
@@ -15,6 +15,13 @@ const Document = () => (
         src={nextConstants.LEGACY_JAVASCRIPT_FILE}
       />
 
+      <script
+        id="initial-theme-script"
+        dangerouslySetInnerHTML={{
+          __html: nextConstants.INITIAL_THEME_SCRIPT,
+        }}
+      />
+
       <a rel="me" href="https://social.lfx.dev/@nodejs" />
     </body>
   </Html>
diff --git a/public/static/js/legacyMain.js b/public/static/js/legacyMain.js
index e7cf36fcfa478..23e908a1526bb 100644
--- a/public/static/js/legacyMain.js
+++ b/public/static/js/legacyMain.js
@@ -80,12 +80,7 @@ const listenScrollToTopButton = () => {
   });
 };
 
-const setCurrentTheme = () =>
-  setTheme(getTheme() || (preferredColorScheme.matches ? 'dark' : 'light'));
-
 const startLegacyApp = () => {
-  setCurrentTheme();
-
   watchThemeChanges();
 
   listenLanguagePickerButton();
@@ -93,6 +88,4 @@ const startLegacyApp = () => {
   listenScrollToTopButton();
 };
 
-setCurrentTheme();
-
 window.startLegacyApp = startLegacyApp;