Skip to content

Commit c781eb6

Browse files
committed
Made modal button hover styles more subtle ↞ [auto-sync from https://github.com/KudoAI/chatgpt.js-chrome-starter]
1 parent 57ea67d commit c781eb6

File tree

2 files changed

+11
-6
lines changed

2 files changed

+11
-6
lines changed

starters/chrome/extension/components/modals.js

Lines changed: 10 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -120,7 +120,8 @@ window.modals = {
120120
}
121121
.${this.class} [class*=modal-close-btn] {
122122
position: absolute !important ; float: right ; top: 14px !important ; right: 16px !important ;
123-
cursor: pointer ; width: 33px ; height: 33px ; border-radius: 20px }
123+
cursor: pointer ; width: 33px ; height: 33px ; border-radius: 20px
124+
}
124125
.${this.class} [class*=modal-close-btn] svg { height: 10px }
125126
.${this.class} [class*=modal-close-btn] path {
126127
${ scheme == 'dark' ? 'stroke: white ; fill: white' : 'stroke: #9f9f9f ; fill: #9f9f9f' }}
@@ -139,11 +140,15 @@ window.modals = {
139140
-o-transition: var(--btn-transition) ; -ms-transition: var(--btn-transition) ;
140141
cursor: pointer !important ; /* add finger cursor */
141142
border: 1px solid ${ scheme == 'dark' ? 'white' : 'black' } !important ;
142-
padding: 8px !important ; min-width: 102px } /* resize */
143-
.${this.class} button:hover { /* add zoom, re-scheme */
144-
transform: scale(1.055) ; color: black !important ;
145-
background-color: #${ scheme == 'dark' ? '00cfff' : '9cdaff' } !important }
143+
padding: 8px !important ; min-width: 102px /* resize */
144+
}
145+
.${this.class} button:hover {
146+
${ scheme == 'light' ? // reduce intensity of light scheme hover glow
147+
'--btn-shadow: 2px 1px 43px #00cfff70 ;' : '' }
148+
color: inherit ; background-color: inherit /* remove color hacks */
149+
}
146150
${ !isMobile ? `.${this.class} .modal-buttons { margin-left: -13px !important }` : '' }
147151
.about-em { color: ${ scheme == 'dark' ? 'white' : 'green' } !important }`
152+
if (!this.styles.isConnected) document.head.append(this.styles)
148153
}
149154
};

starters/chrome/extension/manifest.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
"name": "ChatGPT Extension",
44
"short_name": "ChatGPT 🧩",
55
"description": "A Chromium extension template to start using chatgpt.js like a boss!",
6-
"version": "2025.10.10.4",
6+
"version": "2025.10.12",
77
"homepage_url": "https://github.com/KudoAI/chatgpt.js-chrome-starter",
88
"icons": { "16": "icons/icon16.png", "32": "icons/icon32.png", "64": "icons/icon64.png", "128": "icons/icon128.png" },
99
"permissions": ["activeTab", "storage"],

0 commit comments

Comments
 (0)