Changed Settings toggles to only init opposite enabled state + unstaggered animations on modal open ↞ [auto-sync from https://github.com/adamlui/ai-web-extensions/tree/main/duckduckgpt]

Author: kudo-sync-bot

chatgpt/duckduckgpt/duckduckgpt.user.js

@@ -148,7 +148,7 @@
 // @description:zu         Yengeza izimpendulo ze-AI ku-DuckDuckGo (inikwa amandla yi-GPT-4o!)
 // @author                 KudoAI
 // @namespace              https://kudoai.com
-// @version                2025.1.30.3
+// @version                2025.1.30.4
 // @license                MIT
 // @icon                   https://assets.ddgpt.com/images/icons/duckduckgpt/icon48.png?v=06af076
 // @icon64                 https://assets.ddgpt.com/images/icons/duckduckgpt/icon64.png?v=06af076
@@ -1334,19 +1334,16 @@
                         const switchSpan = document.createElement('span')
                         Object.assign(switchSpan.style, {
                             position: 'relative', left: '-1px', bottom:'-5.5px', float: 'right',
-                            backgroundColor: settingToggle.checked ? '#ccc' : '#AD68FF', // init opposite  final color
-                            width: '26px', height: '13px', borderRadius: '28px',
+                            backgroundColor: '#ccc', width: '26px', height: '13px', borderRadius: '28px',
                             transition: '0.4s', '-webkit-transition': '0.4s', '-moz-transition': '0.4s',
                                 '-o-transition': '0.4s', '-ms-transition': '0.4s'
                         })
 
                         // Create/stylize knob
                         const knobSpan = document.createElement('span')
                         Object.assign(knobSpan.style, {
-                            position: 'absolute', left: '1px', bottom: '1px', backgroundColor: 'white',
-                            width: '11px', height: '11px', content: '""', borderRadius: '28px',
-                            transform: settingToggle.checked ? // init opposite final pos
-                                'translateX(0)' : 'translateX(14px) translateY(0)',
+                            position: 'absolute', left: '1px', bottom: '1px', backgroundColor: 'white', content: '""',
+                            width: '11px', height: '11px', borderRadius: '28px', transform: 'translateX(0)',
                             transition: '0.2s', '-webkit-transition': '0.2s', '-moz-transition': '0.2s',
                                 '-o-transition': '0.2s', '-ms-transition': '0.2s'
                         })
@@ -1355,7 +1352,7 @@
                         switchSpan.append(knobSpan) ; settingItem.append(settingToggle, switchSpan)
 
                         // Update visual state w/ animation
-                        setTimeout(() => modals.settings.toggle.updateStyles(settingToggle), idx *25 -25)
+                        setTimeout(() => modals.settings.toggle.updateStyles(settingToggle), +155)
 
                         // Add click listener
                         settingItem.onclick = () => {