Added dark scheme styles to state word in notify() ↞ [auto-sync from …

…https://github.com/adamlui/ai-web-extensions/tree/main/chatgpt-auto-continue]
adamlui · Jan 29, 2025 · aa43097 · aa43097
1 parent 453a24f
commit aa43097
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 13 deletions.
diff --git a/chromium/extension/content.js b/chromium/extension/content.js
@@ -51,10 +51,19 @@
 
         // Append styled state word
         if (foundState) {
-            const styledStateSpan = dom.create.elem('span')
-            styledStateSpan.style.cssText = `color: ${
-                foundState == 'OFF' ? '#ef4848 ; text-shadow: rgba(255,169,225,0.44) 2px 1px 5px'
-                                    : '#5cef48 ; text-shadow: rgba(255,250,169,0.38) 2px 1px 5px' }`
+            const stateStyles = {
+                on: {
+                    light: 'color: #5cef48 ; text-shadow: rgba(255,250,169,0.38) 2px 1px 5px',
+                    dark:  'color: #5cef48 ; text-shadow: rgb(55, 255, 0) 3px 0 10px'
+                },
+                off: {
+                    light: 'color: #ef4848 ; text-shadow: rgba(255,169,225,0.44) 2px 1px 5px',
+                    dark:  'color: #ef4848 ; text-shadow: rgba(255, 116, 116, 0.87) 3px 0 9px'
+                }
+            }
+            const styledStateSpan = document.createElement('span')
+            styledStateSpan.style.cssText = stateStyles[
+                foundState == chrome.i18n.getMessage('state_off').toUpperCase() ? 'off' : 'on'][env.ui.scheme]
             styledStateSpan.append(foundState) ; notif.append(styledStateSpan)
         }
     }

diff --git a/firefox/extension/content.js b/firefox/extension/content.js
@@ -51,10 +51,19 @@
 
         // Append styled state word
         if (foundState) {
-            const styledStateSpan = dom.create.elem('span')
-            styledStateSpan.style.cssText = `color: ${
-                foundState == 'OFF' ? '#ef4848 ; text-shadow: rgba(255,169,225,0.44) 2px 1px 5px'
-                                    : '#5cef48 ; text-shadow: rgba(255,250,169,0.38) 2px 1px 5px' }`
+            const stateStyles = {
+                on: {
+                    light: 'color: #5cef48 ; text-shadow: rgba(255,250,169,0.38) 2px 1px 5px',
+                    dark:  'color: #5cef48 ; text-shadow: rgb(55, 255, 0) 3px 0 10px'
+                },
+                off: {
+                    light: 'color: #ef4848 ; text-shadow: rgba(255,169,225,0.44) 2px 1px 5px',
+                    dark:  'color: #ef4848 ; text-shadow: rgba(255, 116, 116, 0.87) 3px 0 9px'
+                }
+            }
+            const styledStateSpan = document.createElement('span')
+            styledStateSpan.style.cssText = stateStyles[
+                foundState == chrome.i18n.getMessage('state_off').toUpperCase() ? 'off' : 'on'][env.ui.scheme]
             styledStateSpan.append(foundState) ; notif.append(styledStateSpan)
         }
     }

diff --git a/greasemonkey/chatgpt-auto-continue.user.js b/greasemonkey/chatgpt-auto-continue.user.js
@@ -219,7 +219,7 @@
 // @description:zu      ⚡ Terus menghasilkan imibuzo eminingi ye-ChatGPT ngokwesizulu
 // @author              Adam Lui
 // @namespace           https://github.com/adamlui
-// @version             2025.1.29
+// @version             2025.1.29.1
 // @license             MIT
 // @icon                https://assets.chatgptautocontinue.com/images/icons/continue-symbol/circled/with-robot/icon48.png?v=8b39fb4
 // @icon64              https://assets.chatgptautocontinue.com/images/icons/continue-symbol/circled/with-robot/icon64.png?v=8b39fb4
@@ -443,10 +443,18 @@
 
         // Append styled state word
         if (foundState) {
-            const styledStateSpan = dom.create.elem('span')
-            styledStateSpan.style.cssText = `color: ${
-                foundState == menu.state.words[0] ? '#ef4848 ; text-shadow: rgba(255,169,225,0.44) 2px 1px 5px'
-                                                  : '#5cef48 ; text-shadow: rgba(255,250,169,0.38) 2px 1px 5px' }`
+            const stateStyles = {
+                on: {
+                    light: 'color: #5cef48 ; text-shadow: rgba(255,250,169,0.38) 2px 1px 5px',
+                    dark:  'color: #5cef48 ; text-shadow: rgb(55, 255, 0) 3px 0 10px'
+                },
+                off: {
+                    light: 'color: #ef4848 ; text-shadow: rgba(255,169,225,0.44) 2px 1px 5px',
+                    dark:  'color: #ef4848 ; text-shadow: rgba(255, 116, 116, 0.87) 3px 0 9px'
+                }
+            }
+            const styledStateSpan = document.createElement('span')
+            styledStateSpan.style.cssText = stateStyles[foundState == menu.state.words[0] ? 'off' : 'on'][env.ui.scheme]
             styledStateSpan.append(foundState) ; notif.append(styledStateSpan)
         }
     }