diff --git a/public/streak-animation.html b/public/streak-animation.html
index 638f840..3e1491c 100644
--- a/public/streak-animation.html
+++ b/public/streak-animation.html
@@ -207,8 +207,14 @@
 
 <script>
   (function(){
-    const p = new URLSearchParams(window.location.search);
-    window.isLightTheme = p.get('theme') === 'light';
+    let isLight = false;
+    try {
+      isLight = !window.parent.document.documentElement.classList.contains('dark');
+    } catch (e) {
+      const p = new URLSearchParams(window.location.search);
+      isLight = p.get('theme') === 'light';
+    }
+    window.isLightTheme = isLight;
   })();
 
   const stage=document.getElementById('stage');
@@ -403,9 +409,14 @@
 <script>
   (function(){
     setInterval(() => {
-      const p = new URLSearchParams(window.location.search);
-      window.isLightTheme = p.get('theme') === 'light';
-      const isLight = window.isLightTheme;
+      let isLight = false;
+      try {
+        isLight = !window.parent.document.documentElement.classList.contains('dark');
+      } catch (e) {
+        const p = new URLSearchParams(window.location.search);
+        isLight = p.get('theme') === 'light';
+      }
+      window.isLightTheme = isLight;
 
       if (isLight) {
         document.body.style.setProperty('background', '#ffffff', 'important');
diff --git a/scratch/port_streak_clean.py b/scratch/port_streak_clean.py
index da535aa..221dd72 100644
--- a/scratch/port_streak_clean.py
+++ b/scratch/port_streak_clean.py
@@ -64,8 +64,14 @@ def port_html():
     # Inject theme initialization at start of script block
     init_theme_script = """<script>
   (function(){
-    const p = new URLSearchParams(window.location.search);
-    window.isLightTheme = p.get('theme') === 'light';
+    let isLight = false;
+    try {
+      isLight = !window.parent.document.documentElement.classList.contains('dark');
+    } catch (e) {
+      const p = new URLSearchParams(window.location.search);
+      isLight = p.get('theme') === 'light';
+    }
+    window.isLightTheme = isLight;
   })();
 """
     html = html.replace("<script>", init_theme_script, 1)
@@ -106,9 +112,14 @@ def port_html():
 <script>
   (function(){
     setInterval(() => {
-      const p = new URLSearchParams(window.location.search);
-      window.isLightTheme = p.get('theme') === 'light';
-      const isLight = window.isLightTheme;
+      let isLight = false;
+      try {
+        isLight = !window.parent.document.documentElement.classList.contains('dark');
+      } catch (e) {
+        const p = new URLSearchParams(window.location.search);
+        isLight = p.get('theme') === 'light';
+      }
+      window.isLightTheme = isLight;
 
       if (isLight) {
         document.body.style.setProperty('background', '#ffffff', 'important');