|
3 | 3 | // @description Add AI chat & product/category summaries to Amazon shopping, powered by the latest LLMs like GPT-4o! |
4 | 4 | // @author KudoAI |
5 | 5 | // @namespace https://kudoai.com |
6 | | -// @version 2025.5.22.3 |
| 6 | +// @version 2025.5.24 |
7 | 7 | // @license MIT |
8 | 8 | // @icon https://amazongpt.kudoai.com/assets/images/icons/app/black-gold-teal/icon48.png?v=8e8ed1c |
9 | 9 | // @icon64 https://amazongpt.kudoai.com/assets/images/icons/app/black-gold-teal/icon64.png?v=8e8ed1c |
|
394 | 394 | --chatbar-btn-hover-color-light-scheme: #638ed4 ; --chatbar-btn-hover-color-dark-scheme: white ; |
395 | 395 | --font-color-light-scheme: #4e4e4e ; --font-color-dark-scheme: #e3e3e3 ; |
396 | 396 | --app-border: ${ isParticlizedDS ? 'none' |
397 | | - : `1px solid #${ env.ui.app.scheme == 'light' ? 'dadce0' : '3b3b3b' }` }; |
| 397 | + : `1px solid #${ env.ui.app.scheme == 'light' ? 'dadce0' : '3b3b3b' }`}; |
398 | 398 | --app-gradient-bg: linear-gradient(180deg, ${ |
399 | 399 | env.ui.app.scheme == 'dark' ? '#99a8a6 -245px, black 185px' : '#b6ebff -163px, white 65px' }) ; |
400 | 400 | --app-anchored-shadow: 0 15px 52px rgb(0,0,${ env.ui.app.scheme == 'light' ? '7,0.06' |
|
481 | 481 | `.${app.slug}-header-btn, .${app.slug}-header-btn svg { /* smooth header button fade-in + hover-zoom */ |
482 | 482 | transition: var(--btn-transition) ; |
483 | 483 | -webkit-transition: var(--btn-transition) ; -moz-transition: var(--btn-transition) ; |
484 | | - -o-transition: var(--btn-transition) ; -ms-transition: var(--btn-transition) }` } |
| 484 | + -o-transition: var(--btn-transition) ; -ms-transition: var(--btn-transition) }`} |
485 | 485 | .${app.slug}-header-btn:active { |
486 | 486 | ${ env.ui.app.scheme == 'dark' ? 'fill: #999999 ; stroke: #999999' |
487 | 487 | : 'fill: #638ed4 ; stroke: #638ed4' }} |
|
512 | 512 | -moz-transition: var(--font-size-slider-thumb-transition) ; |
513 | 513 | -o-transition: var(--font-size-slider-thumb-transition) ; |
514 | 514 | -ms-transition: var(--font-size-slider-thumb-transition)` }} |
515 | | - ${ env.browser.isMobile ? '' : `#${app.slug}-font-size-slider-thumb:hover { transform: scale(1.125) }` }` |
| 515 | + ${ env.browser.isMobile ? '' : `#${app.slug}-font-size-slider-thumb:hover { transform: scale(1.125) }`}` |
516 | 516 |
|
517 | 517 | // AI reply elem styles |
518 | 518 | + `#${app.slug} .reply-tip { |
|
592 | 592 | font-size: 14.5px ; height: 46px ; width: 100% ; max-height: 200px ; resize: none ; |
593 | 593 | position: relative ; z-index: 555 ; color: #${ env.ui.app.scheme == 'dark' ? 'eee' : '222' }; |
594 | 594 | background: ${ env.ui.app.scheme == 'light' ? '#eeeeee9e' |
595 | | - : `#515151${ config.bgAnimationsDisabled ? '' : '9e' }` }; |
| 595 | + : `#515151${ config.bgAnimationsDisabled ? '' : '9e' }`}; |
596 | 596 | ${ env.ui.app.scheme == 'dark' ? '' : |
597 | 597 | `--chatbar-inset-shadow: 0 1px 2px rgba(15,17,17,0.1) inset ; |
598 | 598 | box-shadow: var(--chatbar-inset-shadow) ; -webkit-box-shadow: var(--chatbar-inset-shadow) ; |
|
609 | 609 | -moz-box-shadow: var(--chatbar-hover-inset-shadow) ; |
610 | 610 | transition: box-shadow 0.25s ease ; |
611 | 611 | -webkit-transition: box-shadow 0.25s ease ; -moz-transition: box-shadow 0.25s ease ; |
612 | | - -o-transition: box-shadow 0.25s ease ; -ms-transition: box-shadow 0.25s ease }` } |
| 612 | + -o-transition: box-shadow 0.25s ease ; -ms-transition: box-shadow 0.25s ease }`} |
613 | 613 | #${app.slug}-chatbar:focus-visible { /* fallback outline chatbar + reduce inset shadow on focus */ |
614 | 614 | outline: -webkit-focus-ring-color auto 1px ; |
615 | 615 | ${ isParticlizedDS ? '' : |
|
1975 | 1975 | + `transition: var(--fg-transition) ; /* fade-in + move-in */ |
1976 | 1976 | -webkit-transition: var(--fg-transition) ; -moz-transition: var(--fg-transition) ; |
1977 | 1977 | -o-transition: var(--fg-transition) ; -ms-transition: var(--fg-transition) } |
1978 | | - ${ env.browser.isMobile ? '' : `[class$=-modal] button:hover { transform: var(--modal-btn-zoom) }` } |
| 1978 | + ${ env.browser.isMobile ? '' : `[class$=-modal] button:hover { transform: var(--modal-btn-zoom) }`} |
1979 | 1979 | ${ config.fgAnimationsDisabled ? '' : `[class$=-modal] button { |
1980 | 1980 | ${ env.browser.isMobile ? '' : 'will-change: transform ;' } |
1981 | 1981 | transition: var(--modal-btn-transition) ; |
1982 | 1982 | -webkit-transition: var(--modal-btn-transition) ; |
1983 | 1983 | -moz-transition: var(--modal-btn-transition) ; |
1984 | 1984 | -o-transition: var(--modal-btn-transition) ; |
1985 | | - -ms-transition: var(--modal-btn-transition) }` }` |
| 1985 | + -ms-transition: var(--modal-btn-transition) }`}` |
1986 | 1986 |
|
1987 | 1987 | // Settings modal |
1988 | 1988 | + `#${app.slug}-settings { |
|
0 commit comments