|
149 | 149 | // @description:zu Yengeza izimpendulo ze-AI ku-Google Search (inikwa amandla yi-Google Gemma + GPT-4o!)
|
150 | 150 | // @author KudoAI
|
151 | 151 | // @namespace https://kudoai.com
|
152 |
| -// @version 2025.5.26 |
| 152 | +// @version 2025.5.26.1 |
153 | 153 | // @license MIT
|
154 | 154 | // @icon https://assets.googlegpt.io/images/icons/app/black/icon48.png?v=12a91c0
|
155 | 155 | // @icon64 https://assets.googlegpt.io/images/icons/app/black/icon64.png?v=12a91c0
|
|
634 | 634 |
|
635 | 635 | /* General button styles */
|
636 | 636 | ${selectors.btn.shared} {
|
637 |
| - --content-color: ${ env.ui.app.scheme == 'light' ? '0,0,0' : '255,255,255' }; |
638 |
| - --side-line-fill: linear-gradient(rgb(var(--content-color)), rgb(var(--content-color))) ; |
639 |
| - --skew: skew(-13deg) ; --counter-skew: skew(13deg) ; --btn-svg-zoom: scale(1.2) ; |
640 |
| - --btn-transition: 0.1s ease all ; |
| 637 | + --content-color: ${ env.ui.app.scheme == 'light' ? '0,0,0' : '255,255,255' }; |
| 638 | + --side-line-fill: linear-gradient(rgb(var(--content-color)), rgb(var(--content-color))) ; |
| 639 | + --skew: skew(-13deg) ; --counter-skew: skew(13deg) ; --btn-svg-zoom: scale(1.2) ; |
| 640 | + --btn-transition: 0.1s ease all ; |
641 | 641 | position: relative ; border-width: 1px ; cursor: crosshair ;
|
642 | 642 | border: 1px solid rgb(var(--content-color)) ;
|
643 | 643 | background: /* side lines */
|
|
674 | 674 |
|
675 | 675 | /* Modal button styles */
|
676 | 676 | ${selectors.btn.modal} {
|
677 |
| - --modal-btn-y-offset: 2px ; --glow-color: #a0fdff ; |
678 |
| - --modal-btn-zoom: scale(1.075) ; |
679 |
| - --modal-btn-transition: transform 0.1s ease, background 0.2s ease, box-shadow 5s ease ; |
| 677 | + --modal-btn-y-offset: 2px ; --glow-color: #a0fdff ; |
| 678 | + --modal-btn-zoom: scale(1.075) ; |
| 679 | + --modal-btn-transition: transform 0.1s ease, background 0.2s ease, box-shadow 5s ease ; |
680 | 680 | ${ config.fgAnimationsDisabled ? /* override chatgpt.js transitions */
|
681 | 681 | `transition: none ;
|
682 | 682 | -webkit-transition: none ; -moz-transition: none ;
|
|
707 | 707 |
|
708 | 708 | /* Standby button styles */
|
709 | 709 | ${selectors.btn.standby} {
|
710 |
| - --standby-btn-zoom: scale(1.055) ; |
711 |
| - --standby-btn-transition: transform 0.18s ease, background 0.2s ease ; |
| 710 | + --standby-btn-zoom: scale(1.055) ; |
| 711 | + --standby-btn-transition: transform 0.18s ease, background 0.2s ease ; |
712 | 712 | font-size: 11px ; width: 80% ; height: 51px ; margin-bottom: 16px ; transform: var(--skew) }
|
713 | 713 | ${selectors.btn.standby} > span { transform: var(--counter-skew) }
|
714 | 714 | ${selectors.btn.standby}:nth-child(odd) { margin-right: 20% ; margin-left: 15px }
|
|
746 | 746 |
|
747 | 747 | // Init vars
|
748 | 748 | `:root {
|
749 |
| - --app-bg-color-light-scheme: white ; --app-bg-color-dark-scheme: #101218 ; |
750 |
| - --pre-bg-color-light-scheme: #b7b7b736 ; --pre-bg-color-dark-scheme: #3a3a3a ; |
751 |
| - --reply-header-bg-color-light-scheme: #d7d4d4 ; |
752 |
| - --reply-header-bg-color-dark-scheme: ${ !isParticlizedDS ? '#545454' : '#0e0e0e24' }; |
753 |
| - --reply-header-fg-color-light-scheme: white ; --reply-header-fg-color-dark-scheme: white ; |
754 |
| - --chatbar-btn-hover-color-light-scheme: #638ed4 ; --chatbar-btn-hover-color-dark-scheme: white ; |
755 |
| - --font-color-light-scheme: #4e4e4e ; --font-color-dark-scheme: #e3e3e3 ; |
756 |
| - --app-border: ${ isParticlizedDS ? 'none' |
| 749 | + --app-bg-color-light-scheme: white ; --app-bg-color-dark-scheme: #101218 ; |
| 750 | + --pre-bg-color-light-scheme: #b7b7b736 ; --pre-bg-color-dark-scheme: #3a3a3a ; |
| 751 | + --reply-header-bg-color-light-scheme: #d7d4d4 ; |
| 752 | + --reply-header-bg-color-dark-scheme: ${ !isParticlizedDS ? '#545454' : '#0e0e0e24' }; |
| 753 | + --reply-header-fg-color-light-scheme: white ; --reply-header-fg-color-dark-scheme: white ; |
| 754 | + --chatbar-btn-hover-color-light-scheme: #638ed4 ; --chatbar-btn-hover-color-dark-scheme: white ; |
| 755 | + --font-color-light-scheme: #4e4e4e ; --font-color-dark-scheme: #e3e3e3 ; |
| 756 | + --app-border: ${ isParticlizedDS ? 'none' |
757 | 757 | : `1px solid #${ env.ui.app.scheme == 'light' ? 'dadce0' : '3b3b3b' }`};
|
758 |
| - --app-gradient-bg: linear-gradient(180deg, ${ |
| 758 | + --app-gradient-bg: linear-gradient(180deg, ${ |
759 | 759 | env.ui.app.scheme == 'dark' ? '#99a8a6 -245px, black 185px' : '#b6ebff -163px, white 65px' }) ;
|
760 |
| - --app-shadow: 0 2px 3px rgb(0,0,0,0.06) ; |
761 |
| - --app-hover-shadow-light-scheme: 0 9px 28px rgba(0,0,0,0.09) ; |
762 |
| - --app-hover-shadow-dark-scheme: 0 9px 28px rgba(0,0,0,0.39) ; |
763 |
| - --app-anchored-shadow: 0 15px 52px rgb(0,0,${ env.ui.app.scheme == 'light' ? '7,0.06' |
| 760 | + --app-shadow: 0 2px 3px rgb(0,0,0,0.06) ; |
| 761 | + --app-hover-shadow-light-scheme: 0 9px 28px rgba(0,0,0,0.09) ; |
| 762 | + --app-hover-shadow-dark-scheme: 0 9px 28px rgba(0,0,0,0.39) ; |
| 763 | + --app-anchored-shadow: 0 15px 52px rgb(0,0,${ env.ui.app.scheme == 'light' ? '7,0.06' |
764 | 764 | : '11,0.22' }) ;
|
765 |
| - --app-transition: opacity 0.5s ease, transform 0.5s ease, /* for 1st fade-in */ |
| 765 | + --app-transition: opacity 0.5s ease, transform 0.5s ease, /* for 1st fade-in */ |
766 | 766 | bottom 0.1s cubic-bezier(0,0,0.2,1), /* smoothen Anchor Y min/restore */
|
767 | 767 | width 0.167s cubic-bezier(0,0,0.2,1) ; /* smoothen Anchor X expand/shrink */
|
768 |
| - --app-shadow-transition: box-shadow 0.15s ease ; /* for app:hover to not trigger on hover-off */ |
769 |
| - --standby-btn-zoom: scale(1.055) ; --standby-btn-transition: all 0.25s ease ; |
770 |
| - --btn-transition: transform 0.15s ease, /* for hover-zoom */ |
| 768 | + --app-shadow-transition: box-shadow 0.15s ease ; /* for app:hover to not trigger on hover-off */ |
| 769 | + --standby-btn-zoom: scale(1.055) ; --standby-btn-transition: all 0.25s ease ; |
| 770 | + --btn-transition: transform 0.15s ease, /* for hover-zoom */ |
771 | 771 | opacity 0.25s ease-in-out ; /* + btn-zoom-fade-out + .app-hover-only shows */
|
772 |
| - --font-size-slider-thumb-transition: transform 0.05s ease ; /* for hover-zoom */ |
773 |
| - --reply-pre-transition: max-height 0.167s cubic-bezier(0, 0, 0.2, 1) ; /* for Anchor changes */ |
774 |
| - --rq-transition: opacity 0.55s ease, transform 0.1s ease !important ; /* for fade-in + hover-zoom */ |
775 |
| - --fade-in-less-transition: opacity 0.2s ease } /* used by Font Size slider + Pin menu */` |
| 772 | + --font-size-slider-thumb-transition: transform 0.05s ease ; /* for hover-zoom */ |
| 773 | + --reply-pre-transition: max-height 0.167s cubic-bezier(0, 0, 0.2, 1) ; /* for Anchor changes */ |
| 774 | + --rq-transition: opacity 0.55s ease, transform 0.1s ease !important ; /* for fade-in + hover-zoom */ |
| 775 | + --fade-in-less-transition: opacity 0.2s ease } /* used by Font Size slider + Pin menu */` |
776 | 776 |
|
777 | 777 | // Animations
|
778 | 778 | + `.fade-in { opacity: 0 ; transform: translateY(10px) }
|
|
855 | 855 | color: ${ env.ui.app.scheme == 'dark' ? 'white' : 'black' } !important }
|
856 | 856 | .byline { /* header byline */
|
857 | 857 | font-size: 12px ; margin-left: 7px ; color: #aaa ;
|
858 |
| - --byline-transition: 0.15s ease-in-out ; transition: var(--byline-transition) ; |
| 858 | + --byline-transition: 0.15s ease-in-out ; transition: var(--byline-transition) ; |
859 | 859 | -webkit-transition: var(--byline-transition) ; -moz-transition: var(--byline-transition) ;
|
860 | 860 | -o-transition: var(--byline-transition) ; -ms-transition: var(--byline-transition) }
|
861 | 861 | .byline a, .byline a:visited { color: #aaa ; text-decoration: none !important }
|
|
902 | 902 | z-index: 2 ; width: 7px ; height: 25px ; border-radius: 30% ; position: relative ;
|
903 | 903 | top: -7.5px ; cursor: ew-resize ;
|
904 | 904 | background-color: ${ env.ui.app.scheme == 'dark' ? 'white' : '#4a4a4a' };
|
905 |
| - --shadow: rgba(0,0,0,0.21) 1px 1px 9px 0 ; |
| 905 | + --shadow: rgba(0,0,0,0.21) 1px 1px 9px 0 ; |
906 | 906 | box-shadow: var(--shadow) ; -webkit-box-shadow: var(--shadow) ; -moz-box-shadow: var(--shadow) ;
|
907 | 907 | ${ willNotZoom ? '' : `transition: var(--font-size-slider-thumb-transition)
|
908 | 908 | -webkit-transition: var(--font-size-slider-thumb-transition) ;
|
|
1012 | 1012 | -o-transition: box-shadow 0.15s ease ; -ms-transition: box-shadow 0.15s ease }
|
1013 | 1013 | ${ isParticlizedDS ? '' : // add inset shadow to chatbar on hover
|
1014 | 1014 | `#${app.slug}-chatbar:hover:not(:focus) {
|
1015 |
| - --chatbar-hover-inset-shadow: 0 ${ |
| 1015 | + --chatbar-hover-inset-shadow: 0 ${ |
1016 | 1016 | env.ui.app.scheme == 'dark' ? '3px 2px' : '1px 7px' } rgba(15,17,17,0.15) inset ;
|
1017 | 1017 | box-shadow: var(--chatbar-hover-inset-shadow) ;
|
1018 | 1018 | -webkit-box-shadow: var(--chatbar-hover-inset-shadow) ;
|
|
1050 | 1050 | border: 1px solid ${ env.ui.app.scheme == 'dark' ? (
|
1051 | 1051 | config.bgAnimationsDisabled ? '#5f5f5f' : '#777' ) : '#e1e1e1' };
|
1052 | 1052 | border-radius: 0 13px 12px 13px ; flex: 0 0 auto ;
|
1053 |
| - --rq-shadow: 1px 4px 8px -6px rgba(169,169,169,0.75) ; box-shadow: var(--rq-shadow) ; |
| 1053 | + --rq-shadow: 1px 4px 8px -6px rgba(169,169,169,0.75) ; box-shadow: var(--rq-shadow) ; |
1054 | 1054 | -webkit-box-shadow: var(--rq-shadow) ; -moz-box-shadow: var(--rq-shadow) ;
|
1055 | 1055 | ${ willNotZoom ? '' : `transition: var(--rq-transition) ;
|
1056 | 1056 | -webkit-transition: var(--rq-transition) ; -moz-transition: var(--rq-transition) ;
|
|
2794 | 2794 |
|
2795 | 2795 | // Vars
|
2796 | 2796 | `:root {
|
2797 |
| - --modal-btn-zoom: scale(1.055) ; --modal-btn-transition: transform 0.15s ease ; |
2798 |
| - --settings-li-transition: transform 0.1s ease ; /* for Settings entry hover-zoom */ |
2799 |
| - --fg-transition: opacity 0.65s cubic-bezier(0.165,0.84,0.44,1), /* fade-in */ |
| 2797 | + --modal-btn-zoom: scale(1.055) ; --modal-btn-transition: transform 0.15s ease ; |
| 2798 | + --settings-li-transition: transform 0.1s ease ; /* for Settings entry hover-zoom */ |
| 2799 | + --fg-transition: opacity 0.65s cubic-bezier(0.165,0.84,0.44,1), /* fade-in */ |
2800 | 2800 | transform 0.55s cubic-bezier(0.165,0.84,0.44,1) !important ; /* move-in */
|
2801 |
| - --bg-transition: background-color 0.25s ease !important } /* dim */` |
| 2801 | + --bg-transition: background-color 0.25s ease !important } /* dim */` |
2802 | 2802 |
|
2803 | 2803 | // Main modal styles
|
2804 | 2804 | + '@keyframes modal-zoom-fade-out {'
|
|
2875 | 2875 | min-width: ${ env.browser.isPortrait ? 288 : 698 }px ; max-width: 75vw ; word-wrap: break-word ;
|
2876 | 2876 | margin: 12px 23px ; border-radius: 15px ;
|
2877 | 2877 | ${ env.ui.app.scheme == 'dark' ? 'stroke: white ; fill: white' : 'stroke: black ; fill: black' };
|
2878 |
| - --shadow: 0 30px 60px rgba(0,0,0,0.12) ; |
| 2878 | + --shadow: 0 30px 60px rgba(0,0,0,0.12) ; |
2879 | 2879 | box-shadow: var(--shadow) ; -webkit-box-shadow: var(--shadow) ; -moz-box-shadow: var(--shadow) }`
|
2880 | 2880 | + `#${app.slug}-settings-title {`
|
2881 | 2881 | + 'font-weight: bold ; line-height: 19px ; text-align: center ;'
|
|
0 commit comments