Condensed CSS color declarations ↞ [auto-sync from https://github.com/KudoAI/chatgpt.js-chrome-starter]

kudo-sync-bot · kudo-sync-bot · commit 301918f690ee · 2025-01-01T01:31:26.000-08:00
diff --git a/starters/chrome/extension/content.js b/starters/chrome/extension/content.js
@@ -47,8 +47,8 @@
         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' }`
+                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' }`
             styledStateSpan.append(foundState) ; notif.append(styledStateSpan)
         }
     }
diff --git a/starters/chrome/extension/popup/style.css b/starters/chrome/extension/popup/style.css
@@ -50,7 +50,7 @@ a:focus, a:hover { text-decoration: underline ; color: inherit }
 }
 .menu-icon { padding: 8px }
 .menu-area:focus, .menu-area:hover { /* add hover color/cursor */
-    color: var(--bg) ; background: rgb(100, 149, 237) ; cursor: pointer }
+    color: var(--bg) ; background: rgb(100,149,237) ; cursor: pointer }
 .menu-item:hover span:not(.slider) { filter: invert(1) } /* invert setting labels on hover */
 .menu-item > label > .slider { transform: scale(0.95) ; top: 1px } /* make child toggles smaller */
 .menu-prompt { margin-left: 2px } /* align non-toggle items */

Original file line number	Diff line number	Diff line change
`@@ -47,8 +47,8 @@`
`47`	`47`	`if (foundState) {`
`48`	`48`	`const styledStateSpan = dom.create.elem('span')`
`49`	`49`	styledStateSpan.style.cssText = `color: ${
`50`		`- foundState == 'OFF' ? '#ef4848 ; text-shadow: rgba(255, 169, 225, 0.44) 2px 1px 5px'`
`51`		- : '#5cef48 ; text-shadow: rgba(255, 250, 169, 0.38) 2px 1px 5px' }`
	`50`	`+ foundState == 'OFF' ? '#ef4848 ; text-shadow: rgba(255,169,225,0.44) 2px 1px 5px'`
	`51`	+ : '#5cef48 ; text-shadow: rgba(255,250,169,0.38) 2px 1px 5px' }`
`52`	`52`	`styledStateSpan.append(foundState) ; notif.append(styledStateSpan)`
`53`	`53`	`}`
`54`	`54`	`}`
Original file line number	Diff line number	Diff line change
`@@ -50,7 +50,7 @@ a:focus, a:hover { text-decoration: underline ; color: inherit }`
`50`	`50`	`}`
`51`	`51`	`.menu-icon { padding: 8px }`
`52`	`52`	`.menu-area:focus, .menu-area:hover { /* add hover color/cursor */`
`53`		`- color: var(--bg) ; background: rgb(100, 149, 237) ; cursor: pointer }`
	`53`	`+ color: var(--bg) ; background: rgb(100,149,237) ; cursor: pointer }`
`54`	`54`	`.menu-item:hover span:not(.slider) { filter: invert(1) } /* invert setting labels on hover */`
`55`	`55`	`.menu-item > label > .slider { transform: scale(0.95) ; top: 1px } /* make child toggles smaller */`
`56`	`56`	`.menu-prompt { margin-left: 2px } /* align non-toggle items */`