diff --git a/styles/google-gemini/catppuccin.user.css b/styles/google-gemini/catppuccin.user.css index 65701e98bf..106c04fc5f 100644 --- a/styles/google-gemini/catppuccin.user.css +++ b/styles/google-gemini/catppuccin.user.css @@ -2,7 +2,7 @@ @name Google Gemini Catppuccin @namespace github.com/catppuccin/userstyles/styles/google-gemini @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/google-gemini -@version 0.0.4 +@version 0.0.5 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/google-gemini/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agoogle-gemini @description Soothing pastel theme for Google Gemini @@ -95,10 +95,7 @@ } } - --bard-color-primary-background: @base; - --bard-color-primary-opacity-08: fade(@accent-color, 8%); --bard-color-neutral-90: @mantle; - --bard-color-on-primary: darken(@accent-color, 10%); --bard-color-on-selected-conversation-metadata-v2: @text; --bard-color-surface-container: @mantle; --bard-color-on-surface-opacity-38: @surface2 !important; @@ -111,7 +108,6 @@ --bard-color-window-container-background: @base; --bard-color-response-container-background: @base; --bard-color-response-container-background-rgb: #rgbify(@base) []; - --bard-color-selected-conversation-metadata-v2: fade(@accent-color, 50%); --bard-color-onhover-conversation-metadata-button-v2: @surface1; --bard-color-selected-conversation-metadata-button-v2: fade( @accent-color, @@ -120,15 +116,12 @@ --bard-color-new-conversation-button: @surface0; --bard-color-on-new-conversation-button: @text; --bard-color-onhover-conversation-metadata-v2: @surface0; - --bard-color-sidenav-upgrade-button: @surface0; --bard-color-form-field-placeholder: @subtext0; - --bard-color-extensions-window-container-background: @crust; - --bard-color-extension-card-container-background: @mantle; --bard-color-discovery-carousel-background: @mantle; + --bard-color-discovery-carousel-icon: @accent-color; --bard-color-example-prompt-background: @crust; --bard-color-bard-mode-logo-prefix: @subtext1; - --bard-color-discovery-carousel-icon: @accent-color; --bard-color-neutral-96: @crust; --bard-color-adv-marketing-basic-background: @surface0; --bard-color-adv-marketing-product-background: @surface0; @@ -167,7 +160,7 @@ --bard-color-tunable-selection-menu-background: @mantle; --bard-color-tunable-selection-textarea-background: @base; --bard-color-tunable-selection-shimmer-non-advanced: @accent-color; - --bard-color-action-tooltip-background: darken(@accent-color, 20%); + --bard-color-onegooglebar-product-controls: @text; --bard-color-adv-marketing-check: @text; --mdc-switch-selected-hover-handle-color: lighten(@accent-color, 10%); @@ -186,22 +179,40 @@ --mdc-switch-unselected-hover-track-color: @surface2; --mdc-switch-unselected-pressed-track-color: @surface2; --mdc-switch-unselected-focus-track-color: @surface2; + --mdc-checkbox-selected-icon-color: @accent-color; + --mdc-checkbox-selected-checkmark-color: var(--gem-sys-color--on-primary); + --mdc-checkbox-selected-hover-icon-color: @accent-color; + --mdc-checkbox-selected-pressed-icon-color: @accent-color; + --mdc-checkbox-selected-focus-icon-color: @accent-color; + --mdc-checkbox-selected-focus-state-layer-color: @accent-color; + --mdc-checkbox-selected-hover-state-layer-color: @accent-color; + --mdc-checkbox-selected-pressed-state-layer-color: @text; + --mdc-checkbox-unselected-pressed-state-layer-color: @accent-color; + --mdc-checkbox-unselected-focus-state-layer-color: @text; + --mdc-checkbox-unselected-hover-state-layer-color: @text; + --mdc-checkbox-unselected-focus-icon-color: @text; + --mdc-checkbox-unselected-icon-color: @subtext1; + --mdc-checkbox-unselected-hover-icon-color: @text; --mdc-text-button-label-text-color: @subtext1; --mdc-text-button-hover-label-text-color: @overlay2; --mdc-list-list-item-hover-label-text-color: @text; - --mdc-filled-button-label-text-color: @text; + --mdc-filled-button-label-text-color: @crust; --mdc-circular-progress-active-indicator-color: @accent-color; --mdc-outlined-button-focus-outline-color: @text; --mdc-outlined-button-hover-label-text-color: @subtext1; --mdc-list-list-item-focus-label-text-color: @text; + --mdc-icon-button-disabled-icon-color: @surface2; + --mdc-outlined-text-field-input-text-color: @text; + --mdc-outlined-text-field-focus-outline-color: @accent-color; + --mdc-outlined-text-field-outline-color: @overlay1; --mat-app-text-color: @text; --mat-text-button-state-layer-color: @overlay2; - --mat-icon-color: @text; --mat-sidenav-container-text-color: @text; --mat-expansion-header-text-color: @text; --mat-expansion-header-indicator-color: @text; --mat-expansion-container-text-color: @text; + --mat-checkbox-label-text-color: @text; --mat-bottom-sheet-container-text-color: @text; --mat-bottom-sheet-container-background-color: @base; --mat-menu-item-hover-state-layer-color: @surface0; @@ -210,8 +221,9 @@ --mat-menu-container-color: @base; --mat-menu-item-icon-color: @text; --mat-filled-button-state-layer-color: @overlay2; + --mat-focus-indicator-border-color: @accent-color; --mat-fab-small-hover-state-layer-opacity: 1; - --mat-divider-color: @surface0; + --mat-divider-color: @overlay2; --gm-outlinedtextfield-outline-color: @subtext0; --gm-outlinedtextfield-outline-color--stateful: @accent-color; @@ -221,40 +233,37 @@ --gem-sys-color--surface: @base; --gem-sys-color--surface-container: @mantle; + --gem-sys-color--surface--rgb: #rgbify(@base) []; --gem-sys-color--on-surface: @text; + --gem-sys-color--on-surface-variant: @subtext1; --gem-sys-color--outline-variant: @subtext0; --gem-sys-color--surface-container-high: @surface0; --gem-sys-color--surface-container-low: lighten(@mantle, 2%); --gem-sys-color--outline: @subtext0; - --gem-sys-color--on-surface-variant: @subtext1; --gem-sys-color--on-primary-container: @text; + --gem-sys-color--on-primary-fixed: darken(@accent-color, 40%); + --gem-sys-color--on-primary: darken(@accent-color, 60%); --gem-sys-color--primary: @accent-color; + --gem-sys-color--primary-container: fade(@accent-color, 60%); --gem-sys-color--on-surface--rgb: #rgbify(@subtext0) []; --gem-sys-color--surface-dim--rgb: #rgbify(@crust) []; + --gem-sys-color--surface-container-highest: @surface0; + --gem-sys-color--primary-fixed: @text; + --gem-sys-color--on-secondary: fade(@accent-color, 30%); + --gem-sys-color--surface-variant: @surface0; --og-theme-color: @text; - .new-feature { - background: @surface2; - } - .button-pressed { - --bard-color-primary: @mantle; - } .action-icon { + --gem-sys-color--on-primary: @accent-color; --gem-sys-color--on-surface-variant: @mantle; } - button[mat-flat-button] { - --bard-color-on-primary: @crust; - } .draft-preview-label-chip.selected { color: @crust; } .buttons-container-link-button { color: @crust; } - .link-icon { - --mat-icon-color: @crust; - } .mdc-text-field--outlined:hover:not( .mdc-text-field--disabled, .mdc-text-field--focused @@ -309,10 +318,6 @@ --mdc-plain-tooltip-container-color: @overlay0; --mdc-plain-tooltip-supporting-text-color: @text; } - .mdc-checkbox { - --mdc-checkbox-selected-icon-color: @accent-color; - --mdc-checkbox-selected-checkmark-color: @crust; - } .mdc-form-field { --mdc-form-field-label-text-color: @text; } @@ -322,8 +327,8 @@ .mdc-dialog__surface { background-color: @base !important; } - .mat-mdc-button-disabled { - --mat-icon-color: rgba(var(--bard-color-on-surface-rgb), 0.38); + .expandable-button:disabled { + color: rgba(var(--gem-sys-color--on-surface--rgb), 0.38); } .mat-mdc-progress-bar { --mdc-linear-progress-active-indicator-color: @accent-color; @@ -365,26 +370,16 @@ .mat-mdc-menu-panel { background-color: @base !important; } - .mat-mdc-tab-group, - .mat-mdc-tab-nav-bar { - --mat-tab-header-inactive-label-text-color: @subtext0; - --mat-tab-header-inactive-hover-label-text-color: @subtext0; - --mat-tab-header-inactive-focus-label-text-color: @subtext0; - } .mat-mdc-fab.mat-accent { --mat-fab-foreground-color: @text; } .xap-count-badge-dot { background-color: @red; } - .experiment-updates-banner-icon { - color: @crust; - } - .banner-close-button { - --mat-icon-color: @crust; - } & when (@lookup = latte) { - --bard-color-action-tooltip-background: lighten(@accent-color, 30%); + --gem-sys-color--on-primary-fixed: @accent-color; + --gem-sys-color--on-primary: @mantle; + --gem-sys-color--primary-fixed: @crust; } [data-mat-icon-name="search"] svg { > path:nth-child(1) { @@ -400,6 +395,12 @@ fill: @red; } } + .google-logo img { + @svg: escape( + '' + ); + content: url("data:image/svg+xml,@{svg}"); + } [src="https://www.gstatic.com/lamda/images/replit_dark_24px_7d0347bf84c2570074db9.svg"], [src="https://www.gstatic.com/lamda/images/replit_light_24px_3a2ee6003110f3c8460c9.svg"] {