diff --git a/scripts/userstyles.yml b/scripts/userstyles.yml index 266008b317..120fb99c0f 100644 --- a/scripts/userstyles.yml +++ b/scripts/userstyles.yml @@ -226,6 +226,12 @@ userstyles: usage: "Switch to either the dark or default themes via the **gear icon** > **themes** > **view all** for the best experience!" app-link: "https://mail.google.com" current-maintainers: [*isabelroses] + google: + name: Google + category: search_engine + readme: + app-link: "https://google.com" + current-maintainers: [*gitmuslim] hacker-news: name: Hacker News category: social diff --git a/styles/google/assets/catwalk.webp b/styles/google/assets/catwalk.webp new file mode 100644 index 0000000000..71544556d2 --- /dev/null +++ b/styles/google/assets/catwalk.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:f9a5d27a8a8bd8be4b654f7a1f865b47e768c12cc245430376b60df053687b67 +size 27950 diff --git a/styles/google/assets/frappe.webp b/styles/google/assets/frappe.webp new file mode 100644 index 0000000000..3769d75fae --- /dev/null +++ b/styles/google/assets/frappe.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:f659ceaa2482f0ea9841c30dcc405ede816badeb213b36b93237e00a4581dbef +size 13908 diff --git a/styles/google/assets/latte.webp b/styles/google/assets/latte.webp new file mode 100644 index 0000000000..15b70e8b9c --- /dev/null +++ b/styles/google/assets/latte.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:b71fab498322f6a6a1a147bb088744e68b0e5de96730988a1582125fe406b114 +size 12748 diff --git a/styles/google/assets/macchiato.webp b/styles/google/assets/macchiato.webp new file mode 100644 index 0000000000..42a58bb843 --- /dev/null +++ b/styles/google/assets/macchiato.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:d3c000a0f705a322d2df40e0f45c813c4b117669db03c812889c7f89cec4ea50 +size 13860 diff --git a/styles/google/assets/mocha.webp b/styles/google/assets/mocha.webp new file mode 100644 index 0000000000..c5036597c6 --- /dev/null +++ b/styles/google/assets/mocha.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:5a54ef191d31454d59fb60e4256971dca2a5ede1e055a069f3958b16a119e43f +size 13894 diff --git a/styles/google/catppuccin.user.css b/styles/google/catppuccin.user.css new file mode 100644 index 0000000000..3a0885e638 --- /dev/null +++ b/styles/google/catppuccin.user.css @@ -0,0 +1,1348 @@ +/* ==UserStyle== +@name Google Catppuccin +@namespace github.com/catppuccin/userstyles/styles/google +@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/google +@version 0.1.0 +@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/google/catppuccin.user.css +@description Soothing pastel theme for Google +@author Catppuccin +@license MIT + +@preprocessor less +@var select flavor "Flavor" ["latte:Latte", "frappe:Frappe", "macchiato:Macchiato", "mocha:Mocha*"] +==/UserStyle== */ + +@-moz-document regexp("^https?://(www\\.|images\\.)?google\\..*") +{ + #catppuccin(@lookup) { + @flamingo: @catppuccin[@@lookup][@flamingo]; + @pink: @catppuccin[@@lookup][@pink]; + @mauve: @catppuccin[@@lookup][@mauve]; + @red: @catppuccin[@@lookup][@red]; + @maroon: @catppuccin[@@lookup][@maroon]; + @peach: @catppuccin[@@lookup][@peach]; + @yellow: @catppuccin[@@lookup][@yellow]; + @green: @catppuccin[@@lookup][@green]; + @teal: @catppuccin[@@lookup][@teal]; + @sky: @catppuccin[@@lookup][@sky]; + @sapphire: @catppuccin[@@lookup][@sapphire]; + @blue: @catppuccin[@@lookup][@blue]; + @lavender: @catppuccin[@@lookup][@lavender]; + @text: @catppuccin[@@lookup][@text]; + @subtext1: @catppuccin[@@lookup][@subtext1]; + @subtext0: @catppuccin[@@lookup][@subtext0]; + @overlay2: @catppuccin[@@lookup][@overlay2]; + @overlay1: @catppuccin[@@lookup][@overlay1]; + @overlay0: @catppuccin[@@lookup][@overlay0]; + @surface2: @catppuccin[@@lookup][@surface2]; + @surface1: @catppuccin[@@lookup][@surface1]; + @surface0: @catppuccin[@@lookup][@surface0]; + @base: @catppuccin[@@lookup][@base]; + @mantle: @catppuccin[@@lookup][@mantle]; + @crust: @catppuccin[@@lookup][@crust]; + + background: @base !important; + --uv-styles-color-surface: @crust; + --uv-styles-color-tertiary: @surface0; + --uv-styles-color-secondary: fade(@blue, 25%); + --uv-styles-color-text-primary: @blue; + --uv-styles-color-icon-default: @text; + --uv-styles-color-text-emphasis: @text; + --uv-styles-color-icon-on-secondary: @subtext0; + + .gb_Ka.gb_f, + .gb_Na.gb_f { + background-color: @base !important; + svg, .gb_Rc svg, .gb_dd .gb_ld, .gb_3c .gb_ld { + color: @text; + } + } + .uU7dJb { + border-bottom-color: @surface0; + background-color: @mantle; + color: @subtext1; + } + .KxwPGc { + background-color: @mantle; + } + .gbqfba, + .lJ9FBc input[type="submit"] { + color: @text; + background-color: @surface0; + border-color: @surface1; + &:hover { + color: @text; + background-color: @surface0; + border-color: @surface2; + } + } + .pHiOh, + a.pHiOh { + color: @subtext1 !important; + } + a { + color: @blue; + } + .RNNXgb { + background: @surface0; + border-color: @surface1; + } + .RNNXgb:hover, + .sbfc .RNNXgb { + background: @surface0 !important; + border-color: @surface0; + box-shadow: 0 1px 6px 0 @crust; + } + .minidiv .RNNXgb { + background: @surface0; + border-color: @surface1; + &:hover { + box-shadow: 0 4px 12px @crust; + } + } + .emcav .RNNXgb { + box-shadow: 0 1px 6px 0 @crust; + background: @surface0; + border-color: @surface0; + } + .aajZCb { + background: @surface0; + box-shadow: 0 4px 6px 0 @crust; + } + .xtSCL { + border-top-color: @surface2; + } + .sbct:hover { + background-color: @surface1; + } + .WggQGd { + color: @mauve !important; + } + .JCHpcb { + color: @subtext0; + } + .JCHpcb:hover { + color: @blue; + } + .wM6W7d { + color: @text; + } + .ExCKkf { + color: @subtext0; + } + .ACRAdd { + border-left-color: @overlay0; + } + #SIvCob { + color: @text; + } + .gb_Jc a.gb_B, + .gb_Jc span.gb_B { + color: @text; + } + .gb_Jc svg, + .gb_Oc.gb_Sc svg, + .gb_Jc .gb_ad .gb_id, + .gb_Jc .gb_ad .gb_Ic, + .gb_Jc .gb_ad .gb_cd, + .gb_Oc.gb_Sc .gb_id { + color: @text; + } + .gb_Ka svg, + .gb_Oc svg, + .gb_ad .gb_id, + .gb_0c .gb_id { + color: @text; + } + .gLFyf { + color: @text; + } + .QCzoEc { + color: @overlay2; + } + .szppmdbYutt__middle-slot-promo { + color: @text; + } + .gb_Jc .gb_Ud button:hover svg, + .gb_Jc .gb_d:hover { + background-color: @surface0; + } + .gb_Jc .gb_Ud.gb_qe button:hover svg, + .gb_Ud button:hover svg, + .gb_d:hover { + background-color: @surface0; + } + .gb_We { + background: @mantle; + color: @text; + } + a.gb_B, + span.gb_B { + color: @text; + } + .gb_zc div:first-child { + color: @text; + } + .gb_zc > * { + color: @subtext0; + } + .ClJ9Yb { + color: @subtext0; + } + .sfbg { + background-color: @base; + } + .jfN4p, + .lnXdpd { + @svg-raw: ''; + @svg: escape(@svg-raw); + content: url("data:image/svg+xml,@{svg}"); + } + .zgAlFc { + color: @blue; + } + .fLciMb { + color: @text; + } + .fLciMb:hover { + background-color: @surface0; + } + .kno-ftr.rpBMYb { + color: @subtext0; + } + .aTI8gc { + color: @text; + } + .wwUB2c { + color: @subtext0; + } + .z1asCe { + color: @text !important; + fill: @text !important; + } + .rsGxI.Ww4FFb, + .Ww4FFb { + background-color: @base; + } + .RES9jf { + color: @text; + } + .CSkcDe, + .related-question-pair div.iDjcJe { + color: @text; + } + .cUnQKe .ILfuVd b { + background-color: fade(@blue, 25%); + color: @text; + } + .cUnQKe .ILfuVd, + .cUnQKe .UiGGAb.ILfuVd { + color: @subtext1; + } + .ZYHQ7e { + color: @subtext0; + } + .VuuXrf { + color: @text; + } + .hb8SAc { + color: @text; + } + .TQc1id .I6TXqe { + border-color: @surface2; + } + .I6TXqe { + background: @base; + } + .HsZQAe { + border-bottom-color: @surface2; + } + .NtaMpb .niO4u { + background-color: @base; + } + .iRPzcb { + border-bottom-color: @surface1; + } + .related-question-pair .d0fCJc { + color: @text; + } + cite, + cite a:link, + cite a:visited { + color: @subtext0; + } + .WZ8Tjf { + color: @subtext0; + } + .yDYNvb.lyLwlc { + color: @text; + } + .H9lube { + background-color: @base; + border-color: @surface2; + } + .akqY6 { + background: @surface1; + } + .KFFQ0c .YfftMc, + .KFFQ0c .YfftMc span, + .KFFQ0c .YfftMc div, + .KFFQ0c .YfftMc a { + color: @subtext0; + } + .dyjrff { + color: @subtext1; + } + .appbar { + background: @base; + } + .LHJvCe { + color: @subtext0; + } + .dG2XIf .xpdbox .yc7KLc { + background-color: @base; + } + .URgIvb { + border-color: @blue; + background-color: @blue; + } + .pdpvld { + color: @green; + } + .YrbPuc { + color: @subtext1; + } + .S8ee5.CwbYXd { + color: @text; + } + .S8ee5 { + background: @surface0; + } + .S8ee5:hover { + background: @surface1; + } + .rhHIGd { + background-color: @surface2; + } + .sY7ric { + color: @text; + } + .I6a0ee { + background-color: @base; + border-color: @surface2; + color: @text; + } + .I6a0ee:hover { + background-color: @mantle; + border-color: @surface2; + } + .I6a0ee:focus { + background-color: @crust; + border-color: @surface2; + } + .pxhZNb { + background-color: @surface0 !important; + color: @text; + } + .d2F2Td { + color: @text; + } + .c07z9 { + color: @subtext0; + } + .c07z9 a, + .c07z9 a:active, + .c07z9 a:link { + color: @text; + text-decoration-color: @subtext0; + } + .wHYlTd { + color: @subtext0; + } + .dG2XIf .c2xzTb .wDYxhc:first-child { + background: @base; + } + .fm06If .ILfuVd, + .c2xzTb .ILfuVd, + .Jb0Zif .c2xzTb .ILfuVd { + color: @text; + } + .fm06If .ILfuVd b, + .c2xzTb .ILfuVd b { + background-color: fade(@blue, 25%); + color: @text; + } + .GKS7s { + background: @surface0; + border-color: @surface1; + } + .GKS7s:hover { + background-color: @surface1 !important; + border-color: @surface2; + } + .yXK7lf em { + color: @text; + } + .Lb0dA:hover { + background-color: @surface0; + } + .Lb0dA[aria-expanded="true"]:hover .EGarzf { + color: @blue; + } + .Lb0dA[aria-expanded="true"] { + background-color: fade(@blue, 25%); + } + .BaegVc:hover { + background-color: @surface0; + } + .hdtb-tl-sel .BaegVc { + background-color: fade(@blue, 25%); + } + .BaegVc:focus { + background-color: fade(@blue, 25%); + } + .TZqsAd { + background: @overlay0; + } + .FalWJb { + background: @base; + } + .YeThId { + border-top-color: @surface1; + } + .k8XOCe { + background-color: @surface0; + } + .s75CSd { + color: @text; + } + .ZkkK1e { + background: @base; + border-color: @surface1; + } + .ZkkK1e:hover { + background: @surface0; + } + .QjI2jc { + color: @subtext0; + } + .lhLbod { + color: @subtext0; + } + .nr7I6e div[aria-expanded="true"] .F75bid, + .nr7I6e div[aria-expanded="true"]:hover .fFI3rb .F75bid { + color: @blue; + } + .F75bid { + color: @subtext0; + } + div[aria-expanded="true"] .fFI3rb { + background-color: fade(@blue, 25%) !important; + } + div[aria-expanded="true"]:hover .fFI3rb:hover { + background-color: fade(@blue, 25%) !important; + } + .MAMMm { + background: @mantle; + box-shadow: 0 2px 6px @crust !important; + } + [selected].nWtjMe { + background: fade(@blue, 25%) !important; + } + .uZNuIf:hover { + background-color: @surface0; + color: @text; + } + [selected].nWtjMe .FMKtTb { + color: @text; + } + .nWtjMe .FMKtTb { + color: @subtext0; + } + .GKS7s .FMKtTb, + .GKS7s .RWhoyd.mol54e { + color: @text; + } + .ePSouf .FMKtTb { + color: @subtext0; + } + .NkCsjc:hover { + background-color: @surface0 !important; + color: @text; + } + .nr7I6e div[aria-haspopup="true"]:hover .F75bid { + color: @text; + } + a.hisnlb { + background: fade(@overlay2, 25%); + } + div[aria-expanded="true"] .fFI3rb, + div[aria-expanded="true"]:hover .fFI3rb:hover { + background-color: @surface0 !important; + } + .hdtb-tl-sel .BaegVc .WjMmQ:hover { + color: @blue; + } + .hdtb-mn-hd { + color: @subtext0; + } + .hdtb-mn-hd:hover { + color: @text; + } + .fSnalc { + stroke: @text; + } + .oOg6Ne { + stroke: @text; + } + .ZqPjbb { + stroke: @text; + } + .aPiskd { + stroke: @text; + } + .s8GCU { + background-color: @base; + } + .Lj9fsd { + background-color: @base; + } + .jZWadf { + background-color: @base; + } + .rQEFy, + .rQEFy:hover { + border-color: fade(@blue, 25%); + background-color: fade(@blue, 25%); + } + .gbZSUe { + color: @text; + } + .gbZSUe:hover { + background: @surface0; + } + .XZ5MVe { + color: @blue; + } + a:visited { + color: @mauve; + } + .F9Idpe { + background: linear-gradient(to right, transparent 0%, @base 60%, @base); + } + .SvoXfb > .x5f7Bc { + fill: @subtext0; + } + .SvoXfb:hover > .x5f7Bc { + fill: @text; + } + .SvoXfb:hover { + background-color: @surface0; + } + .IsZvec { + color: @subtext0; + } + .uo4vr { + color: @subtext0; + } + .minidiv .sfbg { + background: @base; + box-shadow: 0 1px 6px 0 @crust; + } + .aqCVJb { + background-color: @blue !important; + border-color: @blue !important; + } + .T8VaVe { + color: @blue; + } + #tw-source-text-container .tw-ta, + #tw-source-rmn-container .tw-ta { + color: @text; + } + #tw-target { + background-color: @surface0; + } + .tw-data-placeholder { + color: @text; + } + .j1iyq { + border-color: @surface2; + } + .w8qArf .fl { + color: @text !important; + } + .HSryR a.B1uW2d { + border-bottom-color: @surface2; + } + .usJj9c .zz3gNc { + color: @text; + } + .Ss2Faf a { + color: @text; + } + .aCOpRe em, + .yXK7lf em { + color: @text; + } + .FR7ZSc .niO4u { + background-color: @base; + border-color: @surface2; + color: @blue; + } + .g { + color: @text; + } + .VSHxQ { + color: @subtext0; + } + .cF4V5c { + background-color: @crust !important; + } + .cF4V5c g-menu-item a, + .cF4V5c g-menu-item a:visited, + .cF4V5c g-menu-item a:hover { + color: @text; + } + .cF4V5c:hover g-menu-item:hover a, + .cF4V5c:hover g-menu-item a:visited, + .cF4V5c g-menu-item a:hover { + background-color: @surface0; + } + .GZnQqe.LGiluc { + border-top-color: @surface2 !important; + } + .pkWBse { + box-shadow: 1px 1px 15px 0 @crust; + } + .dG2XIf { + background: @base; + } + .Z0LcW { + color: @text; + } + .i29hTd .qLLird { + color: @text; + } + .i29hTd .kR7nSc { + color: @text; + } + .N6Sb2c { + color: @subtext0; + } + .C9iYEe { + color: @subtext0; + } + .KcXNxb { + background: @base; + } + .ss6qqb .PKDVJd { + color: @subtext0; + } + a.oBa0Fe { + color: @subtext0; + } + .o6juZc { + background-color: @surface0; + } + .o6juZc:hover { + background-color: @surface0; + box-shadow: 0 4px 12px @crust; + } + .W6pGoe { + background: @surface0; + box-shadow: 0 4px 6px 0 @crust; + } + .WdWr7c { + border-top-color: @surface2; + } + .sU3bKf { + color: @text; + } + .O5OUld { + color: @subtext0; + } + .zP7KFe { + background: @surface1; + } + .O5OUld:hover { + color: @blue; + } + .og3lId { + color: @text; + } + .M3w8Nb .o6juZc { + box-shadow: 0 1px 6px 0 @crust; + } + .r8xEL { + color: @text; + } + .ZZ7G7b { + color: @text; + border-color: @surface1; + } + .NZmxZe { + background-color: @base; + border-color: @surface1; + color: @text; + } + .NZmxZe:not(.rQEFy):hover { + background-color: @surface0; + border-color: @surface1; + color: @text; + } + .ssfWCe .ZXJQ7c { + color: @subtext0; + } + .ssfWCe .ZXJQ7c:hover { + background-color: @surface0; + color: @text; + } + .qcTKEe { + background-color: @base; + } + .ooPrBf { + background: @base; + } + .r9PaP { + color: @subtext0; + } + .r9PaP:hover { + color: @blue; + } + .H1KrKd { + fill: @subtext0; + } + .cEPPT { + border-bottom-color: @surface1; + } + .Ix6LGe { + background: @base; + box-shadow: 0 2px 10px 0 @crust; + } + .Hm7Qac:hover, + .EuKAde { + background-color: @surface0; + } + .igM9Le { + color: @text; + } + .irf0hb { + box-shadow: 1px 1px 15px 0 @crust; + } + .gb_Mc .gb_Vd button:hover svg, + .gb_Mc .gb_d:hover { + background-color: @surface0; + } + .gb_Mc svg, + .gb_Rc.gb_Vc svg, + .gb_Mc .gb_dd .gb_ld, + .gb_Mc .gb_dd .gb_Lc, + .gb_Mc .gb_dd .gb_fd, + .gb_Rc.gb_Vc .gb_ld { + color: @text; + } + .cEW58 { + background-color: @surface0; + } + .dyAbMb { + fill: @subtext0; + } + .zItAnd, + .zItAnd:link, + .zItAnd:visited, + .zItAnd:hover, + .zItAnd:active { + color: @text; + } + .zItAnd { + background-color: @base; + border-color: @surface1; + } + .zItAnd:not(.MgQdud):hover { + background-color: @surface0; + border-color: @surface1; + } + .fKmH1e { + background-color: @base; + border-color: @surface1; + } + .fKmH1e:hover { + background-color: @surface0; + border-color: @surface1; + } + .nfSF8e, + .WRhYSc { + color: @subtext0; + } + .nfSF8e:hover, + .WRhYSc:hover { + background-color: @surface0; + color: @subtext0; + } + .ssJ7i { + color: @text; + } + .iAIpCb { + color: @subtext0; + } + .KMdzJ { + color: @subtext1; + } + .PmPt7d { + color: @subtext0; + } + .gb_Mc a.gb_E, + .gb_Mc span.gb_E { + color: @text; + } + a.gb_E, span.gb_E { + color: @text !important; + } + .RzdJxc { + border-top-color: @surface2; + } + .rKnmn { + border-top-color: @surface2; + } + .FzCfme { + color: @subtext0; + } + .hMJ0yc { + color: @subtext0; + } + .yg51vc { + background-color: @base; + } + .hdtb-mitem a { + color: @subtext0; + } + .hdtb-mitem .GOE98c, + .hdtb-mitem a, + .hdtb-mitem.hdtb-msel, + .t2vtad { + color: @subtext0; + } + .t2vtad:not(.hdtb-tl-sel) { + color: @subtext0; + } + .t2vtad:not(.hdtb-tl-sel):hover { + background-color: @surface0; + border-color: @surface1; + color: @text; + box-shadow: 0 1px 1px @crust; + } + .hdtb-mitem:hover .GOE98c:hover, + .hdtb-mitem:hover a, + .hdtb-mitem.hdtb-msel, + .t2vtad:hover { + color: @blue; + } + .w6PoOe { + color: @subtext0; + } + .w6PoOe:hover { + color: @text; + } + .Lj9fsd.DU1Mzb { + background-color: @base; + box-shadow: 0 1px 6px 0 @crust; + .o6juZc { + border-color: @surface1 !important; + } + } + .dZ5aUe .vbLSne .MjJqGe:not(.xvfzbc):hover { + background-color: @surface0; + } + .FjVBEd { + color: @green; + } + title-with-lhs-icon:hover .ekf0x h3 { + color: @blue; + } + .GmE3X { + color: @text; + } + .iv236 { + color: @text; + } + .GLcBOb { + border-bottom-color: @surface1; + } + .ss6qqb .Ui2TZ { + color: @text; + } + .wx62f { + color: @subtext0; + } + #rhs .u7yw9 { + border-left-color: @surface1; + } + .ss6qqb .Jk5Tjc { + border-color: @surface2; + } + #rhs .u7yw9 .cLjAic { + border-bottom-color: @surface1; + } + .JNkvid .HnYYW { + color: @text; + } + .aokhrd .TZahnb { + border-left-color: @surface1; + } + .Cx1ZMc { + color: @subtext0; + } + .CBPSbf { + background-color: @base; + } + .E74aCb { + color: @text; + } + .OE86Gc { + background-color: @base; + color: @text; + fill: @text; + } + .c72nic { + color: @text; + } + .GXMTjb { + background-color: @base; + border-color: @surface0; + } + .A9y7kf { + color: @subtext0; + } + .OE86Gc a { + color: @blue; + } + .Es2Et { + color: @subtext0; + } + .KwJT0.VqKh3b div div { + background-color: @base; + fill: @text; + color: @text; + border-color: @surface1; + } + .rx7XFb { + background-color: @surface0; + } + .VP31Vb { + color: @text; + } + .HXQjqf { + background-color: fade(@blue, 25%); + color: @blue; + } + .SW5pqf { + color: @blue; + } + .rQEFy:hover { + color: @blue; + } + .hdtb-tl-sel { + border-color: @surface2; + background: @surface0; + color: @text; + } + .hdtb-tl-sel:focus { + border-color: @surface2; + background: @surface0; + color: @blue; + } + .t2vtad:active, + .t2vtad:not(.hdtb-tl-sel):hover:active { + background-color: @surface0 !important; + box-shadow: inset 0 1px 2px @crust !important; + } + .gTl8xb { + border-color: @subtext0 transparent; + } + .hdtb-mn-hd:hover .gTl8xb { + border-color: @text transparent; + } + .h3L8Ub .yMAEcf { + background: @surface0; + border-color: @surface2; + } + .ynRric { + color: @subtext0; + } + .cRV9hb .pcTkSc .wM6W7d { + color: @text; + } + .h3L8Ub .yMAEcf.sbhl { + background-color: @surface1; + } + .sbhl { + background: @surface1; + } + .CjiZvb, + .GZnQqe.EpPYLd:active { + background-color: @surface0; + } + .PyJv1b { + color: @text; + } + .REySof { + color: @blue !important; + } + .NQyKp { + color: @blue !important; + background: @blue !important; + } + .b0Xfjd { + color: @base !important; + } + .LiOdre { + background-color: @base; + border-color: @surface1; + } + .LiOdre:hover { + background-color: @mantle; + border-color: @surface2; + } + .LiOdre:focus { + border-color: @blue; + } + .mfsgsd { + color: @text; + } + .GCSyeb { + background: @surface1; + } + .IVvPP .cLjAic.WY0eLb, + .Hwkikb.WY0eLb { + border-left-color: @surface1; + } + .mQo3nc { + background-color: @surface0; + color: @subtext0 !important; + } + .cfBJGe { + color: @text; + } + .f6F9Be { + background: @mantle; + } + .KwU3F { + color: @blue; + } + .b0KoTc { + color: @text; + } + .dfB0uf { + color: @text; + } + .unknown_loc { + background: @text; + } + .GS5rRd { + color: @blue; + } + .xSQxL { + color: @blue; + } + .smiUbb { + color: @text; + } + .b2hzT { + border-bottom-color: @surface0; + } + #swml { + border-left-color: @surface0; + } + .KXbwLb { + background-color: @surface2; + } + .WZH4jc .VknLRd .GNJvt { + background: @surface0; + } + .WZH4jc .VknLRd:hover .GNJvt { + background: @surface1; + } + .GNJvt { + color: @text; + } + .fJOpI.H9lube { + background-color: @blue !important; + border-color: @blue; + } + .XNo5Ab.XNo5Ab { + color: @base !important; + fill: @base !important; + } + .Ss2Faf.boljiHqtXe7__place-qa-title { + color: @text !important; + } + .xEzgBc { + color: @text !important; + } + .Ss2Faf.sq4Bpf { + color: @text !important; + } + .ea0Lbe { + background: @surface0; + } + .f6GA0, .CacfB, .Ua7Yuf { + background: @base; + } + .DV7the { + color: @blue; + } + .ZeVBtc { + color: @subtext0; + } + .cB9M7 { + background-color: @surface0; + border-color: @surface1; + color: @text; + &:hover { + border-color: @surface2; + } + &:focus { + border-color: @blue; + } + } + .Qwbd3 { + background: @surface0; + color: @text; + border-color: @surface1; + &:hover { + background: @surface1; + border-color: @surface2; + } + } + .ArIAXb { + fill: @surface0; + } + .qOFLsb { + fill: @surface0; + } + .aHK1bd { + color: @subtext0; + } + .diOlIe { + border-top: 1px solid @overlay0; + } + .p4pvTd { + color: @text; + } + .gIYJUc { + background: @base !important; + border-color: @surface1 !important; + } + .Gdd5U > g:nth-child(2) { + > circle:nth-child(1) { + fill: @green !important; + } + > circle:nth-child(2) { + fill: @blue !important; + } + > path:nth-child(3) { + fill: @red !important; + } + > path:nth-child(4) { + fill: @yellow !important; + } + > path:nth-child(5) { + fill: @blue !important; + } + } + .CbAZb { + background: @base; + border-bottom: 1px solid @surface0; + } + .S8wJ3 { + color: @text !important; + } + .ZI7elf { + color: @text !important; + } + .tGS0Nc { + color: @text; + } + .kzt0Nc a { + color: @subtext0 !important; + } + .fgc1P, .N7KPxb { + border-top: 1px solid @surface0 !important; + } + .kQEH5b { + color: @subtext0 !important; + } + .kNKdL { + color: @text !important; + } + .q0yked:hover { + background-color: @mantle !important; + } + .Oz5Rbb:hover { + background: @mantle !important; + } + .lwwARb { + background-color: @crust !important; + } + .LO47Ff { + color: @text; + } + .j8PBfc { + color: @subtext0; + } + .act-tim-txt-cnt { + color: @text; + } + .act-switch-area { + background-color: @base !important; + } + .q8U8x > div:nth-child(1) { + background-color: @base !important; + } + .EwDHG, .vNdLpe, .vNdLpe:visited { + color: @subtext0 !important; + } + color: @subtext0; + } + body { + #catppuccin(@flavor); + } +} + +@-moz-document regexp("^https?://(ogs\\.)?google\\..*") +{ + #catppuccin(@lookup) { + @flamingo: @catppuccin[@@lookup][@flamingo]; + @pink: @catppuccin[@@lookup][@pink]; + @mauve: @catppuccin[@@lookup][@mauve]; + @red: @catppuccin[@@lookup][@red]; + @maroon: @catppuccin[@@lookup][@maroon]; + @peach: @catppuccin[@@lookup][@peach]; + @yellow: @catppuccin[@@lookup][@yellow]; + @green: @catppuccin[@@lookup][@green]; + @teal: @catppuccin[@@lookup][@teal]; + @sky: @catppuccin[@@lookup][@sky]; + @sapphire: @catppuccin[@@lookup][@sapphire]; + @blue: @catppuccin[@@lookup][@blue]; + @lavender: @catppuccin[@@lookup][@lavender]; + @text: @catppuccin[@@lookup][@text]; + @subtext1: @catppuccin[@@lookup][@subtext1]; + @subtext0: @catppuccin[@@lookup][@subtext0]; + @overlay2: @catppuccin[@@lookup][@overlay2]; + @overlay1: @catppuccin[@@lookup][@overlay1]; + @overlay0: @catppuccin[@@lookup][@overlay0]; + @surface2: @catppuccin[@@lookup][@surface2]; + @surface1: @catppuccin[@@lookup][@surface1]; + @surface0: @catppuccin[@@lookup][@surface0]; + @base: @catppuccin[@@lookup][@base]; + @mantle: @catppuccin[@@lookup][@mantle]; + @crust: @catppuccin[@@lookup][@crust]; + + .aRDKUe { + .rRF0wd { + fill: @yellow !important; + } + .ub0gT { + fill: @base !important; + } + .Pzuhxc { + color: @text !important; + &:hover { + background-color: @surface2 !important; + } + } + .hCDve { + color: @text !important; + } + .WkuXae { + color: @blue; + } + .coHE2 { + border-color: @surface2 !important; + &:hover { + background-color: fade(@blue, 25%); + } + } + .eYSAde { + color: @text !important; + } + .Lvwayc { + background-color: @surface0 !important; + } + .Z6NXed { + color: @text !important; + } + .bMnvr { + background: @surface1 !important; + } + .Wdz6e { + color: @subtext0 !important; + } + .LzIwWe { + color: @text !important; + } + .znj3je { + color: @text !important; + } + .fVFoBd { + color: @text !important; + } + .cllK4d { + background: @surface0 !important; + color: @subtext0 !important; + } + .aFCkf { + background: @surface0 !important; + color: @blue !important; + } + .DgDbFe .vZvJBb:not(:first-child) .BVnP4c::before { + color: @text !important; + } + .qLP7kc .jFfZdd { + background: @base !important; + } + .Z6NXed:hover { + background-color: @surface1 !important; + } + } + .nz9sqb.EHzcec { + background: var(--gm3-sys-color-surface-container-high, @surface0); + .LVal7b { + background: var(--gm3-sys-color-surface-container-low, @mantle); + } + } + .nz9sqb { + .NQV3m { + color: var(--gm3-sys-color-primary, @blue); + border-color: var(--gm3-sys-color-outline, @surface2); + &:hover { + background-color: fade(@blue, 25%); + } + &:focus { + background-color: fade(@blue, 25%); + } + } + .Rq5Gcb { + color: @text !important; + } + .tX9u1b:hover { + background-color: @surface0; + } + } + .nz9sqb.o07G5 .tX9u1b:active, .nz9sqb.o07G5 .tX9u1b:active:focus, .nz9sqb.o07G5 .tX9u1b:active .Rq5Gcb, .nz9sqb.o07G5 .tX9u1b:active:hover .Rq5Gcb { + background-color: @surface0; + } + } + body { + #catppuccin(@flavor); + } +} + +/* prettier-ignore */ +@catppuccin: { + @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; }; + @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; }; + @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; }; + @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; }; +}