add one more comment

AnkitRewar11 · AnkitRewar11 · commit 4491cc1596fd · 2026-04-06T02:13:24.000+05:30
Signed-off-by: Ankit Rewar &lt;AnkitRewar11@users.noreply.github.com&gt;
diff --git a/onRenderBody.js b/onRenderBody.js
@@ -5,7 +5,7 @@ import lighttheme, { darktheme } from "./src/theme/app/themeStyles";
 const themes = { light: lighttheme, dark: darktheme };
 
 const MagicScriptTag = (props) => {
-  // FIX: Stringify the theme object outside the template literal to prevent
+  // FIX: Stringify the theme object outside the template literal to prevent syntax errors caused by unescaped quotes inside theme values.
   const themeJSON = JSON.stringify(props.theme);
   
   // Injects CSS variables and theme state strictly before the first paint to prevent FOUC.
diff --git a/src/html.js b/src/html.js
@@ -25,41 +25,20 @@ export default function HTML(props) {
         {props.headComponents}
       </head>
       <body {...props.bodyAttributes}>
-        {/* Script for theme initialization - needs to run before React renders to prevent flicker */}
+        {/* Script for banner initialization */}
         <script
           dangerouslySetInnerHTML={{
             __html: `
               (function() {
                 try {
-                  // Theme initialization
-                  const darkThemeKey = 'theme';
-                  let initialTheme = 'system';
-                  try {
-                    initialTheme = localStorage.getItem(darkThemeKey) || 'system';
-                  } catch (e) {}
-                  
-                  // Determine initial dark mode
-                  let isDarkMode = false;
-                  if (initialTheme === 'dark') {
-                    isDarkMode = true;
-                  } else if (initialTheme === 'system') {
-                    isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
-                  }
-                  
-                  // Set initial color mode
-                  document.documentElement.style.setProperty(
-                    '--initial-color-mode',
-                    isDarkMode ? 'dark' : 'light'
-                  );
-                  
                   // Banner initialization
                   var banner = sessionStorage.getItem('banner');
                   if (banner === null)
                     document.body.classList.add('banner1');
                   else
                     document.body.classList.add('banner' + banner);
                 } catch (e) {
-                  console.error('Error in theme initialization:', e);
+                  console.error('Error in banner initialization:', e);
                 }
               })();
             `,
diff --git a/src/theme/app/StyledThemeProvider.js b/src/theme/app/StyledThemeProvider.js
@@ -5,9 +5,6 @@ import React, { useContext } from "react";
 import { ThemeProvider } from "styled-components";
 import { ThemeManagerContext } from "./ThemeManager";
 
-// Safe check for browser environment
-const isBrowser = typeof window !== "undefined";
-
 export const StyledThemeProvider = (props) => {
   const { children, darkTheme, lightTheme } = props;
   const { isDark, didLoad } = useContext(ThemeManagerContext);
diff --git a/src/theme/app/ThemeManager.js b/src/theme/app/ThemeManager.js
@@ -57,8 +57,9 @@ export const ThemeManagerProvider = (props) => {
 
     const root = window.document.documentElement;
     const initialColorValue = (root.style.getPropertyValue("--initial-color-mode") || "").trim();
-    const actualTheme = window.__theme || initialColorValue || ThemeSetting.LIGHT;
-
+    const actualTheme = window.__theme || initialColorValue || ThemeSetting.DARK;
+    
+    // Get stored theme from localStorage
     const storedTheme = localStorage.getItem(DarkThemeKey);
 
     if (storedTheme && storedTheme !== ThemeSetting.SYSTEM) {
