From bf3b28cc261c85cbaae54362552a9c27d0933f7d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sergio=20La=C3=ADn?= Date: Sun, 8 Oct 2023 01:09:06 +0200 Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20chore(stylus):=20update=20stylus?= =?UTF-8?q?=20sources?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .config/librewolf/stylus/stylus-themes.json | 1944 ++++++++++++------- 1 file changed, 1290 insertions(+), 654 deletions(-) diff --git a/.config/librewolf/stylus/stylus-themes.json b/.config/librewolf/stylus/stylus-themes.json index 9012f14c..f826650f 100644 --- a/.config/librewolf/stylus/stylus-themes.json +++ b/.config/librewolf/stylus/stylus-themes.json @@ -38,6 +38,7 @@ "manage.newUI.faviconsGray": true, "manage.newUI.targets": 3, "manage.newUI.sort": "dateInstalled,desc, title,asc", + "manage.searchMode": "meta", "editor.options": {}, "editor.toc.expanded": true, "editor.options.expanded": true, @@ -126,67 +127,6 @@ "installationUrl": "https://userstyles.world/style/3838", "id": 12 }, - { - "enabled": true, - "updateUrl": "https://github.com/catppuccin/google/raw/main/src/catppuccin.user.css", - "url": "https://github.com/catppuccin/google", - "installDate": 1676113431431, - "sections": [ - { - "code": "" - } - ], - "sourceCode": "/* ==UserStyle==\n@name Google Catppuccin\n@namespace github.com/catppuccin/google\n@homepageURL https://github.com/catppuccin/google\n@version 1.2.8\n@description Soothing pastel theme for Google\n@author Catppuccin - mustafakhalaf-git\n@preprocessor stylus\n@updateURL https://github.com/catppuccin/google/raw/main/src/catppuccin.user.css\n@license MIT\n\n@var select darktheme \"Theme\" [\"Latte\", \"Frappe\", \"Macchiato\", \"Mocha\"]\n==/UserStyle== */\n@-moz-document regexp(\"^https?://(www\\\\.|images\\\\.)?google\\\\..*\") {\n colourscheme(flavour) {\n if (flavour==\"Latte\") {\n --ctp-rosewater: #dc8a78;\n --ctp-flamingo: #dd7878;\n --ctp-pink: #ea76cb;\n --ctp-mauve: #8839ef;\n --ctp-red: #d20f39;\n --ctp-maroon: #e64553;\n --ctp-peach: #fe640b;\n --ctp-yellow: #df8e1d;\n --ctp-green: #40a02b;\n --ctp-teal: #179299;\n --ctp-sky: #04a5e5;\n --ctp-sapphire: #209fb5;\n --ctp-blue: #1e66f5;\n --ctp-lavender: #7287fd;\n --ctp-rosewatera: rgba(220, 138, 120, 0.25);\n --ctp-flamingoa: rgba(221, 120, 120, 0.25);\n --ctp-pinka: rgba(234, 118, 203, 0.25);\n --ctp-mauvea: rgba(136, 57, 239, 0.25);\n --ctp-reda: rgba(210, 15, 57, 0.25);\n --ctp-maroona: rgba(230, 69, 83, 0.25);\n --ctp-peacha: rgba(254, 100, 11, 0.25);\n --ctp-yellowa: rgba(223, 142, 29, 0.25);\n --ctp-greena: rgba(64, 160, 43, 0.25);\n --ctp-teala: rgba(23, 146, 153, 0.25);\n --ctp-skya: rgba(4, 165, 229, 0.25);\n --ctp-sapphirea: rgba(32, 159, 181, 0.25);\n --ctp-bluea: rgba(30, 102, 245, 0.25);\n --ctp-lavendera: rgba(114, 135, 253, 0.25);\n --ctp-text: #4c4f69;\n --ctp-subtext1: #5c5f77;\n --ctp-subtext0: #6c6f85;\n --ctp-overlay2: #7c7f93;\n --ctp-overlay1: #8c8fa1;\n --ctp-overlay0: #9ca0b0;\n --ctp-surface2: #acb0be;\n --ctp-surface1: #bcc0cc;\n --ctp-surface0: #ccd0da;\n --ctp-base: #eff1f5;\n --ctp-mantle: #e6e9ef;\n --ctp-crust: #dce0e8;\n }\n if (flavour==\"Frappe\") {\n --ctp-rosewater: #f2d5cf;\n --ctp-flamingo: #eebebe;\n --ctp-pink: #f4b8e4;\n --ctp-mauve: #ca9ee6;\n --ctp-red: #e78284;\n --ctp-maroon: #ea999c;\n --ctp-peach: #ef9f76;\n --ctp-yellow: #e5c890;\n --ctp-green: #a6d189;\n --ctp-teal: #81c8be;\n --ctp-sky: #99d1db;\n --ctp-sapphire: #85c1dc;\n --ctp-blue: #8caaee;\n --ctp-lavender: #babbf1;\n --ctp-rosewatera: rgba(242, 213, 207, 0.25);\n --ctp-flamingoa: rgba(238, 190, 190, 0.25);\n --ctp-pinka: rgba(244, 184, 228, 0.25);\n --ctp-mauvea: rgba(202, 158, 230, 0.25);\n --ctp-reda: rgba(231, 130, 132, 0.25);\n --ctp-maroona: rgba(234, 153, 156, 0.25);\n --ctp-peacha: rgba(239, 159, 118, 0.25);\n --ctp-yellowa: rgba(229, 200, 144, 0.25);\n --ctp-greena: rgba(166, 209, 137, 0.25);\n --ctp-teala: rgba(129, 200, 190, 0.25);\n --ctp-skya: rgba(153, 209, 219, 0.25);\n --ctp-sapphirea: rgba(133, 193, 220, 0.25);\n --ctp-bluea: rgba(140, 170, 238, 0.25);\n --ctp-lavendera: rgba(186, 187, 241, 0.25);\n --ctp-text: #c6d0f5;\n --ctp-subtext1: #b5bfe2;\n --ctp-subtext0: #a5adce;\n --ctp-overlay2: #949cbb;\n --ctp-overlay1: #838ba7;\n --ctp-overlay0: #737994;\n --ctp-surface2: #626880;\n --ctp-surface1: #51576d;\n --ctp-surface0: #414559;\n --ctp-base: #303446;\n --ctp-mantle: #292c3c;\n --ctp-crust: #232634;\n }\n if (flavour==\"Macchiato\") {\n --ctp-rosewater: #f4dbd6;\n --ctp-flamingo: #f0c6c6;\n --ctp-pink: #f5bde6;\n --ctp-mauve: #c6a0f6;\n --ctp-red: #ed8796;\n --ctp-maroon: #ee99a0;\n --ctp-peach: #f5a97f;\n --ctp-yellow: #eed49f;\n --ctp-green: #a6da95;\n --ctp-teal: #8bd5ca;\n --ctp-sky: #91d7e3;\n --ctp-sapphire: #7dc4e4;\n --ctp-blue: #8aadf4;\n --ctp-lavender: #b7bdf8;\n --ctp-rosewatera: rgba(244, 219, 214, 0.25);\n --ctp-flamingoa: rgba(240, 198, 198, 0.25);\n --ctp-pinka: rgba(245, 189, 230, 0.25);\n --ctp-mauvea: rgba(198, 160, 246, 0.25);\n --ctp-reda: rgba(237, 135, 150, 0.25);\n --ctp-maroona: rgba(238, 153, 160, 0.25);\n --ctp-peacha: rgba(245, 169, 127, 0.25);\n --ctp-yellowa: rgba(238, 212, 159, 0.25);\n --ctp-greena: rgba(166, 218, 149, 0.25);\n --ctp-teala: rgba(139, 213, 202, 0.25);\n --ctp-skya: rgba(145, 215, 227, 0.25);\n --ctp-sapphirea: rgba(125, 196, 228, 0.25);\n --ctp-bluea: rgba(138, 173, 244, 0.25);\n --ctp-lavendera: rgba(183, 189, 248, 0.25);\n --ctp-text: #cad3f5;\n --ctp-subtext1: #b8c0e0;\n --ctp-subtext0: #a5adcb;\n --ctp-overlay2: #939ab7;\n --ctp-overlay1: #8087a2;\n --ctp-overlay0: #6e738d;\n --ctp-surface2: #5b6078;\n --ctp-surface1: #494d64;\n --ctp-surface0: #363a4f;\n --ctp-base: #24273a;\n --ctp-mantle: #1e2030;\n --ctp-crust: #181926;\n }\n if (flavour==\"Mocha\") {\n --ctp-rosewater: #f5e0dc;\n --ctp-flamingo: #f2cdcd;\n --ctp-pink: #f5c2e7;\n --ctp-mauve: #cba6f7;\n --ctp-red: #f38ba8;\n --ctp-maroon: #eba0ac;\n --ctp-peach: #fab387;\n --ctp-yellow: #f9e2af;\n --ctp-green: #a6e3a1;\n --ctp-teal: #94e2d5;\n --ctp-sky: #89dceb;\n --ctp-sapphire: #74c7ec;\n --ctp-blue: #89b4fa;\n --ctp-lavender: #b4befe;\n --ctp-rosewatera: rgba(245, 224, 220, 0.25);\n --ctp-flamingoa: rgba(242, 205, 205, 0.25);\n --ctp-pinka: rgba(245, 194, 231, 0.25);\n --ctp-mauvea: rgba(203, 166, 247, 0.25);\n --ctp-reda: rgba(243, 139, 168, 0.25);\n --ctp-maroona: rgba(235, 160, 172, 0.25);\n --ctp-peacha: rgba(250, 179, 135, 0.25);\n --ctp-yellowa: rgba(249, 226, 175, 0.25);\n --ctp-greena: rgba(166, 227, 161, 0.25);\n --ctp-teala: rgba(148, 226, 213, 0.25);\n --ctp-skya: rgba(137, 220, 235, 0.25);\n --ctp-sapphirea: rgba(116, 199, 236, 0.25);\n --ctp-bluea: rgba(137, 180, 250, 0.25);\n --ctp-lavendera: rgba(180, 190, 254, 0.25);\n --ctp-text: #cdd6f4;\n --ctp-subtext1: #bac2de;\n --ctp-subtext0: #a6adc8;\n --ctp-overlay2: #9399b2;\n --ctp-overlay1: #7f849c;\n --ctp-overlay0: #6c7086;\n --ctp-surface2: #585b70;\n --ctp-surface1: #45475a;\n --ctp-surface0: #313244;\n --ctp-base: #1e1e2e;\n --ctp-mantle: #181825;\n --ctp-crust: #11111b;\n }\n }\n \n body {\n if (darktheme==\"Latte\") { colourscheme(Latte) }\n if (darktheme==\"Frappe\") { colourscheme(Frappe) }\n if (darktheme==\"Macchiato\") { colourscheme(Macchiato) }\n if (darktheme==\"Mocha\") { colourscheme(Mocha) }\n }\n /*.aRDKUe.Lvwayc {\n background: transparent !important;\n }*/\n body.srp:not(.uOat3d), body:not(.uOat3d) {\n background: var(--ctp-base);\n }\n .MUxGbd {\n background: var(--ctp-base);\n }\n .yuRUbf {\n background-color: var(--ctp-base);\n }\n .WE0UJf {\n background-color: var(--ctp-base);\n }\n .HiHjCd {\n background-color: var(--ctp-base);\n }\n .sfbg {\n background-color: var(--ctp-base);\n }\n .yg51vc {\n background-color: var(--ctp-base);\n }\n .RNNXgb {\n background: var(--ctp-surface0);\n border: 1px solid var(--ctp-surface1);\n }\n .QCzoEc {\n color: var(--ctp-overlay2);\n }\n .RNNXgb:hover, .sbfc .RNNXgb {\n background-color: var(--ctp-surface0);\n }\n .emcav .RNNXgb {\n background: var(--ctp-surface0);\n }\n .aajZCb {\n background: var(--ctp-surface0);\n }\n html .dG2XIf .xpdbox .yc7KLc {\n background-color: var(--ctp-base);\n }\n .MXl0lf {\n background: var(--ctp-surface0);\n }\n .MXl0lf:hover {\n background: var(--ctp-surface1);\n }\n .mIKy0c.dGWpb {\n background-color: var(--ctp-base);\n }\n .dw-sb-cont .dw-sbi {\n background: var(--ctp-base);\n }\n .dw-sb-cont .dw-sb-btn {\n background: var(--ctp-base);\n }\n .JG3t0b {\n background-color: var(--ctp-base);\n }\n .JG3t0b:hover {\n background-color: var(--ctp-surface0);\n }\n .minidiv .sfbg {\n background: var(--ctp-surface0);\n }\n .minidiv .RNNXgb {\n background: var(--ctp-surface0);\n }\n .mQo3nc {\n background-color: var(--ctp-surface0);\n }\n #SIvCob {\n color: var(--ctp-text);\n }\n .uU7dJb {\n border-bottom: 1px solid var(--ctp-surface0);\n background-color: var(--ctp-mantle);\n color: var(--ctp-subtext1);\n }\n .pHiOh, a.pHiOh {\n color: var(--ctp-subtext1);\n }\n .gb_Ic a.gb_p, .gb_Ic span.gb_p {\n color: var(--ctp-text);\n }\n .gb_Ic svg, .gb_Nc.gb_Rc svg, .gb_Ic .gb_9c .gb_be, .gb_Ic .gb_9c .gb_Hc, .gb_Ic .gb_9c .gb_bd, .gb_Nc.gb_Rc .gb_be {\n color: var(--ctp-text);\n }\n .KxwPGc {\n background-color: var(--ctp-mantle);\n }\n .lJ9FBc input[type=\"submit\"] {\n color: var(--ctp-text);\n background-color: var(--ctp-surface0);\n border: 1px solid var(--ctp-surface1);\n }\n .lJ9FBc input[type=\"submit\"]:hover {\n background-color: var(--ctp-surface0);\n border: 1px solid var(--ctp-surface2);\n color: var(--ctp-text);\n }\n .Z26q7c {\n background-color: var(--ctp-base);\n }\n .k8XOCe {\n background-color: var(--ctp-surface0);\n }\n .f6F9Be {\n background: var(--ctp-mantle);\n }\n .ZkkK1e {\n background: var(--ctp-base);\n }\n .ZkkK1e:hover {\n background: var(--ctp-surface0);\n }\n .LGOjhe {\n background-color: var(--ctp-base);\n }\n .I6TXqe {\n background: var(--ctp-base);\n }\n .NtaMpb .niO4u {\n background-color: var(--ctp-base);\n }\n .s8GCU {\n background: var(--ctp-base);\n }\n .Lj9fsd {\n background: var(--ctp-base);\n }\n .jZWadf {\n background: var(--ctp-base);\n }\n .o6juZc {\n background-color: var(--ctp-surface0);\n }\n .o6juZc:hover {\n background-color: var(--ctp-surface0);\n }\n .W6pGoe {\n background: var(--ctp-surface0);\n }\n .IZ6rdc {\n background-color: var(--ctp-base);\n }\n .sbct:hover {\n background-color: var(--ctp-surface1);\n }\n .dG2XIf {\n background: var(--ctp-base);\n }\n .JgfpDb.cZEg1e, .JgfpDb .cZEg1e {\n background-color: var(--ctp-mantle);\n }\n .Lj9fsd.DU1Mzb {\n background-color: var(--ctp-surface0);\n }\n .gb_Ia:not(.gb_n) {\n background-color: var(--ctp-base) !important;\n }\n a {\n color: var(--ctp-blue);\n }\n .KLEmSd {\n background-color: var(--ctp-surface1);\n }\n .akqY6 {\n background: var(--ctp-surface1);\n }\n .pb5vrc {\n background-color: var(--ctp-surface1);\n }\n .zgAlFc {\n color: var(--ctp-blue);\n }\n .xtSCL {\n border-top: 1px solid var(--ctp-surface2);\n }\n .GLcBOb {\n border-bottom: 1px solid var(--ctp-surface1);\n }\n .fLciMb {\n color: var(--ctp-text);\n }\n .hdtb-mitem a {\n color: var(--ctp-subtext0);\n }\n .hdtb-mitem .GOE98c, .hdtb-mitem a, .hdtb-mitem.hdtb-msel, .t2vtad {\n color: var(--ctp-subtext0);\n }\n .t2vtad:not(.hdtb-tl-sel) {\n color: var(--ctp-subtext0);\n }\n .t2vtad:not(.hdtb-tl-sel):hover {\n background-color: var(--ctp-surface0);\n border: 1px solid var(--ctp-surface1);\n color: var(--ctp-text)\n }\n .ACRAdd {\n border-left: 1px solid var(--ctp-overlay0);\n }\n .ExCKkf {\n color: var(--ctp-subtext0);\n }\n .ynAwRc {\n color: var(--ctp-blue);\n }\n #rhs .dG2XIf {\n border: 1px solid var(--ctp-surface1);\n }\n .y8Jpof.pPLc9e.kpQuGf {\n border-top: 1px solid var(--ctp-surface1);\n }\n .minidiv .RNNXgb {\n border: 1px solid var(--ctp-overlay0);\n }\n .ZZ7G7b {\n border: 1px solid var(--ctp-surface1);\n }\n .cEPPT {\n border-bottom: solid 1px var(--ctp-surface1);\n margin-bottom: 11px;\n }\n .gb_Jc a.gb_q, .gb_Jc span.gb_q {\n color: var(--ctp-text);\n }\n .gb_Jc svg, .gb_Oc.gb_Sc svg, .gb_Jc .gb_ad .gb_Ld, .gb_Jc .gb_ad .gb_Ic, .gb_Jc .gb_ad .gb_cd, .gb_Oc.gb_Sc .gb_Ld {\n color: var(--ctp-text);\n }\n .DKV0Md {\n color: var(--ctp-blue);\n }\n .NJLBac {\n color: var(--ctp-blue);\n }\n .yXK7lf em {\n color: var(--ctp-text);\n }\n .yDYNvb.lyLwlc {\n color: var(--ctp-text);\n }\n .hb8SAc {\n color: var(--ctp-text);\n }\n .kno-ecr-pt {\n color: var(--ctp-text);\n }\n .wwUB2c {\n color: var(--ctp-subtext0);\n }\n .TQc1id .I6TXqe {\n border: 1px solid var(--ctp-surface2);\n }\n .HsZQAe {\n border-bottom: 1px solid var(--ctp-surface2) !important;\n }\n .NtaMpb .niO4u {\n color: var(--ctp-text);\n }\n a.EbH0bb {\n color: var(--ctp-subtext0);\n }\n .Ss2Faf a {\n color: var(--ctp-text);\n }\n .kno-ftr.rpBMYb {\n color: var(--ctp-subtext0);\n }\n .S8ee5.CwbYXd {\n color: var(--ctp-text);\n }\n .rhHIGd {\n background-color: var(--ctp-surface2);\n }\n .S8ee5.CwbYXd {\n color: var(--ctp-text);\n }\n .S8ee5 {\n background: var(--ctp-surface0);\n }\n .S8ee5:hover {\n background: var(--ctp-surface1);\n }\n .p8VO6e {\n color: var(--ctp-text);\n }\n .YTDezd {\n background: var(--ctp-blue);\n }\n .NZmxZe:hover {\n color: var(--ctp-blue);\n }\n .rQEFy {\n color: var(--ctp-blue);\n border-bottom: 3px solid var(--ctp-blue);\n }\n .hdtb-mitem.hdtb-msel {\n color: var(--ctp-blue);\n }\n .hdtb-mitem:hover .GOE98c:hover, .hdtb-mitem:hover a, .hdtb-mitem.hdtb-msel, .t2vtad:hover {\n color: var(--ctp-blue);\n }\n .cF4V5c {\n background-color: var(--ctp-base);\n }\n .cF4V5c g-menu-item a, .cF4V5c g-menu-item a:visited, .cF4V5c g-menu-item a:hover {\n color: var(--ctp-text);\n }\n .hdtb-tl-sel {\n border: 1px solid var(--ctp-surface2);\n background: var(--ctp-surface0);\n color: var(--ctp-text);\n }\n .hdtb-tl-sel:focus {\n border: 1px solid var(--ctp-surface2);\n background: var(--ctp-surface0);\n color: var(--ctp-blue);\n }\n .VvrH3b {\n background: var(--ctp-base);\n border: 1px solid var(--ctp-surface2);;\n }\n .VvrH3b:hover {\n background: var(--ctp-mantle);\n }\n .VvrH3b:focus {\n background: var(--ctp-base); \n }\n .x9emld {\n color: var(--ctp-text);\n }\n .VvrH3b:active {\n background: var(--ctp-base);\n }\n .iRPzcb {\n border-bottom: 1px solid var(--ctp-surface1);\n }\n .RES9jf {\n color: var(--ctp-text);\n }\n .xTFaxe {\n color: var(--ctp-text);\n }\n .Jb0Zif .UiGGAb.ILfuVd, .ILfuVd {\n color: var(--ctp-text);\n }\n .eqAnXb {\n color: var(--ctp-text);\n }\n .gLFyf {\n color: var(--ctp-text);\n }\n .J2MhIb .JCzEY {\n color: var(--ctp-text);\n }\n .rsGxI.Ww4FFb, .Ww4FFb {\n background-color: var(--ctp-base);\n }\n #tw-target {\n background-color: var(--ctp-surface0);\n }\n #tw-source-text-container .tw-ta, #tw-source-rmn-container .tw-ta {\n color: var(--ctp-text);\n }\n .tw-data-placeholder {\n color: var(--ctp-text);\n }\n .j1iyq {\n border: 1px solid var(--ctp-surface2);\n }\n .tw-menu-btn.tw-menu-btn-disabled {\n color: var(--ctp-surface1);\n }\n .hhB0V {\n color: var(--ctp-blue);\n }\n .KFFQ0c .YfftMc, .KFFQ0c .YfftMc span, .KFFQ0c .YfftMc div, .KFFQ0c .YfftMc a {\n color: var(--ctp-subtext0);\n }\n .usJj9c .zz3gNc {\n color: var(--ctp-text);\n }\n a:visited {\n color: var(--ctp-pink);\n }\n .VuuXrf {\n color: var(--ctp-text);\n }\n .HSryR a.B1uW2d {\n border-bottom: 1px solid var(--ctp-surface2);\n }\n .psXvZ {\n color: var(--ctp-subtext0);\n }\n .LHJvCe {\n color: var(--ctp-subtext0);\n }\n .w8qArf .fl {\n color: var(--ctp-text) !important;\n }\n .z8gr9e {\n color: var(--ctp-text);\n }\n if (darktheme==\"Latte\") {\n .jfN4p {\n filter: grayscale(1) invert(1);\n }\n .lnXdpd {\n filter: grayscale(1) invert(1);\n }\n .gb_Lc .gb_cd .gb_Jc:not(.gb_Nd) {\n filter: grayscale(1) invert(1);\n }\n }\n .pdpvld {\n color: var(--ctp-green);\n }\n cite, cite a:link, cite a:visited {\n color: var(--ctp-subtext0);\n }\n .c07z9 {\n color: var(--ctp-subtext0);\n }\n .c8d6zd {\n color: var(--ctp-test);\n }\n .I6a0ee {\n background-color: var(--ctp-base);\n border: 1px solid var(--ctp-surface2);\n }\n .I6a0ee:hover {\n background-color: var(--ctp-mantle);\n border: 1px solid var(--ctp-surface2);\n }\n .I6a0ee:focus {\n background-color: var(--ctp-crust);\n border: 1px solid var(--ctp-surface2);\n }\n .cO53qb {\n color: var(--ctp-text) !important;\n background-color: var(--ctp-surface2);\n border: 1px solid var(--ctp-crust);\n }\n .URgIvb {\n border-color: var(--ctp-blue);\n background-color: var(--ctp-blue);\n }\n .ubHt5c {\n color: var(--ctp-subtext0);\n }\n .YrbPuc {\n color: var(--ctp-subtext1);\n }\n .jEdCLc {\n color: var(--ctp-text);\n }\n a.oBa0Fe {\n color: var(--ctp-subtext0);\n }\n .c07z9 a, .c07z9 a:active, .c07z9 a:link {\n color: var(--ctp-text);\n }\n .hdtb-mn-hd {\n color: var(--ctp-subtext0);\n }\n .hdtb-mn-hd:hover {\n color: var(--ctp-text);\n }\n .hdtb-mn-hd .gTl8xb {\n border-color: var(--ctp-subtext0) transparent;\n }\n .hdtb-mn-hd:hover .gTl8xb:hover {\n border-color: var(--ctp-text) transparent;\n }\n .YbqTTb {\n background-color: var(--ctp-base);\n color: var(--ctp-text);\n }\n .JCHpcb {\n color: var(--ctp-subtext0);\n }\n .JCHpcb:hover {\n color: var(--ctp-blue);\n }\n .WggQGd {\n color: var(--ctp-mauve) !important;\n }\n .pHiOh, a.pHiOh {\n color: var(--ctp-subtext1) !important;\n }\n .wM6W7d {\n color: var(--ctp-text);\n }\n .ClJ9Yb {\n color: var(--ctp-subtext1);\n }\n .GI74Re {\n color: var(--ctp-subtext0);\n }\n .ZE0LJd {\n color: var(--ctp-subtext1);\n }\n .NUnG9d {\n color: var(--ctp-text);\n }\n if (darktheme==\"Latte\") {\n .SJajHc {\n filter: grayscale(1) invert(1);\n }\n }\n .AaVjTc a:link {\n color: var(--ctp-blue);\n }\n .YyVfkd {\n color: var(--ctp-subtext0);\n }\n .b0KoTc {\n color: var(--ctp-text);\n }\n .dfB0uf {\n color: var(--ctp-text);\n }\n .unknown_loc {\n background: var(--ctp-text);\n }\n .KwU3F {\n color: var(--ctp-blue);\n }\n .xSQxL {\n color: var(--ctp-blue);\n }\n .smiUbb {\n color: var(--ctp-text);\n }\n .fbar a {\n color: var(--ctp-subtext1);\n }\n .f6F9Be {\n border-top: 1px solid var(--ctp-surface0);\n }\n .b2hzT {\n border-bottom: 1px solid var(--ctp-surface0);\n }\n #swml {\n border-left: 1px solid var(--ctp-surface0);\n }\n .ZkkK1e {\n border: 1px solid var(--ctp-crust);\n }\n .ZkkK1e:hover, .xaNsfc:focus .ZkkK1e, a:focus .ZkkK1e, .xaNsfc:active .ZkkK1e, a:active .ZkkK1e, .ZkkK1e:focus, .ZkkK1e:active {\n color: var(--ctp-text);\n }\n .ZkkK1e.ZkkK1e {\n color: var(--ctp-text);\n }\n .AGLhIc {\n border: 1px solid var(--ctp-crust);\n color: var(--ctp-text);\n }\n .AGLhIc:hover {\n background: var(--ctp-surface0);\n }\n .IK8sod {\n background: var(--ctp-surface0);\n border: 1px solid var(--ctp-crust);\n color: var(--ctp-text);\n }\n .IK8sod:hover {\n background: var(--ctp-surface1);\n }\n .ZkkK1e[selected] {\n color: var(--ctp-base);\n border-color: var(--ctp-sapphire);\n background: var(--ctp-blue);\n }\n .ZkkK1e[selected]:hover {\n color: var(--ctp-base);\n border-color: var(--ctp-sapphire);\n background: var(--ctp-sapphire);\n }\n .Uroaid {\n color: var(--ctp-subtext0);\n }\n .P7xzyf {\n color: var(--ctp-subtext1);\n }\n .Zg1NU {\n color: var(--ctp-subtext0);\n }\n .dyjrff {\n color: var(--ctp-subtext1);\n }\n .s75CSd {\n color: var(--ctp-text);\n }\n .GZnQqe .YpcDnf {\n color: var(--ctp-subtext0);\n }\n .GZnQqe:hover .YpcDnf:hover {\n background: var(--ctp-surface0);\n }\n .gb_Jc .gb_ze button:hover svg, .gb_Jc .gb_e:hover {\n background-color: var(--ctp-surface0);\n }\n .fLciMb:hover {\n background-color: var(--ctp-surface0);\n }\n .CbAZb {\n background: var(--ctp-base);\n border-bottom: 1px solid var(--ctp-surface0);\n }\n a.tGS0Nc {\n color: var(--ctp-blue);\n }\n a.tGS0Nc:hover {\n background-color: var(--ctp-mantle);\n color: var(--ctp-blue);\n }\n .S8wJ3 {\n color: var(--ctp-text);\n }\n .bepeF {\n color: var(--ctp-text);\n }\n .kwWBYc {\n color: var(--ctp-text);\n }\n .rBrJud {\n background-color: var(--ctp-text);\n }\n .SknMB, .SknMB:visited {\n color: var(--ctp-blue);\n }\n a.W2x9Sc, a:visited.W2x9Sc {\n color: var(--ctp-blue);\n }\n .j0iFNe .kaAgDc, .j0iFNe .RvdoFd .wT0tpe, .j0iFNe .r0zAxe .wT0tpe {\n background-color: var(--ctp-blue);\n }\n .uWNHce {\n color: var(--ctp-text);\n }\n .ZI7elf {\n color: var(--ctp-text);\n }\n .rhJQGd {\n color: var(--ctp-subtext0);\n }\n .z1asCe {\n color: var(--ctp-text) !important;\n fill: var(--ctp-text); !important;\n }\n .l7xYUb {\n color: var(--ctp-text);\n }\n .fmxhfc {\n color: var(--ctp-subtext0);\n }\n .tGS0Nc {\n border: 1px solid var(--ctp-surface2);\n }\n .m0uvVb {\n border-top: 1px solid var(--ctp-surface2);\n }\n .ITNV1 {\n background-color: var(--ctp-surface2);\n }\n .UsN2ld:not(.bjIqib) .a9oE3e:checked ~ .ITNV1, .UsN2ld:not(.bjIqib) .a9oE3e:checked ~ .rBrJud {\n background-color: var(--ctp-blue);\n }\n .kQEH5b {\n color: var(--ctp-subtext1) !important;\n }\n .q0yked a:hover {\n background: var(--ctp-mantle);\n }\n .Oz5Rbb:hover {\n background: var(--ctp-mantle);\n }\n .ea0Lbe {\n background: var(--ctp-surface0);\n }\n .f6GA0, .CacfB, .Ua7Yuf {\n background: var(--ctp-base);\n }\n .DV7the {\n color: var(--ctp-blue);\n }\n .ZeVBtc {\n color: var(--ctp-subtext0);\n }\n .cB9M7 {\n background-color: var(--ctp-surface0);\n border: 1px solid var(--ctp-surface1);\n color: var(--ctp-text);\n }\n .cB9M7:focus {\n border: 1px solid var(--ctp-blue);\n }\n .Qwbd3 {\n background: var(--ctp-surface0);\n color: var(--ctp-text);\n border: 1px solid var(--ctp-surface1);\n }\n .Qwbd3:hover {\n background: var(--ctp-surface1);\n border: 1px solid var(--ctp-surface2);\n }\n .ArIAXb {\n fill: var(--ctp-surface0);\n }\n .qOFLsb {\n fill: var(--ctp-surface0);\n }\n .aHK1bd {\n color: var(--ctp-subtext0);\n }\n .diOlIe {\n border-top: 1px solid var(--ctp-overlay0);\n }\n .p4pvTd {\n color: var(--ctp-text);\n }\n title-with-lhs-icon .ekf0x h3 {\n color: var(--ctp-text);\n }\n title-with-lhs-icon:hover .ekf0x h3 {\n color: var(--ctp-blue);\n }\n title-with-lhs-icon .hSQtef.ekf0x {\n color: var(--ctp-text);\n }\n title-with-lhs-icon:hover .hSQtef.ekf0x {\n color: var(--ctp-blue);\n }\n .iJddsb {\n color: var(--ctp-text);\n }\n .gbZSUe {\n color: var(--ctp-text);\n }\n .gbZSUe:hover, .gbZSUe:active {\n background: var(--ctp-surface0);\n }\n .og3lId {\n color: var(--ctp-text);\n }\n .XZ5MVe {\n color: var(--ctp-blue);\n }\n .bm5DV {\n color: var(--ctp-text);\n }\n .TGGJzf {\n background: var(--ctp-base);\n }\n .fnuYjf {\n color: var(--ctp-text);\n }\n .KiRIme {\n border: 1px solid var(--ctp-surface1);\n color: var(--ctp-blue);\n }\n .YJaHLd:hover, .KiRIme:hover {\n background-color: var(--ctp-mantle);\n }\n .ib7Umb {\n color: var(--ctp-subtext0);\n }\n .w8NsKc {\n color: var(--ctp-text);\n }\n g-inner-card {\n background-color: var(--ctp-base);\n }\n g-inner-card a:hover {\n background-color: unset !important;\n }\n .kLhEKe {\n background-color: var(--ctp-base);\n }\n .Lj9fsd.DU1Mzb .o6juZc {\n border: 1px solid var(--ctp-overlay0);\n }\n .dyAbMb {\n fill: var(--ctp-subtext0);\n }\n .cEW58 {\n background-color: var(--ctp-surface0);\n }\n .eadHV.Ses7yd {\n color: var(--ctp-text);\n }\n .gb_Lc svg, .gb_Qc.gb_Uc svg, .gb_Lc .gb_cd .gb_Md, .gb_Lc .gb_cd .gb_Kc, .gb_Lc .gb_cd .gb_ed, .gb_Qc.gb_Uc .gb_Md {\n color: var(--ctp-text);\n }\n .f {\n color: var(--ctp-subtext0);\n }\n a.Ndm45b {\n color: var(--ctp-subtext0);\n }\n a.Ndm45b:hover {\n color: var(--ctp-blue);\n }\n .wdQNof {\n border: 1px solid var(--ctp-surface2);\n }\n .OvQkSb {\n //background-color: var(--ctp-blue) !important;\n color: var(--ctp-text) !important;\n }\n .x2GJWb .QuU3Wb {\n color: var(--ctp-text);\n }\n .x2GJWb .niO4u {\n background-color: var(--ctp-mantle);\n color: var(--ctp-text);\n }\n .VNSPub {\n color: var(--ctp-text);\n }\n .cmlJmd {\n color: var(--ctp-subtext1);\n }\n .ETWPw {\n border: 1px solid var(--ctp-overlay0);\n }\n .mjudZe {\n color: var(--ctp-text);\n }\n .mjudZe {\n border: 1px solid var(--ctp-surface2);\n }\n .PyJv1b {\n color: var(--ctp-text);\n }\n .kqEaA {\n color: var(--ctp-text);\n }\n .BklRsd {\n background-color: var(--ctp-base);\n border: 1px solid var(--ctp-overlay0);\n }\n .FpiMuf {\n color: var(--ctp-text);\n }\n .phWb1b {\n color: var(--ctp-subtext1);\n }\n .FzCfme {\n color: var(--ctp-subtext0);\n }\n .hMJ0yc {\n color: var(--ctp-subtext0);\n }\n .WZ8Tjf {\n color: var(--ctp-subtext0);\n }\n .gb_Lc .gb_Be button:hover svg, .gb_Lc .gb_e:hover {\n background-color: var(--ctp-surface0);\n }\n .Zy0CDe-PFprWc {\n background-color: var(--ctp-blue);\n }\n .Jq6Y2d {\n color: var(--ctp-text);\n }\n .E6xiJd {\n color: var(--ctp-text);\n }\n .mwlpue {\n color: var(--ctp-text);\n }\n .UpJaQ {\n border-top: 1px solid var(--ctp-surface2);\n }\n .IsOZic, .IsOZic:visited {\n color: var(--ctp-blue);\n }\n .qSu5 {\n color: var(--ctp-blue);\n }\n .j0iFNe .athwOc-LkdAo, .j0iFNe .RvdoFd .CV4hA-LkdAo, .j0iFNe .r0zAxe .CV4hA-LkdAo {\n background-color: var(--ctp-blue);\n }\n .V7LiHf {\n color: var(--ctp-subtext1) !important;\n }\n .u0wZ6e {\n color: var(--ctp-text);\n }\n .KhmqTd {\n color: var(--ctp-subtext0);\n }\n .SPmIAf {\n color: var(--ctp-subtext0);\n }\n .SPmIAf:hover {\n color: var(--ctp-text);\n }\n .w6PoOe {\n color: var(--ctp-subtext0);\n }\n .w6PoOe:hover {\n color: var(--ctp-text);\n }\n .KA8Jyb {\n fill: var(--ctp-subtext0);\n }\n .qcTKEe {\n background-color: var(--ctp-base);\n }\n .ooPrBf {\n background: var(--ctp-base);\n }\n .PNyWAd {\n color: var(--ctp-subtext0);\n }\n .ZXJQ7c:hover {\n background-color: var(--ctp-surface0);\n border: 1px solid var(--ctp-surface1);\n color: var(--ctp-text);\n }\n .XD1Bsc:focus {\n border: 1px solid var(--ctp-surface2);\n background: var(--ctp-surface0);\n color: var(--ctp-blue);\n }\n .NZmxZe {\n color: var(--ctp-subtext0);\n }\n .NZmxZe:hover {\n color: var(--ctp-blue);\n }\n .rQEFy {\n color: var(--ctp-blue);\n }\n .ZZ7G7b {\n color: var(--ctp-text);\n }\n .xk611b {\n background: var(--ctp-base);\n }\n .JNkvid .HnYYW {\n color: var(--ctp-text);\n }\n .iAIpCb {\n color: var(--ctp-subtext0);\n }\n .KMdzJ {\n color: var(--ctp-subtext1);\n }\n .OZ8wsd {\n color: var(--ctp-subtext0);\n }\n .qd9Mkf {\n color: var(--ctp-subtext0);\n }\n .w8qArf {\n color: var(--ctp-text);\n }\n .mDj5wd {\n color: var(--ctp-subtext1);\n }\n .PmPt7d {\n color: var(--ctp-subtext0);\n }\n .SW5pqf {\n color: var(--ctp-blue);\n }\n .naFSC .x3sNcc {\n color: var(--ctp-text);\n }\n .ssJ7i {\n color: var(--ctp-text);\n }\n if (darktheme==\"Latte\") {\n svg.TYpZOd {\n filter: grayscale(1) invert(1);\n } \n }\n g-menu:first-child {\n background-color: var(--ctp-base);\n }\n .r9PaP {\n color: var(--ctp-subtext0);\n }\n .r9PaP:hover {\n color: var(--ctp-blue);\n }\n .H1KrKd {\n fill: var(--ctp-subtext0);\n }\n .Ix6LGe {\n background: var(--ctp-base);\n }\n .Hm7Qac:hover, .EuKAde {\n background-color: var(--ctp-surface0);\n }\n .cF4V5c:hover g-menu-item:hover a, .cF4V5c:hover g-menu-item a:visited, .cF4V5c g-menu-item a:hover {\n background-color: var(--ctp-surface0);\n }\n .CSkcDe, .related-question-pair div.iDjcJe {\n color: var(--ctp-text);\n }\n .cUnQKe .ILfuVd, .cUnQKe .UiGGAb.ILfuVd {\n color: var(--ctp-subtext1);\n }\n .cUnQKe .ILfuVd b {\n background-color: var(--ctp-bluea);\n color: var(--ctp-text);\n }\n .fm06If .ILfuVd, .c2xzTb .ILfuVd, .Jb0Zif .c2xzTb .ILfuVd {\n color: var(--ctp-text);\n }\n .fm06If .ILfuVd b, .c2xzTb .ILfuVd b {\n background-color: var(--ctp-bluea);\n color: var(--ctp-text); \n }\n //keep\n .gb_Lc a.gb_t, .gb_Lc span.gb_t {\n color: var(--ctp-text);\n }\n .gb_Lc .gb_e[aria-expanded=\"true\"] .gb_p, .gb_Lc .gb_e[aria-expanded=\"true\"] .gb_De {\n fill: var(--ctp-text);\n }\n .gb_Lc .gb_e[aria-expanded=\"true\"], .gb_Lc .gb_e:hover[aria-expanded=\"true\"] {\n background-color: var(--ctp-surface0);\n }\n //keep\n .jleFbf {\n color: var(--ctp-text);\n }\n .H73aad {\n background: var(--ctp-base);\n border: 1px solid var(--ctp-surface2);\n }\n .H73aad:hover {\n background: var(--ctp-mantle);\n border: 1px solid var(--ctp-surface2);\n }\n .JgfpDb .goedYd {\n color: var(--ctp-text);\n }\n .sMi44c .fxgdke {\n color: var(--ctp-subtext1);\n }\n .sMi44c:hover .fxgdke {\n color: var(--ctp-subtext1);\n }\n .ZYHQ7e {\n color: var(--ctp-subtext0);\n }\n .vI9alf {\n background: var(--ctp-base);\n }\n .ee6GJd .qtwiP {\n background: var(--ctp-surface0);\n border: 1px solid var(--ctp-surface1);\n }\n .ee6GJd .qtwiP:hover {\n background: var(--ctp-base);\n }\n .ee6GJd .DaJEPe {\n color: var(--ctp-text);\n }\n .GLcBOb.cCvmNd .Lj8KXd, .GLcBOb.mCRcc .Lj8KXd {\n background-color: var(--ctp-base);\n border-bottom: 1px solid var(--ctp-surface0);\n }\n .YkS8D .N6jJud {\n color: var(--ctp-subtext0);\n }\n .e8eHnd {\n color: var(--ctp-text);\n }\n .Ss2Faf {\n color: var(--ctp-text);\n }\n .IVvPP .cLjAic.WY0eLb, .Hwkikb.WY0eLb {\n border-left: 1px solid var(--ctp-surface1);\n }\n .ZFiwCf {\n background-color: var(--ctp-surface0);\n }\n .ZFiwCf:hover {\n background-color: var(--ctp-surface1);\n }\n .LGwnxb {\n color: var(--ctp-text);\n }\n .f3LoEf {\n color: var(--ctp-text);\n }\n .XaIwc {\n color: var(--ctp-subtext0);\n }\n .MsCHpb {\n border-color: var(--ctp-surface1);\n }\n .TQc1id .ss6qqb .mFVw3b, .IVvPP .i8qq8b .mFVw3b {\n border-bottom: 1px solid var(--ctp-surface1);\n }\n .zqrO0 .niO4u {\n background-color: var(--ctp-base);\n border: 1px solid var(--ctp-surface1);\n color: var(--ctp-text);\n }\n .zqrO0:hover .niO4u:hover {\n background-color: var(--ctp-surface0);\n border: 1px solid var(--ctp-surface2);\n color: var(--ctp-text);\n }\n .zqrO0.k0Jjg:hover .niO4u, .zqrO0.k0Jjg:hover .QuU3Wb {\n color: var(--ctp-text);\n }\n .BP43u {\n color: var(--ctp-subtext0);\n }\n .HTnVHd {\n color: var(--ctp-text);\n }\n .IVvPP .T9EeC:hover .SUgb2e {\n background-color: var(--ctp-surface0);\n }\n .IVvPP .T9EeC:hover div {\n color: var(--ctp-text);\n }\n .IVvPP .SUgb2e {\n border: 1px solid var(--ctp-surface2);\n }\n .zWHLnd {\n border-left: 1px solid var(--ctp-surface1);\n }\n .WY0eLb .wwfboe {\n border-color: var(--ctp-surface1);\n }\n .Z0LcW {\n color: var(--ctp-text);\n }\n .gb_ye {\n background: var(--ctp-mantle);\n color: var(--ctp-text);\n }\n .ZOyvub {\n background-color: var(--ctp-mantle);\n color: var(--ctp-text);\n }\n .RzdJxc {\n border-top: 1px solid var(--ctp-surface2);\n }\n .rKnmn {\n border-top: 1px solid var(--ctp-surface2);\n }\n .H9lube {\n background-color: var(--ctp-base);\n border: 1px solid var(--ctp-surface2);\n }\n .s2TyX.ueVdTc .M7lz2c {\n background: var(--ctp-base);\n }\n .s2TyX.ueVdTc .VDApEc .hecFYc {\n background: var(--ctp-base);\n }\n .YeThId {\n border-top: 1px solid var(--ctp-surface1);\n }\n .e3sOrb {\n background: var(--ctp-base);\n }\n .LXqMce {\n background: var(--ctp-base);\n }\n .mR2gOd {\n background: var(--ctp-base);\n }\n .tgqOk .pTi5ve {\n color: var(--ctp-subtext0);\n }\n .WGwSK {\n color: var(--ctp-text);\n }\n .dAassd {\n background: var(--ctp-base);\n }\n .tgqOk {\n background: var(--ctp-base);\n }\n .YPxNKd {\n background: var(--ctp-surface2);\n }\n .EsIlz {\n border: 1px solid var(--ctp-surface2);\n }\n .EyBRub {\n background: var(--ctp-base);\n }\n [data-ved=\"2ahUKEwjL8ve4wrj-AhXURaQEHVUABOkQ7BZ6BAgMEAA\"] {\n background: var(--ctp-base) !important;\n }\n .LiOdre {\n background-color: var(--ctp-base);\n border-color: var(--ctp-surface1);\n }\n .LiOdre:hover {\n background-color: var(--ctp-mantle);\n border-color: var(--ctp-surface2);\n }\n .LiOdre:focus {\n border-color: var(--ctp-blue);\n }\n .mfsgsd {\n color: var(--ctp-text);\n }\n .GCSyeb {\n background: var(--ctp-surface2);\n }\n .REySof {\n color: var(--ctp-blue) !important;\n }\n .NQyKp {\n color: var(--ctp-blue) !important;\n background: var(--ctp-blue) !important;\n }\n .b0Xfjd {\n color: var(--ctp-base) !important;\n }\n .cfBJGe {\n color: var(--ctp-text);\n }\n .gb_u .gb_t {\n color: var(--ctp-text) !important;\n }\n .qe1Dgc {\n background: var(--ctp-base);\n }\n .appbar {\n background: var(--ctp-base);\n }\n .uais2d {\n background: var(--ctp-surface0);\n }\n .uais2d:hover {\n background: var(--ctp-surface1);\n }\n .uODXEe {\n color: var(--ctp-text);\n }\n .wfg6Pb.P2m1Af {\n color: var(--ctp-subtext0);\n }\n .wwfboe {\n border-top: 1px solid var(--ctp-surface2);\n }\n .VjDLd .cLjAic:not(:last-child) .mFVw3b {\n }\n .mh8jsf {\n color: var(--ctp-blue);\n }\n .JIFdL {\n color: var(--ctp-blue);\n }\n .gm7Ysb {\n color: var(--ctp-text);\n }\n .VjDLd .cLjAic:not(:last-child) .mFVw3b {\n border-bottom: 1px solid var(--ctp-surface2);\n }\n .BBwThe {\n color: var(--ctp-text);\n }\n .KaXEge a {\n color: var(--ctp-blue);\n }\n .FE52Uc {\n color: var(--ctp-blue);\n }\n .fSXkBc {\n color: var(--ctp-blue);\n }\n .qPht6c {\n color: var(--ctp-subtext0);\n }\n .kWTy2b {\n color: var(--ctp-text);\n }\n .UzD4Gd {\n color: var(--ctp-text);\n }\n .mcPPZ.nP0TDe .qk7LXc {\n background: var(--ctp-base) !important;\n }\n .sTZCE {\n border-bottom: 1px solid var(--ctp-surface2) !important;\n }\n .POTWCf {\n border-bottom: 1px solid var(--ctp-surface2) !important;\n }\n .R1smN {\n background: var(--ctp-base);\n }\n .Gfzyee {\n border: 1px solid var(--ctp-surface2);\n }\n .ynRric {\n color: var(--ctp-subtext0);\n }\n .AUiS2 {\n border: 1px solid var(--ctp-surface2);\n }\n .eJ7tvc {\n color: var(--ctp-text);\n }\n .sbhl {\n background: var(--ctp-surface1);\n }\n .j0iFNe .RvdoFd .dsLpHe {\n border-color: var(--ctp-blue);\n }\n .j0iFNe .RvdoFd .wFBC6-LkdAo {\n border-color: var(--ctp-blue);\n }\n .KATfhe:hover {\n background: var(--ctp-mantle);\n box-shadow: -56px 0 var(--ctp-mantle),24px 0 var(--ctp-mantle),-56px -10px 0 var(--ctp-mantle),24px -10px 0 var(--ctp-mantle);\n }\n .wFBC6-LkdAo {\n border-color: var(--ctp-text);\n }\n .l7xYUb {\n color: var(--ctp-text);\n }\n .dsLpHe {\n border-color: var(--ctp-text);\n }\n .LZTko:hover {\n background: var(--ctp-mantle);\n box-shadow: -56px 0 var(--ctp-mantle),24px 0 var(--ctp-mantle),-56px -10px 0 var(--ctp-mantle),24px -10px 0 var(--ctp-mantle);\n }\n .appbar {\n color: var(--ctp-red);\n }\n .msel, .msel a {\n color: var(--ctp-red) !important;\n }\n .mitem a, .mitem a:hover {\n color: var(--ctp-text);\n }\n .mitem:hover {\n background: var(--ctp-surface0);\n }\n .UVgjof {\n color: var(--ctp-text);\n }\n .URIeEf {\n color: var(--ctp-subtext0);\n }\n .checkbox-label, .jfk-radiobutton-label {\n color: var(--ctp-text);\n }\n .jfk-checkbox {\n background-color: var(--ctp-base);\n border: 1px solid var(--ctp-text);\n }\n .UVgjof .jfk-checkbox-checked {\n background: var(--ctp-text);\n }\n .UVgjof .jfk-radiobutton-checked .jfk-radiobutton:focus .jfk-radiobutton-radio, .UVgjof .jfk-checkbox-focused {\n border-color: var(--ctp-blue);\n }\n .UVgjof {\n border-bottom: 1px solid var(--ctp-surface2);\n }\n .UVgjof .goog-slider-horizontal .goog-slider-scale {\n border-color: var(--ctp-surface2);\n }\n .UVgjof .goog-slider-thumb, .UVgjof .goog-slider:focus .goog-slider-thumb {\n background: var(--ctp-overlay2);\n border-color: var(--ctp-overlay2);\n }\n og-slider li {\n color: var(--ctp-text);\n }\n .slmarker {\n border-left: 1px solid var(--ctp-surface2);\n }\n .goog-slider li {\n color: var(--ctp-overlay2);\n }\n .sllabel {\n color: var(--ctp-surface2);\n }\n .UVgjof .jfk-radiobutton-radio {\n border-color: var(--ctp-subtext0);\n }\n .UVgjof .jfk-radiobutton-checked .jfk-radiobutton-radio::after {\n background: var(--ctp-text);\n border-color: var(--ctp-text);\n }\n .UyLz9e {\n border-top-color: var(--ctp-blue);\n }\n /*a:active {\n color: var(--ctp-red);\n }*/\n .rightPane .jfk-button-action {\n background: var(--ctp-blue);\n border-color: var(--ctp-blue);\n color: var(--ctp-base);\n }\n .jfk-button-standard {\n color: var(--ctp-base);\n border: 1px solid var(--ctp-text);\n }\n #form-buttons .jfk-button-standard {\n background: var(--ctp-text) !important;\n }\n #Gm4Vke {\n color: var(--ctp-text);\n }\n .jfk-radiobutton:focus .jfk-radiobutton-radio {\n border-color: var(--ctp-blue) !important;\n }\n /*.appbar {\n border-bottom: 1px solid var(--ctp-surface2);\n }*/\n .rightPane .jfk-button-action.jfk-button-hover {\n background: var(--ctp-sky);\n }\n .jfk-button-action.jfk-button-hover {\n border: 1px solid var(--ctp-sky);\n }\n .jfk-button-standard.jfk-button-hover, .jfk-button-standard.jfk-button-clear-outline.jfk-button-hover {\n border: 1px solid var(--ctp-text);\n color: var(--ctp-base);\n }\n #form-buttons:hover .jfk-button-standard:hover {\n background: var(--ctp-subtext0) !important;\n border: 1px solid var(--ctp-subtext0) !important;\n }\n .jfk-button-standard:focus {\n border: 1px solid var(--ctp-text) !important;\n }\n .Zy0CDe-u014N {\n background-color: var(--ctp-surface2);\n }\n .Zy0CDe-PFprWc {\n background-color: var(--ctp-text);\n }\n .gb_Ia svg, .gb_Qc svg, .gb_cd .gb_Md, .gb_2c .gb_Md {\n color: var(--ctp-text);\n }\n .gb_Lc .gb_Be.gb_Ce button:hover svg, .gb_Be button:hover svg, .gb_e:hover {\n background-color: var(--ctp-surface0);\n }\n .WdWr7c {\n border-top: 1px solid var(--ctp-surface2);\n }\n .O5OUld {\n color: var(--ctp-subtext0);\n }\n .zP7KFe {\n background: var(--ctp-surface1);\n }\n .sU3bKf {\n color: var(--ctp-text);\n }\n .O5OUld:hover {\n color: var(--ctp-blue);\n }\n .JgfpDb .T3kEIe {\n border-color: var(--ctp-surface2);\n }\n .JgfpDb .AKESWd {\n fill: var(--ctp-text);\n }\n .hDFaN .ZAxeoe {\n fill: var(--ctp-text);\n }\n .JgfpDb .legCh {\n background-color: var(--ctp-sapphirea);\n }\n .JgfpDb .K8E1Be {\n color: var(--ctp-text);\n }\n .n9H6p {\n color: var(--ctp-text);\n }\n .JgfpDb .ZoQenf {\n color: var(--ctp-subtext0);\n }\n .JgfpDb .unDjgb {\n background-color: var(--ctp-surface0);\n }\n .JgfpDb .MkRxHd {\n color: var(--ctp-text);\n }\n .JgfpDb .lAteZd {\n fill: var(--ctp-text);\n }\n .bZeFTe {\n background-color: var(--ctp-surface0);\n border-top: 1px solid var(--ctp-surface2);\n }\n .hDFaN .ZAxeoe:hover {\n background-color: var(--ctp-surface0);\n }\n .hDFaN .StEefb.iWO5td .ZAxeoe {\n background: var(--ctp-surface1);\n }\n .hcC8tf .WEKSHc {\n color: var(--ctp-text);\n }\n .hcC8tf .WEKSHc:hover {\n color: var(--ctp-text);\n }\n .JgfpDb .V2CwNc {\n fill: var(--ctp-text);\n }\n .hcC8tf .InPmOc:hover, .hcC8tf .WEKSHc:hover {\n background-color: var(--ctp-surface0);\n }\n body :nth-child(50) {\n border: 1px solid var(--ctp-overlay0) !important;\n background: var(--ctp-crust) !important;\n color: var(--ctp-text) !important;\n }\n body :nth-child(50) div {\n border-color: var(--ctp-subtext1) transparent !important;\n } \n body :nth-child(50) div div {\n border-color: var(--ctp-crust) transparent !important;\n }\n .fDYku, .DPLgS {\n background-color: var(--ctp-base);\n }\n .DOGUjb {\n border-top: solid 1px var(--ctp-surface2);\n background-color: var(--ctp-base);\n }\n .fDYku, .DPLgS, .g3VIld .qRUolc, .g3VIld .oJeWuf, .g3VIld .Is7Fhb, .g3VIld .whsOnd, .g3VIld .AxOyFc {\n color: var(--ctp-text) !important;\n background: var(--ctp-base) !important;\n }\n .GxFZed {\n color: var(--ctp-text);\n }\n .hPfsLb {\n background-color: var(--ctp-base);\n border: 1px solid var(--ctp-surface2);\n }\n .cS4Vcb-pGL6qe-lfQAOe {\n color: var(--ctp-text);\n }\n .R6Lfte .Wtw8H.fKz7Od {\n fill: var(--ctp-text) !important;\n color: var(--ctp-text) !important;\n }\n .zDZAFf {\n color: var(--ctp-subtext0);\n }\n .f5p3jb {\n color: var(--ctp-text);\n }\n .QLueyb {\n color: var(--ctp-subtext0);\n }\n .c1AlVc {\n color: var(--ctp-text);\n }\n .LARRVd {\n border-bottom: 1px solid var(--ctp-surface1);\n }\n .Pa2rdc {\n background-color: var(--ctp-base);\n }\n .oab6Ab {\n background: var(--ctp-surface0);\n }\n .zNbBhb {\n color: var(--ctp-text);\n }\n .i29hTd .qLLird {\n color: var(--ctp-text);\n }\n .yxAsKe {\n color: var(--ctp-subtext0);\n }\n .N6Sb2c {\n color: var(--ctp-subtext0);\n }\n .i29hTd .kR7nSc {\n color: var(--ctp-text);\n }\n .zRQJhd {\n background-color: var(--ctp-base);\n }\n .MEdqYd, .feqqG {\n background: var(--ctp-surface1);\n color: var(--ctp-text);\n border: 1px solid var(--ctp-surface1);\n }\n .MEdqYd:hover, .feqqG:hover {\n background: var(--ctp-surface2);\n color: var(--ctp-text);\n border: 1px solid var(--ctp-surface2);\n }\n .AOvabd, .dxp44d {\n background: var(--ctp-surface0);\n border-color: var(--ctp-surface0);\n color: var(--ctp-text);\n }\n .AOvabd:hover, .dxp44d:hover {\n background: var(--ctp-surface1);\n border-color: var(--ctp-surface1);\n color: var(--ctp-text);\n }\n .AOvabd:focus, .dxp44d:focus {\n background: var(--ctp-surface0);\n border-color: var(--ctp-surface0);\n color: var(--ctp-text);\n }\n .AOvabd:focus:active, .dxp44d:focus:active {\n background: var(--ctp-surface0);\n border-color: var(--ctp-surface0);\n color: var(--ctp-text);\n }\n .AOvabd:focus:hover, .dxp44d:focus:hover {\n background: var(--ctp-surface1);\n border-color: var(--ctp-surface1);\n color: var(--ctp-text);\n }\n .AOvabd:focus:active:hover, .dxp44d:focus:active:hover {\n background: var(--ctp-surface2);\n border-color: var(--ctp-surface2);\n color: var(--ctp-text);\n }\n .MEdqYd:focus, .feqqG:focus {\n background: var(--ctp-surface1);\n border-color: var(--ctp-surface1);\n color: var(--ctp-text);\n }\n .MEdqYd:focus:active, .feqqG:focus:active {\n background: var(--ctp-overlay0);\n border-color: var(--ctp-overlay0);\n color: var(--ctp-text);\n }\n .MEdqYd:focus:hover, .feqqG:focus:hover {\n background: var(--ctp-surface2);\n border-color: var(--ctp-surface2);\n color: var(--ctp-text);\n }\n .MEdqYd:focus:active:hover, .feqqG:focus:active:hover {\n background: var(--ctp-overlay0);\n border-color: var(--ctp-overlay0);\n color: var(--ctp-text);\n }\n .UUhRt {\n background: var(--ctp-sapphire);\n border-color: var(--ctp-sapphire);\n }\n .UUhRt:hover {\n background: var(--ctp-sky);\n border-color: var(--ctp-sky);\n }\n .UUhRt:focus:hover {\n background: var(--ctp-sapphire);\n border-color: var(--ctp-sapphire);\n }\n .UUhRt:focus:active {\n background: var(--ctp-sapphire);\n border-color: var(--ctp-sapphire);\n }\n .UUhRt:focus {\n background: var(--ctp-sky);\n border-color: var(--ctp-sky);\n }\n .UUhRt:focus:active:hover {\n background: var(--ctp-sapphire);\n border-color: var(--ctp-sapphire);\n }\n .pno7A.rfUaPd .Tqvz7b, .pno7A.hU1rMc .SwDSDf {\n color: var(--ctp-text);\n }\n .pno7A.hU1rMc .Tqvz7b, .pno7A.rfUaPd .SwDSDf {\n color: var(--ctp-subtext0);\n }\n .TIGsTb {\n border: 1px solid var(--ctp-surface1);\n }\n .TIGsTb:hover {\n background: var(--ctp-surface1);\n border: 1px solid var(--ctp-surface1);\n }\n .qv3Wpe {\n color: var(--ctp-text);\n }\n .Lm2Tt {\n border-left: 1px solid var(--ctp-text);\n }\n .XH1CIc {\n color: var(--ctp-subtext0);\n }\n .mus_tt20 {\n color: var(--ctp-subtext0);\n }\n .lqyc1.d0jRmd, .d0jRmd {\n border: 1px solid var(--ctp-blue);\n }\n .cF4V5c {\n background-color: var(--ctp-crust) !important;\n }\n .GZnQqe.LGiluc {\n border-top-color: var(--ctp-surface2) !important;\n }\n .IDFSOe {\n background-color: var(--ctp-subtext0);\n }\n .nfSF8e, .WRhYSc {\n color: var(--ctp-subtext0);\n }\n .nfSF8e:hover, .WRhYSc:hover {\n background-color: var(--ctp-surface0);\n color: var(--ctp-subtext0);\n }\n .bSeRjc .fKmH1e {\n color: var(--ctp-subtext0);\n }\n .bSeRjc:hover .fKmH1e {\n background-color: var(--ctp-surface0);\n color: var(--ctp-subtext0);\n }\n .d2IKib {\n color: var(--ctp-red);\n }\n .xaAUmb {\n color: var(--ctp-subtext0);\n }\n .auw0zb, .j04ED {\n color: var(--ctp-subtext0);\n }\n .j04ED a, .j04ED a:active, .j04ED a:link, .j04ED a:visited {\n color: var(--ctp-subtext0);\n }\n .KcXNxb {\n background: var(--ctp-base);\n }\n .xlBGCb {\n color: var(--ctp-subtext0);\n }\n .wx62f {\n color: var(--ctp-text);\n }\n .ss6qqb .Jk5Tjc {\n border: 1px solid var(--ctp-surface2);\n }\n .XJa8af a:link, .XJa8af a:visited {\n color: var(--ctp-blue);\n }\n .ss6qqb .PKDVJd {\n color: var(--ctp-subtext0);\n }\n #rhs .u7yw9 {\n border-left: 1px solid var(--ctp-surface1);\n }\n .zItAnd, .zItAnd:link, .zItAnd:visited, .zItAnd:hover, .zItAnd:active {\n color: var(--ctp-text);\n }\n .zItAnd {\n background-color: var(--ctp-background);\n border: 1px solid var(--ctp-surface1);\n }\n .zItAnd:not(.MgQdud):hover {\n background-color: var(--ctp-surface0);\n border-color: var(--ctp-surface1);\n }\n .NZmxZe {\n background-color: var(--ctp-background);\n border: 1px solid var(--ctp-surface1);\n color: var(--ctp-text);\n }\n .NZmxZe:not(.rQEFy):hover {\n background-color: var(--ctp-surface0);\n border-color: var(--ctp-surface1);\n color: var(--ctp-text);\n }\n .rQEFy:hover {\n background: var(--ctp-bluea);\n color: var(--ctp-blue);\n }\n .fKmH1e {\n background-color: var(--ctp-background);\n border-color: var(--ctp-surface1);\n }\n .fKmH1e:hover {\n background-color: var(--ctp-surface0);\n border-color: var(--ctp-surface1);\n }\n .MgQdud, .ip7gnf {\n background-color: var(--ctp-bluea);\n border-color: var(--ctp-bluea);\n color: var(--ctp-blue);\n }\n .MgQdud:hover, .ip7gnf:hover {\n background-color: var(--ctp-bluea);\n border-color: var(--ctp-bluea);\n color: var(--ctp-blue);\n }\n g-menu.DWsAYc g-menu-item a.K1yPdf {\n color: var(--ctp-text);\n }\n .nfSF8e.hdtb-tl-sel:hover {\n background-color: var(--ctp-bluea);\n }\n .ssfWCe .ZXJQ7c {\n color: var(--ctp-subtext0);\n }\n .ssfWCe .ZXJQ7c:hover {\n background-color: var(--ctp-surface2);\n color: var(--ctp-text);\n }\n .igM9Le {\n color: var(--ctp-text);\n }\n}\n\n@-moz-document regexp(\"^https?://(ogs\\\\.)?google\\\\..*\") {\n colourscheme(flavour) {\n if (flavour==\"Latte\") {\n --ctp-rosewater: #dc8a78;\n --ctp-flamingo: #dd7878;\n --ctp-pink: #ea76cb;\n --ctp-mauve: #8839ef;\n --ctp-red: #d20f39;\n --ctp-maroon: #e64553;\n --ctp-peach: #fe640b;\n --ctp-yellow: #df8e1d;\n --ctp-green: #40a02b;\n --ctp-teal: #179299;\n --ctp-sky: #04a5e5;\n --ctp-sapphire: #209fb5;\n --ctp-blue: #1e66f5;\n --ctp-lavender: #7287fd;\n --ctp-rosewatera: rgba(220, 138, 120, 0.25);\n --ctp-flamingoa: rgba(221, 120, 120, 0.25);\n --ctp-pinka: rgba(234, 118, 203, 0.25);\n --ctp-mauvea: rgba(136, 57, 239, 0.25);\n --ctp-reda: rgba(210, 15, 57, 0.25);\n --ctp-maroona: rgba(230, 69, 83, 0.25);\n --ctp-peacha: rgba(254, 100, 11, 0.25);\n --ctp-yellowa: rgba(223, 142, 29, 0.25);\n --ctp-greena: rgba(64, 160, 43, 0.25);\n --ctp-teala: rgba(23, 146, 153, 0.25);\n --ctp-skya: rgba(4, 165, 229, 0.25);\n --ctp-sapphirea: rgba(32, 159, 181, 0.25);\n --ctp-bluea: rgba(30, 102, 245, 0.25);\n --ctp-lavendera: rgba(114, 135, 253, 0.25);\n --ctp-text: #4c4f69;\n --ctp-subtext1: #5c5f77;\n --ctp-subtext0: #6c6f85;\n --ctp-overlay2: #7c7f93;\n --ctp-overlay1: #8c8fa1;\n --ctp-overlay0: #9ca0b0;\n --ctp-surface2: #acb0be;\n --ctp-surface1: #bcc0cc;\n --ctp-surface0: #ccd0da;\n --ctp-base: #eff1f5;\n --ctp-mantle: #e6e9ef;\n --ctp-crust: #dce0e8;\n }\n if (flavour==\"Frappe\") {\n --ctp-rosewater: #f2d5cf;\n --ctp-flamingo: #eebebe;\n --ctp-pink: #f4b8e4;\n --ctp-mauve: #ca9ee6;\n --ctp-red: #e78284;\n --ctp-maroon: #ea999c;\n --ctp-peach: #ef9f76;\n --ctp-yellow: #e5c890;\n --ctp-green: #a6d189;\n --ctp-teal: #81c8be;\n --ctp-sky: #99d1db;\n --ctp-sapphire: #85c1dc;\n --ctp-blue: #8caaee;\n --ctp-lavender: #babbf1;\n --ctp-rosewatera: rgba(242, 213, 207, 0.25);\n --ctp-flamingoa: rgba(238, 190, 190, 0.25);\n --ctp-pinka: rgba(244, 184, 228, 0.25);\n --ctp-mauvea: rgba(202, 158, 230, 0.25);\n --ctp-reda: rgba(231, 130, 132, 0.25);\n --ctp-maroona: rgba(234, 153, 156, 0.25);\n --ctp-peacha: rgba(239, 159, 118, 0.25);\n --ctp-yellowa: rgba(229, 200, 144, 0.25);\n --ctp-greena: rgba(166, 209, 137, 0.25);\n --ctp-teala: rgba(129, 200, 190, 0.25);\n --ctp-skya: rgba(153, 209, 219, 0.25);\n --ctp-sapphirea: rgba(133, 193, 220, 0.25);\n --ctp-bluea: rgba(140, 170, 238, 0.25);\n --ctp-lavendera: rgba(186, 187, 241, 0.25);\n --ctp-text: #c6d0f5;\n --ctp-subtext1: #b5bfe2;\n --ctp-subtext0: #a5adce;\n --ctp-overlay2: #949cbb;\n --ctp-overlay1: #838ba7;\n --ctp-overlay0: #737994;\n --ctp-surface2: #626880;\n --ctp-surface1: #51576d;\n --ctp-surface0: #414559;\n --ctp-base: #303446;\n --ctp-mantle: #292c3c;\n --ctp-crust: #232634;\n }\n if (flavour==\"Macchiato\") {\n --ctp-rosewater: #f4dbd6;\n --ctp-flamingo: #f0c6c6;\n --ctp-pink: #f5bde6;\n --ctp-mauve: #c6a0f6;\n --ctp-red: #ed8796;\n --ctp-maroon: #ee99a0;\n --ctp-peach: #f5a97f;\n --ctp-yellow: #eed49f;\n --ctp-green: #a6da95;\n --ctp-teal: #8bd5ca;\n --ctp-sky: #91d7e3;\n --ctp-sapphire: #7dc4e4;\n --ctp-blue: #8aadf4;\n --ctp-lavender: #b7bdf8;\n --ctp-rosewatera: rgba(244, 219, 214, 0.25);\n --ctp-flamingoa: rgba(240, 198, 198, 0.25);\n --ctp-pinka: rgba(245, 189, 230, 0.25);\n --ctp-mauvea: rgba(198, 160, 246, 0.25);\n --ctp-reda: rgba(237, 135, 150, 0.25);\n --ctp-maroona: rgba(238, 153, 160, 0.25);\n --ctp-peacha: rgba(245, 169, 127, 0.25);\n --ctp-yellowa: rgba(238, 212, 159, 0.25);\n --ctp-greena: rgba(166, 218, 149, 0.25);\n --ctp-teala: rgba(139, 213, 202, 0.25);\n --ctp-skya: rgba(145, 215, 227, 0.25);\n --ctp-sapphirea: rgba(125, 196, 228, 0.25);\n --ctp-bluea: rgba(138, 173, 244, 0.25);\n --ctp-lavendera: rgba(183, 189, 248, 0.25);\n --ctp-text: #cad3f5;\n --ctp-subtext1: #b8c0e0;\n --ctp-subtext0: #a5adcb;\n --ctp-overlay2: #939ab7;\n --ctp-overlay1: #8087a2;\n --ctp-overlay0: #6e738d;\n --ctp-surface2: #5b6078;\n --ctp-surface1: #494d64;\n --ctp-surface0: #363a4f;\n --ctp-base: #24273a;\n --ctp-mantle: #1e2030;\n --ctp-crust: #181926;\n }\n if (flavour==\"Mocha\") {\n --ctp-rosewater: #f5e0dc;\n --ctp-flamingo: #f2cdcd;\n --ctp-pink: #f5c2e7;\n --ctp-mauve: #cba6f7;\n --ctp-red: #f38ba8;\n --ctp-maroon: #eba0ac;\n --ctp-peach: #fab387;\n --ctp-yellow: #f9e2af;\n --ctp-green: #a6e3a1;\n --ctp-teal: #94e2d5;\n --ctp-sky: #89dceb;\n --ctp-sapphire: #74c7ec;\n --ctp-blue: #89b4fa;\n --ctp-lavender: #b4befe;\n --ctp-rosewatera: rgba(245, 224, 220, 0.25);\n --ctp-flamingoa: rgba(242, 205, 205, 0.25);\n --ctp-pinka: rgba(245, 194, 231, 0.25);\n --ctp-mauvea: rgba(203, 166, 247, 0.25);\n --ctp-reda: rgba(243, 139, 168, 0.25);\n --ctp-maroona: rgba(235, 160, 172, 0.25);\n --ctp-peacha: rgba(250, 179, 135, 0.25);\n --ctp-yellowa: rgba(249, 226, 175, 0.25);\n --ctp-greena: rgba(166, 227, 161, 0.25);\n --ctp-teala: rgba(148, 226, 213, 0.25);\n --ctp-skya: rgba(137, 220, 235, 0.25);\n --ctp-sapphirea: rgba(116, 199, 236, 0.25);\n --ctp-bluea: rgba(137, 180, 250, 0.25);\n --ctp-lavendera: rgba(180, 190, 254, 0.25);\n --ctp-text: #cdd6f4;\n --ctp-subtext1: #bac2de;\n --ctp-subtext0: #a6adc8;\n --ctp-overlay2: #9399b2;\n --ctp-overlay1: #7f849c;\n --ctp-overlay0: #6c7086;\n --ctp-surface2: #585b70;\n --ctp-surface1: #45475a;\n --ctp-surface0: #313244;\n --ctp-base: #1e1e2e;\n --ctp-mantle: #181825;\n --ctp-crust: #11111b;\n }\n }\n \n body {\n if (darktheme==\"Latte\") { colourscheme(Latte) }\n if (darktheme==\"Frappe\") { colourscheme(Frappe) }\n if (darktheme==\"Macchiato\") { colourscheme(Macchiato) }\n if (darktheme==\"Mocha\") { colourscheme(Mocha) }\n }\n .aRDKUe .N2ncR {\n background: var(--ctp-mantle);\n }\n .aRDKUe .y5Iqsb {\n background: var(--ctp-crust);\n }\n .aRDKUe .d2yxTb {\n background: var(--ctp-crust);\n }\n .aRDKUe .znj3je {\n color: var(--ctp-text);\n }\n .aRDKUe .Wdz6e.ZnExKf, .aRDKUe .Wdz6e {\n color: var(--ctp-subtext0);\n }\n .aRDKUe .zHzpD .RroO5d {\n color: var(--ctp-text);\n }\n .zHzpD .RroO5d {\n border: 1px solid var(--ctp-surface0);\n }\n .aRDKUe .GXg3Le:hover > .uarSJe, .aRDKUe .WLjaOb .GXg3Le:focus:hover > .uarSJe, .aRDKUe .GXg3Le:focus:hover > .uarSJe, .aRDKUe .GXg3Le:focus > .uarSJe, .aRDKUe .WLjaOb .GXg3Le:focus > .uarSJe, .aRDKUe .GXg3Le:active:focus > .uarSJe, .aRDKUe .GXg3Le:active > .uarSJe {\n color: var(--ctp-text);\n }\n .aRDKUe .OtBgcb, .aRDKUe .BvDXcd, .aRDKUe .zpoCob, .aRDKUe .NB6Lnc, .aRDKUe .ZnExKf, .aRDKUe .znj3je {\n color: var(--ctp-text);\n }\n .wZbsjd {\n fill: var(--ctp-peach);\n }\n .aRDKUe .ziuVxb {\n background: var(--ctp-crust);\n }\n .aRDKUe .ziuVxb .GXg3Le, .aRDKUe .ziuVxb .V9opsd {\n border-color: var(--ctp-surface0);;\n }\n .aRDKUe .DgDbFe .zpoCob {\n color: var(--ctp-subtext0);\n }\n .aRDKUe .zHzpD .jFfZdd:focus:hover {\n background: var(--ctp-crust);\n }\n .aRDKUe .DgDbFe .OtBgcb {\n color: var(--ctp-subtext0);\n }\n .aRDKUe .T6SHIc {\n border-color: var(--ctp-surface0);\n }\n .aRDKUe .zHzpD .jFfZdd:hover {\n background: var(--ctp-crust);\n }\n .aRDKUe .zHzpD .jFfZdd:active, .aRDKUe .zHzpD .jFfZdd:active:focus {\n background: var(--ctp-crust);\n }\n .aRDKUe .zHzpD .RroO5d:hover {\n background: var(--ctp-mantle);\n }\n .aRDKUe .zHzpD .RroO5d:active, .aRDKUe .zHzpD .RroO5d:active:focus {\n background: var(--ctp-mantle);\n }\n .aRDKUe .DgDbFe .zpoCob:hover {\n background: var(--ctp-crust);\n }\n .aRDKUe .DgDbFe .zpoCob:active, .aRDKUe .DgDbFe .zpoCob:active:focus {\n background: var(--ctp-crust);\n }\n div.nz9sqb.EHzcec {\n background-color: var(--ctp-mantle);\n }\n .nz9sqb .tX9u1b:hover, .nz9sqb .tX9u1b:hover .Rq5Gcb {\n background-color: var(--ctp-base);\n }\n .nz9sqb .Rq5Gcb {\n color: var(--ctp-text);\n }\n .nz9sqb .dGrefb {\n border-bottom: 1px solid var(--ctp-surface1);\n }\n .nz9sqb .NQV3m {\n border-color: var(--ctp-surface1);\n color: var(--ctp-blue)\n }\n .nz9sqb .NQV3m:hover {\n background-color: var(--ctp-crust);\n border-color: var(--ctp-surface1);\n }\n .nz9sqb.o07G5 .tX9u1b:active, .nz9sqb.o07G5 .tX9u1b:active:focus, .nz9sqb.o07G5 .tX9u1b:active .Rq5Gcb, .nz9sqb.o07G5 .tX9u1b:active:hover .Rq5Gcb {\n background-color: var(--ctp-surface2);\n }\n .nz9sqb .NQV3m:focus, .nz9sqb .NQV3m:hover:focus, .nz9sqb .NQV3m:active, .nz9sqb .NQV3m:active:focus {\n border-color: var(--ctp-blue);\n }\n}\n", - "usercssData": { - "name": "Google Catppuccin", - "namespace": "github.com/catppuccin/google", - "homepageURL": "https://github.com/catppuccin/google", - "version": "1.2.8", - "description": "Soothing pastel theme for Google", - "author": "Catppuccin - mustafakhalaf-git", - "preprocessor": "stylus", - "updateURL": "https://github.com/catppuccin/google/raw/main/src/catppuccin.user.css", - "license": "MIT", - "vars": { - "darktheme": { - "type": "select", - "label": "Theme", - "name": "darktheme", - "value": "Macchiato", - "default": "Latte", - "options": [ - { - "name": "Latte", - "label": "Latte", - "value": "Latte" - }, - { - "name": "Frappe", - "label": "Frappe", - "value": "Frappe" - }, - { - "name": "Macchiato", - "label": "Macchiato", - "value": "Macchiato" - }, - { - "name": "Mocha", - "label": "Mocha", - "value": "Mocha" - } - ] - } - } - }, - "author": "Catppuccin - mustafakhalaf-git", - "description": "Soothing pastel theme for Google", - "name": "Google Catppuccin", - "originalDigest": "a53e0c34b1727cd71430409d463710da43017b44", - "_id": "e58fccb7-c3f2-48c4-a82b-d0d852d70e6c", - "_rev": 1690195010043, - "id": 22 - }, { "enabled": true, "updateUrl": "https://userstyles.world/api/style/925.user.css", @@ -197,11 +137,11 @@ "code": "" } ], - "sourceCode": "/* ==UserStyle==\n@name NexusMods Overhaul\n@namespace github.com/blyad2137/nexusmods-overhaul\n@version 1.1.4\n@description `Overhauls look of nexusmods to be more 'modern', from lack of better word.`\n@author blyad (https://github.com/blyad2137)\n@license CC BY-NC-SA 4.0\n@homepageURL https://github.com/blyad2137/nexusmods-overhaul\n@supportURL https://github.com/blyad2137/nexusmods-overhaul/issues\n==/UserStyle== */\n\n@-moz-document domain(\"nexusmods.com\") {\n\t\t::-webkit-scrollbar-track {\n -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);\n border-radius: 0px;\n background-color: #212121;\n }\n html[hide-scrollbar=\"true\"] ::-webkit-scrollbar{display:none}\n ::-webkit-scrollbar {\n width: 1rem;\n background-color: #212121;\n }\n ::-webkit-scrollbar-thumb {\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .6);\n background-color: var(--theme-primary) !important;\n\t\t\t border: 5px solid rgba(0, 0, 0, 0);\n\t\t\t border-radius: 10px;\n\t\t\t background-clip: padding-box;\n }\n\t\t::-webkit-scrollbar-thumb:hover {\n\t\t\t background-color: var(--theme-secondary) !important;\n\t\t\t border: 4px solid rgba(0, 0, 0, 0);\n\t\t}\n\t\t::-webkit-scrollbar-corner {\n\t\t\t background-color: #212121;\n\t\t\t border-color: #212121;\n\t\t}\n\n\tspan.tooltip.tooltipstered {\n\t\tbackground-color: #0000 !important;\n\t}\n\tbody.scheme-theme-Fallout .mod-tile-left .mod-tile-dl-status {\n\t\tbackground-color: #92ab20D8 !important;\n\t\tcolor: #fff !important;\n\t}\n\t.rj-vortex-button {\n\t\tcolor: var(--theme-primary);\n\t\tborder-color: var(--theme-primary);\n\t}\n\t.rj-vortex-button:hover {\n\t\tbackground-color: var(--theme-primary);\n\t}\n\t#rj-back-to-top.rj-hug-footer {\n\t\tbackground-color: var(--theme-primary);\n\t\tposition: absolute;\n\t}\n\ti.fa.fa-chevron-up {\n\t\ttext-align: center;\n\t\ttop: 27%;\n\t\tleft: 31%;\n\t\tmargin: 0;\n\t\tposition: absolute;\n\t}\n\t.bubble {\n\t\tbackground-color: var(--theme-secondary);\n\t}\n\t#rj-back-to-top {\n\t\tbackground-color: var(--theme-primary-translucent);\n\t}\n\t.rj-standard-button, .page-layout .donation-wrapper form input[type=submit], .notification-indicator, .notification-preferences-body input:checked + .notification-preference-slider:before, .rj-btn.rj-btn-standard, .rj-btn:hover, .add-game-button {\n\t\tbackground-color: var(--theme-primary);\n\t}\n\t.rj-standard-button:hover, .title-with-pip .pip, .rj-panel .banner {\n\t\tbackground-color: var(--theme-secondary);\n\t}\n\t.rj-panel .banner:before {\n \tborder-color: transparent transparent var(--theme-secondary) transparent;\t\n\t}\n\t.rj-panel .banner:after {\n\t\tborder-color: var(--theme-secondary) transparent transparent transparent;\n\t}\n\t[src=\"/assets/images/footer/Vortex.svg\"] {\n\t\t-webkit-mask: url(/assets/images/footer/Vortex.svg) no-repeat center;\n\t\tmask: url(/assets/images/footer/Vortex.svg) no-repeat center;\n\t\tbackground-color: var(--theme-primary);\n\t\tcontent: url('https://i.imgur.com/WFQNmEA.png');\n\t\timage-rendering: auto;\n\t}\n\t#rj-sitemap ul li a:hover, .page-layout .table table tfoot a.replaced-login-link, .page-layout .donation-wrapper > p > p > a, .page-layout .author > span, .notifications-header a, .notifications-list ul li .notification-bold, .page-layout .back-wrapper a span, .page-layout .back-wrapper a i, .page-layout tbody td:last-child, .table .orange, .rj-header-tray .rj-mobile-menu-link-section a:active:hover, .rj-header-tray .rj-mobile-menu-link-section a:link:hover, .rj-header-tray .rj-mobile-menu-link-section a:visited:hover, .rj-panel-cta, i.orange, li.rj-mobile-menu-subsection>a>div>span.upload, .page-layout .donation-wrapper > p > span.timer {\n\t\tcolor: var(--theme-primary);\n\t}\n\t.rj-orange, a:link.rj-orange, a:active.rj-orange {\n\t\tcolor: var(--theme-primary) !important;\n\t}\n\t.rj-btn, a.rj-btn, button.rj-btn {\n\t\tborder-color: var(--theme-primary);\n\t}\n\t.rj-btn.rj-btn-outline:hover, .notification-preferences-body input:checked + .notification-preference-slider, .rj-btn.rj-btn-standard:hover {\n\t\tbackground-color: var(--theme-secondary);\n\t}\n\t.rj-news-items .news-item .news-img-wrapper {\n\t\tbackground: linear-gradient(to top,transparent,var(--theme-primary));\n\t}\n\t#qs_close:hover {\n\t\tcolor: var(--theme-primary);\n\t\tborder-color: rgba(44, 43, 43, .38);\n\t}\n\t#qs_pagination a {\n\t\tborder-color: rgba(44, 43, 43, .38);\n\t}\n\n\n\t.static .wrap:first-of-type {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.static .wrap {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.tabcontent {\n\t\tbackground-color: rgba(68, 68, 68, .38);\n\t}\n\tul.modtabs {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\tul.modtabs li {\n\t\tbackground-color: transparent;\n\t}\n\tul.modtabs li a.selected {\n\t\tbackground-color: rgba(68, 68, 68, .38);\n\t\tborder-right-color: rgba(76, 76, 76, .38);\n\t}\n\tul.modtabs li a:last-of-type:hover {\n\t\tborder-right-color: rgba(65, 65, 65, .38);\n\t}\n\tul.modtabs li a {\n\t\tborder-right-color: rgba(61, 61, 61, .38);\n\t}\n\tul.modtabs li a:hover {\n\t\tbackground-color: rgba(65, 65, 65, .38);\n\t}\n\t.mod-tile .mod-tile-left {\n\t\tbackground-color: transparent;\n\t\tbox-shadow: inset 0 0 20px rgba(56, 56, 56, .8);\n\t}\n\tli.mod-tile > .mod-tile-left > .tile-data {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t\tbox-shadow: inset 0 0 20px rgba(56, 56, 56, .8);\n\t}\n\t.tiles .fadeoff {\n\t\tbackground: -webkit-linear-gradient(top,rgba(56,56,56,0) 0,rgba(56,56,56,.8) 100%);\n\t\tbackground: linear-gradient(to bottom,rgba(56,56,56,0) 0,rgba(56,56,56,.8) 100%);\n\t}\n\tbody .home-intro {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\tul.tiles li.article-tile .mod-tile-left {\n\t\tbackground-color: transparent;\n\t\tbox-shadow: inset 0 0 30px rgba(56, 56, 56, .8);\n\t}\n\tli.article-tile > .mod-tile-left > .tile-data {\n\t\tbackground-color: rgba(45, 45, 45, .5);\n\t\tbox-shadow: inset 0 0 20px rgba(56, 56, 56, .8);\n\t}\n\t.modimages {\n\t\tbackground-color: rgba(32, 32, 32, .38);\n\t}\n\t.modpage .col-1-1.info-details {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.modpage>.wrap {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.modpage .sideitems {\n\t\tborder-bottom-color: rgba(56, 56, 56, .38);\n\t}\n\t.modpage .col-1-1:not(.popup-bugreport > .col-1-1):not(.popup-mod-tagging .col-1-1):not(.popup-js .col-1-1) {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t}\n .popup-js .col-1-1 {\n background-color: transparent;\n }\n\t.accordion dt:hover {\n\t\tbackground-color: rgba(65, 65, 65, .38);\n\t}\n\t.accordion dt {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t}\n\t.accordion dt.accopen {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.accordion dd {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t}\n\t.table th.table-require-notes:hover, .table th.table-compat-notes:hover, .table th.table-translation-notes:hover {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.table th:hover {\n\t\tbackground: rgba(65, 65, 65, .38);\n\t}\n\t.table th, .table td {\n\t\tborder-right-color: rgba(73, 73, 73, .38);\n\t}\n\t.table th {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.tabcontent-mod-page .accordionitems .table td {\n\t\tborder-right-color: rgba(91, 91, 91, .38);\n\t\tborder-top-color: rgba(91, 91, 91, .38);\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t}\n\t.comments .comment-head {\n\t\tbackground-color: rgba(29, 29, 29, .38);\n\t\tborder-bottom-color: rgba(0, 0, 0, .38);\n\t}\n\t.comments>ol>li {\n\t\tbackground-color: rgba(35, 35, 35, .38);\n\t\tborder-color: rgba(0, 0, 0, .38);\n\t}\n\t.comments>ol>li ol>li {\n\t\tbackground-color: rgba(69, 69, 69, .38);\n\t\tborder-color: rgba(0, 0, 0, .38);\n\t}\n\t.edit-article-desc, .articlepage article {\n\t\tbackground-color: transparent;\n\t}\n\tsection#rj-vortex {\n\t\tborder-top-color: rgba(93, 93, 93, .38);\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t}\n\t#rj-footer {\n\t\tbackground-color: rgba(24, 24, 24, .38);\n\t\ttext-shadow: 1px 1px 1px #000000b8;\n\t}\n\t#rj-footer svg, #rj-footer img {\n\t\tfilter: drop-shadow(1px 1px 1px #000);\n\t}\n\tfigure.quote {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t}\n\tfigure.quote .icon-quote {\n\t\tfill: rgba(101, 101, 102, .38);\n\t}\n\t.col-1-1>.container, .modpage.mediapage .container.comments {\n\t\tbackground: rgba(76, 76, 76, 0);\n\t}\n\t.mod-tile > div {\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: -610px -120px, 0 0;\n\t\tbackground-image: -webkit-linear-gradient(top left,rgba(255, 255, 255, .1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\tbackground-image: -moz-linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, .1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%); \n\t\tbackground-image: -o-linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\tbackground-image: linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\t-moz-background-size: 250% 250%, 100% 100%;\n\t\tbackground-size: 250% 250%, 100% 100%;\n\t\t-webkit-transition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\t-moz-transition: background-position, transform, text-shadow, box-shadow 0s ease-in; \n\t\t-o-transition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\ttransition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\ttransition-duration: 0.1s\n\t}\n\t#mod-list .mod-tile > div:hover {\n\t\tbackground-position: 0 0, 0 0;\n\t\t-webkit-transition-duration: 0.4s;\n\t\t-moz-transition-duration: 0.4s;\n\t\ttransition-duration: 0.4s;\n\t\ttransform: scale(1.035);\n\t\ttext-shadow: 1px 1px 1px #000;\n\t\tbox-shadow: 0 0 1px #000;\n\t}\n\t.article-tile > div {\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: -810px -120px, 0 0;\n\t\tbackground-image: -webkit-linear-gradient(top left,rgba(255, 255, 255, .1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\tbackground-image: -moz-linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, .1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%); \n\t\tbackground-image: -o-linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\tbackground-image: linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\t-moz-background-size: 250% 250%, 100% 100%;\n\t\tbackground-size: 250% 250%, 100% 100%;\n\t\t-webkit-transition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\t-moz-transition: background-position, transform, text-shadow, box-shadow 0s ease-in; \n\t\t-o-transition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\ttransition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\ttransition-duration: 0.1s\n\t}\n\t.article-tile > div:hover {\n\t\tbackground-position: 0 0, 0 0;\n\t\t-webkit-transition-duration: 0.4s;\n\t\t-moz-transition-duration: 0.4s;\n\t\ttransition-duration: 0.4s;\n\t\ttransform: scale(1.035);\n\t\ttext-shadow: 1px 1px 1px #000;\n\t\tbox-shadow: 0 0 1px #000;\n\t}\n\t.activity-desc {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t}\n\tul.activity>li {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\tul.rj-mobile-menu-subsections, #head .rj-header-wrap .rj-header-left, #head .rj-header-wrap .rj-header-right, .game-home-link {\n\t\tbackground-color: transparent;\n\t}\n\t#head.new-head {\n\t\tbackground-color: rgba(24, 24, 24, .38);\n\t}\n\t#head.new-head::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t#head .rj-header-wrap {\n\t\tposition: relative;\n\t}\n\t.rj-nav-item:hover, .rj-nav-item.active {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t}\n\tform.rj-search .search-button, form.rj-search .rj-search-input {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: #e8e8e8;\n\t}\n\t.rj-search-category-dropdown {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t\tcolor: #e8e8e8;\n\t}\n\t.rj-search-category-option:hover {\n\t\tbackground-color: rgba(255, 255, 255, .08);\n\t}\n\t.rj-header-wrap.rj-search-active .search-button {\n\t\tbackground-color: rgba(51, 51, 51, .38);\n\t}\n\t#qs_results {\n\t\tbackground: rgba(44, 43, 43, .38);\n\t}\n\t#gsearch_results {\n\t\tborder-color: rgba(37, 37, 37, .38);\n\t\tbackground: rgba(45, 45, 45, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t\tbox-shadow: inset 0 0 20rem 1rem rgba(0, 0, 0, .38);\n\t}\n\t#qsearch_results {\n\t\tborder-color: rgba(0, 0, 0, .38);\n\t}\n\t.gsearch_results_list li {\n\t\tborder-color: rgba(37, 37, 37, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.qs_result section>div {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t}\n\t.qs_result .stats {\n\t\tbackground-color: transparent;\n\t}\n\t.qs_result h2 {\n\t\tbackground: linear-gradient(to right,rgba(56, 56, 56, .38) 0,rgba(37, 37, 37, .38) 100%);\n\t}\n\t.gsearch_results_list li.active h2 {\n\t\tbackground: linear-gradient(to right,rgba(56, 56, 56, .38) 0,rgba(44, 43, 43, .38) 100%);\n\t}\n\t.premium-banner {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t}\n\t.premium-banner > span, .premium-banner > i {\n\t\tcolor: #fff;\n\t}\n\t.select2-container--default .select2-selection--single {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\t.select2-container--default .select2-selection--single .select2-selection__rendered {\n\t\tcolor: #bbb;\n\t}\n\t.select2-container--default .select2-selection--single .select2-selection__arrow b {\n\t\tborder-color: #777 transparent transparent transparent;\n\t}\n\t.select2-container--default .select2-results__option[aria-selected=true] {\n\t\tbackground-color: rgba(68, 68, 68, .38);\n\t}\n\t.select2-dropdown {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.select2-results__option {\n\t\tcolor: #aaa;\n\t}\n\t.select2-dropdown, .select2-dropdown--below {\n\t\tborder-color: rgba(76, 76, 76, .38);\n\t}\n\t.popup-mod-requirements ul {\n\t\tbackground: rgba(34, 34, 34, .38);\n\t\tborder-color: rgba(136, 136, 136, .38);\n\t}\n\t.pagination ul li a.page-selected, .pagination ul li a.page-selected:hover {\n\t\tbackground: rgba(62, 62, 62, .38);\n\t}\n\t.pagination ul li a, .pagination ul li a:hover, .pagination ul li a:focus {\n\t\tcolor: #c8c8c8;\n\t}\n\t.pagination ul li a {\n\t\tbackground-color: rgba(17, 17, 17, .38);\n\t}\n\t.pagination ul li.prev .icon-arrow-thin, .pagination ul li.next .icon-arrow-thin {\n\t\tfill: #c8c8c8;\n\t}\n\t.pagination ul li a:hover, .pagination ul li a:focus, .pagination ul li.prev a:hover, .pagination ul li.prev a:focus, .pagination ul li.next a:hover, .pagination ul li.next a:focus {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: #c8c8c8;\n\t}\n\t.select2-container--default .select2-search--dropdown .select2-search__field {\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: #aaa;\n\t}\n\t.article-actions {\n\t\tbackground-color: rgba(32, 32, 32, .38);\n\t}\n\t.article-nav .article-label {\n\t\tcolor: #a9a9a9;\n\t}\n\t.article-nav ul li:hover a {\n\t\tbackground-color: rgba(24, 24, 24, .38);\n\t}\n\t.article-nav ul li a {\n\t\tborder-color: rgba(86, 86, 86, .38);\n\t}\n\t.article-nav ul li a .icon-arrow-thin {\n\t\tfill: #bcbcbc;\n\t}\n\t.article-page {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t\ttext-shadow: 1px 1px 1px #000;\n\t}\n\t.article-page .comments {\n\t\tborder-color: rgba(56, 56, 56, .38);\n\t}\n\t#head.new-head .headlogo svg {\n\t\tfilter: drop-shadow(1px 1px 1px #000);\n\t}\n\t.rj-search-category {\n\t\tborder-left-color: rgba(255, 255, 255, .08);\n\t}\n\tform.rj-search.open-category-select .rj-search-category-dropdown-toggle {\n\t\tbackground-color: rgba(255, 255, 255, .08);\n\t}\n\t.rj-search-category-wrapper {\n\t\tcolor: #e8e8e8;\n\t}\n\t.select2-container--default.select2-container--disabled .select2-selection--single, .searchtext, .select2-container--default .select2-selection--multiple, .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\t.searchtext {\n\t\tcolor: #bbb;\n\t}\n\tinput[type=\"checkbox\"] {\n\t\tfilter: invert(.835) hue-rotate(180deg);\n\t}\n\t.refine-results ul.choice-list, .range-area {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t}\n\ta.mod-image {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t}\n\t.mod-tile-left, figure.image_figure .fore_div img, figure.image_figure .fore_div_mods img {\n\t\tbackground-color: transparent;\n\t}\n\t.game-filter form input {\n\t\tcolor: #919191;\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\t[style=\"position: absolute; top: 72px; z-index: 9999; background-color: rgb(76, 76, 76); border: 1px solid rgb(225, 225, 225); padding: 8px 16px;\"] {\n\t\tbackground-color: rgba(76, 76, 76, .38) !important;\n\t\tborder-color: rgba(17, 17, 17, .38) !important;\n\t}\n\t.date_selector {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: #bbb;\n\t}\n\t.ui-widget-content {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t\tborder-color: rgba(64, 64, 64, .38);\n\t\tcolor: #919191;\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.ui-widget-header {\n\t\tbackground-color: rgba(64, 64, 64, .38);\n\t\tborder-color: rgba(64, 64, 64, .38);\n\t\tcolor: #bbb;\n\t}\n\t.ui-datepicker select.ui-datepicker-month option, .ui-datepicker select.ui-datepicker-year option {\n\t\tbackground-color: #383838;\n\t}\n\t.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {\n\t\tbackground-color: rgba(0, 0, 0, 0);\n\t}\n\t.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {\n\t\tborder-color: rgba(51, 51, 51, .38);\n\t\tcolor: #bbb;\n\t}\n\t.btn-inactive, .btn:disabled {\n\t\tbackground-color: #565656 !important;\n\t\tcolor: #000 !important;\n\t}\n\t.btn-inactive .icon, .btn:disabled .icon {\n\t\tfill: #000;\n\t}\n\t#rj-sitemap ul li a.rj-standard-button {\n\t\tcolor: #fff;\n\t}\n\t.rj-user-nav .nav-interact .ni-background {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t}\n\tsection#rj-sitemap {\n\t\tborder-image-source: linear-gradient(to right,rgba(255,255,255,0),rgba(255, 255, 255, .38) 52%,rgba(255,255,255,0));\n\t}\n\t.rj-header-tray {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.rj-header-full-width-banner {\n\t\tbackground-color: rgba(24, 24, 24, .38);\n\t}\n\t.rj-panel.rj-panel-border:hover>.rj-panel-inner {\n\t\tbackground-color: rgba(77, 79, 80, .38);\n\t}\n\t.rj-panel.rj-panel-border>.rj-panel-inner {\n\t\tbackground-color: rgba(60, 61, 63, .38);\n\t}\n\t.rj-panel.rj-panel-border {\n\t\tbackground: none;\n\t\tposition: relative;\n\t}\n\t.rj-panel.rj-panel-border::before {\n\t\tcontent: '';\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\tbackground: linear-gradient(180deg,var(--theme-primary),rgba(255,255,255,0.26));\n\t\tposition: absolute;\n\t\topacity: .38;\n\t}\n\t.rj-panel.rj-panel-border:hover {\n\t\tbackground-color: rgba(255,255,255,0.18);\n\t}\n\t.rj-right-tray {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.rj-tray-section.section-dark {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t}\n\t.rj-right-tray .arrow {\n\t\tborder-bottom-color: rgba(43, 45, 47, .38);\n\t}\n\t.rj-right-tray .arrow::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tfilter: blur(1rem);\n\t}\n\t.rj-tray-section.section-dark.link-section:hover {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t}\n\t.widget-mod-requirements.popup.mfp-with-anim.col-1-1.popup-mod-requirements {\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\tdiv.bbc_spoiler_content {\n\t\tbackground: rgba(38, 38, 38, .38);\n\t\tborder-color: rgba(59, 59, 59, .38);\n\t}\n\t.notifications-header, .notification-preferences-header {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t}\n\t.notifications-list, .notification-load-more, .notification-preferences-menu {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t}\n\t#featured #nofeature #pagetitle {\n\t\tbackground: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.38) 100%);\n\t\tbackground: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.38) 100%);\n\t}\n\t.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {\n\t\tcolor: #ccc !important;\n\t\tborder-color: rgba(103, 103, 103, .38);\n\t\tbackground: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .38)), color-stop(100%, rgba(60, 60, 60, .38)));\n\t\tbackground: -webkit-linear-gradient(top, rgba(0, 0, 0, .38) 0%, rgba(60, 60, 60, .38) 100%);\n\t\tbackground: -moz-linear-gradient(top, rgba(0, 0, 0, .38) 0%, rgba(60, 60, 60, .38) 100%);\n\t\tbackground: -ms-linear-gradient(top, rgba(0, 0, 0, .38) 0%, rgba(60, 60, 60, .38) 100%);\n\t\tbackground: -o-linear-gradient(top, rgba(0, 0, 0, .38) 0%, rgba(60, 60, 60, .38) 100%);\n\t\tbackground: linear-gradient(to bottom, gba(0, 0, 0, .38) 0%, rgba(60, 60, 60, .38) 100%);\n\t}\n\t.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {\n\t\tcolor: #999 !important;\n\t}\n\t.dataTables_wrapper .dataTables_paginate .paginate_button:hover {\n\t\tborder-color: rgba(17, 17, 17, .38);\n\t\tbackground: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(88, 88, 88, .38)), color-stop(100%, rgba(17, 17, 17, .38)));\n\t\tbackground: -webkit-linear-gradient(top, rgba(88, 88, 88, .38) 0%, rgba(17, 17, 17, .38) 100%);\n\t\tbackground: -moz-linear-gradient(top, rgba(88, 88, 88, .38) 0%, rgba(17, 17, 17, .38) 100%);\n\t\tbackground: -ms-linear-gradient(top, rgba(88, 88, 88, .38) 0%, rgba(17, 17, 17, .38) 100%);\n\t\tbackground: -o-linear-gradient(top, rgba(88, 88, 88, .38) 0%, rgba(17, 17, 17, .38) 100%);\n\t\tbackground: linear-gradient(to bottom, rgba(88, 88, 88, .38) 0%, rgba(17, 17, 17, .38) 100%);\n\t}\n\t.dataTables_filter input, input.form-field {\n\t\tcolor: #919191 !important;\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\ttable.dataTable tbody tr, .form-section-content .select2-container--default .select2-selection--single {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\ttd.tracking-mod .tracking-icon {\n\t\tbackground: rgba(45, 45, 45, .38);\n\t}\n\t.table td {\n\t\tborder-top-color: rgba(73, 73, 73, .38);\n\t\tbackground: rgba(56, 56, 56, .38);\n\t}\n\ttable.dataTable.no-footer {\n\t\tborder-bottom-color: rgba(17, 17, 17, .38);\n\t}\n\ttable.dataTable thead th, table.dataTable thead td {\n\t\tborder-bottom-color: rgba(17, 17, 17, .38);\n\t}\n\t.form-section-content, .media-section-content {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t}\n\t.form-section header, textarea.application-key, .application-image-container {\n\t\tbackground: rgba(45, 45, 45, .38);\n\t}\n\t.line {\n\t\tborder-bottom-color: rgba(225, 225, 225, .38);\n\t}\n\t.page-layout .donation-panel {\n\t\tborder-color: rgba(136, 136, 136, .38);\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t}\n\t.page-layout .donation-wrapper form input[type=text] {\n\t\tcolor: #e0e0e0;\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\t.page-layout .donation-wrapper form .form-group > span {\n\t\tcolor: #e0e0e0;\n\t}\n\t.rj-btn.rj-btn-outline, .rj-btn.rj-btn-standard {\n\t\ttext-shadow: 1px 1px 1px #000;\n\t}\n\tdiv#mainContent > .tabcontent.tabcontent-mod-page[aria-live=\"assertive\"] {\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.forum-bugs td.bug-comment {\n\t\tbackground-color: rgba(32, 32, 32, .38);\n\t}\n\t.forum-bugs .comments>ol>li:first-of-type:before {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.info.warning {\n\t\tbackground-color: transparent;\n\t\tposition: relative;\n\t}\n\t.info.warning.site-notice {\n\t\tbackground-color: #d5632d;\n\t}\n\t.info .info-content::before:not(.form-user-upload) {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\tmargin: 0;\n\t\tbackground-color: var(--theme-primary);\n\t\topacity: .38;\n\t\tz-index: 2;\n\t}\n\t.info .info-content::after:not(.form-user-upload) {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\tmargin: 0;\n\t\tbackdrop-filter: blur(1rem);\n\t\tz-index: 0;\n\t}\n\t.info .info-content > h3, .info .info-content > p, .info > svg, .info {\n\t\tz-index: 3;\n\t\tposition: relative;\n\t\ttext-shadow: 1px 1px 1px #000000ba;\n\t}\n\tinput#user_login, input#password, input#otp_attempt, input#real_name, select {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: rgba(255, 255, 255, .6);\n\t}\n\tdiv.floating-label label, .password-group input[type=password]~.password-toggle>i, .password-group input[type=text]~.password-toggle>i {\n\t\tcolor: rgba(255, 255, 255, .6);\n\t}\n\t.password-group .password-toggle {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\t.password-group .password-toggle:focus {\n\t\tbackground-color: rgba(51, 51, 51, .38);\n\t}\n\t.jumbotron {\n\t\tbackground-color: rgb(41, 44, 47);\n\t}\n\t#game-blurb {\n\t\tborder-top-color: rgba(255, 255, 255, .38);\n\t}\n\t.btn-active, #graph-widget-container .active {\n\t\tbackground-color: rgba(40, 40, 40, .38) !important;\n\t}\n\t.popup-bugreport.popup.mfp-with-anim.col-1-1 > .col-1-1, .wysibb, textarea#add-bugreport-post {\n\t\tbackground-color: transparent;\n\t}\n\t.wysibb .wysibb-text {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t}\n\t.wysibb {\n\t\tborder-color: #444;\n\t\tcolor: #fff;\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover .fonticon {\n\t\tcolor: #fff;\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover {\n\t\tbackground-color: rgba(17, 17, 17, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container {\n\t\tborder-color: #444;\n\t}\n\t#wbbmodal .wbbm {\n\t\tbackground: rgba(0, 0, 0, .38);\n\t\tborder-color: rgba(68, 68, 68, .38);\n\t\tbox-shadow: 0 0 5px rgba(51, 51, 51, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t#wbbmodal .wbbm-title {\n\t\tcolor: #ccc;\n\t\tborder-color: rgba(51, 51, 51, .38);\n\t}\n\t#wbbmodal .div-modal-text {\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t\tcolor: #919191;\n\t}\n\t#wbbmodal .wbbm-inp-row label {\n\t\tcolor: #919191;\n\t}\n\t#wbbmodal .wbbm-inp-row input {\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t\tcolor: #919191;\n\t\tbackground-color: transparent;\n\t}\n\t#wbbmodal .wbbm-bottom {\n\t\tbackground-color: rgba(1, 1, 1, .38);\n\t\tborder-color: rgba(51, 51, 51, .38);\n\t}\n\t#wbbmodal .wbb-cancel-button:hover {\n\t\tbackground: rgba(0, 0, 0, .38);\n\t\tborder-color: rgba(51, 51, 51, .38);\n\t}\n\t#wbbmodal .wbb-cancel-button {\n\t\tbackground: rgba(5, 5, 5, .38);\n\t\tborder-color: rgba(68, 68, 68, .38);\n\t\tcolor: #ccc;\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on, .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on:hover, .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:active {\n\t\tbackground: rgba(51, 51, 51, .38);\n\t\tbox-shadow: inset 0 0 3px rgba(85, 85, 85, .38);\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on .fonticon {\n\t\tcolor: #fff;\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .fonticon {\n\t\tcolor: #ccc;\n\t\ttext-shadow: 0 1px 0 rgba(0, 0, 0, .38);\n\t}\n\t.wysibb .wysibb-toolbar {\n\t\tborder-color: rgba(68, 68, 68, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select:hover, .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown:hover, .wbb-select .option:hover, .wbb-list .nc:hover {\n\t\tbackground-color: rgba(17, 17, 17, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select.on, .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select.on:active {\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t\tbackground: rgba(51, 51, 51, .38);\n\t\tbox-shadow: inset 0 0 3px rgba(85, 85, 85, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .wbb-list {\n\t\tborder-color: rgba(68, 68, 68, .38);\n\t\tbox-shadow: 0 0 3px rgba(85, 85, 85, .38);\n\t\tbackground: rgba(0, 0, 0, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.wbb-list .nc, .comment-reply textarea {\n\t\tcolor: #999;\n\t}\n\t.wbb-list .sc {\n\t\tborder-color: rgba(0, 0, 0, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown.on, .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown.on:active {\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t\tbackground: rgba(51, 51, 51, .38);\n\t\tbox-shadow: inset 0 0 3px rgba(85, 85, 85, .38);\n\t}\n\t.popup {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\tbody.rails-default-error-page {\n\t\tbackground-color: #2b2d2f;\n\t}\n\t.rails-default-error-page div.dialog > div {\n\t\tborder-color: #444;\n\t\tborder-top-color: #B00100;\n\t\tborder-right-color: #666;\n\t\tborder-left-color: #666;\n\t\tborder-bottom-color: #555;\n\t\tbackground-color: #383838;\n\t}\n\t.rails-default-error-page div.dialog > p {\n\t\tbackground-color: #414141;\n\t\tborder-color: #555;\n\t\tborder-right-color: #666;\n\t\tborder-left-color: #666;\n\t\tborder-bottom-color: #666;\n\t\tborder-top-color: #383838;\n\t\tcolor: #999;\n\t}\n\t.rails-default-error-page h1 {\n\t\tcolor: #910;\n\t}\n\t.grey, .comments figure.quote {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t}\n\t.comments>ol>li ol>li .comment-head {\n\t\tbackground-color: rgba(69, 69, 69, .38);\n\t}\n\t.comment-content-text code {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t\tborder-color: rgba(136, 136, 136, .38);\n\t}\n\tdiv#nofeature {\n\t\tbackground-image: none !important;\n\t\tposition: relative;\n\t}\n\tdiv#nofeature::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tbackground-image: url('/assets/images/default/bg_default.jpg');\n\t\tbackground-size: cover;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\topacity: .38;\n\t\tz-index: -1;\n\t}\n\tbody .home-intro {\n\t\tposition: relative;\n\t\tbackground-image: none;\n\t}\n\tbody .home-intro::after {\n\t\tcontent: '';\n\t\tbackground-image: url('/assets/images/default/bg_game_header.jpg');\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: top center;\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 75%;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tz-index: -1;\n\t\topacity: .38;\n\t}\n\tbody .home-intro::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 25% !important;\n\t\tmax-height: 25% !important;\n\t\tleft: 0;\n\t\ttop: 38.05em;\n\t\tbackground-image: -webkit-linear-gradient(top, #2d2d2d 2%, #0000 100%);\n\t\tz-index: -1;\n\t\topacity: .38;\n\t}\n\t.rj-btn.rj-btn-secondary[id=\"slowDownloadButton\"]:hover {\n\t\tbackground-color: rgba(77, 77, 77, .38);\n\t}\n\t.rj-btn.rj-btn-secondary[id=\"slowDownloadButton\"] {\n\t\tcolor: #ddd;\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tborder-color: rgba(68, 68, 68, .38);\n\t}\n\t.subnav, .drop-down:hover>.btn {\n\t\tbackground-color: rgba(24, 24, 24, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\tul.sublist li a, div.container .actions ul.sublist li a {\n\t\tcolor: #a6a6a6;\n\t}\n\tinput#user_name, input#password_confirmation {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: rgba(255, 255, 255, .6);\n\t}\n\t.password-help {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t\tcolor: #dadcdb;\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.password-help>.arrow {\n\t\tborder-bottom-color: rgba(34, 34, 34, .38);\t\n\t}\n\t.password-help .password-condition.password-condition-success>div {\n\t\tcolor: rgba(255, 255, 255, .4);\n\t}\n\t.main.vortex-and-nmm {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.bg-vortex-pattern, .sso-container {\n\t\tbackground: none;\n\t\tposition: relative;\n\t}\n\t.bg-vortex-pattern::before, .sso-container::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackground: url('/bootstrap/images/vortex/bg/vortex-bg.jpg');\n\t\topacity: .38;\n\t\ttop: 0;\n\t\tleft: 0;\n\t}\n\t.bg-dark, .article-image {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.popup-mod-tagging .col-1-1 {\n\t\tbackground-color: transparent;\n\t}\n\ttextarea.problem-description {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\tselect.form-field {\n\t\tcolor: #919191;\n\t}\n\toption {\n\t\tbackground-color: #2c2d2d;\n\t\tcolor: #919191;\n\t}\n\t.recent-files a {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t}\n\t.recent-files a:hover {\n\t\tbackground-color: rgba(42, 42, 42, .38);\n\t}\n\t.nexus-ui-blocker-message-box, dd.changelog ul.change-logs>li:nth-child(odd), div.changelog ul.change-logs>li:nth-child(odd) {\n\t\tbackground-color: transparent;\n\t}\n\t.tabcontent:before, .loading-wheel {\n\t\tfilter: drop-shadow(0 0 5px #000);\n\t}\n\t.lg-outer .lg-inner {\n\t\tmax-height: 90vh;\n\t\twidth: 90vw;\n\t\tposition: absolute;\n\t\tmargin: 0 auto;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t}\n\t.result {\n\t\theight: auto !important;\n\t\ttop: 0 !important;\n\t}\n\tinput#change_recovery_mobile_number_current_password, input#mobile_number, input#change_recovery_mobile_number_two_fa, input#change_email_current_password, input#new_email, input#change_email_two_fa, input#new_password, input#confirm_password, input#change_password_two_fa {\n\t\tbackground-color: rgba(0,0,0,.38);\n\t\tcolor: rgba(255, 255, 255, .6);\n\t}\n\t.security-edit-page .dial-code, .security-edit-page .fake-select i {\n\t\tcolor: #d1d5d9;\n\t}\n\t.security-edit-page .fake-select {\n\t\tbackground-color: rgb(51, 51, 51);\n\t}\n\t.security-edit-page .fake-select .flag {\n\t\tcolor: #fff;\n\t}\n\tul#breadcrumb.mod-crumb, ul#breadcrumb.static-crumb {\n\t\ttext-shadow: 0 1px 1px rgba(0, 0, 0, .8);\n\t}\n\tform.rj-search .search-button i, .rj-header-wrap.rj-search-active .search-button i {\n\t\tcolor: #e8e8e8;\n\t}\n\t[href*=\"/skyrimspecialedition/mods/52177\"] figure.image_figure .fore_div_mods img {\n\t\tcontent: url('https://i.kym-cdn.com/photos/images/facebook/001/857/748/54e.jpg');\n\t\ttransform: scale(1.5) translateY(-1.2rem) translateX(.5rem);\n\t}\n\t.premium-block.background-2 {\n\t\ttransition: background 400ms cubic-bezier(0.49, 0.38, 0.41, 1.24);\n\t}\n\t.premium-block.background-2:hover {\n\t\tbackground: linear-gradient(to right, #040404, 70%, transparent), url(https://staticdelivery.nexusmods.com/Images/ad_bg_2.png) right/70% no-repeat, #040404;\n\t}\n\t.areplacer, div.clearfix[style*=\"background: #2d2d2d\"] > div {\n\t\tdisplay: none;\n\t}\n}\n@-moz-document domain(\"users.nexusmods.com\") {\n\t::-webkit-scrollbar-thumb {\n\t\tbackground-color: var(--orange);\n\t}\n}\n@-moz-document domain(\"help.nexusmods.com\") {\n\t::-webkit-scrollbar-thumb {\n\t\tborder-radius: 2px;\n\t\t-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 60%);\n\t\tbackground-color: #34d6ff;\n\t}\n\n\t#docsSearch {\n\t\tbackground-color: rgba(43, 45, 47);\n\t\tborder-color: rgba(65, 65, 65);\n\t}\n\tbody {\n\t\tbackground-color: #222;\n\t}\n\ttextarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input {\n\t\tbackground-color: #181818;\n\t\tborder-color: rgba(65, 65, 65);\n\t\tcolor: #fff;\n\t}\n\t.category-list .category:hover {\n\t\tbackground-color: rgba(43, 45, 47);\n\t}\n\t.category-list h3 {\n\t\tcolor: #ccc;\n\t}\n\t.category-list .category {\n\t\tborder-color: rgba(65, 65, 65);\n\t}\n\t#sidebar form .search-query {\n\t\tborder-color: rgba(65, 65, 65);\n\t\tcolor: #999;\n\t}\n\t#sidebar h3, #sidebar .nav-list .active a, #sidebar .nav-list .active a:hover, #sidebar .nav-list .active a:focus, #sidebar .nav-list a:hover, #sidebar .nav-list a:focus, footer p a:hover, #fullArticle h1, #fullArticle h2, #fullArticle h3, #fullArticle h4, #fullArticle h5 {\n\t\tcolor: #ddd;\n\t}\n\t#sidebar .nav-list a, .contentWrapper p.descrip {\n\t\tcolor: #959595;\n\t}\n\t.nav-list>li>a, .nav-list .nav-header {\n\t\ttext-shadow: 0 1px 0 rgba(24, 24, 24, .5);\n\t}\n\t.contentWrapper {\n\t\tbackground-color: #181818;\n\t\tborder-color: rgba(65, 65, 65);\n\t\tcolor: #ddd;\n\t}\n\t.icon-article-doc:before {\n\t\tcolor: #676767;\n\t}\n\tselect {\n\t\tbackground-color: #181818;\n\t\tborder-color: rgba(65, 65, 65);\n\t}\n\tselect, textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input {\n\t\tcolor: #aaa;\n\t}\n\tfooter p a, footer p {\n\t\tcolor: #7b7b7b;\n\t}\n\t[class^=icon-], [class*=\" icon-\"], .featherlight-close-icon {\n\t\tcolor: #464646;\n\t}\n\t#fullArticle .printArticle:hover .icon-print {\n\t\tcolor: #686868;\n\t}\n\t#fullArticle table th, #fullArticle table td, #fullArticle img {\n\t\tborder-color: rgba(59, 59, 59);\n\t}\n\t#fullArticle, #fullArticle p, #fullArticle ul, #fullArticle ol, #fullArticle li, #fullArticle div, #fullArticle blockquote, #fullArticle dd, #fullArticle table {\n\t\tcolor: #a8a8a8;\n\t}\n\t.articleFoot p, .articleFoot time {\n\t\tcolor: #606060;\n\t}\n\t.related {\n\t\tbackground-color: #181818;\n\t\tborder-color: rgba(65, 65, 65);\n\t}\n\t.related h3 {\n\t\tcolor: #bdbdbd;\n\t}\n\t#fullArticle strong {\n\t\tcolor: #b9b9b9;\n\t}\n}\n@-moz-document domain(\"next.nexusmods.com\") {\n\t:root {\n\t\t--theme-primary: rgb(var(--primary));\n\t}\n}\n@-moz-document domain(\"wiki.nexusmods.com\") {\n\t::-webkit-scrollbar-thumb {\n\t\tborder-radius: 2px;\n\t\t-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 60%);\n\t\tbackground-color: #e6832b;\n\t}\n}\n\n@-moz-document domain(\"forums.nexusmods.com\") {\n\t\t\t::-webkit-scrollbar-thumb {\n\t\t\t\t background-color: #43bbe2\n\t\t\t}\n\t\n\tinput[type=text], input[type=password], input[type=email], select {\n\t\tbackground-color: #0000 !important;\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/fallout3\") {\n\t/*Fallout3*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/119189.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/newvegas\"), url-prefix(\"https://www.nexusmods.com/fallout4/mods/55215\"), url-prefix(\"https://www.nexusmods.com/fallout4/mods/55332\"), url-prefix(\"https://www.nexusmods.com/fallout4/mods/55382\") {\n\t/*NewVegas*/\n\tbody.scheme-theme-Fallout {\n\t\t--theme-primary: #da8e35;\n\t\t--theme-primary-translucent: #da8e35d8;\n\t\t--theme-secondary: #b4762c;\n\t\t--theme-dark: #815316;\n\t}\n\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/8qtlmjh77m511.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/fallout4\") {\n\t/*Fallout4*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/720318.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/fallout76\") {\n\t/*Fallout76*/\n\tbody::before {\n\t\tbackground-image: url('https://images7.alphacoders.com/927/thumb-1920-927080.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/morrowind\") {\n\t/*Morrowind*/\n\tbody::before {\n\t\tbackground-image: url('https://tesrskywind.com/wp-content/uploads/2019/07/GalleryAscadianIsles2_Arvuti.png');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/oblivion\") {\n\t/*Oblivion*/\n\tbody::before {\n\t\tbackground-image: url('https://cdn.wccftech.com/wp-content/uploads/2021/01/skyblivion.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/skyrim\") {\n\t/*SkyrimLE*/\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/wallpapers/skyrim-wallpaper-4k-bu.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/skyrimspecialedition\") {\n\t/*SkyrimSE*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/242893.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/witcher\") {\n\t/*Witcher*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/653677.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/witcher3\") {\n\t/*Witcher3*/\n\tbody::before {\n\t\tbackground-image: url('https://i.imgur.com/HyZeLfQ.png');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/cyberpunk2077\") {\n\t/*Cyberpunk2077*/\n\t:root {\n\t\t--theme-primary: rgb(255, 0, 60);\n\t\t--theme-primary-translucent: rgba(255, 0, 60, .84);\n\t\t--theme-secondary: rgb(198, 21, 62);\n\t\t--theme-dark: rgb(138, 21, 48);\n\t}\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/676037.jpg');\n\t}\n\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/stardewvalley\") {\n\t/*StaredValley*/\n\tbody::before {\n\t\tbackground-image: url('https://i.pinimg.com/originals/b8/1a/a4/b81aa44ba47c8ebb93c4525a96904101.jpg');\n\t}\n\t\n\t#mainContent > section {\n\t\tborder-image: url('https://stardewvalleywiki.com/mediawiki/extensions/StardewValley/images/menu_border.png') 15 stretch !important;\n\t\tborder: 7px solid transparent;\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/dragonage\") {\n\t/*DragonAge*/\n\tbody::before {\n\t\tbackground-image: url('https://images3.alphacoders.com/109/109665.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/monsterhunterworld\") {\n\t/*MonsterHunterWorld*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/1926141.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/mountandblade2bannerlord\") {\n\t/*MountAndBlade2*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/5671474.png');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/dragonage2\") {\n\t/*DragonAge2*/\n\tbody::before {\n\t\tbackground-image: url('https://images3.alphacoders.com/120/thumb-1920-120325.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/dragonageinquisition\") {\n\t/*DragonAgeInquisition*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/373700.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/bladeandsorcery\") {\n\t/*BlandeAndSorecry*/\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/la9po1nkaq751.png');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/darksouls\") {\n\t/*DarkSouls*/\n\tbody::before {\n\t\tbackground-image: url('https://images.alphacoders.com/278/thumb-1920-278051.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/kingdomcomedeliverance\") {\n\t/*KingdomcomeDeliverence*/\n\tbody::before {\n\t\tbackground-image: url('https://external-preview.redd.it/wJq9109DaVFax4XCnN6EnNDPSq6PBsOwtRlfnb4ldYs.jpg?auto=webp&s=234107489ff7daecfb4d852bf56035fb48849374');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/subnautica\") {\n\t/*Subnautica*/\n\tbody::before {\n\t\tbackground-image: url('https://images4.alphacoders.com/901/thumb-1920-901071.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/masseffect\") {\n\t/*ME1*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/4605441.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/masseffect2\") {\n\t/*ME2*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/2467187.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/masseffect3\") {\n\t/*ME3*/\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/wallpapers/mass-effect-3-pc-version-rj.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/masseffectandromeda\") {\n\t/*MEAndromeda*/\n\tbody::before {\n\t\tbackground-image: url('https://images4.alphacoders.com/772/thumb-1920-772364.png');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/masseffectlegendaryedition\") {\n\t/*ME_LE*/\n\t:root {\n\t\t--theme-primary: #e61809;\n\t\t--theme-primary-translucent: #e61809d8;\n\t\t--theme-secondary: #ae180d;\n\t\t--theme-dark: #781008;\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://w.wallha.com/ws/12/1USM7sVR.png');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/darkestdungeon\") {\n\t/*DarkestDungeon*/\n\t:root {\n\t\t--theme-primary: #000;\n\t\t--theme-primary-translucent: #000000d8;\n\t\t--theme-secondary: #000;\n\t\t--theme-dark: #000;\n\t}\n\n\tbody::before {\n\t\tbackground-image: url('https://7wallpapers.net/wp-content/uploads/9_Darkest-Dungeon.jpg');\n\t}\n\t#head.new-head .headlogo svg, .rj-vortex-icon-wrapper, .rj-vortex-button, #rj-footer svg, #rj-footer img, ul.action-log>li, ul.btnexpand:hover, figure.quote, .comments figure.quote, .wysibb .wysibb-text blockquote, .rvs-container .rvs-nav-item.rvs-active, .rj-btn.rj-button-outline, a.rj-btn.rj-button-outline, blockquote.ipsBlockquote, .motm_position, ul.friend-actions .btn, .widget-download-links .btn, .popup-register-copy .btn, .btn.signin, .btn-more .btn, .home-buttons .btn, .btn-load, .form-section-content .btn, ul.file-actions .btn, .add-clone, .form-section .btn.btnsmall, .add-nav .btn, .modactions .btn, .mobile-close, ul.actions .btn, #foot #backtop .btn, #usernav ul li a, #footbtn .btn, form.search input.btn, ul.search-terms li:after, .accordion dt .acc-status, .fake-accordion .acc-status, .acc-status, .tiles .btnexpand ul li, ul.btnexpand:hover, ul.btnexpand:focus, .popup .mfp-close, .tiles .view-label, .tracking-highlight span.update-bar, .edit, .crop, .set-primary, ul.add-process li.current:before, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove, .info.callout, #mobilebtn, nav#mobilenav #mobile-user ul li a, ul#mobile-primary li a, .rvs-container .rvs-nav-item.rvs-active, .irs-bar, #head .btn, a.btn, .btn, .btn:visited, .toggle-button, .toggle-button:active, .toggle-button:visited, .rj-button-outline:hover, a.rj-button-outline:hover, .arrow-box, a.post-category.site-news, .select2-container--default .select2-results__option--highlighted[aria-selected], #rj-back-to-top.rj-hug-footer, .bubble, .rj-standard-button, ul.friend-actions .btn:hover, ul.friend-actions .btn:focus, .btn.signin:hover, .popup-register-copy .btn:hover, .popup-register-copy .btn:focus, .btn-more .btn:hover, .btn-more .btn:focus, .home-buttons .btn:hover, .home-buttons .btn:focus, .btn-load:hover, .btn-load:focus, .form-section-content .btn:hover, .form-section-content .btn:focus, ul.file-actions .btn:hover, ul.file-actions .btn:focus, .add-clone:hover, .add-clone:focus, .form-section .btn.btnsmall:hover, .form-section .btn.btnsmall:focus, .add-nav .btn:hover, .add-nav .btn:focus, .modactions .btn:hover, .modactions .btn:focus, .mobile-close:hover, .mobile-close:focus, ul.actions .btn:hover, ul.actions .btn:focus, #foot #backtop .btn:hover, #foot #backtop .btn:focus, #footbtn .btn:hover, #footbtn .btn:focus, #head .btn:hover, #head .btn:focus, #usernav ul li:hover a, #usernav ul li:focus a, form.search input.btn:hover, form.search input.btn:focus, ul.btnexpand li ul li:hover, ul.btnexpand li ul li:focus, .popup .mfp-close:hover, .popup .mfp-close:focus, .edit:hover, .edit:focus, .crop:hover, .crop:focus, .set-primary:hover, .set-primary:focus, #mobilebtn:hover, #mobilebtn:focus, .rvs-container .rvs-nav-item.rvs-active:hover, .rvs-container .rvs-nav-item.rvs-active:focus, a.btn:hover, .btn:hover, .actions .drop-down .btn:hover, .actions .drop-down .btn:focus, .drop-down:hover>#button-manage, a.btn:focus, .btn:focus, span.alert, .arrow-box:hover {\n\t\tfilter: drop-shadow(1px 1px 3px #bd0707);\n\t}\n\t.home-trending ul.tiles ul.inline-list a:hover, .arrowlist a:hover, .widget-download-links .btn:hover, .widget-download-links .btn:focus, .popup-register-copy p a:hover, .popup .info-content a:hover, ol.pick-page a:hover, p#opening a:hover, .add-file p a:hover, .tabcontent a:hover, dd a:hover, article a:hover, article a:focus, article a:active, .sideitem a:hover, ul.post-meta a:hover, .article-copy p a:hover, #mobile-fav .mobile-header a:hover, .quote-meta a:hover, .tiles .author a:hover, .comment-name a:hover, ul.comment-inline a:hover, article p a:hover, #copyright a:hover, a.fav-edit:hover, #name a:hover, ul#breadcrumb li a:hover, a.clear-cat:hover, .tiles .category a:hover, nav#menu .wrap ul li.nav-games ul li a:hover, #rj-sitemap ul li a:hover {\n\t\ttext-shadow: 1px 1px 5px #d50707;\n\t}\n\t.home-trending ul.tiles ul.inline-list a, .arrowlist a, .popup-register-copy p a, .popup .info-content a, ol.pick-page a, p#opening a, .add-file p a, .tabcontent a, dd a, article a, .sideitem a, ul.post-meta a, .article-copy p a, #mobile-fav .mobile-header a, .quote-meta a, .comment-name a, ul.comment-inline a, article p a, #copyright a, a.fav-edit, .tiles .author a, a.clear-cat, ul#breadcrumb li a, .topnav ul.global li a:hover, nav#menu .wrap ul li ul li a:hover, nav#menu .wrap ul li.nav-games ul li a, div.container a, ul.sublist li a:hover, div.container .actions ul.sublist li a:hover, a.view-all:hover, .featured-article h2 a:hover, .tiles .tile-desc h3 a:hover, .tiles .category a, .tiles .tile-data ul li a:hover, ul.tracking-author-options li a:hover, .file-manage-title h3 a:hover, #sitemap ul.footlinks li a:hover, ul#mobile-primary li#mobile-updates .updatedesc a, #name a, .stat-endorsements a:link, .stat-endorsements a:visited, .stat-endorsements a:active, .user-list-details a, .category-item a .category-name, li .log-modified a, li .log-modified a:visited, .category-item a:visited .category-name, .breadcrumb a, #ajgpermalink, a.theme-link, .gsearch_results_list li.active h3, .top-lists-links a:link, .top-lists-links a:visited, .notification-actions a.set-notification-read, .notification-actions a.set-notification-read:visited {\n\t\ttext-shadow: 1px 1px 2px #bd0707;\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/starwarsbattlefront22017\") {\n\t/*Battlefront2_2017*/\n\tbody::before {\n\t\tbackground-image: url('https://images7.alphacoders.com/824/thumb-1920-824123.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/residentevil22019\") {\n\t/*RE2Remake*/\n\t:root {\n\t\t--theme-primary: #bf0000;\n\t\t--theme-primary-translucent: #bf0000d8;\n\t\t--theme-secondary: #900;\n\t\t--theme-dark: #7b0707;\n\t}\n\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/1256071.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/residentevil32020\") {\n\t/*RE3Remake*/\n\t:root {\n\t\t--theme-primary: rgb(233, 33, 17);\n\t\t--theme-primary-translucent: rgba(232, 32, 17, .85);\n\t\t--theme-secondary: rgb(172, 46, 35);\n\t\t--theme-dark: rgb(132, 23, 15);\n\t}\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/xytj0c6i2g441.png');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/residentevilvillage\") {\n\t/*REVillage*/\n\tbody::before {\n\t\tbackground-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/0276f574-98ea-4e2d-ba44-68f500bf01bc/decy31o-b5746c63-250c-4a71-86e2-fa3134977f1c.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzAyNzZmNTc0LTk4ZWEtNGUyZC1iYTQ0LTY4ZjUwMGJmMDFiY1wvZGVjeTMxby1iNTc0NmM2My0yNTBjLTRhNzEtODZlMi1mYTMxMzQ5NzdmMWMuanBnIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.VnKYmU_gLkhsrLv24MGxbNKoosfdStcNqneV8CmD9o4');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/valheim\") {\n\t/*Valheim*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp8599076.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/darksouls2\") {\n\t/*DarkSouls2*/\n\tbody::before {\n\t\tbackground-image: url('https://cdn.wallpapersafari.com/75/54/h2igPl.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/witcher2\") {\n\t/*Witcher2*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3291282.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/metalgearsolidvtpp\") {\n\t/*ThePhantomPain*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/4125603.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/nomanssky\") {\n\t/*NoMansSky*/\n\tbody::before {\n\t\tbackground-image: url('https://www.teahub.io/photos/full/70-704953_no-mans-sky-next-4k.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/dragonsdogma\") {\n\t/*DragonsDogma*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/364376.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/xcom\") {\n\t/*X-Com*/\n\tbody::before {\n\t\tbackground-image: url('https://vistapointe.net/images/xcom-enemy-unknown-11.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/xcom2\") {\n\t/*X-Com2*/\n\tbody::before {\n\t\tbackground-image: url('https://images2.alphacoders.com/668/thumb-1920-668202.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/kotor\") {\n\t/*KnightOfTheOldRepublic*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/467182.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/mbwarband\") {\n\t/*Warband*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/3206100.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/7daystodie\") {\n\t/*7D2D*/\n\tbody::before {\n\t\tbackground-image: url('https://images4.alphacoders.com/709/thumb-1920-709973.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/darksouls3\") {\n\t/*DarkSouls3*/\n\tbody::before {\n\t\tbackground-image: url('https://images5.alphacoders.com/609/609173.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/stateofdecay\") {\n\t/*StateOfDecay*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/2192288.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/sekiro\") {\n\t/*Sekiro*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/1146370.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/pathfinderkingmaker\") {\n\t/*PathfinderKingmaker*/\n\tbody::before {\n\t\tbackground-image: url('https://wallup.net/wp-content/uploads/2017/05/29/434508-fantasy_art-artwork-Pathfinder.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/borderlands2\") {\n\t/*Borderlands2*/\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/wallpapers/borderlands-2-4k-g6.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/kenshi\") {\n\t/*Kenshi*/\n\tbody::before {\n\t\tbackground-image: url('https://images3.alphacoders.com/113/thumb-1920-1131614.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/divinityoriginalsin2\") {\n\t/*DivinityOriginalSin*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3622645.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/dyinglight\") {\n\t/*DyingLight*/\n\tbody::before {\n\t\tbackground-image: url('https://images2.alphacoders.com/449/thumb-1920-449053.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/dyinglight2\") {\n\t/*DyingLight2*/\n\t:root {\n\t\t--theme-primary: rgb(255, 2, 9);\n\t\t--theme-primary-translucent: rgba(255, 2, 9, .85);\n\t\t--theme-secondary: rgb(192, 10, 14);\n\t\t--theme-dark: rgb(127, 7, 10);\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://i.imgur.com/BfMpm5o.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/reddeadredemption2\") {\n\t/*RDR2*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/677565.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/rimworld\") {\n\t/*RimWorld*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3935722.png');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/darksoulsremastered\") {\n\t/*DarkSoulsRemastered*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3756449.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/doometernal\") {\n\t/*DoomEternal*/\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/i7oo37p28fb41.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/devilmaycry5\") {\n\t/*DevilMayCry5*/\n\tbody::before {\n\t\tbackground-image: url('https://i.imgur.com/ELsSrGK.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/thesims4\") {\n\t/*TheSims4*/\n\tbody::before {\n\t\tbackground-image: url('https://i.imgur.com/W2EPdqD.png');\n\t}/*My friend built auschwitz in sims 4*/\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/assassinscreed\") {\n\t/*AC1*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/6364321.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/assassinscreedodyssey\") {\n\t/*ACOdyssey*/\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/download/assassins-creed-odyssey-8k-nt-7680x4320.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/gtasanandreas\") {\n\t/*GTA:SA*/\n\tbody::before {\n\t\tbackground-image: url('https://images2.alphacoders.com/112/thumb-1920-1125180.png');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/grandtheftautothetrilogy\") {\n\t/*GTATrilogy*/\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/w0n7em07das71.png');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/subnauticabelowzero\") {\n\t/*SubnauticaBelowZero*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3753691.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/starwarsjedifallenorder\") {\n\t/*SWJediTheFallerOrder*/\n\tbody::before {\n\t\tbackground-image: url('https://www.teahub.io/photos/full/55-557442_star-wars-jedi-fallen-order-4k-star-wars.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/stateofdecay2\") {\n\t/*StateOfDecay2*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3024592.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/farcry3\") {\n\t/*FC3*/\n\tbody::before {\n\t\tbackground-image: url('https://staticctf.akamaized.net/J3yJr34U2pZ2Ieem48Dwy9uqj5PNUQTn/7mt4mi2lLVpiZe0dDJLvhj/35e6267a0fbca6dbe33996bee5b6d028/far-cry-3-heroBanner.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/daysgone\") {\n\t/*DaysGone*/\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/wallpapers/days-gone-2019-4k-gs.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/baldursgate3\") {\n\t/*BaldursGate3*/\n\tbody::before {\n\t\tbackground-image: url('https://images.alphacoders.com/107/thumb-1920-1070523.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/halothemasterchiefcollection\") {\n\t/*HaloTheMasterChiefCollection*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/510278.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/readyornot\") {\n\t/*ReadyOrNot*/\n\t:root {\n\t\t--theme-primary: rgb(255, 255, 255);\n\t\t--theme-primary-translucent: rgba(255, 255, 255, .85);\n\t\t--theme-secondary: rgb(200, 200, 200);\n\t\t--theme-dark: rgb(139, 139, 139);\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://get.wallhere.com/photo/Ready-or-Not-police-SWAT-FN-SCAR-1599523.jpg');\n\t}\n\t\n\t.headlogo svg g:nth-of-type(1) g path[style*=\"fill:#fff\"] {\n\t\tfill: #000 !important;\n\t}\n\t.headlogo svg g:nth-of-type(2) path[class=\"theme-primary\"] {\n\t\tfilter: drop-shadow(0 0 2em #f00);\n\t}\n\t[d=\"M44.4,162.5c-0.6,0-1.3,0-1.9-0.1c-1.5-0.2-2.9-0.5-4.5-1c-2.8-0.9-5.2-2.2-6.9-3.2c-3.8-2.2-7.7-4.9-11.8-8.3 c-1.8-1.5-3.6-3.1-5.3-4.7l-1.4-1.4c-1-0.9-1.9-1.9-2.6-3c-1.3-2-2.4-4.6-2.5-8c-0.1-1.1-0.2-2.2-0.2-3.4c0-2.4,0.1-5,0.5-7.5 c0.7-5.2,2.4-9.8,3.7-13.3c0.1-0.3,0.2-0.6,0.3-0.9c-0.4-0.9-0.7-1.9-1.1-2.9C8.9,99.6,7.7,93.8,7.1,88 c-0.6-6.1-0.4-12.3,0.5-18.4c0.2-1.3,0.4-2.6,0.7-3.8C5.9,62.3,2.9,57.3,1,51.5l0-0.1c-0.4-1.2-1.4-4.2-0.8-8 c0.2-1.4,0.5-2.8,1-4.3c0.9-2.8,2.2-5.1,3.2-6.8c2.2-3.8,4.9-7.6,8.2-11.7c1.5-1.8,3-3.6,4.6-5.2l1.4-1.4 c0.7-0.8,1.5-1.5,2.4-2.1c2-1.5,4.8-2.8,8.6-2.9c1.2-0.1,2.5-0.2,3.8-0.2h0.1c2.5,0,5.2,0.2,7.8,0.6c4,0.6,7.6,1.7,10.8,2.9 c2.1-0.9,4.3-1.7,6.6-2.5C64.1,8,69.9,6.8,75.7,6.4C81.8,5.9,88,6.2,93.9,7.2c1.4,0.2,2.8,0.5,4.2,0.8c4.7-3.2,9-5.5,13.5-6.9 l0.1,0c1-0.4,3.2-1.1,6.1-1.1c0.6,0,1.3,0,1.9,0.1c1.5,0.2,2.9,0.5,4.5,1c2.8,0.9,5.2,2.2,6.9,3.2c3.8,2.2,7.7,4.9,11.8,8.3 c1.8,1.5,3.6,3.1,5.3,4.7l1.4,1.4c0.7,0.6,1.4,1.3,1.9,2.1c1.8,2.3,3.2,5.6,3.3,10.2c0.1,1.6,0.1,3.3,0,5 c-0.2,3.7-0.7,7.2-1.6,10.4c-0.7,2.4-1.5,4.8-2.4,7.2c1.8,4.5,3.1,9.1,4,13.8c1.8,9.9,1.6,20.1-0.6,29.9c1.3,1.9,2.5,3.7,3.5,5.5 c1.7,3,3.1,6.1,4.1,9.3c0.4,1.2,1.3,4.2,0.7,8.2c-0.2,1.4-0.6,2.7-1.1,4.2c-1.8,5.1-4.6,9.3-7.1,12.8c-2.7,3.8-5.8,7.5-9,10.9 l-1.2,1.2c-0.7,0.8-1.5,1.5-2.4,2.2c-2,1.5-4.8,2.7-8.6,2.9c-1.2,0.1-2.5,0.2-3.8,0.2h-0.1c-2.7,0-5.4-0.2-8.2-0.7 c-4.5-0.7-8.5-2.1-12.1-3.5c-1.9,0.8-3.9,1.5-5.8,2.1c-5.6,1.7-11.5,2.8-17.4,3.1c-6.1,0.4-12.3-0.1-18.3-1.2 c-0.7-0.1-1.5-0.3-2.2-0.4c-5.2,3.7-9.8,6.1-14.6,7.7l-0.1,0C49.5,161.7,47.3,162.5,44.4,162.5L44.4,162.5z M24.6,134.1l10.6,3.7 c0.9-2.6,1-5.4,0.4-8c0,0.2,0,0.5,0.1,0.7c0,0.3,0.1,0.7,0.1,1.1c-0.1-2-0.8-4.6-2.6-7c-0.7-0.9-1.5-1.7-2.4-2.4l0.5,0.4l0.9,0.9 c-0.8-0.8-1.7-1.6-2.7-2.3L24.6,134.1L24.6,134.1z M123.7,129.4c-0.8,0.8-1.6,1.6-2.3,2.7l11.9,4.6l0-11.1c0,0,0,0,0,0 c-1.1,0-2.2,0.1-3.2,0.4c0.2,0,0.4,0,0.6,0c0.3,0,0.7-0.1,1.1-0.1c-1.8,0.1-4.2,0.7-6.4,2.1c-1.2,0.8-2.2,1.7-3.1,2.9l0.4-0.5 L123.7,129.4L123.7,129.4z M35.8,126.8c0.5,0.4,1,0.8,1.5,1.3c2.6,2.2,5,3.9,7.2,5.2c1.4-0.7,3-1.7,4.7-3 c0.5-0.3,0.9-0.7,1.4-1.1c0.3-0.2,0.5-0.5,0.8-0.7c0.1-0.1,0.3-0.3,0.4-0.4l6.2-6.3l8.4,2.9c0.3,0.1,0.6,0.2,0.8,0.3 c1.8,0.6,3.6,1,5.4,1.4c3.7,0.7,7.6,1,11.4,0.7c3.6-0.2,7.3-0.9,10.7-1.9c1.7-0.5,3.4-1.1,5-1.9c0.8-0.3,1.6-0.7,2.3-1.1 c2-1,4.3-1.6,6.6-1.6c3.6,0,6.3,1.3,7.6,2c0.4,0.2,0.8,0.4,1.3,0.5c2.5,1,5.4,2.2,8,2.6c0.4,0.1,0.9,0.1,1.3,0.2 c1.5-1.7,2.9-3.5,4.2-5.3c0.8-1.1,1.6-2.2,2.3-3.3c-0.1-0.2-0.2-0.4-0.4-0.7c-0.7-1.2-1.5-2.4-2.5-3.9c-0.3-0.5-0.7-0.9-1.1-1.4 c-0.2-0.2-0.3-0.4-0.5-0.6c-4.1-4-5.5-9.7-3.6-15.1c0.1-0.3,0.2-0.6,0.3-0.8c2.3-7.2,2.7-14.9,1.4-22.3c-0.7-3.5-1.7-7-3.2-10.3 c-0.1-0.3-0.3-0.6-0.4-0.9c-3.3-6.1-1.9-11.3-0.7-13.8c0.5-1,0.9-2.1,1.3-3.1c0.8-1.9,1.4-3.9,2-5.7c0.2-0.9,0.4-1.8,0.5-2.9 c-0.5-0.4-1-0.8-1.5-1.3c-2.7-2.2-5-3.9-7.2-5.2c-1.4,0.8-3,1.8-4.8,3c-0.5,0.4-1,0.8-1.5,1.2c-0.1,0.1-0.3,0.2-0.4,0.4 c-2.7,2.6-6.3,4-10,4c-1.8,0-3.5-0.3-5.2-1c-0.4-0.1-0.8-0.3-1.2-0.4c-1.8-0.5-3.6-1-5.5-1.3c-3.7-0.6-7.6-0.8-11.4-0.5 c-3.6,0.3-7.2,1-10.6,2.1c-1.7,0.5-3.3,1.2-4.9,1.9c-0.8,0.3-1.5,0.7-2.3,1.1L59.5,40c-2.1,1.2-4.6,1.8-7,1.8 c-2.2,0-4.4-0.5-6.5-1.5c-0.5-0.2-0.9-0.4-1.4-0.6c-2.4-1-5.3-2.1-7.8-2.4c-0.4-0.1-0.8-0.1-1.1-0.2c-0.4,0.5-0.8,1-1.2,1.4 c-2.2,2.7-3.9,5-5.2,7.3c0.7,1.4,1.7,2.9,2.9,4.7c0.3,0.5,0.7,1,1.1,1.4c0.2,0.3,0.5,0.5,0.7,0.8l5.8,6.1l-2.5,8 c-0.2,0.5-0.3,1-0.5,1.5c-0.5,1.8-0.9,3.7-1.2,5.6c-0.6,3.8-0.7,7.6-0.3,11.5c0.3,3.6,1.1,7.2,2.3,10.6c0.6,1.7,1.3,3.3,2,4.9 c0.1,0.2,0.2,0.4,0.3,0.6c2.1,4.3,2.1,9.1-0.1,13.4c-0.2,0.4-0.4,0.8-0.5,1.2c-0.4,1-0.9,2-1.3,3c-0.8,2.2-1.8,4.8-2.1,7.1 C35.9,126.3,35.8,126.6,35.8,126.8L35.8,126.8z M129.9,38.8c0.8,0.8,1.7,1.6,2.8,2.4l4.9-12.9L127,24.6c-0.9,2.6-1,5.4-0.4,8 c0-0.1,0-0.2,0-0.3c0-0.3,0-0.8,0-1.3v-0.1c0,1.5,0.5,4,2.1,6.4c0.8,1.1,1.7,2.1,2.8,3l-0.5-0.4L129.9,38.8L129.9,38.8z M29.3,26.3l0,11.1c1.1,0,2.2-0.1,3.2-0.4c-0.2,0-0.4,0-0.6,0c-0.3,0-0.7,0.1-1.1,0.1c1.8-0.1,4.2-0.7,6.4-2.1 c1.2-0.8,2.2-1.7,3.1-2.9l-0.4,0.5l-0.9,1c0.8-0.8,1.6-1.7,2.3-2.7L29.3,26.3L29.3,26.3z\"] {\n\t\tfill: rgb(255, 255, 255) !important;\n\t}\n\t.article-image ul.post-meta a, ul.post-meta a.post-category, ul.post-meta a.post-category:hover, a.post-category, div.container a.post-category, a.post-category:hover, .tabcontent a.btn, .add-file .info.error p a, .add-file .info.warning p a, div.container a:hover, ul.actions .btn, div.container a.btn, .tiles li .tile-content h3 a, a.theme-link:hover, a.theme-link:focus, div.container .expandtile a, #rj-sitemap ul li a.rj-standard-button, #rj-back-to-top.rj-hug-footer, .rj-user-nav a.rj-upload:hover, .bubble, i.fa.fa-chevron-up, .rj-vortex-button:hover, span.alert, .rj-standard-button, .page-layout .donation-wrapper form input[type=submit], .notification-indicator, .notification-preferences-body input:checked + .notification-preference-slider:before, .rj-btn.rj-btn-standard, .rj-btn:hover, .tiles .btnexpand ul li a, .tiles .view-label, a.btn, .btn, .btn:visited, .sideitem ul.tags + a.btn:hover, .modpage .sideitem a.btnsmall, .mfp-close, .title-with-pip .pip, .add-game-button, .page-layout .table table tfoot a.rj-btn[id=\"fastDownloadButton\"]{\n\t\tcolor: #000;\n\t}\n\tul.btnexpand svg {\n\t\tfill: #fff;\n\t}\n\tul.add-process li.current a, ul.add-process li.complete a, .category-item a:hover .category-name, .btn, div.container .btn a {\n\t\tcolor: #1a1a1a;\n\t}\n\tul.btnexpand:hover svg, .drop-down>.btn .icon, .icon-track, .icon-manual, .btnexpand:hover .icon-plus, .accordion dt .acc-status .icon-arrow, .fake-accordion .acc-status .icon-arrow, .icon-archive, .tile-menu svg, .icon-discussion, .icon-comment, .icon-report, .icon-nmm, .icon-plus, .icon-share, ul.btnexpand:hover svg {\n\t\tfill: #000;\n\t}\n\t[src=\"/assets/images/white_vortex.svg\"] {\n\t\tfilter: invert(1);\n\t}\n\t.rj-user-nav a.rj-upload:hover {\n\t\ttext-shadow: 0 0 4px #f00;\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/godofwar\") {\n\t/*GOW2018*/\n\t:root {\n\t\t--theme-primary: rgb(146, 41, 41);\n\t\t--theme-primary-translucent: rgba(146, 41, 41, .85);\n\t\t--theme-secondary: rgb(146, 11, 11);\n\t\t--theme-dark: rgb(102, 0, 0);\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://preview.redd.it/2mwwj73iv2211.png?auto=webp&s=9ae78d1f9180eae9f3f8b523426779d3882a900f');\n\t}\n\t\n\t.headlogo svg > g:nth-of-type(1) {\n\t\tvisibility: hidden;\n\t}\n\t#head.new-head .headlogo>div {\n\t\tposition: relative;\n\t}\n\t#head.new-head .headlogo>div::before {\n\t\tcontent: '';\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tposition: absolute;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\ttop: 0;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tbackground-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/14205259-3456-4d74-8583-1a0f2736b41c/dep78an-b527a6b3-d07d-4c4f-818f-e8bc5b300a75.png/v1/fill/w_1280,h_1114,strp/omega_symbol__god_of_war_2018__by_rootofalllight_dep78an-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTExNCIsInBhdGgiOiJcL2ZcLzE0MjA1MjU5LTM0NTYtNGQ3NC04NTgzLTFhMGYyNzM2YjQxY1wvZGVwNzhhbi1iNTI3YTZiMy1kMDdkLTRjNGYtODE4Zi1lOGJjNWIzMDBhNzUucG5nIiwid2lkdGgiOiI8PTEyODAifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.P4cY0Aojx7CqO43MfTr6mNMRAldo4eFeClvd9Pm6A78');\n\t\tbackground-size: 35px;\n\t\tbackground-position: center;\n\t\tbackground-position-x: 0;\n\t\tbackground-position-y: .75em;\n\t\tbackground-repeat: no-repeat;\n\t\tfilter: drop-shadow(2px 2px 0 black) drop-shadow(-1px -1px 0 black);\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/eldenring\") {\n\t/*EldenRing*/\n\t:root {\n\t\t--theme-primary: rgb(213, 173, 62);\n\t\t--theme-primary-translucent: rgba(213, 173, 62, .85);\n\t\t--theme-secondary: rgb(179, 159, 49);\n\t\t--theme-dark: rgb(164, 141, 14);\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://preview.redd.it/u7kjl5fh92571.png?auto=webp&s=3d20aa293bd80d31880d81cdf7ad4b4a0a8df6fd');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/hogwartslegacy\") {\n\t/*HogwartsLegacy*/\n\t:root {\n\t\t--theme-primary: rgb(213, 173, 62);\n\t\t--theme-primary-translucent: rgba(213, 173, 62, .85);\n\t\t--theme-secondary: rgb(179, 159, 49);\n\t\t--theme-dark: rgb(164, 141, 14);\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/potn7vwaxyj91.png');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/atomicheart\") {\n\t/*AtomicHeart*/\n\t:root {\n\t\t--theme-primary: rgb(191, 0, 0);\n\t\t--theme-primary-translucent: rgba(191, 0, 0, .85);\n\t\t--theme-secondary: rgb(153, 0, 0);\n\t\t--theme-dark: rgb(123, 7, 7);\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/wallpapers/atomic-heart-eb.jpg');\n\t}\n}", + "sourceCode": "/* ==UserStyle==\n@name NexusMods Overhaul\n@namespace github.com/blyad2137/nexusmods-overhaul\n@version 1.1.5\n@description `Overhauls look of nexusmods to be more 'modern', from lack of better word.`\n@author blyad (https://github.com/blyad2137)\n@license CC BY-NC-SA 4.0\n@homepageURL https://github.com/blyad2137/nexusmods-overhaul\n@supportURL https://github.com/blyad2137/nexusmods-overhaul/issues\n==/UserStyle== */\n\n@-moz-document domain(\"nexusmods.com\") {\n\t\t::-webkit-scrollbar-track {\n -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);\n border-radius: 0px;\n background-color: #212121;\n }\n html[hide-scrollbar=\"true\"] ::-webkit-scrollbar{display:none}\n ::-webkit-scrollbar {\n width: 1rem;\n background-color: #212121;\n }\n ::-webkit-scrollbar-thumb {\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .6);\n background-color: var(--theme-primary) !important;\n\t\t\t border: 5px solid rgba(0, 0, 0, 0);\n\t\t\t border-radius: 10px;\n\t\t\t background-clip: padding-box;\n }\n\t\t::-webkit-scrollbar-thumb:hover {\n\t\t\t background-color: var(--theme-secondary) !important;\n\t\t\t border: 4px solid rgba(0, 0, 0, 0);\n\t\t}\n\t\t::-webkit-scrollbar-corner {\n\t\t\t background-color: #212121;\n\t\t\t border-color: #212121;\n\t\t}\n\n\tspan.tooltip.tooltipstered {\n\t\tbackground-color: #0000 !important;\n\t}\n\tbody.scheme-theme-Fallout .mod-tile-left .mod-tile-dl-status {\n\t\tbackground-color: #92ab20D8 !important;\n\t\tcolor: #fff !important;\n\t}\n\t.rj-vortex-button {\n\t\tcolor: var(--theme-primary);\n\t\tborder-color: var(--theme-primary);\n\t}\n\t.rj-vortex-button:hover {\n\t\tbackground-color: var(--theme-primary);\n\t}\n\t#rj-back-to-top.rj-hug-footer {\n\t\tbackground-color: var(--theme-primary);\n\t\tposition: absolute;\n\t}\n\ti.fa.fa-chevron-up {\n\t\ttext-align: center;\n\t\ttop: 27%;\n\t\tleft: 31%;\n\t\tmargin: 0;\n\t\tposition: absolute;\n\t}\n\t.bubble {\n\t\tbackground-color: var(--theme-secondary);\n\t}\n\t#rj-back-to-top {\n\t\tbackground-color: var(--theme-primary-translucent);\n\t}\n\t.rj-standard-button, .page-layout .donation-wrapper form input[type=submit], .notification-indicator, .notification-preferences-body input:checked + .notification-preference-slider:before, .rj-btn.rj-btn-standard, .rj-btn:hover, .add-game-button {\n\t\tbackground-color: var(--theme-primary);\n\t}\n\t.rj-standard-button:hover, .title-with-pip .pip, .rj-panel .banner {\n\t\tbackground-color: var(--theme-secondary);\n\t}\n\t.rj-panel .banner:before {\n \tborder-color: transparent transparent var(--theme-secondary) transparent;\t\n\t}\n\t.rj-panel .banner:after {\n\t\tborder-color: var(--theme-secondary) transparent transparent transparent;\n\t}\n\t[src=\"/assets/images/footer/Vortex.svg\"] {\n\t\t-webkit-mask: url(/assets/images/footer/Vortex.svg) no-repeat center;\n\t\tmask: url(/assets/images/footer/Vortex.svg) no-repeat center;\n\t\tbackground-color: var(--theme-primary);\n\t\tcontent: url('https://i.imgur.com/WFQNmEA.png');\n\t\timage-rendering: auto;\n\t}\n\t#rj-sitemap ul li a:hover, .page-layout .table table tfoot a.replaced-login-link, .page-layout .donation-wrapper > p > p > a, .page-layout .author > span, .notifications-header a, .notifications-list ul li .notification-bold, .page-layout .back-wrapper a span, .page-layout .back-wrapper a i, .page-layout tbody td:last-child, .table .orange, .rj-header-tray .rj-mobile-menu-link-section a:active:hover, .rj-header-tray .rj-mobile-menu-link-section a:link:hover, .rj-header-tray .rj-mobile-menu-link-section a:visited:hover, .rj-panel-cta, i.orange, li.rj-mobile-menu-subsection>a>div>span.upload, .page-layout .donation-wrapper > p > span.timer {\n\t\tcolor: var(--theme-primary);\n\t}\n\t.rj-orange, a:link.rj-orange, a:active.rj-orange {\n\t\tcolor: var(--theme-primary) !important;\n\t}\n\t.rj-btn, a.rj-btn, button.rj-btn {\n\t\tborder-color: var(--theme-primary);\n\t}\n\t.rj-btn.rj-btn-outline:hover, .notification-preferences-body input:checked + .notification-preference-slider, .rj-btn.rj-btn-standard:hover {\n\t\tbackground-color: var(--theme-secondary);\n\t}\n\t.rj-news-items .news-item .news-img-wrapper {\n\t\tbackground: linear-gradient(to top,transparent,var(--theme-primary));\n\t}\n\t#qs_close:hover {\n\t\tcolor: var(--theme-primary);\n\t\tborder-color: rgba(44, 43, 43, .38);\n\t}\n\t#qs_pagination a {\n\t\tborder-color: rgba(44, 43, 43, .38);\n\t}\n\n\n\t.static .wrap:first-of-type {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.static .wrap {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.tabcontent {\n\t\tbackground-color: rgba(68, 68, 68, .38);\n\t}\n\tul.modtabs {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\tul.modtabs li {\n\t\tbackground-color: transparent;\n\t}\n\tul.modtabs li a.selected {\n\t\tbackground-color: rgba(68, 68, 68, .38);\n\t\tborder-right-color: rgba(76, 76, 76, .38);\n\t}\n\tul.modtabs li a:last-of-type:hover {\n\t\tborder-right-color: rgba(65, 65, 65, .38);\n\t}\n\tul.modtabs li a {\n\t\tborder-right-color: rgba(61, 61, 61, .38);\n\t}\n\tul.modtabs li a:hover {\n\t\tbackground-color: rgba(65, 65, 65, .38);\n\t}\n\t.mod-tile .mod-tile-left {\n\t\tbackground-color: transparent;\n\t\tbox-shadow: inset 0 0 20px rgba(56, 56, 56, .8);\n\t}\n\tli.mod-tile > .mod-tile-left > .tile-data {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t\tbox-shadow: inset 0 0 20px rgba(56, 56, 56, .8);\n\t}\n\t.tiles .fadeoff {\n\t\tbackground: -webkit-linear-gradient(top,rgba(56,56,56,0) 0,rgba(56,56,56,.8) 100%);\n\t\tbackground: linear-gradient(to bottom,rgba(56,56,56,0) 0,rgba(56,56,56,.8) 100%);\n\t}\n\tbody .home-intro, .collections-banner-outer-wrapper-trigger .collections-banner-wrapper {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\tul.tiles li.article-tile .mod-tile-left {\n\t\tbackground-color: transparent;\n\t\tbox-shadow: inset 0 0 30px rgba(56, 56, 56, .8);\n\t}\n\tli.article-tile > .mod-tile-left > .tile-data {\n\t\tbackground-color: rgba(45, 45, 45, .5);\n\t\tbox-shadow: inset 0 0 20px rgba(56, 56, 56, .8);\n\t}\n\t.modimages {\n\t\tbackground-color: rgba(32, 32, 32, .38);\n\t}\n\t.modpage .col-1-1.info-details {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.modpage>.wrap {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.modpage .sideitems {\n\t\tborder-bottom-color: rgba(56, 56, 56, .38);\n\t}\n\t.modpage .col-1-1:not(.popup-bugreport > .col-1-1):not(.popup-mod-tagging .col-1-1):not(.popup-js .col-1-1):not(.form-section-content .col-1-1) {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t}\n .popup-js .col-1-1 {\n background-color: transparent;\n }\n\t.accordion dt:hover {\n\t\tbackground-color: rgba(65, 65, 65, .38);\n\t}\n\t.accordion dt {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t}\n\t.accordion dt.accopen {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.accordion dd {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t}\n\t.table th.table-require-notes:hover, .table th.table-compat-notes:hover, .table th.table-translation-notes:hover {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.table th:hover {\n\t\tbackground: rgba(65, 65, 65, .38);\n\t}\n\t.table th, .table td {\n\t\tborder-right-color: rgba(73, 73, 73, .38);\n\t}\n\t.table th {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.tabcontent-mod-page .accordionitems .table td {\n\t\tborder-right-color: rgba(91, 91, 91, .38);\n\t\tborder-top-color: rgba(91, 91, 91, .38);\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t}\n\t.comments .comment-head {\n\t\tbackground-color: rgba(29, 29, 29, .38);\n\t\tborder-bottom-color: rgba(0, 0, 0, .38);\n\t}\n\t.comments>ol>li {\n\t\tbackground-color: rgba(35, 35, 35, .38);\n\t\tborder-color: rgba(0, 0, 0, .38);\n\t}\n\t.comments>ol>li ol>li {\n\t\tbackground-color: rgba(69, 69, 69, .38);\n\t\tborder-color: rgba(0, 0, 0, .38);\n\t}\n\t.edit-article-desc, .articlepage article {\n\t\tbackground-color: transparent;\n\t}\n\tsection#rj-vortex {\n\t\tborder-top-color: rgba(93, 93, 93, .38);\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t}\n\t#rj-footer {\n\t\tbackground-color: rgba(24, 24, 24, .38);\n\t\ttext-shadow: 1px 1px 1px #000000b8;\n\t}\n\t#rj-footer svg, #rj-footer img {\n\t\tfilter: drop-shadow(1px 1px 1px #000);\n\t}\n\tfigure.quote {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t}\n\tfigure.quote .icon-quote {\n\t\tfill: rgba(101, 101, 102, .38);\n\t}\n\t.col-1-1>.container, .modpage.mediapage .container.comments {\n\t\tbackground: rgba(76, 76, 76, 0);\n\t}\n\t.mod-tile > div {\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: -610px -120px, 0 0;\n\t\tbackground-image: -webkit-linear-gradient(top left,rgba(255, 255, 255, .1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\tbackground-image: -moz-linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, .1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%); \n\t\tbackground-image: -o-linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\tbackground-image: linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\t-moz-background-size: 250% 250%, 100% 100%;\n\t\tbackground-size: 250% 250%, 100% 100%;\n\t\t-webkit-transition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\t-moz-transition: background-position, transform, text-shadow, box-shadow 0s ease-in; \n\t\t-o-transition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\ttransition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\ttransition-duration: 0.1s\n\t}\n\t#mod-list .mod-tile > div:hover {\n\t\tbackground-position: 0 0, 0 0;\n\t\t-webkit-transition-duration: 0.4s;\n\t\t-moz-transition-duration: 0.4s;\n\t\ttransition-duration: 0.4s;\n\t\ttransform: scale(1.035);\n\t\ttext-shadow: 1px 1px 1px #000;\n\t\tbox-shadow: 0 0 1px #000;\n\t}\n\t.article-tile > div {\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: -810px -120px, 0 0;\n\t\tbackground-image: -webkit-linear-gradient(top left,rgba(255, 255, 255, .1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\tbackground-image: -moz-linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, .1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%); \n\t\tbackground-image: -o-linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\tbackground-image: linear-gradient(0 0,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, 0.1) 37%,rgba(255, 255, 255, 0.3) 45%,rgba(255, 255, 255, 0.0) 50%);\n\t\t-moz-background-size: 250% 250%, 100% 100%;\n\t\tbackground-size: 250% 250%, 100% 100%;\n\t\t-webkit-transition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\t-moz-transition: background-position, transform, text-shadow, box-shadow 0s ease-in; \n\t\t-o-transition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\ttransition: background-position, transform, text-shadow, box-shadow 0s ease-in;\n\t\ttransition-duration: 0.1s\n\t}\n\t.article-tile > div:hover {\n\t\tbackground-position: 0 0, 0 0;\n\t\t-webkit-transition-duration: 0.4s;\n\t\t-moz-transition-duration: 0.4s;\n\t\ttransition-duration: 0.4s;\n\t\ttransform: scale(1.035);\n\t\ttext-shadow: 1px 1px 1px #000;\n\t\tbox-shadow: 0 0 1px #000;\n\t}\n\t.activity-desc {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t}\n\tul.activity>li {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\tul.rj-mobile-menu-subsections, #head .rj-header-wrap .rj-header-left, #head .rj-header-wrap .rj-header-right, .game-home-link {\n\t\tbackground-color: transparent;\n\t}\n\t#head.new-head {\n\t\tbackground-color: rgba(24, 24, 24, .38);\n\t}\n\t#head.new-head::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t#head .rj-header-wrap {\n\t\tposition: relative;\n\t}\n\t.rj-nav-item:hover, .rj-nav-item.active {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t}\n\tform.rj-search .search-button, form.rj-search .rj-search-input {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: #e8e8e8;\n\t}\n\t.rj-search-category-dropdown {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t\tcolor: #e8e8e8;\n\t}\n\t.rj-search-category-option:hover {\n\t\tbackground-color: rgba(255, 255, 255, .08);\n\t}\n\t.rj-header-wrap.rj-search-active .search-button {\n\t\tbackground-color: rgba(51, 51, 51, .38);\n\t}\n\t#qs_results {\n\t\tbackground: rgba(44, 43, 43, .38);\n\t}\n\t#gsearch_results {\n\t\tborder-color: rgba(37, 37, 37, .38);\n\t\tbackground: rgba(45, 45, 45, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t\tbox-shadow: inset 0 0 20rem 1rem rgba(0, 0, 0, .38);\n\t}\n\t#qsearch_results {\n\t\tborder-color: rgba(0, 0, 0, .38);\n\t}\n\t.gsearch_results_list li {\n\t\tborder-color: rgba(37, 37, 37, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.qs_result section>div {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t}\n\t.qs_result .stats {\n\t\tbackground-color: transparent;\n\t}\n\t.qs_result h2 {\n\t\tbackground: linear-gradient(to right,rgba(56, 56, 56, .38) 0,rgba(37, 37, 37, .38) 100%);\n\t}\n\t.gsearch_results_list li.active h2 {\n\t\tbackground: linear-gradient(to right,rgba(56, 56, 56, .38) 0,rgba(44, 43, 43, .38) 100%);\n\t}\n\t.premium-banner {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t}\n\t.premium-banner > span, .premium-banner > i {\n\t\tcolor: #fff;\n\t}\n\t.select2-container--default .select2-selection--single {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\t.select2-container--default .select2-selection--single .select2-selection__rendered {\n\t\tcolor: #bbb;\n\t}\n\t.select2-container--default .select2-selection--single .select2-selection__arrow b {\n\t\tborder-color: #777 transparent transparent transparent;\n\t}\n\t.select2-container--default .select2-results__option[aria-selected=true], #mod-editing-content .wysibb-text-editor {\n\t\tbackground-color: rgba(68, 68, 68, .38);\n\t}\n\t.select2-dropdown {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.select2-results__option {\n\t\tcolor: #aaa;\n\t}\n\t.select2-dropdown, .select2-dropdown--below, ul.tile-upload li .add-image .tile-image {\n\t\tborder-color: rgba(76, 76, 76, .38);\n\t}\n\t.popup-mod-requirements ul {\n\t\tbackground: rgba(34, 34, 34, .38);\n\t\tborder-color: rgba(136, 136, 136, .38);\n\t}\n\t.pagination ul li a.page-selected, .pagination ul li a.page-selected:hover {\n\t\tbackground: rgba(62, 62, 62, .38);\n\t}\n\t.pagination ul li a, .pagination ul li a:hover, .pagination ul li a:focus {\n\t\tcolor: #c8c8c8;\n\t}\n\t.pagination ul li a {\n\t\tbackground-color: rgba(17, 17, 17, .38);\n\t}\n\t.pagination ul li.prev .icon-arrow-thin, .pagination ul li.next .icon-arrow-thin {\n\t\tfill: #c8c8c8;\n\t}\n\t.pagination ul li a:hover, .pagination ul li a:focus, .pagination ul li.prev a:hover, .pagination ul li.prev a:focus, .pagination ul li.next a:hover, .pagination ul li.next a:focus {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: #c8c8c8;\n\t}\n\t.select2-container--default .select2-search--dropdown .select2-search__field {\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: #aaa;\n\t}\n\t.article-actions {\n\t\tbackground-color: rgba(32, 32, 32, .38);\n\t}\n\t.article-nav .article-label {\n\t\tcolor: #a9a9a9;\n\t}\n\t.article-nav ul li:hover a {\n\t\tbackground-color: rgba(24, 24, 24, .38);\n\t}\n\t.article-nav ul li a {\n\t\tborder-color: rgba(86, 86, 86, .38);\n\t}\n\t.article-nav ul li a .icon-arrow-thin {\n\t\tfill: #bcbcbc;\n\t}\n\t.article-page {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t\ttext-shadow: 1px 1px 1px #000;\n\t}\n\t.article-page .comments {\n\t\tborder-color: rgba(56, 56, 56, .38);\n\t}\n\t#head.new-head .headlogo svg {\n\t\tfilter: drop-shadow(1px 1px 1px #000);\n\t}\n\t.rj-search-category {\n\t\tborder-left-color: rgba(255, 255, 255, .08);\n\t}\n\tform.rj-search.open-category-select .rj-search-category-dropdown-toggle {\n\t\tbackground-color: rgba(255, 255, 255, .08);\n\t}\n\t.rj-search-category-wrapper {\n\t\tcolor: #e8e8e8;\n\t}\n\t.select2-container--default.select2-container--disabled .select2-selection--single, .searchtext, .select2-container--default .select2-selection--multiple, .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\t.searchtext {\n\t\tcolor: #bbb;\n\t}\n\tinput[type=\"checkbox\"] {\n\t\tfilter: invert(.835) hue-rotate(180deg);\n\t}\n\t.refine-results ul.choice-list, .range-area {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t}\n\ta.mod-image {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t}\n\t.mod-tile-left, figure.image_figure .fore_div img, figure.image_figure .fore_div_mods img {\n\t\tbackground-color: transparent;\n\t}\n\t.game-filter form input {\n\t\tcolor: #919191;\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\t[style=\"position: absolute; top: 72px; z-index: 9999; background-color: rgb(76, 76, 76); border: 1px solid rgb(225, 225, 225); padding: 8px 16px;\"] {\n\t\tbackground-color: rgba(76, 76, 76, .38) !important;\n\t\tborder-color: rgba(17, 17, 17, .38) !important;\n\t}\n\t.canvas, ul.tile-upload li .tile-image {\n\t\tborder-color: rgba(76, 76, 76, .38);\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.date_selector {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: #bbb;\n\t}\n\t.ui-widget-content {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t\tborder-color: rgba(64, 64, 64, .38);\n\t\tcolor: #919191;\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.ui-widget-header {\n\t\tbackground-color: rgba(64, 64, 64, .38);\n\t\tborder-color: rgba(64, 64, 64, .38);\n\t\tcolor: #bbb;\n\t}\n\t.ui-datepicker select.ui-datepicker-month option, .ui-datepicker select.ui-datepicker-year option {\n\t\tbackground-color: #383838;\n\t}\n\t.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {\n\t\tbackground-color: rgba(0, 0, 0, 0);\n\t}\n\t.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {\n\t\tborder-color: rgba(51, 51, 51, .38);\n\t\tcolor: #bbb;\n\t}\n\t.btn-inactive, .btn:disabled {\n\t\tbackground-color: #565656 !important;\n\t\tcolor: #000 !important;\n\t}\n\t.btn-inactive .icon, .btn:disabled .icon {\n\t\tfill: #000;\n\t}\n\t#rj-sitemap ul li a.rj-standard-button {\n\t\tcolor: #fff;\n\t}\n\t.rj-user-nav .nav-interact .ni-background {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t}\n\tsection#rj-sitemap {\n\t\tborder-image-source: linear-gradient(to right,rgba(255,255,255,0),rgba(255, 255, 255, .38) 52%,rgba(255,255,255,0));\n\t}\n\t.rj-header-tray {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.rj-header-full-width-banner {\n\t\tbackground-color: rgba(24, 24, 24, .38);\n\t}\n\t.rj-panel.rj-panel-border:hover>.rj-panel-inner {\n\t\tbackground-color: rgba(77, 79, 80, .38);\n\t}\n\t.rj-panel.rj-panel-border>.rj-panel-inner {\n\t\tbackground-color: rgba(60, 61, 63, .38);\n\t}\n\t.rj-panel.rj-panel-border {\n\t\tbackground: none;\n\t\tposition: relative;\n\t}\n\t.rj-panel.rj-panel-border::before {\n\t\tcontent: '';\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\tbackground: linear-gradient(180deg,var(--theme-primary),rgba(255,255,255,0.26));\n\t\tposition: absolute;\n\t\topacity: .38;\n\t}\n\t.rj-panel.rj-panel-border:hover {\n\t\tbackground-color: rgba(255,255,255,0.18);\n\t}\n\t.rj-right-tray {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.rj-tray-section.section-dark {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t}\n\t.rj-right-tray .arrow {\n\t\tborder-bottom-color: rgba(43, 45, 47, .38);\n\t}\n\t.rj-right-tray .arrow::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tfilter: blur(1rem);\n\t}\n\t.rj-tray-section.section-dark.link-section:hover {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t}\n\t.widget-mod-requirements.popup.mfp-with-anim.col-1-1.popup-mod-requirements {\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\tdiv.bbc_spoiler_content {\n\t\tbackground: rgba(38, 38, 38, .38);\n\t\tborder-color: rgba(59, 59, 59, .38);\n\t}\n\t.notifications-header, .notification-preferences-header {\n\t\tbackground-color: rgba(43, 45, 47, .38);\n\t}\n\t.notifications-list, .notification-load-more, .notification-preferences-menu {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t}\n\t#featured #nofeature #pagetitle {\n\t\tbackground: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.38) 100%);\n\t\tbackground: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.38) 100%);\n\t}\n\t.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {\n\t\tcolor: #ccc !important;\n\t\tborder-color: rgba(103, 103, 103, .38);\n\t\tbackground: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .38)), color-stop(100%, rgba(60, 60, 60, .38)));\n\t\tbackground: -webkit-linear-gradient(top, rgba(0, 0, 0, .38) 0%, rgba(60, 60, 60, .38) 100%);\n\t\tbackground: -moz-linear-gradient(top, rgba(0, 0, 0, .38) 0%, rgba(60, 60, 60, .38) 100%);\n\t\tbackground: -ms-linear-gradient(top, rgba(0, 0, 0, .38) 0%, rgba(60, 60, 60, .38) 100%);\n\t\tbackground: -o-linear-gradient(top, rgba(0, 0, 0, .38) 0%, rgba(60, 60, 60, .38) 100%);\n\t\tbackground: linear-gradient(to bottom, gba(0, 0, 0, .38) 0%, rgba(60, 60, 60, .38) 100%);\n\t}\n\t.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {\n\t\tcolor: #999 !important;\n\t}\n\t.dataTables_wrapper .dataTables_paginate .paginate_button:hover {\n\t\tborder-color: rgba(17, 17, 17, .38);\n\t\tbackground: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(88, 88, 88, .38)), color-stop(100%, rgba(17, 17, 17, .38)));\n\t\tbackground: -webkit-linear-gradient(top, rgba(88, 88, 88, .38) 0%, rgba(17, 17, 17, .38) 100%);\n\t\tbackground: -moz-linear-gradient(top, rgba(88, 88, 88, .38) 0%, rgba(17, 17, 17, .38) 100%);\n\t\tbackground: -ms-linear-gradient(top, rgba(88, 88, 88, .38) 0%, rgba(17, 17, 17, .38) 100%);\n\t\tbackground: -o-linear-gradient(top, rgba(88, 88, 88, .38) 0%, rgba(17, 17, 17, .38) 100%);\n\t\tbackground: linear-gradient(to bottom, rgba(88, 88, 88, .38) 0%, rgba(17, 17, 17, .38) 100%);\n\t}\n\t.dataTables_filter input, input.form-field, textarea.form-textarea {\n\t\tcolor: #aaa !important;\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\ttable.dataTable tbody tr, .form-section-content .select2-container--default .select2-selection--single {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\ttd.tracking-mod .tracking-icon {\n\t\tbackground: rgba(45, 45, 45, .38);\n\t}\n\t.table td {\n\t\tborder-top-color: rgba(73, 73, 73, .38);\n\t\tbackground: rgba(56, 56, 56, .38);\n\t}\n\ttable.dataTable.no-footer {\n\t\tborder-bottom-color: rgba(17, 17, 17, .38);\n\t}\n\ttable.dataTable thead th, table.dataTable thead td {\n\t\tborder-bottom-color: rgba(17, 17, 17, .38);\n\t}\n\t.form-section-content, .media-section-content {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t}\n\t.form-section header, textarea.application-key, .application-image-container {\n\t\tbackground: rgba(45, 45, 45, .38);\n\t}\n\t.line {\n\t\tborder-bottom-color: rgba(225, 225, 225, .38);\n\t}\n\t.page-layout .donation-panel {\n\t\tborder-color: rgba(136, 136, 136, .38);\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t}\n\t.page-layout .donation-wrapper form input[type=text] {\n\t\tcolor: #e0e0e0;\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\t.page-layout .donation-wrapper form .form-group > span {\n\t\tcolor: #e0e0e0;\n\t}\n\tul.add-process li, ul.add-process li a, .add-process li.disabled a:hover, .add-process li.disabled a:hover span {\n\t\tcolor: #bcbcbc;\n\t}\n\t.rj-btn.rj-btn-outline, .rj-btn.rj-btn-standard {\n\t\ttext-shadow: 1px 1px 1px #000;\n\t}\n\tdiv#mainContent > .tabcontent.tabcontent-mod-page[aria-live=\"assertive\"] {\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.forum-bugs td.bug-comment {\n\t\tbackground-color: rgba(32, 32, 32, .38);\n\t}\n\t.forum-bugs .comments>ol>li:first-of-type:before {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.info.warning {\n\t\tbackground-color: transparent;\n\t\tposition: relative;\n\t}\n\t.info.warning.site-notice {\n\t\tbackground-color: #d5632d;\n\t}\n\t.info .info-content::before:not(.form-user-upload) {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\tmargin: 0;\n\t\tbackground-color: var(--theme-primary);\n\t\topacity: .38;\n\t\tz-index: 2;\n\t}\n\t.info .info-content::after:not(.form-user-upload) {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\tmargin: 0;\n\t\tbackdrop-filter: blur(1rem);\n\t\tz-index: 0;\n\t}\n\t.info .info-content > h3, .info .info-content > p, .info > svg, .info {\n\t\tz-index: 3;\n\t\tposition: relative;\n\t\ttext-shadow: 1px 1px 1px #000000ba;\n\t}\n\tinput#user_login, input#password, input#otp_attempt, input#real_name, select {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: rgba(255, 255, 255, .6);\n\t}\n\tdiv.floating-label label, .password-group input[type=password]~.password-toggle>i, .password-group input[type=text]~.password-toggle>i {\n\t\tcolor: rgba(255, 255, 255, .6);\n\t}\n\t.password-group .password-toggle {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\t.password-group .password-toggle:focus {\n\t\tbackground-color: rgba(51, 51, 51, .38);\n\t}\n\t.jumbotron {\n\t\tbackground-color: rgb(41, 44, 47);\n\t}\n\t#game-blurb {\n\t\tborder-top-color: rgba(255, 255, 255, .38);\n\t}\n\t.btn-active, #graph-widget-container .active {\n\t\tbackground-color: rgba(40, 40, 40, .38) !important;\n\t}\n\t.edit-mod-step:hover, .edit-mod-step:focus {\n\t\tbackground-color: rgba(40, 40, 40, .38);\n\t}\n\t.popup-bugreport.popup.mfp-with-anim.col-1-1 > .col-1-1, .wysibb, textarea#add-bugreport-post {\n\t\tbackground-color: transparent;\n\t}\n\t.wysibb .wysibb-text {\n\t\tbackground: rgba(56, 56, 56, .38);\n\t}\n\t.wysibb {\n\t\tborder-color: #444;\n\t\tcolor: #fff;\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover .fonticon {\n\t\tcolor: #fff;\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover {\n\t\tbackground-color: rgba(17, 17, 17, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container {\n\t\tborder-color: #444;\n\t}\n\t#wbbmodal .wbbm {\n\t\tbackground: rgba(0, 0, 0, .38);\n\t\tborder-color: rgba(68, 68, 68, .38);\n\t\tbox-shadow: 0 0 5px rgba(51, 51, 51, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t#wbbmodal .wbbm-title {\n\t\tcolor: #ccc;\n\t\tborder-color: rgba(51, 51, 51, .38);\n\t}\n\t#wbbmodal .div-modal-text {\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t\tcolor: #919191;\n\t}\n\t#wbbmodal .wbbm-inp-row label {\n\t\tcolor: #919191;\n\t}\n\t#wbbmodal .wbbm-inp-row input {\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t\tcolor: #919191;\n\t\tbackground-color: transparent;\n\t}\n\t#wbbmodal .wbbm-bottom {\n\t\tbackground-color: rgba(1, 1, 1, .38);\n\t\tborder-color: rgba(51, 51, 51, .38);\n\t}\n\t#wbbmodal .wbb-cancel-button:hover {\n\t\tbackground: rgba(0, 0, 0, .38);\n\t\tborder-color: rgba(51, 51, 51, .38);\n\t}\n\t#wbbmodal .wbb-cancel-button {\n\t\tbackground: rgba(5, 5, 5, .38);\n\t\tborder-color: rgba(68, 68, 68, .38);\n\t\tcolor: #ccc;\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on, .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on:hover, .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:active {\n\t\tbackground: rgba(51, 51, 51, .38);\n\t\tbox-shadow: inset 0 0 3px rgba(85, 85, 85, .38);\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on .fonticon {\n\t\tcolor: #fff;\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .fonticon {\n\t\tcolor: #ccc;\n\t\ttext-shadow: 0 1px 0 rgba(0, 0, 0, .38);\n\t}\n\t.wysibb .wysibb-toolbar {\n\t\tborder-color: rgba(68, 68, 68, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select:hover, .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown:hover, .wbb-select .option:hover, .wbb-list .nc:hover {\n\t\tbackground-color: rgba(17, 17, 17, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select.on, .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select.on:active {\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t\tbackground: rgba(51, 51, 51, .38);\n\t\tbox-shadow: inset 0 0 3px rgba(85, 85, 85, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .wbb-list {\n\t\tborder-color: rgba(68, 68, 68, .38);\n\t\tbox-shadow: 0 0 3px rgba(85, 85, 85, .38);\n\t\tbackground: rgba(0, 0, 0, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.wbb-list .nc, .comment-reply textarea {\n\t\tcolor: #999;\n\t}\n\t.wbb-list .sc {\n\t\tborder-color: rgba(0, 0, 0, .38);\n\t}\n\t.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown.on, .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown.on:active {\n\t\tborder-color: rgba(85, 85, 85, .38);\n\t\tbackground: rgba(51, 51, 51, .38);\n\t\tbox-shadow: inset 0 0 3px rgba(85, 85, 85, .38);\n\t}\n\t.popup {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\tbody.rails-default-error-page {\n\t\tbackground-color: #2b2d2f;\n\t}\n\t.rails-default-error-page div.dialog > div {\n\t\tborder-color: #444;\n\t\tborder-top-color: #B00100;\n\t\tborder-right-color: #666;\n\t\tborder-left-color: #666;\n\t\tborder-bottom-color: #555;\n\t\tbackground-color: #383838;\n\t}\n\t.rails-default-error-page div.dialog > p {\n\t\tbackground-color: #414141;\n\t\tborder-color: #555;\n\t\tborder-right-color: #666;\n\t\tborder-left-color: #666;\n\t\tborder-bottom-color: #666;\n\t\tborder-top-color: #383838;\n\t\tcolor: #999;\n\t}\n\t.rails-default-error-page h1 {\n\t\tcolor: #910;\n\t}\n\t.grey, .comments figure.quote {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t}\n\t.comments>ol>li ol>li .comment-head {\n\t\tbackground-color: rgba(69, 69, 69, .38);\n\t}\n\t.comment-content-text code {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t\tborder-color: rgba(136, 136, 136, .38);\n\t}\n\tdiv#nofeature {\n\t\tbackground-image: none !important;\n\t\tposition: relative;\n\t}\n\tdiv#nofeature::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tbackground-image: url('/assets/images/default/bg_default.jpg');\n\t\tbackground-size: cover;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\topacity: .38;\n\t\tz-index: -1;\n\t}\n\tbody .home-intro {\n\t\tposition: relative;\n\t\tbackground-image: none;\n\t}\n\tbody .home-intro::after {\n\t\tcontent: '';\n\t\tbackground-image: url('/assets/images/default/bg_game_header.jpg');\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: top center;\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 75%;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tz-index: -1;\n\t\topacity: .38;\n\t}\n\tbody .home-intro::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 25% !important;\n\t\tmax-height: 25% !important;\n\t\tleft: 0;\n\t\ttop: 38.05em;\n\t\tbackground-image: -webkit-linear-gradient(top, #2d2d2d 2%, #0000 100%);\n\t\tz-index: -1;\n\t\topacity: .38;\n\t}\n\t.rj-btn.rj-btn-secondary[id=\"slowDownloadButton\"]:hover {\n\t\tbackground-color: rgba(77, 77, 77, .38);\n\t}\n\t.rj-btn.rj-btn-secondary[id=\"slowDownloadButton\"] {\n\t\tcolor: #ddd;\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tborder-color: rgba(68, 68, 68, .38);\n\t}\n\t.subnav, .drop-down:hover>.btn {\n\t\tbackground-color: rgba(24, 24, 24, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\tul.sublist li a, div.container .actions ul.sublist li a {\n\t\tcolor: #a6a6a6;\n\t}\n\tinput#user_name, input#password_confirmation {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t\tcolor: rgba(255, 255, 255, .6);\n\t}\n\t.password-help {\n\t\tbackground-color: rgba(34, 34, 34, .38);\n\t\tcolor: #dadcdb;\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.password-help>.arrow {\n\t\tborder-bottom-color: rgba(34, 34, 34, .38);\t\n\t}\n\t.password-help .password-condition.password-condition-success>div {\n\t\tcolor: rgba(255, 255, 255, .4);\n\t}\n\t.main.vortex-and-nmm {\n\t\tbackground-color: rgba(76, 76, 76, .38);\n\t\tbackdrop-filter: blur(1rem);\n\t\t-webkit-backdrop-filter: blur(1rem);\n\t}\n\t.bg-vortex-pattern, .sso-container {\n\t\tbackground: none;\n\t\tposition: relative;\n\t}\n\t.bg-vortex-pattern::before, .sso-container::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackground: url('/bootstrap/images/vortex/bg/vortex-bg.jpg');\n\t\topacity: .38;\n\t\ttop: 0;\n\t\tleft: 0;\n\t}\n\t.bg-dark, .article-image {\n\t\tbackground-color: rgba(45, 45, 45, .38);\n\t}\n\t.popup-mod-tagging .col-1-1, ul.add-process {\n\t\tbackground-color: transparent;\n\t}\n\ttextarea.problem-description {\n\t\tbackground-color: rgba(0, 0, 0, .38);\n\t}\n\tselect.form-field {\n\t\tcolor: #919191;\n\t}\n\toption {\n\t\tbackground-color: #2c2d2d;\n\t\tcolor: #919191;\n\t}\n\t.recent-files a {\n\t\tbackground-color: rgba(56, 56, 56, .38);\n\t}\n\t.recent-files a:hover {\n\t\tbackground-color: rgba(42, 42, 42, .38);\n\t}\n\t.nexus-ui-blocker-message-box, dd.changelog ul.change-logs>li:nth-child(odd), div.changelog ul.change-logs>li:nth-child(odd) {\n\t\tbackground-color: transparent;\n\t}\n\t.tabcontent:before, .loading-wheel {\n\t\tfilter: drop-shadow(0 0 5px #000);\n\t}\n\t.lg-outer .lg-inner {\n\t\tmax-height: 90vh;\n\t\twidth: 90vw;\n\t\tposition: absolute;\n\t\tmargin: 0 auto;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t}\n\t.result {\n\t\theight: auto !important;\n\t\ttop: 0 !important;\n\t}\n\tinput#change_recovery_mobile_number_current_password, input#mobile_number, input#change_recovery_mobile_number_two_fa, input#change_email_current_password, input#new_email, input#change_email_two_fa, input#new_password, input#confirm_password, input#change_password_two_fa {\n\t\tbackground-color: rgba(0,0,0,.38);\n\t\tcolor: rgba(255, 255, 255, .6);\n\t}\n\t.security-edit-page .dial-code, .security-edit-page .fake-select i {\n\t\tcolor: #d1d5d9;\n\t}\n\t.security-edit-page .fake-select {\n\t\tbackground-color: rgb(51, 51, 51);\n\t}\n\t.security-edit-page .fake-select .flag {\n\t\tcolor: #fff;\n\t}\n\tul#breadcrumb.mod-crumb, ul#breadcrumb.static-crumb {\n\t\ttext-shadow: 0 1px 1px rgba(0, 0, 0, .8);\n\t}\n\tform.rj-search .search-button i, .rj-header-wrap.rj-search-active .search-button i {\n\t\tcolor: #e8e8e8;\n\t}\n\t[href*=\"/skyrimspecialedition/mods/52177\"] figure.image_figure .fore_div_mods img {\n\t\tcontent: url('https://i.kym-cdn.com/photos/images/facebook/001/857/748/54e.jpg');\n\t\ttransform: scale(1.5) translateY(-1.2rem) translateX(.5rem);\n\t}\n\t.premium-block.background-2 {\n\t\ttransition: background 400ms cubic-bezier(0.49, 0.38, 0.41, 1.24);\n\t}\n\t.premium-block.background-2:hover {\n\t\tbackground: linear-gradient(to right, #040404, 70%, transparent), url(https://staticdelivery.nexusmods.com/Images/ad_bg_2.png) right/70% no-repeat, #040404;\n\t}\n\t.areplacer, div.clearfix[style*=\"background: #2d2d2d\"] > div, .premium-block {\n\t\tdisplay: none;\n\t}\n}\n@-moz-document domain(\"users.nexusmods.com\") {\n\t::-webkit-scrollbar-thumb {\n\t\tbackground-color: var(--orange);\n\t}\n}\n@-moz-document domain(\"help.nexusmods.com\") {\n\t::-webkit-scrollbar-thumb {\n\t\tborder-radius: 2px;\n\t\t-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 60%);\n\t\tbackground-color: #34d6ff;\n\t}\n\n\t#docsSearch {\n\t\tbackground-color: rgba(43, 45, 47);\n\t\tborder-color: rgba(65, 65, 65);\n\t}\n\tbody {\n\t\tbackground-color: #222;\n\t}\n\ttextarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input {\n\t\tbackground-color: #181818;\n\t\tborder-color: rgba(65, 65, 65);\n\t\tcolor: #fff;\n\t}\n\t.category-list .category:hover {\n\t\tbackground-color: rgba(43, 45, 47);\n\t}\n\t.category-list h3 {\n\t\tcolor: #ccc;\n\t}\n\t.category-list .category {\n\t\tborder-color: rgba(65, 65, 65);\n\t}\n\t#sidebar form .search-query {\n\t\tborder-color: rgba(65, 65, 65);\n\t\tcolor: #999;\n\t}\n\t#sidebar h3, #sidebar .nav-list .active a, #sidebar .nav-list .active a:hover, #sidebar .nav-list .active a:focus, #sidebar .nav-list a:hover, #sidebar .nav-list a:focus, footer p a:hover, #fullArticle h1, #fullArticle h2, #fullArticle h3, #fullArticle h4, #fullArticle h5 {\n\t\tcolor: #ddd;\n\t}\n\t#sidebar .nav-list a, .contentWrapper p.descrip {\n\t\tcolor: #959595;\n\t}\n\t.nav-list>li>a, .nav-list .nav-header {\n\t\ttext-shadow: 0 1px 0 rgba(24, 24, 24, .5);\n\t}\n\t.contentWrapper {\n\t\tbackground-color: #181818;\n\t\tborder-color: rgba(65, 65, 65);\n\t\tcolor: #ddd;\n\t}\n\t.icon-article-doc:before {\n\t\tcolor: #676767;\n\t}\n\tselect {\n\t\tbackground-color: #181818;\n\t\tborder-color: rgba(65, 65, 65);\n\t}\n\tselect, textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input {\n\t\tcolor: #aaa;\n\t}\n\tfooter p a, footer p {\n\t\tcolor: #7b7b7b;\n\t}\n\t[class^=icon-], [class*=\" icon-\"], .featherlight-close-icon {\n\t\tcolor: #464646;\n\t}\n\t#fullArticle .printArticle:hover .icon-print {\n\t\tcolor: #686868;\n\t}\n\t#fullArticle table th, #fullArticle table td, #fullArticle img {\n\t\tborder-color: rgba(59, 59, 59);\n\t}\n\t#fullArticle, #fullArticle p, #fullArticle ul, #fullArticle ol, #fullArticle li, #fullArticle div, #fullArticle blockquote, #fullArticle dd, #fullArticle table {\n\t\tcolor: #a8a8a8;\n\t}\n\t.articleFoot p, .articleFoot time {\n\t\tcolor: #606060;\n\t}\n\t.related {\n\t\tbackground-color: #181818;\n\t\tborder-color: rgba(65, 65, 65);\n\t}\n\t.related h3 {\n\t\tcolor: #bdbdbd;\n\t}\n\t#fullArticle strong {\n\t\tcolor: #b9b9b9;\n\t}\n}\n@-moz-document domain(\"next.nexusmods.com\") {\n\t:root {\n\t\t--theme-primary: rgb(var(--primary));\n\t}\n}\n@-moz-document domain(\"wiki.nexusmods.com\") {\n\t::-webkit-scrollbar-thumb {\n\t\tborder-radius: 2px;\n\t\t-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 60%);\n\t\tbackground-color: #e6832b;\n\t}\n}\n\n@-moz-document domain(\"forums.nexusmods.com\") {\n\t\t\t::-webkit-scrollbar-thumb {\n\t\t\t\t background-color: #43bbe2\n\t\t\t}\n\t\n\tinput[type=text], input[type=password], input[type=email], select {\n\t\tbackground-color: #0000 !important;\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/fallout3\") {\n\t/*Fallout3*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/119189.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/newvegas\"), url-prefix(\"https://www.nexusmods.com/fallout4/mods/55215\"), url-prefix(\"https://www.nexusmods.com/fallout4/mods/55332\"), url-prefix(\"https://www.nexusmods.com/fallout4/mods/55382\") {\n\t/*NewVegas*/\n\tbody.scheme-theme-Fallout {\n\t\t--theme-primary: #da8e35;\n\t\t--theme-primary-translucent: #da8e35d8;\n\t\t--theme-secondary: #b4762c;\n\t\t--theme-dark: #815316;\n\t}\n\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/8qtlmjh77m511.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/fallout4\") {\n\t/*Fallout4*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/720318.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/fallout76\") {\n\t/*Fallout76*/\n\tbody::before {\n\t\tbackground-image: url('https://images7.alphacoders.com/927/thumb-1920-927080.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/morrowind\") {\n\t/*Morrowind*/\n\tbody::before {\n\t\tbackground-image: url('https://images4.alphacoders.com/242/242068.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/oblivion\") {\n\t/*Oblivion*/\n\tbody::before {\n\t\tbackground-image: url('https://cdn.wccftech.com/wp-content/uploads/2021/01/skyblivion.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/skyrim\") {\n\t/*SkyrimLE*/\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/wallpapers/skyrim-wallpaper-4k-bu.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/skyrimspecialedition\") {\n\t/*SkyrimSE*/\n\tbody::before {\n\t\tbackground-image: url('https://cdnb.artstation.com/p/assets/images/images/000/299/069/4k/Skyrim_ShrineOfTalos.jpg?1443927989');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/witcher\") {\n\t/*Witcher*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/653677.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/witcher3\") {\n\t/*Witcher3*/\n\tbody::before {\n\t\tbackground-image: url('https://i.imgur.com/HyZeLfQ.png');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/cyberpunk2077\") {\n\t/*Cyberpunk2077*/\n\t:root {\n\t\t--theme-primary: rgb(255, 0, 60);\n\t\t--theme-primary-translucent: rgba(255, 0, 60, .84);\n\t\t--theme-secondary: rgb(198, 21, 62);\n\t\t--theme-dark: rgb(138, 21, 48);\n\t}\n\tbody::before {\n\t\tbackground-image: url(https://wallpaperaccess.com/full/4091251.png);\n\t}\n\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/stardewvalley\") {\n\t/*StaredValley*/\n\tbody::before {\n\t\tbackground-image: url('https://i.pinimg.com/originals/b8/1a/a4/b81aa44ba47c8ebb93c4525a96904101.jpg');\n\t}\n\t\n\t#mainContent > section {\n\t\tborder-image: url('https://stardewvalleywiki.com/mediawiki/extensions/StardewValley/images/menu_border.png') 15 stretch !important;\n\t\tborder: 7px solid transparent;\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/dragonage\") {\n\t/*DragonAge*/\n\tbody::before {\n\t\tbackground-image: url('https://images3.alphacoders.com/109/109665.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/monsterhunterworld\") {\n\t/*MonsterHunterWorld*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/1926141.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/mountandblade2bannerlord\") {\n\t/*MountAndBlade2*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/5671474.png');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/dragonage2\") {\n\t/*DragonAge2*/\n\tbody::before {\n\t\tbackground-image: url('https://images3.alphacoders.com/120/thumb-1920-120325.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/dragonageinquisition\") {\n\t/*DragonAgeInquisition*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/373700.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/bladeandsorcery\") {\n\t/*BlandeAndSorecry*/\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/la9po1nkaq751.png');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/darksouls\") {\n\t/*DarkSouls*/\n\tbody::before {\n\t\tbackground-image: url('https://images.alphacoders.com/278/thumb-1920-278051.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/kingdomcomedeliverance\") {\n\t/*KingdomcomeDeliverence*/\n\tbody::before {\n\t\tbackground-image: url('https://external-preview.redd.it/wJq9109DaVFax4XCnN6EnNDPSq6PBsOwtRlfnb4ldYs.jpg?auto=webp&s=234107489ff7daecfb4d852bf56035fb48849374');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/subnautica\") {\n\t/*Subnautica*/\n\tbody::before {\n\t\tbackground-image: url('https://images4.alphacoders.com/901/thumb-1920-901071.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/masseffect\") {\n\t/*ME1*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/4605441.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/masseffect2\") {\n\t/*ME2*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/2467187.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/masseffect3\") {\n\t/*ME3*/\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/wallpapers/mass-effect-3-pc-version-rj.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/masseffectandromeda\") {\n\t/*MEAndromeda*/\n\tbody::before {\n\t\tbackground-image: url('https://images4.alphacoders.com/772/thumb-1920-772364.png');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/masseffectlegendaryedition\") {\n\t/*ME_LE*/\n\t:root {\n\t\t--theme-primary: #e61809;\n\t\t--theme-primary-translucent: #e61809d8;\n\t\t--theme-secondary: #ae180d;\n\t\t--theme-dark: #781008;\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://w.wallha.com/ws/12/1USM7sVR.png');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/darkestdungeon\") {\n\t/*DarkestDungeon*/\n\t:root {\n\t\t--theme-primary: #000;\n\t\t--theme-primary-translucent: #000000d8;\n\t\t--theme-secondary: #000;\n\t\t--theme-dark: #000;\n\t}\n\n\tbody::before {\n\t\tbackground-image: url('https://7wallpapers.net/wp-content/uploads/9_Darkest-Dungeon.jpg');\n\t}\n\t#head.new-head .headlogo svg, .rj-vortex-icon-wrapper, .rj-vortex-button, #rj-footer svg, #rj-footer img, ul.action-log>li, ul.btnexpand:hover, figure.quote, .comments figure.quote, .wysibb .wysibb-text blockquote, .rvs-container .rvs-nav-item.rvs-active, .rj-btn.rj-button-outline, a.rj-btn.rj-button-outline, blockquote.ipsBlockquote, .motm_position, ul.friend-actions .btn, .widget-download-links .btn, .popup-register-copy .btn, .btn.signin, .btn-more .btn, .home-buttons .btn, .btn-load, .form-section-content .btn, ul.file-actions .btn, .add-clone, .form-section .btn.btnsmall, .add-nav .btn, .modactions .btn, .mobile-close, ul.actions .btn, #foot #backtop .btn, #usernav ul li a, #footbtn .btn, form.search input.btn, ul.search-terms li:after, .accordion dt .acc-status, .fake-accordion .acc-status, .acc-status, .tiles .btnexpand ul li, ul.btnexpand:hover, ul.btnexpand:focus, .popup .mfp-close, .tiles .view-label, .tracking-highlight span.update-bar, .edit, .crop, .set-primary, ul.add-process li.current:before, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove, .info.callout, #mobilebtn, nav#mobilenav #mobile-user ul li a, ul#mobile-primary li a, .rvs-container .rvs-nav-item.rvs-active, .irs-bar, #head .btn, a.btn, .btn, .btn:visited, .toggle-button, .toggle-button:active, .toggle-button:visited, .rj-button-outline:hover, a.rj-button-outline:hover, .arrow-box, a.post-category.site-news, .select2-container--default .select2-results__option--highlighted[aria-selected], #rj-back-to-top.rj-hug-footer, .bubble, .rj-standard-button, ul.friend-actions .btn:hover, ul.friend-actions .btn:focus, .btn.signin:hover, .popup-register-copy .btn:hover, .popup-register-copy .btn:focus, .btn-more .btn:hover, .btn-more .btn:focus, .home-buttons .btn:hover, .home-buttons .btn:focus, .btn-load:hover, .btn-load:focus, .form-section-content .btn:hover, .form-section-content .btn:focus, ul.file-actions .btn:hover, ul.file-actions .btn:focus, .add-clone:hover, .add-clone:focus, .form-section .btn.btnsmall:hover, .form-section .btn.btnsmall:focus, .add-nav .btn:hover, .add-nav .btn:focus, .modactions .btn:hover, .modactions .btn:focus, .mobile-close:hover, .mobile-close:focus, ul.actions .btn:hover, ul.actions .btn:focus, #foot #backtop .btn:hover, #foot #backtop .btn:focus, #footbtn .btn:hover, #footbtn .btn:focus, #head .btn:hover, #head .btn:focus, #usernav ul li:hover a, #usernav ul li:focus a, form.search input.btn:hover, form.search input.btn:focus, ul.btnexpand li ul li:hover, ul.btnexpand li ul li:focus, .popup .mfp-close:hover, .popup .mfp-close:focus, .edit:hover, .edit:focus, .crop:hover, .crop:focus, .set-primary:hover, .set-primary:focus, #mobilebtn:hover, #mobilebtn:focus, .rvs-container .rvs-nav-item.rvs-active:hover, .rvs-container .rvs-nav-item.rvs-active:focus, a.btn:hover, .btn:hover, .actions .drop-down .btn:hover, .actions .drop-down .btn:focus, .drop-down:hover>#button-manage, a.btn:focus, .btn:focus, span.alert, .arrow-box:hover {\n\t\tfilter: drop-shadow(1px 1px 3px #bd0707);\n\t}\n\t.home-trending ul.tiles ul.inline-list a:hover, .arrowlist a:hover, .widget-download-links .btn:hover, .widget-download-links .btn:focus, .popup-register-copy p a:hover, .popup .info-content a:hover, ol.pick-page a:hover, p#opening a:hover, .add-file p a:hover, .tabcontent a:hover, dd a:hover, article a:hover, article a:focus, article a:active, .sideitem a:hover, ul.post-meta a:hover, .article-copy p a:hover, #mobile-fav .mobile-header a:hover, .quote-meta a:hover, .tiles .author a:hover, .comment-name a:hover, ul.comment-inline a:hover, article p a:hover, #copyright a:hover, a.fav-edit:hover, #name a:hover, ul#breadcrumb li a:hover, a.clear-cat:hover, .tiles .category a:hover, nav#menu .wrap ul li.nav-games ul li a:hover, #rj-sitemap ul li a:hover {\n\t\ttext-shadow: 1px 1px 5px #d50707;\n\t}\n\t.home-trending ul.tiles ul.inline-list a, .arrowlist a, .popup-register-copy p a, .popup .info-content a, ol.pick-page a, p#opening a, .add-file p a, .tabcontent a, dd a, article a, .sideitem a, ul.post-meta a, .article-copy p a, #mobile-fav .mobile-header a, .quote-meta a, .comment-name a, ul.comment-inline a, article p a, #copyright a, a.fav-edit, .tiles .author a, a.clear-cat, ul#breadcrumb li a, .topnav ul.global li a:hover, nav#menu .wrap ul li ul li a:hover, nav#menu .wrap ul li.nav-games ul li a, div.container a, ul.sublist li a:hover, div.container .actions ul.sublist li a:hover, a.view-all:hover, .featured-article h2 a:hover, .tiles .tile-desc h3 a:hover, .tiles .category a, .tiles .tile-data ul li a:hover, ul.tracking-author-options li a:hover, .file-manage-title h3 a:hover, #sitemap ul.footlinks li a:hover, ul#mobile-primary li#mobile-updates .updatedesc a, #name a, .stat-endorsements a:link, .stat-endorsements a:visited, .stat-endorsements a:active, .user-list-details a, .category-item a .category-name, li .log-modified a, li .log-modified a:visited, .category-item a:visited .category-name, .breadcrumb a, #ajgpermalink, a.theme-link, .gsearch_results_list li.active h3, .top-lists-links a:link, .top-lists-links a:visited, .notification-actions a.set-notification-read, .notification-actions a.set-notification-read:visited {\n\t\ttext-shadow: 1px 1px 2px #bd0707;\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/starwarsbattlefront22017\") {\n\t/*Battlefront2_2017*/\n\tbody::before {\n\t\tbackground-image: url('https://images7.alphacoders.com/824/thumb-1920-824123.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/residentevil22019\") {\n\t/*RE2Remake*/\n\t:root {\n\t\t--theme-primary: #bf0000;\n\t\t--theme-primary-translucent: #bf0000d8;\n\t\t--theme-secondary: #900;\n\t\t--theme-dark: #7b0707;\n\t}\n\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/1256071.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/residentevil32020\") {\n\t/*RE3Remake*/\n\t:root {\n\t\t--theme-primary: rgb(233, 33, 17);\n\t\t--theme-primary-translucent: rgba(232, 32, 17, .85);\n\t\t--theme-secondary: rgb(172, 46, 35);\n\t\t--theme-dark: rgb(132, 23, 15);\n\t}\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/xytj0c6i2g441.png');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/residentevilvillage\") {\n\t/*REVillage*/\n\tbody::before {\n\t\tbackground-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/0276f574-98ea-4e2d-ba44-68f500bf01bc/decy31o-b5746c63-250c-4a71-86e2-fa3134977f1c.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzAyNzZmNTc0LTk4ZWEtNGUyZC1iYTQ0LTY4ZjUwMGJmMDFiY1wvZGVjeTMxby1iNTc0NmM2My0yNTBjLTRhNzEtODZlMi1mYTMxMzQ5NzdmMWMuanBnIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.VnKYmU_gLkhsrLv24MGxbNKoosfdStcNqneV8CmD9o4');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/valheim\") {\n\t/*Valheim*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp8599076.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/darksouls2\") {\n\t/*DarkSouls2*/\n\tbody::before {\n\t\tbackground-image: url('https://cdn.wallpapersafari.com/75/54/h2igPl.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/witcher2\") {\n\t/*Witcher2*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3291282.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/metalgearsolidvtpp\") {\n\t/*ThePhantomPain*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/4125603.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/nomanssky\") {\n\t/*NoMansSky*/\n\tbody::before {\n\t\tbackground-image: url('https://www.teahub.io/photos/full/70-704953_no-mans-sky-next-4k.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/dragonsdogma\") {\n\t/*DragonsDogma*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/364376.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/xcom\") {\n\t/*X-Com*/\n\tbody::before {\n\t\tbackground-image: url('https://vistapointe.net/images/xcom-enemy-unknown-11.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/xcom2\") {\n\t/*X-Com2*/\n\tbody::before {\n\t\tbackground-image: url('https://images2.alphacoders.com/668/thumb-1920-668202.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/kotor\") {\n\t/*KnightOfTheOldRepublic*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/467182.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/mbwarband\") {\n\t/*Warband*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/3206100.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/7daystodie\") {\n\t/*7D2D*/\n\tbody::before {\n\t\tbackground-image: url('https://images4.alphacoders.com/709/thumb-1920-709973.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/darksouls3\") {\n\t/*DarkSouls3*/\n\tbody::before {\n\t\tbackground-image: url('https://images5.alphacoders.com/609/609173.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/stateofdecay\") {\n\t/*StateOfDecay*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/2192288.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/sekiro\") {\n\t/*Sekiro*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/1146370.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/pathfinderkingmaker\") {\n\t/*PathfinderKingmaker*/\n\tbody::before {\n\t\tbackground-image: url('https://wallup.net/wp-content/uploads/2017/05/29/434508-fantasy_art-artwork-Pathfinder.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/borderlands2\") {\n\t/*Borderlands2*/\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/wallpapers/borderlands-2-4k-g6.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/kenshi\") {\n\t/*Kenshi*/\n\tbody::before {\n\t\tbackground-image: url('https://images3.alphacoders.com/113/thumb-1920-1131614.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/divinityoriginalsin2\") {\n\t/*DivinityOriginalSin*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3622645.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/dyinglight\") {\n\t/*DyingLight*/\n\tbody::before {\n\t\tbackground-image: url('https://images2.alphacoders.com/449/thumb-1920-449053.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/dyinglight2\") {\n\t/*DyingLight2*/\n\t:root {\n\t\t--theme-primary: rgb(255, 2, 9);\n\t\t--theme-primary-translucent: rgba(255, 2, 9, .85);\n\t\t--theme-secondary: rgb(192, 10, 14);\n\t\t--theme-dark: rgb(127, 7, 10);\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://i.imgur.com/BfMpm5o.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/reddeadredemption2\") {\n\t/*RDR2*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/677565.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/rimworld\") {\n\t/*RimWorld*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3935722.png');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/darksoulsremastered\") {\n\t/*DarkSoulsRemastered*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3756449.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/doometernal\") {\n\t/*DoomEternal*/\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/i7oo37p28fb41.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/devilmaycry5\") {\n\t/*DevilMayCry5*/\n\tbody::before {\n\t\tbackground-image: url('https://i.imgur.com/ELsSrGK.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/thesims4\") {\n\t/*TheSims4*/\n\tbody::before {\n\t\tbackground-image: url('https://i.imgur.com/W2EPdqD.png');\n\t}/*My friend built auschwitz in sims 4*/\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/assassinscreed\") {\n\t/*AC1*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/6364321.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/assassinscreedodyssey\") {\n\t/*ACOdyssey*/\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/download/assassins-creed-odyssey-8k-nt-7680x4320.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/gtasanandreas\") {\n\t/*GTA:SA*/\n\tbody::before {\n\t\tbackground-image: url('https://images2.alphacoders.com/112/thumb-1920-1125180.png');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/grandtheftautothetrilogy\") {\n\t/*GTATrilogy*/\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/w0n7em07das71.png');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/subnauticabelowzero\") {\n\t/*SubnauticaBelowZero*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3753691.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/starwarsjedifallenorder\") {\n\t/*SWJediTheFallerOrder*/\n\tbody::before {\n\t\tbackground-image: url('https://www.teahub.io/photos/full/55-557442_star-wars-jedi-fallen-order-4k-star-wars.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/stateofdecay2\") {\n\t/*StateOfDecay2*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpapercave.com/wp/wp3024592.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/farcry3\") {\n\t/*FC3*/\n\tbody::before {\n\t\tbackground-image: url('https://staticctf.akamaized.net/J3yJr34U2pZ2Ieem48Dwy9uqj5PNUQTn/7mt4mi2lLVpiZe0dDJLvhj/35e6267a0fbca6dbe33996bee5b6d028/far-cry-3-heroBanner.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/daysgone\") {\n\t/*DaysGone*/\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/wallpapers/days-gone-2019-4k-gs.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/baldursgate3\") {\n\t/*BaldursGate3*/\n\tbody::before {\n\t\tbackground-image: url('https://preview.redd.it/i1cg1etlaicb1.jpg?width=5120&format=pjpg&auto=webp&s=2cdea0bc5003f1e2edb7737c3c20ec475d93890b');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/halothemasterchiefcollection\") {\n\t/*HaloTheMasterChiefCollection*/\n\tbody::before {\n\t\tbackground-image: url('https://wallpaperaccess.com/full/510278.jpg');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/readyornot\") {\n\t/*ReadyOrNot*/\n\t:root {\n\t\t--theme-primary: rgb(255, 255, 255);\n\t\t--theme-primary-translucent: rgba(255, 255, 255, .85);\n\t\t--theme-secondary: rgb(200, 200, 200);\n\t\t--theme-dark: rgb(139, 139, 139);\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://get.wallhere.com/photo/Ready-or-Not-police-SWAT-FN-SCAR-1599523.jpg');\n\t}\n\t\n\t.headlogo svg g:nth-of-type(1) g path[style*=\"fill:#fff\"] {\n\t\tfill: #000 !important;\n\t}\n\t.headlogo svg g:nth-of-type(2) path[class=\"theme-primary\"] {\n\t\tfilter: drop-shadow(0 0 2em #f00);\n\t}\n\t[d=\"M44.4,162.5c-0.6,0-1.3,0-1.9-0.1c-1.5-0.2-2.9-0.5-4.5-1c-2.8-0.9-5.2-2.2-6.9-3.2c-3.8-2.2-7.7-4.9-11.8-8.3 c-1.8-1.5-3.6-3.1-5.3-4.7l-1.4-1.4c-1-0.9-1.9-1.9-2.6-3c-1.3-2-2.4-4.6-2.5-8c-0.1-1.1-0.2-2.2-0.2-3.4c0-2.4,0.1-5,0.5-7.5 c0.7-5.2,2.4-9.8,3.7-13.3c0.1-0.3,0.2-0.6,0.3-0.9c-0.4-0.9-0.7-1.9-1.1-2.9C8.9,99.6,7.7,93.8,7.1,88 c-0.6-6.1-0.4-12.3,0.5-18.4c0.2-1.3,0.4-2.6,0.7-3.8C5.9,62.3,2.9,57.3,1,51.5l0-0.1c-0.4-1.2-1.4-4.2-0.8-8 c0.2-1.4,0.5-2.8,1-4.3c0.9-2.8,2.2-5.1,3.2-6.8c2.2-3.8,4.9-7.6,8.2-11.7c1.5-1.8,3-3.6,4.6-5.2l1.4-1.4 c0.7-0.8,1.5-1.5,2.4-2.1c2-1.5,4.8-2.8,8.6-2.9c1.2-0.1,2.5-0.2,3.8-0.2h0.1c2.5,0,5.2,0.2,7.8,0.6c4,0.6,7.6,1.7,10.8,2.9 c2.1-0.9,4.3-1.7,6.6-2.5C64.1,8,69.9,6.8,75.7,6.4C81.8,5.9,88,6.2,93.9,7.2c1.4,0.2,2.8,0.5,4.2,0.8c4.7-3.2,9-5.5,13.5-6.9 l0.1,0c1-0.4,3.2-1.1,6.1-1.1c0.6,0,1.3,0,1.9,0.1c1.5,0.2,2.9,0.5,4.5,1c2.8,0.9,5.2,2.2,6.9,3.2c3.8,2.2,7.7,4.9,11.8,8.3 c1.8,1.5,3.6,3.1,5.3,4.7l1.4,1.4c0.7,0.6,1.4,1.3,1.9,2.1c1.8,2.3,3.2,5.6,3.3,10.2c0.1,1.6,0.1,3.3,0,5 c-0.2,3.7-0.7,7.2-1.6,10.4c-0.7,2.4-1.5,4.8-2.4,7.2c1.8,4.5,3.1,9.1,4,13.8c1.8,9.9,1.6,20.1-0.6,29.9c1.3,1.9,2.5,3.7,3.5,5.5 c1.7,3,3.1,6.1,4.1,9.3c0.4,1.2,1.3,4.2,0.7,8.2c-0.2,1.4-0.6,2.7-1.1,4.2c-1.8,5.1-4.6,9.3-7.1,12.8c-2.7,3.8-5.8,7.5-9,10.9 l-1.2,1.2c-0.7,0.8-1.5,1.5-2.4,2.2c-2,1.5-4.8,2.7-8.6,2.9c-1.2,0.1-2.5,0.2-3.8,0.2h-0.1c-2.7,0-5.4-0.2-8.2-0.7 c-4.5-0.7-8.5-2.1-12.1-3.5c-1.9,0.8-3.9,1.5-5.8,2.1c-5.6,1.7-11.5,2.8-17.4,3.1c-6.1,0.4-12.3-0.1-18.3-1.2 c-0.7-0.1-1.5-0.3-2.2-0.4c-5.2,3.7-9.8,6.1-14.6,7.7l-0.1,0C49.5,161.7,47.3,162.5,44.4,162.5L44.4,162.5z M24.6,134.1l10.6,3.7 c0.9-2.6,1-5.4,0.4-8c0,0.2,0,0.5,0.1,0.7c0,0.3,0.1,0.7,0.1,1.1c-0.1-2-0.8-4.6-2.6-7c-0.7-0.9-1.5-1.7-2.4-2.4l0.5,0.4l0.9,0.9 c-0.8-0.8-1.7-1.6-2.7-2.3L24.6,134.1L24.6,134.1z M123.7,129.4c-0.8,0.8-1.6,1.6-2.3,2.7l11.9,4.6l0-11.1c0,0,0,0,0,0 c-1.1,0-2.2,0.1-3.2,0.4c0.2,0,0.4,0,0.6,0c0.3,0,0.7-0.1,1.1-0.1c-1.8,0.1-4.2,0.7-6.4,2.1c-1.2,0.8-2.2,1.7-3.1,2.9l0.4-0.5 L123.7,129.4L123.7,129.4z M35.8,126.8c0.5,0.4,1,0.8,1.5,1.3c2.6,2.2,5,3.9,7.2,5.2c1.4-0.7,3-1.7,4.7-3 c0.5-0.3,0.9-0.7,1.4-1.1c0.3-0.2,0.5-0.5,0.8-0.7c0.1-0.1,0.3-0.3,0.4-0.4l6.2-6.3l8.4,2.9c0.3,0.1,0.6,0.2,0.8,0.3 c1.8,0.6,3.6,1,5.4,1.4c3.7,0.7,7.6,1,11.4,0.7c3.6-0.2,7.3-0.9,10.7-1.9c1.7-0.5,3.4-1.1,5-1.9c0.8-0.3,1.6-0.7,2.3-1.1 c2-1,4.3-1.6,6.6-1.6c3.6,0,6.3,1.3,7.6,2c0.4,0.2,0.8,0.4,1.3,0.5c2.5,1,5.4,2.2,8,2.6c0.4,0.1,0.9,0.1,1.3,0.2 c1.5-1.7,2.9-3.5,4.2-5.3c0.8-1.1,1.6-2.2,2.3-3.3c-0.1-0.2-0.2-0.4-0.4-0.7c-0.7-1.2-1.5-2.4-2.5-3.9c-0.3-0.5-0.7-0.9-1.1-1.4 c-0.2-0.2-0.3-0.4-0.5-0.6c-4.1-4-5.5-9.7-3.6-15.1c0.1-0.3,0.2-0.6,0.3-0.8c2.3-7.2,2.7-14.9,1.4-22.3c-0.7-3.5-1.7-7-3.2-10.3 c-0.1-0.3-0.3-0.6-0.4-0.9c-3.3-6.1-1.9-11.3-0.7-13.8c0.5-1,0.9-2.1,1.3-3.1c0.8-1.9,1.4-3.9,2-5.7c0.2-0.9,0.4-1.8,0.5-2.9 c-0.5-0.4-1-0.8-1.5-1.3c-2.7-2.2-5-3.9-7.2-5.2c-1.4,0.8-3,1.8-4.8,3c-0.5,0.4-1,0.8-1.5,1.2c-0.1,0.1-0.3,0.2-0.4,0.4 c-2.7,2.6-6.3,4-10,4c-1.8,0-3.5-0.3-5.2-1c-0.4-0.1-0.8-0.3-1.2-0.4c-1.8-0.5-3.6-1-5.5-1.3c-3.7-0.6-7.6-0.8-11.4-0.5 c-3.6,0.3-7.2,1-10.6,2.1c-1.7,0.5-3.3,1.2-4.9,1.9c-0.8,0.3-1.5,0.7-2.3,1.1L59.5,40c-2.1,1.2-4.6,1.8-7,1.8 c-2.2,0-4.4-0.5-6.5-1.5c-0.5-0.2-0.9-0.4-1.4-0.6c-2.4-1-5.3-2.1-7.8-2.4c-0.4-0.1-0.8-0.1-1.1-0.2c-0.4,0.5-0.8,1-1.2,1.4 c-2.2,2.7-3.9,5-5.2,7.3c0.7,1.4,1.7,2.9,2.9,4.7c0.3,0.5,0.7,1,1.1,1.4c0.2,0.3,0.5,0.5,0.7,0.8l5.8,6.1l-2.5,8 c-0.2,0.5-0.3,1-0.5,1.5c-0.5,1.8-0.9,3.7-1.2,5.6c-0.6,3.8-0.7,7.6-0.3,11.5c0.3,3.6,1.1,7.2,2.3,10.6c0.6,1.7,1.3,3.3,2,4.9 c0.1,0.2,0.2,0.4,0.3,0.6c2.1,4.3,2.1,9.1-0.1,13.4c-0.2,0.4-0.4,0.8-0.5,1.2c-0.4,1-0.9,2-1.3,3c-0.8,2.2-1.8,4.8-2.1,7.1 C35.9,126.3,35.8,126.6,35.8,126.8L35.8,126.8z M129.9,38.8c0.8,0.8,1.7,1.6,2.8,2.4l4.9-12.9L127,24.6c-0.9,2.6-1,5.4-0.4,8 c0-0.1,0-0.2,0-0.3c0-0.3,0-0.8,0-1.3v-0.1c0,1.5,0.5,4,2.1,6.4c0.8,1.1,1.7,2.1,2.8,3l-0.5-0.4L129.9,38.8L129.9,38.8z M29.3,26.3l0,11.1c1.1,0,2.2-0.1,3.2-0.4c-0.2,0-0.4,0-0.6,0c-0.3,0-0.7,0.1-1.1,0.1c1.8-0.1,4.2-0.7,6.4-2.1 c1.2-0.8,2.2-1.7,3.1-2.9l-0.4,0.5l-0.9,1c0.8-0.8,1.6-1.7,2.3-2.7L29.3,26.3L29.3,26.3z\"] {\n\t\tfill: rgb(255, 255, 255) !important;\n\t}\n\t.article-image ul.post-meta a, ul.post-meta a.post-category, ul.post-meta a.post-category:hover, a.post-category, div.container a.post-category, a.post-category:hover, .tabcontent a.btn, .add-file .info.error p a, .add-file .info.warning p a, div.container a:hover, ul.actions .btn, div.container a.btn, .tiles li .tile-content h3 a, a.theme-link:hover, a.theme-link:focus, div.container .expandtile a, #rj-sitemap ul li a.rj-standard-button, #rj-back-to-top.rj-hug-footer, .rj-user-nav a.rj-upload:hover, .bubble, i.fa.fa-chevron-up, .rj-vortex-button:hover, span.alert, .rj-standard-button, .page-layout .donation-wrapper form input[type=submit], .notification-indicator, .notification-preferences-body input:checked + .notification-preference-slider:before, .rj-btn.rj-btn-standard, .rj-btn:hover, .tiles .btnexpand ul li a, .tiles .view-label, a.btn, .btn, .btn:visited, .sideitem ul.tags + a.btn:hover, .modpage .sideitem a.btnsmall, .mfp-close, .title-with-pip .pip, .add-game-button, .page-layout .table table tfoot a.rj-btn[id=\"fastDownloadButton\"]{\n\t\tcolor: #000;\n\t}\n\tul.btnexpand svg {\n\t\tfill: #fff;\n\t}\n\tul.add-process li.current a, ul.add-process li.complete a, .category-item a:hover .category-name, .btn, div.container .btn a {\n\t\tcolor: #1a1a1a;\n\t}\n\tul.btnexpand:hover svg, .drop-down>.btn .icon, .icon-track, .icon-manual, .btnexpand:hover .icon-plus, .accordion dt .acc-status .icon-arrow, .fake-accordion .acc-status .icon-arrow, .icon-archive, .tile-menu svg, .icon-discussion, .icon-comment, .icon-report, .icon-nmm, .icon-plus, .icon-share, ul.btnexpand:hover svg {\n\t\tfill: #000;\n\t}\n\t[src=\"/assets/images/white_vortex.svg\"] {\n\t\tfilter: invert(1);\n\t}\n\t.rj-user-nav a.rj-upload:hover {\n\t\ttext-shadow: 0 0 4px #f00;\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/godofwar\") {\n\t/*GOW2018*/\n\t:root {\n\t\t--theme-primary: rgb(146, 41, 41);\n\t\t--theme-primary-translucent: rgba(146, 41, 41, .85);\n\t\t--theme-secondary: rgb(146, 11, 11);\n\t\t--theme-dark: rgb(102, 0, 0);\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://preview.redd.it/2mwwj73iv2211.png?auto=webp&s=9ae78d1f9180eae9f3f8b523426779d3882a900f');\n\t}\n\t\n\t.headlogo svg > g:nth-of-type(1) {\n\t\tvisibility: hidden;\n\t}\n\t#head.new-head .headlogo>div {\n\t\tposition: relative;\n\t}\n\t#head.new-head .headlogo>div::before {\n\t\tcontent: '';\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tposition: absolute;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\ttop: 0;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tbackground-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/14205259-3456-4d74-8583-1a0f2736b41c/dep78an-b527a6b3-d07d-4c4f-818f-e8bc5b300a75.png/v1/fill/w_1280,h_1114,strp/omega_symbol__god_of_war_2018__by_rootofalllight_dep78an-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTExNCIsInBhdGgiOiJcL2ZcLzE0MjA1MjU5LTM0NTYtNGQ3NC04NTgzLTFhMGYyNzM2YjQxY1wvZGVwNzhhbi1iNTI3YTZiMy1kMDdkLTRjNGYtODE4Zi1lOGJjNWIzMDBhNzUucG5nIiwid2lkdGgiOiI8PTEyODAifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.P4cY0Aojx7CqO43MfTr6mNMRAldo4eFeClvd9Pm6A78');\n\t\tbackground-size: 35px;\n\t\tbackground-position: center;\n\t\tbackground-position-x: 0;\n\t\tbackground-position-y: .75em;\n\t\tbackground-repeat: no-repeat;\n\t\tfilter: drop-shadow(2px 2px 0 black) drop-shadow(-1px -1px 0 black);\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/eldenring\") {\n\t/*EldenRing*/\n\t:root {\n\t\t--theme-primary: rgb(213, 173, 62);\n\t\t--theme-primary-translucent: rgba(213, 173, 62, .85);\n\t\t--theme-secondary: rgb(179, 159, 49);\n\t\t--theme-dark: rgb(164, 141, 14);\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://preview.redd.it/u7kjl5fh92571.png?auto=webp&s=3d20aa293bd80d31880d81cdf7ad4b4a0a8df6fd');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/hogwartslegacy\") {\n\t/*HogwartsLegacy*/\n\t:root {\n\t\t--theme-primary: rgb(213, 173, 62);\n\t\t--theme-primary-translucent: rgba(213, 173, 62, .85);\n\t\t--theme-secondary: rgb(179, 159, 49);\n\t\t--theme-dark: rgb(164, 141, 14);\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://i.redd.it/potn7vwaxyj91.png');\n\t}\n}\n\n@-moz-document url-prefix(\"https://www.nexusmods.com/atomicheart\") {\n\t/*AtomicHeart*/\n\t:root {\n\t\t--theme-primary: rgb(191, 0, 0);\n\t\t--theme-primary-translucent: rgba(191, 0, 0, .85);\n\t\t--theme-secondary: rgb(153, 0, 0);\n\t\t--theme-dark: rgb(123, 7, 7);\n\t}\n\t\n\tbody::before {\n\t\tbackground-image: url('https://images.hdqwalls.com/wallpapers/atomic-heart-eb.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/residentevil4\") {\n\t/*RE4*/\n\t:root {\n\t\t--theme-primary: rgb(233, 33, 17);\n\t\t--theme-primary-translucent: rgba(232, 32, 17, .85);\n\t\t--theme-secondary: rgb(172, 46, 35);\n\t\t--theme-dark: rgb(132, 23, 15);\n\t}\n\tbody::before {\n\t\tbackground-image: url('https://images3.alphacoders.com/594/thumb-1920-594233.jpg');\n\t}\n}\n@-moz-document url-prefix(\"https://www.nexusmods.com/residentevil42023\") {\n\t/*RE4Remake*/\n\t:root {\n\t\t--theme-primary: rgb(233, 33, 17);\n\t\t--theme-primary-translucent: rgba(232, 32, 17, .85);\n\t\t--theme-secondary: rgb(172, 46, 35);\n\t\t--theme-dark: rgb(132, 23, 15);\n\t}\n\tbody::before {\n\t\tbackground-image: url('https://i.imgur.com/V7Udti6.jpeg');\n\t}\n}", "usercssData": { "name": "NexusMods Overhaul", "namespace": "github.com/blyad2137/nexusmods-overhaul", - "version": "1.1.4", + "version": "1.1.5", "description": "Overhauls look of nexusmods to be more 'modern', from lack of better word.", "author": "blyad (https://github.com/blyad2137)", "license": "CC BY-NC-SA 4.0", @@ -211,15 +151,15 @@ "author": "blyad (https://github.com/blyad2137)", "description": "Overhauls look of nexusmods to be more 'modern', from lack of better word.", "name": "NexusMods Overhaul", - "originalDigest": "414ccc22015d07fe7ce5caf957ec7d42871e2497", + "originalDigest": "0dcd705f1d04e2d07991f300071797a047c1707d", "_id": "9f667c49-c102-4566-8eee-9db901b54f0a", - "_rev": 1690480158053, + "_rev": 1692446688887, "installationUrl": "https://userstyles.world/style/925", "id": 25, - "updateDate": 1690480154778 + "updateDate": 1692446688883 }, { - "enabled": false, + "enabled": true, "installDate": 1684682185389, "sections": [ { @@ -227,7 +167,7 @@ } ], "customName": "Twitter Catppuccin", - "sourceCode": "/* ==UserStyle==\n@name twitter.com - 5/21/2023, 5:15:08 PM\n@namespace github.com/openstyles/stylus\n@version 1.0.0\n@description A new userstyle\n@author Me\n==/UserStyle== */\n\n@-moz-document url-prefix(\"https://twitter.com\") {\n /* Twitter Catppuccin Mocha Blue */\n /* Page Main Background */\n :root {\n --base: #24273a;\n --mantle: #1e2030;\n --accent: #b7bdf8;\n }\n \n main,\n header {\n background-color: var(--base);\n }\n /* I don't want twitter blue, thank you very much */\n [aria-label=\"Twitter Blue\"] {\n display: none;\n }\n /* Tweets Style */\n .r-kemksi {\n background-color: var(--mantle);\n }\n .r-5zmot {\n background-color: rgba(36, 39, 58, 0.5);\n }\n /* Buttons */\n .r-l5o3uw,\n .r-1vtznih {\n background-color: var(--accent);\n }\n /* Links or/and clickable */\n .r-1cvl2hr {\n color: var(--accent);\n }\n /* idk the boxes on the left */\n .r-g2wdr4 {\n background-color: var(--mantle);\n }\n /* Search Box */\n .r-42olwf {\n border-color: var(--mantle);\n }\n /* Epic border colors */\n .r-vhj8yc {\n border-color: var(--accent)\n }\n }", + "sourceCode": "/* ==UserStyle==\n@name twitter.com - 5/21/2023, 5:15:08 PM\n@namespace github.com/openstyles/stylus\n@version 1.0.0\n@description A new userstyle\n@author Me\n==/UserStyle== */\n\n@-moz-document url-prefix(\"https://twitter.com\") {\n /* Twitter Catppuccin Mocha Blue */\n /* Page Main Background */\n :root {\n --base: #24273a;\n --mantle: #1e2030;\n --accent: #b7bdf8;\n }\n \n main,\n header {\n background-color: var(--base);\n }\n /* I don't want twitter blue, thank you very much */\n [aria-label=\"Twitter Blue\"] {\n display: none;\n }\n /* Tweets Style */\n .r-kemksi {\n background-color: var(--mantle);\n }\n .r-5zmot {\n background-color: rgba(36, 39, 58, 0.5);\n }\n \n \n \n /* Buttons */\n .r-l5o3uw,\n .r-1vtznih {\n background-color: var(--accent);\n }\n /* Links or/and clickable */\n .r-1cvl2hr {\n color: var(--accent);\n }\n /* idk the boxes on the left */\n .r-g2wdr4 {\n background-color: var(--mantle);\n }\n /* Search Box */\n .r-42olwf {\n border-color: var(--mantle);\n }\n /* Epic border colors */\n .r-vhj8yc {\n border-color: var(--accent)\n }\n /* Let's restore THE BIRD, shall we? */\n\n a[href=\"/home\"] > div > svg,\n div[data-testid=\"cellInnerDiv\"] svg.r-13v1u17, \n #placeholder > svg,\n div[data-testid=\"TopNavBar\"] svg\n { /* Restore it in the menu */\n fill: transparent !important;\n background-color: var(--accent) !important;\n /* Let the bird be reformed from the ashes */\n -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' aria-hidden='true'%3E%3Cg%3E%3Cpath d='M23.643 4.937c-.835.37-1.732.62-2.675.733.962-.576 1.7-1.49 2.048-2.578-.9.534-1.897.922-2.958 1.13-.85-.904-2.06-1.47-3.4-1.47-2.572 0-4.658 2.086-4.658 4.66 0 .364.042.718.12 1.06-3.873-.195-7.304-2.05-9.602-4.868-.4.69-.63 1.49-.63 2.342 0 1.616.823 3.043 2.072 3.878-.764-.025-1.482-.234-2.11-.583v.06c0 2.257 1.605 4.14 3.737 4.568-.392.106-.803.162-1.227.162-.3 0-.593-.028-.877-.082.593 1.85 2.313 3.198 4.352 3.234-1.595 1.25-3.604 1.995-5.786 1.995-.376 0-.747-.022-1.112-.065 2.062 1.323 4.51 2.093 7.14 2.093 8.57 0 13.255-7.098 13.255-13.254 0-.2-.005-.402-.014-.602.91-.658 1.7-1.477 2.323-2.41z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E\");\n -webkit-mask-repeat: no-repeat;\n }\n /* Center the bird in the menu */\n a[href=\"/home\"] > div > svg\n {\n -webkit-mask-position: 9px 0;\n }\n /* Change the color of the bird */\n #placeholder > svg\n {\n background: var(--accent) !important;\n }\n \n }", "usercssData": { "name": "twitter.com - 5/21/2023, 5:15:08 PM", "namespace": "github.com/openstyles/stylus", @@ -238,9 +178,9 @@ "author": "Me", "description": "A new userstyle", "name": "twitter.com - 5/21/2023, 5:15:08 PM", - "updateDate": 1684682341055, + "updateDate": 1694012975572, "_id": "6e371880-1d6c-407c-8fef-c2e67bb2a67f", - "_rev": 1690803838071, + "_rev": 1694012975572, "id": 33 }, { @@ -564,27 +504,58 @@ { "enabled": true, "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/vercel/catppuccin.user.css", + "url": "https://github.com/catppuccin/userstyles/tree/main/styles/vercel", "installDate": 1690105710610, "sections": [ { "code": "" } ], - "sourceCode": "/* ==UserStyle==\n@name Vercel Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/vercel\n@version 0.0.4\n@description Soothing pastel theme for Vercel\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/vercel/catppuccin.user.css\n@license \t\t MIT\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */\n@-moz-document domain(\"vercel.com\") {\n :root {\n #catppuccin(@flavor);\n }\n\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n };\n\n #catppuccin(@lookup) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n\n --geist-foreground: @text;\n --geist-background: @mantle;\n --accents-1: @base;\n --accents-2: @surface0;\n --accents-3: @surface1;\n --accents-4: @surface2;\n --accents-5: @overlay0;\n --accents-6: @overlay1;\n --accents-7: @overlay2;\n --accents-8: @subtext0;\n --geist-link-color: @rosewater;\n --geist-selection: @subtext0;\n --geist-success: @blue;\n --geist-error: @red;\n --geist-cyan: @teal;\n\n --ds-background-100: @base;\n --ds-background-200: @surface0;\n --ds-gray-100: @base;\n --ds-gray-200: @surface0;\n --ds-gray-300: @surface1;\n --ds-gray-1000: @text;\n --ds-gray-900: @subtext0;\n --ds-gray-800: @subtext1;\n\n --ds-red-800: @red;\n --ds-red-900: lighten(@red, 5%);\n\n svg {\n --geist-stroke: var(--geist-background) !important;\n }\n }\n}\n", + "sourceCode": "/* ==UserStyle==\n@name Vercel Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/vercel\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/vercel\n@version 0.0.5\n@description Soothing pastel theme for Vercel\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/vercel/catppuccin.user.css\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */\n@-moz-document domain(\"vercel.com\") {\n :root.dark-theme {\n #catppuccin(@darkFlavor);\n }\n :root.light-theme {\n #catppuccin(@lightFlavor);\n }\n\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n };\n\n #catppuccin(@lookup) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n\n --geist-foreground: @text;\n --geist-background: @mantle;\n --accents-1: @base;\n --accents-2: @surface0;\n --accents-3: @surface1;\n --accents-4: @surface2;\n --accents-5: @overlay0;\n --accents-6: @overlay1;\n --accents-7: @overlay2;\n --accents-8: @subtext0;\n --geist-link-color: @rosewater;\n --geist-selection: @subtext0;\n --geist-success: @blue;\n --geist-error: @red;\n --geist-cyan: @teal;\n\n --ds-background-100: @base;\n --ds-background-200: @surface0;\n --ds-gray-100: @base;\n --ds-gray-200: @surface0;\n --ds-gray-300: @surface1;\n --ds-gray-1000: @text;\n --ds-gray-900: @subtext0;\n --ds-gray-800: @subtext1;\n\n --ds-red-800: @red;\n --ds-red-900: lighten(@red, 5%);\n\n svg {\n --geist-stroke: var(--geist-background) !important;\n }\n\n .card-grid_card__S85BZ {\n background: linear-gradient(180deg, @base 0%, @crust 100%);\n &:hover {\n background: linear-gradient(180deg, @base 0%, @mantle 100%);\n }\n }\n }\n}\n", "usercssData": { "name": "Vercel Catppuccin", "namespace": "github.com/catppuccin/userstyles/styles/vercel", - "version": "0.0.4", + "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/vercel", + "version": "0.0.5", "description": "Soothing pastel theme for Vercel", "author": "Catppuccin", "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/vercel/catppuccin.user.css", "license": "MIT", "preprocessor": "less", "vars": { - "flavor": { + "lightFlavor": { "type": "select", - "label": "Flavor", - "name": "flavor", + "label": "Light Flavor", + "name": "lightFlavor", + "value": "macchiato", + "default": "latte", + "options": [ + { + "name": "latte", + "label": "Latte", + "value": "latte" + }, + { + "name": "frappe", + "label": "Frappe", + "value": "frappe" + }, + { + "name": "macchiato", + "label": "Macchiato", + "value": "macchiato" + }, + { + "name": "mocha", + "label": "Mocha", + "value": "mocha" + } + ] + }, + "darkFlavor": { + "type": "select", + "label": "Dark Flavor", + "name": "darkFlavor", "value": "macchiato", "default": "mocha", "options": [ @@ -615,11 +586,12 @@ "author": "Catppuccin", "description": "Soothing pastel theme for Vercel", "name": "Vercel Catppuccin", - "originalDigest": "f20c78dad4b3c6fe49dafa27739b1bf761223e02", + "originalDigest": "f4c545f20ff65907977e16b0b607ec6210615824", "_id": "ba326868-a3fe-430c-97fb-82968a9de57d", - "_rev": 1690105710610, + "_rev": 1696713099989, "id": 36, - "etag": "W/\"c8fd19307c7a1cba1a895dfdb6842431ab77ca842593f5250a387dc00ab12f5f\"" + "etag": "W/\"31fcb27459bd2d9c4e3081b8a044d95837d3984d33fd53b826a29ce8e2a8d3fb\"", + "updateDate": 1695404499543 }, { "enabled": true, @@ -771,7 +743,7 @@ "name": "WhatsApp Web Catppuccin", "originalDigest": "7e8209ff722f9687de32a55aed3d20c992250bb0", "_id": "f583e674-dc66-4e55-8f01-4fd979d1ecce", - "_rev": 1690480139808, + "_rev": 1696719437888, "id": 37, "etag": "W/\"195b898598041d5bd109590db09dbf754e10eb3919521b32aabde31ce10ff93a\"", "updateDate": 1690480127168 @@ -786,12 +758,12 @@ "code": "" } ], - "sourceCode": "/* ==UserStyle==\n@name ChatGPT Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/chatgpt\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/chatgpt\n@version 0.0.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.css\n@description Soothing pastel theme for ChatGPT\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */\n@-moz-document domain(\"chat.openai.com\") {\n\n .light body,\n .light html {\n #catppuccin(@lightFlavor);\n }\n\n :root,\n .dark body,\n .dark html {\n #catppuccin(@darkFlavor);\n }\n\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n }\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n }\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n }\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n }\n }\n\n #catppuccin(@lookup) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n\n /* Main page */\n div[class*=\"bg-gray-\"]:not([class*=\"bg-gray-900\"]):not([class*=\"bg-gray-700\"]):not(.bg-black .bg-gray-800),\n div[class*=\"bg-vert-dark-gradient\"] {\n background: @base !important;\n }\n\n /* Sidebar */\n div[class*=\"bg-gray-900\"] {\n background-color: @mantle !important;\n }\n\n .bg-gray-900 .bg-gray-800 {\n background-color: @surface0 !important;\n }\n\n .bg-gradient-to-l {\n background: none;\n }\n\n /* Upgrade Plan */\n .shim-yellow {\n display: none;\n }\n\n /* Search */\n div[class*=\"bg-gray-700\"] {\n background-color: @surface0 !important;\n }\n\n [class*=\"text-gray-\"],\n [class*=\"text-white\"]:not(.btn-primary .text-white) {\n color: @text !important;\n }\n\n div[class*=\"border-gray\"],\n div[class*=\"border-white\"] {\n border-color: @overlay0 !important;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: @overlay0;\n }\n\n input,\n textarea {\n color: @text;\n }\n\n [class*=\"bg-white/5\"] {\n background-color: @surface0 !important;\n }\n\n .px-3.py-3,\n .pt-3 {\n background: @mantle !important;\n }\n\n .px-3.py-3:hover {\n background: @base !important;\n }\n /* Bot messages */\n .prose {\n --tw-prose-body: @text !important;\n --tw-prose-bold: @text !important;\n --tw-prose-code: @text !important;\n --tw-prose-links: @text !important;\n --tw-prose-headings: @overlay1 !important;\n }\n\n .bg-black {\n background-color: @crust !important;\n }\n\n .bg-black .bg-gray-800 {\n background-color: @surface0 !important;\n }\n\n code.hljs,\n code[class*=\"language-\"],\n pre[class*=\"language-\"] {\n color: @text !important;\n }\n\n .btn-neutral {\n background-color: @surface1 !important;\n color: @text !important;\n }\n\n .btn-primary {\n background-color: @green !important;\n color: @crust !important;\n }\n\n .btn-primary .text-white {\n color: @crust !important;\n }\n\n .text-2xl {\n color: @text !important;\n }\n\n .dark [class*=\"bg-yellow-\"] {\n color: @crust !important;\n }\n\n .light [class*=\"bg-yellow-\"] {\n color: @text !important;\n }\n\n\n [class*=\"text-green\"] {\n color: @green !important;\n }\n }\n}\n", + "sourceCode": "/* ==UserStyle==\n@name ChatGPT Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/chatgpt\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/chatgpt\n@version 0.0.5\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.css\n@description Soothing pastel theme for ChatGPT\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */\n@-moz-document domain(\"chat.openai.com\") {\n @import url(\"https://unpkg.com/@catppuccin/highlightjs@0.1.2/css/catppuccin.variables.css\");\n\n .light body,\n .light html {\n #catppuccin(@lightFlavor);\n }\n\n :root,\n .dark body,\n .dark html {\n #catppuccin(@darkFlavor);\n }\n\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n };\n\n @color: white;\n #rgbify(@color) {\n @rgb-raw: red(@color), green(@color), blue(@color);\n }\n\n #catppuccin(@lookup) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n\n --ctp-rosewater: #rgbify(@rosewater) [];\n --ctp-flamingo: #rgbify(@flamingo) [];\n --ctp-pink: #rgbify(@pink) [];\n --ctp-mauve: #rgbify(@mauve) [];\n --ctp-red: #rgbify(@red) [];\n --ctp-maroon: #rgbify(@maroon) [];\n --ctp-peach: #rgbify(@peach) [];\n --ctp-yellow: #rgbify(@yellow) [];\n --ctp-green: #rgbify(@green) [];\n --ctp-teal: #rgbify(@teal) [];\n --ctp-sky: #rgbify(@sky) [];\n --ctp-sapphire: #rgbify(@sapphire) [];\n --ctp-blue: #rgbify(@blue) [];\n --ctp-lavender: #rgbify(@lavender) [];\n --ctp-text: #rgbify(@text) [];\n --ctp-subtext1: #rgbify(@subtext1) [];\n --ctp-subtext0: #rgbify(@subtext0) [];\n --ctp-overlay2: #rgbify(@overlay2) [];\n --ctp-overlay1: #rgbify(@overlay1) [];\n --ctp-overlay0: #rgbify(@overlay0) [];\n --ctp-surface2: #rgbify(@surface2) [];\n --ctp-surface1: #rgbify(@surface1) [];\n --ctp-surface0: #rgbify(@surface0) [];\n --ctp-base: #rgbify(@crust) [];\n --ctp-mantle: #rgbify(@mantle) [];\n --ctp-curst: #rgbify(@crust) [];\n\n /* Main page */\n div[class*=\"bg-gray-\"]:not([class*=\"bg-gray-900\"]):not(\n [class*=\"bg-gray-700\"]\n ):not(.bg-black .bg-gray-800),\n div[class*=\"bg-vert-dark-gradient\"] {\n background: @base !important;\n }\n\n /* Sidebar */\n div[class*=\"bg-gray-900\"] {\n background-color: @mantle !important;\n }\n\n .bg-gray-900 .bg-gray-800 {\n background-color: @surface0 !important;\n }\n\n .bg-gradient-to-l {\n background: none;\n }\n\n /* Upgrade Plan */\n .shim-yellow {\n display: none;\n }\n\n /* Search */\n div[class*=\"bg-gray-700\"] {\n background-color: if(@lookup = latte, @base, @surface0) !important;\n }\n\n [class*=\"text-gray-\"],\n [class*=\"text-white\"]:not(.btn-primary .text-white) {\n color: @text !important;\n }\n\n div[class*=\"border-gray\"],\n div[class*=\"border-white\"] {\n border-color: @overlay0 !important;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: @overlay0;\n }\n\n input,\n textarea {\n color: @text;\n }\n\n [class*=\"bg-white/5\"] {\n background-color: @surface0 !important;\n }\n\n .px-3.py-3,\n .pt-3 {\n background: @mantle !important;\n }\n\n .px-3.py-3:hover {\n background: @base !important;\n }\n /* Bot messages */\n .prose {\n --tw-prose-body: @text !important;\n --tw-prose-bold: @text !important;\n --tw-prose-code: @text !important;\n --tw-prose-links: @text !important;\n --tw-prose-headings: @overlay1 !important;\n }\n\n .bg-black {\n background-color: @crust !important;\n }\n\n .bg-black .bg-gray-800 {\n background-color: @surface0 !important;\n }\n\n code.hljs,\n code[class*=\"language-\"],\n pre[class*=\"language-\"] {\n color: @text !important;\n }\n\n /* Buttons */\n .btn-neutral {\n background-color: if(@lookup = latte, @base, @surface1) !important;\n color: @text !important;\n }\n\n .btn-primary {\n background-color: @green !important;\n color: @crust !important;\n }\n\n .btn-primary .text-white {\n color: @crust !important;\n }\n\n .btn-danger {\n background-color: @red !important;\n color: @crust !important;\n }\n\n .text-2xl {\n color: @text !important;\n }\n\n .dark [class*=\"bg-yellow-\"] {\n color: @crust !important;\n }\n\n .light [class*=\"bg-yellow-\"] {\n color: @text !important;\n }\n\n [class*=\"text-green\"] {\n color: @green !important;\n }\n\n .dark .dark\\:hover\\:bg-\\[\\#2A2B32\\]:hover {\n background-color: @surface0;\n }\n\n .dark .dark\\:bg-gray-900 {\n background-color: @mantle;\n }\n\n .dark .dark\\:bg-gray-800 {\n background-color: @surface0;\n }\n\n .dark .dark\\:hover\\:bg-gray-800:hover {\n background-color: @surface1;\n }\n\n .radix-state-active\\:bg-gray-800[data-state=\"active\"] {\n background-color: @surface0;\n }\n }\n}\n", "usercssData": { "name": "ChatGPT Catppuccin", "namespace": "github.com/catppuccin/userstyles/styles/chatgpt", "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/chatgpt", - "version": "0.0.1", + "version": "0.0.5", "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.css", "description": "Soothing pastel theme for ChatGPT", "author": "Catppuccin", @@ -861,11 +833,12 @@ "author": "Catppuccin", "description": "Soothing pastel theme for ChatGPT", "name": "ChatGPT Catppuccin", - "originalDigest": "2f8d50fdd399320a73b55faa274d0eb2220c7546", + "originalDigest": "2d42dcf2ad98acd48415434c8f7d26ecfbcaf525", "_id": "2b610ac1-f4cb-41f2-ac48-40652d932405", - "_rev": 1690182538652, + "_rev": 1696719448677, "id": 38, - "etag": "W/\"3994d284106d6cf94d9e0a04efcaa97cd9819d326ed8078aa0eba0b7c4a89017\"" + "etag": "W/\"fda6959af62c93e95febd3b5a399bec433b82947fef005ee5a90f0156798e2fa\"", + "updateDate": 1696156942910 }, { "enabled": true, @@ -947,12 +920,12 @@ "code": "" } ], - "sourceCode": "/* ==UserStyle==\n@name Github Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/github\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/github\n@version 1.2.2\n@description Soothing pastel theme for GitHub\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater*\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n@var checkbox topbar \"Topbar colors\" 1\n@var checkbox usefont \"Use Inter font\" 0\n==/UserStyle== */\n\n@catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n }\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n }\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n }\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n }\n}\n\n@-moz-document regexp(\"https:\\/\\/(gist\\.)*github\\.com(?!\\/(marketplace|organizations\\/plan)).*\") {\n\n [data-color-mode=\"auto\"][data-dark-theme*=\"light\"],\n [data-color-mode=\"light\"][data-light-theme*=\"dark\"],\n [data-color-mode=\"light\"][data-light-theme*=\"light\"] {\n #catppuccin(@lightFlavor, @accentColor);\n }\n [data-color-mode=\"dark\"][data-dark-theme*=\"dark\"],\n [data-color-mode=\"dark\"][data-dark-theme*=\"light\"],\n [data-color-mode=\"auto\"][data-dark-theme*=\"dark\"] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n #coloredButton(@name, @color) {\n --color-btn-@{name}-text: @base;\n --color-btn-@{name}-bg: @color;\n --color-btn-@{name}-border: transparent;\n --color-btn-@{name}-shadow: 0 0 transparent;\n --color-btn-@{name}-inset-shadow: 0 0 transparent;\n --color-btn-@{name}-hover-bg: mix(@color, @text, 30%);\n --color-btn-@{name}-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-@{name}-selected-bg: mix(@color, @text, 50%);\n --color-btn-@{name}-selected-shadow: 0 0 transparent;\n --color-btn-@{name}-disabled-text: @crust;\n --color-btn-@{name}-disabled-bg: mix(@color, @base, 60%);\n --color-btn-@{name}-disabled-border: transparent;\n --color-btn-@{name}-focus-bg: #238636;\n --color-btn-@{name}-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-@{name}-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);\n --color-btn-@{name}-icon: @base;\n --color-btn-@{name}-counter-bg: rgba(255, 255, 255, 0.2);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n &,\n & body {\n\t accent-color: @accent-color;\n --color-canvas-default-transparent: rgba(13, 17, 23, 0);\n --color-page-header-bg: @base;\n --color-marketing-icon-primary: @sky;\n --color-marketing-icon-secondary: @blue;\n --color-diff-blob-addition-num-text: @text;\n --color-diff-blob-addition-fg: @text;\n --color-diff-blob-addition-num-bg: fadeout(@green, 70%);\n --color-diff-blob-addition-line-bg: fadeout(@green, 85%);\n --color-diff-blob-addition-word-bg: fadeout(@green, 70%);\n --color-diff-blob-deletion-num-text: @text;\n --color-diff-blob-deletion-fg: @text;\n --color-diff-blob-deletion-num-bg: fadeout(@red, 70%);\n --color-diff-blob-deletion-line-bg: fadeout(@red, 85%);\n --color-diff-blob-deletion-word-bg: fadeout(@red, 70%);\n --color-diff-blob-hunk-num-bg: fadeout(@blue, 60%);\n --color-diff-blob-expander-icon: #8b949e;\n --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n --color-diffstat-deletion-border: rgba(240, 246, 252, 0.1);\n --color-diffstat-addition-border: rgba(240, 246, 252, 0.1);\n --color-diffstat-addition-bg: @green;\n --color-search-keyword-hl: rgba(210, 153, 34, 0.4);\n --color-prettylights-syntax-comment: @overlay1;\n --color-prettylights-syntax-constant: @blue;\n --color-prettylights-syntax-entity: @blue;\n --color-prettylights-syntax-storage-modifier-import: @peach;\n --color-prettylights-syntax-entity-tag: @teal;\n --color-prettylights-syntax-keyword: @pink;\n --color-prettylights-syntax-string: @green;\n --color-prettylights-syntax-variable: @peach;\n --color-prettylights-syntax-brackethighlighter-unmatched: #f0f;\n --color-prettylights-syntax-invalid-illegal-text: @red;\n --color-prettylights-syntax-invalid-illegal-bg: fadeout(@red, 85%);\n --color-prettylights-syntax-carriage-return-text: #f0f;\n --color-prettylights-syntax-carriage-return-bg: #f0f;\n --color-prettylights-syntax-string-regexp: #f0f;\n --color-prettylights-syntax-markup-list: #f0f;\n --color-prettylights-syntax-markup-heading: @teal;\n --color-prettylights-syntax-markup-italic: @yellow;\n --color-prettylights-syntax-markup-bold: @yellow;\n --color-prettylights-syntax-markup-deleted-text: @text;\n --color-prettylights-syntax-markup-deleted-bg: fadeout(@red, 60%);\n --color-prettylights-syntax-markup-inserted-text: @text;\n --color-prettylights-syntax-markup-inserted-bg: fadeout(@green, 60%);\n --color-prettylights-syntax-markup-changed-text: @text;\n --color-prettylights-syntax-markup-changed-bg: fadeout(@yellow, 60%);\n --color-prettylights-syntax-markup-ignored-text: @text;\n --color-prettylights-syntax-markup-ignored-bg: #f0f;\n --color-prettylights-syntax-meta-diff-range: @mauve;\n --color-prettylights-syntax-brackethighlighter-angle: #f0f;\n --color-prettylights-syntax-sublimelinter-gutter-mark: #f0f;\n --color-prettylights-syntax-constant-other-reference-link: #f0f;\n --color-codemirror-text: @text;\n --color-codemirror-bg: @base;\n --color-codemirror-gutters-bg: @base;\n --color-codemirror-guttermarker-text: @base;\n --color-codemirror-guttermarker-subtle-text: #6e7681;\n --color-codemirror-linenumber-text: #8b949e;\n --color-codemirror-cursor: #c9d1d9;\n --color-codemirror-selection-bg: rgba(56, 139, 253, 0.4);\n --color-codemirror-activeline-bg: rgba(110, 118, 129, 0.1);\n --color-codemirror-matchingbracket-text: #c9d1d9;\n --color-codemirror-lines-bg: @base;\n --color-codemirror-syntax-comment: #8b949e;\n --color-codemirror-syntax-constant: #79c0ff;\n --color-codemirror-syntax-entity: #d2a8ff;\n --color-codemirror-syntax-keyword: #ff7b72;\n --color-codemirror-syntax-storage: #ff7b72;\n --color-codemirror-syntax-string: #a5d6ff;\n --color-codemirror-syntax-support: #79c0ff;\n --color-codemirror-syntax-variable: #ffa657;\n --color-checks-bg: @mantle;\n --color-checks-run-border-width: 1px;\n --color-checks-container-border-width: 1px;\n --color-checks-text-primary: @text;\n --color-checks-text-secondary: @subtext1;\n --color-checks-text-link: @sapphire;\n --color-checks-btn-icon: @text;\n --color-checks-btn-hover-icon: @text;\n --color-checks-btn-hover-bg: @crust;\n --color-checks-input-text: @surface1;\n --color-checks-input-placeholder-text: @subtext1;\n --color-checks-input-focus-text: @text;\n --color-checks-input-bg: @surface0;\n --color-checks-input-shadow: 0 0 0 1px;\n --color-checks-donut-error: @red;\n --color-checks-donut-pending: @peach;\n --color-checks-donut-success: @green;\n --color-checks-donut-neutral: @overlay2;\n --color-checks-dropdown-text: @text;\n --color-checks-dropdown-bg: @surface0;\n --color-checks-dropdown-border: @surface1;\n --color-checks-dropdown-shadow: @crust;\n --color-checks-dropdown-hover-text: @subtext0;\n --color-checks-dropdown-hover-bg: @mantle;\n --color-checks-dropdown-btn-hover-text: @text;\n --color-checks-dropdown-btn-hover-bg: @mantle;\n --color-checks-scrollbar-thumb-bg: @mantle;\n --color-checks-header-label-text: @text;\n --color-checks-header-label-open-text: @accent-color;\n --color-checks-header-border: @surface0;\n --color-checks-header-icon: @text;\n --color-checks-line-text: @subtext0;\n --color-checks-line-num-text: @subtext0;\n --color-checks-line-timestamp-text: @subtext0;\n --color-checks-line-hover-bg: @surface0;\n --color-checks-line-selected-bg: @surface0;\n --color-checks-line-selected-num-text: #dc2286;\n --color-checks-line-dt-fm-text: #dc2286;\n --color-checks-line-dt-fm-bg: #dc2286;\n --color-checks-gate-bg: rgba(187, 128, 9, 0.15);\n --color-checks-gate-text: @text;\n --color-checks-gate-waiting-text: @yellow;\n --color-checks-step-header-open-bg: @surface0;\n --color-checks-step-error-text: @maroon;\n --color-checks-step-warning-text: @peach;\n --color-checks-logline-text: @text;\n --color-checks-logline-num-text: @text;\n --color-checks-logline-debug-text: @mauve;\n --color-checks-logline-error-text: @text;\n --color-checks-logline-error-num-text: @maroon;\n --color-checks-logline-error-bg: fadeout(@maroon, 85%);\n --color-checks-logline-warning-text: @subtext1;\n --color-checks-logline-warning-num-text: @peach;\n --color-checks-logline-warning-bg: fadeout(@peach, 85%);\n --color-checks-logline-command-text: @blue;\n --color-checks-logline-section-text: @green;\n --color-checks-ansi-black: @surface1;\n --color-checks-ansi-black-bright: @surface2;\n --color-checks-ansi-white: @subtext1;\n --color-checks-ansi-white-bright: @subtext0;\n --divider-color: @surface1;\n\n & when (@lookup =latte) {\n // When using a light theme use the light colors instead of the dark\n --color-checks-ansi-black: @subtext1;\n --color-checks-ansi-black-bright: @subtext0;\n --color-checks-ansi-white: @surface2;\n --color-checks-ansi-white-bright: @surface1;\n }\n\n --color-checks-ansi-gray: #f0f;\n --color-checks-ansi-red: @red;\n --color-checks-ansi-red-bright: @red;\n --color-checks-ansi-green: @green;\n --color-checks-ansi-green-bright: @green;\n --color-checks-ansi-yellow: @yellow;\n --color-checks-ansi-yellow-bright: @yellow;\n --color-checks-ansi-blue: @blue;\n --color-checks-ansi-blue-bright: @blue;\n --color-checks-ansi-magenta: @pink;\n --color-checks-ansi-magenta-bright: @pink;\n --color-checks-ansi-cyan: @teal;\n --color-checks-ansi-cyan-bright: @teal;\n --color-project-header-bg: #0d1117;\n --color-project-sidebar-bg: #161b22;\n --color-project-gradient-in: #161b22;\n --color-project-gradient-out: rgba(22, 27, 34, 0);\n --color-mktg-btn-bg: #f6f8fa;\n --color-mktg-btn-shadow-outline: rgb(255, 255, 255 / 25%) 0 0 0 1px inset;\n --color-mktg-btn-shadow-focus: rgb(255, 255, 255 / 25%) 0 0 0 4px;\n --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15),\n 0 100px 80px rgba(255, 255, 255, 0.02),\n 0 42px 33px rgba(255, 255, 255, 0.024),\n 0 22px 18px rgba(255, 255, 255, 0.028),\n 0 12px 10px rgba(255, 255, 255, 0.034),\n 0 7px 5px rgba(255, 255, 255, 0.04),\n 0 3px 2px rgba(255, 255, 255, 0.07);\n --color-mktg-btn-shadow-hover-muted: rgb(255, 255, 255) 0 0 0 2px inset;\n --color-avatar-bg: rgba(255, 255, 255, 0.1);\n --color-avatar-border: rgba(240, 246, 252, 0.1);\n --color-avatar-stack-fade: #30363d;\n --color-avatar-stack-fade-more: #21262d;\n --color-avatar-child-shadow: -2px -2px 0 #0d1117;\n --color-topic-tag-border: rgba(0, 0, 0, 0);\n --color-counter-border: rgba(0, 0, 0, 0);\n --color-select-menu-backdrop-border: #484f58;\n --color-select-menu-tap-highlight: rgba(48, 54, 61, 0.5);\n --color-select-menu-tap-focus-bg: #0c2d6b;\n --color-overlay-shadow: 0 0 0 1px #30363d,\n 0 16px 32px rgba(1, 4, 9, 0.85);\n --color-header-text: var(--subtext2);\n --color-header-bg: @base;\n\n & when (@topbar =1) {\n // If topbar is enabled then make the topbar color different\n --color-header-bg: @mantle;\n }\n\n --color-header-divider: #8b949e;\n --color-header-logo: @text;\n --color-header-search-bg: @surface0;\n --color-header-search-border: @surface1;\n --color-sidenav-selected-bg: @surface1;\n --color-menu-bg-active: @surface2;\n --color-input-disabled-bg: rgba(110, 118, 129, 0);\n --color-timeline-badge-bg: @surface0;\n --color-ansi-black: #484f58;\n --color-ansi-black-bright: #6e7681;\n --color-ansi-white: #b1bac4;\n --color-ansi-white-bright: #ffffff;\n --color-ansi-gray: #6e7681;\n --color-ansi-red: #ff7b72;\n --color-ansi-red-bright: #ffa198;\n --color-ansi-green: #3fb950;\n --color-ansi-green-bright: #56d364;\n --color-ansi-yellow: #d29922;\n --color-ansi-yellow-bright: #e3b341;\n --color-ansi-blue: #58a6ff;\n --color-ansi-blue-bright: #79c0ff;\n --color-ansi-magenta: #bc8cff;\n --color-ansi-magenta-bright: #d2a8ff;\n --color-ansi-cyan: #39c5cf;\n --color-ansi-cyan-bright: #56d4dd;\n --color-btn-text: @text;\n --color-btn-bg: @surface0;\n --color-btn-border: transparent;\n --color-btn-shadow: 0 0 transparent;\n --color-btn-inset-shadow: 0 0 transparent;\n --color-btn-hover-bg: @surface1;\n --color-btn-hover-border: transparent;\n --color-btn-active-bg: @surface2;\n --color-btn-active-border: transparent;\n --color-btn-selected-bg: @surface2;\n --color-btn-focus-bg: #21262d;\n --color-btn-focus-border: #8b949e;\n --color-btn-focus-shadow: 0 0 0 3px rgba(139, 148, 158, 0.3);\n --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1, 4, 9, 0.15);\n --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(31, 111, 235, 0.3);\n --color-btn-counter-bg: @surface2;\n #coloredButton(primary, @green);\n --color-btn-outline-text: #58a6ff;\n --color-btn-outline-hover-text: #58a6ff;\n --color-btn-outline-hover-bg: #30363d;\n --color-btn-outline-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-hover-shadow: 0 1px 0 rgba(1, 4, 9, 0.1);\n --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);\n --color-btn-outline-hover-counter-bg: rgba(255, 255, 255, 0.2);\n --color-btn-outline-selected-text: #ffffff;\n --color-btn-outline-selected-bg: #0d419d;\n --color-btn-outline-selected-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-selected-shadow: 0 0 transparent;\n --color-btn-outline-disabled-text: @subtext0;\n --color-btn-outline-disabled-bg: @surface2;\n --color-btn-outline-disabled-counter-bg: rgba(31, 111, 235, 0.05);\n --color-btn-outline-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-focus-shadow: 0 0 0 3px rgba(17, 88, 199, 0.4);\n --color-btn-outline-counter-bg: rgba(31, 111, 235, 0.1);\n #coloredButton(danger, @red);\n --color-underlinenav-icon: #6e7681;\n --color-underlinenav-border-hover: rgba(110, 118, 129, 0.4);\n --color-action-list-item-inline-divider: @surface2;\n --color-action-list-item-default-hover-bg: @surface0;\n --color-action-list-item-default-hover-border: rgba(0, 0, 0, 0);\n --color-action-list-item-default-active-bg: rgba(177, 186, 196, 0.2);\n --color-action-list-item-default-active-border: rgba(0, 0, 0, 0);\n --color-action-list-item-default-selected-bg: @surface1;\n --color-action-list-item-danger-hover-bg: rgba(248, 81, 73, 0.16);\n --color-action-list-item-danger-active-bg: rgba(248, 81, 73, 0.24);\n --color-action-list-item-danger-hover-text: #ff7b72;\n --color-switch-track-bg: #010409;\n --color-switch-track-border: #6e7681;\n --color-switch-track-checked-bg: rgba(31, 111, 235, 0.35);\n --color-switch-track-checked-hover-bg: rgba(31, 111, 235, 0.5);\n --color-switch-track-checked-active-bg: rgba(31, 111, 235, 0.65);\n --color-switch-track-checked-border: #58a6ff;\n --color-switch-knob-checked-bg: #1f6feb;\n --color-switch-knob-checked-disabled-bg: #484f58;\n --color-fg-default: @text;\n --color-fg-muted: @subtext1;\n --color-fg-subtle: @subtext1;\n --color-fg-on-emphasis: @base;\n --color-canvas-default: @base;\n --color-canvas-overlay: @mantle;\n --color-canvas-inset: @surface0;\n --color-canvas-subtle: @mantle;\n --color-border-default: @surface1;\n --color-border-muted: @surface0;\n --color-border-subtle: rgba(240, 246, 252, 0.1);\n --color-shadow-small: 0 0 transparent;\n --color-shadow-medium: 0 3px 6px @crust;\n --color-shadow-large: 0 8px 24px @crust;\n --color-shadow-extra-large: 0 12px 48px @crust;\n --color-neutral-emphasis-plus: @overlay0;\n --color-neutral-emphasis: @overlay2;\n --color-neutral-muted: rgba(110, 118, 129, 0.4);\n --color-neutral-subtle: rgba(110, 118, 129, 0.1);\n --color-accent-fg: @accent-color;\n --color-accent-emphasis: @accent-color;\n --color-accent-muted: fadeout(@accent-color, 60%);\n --color-accent-subtle: fadeout(@accent-color, 85%);\n --color-success-fg: @green;\n --color-success-emphasis: @green;\n --color-success-muted: rgba(46, 160, 67, 0.4);\n --color-success-subtle: rgba(46, 160, 67, 0.15);\n --color-attention-fg: @peach;\n --color-attention-emphasis: @peach;\n --color-attention-muted: rgba(187, 128, 9, 0.4);\n --color-attention-subtle: rgba(187, 128, 9, 0.15);\n --color-severe-fg: @maroon;\n --color-severe-emphasis: @maroon;\n --color-severe-muted: rgba(219, 109, 40, 0.4);\n --color-severe-subtle: rgba(219, 109, 40, 0.15);\n --color-danger-fg: @red;\n --color-danger-emphasis: @red;\n --color-danger-muted: rgba(248, 81, 73, 0.4);\n --color-danger-subtle: rgba(248, 81, 73, 0.15);\n --color-open-fg: @green;\n --color-open-emphasis: @green;\n --color-open-muted: rgba(46, 160, 67, 0.4);\n --color-open-subtle: rgba(46, 160, 67, 0.15);\n --color-closed-fg: @red;\n --color-closed-emphasis: @red;\n --color-closed-muted: rgba(248, 81, 73, 0.4);\n --color-closed-subtle: rgba(248, 81, 73, 0.15);\n --color-done-fg: @mauve;\n --color-done-emphasis: @mauve;\n --color-done-muted: rgba(163, 113, 247, 0.4);\n --color-done-subtle: rgba(163, 113, 247, 0.15);\n --color-sponsors-fg: @mauve;\n --color-sponsors-emphasis: @mauve;\n --color-sponsors-muted: rgba(219, 97, 162, 0.4);\n --color-sponsors-subtle: rgba(219, 97, 162, 0.15);\n --color-primer-fg-disabled: fadeout(@accent-color, 50%);\n --color-primer-canvas-backdrop: rgba(1, 4, 9, 0.8);\n --color-primer-canvas-sticky: rgba(13, 17, 23, 0.95);\n --color-primer-border-active: @red;\n --color-primer-border-contrast: rgba(255, 255, 255, 0.2);\n --color-primer-shadow-highlight: 0 0 transparent;\n --color-primer-shadow-inset: 0 0 transparent;\n --color-primer-shadow-focus: 0 0 0 3px #0c2d6b;\n --color-scale-black: #010409;\n --color-scale-white: #ffffff;\n --color-scale-gray-0: #f0f6fc;\n --color-scale-gray-1: #c9d1d9;\n --color-scale-gray-2: #b1bac4;\n --color-scale-gray-3: #8b949e;\n --color-scale-gray-4: #6e7681;\n --color-scale-gray-5: #484f58;\n --color-scale-gray-6: #30363d;\n --color-scale-gray-7: #21262d;\n --color-scale-gray-8: #161b22;\n --color-scale-gray-9: #0d1117;\n --color-scale-blue-0: #cae8ff;\n --color-scale-blue-1: #a5d6ff;\n --color-scale-blue-2: #79c0ff;\n --color-scale-blue-3: #58a6ff;\n --color-scale-blue-4: #388bfd;\n --color-scale-blue-5: #1f6feb;\n --color-scale-blue-6: #1158c7;\n --color-scale-blue-7: #0d419d;\n --color-scale-blue-8: #0c2d6b;\n --color-scale-blue-9: #051d4d;\n --color-scale-green-0: #aff5b4;\n --color-scale-green-1: #7ee787;\n --color-scale-green-2: #56d364;\n --color-scale-green-3: #3fb950;\n --color-scale-green-4: #2ea043;\n --color-scale-green-5: #238636;\n --color-scale-green-6: #196c2e;\n --color-scale-green-7: #0f5323;\n --color-scale-green-8: #033a16;\n --color-scale-green-9: #04260f;\n --color-scale-yellow-0: #f8e3a1;\n --color-scale-yellow-1: #f2cc60;\n --color-scale-yellow-2: #e3b341;\n --color-scale-yellow-3: #d29922;\n --color-scale-yellow-4: #bb8009;\n --color-scale-yellow-5: #9e6a03;\n --color-scale-yellow-6: #845306;\n --color-scale-yellow-7: #693e00;\n --color-scale-yellow-8: #4b2900;\n --color-scale-yellow-9: #341a00;\n --color-scale-orange-0: #ffdfb6;\n --color-scale-orange-1: #ffc680;\n --color-scale-orange-2: #ffa657;\n --color-scale-orange-3: #f0883e;\n --color-scale-orange-4: #db6d28;\n --color-scale-orange-5: #bd561d;\n --color-scale-orange-6: #9b4215;\n --color-scale-orange-7: #762d0a;\n --color-scale-orange-8: #5a1e02;\n --color-scale-orange-9: #3d1300;\n --color-scale-red-0: #ffdcd7;\n --color-scale-red-1: #ffc1ba;\n --color-scale-red-2: #ffa198;\n --color-scale-red-3: #ff7b72;\n --color-scale-red-4: #f85149;\n --color-scale-red-5: #da3633;\n --color-scale-red-6: #b62324;\n --color-scale-red-7: #8e1519;\n --color-scale-red-8: #67060c;\n --color-scale-red-9: #490202;\n --color-scale-purple-0: #eddeff;\n --color-scale-purple-1: #e2c5ff;\n --color-scale-purple-2: #d2a8ff;\n --color-scale-purple-3: #bc8cff;\n --color-scale-purple-4: #a371f7;\n --color-scale-purple-5: #8957e5;\n --color-scale-purple-6: #6e40c9;\n --color-scale-purple-7: #553098;\n --color-scale-purple-8: #3c1e70;\n --color-scale-purple-9: #271052;\n --color-scale-pink-0: #ffdaec;\n --color-scale-pink-1: #ffbedd;\n --color-scale-pink-2: #ff9bce;\n --color-scale-pink-3: #f778ba;\n --color-scale-pink-4: #db61a2;\n --color-scale-pink-5: #bf4b8a;\n --color-scale-pink-6: #9e3670;\n --color-scale-pink-7: #7d2457;\n --color-scale-pink-8: #5e103e;\n --color-scale-pink-9: #42062a;\n --color-scale-coral-0: #FFDDD2;\n --color-scale-coral-1: #FFC2B2;\n --color-scale-coral-2: #FFA28B;\n --color-scale-coral-3: #F78166;\n --color-scale-coral-4: #EA6045;\n --color-scale-coral-5: #CF462D;\n --color-scale-coral-6: #AC3220;\n --color-scale-coral-7: #872012;\n --color-scale-coral-8: #640D04;\n --color-scale-coral-9: #460701;\n }\n --color-workflow-card-connector: @overlay0;\n --color-workflow-card-connector-bg: @overlay0;\n --color-workflow-card-connector-inactive: @surface1;\n --color-workflow-card-connector-inactive-bg: @surface1;\n --color-workflow-card-connector-highlight: @accent-color;\n --color-workflow-card-connector-highlight-bg: @accent-color;\n --color-workflow-card-bg: @surface1;\n --color-workflow-card-inactive-bg: @surface0;\n --color-workflow-card-header-shadow: #dc2286;\n --color-workflow-card-progress-complete-bg: fadeout(@blue, 85%);\n --color-workflow-card-progress-incomplete-bg: @surface1;\n --color-discussions-state-answered-icon: var(--color-scale-green-3);\n --color-bg-discussions-row-emoji-box: var(--color-scale-gray-6);\n --color-notifications-button-text: var(--color-scale-white);\n --color-notifications-button-hover-text: var(--color-scale-white);\n --color-notifications-button-hover-bg: var(--color-scale-blue-4);\n --color-notifications-row-read-bg: var(--color-canvas-default);\n --color-notifications-row-bg: var(--color-canvas-subtle);\n --color-icon-directory: @text;\n --color-checks-step-error-icon: var(--color-scale-red-4);\n --color-calendar-halloween-graph-day-L1-bg: #631c03;\n --color-calendar-halloween-graph-day-L2-bg: #bd561d;\n --color-calendar-halloween-graph-day-L3-bg: #fa7a18;\n --color-calendar-halloween-graph-day-L4-bg: #fddf68;\n --color-calendar-graph-day-bg: @surface0;\n --color-calendar-graph-day-border: transparent;\n /* These could do with a bit of refining */\n --color-calendar-graph-day-L1-bg: spin(fade(@green, 40%), 15deg);\n --color-calendar-graph-day-L2-bg: spin(fade(@green, 60%), 10deg);\n --color-calendar-graph-day-L3-bg: spin(fade(@green, 80%), 5deg);\n --color-calendar-graph-day-L4-bg: @green;\n --color-calendar-graph-day-L1-border: transparent;\n --color-calendar-graph-day-L2-border: transparent;\n --color-calendar-graph-day-L3-border: transparent;\n --color-calendar-graph-day-L4-border: transparent;\n --color-user-mention-fg: var(--color-scale-yellow-0);\n --color-user-mention-bg: var(--color-scale-yellow-8);\n --color-text-white: @text;\n\n /* Buttons */\n .btn-danger,\n .Button--danger {\n background: var(--color-btn-danger-bg)\n }\n \n /* Create PR button & New branch button */\n .iRoQzU, .ifkUYV, .bOZDzN {\n background-color: @green;\n color: @base;\n }\n \n /* New branch dialog */\n .jenxrv {\n background-color: @mantle;\n color: @text;\n }\n \n /* Branch drop down */\n .fHiIQb {\n background-color: @surface0;\n }\n \n /* Compare button & Cancel new branch button */\n .idPXPh,\n .epAEYw {\n background-color: @surface0;\n color: @text;\n border-color: @surface1;\n }\n\n /* search btn */\n .header-search-button.placeholder {\n color: @text;\n }\n\n /* Issue tags */\n .hx_IssueLabel {\n --text: @text;\n }\n\n .hx_IssueLabel not when (@lookup =latte) {\n --lightness-threshold: 0.453;\n --border-threshold: 0.96;\n --border-fadeout: max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1)); //color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%)) !important;\n color: var(--text) !important;\n background: rgb(var(--label-r), var(--label-g), var(--label-b)) !important;\n border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 25) * 1%), var(--border-fadeout)) !important;\n }\n\n .hx_IssueLabel when (@lookup =latte) {\n --lightness-threshold: 0.6;\n --background-fadeout: 0.18;\n --border-fadeout: 0.3;\n --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch));\n color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)) !important;\n background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-fadeout)) !important;\n border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-fadeout)) !important;\n }\n\n /* Labels */\n .Label {\n color: var(--color-accent-fg);\n background-color: @surface0;\n border-color: transparent;\n }\n\n .Label--secondary {\n background-color: @surface0;\n color: @text;\n }\n\n .Label--success {\n color: @base;\n background-color: @green;\n }\n\n .Label--danger {\n background-color: var(--color-danger-emphasis);\n color: var(--color-btn-danger-text);\n }\n\n .timeline-comment-header .Label,\n .timeline-comment .Label {\n color: var(--color-fg-muted);\n }\n\n /* Search */\n .header-search-input {\n color: @text !important;\n }\n\n .header-search-input::placeholder {\n color: @subtext1 !important;\n }\n\n /* Tags */\n .topic-tag {\n --color-accent-fg: @blue;\n --color-accent-emphasis: @blue;\n --color-accent-muted: fadeout(@blue, 60%);\n --color-accent-subtle: fadeout(@blue, 85%);\n }\n\n /* Misc */\n .col-md-8 {\n background-color: @base;\n }\n \n .user-mention, .team-mention {\n color: @accent-color;\n }\n\n .kSmUFR[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: @green;\n }\n .starred .starred-button-icon {\n color: @yellow;\n }\n\n /* Large notification */\n .flash {\n background: @mantle;\n border-color: transparent;\n }\n\n /* Button Fix */\n .color-bg-subtle {\n background-color: transparent !important;\n }\n\n .command-palette-details-dialog .color-bg-subtle {\n background-color: @surface0 !important;\n }\n\n /* Button selection Fix */\n .navigation-item[aria-selected=\"true\"] .color-fg-muted {\n color: @base !important;\n }\n\n /* Darker bg for new AppHeader */\n .AppHeader {\n background: var(--color-header-bg);\n }\n\n /* Headers */\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n color: @subtext1\n }\n\n body,\n .markdown-body {\n & when (@usefont=1) {\n font-family: inter, sans-serif;\n }\n }\n\n #check-step-header-title {\n color: var(--color-checks-text-link) !important;\n }\n\n ::selection {\n background: @surface2 !important;\n }\n\n /* New change visibility box star and watcher preview buttons Fix */\n .btn.color-fg-danger.cursor-default {\n color: var(--color-btn-danger-text) !important;\n background-color: var(--color-btn-danger-bg);\n }\n\n .btn.color-fg-danger.cursor-default:hover {\n background-color: var(--color-btn-danger-hover-bg);\n }\n\n .btn.color-fg-danger.cursor-default > svg.octicon {\n color: var(--color-btn-danger-text) !important;\n }\n\n /* New change visibility box danger buttons Fix */\n :where(#repo-visibility-proceed-button-public, #repo-visibility-proceed-button-private):not([data-next-stage]) {\n color: var(--color-btn-danger-text);\n background-color: var(--color-btn-danger-bg);\n }\n\n /* 2FA authentication box header Fix */\n body.session-authentication div.Box-header {\n background-color: inherit;\n }\n\n\n /* Footer Logo Fix */\n .footer-octicon > svg:nth-child(1) > path:nth-child(1) {\n fill: @text;\n }\n\n /* Footer text hover fix */\n .footer nav.col-12 * {\n color: @subtext1 !important;\n }\n\n /* Notifications */\n .notification-indicator .mail-status {\n background-image: none;\n background-color: @accent-color;\n }\n \n /* Keyboard hint */\n .bdgUpN,\n .hZMmEi .TextInput-icon, .hZMmEi .TextInput-action {\n color: @text;\n background-color: @mantle;\n border-color: @surface0;\n }\n \n /* Merge icon */\n .fMJQEf {\n color: @text;\n background-color: @overlay0;\n }\n \n /* Branch indicator */\n .iVNDSi {\n color: @accent-color;\n background-color: fade(@accent-color, 10);\n }\n \n /* File view */\n .hwnsNO {\n color: @text;\n th {\n background: @mantle;\n }\n }\n \n .dXveNa[data-no-visuals=\"true\"] {\n color: @subtext0;\n }\n \n .dXveNa,\n .kbjJSF {\n background-color: @surface0;\n border-color: @surface1;\n }\n \n .gUecKw,\n .lcpiaz,\n .jolsUx,\n .fsSggy {\n background-color: @mantle;\n }\n \n .Cxvmo,\n .dhYcqs {\n color: @red;\n }\n \n .byJIBD,\n .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: @green;\n }\n \n .lmmHGT:not(:first-of-type),\n .fOEJrA,\n .fnFdxN,\n .huABLg,\n .dMLfZp[data-component=\"IconButton\"][data-no-visuals],\n .cwSUxL,\n .iXnXki[data-size=\"small\"][data-no-visuals=\"true\"],\n .jvzHAP,\n .hPIyzG,\n .gTeenv[data-no-visuals=\"true\"],\n .VplrY[data-no-visuals=\"true\"],\n .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n .icOaJE[data-size=\"small\"][data-no-visuals=\"true\"],\n .kKFNhh,\n .lnXbGs,\n .dTxwit {\n color: @subtext0;\n }\n \n .gssqTz {\n color: @text !important;\n }\n \n .bPgnBp,\n .jMyfUO,\n .hfRvxg,\n .cBrzIN {\n color: @text;\n }\n \n .eLaeIt:hover:not([disabled]),\n .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"]:hover:not([disabled]),\n .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n .bDSYgZ:hover:not([disabled]),\n .icOaJE:hover:not([disabled]) {\n background-color: @surface0;\n }\n \n .icOaJE[aria-pressed=\"true\"] {\n background-color: @surface0;\n }\n \n .cZRqXf {\n background-color: @surface0;\n &:active:not([disabled]),\n &[aria-expanded=\"true\"] {\n border-color: @surface2;\n }\n &:hover:not([disabled]) {\n border-color: @surface2;\n background-color: @surface1;\n }\n }\n \n .kdEavw,\n .ddNLNa,\n .jepClM,\n .gTeenv,\n .VplrY {\n background-color: @surface0;\n &:hover:not([disabled]) {\n border-color: @surface2;\n background-color: @surface1\n }\n }\n \n .juEfKr {\n border-color: @surface2;\n }\n \n .eUqMHM,\n .hSXtjz {\n background-color: @base;\n }\n \n .gtXnmh,\n .ukUXs,\n .giEfVQ,\n .cKvNNO,\n .evdFFE,\n .kTUxDY {\n background-color: @mantle;\n }\n \n .hLwWNO .PRIVATE_TreeView-item-container,\n .hYaoHV,\n .rLhXz,\n .gtXnmh,\n .lmmHGT,\n .dEmXPQ {\n color: @text;\n }\n \n .bJBoUI,\n .iJtJJh {\n color: @accent-color;\n }\n \n .lhyFLG {\n background-color: @mantle;\n border-top: 1px solid @surface1;\n border-right-color: @surface1;\n border-bottom-color: @surface1;\n border-left-color: @surface1;\n }\n \n .hUWqlv,\n .bJcMWH {\n color: @blue;\n }\n \n .gxGEao {\n border-bottom-color: @surface0;\n }\n \n .hLwWNO .PRIVATE_TreeView-item[aria-current=\"true\"] > .PRIVATE_TreeView-item-container {\n background-color: @surface0;\n &::after {\n background-color: @accent-color;\n }\n }\n \n .dfAUyE,\n .gKuCoB,\n .bFrOJy {\n .segmentedControl-content {\n background-color: @mantle;\n color: @text\n }\n }\n \n .cuqBaK,\n .fCAAcl,\n .dAXkSP {\n color: @text;\n background-color: @base;\n &:hover .segmentedControl-content {\n background: @surface0;\n }\n }\n \n @media (hover: hover) and (pointer: fine) {\n .rLhXz:hover:not([aria-disabled]) {\n background-color: @surface0;\n }\n }\n \n /* Projects */\n .ksbilD,\n .cuaLcW,\n .joCMLT,\n .jClMHS,\n .jhjELj,\n .diDjDG,\n .gFuKCf,\n .dHdESs,\n .hpfKPO,\n .jdgyJn,\n .iInViE,\n .brqMal,\n .AbCTW {\n background-color: @mantle;\n }\n \n .jEgFtJ,\n .lixtXZ:hover,\n .eNIoFu,\n .idPXPh:hover,\n .fdORwV,\n .cjFogo,\n .gIOnJa {\n background-color: @surface0;\n }\n \n .jBCpbB {\n color: @text;\n background-color: @surface0;\n }\n \n .kzrUhn.selected {\n background-color: @base;\n border-color: @surface0;\n color: @text;\n }\n \n .esIQoN,\n .kbjJSF:disabled {\n color: @subtext1;\n }\n \n .eJTCnd,\n .eTthoV {\n border-color: @surface0;\n background-color: @base;\n color: @text;\n .fixINc,\n .eDZJqt {\n color: @subtext0;\n }\n .bniVFX,\n .jtlytA {\n color: @text;\n }\n }\n \n .ikTPpF {\n box-shadow: @base 0px 3px 6px;\n border-color: @surface0;\n }\n \n .cvveTk,\n .dwoION {\n background-color: @base;\n }\n \n .FKGWN {\n background-color: @base;\n border-color: @surface0;\n }\n \n .jEgFtJ::after {\n background-color: @accent-color;\n }\n \n .khCtfm:hover {\n background-color: @surface0;\n }\n \n .khCtfm,\n .khCtfm[data-component=\"leadingVisual\"],\n .Tnbrt[data-component=\"IconButton\"][data-no-visuals] {\n color: @subtext0;\n }\n \n .Tnbrt {\n &:active, &[aria-expanded=\"true\"] {\n background-color: @surface2;\n }\n &:hover {\n background-color: @surface1;\n }\n }\n\n .imsxCM {\n color: @text;\n \n .is-selected::after {\n background-color: @accent-color;\n }\n }\n \n .pxYjU {\n background-color: @mantle;\n color: @text;\n border-color: @surface0;\n }\n \n .ilLRrZ {\n color: @text;\n background-color: @surface1;\n }\n \n .cnIHxk {\n background-color: @surface0;\n color: @text;\n &:disabled {\n background-color: @overlay0;\n color: @crust;\n }\n }\n \n .ghFpol {\n background-color: @base;\n }\n \n .hVmCdl,\n .fqKZNC,\n .fZFWUy,\n .kbjJSF,\n .flKHtV,\n .jolsUx,\n .ekNmOn {\n color: @text;\n }\n \n .lixtXZ[data-component=\"IconButton\"][data-no-visuals],\n .klUZzf:not(:first-of-type) {\n color: @subtext0;\n }\n \n .jvpWzR {\n &:hover {\n background-color: @surface1;\n }\n &[data-size=\"large\"][data-block=\"block\"] {\n color: @subtext0;\n }\n }\n \n .fZFWUy,\n .fzjwje {\n background-color: @base;\n }\n \n .cEYXBH {\n background-color: @accent-color;\n }\n \n .joxhcl, .hXyJIp, .fMkBhb > .segmentedControl-content {\n background-color: @mantle;\n }\n \n .dVFmxu,\n .gbKtit,\n .lnKxja,\n .jzwNMs {\n color: @subtext0;\n svg {\n fill: @subtext0;\n }\n &:hover .segmentedControl-content {\n background-color: @surface1;\n border-color: @surface0;\n }\n }\n \n .hJMtSk {\n color: @crust;\n background-color: @green;\n &:disabled {\n color: @crust;\n background-color: @overlay0;\n }\n }\n \n .iDiUTR {\n color: @text;\n background-color: @base;\n border-color: @surface0;\n &:hover {\n border-color: @surface1;\n }\n }\n \n .eQfJKc,\n .UHWYv {\n color: @red;\n }\n \n .jVIqnb {\n color: @red;\n background-color: @surface0;\n &:hover {\n color: @base;\n background-color: @red;\n }\n }\n \n .UHWYv:hover {\n background-color: fade(@red, 20)\n }\n \n .lmmHGT:hover {\n background-color: @surface0;\n }\n \n /* Project table view */\n .hYdbWk,\n .gkeKEr,\n .jzcCeu,\n .iGxiw,\n .ixFSpw,\n .koxWOe,\n .gkWKRr,\n .ikaTJo > svg,\n .dcGHGc,\n .dzMFih,\n .hYdbWk::before,\n .ixFSpw::before,\n .dSHKOE {\n background-color: @base;\n }\n \n .gkWKRr {\n border-top-color: @surface0;\n border-right-color: @surface0;\n border-left-color: @surface0;\n }\n \n .hPQRKh {\n background-color: @surface0;\n &:hover:not([disabled]) {\n background-color: @surface1;\n }\n &[data-component=\"IconButton\"][data-no-visuals] {\n color: @subtext0;\n }\n }\n \n .kfwhFa {\n &:hover:not([disabled]) {\n background-color: @surface0;\n }\n &[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: @subtext0;\n }\n }\n \n .jykkjb {\n background-color: @base;\n box-shadow: @crust 0px -2px 0px inset, @crust 0px 1px 0px inset;\n }\n \n .jhjELj,\n .ixTUPS {\n border-color: @surface1;\n }\n \n .gmscZx,\n .fUaEiu {\n &:hover:not([disabled]) {\n background-color: @surface1;\n }\n &[aria-expanded=\"true\"] {\n background-color: @surface0;\n }\n & [data-component=\"leadingVisual\"],\n &[data-size=\"small\"],\n &[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: @subtext0;\n }\n }\n \n .cBssZb {\n color: @text;\n }\n \n .jhjELj::before {\n border-color: transparent transparent @surface1;\n }\n \n .fHpqaf,\n .bfQVnA,\n .iGxiw,\n .fUzagb,\n .gisjeK,\n .iQkwAM {\n color: @subtext0;\n }\n \n smt {\n background-color: @base;\n &:hover {\n background-color: @surface0;\n }\n }\n \n .dtTTcd {\n background-color: @base;\n &.hoverable:hover {\n background-color: @surface0;\n }\n }\n \n .pQcjM {\n border-color: @surface1;\n &.hoverable:hover {\n background-color: @surface0;\n }\n }\n \n .eTSXcP {\n background-color: @red;\n }\n \n .iGxiw {\n border-bottom-color: @surface1;\n }\n }\n}\n@-moz-document regexp(\"https:\\/\\/notebooks\\.githubusercontent\\.com\\/view\\/ipynb.*\") {\n\n :root {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n /* Colors */\n --color-scale-black: #010409;\n --color-scale-white: #ffffff;\n --color-scale-gray-0: #f0f6fc;\n --color-scale-gray-1: #c9d1d9;\n --color-scale-gray-2: #b1bac4;\n --color-scale-gray-3: #8b949e;\n --color-scale-gray-4: #6e7681;\n --color-scale-gray-5: #484f58;\n --color-scale-gray-6: #30363d;\n --color-scale-gray-7: #21262d;\n --color-scale-gray-8: #161b22;\n --color-scale-gray-9: #0d1117;\n --color-scale-blue-0: #cae8ff;\n --color-scale-blue-1: #a5d6ff;\n --color-scale-blue-2: #79c0ff;\n --color-scale-blue-3: #58a6ff;\n --color-scale-blue-4: #388bfd;\n --color-scale-blue-5: #1f6feb;\n --color-scale-blue-6: #1158c7;\n --color-scale-blue-7: #0d419d;\n --color-scale-blue-8: #0c2d6b;\n --color-scale-blue-9: #051d4d;\n --color-scale-green-0: #aff5b4;\n --color-scale-green-1: #7ee787;\n --color-scale-green-2: #56d364;\n --color-scale-green-3: #3fb950;\n --color-scale-green-4: #2ea043;\n --color-scale-green-5: #238636;\n --color-scale-green-6: #196c2e;\n --color-scale-green-7: #0f5323;\n --color-scale-green-8: #033a16;\n --color-scale-green-9: #04260f;\n --color-scale-yellow-0: #f8e3a1;\n --color-scale-yellow-1: #f2cc60;\n --color-scale-yellow-2: #e3b341;\n --color-scale-yellow-3: #d29922;\n --color-scale-yellow-4: #bb8009;\n --color-scale-yellow-5: #9e6a03;\n --color-scale-yellow-6: #845306;\n --color-scale-yellow-7: #693e00;\n --color-scale-yellow-8: #4b2900;\n --color-scale-yellow-9: #341a00;\n --color-scale-orange-0: #ffdfb6;\n --color-scale-orange-1: #ffc680;\n --color-scale-orange-2: #ffa657;\n --color-scale-orange-3: #f0883e;\n --color-scale-orange-4: #db6d28;\n --color-scale-orange-5: #bd561d;\n --color-scale-orange-6: #9b4215;\n --color-scale-orange-7: #762d0a;\n --color-scale-orange-8: #5a1e02;\n --color-scale-orange-9: #3d1300;\n --color-scale-red-0: #ffdcd7;\n --color-scale-red-1: #ffc1ba;\n --color-scale-red-2: #ffa198;\n --color-scale-red-3: #ff7b72;\n --color-scale-red-4: #f85149;\n --color-scale-red-5: #da3633;\n --color-scale-red-6: #b62324;\n --color-scale-red-7: #8e1519;\n --color-scale-red-8: #67060c;\n --color-scale-red-9: #490202;\n --color-scale-purple-0: #eddeff;\n --color-scale-purple-1: #e2c5ff;\n --color-scale-purple-2: #d2a8ff;\n --color-scale-purple-3: #bc8cff;\n --color-scale-purple-4: #a371f7;\n --color-scale-purple-5: #8957e5;\n --color-scale-purple-6: #6e40c9;\n --color-scale-purple-7: #553098;\n --color-scale-purple-8: #3c1e70;\n --color-scale-purple-9: #271052;\n --color-scale-pink-0: #ffdaec;\n --color-scale-pink-1: #ffbedd;\n --color-scale-pink-2: #ff9bce;\n --color-scale-pink-3: #f778ba;\n --color-scale-pink-4: #db61a2;\n --color-scale-pink-5: #bf4b8a;\n --color-scale-pink-6: #9e3670;\n --color-scale-pink-7: #7d2457;\n --color-scale-pink-8: #5e103e;\n --color-scale-pink-9: #42062a;\n --color-scale-coral-0: #FFDDD2;\n --color-scale-coral-1: #FFC2B2;\n --color-scale-coral-2: #FFA28B;\n --color-scale-coral-3: #F78166;\n --color-scale-coral-4: #EA6045;\n --color-scale-coral-5: #CF462D;\n --color-scale-coral-6: #AC3220;\n --color-scale-coral-7: #872012;\n --color-scale-coral-8: #640D04;\n --color-scale-coral-9: #460701;\n\n --jp-border-color0: var(--color-scale-gray-7);\n --jp-border-color1: var(--color-scale-gray-7);\n --jp-border-color2: var(--color-scale-gray-8);\n --jp-border-color3: var(--color-scale-gray-9);\n --jp-ui-font-color0: @text;\n --jp-ui-font-color1: fadeout(@text, 13%);\n --jp-ui-font-color2: fadeout(@text, 46%);\n --jp-ui-font-color3: fadeout(@text, 72%);\n --jp-ui-inverse-font-color0: @crust;\n --jp-ui-inverse-font-color1: fadeout(@crust, 20%);\n --jp-ui-inverse-font-color2: fadeout(@crust, 50%);\n --jp-ui-inverse-font-color3: fadeout(@crust, 70%);\n --jp-content-font-color0: @text;\n --jp-content-font-color1: @text;\n --jp-content-font-color2: fadeout(@text, 30%);\n --jp-content-font-color3: fadeout(@text, 50%);\n --jp-content-link-color: @sapphire;\n --jp-layout-color0: @base !important;\n --jp-layout-color1: var(--color-scale-gray-9);\n --jp-layout-color2: var(--color-scale-gray-8);\n --jp-layout-color3: var(--color-scale-gray-7);\n --jp-layout-color4: var(--color-scale-gray-6);\n --jp-inverse-layout-color0: var(--color-scale-white);\n --jp-inverse-layout-color1: var(--color-scale-white);\n --jp-inverse-layout-color2: var(--color-scale-gray-2);\n --jp-inverse-layout-color3: var(--color-scale-gray-4);\n --jp-inverse-layout-color4: var(--color-scale-gray-6);\n --jp-brand-color0: var(--color-scale-blue-7);\n --jp-brand-color1: var(--color-scale-blue-5);\n --jp-brand-color2: var(--color-scale-blue-3);\n --jp-brand-color3: var(--color-scale-blue-1);\n --jp-brand-color4: var(--color-scale-blue-0);\n --jp-accent-color0: var(--color-scale-green-7);\n --jp-accent-color1: var(--color-scale-green-5);\n --jp-accent-color2: var(--color-scale-green-3);\n --jp-accent-color3: var(--color-scale-green-1);\n --jp-warn-color0: var(--color-scale-orange-7);\n --jp-warn-color1: var(--color-scale-orange-5);\n --jp-warn-color2: var(--color-scale-orange-3);\n --jp-warn-color3: var(--color-scale-orange-1);\n --jp-error-color0: var(--color-scale-red-7);\n --jp-error-color1: var(--color-scale-red-5);\n --jp-error-color2: var(--color-scale-red-3);\n --jp-error-color3: var(--color-scale-red-1);\n --jp-success-color0: var(--color-scale-green-7);\n --jp-success-color1: var(--color-scale-green-5);\n --jp-success-color2: var(--color-scale-green-3);\n --jp-success-color3: var(--color-scale-green-1);\n --jp-info-color0: var(--color-scale-blue-7);\n --jp-info-color1: var(--color-scale-blue-5);\n --jp-info-color2: var(--color-scale-blue-3);\n --jp-info-color3: var(--color-scale-blue-1);\n --jp-cell-editor-border-color: var(--color-scale-gray-7);\n --jp-cell-editor-box-shadow: inset 0 0 2px var(--color-scale-blue-3);\n --jp-cell-prompt-not-active-font-color: fadeout(@text, 50%);\n --jp-cell-inprompt-font-color: var(--color-scale-blue-6);\n --jp-cell-outprompt-font-color: var(--color-scale-coral-6);\n --jp-notebook-multiselected-color: fadeout(@overlay2, 86%);\n --jp-rendermime-error-background: fadeout(@red, 82%);\n --jp-rendermime-table-row-background: var(--color-scale-gray-9);\n --jp-rendermime-table-row-hover-background: fadeout(@surface2, 86%);\n --jp-dialog-background: fadeout(@crust, 40%);\n --jp-toolbar-box-shadow: 0px 0px 2px 0px fadeout(@crust, 20%);\n --jp-input-box-shadow: inset 0 0 2px var(--color-scale-blue-3);\n --jp-input-background: var(--color-scale-gray-8);\n --jp-input-active-box-shadow-color: fadeout(@blue, 70%);\n --jp-editor-selected-focused-background: fadeout(@blue, 86%);\n --jp-mirror-editor-keyword-color: var(--color-scale-green-5);\n --jp-mirror-editor-atom-color: var(--color-scale-blue-3);\n --jp-mirror-editor-number-color: var(--color-scale-green-4);\n --jp-mirror-editor-def-color: var(--color-scale-blue-6);\n --jp-mirror-editor-variable-color: var(--color-scale-gray-3);\n --jp-mirror-editor-variable-2-color: var(--color-scale-blue-4);\n --jp-mirror-editor-variable-3-color: var(--color-scale-green-6);\n --jp-mirror-editor-punctuation-color: var(--color-scale-blue-4);\n --jp-mirror-editor-property-color: var(--color-scale-blue-4);\n --jp-mirror-editor-operator-color: @mauve;\n --jp-mirror-editor-comment-color: @subtext0;\n --jp-mirror-editor-string-color: @peach;\n --jp-mirror-editor-string-2-color: var(--color-scale-purple-3);\n --jp-mirror-editor-meta-color: @mauve;\n --jp-mirror-editor-qualifier-color: var(--color-scale-gray-5);\n --jp-mirror-editor-builtin-color: var(--color-scale-green-6);\n --jp-mirror-editor-bracket-color: var(--color-scale-gray-2);\n --jp-mirror-editor-tag-color: var(--color-scale-blue-7);\n --jp-mirror-editor-attribute-color: var(--color-scale-blue-7);\n --jp-mirror-editor-header-color: var(--color-scale-blue-5);\n --jp-mirror-editor-quote-color: var(--color-scale-green-3);\n --jp-mirror-editor-link-color: var(--color-scale-blue-7);\n --jp-mirror-editor-error-color: @red;\n --jp-mirror-editor-hr-color: var(--color-scale-gray-8);\n --jp-vega-background: var(--color-scale-gray-4);\n --jp-search-selected-match-background-color: @yellow;\n --jp-search-selected-match-color: @crust;\n --jp-icon-contrast-color0: var(--color-scale-purple-6);\n --jp-icon-contrast-color1: var(--color-scale-green-6);\n --jp-icon-contrast-color2: var(--color-scale-pink-6);\n --jp-icon-contrast-color3: var(--color-scale-blue-6);\n }\n}", + "sourceCode": "/* ==UserStyle==\n@name Github Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/github\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/github\n@version 1.2.7\n@description Soothing pastel theme for GitHub\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater*\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n@var checkbox topbar \"Topbar colors\" 1\n@var checkbox usefont \"Use Inter font\" 0\n==/UserStyle== */\n\n@catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n};\n\n@-moz-document regexp(\"https:\\/\\/(gist\\.)*github\\.com(?!\\/(home|marketplace|organizations\\/plan)).*\") {\n [data-color-mode=\"light\"],\n [data-color-mode=\"auto\"] > .theme-light {\n #catppuccin(@lightFlavor, @accentColor);\n }\n @media (prefers-color-scheme: light) {\n [data-color-mode=\"auto\"] {\n #catppuccin(@lightFlavor, @accentColor);\n }\n }\n [data-color-mode=\"dark\"],\n [data-color-mode=\"auto\"] > .theme-dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n @media (prefers-color-scheme: dark) {\n [data-color-mode=\"auto\"] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n html:not([data-light-theme=\"light\"]) body:not(.logged-out)::after,\n html:not([data-dark-theme=\"dark\"]) body:not(.logged-out)::after {\n position: fixed;\n top: 0;\n left: 0;\n padding: 1rem;\n margin: 1rem;\n font-size: 0.9rem;\n font-weight: 600;\n border-radius: 0.5rem;\n max-width: 40ch;\n background-color: var(--color-danger-fg);\n color: var(--color-header-bg);\n content: \"Unsupported GitHub theme detected! Please switch to the default light/dark theme via the GitHub Appearance settings to get the best experience for the Catppuccin GitHub userstyle.\";\n z-index: 9999;\n }\n\n #coloredButton(@name, @color) {\n --color-btn-@{name}-text: @base;\n --color-btn-@{name}-bg: @color;\n --color-btn-@{name}-border: transparent;\n --color-btn-@{name}-shadow: 0 0 transparent;\n --color-btn-@{name}-inset-shadow: 0 0 transparent;\n --color-btn-@{name}-hover-bg: mix(@color, @text, 30%);\n --color-btn-@{name}-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-@{name}-selected-bg: mix(@color, @text, 50%);\n --color-btn-@{name}-selected-shadow: 0 0 transparent;\n --color-btn-@{name}-disabled-text: @crust;\n --color-btn-@{name}-disabled-bg: mix(@color, @base, 60%);\n --color-btn-@{name}-disabled-border: transparent;\n --color-btn-@{name}-focus-bg: #238636;\n --color-btn-@{name}-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-@{name}-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);\n --color-btn-@{name}-icon: @base;\n --color-btn-@{name}-counter-bg: rgba(255, 255, 255, 0.2);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n &,\n & body {\n accent-color: @accent-color;\n --bgColor-default: @base;\n --color-canvas-default-transparent: rgba(13, 17, 23, 0);\n --color-page-header-bg: @base;\n --color-marketing-icon-primary: @sky;\n --color-marketing-icon-secondary: @blue;\n --color-diff-blob-addition-num-text: @text;\n --color-diff-blob-addition-fg: @text;\n --color-diff-blob-addition-num-bg: fadeout(@green, 70%);\n --color-diff-blob-addition-line-bg: fadeout(@green, 85%);\n --color-diff-blob-addition-word-bg: fadeout(@green, 70%);\n --color-diff-blob-deletion-num-text: @text;\n --color-diff-blob-deletion-fg: @text;\n --color-diff-blob-deletion-num-bg: fadeout(@red, 70%);\n --color-diff-blob-deletion-line-bg: fadeout(@red, 85%);\n --color-diff-blob-deletion-word-bg: fadeout(@red, 70%);\n --color-diff-blob-hunk-num-bg: fadeout(@blue, 60%);\n --color-diff-blob-expander-icon: #8b949e;\n --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n --color-diffstat-deletion-border: rgba(240, 246, 252, 0.1);\n --color-diffstat-addition-border: rgba(240, 246, 252, 0.1);\n --color-diffstat-addition-bg: @green;\n --color-search-keyword-hl: rgba(210, 153, 34, 0.4);\n --color-prettylights-syntax-comment: @overlay1;\n --color-prettylights-syntax-constant: @blue;\n --color-prettylights-syntax-entity: @blue;\n --color-prettylights-syntax-storage-modifier-import: @peach;\n --color-prettylights-syntax-entity-tag: @teal;\n --color-prettylights-syntax-keyword: @pink;\n --color-prettylights-syntax-string: @green;\n --color-prettylights-syntax-variable: @peach;\n --color-prettylights-syntax-brackethighlighter-unmatched: #f0f;\n --color-prettylights-syntax-invalid-illegal-text: @red;\n --color-prettylights-syntax-invalid-illegal-bg: fadeout(@red, 85%);\n --color-prettylights-syntax-carriage-return-text: #f0f;\n --color-prettylights-syntax-carriage-return-bg: #f0f;\n --color-prettylights-syntax-string-regexp: #f0f;\n --color-prettylights-syntax-markup-list: #f0f;\n --color-prettylights-syntax-markup-heading: @teal;\n --color-prettylights-syntax-markup-italic: @yellow;\n --color-prettylights-syntax-markup-bold: @yellow;\n --color-prettylights-syntax-markup-deleted-text: @text;\n --color-prettylights-syntax-markup-deleted-bg: fadeout(@red, 60%);\n --color-prettylights-syntax-markup-inserted-text: @text;\n --color-prettylights-syntax-markup-inserted-bg: fadeout(@green, 60%);\n --color-prettylights-syntax-markup-changed-text: @text;\n --color-prettylights-syntax-markup-changed-bg: fadeout(@yellow, 60%);\n --color-prettylights-syntax-markup-ignored-text: @text;\n --color-prettylights-syntax-markup-ignored-bg: #f0f;\n --color-prettylights-syntax-meta-diff-range: @mauve;\n --color-prettylights-syntax-brackethighlighter-angle: #f0f;\n --color-prettylights-syntax-sublimelinter-gutter-mark: #f0f;\n --color-prettylights-syntax-constant-other-reference-link: #f0f;\n --color-codemirror-text: @text;\n --color-codemirror-bg: @base;\n --color-codemirror-gutters-bg: @base;\n --color-codemirror-guttermarker-text: @base;\n --color-codemirror-guttermarker-subtle-text: #6e7681;\n --color-codemirror-linenumber-text: #8b949e;\n --color-codemirror-cursor: #c9d1d9;\n --color-codemirror-selection-bg: rgba(56, 139, 253, 0.4);\n --color-codemirror-activeline-bg: rgba(110, 118, 129, 0.1);\n --color-codemirror-matchingbracket-text: #c9d1d9;\n --color-codemirror-lines-bg: @base;\n --color-codemirror-syntax-comment: #8b949e;\n --color-codemirror-syntax-constant: #79c0ff;\n --color-codemirror-syntax-entity: #d2a8ff;\n --color-codemirror-syntax-keyword: #ff7b72;\n --color-codemirror-syntax-storage: #ff7b72;\n --color-codemirror-syntax-string: #a5d6ff;\n --color-codemirror-syntax-support: #79c0ff;\n --color-codemirror-syntax-variable: #ffa657;\n --color-checks-bg: @mantle;\n --color-checks-run-border-width: 1px;\n --color-checks-container-border-width: 1px;\n --color-checks-text-primary: @text;\n --color-checks-text-secondary: @subtext1;\n --color-checks-text-link: @sapphire;\n --color-checks-btn-icon: @text;\n --color-checks-btn-hover-icon: @text;\n --color-checks-btn-hover-bg: @crust;\n --color-checks-input-text: @surface1;\n --color-checks-input-placeholder-text: @subtext1;\n --color-checks-input-focus-text: @text;\n --color-checks-input-bg: @surface0;\n --color-checks-input-shadow: 0 0 0 1px;\n --color-checks-donut-error: @red;\n --color-checks-donut-pending: @peach;\n --color-checks-donut-success: @green;\n --color-checks-donut-neutral: @overlay2;\n --color-checks-dropdown-text: @text;\n --color-checks-dropdown-bg: @surface0;\n --color-checks-dropdown-border: @surface1;\n --color-checks-dropdown-shadow: @crust;\n --color-checks-dropdown-hover-text: @subtext0;\n --color-checks-dropdown-hover-bg: @mantle;\n --color-checks-dropdown-btn-hover-text: @text;\n --color-checks-dropdown-btn-hover-bg: @mantle;\n --color-checks-scrollbar-thumb-bg: @mantle;\n --color-checks-header-label-text: @text;\n --color-checks-header-label-open-text: @accent-color;\n --color-checks-header-border: @surface0;\n --color-checks-header-icon: @text;\n --color-checks-line-text: @subtext0;\n --color-checks-line-num-text: @subtext0;\n --color-checks-line-timestamp-text: @subtext0;\n --color-checks-line-hover-bg: @surface0;\n --color-checks-line-selected-bg: @surface0;\n --color-checks-line-selected-num-text: #dc2286;\n --color-checks-line-dt-fm-text: #dc2286;\n --color-checks-line-dt-fm-bg: #dc2286;\n --color-checks-gate-bg: rgba(187, 128, 9, 0.15);\n --color-checks-gate-text: @text;\n --color-checks-gate-waiting-text: @yellow;\n --color-checks-step-header-open-bg: @surface0;\n --color-checks-step-error-text: @maroon;\n --color-checks-step-warning-text: @peach;\n --color-checks-logline-text: @text;\n --color-checks-logline-num-text: @text;\n --color-checks-logline-debug-text: @mauve;\n --color-checks-logline-error-text: @text;\n --color-checks-logline-error-num-text: @maroon;\n --color-checks-logline-error-bg: fadeout(@maroon, 85%);\n --color-checks-logline-warning-text: @subtext1;\n --color-checks-logline-warning-num-text: @peach;\n --color-checks-logline-warning-bg: fadeout(@peach, 85%);\n --color-checks-logline-command-text: @blue;\n --color-checks-logline-section-text: @green;\n --color-checks-ansi-black: @surface1;\n --color-checks-ansi-black-bright: @surface2;\n --color-checks-ansi-white: @subtext1;\n --color-checks-ansi-white-bright: @subtext0;\n --divider-color: @surface1;\n --underlineNav-borderColor-active: @accent-color;\n\n & when (@lookup =latte) {\n // When using a light theme use the light colors instead of the dark\n --color-checks-ansi-black: @subtext1;\n --color-checks-ansi-black-bright: @subtext0;\n --color-checks-ansi-white: @surface2;\n --color-checks-ansi-white-bright: @surface1;\n }\n\n --color-checks-ansi-gray: #f0f;\n --color-checks-ansi-red: @red;\n --color-checks-ansi-red-bright: @red;\n --color-checks-ansi-green: @green;\n --color-checks-ansi-green-bright: @green;\n --color-checks-ansi-yellow: @yellow;\n --color-checks-ansi-yellow-bright: @yellow;\n --color-checks-ansi-blue: @blue;\n --color-checks-ansi-blue-bright: @blue;\n --color-checks-ansi-magenta: @pink;\n --color-checks-ansi-magenta-bright: @pink;\n --color-checks-ansi-cyan: @teal;\n --color-checks-ansi-cyan-bright: @teal;\n --color-project-header-bg: #0d1117;\n --color-project-sidebar-bg: #161b22;\n --color-project-gradient-in: #161b22;\n --color-project-gradient-out: rgba(22, 27, 34, 0);\n --color-mktg-btn-bg: #f6f8fa;\n --color-mktg-btn-shadow-outline: rgb(255, 255, 255 / 25%) 0 0 0 1px inset;\n --color-mktg-btn-shadow-focus: rgb(255, 255, 255 / 25%) 0 0 0 4px;\n --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15),\n 0 100px 80px rgba(255, 255, 255, 0.02),\n 0 42px 33px rgba(255, 255, 255, 0.024),\n 0 22px 18px rgba(255, 255, 255, 0.028),\n 0 12px 10px rgba(255, 255, 255, 0.034),\n 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);\n --color-mktg-btn-shadow-hover-muted: rgb(255, 255, 255) 0 0 0 2px inset;\n --color-avatar-bg: rgba(255, 255, 255, 0.1);\n --color-avatar-border: rgba(240, 246, 252, 0.1);\n --color-avatar-stack-fade: #30363d;\n --color-avatar-stack-fade-more: #21262d;\n --color-avatar-child-shadow: -2px -2px 0 #0d1117;\n --color-topic-tag-border: rgba(0, 0, 0, 0);\n --color-counter-border: rgba(0, 0, 0, 0);\n --color-select-menu-backdrop-border: #484f58;\n --color-select-menu-tap-highlight: rgba(48, 54, 61, 0.5);\n --color-select-menu-tap-focus-bg: #0c2d6b;\n --color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1, 4, 9, 0.85);\n --color-header-text: var(--subtext2);\n --color-header-bg: @base;\n\n & when (@topbar =1) {\n // If topbar is enabled then make the topbar color different\n --color-header-bg: @mantle;\n }\n\n --color-header-divider: #8b949e;\n --color-header-logo: @text;\n --color-header-search-bg: @surface0;\n --color-header-search-border: @surface1;\n --color-sidenav-selected-bg: @surface1;\n --color-menu-bg-active: @surface2;\n --color-input-disabled-bg: rgba(110, 118, 129, 0);\n --color-timeline-badge-bg: @surface0;\n --color-ansi-black: #484f58;\n --color-ansi-black-bright: #6e7681;\n --color-ansi-white: #b1bac4;\n --color-ansi-white-bright: #ffffff;\n --color-ansi-gray: #6e7681;\n --color-ansi-red: #ff7b72;\n --color-ansi-red-bright: #ffa198;\n --color-ansi-green: #3fb950;\n --color-ansi-green-bright: #56d364;\n --color-ansi-yellow: #d29922;\n --color-ansi-yellow-bright: #e3b341;\n --color-ansi-blue: #58a6ff;\n --color-ansi-blue-bright: #79c0ff;\n --color-ansi-magenta: #bc8cff;\n --color-ansi-magenta-bright: #d2a8ff;\n --color-ansi-cyan: #39c5cf;\n --color-ansi-cyan-bright: #56d4dd;\n --color-btn-text: @text;\n --color-btn-bg: @surface0;\n --color-btn-border: transparent;\n --color-btn-shadow: 0 0 transparent;\n --color-btn-inset-shadow: 0 0 transparent;\n --color-btn-hover-bg: @surface1;\n --color-btn-hover-border: transparent;\n --color-btn-active-bg: @surface2;\n --color-btn-active-border: transparent;\n --color-btn-selected-bg: @surface2;\n --color-btn-focus-bg: #21262d;\n --color-btn-focus-border: #8b949e;\n --color-btn-focus-shadow: 0 0 0 3px rgba(139, 148, 158, 0.3);\n --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1, 4, 9, 0.15);\n --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(31, 111, 235, 0.3);\n --color-btn-counter-bg: @surface2;\n #coloredButton(primary, @green);\n --color-btn-outline-text: #58a6ff;\n --color-btn-outline-hover-text: #58a6ff;\n --color-btn-outline-hover-bg: #30363d;\n --color-btn-outline-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-hover-shadow: 0 1px 0 rgba(1, 4, 9, 0.1);\n --color-btn-outline-hover-inset-shadow: inset 0 1px 0\n rgba(255, 255, 255, 0.03);\n --color-btn-outline-hover-counter-bg: rgba(255, 255, 255, 0.2);\n --color-btn-outline-selected-text: #ffffff;\n --color-btn-outline-selected-bg: #0d419d;\n --color-btn-outline-selected-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-selected-shadow: 0 0 transparent;\n --color-btn-outline-disabled-text: @subtext0;\n --color-btn-outline-disabled-bg: @surface2;\n --color-btn-outline-disabled-counter-bg: rgba(31, 111, 235, 0.05);\n --color-btn-outline-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-outline-focus-shadow: 0 0 0 3px rgba(17, 88, 199, 0.4);\n --color-btn-outline-counter-bg: rgba(31, 111, 235, 0.1);\n #coloredButton(danger, @red);\n --color-underlinenav-icon: #6e7681;\n --color-underlinenav-border-hover: rgba(110, 118, 129, 0.4);\n --color-action-list-item-inline-divider: @surface2;\n --color-action-list-item-default-hover-bg: @surface0;\n --color-action-list-item-default-hover-border: rgba(0, 0, 0, 0);\n --color-action-list-item-default-active-bg: rgba(177, 186, 196, 0.2);\n --color-action-list-item-default-active-border: rgba(0, 0, 0, 0);\n --color-action-list-item-default-selected-bg: @surface1;\n --color-action-list-item-danger-hover-bg: rgba(248, 81, 73, 0.16);\n --color-action-list-item-danger-active-bg: rgba(248, 81, 73, 0.24);\n --color-action-list-item-danger-hover-text: #ff7b72;\n --color-switch-track-bg: #010409;\n --color-switch-track-border: #6e7681;\n --color-switch-track-checked-bg: rgba(31, 111, 235, 0.35);\n --color-switch-track-checked-hover-bg: rgba(31, 111, 235, 0.5);\n --color-switch-track-checked-active-bg: rgba(31, 111, 235, 0.65);\n --color-switch-track-checked-border: #58a6ff;\n --color-switch-knob-checked-bg: #1f6feb;\n --color-switch-knob-checked-disabled-bg: #484f58;\n --color-fg-default: @text;\n --color-fg-muted: @subtext1;\n --color-fg-subtle: @subtext1;\n --color-fg-on-emphasis: @base;\n --color-canvas-default: @base;\n --color-canvas-overlay: @mantle;\n --color-canvas-inset: @surface0;\n --color-canvas-subtle: @mantle;\n --color-border-default: @surface1;\n --color-border-muted: @surface0;\n --color-border-subtle: rgba(240, 246, 252, 0.1);\n --color-shadow-small: 0 0 transparent;\n --color-shadow-medium: 0 3px 6px @crust;\n --color-shadow-large: 0 8px 24px @crust;\n --color-shadow-extra-large: 0 12px 48px @crust;\n --color-neutral-emphasis-plus: @overlay0;\n --color-neutral-emphasis: @overlay2;\n --color-neutral-muted: rgba(110, 118, 129, 0.4);\n --color-neutral-subtle: rgba(110, 118, 129, 0.1);\n --color-accent-fg: @accent-color;\n --color-accent-emphasis: @accent-color;\n --color-accent-muted: fadeout(@accent-color, 60%);\n --color-accent-subtle: fadeout(@accent-color, 85%);\n --color-success-fg: @green;\n --color-success-emphasis: @green;\n --color-success-muted: rgba(46, 160, 67, 0.4);\n --color-success-subtle: rgba(46, 160, 67, 0.15);\n --color-attention-fg: @peach;\n --color-attention-emphasis: @peach;\n --color-attention-muted: rgba(187, 128, 9, 0.4);\n --color-attention-subtle: rgba(187, 128, 9, 0.15);\n --color-severe-fg: @maroon;\n --color-severe-emphasis: @maroon;\n --color-severe-muted: rgba(219, 109, 40, 0.4);\n --color-severe-subtle: rgba(219, 109, 40, 0.15);\n --color-danger-fg: @red;\n --color-danger-emphasis: @red;\n --color-danger-muted: rgba(248, 81, 73, 0.4);\n --color-danger-subtle: rgba(248, 81, 73, 0.15);\n --color-open-fg: @green;\n --color-open-emphasis: @green;\n --color-open-muted: rgba(46, 160, 67, 0.4);\n --color-open-subtle: rgba(46, 160, 67, 0.15);\n --color-closed-fg: @red;\n --color-closed-emphasis: @red;\n --color-closed-muted: rgba(248, 81, 73, 0.4);\n --color-closed-subtle: rgba(248, 81, 73, 0.15);\n --color-done-fg: @mauve;\n --color-done-emphasis: @mauve;\n --color-done-muted: rgba(163, 113, 247, 0.4);\n --color-done-subtle: rgba(163, 113, 247, 0.15);\n --color-sponsors-fg: @mauve;\n --color-sponsors-emphasis: @mauve;\n --color-sponsors-muted: rgba(219, 97, 162, 0.4);\n --color-sponsors-subtle: rgba(219, 97, 162, 0.15);\n --color-primer-fg-disabled: fadeout(@accent-color, 50%);\n --color-primer-canvas-backdrop: rgba(1, 4, 9, 0.8);\n --color-primer-canvas-sticky: rgba(13, 17, 23, 0.95);\n --color-primer-border-active: @red;\n --color-primer-border-contrast: rgba(255, 255, 255, 0.2);\n --color-primer-shadow-highlight: 0 0 transparent;\n --color-primer-shadow-inset: 0 0 transparent;\n --color-primer-shadow-focus: 0 0 0 3px #0c2d6b;\n --color-scale-black: #010409;\n --color-scale-white: #ffffff;\n --color-scale-gray-0: #f0f6fc;\n --color-scale-gray-1: #c9d1d9;\n --color-scale-gray-2: #b1bac4;\n --color-scale-gray-3: #8b949e;\n --color-scale-gray-4: #6e7681;\n --color-scale-gray-5: #484f58;\n --color-scale-gray-6: #30363d;\n --color-scale-gray-7: #21262d;\n --color-scale-gray-8: #161b22;\n --color-scale-gray-9: #0d1117;\n --color-scale-blue-0: #cae8ff;\n --color-scale-blue-1: #a5d6ff;\n --color-scale-blue-2: #79c0ff;\n --color-scale-blue-3: #58a6ff;\n --color-scale-blue-4: #388bfd;\n --color-scale-blue-5: #1f6feb;\n --color-scale-blue-6: #1158c7;\n --color-scale-blue-7: #0d419d;\n --color-scale-blue-8: #0c2d6b;\n --color-scale-blue-9: #051d4d;\n --color-scale-green-0: #aff5b4;\n --color-scale-green-1: #7ee787;\n --color-scale-green-2: #56d364;\n --color-scale-green-3: #3fb950;\n --color-scale-green-4: #2ea043;\n --color-scale-green-5: #238636;\n --color-scale-green-6: #196c2e;\n --color-scale-green-7: #0f5323;\n --color-scale-green-8: #033a16;\n --color-scale-green-9: #04260f;\n --color-scale-yellow-0: #f8e3a1;\n --color-scale-yellow-1: #f2cc60;\n --color-scale-yellow-2: #e3b341;\n --color-scale-yellow-3: #d29922;\n --color-scale-yellow-4: #bb8009;\n --color-scale-yellow-5: #9e6a03;\n --color-scale-yellow-6: #845306;\n --color-scale-yellow-7: #693e00;\n --color-scale-yellow-8: #4b2900;\n --color-scale-yellow-9: #341a00;\n --color-scale-orange-0: #ffdfb6;\n --color-scale-orange-1: #ffc680;\n --color-scale-orange-2: #ffa657;\n --color-scale-orange-3: #f0883e;\n --color-scale-orange-4: #db6d28;\n --color-scale-orange-5: #bd561d;\n --color-scale-orange-6: #9b4215;\n --color-scale-orange-7: #762d0a;\n --color-scale-orange-8: #5a1e02;\n --color-scale-orange-9: #3d1300;\n --color-scale-red-0: #ffdcd7;\n --color-scale-red-1: #ffc1ba;\n --color-scale-red-2: #ffa198;\n --color-scale-red-3: #ff7b72;\n --color-scale-red-4: #f85149;\n --color-scale-red-5: #da3633;\n --color-scale-red-6: #b62324;\n --color-scale-red-7: #8e1519;\n --color-scale-red-8: #67060c;\n --color-scale-red-9: #490202;\n --color-scale-purple-0: #eddeff;\n --color-scale-purple-1: #e2c5ff;\n --color-scale-purple-2: #d2a8ff;\n --color-scale-purple-3: #bc8cff;\n --color-scale-purple-4: #a371f7;\n --color-scale-purple-5: #8957e5;\n --color-scale-purple-6: #6e40c9;\n --color-scale-purple-7: #553098;\n --color-scale-purple-8: #3c1e70;\n --color-scale-purple-9: #271052;\n --color-scale-pink-0: #ffdaec;\n --color-scale-pink-1: #ffbedd;\n --color-scale-pink-2: #ff9bce;\n --color-scale-pink-3: #f778ba;\n --color-scale-pink-4: #db61a2;\n --color-scale-pink-5: #bf4b8a;\n --color-scale-pink-6: #9e3670;\n --color-scale-pink-7: #7d2457;\n --color-scale-pink-8: #5e103e;\n --color-scale-pink-9: #42062a;\n --color-scale-coral-0: #ffddd2;\n --color-scale-coral-1: #ffc2b2;\n --color-scale-coral-2: #ffa28b;\n --color-scale-coral-3: #f78166;\n --color-scale-coral-4: #ea6045;\n --color-scale-coral-5: #cf462d;\n --color-scale-coral-6: #ac3220;\n --color-scale-coral-7: #872012;\n --color-scale-coral-8: #640d04;\n --color-scale-coral-9: #460701;\n }\n --color-workflow-card-connector: @overlay0;\n --color-workflow-card-connector-bg: @overlay0;\n --color-workflow-card-connector-inactive: @surface1;\n --color-workflow-card-connector-inactive-bg: @surface1;\n --color-workflow-card-connector-highlight: @accent-color;\n --color-workflow-card-connector-highlight-bg: @accent-color;\n --color-workflow-card-bg: @surface1;\n --color-workflow-card-inactive-bg: @surface0;\n --color-workflow-card-header-shadow: #dc2286;\n --color-workflow-card-progress-complete-bg: fadeout(@blue, 85%);\n --color-workflow-card-progress-incomplete-bg: @surface1;\n --color-discussions-state-answered-icon: var(--color-scale-green-3);\n --color-bg-discussions-row-emoji-box: var(--color-scale-gray-6);\n --color-notifications-button-text: var(--color-scale-white);\n --color-notifications-button-hover-text: var(--color-scale-white);\n --color-notifications-button-hover-bg: var(--color-scale-blue-4);\n --color-notifications-row-read-bg: var(--color-canvas-default);\n --color-notifications-row-bg: var(--color-canvas-subtle);\n --color-icon-directory: @text;\n --color-checks-step-error-icon: var(--color-scale-red-4);\n --color-calendar-halloween-graph-day-L1-bg: #631c03;\n --color-calendar-halloween-graph-day-L2-bg: #bd561d;\n --color-calendar-halloween-graph-day-L3-bg: #fa7a18;\n --color-calendar-halloween-graph-day-L4-bg: #fddf68;\n --color-calendar-graph-day-bg: @surface0;\n --color-calendar-graph-day-border: transparent;\n /* These could do with a bit of refining */\n --color-calendar-graph-day-L1-bg: spin(fade(@green, 40%), 15deg);\n --color-calendar-graph-day-L2-bg: spin(fade(@green, 60%), 10deg);\n --color-calendar-graph-day-L3-bg: spin(fade(@green, 80%), 5deg);\n --color-calendar-graph-day-L4-bg: @green;\n --color-calendar-graph-day-L1-border: transparent;\n --color-calendar-graph-day-L2-border: transparent;\n --color-calendar-graph-day-L3-border: transparent;\n --color-calendar-graph-day-L4-border: transparent;\n --color-user-mention-fg: var(--color-scale-yellow-0);\n --color-user-mention-bg: var(--color-scale-yellow-8);\n --color-text-white: @text;\n\n /* Buttons */\n .btn-danger,\n .Button--danger {\n background: var(--color-btn-danger-bg);\n }\n\n /* Create PR button & New branch button */\n .iRoQzU,\n .ifkUYV,\n .bOZDzN {\n background-color: @green;\n color: @base;\n }\n\n /* New branch dialog */\n .jenxrv {\n background-color: @mantle;\n color: @text;\n }\n\n /* Branch drop down */\n .fHiIQb {\n background-color: @surface0;\n }\n\n /* Compare button & Cancel new branch button */\n .idPXPh,\n .epAEYw {\n background-color: @surface0;\n color: @text;\n border-color: @surface1;\n }\n\n /* search btn */\n .header-search-button.placeholder {\n color: @text;\n }\n\n /* Issue tags */\n .hx_IssueLabel {\n --text: @text;\n }\n\n .hx_IssueLabel not when (@lookup =latte) {\n --lightness-threshold: 0.453;\n --border-threshold: 0.96;\n --border-fadeout: max(\n 0,\n min(\n calc((var(--perceived-lightness) - var(--border-threshold)) * 100),\n 1\n )\n ); //color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%)) !important;\n color: var(--text) !important;\n background: rgb(\n var(--label-r),\n var(--label-g),\n var(--label-b)\n ) !important;\n border-color: hsla(\n var(--label-h),\n calc(var(--label-s) * 1%),\n calc((var(--label-l) - 25) * 1%),\n var(--border-fadeout)\n ) !important;\n }\n\n .hx_IssueLabel when (@lookup =latte) {\n --lightness-threshold: 0.6;\n --background-fadeout: 0.18;\n --border-fadeout: 0.3;\n --lighten-by: calc(\n ((var(--lightness-threshold) - var(--perceived-lightness)) * 100) *\n var(--lightness-switch)\n );\n color: hsl(\n var(--label-h),\n calc(var(--label-s) * 1%),\n calc((var(--label-l) + var(--lighten-by)) * 1%)\n ) !important;\n background: rgba(\n var(--label-r),\n var(--label-g),\n var(--label-b),\n var(--background-fadeout)\n ) !important;\n border-color: hsla(\n var(--label-h),\n calc(var(--label-s) * 1%),\n calc((var(--label-l) + var(--lighten-by)) * 1%),\n var(--border-fadeout)\n ) !important;\n }\n\n /* Labels */\n .Label {\n color: var(--color-accent-fg);\n background-color: @surface0;\n border-color: transparent;\n }\n\n .Label--secondary {\n background-color: @surface0;\n color: @text;\n }\n\n .Label--success {\n color: @base;\n background-color: @green;\n }\n\n .Label--danger {\n background-color: var(--color-danger-emphasis);\n color: var(--color-btn-danger-text);\n }\n\n .timeline-comment-header .Label,\n .timeline-comment .Label {\n color: var(--color-fg-muted);\n }\n\n /* Search */\n .header-search-input {\n color: @text !important;\n }\n\n .header-search-input::placeholder {\n color: @subtext1 !important;\n }\n\n /* Tags */\n .topic-tag {\n --color-accent-fg: @blue;\n --color-accent-emphasis: @blue;\n --color-accent-muted: fadeout(@blue, 60%);\n --color-accent-subtle: fadeout(@blue, 85%);\n }\n\n /* Misc */\n .col-md-8 {\n background-color: @base;\n }\n\n .user-mention,\n .team-mention {\n color: @accent-color;\n }\n\n .kSmUFR[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: @green;\n }\n .starred .starred-button-icon {\n color: @yellow;\n }\n\n /* Large notification */\n .flash {\n background: @mantle;\n border-color: transparent;\n }\n\n /* Button Fix */\n .color-bg-subtle {\n background-color: transparent !important;\n }\n\n .command-palette-details-dialog .color-bg-subtle {\n background-color: @surface0 !important;\n }\n\n /* Button selection Fix */\n .navigation-item[aria-selected=\"true\"] .color-fg-muted {\n color: @base !important;\n }\n\n /* Darker bg for new AppHeader */\n .AppHeader {\n background: var(--color-header-bg);\n }\n\n /* Headers */\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n color: @subtext1;\n }\n\n body,\n .markdown-body {\n & when (@usefont=1) {\n font-family: inter, sans-serif;\n }\n }\n\n #check-step-header-title {\n color: var(--color-checks-text-link) !important;\n }\n\n ::selection {\n background: @surface2 !important;\n }\n\n /* New change visibility box star and watcher preview buttons Fix */\n .btn.color-fg-danger.cursor-default {\n color: var(--color-btn-danger-text) !important;\n background-color: var(--color-btn-danger-bg);\n }\n\n .btn.color-fg-danger.cursor-default:hover {\n background-color: var(--color-btn-danger-hover-bg);\n }\n\n .btn.color-fg-danger.cursor-default > svg.octicon {\n color: var(--color-btn-danger-text) !important;\n }\n\n /* New change visibility box danger buttons Fix */\n :where(\n #repo-visibility-proceed-button-public,\n #repo-visibility-proceed-button-private\n ):not([data-next-stage]) {\n color: var(--color-btn-danger-text);\n background-color: var(--color-btn-danger-bg);\n }\n\n /* 2FA authentication box header Fix */\n body.session-authentication div.Box-header {\n background-color: inherit;\n }\n\n /* Footer Logo Fix */\n .footer-octicon > svg:nth-child(1) > path:nth-child(1) {\n fill: @text;\n }\n\n /* Footer text hover fix */\n .footer nav.col-12 * {\n color: @subtext1 !important;\n }\n\n /* Notifications */\n .notification-indicator .mail-status {\n background-image: none;\n background-color: @accent-color;\n }\n\n /* Keyboard hint */\n .bdgUpN,\n .hZMmEi .TextInput-icon,\n .hZMmEi .TextInput-action {\n color: @text;\n background-color: @mantle;\n border-color: @surface0;\n }\n\n /* Merge icon */\n .fMJQEf {\n color: @text;\n background-color: @overlay0;\n }\n\n /* Branch indicator */\n .iVNDSi {\n color: @accent-color;\n background-color: fade(@accent-color, 10);\n }\n\n /* File view */\n .hwnsNO {\n color: @text;\n th {\n background: @mantle;\n }\n }\n\n .dXveNa[data-no-visuals=\"true\"] {\n color: @subtext0;\n }\n\n .dXveNa,\n .kbjJSF {\n background-color: @surface0;\n border-color: @surface1;\n }\n\n .gUecKw,\n .lcpiaz,\n .jolsUx,\n .fsSggy {\n background-color: @mantle;\n }\n\n .Cxvmo,\n .dhYcqs {\n color: @red;\n }\n\n .byJIBD,\n .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: @green;\n }\n\n .lmmHGT:not(:first-of-type),\n .fOEJrA,\n .fnFdxN,\n .huABLg,\n .dMLfZp[data-component=\"IconButton\"][data-no-visuals],\n .cwSUxL,\n .iXnXki[data-size=\"small\"][data-no-visuals=\"true\"],\n .jvzHAP,\n .hPIyzG,\n .gTeenv[data-no-visuals=\"true\"],\n .VplrY[data-no-visuals=\"true\"],\n .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n .icOaJE[data-size=\"small\"][data-no-visuals=\"true\"],\n .kKFNhh,\n .lnXbGs,\n .dTxwit {\n color: @subtext0;\n }\n\n .gssqTz {\n color: @text !important;\n }\n\n .bPgnBp,\n .jMyfUO,\n .cBrzIN {\n color: @text;\n }\n\n .eLaeIt:hover:not([disabled]),\n .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"]:hover:not([disabled]),\n .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n .bDSYgZ:hover:not([disabled]),\n .icOaJE:hover:not([disabled]) {\n background-color: @surface0;\n }\n\n .icOaJE[aria-pressed=\"true\"] {\n background-color: @surface0;\n }\n\n .cZRqXf {\n background-color: @surface0;\n &:active:not([disabled]),\n &[aria-expanded=\"true\"] {\n border-color: @surface2;\n }\n &:hover:not([disabled]) {\n border-color: @surface2;\n background-color: @surface1;\n }\n }\n\n .kdEavw,\n .ddNLNa,\n .jepClM,\n .gTeenv,\n .VplrY {\n background-color: @surface0;\n &:hover:not([disabled]) {\n border-color: @surface2;\n background-color: @surface1;\n }\n }\n\n .juEfKr {\n border-color: @surface2;\n }\n\n .eUqMHM,\n .hSXtjz {\n background-color: @base;\n }\n\n .gtXnmh,\n .ukUXs,\n .giEfVQ,\n .cKvNNO,\n .evdFFE,\n .kTUxDY {\n background-color: @mantle;\n }\n\n .hLwWNO .PRIVATE_TreeView-item-container,\n .hYaoHV,\n .rLhXz,\n .gtXnmh,\n .lmmHGT,\n .dEmXPQ {\n color: @text;\n }\n\n .bJBoUI,\n .iJtJJh {\n color: @accent-color;\n }\n\n .lhyFLG {\n background-color: @mantle;\n border-top: 1px solid @surface1;\n border-right-color: @surface1;\n border-bottom-color: @surface1;\n border-left-color: @surface1;\n }\n\n .hUWqlv,\n .bJcMWH {\n color: @blue;\n }\n\n .gxGEao {\n border-bottom-color: @surface0;\n }\n\n .hLwWNO\n .PRIVATE_TreeView-item[aria-current=\"true\"]\n > .PRIVATE_TreeView-item-container {\n background-color: @surface0;\n &::after {\n background-color: @accent-color;\n }\n }\n\n .dfAUyE,\n .gKuCoB,\n .bFrOJy {\n .segmentedControl-content {\n background-color: @mantle;\n color: @text;\n }\n }\n\n .cuqBaK,\n .fCAAcl,\n .dAXkSP {\n color: @text;\n background-color: @base;\n &:hover .segmentedControl-content {\n background: @surface0;\n }\n }\n\n @media (hover: hover) and (pointer: fine) {\n .rLhXz:hover:not([aria-disabled]) {\n background-color: @surface0;\n }\n }\n\n /* Projects */\n .ksbilD,\n .cuaLcW,\n .joCMLT,\n .jClMHS,\n .jhjELj,\n .diDjDG,\n .gFuKCf,\n .dHdESs,\n .hpfKPO,\n .jdgyJn,\n .iInViE,\n .brqMal,\n .AbCTW {\n background-color: @mantle;\n }\n\n .jEgFtJ,\n .lixtXZ:hover,\n .eNIoFu,\n .idPXPh:hover,\n .fdORwV,\n .cjFogo,\n .gIOnJa {\n background-color: @surface0;\n }\n\n .jBCpbB {\n color: @text;\n background-color: @surface0;\n }\n\n .kzrUhn.selected {\n background-color: @base;\n border-color: @surface0;\n color: @text;\n }\n\n .esIQoN,\n .kbjJSF:disabled {\n color: @subtext1;\n }\n\n .eJTCnd,\n .eTthoV {\n border-color: @surface0;\n background-color: @base;\n color: @text;\n .fixINc,\n .eDZJqt {\n color: @subtext0;\n }\n .bniVFX,\n .jtlytA {\n color: @text;\n }\n }\n\n .ikTPpF {\n box-shadow: @base 0px 3px 6px;\n border-color: @surface0;\n }\n\n .cvveTk,\n .dwoION {\n background-color: @base;\n }\n\n .FKGWN {\n background-color: @base;\n border-color: @surface0;\n }\n\n .jEgFtJ::after {\n background-color: @accent-color;\n }\n\n .khCtfm:hover {\n background-color: @surface0;\n }\n\n .khCtfm,\n .khCtfm[data-component=\"leadingVisual\"],\n .Tnbrt[data-component=\"IconButton\"][data-no-visuals] {\n color: @subtext0;\n }\n\n .Tnbrt {\n &:active,\n &[aria-expanded=\"true\"] {\n background-color: @surface2;\n }\n &:hover {\n background-color: @surface1;\n }\n }\n\n .imsxCM {\n color: @text;\n\n .is-selected::after {\n background-color: @accent-color;\n }\n }\n\n .pxYjU {\n background-color: @mantle;\n color: @text;\n border-color: @surface0;\n }\n\n .ilLRrZ {\n color: @text;\n background-color: @surface1;\n }\n\n .cnIHxk {\n background-color: @surface0;\n color: @text;\n &:disabled {\n background-color: @overlay0;\n color: @crust;\n }\n }\n\n .ghFpol {\n background-color: @base;\n }\n\n .hVmCdl,\n .fqKZNC,\n .fZFWUy,\n .kbjJSF,\n .flKHtV,\n .jolsUx,\n .ekNmOn {\n color: @text;\n }\n\n .lixtXZ[data-component=\"IconButton\"][data-no-visuals],\n .klUZzf:not(:first-of-type) {\n color: @subtext0;\n }\n\n .jvpWzR {\n &:hover {\n background-color: @surface1;\n }\n &[data-size=\"large\"][data-block=\"block\"] {\n color: @subtext0;\n }\n }\n\n .fZFWUy,\n .fzjwje {\n background-color: @base;\n }\n\n .cEYXBH {\n background-color: @accent-color;\n }\n\n .joxhcl,\n .hXyJIp,\n .fMkBhb > .segmentedControl-content {\n background-color: @mantle;\n }\n\n .dVFmxu,\n .gbKtit,\n .lnKxja,\n .jzwNMs {\n color: @subtext0;\n svg {\n fill: @subtext0;\n }\n &:hover .segmentedControl-content {\n background-color: @surface1;\n border-color: @surface0;\n }\n }\n\n .hJMtSk {\n color: @crust;\n background-color: @green;\n &:disabled {\n color: @crust;\n background-color: @overlay0;\n }\n }\n\n .iDiUTR {\n color: @text;\n background-color: @base;\n border-color: @surface0;\n &:hover {\n border-color: @surface1;\n }\n }\n\n .eQfJKc,\n .UHWYv {\n color: @red;\n }\n\n .jVIqnb {\n color: @red;\n background-color: @surface0;\n &:hover {\n color: @base;\n background-color: @red;\n }\n }\n\n .UHWYv:hover {\n background-color: fade(@red, 20);\n }\n\n .lmmHGT:hover {\n background-color: @surface0;\n }\n\n /* Project table view */\n .hYdbWk,\n .gkeKEr,\n .jzcCeu,\n .iGxiw,\n .ixFSpw,\n .koxWOe,\n .gkWKRr,\n .ikaTJo > svg,\n .dcGHGc,\n .dzMFih,\n .hYdbWk::before,\n .ixFSpw::before,\n .dSHKOE {\n background-color: @base;\n }\n\n .gkWKRr {\n border-top-color: @surface0;\n border-right-color: @surface0;\n border-left-color: @surface0;\n }\n\n .hPQRKh {\n background-color: @surface0;\n &:hover:not([disabled]) {\n background-color: @surface1;\n }\n &[data-component=\"IconButton\"][data-no-visuals] {\n color: @subtext0;\n }\n }\n\n .kfwhFa {\n &:hover:not([disabled]) {\n background-color: @surface0;\n }\n &[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: @subtext0;\n }\n }\n\n .jykkjb {\n background-color: @base;\n box-shadow:\n @crust 0px -2px 0px inset,\n @crust 0px 1px 0px inset;\n }\n\n .jhjELj,\n .ixTUPS {\n border-color: @surface1;\n }\n\n .gmscZx,\n .fUaEiu {\n &:hover:not([disabled]) {\n background-color: @surface1;\n }\n &[aria-expanded=\"true\"] {\n background-color: @surface0;\n }\n & [data-component=\"leadingVisual\"],\n &[data-size=\"small\"],\n &[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: @subtext0;\n }\n }\n\n .cBssZb {\n color: @text;\n }\n\n .jhjELj::before {\n border-color: transparent transparent @surface1;\n }\n\n .fHpqaf,\n .bfQVnA,\n .iGxiw,\n .fUzagb,\n .gisjeK,\n .iQkwAM {\n color: @subtext0;\n }\n\n smt {\n background-color: @base;\n &:hover {\n background-color: @surface0;\n }\n }\n\n .dtTTcd {\n background-color: @base;\n &.hoverable:hover {\n background-color: @surface0;\n }\n }\n\n .pQcjM {\n border-color: @surface1;\n &.hoverable:hover {\n background-color: @surface0;\n }\n }\n\n .eTSXcP {\n background-color: @red;\n }\n\n .iGxiw {\n border-bottom-color: @surface1;\n }\n\n /* Tree Fix */\n\n /* Tree Fix */\n\n /* Weird barely visible outlines | Can be removed if intentional*/\n .brFBoI,\n .ldUAkr,\n .gtXnmh {\n border-color: @surface1;\n }\n\n /* New Repository Overview Fix */\n .gWjhfa,\n .jMdYTc {\n background-color: @mantle;\n }\n\n .jMdYTc {\n border: 1px solid @surface1;\n\n & button {\n color: @subtext1;\n\n &:hover {\n background-color: @surface0;\n }\n\n &[aria-expanded=\"true\"] {\n background-color: @surface0;\n }\n }\n }\n\n .gwuIGu > a {\n &:hover {\n background-color: @surface0;\n }\n\n & span {\n color: @subtext1;\n }\n }\n\n /* Buttons */\n .bJYdrf:hover {\n background-color: @mantle;\n }\n\n .dSlCya:hover {\n color: @accent-color;\n }\n\n .hNNRLM,\n .hGgJQu,\n .hTcsdJ {\n background-color: @surface0;\n border-color: @surface0;\n color: @text;\n\n &:hover {\n background-color: @surface1;\n border-color: @surface1;\n }\n }\n\n .eOIzRT {\n background-color: @base;\n\n &:hover {\n background-color: @surface0;\n }\n }\n\n .hNNRLM svg {\n color: @text;\n }\n\n .react-last-commit-history-group:hover {\n background-color: @base;\n color: @text;\n }\n\n .hfRvxg {\n color: @subtext1;\n\n &:hover {\n color: @text;\n }\n }\n\n /* Scrolling top menu */\n .lbYguI {\n border-radius: 6px;\n }\n\n .hPsWZB,\n .bOUZZs {\n background-color: @mantle;\n }\n\n .react-blob-header-edit-and-raw-actions > div > a,\n .react-blob-header-edit-and-raw-actions > div > span > a,\n .react-blob-header-edit-and-raw-actions > div > span > button {\n background-color: @base;\n color: @subtext0;\n\n &:hover {\n background-color: @surface1;\n }\n }\n\n .hMOAua {\n color: @subtext1;\n\n &:hover {\n background-color: @mantle;\n border: 1px solid @surface1;\n color: @text;\n }\n }\n\n /* Fullscreen Sidebar Fixes*/\n .hMCjFU,\n .jcKsih,\n .hpgNiv {\n background-color: @base;\n color: @text;\n border: 1px solid @surface1;\n\n &:hover {\n background-color: @surface0;\n }\n }\n\n /* Dropdown Menus */\n .jfOCiu,\n .gNXjVV,\n .iGzDhH,\n .Overlay {\n background-color: @mantle;\n border: 1px solid @surface1;\n border-radius: 6px;\n box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n }\n\n .jfOCiu li {\n color: @text;\n }\n\n .kRbyXo {\n color: @text;\n }\n\n .VgnWi {\n background-color: @base;\n border: 1px solid @surface1;\n\n &:focus-within {\n border-color: @accent-color;\n box-shadow: @accent-color 0px 0px 0px 1px inset;\n }\n }\n\n .bAKGFC {\n background-color: @surface1;\n }\n\n .bdMlHy {\n border-color: @surface1;\n }\n\n .jMyfUO.selected {\n border-color: @surface1;\n background-color: @mantle;\n }\n\n .bPgnBp {\n color: @accent-color;\n }\n\n kbd {\n background-color: @surface1;\n }\n\n select option,\n optgroup {\n background-color: @mantle;\n border: 1px solid @surface1;\n border-radius: 6px;\n box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n }\n\n .hUQSCH {\n background-color: @base;\n color: @subtext1;\n border-color: @surface1;\n\n &:hover {\n background-color: @mantle;\n border-color: @surface1;\n }\n }\n\n /* Add File Menu */\n .dQPLyc {\n background-color: transparent;\n border: 1px solid @surface1;\n }\n\n .ktGGEf {\n background-color: @base;\n border: 1px solid @surface1;\n }\n\n .gkfBtX {\n background-color: @mantle;\n border-radius: 6px 0px 0px 0px;\n border-bottom: 1px solid @surface1;\n }\n\n .jproXT {\n background-color: transparent;\n border-color: transparent;\n color: @subtext1;\n\n &:hover {\n color: @text;\n }\n\n &:focus-within {\n border-color: transparent;\n box-shadow: none;\n color: @text;\n }\n }\n\n .wLDmP {\n background-color: @mantle;\n border: 1px solid @surface1;\n }\n\n .eNSiNz .segmentedControl-content,\n .gKuCoB .segmentedControl-content {\n background-color: @base;\n }\n\n /* Notification Menu Fix */\n .notifications-list-item.notification-read,\n .notifications-list-item.notification-archived {\n background-color: @base !important;\n\n &:last-child {\n border-bottom-left-radius: 6px;\n }\n }\n\n /* Loading Bar Color */\n .turbo-progress-bar {\n background-color: @accent-color;\n }\n }\n}\n@-moz-document regexp(\"https:\\/\\/notebooks\\.githubusercontent\\.com\\/view\\/ipynb.*\") {\n :root {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n /* Colors */\n --color-scale-black: #010409;\n --color-scale-white: #ffffff;\n --color-scale-gray-0: #f0f6fc;\n --color-scale-gray-1: #c9d1d9;\n --color-scale-gray-2: #b1bac4;\n --color-scale-gray-3: #8b949e;\n --color-scale-gray-4: #6e7681;\n --color-scale-gray-5: #484f58;\n --color-scale-gray-6: #30363d;\n --color-scale-gray-7: #21262d;\n --color-scale-gray-8: #161b22;\n --color-scale-gray-9: #0d1117;\n --color-scale-blue-0: #cae8ff;\n --color-scale-blue-1: #a5d6ff;\n --color-scale-blue-2: #79c0ff;\n --color-scale-blue-3: #58a6ff;\n --color-scale-blue-4: #388bfd;\n --color-scale-blue-5: #1f6feb;\n --color-scale-blue-6: #1158c7;\n --color-scale-blue-7: #0d419d;\n --color-scale-blue-8: #0c2d6b;\n --color-scale-blue-9: #051d4d;\n --color-scale-green-0: #aff5b4;\n --color-scale-green-1: #7ee787;\n --color-scale-green-2: #56d364;\n --color-scale-green-3: #3fb950;\n --color-scale-green-4: #2ea043;\n --color-scale-green-5: #238636;\n --color-scale-green-6: #196c2e;\n --color-scale-green-7: #0f5323;\n --color-scale-green-8: #033a16;\n --color-scale-green-9: #04260f;\n --color-scale-yellow-0: #f8e3a1;\n --color-scale-yellow-1: #f2cc60;\n --color-scale-yellow-2: #e3b341;\n --color-scale-yellow-3: #d29922;\n --color-scale-yellow-4: #bb8009;\n --color-scale-yellow-5: #9e6a03;\n --color-scale-yellow-6: #845306;\n --color-scale-yellow-7: #693e00;\n --color-scale-yellow-8: #4b2900;\n --color-scale-yellow-9: #341a00;\n --color-scale-orange-0: #ffdfb6;\n --color-scale-orange-1: #ffc680;\n --color-scale-orange-2: #ffa657;\n --color-scale-orange-3: #f0883e;\n --color-scale-orange-4: #db6d28;\n --color-scale-orange-5: #bd561d;\n --color-scale-orange-6: #9b4215;\n --color-scale-orange-7: #762d0a;\n --color-scale-orange-8: #5a1e02;\n --color-scale-orange-9: #3d1300;\n --color-scale-red-0: #ffdcd7;\n --color-scale-red-1: #ffc1ba;\n --color-scale-red-2: #ffa198;\n --color-scale-red-3: #ff7b72;\n --color-scale-red-4: #f85149;\n --color-scale-red-5: #da3633;\n --color-scale-red-6: #b62324;\n --color-scale-red-7: #8e1519;\n --color-scale-red-8: #67060c;\n --color-scale-red-9: #490202;\n --color-scale-purple-0: #eddeff;\n --color-scale-purple-1: #e2c5ff;\n --color-scale-purple-2: #d2a8ff;\n --color-scale-purple-3: #bc8cff;\n --color-scale-purple-4: #a371f7;\n --color-scale-purple-5: #8957e5;\n --color-scale-purple-6: #6e40c9;\n --color-scale-purple-7: #553098;\n --color-scale-purple-8: #3c1e70;\n --color-scale-purple-9: #271052;\n --color-scale-pink-0: #ffdaec;\n --color-scale-pink-1: #ffbedd;\n --color-scale-pink-2: #ff9bce;\n --color-scale-pink-3: #f778ba;\n --color-scale-pink-4: #db61a2;\n --color-scale-pink-5: #bf4b8a;\n --color-scale-pink-6: #9e3670;\n --color-scale-pink-7: #7d2457;\n --color-scale-pink-8: #5e103e;\n --color-scale-pink-9: #42062a;\n --color-scale-coral-0: #ffddd2;\n --color-scale-coral-1: #ffc2b2;\n --color-scale-coral-2: #ffa28b;\n --color-scale-coral-3: #f78166;\n --color-scale-coral-4: #ea6045;\n --color-scale-coral-5: #cf462d;\n --color-scale-coral-6: #ac3220;\n --color-scale-coral-7: #872012;\n --color-scale-coral-8: #640d04;\n --color-scale-coral-9: #460701;\n\n --jp-border-color0: var(--color-scale-gray-7);\n --jp-border-color1: var(--color-scale-gray-7);\n --jp-border-color2: var(--color-scale-gray-8);\n --jp-border-color3: var(--color-scale-gray-9);\n --jp-ui-font-color0: @text;\n --jp-ui-font-color1: fadeout(@text, 13%);\n --jp-ui-font-color2: fadeout(@text, 46%);\n --jp-ui-font-color3: fadeout(@text, 72%);\n --jp-ui-inverse-font-color0: @crust;\n --jp-ui-inverse-font-color1: fadeout(@crust, 20%);\n --jp-ui-inverse-font-color2: fadeout(@crust, 50%);\n --jp-ui-inverse-font-color3: fadeout(@crust, 70%);\n --jp-content-font-color0: @text;\n --jp-content-font-color1: @text;\n --jp-content-font-color2: fadeout(@text, 30%);\n --jp-content-font-color3: fadeout(@text, 50%);\n --jp-content-link-color: @sapphire;\n --jp-layout-color0: @base !important;\n --jp-layout-color1: var(--color-scale-gray-9);\n --jp-layout-color2: var(--color-scale-gray-8);\n --jp-layout-color3: var(--color-scale-gray-7);\n --jp-layout-color4: var(--color-scale-gray-6);\n --jp-inverse-layout-color0: var(--color-scale-white);\n --jp-inverse-layout-color1: var(--color-scale-white);\n --jp-inverse-layout-color2: var(--color-scale-gray-2);\n --jp-inverse-layout-color3: var(--color-scale-gray-4);\n --jp-inverse-layout-color4: var(--color-scale-gray-6);\n --jp-brand-color0: var(--color-scale-blue-7);\n --jp-brand-color1: var(--color-scale-blue-5);\n --jp-brand-color2: var(--color-scale-blue-3);\n --jp-brand-color3: var(--color-scale-blue-1);\n --jp-brand-color4: var(--color-scale-blue-0);\n --jp-accent-color0: var(--color-scale-green-7);\n --jp-accent-color1: var(--color-scale-green-5);\n --jp-accent-color2: var(--color-scale-green-3);\n --jp-accent-color3: var(--color-scale-green-1);\n --jp-warn-color0: var(--color-scale-orange-7);\n --jp-warn-color1: var(--color-scale-orange-5);\n --jp-warn-color2: var(--color-scale-orange-3);\n --jp-warn-color3: var(--color-scale-orange-1);\n --jp-error-color0: var(--color-scale-red-7);\n --jp-error-color1: var(--color-scale-red-5);\n --jp-error-color2: var(--color-scale-red-3);\n --jp-error-color3: var(--color-scale-red-1);\n --jp-success-color0: var(--color-scale-green-7);\n --jp-success-color1: var(--color-scale-green-5);\n --jp-success-color2: var(--color-scale-green-3);\n --jp-success-color3: var(--color-scale-green-1);\n --jp-info-color0: var(--color-scale-blue-7);\n --jp-info-color1: var(--color-scale-blue-5);\n --jp-info-color2: var(--color-scale-blue-3);\n --jp-info-color3: var(--color-scale-blue-1);\n --jp-cell-editor-border-color: var(--color-scale-gray-7);\n --jp-cell-editor-box-shadow: inset 0 0 2px var(--color-scale-blue-3);\n --jp-cell-prompt-not-active-font-color: fadeout(@text, 50%);\n --jp-cell-inprompt-font-color: var(--color-scale-blue-6);\n --jp-cell-outprompt-font-color: var(--color-scale-coral-6);\n --jp-notebook-multiselected-color: fadeout(@overlay2, 86%);\n --jp-rendermime-error-background: fadeout(@red, 82%);\n --jp-rendermime-table-row-background: var(--color-scale-gray-9);\n --jp-rendermime-table-row-hover-background: fadeout(@surface2, 86%);\n --jp-dialog-background: fadeout(@crust, 40%);\n --jp-toolbar-box-shadow: 0px 0px 2px 0px fadeout(@crust, 20%);\n --jp-input-box-shadow: inset 0 0 2px var(--color-scale-blue-3);\n --jp-input-background: var(--color-scale-gray-8);\n --jp-input-active-box-shadow-color: fadeout(@blue, 70%);\n --jp-editor-selected-focused-background: fadeout(@blue, 86%);\n --jp-mirror-editor-keyword-color: var(--color-scale-green-5);\n --jp-mirror-editor-atom-color: var(--color-scale-blue-3);\n --jp-mirror-editor-number-color: var(--color-scale-green-4);\n --jp-mirror-editor-def-color: var(--color-scale-blue-6);\n --jp-mirror-editor-variable-color: var(--color-scale-gray-3);\n --jp-mirror-editor-variable-2-color: var(--color-scale-blue-4);\n --jp-mirror-editor-variable-3-color: var(--color-scale-green-6);\n --jp-mirror-editor-punctuation-color: var(--color-scale-blue-4);\n --jp-mirror-editor-property-color: var(--color-scale-blue-4);\n --jp-mirror-editor-operator-color: @mauve;\n --jp-mirror-editor-comment-color: @subtext0;\n --jp-mirror-editor-string-color: @peach;\n --jp-mirror-editor-string-2-color: var(--color-scale-purple-3);\n --jp-mirror-editor-meta-color: @mauve;\n --jp-mirror-editor-qualifier-color: var(--color-scale-gray-5);\n --jp-mirror-editor-builtin-color: var(--color-scale-green-6);\n --jp-mirror-editor-bracket-color: var(--color-scale-gray-2);\n --jp-mirror-editor-tag-color: var(--color-scale-blue-7);\n --jp-mirror-editor-attribute-color: var(--color-scale-blue-7);\n --jp-mirror-editor-header-color: var(--color-scale-blue-5);\n --jp-mirror-editor-quote-color: var(--color-scale-green-3);\n --jp-mirror-editor-link-color: var(--color-scale-blue-7);\n --jp-mirror-editor-error-color: @red;\n --jp-mirror-editor-hr-color: var(--color-scale-gray-8);\n --jp-vega-background: var(--color-scale-gray-4);\n --jp-search-selected-match-background-color: @yellow;\n --jp-search-selected-match-color: @crust;\n --jp-icon-contrast-color0: var(--color-scale-purple-6);\n --jp-icon-contrast-color1: var(--color-scale-green-6);\n --jp-icon-contrast-color2: var(--color-scale-pink-6);\n --jp-icon-contrast-color3: var(--color-scale-blue-6);\n }\n}\n", "usercssData": { "name": "Github Catppuccin", "namespace": "github.com/catppuccin/userstyles/styles/github", "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/github", - "version": "1.2.2", + "version": "1.2.7", "description": "Soothing pastel theme for GitHub", "author": "Catppuccin", "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.css", @@ -1122,214 +1095,12 @@ "author": "Catppuccin", "description": "Soothing pastel theme for GitHub", "name": "Github Catppuccin", - "originalDigest": "3dac56a61e788282dc3113058d134e94453f01a4", + "originalDigest": "715b43b94a9b759ebf68486c32d556e64f58c83b", "_id": "707de53d-4c74-462b-befa-7b946665e44e", - "_rev": 1690480181008, + "_rev": 1696719190007, "id": 40, - "etag": "W/\"5d9d9dbd9f7e941526087183f108cd57d5b7e31f0924c586a291dcd3357367d4\"", - "updateDate": 1690480155001 - }, - { - "enabled": true, - "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/deepl/catppuccin.user.css", - "url": "https://github.com/catppuccin/userstyles/tree/main/styles/deepl", - "installDate": 1690105899992, - "sections": [ - { - "code": "" - } - ], - "sourceCode": "/* ==UserStyle==\n@name DeepL Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/deepl\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/deepl\n@version 0.2.2\n@description Soothing pastel theme for DeepL\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/deepl/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n@var checkbox quotes \"Remove Quotes\" 0\n@var checkbox header \"Remove Header\" 0\n@var checkbox footer \"Remove Footer\" 0\n@var checkbox tabs \"Remove Tabs\" 0\n@var checkbox dictionary \"Remove Dictionary\" 0\n@var checkbox removeAds \"Remove DeepL Ads\" 0\n@var checkbox removeGlossaryButton \"Remove Glossary Button\" 0\n==/UserStyle== */\n@-moz-document url-prefix(\"https://www.deepl.com/translator\") {\n :root {\n #catppuccin(@flavor, @accentColor);\n }\n\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n }\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n }\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n }\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n }\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-Color: @catppuccin[@@lookup][@@accent];\n\n @accent2: mix(@accent-Color, @text, 60%);\n\n /* text highlight */\n ::selection {\n background: fadeout(@accent-Color, 80%) !important;\n color: @text !important;\n }\n\n ::-moz-selection {\n background: fadeout(@accent-Color, 80%) !important;\n color: @text !important;\n }\n\n .dl_body {\n color: @subtext1;\n }\n\n button {\n color: @text;\n }\n\n [class*=\"label--\"] {\n & when (@lookup =\"latte\") {\n --inlineLabelColor: #fff !important;\n }\n --inlineLabelColor: @crust;\n --outline-color: @accent;\n --background: @overlay1;\n --backgroundHover: mix(@overlay1, @base, 90%);\n\n &[class*=\"selected--\"] {\n --background: @green;\n --backgroundHover: mix(@green, @base, 90%);\n }\n\n [class^=\"toggle--\"] {\n [class^=\"knob--\"] {\n & when (@lookup =\"latte\") {\n background: #fff;\n }\n background: @crust;\n }\n }\n }\n\n [class^=\"wrapper--\"] {\n --input-background: @base;\n --input-border-color: @surface1;\n --input-color: @subtext1;\n --button-background: @base;\n --button-border-color: @surface1;\n --button-color: @subtext1;\n\n [class^=\"flyout--\"] {\n --option-color: @subtext1;\n --option-icon-color: @accent;\n background: @surface0;\n\n [class^=\"option--\"][class*=\"unavilable--\"] {\n --option-color: @overlay1;\n --option-icon-color: @subtext0;\n }\n\n &[class*=\"withBorderOnFlyout--\"] {\n --border: 1px solid @surface2;\n }\n }\n }\n\n [class^=\"form--\"] {\n [class^=\"submit--\"] {\n & when (@lookup =\"latte\") {\n color: @base;\n }\n color: @crust;\n background: @accent2;\n\n &:disabled {\n background: fadeout(@accent2, 50%);\n }\n }\n }\n\n .text-deepl-blue {\n color: @accent2;\n }\n\n .text-deprecated-grey-darker {\n color: @subtext1;\n }\n\n .bg-white {\n background-color: @base;\n }\n\n .border-dark-7 {\n border-color: @surface1;\n }\n\n .dl_body--redesign {\n background-color: @mantle !important;\n }\n\n [class*=\"button--\"][class*=\"color_primary--\"] {\n border-color: @accent2;\n background-color: @accent2;\n color: @accent2;\n }\n\n [class*=\"button--\"][class*=\"variant_contained--\"],\n .dark [class*=\"button--\"][class*=\"variant_contained--\"] {\n & when (@lookup =\"latte\") {\n color: #fff;\n }\n color: @crust;\n }\n\n [class*=\"button--\"].variant_text--gozza,\n .dark [class*=\"button--\"].variant_text--gozza {\n background-color: transparent;\n } /////\n .eSEOtericText {\n color: @overlay1;\n }\n\n .dl_header {\n &,\n &::before {\n background-color: @crust !important;\n }\n }\n\n .dl_header_menu_v2__links__item {\n &,\n &:visited,\n &:active,\n &:focus {\n color: @accent2;\n }\n }\n\n .dl_headerMenu__proButton {\n background-color: @accent-Color;\n & when (@lookup =\"latte\") {\n color: #fff;\n }\n color: @crust;\n &:hover {\n background-color: darken(@accent-Color, 30%);\n & when (@lookup =\"latte\") {\n color: #fff;\n }\n color: @crust;\n }\n }\n\n .dl_header_menu_v2__login_button_simple > button {\n color: @accent2;\n\n &:hover {\n color: @accent-Color;\n }\n }\n\n .dl_header_menu_v2__buttons__menu > button {\n &::before,\n &::after {\n color: @accent2;\n }\n\n &:hover {\n &::before,\n &::after {\n color: @accent-Color;\n }\n }\n }\n\n .dl_headerMenu__freeBadge,\n .dl_headerMenu__fadeoutBadge {\n background-color: spin(@accent-Color, -40deg);\n & when (@lookup =\"latte\") {\n color: #fff;\n }\n color: @crust;\n }\n\n .dl_header_menu_v2__links__item.dl_translator_link:not(.nohover):hover {\n color: @accent-Color;\n }\n\n .dl_header_menu_v2__links__item:not(.nohover):hover,\n .dl_header_menu_v2__links__item.is-active {\n border-bottom-color: @accent-Color;\n color: @accent-Color;\n }\n\n #new-menu-container {\n [class^=\"menuContainer--\"] {\n background-color: @base;\n }\n\n [class^=\"container--\"] a {\n color: @text;\n\n &:hover {\n color: @accent;\n }\n }\n\n [class^=\"mainContent--\"] + [class^=\"mainContent--\"] {\n border-top-color: @surface1;\n }\n\n [class^=\"closeButton\"] {\n &::before,\n &::after {\n background-color: @subtext0;\n }\n\n &:hover {\n &::before,\n &::after {\n background-color: @accent-Color;\n }\n }\n }\n }\n .lmt--web .lmt__language_container .lmt__language_container_switch:hover,\n .lmt--web .lmt__language_container .lmt__language_container_switch:focus {\n color: @accent-Color;\n }\n\n .lmt__docTrans-tab-container {\n [class^=\"cardButton--\"] {\n background-color: @base;\n border-color: @surface1;\n\n &:not([class*=\"active--\"]):hover {\n background-color: @surface0;\n }\n }\n\n [class^=\"textLower--\"] {\n color: @overlay2;\n }\n\n [class*=\"logo\"],\n [class^=\"textUpper--\"] {\n color: @accent-Color;\n }\n\n [class*=\"active--\"] {\n [class*=\"logo\"],\n [class^=\"textUpper--\"] {\n color: @text;\n }\n\n [class^=\"innerLower--\"] {\n background-color: @accent-Color;\n }\n }\n }\n\n .lmt--web .lmt__sides_container,\n #doc-trans-source-panel,\n #doc-trans-target-panel {\n border-color: @surface1;\n }\n\n .integratedLanguageSelectors .lmt--web .lmt__sides_container .lmt__language_container,\n .dl_body--redesign .lmt--web .lmt__textarea_container,\n .lmt__doc .lmt__language_container #doc-trans-source-panel,\n [class^=\"docTrans__help_popup--\"],\n #doc-trans-target-panel {\n background: @base;\n }\n\n #doc-trans-source-panel,\n #doc-trans-target-panel {\n [class^=\"header--\"] {\n border-bottom-color: @surface2;\n }\n }\n\n /* new popup */\n .root--Frqwa {\n background-color: @surface0;\n }\n .selected--bDLH4 {\n background-color: @surface1;\n }\n .divider--v710V {\n color: @surface2;\n }\n\n\n .dl_body--redesign .lmt--web .lmt__source_textarea__length_marker {\n color: @subtext0;\n }\n\n .dl_help-popup_assist-text {\n color: @overlay1;\n }\n\n .dl_body--redesign .lmt--web .lmt__language_select .lmt__language_select__active {\n color: @subtext0;\n }\n\n .lmt--web .lmt__language_select > .lmt__language_select__active {\n strong {\n color: @accent2;\n }\n\n &:hover {\n strong,\n .lmt__language_select__opener {\n color: @accent-Color;\n }\n }\n }\n\n .lmt--web .lmt__textarea {\n &,\n textarea {\n color: @text;\n }\n }\n\n .lmt--web .lmt__textarea.lmt__textarea--inactive {\n color: @overlay2 !important;\n }\n\n .lmt__source_textarea_overlay .lmt__source_textarea_overlay__sentence--active {\n color: @accent2;\n background-color: @base;\n }\n\n .integratedLanguageSelectors .lmt--web .lmt__sides_container .lmt__side_container.lmt__side_container--source .lmt__textarea_container {\n border-right-color: @surface1;\n border-top-color: @surface1;\n }\n\n .integratedLanguageSelectors .lmt--web .lmt__sides_container .lmt__side_container.lmt__side_container--target .lmt__textarea_container {\n border-top-color: @surface1 !important;\n }\n\n .lmt--showing_alternatives .lmt__translations_as_text::before,\n .lmt--web .lmt__translations_as_text h4::before {\n border-top-color: @surface1;\n }\n\n .lmt--web .lmt__translations_as_text h4 {\n color: @overlay1;\n }\n\n .dl_body--redesign .lmt--web .lmt__textarea_container.lmt__textarea_container--focus,\n .integratedLanguageSelectors .lmt--web .lmt__sides_container.lmt__sides_container--focus_source .lmt__side_container.lmt__side_container--source .lmt__textarea_container,\n .integratedLanguageSelectors .lmt--web .lmt__sides_container.lmt__sides_container--focus_target .lmt__side_container.lmt__side_container--target .lmt__textarea_container {\n border: 1px solid @accent-Color !important;\n }\n\n .lmt--web .lmt__language_container .lmt__language_container_switch {\n color: @accent2;\n }\n\n @keyframes lmt_textarea__busy_animation_ctp {\n 0% {\n box-shadow: inset 0 0 0px 0 @base, inset 0 0 0px 0px rgba(14, 43, 70, 0.0);\n }\n\n 10% {\n box-shadow: inset 0 0 0px 1px @base, inset 0 0 0px 2px rgba(14, 43, 70, 0.5);\n }\n\n 20% {\n box-shadow: inset 0 0 1px 3px @base, inset 0 0 1px 4px rgba(14, 43, 70, 0.5),\n }\n\n 40% {\n box-shadow: inset 0 0 1px 8px @base, inset 0 0 1px 8px rgba(14, 43, 70, 0.3),\n }\n }\n\n .lmt--active_translation_request.lmt--active_translation_request--with_target_has_content .lmt__side_container--target .lmt__inner_textarea_container {\n animation: lmt_textarea__busy_animation_ctp 1.5s 2.5s linear infinite;\n box-shadow: inset 0 0 1px 14px @base, inset 0 0 0px rgba(0, 0, 0, 0);\n }\n\n .lmt__toolbar_container,\n [data-testid=\"deepl-ui-tooltip-container\"] {\n span > button:hover {\n background-color: @surface0 !important;\n }\n }\n\n .lmt__clear_text_button_wrapper {\n [class*=\"button--\"] {\n &:active:enabled,\n &:hover:enabled {\n color: @accent-Color;\n }\n }\n } // language selector\n .lmt__language_select__menu.lmt__language_select__menu_three_columns {\n &,\n input {\n background-color: @base;\n }\n border-color: @surface1;\n }\n\n .lmt__language_select__menu .lmt__dropdown_item_inside_container,\n .lmt__language_select__menu .lmt__formalitySwitch__menu_items > div > button,\n .lmt__language_select__menu .lmt__formalitySwitch__menu_items > div > div > button,\n .lmt__language_select__menu > div > button,\n .lmt__language_select__menu > div > div > button {\n color: @subtext1;\n }\n\n .lmt__language_select__menu.lmt__language_select__menu_three_columns .lmt__language_wrapper .lmt__language_select_column button:hover,\n .lmt__language_select__menu.lmt__language_select__menu_three_columns .lmt__language_wrapper .lmt__language_select_column button.highlighted {\n background-color: fadeout(@yellow, 0.3);\n }\n\n .lmt__language_select__menu.lmt__language_select__menu_three_columns .lmt__language_wrapper .lmt__language_select_column {\n border-right-color: @surface1;\n }\n\n .lmt--web .lmt__language_select__menu_three_columns_close_button {\n color: @accent-Color;\n }\n\n .lmt__language_select__menu.lmt__language_select__menu_three_columns .lmt__language_wrapper .lmt__language_select_column button .tick {\n border-bottom-color: @accent-Color;\n border-right-color: @accent-Color;\n } // glossary\n .lmt__glossary_highlight {\n color: @accent-Color;\n }\n\n .lmt__glossaryButton__desktop {\n border-color: fadeout(@text, 12%)\n }\n\n .lmt__glossary_button .lmt__glossary_button_label:hover {\n color: @accent-Color;\n }\n\n .lmt__glossary_editor_mainBar {\n background-color: @accent-Color;\n & when (@lookup =\"latte\") {\n color: #fff;\n }\n color: @crust;\n\n .lmt__glossary_editorClose {\n & when (@lookup =\"latte\") {\n color: #fff;\n }\n color: @crust;\n }\n }\n\n [dl-test=\"glossary-modal\"] {\n input {\n background-color: @surface1;\n }\n\n &[class*=\"modal--\"] {\n background-color: @surface0;\n }\n\n [class*=\"content--\"] {\n color: @text;\n }\n }\n\n .lmt__glossary_newEntry_langButton {\n color: @subtext1;\n\n &:hover {\n color: @accent-Color;\n }\n }\n\n .lmt_firstEntry-content .lmt__glossary_newEntry_langButton .lmt__glossary_arrowDown {\n border-bottom-color: @overlay2;\n border-right-color: @overlay2;\n }\n\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputSource,\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputTarget {\n border-color: @overlay0;\n color: @text;\n }\n\n .lmt_firstEntry-content .lmt__glossary_newEntry_langButton {\n border-color: @overlay0;\n background-color: @surface1;\n }\n\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputSource:focus,\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputTarget:focus {\n border-color: @accent-Color;\n }\n\n .lmt_firstEntry-content .lmt__glossary_acceptButton {\n & when (@lookup =\"latte\") {\n color: #fff;\n }\n color: @crust;\n }\n\n .lmt__glossary_acceptButton.lmt__glossary_acceptButton--disabled {\n &,\n &:hover {\n background-color: fadeout(@accent-Color, 0.5);\n }\n }\n\n .lmt__language_select__menu {\n background-color: @surface1;\n }\n\n .lmt__glossary_newEntry_langDropdown.lmt__language_select__menu button {\n color: @text;\n\n &:hover {\n background-color: fadeout(@yellow, 0.2) !important;\n }\n }\n\n .lmt__glossary_newEntry_langDropdown.lmt__language_select__menu button .langName {\n color: @text !important;\n }\n\n .lmt__glossary_newEntry_langDropdown.lmt__language_select__menu button .langCodePair,\n .lmt__glossary_newEntry_langDropdown.lmt__language_select__menu button .langCodePair .langCode {\n color: @subtext0;\n }\n\n .lmt__glossary_acceptButton {\n background-color: @accent2;\n\n &:hover {\n background-color: @accent-Color;\n }\n }\n\n .lmt__glossary_editor .lmt__glossary_editor_subBar_top .lmt__glossary_editor_glossarySelect .lmt__glossary_editor_glossaryNameWrapper .lmt__glossary_editor_glossaryName {\n color: @text;\n }\n\n .lmt__glossary_editor .lmt__glossary_editor_subBar_top .lmt__glossary_editor_glossarySelect .lmt__glossary_editor_glossaryNameWrapper .lmt__glossary_editor_glossarySelectChevron.lmt__glossary_arrowDown {\n border-bottom-color: @accent2;\n border-right-color: @accent2;\n }\n\n .lmt__glossary_editor .lmt__glossary_editor_subBar_top,\n .lmt__glossary_editor_subBar_bottom .lmt__glossary_editor [class^=\"form--\"] {\n background-color: @mantle;\n }\n\n .lmt__glossary_editor_subBar_bottom .lmt__glossary_editor_glossaryAddNewWrapper .lmt__glossary_editor_glossaryAddNew {\n color: @accent-Color;\n }\n\n .lmt__glossary_editor {\n background-color: @base;\n color: @text;\n border-color: @accent-Color;\n }\n\n .lmt__glossaryButton__desktop.switchedOn {\n border-color: @accent-Color;\n }\n\n .lmt__glossary_editorRow_editMode .editInput {\n border-color: @surface1;\n color: @text;\n background-color: @base;\n }\n\n .lmt__glossary_editor_checkmark {\n & when (@lookup =\"latte\") {\n border-bottom-color: @base;\n }\n border-bottom-color: @crust;\n & when (@lookup =\"latte\") {\n border-right-color: @base;\n }\n border-right-color: @crust;\n }\n\n .lmt__glossary_editor_langPairHeadline {\n color: @text;\n border-bottom-color: @surface1;\n }\n\n .lmt__glossary_editorRow {\n color: @text;\n }\n\n .lmt__glossary_arrowRightWrapper .lmt__glossary_arrowRight {\n border-bottom-color: @overlay1;\n border-right-color: @overlay1;\n }\n\n .LanguagePair_arrow {\n color: @overlay2;\n stroke: @overlay2;\n }\n\n .lmt__glossary_dialog {\n background-color: @surface0;\n color: @text;\n border-color: @surface2;\n }\n\n .lmt__glossary_editorRow .iconButton {\n color: @text;\n } /////\n .combined_app_ad_mobile_and_desktop .dl_ad_pro_container,\n .dl_pro__banner--2021--wrapper,\n [class^=\"footerOuterContainer\"],\n .lmt_quote__inner {\n background-color: @crust;\n }\n\n .lmt_quote__inner,\n .lmt_quote__text,\n .lmt_quote__source {\n color: @subtext0;\n }\n\n .lmt_quote__source a {\n color: @accent-Color;\n } // popup\n .lmt__edit_text_popup {\n background-color: @surface1;\n }\n\n .lmt__edit_text_popup li,\n .lmt__edit_text_popup .lmt__edit_text_list_item {\n color: @subtext1;\n border-color: @surface2;\n }\n\n .lmt__edit_text_popup .lmt__edit_text_popup__entry--active {\n background-color: fadeout(@yellow, 0.3);\n } // dictionary\n #lmt__dict_container {\n [class^=\"content--\"] {\n .tag_lemma a,\n .isForeignTerm .tag_trans,\n .isForeignTerm .tag_trans a .isForeignTerm .tag_t,\n .tag_t a {\n color: @accent-Color;\n }\n\n .sep {\n color: @text;\n }\n\n .tag_trans {\n color: @subtext1;\n }\n\n .notascommon {\n color: @overlay1;\n }\n }\n\n span > span > button:hover {\n color: @accent-Color;\n }\n } // quotes\n .lmt_quotes_nav_entry {\n color: @overlay1;\n background-color: @overlay0;\n }\n\n .lmt_quotes_nav_entry--active {\n color: @accent-Color;\n background-color: @accent-Color;\n } // footer\n .dl_footerV2_container {\n [class*=\"linkList--\"] li {\n &:not(:first-of-type) a {\n color: @accent2 !important; // idk why this isn't coloring\n }\n\n [class*=\"badge--\"] {\n background-color: spin(@accent-Color, -40deg) !important;\n & when (@lookup =\"latte\") {\n color: #fff;\n }\n color: @crust;\n }\n }\n }\n & when (@lookup =\"latte\") {\n #dl_menu_logo img,\n #dl_menu_translator_simplified img,\n .lmt_quote .lmt_quote__logo,\n .lmt_quote__inner::before,\n [class^=\"docTrans__help_popup__container--\"] [class^=\"supportedIcons--\"] > div,\n .dl_footerV2_container [class^=\"brandingContainer--\"] a > img,\n [class^=\"socialMediaContainer--\"] a > img {\n filter: invert(100%) hue-rotate(180deg);\n }\n }\n // options\n & when (@quotes =1) {\n #dl_quotes_container {\n display: none;\n }\n }\n\n & when (@header=1) {\n .dl_header {\n display: none;\n }\n }\n\n & when (@footer=1) {\n .dl_footerV2_container,\n .showSeoText .eSEOtericText {\n display: none;\n }\n }\n\n & when (@tabs=1) {\n .lmt__doc {\n margin-bottom: 0;\n\n & Trans-tab-container {\n display: none !important;\n min-height: 100vh;\n }\n }\n\n #lmt_quotes_article {\n margin-top: 0;\n }\n\n .dl_translator_page_container {\n align-items: center;\n align-content: center;\n justify-content: center;\n }\n }\n\n & when (@dictionary=1) {\n #lmt__dict_container {\n display: none !important;\n }\n }\n\n & when not (@quotes=@footer) {\n .showSeoText .eSEOtericText {\n margin-bottom: 70px;\n }\n }\n\n & when (@footer =1),\n (@header=1),\n (@quotes=1) {\n body {\n display: flex;\n flex-direction: column;\n min-height: calc(100vh - 2em);\n align-items: center;\n align-content: center;\n justify-content: center;\n }\n\n .dl_translator_page_container {\n margin: 2em 0;\n\n > * {\n width: 100vw;\n }\n }\n }\n\n & when (@quotes=1),\n (@header=1),\n (@footer=1),\n (@tabs=1) {\n body {\n min-height: 100vh;\n }\n }\n\n & when (@removeAds=1) {\n #lmt_pro_ad_container {\n display: none;\n }\n }\n\n & when (@removeGlossaryButton=1) {\n .lmt__glossaryButton__desktop {\n display: none;\n }\n }\n }\n}\n", - "usercssData": { - "name": "DeepL Catppuccin", - "namespace": "github.com/catppuccin/userstyles/styles/deepl", - "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/deepl", - "version": "0.2.2", - "description": "Soothing pastel theme for DeepL", - "author": "Catppuccin", - "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/deepl/catppuccin.user.css", - "license": "MIT", - "preprocessor": "less", - "vars": { - "flavor": { - "type": "select", - "label": "Flavor", - "name": "flavor", - "value": "macchiato", - "default": "mocha", - "options": [ - { - "name": "latte", - "label": "Latte", - "value": "latte" - }, - { - "name": "frappe", - "label": "Frappé", - "value": "frappe" - }, - { - "name": "macchiato", - "label": "Macchiato", - "value": "macchiato" - }, - { - "name": "mocha", - "label": "Mocha", - "value": "mocha" - } - ] - }, - "accentColor": { - "type": "select", - "label": "Accent", - "name": "accentColor", - "value": "lavender", - "default": "sapphire", - "options": [ - { - "name": "rosewater", - "label": "Rosewater", - "value": "rosewater" - }, - { - "name": "flamingo", - "label": "Flamingo", - "value": "flamingo" - }, - { - "name": "pink", - "label": "Pink", - "value": "pink" - }, - { - "name": "mauve", - "label": "Mauve", - "value": "mauve" - }, - { - "name": "red", - "label": "Red", - "value": "red" - }, - { - "name": "maroon", - "label": "Maroon", - "value": "maroon" - }, - { - "name": "peach", - "label": "Peach", - "value": "peach" - }, - { - "name": "yellow", - "label": "Yellow", - "value": "yellow" - }, - { - "name": "green", - "label": "Green", - "value": "green" - }, - { - "name": "teal", - "label": "Teal", - "value": "teal" - }, - { - "name": "blue", - "label": "Blue", - "value": "blue" - }, - { - "name": "sapphire", - "label": "Sapphire", - "value": "sapphire" - }, - { - "name": "sky", - "label": "Sky", - "value": "sky" - }, - { - "name": "lavender", - "label": "Lavender", - "value": "lavender" - }, - { - "name": "subtext0", - "label": "Gray", - "value": "subtext0" - } - ] - }, - "quotes": { - "type": "checkbox", - "label": "Remove Quotes", - "name": "quotes", - "value": "1", - "default": "0", - "options": null - }, - "header": { - "type": "checkbox", - "label": "Remove Header", - "name": "header", - "value": "1", - "default": "0", - "options": null - }, - "footer": { - "type": "checkbox", - "label": "Remove Footer", - "name": "footer", - "value": "1", - "default": "0", - "options": null - }, - "tabs": { - "type": "checkbox", - "label": "Remove Tabs", - "name": "tabs", - "value": "1", - "default": "0", - "options": null - }, - "dictionary": { - "type": "checkbox", - "label": "Remove Dictionary", - "name": "dictionary", - "value": null, - "default": "0", - "options": null - }, - "removeAds": { - "type": "checkbox", - "label": "Remove DeepL Ads", - "name": "removeAds", - "value": "1", - "default": "0", - "options": null - }, - "removeGlossaryButton": { - "type": "checkbox", - "label": "Remove Glossary Button", - "name": "removeGlossaryButton", - "value": null, - "default": "0", - "options": null - } - } - }, - "author": "Catppuccin", - "description": "Soothing pastel theme for DeepL", - "name": "DeepL Catppuccin", - "originalDigest": "c86d4af43664587840432c34b56636ff07e5abf1", - "_id": "75e2673b-4f72-4109-8a4b-b271375e29e2", - "_rev": 1690105899992, - "id": 41, - "etag": "W/\"110136233858bc31d8d1b788fd2fe69dcce30f3ef65afc3c6c771f95cf4330c4\"" + "etag": "W/\"2f830db6726a37e07315ea693b17578a32484908cd60ae995b93ad0d8993bfda\"", + "updateDate": 1696719187275 }, { "enabled": true, @@ -1506,151 +1277,6 @@ "id": 42, "etag": "W/\"911c9a35b929124df85cde8898aad93c5cc477022a21c3ae8266df69f2762a47\"" }, - { - "enabled": true, - "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/proton/catppuccin.user.css", - "url": "https://github.com/catppuccin/userstyles/tree/main/styles/proton", - "installDate": 1690105961935, - "sections": [ - { - "code": "" - } - ], - "sourceCode": "/* ==UserStyle==\n@name Proton Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/proton\n@homepageURL\thttps://github.com/catppuccin/userstyles/tree/main/styles/proton\n@version 0.1.1\n@description Soothing pastel theme for Proton services\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/proton/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document regexp(\"https://(account|mail|drive|calendar).proton.me/.*$\") {\n\n :root {\n #catppuccin(@flavor, @accentColor);\n }\n\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n }\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n }\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n }\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n }\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-Color: @catppuccin[@@lookup][@@accent];\n\n &,\n .ui-prominent,\n .ui-standard {\n --primary: @accent-Color;\n --primary-contrast: @mantle;\n --signal-danger-minor-2: darken(@maroon, 50%);\n --signal-danger-minor-1: darken(@maroon, 30%);\n --signal-danger: @maroon;\n --signal-danger-major-1: saturate(@maroon, 40%);\n --signal-danger-major-2: saturate(@maroon, 30%);\n --signal-danger-major-3: saturate(@maroon, 20%);\n --signal-danger-contrast: @mantle;\n --signal-warning-minor-2: darken(@peach, 50%);\n --signal-warning-minor-1: darken(@peach, 30%);\n --signal-warning: @peach;\n --signal-warning-major-1: saturate(@peach, 40%);\n --signal-warning-major-2: saturate(@peach, 30%);\n --signal-warning-major-3: saturate(@peach, 20%);\n --signal-warning-contrast: @mantle;\n --signal-success-minor-2: darken(@green, 50%);\n --signal-success-minor-1: darken(@green, 30%);\n --signal-success: @green;\n --signal-success-major-1: saturate(@green, 40%);\n --signal-success-major-2: saturate(@green, 30%);\n --signal-success-major-3: saturate(@green, 20%);\n --signal-success-contrast: @mantle;\n --signal-info-minor-2: darken(@blue, 50%);\n --signal-info-minor-1: darken(@blue, 30%);\n --signal-info: @blue;\n --signal-info-major-1: saturate(@blue, 40%);\n --signal-info-major-2: saturate(@blue, 30%);\n --signal-info-major-3: saturate(@blue, 20%);\n --signal-info-contrast: @mantle;\n --interaction-norm-minor-2: darken(@accent-Color, 50%);\n --interaction-norm-minor-1: darken(@accent-Color, 30%);\n --interaction-norm: @accent-Color;\n --interaction-norm-major-1: lighten(@accent-Color, 30%);\n --interaction-norm-major-2: lighten(@accent-Color, 20%);\n --interaction-norm-major-3: lighten(@accent-Color, 10%);\n --interaction-norm-contrast: @mantle;\n --interaction-weak-minor-2: darken(@overlay0, 50%);\n --interaction-weak-minor-1: darken(@overlay0, 30%);\n --interaction-weak: @overlay0;\n --interaction-weak-major-1: lighten(@overlay0, 10%);\n --interaction-weak-major-2: lighten(@overlay0, 20%);\n --interaction-weak-major-3: lighten(@overlay0, 30%);\n --interaction-weak-contrast: @text;\n --text-norm: @text;\n --text-weak: @subtext0;\n --text-hint: @subtext1;\n --text-disabled: @overlay1;\n --text-invert: invert(@text);\n --field-norm: @overlay2;\n --field-hover: @overlay1;\n --field-disabled: @overlay0;\n --field-focus: @accent-Color;\n --field-highlight: fadeout(@accent-Color, 30%);\n --border-norm: @overlay0;\n --border-weak: @overlay1;\n --background-norm: @base;\n --background-weak: @mantle;\n --background-strong: @crust;\n --interaction-default: transparent;\n --interaction-default-hover: fadeout(@accent-Color, 30%);\n --interaction-default-active: fadeout(@accent-Color, 40%);\n --shadow-norm-opacity: 0.5;\n --shadow-lifted-opacity: 0.75;\n --backdrop-norm: fadeout(@crust, 50%);\n --optional-scrollbar-thumb-color: @surface0;\n --optional-scrollbar-thumb-hover-color: @surface2;\n --optional-link-norm: var(--interaction-norm-major-1);\n --optional-link-hover: var(--interaction-norm-major-2);\n --optional-link-active: var(--interaction-norm-major-3);\n --optional-email-item-unread-background-color: var(--background-weak);\n --optional-email-item-read-background-color: var(--background-norm);\n --optional-email-item-read-text-color: var(--text-weak);\n --optional-mini-calendar-today-color: @text;\n --optional-logo-text-proton-color: @text;\n --optional-logo-text-product-color: @text;\n --optional-tooltip-background-color: var(--background-weak);\n --favorite-icon-color: var(--optional-favorite-icon-color, @peach);\n }\n\n .ui-prominent {\n --background-norm: @mantle;\n --background-weak: @base;\n --background-strong: @crust;\n }\n\n .item-container-row:not(.item-is-selected):hover,\n .item-container:not(.item-is-selected):hover {\n box-shadow: none;\n background-color: var(--navigation-current-item-background-color);\n color: var(--email-item-selected-text-color);\n }\n }\n}", - "usercssData": { - "name": "Proton Catppuccin", - "namespace": "github.com/catppuccin/userstyles/styles/proton", - "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/proton", - "version": "0.1.1", - "description": "Soothing pastel theme for Proton services", - "author": "Catppuccin", - "updateURL": "https://github.com/catppuccin/userstyles/raw/main/proton/catppuccin.user.css", - "license": "MIT", - "preprocessor": "less", - "vars": { - "flavor": { - "type": "select", - "label": "Flavor", - "name": "flavor", - "value": "macchiato", - "default": "mocha", - "options": [ - { - "name": "latte", - "label": "Latte", - "value": "latte" - }, - { - "name": "frappe", - "label": "Frappe", - "value": "frappe" - }, - { - "name": "macchiato", - "label": "Macchiato", - "value": "macchiato" - }, - { - "name": "mocha", - "label": "Mocha", - "value": "mocha" - } - ] - }, - "accentColor": { - "type": "select", - "label": "Accent", - "name": "accentColor", - "value": "lavender", - "default": "red", - "options": [ - { - "name": "rosewater", - "label": "Rosewater", - "value": "rosewater" - }, - { - "name": "flamingo", - "label": "Flamingo", - "value": "flamingo" - }, - { - "name": "pink", - "label": "Pink", - "value": "pink" - }, - { - "name": "mauve", - "label": "Mauve", - "value": "mauve" - }, - { - "name": "red", - "label": "Red", - "value": "red" - }, - { - "name": "maroon", - "label": "Maroon", - "value": "maroon" - }, - { - "name": "peach", - "label": "Peach", - "value": "peach" - }, - { - "name": "yellow", - "label": "Yellow", - "value": "yellow" - }, - { - "name": "green", - "label": "Green", - "value": "green" - }, - { - "name": "teal", - "label": "Teal", - "value": "teal" - }, - { - "name": "blue", - "label": "Blue", - "value": "blue" - }, - { - "name": "sapphire", - "label": "Sapphire", - "value": "sapphire" - }, - { - "name": "sky", - "label": "Sky", - "value": "sky" - }, - { - "name": "lavender", - "label": "Lavender", - "value": "lavender" - }, - { - "name": "subtext0", - "label": "Gray", - "value": "subtext0" - } - ] - } - } - }, - "author": "Catppuccin", - "description": "Soothing pastel theme for Proton services", - "name": "Proton Catppuccin", - "originalDigest": "a0309df7621ec2e1920bb058ad1c81dc6111d230", - "_id": "ee183f9a-40dd-495b-9dab-e8aa3ddf693f", - "_rev": 1690105961935, - "id": 43 - }, { "enabled": true, "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/reddit/catppuccin.user.css", @@ -1661,12 +1287,12 @@ "code": "" } ], - "sourceCode": "/* ==UserStyle==\n@name Reddit Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/reddit\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/reddit\n@version 1.1.0\n@description Soothing pastel theme for Reddit.\n@author jayylmao\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/reddit/catppuccin.user.css\n\n@preprocessor stylus\n\n@var select stylusAccent \"Accent color\" [\n\t\"Rosewater\",\n\t\"Flamingo\",\n\t\"Pink\",\n\t\"Mauve\",\n\t\"Red\",\n \"Maroon\",\n\t\"Peach\",\n\t\"Yellow\",\n \"Green\",\n\t\"Teal\",\n\t\"Sky\",\n \"Sapphire\",\n\t\"Blue\",\n\t\"Lavender\"\n]\n\n@var select stylusFlavor \"Catppuccin Flavor\" [\n \"Latte\",\n \"Frappe\",\n \"Macchiato\",\n \"Mocha\",\n \"Espresso\"\n]\n==/UserStyle== */\n\n@-moz-document domain(\"reddit.com\") {\n :root {\n if stylusFlavor==\"Latte\" {\n --rosewater: #dc8a78;\n --flamingo : #dd7878;\n --pink : #ea76cb;\n --mauve : #8839ef;\n --red : #d20f39;\n --maroon : #e64553;\n --peach : #fe640b;\n --yellow : #df8e1d;\n --green : #40a02b;\n --teal : #179299;\n --sky : #04a5e5;\n --sapphire : #209fb5;\n --blue : #1e66f5;\n --lavender : #7287fd;\n --text : #4c4f69;\n --subtext1 : #5c5f77;\n --subtext0 : #6c6f85;\n --overlay2 : #7c7f93;\n --overlay1 : #8c8fa1;\n --overlay0 : #9ca0b0;\n --surface2 : #acb0be;\n --surface1 : #bcc0cc;\n --surface0 : #ccd0da;\n --base : #eff1f5;\n --mantle : #e6e9ef;\n --crust : #dce0e8;\n\n /* non-standard colors */\n --surface1Transparent: #bcc0ccbd;\n --mist: #dce0e8bd; \n }\n else if stylusFlavor==\"Frappe\" {\n --rosewater: #f2d5cf;\n --flamingo : #eebebe;\n --pink : #f4b8e4;\n --mauve : #ca9ee6;\n --red : #e78284;\n --maroon : #ea999c;\n --peach : #ef9f76;\n --yellow : #e5c890;\n --green : #a6d189;\n --teal : #81c8be;\n --sky : #99d1db;\n --sapphire : #85c1dc;\n --blue : #8caaee;\n --lavender : #babbf1;\n --text : #c6d0f5;\n --subtext1 : #b5bfe2;\n --subtext0 : #a5adce;\n --overlay2 : #9f9cbb;\n --overlay1 : #838ba7;\n --overlay0 : #737994;\n --surface2 : #626880;\n --surface1 : #51576d;\n --surface0 : #414559;\n --base : #303446;\n --mantle : #292c3c;\n --crust : #232634;\n\n /* non-standard colors */\n --surface1Transparent: #51576dbd;\n --mist: #232634bd;\n }\n else if stylusFlavor==\"Macchiato\" {\n --rosewater: #f4dbd6;\n --flamingo : #f0c6c6;\n --pink : #f5bde6;\n --mauve : #c6a0f6;\n --red : #ed8796;\n --maroon : #ee99a0;\n --peach : #f5a97f;\n --yellow : #eed49f;\n --green : #a6da95;\n --teal : #8bd5ca;\n --sky : #91d7e3;\n --sapphire : #7dc4e4;\n --blue : #8aadf4;\n --lavender : #b7bdf8;\n --text : #cad3f5;\n --subtext1 : #b8c0e0;\n --subtext0 : #a5adcb;\n --overlay2 : #939ab7;\n --overlay1 : #8087a2;\n --overlay0 : #6e738d;\n --surface2 : #5b6078;\n --surface1 : #494d64;\n --surface0 : #363a4f;\n --base : #24273a;\n --mantle : #1e2030;\n --crust : #181926;\n\n /* non-standard colors */\n --surface1Transparent: #494d64bd;\n --mist: #181926bd;\n }\n else if stylusFlavor==\"Mocha\" {\n --rosewater: #f5e0dc;\n --flamingo : #f2cdcd;\n --pink : #f5c2e7;\n --mauve : #cba6f7;\n --red : #f38ba8;\n --maroon : #eba0ac;\n --peach : #fab387;\n --yellow : #f9e2af;\n --green : #a6e3a1;\n --teal : #94e2d5;\n --sky : #89dceb;\n --sapphire : #74c7ec;\n --blue : #89b4fa;\n --lavender : #b4befe;\n --text : #cdd6f4;\n --subtext1 : #bac2de;\n --subtext0 : #a6adc8;\n --overlay2 : #9399b2;\n --overlay1 : #7f849c;\n --overlay0 : #6c7086;\n --surface2 : #585b70;\n --surface1 : #45475a;\n --surface0 : #313244;\n --base : #1e1e2e;\n --mantle : #181825;\n --crust : #11111b;\n\n /* non-standard colors */\n --surface1Transparent: #45475abd;\n --mist: #11111bbd;\n }\n else if stylusFlavor==\"Espresso\" {\n --rosewater: #f5e0dc;\n --flamingo : #f2cdcd;\n --pink : #f5c2e7;\n --mauve : #cba6f7;\n --red : #f38ba8;\n --maroon : #eba0ac;\n --peach : #fab387;\n --yellow : #f9e2af;\n --green : #a6e3a1;\n --teal : #94e2d5;\n --sky : #89dceb;\n --sapphire : #74c7ec;\n --blue : #89b4fa;\n --lavender : #b4befe;\n --text : #cdd6f4;\n --subtext1 : #bac2de;\n --subtext0 : #a6adc8;\n --overlay2 : #9399b2;\n --overlay1 : #7f849c;\n --overlay0 : #6c7086;\n --surface2 : #585b70;\n --surface1 : #45475a;\n --surface0 : #313244;\n --base : #020202;\n --mantle : #010101;\n --crust : #000000;\n\n /* non-standard colors */\n --surface1Transparent: #45475abd;\n --mist: #000000bd;\n }\n \n if stylusAccent==\"Rosewater\" {\n --accent: var(--rosewater);\n }\n else if stylusAccent==\"Flamingo\" {\n --accent: var(--flamingo);\n }\n else if stylusAccent==\"Pink\" {\n --accent: var(--pink);\n }\n else if stylusAccent==\"Mauve\" {\n --accent: var(--mauve);\n }\n else if stylusAccent==\"Red\" {\n --accent: var(--red);\n }\n else if stylusAccent==\"Maroon\" {\n --accent: var(--maroon);\n }\n else if stylusAccent==\"Peach\" {\n --accent: var(--peach);\n }\n else if stylusAccent==\"Yellow\" {\n --accent: var(--yellow);\n }\n else if stylusAccent==\"Green\" {\n --accent: var(--green);\n }\n else if stylusAccent==\"Teal\" {\n --accent: var(--teal);\n }\n else if stylusAccent==\"Sky\" {\n --accent: var(--sky);\n }\n else if stylusAccent==\"Sapphire\" {\n --accent: var(--sapphire);\n }\n else if stylusAccent==\"Blue\" {\n --accent: var(--blue);\n }\n else if stylusAccent==\"Lavender\" {\n --accent: var(--lavender);\n }\n }\n \n \n /* REDDIT COLOR VARIABLES */\n \n \n div[class^=subredditvars], :root {\n --color-online: var(--green) !important;\n --newCommunityTheme-actionIcon: var(--subtext0) !important;\n --newCommunityTheme-actionIconAlpha20: var(--mist) !important;\n --newCommunityTheme-actionIconAlpha50: var(--mist) !important;\n --newCommunityTheme-actionIconShaded80: var(--subtext0) !important;\n --newCommunityTheme-actionIconTinted80: var(--subtext1) !important;\n --newCommunityTheme-active: var(--accent) !important;\n --newCommunityTheme-activeAlpha10: var(--mist) !important;\n --newCommunityTheme-activeAlpha20: var(--mist) !important;\n --newCommunityTheme-activeAlpha50: var(--mist) !important;\n --newCommunityTheme-activeLight60: var(--accent) !important;\n --newCommunityTheme-activeShaded80: var(--accent) !important;\n --newCommunityTheme-activeShaded90: var(--accent) !important;\n --newCommunityTheme-activeTinted05: var(--text) !important;\n --newCommunityTheme-banner-backgroundColor: var(--accent) !important;\n --newCommunityTheme-banner-iconColor: var(--accent) !important;\n --newCommunityTheme-body: var(--mantle) !important;\n --newCommunityTheme-bodyAlpha50: var(--surface0) !important;\n --newCommunityTheme-bodyAlpha70: var(--surface1) !important;\n --newCommunityTheme-bodyAlpha80: var(--surface2) !important;\n --newCommunityTheme-bodyFade: var(--subtext0) !important;\n --newCommunityTheme-bodyShaded80: var(--mantle) !important;\n --newCommunityTheme-bodyText: var(--text) !important;\n --newCommunityTheme-bodyTextAlpha03: var(--mantle) !important;\n --newCommunityTheme-bodyTextAlpha20: var(--surface1) !important;\n --newCommunityTheme-bodyTextShaded20: var(--surface0) !important;\n --newCommunityTheme-bodyTextTinted20: var(--subtext0) !important;\n --newCommunityTheme-bodyTinted50: var(--overlay1) !important;\n --newCommunityTheme-bodyTinted80: var(--overlay0) !important;\n --newCommunityTheme-button: var(--text) !important;\n --newCommunityTheme-buttonAlpha05: var(--mist) !important;\n --newCommunityTheme-buttonAlpha10: var(--mist) !important;\n --newCommunityTheme-buttonAlpha20: var(--mist) !important;\n --newCommunityTheme-buttonAlpha40: var(--subtext0) !important;\n --newCommunityTheme-buttonAlpha50: var(--subtext1) !important;\n --newCommunityTheme-buttonAlpha80: var(--subtext1) !important;\n --newCommunityTheme-buttonShaded80: var(--overlay0) !important;\n --newCommunityTheme-buttonTinted20: var(--accent) !important;\n --newCommunityTheme-buttonTinted50: var(--accent) !important;\n --newCommunityTheme-buttonTinted80: var(--accent) !important;\n --newCommunityTheme-canvas: var(--crust) !important;\n --newCommunityTheme-checkbox: var(--text) !important;\n --newCommunityTheme-errorText: var(--red) !important;\n --newCommunityTheme-field: var(--surface0) !important;\n --newCommunityTheme-fieldFade: var(--surface1Transparent) !important;\n --newCommunityTheme-flair: var(--accent) !important;\n --newCommunityTheme-highlight: var(--base) !important;\n --newCommunityTheme-inactive: var(--subtext0) !important;\n --newCommunityTheme-lightText: var(--text) !important;\n --newCommunityTheme-lightTextAlpha75: var(--subtext1) !important;\n --newCommunityTheme-line: var(--surface1Transparent) !important;\n --newCommunityTheme-lineShaded80: var(--surface1Transparent) !important;\n --newCommunityTheme-lineShaded90: var(--surface1Transparent) !important;\n --newCommunityTheme-lineShadedNinety: var(--surface1Transparent) !important;\n --newCommunityTheme-linkText: var(--accent) !important;\n --newCommunityTheme-linkTextAlpha80: var(--accent) !important;\n --newCommunityTheme-linkTextShaded80: var(--accent) !important;\n --newCommunityTheme-linkTextTinted80: var(--accent) !important;\n --newCommunityTheme-linkTextWithBody: var(--accent) !important;\n --newCommunityTheme-menu: var(--mantle) !important;\n --newCommunityTheme-menuActiveText: var(--text) !important;\n --newCommunityTheme-menuButtonBackground-active: var(--base) !important;\n --newCommunityTheme-menuButtonBackground-focus: var(--base) !important;\n --newCommunityTheme-menuButtonBackground-hover: var(--base) !important;\n --newCommunityTheme-menuInactiveText: var(--text) !important;\n --newCommunityTheme-metaText: var(--subtext0) !important;\n --newCommunityTheme-metaTextAlpha50: var(--subtext0) !important;\n --newCommunityTheme-metaTextShaded80: var(--subtext0) !important;\n --newCommunityTheme-monospaceColor: var(--accent) !important;\n --newCommunityTheme-navBar-activeLink: var(--text) !important;\n --newCommunityTheme-navBar-activeSubmenuCaret: var(--text) !important;\n --newCommunityTheme-navBar-activeSubmenuLink: var(--text) !important;\n --newCommunityTheme-navBar-backgroundColor: var(--mantle) !important;\n --newCommunityTheme-navBar-hoverLink: var(--text) !important;\n --newCommunityTheme-navBar-inactiveLink: var(--text) !important;\n --newCommunityTheme-navBar-inactiveSubmenuCaret: var(--text) !important;\n --newCommunityTheme-navBar-inactiveSubmenuLink: var(--text) !important;\n --newCommunityTheme-navBar-submenuBackgroundColor: var(--mantle) !important;\n --newCommunityTheme-navIcon: var(--text) !important;\n \n /* upvote/downvote focus */\n --newCommunityTheme-navIconFaded10: var(--mist) !important;\n \n --newCommunityTheme-nsfw: var(--red) !important;\n --newCommunityTheme-nsfwBlocking-bgcolor: var(--crust) !important;\n --newCommunityTheme-nsfwBlocking-color: var(--text) !important;\n --newCommunityTheme-nsfwBlocking-contentTitleBgColor: var(--base) !important;\n --newCommunityTheme-nsfwBlocking-mainCtaBgColor: var(--mantle) !important;\n --newCommunityTheme-pageHeader: var(--surface2) !important;\n --newCommunityTheme-placeholder: var(--surface0) !important;\n --newCommunityTheme-post: var(--mantle) !important;\n --newCommunityTheme-postError: var(--red) !important;\n --newCommunityTheme-postFlairText: var(--text) !important;\n --newCommunityTheme-postIcon: var(--accent) !important;\n --newCommunityTheme-postLine: var(--surface1Transparent) !important;\n --newCommunityTheme-postLineShaded80: var(--surface1Transparent) !important;\n --newCommunityTheme-postLineShaded90: var(--surface1Transparent) !important;\n --newCommunityTheme-postTinted20: var(--base) !important;\n --newCommunityTheme-postTransparent20: var(--base) !important;\n --newCommunityTheme-primaryButtonShadedEighty: var(--overlay1) !important;\n --newCommunityTheme-primaryButtonTintedEighty: var(--overlay1) !important;\n --newCommunityTheme-primaryButtonTintedFifty: var(--overlay0) !important;\n --newCommunityTheme-primaryButtonTintedSixty: var(--overlay0) !important;\n --newCommunityTheme-quarantine: var(--yellow) !important;\n --newCommunityTheme-report: var(--surface1) !important;\n --newCommunityTheme-search-syntaxHighlightBackgroundColor: var(--accent) !important;\n --newCommunityTheme-search-syntaxHighlightColor: var(--base) !important;\n --newCommunityTheme-titleText: var(--text) !important;\n --newCommunityTheme-upsell-appleIcon: var(--subtext1) !important;\n --newCommunityTheme-upsell-ssoButtonBorderColor: var(--surface1Transparent) !important;\n --newCommunityTheme-upsell-ssoButtonTextColor: var(--text) !important;\n --newCommunityTheme-voteText-base: var(--subtext0) !important;\n --newCommunityTheme-voteText-downvote: var(--blue) !important;\n --newCommunityTheme-voteText-downvoteShaded80: var(--blue) !important;\n --newCommunityTheme-voteText-downvoteTinted80: var(--blue) !important;\n --newCommunityTheme-voteText-upvote: var(--red) !important;\n --newCommunityTheme-voteText-upvoteShaded80: var(--red) !important;\n --newCommunityTheme-voteText-upvoteTinted80: var(--red) !important;\n --newCommunityTheme-widgetColors-appleIcon: var(--overlay0) !important;\n --newCommunityTheme-widgetColors-lineColor: var(--surface1Transparent) !important;\n \n /* sidebar widgets */\n --newCommunityTheme-widgetColors-sidebarWidgetBackgroundColor: var(--mantle) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetBorderColor: var(--surface1Transparent) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetHeaderColor: var(--crust) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetHeaderColorAlpha60: var(--mantle) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetTextColor: var(--text) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetTextColorShaded80: var(--subtext1) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetTitleColor: var(--text) !important;\n \n --newRedditTheme-actionIcon: var(--subtext0) !important;\n --newRedditTheme-actionIconAlpha20: var(--mist) !important;\n --newRedditTheme-actionIconAlpha50: var(--mist) !important;\n --newRedditTheme-actionIconShaded80: var(--subtext0) !important;\n --newRedditTheme-actionIconTinted80: var(--subtext1) !important;\n --newRedditTheme-active: var(--accent) !important;\n --newRedditTheme-activeAlpha10: var(--mist) !important;\n --newRedditTheme-activeAlpha20: var(--mist) !important;\n --newRedditTheme-activeAlpha50: var(--mist) !important;\n --newRedditTheme-activeLight60: var(--accent) !important;\n --newRedditTheme-activeShaded80: var(--accent) !important;\n --newRedditTheme-activeShaded90: var(--accent) !important;\n --newRedditTheme-activeTinted05: var(--text) !important;\n --newRedditTheme-banner-backgroundColor: var(--accent) !important;\n --newRedditTheme-banner-iconColor: var(--accent) !important;\n --newRedditTheme-body: var(--mantle) !important;\n --newRedditTheme-bodyAlpha50: var(--surface0) !important;\n --newRedditTheme-bodyAlpha70: var(--surface1) !important;\n --newRedditTheme-bodyAlpha80: var(--surface2) !important;\n --newRedditTheme-bodyFade: var(--mist) !important;\n --newRedditTheme-bodyShaded80: var(--mantle) !important;\n --newRedditTheme-bodyText: var(--text) !important;\n --newRedditTheme-bodyTextAlpha03: var(--mist) !important;\n --newRedditTheme-bodyTextAlpha20: var(--surface1) !important;\n --newRedditTheme-bodyTextShaded20: var(--surface0) !important;\n --newRedditTheme-bodyTextTinted20: var(--subtext1) !important;\n --newRedditTheme-bodyTinted50: var(--overlay0) !important;\n --newRedditTheme-bodyTinted80: var(--overlay1) !important;\n --newRedditTheme-button: var(--text) !important;\n --newRedditTheme-buttonAlpha05: var(--mist) !important;\n --newRedditTheme-buttonAlpha10: var(--mist) !important;\n --newRedditTheme-buttonAlpha20: var(--mist) !important;\n --newRedditTheme-buttonAlpha40: var(--subtext0) !important;\n --newRedditTheme-buttonAlpha50: var(--subtext1) !important;\n --newRedditTheme-buttonAlpha80: var(--subtext1) !important;\n --newRedditTheme-buttonShaded80: var(--overlay0) !important;\n --newRedditTheme-buttonTinted20: var(--accent) !important;\n --newRedditTheme-buttonTinted50: var(--accent) !important;\n --newRedditTheme-buttonTinted80: var(--accent) !important;\n --newRedditTheme-canvas: var(--crust) !important;\n --newRedditTheme-checkbox: var(--text) !important;\n --newRedditTheme-errorText: var(--red) !important;\n --newRedditTheme-field: var(--base) !important;\n --newRedditTheme-fieldFade: var(--mantle) !important;\n --newRedditTheme-flair: var(--accent) !important;\n \n /* controls menu, link, and other similar highlights. very important */\n --newRedditTheme-highlight: var(--base) !important;\n \n --newRedditTheme-inactive: var(--surface0) !important;\n --newRedditTheme-lightText: var(--text) !important;\n --newRedditTheme-lightTextAlpha75: var(--subtext1) !important;\n --newRedditTheme-line: var(--surface1Transparent) !important;\n --newRedditTheme-lineShaded80: var(--surface1Transparent) !important;\n --newRedditTheme-lineShaded90: var(--surface1Transparent) !important;\n --newRedditTheme-lineShadedNinety: var(--surface1Transparent) !important;\n \n /* links */\n --newRedditTheme-linkText: var(--accent) !important;\n --newRedditTheme-linkTextAlpha80: var(--accent) !important;\n --newRedditTheme-linkTextShaded80: var(--accent) !important;\n --newRedditTheme-linkTextTinted80: var(--accent) !important;\n --newRedditTheme-linkTextWithBody: var(--accent) !important;\n \n /* menus */\n --newRedditTheme-menu: var(--mantle) !important;\n --newRedditTheme-menuActiveText: var(--text) !important;\n --newRedditTheme-menuButtonBackground-active: var(--accent) !important;\n --newRedditTheme-menuButtonBackground-focus: var(--base) !important;\n --newRedditTheme-menuButtonBackground-hover: var(--base) !important;\n --newRedditTheme-menuInactiveText: var(--text) !important;\n \n --newRedditTheme-metaText: var(--subtext0) !important;\n --newRedditTheme-metaTextAlpha50: var(--mist) !important;\n --newRedditTheme-metaTextShaded80: var(--subtext1) !important;\n --newRedditTheme-monospaceColor: var(--accent) !important;\n --newRedditTheme-navBar-activeLink: var(--text) !important;\n --newRedditTheme-navBar-activeSubmenuCaret: var(--text) !important;\n --newRedditTheme-navBar-activeSubmenuLink: var(--text) !important;\n --newRedditTheme-navBar-backgroundColor: var(--mantle) !important;\n --newRedditTheme-navBar-hoverLink: var(--text) !important;\n --newRedditTheme-navBar-inactiveLink: var(--text) !important;\n --newRedditTheme-navBar-inactiveSubmenuCaret: var(--text) !important;\n --newRedditTheme-navBar-inactiveSubmenuLink: var(--text) !important;\n --newRedditTheme-navBar-submenuBackgroundColor: var(--mantle) !important;\n --newRedditTheme-navIcon: var(--text) !important;\n --newRedditTheme-navIconFaded10: var(--mist) !important;\n --newRedditTheme-nsfw: var(--red) !important;\n --newRedditTheme-nsfwBlocking-bgcolor: var(--crust) !important;\n --newRedditTheme-nsfwBlocking-color: var(--text) !important;\n --newRedditTheme-nsfwBlocking-contentTitleBgColor: var(--base) !important;\n --newRedditTheme-nsfwBlocking-mainCtaBgColor: var(--mantle) !important;\n --newRedditTheme-pageHeader: var(--surface0) !important;\n --newRedditTheme-placeholder: var(--surface1) !important;\n --newRedditTheme-post: var(--mantle) !important;\n --newRedditTheme-postError: var(--red) !important;\n --newRedditTheme-postFlairText: var(--text) !important;\n --newRedditTheme-postIcon: var(--accent) !important;\n --newRedditTheme-postLine: var(--surface1Transparent) !important;\n --newRedditTheme-postLineShaded80: var(--surface1Transparent) !important;\n --newRedditTheme-postLineShaded90: var(--surface1Transparent) !important;\n --newRedditTheme-postTinted20: var(--base) !important;\n --newRedditTheme-postTransparent20: var(--mist) !important;\n --newRedditTheme-primaryButtonShadedEighty: var(--surface1) !important;\n --newRedditTheme-primaryButtonTintedEighty: var(--surface2) !important;\n --newRedditTheme-primaryButtonTintedFifty: var(--surface1) !important;\n --newRedditTheme-primaryButtonTintedSixty: var(--surface1) !important;\n --newRedditTheme-quarantine: var(--yellow) !important;\n --newRedditTheme-report: var(--base) !important;\n --newRedditTheme-search-syntaxHighlightBackgroundColor: var(--accent) !important;\n --newRedditTheme-search-syntaxHighlightColor: var(--base) !important;\n --newRedditTheme-titleText: var(--text) !important;\n --newRedditTheme-upsell-appleIcon: var(--overlay0) !important;\n --newRedditTheme-upsell-ssoButtonBorderColor: var(--text) !important;\n --newRedditTheme-upsell-ssoButtonTextColor: var(--text) !important;\n --newRedditTheme-voteText-base: var(--subtext1) !important;\n --newRedditTheme-voteText-downvote: var(--blue) !important;\n --newRedditTheme-voteText-downvoteShaded80: var(--blue) !important;\n --newRedditTheme-voteText-downvoteTinted80: var(--blue) !important;\n --newRedditTheme-voteText-upvote: var(--red) !important;\n --newRedditTheme-voteText-upvoteShaded80: var(--red) !important;\n --newRedditTheme-voteText-upvoteTinted80: var(--red) !important;\n --newRedditTheme-widgetColors-appleIcon: var(--overlay0) !important;\n --newRedditTheme-widgetColors-lineColor: var(--surface1Transparent) !important;\n --newRedditTheme-widgetColors-sidebarWidgetBackgroundColor: var(--mantle) !important;\n --newRedditTheme-widgetColors-sidebarWidgetBorderColor: var(--surface1Transparent) !important;\n --newRedditTheme-widgetColors-sidebarWidgetHeaderColor: var(--crust) !important;\n --newRedditTheme-widgetColors-sidebarWidgetHeaderColorAlpha60: var(--mist) !important;\n --newRedditTheme-widgetColors-sidebarWidgetTextColor: var(--text) !important;\n --newRedditTheme-widgetColors-sidebarWidgetTextColorShaded80: var(--subtext1) !important;\n --newRedditTheme-widgetColors-sidebarWidgetTitleColor: var(--text) !important;\n --tw-bg-opacity: var(--crust) !important;\n --vds-video-bg-color: var(--crust) !important;\n }\n \n /* reddit chat variables */\n :root {\n --activity-button-chatFilterColor: var(--surface0) !important;\n --activity-button-newChatFilter-activeBg: var(--accent) !important;\n --activity-button-newChatFilter-activeText: var(--base) !important;\n --activity-button-newChatFilter-defaultBorder: var(--surface1) !important;\n --activity-button-newChatFilter-defaultText: var(--text) !important;\n --activity-button-primary: var(--accent) !important;\n --activity-button-secondary: var(--text) !important;\n --activity-buttonPrimary-color: var(--accent) !important;\n --activity-buttonSecondary-active: var(--accent) !important;\n --activity-checkbox-checked: var(--accent) !important;\n --activity-checkbox-checkmark: var(--text) !important;\n --activity-checkbox-unchecked: var(--base) !important;\n --activity-checkbox-uncheckedBorder: var(--surface1) !important;\n --activity-icon-active: var(--accent) !important;\n --activity-icon-contrast: var(--surface1) !important;\n --activity-icon-default: var(--subtext0) !important;\n --activity-icon-disable: var(--surface2) !important;\n --activity-icon-hover: var(--surface2) !important;\n --activity-icon-nsfw-bg: var(--base) !important;\n --activity-icon-nsfw-text: var(--text) !important;\n --activity-icon-subIcon-backgroundColor: var(--text) !important;\n --activity-icon-toaster: var(--crust) !important;\n --activity-input-background: var(--mist) !important;\n --activity-input-border: var(--surface1) !important;\n --activity-input-channelRename: var(--subtext0) !important;\n --activity-input-color: var(--subtext1) !important;\n --activity-input-error: var(--red) !important;\n --activity-input-focusBg: var(--green) !important;\n --activity-input-focusColor: var(--text) !important;\n --activity-input-ownerBg: var(--surface0) !important;\n --activity-link-hoverText: var(--red) !important;\n --activity-link-staticText: var(--accent) !important;\n --activity-link-staticUnderline: var(--accent) !important;\n --activity-minimizedPortal-backgroundColor-unreadFinal: var(--mantle) !important;\n --activity-minimizedPortal-backgroundColor-unreadInitial: var(--accent) !important;\n --activity-minimizedPortal-color-unreadFinal: var(--text) !important;\n --activity-minimizedPortal-color-unreadInitial: var(--text) !important;\n --activity-send-disable: var(--surface0) !important;\n --activity-send-hover: var(--accent) !important;\n --activity-text-active: var(--accent) !important;\n --activity-text-fade: var(--subtext0) !important;\n --activity-text-highlight: var(--text) !important;\n --activity-text-light: var(--subtext0) !important;\n --activity-text-meta: var(--subtext0) !important;\n --activity-text-regular: var(--text) !important;\n --activity-text-success: var(--green) !important;\n --activity-text-tutorial: var(--rosewater) !important;\n --activity-text-warning: var(--red) !important;\n --addReaction-backgroundColor: var(--surface0) !important;\n --addReaction-iconFill: var(--surface1) !important;\n --boxShadow: var(--mist) !important;\n --bubble-border: var(--surface1Transparent) !important;\n --bubble-channelsFilter-background: var(--crust) !important;\n --bubble-channelsFilter-selected: var(--overlay0) !important;\n --bubble-color: var(--text) !important;\n --bubble-link-color: var(--accent) !important;\n --bubbleActions-hover: var(--surface0) !important;\n --editName: var(--surface1) !important;\n --layout-body: var(--mantle) !important;\n --layout-colsBorder: var(--surface1Transparent) !important;\n --layout-controlsBorder: var(--surface1Transparent) !important;\n --layout-dropdown-border: var(--surface1Transparent) !important;\n --layout-header-counterBg: var(--red) !important;\n --layout-header-counterText: var(--text) !important;\n --layout-overlayBackground: var(--mist) !important;\n --layout-overlayReportFlow: var(--mist) !important;\n --layout-scrollbar: var(--text) !important;\n --layout-scrollbarHover: var(--accent) !important;\n --layout-timeStamp-tooltip-background: var(--surface0) !important;\n --message-list-item-button: var(--surface1) !important;\n --message-list-item-onlineIndicator: var(--green) !important;\n --message-list-item-ownerBg: var(--surface1) !important;\n --message-list-item-richItem: var(--overlay0) !important;\n --message-list-item-richItemBorder: var(--surface1Transparent) !important;\n --message-list-item-white: var(--text) !important;\n --modal-buttonsBackground: var(--text) !important;\n --modal-primaryButtonWarning: var(--red) !important;\n --modal-secondaryButton: var(--text) !important;\n --newChat-inviteLink-borderColor: var(--surface1Transparent) !important;\n --overlay-backgroundColor: var(--mantle) !important;\n --overlay-headerColor: var(--text) !important;\n --overlay-inputBackground: var(--crust) !important;\n --overlay-searchBarBackground: var(--mantle) !important;\n --prompt-tooltip-background: var(--accent) !important;\n --searchBar-backgroundColor: var(--mantle) !important;\n --settings-color: var(--subtext0) !important;\n --settings-dropdownItemHoverBackground: var(--crust) !important;\n --settings-panelBackground: var(--crust) !important;\n --settings-panelItemHoverBackground: var(--surface0) !important;\n --settings-panelItemSelectedBackground: var(--surface1) !important;\n --sidebar-background: var(--surface1Transparent) !important;\n --sidebar-basic-background-active: var(--accent) !important;\n --sidebar-basic-background-hover: var(--mantle) !important;\n --sidebar-footer-background: var(--crust) !important;\n --sidebar-item-active: var(--surface1) !important;\n --sidebar-item-hover: var(--surface0) !important;\n --sidebar-item-selected: var(--surface2) !important;\n --sidebar-item-text-active: var(--text) !important;\n --sidebar-subreddit-background-active: var(--accent) !important;\n --sidebar-subreddit-background-hover: var(--surface1) !important;\n --sidebar-text-divider: var(--surface1) !important;\n --skeleton-field: var(--surface2) !important;\n --skeleton-inactive: var(--surface0) !important;\n --subreddit-iconBg: var(--accent) !important;\n --toast-error: var(--red) !important;\n --toast-pending: var(--crust) !important;\n --toast-success: var(--green) !important;\n --uploads-progress-background: var(--subtext0) !important;\n --uploads-progress-bar: var(--accent) !important;\n --videoModal-button-background: var(--text) !important;\n --videoModal-button-color: var(--mantle) !important;\n }\n \n ::placeholder {\n color: var(--subtext0) !important;\n }\n \n /* site background */\n div.ListingLayout-backgroundContainer::before {\n background: var(--base) !important;\n }\n \n \n /* PROFILE MENU */\n \n \n /* karma count */\n span#email-collection-tooltip-id > :nth-child(2) > :nth-child(2) > span {\n color: var(--subtext0) !important;\n }\n\n /* profile button karma icon */\n i.icon-karma_fill {\n color: var(--red) !important;\n }\n\n /* menu headers */\n div[role=menu] > div > div > span > span {\n color: var(--subtext0) !important;\n }\n\n /* switches, should also apply sitewide */\n button[role=switch][aria-checked=false] {\n background: var(--surface0) !important;\n }\n\n button[role=switch] > div {\n background: var(--text) !important;\n }\n\n /* online status */\n ._2dn5Ncenn0BSD4tCSmxQhA {\n fill: var(--green) !important;\n }\n\n ._3SlBAJb2MbUHwgBZFH8eL7 {\n fill: var(--base) !important;\n }\n\n\n /* PROFILE PAGE */\n\n\n /* create avatar button */\n button._3F1tNW0P4Ff182mO_CefIg {\n background: linear-gradient(90deg, var(--red), var(--peach)) !important;\n color: var(--base) !important;\n }\n\n button._3F1tNW0P4Ff182mO_CefIg > i {\n color: var(--base) !important;\n }\n\n /* cake day and followers icon */\n i.icon-cake_fill, i.icon-user_fill {\n color: var(--accent) !important;\n }\n\n /* add social links button readability tweak */\n div._3hew1NnzwygOKDNQDKp6R4, div._3hew1NnzwygOKDNQDKp6R4 > i, li._3hew1NnzwygOKDNQDKp6R4 {\n color: var(--base) !important\n }\n\n /* profile moderation and user settings page */\n div._1VP69d9lk-Wk9zokOaylL {\n --background: var(--base) !important;\n --canvas: var(--base) !important;\n }\n\n /* Beta Badge */ \n span._2KFJx8Dhh1o1u0Xb8e7NuD {\n color: var(--accent) !important;\n }\n\n /* Delete Account */\n button.EBd2MhBQlQeZ13YeP0K8a {\n color: var(--accent) !important;\n }\n\n /* Delete Account Icon */\n svg._1Fa4RPHlhrfUZuNaXK2-eP > path {\n fill: var(--accent) !important;\n }\n\n /* blocked, muted input */\n input._1Vnaj3fBuYrmHKEPQD_zWW {\n background-color: var(--base) !important;\n }\n \n /* fixes profile posts not being themed */\n div.scrollerItem > div, div[data-testid=post-container], div[style=\"background:#1A1A1B\"], div._2otRz3OtuWajw1RleFDJ5P {\n background: var(--mantle) !important;\n }\n\n\n /* NFT AVATAR VIEWER */\n\n\n /* modal background */\n div._productDetails_7kbcu_53 {\n background: var(--mantle) !important;\n color: var(--text) !important;\n }\n\n /* mint status */\n div._mintStatus_7kbcu_264 {\n color: var(--accent) !important;\n }\n\n /* carousel background */\n div._carousel_7kbcu_45 {\n background: linear-gradient(243.37deg, var(--base) 16.42%, var(--blue) 100%);\n }\n\n /* nft card back */\n div._card_1ooes_1 {\n background: var(--blue) !important;\n }\n\n ol._container_1t62i_1 {\n border-color: var(--base) !important;\n }\n\n ol._container_1t62i_1 > li {\n border-color: var(--base) !important;\n }\n\n ol._container_1t62i_1 > li > div {\n color: var(--base) !important;\n }\n\n div.MuiMobileStepper-dot {\n background: var(--surface0) !important;\n }\n\n div.MuiMobileStepper-dotActive {\n background: var(--accent) !important;\n }\n\n div._scrollContainer_7kbcu_104 > div > h3, div._cardAuthor_7kbcu_79 {\n color: var(--subtext0) !important\n }\n\n div._container_oikih_1 {\n background: var(--crust) !important;\n border-color: var(--surface1) !important;\n }\n\n /* external links */\n a._pill_7kbcu_280 {\n background: var(--crust) !important;\n color: var(--text) !important;\n }\n\n /* shop for avatars button */\n button._shopForMoreButton_7kbcu_125 {\n background: linear-gradient(90deg, var(--red), var(--peach)) !important;\n color: var(--base) !important;\n }\n\n\n /* AVATAR CREATOR */\n div._wrapper_1upjl_7 {\n background: var(--base) !important;\n color: var(--text) !important;\n }\n\n\n /* SITE HEADER*/\n\n \n /* reddit logo */\n a[aria-label=Home] > svg > g > circle {\n fill: var(--accent) !important;\n }\n\n a[aria-label=Home] > svg:first-child > g > path {\n fill: var(--base) !important;\n }\n\n a[aria-label=Home] > svg:nth-child(2) > g > path {\n fill: var(--text) !important;\n }\n \n /* notification icon */\n button[aria-label=\"Open notifications inbox\"] > div > span {\n background: var(--accent) !important;\n color: var(--mantle) !important;\n }\n\n /* advertise button */\n #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a {\n background: var(--surface0) !important;\n color: var(--text) !important;\n }\n\n #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a > i {\n color: var(--text) !important;\n }\n\n /* reddit now notification */\n a[href=\"/now\"] > div {\n background: var(--accent) !important;\n }\n\n /* search scope pill text */\n div[data-testid=\"search-scope-pill-text\"] {\n color: var(--text) !important;\n }\n\n /* search popup title */\n div[class*=\"_2SdHzo12ISmrC8H86TgSCp\"][class*=\"_1QVrieUoti9cxiQSRw314E\"][class*=\"uWdXen_41bh0iwLrgzFkc\"] {\n --posttitletextcolor: var(--text) !important;\n }\n\n /* safe search toggle */\n button#safe-search-toggle[aria-checked=true] {\n background: var(--accent) !important;\n }\n\n\n /* NAVIGATION SIDEBAR */\n\n\n /* close icon */\n i.icon-close {\n color: var(--subtext0) !important;\n }\n\n /* item color */\n a[role=menuitem] {\n color: var(--text) !important;\n }\n\n /* navigation sidebar header color */\n div[role=menu] > div[role=heading] {\n color: var(--subtext0) !important;\n }\n\n a[role=menuitem]:hover {\n background: var(--surface0) !important;\n }\n\n /* favorites */\n i.icon-star_fill {\n color: var(--accent) !important;\n }\n\n i.icon-star {\n color: var(--subtext0) !important;\n }\n\n\n /* RIGHT FRONTPAGE SIDEBAR */\n\n\n /* reddit premium icon */\n i.icon-premium_fill {\n color: var(--accent) !important;\n }\n\n /* reddit premium try now button */\n button._10BQ7pjWbeYP63SAPNS8Ts.q_unSaY23rpdd3lDvGZ- {\n background: var(--accent) !important;\n color: var(--base) !important;\n }\n\n /* recent posts thumbnail borders */\n div._3fWuhJ6bVet7XJT5A0mZM2 > div > div > div {\n border-color: var(--subtext0) !important;\n }\n\n\n /* POSTS */\n\n\n /* post background for card style */\n div[data-adclicklocation=background] {\n background: var(--base) !important;\n }\n\n /* post options (save, comment, etc.) */\n div._3-miAEojrCvx_4FQ8x3P-s, i.icon-comment, i.icon-share, i.icon-save, i.icon-expand, i.icon-collapse, i.icon-text_post, i.icon-image_post, i.icon-media_gallery, i.icon-video_post, i.icon-gif_post, i.icon-embed, i.icon-external_link, i.icon-poll_post {\n color: var(--subtext0) !important;\n }\n\n /* post title color */\n div[data-adclicklocation=title] > div > a > div > h3, div[data-adclicklocation=title] > div:first-child > div:first-child > h1:first-child {\n color: var(--text) !important;\n }\n\n /* \n * post op color and\n * post date color\n */\n div[data-adclicklocation=top_bar] > span, a[data-testid=post_author_link] {\n color: var(--subtext0) !important;\n }\n\n /* nsfw flair */\n span._1wzhGvvafQFOWAyA157okr {\n border-color: var(--red) !important;\n color: var(--red) !important;\n }\n\n /* pinned post icon */\n i.icon-pin_fill {\n color: var(--green) !important;\n }\n\n /* give award icon */\n i.icon-award {\n color: var(--subtext0) !important;\n }\n\n /* locked post icon */\n i.icon-archived_fill, i.icon-lock_fill {\n color: var(--yellow) !important;\n }\n\n /* post button divider */\n div[data-click-id=body] > div:nth-child(3) > div:nth-child(3) { \n border-color: var(--surface1) !important;\n }\n\n\n /* UPVOTES/DOWNVOTES */\n\n\n /* upvote/downvote background */\n div.Post, div[data-click-id=media] {\n background: var(--mantle) !important;\n fill: var(--mantle) !important;\n }\n\n /* inactive vote text color */\n div[id^=vote-arrows] > div {\n color: var(--subtext0) !important;\n }\n\n /* active upvote color */\n i.icon-upvote_fill {\n color: var(--red) !important;\n }\n\n button[aria-label=upvote][aria-pressed=false] > span:hover > i {\n color: var(--red) !important;\n }\n\n /* active upvote text color */\n button[aria-label=upvote][aria-pressed=true] ~ div {\n color: var(--red) !important;\n }\n\n /* hover background for both upvotes and downvotes */\n button[aria-label=upvote][aria-label=downvote] > span:hover {\n background: var(--surface0) !important;\n }\n\n /* active downvote color */\n .icon-downvote_fill {\n color: var(--blue) !important;\n }\n\n /* active downvote text color */\n button[aria-label=downvote][aria-pressed=true] ~ div {\n color: var(--blue) !important;\n }\n\n button[aria-label=downvote][aria-pressed=false] > span:hover > i {\n color: var(--blue) !important;\n }\n\n\n /* REPORT MODAL */\n\n\n a.o1ov2mzLxTFAFP-O4Uv8I {\n color: var(--accent) !important;\n }\n\n button._1lDGFVGU9k2mi-4kjU95Rp {\n color: var(--base) !important;\n }\n\n\n /* SUBREDDIT PAGES */\n\n\n a[role=button][target=\"_blank\"] {\n background: var(--text) !important;\n color: var(--base) !important;\n }\n\n /* radio buttons (flair selector, etc.) */\n div[role=radio]:hover, div[role=radio]:focus {\n background: var(--accent) !important;\n }\n \n div[role=radio] > svg, div[role=radio] > svg:active {\n fill: var(--text) !important;\n }\n \n /* checkboxes */\n button[role=checkbox] {\n fill: var(--accent) !important;\n }\n \n \n /* SUBREDDIT RIGHT SIDEBAR (some styles carry over from the homepage right sidebar section) */\n \n \n /* header background */\n ._ZhON3a3vplThB8NFwuJn {\n background: var(--crust) !important;\n color: var(--text) !important;\n }\n \n /* subreddit image background */\n img[alt=\"Subreddit Icon\"][role=\"presentation\"] {\n background: var(--accent) !important;\n }\n \n /* default subreddit icon */\n i.icon-community_fill {\n color: var(--accent) !important;\n }\n \n /* online users */\n div._21RLQh5PvUhC6vOKoFeHUP:before {\n color: var(--green) !important;\n }\n \n \n /* POST VIEWER */\n \n \n /* spoiler tags */\n ._2v4IIjPhKL0PDaWaWtjJ1E {\n background: var(--surface0) !important;\n }\n \n /* mod comment tag */\n span[id^=CommentTopMeta--Mod] {\n color: var(--green) !important;\n }\n \n /* op comment tag */\n span[id^=CommentTopMeta--OP] {\n color: var(--blue) !important;\n }\n \n /* post overlay if you have \"open in new tab\" disabled */\n div#overlayScrollContainer > div {\n background: var(--crust) !important;\n }\n \n /* fixes comment section background not working when \"open in new tab is disabled\" */\n div._2M2wOqmeoPVvcSsJ6Po9-V._3287nL7j7epK9JmDC3N1VR {\n background: var(--mantle) !important;\n }\n \n /* shade applied to background when clicking on a post with \"open in new tab\" disabled */\n div._2DJXORCrmcNpPTSq0LqL6i, div._1DK52RbaamLOWw5UPaht_S {\n background: var(--mist) !important;\n }\n \n /* gold award gradient */\n div.TmlaIdEplCzZ0F1aRGYQh[role=presentation] {\n background: linear-gradient(188deg, #f9e2af1f 1.7%, #f9e2af00 46%, rgba(0, 0, 0, 0)) !important;\n }\n \n /* image gallery next/previous buttons */\n a[title=Next] > i, a[title=Previous] > i {\n background: var(--surface0) !important;\n }\n \n /* image gallery image count */\n div._61i6grM3um1yuw4GrN97P {\n background: var(--mist) !important;\n color: var(--text) !important;\n }\n\n /* comment search bar */\n input#comment_search-bar {\n background: var(--base) !important;\n }\n \n \n /* MULTIREDDITS/CUSTOM FEEDS */\n \n \n /* delete custom feed button */\n .bX6SqXfzfxpv4GQbuIYVZ {\n color: var(--red) !important;\n }\n \n \n /* TOOLTIPS */\n \n \n div.HQ2VJViRjokXpRbJzPvvc {\n background: var(--mantle) !important;\n color: var(--text) !important;\n }\n \n div.HQ2VJViRjokXpRbJzPvvc::after {\n border-top-color: var(--mantle) !important;\n }\n}\n", + "sourceCode": "/* ==UserStyle==\n@name Reddit Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/reddit\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/reddit\n@version 1.1.1\n@description Soothing pastel theme for Reddit.\n@author jayylmao\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/reddit/catppuccin.user.css\n\n@preprocessor stylus\n\n@var select stylusAccent \"Accent color\" [\n\t\"Rosewater\",\n\t\"Flamingo\",\n\t\"Pink\",\n\t\"Mauve\",\n\t\"Red\",\n \"Maroon\",\n\t\"Peach\",\n\t\"Yellow\",\n \"Green\",\n\t\"Teal\",\n\t\"Sky\",\n \"Sapphire\",\n\t\"Blue\",\n\t\"Lavender\"\n]\n\n@var select stylusFlavor \"Catppuccin Flavor\" [\n \"Latte\",\n \"Frappe\",\n \"Macchiato\",\n \"Mocha\",\n \"Espresso\"\n]\n==/UserStyle== */\n\n@-moz-document domain(\"reddit.com\") {\n :root {\n if stylusFlavor==\"Latte\" {\n --rosewater: #dc8a78;\n --flamingo : #dd7878;\n --pink : #ea76cb;\n --mauve : #8839ef;\n --red : #d20f39;\n --maroon : #e64553;\n --peach : #fe640b;\n --yellow : #df8e1d;\n --green : #40a02b;\n --teal : #179299;\n --sky : #04a5e5;\n --sapphire : #209fb5;\n --blue : #1e66f5;\n --lavender : #7287fd;\n --text : #4c4f69;\n --subtext1 : #5c5f77;\n --subtext0 : #6c6f85;\n --overlay2 : #7c7f93;\n --overlay1 : #8c8fa1;\n --overlay0 : #9ca0b0;\n --surface2 : #acb0be;\n --surface1 : #bcc0cc;\n --surface0 : #ccd0da;\n --base : #eff1f5;\n --mantle : #e6e9ef;\n --crust : #dce0e8;\n\n /* non-standard colors */\n --surface1Transparent: #bcc0ccbd;\n --mist: #dce0e8bd; \n }\n else if stylusFlavor==\"Frappe\" {\n --rosewater: #f2d5cf;\n --flamingo : #eebebe;\n --pink : #f4b8e4;\n --mauve : #ca9ee6;\n --red : #e78284;\n --maroon : #ea999c;\n --peach : #ef9f76;\n --yellow : #e5c890;\n --green : #a6d189;\n --teal : #81c8be;\n --sky : #99d1db;\n --sapphire : #85c1dc;\n --blue : #8caaee;\n --lavender : #babbf1;\n --text : #c6d0f5;\n --subtext1 : #b5bfe2;\n --subtext0 : #a5adce;\n --overlay2 : #9f9cbb;\n --overlay1 : #838ba7;\n --overlay0 : #737994;\n --surface2 : #626880;\n --surface1 : #51576d;\n --surface0 : #414559;\n --base : #303446;\n --mantle : #292c3c;\n --crust : #232634;\n\n /* non-standard colors */\n --surface1Transparent: #51576dbd;\n --mist: #232634bd;\n }\n else if stylusFlavor==\"Macchiato\" {\n --rosewater: #f4dbd6;\n --flamingo : #f0c6c6;\n --pink : #f5bde6;\n --mauve : #c6a0f6;\n --red : #ed8796;\n --maroon : #ee99a0;\n --peach : #f5a97f;\n --yellow : #eed49f;\n --green : #a6da95;\n --teal : #8bd5ca;\n --sky : #91d7e3;\n --sapphire : #7dc4e4;\n --blue : #8aadf4;\n --lavender : #b7bdf8;\n --text : #cad3f5;\n --subtext1 : #b8c0e0;\n --subtext0 : #a5adcb;\n --overlay2 : #939ab7;\n --overlay1 : #8087a2;\n --overlay0 : #6e738d;\n --surface2 : #5b6078;\n --surface1 : #494d64;\n --surface0 : #363a4f;\n --base : #24273a;\n --mantle : #1e2030;\n --crust : #181926;\n\n /* non-standard colors */\n --surface1Transparent: #494d64bd;\n --mist: #181926bd;\n }\n else if stylusFlavor==\"Mocha\" {\n --rosewater: #f5e0dc;\n --flamingo : #f2cdcd;\n --pink : #f5c2e7;\n --mauve : #cba6f7;\n --red : #f38ba8;\n --maroon : #eba0ac;\n --peach : #fab387;\n --yellow : #f9e2af;\n --green : #a6e3a1;\n --teal : #94e2d5;\n --sky : #89dceb;\n --sapphire : #74c7ec;\n --blue : #89b4fa;\n --lavender : #b4befe;\n --text : #cdd6f4;\n --subtext1 : #bac2de;\n --subtext0 : #a6adc8;\n --overlay2 : #9399b2;\n --overlay1 : #7f849c;\n --overlay0 : #6c7086;\n --surface2 : #585b70;\n --surface1 : #45475a;\n --surface0 : #313244;\n --base : #1e1e2e;\n --mantle : #181825;\n --crust : #11111b;\n\n /* non-standard colors */\n --surface1Transparent: #45475abd;\n --mist: #11111bbd;\n }\n else if stylusFlavor==\"Espresso\" {\n --rosewater: #f5e0dc;\n --flamingo : #f2cdcd;\n --pink : #f5c2e7;\n --mauve : #cba6f7;\n --red : #f38ba8;\n --maroon : #eba0ac;\n --peach : #fab387;\n --yellow : #f9e2af;\n --green : #a6e3a1;\n --teal : #94e2d5;\n --sky : #89dceb;\n --sapphire : #74c7ec;\n --blue : #89b4fa;\n --lavender : #b4befe;\n --text : #cdd6f4;\n --subtext1 : #bac2de;\n --subtext0 : #a6adc8;\n --overlay2 : #9399b2;\n --overlay1 : #7f849c;\n --overlay0 : #6c7086;\n --surface2 : #585b70;\n --surface1 : #45475a;\n --surface0 : #313244;\n --base : #020202;\n --mantle : #010101;\n --crust : #000000;\n\n /* non-standard colors */\n --surface1Transparent: #45475abd;\n --mist: #000000bd;\n }\n \n if stylusAccent==\"Rosewater\" {\n --accent: var(--rosewater);\n }\n else if stylusAccent==\"Flamingo\" {\n --accent: var(--flamingo);\n }\n else if stylusAccent==\"Pink\" {\n --accent: var(--pink);\n }\n else if stylusAccent==\"Mauve\" {\n --accent: var(--mauve);\n }\n else if stylusAccent==\"Red\" {\n --accent: var(--red);\n }\n else if stylusAccent==\"Maroon\" {\n --accent: var(--maroon);\n }\n else if stylusAccent==\"Peach\" {\n --accent: var(--peach);\n }\n else if stylusAccent==\"Yellow\" {\n --accent: var(--yellow);\n }\n else if stylusAccent==\"Green\" {\n --accent: var(--green);\n }\n else if stylusAccent==\"Teal\" {\n --accent: var(--teal);\n }\n else if stylusAccent==\"Sky\" {\n --accent: var(--sky);\n }\n else if stylusAccent==\"Sapphire\" {\n --accent: var(--sapphire);\n }\n else if stylusAccent==\"Blue\" {\n --accent: var(--blue);\n }\n else if stylusAccent==\"Lavender\" {\n --accent: var(--lavender);\n }\n }\n \n \n /* REDDIT COLOR VARIABLES */\n \n \n div[class^=subredditvars], :root {\n --color-online: var(--green) !important;\n --newCommunityTheme-actionIcon: var(--subtext0) !important;\n --newCommunityTheme-actionIconAlpha20: var(--mist) !important;\n --newCommunityTheme-actionIconAlpha50: var(--mist) !important;\n --newCommunityTheme-actionIconShaded80: var(--subtext0) !important;\n --newCommunityTheme-actionIconTinted80: var(--subtext1) !important;\n --newCommunityTheme-active: var(--accent) !important;\n --newCommunityTheme-activeAlpha10: var(--mist) !important;\n --newCommunityTheme-activeAlpha20: var(--mist) !important;\n --newCommunityTheme-activeAlpha50: var(--mist) !important;\n --newCommunityTheme-activeLight60: var(--accent) !important;\n --newCommunityTheme-activeShaded80: var(--accent) !important;\n --newCommunityTheme-activeShaded90: var(--accent) !important;\n --newCommunityTheme-activeTinted05: var(--text) !important;\n --newCommunityTheme-banner-backgroundColor: var(--accent) !important;\n --newCommunityTheme-banner-iconColor: var(--accent) !important;\n --newCommunityTheme-body: var(--mantle) !important;\n --newCommunityTheme-bodyAlpha50: var(--surface0) !important;\n --newCommunityTheme-bodyAlpha70: var(--surface1) !important;\n --newCommunityTheme-bodyAlpha80: var(--surface2) !important;\n --newCommunityTheme-bodyFade: var(--subtext0) !important;\n --newCommunityTheme-bodyShaded80: var(--mantle) !important;\n --newCommunityTheme-bodyText: var(--text) !important;\n --newCommunityTheme-bodyTextAlpha03: var(--mantle) !important;\n --newCommunityTheme-bodyTextAlpha20: var(--surface1) !important;\n --newCommunityTheme-bodyTextShaded20: var(--surface0) !important;\n --newCommunityTheme-bodyTextTinted20: var(--subtext0) !important;\n --newCommunityTheme-bodyTinted50: var(--overlay1) !important;\n --newCommunityTheme-bodyTinted80: var(--overlay0) !important;\n --newCommunityTheme-button: var(--text) !important;\n --newCommunityTheme-buttonAlpha05: var(--mist) !important;\n --newCommunityTheme-buttonAlpha10: var(--mist) !important;\n --newCommunityTheme-buttonAlpha20: var(--mist) !important;\n --newCommunityTheme-buttonAlpha40: var(--subtext0) !important;\n --newCommunityTheme-buttonAlpha50: var(--subtext1) !important;\n --newCommunityTheme-buttonAlpha80: var(--subtext1) !important;\n --newCommunityTheme-buttonShaded80: var(--overlay0) !important;\n --newCommunityTheme-buttonTinted20: var(--accent) !important;\n --newCommunityTheme-buttonTinted50: var(--accent) !important;\n --newCommunityTheme-buttonTinted80: var(--accent) !important;\n --newCommunityTheme-canvas: var(--crust) !important;\n --newCommunityTheme-checkbox: var(--text) !important;\n --newCommunityTheme-errorText: var(--red) !important;\n --newCommunityTheme-field: var(--surface0) !important;\n --newCommunityTheme-fieldFade: var(--surface1Transparent) !important;\n --newCommunityTheme-flair: var(--accent) !important;\n --newCommunityTheme-highlight: var(--base) !important;\n --newCommunityTheme-inactive: var(--subtext0) !important;\n --newCommunityTheme-lightText: var(--text) !important;\n --newCommunityTheme-lightTextAlpha75: var(--subtext1) !important;\n --newCommunityTheme-line: var(--surface1Transparent) !important;\n --newCommunityTheme-lineShaded80: var(--surface1Transparent) !important;\n --newCommunityTheme-lineShaded90: var(--surface1Transparent) !important;\n --newCommunityTheme-lineShadedNinety: var(--surface1Transparent) !important;\n --newCommunityTheme-linkText: var(--accent) !important;\n --newCommunityTheme-linkTextAlpha80: var(--accent) !important;\n --newCommunityTheme-linkTextShaded80: var(--accent) !important;\n --newCommunityTheme-linkTextTinted80: var(--accent) !important;\n --newCommunityTheme-linkTextWithBody: var(--accent) !important;\n --newCommunityTheme-menu: var(--mantle) !important;\n --newCommunityTheme-menuActiveText: var(--text) !important;\n --newCommunityTheme-menuButtonBackground-active: var(--base) !important;\n --newCommunityTheme-menuButtonBackground-focus: var(--base) !important;\n --newCommunityTheme-menuButtonBackground-hover: var(--base) !important;\n --newCommunityTheme-menuInactiveText: var(--text) !important;\n --newCommunityTheme-metaText: var(--subtext0) !important;\n --newCommunityTheme-metaTextAlpha50: var(--subtext0) !important;\n --newCommunityTheme-metaTextShaded80: var(--subtext0) !important;\n --newCommunityTheme-monospaceColor: var(--accent) !important;\n --newCommunityTheme-navBar-activeLink: var(--text) !important;\n --newCommunityTheme-navBar-activeSubmenuCaret: var(--text) !important;\n --newCommunityTheme-navBar-activeSubmenuLink: var(--text) !important;\n --newCommunityTheme-navBar-backgroundColor: var(--mantle) !important;\n --newCommunityTheme-navBar-hoverLink: var(--text) !important;\n --newCommunityTheme-navBar-inactiveLink: var(--text) !important;\n --newCommunityTheme-navBar-inactiveSubmenuCaret: var(--text) !important;\n --newCommunityTheme-navBar-inactiveSubmenuLink: var(--text) !important;\n --newCommunityTheme-navBar-submenuBackgroundColor: var(--mantle) !important;\n --newCommunityTheme-navIcon: var(--text) !important;\n \n /* upvote/downvote focus */\n --newCommunityTheme-navIconFaded10: var(--mist) !important;\n \n --newCommunityTheme-nsfw: var(--red) !important;\n --newCommunityTheme-nsfwBlocking-bgcolor: var(--crust) !important;\n --newCommunityTheme-nsfwBlocking-color: var(--text) !important;\n --newCommunityTheme-nsfwBlocking-contentTitleBgColor: var(--base) !important;\n --newCommunityTheme-nsfwBlocking-mainCtaBgColor: var(--mantle) !important;\n --newCommunityTheme-pageHeader: var(--surface2) !important;\n --newCommunityTheme-placeholder: var(--surface0) !important;\n --newCommunityTheme-post: var(--mantle) !important;\n --newCommunityTheme-postError: var(--red) !important;\n --newCommunityTheme-postFlairText: var(--crust) !important;\n --newCommunityTheme-postIcon: var(--accent) !important;\n --newCommunityTheme-postLine: var(--surface1Transparent) !important;\n --newCommunityTheme-postLineShaded80: var(--surface1Transparent) !important;\n --newCommunityTheme-postLineShaded90: var(--surface1Transparent) !important;\n --newCommunityTheme-postTinted20: var(--base) !important;\n --newCommunityTheme-postTransparent20: var(--base) !important;\n --newCommunityTheme-primaryButtonShadedEighty: var(--overlay1) !important;\n --newCommunityTheme-primaryButtonTintedEighty: var(--overlay1) !important;\n --newCommunityTheme-primaryButtonTintedFifty: var(--overlay0) !important;\n --newCommunityTheme-primaryButtonTintedSixty: var(--overlay0) !important;\n --newCommunityTheme-quarantine: var(--yellow) !important;\n --newCommunityTheme-report: var(--surface1) !important;\n --newCommunityTheme-search-syntaxHighlightBackgroundColor: var(--accent) !important;\n --newCommunityTheme-search-syntaxHighlightColor: var(--base) !important;\n --newCommunityTheme-titleText: var(--text) !important;\n --newCommunityTheme-upsell-appleIcon: var(--subtext1) !important;\n --newCommunityTheme-upsell-ssoButtonBorderColor: var(--surface1Transparent) !important;\n --newCommunityTheme-upsell-ssoButtonTextColor: var(--text) !important;\n --newCommunityTheme-voteText-base: var(--subtext0) !important;\n --newCommunityTheme-voteText-downvote: var(--blue) !important;\n --newCommunityTheme-voteText-downvoteShaded80: var(--blue) !important;\n --newCommunityTheme-voteText-downvoteTinted80: var(--blue) !important;\n --newCommunityTheme-voteText-upvote: var(--red) !important;\n --newCommunityTheme-voteText-upvoteShaded80: var(--red) !important;\n --newCommunityTheme-voteText-upvoteTinted80: var(--red) !important;\n --newCommunityTheme-widgetColors-appleIcon: var(--overlay0) !important;\n --newCommunityTheme-widgetColors-lineColor: var(--surface1Transparent) !important;\n \n /* sidebar widgets */\n --newCommunityTheme-widgetColors-sidebarWidgetBackgroundColor: var(--mantle) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetBorderColor: var(--surface1Transparent) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetHeaderColor: var(--crust) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetHeaderColorAlpha60: var(--mantle) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetTextColor: var(--text) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetTextColorShaded80: var(--subtext1) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetTitleColor: var(--text) !important;\n \n --newRedditTheme-actionIcon: var(--subtext0) !important;\n --newRedditTheme-actionIconAlpha20: var(--mist) !important;\n --newRedditTheme-actionIconAlpha50: var(--mist) !important;\n --newRedditTheme-actionIconShaded80: var(--subtext0) !important;\n --newRedditTheme-actionIconTinted80: var(--subtext1) !important;\n --newRedditTheme-active: var(--accent) !important;\n --newRedditTheme-activeAlpha10: var(--mist) !important;\n --newRedditTheme-activeAlpha20: var(--mist) !important;\n --newRedditTheme-activeAlpha50: var(--mist) !important;\n --newRedditTheme-activeLight60: var(--accent) !important;\n --newRedditTheme-activeShaded80: var(--accent) !important;\n --newRedditTheme-activeShaded90: var(--accent) !important;\n --newRedditTheme-activeTinted05: var(--text) !important;\n --newRedditTheme-banner-backgroundColor: var(--accent) !important;\n --newRedditTheme-banner-iconColor: var(--accent) !important;\n --newRedditTheme-body: var(--mantle) !important;\n --newRedditTheme-bodyAlpha50: var(--surface0) !important;\n --newRedditTheme-bodyAlpha70: var(--surface1) !important;\n --newRedditTheme-bodyAlpha80: var(--surface2) !important;\n --newRedditTheme-bodyFade: var(--mist) !important;\n --newRedditTheme-bodyShaded80: var(--mantle) !important;\n --newRedditTheme-bodyText: var(--text) !important;\n --newRedditTheme-bodyTextAlpha03: var(--mist) !important;\n --newRedditTheme-bodyTextAlpha20: var(--surface1) !important;\n --newRedditTheme-bodyTextShaded20: var(--surface0) !important;\n --newRedditTheme-bodyTextTinted20: var(--subtext1) !important;\n --newRedditTheme-bodyTinted50: var(--overlay0) !important;\n --newRedditTheme-bodyTinted80: var(--overlay1) !important;\n --newRedditTheme-button: var(--text) !important;\n --newRedditTheme-buttonAlpha05: var(--mist) !important;\n --newRedditTheme-buttonAlpha10: var(--mist) !important;\n --newRedditTheme-buttonAlpha20: var(--mist) !important;\n --newRedditTheme-buttonAlpha40: var(--subtext0) !important;\n --newRedditTheme-buttonAlpha50: var(--subtext1) !important;\n --newRedditTheme-buttonAlpha80: var(--subtext1) !important;\n --newRedditTheme-buttonShaded80: var(--overlay0) !important;\n --newRedditTheme-buttonTinted20: var(--accent) !important;\n --newRedditTheme-buttonTinted50: var(--accent) !important;\n --newRedditTheme-buttonTinted80: var(--accent) !important;\n --newRedditTheme-canvas: var(--crust) !important;\n --newRedditTheme-checkbox: var(--text) !important;\n --newRedditTheme-errorText: var(--red) !important;\n --newRedditTheme-field: var(--base) !important;\n --newRedditTheme-fieldFade: var(--mantle) !important;\n --newRedditTheme-flair: var(--accent) !important;\n \n /* controls menu, link, and other similar highlights. very important */\n --newRedditTheme-highlight: var(--base) !important;\n \n --newRedditTheme-inactive: var(--surface0) !important;\n --newRedditTheme-lightText: var(--text) !important;\n --newRedditTheme-lightTextAlpha75: var(--subtext1) !important;\n --newRedditTheme-line: var(--surface1Transparent) !important;\n --newRedditTheme-lineShaded80: var(--surface1Transparent) !important;\n --newRedditTheme-lineShaded90: var(--surface1Transparent) !important;\n --newRedditTheme-lineShadedNinety: var(--surface1Transparent) !important;\n \n /* links */\n --newRedditTheme-linkText: var(--accent) !important;\n --newRedditTheme-linkTextAlpha80: var(--accent) !important;\n --newRedditTheme-linkTextShaded80: var(--accent) !important;\n --newRedditTheme-linkTextTinted80: var(--accent) !important;\n --newRedditTheme-linkTextWithBody: var(--accent) !important;\n \n /* menus */\n --newRedditTheme-menu: var(--mantle) !important;\n --newRedditTheme-menuActiveText: var(--text) !important;\n --newRedditTheme-menuButtonBackground-active: var(--accent) !important;\n --newRedditTheme-menuButtonBackground-focus: var(--base) !important;\n --newRedditTheme-menuButtonBackground-hover: var(--base) !important;\n --newRedditTheme-menuInactiveText: var(--text) !important;\n \n --newRedditTheme-metaText: var(--subtext0) !important;\n --newRedditTheme-metaTextAlpha50: var(--mist) !important;\n --newRedditTheme-metaTextShaded80: var(--subtext1) !important;\n --newRedditTheme-monospaceColor: var(--accent) !important;\n --newRedditTheme-navBar-activeLink: var(--text) !important;\n --newRedditTheme-navBar-activeSubmenuCaret: var(--text) !important;\n --newRedditTheme-navBar-activeSubmenuLink: var(--text) !important;\n --newRedditTheme-navBar-backgroundColor: var(--mantle) !important;\n --newRedditTheme-navBar-hoverLink: var(--text) !important;\n --newRedditTheme-navBar-inactiveLink: var(--text) !important;\n --newRedditTheme-navBar-inactiveSubmenuCaret: var(--text) !important;\n --newRedditTheme-navBar-inactiveSubmenuLink: var(--text) !important;\n --newRedditTheme-navBar-submenuBackgroundColor: var(--mantle) !important;\n --newRedditTheme-navIcon: var(--text) !important;\n --newRedditTheme-navIconFaded10: var(--mist) !important;\n --newRedditTheme-nsfw: var(--red) !important;\n --newRedditTheme-nsfwBlocking-bgcolor: var(--crust) !important;\n --newRedditTheme-nsfwBlocking-color: var(--text) !important;\n --newRedditTheme-nsfwBlocking-contentTitleBgColor: var(--base) !important;\n --newRedditTheme-nsfwBlocking-mainCtaBgColor: var(--mantle) !important;\n --newRedditTheme-pageHeader: var(--surface0) !important;\n --newRedditTheme-placeholder: var(--surface1) !important;\n --newRedditTheme-post: var(--mantle) !important;\n --newRedditTheme-postError: var(--red) !important;\n --newRedditTheme-postFlairText: var(--text) !important;\n --newRedditTheme-postIcon: var(--accent) !important;\n --newRedditTheme-postLine: var(--surface1Transparent) !important;\n --newRedditTheme-postLineShaded80: var(--surface1Transparent) !important;\n --newRedditTheme-postLineShaded90: var(--surface1Transparent) !important;\n --newRedditTheme-postTinted20: var(--base) !important;\n --newRedditTheme-postTransparent20: var(--mist) !important;\n --newRedditTheme-primaryButtonShadedEighty: var(--surface1) !important;\n --newRedditTheme-primaryButtonTintedEighty: var(--surface2) !important;\n --newRedditTheme-primaryButtonTintedFifty: var(--surface1) !important;\n --newRedditTheme-primaryButtonTintedSixty: var(--surface1) !important;\n --newRedditTheme-quarantine: var(--yellow) !important;\n --newRedditTheme-report: var(--base) !important;\n --newRedditTheme-search-syntaxHighlightBackgroundColor: var(--accent) !important;\n --newRedditTheme-search-syntaxHighlightColor: var(--base) !important;\n --newRedditTheme-titleText: var(--text) !important;\n --newRedditTheme-upsell-appleIcon: var(--overlay0) !important;\n --newRedditTheme-upsell-ssoButtonBorderColor: var(--text) !important;\n --newRedditTheme-upsell-ssoButtonTextColor: var(--text) !important;\n --newRedditTheme-voteText-base: var(--subtext1) !important;\n --newRedditTheme-voteText-downvote: var(--blue) !important;\n --newRedditTheme-voteText-downvoteShaded80: var(--blue) !important;\n --newRedditTheme-voteText-downvoteTinted80: var(--blue) !important;\n --newRedditTheme-voteText-upvote: var(--red) !important;\n --newRedditTheme-voteText-upvoteShaded80: var(--red) !important;\n --newRedditTheme-voteText-upvoteTinted80: var(--red) !important;\n --newRedditTheme-widgetColors-appleIcon: var(--overlay0) !important;\n --newRedditTheme-widgetColors-lineColor: var(--surface1Transparent) !important;\n --newRedditTheme-widgetColors-sidebarWidgetBackgroundColor: var(--mantle) !important;\n --newRedditTheme-widgetColors-sidebarWidgetBorderColor: var(--surface1Transparent) !important;\n --newRedditTheme-widgetColors-sidebarWidgetHeaderColor: var(--crust) !important;\n --newRedditTheme-widgetColors-sidebarWidgetHeaderColorAlpha60: var(--mist) !important;\n --newRedditTheme-widgetColors-sidebarWidgetTextColor: var(--text) !important;\n --newRedditTheme-widgetColors-sidebarWidgetTextColorShaded80: var(--subtext1) !important;\n --newRedditTheme-widgetColors-sidebarWidgetTitleColor: var(--text) !important;\n --tw-bg-opacity: var(--crust) !important;\n --vds-video-bg-color: var(--crust) !important;\n }\n \n /* reddit chat variables */\n :root {\n --activity-button-chatFilterColor: var(--surface0) !important;\n --activity-button-newChatFilter-activeBg: var(--accent) !important;\n --activity-button-newChatFilter-activeText: var(--base) !important;\n --activity-button-newChatFilter-defaultBorder: var(--surface1) !important;\n --activity-button-newChatFilter-defaultText: var(--text) !important;\n --activity-button-primary: var(--accent) !important;\n --activity-button-secondary: var(--text) !important;\n --activity-buttonPrimary-color: var(--accent) !important;\n --activity-buttonSecondary-active: var(--accent) !important;\n --activity-checkbox-checked: var(--accent) !important;\n --activity-checkbox-checkmark: var(--text) !important;\n --activity-checkbox-unchecked: var(--base) !important;\n --activity-checkbox-uncheckedBorder: var(--surface1) !important;\n --activity-icon-active: var(--accent) !important;\n --activity-icon-contrast: var(--surface1) !important;\n --activity-icon-default: var(--subtext0) !important;\n --activity-icon-disable: var(--surface2) !important;\n --activity-icon-hover: var(--surface2) !important;\n --activity-icon-nsfw-bg: var(--base) !important;\n --activity-icon-nsfw-text: var(--text) !important;\n --activity-icon-subIcon-backgroundColor: var(--text) !important;\n --activity-icon-toaster: var(--crust) !important;\n --activity-input-background: var(--mist) !important;\n --activity-input-border: var(--surface1) !important;\n --activity-input-channelRename: var(--subtext0) !important;\n --activity-input-color: var(--subtext1) !important;\n --activity-input-error: var(--red) !important;\n --activity-input-focusBg: var(--green) !important;\n --activity-input-focusColor: var(--text) !important;\n --activity-input-ownerBg: var(--surface0) !important;\n --activity-link-hoverText: var(--red) !important;\n --activity-link-staticText: var(--accent) !important;\n --activity-link-staticUnderline: var(--accent) !important;\n --activity-minimizedPortal-backgroundColor-unreadFinal: var(--mantle) !important;\n --activity-minimizedPortal-backgroundColor-unreadInitial: var(--accent) !important;\n --activity-minimizedPortal-color-unreadFinal: var(--text) !important;\n --activity-minimizedPortal-color-unreadInitial: var(--text) !important;\n --activity-send-disable: var(--surface0) !important;\n --activity-send-hover: var(--accent) !important;\n --activity-text-active: var(--accent) !important;\n --activity-text-fade: var(--subtext0) !important;\n --activity-text-highlight: var(--text) !important;\n --activity-text-light: var(--subtext0) !important;\n --activity-text-meta: var(--subtext0) !important;\n --activity-text-regular: var(--text) !important;\n --activity-text-success: var(--green) !important;\n --activity-text-tutorial: var(--rosewater) !important;\n --activity-text-warning: var(--red) !important;\n --addReaction-backgroundColor: var(--surface0) !important;\n --addReaction-iconFill: var(--surface1) !important;\n --boxShadow: var(--mist) !important;\n --bubble-border: var(--surface1Transparent) !important;\n --bubble-channelsFilter-background: var(--crust) !important;\n --bubble-channelsFilter-selected: var(--overlay0) !important;\n --bubble-color: var(--text) !important;\n --bubble-link-color: var(--accent) !important;\n --bubbleActions-hover: var(--surface0) !important;\n --editName: var(--surface1) !important;\n --layout-body: var(--mantle) !important;\n --layout-colsBorder: var(--surface1Transparent) !important;\n --layout-controlsBorder: var(--surface1Transparent) !important;\n --layout-dropdown-border: var(--surface1Transparent) !important;\n --layout-header-counterBg: var(--red) !important;\n --layout-header-counterText: var(--text) !important;\n --layout-overlayBackground: var(--mist) !important;\n --layout-overlayReportFlow: var(--mist) !important;\n --layout-scrollbar: var(--text) !important;\n --layout-scrollbarHover: var(--accent) !important;\n --layout-timeStamp-tooltip-background: var(--surface0) !important;\n --message-list-item-button: var(--surface1) !important;\n --message-list-item-onlineIndicator: var(--green) !important;\n --message-list-item-ownerBg: var(--surface1) !important;\n --message-list-item-richItem: var(--overlay0) !important;\n --message-list-item-richItemBorder: var(--surface1Transparent) !important;\n --message-list-item-white: var(--text) !important;\n --modal-buttonsBackground: var(--text) !important;\n --modal-primaryButtonWarning: var(--red) !important;\n --modal-secondaryButton: var(--text) !important;\n --newChat-inviteLink-borderColor: var(--surface1Transparent) !important;\n --overlay-backgroundColor: var(--mantle) !important;\n --overlay-headerColor: var(--text) !important;\n --overlay-inputBackground: var(--crust) !important;\n --overlay-searchBarBackground: var(--mantle) !important;\n --prompt-tooltip-background: var(--accent) !important;\n --searchBar-backgroundColor: var(--mantle) !important;\n --settings-color: var(--subtext0) !important;\n --settings-dropdownItemHoverBackground: var(--crust) !important;\n --settings-panelBackground: var(--crust) !important;\n --settings-panelItemHoverBackground: var(--surface0) !important;\n --settings-panelItemSelectedBackground: var(--surface1) !important;\n --sidebar-background: var(--surface1Transparent) !important;\n --sidebar-basic-background-active: var(--accent) !important;\n --sidebar-basic-background-hover: var(--mantle) !important;\n --sidebar-footer-background: var(--crust) !important;\n --sidebar-item-active: var(--surface1) !important;\n --sidebar-item-hover: var(--surface0) !important;\n --sidebar-item-selected: var(--surface2) !important;\n --sidebar-item-text-active: var(--text) !important;\n --sidebar-subreddit-background-active: var(--accent) !important;\n --sidebar-subreddit-background-hover: var(--surface1) !important;\n --sidebar-text-divider: var(--surface1) !important;\n --skeleton-field: var(--surface2) !important;\n --skeleton-inactive: var(--surface0) !important;\n --subreddit-iconBg: var(--accent) !important;\n --toast-error: var(--red) !important;\n --toast-pending: var(--crust) !important;\n --toast-success: var(--green) !important;\n --uploads-progress-background: var(--subtext0) !important;\n --uploads-progress-bar: var(--accent) !important;\n --videoModal-button-background: var(--text) !important;\n --videoModal-button-color: var(--mantle) !important;\n }\n \n ::placeholder {\n color: var(--subtext0) !important;\n }\n \n /* site background */\n div.ListingLayout-backgroundContainer::before {\n background: var(--base) !important;\n }\n \n \n /* PROFILE MENU */\n \n \n /* karma count */\n span#email-collection-tooltip-id > :nth-child(2) > :nth-child(2) > span {\n color: var(--subtext0) !important;\n }\n\n /* profile button karma icon */\n i.icon-karma_fill {\n color: var(--red) !important;\n }\n\n /* menu headers */\n div[role=menu] > div > div > span > span {\n color: var(--subtext0) !important;\n }\n\n /* switches, should also apply sitewide */\n button[role=switch][aria-checked=false] {\n background: var(--surface0) !important;\n }\n\n button[role=switch] > div {\n background: var(--text) !important;\n }\n\n /* online status */\n ._2dn5Ncenn0BSD4tCSmxQhA {\n fill: var(--green) !important;\n }\n\n ._3SlBAJb2MbUHwgBZFH8eL7 {\n fill: var(--base) !important;\n }\n\n\n /* PROFILE PAGE */\n\n\n /* create avatar button */\n button._3F1tNW0P4Ff182mO_CefIg {\n background: linear-gradient(90deg, var(--red), var(--peach)) !important;\n color: var(--base) !important;\n }\n\n button._3F1tNW0P4Ff182mO_CefIg > i {\n color: var(--base) !important;\n }\n\n /* cake day and followers icon */\n i.icon-cake_fill, i.icon-user_fill {\n color: var(--accent) !important;\n }\n\n /* add social links button readability tweak */\n div._3hew1NnzwygOKDNQDKp6R4, div._3hew1NnzwygOKDNQDKp6R4 > i, li._3hew1NnzwygOKDNQDKp6R4 {\n color: var(--base) !important\n }\n\n /* profile moderation and user settings page */\n div._1VP69d9lk-Wk9zokOaylL {\n --background: var(--base) !important;\n --canvas: var(--base) !important;\n }\n\n /* Beta Badge */ \n span._2KFJx8Dhh1o1u0Xb8e7NuD {\n color: var(--accent) !important;\n }\n\n /* Delete Account */\n button.EBd2MhBQlQeZ13YeP0K8a {\n color: var(--accent) !important;\n }\n\n /* Delete Account Icon */\n svg._1Fa4RPHlhrfUZuNaXK2-eP > path {\n fill: var(--accent) !important;\n }\n\n /* blocked, muted input */\n input._1Vnaj3fBuYrmHKEPQD_zWW {\n background-color: var(--base) !important;\n }\n \n /* fixes profile posts not being themed */\n div.scrollerItem > div, div[data-testid=post-container], div[style=\"background:#1A1A1B\"], div._2otRz3OtuWajw1RleFDJ5P {\n background: var(--mantle) !important;\n }\n\n\n /* NFT AVATAR VIEWER */\n\n\n /* modal background */\n div._productDetails_7kbcu_53 {\n background: var(--mantle) !important;\n color: var(--text) !important;\n }\n\n /* mint status */\n div._mintStatus_7kbcu_264 {\n color: var(--accent) !important;\n }\n\n /* carousel background */\n div._carousel_7kbcu_45 {\n background: linear-gradient(243.37deg, var(--base) 16.42%, var(--blue) 100%);\n }\n\n /* nft card back */\n div._card_1ooes_1 {\n background: var(--blue) !important;\n }\n\n ol._container_1t62i_1 {\n border-color: var(--base) !important;\n }\n\n ol._container_1t62i_1 > li {\n border-color: var(--base) !important;\n }\n\n ol._container_1t62i_1 > li > div {\n color: var(--base) !important;\n }\n\n div.MuiMobileStepper-dot {\n background: var(--surface0) !important;\n }\n\n div.MuiMobileStepper-dotActive {\n background: var(--accent) !important;\n }\n\n div._scrollContainer_7kbcu_104 > div > h3, div._cardAuthor_7kbcu_79 {\n color: var(--subtext0) !important\n }\n\n div._container_oikih_1 {\n background: var(--crust) !important;\n border-color: var(--surface1) !important;\n }\n\n /* external links */\n a._pill_7kbcu_280 {\n background: var(--crust) !important;\n color: var(--text) !important;\n }\n\n /* shop for avatars button */\n button._shopForMoreButton_7kbcu_125 {\n background: linear-gradient(90deg, var(--red), var(--peach)) !important;\n color: var(--base) !important;\n }\n\n\n /* AVATAR CREATOR */\n div._wrapper_1upjl_7 {\n background: var(--base) !important;\n color: var(--text) !important;\n }\n\n\n /* SITE HEADER*/\n\n \n /* reddit logo */\n a[aria-label=Home] > svg > g > circle {\n fill: var(--accent) !important;\n }\n\n a[aria-label=Home] > svg:first-child > g > path {\n fill: var(--base) !important;\n }\n\n a[aria-label=Home] > svg:nth-child(2) > g > path {\n fill: var(--text) !important;\n }\n \n /* notification icon */\n button[aria-label=\"Open notifications inbox\"] > div > span {\n background: var(--accent) !important;\n color: var(--mantle) !important;\n }\n\n /* advertise button */\n #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a {\n background: var(--surface0) !important;\n color: var(--text) !important;\n }\n\n #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a > i {\n color: var(--text) !important;\n }\n\n /* reddit now notification */\n a[href=\"/now\"] > div {\n background: var(--accent) !important;\n }\n\n /* search scope pill text */\n div[data-testid=\"search-scope-pill-text\"] {\n color: var(--text) !important;\n }\n\n /* search popup title */\n div[class*=\"_2SdHzo12ISmrC8H86TgSCp\"][class*=\"_1QVrieUoti9cxiQSRw314E\"][class*=\"uWdXen_41bh0iwLrgzFkc\"] {\n --posttitletextcolor: var(--text) !important;\n }\n\n /* safe search toggle */\n button#safe-search-toggle[aria-checked=true] {\n background: var(--accent) !important;\n }\n\n\n /* NAVIGATION SIDEBAR */\n\n\n /* close icon */\n i.icon-close {\n color: var(--subtext0) !important;\n }\n\n /* item color */\n a[role=menuitem] {\n color: var(--text) !important;\n }\n\n /* navigation sidebar header color */\n div[role=menu] > div[role=heading] {\n color: var(--subtext0) !important;\n }\n\n a[role=menuitem]:hover {\n background: var(--surface0) !important;\n }\n\n /* favorites */\n i.icon-star_fill {\n color: var(--accent) !important;\n }\n\n i.icon-star {\n color: var(--subtext0) !important;\n }\n\n\n /* RIGHT FRONTPAGE SIDEBAR */\n\n\n /* reddit premium icon */\n i.icon-premium_fill {\n color: var(--accent) !important;\n }\n\n /* reddit premium try now button */\n button._10BQ7pjWbeYP63SAPNS8Ts.q_unSaY23rpdd3lDvGZ- {\n background: var(--accent) !important;\n color: var(--base) !important;\n }\n\n /* recent posts thumbnail borders */\n div._3fWuhJ6bVet7XJT5A0mZM2 > div > div > div {\n border-color: var(--subtext0) !important;\n }\n\n\n /* POSTS */\n\n\n /* post background for card style */\n div[data-adclicklocation=background] {\n background: var(--base) !important;\n }\n\n /* post options (save, comment, etc.) */\n div._3-miAEojrCvx_4FQ8x3P-s, i.icon-comment, i.icon-share, i.icon-save, i.icon-expand, i.icon-collapse, i.icon-text_post, i.icon-image_post, i.icon-media_gallery, i.icon-video_post, i.icon-gif_post, i.icon-embed, i.icon-external_link, i.icon-poll_post {\n color: var(--subtext0) !important;\n }\n\n /* post title color */\n div[data-adclicklocation=title] > div > a > div > h3, div[data-adclicklocation=title] > div:first-child > div:first-child > h1:first-child {\n color: var(--text) !important;\n }\n\n /* \n * post op color and\n * post date color\n */\n div[data-adclicklocation=top_bar] > span, a[data-testid=post_author_link] {\n color: var(--subtext0) !important;\n }\n\n /* nsfw flair */\n span._1wzhGvvafQFOWAyA157okr {\n border-color: var(--red) !important;\n color: var(--red) !important;\n }\n\n /* pinned post icon */\n i.icon-pin_fill {\n color: var(--green) !important;\n }\n\n /* give award icon */\n i.icon-award {\n color: var(--subtext0) !important;\n }\n\n /* locked post icon */\n i.icon-archived_fill, i.icon-lock_fill {\n color: var(--yellow) !important;\n }\n\n /* post button divider */\n div[data-click-id=body] > div:nth-child(3) > div:nth-child(3) { \n border-color: var(--surface1) !important;\n }\n\n\n /* UPVOTES/DOWNVOTES */\n\n\n /* upvote/downvote background */\n div.Post, div[data-click-id=media] {\n background: var(--mantle) !important;\n fill: var(--mantle) !important;\n }\n\n /* inactive vote text color */\n div[id^=vote-arrows] > div {\n color: var(--subtext0) !important;\n }\n\n /* active upvote color */\n i.icon-upvote_fill {\n color: var(--red) !important;\n }\n\n button[aria-label=upvote][aria-pressed=false] > span:hover > i {\n color: var(--red) !important;\n }\n\n /* active upvote text color */\n button[aria-label=upvote][aria-pressed=true] ~ div {\n color: var(--red) !important;\n }\n\n /* hover background for both upvotes and downvotes */\n button[aria-label=upvote][aria-label=downvote] > span:hover {\n background: var(--surface0) !important;\n }\n\n /* active downvote color */\n .icon-downvote_fill {\n color: var(--blue) !important;\n }\n\n /* active downvote text color */\n button[aria-label=downvote][aria-pressed=true] ~ div {\n color: var(--blue) !important;\n }\n\n button[aria-label=downvote][aria-pressed=false] > span:hover > i {\n color: var(--blue) !important;\n }\n\n\n /* REPORT MODAL */\n\n\n a.o1ov2mzLxTFAFP-O4Uv8I {\n color: var(--accent) !important;\n }\n\n button._1lDGFVGU9k2mi-4kjU95Rp {\n color: var(--base) !important;\n }\n\n\n /* SUBREDDIT PAGES */\n\n\n a[role=button][target=\"_blank\"] {\n background: var(--text) !important;\n color: var(--base) !important;\n }\n\n /* radio buttons (flair selector, etc.) */\n div[role=radio]:hover, div[role=radio]:focus {\n background: var(--accent) !important;\n }\n \n div[role=radio] > svg, div[role=radio] > svg:active {\n fill: var(--text) !important;\n }\n \n /* checkboxes */\n button[role=checkbox] {\n fill: var(--accent) !important;\n }\n \n \n /* SUBREDDIT RIGHT SIDEBAR (some styles carry over from the homepage right sidebar section) */\n \n \n /* header background */\n ._ZhON3a3vplThB8NFwuJn {\n background: var(--crust) !important;\n color: var(--text) !important;\n }\n \n /* subreddit image background */\n img[alt=\"Subreddit Icon\"][role=\"presentation\"] {\n background: var(--accent) !important;\n }\n \n /* default subreddit icon */\n i.icon-community_fill {\n color: var(--accent) !important;\n }\n \n /* online users */\n div._21RLQh5PvUhC6vOKoFeHUP:before {\n color: var(--green) !important;\n }\n \n \n /* POST VIEWER */\n \n \n /* spoiler tags */\n ._2v4IIjPhKL0PDaWaWtjJ1E {\n background: var(--surface0) !important;\n }\n \n /* mod comment tag */\n span[id^=CommentTopMeta--Mod] {\n color: var(--green) !important;\n }\n \n /* op comment tag */\n span[id^=CommentTopMeta--OP] {\n color: var(--blue) !important;\n }\n \n /* post overlay if you have \"open in new tab\" disabled */\n div#overlayScrollContainer > div {\n background: var(--crust) !important;\n }\n \n /* fixes comment section background not working when \"open in new tab is disabled\" */\n div._2M2wOqmeoPVvcSsJ6Po9-V._3287nL7j7epK9JmDC3N1VR {\n background: var(--mantle) !important;\n }\n \n /* shade applied to background when clicking on a post with \"open in new tab\" disabled */\n div._2DJXORCrmcNpPTSq0LqL6i, div._1DK52RbaamLOWw5UPaht_S {\n background: var(--mist) !important;\n }\n \n /* gold award gradient */\n div.TmlaIdEplCzZ0F1aRGYQh[role=presentation] {\n background: linear-gradient(188deg, #f9e2af1f 1.7%, #f9e2af00 46%, rgba(0, 0, 0, 0)) !important;\n }\n \n /* image gallery next/previous buttons */\n a[title=Next] > i, a[title=Previous] > i {\n background: var(--surface0) !important;\n }\n \n /* image gallery image count */\n div._61i6grM3um1yuw4GrN97P {\n background: var(--mist) !important;\n color: var(--text) !important;\n }\n\n /* comment search bar */\n input#comment_search-bar {\n background: var(--base) !important;\n }\n \n \n /* MULTIREDDITS/CUSTOM FEEDS */\n \n \n /* delete custom feed button */\n .bX6SqXfzfxpv4GQbuIYVZ {\n color: var(--red) !important;\n }\n \n \n /* TOOLTIPS */\n \n \n div.HQ2VJViRjokXpRbJzPvvc {\n background: var(--mantle) !important;\n color: var(--text) !important;\n }\n \n div.HQ2VJViRjokXpRbJzPvvc::after {\n border-top-color: var(--mantle) !important;\n }\n}\n", "usercssData": { "name": "Reddit Catppuccin", "namespace": "github.com/catppuccin/userstyles/styles/reddit", "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/reddit", - "version": "1.1.0", + "version": "1.1.1", "description": "Soothing pastel theme for Reddit.", "author": "jayylmao", "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/reddit/catppuccin.user.css", @@ -1790,11 +1416,12 @@ "author": "jayylmao", "description": "Soothing pastel theme for Reddit.", "name": "Reddit Catppuccin", - "originalDigest": "bcb9bc5ed5d2e935fb7c1f1a5d6ec46529ab58a0", + "originalDigest": "665961ec127be984f628308b0afddb9914b35323", "_id": "6a5b44ca-c395-44a4-8e9f-f54309f309e1", - "_rev": 1690105972974, + "_rev": 1694812172474, "id": 44, - "etag": "W/\"5f3732f33d736bd0f8a791dc868529b4f3b2ba360e23be6163a7fbd0e7d477f2\"" + "etag": "W/\"fcf77a88fcc9ca68d3d95da29f46e5499bb57481aff77ae3efba50b32d0f65c2\"", + "updateDate": 1694812172421 }, { "enabled": true, @@ -1806,12 +1433,12 @@ "code": "" } ], - "sourceCode": "/* ==UserStyle==\n@name Twitch Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/twitch\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/twitch\n@version 1.1.4\n@description Soothing pastel theme for Twitch\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/twitch/catppuccin.user.css\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"twitch.tv\") {\n .tw-root--theme-dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n .tw-root--theme-light {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-Color: @catppuccin[@@lookup][@@accent];\n\n & body {\n background-color: @base;\n }\n\n & .carousel-metadata {\n background: @crust;\n }\n & .carousel-metadata--fadeout {\n background: @crust;\n }\n .chat-line__message-body--highlighted {\n background-color: @accent-Color;\n color: @crust;\n border-color: @accent-Color;\n }\n .chat-scrollable-area__message-container {\n background-color: @mantle;\n }\n .jmUA-dj {\n background-color: @mantle;\n }\n .bBpiku {\n fill: @mantle;\n }\n .ivjxmt {\n color: @crust;\n }\n .gzYMLv {\n color: @text;\n }\n .gZxBHd {\n color: @subtext0;\n &:hover {\n color: @accent-Color;\n }\n }\n .eBmJxH {\n color: @text;\n }\n .ffZeRf {\n color: #fff !important;\n }\n .igzOaC {\n color: @text;\n }\n .bEHknf {\n color: #fff;\n }\n .side-nav-card__link:hover {\n background: @surface0 !important;\n }\n .dDyYOA {\n color: #fff !important;\n }\n .reward-icon__cost {\n color: #fff !important;\n }\n .kLILeB {\n color: #fff !important;\n }\n .navigation-link__active-indicator {\n background-color: @accent-Color !important;\n }\n .footer {\n background: @crust;\n }\n & .whispers-list-item--selected,\n & .whispers-list-item:hover {\n background-color: @surface0;\n }\n & .thread-header__title-bar-container--focused {\n background-color: @mantle;\n }\n & .thread-header__title-bar-container {\n background: @mantle;\n }\n & .thread-header__click-area:focus .thread-header__title-bar-container {\n background-color: @mantle;\n }\n\n &,\n .side-nav-card__link:hover {\n --color-background-input-focus: @crust;\n --color-background-interactable-hover: @surface0;\n --color-background-button-text-default: null !important;\n --color-background-float: @crust;\n --color-text-input-placeholder: @text;\n --color-border-input: @base;\n --color-text-button-primary: @crust;\n --color-text-overlay: @base;\n --color-text-base: @subtext1;\n --color-text-alt: @subtext1;\n --color-text-alt-2: @text;\n --color-text-interactable-selected: @crust;\n --color-background-alt-2: @crust;\n --color-text-tag: @text;\n --color-background-button-secondary-default: @crust;\n --color-background-tag-default: @mantle;\n --color-background-tag-hover: @crust;\n --color-background-float: @mantle;\n --color-background-body: @base;\n --color-background-base: @mantle;\n --color-background-alt: @mantle;\n --color-background-input: @crust;\n --color-brand-muted-cupcake: @pink;\n --color-brand-muted-mint: @green;\n --color-brand-muted-sky: @sky;\n --color-brand-muted-blush: @peach;\n --color-brand-muted-canary: @peach;\n --color-brand-muted-lavender: @lavender;\n --color-brand-muted-mustard: @yellow;\n --color-brand-muted-emerald: @green;\n --color-brand-muted-coral: @peach;\n --color-brand-muted-ocean: @blue;\n --color-brand-accent-grape: @mauve;\n --color-brand-accent-dragonfruit: @flamingo;\n --color-brand-accent-carrot: @peach;\n --color-brand-accent-sun: @peach;\n --color-brand-accent-lime: @green;\n --color-brand-accent-turquoise: @sky;\n --color-brand-accent-eggplant: @mauve;\n --color-brand-accent-wine: @flamingo;\n --color-brand-accent-slime: @green;\n --color-brand-accent-seafoam: @green;\n --color-brand-accent-cherry: @red;\n --color-brand-accent-marine: @blue;\n --color-brand-accent-seaweed: @teal;\n --color-brand-accent-fiji: @green;\n --color-brand-accent-blueberry: @blue;\n --color-brand-accent-arctic: @sky;\n --color-brand-accent-highlighter: @yellow;\n --color-brand-accent-flamingo: @flamingo;\n --color-brand-accent-ruby: @red;\n --color-brand-accent-punch: @flamingo;\n --color-brand-accent-creamsicle: @yellow;\n --color-red: @maroon;\n --color-red-darker: @red;\n --color-orange: @peach;\n --color-yellow: @yellow;\n --color-green: @green;\n --color-green-darker: @green;\n --color-blue: @blue;\n --color-prime-blue: @blue;\n --color-magenta: @flamingo;\n --color-error: @red;\n --color-warn: @yellow;\n --color-success: @green;\n --color-info: @blue;\n --color-accent: @accent-Color;\n --color-twitch-purple: @accent-Color;\n --color-twitch-purple-4: @accent-Color;\n --color-twitch-purple-5: @accent-Color;\n --color-twitch-purple-6: @accent-Color;\n --color-twitch-purple-7: @accent-Color;\n --color-twitch-purple-8: @accent-Color;\n --color-twitch-purple-9: @accent-Color;\n --color-twitch-purple-10: @accent-Color;\n --color-twitch-purple-11: @accent-Color;\n --color-twitch-purple-12: @accent-Color;\n --color-orange-7: @yellow;\n --color-orange-8: @yellow;\n --color-orange-9: @yellow;\n --color-orange-10: @yellow;\n --color-orange-11: @yellow;\n --color-orange-12: @yellow;\n --color-orange-13: @yellow;\n --color-yellow-6: @peach;\n --color-yellow-7: @peach;\n --color-yellow-8: @peach;\n --color-yellow-9: @peach;\n --color-yellow-10: @peach;\n --color-yellow-11: @peach;\n --color-yellow-12: @peach;\n --color-yellow-13: @peach;\n --color-yellow-14: @peach;\n --color-yellow-15: @peach;\n --color-green-5: @green;\n --color-green-6: @green;\n --color-green-7: @green;\n --color-green-8: @green;\n --color-green-9: @green;\n --color-green-10: @green;\n --color-green-11: @green;\n --color-green-12: @green;\n --color-green-13: @green;\n --color-green-14: @green;\n --color-green-15: @teal;\n --color-cyan-9: @sapphire;\n --color-cyan-10: @sapphire;\n --color-cyan-11: @sapphire;\n --color-cyan-12: @sapphire;\n --color-cyan-13: @sapphire;\n --color-cyan-14: @sapphire;\n --color-cyan-15: @sky;\n --color-blue-4: @blue;\n --color-blue-5: @blue;\n --color-blue-6: @blue;\n --color-blue-7: @blue;\n --color-blue-8: @blue;\n --color-blue-9: @blue;\n --color-blue-10: @sky;\n --color-blue-11: @sky;\n --color-magenta-5: @flamingo;\n --color-magenta-6: @flamingo;\n --color-magenta-7: @flamingo;\n --color-magenta-8: @flamingo;\n --color-magenta-9: @flamingo;\n --color-magenta-10: @flamingo;\n --color-magenta-11: @pink;\n --color-magenta-12: @pink;\n --color-red-4: @red;\n --color-red-5: @red;\n --color-red-6: @red;\n --color-red-7: @red;\n --color-red-8: @red;\n --color-red-9: @red;\n --color-red-10: @red;\n --color-red-11: @peach;\n --color-red-12: @peach;\n --color-twitter: @blue;\n --color-facebook: @blue;\n --color-reddit: @peach;\n --color-snapchat: @yellow;\n --color-instagram: @blue;\n --color-youtube: @red;\n --color-paypal: @blue;\n --color-paypal-blue: @blue;\n --color-paypal-yellow: @yellow;\n --color-venmo: @blue;\n --color-vk: @blue;\n --color-amazon: @yellow; //background: @surface0;\n --color-background-button-text-hover: @surface0;\n --color-text-accessible-red: @red;\n }\n }\n}\n@-moz-document domain(\"dashboard.twitch.tv\") {\n .tw-root--theme-dark {\n #catppuccin(@darkFlavor);\n }\n .tw-root--theme-light {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@lookup) {\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n .simplebar-content {\n background-color: @mantle;\n }\n .scrollable-area--suppress-scroll-x > .simplebar-scroll-content,\n .scrollable-area--suppress-scroll-x\n > .simplebar-scroll-content\n > .simplebar-content {\n background-color: @base;\n }\n }\n}\n\n@catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n};\n", + "sourceCode": "/* ==UserStyle==\n@name Twitch Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/twitch\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/twitch\n@version 1.1.14\n@description Soothing pastel theme for Twitch\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/twitch/catppuccin.user.css\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"twitch.tv\") {\n .tw-root--theme-dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n .tw-root--theme-light {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-Color: @catppuccin[@@lookup][@@accent];\n\n & body {\n background-color: @base;\n }\n\n /* Stream title */\n\n p[data-test-selector=\"stream-info-card-component__subtitle\"],\n p[data-test-selector=\"stream-info-card-component__description\"] {\n color: @text !important;\n }\n\n a[data-a-target=\"player-info-game-name\"] {\n color: @accent-Color;\n }\n\n /* `Pinned message` popup */\n\n div.pinned-chat__pinned-by svg {\n color: @text;\n }\n\n p.pinned-chat__message span {\n color: @text !important;\n }\n\n p.pinned-chat__message a {\n color: @accent-Color;\n }\n\n /* `Intended for certain audiences` label */\n\n div[data-a-target=\"content-classification-warning-disclosure-overlay\"] p {\n color: @text;\n }\n\n /* `Hype Train` popup */\n\n div.hype-train-progress-bar-info-view__level-container p,\n div.hype-train-approaching-view__leftSide p,\n div.hype-train-expanded-layout p,\n div.hype-train-expanded-layout svg {\n color: @text;\n }\n\n div.hype-train-progress-bar-info-view__progress-value span {\n color: @accent-Color;\n }\n\n /* `Is video buffering?` warning */\n\n div.low-latency-notification p {\n color: @text;\n }\n\n /* `Includes paid promotion` label */\n\n div.disclosure-card p,\n div.disclosure-card svg {\n color: @text;\n }\n\n /* Raiding popup */\n\n div[data-test-selector=\"raid-banner\"] {\n color: @text;\n }\n\n /* `Predict with Channel Points` popup */\n\n div[data-test-selector=\"expanded-content\"] p,\n p[data-test-selector=\"community-prediction-highlight-header__top-predictors\"],\n p[data-test-selector=\"community-prediction-highlight-body__outcome-title\"] {\n color: @text;\n }\n\n /* TODO: ensure that the poll does not default to this */\n div[data-test-selector=\"header-content\"] p {\n color: @text !important;\n }\n\n div.channel-points-icon svg,\n div[data-test-selector=\"header-content\"] span,\n div[data-test-selector=\"community-prediction-highlight-body__outcome-points\"]\n span {\n color: @accent-Color;\n }\n\n button[data-test-selector=\"community-prediction-highlight-header__how-to-play\"],\n button[data-test-selector=\"community-prediction-highlight-header__terms-and-conditions\"],\n button[data-test-selector=\"community-prediction-highlight-header__send-feedback\"],\n button[data-test-selector=\"community-prediction-highlight-header__dismiss-message\"] {\n color: @text;\n }\n\n /* Poll popup */\n\n div[data-test-selector=\"header-content\"]\n p:not(\n [data-test-selector=\"community-prediction-highlight-header__title\"],\n [data-test-selector=\"header\"]\n ) {\n color: @text !important;\n }\n\n /* `Report Poll` button */\n\n button.gaoCTJ {\n color: @text;\n }\n\n /* ??? */\n\n div.happening-now-disable-prompt p {\n color: @text !important;\n }\n\n /* Gifting sub popup */\n\n div.mystery-gift-chat-banner span {\n color: @accent-Color;\n }\n\n div.mystery-gift-chat-banner p {\n color: @text;\n }\n\n /* VOD metadata */\n\n div.tw-media-card-stat {\n color: @text;\n }\n\n /* DMCA warning */\n\n div.muted-segments-alert__content p {\n color: @text;\n }\n\n /* VOD time labels */\n\n div.vod-seekbar-time-labels p {\n color: @text !important;\n }\n\n /* VOD timestamp */\n\n div.vod-seekbar-preview-overlay__wrapper p {\n color: @text !important;\n }\n\n /* Seekbar segment */\n\n div[data-test-selector=\"seekbar-interaction-area__interactionArea\"]\n span[data-test-selector=\"seekbar-segment__segment\"] {\n background: @accent-Color !important;\n }\n\n /* Seekbar DMCA muted segment */\n\n div[data-test-selector=\"seekbar-interaction-area__interactionArea\"]\n span[data-test-selector=\"seekbar-segment__segment\"][style*=\"background-color: rgba(212, 73, 73, 0.5);\"] {\n background: @red !important;\n }\n\n /* Seekbar buffered segment */\n\n div[data-test-selector=\"seekbar-interaction-area__interactionArea\"]\n span[data-test-selector=\"seekbar-segment__segment\"][style*=\"background-color: rgba(255, 255, 255, 0.85);\"] {\n background: @overlay2 !important;\n }\n\n /* Recent VOD title */\n\n div.player-overlay-background h4 {\n color: @subtext0 !important;\n }\n\n a.offline-recommendations-video-card p {\n color: @text;\n }\n\n /* Front page warning sign */\n\n div.content-overlay-gate__content[data-a-target=\"player-overlay-content-gate\"]\n div.content-overlay-icon\n svg {\n color: @red;\n }\n\n /* Front page age warning */\n\n div.content-overlay-gate__content[data-a-target=\"player-overlay-content-gate\"]\n p.content-overlay-gate__allow-pointers {\n color: @red !important;\n }\n\n /* Front page age selector */\n\n div[data-a-target=\"player-overlay-age-gate-form\"] select {\n color: @text;\n }\n\n /* Following usercard */\n\n div[data-a-target=\"user-card-modal\"] p {\n color: @text !important;\n }\n\n /* PiP username */\n\n div.mini-overlay__title span {\n color: @text;\n }\n\n /* Viewercard username */\n\n div.viewer-card-header__display-name h4 {\n color: @accent-Color !important;\n }\n\n /* Viewercard metadata */\n\n div.viewer-card-header__display-name svg:not(button svg) {\n color: @subtext1;\n }\n\n div.viewer-card-header__display-name p {\n color: @text !important;\n }\n\n /* Extension name */\n\n div[aria-describedby=\"popover-extensions-body\"] h6 {\n color: @text;\n }\n\n /* Extension description */\n\n div.extensions-popover-view-layout__body p {\n color: text;\n }\n\n /* Extension service buttons */\n\n div.extensions-popover-view-layout__body svg {\n color: @subtext0;\n }\n\n div.extensions-popover-view-layout__body div {\n color: @text;\n }\n\n & .carousel-metadata {\n background: @crust;\n }\n & .carousel-metadata--fadeout {\n background: @crust;\n }\n .chat-line__message-body--highlighted {\n background-color: @accent-Color;\n color: @crust;\n border-color: @accent-Color;\n }\n .chat-scrollable-area__message-container {\n background-color: @mantle;\n }\n .jmUA-dj {\n background-color: @mantle;\n }\n .bBpiku {\n fill: @mantle;\n }\n .ivjxmt {\n color: @crust;\n }\n .gzYMLv {\n color: @text;\n }\n .gZxBHd {\n color: @subtext0;\n &:hover {\n color: @accent-Color;\n }\n }\n .eBmJxH {\n color: @text;\n }\n .ffZeRf {\n color: #fff !important;\n }\n .igzOaC {\n color: @text;\n }\n .bEHknf {\n color: #fff;\n }\n .side-nav-card__link:hover {\n background: @surface0 !important;\n }\n .dDyYOA {\n color: #fff !important;\n }\n .reward-icon__cost {\n color: #fff !important;\n }\n .kLILeB {\n color: #fff !important;\n }\n .navigation-link__active-indicator {\n background-color: @accent-Color !important;\n }\n .footer {\n background: @crust;\n }\n & .whispers-list-item--selected,\n & .whispers-list-item:hover {\n background-color: @surface0;\n }\n & .thread-header__title-bar-container--focused {\n background-color: @mantle;\n }\n & .thread-header__title-bar-container {\n background: @mantle;\n }\n & .thread-header__click-area:focus .thread-header__title-bar-container {\n background-color: @mantle;\n }\n .navigation-link {\n color: @text;\n &:hover {\n color: @accent-Color;\n }\n }\n .chat-room {\n background: @mantle;\n }\n div.pinned-chat__highlight-card div.highlight {\n background: @mantle;\n }\n\n h4,\n h5 {\n color: @text;\n }\n\n .cOJBQO {\n color: @text;\n }\n\n .dBlttx {\n color: @subtext1;\n }\n\n .fiCviy {\n color: @text;\n }\n\n .server-message-alert,\n .server-message-alert,\n .server-message-alert {\n border: var(--border-width-default) solid @red;\n border-left: 0.4rem solid @red;\n }\n\n .server-message-alert__icon,\n .server-message-alert__icon,\n .server-message-alert__icon {\n color: @red;\n }\n\n &,\n .side-nav-card__link:hover {\n --color-background-input-focus: @crust;\n --color-background-interactable-hover: @surface0;\n --color-background-button-text-default: null !important;\n --color-background-float: @crust;\n --color-text-input-placeholder: @text;\n --color-border-input: @base;\n --color-text-button-primary: @crust;\n --color-text-overlay: @base;\n --color-text-base: @subtext1;\n --color-text-alt: @subtext1;\n --color-text-alt-2: @text;\n --color-text-interactable-selected: @crust;\n --color-background-alt-2: @crust;\n --color-text-tag: @text;\n --color-background-button-secondary-default: @crust;\n --color-background-tag-default: @mantle;\n --color-background-tag-hover: @crust;\n --color-background-float: @mantle;\n --color-background-body: @base;\n --color-background-base: @mantle;\n --color-background-alt: @mantle;\n --color-background-input: @crust;\n --color-brand-muted-cupcake: @pink;\n --color-brand-muted-mint: @green;\n --color-brand-muted-sky: @sky;\n --color-brand-muted-blush: @peach;\n --color-brand-muted-canary: @peach;\n --color-brand-muted-lavender: @lavender;\n --color-brand-muted-mustard: @yellow;\n --color-brand-muted-emerald: @green;\n --color-brand-muted-coral: @peach;\n --color-brand-muted-ocean: @blue;\n --color-brand-accent-grape: @mauve;\n --color-brand-accent-dragonfruit: @flamingo;\n --color-brand-accent-carrot: @peach;\n --color-brand-accent-sun: @peach;\n --color-brand-accent-lime: @green;\n --color-brand-accent-turquoise: @sky;\n --color-brand-accent-eggplant: @mauve;\n --color-brand-accent-wine: @flamingo;\n --color-brand-accent-slime: @green;\n --color-brand-accent-seafoam: @green;\n --color-brand-accent-cherry: @red;\n --color-brand-accent-marine: @blue;\n --color-brand-accent-seaweed: @teal;\n --color-brand-accent-fiji: @green;\n --color-brand-accent-blueberry: @blue;\n --color-brand-accent-arctic: @sky;\n --color-brand-accent-highlighter: @yellow;\n --color-brand-accent-flamingo: @flamingo;\n --color-brand-accent-ruby: @red;\n --color-brand-accent-punch: @flamingo;\n --color-brand-accent-creamsicle: @yellow;\n --color-red: @maroon;\n --color-red-darker: @red;\n --color-orange: @peach;\n --color-yellow: @yellow;\n --color-green: @green;\n --color-green-darker: @green;\n --color-blue: @blue;\n --color-prime-blue: @blue;\n --color-magenta: @flamingo;\n --color-error: @red;\n --color-warn: @yellow;\n --color-success: @green;\n --color-info: @blue;\n --color-accent: @accent-Color;\n --color-twitch-purple: @accent-Color;\n --color-twitch-purple-4: @accent-Color;\n --color-twitch-purple-5: @accent-Color;\n --color-twitch-purple-6: @accent-Color;\n --color-twitch-purple-7: @accent-Color;\n --color-twitch-purple-8: @accent-Color;\n --color-twitch-purple-9: @accent-Color;\n --color-twitch-purple-10: @accent-Color;\n --color-twitch-purple-11: @accent-Color;\n --color-twitch-purple-12: @accent-Color;\n --color-orange-7: @yellow;\n --color-orange-8: @yellow;\n --color-orange-9: @yellow;\n --color-orange-10: @yellow;\n --color-orange-11: @yellow;\n --color-orange-12: @yellow;\n --color-orange-13: @yellow;\n --color-yellow-6: @peach;\n --color-yellow-7: @peach;\n --color-yellow-8: @peach;\n --color-yellow-9: @peach;\n --color-yellow-10: @peach;\n --color-yellow-11: @peach;\n --color-yellow-12: @peach;\n --color-yellow-13: @peach;\n --color-yellow-14: @peach;\n --color-yellow-15: @peach;\n --color-green-5: @green;\n --color-green-6: @green;\n --color-green-7: @green;\n --color-green-8: @green;\n --color-green-9: @green;\n --color-green-10: @green;\n --color-green-11: @green;\n --color-green-12: @green;\n --color-green-13: @green;\n --color-green-14: @green;\n --color-green-15: @teal;\n --color-cyan-9: @sapphire;\n --color-cyan-10: @sapphire;\n --color-cyan-11: @sapphire;\n --color-cyan-12: @sapphire;\n --color-cyan-13: @sapphire;\n --color-cyan-14: @sapphire;\n --color-cyan-15: @sky;\n --color-blue-4: @blue;\n --color-blue-5: @blue;\n --color-blue-6: @blue;\n --color-blue-7: @blue;\n --color-blue-8: @blue;\n --color-blue-9: @blue;\n --color-blue-10: @sky;\n --color-blue-11: @sky;\n --color-magenta-5: @flamingo;\n --color-magenta-6: @flamingo;\n --color-magenta-7: @flamingo;\n --color-magenta-8: @flamingo;\n --color-magenta-9: @flamingo;\n --color-magenta-10: @flamingo;\n --color-magenta-11: @pink;\n --color-magenta-12: @pink;\n --color-red-4: @red;\n --color-red-5: @red;\n --color-red-6: @red;\n --color-red-7: @red;\n --color-red-8: @red;\n --color-red-9: @red;\n --color-red-10: @red;\n --color-red-11: @peach;\n --color-red-12: @peach;\n --color-twitter: @blue;\n --color-facebook: @blue;\n --color-reddit: @peach;\n --color-snapchat: @yellow;\n --color-instagram: @blue;\n --color-youtube: @red;\n --color-paypal: @blue;\n --color-paypal-blue: @blue;\n --color-paypal-yellow: @yellow;\n --color-venmo: @blue;\n --color-vk: @blue;\n --color-amazon: @yellow; //background: @surface0;\n --color-background-button-text-hover: @surface0;\n --color-text-accessible-red: @red;\n --color-border-input-checkbox: @subtext0;\n --color-border-input-checkbox-hover: @text;\n --color-text-label: @text;\n --color-border-input-hover: @surface0;\n }\n }\n}\n@-moz-document domain(\"dashboard.twitch.tv\") {\n .tw-root--theme-dark {\n #catppuccin(@darkFlavor);\n }\n .tw-root--theme-light {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@lookup) {\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n .simplebar-content {\n background-color: @mantle;\n }\n .scrollable-area--suppress-scroll-x > .simplebar-scroll-content,\n .scrollable-area--suppress-scroll-x\n > .simplebar-scroll-content\n > .simplebar-content {\n background-color: @base;\n }\n }\n}\n\n@catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n};\n", "usercssData": { "name": "Twitch Catppuccin", "namespace": "github.com/catppuccin/userstyles/styles/twitch", "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/twitch", - "version": "1.1.4", + "version": "1.1.14", "description": "Soothing pastel theme for Twitch", "author": "Catppuccin", "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/twitch/catppuccin.user.css", @@ -1965,12 +1592,12 @@ "author": "Catppuccin", "description": "Soothing pastel theme for Twitch", "name": "Twitch Catppuccin", - "originalDigest": "8939e46685ee7e7571ed15dd97f1e3f196d7c1b2", + "originalDigest": "8467ed4821f2404f954a2eb16656895a84c60541", "_id": "f0c36e57-93df-42f7-b12e-2c38612254fd", - "_rev": 1690480136793, + "_rev": 1696690230281, "id": 45, - "etag": "W/\"04dc8d5be1a91012be9f575984e2edfcaba035415507fe210b4bbbae31a32f96\"", - "updateDate": 1690480127148 + "etag": "W/\"a7eb50ba5de98069f987851f50727ebbf40a8e815af31613416e028cb5ae1de1\"", + "updateDate": 1696690228196 }, { "enabled": true, @@ -1982,12 +1609,12 @@ "code": "" } ], - "sourceCode": "/* ==UserStyle==\n@name Brave Search Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/brave-search\n@homepageURL\thttps://github.com/catppuccin/userstyles/tree/main/styles/brave-search\n@version 1.0.2\n@description Soothing pastel theme for Brave Search\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/brave-search/catppuccin.user.css\n@license\t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */\n@-moz-document domain(\"search.brave.com\") {\n :root.light {\n #catppuccin(@lightFlavor);\n }\n :root.dark {\n #catppuccin(@darkFlavor);\n }\n :root:not(.light):not(.dark) {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n @catppuccin: {\n @latte: {\n @color-scheme: light;\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @color-scheme: dark;\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @color-scheme: dark;\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @color-scheme: dark;\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n };\n\n #catppuccin(@lookup) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @color: @catppuccin[@@lookup][@color-scheme];\n\n & {\n color-scheme: @color;\n --body-bg: @base;\n --bg-glassy: @mantle;\n --bg-1: @surface1;\n --bg-2: @surface0;\n --bg-02: @crust;\n --bg-04: @mantle;\n --bg-green: @green;\n --bg-blue: @blue;\n --bg-red: @red;\n --bg-favicon: @surface1;\n --bg-form-control-selected: @surface2;\n --bg-form-control-unselected: @surface0;\n --form-control-selected: @blue;\n --form-control-hover: @lavender;\n --form-control-focus: @text;\n --settings-header-bg: @mantle;\n --settings-header-text: @text;\n --settings-header-icon: @blue;\n --settings-widget-text: @subtext0;\n --settings-item-text: @text;\n --settings-item-icon: @blue;\n --settings-item-border: @overlay0;\n --settings-item-border-2: @overlay2;\n --settings-btn-bg: @surface0;\n --settings-btn-text: @text;\n --settings-widget-outline: @overlay0;\n --settings-independent-score: @blue;\n --settings-global-score: @peach;\n --brave-supporter-bg: @base;\n --brave-supporter-text: @text;\n --context-menu-header-border: @overlay0;\n --color-primary: @text;\n --color-primary-2: @subtext1;\n --color-primary-3: @subtext0;\n --color-white: @text;\n --color-gray-2: @subtext1;\n --color-gray-3: @subtext0;\n --color-gray-4: @overlay2;\n --color-gray-5: @overlay1;\n --color-gray-6: @overlay0;\n --color-green: @green;\n --color-red: @red;\n --color-blue: @blue;\n --info-color: @blue;\n --link-primary: @blue;\n --link-secondary: @blue;\n --link-visited: @mauve;\n --snippet-url: @subtext0;\n --separator-dot: @overlay0;\n --theme-purple: @mauve;\n --theme-yellow: @yellow;\n --border-color: @overlay0;\n --blurple-300: @lavender;\n --text-01: @text;\n --text-02: @subtext1;\n --text-03: @subtext0;\n --interactive-04: @blue;\n --interactive-05: @blue;\n --interactive-06: @blue;\n --interactive-07: @blue;\n --interactive-08: @blue;\n --focus-border: @overlay2;\n --divider-01: @overlay0;\n --disabled: @overlay1;\n --btn-filled-bg: @surface0;\n --btn-filled-bg-hover: @surface1;\n --btn-filled-text-active: @text;\n --btn-filled-bg-active: @surface2;\n --btn-filled-text-disabled: @overlay1;\n --btn-outline-border: @overlay0;\n --btn-outline-border-hover: @overlay1;\n --btn-outline-text: @text;\n --btn-outline-text-hover: @subtext1;\n --btn-outline-text-active: @text;\n --btn-outline-border-active: @overlay2;\n --btn-outline-text-disabled: @overlay1;\n --btn-icon-svg-hover: @subtext1;\n --btn-icon-bg-hover: @surface1;\n --btn-icon-svg-active: @text;\n --code-bg-0: @base;\n --code-border: @overlay0;\n --code-color-1: @surface0;\n --code-color-2: @text;\n --code-color-3: @green;\n --code-color-4: @blue;\n --code-color-5: @pink;\n --search-bgd-01: @overlay0;\n --search-bgd-02: @base;\n --search-bgd-03: @crust;\n --search-bgd-04: @mantle;\n --search-bgd-05: @base;\n --search-bgd-06: @surface0;\n --search-bgd-07: @mantle;\n --search-bgd-08: @crust;\n --search-line-01: @surface0;\n --search-line-02: @subtext0;\n --search-text-01: @text;\n --search-text-02: @subtext1;\n --search-text-03: @subtext0;\n --search-text-04: @subtext0;\n --search-text-05: @blue;\n --search-text-06: @overlay0;\n --search-text-09: @yellow;\n --search-text-10: @peach;\n --search-interactive-01: @blue;\n --search-interactive-02: @mauve;\n --search-interactive-03: @mauve;\n --search-interactive-04: @sky;\n --search-interactive-05: @mauve;\n --gray-30: @base;\n --gray-60: @surface0;\n --gray-90: @overlay0;\n --gray-110: @subtext0;\n --gray-120: @text;\n --secondary-90: @lavender;\n }\n }\n}\n", + "sourceCode": "/* ==UserStyle==\n@name Brave Search Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/brave-search\n@homepageURL\thttps://github.com/catppuccin/userstyles/tree/main/styles/brave-search\n@version 1.0.3\n@description Soothing pastel theme for Brave Search\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/brave-search/catppuccin.user.css\n@license\t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */\n@-moz-document domain(\"search.brave.com\") {\n :root.light {\n #catppuccin(@lightFlavor);\n }\n :root.dark {\n #catppuccin(@darkFlavor);\n }\n :root:not(.light):not(.dark) {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n @catppuccin: {\n @latte: {\n @color-scheme: light;\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @color-scheme: dark;\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @color-scheme: dark;\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @color-scheme: dark;\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n };\n\n #catppuccin(@lookup) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @color: @catppuccin[@@lookup][@color-scheme];\n\n & {\n color-scheme: @color;\n --body-bg: @base;\n --bg-glassy: @mantle;\n --bg-1: @surface1;\n --bg-2: @surface0;\n --bg-02: @crust;\n --bg-04: @mantle;\n --bg-green: @green;\n --bg-blue: @blue;\n --bg-red: @red;\n --bg-favicon: @surface1;\n --bg-form-control-selected: @surface2;\n --bg-form-control-unselected: @surface0;\n --form-control-selected: @blue;\n --form-control-hover: @lavender;\n --form-control-focus: @text;\n --settings-header-bg: @mantle;\n --settings-header-text: @text;\n --settings-header-icon: @blue;\n --settings-widget-text: @subtext0;\n --settings-item-text: @text;\n --settings-item-icon: @blue;\n --settings-item-border: @overlay0;\n --settings-item-border-2: @overlay2;\n --settings-btn-bg: @surface0;\n --settings-btn-text: @text;\n --settings-widget-outline: @overlay0;\n --settings-independent-score: @blue;\n --settings-global-score: @peach;\n --brave-supporter-bg: @base;\n --brave-supporter-text: @text;\n --context-menu-header-border: @overlay0;\n --color-primary: @text;\n --color-primary-2: @subtext1;\n --color-primary-3: @subtext0;\n --color-white: @text;\n --color-gray-2: @subtext1;\n --color-gray-3: @subtext0;\n --color-gray-4: @overlay2;\n --color-gray-5: @overlay1;\n --color-gray-6: @overlay0;\n --color-green: @green;\n --color-red: @red;\n --color-blue: @blue;\n --info-color: @blue;\n --link-primary: @blue;\n --link-secondary: @blue;\n --link-visited: @mauve;\n --snippet-url: @subtext0;\n --separator-dot: @overlay0;\n --theme-purple: @mauve;\n --theme-yellow: @yellow;\n --border-color: @overlay0;\n --blurple-300: @lavender;\n --text-01: @text;\n --text-02: @subtext1;\n --text-03: @subtext0;\n --interactive-04: @blue;\n --interactive-05: @blue;\n --interactive-06: @blue;\n --interactive-07: @blue;\n --interactive-08: @blue;\n --focus-border: @overlay2;\n --divider-01: @overlay0;\n --disabled: @overlay1;\n --btn-filled-bg: @surface0;\n --btn-filled-bg-hover: @surface1;\n --btn-filled-text-active: @text;\n --btn-filled-bg-active: @surface2;\n --btn-filled-text-disabled: @overlay1;\n --btn-outline-border: @overlay0;\n --btn-outline-border-hover: @overlay1;\n --btn-outline-text: @text;\n --btn-outline-text-hover: @subtext1;\n --btn-outline-text-active: @text;\n --btn-outline-border-active: @overlay2;\n --btn-outline-text-disabled: @overlay1;\n --btn-icon-svg-hover: @subtext1;\n --btn-icon-bg-hover: @surface1;\n --btn-icon-svg-active: @text;\n --code-bg-0: @base;\n --code-border: @overlay0;\n --code-color-1: @surface0;\n --code-color-2: @text;\n --code-color-3: @green;\n --code-color-4: @blue;\n --code-color-5: @pink;\n --search-bgd-01: @overlay0;\n --search-bgd-02: @base;\n --search-bgd-03: @crust;\n --search-bgd-04: @mantle;\n --search-bgd-05: @base;\n --search-bgd-06: @surface0;\n --search-bgd-07: @mantle;\n --search-bgd-08: @crust;\n --search-line-01: @surface0;\n --search-line-02: @subtext0;\n --search-text-01: @text;\n --search-text-02: @subtext1;\n --search-text-03: @subtext0;\n --search-text-04: @subtext0;\n --search-text-05: @blue;\n --search-text-06: @overlay0;\n --search-text-09: @yellow;\n --search-text-10: @peach;\n --search-interactive-01: @blue;\n --search-interactive-02: @mauve;\n --search-interactive-03: @mauve;\n --search-interactive-04: @sky;\n --search-interactive-05: @mauve;\n --gray-30: @base;\n --gray-60: @surface0;\n --gray-90: @overlay0;\n --gray-110: @subtext0;\n --gray-120: @text;\n --secondary-90: @lavender;\n }\n\n #searchform > .searchbox-wrapper::after {\n background-image: none;\n }\n }\n}\n", "usercssData": { "name": "Brave Search Catppuccin", "namespace": "github.com/catppuccin/userstyles/styles/brave-search", "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/brave-search", - "version": "1.0.2", + "version": "1.0.3", "description": "Soothing pastel theme for Brave Search", "author": "Catppuccin", "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/brave-search/catppuccin.user.css", @@ -2057,11 +1684,12 @@ "author": "Catppuccin", "description": "Soothing pastel theme for Brave Search", "name": "Brave Search Catppuccin", - "originalDigest": "e57d8692fef75d83a79943daea911122c3a58361", + "originalDigest": "4f10a97c7712db8f06f3fd19dbe2e63f5783332c", "_id": "8d7c5abd-49c7-4900-a70b-e3c3a2c82fcb", - "_rev": 1690106083257, + "_rev": 1695978148753, "id": 47, - "etag": "W/\"8feb9fff59bc0a2d1895021ed23a91645207920ae5cb53132ab14b3f4cb1c294\"" + "etag": "W/\"53aa61cd589e4c7629d6c7e6cc66c5f3cc85c47359f5f6e3274f38b4887d18c9\"", + "updateDate": 1695978148719 }, { "enabled": true, @@ -2248,12 +1876,12 @@ "code": "" } ], - "sourceCode": "/* ==UserStyle==\n@name SearXNG Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/searxng\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/searxng\n@version 0.3.0\n@description Soothing pastel theme for SearXNG\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/searxng/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Grey\"]\n@var checkbox additions \"Additional Tweaks\" 0\n==/UserStyle== */\n@-moz-document url-prefix(\"http://ransack.i2p/\"),\nurl-prefix(\"https://darmarit.org/searx/\"),\nurl-prefix(\"https://de.xcxc.ml/\"),\nurl-prefix(\"https://dynabyte.ca/\"),\nurl-prefix(\"https://etsi.me/\"),\nurl-prefix(\"https://icanfindit.online/\"),\nurl-prefix(\"https://jackgoss.xyz/\"),\nurl-prefix(\"https://jsearch.pw/\"),\nurl-prefix(\"https://metasearch.nl/\"),\nurl-prefix(\"https://northboot.xyz/\"),\nurl-prefix(\"https://notsearch.uk/\"),\nurl-prefix(\"https://opnxng.com/\"),\nurl-prefix(\"https://paulgo.io/\"),\nurl-prefix(\"https://priv.au/\"),\nurl-prefix(\"https://privatus.live/\"),\nurl-prefix(\"https://s.frlt.one/\"),\nurl-prefix(\"https://s.zhaocloud.net/\"),\nurl-prefix(\"https://saber.tk/\"),\nurl-prefix(\"https://search.0relay.com/\"),\nurl-prefix(\"https://search.affusio.com/\"),\nurl-prefix(\"https://search.bus-hit.me/\"),\nurl-prefix(\"https://search.callmeecho.dev/\"),\nurl-prefix(\"https://search.chemicals-in-the-water.eu/\"),\nurl-prefix(\"https://search.cronobox.one/\"),\nurl-prefix(\"https://search.disroot.org/\"),\nurl-prefix(\"https://search.ethibox.fr/\"),\nurl-prefix(\"https://search.gcomm.ch/\"),\nurl-prefix(\"https://search.kiwitalk.de/\"),\nurl-prefix(\"https://search.mdosch.de/\"),\nurl-prefix(\"https://search.mpx.wtf/\"),\nurl-prefix(\"https://search.neet.works/\"),\nurl-prefix(\"https://search.ononoki.org/\"),\nurl-prefix(\"https://search.privacyguides.net/\"),\nurl-prefix(\"https://search.projectsegfau.lt/\"),\nurl-prefix(\"https://search.rabbit-company.com/\"),\nurl-prefix(\"https://search.rhscze.cf/\"),\nurl-prefix(\"https://search.rowie.at/\"),\nurl-prefix(\"https://search.sapti.me/\"),\nurl-prefix(\"https://search.serginho.dev/\"),\nurl-prefix(\"https://search.smnz.de/\"),\nurl-prefix(\"https://search.snopyta.org/\"),\nurl-prefix(\"https://search.stinpriza.org/\"),\nurl-prefix(\"https://search.teamriverbubbles.com/\"),\nurl-prefix(\"https://search.trom.tf/\"),\nurl-prefix(\"https://search.unlocked.link/\"),\nurl-prefix(\"https://search.uspersec.com/\"),\nurl-prefix(\"https://search.vidhukant.xyz/\"),\nurl-prefix(\"https://search.zzls.xyz/\"),\nurl-prefix(\"https://searx.baczek.me/\"),\nurl-prefix(\"https://searx.be/\"),\nurl-prefix(\"https://searx.becomesovran.com/\"),\nurl-prefix(\"https://searx.bissisoft.com/\"),\nurl-prefix(\"https://searx.chocoflan.net/\"),\nurl-prefix(\"https://searx.divided-by-zero.eu/\"),\nurl-prefix(\"https://searx.dresden.network/\"),\nurl-prefix(\"https://searx.ebnar.xyz/\"),\nurl-prefix(\"https://searx.ericaftereric.top/\"),\nurl-prefix(\"https://searx.esmailelbob.xyz/\"),\nurl-prefix(\"https://searx.fi/\"),\nurl-prefix(\"https://searx.fmac.xyz/\"),\nurl-prefix(\"https://searx.fossencdi.org/\"),\nurl-prefix(\"https://searx.gnous.eu/\"),\nurl-prefix(\"https://searx.gnu.style/\"),\nurl-prefix(\"https://searx.kujonello.cf/\"),\nurl-prefix(\"https://searx.mastodontech.de/\"),\nurl-prefix(\"https://searx.mha.fi/\"),\nurl-prefix(\"https://searx.mistli.net/\"),\nurl-prefix(\"https://searx.mxchange.org/\"),\nurl-prefix(\"https://searx.nakhan.net/\"),\nurl-prefix(\"https://searx.namejeff.xyz/\"),\nurl-prefix(\"https://searx.netzspielplatz.de/\"),\nurl-prefix(\"https://searx.nixnet.services/\"),\nurl-prefix(\"https://searx.org/\"),\nurl-prefix(\"https://searx.orion-hub.fr/\"),\nurl-prefix(\"https://searx.priv.pw/\"),\nurl-prefix(\"https://searx.prvcy.eu/\"),\nurl-prefix(\"https://searx.rimkus.it/\"),\nurl-prefix(\"https://searx.roflcopter.fr/\"),\nurl-prefix(\"https://searx.ru/\"),\nurl-prefix(\"https://searx.run/\"),\nurl-prefix(\"https://searx.semipvt.com/\"),\nurl-prefix(\"https://searx.sethforprivacy.com/\"),\nurl-prefix(\"https://searx.sev.monster/\"),\nurl-prefix(\"https://searx.slipfox.xyz/searx/\"),\nurl-prefix(\"https://searx.sp-codes.de/\"),\nurl-prefix(\"https://searx.stuehieyr.com/\"),\nurl-prefix(\"https://searx.tiekoetter.com/\"),\nurl-prefix(\"https://searx.tuxcloud.net/\"),\nurl-prefix(\"https://searx.tyil.nl/\"),\nurl-prefix(\"https://searx.vanwa.tech/\"),\nurl-prefix(\"https://searx.webheberg.info/\"),\nurl-prefix(\"https://searx.xyz/\"),\nurl-prefix(\"https://searx.zapashcanon.fr/\"),\nurl-prefix(\"https://searx.zcyph.cc/\"),\nurl-prefix(\"https://searxng.ir/\"),\nurl-prefix(\"https://searxng.nicfab.eu/\"),\nurl-prefix(\"https://searxng.zackptg5.com/\"),\nurl-prefix(\"https://serx.ml/\"),\nurl-prefix(\"https://sh0.it/\"),\nurl-prefix(\"https://soek.allesbeste.com/\"),\nurl-prefix(\"https://spot.ecloud.global/\"),\nurl-prefix(\"https://srx.cosmohub.io/\"),\nurl-prefix(\"https://searx.oakleycord.dev/\"),\nurl-prefix(\"https://suche.dasnetzundich.de/\"),\nurl-prefix(\"https://suche.tromdienste.de/\"),\nurl-prefix(\"https://suche.uferwerk.org/\"),\nurl-prefix(\"https://swag.pw/\"),\nurl-prefix(\"https://sx.catgirl.cloud/\"),\nurl-prefix(\"https://timdor.noip.me/searx/\"),\nurl-prefix(\"https://trydex.tk/searxng/\"),\nurl-prefix(\"https://www.gruble.de/\"),\nurl-prefix(\"https://www.webrats.xyz/\"),\nurl-prefix(\"https://xcxc.ml/\"),\nurl-prefix(\"https://xo.wtf/\")\n{\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n };\n\n :root.theme-auto {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n @media (prefers-color-scheme: dark) {\n :root.theme-auto {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n :root.theme-dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n :root.theme-light {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent-color) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent: @catppuccin[@@lookup][@@accent-color];\n\n & {\n --color-base-font: @text;\n --color-base-background: @base;\n --color-base-background-mobile: @base;\n --color-url-font: @accent;\n --color-url-visited-font: @accent;\n --color-header-background: @mantle;\n --color-header-border: @mantle;\n --color-footer-background: @mantle;\n --color-footer-border: @mantle;\n --color-sidebar-border: @base;\n --color-sidebar-font: @text;\n --color-sidebar-background: @base;\n --color-backtotop-font: @subtext1;\n --color-backtotop-border: @surface0;\n --color-backtotop-background: @surface0;\n --color-btn-background: @accent;\n --color-btn-font: @base;\n --color-show-btn-background: @accent;\n --color-show-btn-font: @base;\n --color-search-border: @surface0;\n --color-search-shadow: 0 2px 8px @crust;\n --color-search-background: @surface0;\n --color-search-font: @text;\n --color-search-background-hover: @accent;\n --color-error: @red;\n --color-error-background: @surface0;\n --color-warning: @yellow;\n --color-warning-background: @surface0;\n --color-success: @green;\n --color-success-background: @surface0;\n --color-categories-item-selected-font: @text;\n --color-categories-item-border-selected: @accent;\n --color-autocomplete-font: @subtext1;\n --color-autocomplete-border: @surface0;\n --color-autocomplete-shadow: 0 2px 8px @crust;\n --color-autocomplete-background: @surface0;\n --color-autocomplete-background-hover: @surface1;\n --color-answer-font: @text;\n --color-answer-background: @mantle;\n --color-result-background: @mantle;\n --color-result-border: @base;\n --color-result-url-font: @subtext1;\n --color-result-vim-selected: @surface0;\n --color-result-vim-arrow: @accent;\n --color-result-description-highlight-font: @text;\n --color-result-link-font: @accent;\n --color-result-link-font-highlight: @accent;\n --color-result-link-visited-font: @accent;\n --color-result-publishdate-font: @surface2;\n --color-result-engines-font: @surface2;\n --color-result-search-url-border: @surface2;\n --color-result-search-url-font: @text;\n --color-result-detail-font: @text;\n --color-result-detail-label-font: @surface1;\n --color-result-detail-background: @base;\n --color-result-detail-hr: @base;\n --color-result-detail-link: @accent;\n --color-result-detail-loader-border: rgba(255, 255, 255, 0.2);\n --color-result-detail-loader-borderleft: @crust;\n --color-result-image-span-font: @text;\n --color-result-image-span-font-selected: @base;\n --color-result-image-background: @mantle;\n --color-settings-tr-hover: @surface0;\n --color-settings-engine-description-font: @text;\n --color-settings-engine-group-background: @surface0;\n --color-toolkit-badge-font: @text;\n --color-toolkit-badge-background: @surface0;\n --color-toolkit-kbd-font: @text;\n --color-toolkit-kbd-background: @mantle;\n --color-toolkit-dialog-border: @mantle;\n --color-toolkit-dialog-background: @mantle;\n --color-toolkit-tabs-label-border: @base;\n --color-toolkit-tabs-section-border: @base;\n --color-toolkit-select-background: @surface0;\n --color-toolkit-select-border: @surface0;\n --color-toolkit-select-background-hover: @surface1;\n --color-toolkit-input-text-font: @text;\n --color-toolkit-checkbox-onoff-off-background: @surface0;\n --color-toolkit-checkbox-onoff-on-background: @surface0;\n --color-toolkit-checkbox-onoff-on-mark-background: @green;\n --color-toolkit-checkbox-onoff-on-mark-color: @mantle;\n --color-toolkit-checkbox-onoff-off-mark-background: @red;\n --color-toolkit-checkbox-onoff-off-mark-color: @mantle;\n --color-toolkit-checkbox-label-background: @base;\n --color-toolkit-checkbox-label-border: @mantle;\n --color-toolkit-checkbox-input-border: @accent;\n --color-toolkit-engine-tooltip-border: @surface0;\n --color-toolkit-engine-tooltip-background: @surface0;\n --color-toolkit-loader-border: rgba(255, 255, 255, 0.2);\n --color-toolkit-loader-borderleft: @crust;\n --color-doc-code: @rosewater;\n --color-doc-code-background: @mantle;\n }\n\n #search_logo svg :not([fill=\"none\"]) {\n fill: @accent;\n }\n #search_logo svg :not([stroke=\"none\"]) {\n stroke: @accent;\n }\n\n if (additions) {\n article.result {\n background-color: var(--color-result-background);\n border-radius: 0.75em;\n padding: 0.75em;\n margin: 0.5em;\n }\n article.category-images {\n padding-bottom: 4em;\n }\n }\n }\n}\n", + "sourceCode": "/* ==UserStyle==\n@name SearXNG Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/searxng\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/searxng\n@version 0.3.1\n@description Soothing pastel theme for SearXNG\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/searxng/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Grey\"]\n@var checkbox additions \"Additional Tweaks\" 0\n==/UserStyle== */\n@-moz-document url-prefix(\"http://ransack.i2p/\"),\nurl-prefix(\"https://darmarit.org/searx/\"),\nurl-prefix(\"https://de.xcxc.ml/\"),\nurl-prefix(\"https://dynabyte.ca/\"),\nurl-prefix(\"https://etsi.me/\"),\nurl-prefix(\"https://icanfindit.online/\"),\nurl-prefix(\"https://jackgoss.xyz/\"),\nurl-prefix(\"https://jsearch.pw/\"),\nurl-prefix(\"https://metasearch.nl/\"),\nurl-prefix(\"https://northboot.xyz/\"),\nurl-prefix(\"https://notsearch.uk/\"),\nurl-prefix(\"https://opnxng.com/\"),\nurl-prefix(\"https://paulgo.io/\"),\nurl-prefix(\"https://priv.au/\"),\nurl-prefix(\"https://privatus.live/\"),\nurl-prefix(\"https://s.frlt.one/\"),\nurl-prefix(\"https://s.zhaocloud.net/\"),\nurl-prefix(\"https://saber.tk/\"),\nurl-prefix(\"https://search.0relay.com/\"),\nurl-prefix(\"https://search.affusio.com/\"),\nurl-prefix(\"https://search.bus-hit.me/\"),\nurl-prefix(\"https://search.callmeecho.dev/\"),\nurl-prefix(\"https://search.chemicals-in-the-water.eu/\"),\nurl-prefix(\"https://search.cronobox.one/\"),\nurl-prefix(\"https://search.disroot.org/\"),\nurl-prefix(\"https://search.ethibox.fr/\"),\nurl-prefix(\"https://search.gcomm.ch/\"),\nurl-prefix(\"https://search.kiwitalk.de/\"),\nurl-prefix(\"https://search.mdosch.de/\"),\nurl-prefix(\"https://search.mpx.wtf/\"),\nurl-prefix(\"https://search.neet.works/\"),\nurl-prefix(\"https://search.ononoki.org/\"),\nurl-prefix(\"https://search.privacyguides.net/\"),\nurl-prefix(\"https://search.projectsegfau.lt/\"),\nurl-prefix(\"https://search.rabbit-company.com/\"),\nurl-prefix(\"https://search.rhscze.cf/\"),\nurl-prefix(\"https://search.rowie.at/\"),\nurl-prefix(\"https://search.sapti.me/\"),\nurl-prefix(\"https://search.serginho.dev/\"),\nurl-prefix(\"https://search.smnz.de/\"),\nurl-prefix(\"https://search.snopyta.org/\"),\nurl-prefix(\"https://search.stinpriza.org/\"),\nurl-prefix(\"https://search.teamriverbubbles.com/\"),\nurl-prefix(\"https://search.trom.tf/\"),\nurl-prefix(\"https://search.unlocked.link/\"),\nurl-prefix(\"https://search.uspersec.com/\"),\nurl-prefix(\"https://search.vidhukant.xyz/\"),\nurl-prefix(\"https://search.zzls.xyz/\"),\nurl-prefix(\"https://searx.baczek.me/\"),\nurl-prefix(\"https://searx.be/\"),\nurl-prefix(\"https://searx.becomesovran.com/\"),\nurl-prefix(\"https://searx.bissisoft.com/\"),\nurl-prefix(\"https://searx.chocoflan.net/\"),\nurl-prefix(\"https://searx.divided-by-zero.eu/\"),\nurl-prefix(\"https://searx.dresden.network/\"),\nurl-prefix(\"https://searx.ebnar.xyz/\"),\nurl-prefix(\"https://searx.ericaftereric.top/\"),\nurl-prefix(\"https://searx.esmailelbob.xyz/\"),\nurl-prefix(\"https://searx.fi/\"),\nurl-prefix(\"https://searx.fmac.xyz/\"),\nurl-prefix(\"https://searx.fossencdi.org/\"),\nurl-prefix(\"https://searx.gnous.eu/\"),\nurl-prefix(\"https://searx.gnu.style/\"),\nurl-prefix(\"https://searx.kujonello.cf/\"),\nurl-prefix(\"https://searx.mastodontech.de/\"),\nurl-prefix(\"https://searx.mha.fi/\"),\nurl-prefix(\"https://searx.mistli.net/\"),\nurl-prefix(\"https://searx.mxchange.org/\"),\nurl-prefix(\"https://searx.nakhan.net/\"),\nurl-prefix(\"https://searx.namejeff.xyz/\"),\nurl-prefix(\"https://searx.netzspielplatz.de/\"),\nurl-prefix(\"https://searx.nixnet.services/\"),\nurl-prefix(\"https://searx.org/\"),\nurl-prefix(\"https://searx.orion-hub.fr/\"),\nurl-prefix(\"https://searx.priv.pw/\"),\nurl-prefix(\"https://searx.prvcy.eu/\"),\nurl-prefix(\"https://searx.rimkus.it/\"),\nurl-prefix(\"https://searx.roflcopter.fr/\"),\nurl-prefix(\"https://searx.ru/\"),\nurl-prefix(\"https://searx.run/\"),\nurl-prefix(\"https://searx.semipvt.com/\"),\nurl-prefix(\"https://searx.sethforprivacy.com/\"),\nurl-prefix(\"https://searx.sev.monster/\"),\nurl-prefix(\"https://searx.slipfox.xyz/searx/\"),\nurl-prefix(\"https://searx.sp-codes.de/\"),\nurl-prefix(\"https://searx.stuehieyr.com/\"),\nurl-prefix(\"https://searx.tiekoetter.com/\"),\nurl-prefix(\"https://searx.tuxcloud.net/\"),\nurl-prefix(\"https://searx.tyil.nl/\"),\nurl-prefix(\"https://searx.vanwa.tech/\"),\nurl-prefix(\"https://searx.webheberg.info/\"),\nurl-prefix(\"https://searx.xyz/\"),\nurl-prefix(\"https://searx.zapashcanon.fr/\"),\nurl-prefix(\"https://searx.zcyph.cc/\"),\nurl-prefix(\"https://searxng.ir/\"),\nurl-prefix(\"https://searxng.nicfab.eu/\"),\nurl-prefix(\"https://searxng.zackptg5.com/\"),\nurl-prefix(\"https://serx.ml/\"),\nurl-prefix(\"https://sh0.it/\"),\nurl-prefix(\"https://soek.allesbeste.com/\"),\nurl-prefix(\"https://spot.ecloud.global/\"),\nurl-prefix(\"https://srx.cosmohub.io/\"),\nurl-prefix(\"https://searx.oakleycord.dev/\"),\nurl-prefix(\"https://suche.dasnetzundich.de/\"),\nurl-prefix(\"https://suche.tromdienste.de/\"),\nurl-prefix(\"https://suche.uferwerk.org/\"),\nurl-prefix(\"https://swag.pw/\"),\nurl-prefix(\"https://sx.catgirl.cloud/\"),\nurl-prefix(\"https://timdor.noip.me/searx/\"),\nurl-prefix(\"https://trydex.tk/searxng/\"),\nurl-prefix(\"https://www.gruble.de/\"),\nurl-prefix(\"https://www.webrats.xyz/\"),\nurl-prefix(\"https://xcxc.ml/\"),\nurl-prefix(\"https://xo.wtf/\")\n{\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n };\n\n :root.theme-auto {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n @media (prefers-color-scheme: dark) {\n :root.theme-auto {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n :root.theme-dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n :root.theme-light {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent-color) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent: @catppuccin[@@lookup][@@accent-color];\n\n & {\n --color-base-font: @text;\n --color-base-background: @base;\n --color-base-background-mobile: @base;\n --color-url-font: @accent;\n --color-url-visited-font: @accent;\n --color-header-background: @mantle;\n --color-header-border: @mantle;\n --color-footer-background: @mantle;\n --color-footer-border: @mantle;\n --color-sidebar-border: @base;\n --color-sidebar-font: @text;\n --color-sidebar-background: @base;\n --color-backtotop-font: @subtext1;\n --color-backtotop-border: @surface0;\n --color-backtotop-background: @surface0;\n --color-btn-background: @accent;\n --color-btn-font: @base;\n --color-show-btn-background: @accent;\n --color-show-btn-font: @base;\n --color-search-border: @surface0;\n --color-search-shadow: 0 2px 8px @crust;\n --color-search-background: @surface0;\n --color-search-font: @text;\n --color-search-background-hover: @accent;\n --color-error: @red;\n --color-error-background: @surface0;\n --color-warning: @yellow;\n --color-warning-background: @surface0;\n --color-success: @green;\n --color-success-background: @surface0;\n --color-categories-item-selected-font: @text;\n --color-categories-item-border-selected: @accent;\n --color-autocomplete-font: @subtext1;\n --color-autocomplete-border: @surface0;\n --color-autocomplete-shadow: 0 2px 8px @crust;\n --color-autocomplete-background: @surface0;\n --color-autocomplete-background-hover: @surface1;\n --color-answer-font: @text;\n --color-answer-background: @mantle;\n --color-result-background: @mantle;\n --color-result-border: @base;\n --color-result-url-font: @subtext1;\n --color-result-vim-selected: @surface0;\n --color-result-vim-arrow: @accent;\n --color-result-description-highlight-font: @text;\n --color-result-link-font: @accent;\n --color-result-link-font-highlight: @accent;\n --color-result-link-visited-font: @accent;\n --color-result-publishdate-font: @surface2;\n --color-result-engines-font: @surface2;\n --color-result-search-url-border: @surface2;\n --color-result-search-url-font: @text;\n --color-result-detail-font: @text;\n --color-result-detail-label-font: @subtext0;\n --color-result-detail-background: @base;\n --color-result-detail-hr: @base;\n --color-result-detail-link: @accent;\n --color-result-detail-loader-border: rgba(255, 255, 255, 0.2);\n --color-result-detail-loader-borderleft: @crust;\n --color-result-image-span-font: @text;\n --color-result-image-span-font-selected: @base;\n --color-result-image-background: @mantle;\n --color-settings-tr-hover: @surface0;\n --color-settings-engine-description-font: @text;\n --color-settings-engine-group-background: @surface0;\n --color-toolkit-badge-font: @text;\n --color-toolkit-badge-background: @surface0;\n --color-toolkit-kbd-font: @text;\n --color-toolkit-kbd-background: @mantle;\n --color-toolkit-dialog-border: @mantle;\n --color-toolkit-dialog-background: @mantle;\n --color-toolkit-tabs-label-border: @base;\n --color-toolkit-tabs-section-border: @base;\n --color-toolkit-select-background: @surface0;\n --color-toolkit-select-border: @surface0;\n --color-toolkit-select-background-hover: @surface1;\n --color-toolkit-input-text-font: @text;\n --color-toolkit-checkbox-onoff-off-background: @surface0;\n --color-toolkit-checkbox-onoff-on-background: @surface0;\n --color-toolkit-checkbox-onoff-on-mark-background: @green;\n --color-toolkit-checkbox-onoff-on-mark-color: @mantle;\n --color-toolkit-checkbox-onoff-off-mark-background: @red;\n --color-toolkit-checkbox-onoff-off-mark-color: @mantle;\n --color-toolkit-checkbox-label-background: @base;\n --color-toolkit-checkbox-label-border: @mantle;\n --color-toolkit-checkbox-input-border: @accent;\n --color-toolkit-engine-tooltip-border: @surface0;\n --color-toolkit-engine-tooltip-background: @surface0;\n --color-toolkit-loader-border: rgba(255, 255, 255, 0.2);\n --color-toolkit-loader-borderleft: @crust;\n --color-doc-code: @rosewater;\n --color-doc-code-background: @mantle;\n }\n\n #search_logo svg :not([fill=\"none\"]) {\n fill: @accent;\n }\n #search_logo svg :not([stroke=\"none\"]) {\n stroke: @accent;\n }\n\n if (additions) {\n article.result {\n background-color: var(--color-result-background);\n border-radius: 0.75em;\n padding: 0.75em;\n margin: 0.5em;\n }\n article.category-images {\n padding-bottom: 4em;\n }\n }\n }\n}\n", "usercssData": { "name": "SearXNG Catppuccin", "namespace": "github.com/catppuccin/userstyles/styles/searxng", "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/searxng", - "version": "0.3.0", + "version": "0.3.1", "description": "Soothing pastel theme for SearXNG", "author": "Catppuccin", "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/searxng/catppuccin.user.css", @@ -2415,16 +2043,16 @@ "author": "Catppuccin", "description": "Soothing pastel theme for SearXNG", "name": "SearXNG Catppuccin", - "originalDigest": "4fda55a18ee1bb8c0d5588791efa839d02166546", + "originalDigest": "4251ce833a080e020aa168bcb044e4d540086af3", "_id": "56ebf55d-dc89-4726-b362-a0cd9f5f0989", - "_rev": 1690480158115, + "_rev": 1696243343628, "id": 49, - "etag": "W/\"57d688e50ce83317553acf632d5578a3c044434489e80532e7071840b91970dd\"", - "updateDate": 1690480155089 + "etag": "W/\"01f8e01e49ac8b222a2a9b80d4d3e9d03ccb4c03d8a94e4c8fec54670d368bdb\"", + "updateDate": 1696243343606 }, { "enabled": true, - "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/mastodon/catppuccin.user.css", + "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/mastodon/catppuccin.user.css", "url": "https://github.com/catppuccin/userstyles/tree/main/styles/mastodon", "installDate": 1690106137364, "sections": [ @@ -2432,15 +2060,15 @@ "code": "" } ], - "sourceCode": "/* ==UserStyle==\n@name Mastodon Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/mastodon\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/mastodon\n@version 1.1.4\n@description Soothing pastel theme for Mastodon\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/mastodon/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"mstdn.social\"),\ndomain(\"fosstodon.org\"),\ndomain(\"tech.lgbt\"),\ndomain(\"mastodon.social\") {\n\n .theme-mastodon-light,\n :root:has(.theme-mastodon-light),\n .skin-mastodon-light,\n :root:has(.skin-mastodon-light) {\n #mastodon(@lightFlavor, @accentColor);\n }\n\n .theme-default,\n .theme-contrast,\n :root:has(.theme-default),\n :root:has(.theme-contrast),\n .skin-default,\n .skin-contrast,\n :root:has(.skin-default),\n :root:has(.skin-contrast) {\n #mastodon(@darkFlavor, @accentColor);\n }\n\n #mastodon(@lookup, @accent) {\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n }\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n }\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n }\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n }\n }\n\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-Color: @catppuccin[@@lookup][@@accent];\n\n body,\n .tabs-bar__wrapper,\n .admin-wrapper .sidebar-wrapper__inner {\n background: @crust;\n color: @text;\n }\n\n .account__header__bio .account__header__fields dt {\n background: transparent;\n }\n\n .search-popout,\n .search-popout em,\n .dismissable-banner__message,\n .account__header__bio .account__header__fields dt,\n .account__section-headline a.active,\n .account__section-headline button.active,\n .notification__filter-bar a.active,\n .notification__filter-bar button.active,\n .account__header__bio .account__header__content,\n .navigation-bar,\n .column-link__badge,\n .column-subheading,\n .account__display-name strong,\n .status__display-name strong,\n .notification__message,\n .public-layout .public-account-bio .account__header__content,\n .reply-indicator__content,\n .status__content,\n .card__bar .display-name strong {\n color: @text;\n }\n\n\n .search-popout span,\n .link-footer p,\n .link-footer p a {\n color: @subtext1;\n }\n\n .account__header__tabs__name h1 small,\n .account__header__bio .account__header__fields dd,\n .display-name__account,\n .status__relative-time,\n .empty-column-indicator,\n .follow_requests-unlocked_explanation,\n .account .account__display-name,\n .label_input .search__input,\n .search__input:focus,\n .account__header__fields dt {\n color: @subtext0\n }\n\n .compose-panel hr,\n .navigation-panel hr {\n border-top-color: @subtext0\n }\n\n .trends__item,\n .status,\n .getting-started__trends h4,\n .trends__item__name span,\n .story {\n border-color: @subtext0\n }\n\n\n .account__header__tabs__name h1,\n .account__header__content a,\n .account__header__bio .account__header__fields a,\n .empty-column-indicator a,\n .follow_requests-unlocked_explanation a,\n .column-back-button,\n .icon-button.inverted,\n .text-icon-button,\n .icon-button.active,\n .public-layout .public-account-bio .account__header__fields a,\n .column-header__back-button,\n .navigation-bar strong,\n .reply-indicator__content a.unhandled-link,\n .status__content a.unhandled-link {\n color: @accent-Color;\n }\n\n .icon-button,\n .notification__message .fa {\n color: @surface2;\n }\n\n\n .icon-button:active,\n .icon-button:focus,\n .icon-button:hover,\n .text-icon-button:active,\n .text-icon-button:focus,\n .text-icon-button:hover,\n .icon-button.inverted:active,\n .icon-button.inverted:focus,\n .icon-button.inverted:hover,\n .public-layout .public-account-bio .account__header__fields a:hover {\n color: @accent-Color;\n }\n\n\n .ui__header,\n .column-header,\n .column-header__button,\n .column-header__back-button,\n .column-back-button,\n .drawer__header,\n .account__section-headline,\n .notification__filter-bar,\n .account__section-headline button,\n .notification__filter-bar button,\n .account__header,\n .search__input,\n .search__input:focus,\n .column-link__badge,\n .column-subheading,\n .public-layout .header,\n .public-layout .public-account-header__bar::before,\n .account__header__fields,\n .account__header__fields dt,\n .account__header__fields dd:not(.account__header__bio .account__header__fields dd),\n .focusable:focus,\n .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected {\n border-color: @mantle;\n background: @surface1;\n }\n\n .admin-wrapper .sidebar ul a:hover,\n .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover {\n background: @surface0;\n }\n\n\n .dismissable-banner {\n border-color: @surface1;\n background: @base;\n }\n\n .theme-mastodon-light .account__header__bar,\n .theme-mastodon-light .column-header__back-button,\n .account__header__bio .account__header__fields dl,\n .account__header__bio .account__header__fields,\n .empty-column-indicator,\n .column > .scrollable,\n .nothing-here,\n .public-layout .public-account-bio,\n .hero-widget__text,\n body.admin,\n .admin-wrapper .sidebar ul a.selected,\n .admin-wrapper .sidebar ul ul {\n border-color: @mantle;\n background: @base;\n }\n\n\n .public-layout .public-account-header__tabs__tabs .counter::after {\n border-color: @accent-Color;\n }\n\n .public-layout .public-account-header__tabs__tabs .counter.active::after {\n border-color: @accent-Color;\n }\n\n .account,\n .load-gap {\n border-color: @mantle;\n }\n\n .account__section-headline a.active::after {\n border-color: transparent transparent @base;\n }\n\n .account__section-headline a.active::before,\n .account__section-headline button.active::after,\n .account__section-headline button.active::before,\n .notification__filter-bar a.active::after,\n .notification__filter-bar a.active::before,\n .notification__filter-bar button.active::after,\n .notification__filter-bar button.active::before {\n border-color: transparent transparent @mantle;\n }\n\n\n .search-popout,\n .drawer__header a:hover,\n .column-header__button:hover,\n .account__section-headline button:hover,\n .notification__filter-bar button:hover,\n .account__section-headline a:hover {\n background: @surface2;\n }\n\n .column-link .active,\n .column-link--transparent.active,\n .column-link--transparent:focus,\n .column-link:focus {\n color: @accent-Color;\n }\n\n .column-link--transparent:hover,\n .column-link:hover {\n color: @accent-Color;\n }\n\n .button.button-tertiary:focus,\n .button.button-tertiary:hover,\n .button.button-tertiary:active {\n color: @base;\n }\n\n .button.button-tertiary {\n border-color: @accent-Color;\n }\n\n .button,\n .button.button-tertiary,\n .button.logo-button {\n background: @accent-Color;\n color: @base;\n }\n\n .button.logo-button svg {\n fill: currentColor;\n }\n\n\n .public-layout .header .nav-button {\n background-color: @surface1;\n }\n\n .public-layout .header .nav-button:hover {\n background-color: @surface2;\n }\n\n .button.button-secondary:active,\n .button.button-secondary:focus,\n .button.button-secondary:hover {\n border-color: @accent-Color;\n color: @base;\n transition: .4s;\n }\n\n .button:active,\n .button:focus,\n .button:hover,\n .button.button-tertiary:active,\n .button.button-tertiary:focus,\n .button.button-tertiary:hover,\n .button.logo-button:active,\n .button.logo-button:focus,\n .button.logo-button:hover {\n background: @accent-Color;\n }\n\n .drawer__inner,\n .drawer__inner__mastodon {\n background-color: @base;\n }\n\n .compose-form .compose-form__modifiers,\n .compose-form .autosuggest-textarea__textarea,\n .compose-form .spoiler-input__input {\n background: @surface1;\n color: @text;\n }\n\n .compose-form .autosuggest-textarea__textarea::placeholder {\n color: @subtext0\n }\n\n .compose-form .compose-form__buttons-wrapper {\n background: @surface0;\n }\n\n .load-more:hover {\n background-color: @mantle;\n }\n\n .character-counter {\n color: @subtext0\n }\n\n .public-layout .header,\n .hero-widget,\n .public-layout .public-account-header,\n .public-layout .public-account-bio,\n .nothing-here {\n box-shadow: none;\n }\n\n .dropdown-menu__arrow:before,\n .dropdown-menu__item a,\n .dropdown-menu__item button,\n .dropdown-menu__container__list,\n .dropdown-menu.bottom {\n background: @surface0;\n color: @text;\n }\n\n .dropdown-menu__item a:hover,\n .dropdown-menu__item button:hover {\n background: @surface1;\n }\n\n .input-copy,\n .simple_form input[type=text],\n .simple_form textarea,\n .simple_form .block-button,\n .simple_form .button,\n .simple_form button {\n background: @mantle;\n color: @text;\n }\n\n .simple_form .block-button:hover,\n .simple_form .button:hover,\n .simple_form button:hover {\n background: @surface0;\n }\n\n .simple_form .input.with_label .label_input > label,\n .simple_form select,\n .accounts-table__count,\n .simple_form textarea {\n color: @text;\n }\n\n .simple_form textarea,\n .simple_form input[type=password],\n .simple_form input[type=number],\n .simple_form input[type=text] {\n border: 1px solid @crust;\n }\n\n .simple_form input[type=email]:required:valid {\n border: 1px solid @green\n }\n\n .simple_form input[type=password],\n .simple_form input[type=number],\n .simple_form input[type=email]:required:valid,\n .simple_form input[type=password]:required:invalid:not(:placeholder-shown) {\n color: @text;\n background: @mantle;\n }\n\n .simple_form input[type=password]:required:invalid:not(:placeholder-shown) {\n border: 1px solid @red;\n }\n\n .simple_form select {\n background: @mantle url(\"data:image/svg+xml;utf8,\") no-repeat right 8px center/auto 16px;\n border: 1px solid @crust;\n }\n\n .simple_form input[type=datetime-local]:active,\n .simple_form input[type=datetime-local]:focus,\n .simple_form input[type=email]:active,\n .simple_form input[type=email]:focus,\n .simple_form input[type=number]:active,\n .simple_form input[type=number]:focus,\n .simple_form input[type=password]:active,\n .simple_form input[type=password]:focus,\n .simple_form input[type=text]:active,\n .simple_form input[type=text]:focus,\n .simple_form input[type=url]:active,\n .simple_form input[type=url]:focus,\n .simple_form textarea:active,\n .simple_form textarea:focus {\n border-color: @accent-Color !important;\n background: @mantle !important;\n color: @text !important;\n }\n\n .table > thead > tr > th {\n border-color: @accent-Color !important;\n }\n\n .batch-table__toolbar,\n .table > thead > tr > th {\n background: @surface0 !important;\n color: @text !important;\n }\n\n .simple_form input[type=datetime-local]:hover,\n .simple_form input[type=email]:hover,\n .simple_form input[type=number]:hover,\n .simple_form input[type=password]:hover,\n .simple_form input[type=text]:hover,\n .simple_form input[type=url]:hover,\n .simple_form textarea:hover {\n background: @mantle !important;\n border-color: @accent-Color !important;\n transition: 0.4s;\n }\n\n .batch-table__row {\n background: @surface1;\n }\n\n .batch-table__row:hover,\n .batch-table__row:nth-child(2n):hover {\n background: @surface2;\n }\n\n .batch-table__row:nth-child(2n),\n .table > tbody > tr > td {\n background: @surface0;\n }\n\n .table > thead > tr > th {\n border-bottom: 2px solid @surface0;\n }\n\n .positive-hint {\n color: @green !important;\n }\n\n .card__bar {\n background: @surface0;\n }\n }\n}", + "sourceCode": "/* ==UserStyle==\n@name Mastodon Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/mastodon\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/mastodon\n@version 1.1.10\n@description Soothing pastel theme for Mastodon\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/mastodon/catppuccin.user.css\n@license \t\t MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"mstdn.social\"),\ndomain(\"fosstodon.org\"),\ndomain(\"tech.lgbt\"),\ndomain(\"mastodon.social\"),\ndomain(\"piaille.fr\") {\n .theme-mastodon-light,\n .skin-mastodon-light {\n #mastodon(@lightFlavor, @accentColor);\n }\n\n .theme-contrast,\n .skin-contrast {\n #mastodon(@darkFlavor, @accentColor);\n }\n\n @media (prefers-color-scheme: light) {\n .theme-default,\n .skin-default {\n #mastodon(@lightFlavor, @accentColor);\n }\n }\n\n @media (prefers-color-scheme: dark) {\n .theme-default,\n .skin-default {\n #mastodon(@darkFlavor, @accentColor);\n }\n }\n\n #mastodon(@lookup, @accent) {\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n };\n\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n &,\n .tabs-bar__wrapper,\n .admin-wrapper .sidebar-wrapper__inner,\n .ui__header {\n background: @crust;\n color: @text;\n }\n\n .ui__header {\n border-bottom: none;\n }\n\n .navigation-panel,\n .column-link {\n background: transparent;\n }\n\n .account__header__bio .account__header__fields dt {\n background: transparent;\n }\n\n .search-popout,\n .search-popout em,\n .dismissable-banner__message,\n .dismissable-banner__message h1,\n .account__header__bio .account__header__fields dt,\n .account__section-headline a.active,\n .account__section-headline button.active,\n .notification__filter-bar a.active,\n .notification__filter-bar button.active,\n .account__header__bio .account__header__content,\n .navigation-bar,\n .column-link__badge,\n .column-subheading,\n .account__display-name strong,\n .status__display-name strong,\n .notification__message,\n .public-layout .public-account-bio .account__header__content,\n .reply-indicator__content,\n .status__content,\n .card__bar .display-name strong {\n color: @text;\n }\n\n .search-popout span,\n .link-footer p,\n .link-footer p a {\n color: @subtext1;\n }\n\n .account__header__tabs__name h1 small,\n .account__header__bio .account__header__fields dd,\n .display-name__account,\n .status__relative-time,\n .empty-column-indicator,\n .follow_requests-unlocked_explanation,\n .account .account__display-name,\n .label_input .search__input,\n .search__input:focus,\n .account__header__fields dt {\n color: @subtext0;\n }\n\n .compose-panel hr,\n .navigation-panel hr {\n border-top-color: @subtext0;\n }\n\n .trends__item,\n .status,\n .getting-started__trends h4,\n .trends__item__name span,\n .story {\n border-color: @surface0;\n }\n\n .mention,\n .account__header__tabs__name h1,\n .account__header__content a,\n .account__header__bio .account__header__fields a,\n .empty-column-indicator a,\n .follow_requests-unlocked_explanation a,\n .column-back-button,\n .icon-button.inverted,\n .text-icon-button,\n .icon-button.active,\n .public-layout .public-account-bio .account__header__fields a,\n .column-header__back-button,\n .navigation-bar strong,\n .reply-indicator__content a.unhandled-link,\n .status__content a.unhandled-link,\n .announcements__item__content a.unhandled-link,\n .reactions-bar__item.active .reactions-bar__item__count,\n .column-header.active .column-header__icon {\n color: @accent-color;\n }\n\n .conversation__unread,\n .react-toggle--checked .react-toggle-track,\n .react-toggle--checked:hover .react-toggle-track,\n .pillbar-button:not([disabled]).active,\n .pillbar-button:not([disabled]).active:focus,\n .pillbar-button:not([disabled]).active:hover,\n .radio-button__input.checked {\n background-color: @accent-color;\n }\n\n .reactions-bar__item.active {\n background-color: rgba(@accent-color, 0.25);\n }\n\n .trends__item__sparkline path:last-child {\n stroke: @accent-color !important;\n }\n .trends__item__sparkline path:first-child {\n fill: rgba(@accent-color, 0.25) !important;\n }\n\n .icon-button,\n .notification__message .fa {\n color: @surface2;\n }\n\n .icon-button:active,\n .icon-button:focus,\n .icon-button:hover,\n .text-icon-button:active,\n .text-icon-button:focus,\n .text-icon-button:hover,\n .icon-button.inverted:active,\n .icon-button.inverted:focus,\n .icon-button.inverted:hover,\n .public-layout .public-account-bio .account__header__fields a:hover {\n color: @accent-color;\n }\n\n .column-header,\n .column-header__button,\n .column-header__back-button,\n .column-back-button,\n .drawer__header,\n .notification__filter-bar,\n .account__section-headline button,\n .notification__filter-bar button,\n .account__header,\n .search__input,\n .search__input:focus,\n .column-link__badge,\n .column-subheading,\n .public-layout .header,\n .public-layout .public-account-header__bar::before,\n .account__header__fields,\n .account__header__fields dt,\n .account__header__fields\n dd:not(.account__header__bio .account__header__fields dd),\n .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected,\n .explore__search-header,\n .column-inline-form,\n .follow_requests-unlocked_explanation,\n .conversation--unread,\n .column-header__collapsible-inner,\n .announcements,\n .status-card__image {\n border-color: @crust;\n background: @surface0;\n }\n\n .account__section-headline {\n background: @mantle;\n border-color: @crust;\n }\n\n .focusable:focus {\n background: unset;\n }\n\n .admin-wrapper .sidebar ul a:hover,\n .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover,\n .detailed-status,\n .detailed-status__action-bar {\n background: @surface0;\n }\n\n .detailed-status__wrapper > div:first-child .detailed-status {\n border-top: none;\n }\n\n .dismissable-banner {\n border-color: @surface1;\n background: @base;\n }\n\n .column-header__wrapper.active {\n box-shadow: 0 1px 0 rgba(@accent-color, 0.3);\n }\n .column-header__wrapper.active::before {\n background: radial-gradient(\n ellipse,\n rgba(@accent-color, 0.23) 0,\n rgba(99, 100, 255, 0) 60%\n );\n }\n\n .theme-mastodon-light .account__header__bar,\n .theme-mastodon-light .column-header__back-button,\n .account__header__bio .account__header__fields dl,\n .account__header__bio .account__header__fields,\n .empty-column-indicator,\n .column > .scrollable,\n .nothing-here,\n .public-layout .public-account-bio,\n .hero-widget__text,\n &.admin,\n .admin-wrapper .sidebar ul a.selected,\n .admin-wrapper .sidebar ul ul {\n border-color: @mantle;\n background: @base;\n }\n\n .public-layout .public-account-header__tabs__tabs .counter::after,\n .public-layout .public-account-header__tabs__tabs .counter.active::after,\n .react-toggle--checked .react-toggle-thumb,\n .radio-button__input.checked,\n .account__action-bar__tab.active {\n border-color: @accent-color;\n }\n\n .account,\n .load-gap {\n border-color: @mantle;\n }\n\n .account__section-headline a.active::after {\n border-color: transparent transparent @base;\n }\n\n .account__section-headline a.active::before,\n .account__section-headline button.active::after,\n .account__section-headline button.active::before,\n .notification__filter-bar a.active::after,\n .notification__filter-bar a.active::before,\n .notification__filter-bar button.active::after,\n .notification__filter-bar button.active::before {\n border-color: transparent transparent @mantle;\n }\n\n .search-popout,\n .drawer__header a:hover,\n .column-header__button:hover,\n .account__section-headline button:hover,\n .notification__filter-bar button:hover,\n .account__section-headline a:hover {\n background: @surface2;\n }\n\n .column-link .active,\n .column-link--transparent.active,\n .column-link--transparent:focus,\n .column-link:focus {\n color: @accent-color;\n }\n\n .column-link--transparent:hover,\n .column-link:hover {\n color: @accent-color;\n }\n\n .status.collapsed .status__content:after {\n background: linear-gradient(fadeout(@base, 100), @base);\n }\n\n .button.button-tertiary:focus,\n .button.button-tertiary:hover,\n .button.button-tertiary:active {\n color: @base;\n }\n\n .button.button-tertiary {\n border-color: @accent-color;\n }\n\n .button,\n .button.button-tertiary,\n .button.logo-button,\n .icon-with-badge__badge {\n background: @accent-color;\n color: @base;\n }\n\n .button.logo-button svg {\n fill: currentColor;\n }\n\n .public-layout .header .nav-button {\n background-color: @surface1;\n }\n\n .public-layout .header .nav-button:hover {\n background-color: @surface2;\n }\n\n .button.button-secondary {\n background-color: transparent;\n color: @text;\n border-color: @accent-color;\n }\n .button.button-secondary:active,\n .button.button-secondary:focus,\n .button.button-secondary:hover {\n border-color: @accent-color;\n color: @base;\n transition: 0.2s;\n }\n\n .button:active,\n .button:focus,\n .button:hover,\n .button.button-tertiary:active,\n .button.button-tertiary:focus,\n .button.button-tertiary:hover,\n .button.logo-button:active,\n .button.logo-button:focus,\n .button.logo-button:hover {\n background: @accent-color;\n }\n\n .drawer__inner,\n .drawer__inner__mastodon,\n .explore__search-header .search__input {\n background-color: @base;\n }\n\n .compose-form .compose-form__modifiers,\n .compose-form .autosuggest-textarea__textarea,\n .compose-form .compose-form__autosuggest-wrapper,\n .compose-form .spoiler-input__input {\n background: @surface1 !important;\n color: @text !important;\n }\n\n .compose-form .autosuggest-textarea__textarea::placeholder {\n color: @subtext0 !important;\n }\n\n .compose-form .compose-form__buttons-wrapper {\n background: @surface0;\n }\n\n .load-more:hover {\n background-color: @mantle;\n }\n\n .character-counter {\n color: @subtext0;\n }\n\n .public-layout .header,\n .hero-widget,\n .public-layout .public-account-header,\n .public-layout .public-account-bio,\n .nothing-here {\n box-shadow: none;\n }\n\n .search__popout,\n .dropdown-menu__arrow:before,\n .dropdown-menu__item a,\n .dropdown-menu__item button,\n .dropdown-menu__container__list,\n .dropdown-menu.bottom {\n background: @surface0;\n color: @text;\n }\n\n .dropdown-menu__item a:hover,\n .dropdown-menu__item button:hover {\n background: @surface1;\n }\n\n .input-copy,\n .simple_form input[type=\"text\"],\n .simple_form textarea,\n .simple_form .block-button,\n .simple_form .button,\n .simple_form button {\n background: @mantle;\n color: @text;\n }\n\n .simple_form .block-button:hover,\n .simple_form .button:hover,\n .simple_form button:hover {\n background: @surface0;\n }\n\n .simple_form .input.with_label .label_input > label,\n .simple_form select,\n .accounts-table__count,\n .simple_form textarea {\n color: @text;\n }\n\n .simple_form textarea,\n .simple_form input[type=\"password\"],\n .simple_form input[type=\"number\"],\n .simple_form input[type=\"text\"] {\n border: 1px solid @crust;\n }\n\n .simple_form input[type=\"email\"]:required:valid {\n border: 1px solid @green;\n }\n\n .simple_form input[type=\"password\"],\n .simple_form input[type=\"number\"],\n .simple_form input[type=\"email\"]:required:valid,\n .simple_form\n input[type=\"password\"]:required:invalid:not(:placeholder-shown) {\n color: @text;\n background: @mantle;\n }\n\n .simple_form\n input[type=\"password\"]:required:invalid:not(:placeholder-shown) {\n border: 1px solid @red;\n }\n\n .simple_form select {\n background: @mantle\n url(\"data:image/svg+xml;utf8,\")\n no-repeat right 8px center/auto 16px;\n border: 1px solid @crust;\n }\n\n .simple_form input[type=\"datetime-local\"]:active,\n .simple_form input[type=\"datetime-local\"]:focus,\n .simple_form input[type=\"email\"]:active,\n .simple_form input[type=\"email\"]:focus,\n .simple_form input[type=\"number\"]:active,\n .simple_form input[type=\"number\"]:focus,\n .simple_form input[type=\"password\"]:active,\n .simple_form input[type=\"password\"]:focus,\n .simple_form input[type=\"text\"]:active,\n .simple_form input[type=\"text\"]:focus,\n .simple_form input[type=\"url\"]:active,\n .simple_form input[type=\"url\"]:focus,\n .simple_form textarea:active,\n .simple_form textarea:focus {\n border-color: @accent-color !important;\n background: @mantle !important;\n color: @text !important;\n }\n\n .table > thead > tr > th,\n .setting-text:active,\n .setting-text:focus {\n border-color: @accent-color !important;\n }\n\n .batch-table__toolbar,\n .table > thead > tr > th {\n background: @surface0 !important;\n color: @text !important;\n }\n\n .simple_form input[type=\"datetime-local\"]:hover,\n .simple_form input[type=\"email\"]:hover,\n .simple_form input[type=\"number\"]:hover,\n .simple_form input[type=\"password\"]:hover,\n .simple_form input[type=\"text\"]:hover,\n .simple_form input[type=\"url\"]:hover,\n .simple_form textarea:hover {\n background: @mantle !important;\n border-color: @accent-color !important;\n transition: 0.4s;\n }\n\n .batch-table__row {\n background: @surface1;\n }\n\n .batch-table__row:hover,\n .batch-table__row:nth-child(2n):hover {\n background: @surface2;\n }\n\n .batch-table__row:nth-child(2n),\n .table > tbody > tr > td {\n background: @surface0;\n }\n\n .table > thead > tr > th {\n border-bottom: 2px solid @surface0;\n }\n\n .positive-hint {\n color: @green !important;\n }\n\n .card__bar {\n background: @surface0;\n }\n }\n}\n", "usercssData": { "name": "Mastodon Catppuccin", "namespace": "github.com/catppuccin/userstyles/styles/mastodon", "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/mastodon", - "version": "1.1.4", + "version": "1.1.10", "description": "Soothing pastel theme for Mastodon", "author": "Catppuccin", - "updateURL": "https://github.com/catppuccin/userstyles/raw/main/mastodon/catppuccin.user.css", + "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/mastodon/catppuccin.user.css", "license": "MIT", "preprocessor": "less", "vars": { @@ -2591,10 +2219,11 @@ "author": "Catppuccin", "description": "Soothing pastel theme for Mastodon", "name": "Mastodon Catppuccin", - "originalDigest": "d57d81002dc58710ce4e7b756fcdf02331ac8341", + "originalDigest": "42ba6fb65c829e987f88c81ba4078b8ea84f11da", "_id": "eb3d55a7-02ee-496f-9f86-251cdae6038a", - "_rev": 1690106137364, - "id": 50 + "_rev": 1696719560558, + "id": 50, + "etag": "W/\"468d68d357d8165c0033ee420c6e54f2efd9aaba237a6289d1c789e4792de542\"" }, { "enabled": true, @@ -2606,12 +2235,12 @@ "code": "" } ], - "sourceCode": "/* ==UserStyle==\n@name Tutanota Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/tutanota\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/tutanota\n@version 0.0.3\n@description Soothing pastel theme for Tutanota\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/tutanota/catppuccin.user.css\n@license\t\tMIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"mail.tutanota.com\") {\n\n :root {\n #catppuccin(@flavor, @accentColor);\n }\n\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n }\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n }\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n }\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n }\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-Color: @catppuccin[@@lookup][@@accent];\n\n body,\n drawer-menu,\n .list-bg {\n background-color: @base !important;\n color: @text;\n }\n\n .list-row {\n background-color: @base;\n }\n .odd-row {\n background-color: @surface0;\n }\n\n .header-nav {\n background-color: @base;\n box-shadow: 0 2px 4px 0 @surface0;\n }\n\n .elevated-bg,\n .folder-column,\n div[aria-modal] {\n background-color: @surface0 !important;\n }\n\n .dropdown-button,\n .dropdown-button div {\n color: @text !important;\n }\n .dropdown-button:hover {\n background-color: @surface1 !important;\n }\n\n .row-selected {\n border-color: @accent !important;\n color: @accent !important;\n }\n .row-selected > .nav-button {\n color: @accent !important;\n }\n .row-selected > .nav-button > .icon {\n fill: @accent !important;\n }\n\n .secondary {\n color: @accent !important;\n }\n\n .nav-button,\n .sidebar-section.mb {\n color: @subtext0 !important;\n }\n .icon.icon-large,\n .nav-button .icon {\n fill: @subtext0 !important;\n }\n\n [style*=\"0\"][style*=\"210\"][style*=\"167\"] {\n color: @accent !important;\n fill: @accent !important;\n border-color: @accent !important;\n }\n\n :is([style*=\"color\"], [style*=\"fill\"])[style*=\"78\"] {\n color: @subtext1 !important;\n fill: @subtext1 !important;\n }\n\n button.expander {\n color: @subtext0 !important;\n }\n\n div > div.header-nav.overflow-hidden.flex.items-end.flex-center > div.header-left.pl-l.ml-negative-s.flex-start.items-center > div > svg > path {\n fill: @accent !important;\n }\n\n ::-webkit-scrollbar-thumb {\n background-color: @surface1;\n }\n }\n}", + "sourceCode": "/* ==UserStyle==\n@name Tutanota Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/tutanota\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/tutanota\n@version 0.0.4\n@description Soothing pastel theme for Tutanota\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/tutanota/catppuccin.user.css\n@license\t\tMIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentSelect \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@-moz-document domain(\"mail.tutanota.com\") {\n :root {\n #catppuccin(@flavor, @accentSelect);\n }\n\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n };\n\n #catppuccin(@lookup, @accentSelect) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent: @catppuccin[@@lookup][@@accentSelect];\n\n body,\n drawer-menu,\n .list-bg {\n background-color: @mantle !important;\n color: @text;\n }\n\n .list-row {\n background-color: @base;\n }\n .odd-row {\n background-color: @surface0;\n }\n\n .header-nav {\n background-color: @base;\n }\n\n .elevated-bg,\n .folder-column,\n div[aria-modal] {\n background-color: @base !important;\n }\n\n .dropdown-button,\n .dropdown-button div {\n color: @text !important;\n }\n .dropdown-button:hover {\n background-color: @surface1 !important;\n }\n\n .row-selected {\n border-color: @accent !important;\n color: @accent !important;\n }\n .row-selected > .nav-button {\n color: @accent !important;\n }\n .row-selected > .nav-button > .icon {\n fill: @accent !important;\n }\n\n .secondary {\n color: @accent !important;\n }\n\n .nav-button,\n .sidebar-section.mb {\n color: @subtext0 !important;\n }\n .icon.icon-large,\n .nav-button .icon {\n fill: @subtext0 !important;\n }\n\n .bubble {\n background-color: @base;\n color: @text;\n }\n\n :where(.mouse-nav) .state-bg:hover,\n :where(.keyboard-nav) .state-bg:hover,\n [style*=\"background: rgba(139, 139, 139, 0.22)\"] {\n background-color: @surface0 !important;\n }\n\n .nav-bg,\n .content-bg,\n [style*=\"background-color: rgb(35, 35, 35)\"] {\n background-color: @base !important;\n }\n [style*=\"background-color: rgb(17, 17, 17);\"] {\n background-color: @mantle !important;\n }\n [style*=\"background-color: rgba(139, 139, 139, 0.22);\"] {\n background-color: @surface0 !important;\n }\n [style*=\"background-color: rgba(139, 139, 139, 0.38);\"] {\n background-color: @surface1 !important;\n }\n\n [style*=\"color: rgb(221, 221, 221);\"] {\n color: @text !important;\n }\n\n [style*=\"color: rgb(174, 174, 174);\"] {\n color: @subtext1 !important;\n }\n\n .teamLabel {\n background-color: @accent;\n color: @mantle;\n }\n\n [style*=\"border: 2px solid rgb(0, 210, 167);\"] {\n border-color: @accent !important;\n }\n [style*=\"color: rgb(0, 210, 167);\"] {\n color: @accent !important;\n }\n\n button.expander {\n color: @subtext0 !important;\n }\n\n .logo-height > svg:nth-child(1) > path:nth-child(2) {\n fill: @accent !important;\n }\n\n ::-webkit-scrollbar-thumb {\n background-color: @surface1;\n }\n }\n}\n", "usercssData": { "name": "Tutanota Catppuccin", "namespace": "github.com/catppuccin/userstyles/styles/tutanota", "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/tutanota", - "version": "0.0.3", + "version": "0.0.4", "description": "Soothing pastel theme for Tutanota", "author": "Catppuccin", "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/tutanota/catppuccin.user.css", @@ -2647,11 +2276,11 @@ } ] }, - "accentColor": { + "accentSelect": { "type": "select", "label": "Accent", - "name": "accentColor", - "value": "lavender", + "name": "accentSelect", + "value": null, "default": "red", "options": [ { @@ -2736,185 +2365,12 @@ "author": "Catppuccin", "description": "Soothing pastel theme for Tutanota", "name": "Tutanota Catppuccin", - "originalDigest": "102d25f89e8f487922595765c4732522a7c4db63", + "originalDigest": "f574cdc8ec7f3cd424c236bda8b60fe3c699b6ea", "_id": "e736e6c6-f6a3-41e8-8ae1-5679d7f12fdf", - "_rev": 1690106145382, + "_rev": 1694725451125, "id": 51, - "etag": "W/\"38684a7386470b81bbb2f96cfacf1232acc5a6ef5914d5dc171e7082ac5848dd\"" - }, - { - "enabled": true, - "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/modrinth/catppuccin.user.css", - "url": "https://github.com/catppuccin/userstyles/tree/main/styles/modrinth", - "installDate": 1690106163895, - "sections": [ - { - "code": "" - } - ], - "sourceCode": "/* ==UserStyle==\n@name Modrinth Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/modrinth\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/modrinth\n@version 1.1.1\n@description Soothing pastel theme for Modrinth\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/modrinth/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n @-moz-document regexp(\".*https:\\\\/\\\\/modrinth\\\\.com.*\") {\n\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n @shadow: #dbdfef;\n }\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n @shadow: #010409;\n }\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n @shadow: #010409;\n }\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n @shadow: #010409;\n }\n }\n\n .light-mode {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n .dark-mode, .oled-mode {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @shadow: @catppuccin[@@lookup][@shadow];\n @accent-Color: @catppuccin[@@lookup][@@accent];\n\n & {\n --color-bg: @crust;\n --color-ad-raised: @surface2;\n --color-ad: @surface1;\n --color-brand-green: @accent-Color;\n --color-button-bg-active: @overlay0;\n --color-button-bg-hover: @surface2;\n --color-button-bg: @surface1;\n --color-button-text-hover: @text;\n --color-button-text: @subtext1;\n --color-divider: @surface0;\n --color-heading: @yellow;\n --color-icon: @text;\n --color-link-active: @teal;\n --color-link-hover: @sky;\n --color-link: @sapphire;\n --color-raised-bg: @base;\n --color-special-blue: @sapphire;\n --color-special-orange: @peach;\n --color-special-purple: @mauve;\n --color-special-red: @red;\n --color-text: @subtext1;\n --color-text-inactive: @overlay1;\n --color-brand-inverted: @shadow;\n --color-text-dark: @text;\n --color-table-alternate-row: @crust;\n --color-table-border: @overlay0;\n }\n }\n }\n", - "usercssData": { - "name": "Modrinth Catppuccin", - "namespace": "github.com/catppuccin/userstyles/styles/modrinth", - "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/modrinth", - "version": "1.1.1", - "description": "Soothing pastel theme for Modrinth", - "author": "Catppuccin", - "updateURL": "https://github.com/catppuccin/userstyles/raw/main/modrinth/catppuccin.user.css", - "license": "MIT", - "preprocessor": "less", - "vars": { - "lightFlavor": { - "type": "select", - "label": "Light Flavor", - "name": "lightFlavor", - "value": "macchiato", - "default": "latte", - "options": [ - { - "name": "latte", - "label": "Latte", - "value": "latte" - }, - { - "name": "frappe", - "label": "Frappe", - "value": "frappe" - }, - { - "name": "macchiato", - "label": "Macchiato", - "value": "macchiato" - }, - { - "name": "mocha", - "label": "Mocha", - "value": "mocha" - } - ] - }, - "darkFlavor": { - "type": "select", - "label": "Dark Flavor", - "name": "darkFlavor", - "value": "macchiato", - "default": "mocha", - "options": [ - { - "name": "latte", - "label": "Latte", - "value": "latte" - }, - { - "name": "frappe", - "label": "Frappe", - "value": "frappe" - }, - { - "name": "macchiato", - "label": "Macchiato", - "value": "macchiato" - }, - { - "name": "mocha", - "label": "Mocha", - "value": "mocha" - } - ] - }, - "accentColor": { - "type": "select", - "label": "Accent", - "name": "accentColor", - "value": "lavender", - "default": "red", - "options": [ - { - "name": "rosewater", - "label": "Rosewater", - "value": "rosewater" - }, - { - "name": "flamingo", - "label": "Flamingo", - "value": "flamingo" - }, - { - "name": "pink", - "label": "Pink", - "value": "pink" - }, - { - "name": "mauve", - "label": "Mauve", - "value": "mauve" - }, - { - "name": "red", - "label": "Red", - "value": "red" - }, - { - "name": "maroon", - "label": "Maroon", - "value": "maroon" - }, - { - "name": "peach", - "label": "Peach", - "value": "peach" - }, - { - "name": "yellow", - "label": "Yellow", - "value": "yellow" - }, - { - "name": "green", - "label": "Green", - "value": "green" - }, - { - "name": "teal", - "label": "Teal", - "value": "teal" - }, - { - "name": "blue", - "label": "Blue", - "value": "blue" - }, - { - "name": "sapphire", - "label": "Sapphire", - "value": "sapphire" - }, - { - "name": "sky", - "label": "Sky", - "value": "sky" - }, - { - "name": "lavender", - "label": "Lavender", - "value": "lavender" - }, - { - "name": "subtext0", - "label": "Gray", - "value": "subtext0" - } - ] - } - } - }, - "author": "Catppuccin", - "description": "Soothing pastel theme for Modrinth", - "name": "Modrinth Catppuccin", - "originalDigest": "931a4fb46ef78290596e43b8f24399baacf87c40", - "_id": "a2d33a9e-757b-4c92-b61d-672dbb6a352d", - "_rev": 1690106163895, - "id": 52 + "etag": "W/\"453f1ce0e77f89bbd8c561193edbaa6f6b97c325fe366754ac22fec7ec3a8022\"", + "updateDate": 1694725451117 }, { "enabled": true, @@ -3185,12 +2641,12 @@ "code": "" } ], - "sourceCode": "/* ==UserStyle==\n@name YouTube Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/youtube\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/youtube\n@version 3.0.9\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css\n@description Soothing pastel theme for YouTube\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n@var checkbox logo \"Logo\" 0\n@var checkbox oledOn \"Enable black bars\" 0\n==/UserStyle== */\n@-moz-document regexp('https?:\\\\/\\\\/(?!gaming\\\\.)(?!consent\\\\.)(?!vr\\\\.)(?!music\\\\.)(?!tv\\\\.)(?!artists\\\\.)(?!studio\\\\.).*youtube(?!kids\\\\.).*\\\\.com\\\\/(?!premium|howyoutubeworks).*$') {\n /* youtube.com */\n :root[dark] {\n #catppuccin(@darkFlavor, @accentColor);\n #oled(@oledOn);\n #logo(@logo);\n }\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n #oled(@oledOn);\n #logo(@logo);\n }\n\n /* for oled monitors */\n #oled(@oled) when (@oled =0) {\n #ytd-player #container {\n background: @base !important;\n }\n }\n\n #logo(@logo) {\n ytd-topbar-logo-renderer.style-scope a svg > g,\n svg.ytd-consent-bump-v2-lightbox > g:nth-child(1) {\n path[fill=\"#FF0000\"] {\n fill: @accent-Color !important;\n }\n path[fill=\"white\"] {\n fill: @base !important;\n }\n }\n & when (@logo =1) {\n ytd-topbar-logo-renderer,\n svg.ytd-consent-bump-v2-lightbox {\n display: none;\n }\n }\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-Color: @catppuccin[@@lookup][@@accent];\n\n /* apply everywhere */\n &,\n [dark],\n html,\n html[system-icons][dark],\n html[system-icons] [dark],\n html[darker-dark-theme][dark],\n [darker-dark-theme] [dark] {\n --yt-spec-white-1: @text !important;\n --yt-spec-white-2: @subtext0 !important;\n --yt-spec-white-3: @subtext1 !important;\n --yt-spec-white-4: darken(@subtext1, 5%) !important;\n --yt-spec-black-1: @overlay1 !important;\n --yt-spec-black-2: @overlay0 !important;\n --yt-spec-black-3: @surface2 !important;\n --yt-spec-black-4: @surface1 !important;\n --yt-spec-black-pure: @surface0 !important;\n --yt-spec-grey-1: @text !important;\n --yt-spec-grey-2: @subtext0 !important;\n --yt-spec-grey-3: @subtext1 !important;\n --yt-spec-grey-4: @overlay2 !important;\n --yt-spec-grey-5: @overlay1 !important;\n --yt-brand-youtube-red: @accent-Color !important;\n --yt-brand-medium-red: @accent-Color !important;\n --yt-brand-light-red: @accent-Color !important;\n --yt-spec-red-30: @peach !important;\n --yt-spec-red-70: @red !important;\n --yt-spec-pale-blue: @sky !important;\n --yt-spec-light-blue: @sky !important;\n --yt-spec-dark-blue: @sapphire !important;\n --yt-spec-navy-blue: @teal !important;\n --yt-spec-light-green: @green !important;\n --yt-spec-dark-green: @green !important;\n --yt-spec-yellow: @peach !important;\n --yt-spec-black-pure-alpha-5: fadeout(@crust, 0.05) !important;\n --yt-spec-black-pure-alpha-10: fadeout(@crust, 0.1) !important;\n --yt-spec-black-pure-alpha-15: fadeout(@crust, 0.15) !important;\n --yt-spec-black-pure-alpha-30: fadeout(@crust, 0.3) !important;\n --yt-spec-black-pure-alpha-60: fadeout(@crust, 0.6) !important;\n --yt-spec-black-pure-alpha-80: fadeout(@crust, 0.8) !important;\n --yt-spec-black-1-alpha-98: fadeout(@crust, 0.98) !important;\n --yt-spec-black-1-alpha-95: fadeout(@crust, 0.95) !important;\n --yt-spec-white-1-alpha-10: fadeout(@text, 0.1) !important;\n --yt-spec-white-1-alpha-20: fadeout(@text, 0.2) !important;\n --yt-spec-white-1-alpha-25: fadeout(@text, 0.25) !important;\n --yt-spec-white-1-alpha-30: fadeout(@text, 0.3) !important;\n --yt-spec-white-1-alpha-70: fadeout(@text, 0.7) !important;\n --yt-spec-white-1-alpha-95: fadeout(@text, 0.95) !important;\n --yt-spec-white-1-alpha-98: fadeout(@text, 0.98) !important;\n --yt-brand-medium-red-alpha-90: fadeout(@accent-Color, 0.9) !important;\n --yt-brand-medium-red-alpha-30: fadeout(@accent-Color, 0.3) !important;\n --yt-brand-light-red-alpha-30: fadeout(@accent-Color, 0.3) !important;\n --yt-spec-light-blue-alpha-30: fadeout(@sapphire, 0.3) !important;\n --yt-spec-dark-blue-alpha-30: fadeout(@sapphire, 0.3) !important;\n\n --yt-spec-base-background: @base !important;\n --yt-spec-raised-background: @mantle !important;\n --yt-spec-menu-background: @mantle !important;\n --yt-spec-inverted-background: @text !important;\n --yt-spec-additive-background: fadeout(@surface0, 0.1) !important;\n --yt-spec-outline: @surface0 !important;\n --yt-spec-shadow: fadeout(@crust, 0.25) !important;\n --yt-spec-text-primary: @text !important;\n --yt-spec-text-secondary: @subtext0 !important;\n --yt-spec-text-disabled: @subtext1 !important;\n --yt-spec-text-primary-inverse: @crust !important;\n --yt-spec-call-to-action: @accent-Color !important;\n --yt-spec-call-to-action-inverse: @accent-Color !important;\n --yt-spec-suggested-action: @surface1 !important;\n --yt-spec-suggested-action-inverse: @text !important;\n --yt-spec-icon-active-other: @overlay0 !important;\n --yt-spec-icon-inactive: @overlay1 !important;\n --yt-spec-icon-disabled: @overlay2 !important;\n --yt-spec-button-chip-background-hover: @surface1 !important;\n --yt-spec-touch-response: @surface0 !important;\n\n --yt-spec-touch-response-inverse: @accent-Color !important;\n --yt-spec-brand-icon-active: @accent-Color !important;\n --yt-spec-brand-icon-inactive: @overlay1 !important;\n --yt-spec-brand-button-background: @accent-Color !important;\n --yt-spec-brand-link-text: @sapphire !important;\n --yt-spec-wordmark-text: @text !important;\n --yt-spec-error-indicator: @red !important;\n --yt-spec-themed-blue: @sky !important;\n --yt-spec-themed-green: @green !important;\n --yt-spec-ad-indicator: @teal !important;\n --yt-spec-themed-overlay-background: fadeout(@crust, 0.8) !important;\n --yt-spec-commerce-badge-background: @green !important;\n --yt-spec-static-brand-red: @accent-Color !important;\n --yt-spec-static-brand-white: @text !important;\n --yt-spec-static-brand-black: @base !important;\n --yt-spec-static-clear-color: fadeout(@crust, 0) !important;\n --yt-spec-static-clear-black: fadeout(@crust, 0) !important;\n --yt-spec-static-ad-yellow: @peach !important;\n --yt-spec-static-grey: @subtext0 !important;\n --yt-spec-static-overlay-background-solid: @crust !important;\n --yt-spec-static-overlay-background-heavy: @surface0 !important;\n --yt-spec-static-overlay-background-medium: fadeout(\n @crust,\n 0.6\n ) !important;\n --yt-spec-static-overlay-background-medium-light: fadeout(\n @crust,\n 0.3\n ) !important;\n --yt-spec-static-overlay-background-light: fadeout(\n @crust,\n 0.1\n ) !important;\n --yt-spec-static-overlay-text-primary: @text !important;\n --yt-spec-static-overlay-text-secondary: fadeout(\n @subtext0,\n 0.7\n ) !important;\n --yt-spec-static-overlay-text-disabled: fadeout(\n @subtext0,\n 0.3\n ) !important;\n --yt-spec-static-overlay-call-to-action: @accent-Color !important;\n --yt-spec-static-overlay-icon-active-other: @text !important;\n --yt-spec-static-overlay-icon-inactive: @surface1 !important;\n --yt-spec-static-overlay-icon-disabled: @surface2 !important;\n --yt-spec-static-overlay-button-primary: @accent-Color !important;\n --yt-spec-static-overlay-button-secondary: @surface0 !important;\n --yt-spec-static-overlay-touch-response: @overlay1 !important;\n --yt-spec-static-overlay-touch-response-inverse: @surface1 !important;\n --yt-spec-static-overlay-background-brand: @accent-Color !important;\n --yt-spec-assistive-feed-themed-gradient-1: @subtext0 !important;\n --yt-spec-assistive-feed-themed-gradient-2: @lavender !important;\n --yt-spec-assistive-feed-themed-gradient-3: @red !important;\n --yt-spec-brand-background-solid: @base !important;\n --yt-spec-brand-background-primary: @surface0 !important;\n --yt-spec-brand-background-secondary: @mantle !important;\n --yt-spec-general-background-a: @base !important;\n --yt-spec-general-background-b: @mantle !important;\n --yt-spec-general-background-c: @crust !important;\n --yt-spec-error-background: @base !important;\n --yt-spec-10-percent-layer: @surface0 !important;\n --yt-spec-snackbar-background: @mantle !important;\n --yt-spec-snackbar-background-updated: @mantle !important;\n --yt-spec-badge-chip-background: @surface0 !important;\n --yt-spec-verified-badge-background: @overlay0 !important;\n --yt-spec-call-to-action-fadeoutd: fadeout(@sapphire, 0.3) !important;\n --yt-spec-call-to-action-hover: @accent-Color !importantr;\n --yt-spec-brand-button-background-hover: @accent-Color !important;\n --yt-spec-brand-link-text-fadeoutd: fadeout(\n @accent-Color,\n 0.3\n ) !important;\n --yt-spec-filled-button-focus-outline: @surface0 !important;\n --yt-spec-static-overlay-button-hover: @surface1 !important;\n --yt-spec-mono-filled-hover: @surface1 !important;\n --yt-spec-commerce-filled-hover: @accent-Color !important;\n --yt-spec-mono-tonal-hover: @surface1 !important;\n --yt-spec-commerce-tonal-hover: @surface2 !important;\n --yt-spec-static-overlay-filled-hover: @overlay1 !important;\n --yt-spec-static-overlay-tonal-hover: @surface1 !important;\n --yt-spec-paper-tab-ink: fadeout(@text, 0.3);\n --yt-spec-filled-button-text: @text !important;\n --yt-spec-selected-nav-text: @text !important;\n --iron-icon-fill-color: @text !important;\n\n /* Search bar */\n --ytd-searchbox-border-color: @surface0 !important;\n --ytd-searchbox-legacy-border-color: @surface0 !important;\n --ytd-searchbox-legacy-border-shadow-color: fadeout(@crust, 0) !important;\n --ytd-searchbox-legacy-button-color: @mantle !important;\n --ytd-searchbox-legacy-button-border-color: @surface0 !important;\n --ytd-searchbox-legacy-button-focus-color: @accent-Color !important;\n --ytd-searchbox-legacy-button-hover-color: @mantle !important;\n --ytd-searchbox-legacy-button-hover-border-color: @surface0 !important;\n --ytd-searchbox-legacy-button-icon-color: @accent-Color !important;\n --ytd-searchbox-background: @base !important;\n --ytd-searchbox-text-color: @text !important;\n\n /* System icons */\n --yt-spec-icon-inactive: @overlay0 !important;\n --yt-spec-icon-disabled: @overlay1 !important;\n --yt-spec-brand-icon-inactive: @overlay2 !important;\n\n /* Yt video Page */\n --yt-live-chat-background-color: @base !important;\n --yt-live-chat-action-panel-background-color: @base !important;\n --yt-live-chat-action-panel-background-color-transparent: @base !important;\n --yt-live-chat-secondary-background-color: @surface1;\n --yt-live-chat-banner-gradient-scrim: linear-gradient(\n @mantle,\n transparent\n ) !important;\n --yt-live-chat-toast-background-color: @surface2 !important;\n --yt-live-chat-mode-change-background-color: @base !important;\n --yt-live-chat-secondary-text-color: @subtext0 !important;\n --yt-live-chat-tertiary-text-color: fadeout(@text, 0.54) !important;\n --yt-live-chat-text-input-field-inactive-underline-color: @subtext0 !important;\n --yt-live-chat-text-input-field-placeholder-color: @subtext0 !important;\n --yt-live-chat-enabled-send-button-color: @text !important;\n --yt-live-chat-disabled-icon-button-color: @subtext1 !important;\n --yt-live-chat-picker-button-hover-color: @accent-Color !important;\n --yt-live-chat-mention-background-color: @accent-Color !important;\n --yt-live-chat-mention-text-color: @text !important;\n --yt-live-chat-deleted-message-color: @subtext0;\n --yt-live-chat-deleted-message-bar-color: @subtext1 !important;\n --yt-live-chat-reconnect-message-color: @text !important;\n --yt-live-chat-disabled-button-background-color: @overlay0 !important;\n --yt-live-chat-sub-panel-background-color: @base !important;\n --yt-live-chat-sub-panel-background-color-transparent: @mantle !important;\n --yt-live-chat-moderator-color: @lavender !important;\n --yt-live-chat-owner-color: @peach !important;\n --yt-live-chat-message-highlight-background-color: @base !important;\n --yt-live-chat-sponsor-color: @green !important;\n --yt-live-chat-overlay-color: fadeout(@mantle, 0.5);\n --yt-live-chat-dialog-background-color: @base !important;\n --yt-emoji-picker-variant-selector-bg-color: @base !important;\n --yt-live-chat-moderation-mode-hover-background-color: fadeout(\n @mantle,\n 0.3\n ) !important;\n --yt-grey: @subtext0 !important;\n --yt-live-chat-text-input-field-suggestion-background-color: @subtext0 !important;\n --yt-live-chat-text-input-field-suggestion-background-color-hover: @subtext1 !important;\n --yt-emoji-picker-search-background-color: @surface0 !important;\n --yt-emoji-picker-search-color: @text !important;\n --yt-emoji-picker-search-placeholder-color: @accent-Color !important;\n --yt-live-chat-slider-active-color: @accent-Color !important;\n --yt-live-chat-slider-container-color: @surface0 !important;\n --yt-live-chat-slider-markers-color: @text !important;\n --yt-live-chat-banner-gradient-scrim: linear-gradient(\n @mantle,\n transparent\n ) !important;\n --yt-live-chat-action-panel-gradient-scrim: linear-gradient(\n to top,\n @mantle,\n transparent\n ) !important;\n --yt-live-chat-automod-button-background-color-hover: fadeout(\n @crust,\n 0.5\n ) !important;\n --yt-live-chat-automod-button-explanation-color: fadeout(\n @accent-Color,\n 0.7\n ) !important;\n --yt-live-chat-shimmer-background-color: fadeout(@crust, 0.4) !important;\n --yt-live-chat-shimmer-linear-gradient: linear-gradient(\n 0deg,\n fadeout(@text, 0.1) 40%,\n fadeout(@base, 0.3) 50%,\n fadeout(@text, 0.1) 60%\n ) !important;\n --yt-live-chat-vem-background-color: @mantle !important;\n --yt-live-chat-product-picker-icon-color: fadeout(@text, 0.5) !important;\n --yt-live-chat-product-picker-hover-color: @overlay0 !important;\n --yt-live-chat-product-picker-disabled-icon-color: fadeout(\n @text,\n 0.3\n ) !important;\n --yt-live-chat-action-panel-background-color-transparent: (\n null\n ) !important;\n\n /* Tooltip */\n --paper-tooltip-background: @overlay0 !important;\n --paper-tooltip-text-color: @text !important;\n\n /* links */\n --yt-endpoint-color: @accent-Color !important;\n --yt-endpoint-visited-color: @accent-Color !important;\n --yt-endpoint-hover-color: @accent-Color !important;\n\n --sb-dark-red-outline: @accent-Color !important;\n --sb-main-bg-color: @base !important;\n --sb-main-fg-color: @text !important;\n --sb-grey-bg-color: @base !important;\n --sb-grey-fg-color: @subtext0 !important;\n --sb-red-bg-color: @accent-Color !important;\n }\n\n /* general colors */\n &:not(.style-scope) {\n --primary-text-color: @text !important;\n --primary-background-color: @base !important;\n --secondary-text-color: @subtext0 !important;\n --disabled-text-color: @subtext1 !important;\n --divider-color: @overlay0 !important;\n --error-color: @red !important;\n --primary-color: @accent-Color !important;\n --light-primary-color: @accent-Color !important;\n --dark-primary-color: @blue !important;\n --accent-color: @accent-Color !important;\n --light-accent-color: @accent-Color !important;\n --dark-accent-color: @accent-Color !important;\n --light-theme-background-color: @base !important;\n --light-theme-base-color: @text !important;\n --light-theme-text-color: @text !important;\n --light-theme-secondary-color: @subtext0 !important;\n --light-theme-disabled-color: @subtext1 !important;\n --light-theme-divider-color: @overlay0 !important;\n --dark-theme-background-color: @base !important;\n --dark-theme-base-color: @text !important;\n --dark-theme-text-color: @text !important;\n --dark-theme-secondary-color: @subtext0 !important;\n --dark-theme-disabled-color: @subtext1 !important;\n --dark-theme-divider-color: @overlay0 !important;\n }\n\n #channel-name.ytd-video-meta-block {\n --yt-endpoint-color: @accent-Color !important;\n --yt-endpoint-visited-color: @accent-Color !important;\n color: @accent-Color !important;\n }\n\n /* selected chapter */\n ytd-macro-markers-list-item-renderer {\n --ytd-macro-markers-list-item-background-color: @surface0 !important;\n --ytd-macro-markers-list-item-title-color: @text !important;\n --ytd-macro-markers-list-item-secondary-color: @subtext1 !important;\n --ytd-macro-markers-list-item-timestamp-background-color: @surface1 !important;\n }\n\n /* playlist selector */\n ytd-playlist-panel-video-renderer {\n --yt-lightsource-section2-color: @surface1 !important;\n --yt-lightsource-section4-color: @surface2 !important;\n --yt-lightsource-primary-title-color: @text !important;\n --yt-lightsource-secondary-title-color: @text !important;\n --yt-active-playlist-panel-background-color: @surface0 !important;\n }\n\n ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette]\n .header.ytd-playlist-panel-renderer {\n --iron-icon-fill-color: @text !important;\n background-color: @base !important;\n }\n\n /* explandable meta */\n ytd-expandable-metadata-renderer {\n --yt-lightsource-section1-color: @base !important;\n --yt-lightsource-section2-color: @surface0 !important;\n --yt-lightsource-section3-color: @surface1 !important;\n --yt-lightsource-section4-color: @surface2 !important;\n --yt-lightsource-primary-title-color: @text !important;\n --yt-lightsource-secondary-title-color: @subtext0 !important;\n }\n\n yt-live-chat-renderer {\n --yt-emoji-picker-renderer-height: 180px;\n --yt-button-default-text-color: @text !important;\n --yt-button-default-background-color: @base !important;\n --yt-button-dark-text-color: @base !important;\n --yt-button-dark-background-color: @accent-Color !important;\n --yt-button-payment-background-color: @accent-Color !important;\n }\n\n yt-icon.ytd-pinned-comment-badge-renderer * {\n fill: @text !important;\n }\n\n .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start::after {\n background: @overlay0 !important;\n }\n\n .html5-ypc-purchase {\n background: @accent-Color !important;\n &:hover {\n background: ligten(@accent-Color, 10%) !important;\n }\n }\n\n yt-notification-action-renderer[darker-dark-theme]\n tp-yt-paper-toast.yt-notification-action-renderer {\n background: @overlay0 !important;\n }\n\n /* volume bar */\n .ytp-volume-slider-handle {\n background: @accent-Color !important;\n &::before {\n background: @accent-Color !important;\n }\n &::after {\n z-index: -1;\n }\n }\n\n /* new videos dot */\n #newness-dot {\n background-color: @accent-Color !important;\n }\n\n /* subtitle */\n .ytp-chrome-controls .ytp-button[aria-pressed]:after {\n background-color: @accent-Color !important;\n }\n\n /* menu items */\n /* checkbox subitem */\n .ytp-menuitem[aria-checked=\"true\"] .ytp-menuitem-toggle-checkbox {\n background: @accent-Color !important;\n &::after {\n background: @overlay1 !important;\n }\n }\n .ytp-menuitem:not([aria-disabled=\"true\"]):hover {\n background: @surface1 !important;\n }\n .ytp-settings-button.ytp-hd-quality-badge,\n .ytp-settings-button.ytp-4k-quality-badge,\n .ytp-settings-button.ytp-5k-quality-badge,\n .ytp-settings-button.ytp-8k-quality-badge,\n .ytp-settings-button.ytp-3d-badge {\n &::after {\n background-color: @accent-Color !important;\n }\n }\n\n .ytp-panel-menu {\n color: @text;\n\n & .ytp-menuitem:not(:last-child) svg > path {\n fill: @text;\n }\n\n & .ytp-menuitem:last-child svg:last-child {\n fill: @text;\n }\n }\n\n .ytp-svg-fill {\n fill: @text;\n }\n\n .ytp-right-controls {\n svg path {\n fill: @text !important;\n }\n }\n\n .ytp-time-current,\n .ytp-time-separator,\n .ytp-time-duration,\n .ytp-menu-label-secondary,\n .ytp-menuitem-label-count {\n color: @subtext0;\n }\n\n .style-scope.ytd-thumbnail-overlay-toggle-button-renderer:hover {\n fill: @accent-Color !important;\n }\n\n .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled,\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {\n background-color: @accent-Color !important;\n .yt-spec-button-shape-next__icon yt-icon svg g path {\n fill: @base !important;\n }\n }\n\n /* link */\n .yt-core-attributed-string__link--call-to-action-color {\n color: @sapphire !important;\n &:hover {\n color: @teal !important;\n }\n }\n\n /* search results */\n .sbpqs_a:before,\n .sbqs_c:before {\n filter: invert(1);\n }\n\n /* Results backgrounds */\n .sbsb_a,\n .sbdd_b {\n background: @mantle !important;\n border: none !important;\n }\n\n /* text color */\n .gsfs {\n color: @text !important;\n }\n\n /* Hover and keyboard select background */\n .sbsb_c.gsfs:hover,\n .sbsb_d {\n background-color: @surface0 !important;\n }\n\n .sbfl_b {\n background-color: @mantle !important;\n &:hover {\n background-color: @surface0 !important;\n color: @accent-Color !important;\n }\n }\n\n .sbpqs_a {\n color: @accent-Color !important;\n }\n\n .sbfl_a {\n color: @subtext0 !important;\n }\n\n .sbsb_i {\n color: @subtext0;\n }\n\n /* Keyboard select text color and hover text color */\n .sbsb_c:hover .sbqs_c,\n .sbsb_c.gsfs.sbsb_d .sbqs_c {\n color: @accent-Color !important;\n }\n\n .ytp-swatch-background-color {\n background-color: @accent-Color !important;\n }\n\n /* exmplation box */\n .explanation-box[correct] * {\n color: @crust !important;\n }\n\n /* custom likes + anims */\n yt-animated-icon[animated-icon-type=\"LIKE\"]\n > ytd-lottie-player\n > lottie-component\n > svg\n > g:nth-child(2)\n > g:nth-child(2) {\n /* not liked */\n > g:nth-child(2),\n > g:nth-child(4) {\n > path:nth-child(1) {\n stroke: @text !important;\n }\n }\n /* liked */\n > g:nth-child(1),\n > g:nth-child(3) {\n > path:nth-child(1) {\n fill: @accent-Color !important;\n }\n > path:nth-child(2) {\n stroke: @accent-Color !important;\n }\n }\n }\n\n /* iv branding */\n /* Popup for when you hover over the channel avatar in the video */\n .iv-branding .branding-context-container-inner {\n background-color: @base !important;\n }\n\n .iv-branding .iv-branding-context-name {\n color: @text !important;\n text-shadow: none !important;\n }\n\n /* Popup for when you hover over the channel avatar in the video */\n .iv-branding .branding-context-container-inner {\n background-color: @base !important;\n }\n\n /* Cards */\n .iv-drawer-content {\n background-color: fadeout(@mantle, 5%) !important;\n }\n\n .iv-drawer-header-text {\n color: @text !important;\n }\n\n .iv-card-content,\n .ytp-ce-expanding-overlay-background,\n .ytp-cards-teaser .ytp-cards-teaser-text,\n .ytp-cards-teaser .ytp-cards-teaser-box {\n background-color: @base !important;\n }\n\n .ytp-cards-teaser .ytp-cards-teaser-box,\n .iv-card-image {\n border: 0px !important;\n }\n\n .iv-card-content > :first-child,\n .html5-video-player a,\n .iv-card h2,\n .ytp-cards-teaser .ytp-cards-teaser-text {\n color: @text !important;\n }\n\n /*Player tooltip background*/\n .ytp-tooltip-text {\n background: @surface0 !important;\n }\n\n .iv-card:hover .iv-card-primary-link,\n .ytp-ce-website-title {\n color: @accent-Color !important;\n }\n\n .ytp-popup {\n background: @surface0 !important;\n }\n\n tp-yt-paper-dialog {\n background-color: @base !important;\n }\n\n /* Temporary fix */\n .yt-core-attributed-string--link-inherit-color {\n color: @text !important;\n /*&:hover {\n * color: @teal !important;\n }*/\n }\n\n /* live badges */\n .badge-style-type-live-now-alternate,\n ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] {\n color: @crust !important;\n yt-icon svg {\n g path,\n path {\n fill: @crust !important;\n }\n }\n }\n .ytp-live-badge {\n &:before {\n background: @subtext1 !important;\n }\n &[disabled]:before {\n background: @accent-Color !important;\n }\n }\n\n /* notification idicator */\n .yt-spec-icon-badge-shape--type-notification\n .yt-spec-icon-badge-shape__badge {\n background-color: @accent-Color !important;\n color: @crust !important;\n }\n .yt-spec-icon-badge-shape--style-overlay .yt-spec-icon-badge-shape__icon {\n color: @text !important;\n }\n\n /* creator badges */\n ytd-author-comment-badge-renderer {\n --yt-basic-background-color: @surface0 !important;\n --yt-basic-foreground-title-color: @surface0 !important;\n --ytd-author-comment-badge-background-color: @surface0 !important;\n --ytd-author-comment-badge-name-color: @text !important;\n --ytd-author-comment-badge-icon-color: @text !important;\n padding-right: 6px;\n padding-left: 8px;\n }\n\n /* disable ambient mode */\n #cinematics > div > canvas {\n visibility: hidden;\n }\n\n /* badges e.g. popular */\n yt-chip-cloud-chip-renderer[chip-style=\"STYLE_DEFAULT\"][selected],\n yt-chip-cloud-chip-renderer[chip-style=\"STYLE_HOME_FILTER\"][selected] {\n background: @surface0 !important;\n border: 1px solid @accent-Color !important;\n color: @text !important;\n }\n\n /* Search border */\n ytd-searchbox[has-focus] #container.ytd-searchbox {\n border-color: @accent-Color !important;\n }\n\n /* Error page */\n #error-page {\n background-color: @base !important;\n }\n\n #error-page-content {\n color: @text !important;\n text-shadow: none;\n background-color: @base !important;\n > p {\n color: @text !important;\n text-shadow: none;\n }\n #masthead-search-terms.masthead-search-terms-border {\n border: 1px solid @accent-Color !important;\n box-shadow: none !important;\n }\n #yt-masthead {\n color: @text !important;\n text-shadow: none;\n #logo-container {\n .logo {\n filter: invert(1) grayscale(1);\n }\n .content-region {\n color: @text !important;\n text-shadow: none;\n }\n }\n #masthead-search #masthead-search-terms-border {\n input[type=\"text\"] {\n color: @text !important;\n &:focus {\n color: @accent-Color !important;\n }\n }\n }\n .search-button {\n background-color: @mantle !important;\n }\n }\n }\n\n /* Scrollbar */\n ::-webkit-scrollbar-thumb {\n background: @accent-Color !important;\n }\n\n ::-webkit-scrollbar {\n width: 8px !important;\n }\n\n ::-webkit-scrollbar-track {\n background: @base !important;\n }\n\n ::-webkit-scrollbar-thumb {\n background: @accent-Color !important;\n }\n\n /* text highlight */\n ::selection {\n background: fadeout(@accent-Color, 80%) !important;\n color: @text !important;\n }\n\n ::-moz-selection {\n background: fadeout(@accent-Color, 80%) !important;\n color: @text !important;\n }\n }\n}\n@-moz-document url-prefix('https://www.youtube.com/redirect')\n{\n /* youtube.com-redirect */\n :root[dark] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-Color: @catppuccin[@@lookup][@@accent];\n\n h1 {\n color: @text !important;\n }\n\n #redirect-main-text {\n color: @overlay2 !important;\n .bolded {\n color: @accent-Color !important;\n }\n }\n\n /* search */\n #masthead-search-terms-border {\n border-color: @surface0 !important;\n background-color: @surface0 !important;\n box-shadow: fadeout(@crust, 10%) !important;\n }\n\n /*Community Cross-posting*/\n ytd-shared-post-renderer[uses-compact-lockup]\n #repost-context.ytd-shared-post-renderer {\n background-color: var(--second-background);\n }\n #divider-line-container.ytd-shared-post-renderer {\n background-color: var(--yt-spec-10-percent-layer);\n }\n\n #masthead-search-terms {\n color: @text !important;\n }\n\n .search-button {\n background: @surface0 !important;\n border-color: @surface0 !important;\n }\n\n .search-button-content {\n filter: invert(1);\n }\n\n #redirect-backto-safety-button:hover {\n color: @text !important;\n }\n\n #logo-container .content-region {\n color: @text !important;\n }\n\n /* text highlight */\n ::selection {\n background: fadeout(@accent-Color, 80%) !important;\n color: @text !important;\n }\n\n ::-moz-selection {\n background: fadeout(@accent-Color, 80%) !important;\n color: @text !important;\n }\n }\n}\n\n@-moz-document url-prefix('https://studio.youtube.com')\n{\n /* studio.youtube.com */\n :root[dark] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-Color: @catppuccin[@@lookup][@@accent];\n\n &,\n html,\n html[dark],\n html[dark][dark],\n &[dark],\n &[light],\n [light],\n html[light],\n html[light][light] {\n /* disable */\n --yt-spec-black-pure-alpha-80: (null) !important;\n --yt-spec-black-pure-alpha-60: (null) !important;\n --yt-spec-black-1-alpha-98: (null) !important;\n --yt-spec-black-1-alpha-95: (null) !important;\n\n /* text */\n --yt-spec-text-primary: @text !important;\n --ytcp-text-primary: @text !important;\n --ytcp-text-primary-inverse: @base !important;\n --ytcp-static-overlay-text-primary-inverse: @base !important;\n --ytcp-wordmark-text: @text !important;\n --ytcp-text-secondary: @subtext0 !important;\n --ytcp-text-disabled: @subtext1 !important;\n --ytcp-overlay-text-primary: @overlay2 !important;\n\n /* main bg */\n --ytcp-general-background-a: @base !important;\n --yt-spec-base-background: @base !important;\n --yt-spec-black-3: @base !important;\n\n /* secondary bg */\n --yt-spec-brand-background-solid: @mantle !important;\n --ytcp-brand-background-solid: @mantle !important;\n --yt-spec-raised-background: @mantle !important;\n --ytcp-general-background-b: @mantle !important;\n --ytcp-analytics-reach-background: @mantle !important;\n --yt-spec-black-2: @mantle !important;\n\n /* additional bg */\n --ytcp-general-background-c: @crust !important;\n\n /* menu */\n --ytcp-menu-background: @surface0 !important;\n\n /* card borders */\n --ytcp-container-border-color: @surface0 !important;\n --ytcp-container-hovered-border-color: @surface0 !important;\n --ytcp-line-divider-solid: @surface0 !important;\n --ytcp-container-border-color-inverse: @subtext0 !important;\n --ytcp-line-divider-solid-inverse: @subtext0 !important;\n\n /* links */\n --ytcp-call-to-action: @sapphire !important;\n --ytcp-call-to-action-inverse: @mantle !important;\n\n /* buttons */\n --ytcp-call-to-action-raised-background: @accent-Color !important;\n --yt-spec-brand-button-background: @accent-Color !important;\n --ytcp-call-to-action-raised-disabled: @surface2 !important;\n --ytcp-call-to-action-raised-disabled-background: @overlay2 !important;\n --ytcp-call-to-action-raised-background-inverse: @base !important;\n --ytcp-call-to-action-raised-disabled-inverse: @surface2 !important;\n --ytcp-call-to-action-raised-disabled-background-inverse: @overlay2 !important;\n\n /* dropdown */\n --yt-spec-brand-background-primary: @surface0 !important;\n\n /* icons */\n --yt-compact-link-icon-color: @overlay2 !important;\n --ytcp-icon-active: @accent-Color !important;\n --ytcp-icon-inactive: @overlay2 !important;\n --ytcp-icon-disabled: @overlay2 !important;\n --ytcp-icon-active-inverse: @overlay1 !important;\n --ytcp-icon-disabled-inverse: @subtext1 !important;\n\n /* colors */\n --ytcp-error-red: @red !important;\n --ytcp-badge-red: @red !important;\n --ytcp-error-red-inverse: @red !important;\n --ytcp-themed-red-inverse: @red !important;\n --ytcp-themed-red: @red !important;\n --ytcp-themed-blue: @blue !important;\n --ytcp-badge-blue-solid: @blue !important;\n --ytcp-themed-blue-inverse: @blue !important;\n --ytcp-themed-green: @green !important;\n --ytmus-genre-primary-melon: @green !important;\n --ytcp-themed-green-inverse: @green !important;\n --ytcp-analytics-pine: @green !important;\n --ytcp-analytics-pine-inverse: @green !important;\n --ytcp-analytics-parrot: @green !important;\n --ytcp-themed-yellow: @peach !important;\n --ytmus-genre-primary-gold: @peach !important;\n --ytcp-yellow-inverse: @peach !important;\n --ytcp-badge-yellow: @peach !important;\n --ytcp-analytics-yellow: @peach !important;\n --ytcp-analytics-apricot: @peach !important;\n --ytcp-suggested-action: @teal !important;\n --ytcp-analytics-overview: @teal !important;\n --ytcp-analytics-revenue: @teal !important;\n --ytcp-analytics-default-secondary: @teal !important;\n --ytcp-analytics-royal-blue: @lavender !important;\n --ytcp-analytics-reach: @lavender !important;\n --ytcp-analytics-audience: @lavender !important;\n --ytcp-analytics-engagement: @pink !important;\n --ytcp-analytics-revenue-secondary: @pink !important;\n --ytcp-analytics-bubblegum: @flamingo !important;\n --ytmus-genre-primary-ruby: @flamingo !important;\n --ytmus-genre-primary-salmon: @mauve !important;\n --ytmus-genre-primary-orange: @maroon !important;\n --ytmus-genre-primary-sky: @sky !important;\n --ytmus-genre-primary-sky-inverse: @sky !important;\n\n /* misc */\n --yt-spec-badge-chip-background: @surface1 !important;\n --ytcp-focus-inverse: @accent-Color !important;\n --ytcp-focus: @accent-Color !important;\n --ytcp-selected-item: @accent-Color !important;\n --ytcp-hover-item: @overlay2 !important;\n --ytcp-chip-active-focus: @accent-Color !important;\n --ytcp-playhead: @overlay2 !important;\n --ytcp-playhead-inverse: @overlay2 !important;\n }\n\n ytcp-button.destructive.ytls-error-dialog {\n color: @base !important;\n }\n\n yt-formatted-string.ytls-error-dialog,\n tp-yt-iron-icon.ytls-error-dialog {\n color: @text !important;\n }\n\n /* text highlight */\n ::selection {\n background: fadeout(@accent-Color, 80%) !important;\n color: @text !important;\n }\n\n ::-moz-selection {\n background: fadeout(@accent-Color, 80%) !important;\n color: @text !important;\n }\n }\n}\n\n@catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n};\n", + "sourceCode": "/* ==UserStyle==\n@name YouTube Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/youtube\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/youtube\n@version 3.0.12\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css\n@description Soothing pastel theme for YouTube\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n@var checkbox logo \"Logo\" 0\n@var checkbox oledOn \"Enable black bars\" 0\n==/UserStyle== */\n@-moz-document regexp('https?:\\\\/\\\\/(?!gaming\\\\.)(?!consent\\\\.)(?!vr\\\\.)(?!music\\\\.)(?!tv\\\\.)(?!artists\\\\.)(?!studio\\\\.).*youtube(?!kids\\\\.).*\\\\.com\\\\/(?!premium|howyoutubeworks).*$') {\n /* youtube.com */\n :root[dark] {\n #catppuccin(@darkFlavor, @accentColor);\n #oled(@oledOn);\n #logo(@logo);\n }\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n #oled(@oledOn);\n #logo(@logo);\n }\n\n /* for oled monitors */\n #oled(@oled) when (@oled =0) {\n #ytd-player #container {\n background: @base !important;\n }\n }\n\n #logo(@logo) {\n ytd-topbar-logo-renderer.style-scope a svg > g,\n svg.ytd-consent-bump-v2-lightbox > g:nth-child(1) {\n path[fill=\"#FF0000\"] {\n fill: @accent-Color !important;\n }\n path[fill=\"white\"] {\n fill: @base !important;\n }\n }\n & when (@logo =1) {\n ytd-topbar-logo-renderer,\n svg.ytd-consent-bump-v2-lightbox {\n display: none;\n }\n }\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-Color: @catppuccin[@@lookup][@@accent];\n\n /* apply everywhere */\n &,\n [dark],\n html,\n html[system-icons][dark],\n html[system-icons] [dark],\n html[darker-dark-theme][dark],\n [darker-dark-theme] [dark] {\n --yt-spec-white-1: @text !important;\n --yt-spec-white-2: @subtext0 !important;\n --yt-spec-white-3: @subtext1 !important;\n --yt-spec-white-4: darken(@subtext1, 5%) !important;\n --yt-spec-black-1: @overlay1 !important;\n --yt-spec-black-2: @overlay0 !important;\n --yt-spec-black-3: @surface2 !important;\n --yt-spec-black-4: @surface1 !important;\n --yt-spec-black-pure: @surface0 !important;\n --yt-spec-grey-1: @text !important;\n --yt-spec-grey-2: @subtext0 !important;\n --yt-spec-grey-3: @subtext1 !important;\n --yt-spec-grey-4: @overlay2 !important;\n --yt-spec-grey-5: @overlay1 !important;\n --yt-brand-youtube-red: @accent-Color !important;\n --yt-brand-medium-red: @accent-Color !important;\n --yt-brand-light-red: @accent-Color !important;\n --yt-spec-red-30: @peach !important;\n --yt-spec-red-70: @red !important;\n --yt-spec-pale-blue: @sky !important;\n --yt-spec-light-blue: @sky !important;\n --yt-spec-dark-blue: @sapphire !important;\n --yt-spec-navy-blue: @teal !important;\n --yt-spec-light-green: @green !important;\n --yt-spec-dark-green: @green !important;\n --yt-spec-yellow: @peach !important;\n --yt-spec-black-pure-alpha-5: fadeout(@crust, 0.05) !important;\n --yt-spec-black-pure-alpha-10: fadeout(@crust, 0.1) !important;\n --yt-spec-black-pure-alpha-15: fadeout(@crust, 0.15) !important;\n --yt-spec-black-pure-alpha-30: fadeout(@crust, 0.3) !important;\n --yt-spec-black-pure-alpha-60: fadeout(@crust, 0.6) !important;\n --yt-spec-black-pure-alpha-80: fadeout(@crust, 0.8) !important;\n --yt-spec-black-1-alpha-98: fadeout(@crust, 0.98) !important;\n --yt-spec-black-1-alpha-95: fadeout(@crust, 0.95) !important;\n --yt-spec-white-1-alpha-10: fadeout(@text, 0.1) !important;\n --yt-spec-white-1-alpha-20: fadeout(@text, 0.2) !important;\n --yt-spec-white-1-alpha-25: fadeout(@text, 0.25) !important;\n --yt-spec-white-1-alpha-30: fadeout(@text, 0.3) !important;\n --yt-spec-white-1-alpha-70: fadeout(@text, 0.7) !important;\n --yt-spec-white-1-alpha-95: fadeout(@text, 0.95) !important;\n --yt-spec-white-1-alpha-98: fadeout(@text, 0.98) !important;\n --yt-brand-medium-red-alpha-90: fadeout(@accent-Color, 0.9) !important;\n --yt-brand-medium-red-alpha-30: fadeout(@accent-Color, 0.3) !important;\n --yt-brand-light-red-alpha-30: fadeout(@accent-Color, 0.3) !important;\n --yt-spec-light-blue-alpha-30: fadeout(@sapphire, 0.3) !important;\n --yt-spec-dark-blue-alpha-30: fadeout(@sapphire, 0.3) !important;\n\n --yt-spec-base-background: @base !important;\n --yt-spec-raised-background: @mantle !important;\n --yt-spec-menu-background: @mantle !important;\n --yt-spec-inverted-background: @text !important;\n --yt-spec-additive-background: fadeout(@surface0, 0.1) !important;\n --yt-spec-outline: @surface0 !important;\n --yt-spec-shadow: fadeout(@crust, 0.25) !important;\n --yt-spec-text-primary: @text !important;\n --yt-spec-text-secondary: @subtext0 !important;\n --yt-spec-text-disabled: @subtext1 !important;\n --yt-spec-text-primary-inverse: @crust !important;\n --yt-spec-call-to-action: @accent-Color !important;\n --yt-spec-call-to-action-inverse: @accent-Color !important;\n --yt-spec-suggested-action: fadeout(@accent-Color, 80%) !important;\n --yt-spec-suggested-action-inverse: @text !important;\n --yt-spec-icon-active-other: @overlay0 !important;\n --yt-spec-icon-inactive: @overlay1 !important;\n --yt-spec-icon-disabled: @overlay2 !important;\n --yt-spec-button-chip-background-hover: @surface1 !important;\n --yt-spec-touch-response: @surface0 !important;\n\n --yt-spec-touch-response-inverse: @accent-Color !important;\n --yt-spec-brand-icon-active: @accent-Color !important;\n --yt-spec-brand-icon-inactive: @overlay1 !important;\n --yt-spec-brand-button-background: @accent-Color !important;\n --yt-spec-brand-link-text: @sapphire !important;\n --yt-spec-wordmark-text: @text !important;\n --yt-spec-error-indicator: @red !important;\n --yt-spec-themed-blue: @sky !important;\n --yt-spec-themed-green: @green !important;\n --yt-spec-ad-indicator: @teal !important;\n --yt-spec-themed-overlay-background: fadeout(@crust, 0.8) !important;\n --yt-spec-commerce-badge-background: @green !important;\n --yt-spec-static-brand-red: @accent-Color !important;\n --yt-spec-static-brand-white: @text !important;\n --yt-spec-static-brand-black: @base !important;\n --yt-spec-static-clear-color: fadeout(@crust, 0) !important;\n --yt-spec-static-clear-black: fadeout(@crust, 0) !important;\n --yt-spec-static-ad-yellow: @peach !important;\n --yt-spec-static-grey: @subtext0 !important;\n --yt-spec-static-overlay-background-solid: @crust !important;\n --yt-spec-static-overlay-background-heavy: @surface0 !important;\n --yt-spec-static-overlay-background-medium: fadeout(\n @crust,\n 0.6\n ) !important;\n --yt-spec-static-overlay-background-medium-light: fadeout(\n @crust,\n 0.3\n ) !important;\n --yt-spec-static-overlay-background-light: fadeout(\n @crust,\n 0.1\n ) !important;\n --yt-spec-static-overlay-text-primary: @text !important;\n --yt-spec-static-overlay-text-secondary: fadeout(\n @subtext0,\n 0.7\n ) !important;\n --yt-spec-static-overlay-text-disabled: fadeout(\n @subtext0,\n 0.3\n ) !important;\n --yt-spec-static-overlay-call-to-action: @accent-Color !important;\n --yt-spec-static-overlay-icon-active-other: @text !important;\n --yt-spec-static-overlay-icon-inactive: @surface1 !important;\n --yt-spec-static-overlay-icon-disabled: @surface2 !important;\n --yt-spec-static-overlay-button-primary: @accent-Color !important;\n --yt-spec-static-overlay-button-secondary: @surface0 !important;\n --yt-spec-static-overlay-touch-response: @overlay1 !important;\n --yt-spec-static-overlay-touch-response-inverse: @surface1 !important;\n --yt-spec-static-overlay-background-brand: @accent-Color !important;\n --yt-spec-assistive-feed-themed-gradient-1: @subtext0 !important;\n --yt-spec-assistive-feed-themed-gradient-2: @lavender !important;\n --yt-spec-assistive-feed-themed-gradient-3: @red !important;\n --yt-spec-brand-background-solid: @base !important;\n --yt-spec-brand-background-primary: @surface0 !important;\n --yt-spec-brand-background-secondary: @mantle !important;\n --yt-spec-general-background-a: @base !important;\n --yt-spec-general-background-b: @mantle !important;\n --yt-spec-general-background-c: @crust !important;\n --yt-spec-error-background: @base !important;\n --yt-spec-10-percent-layer: @surface2 !important;\n --yt-spec-snackbar-background: @mantle !important;\n --yt-spec-snackbar-background-updated: @mantle !important;\n --yt-spec-badge-chip-background: if(\n @lookup = latte,\n @crust,\n @surface1\n ) !important;\n --yt-spec-verified-badge-background: @overlay0 !important;\n --yt-spec-call-to-action-fadeoutd: fadeout(@sapphire, 0.3) !important;\n --yt-spec-call-to-action-hover: @accent-Color !importantr;\n --yt-spec-brand-button-background-hover: @accent-Color !important;\n --yt-spec-brand-link-text-fadeoutd: fadeout(\n @accent-Color,\n 0.3\n ) !important;\n --yt-spec-filled-button-focus-outline: @surface0 !important;\n --yt-spec-static-overlay-button-hover: @surface1 !important;\n --yt-spec-mono-filled-hover: @surface1 !important;\n --yt-spec-commerce-filled-hover: @accent-Color !important;\n --yt-spec-mono-tonal-hover: @surface1 !important;\n --yt-spec-commerce-tonal-hover: @surface2 !important;\n --yt-spec-static-overlay-filled-hover: @overlay1 !important;\n --yt-spec-static-overlay-tonal-hover: @surface1 !important;\n --yt-spec-paper-tab-ink: fadeout(@text, 0.3);\n --yt-spec-filled-button-text: @text !important;\n --yt-spec-selected-nav-text: @text !important;\n --iron-icon-fill-color: @text !important;\n\n /* Search bar */\n --ytd-searchbox-border-color: @surface0 !important;\n --ytd-searchbox-legacy-border-color: @surface0 !important;\n --ytd-searchbox-legacy-border-shadow-color: fadeout(@crust, 0) !important;\n --ytd-searchbox-legacy-button-color: @mantle !important;\n --ytd-searchbox-legacy-button-border-color: @surface0 !important;\n --ytd-searchbox-legacy-button-focus-color: @accent-Color !important;\n --ytd-searchbox-legacy-button-hover-color: @mantle !important;\n --ytd-searchbox-legacy-button-hover-border-color: @surface0 !important;\n --ytd-searchbox-legacy-button-icon-color: @accent-Color !important;\n --ytd-searchbox-background: @base !important;\n --ytd-searchbox-text-color: @text !important;\n\n /* System icons */\n --yt-spec-icon-inactive: @overlay0 !important;\n --yt-spec-icon-disabled: @overlay1 !important;\n --yt-spec-brand-icon-inactive: @overlay2 !important;\n\n /* Yt video Page */\n --yt-live-chat-background-color: @base !important;\n --yt-live-chat-action-panel-background-color: @base !important;\n --yt-live-chat-action-panel-background-color-transparent: @base !important;\n --yt-live-chat-secondary-background-color: @surface1;\n --yt-live-chat-banner-gradient-scrim: linear-gradient(\n @mantle,\n transparent\n ) !important;\n --yt-live-chat-toast-background-color: @surface2 !important;\n --yt-live-chat-mode-change-background-color: @base !important;\n --yt-live-chat-secondary-text-color: @subtext0 !important;\n --yt-live-chat-tertiary-text-color: fadeout(@text, 0.54) !important;\n --yt-live-chat-text-input-field-inactive-underline-color: @subtext0 !important;\n --yt-live-chat-text-input-field-placeholder-color: @subtext0 !important;\n --yt-live-chat-enabled-send-button-color: @text !important;\n --yt-live-chat-disabled-icon-button-color: @subtext1 !important;\n --yt-live-chat-picker-button-hover-color: @accent-Color !important;\n --yt-live-chat-mention-background-color: @accent-Color !important;\n --yt-live-chat-mention-text-color: @text !important;\n --yt-live-chat-deleted-message-color: @subtext0;\n --yt-live-chat-deleted-message-bar-color: @subtext1 !important;\n --yt-live-chat-reconnect-message-color: @text !important;\n --yt-live-chat-disabled-button-background-color: @overlay0 !important;\n --yt-live-chat-sub-panel-background-color: @base !important;\n --yt-live-chat-sub-panel-background-color-transparent: @mantle !important;\n --yt-live-chat-moderator-color: @lavender !important;\n --yt-live-chat-owner-color: @peach !important;\n --yt-live-chat-message-highlight-background-color: @base !important;\n --yt-live-chat-sponsor-color: @green !important;\n --yt-live-chat-overlay-color: fadeout(@mantle, 0.5);\n --yt-live-chat-dialog-background-color: @base !important;\n --yt-emoji-picker-variant-selector-bg-color: @base !important;\n --yt-live-chat-moderation-mode-hover-background-color: fadeout(\n @mantle,\n 0.3\n ) !important;\n --yt-grey: @subtext0 !important;\n --yt-live-chat-text-input-field-suggestion-background-color: @subtext0 !important;\n --yt-live-chat-text-input-field-suggestion-background-color-hover: @subtext1 !important;\n --yt-emoji-picker-search-background-color: @surface0 !important;\n --yt-emoji-picker-search-color: @text !important;\n --yt-emoji-picker-search-placeholder-color: @accent-Color !important;\n --yt-live-chat-slider-active-color: @accent-Color !important;\n --yt-live-chat-slider-container-color: @surface0 !important;\n --yt-live-chat-slider-markers-color: @text !important;\n --yt-live-chat-banner-gradient-scrim: linear-gradient(\n @mantle,\n transparent\n ) !important;\n --yt-live-chat-action-panel-gradient-scrim: linear-gradient(\n to top,\n @mantle,\n transparent\n ) !important;\n --yt-live-chat-automod-button-background-color-hover: fadeout(\n @crust,\n 0.5\n ) !important;\n --yt-live-chat-automod-button-explanation-color: fadeout(\n @accent-Color,\n 0.7\n ) !important;\n --yt-live-chat-shimmer-background-color: fadeout(@crust, 0.4) !important;\n --yt-live-chat-shimmer-linear-gradient: linear-gradient(\n 0deg,\n fadeout(@text, 0.1) 40%,\n fadeout(@base, 0.3) 50%,\n fadeout(@text, 0.1) 60%\n ) !important;\n --yt-live-chat-vem-background-color: @mantle !important;\n --yt-live-chat-product-picker-icon-color: fadeout(@text, 0.5) !important;\n --yt-live-chat-product-picker-hover-color: @overlay0 !important;\n --yt-live-chat-product-picker-disabled-icon-color: fadeout(\n @text,\n 0.3\n ) !important;\n --yt-live-chat-action-panel-background-color-transparent: (\n null\n ) !important;\n\n /* Tooltip */\n --paper-tooltip-background: @overlay0 !important;\n --paper-tooltip-text-color: @text !important;\n\n /* links */\n --yt-endpoint-color: @accent-Color !important;\n --yt-endpoint-visited-color: @accent-Color !important;\n --yt-endpoint-hover-color: @accent-Color !important;\n\n --sb-dark-red-outline: @accent-Color !important;\n --sb-main-bg-color: @base !important;\n --sb-main-fg-color: @text !important;\n --sb-grey-bg-color: @base !important;\n --sb-grey-fg-color: @subtext0 !important;\n --sb-red-bg-color: @accent-Color !important;\n }\n\n /* general colors */\n &:not(.style-scope) {\n --primary-text-color: @text !important;\n --primary-background-color: @base !important;\n --secondary-text-color: @subtext0 !important;\n --disabled-text-color: @subtext1 !important;\n --divider-color: @overlay0 !important;\n --error-color: @red !important;\n --primary-color: @accent-Color !important;\n --light-primary-color: @accent-Color !important;\n --dark-primary-color: @blue !important;\n --accent-color: @accent-Color !important;\n --light-accent-color: @accent-Color !important;\n --dark-accent-color: @accent-Color !important;\n --light-theme-background-color: @base !important;\n --light-theme-base-color: @text !important;\n --light-theme-text-color: @text !important;\n --light-theme-secondary-color: @subtext0 !important;\n --light-theme-disabled-color: @subtext1 !important;\n --light-theme-divider-color: @overlay0 !important;\n --dark-theme-background-color: @base !important;\n --dark-theme-base-color: @text !important;\n --dark-theme-text-color: @text !important;\n --dark-theme-secondary-color: @subtext0 !important;\n --dark-theme-disabled-color: @subtext1 !important;\n --dark-theme-divider-color: @overlay0 !important;\n }\n\n #channel-name.ytd-video-meta-block {\n --yt-endpoint-color: @accent-Color !important;\n --yt-endpoint-visited-color: @accent-Color !important;\n color: @accent-Color !important;\n }\n\n /* selected chapter */\n ytd-macro-markers-list-item-renderer {\n --ytd-macro-markers-list-item-background-color: @surface0 !important;\n --ytd-macro-markers-list-item-title-color: @text !important;\n --ytd-macro-markers-list-item-secondary-color: @subtext1 !important;\n --ytd-macro-markers-list-item-timestamp-background-color: @surface1 !important;\n }\n\n /* playlist selector */\n ytd-playlist-panel-video-renderer {\n --yt-lightsource-section2-color: @surface1 !important;\n --yt-lightsource-section4-color: @surface2 !important;\n --yt-lightsource-primary-title-color: @text !important;\n --yt-lightsource-secondary-title-color: @text !important;\n --yt-active-playlist-panel-background-color: @surface0 !important;\n }\n\n ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette]\n .header.ytd-playlist-panel-renderer {\n --iron-icon-fill-color: @text !important;\n background-color: @base !important;\n }\n\n /* explandable meta */\n ytd-expandable-metadata-renderer {\n --yt-lightsource-section1-color: @base !important;\n --yt-lightsource-section2-color: @surface0 !important;\n --yt-lightsource-section3-color: @surface1 !important;\n --yt-lightsource-section4-color: @surface2 !important;\n --yt-lightsource-primary-title-color: @text !important;\n --yt-lightsource-secondary-title-color: @subtext0 !important;\n }\n\n yt-live-chat-renderer {\n --yt-emoji-picker-renderer-height: 180px;\n --yt-button-default-text-color: @text !important;\n --yt-button-default-background-color: @base !important;\n --yt-button-dark-text-color: @base !important;\n --yt-button-dark-background-color: @accent-Color !important;\n --yt-button-payment-background-color: @accent-Color !important;\n }\n\n yt-icon.ytd-pinned-comment-badge-renderer * {\n fill: @text !important;\n }\n\n .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start::after {\n background: @overlay0 !important;\n }\n\n .html5-ypc-purchase {\n background: @accent-Color !important;\n &:hover {\n background: ligten(@accent-Color, 10%) !important;\n }\n }\n\n yt-notification-action-renderer[darker-dark-theme]\n tp-yt-paper-toast.yt-notification-action-renderer {\n background: @overlay0 !important;\n }\n\n /* volume bar */\n .ytp-volume-slider-handle {\n background: @accent-Color !important;\n &::before {\n background: @accent-Color !important;\n }\n &::after {\n z-index: -1;\n }\n }\n\n /* new videos dot */\n #newness-dot {\n background-color: @accent-Color !important;\n }\n\n /* subtitle */\n .ytp-chrome-controls .ytp-button[aria-pressed]:after {\n background-color: @accent-Color !important;\n }\n\n /* menu items */\n /* checkbox subitem */\n .ytp-menuitem[aria-checked=\"true\"] .ytp-menuitem-toggle-checkbox {\n background: @accent-Color !important;\n &::after {\n background: @overlay1 !important;\n }\n }\n .ytp-menuitem:not([aria-disabled=\"true\"]):hover {\n background: @surface1 !important;\n }\n .ytp-settings-button.ytp-hd-quality-badge,\n .ytp-settings-button.ytp-4k-quality-badge,\n .ytp-settings-button.ytp-5k-quality-badge,\n .ytp-settings-button.ytp-8k-quality-badge,\n .ytp-settings-button.ytp-3d-badge {\n &::after {\n background-color: @accent-Color !important;\n }\n }\n\n .ytp-panel-menu {\n color: @text;\n\n & .ytp-menuitem:not(:last-child) svg > path {\n fill: @text;\n }\n\n & .ytp-menuitem:last-child svg:last-child {\n fill: @text;\n }\n }\n\n .ytp-right-controls svg path,\n .ytp-svg-fill {\n fill: #fff !important;\n }\n\n .ytp-time-current,\n .ytp-time-separator,\n .ytp-time-duration,\n .ytp-menu-label-secondary,\n .ytp-menuitem-label-count {\n color: #fff;\n }\n\n .ytp-tooltip:not([aria-hidden=\"true\"]) {\n color: @text;\n }\n\n .style-scope.ytd-thumbnail-overlay-toggle-button-renderer:hover {\n fill: @accent-Color !important;\n }\n\n .style-scope.ytd-thumbnail-overlay-toggle-button-renderer:hover {\n fill: @accent-Color !important;\n }\n\n .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled,\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {\n background-color: @accent-Color !important;\n .yt-spec-button-shape-next__icon yt-icon svg g path {\n fill: @base !important;\n }\n }\n\n /* link */\n .yt-core-attributed-string__link--call-to-action-color {\n color: @sapphire !important;\n &:hover {\n color: @teal !important;\n }\n }\n\n /* search results */\n .sbpqs_a:before,\n .sbqs_c:before {\n filter: invert(1);\n }\n\n /* Results backgrounds */\n .sbsb_a,\n .sbdd_b {\n background: @mantle !important;\n border: none !important;\n }\n\n /* text color */\n .gsfs {\n color: @text !important;\n }\n\n /* Hover and keyboard select background */\n .sbsb_c.gsfs:hover,\n .sbsb_d {\n background-color: @surface0 !important;\n }\n\n .sbfl_b {\n background-color: @mantle !important;\n &:hover {\n background-color: @surface0 !important;\n color: @accent-Color !important;\n }\n }\n\n .sbpqs_a {\n color: @accent-Color !important;\n }\n\n .sbfl_a {\n color: @subtext0 !important;\n }\n\n .sbsb_i {\n color: @subtext0;\n }\n\n /* Keyboard select text color and hover text color */\n .sbsb_c:hover .sbqs_c,\n .sbsb_c.gsfs.sbsb_d .sbqs_c {\n color: @accent-Color !important;\n }\n\n .ytp-swatch-background-color {\n background-color: @accent-Color !important;\n }\n\n /* exmplation box */\n .explanation-box[correct] * {\n color: @crust !important;\n }\n\n /* custom likes + anims */\n yt-animated-icon[animated-icon-type=\"LIKE\"]\n > ytd-lottie-player\n > lottie-component\n > svg\n > g:nth-child(2)\n > g:nth-child(2) {\n /* not liked */\n > g:nth-child(2),\n > g:nth-child(4) {\n > path:nth-child(1) {\n stroke: @text !important;\n }\n }\n /* liked */\n > g:nth-child(1),\n > g:nth-child(3) {\n > path:nth-child(1) {\n fill: @accent-Color !important;\n }\n > path:nth-child(2) {\n stroke: @accent-Color !important;\n }\n }\n }\n\n /* iv branding */\n /* Popup for when you hover over the channel avatar in the video */\n .iv-branding .branding-context-container-inner {\n background-color: @base !important;\n }\n\n .iv-branding .iv-branding-context-name {\n color: @text !important;\n text-shadow: none !important;\n }\n\n /* Popup for when you hover over the channel avatar in the video */\n .iv-branding .branding-context-container-inner {\n background-color: @base !important;\n }\n\n /* Cards */\n .iv-drawer-content {\n background-color: fadeout(@mantle, 5%) !important;\n }\n\n .iv-drawer-header-text {\n color: @text !important;\n }\n\n .iv-card-content,\n .ytp-ce-expanding-overlay-background,\n .ytp-cards-teaser .ytp-cards-teaser-text,\n .ytp-cards-teaser .ytp-cards-teaser-box {\n background-color: @base !important;\n }\n\n .ytp-cards-teaser .ytp-cards-teaser-box,\n .iv-card-image {\n border: 0px !important;\n }\n\n .iv-card-content > :first-child,\n .html5-video-player a,\n .iv-card h2,\n .ytp-cards-teaser .ytp-cards-teaser-text {\n color: @text !important;\n }\n\n /*Player tooltip background*/\n .ytp-tooltip-text {\n background: @surface0 !important;\n }\n\n .iv-card:hover .iv-card-primary-link,\n .ytp-ce-website-title {\n color: @accent-Color !important;\n }\n\n .ytp-popup {\n background: @surface0 !important;\n }\n\n tp-yt-paper-dialog {\n background-color: @base !important;\n }\n\n /* Temporary fix */\n .yt-core-attributed-string--link-inherit-color {\n color: @text !important;\n /*&:hover {\n * color: @teal !important;\n }*/\n }\n\n /* live badges */\n .badge-style-type-live-now-alternate,\n ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] {\n color: @crust !important;\n yt-icon svg {\n g path,\n path {\n fill: @crust !important;\n }\n }\n }\n .ytp-live-badge {\n &:before {\n background: @subtext1 !important;\n }\n &[disabled]:before {\n background: @accent-Color !important;\n }\n }\n\n /* notification idicator */\n .yt-spec-icon-badge-shape--type-notification\n .yt-spec-icon-badge-shape__badge {\n background-color: @accent-Color !important;\n color: @crust !important;\n }\n .yt-spec-icon-badge-shape--style-overlay .yt-spec-icon-badge-shape__icon {\n color: var(--yt-spec-icon-active-other) !important;\n }\n\n /* creator badges */\n ytd-author-comment-badge-renderer {\n --yt-basic-background-color: @surface0 !important;\n --yt-basic-foreground-title-color: @surface0 !important;\n --ytd-author-comment-badge-background-color: @surface0 !important;\n --ytd-author-comment-badge-name-color: @text !important;\n --ytd-author-comment-badge-icon-color: @text !important;\n padding-right: 6px;\n padding-left: 8px;\n }\n\n /* disable ambient mode */\n #cinematics > div > canvas {\n visibility: hidden;\n }\n\n /* badges e.g. popular */\n yt-chip-cloud-chip-renderer[chip-style=\"STYLE_DEFAULT\"][selected],\n yt-chip-cloud-chip-renderer[chip-style=\"STYLE_HOME_FILTER\"][selected] {\n background: @surface0 !important;\n border: 1px solid @accent-Color !important;\n color: @text !important;\n }\n\n /* Search border */\n ytd-searchbox[has-focus] #container.ytd-searchbox {\n border-color: @accent-Color !important;\n }\n\n /* Error page */\n #error-page {\n background-color: @base !important;\n }\n\n #error-page-content {\n color: @text !important;\n text-shadow: none;\n background-color: @base !important;\n > p {\n color: @text !important;\n text-shadow: none;\n }\n #masthead-search-terms.masthead-search-terms-border {\n border: 1px solid @accent-Color !important;\n box-shadow: none !important;\n }\n #yt-masthead {\n color: @text !important;\n text-shadow: none;\n #logo-container {\n .logo {\n filter: invert(1) grayscale(1);\n }\n .content-region {\n color: @text !important;\n text-shadow: none;\n }\n }\n #masthead-search #masthead-search-terms-border {\n input[type=\"text\"] {\n color: @text !important;\n &:focus {\n color: @accent-Color !important;\n }\n }\n }\n .search-button {\n background-color: @mantle !important;\n }\n }\n }\n\n /* Scrollbar */\n ::-webkit-scrollbar-thumb {\n background: @accent-Color !important;\n }\n\n ::-webkit-scrollbar {\n width: 8px !important;\n }\n\n ::-webkit-scrollbar-track {\n background: @base !important;\n }\n\n ::-webkit-scrollbar-thumb {\n background: @accent-Color !important;\n }\n\n /* text highlight */\n ::selection {\n background: fadeout(@accent-Color, 80%) !important;\n color: @text !important;\n }\n\n ::-moz-selection {\n background: fadeout(@accent-Color, 80%) !important;\n color: @text !important;\n }\n }\n}\n@-moz-document url-prefix('https://www.youtube.com/redirect')\n{\n /* youtube.com-redirect */\n :root[dark] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-Color: @catppuccin[@@lookup][@@accent];\n\n h1 {\n color: @text !important;\n }\n\n #redirect-main-text {\n color: @overlay2 !important;\n .bolded {\n color: @accent-Color !important;\n }\n }\n\n /* search */\n #masthead-search-terms-border {\n border-color: @surface0 !important;\n background-color: @surface0 !important;\n box-shadow: fadeout(@crust, 10%) !important;\n }\n\n /*Community Cross-posting*/\n ytd-shared-post-renderer[uses-compact-lockup]\n #repost-context.ytd-shared-post-renderer {\n background-color: var(--second-background);\n }\n #divider-line-container.ytd-shared-post-renderer {\n background-color: var(--yt-spec-10-percent-layer);\n }\n\n #masthead-search-terms {\n color: @text !important;\n }\n\n .search-button {\n background: @surface0 !important;\n border-color: @surface0 !important;\n }\n\n .search-button-content {\n filter: invert(1);\n }\n\n #redirect-backto-safety-button:hover {\n color: @text !important;\n }\n\n #logo-container .content-region {\n color: @text !important;\n }\n\n /* text highlight */\n ::selection {\n background: fadeout(@accent-Color, 80%) !important;\n color: @text !important;\n }\n\n ::-moz-selection {\n background: fadeout(@accent-Color, 80%) !important;\n color: @text !important;\n }\n }\n}\n\n@-moz-document url-prefix('https://studio.youtube.com')\n{\n /* studio.youtube.com */\n :root[dark] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-Color: @catppuccin[@@lookup][@@accent];\n\n &,\n html,\n html[dark],\n html[dark][dark],\n &[dark],\n &[light],\n [light],\n html[light],\n html[light][light] {\n /* disable */\n --yt-spec-black-pure-alpha-80: (null) !important;\n --yt-spec-black-pure-alpha-60: (null) !important;\n --yt-spec-black-1-alpha-98: (null) !important;\n --yt-spec-black-1-alpha-95: (null) !important;\n\n /* text */\n --yt-spec-text-primary: @text !important;\n --ytcp-text-primary: @text !important;\n --ytcp-text-primary-inverse: @base !important;\n --ytcp-static-overlay-text-primary-inverse: @base !important;\n --ytcp-wordmark-text: @text !important;\n --ytcp-text-secondary: @subtext0 !important;\n --ytcp-text-disabled: @subtext1 !important;\n --ytcp-overlay-text-primary: @overlay2 !important;\n\n /* main bg */\n --ytcp-general-background-a: @base !important;\n --yt-spec-base-background: @base !important;\n --yt-spec-black-3: @base !important;\n\n /* secondary bg */\n --yt-spec-brand-background-solid: @mantle !important;\n --ytcp-brand-background-solid: @mantle !important;\n --yt-spec-raised-background: @mantle !important;\n --ytcp-general-background-b: @mantle !important;\n --ytcp-analytics-reach-background: @mantle !important;\n --yt-spec-black-2: @mantle !important;\n\n /* additional bg */\n --ytcp-general-background-c: @crust !important;\n\n /* menu */\n --ytcp-menu-background: @surface0 !important;\n\n /* card borders */\n --ytcp-container-border-color: @surface0 !important;\n --ytcp-container-hovered-border-color: @surface0 !important;\n --ytcp-line-divider-solid: @surface0 !important;\n --ytcp-container-border-color-inverse: @subtext0 !important;\n --ytcp-line-divider-solid-inverse: @subtext0 !important;\n\n /* links */\n --ytcp-call-to-action: @sapphire !important;\n --ytcp-call-to-action-inverse: @mantle !important;\n\n /* buttons */\n --ytcp-call-to-action-raised-background: @accent-Color !important;\n --yt-spec-brand-button-background: @accent-Color !important;\n --ytcp-call-to-action-raised-disabled: @surface2 !important;\n --ytcp-call-to-action-raised-disabled-background: @overlay2 !important;\n --ytcp-call-to-action-raised-background-inverse: @base !important;\n --ytcp-call-to-action-raised-disabled-inverse: @surface2 !important;\n --ytcp-call-to-action-raised-disabled-background-inverse: @overlay2 !important;\n\n /* dropdown */\n --yt-spec-brand-background-primary: @surface0 !important;\n\n /* icons */\n --yt-compact-link-icon-color: @overlay2 !important;\n --ytcp-icon-active: @accent-Color !important;\n --ytcp-icon-inactive: @overlay2 !important;\n --ytcp-icon-disabled: @overlay2 !important;\n --ytcp-icon-active-inverse: @overlay1 !important;\n --ytcp-icon-disabled-inverse: @subtext1 !important;\n\n /* colors */\n --ytcp-error-red: @red !important;\n --ytcp-badge-red: @red !important;\n --ytcp-error-red-inverse: @red !important;\n --ytcp-themed-red-inverse: @red !important;\n --ytcp-themed-red: @red !important;\n --ytcp-themed-blue: @blue !important;\n --ytcp-badge-blue-solid: @blue !important;\n --ytcp-themed-blue-inverse: @blue !important;\n --ytcp-themed-green: @green !important;\n --ytmus-genre-primary-melon: @green !important;\n --ytcp-themed-green-inverse: @green !important;\n --ytcp-analytics-pine: @green !important;\n --ytcp-analytics-pine-inverse: @green !important;\n --ytcp-analytics-parrot: @green !important;\n --ytcp-themed-yellow: @peach !important;\n --ytmus-genre-primary-gold: @peach !important;\n --ytcp-yellow-inverse: @peach !important;\n --ytcp-badge-yellow: @peach !important;\n --ytcp-analytics-yellow: @peach !important;\n --ytcp-analytics-apricot: @peach !important;\n --ytcp-suggested-action: @teal !important;\n --ytcp-analytics-overview: @teal !important;\n --ytcp-analytics-revenue: @teal !important;\n --ytcp-analytics-default-secondary: @teal !important;\n --ytcp-analytics-royal-blue: @lavender !important;\n --ytcp-analytics-reach: @lavender !important;\n --ytcp-analytics-audience: @lavender !important;\n --ytcp-analytics-engagement: @pink !important;\n --ytcp-analytics-revenue-secondary: @pink !important;\n --ytcp-analytics-bubblegum: @flamingo !important;\n --ytmus-genre-primary-ruby: @flamingo !important;\n --ytmus-genre-primary-salmon: @mauve !important;\n --ytmus-genre-primary-orange: @maroon !important;\n --ytmus-genre-primary-sky: @sky !important;\n --ytmus-genre-primary-sky-inverse: @sky !important;\n\n /* misc */\n --yt-spec-badge-chip-background: @surface1 !important;\n --ytcp-focus-inverse: @accent-Color !important;\n --ytcp-focus: @accent-Color !important;\n --ytcp-selected-item: @accent-Color !important;\n --ytcp-hover-item: @overlay2 !important;\n --ytcp-chip-active-focus: @accent-Color !important;\n --ytcp-playhead: @overlay2 !important;\n --ytcp-playhead-inverse: @overlay2 !important;\n }\n\n ytcp-button.destructive.ytls-error-dialog {\n color: @base !important;\n }\n\n yt-formatted-string.ytls-error-dialog,\n tp-yt-iron-icon.ytls-error-dialog {\n color: @text !important;\n }\n\n /* text highlight */\n ::selection {\n background: fadeout(@accent-Color, 80%) !important;\n color: @text !important;\n }\n\n ::-moz-selection {\n background: fadeout(@accent-Color, 80%) !important;\n color: @text !important;\n }\n }\n}\n\n@catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n};\n", "usercssData": { "name": "YouTube Catppuccin", "namespace": "github.com/catppuccin/userstyles/styles/youtube", "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/youtube", - "version": "3.0.9", + "version": "3.0.12", "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css", "description": "Soothing pastel theme for YouTube", "author": "Catppuccin", @@ -3361,11 +2817,1191 @@ "description": "Soothing pastel theme for YouTube", "name": "YouTube Catppuccin", "preferScheme": "dark", - "originalDigest": "1dfd75187832f0f6da741f4ca1bc8d4323e22b7c", + "originalDigest": "d3b2ed0424a455a5b308bc6755cdeac0230e7ff3", "_id": "e5b4796b-635a-45b8-afad-4b79566305fb", - "_rev": 1691147351518, + "_rev": 1696416144223, "id": 54, - "etag": "W/\"d8d8c0dba2189d34a826ecf93cbc116eccb53a9e0f62c7e892f10a0f7d69f3d4\"", - "updateDate": 1690480155071 + "etag": "W/\"9bb756edf10b68aa700f8f14c5348273c01b56090c28116db9b4c612f159cf03\"", + "updateDate": 1696416144173 + }, + { + "enabled": true, + "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/hoppscotch/catppuccin.user.css", + "url": "https://github.com/catppuccin/userstyles/tree/main/styles/hoppscotch", + "installDate": 1695497739304, + "sections": [ + { + "code": "" + } + ], + "sourceCode": "/* ==UserStyle==\n@name Hoppscotch.io Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/hoppscotch\n@homepageURL\t https://github.com/catppuccin/userstyles/tree/main/styles/hoppscotch\n@version 1.0.0\n@description Soothing pastel theme for Hoppscotch\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/hoppscotch/catppuccin.user.css\n@license\t MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue*\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"hoppscotch.io\") {\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n };\n\n :root.dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n :root.light {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent-color) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent: @catppuccin[@@lookup][@@accent-color];\n\n @accent-light-alpha: 1.1;\n @accent-dark-alpha: 0.9;\n @accent-gradient-from-color: 1.05;\n @accent-gradient-via-color: 1.2;\n @accent-gradient-to-color: 0.85;\n\n & {\n --primary-color: @base;\n --primary-light-color: @surface1;\n --primary-dark-color: @crust;\n --primary-contrast-color: @mantle;\n --secondary-color: @subtext0;\n --secondary-light-color: @subtext0;\n --secondary-dark-color: @subtext1;\n --divider-color: @overlay0;\n --divider-light-color: @overlay1;\n --divider-dark-color: @surface2;\n --error-color: @red;\n --tooltip-color: @text;\n --popover-color: @crust;\n --editor-theme: \"vscode-esque\";\n --editor-type-color: fade(@mauve, 0.9);\n --editor-name-color: @blue;\n --editor-operator-color: @mauve;\n --editor-invalid-color: @maroon;\n --editor-separator-color: @overlay0;\n --editor-meta-color: @overlay0;\n --editor-variable-color: @green;\n --editor-link-color: @sapphire;\n --editor-process-color: fade(@pink, 1.4);\n --editor-constant-color: fade(@lavender, 1.2);\n --editor-keyword-color: @red;\n\n --accent-color: @accent;\n --accent-light-color: fade(@accent, @accent-light-alpha);\n --accent-dark-color: fade(@accent, @accent-dark-alpha);\n --accent-contrast-color: @crust;\n --gradient-from-color: fade(@accent, @accent-gradient-from-color);\n --gradient-via-color: fade(@accent, @accent-gradient-via-color);\n --gradient-to-color: fade(@accent, @accent-gradient-to-color);\n\n --editor-process-color: @text;\n }\n\n .ͼ1 .cm-placeholder {\n color: @text;\n }\n\n .cm-focused .cm-activeLine {\n background-color: @surface0;\n }\n\n .cm-focused .cm-activeLineGutter {\n background-color: @surface2;\n }\n }\n}\n", + "usercssData": { + "name": "Hoppscotch.io Catppuccin", + "namespace": "github.com/catppuccin/userstyles/styles/hoppscotch", + "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/hoppscotch", + "version": "1.0.0", + "description": "Soothing pastel theme for Hoppscotch", + "author": "Catppuccin", + "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/hoppscotch/catppuccin.user.css", + "license": "MIT", + "preprocessor": "less", + "vars": { + "lightFlavor": { + "type": "select", + "label": "Light Flavor", + "name": "lightFlavor", + "value": "macchiato", + "default": "latte", + "options": [ + { + "name": "latte", + "label": "Latte", + "value": "latte" + }, + { + "name": "frappe", + "label": "Frappe", + "value": "frappe" + }, + { + "name": "macchiato", + "label": "Macchiato", + "value": "macchiato" + }, + { + "name": "mocha", + "label": "Mocha", + "value": "mocha" + } + ] + }, + "darkFlavor": { + "type": "select", + "label": "Dark Flavor", + "name": "darkFlavor", + "value": "macchiato", + "default": "mocha", + "options": [ + { + "name": "latte", + "label": "Latte", + "value": "latte" + }, + { + "name": "frappe", + "label": "Frappe", + "value": "frappe" + }, + { + "name": "macchiato", + "label": "Macchiato", + "value": "macchiato" + }, + { + "name": "mocha", + "label": "Mocha", + "value": "mocha" + } + ] + }, + "accentColor": { + "type": "select", + "label": "Accent", + "name": "accentColor", + "value": "lavender", + "default": "blue", + "options": [ + { + "name": "rosewater", + "label": "Rosewater", + "value": "rosewater" + }, + { + "name": "flamingo", + "label": "Flamingo", + "value": "flamingo" + }, + { + "name": "pink", + "label": "Pink", + "value": "pink" + }, + { + "name": "mauve", + "label": "Mauve", + "value": "mauve" + }, + { + "name": "red", + "label": "Red", + "value": "red" + }, + { + "name": "maroon", + "label": "Maroon", + "value": "maroon" + }, + { + "name": "peach", + "label": "Peach", + "value": "peach" + }, + { + "name": "yellow", + "label": "Yellow", + "value": "yellow" + }, + { + "name": "green", + "label": "Green", + "value": "green" + }, + { + "name": "teal", + "label": "Teal", + "value": "teal" + }, + { + "name": "blue", + "label": "Blue", + "value": "blue" + }, + { + "name": "sapphire", + "label": "Sapphire", + "value": "sapphire" + }, + { + "name": "sky", + "label": "Sky", + "value": "sky" + }, + { + "name": "lavender", + "label": "Lavender", + "value": "lavender" + }, + { + "name": "subtext0", + "label": "Gray", + "value": "subtext0" + } + ] + } + } + }, + "author": "Catppuccin", + "description": "Soothing pastel theme for Hoppscotch", + "name": "Hoppscotch.io Catppuccin", + "originalDigest": "db3a8b6952ded4650be63eba85cacd43d4c6f45b", + "_id": "fd9a88d6-881c-45fa-b7cd-fa555859234f", + "_rev": 1695497739305, + "id": 57, + "etag": "W/\"11f409ae6d38b3808563571bf61dad1f8a7d813b49f2823ee96c696926ae8b26\"" + }, + { + "enabled": true, + "updateUrl": "https://github.com/haiksgithub/catppuccin-instagram/raw/main/src/catppuccin.user.css", + "installDate": 1696719082549, + "sections": [ + { + "code": "" + } + ], + "sourceCode": "/* ==UserStyle==\n@name Catppuccin for Instagram\n@namespace github.com/haiksgithub/\n@version 0.1.0\n@description Soothing pastel theme for Instagram.\n@author haik\n\n@preprocessor stylus\n\n@var select flavor \"Flavour\" [\n \"'latte'\",\n \"'frappe'\",\n \"'macchiato'\",\n \"'mocha'\",\n \"'espresso'\",\n]\n\n@var select accent \"Accent Colour\" [\n \"'blue'\",\n \"'flamingo'\",\n \"'green'\",\n \"'lavender'\",\n \"'mantle'\",\n \"'maroon'\",\n \"'mauve'\",\n \"'peach'\",\n \"'pink'\",\n \"'red'\",\n \"'rosewater'\",\n \"'sapphire'\",\n \"'sky'\",\n \"'teal'\",\n \"'yellow'\",\n]\n\n@var select logo_gradient \"Logo Gradient\" [\n \"'never'\",\n \"'hover'\",\n \"'always'\",\n]\n\n@var number scrollbar_width \"Scrollbar Width (in pixels)\" 5\n==/UserStyle== */\n\n@-moz-document domain('instagram.com') {\n @import url('https://cdn.jsdelivr.net/gh/haiksgithub/catppuccin-palette-css@v0.1.7/catppuccin.css');\n\n // Gets a colour from the palette\n get(clr, model = false) {\n suffix = model ? '-' + model : '';\n return s('var(--ctp-%s-%s%s)', unquote(flavor), unquote(clr), unquote(suffix));\n }\n\n get_transparency(clr, amount) {\n return convert(s('@css{ rgba(%s, %s) }', get(clr, 'raw'), amount));\n }\n\n // Always dark/light independent of the flavor\n dark_color = flavor == 'latte' ? 'text' : 'crust';\n light_color = flavor == 'latte' ? 'crust' : 'text';\n\n // Override default variables\n * {\n --web-always-black: get(dark_color, 'raw');\n --web-always-white: get(light_color, 'raw');\n\n --overlay-alpha-80: get_transparency(dark_color, 0.5);\n\n --ig-primary-background: get('base', 'raw');\n --ig-secondary-background: get('surface0', 'raw');\n --ig-banner-background: get('crust', 'raw');\n --ig-highlight-background: get('surface0', 'raw');\n --ig-elevated-background: get('crust', 'raw');\n --ig-hover-overlay: get('surface0', 'raw'), 0.5;\n --hover-overlay: get_transparency('surface0', 0.2);\n\n --ig-primary-button: get(accent, 'raw');\n --ig-primary-button-hover: get(accent, 'raw'), 0.8;\n\n --ig-secondary-button-background: get('surface0', 'raw');\n --ig-secondary-button-hover: get('surface1', 'raw');\n --ig-secondary-button: get('text', 'raw');\n\n --ig-primary-text: get('text', 'raw');\n --ig-secondary-text: get('subtext0', 'raw');\n --ig-tertiary-text: get('subtext0', 'raw');\n --wbloks-primary-text: get('text');\n --ig-text-on-media: get('text', 'raw');\n\n --ig-separator: get('overlay0', 'raw');\n --post-separator: get('overlay0', 'raw');\n --ig-elevated-separator: get('overlay0', 'raw');\n --ig-stroke: get('overlay0', 'raw');\n --grey-2: get('overlay0', 'raw');\n\n --ig-link: get(accent, 'raw');\n --ig-error-or-destructive: get('maroon', 'raw');\n --ig-success: get('green', 'raw');\n --blue-2: get('blue', 'raw');\n }\n \n // Text selection\n *::selection {\n color: get(dark_color);\n background-color: get(accent);\n }\n\n // Sidebar\n .x1xgvd2v {\n background-color: get('crust') !important;\n\n &[style='transform: translateX(0px);'] {\n background-color: get('mantle') !important;\n }\n }\n\n .x1zvrr1 {\n background-color: get('mantle');\n }\n \n // Instagram icon\n if logo_gradient != 'never' {\n instagram_logo = 'data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI5IiB2aWV3Qm94PSIzMiA0IDExMyAzMiIgd2lkdGg9IjEwMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTM3LjgyIDQuMTFjLTIuMzIuOTctNC44NiAzLjctNS42NiA3LjEzLTEuMDIgNC4zNCAzLjIxIDYuMTcgMy41NiA1LjU3LjQtLjctLjc2LS45NC0xLTMuMi0uMy0yLjkgMS4wNS02LjE2IDIuNzUtNy41OC4zMi0uMjcuMy4xLjMuNzhsLS4wNiAxNC40NmMwIDMuMS0uMTMgNC4wNy0uMzYgNS4wNC0uMjMuOTgtLjYgMS42NC0uMzMgMS45LjMyLjI4IDEuNjgtLjQgMi40Ni0xLjVhOC4xMyA4LjEzIDAgMCAwIDEuMzMtNC41OGMuMDctMi4wNi4wNi01LjMzLjA3LTcuMTkgMC0xLjcuMDMtNi43MS0uMDMtOS43Mi0uMDItLjc0LTIuMDctMS41MS0zLjAzLTEuMVptODIuMTMgMTQuNDhhOS40MiA5LjQyIDAgMCAxLS44OCAzLjc1Yy0uODUgMS43Mi0yLjYzIDIuMjUtMy4zOS0uMjItLjQtMS4zNC0uNDMtMy41OS0uMTMtNS40Ny4zLTEuOSAxLjE0LTMuMzUgMi41My0zLjIyIDEuMzguMTMgMi4wMiAxLjkgMS44NyA1LjE2Wk05Ni44IDI4LjU3Yy0uMDIgMi42Ny0uNDQgNS4wMS0xLjM0IDUuNy0xLjI5Ljk2LTMgLjIzLTIuNjUtMS43Mi4zMS0xLjcyIDEuOC0zLjQ4IDQtNS42NGwtLjAxIDEuNjZabS0uMzUtMTBhMTAuNTYgMTAuNTYgMCAwIDEtLjg4IDMuNzdjLS44NSAxLjcyLTIuNjQgMi4yNS0zLjM5LS4yMi0uNS0xLjY5LS4zOC0zLjg3LS4xMy01LjI1LjMzLTEuNzggMS4xMi0zLjQ0IDIuNTMtMy40NCAxLjM4IDAgMi4wNiAxLjUgMS44NyA1LjE0Wm0tMTMuNDEtLjAyYTkuNTQgOS41NCAwIDAgMS0uODcgMy44Yy0uODggMS43LTIuNjMgMi4yNC0zLjQtLjIzLS41NS0xLjc3LS4zNi00LjItLjEzLTUuNS4zNC0xLjk1IDEuMi0zLjMyIDIuNTMtMy4yIDEuMzguMTQgMi4wNCAxLjkgMS44NyA1LjEzWm02MS40NSAxLjgxYy0uMzMgMC0uNDkuMzUtLjYxLjkzLS40NCAyLjAyLS45IDIuNDgtMS41IDIuNDgtLjY2IDAtMS4yNi0xLTEuNDItMy0uMTItMS41OC0uMS00LjQ4LjA2LTcuMzcuMDMtLjU5LS4xNC0xLjE3LTEuNzMtMS43NS0uNjgtLjI1LTEuNjgtLjYyLTIuMTcuNThhMjkuNjUgMjkuNjUgMCAwIDAtMi4wOCA3LjE0YzAgLjA2LS4wOC4wNy0uMS0uMDYtLjA3LS44Ny0uMjYtMi40Ni0uMjgtNS43OSAwLS42NS0uMTQtMS4yLS44Ni0xLjY1LS40Ny0uMy0xLjg4LS44MS0yLjQtLjItLjQzLjUtLjk0IDEuODctMS40NyAzLjQ4bC0uNzQgMi4yLjAxLTQuODhjMC0uNS0uMzQtLjY3LS40NS0uN2E5LjU0IDkuNTQgMCAwIDAtMS44LS4zN2MtLjQ4IDAtLjYuMjctLjYuNjcgMCAuMDUtLjA4IDQuNjUtLjA4IDcuODd2LjQ2Yy0uMjcgMS40OC0xLjE0IDMuNDktMi4wOSAzLjQ5cy0xLjQtLjg0LTEuNC00LjY4YzAtMi4yNC4wNy0zLjIxLjEtNC44My4wMi0uOTQuMDYtMS42NS4wNi0xLjgxLS4wMS0uNS0uODctLjc1LTEuMjctLjg1LS40LS4wOS0uNzYtLjEzLTEuMDMtLjExLS40LjAyLS42Ny4yNy0uNjcuNjJ2LjU1YTMuNzEgMy43MSAwIDAgMC0xLjgzLTEuNDljLTEuNDQtLjQzLTIuOTQtLjA1LTQuMDcgMS41M2E5LjMxIDkuMzEgMCAwIDAtMS42NiA0LjczYy0uMTYgMS41LS4xIDMuMDEuMTcgNC4zLS4zMyAxLjQ0LS45NiAyLjA0LTEuNjQgMi4wNC0uOTkgMC0xLjctMS42Mi0xLjYyLTQuNC4wNi0xLjg0LjQyLTMuMTMuODItNC45OS4xNy0uOC4wNC0xLjItLjMxLTEuNi0uMzItLjM3LTEtLjU2LTEuOTktLjMzLS43LjE2LTEuNy4zNC0yLjYuNDcgMCAwIC4wNS0uMjEuMS0uNi4yMy0yLjAzLTEuOTgtMS44Ny0yLjY5LTEuMjItLjQyLjM5LS43Ljg0LS44MiAxLjY3LS4xNyAxLjMuOSAxLjkxLjkgMS45MWEyMi4yMiAyMi4yMiAwIDAgMS0zLjQgNy4yM3YtLjdjLS4wMS0zLjM2LjAzLTYgLjA1LTYuOTUuMDItLjk0LjA2LTEuNjMuMDYtMS44IDAtLjM2LS4yMi0uNS0uNjYtLjY3LS40LS4xNi0uODYtLjI2LTEuMzQtLjMtLjYtLjA1LS45Ny4yNy0uOTYuNjV2LjUyYTMuNyAzLjcgMCAwIDAtMS44NC0xLjQ5Yy0xLjQ0LS40My0yLjk0LS4wNS00LjA3IDEuNTNhMTAuMSAxMC4xIDAgMCAwLTEuNjYgNC43MmMtLjE1IDEuNTctLjEzIDIuOS4wOSA0LjA0LS4yMyAxLjEzLS44OSAyLjMtMS42MyAyLjMtLjk1IDAtMS41LS44My0xLjUtNC42NyAwLTIuMjQuMDctMy4yMS4xLTQuODMuMDItLjk0LjA2LTEuNjUuMDYtMS44MSAwLS41LS44Ny0uNzUtMS4yNy0uODUtLjQyLS4xLS43OS0uMTMtMS4wNi0uMS0uMzcuMDItLjYzLjM1LS42My42di41NmEzLjcgMy43IDAgMCAwLTEuODQtMS40OWMtMS40NC0uNDMtMi45My0uMDQtNC4wNyAxLjUzLS43NSAxLjAzLTEuMzUgMi4xNy0xLjY2IDQuN2ExNS44IDE1LjggMCAwIDAtLjEyIDIuMDRjLS4zIDEuODEtMS42MSAzLjktMi42OCAzLjktLjYzIDAtMS4yMy0xLjIxLTEuMjMtMy44IDAtMy40NS4yMi04LjM2LjI1LTguODNsMS42Mi0uMDNjLjY4IDAgMS4yOS4wMSAyLjE5LS4wNC40NS0uMDIuODgtMS42NC40Mi0xLjg0LS4yMS0uMDktMS43LS4xNy0yLjMtLjE4LS41LS4wMS0xLjg4LS4xMS0xLjg4LS4xMXMuMTMtMy4yNi4xNi0zLjZjLjAyLS4zLS4zNS0uNDQtLjU3LS41M2E3Ljc3IDcuNzcgMCAwIDAtMS41My0uNDRjLS43Ni0uMTUtMS4xIDAtMS4xNy42NC0uMS45Ny0uMTUgMy44Mi0uMTUgMy44Mi0uNTYgMC0yLjQ3LS4xMS0zLjAyLS4xMS0uNTIgMC0xLjA4IDIuMjItLjM2IDIuMjVsMy4yLjA5LS4wMyA2LjUzdi40N2MtLjUzIDIuNzMtMi4zNyA0LjItMi4zNyA0LjIuNC0xLjgtLjQyLTMuMTUtMS44Ny00LjMtLjU0LS40Mi0xLjYtMS4yMi0yLjc5LTIuMSAwIDAgLjY5LS42OCAxLjMtMi4wNC40My0uOTYuNDUtMi4wNi0uNjEtMi4zLTEuNzUtLjQxLTMuMi44Ny0zLjYzIDIuMjVhMi42MSAyLjYxIDAgMCAwIC41IDIuNjZsLjE1LjE5Yy0uNC43Ni0uOTQgMS43OC0xLjQgMi41OC0xLjI3IDIuMi0yLjI0IDMuOTUtMi45NyAzLjk1LS41OCAwLS41Ny0xLjc3LS41Ny0zLjQzIDAtMS40My4xLTMuNTguMTktNS44LjAzLS43NC0uMzQtMS4xNi0uOTYtMS41NGE0LjMzIDQuMzMgMCAwIDAtMS42NC0uNjljLS43IDAtMi43LjEtNC42IDUuNTctLjIzLjY5LS43IDEuOTQtLjcgMS45NGwuMDQtNi41N2MwLS4xNi0uMDgtLjMtLjI3LS40YTQuNjggNC42OCAwIDAgMC0xLjkzLS41NGMtLjM2IDAtLjU0LjE3LS41NC41bC0uMDcgMTAuM2MwIC43OC4wMiAxLjY5LjEgMi4wOS4wOC40LjIuNzIuMzYuOTEuMTUuMi4zMy4zNC42Mi40LjI4LjA2IDEuNzguMjUgMS44Ni0uMzIuMS0uNjkuMS0xLjQzLjg5LTQuMiAxLjIyLTQuMzEgMi44Mi02LjQyIDMuNTgtNy4xNi4xMy0uMTQuMjgtLjE0LjI3LjA3bC0uMjIgNS4zMmMtLjIgNS4zNy43OCA2LjM2IDIuMTcgNi4zNiAxLjA3IDAgMi41OC0xLjA2IDQuMi0zLjc0bDIuNy00LjUgMS41OCAxLjQ2YzEuMjggMS4yIDEuNyAyLjM2IDEuNDIgMy40NS0uMjEuODMtMS4wMiAxLjctMi40NC44Ni0uNDItLjI1LS42LS40NC0xLjAxLS43MS0uMjMtLjE1LS41Ny0uMi0uNzgtLjA0LS41My40LS44NC45Mi0xLjAxIDEuNTUtLjE3LjYxLjQ1Ljk0IDEuMDkgMS4yMi41NS4yNSAxLjc0LjQ3IDIuNS41IDIuOTQuMSA1LjMtMS40MiA2Ljk0LTUuMzQuMyAzLjM4IDEuNTUgNS4zIDMuNzIgNS4zIDEuNDUgMCAyLjkxLTEuODggMy41NS0zLjcyLjE4Ljc1LjQ1IDEuNC44IDEuOTYgMS42OCAyLjY1IDQuOTMgMi4wNyA2LjU2LS4xOC41LS42OS41OC0uOTQuNTgtLjk0YTMuMDcgMy4wNyAwIDAgMCAyLjk0IDIuODdjMS4xIDAgMi4yMy0uNTIgMy4wMy0yLjMxLjA5LjIuMi4zOC4zLjU2IDEuNjggMi42NSA0LjkzIDIuMDcgNi41Ni0uMThsLjItLjI4LjA1IDEuNC0xLjUgMS4zN2MtMi41MiAyLjMtNC40NCA0LjA1LTQuNTggNi4wOS0uMTggMi42IDEuOTMgMy41NiAzLjUzIDMuNjlhNC41IDQuNSAwIDAgMCA0LjA0LTIuMTFjLjc4LTEuMTUgMS4zLTMuNjMgMS4yNi02LjA4bC0uMDYtMy41NmEyOC41NSAyOC41NSAwIDAgMCA1LjQyLTkuNDRzLjkzLjAxIDEuOTItLjA1Yy4zMi0uMDIuNDEuMDQuMzUuMjctLjA3LjI4LTEuMjUgNC44NC0uMTcgNy44OC43NCAyLjA4IDIuNCAyLjc1IDMuNCAyLjc1IDEuMTUgMCAyLjI2LS44NyAyLjg1LTIuMTdsLjIzLjQyYzEuNjggMi42NSA0LjkyIDIuMDcgNi41Ni0uMTguMzctLjUuNTgtLjk0LjU4LS45NC4zNiAyLjIgMi4wNyAyLjg4IDMuMDUgMi44OCAxLjAyIDAgMi0uNDIgMi43OC0yLjI4LjAzLjgyLjA4IDEuNDkuMTYgMS43LjA1LjEzLjM0LjMuNTYuMzcuOTMuMzQgMS44OC4xOCAyLjI0LjExLjI0LS4wNS40My0uMjUuNDYtLjc1LjA3LTEuMzMuMDMtMy41Ni40My01LjIxLjY3LTIuNzkgMS4zLTMuODcgMS42LTQuNC4xNy0uMy4zNi0uMzUuMzctLjAzLjAxLjY0LjA0IDIuNTIuMyA1LjA1LjIgMS44Ni40NiAyLjk2LjY1IDMuMy41NyAxIDEuMjcgMS4wNSAxLjgzIDEuMDUuMzYgMCAxLjEyLS4xIDEuMDUtLjczLS4wMy0uMzEuMDItMi4yMi43LTQuOTYuNDMtMS43OSAxLjE1LTMuNCAxLjQxLTQgLjEtLjIxLjE1LS4wNC4xNSAwLS4wNiAxLjIyLS4xOCA1LjI1LjMyIDcuNDYuNjggMi45OCAyLjY1IDMuMzIgMy4zNCAzLjMyIDEuNDcgMCAyLjY3LTEuMTIgMy4wNy00LjA1LjEtLjctLjA1LTEuMjUtLjQ4LTEuMjVaIiBmaWxsPSJjdXJyZW50Q29sb3IiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PC9wYXRoPg0KPC9zdmc+'\n }\n\n if logo_gradient == 'hover' {\n ._ab6-[aria-label='Instagram'] {\n background-color: get('text');\n fill: transparent;\n color: transparent;\n mask-image: url(instagram_logo);\n mask-size: 100%;\n mask-position: 0 0;\n }\n \n a:has(._ab6-[aria-label='Instagram']):hover ._ab6-[aria-label='Instagram'] {\n background-image: linear-gradient(to right, get('yellow') 1%, get('peach') 5%, get('red') 30%, get('mauve') 95%, get('lavender'));\n }\n }\n \n else if logo_gradient == 'always' {\n ._ab6-[aria-label='Instagram'] {\n background-color: get('text');\n fill: transparent;\n color: transparent;\n mask-image: url(instagram_logo);\n mask-size: 100%;\n mask-position: 0 0;\n background-image: linear-gradient(to right, get('yellow') 1%, get('peach') 5%, get('red') 30%, get('mauve') 95%, get('lavender'));1\n }\n }\n\n // Posts\n ._aggc {\n padding: 1em;\n background-color: get('mantle');\n border: 1px solid get('overlay0') !important;\n border-radius: var(--modal-border-radius);\n box-shadow: 0 3px 5px -1px get_transparency(dark_color, 0.2);\n box-sizing: border-box;\n }\n\n ._aatc ._aasi,\n ._ae1i,\n ._aggc textarea.xvbhtw8 {\n background-color: get('mantle');\n }\n\n // Icons\n svg {\n color: get('text');\n fill: get('text');\n }\n\n // The close icon on the dark wrapper\n svg[aria-label='Close'] {\n color: var(--web-always-white);\n }\n\n // Monotone icons from the PNG sprite\n latte_text_filter = @css{ brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%) hue-rotate(196deg) brightness(97%) contrast(85%) };\n frappe_text_filter = @css{ brightness(0) saturate(100%) invert(84%) sepia(5%) saturate(1519%) hue-rotate(192deg) brightness(100%) contrast(93%) };\n macchiato_text_filter = @css{ brightness(0) saturate(100%) invert(80%) sepia(18%) saturate(377%) hue-rotate(192deg) brightness(103%) contrast(92%) };\n mocha_text_filter = @css{ brightness(0) saturate(100%) invert(85%) sepia(6%) saturate(1356%) hue-rotate(194deg) brightness(103%) contrast(91%) };\n espresso_text_filter = @css{ brightness(0) saturate(100%) invert(85%) sepia(6%) saturate(1356%) hue-rotate(194deg) brightness(103%) contrast(91%) };\n \n // Excluded:\n // - _9ys7, _9_1f, _9ys8 (verified icon)\n [style*='background-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\")'],\n ._9zkj, ._a3ds, ._a3dt, ._a3du, ._a3dv, ._a3dw, ._9-b3, ._9znl, ._9z-6, ._a3dx, ._a3dy, ._a3dz, ._a3d-, ._a3d_, ._a3e0, ._9zm4, ._a3e1, ._a3e2, ._a3e3, ._a3e4, ._a3e5, ._a3e6, ._a3e7, ._a3e8, ._a3e9, ._a3ea, ._9_57, ._9_n5, ._9-y3, ._a3eb, ._a3ec, ._a3ed, ._a3ee, ._a04s, ._9zlu, ._9-yp, ._a3ef, ._a3eg, ._9_wm, ._a3eh, ._a3ei, ._9-j_, ._a3ej, ._a3ek, ._9_ij, ._9_d_, ._9_e1, ._9-mm, ._9_cx, ._9zm0, ._9zfi, ._9-ub, ._a3el, ._9-7-, ._9-1a, ._a3em, ._9zrp, ._a3en, ._9zz9, ._a3eo, ._9zmr, ._9-8d, ._9zhi, ._a3ep, ._9zs0, ._9-j-, ._a3eq, ._9zli, ._9_4y, ._9zm2, ._9zfj, ._9zlg, ._a3er, ._9-lv, ._9_ug, ._9_sh, ._9_sj, ._9-k0, ._9z-c, ._9_35, ._9_hh, ._a3es, ._a3et, ._a3eu, ._9-v-, ._9_4d, ._9zlh, ._a3ev, ._a3ew, ._a3ex, ._a3ey, ._9_7m, ._9_fv, ._a3ez,\n ._9-zf, ._9-zg, ._9-ze, ._a9fa, ._9-zh, ._9-zi, ._9-zj, ._9-zk, ._9-zl, ._9-zm, ._9-zn, ._9-zo, ._9-zp, ._9-zq, ._9-zr, ._9-zs, ._9-zt, ._a3op, ._a3oq, ._9-zu, ._9-zv, ._9-zw, ._9-zx, ._9-zy, ._9-zz, ._9-z-, ._a3or, ._a3ot, ._a3os, ._9zs1, ._9zs2, ._9-z_, ._9--0, ._9--1, ._9--2, ._9--3, ._9--4, ._9--5, ._9--6, ._9--7, ._9--f, ._9--8, ._9--9, ._9--a, ._9--b, ._9--c, ._9--d, ._9--e, ._a3ou, ._9--g, ._9--h, ._9--i, ._9--j, ._9--l, ._9--k, ._9--m, ._9--n, ._9--o, ._9--p, ._9--q, ._a3ov, ._9--s, ._9--r, ._9--t, ._9--u, ._9--v, ._9--x, ._9--y, ._9--w, ._9--z, ._9--_, ._9-_0, ._9-_1, ._9-_2, ._9-_3, ._9---, ._9-_4, ._9-_5, ._9-_6, ._9-_7, ._a3wy, ._9-_8, ._9-_9, ._a3ow, ._9-_a, ._9-_b, ._9-_c, ._9-_d, ._9-_e, ._9-_f, ._9-_g, ._9-_h, ._9-_i, ._9-_j, ._9-_k, ._9-_l, ._9-_m, ._9-_n, ._9-_o, ._a3ox, ._9-_p, ._9-_q, ._a9fb, ._9-_t, ._9-_r, ._9-_s, ._a93g, ._9-_u, ._9-_v, ._a9fc, ._9-_w, ._9-_x, ._9-_y, ._9-_z, ._9-_-, ._9-__, ._9_00, ._a3oy, ._9_01, ._9_02, ._9_03, ._9_04, ._9_05, ._9_08, ._9_09, ._9_07, ._9_06, ._9_0a, ._9_0b, ._9_0c, ._9_0d, ._9_0e, ._9_0f, ._9_0g, ._a93h, ._9_0h, ._9_0i, ._9_0j, ._9_0k, ._aepo, ._9_0l, ._9_0m, ._9_0n, ._9_0o, ._9_0p, ._a3oz, ._a93l, ._9_0r, ._9_0s, ._a7tk, ._9_0q, ._a3o-, ._9_0t, ._9_0v, ._9_0u, ._a9ej, ._9_0w, ._9_0x, ._9_0y, ._9_0z, ._9_0_, ._9_0-, ._9_10, ._9_11, ._9_12, ._9_13, ._9_14, ._9_15, ._a3o_, ._9_18, ._9_19, ._9_1a, ._9_1e, ._9_1b, ._9_1c, ._9_1d, ._9_16, ._9_17, ._a3p0, ._9_1g, ._9_1i, ._9_1h, ._9_1j, ._9_1k, ._9_1l, ._9_1m, ._a9pw {\n filter: lookup(flavor + '_text_filter');\n }\n \n // Custom icons\n instagram_gradient = radial-gradient(circle at 30% 107%, get('yellow') 0%, get('yellow') 5%, get('peach') 45%, get('mauve') 60%,get('blue') 90%);\n verified_icon = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjUwMCIgdmlld0JveD0iMCAwIDUwMCA1MDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzU3LjczOCA2My4yMTQzTDMxNi45MDUgMEwyNTAgMzQuMjg1N0wxODIuOTc2IDBMMTQyLjE0MyA2My4yMTQzTDY2LjkwNDggNjcuMDIzOEw2My4yMTQzIDE0Mi4yNjJMMCAxODMuMDk1TDM0LjI4NTcgMjUwTDAgMzE3LjAyNEw2My4yMTQzIDM1Ny44NTdMNjcuMDIzOCA0MzMuMDk1TDE0Mi4yNjIgNDM2Ljc4NkwxODMuMDk1IDUwMEwyNTAgNDY1LjcxNEwzMTcuMDI0IDUwMEwzNTcuODU3IDQzNi43ODZMNDMzLjA5NSA0MzIuOTc2TDQzNi43ODYgMzU3LjczOEw1MDAgMzE2LjkwNUw0NjUuNzE0IDI1MEw1MDAgMTgyLjk3Nkw0MzYuNzg2IDE0Mi4xNDNMNDMyLjk3NiA2Ni45MDQ4TDM1Ny43MzggNjMuMjE0M1pNMTQxLjY2NiAyNTkuMDQ4TDIxOC45MjggMzM2LjMwOUwzNTguMDk1IDIwMS40MjlMMzMzLjIxNCAxNzUuODMzTDIxOS40MDQgMjg2LjE5TDE2Ni45MDQgMjMzLjgwOUwxNDEuNjY2IDI1OS4wNDhaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K';\n \n // Verified icon\n ._9ys7,\n ._9_1f,\n ._9ys8 {\n position: relative;\n background-image: none;\n background-color: get(accent);\n mask-image: url(verified_icon);\n mask-size: 100%;\n }\n \n [style*='background-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\")'] {\n // No photo icon\n &[style*='background-position: 0px -97px'] {\n filter: none;\n background: get('mauve') !important;\n background: instagram_gradient !important;\n mask-image: url('https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png');\n mask-position: 0 -97px;\n }\n \n // Private page icon\n &[style*='background-position: -49px -97px'] {\n filter: none;\n background: get('mauve') !important;\n background: instagram_gradient !important;\n mask-image: url('https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png');\n mask-position: -49px -97px;\n }\n\n &[style*='background-position: -49px 0px'] {\n filter: none;\n background: get('mauve') !important;\n background: instagram_gradient !important;\n mask-image: url('https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png');\n mask-position: -49px 0;\n }\n }\n\n // Post swipe icons\n ._aaqh {\n background-color: get('surface0');\n }\n \n // Inside primary buttons\n .xzloghq,\n ._acas:not(._acao) {\n &,\n svg {\n color: get('base');\n fill: get('base');\n }\n }\n\n // Secondary buttons\n .x1gjpkn9,\n ._acat,\n ._acap {\n &,\n a& {\n &,\n &:visited {\n color: get('text');\n }\n }\n }\n\n // Profile banner\n div:has(> .x1mu97ne) {\n background-color: get('crust');\n border: 1px solid get('overlay0');\n box-shadow: 0 10px 35px 2px get_transparency(dark_color, 0.7);\n }\n\n // Dialog overlay\n .x7r02ix[role='dialog'] {\n box-shadow: 0 5px 10px 0 get_transparency(dark_color, 0.5);\n }\n\n // Input placeholders\n ._ac4d::placeholder,\n ._aauy::placeholder,\n textarea::placeholder {\n color: get('subtext0');\n }\n\n // Settings\n ._ab81 {\n background-color: get('mantle');\n }\n\n ._ab85,\n ._ab6i,\n ._ab85 .xvbhtw8,\n ._aav4 {\n background-color: get('crust');\n }\n\n // Bloks\n .wbloks_1[data-bloks-name='bk.components.Collection'] {\n background-color: get('mantle');\n }\n\n .wbloks_1[data-bloks-name='bk.components.Flexbox'] {\n // Radios have left padding\n padding-left: 0 !important;\n\n // The heading\n &[style*='background: rgb(0\\, 0\\, 0)'],\n &[style*='background: rgb(255\\, 255\\, 255)'] {\n background-color: get('mantle') !important;\n }\n \n // Radios\n &[style*='border-radius: 10.5px'],\n &[style*='border-radius: 12px'],\n &[style*='border-radius: 4px'] {\n // Selected radio\n &[style*='background: rgb(0\\, 149\\, 246)'] {\n background-color: get(accent) !important;\n }\n \n // Not selected radio\n &[style*='background: rgb(219\\, 219\\, 219)'],\n &[style*='background: rgb(38\\, 38\\, 38)'],\n &[style*='background: rgb(54\\, 54\\, 54)'],\n &[style*='background: rgb(255\\, 255\\, 255)'] {\n background-color: get('surface0') !important;\n }\n }\n \n // That \"border\"\n &[style*='background: rgb(38\\, 38\\, 38)'] {\n display: none;\n }\n }\n \n span[data-bloks-name='bk.components.TextSpan'],\n span[data-bloks-name='bk.components.Text']{\n &[style*='color: rgb(250\\, 250\\, 250)'],\n &[style*='color: rgb(224\\, 241\\, 255)'],\n &[style*='color: rgb(0\\, 55\\, 107)'],\n &[style*='color: rgb(38\\, 38\\, 38)'] {\n color: get('text') !important;\n }\n \n &[style*='color: rgb(142\\, 142\\, 142)'] {\n color: get('subtext0') !important;\n }\n }\n\n // Map pop-ups\n .leaflet-popup-content-wrapper,\n .leaflet-popup-tip {\n background-color: get('mantle');\n box-shadow: 0 5px 15px get_transparency(dark_color, 0.4)\n\n * {\n color: get('text') !important;\n }\n }\n \n // Scrollbar\n ::-webkit-scrollbar {\n width: (scrollbar_width)px;\n background-color: get('crust');\n }\n \n ::-webkit-scrollbar-thumb {\n background-color: get(accent);\n border-radius: 10px;\n }\n \n * {\n scrollbar-width: thin;\n scrollbar-color: get(accent) get('crust');\n }\n}\n \n@-moz-document regexp('^.*instagram.com/direct.*') {\n // Chat background\n .xnz67gz {\n background-color: get('base');\n }\n\n .xvbhtw8 {\n background-color: get('mantle');\n }\n\n ._aa5c,\n ._aa4j,\n ._abyk {\n background-color: get('crust');\n }\n}\n", + "usercssData": { + "name": "Catppuccin for Instagram", + "namespace": "github.com/haiksgithub/", + "version": "0.1.0", + "description": "Soothing pastel theme for Instagram.", + "author": "haik", + "preprocessor": "stylus", + "vars": { + "flavor": { + "type": "select", + "label": "Flavour", + "name": "flavor", + "value": "'macchiato'", + "default": "'latte'", + "options": [ + { + "name": "'latte'", + "label": "'latte'", + "value": "'latte'" + }, + { + "name": "'frappe'", + "label": "'frappe'", + "value": "'frappe'" + }, + { + "name": "'macchiato'", + "label": "'macchiato'", + "value": "'macchiato'" + }, + { + "name": "'mocha'", + "label": "'mocha'", + "value": "'mocha'" + }, + { + "name": "'espresso'", + "label": "'espresso'", + "value": "'espresso'" + } + ] + }, + "accent": { + "type": "select", + "label": "Accent Colour", + "name": "accent", + "value": "'lavender'", + "default": "'blue'", + "options": [ + { + "name": "'blue'", + "label": "'blue'", + "value": "'blue'" + }, + { + "name": "'flamingo'", + "label": "'flamingo'", + "value": "'flamingo'" + }, + { + "name": "'green'", + "label": "'green'", + "value": "'green'" + }, + { + "name": "'lavender'", + "label": "'lavender'", + "value": "'lavender'" + }, + { + "name": "'mantle'", + "label": "'mantle'", + "value": "'mantle'" + }, + { + "name": "'maroon'", + "label": "'maroon'", + "value": "'maroon'" + }, + { + "name": "'mauve'", + "label": "'mauve'", + "value": "'mauve'" + }, + { + "name": "'peach'", + "label": "'peach'", + "value": "'peach'" + }, + { + "name": "'pink'", + "label": "'pink'", + "value": "'pink'" + }, + { + "name": "'red'", + "label": "'red'", + "value": "'red'" + }, + { + "name": "'rosewater'", + "label": "'rosewater'", + "value": "'rosewater'" + }, + { + "name": "'sapphire'", + "label": "'sapphire'", + "value": "'sapphire'" + }, + { + "name": "'sky'", + "label": "'sky'", + "value": "'sky'" + }, + { + "name": "'teal'", + "label": "'teal'", + "value": "'teal'" + }, + { + "name": "'yellow'", + "label": "'yellow'", + "value": "'yellow'" + } + ] + }, + "logo_gradient": { + "type": "select", + "label": "Logo Gradient", + "name": "logo_gradient", + "value": "'always'", + "default": "'never'", + "options": [ + { + "name": "'never'", + "label": "'never'", + "value": "'never'" + }, + { + "name": "'hover'", + "label": "'hover'", + "value": "'hover'" + }, + { + "name": "'always'", + "label": "'always'", + "value": "'always'" + } + ] + }, + "scrollbar_width": { + "type": "number", + "label": "Scrollbar Width (in pixels)", + "name": "scrollbar_width", + "value": null, + "default": 5, + "options": null, + "min": null, + "max": null, + "step": null, + "units": null + } + } + }, + "author": "haik", + "description": "Soothing pastel theme for Instagram.", + "name": "Catppuccin for Instagram", + "originalDigest": "3c50fcba119828dcd6279a72354dfb2b8968b255", + "_id": "62092bec-427a-4c24-bb6f-18e1fc673c7d", + "_rev": 1696719082550, + "id": 58, + "etag": "W/\"df75a2b74d3a2882f54696d2a7a17dbc5aeaf530410239d3b8e56e2f795341e1\"" + }, + { + "enabled": true, + "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/stylus/catppuccin.user.css", + "url": "https://github.com/catppuccin/userstyles/tree/main/styles/stylus", + "installDate": 1696719115778, + "sections": [ + { + "code": "" + } + ], + "sourceCode": "/* ==UserStyle==\n@name Stylus Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/stylus\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/stylus\n@version 1.0.8\n@updateURL \t https://github.com/catppuccin/userstyles/raw/main/styles/stylus/catppuccin.user.css\n@description Soothing pastel theme for Stylus\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@-moz-document url-prefix(\"moz-extension://\"), url-prefix(chrome-extension://)\n{\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n };\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @color: @catppuccin[@@lookup][@@accent];\n\n &:root {\n --bg: @base;\n --fg: @text;\n --c30: @subtext1;\n --c40: @overlay0;\n --c45: @surface2;\n --c50: @subtext0;\n --c60: @subtext0;\n --c65: @surface2;\n --c75: @overlay1;\n --c80: @surface1;\n --c85: @surface0;\n --c95: @mantle;\n --accent-1: @color;\n --accent-2: @color;\n --accent-3: @color;\n }\n\n .active #filters-stats {\n background-color: @color;\n border-color: @color;\n color: @base;\n }\n #header-resizer {\n color: @surface1;\n }\n #filters label:hover,\n #filters .filter-selection:hover {\n background-color: @surface0;\n }\n .oldUI .disabled h2::after,\n .entry.usercss .style-name-link::after {\n background-color: fade(@color, 25%);\n }\n .CodeMirror-linenumber {\n color: @subtext0;\n }\n .cm-s-default .cm-string {\n color: @peach;\n }\n .cm-s-default .cm-qualifier {\n color: @peach;\n }\n .cm-s-default .cm-variable-2 {\n color: @sapphire;\n }\n .cm-s-default .cm-keyword {\n color: @mauve;\n }\n .cm-s-default .cm-atom,\n .cm-s-default .cm-number {\n color: @green;\n }\n .cm-s-default .cm-def {\n color: @sapphire;\n }\n .cm-s-default .cm-tag {\n color: @sapphire;\n }\n .cm-s-default .cm-builtin {\n color: @subtext1;\n }\n .cm-s-default .cm-variable-3 {\n color: @subtext1;\n }\n .cm-s-default .cm-comment {\n color: @subtext0;\n }\n .cm-s-default .cm-operator {\n color: @yellow;\n }\n div.CodeMirror span.CodeMirror-matchingbracket {\n color: @green;\n }\n button:disabled,\n select:disabled,\n option:disabled,\n select[disabled] > option {\n color: @subtext0;\n }\n .applies-to input,\n .applies-to select {\n background: @base;\n border: 1px solid @surface0;\n color: @subtext0;\n }\n button {\n color: @text !important;\n background: @mantle !important;\n }\n #message-box-title {\n color: @base;\n }\n .svg-icon:hover {\n fill: @overlay1;\n }\n .svg-icon {\n fill: @overlay0;\n }\n .onoffswitch input:checked + span {\n background-color: fade(@color, 25%);\n }\n .onoffswitch input:checked + span::before {\n background-color: @color;\n }\n #options-title {\n color: @base;\n }\n h2 {\n color: @color !important;\n }\n .installed .configure-usercss svg {\n fill: @color !important;\n }\n .installed .configure-usercss:hover svg {\n fill: @color !important;\n }\n .cm-s-default .cm-variable {\n color: @text;\n }\n .CodeMirror-activeline-background {\n background: @mantle;\n }\n }\n @media (prefers-color-scheme: light) {\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n }\n @media (prefers-color-scheme: dark) {\n :root {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n}\n", + "usercssData": { + "name": "Stylus Catppuccin", + "namespace": "github.com/catppuccin/userstyles/styles/stylus", + "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/stylus", + "version": "1.0.8", + "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/stylus/catppuccin.user.css", + "description": "Soothing pastel theme for Stylus", + "author": "Catppuccin", + "license": "MIT", + "preprocessor": "less", + "vars": { + "lightFlavor": { + "type": "select", + "label": "Light Flavor", + "name": "lightFlavor", + "value": "macchiato", + "default": "latte", + "options": [ + { + "name": "latte", + "label": "Latte", + "value": "latte" + }, + { + "name": "frappe", + "label": "Frappe", + "value": "frappe" + }, + { + "name": "macchiato", + "label": "Macchiato", + "value": "macchiato" + }, + { + "name": "mocha", + "label": "Mocha", + "value": "mocha" + } + ] + }, + "darkFlavor": { + "type": "select", + "label": "Dark Flavor", + "name": "darkFlavor", + "value": "macchiato", + "default": "mocha", + "options": [ + { + "name": "latte", + "label": "Latte", + "value": "latte" + }, + { + "name": "frappe", + "label": "Frappe", + "value": "frappe" + }, + { + "name": "macchiato", + "label": "Macchiato", + "value": "macchiato" + }, + { + "name": "mocha", + "label": "Mocha", + "value": "mocha" + } + ] + }, + "accentColor": { + "type": "select", + "label": "Accent", + "name": "accentColor", + "value": "lavender", + "default": "sapphire", + "options": [ + { + "name": "rosewater", + "label": "Rosewater", + "value": "rosewater" + }, + { + "name": "flamingo", + "label": "Flamingo", + "value": "flamingo" + }, + { + "name": "pink", + "label": "Pink", + "value": "pink" + }, + { + "name": "mauve", + "label": "Mauve", + "value": "mauve" + }, + { + "name": "red", + "label": "Red", + "value": "red" + }, + { + "name": "maroon", + "label": "Maroon", + "value": "maroon" + }, + { + "name": "peach", + "label": "Peach", + "value": "peach" + }, + { + "name": "yellow", + "label": "Yellow", + "value": "yellow" + }, + { + "name": "green", + "label": "Green", + "value": "green" + }, + { + "name": "teal", + "label": "Teal", + "value": "teal" + }, + { + "name": "blue", + "label": "Blue", + "value": "blue" + }, + { + "name": "sapphire", + "label": "Sapphire", + "value": "sapphire" + }, + { + "name": "sky", + "label": "Sky", + "value": "sky" + }, + { + "name": "lavender", + "label": "Lavender", + "value": "lavender" + }, + { + "name": "subtext0", + "label": "Gray", + "value": "subtext0" + } + ] + } + } + }, + "author": "Catppuccin", + "description": "Soothing pastel theme for Stylus", + "name": "Stylus Catppuccin", + "originalDigest": "e493cc46370dd08b32d8e4579f2ac2213b750b05", + "_id": "7ea25e5f-d4bc-4e92-a971-9ed55a8facd0", + "_rev": 1696719115778, + "id": 59, + "etag": "W/\"4c39f82332060e79ac8d16d68f3309d71b31bef62c8cd8ae50dc079917b25aae\"" + }, + { + "enabled": true, + "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/deepl/catppuccin.user.css", + "url": "https://github.com/catppuccin/userstyles/tree/main/styles/deepl", + "installDate": 1696719501901, + "sections": [ + { + "code": "" + } + ], + "sourceCode": "/* ==UserStyle==\n@name DeepL Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/deepl\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/deepl\n@version 0.2.3\n@description Soothing pastel theme for DeepL\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/deepl/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n@var checkbox quotes \"Remove Quotes\" 0\n@var checkbox header \"Remove Header\" 0\n@var checkbox footer \"Remove Footer\" 0\n@var checkbox tabs \"Remove Tabs\" 0\n@var checkbox dictionary \"Remove Dictionary\" 0\n@var checkbox removeAds \"Remove DeepL Ads\" 0\n@var checkbox removeGlossaryButton \"Remove Glossary Button\" 0\n==/UserStyle== */\n@-moz-document url-prefix(\"https://www.deepl.com/translator\")\n{\n :root {\n #catppuccin(@flavor, @accentColor);\n }\n\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n };\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-Color: @catppuccin[@@lookup][@@accent];\n\n @accent2: mix(@accent-Color, @text, 60%);\n\n /* text highlight */\n\n ::selection {\n background: fadeout(@accent-Color, 80%) !important;\n color: @text !important;\n }\n\n ::-moz-selection {\n background: fadeout(@accent-Color, 80%) !important;\n color: @text !important;\n }\n\n .dl_body {\n color: @subtext1;\n }\n\n button {\n color: @text;\n }\n\n [class*=\"label--\"] {\n & when (@lookup =\"latte\") {\n --inlineLabelColor: #fff !important;\n }\n\n --inlineLabelColor: @crust;\n --outline-color: @accent;\n --background: @overlay1;\n --backgroundHover: mix(@overlay1, @base, 90%);\n\n &[class*=\"selected--\"] {\n --background: @green;\n --backgroundHover: mix(@green, @base, 90%);\n }\n\n [class^=\"toggle--\"] {\n [class^=\"knob--\"] {\n & when (@lookup =\"latte\") {\n background: #fff;\n }\n\n background: @crust;\n }\n }\n }\n\n [class^=\"wrapper--\"] {\n --input-background: @base;\n --input-border-color: @surface1;\n --input-color: @subtext1;\n --button-background: @base;\n --button-border-color: @surface1;\n --button-color: @subtext1;\n\n [class^=\"flyout--\"] {\n --option-color: @subtext1;\n --option-icon-color: @accent;\n background: @surface0;\n\n [class^=\"option--\"][class*=\"unavilable--\"] {\n --option-color: @overlay1;\n --option-icon-color: @subtext0;\n }\n\n &[class*=\"withBorderOnFlyout--\"] {\n --border: 1px solid @surface2;\n }\n }\n }\n\n [class^=\"form--\"] {\n [class^=\"submit--\"] {\n & when (@lookup =\"latte\") {\n color: @base;\n }\n\n color: @crust;\n background: @accent2;\n\n &:disabled {\n background: fadeout(@accent2, 50%);\n }\n }\n }\n\n .text-deepl-blue {\n color: @accent2;\n }\n\n .text-deprecated-grey-darker {\n color: @subtext1;\n }\n\n .bg-white {\n background-color: @base;\n }\n\n .border-dark-7 {\n border-color: @surface1;\n }\n\n .dl_body--redesign {\n background-color: @mantle !important;\n }\n\n [class*=\"button--\"][class*=\"color_primary--\"] {\n border-color: @accent2;\n background-color: @accent2;\n color: @accent2;\n }\n\n [class*=\"button--\"][class*=\"variant_contained--\"],\n .dark [class*=\"button--\"][class*=\"variant_contained--\"] {\n & when (@lookup =\"latte\") {\n color: #fff;\n }\n\n color: @crust;\n }\n\n [class*=\"button--\"].variant_text--gozza,\n .dark [class*=\"button--\"].variant_text--gozza {\n background-color: transparent;\n }\n\n /////\n\n .eSEOtericText {\n color: @overlay1;\n }\n\n .dl_header {\n &,\n &::before {\n background-color: @crust !important;\n }\n }\n\n .dl_header_menu_v2__links__item {\n &,\n &:visited,\n &:active,\n &:focus {\n color: @accent2;\n }\n }\n\n .dl_headerMenu__proButton {\n background-color: @accent-Color;\n & when (@lookup =\"latte\") {\n color: #fff;\n }\n\n color: @crust;\n &:hover {\n background-color: darken(@accent-Color, 30%);\n & when (@lookup =\"latte\") {\n color: #fff;\n }\n\n color: @crust;\n }\n }\n\n .dl_header_menu_v2__login_button_simple > button {\n color: @accent2;\n\n &:hover {\n color: @accent-Color;\n }\n }\n\n .dl_header_menu_v2__buttons__menu > button {\n &::before,\n &::after {\n color: @accent2;\n }\n\n &:hover {\n &::before,\n &::after {\n color: @accent-Color;\n }\n }\n }\n\n .dl_headerMenu__freeBadge,\n .dl_headerMenu__fadeoutBadge {\n background-color: spin(@accent-Color, -40deg);\n & when (@lookup =\"latte\") {\n color: #fff;\n }\n\n color: @crust;\n }\n\n .dl_header_menu_v2__links__item.dl_translator_link:not(.nohover):hover {\n color: @accent-Color;\n }\n\n .dl_header_menu_v2__links__item:not(.nohover):hover,\n .dl_header_menu_v2__links__item.is-active {\n border-bottom-color: @accent-Color;\n color: @accent-Color;\n }\n\n #new-menu-container {\n [class^=\"menuContainer--\"] {\n background-color: @base;\n }\n\n [class^=\"container--\"] a {\n color: @text;\n\n &:hover {\n color: @accent;\n }\n }\n\n [class^=\"mainContent--\"] + [class^=\"mainContent--\"] {\n border-top-color: @surface1;\n }\n\n [class^=\"closeButton\"] {\n &::before,\n &::after {\n background-color: @subtext0;\n }\n\n &:hover {\n &::before,\n &::after {\n background-color: @accent-Color;\n }\n }\n }\n }\n\n .lmt--web .lmt__language_container .lmt__language_container_switch:hover,\n .lmt--web .lmt__language_container .lmt__language_container_switch:focus {\n color: @accent-Color;\n }\n\n .lmt__docTrans-tab-container {\n [class^=\"cardButton--\"] {\n background-color: @base;\n border-color: @surface1;\n\n &:not([class*=\"active--\"]):hover {\n background-color: @surface0;\n }\n }\n\n [class^=\"textLower--\"] {\n color: @overlay2;\n }\n\n [class*=\"logo\"],\n [class^=\"textUpper--\"] {\n color: @accent-Color;\n }\n\n [class*=\"active--\"] {\n [class*=\"logo\"],\n [class^=\"textUpper--\"] {\n color: @text;\n }\n\n [class^=\"innerLower--\"] {\n background-color: @accent-Color;\n }\n }\n }\n\n .lmt--web .lmt__sides_container,\n #doc-trans-source-panel,\n #doc-trans-target-panel {\n border-color: @surface1;\n }\n\n .integratedLanguageSelectors\n .lmt--web\n .lmt__sides_container\n .lmt__language_container,\n .dl_body--redesign .lmt--web .lmt__textarea_container,\n .lmt__doc .lmt__language_container #doc-trans-source-panel,\n [class^=\"docTrans__help_popup--\"],\n #doc-trans-target-panel {\n background: @base;\n }\n\n #doc-trans-source-panel,\n #doc-trans-target-panel {\n [class^=\"header--\"] {\n border-bottom-color: @surface2;\n }\n }\n\n // new popup\n\n .root--Frqwa {\n background-color: @surface0;\n }\n\n .selected--bDLH4 {\n background-color: @surface1;\n }\n\n .divider--v710V {\n color: @surface2;\n }\n\n .dl_body--redesign .lmt--web .lmt__source_textarea__length_marker {\n color: @subtext0;\n }\n\n .dl_help-popup_assist-text {\n color: @overlay1;\n }\n\n .dl_body--redesign\n .lmt--web\n .lmt__language_select\n .lmt__language_select__active {\n color: @subtext0;\n }\n\n .lmt--web .lmt__language_select > .lmt__language_select__active {\n strong {\n color: @accent2;\n }\n\n &:hover {\n strong,\n .lmt__language_select__opener {\n color: @accent-Color;\n }\n }\n }\n\n .lmt--web .lmt__textarea {\n &,\n textarea {\n color: @text;\n }\n }\n\n .lmt--web .lmt__textarea.lmt__textarea--inactive {\n color: @overlay2 !important;\n }\n\n .lmt__source_textarea_overlay\n .lmt__source_textarea_overlay__sentence--active {\n color: @accent2;\n background-color: @base;\n }\n\n .integratedLanguageSelectors\n .lmt--web\n .lmt__sides_container\n .lmt__side_container.lmt__side_container--source\n .lmt__textarea_container {\n border-right-color: @surface1;\n border-top-color: @surface1;\n }\n\n .integratedLanguageSelectors\n .lmt--web\n .lmt__sides_container\n .lmt__side_container.lmt__side_container--target\n .lmt__textarea_container {\n border-top-color: @surface1 !important;\n }\n\n .lmt--showing_alternatives .lmt__translations_as_text::before,\n .lmt--web .lmt__translations_as_text h4::before {\n border-top-color: @surface1;\n }\n\n .lmt--web .lmt__translations_as_text h4 {\n color: @overlay1;\n }\n\n .dl_body--redesign\n .lmt--web\n .lmt__textarea_container.lmt__textarea_container--focus,\n .integratedLanguageSelectors\n .lmt--web\n .lmt__sides_container.lmt__sides_container--focus_source\n .lmt__side_container.lmt__side_container--source\n .lmt__textarea_container,\n .integratedLanguageSelectors\n .lmt--web\n .lmt__sides_container.lmt__sides_container--focus_target\n .lmt__side_container.lmt__side_container--target\n .lmt__textarea_container {\n border: 1px solid @accent-Color !important;\n }\n\n .lmt--web .lmt__language_container .lmt__language_container_switch {\n color: @accent2;\n }\n\n @keyframes lmt_textarea__busy_animation_ctp {\n 0% {\n box-shadow:\n inset 0 0 0px 0 @base,\n inset 0 0 0px 0px rgba(14, 43, 70, 0);\n }\n\n 10% {\n box-shadow:\n inset 0 0 0px 1px @base,\n inset 0 0 0px 2px rgba(14, 43, 70, 0.5);\n }\n\n 20% {\n box-shadow:\n inset 0 0 1px 3px @base,\n inset 0 0 1px 4px rgba(14, 43, 70, 0.5);\n }\n\n 40% {\n box-shadow:\n inset 0 0 1px 8px @base,\n inset 0 0 1px 8px rgba(14, 43, 70, 0.3);\n }\n }\n\n .lmt--active_translation_request.lmt--active_translation_request--with_target_has_content\n .lmt__side_container--target\n .lmt__inner_textarea_container {\n animation: lmt_textarea__busy_animation_ctp 1.5s 2.5s linear infinite;\n box-shadow:\n inset 0 0 1px 14px @base,\n inset 0 0 0px rgba(0, 0, 0, 0);\n }\n // toolbar?\n\n .local_undo_redo_DF-3361 .lmt__source_toolbar,\n .local_undo_redo_DF-3361 .lmt__target_toolbar {\n background-color: @base;\n }\n\n .local_undo_redo_DF-3361\n .lmt__toolbar_container.is_sticky\n .lmt__source_toolbar,\n .local_undo_redo_DF-3361\n .lmt__toolbar_container.is_sticky\n .lmt__target_toolbar {\n border-top-color: @surface1;\n }\n\n .lmt__toolbar_container,\n [data-testid=\"deepl-ui-tooltip-container\"] {\n span > button:hover {\n background-color: @surface0 !important;\n }\n }\n\n .lmt__clear_text_button_wrapper {\n [class*=\"button--\"] {\n &:active:enabled,\n &:hover:enabled {\n color: @accent-Color;\n }\n }\n }\n\n // language selector\n\n .lmt__language_select__menu.lmt__language_select__menu_three_columns {\n &,\n input {\n background-color: @base;\n }\n\n border-color: @surface1;\n }\n\n .lmt__language_select__menu .lmt__dropdown_item_inside_container,\n .lmt__language_select__menu\n .lmt__formalitySwitch__menu_items\n > div\n > button,\n .lmt__language_select__menu\n .lmt__formalitySwitch__menu_items\n > div\n > div\n > button,\n .lmt__language_select__menu > div > button,\n .lmt__language_select__menu > div > div > button {\n color: @subtext1;\n }\n\n .lmt__language_select__menu.lmt__language_select__menu_three_columns\n .lmt__language_wrapper\n .lmt__language_select_column\n button:hover,\n .lmt__language_select__menu.lmt__language_select__menu_three_columns\n .lmt__language_wrapper\n .lmt__language_select_column\n button.highlighted {\n background-color: fadeout(@yellow, 0.3);\n }\n\n .lmt__language_select__menu.lmt__language_select__menu_three_columns\n .lmt__language_wrapper\n .lmt__language_select_column {\n border-right-color: @surface1;\n }\n\n .lmt--web .lmt__language_select__menu_three_columns_close_button {\n color: @accent-Color;\n }\n\n .lmt__language_select__menu.lmt__language_select__menu_three_columns\n .lmt__language_wrapper\n .lmt__language_select_column\n button\n .tick {\n border-bottom-color: @accent-Color;\n border-right-color: @accent-Color;\n }\n\n // glossary\n\n .lmt__glossary_highlight {\n color: @accent-Color;\n }\n\n .lmt__glossaryButton__desktop {\n border-color: fadeout(@text, 12%);\n }\n\n .lmt__glossary_button .lmt__glossary_button_label:hover {\n color: @accent-Color;\n }\n\n .lmt__glossary_editor_mainBar {\n background-color: @accent-Color;\n & when (@lookup =\"latte\") {\n color: #fff;\n }\n\n color: @crust;\n\n .lmt__glossary_editorClose {\n & when (@lookup =\"latte\") {\n color: #fff;\n }\n\n color: @crust;\n }\n }\n\n [dl-test=\"glossary-modal\"] {\n input {\n background-color: @surface1;\n }\n\n &[class*=\"modal--\"] {\n background-color: @surface0;\n }\n\n [class*=\"content--\"] {\n color: @text;\n }\n }\n\n .lmt__glossary_newEntry_langButton {\n color: @subtext1;\n\n &:hover {\n color: @accent-Color;\n }\n }\n\n .lmt_firstEntry-content\n .lmt__glossary_newEntry_langButton\n .lmt__glossary_arrowDown {\n border-bottom-color: @overlay2;\n border-right-color: @overlay2;\n }\n\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputSource,\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputTarget {\n border-color: @overlay0;\n color: @text;\n }\n\n .lmt_firstEntry-content .lmt__glossary_newEntry_langButton {\n border-color: @overlay0;\n background-color: @surface1;\n }\n\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputSource:focus,\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputTarget:focus {\n border-color: @accent-Color;\n }\n\n .lmt_firstEntry-content .lmt__glossary_acceptButton {\n & when (@lookup =\"latte\") {\n color: #fff;\n }\n\n color: @crust;\n }\n\n .lmt__glossary_acceptButton.lmt__glossary_acceptButton--disabled {\n &,\n &:hover {\n background-color: fadeout(@accent-Color, 0.5);\n }\n }\n\n .lmt__language_select__menu {\n background-color: @surface1;\n }\n\n .lmt__glossary_newEntry_langDropdown.lmt__language_select__menu button {\n color: @text;\n\n &:hover {\n background-color: fadeout(@yellow, 0.2) !important;\n }\n }\n\n .lmt__glossary_newEntry_langDropdown.lmt__language_select__menu\n button\n .langName {\n color: @text !important;\n }\n\n .lmt__glossary_newEntry_langDropdown.lmt__language_select__menu\n button\n .langCodePair,\n .lmt__glossary_newEntry_langDropdown.lmt__language_select__menu\n button\n .langCodePair\n .langCode {\n color: @subtext0;\n }\n\n .lmt__glossary_acceptButton {\n background-color: @accent2;\n\n &:hover {\n background-color: @accent-Color;\n }\n }\n\n .lmt__glossary_editor\n .lmt__glossary_editor_subBar_top\n .lmt__glossary_editor_glossarySelect\n .lmt__glossary_editor_glossaryNameWrapper\n .lmt__glossary_editor_glossaryName {\n color: @text;\n }\n\n .lmt__glossary_editor\n .lmt__glossary_editor_subBar_top\n .lmt__glossary_editor_glossarySelect\n .lmt__glossary_editor_glossaryNameWrapper\n .lmt__glossary_editor_glossarySelectChevron.lmt__glossary_arrowDown {\n border-bottom-color: @accent2;\n border-right-color: @accent2;\n }\n\n .lmt__glossary_editor .lmt__glossary_editor_subBar_top,\n .lmt__glossary_editor_subBar_bottom\n .lmt__glossary_editor\n [class^=\"form--\"] {\n background-color: @mantle;\n }\n\n .lmt__glossary_editor_subBar_bottom\n .lmt__glossary_editor_glossaryAddNewWrapper\n .lmt__glossary_editor_glossaryAddNew {\n color: @accent-Color;\n }\n\n .lmt__glossary_editor {\n background-color: @base;\n color: @text;\n border-color: @accent-Color;\n }\n\n .lmt__glossaryButton__desktop.switchedOn {\n border-color: @accent-Color;\n }\n\n .lmt__glossary_editorRow_editMode .editInput {\n border-color: @surface1;\n color: @text;\n background-color: @base;\n }\n\n .lmt__glossary_editor_checkmark {\n & when (@lookup =\"latte\") {\n border-bottom-color: @base;\n }\n\n border-bottom-color: @crust;\n & when (@lookup =\"latte\") {\n border-right-color: @base;\n }\n\n border-right-color: @crust;\n }\n\n .lmt__glossary_editor_langPairHeadline {\n color: @text;\n border-bottom-color: @surface1;\n }\n\n .lmt__glossary_editorRow {\n color: @text;\n }\n\n .lmt__glossary_arrowRightWrapper .lmt__glossary_arrowRight {\n border-bottom-color: @overlay1;\n border-right-color: @overlay1;\n }\n\n .LanguagePair_arrow {\n color: @overlay2;\n stroke: @overlay2;\n }\n\n .lmt__glossary_dialog {\n background-color: @surface0;\n color: @text;\n border-color: @surface2;\n }\n\n .lmt__glossary_editorRow .iconButton {\n color: @text;\n }\n\n /////\n\n .combined_app_ad_mobile_and_desktop .dl_ad_pro_container,\n .dl_pro__banner--2021--wrapper,\n [class^=\"footerOuterContainer\"],\n .lmt_quote__inner {\n background-color: @crust;\n }\n\n .lmt_quote__inner,\n .lmt_quote__text,\n .lmt_quote__source {\n color: @subtext0;\n }\n\n .lmt_quote__source a {\n color: @accent-Color;\n }\n\n // popup\n\n .lmt__edit_text_popup {\n background-color: @surface1;\n }\n\n .lmt__edit_text_popup li,\n .lmt__edit_text_popup .lmt__edit_text_list_item {\n color: @subtext1;\n border-color: @surface2;\n }\n\n .lmt__edit_text_popup .lmt__edit_text_popup__entry--active {\n background-color: fadeout(@yellow, 0.3);\n }\n\n // dictionary\n\n #lmt__dict_container {\n [class^=\"content--\"] {\n .tag_lemma a,\n .isForeignTerm .tag_trans,\n .isForeignTerm .tag_trans a .isForeignTerm .tag_t,\n .tag_t a,\n .isForeignTerm .tag_trans,\n .isForeignTerm .tag_trans a,\n .isForeignTerm .tag_t,\n .isForeignTerm .tag_t a,\n .isForeignTerm .tag_trans {\n color: @accent-Color;\n }\n\n .sep {\n color: @text;\n }\n\n .tag_trans {\n color: @subtext1;\n }\n\n .notascommon {\n color: @overlay1;\n }\n }\n\n span > span > button:hover {\n color: @accent-Color;\n }\n }\n\n // quotes\n\n .lmt_quotes_nav_entry {\n color: @overlay1;\n background-color: @overlay0;\n }\n\n .lmt_quotes_nav_entry--active {\n color: @accent-Color;\n background-color: @accent-Color;\n }\n\n // footer\n\n .dl_footerV2_container {\n [class*=\"linkList--\"] li {\n &:not(:first-of-type) a {\n color: @accent2 !important; // idk why this isn't coloring\n }\n\n [class*=\"badge--\"] {\n background-color: spin(@accent-Color, -40deg) !important;\n & when (@lookup =\"latte\") {\n color: #fff;\n }\n\n color: @crust;\n }\n }\n }\n\n // fuck it we ball\n\n [class*=\"bg-[#E1F0F5]\"] {\n background: fadeout(@accent-Color, 70%);\n }\n\n [class*=\"text-[#25282D]\"] {\n color: @text;\n }\n\n & when (@lookup =\"latte\") {\n #dl_menu_logo img,\n #dl_menu_translator_simplified img,\n .lmt_quote .lmt_quote__logo,\n .lmt_quote__inner::before,\n [class^=\"docTrans__help_popup__container--\"]\n [class^=\"supportedIcons--\"]\n > div,\n .dl_footerV2_container [class^=\"brandingContainer--\"] a > img,\n [class^=\"socialMediaContainer--\"] a > img {\n filter: invert(100%) hue-rotate(180deg);\n }\n } // options\n & when (@quotes =1) {\n #dl_quotes_container {\n display: none;\n }\n }\n\n & when (@header=1) {\n .dl_header {\n display: none;\n }\n }\n\n & when (@footer=1) {\n .dl_footerV2_container,\n .showSeoText .eSEOtericText {\n display: none;\n }\n }\n\n & when (@tabs=1) {\n .lmt__doc {\n margin-bottom: 0;\n\n & Trans-tab-container {\n display: none !important;\n min-height: 100vh;\n }\n }\n\n #lmt_quotes_article {\n margin-top: 0;\n }\n\n .dl_translator_page_container {\n align-items: center;\n align-content: center;\n justify-content: center;\n }\n }\n\n & when (@dictionary=1) {\n #lmt__dict_container {\n display: none !important;\n }\n }\n\n & when not (@quotes=@footer) {\n .showSeoText .eSEOtericText {\n margin-bottom: 70px;\n }\n }\n\n & when (@footer =1),\n (@header=1),\n (@quotes=1) {\n body {\n display: flex;\n flex-direction: column;\n min-height: calc(100vh - 2em);\n align-items: center;\n align-content: center;\n justify-content: center;\n }\n\n .dl_translator_page_container {\n margin: 2em 0;\n\n > * {\n width: 100vw;\n }\n }\n }\n\n & when (@quotes=1),\n (@header=1),\n (@footer=1),\n (@tabs=1) {\n body {\n min-height: 100vh;\n }\n }\n\n & when (@removeAds=1) {\n #lmt_pro_ad_container {\n display: none;\n }\n }\n\n & when (@removeGlossaryButton=1) {\n .lmt__glossaryButton__desktop {\n display: none;\n }\n }\n }\n}\n", + "usercssData": { + "name": "DeepL Catppuccin", + "namespace": "github.com/catppuccin/userstyles/styles/deepl", + "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/deepl", + "version": "0.2.3", + "description": "Soothing pastel theme for DeepL", + "author": "Catppuccin", + "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/deepl/catppuccin.user.css", + "license": "MIT", + "preprocessor": "less", + "vars": { + "flavor": { + "type": "select", + "label": "Flavor", + "name": "flavor", + "value": "macchiato", + "default": "mocha", + "options": [ + { + "name": "latte", + "label": "Latte", + "value": "latte" + }, + { + "name": "frappe", + "label": "Frappé", + "value": "frappe" + }, + { + "name": "macchiato", + "label": "Macchiato", + "value": "macchiato" + }, + { + "name": "mocha", + "label": "Mocha", + "value": "mocha" + } + ] + }, + "accentColor": { + "type": "select", + "label": "Accent", + "name": "accentColor", + "value": "lavender", + "default": "sapphire", + "options": [ + { + "name": "rosewater", + "label": "Rosewater", + "value": "rosewater" + }, + { + "name": "flamingo", + "label": "Flamingo", + "value": "flamingo" + }, + { + "name": "pink", + "label": "Pink", + "value": "pink" + }, + { + "name": "mauve", + "label": "Mauve", + "value": "mauve" + }, + { + "name": "red", + "label": "Red", + "value": "red" + }, + { + "name": "maroon", + "label": "Maroon", + "value": "maroon" + }, + { + "name": "peach", + "label": "Peach", + "value": "peach" + }, + { + "name": "yellow", + "label": "Yellow", + "value": "yellow" + }, + { + "name": "green", + "label": "Green", + "value": "green" + }, + { + "name": "teal", + "label": "Teal", + "value": "teal" + }, + { + "name": "blue", + "label": "Blue", + "value": "blue" + }, + { + "name": "sapphire", + "label": "Sapphire", + "value": "sapphire" + }, + { + "name": "sky", + "label": "Sky", + "value": "sky" + }, + { + "name": "lavender", + "label": "Lavender", + "value": "lavender" + }, + { + "name": "subtext0", + "label": "Gray", + "value": "subtext0" + } + ] + }, + "quotes": { + "type": "checkbox", + "label": "Remove Quotes", + "name": "quotes", + "value": "1", + "default": "0", + "options": null + }, + "header": { + "type": "checkbox", + "label": "Remove Header", + "name": "header", + "value": "1", + "default": "0", + "options": null + }, + "footer": { + "type": "checkbox", + "label": "Remove Footer", + "name": "footer", + "value": "1", + "default": "0", + "options": null + }, + "tabs": { + "type": "checkbox", + "label": "Remove Tabs", + "name": "tabs", + "value": "1", + "default": "0", + "options": null + }, + "dictionary": { + "type": "checkbox", + "label": "Remove Dictionary", + "name": "dictionary", + "value": null, + "default": "0", + "options": null + }, + "removeAds": { + "type": "checkbox", + "label": "Remove DeepL Ads", + "name": "removeAds", + "value": "1", + "default": "0", + "options": null + }, + "removeGlossaryButton": { + "type": "checkbox", + "label": "Remove Glossary Button", + "name": "removeGlossaryButton", + "value": null, + "default": "0", + "options": null + } + } + }, + "author": "Catppuccin", + "description": "Soothing pastel theme for DeepL", + "name": "DeepL Catppuccin", + "originalDigest": "a50b9aaea890d1692405b0a4516d41d4e7574b05", + "_id": "a7f9bbcf-6941-41a5-8376-e6562a952bdd", + "_rev": 1696719501902, + "id": 60, + "etag": "W/\"4eb18b462c94087c7ea9c62001d714269a72b50efda1bff53b45078b267bce38\"" + }, + { + "enabled": true, + "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/hacker-news/catppuccin.user.css", + "url": "https://github.com/catppuccin/userstyles/tree/main/styles/hacker-news", + "installDate": 1696719568897, + "sections": [ + { + "code": "" + } + ], + "sourceCode": "/* ==UserStyle==\n@name HackerNews Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/hacker-news\n@homepageURL\thttps://github.com/catppuccin/userstyles/tree/main/styles/hacker-news\n@version 0.1.1\n@description Soothing pastel theme for HackerNews\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/hacker-news/catppuccin.user.css\n@license\t\tMIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */\n\n@-moz-document url-prefix(\"https://news.ycombinator.com\")\n{\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n };\n\n #catppuccin(@flavor);\n\n #catppuccin(@lookup) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n\n /* Main background */\n #hnmain {\n background-color: @base;\n }\n /* Main body padding background */\n body {\n background-color: @base;\n color: @text;\n }\n\n /* Background of the FAQ and main page */\n body > center > table > tbody > tr > td {\n background-color: @base;\n color: @text;\n }\n\n /* Top bar */\n #hnmain > tbody > tr:nth-child(1) > td {\n background-color: @peach;\n }\n\n /* Hacker News text in top bar */\n #hnmain\n > tbody\n > tr:nth-child(1)\n > td\n > table\n > tbody\n > tr\n > td:nth-child(2)\n > span\n > b\n > a {\n color: @surface0;\n }\n\n /* Logged-in user karma */\n #karma {\n color: @surface1;\n }\n\n /* Separator characters around logged-in user karma */\n #hnmain\n > tbody\n > tr:nth-child(1)\n > td\n > table\n > tbody\n > tr\n > td:nth-child(3)\n > span {\n color: @surface1;\n }\n\n /* Visited top bar links */\n .pagetop a:visited {\n color: @surface1;\n }\n\n /* Unvisited top bar links */\n .pagetop a:link {\n color: @surface0;\n }\n\n /* Links */\n a:link {\n color: @blue;\n }\n\n /* More link */\n .hnmore a:link,\n a:visited {\n color: @lavender;\n }\n\n /* New user color */\n .hnuser > font {\n color: @green;\n }\n\n /* Story site link */\n .comhead a:link,\n .subtext a:visited {\n color: @peach;\n }\n\n /* Story points */\n .score {\n color: @subtext0;\n }\n\n /* Story ranking number */\n .title {\n color: @lavender;\n }\n\n /* Comment text */\n .commtext {\n color: @text;\n }\n\n /* Comment hyperlinks */\n .commtext a:link {\n color: @sapphire;\n }\n\n /* Comment box */\n textarea,\n input {\n background-color: @surface0;\n color: @text;\n border-color: @teal;\n }\n\n /* Poll questions */\n td.comment > div > font {\n color: @text;\n }\n\n /* Bottom footer separator bar */\n #hnmain > tbody > tr:nth-child(4) > td > table > tbody > tr > td {\n background-color: @base;\n }\n\n /* Search bar text field */\n #hnmain\n > tbody\n > tr:nth-child(4)\n > td\n > center:nth-child(6)\n > form\n > input[type=\"text\"] {\n background-color: @surface0;\n }\n\n /* Search bar text */\n #hnmain > tbody > tr:nth-child(4) > td > center:nth-child(6) > form {\n color: @text;\n }\n\n /* FAQ Questions */\n body > center > table > tbody > tr > td > p > b {\n color: @subtext1;\n }\n\n /* FAQ Header */\n body > center > table > tbody > tr > td > b {\n color: @subtext1;\n }\n\n /* Text post content */\n .toptext {\n color: @text;\n }\n\n /* Replace vote arrow with svg arrow and mask */\n .votearrow {\n background-image: url(\"data:image/svg+xml,%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' %5B %3C!ENTITY ns_svg 'http://www.w3.org/2000/svg'%3E%3C!ENTITY ns_xlink 'http://www.w3.org/1999/xlink'%3E%0A%5D%3E%3Csvg xmlns='&ns_svg;' width='10' height='10' viewBox='0 0 10 10' fill-opacity='0' xml:space='preserve'%3E%3Cpolygon points='0,10 5,1 10,10 '/%3E%3C/svg%3E%0A\");\n -webkit-mask-image: url(\"data:image/svg+xml,%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' %5B %3C!ENTITY ns_svg 'http://www.w3.org/2000/svg'%3E%3C!ENTITY ns_xlink 'http://www.w3.org/1999/xlink'%3E%0A%5D%3E%3Csvg xmlns='&ns_svg;' width='10' height='10' viewBox='0 0 10 10' fill='black' xml:space='preserve'%3E%3Cpolygon points='0,10 5,1 10,10 '/%3E%3C/svg%3E%0A\");\n mask-image: url(\"data:image/svg+xml,%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' %5B %3C!ENTITY ns_svg 'http://www.w3.org/2000/svg'%3E%3C!ENTITY ns_xlink 'http://www.w3.org/1999/xlink'%3E%0A%5D%3E%3Csvg xmlns='&ns_svg;' width='10' height='10' viewBox='0 0 10 10' fill='black' xml:space='preserve'%3E%3Cpolygon points='0,10 5,1 10,10 '/%3E%3C/svg%3E%0A\");\n background-color: @subtext0;\n height: 8;\n }\n }\n}\n", + "usercssData": { + "name": "HackerNews Catppuccin", + "namespace": "github.com/catppuccin/userstyles/styles/hacker-news", + "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/hacker-news", + "version": "0.1.1", + "description": "Soothing pastel theme for HackerNews", + "author": "Catppuccin", + "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/hacker-news/catppuccin.user.css", + "license": "MIT", + "preprocessor": "less", + "vars": { + "flavor": { + "type": "select", + "label": "Flavor", + "name": "flavor", + "value": "macchiato", + "default": "mocha", + "options": [ + { + "name": "latte", + "label": "Latte", + "value": "latte" + }, + { + "name": "frappe", + "label": "Frappe", + "value": "frappe" + }, + { + "name": "macchiato", + "label": "Macchiato", + "value": "macchiato" + }, + { + "name": "mocha", + "label": "Mocha", + "value": "mocha" + } + ] + } + } + }, + "author": "Catppuccin", + "description": "Soothing pastel theme for HackerNews", + "name": "HackerNews Catppuccin", + "originalDigest": "62529c69ad655ec8314f262f20436f3978fd6c5d", + "_id": "530c5997-2295-4a9a-af3a-076c053e1c33", + "_rev": 1696719568897, + "id": 61, + "etag": "W/\"7b95d101accdd1350a2b353ad322b58f92d76087726ff51acb15867636e4d8d4\"" + }, + { + "enabled": true, + "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/proton/catppuccin.user.css", + "url": "https://github.com/catppuccin/userstyles/tree/main/styles/proton", + "installDate": 1696719609404, + "sections": [ + { + "code": "" + } + ], + "sourceCode": "/* ==UserStyle==\n@name Proton Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/proton\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/proton\n@version 0.1.4\n@description Soothing pastel theme for Proton services\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/proton/catppuccin.user.css\n@license MIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document regexp(\"https://(account|mail|drive|calendar).proton.me/.*$\")\n{\n :root {\n #catppuccin(@flavor, @accentColor);\n }\n\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\n };\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-Color: @catppuccin[@@lookup][@@accent];\n\n svg.logo {\n @accentH: hue(@accent-Color);\n @protonH: hue(#6d4aff);\n\n .replaceColor(@org, @property) {\n &[@{property}=\"@{org}\"] {\n @hDiff: @protonH - hue(@org);\n @{property}: hsl(\n @accentH - @hDiff,\n saturation(@org) - 30%,\n lightness(@org)\n );\n }\n }\n\n /* prettier-ignore */\n > path {\n .replaceColor(#B8D7FF, fill);\n .replaceColor(#8F69FF, fill);\n }\n\n /* prettier-ignore */\n > defs stop {\n .replaceColor(#E3D9FF, stop-color);\n .replaceColor(#7341FF, stop-color);\n .replaceColor(#6D4AFF, stop-color);\n .replaceColor(#AA8EFF, stop-color);\n .replaceColor(#06B8FF, stop-color);\n .replaceColor(#BFE8FF, stop-color);\n .replaceColor(#BFABFF, stop-color);\n .replaceColor(#FF50C3, stop-color);\n .replaceColor(#B487FF, stop-color);\n .replaceColor(#FFC8FF, stop-color);\n .replaceColor(#8EFFEE, stop-color);\n .replaceColor(#C9C7FF, stop-color);\n .replaceColor(#00F0C3, stop-color);\n .replaceColor(#FFD580, stop-color);\n .replaceColor(#F6C592, stop-color);\n .replaceColor(#EBB6A2, stop-color);\n .replaceColor(#DFA5AF, stop-color);\n .replaceColor(#D397BE, stop-color);\n .replaceColor(#C486CB, stop-color);\n .replaceColor(#B578D9, stop-color);\n .replaceColor(#A166E5, stop-color);\n .replaceColor(#8B57F2, stop-color);\n .replaceColor(#704CFF, stop-color);\n .replaceColor(#B39FFB, stop-color);\n .replaceColor(#FFE8DB, stop-color);\n }\n }\n\n &,\n .ui-prominent,\n .ui-standard {\n .lightenOrDarken(@color, @value) {\n @result: if(\n @flavor=latte,\n lighten(@color, @value),\n darken(@color, @value)\n );\n }\n\n --primary: @accent-Color;\n --primary-contrast: @mantle;\n --signal-danger-minor-2: .lightenOrDarken(@maroon, 40%) [ @result];\n --signal-danger-minor-1: .lightenOrDarken(@maroon, 30%) [ @result];\n --signal-danger: @maroon;\n --signal-danger-major-1: saturate(@maroon, 40%);\n --signal-danger-major-2: saturate(@maroon, 30%);\n --signal-danger-major-3: saturate(@maroon, 20%);\n --signal-danger-contrast: @mantle;\n --signal-warning-minor-2: .lightenOrDarken(@peach, 40%) [ @result];\n --signal-warning-minor-1: .lightenOrDarken(@peach, 30%) [ @result];\n --signal-warning: @peach;\n --signal-warning-major-1: saturate(@peach, 40%);\n --signal-warning-major-2: saturate(@peach, 30%);\n --signal-warning-major-3: saturate(@peach, 20%);\n --signal-warning-contrast: @mantle;\n --signal-success-minor-2: .lightenOrDarken(@green, 40%) [ @result];\n --signal-success-minor-1: .lightenOrDarken(@green, 30%) [ @result];\n --signal-success: @green;\n --signal-success-major-1: saturate(@green, 40%);\n --signal-success-major-2: saturate(@green, 30%);\n --signal-success-major-3: saturate(@green, 20%);\n --signal-success-contrast: @mantle;\n --signal-info-minor-2: .lightenOrDarken(@blue, 40%) [ @result];\n --signal-info-minor-1: .lightenOrDarken(@blue, 30%) [ @result];\n --signal-info: @blue;\n --signal-info-major-1: saturate(@blue, 40%);\n --signal-info-major-2: saturate(@blue, 30%);\n --signal-info-major-3: saturate(@blue, 20%);\n --signal-info-contrast: @mantle;\n --interaction-norm-minor-2: .lightenOrDarken(@accent-Color, 40%) [\n @result];\n --interaction-norm-minor-1: .lightenOrDarken(@accent-Color, 30%) [\n @result];\n --interaction-norm: @accent-Color;\n --interaction-norm-major-1: saturate(@accent-Color, 30%);\n --interaction-norm-major-2: saturate(@accent-Color, 20%);\n --interaction-norm-major-3: saturate(@accent-Color, 10%);\n --interaction-norm-contrast: @mantle;\n --interaction-weak-minor-2: darken(@surface0, 50%);\n --interaction-weak-minor-1: darken(@surface0, 30%);\n --interaction-weak: @surface0;\n --interaction-weak-major-1: lighten(@surface0, 10%);\n --interaction-weak-major-2: lighten(@surface0, 20%);\n --interaction-weak-major-3: lighten(@surface0, 30%);\n --interaction-weak-contrast: @text;\n --text-norm: @text;\n --text-weak: @subtext0;\n --text-hint: @subtext1;\n --text-disabled: @overlay1;\n --text-invert: @crust;\n --field-norm: @overlay2;\n --field-hover: @overlay1;\n --field-disabled: @overlay0;\n --field-focus: @accent-Color;\n --field-highlight: fadeout(@accent-Color, 30%);\n --focus-outline: @accent-Color;\n --focus-ring: fadeout(@accent-Color, 60%);\n --border-norm: @overlay0;\n --border-weak: @overlay1;\n --background-norm: @base;\n --background-weak: @mantle;\n --background-strong: @crust;\n --background-invert: @text;\n --interaction-default: transparent;\n --interaction-default-hover: fadeout(@overlay1, 80%);\n --interaction-default-active: fadeout(@overlay1, 60%);\n --shadow-norm-opacity: 0.5;\n --shadow-lifted-opacity: 0.75;\n --backdrop-norm: fadeout(@crust, 50%);\n --optional-scrollbar-thumb-color: @surface0;\n --optional-scrollbar-thumb-hover-color: @surface2;\n --optional-link-norm: var(--interaction-norm-major-1);\n --optional-link-hover: var(--interaction-norm-major-2);\n --optional-link-active: var(--interaction-norm-major-3);\n --optional-background-elevated: @surface0;\n --optional-background-lowered: var(--background-norm);\n --optional-email-item-unread-background-color: var(--background-weak);\n --optional-email-item-read-background-color: var(--background-norm);\n --optional-email-item-read-text-color: var(--text-weak);\n --optional-mini-calendar-today-color: @text;\n --optional-logo-text-proton-color: @text;\n --optional-logo-text-product-color: @text;\n --favorite-icon-color: @peach;\n }\n\n .ui-prominent {\n --background-norm: @mantle;\n --background-weak: @base;\n --background-strong: @crust;\n }\n\n .button-promotion {\n --upgrade-color-stop-1: @red;\n --upgrade-color-stop-2: @blue;\n }\n\n .item-container-row:not(.item-is-selected):hover,\n .item-container:not(.item-is-selected):hover {\n box-shadow: none;\n background-color: var(--navigation-current-item-background-color);\n color: var(--email-item-unread-text-color);\n }\n }\n}\n", + "usercssData": { + "name": "Proton Catppuccin", + "namespace": "github.com/catppuccin/userstyles/styles/proton", + "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/proton", + "version": "0.1.4", + "description": "Soothing pastel theme for Proton services", + "author": "Catppuccin", + "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/proton/catppuccin.user.css", + "license": "MIT", + "preprocessor": "less", + "vars": { + "flavor": { + "type": "select", + "label": "Flavor", + "name": "flavor", + "value": "macchiato", + "default": "mocha", + "options": [ + { + "name": "latte", + "label": "Latte", + "value": "latte" + }, + { + "name": "frappe", + "label": "Frappe", + "value": "frappe" + }, + { + "name": "macchiato", + "label": "Macchiato", + "value": "macchiato" + }, + { + "name": "mocha", + "label": "Mocha", + "value": "mocha" + } + ] + }, + "accentColor": { + "type": "select", + "label": "Accent", + "name": "accentColor", + "value": "lavender", + "default": "red", + "options": [ + { + "name": "rosewater", + "label": "Rosewater", + "value": "rosewater" + }, + { + "name": "flamingo", + "label": "Flamingo", + "value": "flamingo" + }, + { + "name": "pink", + "label": "Pink", + "value": "pink" + }, + { + "name": "mauve", + "label": "Mauve", + "value": "mauve" + }, + { + "name": "red", + "label": "Red", + "value": "red" + }, + { + "name": "maroon", + "label": "Maroon", + "value": "maroon" + }, + { + "name": "peach", + "label": "Peach", + "value": "peach" + }, + { + "name": "yellow", + "label": "Yellow", + "value": "yellow" + }, + { + "name": "green", + "label": "Green", + "value": "green" + }, + { + "name": "teal", + "label": "Teal", + "value": "teal" + }, + { + "name": "blue", + "label": "Blue", + "value": "blue" + }, + { + "name": "sapphire", + "label": "Sapphire", + "value": "sapphire" + }, + { + "name": "sky", + "label": "Sky", + "value": "sky" + }, + { + "name": "lavender", + "label": "Lavender", + "value": "lavender" + }, + { + "name": "subtext0", + "label": "Gray", + "value": "subtext0" + } + ] + } + } + }, + "author": "Catppuccin", + "description": "Soothing pastel theme for Proton services", + "name": "Proton Catppuccin", + "originalDigest": "bc954c92c534c77a0e3e72fafc1ec65f88ec777b", + "_id": "9a2bd0a8-ed77-46b5-8e0e-3a6762ac9a54", + "_rev": 1696719609404, + "id": 62, + "etag": "W/\"25c356e0b3c383560317d1d56e394ce98593db7bbfc4a130668887c6420d06a4\"" + }, + { + "enabled": true, + "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/modrinth/catppuccin.user.css", + "url": "https://github.com/catppuccin/userstyles/tree/main/styles/modrinth", + "installDate": 1696719638083, + "sections": [ + { + "code": "" + } + ], + "sourceCode": "/* ==UserStyle==\n@name Modrinth Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/modrinth\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/modrinth\n@version 1.1.2\n@description Soothing pastel theme for Modrinth\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/modrinth/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document regexp(\".*https:\\\\/\\\\/(www\\\\.|staging\\\\.|)modrinth\\\\.com.*\") {\n @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n @shadow: #dbdfef;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n @shadow: #010409;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n @shadow: #010409;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n @shadow: #010409;\n };\n };\n\n .light-mode {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n .dark-mode,\n .oled-mode {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @shadow: @catppuccin[@@lookup][@shadow];\n @accent-Color: @catppuccin[@@lookup][@@accent];\n\n & {\n --color-bg: @crust;\n --color-ad-raised: @surface2;\n --color-ad: @surface1;\n --color-brand-green: @accent-Color;\n --color-button-bg-active: @overlay0;\n --color-button-bg-hover: @surface2;\n --color-button-bg: @surface1;\n --color-button-text-hover: @text;\n --color-button-text: @subtext1;\n --color-divider: @surface0;\n --color-heading: @yellow;\n --color-icon: @text;\n --color-link-active: @teal;\n --color-link-hover: @sky;\n --color-link: @sapphire;\n --color-raised-bg: @base;\n --color-special-blue: @sapphire;\n --color-special-orange: @peach;\n --color-special-purple: @mauve;\n --color-special-red: @red;\n --color-text: @subtext1;\n --color-text-inactive: @overlay1;\n --color-brand-inverted: @shadow;\n --color-text-dark: @text;\n --color-table-alternate-row: @crust;\n --color-table-border: @overlay0;\n }\n\n .BDVE3s9MFQttmbMUeYup-2 a b,\n .BDVE3s9MFQttmbMUeYup-2 a strong {\n color: @accent-Color;\n }\n }\n}\n", + "usercssData": { + "name": "Modrinth Catppuccin", + "namespace": "github.com/catppuccin/userstyles/styles/modrinth", + "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/modrinth", + "version": "1.1.2", + "description": "Soothing pastel theme for Modrinth", + "author": "Catppuccin", + "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/modrinth/catppuccin.user.css", + "license": "MIT", + "preprocessor": "less", + "vars": { + "lightFlavor": { + "type": "select", + "label": "Light Flavor", + "name": "lightFlavor", + "value": "macchiato", + "default": "latte", + "options": [ + { + "name": "latte", + "label": "Latte", + "value": "latte" + }, + { + "name": "frappe", + "label": "Frappe", + "value": "frappe" + }, + { + "name": "macchiato", + "label": "Macchiato", + "value": "macchiato" + }, + { + "name": "mocha", + "label": "Mocha", + "value": "mocha" + } + ] + }, + "darkFlavor": { + "type": "select", + "label": "Dark Flavor", + "name": "darkFlavor", + "value": "macchiato", + "default": "mocha", + "options": [ + { + "name": "latte", + "label": "Latte", + "value": "latte" + }, + { + "name": "frappe", + "label": "Frappe", + "value": "frappe" + }, + { + "name": "macchiato", + "label": "Macchiato", + "value": "macchiato" + }, + { + "name": "mocha", + "label": "Mocha", + "value": "mocha" + } + ] + }, + "accentColor": { + "type": "select", + "label": "Accent", + "name": "accentColor", + "value": "lavender", + "default": "red", + "options": [ + { + "name": "rosewater", + "label": "Rosewater", + "value": "rosewater" + }, + { + "name": "flamingo", + "label": "Flamingo", + "value": "flamingo" + }, + { + "name": "pink", + "label": "Pink", + "value": "pink" + }, + { + "name": "mauve", + "label": "Mauve", + "value": "mauve" + }, + { + "name": "red", + "label": "Red", + "value": "red" + }, + { + "name": "maroon", + "label": "Maroon", + "value": "maroon" + }, + { + "name": "peach", + "label": "Peach", + "value": "peach" + }, + { + "name": "yellow", + "label": "Yellow", + "value": "yellow" + }, + { + "name": "green", + "label": "Green", + "value": "green" + }, + { + "name": "teal", + "label": "Teal", + "value": "teal" + }, + { + "name": "blue", + "label": "Blue", + "value": "blue" + }, + { + "name": "sapphire", + "label": "Sapphire", + "value": "sapphire" + }, + { + "name": "sky", + "label": "Sky", + "value": "sky" + }, + { + "name": "lavender", + "label": "Lavender", + "value": "lavender" + }, + { + "name": "subtext0", + "label": "Gray", + "value": "subtext0" + } + ] + } + } + }, + "author": "Catppuccin", + "description": "Soothing pastel theme for Modrinth", + "name": "Modrinth Catppuccin", + "originalDigest": "26ebf066b236c13f9017fa706cdc1fce3c64b0d0", + "_id": "afbec67e-85af-4210-9ab0-f8e2c3b133cc", + "_rev": 1696719638083, + "id": 63, + "etag": "W/\"78dc9061f53b0c8c364fe6fbcc29eff95c90f98fefc6ff08e6687baa9bbdd591\"" + }, + { + "enabled": true, + "updateUrl": "https://github.com/GitMuslim/google/raw/main/src/catppuccin.user.css", + "url": "https://github.com/catppuccin/google", + "installDate": 1696719791349, + "sections": [ + { + "code": "" + } + ], + "sourceCode": "/* ==UserStyle==\n@name Google Catppuccin\n@namespace github.com/catppuccin/google\n@homepageURL https://github.com/catppuccin/google\n@version 1.2.8\n@description Soothing pastel theme for Google\n@author Catppuccin - mustafakhalaf-git\n@preprocessor stylus\n@updateURL https://github.com/GitMuslim/google/raw/main/src/catppuccin.user.css\n@license MIT\n\n@var select darktheme \"Theme\" [\"Latte\", \"Frappe\", \"Macchiato\", \"Mocha\"]\n==/UserStyle== */\n@-moz-document regexp(\"^https?://(www\\\\.|images\\\\.)?google\\\\..*\") {\n colourscheme(flavour) {\n if (flavour==\"Latte\") {\n --ctp-rosewater: #dc8a78;\n --ctp-flamingo: #dd7878;\n --ctp-pink: #ea76cb;\n --ctp-mauve: #8839ef;\n --ctp-red: #d20f39;\n --ctp-maroon: #e64553;\n --ctp-peach: #fe640b;\n --ctp-yellow: #df8e1d;\n --ctp-green: #40a02b;\n --ctp-teal: #179299;\n --ctp-sky: #04a5e5;\n --ctp-sapphire: #209fb5;\n --ctp-blue: #1e66f5;\n --ctp-lavender: #7287fd;\n --ctp-rosewatera: rgba(220, 138, 120, 0.25);\n --ctp-flamingoa: rgba(221, 120, 120, 0.25);\n --ctp-pinka: rgba(234, 118, 203, 0.25);\n --ctp-mauvea: rgba(136, 57, 239, 0.25);\n --ctp-reda: rgba(210, 15, 57, 0.25);\n --ctp-maroona: rgba(230, 69, 83, 0.25);\n --ctp-peacha: rgba(254, 100, 11, 0.25);\n --ctp-yellowa: rgba(223, 142, 29, 0.25);\n --ctp-greena: rgba(64, 160, 43, 0.25);\n --ctp-teala: rgba(23, 146, 153, 0.25);\n --ctp-skya: rgba(4, 165, 229, 0.25);\n --ctp-sapphirea: rgba(32, 159, 181, 0.25);\n --ctp-bluea: rgba(30, 102, 245, 0.25);\n --ctp-lavendera: rgba(114, 135, 253, 0.25);\n --ctp-text: #4c4f69;\n --ctp-subtext1: #5c5f77;\n --ctp-subtext0: #6c6f85;\n --ctp-overlay2: #7c7f93;\n --ctp-overlay1: #8c8fa1;\n --ctp-overlay0: #9ca0b0;\n --ctp-surface2: #acb0be;\n --ctp-surface1: #bcc0cc;\n --ctp-surface0: #ccd0da;\n --ctp-base: #eff1f5;\n --ctp-mantle: #e6e9ef;\n --ctp-crust: #dce0e8;\n }\n if (flavour==\"Frappe\") {\n --ctp-rosewater: #f2d5cf;\n --ctp-flamingo: #eebebe;\n --ctp-pink: #f4b8e4;\n --ctp-mauve: #ca9ee6;\n --ctp-red: #e78284;\n --ctp-maroon: #ea999c;\n --ctp-peach: #ef9f76;\n --ctp-yellow: #e5c890;\n --ctp-green: #a6d189;\n --ctp-teal: #81c8be;\n --ctp-sky: #99d1db;\n --ctp-sapphire: #85c1dc;\n --ctp-blue: #8caaee;\n --ctp-lavender: #babbf1;\n --ctp-rosewatera: rgba(242, 213, 207, 0.25);\n --ctp-flamingoa: rgba(238, 190, 190, 0.25);\n --ctp-pinka: rgba(244, 184, 228, 0.25);\n --ctp-mauvea: rgba(202, 158, 230, 0.25);\n --ctp-reda: rgba(231, 130, 132, 0.25);\n --ctp-maroona: rgba(234, 153, 156, 0.25);\n --ctp-peacha: rgba(239, 159, 118, 0.25);\n --ctp-yellowa: rgba(229, 200, 144, 0.25);\n --ctp-greena: rgba(166, 209, 137, 0.25);\n --ctp-teala: rgba(129, 200, 190, 0.25);\n --ctp-skya: rgba(153, 209, 219, 0.25);\n --ctp-sapphirea: rgba(133, 193, 220, 0.25);\n --ctp-bluea: rgba(140, 170, 238, 0.25);\n --ctp-lavendera: rgba(186, 187, 241, 0.25);\n --ctp-text: #c6d0f5;\n --ctp-subtext1: #b5bfe2;\n --ctp-subtext0: #a5adce;\n --ctp-overlay2: #949cbb;\n --ctp-overlay1: #838ba7;\n --ctp-overlay0: #737994;\n --ctp-surface2: #626880;\n --ctp-surface1: #51576d;\n --ctp-surface0: #414559;\n --ctp-base: #303446;\n --ctp-mantle: #292c3c;\n --ctp-crust: #232634;\n }\n if (flavour==\"Macchiato\") {\n --ctp-rosewater: #f4dbd6;\n --ctp-flamingo: #f0c6c6;\n --ctp-pink: #f5bde6;\n --ctp-mauve: #c6a0f6;\n --ctp-red: #ed8796;\n --ctp-maroon: #ee99a0;\n --ctp-peach: #f5a97f;\n --ctp-yellow: #eed49f;\n --ctp-green: #a6da95;\n --ctp-teal: #8bd5ca;\n --ctp-sky: #91d7e3;\n --ctp-sapphire: #7dc4e4;\n --ctp-blue: #8aadf4;\n --ctp-lavender: #b7bdf8;\n --ctp-rosewatera: rgba(244, 219, 214, 0.25);\n --ctp-flamingoa: rgba(240, 198, 198, 0.25);\n --ctp-pinka: rgba(245, 189, 230, 0.25);\n --ctp-mauvea: rgba(198, 160, 246, 0.25);\n --ctp-reda: rgba(237, 135, 150, 0.25);\n --ctp-maroona: rgba(238, 153, 160, 0.25);\n --ctp-peacha: rgba(245, 169, 127, 0.25);\n --ctp-yellowa: rgba(238, 212, 159, 0.25);\n --ctp-greena: rgba(166, 218, 149, 0.25);\n --ctp-teala: rgba(139, 213, 202, 0.25);\n --ctp-skya: rgba(145, 215, 227, 0.25);\n --ctp-sapphirea: rgba(125, 196, 228, 0.25);\n --ctp-bluea: rgba(138, 173, 244, 0.25);\n --ctp-lavendera: rgba(183, 189, 248, 0.25);\n --ctp-text: #cad3f5;\n --ctp-subtext1: #b8c0e0;\n --ctp-subtext0: #a5adcb;\n --ctp-overlay2: #939ab7;\n --ctp-overlay1: #8087a2;\n --ctp-overlay0: #6e738d;\n --ctp-surface2: #5b6078;\n --ctp-surface1: #494d64;\n --ctp-surface0: #363a4f;\n --ctp-base: #24273a;\n --ctp-mantle: #1e2030;\n --ctp-crust: #181926;\n }\n if (flavour==\"Mocha\") {\n --ctp-rosewater: #f5e0dc;\n --ctp-flamingo: #f2cdcd;\n --ctp-pink: #f5c2e7;\n --ctp-mauve: #cba6f7;\n --ctp-red: #f38ba8;\n --ctp-maroon: #eba0ac;\n --ctp-peach: #fab387;\n --ctp-yellow: #f9e2af;\n --ctp-green: #a6e3a1;\n --ctp-teal: #94e2d5;\n --ctp-sky: #89dceb;\n --ctp-sapphire: #74c7ec;\n --ctp-blue: #89b4fa;\n --ctp-lavender: #b4befe;\n --ctp-rosewatera: rgba(245, 224, 220, 0.25);\n --ctp-flamingoa: rgba(242, 205, 205, 0.25);\n --ctp-pinka: rgba(245, 194, 231, 0.25);\n --ctp-mauvea: rgba(203, 166, 247, 0.25);\n --ctp-reda: rgba(243, 139, 168, 0.25);\n --ctp-maroona: rgba(235, 160, 172, 0.25);\n --ctp-peacha: rgba(250, 179, 135, 0.25);\n --ctp-yellowa: rgba(249, 226, 175, 0.25);\n --ctp-greena: rgba(166, 227, 161, 0.25);\n --ctp-teala: rgba(148, 226, 213, 0.25);\n --ctp-skya: rgba(137, 220, 235, 0.25);\n --ctp-sapphirea: rgba(116, 199, 236, 0.25);\n --ctp-bluea: rgba(137, 180, 250, 0.25);\n --ctp-lavendera: rgba(180, 190, 254, 0.25);\n --ctp-text: #cdd6f4;\n --ctp-subtext1: #bac2de;\n --ctp-subtext0: #a6adc8;\n --ctp-overlay2: #9399b2;\n --ctp-overlay1: #7f849c;\n --ctp-overlay0: #6c7086;\n --ctp-surface2: #585b70;\n --ctp-surface1: #45475a;\n --ctp-surface0: #313244;\n --ctp-base: #1e1e2e;\n --ctp-mantle: #181825;\n --ctp-crust: #11111b;\n }\n }\n \n body {\n if (darktheme==\"Latte\") { colourscheme(Latte) }\n if (darktheme==\"Frappe\") { colourscheme(Frappe) }\n if (darktheme==\"Macchiato\") { colourscheme(Macchiato) }\n if (darktheme==\"Mocha\") { colourscheme(Mocha) }\n }\n /*.aRDKUe.Lvwayc {\n background: transparent !important;\n }*/\n body.srp:not(.uOat3d), body:not(.uOat3d) {\n background: var(--ctp-base);\n }\n .MUxGbd {\n background: var(--ctp-base);\n }\n .yuRUbf {\n background-color: var(--ctp-base);\n }\n .WE0UJf {\n background-color: var(--ctp-base);\n }\n .HiHjCd {\n background-color: var(--ctp-base);\n }\n .sfbg {\n background-color: var(--ctp-base);\n }\n .yg51vc {\n background-color: var(--ctp-base);\n }\n .RNNXgb {\n background: var(--ctp-surface0);\n border: 1px solid var(--ctp-surface1);\n }\n .QCzoEc {\n color: var(--ctp-overlay2);\n }\n .RNNXgb:hover, .sbfc .RNNXgb {\n background-color: var(--ctp-surface0);\n }\n .emcav .RNNXgb {\n background: var(--ctp-surface0);\n }\n .aajZCb {\n background: var(--ctp-surface0);\n }\n html .dG2XIf .xpdbox .yc7KLc {\n background-color: var(--ctp-base);\n }\n .MXl0lf {\n background: var(--ctp-surface0);\n }\n .MXl0lf:hover {\n background: var(--ctp-surface1);\n }\n .mIKy0c.dGWpb {\n background-color: var(--ctp-base);\n }\n .dw-sb-cont .dw-sbi {\n background: var(--ctp-base);\n }\n .dw-sb-cont .dw-sb-btn {\n background: var(--ctp-base);\n }\n .JG3t0b {\n background-color: var(--ctp-base);\n }\n .JG3t0b:hover {\n background-color: var(--ctp-surface0);\n }\n .minidiv .sfbg {\n background: var(--ctp-surface0);\n }\n .minidiv .RNNXgb {\n background: var(--ctp-surface0);\n }\n .mQo3nc {\n background-color: var(--ctp-surface0);\n }\n #SIvCob {\n color: var(--ctp-text);\n }\n .uU7dJb {\n border-bottom: 1px solid var(--ctp-surface0);\n background-color: var(--ctp-mantle);\n color: var(--ctp-subtext1);\n }\n .pHiOh, a.pHiOh {\n color: var(--ctp-subtext1);\n }\n .gb_Ic a.gb_p, .gb_Ic span.gb_p {\n color: var(--ctp-text);\n }\n .gb_Ic svg, .gb_Nc.gb_Rc svg, .gb_Ic .gb_9c .gb_be, .gb_Ic .gb_9c .gb_Hc, .gb_Ic .gb_9c .gb_bd, .gb_Nc.gb_Rc .gb_be {\n color: var(--ctp-text);\n }\n .KxwPGc {\n background-color: var(--ctp-mantle);\n }\n .lJ9FBc input[type=\"submit\"] {\n color: var(--ctp-text);\n background-color: var(--ctp-surface0);\n border: 1px solid var(--ctp-surface1);\n }\n .lJ9FBc input[type=\"submit\"]:hover {\n background-color: var(--ctp-surface0);\n border: 1px solid var(--ctp-surface2);\n color: var(--ctp-text);\n }\n .Z26q7c {\n background-color: var(--ctp-base);\n }\n .k8XOCe {\n background-color: var(--ctp-surface0);\n }\n .f6F9Be {\n background: var(--ctp-mantle);\n }\n .ZkkK1e {\n background: var(--ctp-base);\n }\n .ZkkK1e:hover {\n background: var(--ctp-surface0);\n }\n .LGOjhe {\n background-color: var(--ctp-base);\n }\n .I6TXqe {\n background: var(--ctp-base);\n }\n .NtaMpb .niO4u {\n background-color: var(--ctp-base);\n }\n .s8GCU {\n background: var(--ctp-base);\n }\n .Lj9fsd {\n background: var(--ctp-base);\n }\n .jZWadf {\n background: var(--ctp-base);\n }\n .o6juZc {\n background-color: var(--ctp-surface0);\n }\n .o6juZc:hover {\n background-color: var(--ctp-surface0);\n }\n .W6pGoe {\n background: var(--ctp-surface0);\n }\n .IZ6rdc {\n background-color: var(--ctp-base);\n }\n .sbct:hover {\n background-color: var(--ctp-surface1);\n }\n .dG2XIf {\n background: var(--ctp-base);\n }\n .JgfpDb.cZEg1e, .JgfpDb .cZEg1e {\n background-color: var(--ctp-mantle);\n }\n .Lj9fsd.DU1Mzb {\n background-color: var(--ctp-surface0);\n }\n .gb_Ia:not(.gb_n) {\n background-color: var(--ctp-base) !important;\n }\n a {\n color: var(--ctp-blue);\n }\n .KLEmSd {\n background-color: var(--ctp-surface1);\n }\n .akqY6 {\n background: var(--ctp-surface1);\n }\n .pb5vrc {\n background-color: var(--ctp-surface1);\n }\n .zgAlFc {\n color: var(--ctp-blue);\n }\n .xtSCL {\n border-top: 1px solid var(--ctp-surface2);\n }\n .GLcBOb {\n border-bottom: 1px solid var(--ctp-surface1);\n }\n .fLciMb {\n color: var(--ctp-text);\n }\n .hdtb-mitem a {\n color: var(--ctp-subtext0);\n }\n .hdtb-mitem .GOE98c, .hdtb-mitem a, .hdtb-mitem.hdtb-msel, .t2vtad {\n color: var(--ctp-subtext0);\n }\n .t2vtad:not(.hdtb-tl-sel) {\n color: var(--ctp-subtext0);\n }\n .t2vtad:not(.hdtb-tl-sel):hover {\n background-color: var(--ctp-surface0);\n border: 1px solid var(--ctp-surface1);\n color: var(--ctp-text)\n }\n .ACRAdd {\n border-left: 1px solid var(--ctp-overlay0);\n }\n .ExCKkf {\n color: var(--ctp-subtext0);\n }\n .ynAwRc {\n color: var(--ctp-blue);\n }\n #rhs .dG2XIf {\n border: 1px solid var(--ctp-surface1);\n }\n .y8Jpof.pPLc9e.kpQuGf {\n border-top: 1px solid var(--ctp-surface1);\n }\n .minidiv .RNNXgb {\n border: 1px solid var(--ctp-overlay0);\n }\n .ZZ7G7b {\n border: 1px solid var(--ctp-surface1);\n }\n .cEPPT {\n border-bottom: solid 1px var(--ctp-surface1);\n margin-bottom: 11px;\n }\n .gb_Jc a.gb_q, .gb_Jc span.gb_q {\n color: var(--ctp-text);\n }\n .gb_Jc svg, .gb_Oc.gb_Sc svg, .gb_Jc .gb_ad .gb_Ld, .gb_Jc .gb_ad .gb_Ic, .gb_Jc .gb_ad .gb_cd, .gb_Oc.gb_Sc .gb_Ld {\n color: var(--ctp-text);\n }\n .DKV0Md {\n color: var(--ctp-blue);\n }\n .NJLBac {\n color: var(--ctp-blue);\n }\n .yXK7lf em {\n color: var(--ctp-text);\n }\n .yDYNvb.lyLwlc {\n color: var(--ctp-text);\n }\n .hb8SAc {\n color: var(--ctp-text);\n }\n .kno-ecr-pt {\n color: var(--ctp-text);\n }\n .wwUB2c {\n color: var(--ctp-subtext0);\n }\n .TQc1id .I6TXqe {\n border: 1px solid var(--ctp-surface2);\n }\n .HsZQAe {\n border-bottom: 1px solid var(--ctp-surface2) !important;\n }\n .NtaMpb .niO4u {\n color: var(--ctp-text);\n }\n a.EbH0bb {\n color: var(--ctp-subtext0);\n }\n .Ss2Faf a {\n color: var(--ctp-text);\n }\n .kno-ftr.rpBMYb {\n color: var(--ctp-subtext0);\n }\n .S8ee5.CwbYXd {\n color: var(--ctp-text);\n }\n .rhHIGd {\n background-color: var(--ctp-surface2);\n }\n .S8ee5.CwbYXd {\n color: var(--ctp-text);\n }\n .S8ee5 {\n background: var(--ctp-surface0);\n }\n .S8ee5:hover {\n background: var(--ctp-surface1);\n }\n .p8VO6e {\n color: var(--ctp-text);\n }\n .YTDezd {\n background: var(--ctp-blue);\n }\n .NZmxZe:hover {\n color: var(--ctp-blue);\n }\n .rQEFy {\n color: var(--ctp-blue);\n border-bottom: 3px solid var(--ctp-blue);\n }\n .hdtb-mitem.hdtb-msel {\n color: var(--ctp-blue);\n }\n .hdtb-mitem:hover .GOE98c:hover, .hdtb-mitem:hover a, .hdtb-mitem.hdtb-msel, .t2vtad:hover {\n color: var(--ctp-blue);\n }\n .cF4V5c {\n background-color: var(--ctp-base);\n }\n .cF4V5c g-menu-item a, .cF4V5c g-menu-item a:visited, .cF4V5c g-menu-item a:hover {\n color: var(--ctp-text);\n }\n .hdtb-tl-sel {\n border: 1px solid var(--ctp-surface2);\n background: var(--ctp-surface0);\n color: var(--ctp-text);\n }\n .hdtb-tl-sel:focus {\n border: 1px solid var(--ctp-surface2);\n background: var(--ctp-surface0);\n color: var(--ctp-blue);\n }\n .VvrH3b {\n background: var(--ctp-base);\n border: 1px solid var(--ctp-surface2);;\n }\n .VvrH3b:hover {\n background: var(--ctp-mantle);\n }\n .VvrH3b:focus {\n background: var(--ctp-base); \n }\n .x9emld {\n color: var(--ctp-text);\n }\n .VvrH3b:active {\n background: var(--ctp-base);\n }\n .iRPzcb {\n border-bottom: 1px solid var(--ctp-surface1);\n }\n .RES9jf {\n color: var(--ctp-text);\n }\n .xTFaxe {\n color: var(--ctp-text);\n }\n .Jb0Zif .UiGGAb.ILfuVd, .ILfuVd {\n color: var(--ctp-text);\n }\n .eqAnXb {\n color: var(--ctp-text);\n }\n .gLFyf {\n color: var(--ctp-text);\n }\n .J2MhIb .JCzEY {\n color: var(--ctp-text);\n }\n .rsGxI.Ww4FFb, .Ww4FFb {\n background-color: var(--ctp-base);\n }\n #tw-target {\n background-color: var(--ctp-surface0);\n }\n #tw-source-text-container .tw-ta, #tw-source-rmn-container .tw-ta {\n color: var(--ctp-text);\n }\n .tw-data-placeholder {\n color: var(--ctp-text);\n }\n .j1iyq {\n border: 1px solid var(--ctp-surface2);\n }\n .tw-menu-btn.tw-menu-btn-disabled {\n color: var(--ctp-surface1);\n }\n .hhB0V {\n color: var(--ctp-blue);\n }\n .KFFQ0c .YfftMc, .KFFQ0c .YfftMc span, .KFFQ0c .YfftMc div, .KFFQ0c .YfftMc a {\n color: var(--ctp-subtext0);\n }\n .usJj9c .zz3gNc {\n color: var(--ctp-text);\n }\n a:visited {\n color: var(--ctp-pink);\n }\n .VuuXrf {\n color: var(--ctp-text);\n }\n .HSryR a.B1uW2d {\n border-bottom: 1px solid var(--ctp-surface2);\n }\n .psXvZ {\n color: var(--ctp-subtext0);\n }\n .LHJvCe {\n color: var(--ctp-subtext0);\n }\n .w8qArf .fl {\n color: var(--ctp-text) !important;\n }\n .z8gr9e {\n color: var(--ctp-text);\n }\n if (darktheme==\"Latte\") {\n .jfN4p {\n filter: grayscale(1) invert(1);\n }\n .lnXdpd {\n filter: grayscale(1) invert(1);\n }\n .gb_Lc .gb_cd .gb_Jc:not(.gb_Nd) {\n filter: grayscale(1) invert(1);\n }\n }\n .pdpvld {\n color: var(--ctp-green);\n }\n cite, cite a:link, cite a:visited {\n color: var(--ctp-subtext0);\n }\n .c07z9 {\n color: var(--ctp-subtext0);\n }\n .c8d6zd {\n color: var(--ctp-test);\n }\n .I6a0ee {\n background-color: var(--ctp-base);\n border: 1px solid var(--ctp-surface2);\n }\n .I6a0ee:hover {\n background-color: var(--ctp-mantle);\n border: 1px solid var(--ctp-surface2);\n }\n .I6a0ee:focus {\n background-color: var(--ctp-crust);\n border: 1px solid var(--ctp-surface2);\n }\n .cO53qb {\n color: var(--ctp-text) !important;\n background-color: var(--ctp-surface2);\n border: 1px solid var(--ctp-crust);\n }\n .URgIvb {\n border-color: var(--ctp-blue);\n background-color: var(--ctp-blue);\n }\n .ubHt5c {\n color: var(--ctp-subtext0);\n }\n .YrbPuc {\n color: var(--ctp-subtext1);\n }\n .jEdCLc {\n color: var(--ctp-text);\n }\n a.oBa0Fe {\n color: var(--ctp-subtext0);\n }\n .c07z9 a, .c07z9 a:active, .c07z9 a:link {\n color: var(--ctp-text);\n }\n .hdtb-mn-hd {\n color: var(--ctp-subtext0);\n }\n .hdtb-mn-hd:hover {\n color: var(--ctp-text);\n }\n .hdtb-mn-hd .gTl8xb {\n border-color: var(--ctp-subtext0) transparent;\n }\n .hdtb-mn-hd:hover .gTl8xb:hover {\n border-color: var(--ctp-text) transparent;\n }\n .YbqTTb {\n background-color: var(--ctp-base);\n color: var(--ctp-text);\n }\n .JCHpcb {\n color: var(--ctp-subtext0);\n }\n .JCHpcb:hover {\n color: var(--ctp-blue);\n }\n .WggQGd {\n color: var(--ctp-mauve) !important;\n }\n .pHiOh, a.pHiOh {\n color: var(--ctp-subtext1) !important;\n }\n .wM6W7d {\n color: var(--ctp-text);\n }\n .ClJ9Yb {\n color: var(--ctp-subtext1);\n }\n .GI74Re {\n color: var(--ctp-subtext0);\n }\n .ZE0LJd {\n color: var(--ctp-subtext1);\n }\n .NUnG9d {\n color: var(--ctp-text);\n }\n if (darktheme==\"Latte\") {\n .SJajHc {\n filter: grayscale(1) invert(1);\n }\n }\n .AaVjTc a:link {\n color: var(--ctp-blue);\n }\n .YyVfkd {\n color: var(--ctp-subtext0);\n }\n .b0KoTc {\n color: var(--ctp-text);\n }\n .dfB0uf {\n color: var(--ctp-text);\n }\n .unknown_loc {\n background: var(--ctp-text);\n }\n .KwU3F {\n color: var(--ctp-blue);\n }\n .xSQxL {\n color: var(--ctp-blue);\n }\n .smiUbb {\n color: var(--ctp-text);\n }\n .fbar a {\n color: var(--ctp-subtext1);\n }\n .f6F9Be {\n border-top: 1px solid var(--ctp-surface0);\n }\n .b2hzT {\n border-bottom: 1px solid var(--ctp-surface0);\n }\n #swml {\n border-left: 1px solid var(--ctp-surface0);\n }\n .ZkkK1e {\n border: 1px solid var(--ctp-crust);\n }\n .ZkkK1e:hover, .xaNsfc:focus .ZkkK1e, a:focus .ZkkK1e, .xaNsfc:active .ZkkK1e, a:active .ZkkK1e, .ZkkK1e:focus, .ZkkK1e:active {\n color: var(--ctp-text);\n }\n .ZkkK1e.ZkkK1e {\n color: var(--ctp-text);\n }\n .AGLhIc {\n border: 1px solid var(--ctp-crust);\n color: var(--ctp-text);\n }\n .AGLhIc:hover {\n background: var(--ctp-surface0);\n }\n .IK8sod {\n background: var(--ctp-surface0);\n border: 1px solid var(--ctp-crust);\n color: var(--ctp-text);\n }\n .IK8sod:hover {\n background: var(--ctp-surface1);\n }\n .ZkkK1e[selected] {\n color: var(--ctp-base);\n border-color: var(--ctp-sapphire);\n background: var(--ctp-blue);\n }\n .ZkkK1e[selected]:hover {\n color: var(--ctp-base);\n border-color: var(--ctp-sapphire);\n background: var(--ctp-sapphire);\n }\n .Uroaid {\n color: var(--ctp-subtext0);\n }\n .P7xzyf {\n color: var(--ctp-subtext1);\n }\n .Zg1NU {\n color: var(--ctp-subtext0);\n }\n .dyjrff {\n color: var(--ctp-subtext1);\n }\n .s75CSd {\n color: var(--ctp-text);\n }\n .GZnQqe .YpcDnf {\n color: var(--ctp-subtext0);\n }\n .GZnQqe:hover .YpcDnf:hover {\n background: var(--ctp-surface0);\n }\n .gb_Jc .gb_ze button:hover svg, .gb_Jc .gb_e:hover {\n background-color: var(--ctp-surface0);\n }\n .fLciMb:hover {\n background-color: var(--ctp-surface0);\n }\n .CbAZb {\n background: var(--ctp-base);\n border-bottom: 1px solid var(--ctp-surface0);\n }\n a.tGS0Nc {\n color: var(--ctp-blue);\n }\n a.tGS0Nc:hover {\n background-color: var(--ctp-mantle);\n color: var(--ctp-blue);\n }\n .S8wJ3 {\n color: var(--ctp-text);\n }\n .bepeF {\n color: var(--ctp-text);\n }\n .kwWBYc {\n color: var(--ctp-text);\n }\n .rBrJud {\n background-color: var(--ctp-text);\n }\n .SknMB, .SknMB:visited {\n color: var(--ctp-blue);\n }\n a.W2x9Sc, a:visited.W2x9Sc {\n color: var(--ctp-blue);\n }\n .j0iFNe .kaAgDc, .j0iFNe .RvdoFd .wT0tpe, .j0iFNe .r0zAxe .wT0tpe {\n background-color: var(--ctp-blue);\n }\n .uWNHce {\n color: var(--ctp-text);\n }\n .ZI7elf {\n color: var(--ctp-text);\n }\n .rhJQGd {\n color: var(--ctp-subtext0);\n }\n .z1asCe {\n color: var(--ctp-text) !important;\n fill: var(--ctp-text); !important;\n }\n .l7xYUb {\n color: var(--ctp-text);\n }\n .fmxhfc {\n color: var(--ctp-subtext0);\n }\n .tGS0Nc {\n border: 1px solid var(--ctp-surface2);\n }\n .m0uvVb {\n border-top: 1px solid var(--ctp-surface2);\n }\n .ITNV1 {\n background-color: var(--ctp-surface2);\n }\n .UsN2ld:not(.bjIqib) .a9oE3e:checked ~ .ITNV1, .UsN2ld:not(.bjIqib) .a9oE3e:checked ~ .rBrJud {\n background-color: var(--ctp-blue);\n }\n .kQEH5b {\n color: var(--ctp-subtext1) !important;\n }\n .q0yked a:hover {\n background: var(--ctp-mantle);\n }\n .Oz5Rbb:hover {\n background: var(--ctp-mantle);\n }\n .ea0Lbe {\n background: var(--ctp-surface0);\n }\n .f6GA0, .CacfB, .Ua7Yuf {\n background: var(--ctp-base);\n }\n .DV7the {\n color: var(--ctp-blue);\n }\n .ZeVBtc {\n color: var(--ctp-subtext0);\n }\n .cB9M7 {\n background-color: var(--ctp-surface0);\n border: 1px solid var(--ctp-surface1);\n color: var(--ctp-text);\n }\n .cB9M7:focus {\n border: 1px solid var(--ctp-blue);\n }\n .Qwbd3 {\n background: var(--ctp-surface0);\n color: var(--ctp-text);\n border: 1px solid var(--ctp-surface1);\n }\n .Qwbd3:hover {\n background: var(--ctp-surface1);\n border: 1px solid var(--ctp-surface2);\n }\n .ArIAXb {\n fill: var(--ctp-surface0);\n }\n .qOFLsb {\n fill: var(--ctp-surface0);\n }\n .aHK1bd {\n color: var(--ctp-subtext0);\n }\n .diOlIe {\n border-top: 1px solid var(--ctp-overlay0);\n }\n .p4pvTd {\n color: var(--ctp-text);\n }\n title-with-lhs-icon .ekf0x h3 {\n color: var(--ctp-text);\n }\n title-with-lhs-icon:hover .ekf0x h3 {\n color: var(--ctp-blue);\n }\n title-with-lhs-icon .hSQtef.ekf0x {\n color: var(--ctp-text);\n }\n title-with-lhs-icon:hover .hSQtef.ekf0x {\n color: var(--ctp-blue);\n }\n .iJddsb {\n color: var(--ctp-text);\n }\n .gbZSUe {\n color: var(--ctp-text);\n }\n .gbZSUe:hover, .gbZSUe:active {\n background: var(--ctp-surface0);\n }\n .og3lId {\n color: var(--ctp-text);\n }\n .XZ5MVe {\n color: var(--ctp-blue);\n }\n .bm5DV {\n color: var(--ctp-text);\n }\n .TGGJzf {\n background: var(--ctp-base);\n }\n .fnuYjf {\n color: var(--ctp-text);\n }\n .KiRIme {\n border: 1px solid var(--ctp-surface1);\n color: var(--ctp-blue);\n }\n .YJaHLd:hover, .KiRIme:hover {\n background-color: var(--ctp-mantle);\n }\n .ib7Umb {\n color: var(--ctp-subtext0);\n }\n .w8NsKc {\n color: var(--ctp-text);\n }\n g-inner-card {\n background-color: var(--ctp-base);\n }\n g-inner-card a:hover {\n background-color: unset !important;\n }\n .kLhEKe {\n background-color: var(--ctp-base);\n }\n .Lj9fsd.DU1Mzb .o6juZc {\n border: 1px solid var(--ctp-overlay0);\n }\n .dyAbMb {\n fill: var(--ctp-subtext0);\n }\n .cEW58 {\n background-color: var(--ctp-surface0);\n }\n .eadHV.Ses7yd {\n color: var(--ctp-text);\n }\n .gb_Lc svg, .gb_Qc.gb_Uc svg, .gb_Lc .gb_cd .gb_Md, .gb_Lc .gb_cd .gb_Kc, .gb_Lc .gb_cd .gb_ed, .gb_Qc.gb_Uc .gb_Md {\n color: var(--ctp-text);\n }\n .f {\n color: var(--ctp-subtext0);\n }\n a.Ndm45b {\n color: var(--ctp-subtext0);\n }\n a.Ndm45b:hover {\n color: var(--ctp-blue);\n }\n .wdQNof {\n border: 1px solid var(--ctp-surface2);\n }\n .OvQkSb {\n //background-color: var(--ctp-blue) !important;\n color: var(--ctp-text) !important;\n }\n .x2GJWb .QuU3Wb {\n color: var(--ctp-text);\n }\n .x2GJWb .niO4u {\n background-color: var(--ctp-mantle);\n color: var(--ctp-text);\n }\n .VNSPub {\n color: var(--ctp-text);\n }\n .cmlJmd {\n color: var(--ctp-subtext1);\n }\n .ETWPw {\n border: 1px solid var(--ctp-overlay0);\n }\n .mjudZe {\n color: var(--ctp-text);\n }\n .mjudZe {\n border: 1px solid var(--ctp-surface2);\n }\n .PyJv1b {\n color: var(--ctp-text);\n }\n .kqEaA {\n color: var(--ctp-text);\n }\n .BklRsd {\n background-color: var(--ctp-base);\n border: 1px solid var(--ctp-overlay0);\n }\n .FpiMuf {\n color: var(--ctp-text);\n }\n .phWb1b {\n color: var(--ctp-subtext1);\n }\n .FzCfme {\n color: var(--ctp-subtext0);\n }\n .hMJ0yc {\n color: var(--ctp-subtext0);\n }\n .WZ8Tjf {\n color: var(--ctp-subtext0);\n }\n .gb_Lc .gb_Be button:hover svg, .gb_Lc .gb_e:hover {\n background-color: var(--ctp-surface0);\n }\n .Zy0CDe-PFprWc {\n background-color: var(--ctp-blue);\n }\n .Jq6Y2d {\n color: var(--ctp-text);\n }\n .E6xiJd {\n color: var(--ctp-text);\n }\n .mwlpue {\n color: var(--ctp-text);\n }\n .UpJaQ {\n border-top: 1px solid var(--ctp-surface2);\n }\n .IsOZic, .IsOZic:visited {\n color: var(--ctp-blue);\n }\n .qSu5 {\n color: var(--ctp-blue);\n }\n .j0iFNe .athwOc-LkdAo, .j0iFNe .RvdoFd .CV4hA-LkdAo, .j0iFNe .r0zAxe .CV4hA-LkdAo {\n background-color: var(--ctp-blue);\n }\n .V7LiHf {\n color: var(--ctp-subtext1) !important;\n }\n .u0wZ6e {\n color: var(--ctp-text);\n }\n .KhmqTd {\n color: var(--ctp-subtext0);\n }\n .SPmIAf {\n color: var(--ctp-subtext0);\n }\n .SPmIAf:hover {\n color: var(--ctp-text);\n }\n .w6PoOe {\n color: var(--ctp-subtext0);\n }\n .w6PoOe:hover {\n color: var(--ctp-text);\n }\n .KA8Jyb {\n fill: var(--ctp-subtext0);\n }\n .qcTKEe {\n background-color: var(--ctp-base);\n }\n .ooPrBf {\n background: var(--ctp-base);\n }\n .PNyWAd {\n color: var(--ctp-subtext0);\n }\n .ZXJQ7c:hover {\n background-color: var(--ctp-surface0);\n border: 1px solid var(--ctp-surface1);\n color: var(--ctp-text);\n }\n .XD1Bsc:focus {\n border: 1px solid var(--ctp-surface2);\n background: var(--ctp-surface0);\n color: var(--ctp-blue);\n }\n .NZmxZe {\n color: var(--ctp-subtext0);\n }\n .NZmxZe:hover {\n color: var(--ctp-blue);\n }\n .rQEFy {\n color: var(--ctp-blue);\n }\n .ZZ7G7b {\n color: var(--ctp-text);\n }\n .xk611b {\n background: var(--ctp-base);\n }\n .JNkvid .HnYYW {\n color: var(--ctp-text);\n }\n .iAIpCb {\n color: var(--ctp-subtext0);\n }\n .KMdzJ {\n color: var(--ctp-subtext1);\n }\n .OZ8wsd {\n color: var(--ctp-subtext0);\n }\n .qd9Mkf {\n color: var(--ctp-subtext0);\n }\n .w8qArf {\n color: var(--ctp-text);\n }\n .mDj5wd {\n color: var(--ctp-subtext1);\n }\n .PmPt7d {\n color: var(--ctp-subtext0);\n }\n .SW5pqf {\n color: var(--ctp-blue);\n }\n .naFSC .x3sNcc {\n color: var(--ctp-text);\n }\n .ssJ7i {\n color: var(--ctp-text);\n }\n if (darktheme==\"Latte\") {\n svg.TYpZOd {\n filter: grayscale(1) invert(1);\n } \n }\n g-menu:first-child {\n background-color: var(--ctp-base);\n }\n .r9PaP {\n color: var(--ctp-subtext0);\n }\n .r9PaP:hover {\n color: var(--ctp-blue);\n }\n .H1KrKd {\n fill: var(--ctp-subtext0);\n }\n .Ix6LGe {\n background: var(--ctp-base);\n }\n .Hm7Qac:hover, .EuKAde {\n background-color: var(--ctp-surface0);\n }\n .cF4V5c:hover g-menu-item:hover a, .cF4V5c:hover g-menu-item a:visited, .cF4V5c g-menu-item a:hover {\n background-color: var(--ctp-surface0);\n }\n .CSkcDe, .related-question-pair div.iDjcJe {\n color: var(--ctp-text);\n }\n .cUnQKe .ILfuVd, .cUnQKe .UiGGAb.ILfuVd {\n color: var(--ctp-subtext1);\n }\n .cUnQKe .ILfuVd b {\n background-color: var(--ctp-bluea);\n color: var(--ctp-text);\n }\n .fm06If .ILfuVd, .c2xzTb .ILfuVd, .Jb0Zif .c2xzTb .ILfuVd {\n color: var(--ctp-text);\n }\n .fm06If .ILfuVd b, .c2xzTb .ILfuVd b {\n background-color: var(--ctp-bluea);\n color: var(--ctp-text); \n }\n //keep\n .gb_Lc a.gb_t, .gb_Lc span.gb_t {\n color: var(--ctp-text);\n }\n .gb_Lc .gb_e[aria-expanded=\"true\"] .gb_p, .gb_Lc .gb_e[aria-expanded=\"true\"] .gb_De {\n fill: var(--ctp-text);\n }\n .gb_Lc .gb_e[aria-expanded=\"true\"], .gb_Lc .gb_e:hover[aria-expanded=\"true\"] {\n background-color: var(--ctp-surface0);\n }\n //keep\n .jleFbf {\n color: var(--ctp-text);\n }\n .H73aad {\n background: var(--ctp-base);\n border: 1px solid var(--ctp-surface2);\n }\n .H73aad:hover {\n background: var(--ctp-mantle);\n border: 1px solid var(--ctp-surface2);\n }\n .JgfpDb .goedYd {\n color: var(--ctp-text);\n }\n .sMi44c .fxgdke {\n color: var(--ctp-subtext1);\n }\n .sMi44c:hover .fxgdke {\n color: var(--ctp-subtext1);\n }\n .ZYHQ7e {\n color: var(--ctp-subtext0);\n }\n .vI9alf {\n background: var(--ctp-base);\n }\n .ee6GJd .qtwiP {\n background: var(--ctp-surface0);\n border: 1px solid var(--ctp-surface1);\n }\n .ee6GJd .qtwiP:hover {\n background: var(--ctp-base);\n }\n .ee6GJd .DaJEPe {\n color: var(--ctp-text);\n }\n .GLcBOb.cCvmNd .Lj8KXd, .GLcBOb.mCRcc .Lj8KXd {\n background-color: var(--ctp-base);\n border-bottom: 1px solid var(--ctp-surface0);\n }\n .YkS8D .N6jJud {\n color: var(--ctp-subtext0);\n }\n .e8eHnd {\n color: var(--ctp-text);\n }\n .Ss2Faf {\n color: var(--ctp-text);\n }\n .IVvPP .cLjAic.WY0eLb, .Hwkikb.WY0eLb {\n border-left: 1px solid var(--ctp-surface1);\n }\n .ZFiwCf {\n background-color: var(--ctp-surface0);\n }\n .ZFiwCf:hover {\n background-color: var(--ctp-surface1);\n }\n .LGwnxb {\n color: var(--ctp-text);\n }\n .f3LoEf {\n color: var(--ctp-text);\n }\n .XaIwc {\n color: var(--ctp-subtext0);\n }\n .MsCHpb {\n border-color: var(--ctp-surface1);\n }\n .TQc1id .ss6qqb .mFVw3b, .IVvPP .i8qq8b .mFVw3b {\n border-bottom: 1px solid var(--ctp-surface1);\n }\n .zqrO0 .niO4u {\n background-color: var(--ctp-base);\n border: 1px solid var(--ctp-surface1);\n color: var(--ctp-text);\n }\n .zqrO0:hover .niO4u:hover {\n background-color: var(--ctp-surface0);\n border: 1px solid var(--ctp-surface2);\n color: var(--ctp-text);\n }\n .zqrO0.k0Jjg:hover .niO4u, .zqrO0.k0Jjg:hover .QuU3Wb {\n color: var(--ctp-text);\n }\n .BP43u {\n color: var(--ctp-subtext0);\n }\n .HTnVHd {\n color: var(--ctp-text);\n }\n .IVvPP .T9EeC:hover .SUgb2e {\n background-color: var(--ctp-surface0);\n }\n .IVvPP .T9EeC:hover div {\n color: var(--ctp-text);\n }\n .IVvPP .SUgb2e {\n border: 1px solid var(--ctp-surface2);\n }\n .zWHLnd {\n border-left: 1px solid var(--ctp-surface1);\n }\n .WY0eLb .wwfboe {\n border-color: var(--ctp-surface1);\n }\n .Z0LcW {\n color: var(--ctp-text);\n }\n .gb_ye {\n background: var(--ctp-mantle);\n color: var(--ctp-text);\n }\n .ZOyvub {\n background-color: var(--ctp-mantle);\n color: var(--ctp-text);\n }\n .RzdJxc {\n border-top: 1px solid var(--ctp-surface2);\n }\n .rKnmn {\n border-top: 1px solid var(--ctp-surface2);\n }\n .H9lube {\n background-color: var(--ctp-base);\n border: 1px solid var(--ctp-surface2);\n }\n .s2TyX.ueVdTc .M7lz2c {\n background: var(--ctp-base);\n }\n .s2TyX.ueVdTc .VDApEc .hecFYc {\n background: var(--ctp-base);\n }\n .YeThId {\n border-top: 1px solid var(--ctp-surface1);\n }\n .e3sOrb {\n background: var(--ctp-base);\n }\n .LXqMce {\n background: var(--ctp-base);\n }\n .mR2gOd {\n background: var(--ctp-base);\n }\n .tgqOk .pTi5ve {\n color: var(--ctp-subtext0);\n }\n .WGwSK {\n color: var(--ctp-text);\n }\n .dAassd {\n background: var(--ctp-base);\n }\n .tgqOk {\n background: var(--ctp-base);\n }\n .YPxNKd {\n background: var(--ctp-surface2);\n }\n .EsIlz {\n border: 1px solid var(--ctp-surface2);\n }\n .EyBRub {\n background: var(--ctp-base);\n }\n [data-ved=\"2ahUKEwjL8ve4wrj-AhXURaQEHVUABOkQ7BZ6BAgMEAA\"] {\n background: var(--ctp-base) !important;\n }\n .LiOdre {\n background-color: var(--ctp-base);\n border-color: var(--ctp-surface1);\n }\n .LiOdre:hover {\n background-color: var(--ctp-mantle);\n border-color: var(--ctp-surface2);\n }\n .LiOdre:focus {\n border-color: var(--ctp-blue);\n }\n .mfsgsd {\n color: var(--ctp-text);\n }\n .GCSyeb {\n background: var(--ctp-surface2);\n }\n .REySof {\n color: var(--ctp-blue) !important;\n }\n .NQyKp {\n color: var(--ctp-blue) !important;\n background: var(--ctp-blue) !important;\n }\n .b0Xfjd {\n color: var(--ctp-base) !important;\n }\n .cfBJGe {\n color: var(--ctp-text);\n }\n .gb_u .gb_t {\n color: var(--ctp-text) !important;\n }\n .qe1Dgc {\n background: var(--ctp-base);\n }\n .appbar {\n background: var(--ctp-base);\n }\n .uais2d {\n background: var(--ctp-surface0);\n }\n .uais2d:hover {\n background: var(--ctp-surface1);\n }\n .uODXEe {\n color: var(--ctp-text);\n }\n .wfg6Pb.P2m1Af {\n color: var(--ctp-subtext0);\n }\n .wwfboe {\n border-top: 1px solid var(--ctp-surface2);\n }\n .VjDLd .cLjAic:not(:last-child) .mFVw3b {\n }\n .mh8jsf {\n color: var(--ctp-blue);\n }\n .JIFdL {\n color: var(--ctp-blue);\n }\n .gm7Ysb {\n color: var(--ctp-text);\n }\n .VjDLd .cLjAic:not(:last-child) .mFVw3b {\n border-bottom: 1px solid var(--ctp-surface2);\n }\n .BBwThe {\n color: var(--ctp-text);\n }\n .KaXEge a {\n color: var(--ctp-blue);\n }\n .FE52Uc {\n color: var(--ctp-blue);\n }\n .fSXkBc {\n color: var(--ctp-blue);\n }\n .qPht6c {\n color: var(--ctp-subtext0);\n }\n .kWTy2b {\n color: var(--ctp-text);\n }\n .UzD4Gd {\n color: var(--ctp-text);\n }\n .mcPPZ.nP0TDe .qk7LXc {\n background: var(--ctp-base) !important;\n }\n .sTZCE {\n border-bottom: 1px solid var(--ctp-surface2) !important;\n }\n .POTWCf {\n border-bottom: 1px solid var(--ctp-surface2) !important;\n }\n .R1smN {\n background: var(--ctp-base);\n }\n .Gfzyee {\n border: 1px solid var(--ctp-surface2);\n }\n .ynRric {\n color: var(--ctp-subtext0);\n }\n .AUiS2 {\n border: 1px solid var(--ctp-surface2);\n }\n .eJ7tvc {\n color: var(--ctp-text);\n }\n .sbhl {\n background: var(--ctp-surface1);\n }\n .j0iFNe .RvdoFd .dsLpHe {\n border-color: var(--ctp-blue);\n }\n .j0iFNe .RvdoFd .wFBC6-LkdAo {\n border-color: var(--ctp-blue);\n }\n .KATfhe:hover {\n background: var(--ctp-mantle);\n box-shadow: -56px 0 var(--ctp-mantle),24px 0 var(--ctp-mantle),-56px -10px 0 var(--ctp-mantle),24px -10px 0 var(--ctp-mantle);\n }\n .wFBC6-LkdAo {\n border-color: var(--ctp-text);\n }\n .l7xYUb {\n color: var(--ctp-text);\n }\n .dsLpHe {\n border-color: var(--ctp-text);\n }\n .LZTko:hover {\n background: var(--ctp-mantle);\n box-shadow: -56px 0 var(--ctp-mantle),24px 0 var(--ctp-mantle),-56px -10px 0 var(--ctp-mantle),24px -10px 0 var(--ctp-mantle);\n }\n .appbar {\n color: var(--ctp-red);\n }\n .msel, .msel a {\n color: var(--ctp-red) !important;\n }\n .mitem a, .mitem a:hover {\n color: var(--ctp-text);\n }\n .mitem:hover {\n background: var(--ctp-surface0);\n }\n .UVgjof {\n color: var(--ctp-text);\n }\n .URIeEf {\n color: var(--ctp-subtext0);\n }\n .checkbox-label, .jfk-radiobutton-label {\n color: var(--ctp-text);\n }\n .jfk-checkbox {\n background-color: var(--ctp-base);\n border: 1px solid var(--ctp-text);\n }\n .UVgjof .jfk-checkbox-checked {\n background: var(--ctp-text);\n }\n .UVgjof .jfk-radiobutton-checked .jfk-radiobutton:focus .jfk-radiobutton-radio, .UVgjof .jfk-checkbox-focused {\n border-color: var(--ctp-blue);\n }\n .UVgjof {\n border-bottom: 1px solid var(--ctp-surface2);\n }\n .UVgjof .goog-slider-horizontal .goog-slider-scale {\n border-color: var(--ctp-surface2);\n }\n .UVgjof .goog-slider-thumb, .UVgjof .goog-slider:focus .goog-slider-thumb {\n background: var(--ctp-overlay2);\n border-color: var(--ctp-overlay2);\n }\n og-slider li {\n color: var(--ctp-text);\n }\n .slmarker {\n border-left: 1px solid var(--ctp-surface2);\n }\n .goog-slider li {\n color: var(--ctp-overlay2);\n }\n .sllabel {\n color: var(--ctp-surface2);\n }\n .UVgjof .jfk-radiobutton-radio {\n border-color: var(--ctp-subtext0);\n }\n .UVgjof .jfk-radiobutton-checked .jfk-radiobutton-radio::after {\n background: var(--ctp-text);\n border-color: var(--ctp-text);\n }\n .UyLz9e {\n border-top-color: var(--ctp-blue);\n }\n /*a:active {\n color: var(--ctp-red);\n }*/\n .rightPane .jfk-button-action {\n background: var(--ctp-blue);\n border-color: var(--ctp-blue);\n color: var(--ctp-base);\n }\n .jfk-button-standard {\n color: var(--ctp-base);\n border: 1px solid var(--ctp-text);\n }\n #form-buttons .jfk-button-standard {\n background: var(--ctp-text) !important;\n }\n #Gm4Vke {\n color: var(--ctp-text);\n }\n .jfk-radiobutton:focus .jfk-radiobutton-radio {\n border-color: var(--ctp-blue) !important;\n }\n /*.appbar {\n border-bottom: 1px solid var(--ctp-surface2);\n }*/\n .rightPane .jfk-button-action.jfk-button-hover {\n background: var(--ctp-sky);\n }\n .jfk-button-action.jfk-button-hover {\n border: 1px solid var(--ctp-sky);\n }\n .jfk-button-standard.jfk-button-hover, .jfk-button-standard.jfk-button-clear-outline.jfk-button-hover {\n border: 1px solid var(--ctp-text);\n color: var(--ctp-base);\n }\n #form-buttons:hover .jfk-button-standard:hover {\n background: var(--ctp-subtext0) !important;\n border: 1px solid var(--ctp-subtext0) !important;\n }\n .jfk-button-standard:focus {\n border: 1px solid var(--ctp-text) !important;\n }\n .Zy0CDe-u014N {\n background-color: var(--ctp-surface2);\n }\n .Zy0CDe-PFprWc {\n background-color: var(--ctp-text);\n }\n .gb_Ia svg, .gb_Qc svg, .gb_cd .gb_Md, .gb_2c .gb_Md {\n color: var(--ctp-text);\n }\n .gb_Lc .gb_Be.gb_Ce button:hover svg, .gb_Be button:hover svg, .gb_e:hover {\n background-color: var(--ctp-surface0);\n }\n .WdWr7c {\n border-top: 1px solid var(--ctp-surface2);\n }\n .O5OUld {\n color: var(--ctp-subtext0);\n }\n .zP7KFe {\n background: var(--ctp-surface1);\n }\n .sU3bKf {\n color: var(--ctp-text);\n }\n .O5OUld:hover {\n color: var(--ctp-blue);\n }\n .JgfpDb .T3kEIe {\n border-color: var(--ctp-surface2);\n }\n .JgfpDb .AKESWd {\n fill: var(--ctp-text);\n }\n .hDFaN .ZAxeoe {\n fill: var(--ctp-text);\n }\n .JgfpDb .legCh {\n background-color: var(--ctp-sapphirea);\n }\n .JgfpDb .K8E1Be {\n color: var(--ctp-text);\n }\n .n9H6p {\n color: var(--ctp-text);\n }\n .JgfpDb .ZoQenf {\n color: var(--ctp-subtext0);\n }\n .JgfpDb .unDjgb {\n background-color: var(--ctp-surface0);\n }\n .JgfpDb .MkRxHd {\n color: var(--ctp-text);\n }\n .JgfpDb .lAteZd {\n fill: var(--ctp-text);\n }\n .bZeFTe {\n background-color: var(--ctp-surface0);\n border-top: 1px solid var(--ctp-surface2);\n }\n .hDFaN .ZAxeoe:hover {\n background-color: var(--ctp-surface0);\n }\n .hDFaN .StEefb.iWO5td .ZAxeoe {\n background: var(--ctp-surface1);\n }\n .hcC8tf .WEKSHc {\n color: var(--ctp-text);\n }\n .hcC8tf .WEKSHc:hover {\n color: var(--ctp-text);\n }\n .JgfpDb .V2CwNc {\n fill: var(--ctp-text);\n }\n .hcC8tf .InPmOc:hover, .hcC8tf .WEKSHc:hover {\n background-color: var(--ctp-surface0);\n }\n body :nth-child(50) {\n border: 1px solid var(--ctp-overlay0) !important;\n background: var(--ctp-crust) !important;\n color: var(--ctp-text) !important;\n }\n body :nth-child(50) div {\n border-color: var(--ctp-subtext1) transparent !important;\n } \n body :nth-child(50) div div {\n border-color: var(--ctp-crust) transparent !important;\n }\n .fDYku, .DPLgS {\n background-color: var(--ctp-base);\n }\n .DOGUjb {\n border-top: solid 1px var(--ctp-surface2);\n background-color: var(--ctp-base);\n }\n .fDYku, .DPLgS, .g3VIld .qRUolc, .g3VIld .oJeWuf, .g3VIld .Is7Fhb, .g3VIld .whsOnd, .g3VIld .AxOyFc {\n color: var(--ctp-text) !important;\n background: var(--ctp-base) !important;\n }\n .GxFZed {\n color: var(--ctp-text);\n }\n .hPfsLb {\n background-color: var(--ctp-base);\n border: 1px solid var(--ctp-surface2);\n }\n .cS4Vcb-pGL6qe-lfQAOe {\n color: var(--ctp-text);\n }\n .R6Lfte .Wtw8H.fKz7Od {\n fill: var(--ctp-text) !important;\n color: var(--ctp-text) !important;\n }\n .zDZAFf {\n color: var(--ctp-subtext0);\n }\n .f5p3jb {\n color: var(--ctp-text);\n }\n .QLueyb {\n color: var(--ctp-subtext0);\n }\n .c1AlVc {\n color: var(--ctp-text);\n }\n .LARRVd {\n border-bottom: 1px solid var(--ctp-surface1);\n }\n .Pa2rdc {\n background-color: var(--ctp-base);\n }\n .oab6Ab {\n background: var(--ctp-surface0);\n }\n .zNbBhb {\n color: var(--ctp-text);\n }\n .i29hTd .qLLird {\n color: var(--ctp-text);\n }\n .yxAsKe {\n color: var(--ctp-subtext0);\n }\n .N6Sb2c {\n color: var(--ctp-subtext0);\n }\n .i29hTd .kR7nSc {\n color: var(--ctp-text);\n }\n .zRQJhd {\n background-color: var(--ctp-base);\n }\n .MEdqYd, .feqqG {\n background: var(--ctp-surface1);\n color: var(--ctp-text);\n border: 1px solid var(--ctp-surface1);\n }\n .MEdqYd:hover, .feqqG:hover {\n background: var(--ctp-surface2);\n color: var(--ctp-text);\n border: 1px solid var(--ctp-surface2);\n }\n .AOvabd, .dxp44d {\n background: var(--ctp-surface0);\n border-color: var(--ctp-surface0);\n color: var(--ctp-text);\n }\n .AOvabd:hover, .dxp44d:hover {\n background: var(--ctp-surface1);\n border-color: var(--ctp-surface1);\n color: var(--ctp-text);\n }\n .AOvabd:focus, .dxp44d:focus {\n background: var(--ctp-surface0);\n border-color: var(--ctp-surface0);\n color: var(--ctp-text);\n }\n .AOvabd:focus:active, .dxp44d:focus:active {\n background: var(--ctp-surface0);\n border-color: var(--ctp-surface0);\n color: var(--ctp-text);\n }\n .AOvabd:focus:hover, .dxp44d:focus:hover {\n background: var(--ctp-surface1);\n border-color: var(--ctp-surface1);\n color: var(--ctp-text);\n }\n .AOvabd:focus:active:hover, .dxp44d:focus:active:hover {\n background: var(--ctp-surface2);\n border-color: var(--ctp-surface2);\n color: var(--ctp-text);\n }\n .MEdqYd:focus, .feqqG:focus {\n background: var(--ctp-surface1);\n border-color: var(--ctp-surface1);\n color: var(--ctp-text);\n }\n .MEdqYd:focus:active, .feqqG:focus:active {\n background: var(--ctp-overlay0);\n border-color: var(--ctp-overlay0);\n color: var(--ctp-text);\n }\n .MEdqYd:focus:hover, .feqqG:focus:hover {\n background: var(--ctp-surface2);\n border-color: var(--ctp-surface2);\n color: var(--ctp-text);\n }\n .MEdqYd:focus:active:hover, .feqqG:focus:active:hover {\n background: var(--ctp-overlay0);\n border-color: var(--ctp-overlay0);\n color: var(--ctp-text);\n }\n .UUhRt {\n background: var(--ctp-sapphire);\n border-color: var(--ctp-sapphire);\n }\n .UUhRt:hover {\n background: var(--ctp-sky);\n border-color: var(--ctp-sky);\n }\n .UUhRt:focus:hover {\n background: var(--ctp-sapphire);\n border-color: var(--ctp-sapphire);\n }\n .UUhRt:focus:active {\n background: var(--ctp-sapphire);\n border-color: var(--ctp-sapphire);\n }\n .UUhRt:focus {\n background: var(--ctp-sky);\n border-color: var(--ctp-sky);\n }\n .UUhRt:focus:active:hover {\n background: var(--ctp-sapphire);\n border-color: var(--ctp-sapphire);\n }\n .pno7A.rfUaPd .Tqvz7b, .pno7A.hU1rMc .SwDSDf {\n color: var(--ctp-text);\n }\n .pno7A.hU1rMc .Tqvz7b, .pno7A.rfUaPd .SwDSDf {\n color: var(--ctp-subtext0);\n }\n .TIGsTb {\n border: 1px solid var(--ctp-surface1);\n }\n .TIGsTb:hover {\n background: var(--ctp-surface1);\n border: 1px solid var(--ctp-surface1);\n }\n .qv3Wpe {\n color: var(--ctp-text);\n }\n .Lm2Tt {\n border-left: 1px solid var(--ctp-text);\n }\n .XH1CIc {\n color: var(--ctp-subtext0);\n }\n .mus_tt20 {\n color: var(--ctp-subtext0);\n }\n .lqyc1.d0jRmd, .d0jRmd {\n border: 1px solid var(--ctp-blue);\n }\n .cF4V5c {\n background-color: var(--ctp-crust) !important;\n }\n .GZnQqe.LGiluc {\n border-top-color: var(--ctp-surface2) !important;\n }\n .IDFSOe {\n background-color: var(--ctp-subtext0);\n }\n .nfSF8e, .WRhYSc {\n color: var(--ctp-subtext0);\n }\n .nfSF8e:hover, .WRhYSc:hover {\n background-color: var(--ctp-surface0);\n color: var(--ctp-subtext0);\n }\n .bSeRjc .fKmH1e {\n color: var(--ctp-subtext0);\n }\n .bSeRjc:hover .fKmH1e {\n background-color: var(--ctp-surface0);\n color: var(--ctp-subtext0);\n }\n .d2IKib {\n color: var(--ctp-red);\n }\n .xaAUmb {\n color: var(--ctp-subtext0);\n }\n .auw0zb, .j04ED {\n color: var(--ctp-subtext0);\n }\n .j04ED a, .j04ED a:active, .j04ED a:link, .j04ED a:visited {\n color: var(--ctp-subtext0);\n }\n .KcXNxb {\n background: var(--ctp-base);\n }\n .xlBGCb {\n color: var(--ctp-subtext0);\n }\n .wx62f {\n color: var(--ctp-text);\n }\n .ss6qqb .Jk5Tjc {\n border: 1px solid var(--ctp-surface2);\n }\n .XJa8af a:link, .XJa8af a:visited {\n color: var(--ctp-blue);\n }\n .ss6qqb .PKDVJd {\n color: var(--ctp-subtext0);\n }\n #rhs .u7yw9 {\n border-left: 1px solid var(--ctp-surface1);\n }\n .zItAnd, .zItAnd:link, .zItAnd:visited, .zItAnd:hover, .zItAnd:active {\n color: var(--ctp-text);\n }\n .zItAnd {\n background-color: var(--ctp-background);\n border: 1px solid var(--ctp-surface1);\n }\n .zItAnd:not(.MgQdud):hover {\n background-color: var(--ctp-surface0);\n border-color: var(--ctp-surface1);\n }\n .NZmxZe {\n background-color: var(--ctp-background);\n border: 1px solid var(--ctp-surface1);\n color: var(--ctp-text);\n }\n .NZmxZe:not(.rQEFy):hover {\n background-color: var(--ctp-surface0);\n border-color: var(--ctp-surface1);\n color: var(--ctp-text);\n }\n .rQEFy:hover {\n background: var(--ctp-bluea);\n color: var(--ctp-blue);\n }\n .fKmH1e {\n background-color: var(--ctp-background);\n border-color: var(--ctp-surface1);\n }\n .fKmH1e:hover {\n background-color: var(--ctp-surface0);\n border-color: var(--ctp-surface1);\n }\n .MgQdud, .ip7gnf {\n background-color: var(--ctp-bluea);\n border-color: var(--ctp-bluea);\n color: var(--ctp-blue);\n }\n .MgQdud:hover, .ip7gnf:hover {\n background-color: var(--ctp-bluea);\n border-color: var(--ctp-bluea);\n color: var(--ctp-blue);\n }\n g-menu.DWsAYc g-menu-item a.K1yPdf {\n color: var(--ctp-text);\n }\n .nfSF8e.hdtb-tl-sel:hover {\n background-color: var(--ctp-bluea);\n }\n .ssfWCe .ZXJQ7c {\n color: var(--ctp-subtext0);\n }\n .ssfWCe .ZXJQ7c:hover {\n background-color: var(--ctp-surface2);\n color: var(--ctp-text);\n }\n .igM9Le {\n color: var(--ctp-text);\n }\n .GKS7s {\n background: var(--ctp-surface0)\n }\n .wLNyTe {\n background: var(--ctp-base)\n }\n .xNzW0d {\n background: var(--ctp-surface0)\n }\n .lWzCpb.ZEB7Fb {\n background: var(--ctp-surface0)\n }\n .lWzCpb.a61j6 {\n background: var(--ctp-surface0)\n }\n .vLqKYe.egcvbb.q0WxUd {\n background: var(--ctp-surface0)\n }\n .MWvIVe.egcvbb {\n background: var(--ctp-surface0)\n }\n .knowledge-finance-wholepage-chart__hover-card {\n background: var(--ctp-mantle)\n }\n .CR33Se {\n background: var(--ctp-base)\n }\n .rpnBye {\n background: var(--ctp-base)\n }\n .vXQmIe.gsrt {\n background: var(--ctp-surface0)\n }\n .vk_c.card.obcontainer.card-section {\n background: var(--ctp-base)\n }\n .sc5Lhd {\n background: var(--ctp-base)\n }\n .rYVYn.LNn04b.gsrt {\n background: var(--ctp-surface0)\n }\n .NotFQb {\n background: var(--ctp-base)\n }\n .OR9QXc.LNn04b.gsrt {\n background: var(--ctp-surface1)\n } \n .NotFQb {\n background: var(--ctp-base)\n }\n .OR9QXc.LNn04b.gsrt {\n background: var(--ctp-surface1)\n }\n .LX3sZb {\n background-color: var(--ctp-base) \n }\n .gb_Ha.gb_f.gb_8a.gb_j.gb_Fc.gb_Rc {\n background-color: var(--ctp-base) !important\n }\n .gbqfba.gbqfba-hvr {\n background: var(--ctp-surface0)\n }\n .lnnMGf.Q1bVje {\n background: var(--ctp-surface0)\n }\n .cEY8m {\n background: var(--ctp-base)\n }\n .pkgtHd {\n background: var(--ctp-surface0)\n }\n .gb_id.gb_cd.gb_od.gb_nd {\n background-color: var(--ctp-base)\n }\n .jYcx0e {\n background: var(--ctp-base)\n }\n .lOTAE {\n color: var(--ctp-text)\n }\n .BFlQMb {\n color: var(--ctp-red) !important\n }\n .m6cn6 {\n background-color: var(--ctp-base) !important\n }\n}\n\n@-moz-document regexp(\"^https?://(ogs\\\\.)?google\\\\..*\") {\n colourscheme(flavour) {\n if (flavour==\"Latte\") {\n --ctp-rosewater: #dc8a78;\n --ctp-flamingo: #dd7878;\n --ctp-pink: #ea76cb;\n --ctp-mauve: #8839ef;\n --ctp-red: #d20f39;\n --ctp-maroon: #e64553;\n --ctp-peach: #fe640b;\n --ctp-yellow: #df8e1d;\n --ctp-green: #40a02b;\n --ctp-teal: #179299;\n --ctp-sky: #04a5e5;\n --ctp-sapphire: #209fb5;\n --ctp-blue: #1e66f5;\n --ctp-lavender: #7287fd;\n --ctp-rosewatera: rgba(220, 138, 120, 0.25);\n --ctp-flamingoa: rgba(221, 120, 120, 0.25);\n --ctp-pinka: rgba(234, 118, 203, 0.25);\n --ctp-mauvea: rgba(136, 57, 239, 0.25);\n --ctp-reda: rgba(210, 15, 57, 0.25);\n --ctp-maroona: rgba(230, 69, 83, 0.25);\n --ctp-peacha: rgba(254, 100, 11, 0.25);\n --ctp-yellowa: rgba(223, 142, 29, 0.25);\n --ctp-greena: rgba(64, 160, 43, 0.25);\n --ctp-teala: rgba(23, 146, 153, 0.25);\n --ctp-skya: rgba(4, 165, 229, 0.25);\n --ctp-sapphirea: rgba(32, 159, 181, 0.25);\n --ctp-bluea: rgba(30, 102, 245, 0.25);\n --ctp-lavendera: rgba(114, 135, 253, 0.25);\n --ctp-text: #4c4f69;\n --ctp-subtext1: #5c5f77;\n --ctp-subtext0: #6c6f85;\n --ctp-overlay2: #7c7f93;\n --ctp-overlay1: #8c8fa1;\n --ctp-overlay0: #9ca0b0;\n --ctp-surface2: #acb0be;\n --ctp-surface1: #bcc0cc;\n --ctp-surface0: #ccd0da;\n --ctp-base: #eff1f5;\n --ctp-mantle: #e6e9ef;\n --ctp-crust: #dce0e8;\n }\n if (flavour==\"Frappe\") {\n --ctp-rosewater: #f2d5cf;\n --ctp-flamingo: #eebebe;\n --ctp-pink: #f4b8e4;\n --ctp-mauve: #ca9ee6;\n --ctp-red: #e78284;\n --ctp-maroon: #ea999c;\n --ctp-peach: #ef9f76;\n --ctp-yellow: #e5c890;\n --ctp-green: #a6d189;\n --ctp-teal: #81c8be;\n --ctp-sky: #99d1db;\n --ctp-sapphire: #85c1dc;\n --ctp-blue: #8caaee;\n --ctp-lavender: #babbf1;\n --ctp-rosewatera: rgba(242, 213, 207, 0.25);\n --ctp-flamingoa: rgba(238, 190, 190, 0.25);\n --ctp-pinka: rgba(244, 184, 228, 0.25);\n --ctp-mauvea: rgba(202, 158, 230, 0.25);\n --ctp-reda: rgba(231, 130, 132, 0.25);\n --ctp-maroona: rgba(234, 153, 156, 0.25);\n --ctp-peacha: rgba(239, 159, 118, 0.25);\n --ctp-yellowa: rgba(229, 200, 144, 0.25);\n --ctp-greena: rgba(166, 209, 137, 0.25);\n --ctp-teala: rgba(129, 200, 190, 0.25);\n --ctp-skya: rgba(153, 209, 219, 0.25);\n --ctp-sapphirea: rgba(133, 193, 220, 0.25);\n --ctp-bluea: rgba(140, 170, 238, 0.25);\n --ctp-lavendera: rgba(186, 187, 241, 0.25);\n --ctp-text: #c6d0f5;\n --ctp-subtext1: #b5bfe2;\n --ctp-subtext0: #a5adce;\n --ctp-overlay2: #949cbb;\n --ctp-overlay1: #838ba7;\n --ctp-overlay0: #737994;\n --ctp-surface2: #626880;\n --ctp-surface1: #51576d;\n --ctp-surface0: #414559;\n --ctp-base: #303446;\n --ctp-mantle: #292c3c;\n --ctp-crust: #232634;\n }\n if (flavour==\"Macchiato\") {\n --ctp-rosewater: #f4dbd6;\n --ctp-flamingo: #f0c6c6;\n --ctp-pink: #f5bde6;\n --ctp-mauve: #c6a0f6;\n --ctp-red: #ed8796;\n --ctp-maroon: #ee99a0;\n --ctp-peach: #f5a97f;\n --ctp-yellow: #eed49f;\n --ctp-green: #a6da95;\n --ctp-teal: #8bd5ca;\n --ctp-sky: #91d7e3;\n --ctp-sapphire: #7dc4e4;\n --ctp-blue: #8aadf4;\n --ctp-lavender: #b7bdf8;\n --ctp-rosewatera: rgba(244, 219, 214, 0.25);\n --ctp-flamingoa: rgba(240, 198, 198, 0.25);\n --ctp-pinka: rgba(245, 189, 230, 0.25);\n --ctp-mauvea: rgba(198, 160, 246, 0.25);\n --ctp-reda: rgba(237, 135, 150, 0.25);\n --ctp-maroona: rgba(238, 153, 160, 0.25);\n --ctp-peacha: rgba(245, 169, 127, 0.25);\n --ctp-yellowa: rgba(238, 212, 159, 0.25);\n --ctp-greena: rgba(166, 218, 149, 0.25);\n --ctp-teala: rgba(139, 213, 202, 0.25);\n --ctp-skya: rgba(145, 215, 227, 0.25);\n --ctp-sapphirea: rgba(125, 196, 228, 0.25);\n --ctp-bluea: rgba(138, 173, 244, 0.25);\n --ctp-lavendera: rgba(183, 189, 248, 0.25);\n --ctp-text: #cad3f5;\n --ctp-subtext1: #b8c0e0;\n --ctp-subtext0: #a5adcb;\n --ctp-overlay2: #939ab7;\n --ctp-overlay1: #8087a2;\n --ctp-overlay0: #6e738d;\n --ctp-surface2: #5b6078;\n --ctp-surface1: #494d64;\n --ctp-surface0: #363a4f;\n --ctp-base: #24273a;\n --ctp-mantle: #1e2030;\n --ctp-crust: #181926;\n }\n if (flavour==\"Mocha\") {\n --ctp-rosewater: #f5e0dc;\n --ctp-flamingo: #f2cdcd;\n --ctp-pink: #f5c2e7;\n --ctp-mauve: #cba6f7;\n --ctp-red: #f38ba8;\n --ctp-maroon: #eba0ac;\n --ctp-peach: #fab387;\n --ctp-yellow: #f9e2af;\n --ctp-green: #a6e3a1;\n --ctp-teal: #94e2d5;\n --ctp-sky: #89dceb;\n --ctp-sapphire: #74c7ec;\n --ctp-blue: #89b4fa;\n --ctp-lavender: #b4befe;\n --ctp-rosewatera: rgba(245, 224, 220, 0.25);\n --ctp-flamingoa: rgba(242, 205, 205, 0.25);\n --ctp-pinka: rgba(245, 194, 231, 0.25);\n --ctp-mauvea: rgba(203, 166, 247, 0.25);\n --ctp-reda: rgba(243, 139, 168, 0.25);\n --ctp-maroona: rgba(235, 160, 172, 0.25);\n --ctp-peacha: rgba(250, 179, 135, 0.25);\n --ctp-yellowa: rgba(249, 226, 175, 0.25);\n --ctp-greena: rgba(166, 227, 161, 0.25);\n --ctp-teala: rgba(148, 226, 213, 0.25);\n --ctp-skya: rgba(137, 220, 235, 0.25);\n --ctp-sapphirea: rgba(116, 199, 236, 0.25);\n --ctp-bluea: rgba(137, 180, 250, 0.25);\n --ctp-lavendera: rgba(180, 190, 254, 0.25);\n --ctp-text: #cdd6f4;\n --ctp-subtext1: #bac2de;\n --ctp-subtext0: #a6adc8;\n --ctp-overlay2: #9399b2;\n --ctp-overlay1: #7f849c;\n --ctp-overlay0: #6c7086;\n --ctp-surface2: #585b70;\n --ctp-surface1: #45475a;\n --ctp-surface0: #313244;\n --ctp-base: #1e1e2e;\n --ctp-mantle: #181825;\n --ctp-crust: #11111b;\n }\n }\n \n body {\n if (darktheme==\"Latte\") { colourscheme(Latte) }\n if (darktheme==\"Frappe\") { colourscheme(Frappe) }\n if (darktheme==\"Macchiato\") { colourscheme(Macchiato) }\n if (darktheme==\"Mocha\") { colourscheme(Mocha) }\n }\n .aRDKUe .N2ncR {\n background: var(--ctp-mantle);\n }\n .aRDKUe .y5Iqsb {\n background: var(--ctp-crust);\n }\n .aRDKUe .d2yxTb {\n background: var(--ctp-crust);\n }\n .aRDKUe .znj3je {\n color: var(--ctp-text);\n }\n .aRDKUe .Wdz6e.ZnExKf, .aRDKUe .Wdz6e {\n color: var(--ctp-subtext0);\n }\n .aRDKUe .zHzpD .RroO5d {\n color: var(--ctp-text);\n }\n .zHzpD .RroO5d {\n border: 1px solid var(--ctp-surface0);\n }\n .aRDKUe .GXg3Le:hover > .uarSJe, .aRDKUe .WLjaOb .GXg3Le:focus:hover > .uarSJe, .aRDKUe .GXg3Le:focus:hover > .uarSJe, .aRDKUe .GXg3Le:focus > .uarSJe, .aRDKUe .WLjaOb .GXg3Le:focus > .uarSJe, .aRDKUe .GXg3Le:active:focus > .uarSJe, .aRDKUe .GXg3Le:active > .uarSJe {\n color: var(--ctp-text);\n }\n .aRDKUe .OtBgcb, .aRDKUe .BvDXcd, .aRDKUe .zpoCob, .aRDKUe .NB6Lnc, .aRDKUe .ZnExKf, .aRDKUe .znj3je {\n color: var(--ctp-text);\n }\n .wZbsjd {\n fill: var(--ctp-peach);\n }\n .aRDKUe .ziuVxb {\n background: var(--ctp-crust);\n }\n .aRDKUe .ziuVxb .GXg3Le, .aRDKUe .ziuVxb .V9opsd {\n border-color: var(--ctp-surface0);;\n }\n .aRDKUe .DgDbFe .zpoCob {\n color: var(--ctp-subtext0);\n }\n .aRDKUe .zHzpD .jFfZdd:focus:hover {\n background: var(--ctp-crust);\n }\n .aRDKUe .DgDbFe .OtBgcb {\n color: var(--ctp-subtext0);\n }\n .aRDKUe .T6SHIc {\n border-color: var(--ctp-surface0);\n }\n .aRDKUe .zHzpD .jFfZdd:hover {\n background: var(--ctp-crust);\n }\n .aRDKUe .zHzpD .jFfZdd:active, .aRDKUe .zHzpD .jFfZdd:active:focus {\n background: var(--ctp-crust);\n }\n .aRDKUe .zHzpD .RroO5d:hover {\n background: var(--ctp-mantle);\n }\n .aRDKUe .zHzpD .RroO5d:active, .aRDKUe .zHzpD .RroO5d:active:focus {\n background: var(--ctp-mantle);\n }\n .aRDKUe .DgDbFe .zpoCob:hover {\n background: var(--ctp-crust);\n }\n .aRDKUe .DgDbFe .zpoCob:active, .aRDKUe .DgDbFe .zpoCob:active:focus {\n background: var(--ctp-crust);\n }\n div.nz9sqb.EHzcec {\n background-color: var(--ctp-mantle);\n }\n .nz9sqb .tX9u1b:hover, .nz9sqb .tX9u1b:hover .Rq5Gcb {\n background-color: var(--ctp-base);\n }\n .nz9sqb .Rq5Gcb {\n color: var(--ctp-text);\n }\n .nz9sqb .dGrefb {\n border-bottom: 1px solid var(--ctp-surface1);\n }\n .nz9sqb .NQV3m {\n border-color: var(--ctp-surface1);\n color: var(--ctp-blue)\n }\n .nz9sqb .NQV3m:hover {\n background-color: var(--ctp-crust);\n border-color: var(--ctp-surface1);\n }\n .nz9sqb.o07G5 .tX9u1b:active, .nz9sqb.o07G5 .tX9u1b:active:focus, .nz9sqb.o07G5 .tX9u1b:active .Rq5Gcb, .nz9sqb.o07G5 .tX9u1b:active:hover .Rq5Gcb {\n background-color: var(--ctp-surface2);\n }\n .nz9sqb .NQV3m:focus, .nz9sqb .NQV3m:hover:focus, .nz9sqb .NQV3m:active, .nz9sqb .NQV3m:active:focus {\n border-color: var(--ctp-blue);\n }\n}\n", + "usercssData": { + "name": "Google Catppuccin", + "namespace": "github.com/catppuccin/google", + "homepageURL": "https://github.com/catppuccin/google", + "version": "1.2.8", + "description": "Soothing pastel theme for Google", + "author": "Catppuccin - mustafakhalaf-git", + "preprocessor": "stylus", + "updateURL": "https://github.com/GitMuslim/google/raw/main/src/catppuccin.user.css", + "license": "MIT", + "vars": { + "darktheme": { + "type": "select", + "label": "Theme", + "name": "darktheme", + "value": "Macchiato", + "default": "Latte", + "options": [ + { + "name": "Latte", + "label": "Latte", + "value": "Latte" + }, + { + "name": "Frappe", + "label": "Frappe", + "value": "Frappe" + }, + { + "name": "Macchiato", + "label": "Macchiato", + "value": "Macchiato" + }, + { + "name": "Mocha", + "label": "Mocha", + "value": "Mocha" + } + ] + } + } + }, + "author": "Catppuccin - mustafakhalaf-git", + "description": "Soothing pastel theme for Google", + "name": "Google Catppuccin", + "originalDigest": "2996548e4ab27ce6ecb813015180e0b7a80a8b65", + "_id": "00cf9c04-cd24-4db3-8390-6356a69e8eff", + "_rev": 1696719791350, + "id": 64, + "etag": "W/\"81aeb99d86ca645eaf3ba143b1ae45a03c99377e9299c7fb548f5c436d2e2e78\"" } ] \ No newline at end of file