diff --git a/public/streak-animation.html b/public/streak-animation.html
index 0202938..8487cd3 100644
--- a/public/streak-animation.html
+++ b/public/streak-animation.html
@@ -394,3 +394,22 @@
   capInput.addEventListener('keydown', e=>{ if(e.key==='Enter') play(); });
   window.addEventListener('load', ()=>setTimeout(play,180));
 </script>
+
+<script>
+  (function(){
+    const p = new URLSearchParams(window.location.search);
+    if (p.get('theme') === 'light') {
+      document.body.style.setProperty('background', '#ffffff', 'important');
+      document.documentElement.style.setProperty('background', '#ffffff', 'important');
+      const b = document.querySelector('.badge');
+      if (b) b.style.setProperty('background', "url('/PragatiVeer_Logo/SVG_Logos/Square_light_background.svg') center/cover no-repeat", 'important');
+      // Override trailing color repeatedly so particles look okay in light mode
+      setInterval(() => {
+        if (typeof fadeCol !== 'undefined') {
+          fadeCol = 'rgba(255,255,255,0.22)';
+        }
+      }, 50);
+    }
+  })();
+</script>
+    
\ No newline at end of file
diff --git a/scratch/port_streak_clean.py b/scratch/port_streak_clean.py
index 230553c..b15fbe3 100644
--- a/scratch/port_streak_clean.py
+++ b/scratch/port_streak_clean.py
@@ -99,9 +99,8 @@ def port_html():
     }
   })();
 </script>
-</body>
     """
-    html = html.replace("</body>", light_theme_script)
+    html += light_theme_script
 
     with open(dest_path, 'w', encoding='utf-8') as f:
         f.write(html)