Abstracted --chatbar-btn-color-<light|dark>-scheme, edited whitespace for readability ↞ [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.10.14
+// @version                2025.10.14.1
 // @license                MIT
 // @icon                   https://assets.ddgpt.com/images/icons/app/icon48.png?v=533ce0f
 // @icon64                 https://assets.ddgpt.com/images/icons/app/icon64.png?v=533ce0f
@@ -440,7 +440,8 @@
                   --reply-header-bg-color-light-scheme: #d7d4d4 ;
                   --reply-header-bg-color-dark-scheme: ${ !isParticlizedDS ? '#545454' : '#0e0e0e24' };
                   --reply-header-fg-color-light-scheme: white ; --reply-header-fg-color-dark-scheme: white ;
-                  --chatbar-btn-hover-color-light-scheme: #638ed4 ; --chatbar-btn-hover-color-dark-scheme: white ;
+                  --chatbar-btn-color-light-scheme: lightgrey ; --chatbar-btn-color-dark-scheme: #fff ;
+                  --chatbar-btn-hover-color-light-scheme: #638ed4 ; --chatbar-btn-hover-color-dark-scheme: #fff ;
                   --font-color-light-scheme: #4e4e4e ; --font-color-dark-scheme: #e3e3e3 ;
                   --app-border: ${ isParticlizedDS ? 'none'
                         : `1px solid #${ env.ui.app.scheme == 'light' ? 'e5e5e5' : '3b3b3b' }`};
@@ -716,18 +717,22 @@
                     ${ isParticlizedDS ? '' :
                         `--inset-shadow: 0 ${
                                 env.ui.app.scheme == 'dark' ? '3px -1px' : '1px 2px' } rgba(0,0,0,0.3) inset ;
-                        box-shadow: var(--inset-shadow) ; -webkit-box-shadow: var(--inset-shadow) ;
-                       -moz-box-shadow: var(--inset-shadow)`}}
+                        box-shadow: var(--inset-shadow) ;
+                       -webkit-box-shadow: var(--inset-shadow) ; -moz-box-shadow: var(--inset-shadow)` }
+                }
                 .${app.slug}-chatbar-btn {
                     z-index: 560 ; border: none ; float: right ; position: relative ; background: none ;
                     cursor: pointer ; bottom: ${ env.browser.isFF ? 50 : 55 }px ;
                     transform: scale(1.05) ; margin-right: 3px ; /* zoom 'em a bit */
-                    ${ env.ui.app.scheme == 'dark' ? 'color: #aaa ; fill: #aaa ; stroke: #aaa'
-                                                   : 'color: lightgrey ; fill: lightgrey ; stroke: lightgrey' }}
+                    color:  var(--chatbar-btn-color-${env.ui.app.scheme}-scheme) ;
+                    fill:   var(--chatbar-btn-color-${env.ui.app.scheme}-scheme) ;
+                    stroke: var(--chatbar-btn-color-${env.ui.app.scheme}-scheme)
+                }
                 .${app.slug}-chatbar-btn:hover {
                     color:  var(--chatbar-btn-hover-color-${env.ui.app.scheme}-scheme) ;
                     fill:   var(--chatbar-btn-hover-color-${env.ui.app.scheme}-scheme) ;
-                    stroke: var(--chatbar-btn-hover-color-${env.ui.app.scheme}-scheme) }`
+                    stroke: var(--chatbar-btn-hover-color-${env.ui.app.scheme}-scheme)
+                }`
 
               // Related Queries styles
              + `.${app.slug}-related-queries {