diff --git a/beta/desk-dashboard.png b/beta/desk-dashboard.png
index 0d74c87b..d035c317 100644
Binary files a/beta/desk-dashboard.png and b/beta/desk-dashboard.png differ
diff --git a/beta/desk-differences.png b/beta/desk-differences.png
index 51c5db5c..5adc3e5a 100644
Binary files a/beta/desk-differences.png and b/beta/desk-differences.png differ
diff --git a/beta/desk-disks.png b/beta/desk-disks.png
index f0bf58e6..11e0caff 100644
Binary files a/beta/desk-disks.png and b/beta/desk-disks.png differ
diff --git a/beta/desk-recovery.png b/beta/desk-recovery.png
index adb330bc..6c711d40 100644
Binary files a/beta/desk-recovery.png and b/beta/desk-recovery.png differ
diff --git a/beta/desk-settings.png b/beta/desk-settings.png
index b9a0f63f..1ae4709b 100644
Binary files a/beta/desk-settings.png and b/beta/desk-settings.png differ
diff --git a/beta/desk-smart.png b/beta/desk-smart.png
index 3809fba1..bb2c39fa 100644
Binary files a/beta/desk-smart.png and b/beta/desk-smart.png differ
diff --git a/beta/desk-tasks.png b/beta/desk-tasks.png
index 08c5d6e7..34567e2e 100644
Binary files a/beta/desk-tasks.png and b/beta/desk-tasks.png differ
diff --git a/beta/phone-dashboard.png b/beta/phone-dashboard.png
index ef18e9a6..d84403ed 100644
Binary files a/beta/phone-dashboard.png and b/beta/phone-dashboard.png differ
diff --git a/beta/phone-differences.png b/beta/phone-differences.png
index 5f92e587..6bc6aac9 100644
Binary files a/beta/phone-differences.png and b/beta/phone-differences.png differ
diff --git a/beta/phone-disks.png b/beta/phone-disks.png
index d1e255d1..b1d32a70 100644
Binary files a/beta/phone-disks.png and b/beta/phone-disks.png differ
diff --git a/beta/phone-menu.png b/beta/phone-menu.png
index 3aa707d1..9bea0ef0 100644
Binary files a/beta/phone-menu.png and b/beta/phone-menu.png differ
diff --git a/beta/phone-recovery.png b/beta/phone-recovery.png
index 7f162a37..5149c0f1 100644
Binary files a/beta/phone-recovery.png and b/beta/phone-recovery.png differ
diff --git a/beta/phone-settings.png b/beta/phone-settings.png
index c196b193..28a7fa11 100644
Binary files a/beta/phone-settings.png and b/beta/phone-settings.png differ
diff --git a/beta/phone-smart.png b/beta/phone-smart.png
index 9671b5ed..c084d479 100644
Binary files a/beta/phone-smart.png and b/beta/phone-smart.png differ
diff --git a/beta/phone-tasks.png b/beta/phone-tasks.png
index 1b9ac174..3c4500a2 100644
Binary files a/beta/phone-tasks.png and b/beta/phone-tasks.png differ
diff --git a/beta/script.js b/beta/script.js
index 09f522b2..9f4494db 100644
--- a/beta/script.js
+++ b/beta/script.js
@@ -12,6 +12,44 @@ document.addEventListener('DOMContentLoaded', () => {
     // Theme Switcher Event Listeners
     const themeToggles = document.querySelectorAll('.theme-toggle');
     
+    function updateThemeImages(isLight) {
+        const updateUrl = (url) => {
+            if (!url) return url;
+            const isTarget = url.includes('desk-') || url.includes('phone-');
+            if (!isTarget) return url;
+            
+            if (isLight) {
+                if (!url.includes('-light.png')) {
+                    return url.replace('.png', '-light.png');
+                }
+            } else {
+                if (url.includes('-light.png')) {
+                    return url.replace('-light.png', '.png');
+                }
+            }
+            return url;
+        };
+
+        document.querySelectorAll('img').forEach(img => {
+            const src = img.getAttribute('src');
+            if (src) {
+                const newSrc = updateUrl(src);
+                if (newSrc !== src) img.setAttribute('src', newSrc);
+            }
+        });
+
+        document.querySelectorAll('.ui-shot').forEach(shot => {
+            const largeSrc = shot.getAttribute('data-large');
+            if (largeSrc) {
+                const newSrc = updateUrl(largeSrc);
+                if (newSrc !== largeSrc) shot.setAttribute('data-large', newSrc);
+            }
+        });
+    }
+
+    // Initial call to set correct images based on current theme
+    updateThemeImages(document.documentElement.classList.contains('light-theme'));
+    
     themeToggles.forEach(toggle => {
         toggle.addEventListener('click', () => {
             document.documentElement.classList.add('theme-transitioning');
@@ -26,6 +64,7 @@ document.addEventListener('DOMContentLoaded', () => {
             
             const isLight = document.documentElement.classList.contains('light-theme');
             localStorage.setItem('theme', isLight ? 'light' : 'dark');
+            updateThemeImages(isLight);
         });
     });