diff --git a/styles/google/catppuccin.user.css b/styles/google/catppuccin.user.css index a02853e7b7..a0c3926bd0 100644 --- a/styles/google/catppuccin.user.css +++ b/styles/google/catppuccin.user.css @@ -2,7 +2,7 @@ @name Google Catppuccin @namespace github.com/catppuccin/userstyles/styles/google @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/google -@version 0.3.0 +@version 0.3.1 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/google/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agoogle @description Soothing pastel theme for Google @@ -86,11 +86,15 @@ --uv-styles-color-icon-on-secondary: @subtext0; --uv-styles-color-on-tertiary: @text; --uv-styles-color-icon-on-tertiary: @text; + --uv-styles-color-scrim: fade(@crust, 75%); + --uv-styles-color-on-scrim: @text; + --uv-styles-color-icon-on-scrim: @text; --xhUGwc: @base; --bbQxAb: @text; --IXoxUe: @subtext0; --COEmY: @text; --YLNNHc: @text; + --JKqx2: @blue; --gS5jXb: @surface0; --mXZkqc: @surface0; --EpFNW: @mantle; @@ -644,6 +648,12 @@ background-color: @surface0; border-color: @surface0 !important; } + .sb43 { + @svg: escape( + '' + ); + background-image: url("data:image/svg+xml,@{svg}"); + } /* text */ .SAuUUd-z5C9Gb-fmcmS, @@ -873,7 +883,7 @@ } .z1asCe, .ikb4Bb { - color: @text !important; + color: @subtext1 !important; } .rsGxI.Ww4FFb, .Ww4FFb { @@ -1057,6 +1067,9 @@ border-color: @surface1; background-color: @base; } + .PewBWb { + border-top-color: @surface1; + } .eadHV.Ses7yd { color: @text !important; } @@ -1305,9 +1318,6 @@ a:visited { color: @mauve; } - .F9Idpe { - background: linear-gradient(to right, transparent 0%, @base 60%, @base); - } .SvoXfb > .x5f7Bc { fill: @subtext0; } @@ -2067,11 +2077,13 @@ color: @subtext0 !important; } // "Looking for results in English?" popup - [style*="background:#1f1000;border:1px solid #502900"] { + [style*="background:#1f1000;border:1px solid #502900"], + [style*="background:#feefc3;border:1px solid #fdd663"] { background: @mantle !important; border-color: @surface0 !important; box-shadow: 0 2px 4px @mantle !important; - [style*="color:#bdc1c6"] { + [style*="color:#bdc1c6"], + [style*="color:#202124"] { color: @text !important; } } @@ -2141,6 +2153,79 @@ @mantle ); } + // footer logo + [style^="background:url(/images/nav_logo321.webp)"] { + @svg: escape( + '' + ); + background-image: url("data:image/svg+xml,@{svg}") !important; + } + // tweets horizontal list + g-right-button, + g-left-button { + & > g-fab { + background: @crust !important; + border-color: @surface0; + } + } + .vwfsqc { + .QuU3Wb { + color: @text; + } + } + // image overlays + .yUzGqc.wr8GYd { + background: fade(@crust, 75%); + color: @text; + } + // google lens icon hover + .ig2Tkd:hover:not(.RDPZE) { + background: fade(@mantle, 80%); + } + // image resolution + .UWuvyf { + background-color: fade(@crust, 80%); + color: @text; + } + // image hover shadow + .mkpRId.qyKxnc:hover .F0uyec { + background: fade(@crust, 5%); + box-shadow: 0 2px 12px 0 @crust; + } + // advanced search + input.jfk-textinput, + .gGbPid { + background: @base; + color: @text; + border-color: @overlay0; + } + .goog-menu { + background: @mantle; + } + .goog-menuitem-highlight, + .goog-menuitem-hover { + background: @surface0; + border-color: @surface0; + } + .goog-menuitem, + .goog-menuitem-highlight .goog-menuitem-content, + .goog-menuitem-hover .goog-menuitem-content { + color: @text; + } + .goog-flat-menu-button-hover { + border-color: @overlay2; + .goog-flat-menu-button-dropdown { + border-color: @overlay2 transparent; + } + } + .goog-flat-menu-button-dropdown { + border-color: @overlay0 transparent; + } + div.otByu div.FAcADc, + div.lFApYd, + .jfk-radiobutton-label { + color: @subtext1; + } color: @subtext0; } @media (prefers-color-scheme: light) {