kayprish/dotfiles
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
dotfiles/.librewolf/jj4t427t.default-release/stylus/stylus-themes.json

2330 lines
No EOL
602 KiB
JSON
Raw Blame History

[
{
"settings": {
"openEditInWindow": false,
"openEditInWindow.popup": false,
"windowPosition": {},
"show-badge": true,
"disableAll": false,
"exposeIframes": true,
"exposeStyleName": false,
"newStyleAsUsercss": true,
"styleViaXhr": false,
"patchCsp": true,
"urlInstaller": true,
"config.autosave": true,
"schemeSwitcher.enabled": "dark",
"schemeSwitcher.nightStart": "18:00",
"schemeSwitcher.nightEnd": "06:00",
"popup.breadcrumbs": true,
"popup.breadcrumbs.usePath": false,
"popup.enabledFirst": true,
"popup.stylesFirst": true,
"popup.autoResort": false,
"popup.borders": false,
"popup.findSort": "r",
"manage.onlyEnabled": false,
"manage.onlyLocal": false,
"manage.onlyUsercss": false,
"manage.onlyEnabled.invert": false,
"manage.onlyLocal.invert": false,
"manage.onlyUsercss.invert": false,
"manage.actions.expanded": true,
"manage.backup.expanded": true,
"manage.filters.expanded": true,
"manage.minColumnWidth": 750,
"manage.newUI": true,
"manage.newUI.favicons": false,
"manage.newUI.faviconsGray": true,
"manage.newUI.targets": 3,
"manage.newUI.sort": "title,asc",
"editor.options": {},
"editor.toc.expanded": true,
"editor.options.expanded": true,
"editor.lint.expanded": true,
"editor.publish.expanded": true,
"editor.lineWrapping": true,
"editor.smartIndent": true,
"editor.indentWithTabs": false,
"editor.tabSize": 4,
"editor.keyMap": "default",
"editor.theme": "default",
"editor.beautify": {
"selector_separator_newline": true,
"newline_before_open_brace": false,
"newline_after_open_brace": true,
"newline_between_properties": true,
"newline_before_close_brace": true,
"newline_between_rules": false,
"preserve_newlines": true,
"end_with_newline": false,
"indent_conditional": true,
"indent_mozdoc": true
},
"editor.beautify.hotkey": "",
"editor.lintDelay": 300,
"editor.linter": "csslint",
"editor.lintReportDelay": 500,
"editor.matchHighlight": "token",
"editor.autoCloseBrackets": true,
"editor.autocompleteOnTyping": false,
"editor.contextDelete": false,
"editor.selectByTokens": true,
"editor.arrowKeysTraverse": true,
"editor.appliesToLineWidget": true,
"editor.autosaveDraft": 10,
"editor.livePreview": true,
"editor.colorpicker": true,
"editor.colorpicker.hexUppercase": false,
"editor.colorpicker.hotkey": "",
"editor.colorpicker.color": "",
"editor.colorpicker.maxHeight": 300,
"hotkey._execute_browser_action": "",
"hotkey.openManage": "",
"hotkey.styleDisableAll": "",
"sync.enabled": "none",
"iconset": 0,
"badgeDisabled": "#8B0000",
"badgeNormal": "#006666",
"headerWidth.edit": 280,
"headerWidth.install": 280,
"headerWidth.manage": 280,
"popupWidth": 246,
"updateInterval": 24
},
"order": {
"main": [],
"prio": []
}
},
{
"enabled": false,
"updateUrl": "https://userstyles.world/api/style/4767.user.css",
"url": "https://userstyles.world/style/4767",
"installDate": 1662053281584,
"sections": [
{
"code": ""
}
],
"sourceCode": "/* ==UserStyle==\n@name Google Catppuccin Theme\n@version 20220519.16.34\n@namespace userstyles.world/user/dartmnky\n@description Soothing pastel theme for Google Search!\nBased on the community-driven Catppuccin Theme.\n\nMade by a complete amateur, so might contain inconsistencies and issues.\n@author dartmnky\n@license MIT\n==/UserStyle== */\n\n@-moz-document url-prefix(\"https://www.google.com/\") {\n/* ==UserStyle==\n@name Catppuccin Theme for Google\n@namespace github.com/DartMNKY/google-catppuccin-theme\n@version 1.0.1\n@description `Soothing pastel theme for Google!`\n@author Dart (https://github.com/DartMNKY)\n@license MIT\n@homepageURL https://github.com/DartMNKY/google-catppuccin-theme\n@supportURL https://github.com/DartMNKY/google-catppuccin-theme/issues\n==/UserStyle== */\n\nbody.srp, body {\nbackground: #1E1E2E;\n background-color: rgb(30, 30, 46);\n color: #D9E0EE;\n}\n.s8GCU {\n background: #1E1E2E;\n}\n#tw-target {\n background-color: #1A1826;\n border-radius: 8px;\n}\n.hhB0V {\n color: #a6e3a1\t;\n}\n.KwU3F {\n color: #a6e3a1;\n}\n.AaVjTc a:link {\n color: #89b4fa\t;\n}\n.j1iyq {\n border: 1px solid #302D41;\n}\n.tw-bilingual-marked {\n border-left: 3px solid #a6e3a1\t;\n}\n.xSQxL {\n color: #a6e3a1\t;\n}\n.DFDLnc {\n border-bottom: 1px solid #302D41;\n}\n.KFFQ0c .YfftMc, .KFFQ0c .YfftMc span, .KFFQ0c .YfftMc div, .KFFQ0c .YfftMc a {\n color: #a6adc8\t;\n}\n.oySJpc {\n border-top: 1px solid #302D41;\n}\n.b2hzT {\n border-bottom: 1px solid #302D41;\n}\n#swml {\n border-left: 1px solid #302D41;\n}\n.aNytqb .rKnmn {\n border-top: 1px solid #302D41;\n}\n.RzdJxc {\n border-top: 1px solid #302D41;\n}\n.minidiv .sfbg {\n background: #1E1E2E;\n}\n.fbar p, .fbar a {\n color: #A6ADC8;\n}\n.b0KoTc {\n color: #A6ADC8;\n}\n.dfB0uf {\n color: #A6ADC8;\n}\n.unknown_loc {\n background: #A6ADC8;\n}\n.HskPDe {\n background-color: #1E1E2E;\n}\n.XKnPEd {\n background-color: #1E1E2E;\n border-bottom: 1px solid #302D41;\n}\n.aHd5n {\n border-top: 1px solid #302D41;\n}\n\n.FAl3Ic {\n background-color: #1A1826;\n border: 1px solid rgba(255,255,255,0);\n}\n.ZkkK1e[selected] {\n background: #a6e3a1;\n border-color: #a6e3a1;\n color: #202124;\n}\n.Lj9fsd {\n background: #1E1E2E;\n}\n.Ww4FFb {\n background-color: #1e1e2e;\n}\n.o6juZc {\n background: #1A1826;\n}\n.jZWadf {\n background: #1E1E2E;\n}\n.WaWKOe {\n background-color: #1A1826;\n}\n.nIWXKc {\n background-color: #1A1826;\n}\n.Lj9fsd.DU1Mzb {\n background-color: #1E1E2E;\n}\n.Lj9fsd.DU1Mzb .o6juZc {\n border-color: rgba(52, 53, 69, 0);\n}\n.minidiv .RNNXgb {\n border-radius: 10px;\n background: #1A1826;\n border: 1px solid rgba(52, 53, 69, 0);\n}\n.GLcBOb {\n border-bottom: 1px solid #303446;\n}\n.zgAlFc {\n color: #E8A2AF;\n}\n.I6TXqe {\n background: #1A1826;\n border-radius: 8px;\n padding: 0 0 16px 0;\n}\n.dw-sb-cont {\n background: #1A1826;\n border-radius: 8px;\n}\n.dw-sb-cont .dw-sbi {\n color: #bdc1c6;\n border: 1px solid #303446;\n background: #1A1826;\n}\n.dw-sb-cont .dw-sb-btn {\n border: 1px solid #303446;\n background: #1A1826;\n}\n.TQc1id .I6TXqe {\n border: 1px transparent;\n}\n.BYb9Nc {\n background-color: #1A1826;\n border: 1px solid #303446;\n}\n.cO53qb {\n color: #80868b !important;\n cursor: default;\n background-color: #1A1826;\n border: 1px transparent;\n}\n.nm6nmc.l0jSyf.kpQuGf {\n border-top: 1px solid #303446;\n}\n.MR2UAc {\n background-color: #1A1826;\n border: 1px solid #303446;\n}\n.wwfboe {\n padding: 0 16px;\n border-top: 1px solid #303446;\n}\n.FalWJb {\n background: #1e1e2e;\n}\n.YeThId {\n border-top: 1px solid #303446;\n}\n.akqY6 {\n background: #303446;\n height: 1px;\n width: 100%;\n}\n.U3A9Ac {\n background-color: #1e1e2e;\n color: #ED8796;\n}\n.ZZ7G7b {\n border-radius: 8px;\n border: 1px solid #302D41;\n color: #bdc1c6;\n}\n.XZ5MVe {\n color: #ABE9B3;\n}\n.GLcBOb {\n color: #9aa0a6;\n}\n.pb5vrc {\n background-color: #302D41;\n}\na {\n color: #F5E0DC;\n text-decoration: none;\n}\na:visited {\n color: #DDB6F2;\n}\n.ynAwRc {\n color: #F5E0DC;\n}\nhr {\n border-bottom: 1px solid #302D41;\n}\n.ACRAdd {\n border-left: 1px solid #302D41;\n}\n.YTDezd {\n background: #ABE9B3;\n}\n.appbar {\n background: #1E1E2E;\n}\n.yg51vc {\n background: #1E1E2E;\n}\n.kEwVtd .ag0Tdd {\n background-color: #ABE9B3;\n}\n.sfbg {\n background: #1E1E2E;\n}\n.RNNXgb {\n background: #1A1826;\n border: 1px solid transparent;\n box-shadow: 0 1px 1px #0E0D15;\n border-radius: 10px;\n}\n.aajZCb {\n background: #1a1826;\n border-radius: 0 0 10px 10px;\n box-shadow: 0 1px 1px 0 #0E0D15;\n}\n.emcav .RNNXgb {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n box-shadow: 0 4px 12px rgb(23 23 23 / 90%);\n background: #1a1826;\n border-color: rgba(223,225,229,0);\n}\n.ZkkK1e {\n background: #1A1826;\n border: 1px transparent;\n color: #F5E0DC;\n}\n.hdtb-mitem .GOE98c, .hdtb-mitem a, .hdtb-mitem.hdtb-msel, .t2vtad {\n color: #C3BAC6;\n}\n.LHJvCe {\n color: #C3BAC6;\n}\n#rhs .nGydZ .garHBe {\n color: #C3BAC6;\n}\n.AGLhIc {\n border: 1px transparent;\n color: #F5E0DC;\n}\n.rQEFy {\n color: #ABE9B3;\n border-bottom: 3px solid #ABE9B3;\n}\n.hdtb-mitem.hdtb-msel {\n color: #ABE9B3;\n}\n.GmE3X {\n color: #D9E0EE;\n}\n.dG2XIf {\n box-shadow: none;\n background: #1E1E2E;\n border: 1px transparent;\n border-radius: 8px;\n}\n.mQo3nc {\n background-color: #1A1826;\n color: #C8AEA9;\n}\n#rhs .dG2XIf {\n border: 1px transparent;\n}\n.y8Jpof.pPLc9e.kpQuGf {\n border-top: 1px transparent;\n}\n.MXl0lf {\n background: #1A1826;\n border: 1px transparent;\n border-radius: 18px;\n}\n.k8XOCe {\n align-items: center;\n background-color: #1A1826;\n border-radius: 100px;\n}\n.f6F9Be {\n background: #1A1826;\n}\n::-webkit-scrollbar\n{\n width: 12px; /* for vertical scrollbars */\n height: 12px; /* for horizontal scrollbars */\n}\n::-webkit-scrollbar-track\n{\n background: rgba(22, 19, 32, 1);\n}\n ::-webkit-scrollbar-thumb\n{\n background: #302D41;\n}\n}",
"usercssData": {
"name": "Google Catppuccin Theme",
"version": "20220519.16.34",
"namespace": "userstyles.world/user/dartmnky",
"description": "Soothing pastel theme for Google Search!",
"author": "dartmnky",
"license": "MIT"
},
"author": "dartmnky",
"description": "Soothing pastel theme for Google Search!",
"name": "Google Catppuccin Theme",
"preferScheme": "dark",
"originalDigest": "cc4b3a2faf0d91df17491dcde2481a756b6d7c68",
"_id": "c7798cb7-6d53-469f-bb26-40721aa24bc5",
"_rev": 1684684869245,
"installationUrl": "https://userstyles.world/style/4767",
"id": 2
},
{
"enabled": false,
"updateUrl": "https://cdn.jsdelivr.net/gh/33kk/uso-archive@flomaster/data/usercss/218515.user.css",
"url": "https://uso.kkx.one/style/218515",
"installDate": 1662138256316,
"sections": [
{
"code": ""
}
],
"sourceCode": "/* ==UserStyle==\n@name Google Search Result Center Align\n@namespace USO Archive\n@author paulcjy\n@description `Well working style.`\n@version 20220203.17.16\n@license NO-REDISTRIBUTION\n@preprocessor uso\n==/UserStyle== */\n@-moz-document domain(\"google.com\") {\n.tsf {\n margin: 0 auto;\n}\n#pTwnEc {\n display: flex;\n}\n#hdtb-msb {\n margin: 0 auto;\n padding-right: 166px;\n}\n#rcnt {\n display: flex;\n max-width: 100%;\n width: 100%;\n}\n.D6j0vc {\n display: flex;\n max-width: 100%;\n width: 100%;\n}\n#center_col {\n margin: 0 auto;\n}\n#rhs {\n position: absolute;\n padding-left: 400px;\n margin: 0 0 0 50%;\n}\n#slim_appbar {\n display: flex;\n margin: 0;\n}\n.LHJvCe {\n margin: 0 auto;\n position: relative;\n}\n#hdtbMenus {\n width: 998px;\n margin-left: calc(50% - 506px);\n}\n.c3mZkd {\n margin-left: calc(50% - 326px);\n}\n}",
"usercssData": {
"name": "Google Search Result Center Align",
"namespace": "USO Archive",
"author": "paulcjy",
"description": "Well working style.",
"version": "20220203.17.16",
"license": "NO-REDISTRIBUTION",
"preprocessor": "uso"
},
"author": "paulcjy",
"description": "Well working style.",
"name": "Google Search Result Center Align",
"originalDigest": "7204fc9eece00c53c983b56ed2636a0a3058a5f3",
"_id": "6e73ff5b-5a6e-460b-9b33-cd900828667e",
"_rev": 1685271706233,
"installationUrl": "https://uso.kkx.one/style/218515",
"id": 4
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/github/raw/main/catppuccin.user.css",
"installDate": 1663413605373,
"sections": [
{
"code": ""
}
],
"sourceCode": "/* ==UserStyle==\n@name Github Catppuccin\n@namespace github.com/catppuccin/github\n@version 1.1.14\n@description Soothing pastel theme for GitHub\n@author Catppuccin\n@updateURL https://github.com/catppuccin/github/raw/main/catppuccin.user.css\n@preprocessor stylus\n@var select theme \"Theme\" [\"Latte\", \"Frappe\", \"Macchiato\", \"Mocha*\"]\n@var select accent-color \"Accent\" [\"Rosewater*\", \"Flamingo\", \"Pink\", \"Mauve\", \"Red\", \"Maroon\", \"Peach\", \"Yellow\", \"Green\", \"Teal\", \"Blue\", \"Sapphire\", \"Sky\", \"Lavender\", \"Gray\"]\n@var checkbox topbar \"Topbar colors\" 1\n@var checkbox usefont \"Use Inter font\" 0\n==/UserStyle== */\n\n@-moz-document regexp(\"https:\\/\\/*github\\.com\") {\n\n if (theme==\"Latte\") {\n $type = 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 $shadow = $crust\n }\n\n else if (theme==\"Frappe\") {\n $type = 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 $shadow = $crust\n }\n\n else if (theme==\"Macchiato\") {\n $type = 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 $shadow = $crust\n }\n\n else if (theme==\"Mocha\") {\n $type = 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 $lavender = #b4befe\n $blue = #89b4fa\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 = $crust\n }\n\n if (accent-color==\"Rosewater\") {\n $accent-color = $rosewater;\n } else if (accent-color==\"Flamingo\") {\n $accent-color = $flamingo\n } else if (accent-color==\"Pink\") {\n $accent-color = $pink\n } else if (accent-color==\"Mauve\") {\n $accent-color = $mauve\n } else if (accent-color==\"Red\") {\n $accent-color = $red\n } else if (accent-color==\"Maroon\") {\n $accent-color = $maroon\n } else if (accent-color==\"Peach\") {\n $accent-color = $peach\n } else if (accent-color==\"Yellow\") {\n $accent-color = $yellow\n } else if (accent-color==\"Green\") {\n $accent-color = $green\n } else if (accent-color==\"Teal\") {\n $accent-color = $teal\n } else if (accent-color==\"Blue\") {\n $accent-color = $blue\n } else if (accent-color==\"Sapphire\") {\n $accent-color = $sapphire\n } else if (accent-color==\"Sky\") {\n $accent-color = $sky\n } else if (accent-color==\"Lavender\") {\n $accent-color = $lavender\n } else if (accent-color==\"Gray\") {\n $accent-color = $subtext0\n }\n /* Functions */\n hoverColor(col) {\n return blend(alpha(col, 0.7), $text)\n }\n\n activeColor(col) {\n return blend(alpha(col, 0.5), $text)\n }\n\n disabledColor(col) {\n return blend(alpha(col, 0.4), $base)\n }\n\n}\n\n\n\n@-moz-document regexp(\"https:\\/\\/(gist\\.)*github\\.com(?!\\/(marketplace|organizations\\/plan)).*\") {\n\n [data-color-mode=\"light\"][data-light-theme*=\"dark\"],\n [data-color-mode=\"light\"][data-light-theme*=\"light\"],\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 [data-color-mode=\"auto\"][data-dark-theme*=\"light\"] {\n\n &, & body {\n color-scheme: $type;\n\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: alpha($green, 0.3);\n --color-diff-blob-addition-line-bg: alpha($green, 0.15);\n --color-diff-blob-addition-word-bg: alpha($green, 0.3);\n --color-diff-blob-deletion-num-text: $text;\n --color-diff-blob-deletion-fg: $text;\n --color-diff-blob-deletion-num-bg: alpha($red, 0.3);\n --color-diff-blob-deletion-line-bg: alpha($red, 0.15);\n --color-diff-blob-deletion-word-bg: alpha($red, 0.3);\n --color-diff-blob-hunk-num-bg: alpha($blue, 0.4);\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: alpha($red, 0.15);\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: alpha($red, 0.4);\n --color-prettylights-syntax-markup-inserted-text: $text;\n --color-prettylights-syntax-markup-inserted-bg: alpha($green, 0.4);\n --color-prettylights-syntax-markup-changed-text: $text;\n --color-prettylights-syntax-markup-changed-bg: alpha($yellow, 0.4);\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: $accent-color;\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: $shadow;\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: $subtext1;\n --color-checks-line-num-text: $subtext1;\n --color-checks-line-timestamp-text: $subtext1;\n --color-checks-line-hover-bg: $surface0;\n --color-checks-line-selected-bg: #dc2286;\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: alpha($maroon, 0.15);\n --color-checks-logline-warning-text: $subtext1;\n --color-checks-logline-warning-num-text: $peach;\n --color-checks-logline-warning-bg: alpha($peach, 0.15);\n --color-checks-logline-command-text: $blue;\n --color-checks-logline-section-text: $green;\n if ($type == \"dark\") {\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 } else {\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 --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), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 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 if (topbar) {\n --color-header-bg: $mantle;\n } else {\n --color-header-bg: $base;\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 --color-btn-primary-text: $base;\n --color-btn-primary-bg: $green;\n --color-btn-primary-border: transparent;\n --color-btn-primary-shadow: 0 0 transparent;\n --color-btn-primary-inset-shadow: 0 0 transparent;\n --color-btn-primary-hover-bg: hoverColor($green);\n --color-btn-primary-hover-border: rgba(240, 246, 252, 0.1);\n --color-btn-primary-selected-bg: activeColor($green);\n --color-btn-primary-selected-shadow: 0 0 transparent;\n --color-btn-primary-disabled-text: $crust;\n --color-btn-primary-disabled-bg: disabledColor($green);\n --color-btn-primary-disabled-border: transparent;\n --color-btn-primary-focus-bg: #238636;\n --color-btn-primary-focus-border: rgba(240, 246, 252, 0.1);\n --color-btn-primary-focus-shadow: 0 0 0 3px rgba(46, 164, 79, 0.4);\n --color-btn-primary-icon: $base;\n --color-btn-primary-counter-bg: rgba(255, 255, 255, 0.2);\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 --color-btn-danger-text: $base;\n --color-btn-danger-bg: $red;\n --color-btn-danger-hover-text: $base;\n --color-btn-danger-hover-bg: hoverColor($red);\n --color-btn-danger-hover-border: transparent;\n --color-btn-danger-hover-shadow: 0 0 transparent;\n --color-btn-danger-hover-inset-shadow: 0 0 transparent;\n --color-btn-danger-hover-icon: $base;\n --color-btn-danger-hover-counter-bg: rgba(255, 255, 255, 0.2);\n --color-btn-danger-selected-text: $base;\n --color-btn-danger-selected-bg: activeColor($red);\n --color-btn-danger-selected-border: transparent;\n --color-btn-danger-selected-shadow: 0 0 transparent;\n --color-btn-danger-disabled-text: $crust;\n --color-btn-danger-disabled-bg: disabledColor($red);\n --color-btn-danger-disabled-counter-bg: rgba(218, 54, 51, 0.05);\n --color-btn-danger-focus-border: #f85149;\n --color-btn-danger-focus-shadow: 0 0 0 3px rgba(248, 81, 73, 0.4);\n --color-btn-danger-counter-bg: rgba(218, 54, 51, 0.1);\n --color-btn-danger-icon: #f85149;\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 $shadow;\n --color-shadow-large: 0 8px 24px $shadow;\n --color-shadow-extra-large: 0 12px 48px $shadow;\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: alpha($accent-color, 0.4);\n --color-accent-subtle: alpha($accent-color, 0.15);\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: alpha($accent-color, .5);\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 }\n\n\n [data-color-mode=\"light\"][data-light-theme*=\"dark\"],\n [data-color-mode=\"light\"][data-light-theme*=\"light\"],\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 [data-color-mode=\"auto\"][data-dark-theme*=\"light\"] {\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: alpha($blue, 0.15);\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(rgba($green, 40%), 15deg);\n --color-calendar-graph-day-L2-bg: spin(rgba($green, 60%), 10deg);\n --color-calendar-graph-day-L3-bg: spin(rgba($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\n /* Buttons */\n .btn-danger,\n .Button--danger {\n background: var(--color-btn-danger-bg)\n }\n\n /* Issue tags */\n .hx_IssueLabel {\n --text: $text;\n }\n if ($type == light) { /* Maybe we could make a custom algorithm that converts the colors to be more catppuccin like? */\n @css {\n .hx_IssueLabel {\n --lightness-threshold: 0.453;\n --border-threshold: 0.96;\n --border-alpha: max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1));\n //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-alpha)) !important;\n }\n }\n } else {\n @css {\n .hx_IssueLabel {\n --lightness-threshold: 0.6;\n --background-alpha: 0.18;\n --border-alpha: 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-alpha)) !important;\n border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)) !important;\n }\n }\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 .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: alpha($blue, 0.4);\n --color-accent-subtle: alpha($blue, 0.15);\n }\n\n /* Misc */\n .col-md-8 {\n background-color: $base;\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 .command-palette-details-dialog .color-bg-subtle {\n background-color: $surface0 !important;\n }\n /* Button selection Fix */\n .navigation-item[aria-selected=\"true\"] .color-fg-muted {\n color: $base !important;\n }\n /* Darker bg for new AppHeader */\n .AppHeader {\n background: var(--color-header-bg);\n }\n /* Headers */\n h1, h2, h3, h4, h5, h6 {\n color: $subtext1\n }\n\n if (usefont) {\n body,\n .markdown-body {\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 .btn.color-fg-danger.cursor-default:hover {\n background-color: var(--color-btn-danger-hover-bg);\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}\n\n\n\n@-moz-document regexp(\"https:\\/\\/notebooks\\.githubusercontent\\.com\\/view\\/ipynb.*\") {\n\n :root {\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: alpha($text, 0.87);\n --jp-ui-font-color2: alpha($text, 0.54);\n --jp-ui-font-color3: alpha($text, 0.38);\n --jp-ui-inverse-font-color0: $crust;\n --jp-ui-inverse-font-color1: alpha($crust, 0.80);\n --jp-ui-inverse-font-color2: alpha($crust, 0.50);\n --jp-ui-inverse-font-color3: alpha($crust, 0.30);\n --jp-content-font-color0: $text;\n --jp-content-font-color1: $text;\n --jp-content-font-color2: alpha($text, 0.70);\n --jp-content-font-color3: alpha($text, 0.50);\n --jp-content-link-color: var(--color-scale-blue-3);\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: alpha($text, 0.5);\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: alpha($overlay2, 0.24);\n --jp-rendermime-error-background: alpha($red, 0.28);\n --jp-rendermime-table-row-background: var(--color-scale-gray-9);\n --jp-rendermime-table-row-hover-background: alpha($surface2, 0.24);\n --jp-dialog-background: alpha($crust, 0.6);\n --jp-toolbar-box-shadow: 0px 0px 2px 0px alpha($crust, 0.8);\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: alpha($blue, 0.3);\n --jp-editor-selected-focused-background: alpha($blue, 0.24);\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}\n",
"usercssData": {
"name": "Github Catppuccin",
"namespace": "github.com/catppuccin/github",
"version": "1.1.14",
"description": "Soothing pastel theme for GitHub",
"author": "Catppuccin",
"updateURL": "https://github.com/catppuccin/github/raw/main/catppuccin.user.css",
"preprocessor": "stylus",
"vars": {
"theme": {
"type": "select",
"label": "Theme",
"name": "theme",
"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"
}
]
},
"accent-color": {
"type": "select",
"label": "Accent",
"name": "accent-color",
"value": "Lavender",
"default": "Rosewater",
"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": "Gray",
"label": "Gray",
"value": "Gray"
}
]
},
"topbar": {
"type": "checkbox",
"label": "Topbar colors",
"name": "topbar",
"value": null,
"default": "1",
"options": null
},
"usefont": {
"type": "checkbox",
"label": "Use Inter font",
"name": "usefont",
"value": "0",
"default": "0",
"options": null
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for GitHub",
"name": "Github Catppuccin",
"originalDigest": "38ae9dab8f261f93285dd9aec1a45d3f925f3192",
"_id": "fad7c0f9-3f00-4eb4-8745-76593273fa04",
"_rev": 1689673346780,
"id": 6
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/searxng/raw/main/catppuccin.user.css",
"url": "https://github.com/catppuccin/searxng",
"installDate": 1664437976693,
"sections": [
{
"code": ""
}
],
"sourceCode": "/* ==UserStyle==\n@name SearXNG Catppuccin\n@namespace github.com/catppuccin/searxng\n@homepageURL https://github.com/catppuccin/searxng\n@version 0.2.1\n@description Soothing pastel theme for SearXNG\n@author Catppuccin\n@updateURL https://github.com/catppuccin/searxng/raw/main/catppuccin.user.css\n@preprocessor stylus\n@var select lighttheme \"Light Variant\" [\"Latte*\", \"Frappe\", \"Macchiato\", \"Mocha\"]\n@var select darktheme \"Dark Variant\" [\"Latte\", \"Frappe\", \"Macchiato\", \"Mocha*\"]\n@var checkbox additions \"Additional Tweaks\" 0\n==/UserStyle== */\n\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.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://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 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-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\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-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\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-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\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-lavender: #b4befe;\n --ctp-blue: #89b4fa;\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\n .theme-light {\n if (lighttheme==\"Latte\") { colourscheme(Latte) }\n if (lighttheme==\"Frappe\") { colourscheme(Frappe) }\n if (lighttheme==\"Macchiato\") { colourscheme(Macchiato) }\n if (lighttheme==\"Mocha\") { colourscheme(Mocha) }\n }\n .theme-dark {\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\n .theme-auto {\n if (lighttheme==\"Latte\") { colourscheme(Latte) }\n if (lighttheme==\"Frappe\") { colourscheme(Frappe) }\n if (lighttheme==\"Macchiato\") { colourscheme(Macchiato) }\n if (lighttheme==\"Mocha\") { colourscheme(Mocha) }\n }\n\n @media (prefers-color-scheme: dark) {\n .theme-auto {\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 }\n\n :root.theme-auto, :root.theme-dark, :root.theme-light {\n --color-base-font: var(--ctp-text);\n --color-base-background: var(--ctp-base);\n --color-base-background-mobile: var(--ctp-base);\n --color-url-font: var(--ctp-lavender);\n --color-url-visited-font: var(--ctp-mauve);\n --color-header-background: var(--ctp-mantle);\n --color-header-border: var(--ctp-mantle);\n --color-footer-background: var(--ctp-mantle);\n --color-footer-border: var(--ctp-mantle);\n --color-sidebar-border: var(--ctp-base);\n --color-sidebar-font: var(--ctp-text);\n --color-sidebar-background: var(--ctp-base);\n --color-backtotop-font: var(--ctp-subtext1);\n --color-backtotop-border: var(--ctp-surface0);\n --color-backtotop-background: var(--ctp-surface0);\n --color-btn-background: var(--ctp-lavender);\n --color-btn-font: var(--ctp-base);\n --color-show-btn-background: var(--ctp-lavender);\n --color-show-btn-font: var(--ctp-base);\n --color-search-border: var(--ctp-surface0);\n --color-search-shadow: 0 2px 8px var(--ctp-crust);\n --color-search-background: var(--ctp-surface0);\n --color-search-font: var(--ctp-text);\n --color-search-background-hover: var(--ctp-lavender);\n --color-error: $red;\n --color-error-background: var(--ctp-surface0);\n --color-warning: $yellow;\n --color-warning-background: var(--ctp-surface0);\n --color-success: $green;\n --color-success-background: var(--ctp-surface0);\n --color-categories-item-selected-font: var(--ctp-text);\n --color-categories-item-border-selected: var(--ctp-mauve);\n --color-autocomplete-font: var(--ctp-subtext1);\n --color-autocomplete-border: var(--ctp-surface0);\n --color-autocomplete-shadow: 0 2px 8px var(--ctp-crust);\n --color-autocomplete-background: var(--ctp-surface0);\n --color-autocomplete-background-hover: var(--ctp-surface1);\n --color-answer-font: var(--ctp-text);\n --color-answer-background: var(--ctp-mantle);\n --color-result-background: var(--ctp-mantle);\n --color-result-border: var(--ctp-base);\n --color-result-url-font: var(--ctp-subtext1);\n --color-result-vim-selected: var(--ctp-surface0);\n --color-result-vim-arrow: var(--ctp-lavender);\n --color-result-description-highlight-font: var(--ctp-text);\n --color-result-link-font: var(--ctp-lavender);\n --color-result-link-font-highlight: var(--ctp-lavender);\n --color-result-link-visited-font: var(--ctp-mauve);\n --color-result-publishdate-font: var(--ctp-surface2);\n --color-result-engines-font: var(--ctp-surface2);\n --color-result-search-url-border: var(--ctp-surface2);\n --color-result-search-url-font: var(--ctp-text);\n --color-result-detail-font: var(--ctp-text);\n --color-result-detail-label-font: var(--ctp-surface1);\n --color-result-detail-background: var(--ctp-base);\n --color-result-detail-hr: var(--ctp-base);\n --color-result-detail-link: var(--ctp-lavender);\n --color-result-detail-loader-border: rgba(255, 255, 255, 0.2);\n --color-result-detail-loader-borderleft: var(--ctp-crust);\n --color-result-image-span-font: var(--ctp-text);\n --color-result-image-span-font-selected: var(--ctp-base);\n --color-result-image-background: var(--ctp-mantle);\n --color-settings-tr-hover: var(--ctp-surface0);\n --color-settings-engine-description-font: var(--ctp-text);\n --color-settings-engine-group-background: var(--ctp-surface0);\n --color-toolkit-badge-font: var(--ctp-text);\n --color-toolkit-badge-background: var(--ctp-surface0);\n --color-toolkit-kbd-font: var(--ctp-text);\n --color-toolkit-kbd-background: var(--ctp-mantle);\n --color-toolkit-dialog-border: var(--ctp-mantle);\n --color-toolkit-dialog-background: var(--ctp-mantle);\n --color-toolkit-tabs-label-border: var(--ctp-base);\n --color-toolkit-tabs-section-border: var(--ctp-base);\n --color-toolkit-select-background: var(--ctp-surface0);\n --color-toolkit-select-border: var(--ctp-surface0);\n --color-toolkit-select-background-hover: var(--ctp-surface1);\n --color-toolkit-input-text-font: var(--ctp-text);\n --color-toolkit-checkbox-onoff-off-background: var(--ctp-surface0);\n --color-toolkit-checkbox-onoff-on-background: var(--ctp-surface0);\n --color-toolkit-checkbox-onoff-on-mark-background: var(--ctp-green);\n --color-toolkit-checkbox-onoff-on-mark-color: var(--ctp-mantle);\n --color-toolkit-checkbox-onoff-off-mark-background: var(--ctp-red);\n --color-toolkit-checkbox-onoff-off-mark-color: var(--ctp-mantle);\n --color-toolkit-checkbox-label-background: var(--ctp-base);\n --color-toolkit-checkbox-label-border: var(--ctp-mantle);\n --color-toolkit-checkbox-input-border: var(--ctp-blue);\n --color-toolkit-engine-tooltip-border: var(--ctp-surface0);\n --color-toolkit-engine-tooltip-background: var(--ctp-surface0);\n --color-toolkit-loader-border: rgba(255, 255, 255, 0.2);\n --color-toolkit-loader-borderleft: var(--ctp-crust);\n --color-doc-code: var(--ctp-rosewater);\n --color-doc-code-background: var(--ctp-mantle);\n }\n if (additions) {\n article.result {\n background-color: var(--color-result-background);\n border-radius: .75em;\n padding: .75em;\n margin: .5em;\n }\n article.category-images {\n padding-bottom: 4em;\n }\n }\n}\n",
"usercssData": {
"name": "SearXNG Catppuccin",
"namespace": "github.com/catppuccin/searxng",
"homepageURL": "https://github.com/catppuccin/searxng",
"version": "0.2.1",
"description": "Soothing pastel theme for SearXNG",
"author": "Catppuccin",
"updateURL": "https://github.com/catppuccin/searxng/raw/main/catppuccin.user.css",
"preprocessor": "stylus",
"vars": {
"lighttheme": {
"type": "select",
"label": "Light Variant",
"name": "lighttheme",
"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"
}
]
},
"darktheme": {
"type": "select",
"label": "Dark Variant",
"name": "darktheme",
"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"
}
]
},
"additions": {
"type": "checkbox",
"label": "Additional Tweaks",
"name": "additions",
"value": "1",
"default": "0",
"options": null
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for SearXNG",
"name": "SearXNG Catppuccin",
"originalDigest": "bbd80752b4180bc3703587c1755ce863de05c3bf",
"_id": "3d8ab5c8-4e81-4444-800f-ace0dc0ba2da",
"_rev": 1678140139631,
"id": 7
},
{
"enabled": false,
"updateUrl": "https://cdn.jsdelivr.net/gh/33kk/uso-archive@flomaster/data/usercss/130513.user.css",
"url": "https://uso.kkx.one/style/130513",
"installDate": 1666305292039,
"sections": [
{
"code": ""
}
],
"sourceCode": "/* ==UserStyle==\n@name Google at Center - Google Centered Results\n@namespace USO Archive\n@author Antonello Amici\n@description `- Center Google Search Results- Center Google Images- Center Google News- Center Google Video- Center Google Shopping- Center Google Books- Styles for All Google Domains`\n@version 20200731.19.9\n@license CC-BY-ND-4.0\n@preprocessor uso\n==/UserStyle== */\n@-moz-document regexp(\"https?://www.google.(com|([a-z]{2}))(.[a-z]{2})?.\"), regexp(\"https?://www.google.(com|([a-z]{2}))(.[a-z]{2})?/((\\\\?|webhp|search|gfe_rd|auth|gws_rd|#q|imghp|#gfe_rd|#safe|#pws|#tbs|#gws|#tbm).*)\"), regexp(\"https?://encrypted.google.(com|([a-z]{2}))(.[a-z]{2})?/((\\\\?|webhp|search|gfe_rd|auth|gws_rd|#q|imghp|#gfe_rd|#safe|#pws|#tbs|#gws|#tbm).*)\"), regexp(\"https?://encrypted.google.(com|([a-z]{2}))(.[a-z]{2})?.\"), regexp(\"https?://www.google.(com|([a-z]{2}))(.[a-z]{2})?/_/chrome/newtab\\\\?.*\") {\n/**\n* Name: Google at Center - Centered Results & Float Bar\n* Author: Antonello Amici\n* Version: 1.20200731\n* License: CC BY-ND - Creative Commons Attribution-NoDerivs\n*/\n/* i really want this to be global */\n/*@import url('https://fonts.googleapis.com/css?family=Roboto|Nunito');*/\n#viewport {\n min-width: 977px !important;\n max-width: 977px !important;\n margin: 0 auto;\n left: 0;\n right: 0;\n}\n#gb {\n z-index: 987;\n} \n.jhp>#gb {\n position: relative !important;\n top: -295px !important;\n right: 0 !important;\n left: 0;\n margin: 0 auto;\n}\n#top_nav, #hdtb {\n width: 980px !important;\n}\n.srp #searchform,\n.sfbg {\n position: fixed;\n top: 19px;\n min-width: 979px;\n width: 979px;\n left: 50%;\n margin-left: -490px;\n}\n.gb_mb {\n min-width: 0 !important;\n}\n.sfbg, .sfbgg, #fbar {\n min-width: 977px !important;\n margin: 0 auto;\n left: auto;\n}\n.big .ctr-p, .big #tsf, .hp .big #tsf {\n min-width: 977px !important; \n width: 977px !important;\n}\n/*.gb_C .gb_D {\n background-position: -464px -38px;\n}*/\n.fbar {\n margin-left: 0 !important;\n}\n#fsl {\n margin-left: 0;\n}\n.tsf-p {\n margin: -1px 0 0 27px !important;\n}\n.lst-c {\n overflow: visible;\n}\n.hp #gs_st0 {\n margin-right: -120px;\n}\n.srp #gs_st0 {\n margin-right: 0;\n}\n.sfbgx {\n border-bottom: 0 !important;\n background-color: transparent !important;\n}\n.sfbgg {\n border-left: 1px solid #e5e5e5;\n border-right: 1px solid #e5e5e5;\n border-bottom: 1px solid #e5e5e5;\n padding-bottom: 10px; \n background: #fafafa;\n}\n#hdtb-msb {\n min-width: 970px !important;\n}\n#hdtb-msb .hdtb-mitem:first-child.hdtb-imb {\n margin-left: 10px !important;\n}\n#main {\n width: 100%;\n margin: 0 auto;\n max-width: 1280px;\n}\n#cnt {\n max-width: 980px;\n margin: 0 auto;\n}\n#hdtb-more-mn {\n left: 350px !important;\n}\n#rhscol {\n position: absolute;\n width: 980px;\n height: 1px;\n left: 50%;\n margin-left: -490px;\n}\n.mw #rhs {\n margin-left: 680px; \n margin-top: 20px; \n min-width: 0;\n}\n#hdtb-s {\n width: 100% !important;\n}\nbig>.mw,\n.mw {\n max-width: 600px !important;\n margin: 0 auto !important;\n}\n#hdtb-msb>.hdtb-mitem:first-child,\n.ab_tnav_wrp,\n#cnt #center_col,\n.mw #center_col {\n margin-left: 0 !important;\n}\n#appbar {\n min-width: 980px !important;\n border-bottom: 1px solid #e5e5e5;\n border-left: 1px solid #e5e5e5;\n border-right: 1px solid #e5e5e5;\n background: #fafafa;\n}\n#hdtbMenus {\n width: 980px;\n text-align: right;\n}\n.hdtbU {\n transform: translateX(-520px);\n}\n.hdtb-mn-hd {\n padding-left: 0;\n}\n.mw #rcnt {\n margin-left: -17px;\n}\n.mw #cnt #center_col, .mw #cnt #foot {\n width: 600px;\n}\n#fbar {\n border-left: 1px solid #e5e5e5;\n border-right: 1px solid #e5e5e5;\n}\n#footer {\n width: 980px;\n}\n.mw #foot {\n margin-left: 0 !important;\n}\n.irc_land {\n margin-left: 462px;\n}\n.sr__restricts {\n margin-left: -170px;\n}\n.sh-dr__restricts {\n margin-left: -250px;\n margin-top: 97px;\n border: 1px solid #e5e5e5;\n}\n.sh-dtt__top-tools {\n width: 980px !important;\n margin-left: -173px !important\n}\n.QOsNac {\n width: 940px;\n}\n\n#res h3 {\n font-size: 20px;\n line-height: 1.33;\n font-family: Roboto;\n}\n/*\n.g, body, html, input, .std, h1 {\n font-family: Nunito;\n font-size: 16px;\n line-height: 1.43;\n}\n#hdtb {\n font-size: 16px;\n}\n*/\n.A8SBwf {\n width: 512px;\n}\n.Q8LRLc {\n padding-right: 20px;\n}\n}",
"usercssData": {
"name": "Google at Center - Google Centered Results",
"namespace": "USO Archive",
"author": "Antonello Amici",
"description": "- Center Google Search Results- Center Google Images- Center Google News- Center Google Video- Center Google Shopping- Center Google Books- Styles for All Google Domains",
"version": "20200731.19.9",
"license": "CC-BY-ND-4.0",
"preprocessor": "uso"
},
"author": "Antonello Amici",
"description": "- Center Google Search Results- Center Google Images- Center Google News- Center Google Video- Center Google Shopping- Center Google Books- Styles for All Google Domains",
"name": "Google at Center - Google Centered Results",
"originalDigest": "1055c1d570c017976236595be3e545a92d80d997",
"_id": "324573a4-63c3-4c85-90d6-b4b63a8d2682",
"_rev": 1684684866445,
"installationUrl": "https://uso.kkx.one/style/130513",
"id": 8
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/mastodon/raw/main/dist/catppuccin.user.css",
"url": "https://github.com/catppuccin/mastodon",
"installDate": 1669367356962,
"sections": [
{
"code": ""
}
],
"sourceCode": "/* ==UserStyle==\n@name Mastodon Catppuccin\n@namespace github.com/catppuccin/mastodon\n@homepageURL https://github.com/catppuccin/mastodon\n@version 1.1.4\n@description Soothing pastel theme for Mastodon\n@author Catppuccin\n@updateURL https://github.com/catppuccin/mastodon/raw/main/dist/catppuccin.user.css\n@preprocessor less\n@var select lightFlavour \"Light Flavour\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavour \"Dark Flavour\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColour \"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==/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(@lightFlavour, @accentColour);\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(@darkFlavour, @accentColour);\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-colour: @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-colour;\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-colour;\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-colour;\n }\n\n .public-layout .public-account-header__tabs__tabs .counter.active::after {\n border-color: @accent-colour;\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-colour;\n }\n\n .column-link--transparent:hover,\n .column-link:hover {\n color: @accent-colour;\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-colour;\n }\n\n .button,\n .button.button-tertiary,\n .button.logo-button {\n background: @accent-colour;\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-colour;\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-colour;\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,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='%2342485A'/></svg>\") 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-colour !important;\n background: @mantle !important;\n color: @text !important;\n }\n\n .table > thead > tr > th {\n border-color: @accent-colour !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-colour !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/mastodon",
"homepageURL": "https://github.com/catppuccin/mastodon",
"version": "1.1.4",
"description": "Soothing pastel theme for Mastodon",
"author": "Catppuccin",
"updateURL": "https://github.com/catppuccin/mastodon/raw/main/dist/catppuccin.user.css",
"preprocessor": "less",
"vars": {
"lightFlavour": {
"type": "select",
"label": "Light Flavour",
"name": "lightFlavour",
"value": "macchiato",
"default": "latte",
"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"
}
]
},
"darkFlavour": {
"type": "select",
"label": "Dark Flavour",
"name": "darkFlavour",
"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"
}
]
},
"accentColour": {
"type": "select",
"label": "Accent",
"name": "accentColour",
"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": "Grey",
"value": "subtext0"
}
]
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for Mastodon",
"name": "Mastodon Catppuccin",
"originalDigest": "58116531f1104548281394238c7db9a204696931",
"_id": "320983b5-22d4-4221-9cd2-a1ba4b4f3dc1",
"_rev": 1689335906788,
"id": 9
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/anilist/raw/main/src/AnilistCatppuccin.user.css",
"installDate": 1669550331888,
"sections": [
{
"code": ""
}
],
"sourceCode": "/* ==UserStyle==\n@name AniList Catppuccin\n@namespace github.com/catppuccin/anilist\n@version 2.0.7\n@description Soothing pastel theme for AniList\n@author Catppuccin\n@updateURL https://github.com/catppuccin/anilist/raw/main/src/AnilistCatppuccin.user.css\n@preprocessor stylus\n@var select theme \"Theme\" [\"Latte\", \"Frappe\", \"Macchiato\", \"Mocha*\", \"Mocha-Old\"]\n@var select accent \"Accent\" [\"Rosewater*\", \"Flamingo\", \"Pink\", \"Mauve\", \"Red\", \"Maroon\", \"Peach\", \"Yellow\", \"Green\", \"Teal\", \"Blue\", \"Sapphire\", \"Sky\", \"Lavender\", \"Gray\"]\n@var select contrast-color \"Contrast Color\" [\"Rosewater\", \"Flamingo\", \"Pink\", \"Mauve\", \"Red*\", \"Maroon\", \"Peach\", \"Yellow\", \"Green\", \"Teal\", \"Blue\", \"Sapphire\", \"Sky\", \"Lavender\", \"Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"anilist.co\"), domain(\"anichart.net\") {\n\n\tif (theme==\"Latte\") {\n\n\t\t$type = light\n\n $rosewater = 222, 149, 132\n $flamingo = 221, 120, 120\n $pink = 236, 131, 208\n $mauve = 136, 57, 239\n $red = 210, 15, 57\n $maroon = 230, 69, 83\n $peach = 254, 100, 11\n $yellow = 228, 147, 32\n $green = 64, 160, 43\n $teal = 23, 146, 153\n $blue = 42, 110, 245\n $sapphire = 32, 159, 181\n $sky = 4, 165, 229\n $lavender = 114, 135, 253\n $text = 76, 79, 105\n $subtext1 = 92, 95, 119\n $subtext0 = 108, 111, 133\n $overlay2 = 124, 127, 147\n $overlay1 = 140, 143, 161\n $overlay0 = 156, 160, 176\n $surface2 = 172, 176, 190\n $surface1 = 188, 192, 204\n $surface0 = 204, 208, 218\n $base = 239, 241, 245\n $mantle = 230, 233, 239\n $crust = 220, 224, 232\n\n\t}\n\n\telse if (theme==\"Frappe\") {\n\n\t\t$type = dark\n\n $rosewater = 242, 213, 207\n $flamingo = 238, 190, 190\n $pink = 244, 184, 228\n $mauve = 202, 158, 230\n $red = 231, 130, 132\n $maroon = 234, 153, 156\n $peach = 239, 159, 118\n $yellow = 229, 200, 144\n $green = 166, 209, 137\n $teal = 129, 200, 190\n $blue = 140, 170, 238\n $sapphire = 133, 193, 220\n $sky = 153, 209, 219\n $lavender = 186, 187, 241\n $text = 198, 206, 239\n $subtext1 = 181, 189, 220\n $subtext0 = 165, 172, 201\n $overlay2 = 148, 155, 183\n $overlay1 = 131, 138, 164\n $overlay0 = 115, 120, 145\n $surface2 = 98, 103, 126\n $surface1 = 81, 86, 108\n $surface0 = 65, 69, 89\n $base = 48, 52, 70\n $mantle = 41, 44, 60\n $crust = 35, 38, 52\n\n\t}\n\n\telse if (theme==\"Macchiato\") {\n\n\t\t$type = dark\n\n $rosewater = 244, 219, 214\n $flamingo = 240, 198, 198\n $pink = 245, 189, 230\n $mauve = 198, 160, 246\n $red = 237, 135, 150\n $maroon = 238, 153, 160\n $peach = 245, 169, 127\n $yellow = 238, 212, 159\n $green = 166, 218, 149\n $teal = 139, 213, 202\n $blue = 138, 173, 244\n $sapphire = 125, 196, 228\n $sky = 145, 215, 227\n $lavender = 183, 189, 248\n $text = 197, 207, 245\n $subtext1 = 179, 188, 224\n $subtext0 = 161, 170, 203\n $overlay2 = 143, 151, 183\n $overlay1 = 124, 131, 162\n $overlay0 = 108, 114, 141\n $surface2 = 90, 95, 120\n $surface1 = 72, 76, 100\n $surface0 = 54, 58, 79\n $base = 36, 39, 58\n $mantle = 30, 32, 48\n $crust = 24, 25, 38\n\n\t}\n\n\telse if (theme==\"Mocha\") {\n\n\t\t$type = dark\n\n $rosewater = 245, 224, 220\n $flamingo = 242, 205, 205\n $pink = 245, 194, 231\n $mauve = 203, 166, 247\n $red = 243, 139, 168\n $maroon = 235, 160, 172\n $peach = 250, 179, 135\n $yellow = 249, 226, 175\n $green = 166, 227, 161\n $teal = 148, 226, 213\n $blue = 135, 176, 249\n $sapphire = 116, 199, 236\n $sky = 137, 220, 235\n $lavender = 180, 190, 254\n $text = 198, 208, 245\n $subtext1 = 179, 188, 223\n $subtext0 = 161, 168, 201\n $overlay2 = 142, 149, 179\n $overlay1 = 123, 129, 157\n $overlay0 = 105, 109, 134\n $surface2 = 86, 89, 112\n $surface1 = 67, 70, 90\n $surface0 = 49, 50, 68\n $base = 30, 30, 46\n $mantle = 24, 24, 37\n $crust = 17, 17, 27\n\n\t}\n\n\telse if (theme==\"Mocha-Old\") {\n\n\t\t$type = dark\n\n $rosewater = 245, 224, 220\n $flamingo = 242, 205, 205\n $pink = 245, 194, 231\n $mauve = 221, 182, 242\n $red = 242, 143, 173\n $maroon = 232, 161, 174\n $peach = 248, 189, 150\n $yellow = 250, 227, 176\n $green = 171, 233, 179\n $teal = 181, 232, 224\n $blue = 150, 205, 251\n $sapphire = 116, 199, 236\n $sky = 137, 220, 235\n $lavender = 201, 203, 255\n $text = 217, 224, 238\n $subtext1 = 195, 186, 198\n $subtext0 = 152, 139, 162\n $overlay2 = 110, 108, 126\n $overlay1 = 87, 82, 104\n $overlay0 = 108, 112, 134\n $surface2 = 88, 91, 112\n $surface1 = 69, 71, 90\n $surface0 = 48, 45, 65\n $base = 30, 30, 46\n $mantle = 26, 24, 38\n $crust = 22, 19, 32\n\n\t}\n/*----------------------ACCENT COLORS-------------------------*/\n if (accent==\"Rosewater\") {\n $accent = $rosewater\n } else if (accent==\"Flamingo\") {\n $accent = $flamingo\n } else if (accent==\"Pink\") {\n $accent = $pink\n } else if (accent==\"Mauve\") {\n $accent = $mauve\n } else if (accent==\"Red\") {\n $accent = $red\n } else if (accent==\"Maroon\") {\n $accent = $maroon\n } else if (accent==\"Peach\") {\n $accent = $peach\n } else if (accent==\"Yellow\") {\n $accent = $yellow\n } else if (accent==\"Green\") {\n $accent = $green\n } else if (accent==\"Teal\") {\n $accent = $teal\n } else if (accent==\"Blue\") {\n $accent = $blue\n } else if (accent==\"Sapphire\") {\n $accent = $sapphire\n } else if (accent==\"Sky\") {\n $accent = $sky\n } else if (accent==\"Lavender\") {\n $accent = $lavender\n } else if (accent==\"Gray\") {\n $accent = $subtext0\n }\n :root {\n --color-blue: $accent !important;\n --color-blue-dim: $accent !important;\n --color-overlay: $crust;\n }\n .signup[data-v-62eacfff], .join-btn[data-v-3428d21c] {\n background: rgb($accent) !important;\n }\n h2[data-v-a5dce466], .el-checkbox__input.is-checked+.el-checkbox__label, h2, h2[data-v-0f519cab] {\n color: rgb($accent);\n }\n/*----------------------LIKED COLORS-------------------------*/\n if (contrast-color==\"Rosewater\") {\n $contrast-color = $rosewater\n } else if (contrast-color==\"Flamingo\") {\n $contrast-color = $flamingo\n } else if (contrast-color==\"Pink\") {\n $contrast-color = $pink\n } else if (contrast-color==\"Mauve\") {\n $contrast-color = $mauve\n } else if (contrast-color==\"Red\") {\n $contrast-color = $red\n } else if (contrast-color==\"Maroon\") {\n $contrast-color = $maroon\n } else if (contrast-color==\"Peach\") {\n $contrast-color = $peach\n } else if (contrast-color==\"Yellow\") {\n $contrast-color = $yellow\n } else if (contrast-color==\"Green\") {\n $contrast-color = $green\n } else if (contrast-color==\"Teal\") {\n $contrast-color = $teal\n } else if (contrast-color==\"Blue\") {\n $contrast-color = $blue\n } else if (contrast-color==\"Sapphire\") {\n $contrast-color = $sapphire\n } else if (contrast-color==\"Sky\") {\n $contrast-color = $sky\n } else if (contrast-color==\"Lavender\") {\n $contrast-color = $lavender\n } else if (contrast-color==\"Gray\") {\n $contrast-color = $subtext0\n }\n\n /*----------BASE COLORS FOR ANILIST----------*/\n :root {\n --color-background: $crust;\n --color-foreground: $base;\n --color-foreground-grey: $surface0;\n --color-foreground-grey-dark: $surface0;\n --color-foreground-blue: $mantle;\n --color-foreground-blue-dark: $mantle;\n --color-background-blue-dark: $subtext1;\n --color-overlay: $crust;\n --color-shadow: $mantle;\n --color-shadow-dark: $crust;\n --color-shadow-blue: $blue;\n --color-text: $text;\n --color-text-light: $subtext1;\n --color-text-lighter: $subtext0;\n --color-text-bright: $text;\n --color-blue: $blue;\n --color-blue-dim: $sapphire;\n --color-white: 255,255,255;\n --color-black: 0,0,0;\n --color-red: $contrast-color;\n --color-peach: $maroon;\n --color-orange: $peach;\n --color-yellow: $yellow;\n --color-green: $green;\n --color-background-1200: $text;\n --color-background-1100: $text\n --color-background-1000: $text;\n --color-background-900: $subtext1;\n --color-background-800: $subtext0;\n --color-background-700: $surface1;\n --color-background-600: $surface0;\n --color-background-500: $surface0;\n --color-background-400: $surface0;\n --color-background-300: $base;\n --color-background-200: $mantle;\n --color-background-100: $crust;\n --color-gray-1200: $text;\n --color-gray-1100: $text;\n --color-gray-1000: $text;\n --color-gray-900: $text;\n --color-gray-800: $overlay2;\n --color-gray-700: $overlay1;\n --color-gray-600: $overlay0;\n --color-gray-500: $surface2;\n --color-gray-400: $surface1;\n --color-gray-300: $surface0;\n --color-gray-200: $mantle;\n --color-gray-100: $crust;\n --color-blue-100: $white;\n --color-blue-200: $white;\n --color-blue-300: $white;\n --color-blue-400: $sapphire;\n --color-blue-500: $sapphire;\n --color-blue-600: $blue;\n --color-blue-700: $blue;\n --color-blue-800: $blue;\n --color-blue-900: $blue;\n --color-blue-1000: $blue;\n --color-green-100: $teal;\n --color-green-200: $green;\n --color-green-300: $green;\n --color-green-400: $green;\n --color-green-500: $green;\n --color-green-600: $green;\n --color-green-700: $green;\n --color-green-800: $green;\n --color-red-100: $white;\n --color-red-200: $flamingo;\n --color-red-300: $maroon;\n --color-red-400: $red;\n --color-red-500: $red;\n --color-red-600: $red;\n --color-red-700: $red;\n }\n .site-theme-dark {\n --color-background: $crust;\n --color-foreground: $base;\n --color-foreground-grey: $surface0;\n --color-foreground-grey-dark: $surface0;\n --color-foreground-blue: $mantle;\n --color-foreground-blue-dark: $mantle;\n --color-text: $text;\n --color-text-light: $subtext0;\n --color-text-lighter: $subtext1;\n --color-shadow-blue: $crust;\n --color-background-1200: $text;\n --color-background-1100: $text\n --color-background-1000: $text;\n --color-background-900: $subtext1;\n --color-background-800: $subtext0;\n --color-background-700: $surface1;\n --color-background-600: $surface0;\n --color-background-500: $surface0;\n --color-background-400: $surface0;\n --color-background-300: $base;\n --color-background-200: $mantle;\n --color-background-100: $crust;\n --color-gray-1200: $text;\n --color-gray-1100: $text;\n --color-gray-1000: $text;\n --color-gray-900: $text;\n --color-gray-800: $overlay2;\n --color-gray-700: $overlay1;\n --color-gray-600: $overlay0;\n --color-gray-500: $surface2;\n --color-gray-400: $surface1;\n --color-gray-300: $surface0;\n --color-gray-200: $mantle;\n --color-gray-100: $crust;\n }\n .site-theme-dark .nav-unscoped {\n background-color: rgb($mantle) !important;\n }\n /*----Tracking Status List Stuff----*/\n .site-theme-dark .list[data-v-5776f768], .el-icon-arrow-down:before {\n color: rgb($mantle) !important;\n }\n .site-theme-dark .el-dropdown-menu, .site-theme-dark .el-dropdown-menu__item--divided:before, .el-select-dropdown {\n background-color: rgb($base) !important;\n }\n .site-theme-dark .el-dropdown-menu {\n border: 4px rgb($text) !important;\n }\n .site-theme-dark .el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover {\n color: rgb($crust) !important;\n }\n .site-theme-dark .el-dropdown-menu__item--divided {\n border-top-color: rgb(21,31,46);\n }\n .el-select-dropdown__item.hover, .el-select-dropdown__item:hover {\n background-color: rgb($mantle);\n }\n /*-----------------GREEN FIXES-----------------*/\n .user-page-unscoped.green {\n --color-blue: $green;\n --color-blue-dim: $green;\n --color-overlay: $crust;\n }\n .user-page-unscoped.green .progress .bar {\n background: linear-gradient(270deg,rgb($green), rgb($green));\n }\n\n /*-----------------BLUE FIXES-----------------*/\n .user-page-unscoped.blue {\n --color-blue: $blue;\n --color-blue-dim: $blue;\n --color-overlay: $crust;\n }\n .user-page-unscoped.purple .progress .bar {\n background: linear-gradient(270deg,rgb($blue), rgb($blue));\n }\n\n /*-----------------PURPLE FIXES-----------------*/\n .user-page-unscoped.purple {\n --color-blue: $mauve !important;\n --color-blue-dim: $mauve;\n --color-overlay: $crust;\n }\n .user-page-unscoped.purple .progress .bar {\n background: linear-gradient(270deg,rgb($mauve), rgb($mauve));\n }\n\n /*-----------------ORANGE FIXES-----------------*/\n .user-page-unscoped.orange {\n --color-blue: $peach !important;\n --color-blue-dim: $peach;\n --color-overlay: $crust;\n }\n .user-page-unscoped.orange .progress .bar {\n background: linear-gradient(270deg,rgb($peach), rgb($peach));\n }\n\n /*-----------------RED FIXES-----------------*/\n .user-page-unscoped.red {\n --color-blue: $red !important;\n --color-blue-dim: $red;\n --color-overlay: $crust;\n }\n .user-page-unscoped.red .progress .bar {\n background: linear-gradient(270deg,rgb($red), rgb($red));\n }\n\n /*-----------------PINK FIXES-----------------*/\n .user-page-unscoped.pink {\n --color-blue: $pink !important;\n --color-blue-dim: $pink;\n --color-overlay: $crust;\n }\n .user-page-unscoped.pink .progress .bar {\n background: linear-gradient(270deg,rgb($pink), rgb($pink));\n }\n /*-----------------GRAY FIXES-----------------*/\n .user-page-unscoped.gray {\n --color-blue: $overlay1 !important;\n --color-blue-dim: $overlay1;\n --color-overlay: $crust;\n }\n .user-page-unscoped.gray .progress .bar {\n background: linear-gradient(270deg,rgb($overlay1), rgb($overlay1));\n }\n\n /*---------SCORE TWEAKS--------------*/\n .score[data-v-5ca094da] { color: rgb($base); }\n\n /*--------------FOOTER (It's hardcoded idk why anilist dumdum)----------*/\n .footer[data-v-a5dce466], .landing[data-v-3428d21c], .footer, .footer[data-v-0f519cab] {\n background-color: var(--color-background) !important;\n }\n\n /*------------------MISC EDITS--------------------*/\n /*--Reset button in notifications-----*/\n .reset-btn {\n color: rgb($base) !important;\n }\n /* Publish Button in Replies and Messages */\n .save {\n color: rgb($base) !important;\n }\n /*------------IMAGE COVER------------*/\n .cover .image-text, .plus-progress {\n color: rgb($text) !important;\n }\n\n .entry .plus-progress, .medialist.table .entry .edit { color: rgb($base) !important;}\n /*--------Settings button--------*/\n .settings[data-v-3deab077] .button {\n color: rgb($crust);\n }\n .el-checkbox__input.is-checked .el-checkbox__inner, .el-radio__input.is-checked .el-radio__inner {\n background-color: rgb($accent);\n border-color: rgb($accent);\n }\n .el-checkbox__inner:after {\n border-color: rgb($crust);\n border-width: 2px;\n left: 3px;\n }\n .el-radio__input.is-checked+.el-radio__label {\n color: rgb($accent);\n }\n /*--------HIDE SCROLLBAR IN BIO-----*/\n .section::-webkit-scrollbar {\n display: none;\n }\n .section {\n -ms-overflow-style: none;\n scrollbar-width: none;\n }\n /*--------ANICHART SPECIFIC TWEAKS----*/\n .nav[data-v-e2f25004] {\n background: rgb($crust);\n }\n .season[data-v-e2f25004], .charts .label[data-v-e2f25004], .charts .svg-icon[data-v-e2f25004], .section:first-of-type .section-heading[data-v-309146c2], a.title[data-v-09928904] {\n color: rgb($text);\n }\n .season.router-link-active[data-v-e2f25004], .charts a:hover .svg-icon[data-v-e2f25004], .season[data-v-e2f25004]:hover, .charts .router-link-active .svg-icon[data-v-e2f25004] {\n color: rgb($accent);\n }\n .settings[data-v-3deab077] .button.danger { color: rgb($base); }\n /* AUTOMAIL TWEAK */\n .site-theme-dark .el-popper .el-dropdown-menu__item:focus, .el-popper .el-dropdown-menu__item:not(.is-disabled):hover {\n color: rgb($accent) !important;\n }\n .hohMediaScore { font-size: 90%; font-family: Overpass; border: 2px solid rgb($surface0); padding: 4px; border-radius: 10px; margin-left: 0px; background-color: rgb($base); color: rgb($accent); }\n .filter-group.compare-btn, .hohButton { color: rgb($base); }\n .hohButton { background-color: rgb($accent); }\n .medialist.table .entry:hover, .medialist.table .entry .title a:hover, .compare-btn[data-v-170179fc]:hover { color: rgb($base); }\n .hohCompare table { background-color: rgb($crust); }\n .hohAnimeTable, .hohAnimeTable td, .hohUserRow td, .hohUserRow th, .hohHeaderRow td, .hohHeaderRow th { border: 2px solid rgb($surface0) !important; }\n .hohUserRow td { border-top: 4px solid rgb($surface0) !important; }\n .hohUserRow tr { border-right: 4px solid rgb($surface0) !important; }\n /*---------ANILIST LIKER PLUGIN------*/\n #AnilistLikerPlugin .mmd2 {\n font-style: normal !important;\n font-weight: 700;\n font-family: Overpass;\n }\n #AnilistLikerPlugin .btntop { margin-bottom: -4px; margin-top: 5px; }\n #AnilistLikerPlugin .btnbottom { margin-top: -2px; }\n}\n",
"usercssData": {
"name": "AniList Catppuccin",
"namespace": "github.com/catppuccin/anilist",
"version": "2.0.7",
"description": "Soothing pastel theme for AniList",
"author": "Catppuccin",
"updateURL": "https://github.com/catppuccin/anilist/raw/main/src/AnilistCatppuccin.user.css",
"preprocessor": "stylus",
"vars": {
"theme": {
"type": "select",
"label": "Theme",
"name": "theme",
"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"
},
{
"name": "Mocha-Old",
"label": "Mocha-Old",
"value": "Mocha-Old"
}
]
},
"accent": {
"type": "select",
"label": "Accent",
"name": "accent",
"value": "Lavender",
"default": "Rosewater",
"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": "Gray",
"label": "Gray",
"value": "Gray"
}
]
},
"contrast-color": {
"type": "select",
"label": "Contrast Color",
"name": "contrast-color",
"value": "Mauve",
"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": "Gray",
"label": "Gray",
"value": "Gray"
}
]
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for AniList",
"name": "AniList Catppuccin",
"originalDigest": "cd58a058907b29bd6035a0d2f720ac9b03171156",
"_id": "6bb365e2-13e6-4871-93d2-88449b74d26f",
"_rev": 1678295350835,
"id": 10
},
{
"enabled": true,
"updateUrl": "https://userstyles.world/api/style/3838.user.css",
"url": "https://github.com/OlaoluwaM/notion-catppuccin",
"installDate": 1671615207235,
"sections": [
{
"code": ""
}
],
"sourceCode": "/* ==UserStyle==\n@name Notion Catppuccin\n@namespace https://github.com/OlaoluwaM\n@version 1.0.2\n@description Soothing pastel theme for Notion\n@author OlaoluwaM\n@homepageURL https://github.com/OlaoluwaM/notion-catppuccin\n@updateURL https://userstyles.world/api/style/3838.user.css\n\n==/UserStyle== */\n@-moz-document url-prefix(\"https://www.notion.so\")\n{\n :root {\n --rosewater: 10, 56%, 91%;\n --flamingo: 0, 59%, 88%;\n --mauve: 279, 70%, 83%;\n --pink_theme: 316, 72%, 86%;\n --maroon: 349, 60%, 77%;\n --red_theme: 342, 79%, 75%;\n --peach: 024, 88%, 78%;\n --yellow_theme: 041, 88%, 84%;\n --green_theme: 128, 58%, 79%;\n --green_darken: 128, 58%, 76%;\n --green_darkest: 128, 58%, 72%;\n --teal: 171, 53%, 81%;\n --blue_theme: 207, 93%, 79%;\n --blue_darken: 213, 84%, 78%;\n --sky: 189, 71%, 73%;\n --lavender: 238, 100%, 89%;\n\n --black0: 254, 25%, 10%;\n --black1: 249, 23%, 12%;\n --black2: 240, 21%, 15%;\n --black3: 249, 18%, 22%;\n --black4: 254, 12%, 36%;\n --gray0: 247, 8%, 46%;\n --gray1: 274, 11%, 59%;\n --gray2: 285, 10%, 75%;\n --white: 220, 38%, 89%;\n\n --bg: hsl(var(--black1));\n --bg-light: hsl(var(--black1));\n --bg-lighter: hsla(var(--black1));\n --fg: hsla(var(--white), 1);\n --fg-light: hsl(var(--white));\n --fg-lighter: hsl(var(--fg-light));\n --main: hsl(var(--blue_darken), 0.8);\n --hover: hsl(var(--black3), 0.8);\n --border: hsl(var(--black3));\n --selection: hsla(var(--gray0), 0.5);\n --gray: hsl(var(--gray2));\n --brown: hsl(var(--flamingo));\n --orange: hsl(var(--peach));\n --yellow: hsl(var(--yellow_theme));\n --green: hsl(var(--green_theme));\n --blue: hsl(var(--blue_theme));\n --purple: hsl(var(--mauve));\n --pink: hsl(var(--pink_theme));\n --red: hsl(var(--red_theme));\n --bg-gray: hsl(var(--black3));\n --bg-brown: hsla(var(--flamingo), 0.9);\n --bg-orange: hsl(var(--peach), 0.9);\n --bg-yellow: hsla(var(--yellow_theme), 0.9);\n --bg-green: hsla(var(--green_darken), 0.9);\n --bg-blue: hsla(var(--blue_darken), 0.9);\n --bg-purple: hsla(var(--mauve), 0.9);\n --bg-pink: hsla(var(--pink_theme), 0.9);\n --bg-red: hsl(var(--red_theme), 0.9);\n\n --text-gray: hsla(var(--white), 0.5);\n }\n\n /* For Notion Enhancer*/\n\n :root.dark.dark {\n --theme--bg_secondary: hsl(var(--black2));\n --theme_text: hsl(var(--white));\n --theme--ui_interactive-hover: hsl(var(--black3));\n --theme--ui_interactive-active: hsl(var(--black4));\n --indentation_lines--color: var(--text-gray);\n --theme--ui_corner_action: hsla(var(--black4), 0.5);\n --theme--ui_corner_action-hover: hsla(var(--black4), 0.9);\n }\n\n /* Inline Code block */\n div.notion-selectable.notion-callout-block > div > div {\n background: hsla(var(--black3), 0.5) !important;\n }\n\n /* prettier-ignore */\n div.notion-dark-theme :where(\n *[style*='background: rgb(137, 99, 42)'],\n *[style*='background: rgb(73, 47, 100)'],\n *[style*='background: rgb(43, 89, 63)'],\n *[style*='background: rgb(133, 76, 29)'],\n *[style*='background: rgb(133, 76, 29)'],\n *[style*='background: rgb(40, 69, 108)'],\n *[style*='background: rgb(105, 49, 76)'],\n *[style*='background: rgb(110, 54, 48)'],\n *[style*='background: rgb(96, 59, 44)']\n ) {\n/* prettier-ignore */\n color: hsl(var(--black1)) !important;\n}\n\n div.notion-dark-theme div[style*=\"background: rgb(46, 170, 220)\"] {\n background: hsla(var(--blue_darken), 1) !important;\n color: hsl(var(--black1)) !important;\n border-right: 0.5px solid hsl(var(--black3), 0.5) !important;\n }\n\n div.notion-dark-theme div[style*=\"background: rgb(46, 170, 220)\"] svg {\n background: hsla(var(--blue_darken), 1) !important;\n fill: hsl(var(--black1)) !important;\n }\n\n div.notion-dark-theme *[style*=\"background: rgb(32, 32, 32)\"] {\n background: hsl(var(--black2)) !important;\n }\n\n div.notion-dark-theme *[style*=\"background: rgb(37, 37, 37)\"] {\n background: hsl(var(--black3)) !important;\n }\n\n div.notion-dark-theme\n *[style*=\"color: rgba(255, 255, 255, 0.87)\"]:not([style*=\"color: rgba(255, 255, 255, 0.565)\"]) {\n color: hsl(var(--white)) !important;\n -webkit-text-fill-color: currentColor;\n }\n\n div.notion-dark-theme *[style*=\"color:rgba(155, 155, 155, 1)\"] {\n color: var(--text-gray) !important;\n fill: currentColor !important;\n -webkit-text-fill-color: currentColor !important;\n }\n\n div.notion-dark-theme\n *[style*=\"color:rgba(155, 155, 155, 1)\"]\n .notion-focusable:hover {\n color: var(--white) !important;\n -webkit-text-fill-color: currentColor !important;\n }\n\n div.notion-dark-theme\n div[style*=\"color: rgba(255, 255, 255, 0.87)\"]\n > div:after {\n color: hsla(var(--white), 0.3) !important;\n -webkit-text-fill-color: currentColor !important;\n }\n\n div.notion-dark-theme div.notion-help-button {\n background: hsla(var(--black4), 0.5) !important;\n }\n\n div.notion-dark-theme div.notion-help-button:hover {\n background: hsla(var(--black4), 0.9);\n }\n\n .notion-dark-theme\n *[style*=\"background: rgb(25, 25, 25)\"]\n > div[style*=\"color: rgba(255, 255, 255, 0.565)\"] {\n color: var(--text-gray) !important;\n -webkit-text-fill-color: currentColor !important;\n }\n\n /* For the Heading placeholder when a heading is created with no text */\n div.notion-dark-theme\n div[style*=\"-webkit-text-fill-color: rgb(55, 55, 55)\"]:after {\n color: hsla(var(--gray0), 0.4) !important;\n -webkit-text-fill-color: currentColor !important;\n }\n\n /* For the command prompt. The 'Type / for command' thing*/\n div.notion-dark-theme\n div[style*=\"-webkit-text-fill-color: rgba(255, 255, 255, 0.443)\"]:after {\n color: hsla(var(--gray1), 0.6) !important;\n -webkit-text-fill-color: currentColor !important;\n }\n\n /* For Settings dropdown */\n div.notion-dark-theme div[style*=\"background-color: rgb(37, 37, 37)\"] {\n background-color: hsl(var(--black3)) !important;\n }\n\n /* Edit Template Overlay */\n div.notion-dark-theme div[style*=\"background: rgb(55, 60, 63)\"] {\n background: var(--bg-gray) !important;\n }\n\n /* Quote Block */\n .notion-dark-theme .notion-quote-block {\n font-style: italic;\n }\n\n /* For the Grays */\n /* rgb(55, 55, 55) is Light Gray*/\n div.notion-dark-theme div[style*=\"background: rgb(55, 55, 55)\"] {\n background-color: hsl(var(--gray0)) !important;\n }\n\n /* rgb(90, 90, 90) is Regular Gray*/\n div.notion-dark-theme div[style*=\"background: rgb(90, 90, 90)\"] {\n background-color: hsl(var(--black4)) !important;\n }\n\n /* For layout blocks */\n .notion-dark-theme a[style*=\"background: rgba(255, 255, 255, 0.055)\"] {\n background-color: hsl(var(--black3)) !important;\n }\n\n /* For nested quotes */\n /* .notion-dark-theme .notion-quote-block .notion-quote-block div div[placeholder] {\n color: var(--text-gray) !important\n} */\n\n /*\nFor links\n.notion-dark-theme a.notion-link-token {\n background: hsl(var(--rosewater)) !important;\n color: hsl(var(--black0)) !important;\n padding: 4px !important;\n padding-top: 6px !important;\n border-radius: 5px;\n caret-color: currentColor !important\n}\n*/\n\n /* From https://github.com/notionblog/themes/ */\n\n /*\nbackground: rgb(63, 68, 71) => rgb(32, 32, 32)\nbackground: rgb(47, 52, 55) => rgb(25, 25, 25)\nrgb(37, 37, 37) => rgb(55, 60, 63)\nbackground: rgb(47, 47, 47) => rgb(88, 91, 93)\nrgba(255, 255, 255, 0.055) => rgba(255, 255, 255, 0.1)\nborder:rgb(32,32,32) => rgb(37, 37, 37)\nboder-right: rgb(32, 32, 32) => rgb(63, 66, 69)\nborder-bottom: rgb(60, 63, 67) => rgb(37, 37, 37)\nrgb(150, 150, 150) => rgb(159, 164, 169)\n => rgba(255, 255, 255, 0.03)\n rgba(255, 255, 255, 0.73) => rgba(202, 204, 206, 0.6)\nrgba(255, 255, 255, 0.73) => rgba(255, 255, 255, 0.9)\nrgba(255, 255, 255, 0.39) => rgba(25, 23, 17, 0.6)\n*/\n\n /* Elements: [SideBar, popup]*/\n .notion-dark-theme *[style*=\"background: rgb(32, 32, 32)\"],\n .notion-dark-theme *[style*=\"background-color: rgb(32, 32, 32)\"] {\n background: var(--bg-lighter) !important;\n }\n\n /* Elements: [Background, CollectionViewSwitcherHeader ] */\n .notion-dark-theme *[style*=\"background: rgb(25, 25, 25)\"],\n .notion-dark-theme *[style*=\"background-color: rgb(25, 25, 25)\"],\n .notion-dark-theme\n div[style*=\"background: linear-gradient(rgba(25, 25, 25, 0) 0px, rgb(25, 25, 25) 10px, rgb(25, 25, 25) 100%)\"] {\n background: var(--bg) !important;\n }\n\n /* Collection blocks light background */\n .notion-dark-theme *[style*=\"background: rgb(37, 37, 37)\"],\n .notion-dark-theme *[style*=\"background: rgba(255, 255, 255, 0.6)\"] {\n background: var(--bg-lighter) !important;\n }\n\n /* Firefox collection white background fix */\n\n .notion-dark-theme\n div[style*=\"rgba(0, 0, 0, 0) linear-gradient(rgba(47, 52, 55, 0) 0px, rgb(47, 52, 55) 10px, rgb(47, 52, 55) 100%) repeat scroll 0% 0%\"] {\n background: none !important;\n }\n\n /* Collection block at click background */\n\n .notion-dark-theme *[style*=\"background: rgb(47, 47, 47)\"],\n .notion-dark-theme *[style*=\"background: rgb(61, 66, 69)\"] {\n background: var(--bg-light) !important;\n }\n\n /* Elements: [SVG fill gray] */\n\n .notion-dark-theme *[style*=\"fill: rgba(255, 255, 255, 0.73)\"] {\n fill: var(--fg-lighter) !important;\n }\n\n /* Elements: [SVG fill blue] */\n .notion-dark-theme *[style*=\"fill:#2EAADC\"],\n .notion-dark-theme *[style*=\"fill: rgb(46, 170, 220)\"] {\n fill: var(--main) !important;\n }\n\n /* Elements: [Text, Table of content] */\n .notion-dark-theme *[style*=\"color: rgba(255, 255, 255, 0.73)\"] {\n color: var(--fg) !important;\n }\n\n .notion-dark-theme *[style*=\"color: rgb(150, 150, 150)\"] {\n color: var(--fg-light) !important;\n }\n\n /* ligther text */\n .notion-dark-theme *[style*=\"color: rgba(255, 255, 255, 0.39)\"] {\n color: var(--fg-lighter) !important;\n }\n\n /* Untitled text*/\n .notion-dark-theme *[style*=\"-webkit-text-fill-color: rgb(53, 53, 53)\"] {\n -webkit-text-fill-color: var(--fg-lighter) !important;\n }\n\n /* blue color */\n .notion-dark-theme *[style*=\"color: rgb(46, 170, 220)\"],\n .notion-dark-theme *[style*=\"color:#2EAADC\"] {\n color: var(--main) !important;\n }\n\n /* Elements: [Main Button,Main button at hover] */\n .notion-dark-theme div[style*=\"background: rgb(0, 141, 190)\"],\n .notion-dark-theme div[style*=\"background: rgb(46, 170, 220)\"],\n .notion-dark-theme div[style*=\"background: rgb(6, 156, 205)\"] {\n background: var(--main) !important;\n }\n .notion-dark-theme div[style*=\"background: rgb(6, 156, 205)\"]:hover {\n /* background: var(--bg-lighter) !important;*/\n opacity: 0.8 !important;\n }\n\n /* hover background */\n\n .notion-dark-theme\n .notion-focusable\n div[style*=\"background: rgba(255, 255, 255, 0.055)\"] {\n background: var(--hover) !important;\n }\n\n /* collection view border*/\n .notion-dark-theme *[style*=\"border: 1px solid rgb(37, 37, 37)\"] {\n border: 1px solid var(--border) !important;\n }\n .notion-dark-theme *[style*=\"border-right: 1px solid rgb(37, 37, 37)\"],\n .notion-dark-theme *[style*=\"border-right: 1px solid rgb(32, 32, 32)\"] {\n border-right: 1px solid var(--border) !important;\n }\n .notion-dark-theme *[style*=\"border-bottom: 1px solid rgb(37, 37, 37)\"] {\n border-bottom: 1px solid var(--border) !important;\n }\n .notion-dark-theme *[style*=\"border-top: 1px solid rgb(37, 37, 37)\"] {\n border-top: 1px solid var(--border) !important;\n }\n\n /* Collection View box shadow */\n .notion-dark-theme\n *[style*=\"box-shadow: rgb(25, 25, 25) -3px 0px 0px, rgb(37, 37, 37) 0px 1px 0px\"] {\n box-shadow: var(--border) -3px 0px 0px, var(--border) 0px 1px 0px !important;\n }\n /* simple table box shadow*/\n .notion-dark-theme\n *[style*=\"background: linear-gradient(270deg, rgb(25, 25, 25) 0%, rgba(25, 25, 25, 0) 100%)\"] {\n background: linear-gradient(\n 270deg,\n rgb(25 27 28 / 45%) 0%,\n rgb(195 154 154 / 0%) 100%\n ) !important;\n }\n\n /* scrollbar */\n .notion-dark-theme .notion-scroller::-webkit-scrollbar {\n width: 0.4rem;\n height: 0.4rem;\n background: var(--bg);\n }\n .notion-dark-theme .notion-scroller::-webkit-scrollbar * {\n background: transparent;\n }\n .notion-dark-theme .notion-scroller::-webkit-scrollbar-thumb {\n background: var(--bg-lighter) !important;\n cursor: pointer;\n border-radius: 1.6rem;\n }\n .notion-dark-theme .notion-scroller::-webkit-scrollbar-track {\n background: var(--bg) !important;\n }\n\n /* Selection */\n .notion-dark-theme *::selection,\n .notion-selectable-halo {\n background: var(--selection) !important;\n }\n\n /* Text background, blocks background, tags background */\n /*\ngray rgba(47, 47, 47, 1) => rgba(60, 65, 68, 1)\nbrown rgba(54, 40, 34, 1) => rgba(76, 61, 53, 1)\norange rgba(66, 47, 34, 1) => rgba(85, 59, 41, 1)\nyellow rgba(64, 51, 36, 1) => rgba(79, 64, 41, 1)\ngreen rgba(35, 49, 42, 1) => rgba(46, 68, 58, 1)\nblue rgba(27, 45, 56, 1) => rgba(45, 66, 86, 1)\npurple rgba(48, 39, 57, 1) => rgba(69, 58, 91, 1)\npink rgba(59, 39, 48, 1) => rgba(81, 56, 77, 1)\nred rgba(62, 40, 37, 1) => rgba(94, 52, 54, 1)\n*/\n .notion-dark-theme *[style*=\"background:rgba(47, 47, 47, 1)\"],\n .notion-dark-theme *[style*=\"background: rgb(47, 47, 47)\"],\n .notion-dark-theme *[style*=\"background: rgb(77, 77, 77)\"] {\n background: var(--bg-gray) !important;\n }\n .notion-dark-theme *[style*=\"background:rgba(54, 40, 34, 1)\"],\n .notion-dark-theme *[style*=\"background: rgb(47, 39, 35)\"],\n .notion-dark-theme *[style*=\"background: rgb(96, 59, 44)\"] {\n background: var(--bg-brown) !important;\n }\n .notion-dark-theme *[style*=\"background:rgba(66, 47, 34, 1)\"],\n .notion-dark-theme *[style*=\"background: rgb(56, 40, 30)\"],\n .notion-dark-theme *[style*=\"background: rgb(133, 76, 29)\"] {\n background: var(--bg-orange) !important;\n }\n .notion-dark-theme *[style*=\"background:rgba(64, 51, 36, 1)\"],\n .notion-dark-theme *[style*=\"background: rgb(57, 46, 30)\"],\n .notion-dark-theme *[style*=\"background: rgb(137, 99, 42)\"] {\n background: var(--bg-yellow) !important;\n }\n .notion-dark-theme *[style*=\"background:rgba(35, 49, 42, 1)\"],\n .notion-dark-theme *[style*=\"background: rgb(34, 43, 38)\"],\n .notion-dark-theme *[style*=\"background: rgb(43, 89, 63)\"] {\n background: var(--bg-green) !important;\n }\n .notion-dark-theme *[style*=\"background:rgba(27, 45, 56, 1)\"],\n .notion-dark-theme *[style*=\"background: rgb(29, 40, 46)\"],\n .notion-dark-theme *[style*=\"background: rgb(40, 69, 108)\"] {\n background: var(--bg-blue) !important;\n }\n .notion-dark-theme *[style*=\"background:rgba(48, 39, 57, 1)\"],\n .notion-dark-theme *[style*=\"background: rgb(43, 36, 49)\"],\n .notion-dark-theme *[style*=\"background: rgb(73, 47, 100)\"] {\n background: var(--bg-purple) !important;\n }\n .notion-dark-theme *[style*=\"background:rgba(59, 39, 48, 1)\"],\n .notion-dark-theme *[style*=\"background: rgb(48, 34, 40)\"],\n .notion-dark-theme *[style*=\"background: rgb(105, 49, 76)\"] {\n background: var(--bg-pink) !important;\n }\n .notion-dark-theme *[style*=\"background:rgba(62, 40, 37, 1)\"],\n .notion-dark-theme *[style*=\"background: rgb(54, 36, 34)\"],\n .notion-dark-theme *[style*=\"background: rgb(110, 54, 48)\"] {\n background: var(--bg-red) !important;\n }\n /*Text colors && Quotes*/\n\n /*\nrgba(159, 164, 169, 1) => rgba(115, 115, 115, 1) gray\nrgba(186, 133, 111, 1) => rgba(212, 150, 117, 1) brown\nrgba(199, 125, 72, 1) => rgba(217, 133, 56, 1) orange\nrgba(202, 152, 73, 1) => rgba(201, 145, 38, 1) yellow\nrgba(82, 158, 114, 1) => rgba(113, 178, 131, 1) green\nrgba(94, 135, 201, 1) => color:rgba(102, 170, 218, 1) blue\nrgba(157, 104, 211, 1) => rgba(176, 152, 217, 1) purple\nrgba(209, 87, 150, 1) => pink rgba(223, 132, 209, 1)\nrgba(223, 84, 82, 1) => rgba(234, 135, 140, 1) red\n*/\n .notion-dark-theme *[style*=\"color:rgba(115, 115, 115, 1)\"],\n .notion-dark-theme *[style*=\"color: rgb(115, 115, 115)\"] {\n color: var(--gray) !important;\n }\n .notion-dark-theme *[style*=\"color:rgba(186, 133, 111, 1)\"],\n .notion-dark-theme *[style*=\"color: rgb(186, 133, 111)\"] {\n color: var(--brown) !important;\n }\n .notion-dark-theme *[style*=\"color:rgba(199, 125, 72, 1)\"],\n .notion-dark-theme *[style*=\"color: rgb(199, 125, 72)\"] {\n color: var(--orange) !important;\n }\n .notion-dark-theme *[style*=\"color:rgba(202, 152, 73, 1)\"],\n .notion-dark-theme *[style*=\"color: rgb(202, 152, 73)\"] {\n color: var(--yellow) !important;\n }\n .notion-dark-theme *[style*=\"color:rgba(82, 158, 114, 1)\"],\n .notion-dark-theme *[style*=\"color: rgb(82, 158, 114)\"] {\n color: var(--green) !important;\n }\n .notion-dark-theme *[style*=\"color:rgba(94, 135, 201, 1)\"],\n .notion-dark-theme *[style*=\"color: rgb(94, 135, 201)\"] {\n color: var(--blue) !important;\n }\n .notion-dark-theme *[style*=\"color:rgba(157, 104, 211, 1)\"],\n .notion-dark-theme *[style*=\"color: rgb(157, 104, 211)\"] {\n color: var(--purple) !important;\n }\n .notion-dark-theme *[style*=\"color:rgba(209, 87, 150, 1)\"],\n .notion-dark-theme *[style*=\"color: rgb(209, 87, 150)\"] {\n color: var(--pink) !important;\n }\n .notion-dark-theme *[style*=\"color:rgba(223, 84, 82, 1)\"],\n .notion-dark-theme *[style*=\"color: rgb(223, 84, 82)\"] {\n color: var(--red) !important;\n }\n}\n",
"usercssData": {
"name": "Notion Catppuccin",
"namespace": "https://github.com/OlaoluwaM",
"version": "1.0.2",
"description": "Soothing pastel theme for Notion",
"author": "OlaoluwaM",
"homepageURL": "https://github.com/OlaoluwaM/notion-catppuccin",
"updateURL": "https://userstyles.world/api/style/3838.user.css"
},
"author": "OlaoluwaM",
"description": "Soothing pastel theme for Notion",
"name": "Notion Catppuccin",
"originalDigest": "ca8a2d90f774cf612aac8593bb5da49bc5ce45d4",
"_id": "afe70576-7881-4f6f-a953-203ade9d1968",
"_rev": 1671615207235,
"installationUrl": "https://userstyles.world/style/3838",
"id": 12
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/brave-search/raw/main/catppuccin.user.css",
"installDate": 1672309222998,
"sections": [
{
"code": ""
}
],
"sourceCode": "/* ==UserStyle==\n@name Brave Search Catppuccin\n@namespace github.com/catppuccin/brave-search\n@version 1.0.0\n@description Soothing pastel theme for Brave Search\n@author Catppuccin\n@updateURL https://github.com/catppuccin/brave-search/raw/main/catppuccin.user.css\n@preprocessor stylus\n@var select lighttheme \"Light Theme\" [\"Latte\"]\n@var select darktheme \"Dark Theme\" [\"Frappe\", \"Macchiato\", \"Mocha\"]\n==/UserStyle== */\n\n@-moz-document domain(\"search.brave.com\") {\n if (lighttheme==\"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\n :root.light {\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 if (darktheme==\"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 else if (darktheme==\"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 else if (darktheme==\"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 $lavender = #b4befe\n $blue = #89b4fa\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 :root.dark {\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}",
"usercssData": {
"name": "Brave Search Catppuccin",
"namespace": "github.com/catppuccin/brave-search",
"version": "1.0.0",
"description": "Soothing pastel theme for Brave Search",
"author": "Catppuccin",
"updateURL": "https://github.com/catppuccin/brave-search/raw/main/catppuccin.user.css",
"preprocessor": "stylus",
"vars": {
"lighttheme": {
"type": "select",
"label": "Light Theme",
"name": "lighttheme",
"value": null,
"default": "Latte",
"options": [
{
"name": "Latte",
"label": "Latte",
"value": "Latte"
}
]
},
"darktheme": {
"type": "select",
"label": "Dark Theme",
"name": "darktheme",
"value": "Macchiato",
"default": "Frappe",
"options": [
{
"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 Brave Search",
"name": "Brave Search Catppuccin",
"originalDigest": "55a41936a4a079bde8ef06dcc8925fad05d9371f",
"_id": "05781fac-cc5f-41ad-ada5-76ce1696455c",
"_rev": 1678038044589,
"id": 14
},
{
"enabled": true,
"updateUrl": "https://raw.githubusercontent.com/catppuccin/reddit/main/css/reddit-catppuccin.user.css",
"installDate": 1674641021717,
"sections": [
{
"code": ""
}
],
"sourceCode": "/* ==UserStyle==\n@name Reddit Catppuccin\n@namespace github.com/catppuccin/reddit\n@version 1.1.0\n@description Soothing pastel theme for Reddit.\n@author jayylmao\n@updateURL https://raw.githubusercontent.com/catppuccin/reddit/main/css/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",
"usercssData": {
"name": "Reddit Catppuccin",
"namespace": "github.com/catppuccin/reddit",
"version": "1.1.0",
"description": "Soothing pastel theme for Reddit.",
"author": "jayylmao",
"updateURL": "https://raw.githubusercontent.com/catppuccin/reddit/main/css/reddit-catppuccin.user.css",
"preprocessor": "stylus",
"vars": {
"stylusAccent": {
"type": "select",
"label": "Accent color",
"name": "stylusAccent",
"value": "Lavender",
"default": "Rosewater",
"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": "Sky",
"label": "Sky",
"value": "Sky"
},
{
"name": "Sapphire",
"label": "Sapphire",
"value": "Sapphire"
},
{
"name": "Blue",
"label": "Blue",
"value": "Blue"
},
{
"name": "Lavender",
"label": "Lavender",
"value": "Lavender"
}
]
},
"stylusFlavor": {
"type": "select",
"label": "Catppuccin Flavor",
"name": "stylusFlavor",
"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"
}
]
}
}
},
"author": "jayylmao",
"description": "Soothing pastel theme for Reddit.",
"name": "Reddit Catppuccin",
"originalDigest": "1254d6fcb6b167dabd95edd75c4f1c258e2185f3",
"_id": "29ee6d21-98de-4b3a-8d55-43b787f7f58b",
"_rev": 1678295393953,
"id": 17
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/deepl/raw/main/catppuccin.user.css",
"url": "https://github.com/catppuccin/deepl",
"installDate": 1674763382847,
"sections": [
{
"code": ""
}
],
"sourceCode": "/* ==UserStyle==\n@name DeepL Catppuccin\n@namespace github.com/catppuccin/deepl\n@homepageURL https://github.com/catppuccin/deepl\n@version 0.2.0\n@description Soothing pastel theme for DeepL\n@author Catppuccin\n@updateURL https://github.com/catppuccin/deepl/raw/main/catppuccin.user.css\n@preprocessor stylus\n\n@var select theme \"Theme\" [\"Latte\", \"Frappe\", \"Macchiato\", \"Mocha*\"]\n@var select accent \"Accent\" [\"Rosewater\", \"Flamingo\", \"Pink\", \"Mauve\", \"Red\", \"Maroon\", \"Peach\", \"Yellow\", \"Green\", \"Teal\", \"Blue*\", \"Sapphire\", \"Sky\", \"Lavender\"]\n\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==/UserStyle== */\n@-moz-document url-prefix(\"https://www.deepl.com/translator\") {\n if (theme == \"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 } else if (theme==\"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 } else if (theme==\"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 } else if (theme==\"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 $lavender = #b4befe;\n $blue = #89b4fa;\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 if (accent == \"Rosewater\") {\n $accent = $rosewater\n } else if (accent == \"Flamingo\") {\n $accent = $flamingo\n } else if (accent == \"Pink\") {\n $accent = $pink\n } else if (accent == \"Mauve\") {\n $accent = $mauve\n } else if (accent == \"Red\") {\n $accent = $red\n } else if (accent == \"Maroon\") {\n $accent = $maroon\n } else if (accent == \"Peach\") {\n $accent = $peach\n } else if (accent == \"Yellow\") {\n $accent = $yellow\n } else if (accent == \"Green\") {\n $accent = $green\n } else if (accent == \"Teal\") {\n $accent = $teal\n } else if (accent == \"Blue\") {\n $accent = $blue\n } else if (accent == \"Sapphire\") {\n $accent = $sapphire\n } else if (accent == \"Sky\") {\n $accent = $sky\n } else if (accent == \"Lavender\") {\n $accent = $lavender\n }\n\n $accent2 = mix($accent, $text, 60%);\n\n .dl_body {\n color: $subtext1;\n }\n\n button {\n color: $text;\n }\n\n [class*=\"label--\"] {\n --inlineLabelColor: theme is \"Latte\" ? #fff : $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 background: theme is \"Latte\" ? #fff : $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 color: theme is \"Latte\" ? $base: $crust;\n background: $accent2;\n\n &:disabled {\n background: alpha($accent2, 0.5);\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 color: theme is \"Latte\" ? #fff : $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;\n color: theme is \"Latte\" ? #fff : $crust;\n\n &:hover {\n background-color: darken($accent, 30%);\n color: theme is \"Latte\" ? #fff : $crust;\n }\n }\n\n .dl_header_menu_v2__login_button_simple > button {\n color: $accent2;\n\n &:hover {\n color: $accent;\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;\n }\n }\n }\n\n .dl_headerMenu__freeBadge,\n .dl_headerMenu__alphaBadge {\n background-color: spin($accent, -40deg);\n color: theme is \"Latte\" ? #fff : $crust;\n }\n\n .dl_header_menu_v2__links__item.dl_translator_link:not(.nohover):hover {\n color: $accent;\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;\n color: $accent;\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;\n }\n }\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;\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;\n }\n\n [class*=\"active--\"] {\n [class*=\"logo\"],\n [class^=\"textUpper--\"] {\n color: $text;\n }\n\n [class^=\"innerLower--\"] {\n background-color: $accent;\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 .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;\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 !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% { box-shadow: inset 0 0 0px 0 $base, inset 0 0 0px 0px rgba(14, 43, 70, 0.0);\n }\n\n 10% { box-shadow: inset 0 0 0px 1px $base, inset 0 0 0px 2px rgba(14, 43, 70, 0.5);\n }\n\n 20% { box-shadow: inset 0 0 1px 3px $base, inset 0 0 1px 4px rgba(14, 43, 70, 0.5),\n }\n\n 40% { 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: alpha($text, .15) !important;\n }\n }\n\n .lmt__clear_text_button_wrapper {\n [class*=\"button--\"] {\n &:active:enabled,\n &:hover:enabled {\n color: $accent;\n }\n }\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\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: alpha($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;\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;\n border-right-color: $accent;\n }\n\n // glossary\n .lmt__glossary_highlight {\n color: $accent;\n }\n\n .lmt__glossaryButton__desktop {\n border-color: alpha($text, .12)\n }\n\n .lmt__glossary_button .lmt__glossary_button_label:hover {\n color: $accent;\n }\n\n .lmt__glossary_editor_mainBar {\n background-color: $accent;\n color: theme is \"Latte\" ? #fff : $crust;\n\n .lmt__glossary_editorClose {\n color: theme is \"Latte\" ? #fff : $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;\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;\n }\n\n .lmt_firstEntry-content .lmt__glossary_acceptButton {\n color: theme is \"Latte\" ? #fff : $crust;\n }\n\n .lmt__glossary_acceptButton.lmt__glossary_acceptButton--disabled {\n &,\n &:hover {\n background-color: alpha($accent, 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: alpha($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;\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\n .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;\n }\n\n .lmt__glossary_editor {\n background-color: $base;\n color: $text;\n border-color: $accent;\n }\n\n .lmt__glossaryButton__desktop.switchedOn {\n border-color: $accent;\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 border-bottom-color: theme is \"Latte\" ? $base: $crust;\n border-right-color: theme is \"Latte\" ? $base: $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;\n }\n\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: alpha($yellow, 0.3);\n }\n\n // dictionary\n #lmt__dict_container {\n [class^=\"content--\"] {\n .tag_lemma a,\n .isForeignTerm .tag_trans,\n .isForeignTerm .tag_trans a\n .isForeignTerm .tag_t,\n .tag_t a {\n color: $accent;\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;\n }\n }\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;\n background-color: $accent;\n }\n\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, -40deg) !important;\n color: theme is \"Latte\" ? #fff : $crust !important;\n }\n }\n }\n\n /////\n\n if (theme != 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\n /////\n\n // options\n if (quotes) {\n #dl_quotes_container {\n display: none;\n }\n }\n\n if (header) {\n .dl_header {\n display: none;\n }\n }\n\n if (footer) {\n .dl_footerV2_container,\n .showSeoText .eSEOtericText {\n display: none;\n }\n }\n\n if (tabs) {\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 if (dictionary) {\n #lmt__dict_container {\n display: none !important;\n }\n }\n\n if (quotes != footer) {\n .showSeoText .eSEOtericText {\n margin-bottom: 70px;\n }\n }\n\n if (quotes && header && footer) {\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 if (quotes && header && footer && tabs) {\n body {\n min-height: 100vh;\n }\n }\n\n if (removeAds) {\n #lmt_pro_ad_container {\n display: none;\n }\n }\n}\n",
"usercssData": {
"name": "DeepL Catppuccin",
"namespace": "github.com/catppuccin/deepl",
"homepageURL": "https://github.com/catppuccin/deepl",
"version": "0.2.0",
"description": "Soothing pastel theme for DeepL",
"author": "Catppuccin",
"updateURL": "https://github.com/catppuccin/deepl/raw/main/catppuccin.user.css",
"preprocessor": "stylus",
"vars": {
"theme": {
"type": "select",
"label": "Theme",
"name": "theme",
"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"
}
]
},
"accent": {
"type": "select",
"label": "Accent",
"name": "accent",
"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"
}
]
},
"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": null,
"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
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for DeepL",
"name": "DeepL Catppuccin",
"originalDigest": "58b83380a0dd8b412bb32865bf5cfb6475d9f6f4",
"_id": "30aa868e-4e9e-4b82-951d-03a09fec5b02",
"_rev": 1678295361735,
"id": 18
},
{
"enabled": true,
"updateUrl": "https://raw.githubusercontent.com/catppuccin/twitch/main/src/catppuccin.user.css",
"url": "https://github.com/catppuccin/twitch",
"installDate": 1674813945292,
"sections": [
{
"code": ""
}
],
"sourceCode": "/* ==UserStyle==\n@name Twitch Catppuccin\n@namespace github.com/catppuccin/twitch\n@homepageURL https://github.com/catppuccin/twitch\n@version 1.0.9\n@description Soothing pastel theme for Twitch\n@author Catppuccin - mustafakhalaf-git\n@preprocessor less\n@updateURL https://raw.githubusercontent.com/catppuccin/twitch/main/src/catppuccin.user.css\n@license GNU-V3.0\n\n@var select lightTheme \"Light Variant\" [\"latte:Latte\"]\n@var select darkTheme \"Dark Variant\" [\"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select accentColour \"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==/UserStyle== */\n@-moz-document domain(\"twitch.tv\") {\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 .tw-root--theme-dark {\n #catppuccin(@darkTheme, @accentColour);\n }\n .tw-root--theme-light {\n #catppuccin(@lightTheme, @accentColour);\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-colour: @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\n .chat-scrollable-area__message-container {\n background-color: @mantle;\n }\n .jmUA-dj {\n background-color: @mantle;\n }\n .gzYMLv {\n color: @text;\n }\n .gZxBHd {\n color: #fff;\n &:hover {\n color: #fff;\n }\n }\n .bTJhJp {\n color: #fff;\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 .navigation-link__active-indicator {\n background-color: @@accent !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 --color-background-interactable-hover: @surface0;\n --color-background-button-text-default: @crust;\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: @crust;\n --color-text-base: @subtext1;\n --color-text-alt: @subtext1;\n --color-text-alt-2: @text;\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 --color-brand-muted-canary: @peach --color-brand-muted-lavender: @lavender;\n --color-brand-muted-mustard: @yellow;\n --color-brand-muted-emerald: @green;\n --color-brand-muted-coral: @peach --color-brand-muted-ocean: @blue;\n --color-brand-accent-grape: @mauve;\n --color-brand-accent-dragonfruit: @flamingo;\n --color-brand-accent-carrot: @peach --color-brand-accent-sun: @peach --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 --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-colour;\n --color-twitch-purple: @accent-colour;\n --color-twitch-purple-4: @accent-colour;\n --color-twitch-purple-5: @accent-colour;\n --color-twitch-purple-6: @accent-colour;\n --color-twitch-purple-7: @accent-colour;\n --color-twitch-purple-8: @accent-colour;\n --color-twitch-purple-9: @accent-colour;\n --color-twitch-purple-10: @accent-colour;\n --color-twitch-purple-11: @accent-colour;\n --color-twitch-purple-12: @accent-colour;\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 --color-yellow-7: @peach --color-yellow-8: @peach --color-yellow-9: @peach --color-yellow-10: @peach --color-yellow-11: @peach --color-yellow-12: @peach --color-yellow-13: @peach --color-yellow-14: @peach --color-yellow-15: @peach --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 --color-red-12: @peach --color-twitter: @blue;\n --color-facebook: @blue;\n --color-reddit: @peach --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 @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 .tw-root--theme-dark {\n #catppuccin(@darkTheme);\n }\n .tw-root--theme-light {\n #catppuccin(@lightTheme);\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 > .simplebar-scroll-content > .simplebar-content {\n background-color: @base;\n }\n }\n}\n",
"usercssData": {
"name": "Twitch Catppuccin",
"namespace": "github.com/catppuccin/twitch",
"homepageURL": "https://github.com/catppuccin/twitch",
"version": "1.0.9",
"description": "Soothing pastel theme for Twitch",
"author": "Catppuccin - mustafakhalaf-git",
"preprocessor": "less",
"updateURL": "https://raw.githubusercontent.com/catppuccin/twitch/main/src/catppuccin.user.css",
"license": "GNU-V3.0",
"vars": {
"lightTheme": {
"type": "select",
"label": "Light Variant",
"name": "lightTheme",
"value": null,
"default": "latte",
"options": [
{
"name": "latte",
"label": "Latte",
"value": "latte"
}
]
},
"darkTheme": {
"type": "select",
"label": "Dark Variant",
"name": "darkTheme",
"value": "macchiato",
"default": "frappe",
"options": [
{
"name": "frappe",
"label": "Frappe",
"value": "frappe"
},
{
"name": "macchiato",
"label": "Macchiato",
"value": "macchiato"
},
{
"name": "mocha",
"label": "Mocha",
"value": "mocha"
}
]
},
"accentColour": {
"type": "select",
"label": "Accent",
"name": "accentColour",
"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": "Grey",
"value": "subtext0"
}
]
}
}
},
"author": "Catppuccin - mustafakhalaf-git",
"description": "Soothing pastel theme for Twitch",
"name": "Twitch Catppuccin",
"originalDigest": "c35dcefb2f9b450c9152acb26814b9bdc640ae9e",
"_id": "305be6cd-c4f1-4e92-97e6-3b7541a5faf8",
"_rev": 1682349253845,
"id": 19
},
{
"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": 1689617562523,
"id": 22
},
{
"enabled": true,
"updateUrl": "https://userstyles.world/api/style/925.user.css",
"url": "https://github.com/blyad2137/nexusmods-overhaul",
"installDate": 1676806011816,
"sections": [
{
"code": ""
}
],
"sourceCode": "/* ==UserStyle==\n@name NexusMods Overhaul\n@namespace github.com/blyad2137/nexusmods-overhaul\n@version 1.1.2\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@updateURL https://userstyles.world/api/style/925.user.css\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#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\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}\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}",
"usercssData": {
"name": "NexusMods Overhaul",
"namespace": "github.com/blyad2137/nexusmods-overhaul",
"version": "1.1.2",
"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",
"homepageURL": "https://github.com/blyad2137/nexusmods-overhaul",
"supportURL": "https://github.com/blyad2137/nexusmods-overhaul/issues",
"updateURL": "https://userstyles.world/api/style/925.user.css"
},
"author": "blyad (https://github.com/blyad2137)",
"description": "Overhauls look of nexusmods to be more 'modern', from lack of better word.",
"name": "NexusMods Overhaul",
"originalDigest": "8d68a486cc27ffa55eb17be752cadc5a04a5f90c",
"_id": "9f667c49-c102-4566-8eee-9db901b54f0a",
"_rev": 1676806011816,
"installationUrl": "https://userstyles.world/style/925",
"id": 25
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/YouTube/raw/main/src/YouTubeCatppuccinMacchiato.user.css",
"url": "https://github.com/catppuccin/YouTube",
"installDate": 1678038140008,
"sections": [
{
"code": ""
}
],
"sourceCode": "/* ==UserStyle==\n@name YouTube Catppuccin-Macchiato\n@namespace github.com/catppuccin/YouTube\n@homepageURL https://github.com/catppuccin/YouTube\n@version 2.0.2\n@updateURL https://github.com/catppuccin/YouTube/raw/main/src/YouTubeCatppuccinMacchiato.user.css\n@description Soothing pastel theme for YouTube\n@author isabelroses\n@license GNU-V3.0\n\n@preprocessor stylus\n\n@var select stylus-ctp-style \"Preset themes\" [\n\t\"Catppuccin-Macchiato-Green\",\n\t\"Catppuccin-Macchiato-Flamingo\",\n\t\"Catppuccin-Macchiato-Mauve\",\n\t\"Catppuccin-Macchiato-Pink\",\n\t\"Catppuccin-Macchiato-Lavender\",\n\t\"Catppuccin-Macchiato-Red\",\n\t\"Catppuccin-Macchiato-Peach\",\n\t\"Catppuccin-Macchiato-Yellow\",\n\t\"Catppuccin-Macchiato-Teal\",\n\t\"Catppuccin-Macchiato-Blue\",\n\t\"Catppuccin-Macchiato-Sky\",\n \"Catppuccin-Macchiato-Maroon\",\n \"Catppuccin-Macchiato-Sapphire\",\n \"Catppuccin-Macchiato-Rosewater\",\n\t\"Custom\"\n]\n\n@var checkbox join-color \"Use dark join button\" 0\n@var checkbox subscribe-color \"Use dark subscribe button\" 0\n\n@var text scrollbar_width \"Scrollbar width\" 6px\n@var color scrollbar_track \"Scrollbar background\" \"rgba(0,0,0, 0)\"\n\n@var color mainColor \"Custom main color\" \"#8AADF4\"\n@var color mainBackground \"Custom main background\" \"#24273A\"\n@var color secondBackground \"Custom second background\" \"#1E2030\"\n@var color playerBackground \"Custom player background\" \"#181926\"\n@var color hoverBackground \"Custom hover background\" \"#363A4F\"\n@var color mainText \"Custom main text\" \"#CAD3F5\"\n@var color dimmerText \"Custom second text\" \"#939AB7\"\n@var color colorShadow \"Custom shadow color\" \"rgba(56, 60, 74, .3)\"\n\n==/UserStyle== */\n@-moz-document regexp('https?:\\\\/\\\\/(?!gaming\\\\.)(?!consent\\\\.)(?!vr\\\\.)(?!music\\\\.)(?!tv\\\\.)(?!artists\\\\.)(?!studio\\\\.).*youtube(?!kids\\\\.).*\\\\.com\\\\/(?!premium|howyoutubeworks).*$') {\n\n /*Main color variables*/\n :root {\n if stylus-ctp-style==\"Catppuccin-Macchiato-Green\" {\n --main-color: #A6DA95;\n --main-background: #24273A;\n --second-background: #1E2030;\n --player-background: #181926;\n --hover-background: #363A4F;\n --main-text: #CAD3F5;\n --dimmer-text: #939AB7;\n --shadow: 0 1px 0.5px rgba(0, 0, 0, .13);\n }\n\n else if stylus-ctp-style==\"Catppuccin-Macchiato-Lavender\" {\n --main-color: #B7BDF8;\n --main-background: #24273A;\n --second-background: #1E2030;\n --player-background: #181926;\n --hover-background: #363A4F;\n --main-text: #CAD3F5;\n --dimmer-text: #939AB7;\n --shadow: 0 1px 0.5px rgba(0, 0, 0, .13);\n }\n\n else if stylus-ctp-style==\"Catppuccin-Macchiato-Flamingo\" {\n --main-color: #F0C6C6;\n --main-background: #24273A;\n --second-background: #1E2030;\n --player-background: #181926;\n --hover-background: #363A4F;\n --main-text: #CAD3F5;\n --dimmer-text: #939AB7;\n --shadow: 0 1px 0.5px rgba(0, 0, 0, .13);\n }\n\n else if stylus-ctp-style==\"Catppuccin-Macchiato-Mauve\" {\n --main-color: #C6A0F6;\n --main-background: #24273A;\n --second-background: #1E2030;\n --player-background: #181926;\n --hover-background: #363A4F;\n --main-text: #CAD3F5;\n --dimmer-text: #939AB7;\n --shadow: 0 1px 0.5px rgba(0, 0, 0, .13);\n }\n\n else if stylus-ctp-style==\"Catppuccin-Macchiato-Pink\" {\n --main-color: #F5BDE6;\n --main-background: #24273A;\n --second-background: #1E2030;\n --player-background: #181926;\n --hover-background: #363A4F;\n --main-text: #CAD3F5;\n --dimmer-text: #939AB7;\n --shadow: 0 1px 0.5px rgba(0, 0, 0, .13);\n }\n\n else if stylus-ctp-style==\"Catppuccin-Macchiato-Red\" {\n --main-color: #ED8796;\n --main-background: #24273A;\n --second-background: #1E2030;\n --player-background: #181926;\n --hover-background: #363A4F;\n --main-text: #CAD3F5;\n --dimmer-text: #939AB7;\n --shadow: 0 1px 0.5px rgba(0, 0, 0, .13);\n }\n\n else if stylus-ctp-style==\"Catppuccin-Macchiato-Peach\" {\n --main-color: #F5A97F;\n --main-background: #24273A;\n --second-background: #1E2030;\n --player-background: #181926;\n --hover-background: #363A4F;\n --main-text: #CAD3F5;\n --dimmer-text: #939AB7;\n --shadow: 0 1px 0.5px rgba(0, 0, 0, .13);\n }\n\n else if stylus-ctp-style==\"Catppuccin-Macchiato-Yellow\" {\n --main-color: #EED49F;\n --main-background: #24273A;\n --second-background: #1E2030;\n --player-background: #181926;\n --hover-background: #363A4F;\n --main-text: #CAD3F5;\n --dimmer-text: #939AB7;\n --shadow: 0 1px 0.5px rgba(0, 0, 0, .13);\n }\n\n else if stylus-ctp-style==\"Catppuccin-Macchiato-Teal\" {\n --main-color: #8BD5CA;\n --main-background: #24273A;\n --second-background: #1E2030;\n --player-background: #181926;\n --hover-background: #363A4F;\n --main-text: #CAD3F5;\n --dimmer-text: #939AB7;\n --shadow: 0 1px 0.5px rgba(0, 0, 0, .13);\n }\n\n else if stylus-ctp-style==\"Catppuccin-Macchiato-Blue\" {\n --main-color: #8AADF4;\n --main-background: #24273A;\n --second-background: #1E2030;\n --player-background: #181926;\n --hover-background: #363A4F;\n --main-text: #CAD3F5;\n --dimmer-text: #939AB7;\n --shadow: 0 1px 0.5px rgba(0, 0, 0, .13);\n }\n\n else if stylus-ctp-style==\"Catppuccin-Macchiato-Sky\" {\n --main-color: #91D7E3;\n --main-background: #24273A;\n --second-background: #1E2030;\n --player-background: #181926;\n --hover-background: #363A4F;\n --main-text: #CAD3F5;\n --dimmer-text: #939AB7;\n --shadow: 0 1px 0.5px rgba(0, 0, 0, .13);\n }\n\n else if stylus-ctp-style==\"Catppuccin-Macchiato-Maroon\" {\n --main-color: #EE99A0;\n --main-background: #24273A;\n --second-background: #1E2030;\n --player-background: #181926;\n --hover-background: #363A4F;\n --main-text: #CAD3F5;\n --dimmer-text: #939AB7;\n --shadow: 0 1px 0.5px rgba(0, 0, 0, .13);\n }\n\n else if stylus-ctp-style==\"Catppuccin-Macchiato-Sapphire\" {\n --main-color: #7DC4E4;\n --main-background: #24273A;\n --second-background: #1E2030;\n --player-background: #181926;\n --hover-background: #363A4F;\n --main-text: #CAD3F5;\n --dimmer-text: #939AB7;\n --shadow: 0 1px 0.5px rgba(0, 0, 0, .13);\n }\n\n else if stylus-ctp-style==\"Catppuccin-Macchiato-Rosewater\" {\n --main-color: #F4DBD6;\n --main-background: #24273A;\n --second-background: #1E2030;\n --player-background: #181926;\n --hover-background: #363A4F;\n --main-text: #CAD3F5;\n --dimmer-text: #939AB7;\n --shadow: 0 1px 0.5px rgba(0, 0, 0, .13);\n }\n\n else if stylus-ctp-style==\"Custom\" {\n --main-color: mainColor;\n --main-background: mainBackground;\n --second-background: secondBackground;\n --player-background: playerBackground;\n --hover-background: hoverBackground;\n --main-text: mainText;\n --dimmer-text: dimmerText;\n --shadow: 0 1px 0.5px colorShadow;\n }\n }\n\n /*Error page*/\n #error-page,\n #error-page-content {\n background-color: var(--main-background) !important;\n }\n\n #error-page-content > p,\n #yt-masthead #logo-container .content-region {\n color: var(--main-text) !important;\n text-shadow: none;\n }\n\n #yt-masthead #logo-container .logo {\n filter: invert(1) grayscale(1);\n }\n\n #error-page-content #yt-masthead #masthead-search #masthead-search-terms-border input[type=\"text\"] {\n color: var(--main-text) !important;\n }\n\n #error-page-content #yt-masthead #masthead-search #masthead-search-terms-border input[type=\"text\"]:focus {\n color: var(--main-color) !important;\n }\n\n #error-page-content #yt-masthead #masthead-search #masthead-search-terms-border .search-button {\n background-color: var(--secondary-background) !important;\n }\n\n\n * {\n scrollbar-color: var(--main-color) scrollbar_track !important;\n scrollbar-width: thin !important;\n --yt-spec-text-primary: var(--main-text) !important;\n --yt-spec-text-secondary: var(--dimmer-text) !important;\n --paper-spinner-color: var(--dimmer-text) !important;\n\n --paper-input-container-color: var(--dimmer-text) !important;\n\n --paper-radio-button-unchecked-color: var(--dimmer-text) !important;\n --paper-radio-button-unchecked-background-color: transparent !important;\n --paper-radio-button-checked-color: var(--main-color) !important;\n --paper-radio-button-checked-ink-color: var(--main-color) !important;\n --paper-radio-button-unchecked-ink-color: var(--main-color) !important;\n\n --paper-checkbox-unchecked-color: var(--dimmer-text) !important;\n --paper-checkbox-checked-color: var(--main-color) !important;\n --paper-checkbox-checkmark-color: none !important;\n --paper-checkbox-checked-ink-color: var(--main-color) !important;\n --paper-checkbox-unchecked-ink-color: var(--main-color) !important;\n --yt-spec-call-to-action: var(--main-color) !important;\n --yt-spec-suggested-action: var(--hover-background) !important;\n --yt-spec-outline: var(--hover-background) !important;\n --yt-spec-brand-button-background: var(--main-color) !important;\n /*in incognito this may be used as subscribe button but is inconsistent .yt-spec-button-shape-next--brand.yt-spec-button-shape-next--filled*/\n --yt-formatted-string-bold-color: var(--dimmer-text) !important;\n /*this affects number of views*/\n }\n\n /*Scrollbar fix for chrome*/\n *:not([hide-scrollbar]) ::-webkit-scrollbar-thumb {\n background: var(--main-color) !important;\n }\n\n *:not([hide-scrollbar]) ::-webkit-scrollbar {\n width: scrollbar_width !important;\n }\n\n /*Scrollbar fix for firefox*/\n ::-webkit-scrollbar-track {\n background: scrollbar_track !important;\n }\n\n ::-webkit-scrollbar-thumb {\n background: var(--main-color) !important;\n }\n\n /*Background for the entire page*/\n html,\n ytd-browse,\n ytd-watch,\n ytd-search,\n ytd-app,\n ytd-app[is-watch-page],\n [class*=\"ytd-watch-flexy\"]:not(#engagement-panel-scrim),\n .style-scope.ytd-page-manager.hide-skeleton,\n .account-container {\n background-color: var(--main-background) !important;\n }\n\n /*Border for the sidemenu*/\n #guide-content.ytd-app {\n border-right: 1px solid var(--yt-border-color) !important;\n }\n\n /*Changed text highlight*/\n ::selection {\n background: var(--hover-background) !important;\n color: var(--main-text) !important;\n }\n\n ::-moz-selection {\n background: var(--hover-background) !important;\n color: var(--main-text) !important;\n }\n\n /*Outline for links*/\n a {\n outline-color: var(--main-color) !important;\n }\n\n a:hover {\n color: var(--main-color) !important;\n fill: var(--main-color) !important;\n }\n\n /*Outline for comments*/\n #content-text.ytd-comment-renderer {\n outline: none !important;\n }\n\n /*Placeholder image on pages that need an account - such as Subscriptions*/\n ytd-background-promo-renderer .image.ytd-background-promo-renderer,\n ytd-message-renderer yt-icon.ytd-message-renderer {\n color: var(--main-text) !important;\n }\n\n /*Nav bar*/\n ytd-masthead,\n #yt-masthead-container,\n #masthead-positioner-height-offset {\n /*account page*/\n background-color: var(--second-background) !important;\n border-bottom-color: var(--hover-background) !important;\n }\n\n yt-icon-button svg {\n fill: var(--dimmer-text) !important;\n }\n\n yt-icon-button:hover svg {\n fill: var(--main-color) !important;\n }\n\n #logo-icon-container.ytd-topbar-logo-renderer #youtube-paths.ytd-topbar-logo-renderer path.ytd-topbar-logo-renderer,\n #youtube-red-paths {\n /*premium*/\n fill: var(--main-text) !important;\n }\n\n /*acount settings page*/\n /*logo*/\n .exp-invert-logo.inverted-hdpi #header::before,\n .exp-invert-logo.inverted-hdpi .ypc-join-family-header .logo,\n .exp-invert-logo.inverted-hdpi #footer-logo .footer-logo-icon,\n .exp-invert-logo.inverted-hdpi #yt-masthead #logo-container .logo,\n .exp-invert-logo.inverted-hdpi #masthead #logo-container,\n .exp-invert-logo.inverted-hdpi .admin-masthead-logo a,\n .exp-invert-logo.inverted-hdpi #yt-sidebar-styleguide-logo #logo {\n filter: invert(1) grayscale(1);\n }\n\n /*buttons*/\n #yt-masthead-creation-button {\n filter: brightness(220%);\n }\n\n #yt-masthead-notifications .yt-uix-button-icon-bell {\n filter: invert(1) brightness(720%);\n }\n\n #sections.ytd-multi-page-menu-renderer > .ytd-multi-page-menu-renderer:not(:last-child) {\n border-color: var(--hover-background) !important;\n }\n\n /*Chat in the header*/\n ytd-conversation-switcher-item-renderer {\n border-color: var(--hover-background) !important;\n }\n\n #last-post.ytd-conversation-switcher-item-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*invite friends*/\n #bar.ytd-copy-connection-invite-url-renderer {\n background: var(--hover-background) !important;\n border-color: var(--hover-background) !important;\n }\n\n #icon.ytd-copy-connection-invite-url-renderer {\n color: var(--main-text) !important;\n }\n\n /*chat popup*/\n ytd-conversation-section-renderer {\n background: var(--second-background) !important;\n }\n\n #title-bar.ytd-conversation-section-renderer {\n border-color: var(--hover-background) !important;\n }\n\n ytd-conversation-text-item-renderer[justification-style=\"JUSTIFICATION_START\"] #post-text.ytd-conversation-text-item-renderer,\n ytd-conversation-link-item-renderer[justification-style=\"JUSTIFICATION_START\"] #link.ytd-conversation-link-item-renderer,\n #bar.ytd-conversation-link-item-renderer,\n #thumbnail.ytd-inline-playback-renderer,\n #video-data.ytd-inline-playback-renderer {\n border-color: var(--hover-background) !important;\n background: var(--hover-background) !important;\n }\n\n #post-text.ytd-conversation-text-item-renderer,\n textarea.iron-autogrow-textarea {\n color: var(--main-text) !important;\n }\n\n #displayed-text.ytd-conversation-link-item-renderer,\n #icon.ytd-conversation-link-item-renderer {\n color: var(--main-color) !important;\n }\n\n #metadata.ytd-conversation-metadata-item-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*Backgrounds*/\n #like-bar.ytd-sentiment-bar-renderer,\n #progress.ytd-thumbnail-overlay-resume-playback-renderer,\n #selectionBar.paper-tabs {\n background-color: var(--main-color) !important;\n }\n\n /*Sidebar*/\n #guide-content.ytd-app,\n #contentContainer.app-drawer,\n #guide-wrapper.ytd-app {\n background: var(--second-background) !important;\n }\n\n #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer,\n #guide-section-title.ytd-guide-section-renderer {\n color: var(--main-text) !important;\n }\n\n ytd-guide-entry-renderer:hover #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer,\n ytd-guide-entry-renderer:hover svg {\n color: var(--main-color) !important;\n fill: var(--main-color) !important;\n }\n\n ytd-guide-entry-renderer[active] {\n background-color: var(--hover-background) !important;\n }\n\n #sections.ytd-guide-renderer > .ytd-guide-renderer:not(:last-child),\n #guide-links-primary.ytd-guide-renderer,\n #guide-content.ytd-app {\n border-color: var(--hover-background) !important;\n }\n\n #guide-links-primary.ytd-guide-renderer > a,\n #guide-links-secondary.ytd-guide-renderer > a,\n #footer.ytd-guide-renderer > #copyright,\n yt-formatted-string.ytd-guide-signin-promo-renderer {\n color: var(--dimmer-text) !important;\n }\n\n #guide-links-primary.ytd-guide-renderer > a:hover,\n #guide-links-secondary.ytd-guide-renderer > a:hover {\n color: var(--main-color) !important;\n }\n\n /*Compact sidebar fix*/\n ytd-mini-guide-renderer,\n a.ytd-mini-guide-entry-renderer,\n a.ytd-mini-guide-entry-renderer:hover,\n a.ytd-mini-guide-entry-renderer:focus {\n background-color: var(--second-background) !important;\n }\n\n ytd-mini-guide-entry-renderer .guide-icon.ytd-mini-guide-entry-renderer,\n a.ytd-mini-guide-entry-renderer .guide-icon,\n a.ytd-mini-guide-entry-renderer.title.ytd-mini-guide-entry-renderer,\n ytd-mini-guide-entry-renderer .title.ytd-mini-guide-entry-renderer {\n color: var(--main-text) !important;\n }\n\n ytd-mini-guide-entry-renderer[active] .guide-icon.ytd-mini-guide-entry-renderer,\n a.ytd-mini-guide-entry-renderer:hover .guide-icon,\n a.ytd-mini-guide-entry-renderer:hover .title.ytd-mini-guide-entry-renderer,\n ytd-mini-guide-entry-renderer[active] .title.ytd-mini-guide-entry-renderer {\n color: var(--main-color) !important;\n }\n\n #newness-dot.ytd-guide-entry-renderer {\n background-color: var(--main-color) !important;\n }\n\n /*Latest YouTube posts*/\n ytd-post-renderer[surface_=\"backstage-surface-type-home\"],\n ytd-post-renderer[uses-compact-lockup] {\n background-color: var(--second-background) !important;\n }\n\n ytd-post-renderer[surface_=\"backstage-surface-type-home\"] #home-content-text.ytd-post-renderer,\n ytd-post-renderer[surface_=\"backstage-surface-type-home\"][attachment=\"poll\"] #vote-count-text.ytd-post-renderer,\n ytd-post-renderer[uses-compact-lockup] #home-content-text.ytd-post-renderer {\n color: var(--main-text) !important;\n }\n\n ytd-post-renderer[surface_=\"backstage-surface-type-home\"] #author-text.yt-simple-endpoint.ytd-post-renderer {\n color: var(--main-color) !important;\n }\n\n ytd-post-renderer[uses-compact-lockup][attachment=\"poll\"] #vote-count-text.ytd-post-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*vote now button*/\n ytd-post-renderer[uses-compact-lockup] ytd-button-renderer.style-suggestive[is-paper-button] #button.ytd-button-renderer {\n background-color: var(--main-color) !important;\n }\n\n /*Main page video hover preview*/\n #video-preview-container.ytd-video-preview {\n background: var(--second-background) !important;\n }\n\n /*Feed filter*/\n #home-chips/*skeleton*/\n ,\n #chips-wrapper.ytd-feed-filter-chip-bar-renderer {\n background-color: var(--main-background) !important;\n border-color: var(--hover-background) !important;\n }\n\n yt-chip-cloud-chip-renderer:not([selected]) {\n background-color: var(--main-background) !important;\n border-color: var(--hover-background) !important;\n }\n\n yt-chip-cloud-chip-renderer[selected],\n yt-chip-cloud-chip-renderer:hover {\n background-color: var(--hover-background) !important;\n }\n\n yt-chip-cloud-renderer {\n background: transparent !important;\n }\n\n #text.yt-chip-cloud-chip-renderer {\n color: var(--main-text) !important;\n }\n\n #scroll-container.ytd-feed-filter-chip-bar-renderer::after,\n #scroll-container.ytd-feed-filter-chip-bar-renderer::before {\n background: transparent !important;\n }\n\n #left-arrow-button.ytd-feed-filter-chip-bar-renderer,\n #right-arrow-button.ytd-feed-filter-chip-bar-renderer,\n #left-arrow.yt-chip-cloud-renderer,\n #right-arrow.yt-chip-cloud-renderer,\n #left-arrow-button.yt-chip-cloud-renderer,\n #right-arrow-button.yt-chip-cloud-renderer {\n background: var(--main-background) !important;\n }\n\n #left-arrow.ytd-feed-filter-chip-bar-renderer::after,\n #right-arrow.ytd-feed-filter-chip-bar-renderer::before,\n yt-chip-cloud-renderer #right-arrow.yt-chip-cloud-renderer::before,\n yt-chip-cloud-renderer #left-arrow.yt-chip-cloud-renderer::after {\n display: none;\n }\n\n /*new to you filter on video*/\n #content-wrapper.ytd-feed-nudge-renderer {\n background-color: var(--second-background) !important;\n }\n\n yt-chip-cloud-chip-renderer[chip-style=\"STYLE_REFRESH_TO_NOVEL_CHIP\"][selected] {\n background-image: none !important;\n }\n\n /*Covid19 big posts aka rich shelves*/\n /*also other borders*/\n ytd-rich-shelf-renderer,\n #show-more-button.ytd-rich-shelf-renderer,\n ytd-rich-shelf-renderer[is-show-more-hidden] #dismissible.ytd-rich-shelf-renderer,\n #contents.ytd-rich-shelf-renderer,\n ytd-compact-promoted-item-renderer[view-style=\"COMPACT_PROMOTED_ITEM_STYLE_RICH_GRID\"] #dismissible.ytd-compact-promoted-item-renderer {\n border-color: var(--hover-background) !important;\n }\n\n /* poll results */\n /*your selection*/\n tp-yt-paper-item.ytd-backstage-poll-renderer[selected] .progress-bar.ytd-backstage-poll-renderer {\n background-color: var(--main-color) !important;\n }\n\n tp-yt-paper-item.ytd-backstage-poll-renderer[selected] .choice-info .choice-text {\n color: var(--main-text) !important;\n }\n\n /*other bars*/\n .progress-bar.ytd-backstage-poll-renderer {\n background-color: var(--second-background) !important;\n }\n\n ytd-backstage-poll-renderer:not([is-image-poll]) tp-yt-paper-item.ytd-backstage-poll-renderer .choice-info.ytd-backstage-poll-renderer {\n border-color: transparent !important;\n }\n\n #title.ytd-grid-channel-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*Channel page*/\n /*header*/\n #channel-header.ytd-c4-tabbed-header-renderer,\n #tabs-inner-container.ytd-c4-tabbed-header-renderer {\n background: var(--hover-background) !important;\n }\n\n #channel-title.ytd-c4-tabbed-header-renderer {\n color: var(--main-text) !important;\n }\n\n #subscriber-count.ytd-c4-tabbed-header-renderer {\n color: var(--dimmer-text) !important;\n }\n\n .tab-content.paper-tab,\n .tab-content.tp-yt-paper-tab {\n color: var(--main-text) !important;\n }\n\n paper-tab:hover .tab-content.paper-tab,\n tp-yt-paper-tab:hover > .tab-content.tp-yt-paper-tab {\n color: var(--main-color) !important;\n }\n\n tp-yt-paper-tabs {\n --paper-tabs-selection-bar-color: var(--main-color) !important;\n }\n\n /*search*/\n .input-content.paper-input-container label,\n .input-content.paper-input-container .paper-input-label,\n #subtitle,\n .style-scope.tp-yt-paper-input {\n color: var(--dimmer-text) !important;\n }\n\n /*arrow button*/\n iron-icon {\n fill: var(--main-text) !important;\n }\n\n iron-icon:hover {\n fill: var(--main-color) !important;\n }\n\n /*side channels*/\n #title:not([class*=\"ytd-labs\"]):not([class*=\"upsell-offer\"]) {\n color: var(--main-text) !important;\n }\n\n .title {\n color: var(--main-text) !important;\n }\n\n .title:hover {\n color: var(--main-color) !important;\n }\n\n #contents > .ytd-browse-secondary-contents-renderer:not(:first-child) {\n border-color: var(--hover-background) !important;\n }\n\n /*videos - uploads*/\n #label-text.yt-dropdown-menu {\n color: var(--main-text) !important;\n }\n\n paper-menu-button.yt-dropdown-menu:hover #label-text.yt-dropdown-menu,\n paper-menu-button.yt-dropdown-menu:hover #label-icon.yt-dropdown-menu svg,\n paper-menu-button.yt-dropdown-menu:hover #icon-label.yt-dropdown-menu {\n color: var(--main-color) !important;\n fill: var(--main-color) !important;\n }\n\n /*community*/\n #message.ytd-message-renderer,\n #content-text.ytd-backstage-post-renderer,\n #repost-content-text.ytd-shared-post-renderer {\n color: var(--dimmer-text) !important;\n }\n\n #author-text,\n .more-button,\n .less-button,\n .align-by-text.ytd-backstage-comments-renderer,\n #toggle.ytd-grid-renderer,\n #repost-author-text.yt-simple-endpoint.ytd-shared-post-renderer {\n color: var(--main-text) !important;\n }\n\n .more-button:hover,\n .less-button:hover,\n .align-by-text.ytd-backstage-comments-renderer:hover,\n #toggle.ytd-grid-renderer:hover,\n #author-text.yt-simple-endpoint.ytd-backstage-post-renderer:hover,\n #repost-author-text.yt-simple-endpoint.ytd-shared-post-renderer:hover {\n color: var(--main-color) !important;\n }\n\n #content-attachment.ytd-backstage-post-renderer ytd-video-renderer.ytd-backstage-post-renderer,\n /*normal video*/\n #content-attachment.ytd-backstage-post-renderer ytd-playlist-renderer.ytd-backstage-post-renderer,\n /*playlist*/\n #content-attachment.ytd-post-renderer ytd-video-renderer.ytd-post-renderer,\n /*normal video, but in cards on home page*/\n #content-attachment.ytd-post-renderer ytd-playlist-renderer.ytd-post-renderer {\n background: var(--hover-background) !important;\n }\n\n #poll-votes.ytd-backstage-poll-renderer {\n background: transparent !important;\n }\n\n .vote-percentage.ytd-backstage-poll-renderer,\n .choice-text.ytd-backstage-poll-renderer,\n #poll-choice-text.ytd-commentbox,\n yt-icon.ytd-backstage-poll-renderer {\n color: var(--main-text) !important;\n }\n\n paper-item[selected].ytd-backstage-poll-renderer #progress-bar.ytd-backstage-poll-renderer {\n background: var(--main-color) !important;\n }\n\n /*about*/\n .subheadline,\n #right-column .subheadline {\n color: var(--main-text) !important;\n }\n\n #description:not([class*=\"yt-music\"]),\n #bio,\n #right-column > yt-formatted-string {\n color: var(--dimmer-text) !important;\n }\n\n #right-column > yt-formatted-string,\n #description-container.ytd-channel-about-metadata-renderer,\n #bio-container.ytd-channel-about-metadata-renderer,\n #photos-container.ytd-channel-about-metadata-renderer,\n #details-container.ytd-channel-about-metadata-renderer,\n #links-container.ytd-channel-about-metadata-renderer {\n border-color: var(--hover-background) !important;\n }\n\n #link-list-container a {\n color: var(--main-color) !important;\n }\n\n #link-list-container:hover a {\n filter: brightness(110%);\n }\n\n /*private message*/\n ytd-form-popup-renderer[dialog][dialog][dialog] {\n background: var(--main-background) !important;\n }\n\n #buttons.ytd-form-popup-renderer {\n border-color: var(--hover-background) !important;\n }\n\n ytd-toggle-menu-service-item-renderer {\n color: var(--main-text) !important;\n }\n\n ytd-toggle-menu-service-item-renderer:hover .style-scope.ytd-toggle-menu-service-item-renderer {\n color: var(--main-color) !important;\n }\n\n ytd-toggle-menu-service-item-renderer:hover {\n background: var(--hover-background) !important;\n }\n\n /*Video page*/\n /*title*/\n .title.ytd-video-primary-info-renderer yt-formatted-string.ytd-video-primary-info-renderer {\n color: var(--main-text) !important;\n }\n\n /*views*/\n span.yt-view-count-renderer,\n span.ytd-video-view-count-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*published date*/\n #date.ytd-video-primary-info-renderer {\n color: var(--dimmer-text) !important;\n }\n\n ytd-video-primary-info-renderer {\n border-color: var(--hover-background) !important;\n }\n\n .content-text.ytd-metadata-with-image-row-renderer {\n color: var(--main-text) !important;\n }\n\n /*Share*/\n paper-dialog,\n tp-yt-paper-dialog {\n background: var(--main-background) !important;\n }\n\n #share-url {\n color: var(--main-text) !important;\n }\n\n #copy-button:hover #text {\n color: var(--main-color) !important;\n }\n\n #bar.yt-copy-link-renderer {\n background-color: var(--hover-background) !important;\n border-color: var(--hover-background) !important;\n }\n\n ytd-third-party-network-section-renderer ytd-copy-link-renderer.ytd-third-party-network-section-renderer,\n yt-start-at-renderer.yt-third-party-network-section-renderer {\n border-color: var(--hover-background) !important;\n }\n\n yt-formatted-string.yt-start-at-renderer,\n #text.ytd-sender-id-section-renderer {\n color: var(--main-text) !important;\n }\n\n /*share embed*/\n #embed-panel.yt-sharing-embed-renderer {\n background: var(--second-background) !important;\n }\n\n #close-panel-icon.yt-sharing-embed-renderer {\n color: var(--main-text) !important;\n }\n\n #close-panel-icon.yt-sharing-embed-renderer:hover {\n color: var(--main-color) !important;\n }\n\n #title-bar.yt-sharing-embed-renderer,\n #additional-info.yt-sharing-embed-renderer,\n #action-buttons.yt-sharing-embed-renderer {\n border-color: var(--hover-background) !important;\n }\n\n #privacy-mode-info.yt-sharing-embed-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*search for people*/\n #to-field-header.ytd-contact-search-renderer {\n color: var(--dimmer-text) !important;\n }\n\n #name.ytd-suggested-contact-renderer {\n color: var(--main-text) !important;\n }\n\n /*Make a clip*/\n #container.yt-clip-creation-renderer {\n background-color: transparent !important;\n }\n\n /*time*/\n input.yt-clip-creation-scrubber-renderer {\n border-color: var(--dimmer-text) !important;\n }\n\n /*preview*/\n #handles.yt-clip-creation-scrubber-view {\n border-color: var(--main-color) !important;\n }\n\n /*preview*/\n .handle.yt-clip-creation-scrubber-view {\n background-color: var(--main-color) !important;\n }\n\n /*buttons*/\n #footer.yt-clip-creation-renderer {\n background-color: var(--second-background) !important;\n }\n\n yt-clip-section-renderer yt-button-renderer.style-primary[is-paper-button],\n yt-clip-creation-renderer yt-button-renderer.style-primary[is-paper-button],\n yt-clip-section-footer-renderer yt-button-renderer.style-primary[is-paper-button] {\n background-color: transparent !important;\n }\n\n yt-button-renderer.style-primary[disabled][is-paper-button] yt-formatted-string.yt-button-renderer {\n color: var(--dimmer-text) !important;\n }\n\n yt-button-renderer.yt-clip-creation-renderer .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled,\n ytd-button-renderer.ytd-clip-section-footer-renderer .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {\n background-color: var(--main-color) !important;\n color: var(--main-text) !important;\n }\n\n /*Join this channel panel > Join button,\n\t Settings > Advanced settings > Copy button*/\n yt-button-renderer.ytd-sponsorships-tier-renderer .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled,\n yt-button-renderer.yt-copy-link-renderer .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {\n background-color: var(--main-color) !important;\n }\n\n /*Playlist creation*/\n #subtext.yt-live-chat-message-renderer,\n #label.yt-live-chat-text-input-field-renderer,\n .input-content.paper-input-container input,\n .input-content.paper-input-container textarea,\n .input-content.paper-input-container iron-autogrow-textarea,\n .input-content.paper-input-container .paper-input-input {\n color: var(--dimmer-text) !important;\n }\n\n .add-on-content.is-highlighted.paper-input-container *,\n paper-input-char-counter {\n color: var(--dimmer-text) !important;\n }\n\n /*Video cards*/\n /*ttile*/\n ytd-grid-video-renderer.use-ellipsis #details.ytd-grid-video-renderer a.ytd-grid-video-renderer,\n ytd-compact-video-renderer.use-ellipsis #video-title.ytd-compact-video-renderer,\n .ytd-video-renderer-wiz__video-title,\n .ytd-channel-name-wiz__text,\n #video-title.ytd-video-renderer,\n h3.ytd-playlist-renderer,\n #video-title.ytd-child-video-renderer,\n #length.ytd-child-video-renderer,\n #video-title,\n #unplayableText,\n #length,\n #details {\n color: var(--main-text) !important;\n }\n\n #items.yt-horizontal-list-renderer > .yt-horizontal-list-renderer:hover a.ytd-grid-video-renderer,\n ytd-compact-video-renderer:hover #video-title.ytd-compact-video-renderer,\n ytd-video-renderer:hover #video-title.ytd-video-renderer,\n ytd-playlist-renderer:hover h3.ytd-playlist-renderer,\n #content.ytd-playlist-video-renderer:hover #video-title,\n a.yt-simple-endpoint.ytd-playlist-panel-video-renderer:hover #video-title,\n a.yt-simple-endpoint.ytd-playlist-panel-video-renderer:hover #unplayableText,\n .style-scope.ytd-grid-renderer.use-ellipsis:hover #video-title,\n #video-title:hover,\n ytd-channel-name-wiz__text:hover,\n ytd-grid-video-renderer:hover #video-title.yt-simple-endpoint.ytd-grid-video-renderer {\n color: var(--main-color) !important;\n }\n\n /*author*/\n yt-formatted-string[ellipsis-truncate] a.yt-formatted-string:last-child,\n #byline.ytd-video-meta-block,\n #channel-title.ytd-channel-renderer span.ytd-channel-renderer,\n #text.ytd-channel-name {\n color: var(--main-color) !important;\n }\n\n /*metadata*/\n #metadata-line.ytd-grid-video-renderer,\n #metadata-line.ytd-video-meta-block span.ytd-video-meta-block,\n #metadata.ytd-channel-renderer,\n #description.ytd-channel-renderer,\n #thumbnail-attribution.ytd-grid-channel-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*2022 Nov like button*/\n /*not liked yet*/\n yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(2) > path:nth-child(1),\n yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(4) > path:nth-child(1) {\n stroke: var(--main-text) !important;\n }\n\n /*liked*/\n yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(1) > path:nth-child(1),\n yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(3) > path:nth-child(1) {\n fill: var(--main-color) !important;\n }\n\n yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(1) > path:nth-child(2),\n yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(3) > path:nth-child(2) {\n stroke: var(--main-color) !important\n }\n\n /*on shorts - so here is filled by default, thus above I am using main-color instead to keep it consistent*/\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled > div > yt-icon > svg > g > path {\n fill: var(--main-color) !important;\n }\n\n /*description and other metadata*/\n ytd-watch-metadata[modern-metapanel] #description.ytd-watch-metadata {\n background: var(--second-background) !important;\n /*--yt-spec-button-chip-background-hover*/\n }\n\n ytd-watch-metadata[clickable-description][description-collapsed] #description.ytd-watch-metadata:hover {\n background: var(--hover-background) !important;\n /*--yt-spec-badge-chip-background*/\n }\n\n ytd-watch-metadata[modern-metapanel] #description.ytd-watch-metadata .yt-simple-endpoint.style-scope.yt-formatted-string {\n color: var(--main-color) !important;\n }\n\n /*show more / less*/\n #expand.ytd-text-inline-expander:hover,\n #collapse.ytd-text-inline-expander:hover {\n color: var(--main-color) !important;\n }\n\n /*Recommandation page*/\n /*author*/\n #title.ytd-shelf-renderer {\n color: var(--main-color) !important;\n }\n\n #title-annotation.ytd-shelf-renderer {\n color: var(--dimmer-text) !important;\n }\n\n a.yt-simple-endpoint.yt-formatted-string:only-of-type:hover {\n color: var(--main-color) !important;\n }\n\n a.yt-simple-endpoint.yt-formatted-string:only-of-type {\n color: var(--main-text) !important;\n }\n\n /*Borders*/\n #contents.ytd-section-list-renderer > .ytd-section-list-renderer:not(:last-child):not(ytd-page-introduction-renderer) {\n border-color: var(--hover-background) !important;\n }\n\n /*Next and prev buttons*/\n /*share link*/\n .arrow.yt-horizontal-list-renderer,\n #scroll-button-forward,\n .arrow.ytd-horizontal-card-list-renderer,\n .ytd-horizontal-card-list-renderer[arrow],\n .scroll-button.yt-third-party-share-target-section-renderer {\n background-color: var(--hover-background) !important;\n }\n\n /*For the outline around the channel name*/\n .style-scope.ytd-comment-renderer.creator {\n background-color: var(--main-color) !important;\n }\n\n .style-scope.ytd-comment-renderer.creator:hover {\n background-color: var(--hover-background) !important;\n }\n\n #name.ytd-author-comment-badge-renderer {\n color: var(--main-text) !important;\n }\n\n #name:hover {\n color: var(--main-color) !important;\n }\n\n /*Accounts*/\n yt-formatted-string.ytd-account-item-section-header-renderer a {\n color: var(--dimmer-text) !important;\n }\n\n .style-scope.ytd-account-item-section-renderer:hover #channel-title.ytd-account-item-renderer {\n color: var(--main-color) !important;\n }\n\n app-drawer.ytd-app:not([persistent]) #header.ytd-app {\n border-color: var(--main-color) !important;\n }\n\n /*How is youtube today*/\n ytd-single-option-survey-renderer[dialog][dialog][dialog],\n ytd-single-option-survey-renderer,\n ytd-survey-follow-up-renderer[dialog][dialog][dialog],\n ytd-survey-follow-up-renderer,\n ytd-checkbox-survey-renderer[dialog][dialog][dialog] {\n background-color: var(--hover-background) !important;\n box-shadow: var(--shadow) !important;\n }\n\n #header.ytd-single-option-survey-renderer,\n #header.ytd-survey-follow-up-renderer,\n #header.ytd-checkbox-survey-renderer {\n color: var(--main-color) !important;\n }\n\n ytd-single-option-survey-option-renderer,\n #checkboxLabel.paper-checkbox {\n color: var(--main-text) !important;\n }\n\n ytd-single-option-survey-option-renderer:hover {\n background-color: var(--hover-background) !important;\n }\n\n /*rate a video to improve youtube*/\n #star-survey.ytd-inline-survey-renderer,\n .survey-wrapper.ytd-inline-survey-renderer {\n background-color: var(--second-background) !important;\n }\n\n #inline-survey-compact-video-renderer.ytd-inline-survey-renderer {\n background-color: var(--hover-background) !important;\n }\n\n ytd-primetime-promo-renderer.ytd-rich-section-renderer,\n ytd-inline-survey-renderer.ytd-rich-section-renderer {\n border-color: var(--hover-background) !important;\n }\n\n #follow-up-survey.ytd-inline-survey-renderer {\n border-left: 4px solid var(--hover-background) !important;\n }\n\n /*submit button*/\n #submit-btn-footer.ytd-inline-survey-renderer .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {\n background-color: var(--main-color) !important;\n }\n\n /*not sure tell us why followup*/\n #title.ytd-inline-survey-renderer,\n #follow-up-title.ytd-inline-survey-renderer,\n #selected-response-text.ytd-rating-survey-renderer {\n color: var(--main-color) !important;\n }\n\n /*checkboxes cards*/\n tp-yt-paper-checkbox.ytd-checkbox-survey-option-renderer {\n background-color: var(--hover-background) !important;\n }\n\n /*background and close button*/\n ytd-inline-survey-renderer[expanded] #dismissable.ytd-inline-survey-renderer,\n #dismiss-button.ytd-inline-survey-renderer {\n background-color: var(--second-background) !important;\n }\n\n paper-checkbox.ytd-checkbox-survey-option-renderer {\n background-color: var(--hover-background) !important;\n }\n\n /*thanks*/\n #dismissed.ytd-inline-survey-renderer ytd-message-renderer.ytd-inline-survey-renderer {\n background-color: var(--hover-background) !important;\n }\n\n /*info warning - covid19*/\n ytd-clarification-renderer {\n background-color: var(--hover-background) !important;\n }\n\n ytd-clarification-renderer[has-action-button] .content.ytd-clarification-renderer,\n ytd-clarification-renderer[background-style=\"info\"] {\n border-color: var(--hover-background) !important;\n }\n\n .content-title.ytd-clarification-renderer {\n color: var(--main-text) !important;\n }\n\n ytd-clarification-renderer[clarify-style=\"medium\"] .description.ytd-clarification-renderer {\n color: var(--dimmer-text) !important;\n }\n\n .source.ytd-clarification-renderer {\n color: var(--main-color) !important;\n }\n\n ytd-clarification-renderer yt-button-renderer.style-suggestive[is-paper-button] paper-button.yt-button-renderer {\n border-color: var(--main-color) !important;\n }\n\n /*Change subtitles settings tooltip*/\n .ytp-promotooltip-container {\n background-color: var(--hover-background) !important;\n box-shadow: var(--shadow) !important;\n color: var(--main-text) !important;\n }\n\n .ytp-promotooltip-pointer {\n border-color: var(--hover-background) !important;\n }\n\n /*You are not logged in tooltip*/\n #tooltip.tp-yt-paper-tooltip,\n yt-tooltip-renderer {\n background-color: var(--hover-background) !important;\n box-shadow: var(--shadow) !important;\n color: var(--main-text) !important;\n }\n\n yt-tooltip-renderer::before {\n border-color: transparent transparent var(--hover-background) transparent !important;\n }\n\n /*Join button tooltip*/\n yt-bubble-hint-renderer[style_=\"BUBBLE_HINT_STYLE_BLUE_TOOLTIP\"] {\n background-color: var(--second-background) !important;\n box-shadow: var(--shadow) !important;\n }\n\n yt-bubble-hint-renderer[style_=\"BUBBLE_HINT_STYLE_BLUE_TOOLTIP\"] #text.yt-bubble-hint-renderer:not(:empty),\n yt-bubble-hint-renderer[style_=\"BUBBLE_HINT_STYLE_BLUE_TOOLTIP\"] #details-text.yt-bubble-hint-renderer {\n background-color: var(--second-background) !important;\n }\n\n yt-bubble-hint-renderer[position-type=\"OPEN_POPUP_POSITION_LEFT\"][style_=\"BUBBLE_HINT_STYLE_BLUE_TOOLTIP\"]::before {\n border-color: transparent transparent transparent var(--second-background) !important;\n }\n\n /*window*/\n ytd-sponsorships-offer-renderer[dialog][dialog][dialog] {\n background-color: var(--main-background) !important;\n }\n\n #background-image-layer.ytd-sponsorships-offer-renderer {\n background-image: unset !important;\n background-color: var(--hover-background) !important;\n }\n\n /*title*/\n #top-bar.ytd-sponsorships-offer-renderer {\n color: var(--main-text) !important;\n }\n\n /*price*/\n #above-purchase-button-text.ytd-sponsorships-tier-renderer {\n color: var(--main-color) !important;\n }\n\n /*fine print*/\n .disclaimer.ytd-sponsorships-tier-renderer {\n color: var(--main-text) !important;\n }\n\n /*Super Thanks donations*/\n ytd-pdg-buy-flow-renderer {\n background-color: var(--main-background) !important;\n }\n\n /*remove white image in the header*/\n yt-pdg-buy-flow-header-renderer {\n background: transparent !important;\n }\n\n #container.ytd-pdg-comment-preview-renderer {\n border-color: var(--hover-background) !important;\n }\n\n #container.ytd-pdg-comment-preview-renderer:focus-within {\n border-color: var(--main-color) !important;\n }\n\n /*bonus*/\n #title-background.ytd-pdg-comment-preview-renderer {\n background-color: var(--hover-background) !important;\n }\n\n /*Progress bar*/\n #progress {\n background-color: var(--main-color) !important;\n border-color: var(--main-color) !important;\n }\n\n yt-page-navigation-progress {\n background-color: transparent !important;\n }\n\n /*Button tooltips*/\n #tooltip.paper-tooltip {\n background-color: var(--hover-background) !important;\n color: var(--main-color) !important;\n }\n\n /*Active grid icon*/\n button.ytd-button-renderer[is=\"paper-icon-button-light\"][disabled] {\n color: rgb(255, 255, 255) !important;\n }\n\n /*2022 Nov changes*/\n /*subscribe button*/\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled,\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal,\n /*NOTE: this affects other material buttons - I would say desired effect*/\n .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled,\n .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled:hover,\n /*on shorts*/\n .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal,\n .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal:hover,\n /*on shorts*/\n .ytp-sb-subscribe,\n a.ytp-sb-subscribe/*in cards... why yt why*/\n {\n background-color: var(--second-background) !important;\n border-color: var(--second-background) !important;\n box-shadow: var(--shadow) !important;\n color: var(--main-text) !important;\n }\n\n .yt-spec-button-shape-next[aria-label^=\"Subscribe to\"] {\n background-color: var(--main-color) !important;\n border-color: var(--second-background) !important;\n box-shadow: var(--shadow) !important;\n color: var(--main-text) !important;\n }\n\n .yt-spec-button-shape-next[aria-label^=\"Subscribe to\"] > .yt-spec-button-shape-next--button-text-content > .yt-core-attributed-string {\n color: var(--main-background) !important;\n }\n\n /*unsubscribe confirm dialog*/\n .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text {\n color: var(--main-color) !important;\n }\n\n .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text:hover {\n background-color: var(--yt-spec-10-percent-layer) !important;\n }\n\n /*join button*/\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal[aria-label=\"Join this channel\"],\n .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled/*in window*/\n {\n background-color: var(--main-color) !important;\n border-color: var(--second-background) !important;\n color: var(--main-background) !important;\n }\n\n /*comment button*/\n ytd-button-renderer#submit-button.ytd-commentbox .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {\n background-color: var(--main-color) !important;\n color: var(--main-text) !important;\n }\n\n /*download panel > get trial button*/\n /*share panel > copy button*/\n ytd-offline-promo-renderer.ytd-popup-container yt-button-renderer#action-button .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled,\n yt-third-party-network-section-renderer.ytd-unified-share-panel-renderer yt-button-renderer#copy-button .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {\n background-color: var(--main-color) !important;\n color: var(--main-text) !important;\n }\n\n /*Thanks panel > \"Buy and Send\" button*/\n /*Thanks panel > About Super Thanks panel > \"Got it\" button*/\n ytd-button-renderer#buy-button.yt-super-vod-buy-flow-content-renderer .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled,\n yt-button-renderer#confirm-button.yt-confirm-dialog-renderer .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {\n background-color: var(--main-color) !important;\n color: var(--main-text) !important;\n }\n\n /*Toast notification*/\n yt-notification-action-renderer yt-button-renderer.yt-notification-action-renderer .yt-spec-button-shape-next--call-to-action-inverse.yt-spec-button-shape-next--text {\n color: var(--main-color) !important;\n }\n\n /*Toast notification hover*/\n yt-notification-action-renderer yt-button-renderer.yt-notification-action-renderer .yt-spec-button-shape-next--call-to-action-inverse.yt-spec-button-shape-next--text:hover {\n background-color: var(--main-background) !important;\n }\n\n if join-color/*overwriting the above*/\n {\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal[aria-label=\"Join this channel\"] {\n background-color: var(--second-background) !important;\n border-color: var(second-background) !important;\n color: var(--main-text) !important;\n }\n }\n\n if subscribe-color/*overwriting the above*/\n {\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled,\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal,\n /*NOTE: this affects other material buttons - I would say desired effect*/\n .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled,\n .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled:hover,\n /*on shorts*/\n .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal,\n .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal:hover,\n /*on shorts*/\n .ytp-sb-subscribe,\n a.ytp-sb-subscribe/*in cards... why yt why*/\n {\n background-color: var(--second-background) !important;\n border-color: var(--second-background) !important;\n box-shadow: var(--shadow) !important;\n color: var(--main-text) !important;\n }\n\n .yt-spec-button-shape-next[aria-label^=\"Subscribe to\"] > .yt-spec-button-shape-next--button-text-content > .yt-core-attributed-string {\n color: var(--main-text) !important;\n }\n }\n\n ytd-button-renderer.style-primary[is-paper-button] {\n background-color: transparent !important;\n }\n\n /*Sponsor button*/\n ytd-modal-with-title-and-button-renderer {\n background: var(--second-background) !important;\n }\n\n #content.ytd-modal-with-title-and-button-renderer {\n color: var(--dimmer-text) !important;\n }\n\n .buttons.ytd-modal-with-title-and-button-renderer {\n border-color: var(--hover-background) !important;\n }\n\n /*sponsor popup*/\n #sponsor-button.ytd-membership-offer-renderer ytd-button-renderer.ytd-membership-offer-renderer {\n background-color: var(--main-color) !important;\n }\n\n #sponsor-button.ytd-membership-offer-renderer ytd-button-renderer.ytd-membership-offer-renderer:hover {\n filter: brightness(110%) !important;\n }\n\n #header.ytd-membership-offer-renderer {\n background: var(--main-background) !important;\n }\n\n ytd-perks-section-renderer,\n ytd-membership-offer-renderer[dialog][dialog][dialog],\n paper-dialog-scrollable.can-scroll:not(.scrolled-to-bottom):not(:last-child)::after,\n paper-dialog-scrollable.is-scrolled:not(:first-child)::before {\n background: var(--second-background) !important;\n }\n\n .extra-content.ytd-offer-perk-extra {\n border-color: var(--hover-background) !important;\n background: var(--hover-background) !important;\n color: var(--dimmer-text) !important;\n }\n\n .footer.ytd-membership-offer-renderer {\n background: var(--hover-background) !important;\n border-color: var(--hover-background) !important;\n }\n\n ytd-membership-offer-renderer * {\n border-color: var(--hover-background) !important;\n }\n\n .price.ytd-membership-offer-renderer {\n color: var(--main-color) !important;\n }\n\n .style-title.ytd-offer-text-item,\n .style-subtitle.ytd-offer-text-item,\n .payment-clause.ytd-membership-offer-renderer {\n color: var(--main-text) !important;\n }\n\n .perk-item-title.ytd-perk-item-renderer,\n .perk-item-public-description.ytd-perk-item-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*Edit button in channel page*/\n #edit-buttons.ytd-c4-tabbed-header-renderer ytd-button-renderer.ytd-c4-tabbed-header-renderer {\n background-color: transparent !important;\n }\n\n /*Toggle button to play next*/\n paper-toggle-button[checked]:not([disabled]) .toggle-bar.paper-toggle-button {\n background-color: var(--main-color) !important;\n opacity: 0.9 !important;\n }\n\n paper-toggle-button[checked]:not([disabled]) .toggle-button.paper-toggle-button {\n --paper-toggle-button-checked-button-color: rgb(255, 255, 255) !important;\n }\n\n /*Hover for toggle button*/\n .toggle-button.paper-toggle-button:hover,\n paper-toggle-button[checked]:not([disabled]) .toggle-button.paper-toggle-button:hover {\n background-color: var(--main-color) !important;\n }\n\n yt-bubble-hint-renderer {\n background: var(--hover-background) !important;\n }\n\n yt-bubble-hint-renderer::after {\n border-top-color: var(--second-background) !important;\n }\n\n #text.yt-bubble-hint-renderer {\n background: var(--hover-background) !important;\n color: var(--main-text) !important;\n }\n\n #details-text.yt-bubble-hint-renderer {\n background: var(--hover-background) !important;\n color: var(--dimmer-text) !important;\n }\n\n .buttons.yt-bubble-hint-renderer {\n border-color: var(--hover-background) !important;\n }\n\n /*Filter active*/\n paper-button.ytd-toggle-button-renderer {\n color: rgba(255, 255, 255, 0.5) !important;\n }\n\n /*Badges*/\n .badge-style-type-simple.ytd-badge-supported-renderer,\n .badge-style-type-disabled.ytd-badge-supported-renderer,\n yt-icon.ytd-badge-supported-renderer {\n background: transparent !important;\n color: var(--main-color) !important;\n padding-left: 0px !important;\n opacity: .7 !important;\n }\n\n .badge-style-type-simple-strikethrough.ytd-badge-supported-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*Trending badge*/\n .badge-style-type-featured.ytd-badge-supported-renderer {\n background: var(--main-color) !important;\n }\n\n /*Author verified badge in comments*/\n ytd-author-comment-badge-renderer:not(.creator) #icon.ytd-author-comment-badge-renderer {\n fill: var(--main-color) !important;\n }\n\n /*Live now badge*/\n .badge-style-type-live-now.ytd-badge-supported-renderer,\n .badge-style-type-live-now-alternate.ytd-badge-supported-renderer {\n color: var(--main-color) !important;\n background: transparent !important;\n border-color: var(--main-color) !important;\n }\n\n /*Premium*/\n .badge-style-type-red.ytd-badge-supported-renderer {\n color: #DA4453 !important;\n background: transparent !important;\n border-color: var(--main-color) !important;\n }\n\n /*Series name*/\n .badge-style-type-collection.ytd-badge-supported-renderer {\n color: var(--main-color) !important;\n }\n\n .yt-simple-endpoint.style-scope.yt-formatted-string {\n color: var(--dimmer-text) !important;\n }\n\n /*video hashtags & links in settings page*/\n #super-title .yt-simple-endpoint.style-scope.yt-formatted-string,\n ytd-section-list-renderer[page-subtype=\"WEB_PAGE_TYPE_SETTINGS\"] .yt-simple-endpoint.style-scope.yt-formatted-string {\n color: var(--main-color) !important;\n }\n\n /*panel links*/\n tp-yt-paper-dialog.ytd-popup-container .yt-simple-endpoint.style-scope.yt-formatted-string {\n color: var(--main-color) !important;\n }\n\n /*Dropdown*/\n .dropdown-content.style-scope.ytd-popup-container > *,\n tp-yt-paper-listbox,\n ytd-menu-popup-renderer {\n background: var(--second-background) !important;\n color: var(--main-text) !important;\n }\n\n ytd-menu-service-item-renderer:hover,\n a.ytd-menu-navigation-item-renderer:hover,\n tp-yt-paper-listbox.yt-dropdown-menu .iron-selected.yt-dropdown-menu,\n tp-yt-paper-listbox.yt-dropdown-menu tp-yt-paper-item.yt-dropdown-menu:hover,\n ytd-menu-service-item-renderer[is-selected] {\n background: var(--hover-background) !important;\n }\n\n yt-formatted-string.ytd-menu-service-item-renderer,\n yt-formatted-string.ytd-menu-navigation-item-renderer {\n color: var(--main-text) !important;\n }\n\n ytd-menu-service-item-renderer:hover yt-formatted-string.ytd-menu-service-item-renderer,\n a.ytd-menu-navigation-item-renderer:hover yt-formatted-string.ytd-menu-navigation-item-renderer,\n tp-yt-paper-listbox a.yt-simple-endpoint.yt-dropdown-menu:hover .item.yt-dropdown-menu {\n color: var(--main-color) !important;\n }\n\n #owner-name.ytd-video-owner-renderer a {\n color: var(--main-color) !important;\n opacity: .9;\n }\n\n /*share*/\n #header.ytd-add-to-playlist-renderer {\n color: var(--main-text) !important;\n }\n\n #label.ytd-playlist-add-to-option-renderer,\n paper-item.ytd-compact-link-renderer {\n color: var(--dimmer-text) !important;\n }\n\n #header.ytd-add-to-playlist-renderer,\n #playlists.ytd-add-to-playlist-renderer {\n border-color: var(--hover-background) !important;\n }\n\n paper-item.ytd-compact-link-renderer:hover #label.ytd-compact-link-renderer,\n paper-item.ytd-compact-link-renderer:hover yt-icon.ytd-compact-link-renderer {\n color: var(--main-color) !important;\n fill: var(--main-color) !important;\n }\n\n ytd-playlist-add-to-option-renderer paper-checkbox:hover #label.ytd-playlist-add-to-option-renderer,\n ytd-playlist-add-to-option-renderer paper-checkbox[checked] #label.ytd-playlist-add-to-option-renderer,\n yt-icon.ytd-playlist-add-to-option-renderer {\n color: var(--main-color) !important;\n }\n\n /*Avatars and thumbnails opacity */\n img.yt-img-shadow {\n opacity: 0.9 !important;\n }\n\n img.yt-img-shadow:hover {\n opacity: 1 !important;\n }\n\n /*Very specific hover for thumbnails*/\n #dismissable.ytd-compact-video-renderer:hover img.yt-img-shadow,\n #items.yt-horizontal-list-renderer > .yt-horizontal-list-renderer:hover img.yt-img-shadow,\n #items.ytd-grid-renderer > ytd-grid-video-renderer.ytd-grid-renderer:hover img.yt-img-shadow,\n ytd-video-renderer.ytd-item-section-renderer:hover img.yt-img-shadow,\n .style-scope.ytd-channel-featured-content-renderer:hover img.yt-img-shadow,\n #grid-container.ytd-expanded-shelf-contents-renderer > .ytd-expanded-shelf-contents-renderer:hover img.yt-img-shadow,\n ytd-playlist-video-renderer:hover img.yt-img-shadow,\n iron-list:not([grid]) #items.iron-list > *:hover img.yt-img-shadow {\n opacity: 1 !important;\n }\n\n /*Video section*/\n /*2022 Nov*/\n /*this seems to be only in dark mode? */\n #cinematics.ytd-watch-flexy {\n display: none !important;\n }\n\n /*Video title hover in html5 video*/\n .html5-video-player a:hover {\n color: var(--main-text) !important;\n text-shadow: none !important;\n }\n\n /* Code takken from https://userstyles.org/styles/95280 */\n /* scrubber button */\n .html5-scrubber-button:hover,\n .ytp-chrome-controls .ytp-button[aria-pressed]::after,\n .ytp-scrubber-button:hover,\n .html5-video-player:not(.ytp-color-party) .ytp-swatch-background-color,\n .ytp-swatch-background-color-secondary {\n background: var(--main-color) !important;\n }\n\n /* progress bar */\n .html5-video-player:not(.ytp-color-party) .html5-play-progress,\n .html5-video-player:not(.ytp-color-party) .ytp-play-progress,\n .progress-bar-played.ytd-progress-bar-line/* on shorts*/\n {\n background: var(--main-color) !important;\n }\n\n .ytp-volume-slider-track,\n .ytp-volume-slider-handle:before {\n background: var(--main-color) !important;\n z-index: -117;\n }\n\n .ytp-settings-button.ytp-hd-quality-badge::after,\n .ytp-settings-button.ytp-4k-quality-badge::after,\n .ytp-settings-button.ytp-5k-quality-badge::after,\n .ytp-settings-button.ytp-8k-quality-badge::after,\n .ytp-settings-button.ytp-3d-badge::after {\n background-color: var(--main-color) !important;\n }\n\n .ytp-swatch-color {\n color: var(--main-color) !important;\n }\n\n .ytp-menuitem[aria-checked=\"true\"] .ytp-menuitem-toggle-checkbox {\n background-color: var(--main-color) !important;\n }\n\n .ytp-chrome-controls .ytp-button.ytp-youtube-button:hover:not([aria-disabled=\"true\"]):not([disabled]) .ytp-svg-fill-logo-tube-lozenge {\n fill: var(--main-color) !important;\n }\n\n .ytp-cued-thumbnail-overlay:hover .ytp-large-play-button-bg,\n .ytp-large-play-button.ytp-touch-device .ytp-large-play-button-bg {\n fill: var(--main-color) !important;\n }\n\n .ytp-large-play-button.ytp-button.ytp-red2:hover,\n .ytp-cued-thumbnail-overlay:hover .ytp-large-play-button.ytp-button.ytp-red2 {\n /*background-image: url(https://github.com/RaitaroH/YouTube-DeepDark/raw/master/YT_Images/large_play_button_hover_ringo-vfl7vEehF.png) !important;*/\n background-image: url(https://s.ytimg.com/yts/img/large_play_button_ringo-vfljWXIdx.png) !important;\n filter: invert(100%) brightness(300%);\n }\n\n .resume-playback-progress-bar {\n background: var(--main-color) !important;\n }\n\n /*Added because of this: https://forum.userstyles.org/discussion/53368/solved-fix-this-annoying-youtube-tab-select-bug-thats-been-there-forever#latest*/\n .ytp-keyboard-focus .ytp-progress-bar:focus {\n box-shadow: none !important;\n }\n\n /*Video menu - might have issues with lighter colors*/\n .ytp-popup {\n background: var(--second-background) !important;\n opacity: .9 !important;\n }\n\n .ytp-menuitem:hover:not([aria-disabled=\"true\"]) {\n background-color: var(--hover-background) !important;\n }\n\n /*Text*/\n .iv-branding .iv-branding-context-name,\n .ytp-menuitem-label,\n .ytp-menuitem-label-count,\n .ytp-menuitem-content,\n .ytp-menu-label-secondary,\n .ytp-panel-header {\n color: var(--main-text) !important;\n text-shadow: none !important;\n }\n\n /*Keyboard focus*/\n .ytp-probably-keyboard-focus .ytp-menuitem:focus .ytp-menuitem-content,\n .ytp-probably-keyboard-focus .ytp-menuitem:focus .ytp-menuitem-label {\n box-shadow: inset -2px -2px 0 var(--main-color), inset 0 2px 0 var(--main-color) !important;\n }\n\n .ytp-probably-keyboard-focus .ytp-button:focus {\n box-shadow: inset 0 0 0 2px var(--main-color) !important;\n }\n\n .ytp-probably-keyboard-focus .ytp-progress-bar:focus {\n box-shadow: 0 0 0 2px var(--main-color) !important;\n }\n\n /*Miniplayer*/\n #info-bar.ytd-miniplayer .metadata.ytd-miniplayer,\n #info-bar.ytd-miniplayer {\n background-color: var(--main-background) !important;\n }\n\n #info-bar.ytd-miniplayer .channel.ytd-miniplayer {\n color: var(--main-color) !important;\n }\n\n .ytd-miniplayer .ytp-button:not([aria-disabled=\"true\"]):not([disabled]):not([aria-hidden=\"true\"]):hover svg path {\n fill: var(--main-color) !important;\n }\n\n /*added to queue*/\n ytd-miniplayer-toast[opened] {\n background-color: var(--second-background) !important;\n }\n\n #label.ytd-miniplayer-toast {\n color: var(--main-color) !important;\n }\n\n /*queue / playlist panel closed*/\n ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] .title.ytd-playlist-panel-renderer,\n ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] #next-video-title.ytd-playlist-panel-renderer {\n color: var(--main-text) !important;\n }\n\n ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] .byline-title.ytd-playlist-panel-renderer,\n ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] .publisher.ytd-playlist-panel-renderer,\n ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] .publisher.ytd-playlist-panel-renderer:not([is-empty]).ytd-playlist-panel-renderer + .index-message-wrapper.ytd-playlist-panel-renderer::before,\n ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] .index-message-wrapper.ytd-playlist-panel-renderer {\n color: var(--main-color) !important;\n }\n\n /*Watch later svg*/\n .style-scope.ytd-thumbnail-overlay-toggle-button-renderer:hover {\n fill: var(--main-color) !important;\n }\n\n ytd-thumbnail-overlay-toggle-button-renderer:focus yt-icon.ytd-thumbnail-overlay-toggle-button-renderer {\n outline-color: var(--main-color) !important;\n }\n\n /*This channel is watched by others*/\n ytd-thumbnail-overlay-endorsement-renderer {\n background-color: var(--hover-background) !important;\n color: var(--main-text) !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: var(--main-background) !important;\n }\n\n /*Changing icon for unavailable video*/\n #img.ytd-player-error-message-renderer {\n display: block !important;\n -moz-box-sizing: border-box !important;\n box-sizing: border-box !important;\n background: url(https://github.com/RaitaroH/YouTube-DeepDark/raw/master/YT_Images/404.png) no-repeat !important;\n width: 140px !important;\n height: 100px !important;\n padding-left: 140px !important;\n position: relative !important;\n }\n\n /*Changing icon for unavailable page (404)*/\n #error-page-hh-illustration {\n display: block !important;\n -moz-box-sizing: border-box !important;\n box-sizing: border-box !important;\n background: url(https://github.com/RaitaroH/YouTube-DeepDark/raw/master/YT_Images/404.png) no-repeat !important;\n width: 140px !important;\n height: 100px !important;\n padding-left: 140px !important;\n right: -175px !important;\n position: relative !important;\n }\n\n /*Some spacing for the logo*/\n #yt-masthead #logo-container {\n margin-right: 20px !important;\n }\n\n /*consent page (cookie page)*/\n /*cookies consent dialog*/\n ytd-consent-bump-v2-lightbox ytd-button-renderer .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {\n color: var(--main-color) !important;\n }\n\n ytd-consent-bump-v2-lightbox[darker-dark-theme] .loading-overlay.ytd-consent-bump-v2-lightbox {\n background: var(--hover-background) !important;\n }\n\n /*Border color for terms and conditions*/\n ytd-consent-bump-renderer {\n border-bottom: 1px solid var(--main-color) !important;\n }\n\n /*New logo*/\n #logo-icon-container.ytd-topbar-logo-renderer svg g path[fill*=\"#FF0000\"],\n ytd-topbar-logo-renderer.style-scope a svg > g > g:nth-child(1) > path:nth-child(1),\n /*cookie version*/\n svg.ytd-consent-bump-v2-lightbox > g:nth-child(1) > g:nth-child(1) > path:nth-child(1) {\n fill: var(--main-color) !important;\n }\n\n ytd-topbar-logo-renderer.style-scope a svg > g > g:nth-child(1) > path:nth-child(2),\n /*cookie version*/\n g.ytd-consent-bump-v2-lightbox:nth-child(2) > g:nth-child(1) > * {\n fill: var(--main-text) !important;\n }\n\n ytd-topbar-logo-renderer.style-scope a svg > g > g:nth-child(2) > g,\n #country-code.ytd-topbar-logo-renderer {\n color: var(--main-text) !important;\n }\n\n /*Logo hover*/\n #logo-icon:hover {\n --yt-swatch-logo-override: var(--main-color) !important;\n }\n\n /*Rewind logo*/\n #animated-yoodle {\n filter: invert(90%) grayscale(1);\n }\n\n /*Playlist page*/\n /*sidebar*/\n ytd-playlist-sidebar-renderer {\n background-color: var(--hover-background) !important;\n }\n\n #stats.ytd-playlist-sidebar-primary-info-renderer,\n #description.ytd-playlist-sidebar-primary-info-renderer .bold.yt-formatted-string,\n #owner-sub-count.ytd-video-owner-renderer {\n color: var(--dimmer-text) !important;\n }\n\n #items.ytd-playlist-sidebar-renderer > .ytd-playlist-sidebar-renderer:not(:last-child) {\n border-color: var(--hover-background) !important;\n }\n\n #primary.ytd-two-column-browse-results-renderer {\n background-color: var(--main-background) !important;\n }\n\n ytd-button-renderer[is-paper-button] yt-icon.ytd-button-renderer {\n color: var(--dimmer-text) !important;\n }\n\n #content.ytd-playlist-video-renderer {\n border-color: var(--hover-background) !important;\n }\n\n /*buttons*/\n ytd-playlist-sidebar-renderer ytd-toggle-button-renderer.style-suggestive[is-paper-button],\n ytd-playlist-sidebar-renderer paper-button.ytd-toggle-button-renderer {\n background-color: var(--hover-background) !important;\n border-color: var(--hover-background) !important;\n color: var(--main-text) !important;\n }\n\n a.yt-simple-endpoint.ytd-button-renderer:hover *,\n ytd-playlist-sidebar-renderer ytd-button-renderer #button.ytd-button-renderer:hover,\n ytd-playlist-sidebar-renderer ytd-button-renderer #button.ytd-button-renderer:hover > yt-formatted-string.ytd-button-renderer {\n color: var(--main-color) !important;\n }\n\n /*playlist page*/\n ytd-browse[page-subtype=\"playlist\"] ytd-two-column-browse-results-renderer.ytd-browse {\n background-color: var(--main-background) !important;\n }\n\n .index-message.ytd-playlist-panel-renderer,\n .light-text.ytd-playlist-segment-renderer,\n #contributor.ytd-playlist-video-renderer {\n color: var(--dimmer-text) !important;\n }\n\n #title-container.ytd-playlist-segment-renderer {\n border-color: var(--hover-background) !important;\n }\n\n #title-container.ytd-playlist-segment-renderer:hover #title.ytd-playlist-segment-renderer {\n color: var(--main-color) !important;\n }\n\n /*Playlist changes*/\n ytd-playlist-panel-video-renderer:hover {\n background-color: var(--hover-background) !important;\n }\n\n ytd-playlist-panel-video-renderer[selected] #index.ytd-playlist-panel-video-renderer,\n #byline.ytd-playlist-panel-video-renderer,\n .ytp-video-menu-item[aria-checked=\"true\"] .ytp-video-menu-item-now-playing,\n .ytp-video-menu-item-author {\n color: var(--main-color) !important;\n }\n\n ytd-playlist-video-renderer:hover,\n ytd-playlist-video-renderer:hover:not(.dragging) {\n background-color: var(--second-background) !important;\n }\n\n ytd-playlist-panel-video-renderer[selected][use-color-palette],\n ytd-playlist-panel-video-renderer[selected][use-color-palette]:hover:not(.dragging) {\n background-color: var(--hover-background) !important;\n }\n\n .header.ytd-playlist-panel-renderer,\n .playlist-items.ytd-playlist-panel-renderer,\n #header.ytd-engagement-panel-title-header-renderer,\n #content.ytd-engagement-panel-section-list-renderer,\n ytd-transcript-footer-renderer,\n ytd-transcript-segment-list-renderer {\n background-color: var(--second-background) !important;\n }\n\n .cue.ytd-transcript-body-renderer,\n .cue-group-start-offset.ytd-transcript-body-renderer {\n color: var(--dimmer-text) !important;\n }\n\n .cue-group.active.ytd-transcript-body-renderer {\n border-left-color: var(--main-color) !important;\n background-color: var(--hover-background) !important;\n }\n\n .cue-group.active.ytd-transcript-body-renderer .cue-group-start-offset.ytd-transcript-body-renderer,\n .cue.ytd-transcript-body-renderer.active {\n color: var(--main-text) !important;\n }\n\n .cue-group.ytd-transcript-body-renderer:hover .cue-group-start-offset.ytd-transcript-body-renderer,\n .cue-group.ytd-transcript-body-renderer:hover .cue.ytd-transcript-body-renderer {\n color: var(--main-color) !important;\n }\n\n .cue.ytd-transcript-body-renderer:hover,\n ytd-transcript-body-renderer:not([refresh]) .cue.active.ytd-transcript-body-renderer {\n background-color: transparent !important;\n color: var(--main-color) !important\n }\n\n .segment-timestamp.ytd-transcript-segment-renderer {\n background-color: var(--hover-background) !important;\n color: var(--main-color) !important\n }\n\n /*search transcript*/\n ytd-transcript-search-panel-renderer,\n ytd-transcript-search-box-renderer {\n background-color: var(--second-background) !important;\n }\n\n .input-container.ytd-transcript-search-box-renderer {\n background-color: var(--hover-background) !important;\n }\n\n /*magnifing glass icon*/\n .icon.ytd-transcript-search-box-renderer {\n --iron-icon-fill-color: var(--dimmer-text) !important;\n --iron-icon-stroke-color: var(--dimmer-text) !important;\n }\n\n #transcript-search-box-input.ytd-transcript-search-box-renderer {\n color: var(--main-text) !important;\n caret-color: var(--main-color) !important;\n }\n\n .ytp-video-menu-item[aria-checked=\"true\"] .ytp-video-menu-item-thumbnail {\n border-color: var(--main-color) !important;\n }\n\n #index.ytd-playlist-video-renderer,\n #index.ytd-playlist-panel-video-renderer,\n .badge-style-type-medium-grey.ytd-badge-supported-renderer/*unlisted*/\n {\n color: var(--dimmer-text) !important;\n }\n\n #container.ytd-playlist-panel-renderer {\n border-color: var(--second-background) !important;\n }\n\n /*Playlist creation*/\n #create-playlist-form .input-content.paper-input-container label {\n color: var(--main-text) !important;\n }\n\n #create-playlist-form input.style-scope.paper-input::placeholder {\n color: var(--dimmer-text) !important;\n }\n\n #create-playlist-form .underline.is-highlighted.paper-input-container .focused-line.paper-input-container {\n border-bottom-color: var(--main-text) !important;\n }\n\n #create-playlist-form #label.ytd-privacy-dropdown-item-renderer {\n color: var(--main-text) !important;\n }\n\n #create-playlist-form ytd-privacy-dropdown-item-renderer.iron-selected {\n background-color: var(--hover-background) !important;\n }\n\n /*Chapters*/\n /*title*/\n h4.ytd-macro-markers-list-item-renderer {\n color: var(--main-text) !important;\n }\n\n /*timestamp*/\n #time.ytd-macro-markers-list-item-renderer {\n color: var(--main-color) !important;\n background-color: transparent !important;\n padding: 0px !important;\n }\n\n /*show current chapter*/\n #sync-button.ytd-macro-markers-list-renderer {\n background-color: var(--main-background) !important;\n color: var(--main-text) !important;\n }\n\n #sync-button.ytd-macro-markers-list-renderer:hover {\n color: var(--main-color) !important;\n }\n\n /*active indicators*/\n ytd-macro-markers-list-item-renderer[active] #thumbnail.ytd-macro-markers-list-item-renderer {\n outline-color: var(--main-color) !important;\n }\n\n #active-indicator.ytd-macro-markers-list-item-renderer {\n background-color: var(--main-color) !important;\n }\n\n /*hover for item*/\n ytd-macro-markers-list-item-renderer:hover,\n ytd-macro-markers-list-item-renderer[active] {\n background-color: var(--hover-background) !important;\n }\n\n ytd-macro-markers-list-item-renderer:hover {\n box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4);\n }\n\n ytd-macro-markers-list-item-renderer:hover h4.ytd-macro-markers-list-item-renderer {\n color: var(--main-color) !important;\n }\n\n /*chapter images in description*/\n ytd-macro-markers-list-item-renderer[active][layout=\"MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL\"] {\n border-color: var(--main-color) !important;\n }\n\n ytd-horizontal-card-list-renderer.ytd-structured-description-content-renderer:not(:first-child),\n ytd-metadata-row-container-renderer.ytd-structured-description-content-renderer:not(:first-child),\n ytd-structured-description-content-renderer[inline-structured-description] ytd-horizontal-card-list-renderer.ytd-structured-description-content-renderer {\n border-color: var(--hover-background) !important;\n }\n\n /*chapter times in search description*/\n .metadata-snippet-container-one-line.ytd-video-renderer #time.ytd-video-renderer {\n color: var(--main-color) !important;\n background: var(--second-background) !important;\n }\n\n /*chapter metadata in search results*/\n ytd-expandable-metadata-renderer {\n /*this is used on hover, might as well*/\n background-color: var(--yt-spec-badge-chip-background) !important;\n }\n\n /*expanded chapters in search results*/\n ytd-macro-markers-list-item-renderer[layout=\"MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL\"] {\n border-color: var(--second-background) !important;\n }\n\n /*chapter buttons button, 🔁 and close*/\n ytd-engagement-panel-section-list-renderer .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text yt-icon {\n fill: var(--dimmer-text) !important;\n stroke: var(--dimmer-text) !important;\n }\n\n /*Search bar*/\n ytd-searchbox[mode=\"legacy\"] #container.ytd-searchbox,\n ytd-searchbox[mode=\"material-centered\"] #container.ytd-searchbox,\n ytd-searchbox[mode=\"legacy\"] #container.ytd-searchbox,\n ytd-searchbox[mode=\"legacy-centered\"] #container.ytd-searchbox,\n #container.ytd-searchbox,\n #masthead-search-terms/*account settings page*/\n {\n background: var(--main-background) !important;\n border-color: var(--main-background) !important;\n box-shadow: none !important;\n }\n\n ytd-searchbox[mode=\"legacy\"] #container.ytd-searchbox:hover,\n ytd-searchbox[mode=legacy][has-focus] #container.ytd-searchbox,\n ytd-searchbox[mode=\"material-left\"] #container.ytd-searchbox,\n ytd-searchbox.style-scope[has-focus=\"\"] #container.ytd-searchbox,\n ytd-searchbox[mode=\"material-centered\"]:hover #container.ytd-searchbox,\n #masthead-search-terms.masthead-search-terms-border/*error page*/\n {\n border: 1px solid var(--main-color) !important;\n box-shadow: none !important;\n }\n\n ytd-searchbox[mode=\"legacy\"] #container.ytd-searchbox input.ytd-searchbox,\n #container.ytd-searchbox > input,\n ytd-searchbox input,\n #masthead-search-terms.masthead-search-terms-border input/*error page*/\n {\n color: var(--main-text) !important;\n }\n\n /*Right search icon 🔎 */\n #search-icon-legacy.ytd-searchbox,\n #masthead-search .search-btn-component,\n #masthead-search .search-btn-component .start/*account*/\n {\n background: var(--hover-background) !important;\n border-color: var(--hover-background) !important;\n }\n\n #search-icon-legacy.ytd-searchbox:hover yt-icon.ytd-searchbox {\n color: var(--main-color) !important;\n }\n\n #masthead-search .search-btn-component .yt-uix-button-content/*account*/\n {\n filter: invert(1);\n }\n\n /*left 🔎 icon - shown on focus*/\n #search-icon.ytd-searchbox {\n color: var(--main-text) !important;\n }\n\n #search-icon.ytd-searchbox:hover,\n #search-icon.ytd-searchbox:hover {\n color: var(--main-color) !important;\n }\n\n /*results 🔎 icon*/\n .sbqs_c::before {\n filter: invert(1);\n }\n\n /*Results backgrounds*/\n .sbsb_a,\n .sbdd_b {\n background: var(--second-background) !important;\n border: none !important;\n }\n\n /*Text color*/\n .gsfs {\n color: var(--dimmer-text) !important;\n }\n\n /*Hover and keyboard select background*/\n .sbsb_c.gsfs:hover,\n .sbsb_d {\n background-color: var(--hover-background) !important;\n }\n\n .sbfl_b {\n background-color: var(--second-background) !important;\n }\n\n .sbfl_b:hover {\n background-color: var(--hover-background) !important;\n color: var(--main-color) !important;\n }\n\n .sbpqs_a {\n color: var(--main-color) !important;\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: var(--main-color) !important;\n }\n\n /*Keyboard icon in the search bar*/\n #gs_ok50 {\n filter: invert(100%);\n }\n\n /*Microphone search*/\n ytd-masthead #voice-search-button.ytd-masthead {\n background-color: var(--hover-background) !important;\n }\n\n ytd-voice-search-dialog-renderer[dialog] {\n background-color: var(--second-background) !important;\n }\n\n #header-text.ytd-voice-search-dialog-renderer,\n #microphone-label.ytd-voice-search-dialog-renderer,\n #microphone.ytd-voice-search-dialog-renderer[state=\"try-again\"] #microphone-circle.ytd-voice-search-dialog-renderer yt-icon.ytd-voice-search-dialog-renderer {\n color: var(--main-text) !important;\n }\n\n /*Search results correction*/\n .style-scope.yt-search-query-correction {\n color: var(--main-text) !important;\n }\n\n .style-scope.yt-search-query-correction .italic.yt-formatted-string,\n .style-scope.yt-search-query-correction:hover {\n color: var(--main-color) !important;\n }\n\n /*Similar results*/\n #title.ytd-exploratory-results-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*search results filter border*/\n #filter-menu.ytd-search-sub-menu-renderer {\n border-color: var(--hover-background) !important;\n }\n\n #watch-card-header.ytd-generic-watch-card,\n #img-endpoint.ytd-watch-card-collage-renderer #overlay-button.ytd-watch-card-collage-renderer {\n background: var(--main-color) !important;\n color: var(--main-text) !important;\n }\n\n paper-tab,\n paper-tab.iron-selected.ytd-generic-watch-card {\n color: var(--main-color) !important;\n }\n\n paper-item:hover {\n background-color: var(--second-background) !important;\n }\n\n #img-endpoint.ytd-watch-card-collage-renderer #overlay-button.ytd-watch-card-collage-renderer {\n opacity: .9;\n }\n\n #img-endpoint.ytd-watch-card-collage-renderer #overlay-button.ytd-watch-card-collage-renderer:hover {\n opacity: 1 !important;\n }\n\n /*album*/\n #watch-card-subtitle.ytd-watch-card-rich-header-renderer {\n color: var(--main-text) !important;\n }\n\n .duration.ytd-watch-card-compact-video-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*Buttom border for different fields*/\n .unfocused-line.paper-input-container {\n background-color: var(--hover-background) !important;\n border-color: var(--hover-background) !important;\n }\n\n .focused-line.paper-input-container {\n background-color: var(--main-color) !important;\n border-color: var(--main-color) !important;\n }\n\n /*Search page*/\n #result-count.ytd-search-sub-menu-renderer {\n color: var(--dimmer-text) !important;\n }\n\n ytd-search-sub-menu-renderer,\n ytd-exploratory-results-renderer.ytd-item-section-renderer,\n ytd-shelf-renderer.ytd-item-section-renderer {\n border-color: var(--hover-background) !important;\n }\n\n /*no results*/\n .promo-title.ytd-background-promo-renderer,\n .promo-body-text.ytd-background-promo-renderer {\n color: var(--main-text) !important;\n }\n\n /*show more*/\n #more.ytd-vertical-list-renderer yt-formatted-string.ytd-vertical-list-renderer,\n #all.ytd-vertical-list-renderer yt-formatted-string.ytd-vertical-list-renderer {\n color: var(--main-text) !important;\n }\n\n #more.ytd-vertical-list-renderer yt-formatted-string.ytd-vertical-list-renderer:hover,\n #all.ytd-vertical-list-renderer yt-formatted-string.ytd-vertical-list-renderer:hover {\n color: var(--main-color) !important;\n }\n\n ytd-search-filter-renderer yt-formatted-string.ytd-search-filter-renderer {\n color: var(--dimmer-text) !important;\n }\n\n ytd-search-filter-renderer.selected yt-formatted-string.ytd-search-filter-renderer,\n ytd-search-filter-renderer.selected #dismiss-x.ytd-search-filter-renderer,\n ytd-search-filter-renderer yt-formatted-string.ytd-search-filter-renderer:hover {\n color: var(--main-color) !important;\n }\n\n /*Search music suggestions*/\n ytd-watch-card-rich-header-renderer {\n background: var(--hover-background) !important;\n }\n\n #overlay-button {\n background: var(--main-color) !important;\n }\n\n #overlay-button:hover {\n filter: brightness(110%) !important;\n }\n\n #watch-card-title,\n #view-all-endpoint:hover {\n color: var(--main-color) !important;\n }\n\n ytd-watch-card-compact-video-renderer[is-condensed],\n #view-all-endpoint {\n border-color: var(--hover-background) !important;\n color: var(--main-text) !important;\n }\n\n /*Search results related to item searched*/\n a.ytd-search-refinement-card-renderer {\n background-color: var(--second-background) !important;\n border-color: var(--second-background) !important;\n border-radius: 8px !important;\n }\n\n a.ytd-search-refinement-card-renderer:hover #card-title.ytd-search-refinement-card-renderer div.ytd-search-refinement-card-renderer {\n color: var(--main-color) !important;\n }\n\n #card-title.ytd-search-refinement-card-renderer div.ytd-search-refinement-card-renderer {\n color: var(--main-text) !important;\n }\n\n /*Next button*/\n .center-aligned.ytd-horizontal-card-list-renderer {\n background-color: var(--second-background) !important;\n color: var(--main-text) !important;\n }\n\n .center-aligned.ytd-horizontal-card-list-renderer:hover {\n color: var(--main-color) !important;\n }\n\n /*filter*/\n a.yt-simple-endpoint.ytd-toggle-button-renderer:hover * {\n color: var(--main-color) !important;\n /* fill: var(--main-color) !important; */\n }\n\n #filter-group-name.ytd-search-filter-group-renderer {\n color: var(--main-text) !important;\n border-color: var(--hover-background) !important;\n }\n\n #description-text.ytd-video-renderer {\n color: var(--dimmer-text) !important;\n }\n\n .yt-core-attributed-string__link--call-to-action-color {\n color: var(--dimmer-text) !important;\n }\n\n /*Comments*/\n yt-formatted-string.ytd-comments-header-renderer,\n #contenteditable-root.yt-formatted-string[aria-label].yt-formatted-string:empty::before,\n #contenteditable-textarea.ytd-commentbox {\n color: var(--dimmer-text) !important;\n }\n\n /*sort by*/\n #icon-label.yt-dropdown-menu,\n #label-icon.yt-dropdown-menu {\n color: var(--main-text) !important;\n fill: var(--main-text) !important;\n }\n\n yt-sort-filter-sub-menu-renderer.ytd-comments-header-renderer:hover #icon-label.yt-dropdown-menu,\n yt-sort-filter-sub-menu-renderer.ytd-comments-header-renderer:hover #label-icon.yt-dropdown-menu {\n color: var(--main-color) !important;\n fill: var(--main-color) !important;\n }\n\n /*sort by dropdown*/\n paper-listbox.yt-dropdown-menu {\n background: var(--second-background) !important;\n }\n\n .item.yt-dropdown-menu {\n color: var(--main-text) !important;\n }\n\n paper-listbox.yt-dropdown-menu paper-item.yt-dropdown-menu:hover,\n paper-listbox.yt-dropdown-menu paper-item.yt-dropdown-menu:hover .item.yt-dropdown-menu {\n background: var(--hover-background) !important;\n color: var(--main-color) !important;\n }\n\n paper-listbox.yt-dropdown-menu .yt-dropdown-menu.iron-selected {\n background-color: var(--second-background) !important;\n }\n\n paper-listbox.yt-dropdown-menu .yt-dropdown-menu.iron-selected .item.yt-dropdown-menu {\n color: var(--main-color) !important;\n }\n\n /*text box*/\n #simplebox-placeholder.ytd-comment-simplebox-renderer {\n color: var(--dimmer-text) !important;\n }\n\n #placeholder-area.ytd-comment-simplebox-renderer {\n border-color: var(--hover-background) !important;\n }\n\n #input-container.ytd-commentbox,\n ytd-commentbox {\n --paper-input-container-underline-color: var(--hover-background) !important;\n --paper-input-container-underline-focus-color: var(--main-color) !important;\n }\n\n .focused-line.tp-yt-paper-input-container {\n border-color: var(--main-color) !important;\n }\n\n .unfocused-line.tp-yt-paper-input-container {\n border-color: var(--dimmer-text) !important;\n }\n\n /*emoji selector*/\n #emojis.ytd-commentbox {\n background-color: var(--second-background) !important;\n }\n\n /*comments themselves*/\n #author-text.yt-simple-endpoint.ytd-comment-renderer,\n #content.style-scope #content-text {\n color: var(--main-text) !important;\n }\n\n ytd-author-comment-badge-renderer {\n background-color: var(--hover-background) !important;\n }\n\n #content-text.ytd-comment-renderer,\n ytd-expander[should-use-number-of-lines][collapsed] > #content.ytd-expander {\n color: var(--dimmer-text) !important;\n }\n\n /*read more*/\n .more-button-exp.ytd-comment-renderer,\n .less-button-exp.ytd-comment-renderer {\n color: var(--main-text) !important;\n }\n\n .more-button-exp.ytd-comment-renderer:hover,\n .less-button-exp.ytd-comment-renderer:hover {\n color: var(--main-color) !important;\n }\n\n /*view replies*/\n paper-button.ytd-comment-replies-renderer,\n yt-next-continuation.ytd-comment-replies-renderer,\n yt-icon.ytd-comment-replies-renderer {\n color: var(--main-text) !important;\n }\n\n .more-button.style-scope.ytd-comment-replies-renderer:hover paper-button.ytd-comment-replies-renderer,\n .more-button.style-scope.ytd-comment-replies-renderer:hover yt-next-continuation.ytd-comment-replies-renderer,\n .more-button.style-scope.ytd-comment-replies-renderer:hover yt-icon.ytd-comment-replies-renderer {\n color: var(--main-color) !important;\n }\n\n /*likes*/\n #vote-count-middle.ytd-comment-action-buttons-renderer {\n color: var(--dimmer-text) !important;\n }\n\n ytd-button-renderer yt-formatted-string.ytd-button-renderer:hover {\n color: var(--main-color) !important;\n }\n\n /*Show more videos*/\n yt-next-continuation.ytd-watch-next-secondary-results-renderer {\n --paper-button_-_background-color: transparent !important;\n --paper-button_-_color: var(--dimmer-text) !important;\n }\n\n .style-scope.yt-next-continuation {\n border-color: transparent !important;\n }\n\n .style-scope.yt-next-continuation:hover {\n background-color: transparent !important;\n color: var(--main-color) !important;\n }\n\n yt-formatted-string.ytd-expanded-shelf-contents-renderer {\n color: var(--dimmer-text) !important;\n }\n\n yt-formatted-string.ytd-expanded-shelf-contents-renderer:hover {\n color: var(--main-color) !important;\n }\n\n /*View more comments*/\n paper-button.yt-next-continuation {\n color: var(--dimmer-text) !important;\n }\n\n /*Links in description and published date for comments*/\n #content.ytd-expander a {\n color: var(--main-color) !important;\n opacity: 0.9;\n }\n\n #published-time-text.ytd-comment-renderer,\n #published-time-text.ytd-comment-renderer a {\n --yt-endpoint-color: var(--dimmer-text) !important;\n color: var(--dimmer-text) !important;\n opacity: .8;\n }\n\n #content.ytd-expander a:hover,\n #published-time-text.ytd-comment-renderer a:hover,\n #content.ytd-expander #name.ytd-author-comment-badge-renderer:hover {\n color: var(--main-color) !important;\n opacity: 1 !important;\n }\n\n #content.ytd-expander #name.ytd-author-comment-badge-renderer {\n color: var(--main-text) !important;\n }\n\n /*Heart icon in comments*/\n #hearted-border.ytd-creator-heart-renderer,\n #hearted.ytd-creator-heart-renderer {\n color: var(--main-color) !important;\n fill: var(--main-color) !important;\n }\n\n yt-icon-button#creator-heart-button svg {\n fill: var(--main-color) !important;\n }\n\n /*Pinned by*/\n #label.ytd-pinned-comment-badge-renderer {\n color: var(--main-color) !important;\n opacity: 0.5;\n }\n\n yt-icon.ytd-pinned-comment-badge-renderer {\n fill: var(--main-color) !important;\n opacity: 0.5;\n }\n\n /*Fundraiser message*/\n #wrapper.ytd-donation-unavailable-renderer {\n background-color: var(--hover-background) !important;\n }\n\n /*Chat*/\n /*header*/\n yt-live-chat-header-renderer,\n #header.yt-live-chat-participant-list-renderer,\n yt-live-chat-message-renderer,\n yt-live-chat-ticker-renderer {\n background: var(--hover-background) !important;\n }\n\n yt-live-chat-banner-manager[has-active-banner] {\n background: linear-gradient(var(--hover-background) 0%, var(--second-background) 100%) !important;\n }\n\n /*live replay*/\n #card.yt-live-chat-viewer-engagement-message-renderer,\n yt-live-chat-text-message-renderer[is-highlighted] {\n background: var(--hover-background) !important;\n }\n\n #chat,\n #participants,\n yt-live-chat-renderer {\n background: var(--second-background) !important;\n }\n\n /*show mode was enabled*/\n #container.yt-live-chat-restricted-participation-renderer {\n background: var(--second-background) !important;\n }\n\n #contents.yt-live-chat-mode-change-message-renderer {\n background: var(--hover-background) !important;\n }\n\n #contents.yt-live-chat-mode-change-message-renderer,\n #subtext.yt-live-chat-mode-change-message-renderer {\n color: var(--dimmer-text) !important;\n }\n\n yt-live-chat-toast-renderer[is-showing-message]/*info for show mode*/\n {\n background: var(--hover-background) !important;\n }\n\n /*dropmenu*/\n #menu.yt-live-chat-text-message-renderer {\n background: transparent !important;\n }\n\n paper-listbox {\n background: var(--second-background) !important;\n }\n\n yt-icon.ytd-menu-navigation-item-renderer,\n yt-icon.ytd-menu-service-item-renderer,\n #header.yt-live-chat-participant-list-renderer,\n #author-name.yt-live-chat-author-chip:not(.member):not(.moderator),\n .style-scope.yt-live-chat-ninja-message-renderer {\n color: var(--main-text) !important;\n }\n\n #deleted-state,\n #show-original,\n yt-live-chat-text-message-renderer[is-deleted] #message.yt-live-chat-text-message-renderer,\n #timestamp {\n color: var(--dimmer-text) !important;\n }\n\n /*paid messages*/\n #content.yt-live-chat-paid-message-renderer #message {\n color: black !important;\n }\n\n #message.yt-live-chat-text-message-renderer a.yt-live-chat-text-message-renderer {\n color: var(--main-color) !important;\n text-decoration: none !important;\n }\n\n yt-live-chat-author-chip[is-highlighted] #author-name {\n background: var(--main-color) !important;\n }\n\n /*paid arrows*/\n yt-icon.yt-live-chat-ticker-renderer {\n background: var(--main-background) !important;\n color: var(--main-text) !important;\n }\n\n yt-icon.yt-live-chat-ticker-renderer:hover {\n color: var(--main-color) !important;\n }\n\n #right-arrow-container.yt-live-chat-ticker-renderer,\n #left-arrow-container.yt-live-chat-ticker-renderer {\n background: transparent !important;\n }\n\n /*channel messages*/\n yt-live-chat-text-message-renderer[author-is-owner] {\n background: var(--hover-background) !important;\n color: var(--main-text) !important;\n }\n\n /*pinned*/\n yt-live-chat-banner-manager[has-visible-banner] {\n background: var(--second-background) !important;\n }\n\n #contents.yt-live-chat-banner-renderer > .yt-live-chat-banner-renderer {\n background: transparent !important;\n }\n\n /*Confirmantion popup*/\n paper-toast {\n background-color: var(--hover-background) !important;\n color: var(--main-text) !important;\n }\n\n /*button*/\n yt-icon-button.yt-live-chat-item-list-renderer,\n yt-live-chat-ninja-message-renderer.yt-live-chat-renderer paper-button.yt-button-renderer,\n yt-live-chat-message-renderer.yt-live-chat-message-input-renderer yt-button-renderer.style-dark[is-paper-button] {\n background: var(--main-background) !important;\n color: var(--main-text) !important;\n }\n\n /*input*/\n yt-live-chat-message-input-renderer {\n background-color: var(--hover-background) !important;\n color: var(--main-text) !important;\n }\n\n #focused.yt-live-chat-text-input-field-renderer {\n background: var(--main-color) !important;\n }\n\n #count {\n color: var(--dimmer-text) !important;\n }\n\n /*hide chat*/\n #show-hide-button.ytd-live-chat-frame > ytd-toggle-button-renderer.ytd-live-chat-frame {\n background: var(--hover-background) !important;\n }\n\n /*emoji*/\n yt-formatted-string.yt-emoji-picker-category-renderer {\n background: var(--hover-background) !important;\n }\n\n #search-panel.yt-emoji-picker-renderer {\n background: var(--main-background) !important;\n color: var(--main-text) !important;\n }\n\n #search-empty {\n color: var(--dimmer-text) !important;\n }\n\n /*donations superchats cards*/\n #card.yt-live-chat-donation-announcement-renderer {\n background-color: var(--hover-background) !important;\n color: var(--main-text) !important;\n }\n\n #menu.yt-live-chat-donation-announcement-renderer {\n background: transparent !important;\n }\n\n /*for actually donating*/\n #subtext.yt-live-chat-product-button-renderer {\n color: var(--dimmer-text) !important;\n }\n\n #container.yt-live-chat-product-button-renderer .yt-icon {\n fill: var(--dimmer-text) !important;\n }\n\n /*Fund raiser*/\n #header-section.ytd-donation-shelf-renderer,\n #collapse-controls-section.ytd-donation-shelf-renderer {\n background-color: var(--hover-background) !important;\n }\n\n #header-text.ytd-donation-shelf-renderer,\n #collapse-controls-section.ytd-donation-shelf-renderer {\n color: var(--main-text) !important;\n }\n\n #collapse-controls-section.ytd-donation-shelf-renderer:hover {\n color: var(--main-color) !important;\n }\n\n #header-section.ytd-donation-shelf-renderer .style-scope.ytd-donation-shelf-renderer.no-transition {\n filter: invert(.8);\n }\n\n #donate-section.ytd-donation-shelf-renderer,\n #creator-messages-section.ytd-donation-shelf-renderer,\n #nonprofit-section.ytd-donation-shelf-renderer,\n #nonprofit-title.ytd-donation-shelf-renderer {\n background-color: var(--second-background) !important;\n border-color: var(--hover-background) !important;\n }\n\n #campaign-title.ytd-donation-shelf-renderer,\n .creator-message.ytd-donation-shelf-renderer,\n #campaign-subtitle.ytd-donation-shelf-renderer,\n .creator-message-name.ytd-donation-shelf-renderer,\n #nonprofit-title.ytd-donation-shelf-renderer {\n color: var(--main-text) !important;\n }\n\n .creator-message.ytd-donation-shelf-renderer,\n #campaign-subtitle.ytd-donation-shelf-renderer,\n #nonprofit-subtitle.ytd-donation-shelf-renderer,\n #nonprofit-description.ytd-donation-shelf-renderer {\n color: var(--dimmer-text) !important;\n }\n\n #amount-raised.ytd-donation-shelf-renderer,\n #nonprofit-title.ytd-donation-shelf-renderer yt-icon.ytd-donation-shelf-renderer {\n color: var(--main-color) !important;\n }\n\n #nonprofit-link.ytd-donation-shelf-renderer .inline-icon.ytd-donation-shelf-renderer {\n fill: var(--main-color) !important;\n }\n\n /*progress*/\n #progress-bar-start.ytd-donation-shelf-renderer,\n #progress-bar-end.ytd-donation-shelf-renderer {\n color: var(--main-text) !important;\n }\n\n #matching-label.ytd-donation-shelf-renderer {\n color: var(--dimmer-text) !important;\n }\n\n #progress-bar.ytd-donation-shelf-renderer {\n background-color: var(--dimmer-text) !important;\n }\n\n #progress-bar-fill.ytd-donation-shelf-renderer {\n background-color: var(--main-color) !important;\n }\n\n /*donate button*/\n .style-scope.ytd-donation-shelf-renderer .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {\n background-color: var(--main-color) !important;\n color: var(--main-text) !important;\n }\n\n /*donate window*/\n #top-box.ytd-donation-amount-picker-renderer {\n background-color: var(--second-background) !important;\n }\n\n #campaign-title.ytd-donation-amount-picker-renderer,\n #nonprofit-title.ytd-donation-amount-picker-renderer {\n color: var(--main-color) !important;\n }\n\n #campaign-subtitle.ytd-donation-amount-picker-renderer,\n #nonprofit-subtitle.ytd-donation-amount-picker-renderer {\n color: var(--main-text) !important;\n }\n\n /*amount buttons*/\n #suggested-amount-buttons-row.ytd-donation-amount-picker-renderer ytd-button-renderer.ytd-donation-amount-picker-renderer[is-paper-button] paper-button.ytd-button-renderer {\n background-color: var(--second-background) !important;\n }\n\n #suggested-amount-buttons-row.ytd-donation-amount-picker-renderer ytd-button-renderer.ytd-donation-amount-picker-renderer[is-paper-button] paper-button.ytd-button-renderer {\n background-color: var(--second-background) !important;\n border-color: var(--second-background) !important;\n }\n\n #suggested-amount-buttons-row.ytd-donation-amount-picker-renderer ytd-button-renderer.ytd-donation-amount-picker-renderer[is-paper-button][selected] paper-button.ytd-button-renderer,\n .ytd-donation-amount-picker-renderer ytd-button-renderer.style-primary[is-paper-button] {\n background-color: var(--main-color) !important;\n }\n\n /*curency for other amount*/\n span.prefix.style-scope.paper-input-container > div.ytd-donation-amount-picker-renderer {\n color: var(--main-text) !important;\n }\n\n /*Payment window*/\n .popup-mode .b3-page-header {\n background-color: var(--main-background) !important;\n }\n\n .b3-line-items-mundane-items-container,\n .b3-line-items-mundane-items-container {\n background-color: var(--hover-background) !important;\n }\n\n .b3-separator {\n display: none !important;\n }\n\n .b3-line-item-value {\n color: var(--main-color) !important;\n }\n\n .b3-line-item-name,\n .b3-line-item-infomessage,\n .b3-line-item-subvalue {\n color: var(--main-text) !important;\n }\n\n .b3-single-option-form-selector-option-content .b3-existing-instrument-option-label-without-image,\n .b3-dropdown-form-selector .b3-existing-instrument-option-label-without-image,\n .b3-single-option-form-selector-option-content .b3-additional-instrument-option-label,\n .b3-dropdown-form-selector .b3-additional-instrument-option-label,\n .b3-input.focused .b3-input-label,\n .b3-input.focused .b3-input-label-text,\n .b3-input input[type=\"tel\"],\n .b3-input input[type=\"text\"],\n .b3-input input[type=\"password\"],\n .b3-input input[type=\"email\"],\n .b3-input.populated .b3-input-label,\n .b3-input.invalid .b3-input-label,\n .b3-input.autofilled .b3-input-label,\n .b3-input-field > .b3-input-label,\n .b3-input-field > .b3-input-label.accessible,\n .b3-collapsing-form-placeholder-text {\n color: var(--main-text) !important;\n }\n\n .countryselector .goog-flat-menu-button-caption,\n .countryselector .goog-flat-menu-button-caption .goog-menuitem-content {\n color: var(--dimmer-text) !important;\n }\n\n /*icons*/\n .b3-single-option-form-selector-icon,\n .b3-collapsing-form-icon {\n fill: var(--main-text) !important;\n }\n\n .b3-collapsing-form.focused .b3-collapsing-form-icon {\n fill: var(--main-color) !important;\n }\n\n .b3-tooltip-icon {\n filter: invert(1) !important;\n }\n\n /*border*/\n .b3-input-status-indicator {\n background-color: var(--main-color) !important;\n }\n\n .b3-input-accent {\n border-color: var(--hover-background) !important;\n }\n\n /*tooltip*/\n .b3-inline-tooltip-popup-wrapper,\n .help-Helpwidgets-TooltipWidget-content-html {\n background-color: var(--hover-background) !important;\n color: var(--dimmer-text) !important;\n }\n\n .b3-inline-tooltip-popup-wrapper a,\n .help-Helpwidgets-TooltipWidget-content-html a {\n color: var(--main-color) !important;\n }\n\n /*country choice*/\n .goog-menu,\n .goog-menuitem:hover {\n background-color: var(--hover-background) !important;\n }\n\n .goog-menuitem,\n .goog-tristatemenuitem,\n .goog-filterobsmenuitem {\n color: var(--main-text) !important;\n }\n\n .goog-menuitem-highlight .goog-menuitem-content {\n color: var(--main-color) !important;\n }\n\n .goog-menuitem .countryselector-flag {\n border-radius: 4px !important;\n /*hiding ugly white corners*/\n }\n\n /*footer*/\n .b3-legal-message-content,\n .b3-info-message-list.b3-buyflow-extra-messages .b3-info-message-component.b3-info-message-unknown,\n .b3-info-message-component.b3-info-message-unknown.b3-buyflow-extra-messages .b3-info-message-html {\n color: var(--dimmer-text) !important;\n }\n\n .b3-legal-message-content a,\n .b3-info-message-component.b3-info-message-unknown.b3-buyflow-extra-messages .b3-info-message-html a {\n color: var(--main-color) !important;\n }\n\n /*Notification*/\n /*bell icon notification count*/\n .yt-spec-icon-badge-shape--type-notification .yt-spec-icon-badge-shape__badge {\n background-color: var(--main-color) !important;\n border: none !important;\n }\n\n button.yt-icon-button:hover .yt-spec-icon-badge-shape--type-notification .yt-spec-icon-badge-shape__badge {\n color: var(--main-text) !important;\n }\n\n /*load spinner - also for comments*/\n .spinner-layer.layer-1.tp-yt-paper-spinner,\n .spinner-layer.layer-2.tp-yt-paper-spinner,\n .spinner-layer.layer-3.tp-yt-paper-spinner,\n .spinner-layer.layer-4.tp-yt-paper-spinner {\n color: var(--dimmer-text) !important;\n }\n\n #notification-count.ytd-notification-topbar-button-renderer,\n ytd-notification-renderer.unread #new.ytd-notification-renderer,\n .yt-lockup-notification .unread-dot/*account settings*/\n {\n background: var(--main-color) !important;\n border-color: var(--main-color) !important;\n }\n\n .text.ytd-notification-renderer,\n .message.ytd-notification-renderer #yt-masthead-notifications-title,\n .yt-lockup-notification .yt-lockup-title a/*account settings*/\n h2.yt-multi-page-menu-section-renderer/*comments and notifications headers*/\n {\n color: var(--main-text) !important;\n }\n\n /*gear icon*/\n ytd-simple-menu-header-renderer .yt-spec-button-shape-next__icon {\n color: var(--main-text) !important;\n }\n\n ytd-simple-menu-header-renderer .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text:hover .yt-spec-button-shape-next__icon {\n color: var(--main-color) !important;\n }\n\n .metadata.ytd-notification-renderer,\n .exp-responsive .yt-lockup-tile .yt-lockup-byline/*account settings*/\n {\n color: var(--dimmer-text) !important;\n }\n\n ytd-notification-renderer:hover .message.ytd-notification-renderer {\n color: var(--main-color) !important;\n }\n\n ytd-watch:not([flexy-fit-to-video_]) #chat.ytd-watch,\n ytd-watch:not([flexy-fit-to-video_]) #transcript.ytd-watch {\n padding-left: 0 !important;\n }\n\n ytd-simple-menu-header-renderer {\n background-color: var(--hover-background) !important;\n }\n\n h2.ytd-simple-menu-header-renderer {\n color: var(--main-text) !important;\n }\n\n #sections.ytd-multi-page-menu-renderer > ytd-background-promo-renderer.ytd-multi-page-menu-renderer,\n ytd-multi-page-menu-renderer,\n #yt-masthead-notifications-content .item-section > li > .yt-lockup-tile,\n #yt-masthead-notifications-content .yt-ui-ellipsis,\n /*account settings*/\n #yt-masthead-notifications-content/*bottom thing - account settings*/\n {\n background: var(--second-background) !important;\n border-color: var(--second-background) !important;\n }\n\n .browse-items-load-more-button {\n background-color: var(--main-background) !important;\n border-color: var(--main-background) !important;\n color: var(--main-text) !important;\n }\n\n .browse-items-load-more-button:hover {\n color: var(--main-color) !important;\n }\n\n .promo-message.ytd-background-promo-renderer,\n #message:not([class*=\"yt-music\"]) {\n color: var(--dimmer-text) !important;\n }\n\n /*triangle*/\n .yt-uix-clickcard-card-reverse .yt-uix-card-body-arrow-vertical,\n .yt-uix-hovercard-card-reverse .yt-uix-card-body-arrow-vertical/*account settings*/\n {\n border-bottom-color: var(--hover-background) !important;\n }\n\n /*menu*/\n .yt-ui-menu-content/*account settings*/\n {\n background-color: var(--hover-background) !important;\n border-color: var(--hover-background) !important;\n }\n\n .yt-ui-menu-item/*account settings*/\n {\n background-color: var(--hover-background) !important;\n color: var(--main-text) !important;\n }\n\n .yt-ui-menu-item:hover/*account settings*/\n {\n color: var(--main-color) !important;\n }\n\n /*gear icon*/\n .yt-uix-button-icon-icon-account-settings/*account settings*/\n {\n filter: brightness(250%) invert(1);\n }\n\n /*Cards*/\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: var(--main-background) !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: var(--main-text) !important;\n }\n\n .iv-card:hover .iv-card-primary-link,\n .ytp-ce-website-title {\n color: var(--main-color) !important;\n }\n\n .ytp-ce-element:hover {\n border-color: var(--main-color) !important;\n }\n\n .ytp-ce-channel-title.ytp-ce-link {\n color: var(--main-color) !important;\n opacity: 0.9 !important;\n }\n\n .ytp-ce-channel-title.ytp-ce-link:hover,\n .ytp-cards-teaser .ytp-cards-teaser-text:hover {\n color: var(--main-color) !important;\n opacity: 1 !important;\n }\n\n .ytp-ce-channel-metadata.yt-ui-ellipsis.yt-ui-ellipsis-3 {\n background: transparent;\n color: var(--dimmer-text) !important;\n }\n\n /*Cards border color*/\n .iv-card-message {\n border-bottom: 1px solid var(--main-color) !important;\n }\n\n .ytp-ce-channel-this .ytp-ce-channel-metadata {\n border-color: var(--hover-background) !important;\n }\n\n /*Poll*/\n .iv-card-poll label,\n .iv-card-poll.iv-card-poll-voted label.iv-card-poll-choice-checked,\n .iv-card-poll.iv-card-poll-voted label {\n color: var(--main-text) !important;\n }\n\n #vote-info.ytd-backstage-poll-renderer {\n color: var(--dimmer-text) !important;\n }\n\n .iv-card-poll .iv-card-poll-result .iv-card-poll-result-bar {\n background-color: var(--main-color) !important;\n }\n\n ytd-backstage-post-thread-renderer {\n border-color: var(--hover-background) !important;\n }\n\n ytd-backstage-poll-renderer[show-poll-choice-border] .choice-info.ytd-backstage-poll-renderer {\n border-color: transparent !important;\n }\n\n /*Account menu header*/\n ytd-active-account-header-renderer {\n background: var(--second-background) !important;\n }\n\n ytd-active-account-header-renderer:hover {\n background-color: var(--hover-background) !important;\n }\n\n #account-name.ytd-active-account-header-renderer,\n #channel-title.ytd-account-item-renderer {\n color: var(--main-text) !important;\n }\n\n #email.ytd-active-account-header-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*subentries*/\n #label.ytd-toggle-theme-compact-link-renderer,\n tp-yt-paper-item.ytd-compact-link-renderer {\n color: var(--dimmer-text) !important;\n }\n\n ytd-toggle-theme-compact-link-renderer:hover #label.ytd-toggle-theme-compact-link-renderer,\n ytd-toggle-theme-compact-link-renderer:hover yt-icon,\n paper-item.ytd-compact-link-renderer:hover #subtitle,\n paper-item.ytd-compact-link-renderer:hover .deemphasize.yt-formatted-string,\n tp-yt-paper-item.ytd-compact-link-renderer:hover *,\n tp-yt-paper-item.ytd-compact-link-renderer:hover #subtitle.ytd-compact-link-renderer {\n color: var(--main-color) !important;\n }\n\n #footer.ytd-multi-page-menu-renderer > .ytd-multi-page-menu-renderer {\n border-color: var(--hover-background) !important;\n }\n\n .description.ytd-toggle-item-renderer,\n #caption.ytd-toggle-item-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*language*/\n #language.ytd-account-settings,\n #country.ytd-account-settings,\n #restricted.ytd-account-settings,\n .container.ytd-account-settings {\n background-color: var(--second-background) !important;\n }\n\n paper-item.ytd-account-settings {\n color: var(--dimmer-text) !important;\n }\n\n paper-item.ytd-account-settings:hover {\n color: var(--main-color) !important;\n }\n\n /*swich account*/\n yt-formatted-string.ytd-account-item-renderer[secondary] {\n color: var(--dimmer-text) !important;\n }\n\n #selected.ytd-account-item-renderer {\n color: var(--main-color) !important;\n }\n\n /*theme*/\n ytd-compact-link-renderer[compact-link-style=\"compact-link-style-type-disclaimer\"] #label.ytd-compact-link-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*Live background color*/\n ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] {\n background-color: var(--main-color) !important;\n }\n\n .guide-entry-badge.ytd-guide-entry-renderer {\n color: var(--main-color) !important;\n fill: var(--main-color) !important;\n }\n\n .ytp-live-badge[disabled]:before {\n background: var(--main-color) !important;\n }\n\n /*Recolored sidepane icons, menu icons and filter button*/\n .guide-icon.ytd-guide-entry-renderer,\n paper-button.ytd-toggle-button-renderer,\n yt-icon.ytd-compact-link-renderer,\n yt-icon.ytd-toggle-theme-compact-link-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*Sidepane titles*/\n #guide-section-title a {\n color: var(--dimmer-text) !important;\n }\n\n #guide-section-title a:hover {\n color: var(--main-color) !important;\n }\n\n\n /*Autoplay text*/\n #upnext.ytd-compact-autoplay-renderer,\n #autoplay.ytd-compact-autoplay-renderer {\n color: var(--dimmer-text) !important;\n opacity: .8;\n }\n\n ytd-compact-autoplay-renderer {\n border-color: var(--hover-background) !important;\n }\n\n /*Video was removed by user - not interested*/\n #text.ytd-notification-multi-action-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*Video was added/removed to/from a playlist by user*/\n yt-notification-action-renderer[ui-refresh] #text.yt-notification-action-renderer,\n yt-notification-action-renderer[ui-refresh] #sub-text.yt-notification-action-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*Links in video description*/\n .description.ytd-video-secondary-info-renderer a {\n color: var(--main-color) !important;\n opacity: .9;\n }\n\n /*Game cards*/\n ytd-rich-metadata-renderer {\n background-color: var(--second-background) !important;\n }\n\n #call-to-action.ytd-rich-metadata-renderer {\n color: var(--main-text) !important;\n }\n\n #title.ytd-rich-metadata-renderer,\n #call-to-action.ytd-rich-metadata-renderer:hover {\n color: var(--main-color) !important;\n }\n\n /*Movie cards*/\n #header.ytd-movie-offer-module-renderer {\n background-color: var(--second-background) !important;\n }\n\n ytd-button-renderer.ytd-movie-offer-module-renderer.style-primary[is-paper-button] {\n background-color: var(--main-color) !important;\n }\n\n #wide-clickable-area.ytd-movie-offer-module-renderer {\n background-color: var(--hover-background) !important;\n }\n\n #info.ytd-movie-offer-module-renderer {\n color: var(--main-text) !important;\n }\n\n h3.ytd-compact-movie-renderer {\n color: var(--main-text) !important;\n }\n\n /*Tour/ticket cards*/\n ytd-ticket-shelf-renderer {\n background-color: var(--second-background) !important;\n }\n\n #primary-event.ytd-ticket-shelf-renderer #meta.ytd-ticket-shelf-renderer #tickets-button.ytd-ticket-shelf-renderer {\n background: var(--main-color) !important;\n color: var(--main-text) !important;\n }\n\n #primary-event.ytd-ticket-shelf-renderer #meta-info.ytd-ticket-shelf-renderer #nearest.ytd-ticket-shelf-renderer,\n #primary-event.ytd-ticket-shelf-renderer #meta-info.ytd-ticket-shelf-renderer #subtitle1.ytd-ticket-shelf-renderer,\n #primary-event.ytd-ticket-shelf-renderer #meta-info.ytd-ticket-shelf-renderer #subtitle2.ytd-ticket-shelf-renderer,\n .where-column-td.ytd-ticket-shelf-renderer .where-column.ytd-ticket-shelf-renderer {\n color: var(--main-text) !important;\n }\n\n .when-date-column.ytd-ticket-shelf-renderer,\n .link.ytd-ticket-shelf-renderer,\n .when-weekday-column.ytd-ticket-shelf-renderer {\n color: var(--main-color) !important;\n }\n\n /*separator*/\n #seperator.ytd-ticket-shelf-renderer,\n ytd-ticket-shelf-renderer {\n border-color: var(--hover-background) !important;\n }\n\n\n /*Author name*/\n #owner-name.ytd-video-owner-renderer {\n opacity: .9;\n }\n\n #owner-name.ytd-video-owner-renderer:hover {\n opacity: 1 !important;\n }\n\n /*Set a memento*/\n ytd-toggle-button-renderer.style-compact-gray[is-paper-button] {\n background-color: var(--second-background) !important;\n color: var(--dimmer-text) !important;\n }\n\n /*Series name*/\n .super-title.ytd-video-primary-info-renderer a,\n #additional-metadata-line.ytd-video-meta-block {\n color: var(--dimmer-text) !important;\n opacity: .8;\n }\n\n #selectionBar.paper-tabs {\n border-color: var(--main-color) !important;\n }\n\n /*\"Best\" of YouTube icons in sidepane*/\n /*.style-scope.ytd-guide-entry-renderer.no-transition\n\t{\n\t\tfilter: grayscale(100%);\n\t}*/\n /* Promo page */\n body.yt-new-promo-page-use-launched-copy .yt-new-promo-page-header {\n background: var(--main-background) !important;\n }\n\n .yt-new-promo-page-section-text,\n .yt-new-promo-page-header {\n color: var(--dimmer-text);\n }\n\n .yt-new-promo-page-button {\n background-color: var(--main-color) !important;\n color: var(--main-text) !important;\n opacity: .9;\n }\n\n .yt-new-promo-page-button:hover {\n opacity: 1;\n }\n\n /* Crude logo fix */\n .yt-new-promo-page-logo {\n filter: grayscale(100%) invert(100%);\n }\n\n /* Fix for active like/dislike buttons */\n ytd-toggle-button-renderer.style-grey-text[is-icon-button] {\n color: var(--yt-button-color);\n }\n\n ytd-toggle-button-renderer #button.ytd-toggle-button-renderer {\n color: inherit;\n }\n\n /*like/dislike buttons in nested replies*/\n /*.style-scope.ytd-toggle-button-renderer svg\n\t{\n\t\tfill: var(--dimmer-text) !important;\n\t}\n\t.style-scope.ytd-toggle-button-renderer yt-icon-button.style-default-active svg\n\t{\n\t\tfill: var(--main-color) !important;\n\t}*/\n ytd-toggle-button-renderer.ytd-comment-action-buttons-renderer #button.ytd-toggle-button-renderer {\n color: var(--yt-button-color);\n }\n\n ytd-toggle-button-renderer.ytd-comment-action-buttons-renderer .style-default-active {\n color: var(--main-color) !important;\n }\n\n /* Fix for placeholders/skeletons */\n /*ytd-masthead.shell\n\t{\n\t\tbackground-color: var(--main-background);\n\t}\n\tytd-masthead.shell [class*='skeleton'], [id*='skeleton'] [class*='skeleton'], [id*='skeleton'], .shelf-videos, .skeleton-bg-color\n\t{\n\t\tbackground-color: var(--hover-background) !important;\n\t\tborder-color: var(--hover-background) !important;\n\t}*/\n /*homepage skeleton*/\n #home-container-skeleton,\n html[dark] #home-container-skeleton {\n background-color: var(--main-background) !important;\n }\n\n /*sidebar skeleton*/\n #guide-skeleton,\n html[dark] #guide-skeleton {\n background-color: var(--second-background) !important;\n }\n\n /*homepage videos skeleton*/\n #home-page-skeleton .skeleton-bg-color,\n html[dark] #home-page-skeleton .skeleton-bg-color {\n background-color: var(--hover-background) !important;\n }\n\n .masthead-skeleton-icon,\n html[dark] .masthead-skeleton-icon,\n /*ytd-masthead.shell [class*='skeleton'], html[dark] ytd-masthead.shell,\n\t.shelf-videos, html[dark] .shelf-videos,*/\n .skeleton-bg-color,\n html[dark] .skeleton-bg-color {\n background-color: var(--hover-background) !important;\n border-color: var(--hover-background) !important;\n }\n\n .skeleton-light-border-bottom,\n html[dark] .skeleton-light-border-bottom {\n border-bottom: 1px solid var(--hover-background) !important;\n }\n\n ytd-alert-with-button-renderer[type=\"INFO\"],\n #content-wrapper.yt-alert-with-actions-renderer/*TOS*/\n {\n background-color: var(--hover-background) !important;\n }\n\n #content-wrapper.yt-alert-with-actions-renderer yt-button-renderer[is-paper-button] yt-icon.yt-button-renderer {\n color: var(--main-color) !important;\n }\n\n ytd-alert-with-button-renderer[type=\"INFO\"] #text.ytd-alert-with-button-renderer {\n color: var(--main-text) !important;\n }\n\n #alert-message.ytd-consent-bump-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*Paid membership*/\n yt-subscription-product-header-renderer.ytd-item-section-renderer {\n color: var(--main-text) !important;\n }\n\n /*Reporting*/\n .introduction-header {\n color: var(--main-text) !important;\n }\n\n .introduction-body,\n .introduction-bullet-items {\n color: var(--dimmer-text) !important;\n }\n\n yt-report-form-modal-renderer[dialog][dialog][dialog] {\n background: var(--main-background) !important;\n }\n\n yt-options-renderer[increased-tooltip-target] yt-icon.yt-options-renderer {\n color: var(--main-text) !important;\n }\n\n /*Help*/\n .ghp-header-searchBox,\n .ghp-autocomplete-label {\n color: var(--dimmer-text) !important;\n }\n\n /*\n\t.ghp-header-searchIcon.ghpv-loaded, .ghp-iconTextComponent-icon, .ghp-autocomplete-icon\n\t{\n\t\tfilter: invert(100%) grayscale(100%) brightness(150%);\n\t}\n\t.ghp-autocompleteGlass\n\t{\n\t\tbackground: rgba(0,0,0,3) !important;\n\t}\n\t.ghp-card-title\n\t{\n\t\tcolor: var(--main-text) !important;\n\t}\n\t.ghp-card, .ghp-content, .ghp-iconTextComponent, .ghp-contentFrame, .hcfe\n\t{\n\t\tbackground-color: var(--second-background) !important;\n\t\tborder-color: var(--hover-background) !important;\n\t}\n\t.ghp-iconTextComponent:hover .ghp-iconTextComponent-label,\n\t.ghp-iconTextComponent:hover .ghp-separator\n\t{\n\t\tcolor: var(--main-color) !important;\n\t\tborder-color: var(--hover-background) !important;\n\t}\n\t.ghp-separator\n\t{\n\t\tborder-color: var(--hover-background) !important;\n\t}\n\t.ghp-iconTextComponent-label, .hcfe\n\t{\n\t\tcolor: var(--dimmer-text) !important;\n\t}\n\t*/\n /*Trending page*/\n ytd-destination-button-renderer {\n background-color: var(--hover-background) !important;\n }\n\n #destination-label.ytd-destination-button-renderer {\n color: var(--main-text) !important;\n }\n\n ytd-destination-button-renderer:hover #destination-label.ytd-destination-button-renderer {\n color: var(--main-color) !important;\n }\n\n /*more - shown on low width*/\n ytd-destination-shelf-renderer[is-show-more-visible] #show-more-button.ytd-destination-shelf-renderer,\n #show-more-button.ytd-destination-shelf-renderer {\n background: var(--hover-background) !important;\n }\n\n #show-more-button-icon.ytd-destination-shelf-renderer {\n color: var(--main-text) !important;\n }\n\n ytd-destination-shelf-renderer[is-show-more-visible] #show-more-button.ytd-destination-shelf-renderer:hover #show-more-button-icon.ytd-destination-shelf-renderer {\n color: var(--main-color) !important;\n }\n\n /*Learning*/\n ytd-carousel-header-renderer {\n background: var(--main-background) !important;\n }\n\n /*Music*/\n .flex-container.ytd-compact-station-renderer {\n background-color: var(--second-background) !important;\n }\n\n h3.ytd-compact-station-renderer {\n color: var(--main-text) !important;\n }\n\n .flex-container.ytd-compact-station-renderer:hover h3.ytd-compact-station-renderer {\n color: var(--main-color) !important;\n }\n\n #video-count-text.ytd-compact-station-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*Gaming*/\n #live-viewers-count.ytd-game-details-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*History*/\n yt-formatted-string.ytd-sub-feed-option-renderer {\n color: var(--dimmer-text) !important;\n }\n\n #title.ytd-sub-feed-selector-renderer,\n ytd-sub-feed-option-renderer.ytd-sub-feed-selector-renderer {\n border-color: var(--hover-background) !important;\n }\n\n ytd-two-column-browse-results-renderer #secondary.ytd-two-column-browse-results-renderer {\n background-color: var(--second-background) !important;\n }\n\n ytd-two-column-browse-results-renderer #primary ytd-text-header-renderer {\n color: var(--main-text) !important;\n }\n\n /*dialog confirm*/\n yt-confirm-dialog-renderer[dialog][dialog][dialog] {\n background-color: var(--second-background) !important;\n }\n\n #scroller.yt-confirm-dialog-renderer {\n color: var(--dimmer-text) !important;\n }\n\n #cancel-button.yt-confirm-dialog-renderer {\n color: var(--main-text) !important;\n }\n\n .buttons.yt-confirm-dialog-renderer {\n border-color: var(--hover-background) !important;\n }\n\n /*Premium*/\n /*video*/\n #main-title.ytd-unlimited-offer-module-renderer {\n color: var(--main-text) !important;\n }\n\n #sub-title.ytd-unlimited-offer-module-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*popup*/\n .ytd-mealbar-promo-renderer-message-title.ytd-mealbar-promo-renderer {\n color: var(--main-text) !important;\n }\n\n .ytd-mealbar-promo-renderer-message-text.ytd-mealbar-promo-renderer {\n color: var(--dimmer-text) !important;\n }\n\n .button-container.ytd-mealbar-promo-renderer {\n border-color: var(--hover-background) !important;\n }\n\n ytd-grid-video-renderer[is-dismissed] #dismissed {\n border-color: var(--hover-background) !important;\n }\n\n ytd-grid-video-renderer[is-dismissed] #dismissed .ytd-notification-multi-action-renderer {\n color: var(--dimmer-text) !important;\n }\n\n ytd-dismissal-follow-up-renderer[dialog][dialog][dialog] {\n background: var(--main-background) !important;\n }\n\n #content.ytd-dismissal-follow-up-renderer #checkboxLabel.paper-checkbox,\n #content.ytd-dismissal-follow-up-renderer #label.ytd-dismissal-reason-video-renderer {\n color: var(--dimmer-text) !important;\n }\n\n #buttons.ytd-dismissal-follow-up-renderer {\n border-top-color: var(--hover-background) !important;\n }\n\n /*New TOS*/\n yt-alert-with-actions-renderer {\n background-color: var(--hover-background) !important;\n }\n\n #text.yt-alert-with-actions-renderer,\n #alert-message.yt-alert-with-actions-renderer {\n color: var(--main-text) !important;\n }\n\n yt-button-renderer yt-formatted-string.yt-button-renderer,\n #icon.yt-alert-with-actions-renderer {\n color: var(--main-color) !important;\n }\n\n /*actual page for TOS*/\n #yts-article #article-container.ytg-box #summary {\n background-color: var(--hover-background) !important;\n }\n\n .separator,\n .with-divider,\n .header,\n #yts-article #header,\n #yts-nav {\n border-color: var(--hover-background) !important;\n }\n\n #yts-nav .indented .sub-level a,\n #yts-nav .top-level a,\n #yts-article #header {\n color: var(--main-text) !important;\n }\n\n /*Premium page (https://www.youtube.com/premium)*/\n yt-button-renderer#manage-subscription-button yt-formatted-string.yt-button-renderer {\n color: inherit !important;\n }\n\n .yt-unlimited-page-header-renderer a.yt-simple-endpoint.yt-formatted-string {\n color: var(--main-color) !important;\n }\n\n #header.yt-music-pass-small-feature-info-renderer,\n .question.yt-generic-faq-question-renderer,\n .answer-arrow.yt-generic-faq-question-renderer {\n color: var(--main-text) !important;\n }\n\n #description.yt-music-pass-small-feature-info-renderer,\n .container.yt-faq-section-renderer,\n .answer.yt-generic-faq-question-renderer,\n .text.ytd-simple-text-section-renderer {\n color: var(--dimmer-text) !important;\n }\n\n yt-generic-faq-question-renderer .yt-simple-endpoint.style-scope.yt-formatted-string,\n yt-generic-faq-question-renderer a.yt-simple-endpoint.yt-formatted-string:only-of-type,\n .text.ytd-simple-text-section-renderer a.yt-simple-endpoint.yt-formatted-string:only-of-type {\n color: var(--main-color) !important;\n }\n\n /*Paid memberships*/\n paper-card.yt-subscription-product-upsell-offer-renderer {\n background-color: var(--second-background) !important;\n }\n\n #title.yt-subscription-product-upsell-offer-renderer,\n #description.yt-subscription-product-upsell-offer-renderer,\n #additional-info.yt-subscription-product-upsell-offer-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*Gaming page (https://www.youtube.com/gaming) and gaming channels*/\n #channel-details.ytd-carousel-header-renderer,\n #channel-header-container.ytd-topic-channel-details-renderer {\n background-color: var(--main-background) !important;\n }\n\n #bg.ytd-interactive-tabbed-header-renderer {\n fill: var(--main-background) !important;\n }\n\n #tabs-inner-container.ytd-interactive-tabbed-header-renderer {\n background-color: transparent !important;\n }\n\n /*Acount page specific*/\n /*Sidebar*/\n #creator-page.account-page,\n ytd-settings-sidebar-renderer {\n background-color: var(--second-background) !important;\n }\n\n .exp-kevlar-settings .account-page #creator-sidebar h3 {\n color: var(--main-text) !important;\n }\n\n .exp-kevlar-settings .account-page #creator-sidebar .creator-sidebar-item a {\n color: var(--dimmer-text) !important;\n }\n\n .exp-kevlar-settings .account-page #creator-sidebar .creator-sidebar-item.selected > a,\n .exp-kevlar-settings .account-page #creator-sidebar .creator-sidebar-item.selected > a:hover,\n .exp-kevlar-settings .account-page #creator-sidebar .creator-sidebar-item:hover a {\n background-color: var(--hover-background) !important;\n color: var(--main-color) !important;\n }\n\n ytd-compact-link-renderer[compact-link-style=\"compact-link-style-type-settings-sidebar\"][active],\n ytd-compact-link-renderer[compact-link-style=\"compact-link-style-type-settings-sidebar\"][active]:hover {\n background-color: var(--hover-background) !important;\n }\n\n /*Burger sidebar*/\n #appbar-guide-menu,\n .guide-flyout {\n background-color: var(--second-background) !important;\n }\n\n #guide-container .guide-item {\n color: var(--main-text) !important;\n }\n\n #guide-container .guide-item:hover {\n background-color: var(--hover-background) !important;\n color: var(--main-color) !important;\n }\n\n /*headers*/\n .exp-invert-logo li.guide-section h3,\n .exp-invert-logo li.guide-section h3 a {\n color: var(--main-color) !important;\n }\n\n .guide-section-separator/*divider*/\n {\n border-color: var(--hover-background) !important;\n }\n\n /*Contents - account*/\n .account-page-header,\n ytd-section-list-renderer[page-subtype=\"account-settings\"] a.yt-simple-endpoint.yt-formatted-string {\n color: var(--main-color) !important;\n }\n\n #account-page-header-title,\n h2.account-section-header {\n color: var(--main-text) !important;\n }\n\n /*title of the page*/\n #name.ytd-page-introduction-renderer,\n #name.ytd-channel-options-renderer,\n ytd-settings-options-renderer .yt-formatted-string:not(a).bold {\n color: var(--main-text) !important;\n }\n\n .exp-kevlar-settings #account-page-header-subtitle,\n .account-info-item .account-info-label,\n .account-section .account-email,\n .account-content,\n .account-section-subtext {\n color: var(--dimmer-text) !important;\n }\n\n /*other text*/\n #text.ytd-page-introduction-renderer,\n /*email*/\n #text.ytd-settings-options-renderer,\n /*descriptions, metadata, below text*/\n #label.ytd-settings-checkbox-renderer,\n #label.ytd-settings-radio-option-renderer,\n /*playback*/\n #text.ytd-connected-app-renderer/*connected accounts*/\n {\n color: var(--dimmer-text) !important;\n }\n\n .yt-horizontal-rule/*divider*/\n {\n border-color: var(--hover-background) !important;\n }\n\n .account-info .account-photo .yt-thumb/*avatar*/\n {\n border-radius: 100%;\n }\n\n .account-content a,\n .account-header a/*various links*/\n {\n color: var(--main-color) !important;\n }\n\n .yt-thumb {\n background-color: var(--hover-background) !important;\n }\n\n /*Notifications*/\n .setting-reminder,\n h3.account-section-header {\n color: var(--main-text) !important;\n }\n\n .yt-uix-form-input-checkbox-container input:checked + .yt-uix-form-input-checkbox-element {\n border-color: #000;\n filter: invert(1);\n }\n\n .desktop-notifications .browser {\n background-color: var(--hover-background) !important;\n color: var(--main-color) !important;\n border-color: var(--hover-background) !important;\n }\n\n .desktop-notifications .browser .yt-uix-button.turn-on,\n .desktop-notifications .browser .yt-uix-button.turn-off,\n .resume-setting-button,\n .undo-setting-button-section,\n .resume-all-settings-button/*turn off*/\n {\n background: var(--main-background) !important;\n border-color: var(--main-background) !important;\n color: var(--main-color) !important;\n }\n\n .yt-uix-form-input-select/*dropdowns*/\n {\n background: var(--hover-background) !important;\n border-color: var(--hover-background) !important;\n color: var(--main-text) !important;\n }\n\n /*checkboxes*/\n tp-yt-paper-toggle-button[checked]:not([disabled]) .toggle-bar.tp-yt-paper-toggle-button {\n background-color: var(--main-color) !important;\n opacity: 1 !important;\n }\n\n tp-yt-paper-toggle-button[checked]:not([disabled]) .toggle-button.tp-yt-paper-toggle-button {\n background-color: var(--main-text) !important;\n }\n\n /*language*/\n ytd-dropdown-renderer[has-background] tp-yt-paper-dropdown-menu-light.ytd-dropdown-renderer {\n background-color: var(--hover-background) !important;\n }\n\n label.label-is-floating.tp-yt-paper-dropdown-menu-light,\n #label.ytd-dropdown-item-renderer {\n color: var(--main-text) !important;\n }\n\n #input.tp-yt-paper-dropdown-menu-light {\n color: var(--dimmer-text) !important;\n }\n\n /*Playback*/\n .yt-help-icon {\n filter: invert(1);\n }\n\n .yt-uix-clickcard-card-content,\n .yt-uix-hovercard-card-content {\n background: var(--hover-background) !important;\n border-color: var(--hover-background) !important;\n color: var(--main-text) !important;\n }\n\n .yt-uix-clickcard-card-border,\n .yt-uix-hovercard-card-border {\n border-color: var(--hover-background) !important;\n }\n\n .yt-uix-clickcard-card-flip .yt-uix-card-body-arrow-horizontal,\n .yt-uix-hovercard-card-flip .yt-uix-card-body-arrow-horizontal {\n border-right-color: var(--hover-background) !important;\n }\n\n .exp-kevlar-settings .account-page .yt-uix-button/*save buttons*/\n {\n background: var(--main-color) !important;\n border-color: var(--main-color) !important;\n color: var(--main-text) !important;\n opacity: .9;\n }\n\n .exp-kevlar-settings .account-page .yt-uix-button:hover {\n opacity: 1 !important;\n }\n\n /*Social*/\n .social-connector {\n background: var(--hover-background) !important;\n border-color: var(--hover-background) !important;\n color: var(--main-text) !important;\n }\n\n /*TV*/\n .howto-circle {\n background-color: var(--hover-background) !important;\n color: var(--main-color) !important;\n }\n\n .howto-text {\n color: var(--dimmer-text) !important;\n }\n\n .remote-icon {\n filter: invert(1) brightness(200%);\n }\n\n h3.pairing-section-header {\n color: var(--main-text)\n }\n\n .yt-uix-form-input-select,\n .yt-uix-form-input-text,\n .yt-uix-form-input-textarea {\n border-color: var(--hover-background) !important;\n }\n\n #account-page-header-avatar.howto-promo-image {\n filter: invert(1) grayscale(1);\n }\n\n /*TV code*/\n .yt-uix-form-input-select,\n .yt-uix-form-input-text,\n .yt-uix-form-input-textarea {\n background: var(--hover-background) !important;\n border-color: var(--hover-background) !important;\n color: var(--main-text) !important;\n }\n\n /*Footer*/\n body #footer-container {\n background: var(--hover-background) !important;\n border-color: var(--hover-background) !important;\n color: var(--main-text) !important;\n }\n\n #footer-main/*divider*/\n {\n border-color: var(--hover-background) !important;\n }\n\n /*links*/\n #footer-links-primary a {\n color: var(--main-text) !important;\n }\n\n #footer-links-secondary a {\n color: var(--dimmer-text) !important;\n }\n\n #footer-links-primary a:hover,\n #footer-links-secondary a:hover {\n color: var(--main-color) !important;\n }\n\n /*buttons*/\n #footer .yt-uix-button-group .yt-uix-button,\n #footer .pickers li,\n #footer .footer-history,\n #footer #google-help {\n background: var(--second-background) !important;\n border-color: var(--second-background) !important;\n color: var(--main-text) !important;\n box-shadow: none !important;\n }\n\n .yt-uix-button-default.yt-uix-button-toggled:hover {\n box-shadow: none !important;\n }\n\n #footer .yt-uix-button-icon-footer-language,\n #footer .yt-uix-button-icon-footer-history,\n #footer .yt-uix-button-icon-questionmark {\n filter: invert(1);\n }\n\n .yt-uix-button-arrow {\n border-top-color: var(--main-text) !important;\n }\n\n #yt-picker-country-footer,\n #yt-picker-language-footer,\n #yt-picker-safetymode-footer {\n background: var(--second-background) !important;\n border-color: var(--second-background) !important;\n color: var(--main-text) !important;\n }\n\n /*Fix like, dislike and share icons and text using wrong color*/\n .yt-spec-button-shape-next__icon,\n .ytd-segmented-like-dislike-button-renderer > yt-button-shape > button > .yt-spec-button-shape-next--button-text-content,\n .ytd-menu-renderer > yt-button-shape > button > .yt-spec-button-shape-next--button-text-content,\n .yt-spec-button-shape-next > span#text {\n color: var(--main-text)\n }\n\n /*Player tooltip background*/\n .ytp-tooltip-text {\n background: var(--hover-background) !important\n }\n\n .yt-picker-header,\n #safety-form p.safety-submit/*divider*/\n {\n border-color: var(--hover-background) !important;\n }\n\n .yt-picker-header h3.yt,\n .yt-picker-content strong {\n color: var(--main-text) !important;\n }\n\n #yt-picker-country-footer .yt-default .yt-notes,\n p.yt-notes,\n #safety-mode-description li {\n color: var(--dimmer-text) !important;\n }\n\n #yt-picker-country-footer .yt-picker-content a,\n .yt-picker-content button {\n color: var(--main-color) !important;\n }\n\n #yt-picker-safetymode-footer button/*save*/\n {\n background: var(--main-color) !important;\n border-color: var(--main-color) !important;\n color: var(--main-text) !important;\n opacity: .9;\n }\n\n /*Notification buttom corner - for settings, watch later etc*/\n tp-yt-paper-toast {\n background: var(--hover-background) !important;\n color: var(--main-text) !important;\n box-shadow: var(--shadow) !important;\n }\n\n /*Topic auto-generated by youtube*/\n #auto-generated.ytd-interactive-tabbed-header-renderer,\n #metadata.ytd-interactive-tabbed-header-renderer {\n color: var(--dimmer-text) !important;\n }\n\n /*Keyboard shortcuts Shift-/ */\n ytd-hotkey-dialog-renderer[dialog][dialog][dialog] {\n background-color: var(--main-background) !important;\n }\n\n ytd-hotkey-dialog-section-option-renderer {\n border-color: var(--hover-background) !important;\n }\n\n /*clip share*/\n .ytd-clip-section-renderer {\n background-color: var(--main-background) !important;\n }\n\n .yt-spec-button-shape-next[aria-label=\"Share clip\"] .yt-spec-button-shape-next--button-text-content .yt-core-attributed-string {\n color: var(--main-background) !important;\n }\n\n .yt-spec-button-shape-next[aria-label=\"Share clip\"] {\n background-color: var(--main-color) !important;\n }\n\n /*Watch on YouTube*/\n #offer-module .ytd-watch-next-secondary-results-renderer,\n #offer-module .ytd-tvfilm-offer-module-renderer {\n background-color: var(--second-background) !important;\n }\n\n /*SponsorBlock*/\n /*logo change*/\n #sponsorBlockPopupLogo,\n .sponsorSkipLogo {\n display: block !important;\n -moz-box-sizing: border-box !important;\n box-sizing: border-box !important;\n background: url(https://raw.githubusercontent.com/RaitaroH/YouTube-DeepDark/master/YT_Images/IconSponsorBlocker256px.png) top left no-repeat !important;\n background-size: 100% !important;\n position: relative !important;\n }\n\n #sponsorBlockPopupLogo {\n width: 40px !important;\n height: 40px !important;\n padding-left: 40px !important;\n }\n\n /*for overlays*/\n .sponsorSkipLogo {\n width: 18px !important;\n height: 18px !important;\n padding-left: 18px !important;\n }\n\n .sponsorBlockTooltip {\n background-color: var(--hover-background) !important;\n }\n}\n\n@-moz-document url-prefix('https://www.youtube.com/redirect') {\n /*Are you sure you want to leave YouTube? redirect*/\n /*seems like youtube will never update this page so, yeah*/\n #invalid-token-redirect-warning-text/*h1*/\n {\n color: var(--main-text) !important;\n }\n\n /*span*/\n #redirect-main-text {\n color: var(--dimmer-text) !important;\n }\n\n #redirect-main-text .bolded {\n color: var(--main-color);\n }\n\n /*search*/\n #masthead-search-terms-border {\n border-color: var(--hover-background) !important;\n background-color: var(--hover-background) !important;\n box-shadow: var(--shadow) !important;\n }\n\n #masthead-search-terms {\n color: var(--main-text);\n }\n\n .search-button {\n background: var(--hover-background) !important;\n border-color: var(--hover-background) !important;\n }\n\n /*🔍 is missing, nice*/\n .search-button-content {\n background: no-repeat url(\"data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xNy4zOTE3IDE2LjgwODNMMTIuNzMzMyAxMi4xNUMxMy42MjUgMTEuMTI1IDE0LjE2NjcgOS43OTE2NyAxNC4xNjY3IDguMzMzMzNDMTQuMTY2NyA1LjEwODMzIDExLjU1ODMgMi41IDguMzMzMzMgMi41QzUuMTA4MzMgMi41IDIuNSA1LjEwODMzIDIuNSA4LjMzMzMzQzIuNSAxMS41NTgzIDUuMTA4MzMgMTQuMTY2NyA4LjMzMzMzIDE0LjE2NjdDOS43OTE2NyAxNC4xNjY3IDExLjEyNSAxMy42MjUgMTIuMTUgMTIuNzQxN0wxNi44MDgzIDE3LjRMMTcuMzkxNyAxNi44MDgzWk04LjMzMzMzIDEzLjMzMzNDNS41NzUgMTMuMzMzMyAzLjMzMzMzIDExLjA5MTcgMy4zMzMzMyA4LjMzMzMzQzMuMzMzMzMgNS41NzUgNS41NzUgMy4zMzMzMyA4LjMzMzMzIDMuMzMzMzNDMTEuMDkxNyAzLjMzMzMzIDEzLjMzMzMgNS41NzUgMTMuMzMzMyA4LjMzMzMzQzEzLjMzMzMgMTEuMDkxNyAxMS4wOTE3IDEzLjMzMzMgOC4zMzMzMyAxMy4zMzMzWiIgZmlsbD0iIzAzMDMwMyIvPjwvc3ZnPg==\") !important;\n filter: invert(1);\n }\n\n #redirect-backto-safety-button:hover {\n color: var(--main-text) !important;\n }\n\n /*logo icon is also missing, but this __should__ change in the future*/\n .logo {\n background: no-repeat url(\"https://raw.githubusercontent.com/RaitaroH/YouTube-DeepDark/master/YT_Images/Logo.png\") !important;\n background-size: 70% !important;\n padding: 10px;\n width: 120px !important;\n height: 33px !important;\n box-sizing: border-box !important;\n position: relative;\n right: -30px;\n }\n\n #logo-container .content-region {\n color: var(--main-text) !important;\n }\n}",
"usercssData": {
"name": "YouTube Catppuccin-Macchiato",
"namespace": "github.com/catppuccin/YouTube",
"homepageURL": "https://github.com/catppuccin/YouTube",
"version": "2.0.2",
"updateURL": "https://github.com/catppuccin/YouTube/raw/main/src/YouTubeCatppuccinMacchiato.user.css",
"description": "Soothing pastel theme for YouTube",
"author": "isabelroses",
"license": "GNU-V3.0",
"preprocessor": "stylus",
"vars": {
"stylus-ctp-style": {
"type": "select",
"label": "Preset themes",
"name": "stylus-ctp-style",
"value": "Catppuccin-Macchiato-Lavender",
"default": "Catppuccin-Macchiato-Green",
"options": [
{
"name": "Catppuccin-Macchiato-Green",
"label": "Catppuccin-Macchiato-Green",
"value": "Catppuccin-Macchiato-Green"
},
{
"name": "Catppuccin-Macchiato-Flamingo",
"label": "Catppuccin-Macchiato-Flamingo",
"value": "Catppuccin-Macchiato-Flamingo"
},
{
"name": "Catppuccin-Macchiato-Mauve",
"label": "Catppuccin-Macchiato-Mauve",
"value": "Catppuccin-Macchiato-Mauve"
},
{
"name": "Catppuccin-Macchiato-Pink",
"label": "Catppuccin-Macchiato-Pink",
"value": "Catppuccin-Macchiato-Pink"
},
{
"name": "Catppuccin-Macchiato-Lavender",
"label": "Catppuccin-Macchiato-Lavender",
"value": "Catppuccin-Macchiato-Lavender"
},
{
"name": "Catppuccin-Macchiato-Red",
"label": "Catppuccin-Macchiato-Red",
"value": "Catppuccin-Macchiato-Red"
},
{
"name": "Catppuccin-Macchiato-Peach",
"label": "Catppuccin-Macchiato-Peach",
"value": "Catppuccin-Macchiato-Peach"
},
{
"name": "Catppuccin-Macchiato-Yellow",
"label": "Catppuccin-Macchiato-Yellow",
"value": "Catppuccin-Macchiato-Yellow"
},
{
"name": "Catppuccin-Macchiato-Teal",
"label": "Catppuccin-Macchiato-Teal",
"value": "Catppuccin-Macchiato-Teal"
},
{
"name": "Catppuccin-Macchiato-Blue",
"label": "Catppuccin-Macchiato-Blue",
"value": "Catppuccin-Macchiato-Blue"
},
{
"name": "Catppuccin-Macchiato-Sky",
"label": "Catppuccin-Macchiato-Sky",
"value": "Catppuccin-Macchiato-Sky"
},
{
"name": "Catppuccin-Macchiato-Maroon",
"label": "Catppuccin-Macchiato-Maroon",
"value": "Catppuccin-Macchiato-Maroon"
},
{
"name": "Catppuccin-Macchiato-Sapphire",
"label": "Catppuccin-Macchiato-Sapphire",
"value": "Catppuccin-Macchiato-Sapphire"
},
{
"name": "Catppuccin-Macchiato-Rosewater",
"label": "Catppuccin-Macchiato-Rosewater",
"value": "Catppuccin-Macchiato-Rosewater"
},
{
"name": "Custom",
"label": "Custom",
"value": "Custom"
}
]
},
"join-color": {
"type": "checkbox",
"label": "Use dark join button",
"name": "join-color",
"value": "1",
"default": "0",
"options": null
},
"subscribe-color": {
"type": "checkbox",
"label": "Use dark subscribe button",
"name": "subscribe-color",
"value": "1",
"default": "0",
"options": null
},
"scrollbar_width": {
"type": "text",
"label": "Scrollbar width",
"name": "scrollbar_width",
"value": null,
"default": "6px",
"options": null
},
"scrollbar_track": {
"type": "color",
"label": "Scrollbar background",
"name": "scrollbar_track",
"value": null,
"default": "rgba(0, 0, 0, 0)",
"options": null
},
"mainColor": {
"type": "color",
"label": "Custom main color",
"name": "mainColor",
"value": null,
"default": "#8aadf4",
"options": null
},
"mainBackground": {
"type": "color",
"label": "Custom main background",
"name": "mainBackground",
"value": null,
"default": "#24273a",
"options": null
},
"secondBackground": {
"type": "color",
"label": "Custom second background",
"name": "secondBackground",
"value": null,
"default": "#1e2030",
"options": null
},
"playerBackground": {
"type": "color",
"label": "Custom player background",
"name": "playerBackground",
"value": null,
"default": "#181926",
"options": null
},
"hoverBackground": {
"type": "color",
"label": "Custom hover background",
"name": "hoverBackground",
"value": null,
"default": "#363a4f",
"options": null
},
"mainText": {
"type": "color",
"label": "Custom main text",
"name": "mainText",
"value": null,
"default": "#cad3f5",
"options": null
},
"dimmerText": {
"type": "color",
"label": "Custom second text",
"name": "dimmerText",
"value": null,
"default": "#939ab7",
"options": null
},
"colorShadow": {
"type": "color",
"label": "Custom shadow color",
"name": "colorShadow",
"value": null,
"default": "rgba(56, 60, 74, .3)",
"options": null
}
}
},
"author": "isabelroses",
"description": "Soothing pastel theme for YouTube",
"name": "YouTube Catppuccin-Macchiato",
"originalDigest": "07a026e4afcdd694ae05b115160091bf0424aaba",
"_id": "875347fb-849a-4082-bca6-2eaccab5a431",
"_rev": 1687040421616,
"id": 26
},
{
"enabled": true,
"updateUrl": "https://userstyles.world/api/style/7270.user.css",
"url": "https://userstyles.world/style/7270",
"installDate": 1678725580390,
"sections": [
{
"code": ""
}
],
"sourceCode": "/* ==UserStyle==\n@name catppuccin-macchiato-wikiwand\n@namespace catppuccin-macchiato-wikiwand\n@author tnixc\n@description Soothing pastel theme for wikiwand\n@version 1.0\n@license MIT\n@preprocessor uso\n==/UserStyle== */\n/* ---------- Catppuccin-macchiato-wikiwand ---------- */\n/* ---------- v1.0 / 12-11-2022 ---------- */\n/* by tnixc */\n@namespace url(http://www.w3.org/1999/xhtml);\n\n@-moz-document domain(\"wikiwand.com\") {\n/* ============= UNIFORM BACKGROUND COLORS ============= */\n/* ============= UNIFORM BACKGROUND COLORS ============= */\n:root {\n\t--rosewater: #f4dbd6;\n\t--flamingo: #f0c6c6;\n\t--pink: #f5bde6;\n\t--mauve: #c6a0f6;\n\t--red: #ed8796;\n\t--maroon: #ee99a0;\n\t--peach: #f5a97f;\n\t--yellow: #eed49f;\n\t--green: #a6da95;\n\t--teal: #8bd5ca;\n\t--sky: #91d7e3;\n\t--sapphire: #7dc4e4;\n\t--blue: #87b0f9;\n\t--lavender: #b7bdf8;\n\t--text: #cad3f5;\n\t--subtext1: #b3bcdf;\n\t--subtext0: #a1a8c9;\n\t--overlay2: #8e95b3;\n\t--overlay1: #7b819d;\n\t--overlay0: #696d86;\n\t--surface2: #565970;\n\t--surface1: #43465a;\n\t--surface0: #363a4f;\n\t--base: #24273a;\n\t--mantle: #1e2030;\n\t--crust: #181926;\n\t--accent: var(--lavender);\n}\n.root_dark__oGh5X {\n\t--color-bg: var(--base);\n\t--color-text: var(--text);\n\t--color-grey: var(--subtext0);\n\t--color-table: var(--surface0);\n\t--color-table-border: var(--surface0);\n\t--color-link: var(--accent);\n\t--toc-bg: var(--mantle);\n\t--toc-text: var(--text);\n\t--toc-border: var(--crust);\n\t--tag-bg: var(--surface0);\n\t--tag-text: var(--overlay1);\n\t--navbar-bg: var(--crust);\n\t--navbar-border: var(--mantle);\n\t--navbar-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2),\n\t0px 5px 10px rgba(0, 0, 0, 0.3);\n}\n.popover_arrow__pQSsX::before {\n\tbackground-color: var(--surface1);\n\tborder: 1px solid var(--surface2);\n}\n*[class*=\"dropdown_item\"] {\n\tcolor: var(--text);\n}\n.popover_popover__jgyGp {\n\tbackground-color: var(--surface1);\n\tborder: 1px solid var(--surface2);\n\tborder-radius: 0.625em;\n\tbox-shadow: 0 0 2px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.1);\n}\n.draggable_wrapper__YB014 {\n\tbackground-color: var(--surface1);\n\tborder: 1px solid var(--surface0);\n\tbox-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.3);\n\tcolor: var(--text);\n}\n.checkbox_checkbox__uXwIZ {\n\twidth: 1.125em;\n\theight: 1.125em;\n\tborder-radius: 0.125em;\n\tborder: 1px solid var(--surface1);\n\tbackground-color: var(--surface2);\n\tposition: relative;\n}\n.checkbox_checkbox__uXwIZ::before {\n\tbackground-color: var(--accent);\n}\nsvg.audio_icon__eZ5Bx {\n\tcolor: var(--text);\n}\n.checkbox_label__V5gon,\n.audio_select__kmOPL {\n\tcolor: var(--subtext0) !important;\n}\n.draggable_header__bfxdq {\n\tborder: 1px solid var(--surface1) !important;\n}\n.footer_donation__Cje_Q {\n\tdisplay: none !important;\n}\n.dropdown_content__4NAxl {\n\tbackground-color: var(--surface1);\n\tborder: 1px solid var(--surface2);\n}\np.settings_setLabel__NrVBx:nth-child(3),\narticle.settings_section__vRaq_:nth-child(1) {\n\tcolor: var(--text);\n}\n.toggle_label__y7mDQ {\n\tcolor: var(--text);\n}\n.toggle_bg__Qn4Oc {\n\tbackground-color: var(--accent);\n}\n.toggle_label__y7mDQ.toggle_active__l_k3F {\n\tcolor: var(--base);\n}\n.toggle_label__y7mDQ:not(.toggle_active__l_k3F):hover {\n\tcolor: var(--accent);\n}\n.themeBtn_wrapper__KTkHk.themeBtn_active__4gb_I,\n.themeBtn_wrapper__KTkHk:hover {\n\tcolor: var(--accent);\n}\n.themeBtn_label__GyvdH {\n\tcolor: var(--subtext1);\n}\n.toggle_toggle__jzkKG {\n\tbackground-color: var(--surface2);\n}\n.settings_reset__GO2x4 {\n\tborder-top: 1px solid var(--surface2);\n}\n.settings_resetBtn__3yLrG {\n\tcolor: var(--text);\n}\n.settings_resetBtn__3yLrG:not(.settings_disabled__7X7Nu):hover {\n\tcolor: var(--red);\n}\n.themeBtn_label__GyvdH span {\n\tbackground-color: var(--surface2);\n\tborder: 1px solid var(--surface2);\n}\n.themeBtn_wrapper__KTkHk.themeBtn_active__4gb_I .themeBtn_demoWrapper__fdi7G {\n\tborder: 1px solid var(--accent) !important;\n}\ndiv.themeBtn_wrapper__KTkHk:nth-child(3) > p:nth-child(2) > span:nth-child(1)::before {\n\tbackground-color: var(--accent);\n}\n.item_item__uLhiz.item_active__4kaIV {\n\tcolor: var(--accent);\n}\n.item_item__uLhiz.item_active__4kaIV,\n.item_item__uLhiz:hover {\n\tbackground-color: var(--surface2);\n}\n.languages_wrapper__1Ad3R {\n\tcolor: var(--subtext1);\n}\n.input_input__uGeT_ {\n\tcolor: var(--text);\n\tbackground-color: var(--overlay0);\n\tborder-radius: 4px;\n}\n.input_wrapper__aeypb {\n\tborder: none !important;\n}\n.action_action___vLQg {\n\tcolor: var(--accent);\n}\n.share_btn__9IJpe {\n\tcolor: var(--text);\n\tbackground-color: var(--surface2);\n\tborder: var(--surface2);\n}\n.share_btn__9IJpe span {\n\tcolor: var(--text);\n}\n.footer_socialWrapper__R1iSQ *:hover,\n.footer_link__TA4rr:hover {\n\tcolor: var(--accent);\n}\n.list_wrapper__TYM2l,\n.input_wrapper__aeypb {\n\tbackground-color: var(--surface1);\n\tcolor: var(--text);\n}\n.input_wrapper__aeypb * {\n\tcolor: var(--text);\n}\n.list_item_VVizU:hover {\n\tbackground-color: var(--surface2) !important;\n}\n.search_header__gqnk7.search_article__L3Khv {\n\tbackground: transparent;\n}\n.item_item__jj0Ue {\n\tcolor: var(--text);\n}\n.item_item__jj0Ue:hover {\n\tbackground-color: var(--surface2) !important;\n\tborder-color: var(--accent);\n}\n.modal_header__t094_ {\n\tborder-color: var(--surface1);\n\tcolor: var(--text);\n}\n.list_item__VVizU.list_active__ahAYX,\n.list_item__VVizU:hover {\n\tbackground-color: var(--surface2);\n}\n.button_btn__ln0Hv {\n\tcolor: var(--accent);\n\tbackground-color: var(--surface0);\n}\n\n.navbarMobile_footer__y5Kwi.navbarMobile_dark__eIcxf .navbarMobile_icons__tirr9,\n.navbarMobile_footer__y5Kwi.navbarMobile_dark__eIcxf .navbarMobile_toc__iPfvP,\n.navbarMobile_footer__y5Kwi.navbarMobile_grey__5dmnP .navbarMobile_icons__tirr9,\n.navbarMobile_footer__y5Kwi.navbarMobile_grey__5dmnP .navbarMobile_toc__iPfvP {\n\tbackground-color: var(--surface1);\n\tcolor: var(--text);\n}\n.tooltip_tooltip_QQr79.tooltip_dark_ZWBHd,\n.tooltip_tooltip_QQr79.tooltip_dark_ZWBHd > * > * {\n\tbackground-color: var(--crust) !important;\n}\n.dropdown_item__yrn67:hover {\n\tbackground-color: var(--surface2);\n\tcolor: var(--accent);\n\tborder-color: var(--accent) !important;\n}\n.audio_dot__jeWOr.audio_active__li6PM {\n\tbackground-color: var(--accent);\n}\n.audio_dot__jeWOr {\n\tbackground-color: var(--surface2);\n\tbox-shadow: 6.666px 0 0 0px var(--surface2);\n\tborder-radius: 0px;\n\tborder: 1px solid var(--surface2) !important;\n}\n.gallery_icon__7LOBi {\n\tbackground-color: var(--surface2);\n\tcolor: var(--subtext1);\n}\n.gallery_disable__1QuKw {\n\tbackground-color: var(--surface0);\n}\n.gallery_icon__7LOBi:hover {\n\tbackground-color: var(--overlay0);\n\tcolor: var(--accent);\n}\n.gallery_nav__BEeM3 {\n\tbackground-color: var(--base);\n}\n.image_wrapper__Dq3Jq {\n\tbackground-color: var(--crust);\n}\n.stage_caption__BvSjQ {\n\tcolor: var(--subtext0);\n}\n.gallery_wrapper__1a7bM,\n.thumbnails_wrapper__1Q5be {\n\tbackground-color: var(--mantle) !important;\n}\n.thumbnails_thumbnail__H4tNf {\n\tbackground-color: #fafafa;\n\tborder-radius: 4px;\n\tpadding: 4px;\n}\n\n.list_loading__j43_R {\n\tcolor: var(--accent);\n}\n.info_wrapper__HpdJH,\n.info_arrow__ehjUI {\n\tbackground-color: var(--surface1);\n\tborder-color: var(--surface1);\n}\n\n.info_wrapper__HpdJH::after {\n\tbackground: linear-gradient( 180deg,\n\thsla(0, 0%, 98%, 0),\n\tvar(--surface1) 90%);\n}\n.list_item__VVizU.list_active__ahAYX {\n\tcolor: var(--accent);\n}\n.item_star__arENF {\n\tcolor: var(--subtext1);\n}\n.item_star__arENF.item_active__4kaIV {\n\tcolor: var(--yellow);\n}\n.action_action___vLQg.action_remove__z6g_k {\n\tcolor: var(--text);\n}\n.action_action___vLQg:not(.action_limit__u0EDs):hover.action_remove__z6g_k {\n\tcolor: var(--accent);\n}\n.item_remove__f1A5k {\n\tbackground-color: var(--surface1);\n}\n.item_remove__f1A5k span,\n.item_remove__f1A5k svg {\n\tcolor: var(--red);\n}\ncaption {\n\tbackground-color: var(--surface0) !important;\n\tborder-color: var(--surface0) !important;\n}\n.summary_wordtuneWrapper__21QxG > img:nth-child(2) {\n\tbackground-color: var(--accent);\n}\ncode > a {\n\tcolor: var(--accent) !important;\n}\ntable * {\n\tbackground-color: var(--surface0) !important;\n\tcolor: var(--text) !important;\n\tborder-color: var(--surface2) !important;\n}\ntable {\n\tbackground-color: var(--surface0) !important;\n\tborder: none !important;\n}\na.wl {\n\tcolor: var(--accent) !important;\n}\n.summary_footer__Lk6z7 > span:nth-child(1),\nsvg.icon_icon__0vohI,\n.icon_icon__0vohI.input_icon__He3sV,\nsvg.icon_icon__0vohI:nth-child(2) > use:nth-child(1) {\n\tcolor: var(--accent);\n\tfill: var(--accent);\n}\n}",
"usercssData": {
"name": "catppuccin-macchiato-wikiwand",
"namespace": "catppuccin-macchiato-wikiwand",
"author": "tnixc",
"description": "Soothing pastel theme for wikiwand",
"version": "1.0",
"license": "MIT",
"preprocessor": "uso"
},
"author": "tnixc",
"description": "Soothing pastel theme for wikiwand",
"name": "catppuccin-macchiato-wikiwand",
"originalDigest": "e82115439480a29ba075261d5188b4c4d426c55d",
"_id": "58857372-95ea-4d1b-86ad-e59023e539db",
"_rev": 1679352152887,
"installationUrl": "https://userstyles.world/style/7270",
"id": 27,
"updateDate": 1679352152887
},
{
"enabled": true,
"updateUrl": "https://raw.githubusercontent.com/catppuccin/modrinth/main/src/ModrinthCatppuccin.user.css",
"installDate": 1678725902879,
"sections": [
{
"code": ""
}
],
"sourceCode": " /* ==UserStyle==\n@name Modrinth Catppuccin\n@namespace github.com/catppuccin/modrinth\n@version 1.1.1\n@description Soothing pastel theme for Modrinth\n@author Catppuccin\n@preprocessor less\n@var select lightTheme \"Light Theme\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkTheme \"Dark Theme\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColour \"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==/UserStyle== */\n @-moz-document domain(\"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(@lightTheme, @accentColour);\n }\n\n .dark-mode {\n #catppuccin(@darkTheme, @accentColour);\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-colour: @catppuccin[@@lookup][@@accent];\n\n & {\n --color-bg: @crust;\n --color-ad-raised: @surface2;\n --color-ad: @surface1;\n --color-brand-green: @accent-colour;\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 }",
"usercssData": {
"name": "Modrinth Catppuccin",
"namespace": "github.com/catppuccin/modrinth",
"version": "1.1.1",
"description": "Soothing pastel theme for Modrinth",
"author": "Catppuccin",
"preprocessor": "less",
"vars": {
"lightTheme": {
"type": "select",
"label": "Light Theme",
"name": "lightTheme",
"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"
}
]
},
"darkTheme": {
"type": "select",
"label": "Dark Theme",
"name": "darkTheme",
"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"
}
]
},
"accentColour": {
"type": "select",
"label": "Accent",
"name": "accentColour",
"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": "Grey",
"value": "subtext0"
}
]
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for Modrinth",
"name": "Modrinth Catppuccin",
"originalDigest": "47b6399fde5083bdc45dd3d6d97a6c65b2917652",
"_id": "89f13083-8dac-466c-9181-d11fd4f4423c",
"_rev": 1682923848137,
"id": 28
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/stylus/raw/main/src/catppuccin.user.css",
"url": "https://github.com/catppuccin/stylus",
"installDate": 1683819428715,
"sections": [
{
"code": ""
}
],
"sourceCode": "/* ==UserStyle==\n@name Stylus Catppuccin\n@namespace github.com/catppuccin/stylus\n@homepageURL https://github.com/catppuccin/stylus\n@version 1.0.5\n@description Soothing pastel theme for Stylus\n@author Catppuccin - mustafakhalaf-git\n@preprocessor less\n@updateURL https://github.com/catppuccin/stylus/raw/main/src/catppuccin.user.css\n@license MIT\n\n@var select theme \"Theme\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n==/UserStyle== */\n\n@-moz-document domain(\"ae003653-e916-46f9-a68c-51350e5820fa\"), domain(clngdbkpkpeebahjckkjfobafhncgmne) {\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 @teala: rgba(23, 146, 153, 0.25);\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 @teala: rgba(129, 200, 190, 0.25);\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 @teala: rgba(139, 213, 202, 0.25);\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 @teala: rgba(148, 226, 213, 0.25);\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 {\n #catppuccin(@theme);\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 @teala: @catppuccin[@@lookup][@teala];\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 &: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: @sky;\n --accent-2: @teal;\n --accent-3: @teal;\n }\n\n .active #filters-stats {\n background-color: @teal;\n border-color: @teal;\n color: @base;\n }\n #header-resizer {\n color: @surface1;\n }\n #filters label:hover, #filters .filter-selection:hover {\n background-color: @surface0;\n }\n .oldUI .disabled h2::after, .entry.usercss .style-name-link::after {\n background-color: @teala;\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, .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, select:disabled, option:disabled, select[disabled] > option {\n color: @subtext0;\n }\n .applies-to input, .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: @teala\n }\n .onoffswitch input:checked + span::before {\n background-color: @teal;\n }\n #options-title {\n color: @base;\n }\n h2 {\n color: @teal !important;\n }\n .installed .configure-usercss svg {\n fill: @teal !important;\n }\n .installed .configure-usercss:hover svg {\n fill: @teal !important;\n }\n }\n}\n",
"usercssData": {
"name": "Stylus Catppuccin",
"namespace": "github.com/catppuccin/stylus",
"homepageURL": "https://github.com/catppuccin/stylus",
"version": "1.0.5",
"description": "Soothing pastel theme for Stylus",
"author": "Catppuccin - mustafakhalaf-git",
"preprocessor": "less",
"updateURL": "https://github.com/catppuccin/stylus/raw/main/src/catppuccin.user.css",
"license": "MIT",
"vars": {
"theme": {
"type": "select",
"label": "Theme",
"name": "theme",
"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 Stylus",
"name": "Stylus Catppuccin",
"originalDigest": "f7f0405122afe78dc5006d1f28f1ba30bf7963c5",
"_id": "7326d2e9-57d8-462b-a52e-d85ccc1aa473",
"_rev": 1683819484849,
"id": 31,
"preferScheme": "none"
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/ecosia/raw/main/dist/catppuccin.user.css",
"url": "https://github.com/catppuccin/mastodon",
"installDate": 1684062229170,
"sections": [
{
"code": ""
}
],
"sourceCode": "/* ==UserStyle==\n\n@name Ecosia Catppuccin\n@namespace github.com/catppuccin/mastodon\n@homepageURL https://github.com/catppuccin/mastodon\n@version 0.1.0\n@description Soothing pastel theme for Ecosia\n@author Catppuccin\n@updateURL https://github.com/catppuccin/ecosia/raw/main/dist/catppuccin.user.css\n@preprocessor less\n@var select lightTheme \"Light Flavour\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkTheme \"Dark Flavour\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColour \"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\n==/UserStyle== */\n@-moz-document domain(\"ecosia.org\") {\n\n :root {\n #catppuccin(@lightTheme, @accentColour);\n }\n\n .dark {\n #catppuccin(@darkTheme, @accentColour);\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-colour: @catppuccin[@@lookup][@@accent];\n\n /* general */\n --color-brand-primary: @accent-colour !important;\n --color-brand-secondary: @crust !important;\n --color-error: @red !important;\n --color-success: @green !important;\n --color-disabled: @overlay1 !important;\n --color-button-background-primary: @accent-colour !important;\n --color-button-background-primary-active: @accent-colour !important;\n --color-button-background-primary-hover: @accent-colour;\n --color-button-background-secondary: @surface0 !important;\n --color-button-background-secondary-active: @surface2 !important;\n --color-button-background-secondary-hover: @surface1 !important;\n --color-button-content-primary: @base !important;\n --color-button-content-secondary: @text !important;\n --color-button-content-tertiary: @accent-colour !important;\n --color-button-border: @surface0 !important;\n --color-button-background-transparent-hover: @surface1;\n --color-button-background-transparent-active: @surface2;\n --color-background-primary: @base !important;\n --color-background-secondary: @crust !important;\n --color-background-tertiary: @mantle !important;\n --color-background-quaternary: @surface0;\n --color-background-elevation-1: @mantle !important;\n --color-highlighter: @surface0 !important;\n --color-highlight-primary: @surface0 !important;\n --color-overlay-primary: @overlay0 !important;\n --color-overlay-secondary: @overlay1 !important;\n --color-text-primary: @text !important;\n --color-text-secondary: @subtext0 !important;\n --color-text-tertiary: @text !important;\n --color-link-primary: @sapphire !important;\n --color-link-secondary: @sky !important;\n --color-url: @sapphire !important;\n --color-link-results-default: @sapphire !important;\n --color-link-results-visited: @teal !important;\n --color-decorative-icon: @accent-colour !important;\n --color-elevation-layer-1: @surface1;\n --color-elevation-layer-2: @surface2;\n --color-decorative-border-1: @surface1 !important;\n --color-focused: @accent-colour !important;\n --color-form-border-default: @surface0 !important;\n --color-form-border-hover: @surface1 !important;\n --color-form-border-primary-active: @accent-colour !important;\n --color-tripadvisor-rating: @subtext0 !important;\n --color-tree-counter-tree-tall: @yellow !important;\n --color-green-leaf-icon-color-top: @green !important;\n --color-green-leaf-icon-color-bottom: @green !important;\n --color-fossil-fuel-icon-color-top: @flamingo !important;\n --color-fossil-fuel-icon-color-bottom: @maroon !important;\n\n /* seach page */\n --color-above-fold-background: @surface0 !important;\n --color-above-fold-background-addon: @overlay1 !important;\n --color-above-fold-text: @text !important;\n --color-section-wrapper-background-gray: @surface1 !important;\n --color-section-wrapper-background-dark-green: @surface0 !important;\n --color-section-wrapper-background-light-green: @surface0 !important;\n --color-section-header-title: @text !important;\n --color-projects-title: @text !important;\n --color-projects-description: @surface1;\n --color-financial-report-total-background: @surface0 !important;\n --color-financial-report-total-text: @text !important;\n --color-forest-background-addon: @surface1 !important;\n --color-forest-background-secondary: @surface0 !important;\n --color-before-after-text: @text !important;\n }\n}",
"usercssData": {
"name": "Ecosia Catppuccin",
"namespace": "github.com/catppuccin/mastodon",
"homepageURL": "https://github.com/catppuccin/mastodon",
"version": "0.1.0",
"description": "Soothing pastel theme for Ecosia",
"author": "Catppuccin",
"updateURL": "https://github.com/catppuccin/ecosia/raw/main/dist/catppuccin.user.css",
"preprocessor": "less",
"vars": {
"lightTheme": {
"type": "select",
"label": "Light Flavour",
"name": "lightTheme",
"value": "macchiato",
"default": "latte",
"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"
}
]
},
"darkTheme": {
"type": "select",
"label": "Dark Flavour",
"name": "darkTheme",
"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"
}
]
},
"accentColour": {
"type": "select",
"label": "Accent",
"name": "accentColour",
"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": "Grey",
"value": "subtext0"
}
]
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for Ecosia",
"name": "Ecosia Catppuccin",
"originalDigest": "825583653b12338dbb1521be5924919b4e501cbf",
"_id": "9b5e4203-4cfd-43db-a56a-bc3b75b105f2",
"_rev": 1684062229170,
"id": 32
},
{
"enabled": true,
"installDate": 1684682185389,
"sections": [
{
"code": ""
}
],
"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 }",
"usercssData": {
"name": "twitter.com - 5/21/2023, 5:15:08 PM",
"namespace": "github.com/openstyles/stylus",
"version": "1.0.0",
"description": "A new userstyle",
"author": "Me"
},
"author": "Me",
"description": "A new userstyle",
"name": "twitter.com - 5/21/2023, 5:15:08 PM",
"updateDate": 1684682341055,
"_id": "6e371880-1d6c-407c-8fef-c2e67bb2a67f",
"_rev": 1684682770660,
"id": 33
},
{
"enabled": true,
"updateUrl": "https://github.com/catppuccin/youtubemusic/raw/main/src/youtubemusic.user.css",
"installDate": 1689350221716,
"sections": [
{
"code": ""
}
],
"sourceCode": "/* ==UserStyle==\n@name Youtube Music Catppuccin\n@namespace github.com/catppuccin/youtubemusic\n@version 0.3.0\n@description Soothing pastel theme for Youtube Music\n@author Catppuccin\n@preprocessor stylus\n@var select theme \"Theme\" [\"Latte\", \"Frappe\", \"Macchiato\", \"Mocha*\"]\n@var select accent-color \"Accent\" [\"Rosewater*\", \"Flamingo\", \"Pink\", \"Mauve\", \"Red\", \"Maroon\", \"Peach\", \"Yellow\", \"Green\", \"Teal\", \"Blue\", \"Sapphire\", \"Sky\", \"Lavender\", \"Text\"]\n==/UserStyle== */\n\n@-moz-document domain(\"music.youtube.com\") {\n\n if (theme == \"Latte\") {\n @import url(\"https://catppuccin.github.io/youtubemusic/src/latte.css\");\n } else if (theme == \"Frappe\") {\n @import url(\"https://catppuccin.github.io/youtubemusic/src/frappe.css\");\n } else if (theme == \"Macchiato\") {\n @import url(\"https://catppuccin.github.io/youtubemusic/src/macchiato.css\");\n } else if (theme == \"Mocha\") {\n @import url(\"https://catppuccin.github.io/youtubemusic/src/mocha.css\");\n }\n \n html:not(.style-scope) { \n if (accent-color==\"Rosewater\") {\n --ctp-accent: var(--ctp-rosewater) !important;\n } else if (accent-color==\"Flamingo\") {\n --ctp-accent: var(--ctp-flamingo) !important;\n } else if (accent-color==\"Pink\") {\n --ctp-accent: var(--ctp-pink) !important;\n } else if (accent-color==\"Mauve\") {\n --ctp-accent: var(--ctp-mauve) !important;\n } else if (accent-color==\"Red\") {\n --ctp-accent: var(--ctp-red) !important;\n } else if (accent-color==\"Maroon\") {\n --ctp-accent: var(--ctp-maroon) !important;\n } else if (accent-color==\"Peach\") {\n --ctp-accent: var(--ctp-peach) !important;\n } else if (accent-color==\"Yellow\") {\n --ctp-accent: var(--ctp-yellow) !important;\n } else if (accent-color==\"Green\") {\n --ctp-accent: var(--ctp-green) !important;\n } else if (accent-color==\"Teal\") {\n --ctp-accent: var(--ctp-teal) !important;\n } else if (accent-color==\"Blue\") {\n --ctp-accent: var(--ctp-blue) !important;\n } else if (accent-color==\"Sapphire\") {\n --ctp-accent: var(--ctp-sapphire) !important;\n } else if (accent-color==\"Sky\") {\n --ctp-accent: var(--ctp-sky) !important;\n } else if (accent-color==\"Lavender\") {\n --ctp-accent: var(--ctp-lavender) !important;\n } else if (accent-color==\"Text\") {\n --ctp-accent: var(--ctp-text) !important;\n }\n }\n}",
"usercssData": {
"name": "Youtube Music Catppuccin",
"namespace": "github.com/catppuccin/youtubemusic",
"version": "0.3.0",
"description": "Soothing pastel theme for Youtube Music",
"author": "Catppuccin",
"preprocessor": "stylus",
"vars": {
"theme": {
"type": "select",
"label": "Theme",
"name": "theme",
"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"
}
]
},
"accent-color": {
"type": "select",
"label": "Accent",
"name": "accent-color",
"value": "Lavender",
"default": "Rosewater",
"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": "Text",
"label": "Text",
"value": "Text"
}
]
}
}
},
"author": "Catppuccin",
"description": "Soothing pastel theme for Youtube Music",
"name": "Youtube Music Catppuccin",
"originalDigest": "2c8f106d5677ba960f006f0e12a54dfe18ef5e18",
"_id": "f31395a6-5945-40e7-8263-583009812a5e",
"_rev": 1689350221716,
"id": 34
}
]
Reference in a new issue View git blame Copy permalink