mirror of
https://github.com/XNM1/linux-nixos-hyprland-config-dotfiles.git
synced 2025-09-15 09:45:58 +03:00
3896 lines
810 KiB
JSON
3896 lines
810 KiB
JSON
[
|
|
{
|
|
"settings": {
|
|
"disableAll": false,
|
|
"exposeIframes": false,
|
|
"exposeStyleName": false,
|
|
"keepAlive": 0,
|
|
"keepAliveIdle": false,
|
|
"newStyleAsUsercss": true,
|
|
"openEditInWindow": false,
|
|
"openEditInWindow.popup": false,
|
|
"patchCsp": true,
|
|
"show-badge": true,
|
|
"styleViaASS": false,
|
|
"styleViaXhr": false,
|
|
"urlInstaller": true,
|
|
"windowPosition": {},
|
|
"config.autosave": true,
|
|
"schemeSwitcher.enabled": "system",
|
|
"schemeSwitcher.nightStart": "18:00",
|
|
"schemeSwitcher.nightEnd": "06:00",
|
|
"popup.enabledFirst": true,
|
|
"popup.stylesFirst": true,
|
|
"popup.autoResort": false,
|
|
"popup.borders": false,
|
|
"popup.findSort": "u",
|
|
"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.links.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",
|
|
"manage.searchMode": "meta",
|
|
"editor.options": {},
|
|
"editor.toc.expanded": true,
|
|
"editor.options.expanded": true,
|
|
"editor.options.style.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,
|
|
"space_around_combinator": true,
|
|
"space_around_cmp": false
|
|
},
|
|
"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.livePreview.delay": 0.2,
|
|
"editor.targetsFirst": 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": -1,
|
|
"badgeDisabled": "#8B0000",
|
|
"badgeNormal": "#006666",
|
|
"headerWidth.edit": 280,
|
|
"headerWidth.install": 280,
|
|
"headerWidth.manage": 280,
|
|
"popup.search.globals": false,
|
|
"popupWidth": 246,
|
|
"popupWidthMax": 280,
|
|
"updateInterval": 24,
|
|
"updateOnlyEnabled": false
|
|
},
|
|
"order": {
|
|
"main": [],
|
|
"prio": []
|
|
}
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"installDate": 1715536014707,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"sourceCode": "/* ==UserStyle==\n@name Wikipedia Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/wikipedia\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/wikipedia\n@version 2025.01.01\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/wikipedia/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Awikipedia\n@description Soothing pastel theme for Wikipedia\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n@var checkbox highlight-redirect \"Highlight redirect links\" 0\n==/UserStyle== */\n\n@-moz-document domain(\"wikipedia.org\"),\n domain(\"wiktionary.org\"),\n domain(\"www.mediawiki.org\") {\n @import url(\"https://python.catppuccin.com/pygments/catppuccin-variables.important.css\");\n\n :root.skin-theme-clientpref-os,\n .skin-invert,\n .notheme {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n :root.skin-theme-clientpref-night {\n #catppuccin(@darkFlavor);\n }\n\n :root.skin-theme-clientpref-day {\n #catppuccin(@lightFlavor);\n }\n\n html.skin-theme-clientpref-os .skin-invert-image img,\n html.skin-theme-clientpref-os .skin-invert,\n html.skin-theme-clientpref-os\n .oo-ui-iconElement-icon:not(\n .oo-ui-image-progressive,\n .oo-ui-image-destructive,\n .oo-ui-checkboxInputWidget-checkIcon,\n .oo-ui-image-invert,\n .mw-no-invert\n ),\n html.skin-theme-clientpref-os .oo-ui-indicatorElement-indicator {\n filter: none;\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n @yellow-filter: @catppuccin-filters[@@flavor][@yellow];\n @blue-filter: @catppuccin-filters[@@flavor][@blue];\n @text-filter: @catppuccin-filters[@@flavor][@text];\n @crust-filter: @catppuccin-filters[@@flavor][@crust];\n @accent-filter: @catppuccin-filters[@@flavor][@@accentColor];\n\n --ctp-rosewater: @rosewater;\n --ctp-flamingo: @flamingo;\n --ctp-pink: @pink;\n --ctp-mauve: @mauve;\n --ctp-red: @red;\n --ctp-maroon: @maroon;\n --ctp-peach: @peach;\n --ctp-yellow: @yellow;\n --ctp-green: @green;\n --ctp-teal: @teal;\n --ctp-sky: @sky;\n --ctp-sapphire: @sapphire;\n --ctp-blue: @blue;\n --ctp-lavender: @lavender;\n --ctp-text: @text;\n --ctp-subtext1: @subtext1;\n --ctp-subtext0: @subtext0;\n --ctp-overlay2: @overlay2;\n --ctp-overlay1: @overlay1;\n --ctp-overlay0: @overlay0;\n --ctp-surface2: @surface2;\n --ctp-surface1: @surface1;\n --ctp-surface0: @surface0;\n --ctp-base: @base;\n --ctp-mantle: @mantle;\n --ctp-crust: @crust;\n\n color-scheme: if(@flavor = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n --color-base: @text;\n --color-base--hover: @text;\n --color-emphasized: @text;\n --color-subtle: @subtext0;\n --color-inverted: @crust;\n --color-inverted-fixed: @crust;\n --color-progressive: @accent;\n --color-progressive--hover: darken(@accent, 5%);\n --color-progressive--active: darken(@accent, 5%);\n --color-progressive--focus: darken(@accent, 5%);\n --color-destructive: @red;\n --color-destructive--hover: @maroon;\n --color-destructive--active: @maroon;\n --color-visited: @lavender;\n --color-destructive--visited: #b97876;\n --color-error: @red;\n --color-warning: @yellow;\n --color-success: @green;\n --color-notice: @text;\n --color-icon-error: @red;\n --color-icon-warning: @yellow;\n --color-icon-success: @green;\n --color-icon-notice: @subtext0;\n --color-content-added: @green;\n --color-content-removed: @maroon;\n --color-placeholder: @subtext0;\n --color-disabled: @overlay2;\n --box-shadow-color-base: #fff;\n --box-shadow-color-inverted: #000;\n --box-shadow-color-progressive--focus: @accent;\n --background-color-interactive: @surface0;\n --background-color-interactive-subtle: @surface0;\n --background-color-interactive-subtle--hover: @surface1;\n --background-color-disabled: @overlay2;\n --background-color-disabled-subtle: @surface0;\n --background-color-progressive: @accent;\n --background-color-progressive-subtle: fade(@accent, 10%);\n --background-color-destructive-subtle: #421211;\n --background-color-progressive--active: fade(@accent, 70%);\n --background-color-progressive--hover: fade(@accent, 70%);\n --background-color-progressive--focus: fade(@accent, 70%);\n --background-color-error: @red;\n --background-color-error--hover: @maroon;\n --background-color-error--active: @maroon;\n --background-color-error-subtle: fade(@red, 20%);\n --background-color-warning-subtle: fade(@yellow, 20%);\n --background-color-success-subtle: fade(@green, 20%);\n --background-color-notice-subtle: @surface0;\n --background-color-content-added: #2a4b8d;\n --background-color-content-removed: #a66200;\n --background-color-backdrop-light: rgba(0, 0, 0, 0.65);\n --background-color-backdrop-dark: rgba(255, 255, 255, 0.65);\n --background-color-base: @base;\n --background-color-base-fixed: @base;\n --background-color-neutral: @base;\n --background-color-neutral-subtle: @surface0;\n --background-color-inverted: @text;\n --background-color-input-binary--checked: @accent;\n --border-base: 1px solid @surface0;\n --border-subtle: 1px solid @surface0;\n --border-color-base: @surface0;\n --border-color-interactive: @surface2;\n --border-color-interactive--hover: @overlay0;\n --border-color-disabled: #54595d;\n --border-color-subtle: @surface1;\n --border-color-muted: #404244;\n --border-color-inverted: #101418;\n --border-color-error: @red;\n --border-color-error--hover: @maroon;\n --border-color-warning: @yellow;\n --border-color-success: @green;\n --border-color-notice: @surface2;\n --border-color-content-added: @blue;\n --border-color-content-removed: @peach;\n --border-color-progressive: @accent;\n --border-color-progressive--active: @accent;\n --border-color-progressive--hover: @accent;\n --border-color-progressive--focus: @accent;\n\n /* Wiktionary */\n --wikt-palette-indigo: @lavender;\n --wikt-palette-lightindigo: fade(@lavender, 40%);\n --wikt-palette-lighterblue: fade(@blue, 20%);\n --wikt-palette-dulllightblue: fade(@blue, 40%);\n --wikt-palette-grey: @subtext0;\n --wikt-palette-lightergrey: fade(@subtext0, 40%);\n\n /* Other */\n\n .infobox {\n border-color: @surface2;\n }\n\n [style=\"color:white;\"], [style*=\"color:#ffffff\"] {\n color: @text !important;\n }\n .mw-collapsible-toggle-default {\n &::before, &::after {\n color: @subtext0;\n }\n }\n\n a {\n color: @accent;\n\n &:focus {\n outline-color: @accent;\n }\n }\n\n .mw-parser-output {\n a.external {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"><path fill=\"@{accent}\" d=\"M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16zM2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n /* Wikipedia Home */\n #mp-topbanner {\n background-color: @base;\n border-color: @surface1;\n }\n #mp-left {\n background-color: fade(@green, 20%);\n border-color: @green;\n\n .mp-h2 {\n background-color: fade(@green, 40%);\n border-color: fade(@green, 40%);\n }\n }\n #mp-right {\n background-color: fade(@blue, 20%);\n border-color: @blue;\n\n .mp-h2 {\n background-color: fade(@blue, 40%);\n border-color: fade(@blue, 40%);\n }\n }\n #mp-lower {\n background-color: fade(@lavender, 20%);\n border-color: @lavender;\n\n .mp-h2 {\n background-color: fade(@lavender, 40%);\n border-color: fade(@lavender, 40%);\n }\n }\n #mp-bottom .mp-h2 {\n background-color: fade(@accent, 40%);\n border-color: fade(@accent, 40%);\n }\n .wikipedia-languages-prettybars {\n background-color: @surface2;\n }\n\n /* MediaWiki Home */\n .mainpage_box {\n border-color: @surface2;\n\n .header_icon {\n filter: @text-filter;\n }\n\n .items {\n border-top-color: @surface1;\n }\n }\n .nmbox {\n background-color: @surface0;\n border-color: @surface2;\n\n .nmbox-header {\n background-color: @base;\n border-color: @surface1;\n }\n }\n /* MediaWiki Pages */\n .tpl-downloadmediawiki-icon {\n filter: @crust-filter;\n }\n .note-info {\n filter: @blue-filter;\n color: @text;\n background-color: fade(@blue, 20%);\n }\n .note-warn {\n filter: @yellow-filter;\n color: @text;\n background-color: fade(@yellow, 20%);\n }\n }\n\n /* OOUI */\n .oo-ui-iconElement-icon,\n .oo-ui-indicator-down {\n filter: @text-filter !important;\n }\n\n /* View source */\n textarea {\n background-color: @mantle;\n color: @text;\n }\n\n /* View history */\n .flaggedrevs-color-1 {\n background-color: fade(@blue, 10%);\n }\n\n /* Language search and settings */\n .uls-search,\n .uls-filtersuggestion,\n .uls-lcd,\n #uls-settings-block.uls-settings-block--vector-2022.uls-settings-block--with-add-languages,\n #language-settings-dialog,\n #languagesettings-settings-panel,\n .uls-language-settings-close-block {\n background-color: @mantle;\n }\n .uls-language-block a {\n color: @accent;\n }\n .uls-search-label,\n #uls-settings-block.uls-settings-block--vector-2022\n > button.uls-add-languages-button,\n #uls-settings-block.uls-settings-block--vector-2022\n > button.uls-language-settings-button,\n #uls-settings-block.uls-settings-block--vector-2022\n > button.uls-language-settings-button:hover,\n .uls-icon-close,\n .uls-languagefilter-clear {\n filter: @text-filter;\n }\n .uls-sub-panel, .language-settings-buttons {\n border-color: @surface1;\n }\n .uls-language-block > ul > li:hover {\n background-color: @surface0;\n }\n .languagesettings-menu .menu-section.active {\n background-color: @surface1;\n }\n\n /* Icons */\n\n img[alt=\"Edit this on Wikidata\"],\n img[alt=\"Edit this at Wikidata\"] {\n filter: @accent-filter;\n }\n\n .mw-logo-wordmark {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 120 18\"><path fill=\"@{text}\" fill-rule=\"nonzero\" d=\"m18.339 0 .199.001h.375l.174.001h.315l.138.001.323.001h.171l.058.053v.5q0 .208-.231.208c-.753.035-.908.11-1.184.507-.15.216-.447.68-.755 1.204L15.28 7.419l-.074.154 3.23 6.611.196.054L23.72 2.162q.265-.73-.078-1.035c-.228-.197-.389-.315-.978-.34l-.477-.023a.28.28 0 0 1-.168-.061.17.17 0 0 1-.08-.147V.054l.073-.052h5.749l.058.052v.502q0 .204-.231.205-1.129.051-1.673.489c-.362.294-.645.698-.848 1.225 0 0-1.53 3.5-3.137 7.159l-.268.61c-1.12 2.55-2.24 5.09-2.876 6.501-.613 1.17-1.22 1.06-1.745-.033-.411-.847-1.1-2.33-1.8-3.86l-.469-1.024c-.273-.6-.54-1.19-.786-1.727-1.08 2.23-2.56 5.26-3.3 6.624-.715 1.24-1.3 1.08-1.771.032-1.63-3.84-4.97-10.6-6.539-14.35-.29-.697-.51-1.14-.716-1.32Q1.347.827.36.774.002.734 0 .593V.067L.058.016.592.014H1.6l.969-.001h.253l1.734.001h.225l.95.001h.577l.058.052v.5q0 .207-.26.206L5.454.8q-.84.036-.84.5c0 .145.06.38.19.696 1.25 3.05 5.58 12.2 5.576 12.169l.158.04 2.787-5.56c-.34-.751-.558-1.23-.558-1.234l-1.916-3.765s-.37-.753-.497-1.004C9.512.972 9.53.882 8.68.772c-.238-.031-.361-.061-.362-.18V.065L8.39.013h.702L10.58.01h2.77l.131.043V.58q0 .181-.26.182l-.36.052c-.909.07-.76.442-.156 1.644l1.838 3.76 2.034-4.055c.318-.693.278-.9.157-1.064l-.027-.035c-.081-.096-.351-.251-.94-.275l-.231-.025a.28.28 0 0 1-.167-.06.17.17 0 0 1-.079-.147v-.5l.072-.052L16.24 0zm10.464 5.318h.118c.71 0 2.73-.053 2.73-.053l.027.053v.577c0 .08-.053.131-.158.132l-.551.053c-.814.078-1.1.29-1.103.815v8.74c0 .578.262.92 1.103.998l.551.054c.079 0 .157.051.158.156v.552l-.027.053s-1.99-.053-2.808-.053c-.735 0-2.78.053-2.783.053l-.052-.053v-.552c0-.105.078-.156.184-.156l.525-.054c.866-.078 1.13-.499 1.128-.997V6.895c0-.575-.316-.736-1.128-.813l-.525-.054c-.105 0-.184-.024-.184-.105v-.605l.026-.053s1.89.048 2.769.053m8.81 10.318c0 .577.341.866 1.103.997l.288.054c.079.025.157.051.158.156v.551l-.027.054s-1.65-.054-2.44-.054c-.736 0-2.89.054-2.888.054l-.053-.054v-.55c0-.106.08-.157.184-.157l.525-.054c.787-.079 1.13-.499 1.129-.997V6.895c0-.575-.29-.736-1.129-.813l-.525-.055c-.105 0-.184-.024-.184-.105v-.604l.027-.053s2.15.053 2.966.053c.736 0 2.39-.053 2.389-.053l.026.053v.577c0 .079-.053.105-.158.131l-.288.054c-.814.156-1.1.289-1.103.815v3.964c.866 0 1.36-.444 2.52-1.68 1.05-1.16 1.86-2.12 1.864-2.626 0-.21-.236-.445-.762-.526-.105-.024-.157-.052-.157-.13V5.29l.026-.024s2.13.053 2.888.053c.682 0 1.84-.053 1.837-.053l.079.024v.606c0 .079-.079.131-.21.131-1.02.08-1.73.131-2.678 1.208l-2.257 2.597c-.446.475-.604.76-.604.972 0 .157.105.288.237.445l3.963 4.778c.315.366.945.525 1.47.628l.131.026c.08.025.184.077.184.156v.551l-.079.027s-1.39-.026-2.126-.027c-.656 0-1.6.027-1.6.027l-.027-.027v-.315c0-.342-.026-.629-.394-1.049l-2.914-3.623c-.394-.526-.814-.655-1.39-.655v3.89zm14.151 0c0 .577.262.919 1.102.997l.552.054c.078 0 .157.051.157.156v.551l-.026.054s-1.99-.054-2.809-.054c-.735 0-2.78.054-2.782.054l-.053-.054v-.55c0-.106.08-.157.184-.157l.525-.054c.866-.079 1.13-.499 1.129-.997V6.895c0-.575-.315-.736-1.129-.813l-.525-.055c-.105 0-.184-.024-.184-.105v-.604l.027-.053s2.07.053 2.887.053c.709 0 2.73-.053 2.73-.053l.026.053v.577c0 .079-.052.131-.157.131l-.552.054c-.814.078-1.1.289-1.102.815zm5.672-8.69c0-.814-.341-.84-1.575-.919-.157 0-.184-.077-.184-.13v-.605l.053-.026c.394 0 1.94.053 2.703.053.735 0 1.78-.053 2.757-.053 3.73 0 4.41 1.84 4.407 3.203 0 1.58-.76 4.04-4.486 4.043-.656 0-1.18-.054-1.655-.263v3.516c0 .576.315.71 1.156.84l.526.079c.105.025.185.053.185.156v.551l-.024.054s-2.1-.054-2.915-.054c-.735 0-2.7.054-2.704.054l-.026-.054v-.551c0-.105.053-.131.158-.156l.55-.08c.815-.104 1.08-.34 1.077-.84zm2.021 4.568c.525.211 1.18.236 1.706.237 1.58 0 2.33-.947 2.335-2.967 0-2.26-1.02-2.76-2.466-2.756-1.26 0-1.58.236-1.576.919zm10.661 5.88c-.787 0-2.6.054-2.598.054l-.027-.054v-.577c0-.052.027-.13.158-.13l.605-.054c.815-.079 1.05-.604 1.051-1.128V6.843c0-.606-.315-.71-1.05-.761l-.606-.055c-.157-.024-.157-.077-.158-.105v-.604l.027-.053s2.05.053 2.834.053h3.859c.787 0 2.65-.053 2.652-.053l.055.053c.024 1.13.208 2.15.393 3.15l-.654.105c-.288-.972-.786-2.36-2.466-2.362h-2.1c-.5 0-.761.184-.761.63v3.806h1.967c.736 0 .92-.315 1.025-.84l.157-.55c0-.08.053-.133.157-.133h.444c.055 0 .055.027.055.079-.055.576-.157 1.31-.158 1.943 0 .655.105 1.21.158 1.811l-.055.054h-.444c-.13 0-.186-.054-.186-.133l-.13-.576c-.106-.526-.342-.815-1.028-.815h-1.966v4.017c0 .497.286.995.76.996h2.495c1.34 0 2.08-.84 2.388-2.207l.654.079-.526 3.017-.052.053s-1.55-.053-2.336-.053zm9.872-.707.604-.054c.788-.079 1.05-.315 1.05-1.128V6.843c0-.685-.185-.685-1.05-.761l-.576-.055c-.105 0-.186-.052-.186-.13v-.578l.026-.053s2.31.053 2.784.053c.497 0 2.78-.053 3.465-.053 4.38 0 6.54 2.73 6.537 6.221 0 4.59-3.26 5.96-6.167 5.958-2.1 0-3.02-.054-3.832-.054-.788 0-2.78.054-2.784.054l-.026-.054v-.55a.147.147 0 0 1 .155-.154m5.855 0c2.89 0 4.52-1.07 4.515-4.752 0-2.73-.605-5.91-5.014-5.908-1.02 0-1.68.157-1.68.816v8.662c0 .733.183 1.18 2.179 1.182m12.996-1.051c0 .577.262.919 1.102.997l.551.054c.079 0 .157.051.158.156v.551l-.027.054s-1.99-.054-2.807-.054c-.736 0-2.78.054-2.783.054l-.053-.054v-.55c0-.106.079-.157.184-.157l.526-.054c.865-.079 1.13-.499 1.128-.997V6.895c0-.575-.316-.736-1.128-.813l-.526-.055c-.105 0-.184-.024-.184-.105v-.604l.026-.053s2.07.053 2.886.053c.708 0 2.73-.053 2.73-.053l.025.053v.577c0 .079-.055.131-.158.131l-.551.054c-.815.078-1.1.289-1.103.815zm8.086.997.762.054c.105 0 .21.078.21.209v.498l-.053.054s-2.86-.054-3.491-.054c-.683 0-2.36.054-2.364.054l-.053-.054v-.498c0-.13.079-.21.21-.21 1.16-.078 1.81-.29 2.546-1.97l5.826-13.65c.288-.682.5-.946.895-.946.365 0 .498.264.707.788l5.38 14.227c.37 1.02.895 1.42 1.945 1.523l.288.025c.132 0 .264.078.263.211v.497l-.078.053s-2.02-.053-3.046-.053c-.92 0-3.49.053-3.492.053l-.025-.053v-.497c0-.133.053-.21.187-.21l.735-.054c.996-.078 1.37-.395 1.103-1.128l-1.602-4.438h-5.461c-.63 0-.787.105-.918.444l-1.524 3.807c-.262.66.079 1.24 1.05 1.318m6.431-6.67-2.546-7.007h-.052l-2.625 6.667c-.105.265.078.341.655.342h4.568v-.001z\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .mw-logo-tagline {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 117 13\"><path fill=\"@{text}\" d=\"M89.777 3.326c.104 0 .17.039.17.092 0 0-.055.363-.055.832 0 .093.076.081.117.039.584-.594 1.3-.921 1.781-.921 1.33 0 2.3 1.27 2.301 2.651 0 1.05-.352 1.86-.963 2.457-.533.509-1.18.729-1.91.729-.41 0-.812-.072-1.131-.201-.133-.055-.182-.071-.182.098v1.403c0 1.08.143 1.13 1.064 1.185.078.077.078.352 0 .428-.558-.011-.96-.025-1.572-.025-.572 0-.91.014-1.455.025-.078-.078-.078-.353 0-.431.793-.038.936-.104.936-1.184V4.951c0-.74-.143-.818-.846-.885-.025-.078-.053-.285-.025-.363.896-.116 1.4-.233 1.77-.377m-17.266.144c.078.078.078.353 0 .431-.479.039-.869.455-1.053.832-.688 1.46-1.26 2.8-2.301 5.305-.16.385-.33.757-.533 1.117-.467.834-.989.938-1.26.938-.352 0-.611-.209-.611-.48 0-.17.195-.561.572-.561.143 0 .193.039.377.039.324 0 .506-.116.648-.377.195-.402.354-.762.508-1.195.131-.363-.068-.961-.182-1.223l-1.473-3.419c-.354-.828-.459-.923-1.023-.976-.078-.078-.078-.353 0-.431q.388.023 1.053.024c.469 0 .988-.012 1.469-.024.078.078.078.353 0 .431-.797.062-.66.297-.426.846l1.152 2.703c.109.259.221.224.311.014l1.291-2.977c.203-.473-.215-.547-.625-.586-.078-.078-.078-.353 0-.431.48.015.729.024 1.184.024.363 0 .6-.012.922-.024M105.829.002c.117 0 .17.039.17.13 0 0-.046.448-.052 1.189l-.001 6.065c0 .639.117.885.949.949.078.078.078.273 0 .352-.793.092-1.38.285-1.664.521a.5.5 0 0 1-.299 0s.014-.639.014-.768c0-.092-.094-.067-.156-.019-.637.526-1.12.785-1.625.785-1.4 0-2.21-1.17-2.211-2.771 0-.963.338-1.73.898-2.286.52-.494 1.09-.781 1.949-.781.43 0 .963.222 1.014.222.092 0 .117-.026.117-.117V1.809c0-1.09-.156-1.03-.832-1.065-.078-.076-.104-.284-.078-.391.52-.039 1.48-.221 1.807-.351m7.457 3.372c.949 0 1.96.352 1.965 2.197v1.938c0 .6.014 1.1.52 1.105.273 0 .328-.209.404-.209.051 0 .168.131.168.222 0 .063-.467.585-1.104.585-.694 0-.924-.48-1.002-.754h-.024l-.001-.005-.258.206c-.572.441-.82.547-1.418.547-.91 0-1.64-.377-1.639-1.404 0-.884.898-1.57 2.146-1.885l1.115-.273c.039-.013.078-.064.078-.154 0-1.47-.609-1.69-1.055-1.689-.492 0-1.08.145-1.078.546 0 .146.014.224.025.263a.6.6 0 0 1 .039.231c0 .169-.195.429-.572.429-.299 0-.455-.143-.455-.455 0-.699 1.08-1.44 2.146-1.441m-15.579.018c1.81 0 2.2 1.17 2.197 2.265 0 .143-.09.221-.246.221l-3.459-.025c0 .754.154 1.35.416 1.78.402.663.949.937 1.418.937.754 0 1.13-.207 1.609-.701.156.011.234.078.273.206-.52.676-1.22 1.13-2.211 1.131-.936 0-1.55-.312-1.988-.832-.43-.494-.609-1.2-.609-1.924 0-1.98 1.47-3.06 2.6-3.058m-13.081-.024c2.02 0 2.73 1.57 2.73 2.926 0 1.3-.818 2.91-2.756 2.912-1.83 0-2.73-1.47-2.73-2.795 0-1.65 1-3.04 2.756-3.043m-49.254.024c1.81 0 2.2 1.17 2.197 2.265 0 .143-.091.221-.247.221l-3.458-.025c0 .754.156 1.35.416 1.78.403.663.949.937 1.417.937.754 0 1.13-.207 1.612-.701.156.011.234.078.273.206-.52.676-1.22 1.13-2.21 1.131-.936 0-1.55-.312-1.989-.832-.429-.494-.611-1.2-.611-1.924 0-1.98 1.47-3.06 2.6-3.058m5.85 0c1.81 0 2.2 1.17 2.197 2.265 0 .143-.091.221-.247.221l-3.458-.025c0 .754.156 1.35.416 1.78.403.663.949.937 1.417.937.754 0 1.13-.207 1.612-.701.156.011.234.078.273.206-.52.676-1.22 1.13-2.21 1.131-.936 0-1.55-.312-1.989-.832-.429-.494-.611-1.2-.611-1.924 0-1.98 1.47-3.06 2.6-3.058m-25.009 0c1.81 0 2.2 1.17 2.197 2.265 0 .143-.091.221-.247.221l-3.458-.025c0 .754.156 1.35.416 1.78.403.663.949.937 1.417.937.754 0 1.13-.207 1.612-.701.156.011.234.078.273.206-.52.676-1.22 1.13-2.21 1.131-.936 0-1.55-.312-1.989-.832-.429-.494-.611-1.2-.611-1.924 0-1.98 1.47-3.06 2.6-3.058m47.407-.024c1.25 0 1.99.521 1.988 1.234 0 .402-.363.571-.637.571s-.453-.117-.494-.468c-.053-.455-.156-.91-.924-.91-.857 0-1.48.857-1.482 2.288 0 1.52.795 2.48 1.742 2.481.561 0 1.12-.285 1.561-.856.117.013.221.063.273.183-.65 1.07-1.34 1.32-2.119 1.315-1.64 0-2.57-1.16-2.574-2.834 0-1.85 1.38-3 2.666-3.004m12.037 0c1.25 0 1.99.521 1.988 1.234 0 .402-.363.571-.637.571-.271 0-.453-.117-.494-.468-.051-.455-.154-.91-.922-.91-.859 0-1.48.857-1.482 2.288 0 1.52.793 2.48 1.742 2.481.559 0 1.12-.285 1.561-.856.117.013.221.063.271.183-.648 1.07-1.34 1.32-2.119 1.315-1.64 0-2.57-1.16-2.572-2.834 0-1.85 1.38-3 2.664-3.004m-45.836-.035c.104 0 .169.038.169.091 0 0-.065.624-.065 1.04 0 .063.039.13.117-.015.299-.506.832-1.08 1.443-1.078.546 0 .78.375.78.623 0 .326-.299.649-.611.649-.273 0-.403-.247-.533-.377-.078-.077-.182-.091-.273-.091-.156 0-.455.43-.598.637-.156.234-.312.533-.312.871v1.809c0 1.08.156 1.12 1.066 1.184.078.078.078.354 0 .43a61 61 0 0 0-1.573-.025c-.52 0-.936.014-1.482.025-.078-.076-.078-.352 0-.43.806-.053.962-.104.962-1.184V4.958c0-.719-.143-.822-.845-.886-.052-.078-.052-.285-.026-.362.897-.117 1.42-.234 1.781-.377M80.104.002c.115 0 .168.039.168.13 0 0-.046.448-.052 1.189l-.001 6.168c0 1.08.145 1.14.938 1.184.078.078.078.352 0 .43-.561-.014-.885-.025-1.443-.025-.572 0-.91.014-1.457.025-.078-.078-.078-.352 0-.43.793-.039.938-.104.938-1.184l-.001-5.68c0-1.09-.156-1.03-.832-1.065-.078-.076-.105-.284-.078-.391.52-.039 1.49-.221 1.82-.351M52.231.633c.039 0 .052.013.052.039.026.104.221 1.35.286 1.885a.7.7 0 0 1-.429.065c-.286-.897-.494-1.42-1.469-1.417h-1.365c-.312 0-.468.26-.468.571v2.601h1.183c1.1.006 1.14-.163 1.183-.878.078-.078.351-.078.429 0-.013.39-.026.676-.026 1.117s.013.688.026 1.145c-.078.078-.351.078-.429 0-.039-.585-.078-.884-1.183-.884h-1.183V8.01c0 .353.182.56.468.56h1.768c.988 0 1.44-.768 1.703-1.703a.6.6 0 0 1 .455.064 21 21 0 0 1-.481 2.172s-.914-.022-1.543-.025h-2.963c-.21.003-1.09.015-1.643.025-.078-.078-.078-.352 0-.43.91-.039 1.13-.104 1.131-1.184V2.276c0-1.08-.221-1.15-1.131-1.185-.078-.078-.078-.353 0-.431.65.015 1.68.025 1.677.025h3.315c.312 0 .416-.013.637-.052m56.966 2.696c.104 0 .168.039.168.092 0 0-.051.832-.051 1.479v2.592c-.001 1.08.142 1.13.935 1.181.078.078.078.352 0 .43-.559-.014-.885-.025-1.443-.025-.57 0-.908.014-1.457.025-.074-.078-.074-.352 0-.43.793-.064.938-.104.938-1.184V4.954c0-.74-.137-.816-.846-.883-.025-.078-.054-.287-.025-.364.896-.117 1.41-.234 1.781-.378M27.199.633c.031 0 .046.009.052.039.018.099.214 1.35.282 1.885l-.403.065c-.286-.897-.494-1.42-1.469-1.417h-1.365c-.312 0-.468.13-.468.442v2.729h1.209c1.1 0 1.14-.169 1.183-.885.078-.077.351-.077.429 0-.013.391-.026.677-.026 1.119 0 .439.013.688.026 1.144-.078.078-.351.078-.429 0-.039-.585-.078-.884-1.183-.884h-1.209v2.619c0 1.08.221 1.14 1.131 1.184.078.078.078.352 0 .43-.65-.014-1.03-.025-1.677-.025-.663 0-1.05.014-1.69.025-.078-.078-.078-.352 0-.43.91-.039 1.13-.104 1.131-1.184V2.276c0-1.08-.221-1.15-1.131-1.185-.078-.078-.078-.353 0-.431.65.015 1.68.025 1.677.025h3.319c.308 0 .384-.008.611-.052M8.398 0c.104 0 .156.039.156.13 0 0-.037.455-.039 1.3l-.009 2.992c0 .183.083.048.127 0 .793-.884 1.42-1.05 2.054-1.054.455 0 .861.156 1.079.44.303.396.351 1.03.351 1.742v1.938c0 1.06.143 1.12.871 1.184.065.078.065.352 0 .43-.559-.014-.845-.025-1.378-.025-.52 0-.78.014-1.326.025-.065-.078-.065-.352 0-.43.676-.064.806-.117.806-1.184V5.51c0-.39-.026-.743-.156-1.001-.151-.298-.424-.468-.689-.468-.512 0-1.01.28-1.508.767a.76.76 0 0 0-.221.549v2.131c0 1.08.117 1.13.777 1.184.078.078.078.352 0 .43-.547-.014-.777-.025-1.285-.025-.559 0-.892.014-1.427.025-.078-.078-.078-.352 0-.43.754-.053.907-.104.907-1.184V1.805c0-.299 0-.598-.91-.598H4.927c-.468 0-.598.233-.598.676v5.604c0 1.08.221 1.14 1.261 1.184.078.078.078.352 0 .43-.65-.014-1.1-.025-1.807-.025-.715 0-1.18.014-1.82.025-.078-.078-.078-.352 0-.43 1.04-.039 1.26-.104 1.261-1.184V1.843c0-.401-.13-.637-.598-.637H1.534C.819 1.206.65 1.361.39 2.4L0 2.337C.156 1.649.234.977.286.335l.351.052c0 .078 0 .301.273.301h5.174c1.1 0 1.26-.099 2.314-.688m47.33 3.328c.104 0 .156.039.156.104 0 0-.065.6-.065.988 0 .183.091.052.13 0 .792-.882 1.42-1.05 2.054-1.052.455 0 .857.156 1.078.44.301.403.352 1.03.352 1.742v1.938c0 1.06.145 1.12.871 1.184.064.078.064.352 0 .43-.559-.014-.846-.025-1.377-.025-.521 0-.779.014-1.327.025-.065-.078-.065-.352 0-.43.676-.064.806-.117.806-1.184V5.51c0-.39-.026-.74-.156-1.001-.156-.299-.429-.468-.689-.468-.507 0-1.01.284-1.508.767a.77.77 0 0 0-.221.549v2.131c0 1.06.117 1.12.78 1.184.078.078.078.352 0 .43-.546-.014-.78-.025-1.287-.025-.559 0-.897.014-1.43.025-.078-.078-.078-.352 0-.43.78-.064.91-.117.91-1.184V4.953c0-.754-.143-.818-.845-.883-.026-.078-.052-.287-.026-.364.897-.117 1.43-.234 1.794-.378m28.755.473c-1.09-.003-1.49 1.18-1.494 2.312 0 1 .494 2.67 1.846 2.666.611 0 1.4-.353 1.404-2.066 0-1.91-.637-2.91-1.756-2.912m6.942.163c-.379 0-.91.338-1.312.754-.167.175-.208.303-.208.575v2.418c0 .47.051.545.311.778.234.209.689.273.924.273 1.46 0 1.83-1.33 1.832-2.395 0-1.47-.715-2.4-1.547-2.403m22.819 2.084-1.032.274c-.959.254-1.23.846-1.234 1.431 0 .401.285.923.938.923.363 0 .809-.286 1.146-.561.104-.078.182-.168.182-.338zm-10.588-2.225c-.26 0-.809.039-1.209.648-.193.271-.377.793-.377 1.729 0 1.62.729 2.39 1.432 2.393.322 0 .738-.208 1.223-.624.184-.158.207-.26.207-.507V4.993c0-.402-.039-.493-.221-.701-.262-.299-.586-.469-1.055-.469m-68.284 0c-.312 0-1.22.117-1.469 1.586l2.353-.039c.143-.002.195-.064.195-.183 0-1.09-.585-1.36-1.079-1.364m-19.159 0c-.312 0-1.22.117-1.469 1.586l2.353-.039c.143-.002.195-.064.195-.183 0-1.09-.585-1.36-1.079-1.364m25.009 0c-.312 0-1.22.117-1.469 1.586l2.353-.039c.143-.002.195-.064.195-.183 0-1.09-.585-1.36-1.079-1.364m56.482 0c-.311 0-1.22.117-1.469 1.586l2.354-.039c.145-.002.195-.064.195-.183 0-1.09-.586-1.36-1.08-1.364M108.805.665c.352 0 .623.363.623.676 0 .273-.312.624-.676.624-.312 0-.623-.338-.623-.677.001-.311.364-.623.676-.623\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .vector-page-titlebar\n .mw-portlet-lang\n .vector-dropdown-label.cdx-button--action-progressive.cdx-button--weight-quiet::after {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"><path fill=\"@{accent}\" d=\"m11.05 3.996-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5z\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n filter: none;\n }\n\n .vector-icon {\n filter: none !important;\n\n &.mw-ui-icon-wikimedia-menu {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z\" fill=\"@{text}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-ellipsis {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><g fill=\"@{text}\"><circle cx=\"10\" cy=\"10\" r=\"2\"/><circle cx=\"3\" cy=\"10\" r=\"2\"/><circle cx=\"17\" cy=\"10\" r=\"2\"/></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-appearance {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M5.25 14.5a4.25 4.25 0 0 0 4.247-4.092c.3-.21.706-.21 1.006 0a4.25 4.25 0 0 0 8.431.59L19 11a1 1 0 1 0-.182-1.984 4.252 4.252 0 0 0-7.896-.615 2.9 2.9 0 0 0-1.844 0 4.25 4.25 0 0 0-7.896.615 1 1 0 1 0-.116 1.981A4.25 4.25 0 0 0 5.25 14.5m0-2a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5M17 10.25a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0\" fill=\"@{text}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-expand {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"><path fill=\"@{text}\" d=\"m11.05 3.996-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5z\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n &.mw-ui-icon-wikimedia-language-progressive {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"M20 18h-1.44a.6.6 0 0 1-.4-.12.8.8 0 0 1-.23-.31L17 15h-5l-1 2.54a.8.8 0 0 1-.22.3.6.6 0 0 1-.4.14H9l4.55-11.47h1.89zm-3.53-4.31L14.89 9.5a12 12 0 0 1-.39-1.24q-.09.37-.19.69l-.19.56-1.58 4.19zm-6.3-1.58a13.4 13.4 0 0 1-2.91-1.41 11.46 11.46 0 0 0 2.81-5.37H12V4H7.31a4 4 0 0 0-.2-.56C6.87 2.79 6.6 2 6.6 2l-1.47.5s.4.89.6 1.5H0v1.33h2.15A11.23 11.23 0 0 0 5 10.7a17.2 17.2 0 0 1-5 2.1q.56.82.87 1.38a23.3 23.3 0 0 0 5.22-2.51 15.6 15.6 0 0 0 3.56 1.77zM3.63 5.33h4.91a8.1 8.1 0 0 1-2.45 4.45 9.1 9.1 0 0 1-2.46-4.45\" fill=\"@{accent}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n &.mw-ui-icon-wikimedia-language {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"M20 18h-1.44a.6.6 0 0 1-.4-.12.8.8 0 0 1-.23-.31L17 15h-5l-1 2.54a.8.8 0 0 1-.22.3.6.6 0 0 1-.4.14H9l4.55-11.47h1.89zm-3.53-4.31L14.89 9.5a12 12 0 0 1-.39-1.24q-.09.37-.19.69l-.19.56-1.58 4.19zm-6.3-1.58a13.4 13.4 0 0 1-2.91-1.41 11.46 11.46 0 0 0 2.81-5.37H12V4H7.31a4 4 0 0 0-.2-.56C6.87 2.79 6.6 2 6.6 2l-1.47.5s.4.89.6 1.5H0v1.33h2.15A11.23 11.23 0 0 0 5 10.7a17.2 17.2 0 0 1-5 2.1q.56.82.87 1.38a23.3 23.3 0 0 0 5.22-2.51 15.6 15.6 0 0 0 3.56 1.77zM3.63 5.33h4.91a8.1 8.1 0 0 1-2.45 4.45 9.1 9.1 0 0 1-2.46-4.45\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n &.mw-ui-icon-wikimedia-listBullet {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"@{text}\"><path d=\"M7 15h12v2H7zm0-6h12v2H7zm0-6h12v2H7z\"/><circle cx=\"3\" cy=\"4\" r=\"2\"/><circle cx=\"3\" cy=\"10\" r=\"2\"/><circle cx=\"3\" cy=\"16\" r=\"2\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n &.mw-ui-icon-wikimedia-fullScreen {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"M1 1v6h2V3h4V1zm2 12H1v6h6v-2H3zm14 4h-4v2h6v-6h-2zm0-16h-4v2h4v4h2V1z\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-userAvatar {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><g fill=\"@{text}\"><path d=\"M10 11c-5.92 0-8 3-8 5v3h16v-3c0-2-2.08-5-8-5\"/><circle cx=\"10\" cy=\"5.5\" r=\"4.5\"/></g></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-watchlist {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"M1 3h16v2H1Zm0 6h6v2H1Zm0 6h8v2H1Zm8-4.24h3.85L14.5 7l1.65 3.76H20l-3 3.17.9 4.05-3.4-2.14L11.1 18l.9-4.05Z\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-tray {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"M3 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm14 12h-4l-1 2H8l-1-2H3V3h14z\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-bell {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"M16 7a5.38 5.38 0 0 0-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 0 0 4 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 0 0 3-3H7a3 3 0 0 0 3 3\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-star {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7zm-10 6.9-3.76 2.27 1-4.28L3.5 8.5h4.61L10 4.6l1.9 3.9h4.6l-3.73 3.4 1 4.28z\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-userTalk {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"M18 0H2a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2m-4 4a1.5 1.5 0 1 1-1.5 1.5A1.5 1.5 0 0 1 14 4M6 4a1.5 1.5 0 1 1-1.5 1.5A1.5 1.5 0 0 1 6 4m4 8c-2.61 0-4.83-.67-5.65-3h11.3c-.82 2.33-3.04 3-5.65 3\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-sandbox {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"M8 12V9l6-6 3 3-6 6zm10-7-3-3 2-2 3 3zM8 2h2v2H8zM4 2h2v2H4zM0 3a1 1 0 0 1 1-1h1v2H0zm0 3h2v2H0zm0 4h2v2H0zm0 4h2v2H0zm0 4h2v2H1a1 1 0 0 1-1-1zm4 0h2v2H4zm4 0h2v2H8zm4 0h2v1a1 1 0 0 1-1 1h-1zm0-4h2v2h-2z\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-settings {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><g fill=\"@{text}\"><g xmlns:xlink=\"http://www.w3.org/1999/xlink\" transform=\"translate(10 10)\"><path id=\"a\" d=\"M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3\"/><use xlink:href=\"#a\" transform=\"rotate(45)\"/><use xlink:href=\"#a\" transform=\"rotate(90)\"/><use xlink:href=\"#a\" transform=\"rotate(135)\"/></g><path d=\"M10 2.5a7.5 7.5 0 0 0 0 15 7.5 7.5 0 0 0 0-15v4a3.5 3.5 0 0 1 0 7 3.5 3.5 0 0 1 0-7\"/></g></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-unStar {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7z\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-labFlask {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"M13 7.61V3h1V1H6v2h1v4.61l-5.86 9.88A1 1 0 0 0 2 19h16a1 1 0 0 0 .86-1.51zm-4.2.88a1 1 0 0 0 .2-.6V3h2v4.89a1 1 0 0 0 .14.51l2.14 3.6H6.72z\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-userContributions {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><g fill=\"@{text}\"><circle cx=\"15.5\" cy=\"10.5\" r=\"2.5\"/><path d=\"M1 15h8v2H1Zm0-6h10v2H1Zm0-6h16v2H1Zm14.5 10.6c-3.3 0-4.5 1.6-4.5 2.7V18h9v-1.7c0-1-1.2-2.7-4.5-2.7\"/></g></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-logOut {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><g fill=\"@{text}\"><path d=\"M3 3h8V1H3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8v-2H3z\"/><path d=\"M13 5v4H5v2h8v4l6-5z\"/></g></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-search {\n @svg: escape(\n '<svg fill=\"@{text}\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-edit {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-history {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><g fill=\"@{text}\"><path d=\"M9 6v5h.06l2.48 2.47 1.41-1.41L11 10.11V6z\"/><path d=\"M10 1a9 9 0 0 0-7.85 13.35L.5 16H6v-5.5l-2.38 2.38A7 7 0 1 1 10 17v2a9 9 0 0 0 0-18\"/></g></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-speechBubbles {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><g fill=\"@{text}\"><path d=\"M17 4v7a2 2 0 0 1-2 2H4v1a2 2 0 0 0 2 2h10l4 4V6a2 2 0 0 0-2-2zM6 10H0v6z\"/><rect width=\"16\" height=\"12\" rx=\"2\"/></g></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-editLock {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"M12 12a2 2 0 0 1-2-2V5.25l-9 9V19h4.75l7-7zm7-8h-.5V2.5a2.5 2.5 0 0 0-5 0V4H13a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1m-3 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1m1.5-4h-3V2.75C14.5 2 14.5 1 16 1s1.5 1 1.5 1.75z\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n }\n\n /* Root */\n :root:has(.central-featured) {\n #catppuccin(@lightFlavor);\n\n &, body {\n color: @text;\n background-color: @base;\n\n .svg-Wikipedia_wordmark {\n filter: @text-filter;\n }\n\n .central-featured-lang small,\n .other-project-tagline,\n .site-license,\n .footer-sidebar-text {\n color: @subtext1;\n }\n\n .central-featured-lang :hover {\n background-color: @surface1;\n }\n\n .other-project-link:hover {\n background-color: @surface1;\n }\n\n .search-container {\n #searchInput {\n color: @text;\n background-color: @mantle;\n border-color: @overlay2;\n box-shadow: none;\n\n &:focus {\n border-color: @accent;\n }\n }\n\n .js-langpicker-label {\n color: @subtext0;\n }\n .styled-select:hover {\n background-color: @surface1;\n }\n .sprite.svg-arrow-down {\n filter: @text-filter;\n }\n\n button[type=\"submit\"] {\n background-color: @accent;\n border-color: @accent;\n\n .svg-search-icon {\n filter: @crust-filter;\n }\n }\n\n .suggestions-dropdown {\n background-color: @mantle;\n border-color: @overlay2;\n\n .suggestion-link {\n border-bottom-color: @overlay0;\n\n &.active {\n background-color: fade(@accent, 10%);\n }\n\n .suggestion-thumbnail {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 56 56\"><path fill=\"@{surface1}\" d=\"M0 0h56v56H0z\"/><path fill=\"@{overlay2}\" d=\"M36.4 13.5H17.8v24.9c0 1.4.9 2.3 2.3 2.3h18.7v-25c.1-1.4-1-2.2-2.4-2.2M30.2 17h5.1v6.4h-5.1zm-8.8 0h6v1.8h-6zm0 4.6h6v1.8h-6zm0 15.5v-1.8h13.8v1.8zm13.8-4.5H21.4v-1.8h13.8zm0-4.7H21.4v-1.8h13.8z\"/></svg>',\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .suggestion-title {\n color: @text;\n }\n }\n }\n }\n\n hr {\n border-bottom-color: @surface1;\n }\n\n .lang-list-border {\n background-color: @surface2;\n }\n .lang-list-button {\n background-color: @mantle;\n color: @accent;\n outline-color: @mantle;\n border-color: @surface2;\n\n .svg-language-icon,\n .svg-arrow-down-blue {\n filter: @accent-filter;\n }\n\n &:focus {\n box-shadow: inset 0 0 0 1px @accent;\n }\n }\n .lang-list-container {\n background-color: @surface0;\n\n .bookshelf {\n border-top-color: @overlay1;\n box-shadow: none;\n\n .text {\n color: @text;\n background-color: @surface2;\n }\n }\n }\n }\n }\n}\n\n/* deno-fmt-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n};\n\n/* deno-fmt-ignore */\n@catppuccin-filters: {\n @latte: { @rosewater: brightness(0) saturate(100%) invert(65%) sepia(18%) saturate(1048%) hue-rotate(323deg) brightness(92%) contrast(86%); @flamingo: brightness(0) saturate(100%) invert(84%) sepia(44%) saturate(4533%) hue-rotate(310deg) brightness(98%) contrast(75%); @pink: brightness(0) saturate(100%) invert(60%) sepia(32%) saturate(775%) hue-rotate(266deg) brightness(93%) contrast(97%); @mauve: brightness(0) saturate(100%) invert(26%) sepia(59%) saturate(3315%) hue-rotate(255deg) brightness(94%) contrast(100%); @red: brightness(0) saturate(100%) invert(16%) sepia(78%) saturate(7275%) hue-rotate(342deg) brightness(84%) contrast(94%); @maroon: brightness(0) saturate(100%) invert(31%) sepia(56%) saturate(2395%) hue-rotate(331deg) brightness(99%) contrast(82%); @peach: brightness(0) saturate(100%) invert(38%) sepia(81%) saturate(1292%) hue-rotate(356deg) brightness(103%) contrast(99%); @yellow: brightness(0) saturate(100%) invert(74%) sepia(47%) saturate(4570%) hue-rotate(354deg) brightness(95%) contrast(83%); @green: brightness(0) saturate(100%) invert(51%) sepia(25%) saturate(4134%) hue-rotate(76deg) brightness(95%) contrast(66%); @teal: brightness(0) saturate(100%) invert(41%) sepia(45%) saturate(1101%) hue-rotate(139deg) brightness(100%) contrast(82%); @sky: brightness(0) saturate(100%) invert(47%) sepia(76%) saturate(2427%) hue-rotate(166deg) brightness(99%) contrast(97%); @sapphire: brightness(0) saturate(100%) invert(52%) sepia(41%) saturate(6982%) hue-rotate(160deg) brightness(102%) contrast(75%); @blue: brightness(0) saturate(100%) invert(30%) sepia(80%) saturate(1850%) hue-rotate(209deg) brightness(94%) contrast(105%); @lavender: brightness(0) saturate(100%) invert(48%) sepia(61%) saturate(538%) hue-rotate(194deg) brightness(102%) contrast(98%); @text: brightness(0) saturate(100%) invert(30%) sepia(10%) saturate(1259%) hue-rotate(196deg) brightness(97%) contrast(91%); @subtext1: brightness(0) saturate(100%) invert(36%) sepia(10%) saturate(890%) hue-rotate(196deg) brightness(98%) contrast(90%); @subtext0: brightness(0) saturate(100%) invert(47%) sepia(6%) saturate(1263%) hue-rotate(195deg) brightness(90%) contrast(81%); @overlay2: brightness(0) saturate(100%) invert(59%) sepia(7%) saturate(825%) hue-rotate(195deg) brightness(83%) contrast(91%); @overlay1: brightness(0) saturate(100%) invert(59%) sepia(14%) saturate(333%) hue-rotate(194deg) brightness(95%) contrast(89%); @overlay0: brightness(0) saturate(100%) invert(85%) sepia(7%) saturate(595%) hue-rotate(191deg) brightness(77%) contrast(81%); @surface2: brightness(0) saturate(100%) invert(86%) sepia(6%) saturate(482%) hue-rotate(189deg) brightness(82%) contrast(88%); @surface1: brightness(0) saturate(100%) invert(85%) sepia(8%) saturate(281%) hue-rotate(187deg) brightness(92%) contrast(88%); @surface0: brightness(0) saturate(100%) invert(96%) sepia(1%) saturate(5123%) hue-rotate(185deg) brightness(93%) contrast(83%); @base: brightness(0) saturate(100%) invert(89%) sepia(5%) saturate(140%) hue-rotate(182deg) brightness(109%) contrast(94%); @mantle: brightness(0) saturate(100%) invert(93%) sepia(19%) saturate(55%) hue-rotate(182deg) brightness(98%) contrast(92%); @crust: brightness(0) saturate(100%) invert(91%) sepia(1%) saturate(4489%) hue-rotate(196deg) brightness(106%) contrast(82%); };\n @frappe: { @rosewater: brightness(0) saturate(100%) invert(90%) sepia(6%) saturate(734%) hue-rotate(321deg) brightness(95%) contrast(99%); @flamingo: brightness(0) saturate(100%) invert(88%) sepia(52%) saturate(817%) hue-rotate(293deg) brightness(113%) contrast(84%); @pink: brightness(0) saturate(100%) invert(76%) sepia(15%) saturate(844%) hue-rotate(280deg) brightness(107%) contrast(91%); @mauve: brightness(0) saturate(100%) invert(71%) sepia(25%) saturate(725%) hue-rotate(225deg) brightness(94%) contrast(91%); @red: brightness(0) saturate(100%) invert(67%) sepia(3%) saturate(7209%) hue-rotate(305deg) brightness(91%) contrast(99%); @maroon: brightness(0) saturate(100%) invert(61%) sepia(14%) saturate(957%) hue-rotate(307deg) brightness(109%) contrast(90%); @peach: brightness(0) saturate(100%) invert(68%) sepia(28%) saturate(662%) hue-rotate(335deg) brightness(96%) contrast(94%); @yellow: brightness(0) saturate(100%) invert(94%) sepia(88%) saturate(684%) hue-rotate(309deg) brightness(105%) contrast(80%); @green: brightness(0) saturate(100%) invert(89%) sepia(23%) saturate(582%) hue-rotate(42deg) brightness(87%) contrast(89%); @teal: brightness(0) saturate(100%) invert(91%) sepia(13%) saturate(986%) hue-rotate(110deg) brightness(85%) contrast(81%); @sky: brightness(0) saturate(100%) invert(75%) sepia(15%) saturate(623%) hue-rotate(141deg) brightness(109%) contrast(81%); @sapphire: brightness(0) saturate(100%) invert(77%) sepia(20%) saturate(730%) hue-rotate(157deg) brightness(97%) contrast(76%); @blue: brightness(0) saturate(100%) invert(68%) sepia(16%) saturate(1070%) hue-rotate(185deg) brightness(96%) contrast(95%); @lavender: brightness(0) saturate(100%) invert(75%) sepia(20%) saturate(626%) hue-rotate(201deg) brightness(101%) contrast(89%); @text: brightness(0) saturate(100%) invert(83%) sepia(12%) saturate(582%) hue-rotate(191deg) brightness(98%) contrast(96%); @subtext1: brightness(0) saturate(100%) invert(80%) sepia(18%) saturate(411%) hue-rotate(190deg) brightness(96%) contrast(84%); @subtext0: brightness(0) saturate(100%) invert(82%) sepia(6%) saturate(1287%) hue-rotate(192deg) brightness(86%) contrast(85%); @overlay2: brightness(0) saturate(100%) invert(65%) sepia(36%) saturate(230%) hue-rotate(190deg) brightness(92%) contrast(82%); @overlay1: brightness(0) saturate(100%) invert(55%) sepia(12%) saturate(638%) hue-rotate(189deg) brightness(98%) contrast(87%); @overlay0: brightness(0) saturate(100%) invert(49%) sepia(13%) saturate(662%) hue-rotate(192deg) brightness(94%) contrast(84%); @surface2: brightness(0) saturate(100%) invert(41%) sepia(20%) saturate(469%) hue-rotate(191deg) brightness(93%) contrast(86%); @surface1: brightness(0) saturate(100%) invert(34%) sepia(14%) saturate(771%) hue-rotate(190deg) brightness(89%) contrast(85%); @surface0: brightness(0) saturate(100%) invert(28%) sepia(7%) saturate(1468%) hue-rotate(193deg) brightness(92%) contrast(95%); @base: brightness(0) saturate(100%) invert(20%) sepia(17%) saturate(747%) hue-rotate(192deg) brightness(96%) contrast(97%); @mantle: brightness(0) saturate(100%) invert(8%) sepia(7%) saturate(7271%) hue-rotate(198deg) brightness(88%) contrast(75%); @crust: brightness(0) saturate(100%) invert(7%) sepia(7%) saturate(7415%) hue-rotate(197deg) brightness(86%) contrast(79%); };\n @macchiato: { @rosewater: brightness(0) saturate(100%) invert(88%) sepia(13%) saturate(322%) hue-rotate(321deg) brightness(102%) contrast(91%); @flamingo: brightness(0) saturate(100%) invert(82%) sepia(3%) saturate(3070%) hue-rotate(314deg) brightness(107%) contrast(88%); @pink: brightness(0) saturate(100%) invert(80%) sepia(23%) saturate(509%) hue-rotate(280deg) brightness(102%) contrast(92%); @mauve: brightness(0) saturate(100%) invert(65%) sepia(18%) saturate(903%) hue-rotate(222deg) brightness(104%) contrast(93%); @red: brightness(0) saturate(100%) invert(61%) sepia(19%) saturate(1541%) hue-rotate(305deg) brightness(110%) contrast(86%); @maroon: brightness(0) saturate(100%) invert(71%) sepia(10%) saturate(1331%) hue-rotate(306deg) brightness(93%) contrast(101%); @peach: brightness(0) saturate(100%) invert(73%) sepia(13%) saturate(1676%) hue-rotate(330deg) brightness(103%) contrast(92%); @yellow: brightness(0) saturate(100%) invert(87%) sepia(89%) saturate(321%) hue-rotate(314deg) brightness(101%) contrast(87%); @green: brightness(0) saturate(100%) invert(93%) sepia(12%) saturate(1128%) hue-rotate(48deg) brightness(92%) contrast(85%); @teal: brightness(0) saturate(100%) invert(92%) sepia(10%) saturate(1176%) hue-rotate(110deg) brightness(87%) contrast(90%); @sky: brightness(0) saturate(100%) invert(78%) sepia(57%) saturate(230%) hue-rotate(142deg) brightness(96%) contrast(84%); @sapphire: brightness(0) saturate(100%) invert(74%) sepia(35%) saturate(438%) hue-rotate(156deg) brightness(92%) contrast(93%); @blue: brightness(0) saturate(100%) invert(67%) sepia(17%) saturate(1007%) hue-rotate(183deg) brightness(99%) contrast(94%); @lavender: brightness(0) saturate(100%) invert(74%) sepia(6%) saturate(2559%) hue-rotate(198deg) brightness(103%) contrast(94%); @text: brightness(0) saturate(100%) invert(81%) sepia(9%) saturate(726%) hue-rotate(192deg) brightness(104%) contrast(92%); @subtext1: brightness(0) saturate(100%) invert(84%) sepia(5%) saturate(1453%) hue-rotate(193deg) brightness(94%) contrast(86%); @subtext0: brightness(0) saturate(100%) invert(75%) sepia(18%) saturate(361%) hue-rotate(190deg) brightness(91%) contrast(86%); @overlay2: brightness(0) saturate(100%) invert(67%) sepia(9%) saturate(814%) hue-rotate(191deg) brightness(92%) contrast(88%); @overlay1: brightness(0) saturate(100%) invert(49%) sepia(38%) saturate(203%) hue-rotate(190deg) brightness(101%) contrast(93%); @overlay0: brightness(0) saturate(100%) invert(46%) sepia(16%) saturate(552%) hue-rotate(193deg) brightness(93%) contrast(84%); @surface2: brightness(0) saturate(100%) invert(34%) sepia(16%) saturate(611%) hue-rotate(192deg) brightness(101%) contrast(87%); @surface1: brightness(0) saturate(100%) invert(30%) sepia(11%) saturate(1085%) hue-rotate(194deg) brightness(92%) contrast(89%); @surface0: brightness(0) saturate(100%) invert(18%) sepia(21%) saturate(880%) hue-rotate(193deg) brightness(97%) contrast(84%); @base: brightness(0) saturate(100%) invert(12%) sepia(42%) saturate(570%) hue-rotate(194deg) brightness(90%) contrast(90%); @mantle: brightness(0) saturate(100%) invert(6%) sepia(6%) saturate(7499%) hue-rotate(200deg) brightness(93%) contrast(85%); @crust: brightness(0) saturate(100%) invert(5%) sepia(8%) saturate(5346%) hue-rotate(202deg) brightness(98%) contrast(88%); };\n @mocha: { @rosewater: brightness(0) saturate(100%) invert(92%) sepia(5%) saturate(704%) hue-rotate(320deg) brightness(99%) contrast(93%); @flamingo: brightness(0) saturate(100%) invert(81%) sepia(5%) saturate(987%) hue-rotate(315deg) brightness(107%) contrast(90%); @pink: brightness(0) saturate(100%) invert(86%) sepia(11%) saturate(1177%) hue-rotate(283deg) brightness(101%) contrast(92%); @mauve: brightness(0) saturate(100%) invert(65%) sepia(58%) saturate(255%) hue-rotate(224deg) brightness(96%) contrast(102%); @red: brightness(0) saturate(100%) invert(61%) sepia(19%) saturate(997%) hue-rotate(294deg) brightness(104%) contrast(91%); @maroon: brightness(0) saturate(100%) invert(66%) sepia(16%) saturate(1301%) hue-rotate(306deg) brightness(116%) contrast(84%); @peach: brightness(0) saturate(100%) invert(68%) sepia(57%) saturate(278%) hue-rotate(338deg) brightness(98%) contrast(101%); @yellow: brightness(0) saturate(100%) invert(90%) sepia(70%) saturate(380%) hue-rotate(313deg) brightness(102%) contrast(95%); @green: brightness(0) saturate(100%) invert(88%) sepia(6%) saturate(2015%) hue-rotate(63deg) brightness(104%) contrast(78%); @teal: brightness(0) saturate(100%) invert(92%) sepia(12%) saturate(991%) hue-rotate(108deg) brightness(93%) contrast(90%); @sky: brightness(0) saturate(100%) invert(84%) sepia(21%) saturate(1302%) hue-rotate(164deg) brightness(106%) contrast(84%); @sapphire: brightness(0) saturate(100%) invert(74%) sepia(20%) saturate(876%) hue-rotate(156deg) brightness(96%) contrast(93%); @blue: brightness(0) saturate(100%) invert(68%) sepia(18%) saturate(951%) hue-rotate(180deg) brightness(98%) contrast(100%); @lavender: brightness(0) saturate(100%) invert(73%) sepia(7%) saturate(1670%) hue-rotate(195deg) brightness(102%) contrast(99%); @text: brightness(0) saturate(100%) invert(86%) sepia(6%) saturate(879%) hue-rotate(190deg) brightness(100%) contrast(93%); @subtext1: brightness(0) saturate(100%) invert(84%) sepia(19%) saturate(381%) hue-rotate(193deg) brightness(91%) contrast(89%); @subtext0: brightness(0) saturate(100%) invert(84%) sepia(9%) saturate(767%) hue-rotate(192deg) brightness(84%) contrast(84%); @overlay2: brightness(0) saturate(100%) invert(63%) sepia(15%) saturate(428%) hue-rotate(191deg) brightness(96%) contrast(84%); @overlay1: brightness(0) saturate(100%) invert(56%) sepia(15%) saturate(455%) hue-rotate(192deg) brightness(90%) contrast(88%); @overlay0: brightness(0) saturate(100%) invert(44%) sepia(6%) saturate(1275%) hue-rotate(194deg) brightness(97%) contrast(88%); @surface2: brightness(0) saturate(100%) invert(34%) sepia(8%) saturate(1015%) hue-rotate(195deg) brightness(99%) contrast(89%); @surface1: brightness(0) saturate(100%) invert(25%) sepia(6%) saturate(1950%) hue-rotate(197deg) brightness(99%) contrast(86%); @surface0: brightness(0) saturate(100%) invert(19%) sepia(5%) saturate(2844%) hue-rotate(199deg) brightness(91%) contrast(93%); @base: brightness(0) saturate(100%) invert(7%) sepia(4%) saturate(7496%) hue-rotate(202deg) brightness(93%) contrast(87%); @mantle: brightness(0) saturate(100%) invert(6%) sepia(4%) saturate(7465%) hue-rotate(202deg) brightness(95%) contrast(90%); @crust: brightness(0) saturate(100%) invert(3%) sepia(13%) saturate(6863%) hue-rotate(220deg) brightness(95%) contrast(91%); };\n};\n",
|
|
"usercssData": {
|
|
"name": "Wikipedia Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/wikipedia",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/wikipedia",
|
|
"version": "2025.01.01",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/wikipedia/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Awikipedia",
|
|
"description": "Soothing pastel theme for Wikipedia",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": null,
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"darkFlavor": {
|
|
"type": "select",
|
|
"label": "Dark Flavor",
|
|
"name": "darkFlavor",
|
|
"value": "macchiato",
|
|
"default": "mocha",
|
|
"options": [
|
|
{
|
|
"name": "latte",
|
|
"label": "Latte",
|
|
"value": "latte"
|
|
},
|
|
{
|
|
"name": "frappe",
|
|
"label": "Frappé",
|
|
"value": "frappe"
|
|
},
|
|
{
|
|
"name": "macchiato",
|
|
"label": "Macchiato",
|
|
"value": "macchiato"
|
|
},
|
|
{
|
|
"name": "mocha",
|
|
"label": "Mocha",
|
|
"value": "mocha"
|
|
}
|
|
]
|
|
},
|
|
"accentColor": {
|
|
"type": "select",
|
|
"label": "Accent",
|
|
"name": "accentColor",
|
|
"value": "teal",
|
|
"default": "mauve",
|
|
"options": [
|
|
{
|
|
"name": "rosewater",
|
|
"label": "Rosewater",
|
|
"value": "rosewater"
|
|
},
|
|
{
|
|
"name": "flamingo",
|
|
"label": "Flamingo",
|
|
"value": "flamingo"
|
|
},
|
|
{
|
|
"name": "pink",
|
|
"label": "Pink",
|
|
"value": "pink"
|
|
},
|
|
{
|
|
"name": "mauve",
|
|
"label": "Mauve",
|
|
"value": "mauve"
|
|
},
|
|
{
|
|
"name": "red",
|
|
"label": "Red",
|
|
"value": "red"
|
|
},
|
|
{
|
|
"name": "maroon",
|
|
"label": "Maroon",
|
|
"value": "maroon"
|
|
},
|
|
{
|
|
"name": "peach",
|
|
"label": "Peach",
|
|
"value": "peach"
|
|
},
|
|
{
|
|
"name": "yellow",
|
|
"label": "Yellow",
|
|
"value": "yellow"
|
|
},
|
|
{
|
|
"name": "green",
|
|
"label": "Green",
|
|
"value": "green"
|
|
},
|
|
{
|
|
"name": "teal",
|
|
"label": "Teal",
|
|
"value": "teal"
|
|
},
|
|
{
|
|
"name": "blue",
|
|
"label": "Blue",
|
|
"value": "blue"
|
|
},
|
|
{
|
|
"name": "sapphire",
|
|
"label": "Sapphire",
|
|
"value": "sapphire"
|
|
},
|
|
{
|
|
"name": "sky",
|
|
"label": "Sky",
|
|
"value": "sky"
|
|
},
|
|
{
|
|
"name": "lavender",
|
|
"label": "Lavender",
|
|
"value": "lavender"
|
|
},
|
|
{
|
|
"name": "subtext0",
|
|
"label": "Gray",
|
|
"value": "subtext0"
|
|
}
|
|
]
|
|
},
|
|
"highlight-redirect": {
|
|
"type": "checkbox",
|
|
"label": "Highlight redirect links",
|
|
"name": "highlight-redirect",
|
|
"value": "1",
|
|
"default": "0",
|
|
"options": null
|
|
}
|
|
}
|
|
},
|
|
"author": "Catppuccin",
|
|
"description": "Soothing pastel theme for Wikipedia",
|
|
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/wikipedia",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/wikipedia/catppuccin.user.less",
|
|
"name": "Wikipedia Catppuccin",
|
|
"originalDigest": "7196b64757e0a7258ee49a9e73da8da7436279e9",
|
|
"_id": "1041e719-a6f4-4e67-8ae9-ccc268aad05c",
|
|
"_rev": 1736501783415,
|
|
"id": 15,
|
|
"etag": "W/\"efedf625b9a6e8642c269ae8ffda4a07da94c8f60d2a503def11e0f47eb379a9\"",
|
|
"updateDate": 1736501268375
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/nixos-search/catppuccin.user.less",
|
|
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/nixos-search",
|
|
"installDate": 1698242787277,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"sourceCode": "/* ==UserStyle==\n@name NixOS Search Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/nixos-search\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/nixos-search\n@version 2024.12.31\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/nixos-search/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Anixos-search\n@description Soothing pastel theme for NixOS Search\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@-moz-document domain(\"search.nixos.org\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n color-scheme: if(@flavor = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n --background-color: @base;\n --badge-background: @accent;\n --button-active-background: @surface1;\n --button-active-hover-background: @surface2;\n --button-background: @surface0;\n --button-hover-background: @surface2;\n --color-active-hover-tab: @surface1;\n --color-active-tab: @surface0;\n --color-hover-tab: @surface1;\n --headerbar-background-color: @mantle;\n --hover-background: @surface0;\n --link-color: @accent;\n --info-label-background: @accent;\n --dark-blue: @accent;\n --light-blue: @accent; // used by focus outline\n --line-color: @surface0;\n --search-result-short-details-color: @subtext1;\n --search-result-divider-line-color: @surface0;\n --search-result-title-color: @accent;\n --search-sidebar-link-color: @text;\n --search-sidebar-selected-link-background: @accent;\n --search-sidebar-selected-link-color: @crust;\n --terminal-background: @surface0;\n --terminal-color: @red;\n --text-color: @text;\n --text-color-light: @text;\n --text-color-warning: @yellow;\n\n // hardcoded to #fff\n .label,\n .badge {\n color: @crust;\n }\n\n // hardcoded to #005580\n a:hover,\n a:focus {\n color: @text;\n }\n }\n}\n\n/* deno-fmt-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n};\n",
|
|
"usercssData": {
|
|
"name": "NixOS Search Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/nixos-search",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/nixos-search",
|
|
"version": "2024.12.31",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/nixos-search/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Anixos-search",
|
|
"description": "Soothing pastel theme for NixOS Search",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": "latte",
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"darkFlavor": {
|
|
"type": "select",
|
|
"label": "Dark Flavor",
|
|
"name": "darkFlavor",
|
|
"value": "macchiato",
|
|
"default": "mocha",
|
|
"options": [
|
|
{
|
|
"name": "latte",
|
|
"label": "Latte",
|
|
"value": "latte"
|
|
},
|
|
{
|
|
"name": "frappe",
|
|
"label": "Frappé",
|
|
"value": "frappe"
|
|
},
|
|
{
|
|
"name": "macchiato",
|
|
"label": "Macchiato",
|
|
"value": "macchiato"
|
|
},
|
|
{
|
|
"name": "mocha",
|
|
"label": "Mocha",
|
|
"value": "mocha"
|
|
}
|
|
]
|
|
},
|
|
"accentColor": {
|
|
"type": "select",
|
|
"label": "Accent",
|
|
"name": "accentColor",
|
|
"value": "teal",
|
|
"default": "mauve",
|
|
"options": [
|
|
{
|
|
"name": "rosewater",
|
|
"label": "Rosewater",
|
|
"value": "rosewater"
|
|
},
|
|
{
|
|
"name": "flamingo",
|
|
"label": "Flamingo",
|
|
"value": "flamingo"
|
|
},
|
|
{
|
|
"name": "pink",
|
|
"label": "Pink",
|
|
"value": "pink"
|
|
},
|
|
{
|
|
"name": "mauve",
|
|
"label": "Mauve",
|
|
"value": "mauve"
|
|
},
|
|
{
|
|
"name": "red",
|
|
"label": "Red",
|
|
"value": "red"
|
|
},
|
|
{
|
|
"name": "maroon",
|
|
"label": "Maroon",
|
|
"value": "maroon"
|
|
},
|
|
{
|
|
"name": "peach",
|
|
"label": "Peach",
|
|
"value": "peach"
|
|
},
|
|
{
|
|
"name": "yellow",
|
|
"label": "Yellow",
|
|
"value": "yellow"
|
|
},
|
|
{
|
|
"name": "green",
|
|
"label": "Green",
|
|
"value": "green"
|
|
},
|
|
{
|
|
"name": "teal",
|
|
"label": "Teal",
|
|
"value": "teal"
|
|
},
|
|
{
|
|
"name": "blue",
|
|
"label": "Blue",
|
|
"value": "blue"
|
|
},
|
|
{
|
|
"name": "sapphire",
|
|
"label": "Sapphire",
|
|
"value": "sapphire"
|
|
},
|
|
{
|
|
"name": "sky",
|
|
"label": "Sky",
|
|
"value": "sky"
|
|
},
|
|
{
|
|
"name": "lavender",
|
|
"label": "Lavender",
|
|
"value": "lavender"
|
|
},
|
|
{
|
|
"name": "subtext0",
|
|
"label": "Gray",
|
|
"value": "subtext0"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"author": "Catppuccin",
|
|
"description": "Soothing pastel theme for NixOS Search",
|
|
"name": "NixOS Search Catppuccin",
|
|
"updateDate": 1736501252704,
|
|
"_id": "c79c1637-d3ba-4bdb-b460-bb9367f36c9c",
|
|
"_rev": 1736501771442,
|
|
"id": 1,
|
|
"originalDigest": "301ff934d9d40f26c4c8560aa16f7bed13a4782c",
|
|
"etag": "W/\"fd8c36a8372ea205bb65c560c756f5bae6e86ba694776a373e09b9db610f5e15\""
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/brave-search/catppuccin.user.less",
|
|
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/brave-search",
|
|
"installDate": 1698242913743,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"sourceCode": "/* ==UserStyle==\n@name Brave Search Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/brave-search\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/brave-search\n@version 2024.12.31\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/brave-search/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Abrave-search\n@description Soothing pastel theme for Brave Search\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@-moz-document domain(\"search.brave.com\") {\n :root.light {\n #catppuccin(@lightFlavor);\n }\n :root.dark {\n #catppuccin(@darkFlavor);\n }\n :root:not(.light, .dark) {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n color-scheme: if(@flavor = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n --color-page-background: @base;\n --color-container-background: @crust;\n --color-container-highlight: @mantle;\n --color-serp-header-background: @crust;\n --color-text-interactive: @accent;\n --color-divider-subtle: @surface0;\n --color-divider-interactive: @accent;\n --color-text-primary: @text;\n --color-serp-bar-bg: @mantle;\n --color-serp-divider-subtle-container: @surface0;\n --color-gray-30: @subtext0;\n --color-gray-40: @overlay2;\n --color-text-secondary: @subtext1;\n --color-text-tertiary: @subtext0;\n --color-icon-default: @overlay2;\n --color-serp-snippet-background: @base;\n --color-link-default: @blue;\n --color-link-visited: @mauve;\n --color-tabs-search-text-default: @accent;\n --color-primary-50: @accent;\n --color-primitive-primary-60: @accent;\n --color-primitive-primary-70: darken(@accent, 5%);\n --color-container-interactive: transparent;\n --color-button-background: @accent;\n --color-button-disabled: fade(@surface2, 30%);\n --color-serp-settings-background: @mantle;\n\n dialog {\n color: @text;\n\n &::backdrop {\n background-color: fade(@crust, 30%);\n }\n }\n\n #searchform::after {\n outline-color: @surface0;\n }\n #searchform-actions::before {\n background: none !important;\n }\n #submit-button {\n &:hover:not(:disabled) {\n background: linear-gradient(\n 314deg,\n @peach 8.49%,\n @pink 43.72%,\n @mauve 99.51%\n );\n }\n\n svg {\n fill: @overlay2;\n }\n }\n #searchbox::placeholder {\n color: @subtext0;\n }\n\n .button.type--filled.theme--default {\n color: @base;\n\n &:disabled {\n color: fade(@text, 50%);\n }\n }\n .button.type--outlined.theme--default:hover {\n background-color: @accent;\n border-color: @accent !important;\n color: @base !important;\n }\n .tab-item.active .icon {\n fill: @accent !important;\n }\n .tab-item.active ::after {\n background: @accent !important;\n }\n\n .logo-img {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"244\" height=\"78\" fill=\"none\" viewBox=\"0 0 244 78\"><path fill=\"@{text}\" fill-rule=\"evenodd\" d=\"M81.512 40.373V14.791h2.453a3.614 3.614 0 0 1 3.619 3.61v11.375c3.931-3.5 7.274-4.9 11.73-4.99 8.546-.175 15.964 6.158 16.669 14.657.842 10.154-6.56 17.797-16.203 17.797-10.586 0-18.268-6.549-18.268-16.867m5.971 2.01c.599 5.285 5.659 9.651 10.994 9.736 6.952.106 11.688-4.414 11.688-11.1s-4.63-11.1-11.386-11.1c-7.221-.016-12.117 5.217-11.296 12.464m38.63-16.958v4.557c3.82-4.229 6.082-5.365 10.554-5.365 1.301.001 2.6.105 3.884.312v6.052a15.8 15.8 0 0 0-4.207-.56c-3.237 0-5.955 1.057-7.947 3.055-1.749 1.75-2.268 3.118-2.268 5.867v16.85h-6.295V25.426zM142.045 35.6c.323-2.997.906-4.62 2.198-6.179 2.591-3.171 7.254-4.804 13.856-4.804 5.245 0 9.065.814 11.719 2.558 2.205 1.432 3.111 3.557 3.111 7.3v13.663c0 2.997.778 4.054 2.914 3.996q.716-.025 1.425-.127v4.118a9.4 9.4 0 0 1-3.301.497c-3.947 0-5.759-1.184-6.988-4.62-3.884 3.557-7.9 5.053-13.66 5.053-7.703 0-12.429-3.494-12.429-9.176a8.08 8.08 0 0 1 4.853-7.484c2.331-1 3.756-1.311 10.422-1.998 5.695-.56 6.67-.688 8.286-1.19 1.749-.56 2.528-1.495 2.528-3.055 0-3.309-2.782-4.805-8.61-4.805-5.511 0-8.35 1.09-9.49 3.87a3.755 3.755 0 0 1-3.47 2.368zm24.902 5.243a61.8 61.8 0 0 1-12.239 2.247c-5.632.56-7.38 1.623-7.38 4.43 0 3.118 2.59 4.756 7.703 4.756 4.207 0 7.381-1.057 9.649-3.118 1.812-1.686 2.267-2.87 2.267-5.814zm25.517 15.346h-1.621a3.71 3.71 0 0 1-3.359-2.083l-13.58-28.68h3.773a5.55 5.55 0 0 1 5.102 3.26l9.06 20.615 9.362-20.693a5.55 5.55 0 0 1 5.076-3.204h3.428l-13.897 28.734a3.71 3.71 0 0 1-3.344 2.05Zm21.495-13.601c.646 5.93 5.298 9.61 12.234 9.61 3.936 0 6.887-1.169 8.715-3.5a5.62 5.62 0 0 1 4.398-2.114h3.651c-3.179 6.987-8.87 10.423-17.352 10.423-10.597 0-17.739-6.427-17.739-16.037s7.317-16.348 17.871-16.348c7.635 0 13.776 3.43 16.25 9.176 1.102 2.642 1.552 4.99 1.552 8.795zm23.175-4.757c-1.425-5.428-5.632-8.489-11.46-8.489s-10.035 3.06-11.524 8.49h22.984Z\" clip-rule=\"evenodd\"/><path fill=\"@{accent}\" fill-rule=\"evenodd\" d=\"m62.038 17.836 1.746-4.28s-2.221-2.378-4.92-5.073c-2.697-2.695-8.41-1.11-8.41-1.11L43.947 0H21.095l-6.507 7.373s-5.713-1.585-8.411 1.11a230 230 0 0 0-4.92 5.073l1.746 4.28-2.222 6.34s6.535 24.722 7.3 27.741c1.508 5.945 2.54 8.243 6.824 11.255 4.285 3.012 12.061 8.243 13.33 9.036s2.858 2.142 4.286 2.142 3.015-1.35 4.285-2.142c1.27-.793 9.045-6.024 13.33-9.036s5.317-5.31 6.824-11.255c.766-3.019 7.3-27.74 7.3-27.74z\" clip-rule=\"evenodd\"/><path fill=\"#fff\" fill-rule=\"evenodd\" d=\"M40.614 13.397c.952 0 8.014-1.347 8.014-1.347s8.37 10.105 8.37 12.265c0 1.786-.72 2.485-1.568 3.308-.178.173-.36.35-.544.545l-6.275 6.656q-.095.099-.205.21c-.626.628-1.549 1.555-.898 3.093l.134.313c.713 1.667 1.594 3.725.473 5.81-1.193 2.218-3.236 3.699-4.545 3.454-1.31-.245-4.384-1.85-5.515-2.583s-4.715-3.686-4.715-4.815c0-.942 2.578-2.51 3.83-3.27.25-.152.446-.272.56-.348.129-.087.345-.222.61-.387 1.144-.709 3.208-1.99 3.26-2.558.063-.7.039-.905-.882-2.635a37 37 0 0 0-.662-1.169c-.878-1.508-1.86-3.196-1.642-4.405.245-1.365 2.386-2.148 4.2-2.81q.342-.125.66-.245c.53-.2 1.195-.448 1.89-.708 1.811-.678 3.823-1.43 4.155-1.584.46-.211.341-.413-1.05-.544l-.676-.07c-1.722-.183-4.899-.52-6.443-.09-.304.085-.644.177-1.001.273-1.735.47-3.861 1.045-4.066 1.376a2 2 0 0 1-.104.155c-.195.278-.322.459-.106 1.638.064.35.197 1.041.36 1.895.48 2.5 1.227 6.4 1.321 7.277q.02.183.042.355c.12.977.2 1.627-.937 1.887l-.297.068c-1.282.294-3.162.725-3.842.725s-2.56-.431-3.843-.725l-.296-.068c-1.136-.26-1.056-.91-.936-1.887q.021-.171.041-.355c.095-.878.844-4.787 1.323-7.287.163-.85.295-1.536.359-1.885.216-1.18.089-1.36-.107-1.638a3 3 0 0 1-.104-.155c-.204-.331-2.33-.906-4.065-1.376a108 108 0 0 1-1.002-.273c-1.544-.43-4.72-.093-6.442.09l-.676.07c-1.391.131-1.51.333-1.05.544.331.153 2.342.906 4.153 1.583.695.26 1.361.51 1.89.71q.32.12.662.243c1.813.663 3.955 1.446 4.2 2.811.218 1.21-.765 2.897-1.642 4.405-.237.407-.466.801-.662 1.17-.921 1.729-.946 1.934-.882 2.634.052.568 2.115 1.849 3.258 2.558.266.165.483.3.612.387.114.076.31.195.559.347 1.252.761 3.83 2.329 3.83 3.27 0 1.13-3.584 4.083-4.714 4.816s-4.206 2.338-5.515 2.583c-1.31.245-3.352-1.236-4.545-3.454-1.121-2.085-.24-4.142.473-5.81l.133-.313c.651-1.539-.271-2.465-.898-3.094q-.11-.11-.204-.209l-6.275-6.656a17 17 0 0 0-.544-.545c-.848-.823-1.568-1.522-1.568-3.308 0-2.16 8.37-12.265 8.37-12.265s7.062 1.347 8.014 1.347c.76 0 2.227-.504 3.756-1.03.387-.134.779-.268 1.163-.396 1.905-.634 3.174-.639 3.174-.639s1.27.005 3.174.639c.385.128.776.262 1.163.396 1.53.526 2.997 1.03 3.757 1.03m-1.212 35.745c1.493.768 2.552 1.313 2.952 1.563.518.324.202.935-.27 1.268-.472.334-6.813 5.239-7.429 5.78l-.249.224c-.593.534-1.35 1.215-1.886 1.215s-1.293-.682-1.886-1.216l-.248-.222c-.616-.542-6.958-5.447-7.43-5.78s-.787-.945-.27-1.269c.401-.25 1.461-.796 2.956-1.565l1.42-.732c2.236-1.156 5.023-2.139 5.458-2.139s3.222.983 5.459 2.139q.763.395 1.423.733Z\" clip-rule=\"evenodd\"/><path fill=\"@{accent}\" fill-rule=\"evenodd\" d=\"M50.453 7.373 43.947 0H21.094l-6.506 7.373s-5.713-1.585-8.411 1.11c0 0 7.617-.687 10.236 3.567 0 0 7.062 1.347 8.014 1.347s3.015-.792 4.92-1.427c1.904-.634 3.174-.638 3.174-.638s1.27.004 3.173.638c1.905.635 3.968 1.427 4.92 1.427s8.014-1.347 8.014-1.347c2.619-4.254 10.236-3.567 10.236-3.567-2.697-2.695-8.41-1.11-8.41-1.11Z\" clip-rule=\"evenodd\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .nav-logo .logo-large {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"114\" height=\"35\" fill=\"none\" viewBox=\"0 0 114 35\"><path fill=\"@{text}\" fill-rule=\"evenodd\" d=\"M38.084 18.876V6.915h1.146c.933 0 1.69.756 1.69 1.688v5.318c1.837-1.636 3.4-2.29 5.481-2.333 3.993-.081 7.458 2.88 7.788 6.853.393 4.747-3.065 8.32-7.57 8.32-4.946 0-8.535-3.061-8.535-7.885m2.79.94c.279 2.47 2.643 4.512 5.136 4.551 3.248.05 5.46-2.063 5.46-5.19 0-3.126-2.163-5.19-5.32-5.19-3.373-.007-5.66 2.44-5.277 5.828Zm18.048-7.929v2.13c1.785-1.976 2.842-2.508 4.93-2.508q.913.001 1.815.146v2.83a7.4 7.4 0 0 0-1.965-.262c-1.513 0-2.783.494-3.713 1.428-.817.818-1.06 1.458-1.06 2.743v7.879h-2.94V11.887zm7.443 4.758c.151-1.402.424-2.16 1.028-2.89 1.21-1.482 3.389-2.246 6.473-2.246 2.45 0 4.236.38 5.476 1.196 1.03.67 1.453 1.663 1.453 3.413v6.389c0 1.4.364 1.895 1.361 1.868a6 6 0 0 0 .666-.06v1.926a4.4 4.4 0 0 1-1.542.232c-1.844 0-2.69-.554-3.265-2.16-1.814 1.663-3.69 2.363-6.382 2.363-3.599 0-5.807-1.634-5.807-4.29a3.78 3.78 0 0 1 2.267-3.5c1.09-.467 1.755-.613 4.87-.934 2.66-.262 3.116-.321 3.871-.556.817-.262 1.181-.7 1.181-1.429 0-1.547-1.3-2.246-4.023-2.246-2.574 0-3.9.51-4.433 1.809a1.755 1.755 0 0 1-1.622 1.107zM78 19.095a29 29 0 0 1-5.718 1.051c-2.632.262-3.448.759-3.448 2.071 0 1.458 1.21 2.224 3.599 2.224 1.965 0 3.448-.494 4.508-1.458.846-.788 1.059-1.342 1.059-2.718zm11.922 7.175h-.757a1.73 1.73 0 0 1-1.57-.973l-6.344-13.41h1.762a2.59 2.59 0 0 1 2.384 1.525l4.233 9.638 4.374-9.675a2.59 2.59 0 0 1 2.371-1.498h1.602l-6.493 13.434c-.295.591-.9.963-1.562.96Zm10.042-6.358c.302 2.772 2.476 4.492 5.716 4.492 1.84 0 3.218-.546 4.072-1.636a2.63 2.63 0 0 1 2.055-.988h1.706c-1.486 3.267-4.144 4.873-8.108 4.873-4.95 0-8.287-3.005-8.287-7.498 0-4.492 3.418-7.643 8.349-7.643 3.567 0 6.437 1.604 7.593 4.29.514 1.236.725 2.333.725 4.112l-13.82-.002Zm10.828-2.225c-.666-2.538-2.631-3.969-5.354-3.969s-4.689 1.431-5.384 3.97z\" clip-rule=\"evenodd\"/><path fill=\"@{accent}\" fill-rule=\"evenodd\" d=\"m28.985 8.339.816-2.001s-1.038-1.112-2.298-2.372-3.93-.519-3.93-.519L20.533 0H9.856l-3.04 3.447s-2.67-.74-3.93.52A109 109 0 0 0 .588 6.336l.815 2.002-1.038 2.964s3.053 11.559 3.41 12.97c.705 2.78 1.187 3.854 3.19 5.262 2.001 1.409 5.634 3.854 6.227 4.225.594.37 1.335 1.002 2.002 1.002.668 0 1.41-.632 2.002-1.002.593-.37 4.227-2.816 6.228-4.225 2.003-1.408 2.484-2.483 3.189-5.262.358-1.411 3.41-12.97 3.41-12.97z\" clip-rule=\"evenodd\"/><path fill=\"#fff\" fill-rule=\"evenodd\" d=\"M18.976 6.263c.445 0 3.744-.63 3.744-.63s3.91 4.725 3.91 5.735c0 .835-.336 1.162-.732 1.547q-.125.119-.254.254l-2.932 3.112-.096.098c-.293.294-.723.727-.42 1.447l.063.146c.334.78.745 1.741.221 2.716-.557 1.037-1.512 1.73-2.123 1.615s-2.049-.865-2.577-1.208-2.203-1.723-2.203-2.25c0-.441 1.205-1.174 1.79-1.53.116-.07.208-.127.26-.163a14 14 0 0 1 .287-.18c.534-.332 1.498-.93 1.522-1.196.03-.327.019-.423-.412-1.232a15 15 0 0 0-.31-.547c-.409-.704-.868-1.494-.766-2.06.114-.637 1.115-1.003 1.962-1.313l.309-.114c.247-.094.558-.21.883-.332.846-.316 1.786-.668 1.94-.74.216-.099.16-.193-.49-.255l-.316-.032c-.804-.086-2.288-.243-3.01-.042q-.215.06-.468.128c-.81.219-1.804.488-1.9.643l-.048.072c-.091.13-.15.215-.05.766.03.164.092.487.169.886.224 1.17.573 2.993.617 3.402l.02.166c.056.457.093.761-.438.883l-.139.031c-.6.138-1.477.34-1.795.34s-1.196-.202-1.795-.34l-.138-.031c-.531-.122-.494-.426-.438-.883l.02-.166c.043-.41.393-2.238.617-3.407.076-.397.138-.718.168-.881.1-.551.041-.636-.05-.766l-.048-.072c-.096-.155-1.09-.424-1.9-.643l-.468-.128c-.721-.201-2.205-.044-3.01.042l-.316.032c-.65.062-.705.156-.49.255.154.072 1.094.423 1.94.74l.884.332.308.114c.848.31 1.848.676 1.963 1.314.101.565-.357 1.354-.767 2.06-.111.19-.218.374-.31.546-.43.809-.442.905-.412 1.232.024.265.988.864 1.523 1.196.124.077.225.14.286.18.053.036.144.092.26.163.585.356 1.79 1.089 1.79 1.53 0 .527-1.674 1.908-2.203 2.25s-1.965 1.094-2.576 1.208c-.612.114-1.566-.578-2.124-1.615-.524-.974-.112-1.936.221-2.716l.063-.146c.304-.72-.127-1.153-.42-1.447l-.095-.098-2.932-3.112a8 8 0 0 0-.254-.254c-.396-.385-.733-.712-.733-1.547 0-1.01 3.91-5.734 3.91-5.734s3.3.63 3.745.63c.355 0 1.04-.236 1.755-.482.18-.063.364-.126.543-.186.89-.296 1.483-.298 1.483-.298s.593.002 1.483.298q.271.09.544.186c.714.246 1.4.481 1.755.481m-.567 16.713c.698.359 1.193.614 1.38.73.242.152.094.438-.127.594-.22.155-3.183 2.449-3.47 2.702l-.117.104c-.277.25-.63.568-.88.568-.252 0-.605-.318-.882-.568l-.116-.104c-.288-.253-3.25-2.547-3.471-2.702-.22-.156-.369-.442-.127-.593.188-.117.683-.373 1.381-.732l.664-.342c1.045-.54 2.347-1 2.55-1s1.505.46 2.55 1z\" clip-rule=\"evenodd\"/><path fill=\"@{accent}\" fill-rule=\"evenodd\" d=\"M23.573 3.447 20.533 0H9.856l-3.04 3.447s-2.67-.74-3.93.52c0 0 3.56-.322 4.783 1.667 0 0 3.3.63 3.744.63s1.409-.37 2.298-.667c.89-.297 1.483-.299 1.483-.299s.594.002 1.483.299c.89.296 1.854.667 2.299.667s3.744-.63 3.744-.63c1.224-1.989 4.783-1.668 4.783-1.668-1.26-1.26-3.93-.519-3.93-.519\" clip-rule=\"evenodd\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .nav-logo .logo-small {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"56\" height=\"64\" fill=\"none\"><path fill=\"@{accent}\" fill-rule=\"evenodd\" d=\"m53.292 15.321 1.5-3.676s-1.909-2.043-4.227-4.358c-2.317-2.315-7.225-.953-7.225-.953L37.751 0H18.12l-5.589 6.334s-4.908-1.362-7.225.953C2.988 9.602 1.08 11.645 1.08 11.645l1.5 3.676-1.91 5.447s5.614 21.236 6.272 23.83c1.295 5.106 2.181 7.08 5.862 9.668s10.36 7.08 11.45 7.762c1.091.68 2.455 1.84 3.682 1.84s2.59-1.16 3.68-1.84 7.77-5.175 11.452-7.762c3.68-2.587 4.567-4.562 5.862-9.668.657-2.594 6.27-23.83 6.27-23.83z\" clip-rule=\"evenodd\"/><path fill=\"#fff\" fill-rule=\"evenodd\" d=\"M34.888 11.508c.818 0 6.885-1.157 6.885-1.157s7.189 8.68 7.189 10.536c0 1.534-.619 2.134-1.347 2.842-.152.148-.31.3-.467.468l-5.39 5.717-.176.18c-.538.54-1.33 1.336-.772 2.658l.115.269c.613 1.432 1.37 3.2.407 4.99-1.025 1.906-2.78 3.178-3.905 2.967s-3.766-1.589-4.737-2.218c-.971-.63-4.05-3.166-4.05-4.137 0-.809 2.214-2.155 3.29-2.81.214-.13.383-.232.48-.298.111-.075.297-.19.526-.332.981-.61 2.754-1.71 2.799-2.197.055-.602.034-.778-.758-2.264-.168-.316-.365-.654-.568-1.004-.754-1.295-1.598-2.745-1.41-3.784.21-1.173 2.05-1.845 3.608-2.415q.292-.105.567-.209l1.623-.609c1.556-.582 3.284-1.229 3.57-1.36.394-.181.292-.355-.903-.468l-.58-.06c-1.48-.157-4.209-.446-5.535-.077-.261.073-.553.152-.86.235-1.49.403-3.317.897-3.493 1.182q-.045.074-.089.133c-.168.238-.277.394-.091 1.406.055.302.169.895.31 1.629.41 2.148 1.053 5.498 1.134 6.25q.017.159.036.305c.103.84.171 1.399-.805 1.622l-.255.058c-1.102.252-2.717.623-3.3.623-.584 0-2.2-.37-3.302-.623l-.254-.058c-.976-.223-.907-.782-.804-1.622q.018-.147.035-.305c.081-.753.725-4.112 1.137-6.259.14-.73.253-1.32.308-1.62.185-1.012.076-1.168-.092-1.406l-.09-.133c-.174-.285-2-.779-3.491-1.182-.307-.083-.6-.162-.86-.235-1.327-.37-4.055-.08-5.535.077q-.341.037-.58.06c-1.196.113-1.297.287-.903.468.285.131 2.013.778 3.568 1.36.597.223 1.17.437 1.624.609q.275.103.568.21c1.558.57 3.398 1.241 3.608 2.414.187 1.039-.657 2.489-1.41 3.784-.204.35-.4.688-.569 1.004-.791 1.486-.812 1.662-.757 2.264.044.488 1.816 1.587 2.798 2.197.229.142.415.257.526.332.098.066.266.168.48.298 1.076.654 3.29 2 3.29 2.81 0 .97-3.078 3.507-4.05 4.137-.97.63-3.612 2.008-4.737 2.218s-2.88-1.061-3.904-2.966c-.963-1.791-.207-3.559.406-4.99l.115-.27c.559-1.322-.233-2.118-.772-2.658l-.175-.18-5.39-5.717c-.158-.167-.316-.32-.468-.468-.728-.707-1.346-1.308-1.346-2.842 0-1.855 7.189-10.536 7.189-10.536s6.066 1.157 6.884 1.157c.653 0 1.913-.433 3.227-.885.333-.114.669-.23 1-.34 1.635-.545 2.726-.549 2.726-.549s1.09.004 2.726.549c.33.11.667.226 1 .34 1.313.452 2.574.885 3.226.885m-1.041 30.706c1.282.66 2.192 1.128 2.536 1.343.445.278.174.803-.232 1.09-.405.285-5.853 4.499-6.381 4.965l-.215.191c-.509.459-1.159 1.044-1.62 1.044-.46 0-1.11-.586-1.62-1.044l-.213-.191c-.53-.466-5.977-4.68-6.382-4.966s-.677-.81-.232-1.09c.344-.214 1.255-.683 2.539-1.344l1.22-.629c1.92-.992 4.315-1.837 4.689-1.837s2.767.844 4.689 1.837q.655.34 1.222.63z\" clip-rule=\"evenodd\"/><path fill=\"@{accent}\" fill-rule=\"evenodd\" d=\"M43.34 6.334 37.751 0H18.12l-5.589 6.334s-4.908-1.362-7.225.953c0 0 6.544-.59 8.793 3.064 0 0 6.066 1.157 6.884 1.157s2.59-.68 4.226-1.225 2.727-.549 2.727-.549 1.09.004 2.726.549 3.408 1.225 4.226 1.225 6.885-1.157 6.885-1.157c2.249-3.654 8.792-3.064 8.792-3.064-2.317-2.315-7.225-.953-7.225-.953\" clip-rule=\"evenodd\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .waves-bottom {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1433\" height=\"200\"><g fill=\"@{surface2}\" clip-path=\"url(#a)\"><path d=\"M1537.5 115.707v.484C984.718-184.723 431.932 226.405-120.854 36.569v-4.062C431.932 223.554 984.718-186.42 1537.5 115.707\"/><path d=\"M1537.5 121.488v.508C984.718-165.002 431.932 260.262-120.854 84.758v-4.166C431.932 257.33 984.718-166.699 1537.5 121.488\"/><path d=\"M1537.5 127.454v.508c-552.782-272.77-1105.568 166.976-1658.354 6.127v-4.246C431.932 291.949 984.718-146.551 1537.5 127.454\"/><path d=\"M1537.5 133.454v.519C984.718-124.234 431.932 330.248-120.854 184.354v-4.327C431.932 327.201 984.718-126 1537.5 133.454\"/><path d=\"M420.794 214C793.026 133.224 1165.25-25.213 1537.5 139.57v.577C1169.9-21.786 802.332 131.539 434.764 214z\"/><path d=\"M558.841 214c326.213-91.162 652.429-203.868 978.659-68.233v.531C1214.58 12.775 891.676 122.584 568.78 214z\"/><path d=\"M665.068 214c290.8-90.643 581.612-175.02 872.432-61.99v.519C1249.41 41.243 961.327 123.669 673.256 214z\"/><path d=\"M755.368 214c260.712-85.45 521.402-149.944 782.132-55.724v.531C1279.18 66.064 1020.88 129.116 762.566 214z\"/><path d=\"M835.948 214c233.842-77.949 467.692-127.557 701.552-49.435v.542C1305.8 88.22 1074.13 136.766 842.455 214z\"/></g><defs><clipPath id=\"a\"><path fill=\"#fff\" d=\"M-32 0h1496v214H-32z\"/></clipPath></defs></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .waves-top {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1433\" height=\"218\"><g fill=\"@{surface2}\" clip-path=\"url(#a)\"><path d=\"M-90.855 51.976v-.7c797.89 434.34 1595.775-159.081 2393.665 114.927v5.863C1504.92-103.691 707.035 488.031-90.854 51.976Z\"/><path d=\"M-90.855 43.631v-.733C707.035 457.15 1504.92-156.674 2302.81 96.664v6.013C1504.92-152.443 707.035 459.599-90.854 43.631Z\"/><path d=\"M-90.855 35.07v-.733c797.89 393.665 1595.775-241.062 2393.665-8.894v6.13C1504.92-202.412 707.035 430.517-90.854 35.07Z\"/><path d=\"M-90.855 26.359v-.75C707.035 398.288 1504.92-257.693 2302.81-47.11v6.246C1504.92-253.296 707.035 400.853-90.854 26.36Z\"/><path d=\"M-90.855 17.515v-.75C707.035 368.174 1504.92-309.376 2302.81-120.697v6.313C1504.92-304.946 707.035 370.772-90.854 17.515Z\"/><path d=\"M-90.855 8.537v-.766C707.035 337.76 1504.92-361.626 2302.81-195.05v6.346C1504.92-357.146 707.035 340.358-90.854 8.537Z\"/><path d=\"M-90.855-.44v-.75C707.035 307.08 1504.92-414.26 2302.81-270.001v6.412C1504.92-409.762 707.035 309.711-90.854-.441Z\"/><path d=\"M-90.855-9.485v-.766C707.035 276.266 1504.92-467.159 2302.81-345.287v6.43C1504.92-462.628 707.035 278.898-90.854-9.485Z\"/><path d=\"M-90.855-18.562v-.783c797.89 264.731 1595.775-500.83 2393.665-401.41v6.446C1504.92-515.645 707.035 248.017-90.854-18.562Z\"/><path d=\"M-90.855-27.657v-.782C707.035 214.489 1504.92-573.191 2302.81-496.14v6.429C1504.92-568.661 707.035 217.137-90.854-27.656Z\"/><path d=\"M-90.855-36.7v-.784C707.035 183.692 1504.92-626.057 2302.81-571.492v6.429C1504.92-621.56 707.035 186.307-90.854-36.701Z\"/><path d=\"M-90.855-45.712v-.716C707.035 153.045 1504.92-678.69 2302.81-646.377v6.362C1504.92-674.193 707.035 155.643-90.854-45.712Z\"/><path d=\"M-90.855-54.64v-.782C707.035 122.63 1504.92-730.874 2302.81-720.697v6.363C1504.92-726.443 707.035 125.129-90.854-54.639Z\"/><path d=\"M-90.855-63.5v-.766C707.035 92.55 1504.92-782.524 2302.81-794.283v6.229C1504.92-778.144 707.035 95.148-90.854-63.5Z\"/><path d=\"M-90.855-72.245v-.733C581.533 41.516 1253.92-576.971 1926.28-794.282H1943C1265.04-583.518 587.102 44.714-90.855-72.245\"/><path d=\"M-90.855-80.806v-.733C529.572 8.137 1150-526.488 1770.44-794.283h11.28C1157.51-529.536 533.344 10.769-90.854-80.806Z\"/></g><defs><clipPath id=\"a\"><path fill=\"#fff\" d=\"M-2-73h1496v291H-2z\"/></clipPath></defs></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n input[type=\"radio\"]:checked::after {\n background-color: @accent;\n }\n\n .feedback-footer {\n #logo {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"56\" height=\"64\" fill=\"none\"><path fill=\"@{accent}\" fill-rule=\"evenodd\" d=\"m53.292 15.321 1.5-3.676s-1.909-2.043-4.227-4.358c-2.317-2.315-7.225-.953-7.225-.953L37.751 0H18.12l-5.589 6.334s-4.908-1.362-7.225.953C2.988 9.602 1.08 11.645 1.08 11.645l1.5 3.676-1.91 5.447s5.614 21.236 6.272 23.83c1.295 5.106 2.181 7.08 5.862 9.668s10.36 7.08 11.45 7.762c1.091.68 2.455 1.84 3.682 1.84s2.59-1.16 3.68-1.84 7.77-5.175 11.452-7.762c3.68-2.587 4.567-4.562 5.862-9.668.657-2.594 6.27-23.83 6.27-23.83z\" clip-rule=\"evenodd\"/><path fill=\"#fff\" fill-rule=\"evenodd\" d=\"M34.888 11.508c.818 0 6.885-1.157 6.885-1.157s7.189 8.68 7.189 10.536c0 1.534-.619 2.134-1.347 2.842-.152.148-.31.3-.467.468l-5.39 5.717-.176.18c-.538.54-1.33 1.336-.772 2.658l.115.269c.613 1.432 1.37 3.2.407 4.99-1.025 1.906-2.78 3.178-3.905 2.967s-3.766-1.589-4.737-2.218c-.971-.63-4.05-3.166-4.05-4.137 0-.809 2.214-2.155 3.29-2.81.214-.13.383-.232.48-.298.111-.075.297-.19.526-.332.981-.61 2.754-1.71 2.799-2.197.055-.602.034-.778-.758-2.264-.168-.316-.365-.654-.568-1.004-.754-1.295-1.598-2.745-1.41-3.784.21-1.173 2.05-1.845 3.608-2.415q.292-.105.567-.209l1.623-.609c1.556-.582 3.284-1.229 3.57-1.36.394-.181.292-.355-.903-.468l-.58-.06c-1.48-.157-4.209-.446-5.535-.077-.261.073-.553.152-.86.235-1.49.403-3.317.897-3.493 1.182q-.045.074-.089.133c-.168.238-.277.394-.091 1.406.055.302.169.895.31 1.629.41 2.148 1.053 5.498 1.134 6.25q.017.159.036.305c.103.84.171 1.399-.805 1.622l-.255.058c-1.102.252-2.717.623-3.3.623-.584 0-2.2-.37-3.302-.623l-.254-.058c-.976-.223-.907-.782-.804-1.622q.018-.147.035-.305c.081-.753.725-4.112 1.137-6.259.14-.73.253-1.32.308-1.62.185-1.012.076-1.168-.092-1.406l-.09-.133c-.174-.285-2-.779-3.491-1.182-.307-.083-.6-.162-.86-.235-1.327-.37-4.055-.08-5.535.077q-.341.037-.58.06c-1.196.113-1.297.287-.903.468.285.131 2.013.778 3.568 1.36.597.223 1.17.437 1.624.609q.275.103.568.21c1.558.57 3.398 1.241 3.608 2.414.187 1.039-.657 2.489-1.41 3.784-.204.35-.4.688-.569 1.004-.791 1.486-.812 1.662-.757 2.264.044.488 1.816 1.587 2.798 2.197.229.142.415.257.526.332.098.066.266.168.48.298 1.076.654 3.29 2 3.29 2.81 0 .97-3.078 3.507-4.05 4.137-.97.63-3.612 2.008-4.737 2.218s-2.88-1.061-3.904-2.966c-.963-1.791-.207-3.559.406-4.99l.115-.27c.559-1.322-.233-2.118-.772-2.658l-.175-.18-5.39-5.717c-.158-.167-.316-.32-.468-.468-.728-.707-1.346-1.308-1.346-2.842 0-1.855 7.189-10.536 7.189-10.536s6.066 1.157 6.884 1.157c.653 0 1.913-.433 3.227-.885.333-.114.669-.23 1-.34 1.635-.545 2.726-.549 2.726-.549s1.09.004 2.726.549c.33.11.667.226 1 .34 1.313.452 2.574.885 3.226.885m-1.041 30.706c1.282.66 2.192 1.128 2.536 1.343.445.278.174.803-.232 1.09-.405.285-5.853 4.499-6.381 4.965l-.215.191c-.509.459-1.159 1.044-1.62 1.044-.46 0-1.11-.586-1.62-1.044l-.213-.191c-.53-.466-5.977-4.68-6.382-4.966s-.677-.81-.232-1.09c.344-.214 1.255-.683 2.539-1.344l1.22-.629c1.92-.992 4.315-1.837 4.689-1.837s2.767.844 4.689 1.837q.655.34 1.222.63z\" clip-rule=\"evenodd\"/><path fill=\"@{accent}\" fill-rule=\"evenodd\" d=\"M43.34 6.334 37.751 0H18.12l-5.589 6.334s-4.908-1.362-7.225.953c0 0 6.544-.59 8.793 3.064 0 0 6.066 1.157 6.884 1.157s2.59-.68 4.226-1.225 2.727-.549 2.727-.549 1.09.004 2.726.549 3.408 1.225 4.226 1.225 6.885-1.157 6.885-1.157c2.249-3.654 8.792-3.064 8.792-3.064-2.317-2.315-7.225-.953-7.225-.953\" clip-rule=\"evenodd\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n height: 48px;\n }\n }\n }\n}\n\n/* deno-fmt-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n};\n",
|
|
"usercssData": {
|
|
"name": "Brave Search Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/brave-search",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/brave-search",
|
|
"version": "2024.12.31",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/brave-search/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Abrave-search",
|
|
"description": "Soothing pastel theme for Brave Search",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": "latte",
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"darkFlavor": {
|
|
"type": "select",
|
|
"label": "Dark Flavor",
|
|
"name": "darkFlavor",
|
|
"value": "macchiato",
|
|
"default": "mocha",
|
|
"options": [
|
|
{
|
|
"name": "latte",
|
|
"label": "Latte",
|
|
"value": "latte"
|
|
},
|
|
{
|
|
"name": "frappe",
|
|
"label": "Frappé",
|
|
"value": "frappe"
|
|
},
|
|
{
|
|
"name": "macchiato",
|
|
"label": "Macchiato",
|
|
"value": "macchiato"
|
|
},
|
|
{
|
|
"name": "mocha",
|
|
"label": "Mocha",
|
|
"value": "mocha"
|
|
}
|
|
]
|
|
},
|
|
"accentColor": {
|
|
"type": "select",
|
|
"label": "Accent",
|
|
"name": "accentColor",
|
|
"value": "peach",
|
|
"default": "mauve",
|
|
"options": [
|
|
{
|
|
"name": "rosewater",
|
|
"label": "Rosewater",
|
|
"value": "rosewater"
|
|
},
|
|
{
|
|
"name": "flamingo",
|
|
"label": "Flamingo",
|
|
"value": "flamingo"
|
|
},
|
|
{
|
|
"name": "pink",
|
|
"label": "Pink",
|
|
"value": "pink"
|
|
},
|
|
{
|
|
"name": "mauve",
|
|
"label": "Mauve",
|
|
"value": "mauve"
|
|
},
|
|
{
|
|
"name": "red",
|
|
"label": "Red",
|
|
"value": "red"
|
|
},
|
|
{
|
|
"name": "maroon",
|
|
"label": "Maroon",
|
|
"value": "maroon"
|
|
},
|
|
{
|
|
"name": "peach",
|
|
"label": "Peach",
|
|
"value": "peach"
|
|
},
|
|
{
|
|
"name": "yellow",
|
|
"label": "Yellow",
|
|
"value": "yellow"
|
|
},
|
|
{
|
|
"name": "green",
|
|
"label": "Green",
|
|
"value": "green"
|
|
},
|
|
{
|
|
"name": "teal",
|
|
"label": "Teal",
|
|
"value": "teal"
|
|
},
|
|
{
|
|
"name": "blue",
|
|
"label": "Blue",
|
|
"value": "blue"
|
|
},
|
|
{
|
|
"name": "sapphire",
|
|
"label": "Sapphire",
|
|
"value": "sapphire"
|
|
},
|
|
{
|
|
"name": "sky",
|
|
"label": "Sky",
|
|
"value": "sky"
|
|
},
|
|
{
|
|
"name": "lavender",
|
|
"label": "Lavender",
|
|
"value": "lavender"
|
|
},
|
|
{
|
|
"name": "subtext0",
|
|
"label": "Gray",
|
|
"value": "subtext0"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"author": "Catppuccin",
|
|
"description": "Soothing pastel theme for Brave Search",
|
|
"name": "Brave Search Catppuccin",
|
|
"updateDate": 1736501253969,
|
|
"_id": "32352688-6557-43a8-ac09-6f44295035d0",
|
|
"_rev": 1736501771456,
|
|
"id": 2,
|
|
"originalDigest": "35800bff3a46ce28d4758706545d8e005980b5c5",
|
|
"etag": "W/\"c967b42a0f2ea1f47f2131bf9b15ec46a41d0fb4788edbbfa5ea6705a41eb5a7\"",
|
|
"preferScheme": "none"
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.less",
|
|
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/chatgpt",
|
|
"installDate": 1698242984808,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"sourceCode": "/* ==UserStyle==\n@name ChatGPT Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/chatgpt\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/chatgpt\n@version 2024.12.31\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Achatgpt\n@description Soothing pastel theme for ChatGPT\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@-moz-document domain(\"chatgpt.com\") {\n @import url(\"https://unpkg.com/@catppuccin/highlightjs@1.0.0/css/catppuccin-variables.important.css\");\n\n :root.light {\n #catppuccin(@lightFlavor);\n }\n\n :root.dark {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n --ctp-rosewater: @rosewater;\n --ctp-flamingo: @flamingo;\n --ctp-pink: @pink;\n --ctp-mauve: @mauve;\n --ctp-red: @red;\n --ctp-maroon: @maroon;\n --ctp-peach: @peach;\n --ctp-yellow: @yellow;\n --ctp-green: @green;\n --ctp-teal: @teal;\n --ctp-sky: @sky;\n --ctp-sapphire: @sapphire;\n --ctp-blue: @blue;\n --ctp-lavender: @lavender;\n --ctp-text: @text;\n --ctp-subtext1: @subtext1;\n --ctp-subtext0: @subtext0;\n --ctp-overlay2: @overlay2;\n --ctp-overlay1: @overlay1;\n --ctp-overlay0: @overlay0;\n --ctp-surface2: @surface2;\n --ctp-surface1: @surface1;\n --ctp-surface0: @surface0;\n --ctp-base: @base;\n --ctp-mantle: @mantle;\n --ctp-crust: @crust;\n\n color-scheme: if(@flavor = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n code.hljs {\n background: none !important;\n }\n pre {\n .bg-token-main-surface-secondary {\n background-color: @surface0;\n }\n .bg-gray-950 {\n background-color: @crust;\n }\n .text-token-text-secondary {\n color: @subtext0;\n }\n }\n\n .dark\\:bg-gray-950:is(.dark *) {\n background-color: @mantle;\n }\n\n color: @text;\n\n @white: if(@flavor = latte, @crust, @text);\n @black: if(@flavor = latte, @text, @crust);\n --white: @white;\n --black: @black;\n\n & when not(@flavor = latte) {\n --gray-50: lighten(mix(@text, @subtext0), 5%);\n --gray-100: @text;\n --gray-200: @subtext1;\n --gray-300: @overlay2;\n --gray-400: @overlay0;\n --gray-500: @surface2;\n --gray-600: @surface1;\n --gray-700: @surface0;\n --gray-750: @surface0;\n --gray-800: @base;\n --gray-900: @mantle;\n --gray-950: @crust;\n --brand-purple: @accent;\n --text-primary: var(--gray-100) !important;\n --text-secondary: var(--gray-200) !important;\n --text-tertiary: var(--gray-300) !important;\n --text-quaternary: var(--gray-500) !important;\n --main-surface-primary: var(--gray-800) !important;\n --main-surface-secondary: var(--gray-700) !important;\n --main-surface-tertiary: var(--gray-600) !important;\n --message-surface: var(--gray-700) !important;\n --sidebar-surface-primary: var(--gray-900);\n --sidebar-surface-secondary: var(--gray-800);\n --sidebar-surface-tertiary: var(--gray-700);\n .popover,\n .dark .popover,\n .dark.popover,\n .popover .dark {\n --main-surface-primary: var(--gray-700) !important;\n --main-surface-secondary: var(--gray-600) !important;\n --main-surface-tertiary: var(--gray-500) !important;\n --text-primary: var(--white) !important;\n --text-secondary: var(--gray-200) !important;\n --text-tertiary: var(--gray-300) !important;\n }\n }\n & when (@flavor = latte) {\n --gray-50: @crust;\n --gray-100: @mantle;\n --gray-200: @base;\n --gray-300: @surface0;\n --gray-400: @surface1;\n --gray-500: @surface2;\n --gray-600: @overlay0;\n --gray-700: @overlay1;\n --gray-800: @subtext0;\n --gray-900: @subtext1;\n --gray-950: @text;\n --brand-purple: @accent;\n --text-primary: var(--gray-950);\n --text-secondary: var(--gray-600);\n --text-tertiary: var(--gray-400);\n --text-quaternary: var(--gray-300);\n --main-surface-primary: var(--gray-200);\n --main-surface-secondary: var(--gray-100);\n --main-surface-tertiary: var(--gray-50);\n --message-surface: var(--gray-100) !important;\n --sidebar-surface-primary: var(--gray-100);\n --sidebar-surface-secondary: var(--gray-200);\n --sidebar-surface-tertiary: var(--gray-300);\n .popover,\n .dark .popover,\n .dark.popover,\n .popover .dark {\n --main-surface-primary: var(--gray-200) !important;\n --main-surface-secondary: var(--gray-100) !important;\n --main-surface-tertiary: var(--gray-50) !important;\n --text-primary: var(--gray-950) !important;\n --text-secondary: var(--gray-600) !important;\n --text-tertiary: var(--gray-500) !important;\n }\n }\n\n --border-light: fade(@text, 10%);\n --border-medium: fade(@text, 15%);\n --border-heavy: fade(@text, 20%);\n --border-xheavy: fade(@text, 25%);\n --link: @accent;\n --link-hover: if(\n @flavor = latte,\n lighten(@accent, 10%),\n darken(@accent, 10%)\n );\n\n *:focus {\n --tw-ring-offset-color: @base;\n --tw-ring-color: @accent;\n }\n\n /* ChatGPT logo */\n [style*=\"background-color: rgb(25, 195, 125);\"] {\n background-color: @green !important;\n color: @base !important;\n }\n\n /* Input */\n\n select {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 20 20\"><path stroke=\"@{overlay2}\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m6 8 4 4 4-4\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml;@{svg}\");\n }\n\n [multiple],\n [type=\"date\"],\n [type=\"datetime-local\"],\n [type=\"email\"],\n [type=\"month\"],\n [type=\"number\"],\n [type=\"password\"],\n [type=\"search\"],\n [type=\"tel\"],\n [type=\"text\"],\n [type=\"time\"],\n [type=\"url\"],\n [type=\"week\"],\n select,\n textarea {\n background-color: @base;\n border-color: @overlay2;\n }\n\n [type=\"checkbox\"],\n [type=\"radio\"] {\n background-color: @base;\n border-color: @overlay2;\n color: @accent;\n }\n\n .form-input,\n .form-multiselect,\n .form-select,\n .form-textarea {\n background-color: @base;\n border-color: @overlay2;\n }\n\n .form-input:focus,\n .form-multiselect:focus,\n .form-select:focus,\n .form-textarea:focus {\n border-color: @accent;\n }\n\n .form-input::placeholder,\n .form-textarea::placeholder {\n color: @overlay2;\n }\n\n /* Buttons */\n\n .btn-primary,\n .btn-green {\n background-color: @accent;\n color: @base;\n\n &:hover {\n background-color: darken(@accent, 10%);\n }\n\n &:focus-visible {\n --tw-ring-color: darken(@accent, 10%) !important;\n }\n }\n\n .btn-danger {\n background-color: @red;\n color: @base;\n\n &:hover:not(:disabled) {\n background-color: darken(@red, 10%);\n }\n\n &.focus-visible,\n &:focus-visible {\n --tw-ring-color: darken(@red, 10%) !important;\n }\n }\n\n .btn-danger-outline {\n border-color: @red;\n color: @red;\n\n &.focus-visible,\n &:focus-visible {\n --tw-ring-color: lighten(@red, 10%) !important;\n }\n }\n\n .btn-neutral {\n &.focus-visible,\n &:focus-visible {\n --tw-ring-color: @overlay0 !important;\n }\n }\n\n .btn-dark {\n background-color: @surface0;\n border-color: @overlay0;\n color: @text;\n\n &:hover {\n background-color: @surface1;\n }\n }\n\n .btn-light {\n background-color: @overlay1;\n color: @black;\n\n &:hover {\n background-color: @overlay0;\n }\n }\n\n .btn-disabled,\n .btn-disabled:hover {\n background-color: @text;\n }\n\n /* Borders */\n\n .border-black,\n .border-black\\/10,\n .border-black\\/20,\n .border-black\\/30,\n .border-black\\/5 {\n border-color: var(--border-light);\n }\n\n .border-gray-100 {\n border-color: var(--gray-100);\n }\n\n .border-gray-200 {\n border-color: var(--gray-200);\n }\n\n .border-gray-300 {\n border-color: var(--gray-300);\n }\n\n .border-gray-400 {\n border-color: var(--gray-400);\n }\n\n .border-gray-500 {\n border-color: var(--gray-500);\n }\n\n .border-gray-700 {\n border-color: var(--gray-700);\n }\n\n .border-gray-950 {\n border-color: var(--gray-950);\n }\n\n .border-green-500 {\n border-color: lighten(@green, 10%);\n }\n\n .border-green-600 {\n border-color: @green;\n }\n\n .border-orange-400 {\n border-color: lighten(mix(@red, @yellow), 10%);\n }\n\n .border-orange-500 {\n border-color: mix(@red, @yellow);\n }\n\n .border-red-500 {\n border-color: darken(@red, 10%);\n }\n\n .border-white {\n border-color: @white;\n }\n\n .border-white\\/20 {\n border-color: fade(@white, 20%);\n }\n\n .border-t-[\\#0077FF] {\n border-top-color: @blue;\n }\n\n /* Backgrounds */\n .bg-token-main-surface-primary {\n background-color: var(--main-surface-primary);\n }\n\n .\\!bg-brand-purple {\n background-color: @accent !important;\n }\n\n .\\!bg-gray-200 {\n background-color: var(--gray-200) !important;\n }\n\n .btn-blue {\n background-color: @blue;\n color: @crust;\n\n &:hover {\n background-color: darken(@blue, 5%);\n }\n }\n\n .bg-[\\#0077FF],\n .bg-\\[\\#3C46FF\\],\n .bg-[\\#3C46FF],\n .bg-[\\#4046EC] {\n background-color: @blue;\n }\n\n .hover\\:bg-\\[\\#0000FF\\]:hover {\n background-color: darken(@blue, 5%);\n }\n\n .bg-[\\#10A37F] {\n background-color: @green;\n }\n\n .bg-[\\#B161FD] {\n background-color: @accent;\n }\n\n .bg-[\\#F8CA27] {\n background-color: @yellow;\n }\n\n .bg-[\\#FF5588] {\n background-color: mix(@red, @pink);\n }\n\n .bg-[\\#FF6E3C] {\n background-color: saturate(mix(@red, @yellow), 10%);\n }\n .dark\\:radix-highlighted\\:bg-\\[\\#2E2F33\\][data-highlighted] {\n background-color: @surface0;\n }\n\n .bg-black {\n background-color: @black;\n }\n\n .bg-black\\/20 {\n background-color: fade(@black, 20%);\n }\n\n .bg-black\\/5 {\n background-color: fade(@black, 5%);\n }\n\n .bg-black\\/50 {\n background-color: fade(@black, 50%);\n }\n\n .bg-black\\/90 {\n background-color: fade(@black, 90%);\n }\n\n .bg-black\\/\\[\\.04\\] {\n background-color: fade(@black, 4%);\n }\n\n .bg-black\\/\\[\\.08\\] {\n background-color: fade(@black, 8%);\n }\n\n .bg-black\\/\\[\\.12\\] {\n background-color: fade(@black, 12%);\n }\n\n .bg-blue-100 {\n background-color: lighten(@blue, 30%);\n }\n\n .bg-blue-200 {\n background-color: lighten(@blue, 20%);\n }\n\n .bg-blue-300 {\n background-color: lighten(@blue, 10%);\n }\n\n .bg-blue-400 {\n background-color: @blue;\n }\n\n .bg-blue-500 {\n background-color: darken(@blue, 5%);\n }\n\n .bg-blue-700 {\n background-color: darken(@blue, 10%);\n }\n\n .hover\\:bg-blue-700:hover {\n background-color: darken(@blue, 15%);\n }\n\n .bg-brand-blue-800 {\n background-color: darken(@blue, 10%);\n }\n\n .bg-blue-950 {\n background-color: darken(@blue, 30%);\n }\n\n .checked\\:bg-blue-600:checked {\n background-color: @accent;\n }\n\n .bg-brand-green {\n background-color: lighten(@green, 10%);\n }\n\n .bg-brand-green\\/20 {\n background-color: fade(lighten(@green, 10%), 20%);\n }\n\n .bg-brand-green\\/40 {\n background-color: fade(lighten(@green, 10%), 40%);\n }\n\n .bg-brand-purple {\n background-color: @accent;\n }\n\n .bg-gray-100 {\n background-color: var(--gray-100);\n }\n\n .bg-gray-200 {\n background-color: var(--gray-200);\n }\n\n .bg-gray-300 {\n background-color: var(--gray-300);\n }\n\n .bg-gray-400 {\n background-color: var(--gray-400);\n }\n\n .bg-gray-50 {\n background-color: var(--gray-50);\n }\n\n .bg-gray-500 {\n background-color: var(--gray-500);\n }\n\n .bg-gray-600 {\n background-color: var(--gray-600);\n }\n\n .bg-gray-700 {\n background-color: var(--gray-700);\n }\n\n .bg-gray-900 {\n background-color: var(--gray-900);\n }\n\n .bg-gray-950 {\n background-color: var(--gray-950);\n }\n\n .bg-green-100 {\n background-color: lighten(@green, 30%);\n }\n\n .bg-green-200 {\n background-color: lighten(@green, 20%);\n }\n\n .bg-green-500 {\n background-color: lighten(@green, 10%);\n }\n\n .bg-green-500\\/10 {\n background-color: fade(lighten(@green, 10%), 10%);\n }\n\n .bg-green-600 {\n background-color: @green;\n }\n\n .bg-orange-500 {\n background-color: mix(@yellow, @red);\n }\n\n .bg-orange-500\\/10 {\n background-color: fade(mix(@yellow, @red), 10%);\n }\n\n .bg-red-100 {\n background-color: fade(lighten(@red, 10%), 30%);\n }\n\n .bg-red-200 {\n background-color: lighten(@red, 20%);\n }\n\n .bg-red-500 {\n background-color: @red;\n }\n\n .bg-red-500\\/10 {\n background-color: fade(@red, 10%);\n }\n\n .bg-red-600 {\n background-color: lighten(@red, 10%);\n }\n\n .bg-white {\n background-color: @white;\n }\n\n .bg-white\\/20 {\n background-color: fade(@white, 20%);\n }\n\n .bg-white\\/25 {\n background-color: fade(@white, 25%);\n }\n\n .bg-yellow-100 {\n background-color: lighten(@yellow, 20%);\n }\n\n .bg-yellow-200 {\n background-color: lighten(@yellow, 10%);\n }\n\n .bg-yellow-400 {\n background-color: @yellow;\n }\n\n .bg-yellow-500 {\n background-color: darken(@yellow, 10%);\n }\n\n .radix-state-checked\\:\\!bg-green-600[data-state=\"checked\"] {\n background-color: @accent !important;\n }\n\n .dark\\:radix-state-checked\\:border-green-600[data-state=\"checked\"]:is(\n .dark *\n ) {\n border-color: @accent;\n }\n\n [class*=\"bg-transparent\"] {\n background-color: transparent;\n }\n\n /* Gradients */\n\n .from-white {\n --tw-gradient-from: @base var(--tw-gradient-from-position);\n }\n\n /* Fill/stroke */\n\n .fill-yellow-500 {\n fill: @yellow;\n }\n\n .stroke-black {\n stroke: @black;\n }\n\n .stroke-brand-purple\\/25 {\n stroke: fade(@accent, 25%);\n }\n\n .stroke-gray-400 {\n stroke: @subtext0;\n }\n\n /* Text */\n\n .\\!text-black {\n color: @black !important;\n }\n\n .text-\\[\\#FE7600\\] {\n color: mix(@yellow, @red);\n }\n\n .text-\\[\\#fff\\] {\n color: @base;\n }\n\n .text-black {\n color: @black;\n }\n\n .text-black\\/60 {\n color: fade(@black, 60%);\n }\n\n .text-black\\/70 {\n color: fade(@black, 70%);\n }\n\n .text-blue-500 {\n color: lighten(@blue, 10%);\n }\n\n .text-blue-600 {\n color: @blue;\n }\n\n .text-brand-blue-800 {\n color: @blue;\n }\n\n .text-brand-purple {\n color: @accent;\n }\n\n .text-gray-100 {\n color: var(--gray-100);\n }\n\n .text-gray-300 {\n color: var(--gray-300);\n }\n\n .text-gray-400 {\n color: var(--gray-400);\n }\n\n .text-gray-500 {\n color: var(--gray-500);\n }\n\n .text-gray-600 {\n color: var(--gray-600);\n }\n\n .text-gray-700 {\n color: var(--gray-700);\n }\n\n .text-gray-800 {\n color: var(--gray-800);\n }\n\n .text-gray-900 {\n color: var(--gray-900);\n }\n\n .text-green-500 {\n color: lighten(@green, 10%);\n }\n\n .text-green-600 {\n color: @green;\n }\n\n .text-green-700 {\n color: darken(@green, 10%);\n }\n\n .text-green-800 {\n color: darken(@green, 20%);\n }\n\n .text-green-900 {\n color: darken(@green, 30%);\n }\n\n .text-orange-300 {\n color: lighten(mix(@yellow, @red), 15%);\n }\n\n .text-orange-400 {\n color: lighten(mix(@yellow, @red), 10%);\n }\n\n .text-orange-500 {\n color: mix(@yellow, @red);\n }\n\n .text-red-500 {\n color: @red;\n }\n\n .text-red-600 {\n color: lighten(@red, 10%);\n }\n\n .text-red-700 {\n color: @red;\n }\n\n .text-red-800 {\n color: darken(@red, 10%);\n }\n\n .text-token-text-error {\n --text-error: @red;\n }\n\n .text-white {\n color: @white;\n }\n\n .text-white\\/25 {\n color: fade(@white, 25%);\n }\n\n .text-white\\/50 {\n color: fade(@white, 50%);\n }\n\n .text-white\\/80 {\n color: fade(@white, 80%);\n }\n\n .text-yellow-500 {\n color: @yellow;\n }\n\n .text-yellow-700 {\n color: darken(@yellow, 10%);\n }\n\n .text-yellow-800 {\n color: darken(@yellow, 20%);\n }\n\n .text-yellow-900 {\n color: darken(@yellow, 30%);\n }\n\n /* Dark mode overrides */\n /* stylelint-disable-next-line no-duplicate-selectors */\n & when not(@flavor = latte) {\n .dark\\:bg-black {\n background-color: @black;\n }\n\n .dark\\:bg-white {\n background-color: @white;\n }\n\n .dark\\:bg-gray-700 {\n background-color: var(--gray-700);\n }\n\n /* \"Was this response better or worse\" dialog button hover */\n .dark\\:hover\\:bg-gray-800:hover {\n background-color: transparent;\n }\n\n .dark\\:text-white {\n color: @white;\n }\n\n .dark\\:text-black {\n color: @black;\n }\n\n /* Chat suggestions on new chat page */\n .dark\\:text-gray-500 {\n color: var(--gray-300);\n }\n\n .dark\\:text-\\[\\#D292FF\\] {\n color: @mauve;\n }\n\n .dark\\:focus\\:border-white:focus {\n border-color: @text;\n }\n\n .dark\\:border-gray-700 {\n border-color: var(--gray-700);\n }\n\n /* Up arrow send message button */\n .disabled\\:dark\\:bg-token-text-quaternary:is(.dark *):disabled {\n background-color: var(--text-quaternary);\n }\n .dark\\:disabled\\:text-token-main-surface-secondary:disabled:is(.dark *) {\n color: var(--main-surface-secondary);\n }\n }\n\n /* Other */\n\n .ring-black {\n --tw-ring-color: @black;\n }\n\n .ring-black\\/10 {\n --tw-ring-color: fade(@black, 10%);\n }\n\n .ring-white {\n --tw-ring-color: @base;\n }\n\n .ring-offset-black {\n --tw-ring-offset-color: @base;\n }\n\n /* Invalid LaTeX expressions */\n [style*=\"color: rgb(204, 0, 0)\"] {\n color: @red;\n }\n\n /* Circle around OpenAI logo in center of chat */\n .gizmo-shadow-stroke::after {\n --tw-shadow: inset 0 0 0 1px @surface0;\n }\n\n .katex-error {\n color: @red !important;\n }\n\n [style=\"background-color: rgb(0, 0, 46);\"],\n [style=\"background-color: rgb(255, 255, 219);\"] {\n background-color: @crust !important;\n }\n\n /* Icon colors for chat suggestion icons on new chat page */\n svg[style=\"color: rgb(203, 139, 208);\"] {\n color: @pink !important;\n }\n svg[style=\"color: rgb(226, 197, 65);\"] {\n color: @yellow !important;\n }\n svg[style=\"color: rgb(118, 208, 235);\"] {\n color: @teal !important;\n }\n svg[style=\"color: rgb(237, 98, 98);\"] {\n color: @red !important;\n }\n }\n}\n\n@-moz-document domain(\"auth.openai.com\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n color-scheme: if(@flavor = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n color: @text;\n background-color: @base;\n caret-color: @text;\n\n a {\n color: @accent;\n }\n\n body,\n .oai-header,\n .oai-footer,\n .login-container,\n .main-container {\n background-color: @base;\n }\n\n .oai-header img {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"@{text}\"><path d=\"M29.293 13.167a7.77 7.77 0 0 0-.668-6.388 7.87 7.87 0 0 0-8.472-3.774A7.77 7.77 0 0 0 14.288.39a7.87 7.87 0 0 0-7.504 5.446 7.78 7.78 0 0 0-5.201 3.773 7.87 7.87 0 0 0 .968 9.223 7.78 7.78 0 0 0 .668 6.388 7.87 7.87 0 0 0 8.473 3.774 7.78 7.78 0 0 0 5.866 2.615 7.87 7.87 0 0 0 7.506-5.449 7.78 7.78 0 0 0 5.2-3.773 7.87 7.87 0 0 0-.97-9.22M17.559 29.57a5.83 5.83 0 0 1-3.746-1.354c.048-.026.131-.071.185-.105l6.216-3.59a1.01 1.01 0 0 0 .511-.885v-8.765l2.627 1.517a.1.1 0 0 1 .052.072v7.258a5.86 5.86 0 0 1-5.846 5.85M4.989 24.2a5.83 5.83 0 0 1-.698-3.92c.047.028.126.077.185.11l6.216 3.59a1.01 1.01 0 0 0 1.021 0l7.59-4.382v3.034a.1.1 0 0 1-.038.08l-6.284 3.628a5.857 5.857 0 0 1-7.992-2.142M3.354 10.63A5.83 5.83 0 0 1 6.4 8.065l-.003.214v7.181a1.01 1.01 0 0 0 .51.884l7.589 4.382-2.627 1.517a.1.1 0 0 1-.089.008L5.495 18.62a5.857 5.857 0 0 1-2.141-7.99m21.587 5.024-7.59-4.382 2.628-1.516a.1.1 0 0 1 .088-.008l6.284 3.628a5.852 5.852 0 0 1-.904 10.558v-7.396a1.01 1.01 0 0 0-.507-.884m2.615-3.936-.184-.11-6.217-3.59a1.01 1.01 0 0 0-1.021 0L12.544 12.4V9.366a.1.1 0 0 1 .038-.08l6.283-3.625a5.851 5.851 0 0 1 8.691 6.059m-16.439 5.408-2.628-1.517a.1.1 0 0 1-.051-.072V8.281a5.851 5.851 0 0 1 9.594-4.492l-.184.105-6.217 3.59a1.01 1.01 0 0 0-.51.884zm1.428-3.078 3.38-1.952 3.381 1.951v3.902l-3.38 1.951-3.38-1.951z\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n background-color: transparent;\n }\n\n .title {\n color: @text;\n }\n\n .email-input {\n background-color: @base;\n border-color: @surface0;\n color: @text;\n\n &:focus,\n &:valid {\n border-color: @accent;\n\n + .email-label {\n color: @accent;\n background-color: @base;\n }\n }\n }\n .email-label {\n background-color: @base;\n color: @subtext0;\n }\n\n .continue-btn {\n background-color: @accent;\n color: @base;\n }\n\n .divider-wrapper {\n &::before,\n &::after {\n border-bottom-color: @surface2;\n }\n }\n\n .social-btn {\n background-color: @mantle;\n border-color: @surface0;\n color: @text;\n }\n\n @orange: mix(@red, @yellow);\n\n img[alt=\"Google logo\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 20 20\" width=\"20\" height=\"20\"><defs><path id=\"a\" d=\"M18.542 8.333H10v3.542h4.917c-.459 2.25-2.375 3.542-4.917 3.542C7 15.417 4.583 13 4.583 10S7 4.583 10 4.583c1.292 0 2.458.458 3.375 1.208l2.667-2.667C14.417 1.708 12.333.833 10 .833 4.917.833.833 4.917.833 10S4.916 19.167 10 19.167c4.583 0 8.75-3.333 8.75-9.167 0-.542-.083-1.125-.208-1.667\"/></defs><clipPath id=\"b\"><use xlink:href=\"#a\" overflow=\"visible\"/></clipPath><path clip-path=\"url(#b)\" fill=\"@{orange}\" d=\"M0 15.417V4.583L7.083 10z\"/><path clip-path=\"url(#b)\" fill=\"@{red}\" d=\"M0 4.583 7.083 10 10 7.458l10-1.625V0H0z\"/><path clip-path=\"url(#b)\" fill=\"@{green}\" d=\"m0 15.417 12.5-9.583 3.292.417L20 0v20H0z\"/><path clip-path=\"url(#b)\" fill=\"@{blue}\" d=\"M20 20 7.083 10 5.416 8.75l14.583-4.167z\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n img[alt=\"Microsoft logo\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path fill=\"@{orange}\" d=\"M.952.952h8.571v8.571H.952z\"/><path fill=\"@{sapphire}\" d=\"M.952 10.476h8.571v8.571H.952z\"/><path fill=\"@{green}\" d=\"M10.476.952h8.571v8.571h-8.571z\"/><path fill=\"@{yellow}\" d=\"M10.476 10.476h8.571v8.571h-8.571z\"/></svg>'\n );\n\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n img[alt=\"Apple logo\"] {\n @svg: escape(\n '<svg width=\"20\" xmlns=\"http://www.w3.org/2000/svg\" height=\"20\" viewBox=\"0 0 20 20\"><path fill=\"@{text}\" d=\"M17.691 15.324a10.3 10.3 0 0 1-1.025 1.842q-.81 1.152-1.32 1.595-.79.727-1.696.747-.652 0-1.567-.374-.916-.373-1.687-.373-.808 0-1.735.373-.928.376-1.499.394-.87.037-1.735-.767-.553-.482-1.381-1.652-.888-1.249-1.46-2.9-.613-1.783-.613-3.456 0-1.916.829-3.302.65-1.112 1.736-1.756c1.086-.644 1.505-.648 2.347-.662q.69.001 1.815.422 1.123.422 1.44.423.238 0 1.596-.499 1.283-.462 2.17-.385 2.407.193 3.609 1.9-2.151 1.305-2.129 3.647.02 1.825 1.321 3.032a4.4 4.4 0 0 0 1.32.866 15 15 0 0 1-.336.884M14.013.852q0 1.43-1.042 2.667c-.838.979-1.851 1.545-2.95 1.456a3 3 0 0 1-.022-.361c0-.915.398-1.894 1.106-2.695q.53-.608 1.347-1.011.816-.398 1.541-.436.02.191.02.381z\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n}\n\n@-moz-document domain(\"auth0.openai.com\") {\n @media (prefers-color-scheme: light) {\n :root {\n #catppuccin(@lightFlavor);\n }\n }\n\n @media (prefers-color-scheme: dark) {\n :root {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n color-scheme: if(@flavor = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n --primary-color: @accent;\n --primary-color-no-override: @accent;\n --action-primary-color: @accent;\n --link-color: @accent;\n --page-background-color: @base;\n --info-color: @blue;\n --success-color: @green;\n --error-color: @red;\n --error-text-color: @text;\n --warning-color: @yellow;\n --button-font-color: @text;\n --widget-background-color: @base;\n --presentational-content-color: @overlay2;\n --gray-lightest: @base;\n --gray-light: @crust;\n --gray-mid: @surface0;\n --gray-mid-dark: @surface1;\n --gray-dark: @overlay2;\n --gray-darkest: @text;\n --gray-social-border: @surface0;\n\n ._button-login-password,\n ._button-login-id {\n background-color: @accent;\n color: @base;\n }\n\n .password-icon-tooltip {\n background-color: @text;\n\n &::before {\n border-top-color: @text;\n }\n }\n\n .oai-header svg {\n fill: @text;\n }\n\n @orange: mix(@red, @yellow);\n\n button > span {\n &[data-provider^=\"google\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 48 48\"><defs><path id=\"a\" d=\"M44.5 20H24v8.5h11.8C34.7 33.9 30.1 37 24 37c-7.2 0-13-5.8-13-13s5.8-13 13-13c3.1 0 5.9 1.1 8.1 2.9l6.4-6.4C34.6 4.1 29.6 2 24 2 11.8 2 2 11.8 2 24s9.8 22 22 22c11 0 21-8 21-22 0-1.3-.2-2.7-.5-4\"/></defs><clipPath id=\"b\"><use xlink:href=\"#a\" overflow=\"visible\"/></clipPath><path clip-path=\"url(#b)\" fill=\"@{orange}\" d=\"M0 37V11l17 13z\"/><path clip-path=\"url(#b)\" fill=\"@{red}\" d=\"m0 11 17 13 7-6.1L48 14V0H0z\"/><path clip-path=\"url(#b)\" fill=\"@{green}\" d=\"m0 37 30-23 7.9 1L48 0v48H0z\"/><path clip-path=\"url(#b)\" fill=\"@{blue}\" d=\"M48 48 17 24l-4-3 35-10z\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml;charset=utf-8,@{svg}\");\n }\n &[data-provider^=\"windowslive\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\"><path fill=\"@{orange}\" d=\"M1 1h9v9H1z\"/><path fill=\"@{sapphire}\" d=\"M1 11h9v9H1z\"/><path fill=\"@{green}\" d=\"M11 1h9v9h-9z\"/><path fill=\"@{yellow}\" d=\"M11 11h9v9h-9z\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml;charset=utf-8,@{svg}\");\n }\n &[data-provider^=\"apple\"] {\n @svg: escape(\n '<svg width=\"170\" xmlns=\"http://www.w3.org/2000/svg\" height=\"170\"><path fill=\"@{text}\" d=\"M150.37 130.25c-2.45 5.66-5.35 10.87-8.71 15.66-4.58 6.53-8.33 11.05-11.22 13.56-4.48 4.12-9.28 6.23-14.42 6.35-3.69 0-8.14-1.05-13.32-3.18-5.197-2.12-9.973-3.17-14.34-3.17-4.58 0-9.492 1.05-14.746 3.17-5.262 2.13-9.501 3.24-12.742 3.35-4.929.21-9.842-1.96-14.746-6.52-3.13-2.73-7.045-7.41-11.735-14.04-5.032-7.08-9.169-15.29-12.41-24.65-3.471-10.11-5.211-19.9-5.211-29.378 0-10.857 2.346-20.221 7.045-28.068 3.693-6.303 8.606-11.275 14.755-14.925s12.793-5.51 19.948-5.629c3.915 0 9.049 1.211 15.429 3.591 6.362 2.388 10.447 3.599 12.238 3.599 1.339 0 5.877-1.416 13.57-4.239 7.275-2.618 13.415-3.702 18.445-3.275 13.63 1.1 23.87 6.473 30.68 16.153-12.19 7.386-18.22 17.731-18.1 31.002.11 10.337 3.86 18.939 11.23 25.769 3.34 3.17 7.07 5.62 11.22 7.36-.9 2.61-1.85 5.11-2.86 7.51M119.11 7.24c0 8.102-2.96 15.667-8.86 22.669-7.12 8.324-15.732 13.134-25.071 12.375a25 25 0 0 1-.188-3.07c0-7.778 3.386-16.102 9.399-22.908q4.504-5.168 11.45-8.597c4.62-2.252 8.99-3.497 13.1-3.71.12 1.083.17 2.166.17 3.24z\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml;charset=utf-8,@{svg}\");\n }\n }\n }\n}\n\n#rgbify(@color) {\n @rgb: red(@color), green(@color), blue(@color);\n}\n\n/* deno-fmt-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n};\n",
|
|
"usercssData": {
|
|
"name": "ChatGPT Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/chatgpt",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/chatgpt",
|
|
"version": "2024.12.31",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Achatgpt",
|
|
"description": "Soothing pastel theme for ChatGPT",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": "latte",
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"darkFlavor": {
|
|
"type": "select",
|
|
"label": "Dark Flavor",
|
|
"name": "darkFlavor",
|
|
"value": "macchiato",
|
|
"default": "mocha",
|
|
"options": [
|
|
{
|
|
"name": "latte",
|
|
"label": "Latte",
|
|
"value": "latte"
|
|
},
|
|
{
|
|
"name": "frappe",
|
|
"label": "Frappé",
|
|
"value": "frappe"
|
|
},
|
|
{
|
|
"name": "macchiato",
|
|
"label": "Macchiato",
|
|
"value": "macchiato"
|
|
},
|
|
{
|
|
"name": "mocha",
|
|
"label": "Mocha",
|
|
"value": "mocha"
|
|
}
|
|
]
|
|
},
|
|
"accentColor": {
|
|
"type": "select",
|
|
"label": "Accent",
|
|
"name": "accentColor",
|
|
"value": "teal",
|
|
"default": "mauve",
|
|
"options": [
|
|
{
|
|
"name": "rosewater",
|
|
"label": "Rosewater",
|
|
"value": "rosewater"
|
|
},
|
|
{
|
|
"name": "flamingo",
|
|
"label": "Flamingo",
|
|
"value": "flamingo"
|
|
},
|
|
{
|
|
"name": "pink",
|
|
"label": "Pink",
|
|
"value": "pink"
|
|
},
|
|
{
|
|
"name": "mauve",
|
|
"label": "Mauve",
|
|
"value": "mauve"
|
|
},
|
|
{
|
|
"name": "red",
|
|
"label": "Red",
|
|
"value": "red"
|
|
},
|
|
{
|
|
"name": "maroon",
|
|
"label": "Maroon",
|
|
"value": "maroon"
|
|
},
|
|
{
|
|
"name": "peach",
|
|
"label": "Peach",
|
|
"value": "peach"
|
|
},
|
|
{
|
|
"name": "yellow",
|
|
"label": "Yellow",
|
|
"value": "yellow"
|
|
},
|
|
{
|
|
"name": "green",
|
|
"label": "Green",
|
|
"value": "green"
|
|
},
|
|
{
|
|
"name": "teal",
|
|
"label": "Teal",
|
|
"value": "teal"
|
|
},
|
|
{
|
|
"name": "blue",
|
|
"label": "Blue",
|
|
"value": "blue"
|
|
},
|
|
{
|
|
"name": "sapphire",
|
|
"label": "Sapphire",
|
|
"value": "sapphire"
|
|
},
|
|
{
|
|
"name": "sky",
|
|
"label": "Sky",
|
|
"value": "sky"
|
|
},
|
|
{
|
|
"name": "lavender",
|
|
"label": "Lavender",
|
|
"value": "lavender"
|
|
},
|
|
{
|
|
"name": "subtext0",
|
|
"label": "Gray",
|
|
"value": "subtext0"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"author": "Catppuccin",
|
|
"description": "Soothing pastel theme for ChatGPT",
|
|
"name": "ChatGPT Catppuccin",
|
|
"updateDate": 1736501255248,
|
|
"_id": "b053cab5-a06a-4e0b-92a6-85a53326e988",
|
|
"_rev": 1736501771479,
|
|
"id": 3,
|
|
"originalDigest": "53c23d2066944b20587ba35ba1381ab6a351399c",
|
|
"etag": "W/\"8e120a3627a940cac3d5babfc25ebc88ba19f290b8d24729c30767dfc30e4a1d\""
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/deepl/catppuccin.user.less",
|
|
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/deepl",
|
|
"installDate": 1698243065084,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"sourceCode": "/* ==UserStyle==\n@name DeepL Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/deepl\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/deepl\n@version 2024.12.31\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/deepl/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Adeepl\n@description Soothing pastel theme for DeepL\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@-moz-document regexp(\"https:\\\\/\\\\/www.deepl.com\\\\/?(.*\\\\/)translator.*$\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n @text-filter: @catppuccin-filters[@@flavor][@text];\n @blue-filter: @catppuccin-filters[@@flavor][@blue];\n\n color-scheme: if(@flavor = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n /* header */\n .BasePageHeader-module--container--d81cb {\n background-color: @mantle !important;\n }\n\n /* background */\n body {\n background-color: @base !important;\n color: @text !important;\n }\n\n .bg-neutral-next-50,\n .bg-white,\n .contextual-menu-dragging-area,\n input {\n background-color: @base !important;\n }\n\n .pageFooterV2-module--footerOuterContainer--0b055 {\n background-color: @mantle !important;\n }\n\n .scrollablePopiverListRoot-module--root--588fe {\n background-color: @base !important;\n }\n\n /* text color */\n h1,\n h2,\n h3,\n h4,\n p,\n a,\n button,\n span,\n input,\n ul,\n li,\n .mb-3,\n .mb-4,\n .GlossaryModalWithIllustration-module--content--2bf03,\n .lmt__glossary_editor_glossaryName {\n color: @text !important;\n }\n\n .text-neutral-next-600 {\n color: @subtext0 !important;\n }\n\n /* privacy notice */\n .cookieBanner-module--container--9baef {\n background-color: @surface0 !important;\n color: @text !important;\n }\n\n .button-module--button--4f58d.button-module--color_primaryAlt3--cd3cf {\n border-color: @text !important;\n }\n\n /* side menu */\n .classicSidemenu-module--menuContainer--35157 {\n background-color: @base !important;\n }\n\n /* borders */\n .border-black {\n border-color: @surface2 !important;\n }\n\n .border-neutral-next-100,\n .StartFreeTrialButton-module--startFreeTrialButton--bd671 {\n border-color: @surface0 !important;\n }\n\n .divide-y > :not([hidden]) ~ :not([hidden]) {\n border-color: @base;\n }\n\n .TranslatorTab-module--active--0b6ea\n .TranslatorTab-module--innerLower--8a080 {\n background-color: @accent !important;\n }\n\n .ring-neutral-next-900 {\n --tw-ring-color: @surface2;\n }\n\n .border-neutral-next-900 {\n border-color: @surface2 !important;\n }\n\n input {\n border-color: @surface0 !important;\n }\n\n /* hover */\n button:hover,\n .bg-blue-next-500:hover {\n background-color: @surface1 !important;\n }\n\n a:hover {\n background-color: @mantle !important;\n }\n\n .FlyoutMenuButton-module--flyoutMenuButton--97ae6:hover {\n background-color: @mantle !important;\n }\n\n [class*=\"SourceTranslatorArea-module--focusBorder--\"]:has(\n div[contenteditable=\"true\"]:focus\n ) {\n border-color: @accent;\n }\n\n [class*=\"PageHeaderLink-module--pageHeaderLink--\"]:not(\n [class*=\"PageHeaderLink-module--nohover--\"]\n ):hover {\n color: @accent;\n border-color: @accent;\n }\n\n .hover\\:bg-\\[\\#B4DAE8\\]:hover {\n background-color: @surface2 !important;\n }\n\n /* highlight */\n .bg-\\[\\#E1F0F5\\] {\n background-color: @surface1 !important;\n }\n\n /* buttons */\n .TranslatorTab-module--cardButton--4b203,\n .bg-\\[\\#EDF8FC\\] {\n background-color: @surface0 !important;\n border-color: @surface0 !important;\n }\n\n .StartFreeTrialButton-module--startFreeTrialButton--bd671,\n .bg-blue-next-50 {\n background-color: @surface0 !important;\n }\n\n .bg-blue-next-500 {\n background-color: @surface0;\n border-color: @surface0;\n }\n\n .LanguageSelector-module--wrapper--f9f17 {\n --button-background: @surface0 !important;\n --button-border-color: @surface0 !important;\n color: @base !important;\n }\n\n .CareerBanner-module--container--2ac20 {\n background-color: @surface0 !important;\n }\n\n /* glossary button */\n .lmt__glossaryButton,\n .lmt__glossaryButton__desktop:hover,\n .ModalDialogContent-module--content--5751e {\n background-color: @surface0 !important;\n }\n\n .lmt__glossary_acceptButton,\n .lmt__glossary_editor,\n .lmt__glossary_editor_subBar_top,\n .lmt__glossary_editor_subBar_bottom,\n .lmt__glossary_editor_mainBar,\n .Select-module--wrapper--53ec7 .Select-module--flyout--c91f3,\n .lmt_firstEntry-content,\n .lmt__glossary_newEntry_langButton,\n .Select-module--wrapper--53ec7,\n .Select-module--button--f032e {\n background-color: @surface0 !important;\n border-color: @surface0 !important;\n }\n\n .desktop-glossary-overwrites .lmt__language_select__menu {\n background-color: @surface0 !important;\n color: @text !important;\n }\n\n .lmt__glossary_newEntry_langDropdown.lmt__language_select__menu\n button\n .langName {\n color: @text !important;\n }\n\n /* pro banner */\n .ProBanner2021-module--wrapper--c7e3d,\n .p-8 {\n background: @base !important;\n }\n\n /* some button colors */\n .badge-module--badge--c9ebe.badge-module--proDark--a4d4e {\n background-color: @green;\n color: @base !important;\n }\n\n .button-module--button--a854e.button-module--color_secondary--f171e {\n background-color: @peach;\n border-color: @peach !important;\n color: @base !important;\n }\n\n .button-module--button--a854e.button-module--variant_outline--b937c {\n background-color: @surface0 !important;\n border-color: @surface0 !important;\n }\n\n .button-module--button--a854e.button-module--color_primary--bfa59 {\n background-color: @blue !important;\n border-color: @blue !important;\n color: @base !important;\n }\n\n /* dropdowns */\n .ProductUpdatesContainer-module--updateContainer--16394,\n .ProductUpdateFooter-module--updateFooter--b46f0,\n .LanguageSelector-module--flyout--6bfe6 {\n background-color: @base !important;\n border-color: @surface0 !important;\n }\n\n /* allow mic/get extension prompt */\n .bg-neutral-next-900,\n .bg-blue-next-800 {\n background-color: @surface0 !important;\n color: @text !important;\n }\n\n /* icons, svgs and images */\n svg {\n color: @text !important;\n }\n\n .lmt__glossary_ad_checkmark,\n .lmt__glossary_arrowDown {\n border-color: @text !important;\n }\n\n path,\n .DeeplLogoText-module--logoText--34a4f,\n .ProBanner2021-module--lockitem--febe3,\n .FlyoutMenuButton-module--flyoutMenuButton--97ae6::after,\n #top-navi-sidemenu-opener,\n .pageFooterV2-module--socialMediaLinks--71305,\n .ProBanner2021-module--checkitem--2d8e7,\n [src*=\"https://static.deepl.com/img/app_desktop.svg\"] {\n filter: @text-filter;\n }\n\n .Logo-module--logoImg--1ee7e,\n .LogoLink-module--logoText--33735,\n .deeplLogo-module--logo--ffd7a {\n filter: @blue-filter;\n }\n }\n}\n\n/* deno-fmt-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n};\n\n/* deno-fmt-ignore */\n@catppuccin-filters: {\n @latte: { @rosewater: brightness(0) saturate(100%) invert(65%) sepia(18%) saturate(1048%) hue-rotate(323deg) brightness(92%) contrast(86%); @flamingo: brightness(0) saturate(100%) invert(84%) sepia(44%) saturate(4533%) hue-rotate(310deg) brightness(98%) contrast(75%); @pink: brightness(0) saturate(100%) invert(60%) sepia(32%) saturate(775%) hue-rotate(266deg) brightness(93%) contrast(97%); @mauve: brightness(0) saturate(100%) invert(26%) sepia(59%) saturate(3315%) hue-rotate(255deg) brightness(94%) contrast(100%); @red: brightness(0) saturate(100%) invert(16%) sepia(78%) saturate(7275%) hue-rotate(342deg) brightness(84%) contrast(94%); @maroon: brightness(0) saturate(100%) invert(31%) sepia(56%) saturate(2395%) hue-rotate(331deg) brightness(99%) contrast(82%); @peach: brightness(0) saturate(100%) invert(38%) sepia(81%) saturate(1292%) hue-rotate(356deg) brightness(103%) contrast(99%); @yellow: brightness(0) saturate(100%) invert(74%) sepia(47%) saturate(4570%) hue-rotate(354deg) brightness(95%) contrast(83%); @green: brightness(0) saturate(100%) invert(51%) sepia(25%) saturate(4134%) hue-rotate(76deg) brightness(95%) contrast(66%); @teal: brightness(0) saturate(100%) invert(41%) sepia(45%) saturate(1101%) hue-rotate(139deg) brightness(100%) contrast(82%); @sky: brightness(0) saturate(100%) invert(47%) sepia(76%) saturate(2427%) hue-rotate(166deg) brightness(99%) contrast(97%); @sapphire: brightness(0) saturate(100%) invert(52%) sepia(41%) saturate(6982%) hue-rotate(160deg) brightness(102%) contrast(75%); @blue: brightness(0) saturate(100%) invert(30%) sepia(80%) saturate(1850%) hue-rotate(209deg) brightness(94%) contrast(105%); @lavender: brightness(0) saturate(100%) invert(48%) sepia(61%) saturate(538%) hue-rotate(194deg) brightness(102%) contrast(98%); @text: brightness(0) saturate(100%) invert(30%) sepia(10%) saturate(1259%) hue-rotate(196deg) brightness(97%) contrast(91%); @subtext1: brightness(0) saturate(100%) invert(36%) sepia(10%) saturate(890%) hue-rotate(196deg) brightness(98%) contrast(90%); @subtext0: brightness(0) saturate(100%) invert(47%) sepia(6%) saturate(1263%) hue-rotate(195deg) brightness(90%) contrast(81%); @overlay2: brightness(0) saturate(100%) invert(59%) sepia(7%) saturate(825%) hue-rotate(195deg) brightness(83%) contrast(91%); @overlay1: brightness(0) saturate(100%) invert(59%) sepia(14%) saturate(333%) hue-rotate(194deg) brightness(95%) contrast(89%); @overlay0: brightness(0) saturate(100%) invert(85%) sepia(7%) saturate(595%) hue-rotate(191deg) brightness(77%) contrast(81%); @surface2: brightness(0) saturate(100%) invert(86%) sepia(6%) saturate(482%) hue-rotate(189deg) brightness(82%) contrast(88%); @surface1: brightness(0) saturate(100%) invert(85%) sepia(8%) saturate(281%) hue-rotate(187deg) brightness(92%) contrast(88%); @surface0: brightness(0) saturate(100%) invert(96%) sepia(1%) saturate(5123%) hue-rotate(185deg) brightness(93%) contrast(83%); @base: brightness(0) saturate(100%) invert(89%) sepia(5%) saturate(140%) hue-rotate(182deg) brightness(109%) contrast(94%); @mantle: brightness(0) saturate(100%) invert(93%) sepia(19%) saturate(55%) hue-rotate(182deg) brightness(98%) contrast(92%); @crust: brightness(0) saturate(100%) invert(91%) sepia(1%) saturate(4489%) hue-rotate(196deg) brightness(106%) contrast(82%); };\n @frappe: { @rosewater: brightness(0) saturate(100%) invert(90%) sepia(6%) saturate(734%) hue-rotate(321deg) brightness(95%) contrast(99%); @flamingo: brightness(0) saturate(100%) invert(88%) sepia(52%) saturate(817%) hue-rotate(293deg) brightness(113%) contrast(84%); @pink: brightness(0) saturate(100%) invert(76%) sepia(15%) saturate(844%) hue-rotate(280deg) brightness(107%) contrast(91%); @mauve: brightness(0) saturate(100%) invert(71%) sepia(25%) saturate(725%) hue-rotate(225deg) brightness(94%) contrast(91%); @red: brightness(0) saturate(100%) invert(67%) sepia(3%) saturate(7209%) hue-rotate(305deg) brightness(91%) contrast(99%); @maroon: brightness(0) saturate(100%) invert(61%) sepia(14%) saturate(957%) hue-rotate(307deg) brightness(109%) contrast(90%); @peach: brightness(0) saturate(100%) invert(68%) sepia(28%) saturate(662%) hue-rotate(335deg) brightness(96%) contrast(94%); @yellow: brightness(0) saturate(100%) invert(94%) sepia(88%) saturate(684%) hue-rotate(309deg) brightness(105%) contrast(80%); @green: brightness(0) saturate(100%) invert(89%) sepia(23%) saturate(582%) hue-rotate(42deg) brightness(87%) contrast(89%); @teal: brightness(0) saturate(100%) invert(91%) sepia(13%) saturate(986%) hue-rotate(110deg) brightness(85%) contrast(81%); @sky: brightness(0) saturate(100%) invert(75%) sepia(15%) saturate(623%) hue-rotate(141deg) brightness(109%) contrast(81%); @sapphire: brightness(0) saturate(100%) invert(77%) sepia(20%) saturate(730%) hue-rotate(157deg) brightness(97%) contrast(76%); @blue: brightness(0) saturate(100%) invert(68%) sepia(16%) saturate(1070%) hue-rotate(185deg) brightness(96%) contrast(95%); @lavender: brightness(0) saturate(100%) invert(75%) sepia(20%) saturate(626%) hue-rotate(201deg) brightness(101%) contrast(89%); @text: brightness(0) saturate(100%) invert(83%) sepia(12%) saturate(582%) hue-rotate(191deg) brightness(98%) contrast(96%); @subtext1: brightness(0) saturate(100%) invert(80%) sepia(18%) saturate(411%) hue-rotate(190deg) brightness(96%) contrast(84%); @subtext0: brightness(0) saturate(100%) invert(82%) sepia(6%) saturate(1287%) hue-rotate(192deg) brightness(86%) contrast(85%); @overlay2: brightness(0) saturate(100%) invert(65%) sepia(36%) saturate(230%) hue-rotate(190deg) brightness(92%) contrast(82%); @overlay1: brightness(0) saturate(100%) invert(55%) sepia(12%) saturate(638%) hue-rotate(189deg) brightness(98%) contrast(87%); @overlay0: brightness(0) saturate(100%) invert(49%) sepia(13%) saturate(662%) hue-rotate(192deg) brightness(94%) contrast(84%); @surface2: brightness(0) saturate(100%) invert(41%) sepia(20%) saturate(469%) hue-rotate(191deg) brightness(93%) contrast(86%); @surface1: brightness(0) saturate(100%) invert(34%) sepia(14%) saturate(771%) hue-rotate(190deg) brightness(89%) contrast(85%); @surface0: brightness(0) saturate(100%) invert(28%) sepia(7%) saturate(1468%) hue-rotate(193deg) brightness(92%) contrast(95%); @base: brightness(0) saturate(100%) invert(20%) sepia(17%) saturate(747%) hue-rotate(192deg) brightness(96%) contrast(97%); @mantle: brightness(0) saturate(100%) invert(8%) sepia(7%) saturate(7271%) hue-rotate(198deg) brightness(88%) contrast(75%); @crust: brightness(0) saturate(100%) invert(7%) sepia(7%) saturate(7415%) hue-rotate(197deg) brightness(86%) contrast(79%); };\n @macchiato: { @rosewater: brightness(0) saturate(100%) invert(88%) sepia(13%) saturate(322%) hue-rotate(321deg) brightness(102%) contrast(91%); @flamingo: brightness(0) saturate(100%) invert(82%) sepia(3%) saturate(3070%) hue-rotate(314deg) brightness(107%) contrast(88%); @pink: brightness(0) saturate(100%) invert(80%) sepia(23%) saturate(509%) hue-rotate(280deg) brightness(102%) contrast(92%); @mauve: brightness(0) saturate(100%) invert(65%) sepia(18%) saturate(903%) hue-rotate(222deg) brightness(104%) contrast(93%); @red: brightness(0) saturate(100%) invert(61%) sepia(19%) saturate(1541%) hue-rotate(305deg) brightness(110%) contrast(86%); @maroon: brightness(0) saturate(100%) invert(71%) sepia(10%) saturate(1331%) hue-rotate(306deg) brightness(93%) contrast(101%); @peach: brightness(0) saturate(100%) invert(73%) sepia(13%) saturate(1676%) hue-rotate(330deg) brightness(103%) contrast(92%); @yellow: brightness(0) saturate(100%) invert(87%) sepia(89%) saturate(321%) hue-rotate(314deg) brightness(101%) contrast(87%); @green: brightness(0) saturate(100%) invert(93%) sepia(12%) saturate(1128%) hue-rotate(48deg) brightness(92%) contrast(85%); @teal: brightness(0) saturate(100%) invert(92%) sepia(10%) saturate(1176%) hue-rotate(110deg) brightness(87%) contrast(90%); @sky: brightness(0) saturate(100%) invert(78%) sepia(57%) saturate(230%) hue-rotate(142deg) brightness(96%) contrast(84%); @sapphire: brightness(0) saturate(100%) invert(74%) sepia(35%) saturate(438%) hue-rotate(156deg) brightness(92%) contrast(93%); @blue: brightness(0) saturate(100%) invert(67%) sepia(17%) saturate(1007%) hue-rotate(183deg) brightness(99%) contrast(94%); @lavender: brightness(0) saturate(100%) invert(74%) sepia(6%) saturate(2559%) hue-rotate(198deg) brightness(103%) contrast(94%); @text: brightness(0) saturate(100%) invert(81%) sepia(9%) saturate(726%) hue-rotate(192deg) brightness(104%) contrast(92%); @subtext1: brightness(0) saturate(100%) invert(84%) sepia(5%) saturate(1453%) hue-rotate(193deg) brightness(94%) contrast(86%); @subtext0: brightness(0) saturate(100%) invert(75%) sepia(18%) saturate(361%) hue-rotate(190deg) brightness(91%) contrast(86%); @overlay2: brightness(0) saturate(100%) invert(67%) sepia(9%) saturate(814%) hue-rotate(191deg) brightness(92%) contrast(88%); @overlay1: brightness(0) saturate(100%) invert(49%) sepia(38%) saturate(203%) hue-rotate(190deg) brightness(101%) contrast(93%); @overlay0: brightness(0) saturate(100%) invert(46%) sepia(16%) saturate(552%) hue-rotate(193deg) brightness(93%) contrast(84%); @surface2: brightness(0) saturate(100%) invert(34%) sepia(16%) saturate(611%) hue-rotate(192deg) brightness(101%) contrast(87%); @surface1: brightness(0) saturate(100%) invert(30%) sepia(11%) saturate(1085%) hue-rotate(194deg) brightness(92%) contrast(89%); @surface0: brightness(0) saturate(100%) invert(18%) sepia(21%) saturate(880%) hue-rotate(193deg) brightness(97%) contrast(84%); @base: brightness(0) saturate(100%) invert(12%) sepia(42%) saturate(570%) hue-rotate(194deg) brightness(90%) contrast(90%); @mantle: brightness(0) saturate(100%) invert(6%) sepia(6%) saturate(7499%) hue-rotate(200deg) brightness(93%) contrast(85%); @crust: brightness(0) saturate(100%) invert(5%) sepia(8%) saturate(5346%) hue-rotate(202deg) brightness(98%) contrast(88%); };\n @mocha: { @rosewater: brightness(0) saturate(100%) invert(92%) sepia(5%) saturate(704%) hue-rotate(320deg) brightness(99%) contrast(93%); @flamingo: brightness(0) saturate(100%) invert(81%) sepia(5%) saturate(987%) hue-rotate(315deg) brightness(107%) contrast(90%); @pink: brightness(0) saturate(100%) invert(86%) sepia(11%) saturate(1177%) hue-rotate(283deg) brightness(101%) contrast(92%); @mauve: brightness(0) saturate(100%) invert(65%) sepia(58%) saturate(255%) hue-rotate(224deg) brightness(96%) contrast(102%); @red: brightness(0) saturate(100%) invert(61%) sepia(19%) saturate(997%) hue-rotate(294deg) brightness(104%) contrast(91%); @maroon: brightness(0) saturate(100%) invert(66%) sepia(16%) saturate(1301%) hue-rotate(306deg) brightness(116%) contrast(84%); @peach: brightness(0) saturate(100%) invert(68%) sepia(57%) saturate(278%) hue-rotate(338deg) brightness(98%) contrast(101%); @yellow: brightness(0) saturate(100%) invert(90%) sepia(70%) saturate(380%) hue-rotate(313deg) brightness(102%) contrast(95%); @green: brightness(0) saturate(100%) invert(88%) sepia(6%) saturate(2015%) hue-rotate(63deg) brightness(104%) contrast(78%); @teal: brightness(0) saturate(100%) invert(92%) sepia(12%) saturate(991%) hue-rotate(108deg) brightness(93%) contrast(90%); @sky: brightness(0) saturate(100%) invert(84%) sepia(21%) saturate(1302%) hue-rotate(164deg) brightness(106%) contrast(84%); @sapphire: brightness(0) saturate(100%) invert(74%) sepia(20%) saturate(876%) hue-rotate(156deg) brightness(96%) contrast(93%); @blue: brightness(0) saturate(100%) invert(68%) sepia(18%) saturate(951%) hue-rotate(180deg) brightness(98%) contrast(100%); @lavender: brightness(0) saturate(100%) invert(73%) sepia(7%) saturate(1670%) hue-rotate(195deg) brightness(102%) contrast(99%); @text: brightness(0) saturate(100%) invert(86%) sepia(6%) saturate(879%) hue-rotate(190deg) brightness(100%) contrast(93%); @subtext1: brightness(0) saturate(100%) invert(84%) sepia(19%) saturate(381%) hue-rotate(193deg) brightness(91%) contrast(89%); @subtext0: brightness(0) saturate(100%) invert(84%) sepia(9%) saturate(767%) hue-rotate(192deg) brightness(84%) contrast(84%); @overlay2: brightness(0) saturate(100%) invert(63%) sepia(15%) saturate(428%) hue-rotate(191deg) brightness(96%) contrast(84%); @overlay1: brightness(0) saturate(100%) invert(56%) sepia(15%) saturate(455%) hue-rotate(192deg) brightness(90%) contrast(88%); @overlay0: brightness(0) saturate(100%) invert(44%) sepia(6%) saturate(1275%) hue-rotate(194deg) brightness(97%) contrast(88%); @surface2: brightness(0) saturate(100%) invert(34%) sepia(8%) saturate(1015%) hue-rotate(195deg) brightness(99%) contrast(89%); @surface1: brightness(0) saturate(100%) invert(25%) sepia(6%) saturate(1950%) hue-rotate(197deg) brightness(99%) contrast(86%); @surface0: brightness(0) saturate(100%) invert(19%) sepia(5%) saturate(2844%) hue-rotate(199deg) brightness(91%) contrast(93%); @base: brightness(0) saturate(100%) invert(7%) sepia(4%) saturate(7496%) hue-rotate(202deg) brightness(93%) contrast(87%); @mantle: brightness(0) saturate(100%) invert(6%) sepia(4%) saturate(7465%) hue-rotate(202deg) brightness(95%) contrast(90%); @crust: brightness(0) saturate(100%) invert(3%) sepia(13%) saturate(6863%) hue-rotate(220deg) brightness(95%) contrast(91%); };\n};\n",
|
|
"usercssData": {
|
|
"name": "DeepL Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/deepl",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/deepl",
|
|
"version": "2024.12.31",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/deepl/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Adeepl",
|
|
"description": "Soothing pastel theme for DeepL",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": "latte",
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"darkFlavor": {
|
|
"type": "select",
|
|
"label": "Dark Flavor",
|
|
"name": "darkFlavor",
|
|
"value": "macchiato",
|
|
"default": "mocha",
|
|
"options": [
|
|
{
|
|
"name": "latte",
|
|
"label": "Latte",
|
|
"value": "latte"
|
|
},
|
|
{
|
|
"name": "frappe",
|
|
"label": "Frappé",
|
|
"value": "frappe"
|
|
},
|
|
{
|
|
"name": "macchiato",
|
|
"label": "Macchiato",
|
|
"value": "macchiato"
|
|
},
|
|
{
|
|
"name": "mocha",
|
|
"label": "Mocha",
|
|
"value": "mocha"
|
|
}
|
|
]
|
|
},
|
|
"accentColor": {
|
|
"type": "select",
|
|
"label": "Accent",
|
|
"name": "accentColor",
|
|
"value": "teal",
|
|
"default": "mauve",
|
|
"options": [
|
|
{
|
|
"name": "rosewater",
|
|
"label": "Rosewater",
|
|
"value": "rosewater"
|
|
},
|
|
{
|
|
"name": "flamingo",
|
|
"label": "Flamingo",
|
|
"value": "flamingo"
|
|
},
|
|
{
|
|
"name": "pink",
|
|
"label": "Pink",
|
|
"value": "pink"
|
|
},
|
|
{
|
|
"name": "mauve",
|
|
"label": "Mauve",
|
|
"value": "mauve"
|
|
},
|
|
{
|
|
"name": "red",
|
|
"label": "Red",
|
|
"value": "red"
|
|
},
|
|
{
|
|
"name": "maroon",
|
|
"label": "Maroon",
|
|
"value": "maroon"
|
|
},
|
|
{
|
|
"name": "peach",
|
|
"label": "Peach",
|
|
"value": "peach"
|
|
},
|
|
{
|
|
"name": "yellow",
|
|
"label": "Yellow",
|
|
"value": "yellow"
|
|
},
|
|
{
|
|
"name": "green",
|
|
"label": "Green",
|
|
"value": "green"
|
|
},
|
|
{
|
|
"name": "teal",
|
|
"label": "Teal",
|
|
"value": "teal"
|
|
},
|
|
{
|
|
"name": "blue",
|
|
"label": "Blue",
|
|
"value": "blue"
|
|
},
|
|
{
|
|
"name": "sapphire",
|
|
"label": "Sapphire",
|
|
"value": "sapphire"
|
|
},
|
|
{
|
|
"name": "sky",
|
|
"label": "Sky",
|
|
"value": "sky"
|
|
},
|
|
{
|
|
"name": "lavender",
|
|
"label": "Lavender",
|
|
"value": "lavender"
|
|
},
|
|
{
|
|
"name": "subtext0",
|
|
"label": "Gray",
|
|
"value": "subtext0"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"author": "Catppuccin",
|
|
"description": "Soothing pastel theme for DeepL",
|
|
"name": "DeepL Catppuccin",
|
|
"updateDate": 1736501256596,
|
|
"_id": "e083a452-5ef6-4812-8b76-5970f5c98476",
|
|
"_rev": 1736501771520,
|
|
"id": 4,
|
|
"originalDigest": "a41c2ea71030b695a5d2cbb6ec7f97b2e595d084",
|
|
"etag": "W/\"19ec979b7c5efe91c6fd74df129b3990998bc607623214a56b16665b980e7bf1\""
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.less",
|
|
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/github",
|
|
"installDate": 1698243112279,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"sourceCode": "/* ==UserStyle==\n@name GitHub Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/github\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/github\n@version 2025.01.05\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agithub\n@description Soothing pastel theme for GitHub\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@-moz-document regexp(\n \"https:\\/\\/(gist\\.)*github\\.com(?!((\\/.+?\\/.+?\\/commit\\/[A-Fa-f0-9]+\\.(patch|diff)$)|\\/home$|\\/features($|\\/.*)|\\/marketplace($|\\?.*|\\/.*)|\\/organizations\\/plan)).*$\"\n ),\n regexp(\"https:\\/\\/viewscreen\\.githubusercontent\\.com(\\/diff\\/img|\\/view).*\") {\n [data-color-mode=\"auto\"] {\n @media (prefers-color-scheme: light) {\n &[data-light-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n &[data-light-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n }\n\n @media (prefers-color-scheme: dark) {\n &[data-dark-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n &[data-dark-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n }\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n\n html:not([data-light-theme=\"light\"], [data-light-theme=\"dark\"])\n body:not(.logged-out)::after,\n html:not([data-dark-theme=\"dark\"], [data-dark-theme=\"light\"])\n body:not(.logged-out)::after {\n position: fixed;\n top: 0;\n left: 0;\n padding: 1rem;\n margin: 1rem;\n border-radius: 0.5rem;\n max-width: 40ch;\n background-color: var(--color-danger-fg);\n color: var(--color-header-bg);\n content: \"Unsupported GitHub theme detected! Please switch to the default light/dark theme via the GitHub Appearance settings to get the best experience for the Catppuccin GitHub userstyle.\";\n z-index: 9999;\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n color-scheme: if(@flavor = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n .cm-placeholder {\n color: @subtext0;\n }\n\n accent-color: @accent;\n color: @text;\n\n --color-social-reaction-bg-reacted-hover: fade(@accent, 30%);\n --color-notifications-button-hover-bg: fade(@accent, 60%);\n --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);\n --color-icon-directory: var(--fgColor-muted, var(--color-fg-muted));\n --color-calendar-halloween-graph-day-L1-bg: fade(\n @accent,\n 40%\n ) !important;\n --color-calendar-halloween-graph-day-L2-bg: fade(\n @accent,\n 60%\n ) !important;\n --color-calendar-halloween-graph-day-L3-bg: fade(\n @accent,\n 80%\n ) !important;\n --color-calendar-halloween-graph-day-L4-bg: @accent !important;\n --color-calendar-winter-graph-day-L1-bg: fade(\n @accent,\n 40%\n ) !important;\n --color-calendar-winter-graph-day-L2-bg: fade(\n @accent,\n 60%\n ) !important;\n --color-calendar-winter-graph-day-L3-bg: fade(\n @accent,\n 80%\n ) !important;\n --color-calendar-winter-graph-day-L4-bg: @accent !important;\n --color-calendar-graph-day-bg: @surface0 !important;\n --color-calendar-graph-day-border: transparent !important;\n --color-calendar-graph-day-L1-bg: fade(@accent, 40%) !important;\n --color-calendar-graph-day-L2-bg: fade(@accent, 60%) !important;\n --color-calendar-graph-day-L3-bg: fade(@accent, 80%) !important;\n --color-calendar-graph-day-L4-bg: @accent !important;\n --color-calendar-graph-day-L2-border: transparent !important;\n --color-calendar-graph-day-L3-border: transparent !important;\n --color-calendar-graph-day-L4-border: transparent !important;\n --color-user-mention-fg: @accent;\n --color-user-mention-bg: fade(@accent, 30%);\n --color-dashboard-feed-bg: var(--color-scale-gray-9);\n --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;\n --color-marketing-icon-secondary: var(--color-scale-blue-5);\n --color-project-header-bg: var(--color-scale-gray-9);\n --color-project-sidebar-bg: var(--color-scale-gray-8);\n --color-project-gradient-in: var(--color-scale-gray-8);\n --color-project-gradient-out: rgba(22, 27, 34, 0);\n --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n --topicTag-borderColor: #0000;\n --highlight-neutral-bgColor: fade(@yellow, 30%);\n --page-header-bgColor: @crust;\n --diffBlob-additionNum-bgColor: fade(@green, 30%);\n --diffBlob-additionNum-fgColor: @text;\n --diffBlob-additionLine-bgColor: fade(@green, 15%);\n --diffBlob-additionWord-bgColor: fade(@green, 30%);\n --diffBlob-additionWord-fgColor: @text;\n --diffBlob-deletionNum-bgColor: fade(@red, 30%);\n --diffBlob-deletionNum-fgColor: @text;\n --diffBlob-deletionLine-bgColor: fade(@red, 15%);\n --diffBlob-deletionWord-bgColor: fade(@red, 30%);\n --diffBlob-deletionWord-fgColor: @text;\n --diffBlob-hunkNum-bgColor-rest: fade(@accent, 40%);\n --diffBlob-hunkNum-bgColor-hover: fade(@accent, 75%);\n --diffBlob-hunkLine-bgColor: fade(@accent, 25%);\n --diffBlob-expander-iconColor: @subtext0;\n --diffBlob-emptyNum-bgColor: @mantle;\n --diffBlob-emptyLine-bgColor: @mantle;\n --codeMirror-fgColor: @text;\n --codeMirror-bgColor: @base;\n --codeMirror-gutters-bgColor: @base;\n --codeMirror-gutterMarker-fgColor-default: @base;\n --codeMirror-gutterMarker-fgColor-muted: @overlay0;\n --codeMirror-lineNumber-fgColor: @overlay1;\n --codeMirror-cursor-fgColor: @text;\n --codeMirror-selection-bgColor: #388bfd66;\n --codeMirror-activeline-bgColor: #6e768166;\n --codeMirror-matchingBracket-fgColor: @text;\n --codeMirror-lines-bgColor: @base;\n --codeMirror-syntax-fgColor-comment: @overlay2;\n --codeMirror-syntax-fgColor-constant: @blue;\n --codeMirror-syntax-fgColor-entity: @blue;\n --codeMirror-syntax-fgColor-keyword: @mauve;\n --codeMirror-syntax-fgColor-storage: @peach;\n --codeMirror-syntax-fgColor-string: @green;\n --codeMirror-syntax-fgColor-support: #79c0ff;\n --codeMirror-syntax-fgColor-variable: @peach;\n --header-fgColor-default: @text;\n --header-fgColor-logo: @text;\n --header-bgColor: @crust;\n --header-borderColor-divider: #8b949e;\n --headerSearch-bgColor: @mantle;\n --headerSearch-borderColor: @surface0;\n --avatar-bgColor: fade(@text, 26%);\n --avatar-borderColor: @surface0;\n --avatar-shadow: 0px 0px 0px 2px #0d1117;\n --avatarStack-fade-bgColor-default: @surface1;\n --avatarStack-fade-bgColor-muted: #21262d;\n --control-bgColor-rest: @red;\n --control-bgColor-hover: #292e36;\n --control-bgColor-active: @surface1;\n --control-bgColor-disabled: fade(@mantle, 60%);\n --control-bgColor-selected: #161b22;\n --control-fgColor-rest: @text;\n --control-fgColor-placeholder: #484f58;\n --control-fgColor-disabled: fade(@subtext0, 70%);\n --control-borderColor-rest: @surface1;\n --control-borderColor-emphasis: #666e79;\n --control-borderColor-disabled: fade(@surface1, 75%);\n --control-borderColor-selected: #f0f6fc;\n --control-borderColor-success: @green;\n --control-borderColor-danger: @red;\n --control-borderColor-warning: @yellow;\n --control-iconColor-rest: #848d97;\n --control-transparent-bgColor-rest: #0000;\n --control-transparent-bgColor-hover: fade(@surface2, 20%);\n --control-transparent-bgColor-active: fade(@overlay0, 50%);\n --control-transparent-bgColor-disabled: #21262db3;\n --control-transparent-bgColor-selected: #b1bac414;\n --control-transparent-borderColor-rest: #0000;\n --control-transparent-borderColor-hover: #0000;\n --control-transparent-borderColor-active: #0000;\n --control-danger-fgColor-rest: @red;\n --control-danger-fgColor-hover: @crust;\n --control-danger-bgColor-hover: fade(@red, 80%);\n --control-danger-bgColor-active: @red;\n --control-checked-bgColor-rest: @accent;\n --control-checked-bgColor-hover: lighten(@accent, 5%);\n --control-checked-bgColor-active: lighten(@accent, 5%);\n --control-checked-bgColor-disabled: #6e7681;\n --control-checked-fgColor-rest: @crust;\n --control-checked-fgColor-disabled: #010409;\n --control-checked-borderColor-rest: @accent;\n --control-checked-borderColor-hover: @accent;\n --control-checked-borderColor-active: @accent;\n --control-checked-borderColor-disabled: @surface0;\n --controlTrack-bgColor-rest: @surface0;\n --controlTrack-bgColor-hover: @surface1;\n --controlTrack-bgColor-active: @surface2;\n --controlTrack-bgColor-disabled: #6e7681;\n --controlTrack-fgColor-rest: #848d97;\n --controlTrack-fgColor-disabled: @text;\n --controlTrack-borderColor-rest: #0000;\n --controlTrack-borderColor-disabled: #6e7681;\n --controlKnob-bgColor-rest: @base;\n --controlKnob-bgColor-disabled: #21262db3;\n --controlKnob-bgColor-checked: @text;\n --controlKnob-borderColor-rest: @surface2;\n --controlKnob-borderColor-disabled: #21262db3;\n --controlKnob-borderColor-checked: @blue;\n --button-default-fgColor-rest: @text;\n --button-default-bgColor-rest: @surface0;\n --button-default-bgColor-hover: @surface1;\n --button-default-bgColor-active: @surface2;\n --button-default-bgColor-selected: @surface2;\n --button-default-bgColor-disabled: fade(@surface0, 70%);\n --button-default-borderColor-rest: @surface1;\n --button-default-borderColor-hover: @surface1;\n --button-default-borderColor-active: @surface1;\n --button-default-borderColor-disabled: fade(@surface0, 70%);\n --button-default-shadow-resting: 0px 0px 0px 0px #000;\n --button-primary-fgColor-rest: @base;\n --button-primary-fgColor-disabled: fade(@base, 60%);\n --button-primary-iconColor-rest: @base;\n --button-primary-bgColor-rest: @green;\n --button-primary-bgColor-hover: lighten(@green, 5%);\n --button-primary-bgColor-active: saturate(@green, 5%);\n --button-primary-bgColor-disabled: fade(@green, 70%);\n --button-primary-borderColor-rest: @green;\n --button-primary-borderColor-hover: @green;\n --button-primary-borderColor-active: @green;\n --button-primary-borderColor-disabled: fade(@green, 70%);\n --button-primary-shadow-selected: 0px 0px 0px 0px #000;\n --button-invisible-fgColor-rest: @text;\n --button-invisible-fgColor-hover: lighten(@accent, 10%);\n --button-invisible-fgColor-disabled: #6e7681;\n --button-invisible-iconColor-rest: @overlay2;\n --button-invisible-iconColor-hover: #e6edf3;\n --button-invisible-iconColor-disabled: #6e7681;\n --button-invisible-bgColor-rest: #0000;\n --button-invisible-bgColor-hover: #b1bac41f;\n --button-invisible-bgColor-active: #b1bac433;\n --button-invisible-bgColor-disabled: fade(@surface1, 70%);\n --button-invisible-borderColor-rest: #0000;\n --button-invisible-borderColor-hover: #0000;\n --button-invisible-borderColor-disabled: fade(@surface1, 70%);\n --button-outline-fgColor-rest: #388bfd;\n --button-outline-fgColor-hover: #58a6ff;\n --button-outline-fgColor-active: @text;\n --button-outline-fgColor-disabled: #4493f880;\n --button-outline-bgColor-rest: #f0f6fc;\n --button-outline-bgColor-hover: @surface1;\n --button-outline-bgColor-active: #0d419d;\n --button-outline-bgColor-disabled: #0d1117;\n --button-outline-borderColor-hover: #f0f6fc1a;\n --button-outline-borderColor-selected: #f0f6fc1a;\n --button-outline-shadow-selected: 0px 0px 0px 0px #000;\n --button-danger-fgColor-rest: @red;\n --button-danger-fgColor-hover: @base;\n --button-danger-fgColor-active: @base;\n --button-danger-fgColor-disabled: fade(@red, 50%);\n --button-danger-iconColor-rest: @red;\n --button-danger-iconColor-hover: @crust;\n --button-danger-bgColor-rest: @surface0;\n --button-danger-bgColor-hover: @red;\n --button-danger-bgColor-active: darken(@red, 5%);\n --button-danger-bgColor-disabled: @base;\n --button-danger-borderColor-rest: @surface1;\n --button-danger-borderColor-hover: @red;\n --button-danger-borderColor-active: darken(@red, 5%);\n --button-danger-shadow-selected: 0px 0px 0px 0px #000;\n --button-inactive-fgColor: #8b949e;\n --button-inactive-bgColor: #21262d;\n --button-star-iconColor: @yellow;\n --buttonCounter-default-bgColor-rest: @surface1;\n --buttonCounter-invisible-bgColor-rest: @surface1;\n --buttonCounter-primary-bgColor-rest: #04260f33;\n --buttonCounter-outline-bgColor-rest: #051d4d33;\n --buttonCounter-outline-bgColor-hover: #051d4d33;\n --buttonCounter-outline-bgColor-disabled: #1f6feb0d;\n --buttonCounter-outline-fgColor-rest: #388bfd;\n --buttonCounter-outline-fgColor-hover: #58a6ff;\n --buttonCounter-outline-fgColor-disabled: #4493f880;\n --buttonCounter-danger-bgColor-hover: fade(@text, 20%);\n --buttonCounter-danger-bgColor-disabled: #da36330d;\n --buttonCounter-danger-bgColor-rest: #49020233;\n --buttonCounter-danger-fgColor-rest: @red;\n --buttonCounter-danger-fgColor-hover: @text;\n --buttonCounter-danger-fgColor-disabled: fade(@red, 50%);\n --focus-outlineColor: @accent;\n --menu-bgColor-active: @mantle;\n --overlay-bgColor: @base;\n --overlay-borderColor: @surface0;\n --overlay-backdrop-bgColor: #161b2266;\n --selectMenu-borderColor: #484f58;\n --selectMenu-bgColor-active: #0c2d6b;\n --sideNav-bgColor-selected: #21262d;\n --skeletonLoader-bgColor: #161b22;\n --timelineBadge-bgColor: @mantle;\n --treeViewItem-leadingVisual-iconColor-rest: @subtext0;\n --underlineNav-borderColor-active: @accent;\n --underlineNav-borderColor-hover: #6e768166;\n --underlineNav-iconColor-rest: #848d97;\n --selection-bgColor: fade(@accent, 30%);\n --reactionButton-selected-bgColor-rest: fade(@accent, 20%);\n --reactionButton-selected-bgColor-hover: fade(@accent, 35%);\n --reactionButton-selected-fgColor-rest: @accent;\n --reactionButton-selected-fgColor-hover: @accent;\n --fgColor-default: @text;\n --fgColor-muted: @subtext1;\n --fgColor-onEmphasis: @base;\n --fgColor-white: if(@flavor = latte, @crust, @text);\n --fgColor-disabled: @surface2;\n --fgColor-link: @accent;\n --fgColor-neutral: @subtext1;\n --fgColor-accent: @accent;\n --fgColor-success: @green;\n --fgColor-attention: @yellow;\n --fgColor-severe: @peach;\n --fgColor-danger: @red;\n --fgColor-open: @green;\n --fgColor-closed: @red;\n --fgColor-done: @mauve;\n --fgColor-sponsors: @pink;\n --bgColor-default: @base;\n --bgColor-muted: @mantle;\n --bgColor-inset: @crust;\n --bgColor-emphasis: @overlay2;\n --bgColor-inverse: @text;\n --bgColor-disabled: #21262db3;\n --bgColor-transparent: #0000;\n --bgColor-neutral-muted: fade(@surface0, 40%);\n --bgColor-neutral-emphasis: @subtext0;\n --bgColor-accent-muted: fade(@accent, 20%);\n --bgColor-accent-emphasis: @accent;\n --bgColor-success-muted: #2ea04326;\n --bgColor-success-emphasis: @green;\n --bgColor-attention-muted: fade(@yellow, 15%);\n --bgColor-attention-emphasis: @yellow;\n --bgColor-severe-muted: fade(@peach, 26%);\n --bgColor-severe-emphasis: @peach;\n --bgColor-danger-muted: fade(@red, 26%);\n --bgColor-danger-emphasis: @red;\n --bgColor-open-muted: #2ea0431a;\n --bgColor-open-emphasis: @green;\n --bgColor-closed-muted: fade(@red, 15%);\n --bgColor-closed-emphasis: @red;\n --bgColor-done-muted: #a371f726;\n --bgColor-done-emphasis: @mauve;\n --bgColor-sponsors-muted: #db61a21a;\n --bgColor-sponsors-emphasis: @pink;\n --borderColor-default: @surface1;\n --borderColor-muted: @surface0;\n --borderColor-emphasis: #484f58;\n --borderColor-disabled: #21262db3;\n --borderColor-transparent: #0000;\n --borderColor-neutral-muted: #6e768166;\n --borderColor-neutral-emphasis: #6e7681;\n --borderColor-accent-muted: fade(@accent, 50%);\n --borderColor-accent-emphasis: @accent;\n --borderColor-success-muted: darken(@green, 5%);\n --borderColor-success-emphasis: @green;\n --borderColor-attention-muted: fade(@flamingo, 30%);\n --borderColor-attention-emphasis: @flamingo;\n --borderColor-severe-muted: @peach;\n --borderColor-severe-emphasis: #bd561d;\n --borderColor-danger-muted: @red;\n --borderColor-danger-emphasis: @red;\n --borderColor-open-muted: darken(@green, 5%);\n --borderColor-open-emphasis: @green;\n --borderColor-closed-muted: @red;\n --borderColor-closed-emphasis: @red;\n --borderColor-done-muted: @lavender;\n --borderColor-done-emphasis: @mauve;\n --borderColor-sponsors-muted: #db61a266;\n --borderColor-sponsors-emphasis: @pink;\n & when (@flavor = latte) {\n --color-ansi-black: @subtext1;\n --color-ansi-black-bright: @subtext0;\n --color-ansi-gray: @subtext0;\n --color-ansi-white: @surface2;\n --color-ansi-white-bright: @surface1;\n }\n & when not(@flavor = latte) {\n --color-ansi-black: @surface1;\n --color-ansi-black-bright: @surface2;\n --color-ansi-gray: @surface2;\n --color-ansi-white: @subtext1;\n --color-ansi-white-bright: @subtext0;\n }\n --color-ansi-red: @red;\n --color-ansi-red-bright: @red;\n --color-ansi-green: @green;\n --color-ansi-green-bright: @green;\n --color-ansi-yellow: @yellow;\n --color-ansi-yellow-bright: @yellow;\n --color-ansi-blue: @blue;\n --color-ansi-blue-bright: @blue;\n --color-ansi-magenta: @pink;\n --color-ansi-magenta-bright: @pink;\n --color-ansi-cyan: @teal;\n --color-ansi-cyan-bright: @teal;\n --color-prettylights-syntax-comment: @overlay2;\n --color-prettylights-syntax-constant: @blue;\n --color-prettylights-syntax-constant-other-reference-link: @blue;\n --color-prettylights-syntax-entity: @blue;\n --color-prettylights-syntax-storage-modifier-import: @peach;\n --color-prettylights-syntax-entity-tag: @blue;\n --color-prettylights-syntax-keyword: @mauve;\n --color-prettylights-syntax-string: @green;\n --color-prettylights-syntax-variable: @peach;\n --color-prettylights-syntax-invalid-illegal-text: @red;\n --color-prettylights-syntax-invalid-illegal-bg: fade(@red, 15%);\n --color-prettylights-syntax-markup-heading: @red;\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: fade(@red, 40%);\n --color-prettylights-syntax-markup-inserted-text: @text;\n --color-prettylights-syntax-markup-inserted-bg: fade(@green, 40%);\n --color-prettylights-syntax-markup-changed-text: @text;\n --color-prettylights-syntax-markup-changed-bg: fade(@yellow, 40%);\n --color-prettylights-syntax-markup-ignored-text: @text;\n --bgColor-white: @base;\n --color-scale-white: @base;\n --color-scale-gray-3: @overlay2;\n --color-scale-gray-5: @overlay0;\n --color-scale-gray-6: @surface1;\n --color-scale-gray-7: @surface1;\n --color-scale-blue-2: @sky;\n --color-scale-blue-5: @blue;\n --color-scale-green-3: @green;\n --color-scale-green-4: @green;\n --color-scale-yellow-3: @peach;\n --color-scale-orange-4: @peach;\n --color-scale-red-4: @red;\n --shadow-inset: inset 0px 1px 0px 0px @crust;\n --shadow-resting-xsmall: 0px 1px 0px 0px @crust;\n --shadow-resting-small: 0px 1px 0px 0px @crust, 0px 1px 3px 0px @crust;\n --shadow-resting-medium: 0px 3px 6px 0px @crust;\n --shadow-floating-small:\n 0px 0px 0px 1px @base, 0px 6px 12px -3px @crust, 0px 6px 18px 0px @crust;\n --shadow-floating-medium:\n 0px 0px 0px 1px @surface0, 0px 8px 16px -4px @crust, 0px 4px 32px -4px\n @crust, 0px 24px 48px -12px @crust, 0px 48px 96px -24px @crust;\n --shadow-floating-large:\n 0px 0px 0px 1px @surface0, 0px 24px 48px 0px #010409;\n --shadow-floating-xlarge:\n 0px 0px 0px 1px @surface0, 0px 32px 64px 0px #010409;\n --shadow-floating-legacy: 0px 6px 12px -3px @crust, 0px 6px 18px 0px @crust;\n --outline-focus: @blue solid 2px;\n\n /* Customer Terms & Agreements Page: https://github.com/customer-terms */\n .enterprise-customer-agreement {\n color: @text !important;\n\n &:hover {\n .octicon,\n h3 {\n color: @accent !important;\n }\n }\n }\n\n /* Enhanced Repo Insights Views - https://github.com/orgs/community/discussions/135572 */\n --data-blue-color-emphasis: @accent;\n --data-red-color-emphasis: @red;\n --data-green-color-emphasis: @green;\n\n /* Copilot Chat */\n --display-green-fgColor: @green;\n --display-teal-fgColor: @teal;\n --display-purple-fgColor: @mauve;\n --display-blue-fgColor: @blue;\n --display-pink-fgColor: @pink;\n --display-gray-fgColor: @subtext0;\n react-app[app-name=\"copilot-immersive-v1\"],\n copilot-dashboard-entrypoint {\n button {\n color: @text;\n }\n }\n\n --tooltip-fgColor: @base;\n --tooltip-bgColor: @overlay2;\n\n /* Refined GitHub */\n --rgh-heat-color: @peach;\n\n .turbo-progress-bar {\n background-color: @accent;\n }\n\n .form-select {\n @svg: escape(\n '<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"@{subtext0}\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m4.427 9.427 3.396 3.396a.25.25 0 0 0 .354 0l3.396-3.396A.25.25 0 0 0 11.396 9H4.604a.25.25 0 0 0-.177.427M4.423 6.47 7.82 3.072a.25.25 0 0 1 .354 0L11.57 6.47a.25.25 0 0 1-.177.427H4.6a.25.25 0 0 1-.177-.427\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n img[src=\"https://github.githubassets.com/assets/mona-loading-default-c3c7aad1282f.gif\"] {\n content: url(\"https://giscus.catppuccin.com/assets/loading_48x48.gif\");\n }\n\n /* Header when logged out */\n .HeaderMenu-link {\n color: @text;\n\n &:hover {\n color: @text;\n }\n }\n .header-search-button {\n &.placeholder {\n color: @subtext0;\n }\n\n svg {\n fill: @text !important;\n }\n }\n .HeaderMenu-toggle-bar {\n background-color: @text;\n }\n .notification-indicator .mail-status {\n background-image: linear-gradient(\n @accent,\n darken(@accent, 5%)\n );\n }\n\n .CheckStep {\n .ansifg-r {\n color: var(--color-ansi-red);\n }\n .ansifg-y {\n color: var(--color-ansi-yellow);\n }\n .ansifg-g {\n color: var(--color-ansi-green);\n }\n .ansifg-b {\n color: var(--color-ansi-blue);\n }\n .ansifg-c {\n color: var(--color-ansi-cyan);\n }\n .ansifg-m {\n color: var(--color-ansi-magenta);\n }\n .ansifg-gr {\n color: var(--color-ansi-gray);\n }\n }\n\n .js-activity-overview-graph .js-highlight-blob {\n fill: @accent;\n stroke: @accent;\n }\n\n .subnav-link.selected {\n border-bottom-color: @accent;\n }\n\n /* Pull request check in progress indicator */\n [stroke=\"#DBAB0A\" i] {\n stroke: fade(@yellow, 70%) !important;\n }\n [fill=\"#DBAB0A\" i] {\n fill: @yellow !important;\n }\n }\n}\n\n@-moz-document url-prefix(\n \"https://viewscreen.githubusercontent.com/markdown/mermaid\"\n ) {\n [data-color-mode=\"auto\"] {\n @media (prefers-color-scheme: light) {\n &[data-light-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n &[data-light-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n }\n\n @media (prefers-color-scheme: dark) {\n &[data-dark-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n &[data-dark-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n }\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n background-color: @base;\n\n --color-btn-text: @text;\n --color-btn-bg: @surface0;\n --color-btn-border: @surface1;\n --color-btn-hover-bg: @surface1;\n --color-btn-hover-border: @surface2;\n --color-btn-active-bg: @surface2;\n --color-btn-selected-bg: @surface2;\n --color-btn-counter-bg: @surface2;\n --color-btn-outline-text: @accent;\n --color-fg-muted: @subtext1;\n --button-default-fgColor-rest: @text;\n --button-default-bgColor-rest: @surface0;\n --button-default-bgColor-hover: @surface1;\n --button-default-bgColor-active: @surface2;\n --button-default-bgColor-selected: @surface2;\n --button-default-bgColor-disabled: fade(@surface0, 70%);\n --button-default-borderColor-rest: @surface1;\n --button-default-borderColor-hover: @surface1;\n --button-default-borderColor-active: @surface1;\n --button-default-borderColor-disabled: fade(@surface0, 70%);\n\n #diagram {\n .node rect,\n .node circle,\n .node ellipse,\n .node polygon,\n .node path {\n fill: fade(@accent, 10%);\n stroke: @accent;\n }\n\n .cluster rect {\n fill: @surface0;\n stroke: @surface2;\n }\n\n .label text,\n span,\n p {\n fill: @text;\n color: @text;\n }\n\n .flowchart-link {\n stroke: @subtext0;\n }\n .marker {\n stroke: @subtext0;\n fill: @subtext0;\n }\n\n .edgeLabel {\n background-color: @crust;\n p {\n background-color: @surface2;\n }\n }\n }\n\n .octicon {\n fill: var(--color-fg-muted) !important;\n }\n }\n}\n\n@-moz-document regexp(\n \"https:\\/\\/notebooks\\.githubusercontent\\.com\\/view\\/ipynb.*\"\n ) {\n :root {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n color-scheme: if(@flavor = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\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: fade(@text, 87%);\n --jp-ui-font-color2: fade(@text, 54%);\n --jp-ui-font-color3: fade(@text, 28%);\n --jp-ui-inverse-font-color0: @crust;\n --jp-ui-inverse-font-color1: fade(@crust, 80%);\n --jp-ui-inverse-font-color2: fade(@crust, 50%);\n --jp-ui-inverse-font-color3: fade(@crust, 30%);\n --jp-content-font-color0: @text;\n --jp-content-font-color1: @text;\n --jp-content-font-color2: fade(@text, 70%);\n --jp-content-font-color3: fade(@text, 50%);\n --jp-content-link-color: @sapphire;\n --jp-layout-color0: @base !important;\n --jp-layout-color1: var(--color-scale-gray-9);\n --jp-layout-color2: var(--color-scale-gray-8);\n --jp-layout-color3: var(--color-scale-gray-7);\n --jp-layout-color4: var(--color-scale-gray-6);\n --jp-inverse-layout-color0: var(--color-scale-white);\n --jp-inverse-layout-color1: var(--color-scale-white);\n --jp-inverse-layout-color2: var(--color-scale-gray-2);\n --jp-inverse-layout-color3: var(--color-scale-gray-4);\n --jp-inverse-layout-color4: var(--color-scale-gray-6);\n --jp-brand-color0: var(--color-scale-blue-7);\n --jp-brand-color1: var(--color-scale-blue-5);\n --jp-brand-color2: var(--color-scale-blue-3);\n --jp-brand-color3: var(--color-scale-blue-1);\n --jp-brand-color4: var(--color-scale-blue-0);\n --jp-accent-color0: var(--color-scale-green-7);\n --jp-accent-color1: var(--color-scale-green-5);\n --jp-accent-color2: var(--color-scale-green-3);\n --jp-accent-color3: var(--color-scale-green-1);\n --jp-warn-color0: var(--color-scale-orange-7);\n --jp-warn-color1: var(--color-scale-orange-5);\n --jp-warn-color2: var(--color-scale-orange-3);\n --jp-warn-color3: var(--color-scale-orange-1);\n --jp-error-color0: var(--color-scale-red-7);\n --jp-error-color1: var(--color-scale-red-5);\n --jp-error-color2: var(--color-scale-red-3);\n --jp-error-color3: var(--color-scale-red-1);\n --jp-success-color0: var(--color-scale-green-7);\n --jp-success-color1: var(--color-scale-green-5);\n --jp-success-color2: var(--color-scale-green-3);\n --jp-success-color3: var(--color-scale-green-1);\n --jp-info-color0: var(--color-scale-blue-7);\n --jp-info-color1: var(--color-scale-blue-5);\n --jp-info-color2: var(--color-scale-blue-3);\n --jp-info-color3: var(--color-scale-blue-1);\n --jp-cell-editor-background: @mantle;\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: fade(@text, 50%);\n --jp-cell-inprompt-font-color: var(--color-scale-blue-6);\n --jp-cell-outprompt-font-color: var(--color-scale-coral-6);\n --jp-notebook-multiselected-color: fade(@overlay2, 14%);\n --jp-rendermime-error-background: fade(@red, 18%);\n --jp-rendermime-table-row-background: var(--color-scale-gray-9);\n --jp-rendermime-table-row-hover-background: fade(@surface2, 14%);\n --jp-dialog-background: fade(@crust, 60%);\n --jp-toolbar-box-shadow: 0px 0px 2px 0px fade(@crust, 80%);\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: fade(@blue, 30%);\n --jp-editor-selected-focused-background: fade(@blue, 14%);\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/* deno-fmt-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n};\n",
|
|
"usercssData": {
|
|
"name": "GitHub Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/github",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/github",
|
|
"version": "2025.01.05",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agithub",
|
|
"description": "Soothing pastel theme for GitHub",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": "latte",
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"darkFlavor": {
|
|
"type": "select",
|
|
"label": "Dark Flavor",
|
|
"name": "darkFlavor",
|
|
"value": "macchiato",
|
|
"default": "mocha",
|
|
"options": [
|
|
{
|
|
"name": "latte",
|
|
"label": "Latte",
|
|
"value": "latte"
|
|
},
|
|
{
|
|
"name": "frappe",
|
|
"label": "Frappé",
|
|
"value": "frappe"
|
|
},
|
|
{
|
|
"name": "macchiato",
|
|
"label": "Macchiato",
|
|
"value": "macchiato"
|
|
},
|
|
{
|
|
"name": "mocha",
|
|
"label": "Mocha",
|
|
"value": "mocha"
|
|
}
|
|
]
|
|
},
|
|
"accentColor": {
|
|
"type": "select",
|
|
"label": "Accent",
|
|
"name": "accentColor",
|
|
"value": "teal",
|
|
"default": "mauve",
|
|
"options": [
|
|
{
|
|
"name": "rosewater",
|
|
"label": "Rosewater",
|
|
"value": "rosewater"
|
|
},
|
|
{
|
|
"name": "flamingo",
|
|
"label": "Flamingo",
|
|
"value": "flamingo"
|
|
},
|
|
{
|
|
"name": "pink",
|
|
"label": "Pink",
|
|
"value": "pink"
|
|
},
|
|
{
|
|
"name": "mauve",
|
|
"label": "Mauve",
|
|
"value": "mauve"
|
|
},
|
|
{
|
|
"name": "red",
|
|
"label": "Red",
|
|
"value": "red"
|
|
},
|
|
{
|
|
"name": "maroon",
|
|
"label": "Maroon",
|
|
"value": "maroon"
|
|
},
|
|
{
|
|
"name": "peach",
|
|
"label": "Peach",
|
|
"value": "peach"
|
|
},
|
|
{
|
|
"name": "yellow",
|
|
"label": "Yellow",
|
|
"value": "yellow"
|
|
},
|
|
{
|
|
"name": "green",
|
|
"label": "Green",
|
|
"value": "green"
|
|
},
|
|
{
|
|
"name": "teal",
|
|
"label": "Teal",
|
|
"value": "teal"
|
|
},
|
|
{
|
|
"name": "blue",
|
|
"label": "Blue",
|
|
"value": "blue"
|
|
},
|
|
{
|
|
"name": "sapphire",
|
|
"label": "Sapphire",
|
|
"value": "sapphire"
|
|
},
|
|
{
|
|
"name": "sky",
|
|
"label": "Sky",
|
|
"value": "sky"
|
|
},
|
|
{
|
|
"name": "lavender",
|
|
"label": "Lavender",
|
|
"value": "lavender"
|
|
},
|
|
{
|
|
"name": "subtext0",
|
|
"label": "Gray",
|
|
"value": "subtext0"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"author": "Catppuccin",
|
|
"description": "Soothing pastel theme for GitHub",
|
|
"name": "GitHub Catppuccin",
|
|
"updateDate": 1736501257932,
|
|
"_id": "942b2272-4772-41b7-b97c-848a6b3b1d85",
|
|
"_rev": 1736501771538,
|
|
"id": 5,
|
|
"originalDigest": "0753cdc4f2d2bc109870927f0580979c86ffbdae",
|
|
"etag": "W/\"01845e564c46a959aa83e248ee5685bcfddb5fc0ef07862674dff2c1c4a21858\""
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/proton/catppuccin.user.less",
|
|
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/proton",
|
|
"installDate": 1698243214442,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"sourceCode": "/* ==UserStyle==\n@name Proton Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/proton\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/proton\n@version 2024.12.31\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/proton/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aproton\n@description Soothing pastel theme for Proton\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@-moz-document regexp(\"https://(account|mail|drive|calendar).proton.me/.*$\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n color-scheme: if(@flavor = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n svg.logo {\n @accentH: hue(@accent);\n @protonH: hue(#6d4aff);\n\n .replaceColor(@org, @property) {\n &[@{property}=\"@{org}\"] {\n @hDiff: @protonH - hue(@org);\n @{property}: hsl(\n @accentH - @hDiff,\n saturation(@org) - 30%,\n lightness(@org)\n );\n }\n }\n\n /* deno-fmt-ignore */\n > path {\n .replaceColor(#B8D7FF, fill);\n .replaceColor(#8F69FF, fill);\n .replaceColor(#6D4AFF, fill);\n .replaceColor(#FFBB93, fill);\n }\n\n /* deno-fmt-ignore */\n > defs stop {\n .replaceColor(#E3D9FF, stop-color);\n .replaceColor(#7341FF, stop-color);\n .replaceColor(#6D4AFF, stop-color);\n .replaceColor(#AA8EFF, stop-color);\n .replaceColor(#06B8FF, stop-color);\n .replaceColor(#BFE8FF, stop-color);\n .replaceColor(#BFABFF, stop-color);\n .replaceColor(#FF50C3, stop-color);\n .replaceColor(#B487FF, stop-color);\n .replaceColor(#FFC8FF, stop-color);\n .replaceColor(#8EFFEE, stop-color);\n .replaceColor(#C9C7FF, stop-color);\n .replaceColor(#00F0C3, stop-color);\n .replaceColor(#FFD580, stop-color);\n .replaceColor(#F6C592, stop-color);\n .replaceColor(#EBB6A2, stop-color);\n .replaceColor(#DFA5AF, stop-color);\n .replaceColor(#D397BE, stop-color);\n .replaceColor(#C486CB, stop-color);\n .replaceColor(#B578D9, stop-color);\n .replaceColor(#A166E5, stop-color);\n .replaceColor(#8B57F2, stop-color);\n .replaceColor(#704CFF, stop-color);\n .replaceColor(#B39FFB, stop-color);\n .replaceColor(#FFE8DB, stop-color);\n .replaceColor(#957AFD, stop-color);\n .replaceColor(#FFC6C6, stop-color);\n .replaceColor(#FA528E, stop-color);\n .replaceColor(#FF8065, stop-color);\n .replaceColor(#FFA51F, stop-color);\n }\n }\n\n &,\n .ui-prominent,\n .ui-standard {\n #lightenOrDarken(@color, @value) {\n @result: if(\n @flavor = latte,\n lighten(@color, @value),\n darken(@color, @value)\n );\n }\n\n #darkenOrLighten(@color, @value) {\n @result: if(\n @flavor = latte,\n darken(@color, @value),\n lighten(@color, @value)\n );\n }\n\n --primary-minor-2: #lightenOrDarken(@accent, 60%)[@result];\n --primary-minor-1: #lightenOrDarken(@accent, 50%)[@result];\n --primary: @accent;\n --primary-major-1: #darkenOrLighten(@accent, 4%)[@result];\n --primary-major-2: #darkenOrLighten(@accent, 8%)[@result];\n --primary-major-3: #darkenOrLighten(@accent, 12%)[@result];\n --primary-contrast: @mantle;\n --signal-danger-minor-2: #lightenOrDarken(@maroon, 40%)[@result];\n --signal-danger-minor-1: #lightenOrDarken(@maroon, 30%)[@result];\n --signal-danger: @maroon;\n --signal-danger-major-1: #darkenOrLighten(@maroon, 4%)[@result];\n --signal-danger-major-2: #darkenOrLighten(@maroon, 8%)[@result];\n --signal-danger-major-3: #darkenOrLighten(@maroon, 12%)[@result];\n --signal-danger-contrast: @mantle;\n --signal-warning-minor-2: #lightenOrDarken(@peach, 40%)[@result];\n --signal-warning-minor-1: #lightenOrDarken(@peach, 30%)[@result];\n --signal-warning: @peach;\n --signal-warning-major-1: #darkenOrLighten(@peach, 4%)[@result];\n --signal-warning-major-2: #darkenOrLighten(@peach, 8%)[@result];\n --signal-warning-major-3: #darkenOrLighten(@peach, 12%)[@result];\n --signal-warning-contrast: @mantle;\n --signal-success-minor-2: #lightenOrDarken(@green, 40%)[@result];\n --signal-success-minor-1: #lightenOrDarken(@green, 30%)[@result];\n --signal-success: @green;\n --signal-success-major-1: #darkenOrLighten(@green, 4%)[@result];\n --signal-success-major-2: #darkenOrLighten(@green, 8%)[@result];\n --signal-success-major-3: #darkenOrLighten(@green, 12%)[@result];\n --signal-success-contrast: @mantle;\n --signal-info-minor-2: #lightenOrDarken(@blue, 40%)[@result];\n --signal-info-minor-1: #lightenOrDarken(@blue, 30%)[@result];\n --signal-info: @blue;\n --signal-info-major-1: #darkenOrLighten(@blue, 4%)[@result];\n --signal-info-major-2: #darkenOrLighten(@blue, 8%)[@result];\n --signal-info-major-3: #darkenOrLighten(@blue, 12%)[@result];\n --signal-info-contrast: @mantle;\n --interaction-norm-minor-2: #lightenOrDarken(@accent, 40%)[@result];\n --interaction-norm-minor-1: #lightenOrDarken(@accent, 30%)[@result];\n --interaction-norm: @accent;\n --interaction-norm-major-1: #darkenOrLighten(@accent, 4%)[@result];\n --interaction-norm-major-2: #darkenOrLighten(@accent, 8%)[@result];\n --interaction-norm-major-3: #darkenOrLighten(@accent, 12%)[@result];\n --interaction-norm-contrast: @mantle;\n --interaction-weak-minor-2: #lightenOrDarken(@surface0, 20%)[@result];\n --interaction-weak-minor-1: #lightenOrDarken(@surface0, 10%)[@result];\n --interaction-weak: @surface0;\n --interaction-weak-major-1: #darkenOrLighten(@surface0, 4%)[@result];\n --interaction-weak-major-2: #darkenOrLighten(@surface0, 8%)[@result];\n --interaction-weak-major-3: #darkenOrLighten(@surface0, 12%)[@result];\n --interaction-weak-contrast: @text;\n --text-norm: @text;\n --text-weak: @subtext0;\n --text-hint: @subtext1;\n --text-disabled: @overlay1;\n --text-invert: @crust;\n --field-norm: @overlay2;\n --field-hover: @overlay1;\n --field-disabled: @overlay0;\n --field-focus: @accent;\n --field-highlight: fade(@accent, 70%);\n --focus-outline: @accent;\n --focus-ring: fade(@accent, 40%);\n --border-norm: @overlay0;\n --border-weak: @overlay1;\n --background-norm: @base;\n --background-weak: @mantle;\n --background-strong: @crust;\n --background-invert: @text;\n --interaction-default: transparent;\n --interaction-default-hover: fade(@overlay1, 20%);\n --interaction-default-active: fade(@overlay1, 40%);\n --shadow-primary-color: red(@accent) green(@accent) blue(@accent);\n --shadow-norm-opacity: 0.5;\n --shadow-raised-opacity: 1;\n --shadow-lifted-opacity: 0.75;\n --backdrop-norm: fade(@crust, 50%);\n --optional-scrollbar-thumb-color: @surface0;\n --optional-scrollbar-thumb-hover-color: @surface2;\n --optional-link-norm: var(--interaction-norm-major-1);\n --optional-link-hover: var(--interaction-norm-major-2);\n --optional-link-active: var(--interaction-norm-major-3);\n --optional-background-elevated: @surface0;\n --optional-background-lowered: var(--background-norm);\n --optional-email-item-unread-background-color: var(--background-weak);\n --optional-email-item-read-background-color: var(--background-norm);\n --optional-email-item-read-text-color: var(--text-weak);\n --optional-mini-calendar-today-color: @text;\n --optional-logo-text-proton-color: @text;\n --optional-logo-text-product-color: @text;\n --favorite-icon-color: @peach;\n }\n\n .ui-prominent {\n --background-norm: @mantle;\n --background-weak: @base;\n --background-strong: @crust;\n }\n\n .button-promotion {\n --upgrade-color-stop-1: @red;\n --upgrade-color-stop-2: @blue;\n }\n\n .item-container-row:not(.item-is-selected):hover,\n .item-container:not(.item-is-selected):hover {\n box-shadow: none;\n background-color: var(--navigation-current-item-background-color);\n color: var(--email-item-unread-text-color);\n }\n\n .message-content:not(.plain) .message-iframe iframe {\n color-scheme: light;\n }\n\n @media (min-width: 28.135em) {\n .sign-layout-bg {\n background: linear-gradient(\n 68.66deg,\n desaturate(@mantle, 5%) 1.3%,\n desaturate(@base, 5%) 50%\n );\n }\n }\n }\n}\n\n/* deno-fmt-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n};\n",
|
|
"usercssData": {
|
|
"name": "Proton Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/proton",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/proton",
|
|
"version": "2024.12.31",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/proton/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aproton",
|
|
"description": "Soothing pastel theme for Proton",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": null,
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"darkFlavor": {
|
|
"type": "select",
|
|
"label": "Dark Flavor",
|
|
"name": "darkFlavor",
|
|
"value": "macchiato",
|
|
"default": "mocha",
|
|
"options": [
|
|
{
|
|
"name": "latte",
|
|
"label": "Latte",
|
|
"value": "latte"
|
|
},
|
|
{
|
|
"name": "frappe",
|
|
"label": "Frappé",
|
|
"value": "frappe"
|
|
},
|
|
{
|
|
"name": "macchiato",
|
|
"label": "Macchiato",
|
|
"value": "macchiato"
|
|
},
|
|
{
|
|
"name": "mocha",
|
|
"label": "Mocha",
|
|
"value": "mocha"
|
|
}
|
|
]
|
|
},
|
|
"accentColor": {
|
|
"type": "select",
|
|
"label": "Accent",
|
|
"name": "accentColor",
|
|
"value": "mauve",
|
|
"default": "mauve",
|
|
"options": [
|
|
{
|
|
"name": "rosewater",
|
|
"label": "Rosewater",
|
|
"value": "rosewater"
|
|
},
|
|
{
|
|
"name": "flamingo",
|
|
"label": "Flamingo",
|
|
"value": "flamingo"
|
|
},
|
|
{
|
|
"name": "pink",
|
|
"label": "Pink",
|
|
"value": "pink"
|
|
},
|
|
{
|
|
"name": "mauve",
|
|
"label": "Mauve",
|
|
"value": "mauve"
|
|
},
|
|
{
|
|
"name": "red",
|
|
"label": "Red",
|
|
"value": "red"
|
|
},
|
|
{
|
|
"name": "maroon",
|
|
"label": "Maroon",
|
|
"value": "maroon"
|
|
},
|
|
{
|
|
"name": "peach",
|
|
"label": "Peach",
|
|
"value": "peach"
|
|
},
|
|
{
|
|
"name": "yellow",
|
|
"label": "Yellow",
|
|
"value": "yellow"
|
|
},
|
|
{
|
|
"name": "green",
|
|
"label": "Green",
|
|
"value": "green"
|
|
},
|
|
{
|
|
"name": "teal",
|
|
"label": "Teal",
|
|
"value": "teal"
|
|
},
|
|
{
|
|
"name": "blue",
|
|
"label": "Blue",
|
|
"value": "blue"
|
|
},
|
|
{
|
|
"name": "sapphire",
|
|
"label": "Sapphire",
|
|
"value": "sapphire"
|
|
},
|
|
{
|
|
"name": "sky",
|
|
"label": "Sky",
|
|
"value": "sky"
|
|
},
|
|
{
|
|
"name": "lavender",
|
|
"label": "Lavender",
|
|
"value": "lavender"
|
|
},
|
|
{
|
|
"name": "subtext0",
|
|
"label": "Gray",
|
|
"value": "subtext0"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"author": "Catppuccin",
|
|
"description": "Soothing pastel theme for Proton",
|
|
"name": "Proton Catppuccin",
|
|
"updateDate": 1736501259261,
|
|
"_id": "25aa2163-58b2-45e3-92f2-43e0627cd34c",
|
|
"_rev": 1736501771618,
|
|
"id": 6,
|
|
"originalDigest": "ed3f8ea3e854fe9657eeb03d60fae14b75f4c6bd",
|
|
"etag": "W/\"7ac11010046f18a66d95500b599b29a6ccb2ef2243fb8ab712731de6ff1d6d79\""
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/stylus/catppuccin.user.less",
|
|
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/stylus",
|
|
"installDate": 1698243263899,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"sourceCode": "/* ==UserStyle==\n@name Stylus Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/stylus\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/stylus\n@version 2024.12.31\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/stylus/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Astylus\n@description Soothing pastel theme for Stylus\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@-moz-document url-prefix(\"moz-extension://\"),\n url-prefix(\"chrome-extension://\") {\n :root {\n &[data-ui-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n &[data-ui-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n color-scheme: if(@flavor = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\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 --c90: @base;\n --c95: @mantle;\n --c97: @mantle;\n --c98: @base;\n --c99: @base;\n --c100: @base;\n --red1: @red;\n --accent-1: @accent;\n --accent-2: @accent;\n --accent-3: fade(@accent, 25%);\n\n .slider {\n --color-on: fade(@accent, 25%);\n --color-off: @surface2;\n }\n\n :focus {\n --focus-color1: @accent !important;\n --focus-color2: fade(@accent, 25%) !important;\n }\n\n .active #filters-stats,\n .dirty #save-button,\n .dirty #save-button + button {\n background-color: @accent;\n border-color: @accent;\n color: @base;\n }\n #header-resizer {\n color: @surface1;\n }\n #message-box-title::before {\n @fade_color: fade(@accent, 67%);\n @svg: escape(\n '<svg version=\"1.1\" viewBox=\"0 0 34.5 34.5\" xmlns=\"http://www.w3.org/2000/svg\"><g transform=\"translate(1.5 1.5)\"><path d=\"M.68 13.5h.14a.68.68 135 0 0 .68-.68V3.68c0-.375-.012-.988.053-1.357.139-.786.622-2.01 2.27-2.272.37-.06.982-.05 1.357-.05h21.64c.375 0 .987-.009 1.358.049 1.676.26 2.15 1.485 2.279 2.273.06.37.043.982.043 1.357v9.14a.68.68 45 0 0 .68.68h.14a.68.68 45 0 1 .68.68v3.64a.68.68 135 0 1-.68.68h-.14a.68.68 135 0 0-.68.68v9.14c0 .375.017.988-.044 1.358-.13.787-.604 2.013-2.279 2.273-.37.057-.982.05-1.358.05H5.18c-.375 0-.987.007-1.358-.052-1.644-.264-2.128-1.487-2.268-2.272-.066-.37-.054-.982-.054-1.357v-9.14a.68.68 45 0 0-.68-.68H.68a.68.68 45 0 1-.68-.68v-3.64a.68.68 135 0 1 .68-.68z\" stroke=\"@{base}\" fill=\"@{accent}\" stroke-linejoin=\"round\" stroke-width=\"2.25\" paint-order=\"stroke fill markers\"/><path d=\"M2.788 15h1.175a.54.54 135 0 0 .537-.537V5.538c0-.297-.017-.78.024-1.074.094-.66.475-1.72 1.94-1.928.294-.042.777-.036 1.074-.036h16.925c.296 0 .78-.006 1.073.038 1.426.211 1.821 1.268 1.928 1.927.047.292.036.776.036 1.072v8.925a.54.54 45 0 0 .538.538h1.175a.54.54 45 0 1 .537.537v.925a.54.54 135 0 1-.537.538h-1.175a.54.54 135 0 0-.538.537v8.925c0 .297.01.78-.04 1.073-.111.658-.51 1.714-1.925 1.927-.293.044-.776.038-1.072.038H7.538c-.297 0-.78.006-1.074-.037-1.434-.211-1.826-1.27-1.93-1.928-.046-.292-.034-.776-.034-1.073v-8.925A.54.54 45 0 0 3.963 17H2.788a.54.54 45 0 1-.538-.538v-.925A.54.54 135 0 1 2.788 15z\" fill=\"black\" stroke-linejoin=\"round\" stroke=\"@{base}\" stroke-width=\"2\" paint-order=\"stroke fill markers\"/><path d=\"M2.788 15h1.175a.54.54 135 0 0 .537-.537V5.538c0-.297-.017-.78.024-1.074.094-.66.475-1.72 1.94-1.928.294-.042.777-.036 1.074-.036h16.925c.296 0 .78-.006 1.073.038 1.426.211 1.821 1.268 1.928 1.927.047.292.036.776.036 1.072v8.925a.54.54 45 0 0 .538.538h1.175a.54.54 45 0 1 .537.537v.925a.54.54 135 0 1-.537.538h-1.175a.54.54 135 0 0-.538.537v8.925c0 .297.01.78-.04 1.073-.111.658-.51 1.714-1.925 1.927-.293.044-.776.038-1.072.038H7.538c-.297 0-.78.006-1.074-.037-1.434-.211-1.826-1.27-1.93-1.928-.046-.292-.034-.776-.034-1.073v-8.925A.54.54 45 0 0 3.963 17H2.788a.54.54 45 0 1-.538-.538v-.925A.54.54 135 0 1 2.788 15z\" fill=\"@{fade_color}\" stroke-linejoin=\"round\" stroke=\"@{base}\" stroke-width=\"2\" paint-order=\"stroke fill markers\"/><path d=\"M21.715 4.974c-1.156-.414-3.115-.889-5.815-.75-.74.039-1.94.174-2.656.366-3.022.81-4.142 2.93-4.516 4.402-.183.716-.217 1.939-.079 2.666.277 1.462 1.486 3.747 6.737 6.126.675.306 1.823.772 2.29 1.34q.07.085.137.181c.422.603.666 1.937.21 2.487a2.2 2.2 0 0 1-.487.424c-.616.405-1.829.62-2.57.65-.895.034-2.145-.023-3.445-.42-.709-.216-1.458.073-1.716.768l-.659 1.775c-.258.695.008 1.641.68 1.951 1.132.522 3.136 1.104 6.159.815.738-.07 1.93-.262 2.637-.482 3.15-.981 4.36-3.28 4.822-4.747.221-.706.333-1.916.24-2.65-.192-1.514-.978-3.965-3.922-5.497-.657-.342-1.812-.69-2.509-.942-.912-.332-2.091-.853-2.759-1.515-.507-.503-.47-1.826-.072-2.445a2.4 2.4 0 0 1 1.253-.976c.695-.247 1.925-.167 2.653-.03.667.125 1.38.305 1.976.476.712.204 1.473-.141 1.72-.84l.466-1.317c.248-.7-.202-1.608-.9-1.857Z\" stroke=\"@{base}\" stroke-width=\"2\" fill=\"@{accent}\" paint-order=\"stroke fill markers\"/></g></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n [src=\"moz-extension://8fc71d5e-96b2-44a4-8d6f-ead6ff4d3c56/images/icon/16.png\"],\n img[src=\"/images/icon/128.png\"] {\n @fade_color: fade(@accent, 67%);\n @svg: escape(\n '<svg version=\"1.1\" viewBox=\"0 0 34.5 34.5\" xmlns=\"http://www.w3.org/2000/svg\"><g transform=\"translate(1.5 1.5)\"><path d=\"M.68 13.5h.14a.68.68 135 0 0 .68-.68V3.68c0-.375-.012-.988.053-1.357.139-.786.622-2.01 2.27-2.272.37-.06.982-.05 1.357-.05h21.64c.375 0 .987-.009 1.358.049 1.676.26 2.15 1.485 2.279 2.273.06.37.043.982.043 1.357v9.14a.68.68 45 0 0 .68.68h.14a.68.68 45 0 1 .68.68v3.64a.68.68 135 0 1-.68.68h-.14a.68.68 135 0 0-.68.68v9.14c0 .375.017.988-.044 1.358-.13.787-.604 2.013-2.279 2.273-.37.057-.982.05-1.358.05H5.18c-.375 0-.987.007-1.358-.052-1.644-.264-2.128-1.487-2.268-2.272-.066-.37-.054-.982-.054-1.357v-9.14a.68.68 45 0 0-.68-.68H.68a.68.68 45 0 1-.68-.68v-3.64a.68.68 135 0 1 .68-.68z\" stroke=\"@{base}\" fill=\"@{accent}\" stroke-linejoin=\"round\" stroke-width=\"2.25\" paint-order=\"stroke fill markers\"/><path d=\"M2.788 15h1.175a.54.54 135 0 0 .537-.537V5.538c0-.297-.017-.78.024-1.074.094-.66.475-1.72 1.94-1.928.294-.042.777-.036 1.074-.036h16.925c.296 0 .78-.006 1.073.038 1.426.211 1.821 1.268 1.928 1.927.047.292.036.776.036 1.072v8.925a.54.54 45 0 0 .538.538h1.175a.54.54 45 0 1 .537.537v.925a.54.54 135 0 1-.537.538h-1.175a.54.54 135 0 0-.538.537v8.925c0 .297.01.78-.04 1.073-.111.658-.51 1.714-1.925 1.927-.293.044-.776.038-1.072.038H7.538c-.297 0-.78.006-1.074-.037-1.434-.211-1.826-1.27-1.93-1.928-.046-.292-.034-.776-.034-1.073v-8.925A.54.54 45 0 0 3.963 17H2.788a.54.54 45 0 1-.538-.538v-.925A.54.54 135 0 1 2.788 15z\" fill=\"black\" stroke-linejoin=\"round\" stroke=\"@{base}\" stroke-width=\"2\" paint-order=\"stroke fill markers\"/><path d=\"M2.788 15h1.175a.54.54 135 0 0 .537-.537V5.538c0-.297-.017-.78.024-1.074.094-.66.475-1.72 1.94-1.928.294-.042.777-.036 1.074-.036h16.925c.296 0 .78-.006 1.073.038 1.426.211 1.821 1.268 1.928 1.927.047.292.036.776.036 1.072v8.925a.54.54 45 0 0 .538.538h1.175a.54.54 45 0 1 .537.537v.925a.54.54 135 0 1-.537.538h-1.175a.54.54 135 0 0-.538.537v8.925c0 .297.01.78-.04 1.073-.111.658-.51 1.714-1.925 1.927-.293.044-.776.038-1.072.038H7.538c-.297 0-.78.006-1.074-.037-1.434-.211-1.826-1.27-1.93-1.928-.046-.292-.034-.776-.034-1.073v-8.925A.54.54 45 0 0 3.963 17H2.788a.54.54 45 0 1-.538-.538v-.925A.54.54 135 0 1 2.788 15z\" fill=\"@{fade_color}\" stroke-linejoin=\"round\" stroke=\"@{base}\" stroke-width=\"2\" paint-order=\"stroke fill markers\"/><path d=\"M21.715 4.974c-1.156-.414-3.115-.889-5.815-.75-.74.039-1.94.174-2.656.366-3.022.81-4.142 2.93-4.516 4.402-.183.716-.217 1.939-.079 2.666.277 1.462 1.486 3.747 6.737 6.126.675.306 1.823.772 2.29 1.34q.07.085.137.181c.422.603.666 1.937.21 2.487a2.2 2.2 0 0 1-.487.424c-.616.405-1.829.62-2.57.65-.895.034-2.145-.023-3.445-.42-.709-.216-1.458.073-1.716.768l-.659 1.775c-.258.695.008 1.641.68 1.951 1.132.522 3.136 1.104 6.159.815.738-.07 1.93-.262 2.637-.482 3.15-.981 4.36-3.28 4.822-4.747.221-.706.333-1.916.24-2.65-.192-1.514-.978-3.965-3.922-5.497-.657-.342-1.812-.69-2.509-.942-.912-.332-2.091-.853-2.759-1.515-.507-.503-.47-1.826-.072-2.445a2.4 2.4 0 0 1 1.253-.976c.695-.247 1.925-.167 2.653-.03.667.125 1.38.305 1.976.476.712.204 1.473-.141 1.72-.84l.466-1.317c.248-.7-.202-1.608-.9-1.857Z\" stroke=\"@{base}\" stroke-width=\"2\" fill=\"@{accent}\" paint-order=\"stroke fill markers\"/></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n #message-box.danger {\n #message-box-title {\n background-color: @red;\n color: @base;\n\n &::before {\n @fade_color: fade(@red, 67%);\n @svg: escape(\n '<svg version=\"1.1\" viewBox=\"0 0 34.5 34.5\" xmlns=\"http://www.w3.org/2000/svg\"><g transform=\"translate(1.5 1.5)\"><path d=\"M.68 13.5h.14a.68.68 135 0 0 .68-.68V3.68c0-.375-.012-.988.053-1.357.139-.786.622-2.01 2.27-2.272.37-.06.982-.05 1.357-.05h21.64c.375 0 .987-.009 1.358.049 1.676.26 2.15 1.485 2.279 2.273.06.37.043.982.043 1.357v9.14a.68.68 45 0 0 .68.68h.14a.68.68 45 0 1 .68.68v3.64a.68.68 135 0 1-.68.68h-.14a.68.68 135 0 0-.68.68v9.14c0 .375.017.988-.044 1.358-.13.787-.604 2.013-2.279 2.273-.37.057-.982.05-1.358.05H5.18c-.375 0-.987.007-1.358-.052-1.644-.264-2.128-1.487-2.268-2.272-.066-.37-.054-.982-.054-1.357v-9.14a.68.68 45 0 0-.68-.68H.68a.68.68 45 0 1-.68-.68v-3.64a.68.68 135 0 1 .68-.68z\" stroke=\"@{base}\" fill=\"@{red}\" stroke-linejoin=\"round\" stroke-width=\"2.25\" paint-order=\"stroke fill markers\"/><path d=\"M2.788 15h1.175a.54.54 135 0 0 .537-.537V5.538c0-.297-.017-.78.024-1.074.094-.66.475-1.72 1.94-1.928.294-.042.777-.036 1.074-.036h16.925c.296 0 .78-.006 1.073.038 1.426.211 1.821 1.268 1.928 1.927.047.292.036.776.036 1.072v8.925a.54.54 45 0 0 .538.538h1.175a.54.54 45 0 1 .537.537v.925a.54.54 135 0 1-.537.538h-1.175a.54.54 135 0 0-.538.537v8.925c0 .297.01.78-.04 1.073-.111.658-.51 1.714-1.925 1.927-.293.044-.776.038-1.072.038H7.538c-.297 0-.78.006-1.074-.037-1.434-.211-1.826-1.27-1.93-1.928-.046-.292-.034-.776-.034-1.073v-8.925A.54.54 45 0 0 3.963 17H2.788a.54.54 45 0 1-.538-.538v-.925A.54.54 135 0 1 2.788 15z\" fill=\"black\" stroke-linejoin=\"round\" stroke=\"@{base}\" stroke-width=\"2\" paint-order=\"stroke fill markers\"/><path d=\"M2.788 15h1.175a.54.54 135 0 0 .537-.537V5.538c0-.297-.017-.78.024-1.074.094-.66.475-1.72 1.94-1.928.294-.042.777-.036 1.074-.036h16.925c.296 0 .78-.006 1.073.038 1.426.211 1.821 1.268 1.928 1.927.047.292.036.776.036 1.072v8.925a.54.54 45 0 0 .538.538h1.175a.54.54 45 0 1 .537.537v.925a.54.54 135 0 1-.537.538h-1.175a.54.54 135 0 0-.538.537v8.925c0 .297.01.78-.04 1.073-.111.658-.51 1.714-1.925 1.927-.293.044-.776.038-1.072.038H7.538c-.297 0-.78.006-1.074-.037-1.434-.211-1.826-1.27-1.93-1.928-.046-.292-.034-.776-.034-1.073v-8.925A.54.54 45 0 0 3.963 17H2.788a.54.54 45 0 1-.538-.538v-.925A.54.54 135 0 1 2.788 15z\" fill=\"@{fade_color}\" stroke-linejoin=\"round\" stroke=\"@{base}\" stroke-width=\"2\" paint-order=\"stroke fill markers\"/><path d=\"M21.715 4.974c-1.156-.414-3.115-.889-5.815-.75-.74.039-1.94.174-2.656.366-3.022.81-4.142 2.93-4.516 4.402-.183.716-.217 1.939-.079 2.666.277 1.462 1.486 3.747 6.737 6.126.675.306 1.823.772 2.29 1.34q.07.085.137.181c.422.603.666 1.937.21 2.487a2.2 2.2 0 0 1-.487.424c-.616.405-1.829.62-2.57.65-.895.034-2.145-.023-3.445-.42-.709-.216-1.458.073-1.716.768l-.659 1.775c-.258.695.008 1.641.68 1.951 1.132.522 3.136 1.104 6.159.815.738-.07 1.93-.262 2.637-.482 3.15-.981 4.36-3.28 4.822-4.747.221-.706.333-1.916.24-2.65-.192-1.514-.978-3.965-3.922-5.497-.657-.342-1.812-.69-2.509-.942-.912-.332-2.091-.853-2.759-1.515-.507-.503-.47-1.826-.072-2.445a2.4 2.4 0 0 1 1.253-.976c.695-.247 1.925-.167 2.653-.03.667.125 1.38.305 1.976.476.712.204 1.473-.141 1.72-.84l.466-1.317c.248-.7-.202-1.608-.9-1.857Z\" stroke=\"@{base}\" stroke-width=\"2\" fill=\"@{red}\" paint-order=\"stroke fill markers\"/></g></svg>'\n );\n background: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n }\n\n #message-box-close-icon i {\n color: var(--c40);\n &:hover {\n color: var(--bg);\n }\n }\n }\n\n #filters label:hover,\n #filters .filter-selection:hover {\n background-color: @surface0;\n }\n .oldUI .disabled h2::after,\n .entry.usercss .style-name-link::after {\n background-color: fade(@accent, 25%);\n }\n\n /* Syntax highlighting */\n .CodeMirror-activeline-background {\n background: @mantle;\n }\n .CodeMirror-linenumber {\n color: @subtext0;\n }\n div.CodeMirror span.CodeMirror-matchingbracket {\n color: @green;\n }\n .cm-s-default {\n .cm-string {\n color: @green;\n }\n .cm-qualifier {\n color: @yellow;\n }\n .cm-variable-2 {\n color: @mauve;\n }\n .cm-keyword {\n color: @mauve;\n }\n .cm-atom {\n color: @red;\n }\n .cm-number {\n color: @peach;\n }\n .cm-def {\n color: @mauve;\n }\n .cm-tag {\n color: @blue;\n }\n .cm-builtin {\n color: @red;\n }\n .cm-variable-3 {\n color: @teal;\n }\n .cm-comment {\n color: @overlay2;\n }\n .cm-operator {\n color: @yellow;\n }\n .cm-variable {\n color: @blue;\n }\n .cm-property {\n color: @blue;\n }\n }\n button:disabled,\n select:disabled,\n option:disabled,\n select[disabled] > option {\n color: @subtext0;\n }\n .applies-to input,\n .applies-to select {\n background: @base;\n border-color: @surface0;\n color: @subtext0;\n }\n button {\n color: @text !important;\n background: @mantle !important;\n border-color: @surface0;\n &:hover {\n border-color: @text;\n }\n }\n #save-button[disabled] {\n background: @surface0 !important;\n }\n #message-box-title {\n color: @text;\n }\n .svg-icon {\n fill: @overlay0;\n\n &:hover {\n fill: @overlay1;\n }\n }\n .onoffswitch input:checked + span {\n background-color: fade(@accent, 25%);\n\n &::before {\n background-color: @accent;\n }\n }\n #options-title {\n color: @base;\n }\n h2 {\n color: @accent !important;\n }\n .installed .configure-usercss {\n i {\n color: @accent;\n }\n\n svg,\n &:hover svg {\n fill: @accent !important;\n }\n }\n #live-reload-install-hint {\n color: @teal;\n }\n #menu.delete {\n header {\n background: fade(@red, 25%);\n }\n\n > div,\n [data-cmd=\"delete\"] {\n border-color: @red;\n }\n }\n .entry.odd {\n background-color: fade(@surface0, 25%);\n }\n .updater-icons > :not(.check-update)::after {\n border-color: @yellow;\n background: @base;\n }\n .split-btn-menu {\n border-color: @accent;\n\n > :hover {\n background: fade(@accent, 25%);\n }\n }\n #help-popup .title {\n background: @mantle;\n }\n #toc li:hover {\n background: fade(@accent, 20%);\n }\n input:invalid {\n background: fade(@red, 10%);\n color: @red;\n }\n }\n}\n\n/* deno-fmt-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n};\n",
|
|
"usercssData": {
|
|
"name": "Stylus Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/stylus",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/stylus",
|
|
"version": "2024.12.31",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/stylus/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Astylus",
|
|
"description": "Soothing pastel theme for Stylus",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": "latte",
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"darkFlavor": {
|
|
"type": "select",
|
|
"label": "Dark Flavor",
|
|
"name": "darkFlavor",
|
|
"value": "macchiato",
|
|
"default": "mocha",
|
|
"options": [
|
|
{
|
|
"name": "latte",
|
|
"label": "Latte",
|
|
"value": "latte"
|
|
},
|
|
{
|
|
"name": "frappe",
|
|
"label": "Frappé",
|
|
"value": "frappe"
|
|
},
|
|
{
|
|
"name": "macchiato",
|
|
"label": "Macchiato",
|
|
"value": "macchiato"
|
|
},
|
|
{
|
|
"name": "mocha",
|
|
"label": "Mocha",
|
|
"value": "mocha"
|
|
}
|
|
]
|
|
},
|
|
"accentColor": {
|
|
"type": "select",
|
|
"label": "Accent",
|
|
"name": "accentColor",
|
|
"value": "teal",
|
|
"default": "mauve",
|
|
"options": [
|
|
{
|
|
"name": "rosewater",
|
|
"label": "Rosewater",
|
|
"value": "rosewater"
|
|
},
|
|
{
|
|
"name": "flamingo",
|
|
"label": "Flamingo",
|
|
"value": "flamingo"
|
|
},
|
|
{
|
|
"name": "pink",
|
|
"label": "Pink",
|
|
"value": "pink"
|
|
},
|
|
{
|
|
"name": "mauve",
|
|
"label": "Mauve",
|
|
"value": "mauve"
|
|
},
|
|
{
|
|
"name": "red",
|
|
"label": "Red",
|
|
"value": "red"
|
|
},
|
|
{
|
|
"name": "maroon",
|
|
"label": "Maroon",
|
|
"value": "maroon"
|
|
},
|
|
{
|
|
"name": "peach",
|
|
"label": "Peach",
|
|
"value": "peach"
|
|
},
|
|
{
|
|
"name": "yellow",
|
|
"label": "Yellow",
|
|
"value": "yellow"
|
|
},
|
|
{
|
|
"name": "green",
|
|
"label": "Green",
|
|
"value": "green"
|
|
},
|
|
{
|
|
"name": "teal",
|
|
"label": "Teal",
|
|
"value": "teal"
|
|
},
|
|
{
|
|
"name": "blue",
|
|
"label": "Blue",
|
|
"value": "blue"
|
|
},
|
|
{
|
|
"name": "sapphire",
|
|
"label": "Sapphire",
|
|
"value": "sapphire"
|
|
},
|
|
{
|
|
"name": "sky",
|
|
"label": "Sky",
|
|
"value": "sky"
|
|
},
|
|
{
|
|
"name": "lavender",
|
|
"label": "Lavender",
|
|
"value": "lavender"
|
|
},
|
|
{
|
|
"name": "subtext0",
|
|
"label": "Gray",
|
|
"value": "subtext0"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"author": "Catppuccin",
|
|
"description": "Soothing pastel theme for Stylus",
|
|
"name": "Stylus Catppuccin",
|
|
"updateDate": 1736501260589,
|
|
"_id": "6b26ec88-4cef-48be-bdbf-8a4dcb334a9e",
|
|
"_rev": 1736501771638,
|
|
"id": 7,
|
|
"originalDigest": "a8e53383ef97ea6947741c9c2204318dad446a51",
|
|
"etag": "W/\"513ed9ef5757b62f824db991b80057c52f8c3b8a314dae1944df523dc3f6b7ea\""
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.less",
|
|
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/youtube",
|
|
"installDate": 1698243289587,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"sourceCode": "/* ==UserStyle==\n@name YouTube Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/youtube\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/youtube\n@version 2025.01.05\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ayoutube\n@description Soothing pastel theme for YouTube\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n\n@var checkbox logo \"Enable YouTube logo\" 1\n@var checkbox oled \"Enable black bars\" 0\n==/UserStyle== */\n\n@-moz-document domain(\"youtube.com\") {\n :root[dark] {\n #catppuccin(@darkFlavor);\n }\n :root:not([dark]) {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n @text-filter: @catppuccin-filters[@@flavor][@text];\n\n @white: if(@flavor = latte, @base, @text);\n @black: if(@flavor = latte, @text, @base);\n\n color-scheme: if(@flavor = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n color: @text;\n background: @base !important;\n\n &,\n [dark],\n [system-icons],\n [darker-dark-theme],\n &[dark],\n &[system-icons],\n &[darker-dark-theme] {\n --yt-spec-white-1: @text !important;\n --yt-spec-white-2: @subtext0 !important;\n --yt-spec-white-3: @subtext1 !important;\n --yt-spec-white-4: darken(@subtext1, 5%) !important;\n --yt-spec-black-1: @overlay1 !important;\n --yt-spec-black-2: @overlay0 !important;\n --yt-spec-black-3: @surface2 !important;\n --yt-spec-black-4: @surface1 !important;\n --yt-spec-black-pure: @surface0 !important;\n --yt-spec-grey-1: @text !important;\n --yt-spec-grey-2: @subtext0 !important;\n --yt-spec-grey-3: @subtext1 !important;\n --yt-spec-grey-4: @overlay2 !important;\n --yt-spec-grey-5: @overlay1 !important;\n --yt-brand-youtube-red: @accent !important;\n --yt-brand-medium-red: @accent !important;\n --yt-brand-light-red: @accent !important;\n --yt-spec-red-30: @peach !important;\n --yt-spec-red-70: @red !important;\n --yt-spec-pale-blue: @sky !important;\n --yt-spec-light-blue: @sky !important;\n --yt-spec-dark-blue: @sapphire !important;\n --yt-spec-navy-blue: @teal !important;\n --yt-spec-light-green: @green !important;\n --yt-spec-dark-green: @green !important;\n --yt-spec-yellow: @peach !important;\n --yt-spec-black-pure-alpha-5: @subtext0 !important;\n --yt-spec-black-pure-alpha-10: @overlay2 !important;\n --yt-spec-black-pure-alpha-15: fade(@crust, 85%) !important;\n --yt-spec-black-pure-alpha-30: fade(@crust, 70%) !important;\n --yt-spec-black-pure-alpha-60: fade(@crust, 40%) !important;\n --yt-spec-black-pure-alpha-80: fade(@crust, 20%) !important;\n --yt-spec-black-1-alpha-98: fade(@crust, 2%) !important;\n --yt-spec-black-1-alpha-95: fade(@crust, 5%) !important;\n --yt-spec-white-1-alpha-10: fade(@text, 90%) !important;\n --yt-spec-white-1-alpha-20: fade(@text, 80%) !important;\n --yt-spec-white-1-alpha-25: fade(@text, 75%) !important;\n --yt-spec-white-1-alpha-30: fade(@text, 70%) !important;\n --yt-spec-white-1-alpha-70: fade(@text, 30%) !important;\n --yt-spec-white-1-alpha-95: fade(@text, 5%) !important;\n --yt-spec-white-1-alpha-98: fade(@text, 2%) !important;\n --yt-brand-medium-red-alpha-90: fade(@accent, 10%) !important;\n --yt-brand-medium-red-alpha-30: fade(@accent, 70%) !important;\n --yt-brand-light-red-alpha-30: fade(@accent, 70%) !important;\n --yt-spec-light-blue-alpha-30: fade(@sapphire, 70%) !important;\n --yt-spec-dark-blue-alpha-30: fade(@sapphire, 70%) !important;\n\n --yt-spec-base-background: @base !important;\n --yt-spec-raised-background: @base !important;\n --yt-spec-menu-background: @mantle !important;\n --yt-spec-inverted-background: @text !important;\n --yt-spec-additive-background: fade(@surface1, 90%) !important;\n --yt-spec-outline: @surface0 !important;\n --yt-spec-shadow: fade(@crust, 75%) !important;\n --yt-spec-text-primary: @text !important;\n --yt-spec-text-secondary: @subtext0 !important;\n --yt-spec-text-disabled: @subtext1 !important;\n --yt-spec-text-primary-inverse: @crust !important;\n --yt-spec-call-to-action: @accent !important;\n --yt-spec-call-to-action-inverse: @accent !important;\n --yt-spec-suggested-action: fade(@accent, 20%) !important;\n --yt-spec-suggested-action-inverse: @text !important;\n --yt-spec-icon-active-other: @text !important;\n --yt-spec-button-chip-background-hover: @surface1 !important;\n --yt-spec-touch-response: @surface0 !important;\n\n --yt-spec-touch-response-inverse: @accent !important;\n --yt-spec-brand-icon-active: @accent !important;\n --yt-spec-brand-button-background: @accent !important;\n --yt-spec-brand-link-text: @sapphire !important;\n --yt-spec-wordmark-text: @text !important;\n --yt-spec-error-indicator: @red !important;\n --yt-spec-themed-blue: @accent !important;\n --yt-spec-themed-green: @green !important;\n --yt-spec-ad-indicator: @teal !important;\n --yt-spec-themed-overlay-background: fade(@crust, 20%) !important;\n --yt-spec-commerce-badge-background: @green !important;\n --yt-spec-static-brand-red: @accent !important;\n --yt-spec-static-brand-white: @text !important;\n --yt-spec-static-brand-black: @base !important;\n --yt-spec-static-clear-color: fade(@crust, 100%) !important;\n --yt-spec-static-clear-black: fade(@crust, 100%) !important;\n --yt-spec-static-ad-yellow: @peach !important;\n --yt-spec-static-grey: @subtext0 !important;\n --yt-spec-static-overlay-background-solid: @crust !important;\n --yt-spec-static-overlay-background-heavy: @crust;\n --yt-spec-static-overlay-background-medium: fade(@crust, 50%) !important;\n --yt-spec-static-overlay-background-medium-light: fade(\n @crust,\n 70%\n ) !important;\n --yt-spec-static-overlay-background-light: fade(\n @crust,\n 90%\n ) !important;\n --yt-spec-static-overlay-text-primary: @text !important;\n --yt-spec-static-overlay-text-secondary: fade(\n @subtext0,\n 30%\n ) !important;\n --yt-spec-static-overlay-text-disabled: fade(\n @subtext0,\n 70%\n ) !important;\n --yt-spec-static-overlay-call-to-action: @accent !important;\n --yt-spec-static-overlay-icon-active-other: @crust !important;\n --yt-spec-static-overlay-icon-inactive: @surface1 !important;\n --yt-spec-static-overlay-icon-disabled: @surface2 !important;\n --yt-spec-static-overlay-button-primary: @accent !important;\n --yt-spec-static-overlay-button-secondary: @surface0 !important;\n --yt-spec-static-overlay-touch-response: @overlay1 !important;\n --yt-spec-static-overlay-touch-response-inverse: @surface1 !important;\n --yt-spec-static-overlay-background-brand: @accent !important;\n --yt-spec-assistive-feed-themed-gradient-1: @subtext0 !important;\n --yt-spec-assistive-feed-themed-gradient-2: @lavender !important;\n --yt-spec-assistive-feed-themed-gradient-3: @red !important;\n --yt-spec-brand-background-solid: @base !important;\n --yt-spec-brand-background-primary: @base !important;\n --yt-spec-brand-background-secondary: @mantle !important;\n --yt-spec-general-background-a: @base !important;\n --yt-spec-general-background-b: @base !important;\n --yt-spec-general-background-c: @crust !important;\n --yt-spec-error-background: @base !important;\n --yt-spec-10-percent-layer: @surface1 !important;\n --yt-spec-snackbar-background: @mantle !important;\n --yt-spec-snackbar-background-updated: @mantle !important;\n --yt-spec-badge-chip-background: if(\n @flavor = latte,\n @crust,\n @surface0\n ) !important;\n --yt-spec-verified-badge-background: @overlay0 !important;\n --yt-spec-call-to-action-fadeoutd: fade(@sapphire, 70%) !important;\n --yt-spec-call-to-action-hover: @accent !important;\n --yt-spec-brand-button-background-hover: @accent !important;\n --yt-spec-brand-link-text-fadeoutd: fade(\n @accent,\n 70%\n ) !important;\n --yt-spec-filled-button-focus-outline: @surface0 !important;\n --yt-spec-static-overlay-button-hover: @surface1 !important;\n --yt-spec-mono-filled-hover: @surface1 !important;\n --yt-spec-commerce-filled-hover: @accent !important;\n --yt-spec-mono-tonal-hover: @surface1 !important;\n --yt-spec-commerce-tonal-hover: @surface2 !important;\n --yt-spec-static-overlay-filled-hover: @overlay1 !important;\n --yt-spec-static-overlay-tonal-hover: @surface1 !important;\n --yt-spec-paper-tab-ink: fade(@text, 70%);\n --yt-spec-filled-button-text: @text !important;\n --yt-spec-selected-nav-text: @text !important;\n --iron-icon-fill-color: @text !important;\n\n /* Search bar */\n --ytd-searchbox-border-color: @surface0 !important;\n --ytd-searchbox-legacy-border-color: @surface0 !important;\n --ytd-searchbox-legacy-border-shadow-color: fade(\n @crust,\n 100%\n ) !important;\n --ytd-searchbox-legacy-button-color: @mantle !important;\n --ytd-searchbox-legacy-button-border-color: @surface0 !important;\n --ytd-searchbox-legacy-button-focus-color: @accent !important;\n --ytd-searchbox-legacy-button-hover-color: @mantle !important;\n --ytd-searchbox-legacy-button-hover-border-color: @surface0 !important;\n --ytd-searchbox-legacy-button-icon-color: @accent !important;\n --ytd-searchbox-background: @base !important;\n --ytd-searchbox-text-color: @text !important;\n\n /* System icons */\n --yt-spec-icon-inactive: @text !important;\n --yt-spec-icon-disabled: @overlay1 !important;\n --yt-spec-brand-icon-inactive: @overlay2 !important;\n\n /* Yt video Page */\n --yt-live-chat-background-color: @base !important;\n --yt-live-chat-action-panel-background-color: @base !important;\n --yt-live-chat-secondary-background-color: @surface1;\n --yt-live-chat-toast-background-color: @surface2 !important;\n --yt-live-chat-mode-change-background-color: @base !important;\n --yt-live-chat-secondary-text-color: @subtext0 !important;\n --yt-live-chat-tertiary-text-color: fade(@text, 46%) !important;\n --yt-live-chat-text-input-field-inactive-underline-color: @subtext0\n !important;\n --yt-live-chat-text-input-field-placeholder-color: @subtext0 !important;\n --yt-live-chat-enabled-send-button-color: @text !important;\n --yt-live-chat-disabled-icon-button-color: @subtext1 !important;\n --yt-live-chat-picker-button-hover-color: @accent !important;\n --yt-live-chat-mention-background-color: @accent !important;\n --yt-live-chat-mention-text-color: @text !important;\n --yt-live-chat-deleted-message-color: @subtext0;\n --yt-live-chat-deleted-message-bar-color: @subtext1 !important;\n --yt-live-chat-reconnect-message-color: @text !important;\n --yt-live-chat-disabled-button-background-color: @overlay0 !important;\n --yt-live-chat-sub-panel-background-color: @base !important;\n --yt-live-chat-sub-panel-background-color-transparent: @mantle !important;\n --yt-live-chat-moderator-color: @lavender !important;\n --yt-live-chat-owner-color: @peach !important;\n --yt-live-chat-message-highlight-background-color: @base !important;\n --yt-live-chat-sponsor-color: @green !important;\n --yt-live-chat-overlay-color: fade(@mantle, 50%);\n --yt-live-chat-dialog-background-color: @base !important;\n --yt-emoji-picker-variant-selector-bg-color: @base !important;\n --yt-live-chat-moderation-mode-hover-background-color: fade(\n @mantle,\n 70%\n ) !important;\n --yt-grey: @subtext0 !important;\n --yt-live-chat-text-input-field-suggestion-background-color: @subtext0\n !important;\n --yt-live-chat-text-input-field-suggestion-background-color-hover: @subtext1\n !important;\n --yt-emoji-picker-search-background-color: @surface0 !important;\n --yt-emoji-picker-search-color: @text !important;\n --yt-emoji-picker-search-placeholder-color: @accent !important;\n --yt-live-chat-slider-active-color: @accent !important;\n --yt-live-chat-slider-container-color: @surface0 !important;\n --yt-live-chat-slider-markers-color: @text !important;\n --yt-live-chat-banner-gradient-scrim: linear-gradient(\n @mantle,\n transparent\n ) !important;\n --yt-live-chat-action-panel-gradient-scrim: linear-gradient(\n to top,\n @mantle,\n transparent\n ) !important;\n --yt-live-chat-automod-button-background-color-hover: fade(\n @crust,\n 50%\n ) !important;\n --yt-live-chat-automod-button-explanation-color: fade(\n @accent,\n 30%\n ) !important;\n --yt-live-chat-shimmer-background-color: fade(@crust, 60%) !important;\n --yt-live-chat-shimmer-linear-gradient: linear-gradient(\n 0deg,\n fade(@text, 90%) 40%,\n fade(@base, 70%) 50%,\n fade(@text, 90%) 60%\n ) !important;\n --yt-live-chat-vem-background-color: @mantle !important;\n --yt-live-chat-product-picker-icon-color: fade(@text, 50%) !important;\n --yt-live-chat-product-picker-hover-color: @overlay0 !important;\n --yt-live-chat-product-picker-disabled-icon-color: fade(\n @text,\n 70%\n ) !important;\n --yt-live-chat-action-panel-background-color-transparent: (null)\n !important;\n\n --paper-tooltip-background: @overlay0 !important;\n --paper-tooltip-text-color: @text !important;\n\n /* Links */\n --yt-endpoint-color: @accent !important;\n --yt-endpoint-visited-color: @accent !important;\n --yt-endpoint-hover-color: @accent !important;\n\n --sb-dark-red-outline: @accent !important;\n --sb-main-bg-color: @base !important;\n --sb-main-fg-color: @text !important;\n --sb-grey-bg-color: @base !important;\n --sb-grey-fg-color: @subtext0 !important;\n --sb-red-bg-color: @accent !important;\n }\n\n &:not(.style-scope) {\n --primary-text-color: @text !important;\n --primary-background-color: @base !important;\n --secondary-text-color: @subtext0 !important;\n --disabled-text-color: @subtext1 !important;\n --divider-color: @overlay0 !important;\n --error-color: @red !important;\n --primary-color: @accent !important;\n --light-primary-color: @accent !important;\n --dark-primary-color: @blue !important;\n --accent-color: @accent !important;\n --light-accent-color: @accent !important;\n --dark-accent-color: @accent !important;\n --light-theme-background-color: @base !important;\n --light-theme-base-color: @text !important;\n --light-theme-text-color: @text !important;\n --light-theme-secondary-color: @subtext0 !important;\n --light-theme-disabled-color: @subtext1 !important;\n --light-theme-divider-color: @overlay0 !important;\n --dark-theme-background-color: @base !important;\n --dark-theme-base-color: @text !important;\n --dark-theme-text-color: @text !important;\n --dark-theme-secondary-color: @subtext0 !important;\n --dark-theme-disabled-color: @subtext1 !important;\n --dark-theme-divider-color: @overlay0 !important;\n }\n\n /* Misc */\n\n & when (@logo = 0) {\n ytd-topbar-logo-renderer,\n svg.ytd-consent-bump-v2-lightbox {\n display: none;\n }\n }\n\n #channel-name.ytd-video-meta-block {\n --yt-endpoint-color: @accent !important;\n --yt-endpoint-visited-color: @accent !important;\n color: @accent !important;\n }\n\n .yt-page-navigation-progress {\n background: @accent !important;\n }\n\n /* Selected chapter */\n ytd-macro-markers-list-item-renderer {\n --ytd-macro-markers-list-item-background-color: @surface0 !important;\n --ytd-macro-markers-list-item-title-color: @text !important;\n --ytd-macro-markers-list-item-secondary-color: @subtext1 !important;\n --ytd-macro-markers-list-item-timestamp-background-color: @surface1\n !important;\n }\n\n ytd-playlist-panel-video-renderer {\n --yt-lightsource-section2-color: @surface1 !important;\n --yt-lightsource-section4-color: @surface2 !important;\n --yt-lightsource-primary-title-color: @text !important;\n --yt-lightsource-secondary-title-color: @text !important;\n --yt-active-playlist-panel-background-color: @surface0 !important;\n }\n\n ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette]\n .header.ytd-playlist-panel-renderer {\n --iron-icon-fill-color: @text !important;\n background-color: @base !important;\n }\n\n #container.ytd-masthead {\n --iron-icon-fill-color: @text !important;\n }\n\n #background.ytd-masthead {\n --yt-frosted-glass-desktop: @base !important;\n }\n\n ytd-feed-filter-chip-bar-renderer[expand-instead-of-scroll]\n #chips-wrapper.ytd-feed-filter-chip-bar-renderer {\n --iron-icon-fill-color: @text !important;\n background-color: @base !important;\n }\n\n #ytd-player #container when (@oled = 0) {\n background: @crust !important;\n }\n\n .ytp-progress-list when not(@flavor = latte) {\n background: fade(@surface0, 80%);\n }\n .ytp-load-progress when not(@flavor = latte) {\n background: fade(@overlay0, 100%);\n }\n\n ytd-expandable-metadata-renderer {\n --yt-lightsource-section1-color: @base !important;\n --yt-lightsource-section2-color: @surface0 !important;\n --yt-lightsource-section3-color: @surface1 !important;\n --yt-lightsource-section4-color: @surface2 !important;\n --yt-lightsource-primary-title-color: @text !important;\n --yt-lightsource-secondary-title-color: @subtext0 !important;\n }\n\n yt-live-chat-renderer {\n --yt-button-default-text-color: @text !important;\n --yt-button-default-background-color: @base !important;\n --yt-button-dark-text-color: @base !important;\n --yt-button-dark-background-color: @accent !important;\n --yt-button-payment-background-color: @accent !important;\n }\n\n yt-icon-button.yt-live-chat-item-list-renderer {\n background-color: @accent;\n color: @crust;\n\n &:hover {\n background-color: darken(@accent, 5%);\n }\n }\n\n ytd-author-comment-badge-renderer:not(\n [style*=\"--ytd-author-comment-badge-icon-background-color: transparent;\"]\n ) {\n --yt-basic-background-color: @surface0 !important;\n --yt-basic-foreground-title-color: @surface0 !important;\n --ytd-author-comment-badge-background-color: @surface0 !important;\n --ytd-author-comment-badge-name-color: @text !important;\n --ytd-author-comment-badge-icon-color: @text !important;\n }\n\n /* Skeleton */\n #guide-skeleton,\n #home-container-skeleton,\n #home-chips {\n background-color: @base;\n z-index: -1;\n }\n\n #guide-skeleton .guide-ghost-icon,\n #guide-skeleton .guide-ghost-text,\n .masthead-skeleton-icon,\n #home-page-skeleton .skeleton-bg-color,\n .watch-skeleton .skeleton-bg-color {\n background-color: @surface1;\n }\n\n /* Ambient mode */\n #cinematics,\n #cinematic-container {\n mix-blend-mode: lighten;\n }\n\n .ytp-settings-button.ytp-hd-quality-badge::after,\n .ytp-settings-button.ytp-hdr-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-grey::after,\n .ytp-settings-button.ytp-3d-badge::after {\n background-color: @accent;\n }\n\n /* Icons */\n\n [fill=\"red\"],\n [fill=\"#F00\"],\n [fill=\"#FF0000\"],\n [fill=\"#f03\"],\n [fill=\"#FF0033\"] {\n fill: @accent !important;\n }\n\n [fill=\"white\"] {\n fill: if(@flavor = latte, @base, @text) !important;\n }\n\n /* verification badge */\n [src*=\"https://www.gstatic.com/images/icons/material/system/1x/check_circle_grey600_36dp.png\"] {\n filter: @text-filter;\n }\n\n yt-icon.ytd-logo [fill=\"white\"] {\n fill: @crust !important;\n }\n\n .yt-spec-icon-shape {\n [fill=\"#FAFAFA\"],\n [fill=\"#000\"],\n [fill=\"#fff\"],\n [fill=\"#FFF\"],\n [fill=\"#FFFFFF\"] {\n fill: @crust !important;\n }\n }\n\n .yt-spec-icon-badge-shape--style-overlay .yt-spec-icon-badge-shape__icon,\n .yt-spec-icon-badge-shape {\n color: @text;\n }\n\n .yt-spec-icon-badge-shape--type-notification\n .yt-spec-icon-badge-shape__badge {\n background-color: @accent !important;\n color: @surface0 !important;\n }\n\n /* Buttons */\n\n .yt-spec-button-shape-next--mono {\n &.yt-spec-button-shape-next--tonal {\n color: @text;\n background-color: @surface0;\n\n [fill=\"rgb(3,3,3)\"],\n [fill=\"rgb(0,0,0)\"],\n [fill=\"rgb(255,255,255)\"] {\n fill: @text !important;\n }\n\n [stroke=\"rgb(0,0,0)\"],\n [stroke=\"rgb(255,255,255)\"] {\n stroke: @text !important;\n }\n\n /* Accent for filled-in thumbs up (like button) */\n [animated-icon-type=\"LIKE\"] {\n g path[fill] {\n fill: @accent !important;\n\n + [stroke] {\n stroke: @accent !important;\n }\n }\n }\n\n &:hover {\n background-color: @surface1;\n }\n }\n\n &.yt-spec-button-shape-next--outline {\n color: @text;\n border-color: @surface2;\n\n &:hover {\n background-color: @surface2;\n }\n }\n\n &.yt-spec-button-shape-next--text {\n color: @text;\n\n /* Accent for filled-in thumbs up (like button) */\n path[d=\"M3,11h3v10H3V11z M18.77,11h-4.23l1.52-4.94C16.38,5.03,15.54,4,14.38,4c-0.58,0-1.14,0.24-1.52,0.65L7,11v10h10.43 c1.06,0,1.98-0.67,2.19-1.61l1.34-6C21.23,12.15,20.18,11,18.77,11z\"] {\n fill: @accent;\n }\n\n &:hover {\n background-color: @surface1;\n }\n }\n\n &.yt-spec-button-shape-next--filled {\n color: @crust;\n background-color: @accent;\n\n &:hover {\n background-color: darken(@accent, 5%);\n }\n }\n }\n\n .yt-spec-button-shape-next--disabled {\n background-color: fade(@overlay0, 50%);\n color: @subtext0;\n }\n\n .yt-spec-button-shape-next--overlay {\n &.yt-spec-button-shape-next--tonal {\n color: @text;\n background-color: @surface0;\n &:hover {\n background-color: @surface1;\n }\n }\n &.yt-spec-button-shape-next--text {\n color: @text;\n }\n\n &.yt-spec-button-shape-next--filled {\n color: @crust;\n background-color: @accent;\n }\n\n &.yt-spec-button-shape-next--outline {\n color: @text;\n border-color: @surface1;\n &:hover {\n background: @surface0;\n }\n }\n }\n\n .yt-spec-button-shape-next--call-to-action {\n &.yt-spec-button-shape-next--outline {\n color: @accent;\n border-color: @surface2;\n\n &:hover {\n background-color: fade(@accent, 30%);\n color: @accent;\n }\n }\n\n &.yt-spec-button-shape-next--text {\n color: @accent;\n\n &:hover {\n background-color: fade(@accent, 30%);\n }\n }\n\n &.yt-spec-button-shape-next--filled {\n color: @crust;\n background-color: @accent;\n\n &:hover {\n background-color: lighten(@accent, 5%);\n }\n }\n }\n\n .yt-spec-button-shape-next--disabled.yt-spec-button-shape-next--filled {\n color: @subtext0;\n background-color: fade(@surface1, 70%);\n }\n\n /* Search box */\n ytd-searchbox[has-focus] #container.ytd-searchbox {\n border-color: @accent;\n }\n\n .ytSearchboxComponentInputBox,\n .ytSearchboxComponentInputBoxDark {\n background: var(--ytd-searchbox-background) !important;\n color: var(--ytd-searchbox-text-color) !important;\n border-color: var(--ytd-searchbox-border-color) !important;\n box-shadow: none;\n }\n\n .ytSearchboxComponentInputBoxHasFocus,\n .ytSearchboxComponentInputBoxHasFocusDark {\n border-color: @accent !important;\n }\n\n .ytSuggestionComponentSuggestionHover:hover,\n .ytSuggestionComponentSuggestionHoverDark:hover {\n background: @surface1 !important;\n }\n\n .ytSearchboxComponentSuggestionsContainer,\n .ytSearchboxComponentSuggestionsContainerDark {\n background: var(--yt-spec-raised-background) !important;\n border-color: var(--yt-spec-raised-background) !important;\n }\n\n .ytSuggestionComponentSuggestion,\n .ytSuggestionComponentSuggestionDark {\n color: var(--ytd-searchbox-text-color) !important;\n }\n\n .ytSearchboxComponentSearchButton,\n .ytSearchboxComponentSearchButtonDark {\n color: var(--ytd-searchbox-text-color) !important;\n background: @surface0 !important;\n border-color: var(--ytd-searchbox-border-color) !important;\n }\n\n .ytSearchboxComponentClearButtonIcon,\n .ytSearchboxComponentClearButtonIconDark {\n color: var(--ytd-searchbox-text-color) !important;\n }\n\n .ytSearchboxComponentReportButton,\n .ytSearchboxComponentReportButtonDark,\n .ytSuggestionComponentRemoveLink,\n .ytSuggestionComponentRemoveLinkDark {\n color: @subtext0 !important;\n }\n\n .sbsb_a {\n background: @surface0;\n }\n .sbdd_b {\n border-color: var(--yt-spec-raised-background);\n background-color: var(--yt-spec-raised-background);\n }\n .sbpqs_a,\n .gsfs {\n color: var(--yt-spec-text-primary);\n }\n .sbsb_i {\n color: var(--yt-spec-call-to-action);\n }\n .sbsb_d {\n background-color: var(--yt-spec-additive-background);\n }\n .sbdd_c {\n visibility: hidden;\n }\n\n /* \"Suggestion removed\" */\n .sbpqs_c {\n color: @overlay1;\n }\n\n .sbpqs_a::before,\n .sbqs_c::before {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"24\" viewBox=\"1 1 27 27\" width=\"24\" focusable=\"false\" style=\"width:100%;height:100%\" pointer-events=\"none\" display=\"block\"><path fill=\"@{text}\" d=\"m20.87 20.17-5.59-5.59A6.96 6.96 0 0 0 17 10c0-3.87-3.13-7-7-7s-7 3.13-7 7a6.995 6.995 0 0 0 11.58 5.29l5.59 5.59zM10 16c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n background: none;\n }\n\n /* Video description */\n\n #description {\n [style*=\"color: rgb(255, 255, 255);\"],\n [style*=\"color: rgb(19, 19, 19);\"] {\n color: @text !important;\n }\n }\n\n .yt-core-attributed-string__link--call-to-action-color {\n color: @accent;\n }\n\n .YtwCourseProgressViewModelHostProgressTitle,\n .YtwCourseProgressViewModelHostProgressSubtitle {\n color: @text;\n }\n\n .YtwCourseProgressViewModelHostProgressBar {\n background-color: fade(@white, 20%);\n\n .YtwCourseProgressViewModelHostProgressBarFill {\n background-color: @text;\n }\n }\n\n .ytwHowThisWasMadeSectionViewModelSectionTitle,\n .ytwHowThisWasMadeSectionViewModelBodyHeader {\n color: @text;\n }\n\n .ytwHowThisWasMadeSectionViewModelBodyText {\n color: @subtext0;\n }\n\n /* Thumbnails */\n\n #time-status:has([aria-label=\"LIVE\"]),\n .badge[aria-label=\"LIVE\"],\n .badge[aria-label=\"PREMIERE\"],\n .badge-shape-wiz--live.badge-shape-wiz--overlay,\n .badge-shape-wiz--thumbnail-live {\n background: @accent;\n color: @crust;\n }\n #thumbnail [style=\"background-color: rgba(51, 51, 51, 0.8);\"],\n .YtInlinePlayerControlsTopRightControlsCircleButton,\n .badge-shape-wiz--default.badge-shape-wiz--overlay,\n .branding-context-container-inner {\n background-color: @surface0 !important;\n color: @text;\n }\n .ytp-sb-unsubscribe {\n background-color: @surface2;\n color: @text;\n }\n .ytp-sb-subscribe {\n background-color: @accent;\n color: @crust;\n }\n ytd-thumbnail-overlay-resume-playback-renderer {\n background-color: @surface1;\n }\n .badge-shape-wiz--thumbnail-default {\n color: @text;\n background: fade(@crust, 80%);\n }\n\n /* Panels, popups, tooltips */\n\n .ytp-tooltip-text {\n background: fade(@surface0, 90%) !important;\n color: @text;\n text-shadow: none !important;\n }\n\n .ytp-popup {\n background: fade(@surface0, 90%) !important;\n text-shadow: none;\n }\n\n .ytp-panel-menu,\n .ytp-panel-header,\n .ytp-panel-footer,\n .ytp-menuitem-label,\n .ytp-premium-label,\n .ytp-menuitem-content,\n .ytp-menuitem-label-count,\n .ytp-menu-label-secondary,\n .ytd-menu-title-renderer {\n color: @text;\n }\n\n .ytp-panel-header {\n border-bottom-color: @surface2;\n }\n\n .ytp-panel-footer-content-link {\n color: @accent;\n }\n\n .ytp-panel-back-button {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 32 32\" version=\"1.1\"><path d=\"m19.41 20.09-4.58-4.59 4.58-4.59L18 9.5l-6 6 6 6z\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .ytp-menuitem-toggle-checkbox {\n background-color: @surface2;\n\n &::after {\n background-color: @subtext0;\n }\n }\n .ytp-menuitem[aria-checked=\"true\"] .ytp-menuitem-toggle-checkbox {\n background: @accent;\n }\n\n .ytp-menuitem {\n &:not([aria-disabled=\"true\"]):hover {\n background-color: @surface1;\n }\n\n svg > path:not([fill=\"none\"]) {\n fill: @text !important;\n }\n\n &[aria-haspopup=\"true\"] .ytp-menuitem-content {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 32 32\" version=\"1.1\"><path d=\"m12.59 20.34 4.58-4.59-4.58-4.59L14 9.75l6 6-6 6z\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n &[role=\"menuitemradio\"][aria-checked=\"true\"] .ytp-menuitem-label {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" version=\"1.1\"><path d=\"M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n\n /* Video player */\n\n .ytp-cards-button {\n .ytp-cards-button-icon {\n use {\n fill: @black;\n }\n path {\n fill: @white;\n }\n }\n }\n .ytp-cards-teaser {\n .ytp-cards-teaser-box {\n background-color: @surface2;\n border-bottom-color: @surface2;\n }\n .ytp-cards-teaser-text {\n color: @text;\n }\n }\n\n .html5-video-player {\n color: @white;\n\n .ytp-swatch-background-color,\n .ytp-play-progress {\n background: @accent !important;\n }\n\n .ytp-svg-fill,\n [fill=\"#fff\"] {\n fill: @white !important;\n }\n\n .ytp-volume-slider-handle {\n &,\n &::before {\n background-color: @white;\n }\n &::after {\n background-color: fade(@white, 20%);\n }\n }\n\n .ytp-time-current,\n .ytp-time-separator,\n .ytp-time-duration {\n color: @white;\n }\n\n .ytp-live-badge {\n &[disabled]::before {\n background: @accent;\n }\n &::before {\n background: @overlay0;\n }\n }\n\n /* youtube live ring */\n .yt-spec-avatar-shape__badge-text {\n color: @crust;\n }\n .yt-spec-avatar-shape--live-ring {\n border-color: @accent;\n }\n .yt-spec-avatar-shape__live-badge {\n background-color: @accent;\n }\n\n .ytp-button,\n .ytp-subtitles-button {\n &[aria-pressed]::after {\n background-color: @accent;\n }\n }\n\n /* stats for nerds */\n .ytp-sfn {\n background: fade(@base, 80%);\n color: @text;\n }\n\n .ytp-autonav-toggle-button {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30\" height=\"12\" fill=\"none\"><path opacity=\".5\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22.7 11c2.95 0 5.3-2.21 5.3-5s-2.35-5-5.3-5H7.3C4.35 1 2 3.21 2 6s2.35 5 5.3 5z\" fill=\"@{white}\"/><path opacity=\".5\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.3 1C4.35 1 2 3.21 2 6s2.35 5 5.3 5h15.4A5.16 5.16 0 0 0 28 6l-.03-.54A5.16 5.16 0 0 0 22.7 1zm15.4 11c3.45 0 6.3-2.6 6.3-6s-2.85-6-6.3-6H7.3C3.85 0 1 2.6 1 6s2.85 6 6.3 6z\" fill=\"@{black}\" fill-opacity=\".3\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml;charset=utf-8,@{svg}\");\n\n &::after {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 17 17\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.5 16a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15\" fill=\"@{surface2}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17 8.5a8.5 8.5 0 1 1-17 0 8.5 8.5 0 0 1 17 0m-1 0a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0\" fill=\"@{black}\" fill-opacity=\".15\"/><path d=\"M5.5 12h2V5h-2zm4-7v7h2V5z\" fill=\"@{white}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml;charset=utf-8,@{svg}\");\n }\n\n &[aria-checked=\"true\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30\" height=\"12\" fill=\"none\"><path opacity=\".5\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22.7 11c2.95 0 5.3-2.21 5.3-5s-2.35-5-5.3-5H7.3C4.35 1 2 3.21 2 6s2.35 5 5.3 5zm-2.7-.75v-8.5l6.7 4.26z\" fill=\"@{white}\"/><path opacity=\".5\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.3 1C4.35 1 2 3.21 2 6s2.35 5 5.3 5h15.4A5.16 5.16 0 0 0 28 6l-.03-.54A5.16 5.16 0 0 0 22.7 1zm15.4 11c3.45 0 6.3-2.6 6.3-6s-2.85-6-6.3-6H7.3C3.85 0 1 2.6 1 6s2.85 6 6.3 6z\" fill=\"@{black}\" fill-opacity=\".3\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml;charset=utf-8,@{svg}\");\n\n &::after {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 17 17\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17 8.5a8.5 8.5 0 1 1-17 0 8.5 8.5 0 0 1 17 0m-5 0L6.5 5v7zm-1.86 0L7.5 6.82v3.36zM8.5 16a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15\" fill=\"@{black}\" fill-opacity=\".15\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16 8.5a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0m-4 0L6.5 12V5z\" fill=\"@{white}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml;charset=utf-8,@{svg}\");\n }\n }\n }\n }\n\n /* Video highlight */\n ytd-rich-item-renderer.ytd-rich-item-renderer-highlight {\n background-color: fade(@accent, 10%) !important;\n box-shadow: fade(@accent, 10%) 0 0 0 10px !important;\n }\n\n #shorts-container {\n --yt-spec-static-overlay-text-primary: @white;\n .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal {\n color: @white;\n }\n\n .YtwFactoidRendererLabel {\n color: @subtext0;\n }\n .YtwFactoidRendererValue {\n color: @text;\n }\n\n ytd-reel-video-renderer:not([is-watch-while-mode]) {\n .yt-spec-button-shape-with-label__label {\n color: @subtext1;\n }\n }\n ytd-reel-video-renderer[is-watch-while-mode]\n .yt-spec-button-shape-with-label__label {\n color: @white;\n }\n\n .yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--tonal,\n .YtdDesktopShortsVolumeControlsBackgroundScrim {\n background-color: fade(@black, 60%);\n color: @white;\n }\n\n .YtProgressBarLineProgressBarPlayed,\n .YtProgressBarPlayheadProgressBarPlayheadDot {\n background-color: @accent !important;\n }\n\n .yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--filled {\n background-color: @accent;\n color: @crust;\n }\n\n .YtdDesktopShortsVolumeControlsMuteIcon {\n color: @white !important;\n }\n\n /* Buy super thanks button */\n .YtdShortsSuggestedActionStaticHostContainer {\n background-color: fade(@black, 60%);\n\n .YtdShortsSuggestedActionStaticHostLeadingIcon,\n .YtdShortsSuggestedActionStaticHostPrimaryText {\n color: @text;\n }\n }\n }\n\n /* Shorts titles and views on homepage */\n .shortsLockupViewModelHostOutsideMetadataEndpoint {\n color: @text;\n }\n .shortsLockupViewModelHostOutsideMetadataSubhead {\n color: @subtext0;\n }\n\n /* Buy super thanks bar */\n #progressContainer.tp-yt-paper-progress {\n background-color: @mantle !important;\n }\n\n #comment-chip-container.yt-pdg-comment-chip-renderer,\n .slider-knob-inner.tp-yt-paper-slider {\n background: @accent !important;\n }\n\n #primaryProgress.tp-yt-paper-progress {\n background: linear-gradient(139deg, @peach, @maroon, @red, @pink);\n }\n\n #container.ytd-pdg-comment-preview-renderer {\n background-color: @mantle !important;\n }\n\n #comment-chip-price.yt-pdg-comment-chip-renderer,\n yt-icon.yt-pdg-comment-chip-renderer {\n color: @crust;\n }\n\n /* Channel pages */\n .yt-tab-shape-wiz__tab {\n color: @subtext1;\n }\n .yt-tab-shape-wiz__tab--tab-selected {\n color: @text;\n }\n .yt-tab-group-shape-wiz__slider {\n background-color: @text;\n }\n .yt-tab-shape-wiz:hover .yt-tab-shape-wiz__tab-bar {\n background-color: @subtext1;\n }\n .truncated-text-wiz,\n .page-header-view-model-wiz__page-header-content-metadata {\n color: @subtext1;\n }\n .page-header-view-model-wiz__page-header-title,\n [style=\"color: rgb(255, 255, 255);\"]:has(svg),\n .truncated-text-wiz__absolute-button {\n color: @text !important;\n }\n .yt-contextual-sheet-layout-wiz {\n background-color: @mantle;\n\n .yt-list-item-view-model-wiz__container--tappable:hover {\n background-color: @surface0;\n }\n\n .yt-list-item-view-model-wiz__title,\n .yt-list-item-view-model-wiz__accessory,\n .radio-shape-wiz__label-container {\n color: @text;\n }\n }\n\n /* channel details */\n .profile-badge-view-model-wiz__badge-description {\n color: @text !important;\n }\n\n .profile-badge-view-model-wiz__badge-subtitle {\n color: @subtext0 !important;\n }\n\n .yt-profile-identity-info-view-model-wiz__divider {\n border-color: @surface0 !important;\n }\n\n /* Profiles */\n .yt-profile-card-view-model-wiz {\n background-color: @mantle;\n }\n .yt-profile-identity-info-view-model-wiz__channel-name,\n .yt-profile-info-view-model-wiz__section-title,\n .yt-comment-interaction-view-model-wiz__video-title,\n .yt-shared-subscription-view-model-wiz__channel-name {\n color: @text;\n }\n .yt-profile-identity-info-view-model-wiz__badge,\n .yt-profile-identity-info-view-model-wiz__metadata-handle,\n .yt-profile-identity-info-view-model-wiz__metadata-content,\n .yt-profile-info-view-model-wiz__section-subtitle,\n .yt-comment-interaction-view-model-wiz__comment-content {\n color: @subtext0;\n }\n\n /* Horizontal list arrows */\n .arrow.yt-horizontal-list-renderer {\n background: @surface0;\n }\n\n /* Live chat replay */\n .ytVideoMetadataCarouselViewModelHost,\n .YtVideoMetadataCarouselViewModelHost {\n background-color: @surface0;\n\n .ytCarouselTitleViewModelTitle,\n .YtCarouselTitleViewModelTitle,\n .yt-core-attributed-string,\n .yt-icon-shape {\n color: @text;\n }\n }\n\n /* AI-generated video summary */\n .video-summary-content-view-model-wiz__paragraph {\n color: @text;\n }\n\n /* Playlist collapsed sidebar */\n #next-video-title {\n color: @text !important;\n }\n #publisher-container {\n .yt-simple-endpoint.style-scope.yt-formatted-string,\n .index-message-wrapper.style-scope.ytd-playlist-panel-renderer,\n .index-message-wrapper.style-scope.ytd-playlist-panel-renderer::before {\n color: @subtext0 !important;\n }\n }\n\n /* Playlist metadata */\n .metadata-stats.style-scope.ytd-playlist-byline-renderer,\n .yt-lockup-metadata-view-model-wiz__metadata {\n color: @subtext0 !important;\n }\n\n /* Playlist titles in search results */\n .yt-core-attributed-string.yt-core-attributed-string--white-space-pre-wrap {\n color: @text !important;\n }\n }\n}\n\n@-moz-document url-prefix(\"https://studio.youtube.com\") {\n :root[dark] {\n #catppuccin(@darkFlavor);\n }\n :root {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n [src=\"https://www.gstatic.com/youtube/img/creator/yt_studio_logo_white.svg\"] {\n @svg: escape(\n '<svg viewBox=\"0 0 97.55 24\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"@{accent}\" d=\"M17.1 0S6.4 0 3.8.7a4.15 4.15 0 0 0-3 3C0 6.4 0 12 0 12a45 45 0 0 0 .7 8.2 4.32 4.32 0 0 0 3 3c2.7.8 13.4.8 13.4.8s10.7 0 13.4-.7a4.32 4.32 0 0 0 3-3 45 45 0 0 0 .7-8.2s.1-5.7-.6-8.3a4.32 4.32 0 0 0-3-3C27.9 0 17.1 0 17.1 0m-3.4 6.9 8.9 5.1-8.9 5.1z\"/><path fill=\"@{text}\" d=\"M76.3.9v4.4c0 1.1 0 2 .1 3.3h-.1A3.36 3.36 0 0 0 73.4 7c-2.3 0-3.3 2-3.3 6.6V16c0 4.9.8 6.6 3.2 6.6a3.42 3.42 0 0 0 3.2-2.4h.1l.4 2.1h2.6V.9zm6.688.4c-1.126.032-1.687.55-1.687 2.1 0 1.7.599 2.1 1.799 2.1s1.8-.5 1.8-2.1-.6-2.1-1.8-2.1zM45 1.4c-3.6 0-5 1.7-5 4.9s1.1 4.5 3.7 6.8c1.6 1.4 2.8 2.5 2.8 4.8 0 1.5-.4 2.2-1.6 2.2s-1.7-.8-1.6-3.6h-3.1c-.6 4.2.8 6.1 4.5 6.2 3.5 0 5-1.5 5-5.4 0-3.1-1.3-4.4-3.7-6.6-1.9-1.8-2.8-2.5-2.8-4.6 0-1.4.3-2.2 1.6-2.2s1.6 1.1 1.5 3.9l3.1-.2c.5-4.2-.8-6.2-4.4-6.2m7.6 1.4-.4 4.5h-1.4v2.6H52v8.8c0 2.7.4 3.8 2.6 3.8a7.4 7.4 0 0 0 3.1-.6l-.6-2.2a5.2 5.2 0 0 1-1.3.2c-.5 0-.7-.3-.7-1.7V9.9h2.2V7.3H55V2.8zM91 7c-3.3 0-4.7 1.8-4.7 6.7v2.2c0 4.7 1.1 6.7 4.6 6.7s4.7-2 4.7-6.7v-2.2C95.6 8.9 94.3 7 91 7m-31.8.3v11.4c0 2.7.9 4 2.9 4a3.46 3.46 0 0 0 3.2-2.1h.1l.3 1.8h2.7V7.3H65v12a1.51 1.51 0 0 1-1.4 1c-.7 0-1-.6-1-1.9V7.3zm22.3 0v15.1h3.2V7.3zm9.4 2c1 0 1.3 1 1.3 3.1v4.7c0 2.2-.4 3.1-1.3 3.1s-1.2-.9-1.2-3.1v-4.7c0-2 .2-3.1 1.2-3.1M75 9.4a1.56 1.56 0 0 1 1.3.8v8.5c-.2.9-.9 1.4-1.4 1.3-1 0-1.3-1-1.3-4.4v-1.9c0-3.3.3-4.3 1.4-4.3\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &,\n html,\n html[dark],\n html[dark][dark],\n &[dark],\n &[light],\n [light],\n html[light],\n html[light][light] {\n --yt-spec-black-pure-alpha-80: (null) !important;\n --yt-spec-black-pure-alpha-60: (null) !important;\n --yt-spec-black-1-alpha-98: (null) !important;\n --yt-spec-black-1-alpha-95: (null) !important;\n --iron-icon-fill-color: unset !important;\n\n --yt-spec-text-primary: @text !important;\n --ytcp-text-primary: @text !important;\n --ytcp-text-primary-inverse: @base !important;\n --ytcp-static-overlay-text-primary-inverse: @base !important;\n --ytcp-wordmark-text: @text !important;\n --ytcp-text-secondary: @subtext0 !important;\n --ytcp-text-disabled: @subtext1 !important;\n --ytcp-overlay-text-primary: @overlay2 !important;\n\n --ytcp-general-background-a: @base !important;\n --yt-spec-base-background: @base !important;\n --yt-spec-black-3: @base !important;\n\n --yt-spec-brand-background-solid: @mantle !important;\n --ytcp-brand-background-solid: @mantle !important;\n --yt-spec-raised-background: @mantle !important;\n --ytcp-general-background-b: @mantle !important;\n --ytcp-analytics-reach-background: @mantle !important;\n --yt-spec-black-2: @mantle !important;\n\n --ytcp-general-background-c: @crust !important;\n --ytcp-menu-background: @surface0 !important;\n\n --ytcp-container-border-color: @surface0 !important;\n --ytcp-container-hovered-border-color: @surface0 !important;\n --ytcp-line-divider-solid: @surface0 !important;\n --ytcp-container-border-color-inverse: @subtext0 !important;\n --ytcp-line-divider-solid-inverse: @subtext0 !important;\n\n --ytcp-call-to-action: @accent !important;\n --ytcp-call-to-action-inverse: @mantle !important;\n --ytcp-call-to-action-raised-background: @accent !important;\n --yt-spec-brand-button-background: @accent !important;\n --ytcp-call-to-action-raised-disabled: @surface2 !important;\n --ytcp-call-to-action-raised-disabled-background: @overlay2 !important;\n --ytcp-call-to-action-raised-background-inverse: @base !important;\n --ytcp-call-to-action-raised-disabled-inverse: @surface2 !important;\n --ytcp-call-to-action-raised-disabled-background-inverse: @overlay2\n !important;\n\n --yt-spec-brand-background-primary: @surface0 !important;\n\n --yt-compact-link-icon-color: @overlay2 !important;\n --ytcp-icon-active: @accent !important;\n --ytcp-icon-inactive: @overlay2 !important;\n --ytcp-icon-disabled: @overlay0 !important;\n --ytcp-icon-active-inverse: @overlay1 !important;\n --ytcp-icon-disabled-inverse: @subtext1 !important;\n\n --ytcp-error-red: @red !important;\n --ytcp-badge-red: @red !important;\n --ytcp-error-red-inverse: @red !important;\n --ytcp-themed-red-inverse: @red !important;\n --ytcp-themed-red: @accent !important;\n --ytcp-themed-blue: @accent !important;\n --ytcp-badge-blue: fade(@accent, 30%);\n --ytcp-badge-blue-solid: @blue !important;\n --ytcp-themed-blue-inverse: @blue !important;\n --ytcp-themed-green: @green !important;\n --ytmus-genre-primary-melon: @green !important;\n --ytcp-themed-green-inverse: @green !important;\n --ytcp-analytics-pine: @green !important;\n --ytcp-analytics-pine-inverse: @green !important;\n --ytcp-analytics-parrot: @green !important;\n --ytcp-themed-yellow: @peach !important;\n --ytmus-genre-primary-gold: @peach !important;\n --ytcp-yellow-inverse: @peach !important;\n --ytcp-badge-yellow: @peach !important;\n --ytcp-analytics-yellow: @peach !important;\n --ytcp-analytics-apricot: @peach !important;\n --ytcp-suggested-action: @teal !important;\n --ytcp-analytics-overview: @teal !important;\n --ytcp-analytics-revenue: @teal !important;\n --ytcp-analytics-default-secondary: @teal !important;\n --ytcp-analytics-royal-blue: @lavender !important;\n --ytcp-analytics-reach: @lavender !important;\n --ytcp-analytics-audience: @lavender !important;\n --ytcp-analytics-engagement: @pink !important;\n --ytcp-analytics-revenue-secondary: @pink !important;\n --ytcp-analytics-bubblegum: @flamingo !important;\n --ytmus-genre-primary-ruby: @flamingo !important;\n --ytmus-genre-primary-salmon: @mauve !important;\n --ytmus-genre-primary-orange: @maroon !important;\n --ytmus-genre-primary-sky: @sky !important;\n --ytmus-genre-primary-sky-inverse: @sky !important;\n\n --yt-spec-badge-chip-background: @surface1 !important;\n --ytcp-focus-inverse: @accent !important;\n --ytcp-focus: @accent !important;\n --ytcp-selected-item: @accent !important;\n --ytcp-hover-item: @overlay2 !important;\n --ytcp-chip-active-focus: @accent !important;\n --ytcp-playhead: @overlay2 !important;\n --ytcp-playhead-inverse: @overlay2 !important;\n }\n\n ytcp-button.destructive.ytls-error-dialog {\n color: @base !important;\n }\n\n yt-formatted-string.ytls-error-dialog,\n tp-yt-iron-icon.ytls-error-dialog {\n color: @text !important;\n }\n }\n}\n\n@-moz-document domain(\"m.youtube.com\") {\n html[darker-dark-theme] {\n #catppuccin(@darkFlavor);\n }\n html {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n background-color: @base !important;\n color: @text !important;\n\n /* Ambient mode */\n #cinematics {\n mix-blend-mode: lighten;\n }\n\n .mobile-topbar-header[data-mode=\"watch\"],\n ytm-mobile-topbar-renderer:not([ambient-topbar]) {\n background: @base;\n }\n\n .mobile-topbar-header[data-mode=\"watch\"] .mobile-topbar-logo,\n .mobile-topbar-header[data-mode=\"watch\"] .mobile-topbar-title,\n .mobile-topbar-header[data-mode=\"watch\"] .mobile-topbar-header-content {\n color: @text;\n }\n\n .yt-spec-bottom-sheet-layout__bottom-sheet-renderer-container,\n .modern-styling {\n background: @surface0;\n }\n\n .yt-spec-bottom-sheet-layout__bottom-sheet-layout-header-wrapper {\n border-bottom-color: @surface0;\n }\n\n .yt-spec-bottom-sheet-layout__bottom-sheet-content {\n color: @text;\n }\n\n /* Comment box */\n .engagement-panel-container {\n background: @mantle;\n }\n\n /* Bottom bar */\n ytm-pivot-bar-renderer {\n background: @mantle;\n color: @text;\n border-top-color: @surface0;\n }\n\n /* Chips */\n .chip-bar {\n background-color: @base;\n }\n\n [chip-style*=\"STYLE_\"] {\n .chip-container {\n color: @text;\n background-color: @surface0;\n }\n\n &.selected .chip-container {\n color: @crust;\n background-color: @accent;\n }\n }\n\n /* Buttons */\n\n .yt-spec-touch-feedback-shape--touch-response {\n .yt-spec-touch-feedback-shape__fill {\n background-color: @text;\n }\n\n .yt-spec-touch-feedback-shape__stroke {\n border-color: @surface1;\n }\n }\n\n .yt-spec-touch-feedback-shape--overlay-touch-response-inverse\n .yt-spec-touch-feedback-shape__fill {\n background-color: @accent;\n }\n .yt-spec-touch-feedback-shape--overlay-touch-response\n .yt-spec-touch-feedback-shape__fill {\n background-color: @text;\n }\n }\n}\n\n/* deno-fmt-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n};\n\n/* deno-fmt-ignore */\n@catppuccin-filters: {\n @latte: { @rosewater: brightness(0) saturate(100%) invert(65%) sepia(18%) saturate(1048%) hue-rotate(323deg) brightness(92%) contrast(86%); @flamingo: brightness(0) saturate(100%) invert(84%) sepia(44%) saturate(4533%) hue-rotate(310deg) brightness(98%) contrast(75%); @pink: brightness(0) saturate(100%) invert(60%) sepia(32%) saturate(775%) hue-rotate(266deg) brightness(93%) contrast(97%); @mauve: brightness(0) saturate(100%) invert(26%) sepia(59%) saturate(3315%) hue-rotate(255deg) brightness(94%) contrast(100%); @red: brightness(0) saturate(100%) invert(16%) sepia(78%) saturate(7275%) hue-rotate(342deg) brightness(84%) contrast(94%); @maroon: brightness(0) saturate(100%) invert(31%) sepia(56%) saturate(2395%) hue-rotate(331deg) brightness(99%) contrast(82%); @peach: brightness(0) saturate(100%) invert(38%) sepia(81%) saturate(1292%) hue-rotate(356deg) brightness(103%) contrast(99%); @yellow: brightness(0) saturate(100%) invert(74%) sepia(47%) saturate(4570%) hue-rotate(354deg) brightness(95%) contrast(83%); @green: brightness(0) saturate(100%) invert(51%) sepia(25%) saturate(4134%) hue-rotate(76deg) brightness(95%) contrast(66%); @teal: brightness(0) saturate(100%) invert(41%) sepia(45%) saturate(1101%) hue-rotate(139deg) brightness(100%) contrast(82%); @sky: brightness(0) saturate(100%) invert(47%) sepia(76%) saturate(2427%) hue-rotate(166deg) brightness(99%) contrast(97%); @sapphire: brightness(0) saturate(100%) invert(52%) sepia(41%) saturate(6982%) hue-rotate(160deg) brightness(102%) contrast(75%); @blue: brightness(0) saturate(100%) invert(30%) sepia(80%) saturate(1850%) hue-rotate(209deg) brightness(94%) contrast(105%); @lavender: brightness(0) saturate(100%) invert(48%) sepia(61%) saturate(538%) hue-rotate(194deg) brightness(102%) contrast(98%); @text: brightness(0) saturate(100%) invert(30%) sepia(10%) saturate(1259%) hue-rotate(196deg) brightness(97%) contrast(91%); @subtext1: brightness(0) saturate(100%) invert(36%) sepia(10%) saturate(890%) hue-rotate(196deg) brightness(98%) contrast(90%); @subtext0: brightness(0) saturate(100%) invert(47%) sepia(6%) saturate(1263%) hue-rotate(195deg) brightness(90%) contrast(81%); @overlay2: brightness(0) saturate(100%) invert(59%) sepia(7%) saturate(825%) hue-rotate(195deg) brightness(83%) contrast(91%); @overlay1: brightness(0) saturate(100%) invert(59%) sepia(14%) saturate(333%) hue-rotate(194deg) brightness(95%) contrast(89%); @overlay0: brightness(0) saturate(100%) invert(85%) sepia(7%) saturate(595%) hue-rotate(191deg) brightness(77%) contrast(81%); @surface2: brightness(0) saturate(100%) invert(86%) sepia(6%) saturate(482%) hue-rotate(189deg) brightness(82%) contrast(88%); @surface1: brightness(0) saturate(100%) invert(85%) sepia(8%) saturate(281%) hue-rotate(187deg) brightness(92%) contrast(88%); @surface0: brightness(0) saturate(100%) invert(96%) sepia(1%) saturate(5123%) hue-rotate(185deg) brightness(93%) contrast(83%); @base: brightness(0) saturate(100%) invert(89%) sepia(5%) saturate(140%) hue-rotate(182deg) brightness(109%) contrast(94%); @mantle: brightness(0) saturate(100%) invert(93%) sepia(19%) saturate(55%) hue-rotate(182deg) brightness(98%) contrast(92%); @crust: brightness(0) saturate(100%) invert(91%) sepia(1%) saturate(4489%) hue-rotate(196deg) brightness(106%) contrast(82%); };\n @frappe: { @rosewater: brightness(0) saturate(100%) invert(90%) sepia(6%) saturate(734%) hue-rotate(321deg) brightness(95%) contrast(99%); @flamingo: brightness(0) saturate(100%) invert(88%) sepia(52%) saturate(817%) hue-rotate(293deg) brightness(113%) contrast(84%); @pink: brightness(0) saturate(100%) invert(76%) sepia(15%) saturate(844%) hue-rotate(280deg) brightness(107%) contrast(91%); @mauve: brightness(0) saturate(100%) invert(71%) sepia(25%) saturate(725%) hue-rotate(225deg) brightness(94%) contrast(91%); @red: brightness(0) saturate(100%) invert(67%) sepia(3%) saturate(7209%) hue-rotate(305deg) brightness(91%) contrast(99%); @maroon: brightness(0) saturate(100%) invert(61%) sepia(14%) saturate(957%) hue-rotate(307deg) brightness(109%) contrast(90%); @peach: brightness(0) saturate(100%) invert(68%) sepia(28%) saturate(662%) hue-rotate(335deg) brightness(96%) contrast(94%); @yellow: brightness(0) saturate(100%) invert(94%) sepia(88%) saturate(684%) hue-rotate(309deg) brightness(105%) contrast(80%); @green: brightness(0) saturate(100%) invert(89%) sepia(23%) saturate(582%) hue-rotate(42deg) brightness(87%) contrast(89%); @teal: brightness(0) saturate(100%) invert(91%) sepia(13%) saturate(986%) hue-rotate(110deg) brightness(85%) contrast(81%); @sky: brightness(0) saturate(100%) invert(75%) sepia(15%) saturate(623%) hue-rotate(141deg) brightness(109%) contrast(81%); @sapphire: brightness(0) saturate(100%) invert(77%) sepia(20%) saturate(730%) hue-rotate(157deg) brightness(97%) contrast(76%); @blue: brightness(0) saturate(100%) invert(68%) sepia(16%) saturate(1070%) hue-rotate(185deg) brightness(96%) contrast(95%); @lavender: brightness(0) saturate(100%) invert(75%) sepia(20%) saturate(626%) hue-rotate(201deg) brightness(101%) contrast(89%); @text: brightness(0) saturate(100%) invert(83%) sepia(12%) saturate(582%) hue-rotate(191deg) brightness(98%) contrast(96%); @subtext1: brightness(0) saturate(100%) invert(80%) sepia(18%) saturate(411%) hue-rotate(190deg) brightness(96%) contrast(84%); @subtext0: brightness(0) saturate(100%) invert(82%) sepia(6%) saturate(1287%) hue-rotate(192deg) brightness(86%) contrast(85%); @overlay2: brightness(0) saturate(100%) invert(65%) sepia(36%) saturate(230%) hue-rotate(190deg) brightness(92%) contrast(82%); @overlay1: brightness(0) saturate(100%) invert(55%) sepia(12%) saturate(638%) hue-rotate(189deg) brightness(98%) contrast(87%); @overlay0: brightness(0) saturate(100%) invert(49%) sepia(13%) saturate(662%) hue-rotate(192deg) brightness(94%) contrast(84%); @surface2: brightness(0) saturate(100%) invert(41%) sepia(20%) saturate(469%) hue-rotate(191deg) brightness(93%) contrast(86%); @surface1: brightness(0) saturate(100%) invert(34%) sepia(14%) saturate(771%) hue-rotate(190deg) brightness(89%) contrast(85%); @surface0: brightness(0) saturate(100%) invert(28%) sepia(7%) saturate(1468%) hue-rotate(193deg) brightness(92%) contrast(95%); @base: brightness(0) saturate(100%) invert(20%) sepia(17%) saturate(747%) hue-rotate(192deg) brightness(96%) contrast(97%); @mantle: brightness(0) saturate(100%) invert(8%) sepia(7%) saturate(7271%) hue-rotate(198deg) brightness(88%) contrast(75%); @crust: brightness(0) saturate(100%) invert(7%) sepia(7%) saturate(7415%) hue-rotate(197deg) brightness(86%) contrast(79%); };\n @macchiato: { @rosewater: brightness(0) saturate(100%) invert(88%) sepia(13%) saturate(322%) hue-rotate(321deg) brightness(102%) contrast(91%); @flamingo: brightness(0) saturate(100%) invert(82%) sepia(3%) saturate(3070%) hue-rotate(314deg) brightness(107%) contrast(88%); @pink: brightness(0) saturate(100%) invert(80%) sepia(23%) saturate(509%) hue-rotate(280deg) brightness(102%) contrast(92%); @mauve: brightness(0) saturate(100%) invert(65%) sepia(18%) saturate(903%) hue-rotate(222deg) brightness(104%) contrast(93%); @red: brightness(0) saturate(100%) invert(61%) sepia(19%) saturate(1541%) hue-rotate(305deg) brightness(110%) contrast(86%); @maroon: brightness(0) saturate(100%) invert(71%) sepia(10%) saturate(1331%) hue-rotate(306deg) brightness(93%) contrast(101%); @peach: brightness(0) saturate(100%) invert(73%) sepia(13%) saturate(1676%) hue-rotate(330deg) brightness(103%) contrast(92%); @yellow: brightness(0) saturate(100%) invert(87%) sepia(89%) saturate(321%) hue-rotate(314deg) brightness(101%) contrast(87%); @green: brightness(0) saturate(100%) invert(93%) sepia(12%) saturate(1128%) hue-rotate(48deg) brightness(92%) contrast(85%); @teal: brightness(0) saturate(100%) invert(92%) sepia(10%) saturate(1176%) hue-rotate(110deg) brightness(87%) contrast(90%); @sky: brightness(0) saturate(100%) invert(78%) sepia(57%) saturate(230%) hue-rotate(142deg) brightness(96%) contrast(84%); @sapphire: brightness(0) saturate(100%) invert(74%) sepia(35%) saturate(438%) hue-rotate(156deg) brightness(92%) contrast(93%); @blue: brightness(0) saturate(100%) invert(67%) sepia(17%) saturate(1007%) hue-rotate(183deg) brightness(99%) contrast(94%); @lavender: brightness(0) saturate(100%) invert(74%) sepia(6%) saturate(2559%) hue-rotate(198deg) brightness(103%) contrast(94%); @text: brightness(0) saturate(100%) invert(81%) sepia(9%) saturate(726%) hue-rotate(192deg) brightness(104%) contrast(92%); @subtext1: brightness(0) saturate(100%) invert(84%) sepia(5%) saturate(1453%) hue-rotate(193deg) brightness(94%) contrast(86%); @subtext0: brightness(0) saturate(100%) invert(75%) sepia(18%) saturate(361%) hue-rotate(190deg) brightness(91%) contrast(86%); @overlay2: brightness(0) saturate(100%) invert(67%) sepia(9%) saturate(814%) hue-rotate(191deg) brightness(92%) contrast(88%); @overlay1: brightness(0) saturate(100%) invert(49%) sepia(38%) saturate(203%) hue-rotate(190deg) brightness(101%) contrast(93%); @overlay0: brightness(0) saturate(100%) invert(46%) sepia(16%) saturate(552%) hue-rotate(193deg) brightness(93%) contrast(84%); @surface2: brightness(0) saturate(100%) invert(34%) sepia(16%) saturate(611%) hue-rotate(192deg) brightness(101%) contrast(87%); @surface1: brightness(0) saturate(100%) invert(30%) sepia(11%) saturate(1085%) hue-rotate(194deg) brightness(92%) contrast(89%); @surface0: brightness(0) saturate(100%) invert(18%) sepia(21%) saturate(880%) hue-rotate(193deg) brightness(97%) contrast(84%); @base: brightness(0) saturate(100%) invert(12%) sepia(42%) saturate(570%) hue-rotate(194deg) brightness(90%) contrast(90%); @mantle: brightness(0) saturate(100%) invert(6%) sepia(6%) saturate(7499%) hue-rotate(200deg) brightness(93%) contrast(85%); @crust: brightness(0) saturate(100%) invert(5%) sepia(8%) saturate(5346%) hue-rotate(202deg) brightness(98%) contrast(88%); };\n @mocha: { @rosewater: brightness(0) saturate(100%) invert(92%) sepia(5%) saturate(704%) hue-rotate(320deg) brightness(99%) contrast(93%); @flamingo: brightness(0) saturate(100%) invert(81%) sepia(5%) saturate(987%) hue-rotate(315deg) brightness(107%) contrast(90%); @pink: brightness(0) saturate(100%) invert(86%) sepia(11%) saturate(1177%) hue-rotate(283deg) brightness(101%) contrast(92%); @mauve: brightness(0) saturate(100%) invert(65%) sepia(58%) saturate(255%) hue-rotate(224deg) brightness(96%) contrast(102%); @red: brightness(0) saturate(100%) invert(61%) sepia(19%) saturate(997%) hue-rotate(294deg) brightness(104%) contrast(91%); @maroon: brightness(0) saturate(100%) invert(66%) sepia(16%) saturate(1301%) hue-rotate(306deg) brightness(116%) contrast(84%); @peach: brightness(0) saturate(100%) invert(68%) sepia(57%) saturate(278%) hue-rotate(338deg) brightness(98%) contrast(101%); @yellow: brightness(0) saturate(100%) invert(90%) sepia(70%) saturate(380%) hue-rotate(313deg) brightness(102%) contrast(95%); @green: brightness(0) saturate(100%) invert(88%) sepia(6%) saturate(2015%) hue-rotate(63deg) brightness(104%) contrast(78%); @teal: brightness(0) saturate(100%) invert(92%) sepia(12%) saturate(991%) hue-rotate(108deg) brightness(93%) contrast(90%); @sky: brightness(0) saturate(100%) invert(84%) sepia(21%) saturate(1302%) hue-rotate(164deg) brightness(106%) contrast(84%); @sapphire: brightness(0) saturate(100%) invert(74%) sepia(20%) saturate(876%) hue-rotate(156deg) brightness(96%) contrast(93%); @blue: brightness(0) saturate(100%) invert(68%) sepia(18%) saturate(951%) hue-rotate(180deg) brightness(98%) contrast(100%); @lavender: brightness(0) saturate(100%) invert(73%) sepia(7%) saturate(1670%) hue-rotate(195deg) brightness(102%) contrast(99%); @text: brightness(0) saturate(100%) invert(86%) sepia(6%) saturate(879%) hue-rotate(190deg) brightness(100%) contrast(93%); @subtext1: brightness(0) saturate(100%) invert(84%) sepia(19%) saturate(381%) hue-rotate(193deg) brightness(91%) contrast(89%); @subtext0: brightness(0) saturate(100%) invert(84%) sepia(9%) saturate(767%) hue-rotate(192deg) brightness(84%) contrast(84%); @overlay2: brightness(0) saturate(100%) invert(63%) sepia(15%) saturate(428%) hue-rotate(191deg) brightness(96%) contrast(84%); @overlay1: brightness(0) saturate(100%) invert(56%) sepia(15%) saturate(455%) hue-rotate(192deg) brightness(90%) contrast(88%); @overlay0: brightness(0) saturate(100%) invert(44%) sepia(6%) saturate(1275%) hue-rotate(194deg) brightness(97%) contrast(88%); @surface2: brightness(0) saturate(100%) invert(34%) sepia(8%) saturate(1015%) hue-rotate(195deg) brightness(99%) contrast(89%); @surface1: brightness(0) saturate(100%) invert(25%) sepia(6%) saturate(1950%) hue-rotate(197deg) brightness(99%) contrast(86%); @surface0: brightness(0) saturate(100%) invert(19%) sepia(5%) saturate(2844%) hue-rotate(199deg) brightness(91%) contrast(93%); @base: brightness(0) saturate(100%) invert(7%) sepia(4%) saturate(7496%) hue-rotate(202deg) brightness(93%) contrast(87%); @mantle: brightness(0) saturate(100%) invert(6%) sepia(4%) saturate(7465%) hue-rotate(202deg) brightness(95%) contrast(90%); @crust: brightness(0) saturate(100%) invert(3%) sepia(13%) saturate(6863%) hue-rotate(220deg) brightness(95%) contrast(91%); };\n};\n",
|
|
"usercssData": {
|
|
"name": "YouTube Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/youtube",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/youtube",
|
|
"version": "2025.01.05",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ayoutube",
|
|
"description": "Soothing pastel theme for YouTube",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": null,
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"darkFlavor": {
|
|
"type": "select",
|
|
"label": "Dark Flavor",
|
|
"name": "darkFlavor",
|
|
"value": "macchiato",
|
|
"default": "mocha",
|
|
"options": [
|
|
{
|
|
"name": "latte",
|
|
"label": "Latte",
|
|
"value": "latte"
|
|
},
|
|
{
|
|
"name": "frappe",
|
|
"label": "Frappé",
|
|
"value": "frappe"
|
|
},
|
|
{
|
|
"name": "macchiato",
|
|
"label": "Macchiato",
|
|
"value": "macchiato"
|
|
},
|
|
{
|
|
"name": "mocha",
|
|
"label": "Mocha",
|
|
"value": "mocha"
|
|
}
|
|
]
|
|
},
|
|
"accentColor": {
|
|
"type": "select",
|
|
"label": "Accent",
|
|
"name": "accentColor",
|
|
"value": "red",
|
|
"default": "mauve",
|
|
"options": [
|
|
{
|
|
"name": "rosewater",
|
|
"label": "Rosewater",
|
|
"value": "rosewater"
|
|
},
|
|
{
|
|
"name": "flamingo",
|
|
"label": "Flamingo",
|
|
"value": "flamingo"
|
|
},
|
|
{
|
|
"name": "pink",
|
|
"label": "Pink",
|
|
"value": "pink"
|
|
},
|
|
{
|
|
"name": "mauve",
|
|
"label": "Mauve",
|
|
"value": "mauve"
|
|
},
|
|
{
|
|
"name": "red",
|
|
"label": "Red",
|
|
"value": "red"
|
|
},
|
|
{
|
|
"name": "maroon",
|
|
"label": "Maroon",
|
|
"value": "maroon"
|
|
},
|
|
{
|
|
"name": "peach",
|
|
"label": "Peach",
|
|
"value": "peach"
|
|
},
|
|
{
|
|
"name": "yellow",
|
|
"label": "Yellow",
|
|
"value": "yellow"
|
|
},
|
|
{
|
|
"name": "green",
|
|
"label": "Green",
|
|
"value": "green"
|
|
},
|
|
{
|
|
"name": "teal",
|
|
"label": "Teal",
|
|
"value": "teal"
|
|
},
|
|
{
|
|
"name": "blue",
|
|
"label": "Blue",
|
|
"value": "blue"
|
|
},
|
|
{
|
|
"name": "sapphire",
|
|
"label": "Sapphire",
|
|
"value": "sapphire"
|
|
},
|
|
{
|
|
"name": "sky",
|
|
"label": "Sky",
|
|
"value": "sky"
|
|
},
|
|
{
|
|
"name": "lavender",
|
|
"label": "Lavender",
|
|
"value": "lavender"
|
|
},
|
|
{
|
|
"name": "subtext0",
|
|
"label": "Gray",
|
|
"value": "subtext0"
|
|
}
|
|
]
|
|
},
|
|
"logo": {
|
|
"type": "checkbox",
|
|
"label": "Enable YouTube logo",
|
|
"name": "logo",
|
|
"value": "1",
|
|
"default": "1",
|
|
"options": null
|
|
},
|
|
"oled": {
|
|
"type": "checkbox",
|
|
"label": "Enable black bars",
|
|
"name": "oled",
|
|
"value": "1",
|
|
"default": "0",
|
|
"options": null
|
|
}
|
|
}
|
|
},
|
|
"author": "Catppuccin",
|
|
"description": "Soothing pastel theme for YouTube",
|
|
"name": "YouTube Catppuccin",
|
|
"updateDate": 1736501261923,
|
|
"_id": "394d935b-9e6c-4e0e-8adf-6ee7777aed72",
|
|
"_rev": 1736501771660,
|
|
"id": 8,
|
|
"originalDigest": "2ce36682f8c9a72e739fd7d294fb7a38012c6471",
|
|
"etag": "W/\"361c4b8104ab99ccf2ec126b73eeb0a197c949eed465b0424acddaf009b4a1db\""
|
|
},
|
|
{
|
|
"enabled": false,
|
|
"updateUrl": "https://cdn.jsdelivr.net/gh/33kk/uso-archive@flomaster/data/usercss/163453.user.css",
|
|
"url": "https://uso.kkx.one/style/163453",
|
|
"installDate": 1698245439316,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"sourceCode": "/* ==UserStyle==\n@name Dark NixOS\n@namespace USO Archive\n@author x75tiger75x\n@description Darkened NixOS Website\n@version 20180819.01.46\n@license NONE\n@preprocessor uso\n==/UserStyle== */\n@-moz-document domain(\"nixos.org\") {\nbody {\n color: #d5d5d5;\n background-color: #1a1a1a;\n}\n.navbar-inner {\n background-image: linear-gradient(to bottom, #2f2f2f, #212121);\n background-repeat: repeat-x;\n border: 1px solid #1d1d1d;\n}\n.navbar .brand {\n color: #b7b7b7;\n text-shadow: 0 1px 0 #141414;\n}\n.navbar .brand > a:hover {\n color: #e1e1e1;\n}\n.navbar .nav > li > a {\n color: #b7b7b7;\n text-shadow: 0 1px 0 #141414;\n}\n.navbar .nav > li > a:hover {\n color: #e1e1e1;\n text-shadow: 0 1px 0 #141414;\n}\ntextarea,\ninput[type=\"text\"],\ninput[type=\"password\"],\ninput[type=\"datetime\"],\ninput[type=\"datetime-local\"],\ninput[type=\"date\"],\ninput[type=\"month\"],\ninput[type=\"time\"],\ninput[type=\"week\"],\ninput[type=\"number\"],\ninput[type=\"email\"],\ninput[type=\"url\"],\ninput[type=\"search\"],\ninput[type=\"tel\"],\ninput[type=\"color\"],\n.uneditable-input {\n background-color: #212121;\n border: 1px solid #333;\n color: white;\n}\nul.nixos-blogs > li:nth-child(2n+1) {\n background-color: rgb(39, 39, 39);\n}\nul.nixos-blogs > li {\n border-top: 1px solid rgb(66, 66, 66);\n}\nul.nixos-commits > li:nth-child(2n+1) {\n background-color: rgb(39, 39, 39);\n}\nul.nixos-commits > li {\n border-top: 1px solid rgb(66, 66, 66);\n}\npre {\n background-color: #111;\n box-shadow: 0.1em 0.1em 0.5em #0c0c0c;\n}\ncode,\npre {\n color: #999;\n}\ntable#search-results tr.odd > td {\n background-color: #292929;\n}\ntable#search-results tr.even:hover > td {\n background-color: #292929;\n}\n.table th,\n.table td {\n border-top: 1px solid #3c3c3c;\n}\n.pager li > a,\n.pager li > span {\n background-color: #2d2d2d;\n border: 1px solid #3c3c3c;\n}\n.pager:hover li > a:hover,\n.pager li > span {\n background-color: #5f5f5f;\n border: 1px solid #3c3c3c;\n}\n.pager .disabled > a,\n.pager .disabled > a:hover,\n.pager .disabled > a:focus,\n.pager .disabled > span {\n background-color: #2d2d2d;\n}\n.alert {\n text-shadow: 0 1px 0 rgba(66, 66, 66, 0.5);\n background-color: #3b382d;\n border: 1px solid #44403b;\n}\n.hljs {\n color: #0051bd;\n}\n.alert-info {\n color: #3a87ad;\n background-color: #1b2930 !important;\n border-color: #273336 !important;\n}\n.table-striped tbody > tr:nth-child(2n+1) > td,\n.table-striped tbody > tr:nth-child(2n+1) > th {\n background-color: #232323;\n}\n.dropdown-menu {\n background-color: #272727;\n}\n.dropdown-menu > li > a {\n color: #909090;\n}\n.dropdown-menu .divider {\n *width: 100%;\n height: 1px;\n margin: 9px 1px;\n *margin: -5px 0 5px;\n overflow: hidden;\n background-color: #606060;\n border-bottom: 1px solid #606060;\n}\n.news-short {\n color: #fcfcfc;\n}\nhr {\n border-top: 1px solid #656565;\n border-bottom: 1px solid #656565;\n}\n\n.hljs {\n\tbackground: #0e0e0e;\n}\n}",
|
|
"usercssData": {
|
|
"name": "Dark NixOS",
|
|
"namespace": "USO Archive",
|
|
"author": "x75tiger75x",
|
|
"description": "Darkened NixOS Website",
|
|
"version": "20180819.01.46",
|
|
"license": "NONE",
|
|
"preprocessor": "uso"
|
|
},
|
|
"author": "x75tiger75x",
|
|
"description": "Darkened NixOS Website",
|
|
"name": "Dark NixOS",
|
|
"originalDigest": "320c15d7c6497b600a750f87d10774e7f42304ff",
|
|
"_id": "1129d226-3ef7-41d3-938e-9757e3408b54",
|
|
"_rev": 1736501771717,
|
|
"installationUrl": "https://uso.kkx.one/style/163453",
|
|
"id": 9,
|
|
"etag": "W/\"c17-+Vy7znL1V6VKjdpQQv+y1Esk5BQ\""
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"installDate": 1715534755792,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"sourceCode": "/* ==UserStyle==\n@name Home Manager Options Search Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/home-manager-options-search\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/home-manager-options-search\n@version 2024.12.31\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/home-manager-options-search/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ahome-manager-options-search\n@description Soothing pastel theme for Home Manager Options Search\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@-moz-document domain(\"home-manager-options.extranix.com\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n color-scheme: if(@flavor = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n body {\n background-color: @base;\n color: @text;\n }\n\n header {\n background-color: @mantle;\n\n nav.shortcuts li a {\n color: @text;\n\n &:hover {\n background-color: @surface0;\n color: @text;\n }\n }\n }\n\n #lastUpdateElement {\n color: @text;\n }\n\n a,\n a:visited {\n color: @accent;\n }\n\n input,\n textarea,\n select {\n background-color: @mantle;\n color: @text;\n caret-color: @text;\n border-color: @surface0;\n }\n\n .progress-bar-striped {\n background-image: linear-gradient(\n 45deg,\n fade(@text, 40%) 25%,\n transparent 25%,\n transparent 50%,\n fade(@text, 40%) 50%,\n fade(@text, 40%) 75%,\n transparent 75%,\n transparent\n );\n background-color: @accent;\n color: @crust;\n }\n\n .form-control:focus {\n border-color: @accent;\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px @accent;\n }\n\n .table-striped > tbody > tr:nth-of-type(2n+1) {\n background-color: @surface0;\n }\n\n table#indexedOptionsTable tr td,\n .table > thead > tr > th {\n border-color: @surface2 !important;\n }\n\n table tr.optrow:focus-visible,\n table tr.optrow:hover {\n background-color: @surface1 !important;\n }\n\n .modal-content {\n background-color: @base;\n\n .modal-header,\n .modal-footer {\n border-color: @surface0 !important;\n }\n\n .close {\n color: @text;\n text-shadow: 0 1px 0 @text;\n }\n\n pre {\n color: @text;\n background-color: @mantle;\n border-color: @surface0;\n }\n }\n\n .btn-default {\n background: @surface0;\n color: @text;\n text-shadow: none;\n box-shadow: none;\n border-color: @surface0;\n\n &:hover,\n &:focus,\n &:active,\n .focus,\n .active {\n background-color: @surface1;\n color: @text;\n border-color: @surface0;\n }\n }\n\n footer {\n background-color: @mantle;\n color: @text;\n border-color: @surface2;\n }\n }\n}\n\n/* deno-fmt-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n};\n",
|
|
"usercssData": {
|
|
"name": "Home Manager Options Search Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/home-manager-options-search",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/home-manager-options-search",
|
|
"version": "2024.12.31",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/home-manager-options-search/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ahome-manager-options-search",
|
|
"description": "Soothing pastel theme for Home Manager Options Search",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": "latte",
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"darkFlavor": {
|
|
"type": "select",
|
|
"label": "Dark Flavor",
|
|
"name": "darkFlavor",
|
|
"value": "macchiato",
|
|
"default": "mocha",
|
|
"options": [
|
|
{
|
|
"name": "latte",
|
|
"label": "Latte",
|
|
"value": "latte"
|
|
},
|
|
{
|
|
"name": "frappe",
|
|
"label": "Frappé",
|
|
"value": "frappe"
|
|
},
|
|
{
|
|
"name": "macchiato",
|
|
"label": "Macchiato",
|
|
"value": "macchiato"
|
|
},
|
|
{
|
|
"name": "mocha",
|
|
"label": "Mocha",
|
|
"value": "mocha"
|
|
}
|
|
]
|
|
},
|
|
"accentColor": {
|
|
"type": "select",
|
|
"label": "Accent",
|
|
"name": "accentColor",
|
|
"value": "teal",
|
|
"default": "mauve",
|
|
"options": [
|
|
{
|
|
"name": "rosewater",
|
|
"label": "Rosewater",
|
|
"value": "rosewater"
|
|
},
|
|
{
|
|
"name": "flamingo",
|
|
"label": "Flamingo",
|
|
"value": "flamingo"
|
|
},
|
|
{
|
|
"name": "pink",
|
|
"label": "Pink",
|
|
"value": "pink"
|
|
},
|
|
{
|
|
"name": "mauve",
|
|
"label": "Mauve",
|
|
"value": "mauve"
|
|
},
|
|
{
|
|
"name": "red",
|
|
"label": "Red",
|
|
"value": "red"
|
|
},
|
|
{
|
|
"name": "maroon",
|
|
"label": "Maroon",
|
|
"value": "maroon"
|
|
},
|
|
{
|
|
"name": "peach",
|
|
"label": "Peach",
|
|
"value": "peach"
|
|
},
|
|
{
|
|
"name": "yellow",
|
|
"label": "Yellow",
|
|
"value": "yellow"
|
|
},
|
|
{
|
|
"name": "green",
|
|
"label": "Green",
|
|
"value": "green"
|
|
},
|
|
{
|
|
"name": "teal",
|
|
"label": "Teal",
|
|
"value": "teal"
|
|
},
|
|
{
|
|
"name": "blue",
|
|
"label": "Blue",
|
|
"value": "blue"
|
|
},
|
|
{
|
|
"name": "sapphire",
|
|
"label": "Sapphire",
|
|
"value": "sapphire"
|
|
},
|
|
{
|
|
"name": "sky",
|
|
"label": "Sky",
|
|
"value": "sky"
|
|
},
|
|
{
|
|
"name": "lavender",
|
|
"label": "Lavender",
|
|
"value": "lavender"
|
|
},
|
|
{
|
|
"name": "subtext0",
|
|
"label": "Gray",
|
|
"value": "subtext0"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"author": "Catppuccin",
|
|
"description": "Soothing pastel theme for Home Manager Options Search",
|
|
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/home-manager-options-search",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/home-manager-options-search/catppuccin.user.less",
|
|
"name": "Home Manager Options Search Catppuccin",
|
|
"preferScheme": "none",
|
|
"originalDigest": "058c1d7ab59bd67b167ea11b387bca67209e6533",
|
|
"_id": "56054689-3988-4fbd-b9eb-15d3cbd763ae",
|
|
"_rev": 1736501771717,
|
|
"id": 10,
|
|
"etag": "W/\"552fed86e3856b8695fc46b0cbae531e8675bc41d1c1263a81f4419a9dee1671\"",
|
|
"updateDate": 1736501263250
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"installDate": 1715535080959,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"sourceCode": "/* ==UserStyle==\n@name DuckDuckGo Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/duckduckgo\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/duckduckgo\n@version 2024.12.31\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/duckduckgo/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aduckduckgo\n@description Soothing pastel theme for DuckDuckGo\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@-moz-document domain(\"duckduckgo.com\") {\n :root:not(.dark-bg, .no-theme) {\n #catppuccin(@lightFlavor);\n }\n\n :root.dark-bg {\n #catppuccin(@darkFlavor);\n }\n\n :root.no-theme {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n color-scheme: if(@flavor = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n --sds-color-text-02: @text !important;\n --sds-color-text-disabled: @overlay0 !important;\n --theme-col-txt-page-separator: @text !important;\n --theme-col-page-separator: @text !important;\n --theme-col-txt-url: @text !important;\n --theme-col-txt-title-visited: @mauve !important;\n --theme-col-txt-snippet: @text !important;\n --theme-col-txt-card-title: @text;\n --theme-col-txt-url-domain: @subtext1 !important;\n --theme-col-txt-title: @blue !important;\n --theme-col-bg-card: @surface0 !important;\n --theme-col-about-link: @blue;\n --theme-col-border-ui: @surface1 !important;\n --theme-col-bg-expandcollapse: @surface0 !important;\n --sds-color-palette-gray-60: @accent !important;\n --sds-color-text-accent-01: @accent !important;\n --theme-col-txt-msg: @text !important;\n --theme-col-txt-url-path: @subtext0 !important;\n --theme-col-border-expandcollapse: @surface1;\n --col-blue-50: @sapphire !important;\n --col-blue-60: @blue !important;\n --theme-col-bg-page: @base !important;\n --sds-color-text-01: @text !important;\n --sds-color-text-on-color: @base !important;\n --theme-spp-high-contrast-text-secondary: @accent !important;\n --theme-spp-high-contrast-card-indicator-color: @surface0 !important;\n --theme-spp-high-contrast-title-span-text: @text !important;\n --theme-spp-high-contrast-bg: @surface0 !important;\n --sds-color-palette-yellow-50: @yellow !important;\n --sds-color-text-04: @subtext1 !important;\n --theme-col-txt-card-body: @text !important;\n --theme-col-txt-qna-details: @subtext0 !important;\n --theme-col-txt-card: @text !important;\n --sds-color-text-03: @subtext0 !important;\n --col-slate-light: @subtext0;\n --col-silver-dark: @overlay1;\n --theme-col-txt-button-secondary: @accent !important;\n --theme-bg-legacy-home: @base !important;\n --theme-bg-cta-cards: @surface0 !important;\n --theme-button-primary-bg: @blue !important;\n --theme-button-primary-bg--hover: @blue !important;\n --theme-button-primary-bg--active: @blue !important;\n --theme-button-primary-text: @crust !important;\n --theme-badge-fg--green: @crust !important;\n --theme-browser-comparison-table-check-bg: @green !important;\n --theme-browser-comparison-table-cross-bg: @red !important;\n --theme-searchbox-bg: @surface0 !important;\n --theme-searchbox-bg--hover: @surface0 !important;\n --theme-searchbox-bg--active: @surface0 !important;\n --theme-searchbox-bg--focused: @surface0 !important;\n --theme-border-color-legacy-home-searchbox: @surface2 !important;\n --theme-button-link-text: @blue !important;\n --theme-browser-comparison-table-badge-text: @text !important;\n --theme-badge-bg--green: @green !important;\n --theme-badge-bg--yellow: @yellow !important;\n --theme-atb-button-bg: @blue;\n --theme-atb-button-bg--hover: @blue;\n --theme-atb-button-bg--active: @blue;\n --col-silver-light: @surface1 !important;\n --theme-col-card-inner-border: @surface2 !important;\n --sds-color-text-link-02: @text !important;\n --sds-color-text-link-02--hover: @subtext1 !important;\n --theme-text-legacy-home: @text !important;\n --theme-browser-comparison-table-row-bg: @surface0 !important;\n --theme-browser-comparison-table-row-alt-bg: @surface1 !important;\n --theme-bg-home-bottom: @base !important;\n --theme-atb-card-back-bg: @surface0 !important;\n --theme-atb-card-front-bg: @surface1 !important;\n --theme-text-bg: @text !important;\n .featureCards_root__brAX3 {\n --feature-card-background-color: @surface0 !important;\n }\n --theme-accordion-background--expanded: @surface0 !important;\n --theme-accordion-background: @surface1 !important;\n --theme-footer-link-text: @blue !important;\n --theme-sidemenu-bg: @surface0 !important;\n --theme-col-txt-button-tertiary: @text !important;\n --theme-bg-legacy-home-searchbox: @surface0 !important;\n --theme-bg-info-snippet: @surface2 !important;\n --theme-button-tertiary-txt: @text !important;\n --theme-browser-comparison-table-icon-bg: @mantle !important;\n --theme-col-bg-ui: @mantle !important;\n --theme-col-bg-header: @mantle !important;\n --theme-col-bg-header-modal: @surface0 !important;\n --theme-col-bg-button-primary: @blue !important;\n --sds-color-background-dark: @crust !important;\n /* ai chat */\n --sds-color-text-link-02-hover: @text !important;\n --theme-dc-color-background-dark: @base !important;\n --theme-dc-color-gpt-main: @mauve !important;\n --theme-dc-color-gpt-bg: @mauve !important;\n --theme-dc-color-claude-main: @green !important;\n --theme-dc-color-claude-bg: @green !important;\n --sds-color-background-destructive: @red !important;\n --sds-color-text-on-dark-01: @text !important;\n --theme-dc-color-fire-button: fade(@red, 40%) !important;\n --sds-color-background-destructive-state-01: @red !important;\n --sds-color-background-destructive-state-02: @red !important;\n --sds-color-text-destructive: @red !important;\n --sds-color-text-success: @green !important;\n --sds-color-text-link-01: @blue !important;\n --sds-color-background-container-01: @surface0 !important;\n --sds-color-border-accent-01: @accent !important;\n --theme-dc-color-container-message: @surface0 !important;\n --sds-color-palette-gray-85: @surface1 !important;\n --sds-color-palette-white: @crust !important;\n --sds-color-background-accent-01: @accent !important;\n --theme-col-txt-card-body-light: @text !important;\n --theme-col-bg-page-alt-2: @surface0 !important;\n --theme-col-bg-ui-active: @surface1 !important;\n --theme-dc-color-llama-main: @pink !important;\n --theme-dc-color-mixtral-main: @peach !important;\n --theme-dc-color-anchor-sleep: @subtext0 !important;\n /* maps */\n --sds-color-background-01: @base !important;\n --sds-color-background-02: @mantle !important;\n --sds-color-palette-red-40: @red !important;\n --sds-color-border-01: @surface0 !important;\n --col-blue-30: @blue !important;\n --sds-color-palette-green-60: @green !important;\n --sds-color-background-utility: @surface0 !important;\n\n .address-detail {\n background-color: @mantle;\n color: @text;\n border-color: @surface0;\n }\n\n .footer,\n .footer--mobile,\n .modal--dropdown--settings,\n .settings-dropdown--section,\n .frm__field,\n .frm__switch,\n .tileview .metabar--fixed,\n body,\n .zci,\n html,\n .body--home,\n html.displayable-atb-banner .body--home,\n .site-wrapper,\n .region__body,\n .badge-link,\n .module--carousel__image-wrapper,\n .result__image,\n .vertical--map__sidebar,\n .vertical--map__sidebar__header,\n .page-chrome_newtab,\n .js-carousel-module-more,\n .zci--type--tiles:not(.is-fallback).is-full-page.is-expanded,\n .zci--type--tiles:not(.is-fallback).is-full-page.is-expanded\n .metabar:not(.is-stuck) {\n background-color: @base !important;\n }\n /* .dropdown--settings--icon .dropdown__button:after needs visibility: hidden, otherwise we get a case of clashing icons */\n .dropdown__button::after {\n visibility: hidden;\n }\n\n /* privacy reminders */\n .wXKLp5dS9jGvo097pfaG,\n .privacy-reminder__text {\n color: @green !important;\n }\n .IuA6a2PUTR9Lck6m0WlP,\n .privacy-reminder__icon-circle {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.572-1.562a.675.675 0 1 0-1.006-.9L7.123 9.224 5.597 7.36a.675.675 0 0 0-1.044.855l2.025 2.475a.675.675 0 0 0 1.025.023z\" fill=\"@{green}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n .XxDCpwElzOhQaLmCxJ8z,\n .privacy-reminder__icon-shield {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"17\" viewBox=\"0 0 16 17\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.452.99a3 3 0 0 1 .655-.482c.242-.13.563-.259.894-.258.329 0 .65.128.891.258.251.135.488.311.659.485.683.696 1.162.933 1.836 1.142.645.2 1.409.242 2.45.11a2.03 2.03 0 0 1 1.471.378c.42.315.686.794.69 1.324.034 3.86-.53 6.343-1.723 8.126-1.26 1.886-3.14 2.838-5.113 3.838l-.238.12a2.06 2.06 0 0 1-1.848 0l-.176-.089-.062-.031c-1.973-1-3.852-1.952-5.113-3.838C.532 10.29-.032 7.807 0 3.947c.005-.53.271-1.008.69-1.323.416-.313.95-.445 1.469-.38 1.049.133 1.816.082 2.46-.124.677-.216 1.159-.452 1.832-1.13m5.03 5.419a.686.686 0 0 0-1.021-.915L7.108 9.24 5.56 7.346a.686.686 0 0 0-1.061.868l2.057 2.515a.686.686 0 0 0 1.042.023z\" fill=\"@{green}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n .privacy-reminder__icon-check {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.375 5.484a.675.675 0 0 1 .053.954l-3.825 4.275a.675.675 0 0 1-1.025-.023L4.553 8.215a.675.675 0 1 1 1.044-.855l1.526 1.865 3.299-3.688a.675.675 0 0 1 .953-.053\" fill=\"@{crust}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n .privacy-reminder__modal-hide,\n .privacy-reminder__modal-link {\n color: @text !important;\n }\n\n /* stopwatch */\n .zci--stopwatch .time {\n color: @text !important;\n }\n .label {\n color: @text;\n background-color: @crust;\n }\n .stopwatch__btn.start {\n border-color: @green !important;\n background-color: @green;\n color: @mantle !important;\n }\n .stopwatch__btn[disabled] {\n color: @text !important;\n background-color: @surface0 !important;\n border-color: @surface0;\n }\n .stopwatch__btn.stop {\n color: @mantle;\n background-color: @red !important;\n border-color: @red !important;\n }\n .stopwatch__btn {\n background-color: @surface2;\n border-color: @surface2;\n color: @text;\n }\n .zci--stopwatch td {\n color: @text;\n }\n\n /* html chars */\n .record__body,\n .chomp--link__mr,\n .tx-clr--lt2 {\n color: @text;\n }\n .c-list__item {\n border-color: @mantle;\n }\n .chomp--link__icn::before {\n color: @text;\n }\n\n /* cal */\n .calendar .t_right,\n .calendar .t_left {\n background-color: @surface2;\n }\n .calendar__header {\n color: @text;\n }\n table.calendar tr {\n color: @text;\n }\n .calendar__today {\n color: @mantle;\n background-color: @accent;\n }\n\n .zci.is-active {\n border-color: @surface0;\n }\n\n .module__toggle--more::after {\n background: linear-gradient(transparent, @surface0);\n }\n\n /* button on hover */\n .btn:hover:not(.is-disabled) {\n background-color: @mantle;\n color: @blue;\n border-color: @mantle;\n }\n\n /* stocks infobox */\n .stocks-module__currentPrice,\n .stocks-module__exchange,\n .stocks-module__currency,\n .stocks-module__stats {\n color: @text;\n }\n .stocks-module__timePeriod {\n background-color: @surface2;\n color: @text;\n }\n .stocks-module__latestUpdate,\n .ia-module--stocks a.stocks-module__attribution,\n .stocks-module__footer {\n color: @subtext1;\n }\n .stocks-module__timePeriod.selected {\n color: @mantle;\n background-color: @accent;\n }\n .ia-module--stocks.increase .color-coded {\n color: @green !important;\n }\n .stocks-module__hover-label {\n &[style*=\"color: rgb(222, 88, 51);\"] {\n color: @red !important;\n }\n &[style*=\"color: rgb(91, 158, 77);\"] {\n color: @green !important;\n }\n }\n .ia-module--stocks.increase .color-coded path {\n stroke: @green;\n fill: @green;\n }\n .ia-module--stocks\n .stocks-module__chart-area-row\n .stocks-module__chart\n svg {\n [stroke=\"#de5833\"] {\n stroke: @red !important;\n }\n [fill=\"#de5833\"] {\n fill: @red !important;\n }\n [stroke=\"#5b9e4d\"] {\n stroke: @green !important;\n [fill=\"#5b9e4d\"] {\n fill: @green !important;\n }\n }\n }\n .ia-module--stocks.decrease .color-coded {\n color: @red;\n }\n .ia-module--stocks.decrease .color-coded path {\n stroke: @red;\n fill: @red;\n }\n .ia-module--stocks\n .stocks-module__stats-wrapper\n .stocks-module__stats\n .stocks-module__stat-col\n .stocks-module__stat {\n border-bottom-color: @overlay0;\n }\n .stocks-module__chart .horizontal-line,\n .stocks-module__chart .vertical-line,\n .stocks-module__chart .prev-close-line {\n stroke: @surface2;\n }\n\n /* color box */\n .tx-clr--lt {\n color: @text;\n }\n .tx-clr--dk2 {\n color: @subtext0;\n }\n\n /* ai chat >:( */\n .feedback-external__link {\n color: @blue;\n }\n .feedback-duckchat-modal__disclaimer {\n color: @text;\n }\n .feedback-modal__radio {\n color: @text;\n }\n .modal__close {\n color: @text;\n }\n /* lyrics box */\n .js-lyrics-module {\n color: @subtext1 !important;\n }\n .module--lyrics__subtitle-box {\n border-color: @surface2;\n }\n .module__inner-toggle--chevron {\n color: @accent !important;\n background-color: @surface1 !important;\n border-color: @surface2;\n }\n .module__inner-toggle::before,\n .module__inner-toggle::after {\n background-color: @surface2 !important;\n }\n .module--lyrics:not(.is-expanded)\n .module--lyrics__footer.can-expand::after {\n background: linear-gradient(transparent, @surface0);\n }\n .module--lyrics__explicit-tag {\n border-color: @subtext1;\n color: @subtext0;\n }\n\n // translation boxes\n .module--translations .dropdown--translation-select,\n .module--translations-translatedtext {\n background: @surface0 !important;\n border-color: @surface0;\n }\n .module--translations .module--translations-translatedtext.is-placeholder {\n color: @subtext0;\n }\n .module--translations-swap-svg {\n fill: @text !important;\n }\n .module--translations-original textarea,\n .module--translations-translatedtext,\n .module--translations-footer a {\n color: @text;\n }\n .module--translations-clear,\n .module--translations-copy {\n color: @subtext0 !important;\n }\n .modal__list__filter input {\n background: @mantle;\n }\n\n //coding info box\n .module:not(\n .module--carousel,\n .module--placeholder,\n .module--images,\n .module--translations,\n .module__chromeless\n ) {\n background: @surface0 !important;\n border-color: @surface1 !important;\n }\n .module__toggle,\n .tile__expand {\n background-color: @surface0 !important;\n border-color: @surface1 !important;\n }\n\n .module__title__link,\n .module__text,\n .pln,\n .pun,\n code,\n .module__more-at-bottom {\n color: @text !important;\n }\n code {\n background-color: @mantle !important;\n }\n .lit {\n color: @peach !important;\n }\n .com {\n color: @subtext1 !important;\n }\n .str {\n color: @green !important;\n }\n .atv {\n color: @teal !important;\n }\n .module__title__sub {\n color: @subtext0;\n }\n .prettyprint {\n background-color: @mantle;\n }\n .is-link-style-exp .btn--primary:not(.is-disabled) {\n background-color: @blue !important;\n border-color: @blue !important;\n color: @mantle !important;\n }\n\n .featureCards_dark__5Xbsn {\n background: linear-gradient(180deg, @yellow, @blue);\n }\n\n .modal__box.modal__box--feedback.modal__box--headed .modal__box__header {\n background-color: @surface0 !important;\n }\n\n // defentions info box\n .module--definitions__pronunciation {\n color: @subtext0 !important;\n }\n\n .module--definitions__group ol li::before {\n color: @accent !important;\n }\n\n .module--definitions__usage {\n color: @subtext0 !important;\n }\n .module__title,\n .module--definitions__definition {\n color: @text !important;\n }\n\n .play-btn__icn_hollow {\n fill: @accent !important;\n }\n .module__toggle {\n color: @accent !important;\n }\n\n // weather info box\n .forecast-wrapper .module__weather-warning--red,\n .module__weather-warning--red:hover,\n .module__weather-warning--red:focus,\n .module__weather-warning--red:visited {\n color: @red !important;\n }\n .module__weather-warning {\n color: @yellow !important;\n }\n .text--primary,\n .tx-clr--dk,\n .tx-clr--slate,\n .module__temperature-unit:not(.module__temperature-unit--on),\n .module__items-day {\n color: @subtext0 !important;\n }\n .module__temperature-unit,\n .module__temperature-unit:hover {\n color: @accent !important;\n }\n .module__detail__precip-label,\n .module__items-precip-label,\n .ia-module--module--definitions__reference,\n .js-definitions-internal {\n color: @blue !important;\n }\n .module__detail__hour-label,\n .module__current,\n .module__detail__temp-label,\n .module__items-unit--on {\n color: @text !important;\n }\n .module__items-item {\n background: @surface0 !important;\n border-color: @surface2 !important;\n }\n .module__weatherkit-logo {\n fill: @accent;\n }\n .module__warnings,\n .module__temperature-unit--on {\n border-color: @surface2 !important;\n }\n //raindrop icon\n .module__detail__precip-label__icon,\n .module__items-precip-label__icon {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M8.339 4.317 5.487 0 2.65 4.307a3.67 3.67 0 0 0 .533 4.784 3.434 3.434 0 0 0 4.645.01 3.66 3.66 0 0 0 .513-4.78z\" fill=\"@{blue}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n //rain icon\n .module__items-icon-precip {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\"><path d=\"M12.35 22.064a1 1 0 0 1 .586 1.287l-3 8a1 1 0 0 1-1.873-.702l3-8a1 1 0 0 1 1.288-.585m3.999 0a1 1 0 0 1 .586 1.287l-3 8a1 1 0 1 1-1.873-.702l3-8a1 1 0 0 1 1.288-.585m4.585 1.287a1 1 0 0 0-1.872-.702l-3 8a1 1 0 1 0 1.872.702zm3.414-1.287a1 1 0 0 1 .586 1.287l-3 8a1 1 0 1 1-1.872-.702l3-8a1 1 0 0 1 1.287-.585m4.585 1.287a1 1 0 0 0-1.872-.702l-3 8a1 1 0 1 0 1.872.702z\" fill=\"@{blue}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.256 14.313a6.5 6.5 0 0 1 12.486-3.633A4 4 0 0 1 28.874 14H29a5 5 0 0 1 0 10H11a5 5 0 0 1-1.744-9.687\" fill=\"@{text}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n width: 32px;\n height: 32px;\n margin-top: 5px;\n margin-bottom: -5px;\n max-width: 100%;\n }\n\n //calculator\n .tile__ctrl__btn,\n .tile__history,\n .tile__past-calc {\n background: @surface0 !important;\n border-color: @surface2 !important;\n color: @text !important;\n }\n .attribution--link__icon {\n color: @text;\n }\n .tile__ctrl__toggle-slider {\n background: @surface1 !important;\n }\n .tile__ctrl__toggle-slider::before {\n background-color: @mantle !important;\n }\n .tile__tab__sci .tile__ctrl__btn,\n .tile__ctrl__toggle {\n background-color: @surface2 !important;\n color: @text !important;\n border-color: @overlay0 !important;\n }\n .tile__display__main,\n .tile__past-result {\n color: @text !important;\n }\n .tile__display__main {\n background-color: @base !important;\n }\n .tile__display {\n box-shadow:\n inset -1px -1px 0 @overlay0,\n inset 1px 1px 0 @overlay0 !important;\n background-color: @base !important;\n border-color: @surface2 !important;\n color: @text !important;\n }\n .tile__display.selected {\n box-shadow: inset -1px -1px 0 @blue, inset 1px 1px 0 @blue !important;\n }\n .tile__ctrl--important {\n background-color: @yellow !important;\n color: @mantle !important;\n }\n .tile__display__aside,\n .tile__past-formula,\n .tile__option {\n color: @subtext0 !important;\n }\n .tile__option--active {\n color: @accent !important;\n }\n\n .bg-delayed-color {\n background-color: @red;\n }\n\n #error_homepage {\n background-color: @rosewater !important;\n color: @red !important;\n }\n\n .search--adv {\n background-color: @surface0 !important;\n border-color: @surface0 !important;\n }\n\n .open-in-app__deep-link {\n color: @mantle;\n }\n\n .modal__header__clear,\n .sep--before,\n .js-region-filter-clear,\n .result__a,\n .module--carousel__body__title,\n .js-carousel-module-more,\n .js-no-results-web,\n .bing .tile__title--pr a,\n .sidebar-filter__show-more,\n .module__footer,\n .js-settings-dropdown-reset-appearance,\n .modal--dropdown--settings .settings-dropdown--button,\n .settings-page-wrapper a:not(.btn, .set-tab),\n .module__link--blue,\n .place-list-item__cta-item__text {\n color: @blue !important;\n }\n\n .tile__title a:visited {\n color: @mauve;\n }\n\n .place-detail__status--off {\n color: @red;\n }\n\n .place-detail__status--on {\n color: @green;\n }\n\n .result__a:visited {\n color: @mauve !important;\n }\n .bg-clr--green {\n background-color: @green;\n }\n .tile__status,\n .osGBsMSM4O7_HVv5OcxQ,\n .C68Y1fiPXCZijXmzVAbe {\n color: @mantle !important;\n }\n\n .modal__header,\n .modal__footer,\n .modal__box,\n .tile,\n .related-searches__item,\n .bg-clr--white,\n .tile__media__free-shipping-label,\n .sidebar-filter__options,\n .sidebar-filter__option.is-size,\n .module__footer,\n .frm__select,\n .set-bookmarklet,\n .set-reset,\n .search__autocomplete,\n .frm__input,\n .frm__color__swatch {\n border-color: @surface0 !important;\n background-color: @crust !important;\n }\n\n .sep--before::before,\n .sep {\n border-left-color: @surface2;\n }\n\n .header-wrap {\n box-shadow: none !important;\n }\n\n .header-wrap,\n .module--carousel__left,\n .module--carousel__right,\n .detail,\n .btn {\n background-color: @mantle;\n }\n\n .set-header--fixed .tileview--grid .metabar--fixed,\n .tileview--grid .metabar--fixed.is-stuck {\n background-color: @surface0;\n border-top-color: @surface0;\n }\n\n .modal--dropdown--region.modal--popout .frm__input,\n .js-region-filter-list,\n .tile__body,\n .bg-clr--white,\n .acp-wrap,\n .tile__media__free-shipping-label,\n .tile__media--pr,\n .modal__box,\n .nav-menu__list,\n .set-tab.is-active,\n .frm__select select,\n .cloudsave,\n .feedback-btn__send,\n .set-bookmarklet__input,\n .howItWorksSection_downloadsCard__U3Ph9,\n .metabar__grid-btn,\n .feedback-btn__icon-wrap .set-bookmarklet__input .btn,\n .btn.btn--secondary,\n .btn.is-disabled,\n input,\n textarea,\n .frm__input,\n .frm__text,\n .detail--xd .c-detail__btn,\n .set-bookmarklet,\n .set-reset,\n .zci--json_validator textarea,\n .colorpicker,\n .feedback-modal__submit.is-disabled,\n .feedback-modal__submit.is-disabled:active,\n .feedback-modal__submit.is-disabled:focus,\n .module__section,\n .module--carousel__item,\n .is-related-search-exp.dark-bg,\n .related-searches__item,\n .detail--xd .tile-nav--sm,\n .set-bookmarklet__detail,\n .set-reset__detail,\n .module__footer,\n .js-definitions-internal {\n background-color: @surface0 !important;\n }\n .module--carousel__item {\n border-color: @surface1 !important;\n }\n\n .modal__header,\n .module__section,\n .module__section:first-child.place-detail__section--tab,\n .module__clickable-header {\n border-color: @surface1 !important;\n }\n\n .btn.is-disabled:hover,\n .frm__switch__label:hover,\n .feedback-modal__submit.is-disabled:hover,\n .btn.btn--skeleton:hover,\n .module__footer-carousel__label:hover {\n background-color: @surface2 !important;\n border-color: @surface2 !important;\n }\n .is-checked .frm__switch__label.btn {\n background-color: @accent !important;\n color: @mantle !important;\n }\n .js-set-exit {\n background-color: @accent !important;\n border-color: @accent !important;\n color: @base !important;\n }\n .js-set-exit:hover {\n background-color: fade(@accent, 80%) !important;\n border-color: fade(@accent, 80%) !important;\n color: @base !important;\n }\n .set-bookmarklet__data {\n background-color: @surface2;\n color: @text;\n }\n\n .modal__list__link.is-highlighted,\n .modal__list li:hover {\n background-color: @overlay1;\n }\n\n .metabar__dropdowns-wrap::before {\n background-image: linear-gradient(90deg, @base, transparent);\n }\n\n .metabar__dropdowns-wrap::after {\n background-image: linear-gradient(90deg, transparent, @base);\n }\n\n .nav-menu__item__badge {\n background-color: @yellow;\n color: @mantle;\n }\n\n .settings-dropdown--section,\n .set-head,\n .frm__hr {\n border-bottom-color: @surface2;\n }\n\n .zcm--right-fade::before {\n background: linear-gradient(90deg, transparent, @mantle);\n }\n .search-filters-wrap::before {\n background: linear-gradient(90deg, @base, transparent);\n }\n\n .search-filters-wrap::after {\n background: linear-gradient(90deg, transparent, @base);\n }\n\n .footer,\n .footer--mobile {\n border-top-color: @surface0;\n }\n\n .is-vertical-tabs-exp,\n #duckbar,\n .zcm__link:not(.dropdown__button).is-active,\n .set-main-footer {\n border-color: @accent !important;\n }\n\n #more-results {\n background-color: @surface0 !important;\n }\n\n input,\n select,\n h1,\n h2,\n h4,\n h5,\n h6,\n ul,\n ol,\n blockquote,\n p,\n body,\n .module--carousel__footer,\n .set-tab.is-active,\n .zcm__link,\n .feedback-prompt__link,\n .feedback-btn__send,\n .tile--img__sub,\n .result__snippet,\n .result__snippet b,\n .modal__list__link,\n .acp,\n .header_headerButton__cLYU3,\n .is-vertical-tabs-exp,\n .module.module--images,\n .module__header.module__header--link,\n .text--title,\n .text--airline-flight,\n .timing,\n .flight-details__values,\n .airlines-footer,\n .tx-clr--slate,\n .nav-menu__heading,\n .zci,\n .metabar__grid-btn,\n .module--carousel__left,\n .module--carousel__right,\n .c-detail__title__sub,\n .c-detail__desc,\n .c-detail__filemeta,\n .c-detail__more,\n .frm__label,\n .js-cloudsave-new-suggestion,\n .zci__body,\n .zci__body a,\n .c-base__title {\n color: @text !important;\n }\n\n .zci--airlines .text--title svg path {\n fill: @text;\n }\n\n .star {\n color: @overlay2;\n }\n\n .set-tab,\n .set-tab:visited,\n .tile-nav.can-scroll {\n background-color: @mantle;\n color: @overlay1;\n }\n\n .js-cloudsave-save-btn,\n .js-cloudsave-load-btn {\n background-color: @surface2;\n border-color: @overlay0;\n color: @text;\n }\n\n .video-source,\n .tile__count,\n .result__url,\n .tile__time,\n .feedback-prompt,\n .footer__text,\n .vertical--news .result__url,\n .result__timestamp,\n .js-metabar-secondary,\n .sidebar-filters,\n .tile--pr__original-price,\n .nav-menu__item a,\n .nav-menu__close,\n .frm__desc,\n .dropdown__button,\n .tx-clr--slate-light,\n .flight-details__labels,\n .scheduled-time,\n .source-link,\n .tile__source,\n .zci__more-at,\n .cloudsave__close,\n .module--definitions__attribution-text,\n .module__attribution,\n .module__attribution-link {\n color: @subtext0 !important;\n }\n\n .dropdown--region.has-inactive-region .dropdown__button::after,\n .modal--dropdown--region.modal--popout .modal__header::before,\n .js-carousel-module-title,\n .tile--pr__brand,\n .frm__select,\n .star::after,\n .feedback-btn__icon,\n .detail--xd .tile-nav--sm,\n .detail__close,\n .module--definitions__collapsed-group ol li::before {\n color: @accent !important;\n }\n\n .search__button:hover,\n .search--header.has-text.search--hover .search__button {\n background-color: @accent !important;\n color: @base !important;\n }\n\n .settings-page-wrapper.is-checked {\n border-color: @blue;\n background-color: @sapphire !important;\n color: @mantle !important;\n }\n .modal--dropdown--settings\n .settings-dropdown--section\n .settings-dropdown--header {\n .settings-dropdown--header--link,\n .settings-dropdown--header--label {\n color: @text !important;\n }\n }\n .ddgsi-check::before {\n color: @mantle !important;\n }\n .set-bookmarklet__title,\n .set-reset__title {\n color: @text !important;\n }\n .frm__select::after {\n color: @accent !important;\n }\n\n .switch,\n .frm__switch__label {\n background-color: @crust !important;\n }\n\n .frm__switch__label::after {\n background: @overlay2 !important;\n }\n\n .is-checked .frm__switch__label::after {\n background: @base !important;\n }\n\n .switch__knob {\n background: @overlay2 !important;\n }\n\n .is-on .switch__knob {\n background: @base !important;\n }\n\n .switch.is-on {\n background-color: @accent !important;\n }\n\n .dropdown__switch.is-on::before {\n color: @base !important;\n }\n\n .search--header {\n background-color: @surface0;\n border-color: @surface0;\n }\n\n .acp--highlight,\n .bg-clr--platinum-light {\n background-color: @overlay0;\n }\n\n .review__rating-stars,\n .place-list-item__rating__image {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" height=\"12\" viewBox=\"0 0 64 12\" width=\"64\"><path d=\"M12 6A6 6 0 1 1 0 6a6 6 0 0 1 12 0m13 0a6 6 0 1 1-12 0 6 6 0 0 1 12 0m7 6a6 6 0 1 0 0-12 6 6 0 0 0 0 12m13 0a6 6 0 1 0 0-12 6 6 0 0 0 0 12m4.5-6a4.5 4.5 0 0 1-4.5 4.5v-9A4.5 4.5 0 0 1 49.5 6m8.5 6a6 6 0 1 0 0-12 6 6 0 0 0 0 12m0-1.5a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9\" clip-rule=\"evenodd\" fill=\"@{green}\" fill-rule=\"evenodd\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n } //ddg icon\n .header__logo,\n .js-logo-ddg {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 120 120\"><g clip-path=\"url(#logo_header_v109_svg__a)\"><path fill=\"@{peach}\" fill-rule=\"evenodd\" d=\"M60.186 120.373c33.24 0 60.187-26.947 60.187-60.187S93.426 0 60.186 0 0 26.946 0 60.186s26.946 60.187 60.186 60.187\" clip-rule=\"evenodd\"/><path fill=\"#DDD\" fill-rule=\"evenodd\" d=\"M68.65 105.091c0-.47.115-.578-1.38-3.557-3.972-7.954-7.964-19.17-6.148-26.402.33-1.314-3.742-48.66-6.62-50.185-3.2-1.705-7.138-4.41-10.739-5.012-1.827-.292-4.223-.154-6.096.098-.332.045-.346.643-.028.751 1.23.417 2.722 1.14 3.602 2.233.167.207-.057.533-.322.543-.83.03-2.334.378-4.32 2.064-.229.195-.038.557.257.499 4.267-.844 8.623-.428 11.191 1.906.167.151.08.423-.137.482-22.283 6.055-17.872 25.438-11.94 49.224 5.284 21.188 7.272 28.017 7.899 30.097a.67.67 0 0 0 .398.439c7.67 3.055 24.383 3.19 24.383-2.005z\" clip-rule=\"evenodd\"/><path fill=\"#fff\" d=\"M71.706 109.558c-2.703 1.058-7.993 1.528-11.05 1.528-4.48 0-10.932-.705-13.283-1.763-1.452-4.469-5.797-18.32-10.088-35.91l-.42-1.718-.004-.014c-5.101-20.836-9.267-37.854 13.568-43.2.208-.05.31-.3.172-.463-2.62-3.108-7.528-4.127-13.734-1.986-.255.088-.476-.169-.318-.387 1.217-1.677 3.596-2.967 4.77-3.532.242-.117.228-.473-.03-.553a26 26 0 0 0-3.546-.846c-.348-.056-.38-.652-.03-.7 8.798-1.183 17.986 1.459 22.596 7.266a.3.3 0 0 0 .175.108c16.883 3.625 18.092 30.314 16.147 31.53-.384.239-1.612.102-3.233-.08-6.57-.735-19.578-2.19-8.842 17.818.106.198-.034.46-.256.494-6.054.941 1.704 19.912 7.406 32.408\"/><path fill=\"#3CA82B\" d=\"M79.258 85.293c-1.285-.595-6.227 2.949-9.507 5.67-.686-.97-1.978-1.675-4.894-1.168-2.551.443-3.96 1.058-4.589 2.12-4.027-1.528-10.803-3.884-12.44-1.608-1.79 2.487.447 14.257 2.824 15.785 1.24.798 7.175-3.017 10.275-5.648.5.705 1.305 1.108 2.96 1.069 2.503-.058 6.563-.64 7.193-1.806a1.3 1.3 0 0 0 .099-.25c3.186 1.191 8.792 2.451 10.045 2.263 3.264-.49-.455-15.726-1.966-16.427\"/><path fill=\"@{green}\" d=\"M70.051 91.31c.135.242.244.496.337.754.454 1.27 1.194 5.31.634 6.309-.56.998-4.194 1.48-6.436 1.519s-2.746-.782-3.2-2.052c-.364-1.016-.542-3.405-.538-4.773-.092-2.028.65-2.742 4.076-3.296 2.535-.41 3.876.067 4.65.883 3.6-2.686 9.606-6.478 10.192-5.785 2.92 3.455 3.29 11.68 2.657 14.99-.207 1.082-9.879-1.072-9.879-2.239 0-4.844-1.257-6.174-2.493-6.31m-21.187-1.512c.792-1.254 7.216.305 10.743 1.874 0 0-.725 3.284.429 7.151.337 1.132-8.113 6.167-9.216 5.301-1.275-1.001-3.621-11.691-1.956-14.326\"/><path fill=\"@{yellow}\" fill-rule=\"evenodd\" d=\"M51.975 64.33c.52-2.26 2.941-6.519 11.587-6.415 4.371-.018 9.801-.002 13.4-.411a48.2 48.2 0 0 0 11.969-2.91c3.742-1.428 5.07-1.11 5.536-.256.512.939-.091 2.56-1.399 4.052-2.498 2.85-6.989 5.06-14.92 5.715-7.93.655-13.185-1.472-15.446 1.991-.976 1.494-.222 5.015 7.448 6.124 10.364 1.496 18.876-1.803 19.928.19 1.052 1.991-5.007 6.044-15.388 6.129s-16.865-3.635-19.164-5.484c-2.918-2.346-4.223-5.766-3.55-8.725Z\" clip-rule=\"evenodd\"/><g fill=\"@{blue}\" opacity=\".8\"><path d=\"M65.196 39.617c.579-.948 1.863-1.68 3.964-1.68s3.09.836 3.774 1.768c.14.19-.071.413-.287.32l-.158-.069c-.769-.336-1.712-.748-3.329-.77-1.729-.025-2.819.408-3.505.781-.232.126-.596-.125-.46-.35ZM41.539 40.83c2.04-.853 3.644-.743 4.777-.474.24.056.405-.2.214-.355-.88-.71-2.85-1.59-5.418-.633-2.29.854-3.37 2.63-3.377 3.796-.002.276.564.299.71.066.396-.63 1.053-1.547 3.094-2.4\"/><path fill-rule=\"evenodd\" d=\"M70.945 52.588a3.263 3.263 0 0 1-3.267-3.255 3.263 3.263 0 0 1 3.267-3.255 3.26 3.26 0 0 1 3.267 3.255 3.26 3.26 0 0 1-3.267 3.255m2.301-4.334a.845.845 0 0 0-1.692 0 .845.845 0 0 0 1.692 0M49.3 51.585a3.8 3.8 0 0 1-3.809 3.796c-2.1 0-3.808-1.7-3.808-3.796a3.804 3.804 0 0 1 3.808-3.796c2.1 0 3.809 1.7 3.809 3.796m-1.123-1.258a.987.987 0 0 0-1.972 0c0 .54.44.982.986.982a.985.985 0 0 0 .986-.982\" clip-rule=\"evenodd\"/></g><path fill=\"#fff\" fill-rule=\"evenodd\" d=\"M60.186 110.733c27.917 0 50.548-22.63 50.548-50.547S88.103 9.639 60.186 9.639C32.27 9.64 9.64 32.27 9.64 60.186c0 27.917 22.631 50.547 50.547 50.547Zm0 4.702c30.514 0 55.25-24.735 55.25-55.249 0-30.513-24.736-55.249-55.25-55.249S4.937 29.673 4.937 60.187s24.736 55.248 55.25 55.248Z\" clip-rule=\"evenodd\"/></g></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n .yhccgqM_FdvJ79N6Jm6c {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 120 120\"><g clip-path=\"url(#logo_header_v109_svg__a)\"><path fill=\"@{peach}\" fill-rule=\"evenodd\" d=\"M60.186 120.373c33.24 0 60.187-26.947 60.187-60.187S93.426 0 60.186 0 0 26.946 0 60.186s26.946 60.187 60.186 60.187\" clip-rule=\"evenodd\"/><path fill=\"#DDD\" fill-rule=\"evenodd\" d=\"M68.65 105.091c0-.47.115-.578-1.38-3.557-3.972-7.954-7.964-19.17-6.148-26.402.33-1.314-3.742-48.66-6.62-50.185-3.2-1.705-7.138-4.41-10.739-5.012-1.827-.292-4.223-.154-6.096.098-.332.045-.346.643-.028.751 1.23.417 2.722 1.14 3.602 2.233.167.207-.057.533-.322.543-.83.03-2.334.378-4.32 2.064-.229.195-.038.557.257.499 4.267-.844 8.623-.428 11.191 1.906.167.151.08.423-.137.482-22.283 6.055-17.872 25.438-11.94 49.224 5.284 21.188 7.272 28.017 7.899 30.097a.67.67 0 0 0 .398.439c7.67 3.055 24.383 3.19 24.383-2.005z\" clip-rule=\"evenodd\"/><path fill=\"#fff\" d=\"M71.706 109.558c-2.703 1.058-7.993 1.528-11.05 1.528-4.48 0-10.932-.705-13.283-1.763-1.452-4.469-5.797-18.32-10.088-35.91l-.42-1.718-.004-.014c-5.101-20.836-9.267-37.854 13.568-43.2.208-.05.31-.3.172-.463-2.62-3.108-7.528-4.127-13.734-1.986-.255.088-.476-.169-.318-.387 1.217-1.677 3.596-2.967 4.77-3.532.242-.117.228-.473-.03-.553a26 26 0 0 0-3.546-.846c-.348-.056-.38-.652-.03-.7 8.798-1.183 17.986 1.459 22.596 7.266a.3.3 0 0 0 .175.108c16.883 3.625 18.092 30.314 16.147 31.53-.384.239-1.612.102-3.233-.08-6.57-.735-19.578-2.19-8.842 17.818.106.198-.034.46-.256.494-6.054.941 1.704 19.912 7.406 32.408\"/><path fill=\"#3CA82B\" d=\"M79.258 85.293c-1.285-.595-6.227 2.949-9.507 5.67-.686-.97-1.978-1.675-4.894-1.168-2.551.443-3.96 1.058-4.589 2.12-4.027-1.528-10.803-3.884-12.44-1.608-1.79 2.487.447 14.257 2.824 15.785 1.24.798 7.175-3.017 10.275-5.648.5.705 1.305 1.108 2.96 1.069 2.503-.058 6.563-.64 7.193-1.806a1.3 1.3 0 0 0 .099-.25c3.186 1.191 8.792 2.451 10.045 2.263 3.264-.49-.455-15.726-1.966-16.427\"/><path fill=\"@{green}\" d=\"M70.051 91.31c.135.242.244.496.337.754.454 1.27 1.194 5.31.634 6.309-.56.998-4.194 1.48-6.436 1.519s-2.746-.782-3.2-2.052c-.364-1.016-.542-3.405-.538-4.773-.092-2.028.65-2.742 4.076-3.296 2.535-.41 3.876.067 4.65.883 3.6-2.686 9.606-6.478 10.192-5.785 2.92 3.455 3.29 11.68 2.657 14.99-.207 1.082-9.879-1.072-9.879-2.239 0-4.844-1.257-6.174-2.493-6.31m-21.187-1.512c.792-1.254 7.216.305 10.743 1.874 0 0-.725 3.284.429 7.151.337 1.132-8.113 6.167-9.216 5.301-1.275-1.001-3.621-11.691-1.956-14.326\"/><path fill=\"@{yellow}\" fill-rule=\"evenodd\" d=\"M51.975 64.33c.52-2.26 2.941-6.519 11.587-6.415 4.371-.018 9.801-.002 13.4-.411a48.2 48.2 0 0 0 11.969-2.91c3.742-1.428 5.07-1.11 5.536-.256.512.939-.091 2.56-1.399 4.052-2.498 2.85-6.989 5.06-14.92 5.715-7.93.655-13.185-1.472-15.446 1.991-.976 1.494-.222 5.015 7.448 6.124 10.364 1.496 18.876-1.803 19.928.19 1.052 1.991-5.007 6.044-15.388 6.129s-16.865-3.635-19.164-5.484c-2.918-2.346-4.223-5.766-3.55-8.725Z\" clip-rule=\"evenodd\"/><g fill=\"@{blue}\" opacity=\".8\"><path d=\"M65.196 39.617c.579-.948 1.863-1.68 3.964-1.68s3.09.836 3.774 1.768c.14.19-.071.413-.287.32l-.158-.069c-.769-.336-1.712-.748-3.329-.77-1.729-.025-2.819.408-3.505.781-.232.126-.596-.125-.46-.35ZM41.539 40.83c2.04-.853 3.644-.743 4.777-.474.24.056.405-.2.214-.355-.88-.71-2.85-1.59-5.418-.633-2.29.854-3.37 2.63-3.377 3.796-.002.276.564.299.71.066.396-.63 1.053-1.547 3.094-2.4\"/><path fill-rule=\"evenodd\" d=\"M70.945 52.588a3.263 3.263 0 0 1-3.267-3.255 3.263 3.263 0 0 1 3.267-3.255 3.26 3.26 0 0 1 3.267 3.255 3.26 3.26 0 0 1-3.267 3.255m2.301-4.334a.845.845 0 0 0-1.692 0 .845.845 0 0 0 1.692 0M49.3 51.585a3.8 3.8 0 0 1-3.809 3.796c-2.1 0-3.808-1.7-3.808-3.796a3.804 3.804 0 0 1 3.808-3.796c2.1 0 3.809 1.7 3.809 3.796m-1.123-1.258a.987.987 0 0 0-1.972 0c0 .54.44.982.986.982a.985.985 0 0 0 .986-.982\" clip-rule=\"evenodd\"/></g><path fill=\"#fff\" fill-rule=\"evenodd\" d=\"M60.186 110.733c27.917 0 50.548-22.63 50.548-50.547S88.103 9.639 60.186 9.639C32.27 9.64 9.64 32.27 9.64 60.186c0 27.917 22.631 50.547 50.547 50.547Zm0 4.702c30.514 0 55.25-24.735 55.25-55.249 0-30.513-24.736-55.249-55.25-55.249S4.937 29.673 4.937 60.187s24.736 55.248 55.25 55.248Z\" clip-rule=\"evenodd\"/></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n //duckduckgo search too long icon\n .logo_homepage {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"206\" height=\"165\" viewBox=\"0 0 206 165\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M103 120c33.137 0 60-26.863 60-60S136.137 0 103 0 43 26.863 43 60s26.863 60 60 60\" fill=\"@{red}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M111.438 104.766c0-.469.115-.576-1.375-3.546-3.96-7.93-7.94-19.11-6.13-26.32.33-1.31-3.73-48.51-6.6-50.03-3.19-1.7-7.115-4.397-10.705-4.997-1.822-.291-4.21-.153-6.077.098-.332.045-.346.641-.029.749 1.226.415 2.715 1.136 3.592 2.226.166.206-.057.531-.322.54-.827.031-2.326.378-4.305 2.059-.23.194-.04.555.255.497 4.253-.841 8.597-.427 11.156 1.9.167.15.08.422-.137.48-22.213 6.037-17.816 25.36-11.902 49.073 5.248 21.047 7.235 27.881 7.867 29.981a.72.72 0 0 0 .424.468c7.656 3.037 24.288 3.168 24.288-2.006z\" fill=\"@{surface0}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M158.078 60c0 30.419-24.659 55.078-55.078 55.078S47.922 90.418 47.922 60 72.582 4.922 103 4.922 158.078 29.582 158.078 60m-67.932 48.736c-1.522-4.701-5.775-18.329-9.977-35.55l-.419-1.713-.003-.014c-5.085-20.772-9.239-37.737 13.525-43.067.209-.049.31-.297.172-.46-2.611-3.1-7.504-4.115-13.691-1.98-.254.087-.474-.169-.317-.386 1.213-1.672 3.584-2.958 4.755-3.522.242-.116.227-.47-.03-.55a26 26 0 0 0-3.535-.844c-.347-.056-.378-.65-.03-.697 8.771-1.18 17.93 1.453 22.527 7.243a.3.3 0 0 0 .174.107c16.83 3.614 18.035 30.22 16.097 31.432-.383.239-1.608.102-3.224-.079-6.548-.733-19.516-2.184-8.814 17.763.106.197-.034.458-.255.492-6.015.936 1.646 19.72 7.324 32.179 22.327-5.176 38.966-25.19 38.966-49.09 0-27.83-22.561-50.39-50.391-50.39S52.61 32.17 52.61 60c0 23.388 15.932 43.054 37.536 48.736\" fill=\"@{text}\"/><path d=\"M122.013 85.03c-1.282-.594-6.208 2.939-9.478 5.65-.684-.966-1.972-1.669-4.879-1.163-2.543.442-3.948 1.055-4.574 2.113-4.016-1.523-10.77-3.872-12.402-1.603-1.784 2.48.445 14.213 2.815 15.736 1.237.796 7.153-3.007 10.243-5.63.499.702 1.301 1.104 2.951 1.066 2.495-.058 6.542-.638 7.17-1.8a1.2 1.2 0 0 0 .099-.25c3.176 1.187 8.765 2.444 10.014 2.256 3.254-.489-.453-15.678-1.959-16.376\" fill=\"@{green}\"/><path d=\"M112.835 91.028c.135.24.243.494.335.751.453 1.266 1.19 5.294.633 6.29-.558.994-4.181 1.475-6.416 1.513-2.235.039-2.738-.778-3.191-2.045-.362-1.013-.54-3.394-.536-4.758-.092-2.022.647-2.733 4.063-3.286 2.528-.41 3.864.067 4.636.88 3.588-2.678 9.576-6.457 10.16-5.767 2.912 3.445 3.28 11.645 2.649 14.944-.206 1.078-9.848-1.069-9.848-2.232 0-4.83-1.253-6.154-2.485-6.29M91.713 89.52c.79-1.25 7.194.304 10.709 1.869 0 0-.722 3.273.428 7.128.337 1.128-8.088 6.148-9.187 5.285-1.271-.999-3.61-11.655-1.95-14.282\" fill=\"#4CBA3C\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M94.815 64.131c.518-2.253 2.931-6.499 11.551-6.396 4.357-.018 9.77-.002 13.358-.41a48 48 0 0 0 11.931-2.9c3.731-1.424 5.055-1.107 5.52-.255.51.936-.091 2.552-1.395 4.04-2.49 2.84-6.967 5.043-14.873 5.696-7.907.654-13.145-1.467-15.4 1.986-.972 1.489-.22 4.999 7.426 6.104 10.332 1.491 18.818-1.797 19.866.19 1.048 1.985-4.991 6.025-15.34 6.11s-16.813-3.624-19.105-5.467c-2.909-2.338-4.21-5.749-3.54-8.698\" fill=\"@{subtext1}\"/><g opacity=\"0.8\"><path d=\"M107.994 39.494c.577-.945 1.857-1.675 3.952-1.675s3.081.834 3.763 1.763c.139.19-.072.412-.287.319l-.157-.069c-.767-.334-1.707-.745-3.319-.768-1.723-.025-2.81.407-3.495.78-.23.125-.594-.126-.457-.35M84.41 40.703c2.034-.85 3.633-.74 4.763-.472.238.056.403-.2.213-.354-.877-.707-2.84-1.586-5.4-.63-2.285.85-3.362 2.62-3.368 3.784-.001.274.563.297.709.065.394-.627 1.05-1.543 3.083-2.393\" fill=\"@{mantle}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M113.726 52.425a3.25 3.25 0 0 1-3.257-3.245 3.25 3.25 0 0 1 3.257-3.245 3.25 3.25 0 0 1 3.256 3.245 3.25 3.25 0 0 1-3.256 3.245m2.293-4.32a.842.842 0 0 0-1.686 0 .843.843 0 0 0 1.686 0m-23.872 3.321a3.79 3.79 0 0 1-3.796 3.784 3.79 3.79 0 0 1-3.797-3.784 3.79 3.79 0 0 1 3.797-3.785 3.79 3.79 0 0 1 3.796 3.785m-1.119-1.255a.984.984 0 0 0-1.966 0 .982.982 0 0 0 1.966-.001\" fill=\"@{blue}\"/></g><path d=\"M78.35 144.8h-3.9l-7.1 7.3v-14.6h-3v24.9h3v-8.2l8.1 8.1.1.1h3.6v-.3l-9.1-9z\" fill=\"@{surface1}\"/><path d=\"M59.15 158.1c-1.1 1.1-2.7 1.7-4.5 1.7-3.1 0-6.2-1.9-6.2-6.3 0-3.7 2.6-6.3 6.2-6.3 1.6 0 3.1.6 4.3 1.7l.1.1 1.9-2-.1-.1c-1.8-1.7-3.9-2.5-6.3-2.5-5.5 0-9.2 3.7-9.2 9.1 0 6.3 4.6 9.1 9.2 9.1h.1c2.4 0 4.7-.9 6.3-2.6l.1-.1-2-2zm-20.3-3.9c0 3.2-2.2 5.6-5.3 5.7-3.3 0-5.3-2-5.3-5.4v-9.7h-3v9.7c0 5 3 8.2 7.7 8.2h.1c2.3 0 4.4-1.1 5.8-2.8l.1-.2.1 2.7h2.8v-17.6h-3z\" fill=\"#333333\"/><path d=\"M9.35 137.4H.25v25h9.1c8.7 0 12.5-6.4 12.5-12.7 0-5.9-3.9-12.3-12.5-12.3m9.4 12.2c0 4.8-2.9 9.6-9.3 9.6h-6v-18.7h5.9c6.4 0 9.4 4.7 9.4 9.1\" fill=\"@{surface1}\"/><path d=\"M173.65 151.5h7.7v5.8c-1.9 1.6-4.2 2.5-6.7 2.5-6.8 0-9.9-4.9-9.9-9.7 0-4.9 3.1-10.2 9.8-10.2 2.7 0 5.2 1 7.2 2.8l.1.1 1.8-2.1-.1-.1c-2.4-2.4-5.6-3.6-9.1-3.6-3.8 0-7 1.2-9.3 3.6-2.4 2.4-3.7 5.8-3.6 9.6 0 5.9 3.4 12.7 13 12.7h.2c3.6 0 7-1.5 9.4-4.2v-9.9h-10.6v2.7z\" fill=\"@{surface0}\"/><path d=\"M91.05 137.4h-9.1v25h9.1c8.7 0 12.5-6.4 12.5-12.7 0-5.9-3.9-12.3-12.5-12.3m9.4 12.2c0 4.8-2.9 9.6-9.3 9.6h-5.9v-18.7h5.9c6.3 0 9.3 4.7 9.3 9.1m95.9-5.2c-5.3 0-9.1 3.9-9.1 9.2s3.8 9.1 9.1 9.1 9.2-3.8 9.2-9.1c0-5.4-3.8-9.2-9.2-9.2m6.2 9.2c0 3.7-2.6 6.3-6.2 6.3-3.5 0-6.1-2.6-6.1-6.3 0-3.8 2.5-6.5 6.2-6.5 3.5.1 6.1 2.8 6.1 6.5m-82 .6c0 3.2-2.2 5.6-5.3 5.7-3.3 0-5.3-2-5.3-5.4v-9.7h-3v9.7c0 5 3 8.2 7.6 8.2h.1c2.3 0 4.4-1.1 5.8-2.8l.1-.2.1 2.7h2.8v-17.6h-3v9.4z\" fill=\"@{surface1}\"/><path d=\"M140.85 158.1c-1.1 1.1-2.7 1.7-4.5 1.7-3.1 0-6.2-1.9-6.2-6.3 0-3.7 2.6-6.3 6.2-6.3 1.6 0 3.1.6 4.3 1.7l.1.1 1.9-2-.1-.1c-1.8-1.7-3.9-2.5-6.3-2.5-5.5 0-9.2 3.7-9.2 9.1 0 6.3 4.6 9.1 9.2 9.1h.1c2.4 0 4.7-.9 6.3-2.6l.1-.1-2-2z\" fill=\"@{text}\"/><path d=\"M160.05 144.8h-3.9l-7.1 7.3v-14.6h-3v24.9h3v-8.2l8.1 8.1.1.1h3.6v-.3l-9.1-9z\" fill=\"#333333\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n // search glass icon\n .related-searches__item-text::before {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"21\" viewBox=\"0 0 19 21\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.343 14.642a8 8 0 1 1 11.99-.767l3.164 3.165a1.738 1.738 0 0 1-2.457 2.457l-3.39-3.39a8.005 8.005 0 0 1-9.307-1.465m1.414-9.885a6 6 0 1 0 8.486 8.486 6 6 0 0 0-8.486-8.486\" fill=\"@{text}\" opacity=\"0.6\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n // ddg header logo\n .header_logoImg__PFezv {\n @svg: escape(\n '<svg fill=\"none\" viewBox=\"0 0 189 53\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"@{text}\" d=\"M110.045 24.224h-2.405l-4.378 4.502v-9.003h-1.85v15.354h1.85v-5.056l4.995 4.994.061.062h2.22v-.185l-5.611-5.55zm-11.898 8.223c-.679.678-1.666 1.048-2.775 1.048-1.912 0-3.824-1.172-3.824-3.885 0-2.281 1.604-3.885 3.824-3.885.986 0 1.911.37 2.651 1.049l.062.061 1.171-1.233-.061-.062C98.085 24.492 96.79 24 95.31 24c-3.392 0-5.673 2.281-5.673 5.611 0 3.885 2.836 5.612 5.673 5.612h.062c1.48 0 2.898-.555 3.884-1.604l.062-.061-1.233-1.234zm-12.581-2.404c0 1.973-1.356 3.453-3.268 3.515-2.035 0-3.268-1.233-3.268-3.33v-5.981h-1.85v5.981c0 3.083 1.85 5.057 4.748 5.057h.062c1.418 0 2.713-.679 3.576-1.727l.062-.123.062 1.665h1.726V24.247h-1.85zM67.298 19.66h-5.612v15.417h5.612c5.365 0 7.708-3.947 7.708-7.832 0-3.638-2.405-7.585-7.708-7.585m5.796 7.524c0 2.96-1.788 5.92-5.735 5.92h-3.7V21.571h3.639c3.946 0 5.796 2.898 5.796 5.612zm96.018 1.17h4.748v3.577c-1.171.986-2.59 1.541-4.131 1.541-4.193 0-6.105-3.021-6.105-5.981 0-3.022 1.912-6.29 6.043-6.29 1.665 0 3.207.617 4.44 1.727l.062.061 1.11-1.295-.062-.061c-1.48-1.48-3.453-2.22-5.611-2.22-2.344 0-4.317.74-5.735 2.22-1.48 1.48-2.282 3.576-2.22 5.92 0 3.638 2.096 7.831 8.016 7.831h.124a7.72 7.72 0 0 0 5.796-2.59V26.69h-6.536v1.665zm-51.181-8.694h-5.612v15.417h5.612c5.365 0 7.708-3.947 7.708-7.832 0-3.638-2.405-7.584-7.708-7.584zm5.796 7.524c0 2.96-1.788 5.92-5.735 5.92h-3.638V21.572h3.638c3.885 0 5.735 2.898 5.735 5.612m59.463-3.185c-3.269 0-5.612 2.405-5.612 5.673s2.343 5.611 5.612 5.611c3.268 0 5.673-2.343 5.673-5.611 0-3.33-2.343-5.673-5.673-5.673m3.823 5.673c0 2.282-1.603 3.885-3.823 3.885-2.159 0-3.762-1.603-3.762-3.885 0-2.343 1.542-4.008 3.823-4.008 2.159.061 3.762 1.726 3.762 4.008m-50.814.371c0 1.973-1.356 3.453-3.268 3.515-2.035 0-3.268-1.233-3.268-3.33v-5.981h-1.85v5.981c0 3.083 1.85 5.057 4.686 5.057h.062c1.418 0 2.713-.679 3.576-1.727l.062-.123.062 1.665h1.726V24.247h-1.85v5.796zm12.58 2.404c-.678.678-1.665 1.048-2.775 1.048-1.911 0-3.823-1.172-3.823-3.885 0-2.281 1.603-3.885 3.823-3.885.987 0 1.912.37 2.652 1.049l.062.061 1.171-1.233-.061-.062c-1.11-1.048-2.405-1.541-3.885-1.541-3.392 0-5.673 2.281-5.673 5.611 0 3.885 2.836 5.612 5.673 5.612h.061c1.48 0 2.899-.555 3.885-1.604l.062-.061-1.233-1.234zm11.899-8.223h-2.405l-4.378 4.502v-9.003h-1.85v15.354h1.85v-5.056l4.994 4.994.062.062h2.22v-.185l-5.611-5.55z\"/><path fill=\"@{red}\" fill-rule=\"evenodd\" d=\"M26.5 53C41.136 53 53 41.136 53 26.5S41.136 0 26.5 0 0 11.864 0 26.5 11.864 53 26.5 53\" clip-rule=\"evenodd\"/><path fill=\"@{overlay2}\" fill-rule=\"evenodd\" d=\"M30.227 46.272c0-.207.05-.255-.608-1.566-1.749-3.503-3.507-8.44-2.707-11.625.146-.579-1.648-21.425-2.915-22.097-1.41-.75-3.143-1.942-4.728-2.207-.805-.128-1.86-.067-2.684.044-.147.02-.153.283-.013.33.542.184 1.2.502 1.587.984.073.09-.026.234-.142.239-.366.013-1.028.166-1.902.908-.101.086-.017.246.113.22 1.878-.372 3.797-.189 4.927.84.073.066.035.185-.06.211-9.811 2.667-7.87 11.2-5.257 21.674 2.213 8.875 3.113 12.028 3.433 13.103a.6.6 0 0 0 .366.398c3.438 1.29 10.59 1.316 10.59-.939z\" clip-rule=\"evenodd\"/><path fill=\"#fff\" d=\"M31.572 48.238c-1.19.466-3.52.673-4.865.673-1.973 0-4.814-.31-5.849-.776-.639-1.968-2.552-8.066-4.442-15.811l-.185-.757-.001-.006c-2.246-9.174-4.08-16.667 5.974-19.021.091-.022.136-.131.076-.204-1.154-1.368-3.315-1.817-6.048-.874-.112.039-.209-.074-.14-.17.536-.739 1.584-1.307 2.1-1.556.107-.051.101-.208-.012-.243a11.5 11.5 0 0 0-1.562-.372c-.153-.025-.167-.288-.013-.309 3.874-.52 7.92.642 9.95 3.2q.029.036.076.047c7.434 1.596 7.966 13.347 7.11 13.882-.17.106-.71.045-1.424-.035-2.893-.323-8.62-.964-3.893 7.846.047.087-.015.202-.113.217-2.665.415.75 8.767 3.261 14.27z\"/><path fill=\"#3ca82b\" d=\"M34.897 37.555c-.566-.263-2.742 1.298-4.186 2.496-.302-.427-.87-.738-2.154-.515-1.124.196-1.744.467-2.021.934-1.773-.672-4.757-1.71-5.478-.708-.787 1.095.197 6.277 1.244 6.95.546.351 3.16-1.328 4.524-2.487.22.31.575.488 1.303.471 1.102-.025 2.89-.282 3.167-.795a.6.6 0 0 0 .044-.11c1.403.524 3.871 1.08 4.423.996 1.437-.216-.2-6.924-.866-7.232\"/><path fill=\"@{green}\" d=\"M30.844 40.204q.088.16.148.332c.2.56.525 2.338.28 2.778-.247.439-1.847.651-2.835.668s-1.209-.344-1.409-.903c-.16-.447-.238-1.5-.237-2.101-.04-.894.286-1.208 1.795-1.452 1.116-.18 1.707.03 2.047.39 1.585-1.184 4.23-2.853 4.488-2.548 1.286 1.521 1.448 5.143 1.17 6.6-.091.476-4.35-.472-4.35-.986 0-2.133-.553-2.718-1.097-2.778m-9.329-.666c.349-.552 3.177.135 4.73.825 0 0-.32 1.446.189 3.149.148.498-3.572 2.715-4.058 2.334-.561-.441-1.594-5.148-.861-6.308\"/><path fill=\"@{yellow}\" fill-rule=\"evenodd\" d=\"M22.885 28.325c.228-.995 1.295-2.87 5.101-2.825 1.925-.008 4.315-.001 5.9-.181a21.2 21.2 0 0 0 5.27-1.282c1.648-.628 2.233-.488 2.438-.112.225.413-.04 1.127-.616 1.784-1.1 1.255-3.077 2.228-6.57 2.516s-5.805-.648-6.8.877c-.43.658-.098 2.208 3.279 2.696 4.563.659 8.311-.793 8.774.084s-2.204 2.661-6.775 2.698c-4.57.038-7.426-1.6-8.438-2.414-1.285-1.033-1.86-2.539-1.563-3.841\" clip-rule=\"evenodd\"/><g fill=\"@{crust}\" opacity=\".8\"><path d=\"M28.706 17.443c.255-.417.82-.74 1.745-.74s1.36.369 1.662.78c.061.083-.032.181-.127.14l-.07-.03c-.338-.148-.753-.33-1.465-.34-.761-.01-1.241.18-1.544.344-.101.056-.262-.055-.201-.154m-10.416.534c.898-.375 1.604-.327 2.103-.208.105.024.178-.089.094-.156-.387-.313-1.254-.7-2.385-.28-1.01.377-1.485 1.159-1.487 1.672-.001.122.248.132.312.03.174-.278.464-.682 1.362-1.058z\"/><path fill-rule=\"evenodd\" d=\"M31.237 23.154c-.794 0-1.438-.642-1.438-1.433s.644-1.433 1.438-1.433 1.438.642 1.438 1.433-.644 1.433-1.438 1.433m1.013-1.908a.372.372 0 0 0-.745 0 .372.372 0 0 0 .745 0m-10.544 1.467c0 .923-.75 1.671-1.676 1.671a1.675 1.675 0 0 1-1.677-1.67c0-.924.752-1.672 1.677-1.672.924 0 1.676.748 1.676 1.671m-.494-.554a.434.434 0 1 0-.867.002.434.434 0 0 0 .867-.002\" clip-rule=\"evenodd\"/></g><path fill=\"@{text}\" fill-rule=\"evenodd\" d=\"M26.5 48.756c12.292 0 22.256-9.964 22.256-22.256S38.792 4.244 26.5 4.244 4.244 14.208 4.244 26.5 14.208 48.756 26.5 48.756m0 2.07c13.435 0 24.326-10.891 24.326-24.326S39.935 2.174 26.5 2.174 2.174 13.065 2.174 26.5 13.065 50.826 26.5 50.826\" clip-rule=\"evenodd\"/><path fill=\"#fff\" fill-rule=\"evenodd\" d=\"M26.497 48.438c12.118 0 21.941-9.823 21.941-21.94S38.615 4.555 26.498 4.555 4.555 14.38 4.555 26.497s9.824 21.941 21.941 21.941zm24.292-21.94c0 13.415-10.876 24.29-24.292 24.29S2.206 39.914 2.206 26.499 13.08 2.205 26.497 2.205 50.79 13.08 50.79 26.497z\" clip-rule=\"evenodd\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n}\n\n@-moz-document domain(\"start.duckduckgo.com\") {\n :root:not(.theme-dark) {\n #catppuccin(@lightFlavor);\n }\n\n :root.theme-dark {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n color-scheme: if(@flavor = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n input {\n background-color: @surface0 !important;\n color: @text !important;\n }\n li:hover {\n background-color: @surface2 !important;\n }\n ul {\n background-color: @surface0 !important;\n }\n body {\n background-color: @base !important;\n }\n h1,\n h2,\n h3,\n p,\n a,\n span {\n color: @text !important;\n }\n\n --color-yellow60: @yellow !important;\n --theme-button-primary-bg: @blue !important;\n --theme-searchbox-caret-bg: @accent !important;\n\n .home_root__naJUp {\n --theme-bg-home: @base !important;\n --theme-button-secondary-text: @text !important;\n --theme-text-bg: @text !important;\n --theme-bg-home-searchbox: @surface0 !important;\n --theme-border-color-home-searchbox: @surface0 !important;\n }\n .searchbox_suggestions__umkQH {\n --theme-searchbox-bg: @surface0 !important;\n }\n .minimal-homepage_minimalHeroLogo__QSVlf {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 184 148\"><path fill=\"@{text}\" d=\"M69.942 129.26H66.46l-6.338 6.517v-13.033h-2.678v22.228h2.678v-7.32l7.23 7.23.09.09h3.214v-.268l-8.124-8.034zm-17.14 11.873c-.982.982-2.41 1.518-4.017 1.518-2.767 0-5.534-1.696-5.534-5.624 0-3.303 2.32-5.624 5.534-5.624 1.428 0 2.767.536 3.839 1.518l.089.089 1.696-1.786-.09-.089c-1.606-1.517-3.48-2.232-5.623-2.232-4.91 0-8.213 3.303-8.213 8.124 0 5.624 4.106 8.123 8.213 8.123h.09c2.141 0 4.195-.803 5.623-2.321l.09-.089-1.786-1.785zm-18.122-3.481c0 2.856-1.963 4.999-4.73 5.088-2.946 0-4.732-1.785-4.732-4.82v-8.66H22.54v8.66c0 4.463 2.678 7.32 6.874 7.32h.09c2.052 0 3.927-.982 5.177-2.5l.089-.179.09 2.411h2.499V129.26H34.68zM8.347 122.655H.223v22.317h8.124c7.766 0 11.158-5.713 11.158-11.337 0-5.267-3.481-10.98-11.158-10.98m8.39 10.89c0 4.285-2.588 8.57-8.301 8.57H3.08v-16.693h5.267c5.713 0 8.39 4.196 8.39 8.123m138.277 1.697h6.874v5.177c-1.696 1.428-3.749 2.232-5.981 2.232-6.07 0-8.838-4.374-8.838-8.659 0-4.374 2.768-9.106 8.749-9.106 2.41 0 4.642.893 6.427 2.5l.089.089 1.607-1.874-.089-.09c-2.143-2.142-4.999-3.213-8.124-3.213-3.392 0-6.248 1.071-8.302 3.213-2.142 2.143-3.302 5.178-3.213 8.57 0 5.267 3.035 11.337 11.605 11.337h.178c3.214 0 6.249-1.339 8.391-3.749v-8.838h-9.462v2.411zm-73.735-12.587h-8.124v22.317h8.124c7.766 0 11.158-5.713 11.158-11.337 0-5.267-3.481-10.98-11.158-10.98m8.39 10.89c0 4.285-2.588 8.57-8.301 8.57h-5.267v-16.693h5.267c5.624 0 8.302 4.196 8.302 8.123zm85.609-4.642c-4.731 0-8.123 3.482-8.123 8.213s3.392 8.124 8.123 8.124 8.213-3.393 8.213-8.124c0-4.82-3.392-8.213-8.213-8.213m5.535 8.213c0 3.303-2.321 5.624-5.535 5.624-3.124 0-5.445-2.321-5.445-5.624 0-3.392 2.232-5.802 5.534-5.802 3.125.089 5.446 2.499 5.446 5.802m-73.2.536c0 2.856-1.964 4.999-4.731 5.088-2.946 0-4.731-1.785-4.731-4.82v-8.66h-2.679v8.66c0 4.463 2.679 7.32 6.785 7.32h.089c2.053 0 3.928-.982 5.178-2.5l.089-.179.089 2.411h2.5V129.26h-2.678v8.392zm18.121 3.481c-.982.982-2.41 1.518-4.017 1.518-2.767 0-5.534-1.696-5.534-5.624 0-3.303 2.321-5.624 5.534-5.624 1.429 0 2.768.536 3.839 1.518l.089.089 1.696-1.786-.089-.089c-1.607-1.517-3.482-2.232-5.624-2.232-4.91 0-8.213 3.303-8.213 8.124 0 5.624 4.107 8.123 8.213 8.123h.089c2.143 0 4.196-.803 5.624-2.321l.089-.089-1.785-1.785zm17.14-11.873h-3.482l-6.338 6.517v-13.033h-2.678v22.228h2.678v-7.32l7.231 7.23.089.09h3.214v-.268l-8.123-8.034z\"/><path fill=\"@{peach}\" fill-rule=\"evenodd\" d=\"M91.946 107.122c29.581 0 53.561-23.98 53.561-53.561S121.527 0 91.947 0C62.364 0 38.384 23.98 38.384 53.561s23.98 53.561 53.561 53.561z\" clip-rule=\"evenodd\"/><path fill=\"#ddd\" fill-rule=\"evenodd\" d=\"M99.478 93.522c0-.418.103-.513-1.227-3.165-3.535-7.079-7.088-17.059-5.472-23.495.294-1.17-3.33-43.304-5.892-44.661-2.848-1.518-6.351-3.925-9.556-4.46-1.626-.26-3.758-.138-5.425.087-.296.04-.308.572-.025.668 1.094.37 2.423 1.014 3.206 1.988.148.184-.051.474-.287.482-.738.028-2.077.337-3.844 1.838-.204.173-.035.495.228.443 3.797-.75 7.674-.38 9.96 1.696.148.135.07.377-.123.43C61.19 30.76 65.117 48.01 70.396 69.177c4.654 18.666 6.435 24.81 7.012 26.727a.72.72 0 0 0 .424.469c6.85 2.697 21.646 2.805 21.646-1.805z\" clip-rule=\"evenodd\"/><path fill=\"#fff\" d=\"M102.198 97.498c-2.406.941-7.114 1.36-9.833 1.36-3.988 0-9.73-.628-11.821-1.57-1.293-3.976-5.16-16.303-8.978-31.956l-.374-1.53-.003-.012c-4.54-18.542-8.248-33.687 12.074-38.445.185-.043.276-.265.153-.411-2.331-2.766-6.7-3.673-12.222-1.768-.227.079-.424-.15-.283-.344 1.083-1.493 3.2-2.64 4.244-3.144.216-.104.203-.42-.025-.491a23 23 0 0 0-3.156-.753c-.31-.05-.338-.58-.027-.623 7.83-1.053 16.006 1.298 20.109 6.466a.27.27 0 0 0 .155.096c15.024 3.226 16.1 26.977 14.369 28.059-.341.213-1.434.09-2.877-.07-5.846-.655-17.422-1.95-7.868 15.856.094.176-.03.409-.228.44-5.388.837 1.517 17.719 6.591 28.84\"/><path fill=\"#3ca82b\" d=\"M108.919 75.904c-1.144-.53-5.542 2.624-8.461 5.045-.61-.863-1.76-1.49-4.355-1.04-2.27.396-3.524.943-4.084 1.887-3.584-1.359-9.614-3.456-11.07-1.43-1.593 2.214.397 12.687 2.512 14.047 1.104.71 6.386-2.685 9.144-5.026.445.627 1.162.986 2.634.952 2.228-.052 5.841-.57 6.401-1.608q.051-.095.089-.222c2.835 1.06 7.824 2.18 8.939 2.014 2.905-.437-.405-13.996-1.749-14.619\"/><path fill=\"@{green}\" d=\"M100.725 81.26c.121.214.217.44.3.67.404 1.13 1.062 4.726.564 5.614s-3.732 1.317-5.727 1.351-2.444-.695-2.848-1.825c-.324-.904-.483-3.03-.479-4.247-.082-1.806.578-2.44 3.627-2.934 2.257-.365 3.45.06 4.138.786 3.204-2.39 8.549-5.765 9.07-5.148 2.6 3.075 2.928 10.394 2.365 13.34-.184.962-8.791-.955-8.791-1.993 0-4.311-1.119-5.494-2.219-5.615zM81.87 79.913c.706-1.116 6.422.272 9.56 1.668 0 0-.644 2.922.382 6.364.3 1.007-7.22 5.488-8.201 4.717-1.134-.891-3.222-10.404-1.74-12.75z\"/><path fill=\"@{yellow}\" fill-rule=\"evenodd\" d=\"M84.64 57.249c.462-2.012 2.617-5.802 10.31-5.71 3.89-.016 8.722-.001 11.926-.365a43 43 0 0 0 10.65-2.59c3.331-1.27 4.513-.988 4.927-.227.456.835-.081 2.278-1.245 3.606-2.223 2.536-6.219 4.502-13.277 5.085s-11.734-1.31-13.746 1.772c-.868 1.33-.197 4.463 6.628 5.45 9.223 1.33 16.798-1.604 17.734.168s-4.455 5.38-13.693 5.455c-9.239.076-15.009-3.234-17.055-4.88-2.597-2.087-3.758-5.132-3.16-7.764z\" clip-rule=\"evenodd\"/><g fill=\"@{blue}\" opacity=\".8\"><path d=\"M96.404 35.256c.516-.844 1.658-1.495 3.528-1.495s2.75.744 3.359 1.573c.124.17-.064.368-.256.285l-.14-.061c-.684-.299-1.524-.666-2.963-.686-1.538-.022-2.508.363-3.12.695-.205.112-.53-.111-.408-.311m-21.053 1.079c1.816-.759 3.243-.66 4.252-.422.213.05.36-.178.19-.315-.783-.632-2.535-1.416-4.821-.564-2.039.76-3 2.34-3.006 3.379-.001.245.503.265.633.058.352-.56.937-1.377 2.752-2.136\"/><path fill-rule=\"evenodd\" d=\"M101.521 46.799c-1.606 0-2.908-1.299-2.908-2.897s1.302-2.897 2.908-2.897 2.907 1.299 2.907 2.897-1.302 2.897-2.907 2.897m2.047-3.857a.752.752 0 0 0-1.505 0 .752.752 0 0 0 1.505 0m-21.31 2.965a3.383 3.383 0 0 1-3.389 3.378c-1.87 0-3.389-1.513-3.389-3.378s1.52-3.379 3.389-3.379a3.385 3.385 0 0 1 3.389 3.379m-.999-1.12a.878.878 0 0 0-1.755 0 .876.876 0 0 0 1.755 0\" clip-rule=\"evenodd\"/></g><path fill=\"#fff\" fill-rule=\"evenodd\" d=\"M91.946 98.544c24.843 0 44.983-20.14 44.983-44.983S116.789 8.578 91.946 8.578s-44.983 20.14-44.983 44.983 20.14 44.983 44.983 44.983m0 4.184c27.154 0 49.167-22.013 49.167-49.167S119.1 4.394 91.946 4.394 42.78 26.407 42.78 53.56s22.013 49.167 49.167 49.167z\" clip-rule=\"evenodd\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n .header_headerButton__cLYU3 {\n color: @text !important;\n }\n .sideMenu_sideMenuContent__OE7n9,\n .searchbox_iconWrapper__suWUe {\n background-color: @surface0 !important;\n }\n .button_primary__e2_Sy {\n color: @mantle !important;\n }\n .searchbox_hasQuery__j8_VE:hover\n .searchbox_searchButton__F5Bwq:not(:disabled),\n .searchbox_hasQuery__j8_VE:focus-within {\n color: @mantle !important;\n background-color: @accent !important;\n }\n }\n}\n\n/* deno-fmt-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n};\n",
|
|
"usercssData": {
|
|
"name": "DuckDuckGo Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/duckduckgo",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/duckduckgo",
|
|
"version": "2024.12.31",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/duckduckgo/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aduckduckgo",
|
|
"description": "Soothing pastel theme for DuckDuckGo",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": "latte",
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"darkFlavor": {
|
|
"type": "select",
|
|
"label": "Dark Flavor",
|
|
"name": "darkFlavor",
|
|
"value": "macchiato",
|
|
"default": "mocha",
|
|
"options": [
|
|
{
|
|
"name": "latte",
|
|
"label": "Latte",
|
|
"value": "latte"
|
|
},
|
|
{
|
|
"name": "frappe",
|
|
"label": "Frappé",
|
|
"value": "frappe"
|
|
},
|
|
{
|
|
"name": "macchiato",
|
|
"label": "Macchiato",
|
|
"value": "macchiato"
|
|
},
|
|
{
|
|
"name": "mocha",
|
|
"label": "Mocha",
|
|
"value": "mocha"
|
|
}
|
|
]
|
|
},
|
|
"accentColor": {
|
|
"type": "select",
|
|
"label": "Accent",
|
|
"name": "accentColor",
|
|
"value": "teal",
|
|
"default": "mauve",
|
|
"options": [
|
|
{
|
|
"name": "rosewater",
|
|
"label": "Rosewater",
|
|
"value": "rosewater"
|
|
},
|
|
{
|
|
"name": "flamingo",
|
|
"label": "Flamingo",
|
|
"value": "flamingo"
|
|
},
|
|
{
|
|
"name": "pink",
|
|
"label": "Pink",
|
|
"value": "pink"
|
|
},
|
|
{
|
|
"name": "mauve",
|
|
"label": "Mauve",
|
|
"value": "mauve"
|
|
},
|
|
{
|
|
"name": "red",
|
|
"label": "Red",
|
|
"value": "red"
|
|
},
|
|
{
|
|
"name": "maroon",
|
|
"label": "Maroon",
|
|
"value": "maroon"
|
|
},
|
|
{
|
|
"name": "peach",
|
|
"label": "Peach",
|
|
"value": "peach"
|
|
},
|
|
{
|
|
"name": "yellow",
|
|
"label": "Yellow",
|
|
"value": "yellow"
|
|
},
|
|
{
|
|
"name": "green",
|
|
"label": "Green",
|
|
"value": "green"
|
|
},
|
|
{
|
|
"name": "teal",
|
|
"label": "Teal",
|
|
"value": "teal"
|
|
},
|
|
{
|
|
"name": "blue",
|
|
"label": "Blue",
|
|
"value": "blue"
|
|
},
|
|
{
|
|
"name": "sapphire",
|
|
"label": "Sapphire",
|
|
"value": "sapphire"
|
|
},
|
|
{
|
|
"name": "sky",
|
|
"label": "Sky",
|
|
"value": "sky"
|
|
},
|
|
{
|
|
"name": "lavender",
|
|
"label": "Lavender",
|
|
"value": "lavender"
|
|
},
|
|
{
|
|
"name": "subtext0",
|
|
"label": "Gray",
|
|
"value": "subtext0"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"author": "Catppuccin",
|
|
"description": "Soothing pastel theme for DuckDuckGo",
|
|
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/duckduckgo",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/duckduckgo/catppuccin.user.less",
|
|
"name": "DuckDuckGo Catppuccin",
|
|
"originalDigest": "c10b0003593080fd54ec9f6f342daa2acb808416",
|
|
"_id": "0dc8d202-eec3-4899-967c-76c944413214",
|
|
"_rev": 1736501771723,
|
|
"id": 11,
|
|
"etag": "W/\"5498e38db36015bf7da29aa0cbac932a76962f9adc3d24f340603e7626acf5d0\"",
|
|
"updateDate": 1736501264521
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"installDate": 1715535130675,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"sourceCode": "/* ==UserStyle==\n@name Google Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/google\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/google\n@version 2024.12.31\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/google/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agoogle\n@description Soothing pastel theme for Google\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@-moz-document regexp(\"^https?://(www\\\\.|images\\\\.)?google\\\\..*\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n color-scheme: if(@flavor = latte, light, dark);\n\n iframe {\n color-scheme: none !important;\n }\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n &,\n body {\n background: @base !important;\n --uv-styles-color-surface: @crust;\n --uv-styles-color-tertiary: @surface0;\n --uv-styles-color-secondary: fade(@blue, 25%);\n --uv-styles-color-primary: @base;\n --uv-styles-color-on-primary: @blue;\n --uv-styles-color-text-primary: @blue;\n --uv-styles-color-icon-default: @text;\n --uv-styles-color-text-emphasis: @text;\n --uv-styles-color-icon-on-secondary: @subtext0;\n --uv-styles-color-on-tertiary: @text;\n --uv-styles-color-icon-on-tertiary: @text;\n --uv-styles-color-scrim: fade(@crust, 75%);\n --uv-styles-color-on-scrim: @text;\n --uv-styles-color-icon-on-scrim: @text;\n --xhUGwc: @base;\n --bbQxAb: @text;\n --IXoxUe: @subtext0;\n --COEmY: @text;\n --YLNNHc: @text;\n --JKqx2: @blue;\n --gS5jXb: @surface0;\n --mXZkqc: @surface0;\n --EpFNW: @mantle;\n --XKMDxc: @mantle;\n --TSWZIb: @mantle;\n --tefdc5886c2f04483: @text;\n --te8f1ea4d4928be48: @text !important;\n --ta884a309a24f44f4: @subtext0 !important;\n --tdee01b39543f1cac: @base !important;\n --tcc8c9ef487836e2b: @surface0 !important;\n --ta83cba65577ef850: @blue !important;\n --t7d1a3050c2c1c0a5: @text !important;\n --t6a0469853a1a02c1: @text !important;\n --t5feec22832a0fdd6: @surface0 !important;\n --t342c96645d13ae13: @accent !important;\n --t6c7325fca9d536d4: @text !important;\n --tf7148cf5018d5074: @text !important;\n --t9ab8d922307d428d: @text;\n --t62e84c71989f1975: @red !important;\n --tc9db399ed82142e1: @green !important;\n --uv-styles-color-text-default: @subtext0 !important;\n --uv-styles-color-review-stars: @yellow !important;\n --gm3-sys-color-primary: @surface0;\n --gm3-sys-color-on-primary: @blue;\n --Nsm0ce: @blue;\n }\n\n /* header background */\n .CvDJxb {\n background-color: @base !important;\n }\n\n /* safe search toggle dropdown */\n .z4R3Z.yb2zA {\n color: @blue !important;\n }\n .z4R3Z {\n color: @text !important;\n }\n\n /* selected image background */\n .PNCib.fT6ABc::after {\n background-color: @surface1 !important;\n border-color: @blue !important;\n }\n\n /* travel */\n .Usd1Ac {\n background-color: @surface0 !important;\n border-color: @surface2 !important;\n }\n .P77izf {\n background-color: @base !important;\n color: @text !important;\n }\n .VfPpkd-StrnGf-rymPhb-f7MjDc,\n .VfPpkd-qPzbhe-JNdkSc-Bz112c {\n color: @accent !important;\n }\n .EL3pcf {\n color: @accent !important;\n }\n .bVfPpkd-StrnGf-rymPhb,\n .DMZ54e {\n color: @text !important;\n }\n .VfPpkd-pafCAf,\n .VfPpkd-pafCAf-OWXEXe-Xhs9z {\n fill: @mantle !important;\n }\n .VfPpkd-l6JLsf::after {\n background-color: @blue !important;\n }\n .VfPpkd-l6JLsf::before {\n background-color: @surface2 !important;\n }\n .VfPpkd-uMhiad::after {\n background: @overlay0;\n }\n .dmaMHc {\n background-color: @surface0 !important;\n }\n .AJxgH {\n background-color: @mantle !important;\n }\n .VfPpkd-cTi5dd {\n color: @accent !important;\n }\n /* news column thingymaboober idk what it's actually called, but it's like these columns of news headlines so yeah */\n .nEklgc {\n background-color: @surface0;\n }\n .JJZKK.Wui1sd {\n border-color: @surface0;\n }\n .rbYSKb,\n .FuOudf,\n .GI74Re {\n color: @subtext0;\n }\n /* widgets */\n /* timer */\n .pMz3A,\n .qhXOwb,\n .yrvNxb .pv60Cd,\n .LPl7kb .pv60Cd,\n .Q7q8pf .pv60Cd {\n background-color: @mantle !important;\n }\n\n /* color picker */\n .P2c8Dd {\n background-color: @base;\n }\n\n .R9RxHd {\n border-color: @surface0;\n }\n\n /* unit converter */\n .LNn04b {\n background-color: @mantle;\n color: @text !important;\n border-color: @surface0;\n }\n\n .vXQmIe,\n .vk_c {\n color: @text !important;\n border-color: @surface0 !important;\n }\n\n .NIzGle {\n background-color: @yellow;\n color: @crust;\n }\n\n /* periodic table */\n .DJ3Gm {\n background-color: @peach;\n color: @crust;\n }\n\n .nA1S9d {\n background-color: @mauve;\n color: @crust;\n }\n\n .qY66Od {\n background-color: @blue;\n color: @crust;\n }\n\n .IJR6Te {\n background-color: @sky;\n color: @crust;\n }\n\n .asrVsb {\n background-color: @surface0;\n }\n\n .VCIyZb {\n background-color: @red;\n color: @crust;\n }\n\n .QRbwTb {\n background-color: @teal;\n color: @crust;\n }\n\n .tASb2d {\n background-color: darken(@red, 5%);\n color: @crust;\n }\n\n .Fm9Me {\n background-color: @yellow;\n color: @crust;\n }\n\n .wo1y7c {\n background-color: @green;\n color: @crust;\n }\n\n /* search bar right beneath websites */\n .YbqTTb,\n g-flat-button.BwMo1 {\n background-color: @base;\n border-color: @surface0;\n }\n\n .YbqTTb:focus {\n border-color: @accent;\n }\n\n /* some play buttons on games */\n .fxvhbc,\n .pGGGle {\n background-color: @accent;\n color: @crust;\n }\n\n /* calculator senpai~ */\n .zRQJhd {\n background-color: @base !important;\n }\n .XH1CIc {\n color: @subtext0;\n }\n .pno7A.hU1rMc .Tqvz7b,\n .pno7A.rfUaPd .SwDSDf {\n color: @subtext1;\n }\n .pno7A.rfUaPd .Tqvz7b {\n color: @text;\n }\n .tR3EBc {\n background-color: @mantle;\n }\n .AOvabd,\n .dxp44d {\n background: @surface0 !important;\n color: @text !important;\n border-color: @surface0 !important;\n &:hover {\n background-color: @surface1;\n border-color: @surface1;\n }\n }\n .zbvg1c {\n color: @text;\n }\n .UUhRt {\n background-color: @blue;\n color: @mantle;\n border-color: @blue;\n &:hover {\n background-color: @sky;\n border-color: @sky;\n }\n }\n .tw-lliw.item-selected .language_list_item {\n color: @blue;\n }\n .qv3Wpe {\n color: @text;\n }\n .TIGsTb {\n border-color: @surface0;\n }\n .TIGsTb:hover {\n background-color: @surface0;\n border-color: @surface0;\n }\n .MEdqYd,\n .feqqG {\n background: @surface2;\n color: @text;\n border-color: @surface2;\n &:hover {\n background-color: @overlay0;\n border-color: @overlay0;\n }\n }\n /* more button */\n .CybWFf {\n background-color: @surface0;\n }\n .Lu57id {\n color: @subtext0;\n }\n /* live sports */\n .Wrsj9b,\n .ofy7ae,\n .PPjCfd,\n .lr-imso-fix {\n background-color: @accent !important;\n color: @crust !important;\n }\n\n .liveresults-sports-immersive__match-grid-bottom-border,\n .liveresults-sports-immersive__match-grid-right-border,\n .YENodc {\n border-color: @surface0;\n }\n\n .liveresults-sports-immersive__match-tile:hover,\n .KAIX8d:hover,\n .kwbMAe {\n background-color: @surface0;\n }\n\n .imspo_mt__dt-t,\n .imspo_mt__pm-infc,\n .GOsQPe {\n color: @text !important;\n }\n /* knowoledge panel uwu */\n .H73aad {\n &,\n &hover {\n background-color: @mantle !important;\n border-color: @surface0 !important;\n }\n }\n\n .AQtWSd,\n .ulmfef,\n .xCBykf,\n .m2E3md {\n color: @blue;\n }\n\n .joHe2d {\n background-color: @base !important;\n box-shadow: 0 1px 0 @base !important;\n }\n .xt8Uw,\n .ipwqjc,\n .Bk8Hxd:link,\n .ucRBdc,\n .PDzHbe,\n .pt3Hdf,\n .Cv2Brc,\n .IFGUre,\n .review-dialog {\n color: @text;\n }\n\n .GK1a5e {\n background-color: @text;\n }\n\n .RC9d6e {\n border-top-color: @text;\n }\n\n .IFmkIb.IFmkIb {\n background-color: @surface0;\n border-color: @surface2;\n }\n .ab_button {\n background-image: linear-gradient(to top, @surface0, @base);\n background-color: @surface0;\n border-color: @surface1;\n }\n\n .PGbOqf {\n background-color: @accent;\n }\n\n .yAbdSd {\n color: @red;\n }\n\n .ycghLd {\n background-color: @red;\n border-color: @red;\n }\n\n .IRH78d,\n .CFjcj,\n .HkuhB {\n color: @subtext0;\n }\n .l2gNXd {\n background-color: @yellow;\n }\n .uVGhGc,\n .hIqKNb {\n background-color: @surface0;\n }\n .tcuWYc {\n background-image: linear-gradient(\n @overlay0 1px,\n rgba(255, 255, 255, 0) 0\n );\n }\n .qk7LXc.Fb1AKc,\n .fAt9Jd,\n .SME0md,\n .ipwqjc {\n background-color: @base !important;\n }\n\n .ttBXeb,\n .NDTw3e.K7R36c,\n .knowledge-finance-wholepage-chart__fw-uch .uch-svg {\n color: @subtext0;\n }\n\n .sQ6RSc {\n fill: @text;\n }\n\n .egcvbb {\n border-color: @surface2;\n &:hover {\n border-color: @text;\n }\n }\n\n .knowledge-finance-wholepage-chart__hover-card {\n background-color: @base;\n }\n .knowledge-finance-wholepage-chart__hover-card-time {\n color: @subtext0;\n }\n\n .fw-ch-sel .KWk7r.qUjgX {\n background-color: @surface0;\n color: @blue;\n }\n\n .gb_Ka.gb_f,\n .gb_Na.gb_f,\n #gb {\n background-color: @base !important;\n svg,\n .gb_Rc svg,\n .gb_dd .gb_ld,\n .gb_3c .gb_ld {\n color: @text;\n }\n }\n .gb_Nc a.gb_F,\n .gb_Nc span.gb_F {\n color: @text;\n }\n .uU7dJb {\n border-bottom-color: @surface0;\n background-color: @mantle;\n color: @subtext1;\n }\n .gb_Nc .gb_d:hover {\n background-color: @surface0;\n }\n .KxwPGc {\n background-color: @mantle;\n }\n .HJSKzf {\n color: @text;\n }\n\n .gbqfba,\n .lJ9FBc input[type=\"submit\"] {\n color: @text;\n background-color: @surface0;\n border-color: @surface1;\n &:hover {\n color: @text;\n background-color: @surface0;\n border-color: @surface2;\n }\n }\n\n /* AI search */\n\n .UxeQfc,\n .s7d4ef,\n .yXu61c,\n .X6JNf,\n .BERAof,\n .oxbMzd,\n .A5s9h,\n .V9Wb7c,\n .GVUPk,\n .GyAeWb,\n .A0hi5,\n .Tme6jf {\n background-color: @base !important;\n }\n\n .d3o3Ad,\n .sZKvbe {\n fill: @green !important;\n }\n\n .Fzsovc,\n .cwYVJe,\n .RJPOee,\n .vM0jzc,\n .clOx1e,\n .vDF3Oc.vDF3Oc .R8BTeb,\n .vDF3Oc.vDF3Oc .ouxCkc,\n .Yt787,\n .mulB1,\n .xUc8Ie,\n .sfgTZc,\n .I6Kpxd,\n .cQEt3 {\n color: @text !important;\n }\n\n .yQLaje,\n .tVoQIb,\n .f9nOyf,\n .kHtcsd,\n .DopHqc,\n .p7bv,\n .ar9V1,\n .DfMusf,\n .y6CIle,\n .JukT7c,\n .xUc8Ie.BXdrne,\n .sEqX7e,\n .ZFiwCf {\n background-color: @surface0 !important;\n }\n\n .xUc8Ie.BXdrne,\n .YUg0se,\n .WGbsof {\n border-color: @surface2 !important;\n }\n\n .NOo3C {\n color: @subtext1;\n }\n\n .WGbsof[selected] {\n background-color: @blue;\n border-color: @blue !important;\n }\n\n /* End of AI search */\n\n /* \"People also search for..\" / \"People also ask\" section */\n .vIifob,\n .p8Jhnd {\n background-color: @surface0 !important;\n }\n\n .vBnbff,\n .RSWv0c.NaC7Cf,\n .RSWv0c.NaC7Cf .q8U8x > div:nth-child(1) {\n background-color: @surface0 !important;\n color: @text !important;\n }\n\n .DxHbyd {\n background-color: @surface2 !important;\n }\n\n .dg6jd {\n color: @text !important;\n }\n\n /* mobile ui */\n /* header background & search bar */\n .v6U7rf {\n background-color: @base;\n }\n\n .zGVn2e,\n .u4frDf {\n background: @surface0 !important;\n }\n\n /* search suggestions */\n .K4VNlb,\n .Sl6fgd.A7Yvie,\n .Sl6fgd .zGVn2e,\n .UUbT9 {\n background-color: @surface0;\n border-color: @surface0 !important;\n }\n .sb43 {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" xml:space=\"preserve\" width=\"40\" height=\"124\" viewBox=\"0 0 10.583 32.808\"><g opacity=\"1\"><path d=\"m1.413 30.263-.631-.63 3.336-3.36 1.803 1.804 2.344-2.322H7.093v-.901h2.705v2.704h-.902v-1.172l-2.975 2.976-1.803-1.804Z\" fill=\"@{subtext1}\" fill-opacity=\".992157\" stroke-width=\".391936\"/><g fill=\"#e8eaed\" stroke-width=\".742615\"><path fill=\"none\" d=\"M1.016 12.129h8.551v8.551H1.016Z\" fill-opacity=\"1\" stroke-width=\".742615\"/><path d=\"M5.288 12.842a3.562 3.562 0 1 0 3.566 3.562 3.564 3.564 0 0 0-3.566-3.562m.003 6.413a2.85 2.85 0 1 1 0-5.7 2.85 2.85 0 1 1 0 5.7m.179-4.632h-.535v2.138l1.87 1.122.268-.438-1.603-.951z\" display=\"inline\" fill=\"@{subtext1}\" fill-opacity=\".992157\" stroke-width=\".742615\"/></g><g fill=\"none\" stroke-width=\".6\"><path d=\"M0 0h10.583v10.583H0Z\" fill=\"none\" stroke-width=\".6\"/><path d=\"M6.835 6.174h-.348l-.124-.12a2.85 2.85 0 0 0 .693-1.865 2.866 2.866 0 1 0-2.867 2.867c.71 0 1.363-.26 1.866-.693l.119.124v.348l2.204 2.2.657-.657zm-2.646 0c-1.098 0-1.984-.887-1.984-1.985s.886-1.984 1.984-1.984 1.985.886 1.985 1.984-.887 1.985-1.985 1.985\" fill=\"@{subtext1}\" fill-opacity=\".996078\" stroke-width=\".6\"/></g></g></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n /* text */\n .SAuUUd-z5C9Gb-fmcmS,\n .tJaMb,\n .TElO2c,\n .cQp1Ab {\n color: @text !important;\n }\n\n .s49v2 {\n b,\n span {\n color: @text !important;\n }\n }\n\n .ob9lvb {\n color: @subtext0;\n }\n\n /* borders */\n .Dgr5Hb,\n .GqbEwc {\n border-color: @surface0 !important;\n }\n\n #gsr {\n background-color: @mantle;\n }\n\n .Ww4FFb {\n box-shadow: 0 0 0 1px @base;\n }\n\n .Faw6Fe,\n .GpOXq {\n border-color: @surface0 !important;\n }\n\n .zGVn2e,\n .jh86Nb {\n border-color: @surface1 !important;\n }\n\n /* Featured snippets */\n @media (prefers-reduced-motion: no-preference) {\n .c2xzTb .ILfuVd b {\n background: linear-gradient(\n 90deg,\n fade(@accent, 30%) 50%,\n #0000 50%\n ) no-repeat 75% 0;\n background-size: 200% 100%;\n }\n }\n\n .pHiOh,\n a.pHiOh {\n color: @subtext1 !important;\n }\n a {\n color: @blue;\n }\n .RNNXgb {\n background: @surface0;\n border-color: @surface1;\n }\n .RNNXgb:hover,\n .sbfc .RNNXgb {\n background: @surface0 !important;\n border-color: @surface0;\n box-shadow: 0 1px 6px 0 @crust;\n }\n .minidiv .RNNXgb {\n background: @surface0;\n border-color: @surface1;\n &:hover {\n box-shadow: 0 4px 12px @crust;\n }\n }\n .HSryR .KsRP6 {\n border-color: @surface2;\n }\n .emcav .RNNXgb {\n box-shadow: 0 1px 6px 0 @crust;\n background: @surface0;\n border-color: @surface0;\n }\n .aajZCb {\n background: @surface0;\n box-shadow: 0 4px 6px 0 @crust;\n }\n .xtSCL {\n border-top-color: @surface2;\n }\n .sbct:hover {\n background-color: @surface1;\n }\n .WggQGd {\n color: @mauve !important;\n }\n .JCHpcb {\n color: @subtext0;\n }\n .JCHpcb:hover {\n color: @blue;\n }\n .wM6W7d,\n .ABAbCc {\n color: @text;\n }\n .uDetx {\n fill: @text;\n }\n .ExCKkf,\n .BjWz4c {\n color: @subtext0;\n }\n .ACRAdd {\n border-left-color: @overlay0;\n }\n .Pvpvv {\n background-color: @crust;\n border-color: @surface1;\n color: @text;\n }\n .w9dUj {\n color: @text !important;\n }\n .Pvpvv .zE5Aq,\n .adnFRd,\n .XfJHbe {\n color: @blue;\n }\n .CS4h3e {\n background-color: @subtext0;\n }\n .Pvpvv .xyGai {\n color: @text;\n }\n #SIvCob {\n color: @text;\n }\n .gb_Jc a.gb_B,\n .gb_Jc span.gb_B {\n color: @text;\n }\n .gb_Jc svg,\n .gb_Oc.gb_Sc svg,\n .gb_Jc .gb_ad .gb_id,\n .gb_Jc .gb_ad .gb_Ic,\n .gb_Jc .gb_ad .gb_cd,\n .gb_Oc.gb_Sc .gb_id {\n color: @text;\n }\n .gb_Ka svg,\n .gb_Oc svg,\n .gb_ad .gb_id,\n .gb_0c .gb_id {\n color: @text;\n }\n .gLFyf {\n color: @text;\n }\n .QCzoEc {\n color: @overlay2;\n }\n .szppmdbYutt__middle-slot-promo {\n color: @text;\n }\n .gb_Jc .gb_Ud button:hover svg,\n .gb_Jc .gb_d:hover {\n background-color: @surface0;\n }\n .gb_Jc .gb_Ud.gb_qe button:hover svg,\n .gb_Ud button:hover svg,\n .gb_d:hover {\n background-color: @surface0;\n }\n .gb_We {\n background: @mantle;\n color: @text;\n }\n a.gb_B,\n span.gb_B {\n color: @text;\n }\n .gb_zc div:first-child {\n color: @text;\n }\n .gb_zc > * {\n color: @subtext0;\n }\n .ClJ9Yb {\n color: @subtext0;\n }\n .sfbg {\n background-color: @base;\n }\n .jfN4p,\n .lnXdpd:not([src^=\"/logos/doodles/\"]) {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"272\" height=\"92\"><path fill=\"@{red}\" d=\"M115.75 47.18c0 12.77-9.99 22.18-22.25 22.18s-22.25-9.41-22.25-22.18C71.25 34.32 81.24 25 93.5 25s22.25 9.32 22.25 22.18m-9.74 0c0-7.98-5.79-13.44-12.51-13.44S80.99 39.2 80.99 47.18c0 7.9 5.79 13.44 12.51 13.44s12.51-5.55 12.51-13.44\"/><path fill=\"@{yellow}\" d=\"M163.75 47.18c0 12.77-9.99 22.18-22.25 22.18s-22.25-9.41-22.25-22.18c0-12.85 9.99-22.18 22.25-22.18s22.25 9.32 22.25 22.18m-9.74 0c0-7.98-5.79-13.44-12.51-13.44s-12.51 5.46-12.51 13.44c0 7.9 5.79 13.44 12.51 13.44s12.51-5.55 12.51-13.44\"/><path fill=\"@{blue}\" d=\"M209.75 26.34v39.82c0 16.38-9.66 23.07-21.08 23.07-10.75 0-17.22-7.19-19.66-13.07l8.48-3.53c1.51 3.61 5.21 7.87 11.17 7.87 7.31 0 11.84-4.51 11.84-13v-3.19h-.34c-2.18 2.69-6.38 5.04-11.68 5.04-11.09 0-21.25-9.66-21.25-22.09 0-12.52 10.16-22.26 21.25-22.26 5.29 0 9.49 2.35 11.68 4.96h.34v-3.61h9.25zm-8.56 20.92c0-7.81-5.21-13.52-11.84-13.52-6.72 0-12.35 5.71-12.35 13.52 0 7.73 5.63 13.36 12.35 13.36 6.63 0 11.84-5.63 11.84-13.36\"/><path fill=\"@{green}\" d=\"M225 3v65h-9.5V3z\"/><path fill=\"@{red}\" d=\"m262.02 54.48 7.56 5.04c-2.44 3.61-8.32 9.83-18.48 9.83-12.6 0-22.01-9.74-22.01-22.18 0-13.19 9.49-22.18 20.92-22.18 11.51 0 17.14 9.16 18.98 14.11l1.01 2.52-29.65 12.28c2.27 4.45 5.8 6.72 10.75 6.72 4.96 0 8.4-2.44 10.92-6.14m-23.27-7.98 19.82-8.23c-1.09-2.77-4.37-4.7-8.23-4.7-4.95 0-11.84 4.37-11.59 12.93\"/><path fill=\"@{blue}\" d=\"M35.29 41.41V32H67c.31 1.64.47 3.58.47 5.68 0 7.06-1.93 15.79-8.15 22.01-6.05 6.3-13.78 9.66-24.02 9.66C16.32 69.35.36 53.89.36 34.91S16.32.47 35.3.47c10.5 0 17.98 4.12 23.6 9.49l-6.64 6.64c-4.03-3.78-9.49-6.72-16.97-6.72-13.86 0-24.7 11.17-24.7 25.03s10.84 25.03 24.7 25.03c8.99 0 14.11-3.61 17.39-6.89 2.66-2.66 4.41-6.46 5.1-11.65z\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n .aXBZVd {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"@{text}\" d=\"m20.49 19-5.73-5.73C15.53 12.2 16 10.91 16 9.5A6.5 6.5 0 1 0 9.5 16c1.41 0 2.7-.47 3.77-1.24L19 20.49zM5 9.5C5 7.01 7.01 5 9.5 5S14 7.01 14 9.5 11.99 14 9.5 14 5 11.99 5 9.5\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n .zgAlFc {\n color: @blue;\n }\n .fLciMb {\n color: @text;\n }\n .d2IKib {\n color: @red;\n }\n .fLciMb:hover {\n background-color: @surface0;\n }\n .kno-ftr.rpBMYb {\n color: @subtext0;\n }\n .aTI8gc {\n color: @text;\n }\n .wwUB2c {\n color: @subtext0;\n }\n .dhERQc {\n color: @base !important;\n background-color: @blue !important;\n }\n .z1asCe,\n .ikb4Bb {\n color: @subtext1 !important;\n }\n .rsGxI.Ww4FFb,\n .Ww4FFb {\n background-color: @base;\n }\n .RES9jf {\n color: @text;\n }\n .CSkcDe,\n .related-question-pair div.iDjcJe {\n color: @text;\n }\n .cUnQKe .ILfuVd b,\n .cUnQKe .QBI8hf b {\n background-color: fade(@blue, 25%);\n color: @text;\n }\n .cUnQKe .ILfuVd,\n .cUnQKe .UiGGAb.ILfuVd {\n color: @subtext1;\n }\n .ZYHQ7e {\n color: @subtext0;\n }\n .VuuXrf {\n color: @text;\n }\n .hb8SAc,\n .gb_Oc a.gb_H,\n .gb_Oc span.gb_H {\n color: @text;\n }\n .TQc1id .I6TXqe {\n border-color: @surface2;\n }\n .I6TXqe,\n .zaokob {\n background: @base;\n }\n .tw-lliw:hover,\n .tw-lliw:focus {\n background-color: @surface0;\n }\n .language_list_languages.tw-ll-top::after {\n background: linear-gradient(to bottom, transparent, @base);\n }\n .HsZQAe {\n border-bottom-color: @surface2;\n }\n .KLEmSd {\n border-bottom-color: @surface1;\n }\n .NtaMpb .niO4u,\n .nZWEZc .ttwCMe,\n .xNzW0d,\n .lWzCpb {\n background-color: @base;\n }\n .aURkK {\n border-left-color: @surface1;\n }\n .iRPzcb {\n border-bottom-color: @surface1;\n }\n .related-question-pair .d0fCJc {\n color: @text;\n }\n cite,\n cite a:link,\n cite a:visited {\n color: @subtext0;\n }\n .WZ8Tjf,\n .EZAeBe,\n .F0gfrd {\n color: @subtext0;\n }\n .yDYNvb.lyLwlc {\n color: @text;\n }\n .H9lube {\n background-color: @base;\n border-color: @surface2;\n }\n .Bi9oQd {\n background-color: @surface1;\n }\n .akqY6 {\n background: @surface1;\n }\n .KFFQ0c .YfftMc,\n .KFFQ0c .YfftMc span,\n .KFFQ0c .YfftMc div,\n .KFFQ0c .YfftMc a,\n g-menu.DWsAYc g-menu-item a.K1yPdf,\n .f3LoEf,\n .TXBhSe:hover,\n .TXBhSe:not(:hover),\n .r025kc.lVm3ye,\n .Bo9xMe,\n .oyj2db {\n color: @subtext0;\n }\n .dyjrff,\n .LEwnzc {\n color: @subtext1;\n }\n .ZFiwCf {\n background-color: @surface0;\n &:hover {\n background-color: @surface1;\n }\n }\n .LGwnxb,\n .WGwSK {\n color: @text;\n }\n .EsIlz {\n background-color: @base;\n border-color: @surface1;\n }\n .O7G3Gd {\n color: @text;\n &:hover {\n color: @blue;\n }\n }\n .appbar {\n background: @base;\n border-top-color: @surface1;\n }\n .bSeRjc:hover .fKmH1e {\n color: @subtext1;\n background-color: @surface0;\n }\n .bSeRjc:hover div[aria-expanded=\"true\"] .fKmH1e,\n div[aria-expanded=\"true\"] .fKmH1e {\n background-color: fade(@blue, 25%);\n color: @blue;\n }\n .LHJvCe,\n .vqseUe,\n .dMCttd {\n color: @subtext0;\n }\n .dG2XIf .xpdbox .yc7KLc {\n background-color: @base;\n }\n .URgIvb {\n border-color: @blue;\n background-color: @blue;\n }\n .pdpvld {\n color: @green;\n }\n .YrbPuc {\n color: @subtext1;\n }\n .SRfaKe,\n .SRfaKe h2 {\n background-color: @mantle;\n }\n .y6CIle {\n background-color: @surface0;\n }\n .Yt787,\n .vDF3Oc.vDF3Oc .R8BTeb {\n color: @text;\n }\n .IDFSOe {\n background-color: @surface2;\n }\n .ffmmcd,\n .u7yw9 .WeviRb {\n border-color: @surface1;\n }\n .wdQNof {\n border-color: @surface1;\n background-color: @base;\n }\n .PewBWb {\n border-top-color: @surface1;\n }\n .eadHV.Ses7yd {\n color: @text !important;\n }\n .f,\n .j04ED,\n .j04ED a,\n .j04ED a:link,\n .XaIwc {\n color: @subtext0 !important;\n }\n #_Xg6uZYKGBYCDhbIPvK2s2AI_27\n > div:nth-child(3)\n > g-right-button:nth-child(1)\n > g-fab:nth-child(1),\n g-right-button.wgbRNb > g-fab:nth-child(1) {\n background-color: @crust !important;\n }\n .gb_2e {\n background-color: @surface0;\n }\n .gb_Ec {\n div:first-child {\n color: @text;\n }\n > * {\n color: @subtext0;\n }\n }\n .kLhEKe {\n background-color: @base;\n }\n .S8ee5.CwbYXd {\n color: @text;\n }\n .S8ee5 {\n background: @surface0;\n }\n .S8ee5:hover {\n background: @surface1;\n }\n .rhHIGd {\n background-color: @surface2;\n }\n .sY7ric {\n color: @text;\n }\n .I6a0ee {\n background-color: @base;\n border-color: @surface2;\n color: @text;\n }\n .I6a0ee:hover {\n background-color: @mantle;\n border-color: @surface2;\n }\n .I6a0ee:focus {\n background-color: @crust;\n border-color: @surface2;\n }\n .pxhZNb {\n background-color: @surface0 !important;\n color: @text;\n }\n .d2F2Td {\n color: @text;\n }\n .c07z9 {\n color: @subtext0;\n }\n .c07z9 a,\n .c07z9 a:active,\n .c07z9 a:link {\n color: @text;\n text-decoration-color: @subtext0;\n }\n .wHYlTd {\n color: @subtext0;\n }\n .dG2XIf .c2xzTb .wDYxhc:first-child {\n background: @base;\n }\n .fm06If .ILfuVd,\n .c2xzTb .ILfuVd,\n .Jb0Zif .c2xzTb .ILfuVd {\n color: @text;\n }\n .fm06If .ILfuVd b,\n .c2xzTb .ILfuVd b {\n background-color: fade(@blue, 25%);\n color: @text;\n }\n .GKS7s {\n background: @surface0;\n border-color: @surface1;\n box-shadow: inset 0 0 0 1px @surface2;\n }\n .GKS7s:hover {\n background-color: @surface1 !important;\n border-color: @surface2;\n }\n .yXK7lf em {\n color: @text;\n }\n .Lb0dA:hover {\n background-color: @surface0;\n }\n .Lb0dA[aria-expanded=\"true\"]:hover .EGarzf {\n color: @blue;\n }\n .Lb0dA[aria-expanded=\"true\"] {\n background-color: fade(@blue, 25%);\n }\n .BaegVc:hover {\n background-color: @surface0;\n }\n .hdtb-tl-sel .BaegVc {\n background-color: fade(@blue, 25%);\n }\n .BaegVc:focus {\n background-color: fade(@blue, 25%);\n }\n .TZqsAd {\n background: @overlay0;\n }\n .FalWJb {\n background: @base;\n }\n .YeThId {\n border-top-color: @surface1;\n }\n .k8XOCe {\n background-color: @surface0;\n }\n .s75CSd {\n color: @text;\n }\n .ZkkK1e,\n .uAbMZd {\n background: @base;\n border-color: @surface1;\n &:hover {\n background: @surface0;\n }\n }\n .QjI2jc {\n color: @subtext0;\n }\n .lhLbod {\n color: @subtext0;\n }\n .nr7I6e div[aria-expanded=\"true\"] .F75bid,\n .nr7I6e div[aria-expanded=\"true\"]:hover .fFI3rb .F75bid {\n color: @blue;\n }\n .F75bid {\n color: @subtext0;\n }\n div[aria-expanded=\"true\"] .fFI3rb {\n background-color: fade(@blue, 25%) !important;\n }\n div[aria-expanded=\"true\"]:hover .fFI3rb:hover {\n background-color: fade(@blue, 25%) !important;\n }\n .MAMMm {\n background: @mantle;\n box-shadow: 0 2px 6px @crust !important;\n }\n [selected].nWtjMe {\n background: fade(@blue, 25%) !important;\n }\n .uZNuIf:hover {\n background-color: @surface0;\n color: @text;\n }\n [selected].nWtjMe .FMKtTb {\n color: @text;\n }\n .nWtjMe .FMKtTb {\n color: @subtext0;\n }\n .GKS7s .FMKtTb,\n .GKS7s .RWhoyd.mol54e {\n color: @text;\n }\n .ePSouf .FMKtTb {\n color: @subtext0;\n }\n .NkCsjc:hover {\n background-color: @surface0 !important;\n color: @text;\n }\n .nr7I6e div[aria-haspopup=\"true\"]:hover .F75bid {\n color: @text;\n }\n a.hisnlb {\n background: fade(@overlay2, 25%);\n }\n div[aria-expanded=\"true\"] .fFI3rb,\n div[aria-expanded=\"true\"]:hover .fFI3rb:hover {\n background-color: @surface0 !important;\n }\n .hdtb-tl-sel .BaegVc .WjMmQ:hover {\n color: @blue;\n }\n .hdtb-mn-hd {\n color: @subtext0;\n }\n .hdtb-mn-hd:hover {\n color: @text;\n }\n .fSnalc {\n stroke: @blue;\n }\n .oOg6Ne {\n stroke: @yellow;\n }\n .ZqPjbb {\n stroke: @red;\n }\n .aPiskd {\n stroke: @green;\n }\n .s8GCU {\n background-color: @base;\n }\n .Lj9fsd {\n background-color: @base;\n }\n .jZWadf {\n background-color: @base;\n }\n .rQEFy,\n .rQEFy:hover {\n border-color: fade(@blue, 25%);\n background-color: fade(@blue, 25%);\n }\n .gbZSUe {\n color: @text;\n }\n .gbZSUe:hover {\n background: @surface0;\n }\n .XZ5MVe {\n color: @blue;\n }\n a:visited {\n color: @mauve;\n }\n .SvoXfb > .x5f7Bc {\n fill: @subtext0;\n }\n .SvoXfb:hover > .x5f7Bc {\n fill: @text;\n }\n .SvoXfb:hover {\n background-color: @surface0;\n }\n .IsZvec,\n .yxAsKe {\n color: @subtext0;\n }\n .zqrO0.k0Jjg .QuU3Wb,\n .zqrO0.k0Jjg:hover .QuU3Wb {\n color: @subtext1;\n }\n .uo4vr {\n color: @subtext0;\n }\n .minidiv .sfbg {\n background: @base;\n box-shadow: 0 1px 6px 0 @crust;\n }\n .aqCVJb {\n background-color: @blue !important;\n border-color: @blue !important;\n }\n .T8VaVe {\n color: @blue;\n }\n .tw-ta,\n #tw-source-text-container .tw-ta,\n #tw-source-rmn-container .tw-ta {\n color: @text;\n }\n .tw-bilingual-marked {\n border-color: @blue;\n }\n #tw-target {\n background-color: @surface0;\n }\n .tw-data-placeholder {\n color: @text;\n }\n .j1iyq {\n border-color: @surface2;\n }\n .w8qArf .fl {\n color: @text !important;\n }\n .HSryR a.B1uW2d {\n border-bottom-color: @surface2;\n }\n .usJj9c .zz3gNc {\n color: @text;\n }\n .Ss2Faf a {\n color: @text;\n }\n .aCOpRe em,\n .yXK7lf em {\n color: @text;\n }\n .FR7ZSc .niO4u {\n background-color: @base;\n border-color: @surface2;\n color: @blue;\n }\n .g {\n color: @text;\n }\n .VSHxQ {\n color: @subtext0;\n }\n .cF4V5c {\n background-color: @crust !important;\n }\n .cF4V5c g-menu-item a,\n .cF4V5c g-menu-item a:visited,\n .cF4V5c g-menu-item a:hover {\n color: @text;\n }\n .cF4V5c:hover g-menu-item:hover a,\n .cF4V5c:hover g-menu-item a:visited,\n .cF4V5c g-menu-item a:hover {\n background-color: @surface0;\n }\n .GZnQqe.LGiluc {\n border-top-color: @surface2 !important;\n }\n .pkWBse {\n box-shadow: 1px 1px 15px 0 @crust;\n }\n .dG2XIf {\n background: @base;\n border-color: @surface0 !important;\n }\n .Z0LcW {\n color: @text;\n }\n .i29hTd .qLLird {\n color: @text;\n }\n .i29hTd .kR7nSc {\n color: @text;\n }\n .N6Sb2c {\n color: @subtext0;\n }\n .C9iYEe {\n color: @subtext0;\n }\n .KcXNxb {\n background: @base;\n }\n .ss6qqb .PKDVJd {\n color: @subtext0;\n }\n a.oBa0Fe {\n color: @subtext0;\n }\n .o6juZc {\n background-color: @surface0;\n }\n .o6juZc:hover {\n background-color: @surface0;\n box-shadow: 0 4px 12px @crust;\n }\n .W6pGoe {\n background: @surface0;\n box-shadow: 0 4px 6px 0 @crust;\n }\n .WdWr7c {\n border-top-color: @surface2;\n }\n .sU3bKf {\n color: @text;\n }\n .O5OUld {\n color: @subtext0;\n }\n .zP7KFe {\n background: @surface1;\n }\n .O5OUld:hover {\n color: @blue;\n }\n .og3lId {\n color: @text;\n }\n .M3w8Nb .o6juZc {\n box-shadow: 0 1px 6px 0 @crust;\n }\n .r8xEL {\n color: @text;\n }\n .ZZ7G7b {\n color: @text;\n border-color: @surface1;\n }\n .NZmxZe {\n background-color: @base;\n border-color: @surface1;\n color: @text;\n }\n .NZmxZe:not(.rQEFy):hover,\n .cj2HCb.iuN0sf .w6PoOe:hover,\n .CgGjZc:hover {\n background-color: @surface0;\n border-color: @surface1;\n color: @text;\n }\n .ssfWCe .ZXJQ7c,\n .cj2HCb.iuN0sf .w6PoOe,\n .G2XB8d,\n .cj2HCb.iuN0sf .w6PoOe .KA8Jyb {\n color: @subtext0;\n .KA8Jyb:hover {\n fill: @subtext1;\n }\n }\n .KA8Jyb {\n fill: @subtext0;\n }\n .CgGjZc:hover .G2XB8d {\n color: @subtext1;\n }\n .o6OF0 {\n background-color: @surface1;\n &:hover {\n background-color: @surface2;\n }\n .SHFPkb {\n color: @text;\n }\n .PnfqLc {\n color: @subtext0;\n }\n }\n .zbRPDe,\n .scU1d {\n color: @text;\n }\n .UafVBb {\n background-color: @base;\n border-color: @surface2;\n }\n .mEQved {\n color: @subtext0;\n }\n .goxjub {\n > path:nth-child(1) {\n fill: @blue;\n }\n > path:nth-child(2) {\n fill: @green;\n }\n > path:nth-child(3) {\n fill: @yellow;\n }\n > path:nth-child(4) {\n fill: @red;\n }\n }\n [fill=\"#34a853\"] {\n fill: @green;\n }\n [fill=\"#4285f4\"] {\n fill: @blue;\n }\n [fill=\"#ea4335\"] {\n fill: @red;\n }\n [fill=\"#fbbc05\"] {\n fill: @yellow;\n }\n .ssfWCe .ZXJQ7c:hover {\n background-color: @surface0;\n color: @text;\n }\n .qcTKEe {\n background-color: @base;\n }\n .ooPrBf {\n background: @base;\n }\n .r9PaP {\n color: @subtext0;\n }\n .r9PaP:hover {\n color: @blue;\n }\n .H1KrKd {\n fill: @subtext0;\n }\n .cEPPT {\n border-bottom-color: @surface1;\n }\n .Ix6LGe {\n background: @base;\n box-shadow: 0 2px 10px 0 @crust;\n }\n .Hm7Qac:hover,\n .EuKAde {\n background-color: @surface0;\n }\n .igM9Le {\n color: @text;\n }\n .irf0hb {\n box-shadow: 1px 1px 15px 0 @crust;\n }\n .gb_Mc .gb_Vd button:hover svg,\n .gb_Mc .gb_d:hover {\n background-color: @surface0;\n }\n .gb_Mc svg,\n .gb_Rc.gb_Vc svg,\n .gb_Mc .gb_dd .gb_ld,\n .gb_Mc .gb_dd .gb_Lc,\n .gb_Mc .gb_dd .gb_fd,\n .gb_Rc.gb_Vc .gb_ld {\n color: @text;\n }\n .cEW58 {\n background-color: @surface0;\n }\n .dyAbMb {\n fill: @subtext0;\n }\n .zItAnd,\n .zItAnd:link,\n .zItAnd:visited,\n .zItAnd:hover,\n .zItAnd:active {\n color: @text;\n }\n .zItAnd {\n background-color: @base;\n border-color: @surface1;\n }\n .zItAnd:not(.MgQdud):hover {\n background-color: @surface0;\n border-color: @surface1;\n }\n .fKmH1e {\n background-color: @base;\n border-color: @surface1;\n color: @subtext0;\n }\n .fKmH1e:hover {\n background-color: @surface0;\n border-color: @surface1;\n }\n .nfSF8e,\n .WRhYSc {\n color: @subtext0;\n }\n .nfSF8e:hover,\n .WRhYSc:hover {\n background-color: @surface0;\n color: @subtext0;\n }\n .ssJ7i {\n color: @text;\n }\n .iAIpCb {\n color: @subtext0;\n }\n .KMdzJ,\n .ss6qqb .oBrLN,\n .ylgVCe {\n color: @subtext1;\n }\n .PmPt7d {\n color: @subtext0;\n }\n .gb_Mc a.gb_E,\n .gb_Mc span.gb_E {\n color: @text;\n }\n a.gb_E,\n span.gb_E {\n color: @text !important;\n }\n .RzdJxc {\n border-top-color: @surface2;\n }\n .rKnmn {\n border-top-color: @surface2;\n }\n .FzCfme {\n color: @subtext0;\n }\n .hMJ0yc {\n color: @subtext0;\n }\n .yg51vc {\n background-color: @base;\n }\n .hdtb-mitem a {\n color: @subtext0;\n }\n .hdtb-mitem .GOE98c,\n .hdtb-mitem a,\n .hdtb-mitem.hdtb-msel,\n .t2vtad {\n color: @subtext0;\n }\n .t2vtad:not(.hdtb-tl-sel) {\n color: @subtext0;\n }\n .dG2XIf .xpdopen .mJ2Mod {\n border-color: @surface1;\n }\n .t2vtad:not(.hdtb-tl-sel):hover {\n background-color: @surface0;\n border-color: @surface1;\n color: @text;\n box-shadow: 0 1px 1px @crust;\n }\n .hdtb-mitem:hover .GOE98c:hover,\n .hdtb-mitem:hover a,\n .hdtb-mitem.hdtb-msel,\n .t2vtad:hover {\n color: @blue;\n }\n .w6PoOe {\n color: @subtext0;\n }\n .w6PoOe:hover {\n color: @text;\n }\n .Lj9fsd.DU1Mzb {\n background-color: @base;\n box-shadow: 0 1px 6px 0 @crust;\n .o6juZc {\n border-color: @surface1 !important;\n }\n }\n .dZ5aUe .vbLSne .MjJqGe:not(.xvfzbc):hover {\n background-color: @surface0;\n }\n .FjVBEd {\n color: @green;\n }\n title-with-lhs-icon:hover .ekf0x h3 {\n color: @blue;\n }\n .GmE3X {\n color: @text;\n }\n .iv236 {\n color: @text;\n }\n .GLcBOb {\n border-bottom-color: @surface1;\n }\n .ss6qqb .Ui2TZ {\n color: @text;\n }\n .wx62f {\n color: @subtext0;\n }\n #rhs .u7yw9 {\n border-left-color: @surface1;\n }\n .ss6qqb .Jk5Tjc {\n border-color: @surface2;\n }\n #rhs .u7yw9 .cLjAic {\n border-bottom-color: @surface1;\n }\n .JNkvid .HnYYW {\n color: @text;\n }\n .aokhrd .TZahnb {\n border-left-color: @surface1;\n }\n .Cx1ZMc {\n color: @subtext0;\n }\n .CBPSbf {\n background-color: @base;\n }\n .E74aCb {\n color: @text;\n }\n .OE86Gc {\n background-color: @base;\n color: @text;\n fill: @text;\n }\n .c72nic {\n color: @text;\n }\n .GXMTjb {\n background-color: @base;\n border-color: @surface0;\n }\n .A9y7kf {\n color: @subtext0;\n }\n .OE86Gc a {\n color: @blue;\n }\n .Es2Et {\n color: @subtext0;\n }\n .KwJT0.VqKh3b div div {\n background-color: @base;\n fill: @text;\n color: @text;\n border-color: @surface1;\n }\n .rx7XFb {\n background-color: @surface0;\n }\n .VP31Vb {\n color: @text;\n }\n .HXQjqf {\n background-color: fade(@blue, 25%);\n color: @blue;\n }\n .SW5pqf {\n color: @blue;\n }\n .rQEFy:hover {\n color: @blue;\n }\n .hdtb-tl-sel {\n border-color: @surface2;\n background: @surface0;\n color: @text;\n }\n .hdtb-tl-sel:focus {\n border-color: @surface2;\n background: @surface0;\n color: @blue;\n }\n .t2vtad:active,\n .t2vtad:not(.hdtb-tl-sel):hover:active {\n background-color: @surface0 !important;\n box-shadow: inset 0 1px 2px @crust !important;\n }\n .gTl8xb {\n border-color: @subtext0 transparent;\n }\n .hdtb-mn-hd:hover .gTl8xb {\n border-color: @text transparent;\n }\n .h3L8Ub .yMAEcf {\n background: @surface0;\n border-color: @surface2;\n }\n .ynRric {\n color: @subtext0;\n }\n .cRV9hb .pcTkSc .wM6W7d {\n color: @text;\n }\n .h3L8Ub .yMAEcf.sbhl {\n background-color: @surface1;\n }\n .sbhl {\n background: @surface1;\n }\n .CjiZvb,\n .GZnQqe.EpPYLd:active {\n background-color: @surface0;\n }\n .PyJv1b {\n color: @text;\n }\n .REySof {\n color: @overlay2 !important;\n }\n .NQyKp {\n color: @surface0 !important;\n background: @accent !important;\n }\n .b0Xfjd {\n color: @base !important;\n }\n .LiOdre {\n background-color: @base;\n border-color: @surface1;\n }\n .LiOdre:hover {\n background-color: @mantle;\n border-color: @surface2;\n }\n .LiOdre:focus {\n border-color: @blue;\n }\n .mfsgsd {\n color: @text;\n }\n .GCSyeb {\n background: @surface1;\n }\n .IVvPP .cLjAic.WY0eLb,\n .Hwkikb.WY0eLb {\n border-left-color: @surface1;\n }\n .mQo3nc {\n background-color: @surface0;\n color: @subtext0 !important;\n }\n .cfBJGe {\n color: @text;\n }\n .f6F9Be {\n background: @mantle;\n }\n .KwU3F {\n color: @blue;\n }\n .b0KoTc {\n color: @text;\n }\n .dfB0uf {\n color: @text;\n }\n .unknown_loc {\n background: @text;\n }\n .GS5rRd {\n color: @blue;\n }\n .xSQxL {\n color: @blue;\n }\n .smiUbb {\n color: @text;\n }\n .b2hzT {\n border-bottom-color: @surface0;\n }\n #swml {\n border-left-color: @surface0;\n }\n .KXbwLb {\n background-color: @surface2;\n }\n .WZH4jc .VknLRd .GNJvt {\n background: @surface0;\n }\n .WZH4jc .VknLRd:hover .GNJvt {\n background: @surface1;\n }\n .GNJvt {\n color: @text;\n }\n .fJOpI.H9lube {\n background-color: @blue !important;\n border-color: @blue;\n }\n .XNo5Ab.XNo5Ab {\n color: @base !important;\n fill: @base !important;\n }\n .Ss2Faf.boljiHqtXe7__place-qa-title {\n color: @text !important;\n }\n .xEzgBc {\n color: @text !important;\n }\n .Ss2Faf.sq4Bpf {\n color: @text !important;\n }\n .ea0Lbe {\n background: @surface0;\n }\n .f6GA0,\n .CacfB,\n .Ua7Yuf {\n background: @base;\n }\n .DV7the {\n color: @blue;\n }\n .ZeVBtc {\n color: @subtext0;\n }\n .cB9M7 {\n background-color: @surface0;\n border-color: @surface1;\n color: @text;\n &:hover {\n border-color: @surface2;\n }\n &:focus {\n border-color: @blue;\n }\n }\n .Qwbd3 {\n background: @surface0;\n color: @text;\n border-color: @surface1;\n &:hover {\n background: @surface1;\n border-color: @surface2;\n }\n }\n .ArIAXb {\n fill: @surface0;\n }\n .qOFLsb {\n fill: @surface0;\n }\n .aHK1bd {\n color: @subtext0;\n }\n .diOlIe {\n border-top-color: @overlay0;\n }\n .p4pvTd {\n color: @text;\n }\n .gIYJUc {\n background: @base !important;\n border-color: @surface1 !important;\n }\n .Gdd5U > g:nth-child(2) {\n > circle:nth-child(1) {\n fill: @green !important;\n }\n > circle:nth-child(2) {\n fill: @blue !important;\n }\n > path:nth-child(3) {\n fill: @red !important;\n }\n > path:nth-child(4) {\n fill: @yellow !important;\n }\n > path:nth-child(5) {\n fill: @blue !important;\n }\n }\n .CbAZb {\n background: @base;\n border-bottom-color: @surface0;\n }\n .S8wJ3 {\n color: @text !important;\n }\n .ZI7elf {\n color: @text !important;\n }\n .tGS0Nc {\n color: @text;\n }\n .kzt0Nc a {\n color: @subtext0 !important;\n }\n .fgc1P,\n .N7KPxb {\n border-top-color: @surface0 !important;\n }\n .kQEH5b {\n color: @subtext0 !important;\n }\n .kNKdL {\n color: @text !important;\n }\n .q0yked:hover {\n background-color: @mantle !important;\n }\n .Oz5Rbb:hover {\n background: @mantle !important;\n }\n .lwwARb {\n background-color: @crust !important;\n }\n .LO47Ff {\n color: @text;\n }\n .j8PBfc {\n color: @subtext0;\n }\n .act-tim-txt-cnt {\n color: @text;\n }\n .act-switch-area {\n background-color: @base !important;\n }\n .EwDHG,\n .vNdLpe,\n .vNdLpe:visited {\n color: @subtext0 !important;\n }\n // \"Looking for results in English?\" popup\n [style*=\"background:#1f1000;border:1px solid #502900\"],\n [style*=\"background:#feefc3;border:1px solid #fdd663\"] {\n background: @mantle !important;\n border-color: @surface0 !important;\n box-shadow: 0 2px 4px @mantle !important;\n [style*=\"color:#bdc1c6\"],\n [style*=\"color:#202124\"] {\n color: @text !important;\n }\n }\n // translate this page label\n .eFM0qc.BCF2pd {\n background: @base !important;\n }\n // expand related question icon\n .aj35ze {\n @svg: escape(\n '<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"@{text}\" d=\"M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n // tabs\n [selected].YmvwI {\n color: @text;\n border-bottom-color: @text;\n }\n .YmvwI {\n color: @subtext0;\n }\n // search bar buttons popups\n [style^=\"background: rgb(32, 33, 36); border: 1px solid rgb(60, 64, 67);\"] {\n background: @mantle !important;\n border-color: @overlay0 !important;\n box-shadow: @mantle 1px 2px 4px !important;\n color: @text !important;\n [style^=\"border-style: solid;\"] {\n border-color: @overlay0 transparent !important;\n }\n }\n // google apps button\n .gb_F .gb_E,\n .gb_F .gb_D {\n fill: @text;\n }\n // translate popup\n .t4wgMc {\n background: @mantle;\n }\n .ELfqBe:hover,\n .ELfqBe:focus {\n background: @surface0;\n }\n .JFeuTc {\n color: @text;\n }\n // skip to content\n .S6VXfe {\n background: @base;\n }\n // selected image\n .qyKxnc.FnEtTd .srrRv {\n background: fade(@blue, 10%);\n }\n // images page sticky suggestions header\n .JiJthb,\n .JiJthb .GKS7s:not([selected]) {\n background: @mantle;\n }\n .JiJthb .F9Idpe.vezEod {\n background: linear-gradient(\n to left,\n transparent 0%,\n @mantle 60%,\n @mantle\n );\n }\n // footer logo\n [style^=\"background:url(/images/nav_logo321.webp)\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" xml:space=\"preserve\" width=\"167\" height=\"410\" viewBox=\"0 0 44.185 108.479\"><g display=\"inline\" opacity=\"1\"><g stroke-width=\"2.34531\"><path fill=\"@{red}\" d=\"M19.105 5.216c0 1.406-1.1 2.442-2.45 2.442-1.348 0-2.448-1.036-2.448-2.442 0-1.415 1.1-2.44 2.449-2.44s2.449 1.025 2.449 2.44m-1.072 0c0-.878-.637-1.479-1.377-1.479s-1.377.601-1.377 1.48c0 .869.637 1.479 1.377 1.479s1.377-.611 1.377-1.48\" stroke-width=\"2.34531\"/><path fill=\"@{yellow}\" d=\"M24.605 5.216c0 1.406-1.1 2.442-2.449 2.442s-2.449-1.036-2.449-2.442c0-1.414 1.1-2.44 2.45-2.44s2.448 1.025 2.448 2.44m-1.072 0c0-.878-.637-1.479-1.377-1.479s-1.377.601-1.377 1.48c0 .869.638 1.479 1.377 1.479.74 0 1.377-.611 1.377-1.48\" stroke-width=\"2.34531\"/><path fill=\"@{blue}\" d=\"M30.128 2.97v4.14c0 1.704-1.004 2.4-2.192 2.4-1.118 0-1.791-.748-2.045-1.36l.882-.367c.157.376.542.819 1.162.819.76 0 1.231-.47 1.231-1.353V6.92h-.035c-.227.28-.664.524-1.215.524-1.153 0-2.21-1.005-2.21-2.298 0-1.302 1.057-2.315 2.21-2.315.55 0 .987.245 1.215.516h.035v-.375zm-.89 2.175c0-.812-.542-1.406-1.231-1.406-.7 0-1.285.594-1.285 1.406 0 .804.585 1.39 1.285 1.39.689 0 1.23-.586 1.23-1.39\" stroke-width=\"2.34531\"/><path fill=\"@{green}\" d=\"M31.994.433v6.975h-1.02V.433Z\" stroke-width=\"2.34531\"/><path fill=\"@{red}\" d=\"m35.975 5.902.8.534a2.34 2.34 0 0 1-1.957 1.042c-1.335 0-2.332-1.032-2.332-2.35 0-1.398 1.005-2.35 2.216-2.35 1.22 0 1.816.97 2.011 1.494l.107.267-3.142 1.302c.241.471.615.712 1.14.712s.89-.259 1.157-.65m-2.466-.847 2.1-.872c-.115-.293-.463-.498-.872-.498-.524 0-1.254.463-1.228 1.37\" stroke-width=\"2.34531\"/><path fill=\"@{blue}\" d=\"M10.245 4.607V3.579h3.462c.033.18.05.391.05.62 0 .77-.21 1.724-.889 2.403-.66.688-1.504 1.054-2.622 1.054-2.071 0-3.813-1.687-3.813-3.759S8.175.137 10.246.137c1.147 0 1.963.45 2.576 1.037l-.724.725a2.62 2.62 0 0 0-1.853-.734c-1.513 0-2.696 1.22-2.696 2.732S8.732 6.63 10.245 6.63c.982 0 1.54-.394 1.899-.752.29-.29.48-.705.556-1.271z\" stroke-width=\"2.34531\"/></g><path d=\"M1.587 2.646.264 3.969l1.323 1.323\" display=\"inline\" opacity=\"1\" fill=\"none\" fill-opacity=\"1\" stroke=\"@{blue}\" stroke-width=\".529167\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/><path d=\"m42.598 2.646 1.323 1.323-1.323 1.323\" display=\"inline\" fill=\"none\" fill-opacity=\"1\" stroke=\"@{blue}\" stroke-width=\".529167\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/><g display=\"inline\" stroke-width=\"3.0127\"><path fill=\"@{red}\" d=\"M10.847 15.875c0 1.122-.877 1.948-1.954 1.948s-1.954-.826-1.954-1.948c0-1.129.877-1.948 1.954-1.948s1.954.819 1.954 1.948m-.855 0c0-.7-.509-1.18-1.1-1.18s-1.098.48-1.098 1.18c0 .694.509 1.18 1.099 1.18s1.099-.487 1.099-1.18\" stroke-width=\"3.0127\"/><path fill=\"@{yellow}\" d=\"M15.06 15.875c0 1.122-.877 1.948-1.953 1.948s-1.954-.826-1.954-1.948c0-1.128.877-1.948 1.954-1.948s1.954.819 1.954 1.948m-.856 0c0-.7-.508-1.18-1.098-1.18s-1.1.48-1.1 1.18c0 .694.51 1.18 1.1 1.18s1.098-.487 1.098-1.18\" stroke-width=\"3.0127\"/><path fill=\"@{blue}\" d=\"M19.1 14.045v3.497c0 1.439-.848 2.026-1.851 2.026a1.855 1.855 0 0 1-1.727-1.148l.745-.31c.133.317.458.692.981.692.642 0 1.04-.397 1.04-1.142v-.28h-.03c-.191.236-.56.442-1.026.442-.974 0-1.866-.848-1.866-1.94 0-1.1.892-1.955 1.866-1.955.465 0 .834.207 1.026.436h.03v-.317h.812zm-.751 1.837c0-.686-.458-1.187-1.04-1.187-.59 0-1.085.501-1.085 1.187 0 .68.495 1.174 1.085 1.174.582 0 1.04-.495 1.04-1.174\" stroke-width=\"3.0127\"/><path fill=\"@{green}\" d=\"M20.44 11.995v5.709h-.835v-5.709Z\" stroke-width=\"3.0127\"/><path fill=\"@{red}\" d=\"m23.607 16.517.664.443c-.215.317-.73.863-1.623.863-1.107 0-1.933-.855-1.933-1.948 0-1.158.833-1.948 1.837-1.948 1.01 0 1.505.805 1.667 1.24l.089.22-2.604 1.08c.2.39.51.59.944.59.435 0 .738-.215.959-.54m-2.044-.7 1.74-.723c-.095-.244-.383-.413-.722-.413-.435 0-1.04.384-1.018 1.136\" stroke-width=\"3.0127\"/><path fill=\"@{blue}\" d=\"M3.78 15.369v-.827h2.784c.027.144.041.315.041.5 0 .62-.17 1.386-.716 1.932-.53.553-1.21.848-2.109.848-1.667 0-3.068-1.357-3.068-3.024s1.401-3.025 3.068-3.025c.922 0 1.579.362 2.073.834l-.584.583a2.1 2.1 0 0 0-1.49-.59c-1.217 0-2.169.98-2.169 2.198s.952 2.198 2.17 2.198c.789 0 1.238-.317 1.526-.605.234-.234.388-.567.448-1.023z\" stroke-width=\"3.0127\"/></g><g display=\"inline\" opacity=\"1\" stroke-width=\"2.34531\"><path fill=\"@{blue}\" d=\"M19.069 34.844c0 1.405-1.1 2.44-2.45 2.44-1.349 0-2.448-1.035-2.448-2.44 0-1.416 1.1-2.442 2.449-2.442s2.449 1.026 2.449 2.442m-1.072 0c0-.879-.637-1.48-1.377-1.48s-1.377.601-1.377 1.48c0 .87.637 1.479 1.377 1.479s1.377-.61 1.377-1.48z\" fill-opacity=\"1\" stroke-width=\"2.34531\"/><path fill=\"@{text}\" d=\"M24.513 34.815c0 1.39-1.087 2.414-2.421 2.414s-2.42-1.024-2.42-2.414c0-1.398 1.086-2.413 2.42-2.413s2.42 1.014 2.42 2.413zm-1.06 0c0-.868-.63-1.462-1.361-1.462s-1.36.594-1.36 1.462c0 .86.629 1.463 1.36 1.463s1.361-.604 1.361-1.463m6.885-2.394v4.47c0 1.839-1.084 2.59-2.366 2.59-1.207 0-1.933-.808-2.207-1.468l.952-.396c.17.405.584.884 1.254.884.82 0 1.329-.507 1.329-1.46v-.358h-.038c-.245.302-.717.566-1.312.566-1.245 0-2.385-1.085-2.385-2.48 0-1.405 1.14-2.499 2.385-2.499.594 0 1.066.264 1.312.557h.038v-.405zm-.961 2.348c0-.877-.585-1.518-1.33-1.518-.754 0-1.386.641-1.386 1.518 0 .868.632 1.5 1.387 1.5.744 0 1.33-.632 1.33-1.5m2.542-4.896v7.436h-1.086v-7.436Z\" fill-opacity=\"1\" stroke-width=\"2.34531\"/><path fill=\"@{text}\" d=\"m36.124 35.602.868.579a2.53 2.53 0 0 1-2.121 1.128c-1.446 0-2.526-1.118-2.526-2.546 0-1.514 1.089-2.546 2.4-2.546 1.322 0 1.968 1.052 2.18 1.62l.115.29-3.403 1.409c.26.51.666.771 1.234.771.57 0 .964-.28 1.253-.705m-2.67-.916 2.274-.944c-.125-.318-.501-.54-.944-.54-.569 0-1.36.502-1.33 1.484\" fill-opacity=\"1\" stroke-width=\"2.3453\"/><path fill=\"@{text}\" d=\"M10.104 34.047v-1.028h3.462c.033.18.05.391.05.62 0 .77-.21 1.724-.889 2.403-.66.688-1.504 1.054-2.622 1.054-2.071 0-3.813-1.687-3.813-3.759s1.742-3.76 3.813-3.76c1.147 0 1.963.45 2.576 1.037l-.724.725a2.62 2.62 0 0 0-1.853-.734c-1.513 0-2.696 1.22-2.696 2.732s1.183 2.732 2.696 2.732c.982 0 1.54-.394 1.899-.752.29-.29.48-.705.556-1.271z\" fill-opacity=\"1\" stroke-width=\"2.34531\"/></g><path d=\"M29.746 28.574h.311v-.934h-.311zm.155-1.245q.067 0 .111-.045t.045-.11-.045-.111-.11-.045-.111.045-.045.11.045.111.11.045m0 2.023q-.322 0-.606-.123t-.494-.332-.333-.494-.123-.607.123-.607.333-.494.494-.332.606-.123.607.123.494.332.333.494.122.607-.122.607-.333.494-.494.332-.607.123\" fill=\"@{crust}\" fill-opacity=\".2\" stroke-width=\"1.70213\" display=\"inline\" opacity=\"1\"/><g display=\"inline\"><path d=\"M1.587 32.279.264 33.602l1.323 1.323\" display=\"inline\" opacity=\"1\" fill=\"none\" fill-opacity=\"1\" stroke=\"@{blue}\" stroke-width=\".529167\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/><path d=\"m42.598 32.279 1.323 1.323-1.323 1.323\" display=\"inline\" fill=\"none\" fill-opacity=\"1\" stroke=\"@{blue}\" stroke-width=\".529167\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/></g><g stroke-width=\"3.0127\"><path fill=\"@{red}\" d=\"M10.12 103.43c0 1.122-.877 1.948-1.954 1.948s-1.954-.826-1.954-1.948c0-1.129.877-1.948 1.954-1.948s1.954.819 1.954 1.948m-.855 0c0-.7-.509-1.18-1.1-1.18s-1.098.48-1.098 1.18c0 .694.509 1.18 1.099 1.18s1.099-.487 1.099-1.18\" stroke-width=\"3.0127\"/><path fill=\"@{yellow}\" d=\"M14.334 103.43c0 1.122-.878 1.948-1.954 1.948s-1.954-.826-1.954-1.948c0-1.128.877-1.948 1.954-1.948s1.954.819 1.954 1.948m-.856 0c0-.7-.508-1.18-1.098-1.18s-1.1.48-1.1 1.18c0 .694.51 1.18 1.1 1.18s1.098-.487 1.098-1.18\" stroke-width=\"3.0127\"/><path fill=\"@{blue}\" d=\"M18.373 101.6v3.497c0 1.439-.848 2.026-1.851 2.026a1.855 1.855 0 0 1-1.727-1.148l.745-.31c.133.317.458.692.981.692.642 0 1.04-.397 1.04-1.142v-.28h-.03c-.191.236-.56.442-1.026.442-.974 0-1.866-.848-1.866-1.94 0-1.1.892-1.954 1.866-1.954.465 0 .834.206 1.026.435h.03v-.317h.812zm-.751 1.837c0-.686-.458-1.187-1.04-1.187-.59 0-1.085.501-1.085 1.187 0 .68.495 1.174 1.085 1.174.582 0 1.04-.495 1.04-1.174\" stroke-width=\"3.0127\"/><path fill=\"@{green}\" d=\"M19.713 99.55v5.709h-.835V99.55Z\" stroke-width=\"3.0127\"/><path fill=\"@{red}\" d=\"m22.964 104.071.664.443a1.94 1.94 0 0 1-1.623.863c-1.107 0-1.933-.855-1.933-1.948 0-1.158.833-1.947 1.837-1.947 1.01 0 1.505.804 1.667 1.239l.088.221-2.603 1.078c.199.391.509.59.944.59s.737-.214.959-.539m-2.044-.7 1.74-.723c-.095-.243-.383-.413-.722-.413-.435 0-1.04.384-1.018 1.136\" stroke-width=\"3.0127\"/><path fill=\"@{blue}\" d=\"M3.052 102.924v-.827h2.785c.027.144.041.315.041.5 0 .62-.17 1.386-.716 1.932-.53.553-1.21.848-2.109.848-1.667 0-3.068-1.357-3.068-3.024s1.401-3.025 3.068-3.025c.922 0 1.579.362 2.073.834l-.584.583a2.1 2.1 0 0 0-1.49-.59c-1.217 0-2.169.98-2.169 2.198s.952 2.198 2.17 2.198c.789 0 1.238-.317 1.526-.605.234-.234.388-.567.448-1.023z\" stroke-width=\"3.0127\"/></g><g display=\"inline\"><path d=\"m28.167 68.858.408 1.257h1.322l-1.069.777.408 1.258-1.07-.777-1.07.777.41-1.258-1.071-.777h1.323z\" opacity=\"1\" fill=\"@{subtext0}\" fill-opacity=\"1\" stroke=\"none\" stroke-width=\".538433\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/><path d=\"m31.63 68.858.408 1.257h1.322l-1.069.777.408 1.258-1.07-.777-1.07.777.41-1.258-1.071-.777h1.323z\" display=\"inline\" fill=\"@{subtext0}\" fill-opacity=\"1\" stroke=\"none\" stroke-width=\".538433\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/><path d=\"m35.07 68.858.408 1.257H36.8l-1.069.777.408 1.258-1.07-.777-1.07.777.41-1.258-1.071-.777h1.323zm3.463 0 .408 1.257h1.322l-1.069.777.408 1.258-1.07-.777-1.07.777.41-1.258-1.071-.777h1.323z\" display=\"inline\" fill=\"@{subtext0}\" fill-opacity=\"1\" stroke=\"none\" stroke-width=\".538433\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/><path d=\"m41.994 68.858.408 1.257h1.322l-1.069.777.408 1.258-1.07-.777-1.07.777.41-1.258-1.071-.777h1.323z\" display=\"inline\" fill=\"@{subtext0}\" fill-opacity=\"1\" stroke=\"none\" stroke-width=\".538433\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/><g display=\"inline\"><path d=\"m28.167 72.843.408 1.257h1.322l-1.069.777.408 1.258-1.07-.777-1.07.777.41-1.258-1.071-.777h1.323z\" opacity=\"1\" fill=\"@{yellow}\" fill-opacity=\"1\" stroke=\"none\" stroke-width=\".538433\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/><path d=\"m31.63 72.843.408 1.257h1.322l-1.069.777.408 1.258-1.07-.777-1.07.777.41-1.258-1.071-.777h1.323z\" display=\"inline\" fill=\"@{yellow}\" fill-opacity=\"1\" stroke=\"none\" stroke-width=\".538433\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/><path d=\"m35.07 72.843.408 1.257H36.8l-1.069.777.408 1.258-1.07-.777-1.07.777.41-1.258-1.071-.777h1.323zm3.463 0 .408 1.257h1.322l-1.069.777.408 1.258-1.07-.777-1.07.777.41-1.258L36.8 74.1h1.323z\" display=\"inline\" fill=\"@{yellow}\" fill-opacity=\"1\" stroke=\"none\" stroke-width=\".538433\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/><path d=\"m41.994 72.843.408 1.257h1.322l-1.069.777.408 1.258-1.07-.777-1.07.777.41-1.258-1.071-.777h1.323z\" display=\"inline\" fill=\"@{yellow}\" fill-opacity=\"1\" stroke=\"none\" stroke-width=\".538433\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/></g></g></g></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n // tweets horizontal list\n g-right-button,\n g-left-button {\n > g-fab {\n background: @crust !important;\n border-color: @surface0;\n }\n }\n .vwfsqc {\n .QuU3Wb {\n color: @text;\n }\n }\n // image overlays\n .yUzGqc.wr8GYd {\n background: fade(@crust, 75%);\n color: @text;\n }\n // google lens icon hover\n .ig2Tkd:hover:not(.RDPZE) {\n background: fade(@mantle, 80%);\n }\n // image resolution\n .UWuvyf {\n background-color: fade(@crust, 80%);\n color: @text;\n }\n // image hover shadow\n .mkpRId.qyKxnc:hover .F0uyec {\n background: fade(@crust, 5%);\n box-shadow: 0 2px 12px 0 @crust;\n }\n // advanced search\n input.jfk-textinput,\n .gGbPid {\n background: @base;\n color: @text;\n border-color: @overlay0;\n }\n .goog-menu {\n background: @mantle;\n }\n .goog-menuitem-highlight,\n .goog-menuitem-hover {\n background: @surface0;\n border-color: @surface0;\n }\n .goog-menuitem,\n .goog-menuitem-highlight .goog-menuitem-content,\n .goog-menuitem-hover .goog-menuitem-content {\n color: @text;\n }\n .goog-flat-menu-button-hover {\n border-color: @overlay2;\n .goog-flat-menu-button-dropdown {\n border-color: @overlay2 transparent;\n }\n }\n .goog-flat-menu-button-dropdown {\n border-color: @overlay0 transparent;\n }\n div.otByu div.FAcADc,\n div.lFApYd,\n .jfk-radiobutton-label {\n color: @subtext1;\n }\n color: @subtext0;\n }\n @media (prefers-color-scheme: light) {\n body {\n #catppuccin(@lightFlavor);\n }\n }\n @media (prefers-color-scheme: dark) {\n body {\n #catppuccin(@darkFlavor);\n }\n }\n}\n\n@-moz-document regexp(\"^https?://(ogs\\\\.)?google\\\\..*\") {\n body {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n .aRDKUe {\n .rRF0wd {\n fill: @yellow !important;\n }\n .ub0gT {\n fill: @base !important;\n }\n .Pzuhxc {\n color: @text !important;\n &:hover {\n background-color: @surface2 !important;\n }\n }\n .hCDve {\n color: @text !important;\n }\n .WkuXae {\n color: @blue;\n }\n .coHE2 {\n border-color: @surface2 !important;\n &:hover {\n background-color: fade(@blue, 25%);\n }\n }\n .eYSAde {\n color: @text !important;\n }\n .Lvwayc {\n background-color: @surface0 !important;\n }\n .Z6NXed {\n color: @text !important;\n }\n .bMnvr {\n background: @surface1 !important;\n }\n .Wdz6e {\n color: @subtext0 !important;\n }\n .LzIwWe {\n color: @text !important;\n }\n .znj3je {\n color: @text !important;\n }\n .fVFoBd {\n color: @text !important;\n }\n .cllK4d {\n background: @surface0 !important;\n color: @subtext0 !important;\n }\n .aFCkf {\n background: @surface0 !important;\n color: @blue !important;\n }\n .DgDbFe .vZvJBb:not(:first-child) .BVnP4c::before {\n color: @text !important;\n }\n .qLP7kc .jFfZdd {\n background: @base !important;\n }\n .Z6NXed:hover {\n background-color: @surface1 !important;\n }\n }\n .nz9sqb.EHzcec {\n background: var(--gm3-sys-color-surface-container-high, @surface0);\n .LVal7b {\n background: var(--gm3-sys-color-surface-container-low, @mantle);\n }\n }\n .nz9sqb {\n .NQV3m {\n color: var(--gm3-sys-color-primary, @blue);\n border-color: var(--gm3-sys-color-outline, @surface2);\n &:hover {\n background-color: fade(@blue, 25%);\n }\n &:focus {\n background-color: fade(@blue, 25%);\n }\n }\n .Rq5Gcb {\n color: @text !important;\n }\n .tX9u1b:hover {\n background-color: @surface0;\n }\n }\n .nz9sqb.o07G5 .tX9u1b:active,\n .nz9sqb.o07G5 .tX9u1b:active:focus,\n .nz9sqb.o07G5 .tX9u1b:active .Rq5Gcb,\n .nz9sqb.o07G5 .tX9u1b:active:hover .Rq5Gcb {\n background-color: @surface0;\n }\n .aRDKUe .pRjiJb,\n .aRDKUe .DmSTqc {\n color: @text;\n }\n .aRDKUe .idKC9b,\n .aRDKUe .MbHqJ {\n color: @subtext0;\n }\n .aRDKUe .GXg3Le {\n color: @blue;\n }\n .aRDKUe .G5bXNb {\n background-color: @mantle;\n &:hover {\n background-color: @base;\n }\n }\n }\n}\n\n#rgbify(@color) {\n @rgb: red(@color), green(@color), blue(@color);\n}\n\n/* deno-fmt-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n};\n",
|
|
"usercssData": {
|
|
"name": "Google Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/google",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/google",
|
|
"version": "2024.12.31",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/google/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agoogle",
|
|
"description": "Soothing pastel theme for Google",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": "latte",
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"darkFlavor": {
|
|
"type": "select",
|
|
"label": "Dark Flavor",
|
|
"name": "darkFlavor",
|
|
"value": "macchiato",
|
|
"default": "mocha",
|
|
"options": [
|
|
{
|
|
"name": "latte",
|
|
"label": "Latte",
|
|
"value": "latte"
|
|
},
|
|
{
|
|
"name": "frappe",
|
|
"label": "Frappé",
|
|
"value": "frappe"
|
|
},
|
|
{
|
|
"name": "macchiato",
|
|
"label": "Macchiato",
|
|
"value": "macchiato"
|
|
},
|
|
{
|
|
"name": "mocha",
|
|
"label": "Mocha",
|
|
"value": "mocha"
|
|
}
|
|
]
|
|
},
|
|
"accentColor": {
|
|
"type": "select",
|
|
"label": "Accent",
|
|
"name": "accentColor",
|
|
"value": "teal",
|
|
"default": "mauve",
|
|
"options": [
|
|
{
|
|
"name": "rosewater",
|
|
"label": "Rosewater",
|
|
"value": "rosewater"
|
|
},
|
|
{
|
|
"name": "flamingo",
|
|
"label": "Flamingo",
|
|
"value": "flamingo"
|
|
},
|
|
{
|
|
"name": "pink",
|
|
"label": "Pink",
|
|
"value": "pink"
|
|
},
|
|
{
|
|
"name": "mauve",
|
|
"label": "Mauve",
|
|
"value": "mauve"
|
|
},
|
|
{
|
|
"name": "red",
|
|
"label": "Red",
|
|
"value": "red"
|
|
},
|
|
{
|
|
"name": "maroon",
|
|
"label": "Maroon",
|
|
"value": "maroon"
|
|
},
|
|
{
|
|
"name": "peach",
|
|
"label": "Peach",
|
|
"value": "peach"
|
|
},
|
|
{
|
|
"name": "yellow",
|
|
"label": "Yellow",
|
|
"value": "yellow"
|
|
},
|
|
{
|
|
"name": "green",
|
|
"label": "Green",
|
|
"value": "green"
|
|
},
|
|
{
|
|
"name": "teal",
|
|
"label": "Teal",
|
|
"value": "teal"
|
|
},
|
|
{
|
|
"name": "blue",
|
|
"label": "Blue",
|
|
"value": "blue"
|
|
},
|
|
{
|
|
"name": "sapphire",
|
|
"label": "Sapphire",
|
|
"value": "sapphire"
|
|
},
|
|
{
|
|
"name": "sky",
|
|
"label": "Sky",
|
|
"value": "sky"
|
|
},
|
|
{
|
|
"name": "lavender",
|
|
"label": "Lavender",
|
|
"value": "lavender"
|
|
},
|
|
{
|
|
"name": "subtext0",
|
|
"label": "Gray",
|
|
"value": "subtext0"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"author": "Catppuccin",
|
|
"description": "Soothing pastel theme for Google",
|
|
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/google",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/google/catppuccin.user.less",
|
|
"name": "Google Catppuccin",
|
|
"originalDigest": "a4249e7dccb8ac3c427892936c0fee1e217a40ae",
|
|
"_id": "a8d95ec4-f0d8-4874-b30c-e27b447e70b4",
|
|
"_rev": 1736501771787,
|
|
"id": 12,
|
|
"etag": "W/\"736e96e91a8d2408d316099ef0e19c74440d8643c90fa3b87299b6447f4771a8\"",
|
|
"updateDate": 1736501265774
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"installDate": 1715535918093,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"sourceCode": "/* ==UserStyle==\n@name Arch Wiki Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/arch-wiki\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/arch-wiki\n@version 2024.12.31\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/arch-wiki/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aarch-wiki\n@description Soothing pastel theme for Arch Wiki\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@-moz-document domain(\"wiki.archlinux.org\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n color-scheme: if(@flavor = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n #content table,\n #content h1,\n #content h2,\n #content h3,\n #content h4,\n #content h5,\n #content pre,\n #content code,\n #content tt {\n color: @text !important;\n }\n\n body.skin-vector-2022 .vector-sticky-header {\n color: @text !important;\n background-color: @mantle !important;\n border-bottom-color: @blue !important;\n }\n\n #vector-main-menu-pinned-container,\n #vector-page-tools-pinned-container {\n background-color: @base !important;\n }\n\n #ooui-php-191,\n #preferences .mw-htmlform-submit-buttons {\n background-color: @mantle !important;\n }\n\n .mw-echo-ui-notificationItemWidget-content-message-header,\n .oo-ui-labelElement-label {\n color: @text !important;\n }\n\n .oo-ui-optionWidget-selected {\n background-color: @surface2 !important;\n }\n\n .oo-ui-buttonElement-framed.oo-ui-widget-disabled\n > .oo-ui-buttonElement-button {\n background-color: @surface0 !important;\n color: @text !important;\n border-color: @surface2 !important;\n filter: brightness(0.4);\n cursor: not-allowed;\n }\n\n .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td {\n background-color: @surface1 !important;\n }\n\n .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {\n background-color: @surface2 !important;\n }\n\n .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(odd) td,\n .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled\n .oo-ui-tagMultiselectWidget-handle,\n .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined\n .oo-ui-tagItemWidget.oo-ui-widget-enabled,\n .mw-rcfilters-ui-cell.mw-rcfilters-ui-filterTagMultiselectWidget-views-select,\n .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,\n .oo-ui-popupWidget-popup,\n .mw-echo-ui-notificationItemWidget,\n .mw-echo-ui-placeholderItemWidget {\n background-color: @surface0 !important;\n }\n\n .mw-echo-ui-notificationsInboxWidget-toolbarWrapper {\n background-color: @base !important;\n }\n\n #archnavbar {\n background-color: @mantle !important;\n border-bottom-color: @blue !important;\n }\n .mw-parser-output {\n background-color: @base !important;\n }\n\n .mw-page-container {\n background-color: @base !important;\n }\n\n .vector-header-container {\n background-color: @base !important;\n }\n\n #content,\n header.mw-header li:not(.new),\n #mw-panel-toc,\n #mw-navigation li:not(.new),\n #mw-panel li:not(.new),\n #column-one li:not(.new),\n #footer {\n a:not([role=\"button\"], .new) {\n color: @blue !important;\n }\n }\n\n @media screen {\n html.client-darkmode {\n background-color: @base;\n }\n }\n\n .vector-feature-zebra-design-disabled,\n body {\n background-color: @base;\n }\n\n #archnavbarlogo {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1\" width=\"600\" height=\"126\"><path d=\"M159.568 34.427c-8.89-.014-16.267 1.809-19.12 2.803l-2.937 15.857c-.007.058 14.617-3.9 21.059-3.667 10.665.383 11.646 4.076 11.46 9.06.182.292-2.752-4.503-11.979-4.664-11.64-.2-28.069 4.122-28.046 21.692-.314 19.765 14.764 25.579 25.032 25.686 9.232-.168 13.563-3.496 15.934-5.28 3.115-3.257 6.679-6.532 10.078-10.462-3.216 5.844-6.005 9.884-8.907 12.977v2.611l14.033-2.361.096-38.144c-.143-5.399 3.096-26.057-26.703-26.108m-2.016 33.21c5.817.08 12.488 2.948 12.497 9.849.03 6.277-7.863 9.651-12.996 9.598-5.135-.053-11.949-4.036-11.979-10.155.099-5.47 6.426-9.432 12.478-9.291zm37.972-29.685-.095 63.166 16.348-3.15.027-35.814c.004-5.333 7.62-11.564 17.178-11.464 2.028-3.67 5.84-13.05 6.77-15.183-21.351-.051-21.623 6.137-25.336 9.18-.04-5.806-.013-9.292-.013-9.292zm92.002 8.292c-.158-.074-8.526-9.788-25.35-9.864-15.758-.262-33.433 5.847-33.716 32.27.138 23.232 16.979 32.311 33.805 32.488 18.007.187 25.172-11.26 25.602-11.543-2.149-1.863-10.196-9.837-10.196-9.837s-5.027 7.157-14.779 7.248c-9.755.093-18.234-7.54-18.354-18.189-.125-10.65 7.795-16.419 18.427-16.885 9.205-.002 14.516 5.943 14.516 5.943zm20.606-30.399-15.434 3.628.115 82.277 15.204-2.745.172-38.72c.033-4.06 5.874-10.295 15.626-10.097 9.325.097 11.41 6.215 11.384 6.988l.269 44.824 14.993-2.65.057-47.53c.099-4.574-10.018-14.233-26.28-14.302-7.729.012-12.009 1.762-14.187 3.052-3.726 2.879-7.985 5.637-12.17 9.157 3.869-4.97 7.117-8.407 10.29-10.961z\" fill=\"@{text}\" fill-rule=\"evenodd\"/><path d=\"m360.136 17.218 6.962-1.742.33 82.95-7.074 1.204zm18.928 24.757 6.101-2.716.052 59.478-5.892 1.217zm-1.45-21.448 4.92-4.015 4.086 4.547-4.921 4.121zm19.024 20.365 6.962-1.421.033 12.434c.001.534 3.823-13.89 22.258-13.57 17.9.1 20.827 13.957 20.73 17.064l.221 43.725-6.102 1.324-.035-43.189c.07-1.261-2.79-11.927-15.439-11.966-12.646-.037-21.409 9.186-21.393 15.078l.1 38.047-7.07 1.847zm110.954 58.546-6.962 1.42-.033-12.433c-.001-.534-3.825 13.89-22.258 13.57-17.9-.1-20.827-13.957-20.73-17.064l-.221-43.725 7.397-1.494.114 43.19c.003 1.18 1.416 12.096 14.065 12.135 12.646.037 21.506-7.616 21.569-19.139l-.09-34.076 6.885-1.757zm13.645-59.037-4.882 3.82 18.717 24.494-19.963 28.3 5.179 3.843 18.766-26.28 19.368 26.902 4.791-3.82-20.757-28.765 16.56-23.262-5.092-4.305-15.085 21.525zM61.88 1.778c-5.385 13.203-8.633 21.839-14.629 34.649 3.676 3.896 8.188 8.434 15.516 13.559-7.878-3.242-13.252-6.497-17.267-9.874-7.673 16.011-19.695 38.818-44.09 82.65 19.174-11.068 34.037-17.893 47.889-20.497a35 35 0 0 1-.91-8.213l.023-.614c.304-12.284 6.694-21.73 14.264-21.09 7.57.642 13.454 11.126 13.15 23.41-.058 2.312-.319 4.536-.774 6.598 13.701 2.68 28.405 9.487 47.32 20.407-3.73-6.866-7.059-13.056-10.238-18.95-5.007-3.882-10.23-8.933-20.884-14.402 7.323 1.903 12.566 4.099 16.653 6.552C75.58 35.786 72.963 27.79 61.88 1.778\" fill=\"@{blue}\" fill-rule=\"evenodd\"/><path d=\"M576.771 93.265V80.603h-4.73v-1.695h11.38v1.695h-4.75v12.662zm8.629 0V78.908h2.859l3.398 10.166q.47 1.42.686 2.125.245-.784.764-2.301l3.437-9.99h2.556v14.357h-1.831V81.25l-4.172 12.016h-1.714l-4.152-12.222v12.222h-1.832\" font-weight=\"400\" font-size=\"8.441\" font-family=\"DejaVu Sans Mono\" fill=\"@{subtext1}\"/></svg>'\n );\n background: url(\"data:image/svg+xml,@{svg}\") !important;\n background-size: 190px 40px !important;\n }\n .cdx-text-input__input:enabled:focus {\n border-color: @blue;\n box-shadow: @blue !important;\n }\n\n .archwiki-template-box-tip {\n background-color: hsla(90, 90%, 65%, 0.2) !important;\n border-color: hsla(90, 90%, 75%, 0.2);\n color: @subtext1;\n }\n\n .archwiki-template-box-note {\n background-color: hsla(208, 100%, 61%, 0.25) !important;\n border-color: hsla(208, 100%, 81%, 0.25) !important;\n color: @subtext1;\n }\n\n .archwiki-template-box-warning {\n background-color: hsla(7, 99%, 60%, 0.25) !important;\n border-color: hsla(7, 99%, 80%, 0.25) !important;\n color: @subtext1;\n }\n\n .firstHeading {\n color: @accent !important;\n }\n\n #content {\n border-color: @overlay0;\n }\n\n #content pre:not([class*=\"CodeMirror\"]),\n #content code,\n #content tt {\n background-color: @surface0;\n color: @text;\n border-color: @overlay0;\n }\n\n .vector-pinned-container {\n border-color: @overlay0 !important;\n }\n\n .vector-pinnable-header-label {\n color: @text;\n }\n\n .vector-pinnable-header-toggle-button,\n .vector-pinnable-header-unpin-button {\n color: @mantle;\n background-color: @accent;\n border-color: @base;\n }\n\n .wikitable {\n background-color: @base;\n }\n\n .wikitable > tr > th,\n .wikitable > tr > td,\n .wikitable > * > tr > th,\n .wikitable > * > tr > td {\n color: @text;\n border-color: @crust;\n }\n\n .wikitable > tr > th,\n .wikitable > * > tr > th {\n background-color: @mantle;\n color: @text;\n }\n\n .pre {\n color: @mantle;\n }\n\n .mw-headline {\n color: @text;\n }\n\n .plainlinks,\n .archwiki-template-man,\n .external text {\n color: multiply(@blue, #555);\n }\n\n .cdx-button:enabled.cdx-button--weight-quiet,\n .cdx-button.cdx-button--fake-button--enabled,\n .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet,\n .diff-context,\n .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,\n .oo-ui-checkboxInputWidget [type=\"checkbox\"] + span {\n background-color: @surface0;\n color: @text;\n border-color: @surface2;\n }\n\n .vector-feature-zebra-design-disabled,\n #contentSub:not(:empty) {\n color: @surface0 !important;\n }\n\n .mw-editfont-monospace {\n background-color: @surface0;\n color: @text;\n border-color: @surface1;\n }\n\n .diff-deletedline,\n .mw-message-box-warning {\n background-color: @yellow;\n color: @mantle;\n }\n\n .diff-addedline {\n background-color: @sky;\n color: @mantle;\n }\n\n .mw-message-box-error {\n background-color: @flamingo;\n border-color: @red;\n color: @base;\n }\n\n .mw-number-text {\n color: @text;\n }\n\n .cdx-checkbox__icon {\n background-color: @surface0;\n }\n\n .oo-ui-checkboxInputWidget.oo-ui-widget-enabled\n [type=\"checkbox\"]:checked\n + span,\n .cdx-checkbox__input:enabled:checked + .cdx-checkbox__icon,\n .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive {\n background-color: @blue;\n border-color: @sapphire;\n color: @mantle !important;\n }\n\n .vector-feature-zebra-design-disabled,\n #vector-toc-pinned-container,\n .vector-toc::after {\n background: linear-gradient(rgba(255, 255, 255, 0), @base) !important;\n }\n\n #archnavbar ul li.anb-selected a {\n color: @accent !important;\n }\n\n .archwiki-template-message {\n background-color: @base;\n }\n\n .catlinks {\n background-color: @mantle;\n }\n\n .mw-parser-output p {\n color: @text !important;\n }\n\n .archwiki-template-meta-related-articles {\n background-color: @surface0;\n }\n\n .archwiki-template-meta-related-articles p {\n color: @text;\n border-bottom-color: @blue;\n }\n\n .archwiki-template-meta-related-articles ul li a {\n color: @blue important;\n }\n\n .mw-plusminus-neg,\n a.new {\n color: @red !important;\n }\n\n .mw-plusminus-pos {\n color: @green;\n }\n\n .mw-plusminus-null {\n color: @subtext0;\n }\n\n .oo-ui-textInputWidget .oo-ui-inputWidget-input,\n .mw-widget-dateInputWidget-handle,\n .oo-ui-buttonElement-framed.oo-ui-widget-enabled\n > .oo-ui-buttonElement-button,\n #pagehistory li.selected {\n background-color: @surface0 !important;\n color: @text !important;\n border-color: @surface2 !important;\n }\n\n .oo-ui-menuSelectWidget {\n background-color: @surface0;\n border-color: @surface2;\n }\n\n .oo-ui-OptionWidget-highlighted {\n background-color: @overlay0 !important;\n }\n\n .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget,\n .minoredit,\n .comment {\n color: @text;\n }\n\n .mw-footer-container {\n color: @text !important;\n }\n\n #archnavbarlist li a {\n color: @blue !important;\n }\n\n .anb-selected {\n color: @subtext1 !important;\n }\n\n .mw-footer li {\n color: @text;\n }\n\n .vector-main-menu,\n .vector-pinnable-element {\n background-color: @base !important;\n }\n\n #p-navigation ul li a {\n color: @blue !important;\n }\n\n .archwiki-template-box-note a {\n color: @blue !important;\n }\n\n .archwiki-template-box-note a:visited {\n color: @mauve !important;\n }\n\n .mw-page-title-main {\n color: @text;\n }\n\n .vector-tab-noicon mw-list-item a {\n color: @blue;\n }\n\n .mw-header {\n background-color: @base !important;\n color: @text;\n }\n\n .mw-footer li a {\n color: @blue;\n }\n\n .cdx-text-input__input:enabled {\n background-color: @surface0 !important;\n color: @text !important;\n border-color: @surface1;\n }\n\n .cdx-button:enabled,\n .cdx-button.cdxbutton--fake-button--enabled {\n color: @mantle;\n background-color: @accent;\n border-color: @base;\n }\n\n .cdx-menu {\n background-color: @surface0;\n }\n\n .cdx-menu:hover {\n background-color: @base !important;\n }\n\n .anb-home {\n color: @text !important;\n }\n\n .vector-dropdown-content {\n background-color: @base !important;\n }\n\n .mw-headline::before {\n color: @accent !important;\n }\n\n .cdx-button {\n background-color: @base !important;\n color: @text !important;\n border-color: @base !important;\n }\n\n .mw-body {\n background-color: @base !important;\n color: @text !important;\n border-color: @base !important;\n }\n\n .mw-search-profile-tabs {\n background-color: @base !important;\n color: @text !important;\n border-color: @base !important;\n }\n\n .mw-content-ltr {\n background-color: @base !important;\n }\n\n .vector-sticky-pinned-container::after {\n background: @base !important;\n }\n\n .cdx-search-input {\n border-color: @mantle !important;\n }\n\n .oo-ui-widget:hover {\n background-color: @surface0 !important;\n }\n }\n}\n\n/* deno-fmt-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n};\n",
|
|
"usercssData": {
|
|
"name": "Arch Wiki Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/arch-wiki",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/arch-wiki",
|
|
"version": "2024.12.31",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/arch-wiki/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aarch-wiki",
|
|
"description": "Soothing pastel theme for Arch Wiki",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": null,
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"darkFlavor": {
|
|
"type": "select",
|
|
"label": "Dark Flavor",
|
|
"name": "darkFlavor",
|
|
"value": "macchiato",
|
|
"default": "mocha",
|
|
"options": [
|
|
{
|
|
"name": "latte",
|
|
"label": "Latte",
|
|
"value": "latte"
|
|
},
|
|
{
|
|
"name": "frappe",
|
|
"label": "Frappé",
|
|
"value": "frappe"
|
|
},
|
|
{
|
|
"name": "macchiato",
|
|
"label": "Macchiato",
|
|
"value": "macchiato"
|
|
},
|
|
{
|
|
"name": "mocha",
|
|
"label": "Mocha",
|
|
"value": "mocha"
|
|
}
|
|
]
|
|
},
|
|
"accentColor": {
|
|
"type": "select",
|
|
"label": "Accent",
|
|
"name": "accentColor",
|
|
"value": "teal",
|
|
"default": "mauve",
|
|
"options": [
|
|
{
|
|
"name": "rosewater",
|
|
"label": "Rosewater",
|
|
"value": "rosewater"
|
|
},
|
|
{
|
|
"name": "flamingo",
|
|
"label": "Flamingo",
|
|
"value": "flamingo"
|
|
},
|
|
{
|
|
"name": "pink",
|
|
"label": "Pink",
|
|
"value": "pink"
|
|
},
|
|
{
|
|
"name": "mauve",
|
|
"label": "Mauve",
|
|
"value": "mauve"
|
|
},
|
|
{
|
|
"name": "red",
|
|
"label": "Red",
|
|
"value": "red"
|
|
},
|
|
{
|
|
"name": "maroon",
|
|
"label": "Maroon",
|
|
"value": "maroon"
|
|
},
|
|
{
|
|
"name": "peach",
|
|
"label": "Peach",
|
|
"value": "peach"
|
|
},
|
|
{
|
|
"name": "yellow",
|
|
"label": "Yellow",
|
|
"value": "yellow"
|
|
},
|
|
{
|
|
"name": "green",
|
|
"label": "Green",
|
|
"value": "green"
|
|
},
|
|
{
|
|
"name": "teal",
|
|
"label": "Teal",
|
|
"value": "teal"
|
|
},
|
|
{
|
|
"name": "blue",
|
|
"label": "Blue",
|
|
"value": "blue"
|
|
},
|
|
{
|
|
"name": "sapphire",
|
|
"label": "Sapphire",
|
|
"value": "sapphire"
|
|
},
|
|
{
|
|
"name": "sky",
|
|
"label": "Sky",
|
|
"value": "sky"
|
|
},
|
|
{
|
|
"name": "lavender",
|
|
"label": "Lavender",
|
|
"value": "lavender"
|
|
},
|
|
{
|
|
"name": "subtext0",
|
|
"label": "Gray",
|
|
"value": "subtext0"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"author": "Catppuccin",
|
|
"description": "Soothing pastel theme for Arch Wiki",
|
|
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/arch-wiki",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/arch-wiki/catppuccin.user.less",
|
|
"name": "Arch Wiki Catppuccin",
|
|
"originalDigest": "258005f99fc7349fa3d1781160cac99f0379f7f2",
|
|
"_id": "dfaa88d1-79ca-418c-8b2c-3cd5994a7de9",
|
|
"_rev": 1736501771901,
|
|
"id": 13,
|
|
"etag": "W/\"efaea70ffcda14292b46600cd3eeb6fb8530f0655bb26ff1d65c2bb35000cde2\"",
|
|
"updateDate": 1736501267040
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"installDate": 1715535966119,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"sourceCode": "/* ==UserStyle==\n@name NixOS Wiki Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/nixos.wiki\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/nixos.wiki\n@version 0.0.7\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/nixos.wiki/catppuccin.user.css\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Anixos.wiki\n@description Soothing pastel theme for NixOS Wiki\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@-moz-document domain('nixos.wiki') {\n @import url(\"https://python.catppuccin.com/pygments/catppuccin-variables.important.css\");\n\n @media (prefers-color-scheme: light) {\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n }\n @media (prefers-color-scheme: dark) {\n :root {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n --ctp-rosewater: @rosewater;\n --ctp-flamingo: @flamingo;\n --ctp-pink: @pink;\n --ctp-mauve: @mauve;\n --ctp-red: @red;\n --ctp-maroon: @maroon;\n --ctp-peach: @peach;\n --ctp-yellow: @yellow;\n --ctp-green: @green;\n --ctp-teal: @teal;\n --ctp-sky: @sky;\n --ctp-sapphire: @sapphire;\n --ctp-blue: @blue;\n --ctp-lavender: @lavender;\n --ctp-text: @text;\n --ctp-subtext1: @subtext1;\n --ctp-subtext0: @subtext0;\n --ctp-overlay2: @overlay2;\n --ctp-overlay1: @overlay1;\n --ctp-overlay0: @overlay0;\n --ctp-surface2: @surface2;\n --ctp-surface1: @surface1;\n --ctp-surface0: @surface0;\n --ctp-base: @base;\n --ctp-mantle: @mantle;\n --ctp-crust: @crust;\n\n color-scheme: if(@lookup = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent-color, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n &[data-darkreader-scheme=\"dark\"] body::before {\n content: \"Please turn off DarkReader for this domain when Catppuccin for NixOS Wiki is active.\";\n background: @red;\n box-shadow:\n 0 4px 16px fade(@crust, 10%),\n 0 8px 32px fade(@crust, 5%);\n color: @crust;\n position: fixed;\n top: 0;\n right: 0;\n z-index: 99999;\n max-width: 24rem;\n padding: 0.75rem;\n margin: 0.5rem;\n border-radius: 5px;\n }\n\n body {\n background-color: @base;\n }\n hr {\n border-color: @surface2;\n }\n .navbar-default {\n color: @text;\n background-color: @mantle !important;\n background-image: none !important;\n border-color: transparent !important;\n\n .navbar-brand {\n color: @blue;\n &:hover {\n color: @sky;\n }\n }\n\n li {\n a {\n color: @text !important;\n &:hover {\n color: @subtext0 !important;\n }\n }\n &.nav.open > a,\n ul {\n background-color: @surface0 !important;\n background-image: none !important;\n a:hover {\n background-color: fade(@surface1, 50%) !important;\n background-image: none !important;\n }\n }\n }\n .active > a {\n color: @crust !important;\n &:hover {\n color: @base !important;\n }\n background: @blue !important;\n }\n }\n\n .search-query.form-control {\n color: @text;\n background-color: @surface0;\n border-color: @surface0;\n }\n\n * {\n color: @text;\n }\n\n a {\n color: @blue;\n &:hover {\n color: @sky;\n }\n &.new {\n color: @red;\n &:hover {\n color: @maroon;\n }\n }\n }\n\n .panel {\n background-color: @mantle;\n border-color: @mantle;\n .panel-heading {\n color: @text;\n background-color: @surface0 !important;\n border-bottom-color: @surface2;\n img {\n & when not (@lookup = latte) {\n filter: invert(100%);\n }\n }\n }\n }\n\n .btn-primary {\n color: @crust;\n background-color: @blue !important;\n background-image: none !important;\n border-color: @crust !important;\n &:hover {\n color: @crust !important;\n background-color: @sky !important;\n background-image: none !important;\n }\n }\n\n table {\n &,\n * {\n color: @text;\n border-color: @overlay0 !important;\n background-color: @mantle;\n }\n th {\n &,\n * {\n background-color: @surface0 !important;\n }\n }\n }\n\n blockquote,\n cite {\n border-left-color: @pink !important;\n }\n\n cite a {\n color: @pink;\n &:hover {\n color: @rosewater;\n }\n }\n\n pre,\n code {\n box-shadow: none !important;\n background-color: @mantle;\n border-color: @crust;\n }\n pre {\n color: @text;\n }\n code {\n color: @rosewater;\n }\n\n *[style*=\"background-color: #C1E5FF\"] {\n color: @text !important;\n background-color: fade(@blue, 15%) !important;\n border-color: @blue !important;\n }\n\n *[style*=\"background-color: #FFD0B7\"] {\n color: @text !important;\n background-color: fade(@peach, 15%) !important;\n border-color: @peach !important;\n }\n\n *[style*=\"background: #F6F6F6\"] {\n color: @text !important;\n background-color: fade(@overlay0, 15%) !important;\n border-color: @overlay0 !important;\n }\n\n .suggestions {\n .suggestions-result {\n background-color: @mantle;\n &:hover {\n background-color: mix(@base, @mantle, 50%);\n }\n color: @text;\n .highlight {\n color: @accent-color;\n }\n }\n .suggestions-results {\n border-color: @surface0 !important;\n }\n .suggestions-special {\n border-color: @surface0 !important;\n background-color: @mantle;\n &:hover {\n background-color: mix(@accent-color, @mantle, 15%);\n }\n .special-label {\n color: @subtext0;\n }\n .special-query {\n color: @text;\n }\n }\n }\n\n .toc {\n li.active > a {\n border-left-color: @accent-color !important;\n }\n ul.nav a:hover {\n background: @accent-color !important;\n &,\n * {\n color: @crust !important;\n }\n }\n }\n\n .page-header {\n border-bottom-color: @overlay2;\n }\n\n #catlinks {\n background-color: @mantle;\n border-color: @mantle;\n }\n\n #footer {\n background-color: @mantle;\n }\n\n .mw-search-profile-tabs {\n background-color: @base !important;\n border-color: @base !important;\n }\n\n .search-types .current a {\n color: @text;\n }\n\n .oo-ui-inputWidget-input {\n background-color: @overlay2 !important;\n color: @base;\n }\n\n .oo-ui-buttonElement-button {\n background-color: @mantle !important;\n color: @base !important;\n border-color: @mantle !important;\n }\n\n .oo-ui-labelElement-label {\n background-color: @mantle !important;\n color: @text !important;\n }\n\n .oo-ui-floatableElement-floatable,\n .oo-ui-widget:hover {\n background-color: @mantle !important;\n color: @text !important;\n }\n\n & when (@lookup = latte) {\n .oo-ui-inputWidget-input {\n background-color: @base !important;\n color: @text;\n }\n .oo-ui-buttonElement-button {\n background-color: @mantle !important;\n }\n }\n }\n}\n\n/* prettier-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n}\n\n// vim:ft=less\n",
|
|
"usercssData": {
|
|
"name": "NixOS Wiki Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/nixos.wiki",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/nixos.wiki",
|
|
"version": "0.0.7",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/nixos.wiki/catppuccin.user.css",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Anixos.wiki",
|
|
"description": "Soothing pastel theme for NixOS Wiki",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": null,
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"darkFlavor": {
|
|
"type": "select",
|
|
"label": "Dark Flavor",
|
|
"name": "darkFlavor",
|
|
"value": "macchiato",
|
|
"default": "mocha",
|
|
"options": [
|
|
{
|
|
"name": "latte",
|
|
"label": "Latte",
|
|
"value": "latte"
|
|
},
|
|
{
|
|
"name": "frappe",
|
|
"label": "Frappé",
|
|
"value": "frappe"
|
|
},
|
|
{
|
|
"name": "macchiato",
|
|
"label": "Macchiato",
|
|
"value": "macchiato"
|
|
},
|
|
{
|
|
"name": "mocha",
|
|
"label": "Mocha",
|
|
"value": "mocha"
|
|
}
|
|
]
|
|
},
|
|
"accentColor": {
|
|
"type": "select",
|
|
"label": "Accent",
|
|
"name": "accentColor",
|
|
"value": "teal",
|
|
"default": "mauve",
|
|
"options": [
|
|
{
|
|
"name": "rosewater",
|
|
"label": "Rosewater",
|
|
"value": "rosewater"
|
|
},
|
|
{
|
|
"name": "flamingo",
|
|
"label": "Flamingo",
|
|
"value": "flamingo"
|
|
},
|
|
{
|
|
"name": "pink",
|
|
"label": "Pink",
|
|
"value": "pink"
|
|
},
|
|
{
|
|
"name": "mauve",
|
|
"label": "Mauve",
|
|
"value": "mauve"
|
|
},
|
|
{
|
|
"name": "red",
|
|
"label": "Red",
|
|
"value": "red"
|
|
},
|
|
{
|
|
"name": "maroon",
|
|
"label": "Maroon",
|
|
"value": "maroon"
|
|
},
|
|
{
|
|
"name": "peach",
|
|
"label": "Peach",
|
|
"value": "peach"
|
|
},
|
|
{
|
|
"name": "yellow",
|
|
"label": "Yellow",
|
|
"value": "yellow"
|
|
},
|
|
{
|
|
"name": "green",
|
|
"label": "Green",
|
|
"value": "green"
|
|
},
|
|
{
|
|
"name": "teal",
|
|
"label": "Teal",
|
|
"value": "teal"
|
|
},
|
|
{
|
|
"name": "blue",
|
|
"label": "Blue",
|
|
"value": "blue"
|
|
},
|
|
{
|
|
"name": "sapphire",
|
|
"label": "Sapphire",
|
|
"value": "sapphire"
|
|
},
|
|
{
|
|
"name": "sky",
|
|
"label": "Sky",
|
|
"value": "sky"
|
|
},
|
|
{
|
|
"name": "lavender",
|
|
"label": "Lavender",
|
|
"value": "lavender"
|
|
},
|
|
{
|
|
"name": "subtext0",
|
|
"label": "Gray",
|
|
"value": "subtext0"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"author": "Catppuccin",
|
|
"description": "Soothing pastel theme for NixOS Wiki",
|
|
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/nixos.wiki",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/nixos.wiki/catppuccin.user.css",
|
|
"name": "NixOS Wiki Catppuccin",
|
|
"originalDigest": "3958193b639b17fdd211a6b8a7ebdf25bb722fc5",
|
|
"_id": "d8442149-3453-43fb-9a0b-7db47465b4d9",
|
|
"_rev": 1736501771923,
|
|
"id": 14,
|
|
"etag": "W/\"458bc5b50a033436703f3cf816ce193e0da8d73159b390818432f200afb9d12a\"",
|
|
"updateDate": 1720362457038
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"installDate": 1715536465127,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"sourceCode": "/* ==UserStyle==\n@name Google Drive Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/google-drive\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/google-drive\n@version 2024.12.31\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/google-drive/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agoogle-drive\n@description Soothing pastel theme for Google Drive\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@-moz-document domain(\"drive.google.com\") {\n :root:has(.KkxPLb) {\n .vhoiae.vhoiae.vhoiae,\n & {\n #catppuccin(@lightFlavor);\n }\n }\n :root:has(.LgGVmb) {\n .vhoiae.vhoiae.vhoiae,\n & {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n color-scheme: if(@flavor = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n --dt-on-background: @text;\n --dt-on-background-secondary: @subtext0;\n --dt-background: @base;\n --dt-on-surface: @text;\n --dt-inverse-surface: @text;\n --dt-on-surface-secondary: @subtext0;\n --dt-on-surface-variant: @text;\n --dt-surface-variant: @surface0;\n --dt-inverse-on-surface: @surface0;\n --dt-surface: @base;\n --dt-surface-tint: @accent;\n --dt-shadow-elevation-1:\n 0px 3px 1px -2px fade(@base, 20%), 0px 2px 2px 0px fade(@base, 14%), 0px\n 1px 5px 0px fade(@base, 12%);\n --dt-shadow-elevation-2:\n 0px 2px 4px -1px fade(@base, 20%), 0px 4px 5px 0px fade(@base, 14%), 0px\n 1px 10px 0px fade(@base, 12%);\n --dt-shadow-elevation-3:\n 0px 5px 5px -3px fade(@base, 20%), 0px 8px 10px 1px fade(@base, 14%), 0px\n 3px 14px 2px fade(@base, 12%);\n --dt-shadow-elevation-4:\n 0px 5px 5px -3px fade(@base, 20%), 0px 8px 10px 1px fade(@base, 14%), 0px\n 3px 14px 2px fade(@base, 12%);\n --dt-shadow-elevation-5:\n 0px 8px 10px -6px fade(@base, 20%), 0px 16px 24px 2px fade(@base, 14%),\n 0px 6px 30px 5px fade(@base, 12%);\n --dt-surface-container-lowest: @crust;\n --dt-surface-container-low: @mantle;\n --dt-surface-container: @surface0;\n --dt-surface-container-high: @surface1;\n --dt-surface-container-highest: @surface2;\n --dt-surface-dim: @crust;\n --dt-surface-bright: @base;\n --dt-on-primary-container: @text;\n --dt-primary-container-icon: @text;\n --dt-primary-container-link: @text;\n --dt-primary: @accent;\n --dt-primary-action: @accent;\n --dt-primary-action-stateful: @accent;\n --dt-primary-outline: @accent;\n --dt-primary-action-state-layer: @accent;\n --dt-primary-container: @surface0;\n --dt-on-primary: @base;\n --dt-primary-icon: @base;\n --dt-primary-link: @base;\n --dt-on-secondary-container: @text;\n --dt-secondary-container-icon: @text;\n --dt-secondary-container-link: @text;\n --dt-secondary: @accent;\n --dt-secondary-action: @accent;\n --dt-secondary-action-stateful: @accent;\n --dt-secondary-outline: @accent;\n --dt-secondary-action-state-layer: @accent;\n --dt-secondary-container: @surface0;\n --dt-on-secondary: @base;\n --dt-secondary-icon: @base;\n --dt-secondary-link: @base;\n --dt-on-tertiary-container: @text;\n --dt-tertiary-container-icon: @text;\n --dt-tertiary-container-link: @text;\n --dt-tertiary: @accent;\n --dt-tertiary-action: @accent;\n --dt-tertiary-action-stateful: @accent;\n --dt-tertiary-outline: @accent;\n --dt-tertiary-action-state-layer: @accent;\n --dt-tertiary-container: @surface0;\n --dt-on-tertiary: @base;\n --dt-tertiary-icon: @base;\n --dt-tertiary-link: @base;\n --dt-on-neutral-container: @text;\n --dt-neutral-container-icon: @text;\n --dt-neutral-container-link: @text;\n --dt-neutral: @surface0;\n --dt-neutral-action: @text;\n --dt-neutral-action-stateful: @text;\n --dt-neutral-outline: @surface0;\n --dt-neutral-action-state-layer: @surface0;\n --dt-neutral-container: @surface0;\n --dt-on-neutral: @text;\n --dt-neutral-icon: @surface0;\n --dt-neutral-link: @surface0;\n --dt-on-warning-container: @yellow;\n --dt-warning-container-icon: @yellow;\n --dt-warning-container-link: @yellow;\n --dt-warning: @yellow;\n --dt-warning-action: @yellow;\n --dt-warning-action-stateful: @yellow;\n --dt-warning-outline: @yellow;\n --dt-warning-action-state-layer: @yellow;\n --dt-warning-container: @surface0;\n --dt-on-warning: @base;\n --dt-warning-icon: @yellow;\n --dt-warning-link: @yellow;\n --dt-on-error-container: @red;\n --dt-error-container-icon: @red;\n --dt-error-container-link: @red;\n --dt-error: @red;\n --dt-error-action: @red;\n --dt-error-action-stateful: @red;\n --dt-error-outline: @red;\n --dt-error-action-state-layer: @surface1;\n --dt-error-container: @surface1;\n --dt-on-error: @base;\n --dt-error-icon: @base;\n --dt-error-link: @base;\n --dt-mime-type-blue: @blue;\n --dt-mime-type-dark-blue: @blue;\n --dt-mime-type-green: @green;\n --dt-mime-type-grey: @overlay0;\n --dt-mime-type-purple: @mauve;\n --dt-mime-type-deep-purple: @mauve;\n --dt-mime-type-red: @red;\n --dt-mime-type-yellow: @yellow;\n --dt-disabled: @overlay0;\n --dt-on-disabled: @text;\n --dt-outline: @overlay0;\n --dt-outline-variant: @surface2;\n --dt-light-info-banner-button: @text;\n --dt-light-neutral-banner-button: @text;\n --dt-light-success-banner-button: @green;\n --dt-light-warning-banner-button: @yellow;\n --dt-light-error-banner-button: @red;\n\n --gm3-sys-color-background: @base;\n --gm3-sys-color-background-rgb: #rgbify(@base)[];\n --gm3-sys-color-error: @red;\n --gm3-sys-color-error-rgb: #rgbify(@red)[];\n --gm3-sys-color-error-container: @surface2;\n --gm3-sys-color-error-container-rgb: #rgbify(@surface2)[];\n --gm3-sys-color-inverse-on-surface: @surface0;\n --gm3-sys-color-inverse-on-surface-rgb: #rgbify(@surface0)[];\n --gm3-sys-color-inverse-primary: red;\n --gm3-sys-color-inverse-primary-rgb: 255, 0, 0;\n --gm3-sys-color-inverse-surface: @text;\n --gm3-sys-color-inverse-surface-rgb: #rgbify(@text)[];\n --gm3-sys-color-on-background: @text;\n --gm3-sys-color-on-background-rgb: #rgbify(@text)[];\n --gm3-sys-color-on-error: @base;\n --gm3-sys-color-on-error-rgb: #rgbify(@base)[];\n --gm3-sys-color-on-error-container: @red;\n --gm3-sys-color-on-error-container-rgb: #rgbify(@red)[];\n --gm3-sys-color-on-primary: @base;\n --gm3-sys-color-on-primary-rgb: #rgbify(@base)[];\n --gm3-sys-color-on-primary-container: @text;\n --gm3-sys-color-on-primary-container-rgb: #rgbify(@text)[];\n --gm3-sys-color-on-primary-fixed: @base;\n --gm3-sys-color-on-primary-fixed-rgb: #rgbify(@base);\n --gm3-sys-color-on-primary-fixed-variant: @base;\n --gm3-sys-color-on-primary-fixed-variant-rgb: #rgbify(@base);\n --gm3-sys-color-on-secondary: @base;\n --gm3-sys-color-on-secondary-rgb: #rgbify(@base)[];\n --gm3-sys-color-on-secondary-container: @text;\n --gm3-sys-color-on-secondary-container-rgb: #rgbify(@text)[];\n --gm3-sys-color-on-secondary-fixed: @base;\n --gm3-sys-color-on-secondary-fixed-rgb: #rgbify(@base)[];\n --gm3-sys-color-on-secondary-fixed-variant: @base;\n --gm3-sys-color-on-secondary-fixed-variant-rgb: #rgbify(@base)[];\n --gm3-sys-color-on-surface: @text;\n --gm3-sys-color-on-surface-rgb: #rgbify(@text)[];\n --gm3-sys-color-on-surface-variant: @text;\n --gm3-sys-color-on-surface-variant-rgb: #rgbify(@text)[];\n --gm3-sys-color-on-tertiary: @base;\n --gm3-sys-color-on-tertiary-rgb: #rgbify(@base)[];\n --gm3-sys-color-on-tertiary-container: @text;\n --gm3-sys-color-on-tertiary-container-rgb: #rgbify(@text)[];\n --gm3-sys-color-on-tertiary-fixed: @base;\n --gm3-sys-color-on-tertiary-fixed-rgb: #rgbify(@base)[];\n --gm3-sys-color-on-tertiary-fixed-variant: @base;\n --gm3-sys-color-on-tertiary-fixed-variant-rgb: #rgbify(@base)[];\n --gm3-sys-color-outline: @overlay0;\n --gm3-sys-color-outline-rgb: #rgbify(@overlay0)[];\n --gm3-sys-color-outline-variant: @surface2;\n --gm3-sys-color-outline-variant-rgb: #rgbify(@surface2)[];\n --gm3-sys-color-primary: @accent;\n --gm3-sys-color-primary-rgb: #rgbify(@accent)[];\n --gm3-sys-color-primary-container: @surface0;\n --gm3-sys-color-primary-container-rgb: #rgbify(@surface0)[];\n --gm3-sys-color-primary-fixed: @accent;\n --gm3-sys-color-primary-fixed-rgb: #rgbify(@accent)[];\n --gm3-sys-color-primary-fixed-dim: @accent;\n --gm3-sys-color-primary-fixed-dim-rgb: #rgbify(@accent)[];\n --gm3-sys-color-secondary: @accent;\n --gm3-sys-color-secondary-rgb: #rgbify(@accent);\n --gm3-sys-color-secondary-container: @surface0;\n --gm3-sys-color-secondary-container-rgb: #rgbify(@surface0)[];\n --gm3-sys-color-secondary-fixed: #c2e7ff;\n --gm3-sys-color-secondary-fixed-rgb: 194, 231, 255;\n --gm3-sys-color-secondary-fixed-dim: #7fcfff;\n --gm3-sys-color-secondary-fixed-dim-rgb: 127, 207, 255;\n --gm3-sys-color-surface: @base;\n --gm3-sys-color-surface-rgb: #rgbify(@base)[];\n --gm3-sys-color-surface-bright: @base;\n --gm3-sys-color-surface-bright-rgb: #rgbify(@base)[];\n --gm3-sys-color-surface-container: @surface0;\n --gm3-sys-color-surface-container-rgb: #rgbify(@surface0)[];\n --gm3-sys-color-surface-container-high: @surface1;\n --gm3-sys-color-surface-container-high-rgb: #rgbify(@surface1)[];\n --gm3-sys-color-surface-container-highest: @surface2;\n --gm3-sys-color-surface-container-highest-rgb: #rgbify(@surface2)[];\n --gm3-sys-color-surface-container-low: @mantle;\n --gm3-sys-color-surface-container-low-rgb: #rgbify(@mantle)[];\n --gm3-sys-color-surface-container-lowest: @crust;\n --gm3-sys-color-surface-container-lowest-rgb: #rgbify(@crust)[];\n --gm3-sys-color-surface-dim: @crust;\n --gm3-sys-color-surface-dim-rgb: #rgbify(@crust)[];\n --gm3-sys-color-surface-tint: @accent;\n --gm3-sys-color-surface-tint-rgb: #rgbify(@accent)[];\n --gm3-sys-color-surface-variant: @surface0;\n --gm3-sys-color-surface-variant-rgb: #rgbify(@surface0)[];\n --gm3-sys-color-tertiary: @accent;\n --gm3-sys-color-tertiary-rgb: #rgbify(@accent)[];\n --gm3-sys-color-tertiary-container: @surface0;\n --gm3-sys-color-tertiary-container-rgb: #rgbify(@surface0);\n --gm3-sys-color-tertiary-fixed: @accent;\n --gm3-sys-color-tertiary-fixed-rgb: #rgbify(@accent)[];\n --gm3-sys-color-tertiary-fixed-dim: @accent;\n --gm3-sys-color-tertiary-fixed-dim-rgb: #rgbify(@accent)[];\n\n & when (@flavor = latte) {\n --dt-scrim: fade(@text, 50%);\n --dt-scrim-2x: fade(@text, 50%);\n --gm3-sys-color-scrim: @text;\n --gm3-sys-color-scrim-rgb: #rgbify(@text)[];\n --gm3-sys-color-shadow: @text;\n --gm3-sys-color-shadow-rgb: #rgbify(@text)[];\n }\n\n & when not(@flavor = latte) {\n --dt-scrim: fade(@base, 50%);\n --dt-scrim-2x: fade(@base, 50%);\n --gm3-sys-color-scrim: @base;\n --gm3-sys-color-scrim-rgb: #rgbify(@base)[];\n --gm3-sys-color-shadow: @base;\n --gm3-sys-color-shadow-rgb: #rgbify(@base)[];\n }\n\n /* Settings menu title & back button */\n .gb_Pc svg,\n .gb_Uc.gb_Zc svg,\n .gb_Pc .gb_gd .gb_od,\n .gb_Pc .gb_gd .gb_Oc,\n .gb_Pc .gb_gd .gb_id,\n .gb_Uc.gb_Zc .gb_od {\n color: @text !important;\n }\n\n /* Settings menu Storage total used icon */\n .VBJTHe svg path {\n fill: @text;\n }\n\n /* Drive sync checkbox disabled */\n .MlG5Jc gm-checkbox[disabled] ~ .VfPpkd-ga,\n .MlG5Jc gm-radio[disabled] ~ .VfPpkd-ga,\n .MlG5Jc .VfPpkd-Qa-Qu-db ~ .VfPpkd-ga,\n .MlG5Jc .VfPpkd-Eg-Qu-db ~ .VfPpkd-ga {\n color: @subtext0 !important;\n }\n\n /* Quota hover box-shadow */\n .KnDsIf:hover,\n .KnDsIf:focus,\n .al9hA {\n box-shadow: 0 2px 6px @overlay0;\n }\n\n /* Quota Google Drive */\n .kJzqSb {\n color: @blue;\n }\n\n /* Quota Google Photos */\n .L1pqQb {\n color: @yellow;\n }\n\n /* Quota Gmail */\n .au0LDe {\n color: @red;\n }\n\n /* Google Account outline */\n .gb_Ea.gb_i {\n border-color: @overlay0;\n background-color: @surface0;\n }\n .gb_Ea.gb_i:focus,\n .gb_Ea.gb_i:hover {\n border-color: @subtext0;\n }\n\n /* File preview (separate tab) background */\n &.ndfHFb-c4YZDc-uoC0bf.ndfHFb-c4YZDc-i5oIFb .ndfHFb-c4YZDc-bnBfGc {\n background-color: @base;\n }\n .a-b-uoC0bf.a-b-L .a-b-jl /* File preview (in Drive) background */ {\n background-color: fade(@base, 85%);\n }\n\n /* File preview (separate tab) top bar */\n &.ndfHFb-c4YZDc-uoC0bf.ndfHFb-c4YZDc-i5oIFb\n .ndfHFb-c4YZDc-Wrql6b.ndfHFb-c4YZDc-Wrql6b-Hyc8Sd,\n .a-b-uoC0bf.a-b-L .a-b-K.a-b-K-Hyc8Sd /* File preview (in Drive) top bar */\n {\n background-color: fade(@base, 85%);\n }\n\n /* File preview (separate tab) bottom bar */\n .ndfHFb-c4YZDc-q77wGc .ndfHFb-c4YZDc-DARUcf-NnAfwf-i5oIFb,\n .ndfHFb-c4YZDc-q77wGc .ndfHFb-c4YZDc-nJjxad-nK2kYb-i5oIFb,\n .a-b-vo .a-b-La-yc-L,\n .a-b-vo .a-b-Kb-ac-L /* File preview (in Drive) bottom bar */ {\n background-color: fade(@base, 85%);\n color: @text !important;\n /* File preview (separate tab) page input */\n .ndfHFb-c4YZDc-DARUcf-NGme3c-YPqjbf,\n .a-b-La-su-vb /* File preview (in Drive) page input */ {\n background-color: fade(@base, 50%);\n color: @text;\n }\n }\n\n /* File preview (separate tab) share button */\n &.ndfHFb-c4YZDc-uoC0bf .zAYgkb-uoC0bf .tk3N6e-LgbsSe,\n &.ndfHFb-c4YZDc-uoC0bf\n .zAYgkb-mAKE4e-LQLjdd-xl07Ob-LgbsSe.VIpgJd-Kb3HCc-xl07Ob-LgbsSe,\n .a-b-uoC0bf .ae-uoC0bf .g-d,\n .a-b-uoC0bf\n .ae-mAKE4e-Hc-w-d.h-R-w-d /* File preview (in Drive) share button */ {\n background-color: @accent;\n color: @base;\n /* File preview (separate tab) share icon */\n .IyROMc-euCgFf-LJSvSb,\n .ae-c /* File preview (in Drive) share icon */ {\n & when (@flavor = latte) {\n filter: brightness(0) invert(97%) sepia(4%) saturate(152%) hue-rotate(\n 183deg\n ) brightness(94%) contrast(106%);\n }\n & when (@flavor = frappe) {\n filter: brightness(0) invert(15%) sepia(8%) saturate(2252%)\n hue-rotate(192deg) brightness(98%) contrast(85%);\n }\n & when (@flavor = macchiato) {\n filter: brightness(0) invert(13%) sepia(26%) saturate(823%)\n hue-rotate(195deg) brightness(90%) contrast(92%);\n }\n & when (@flavor = mocha) {\n filter: brightness(0) invert(10%) sepia(36%) saturate(650%)\n hue-rotate(201deg) brightness(90%) contrast(93%);\n }\n }\n /* File preview (separate tab) share triangle */\n .VIpgJd-Kb3HCc-xl07Ob-LgbsSe-j4gsHd,\n .h-R-w-d-Re /* File preview (in Drive) share triangle */ {\n border-color: @base transparent !important;\n }\n }\n /* File preview (separate tab) share Quick options */\n .zAYgkb-NhlrFc-xl07Ob-BvBYQ,\n .h-w.ae-NhlrFc-w /* File preview (in Drive) share Quick options */ {\n background-color: @base;\n * {\n color: @text !important;\n }\n /* File preview (in Drive) share Quick options current share level container */\n .h-v-x {\n opacity: 100%;\n }\n /* File preview (separate tab) share Quick options divider */\n .zAYgkb-NhlrFc-gqMrKb,\n .ae-NhlrFc-Yo /* File preview (in Drive) share Quick options divider */ {\n border-color: @overlay0;\n }\n /* File preview (separate tab) share Quick options row hover */\n .VIpgJd-j7LFlb-sn54Q,\n .h-v-pc /* File preview (in Drive) share Quick options row hover */ {\n background-color: @surface0;\n }\n /* File preview (separate tab) share Quick options row icon */\n .IyROMc-euCgFf-LJSvSb,\n .ba-ea-i /* File preview (in Drive) share Quick options row icon */ {\n & when (@flavor = latte) {\n filter: brightness(0) invert(31%) sepia(10%) saturate(1268%)\n hue-rotate(196deg) brightness(90%) contrast(86%);\n }\n & when (@flavor = frappe) {\n filter: brightness(0) invert(80%) sepia(7%) saturate(1070%)\n hue-rotate(192deg) brightness(104%) contrast(92%);\n }\n & when (@flavor = macchiato) {\n filter: brightness(0) invert(84%) sepia(13%) saturate(579%)\n hue-rotate(193deg) brightness(99%) contrast(94%);\n }\n & when (@flavor = mocha) {\n filter: brightness(0) invert(84%) sepia(19%) saturate(370%)\n hue-rotate(192deg) brightness(98%) contrast(95%);\n }\n }\n }\n /* File preview (separate tab) Print, Download, 3 dots */\n .ndfHFb-c4YZDc-Bz112c:not([style]),\n .ndfHFb-c4YZDc-Bz112c[style*=\"googlematerialicons\"],\n .ndfHFb-c4YZDc-Bz112c[style=\"user-select: none;\"],\n .ndfHFb-c4YZDc-Wrql6b-htvI8d-wcotoc-wHEfpf-ndfHFb-Bz112c\n /* File preview (separate tab) Save to drive */,\n .ndfHFb-c4YZDc-Wrql6b-w37qKe-Bz112c\n /* File preview (separate tab) Save to drive (clicked) */,\n /* File preview (in Drive) Print, Download, 3 dots */\n .a-b-c:not([style]),\n .a-b-c[style*=\"googlematerialicons\"],\n .a-b-c[style=\"user-select: none;\"],\n .a-b-K-zc-Eb-bg-a-c /* File preview (in Drive) Save to drive */,\n .a-b-K-X-c /* File preview (in Drive) Save to drive (clicked) */ {\n & when (@flavor = latte) {\n filter: brightness(0) invert(31%) sepia(10%) saturate(1268%) hue-rotate(\n 196deg\n ) brightness(90%) contrast(86%);\n }\n & when (@flavor = frappe) {\n filter: brightness(0) invert(80%) sepia(7%) saturate(1070%) hue-rotate(\n 192deg\n ) brightness(104%) contrast(92%);\n }\n & when (@flavor = macchiato) {\n filter: brightness(0) invert(84%) sepia(13%) saturate(579%) hue-rotate(\n 193deg\n ) brightness(99%) contrast(94%);\n }\n & when (@flavor = mocha) {\n filter: brightness(0) invert(84%) sepia(19%) saturate(370%) hue-rotate(\n 192deg\n ) brightness(98%) contrast(95%);\n }\n }\n /* File preview (separate tab) File title */\n .ndfHFb-c4YZDc-Wrql6b-V1ur5d,\n .a-b-cg-Zf /* File preview (in Drive) File title */ {\n color: @text;\n }\n /* File preview (separate tab) 3 dots menu item hover */\n .ndfHFb-c4YZDc-j7LFlb:hover,\n .a-b-v:hover /* File preview (in Drive) 3 dots menu item hover */ {\n background-color: @surface0;\n }\n /* File preview (separate tab) No preview available */\n .ndfHFb-c4YZDc-EglORb-haAclf,\n .a-b-Tb-j /* File preview (in Drive) No preview available */ {\n background-color: @surface0;\n color: @text;\n /* File preview (separate tab) No preview available Download */\n .ndfHFb-c4YZDc-bN97Pc-nupQLb-LgbsSe,\n .a-b-x-rb-d /* File preview (in Drive) No preview available Download */ {\n background-color: @surface1;\n color: @text;\n text-shadow: none;\n border-color: transparent;\n &:hover {\n background-color: @surface2;\n background-image: none;\n }\n }\n /* File preview (separate tab) No preview available Download icon */\n .ndfHFb-c4YZDc-bN97Pc-nupQLb-LgbsSe-Bz112c,\n .a-b-x-rb-d-c /* File preview (in Drive) No preview available Download icon */\n {\n & when (@flavor = latte) {\n filter: brightness(0) invert(31%) sepia(10%) saturate(1268%)\n hue-rotate(196deg) brightness(90%) contrast(86%);\n }\n & when (@flavor = frappe) {\n filter: brightness(0) invert(80%) sepia(7%) saturate(1070%)\n hue-rotate(192deg) brightness(104%) contrast(92%);\n }\n & when (@flavor = macchiato) {\n filter: brightness(0) invert(84%) sepia(13%) saturate(579%)\n hue-rotate(193deg) brightness(99%) contrast(94%);\n }\n & when (@flavor = mocha) {\n filter: brightness(0) invert(84%) sepia(19%) saturate(370%)\n hue-rotate(192deg) brightness(98%) contrast(95%);\n }\n }\n }\n /* File preview (in Drive) text document */\n .a-b-r-x,\n .ndfHFb-c4YZDc-fmcmS-bN97Pc /* File preview (separate tab) text document */\n {\n &,\n pre {\n background-color: @surface0 !important;\n color: @text !important;\n }\n }\n /* File preview (in Drive) comment on image */\n .Yk-efwuC {\n background-color: @surface0 !important;\n /* File preview (in Drive) comment on image person */\n .Yk-Vq7Udc {\n background-color: @surface0 !important;\n [data-name] {\n color: @text !important;\n }\n /* Comment text */\n .Yk-eKrold-Sg.Yk-eKrold-Sg {\n color: @text !important;\n }\n /* Comment date */\n .Yk-eKrold-bi {\n color: @subtext0 !important;\n }\n }\n /* File preview (in Drive) comments */\n .Yk-efwuC-vb-Gd {\n background-color: @surface0;\n &,\n * {\n color: @text !important;\n }\n [role=\"textbox\"] {\n background-color: @surface1;\n border-color: @overlay0;\n &::before {\n color: @subtext0 !important;\n }\n }\n [role=\"button\"] {\n background-color: @surface1 !important;\n /* needed to override border-color */\n &[role=\"button\"] {\n border-color: @overlay0 !important;\n }\n &[aria-disabled=\"true\"] {\n background-color: @surface1 !important;\n color: @subtext0 !important;\n }\n }\n }\n }\n\n /* Drive sharing window material icon */\n .SbpzSe .VfPpkd-StrnGf-rymPhb-f7MjDc {\n color: @accent;\n }\n\n /* Drive sharing window access hover */\n .lfDNBb:hover,\n .lfDNBb:focus-within,\n .ZelW3e:hover .FYhd9e,\n .ZelW3e:focus-within .FYhd9e /* Drive sharing window person row hover */ {\n background-color: @surface0;\n }\n\n /* Drive sharing iframe (in Drive) */\n .lb-k-x {\n color-scheme: unset;\n }\n /* Drive sharing iframe (file preview separate tab) */\n .XKSfm-Sx9Kwc-bN97Pc {\n color-scheme: auto; /* unset doesn't work? */\n }\n [role=\"tooltip\"],\n .Kk7lMc-Ca /* Drive applications sidebar tooltip */,\n .gb_2e /* Drive google account tooltip */ {\n background-color: @surface2;\n *,\n & {\n color: @text !important;\n }\n border-color: transparent;\n /* File preview (separate tab) tooltip arrow */\n .tk3N6e-suEOdc-jQ8oHc,\n .tk3N6e-suEOdc-ez0xG {\n border-color: @surface2 transparent !important;\n }\n }\n\n /* Drive applications sidebar close button */\n .Kk7lMc-QWPxkf-d-j .Yb-Il-d .Yb-Il-d-c-j {\n background-color: @surface0;\n path:nth-child(1) {\n stroke: @text;\n }\n }\n /* Drive applications sidebar get addons */\n .Yb-Il-d#qJTzr .Yb-Il-d-c-j {\n & when (@flavor = latte) {\n filter: brightness(0) invert(31%) sepia(10%) saturate(1268%) hue-rotate(\n 196deg\n ) brightness(90%) contrast(86%);\n }\n & when (@flavor = frappe) {\n filter: brightness(0) invert(80%) sepia(7%) saturate(1070%) hue-rotate(\n 192deg\n ) brightness(104%) contrast(92%);\n }\n & when (@flavor = macchiato) {\n filter: brightness(0) invert(84%) sepia(13%) saturate(579%) hue-rotate(\n 193deg\n ) brightness(99%) contrast(94%);\n }\n & when (@flavor = mocha) {\n filter: brightness(0) invert(84%) sepia(19%) saturate(370%) hue-rotate(\n 192deg\n ) brightness(98%) contrast(95%);\n }\n }\n /* Drive applications sidebar close button white background */\n .Yb-Il-d-c-Nd {\n background-color: transparent;\n }\n\n /* Drive icon */\n [src=\"//ssl.gstatic.com/images/branding/product/1x/drive_2020q4_48dp.png\"] {\n @darkBlue: mix(@blue, @base, 80%);\n @darkGreen: mix(@green, @base, 80%);\n\n @svg: escape(\n '<svg viewBox=\"0 0 87.3 78\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m6.6 66.85 3.85 6.65c.8 1.4 1.95 2.5 3.3 3.3L27.5 53H0c0 1.55.4 3.1 1.2 4.5z\" fill=\"@{darkBlue}\"/><path d=\"M43.65 25 29.9 1.2c-1.35.8-2.5 1.9-3.3 3.3l-25.4 44A9.06 9.06 0 0 0 0 53h27.5z\" fill=\"@{green}\"/><path d=\"M73.55 76.8c1.35-.8 2.5-1.9 3.3-3.3l1.6-2.75L86.1 57.5c.8-1.4 1.2-2.95 1.2-4.5H59.798l5.852 11.5z\" fill=\"@{red}\"/><path d=\"M43.65 25 57.4 1.2C56.05.4 54.5 0 52.9 0H34.4c-1.6 0-3.15.45-4.5 1.2z\" fill=\"@{darkGreen}\"/><path d=\"M59.8 53H27.5L13.75 76.8c1.35.8 2.9 1.2 4.5 1.2h50.8c1.6 0 3.15-.45 4.5-1.2z\" fill=\"@{blue}\"/><path d=\"m73.4 26.5-12.7-22c-.8-1.4-1.95-2.5-3.3-3.3L43.65 25 59.8 53h27.45c0-1.55-.4-3.1-1.2-4.5z\" fill=\"@{yellow}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n /* Drive upload checkmark */\n .z-Ea-Fj-c svg path {\n fill: @green;\n }\n }\n}\n\n#rgbify(@color) {\n @rgb: red(@color), green(@color), blue(@color);\n}\n\n/* deno-fmt-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n};\n",
|
|
"usercssData": {
|
|
"name": "Google Drive Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/google-drive",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/google-drive",
|
|
"version": "2024.12.31",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/google-drive/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agoogle-drive",
|
|
"description": "Soothing pastel theme for Google Drive",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": null,
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"darkFlavor": {
|
|
"type": "select",
|
|
"label": "Dark Flavor",
|
|
"name": "darkFlavor",
|
|
"value": "macchiato",
|
|
"default": "mocha",
|
|
"options": [
|
|
{
|
|
"name": "latte",
|
|
"label": "Latte",
|
|
"value": "latte"
|
|
},
|
|
{
|
|
"name": "frappe",
|
|
"label": "Frappé",
|
|
"value": "frappe"
|
|
},
|
|
{
|
|
"name": "macchiato",
|
|
"label": "Macchiato",
|
|
"value": "macchiato"
|
|
},
|
|
{
|
|
"name": "mocha",
|
|
"label": "Mocha",
|
|
"value": "mocha"
|
|
}
|
|
]
|
|
},
|
|
"accentColor": {
|
|
"type": "select",
|
|
"label": "Accent",
|
|
"name": "accentColor",
|
|
"value": "teal",
|
|
"default": "mauve",
|
|
"options": [
|
|
{
|
|
"name": "rosewater",
|
|
"label": "Rosewater",
|
|
"value": "rosewater"
|
|
},
|
|
{
|
|
"name": "flamingo",
|
|
"label": "Flamingo",
|
|
"value": "flamingo"
|
|
},
|
|
{
|
|
"name": "pink",
|
|
"label": "Pink",
|
|
"value": "pink"
|
|
},
|
|
{
|
|
"name": "mauve",
|
|
"label": "Mauve",
|
|
"value": "mauve"
|
|
},
|
|
{
|
|
"name": "red",
|
|
"label": "Red",
|
|
"value": "red"
|
|
},
|
|
{
|
|
"name": "maroon",
|
|
"label": "Maroon",
|
|
"value": "maroon"
|
|
},
|
|
{
|
|
"name": "peach",
|
|
"label": "Peach",
|
|
"value": "peach"
|
|
},
|
|
{
|
|
"name": "yellow",
|
|
"label": "Yellow",
|
|
"value": "yellow"
|
|
},
|
|
{
|
|
"name": "green",
|
|
"label": "Green",
|
|
"value": "green"
|
|
},
|
|
{
|
|
"name": "teal",
|
|
"label": "Teal",
|
|
"value": "teal"
|
|
},
|
|
{
|
|
"name": "blue",
|
|
"label": "Blue",
|
|
"value": "blue"
|
|
},
|
|
{
|
|
"name": "sapphire",
|
|
"label": "Sapphire",
|
|
"value": "sapphire"
|
|
},
|
|
{
|
|
"name": "sky",
|
|
"label": "Sky",
|
|
"value": "sky"
|
|
},
|
|
{
|
|
"name": "lavender",
|
|
"label": "Lavender",
|
|
"value": "lavender"
|
|
},
|
|
{
|
|
"name": "subtext0",
|
|
"label": "Gray",
|
|
"value": "subtext0"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"author": "Catppuccin",
|
|
"description": "Soothing pastel theme for Google Drive",
|
|
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/google-drive",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/google-drive/catppuccin.user.less",
|
|
"name": "Google Drive Catppuccin",
|
|
"originalDigest": "c9df54a3c479076fffabbf43340062fca641ccc6",
|
|
"_id": "8cd5d5b6-853b-45bd-8fd9-052f0eb9851e",
|
|
"_rev": 1736501771990,
|
|
"id": 16,
|
|
"etag": "W/\"57e18b9d6f318f071322cb97329959ca441dec7cf5b67995208a09ff72ff2b3e\"",
|
|
"updateDate": 1736501269640
|
|
},
|
|
{
|
|
"enabled": false,
|
|
"installDate": 1715536531937,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"sourceCode": "/* ==UserStyle==\n@name Gmail Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/gmail\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/gmail\n@version 2024.12.31\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/gmail/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agmail\n@description Soothing pastel theme for Gmail\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@-moz-document domain(\"mail.google.com\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n @crust-filter: @catppuccin-filters[@@flavor][@crust];\n @text-filter: @catppuccin-filters[@@flavor][@text];\n @yellow-filter: @catppuccin-filters[@@flavor][@yellow];\n\n color-scheme: if(@flavor = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n\n caret-color: @text;\n }\n\n #input-styling {\n input,\n select,\n button {\n background-color: @mantle;\n color: @text;\n border-color: @surface0;\n border-style: solid;\n border-width: 1px;\n box-shadow: none;\n }\n }\n\n * {\n text-shadow: none !important;\n }\n\n /* Gmail logo */\n [src=\"https://ssl.gstatic.com/ui/v1/icons/mail/rfr/logo_gmail_lockup_default_1x_r5.png\"],\n [src=\"https://ssl.gstatic.com/ui/v1/icons/mail/rfr/logo_gmail_lockup_dark_1x_r5.png\"] {\n height: unset !important;\n width: unset !important;\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"17.727 14.319 30 22.5\" width=\"30\" height=\"22.5\"><path fill=\"@{blue}\" d=\"M19.773 36.819h4.773V25.227l-6.819-5.114v14.659a2.044 2.044 0 0 0 2.045 2.045\"/><path fill=\"@{green}\" d=\"M40.909 36.819h4.773a2.044 2.044 0 0 0 2.045-2.045v-14.66l-6.819 5.114\"/><path fill=\"@{yellow}\" d=\"M40.909 16.364v8.864l6.819-5.114v-2.727c0-2.529-2.888-3.971-4.909-2.455\"/><path fill=\"@{red}\" d=\"M24.545 25.227v-8.863l8.181 6.136 8.181-6.136v8.864l-8.181 6.136m-15-13.977v2.727l6.819 5.114v-8.864l-1.909-1.431c-2.025-1.517-4.91-.075-4.91 2.455\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n /* Tooltips */\n .T-ays-iP,\n .gb_Ac {\n background-color: @crust;\n color: @text;\n }\n\n /* Buttons */\n\n /* Solid primary */\n .T-I-atl {\n background-color: @accent;\n color: @crust;\n }\n\n /* Transparent primary */\n .l0,\n div.b8 .a8k,\n .bAo > .ad {\n color: @accent;\n\n &::before {\n background-color: @accent;\n }\n }\n\n /* Transparent secondary */\n .bs0 > .acM,\n .bti > .btg,\n .a8Y > .T-I-ax7 {\n color: @text;\n\n /* Disabled */\n &.acN {\n color: @subtext0;\n }\n\n &:hover::before {\n background-color: @overlay2;\n }\n }\n\n /* Header and sidebars */\n .w-asV,\n .bkL,\n .bhZ.bym,\n .bhZ.bjB,\n .bhZ.bym.baA {\n background-color: @mantle;\n }\n /* Header icons */\n .gb_Lc svg,\n .gb_Pc.gb_Uc svg,\n .gb_Lc .gb_rd .gb_sd,\n .gb_Lc .gb_rd .gb_Kc,\n .gb_Lc .gb_rd .gb_ud,\n .gb_Pc.gb_Uc .gb_sd {\n color: @text;\n }\n /* Search mail input */\n .gb_Lc .gb_hd {\n background-color: @crust;\n\n .gb_je,\n svg {\n color: @text;\n }\n }\n /* Active search / filter modal */\n .gssb_c {\n /* Icons */\n button svg,\n .asor {\n filter: @text-filter;\n }\n\n /* Recent searches */\n .aRp,\n .gssb_e,\n .gssb_m {\n background-color: @base;\n color: @text;\n }\n\n /* Hovered recent searches */\n .gssb_i {\n background-color: @surface0;\n\n > .gssb_a {\n border-left-color: @accent;\n }\n\n /* X icon */\n .gsaq_b {\n filter: @text-filter;\n }\n }\n\n .aSP,\n .gssb_e {\n border-color: @surface2;\n }\n\n /* Separator */\n .gssb_l {\n background-color: @surface0;\n }\n\n /* Search results */\n\n /* Icons */\n .gsoi_0,\n .asor_o,\n .gsoi_msra {\n filter: @text-filter;\n }\n\n /* People involved */\n .asor_e {\n color: @subtext0;\n }\n }\n /* Pill filters */\n .H2 {\n background-color: @base;\n border-color: @surface0;\n color: @subtext1;\n fill: @subtext1;\n\n &:hover {\n background-color: @mantle;\n }\n\n &.bws {\n background-color: @accent;\n color: @crust;\n fill: @crust;\n\n .HV {\n filter: @crust-filter;\n }\n\n &:hover .H1 {\n background-color: darken(@accent, 5%);\n }\n }\n }\n .aqc .H2 {\n border-color: @text;\n color: @text;\n\n &.bws {\n background-color: @surface2;\n color: @mantle;\n }\n }\n /* Advanced search/filters modal */\n .ZF-z6,\n .ZF-zT,\n .ZF-Av .lJ,\n .ZF-Av .lN {\n background-color: @base;\n\n &,\n .boo > .ZG,\n .boo .aQl > .J-JN-M-I-Jm,\n .boo .aaa > .J-JN-M-I-Jm,\n .boo .ZE > .J-JN-M-I-Jm {\n color: @text;\n }\n\n .btl.acK,\n .btn::before {\n filter: @text-filter;\n }\n\n /* Text inputs */\n .nr {\n background-color: @base;\n color: @text;\n\n &:focus {\n box-shadow: inset 0 -1px 0 0 @accent;\n }\n }\n\n /* Calendar input */\n .bs5::after {\n filter: @text-filter;\n }\n .J-JB-KA,\n .J-JB-KA-JS,\n .J-JB-KA-Jk,\n .J-JB-KA-LG {\n background-color: @base;\n color: @text;\n border-color: @surface0;\n\n /* Past days */\n .J-JB-KA-Ku-Kk {\n color: @subtext0;\n }\n /* Future days */\n .J-JB-KA-a1R-JB.J-JB-KA-LH,\n .J-JB-KA-a1R-JB.J-JB-KA-Ku-Kk,\n .J-JB-KA-JB.J-JB-KA-a1R-JB {\n color: @subtext1;\n }\n\n /* Hovered day */\n .J-JB-KA-JB:not(.J-JB-KA-K8, .J-JB-KA-KO):hover {\n color: @crust;\n\n &::before {\n background-color: fade(@accent, 70%);\n }\n }\n\n /* Selected day */\n .J-JB-KA-KO {\n color: @crust;\n\n &::before {\n background-color: @accent;\n }\n }\n\n /* Unselected today */\n .J-JB-KA-K8 {\n color: @crust;\n\n &::before {\n background-color: @overlay2;\n }\n }\n }\n\n /* Checkbox inputs */\n .bs1 + .bs3,\n .btj + .aD {\n color: @text;\n\n &::before {\n filter: @text-filter;\n }\n }\n\n /* Dropdown/select inputs */\n .J-JN-M-I {\n color: @text;\n }\n }\n\n /* Sidebar selected item */\n .TK .TO.nZ:active,\n .TK .TO.ol:active,\n .TK .TO.nZ,\n .TK .TO.ol,\n .byl .TK .nZ.aBP,\n .byl .TK .nZ.aS3,\n .byl .TK .nZ.aS4,\n .byl .TK .nZ.aS5,\n .byl .TK .nZ.aS6,\n .VDSZAf.H5o3mc {\n background-color: @surface0;\n }\n .TO.NQ,\n .n6 .ah9:hover,\n .n6 .ah9.aiu:hover,\n .n6 .ah9:focus,\n .TK .TO:active,\n .n6 .ah9.aiu:active,\n .CL:hover,\n .H5o3mc:not(.VDSZAf):hover,\n .CL.NQ,\n .H5o3mc:not(.VDSZAf).NQ {\n background-color: @surface1;\n }\n .byl .TK .TO.nZ > .aHS-bnt .n0,\n .TK .nZ > .aHS-bnt .bsU,\n .byl .TK .nZ.aS3 .nU > .n0,\n .TK .nZ.aS3 .bsU,\n .byl .TK .nZ.aS4 .nU > .n0,\n .TK .nZ.aS4 .bsU,\n .byl .TK .nZ.aS5 .nU > .n0,\n .TK .nZ.aS5 .bsU,\n .byl .TK .nZ.aS6 .nU > .n0,\n .TK .nZ.aS6 .bsU,\n .TK .TO.nZ .nU > .n0,\n .TK .ol.NQ .nU > .n0,\n .TK .TO.ol .nU > .n0,\n .TK .nZ .bsU,\n .TK .ol .bsU,\n .VDSZAf.H5o3mc > .Q7,\n .TO .nU > .n0,\n .TO.NQ .nU > .n0,\n .TO.nZ .nU > .n0,\n .ah9 > .CJ,\n .n3 > .CL > .CK,\n .aAv,\n .bsU {\n color: @text;\n }\n /* Icons */\n .nZ > .TN.aHS-bnt .qj,\n .TO:not(.nZ) > .TN > .qj:not([style*=\"background-color\"]),\n .n6 .n4 .G-asx,\n .aAw .aAu,\n .pM,\n .TO.nZ > .TN > .qj,\n .n3 .CL::before {\n filter: @text-filter;\n }\n\n /* Compose email button */\n .z0 > .L3 {\n background-color: @accent;\n color: @crust;\n\n &:focus {\n background-color: @text;\n }\n }\n .WR .z0 > .L3::before,\n .WR.anZ .z0 > .L3::before {\n filter: @crust-filter;\n }\n\n /* Top section of inbox */\n .bkK > .nH {\n background-color: @surface0;\n\n /* Icons */\n .bzn,\n .aqJ .amJ,\n .adg .adk {\n filter: @text-filter;\n }\n }\n /* Inbox categories */\n .aKx > .aKz {\n color: @text;\n }\n /* Icons */\n .aAy > div {\n filter: @text-filter;\n }\n /* Currently selected category */\n .J-KU-KO::before {\n background-color: @text;\n }\n /* Inbox categories hover */\n .aRz.J-KU:hover {\n background-color: @surface1;\n }\n /* Email count / pagination */\n div[aria-label=\"Show more messages\"] {\n .Dj {\n color: @subtext1;\n }\n\n &::before {\n background-color: @text;\n }\n }\n .h0 {\n color: @subtext1;\n }\n /* Inbox footer */\n .md.mj,\n .aeU .ma,\n .ma .mb,\n .ae3 .l6,\n .l9,\n .l8,\n .aiD {\n color: @subtext1;\n }\n /* Storage progress bar */\n .aiC {\n background-color: @overlay0;\n\n .aiA {\n background-color: @subtext0;\n }\n }\n /* External link icon */\n .aiz {\n filter: @text-filter;\n }\n\n /* Read emails */\n .yO {\n background-color: @base;\n color: @text;\n\n box-shadow: inset 0 -1px 0 0 @surface0;\n\n &:hover {\n box-shadow:\n inset 1px 0 0 @surface0,\n inset -1px 0 0 @surface0,\n 0 0 4px 0 @surface1,\n 0 0 6px 2px @surface1;\n }\n }\n /* Read email text */\n .zE {\n color: @text;\n }\n // Select icon\n .xY > .T-Jo,\n td.apU > .T-KT.aXw::before,\n // Important icon\n .pG .a9q,\n // Delete/trash icon\n .aqN,\n // Hover action icons\n .bqY li {\n filter: @text-filter;\n }\n /* Important icon filled, star icon filled */\n .ha .a9q.pH,\n .a9q.pH,\n .aoj,\n td.apU > .T-KT.T-KT-Jp::before {\n filter: @yellow-filter;\n }\n .pG:hover > .a9q::before {\n background-color: fade(@yellow, 30%);\n }\n /* Read email dates */\n .yO > .xW {\n color: @subtext0;\n }\n /* Read email summary truncated */\n .y2 {\n color: @subtext1;\n }\n /* Selected unread emails */\n .x7 {\n background-color: @accent;\n color: @mantle;\n\n /* Dates */\n .xW {\n color: @crust;\n }\n\n // Select icon\n .xY > .T-Jo,\n // Star icon\n td.apU > .T-KT.aXw::before,\n // Important icon\n .pG .a9q,\n // Delete/trash icon\n .aqN,\n // Hover action icons\n .bqY li {\n filter: @crust-filter;\n }\n }\n /* Unsubscribe button */\n .aOd.T-I {\n color: @text;\n box-shadow: inset 0 0 0 1px @surface2;\n }\n /* Draft text */\n .boq {\n color: @red;\n }\n /* No drafts message, trash 30 days message */\n .TD,\n .Tm .ya {\n background-color: @surface1;\n color: @text;\n }\n /* Your social/promotions/updates tab is empty */\n .aRs {\n background-color: @base;\n color: @subtext0;\n\n .aRv {\n color: @text;\n }\n .aRq {\n color: @accent;\n }\n }\n /* You could lose access banner */\n .GR {\n background-color: @base;\n\n /* Primary text */\n .GX {\n color: @text;\n }\n /* Subtext */\n .GT {\n color: @subtext1;\n }\n\n /* Dismiss button */\n .GW {\n color: @text;\n\n &::before {\n background-color: @text;\n }\n }\n /* Add recovery info button */\n .GV {\n color: @accent;\n\n &::before {\n background-color: @accent;\n }\n }\n }\n /* Attachments chips */\n .brc {\n box-shadow: inset 0 0 0 1px @surface0;\n color: @text;\n\n &:hover {\n background-color: @surface0;\n }\n }\n\n /* Floating menu */\n .J-M,\n .OO.Pa {\n background-color: @surface1;\n\n /* Menu section header */\n .J-awr,\n .asc {\n color: @subtext1;\n }\n\n /* Menu item */\n\n .J-N,\n .J-Ks-KO .J-N-Jz,\n .J-N-JT .J-N-Jz,\n .J-N-JW .J-N-Jz,\n .J-LC,\n .J-JK,\n .bmz {\n color: @text;\n }\n /* Disabled */\n .J-N-JE .J-N-atj,\n .J-N-JE .J-N-Jz {\n color: @subtext0 !important;\n }\n\n /* Checkmark, arrow, checkbox, star, calendar icon */\n .J-Ks-KO .J-N-Jo,\n .asi .J-Ks-KO::before,\n .J-Ph-hFsbo,\n .J-LC-Jo,\n .bi4 > .T-KT:not(.T-KT-Jp, .byM)::before,\n .aaA.mYVwse,\n .J-N-JX {\n filter: @text-filter;\n }\n .bmz.bjF::before {\n border-color: @subtext0;\n }\n\n /* Hovered menu item */\n .J-N-JT,\n .J-N-JW,\n .J-LC-JT,\n .J-LC-JW,\n .J-JK-JT,\n .J-JK-JW,\n .bmz.bk5 {\n background-color: @surface2;\n border-color: @overlay1;\n }\n\n /* Menu section divider */\n .J-Kh {\n border-top-color: @surface2;\n }\n }\n /* Modal search input */\n .agd .J-M-JJ input {\n background-color: @surface1;\n color: @text;\n }\n .bqf {\n box-shadow: inset 0 -2px 0 0 @surface2;\n\n &:focus {\n box-shadow: inset 0 -2px 0 0 @accent;\n }\n }\n /* Magnifying glass icon */\n .A0 {\n filter: @text-filter;\n }\n /* Edit label modal */\n div.Kj-JD {\n background-color: @base;\n\n /* Edit label text */\n span.Kj-JD-K7-K0 {\n color: @text;\n }\n\n /* Close X icon */\n span.Kj-JD-K7-Jq::after {\n filter: @text-filter;\n }\n\n #input-styling();\n\n /* Input labels */\n div.Kj-JD-Jz {\n color: @subtext1;\n }\n\n /* Cancel button */\n div.Kj-JD-Jl > button,\n .bBh .Kj-JD-Jl > .J-at1-auR {\n color: @subtext1;\n }\n\n /* Save button */\n div.Kj-JD-Jl > button.J-at1-atl,\n div.Kj-JD-Jl > button.J-at1-auR {\n background-color: @accent;\n color: @crust;\n }\n }\n\n /* Toast notifications */\n .bAp.b8.UC .vh {\n background-color: @crust;\n color: @text;\n }\n /* Close icon */\n .b8 .bBe .bBf {\n filter: @text-filter;\n }\n\n /* Compose mail window */\n /* Top header bar */\n .Hy.Hy .m,\n .IG {\n background-color: @mantle;\n\n .Hp,\n .zu,\n .H,\n .Iy .az9 {\n color: @text;\n }\n\n .Hm img,\n .SB,\n .b7 .mK,\n .bAm .aaq .mK,\n .Un .mK,\n .HX .mK,\n .HQ .Un::after {\n filter: @text-filter;\n }\n }\n .aaZ,\n .Ap,\n .Am,\n .aDg > .aDj,\n .aoP .Ar,\n .wO,\n .aoT,\n .agP,\n .aGb,\n .GQ {\n color: @text;\n caret-color: @text;\n\n &,\n &::before {\n background: @base;\n }\n }\n .gQ,\n .gO,\n .oL {\n color: @subtext0;\n }\n /* Bottom toolbar icons */\n .aaA,\n .btC .dv,\n .btC .og.T-I-J3,\n .btC .J-N-JX.og.T-I-J3,\n .btC .Y1,\n .btC .Xv.T-I.J-JN-M-I > .J-JN-M-I-JG,\n .J-JN-M-I-JG,\n .J-Z-M-I-J6-H > .J-Z-M-I-JG {\n filter: @text-filter;\n }\n /* Floating toolbar (expanded window) */\n .J-Z {\n background-color: @mantle;\n\n .J-Z-I,\n .J-Z-M-I {\n color: @subtext1;\n }\n }\n /* Send button */\n .gU .v7.T-I:not(.btz),\n .gU .hG:not(.v6) {\n background-color: @accent;\n color: @crust;\n }\n .hG > .G-asx,\n .SI .hG > .G-asx {\n filter: @crust-filter;\n }\n /* Contact autofill */\n .afC,\n .bvx {\n background: @mantle;\n\n /* Contact list item */\n .agJ {\n .aL8,\n .aXS {\n color: @text;\n }\n\n &:hover {\n background: @base;\n }\n }\n }\n\n --pkw-background: @mantle;\n --pkw-outline: @surface0;\n --pkw-outline-variant: @surface0;\n --pkw-on-surface-variant: @text;\n /* Contact chip */\n .agh,\n .bbV {\n background: @base;\n\n .afV {\n background: @base;\n color: @text;\n\n &:hover {\n background: @surface0;\n color: @text;\n }\n }\n }\n\n /* Settings */\n .dt {\n color: @text;\n }\n /* Navigation header */\n .v {\n /* Tabs */\n .fY,\n .f1 {\n background-color: @surface0;\n\n .f0 {\n color: @text;\n }\n }\n\n /* Currently selected tab */\n .fZ {\n box-shadow: inset 0 -2px 0 0 @accent;\n }\n }\n /* Main panel */\n .r4 {\n background-color: @base;\n color: @text;\n\n /* Dividers */\n .r7 td,\n .Jb .J0:not(:last-child) {\n border-bottom-color: @surface0;\n }\n\n /* Links */\n .r7 .e,\n .sA,\n .r4 .e,\n .el {\n color: @accent;\n }\n\n #input-styling();\n .qK,\n .qL {\n background-color: @mantle;\n }\n .nr,\n .Ar {\n background-color: @base;\n color: @text;\n border-color: @surface0 !important;\n }\n /* Some buttons */\n .Uu {\n box-shadow: inset 0 0 0 1px @surface0;\n color: @accent;\n }\n }\n /* Labels page */\n .alO {\n background-color: @base;\n color: @text;\n\n .rb {\n color: @subtext1;\n }\n\n /* Table items */\n .To.Ze {\n background-color: @surface0;\n }\n\n /* Links */\n .alP {\n color: @accent;\n }\n\n /* Dividers */\n .rZ {\n background-color: @surface0;\n }\n }\n\n /* Confirm popup modal */\n div[aria-modal=\"true\"] {\n --gm3-dialog-refactored-container-color: @base;\n --gm3-dialog-refactored-supporting-text-color: @text;\n --gm3-dialog-refactored-headline-color: @text;\n\n /* Buttons */\n [data-mdc-dialog-action=\"ok\"] {\n background-color: @accent;\n --gm3-button-text-label-text-color: @crust;\n --gm3-button-text-hover-label-text-color: @crust;\n --gm3-button-text-pressed-label-text-color: @crust;\n }\n\n [data-mdc-dialog-action=\"cancel\"] {\n --gm3-button-text-label-text-color: @subtext1;\n --gm3-button-text-hover-label-text-color: @text;\n --gm3-button-text-focus-label-text-color: @text;\n --gm3-button-text-pressed-label-text-color: @text;\n\n &:hover,\n &:focus,\n &:active {\n background-color: @surface0;\n }\n }\n }\n }\n}\n\n/* deno-fmt-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n};\n\n/* deno-fmt-ignore */\n@catppuccin-filters: {\n @latte: { @rosewater: brightness(0) saturate(100%) invert(65%) sepia(18%) saturate(1048%) hue-rotate(323deg) brightness(92%) contrast(86%); @flamingo: brightness(0) saturate(100%) invert(84%) sepia(44%) saturate(4533%) hue-rotate(310deg) brightness(98%) contrast(75%); @pink: brightness(0) saturate(100%) invert(60%) sepia(32%) saturate(775%) hue-rotate(266deg) brightness(93%) contrast(97%); @mauve: brightness(0) saturate(100%) invert(26%) sepia(59%) saturate(3315%) hue-rotate(255deg) brightness(94%) contrast(100%); @red: brightness(0) saturate(100%) invert(16%) sepia(78%) saturate(7275%) hue-rotate(342deg) brightness(84%) contrast(94%); @maroon: brightness(0) saturate(100%) invert(31%) sepia(56%) saturate(2395%) hue-rotate(331deg) brightness(99%) contrast(82%); @peach: brightness(0) saturate(100%) invert(38%) sepia(81%) saturate(1292%) hue-rotate(356deg) brightness(103%) contrast(99%); @yellow: brightness(0) saturate(100%) invert(74%) sepia(47%) saturate(4570%) hue-rotate(354deg) brightness(95%) contrast(83%); @green: brightness(0) saturate(100%) invert(51%) sepia(25%) saturate(4134%) hue-rotate(76deg) brightness(95%) contrast(66%); @teal: brightness(0) saturate(100%) invert(41%) sepia(45%) saturate(1101%) hue-rotate(139deg) brightness(100%) contrast(82%); @sky: brightness(0) saturate(100%) invert(47%) sepia(76%) saturate(2427%) hue-rotate(166deg) brightness(99%) contrast(97%); @sapphire: brightness(0) saturate(100%) invert(52%) sepia(41%) saturate(6982%) hue-rotate(160deg) brightness(102%) contrast(75%); @blue: brightness(0) saturate(100%) invert(30%) sepia(80%) saturate(1850%) hue-rotate(209deg) brightness(94%) contrast(105%); @lavender: brightness(0) saturate(100%) invert(48%) sepia(61%) saturate(538%) hue-rotate(194deg) brightness(102%) contrast(98%); @text: brightness(0) saturate(100%) invert(30%) sepia(10%) saturate(1259%) hue-rotate(196deg) brightness(97%) contrast(91%); @subtext1: brightness(0) saturate(100%) invert(36%) sepia(10%) saturate(890%) hue-rotate(196deg) brightness(98%) contrast(90%); @subtext0: brightness(0) saturate(100%) invert(47%) sepia(6%) saturate(1263%) hue-rotate(195deg) brightness(90%) contrast(81%); @overlay2: brightness(0) saturate(100%) invert(59%) sepia(7%) saturate(825%) hue-rotate(195deg) brightness(83%) contrast(91%); @overlay1: brightness(0) saturate(100%) invert(59%) sepia(14%) saturate(333%) hue-rotate(194deg) brightness(95%) contrast(89%); @overlay0: brightness(0) saturate(100%) invert(85%) sepia(7%) saturate(595%) hue-rotate(191deg) brightness(77%) contrast(81%); @surface2: brightness(0) saturate(100%) invert(86%) sepia(6%) saturate(482%) hue-rotate(189deg) brightness(82%) contrast(88%); @surface1: brightness(0) saturate(100%) invert(85%) sepia(8%) saturate(281%) hue-rotate(187deg) brightness(92%) contrast(88%); @surface0: brightness(0) saturate(100%) invert(96%) sepia(1%) saturate(5123%) hue-rotate(185deg) brightness(93%) contrast(83%); @base: brightness(0) saturate(100%) invert(89%) sepia(5%) saturate(140%) hue-rotate(182deg) brightness(109%) contrast(94%); @mantle: brightness(0) saturate(100%) invert(93%) sepia(19%) saturate(55%) hue-rotate(182deg) brightness(98%) contrast(92%); @crust: brightness(0) saturate(100%) invert(91%) sepia(1%) saturate(4489%) hue-rotate(196deg) brightness(106%) contrast(82%); };\n @frappe: { @rosewater: brightness(0) saturate(100%) invert(90%) sepia(6%) saturate(734%) hue-rotate(321deg) brightness(95%) contrast(99%); @flamingo: brightness(0) saturate(100%) invert(88%) sepia(52%) saturate(817%) hue-rotate(293deg) brightness(113%) contrast(84%); @pink: brightness(0) saturate(100%) invert(76%) sepia(15%) saturate(844%) hue-rotate(280deg) brightness(107%) contrast(91%); @mauve: brightness(0) saturate(100%) invert(71%) sepia(25%) saturate(725%) hue-rotate(225deg) brightness(94%) contrast(91%); @red: brightness(0) saturate(100%) invert(67%) sepia(3%) saturate(7209%) hue-rotate(305deg) brightness(91%) contrast(99%); @maroon: brightness(0) saturate(100%) invert(61%) sepia(14%) saturate(957%) hue-rotate(307deg) brightness(109%) contrast(90%); @peach: brightness(0) saturate(100%) invert(68%) sepia(28%) saturate(662%) hue-rotate(335deg) brightness(96%) contrast(94%); @yellow: brightness(0) saturate(100%) invert(94%) sepia(88%) saturate(684%) hue-rotate(309deg) brightness(105%) contrast(80%); @green: brightness(0) saturate(100%) invert(89%) sepia(23%) saturate(582%) hue-rotate(42deg) brightness(87%) contrast(89%); @teal: brightness(0) saturate(100%) invert(91%) sepia(13%) saturate(986%) hue-rotate(110deg) brightness(85%) contrast(81%); @sky: brightness(0) saturate(100%) invert(75%) sepia(15%) saturate(623%) hue-rotate(141deg) brightness(109%) contrast(81%); @sapphire: brightness(0) saturate(100%) invert(77%) sepia(20%) saturate(730%) hue-rotate(157deg) brightness(97%) contrast(76%); @blue: brightness(0) saturate(100%) invert(68%) sepia(16%) saturate(1070%) hue-rotate(185deg) brightness(96%) contrast(95%); @lavender: brightness(0) saturate(100%) invert(75%) sepia(20%) saturate(626%) hue-rotate(201deg) brightness(101%) contrast(89%); @text: brightness(0) saturate(100%) invert(83%) sepia(12%) saturate(582%) hue-rotate(191deg) brightness(98%) contrast(96%); @subtext1: brightness(0) saturate(100%) invert(80%) sepia(18%) saturate(411%) hue-rotate(190deg) brightness(96%) contrast(84%); @subtext0: brightness(0) saturate(100%) invert(82%) sepia(6%) saturate(1287%) hue-rotate(192deg) brightness(86%) contrast(85%); @overlay2: brightness(0) saturate(100%) invert(65%) sepia(36%) saturate(230%) hue-rotate(190deg) brightness(92%) contrast(82%); @overlay1: brightness(0) saturate(100%) invert(55%) sepia(12%) saturate(638%) hue-rotate(189deg) brightness(98%) contrast(87%); @overlay0: brightness(0) saturate(100%) invert(49%) sepia(13%) saturate(662%) hue-rotate(192deg) brightness(94%) contrast(84%); @surface2: brightness(0) saturate(100%) invert(41%) sepia(20%) saturate(469%) hue-rotate(191deg) brightness(93%) contrast(86%); @surface1: brightness(0) saturate(100%) invert(34%) sepia(14%) saturate(771%) hue-rotate(190deg) brightness(89%) contrast(85%); @surface0: brightness(0) saturate(100%) invert(28%) sepia(7%) saturate(1468%) hue-rotate(193deg) brightness(92%) contrast(95%); @base: brightness(0) saturate(100%) invert(20%) sepia(17%) saturate(747%) hue-rotate(192deg) brightness(96%) contrast(97%); @mantle: brightness(0) saturate(100%) invert(8%) sepia(7%) saturate(7271%) hue-rotate(198deg) brightness(88%) contrast(75%); @crust: brightness(0) saturate(100%) invert(7%) sepia(7%) saturate(7415%) hue-rotate(197deg) brightness(86%) contrast(79%); };\n @macchiato: { @rosewater: brightness(0) saturate(100%) invert(88%) sepia(13%) saturate(322%) hue-rotate(321deg) brightness(102%) contrast(91%); @flamingo: brightness(0) saturate(100%) invert(82%) sepia(3%) saturate(3070%) hue-rotate(314deg) brightness(107%) contrast(88%); @pink: brightness(0) saturate(100%) invert(80%) sepia(23%) saturate(509%) hue-rotate(280deg) brightness(102%) contrast(92%); @mauve: brightness(0) saturate(100%) invert(65%) sepia(18%) saturate(903%) hue-rotate(222deg) brightness(104%) contrast(93%); @red: brightness(0) saturate(100%) invert(61%) sepia(19%) saturate(1541%) hue-rotate(305deg) brightness(110%) contrast(86%); @maroon: brightness(0) saturate(100%) invert(71%) sepia(10%) saturate(1331%) hue-rotate(306deg) brightness(93%) contrast(101%); @peach: brightness(0) saturate(100%) invert(73%) sepia(13%) saturate(1676%) hue-rotate(330deg) brightness(103%) contrast(92%); @yellow: brightness(0) saturate(100%) invert(87%) sepia(89%) saturate(321%) hue-rotate(314deg) brightness(101%) contrast(87%); @green: brightness(0) saturate(100%) invert(93%) sepia(12%) saturate(1128%) hue-rotate(48deg) brightness(92%) contrast(85%); @teal: brightness(0) saturate(100%) invert(92%) sepia(10%) saturate(1176%) hue-rotate(110deg) brightness(87%) contrast(90%); @sky: brightness(0) saturate(100%) invert(78%) sepia(57%) saturate(230%) hue-rotate(142deg) brightness(96%) contrast(84%); @sapphire: brightness(0) saturate(100%) invert(74%) sepia(35%) saturate(438%) hue-rotate(156deg) brightness(92%) contrast(93%); @blue: brightness(0) saturate(100%) invert(67%) sepia(17%) saturate(1007%) hue-rotate(183deg) brightness(99%) contrast(94%); @lavender: brightness(0) saturate(100%) invert(74%) sepia(6%) saturate(2559%) hue-rotate(198deg) brightness(103%) contrast(94%); @text: brightness(0) saturate(100%) invert(81%) sepia(9%) saturate(726%) hue-rotate(192deg) brightness(104%) contrast(92%); @subtext1: brightness(0) saturate(100%) invert(84%) sepia(5%) saturate(1453%) hue-rotate(193deg) brightness(94%) contrast(86%); @subtext0: brightness(0) saturate(100%) invert(75%) sepia(18%) saturate(361%) hue-rotate(190deg) brightness(91%) contrast(86%); @overlay2: brightness(0) saturate(100%) invert(67%) sepia(9%) saturate(814%) hue-rotate(191deg) brightness(92%) contrast(88%); @overlay1: brightness(0) saturate(100%) invert(49%) sepia(38%) saturate(203%) hue-rotate(190deg) brightness(101%) contrast(93%); @overlay0: brightness(0) saturate(100%) invert(46%) sepia(16%) saturate(552%) hue-rotate(193deg) brightness(93%) contrast(84%); @surface2: brightness(0) saturate(100%) invert(34%) sepia(16%) saturate(611%) hue-rotate(192deg) brightness(101%) contrast(87%); @surface1: brightness(0) saturate(100%) invert(30%) sepia(11%) saturate(1085%) hue-rotate(194deg) brightness(92%) contrast(89%); @surface0: brightness(0) saturate(100%) invert(18%) sepia(21%) saturate(880%) hue-rotate(193deg) brightness(97%) contrast(84%); @base: brightness(0) saturate(100%) invert(12%) sepia(42%) saturate(570%) hue-rotate(194deg) brightness(90%) contrast(90%); @mantle: brightness(0) saturate(100%) invert(6%) sepia(6%) saturate(7499%) hue-rotate(200deg) brightness(93%) contrast(85%); @crust: brightness(0) saturate(100%) invert(5%) sepia(8%) saturate(5346%) hue-rotate(202deg) brightness(98%) contrast(88%); };\n @mocha: { @rosewater: brightness(0) saturate(100%) invert(92%) sepia(5%) saturate(704%) hue-rotate(320deg) brightness(99%) contrast(93%); @flamingo: brightness(0) saturate(100%) invert(81%) sepia(5%) saturate(987%) hue-rotate(315deg) brightness(107%) contrast(90%); @pink: brightness(0) saturate(100%) invert(86%) sepia(11%) saturate(1177%) hue-rotate(283deg) brightness(101%) contrast(92%); @mauve: brightness(0) saturate(100%) invert(65%) sepia(58%) saturate(255%) hue-rotate(224deg) brightness(96%) contrast(102%); @red: brightness(0) saturate(100%) invert(61%) sepia(19%) saturate(997%) hue-rotate(294deg) brightness(104%) contrast(91%); @maroon: brightness(0) saturate(100%) invert(66%) sepia(16%) saturate(1301%) hue-rotate(306deg) brightness(116%) contrast(84%); @peach: brightness(0) saturate(100%) invert(68%) sepia(57%) saturate(278%) hue-rotate(338deg) brightness(98%) contrast(101%); @yellow: brightness(0) saturate(100%) invert(90%) sepia(70%) saturate(380%) hue-rotate(313deg) brightness(102%) contrast(95%); @green: brightness(0) saturate(100%) invert(88%) sepia(6%) saturate(2015%) hue-rotate(63deg) brightness(104%) contrast(78%); @teal: brightness(0) saturate(100%) invert(92%) sepia(12%) saturate(991%) hue-rotate(108deg) brightness(93%) contrast(90%); @sky: brightness(0) saturate(100%) invert(84%) sepia(21%) saturate(1302%) hue-rotate(164deg) brightness(106%) contrast(84%); @sapphire: brightness(0) saturate(100%) invert(74%) sepia(20%) saturate(876%) hue-rotate(156deg) brightness(96%) contrast(93%); @blue: brightness(0) saturate(100%) invert(68%) sepia(18%) saturate(951%) hue-rotate(180deg) brightness(98%) contrast(100%); @lavender: brightness(0) saturate(100%) invert(73%) sepia(7%) saturate(1670%) hue-rotate(195deg) brightness(102%) contrast(99%); @text: brightness(0) saturate(100%) invert(86%) sepia(6%) saturate(879%) hue-rotate(190deg) brightness(100%) contrast(93%); @subtext1: brightness(0) saturate(100%) invert(84%) sepia(19%) saturate(381%) hue-rotate(193deg) brightness(91%) contrast(89%); @subtext0: brightness(0) saturate(100%) invert(84%) sepia(9%) saturate(767%) hue-rotate(192deg) brightness(84%) contrast(84%); @overlay2: brightness(0) saturate(100%) invert(63%) sepia(15%) saturate(428%) hue-rotate(191deg) brightness(96%) contrast(84%); @overlay1: brightness(0) saturate(100%) invert(56%) sepia(15%) saturate(455%) hue-rotate(192deg) brightness(90%) contrast(88%); @overlay0: brightness(0) saturate(100%) invert(44%) sepia(6%) saturate(1275%) hue-rotate(194deg) brightness(97%) contrast(88%); @surface2: brightness(0) saturate(100%) invert(34%) sepia(8%) saturate(1015%) hue-rotate(195deg) brightness(99%) contrast(89%); @surface1: brightness(0) saturate(100%) invert(25%) sepia(6%) saturate(1950%) hue-rotate(197deg) brightness(99%) contrast(86%); @surface0: brightness(0) saturate(100%) invert(19%) sepia(5%) saturate(2844%) hue-rotate(199deg) brightness(91%) contrast(93%); @base: brightness(0) saturate(100%) invert(7%) sepia(4%) saturate(7496%) hue-rotate(202deg) brightness(93%) contrast(87%); @mantle: brightness(0) saturate(100%) invert(6%) sepia(4%) saturate(7465%) hue-rotate(202deg) brightness(95%) contrast(90%); @crust: brightness(0) saturate(100%) invert(3%) sepia(13%) saturate(6863%) hue-rotate(220deg) brightness(95%) contrast(91%); };\n};\n",
|
|
"usercssData": {
|
|
"name": "Gmail Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/gmail",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/gmail",
|
|
"version": "2024.12.31",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/gmail/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agmail",
|
|
"description": "Soothing pastel theme for Gmail",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": null,
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"darkFlavor": {
|
|
"type": "select",
|
|
"label": "Dark Flavor",
|
|
"name": "darkFlavor",
|
|
"value": "macchiato",
|
|
"default": "mocha",
|
|
"options": [
|
|
{
|
|
"name": "latte",
|
|
"label": "Latte",
|
|
"value": "latte"
|
|
},
|
|
{
|
|
"name": "frappe",
|
|
"label": "Frappé",
|
|
"value": "frappe"
|
|
},
|
|
{
|
|
"name": "macchiato",
|
|
"label": "Macchiato",
|
|
"value": "macchiato"
|
|
},
|
|
{
|
|
"name": "mocha",
|
|
"label": "Mocha",
|
|
"value": "mocha"
|
|
}
|
|
]
|
|
},
|
|
"accentColor": {
|
|
"type": "select",
|
|
"label": "Accent",
|
|
"name": "accentColor",
|
|
"value": "teal",
|
|
"default": "mauve",
|
|
"options": [
|
|
{
|
|
"name": "rosewater",
|
|
"label": "Rosewater",
|
|
"value": "rosewater"
|
|
},
|
|
{
|
|
"name": "flamingo",
|
|
"label": "Flamingo",
|
|
"value": "flamingo"
|
|
},
|
|
{
|
|
"name": "pink",
|
|
"label": "Pink",
|
|
"value": "pink"
|
|
},
|
|
{
|
|
"name": "mauve",
|
|
"label": "Mauve",
|
|
"value": "mauve"
|
|
},
|
|
{
|
|
"name": "red",
|
|
"label": "Red",
|
|
"value": "red"
|
|
},
|
|
{
|
|
"name": "maroon",
|
|
"label": "Maroon",
|
|
"value": "maroon"
|
|
},
|
|
{
|
|
"name": "peach",
|
|
"label": "Peach",
|
|
"value": "peach"
|
|
},
|
|
{
|
|
"name": "yellow",
|
|
"label": "Yellow",
|
|
"value": "yellow"
|
|
},
|
|
{
|
|
"name": "green",
|
|
"label": "Green",
|
|
"value": "green"
|
|
},
|
|
{
|
|
"name": "teal",
|
|
"label": "Teal",
|
|
"value": "teal"
|
|
},
|
|
{
|
|
"name": "blue",
|
|
"label": "Blue",
|
|
"value": "blue"
|
|
},
|
|
{
|
|
"name": "sapphire",
|
|
"label": "Sapphire",
|
|
"value": "sapphire"
|
|
},
|
|
{
|
|
"name": "sky",
|
|
"label": "Sky",
|
|
"value": "sky"
|
|
},
|
|
{
|
|
"name": "lavender",
|
|
"label": "Lavender",
|
|
"value": "lavender"
|
|
},
|
|
{
|
|
"name": "subtext0",
|
|
"label": "Gray",
|
|
"value": "subtext0"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"author": "Catppuccin",
|
|
"description": "Soothing pastel theme for Gmail",
|
|
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/gmail",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/gmail/catppuccin.user.less",
|
|
"name": "Gmail Catppuccin",
|
|
"originalDigest": "0a0bb1c7ee8faf92b58b49ba30423b6a6a63e356",
|
|
"_id": "bc95164e-c1ea-4a5e-b5cb-4e83061e74c4",
|
|
"_rev": 1736501772016,
|
|
"id": 17,
|
|
"etag": "W/\"26c008f4c8fb9071014eb8025d189a045cf57d5576d71860252cd928485fb2f2\"",
|
|
"updateDate": 1736501270935
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"installDate": 1715536630888,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"sourceCode": "/* ==UserStyle==\n@name Instagram Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/instagram\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/instagram\n@version 2024.12.31\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/instagram/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ainstagram\n@description Soothing pastel theme for Instagram\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@-moz-document domain(\"instagram.com\") {\n ._aa4d {\n #catppuccin(@darkFlavor);\n }\n ._aa4c {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n @text-filter: @catppuccin-filters[@@flavor][@text];\n @dark-color: if(@flavor = latte, @text, @crust);\n @light-color: if(@flavor = latte, @crust, @text);\n\n color-scheme: if(@flavor = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n &,\n .x1qjc9v5,\n .x9f619,\n .x78zum5,\n .xdt5ytf,\n .x1iyjqo2,\n .xl56j7k {\n --web-always-black: #rgbify(@dark-color)[];\n --ig-primary-icon: #rgbify(@text)[];\n --web-always-white: #rgbify(@light-color)[];\n --always-white: #rgbify(@light-color)[];\n --overlay-alpha-80: fade(@dark-color, 50%);\n --grey-9: #rgbify(@crust)[];\n --ig-primary-background: #rgbify(@base)[];\n --ig-secondary-background: #rgbify(@surface0)[];\n --ig-banner-background: #rgbify(@crust)[];\n --ig-highlight-background: #rgbify(@surface0)[];\n --ig-elevated-background: #rgbify(@crust)[];\n --ig-elevated-highlight-background: #rgbify(@surface0)[];\n --ig-hover-overlay: #rgbify(@text)[], 0.1;\n --hover-overlay: fade(@surface0, 20%);\n --ig-text-on-color: #rgbify(@crust)[];\n --ig-badge: #rgbify(@accent)[];\n --ig-primary-button: #rgbify(@accent)[];\n --ig-primary-button-hover: fade(@accent, 80%);\n --ig-secondary-button-background: #rgbify(@surface0)[];\n --ig-secondary-button-hover: #rgbify(@surface1)[];\n --ig-secondary-button: #rgbify(@text)[];\n --ig-primary-text: #rgbify(@text)[];\n --ig-secondary-text: #rgbify(@subtext0)[];\n --ig-tertiary-text: #rgbify(@subtext0)[];\n --wbloks-primary-text: @text;\n --ig-text-on-media: #rgbify(@text)[];\n --ig-separator: #rgbify(@surface0)[];\n --chat-admin-text-color: #rgbify(@subtext0)[];\n --ig-elevated-separator: #rgbify(@surface0)[];\n --post-separator: #rgbify(@overlay0)[];\n --ig-stroke: #rgbify(@overlay0)[];\n --grey-2: #rgbify(@overlay0)[];\n --ig-link: #rgbify(@accent)[];\n --ig-error-or-destructive: #rgbify(@red)[];\n --ig-success: #rgbify(@green)[];\n --blue-2: #rgbify(@blue)[];\n --ig-close-friends-refreshed: #rgbify(@green)[];\n --ig-text-input-border-hover-prism: #rgbify(@surface1)[];\n --ig-toggle-outline-prism: #rgbify(@text)[];\n --ig-toggle-background-on-prism: #rgbify(@text)[];\n --ig-stroke-prism: #rgbify(@crust)[];\n --barcelona-logo: #rgbify(@text)[];\n --ig-bubble-background: #rgbify(@surface1)[];\n --ig-tertiary-icon: #rgbify(@accent)[];\n --always-dark-overlay: @accent;\n --secondary-text: @subtext0;\n --primary-text: @text;\n --primary-icon: @accent;\n --primary-button-text: @mantle !important;\n --primary-button: @blue !important;\n scrollbar-color: @accent @crust;\n }\n #splash-screen {\n background-color: @base !important;\n }\n\n /* Sidebar */\n .x1xgvd2v {\n background-color: @crust !important;\n &[style=\"transform: translateX(0px);\"] {\n background-color: @mantle !important;\n }\n }\n .x1zvrr1 {\n background-color: @mantle;\n }\n svg[aria-label=\"Loading...\"] {\n stroke: @text;\n }\n\n /* Story background */\n .x5qyhuo {\n background-color: @base;\n }\n\n /* Story progress bar */\n ._ac3p {\n background-color: @accent !important;\n }\n\n /* close friends story things */\n .x9bdzbf {\n color: @text !important;\n }\n\n /* Story seen / not seen ring */\n button:has(canvas + span > img[alt$=\"'s profile picture\"]) {\n canvas {\n display: none;\n }\n\n span {\n outline-style: solid;\n outline-offset: 0.15rem;\n }\n\n &[aria-label^=\"Story by\"][aria-label$=\"not seen\"] span {\n outline-color: @accent;\n outline-width: 0.2rem;\n }\n &[aria-label^=\"Story by\"]:not([aria-label$=\"not seen\"]) span {\n outline-color: @surface2;\n outline-width: 0.075rem;\n }\n }\n\n /* Posts */\n ._aggc {\n background-color: @mantle;\n border-color: @overlay0 !important;\n border-radius: var(--modal-border-radius);\n box-shadow: 0 3px 5px -1px fade(@dark-color, 80%);\n box-sizing: border-box;\n }\n ._aatc ._aasi,\n ._ae1i,\n ._aggc textarea.xvbhtw8 {\n background-color: @mantle;\n }\n\n /* Icons */\n svg[aria-label=\"Unlike\"] {\n fill: @accent;\n }\n svg[aria-label=\"Close\"] {\n color: @text;\n }\n svg[aria-label=\"Verified\"] {\n fill: @accent;\n }\n\n /* new post thingy */\n ._aa1q._aa1q {\n color: @text !important;\n }\n\n /* sumting wong's popup box */\n .x879a55,\n .x7ywyr2 {\n background-color: @surface1 !important;\n }\n\n /* Share box */\n .xzloghq {\n background-color: @surface0;\n color: @text !important;\n &:hover {\n color: @mantle !important;\n background-color: @accent !important;\n }\n }\n .xk5f4mz {\n background-color: @mantle;\n &:hover {\n background-color: @accent;\n }\n }\n .x3nfvp2 {\n color: @text !important;\n &:hover {\n color: @crust;\n }\n }\n\n /* reel icon */\n .xq3z1fi {\n color: @accent !important;\n }\n\n /* Toggle sliders */\n .x1r7x56h {\n background-color: @accent;\n }\n .x100vrsf {\n background-color: @surface0;\n }\n\n .x1psfjxj {\n background-color: @mantle;\n }\n span[data-bloks-name=\"bk.components.TextSpan\"] {\n color: @accent !important;\n }\n .xs7f9wi {\n background-color: @mantle !important;\n }\n .x1d72o {\n background-color: @surface0;\n }\n /* Log In With Facebook text */\n ._ab37 {\n color: @blue;\n }\n /* Excluded: - _9ys7, _9_1f, _9ys8 (verified icon) */\n [style*='background-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\")'],\n ._9zkj,\n ._a3ds,\n ._a3dt,\n ._a3du,\n ._a3dv,\n ._a3dw,\n ._9-b3,\n ._9znl,\n ._9z-6,\n ._a3dx,\n ._a3dy,\n ._a3dz,\n ._a3d-,\n ._a3d_,\n ._a3e0,\n ._9zm4,\n ._a3e1,\n ._a3e2,\n ._a3e3,\n ._a3e4,\n ._a3e5,\n ._a3e6,\n ._a3e7,\n ._a3e8,\n ._a3e9,\n ._a3ea,\n ._9_57,\n ._9_n5,\n ._9-y3,\n ._a3eb,\n ._a3ec,\n ._a3ed,\n ._a3ee,\n ._9zlu,\n ._9-yp,\n ._a3ef,\n ._a3eg,\n ._9_wm,\n ._a3eh,\n ._a3ei,\n ._9-j_,\n ._a3ej,\n ._a3ek,\n ._9_ij,\n ._9_d_,\n ._9_e1,\n ._9-mm,\n ._9_cx,\n ._9zm0,\n ._9zfi,\n ._9-ub,\n ._a3el,\n ._9-7-,\n ._9-1a,\n ._a3em,\n ._9zrp,\n ._a3en,\n ._9zz9,\n ._a3eo,\n ._9zmr,\n ._9-8d,\n ._9zhi,\n ._a3ep,\n ._9zs0,\n ._9-j-,\n ._a3eq,\n ._9zli,\n ._9_4y,\n ._9zm2,\n ._9zfj,\n ._9zlg,\n ._a3er,\n ._9-lv,\n ._9_ug,\n ._9_sh,\n ._9_sj,\n ._9-k0,\n ._9z-c,\n ._9_35,\n ._9_hh,\n ._a3es,\n ._a3et,\n ._a3eu,\n ._9-v-,\n ._9_4d,\n ._9zlh,\n ._a3ev,\n ._a3ew,\n ._a3ex,\n ._a3ey,\n ._9_7m,\n ._9_fv,\n ._a3ez,\n ._9-zf,\n ._9-zg,\n ._9-ze,\n ._a9fa,\n ._9-zh,\n ._9-zi,\n ._9-zj,\n ._9-zk,\n ._9-zl,\n ._9-zm,\n ._9-zn,\n ._9-zo,\n ._9-zp,\n ._9-zq,\n ._9-zr,\n ._9-zs,\n ._9-zt,\n ._a3op,\n ._a3oq,\n ._9-zu,\n ._9-zv,\n ._9-zw,\n ._9-zx,\n ._9-zy,\n ._9-zz,\n ._9-z-,\n ._a3or,\n ._a3ot,\n ._a3os,\n ._9zs1,\n ._9zs2,\n ._9-z_,\n ._9--0,\n ._9--1,\n ._9--2,\n ._9--3,\n ._9--4,\n ._9--5,\n ._9--6,\n ._9--7,\n ._9--f,\n ._9--8,\n ._9--9,\n ._9--a,\n ._9--b,\n ._9--c,\n ._9--d,\n ._9--e,\n ._a3ou,\n ._9--g,\n ._9--h,\n ._9--i,\n ._9--j,\n ._9--l,\n ._9--k,\n ._9--m,\n ._9--n,\n ._9--o,\n ._9--p,\n ._9--q,\n ._a3ov,\n ._9--s,\n ._9--r,\n ._9--t,\n ._9--u,\n ._9--v,\n ._9--x,\n ._9--y,\n ._9--w,\n ._9--z,\n ._9--_,\n ._9-_0,\n ._9-_1,\n ._9-_2,\n ._9-_3,\n ._9---,\n ._9-_4,\n ._9-_5,\n ._9-_6,\n ._9-_7,\n ._a3wy,\n ._9-_8,\n ._9-_9,\n ._a3ow,\n ._9-_a,\n ._9-_b,\n ._9-_c,\n ._9-_d,\n ._9-_e,\n ._9-_f,\n ._9-_g,\n ._9-_h,\n ._9-_i,\n ._9-_j,\n ._9-_k,\n ._9-_l,\n ._9-_m,\n ._9-_n,\n ._9-_o,\n ._a3ox,\n ._9-_p,\n ._9-_q,\n ._a9fb,\n ._9-_t,\n ._9-_r,\n ._9-_s,\n ._a93g,\n ._9-_u,\n ._9-_v,\n ._a9fc,\n ._9-_w,\n ._9-_x,\n ._9-_y,\n ._9-_z,\n ._9-_-,\n ._9-__,\n ._9_00,\n ._a3oy,\n ._9_01,\n ._9_02,\n ._9_03,\n ._9_04,\n ._9_05,\n ._9_08,\n ._9_09,\n ._9_07,\n ._9_06,\n ._9_0a,\n ._9_0b,\n ._9_0c,\n ._9_0d,\n ._9_0e,\n ._9_0f,\n ._9_0g,\n ._a93h,\n ._9_0h,\n ._9_0i,\n ._9_0j,\n ._9_0k,\n ._aepo,\n ._9_0l,\n ._9_0m,\n ._9_0n,\n ._9_0o,\n ._9_0p,\n ._a3oz,\n ._a93l,\n ._9_0r,\n ._9_0s,\n ._a7tk,\n ._9_0q,\n ._a3o-,\n ._9_0t,\n ._9_0v,\n ._9_0u,\n ._a9ej,\n ._9_0w,\n ._9_0x,\n ._9_0y,\n ._9_0z,\n ._9_0_,\n ._9_0-,\n ._9_10,\n ._9_11,\n ._9_12,\n ._9_13,\n ._9_14,\n ._9_15,\n ._a3o_,\n ._9_18,\n ._9_19,\n ._9_1a,\n ._9_1e,\n ._9_1b,\n ._9_1c,\n ._9_1d,\n ._9_16,\n ._9_17,\n ._a3p0,\n ._9_1g,\n ._9_1i,\n ._9_1h,\n ._9_1j,\n ._9_1k,\n ._9_1l,\n ._9_1m,\n ._a9pw {\n filter: @text-filter;\n }\n\n /* Custom icons */\n @instagram_gradient: radial-gradient(\n circle at 30% 107%,\n @yellow 0%,\n @yellow 5%,\n @peach 45%,\n @mauve 60%,\n @blue 90%\n );\n /* Instagram text logo */\n [style*=\"background-image: url(\\\"https://static.cdninstagram.com/rsrc.php/v3/yU/r/H5Bq7ru-y9E.png\\\");\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"110\" height=\"39.285\" viewBox=\"0 0 110 39.285\"><path fill=\"@{text}\" d=\"M8.481 6.431C6.358 7.32 4.025 9.83 3.288 12.98c-.934 3.992 2.951 5.68 3.269 5.127.375-.65-.696-.87-.916-2.941-.285-2.675.959-5.665 2.525-6.976.292-.244.277.096.277.723 0 1.122-.062 11.194-.062 13.296 0 2.845-.118 3.742-.329 4.63-.213.9-.558 1.507-.297 1.741.292.262 1.533-.361 2.253-1.365.862-1.203 1.165-2.65 1.219-4.22.066-1.893.063-4.896.066-6.609.002-1.571.026-6.172-.028-8.938-.013-.679-1.894-1.39-2.783-1.018m75.38 13.312c-.068 1.478-.396 2.635-.802 3.45-.786 1.579-2.419 2.068-3.111-.2-.377-1.236-.395-3.302-.123-5.028.276-1.758 1.048-3.086 2.325-2.966 1.261.118 1.85 1.742 1.712 4.744m-21.248 9.173c-.017 2.457-.404 4.611-1.233 5.237-1.176.887-2.757.221-2.43-1.571.289-1.586 1.659-3.207 3.666-5.187 0 0 .004.451-.003 1.52m-.321-9.188c-.072 1.346-.421 2.699-.802 3.464-.786 1.579-2.43 2.071-3.111-.2-.465-1.552-.354-3.562-.123-4.828.299-1.642 1.024-3.167 2.325-3.167 1.265 0 1.89 1.388 1.712 4.73zm-12.307-.021c-.077 1.427-.355 2.619-.802 3.485-.808 1.568-2.407 2.065-3.111-.2-.508-1.634-.336-3.86-.123-5.063.314-1.785 1.099-3.05 2.325-2.93 1.26.123 1.872 1.742 1.712 4.709zm56.401 1.667c-.308 0-.449.318-.564.851-.404 1.858-.827 2.277-1.374 2.277-.611 0-1.159-.92-1.3-2.761-.111-1.448-.094-4.114.048-6.765.029-.544-.121-1.084-1.583-1.615-.629-.229-1.543-.564-1.998.533-1.286 3.103-1.789 5.568-1.907 6.568-.007.052-.069.063-.08-.058-.076-.802-.244-2.258-.265-5.32-.004-.597-.131-1.105-.79-1.521-.428-.27-1.727-.748-2.195-.179-.405.464-.875 1.715-1.362 3.198a270 270 0 0 1-.672 2.02s.006-3.251.01-4.485c.002-.465-.317-.62-.414-.648-.433-.125-1.287-.336-1.649-.336-.447 0-.557.25-.557.614 0 .047-.07 4.28-.07 7.24l.001.418c-.248 1.361-1.049 3.207-1.921 3.207s-1.285-.772-1.285-4.301c0-2.058.062-2.954.092-4.442.018-.858.052-1.516.05-1.665-.007-.459-.799-.69-1.167-.774a3.5 3.5 0 0 0-.944-.106c-.355.02-.607.253-.607.574l.002.499c-.459-.721-1.196-1.221-1.685-1.366-1.321-.393-2.699-.045-3.739 1.41-.826 1.156-1.324 2.465-1.52 4.346-.143 1.375-.097 2.77.158 3.949-.308 1.331-.879 1.876-1.505 1.876-.909 0-1.566-1.483-1.491-4.047.051-1.686.388-2.87.757-4.582.157-.73.03-1.112-.292-1.478-.294-.336-.921-.507-1.821-.296a32 32 0 0 1-2.397.437s.051-.202.092-.558c.218-1.868-1.811-1.716-2.458-1.12-.386.356-.649.777-.749 1.531-.158 1.199.82 1.763.82 1.763-.321 1.469-1.107 3.386-1.918 4.772-.435.743-.767 1.294-1.197 1.879l-.003-.652c-.01-3.087.031-5.515.05-6.391.018-.858.052-1.498.051-1.648-.004-.336-.2-.462-.607-.621a4.4 4.4 0 0 0-1.227-.274c-.558-.044-.893.252-.884.602.002.066.002.471.002.471-.459-.721-1.196-1.221-1.685-1.366-1.321-.392-2.699-.044-3.739 1.41-.826 1.156-1.367 2.778-1.52 4.332-.143 1.448-.117 2.679.078 3.715-.21 1.038-.814 2.123-1.496 2.123-.873 0-1.37-.772-1.37-4.301 0-2.058.062-2.954.092-4.442.018-.858.052-1.516.05-1.665-.007-.459-.799-.69-1.167-.774a3.4 3.4 0 0 0-.975-.103c-.338.025-.574.328-.574.552v.519c-.459-.721-1.196-1.221-1.685-1.366-1.321-.392-2.692-.039-3.739 1.41-.683.945-1.235 1.992-1.52 4.311a14 14 0 0 0-.113 1.884c-.273 1.665-1.475 3.585-2.458 3.585-.575 0-1.124-1.117-1.124-3.497 0-3.17.196-7.684.23-8.119l1.484-.024c.62-.007 1.181.008 2.008-.034.415-.021.813-1.508.386-1.692-.194-.084-1.563-.156-2.107-.168-.457-.01-1.727-.105-1.727-.105s.114-2.996.141-3.312c.022-.264-.319-.399-.515-.482-.476-.201-.902-.298-1.407-.402-.697-.144-1.013-.003-1.076.585-.094.893-.141 3.509-.141 3.509-.512 0-2.259-.1-2.771-.1-.475 0-.989 2.045-.331 2.07.757.03 2.075.055 2.948.081 0 0-.039 4.588-.039 6.005l.001.437c-.481 2.507-2.175 3.861-2.175 3.861.364-1.659-.38-2.904-1.718-3.958a123 123 0 0 0-2.556-1.929s.631-.621 1.19-1.872c.396-.887.414-1.9-.56-2.124-1.608-.37-2.934.811-3.329 2.071-.307.977-.143 1.701.457 2.454q.066.083.141.167c-.363.7-.861 1.641-1.284 2.372-1.171 2.027-2.057 3.632-2.727 3.632-.535 0-.528-1.628-.528-3.153 0-1.315.097-3.29.175-5.336.025-.676-.312-1.063-.88-1.411-.344-.212-1.08-.629-1.506-.629-.638 0-2.477.087-4.215 5.114-.219.634-.649 1.789-.649 1.789l.037-6.046c0-.142-.076-.279-.249-.373-.293-.16-1.075-.484-1.771-.484q-.497 0-.497.461l-.061 9.459c0 .718.019 1.557.09 1.924s.186.665.328.844a.95.95 0 0 0 .576.369c.252.052 1.63.229 1.702-.298.086-.631.089-1.315.813-3.861 1.127-3.966 2.596-5.9 3.287-6.587.121-.12.259-.128.252.069-.03.869-.133 3.042-.204 4.887-.187 4.939.712 5.854 1.995 5.854.982 0 2.367-.976 3.851-3.446a868 868 0 0 0 2.47-4.137c.45.417.955.865 1.46 1.343 1.173 1.112 1.558 2.17 1.302 3.174-.196.767-.931 1.557-2.241.789-.382-.224-.544-.397-.928-.65-.206-.135-.521-.176-.71-.034-.491.37-.77.839-.931 1.421-.156.567.411.866 1 1.127.506.226 1.594.43 2.288.453 2.704.09 4.87-1.306 6.378-4.906.27 3.11 1.419 4.87 3.414 4.87 1.334 0 2.672-1.725 3.257-3.421q.254 1.038.737 1.802c1.538 2.437 4.521 1.912 6.019-.157.463-.639.533-.869.533-.869.219 1.954 1.792 2.636 2.693 2.636 1.009 0 2.05-.476 2.781-2.121a6 6 0 0 0 .281.51c1.538 2.437 4.521 1.912 6.019-.157a10 10 0 0 0 .186-.264l.044 1.284-1.379 1.265c-2.31 2.119-4.066 3.727-4.194 5.599-.166 2.387 1.77 3.275 3.235 3.39 1.555.123 2.888-.736 3.706-1.938.721-1.058 1.191-3.336 1.157-5.586-.013-.901-.036-2.046-.054-3.275a26.4 26.4 0 0 0 2.569-3.529c.917-1.52 1.901-3.561 2.405-5.149 0 0 .855.008 1.767-.053.292-.019.375.041.321.254-.065.259-1.152 4.451-.16 7.245.679 1.912 2.21 2.527 3.117 2.527 1.063 0 2.079-.802 2.623-1.993a4 4 0 0 0 .209.38c1.538 2.437 4.51 1.909 6.019-.157.341-.466.533-.869.533-.869.323 2.022 1.896 2.647 2.796 2.647.938 0 1.828-.385 2.551-2.094.03.752.078 1.368.153 1.562.046.119.312.267.506.34.858.318 1.734.167 2.057.102.224-.045.399-.226.424-.69.063-1.22.024-3.27.394-4.794.621-2.558 1.2-3.549 1.475-4.04.154-.275.328-.32.333-.03.013.59.042 2.319.283 4.644.177 1.709.413 2.72.594 3.04.518.914 1.157.958 1.677.958.331 0 1.024-.091.961-.673-.03-.284.023-2.037.635-4.556.399-1.646 1.066-3.132 1.307-3.675.089-.2.13-.043.129-.012-.051 1.133-.164 4.839.297 6.865.626 2.746 2.435 3.053 3.067 3.053 1.346 0 2.448-1.024 2.818-3.719.089-.649-.043-1.149-.439-1.149\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n background-position: -3px -7px !important;\n background-size: unset !important;\n }\n /* 2fa lock icon */\n [aria-label=\"Two factor authentication lock icon\"] {\n @svg: escape(\n '<svg width=\"76\" height=\"76\" viewBox=\"0 0 76 76\" fill=\"@{blue}\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M38.49.004c-4.62-.066-9.374.71-14.079 2.456C7.41 8.766-2.782 27.015.672 44.969c2.997 15.573 14.442 27.16 29.91 30.28 23.375 4.714 45.416-13.374 45.416-37.271C75.998 16.38 58.508.288 38.49.004m-.503 3.098c3.374 0 6.747.41 9.379 1.231C59.724 8.187 67.739 16.208 71.63 28.616c1.644 5.24 1.645 13.474.002 18.741-3.825 12.263-11.866 20.357-24.019 24.174-6.902 2.169-15.31 1.747-22.419-1.125C5.896 62.611-2.438 40.654 6.89 22.181c4.408-8.729 11.704-14.725 21.717-17.848 2.632-.82 6.006-1.231 9.38-1.231m15.47 1.416.082.04q-.02.04-.037.081a1 1 0 0 0-.045-.12m-.011.872q.015.042.034.08l-.093-.041a.3.3 0 0 0 .059-.039M37.987 21.69c-4.812 0-7.402 2.806-7.404 8.02 0 2.714-.056 2.839-1.26 2.839-1.61 0-3.961 1.21-4.358 2.243-.168.44-.306 3.79-.306 7.446 0 6.398.045 6.692 1.211 7.858l1.212 1.211h21.81l1.212-1.21c1.167-1.167 1.212-1.46 1.212-7.859 0-3.655-.139-7.006-.307-7.446-.397-1.033-2.748-2.243-4.359-2.243-1.203 0-1.259-.125-1.26-2.838 0-5.215-2.59-8.021-7.403-8.021m0 3.208c3.374 0 4.443 1.201 4.443 4.99v2.66h-8.885v-2.66c0-3.789 1.07-4.99 4.442-4.99m.084 10.563c4.69.023 9.362.276 9.745.738.378.455.524 2.583.431 6.294l-.14 5.606-9.904.133c-5.447.073-10.057-.019-10.244-.205-.613-.614-.386-11.284.254-11.924.458-.458 5.167-.665 9.858-.642M38 39.723a1.05 1.05 0 0 0-1.05 1.049 1.05 1.05 0 0 0 .617.957v2.225h.865v-2.225a1.05 1.05 0 0 0 .617-.957 1.05 1.05 0 0 0-1.05-1.05m15.607 30.662a1 1 0 0 0-.084.14.2.2 0 0 0-.068-.072zm-.122.923q.031.056.078.098-.06.028-.123.053c.016-.05.029-.088.045-.151\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n /* \"All caught up\" icon */\n img[src=\"/images/instagram/xig/web/illo-confirm-refresh-light.png\"] {\n @svg: escape(\n '<svg width=\"96\" height=\"95.986\" viewBox=\"0 0 25.4 25.397\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"@{accent}\"><path d=\"M12.591.001c-1.934.008-2.265.045-3.353.374-.664.201-1.703.612-2.308.914s-1.582.931-2.172 1.396c-.589.466-1.436 1.287-1.883 1.825-.468.564-1.127 1.604-1.554 2.455C.913 7.777.45 8.923.292 9.514c-.234.872-.288 1.461-.292 3.152-.004 1.575.053 2.291.231 2.951.13.479.353 1.192.497 1.582.143.391.389.964.546 1.274s.581.994.943 1.519a14.4 14.4 0 0 0 1.558 1.82c.496.476 1.263 1.109 1.706 1.408s1.112.698 1.487.887 1.069.477 1.543.638c.473.161 1.282.371 1.799.466s1.513.178 2.214.184 1.667-.05 2.146-.125 1.355-.293 1.945-.485 1.375-.501 1.744-.687a17 17 0 0 0 1.475-.88c.443-.298 1.21-.932 1.706-1.408s1.197-1.295 1.559-1.82.81-1.257.995-1.626.494-1.154.685-1.744.41-1.465.485-1.945.136-1.385.136-2.012-.061-1.533-.136-2.012-.293-1.355-.485-1.945-.5-1.375-.685-1.744-.633-1.1-.994-1.626a14.4 14.4 0 0 0-1.559-1.82c-.496-.476-1.286-1.125-1.757-1.443-.471-.317-1.289-.778-1.82-1.023S16.49.466 15.868.297c-.969-.261-1.437-.304-3.277-.296m-.515.555.001.003h-.004q.002 0 .003-.003m.65.254c1.324.011 2.002.084 2.817.303.59.158 1.58.531 2.2.827s1.435.763 1.811 1.036.972.764 1.324 1.09.938.995 1.302 1.486.906 1.402 1.203 2.025c.297.622.671 1.614.831 2.205.23.851.29 1.448.29 2.884 0 1.426-.061 2.039-.287 2.884-.158.59-.586 1.677-.95 2.414s-1 1.748-1.412 2.245-1.155 1.241-1.652 1.652c-.497.412-1.507 1.047-2.245 1.412s-1.824.787-2.414.937c-.599.153-1.696.299-2.482.331-.874.035-1.772-.013-2.369-.127a17 17 0 0 1-1.677-.418 16 16 0 0 1-1.656-.7c-.517-.256-1.271-.709-1.677-1.006s-.999-.789-1.317-1.092c-.319-.303-.875-.948-1.235-1.432s-.899-1.39-1.197-2.012c-.297-.622-.667-1.615-.821-2.205s-.312-1.707-.35-2.482c-.055-1.1-.011-1.693.2-2.71.148-.716.474-1.772.723-2.348s.692-1.408.984-1.849.919-1.214 1.392-1.716S5.417 3.202 6.022 2.8s1.515-.903 2.024-1.112a18 18 0 0 1 1.931-.637c.76-.194 1.432-.253 2.75-.242m3.229.115v.002l.006.004-.012-.003zm3.312 6.912c-.129 0-2.197 1.962-4.596 4.36l-4.363 4.361-2.077-2.08c-1.456-1.459-2.167-2.08-2.38-2.08-.225 0-.304.078-.304.3 0 .21.679.98 2.245 2.549 1.413 1.415 2.345 2.248 2.514 2.248.174 0 1.838-1.568 4.73-4.459 3.7-3.699 4.461-4.523 4.461-4.829 0-.262-.068-.369-.234-.369m5.624 2.252.004.015q-.003-.004-.008-.007zm-.303.013.006.003-.004.005zM7.614 23.749l.019.009-.004.016q-.006-.013-.014-.024m8.544.584-.001.003-.004-.002zm.004.306.003.001-.005.001z\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n [style*='background-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\")'] {\n /* No photo icon */\n &[style*=\"background-position: 0px -97px\"] {\n filter: none;\n background: @mauve !important;\n background: @instagram_gradient !important;\n mask-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\");\n mask-position: 0 -97px;\n }\n\n /* Private page icon */\n &[style*=\"background-position: -49px -97px\"] {\n filter: none;\n background: @mauve !important;\n background: @instagram_gradient !important;\n mask-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\");\n mask-position: -49px -97px;\n }\n\n &[style*=\"background-position: -49px 0px\"] {\n filter: none;\n background: @mauve !important;\n background: @instagram_gradient !important;\n mask-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\");\n mask-position: -49px 0;\n }\n }\n\n /* Post swipe icons */\n ._aaqh {\n background-color: @surface0;\n }\n\n /* Inside primary buttons */\n .xzloghq,\n ._acas:not(._acao) {\n &,\n svg {\n color: @crust;\n fill: @mantle;\n }\n }\n ._acas:not(._acao):hover {\n background-color: @surface0 !important;\n color: @accent !important;\n }\n\n /* Secondary buttons */\n .x1gjpkn9,\n ._acat,\n ._acap {\n &,\n a& {\n &,\n &:visited {\n color: @text;\n }\n }\n }\n\n /* Profile banner */\n div:has(> .x1mu97ne) {\n background-color: @crust;\n border-color: @overlay0;\n box-shadow: 0 10px 35px 2px fade(@dark-color, 30%);\n }\n\n /* Dialog overlay */\n .x7r02ix[role=\"dialog\"] {\n box-shadow: 0 5px 10px 0 fade(@dark-color, 50%);\n }\n\n /* Settings */\n ._ab81 {\n background-color: @mantle;\n }\n ._ab85,\n ._ab6i,\n ._ab85 .xvbhtw8,\n ._aav4 {\n background-color: @crust;\n }\n /* Settings saved toast */\n ._abmp {\n color: @text;\n }\n\n /* Bloks */\n .wbloks_1[data-bloks-name=\"bk.components.Collection\"] {\n background-color: @base !important;\n }\n div[data-bloks-name=\"bk.components.Flexbox\"],\n .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"] {\n /* Radios have left padding */\n padding-left: 0 !important;\n\n /* The heading */\n &[style*=\"background: rgb(0\\, 0\\, 0)\"],\n &[style*=\"background: rgb(255\\, 255\\, 255)\"] {\n background-color: @base !important;\n }\n\n /* Radios */\n &[style*=\"border-radius: 10.5px\"],\n &[style*=\"border-radius: 12px\"],\n &[style*=\"border-radius: 4px\"] {\n /* Selected radio */\n &[style*=\"background: rgb(0\\, 149\\, 246)\"] {\n background-color: @accent !important;\n }\n\n /* Not selected radio */\n &[style*=\"background: rgb(219\\, 219\\, 219)\"],\n &[style*=\"background: rgb(38\\, 38\\, 38)\"],\n &[style*=\"background: rgb(54\\, 54\\, 54)\"],\n &[style*=\"background: rgb(255\\, 255\\, 255)\"] {\n background-color: @surface0 !important;\n }\n }\n\n /* That \"border\" */\n &[style*=\"background: rgb(38\\, 38\\, 38)\"] {\n display: none;\n }\n }\n\n span[data-bloks-name=\"bk.components.TextSpan\"],\n span[data-bloks-name=\"bk.components.Text\"] {\n &[style*=\"color: rgb(250\\, 250\\, 250)\"],\n &[style*=\"color: rgb(224\\, 241\\, 255)\"],\n &[style*=\"color: rgb(0\\, 55\\, 107)\"],\n &[style*=\"color: rgb(38\\, 38\\, 38)\"] {\n color: @text !important;\n }\n\n &[style*=\"color: rgb(142\\, 142\\, 142)\"] {\n color: @subtext0 !important;\n }\n }\n\n /* Map pop-ups */\n .leaflet-popup-content-wrapper,\n .leaflet-popup-tip {\n background-color: @mantle;\n box-shadow: 0 5px 15px fade(@dark-color, 60%);\n\n * {\n color: @text !important;\n }\n }\n\n /* Scrollbar */\n ::-webkit-scrollbar {\n background-color: @crust;\n }\n\n ::-webkit-scrollbar-thumb {\n background-color: @accent;\n border-radius: 10px;\n }\n }\n}\n\n@-moz-document regexp(\"^.*instagram.com/direct.*\") {\n ._aa4d {\n #catppuccin(@darkFlavor);\n }\n ._aa4c {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n .x11jlvup {\n --chat-outgoing-message-bubble-background-color: fade(@blue, 80%);\n }\n .x1n2onr6 {\n --chat-incoming-message-bubble-background-color: @surface0;\n }\n\n /* Chat background */\n .xnz67gz {\n background-color: @base;\n }\n /* messages you've sent */\n .xyk4ms5 {\n color: @crust !important;\n }\n /* sidebar */\n .xvbhtw8 {\n background-color: @mantle;\n }\n .x186z157,\n .xk50ysn,\n .xi81zsa {\n color: @subtext0 !important;\n }\n\n /* New Chat Button */\n .xk5f4mz {\n background-color: @surface0;\n }\n\n /* Chat button */\n .x1i10hfl:hover {\n color: @text;\n }\n .x1bvjpef {\n color: @crust;\n }\n .x1bvjpef:hover {\n color: lighten(@accent, 5%);\n }\n\n /* notes */\n .xsnw5ke,\n .x3zg9eu::after {\n background-color: @surface0 !important;\n }\n .x103n6ev,\n .xzxgvzf {\n background-image: linear-gradient(\n -90deg,\n fade(@surface0, 30%),\n fade(@surface0, 100%)\n );\n }\n\n /* explicit music icon in notes */\n .x1cp0k07 {\n color: @text;\n }\n }\n}\n\n#rgbify(@color) {\n @rgb: red(@color), green(@color), blue(@color);\n}\n\n/* deno-fmt-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n};\n\n/* deno-fmt-ignore */\n@catppuccin-filters: {\n @latte: { @rosewater: brightness(0) saturate(100%) invert(65%) sepia(18%) saturate(1048%) hue-rotate(323deg) brightness(92%) contrast(86%); @flamingo: brightness(0) saturate(100%) invert(84%) sepia(44%) saturate(4533%) hue-rotate(310deg) brightness(98%) contrast(75%); @pink: brightness(0) saturate(100%) invert(60%) sepia(32%) saturate(775%) hue-rotate(266deg) brightness(93%) contrast(97%); @mauve: brightness(0) saturate(100%) invert(26%) sepia(59%) saturate(3315%) hue-rotate(255deg) brightness(94%) contrast(100%); @red: brightness(0) saturate(100%) invert(16%) sepia(78%) saturate(7275%) hue-rotate(342deg) brightness(84%) contrast(94%); @maroon: brightness(0) saturate(100%) invert(31%) sepia(56%) saturate(2395%) hue-rotate(331deg) brightness(99%) contrast(82%); @peach: brightness(0) saturate(100%) invert(38%) sepia(81%) saturate(1292%) hue-rotate(356deg) brightness(103%) contrast(99%); @yellow: brightness(0) saturate(100%) invert(74%) sepia(47%) saturate(4570%) hue-rotate(354deg) brightness(95%) contrast(83%); @green: brightness(0) saturate(100%) invert(51%) sepia(25%) saturate(4134%) hue-rotate(76deg) brightness(95%) contrast(66%); @teal: brightness(0) saturate(100%) invert(41%) sepia(45%) saturate(1101%) hue-rotate(139deg) brightness(100%) contrast(82%); @sky: brightness(0) saturate(100%) invert(47%) sepia(76%) saturate(2427%) hue-rotate(166deg) brightness(99%) contrast(97%); @sapphire: brightness(0) saturate(100%) invert(52%) sepia(41%) saturate(6982%) hue-rotate(160deg) brightness(102%) contrast(75%); @blue: brightness(0) saturate(100%) invert(30%) sepia(80%) saturate(1850%) hue-rotate(209deg) brightness(94%) contrast(105%); @lavender: brightness(0) saturate(100%) invert(48%) sepia(61%) saturate(538%) hue-rotate(194deg) brightness(102%) contrast(98%); @text: brightness(0) saturate(100%) invert(30%) sepia(10%) saturate(1259%) hue-rotate(196deg) brightness(97%) contrast(91%); @subtext1: brightness(0) saturate(100%) invert(36%) sepia(10%) saturate(890%) hue-rotate(196deg) brightness(98%) contrast(90%); @subtext0: brightness(0) saturate(100%) invert(47%) sepia(6%) saturate(1263%) hue-rotate(195deg) brightness(90%) contrast(81%); @overlay2: brightness(0) saturate(100%) invert(59%) sepia(7%) saturate(825%) hue-rotate(195deg) brightness(83%) contrast(91%); @overlay1: brightness(0) saturate(100%) invert(59%) sepia(14%) saturate(333%) hue-rotate(194deg) brightness(95%) contrast(89%); @overlay0: brightness(0) saturate(100%) invert(85%) sepia(7%) saturate(595%) hue-rotate(191deg) brightness(77%) contrast(81%); @surface2: brightness(0) saturate(100%) invert(86%) sepia(6%) saturate(482%) hue-rotate(189deg) brightness(82%) contrast(88%); @surface1: brightness(0) saturate(100%) invert(85%) sepia(8%) saturate(281%) hue-rotate(187deg) brightness(92%) contrast(88%); @surface0: brightness(0) saturate(100%) invert(96%) sepia(1%) saturate(5123%) hue-rotate(185deg) brightness(93%) contrast(83%); @base: brightness(0) saturate(100%) invert(89%) sepia(5%) saturate(140%) hue-rotate(182deg) brightness(109%) contrast(94%); @mantle: brightness(0) saturate(100%) invert(93%) sepia(19%) saturate(55%) hue-rotate(182deg) brightness(98%) contrast(92%); @crust: brightness(0) saturate(100%) invert(91%) sepia(1%) saturate(4489%) hue-rotate(196deg) brightness(106%) contrast(82%); };\n @frappe: { @rosewater: brightness(0) saturate(100%) invert(90%) sepia(6%) saturate(734%) hue-rotate(321deg) brightness(95%) contrast(99%); @flamingo: brightness(0) saturate(100%) invert(88%) sepia(52%) saturate(817%) hue-rotate(293deg) brightness(113%) contrast(84%); @pink: brightness(0) saturate(100%) invert(76%) sepia(15%) saturate(844%) hue-rotate(280deg) brightness(107%) contrast(91%); @mauve: brightness(0) saturate(100%) invert(71%) sepia(25%) saturate(725%) hue-rotate(225deg) brightness(94%) contrast(91%); @red: brightness(0) saturate(100%) invert(67%) sepia(3%) saturate(7209%) hue-rotate(305deg) brightness(91%) contrast(99%); @maroon: brightness(0) saturate(100%) invert(61%) sepia(14%) saturate(957%) hue-rotate(307deg) brightness(109%) contrast(90%); @peach: brightness(0) saturate(100%) invert(68%) sepia(28%) saturate(662%) hue-rotate(335deg) brightness(96%) contrast(94%); @yellow: brightness(0) saturate(100%) invert(94%) sepia(88%) saturate(684%) hue-rotate(309deg) brightness(105%) contrast(80%); @green: brightness(0) saturate(100%) invert(89%) sepia(23%) saturate(582%) hue-rotate(42deg) brightness(87%) contrast(89%); @teal: brightness(0) saturate(100%) invert(91%) sepia(13%) saturate(986%) hue-rotate(110deg) brightness(85%) contrast(81%); @sky: brightness(0) saturate(100%) invert(75%) sepia(15%) saturate(623%) hue-rotate(141deg) brightness(109%) contrast(81%); @sapphire: brightness(0) saturate(100%) invert(77%) sepia(20%) saturate(730%) hue-rotate(157deg) brightness(97%) contrast(76%); @blue: brightness(0) saturate(100%) invert(68%) sepia(16%) saturate(1070%) hue-rotate(185deg) brightness(96%) contrast(95%); @lavender: brightness(0) saturate(100%) invert(75%) sepia(20%) saturate(626%) hue-rotate(201deg) brightness(101%) contrast(89%); @text: brightness(0) saturate(100%) invert(83%) sepia(12%) saturate(582%) hue-rotate(191deg) brightness(98%) contrast(96%); @subtext1: brightness(0) saturate(100%) invert(80%) sepia(18%) saturate(411%) hue-rotate(190deg) brightness(96%) contrast(84%); @subtext0: brightness(0) saturate(100%) invert(82%) sepia(6%) saturate(1287%) hue-rotate(192deg) brightness(86%) contrast(85%); @overlay2: brightness(0) saturate(100%) invert(65%) sepia(36%) saturate(230%) hue-rotate(190deg) brightness(92%) contrast(82%); @overlay1: brightness(0) saturate(100%) invert(55%) sepia(12%) saturate(638%) hue-rotate(189deg) brightness(98%) contrast(87%); @overlay0: brightness(0) saturate(100%) invert(49%) sepia(13%) saturate(662%) hue-rotate(192deg) brightness(94%) contrast(84%); @surface2: brightness(0) saturate(100%) invert(41%) sepia(20%) saturate(469%) hue-rotate(191deg) brightness(93%) contrast(86%); @surface1: brightness(0) saturate(100%) invert(34%) sepia(14%) saturate(771%) hue-rotate(190deg) brightness(89%) contrast(85%); @surface0: brightness(0) saturate(100%) invert(28%) sepia(7%) saturate(1468%) hue-rotate(193deg) brightness(92%) contrast(95%); @base: brightness(0) saturate(100%) invert(20%) sepia(17%) saturate(747%) hue-rotate(192deg) brightness(96%) contrast(97%); @mantle: brightness(0) saturate(100%) invert(8%) sepia(7%) saturate(7271%) hue-rotate(198deg) brightness(88%) contrast(75%); @crust: brightness(0) saturate(100%) invert(7%) sepia(7%) saturate(7415%) hue-rotate(197deg) brightness(86%) contrast(79%); };\n @macchiato: { @rosewater: brightness(0) saturate(100%) invert(88%) sepia(13%) saturate(322%) hue-rotate(321deg) brightness(102%) contrast(91%); @flamingo: brightness(0) saturate(100%) invert(82%) sepia(3%) saturate(3070%) hue-rotate(314deg) brightness(107%) contrast(88%); @pink: brightness(0) saturate(100%) invert(80%) sepia(23%) saturate(509%) hue-rotate(280deg) brightness(102%) contrast(92%); @mauve: brightness(0) saturate(100%) invert(65%) sepia(18%) saturate(903%) hue-rotate(222deg) brightness(104%) contrast(93%); @red: brightness(0) saturate(100%) invert(61%) sepia(19%) saturate(1541%) hue-rotate(305deg) brightness(110%) contrast(86%); @maroon: brightness(0) saturate(100%) invert(71%) sepia(10%) saturate(1331%) hue-rotate(306deg) brightness(93%) contrast(101%); @peach: brightness(0) saturate(100%) invert(73%) sepia(13%) saturate(1676%) hue-rotate(330deg) brightness(103%) contrast(92%); @yellow: brightness(0) saturate(100%) invert(87%) sepia(89%) saturate(321%) hue-rotate(314deg) brightness(101%) contrast(87%); @green: brightness(0) saturate(100%) invert(93%) sepia(12%) saturate(1128%) hue-rotate(48deg) brightness(92%) contrast(85%); @teal: brightness(0) saturate(100%) invert(92%) sepia(10%) saturate(1176%) hue-rotate(110deg) brightness(87%) contrast(90%); @sky: brightness(0) saturate(100%) invert(78%) sepia(57%) saturate(230%) hue-rotate(142deg) brightness(96%) contrast(84%); @sapphire: brightness(0) saturate(100%) invert(74%) sepia(35%) saturate(438%) hue-rotate(156deg) brightness(92%) contrast(93%); @blue: brightness(0) saturate(100%) invert(67%) sepia(17%) saturate(1007%) hue-rotate(183deg) brightness(99%) contrast(94%); @lavender: brightness(0) saturate(100%) invert(74%) sepia(6%) saturate(2559%) hue-rotate(198deg) brightness(103%) contrast(94%); @text: brightness(0) saturate(100%) invert(81%) sepia(9%) saturate(726%) hue-rotate(192deg) brightness(104%) contrast(92%); @subtext1: brightness(0) saturate(100%) invert(84%) sepia(5%) saturate(1453%) hue-rotate(193deg) brightness(94%) contrast(86%); @subtext0: brightness(0) saturate(100%) invert(75%) sepia(18%) saturate(361%) hue-rotate(190deg) brightness(91%) contrast(86%); @overlay2: brightness(0) saturate(100%) invert(67%) sepia(9%) saturate(814%) hue-rotate(191deg) brightness(92%) contrast(88%); @overlay1: brightness(0) saturate(100%) invert(49%) sepia(38%) saturate(203%) hue-rotate(190deg) brightness(101%) contrast(93%); @overlay0: brightness(0) saturate(100%) invert(46%) sepia(16%) saturate(552%) hue-rotate(193deg) brightness(93%) contrast(84%); @surface2: brightness(0) saturate(100%) invert(34%) sepia(16%) saturate(611%) hue-rotate(192deg) brightness(101%) contrast(87%); @surface1: brightness(0) saturate(100%) invert(30%) sepia(11%) saturate(1085%) hue-rotate(194deg) brightness(92%) contrast(89%); @surface0: brightness(0) saturate(100%) invert(18%) sepia(21%) saturate(880%) hue-rotate(193deg) brightness(97%) contrast(84%); @base: brightness(0) saturate(100%) invert(12%) sepia(42%) saturate(570%) hue-rotate(194deg) brightness(90%) contrast(90%); @mantle: brightness(0) saturate(100%) invert(6%) sepia(6%) saturate(7499%) hue-rotate(200deg) brightness(93%) contrast(85%); @crust: brightness(0) saturate(100%) invert(5%) sepia(8%) saturate(5346%) hue-rotate(202deg) brightness(98%) contrast(88%); };\n @mocha: { @rosewater: brightness(0) saturate(100%) invert(92%) sepia(5%) saturate(704%) hue-rotate(320deg) brightness(99%) contrast(93%); @flamingo: brightness(0) saturate(100%) invert(81%) sepia(5%) saturate(987%) hue-rotate(315deg) brightness(107%) contrast(90%); @pink: brightness(0) saturate(100%) invert(86%) sepia(11%) saturate(1177%) hue-rotate(283deg) brightness(101%) contrast(92%); @mauve: brightness(0) saturate(100%) invert(65%) sepia(58%) saturate(255%) hue-rotate(224deg) brightness(96%) contrast(102%); @red: brightness(0) saturate(100%) invert(61%) sepia(19%) saturate(997%) hue-rotate(294deg) brightness(104%) contrast(91%); @maroon: brightness(0) saturate(100%) invert(66%) sepia(16%) saturate(1301%) hue-rotate(306deg) brightness(116%) contrast(84%); @peach: brightness(0) saturate(100%) invert(68%) sepia(57%) saturate(278%) hue-rotate(338deg) brightness(98%) contrast(101%); @yellow: brightness(0) saturate(100%) invert(90%) sepia(70%) saturate(380%) hue-rotate(313deg) brightness(102%) contrast(95%); @green: brightness(0) saturate(100%) invert(88%) sepia(6%) saturate(2015%) hue-rotate(63deg) brightness(104%) contrast(78%); @teal: brightness(0) saturate(100%) invert(92%) sepia(12%) saturate(991%) hue-rotate(108deg) brightness(93%) contrast(90%); @sky: brightness(0) saturate(100%) invert(84%) sepia(21%) saturate(1302%) hue-rotate(164deg) brightness(106%) contrast(84%); @sapphire: brightness(0) saturate(100%) invert(74%) sepia(20%) saturate(876%) hue-rotate(156deg) brightness(96%) contrast(93%); @blue: brightness(0) saturate(100%) invert(68%) sepia(18%) saturate(951%) hue-rotate(180deg) brightness(98%) contrast(100%); @lavender: brightness(0) saturate(100%) invert(73%) sepia(7%) saturate(1670%) hue-rotate(195deg) brightness(102%) contrast(99%); @text: brightness(0) saturate(100%) invert(86%) sepia(6%) saturate(879%) hue-rotate(190deg) brightness(100%) contrast(93%); @subtext1: brightness(0) saturate(100%) invert(84%) sepia(19%) saturate(381%) hue-rotate(193deg) brightness(91%) contrast(89%); @subtext0: brightness(0) saturate(100%) invert(84%) sepia(9%) saturate(767%) hue-rotate(192deg) brightness(84%) contrast(84%); @overlay2: brightness(0) saturate(100%) invert(63%) sepia(15%) saturate(428%) hue-rotate(191deg) brightness(96%) contrast(84%); @overlay1: brightness(0) saturate(100%) invert(56%) sepia(15%) saturate(455%) hue-rotate(192deg) brightness(90%) contrast(88%); @overlay0: brightness(0) saturate(100%) invert(44%) sepia(6%) saturate(1275%) hue-rotate(194deg) brightness(97%) contrast(88%); @surface2: brightness(0) saturate(100%) invert(34%) sepia(8%) saturate(1015%) hue-rotate(195deg) brightness(99%) contrast(89%); @surface1: brightness(0) saturate(100%) invert(25%) sepia(6%) saturate(1950%) hue-rotate(197deg) brightness(99%) contrast(86%); @surface0: brightness(0) saturate(100%) invert(19%) sepia(5%) saturate(2844%) hue-rotate(199deg) brightness(91%) contrast(93%); @base: brightness(0) saturate(100%) invert(7%) sepia(4%) saturate(7496%) hue-rotate(202deg) brightness(93%) contrast(87%); @mantle: brightness(0) saturate(100%) invert(6%) sepia(4%) saturate(7465%) hue-rotate(202deg) brightness(95%) contrast(90%); @crust: brightness(0) saturate(100%) invert(3%) sepia(13%) saturate(6863%) hue-rotate(220deg) brightness(95%) contrast(91%); };\n};\n",
|
|
"usercssData": {
|
|
"name": "Instagram Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/instagram",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/instagram",
|
|
"version": "2024.12.31",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/instagram/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ainstagram",
|
|
"description": "Soothing pastel theme for Instagram",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": null,
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"darkFlavor": {
|
|
"type": "select",
|
|
"label": "Dark Flavor",
|
|
"name": "darkFlavor",
|
|
"value": "macchiato",
|
|
"default": "mocha",
|
|
"options": [
|
|
{
|
|
"name": "latte",
|
|
"label": "Latte",
|
|
"value": "latte"
|
|
},
|
|
{
|
|
"name": "frappe",
|
|
"label": "Frappé",
|
|
"value": "frappe"
|
|
},
|
|
{
|
|
"name": "macchiato",
|
|
"label": "Macchiato",
|
|
"value": "macchiato"
|
|
},
|
|
{
|
|
"name": "mocha",
|
|
"label": "Mocha",
|
|
"value": "mocha"
|
|
}
|
|
]
|
|
},
|
|
"accentColor": {
|
|
"type": "select",
|
|
"label": "Accent",
|
|
"name": "accentColor",
|
|
"value": "teal",
|
|
"default": "mauve",
|
|
"options": [
|
|
{
|
|
"name": "rosewater",
|
|
"label": "Rosewater",
|
|
"value": "rosewater"
|
|
},
|
|
{
|
|
"name": "flamingo",
|
|
"label": "Flamingo",
|
|
"value": "flamingo"
|
|
},
|
|
{
|
|
"name": "pink",
|
|
"label": "Pink",
|
|
"value": "pink"
|
|
},
|
|
{
|
|
"name": "mauve",
|
|
"label": "Mauve",
|
|
"value": "mauve"
|
|
},
|
|
{
|
|
"name": "red",
|
|
"label": "Red",
|
|
"value": "red"
|
|
},
|
|
{
|
|
"name": "maroon",
|
|
"label": "Maroon",
|
|
"value": "maroon"
|
|
},
|
|
{
|
|
"name": "peach",
|
|
"label": "Peach",
|
|
"value": "peach"
|
|
},
|
|
{
|
|
"name": "yellow",
|
|
"label": "Yellow",
|
|
"value": "yellow"
|
|
},
|
|
{
|
|
"name": "green",
|
|
"label": "Green",
|
|
"value": "green"
|
|
},
|
|
{
|
|
"name": "teal",
|
|
"label": "Teal",
|
|
"value": "teal"
|
|
},
|
|
{
|
|
"name": "blue",
|
|
"label": "Blue",
|
|
"value": "blue"
|
|
},
|
|
{
|
|
"name": "sapphire",
|
|
"label": "Sapphire",
|
|
"value": "sapphire"
|
|
},
|
|
{
|
|
"name": "sky",
|
|
"label": "Sky",
|
|
"value": "sky"
|
|
},
|
|
{
|
|
"name": "lavender",
|
|
"label": "Lavender",
|
|
"value": "lavender"
|
|
},
|
|
{
|
|
"name": "subtext0",
|
|
"label": "Gray",
|
|
"value": "subtext0"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"author": "Catppuccin",
|
|
"description": "Soothing pastel theme for Instagram",
|
|
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/instagram",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/instagram/catppuccin.user.less",
|
|
"name": "Instagram Catppuccin",
|
|
"originalDigest": "20640cd4d8b690a5817c17f1e1b1c04ed1966eb0",
|
|
"_id": "64b66cea-b486-484e-be5e-6892494d1667",
|
|
"_rev": 1736501772047,
|
|
"id": 18,
|
|
"etag": "W/\"7b2fbeacba3c2a8b8a00f0fd40db5b8f5f617e14ef6acccccfe05fa133ea1607\"",
|
|
"updateDate": 1736501272265
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"installDate": 1715536822168,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"sourceCode": "/* ==UserStyle==\n@name LinkedIn Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/linkedin\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/linkedin\n@version 2024.12.31\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/linkedin/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Alinkedin\n@description Soothing pastel theme for LinkedIn\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@-moz-document domain(\"www.linkedin.com\") {\n :root:not(.theme--dark, .theme--mercado-dark) {\n #catppuccin(@lightFlavor);\n }\n :root.theme--dark,\n :root.theme--mercado-dark {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n color-scheme: if(@flavor = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n --black: @crust;\n --black-a90: @crust;\n --black-a75: @crust;\n --black-a60: fade(@crust, 60%);\n --black-a45: @crust;\n --black-a30: @crust;\n --black-a15: @crust;\n --black-a12: @crust;\n --black-a08: @crust;\n --black-a04: @crust;\n --black-a100: @crust;\n\n --white: @text;\n --white-a06: @surface0;\n --white-a12: @surface0;\n --white-a18: @surface0;\n --white-a25: @surface0;\n --white-a30: @text;\n --white-a40: @text;\n --white-a45: @text;\n --white-a55: @text;\n --white-a60: @subtext0;\n --white-a70: @text;\n --white-a75: @text;\n --white-a85: @text;\n --white-a90: @text;\n --white-a100: @text;\n\n --blue-10: @blue;\n --blue-20: @blue;\n --blue-30: @blue;\n --blue-40: @blue;\n --blue-50: @blue;\n --blue-60: @blue;\n --blue-70: @blue;\n --blue-80: @blue;\n --blue-90: @blue;\n --blue-100: @blue;\n --blue-50-a20: fade(@blue, 20%);\n --blue-50-a25: fade(@blue, 25%);\n --blue-50-a30: fade(@blue, 30%);\n --blue-50-a40: fade(@blue, 40%);\n --blue-60-a10: fade(@blue, 10%);\n --blue-60-a15: fade(@blue, 85%);\n --blue-60-a20: fade(@blue, 20%);\n --blue-60-a25: fade(@blue, 25%);\n --blue-60-a30: fade(@blue, 30%);\n --blue-60-a35: fade(@blue, 35%);\n --blue-60-a40: fade(@blue, 40%);\n --blue-60-a45: fade(@blue, 45%);\n --blue-70-a30: fade(@sapphire, 30%);\n --blue-70-a40: fade(@sapphire, 40%);\n --blue-70-a50: fade(@sapphire, 50%);\n\n --cool-gray-10: @mantle;\n --cool-gray-20: @surface0;\n --cool-gray-30: @mantle;\n --cool-gray-40: @mantle;\n --cool-gray-50: @mantle;\n --cool-gray-60: @mantle;\n --cool-gray-70: @mantle;\n --cool-gray-80: @surface0;\n --cool-gray-85: @mantle;\n --cool-gray-90: @mantle;\n --cool-gray-100: @mantle;\n --cool-gray-60-a10: fade(@mantle, 10%);\n --cool-gray-60-a15: fade(@mantle, 15%);\n --cool-gray-60-a20: fade(@mantle, 20%);\n --cool-gray-60-a25: fade(@mantle, 25%);\n --cool-gray-60-a30: fade(@mantle, 30%);\n --cool-gray-60-a35: fade(@mantle, 35%);\n\n --warm-gray-10: @overlay1;\n --warm-gray-20: @overlay1;\n --warm-gray-30: @overlay1;\n --warm-gray-40: @overlay1;\n --warm-gray-50: @overlay1;\n --warm-gray-60: @overlay1;\n --warm-gray-70: @overlay1;\n --warm-gray-80: @overlay1;\n --warm-gray-90: @overlay1;\n --warm-gray-100: @overlay1;\n --warm-gray-60-a10: fade(@overlay1, 10%);\n --warm-gray-60-a15: fade(@overlay1, 15%);\n --warm-gray-60-a20: fade(@overlay1, 20%);\n --warm-gray-60-a25: fade(@overlay1, 25%);\n --warm-gray-60-a30: fade(@overlay1, 30%);\n --warm-gray-60-a35: fade(@overlay1, 35%);\n\n --warm-red-10: @maroon;\n --warm-red-20: @maroon;\n --warm-red-30: @maroon;\n --warm-red-40: @maroon;\n --warm-red-50: @maroon;\n --warm-red-60: @maroon;\n --warm-red-70: @maroon;\n --warm-red-80: @maroon;\n --warm-red-90: @maroon;\n --warm-red-100: @maroon;\n --warm-red-60-a10: fade(@maroon, 10%);\n --warm-red-60-a15: fade(@maroon, 15%);\n --warm-red-60-a20: fade(@maroon, 20%);\n --warm-red-60-a25: fade(@maroon, 25%);\n --warm-red-60-a30: fade(@maroon, 30%);\n --warm-red-60-a35: fade(@maroon, 35%);\n\n --teal-10: @teal;\n --teal-20: @teal;\n --teal-30: @teal;\n --teal-40: @teal;\n --teal-50: @teal;\n --teal-60: @teal;\n --teal-70: @teal;\n --teal-80: @teal;\n --teal-90: @teal;\n --teal-100: @teal;\n --teal-50-a30: fade(@teal, 30%);\n --teal-60-a10: fade(@teal, 10%);\n --teal-60-a15: fade(@teal, 15%);\n --teal-60-a20: fade(@teal, 20%);\n --teal-60-a25: fade(@teal, 25%);\n --teal-60-a30: fade(@teal, 30%);\n --teal-60-a35: fade(@teal, 35%);\n\n --purple-10: @lavender;\n --purple-20: @lavender;\n --purple-30: @lavender;\n --purple-40: @lavender;\n --purple-50: @lavender;\n --purple-60: @lavender;\n --purple-70: @lavender;\n --purple-80: @lavender;\n --purple-90: @lavender;\n --purple-100: @lavender;\n --purple-40-a15: fade(@lavender, 15%);\n --purple-60-a10: fade(@lavender, 10%);\n --purple-60-a15: fade(@lavender, 15%);\n --purple-60-a20: fade(@lavender, 20%);\n --purple-60-a25: fade(@lavender, 25%);\n --purple-60-a30: fade(@lavender, 30%);\n --purple-60-a35: fade(@lavender, 35%);\n --purple-70-a15: fade(@lavender, 15%);\n\n --system-red-10: @red;\n --system-red-20: @red;\n --system-red-30: @red;\n --system-red-40: @red;\n --system-red-50: @red;\n --system-red-60: @red;\n --system-red-70: @red;\n --system-red-80: @red;\n --system-red-90: @red;\n --system-red-100: @red;\n --system-red-60-a10: fade(@red, 10%);\n --system-red-60-a15: fade(@red, 15%);\n --system-red-60-a20: fade(@red, 20%);\n --system-red-60-a25: fade(@red, 25%);\n --system-red-60-a30: fade(@red, 30%);\n --system-red-60-a35: fade(@red, 35%);\n\n --system-green-10: darken(@green, 20%);\n --system-green-20: darken(@green, 20%);\n --system-green-30: darken(@green, 20%);\n --system-green-40: darken(@green, 20%);\n --system-green-50: darken(@green, 20%);\n --system-green-60: darken(@green, 20%);\n --system-green-70: darken(@green, 20%);\n --system-green-80: darken(@green, 20%);\n --system-green-90: darken(@green, 20%);\n --system-green-100: darken(@green, 20%);\n --system-green-60-a10: fade(darken(@green, 20%), 10%);\n --system-green-60-a15: fade(darken(@green, 20%), 15%);\n --system-green-60-a20: fade(darken(@green, 20%), 20%);\n --system-green-60-a25: fade(darken(@green, 20%), 25%);\n --system-green-60-a30: fade(darken(@green, 20%), 30%);\n --system-green-60-a35: fade(darken(@green, 20%), 35%);\n\n --pink-10: @pink;\n --pink-20: @pink;\n --pink-30: @pink;\n --pink-40: @pink;\n --pink-50: @pink;\n --pink-60: @pink;\n --pink-70: @pink;\n --pink-80: @pink;\n --pink-90: @pink;\n --pink-100: @pink;\n --pink-60-a10: fade(@pink, 10%);\n --pink-60-a15: fade(@pink, 15%);\n --pink-60-a20: fade(@pink, 20%);\n --pink-60-a25: fade(@pink, 25%);\n --pink-60-a30: fade(@pink, 30%);\n --pink-60-a35: fade(@pink, 35%);\n\n --amber-10: @yellow;\n --amber-20: @yellow;\n --amber-30: @yellow;\n --amber-40: @yellow;\n --amber-50: @yellow;\n --amber-60: @yellow;\n --amber-70: @yellow;\n --amber-80: @yellow;\n --amber-90: @yellow;\n --amber-100: @yellow;\n --amber-30-a50: fade(@yellow, 50%);\n --amber-60-a10: fade(@yellow, 10%);\n --amber-60-a15: fade(@yellow, 15%);\n --amber-60-a20: fade(@yellow, 20%);\n --amber-60-a25: fade(@yellow, 25%);\n --amber-60-a30: fade(@yellow, 30%);\n --amber-60-a35: fade(@yellow, 35%);\n\n --copper-10: @rosewater;\n --copper-20: @rosewater;\n --copper-30: @rosewater;\n --copper-40: @rosewater;\n --copper-50: @rosewater;\n --copper-60: @rosewater;\n --copper-70: @rosewater;\n --copper-80: @rosewater;\n --copper-90: @rosewater;\n --copper-100: @rosewater;\n --copper-60-a10: fade(@rosewater, 10%);\n --copper-60-a15: fade(@rosewater, 15%);\n --copper-60-a20: fade(@rosewater, 20%);\n --copper-60-a25: fade(@rosewater, 25%);\n --copper-60-a30: fade(@rosewater, 30%);\n --copper-60-a35: fade(@rosewater, 35%);\n\n --green-10: @green;\n --green-20: @green;\n --green-30: @green;\n --green-40: @green;\n --green-50: @green;\n --green-60: @green;\n --green-70: @green;\n --green-80: @green;\n --green-90: @green;\n --green-100: @green;\n --green-60-a10: fade(@green, 10%);\n --green-60-a15: fade(@green, 15%);\n --green-60-a20: fade(@green, 20%);\n --green-60-a25: fade(@green, 25%);\n --green-60-a30: fade(@green, 30%);\n --green-60-a35: fade(@green, 35%);\n\n --sage-10: darken(@green, 40%);\n --sage-20: darken(@green, 40%);\n --sage-30: darken(@green, 40%);\n --sage-40: darken(@green, 40%);\n --sage-50: darken(@green, 40%);\n --sage-60: darken(@green, 40%);\n --sage-70: darken(@green, 40%);\n --sage-80: darken(@green, 40%);\n --sage-90: darken(@green, 40%);\n --sage-100: darken(@green, 40%);\n --sage-60-a10: fade(darken(@green, 40%), 10%);\n --sage-60-a15: fade(darken(@green, 40%), 15%);\n --sage-60-a20: fade(darken(@green, 40%), 20%);\n --sage-60-a25: fade(darken(@green, 40%), 25%);\n --sage-60-a30: fade(darken(@green, 40%), 30%);\n --sage-60-a35: fade(darken(@green, 40%), 35%);\n\n --lime-10: lighten(@green, 20%);\n --lime-20: lighten(@green, 20%);\n --lime-30: lighten(@green, 20%);\n --lime-40: lighten(@green, 20%);\n --lime-50: lighten(@green, 20%);\n --lime-60: lighten(@green, 20%);\n --lime-70: lighten(@green, 20%);\n --lime-80: lighten(@green, 20%);\n --lime-90: lighten(@green, 20%);\n --lime-100: lighten(@green, 20%);\n --lime-60-a10: fade(lighten(@green, 20%), 10%);\n --lime-60-a15: fade(lighten(@green, 20%), 15%);\n --lime-60-a20: fade(lighten(@green, 20%), 20%);\n --lime-60-a25: fade(lighten(@green, 20%), 25%);\n --lime-60-a30: fade(lighten(@green, 20%), 30%);\n --lime-60-a35: fade(lighten(@green, 20%), 35%);\n\n --camo-10: @accent;\n --camo-20: @accent;\n --camo-30: @accent;\n --camo-40: @accent;\n --camo-50: @accent;\n --camo-60: @accent;\n --camo-70: @accent;\n --camo-80: @accent;\n --camo-90: @accent;\n --camo-100: @accent;\n --camo-60-a10: fade(@accent, 10%);\n --camo-60-a15: fade(@accent, 15%);\n --camo-60-a20: fade(@accent, 20%);\n --camo-60-a25: fade(@accent, 25%);\n --camo-60-a30: fade(@accent, 30%);\n --camo-60-a35: fade(@accent, 35%);\n\n --smoke-10: @surface1;\n --smoke-20: @surface1;\n --smoke-30: @surface1;\n --smoke-40: @surface1;\n --smoke-50: @surface1;\n --smoke-60: @surface1;\n --smoke-70: @surface1;\n --smoke-80: @surface1;\n --smoke-90: @surface1;\n --smoke-100: @surface1;\n --smoke-60-a10: fade(@surface1, 10%);\n --smoke-60-a15: fade(@surface1, 15%);\n --smoke-60-a20: fade(@surface1, 20%);\n --smoke-60-a25: fade(@surface1, 25%);\n --smoke-60-a30: fade(@surface1, 30%);\n --smoke-60-a35: fade(@surface1, 35%);\n\n --lavender-10: @lavender;\n --lavender-20: @lavender;\n --lavender-30: @lavender;\n --lavender-40: @lavender;\n --lavender-50: @lavender;\n --lavender-60: @lavender;\n --lavender-70: @lavender;\n --lavender-80: @lavender;\n --lavender-90: @lavender;\n --lavender-100: @lavender;\n --lavender-60-a10: fade(@lavender, 10%);\n --lavender-60-a15: fade(@lavender, 15%);\n --lavender-60-a20: fade(@lavender, 20%);\n --lavender-60-a25: fade(@lavender, 25%);\n --lavender-60-a30: fade(@lavender, 30%);\n --lavender-60-a35: fade(@lavender, 35%);\n\n --mauve-10: @mauve;\n --mauve-20: @mauve;\n --mauve-30: @mauve;\n --mauve-40: @mauve;\n --mauve-50: @mauve;\n --mauve-60: @mauve;\n --mauve-70: @mauve;\n --mauve-80: @mauve;\n --mauve-90: @mauve;\n --mauve-100: @mauve;\n --mauve-60-a10: fade(@mauve, 10%);\n --mauve-60-a15: fade(@mauve, 15%);\n --mauve-60-a20: fade(@mauve, 20%);\n --mauve-60-a25: fade(@mauve, 25%);\n --mauve-60-a30: fade(@mauve, 30%);\n --mauve-60-a35: fade(@mauve, 35%);\n --mauve-80-a50: fade(@mauve, 50%);\n\n --system-gray-10: @surface0;\n --system-gray-20: @surface0;\n --system-gray-30: @surface0;\n --system-gray-40: @surface0;\n --system-gray-50: @surface0;\n --system-gray-60: @surface0;\n --system-gray-70: @surface0;\n --system-gray-80: @surface0;\n --system-gray-90: @surface0;\n --system-gray-100: @surface0;\n --system-gray-60-a10: fade(@surface0, 10%);\n --system-gray-60-a15: fade(@surface0, 15%);\n --system-gray-60-a20: fade(@surface0, 20%);\n --system-gray-60-a25: fade(@surface0, 25%);\n --system-gray-60-a30: fade(@surface0, 30%);\n --system-gray-60-a35: fade(@surface0, 35%);\n --system-gray-60-a40: fade(@surface0, 40%);\n --system-gray-60-a45: fade(@surface0, 45%);\n\n --system-orange-10: @peach;\n --system-orange-20: @peach;\n --system-orange-30: @peach;\n --system-orange-40: @peach;\n --system-orange-50: @peach;\n --system-orange-60: @peach;\n --system-orange-70: @peach;\n --system-orange-80: @peach;\n --system-orange-90: @peach;\n --system-orange-100: @peach;\n --system-orange-60-a10: fade(@peach, 10%);\n --system-orange-60-a15: fade(@peach, 15%);\n --system-orange-60-a20: fade(@peach, 20%);\n --system-orange-60-a25: fade(@peach, 25%);\n --system-orange-60-a30: fade(@peach, 30%);\n --system-orange-60-a35: fade(@peach, 35%);\n\n /* quality of life changes */\n --color-border-low-emphasis: @surface0;\n\n /* Codeblock fixes */\n pre {\n --color-text-on-dark: @text;\n --color-background-container-dark-tint: @crust;\n }\n\n /* more accent */\n --voyager-color-background-badge-notification: @accent;\n --color-signal-positive: @accent;\n --color-checked: @accent;\n --color-checked-hover: @accent;\n --color-checked-active: @accent;\n\n /* fix for hover buttons */\n --artdeco-button-secondary-default-hover-background-color: fade(\n @blue,\n 20%\n );\n\n /* text on dark */\n --color-text-on-dark: @text;\n\n & when not(@flavor = latte) {\n --color-element: @crust;\n }\n\n & when (@flavor = latte) {\n --black: @text;\n --black-a90: @text;\n --black-a75: @text;\n --black-a45: @text;\n --black-a30: @text;\n --black-a60: @subtext0;\n --black-a15: @text;\n --black-a04: @text;\n --black-a100: @text;\n\n --color-scrim: fade(@crust, 40%);\n --color-icon-on-dark: @text;\n\n --white: @mantle;\n --white-a06: @surface0;\n --white-a12: @surface0;\n --white-a18: @surface0;\n --white-a25: @surface0;\n --white-a30: @mantle;\n --white-a40: @mantle;\n --white-a45: @mantle;\n --white-a55: @mantle;\n --white-a60: @subtext0;\n --white-a70: @mantle;\n --white-a75: @mantle;\n --white-a85: @mantle;\n --white-a90: @mantle;\n --white-a100: @mantle;\n\n --warm-gray-10: @base;\n --warm-gray-20: @base;\n --warm-gray-30: @base;\n --warm-gray-40: @base;\n --warm-gray-50: @base;\n --warm-gray-60: @base;\n --warm-gray-70: @base;\n --warm-gray-80: @base;\n --warm-gray-90: @base;\n --warm-gray-100: @base;\n --warm-gray-60-a10: fade(@base, 10%);\n --warm-gray-60-a15: fade(@base, 15%);\n --warm-gray-60-a20: fade(@base, 20%);\n --warm-gray-60-a25: fade(@base, 25%);\n --warm-gray-60-a30: fade(@base, 30%);\n --warm-gray-60-a35: fade(@base, 35%);\n }\n\n .share-promoted-detour-button-legacy {\n background-color: @accent !important;\n }\n }\n}\n\n/* deno-fmt-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n};\n",
|
|
"usercssData": {
|
|
"name": "LinkedIn Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/linkedin",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/linkedin",
|
|
"version": "2024.12.31",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/linkedin/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Alinkedin",
|
|
"description": "Soothing pastel theme for LinkedIn",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": null,
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"darkFlavor": {
|
|
"type": "select",
|
|
"label": "Dark Flavor",
|
|
"name": "darkFlavor",
|
|
"value": "macchiato",
|
|
"default": "mocha",
|
|
"options": [
|
|
{
|
|
"name": "latte",
|
|
"label": "Latte",
|
|
"value": "latte"
|
|
},
|
|
{
|
|
"name": "frappe",
|
|
"label": "Frappé",
|
|
"value": "frappe"
|
|
},
|
|
{
|
|
"name": "macchiato",
|
|
"label": "Macchiato",
|
|
"value": "macchiato"
|
|
},
|
|
{
|
|
"name": "mocha",
|
|
"label": "Mocha",
|
|
"value": "mocha"
|
|
}
|
|
]
|
|
},
|
|
"accentColor": {
|
|
"type": "select",
|
|
"label": "Accent",
|
|
"name": "accentColor",
|
|
"value": "teal",
|
|
"default": "mauve",
|
|
"options": [
|
|
{
|
|
"name": "rosewater",
|
|
"label": "Rosewater",
|
|
"value": "rosewater"
|
|
},
|
|
{
|
|
"name": "flamingo",
|
|
"label": "Flamingo",
|
|
"value": "flamingo"
|
|
},
|
|
{
|
|
"name": "pink",
|
|
"label": "Pink",
|
|
"value": "pink"
|
|
},
|
|
{
|
|
"name": "mauve",
|
|
"label": "Mauve",
|
|
"value": "mauve"
|
|
},
|
|
{
|
|
"name": "red",
|
|
"label": "Red",
|
|
"value": "red"
|
|
},
|
|
{
|
|
"name": "maroon",
|
|
"label": "Maroon",
|
|
"value": "maroon"
|
|
},
|
|
{
|
|
"name": "peach",
|
|
"label": "Peach",
|
|
"value": "peach"
|
|
},
|
|
{
|
|
"name": "yellow",
|
|
"label": "Yellow",
|
|
"value": "yellow"
|
|
},
|
|
{
|
|
"name": "green",
|
|
"label": "Green",
|
|
"value": "green"
|
|
},
|
|
{
|
|
"name": "teal",
|
|
"label": "Teal",
|
|
"value": "teal"
|
|
},
|
|
{
|
|
"name": "blue",
|
|
"label": "Blue",
|
|
"value": "blue"
|
|
},
|
|
{
|
|
"name": "sapphire",
|
|
"label": "Sapphire",
|
|
"value": "sapphire"
|
|
},
|
|
{
|
|
"name": "sky",
|
|
"label": "Sky",
|
|
"value": "sky"
|
|
},
|
|
{
|
|
"name": "lavender",
|
|
"label": "Lavender",
|
|
"value": "lavender"
|
|
},
|
|
{
|
|
"name": "subtext0",
|
|
"label": "Gray",
|
|
"value": "subtext0"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"author": "Catppuccin",
|
|
"description": "Soothing pastel theme for LinkedIn",
|
|
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/linkedin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/linkedin/catppuccin.user.less",
|
|
"name": "LinkedIn Catppuccin",
|
|
"originalDigest": "ae523380f1d5d16bd800b95d418b953eedb0247b",
|
|
"_id": "6b9476a3-0669-4f08-ad55-60fd4bebfd93",
|
|
"_rev": 1736501772073,
|
|
"id": 19,
|
|
"etag": "W/\"bff9ea80ca44fd018c8406567bfc78c99d2936583903338cf6857aca14959f4b\"",
|
|
"updateDate": 1736501273529
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"installDate": 1715537040451,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"sourceCode": "/* ==UserStyle==\n@name Twitter Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/twitter\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/twitter\n@version 2024.12.31\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/twitter/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Atwitter\n@description Soothing pastel theme for Twitter\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n\n@var checkbox colorizeLogo \"Colorize Logo\" 0\n@var checkbox darkenShadows \"Darken Shadows on Dark Themes\" 1\n==/UserStyle== */\n\n@-moz-document domain(\"twitter.com\"), domain(\"x.com\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n color-scheme: if(@flavor = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n body.LightsOut {\n --border-color: @surface0;\n --color: @overlay1;\n --color-emphasis: @text;\n --hover-bg-color: @surface0;\n\n // shadows\n .r-qo02w8,\n .r-15ce4ve {\n @default-shadow:\n fade(@text, 20%) 0 0 15px,\n fade(@text, 15%) 0 0 3px 1px;\n @black-shadow:\n rgba(0, 0, 0, 0.4) 0 0 15px,\n rgba(0, 0, 0, 0.35) 0 0 3px 1px;\n\n box-shadow: @default-shadow;\n\n & when (@darkenShadows = 1) {\n box-shadow: if(@flavor = latte, @default-shadow, @black-shadow);\n }\n }\n\n .r-1tbvlxk {\n @default-shadow: drop-shadow(fade(@text, 25%) 1px -1px 1px);\n @black-shadow: drop-shadow(rgba(0, 0, 0, 0.5) 1px -1px 1px);\n\n filter: @default-shadow;\n\n & when (@darkenShadows = 1) {\n filter: if(@flavor = latte, @default-shadow, @black-shadow);\n }\n }\n\n .r-1uusn97 {\n @default-shadow:\n fade(@text, 20%) 0 0 5px,\n fade(@text, 15%) 0 1px 4px 1px;\n @black-shadow:\n rgba(0, 0, 0, 0.4) 0 0 5px,\n rgba(0, 0, 0, 0.35) 0 1px 4px 1px;\n\n box-shadow: @default-shadow;\n\n & when (@darkenShadows = 1) {\n box-shadow: if(@flavor = latte, @default-shadow, @black-shadow);\n }\n }\n }\n\n body,\n .PageContainer,\n #placeholder {\n background-color: @base !important;\n color: @text;\n }\n\n #ScriptLoadFailure span {\n color: @text;\n }\n\n [style*=\"scrollbar-color: rgb(62, 65, 68) rgb(22, 24, 28)\"] {\n scrollbar-color: @accent transparent !important;\n scrollbar-width: thin;\n }\n\n // bg color\n [data-testid=\"primaryColumn\"],\n .r-kemksi {\n background-color: @base;\n }\n\n // arrow on account switcher\n .r-cqee49 {\n color: @base;\n }\n\n // top nav bg color\n .r-5zmot {\n background-color: fade(@base, 75%);\n }\n\n // element hover (when on base)\n .r-1hdo0pc,\n .r-pjtv4k {\n background-color: fade(@text, 10%);\n }\n\n // element active (when on base)\n .r-11gmi9o {\n background-color: fade(@text, 20%);\n }\n\n .r-1cuuowz {\n background-color: fade(@text, 3%);\n }\n\n // text\n .r-1nao33i {\n color: @text;\n }\n\n // white text, seems to appear on accent colors\n .r-jwli3a {\n color: if(@flavor = latte, #fff, @crust);\n\n // cw svg\n &:has(\n path[d=\"M3.693 21.707l-1.414-1.414 2.429-2.429c-2.479-2.421-3.606-5.376-3.658-5.513l-.131-.352.131-.352c.133-.353 3.331-8.648 10.937-8.648 2.062 0 3.989.621 5.737 1.85l2.556-2.557 1.414 1.414L3.693 21.707zm-.622-9.706c.356.797 1.354 2.794 3.051 4.449l2.417-2.418c-.361-.609-.553-1.306-.553-2.032 0-2.206 1.794-4 4-4 .727 0 1.424.192 2.033.554l2.263-2.264C14.953 5.434 13.512 5 11.986 5c-5.416 0-8.258 5.535-8.915 7.001zM11.986 10c-1.103 0-2 .897-2 2 0 .178.023.352.067.519l2.451-2.451c-.167-.044-.341-.067-.519-.067zm10.951 1.647l.131.352-.131.352c-.133.353-3.331 8.648-10.937 8.648-.709 0-1.367-.092-2-.223v-2.047c.624.169 1.288.27 2 .27 5.415 0 8.257-5.533 8.915-7-.252-.562-.829-1.724-1.746-2.941l1.438-1.438c1.53 1.971 2.268 3.862 2.33 4.027z\"]\n ) {\n color: @text;\n }\n }\n\n // borders\n .r-1kqtdi0,\n .r-1roi411 {\n border-color: @surface0;\n }\n\n .r-1igl3o0 {\n border-bottom-color: @surface0;\n }\n\n .r-2sztyj {\n border-top-color: @surface0;\n }\n\n .r-1aihyag {\n border-right-color: @surface0;\n }\n\n .r-1wyyjkm {\n border-left-color: @subtext0; // border when replying to a dm\n }\n\n // is this post relevant to you?\n .r-1ccsd61,\n .r-xzxzvz {\n border-color: @surface2;\n }\n\n .r-gu4em3,\n .r-1bnu78o,\n .r-z32n2g, // search bar\n .r-1m3jxhj {\n background-color: @surface0;\n }\n\n // base color border\n .r-1xc7w19 {\n border-color: @base;\n }\n\n // active border for dms\n .r-1pbtemp {\n border-right-color: @accent;\n }\n\n // accent color borders\n .r-vhj8yc {\n border-color: @accent;\n }\n\n // magnifying glass in search bar\n .r-1bwzh9t {\n color: @overlay1;\n }\n\n // right side content\n .r-g2wdr4 {\n background-color: @mantle;\n }\n\n .r-14wv3jr {\n border-color: @mantle;\n }\n\n // bg color accent\n .r-l5o3uw {\n background-color: @accent;\n\n .r-jwli3a {\n color: if(@flavor = latte, #fff, @crust);\n }\n }\n\n // accent element when hovered\n .r-1vtznih {\n background-color: darken(@accent, 10%);\n\n .r-jwli3a {\n color: if(@flavor = latte, #fff, @crust);\n }\n }\n\n .r-1peqgm7 {\n background-color: fade(@accent, 10%);\n }\n\n // accent element when active\n .r-yuvema {\n background-color: darken(@accent, 15%);\n\n .r-jwli3a {\n color: if(@flavor = latte, #fff, @crust);\n }\n }\n\n .r-r18ze4 {\n background-color: fade(@accent, 20%);\n }\n\n // white elements when hovered\n .r-jc7xae {\n background-color: darken(@text, 4%);\n }\n\n // white elements when active\n .r-6wtuen {\n background-color: darken(@text, 8%);\n }\n\n // tooltips\n .r-1pr99xn {\n background-color: @surface1;\n }\n\n // new notifications\n .r-1eltapf {\n background-color: fade(@sapphire, 10%);\n }\n\n // polls\n .r-eok2q2 {\n background-color: fade(@accent, 60%);\n }\n\n // box shadow around active poll input box\n .r-9cip40 {\n box-shadow: @accent 0 0 0 1px;\n }\n\n // spaces\n .r-1blqq69 {\n border-color: @mauve;\n }\n\n // reactions on dms\n .r-qazpri {\n color: @overlay1;\n }\n\n @keyframes r-1wvy3k1 {\n 0% {\n box-shadow: fade(@mauve, 40%) 0;\n }\n\n 100% {\n box-shadow: fade(@mauve, 0%) 0;\n }\n }\n\n [style=\"background-image: linear-gradient(61.63deg, rgb(45, 66, 255) -15.05%, rgb(156, 99, 250) 104.96%);\"] {\n background-image: linear-gradient(\n 61.63deg,\n @blue -15.05%,\n @mauve 104.96%\n ) !important;\n }\n\n // tweet textbox placeholder\n .draftjs-styles_0 .public-DraftEditorPlaceholder-root {\n color: @overlay0;\n }\n\n // who can reply? bg\n .r-rgqbpe {\n background-color: fade(@blue, 10%);\n }\n\n // circles\n .r-s224ru {\n background-color: @green;\n }\n\n .r-h7o7i8 {\n background-color: fade(@green, 10%);\n }\n\n // live indicator\n .r-4nw3r4,\n .r-1dgebii {\n background-color: @red;\n }\n\n // live border\n .r-b5kvu3 {\n border-color: @red;\n }\n\n // red transparent bg (appears with \"unfollow\" hover)\n .r-qqmkd0 {\n background-color: fade(@red, 10%);\n }\n\n // red bg on hover\n .r-12d83nn {\n background-color: darken(@red, 10%);\n }\n\n // red bg when active\n .r-oybae9 {\n background-color: darken(@red, 15%);\n }\n\n .r-11mg6pl {\n border-color: if(@flavor = latte, #fff, @crust); // white border\n }\n\n // mask over layer\n .r-11z020y {\n background-color: fade(desaturate(darken(@accent, 10%), 50%), 12%);\n }\n\n // likes\n [fill=\"rgb(249,22,127)\"],\n [fill=\"rgb(222,45,108)\"],\n g[clip-path=\"url(#__lottie_element_562)\"] path,\n [style=\"color: rgb(249, 24, 128);\"] [viewBox=\"0 0 24 24\"] path {\n fill: @red !important;\n }\n\n // likes when hover\n .r-1krxqcr {\n background-color: fade(@red, 10%);\n }\n\n // likes when active\n .r-uuique {\n background-color: fade(@red, 20%);\n }\n\n // heart svg on notifications page\n .r-vkub15,\n .r-9l7dzd {\n color: @red;\n }\n\n // bell svg on notifications page\n .r-1cvl2hr {\n color: @accent;\n }\n\n // retweet svg on notifications page\n .r-o6sn0f {\n color: @green;\n }\n\n // rt when hover\n .r-15azkrj {\n background-color: fade(@green, 10%);\n }\n\n // rt when active\n .r-1x669os {\n background-color: fade(@green, 20%);\n }\n\n // image won't load svg\n [data-testid=\"card.wrapper\"]\n [d=\"M21.04 1.54L17.5 5.09c-.04-.02-.08-.03-.13-.04L14.3 3H9.7l-3 2H5C3.62 5 2.5 6.12 2.5 7.5v11c0 .46.12.88.34 1.25l-1.3 1.29 1.42 1.42 19.5-19.5-1.42-1.42zM13.7 5l2.33 1.56-2 1.99C13.44 8.2 12.74 8 12 8c-2.21 0-4 1.79-4 4 0 .74.2 1.44.55 2.03L4.5 18.09V7.5c0-.28.22-.5.5-.5h2.3l3-2h3.4zM12 10c.18 0 .35.02.52.07l-2.45 2.45c-.05-.17-.07-.34-.07-.52 0-1.1.9-2 2-2zm7 11H7.24l2-2H19c.28 0 .5-.22.5-.5V9h2v9.5c0 1.38-1.12 2.5-2.5 2.5z\"] {\n color: @overlay0;\n }\n\n // cw button\n .r-n94g0g {\n background-color: fade(@text, 30%); // when hovered\n }\n\n .r-z9i421 {\n background-color: fade(@text, 27%); // when active\n }\n\n .r-19130f6 {\n background-color: @crust; // when hovered\n }\n\n .r-l8tqsx {\n background-color: fade(@text, 10%); // when active\n }\n\n // lock svg when you try to write a commu note but can't\n .r-3gvs5h {\n background-color: @overlay1;\n }\n\n // sunglasses commu note\n .r-1fkb3t2 {\n background-color: @surface1;\n }\n\n // media player text\n .r-jwli3a {\n color: @text;\n }\n\n .r-1kwlb9n {\n background-color: fade(@red, 12%);\n }\n\n // hard-coded shit\n // ugly-ass twitter blue/premium bg. why.\n [style*=\"https://abs.twimg.com/responsive-web/client-web/background-premiumplus-web\"] {\n background-image: none !important;\n background-color: @surface0;\n }\n\n [stroke=\"#2F3336\" i] {\n stroke: @surface2 !important;\n }\n\n [stroke=\"#1D9BF0\" i],\n [style*=\"stroke: rgb(29, 155, 240)\"] {\n stroke: @accent !important;\n }\n\n [stroke=\"#FFD400\" i] {\n stroke: @yellow !important;\n }\n\n [fill=\"#829AAB\" i] {\n fill: @overlay2 !important;\n }\n\n // \"we received your report\" svg\n [fill=\"#1DA1F2\" i] {\n fill: if(@flavor = latte, darken(@sky, 15%), darken(@sky, 30%))\n !important;\n }\n\n [fill=\"#78C6EE\" i] {\n fill: @sky !important;\n }\n\n // yellow verified badge\n [stop-color=\"#f4e72a\" i],\n [stop-color=\"#cd8105\" i],\n [stop-color=\"#cb7b00\" i],\n [stop-color=\"#f4ec26\" i],\n [stop-color=\"#f9e87f\" i],\n [stop-color=\"#e2b719\" i] {\n stop-color: @yellow !important;\n }\n\n [fill=\"#d18800\" i] {\n fill: @yellow !important;\n }\n\n // [fill=\"#333333\" i] {\n // fill: @crust !important;\n //\n // ~ [fill=\"white\"] {\n // fill: @text !important;\n // }\n // }\n\n [style*=\"border-color: rgb(83, 100, 113)\"] {\n border-color: @surface1 !important;\n }\n\n [style*=\"border-color: rgb(51, 54, 57)\"] {\n border-color: @surface0 !important;\n }\n\n [style*=\"border-color: rgb(103, 7, 15)\"] {\n border-color: fade(@red, 50%) !important;\n }\n\n [style*=\"border-color: rgb(29, 155, 240)\"] {\n border-color: @accent !important;\n }\n\n [style*=\"color: rgb(231, 233, 234)\"]:not(\n [style*=\"background-color: rgb(231, 233, 234)\"]\n ),\n [style*=\"color: rgb(239, 243, 244)\"]:not(\n [style*=\"background-color: rgb(239, 243, 244)\"]\n ),\n [style*=\"color: rgb(255, 255, 255)\"]:not(\n [style*=\"background-color: rgb(255, 255, 255)\"]\n ) {\n color: @text !important;\n }\n\n [style*=\"color: rgb(231, 233, 234)\"]:not(\n [style*=\"background-color: rgb(231, 233, 234)\"]\n )\n input::placeholder {\n color: @subtext1 !important;\n }\n\n // faded text\n [style*=\"color: rgb(113, 118, 123)\"]:not(\n [style*=\"background-color: rgb(113, 118, 123)\"]\n ),\n [style*=\"color: rgb(182, 185, 188)\"]:not(\n [style*=\"background-color: rgb(182, 185, 188)\"]\n ) {\n color: @overlay1 !important;\n }\n\n // retweets color\n [style*=\"color: rgb(0, 186, 124)\"]:not(\n [style*=\"background-color: rgb(0, 186, 124)\"]\n ) {\n color: @green !important;\n }\n\n // likes/unfollow color\n [style*=\"color: rgb(249, 24, 128)\"]:not(\n [style*=\"background-color: rgb(249, 24, 128)\"]\n ),\n [style*=\"color: rgb(244, 33, 46)\"]:not(\n [style*=\"background-color: rgb(244, 33, 46)\"]\n ) {\n color: @red !important;\n }\n\n [style*=\"color: rgb(250, 68, 152)\"]:not(\n [style*=\"background-color: rgb(250, 68, 152)\"]\n ) {\n color: @pink !important;\n }\n\n [style*=\"color: rgb(255, 212, 0)\"]:not(\n [style*=\"background-color: rgb(255, 212, 0)\"]\n ) {\n color: @yellow !important;\n }\n\n [style*=\"color: rgb(120, 86, 255)\"]:not(\n [style*=\"background-color: rgb(120, 86, 255)\"]\n ) {\n color: @mauve !important;\n }\n\n [style*=\"color: rgb(255, 122, 0)\"]:not(\n [style*=\"background-color: rgb(255, 122, 0)\"]\n ) {\n color: @peach !important;\n }\n\n // accent color (blue)\n [style*=\"color: rgb(29, 155, 240)\"]:not(\n [style*=\"background-color: rgb(29, 155, 240)\"]\n ) {\n color: @accent !important;\n }\n\n // background colors\n [style*=\"background-color: rgb(142, 205, 248)\"] {\n background-color: lighten(@accent, 10%) !important;\n }\n\n [style*=\"background-color: rgb(2, 17, 61)\"] {\n background-color: fade(@accent, 15%) !important;\n }\n\n [style*=\"background-color: rgba(255, 255, 255, 0.25)\"] {\n background-color: fade(@text, 25%) !important;\n }\n\n [style*=\"background-color: rgb(147, 147, 147)\"] {\n background-color: @overlay0 !important;\n\n // for toggle circle\n + [style*=\"background-color: rgb(250, 250, 250)\"] when not(\n @flavor = latte\n ) {\n background-color: @text !important;\n }\n }\n\n [style*=\"background-color: rgb(29, 155, 240)\"] {\n background-color: @accent !important;\n\n [style*=\"color: rgb(255, 255, 255)\"] {\n color: if(@flavor = latte, #fff, @crust) !important;\n }\n }\n\n [style*=\"background-color: rgb(239, 243, 244)\"] {\n background-color: @text !important;\n\n [style*=\"color: rgb(15, 20, 25)\"] {\n color: if(@flavor = latte, #fff, @crust) !important;\n }\n }\n\n [style*=\"background-color: rgb(244, 33, 46)\"] {\n background-color: @red !important;\n\n [style*=\"color: rgb(255, 255, 255)\"] {\n color: if(@flavor = latte, #fff, @crust) !important;\n }\n }\n\n [style*=\"background-color: rgb(0, 0, 0)\"],\n [style*=\"background-color: #000\"] {\n background-color: @base !important;\n }\n\n [style*=\"background-color: rgba(15, 20, 25, 0.75)\"] {\n background-color: fade(@crust, 75%) !important;\n\n [style*=\"color: rgb(255, 255, 255)\"] svg {\n color: @text !important;\n }\n }\n\n // whatever\n .r-l5o3uw,\n .r-1vtznih,\n .r-4nw3r4,\n .r-12d83nn,\n .r-oybae9,\n .r-yuvema,\n .r-3gvs5h,\n [style=\"background-image: linear-gradient(61.63deg, rgb(45, 66, 255) -15.05%, rgb(156, 99, 250) 104.96%);\"] {\n [style*=\"color: rgb(255, 255, 255)\"]:not(\n [style*=\"background-color: rgb(255, 255, 255)\"]\n ),\n &[style*=\"color: rgb(255, 255, 255)\"]:not(\n [style*=\"background-color: rgb(255, 255, 255)\"]\n ),\n [style*=\"color: rgb(231, 233, 234)\"]:not(\n [style*=\"background-color: rgb(231, 233, 234)\"]\n ),\n &[style*=\"color: rgb(231, 233, 234)\"]:not(\n [style*=\"background-color: rgb(231, 233, 234)\"]\n ),\n [color=\"white\"] {\n color: if(@flavor = latte, #fff, @crust) !important;\n }\n }\n\n [data-testid=\"videoComponent\"]:not(.r-4nw3r4),\n .r-loe9s5,\n .r-drfeu3:has(\n [style=\"background-color: rgba(255, 255, 255, 0.25); border-color: rgba(0, 0, 0, 0); backdrop-filter: blur(4px);\"]\n ) {\n [style*=\"color: rgb(255, 255, 255)\"]:not(\n [style*=\"background-color: rgb(255, 255, 255)\"]\n ),\n &[style*=\"color: rgb(255, 255, 255)\"]:not(\n [style*=\"background-color: rgb(255, 255, 255)\"]\n ),\n .r-jwli3a {\n color: #fff !important;\n }\n }\n\n // dms have to be here bc of the above\n .r-eff69c {\n background-color: darken(@accent, 5%);\n\n [style*=\"color: rgb(255, 255, 255)\"] {\n color: @crust !important;\n }\n }\n\n // follow button\n [data-testid$=\"-follow\"] {\n [style*=\"color: rgb(15, 20, 25)\"] {\n color: if(@flavor = latte, #fff, @crust) !important;\n }\n }\n\n // sports stuff on explore page\n // a[href^=\"/i/events\"] > div > div > div[style^=\"background-color\"] > div[style*=\"color: rgb(255, 255, 255)\"] span {\n // color: #fff !important;\n // }\n\n // options\n & when (@colorizeLogo = 1) {\n path[d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"] {\n fill: @accent !important;\n }\n }\n\n a[aria-label^=\"Translated from\"][aria-label$=\"by Google\"] svg path {\n fill: @text !important;\n }\n }\n}\n\n@-moz-document domain(\"api.twitter.com\"), domain(\"api.x.com\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n html {\n background: @mantle;\n }\n\n #header {\n color: @subtext0;\n background: @base;\n border-bottom-color: @surface1;\n\n .logo a {\n border-bottom-color: transparent;\n }\n\n #session {\n a {\n background: transparent;\n color: @subtext0;\n }\n\n h2 img {\n border-color: @surface1;\n }\n }\n }\n\n .footer {\n background: @mantle;\n border-top-color: @surface1;\n }\n\n .auth h2 {\n color: @subtext1;\n }\n\n .oauth #bd {\n border-color: @surface1;\n }\n\n .app-info h3 img {\n border-color: @base;\n }\n\n .permissions.allow strong {\n color: @green;\n }\n\n .button {\n background: @overlay0;\n color: @text;\n border-color: @surface1;\n\n &:hover {\n color: @text;\n border-color: @surface1;\n background: darken(@surface2, 10%);\n }\n }\n\n .button.selected,\n .follow-button .unfollow .button {\n background-color: @accent;\n color: if(@flavor = latte, #fff, @crust);\n border-color: darken(@accent, 10%);\n\n &:hover {\n background-color: darken(@accent, 10%);\n }\n\n .app-info,\n #bd h3 {\n color: @subtext0;\n }\n\n #ft {\n color: @overlay0;\n }\n }\n }\n}\n\n@-moz-document domain(\"twitter.com\"), domain(\"x.com\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n #session a,\n #session input,\n #session button {\n background: @surface0;\n color: @subtext0;\n }\n\n #session .user-menu {\n a:focus,\n a:hover,\n button:focus,\n button:hover,\n input:focus,\n input:hover {\n color: if(@flavor = latte, #fff, @crust);\n background-color: @accent;\n }\n }\n\n .notice,\n .notice p,\n h2 {\n color: @subtext1;\n }\n\n .notice.error {\n background: fade(@red, 20%);\n border-color: fade(@red, 25%);\n }\n\n // report page? why isn't this themed\n .ResponsiveLayout--Night .PageContainer {\n background-color: @base;\n }\n\n .list-explanation {\n color: @subtext0;\n }\n\n .ResponsiveLayout--Night .list-btn {\n &:first-of-type {\n border-top-color: @mantle;\n }\n\n &:hover {\n background-color: @mantle;\n }\n }\n\n .submit-btn {\n background-color: @accent;\n color: if(@flavor = latte, #fff, @crust);\n border-color: darken(@accent, 10%);\n }\n\n .submit-btn:hover,\n .redirect-btn:hover {\n background-color: darken(@accent, 10%);\n }\n\n .block-btn {\n color: @maroon;\n border-color: @maroon;\n }\n\n .mute-btn,\n .unfollow-btn,\n .email-report-btn {\n color: @accent;\n border-color: @accent;\n }\n\n .list-btn {\n border-color: @surface1;\n\n &:first-of-type {\n border-top-color: @surface1;\n }\n\n &:hover {\n background-color: @surface0;\n }\n }\n\n // authorize page\n .js #session .user-menu {\n background-color: @surface0;\n }\n\n .dropdown-caret .caret-outer,\n .dropdown-caret .caret-inner {\n border-bottom-color: @surface0;\n }\n }\n}\n\n/* deno-fmt-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n};\n",
|
|
"usercssData": {
|
|
"name": "Twitter Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/twitter",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/twitter",
|
|
"version": "2024.12.31",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/twitter/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Atwitter",
|
|
"description": "Soothing pastel theme for Twitter",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": null,
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"darkFlavor": {
|
|
"type": "select",
|
|
"label": "Dark Flavor",
|
|
"name": "darkFlavor",
|
|
"value": "macchiato",
|
|
"default": "mocha",
|
|
"options": [
|
|
{
|
|
"name": "latte",
|
|
"label": "Latte",
|
|
"value": "latte"
|
|
},
|
|
{
|
|
"name": "frappe",
|
|
"label": "Frappé",
|
|
"value": "frappe"
|
|
},
|
|
{
|
|
"name": "macchiato",
|
|
"label": "Macchiato",
|
|
"value": "macchiato"
|
|
},
|
|
{
|
|
"name": "mocha",
|
|
"label": "Mocha",
|
|
"value": "mocha"
|
|
}
|
|
]
|
|
},
|
|
"accentColor": {
|
|
"type": "select",
|
|
"label": "Accent",
|
|
"name": "accentColor",
|
|
"value": "sky",
|
|
"default": "mauve",
|
|
"options": [
|
|
{
|
|
"name": "rosewater",
|
|
"label": "Rosewater",
|
|
"value": "rosewater"
|
|
},
|
|
{
|
|
"name": "flamingo",
|
|
"label": "Flamingo",
|
|
"value": "flamingo"
|
|
},
|
|
{
|
|
"name": "pink",
|
|
"label": "Pink",
|
|
"value": "pink"
|
|
},
|
|
{
|
|
"name": "mauve",
|
|
"label": "Mauve",
|
|
"value": "mauve"
|
|
},
|
|
{
|
|
"name": "red",
|
|
"label": "Red",
|
|
"value": "red"
|
|
},
|
|
{
|
|
"name": "maroon",
|
|
"label": "Maroon",
|
|
"value": "maroon"
|
|
},
|
|
{
|
|
"name": "peach",
|
|
"label": "Peach",
|
|
"value": "peach"
|
|
},
|
|
{
|
|
"name": "yellow",
|
|
"label": "Yellow",
|
|
"value": "yellow"
|
|
},
|
|
{
|
|
"name": "green",
|
|
"label": "Green",
|
|
"value": "green"
|
|
},
|
|
{
|
|
"name": "teal",
|
|
"label": "Teal",
|
|
"value": "teal"
|
|
},
|
|
{
|
|
"name": "blue",
|
|
"label": "Blue",
|
|
"value": "blue"
|
|
},
|
|
{
|
|
"name": "sapphire",
|
|
"label": "Sapphire",
|
|
"value": "sapphire"
|
|
},
|
|
{
|
|
"name": "sky",
|
|
"label": "Sky",
|
|
"value": "sky"
|
|
},
|
|
{
|
|
"name": "lavender",
|
|
"label": "Lavender",
|
|
"value": "lavender"
|
|
},
|
|
{
|
|
"name": "subtext0",
|
|
"label": "Gray",
|
|
"value": "subtext0"
|
|
}
|
|
]
|
|
},
|
|
"colorizeLogo": {
|
|
"type": "checkbox",
|
|
"label": "Colorize Logo",
|
|
"name": "colorizeLogo",
|
|
"value": "1",
|
|
"default": "0",
|
|
"options": null
|
|
},
|
|
"darkenShadows": {
|
|
"type": "checkbox",
|
|
"label": "Darken Shadows on Dark Themes",
|
|
"name": "darkenShadows",
|
|
"value": null,
|
|
"default": "1",
|
|
"options": null
|
|
}
|
|
}
|
|
},
|
|
"author": "Catppuccin",
|
|
"description": "Soothing pastel theme for Twitter",
|
|
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/twitter",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/twitter/catppuccin.user.less",
|
|
"name": "Twitter Catppuccin",
|
|
"originalDigest": "4a5e999e35277b9d67e6521e06d2db9e2c5bcc97",
|
|
"_id": "1e139126-7c8a-4c1b-9d13-6a2e55fa4423",
|
|
"_rev": 1736501772100,
|
|
"id": 20,
|
|
"etag": "W/\"a0b13f25ae5c948653e32394a9aba0cb5f5487b38fa576a661815d7820e5960d\"",
|
|
"updateDate": 1736501274825
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"installDate": 1716842151906,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"sourceCode": "/* ==UserStyle==\n@name Stack Overflow Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/stack-overflow\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/stack-overflow\n@version 2024.12.31\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/stack-overflow/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Astack-overflow\n@description Soothing pastel theme for Stack Overflow\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@-moz-document domain(\"stackoverflow.com\"),\n domain(\"stackexchange.com\"),\n domain(\"serverfault.com\"),\n domain(\"superuser.com\"),\n domain(\"mathoverflow.net\"),\n domain(\"askubuntu.com\"),\n domain(\"stackapps.com\") {\n @import url(\"https://unpkg.com/@catppuccin/highlightjs@1.0.0/css/catppuccin-variables.important.css\");\n code.hljs {\n background: none !important;\n }\n\n body:not(.theme-highcontrast, .theme-dark).unified-theme {\n &,\n .themed {\n #catppuccin(@lightFlavor);\n }\n }\n body:not(.theme-highcontrast).unified-theme.theme-dark {\n &,\n .themed {\n #catppuccin(@darkFlavor);\n }\n }\n\n body:not(.theme-highcontrast).unified-theme.theme-system {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n @rosewater: @catppuccin[@@flavor][@rosewater];\n @flamingo: @catppuccin[@@flavor][@flamingo];\n @pink: @catppuccin[@@flavor][@pink];\n @mauve: @catppuccin[@@flavor][@mauve];\n @red: @catppuccin[@@flavor][@red];\n @maroon: @catppuccin[@@flavor][@maroon];\n @peach: @catppuccin[@@flavor][@peach];\n @yellow: @catppuccin[@@flavor][@yellow];\n @green: @catppuccin[@@flavor][@green];\n @teal: @catppuccin[@@flavor][@teal];\n @sky: @catppuccin[@@flavor][@sky];\n @sapphire: @catppuccin[@@flavor][@sapphire];\n @blue: @catppuccin[@@flavor][@blue];\n @lavender: @catppuccin[@@flavor][@lavender];\n @text: @catppuccin[@@flavor][@text];\n @subtext1: @catppuccin[@@flavor][@subtext1];\n @subtext0: @catppuccin[@@flavor][@subtext0];\n @overlay2: @catppuccin[@@flavor][@overlay2];\n @overlay1: @catppuccin[@@flavor][@overlay1];\n @overlay0: @catppuccin[@@flavor][@overlay0];\n @surface2: @catppuccin[@@flavor][@surface2];\n @surface1: @catppuccin[@@flavor][@surface1];\n @surface0: @catppuccin[@@flavor][@surface0];\n @base: @catppuccin[@@flavor][@base];\n @mantle: @catppuccin[@@flavor][@mantle];\n @crust: @catppuccin[@@flavor][@crust];\n @accent: @catppuccin[@@flavor][@@accentColor];\n\n --ctp-rosewater: @rosewater;\n --ctp-flamingo: @flamingo;\n --ctp-pink: @pink;\n --ctp-mauve: @mauve;\n --ctp-red: @red;\n --ctp-maroon: @maroon;\n --ctp-peach: @peach;\n --ctp-yellow: @yellow;\n --ctp-green: @green;\n --ctp-teal: @teal;\n --ctp-sky: @sky;\n --ctp-sapphire: @sapphire;\n --ctp-blue: @blue;\n --ctp-lavender: @lavender;\n --ctp-text: @text;\n --ctp-subtext1: @subtext1;\n --ctp-subtext0: @subtext0;\n --ctp-overlay2: @overlay2;\n --ctp-overlay1: @overlay1;\n --ctp-overlay0: @overlay0;\n --ctp-surface2: @surface2;\n --ctp-surface1: @surface1;\n --ctp-surface0: @surface0;\n --ctp-base: @base;\n --ctp-mantle: @mantle;\n --ctp-crust: @crust;\n\n color-scheme: if(@flavor = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n &,\n * {\n --theme-background-color: @mantle;\n --theme-content-background-color: @base;\n --theme-content-border-color: @surface0;\n --theme-topbar-background-color: @mantle;\n --theme-topbar-search-background: @mantle;\n --theme-topbar-search-border: @surface2;\n --theme-topbar-search-placeholder: @subtext0;\n --theme-topbar-item-color: @text;\n --theme-topbar-item-color-hover: @text;\n --theme-topbar-item-background-hover: @surface0;\n --theme-button-primary-background-color: @accent;\n --theme-button-primary-hover-background-color: darken(@accent, 5%);\n --theme-button-primary-active-background-color: @text;\n --theme-link-color: @accent;\n --theme-link-color-hover: darken(@accent, 5%);\n --theme-footer-title-color: @text;\n --theme-footer-text-color: @subtext0;\n --theme-footer-link-color: @subtext0;\n --theme-footer-link-color-hover: @subtext1;\n --theme-footer-background-color: @mantle;\n --theme-header-background-color: transparent;\n --theme-tag-background-color: @accent;\n --theme-tag-border-color: @accent;\n --theme-tag-color: @mantle;\n --theme-tag-hover-background-color: darken(@accent, 5%);\n --theme-tag-hover-border-color: darken(@accent, 5%);\n --theme-tag-hover-color: @mantle;\n --theme-post-title-color: @accent;\n --theme-post-title-color-hover: darken(@accent, 5%);\n\n --highlight-bg: @mantle;\n\n --theme-primary: @accent;\n --theme-primary-100: fade(@accent, 20%);\n --theme-primary-200: fade(@accent, 30%);\n --theme-primary-500: fade(@accent, 90%);\n --theme-primary-600: @accent;\n\n --translucent-secondary: fade(@accent, 10%);\n --theme-secondary-100: fade(@accent, 20%);\n --theme-secondary-200: fade(@accent, 30%);\n --theme-secondary-300: fade(@accent, 40%);\n --theme-secondary-400: fade(@accent, 50%);\n --theme-secondary-500: fade(@accent, 60%);\n --theme-secondary-600: fade(@accent, 70%);\n\n --white: @mantle;\n --black: @text;\n --black-100: @base;\n --black-150: @surface0;\n --black-200: @surface1;\n --black-225: @surface1;\n --black-250: @surface2;\n --black-300: @overlay0;\n --black-350: @overlay2;\n --black-400: @subtext0;\n --black-500: @subtext1;\n --black-600: @text;\n\n --purple-100: fade(@mauve, 30%);\n --purple-200: fade(@mauve, 40%);\n --purple-400: fade(@mauve, 60%);\n\n --green-100: @green;\n --green-400: @green;\n --green-500: @green;\n\n --blue-200: fade(@blue, 30%);\n --blue-300: fade(@blue, 40%);\n --blue-400: @sky;\n --blue-500: @blue;\n\n --orange-400: fade(@peach, 80%);\n --orange-500: fade(@peach, 90%);\n --orange-600: @peach;\n\n --bronze-100: fade(@rosewater, 20%);\n --bronze-200: fade(@rosewater, 30%);\n --bronze-300: fade(@rosewater, 40%);\n --bronze-400: fade(@rosewater, 50%);\n\n --yellow-100: fade(@yellow, 20%);\n --yellow-200: fade(@yellow, 30%);\n --yellow-400: fade(@yellow, 70%);\n --yellow-500: fade(@yellow, 90%);\n\n --red-200: fade(@red, 40%);\n --red-400: fade(@red, 70%);\n --red-500: fade(@red, 80%);\n\n --scrollbar: @surface1;\n }\n\n .wmd-button > span {\n @svg: escape(\n '<svg width=\"360\" height=\"60\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M14 8c0-1.5-1.6-3-3.5-3H5v12h6.3c1.7 0 3.2-1.7 3.2-3.5 0-1.3-.9-2.5-2-3 .8-.6 1.5-1 1.5-2.5M7.5 7H10a1.5 1.5 0 0 1 0 3H7.5zm3 8h-3v-3h3a1.5 1.5 0 1 1 0 3M32 5v2h2.6l-3.7 8H28v2h8v-2h-2.6l3.7-8H40V5zm18.2 8.8c.5.4 1 .7 1.6.9l.7-1.8a4.1 4.1 0 1 1 4-.8l1.2 1.4a6 6 0 1 0-7.5.3\" fill=\"@{subtext0}\"/><path d=\"M53.6 8.2a6 6 0 0 0-1.6-.8L51.4 9a4.1 4.1 0 1 1-4 .8L46 8.4a6 6 0 1 0 7.5-.2zM63 7c0-1.1.9-2 2-2h3a2 2 0 0 1 2 2v7l-1.8 3H66l1.8-3H65a2 2 0 0 1-2-2zm8 0c0-1.1.9-2 2-2h3a2 2 0 0 1 2 2v7l-1.8 3H74l1.8-3H73a2 2 0 0 1-2-2zm32-2c0-1.1.9-2 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-12a2 2 0 0 1-2-2zm4.5 7.5L104 17h14l-4.5-6-3.5 4.5zm0-4.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m76.5 2h14v2h-14z\" fill=\"@{subtext0}\"/><path opacity=\".4\" d=\"M184 4h14v1h-14zm0 3h14v1h-14zm0 7h14v1h-14zm0 3h14v1h-14z\" fill=\"@{subtext0}\"/><path d=\"M251 3a8 8 0 1 0 0 16 8 8 0 0 0 0-16m.8 12.1c0 .7-.5 1.2-1.2 1.2s-1.2-.5-1.2-1.2c0-.8.6-1.2 1.2-1.2.7 0 1.2.5 1.2 1.2m2-5.1-1 1-.6.3-.5.7v.7s-.1.2-.3.2H250c-.2 0-.2-.1-.2-.2 0-.6.1-1.2.4-1.6.4-.5.9-1 1.4-1.3.2 0 .3-.2.4-.3a1.3 1.3 0 0 0 0-1.8c-.2-.3-.5-.4-1-.4s-.8.3-1 .6-.2.7-.2 1h-2q0-1.95 1.2-2.7c.5-.3 1.1-.5 1.9-.5 1 0 1.8.2 2.5.7.6.5 1 1.2 1 2.2 0 .5-.3 1-.5 1.4z\" fill=\"@{subtext0}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M262 5c0-1.1.9-2 2-2h10l4 4v10a2 2 0 0 1-2 2h-12a2 2 0 0 1-2-2zm9.7 2-1.4 1.4 2.6 2.6-2.6 2.6 1.4 1.4 4-4zm-2 1.4L268.3 7l-4 4 4 4 1.4-1.4-2.6-2.6zM230 3a8 8 0 0 1 5.6 2.3L238 3v7h-7l3.2-3.2A6 6 0 0 0 230 5a6 6 0 0 0 0 12v2a8 8 0 1 1 0-16\" fill=\"@{subtext0}\"/><path fill=\"@{subtext0}\" d=\"M163 4h14v2h-14zm2 3h10v2h-10z\"/><path opacity=\".4\" fill=\"@{subtext0}\" d=\"M163 11h14v1h-14zm2 3h10v1h-10zm-2 3h14v1h-14z\"/><path d=\"M87 9.5V7.2c0-1 .8-1.4 2-1.4V4c-2.5 0-4 1-4 3.1v2.1c0 .4-.3.8-.8.8H83v2h1.2c.5 0 .8.4.8.8v2c0 2.2 1.5 3.2 4 3.2v-1.8c-1.2 0-2-.4-2-1.4v-2.3c0-.9-.7-1.4-1.1-1.5.4-.1 1.1-.6 1.1-1.5m7 0V7.2c0-1-.8-1.4-2-1.4V4c2.5 0 4 1 4 3.1v2.1c0 .4.3.8.8.8H98v2h-1.2c-.5 0-.8.4-.8.8v2c0 2.2-1.5 3.2-4 3.2v-1.8c1.2 0 2-.4 2-1.4v-2.3c0-.9.7-1.4 1.1-1.5-.4-.1-1.1-.6-1.1-1.5\" fill=\"@{subtext0}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M124 8h1V4h-2v1h1zm.8 2H123V9h3v.9l-1.8 2.1h1.8v1h-3v-.9zm-1.8 5v-1h3v4h-3v-1h2v-.5h-1v-1h1V15zm5-8V5h9v2zm0 10h9v-2h-9zm9-5h-9v-2h9z\" fill=\"@{subtext0}\"/><path d=\"M146.3 6a1.3 1.3 0 1 1-2.6 0 1.3 1.3 0 0 1 2.6 0M157 7h-9V5h9zm0 10h-9v-2h9zm-9-5h9v-2h-9zm-1.7 4a1.3 1.3 0 1 1-2.6 0 1.3 1.3 0 0 1 2.6 0m-1.3-3.7a1.3 1.3 0 1 0 0-2.6 1.3 1.3 0 0 0 0 2.6\" fill=\"@{subtext0}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M210 3a8 8 0 0 0-5.6 2.3L202 3v7h7l-3.2-3.2A6 6 0 0 1 210 5a6 6 0 0 1 0 12v2a8 8 0 1 0 0-16\" fill=\"@{subtext0}\"/><path d=\"M14 28c0-1.5-1.6-3-3.5-3H5v12h6.3c1.7 0 3.2-1.7 3.2-3.5 0-1.3-.9-2.5-2-3 .8-.6 1.5-1 1.5-2.5m-6.5-1H10a1.5 1.5 0 1 1 0 3H7.5zm3 8h-3v-3h3a1.5 1.5 0 1 1 0 3M32 25v2h2.6l-3.7 8H28v2h8v-2h-2.6l3.7-8H40v-2zm18.2 8.8c.5.4 1 .7 1.6.9l.7-1.8a4.1 4.1 0 1 1 4-.8l1.2 1.4a6 6 0 1 0-7.5.3\" fill=\"@{subtext1}\"/><path d=\"M53.6 28.2a6 6 0 0 0-1.6-.8l-.6 1.7a4.1 4.1 0 1 1-4 .8L46 28.4a6 6 0 1 0 7.5-.2zM63 27c0-1.1.9-2 2-2h3a2 2 0 0 1 2 2v7l-1.8 3H66l1.8-3H65a2 2 0 0 1-2-2zm8 0c0-1.1.9-2 2-2h3a2 2 0 0 1 2 2v7l-1.8 3H74l1.8-3H73a2 2 0 0 1-2-2zm32-2c0-1.1.9-2 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-12a2 2 0 0 1-2-2zm4.5 7.5L104 37h14l-4.5-6-3.5 4.5zm0-4.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m76.5 2h14v2h-14z\" fill=\"@{subtext1}\"/><path opacity=\".4\" d=\"M184 24h14v1h-14zm0 3h14v1h-14zm0 7h14v1h-14zm0 3h14v1h-14z\" fill=\"@{subtext1}\"/><path d=\"M251 23a8 8 0 1 0 0 16 8 8 0 0 0 0-16m.8 12.1c0 .7-.5 1.2-1.2 1.2s-1.2-.5-1.2-1.2c0-.8.6-1.2 1.2-1.2.7 0 1.2.5 1.2 1.2m2-5.1-1 1-.6.3-.5.7v.7s-.1.2-.3.2H250c-.2 0-.2-.1-.2-.2 0-.6.1-1.2.4-1.6.4-.5.9-1 1.4-1.3.2 0 .3-.2.4-.3a1.3 1.3 0 0 0 0-1.8c-.2-.3-.5-.4-1-.4s-.8.3-1 .6-.2.7-.2 1h-2q0-1.95 1.2-2.7c.5-.3 1.1-.5 1.9-.5 1 0 1.8.2 2.5.7.6.5 1 1.2 1 2.2 0 .5-.3 1-.5 1.4z\" fill=\"@{subtext1}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M262 25c0-1.1.9-2 2-2h10l4 4v10a2 2 0 0 1-2 2h-12a2 2 0 0 1-2-2zm9.7 2-1.4 1.4 2.6 2.6-2.6 2.6 1.4 1.4 4-4zm-2 1.4-1.4-1.4-4 4 4 4 1.4-1.4-2.6-2.6zM230 23a8 8 0 0 1 5.6 2.4L238 23v7h-7l3.2-3.2A6 6 0 0 0 230 25a6 6 0 0 0 0 12v2a8 8 0 1 1 0-16\" fill=\"@{subtext1}\"/><path fill=\"@{subtext1}\" d=\"M163 24h14v2h-14zm2 3h10v2h-10z\"/><path opacity=\".4\" fill=\"@{subtext1}\" d=\"M163 31h14v1h-14zm2 3h10v1h-10zm-2 3h14v1h-14z\"/><path d=\"M87 29.5v-2.3c0-1 .8-1.4 2-1.4V24c-2.5 0-4 1-4 3.1v2.1c0 .4-.3.8-.8.8H83v2h1.2c.5 0 .8.4.8.8v2c0 2.2 1.5 3.2 4 3.2v-1.8c-1.2 0-2-.4-2-1.4v-2.3c0-.9-.7-1.4-1.1-1.5.4-.1 1.1-.6 1.1-1.5m7 0v-2.3c0-1-.8-1.4-2-1.4V24c2.5 0 4 1 4 3.1v2.1c0 .4.3.8.8.8H98v2h-1.2c-.5 0-.8.4-.8.8v2c0 2.2-1.5 3.2-4 3.2v-1.8c1.2 0 2-.4 2-1.4v-2.3c0-.9.7-1.4 1.1-1.5-.4-.1-1.1-.6-1.1-1.5\" fill=\"@{subtext1}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M124 28h1v-4h-2v1h1zm.8 2H123v-1h3v.9l-1.8 2.1h1.8v1h-3v-.9zm-1.8 5v-1h3v4h-3v-1h2v-.5h-1v-1h1V35zm5-8v-2h9v2zm0 10h9v-2h-9zm9-5h-9v-2h9z\" fill=\"@{subtext1}\"/><path d=\"M146.3 26a1.3 1.3 0 1 1-2.6 0 1.3 1.3 0 0 1 2.6 0m10.7 1h-9v-2h9zm0 10h-9v-2h9zm-9-5h9v-2h-9zm-1.7 4a1.3 1.3 0 1 1-2.6 0 1.3 1.3 0 0 1 2.6 0m-1.3-3.7a1.3 1.3 0 1 0 0-2.6 1.3 1.3 0 0 0 0 2.6\" fill=\"@{subtext1}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M210 23a8 8 0 0 0-5.6 2.4L202 23v7h7l-3.2-3.2A6 6 0 0 1 210 25a6 6 0 0 1 0 12v2a8 8 0 1 0 0-16\" fill=\"@{subtext1}\"/><path d=\"M14 48c0-1.5-1.6-3-3.5-3H5v12h6.3c1.7 0 3.2-1.7 3.2-3.5 0-1.3-.9-2.5-2-3 .8-.6 1.5-1 1.5-2.5m-6.5-1H10a1.5 1.5 0 1 1 0 3H7.5zm3 8h-3v-3h3a1.5 1.5 0 1 1 0 3M32 45v2h2.6l-3.7 8H28v2h8v-2h-2.6l3.7-8H40v-2zm18.2 8.8c.5.4 1 .7 1.6.9l.7-1.8a4.1 4.1 0 1 1 4-.8l1.2 1.4a6 6 0 1 0-7.5.3\" fill=\"@{text}\"/><path d=\"M53.6 48.2a6 6 0 0 0-1.6-.8l-.6 1.7a4.1 4.1 0 1 1-4 .8L46 48.4a6 6 0 1 0 7.5-.2zM63 47c0-1.1.9-2 2-2h3a2 2 0 0 1 2 2v7l-1.8 3H66l1.8-3H65a2 2 0 0 1-2-2zm8 0c0-1.1.9-2 2-2h3a2 2 0 0 1 2 2v7l-1.8 3H74l1.8-3H73a2 2 0 0 1-2-2zm32-2c0-1.1.9-2 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-12a2 2 0 0 1-2-2zm4.5 7.5L104 57h14l-4.5-6-3.5 4.5zm0-4.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m76.5 2h14v2h-14z\" fill=\"@{text}\"/><path opacity=\".4\" d=\"M184 44h14v1h-14zm0 3h14v1h-14zm0 7h14v1h-14zm0 3h14v1h-14z\" fill=\"@{text}\"/><path d=\"M251 43a8 8 0 1 0 0 16 8 8 0 0 0 0-16m.8 12.1c0 .7-.5 1.2-1.2 1.2s-1.2-.5-1.2-1.2c0-.8.6-1.2 1.2-1.2.7 0 1.2.5 1.2 1.2m2-5.1-1 1-.6.3-.5.7v.7s-.1.2-.3.2H250c-.2 0-.2-.1-.2-.2 0-.6.1-1.2.4-1.6.4-.5.9-1 1.4-1.3.2 0 .3-.2.4-.3a1.3 1.3 0 0 0 0-1.8c-.2-.3-.5-.4-1-.4s-.8.3-1 .6-.2.7-.2 1h-2q0-1.95 1.2-2.7c.5-.3 1.1-.5 1.9-.5 1 0 1.8.2 2.5.7.6.5 1 1.2 1 2.2 0 .5-.3 1-.5 1.4z\" fill=\"@{text}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M262 45c0-1.1.9-2 2-2h10l4 4v10a2 2 0 0 1-2 2h-12a2 2 0 0 1-2-2zm9.7 2-1.4 1.4 2.6 2.6-2.6 2.6 1.4 1.4 4-4zm-2 1.4-1.4-1.4-4 4 4 4 1.4-1.4-2.6-2.6zM230 43a8 8 0 0 1 5.6 2.4L238 43v7h-7l3.2-3.2A6 6 0 0 0 230 45a6 6 0 0 0 0 12v2a8 8 0 1 1 0-16\" fill=\"@{text}\"/><path fill=\"@{text}\" d=\"M163 44h14v2h-14zm2 3h10v2h-10z\"/><path opacity=\".4\" fill=\"@{text}\" d=\"M163 51h14v1h-14zm2 3h10v1h-10zm-2 3h14v1h-14z\"/><path d=\"M87 49.5v-2.3c0-1 .8-1.4 2-1.4V44c-2.5 0-4 1-4 3.1v2.1c0 .4-.3.8-.8.8H83v2h1.2c.5 0 .8.4.8.8v2c0 2.2 1.5 3.2 4 3.2v-1.8c-1.2 0-2-.4-2-1.4v-2.3c0-.9-.7-1.4-1.1-1.5.4-.1 1.1-.6 1.1-1.5m7 0v-2.3c0-1-.8-1.4-2-1.4V44c2.5 0 4 1 4 3.1v2.1c0 .4.3.8.8.8H98v2h-1.2c-.5 0-.8.4-.8.8v2c0 2.2-1.5 3.2-4 3.2v-1.8c1.2 0 2-.4 2-1.4v-2.3c0-.9.7-1.4 1.1-1.5-.4-.1-1.1-.6-1.1-1.5\" fill=\"@{text}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M124 48h1v-4h-2v1h1zm.8 2H123v-1h3v.9l-1.8 2.1h1.8v1h-3v-.9zm-1.8 5v-1h3v4h-3v-1h2v-.5h-1v-1h1V55zm5-8v-2h9v2zm0 10h9v-2h-9zm9-5h-9v-2h9z\" fill=\"@{text}\"/><path d=\"M146.3 46a1.3 1.3 0 1 1-2.6 0 1.3 1.3 0 0 1 2.6 0m10.7 1h-9v-2h9zm0 10h-9v-2h9zm-9-5h9v-2h-9zm-1.7 4a1.3 1.3 0 1 1-2.6 0 1.3 1.3 0 0 1 2.6 0m-1.3-3.7a1.3 1.3 0 1 0 0-2.6 1.3 1.3 0 0 0 0 2.5z\" fill=\"@{text}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M210 43a8 8 0 0 0-5.6 2.4L202 43v7h7l-3.2-3.2A6 6 0 0 1 210 45a6 6 0 0 1 0 12v2a8 8 0 1 0 0-16\" fill=\"@{text}\"/><path d=\"M296.5 18h-3.1l-5.4-7.6c-.8.5-1.3 1.4-1.4 2.8L286 18h-2.6l.5-4.8c.3-2.3 1.2-3.8 2.8-4.6L283.4 4h3.1l4.5 6.3.9-.8.5-1.2.6-4.3h2.6l-.3 2.9a8.2 8.2 0 0 1-1 3.1c-.3.8-1 1.5-2 2z\" fill=\"@{subtext0}\"/><path d=\"M296.5 38h-3.1l-5.4-7.6c-.8.5-1.3 1.4-1.4 2.8L286 38h-2.6l.5-4.8c.3-2.3 1.2-3.8 2.8-4.6l-3.3-4.6h3.1l4.5 6.3.9-.8.5-1.2.6-4.3h2.6l-.3 2.9a8.2 8.2 0 0 1-1 3.1c-.3.8-1 1.5-2 2z\" fill=\"@{subtext1}\"/><path d=\"M296.5 58h-3.1l-5.4-7.6c-.8.5-1.3 1.4-1.4 2.8L286 58h-2.6l.5-4.8c.3-2.3 1.2-3.8 2.8-4.6l-3.3-4.6h3.1l4.5 6.3.9-.8.5-1.2.6-4.3h2.6l-.3 2.9a8.2 8.2 0 0 1-1 3.1c-.3.8-1 1.5-2 2z\" fill=\"@{text}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M304 3a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h12a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm12 2h-12v3h12zm-12 5h3v7h-3zm12 0h-7v7h7z\" fill=\"@{subtext0}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M304 43a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h12a2 2 0 0 0 2-2V45a2 2 0 0 0-2-2zm12 2h-12v3h12zm-12 5h3v7h-3zm12 0h-7v7h7z\" fill=\"@{text}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M304 23a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h12a2 2 0 0 0 2-2V25a2 2 0 0 0-2-2zm12 2h-12v3h12zm-12 5h3v7h-3zm12 0h-7v7h7z\" fill=\"@{subtext1}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M327 2h-2v2h-2a2 2 0 0 0-2 2v10c0 1.1.9 2 2 2h4.2l2.4 1.8 2.9-2.9 1 1.1h1.5a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-4V2l-4 3zm0 3 4 3V6h4v5h-5V9h-2v6h2v-2h5v3h-.6l-1.9-2-3 3.2-1.7-1.2H323v-3h2v2h2V9h-2v2h-2V6h2v2h2z\" fill=\"@{subtext0}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M327 22h-2v2h-2a2 2 0 0 0-2 2v10c0 1.1.9 2 2 2h4.2l2.4 1.8 2.9-2.9 1 1.1h1.5a2 2 0 0 0 2-2V26a2 2 0 0 0-2-2h-4v-2l-4 3zm0 3 4 3v-2h4v5h-5v-2h-2v6h2v-2h5v3h-.6l-1.9-2-3 3.2-1.7-1.2H323v-3h2v2h2v-6h-2v2h-2v-5h2v2h2z\" fill=\"@{subtext1}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M327 42h-2v2h-2a2 2 0 0 0-2 2v10c0 1.1.9 2 2 2h4.2l2.4 1.8 2.9-2.9 1 1.1h1.5a2 2 0 0 0 2-2V46a2 2 0 0 0-2-2h-4v-2l-4 3zm0 3 4 3v-2h4v5h-5v-2h-2v6h2v-2h5v3h-.6l-1.9-2-3 3.2-1.7-1.2H323v-3h2v2h2v-6h-2v2h-2v-5h2v2h2z\" fill=\"@{text}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M341 5c0-1.1.9-2 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-1v4l-4-4h-7a2 2 0 0 1-2-2zm3.9 4c0-1.2 1-2.1 2.1-2.1h1V5h-1a4 4 0 1 0 0 8h1v-1.9h-1c-1.2 0-2.1-1-2.1-2.1m6.1-4h-1v1.9h1a2.1 2.1 0 1 1 0 4.2h-1V13h1a4 4 0 1 0 0-8m0 5h-4V8h4z\" fill=\"@{subtext0}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M341 25c0-1.1.9-2 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-1v4l-4-4h-7a2 2 0 0 1-2-2zm3.9 4c0-1.2 1-2.1 2.1-2.1h1V25h-1a4 4 0 1 0 0 8h1v-1.9h-1c-1.2 0-2.1-1-2.1-2.1m6.1-4h-1v1.9h1a2.1 2.1 0 1 1 0 4.2h-1V33h1a4 4 0 1 0 0-8m0 5h-4v-2h4z\" fill=\"@{subtext1}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M341 45c0-1.1.9-2 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-1v4l-4-4h-7a2 2 0 0 1-2-2zm3.9 4c0-1.2 1-2.1 2.1-2.1h1V45h-1a4 4 0 1 0 0 8h1v-1.9h-1c-1.2 0-2.1-1-2.1-2.1m6.1-4h-1v1.9h1a2.1 2.1 0 1 1 0 4.2h-1V53h1a4 4 0 1 0 0-8m0 5h-4v-2h4z\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .s-topbar .s-topbar--logo .-img,\n .envelope-on,\n .envelope-off,\n .vote-up-off,\n .vote-up-on,\n .vote-down-off,\n .vote-down-on,\n .feed-icon,\n .vote-accepted-off,\n .vote-accepted-on,\n .vote-accepted-bounty,\n .badge-earned-check,\n .delete-tag,\n .grippie,\n .expander-arrow-hide,\n .expander-arrow-show,\n .expander-arrow-small-hide,\n .expander-arrow-small-show,\n .anonymous-gravatar,\n .badge1,\n .badge2,\n .badge3 {\n @svg: escape(\n '<svg width=\"189\" height=\"530\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M48 280.8v7.6l8.5 7.6L73 281.2V273l-16.5 14.9zM22 324v3l4 4 7-6v-4l-7 6\" fill=\"@{green}\"/><path d=\"M8 280.8v7.6l8.6 7.6L33 281.2V273l-16.4 14.9\" fill=\"@{overlay0}\"/><path d=\"M45 191h29l-14.4-15\" fill=\"@{peach}\"/><path d=\"M5 191h29l-14.5-15\" fill=\"@{overlay0}\"/><path d=\"M59.6 243 74 228H45zM6.5 322.5 0 329h13\" fill=\"@{peach}\"/><path d=\"M7.5 386.5 0 380v13zm47.5 87-8-6.5v13zm-48.5 0L14 480v-13zm20-84L33 383H20M6.5 341.5 0 348h13m6.5-105L34 228H5m14.5-108 2.9 9.2H32l-7.7 5.6 3 9.2-7.8-5.7-7.8 5.7 3-9.2-7.7-5.6h9.6\" fill=\"@{overlay0}\"/><path d=\"m59.6 120 2.9 9.2h9.6l-7.7 5.6 3 9.2-7.8-5.7-7.8 5.7 3-9.2-7.7-5.6h9.6\" fill=\"@{yellow}\"/><path d=\"m59.6 123.3 2.2 6.9H69l-5.8 4.2 2.3 6.9-5.9-4.3-5.9 4.3 2.3-6.9-5.8-4.2h7.3zm0-3.3-2.9 9.2h-9.6l7.7 5.6-3 9.2 7.8-5.7 7.8 5.7-3-9.2 7.7-5.6h-9.6z\" fill=\"@{yellow}\"/><path d=\"M65 408a3 3 0 1 0 0-6 3 3 0 0 0 0 6\" fill=\"@{peach}\"/><path d=\"M85 408a3 3 0 1 0 0-6 3 3 0 0 0 0 6\" fill=\"@{surface2}\"/><path d=\"M105 408a3 3 0 1 0 0-6 3 3 0 0 0 0 6\" fill=\"@{yellow}\"/><path d=\"M47 367h2v2h-2zm3 3h2v2h-2zm6 0h2v2h-2zm6 0h2v2h-2zm6 0h2v2h-2zm-15-3h2v2h-2zm6 0h2v2h-2zm6 0h2v2h-2zm6 0h2v2h-2\" fill=\"@{surface2}\"/><path d=\"M0 400v31h31v-31\" fill=\"@{overlay0}\"/><path d=\"M20 419a14 14 0 0 1 8 12H3a14.1 14.1 0 0 1 8-12v-.5a7.5 7.5 0 1 1 11.6-8.4 7.5 7.5 0 0 1-2.6 8.4z\" fill=\"@{crust}\"/><path d=\"M60 340h2v14h-2m3-13h10v8H63\" fill=\"@{overlay0}\"/><path d=\"M60 320h2v14h-2\" fill=\"@{red}\"/><path d=\"M63 321h10v8H63m17-9h14v14H80\" fill=\"@{peach}\"/><path d=\"M84 329c-1.4 0-2 .6-2 2 0 .4.6 1 2 1 .4 0 1-.6 1-1 0-1.4-.6-2-1-2m-2-4v2a5.1 5.1 0 0 1 5 5h2a7 7 0 0 0-7-7m0-3v2a7.9 7.9 0 0 1 8 8h2a10 10 0 0 0-10-10\" fill=\"@{crust}\"/><path d=\"m22.6 347.1-.7 3.2 3.2-.7zm.8-.7 3.6-3.6 2.5 2.5-3.6 3.6zm5.7-5.1c-.4 0-.8.1-1.1.4l-.7.7 2.5 2.5.7-.7c.2-.3.4-.7.4-1.1 0-1-.8-1.8-1.8-1.8\" fill=\"@{subtext1}\"/><path d=\"M107 459a7 7 0 1 0 0-14 7 7 0 0 0 0 14\" fill=\"@{red}\"/><path d=\"m110.2 453.7-1.9-1.9 1.9-1.9v-.3l-.9-.8h-.3l-2 2-1.8-2h-.3l-.9.8v.3l1.9 1.9-1.9 1.9v.3l.9.9h.3l1.9-1.9 1.9 1.9h.3l.9-.9\" fill=\"@{crust}\"/><path d=\"M47 354a7 7 0 1 0 0-14 7 7 0 0 0 0 14\" fill=\"@{red}\"/><path d=\"m50.2 348.7-1.9-1.9 1.9-1.9v-.3l-.9-.8H49l-2 2-1.8-2h-.3l-.9.8v.3l1.9 1.9-1.9 1.9v.3l.9.9h.3l1.9-1.9 1.9 1.9h.3l.9-.9\" fill=\"@{crust}\"/><path d=\"M47 333a7 7 0 1 0 0-14 7 7 0 0 0 0 14\" fill=\"@{overlay0}\"/><path d=\"m50.2 327.7-1.9-1.9 1.9-1.9v-.3l-.9-.8H49l-2 2-1.8-2h-.3l-.9.8v.3l1.9 1.9-1.9 1.9v.3l.9.9h.3l1.9-1.9 1.9 1.9h.3l.9-.9\" fill=\"@{crust}\"/><path d=\"m42 31-2.2-.2c-1.7-.1-2.3-.8-2.3-2 0-1.4 1-2.2 3-2.2 1.3-.1 2.6.3 3.6 1.1l1.3-1.3a7.5 7.5 0 0 0-4.8-1.4c-2.9 0-4.9 1.5-4.9 3.9 0 2.2 1.4 3.4 4 3.6l2.2.2c1.6.1 2.2.8 2.2 2 0 1.6-1.4 2.4-3.6 2.4-1.6.1-3.1-.5-4.2-1.6L35 36.8c1.5 1.4 3.5 2 5.5 1.9 3.2 0 5.5-1.5 5.5-4.1s-1.6-3.4-4-3.6m15.8-6.1c-2.2 0-3.5.4-4.7 1.9l1.3 1.3a3.6 3.6 0 0 1 3.4-1.5c2.5 0 3.4 1 3.4 2.9v1.3h-4c-3 0-4.6 1.5-4.6 3.9 0 1 .3 2 1 2.7.8.9 1.9 1.2 3.8 1.2 1.4.1 2.9-.4 3.9-1.4v1.3h2v-9.1c-.1-2.9-1.9-4.5-5.5-4.5m3.4 8.9c.1.8-.1 1.7-.7 2.3a4 4 0 0 1-3 .9c-2.1 0-3.1-.7-3.1-2.3q0-2.4 3-2.4h3.8zm9.7-7.1c1.2 0 2.4.5 3.1 1.5l1.3-1.3a5.4 5.4 0 0 0-4.4-2c-3.4 0-5.9 2.3-5.9 6.9s2.6 6.9 5.9 6.9c1.7.1 3.3-.7 4.4-2L74 35.4c-.7 1-1.9 1.5-3.1 1.5-1.2.1-2.4-.5-3.1-1.5q-1.05-1.65-.9-3.6-.15-1.95.9-3.6c.7-1 1.9-1.6 3.1-1.5m16.8-1.6h-2.4L79.2 31V19.1h-2v19.4h2v-4.9l2.4-2.4 4.5 7.3h2.4l-5.6-8.6zm9.2-.2c-1.6 0-3.2.5-4.3 1.7-1.3 1.3-1.6 3-1.6 5.4 0 2.5.3 4.1 1.6 5.4a6.1 6.1 0 0 0 4.3 1.7c1.6.1 3.2-.5 4.3-1.7 1.3-1.3 1.6-2.9 1.6-5.4s-.3-4-1.6-5.4a5.4 5.4 0 0 0-4.3-1.7m1.7 10.5c-.9.8-2.3.8-3.2 0-.7-.7-.8-2-.8-3.4s.1-2.7.8-3.4c.9-.8 2.3-.8 3.2 0 .7.7.8 2 .8 3.4 0 1.5-.1 2.7-.8 3.4M112.2 25l-2.8 8.6-2.8-8.6h-3.7l5.2 14h2.7l5.1-14zm9.6 0c-3.6 0-6.1 2.5-6.1 7 0 5.7 3.2 7.2 6.5 7.2 2 .1 4-.7 5.3-2.2l-2.1-2c-.8.8-2 1.3-3.2 1.2a3 3 0 0 1-3.1-2.7v-.4h8.7v-1.6c.1-3.8-2.1-6.6-6-6.6zm-2.7 5.7.3-1.5c.4-.9 1.3-1.4 2.3-1.4s1.9.5 2.3 1.4l.3 1.5zm13.3-4.3v-1.3H129v14h3.5v-8.4c0-1.3.8-2.4 2.1-2.6h.2c.7 0 1.4.3 1.8.8l2.6-2.6A4.1 4.1 0 0 0 136 25c-1.3 0-2.6.4-3.5 1.4zm7.6-2.8V39h3.5V28h2.6v-2.7h-2.6v-1.5c0-.6.3-1.2 1-1.3h1.5v-3h-2a3.9 3.9 0 0 0-4 3.8zm20.3 1.3c-1.6 0-3.2.5-4.3 1.7-1.3 1.3-1.6 3-1.6 5.4 0 2.5.3 4.1 1.6 5.4a6.1 6.1 0 0 0 4.3 1.7c1.6.1 3.2-.5 4.3-1.7 1.3-1.3 1.6-2.9 1.6-5.4s-.3-4-1.6-5.4a5.4 5.4 0 0 0-4.3-1.7m1.7 10.5c-.9.8-2.3.8-3.2 0-.7-.7-.8-2-.8-3.4s.1-2.7.8-3.4c.9-.8 2.3-.8 3.2 0 .7.7.8 2 .8 3.4 0 1.5-.1 2.7-.8 3.4M182.7 25l-2.3 8.6-2.9-8.6H175l-2.8 8.7-2.3-8.6h-3.7l4.3 14h2.9l2.9-8.8 2.9 8.8h3l4.3-14h-3.8zm-31.2 9.8V19.6H148V35a3.8 3.8 0 0 0 3.6 4h2.5v-3h-1.3c-.6.1-1.1-.2-1.3-.8zm-98.8-9.4H49V21h-2v13.9c0 2 1.1 3.6 3.4 3.6h1.4v-1.7h-1c-1.3 0-1.8-.7-1.8-2v-7.7h1.9z\" fill=\"@{text}\"/><path d=\"M26 41v-9h4v13H0V32h4v9z\" fill=\"@{overlay2}\"/><path d=\"m23 34 .8-3-16.1-3.3L7 31zM9.2 23.2l15 7 1.4-3-15-7zm4.2-7.4L26 26.4l2.1-2.5-12.7-10.6-2.1 2.5zM21.5 8l-2.7 2 9.9 13.3 2.7-2zM7 38h16v-3H7z\" fill=\"@{peach}\"/><path d=\"M21 527v-8h3v11H0v-11h3v8z\" fill=\"@{overlay2}\"/><path d=\"m5.4 519.1 13.6 2 .1-2.4L6 516l-.5 3zm1.8-6.8 12 5.6 1.1-2.4-12-5.6zm3.4-5.9 10.2 8.5 1.7-2-10.2-8.5zm6.5-6.2-2.1 1.6 7.9 10.6 2.1-1.6zM5 525h14v-3H5z\" fill=\"@{peach}\"/><path d=\"m34 518.9-1.7-.2c-1.3 0-1.8-.6-1.8-1.5 0-1 .7-1.8 2.3-1.8 1 0 2 .3 2.6.8l1-1c-1-.7-2.2-1-3.6-1-2.2 0-3.8 1.1-3.8 3 0 1.7 1 2.6 3 2.8l1.8.1c1.2.1 1.7.6 1.7 1.6 0 1.2-1 1.8-2.6 1.8-1.3 0-2.4-.3-3.2-1.1l-1 1c1.2 1 2.5 1.3 4.2 1.3 2.5 0 4.2-1.1 4.2-3-.2-2-1.5-2.6-3.2-2.8zm12.7-4.6c-1.7 0-2.7.3-3.6 1.4l1 1c.6-.9 1.2-1.2 2.6-1.2 1.8 0 2.6.8 2.6 2.2v1h-3.1c-2.3 0-3.6 1.2-3.6 3 0 .7.3 1.5.8 2 .7.8 1.4 1 2.9 1a4 4 0 0 0 3-1v1h1.5v-7c-.1-2.3-1.4-3.4-4.1-3.4m2.6 6.7c0 .9-.2 1.4-.5 1.7-.7.6-1.5.7-2.3.7-1.7 0-2.3-.6-2.3-1.7 0-1.2.7-1.8 2.3-1.8h2.9zm7.2-5.4c1 0 1.6.3 2.4 1.2l1-1c-1.1-1.1-2-1.5-3.4-1.5-2.6 0-4.6 1.7-4.6 5.3 0 3.4 2 5.2 4.6 5.2 1.4 0 2.3-.3 3.3-1.5l-1-1c-.8 1-1.4 1.2-2.3 1.2a3 3 0 0 1-2.4-1.1c-.5-.7-.7-1.5-.7-2.8s.2-2.1.7-2.8c.6-.8 1.5-1.2 2.4-1.2m12.9-1.2h-1.8l-4.6 4.5v-9.1h-1.6v14.8H63v-3.8l1.8-1.8 3.5 5.6H70l-4.2-6.7 3.5-3.5zm7-.3c-1.5 0-2.6.6-3.3 1.3-1 1-1.2 2.3-1.2 4.2s.3 3.1 1.2 4c.7.8 1.8 1.4 3.3 1.4s2.7-.5 3.3-1.3c1-1 1.2-2.2 1.2-4.1 0-2-.3-3.2-1.2-4.2-.6-.7-1.7-1.3-3.3-1.3m1.3 8c-.3.3-.7.4-1.3.4s-1-.1-1.2-.4c-.6-.6-.6-1.6-.6-2.6 0-1.2 0-2 .6-2.6.2-.3.6-.5 1.2-.5s1 .2 1.3.5c.5.6.5 1.4.5 2.6.1 1.1 0 2-.5 2.6m10.3-7.9-2.1 6.6-2.2-6.6h-2.8l4 10.6h2l4-10.6zm7.3-.1c-2.8 0-4.6 2-4.6 5.5 0 4.3 2.4 5.4 4.9 5.4 2 0 3-.5 4-1.6L98 522a3 3 0 0 1-2.4 1c-1.5 0-2.3-1-2.3-2.5h6.6v-1.1c0-3-1.6-5.2-4.6-5.2zm-2 4.4c0-.5 0-.8.3-1.1.3-.7.8-1.2 1.8-1.2a2 2 0 0 1 1.8 1.2c.2.3.2.6.3 1.1zm10.5-3.2v-1.1h-2.5v10.6h2.6v-6.4c0-1.3.9-1.9 1.8-1.9.6 0 1 .2 1.4.7l2-2c-.8-.8-1.4-1-2.5-1-1.2-.1-2.2.4-2.8 1zm5.4-2.3v11.8h2.7v-8.4h2v-2h-2v-1.2c0-.5.3-1 1-1h1v-2.1h-1.5c-2.2 0-3.2 1.5-3.2 3zm16.2 1.1c-1.5 0-2.6.6-3.2 1.3-1 1-1.3 2.3-1.3 4.2s.3 3.1 1.3 4c.6.8 1.7 1.4 3.2 1.4 1.6 0 2.7-.5 3.3-1.3 1-1 1.2-2.2 1.2-4.1 0-2-.3-3.2-1.2-4.2-.6-.7-1.7-1.3-3.3-1.3m1.3 8c-.3.3-.7.4-1.3.4s-1-.1-1.2-.4c-.6-.6-.6-1.6-.6-2.6 0-1.2.1-2 .6-2.6.3-.3.6-.5 1.2-.5s1 .2 1.3.5c.5.6.5 1.4.5 2.6 0 1.1 0 2-.5 2.6m15.8-7.9-1.7 6.6-2.2-6.6h-2l-2.2 6.6-1.7-6.6H130l3.3 10.6h2.2l2.2-6.7 2.2 6.7h2.2l3.3-10.6h-2.8zm-24.6 7.4V510h-2.7v11.8c0 1.5 1 3 3.1 3h1.6v-2.2h-1c-.7 0-1-.3-1-1M41 516l1.4-1.3h-3v-3.4H38V522c0 1.5.9 2.7 2.6 2.7h1v-1.2h-.7c-1 0-1.4-.6-1.4-1.5v-6z\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .s-avatar {\n &.subcommunity-topic-mobile-dev {\n @svg: escape(\n '<svg fill=\"none\" height=\"300\" viewBox=\"0 0 300 300\" width=\"300\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 0h300v300H0z\" fill=\"@{yellow}\"/><path d=\"M52 198.352V101h29.418l17.664 66.406L116.547 101h29.484v97.352H127.77v-76.633l-19.325 76.633H89.52l-19.258-76.633v76.633zM165.488 101h35.926q12.152 0 18.527 1.859 8.567 2.524 14.676 8.965c6.109 6.441 7.172 9.563 9.297 15.805q3.188 9.297 3.188 22.976 0 12.02-2.989 20.719-3.652 10.626-10.425 17.199-5.114 4.981-13.813 7.77-6.508 2.059-17.398 2.059h-36.989zm19.657 16.469v64.48h14.675q8.235 0 11.887-.929 4.782-1.196 7.902-4.051 3.188-2.856 5.18-9.364 1.992-6.573 1.992-17.863c0-11.29-.664-13.303-1.992-17.332q-1.992-6.043-5.578-9.43t-9.098-4.582q-4.117-.929-16.136-.929z\" fill=\"@{crust}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.subcommunity-topic-r-language {\n @svg: escape(\n '<svg width=\"150\" height=\"150\" viewBox=\"0 0 150 150\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M150 0H0v150h150z\" fill=\"@{peach}\"/><path d=\"M55.41 99V50.324h20.686q7.802 0 11.322 1.328 3.552 1.295 5.678 4.649 2.124 3.353 2.125 7.67 0 5.478-3.221 9.064-3.22 3.553-9.629 4.483 3.188 1.859 5.246 4.084 2.092 2.224 5.611 7.902L99.173 99H87.418l-7.106-10.592q-3.785-5.678-5.18-7.139-1.394-1.493-2.954-2.025-1.56-.564-4.947-.564h-1.993V99zm9.828-28.09h7.272q7.073 0 8.832-.597 1.76-.598 2.756-2.06.996-1.46.996-3.651 0-2.458-1.328-3.952-1.296-1.527-3.686-1.925-1.195-.166-7.172-.166h-7.67z\" fill=\"@{crust}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n\n [fill=\"#BCBBBB\"] {\n fill: @overlay2 !important;\n }\n [fill=\"#F48024\"] {\n fill: @peach !important;\n }\n\n .s-topbar .s-topbar--logo .-img {\n filter: none;\n }\n\n .s-sidebarwidget {\n background-color: @base;\n border-color: @surface0;\n\n .s-sidebarwidget--header {\n background-color: @surface0;\n border-color: @surface1;\n }\n &::after,\n .s-sidebarwidget--content,\n .s-sidebarwidget--header {\n border-color: @surface1;\n }\n }\n\n .s-prose kbd {\n border-top-color: transparent;\n box-shadow: 0 1px 1px @crust, inset 0 1px 0 0 @overlay2;\n }\n\n .s-pagination .s-pagination--item {\n border-color: @surface2;\n }\n\n .s-badge {\n color: @crust;\n background-color: @mauve;\n }\n\n .s-notice {\n &,\n .s-notice--btn {\n color: @text !important;\n }\n }\n\n .badge,\n .badge-tag {\n background-color: @surface0;\n color: @text;\n }\n\n #onetrust-consent-sdk {\n #onetrust-banner-sdk {\n background-color: @mantle;\n\n &:focus {\n outline-color: @surface1;\n }\n\n #onetrust-accept-btn-handler,\n #onetrust-reject-all-handler {\n background-color: @accent;\n color: @crust;\n }\n\n #onetrust-button-group button#onetrust-pc-btn-handler {\n background-color: @crust !important;\n border-color: @accent !important;\n color: @accent !important;\n }\n\n #onetrust-policy-title,\n #onetrust-policy-text,\n .ot-b-addl-desc,\n .ot-dpd-desc,\n .ot-dpd-title,\n #onetrust-policy-text :not(.onetrust-vendors-list-handler),\n .ot-dpd-desc :not(.onetrust-vendors-list-handler),\n #banner-options *,\n .ot-cat-header,\n .ot-optout-signal,\n a {\n color: @text !important;\n }\n }\n\n /* Manage cookies popup */\n #onetrust-pc-sdk {\n background-color: @base;\n\n h3,\n h4,\n h5,\n h6,\n p,\n #ot-ven-lst .ot-ven-opts p,\n #ot-pc-desc,\n #ot-pc-title,\n .ot-li-title,\n .ot-sel-all-hdr span,\n #ot-host-lst .ot-host-info,\n #ot-fltr-modal #modal-header,\n .ot-checkbox label span,\n #ot-pc-lst #ot-sel-blk p,\n #ot-pc-lst #ot-lst-title h3,\n #ot-pc-lst .back-btn-handler p,\n #ot-pc-lst .ot-ven-name,\n #ot-pc-lst #ot-ven-lst .consent-category,\n .ot-leg-btn-container .ot-inactive-leg-btn,\n .ot-label-status,\n .ot-chkbox label span,\n #clear-filters-handler,\n .ot-optout-signal {\n color: @text;\n }\n\n .ot-pc-header {\n background-color: @mantle !important;\n border-bottom-color: @surface1;\n }\n\n .ot-accordion-layout.ot-cat-item {\n border-color: @surface1;\n }\n\n .ot-pc-footer {\n border-top-color: @surface2 !important;\n }\n\n button:not(\n #clear-filters-handler,\n .ot-close-icon,\n #filter-btn-handler,\n .ot-remove-objection-handler,\n .ot-obj-leg-btn-handler,\n [aria-expanded],\n .ot-link-btn\n ),\n .ot-leg-btn-container .ot-active-leg-btn {\n background-color: @accent !important;\n border-color: @accent;\n color: @mantle;\n }\n }\n }\n\n .sunset-background {\n background-color: @base !important;\n color: @text !important;\n }\n\n .disabled-link {\n color: @overlay2;\n }\n\n /* Stack Exchange logo */\n [fill=\"#FEFEFE\"] {\n fill: @text !important;\n }\n [fill=\"#2F96E8\"],\n [fill=\"#2D6DB5\"] {\n fill: @blue !important;\n }\n [fill=\"#8FD8F7\"] {\n fill: lighten(@sky, 10%);\n }\n [fill=\"#46A2D9\"] {\n fill: lighten(@blue, 5%);\n }\n [fill=\"#155397\"] {\n fill: darken(@blue, 10%) !important;\n }\n\n /* Other Stack Exchange site logos */\n [alt=\"Server Fault\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"203\" height=\"33\" viewBox=\"0 0 203 33\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M64.532 32c-2.684 0-4.785-.603-6.532-2.254l1.552-1.524c1.262 1.302 2.975 1.81 4.949 1.81 2.619 0 4.236-.92 4.236-2.762 0-1.366-.809-2.127-2.652-2.286l-2.62-.222c-3.104-.255-4.753-1.62-4.753-4.191 0-2.857 2.458-4.571 5.852-4.571 2.265 0 4.301.54 5.724 1.682l-1.52 1.492c-1.13-.857-2.587-1.237-4.236-1.237-2.328 0-3.557.984-3.557 2.571 0 1.333.777 2.127 2.78 2.285l2.556.223c2.78.254 4.689 1.301 4.689 4.222C71 30.254 68.38 32 64.532 32M83.2 20.286c-.61-1.429-2.026-2.35-3.7-2.35s-3.088.921-3.7 2.35c-.355.857-.418 1.334-.482 2.603h8.366c-.065-1.27-.13-1.746-.484-2.603m-7.882 4.317c0 3.429 1.64 5.398 4.665 5.398 1.833 0 2.896-.54 4.151-1.778l1.576 1.365C84.102 31.175 82.621 32 79.92 32 75.735 32 73 29.524 73 24c0-5.047 2.478-8 6.5-8 4.087 0 6.5 2.92 6.5 7.556v1.047zm22.066-5.39c-.822-.868-1.432-1.157-2.591-1.157-2.195 0-3.597 1.831-3.597 4.242V32H89V16.192h2.196v1.928c.823-1.317 2.469-2.12 4.207-2.12 1.432 0 2.53.352 3.597 1.478zM108.037 32h-2.108L100 16h2.57l4.413 12.846L111.43 16H114zM125.2 20.286c-.61-1.429-2.026-2.35-3.7-2.35s-3.09.921-3.7 2.35c-.355.857-.42 1.334-.482 2.603h8.365c-.064-1.27-.128-1.746-.483-2.603m-7.882 4.317c0 3.429 1.64 5.398 4.665 5.398 1.833 0 2.896-.54 4.151-1.778l1.576 1.365c-1.609 1.587-3.089 2.412-5.79 2.412-4.184 0-6.919-2.476-6.919-8 0-5.047 2.478-8 6.5-8 4.087 0 6.5 2.92 6.5 7.556v1.047zm22.066-5.39c-.823-.868-1.432-1.157-2.591-1.157-2.195 0-3.598 1.831-3.598 4.242V32H131V16.192h2.195v1.928c.823-1.317 2.47-2.12 4.208-2.12 1.433 0 2.53.352 3.597 1.478zm9.531-.215V32h-4.18V18.998H143v-3.162h1.735V13.76c0-2.365 1.479-4.76 4.886-4.76H152v3.513h-1.64c-.995 0-1.445.544-1.445 1.502v1.82H152v3.163zm13.863 5.812h-3.346c-1.527 0-2.372.704-2.372 1.886 0 1.15.78 1.917 2.437 1.917 1.17 0 1.917-.096 2.663-.798.455-.417.618-1.088.618-2.11zm.097 7.03v-1.438C161.738 31.52 160.667 32 158.717 32c-1.916 0-3.313-.48-4.321-1.47-.91-.927-1.396-2.269-1.396-3.739 0-2.651 1.85-4.825 5.782-4.825h3.996v-.831c0-1.821-.91-2.62-3.151-2.62-1.624 0-2.372.383-3.249 1.374l-2.696-2.588c1.658-1.79 3.281-2.301 6.107-2.301 4.743 0 7.211 1.982 7.211 5.88v10.96zm17.019-.034v-1.549c-1.1 1.162-2.65 1.743-4.203 1.743-1.682 0-3.04-.549-3.977-1.484-1.36-1.355-1.714-2.935-1.714-4.775V15h4.203v10.16c0 2.291 1.456 3.066 2.781 3.066s2.813-.775 2.813-3.065V15H184v16.806zm20.579-.386c-3.467 0-4.938-2.457-4.938-4.882v-8.453h-1.799v-3.243h1.799V9.796h4.251v5.046h3.009v3.243h-3.009v8.191c0 .983.458 1.54 1.471 1.54h1.538v3.603zm-9.765.58c-3.313 0-4.708-2.422-4.708-4.813V9h4.027v17.929c0 1 .402 1.518 1.424 1.518H193V32z\" fill=\"@{text}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 12h24V7H0z\" fill=\"@{surface2}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 19h24v-5H0z\" fill=\"@{overlay1}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 26h24v-5H0z\" fill=\"@{overlay2}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 5h24V0H0z\" fill=\"@{surface1}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 33h24v-5H0z\" fill=\"@{subtext0}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M27 12h10V7H27z\" fill=\"@{maroon}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M27 19h10v-5H27z\" fill=\"@{overlay1}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M27 26h10v-5H27z\" fill=\"@{overlay2}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M27 5h10V0H27z\" fill=\"@{red}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M27 33h10v-5H27z\" fill=\"@{subtext0}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M40 12h10V7H40z\" fill=\"@{surface2}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M40 19h10v-5H40z\" fill=\"@{overlay1}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M40 26h10v-5H40z\" fill=\"@{overlay2}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M40 5h10V0H40z\" fill=\"@{surface1}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M40 33h10v-5H40z\" fill=\"@{subtext0}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n [alt=\"Super User\"] {\n @svg: escape(\n '<svg width=\"208\" height=\"47\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M.5 37.01c-.3 0-.5-.1-.5-.4V.43c0-.3.2-.4.5-.4h8.91c.3 0 .6.1.6.4v2.2c0 .3-.2.4-.5.4h-4.9c-.5 0-.6.2-.6.5V33.6c0 .3.2.4.6.4h4.8c.3 0 .6.1.6.4v2.12c-.1.3-.2.5-.6.5H.5z\" fill=\"@{text}\"/><path d=\"M24.03 26.5v6.3c0 4.7-4.03 4.2-9.53 4.2h-.9c-.3 0-.6-.1-.6-.4v-2.2c0-.3.2-.4.5-.4h.7c3.3 0 5.8.7 5.8-1.9v-6c0-1.9 1.3-4.4 3.9-5.4.2 0 .2-.1.2-.2s-.1-.2-.2-.3c-2.4-1.1-3.9-2.8-3.9-5V8.3C20 5.7 17.52 3 14.22 3h-.7c-.3 0-.5-.1-.5-.4V.4c0-.3.2-.4.6-.4h.9c5.6 0 9.53 4 9.53 8.7v5.7c0 2.2 1.41 3.4 3.71 4.2.9.3 1.3.3 1.3 1v1.8c0 .4-.4.6-1.5.9-2.3.7-3.52 2-3.52 4.2z\" fill=\"@{blue}\"/><path d=\"M17.01 16.1c0 .5-.5.9-1 .9h-2c-.6 0-1-.4-1-.9v-2.2c0-.5.5-.9 1-.9h2c.6 0 1 .4 1 .9v2.21zm26.86 20.86c-3.3 0-5.8-.8-8-2.9l1.9-2c1.5 1.7 3.6 2.3 6 2.3 3.2 0 5.2-1.2 5.2-3.6 0-1.8-1-2.7-3.2-3l-3.2-.3c-3.8-.3-5.8-2.1-5.8-5.4 0-3.7 3-5.9 7.1-5.9 2.8 0 5.2.7 7 2.2l-1.9 1.9a8.26 8.26 0 0 0-5.2-1.6c-2.8 0-4.3 1.3-4.3 3.3 0 1.7.9 2.7 3.4 3l3.1.3c3.4.3 5.7 1.7 5.7 5.5.1 3.9-3.1 6.2-7.8 6.2m23.73-.27v-2.3a6.73 6.73 0 0 1-5.4 2.6c-2.1 0-3.8-.7-5-1.9-1.4-1.4-2-3.3-2-5.7v-12.8H58v12.4c0 3.6 1.8 5.4 4.7 5.4s4.9-1.8 4.9-5.4v-12.4h2.8v20.2h-2.8zm21.05-1.47c-1 1.1-2.8 1.8-4.7 1.8-2.1 0-3.9-.5-5.5-2.6v11.4h-2.8v-29.3h2.8v2.4c1.6-2.1 3.4-2.6 5.5-2.6 2 0 3.7.7 4.7 1.8 2 2 2.4 5.4 2.4 8.6 0 3.1-.4 6.4-2.4 8.5m-5.3-16.3c-4.2 0-4.9 3.8-4.9 7.7s.7 7.7 4.9 7.7 4.9-3.8 4.9-7.7c-.1-3.9-.7-7.7-4.9-7.7m13.55 8.5c0 4.4 2 7 5.7 7 2.2 0 3.6-.7 5.1-2.3l1.9 1.8c-2 2.1-3.8 3.1-7.1 3.1-5.1 0-8.5-3.2-8.5-10.3 0-6.5 3-10.3 8-10.3s8 3.8 8 9.8v1.2zm9.7-5.6c-.8-1.8-2.5-3-4.5-3-2.1 0-3.8 1.2-4.5 3a9.9 9.9 0 0 0-.6 3.4h10.1c0-1.7-.1-2.3-.5-3.4m18.26-1.43c-1.1-1.1-1.9-1.5-3.4-1.5-2.8 0-4.7 2.3-4.7 5.4v12.4h-2.7v-20.1h2.8v2.5c1.1-1.8 3.2-2.8 5.5-2.8 1.9 0 3.3.5 4.7 1.9zm17.02 16.66v-1.9a6.95 6.95 0 0 1-5.1 2.1c-2.1 0-3.7-.7-4.9-1.8-1.7-1.7-2.1-3.6-2.1-5.8v-13.2h5.1v12.4c0 2.8 1.8 3.8 3.4 3.8s3.4-.9 3.4-3.8v-12.4h5.1v20.6zm17.24.29c-3.2 0-6.2-.4-8.8-3l3.4-3.4c1.7 1.7 3.9 1.9 5.5 1.9 1.8 0 3.6-.6 3.6-2.1 0-1-.6-1.7-2.2-1.9l-3.2-.3c-3.7-.4-6-2-6-5.8 0-4.3 3.8-6.6 7.9-6.6 3.2 0 5.9.6 7.9 2.4l-3.2 3.2c-1.2-1.1-3-1.4-4.8-1.4-2.1 0-2.9.9-2.9 2 0 .7.3 1.6 2.1 1.8l3.2.3c4.1.4 6.1 2.6 6.1 6 .1 4.7-3.7 6.9-8.6 6.9m16.9-8.98c0 2.6 1.6 4.6 4.5 4.6 2.2 0 3.4-.6 4.7-1.9l3.1 3c-2.1 2.1-4.1 3.2-7.8 3.2-4.9 0-9.5-2.2-9.5-10.5 0-6.7 3.6-10.5 9-10.5 5.7 0 9 4.2 9 9.8v2.3zm7.3-5.7c-.6-1.2-1.7-2.1-3.4-2.1s-2.9.9-3.4 2.1c-.3.8-.4 1.3-.5 2.2h7.8c-.1-.9-.2-1.5-.5-2.2m20.46-.58c-.8-.8-1.5-1.2-2.7-1.2-1.6 0-3.3 1.2-3.3 3.8v12.4h-5.1v-20.6h5v2a7 7 0 0 1 5.2-2.2c2 0 3.4.5 4.9 1.9z\" fill=\"@{text}\"/></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n [alt=\"MathOverflow\"] {\n @svg: escape(\n '<svg width=\"256\" height=\"53\" xmlns=\"http://www.w3.org/2000/svg\"><defs><linearGradient x1=\"0%\" y1=\"50%\" y2=\"50%\" id=\"a\"><stop stop-color=\"@{overlay1}\" offset=\"0%\"/><stop stop-color=\"@{peach}\" offset=\"100%\"/></linearGradient></defs><g fill=\"none\" fill-rule=\"evenodd\"><path fill=\"url(#a)\" d=\"M0 0v53h153V43h-5l-.02 5H5V5.01h143l.02 9.98H153V0z\"/><path d=\"M117.82 26.79c0 3.1-2.36 11.54-11.86 11.54-5.43 0-8.81-2.88-8.81-7.43 0-3.64 2.36-11.83 11.83-11.83 5.68 0 8.84 2.77 8.84 7.72m-6.11-1.06c0-2.4-.88-3.45-2.88-3.45-4.51 0-5.39 8.19-5.39 9.71 0 1.97 1.02 3.13 2.8 3.13 4.63 0 5.47-8.3 5.47-9.39m25.27-2.07c0 7.13-4.95 14.67-12.12 14.67-3.46 0-5.57-1.53-5.57-4.04 0-.44.03-.84.1-1.24l1.25-6.73c.03-.37.07-.7.07-.99 0-1.13-.51-1.67-2.08-1.67h-.43l.54-2.99c2.73-.14 4.22-.4 7-1.27h1.88l-2.03 11.21c-.11.58-.19 1.31-.19 1.64 0 1.05.84 1.82 1.93 1.82 2.08 0 5.2-2.8 5.2-6.8 0-1.43-.17-1.94-.97-2.74s-1.1-1.38-1.1-2.22c0-1.82 1.5-3.24 3.42-3.24 1.86 0 3.1 1.86 3.1 4.59m18.9 10.15c-1.82 2-6 4.52-10.01 4.52-5.1 0-8.59-3.17-8.59-7.72 0-6.3 5.97-11.54 13.14-11.54 3.86 0 6.4 1.79 6.4 4.48 0 4.37-6.04 6.37-12.3 6.37-.14 0-.54 0-.94-.04-.08.62-.11 1.1-.11 1.57 0 2.04 1.42 3.38 3.6 3.38 2.19 0 4.33-1.02 6.84-3.16zm-4.44-10.15c0-1.02-.84-1.75-2.04-1.75-2.66 0-4.84 3.2-5.31 5.46h.43c3.79 0 6.92-1.67 6.92-3.71m24.76-1.75c0 1.71-1.42 3.02-3.28 3.02-.87 0-1.45-.22-2.32-.87-.48-.37-.7-.47-1.06-.47-2.33 0-3.35 4.36-3.79 6.15L164.12 38h-5.76l2.15-11.68c.04-.37.08-.7.08-.99 0-1.13-.51-1.67-2.08-1.67h-.44l.55-2.99c2.73-.14 4.22-.4 6.99-1.27h1.9l-.52 2.77c1.64-2.04 3.6-3.1 5.64-3.1 2.08 0 3.57 1.2 3.57 2.84m27.46 13.83c-2.37 1.97-4.08 2.73-6.23 2.73-2.73 0-4.58-1.42-4.58-3.53 0-.73 0-.73.4-2.87l2.54-13.9c.11-.7.19-1.32.19-1.86 0-1.82-.84-2.88-3.94-2.88a5.1 5.1 0 0 0-4 1.75c-.65.8-.87 1.34-1.42 4.22h3.6l-.58 3.28H186l-1.6 8.8c-.4 2.26-2.37 14.1-14.41 14.1-2.55 0-4.23-1.14-4.23-2.85 0-1.53 1.42-2.84 3.02-2.84 1.1 0 1.5.22 2.66 1.42.55.58.98.77 1.64.77 3.68 0 4.73-6.08 5.57-10.6l1.6-8.8h-3.06l.59-3.28h3.09c1.16-6.19 5.17-8.52 12.56-8.52 2.87 0 4.91.15 9.32.7L199 32.06c-.08.36-.11.69-.11.94 0 .91.5 1.5 1.3 1.5.66 0 1.17-.22 1.97-.84l1.5 2.07zm21.23-8.95c0 3.1-2.37 11.54-11.87 11.54-5.42 0-8.8-2.88-8.8-7.43 0-3.64 2.36-11.83 11.82-11.83 5.68 0 8.85 2.77 8.85 7.72m-6.12-1.06c0-2.4-.87-3.45-2.87-3.45-4.52 0-5.4 8.19-5.4 9.71 0 1.97 1.03 3.13 2.81 3.13 4.62 0 5.46-8.3 5.46-9.39m36.88-1.45c0 6.8-4.84 14.05-12.34 14.05-2.25 0-3.7-.58-5.1-2.08a11.9 11.9 0 0 1-6.54 2.08c-3.06 0-5.35-1.79-5.35-4.15 0-.22.03-.44.07-.66l1.3-7.2c.05-.37.08-.7.08-.99 0-1.13-.5-1.67-2.07-1.67h-.44l.55-2.99c2.73-.14 4.22-.4 6.99-1.27h1.89l-2.15 11.83c-.18.91-.18 1.13-.18 1.38 0 1.06.94 1.79 2.33 1.79a6.6 6.6 0 0 0 3.1-.88l2.54-14.12h5.75l-2.11 11.68c-.07.33-.1.62-.1.91 0 1.35.76 2.26 2.43 2.26 2.55 0 4.73-3.1 4.73-6.66 0-1.53-.18-1.9-1.56-3.24a2.9 2.9 0 0 1-.91-1.97c0-1.78 1.6-3.3 3.5-3.3 2.17 0 3.6 2.03 3.6 5.2zM28.45 21.8a27 27 0 0 1 3.82-1.93c1.08-.42 2-.63 2.74-.63q2.31 0 3.6 1.5c.86 1 1.28 2.4 1.28 4.2V35.8l.7.61 2.03.19v1.38h-8.34V36.6l1.8-.19.68-.61V25.7c0-1.36-.28-2.36-.84-2.99s-1.42-.95-2.59-.95q-.87 0-1.95.3c-.71.21-1.5.53-2.35.95V35.8l.67.61 1.8.19v1.38h-8.14V36.6l1.84-.19.66-.61V25.7c0-1.35-.28-2.34-.83-2.98-.56-.64-1.4-.96-2.55-.96-.62 0-1.29.1-2 .3-.72.21-1.5.53-2.34.95V35.8l.65.61 1.83.19v1.38h-8.37V36.6l2.07-.19.65-.61V21.99h-2.72V20.8l4.44-1.36h1.45v2.09a23.3 23.3 0 0 1 3.48-1.74 7.6 7.6 0 0 1 2.63-.55c.94 0 1.76.21 2.47.65a4.7 4.7 0 0 1 1.73 1.92zM55.5 34.49v-6.73c-3.2.89-5.29 1.7-6.29 2.43s-1.5 1.7-1.5 2.89c0 .95.28 1.71.83 2.28s1.3.85 2.23.85c.6 0 1.28-.14 2.06-.43a18 18 0 0 0 2.67-1.29m0 1.29a17.4 17.4 0 0 1-3.38 1.87q-1.545.6-2.88.6a4.78 4.78 0 0 1-3.55-1.33 4.8 4.8 0 0 1-1.33-3.55c0-1.62.66-2.9 2-3.84 1.34-.93 4.38-1.96 9.14-3.1V25.2c0-1.6-.26-2.72-.78-3.34s-1.43-.93-2.72-.93q-.735 0-1.44.15t-1.47.45v3.2h-2.63c-.46 0-.77-.08-.94-.25s-.25-.47-.25-.92c0-1.24.72-2.27 2.15-3.1A11.13 11.13 0 0 1 53 19.25c2 0 3.45.43 4.36 1.3.9.87 1.36 2.27 1.36 4.2V35.8l.65.61 2.01.19v1.38h-5.36l-.5-2.22zm9.43-13.85h-2.4v-1.2l2.51-1.1 1.64-3.55h1.42v4.06h5.82v1.79H68.1V32c0 1.65.23 2.76.7 3.32.45.57 1.28.85 2.47.85a11.4 11.4 0 0 0 2.65-.32v1.42q-1.305.405-2.58.63c-.84.14-1.65.21-2.44.21-1.46 0-2.5-.28-3.08-.83-.6-.55-.89-1.56-.89-3.03V21.92zM79.2 9.9h1.45v11.63a28 28 0 0 1 3.69-1.77 7.4 7.4 0 0 1 2.48-.52c1.68 0 2.96.5 3.84 1.49.89 1 1.33 2.43 1.33 4.32v10.76l.65.61 2.01.19v1.38h-8.31V36.6l1.79-.19.65-.61V25.7c0-1.44-.3-2.45-.9-3.04-.59-.6-1.58-.9-2.96-.9-.6 0-1.26.1-1.97.3-.71.21-1.48.53-2.3.95V35.8l.68.61 1.8.19v1.38h-8.37V36.6l2.07-.19.66-.61V12.45h-2.95v-1.2z\" fill=\"@{text}\"/></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n [alt=\"Ask Ubuntu\"] {\n @svg: escape(\n '<svg width=\"198\" height=\"48\" viewBox=\"0 0 198 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#a)\" fill=\"@{text}\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.023 26q-.477 0-1.011.07-.534.068-.978.287a2.1 2.1 0 0 0-.738.597q-.296.38-.296 1 0 1.15.727 1.598.726.447 1.978.448.75 0 1.33-.035A5.6 5.6 0 0 0 15 29.84v-3.562q-.227-.116-.738-.196a8 8 0 0 0-1.24-.081\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M38.57 31.542a20 20 0 0 0-1.186-1.743 26 26 0 0 0-1.406-1.707 20 20 0 0 0-1.493-1.499 13 13 0 0 0-1.443-1.146v6.095h-2.274v-18.53l2.274-.39v11.556l1.297-1.292q.71-.707 1.394-1.437.686-.732 1.296-1.403.612-.67 1.052-1.183h2.666q-.563.61-1.223 1.341-.66.732-1.37 1.475-.71.745-1.43 1.488l-1.358 1.401q.733.562 1.554 1.39.818.83 1.613 1.792t1.505 1.951q.708.988 1.199 1.84zm-11.507-.61q-1.309.903-3.73.902-1.687 0-2.641-.28-.956-.28-1.296-.427l.415-1.95q.39.146 1.247.44.857.292 2.275.292 1.395 0 2.067-.367.673-.364.673-1.17 0-.828-.66-1.316t-2.178-1.098q-.734-.291-1.406-.597a5 5 0 0 1-1.162-.719 3.2 3.2 0 0 1-.783-1q-.293-.585-.293-1.438 0-1.683 1.247-2.67 1.248-.988 3.4-.988.537 0 1.076.062.539.06 1.003.146.465.085.819.183.355.098.55.17l-.415 1.95q-.367-.193-1.149-.402-.784-.206-1.884-.206-.953 0-1.663.377-.71.379-.71 1.182 0 .416.159.733.16.317.49.572.33.257.82.475.487.22 1.174.464.903.342 1.614.67.708.33 1.21.768.501.44.77 1.06.27.624.27 1.525 0 1.755-1.31 2.657m-9.942.39q-.293.05-.819.135t-1.187.159q-.66.072-1.43.134-.771.06-1.529.06a8.4 8.4 0 0 1-1.982-.22 4.4 4.4 0 0 1-1.565-.695 3.2 3.2 0 0 1-1.027-1.255q-.367-.78-.368-1.876 0-1.048.429-1.806.428-.755 1.162-1.219a5.4 5.4 0 0 1 1.713-.682 9.4 9.4 0 0 1 2.053-.22q.344 0 .71.037.366.036.697.098a30 30 0 0 1 .917.183v-.635q0-.56-.123-1.108a2.55 2.55 0 0 0-.439-.976 2.24 2.24 0 0 0-.869-.683q-.55-.256-1.43-.256-1.125 0-1.97.158-.843.16-1.259.33l-.27-1.877q.442-.196 1.468-.378a13 13 0 0 1 2.226-.184q1.37.002 2.311.354.941.355 1.517 1 .574.646.82 1.536.243.89.244 1.962zM48 23.923C48 10.711 37.255 0 24 0S0 10.711 0 23.923c0 13.213 10.745 23.924 24 23.924 4.354 0 8.434-1.16 11.955-3.182L48 48l-3.024-12.452A23.76 23.76 0 0 0 48 23.923\"/><g clip-path=\"url(#b)\"><path d=\"M73.978 40.023q-2.994 0-5.098-.911a8.8 8.8 0 0 1-3.406-2.517 10.1 10.1 0 0 1-1.888-3.753 17.5 17.5 0 0 1-.585-4.62V9.302h2.95V27.83a13.9 13.9 0 0 0 .586 4.273 8.25 8.25 0 0 0 1.627 2.973 6.35 6.35 0 0 0 2.516 1.735 9.92 9.92 0 0 0 6.595 0 6.35 6.35 0 0 0 2.517-1.735 8.25 8.25 0 0 0 1.627-2.973c.417-1.385.615-2.827.586-4.273V9.303h2.95v18.918a17.5 17.5 0 0 1-.585 4.621 10.1 10.1 0 0 1-1.888 3.753 8.8 8.8 0 0 1-3.406 2.517q-2.104.91-5.098.911m20.657-21.738q.738-.563 2.365-1.193a10.6 10.6 0 0 1 3.84-.63 10.2 10.2 0 0 1 4.317.869 9 9 0 0 1 3.189 2.43 10.7 10.7 0 0 1 1.974 3.71c.462 1.525.689 3.113.673 4.707a14 14 0 0 1-.803 4.903 10.5 10.5 0 0 1-2.256 3.688 9.7 9.7 0 0 1-3.471 2.321 12.1 12.1 0 0 1-4.49.803q-2.996 0-4.947-.39a25 25 0 0 1-3.211-.825V6.223l2.82-.52zm0 18.44q.95.284 1.93.413a23 23 0 0 0 3.364.195q3.644 0 5.857-2.365 2.213-2.364 2.213-6.79a15.5 15.5 0 0 0-.39-3.536 8.3 8.3 0 0 0-1.259-2.908 6.3 6.3 0 0 0-2.278-1.974q-1.41-.737-3.493-.737a9 9 0 0 0-1.909.195q-.865.182-1.692.499a9.4 9.4 0 0 0-2.343 1.302zm39.098 1.866q-1.259.348-3.385.781c-1.717.316-3.461.46-5.206.434q-2.517 0-4.209-.738a6.83 6.83 0 0 1-2.734-2.082 8.4 8.4 0 0 1-1.496-3.254 18 18 0 0 1-.456-4.21V16.94h2.82v11.672a20 20 0 0 0 .347 4.035q.348 1.65 1.129 2.668a4.4 4.4 0 0 0 2.017 1.476 8.8 8.8 0 0 0 3.016.455c1.16.011 2.32-.061 3.471-.217q1.475-.216 1.866-.39v-19.7h2.82zm6.664-20.87q1.257-.346 3.384-.781a26.6 26.6 0 0 1 5.207-.434q2.56 0 4.274.738a6.57 6.57 0 0 1 2.733 2.104 8.6 8.6 0 0 1 1.454 3.276c.3 1.382.446 2.794.434 4.209v12.54h-2.821v-11.63a21 21 0 0 0-.325-4.035 6.7 6.7 0 0 0-1.085-2.69 4.2 4.2 0 0 0-1.996-1.497q-1.236-.456-3.102-.456a24 24 0 0 0-3.45.217q-1.453.218-1.887.39v19.7h-2.82zm26.61-.781h8.938v2.386h-8.938V31.26a12 12 0 0 0 .325 3.102c.158.68.478 1.314.933 1.844.395.428.909.73 1.475.868a8 8 0 0 0 1.909.216q1.78 0 2.864-.412.874-.316 1.692-.759l.694 2.343q-.608.39-2.126.89c-1.065.34-2.178.508-3.297.498q-2.083 0-3.493-.542a5.05 5.05 0 0 1-2.256-1.649 6.75 6.75 0 0 1-1.193-2.755 19 19 0 0 1-.347-3.905V10.345l2.82-.52zm30.806 21.651q-1.26.348-3.385.781c-1.717.316-3.461.46-5.206.434q-2.517 0-4.209-.738a6.83 6.83 0 0 1-2.734-2.082 8.4 8.4 0 0 1-1.496-3.254 18 18 0 0 1-.456-4.21V16.94h2.82v11.672a20 20 0 0 0 .347 4.035q.346 1.65 1.128 2.668a4.4 4.4 0 0 0 2.018 1.476 8.8 8.8 0 0 0 3.016.455c1.16.011 2.32-.061 3.471-.217q1.475-.216 1.865-.39v-19.7h2.821z\"/></g></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n [alt=\"Stack Apps\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"204\" height=\"53\"><path d=\"M69.56 35.2c-2.97 0-5.3-.68-7.23-2.54l1.72-1.72a7.2 7.2 0 0 0 5.47 2.04c2.9 0 4.69-1.04 4.69-3.11 0-1.54-.9-2.4-2.93-2.58l-2.9-.25c-3.44-.28-5.26-1.82-5.26-4.72 0-3.22 2.72-5.15 6.47-5.15a9.95 9.95 0 0 1 6.33 1.9l-1.68 1.68a7.5 7.5 0 0 0-4.68-1.4c-2.58 0-3.94 1.11-3.94 2.9 0 1.5.86 2.4 3.08 2.58l2.82.25c3.08.29 5.2 1.47 5.2 4.76 0 3.4-2.9 5.36-7.16 5.36m15.14-.22c-3.01 0-4.52-2.1-4.52-4.72v-10.8h-2.21V17.5h2.21v-5.51h2.58v5.5h3.76v1.98h-3.76V30.2c0 1.61.75 2.58 2.4 2.58h1.36v2.21zm15.84 0V33.3a6.18 6.18 0 0 1-5.08 1.9c-2.43 0-3.86-.47-4.97-1.61a5.07 5.07 0 0 1-1.33-3.58c0-3.08 2.15-5.08 6.09-5.08h5.3v-1.68c0-2.58-1.3-3.86-4.51-3.86-2.26 0-3.4.53-4.44 2l-1.75-1.61c1.57-2.04 3.36-2.62 6.22-2.62 4.73 0 7.05 2.04 7.05 5.87v11.95zm0-8.12H95.6c-2.65 0-3.94 1.08-3.94 3.12s1.26 3 4.05 3a5.14 5.14 0 0 0 3.93-1.18 4.07 4.07 0 0 0 .9-3.04zm12.99 8.34c-4.44 0-7.8-3-7.8-9.02s3.36-9.01 7.8-9.01a6.97 6.97 0 0 1 5.8 2.6l-1.76 1.66a4.83 4.83 0 0 0-4.04-1.97 4.77 4.77 0 0 0-4.08 2 7.55 7.55 0 0 0-1.14 4.72 7.55 7.55 0 0 0 1.14 4.72 4.77 4.77 0 0 0 4.08 2 4.87 4.87 0 0 0 4.04-2l1.76 1.68a6.97 6.97 0 0 1-5.8 2.62m20.36-.22-5.58-9.01-3.44 3.94v5.07h-2.58V9.52h2.58v17.03l7.94-9.16h3.22l-5.97 6.73L137.07 35h-3.18zm12.2-17.81c-2.99 0-4.7.55-6.46 2.47l2.85 2.78a3.84 3.84 0 0 1 3.44-1.48c2.36 0 3.33.86 3.33 2.82v.9h-4.23c-4.15 0-6.1 2.33-6.1 5.18a5.73 5.73 0 0 0 1.47 4.01 6.1 6.1 0 0 0 4.56 1.58 5.44 5.44 0 0 0 4.4-1.71v1.54h4.36V23.5c0-4.19-2.61-6.32-7.62-6.32zm3.16 11.5a2.94 2.94 0 0 1-.66 2.26 3.54 3.54 0 0 1-2.81.86c-1.75 0-2.58-.82-2.58-2.06 0-1.27.9-2.02 2.51-2.02h3.54zm19.96-9.89a6.23 6.23 0 0 0-4.36-1.61 5.44 5.44 0 0 0-4.46 1.88v-1.68h-4.33v24.45h4.46v-8.14a5.29 5.29 0 0 0 4.33 1.79 6.23 6.23 0 0 0 4.36-1.62c1.78-1.78 1.82-4.87 1.82-7.55s-.03-5.73-1.82-7.52m-5.67 12.67c-2.67 0-3.02-2.23-3.02-5.15s.35-5.12 3.02-5.12 3.03 2.2 3.03 5.12-.35 5.15-3.03 5.15m22.65-12.67a6.23 6.23 0 0 0-4.37-1.61 5.44 5.44 0 0 0-4.46 1.88v-1.68h-4.33v24.45h4.47v-8.14a5.29 5.29 0 0 0 4.33 1.79 6.23 6.23 0 0 0 4.36-1.62c1.78-1.78 1.81-4.87 1.81-7.55s-.03-5.73-1.81-7.52m-5.67 12.67c-2.68 0-3.02-2.23-3.02-5.15s.34-5.12 3.02-5.12 3.02 2.2 3.02 5.12-.34 5.15-3.02 5.15m15.55 4.02c-2.81 0-5.36-.31-7.62-2.58l2.92-2.92a6.5 6.5 0 0 0 4.77 1.69c1.54 0 3.16-.52 3.16-1.86 0-.89-.48-1.5-1.89-1.65l-2.82-.27c-3.22-.31-5.22-1.72-5.22-5.01 0-3.71 3.27-5.7 6.9-5.7 2.79 0 5.12.48 6.84 2.1l-2.75 2.77a6.22 6.22 0 0 0-4.15-1.2c-1.79 0-2.54.83-2.54 1.72 0 .65.27 1.4 1.85 1.54l2.82.28c3.53.34 5.32 2.23 5.32 5.25 0 3.95-3.37 5.84-7.59 5.84\" fill=\"@{text}\"/><path d=\"M46.41 20.87a20.6 20.6 0 0 0-1.85-4.47l2.91-6.4-2.23-2.24L43 5.53l-6.42 2.92a20.6 20.6 0 0 0-4.46-1.85L29.66 0h-6.32l-2.47 6.6a20.6 20.6 0 0 0-4.46 1.85L10 5.53 7.76 7.76 5.53 10l2.91 6.42a20.6 20.6 0 0 0-1.85 4.46L0 23.34v6.32l6.57 2.46a20.6 20.6 0 0 0 1.86 4.5l-2.9 6.4 2.24 2.22 2.22 2.23 6.38-2.9a20.5 20.5 0 0 0 4.51 1.87L23.34 53h6.32l2.46-6.56a20.5 20.5 0 0 0 4.5-1.87l6.39 2.9 2.23-2.23L47.47 43l-2.9-6.4a20.6 20.6 0 0 0 1.86-4.5L53 29.67v-6.32zM26.9 36.07a10.05 10.05 0 1 1 10.05-10.05A10.05 10.05 0 0 1 26.9 36.07\" fill=\"@{overlay1}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n [alt=\"Unix & Linux\"] {\n @svg: escape(\n '<svg width=\"241\" height=\"32\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M26.83 20.44c0 2-.25 3.67-.76 5.02a8.4 8.4 0 0 1-2.14 3.3 8.2 8.2 0 0 1-3.35 1.83 16 16 0 0 1-4.37.56 26.6 26.6 0 0 1-4.3-.36A10.25 10.25 0 0 1 8 29.34a7.97 7.97 0 0 1-2.78-3.16 12.1 12.1 0 0 1-1.18-5.56V4.34c0-.62.01-1.12-.18-1.5-.2-.37-.46-.66-.78-.86a3.2 3.2 0 0 0-1.14-.43 8 8 0 0 0-1.36-.1V.98a80 80 0 0 1 3.52.1 34 34 0 0 0 2.32.08 29 29 0 0 0 2.32-.09A98 98 0 0 1 12.48 1v.45c-.47 0-.92.04-1.35.11-.44.08-.81.22-1.14.43-.33.2-.59.5-.78.87q-.3.555-.3 1.5v16.63c0 1.33.16 2.55.45 3.65a6.55 6.55 0 0 0 4.13 4.64c1.09.42 2.43.63 4.04.63 2.74 0 4.66-.76 6.18-2.3 1.51-1.53 2.27-3.74 2.27-6.62V4.34c0-.62-.1-1.12-.29-1.5-.2-.37-.45-.66-.78-.86-.33-.21-.7-.35-1.14-.43a8 8 0 0 0-1.36-.1V.98a36 36 0 0 1 3.12.12 14 14 0 0 0 1.7 0l1.72-.1h1.45v.45c-.48 0-.93.04-1.36.11-.43.08-.81.22-1.14.43-.33.2-.59.5-.78.87q-.3.555-.3 1.5v16.1zm2.35-10V10a33 33 0 0 1 2.97.1 13 13 0 0 0 1.8-.04c.27-.04.75-.06 1.43-.06L47.3 24.95V12.99c0-1.04-.25-1.73-.74-2.06-.5-.32-1.24-.49-2.25-.49V10a25 25 0 0 1 1.96.04c.24 0 .46 0 .67.02a11 11 0 0 0 1.52 0l.64-.02c.23 0 .49 0 .79-.02L51 10v.44c-1.01 0-1.76.17-2.25.5-.5.32-.74 1-.74 2.05v18.16h-.76L32.88 12.9V28c0 1.03.25 1.72.74 2.04.49.33 1.24.5 2.25.5v.44a24 24 0 0 1-1.9-.04l-.64-.02a10 10 0 0 0-1.52 0l-.67.02c-.24 0-.5 0-.8.02l-1.16.02v-.44c1 0 1.76-.17 2.25-.5.5-.32.74-1 .74-2.05V13c0-1.04-.25-1.73-.74-2.06-.49-.32-1.24-.49-2.25-.49zm32.79 20.1V31a56 56 0 0 1-2.96-.07l-.96-.04a21 21 0 0 0-2.1 0l-.96.04a93 93 0 0 1-2.92.07v-.45c1 0 1.76-.16 2.25-.49.5-.33.74-1.01.74-2.05V12.99c0-1.04-.25-1.73-.74-2.06-.5-.32-1.24-.49-2.25-.49V10a53 53 0 0 1 3.88.1 23 23 0 0 0 3.06-.04 88 88 0 0 1 2.96-.06v.44c-1 .03-1.76.2-2.25.52-.5.3-.74.99-.74 2.03v15c0 1.05.25 1.73.74 2.04.5.31 1.24.48 2.25.51m1.36-20.59a49 49 0 0 1 3.86.16 28 28 0 0 0 3.21-.07 50 50 0 0 1 2.84-.09v.5c-.54 0-.99.06-1.34.2q-.54.195-.54.9c0 .28.07.54.2.8.13.24.26.44.38.6a180 180 0 0 0 2.54 3.58l1.3 1.86 3.8-5c.2-.27.39-.55.55-.85s.25-.6.25-.9c0-.29-.08-.52-.23-.68a1.3 1.3 0 0 0-.53-.36 2.5 2.5 0 0 0-.7-.13l-.64-.03v-.49a27 27 0 0 1 2.7.11 9 9 0 0 0 1.5 0l.7-.04.83-.04c.32-.02.72-.03 1.23-.03v.5c-.95.05-1.73.24-2.34.55s-1.23.89-1.86 1.72l-4.86 6.3 5.4 7.62c.69.96 1.44 2.1 2.28 2.8.83.7 1.8 1.05 2.9 1.05v.49a59 59 0 0 1-3.06-.07l-1.05-.04a24 24 0 0 0-2.3 0l-1.1.04a123 123 0 0 1-3.11.07v-.5c.6-.02 1.07-.1 1.45-.22.37-.11.55-.38.55-.8 0-.32-.16-1.03-.49-1.48A304 304 0 0 0 73.5 22l-4.28 5.45q-.27.36-.45.69t-.18.69c0 .54.23 1.21.7 1.39.46.18.88.27 1.27.27v.49a27 27 0 0 1-2.1-.07l-.76-.04a15.4 15.4 0 0 0-2.3.04c-.43.05-1.08.07-1.94.07v-.5c.9 0 1.68-.16 2.37-.5.68-.35 1.41-1.31 2.18-2.27l5.1-6.38-5.54-7.9c-.3-.44-.6-.84-.87-1.2a7 7 0 0 0-.9-.94 3.5 3.5 0 0 0-2.47-.85z\" fill=\"@{blue}\"/><path d=\"M125.56 27.76a5.8 5.8 0 0 1-1.78 2.05 6.46 6.46 0 0 1-4.02 1.3q-2.55 0-4.5-1.2a20 20 0 0 1-3.93-3.27c-.54.6-1.13 1.18-1.76 1.74a12 12 0 0 1-4.44 2.48 9.35 9.35 0 0 1-5.54-.09 6.6 6.6 0 0 1-2.12-1.25 5.14 5.14 0 0 1-1.32-1.83c-.3-.7-.44-1.43-.44-2.2 0-1.17.29-2.24.87-3.24s1.27-1.88 2.07-2.66c.8-.77 1.62-1.42 2.46-1.94.83-.52 1.5-.91 2-1.18-.08-.15-.3-.5-.66-1.03s-.72-1.2-1.1-2c-.37-.81-.7-1.7-1-2.66a10.14 10.14 0 0 1 .13-6.34A6.83 6.83 0 0 1 106.82 0c1.82 0 3.31.54 4.49 1.63a5.64 5.64 0 0 1 1.76 4.35c0 .92-.17 1.79-.51 2.59a9.5 9.5 0 0 1-1.39 2.28c-.58.7-1.24 1.37-1.98 1.98-.75.61-1.54 1.18-2.37 1.72a61 61 0 0 0 6.78 8.24 29 29 0 0 0 2.06-3.51c.6-1.21 1.2-2.32 1.8-3.32.62-1 1.28-1.82 2-2.46a3.74 3.74 0 0 1 2.58-.96c.74 0 1.38.23 1.92.7.53.45.8 1.07.8 1.84 0 .54-.16.97-.49 1.3s-.74.49-1.25.49c-.5 0-.9-.13-1.18-.38a3.8 3.8 0 0 1-.7-.8 5.3 5.3 0 0 1-.42-.8q-.15-.39-.33-.39c-.33 0-.63.08-.9.23-.26.15-.53.4-.8.74s-.56.78-.89 1.32a130 130 0 0 0-2.23 4.05c-.42.79-.9 1.63-1.43 2.52.45.5.99 1.08 1.63 1.73.64.66 1.32 1.29 2.03 1.89s1.44 1.1 2.19 1.53c.74.42 1.45.63 2.14.63.83 0 1.48-.15 1.94-.46s.85-.7 1.18-1.19zM106.42 14a8 8 0 0 0 2.14-2.15c.5-.79.88-1.55 1.12-2.27.23-.73.38-1.38.42-1.96.05-.58.07-.98.07-1.22 0-1.87-.35-3.3-1.05-4.27a3.23 3.23 0 0 0-4.1-1.16c-.47.2-.88.51-1.23.91-.36.4-.65.9-.87 1.47a5.3 5.3 0 0 0-.34 1.94c0 .83.16 1.7.5 2.6a22.4 22.4 0 0 0 3.34 6.11m4.42 12.15a56 56 0 0 1-4.49-5.18c-1.23-1.64-2.2-2.95-2.88-3.93-.32.2-.71.48-1.16.8a6.7 6.7 0 0 0-2.3 3.07 6.75 6.75 0 0 0 1 6.52q.69.81 1.62 1.32c.62.35 1.3.52 2.05.52.62 0 1.24-.1 1.85-.3s1.18-.43 1.72-.72a8.4 8.4 0 0 0 2.59-2.1\" fill=\"@{lavender}\"/><path d=\"M145.66 30.95a87 87 0 0 0-5.27-.09 153 153 0 0 1-4.73.11v-.44c.47 0 .73-.04 1.17-.12.43-.07.8-.21 1.13-.42.33-.2.6-.5.78-.87q.3-.555.3-1.5V4.33c0-.62-.1-1.12-.3-1.49q-.285-.555-.78-.87c-.32-.2-.7-.35-1.13-.42a8 8 0 0 0-1.37-.12V.98c.9 0 1.8 0 2.34.02s1 .04 1.38.07a34 34 0 0 0 2.33.09 29 29 0 0 0 2.32-.1L145.2 1c.54-.02 1.43-.02 2.32-.02v.44c-.48 0-.93.04-1.36.11-.43.08-.81.22-1.14.43-.33.2-.59.5-.78.87-.2.37-.29.87-.29 1.49v22.02c0 .92.16 1.64.5 2.16.32.52.78.91 1.37 1.18.6.27 1.3.43 2.1.49s1.5.09 2.46.09c1.07 0 2.04-.08 2.92-.25a6.2 6.2 0 0 0 2.3-.88 4.9 4.9 0 0 0 1.6-1.77 8 8 0 0 0 .85-2.86h.45l-.45 6.47a267 267 0 0 1-6.96.1c-2.05 0-3.87-.05-5.44-.12zm24.26-.42v.45a56 56 0 0 1-2.97-.07l-.96-.04a21 21 0 0 0-2.1 0l-.95.04a93 93 0 0 1-2.93.07v-.45c1.01 0 1.77-.16 2.26-.5.49-.32.73-1 .73-2.04v-15c0-1.04-.24-1.73-.73-2.06-.5-.32-1.25-.49-2.26-.49V10a53 53 0 0 1 3.88.1 23 23 0 0 0 3.06-.04 88 88 0 0 1 2.97-.06v.44c-1.01.03-1.76.2-2.25.52-.5.3-.74.99-.74 2.03v15c0 1.04.25 1.72.74 2.03.49.3 1.24.48 2.25.51m1.15-20.09V10a33 33 0 0 1 2.97.1 13 13 0 0 0 1.81-.04c.27-.04.74-.06 1.43-.06l11.91 14.95V12.99c0-1.04-.24-1.73-.73-2.06-.5-.32-1.24-.49-2.26-.49V10a25 25 0 0 1 1.97.04c.24 0 .46 0 .67.02a11 11 0 0 0 1.51 0l.65-.02c.22 0 .48 0 .78-.02l1.12-.02v.44c-1.01 0-1.76.17-2.26.5-.49.32-.73 1-.73 2.05v18.16h-.76L174.78 12.9v15.08c0 1.04.24 1.73.74 2.05.49.33 1.24.5 2.25.5v.44a24 24 0 0 1-1.9-.04c-.22 0-.44-.01-.64-.03a10 10 0 0 0-1.52 0c-.21.02-.43.03-.67.03s-.5 0-.8.02l-1.17.02v-.45c1.02 0 1.77-.16 2.26-.49.49-.32.74-1 .74-2.05v-15c0-1.03-.25-1.72-.74-2.05-.5-.32-1.24-.49-2.26-.49M213 22.9c0 1.06-.14 2.1-.39 3.1-.25.99-.68 1.87-1.27 2.63a6.3 6.3 0 0 1-2.32 1.8 8.4 8.4 0 0 1-3.57.67c-1.37 0-2.25-.13-3.34-.4a7.2 7.2 0 0 1-2.76-1.3 5.66 5.66 0 0 1-1.75-2.36q-.6-1.47-.6-3.57V13c0-1.04-.24-1.73-.73-2.06-.5-.32-1.25-.49-2.26-.49V10a53 53 0 0 1 3.89.1 23 23 0 0 0 3.05-.04 87 87 0 0 1 2.97-.06v.44q-1.515.045-2.25.51c-.5.31-.74.99-.74 2.02v10.49c0 .8.08 1.59.25 2.37.16.79.45 1.5.87 2.11.41.63.98 1.14 1.7 1.54.7.4 1.28.6 2.41.6 1.82 0 3.06-.58 4.19-1.74 1.13-1.15 1.7-3 1.7-5.55v-9.82c0-1.03-.25-1.71-.74-2.04a4.14 4.14 0 0 0-2.26-.49V10c.48 0 .87 0 1.16.02l.8.02a20 20 0 0 0 3.07 0c.23 0 .49 0 .79-.02l1.11-.02v.44c-1.01 0-1.76.17-2.25.5-.5.32-.74 1-.74 2.05v9.9zm4.37-12.95a48 48 0 0 1 3.86.16 28 28 0 0 0 3.22-.07 50 50 0 0 1 2.83-.09v.5c-.53 0-.98.06-1.34.2-.35.13-.53.43-.53.9 0 .28.06.54.2.8.13.24.26.44.38.6a198 198 0 0 0 2.54 3.58l1.3 1.86 3.79-5c.2-.27.4-.55.56-.85q.24-.45.24-.9c0-.29-.07-.52-.22-.68a1.3 1.3 0 0 0-.54-.36c-.2-.07-.44-.12-.69-.13l-.65-.03v-.49a27 27 0 0 1 2.7.11 9 9 0 0 0 1.5 0l.71-.04.83-.04q.465-.03 1.23-.03v.5c-.96.05-1.74.24-2.35.55-.6.31-1.23.89-1.85 1.72l-4.86 6.3 5.4 7.9c.68.96 1.44 1.78 2.27 2.48s1.8 1.05 2.9 1.05v.49a59 59 0 0 1-3.05-.07l-1.05-.04a24 24 0 0 0-2.3 0l-1.1.04a125 125 0 0 1-3.12.07v-.5c.6-.02 1.08-.1 1.45-.21.37-.12.56-.4.56-.8 0-.33-.16-.72-.5-1.17-.62-.92-1.2-2.05-1.73-2.82l-1.4-1.99c-.47-.64-.8-1.12-1.01-1.45l-4.29 5.73c-.17.24-.32.47-.44.69q-.18.33-.18.69c0 .53.23.9.7 1.07.45.18.88.27 1.26.27v.49a27 27 0 0 1-2.1-.07l-.75-.04c-.24-.02-.5-.02-.76-.02-.6 0-1.11.02-1.54.06-.43.05-1.08.07-1.94.07v-.5c.89 0 1.68-.16 2.36-.5a7.15 7.15 0 0 0 2.19-1.95l5.09-6.66-5.54-7.9q-.45-.66-.87-1.2a7 7 0 0 0-.89-.94 3.5 3.5 0 0 0-2.48-.85z\" fill=\"@{blue}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n &:has([alt=\"Unix & Linux\"]) {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 21 21\"><path fill=\"@{surface0}\" d=\"M3 3h1v1H3zm0 7h1v1H3zm0 7h1v1H3zm7-14h1v1h-1zm0 7h1v1h-1zm0 7h1v1h-1zm7-14h1v1h-1zm0 7h1v1h-1zm0 7h1v1h-1z\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n [alt=\"Cryptography\"] {\n @svg: escape(\n '<svg width=\"302\" height=\"48\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\"><path fill=\"@{text}\" d=\"M0 0v48h48V33h-9v6H9V9h30v6h9V0z\"/><path fill=\"@{blue}\" d=\"M15 15v18h18v-5h15v-8H33v-5z\"/><path d=\"M75.87 31.6c-4.1 0-7.4-3-7.4-7.8 0-4.5 2.8-7.8 7.4-7.8 2 0 4 .9 5.3 2.2l2.6-2.6a11 11 0 0 0-7.9-3.3c-6.6 0-11.2 4.7-11.2 11.5 0 7 5 11.5 11.2 11.5 3 0 5.9-1.2 7.9-3.2l-2.6-2.7a7.5 7.5 0 0 1-5.3 2.2m15.95-15.3h3s3.8 0 3.8 2.8c0 2.2-2.3 2.7-3.3 2.8zm5.5 9c2.1-.6 4.9-2.2 4.9-6.2 0-6.5-7.5-6.5-7.5-6.5h-6.74v3.7l2.84 5.6h-2.84V35h3.04v-9.3h2.1l5.9 9.3h4.3zm24.07-12.7-6.32 8-5.7-8h-4.6L114 24.4V35h3.08V24.4l8.29-11.8zm14.48 9.3-3.5-5.6h3s3.8 0 3.8 2.8c0 2.2-2.3 2.7-3.3 2.8m-7.85-9.3v3.7l3.35 5.6h-3.35V35H131v-9.3h4.27s7.5 0 7.5-6.6-7.5-6.5-7.5-6.5zm30.09 0h-13.17V16h5.07v19h3V16h5v-3.4zm10.46 12.6a4.6 4.6 0 0 1-4.6-4.6c0-2.6 2-4.6 4.6-4.6v-.1c2.5 0 4.6 2.1 4.6 4.7s-2 4.6-4.6 4.6m0-12.9a8.3 8.3 0 0 0-8.4 8.2v.1a8.3 8.3 0 0 0 8.3 8.3h.1a8.3 8.3 0 1 0 0-16.6m7.3 19h-15V35h14.8v-3.7zm17.8-9v3.5h3.8v3.3a7.4 7.4 0 0 1-5.6 2.5c-4.1 0-7.5-2.3-7.5-7.8 0-4.9 3.4-7.8 7.5-7.8 2 0 4 .9 5.3 2.2l2.6-2.6a11 11 0 0 0-7.9-3.3c-6.2 0-11.2 4.8-11.2 11.5 0 7.3 4.7 11.5 10.7 11.5 2.7 0 4.6-.6 6.4-2.3l.2 2.1h3.2V22.3zm16.8-6h3s3.7 0 3.7 2.8c0 2.2-2.2 2.7-3.2 2.8zm5.6 9c2.1-.6 4.9-2.2 4.9-6.2 0-6.5-7.5-6.5-7.5-6.5h-7.6v3.7l3.6 5.6h-3.6V35h3.8v-9.3h2.1l5.8 9.3h4.5zm13.2 3.9 2.65-7.66-.05-.14h.1l-.05.14 2.75 7.66zm2.6-17.2-8.8 23h4l1-2.6h7.8l1 2.6h4zm19.5 9.9-3.5-5.6h3s3.8 0 3.8 2.8c0 2.2-2.3 2.7-3.3 2.8m-7.25-9.3v3.7l2.75 5.7h-2.85v13h3.02v-9.3h3.73s7.5 0 7.5-6.6-7.5-6.5-7.5-6.5zm30.88 0v9.3h-8.99v-9.3h-4V35h4v-9.3h9V35h3.96V12.6h-4.06zm22.57 0-5.7 8-5.8-8h-4.5l8.4 11.8V35h3.7V24.4l8.4-11.8z\" fill=\"@{text}\"/></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n &:has([alt=\"Cryptography\"]) {\n @svg: escape(\n '<svg width=\"540\" height=\"540\" viewBox=\"0 0 540 540\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\"><path fill=\"@{base}\" d=\"M0 0h540v540H0z\"/><g fill=\"@{surface0}\"><path d=\"M529 525v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M528 526h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M475 525v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M259 525v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M258 526h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M205 525v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M204 526h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M97 525v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M16 525v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M15 526h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M448 498v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M447 499h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M420 499h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M394 498v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M393 499h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M340 498v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M232 498v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M231 499h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M151 498v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M124 498v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M123 499h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M96 499h2v1h-2v1h-3v-3h3zm-26-1v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M43 498v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M42 499h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M502 471v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M501 472h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M475 471v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M474 472h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M448 471v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M421 471v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M420 472h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M393 472h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M367 471v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M366 472h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M339 472h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M259 471v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M258 472h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M232 471v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M178 471v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M177 472h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M151 471v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M150 472h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M43 471v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm492-25v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M502 444v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M501 445h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M474 445h2v1h-2v1h-3v-3h3zm-54 0h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M367 444v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M366 445h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M340 444v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M339 445h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M259 444v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M258 445h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M204 445h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M178 444v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M177 445h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M42 445h2v1h-2v1h-3v-3h3zm487-28v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M448 417v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M447 418h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M421 417v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-75 2v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-76 3h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M232 417v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M231 418h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M204 418h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M124 417v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M123 418h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M16 417v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M15 418h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M529 390v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-48 2v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M448 390v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M447 391h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M366 391h2v1h-2v1h-3v-3h3zm-54 0h2v1h-2v1h-3v-3h3zm-53-1v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M205 390v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M204 391h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M151 390v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-49 3h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M70 390v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M69 391h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M16 390v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M529 363v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M528 364h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M447 364h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M394 363v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M393 364h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M313 363v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-49 3h2v1h-2v1h-3v-3h3zm-108 0h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M97 363v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M96 364h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M70 363v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M502 336v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M501 337h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M475 336v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M474 337h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M421 336v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-21 2v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M367 336v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M366 337h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M340 336v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M339 337h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M312 337h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M286 336v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M285 337h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M258 337h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M205 336v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M204 337h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M178 336v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M177 337h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M150 337h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M124 336v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M123 337h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M43 336v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M42 337h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M528 310h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M502 309v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M501 310h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M448 309v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M447 310h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M421 309v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M420 310h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M367 309v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-22 3h2v1h-2v1h-3v-3h3zm-27 0h2v1h-2v1h-3v-3h3zm-26-1v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M259 309v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M258 310h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M232 309v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M231 310h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M178 309v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-21 2v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-22 3h2v1h-2v1h-3v-3h3zm-27 0h2v1h-2v1h-3v-3h3zm-27 0h2v1h-2v1h-3v-3h3zm-27 0h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M16 309v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M15 310h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M529 282v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-49 3h2v1h-2v1h-3v-3h3zm-53-1v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-22 3h2v1h-2v1h-3v-3h3zm-81 0h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M286 282v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M285 283h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M259 282v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M205 282v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M204 283h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M178 282v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M70 282v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M69 283h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M502 255v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-75 2v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M394 255v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M393 256h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M340 255v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M339 256h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M313 255v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M312 256h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M258 256h2v1h-2v1h-3v-3h3zm-26-1v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M178 255v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M177 256h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M97 255v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M70 255v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M69 256h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M15 256h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M529 228v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M528 229h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M448 228v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-48 2v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-21 2v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-22 3h2v1h-2v1h-3v-3h3zm-107-1v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-48 2v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-22 3h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M70 228v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M69 229h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M43 228v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M42 229h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M16 228v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M502 201v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M501 202h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M367 201v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M366 202h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M339 202h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M286 201v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M285 202h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M259 201v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M232 201v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M231 202h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M123 202h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M70 201v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M69 202h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M43 201v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-21 2v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm491-24h2v1h-2v1h-3v-3h3zm-26-1v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M448 174v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M447 175h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M421 174v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M394 174v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M393 175h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M313 174v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M312 175h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M178 174v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-76 3h2v1h-2v1h-3v-3h3zm-27 0h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M16 174v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M15 175h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M420 148h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M367 147v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M366 148h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M285 148h2v1h-2v1h-3v-3h3zm-53-1v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-21 2v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-75 2v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M16 147v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M15 148h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M501 121h2v1h-2v1h-3v-3h3zm-81 0h2v1h-2v1h-3v-3h3zm-53-1v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M313 120v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M312 121h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M286 120v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M259 120v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M258 121h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M232 120v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M231 121h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M204 121h2v1h-2v1h-3v-3h3zm-27 0h2v1h-2v1h-3v-3h3zm-26-1v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M124 120v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M123 121h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M43 120v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-22 3h2v1h-2v1h-3v-3h3zm513-27h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M502 93v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M501 94h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M475 93v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-21 2v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-49 3h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M340 93v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M339 94h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M313 93v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M312 94h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M259 93v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M205 93v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M204 94h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M177 94h2v1h-2v1h-3v-3h3zm-26-1v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-21 2v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M97 93v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M96 94h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M43 93v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M42 94h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M529 66v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M502 66v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M501 67h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M340 66v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M339 67h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M286 66v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M285 67h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M258 67h2v1h-2v1h-3v-3h3zm-26-1v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-21 2v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-48 2v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M97 66v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M96 67h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M42 67h2v1h-2v1h-3v-3h3zm487-28v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M475 39v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M474 40h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M448 39v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M447 40h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M394 39v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M393 40h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M367 39v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M366 40h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M286 39v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-49 3h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M178 39v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M177 40h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M151 39v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M150 40h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M421 12v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-22 3h2v1h-2v1h-3v-3h3zm-26-1v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M340 12v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M339 13h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M313 12v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M312 13h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M205 12v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M151 12v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M150 13h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M96 13h2v1h-2v1h-3v-3h3zm-26-1v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-48 2v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/></g></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n\n .site-header {\n background-image: none;\n }\n }\n }\n}\n\n#rgbify(@color) {\n @rgb: red(@color), green(@color), blue(@color);\n}\n\n/* deno-fmt-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n};\n",
|
|
"usercssData": {
|
|
"name": "Stack Overflow Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/stack-overflow",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/stack-overflow",
|
|
"version": "2024.12.31",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/stack-overflow/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Astack-overflow",
|
|
"description": "Soothing pastel theme for Stack Overflow",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": null,
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"darkFlavor": {
|
|
"type": "select",
|
|
"label": "Dark Flavor",
|
|
"name": "darkFlavor",
|
|
"value": "macchiato",
|
|
"default": "mocha",
|
|
"options": [
|
|
{
|
|
"name": "latte",
|
|
"label": "Latte",
|
|
"value": "latte"
|
|
},
|
|
{
|
|
"name": "frappe",
|
|
"label": "Frappé",
|
|
"value": "frappe"
|
|
},
|
|
{
|
|
"name": "macchiato",
|
|
"label": "Macchiato",
|
|
"value": "macchiato"
|
|
},
|
|
{
|
|
"name": "mocha",
|
|
"label": "Mocha",
|
|
"value": "mocha"
|
|
}
|
|
]
|
|
},
|
|
"accentColor": {
|
|
"type": "select",
|
|
"label": "Accent",
|
|
"name": "accentColor",
|
|
"value": "teal",
|
|
"default": "mauve",
|
|
"options": [
|
|
{
|
|
"name": "rosewater",
|
|
"label": "Rosewater",
|
|
"value": "rosewater"
|
|
},
|
|
{
|
|
"name": "flamingo",
|
|
"label": "Flamingo",
|
|
"value": "flamingo"
|
|
},
|
|
{
|
|
"name": "pink",
|
|
"label": "Pink",
|
|
"value": "pink"
|
|
},
|
|
{
|
|
"name": "mauve",
|
|
"label": "Mauve",
|
|
"value": "mauve"
|
|
},
|
|
{
|
|
"name": "red",
|
|
"label": "Red",
|
|
"value": "red"
|
|
},
|
|
{
|
|
"name": "maroon",
|
|
"label": "Maroon",
|
|
"value": "maroon"
|
|
},
|
|
{
|
|
"name": "peach",
|
|
"label": "Peach",
|
|
"value": "peach"
|
|
},
|
|
{
|
|
"name": "yellow",
|
|
"label": "Yellow",
|
|
"value": "yellow"
|
|
},
|
|
{
|
|
"name": "green",
|
|
"label": "Green",
|
|
"value": "green"
|
|
},
|
|
{
|
|
"name": "teal",
|
|
"label": "Teal",
|
|
"value": "teal"
|
|
},
|
|
{
|
|
"name": "blue",
|
|
"label": "Blue",
|
|
"value": "blue"
|
|
},
|
|
{
|
|
"name": "sapphire",
|
|
"label": "Sapphire",
|
|
"value": "sapphire"
|
|
},
|
|
{
|
|
"name": "sky",
|
|
"label": "Sky",
|
|
"value": "sky"
|
|
},
|
|
{
|
|
"name": "lavender",
|
|
"label": "Lavender",
|
|
"value": "lavender"
|
|
},
|
|
{
|
|
"name": "subtext0",
|
|
"label": "Gray",
|
|
"value": "subtext0"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"author": "Catppuccin",
|
|
"description": "Soothing pastel theme for Stack Overflow",
|
|
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/stack-overflow",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/stack-overflow/catppuccin.user.less",
|
|
"name": "Stack Overflow Catppuccin",
|
|
"originalDigest": "475148def18b07161d61fd34e3c773cdaa887904",
|
|
"_id": "1962007f-3241-4a9e-89e0-dd1644e6bfaf",
|
|
"_rev": 1736501772135,
|
|
"id": 21,
|
|
"etag": "W/\"6c15e06d0c8c6684d729a48581e5e6d0d9ba507b4d8e61b0d3d52f0712f757fa\"",
|
|
"updateDate": 1736501276161
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"installDate": 1730119940973,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"sourceCode": "/*==UserStyle==\n@name Youtube Music Catppuccin\n@namespace github.com/catppuccin/youtubemusic\n@version 0.4.3\n@description Soothing pastel theme for Youtube Music\n@author Catppuccin\n@updateURL https://raw.githubusercontent.com/catppuccin/youtubemusic/main/src/youtubemusic.user.css\n@preprocessor less\n\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@-moz-document domain(\"music.youtube.com\") {\n @import (css) url(\"https://youtubemusic.catppuccin.com/src/@{lightFlavor}.css\") (prefers-color-scheme: light);\n @import (css) url(\"https://youtubemusic.catppuccin.com/src/@{darkFlavor}.css\") (prefers-color-scheme: dark);\n \n html:not(.style-scope) {\n @accent: \"--ctp-@{accentColor}\";\n --ctp-accent: var(e(@accent)) !important;\n }\n}\n",
|
|
"usercssData": {
|
|
"name": "Youtube Music Catppuccin",
|
|
"namespace": "github.com/catppuccin/youtubemusic",
|
|
"version": "0.4.3",
|
|
"description": "Soothing pastel theme for Youtube Music",
|
|
"author": "Catppuccin",
|
|
"updateURL": "https://raw.githubusercontent.com/catppuccin/youtubemusic/main/src/youtubemusic.user.css",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": "macchiato",
|
|
"default": "latte",
|
|
"options": [
|
|
{
|
|
"name": "latte",
|
|
"label": "Latte",
|
|
"value": "latte"
|
|
},
|
|
{
|
|
"name": "frappe",
|
|
"label": "Frappé",
|
|
"value": "frappe"
|
|
},
|
|
{
|
|
"name": "macchiato",
|
|
"label": "Macchiato",
|
|
"value": "macchiato"
|
|
},
|
|
{
|
|
"name": "mocha",
|
|
"label": "Mocha",
|
|
"value": "mocha"
|
|
}
|
|
]
|
|
},
|
|
"darkFlavor": {
|
|
"type": "select",
|
|
"label": "Dark Flavor",
|
|
"name": "darkFlavor",
|
|
"value": "macchiato",
|
|
"default": "mocha",
|
|
"options": [
|
|
{
|
|
"name": "latte",
|
|
"label": "Latte",
|
|
"value": "latte"
|
|
},
|
|
{
|
|
"name": "frappe",
|
|
"label": "Frappé",
|
|
"value": "frappe"
|
|
},
|
|
{
|
|
"name": "macchiato",
|
|
"label": "Macchiato",
|
|
"value": "macchiato"
|
|
},
|
|
{
|
|
"name": "mocha",
|
|
"label": "Mocha",
|
|
"value": "mocha"
|
|
}
|
|
]
|
|
},
|
|
"accentColor": {
|
|
"type": "select",
|
|
"label": "Accent",
|
|
"name": "accentColor",
|
|
"value": "red",
|
|
"default": "sapphire",
|
|
"options": [
|
|
{
|
|
"name": "rosewater",
|
|
"label": "Rosewater",
|
|
"value": "rosewater"
|
|
},
|
|
{
|
|
"name": "flamingo",
|
|
"label": "Flamingo",
|
|
"value": "flamingo"
|
|
},
|
|
{
|
|
"name": "pink",
|
|
"label": "Pink",
|
|
"value": "pink"
|
|
},
|
|
{
|
|
"name": "mauve",
|
|
"label": "Mauve",
|
|
"value": "mauve"
|
|
},
|
|
{
|
|
"name": "red",
|
|
"label": "Red",
|
|
"value": "red"
|
|
},
|
|
{
|
|
"name": "maroon",
|
|
"label": "Maroon",
|
|
"value": "maroon"
|
|
},
|
|
{
|
|
"name": "peach",
|
|
"label": "Peach",
|
|
"value": "peach"
|
|
},
|
|
{
|
|
"name": "yellow",
|
|
"label": "Yellow",
|
|
"value": "yellow"
|
|
},
|
|
{
|
|
"name": "green",
|
|
"label": "Green",
|
|
"value": "green"
|
|
},
|
|
{
|
|
"name": "teal",
|
|
"label": "Teal",
|
|
"value": "teal"
|
|
},
|
|
{
|
|
"name": "blue",
|
|
"label": "Blue",
|
|
"value": "blue"
|
|
},
|
|
{
|
|
"name": "sapphire",
|
|
"label": "Sapphire",
|
|
"value": "sapphire"
|
|
},
|
|
{
|
|
"name": "sky",
|
|
"label": "Sky",
|
|
"value": "sky"
|
|
},
|
|
{
|
|
"name": "lavender",
|
|
"label": "Lavender",
|
|
"value": "lavender"
|
|
},
|
|
{
|
|
"name": "subtext0",
|
|
"label": "Gray",
|
|
"value": "subtext0"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"author": "Catppuccin",
|
|
"description": "Soothing pastel theme for Youtube Music",
|
|
"updateUrl": "https://raw.githubusercontent.com/catppuccin/youtubemusic/main/src/youtubemusic.user.css",
|
|
"name": "Youtube Music Catppuccin",
|
|
"preferScheme": "dark",
|
|
"originalDigest": "21afdba5c2f4f854275ae4cc35e6107549937656",
|
|
"_id": "19e5a670-10a3-48ca-a1a3-b4d6c31ca9e6",
|
|
"_rev": 1736501772211,
|
|
"id": 22,
|
|
"etag": "W/\"2e7b9cbf89be9664e93c5662916c9fcd12408f73fd601df0e293e3e1f1707a27\""
|
|
}
|
|
] |