From 949698c498f5278f4211db3006951c4978267143 Mon Sep 17 00:00:00 2001 From: Aviel Skrypnyk Date: Wed, 17 Jun 2026 10:17:13 +0200 Subject: [PATCH 1/4] style(google): clean AI chat overlays and apply Catppuccin gradient Remove default AI chat gradients and unify background layers to eliminate visual seams. Apply consistent Catppuccin colors across overlays, containers, and states. - remove gradient overlay (.Zze5V) - remove container and wrapper gradients - normalize layered backgrounds to eliminate seams - clean spacer overlay layer (.zNsLfb) - replace default white fade (.RDmXvc) with Catppuccin gradient - add subtle border and hover styling for AI responses - add collapsed state tint using Catppuccin colors --- styles/google/catppuccin.user.less | 50 ++++++++++++++++++++++++++++++ 1 file changed, 50 insertions(+) diff --git a/styles/google/catppuccin.user.less b/styles/google/catppuccin.user.less index 38fb659875..989c8864e1 100644 --- a/styles/google/catppuccin.user.less +++ b/styles/google/catppuccin.user.less @@ -86,6 +86,56 @@ --Nsm0ce: @blue; } + /* ai chat: remove gradient overlay */ + .Zze5V { + background: none !important; + } + + /* ai chat: remove container + wrapper gradients (except RDmXvc, handled below) */ + .RdNMvc, + .LrrQLb, + .Jkzafd { + background: none !important; + background-image: none !important; + } + + /* ai chat: normalize layered backgrounds to avoid seams */ + .RdNMvc, + .inVh0e, + .oOpie, + .FR7ZSc { + background-color: @base !important; + } + + /* ai chat: clean spacer overlay layer */ + .zNsLfb { + background: none !important; + } + + /* ai chat: layout improvements + catppuccin styling */ + .in7vHe:not(.BgrTif) { + border: 1px solid @overlay0 !important; + } + + /* ai chat: subtle hover effect */ + .in7vHe:not(.BgrTif):hover { + background-color: lighten(@mantle, 3%) !important; + } + + /* ai chat: subtle collapsed state tint (catppuccin version of google rgb) */ + .in7vHe.BgrTif { + background-color: fade(@crust, 25%) !important; + } + + /* ai chat: catppuccin gradient overlay (replaces google white fade) */ + .RDmXvc { + background-image: linear-gradient( + transparent 0px, + fade(@base, 80%) 52px, + @base 80px + ) !important; + } + /* header background */ .CvDJxb { background-color: @base !important; From 1163f007f72e1b4126312dc853ea292b138cc4cb Mon Sep 17 00:00:00 2001 From: Aviel Skrypnyk Date: Thu, 18 Jun 2026 08:49:28 +0200 Subject: [PATCH 2/4] style(google): refine AI chat styling and gradient behavior Simplify gradient removal, normalize backgrounds, and improve consistency of Catppuccin surfaces across AI chat components. - consolidate gradient removal into grouped selectors - normalize layered backgrounds using @base to prevent seams - add background color to response containers for consistency - replace lighten() hover with @surface0 for better palette alignment - strengthen collapsed state tint using fade(@crust, 35%) - make gradient overlay more pronounced with higher opacity --- styles/google/catppuccin.user.less | 33 ++++++++++++------------------ 1 file changed, 13 insertions(+), 20 deletions(-) diff --git a/styles/google/catppuccin.user.less b/styles/google/catppuccin.user.less index 989c8864e1..0463b59085 100644 --- a/styles/google/catppuccin.user.less +++ b/styles/google/catppuccin.user.less @@ -86,20 +86,17 @@ --Nsm0ce: @blue; } - /* ai chat: remove gradient overlay */ - .Zze5V { - background: none !important; - } - - /* ai chat: remove container + wrapper gradients (except RDmXvc, handled below) */ + /* ai chat: remove gradients */ + .Zze5V, .RdNMvc, .LrrQLb, - .Jkzafd { + .Jkzafd, + .zNsLfb { background: none !important; background-image: none !important; } - /* ai chat: normalize layered backgrounds to avoid seams */ + /* ai chat: normalize backgrounds */ .RdNMvc, .inVh0e, .oOpie, @@ -107,31 +104,27 @@ background-color: @base !important; } - /* ai chat: clean spacer overlay layer */ - .zNsLfb { - background: none !important; - } - - /* ai chat: layout improvements + catppuccin styling */ + /* ai chat: response container */ .in7vHe:not(.BgrTif) { border: 1px solid @overlay0 !important; + background-color: @mantle !important; } - /* ai chat: subtle hover effect */ + /* ai chat: hover */ .in7vHe:not(.BgrTif):hover { - background-color: lighten(@mantle, 3%) !important; + background-color: @surface0 !important; } - /* ai chat: subtle collapsed state tint (catppuccin version of google rgb) */ + /* ai chat: collapsed state */ .in7vHe.BgrTif { - background-color: fade(@crust, 25%) !important; + background-color: fade(@crust, 35%) !important; } - /* ai chat: catppuccin gradient overlay (replaces google white fade) */ + /* ai chat: gradient overlay */ .RDmXvc { background-image: linear-gradient( transparent 0px, - fade(@base, 80%) 52px, + fade(@base, 90%) 52px, @base 80px ) !important; } From 48cbf2c0c1ae205eff8f50a5e2e4300916a2fddb Mon Sep 17 00:00:00 2001 From: Aviel Skrypnyk Date: Fri, 19 Jun 2026 13:23:37 +0200 Subject: [PATCH 3/4] chore(userstyles): add AvielSkrypnyk as maintainer for google --- scripts/userstyles.yml | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/scripts/userstyles.yml b/scripts/userstyles.yml index 57c1872f88..32248e78f5 100644 --- a/scripts/userstyles.yml +++ b/scripts/userstyles.yml @@ -75,6 +75,7 @@ collaborators: - &koibtw koibtw - &TheAnonymousCrusher TheAnonymousCrusher - &42willow 42willow + - &AvielSkrypnyk AvielSkrypnyk userstyles: advent-of-code: @@ -354,7 +355,7 @@ userstyles: categories: [search_engine] icon: google color: sapphire - current-maintainers: [] + current-maintainers: [*AvielSkrypnyk] google-drive: name: Google Drive link: https://drive.google.com From b650c95e7822151d5dbe826510d9467c569564c6 Mon Sep 17 00:00:00 2001 From: Aviel Skrypnyk Date: Fri, 19 Jun 2026 16:05:51 +0200 Subject: [PATCH 4/4] fix(google): refactor ai chat styles and resolve lint issues --- styles/google/catppuccin.user.less | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/styles/google/catppuccin.user.less b/styles/google/catppuccin.user.less index 0463b59085..c0c7aed4ab 100644 --- a/styles/google/catppuccin.user.less +++ b/styles/google/catppuccin.user.less @@ -93,7 +93,6 @@ .Jkzafd, .zNsLfb { background: none !important; - background-image: none !important; } /* ai chat: normalize backgrounds */ @@ -106,13 +105,14 @@ /* ai chat: response container */ .in7vHe:not(.BgrTif) { - border: 1px solid @overlay0 !important; - background-color: @mantle !important; - } + & { + border-color: @overlay0 !important; + background-color: @mantle !important; + } - /* ai chat: hover */ - .in7vHe:not(.BgrTif):hover { - background-color: @surface0 !important; + &:hover { + background-color: @surface0 !important; + } } /* ai chat: collapsed state */