Added: CSS template switch in Dashboard.

templates/dashboard.html

@@ -21,7 +21,33 @@
             <code>{{ overlay_url }}</code>
         </div>
 
+        <div class="settings-container">
+            <h3>Overlay Theme</h3>
+            <form id="theme-form">
+                <select name="overlay_theme" id="overlay_theme">
+                    <option value="dark-purple" {% if current_theme == 'dark-purple' %}selected{% endif %}>Dark Purple</option>
+                    <option value="bright-green" {% if current_theme == 'bright-green' %}selected{% endif %}>Bright Green</option>
+                </select>
+                <button type="submit">Save Theme</button>
+            </form>
+            <p id="save-status"></p>
+        </div>
+
         <p><a href="/logout">Logout</a></p>
     </div>
+
+    <script>
+        document.getElementById('theme-form').addEventListener('submit', async (e) => {
+            e.preventDefault();
+            const theme = document.getElementById('overlay_theme').value;
+            const response = await fetch('/api/settings', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ overlay_theme: theme })
+            });
+            const result = await response.json();
+            document.getElementById('save-status').textContent = result.message;
+        });
+    </script>
 </body>
 </html>