Мне нужно выходить из настроек чтобы они применились так не должно быть! - Follow Up Deployment

index.html

@@ -347,9 +347,6 @@
                     <input type="checkbox" id="soundToggle" class="mr-2">
                     <label for="soundToggle">Enable Sounds</label>
                 </div>
-                <button class="w-full bg-indigo-600 hover:bg-indigo-700 py-2 rounded-lg mt-4">
-                    Save Settings
-                </button>
             </div>
         </div>
     </div>
@@ -508,6 +505,14 @@
 
         // Apply settings
         function applySettings() {
+            // Save settings first
+            const settings = {
+                theme: themeSelect.value,
+                fontSize: fontSizeSlider.value,
+                sound: soundToggle.checked
+            };
+            localStorage.setItem('aiConsoleSettings', JSON.stringify(settings));
+            
             // Apply font size
             document.documentElement.style.fontSize = `${fontSizeSlider.value}px`;
             
@@ -540,7 +545,14 @@
             settingsModal.classList.add('hidden');
         });
 
-        saveSettingsBtn.addEventListener('click', saveSettings);
+        // Apply settings immediately when changed
+        themeSelect.addEventListener('change', applySettings);
+        fontSizeSlider.addEventListener('input', applySettings);
+        soundToggle.addEventListener('change', () => {
+            const settings = JSON.parse(localStorage.getItem('aiConsoleSettings')) || {};
+            settings.sound = soundToggle.checked;
+            localStorage.setItem('aiConsoleSettings', JSON.stringify(settings));
+        });
 
         // Close modal when clicking outside
         settingsModal.addEventListener('click', (e) => {