the profile color button work but its diseapear after every click it must only diseapear only when user click outside the box, the second button dont work so fix it.

index.html

@@ -561,8 +561,10 @@ function getFeatherIconName(platform) {
         });
         
         // Close dropdown when clicking outside
-        document.addEventListener('click', function() {
-            document.getElementById('settingsDropdown').classList.add('hidden');
+        document.addEventListener('click', function(e) {
+            if (!e.target.closest('#settingsDropdown') && !e.target.closest('#editSettingsBtn')) {
+                document.getElementById('settingsDropdown').classList.add('hidden');
+            }
         });
         
         // Background color options
@@ -578,11 +580,14 @@ function getFeatherIconName(platform) {
         document.getElementById('profileColorBtn').addEventListener('click', function() {
             currentBgColor = (currentBgColor + 1) % bgColors.length;
             document.querySelector('.glass-card').style.backgroundColor = bgColors[currentBgColor];
-            document.getElementById('settingsDropdown').classList.add('hidden');
         });
+        // Animation options
+        const animations = ['GLOBE', 'WAVES', 'FOG', 'CELLS', 'NET'];
+        let currentAnimation = 0;
+        let vantaEffect = null;
+
         document.getElementById('bgAnimationBtn').addEventListener('click', function() {
-            document.getElementById('settingsDropdown').classList.add('hidden');
-currentAnimation = (currentAnimation + 1) % animations.length;
+            currentAnimation = (currentAnimation + 1) % animations.length;
             
             if (vantaEffect) vantaEffect.destroy();
             
@@ -629,7 +634,7 @@ currentAnimation = (currentAnimation + 1) % animations.length;
                 });
             }
         });
-        // Save profile functionality
+// Save profile functionality
         document.getElementById('saveProfile').addEventListener('click', function() {
             const profileData = {
                 name: document.getElementById('editableName').textContent,