omnibox: switch favicon chip to circular with #ccc background; tuned border/shadow; slight brightness/contrast for dark icons
- commit
- a863db80bfc4ed677dd73df79d33708bcbf563d7
- author
- bamen · · 2025-09-09 19:10 UTC
- committer
- bamen · · 2025-09-09 20:14 UTC
- parent
- c9efd76
- signature
- unsigned
1 file · +2 -2
M pkg/webkit/ucm_js_cgo.go +2 -2
| @@ -172,8 +172,8 @@ func getOmniboxScript() string { | |||
| 172 | 172 | const icon = document.createElement('img'); | |
| 173 | 173 | icon.src = s.favicon || ''; | |
| 174 | 174 | icon.width = 16; icon.height = 16; icon.loading = 'lazy'; | |
| 175 | - | // Ensure dark favicons remain visible on dark overlay: light chip + mild lift | |
| 176 | - | icon.style.cssText = 'flex:0 0 20px;width:16px;height:16px;padding:2px;box-sizing:content-box;border-radius:6px;background:#fff;border:1px solid rgba(0,0,0,.15);box-shadow:0 1px 2px rgba(0,0,0,.15);filter:brightness(1.12) contrast(1.04);'; | |
| 175 | + | // Circular chip with light gray background for consistent contrast | |
| 176 | + | icon.style.cssText = 'flex:0 0 20px;width:16px;height:16px;padding:2px;box-sizing:content-box;border-radius:50%;background:#ccc;border:1px solid rgba(0,0,0,.12);box-shadow:0 1px 2px rgba(0,0,0,.12);filter:brightness(1.06) contrast(1.03);'; | |
| 177 | 177 | icon.onerror = ()=>{ icon.style.display='none'; }; | |
| 178 | 178 | // Text line: Domain | full path (one line, fade at end) | |
| 179 | 179 | let domain = '', path = ''; | |
| @@ -172,8 +172,8 @@ func getOmniboxScript() string { | |||||
| 172 | const icon = document.createElement('img'); | 172 | const icon = document.createElement('img'); | ||
| 173 | icon.src = s.favicon || ''; | 173 | icon.src = s.favicon || ''; | ||
| 174 | icon.width = 16; icon.height = 16; icon.loading = 'lazy'; | 174 | icon.width = 16; icon.height = 16; icon.loading = 'lazy'; | ||
| 175 | - | // Ensure dark favicons remain visible on dark overlay: light chip + mild lift | 175 | + | // Circular chip with light gray background for consistent contrast |
| 176 | - | icon.style.cssText = 'flex:0 0 20px;width:16px;height:16px;padding:2px;box-sizing:content-box;border-radius:6px;background:#fff;border:1px solid rgba(0,0,0,.15);box-shadow:0 1px 2px rgba(0,0,0,.15);filter:brightness(1.12) contrast(1.04);'; | 176 | + | icon.style.cssText = 'flex:0 0 20px;width:16px;height:16px;padding:2px;box-sizing:content-box;border-radius:50%;background:#ccc;border:1px solid rgba(0,0,0,.12);box-shadow:0 1px 2px rgba(0,0,0,.12);filter:brightness(1.06) contrast(1.03);'; |
| 177 | icon.onerror = ()=>{ icon.style.display='none'; }; | 177 | icon.onerror = ()=>{ icon.style.display='none'; }; | ||
| 178 | // Text line: Domain | full path (one line, fade at end) | 178 | // Text line: Domain | full path (one line, fade at end) | ||
| 179 | let domain = '', path = ''; | 179 | let domain = '', path = ''; | ||