mirror of
https://github.com/XNM1/linux-nixos-hyprland-config-dotfiles.git
synced 2025-09-15 09:45:58 +03:00
3537 lines
687 KiB
JSON
3537 lines
687 KiB
JSON
[
|
|
{
|
|
"settings": {
|
|
"openEditInWindow": false,
|
|
"openEditInWindow.popup": false,
|
|
"windowPosition": {},
|
|
"show-badge": true,
|
|
"disableAll": false,
|
|
"exposeIframes": false,
|
|
"exposeStyleName": false,
|
|
"newStyleAsUsercss": true,
|
|
"styleViaASS": false,
|
|
"styleViaXhr": false,
|
|
"patchCsp": true,
|
|
"urlInstaller": true,
|
|
"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.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.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.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,
|
|
"popupWidth": 246,
|
|
"popupWidthMax": 280,
|
|
"updateInterval": 24,
|
|
"updateOnlyEnabled": false
|
|
},
|
|
"order": {
|
|
"main": [],
|
|
"prio": []
|
|
}
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/nixos-search/catppuccin.user.css",
|
|
"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 0.4.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/nixos-search/catppuccin.user.css\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 @media (prefers-color-scheme: light) {\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\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 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 --background-color: @base;\n --badge-background: @accent-color;\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-color;\n --info-label-background: @accent-color;\n --dark-blue: @accent-color;\n --light-blue: @accent-color; // 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-color;\n --search-sidebar-link-color: @text;\n --search-sidebar-selected-link-background: @accent-color;\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/* 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 Search Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/nixos-search",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/nixos-search",
|
|
"version": "0.4.1",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/nixos-search/catppuccin.user.css",
|
|
"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": 1715527454630,
|
|
"_id": "c79c1637-d3ba-4bdb-b460-bb9367f36c9c",
|
|
"_rev": 1715535527290,
|
|
"id": 1,
|
|
"originalDigest": "0ffb84c79403190c93980bc4f7f6f25d05cbc6cb",
|
|
"etag": "W/\"e18e03824d3d5087eb1882da81c7b240b77a1cef6e13916fb47e749b2f1ac30e\""
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/brave-search/catppuccin.user.css",
|
|
"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 2.0.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/brave-search/catppuccin.user.css\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, @accentColor);\n }\n :root.dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n :root:not(.light, .dark) {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor, @accentColor);\n }\n @media (prefers-color-scheme: dark) {\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 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 --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-color;\n --color-divider-subtle: @surface0;\n --color-divider-interactive: @accent-color;\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-color;\n --color-primary-50: @accent-color;\n --color-primitive-primary-60: @accent-color;\n --color-primitive-primary-70: darken(@accent-color, 5%);\n --color-container-interactive: transparent;\n --color-button-background: @accent-color;\n --color-button-disabled: fade(@surface2, 30%);\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-color;\n border-color: @accent-color !important;\n color: @base !important;\n }\n .tab-item.active .icon {\n fill: @accent-color !important;\n }\n .tab-item.active ::after {\n background: @accent-color !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-color}\" 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-color}\" 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-color}\" 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-color}\" 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-color}\" 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-color}\" 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-color;\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-color}\" 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-color}\" 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/* 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": "Brave Search Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/brave-search",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/brave-search",
|
|
"version": "2.0.1",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/brave-search/catppuccin.user.css",
|
|
"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": 1715527472220,
|
|
"_id": "32352688-6557-43a8-ac09-6f44295035d0",
|
|
"_rev": 1715538683132,
|
|
"id": 2,
|
|
"originalDigest": "9b94e82bcb60dd9af7727894cb777bf712f2b760",
|
|
"etag": "W/\"0ee86c18557ff3aed21ac298cba6427b9170a57a9802500d1bd240623a462c66\"",
|
|
"preferScheme": "none"
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.css",
|
|
"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 0.2.11\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.css\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@0.1.2/css/catppuccin.variables.css\");\n\n :root.light {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n :root.dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n --ctp-rosewater: #rgbify(@rosewater) [];\n --ctp-flamingo: #rgbify(@flamingo) [];\n --ctp-pink: #rgbify(@pink) [];\n --ctp-mauve: #rgbify(@mauve) [];\n --ctp-red: #rgbify(@red) [];\n --ctp-maroon: #rgbify(@maroon) [];\n --ctp-peach: #rgbify(@peach) [];\n --ctp-yellow: #rgbify(@yellow) [];\n --ctp-green: #rgbify(@green) [];\n --ctp-teal: #rgbify(@teal) [];\n --ctp-sky: #rgbify(@sky) [];\n --ctp-sapphire: #rgbify(@sapphire) [];\n --ctp-blue: #rgbify(@blue) [];\n --ctp-lavender: #rgbify(@lavender) [];\n --ctp-text: #rgbify(@text) [];\n --ctp-subtext1: #rgbify(@subtext1) [];\n --ctp-subtext0: #rgbify(@subtext0) [];\n --ctp-overlay2: #rgbify(@overlay2) [];\n --ctp-overlay1: #rgbify(@overlay1) [];\n --ctp-overlay0: #rgbify(@overlay0) [];\n --ctp-surface2: #rgbify(@surface2) [];\n --ctp-surface1: #rgbify(@surface1) [];\n --ctp-surface0: #rgbify(@surface0) [];\n --ctp-base: #rgbify(@base) [];\n --ctp-mantle: #rgbify(@mantle) [];\n --ctp-crust: #rgbify(@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 code.hljs {\n background: none;\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 color: @text;\n\n @white: lighten(if(@lookup=latte, @base, @text), 5%);\n @black: darken(if(@lookup=latte, @text, @base), 5%);\n --white: @white;\n --black: @black;\n\n & when not (@lookup = 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-800: @base;\n --gray-900: @mantle;\n --gray-950: @crust;\n --brand-purple: @accent-color;\n --text-primary: var(--gray-100);\n --text-secondary: var(--gray-300);\n --text-tertiary: var(--gray-400);\n --text-quaternary: var(--gray-700);\n --main-surface-primary: var(--gray-800);\n --main-surface-secondary: var(--gray-700);\n --main-surface-tertiary: var(--gray-600);\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 (@lookup = 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-color;\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 --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-color;\n --link-hover: if(\n @lookup = latte,\n lighten(@accent-color, 10%),\n darken(@accent-color, 10%)\n );\n\n *:focus {\n --tw-ring-offset-color: @base;\n --tw-ring-color: @accent-color;\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-color;\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-color;\n }\n\n .form-input::placeholder,\n .form-textarea::placeholder {\n color: @overlay2;\n }\n\n /* Buttons */\n\n .btn-primary {\n background-color: @green;\n color: @base;\n }\n\n .btn-primary:hover {\n background-color: darken(@green, 10%);\n }\n\n .btn-primary.focus-visible {\n --tw-ring-color: lighten(@green, 10%) !important;\n }\n\n .btn-primary:focus-visible {\n --tw-ring-color: lighten(@green, 10%) !important;\n }\n\n .btn-danger {\n background-color: @red;\n color: @base;\n }\n\n .btn-danger:hover {\n background-color: darken(@red, 10%);\n }\n\n .btn-danger.focus-visible {\n --tw-ring-color: lighten(@red, 10%) !important;\n }\n\n .btn-danger:focus-visible {\n --tw-ring-color: lighten(@red, 10%) !important;\n }\n\n .btn-danger:disabled:hover {\n background-color: @red;\n }\n\n .btn-danger-outline {\n border-color: @red;\n color: @red;\n }\n\n .btn-danger-outline.focus-visible {\n --tw-ring-color: lighten(@red, 10%) !important;\n }\n\n .btn-danger-outline:focus-visible {\n --tw-ring-color: lighten(@red, 10%) !important;\n }\n\n .btn-neutral.focus-visible {\n --tw-ring-color: @overlay0 !important;\n }\n\n .btn-neutral:focus-visible {\n --tw-ring-color: @overlay0 !important;\n }\n\n .btn-dark {\n background-color: @surface0;\n border-color: @overlay0;\n color: @text;\n }\n\n .btn-dark:hover {\n background-color: @surface1;\n }\n\n .btn-light {\n background-color: @text;\n color: @black;\n }\n\n .btn-light:hover {\n background-color: @base;\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-color !important;\n }\n\n .\\!bg-gray-200 {\n background-color: var(--gray-200) !important;\n }\n\n .bg-[\\#0077FF],\n .bg-\\[\\#3C46FF\\] {\n background-color: @blue;\n }\n\n .hover\\:bg-\\[\\#0000FF\\]:hover {\n background-color: darken(@blue, 10%);\n }\n\n .bg-[\\#10A37F] {\n background-color: @green;\n }\n\n .bg-[\\#3C46FF] {\n background-color: @blue;\n }\n\n .bg-[\\#4046EC] {\n background-color: @blue;\n }\n\n .bg-[\\#B161FD] {\n background-color: @accent-color;\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 .bg-brand-blue-800 {\n background-color: darken(@blue, 20%);\n }\n\n .bg-blue-950 {\n background-color: darken(@blue, 30%);\n }\n\n .checked\\:bg-blue-600:checked {\n background-color: @accent-color;\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-color;\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-color !important;\n }\n\n .dark\\:radix-state-checked\\:border-green-600[data-state=\"checked\"]:is(\n .dark *\n ) {\n border-color: @accent-color;\n }\n\n .hover\\:bg-blue-700:hover {\n background-color: darken(@blue, 25%);\n }\n\n [class*=\"bg-transparent\"] {\n background-color: transparent;\n }\n\n /* Gradients */\n\n .from-white {\n --tw-gradient-from: @white 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-color, 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-color;\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-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 (@lookup = 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 .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\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 /* 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}\n\n@-moz-document domain(\"auth.openai.com\") {\n @media (prefers-color-scheme: light) {\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\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 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 color: @text;\n caret-color: @text;\n\n a {\n color: @accent-color;\n }\n\n body,\n .oai-header,\n .login-container {\n background-color: @base;\n }\n\n img[alt=\"OpenAI's Logo\"] {\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-color;\n\n + .email-label {\n color: @accent-color;\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-color;\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, @accentColor);\n }\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 --primary-color: @accent-color;\n --primary-color-no-override: @accent-color;\n --action-primary-color: @accent-color;\n --link-color: @accent-color;\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 background-color: @accent-color;\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-raw: red(@color), green(@color), blue(@color);\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": "ChatGPT Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/chatgpt",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/chatgpt",
|
|
"version": "0.2.11",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.css",
|
|
"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": 1715527450700,
|
|
"_id": "b053cab5-a06a-4e0b-92a6-85a53326e988",
|
|
"_rev": 1715537424823,
|
|
"id": 3,
|
|
"originalDigest": "c262c23c425d132efea49ccb4b2c7e74049da9c6",
|
|
"etag": "W/\"05a1f4e6668bf63e3892f041c8380fab27d6f44558a07fb50b882cb8920f9519\""
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/deepl/catppuccin.user.css",
|
|
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/deepl",
|
|
"installDate": 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 0.3.5\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/deepl/catppuccin.user.css\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\n@var checkbox zenMode \"Zen Mode\" 0\n==/UserStyle== */\n\n@-moz-document regexp(\"https:\\\\/\\\\/www.deepl.com\\\\/?(.*\\\\/)translator.*$\") {\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 @accent-text: @crust; // if(@lookup=latte, #fff, @crust) * this doesn't work for some reason. find fix\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 body,\n button {\n color: @text;\n }\n\n p {\n color: @subtext1;\n }\n\n a {\n color: @accent-color;\n\n &:hover {\n color: darken(@accent-color, 8%);\n }\n }\n\n input {\n background-color: @base;\n }\n\n // dammit tailwind\n .bg-neutral-next-50,\n .bg-deprecated-grey {\n background-color: @mantle;\n }\n\n &,\n .bg-white,\n .bg-blue-100 {\n background-color: @base;\n }\n\n .bg-dark-8 {\n background-color: @surface0;\n }\n\n .bg-mosque {\n background-color: spin(@accent-color, 30);\n\n &.text-white {\n color: @accent-text;\n }\n }\n\n .bg-blue-next-500 {\n background-color: @accent-color;\n\n &.text-white {\n color: @accent-text;\n }\n }\n\n .border-dark-7,\n .border-neutral-300 {\n border-color: @surface0;\n }\n\n .border-blue-chill,\n .bg-blue-next-500 {\n border-color: @accent-color;\n }\n\n .border-neutral-next-900 {\n border-color: @overlay1;\n }\n\n .text-deepl-blue,\n .text-blue-600 {\n color: @accent-color;\n }\n\n .text-blue-chill {\n color: spin(@accent-color, 30);\n }\n\n .text-deprecated-mid-grey {\n color: @text;\n }\n\n .text-neutral-600 {\n color: @subtext0;\n }\n\n .text-dark-1,\n .text-deprecated-almost-black {\n color: @subtext1;\n }\n\n .text-white,\n .text-black {\n color: @text;\n }\n\n .text-neutral-next-800 {\n color: @overlay1;\n }\n\n [class*=\"hover:bg-dark-8\"]:hover,\n [class*=\"enabled:hover:bg-dark-8\"]:hover:enabled,\n [class*=\"hover:bg-neutral-200\"]:hover,\n [class*=\"hover:bg-neutral-next-100\"]:hover {\n background-color: @surface0;\n }\n\n [class*=\"hover:bg-blue-200\"]:hover {\n background-color: mix(@accent-color, @base, 8%);\n }\n\n [class*=\"hover:bg-blue-next-700\"]:hover {\n background-color: darken(@accent-color, 8%);\n }\n\n [class*=\"hover:border-blue-next-700\"]:hover {\n border-color: darken(@accent-color, 8%);\n }\n\n [class*=\"disabled:text-dark-5:disabled\"],\n [class*=\"disabled:text-neutral-500:disabled\"] {\n color: @overlay1;\n }\n\n [class*=\"hover:text-blue-chill\"]:hover {\n color: darken(@accent-color, 15%);\n }\n\n [class*=\"bg-[#E1F0F5]\"] {\n background-color: fadeout(@accent-color, 70%);\n }\n\n // span[class*=\"hover:bg-[#B4DAE8]\"],\n [class*=\"bg-[#B4DAE8]\"] {\n // background-color: fadeout(@accent-color, 55%);\n\n &[class*=\"text-[#01557C]\"] {\n color: darken(@accent-color, 50%);\n }\n }\n\n [class*=\"text-[#25282D]\"] {\n color: @text;\n }\n\n [class*=\"text-[#01557C]\"] {\n color: @accent-color;\n }\n\n .divide-dark-7 > :not([hidden]) ~ :not([hidden]) {\n border-color: @surface1;\n }\n\n // general stuff\n [class*=\"button--\"] {\n &[class*=\"variant_contained--\"],\n &[class*=\"variant_contained--\"]:hover {\n color: @accent-text;\n }\n\n &[class*=\"color_primary--\"] {\n background-color: @accent-color;\n border-color: @accent-color;\n\n &:hover {\n background-color: darken(@accent-color, 15%);\n border-color: darken(@accent-color, 15%);\n color: @accent-text;\n }\n }\n }\n\n [class*=\"IconAnchor-module--anchor--\"] {\n color: @accent-color;\n\n &:hover {\n background-color: @surface0;\n }\n }\n\n [stroke=\"#0F2B46\"] {\n stroke: @accent-color !important;\n }\n\n [stroke=\"#006494\"] {\n stroke: @subtext0 !important;\n }\n\n // header\n [class*=\"BasePageHeader-module--\"] {\n background-color: @crust;\n }\n\n .border-\\[\\#f1f1f1\\] {\n border-color: @surface0;\n }\n\n [class|=\"PageHeaderLink-module--pageHeaderLink\"],\n [class|=\"FlyoutMenuButton-module--flyoutMenuButton\"],\n [class|=\"LoginButton-module--loginButton\"] {\n color: darken(@accent-color, 8%);\n }\n\n [class|=\"SideMenuButton-module--menuButton\"] {\n &,\n &::before,\n &::after {\n border-top-color: darken(@accent-color, 8%);\n }\n\n &:hover {\n &,\n &::before,\n &::after {\n border-top-color: @accent-color;\n }\n }\n }\n\n [class*=\"PageHeaderLink-module--pageHeaderLink--\"]:not(\n [class*=\"PageHeaderLink-module--nohover--\"]\n ):hover {\n color: @accent-color;\n border-color: @accent-color;\n }\n\n [class|=\"LoginButton-module--loginButton\"]:hover {\n color: @accent-color;\n }\n\n [class*=\"badge-module--badge--\"][class*=\"badge-module--proDark--\"] {\n background-color: spin(@accent-color, 30);\n color: @accent-text;\n }\n\n [class*=\"StartFreeTrialButton-module--startFreeTrialButton--\"] {\n background-color: @accent-color !important;\n border-color: @accent-color !important;\n color: @accent-text !important;\n\n &:hover {\n background-color: darken(@accent-color, 8%);\n border-color: darken(@accent-color, 8%);\n color: @accent-text;\n }\n }\n\n [class|=\"ProductUpdateButton-module--updateToolTip\"] {\n background-color: @surface0;\n color: @text;\n\n &::after {\n border-bottom-color: @surface0;\n }\n }\n\n // buttons above translation container\n .bg-\\[\\#EDF8FC\\],\n [class|=\"cardButton\"] {\n background-color: @base;\n border-color: @surface0;\n\n &:not([class*=\"active--\"]):hover {\n background-color: @surface0;\n }\n }\n\n [class|=\"textLower\"] {\n color: @overlay1;\n }\n\n [class|=\"logo\"],\n [class|=\"textUpper\"] {\n color: @accent-color;\n }\n\n [class*=\"active--\"] {\n [class|=\"logo\"],\n [class|=\"textUpper\"] {\n color: @text;\n }\n\n [class|=\"innerLower\"] {\n background-color: @accent-color;\n }\n }\n\n // translation container\n [class*=\"SourceTranslatorArea-module--focusBorder--\"]:has(\n div[contenteditable=\"true\"]:focus\n ) {\n border-color: @accent-color;\n }\n\n d-textarea > [data-placeholder],\n d-textarea > div[data-content=\"true\"]::before {\n color: @subtext0;\n }\n\n [class*=\"enabled:hover-capable:hover:bg-dark-8\"]:hover:enabled {\n background-color: @surface0;\n }\n\n // alternatives\n [data-testid=\"word-alternatives-list\"] {\n [class*=\"root--\"] {\n background-color: @base;\n\n &[class*=\"selected--\"] {\n background-color: @surface0;\n }\n }\n }\n\n div:has(> [class^=\"DictionaryContent-module--content--\"].embedded) {\n background-color: @base;\n\n .tag_lemma .dictLink {\n color: @subtext1;\n }\n\n .translation_group .translation_group_line .notascommon,\n .translation_group .translation_group_line .translation.sortablemg .sep {\n color: @overlay2;\n }\n }\n\n // dictionary\n [class*=\"DictionaryContent-module--content--\"] {\n .isForeignTerm .inflectioninfo,\n .isForeignTerm .tag_lemma,\n .isForeignTerm .tag_lemma a,\n .isForeignTerm .tag_s,\n .isForeignTerm .tag_s a,\n .isForeignTerm .tag_trans_src_context,\n .tag_trans {\n color: @subtext1;\n }\n\n .isForeignTerm .tag_t,\n .isForeignTerm .tag_t a,\n .isForeignTerm .tag_trans,\n .isForeignTerm .tag_trans a,\n .tag_lemma a {\n color: @accent-color;\n }\n\n .notascommon,\n .sep {\n color: @overlay2;\n }\n }\n\n // glossary\n .lmt__glossary_dialog--arrow {\n &::before {\n border-color: @surface1 transparent transparent;\n }\n\n &::after {\n border-color: @surface0 transparent transparent;\n }\n }\n\n .lmt__glossary_onOffSwitch_container {\n label[class|=\"label\"] {\n --background: @overlay1;\n --backgroundHover: darken(@overlay1, 8%);\n --inlineLabelColor: @accent-text;\n --outline-color: @accent-color;\n\n &[class*=\"selected--\"] {\n --background: @green;\n --backgroundHover: darken(@green, 8%);\n }\n\n [class|=\"toggle\"] [class|=\"knob\"] {\n background: @accent-text;\n }\n }\n }\n\n [class|=\"modal\"],\n .lmt__glossary_editor {\n background-color: @base;\n\n [class*=\"Form-module--form--\"] [class*=\"Form-module--submit--\"] {\n background: @accent-color;\n color: @accent-text;\n\n &:disabled {\n background: fadeout(@accent-color, 50%);\n }\n }\n }\n\n .lmt__glossary_editor {\n color: @text;\n border-color: @accent-color;\n\n form.bg-deprecated-grey\n [class|=\"wrapper\"][class*=\"Form-module--inputSource--\"],\n form.bg-deprecated-grey\n [class|=\"wrapper\"][class*=\"Form-module--inputTarget--\"] {\n --input-background: @base;\n --input-border-color: @surface1;\n --input-color: @subtext1;\n\n [class|=\"button\"][aria-expanded=\"true\"] {\n border-color: @accent-color;\n }\n\n [class|=\"controls\"] [class|=\"wrapper\"] {\n --button-background: @base;\n --button-border-color: @surface1;\n --button-color: @subtext1;\n\n [class|=\"flyout\"] {\n background: @base;\n --option-color: @subtext1;\n --option-selected-color: @subtext1;\n --option-background: fadeout(@yellow, 80%);\n --option-disabled-color: @overlay1;\n --option-icon-color: @accent-color;\n }\n }\n }\n }\n\n .lmt__glossary_editor_mainBar {\n background-color: @accent-color;\n color: @accent-text;\n\n .lmt__glossary_editorClose {\n color: inherit;\n }\n }\n\n .lmt__glossary_editor .lmt__glossary_editor_subBar_top,\n .lmt__glossary_editor_subBar_bottom {\n background-color: @mantle;\n }\n\n .lmt__glossary_editor\n .lmt__glossary_editor_subBar_top\n .lmt__glossary_editor_glossarySelect\n .lmt__glossary_editor_glossaryNameWrapper\n .lmt__glossary_editor_glossaryName {\n color: inherit;\n }\n\n .lmt__glossary_editor\n .lmt__glossary_editor_subBar_top\n .lmt__glossary_editor_glossarySelect\n .lmt__glossary_editor_glossaryNameWrapper\n .lmt__glossary_editor_glossarySelectChevron.lmt__glossary_arrowDown {\n border-right-color: darken(@accent-color, 8%);\n border-bottom-color: darken(@accent-color, 8%);\n }\n\n .lmt__glossary_button .lmt__glossary_button_label:hover,\n .lmt__glossary_highlight,\n .lmt__glossary_editor_subBar_bottom\n .lmt__glossary_editor_glossaryAddNewWrapper\n .lmt__glossary_editor_glossaryAddNew {\n color: @accent-color;\n }\n\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputSource,\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputTarget {\n border-color: @surface1;\n color: @subtext1;\n\n &:focus {\n border-color: @accent-color;\n }\n }\n\n .lmt__glossary_editor_langPairHeadline {\n color: inherit;\n border-bottom-color: @surface1;\n }\n\n .lmt__glossary_editorRow {\n color: inherit;\n\n .iconButton {\n color: @subtext0;\n }\n }\n\n .lmt__glossary_arrowRightWrapper .lmt__glossary_arrowRight {\n border-bottom-color: @surface1;\n border-right-color: @surface1;\n }\n\n .lmt__glossary_dialog {\n background-color: @surface0;\n border-color: @surface1;\n color: @text;\n }\n\n .lmt__glossary_dialog__line--suggestions,\n .lmt__glossary_dialog__line .choice .option {\n color: @accent-color;\n }\n\n // this this appears when you click on a word on the translated container...\n .root--Te5J3 {\n background-color: @base;\n }\n\n .divider--CI8JQ {\n color: @surface1;\n }\n\n // translate files\n [class^=\"UploadPanel-module--docTrans__help_popup--\"] {\n background-color: @base;\n }\n\n // quotes\n [class|=\"Quote-module--quote\"] {\n background-color: @base !important;\n border-color: @surface0;\n color: @text;\n }\n\n [class|=\"Quote-module--quoteSource\"] {\n > a {\n color: darken(@accent-color, 8%);\n }\n }\n\n [class|=\"Quotes-module--quotesNavigationEntry\"] {\n background-color: @surface1;\n }\n\n [class*=\"Quotes-module--quotesNavigationEntryActive--\"] {\n background-color: @accent-color;\n }\n\n // aside\n [class^=\"ProBanner2021-module--wrapper--\"],\n [class|=\"CareerBanner-module--container\"] {\n background: @base;\n }\n\n [class|=\"CareerBanner-module--text\"] {\n h2 {\n color: @overlay1;\n }\n }\n\n [class|=\"PopularLangPairList-module--seoText\"] {\n color: @overlay0;\n\n p[class|=\"PopularLangPairList-module--title\"] {\n color: @overlay2;\n }\n }\n\n // footer\n footer [class|=\"pageFooterV2-module--footerOuterContainer\"] {\n background-color: @base;\n }\n\n [class|=\"ProBanner2021-module--textLink\"] {\n color: spin(@accent-color, 30);\n }\n\n [class|=\"pageFooterV2-module--footerOuterContainer\"]\n [class|=\"pageFooterV2-module--footerContainer\"]\n [class|=\"pageFooterV2-module--footerContentContainer\"]\n [class|=\"pageFooterV2-module--linksContainer\"]\n [class|=\"pageFooterV2-module--linkList\"]\n li {\n &:first-of-type {\n color: @overlay1;\n }\n\n &:not(:first-of-type) a {\n color: @text !important;\n }\n }\n\n [class|=\"LanguageSelector-module--wrapper\"] {\n --button-background: @surface0;\n --button-border-color: @surface1;\n --button-color: @subtext1;\n\n [class|=\"LanguageSelector-module--flyout\"] {\n background: @surface0;\n // --option-background: @surface0;\n --option-color: @subtext1;\n --option-icon-color: @accent-color;\n\n [class|=\"LanguageSelector-module--option\"][class*=\"LanguageSelector-module--active--\"] {\n --option-background: fadeout(@yellow, 80%);\n }\n }\n }\n\n // side menu\n [class|=\"classicSidemenu-module--menuContainer\"] {\n background-color: @base;\n\n [class|=\"closeButton-module--closeButton\"] {\n &::before,\n &::after {\n background-color: @accent-color;\n }\n }\n }\n\n [class|=\"classicSidemenu-module--mainContent\"] {\n border-bottom-color: @surface0;\n }\n\n [class|=\"mainMenu-module--container\"] a {\n color: @text;\n\n &:hover {\n color: @accent-color;\n }\n }\n\n [class|=\"subMenu-module--container\"] {\n button {\n color: @text !important;\n }\n\n [class|=\"button-module--button\"][class*=\"button-module--variant_text--\"] {\n &,\n &:hover {\n background-color: transparent;\n }\n }\n }\n\n .lmt__glossary_ad_checkmark {\n border-bottom-color: @green;\n border-right-color: @green;\n }\n\n & when (@zenMode = 1) {\n header,\n [class=\"w-full bg-white px-8 lg:px-[70px]\"],\n [class=\"p-8 lg:px-[70px]\"],\n footer,\n [href=\"/write\"].block {\n display: none;\n }\n\n body {\n background: @mantle;\n }\n\n [class=\"relative pr-0 false\"] {\n height: 100%;\n }\n\n [data-testid=\"translator\"] {\n place-content: center center;\n align-items: center;\n\n > div:first-of-type {\n width: 100vw;\n }\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": "DeepL Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/deepl",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/deepl",
|
|
"version": "0.3.5",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/deepl/catppuccin.user.css",
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"zenMode": {
|
|
"type": "checkbox",
|
|
"label": "Zen Mode",
|
|
"name": "zenMode",
|
|
"value": "1",
|
|
"default": "0",
|
|
"options": null
|
|
}
|
|
}
|
|
},
|
|
"author": "Catppuccin",
|
|
"description": "Soothing pastel theme for DeepL",
|
|
"name": "DeepL Catppuccin",
|
|
"updateDate": 1715527439330,
|
|
"_id": "e083a452-5ef6-4812-8b76-5970f5c98476",
|
|
"_rev": 1715535557183,
|
|
"id": 4,
|
|
"originalDigest": "59508e7ccb4ae1e645863020fd2c94f3a3799c91",
|
|
"etag": "W/\"18882cf9506ba845eae9b6862f7fbc1951668f71cf77c0d5b0b5d3ce822cb6ab\""
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.css",
|
|
"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 1.6.8\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.css\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(\"https:\\/\\/(gist\\.)*github\\.com(?!((\\/.+?\\/.+?\\/commit\\/[A-Fa-f0-9]+\\.(patch|diff)$)|\\/home$|\\/features($|\\/.*)|\\/marketplace($|\\?.*|\\/.*)|\\/organizations\\/plan)).*$\") {\n [data-color-mode=\"auto\"] {\n @media (prefers-color-scheme: light) {\n &[data-light-theme=\"light\"] {\n #catppuccin(@lightFlavor, @accentColor);\n }\n &[data-light-theme=\"dark\"] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n @media (prefers-color-scheme: dark) {\n &[data-dark-theme=\"light\"] {\n #catppuccin(@lightFlavor, @accentColor);\n }\n &[data-dark-theme=\"dark\"] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] {\n #catppuccin(@lightFlavor, @accentColor);\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(@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 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 .cm-placeholder {\n color: @subtext0;\n }\n\n accent-color: @accent-color;\n color: @text;\n\n --color-social-reaction-bg-reacted-hover: fade(@accent-color, 30%);\n --color-notifications-button-hover-bg: fade(@accent-color, 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: fadeout(\n @accent-color,\n 60%\n ) !important;\n --color-calendar-halloween-graph-day-L2-bg: fadeout(\n @accent-color,\n 40%\n ) !important;\n --color-calendar-halloween-graph-day-L3-bg: fadeout(\n @accent-color,\n 20%\n ) !important;\n --color-calendar-halloween-graph-day-L4-bg: @accent-color !important;\n --color-calendar-winter-graph-day-L1-bg: fadeout(\n @accent-color,\n 60%\n ) !important;\n --color-calendar-winter-graph-day-L2-bg: fadeout(\n @accent-color,\n 40%\n ) !important;\n --color-calendar-winter-graph-day-L3-bg: fadeout(\n @accent-color,\n 20%\n ) !important;\n --color-calendar-winter-graph-day-L4-bg: @accent-color !important;\n --color-calendar-graph-day-bg: @surface0 !important;\n --color-calendar-graph-day-border: transparent !important;\n --color-calendar-graph-day-L1-bg: fadeout(@accent-color, 60%) !important;\n --color-calendar-graph-day-L2-bg: fadeout(@accent-color, 40%) !important;\n --color-calendar-graph-day-L3-bg: fadeout(@accent-color, 20%) !important;\n --color-calendar-graph-day-L4-bg: @accent-color !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-color;\n --color-user-mention-bg: fade(@accent-color, 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-addition-fgColor-text: @text;\n --diffBlob-addition-fgColor-num: @text;\n --diffBlob-addition-bgColor-num: fadeout(@green, 70%);\n --diffBlob-addition-bgColor-line: fadeout(@green, 85%);\n --diffBlob-addition-bgColor-word: fadeout(@green, 70%);\n --diffBlob-deletion-fgColor-text: @text;\n --diffBlob-deletion-fgColor-num: @text;\n --diffBlob-deletion-bgColor-num: fadeout(@red, 70%);\n --diffBlob-deletion-bgColor-line: fadeout(@red, 85%);\n --diffBlob-deletion-bgColor-word: fadeout(@red, 70%);\n --diffBlob-hunk-bgColor-num: fadeout(@accent-color, 60%);\n --diffBlob-expander-iconColor: #848d97;\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: @subtext1;\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: @overlay0;\n --codeMirror-syntax-fgColor-constant: @blue;\n --codeMirror-syntax-fgColor-entity: @blue;\n --codeMirror-syntax-fgColor-keyword: @pink;\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: #238636;\n --control-borderColor-danger: #da3633;\n --control-borderColor-warning: #9e6a03;\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-color;\n --control-checked-bgColor-hover: lighten(@accent-color, 5%);\n --control-checked-bgColor-active: lighten(@accent-color, 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-color;\n --control-checked-borderColor-hover: @accent-color;\n --control-checked-borderColor-active: @accent-color;\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: @accent-color;\n --button-invisible-fgColor-hover: lighten(@accent-color, 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-color;\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: #848d97;\n --underlineNav-borderColor-active: @accent-color;\n --underlineNav-borderColor-hover: #6e768166;\n --underlineNav-iconColor-rest: #848d97;\n --selection-bgColor: fade(@accent-color, 30%);\n --reactionButton-selected-bgColor-rest: fade(@accent-color, 20%);\n --reactionButton-selected-bgColor-hover: fade(@accent-color, 35%);\n --reactionButton-selected-fgColor-rest: @accent-color;\n --reactionButton-selected-fgColor-hover: @accent-color;\n --fgColor-default: @text;\n --fgColor-muted: @subtext1;\n --fgColor-onEmphasis: @base;\n --fgColor-white: if(@lookup = latte, @crust, @text);\n --fgColor-disabled: @surface2;\n --fgColor-link: @accent-color;\n --fgColor-neutral: #6e7681;\n --fgColor-accent: @accent-color;\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: @surface0;\n --bgColor-neutral-emphasis: @subtext0;\n --bgColor-accent-muted: fade(@accent-color, 20%);\n --bgColor-accent-emphasis: @accent-color;\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-color, 50%);\n --borderColor-accent-emphasis: @accent-color;\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 (@lookup =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 (@lookup =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: @overlay1;\n --color-prettylights-syntax-constant: @blue;\n --color-prettylights-syntax-entity: @blue;\n --color-prettylights-syntax-storage-modifier-import: @peach;\n --color-prettylights-syntax-entity-tag: @teal;\n --color-prettylights-syntax-keyword: @pink;\n --color-prettylights-syntax-string: @green;\n --color-prettylights-syntax-variable: @peach;\n --color-prettylights-syntax-invalid-illegal-text: @red;\n --color-prettylights-syntax-invalid-illegal-bg: fadeout(@red, 85%);\n --color-prettylights-syntax-markup-heading: @teal;\n --color-prettylights-syntax-markup-italic: @yellow;\n --color-prettylights-syntax-markup-bold: @yellow;\n --color-prettylights-syntax-markup-deleted-text: @text;\n --color-prettylights-syntax-markup-deleted-bg: fadeout(@red, 60%);\n --color-prettylights-syntax-markup-inserted-text: @text;\n --color-prettylights-syntax-markup-inserted-bg: fadeout(@green, 60%);\n --color-prettylights-syntax-markup-changed-text: @text;\n --color-prettylights-syntax-markup-changed-bg: fadeout(@yellow, 60%);\n --color-prettylights-syntax-markup-ignored-text: @text;\n --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: 0px 0px 0px 1px @base, 0px 6px 12px -3px @crust,\n 0px 6px 18px 0px @crust;\n --shadow-floating-medium: 0px 0px 0px 1px @surface0,\n 0px 8px 16px -4px @crust, 0px 4px 32px -4px @crust,\n 0px 24px 48px -12px @crust, 0px 48px 96px -24px @crust;\n --shadow-floating-large: 0px 0px 0px 1px @surface0,\n 0px 24px 48px 0px #010409;\n --shadow-floating-xlarge: 0px 0px 0px 1px @surface0,\n 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 .turbo-progress-bar {\n background-color: @accent-color;\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 {\n content: url(\"https://giscus.catppuccin.com/assets/loading_48x48.gif\");\n }\n\n /* Header when logged out */\n .HeaderMenu-link {\n color: var(--fgColor-default);\n\n &:hover {\n color: var(--fgColor-default);\n }\n }\n .header-search-button.placeholder {\n color: @subtext0;\n }\n .HeaderMenu-toggle-bar {\n background-color: @text;\n }\n .notification-indicator .mail-status {\n background-image: linear-gradient(\n @accent-color,\n darken(@accent-color, 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-color;\n stroke: @accent-color;\n }\n }\n}\n\n@-moz-document url-prefix(\"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, @accentColor);\n }\n &[data-light-theme=\"dark\"] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n @media (prefers-color-scheme: dark) {\n &[data-dark-theme=\"light\"] {\n #catppuccin(@lightFlavor, @accentColor);\n }\n &[data-dark-theme=\"dark\"] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n ::selection {\n background-color: fade(@accent-color, 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-color;\n --color-fg-muted: @subtext1;\n\n #diagram {\n .node rect,\n .node circle,\n .node ellipse,\n .node polygon,\n .node path {\n fill: fade(@accent-color, 10%);\n stroke: @accent-color;\n }\n\n .label text,\n span,\n p {\n fill: @text;\n color: @text;\n }\n\n .flowchart-link,\n .marker {\n stroke: @subtext0;\n fill: @subtext0;\n }\n\n .edgeLabel {\n background-color: @crust;\n }\n }\n\n .octicon {\n fill: var(--color-fg-muted) !important;\n }\n }\n}\n\n@-moz-document regexp(\"https:\\/\\/notebooks\\.githubusercontent\\.com\\/view\\/ipynb.*\") {\n :root {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n 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 --jp-border-color0: var(--color-scale-gray-7);\n --jp-border-color1: var(--color-scale-gray-7);\n --jp-border-color2: var(--color-scale-gray-8);\n --jp-border-color3: var(--color-scale-gray-9);\n --jp-ui-font-color0: @text;\n --jp-ui-font-color1: fadeout(@text, 13%);\n --jp-ui-font-color2: fadeout(@text, 46%);\n --jp-ui-font-color3: fadeout(@text, 72%);\n --jp-ui-inverse-font-color0: @crust;\n --jp-ui-inverse-font-color1: fadeout(@crust, 20%);\n --jp-ui-inverse-font-color2: fadeout(@crust, 50%);\n --jp-ui-inverse-font-color3: fadeout(@crust, 70%);\n --jp-content-font-color0: @text;\n --jp-content-font-color1: @text;\n --jp-content-font-color2: fadeout(@text, 30%);\n --jp-content-font-color3: fadeout(@text, 50%);\n --jp-content-link-color: @sapphire;\n --jp-layout-color0: @base !important;\n --jp-layout-color1: var(--color-scale-gray-9);\n --jp-layout-color2: var(--color-scale-gray-8);\n --jp-layout-color3: var(--color-scale-gray-7);\n --jp-layout-color4: var(--color-scale-gray-6);\n --jp-inverse-layout-color0: var(--color-scale-white);\n --jp-inverse-layout-color1: var(--color-scale-white);\n --jp-inverse-layout-color2: var(--color-scale-gray-2);\n --jp-inverse-layout-color3: var(--color-scale-gray-4);\n --jp-inverse-layout-color4: var(--color-scale-gray-6);\n --jp-brand-color0: var(--color-scale-blue-7);\n --jp-brand-color1: var(--color-scale-blue-5);\n --jp-brand-color2: var(--color-scale-blue-3);\n --jp-brand-color3: var(--color-scale-blue-1);\n --jp-brand-color4: var(--color-scale-blue-0);\n --jp-accent-color0: var(--color-scale-green-7);\n --jp-accent-color1: var(--color-scale-green-5);\n --jp-accent-color2: var(--color-scale-green-3);\n --jp-accent-color3: var(--color-scale-green-1);\n --jp-warn-color0: var(--color-scale-orange-7);\n --jp-warn-color1: var(--color-scale-orange-5);\n --jp-warn-color2: var(--color-scale-orange-3);\n --jp-warn-color3: var(--color-scale-orange-1);\n --jp-error-color0: var(--color-scale-red-7);\n --jp-error-color1: var(--color-scale-red-5);\n --jp-error-color2: var(--color-scale-red-3);\n --jp-error-color3: var(--color-scale-red-1);\n --jp-success-color0: var(--color-scale-green-7);\n --jp-success-color1: var(--color-scale-green-5);\n --jp-success-color2: var(--color-scale-green-3);\n --jp-success-color3: var(--color-scale-green-1);\n --jp-info-color0: var(--color-scale-blue-7);\n --jp-info-color1: var(--color-scale-blue-5);\n --jp-info-color2: var(--color-scale-blue-3);\n --jp-info-color3: var(--color-scale-blue-1);\n --jp-cell-editor-border-color: var(--color-scale-gray-7);\n --jp-cell-editor-box-shadow: inset 0 0 2px var(--color-scale-blue-3);\n --jp-cell-prompt-not-active-font-color: fadeout(@text, 50%);\n --jp-cell-inprompt-font-color: var(--color-scale-blue-6);\n --jp-cell-outprompt-font-color: var(--color-scale-coral-6);\n --jp-notebook-multiselected-color: fadeout(@overlay2, 86%);\n --jp-rendermime-error-background: fadeout(@red, 82%);\n --jp-rendermime-table-row-background: var(--color-scale-gray-9);\n --jp-rendermime-table-row-hover-background: fadeout(@surface2, 86%);\n --jp-dialog-background: fadeout(@crust, 40%);\n --jp-toolbar-box-shadow: 0px 0px 2px 0px fadeout(@crust, 20%);\n --jp-input-box-shadow: inset 0 0 2px var(--color-scale-blue-3);\n --jp-input-background: var(--color-scale-gray-8);\n --jp-input-active-box-shadow-color: fadeout(@blue, 70%);\n --jp-editor-selected-focused-background: fadeout(@blue, 86%);\n --jp-mirror-editor-keyword-color: var(--color-scale-green-5);\n --jp-mirror-editor-atom-color: var(--color-scale-blue-3);\n --jp-mirror-editor-number-color: var(--color-scale-green-4);\n --jp-mirror-editor-def-color: var(--color-scale-blue-6);\n --jp-mirror-editor-variable-color: var(--color-scale-gray-3);\n --jp-mirror-editor-variable-2-color: var(--color-scale-blue-4);\n --jp-mirror-editor-variable-3-color: var(--color-scale-green-6);\n --jp-mirror-editor-punctuation-color: var(--color-scale-blue-4);\n --jp-mirror-editor-property-color: var(--color-scale-blue-4);\n --jp-mirror-editor-operator-color: @mauve;\n --jp-mirror-editor-comment-color: @subtext0;\n --jp-mirror-editor-string-color: @peach;\n --jp-mirror-editor-string-2-color: var(--color-scale-purple-3);\n --jp-mirror-editor-meta-color: @mauve;\n --jp-mirror-editor-qualifier-color: var(--color-scale-gray-5);\n --jp-mirror-editor-builtin-color: var(--color-scale-green-6);\n --jp-mirror-editor-bracket-color: var(--color-scale-gray-2);\n --jp-mirror-editor-tag-color: var(--color-scale-blue-7);\n --jp-mirror-editor-attribute-color: var(--color-scale-blue-7);\n --jp-mirror-editor-header-color: var(--color-scale-blue-5);\n --jp-mirror-editor-quote-color: var(--color-scale-green-3);\n --jp-mirror-editor-link-color: var(--color-scale-blue-7);\n --jp-mirror-editor-error-color: @red;\n --jp-mirror-editor-hr-color: var(--color-scale-gray-8);\n --jp-vega-background: var(--color-scale-gray-4);\n --jp-search-selected-match-background-color: @yellow;\n --jp-search-selected-match-color: @crust;\n --jp-icon-contrast-color0: var(--color-scale-purple-6);\n --jp-icon-contrast-color1: var(--color-scale-green-6);\n --jp-icon-contrast-color2: var(--color-scale-pink-6);\n --jp-icon-contrast-color3: var(--color-scale-blue-6);\n }\n}\n\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": "GitHub Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/github",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/github",
|
|
"version": "1.6.8",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.css",
|
|
"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": 1715527468599,
|
|
"_id": "942b2272-4772-41b7-b97c-848a6b3b1d85",
|
|
"_rev": 1715537662076,
|
|
"id": 5,
|
|
"originalDigest": "433e7e489a39360bfebc230464e8a9062bf6d03f",
|
|
"etag": "W/\"b217b1e5c1899bad405b7cb04026ef4e694fa819a8b5ea14c1053f10b580c72c\""
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/proton/catppuccin.user.css",
|
|
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/proton",
|
|
"installDate": 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 0.1.6\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/proton/catppuccin.user.css\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{\n @media (prefers-color-scheme: light) {\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\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 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 svg.logo {\n @accentH: hue(@accent-color);\n @protonH: hue(#6d4aff);\n\n .replaceColor(@org, @property) {\n &[@{property}=\"@{org}\"] {\n @hDiff: @protonH - hue(@org);\n @{property}: hsl(\n @accentH - @hDiff,\n saturation(@org) - 30%,\n lightness(@org)\n );\n }\n }\n\n /* prettier-ignore */\n > path {\n .replaceColor(#B8D7FF, fill);\n .replaceColor(#8F69FF, fill);\n }\n\n /* prettier-ignore */\n > defs stop {\n .replaceColor(#E3D9FF, stop-color);\n .replaceColor(#7341FF, stop-color);\n .replaceColor(#6D4AFF, stop-color);\n .replaceColor(#AA8EFF, stop-color);\n .replaceColor(#06B8FF, stop-color);\n .replaceColor(#BFE8FF, stop-color);\n .replaceColor(#BFABFF, stop-color);\n .replaceColor(#FF50C3, stop-color);\n .replaceColor(#B487FF, stop-color);\n .replaceColor(#FFC8FF, stop-color);\n .replaceColor(#8EFFEE, stop-color);\n .replaceColor(#C9C7FF, stop-color);\n .replaceColor(#00F0C3, stop-color);\n .replaceColor(#FFD580, stop-color);\n .replaceColor(#F6C592, stop-color);\n .replaceColor(#EBB6A2, stop-color);\n .replaceColor(#DFA5AF, stop-color);\n .replaceColor(#D397BE, stop-color);\n .replaceColor(#C486CB, stop-color);\n .replaceColor(#B578D9, stop-color);\n .replaceColor(#A166E5, stop-color);\n .replaceColor(#8B57F2, stop-color);\n .replaceColor(#704CFF, stop-color);\n .replaceColor(#B39FFB, stop-color);\n .replaceColor(#FFE8DB, stop-color);\n }\n }\n\n &,\n .ui-prominent,\n .ui-standard {\n #lightenOrDarken(@color, @value) {\n @result: if(\n @lookup=latte,\n lighten(@color, @value),\n darken(@color, @value)\n );\n }\n\n --primary: @accent-color;\n --primary-contrast: @mantle;\n --signal-danger-minor-2: #lightenOrDarken(@maroon, 40%) [ @result];\n --signal-danger-minor-1: #lightenOrDarken(@maroon, 30%) [ @result];\n --signal-danger: @maroon;\n --signal-danger-major-1: saturate(@maroon, 40%);\n --signal-danger-major-2: saturate(@maroon, 30%);\n --signal-danger-major-3: saturate(@maroon, 20%);\n --signal-danger-contrast: @mantle;\n --signal-warning-minor-2: #lightenOrDarken(@peach, 40%) [ @result];\n --signal-warning-minor-1: #lightenOrDarken(@peach, 30%) [ @result];\n --signal-warning: @peach;\n --signal-warning-major-1: saturate(@peach, 40%);\n --signal-warning-major-2: saturate(@peach, 30%);\n --signal-warning-major-3: saturate(@peach, 20%);\n --signal-warning-contrast: @mantle;\n --signal-success-minor-2: #lightenOrDarken(@green, 40%) [ @result];\n --signal-success-minor-1: #lightenOrDarken(@green, 30%) [ @result];\n --signal-success: @green;\n --signal-success-major-1: saturate(@green, 40%);\n --signal-success-major-2: saturate(@green, 30%);\n --signal-success-major-3: saturate(@green, 20%);\n --signal-success-contrast: @mantle;\n --signal-info-minor-2: #lightenOrDarken(@blue, 40%) [ @result];\n --signal-info-minor-1: #lightenOrDarken(@blue, 30%) [ @result];\n --signal-info: @blue;\n --signal-info-major-1: saturate(@blue, 40%);\n --signal-info-major-2: saturate(@blue, 30%);\n --signal-info-major-3: saturate(@blue, 20%);\n --signal-info-contrast: @mantle;\n --interaction-norm-minor-2: #lightenOrDarken(@accent-color, 40%) [\n @result];\n --interaction-norm-minor-1: #lightenOrDarken(@accent-color, 30%) [\n @result];\n --interaction-norm: @accent-color;\n --interaction-norm-major-1: saturate(@accent-color, 30%);\n --interaction-norm-major-2: saturate(@accent-color, 20%);\n --interaction-norm-major-3: saturate(@accent-color, 10%);\n --interaction-norm-contrast: @mantle;\n --interaction-weak-minor-2: darken(@surface0, 50%);\n --interaction-weak-minor-1: darken(@surface0, 30%);\n --interaction-weak: @surface0;\n --interaction-weak-major-1: lighten(@surface0, 10%);\n --interaction-weak-major-2: lighten(@surface0, 20%);\n --interaction-weak-major-3: lighten(@surface0, 30%);\n --interaction-weak-contrast: @text;\n --text-norm: @text;\n --text-weak: @subtext0;\n --text-hint: @subtext1;\n --text-disabled: @overlay1;\n --text-invert: @crust;\n --field-norm: @overlay2;\n --field-hover: @overlay1;\n --field-disabled: @overlay0;\n --field-focus: @accent-color;\n --field-highlight: fadeout(@accent-color, 30%);\n --focus-outline: @accent-color;\n --focus-ring: fadeout(@accent-color, 60%);\n --border-norm: @overlay0;\n --border-weak: @overlay1;\n --background-norm: @base;\n --background-weak: @mantle;\n --background-strong: @crust;\n --background-invert: @text;\n --interaction-default: transparent;\n --interaction-default-hover: fadeout(@overlay1, 80%);\n --interaction-default-active: fadeout(@overlay1, 60%);\n --shadow-norm-opacity: 0.5;\n --shadow-lifted-opacity: 0.75;\n --backdrop-norm: fadeout(@crust, 50%);\n --optional-scrollbar-thumb-color: @surface0;\n --optional-scrollbar-thumb-hover-color: @surface2;\n --optional-link-norm: var(--interaction-norm-major-1);\n --optional-link-hover: var(--interaction-norm-major-2);\n --optional-link-active: var(--interaction-norm-major-3);\n --optional-background-elevated: @surface0;\n --optional-background-lowered: var(--background-norm);\n --optional-email-item-unread-background-color: var(--background-weak);\n --optional-email-item-read-background-color: var(--background-norm);\n --optional-email-item-read-text-color: var(--text-weak);\n --optional-mini-calendar-today-color: @text;\n --optional-logo-text-proton-color: @text;\n --optional-logo-text-product-color: @text;\n --favorite-icon-color: @peach;\n }\n\n .ui-prominent {\n --background-norm: @mantle;\n --background-weak: @base;\n --background-strong: @crust;\n }\n\n .button-promotion {\n --upgrade-color-stop-1: @red;\n --upgrade-color-stop-2: @blue;\n }\n\n .item-container-row:not(.item-is-selected):hover,\n .item-container:not(.item-is-selected):hover {\n box-shadow: none;\n background-color: var(--navigation-current-item-background-color);\n color: var(--email-item-unread-text-color);\n }\n }\n}\n\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": "Proton Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/proton",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/proton",
|
|
"version": "0.1.6",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/proton/catppuccin.user.css",
|
|
"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": 1715527465791,
|
|
"_id": "25aa2163-58b2-45e3-92f2-43e0627cd34c",
|
|
"_rev": 1715537840397,
|
|
"id": 6,
|
|
"originalDigest": "c8ed34242820ea996b90fe8bf733c27a156162f0",
|
|
"etag": "W/\"2f7fec34b7ab286610aa54e13665826974188369231c051ebe79db064823538d\""
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/stylus/catppuccin.user.css",
|
|
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/stylus",
|
|
"installDate": 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 1.2.2\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/stylus/catppuccin.user.css\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://\"), url-prefix(chrome-extension://)\n{\n [data-ui-theme=\"light\"] {\n #catppuccin(@lightFlavor, @accentColor);\n }\n [data-ui-theme=\"dark\"] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n 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 &:root {\n --bg: @base;\n --fg: @text;\n --c30: @subtext1;\n --c40: @overlay0;\n --c45: @surface2;\n --c50: @subtext0;\n --c60: @subtext0;\n --c65: @surface2;\n --c75: @overlay1;\n --c80: @surface1;\n --c85: @surface0;\n --c90: @base;\n --c95: @mantle;\n --c97: @mantle;\n --c98: @base;\n --c99: @base;\n --c100: @base;\n --red1: @red;\n --accent-1: @accent-color;\n --accent-2: @accent-color;\n --accent-3: fade(@accent-color, 25%);\n .slider {\n --color-on: fade(@accent-color, 25%);\n --color-off: @surface2;\n }\n }\n\n .active #filters-stats,\n .dirty #save-button,\n .dirty #save-button + button {\n background-color: @accent-color;\n border-color: @accent-color;\n color: @base;\n }\n #header-resizer {\n color: @surface1;\n }\n #message-box-title::before {\n @fade_color: fade(@accent-color, 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-color}\" 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-color}\" 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\"], img[src=\"/images/icon/128.png\"]\n {\n @fade_color: fade(@accent-color, 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-color}\" 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-color}\" paint-order=\"stroke fill markers\"/></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n #message-box.danger #message-box-title::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 #message-box.danger #message-box-close-icon i {\n color: var(--c40);\n &:hover {\n color: var(--bg);\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-color, 25%);\n }\n .CodeMirror-linenumber {\n color: @subtext0;\n }\n .cm-s-default .cm-string {\n color: @peach;\n }\n .cm-s-default .cm-qualifier {\n color: @peach;\n }\n .installed .configure-usercss i {\n color: @accent-color;\n }\n .cm-s-default .cm-variable-2 {\n color: @sapphire;\n }\n .cm-s-default .cm-keyword {\n color: @mauve;\n }\n .cm-s-default .cm-atom,\n .cm-s-default .cm-number {\n color: @green;\n }\n .cm-s-default .cm-def {\n color: @sapphire;\n }\n .cm-s-default .cm-tag {\n color: @sapphire;\n }\n .cm-s-default .cm-builtin {\n color: @subtext1;\n }\n .cm-s-default .cm-variable-3 {\n color: @subtext1;\n }\n .cm-s-default .cm-comment {\n color: @subtext0;\n }\n .cm-s-default .cm-operator {\n color: @yellow;\n }\n div.CodeMirror span.CodeMirror-matchingbracket {\n color: @green;\n }\n button:disabled,\n select:disabled,\n option:disabled,\n select[disabled] > option {\n color: @subtext0;\n }\n .applies-to input,\n .applies-to select {\n background: @base;\n border-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:hover {\n fill: @overlay1;\n }\n .svg-icon {\n fill: @overlay0;\n }\n .onoffswitch input:checked + span {\n background-color: fade(@accent-color, 25%);\n }\n .onoffswitch input:checked + span::before {\n background-color: @accent-color;\n }\n #options-title {\n color: @base;\n }\n #message-box.danger #message-box-title {\n background-color: @red;\n color: @base;\n }\n h2 {\n color: @accent-color !important;\n }\n .installed .configure-usercss svg {\n fill: @accent-color !important;\n }\n .installed .configure-usercss:hover svg {\n fill: @accent-color !important;\n }\n .cm-s-default .cm-variable {\n color: @text;\n }\n .CodeMirror-activeline-background {\n background: @mantle;\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": "Stylus Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/stylus",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/stylus",
|
|
"version": "1.2.2",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/stylus/catppuccin.user.css",
|
|
"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": 1715527458520,
|
|
"_id": "6b26ec88-4cef-48be-bdbf-8a4dcb334a9e",
|
|
"_rev": 1715535544225,
|
|
"id": 7,
|
|
"originalDigest": "50af00bb5033c2ddbed017a737bf7a144fd0dbdb",
|
|
"etag": "W/\"8e6a213ca4265f95566037cab87affad2c75a2747d735d35079916f6f5cf68f9\""
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css",
|
|
"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 4.0.14\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css\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, @accentColor);\n }\n :root:not([dark]) {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n @white: if(@lookup = latte, @base, @text);\n @black: if(@lookup = latte, @text, @base);\n\n color: @text;\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 &,\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-color !important;\n --yt-brand-medium-red: @accent-color !important;\n --yt-brand-light-red: @accent-color !important;\n --yt-spec-red-30: @peach !important;\n --yt-spec-red-70: @red !important;\n --yt-spec-pale-blue: @sky !important;\n --yt-spec-light-blue: @sky !important;\n --yt-spec-dark-blue: @sapphire !important;\n --yt-spec-navy-blue: @teal !important;\n --yt-spec-light-green: @green !important;\n --yt-spec-dark-green: @green !important;\n --yt-spec-yellow: @peach !important;\n --yt-spec-black-pure-alpha-5: fadeout(@crust, 0.05) !important;\n --yt-spec-black-pure-alpha-10: fadeout(@crust, 0.1) !important;\n --yt-spec-black-pure-alpha-15: fadeout(@crust, 0.15) !important;\n --yt-spec-black-pure-alpha-30: fadeout(@crust, 0.3) !important;\n --yt-spec-black-pure-alpha-60: fadeout(@crust, 0.6) !important;\n --yt-spec-black-pure-alpha-80: fadeout(@crust, 0.8) !important;\n --yt-spec-black-1-alpha-98: fadeout(@crust, 0.98) !important;\n --yt-spec-black-1-alpha-95: fadeout(@crust, 0.95) !important;\n --yt-spec-white-1-alpha-10: fadeout(@text, 0.1) !important;\n --yt-spec-white-1-alpha-20: fadeout(@text, 0.2) !important;\n --yt-spec-white-1-alpha-25: fadeout(@text, 0.25) !important;\n --yt-spec-white-1-alpha-30: fadeout(@text, 0.3) !important;\n --yt-spec-white-1-alpha-70: fadeout(@text, 0.7) !important;\n --yt-spec-white-1-alpha-95: fadeout(@text, 0.95) !important;\n --yt-spec-white-1-alpha-98: fadeout(@text, 0.98) !important;\n --yt-brand-medium-red-alpha-90: fadeout(@accent-color, 0.9) !important;\n --yt-brand-medium-red-alpha-30: fadeout(@accent-color, 0.3) !important;\n --yt-brand-light-red-alpha-30: fadeout(@accent-color, 0.3) !important;\n --yt-spec-light-blue-alpha-30: fadeout(@sapphire, 0.3) !important;\n --yt-spec-dark-blue-alpha-30: fadeout(@sapphire, 0.3) !important;\n\n --yt-spec-base-background: @base !important;\n --yt-spec-raised-background: @base !important;\n --yt-spec-menu-background: @mantle !important;\n --yt-spec-inverted-background: @text !important;\n --yt-spec-additive-background: fadeout(@surface0, 0.1) !important;\n --yt-spec-outline: @surface0 !important;\n --yt-spec-shadow: fadeout(@crust, 0.25) !important;\n --yt-spec-text-primary: @text !important;\n --yt-spec-text-secondary: @subtext0 !important;\n --yt-spec-text-disabled: @subtext1 !important;\n --yt-spec-text-primary-inverse: @crust !important;\n --yt-spec-call-to-action: @accent-color !important;\n --yt-spec-call-to-action-inverse: @accent-color !important;\n --yt-spec-suggested-action: fadeout(@accent-color, 80%) !important;\n --yt-spec-suggested-action-inverse: @text !important;\n --yt-spec-icon-active-other: @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-color !important;\n --yt-spec-brand-icon-active: @accent-color !important;\n --yt-spec-brand-button-background: @accent-color !important;\n --yt-spec-brand-link-text: @sapphire !important;\n --yt-spec-wordmark-text: @text !important;\n --yt-spec-error-indicator: @red !important;\n --yt-spec-themed-blue: @accent-color !important;\n --yt-spec-themed-green: @green !important;\n --yt-spec-ad-indicator: @teal !important;\n --yt-spec-themed-overlay-background: fadeout(@crust, 0.8) !important;\n --yt-spec-commerce-badge-background: @green !important;\n --yt-spec-static-brand-red: @accent-color !important;\n --yt-spec-static-brand-white: @text !important;\n --yt-spec-static-brand-black: @base !important;\n --yt-spec-static-clear-color: fadeout(@crust, 0) !important;\n --yt-spec-static-clear-black: fadeout(@crust, 0) !important;\n --yt-spec-static-ad-yellow: @peach !important;\n --yt-spec-static-grey: @subtext0 !important;\n --yt-spec-static-overlay-background-solid: @crust !important;\n --yt-spec-static-overlay-background-heavy: @surface0;\n --yt-spec-static-overlay-background-medium: fade(@crust, 50%) !important;\n --yt-spec-static-overlay-background-medium-light: fadeout(\n @crust,\n 0.3\n ) !important;\n --yt-spec-static-overlay-background-light: fadeout(\n @crust,\n 0.1\n ) !important;\n --yt-spec-static-overlay-text-primary: @text !important;\n --yt-spec-static-overlay-text-secondary: fadeout(\n @subtext0,\n 0.7\n ) !important;\n --yt-spec-static-overlay-text-disabled: fadeout(\n @subtext0,\n 0.3\n ) !important;\n --yt-spec-static-overlay-call-to-action: @accent-color !important;\n --yt-spec-static-overlay-icon-active-other: @text !important;\n --yt-spec-static-overlay-icon-inactive: @surface1 !important;\n --yt-spec-static-overlay-icon-disabled: @surface2 !important;\n --yt-spec-static-overlay-button-primary: @accent-color !important;\n --yt-spec-static-overlay-button-secondary: @surface0 !important;\n --yt-spec-static-overlay-touch-response: @overlay1 !important;\n --yt-spec-static-overlay-touch-response-inverse: @surface1 !important;\n --yt-spec-static-overlay-background-brand: @accent-color !important;\n --yt-spec-assistive-feed-themed-gradient-1: @subtext0 !important;\n --yt-spec-assistive-feed-themed-gradient-2: @lavender !important;\n --yt-spec-assistive-feed-themed-gradient-3: @red !important;\n --yt-spec-brand-background-solid: @base !important;\n --yt-spec-brand-background-primary: @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: @surface0 !important;\n --yt-spec-snackbar-background: @mantle !important;\n --yt-spec-snackbar-background-updated: @mantle !important;\n --yt-spec-badge-chip-background: if(\n @lookup =latte,\n @crust,\n @surface1\n ) !important;\n --yt-spec-verified-badge-background: @overlay0 !important;\n --yt-spec-call-to-action-fadeoutd: fadeout(@sapphire, 0.3) !important;\n --yt-spec-call-to-action-hover: @accent-color !important;\n --yt-spec-brand-button-background-hover: @accent-color !important;\n --yt-spec-brand-link-text-fadeoutd: fadeout(\n @accent-color,\n 0.3\n ) !important;\n --yt-spec-filled-button-focus-outline: @surface0 !important;\n --yt-spec-static-overlay-button-hover: @surface1 !important;\n --yt-spec-mono-filled-hover: @surface1 !important;\n --yt-spec-commerce-filled-hover: @accent-color !important;\n --yt-spec-mono-tonal-hover: @surface1 !important;\n --yt-spec-commerce-tonal-hover: @surface2 !important;\n --yt-spec-static-overlay-filled-hover: @overlay1 !important;\n --yt-spec-static-overlay-tonal-hover: @surface1 !important;\n --yt-spec-paper-tab-ink: fadeout(@text, 0.3);\n --yt-spec-filled-button-text: @text !important;\n --yt-spec-selected-nav-text: @text !important;\n --iron-icon-fill-color: @text !important;\n\n /* Search bar */\n --ytd-searchbox-border-color: @surface0 !important;\n --ytd-searchbox-legacy-border-color: @surface0 !important;\n --ytd-searchbox-legacy-border-shadow-color: fadeout(@crust, 0) !important;\n --ytd-searchbox-legacy-button-color: @mantle !important;\n --ytd-searchbox-legacy-button-border-color: @surface0 !important;\n --ytd-searchbox-legacy-button-focus-color: @accent-color !important;\n --ytd-searchbox-legacy-button-hover-color: @mantle !important;\n --ytd-searchbox-legacy-button-hover-border-color: @surface0 !important;\n --ytd-searchbox-legacy-button-icon-color: @accent-color !important;\n --ytd-searchbox-background: @base !important;\n --ytd-searchbox-text-color: @text !important;\n\n /* System icons */\n --yt-spec-icon-inactive: @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: fadeout(@text, 0.54) !important;\n --yt-live-chat-text-input-field-inactive-underline-color: @subtext0 !important;\n --yt-live-chat-text-input-field-placeholder-color: @subtext0 !important;\n --yt-live-chat-enabled-send-button-color: @text !important;\n --yt-live-chat-disabled-icon-button-color: @subtext1 !important;\n --yt-live-chat-picker-button-hover-color: @accent-color !important;\n --yt-live-chat-mention-background-color: @accent-color !important;\n --yt-live-chat-mention-text-color: @text !important;\n --yt-live-chat-deleted-message-color: @subtext0;\n --yt-live-chat-deleted-message-bar-color: @subtext1 !important;\n --yt-live-chat-reconnect-message-color: @text !important;\n --yt-live-chat-disabled-button-background-color: @overlay0 !important;\n --yt-live-chat-sub-panel-background-color: @base !important;\n --yt-live-chat-sub-panel-background-color-transparent: @mantle !important;\n --yt-live-chat-moderator-color: @lavender !important;\n --yt-live-chat-owner-color: @peach !important;\n --yt-live-chat-message-highlight-background-color: @base !important;\n --yt-live-chat-sponsor-color: @green !important;\n --yt-live-chat-overlay-color: fadeout(@mantle, 0.5);\n --yt-live-chat-dialog-background-color: @base !important;\n --yt-emoji-picker-variant-selector-bg-color: @base !important;\n --yt-live-chat-moderation-mode-hover-background-color: fadeout(\n @mantle,\n 0.3\n ) !important;\n --yt-grey: @subtext0 !important;\n --yt-live-chat-text-input-field-suggestion-background-color: @subtext0 !important;\n --yt-live-chat-text-input-field-suggestion-background-color-hover: @subtext1 !important;\n --yt-emoji-picker-search-background-color: @surface0 !important;\n --yt-emoji-picker-search-color: @text !important;\n --yt-emoji-picker-search-placeholder-color: @accent-color !important;\n --yt-live-chat-slider-active-color: @accent-color !important;\n --yt-live-chat-slider-container-color: @surface0 !important;\n --yt-live-chat-slider-markers-color: @text !important;\n --yt-live-chat-banner-gradient-scrim: linear-gradient(\n @mantle,\n transparent\n ) !important;\n --yt-live-chat-action-panel-gradient-scrim: linear-gradient(\n to top,\n @mantle,\n transparent\n ) !important;\n --yt-live-chat-automod-button-background-color-hover: fadeout(\n @crust,\n 0.5\n ) !important;\n --yt-live-chat-automod-button-explanation-color: fadeout(\n @accent-color,\n 0.7\n ) !important;\n --yt-live-chat-shimmer-background-color: fadeout(@crust, 0.4) !important;\n --yt-live-chat-shimmer-linear-gradient: linear-gradient(\n 0deg,\n fadeout(@text, 0.1) 40%,\n fadeout(@base, 0.3) 50%,\n fadeout(@text, 0.1) 60%\n ) !important;\n --yt-live-chat-vem-background-color: @mantle !important;\n --yt-live-chat-product-picker-icon-color: fadeout(@text, 0.5) !important;\n --yt-live-chat-product-picker-hover-color: @overlay0 !important;\n --yt-live-chat-product-picker-disabled-icon-color: fadeout(\n @text,\n 0.3\n ) !important;\n --yt-live-chat-action-panel-background-color-transparent: (\n null\n ) !important;\n\n --paper-tooltip-background: @overlay0 !important;\n --paper-tooltip-text-color: @text !important;\n\n /* Links */\n --yt-endpoint-color: @accent-color !important;\n --yt-endpoint-visited-color: @accent-color !important;\n --yt-endpoint-hover-color: @accent-color !important;\n\n --sb-dark-red-outline: @accent-color !important;\n --sb-main-bg-color: @base !important;\n --sb-main-fg-color: @text !important;\n --sb-grey-bg-color: @base !important;\n --sb-grey-fg-color: @subtext0 !important;\n --sb-red-bg-color: @accent-color !important;\n }\n\n &:not(.style-scope) {\n --primary-text-color: @text !important;\n --primary-background-color: @base !important;\n --secondary-text-color: @subtext0 !important;\n --disabled-text-color: @subtext1 !important;\n --divider-color: @overlay0 !important;\n --error-color: @red !important;\n --primary-color: @accent-color !important;\n --light-primary-color: @accent-color !important;\n --dark-primary-color: @blue !important;\n --accent-color: @accent-color !important;\n --light-accent-color: @accent-color !important;\n --dark-accent-color: @accent-color !important;\n --light-theme-background-color: @base !important;\n --light-theme-base-color: @text !important;\n --light-theme-text-color: @text !important;\n --light-theme-secondary-color: @subtext0 !important;\n --light-theme-disabled-color: @subtext1 !important;\n --light-theme-divider-color: @overlay0 !important;\n --dark-theme-background-color: @base !important;\n --dark-theme-base-color: @text !important;\n --dark-theme-text-color: @text !important;\n --dark-theme-secondary-color: @subtext0 !important;\n --dark-theme-disabled-color: @subtext1 !important;\n --dark-theme-divider-color: @overlay0 !important;\n }\n\n /* 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-color !important;\n --yt-endpoint-visited-color: @accent-color !important;\n color: @accent-color !important;\n }\n\n /* Selected chapter */\n ytd-macro-markers-list-item-renderer {\n --ytd-macro-markers-list-item-background-color: @surface0 !important;\n --ytd-macro-markers-list-item-title-color: @text !important;\n --ytd-macro-markers-list-item-secondary-color: @subtext1 !important;\n --ytd-macro-markers-list-item-timestamp-background-color: @surface1 !important;\n }\n\n 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 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(@lookup = latte) {\n background: fade(@surface0, 80%);\n }\n .ytp-load-progress when not(@lookup = 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-color !important;\n --yt-button-payment-background-color: @accent-color !important;\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 background-color: @surface1;\n }\n\n /* Ambient mode */\n #cinematics {\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-color;\n }\n\n /* Icons */\n\n [fill=\"red\"],\n [fill=\"#F00\"],\n [fill=\"#FF0000\"] {\n fill: @accent-color !important;\n }\n\n [fill=\"white\"] {\n fill: if(@lookup = latte, @base, @text) !important;\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-color !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-color !important;\n\n + [stroke] {\n stroke: @accent-color !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-color;\n }\n }\n\n &.yt-spec-button-shape-next--filled {\n color: @crust;\n background-color: @accent-color;\n\n &:hover {\n background-color: darken(@accent-color, 5%);\n }\n }\n }\n\n .yt-spec-button-shape-next--overlay {\n &.yt-spec-button-shape-next--tonal,\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-color;\n }\n }\n\n .yt-spec-button-shape-next--call-to-action {\n &.yt-spec-button-shape-next--outline {\n color: @accent-color;\n border-color: @surface2;\n\n &:hover {\n background-color: @accent-color;\n color: @crust;\n }\n }\n\n &.yt-spec-button-shape-next--text {\n color: @accent-color;\n\n &:hover {\n background-color: fade(@accent-color, 30%);\n }\n }\n\n &.yt-spec-button-shape-next--filled {\n color: @crust;\n background-color: @accent-color;\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\n ytd-searchbox[has-focus] #container.ytd-searchbox {\n border-color: @accent-color;\n }\n\n .sbsb_a {\n background: var(--yt-spec-raised-background);\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-color;\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 /* Thumbnails */\n\n #time-status:has([aria-label=\"LIVE\"]),\n .badge[aria-label=\"LIVE\"] {\n --yt-spec-static-overlay-text-primary: @crust;\n --yt-spec-static-overlay-icon-active-other: @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-color;\n color: @crust;\n }\n ytd-thumbnail-overlay-resume-playback-renderer {\n background-color: @surface1;\n }\n\n /* Panels, popups, tooltips */\n\n .ytp-tooltip-text {\n background: @surface0 !important;\n color: @text;\n text-shadow: none !important;\n }\n\n .ytp-popup {\n background: @surface0 !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-color;\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\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 background-color: @accent-color !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-button,\n .ytp-subtitles-button {\n &[aria-pressed]::after {\n background-color: @accent-color;\n }\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 #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 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 .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 /* 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}\n\n@-moz-document url-prefix('https://studio.youtube.com')\n{\n :root[dark] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n 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 [src=\"https://www.gstatic.com/youtube/img/creator/yt_studio_logo_white.svg\"]\n {\n @svg: escape(\n '<svg viewBox=\"0 0 97.55 24\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"@{accent-color}\" 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-color !important;\n --ytcp-call-to-action-inverse: @mantle !important;\n --ytcp-call-to-action-raised-background: @accent-color !important;\n --yt-spec-brand-button-background: @accent-color !important;\n --ytcp-call-to-action-raised-disabled: @surface2 !important;\n --ytcp-call-to-action-raised-disabled-background: @overlay2 !important;\n --ytcp-call-to-action-raised-background-inverse: @base !important;\n --ytcp-call-to-action-raised-disabled-inverse: @surface2 !important;\n --ytcp-call-to-action-raised-disabled-background-inverse: @overlay2 !important;\n\n --yt-spec-brand-background-primary: @surface0 !important;\n\n --yt-compact-link-icon-color: @overlay2 !important;\n --ytcp-icon-active: @accent-color !important;\n --ytcp-icon-inactive: @overlay2 !important;\n --ytcp-icon-disabled: @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-color !important;\n --ytcp-themed-blue: @accent-color !important;\n --ytcp-badge-blue: fade(@accent-color, 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-color !important;\n --ytcp-focus: @accent-color !important;\n --ytcp-selected-item: @accent-color !important;\n --ytcp-hover-item: @overlay2 !important;\n --ytcp-chip-active-focus: @accent-color !important;\n --ytcp-playhead: @overlay2 !important;\n --ytcp-playhead-inverse: @overlay2 !important;\n }\n\n ytcp-button.destructive.ytls-error-dialog {\n color: @base !important;\n }\n\n yt-formatted-string.ytls-error-dialog,\n tp-yt-iron-icon.ytls-error-dialog {\n color: @text !important;\n }\n }\n}\n\n@-moz-document domain('m.youtube.com') {\n html[darker-dark-theme] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n html {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n 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-color;\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-color;\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/* 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": "YouTube Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/youtube",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/youtube",
|
|
"version": "4.0.14",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css",
|
|
"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": 1715527462665,
|
|
"_id": "394d935b-9e6c-4e0e-8adf-6ee7777aed72",
|
|
"_rev": 1715536087821,
|
|
"id": 8,
|
|
"originalDigest": "8bd69f09afa30d40a90acd9a478612f0ee2bd049",
|
|
"etag": "W/\"5b3fdda3a7ca6b87534b4503630222d218bebabd51dd9d5bc9a4b953cb90b171\""
|
|
},
|
|
{
|
|
"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": 1715538122420,
|
|
"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 0.0.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/home-manager-options-search/catppuccin.user.css\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 @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 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 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-color;\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-color;\n color: @crust;\n }\n\n .form-control:focus {\n border-color: @accent-color;\n box-shadow:\n inset 0 1px 1px rgba(0, 0, 0, 0.075),\n 0 0 8px @accent-color;\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/* 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": "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": "0.0.1",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/home-manager-options-search/catppuccin.user.css",
|
|
"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.css",
|
|
"name": "Home Manager Options Search Catppuccin",
|
|
"preferScheme": "none",
|
|
"originalDigest": "6e1d2884ce30a772e517a32a020c47dae033d81b",
|
|
"_id": "56054689-3988-4fbd-b9eb-15d3cbd763ae",
|
|
"_rev": 1715535683370,
|
|
"id": 10,
|
|
"etag": "W/\"426f82dbf8bd93a10f04b9da048140bcbd876b1d4373e2812be89a36ce3d59b7\""
|
|
},
|
|
{
|
|
"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 0.1.8\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/duckduckgo/catppuccin.user.css\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) {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n :root.dark-bg {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n 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 --sds-color-text-02: @text !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-color !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-color !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-color !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-modal: @surface0 !important;\n --theme-col-bg-button-primary: @blue !important;\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 .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\n /* privacy reminders */\n .privacy-reminder__text {\n color: @green !important;\n }\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 .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 /* 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-color !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\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: @base !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 }\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-color !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-color !important;\n }\n .module__toggle {\n color: @accent-color !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 color: @subtext1 !important;\n }\n .module__temperature-unit,\n .module__temperature-unit:hover {\n color: @accent-color !important;\n }\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\n .module__detail__hour-label {\n color: @text !important;\n }\n .module__items-item {\n background: @surface0 !important;\n border-color: @surface2 !important;\n }\n\n .module__weatherkit-logo {\n fill: @accent-color;\n }\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\n //calculator\n .tile__ctrl__btn,\n .tile__history,\n .tile__past-calc {\n background-color: @surface0 !important;\n border-color: @surface2 !important;\n color: @text !important;\n }\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\n .tile__display__main,\n .tile__past-result {\n color: @text !important;\n }\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:\n inset -1px -1px 0 @blue,\n inset 1px 1px 0 @blue !important;\n }\n\n .tile__ctrl--important {\n background-color: @yellow !important;\n color: @mantle !important;\n }\n .tile__display__aside,\n .tile__past-formula {\n color: @subtext0 !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 .js-carousel-module-more,\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 .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 .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-color !important;\n color: @mantle !important;\n }\n .js-set-exit {\n background-color: @accent-color !important;\n border-color: @accent-color !important;\n color: @base !important;\n }\n .js-set-exit:hover {\n background-color: fade(@accent-color, 80%) !important;\n border-color: fade(@accent-color, 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 .metabar__dropdowns-wrap::after {\n background-image: linear-gradient(\n 90deg,\n @surface0,\n rgba(255, 255, 255, 0)\n );\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, rgba(255, 255, 255, 0), @mantle);\n }\n .search-filters-wrap::before {\n background: linear-gradient(90deg, @base, rgba(255, 255, 255, 0));\n }\n\n .search-filters-wrap::after {\n background: linear-gradient(90deg, rgba(255, 255, 255, 0), @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-color !important;\n }\n\n #more-results {\n background-color: @surface0 !important;\n }\n\n input,\n select,\n h1,\n h2,\n h3,\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 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-color !important;\n }\n\n .search__button:hover,\n .search--header.has-text.search--hover .search__button {\n background-color: @accent-color !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-color !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-color !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/* 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": "DuckDuckGo Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/duckduckgo",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/duckduckgo",
|
|
"version": "0.1.8",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/duckduckgo/catppuccin.user.css",
|
|
"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.css",
|
|
"name": "DuckDuckGo Catppuccin",
|
|
"originalDigest": "160b1f788028813c2ebe318320e96a11d8649c0b",
|
|
"_id": "0dc8d202-eec3-4899-967c-76c944413214",
|
|
"_rev": 1715535511624,
|
|
"id": 11,
|
|
"etag": "W/\"7798d5ff95e08f18f894567be507a5b822624282ab63a955da73c9d6cde6b2ef\""
|
|
},
|
|
{
|
|
"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 0.2.3\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/google/catppuccin.user.css\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{\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 @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 color-scheme: if(@lookup = latte, light, dark);\n iframe {\n color-scheme: none !important;\n }\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 &,\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-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 --xhUGwc: @base;\n --bbQxAb: @text;\n --IXoxUe: @subtext0;\n --COEmY: @text;\n --YLNNHc: @text;\n --gS5jXb: @surface0;\n --EpFNW: @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-color !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 }\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-color !important;\n }\n .EL3pcf {\n color: @accent-color !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-color !important;\n }\n /* news column thingymaboober idk what it's actually called, but it's like these columns of news headlines so yeah */\n .z7T1i,\n .nEklgc {\n background-color: @surface0;\n }\n .rbYSKb {\n color: @subtext0;\n }\n .FuOudf {\n color: @subtext0;\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 /* 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-color;\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 .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: @text !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 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(\n to bottom,\n rgba(red(@base), green(@base), blue(@base), 0),\n rgba(red(@base), green(@base), blue(@base), 1)\n );\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 .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 .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 }\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 .F9Idpe {\n background: linear-gradient(to right, transparent 0%, @base 60%, @base);\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 }\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-color !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 .q8U8x > div:nth-child(1) {\n background-color: @base !important;\n }\n .EwDHG,\n .vNdLpe,\n .vNdLpe:visited {\n color: @subtext0 !important;\n }\n color: @subtext0;\n }\n @media (prefers-color-scheme: light) {\n body {\n #catppuccin(@lightFlavor, @accentColor);\n }\n }\n @media (prefers-color-scheme: dark) {\n body {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n}\n\n@-moz-document regexp(\"^https?://(ogs\\\\.)?google\\\\..*\")\n{\n @media (prefers-color-scheme: light) {\n body {\n #catppuccin(@lightFlavor, @accentColor);\n }\n }\n @media (prefers-color-scheme: dark) {\n body {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n #catppuccin(@lookup, @accent) {\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 .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/* 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": "Google Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/google",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/google",
|
|
"version": "0.2.3",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/google/catppuccin.user.css",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agoogle",
|
|
"description": "Soothing pastel theme for Google",
|
|
"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.css",
|
|
"name": "Google Catppuccin",
|
|
"originalDigest": "e7fbe19de0da7147f380de8abdca9ff97ee0328a",
|
|
"_id": "a8d95ec4-f0d8-4874-b30c-e27b447e70b4",
|
|
"_rev": 1715535517610,
|
|
"id": 12,
|
|
"etag": "W/\"58a58cd3676d6b38a62ed76e2b500d54db41e9d47130755fd8d6741886cb5228\""
|
|
},
|
|
{
|
|
"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 0.0.6\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/arch-wiki/catppuccin.user.css\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 @media (prefers-color-scheme: dark) {\n :root {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n @media (prefers-color-scheme: light) {\n :root {\n #catppuccin(@lightFlavor, @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 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 #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 #archnavbar {\n background-color: @mantle !important;\n border-bottom-color: @blue !important;\n }\n .mw-parser-output {\n background-color: @base !important;\n }\n .mw-page-container {\n background-color: @mantle !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: fadeout(hsla(90, 90%, 65%, 0.3), 10%) !important;\n border-color: fadeout(hsla(90, 90%, 75%, 0.3), 10%);\n color: @subtext1;\n }\n\n .archwiki-template-box-note {\n background-color: fadeout(hsla(208, 100%, 61%, 0.3), 5%) !important;\n border-color: fadeout(hsla(208, 100%, 81%, 0.3), 5%) !important;\n color: @subtext1;\n }\n\n .archwiki-template-box-warning {\n background-color: fadeout(hsla(7, 99%, 60%, 0.3), 5%) !important;\n border-color: fadeout(hsla(7, 99%, 80%, 0.3), 05%) !important;\n color: @subtext1;\n }\n\n .firstHeading {\n color: @accent-color !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: @blue;\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-color !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-footer li a {\n color: @blue;\n }\n\n .mw-body {\n background-color: @base !important;\n color: @text;\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-color;\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-color !important;\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": "Arch Wiki Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/arch-wiki",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/arch-wiki",
|
|
"version": "0.0.6",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/arch-wiki/catppuccin.user.css",
|
|
"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.css",
|
|
"name": "Arch Wiki Catppuccin",
|
|
"originalDigest": "618824d4a255f3319a0e0abd6aaaea1bb5497708",
|
|
"_id": "dfaa88d1-79ca-418c-8b2c-3cd5994a7de9",
|
|
"_rev": 1715537769584,
|
|
"id": 13,
|
|
"etag": "W/\"0de9fdfb866b80b74cb6b9fa1072bfe29543c6c7bf44feb365fba30a27c18cdc\""
|
|
},
|
|
{
|
|
"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.6\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}\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.6",
|
|
"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": "fe95598010fea1eff39fb5a6513b1001966cbc28",
|
|
"_id": "d8442149-3453-43fb-9a0b-7db47465b4d9",
|
|
"_rev": 1715535966120,
|
|
"id": 14,
|
|
"etag": "W/\"939dada1e8f19f1a9f995ecda6fe78ed8861025eadf943619eb44b1e3bd9e1ae\""
|
|
},
|
|
{
|
|
"enabled": false,
|
|
"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 0.0.17\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/wikipedia/catppuccin.user.css\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 @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 --background-color-base: @base;\n\n body,\n .vector-feature-zebra-design-enabled .vector-header-container .mw-header,\n .vector-feature-zebra-design-enabled .mw-page-container,\n .vector-feature-zebra-design-enabled .vector-pinned-container,\n .vector-feature-zebra-design-enabled\n .vector-dropdown\n .vector-dropdown-content,\n .uls-lcd,\n .uls-search,\n .uls-filtersuggestion,\n #uls-settings-block.uls-settings-block--vector-2022.uls-settings-block--with-add-languages,\n .app-badges .footer-sidebar-content,\n .pure-form input[type=\"search\"],\n .suggestions-dropdown,\n .cdx-menu,\n .vector-header-container .mw-header,\n .mw-page-container,\n .vector-pinned-container,\n .vector-header-container .vector-sticky-header,\n .mw-mmv-image,\n .mw-body,\n .frb-form-wrapper {\n background-color: @base;\n }\n\n body,\n .mw-heading,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n .vector-feature-zebra-design-enabled body,\n .vector-feature-zebra-design-enabled\n .vector-toc\n .vector-toc-list-item-active\n > .vector-toc-link,\n .vector-feature-zebra-design-enabled\n .vector-toc\n .vector-toc-level-1-active:not(.vector-toc-list-item-expanded)\n > .vector-toc-link,\n .vector-feature-zebra-design-enabled\n .vector-toc\n .vector-toc-list-item-active.vector-toc-level-1-active\n > .vector-toc-link,\n .vector-menu-tabs .mw-list-item.selected a,\n .vector-menu-tabs .mw-list-item.selected a:visited,\n .cdx-button:enabled,\n .cdx-button.cdx-button--fake-button--enabled,\n .mw-footer li,\n .vector-feature-zebra-design-enabled\n .vector-toc\n .vector-toc-level-1-active:not(.vector-toc-list-item-active)\n > .vector-toc-link,\n .central-featured-lang small,\n .footer-sidebar-text,\n .other-project-tagline,\n .site-license,\n .search-container .js-langpicker-label,\n .langlist > ul > li,\n .suggestion-title,\n .cdx-menu-item--enabled .cdx-menu-item__content,\n .mwe-popups .mwe-popups-extract,\n .mw-body-content .mw-number-text h3,\n .vector-pinnable-element .vector-menu-heading,\n .vector-toc .vector-toc-list-item-active > .vector-toc-link,\n .vector-toc\n .vector-toc-level-1-active:not(.vector-toc-list-item-expanded)\n > .vector-toc-link,\n .vector-toc\n .vector-toc-list-item-active.vector-toc-level-1-active\n > .vector-toc-link,\n .uls-empty-state .uls-empty-state__header,\n .uls-empty-state .uls-empty-state__desc,\n .uls-no-results-found-title,\n .mw-mmv-post-image,\n .mw-mmv-credit,\n .frb-form-wrapper,\n #contentSub:not(:empty) {\n color: @text;\n }\n\n .mw-parser-output .fmbox {\n border-color: @surface2 !important;\n background-color: @base !important;\n }\n\n .cdx-thumbnail__image {\n border-color: @text;\n }\n\n /* maths */\n .equation-box,\n .equation-box * {\n background: none !important;\n }\n img.mwe-math-fallback-image-display,\n img.mwe-math-fallback-image-inline {\n & when (@lookup = latte) {\n filter: brightness(0) saturate(100%) invert(31%) sepia(9%)\n saturate(1499%) hue-rotate(196deg) brightness(90%) contrast(85%);\n }\n\n & when (@lookup = frappe) {\n filter: brightness(0) saturate(100%) invert(92%) sepia(6%)\n saturate(3753%) hue-rotate(184deg) brightness(93%) contrast(106%);\n }\n\n & when (@lookup = macchiato) {\n filter: brightness(0) saturate(100%) invert(82%) sepia(7%)\n saturate(1042%) hue-rotate(193deg) brightness(103%) contrast(92%);\n }\n\n & when (@lookup = mocha) {\n filter: brightness(0) saturate(100%) invert(83%) sepia(28%)\n saturate(223%) hue-rotate(190deg) brightness(99%) contrast(93%);\n }\n }\n\n .mwe-popups .mwe-popups-extract[dir=\"ltr\"]::after {\n background-image: linear-gradient(\n to right,\n rgba(255, 255, 255, 0),\n @surface0 50%\n );\n }\n table {\n background: @surface2 !important;\n }\n\n tr {\n background-color: @surface0 !important;\n }\n\n th {\n background: @overlay0 !important;\n color: @mantle !important;\n }\n\n .quotebox,\n div.thumbinner {\n background-color: @surface0 !important;\n border-color: @surface2 !important;\n }\n\n .navbox-group,\n .infobox-label {\n color: @text !important;\n }\n\n .cdx-button:enabled,\n .cdx-text-input__input:enabled {\n color: @text;\n background-color: @base;\n border-color: @surface2;\n &:hover {\n background-color: @mantle;\n border-color: @text;\n color: @text;\n }\n }\n\n .vector-dropdown .vector-dropdown-content,\n .header-container.header-chrome {\n background-color: @mantle;\n }\n\n .skin-vector .uls-search {\n border-bottom-color: @surface2;\n }\n\n .oo-ui-textInputWidget,\n .oo-ui-inputWidget-input {\n color: @text !important;\n background-color: @surface1 !important;\n border-color: @surface2 !important;\n }\n .oo-ui-tagItemWidget.oo-ui-widget-disabled {\n color: @text;\n background-color: @overlay0;\n text-shadow: 0 0 0 @text;\n border-color: @surface0;\n }\n\n .oo-ui-buttonElement-frameless.oo-ui-widget-enabled\n > .oo-ui-buttonElement-button,\n .mw-mmv-credit,\n .mw-mmv-options-dialog-header,\n .mw-mmv-options-text-header {\n color: @text;\n }\n\n .mw-mmv-options-text-body {\n color: @subtext0;\n }\n\n .mw-ui-input:not(:disabled) {\n background-color: @surface0;\n color: @text;\n border-color: @surface2;\n }\n\n .mw-ui-button {\n color: @mantle;\n background-color: @accent-color;\n border-color: @accent-color;\n }\n\n .imbox-delete {\n border-color: @red !important;\n background-color: @surface0 !important;\n }\n\n .imbox {\n background-color: @overlay0 !important;\n border-color: @peach !important;\n }\n\n .talkheader-help {\n background-color: @surface1 !important;\n border-color: @green !important;\n }\n\n .assess,\n .assess-NA,\n .navbox-subgroup {\n background: @surface0 !important;\n border-color: @surface1 !important;\n }\n\n .documentation,\n .documentation-container,\n .documentation-metadata {\n background-color: fade(@green, 15%) !important;\n }\n\n .ambox,\n .portalborder {\n background-color: @surface1 !important;\n border-color: @surface2 !important;\n }\n\n .navbox-title {\n color: @text !important;\n }\n\n .mw-highlight pre {\n background: @surface0 !important;\n border-width: 0;\n color: @text;\n }\n\n .mw-content-ltr.mw-highlight-lines pre,\n .mw-content-ltr.content .mw-highlight-lines pre {\n box-shadow: inset 2.75em 0 0 @surface1;\n }\n\n .mw-redirect when (@highlight-redirect = 1) {\n color: @green !important;\n }\n\n .mbox-text {\n color: @text !important;\n }\n\n .sidebar-above,\n .p,\n .o {\n color: @text !important;\n }\n .ni,\n .mw-templatedata-doc-muted {\n color: @subtext1 !important;\n }\n .nv,\n .nn {\n color: @blue !important;\n }\n\n .sidebar-above a span {\n color: @text !important;\n }\n\n .sidebar-title-with-pretitle span {\n color: @text !important;\n }\n\n .nt {\n color: @green !important;\n }\n\n .nl {\n color: @teal !important;\n }\n\n .ambox-style {\n border-left-color: @yellow !important;\n }\n\n .mw-parser-output .mainpage-frame {\n background: @surface0 !important;\n border-color: @surface0 !important;\n }\n\n .mw-parser-output .mainpage-heading-title {\n background: linear-gradient(\n to right,\n rgba(saturate(lighten(@accent-color, 4%), -3%), 0.4),\n @surface0\n ) !important;\n }\n\n .hidden-title {\n background-color: @green !important;\n color: @mantle !important;\n }\n\n .mw-mmv-post-image,\n .mw-mmv-options-dialog {\n background-color: @base;\n color: @text;\n }\n .mw-mmv-image-metadata {\n background-color: @base;\n border-color: @base;\n }\n\n .mw-mmv-dialog-down-arrow {\n background-color: @base !important;\n }\n\n .oo-ui-tagItemWidget.oo-ui-widget-enabled {\n color: @text;\n background-color: @overlay0 !important;\n border-color: @surface0;\n }\n\n ol.references li:target {\n background-color: @surface2;\n }\n\n .mw-body-content .error {\n color: @red;\n }\n\n .divbox-gray,\n .infobox-above {\n background-color: @surface2 !important;\n border-color: @overlay0 !important;\n }\n\n .biota > * > tr > th {\n background-color: @yellow !important;\n color: @mantle !important;\n }\n\n .cmbox {\n background-color: @blue !important;\n }\n\n .wikitable {\n background-color: @surface0 !important;\n color: @text !important;\n border-color: @surface2 !important;\n }\n\n .wikitable > * > tr > th {\n background-color: @surface1 !important;\n }\n\n .wikitable > * > tr > td,\n .wikitable > * > tr > th {\n background-color: @surface0 !important;\n color: @text !important;\n border-color: @surface2;\n }\n\n .mw-searchresults-has-iw .iw-result__header a {\n color: @text;\n }\n\n .mw-search-result-data {\n color: @subtext0;\n }\n\n .navbox-abovebelow {\n background-color: @overlay2 !important;\n border-color: @overlay2 !important;\n }\n\n .vector-feature-zebra-design-enabled\n .vector-pinnable-element\n .vector-menu-heading {\n color: @text;\n border-bottom-color: @surface0;\n }\n\n .mwe-popups .mwe-popups-container {\n background-color: @surface0;\n }\n\n .vector-pinnable-header-toggle-button {\n background-color: @surface0;\n color: @text;\n &:hover {\n background-color: @base;\n }\n }\n\n .mw-parser-output .navbox-list {\n border-color: @surface0;\n }\n\n .pure-button-primary-progressive,\n .pure-button-primary-progressive:hover {\n background-color: @accent-color;\n border-color: @accent-color;\n }\n\n .suggestion-link {\n border-bottom-color: @surface0;\n }\n\n .cdx-menu,\n .skin-vector .uls-menu,\n .suggestiodns-dropdown,\n .cdx-search-input--has-end-button,\n .vector-sticky-header,\n .vector-sticky-header-context-bar,\n .mw-heading2 {\n border-color: @surface2;\n }\n\n .suggestion-link.active {\n background-color: fade(@accent-color, 20%);\n .suggestion-title {\n color: @accent-color;\n }\n }\n\n .cdx-menu-item--enabled.cdx-menu-item--highlighted {\n background-color: fade(@accent-color, 20%);\n }\n\n .mw-mmv-post-image,\n .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive\n .cdx-button__icon {\n background-color: @crust;\n }\n\n .cdx-text-input__input:enabled::placeholder,\n .cdx-text-input__input:enabled ~ .cdx-text-input__icon-vue,\n .skin-vector .uls-languagefilter,\n .skin-vector .uls-lcd-region-title,\n .suggestion-description,\n .cdx-menu-item--enabled .cdx-menu-item__text__description,\n .mw-number-text,\n .boilerplate > div:nth-child(3) > span:nth-child(1),\n .boilerplate > div:nth-child(4) > span:nth-child(2) {\n color: @subtext0 !important;\n }\n\n input:hover + .cdx-button.cdx-button--action-progressive {\n background-color: fade(@accent-color, 12.5%);\n }\n\n #pt-notifications-alert .mw-echo-unseen-notifications::after {\n background-color: @red !important;\n }\n\n #pt-notifications-notice .mw-echo-unseen-notifications::after {\n background-color: @blue !important;\n }\n\n a,\n .mw-parser-output a.external:visited {\n color: @accent-color;\n &:visited {\n color: @mauve;\n }\n }\n\n a.new,\n .mw-parser-output .cs1-visible-error,\n .vector-menu-tabs .mw-list-item.new a,\n .mw-plusminus-neg {\n color: @red;\n }\n\n #searchInput {\n color: @text;\n &:hover {\n border-color: @surface2;\n }\n &:focus {\n border-color: @accent-color;\n }\n }\n\n .pure-form input[type=\"search\"] {\n border-color: @surface2;\n box-shadow: inset 0 0 0 1px @surface2;\n }\n\n #pt-notifications-alert .mw-echo-notifications-badge::after,\n #pt-notifications-notice .mw-echo-notifications-badge::after,\n .mw-echo-notification-badge-nojs::after {\n border-color: @crust;\n background-color: @accent-color;\n color: @base;\n }\n\n h2 {\n border-bottom-color: @surface2;\n }\n\n .mw-footer {\n border-top-color: @surface2;\n }\n\n .bookshelf {\n border-top-color: @surface0;\n box-shadow: 0 -1px 0 @surface0;\n }\n\n body.ns-talk .mw-parser-output .mp-toolbox,\n .mw-parser-output .tmbox,\n #talkheader {\n border-color: fade(@yellow, 20%) !important;\n background-color: fade(@yellow, 10%) !important;\n }\n\n body.ns-talk .mw-parser-output .mp-toolbox-daily th {\n border-color: fade(@yellow, 80%) !important;\n background-color: fade(@yellow, 20%) !important;\n }\n\n .fn.org {\n color: @accent-color;\n }\n\n .mw-parser-output .mp-toolbox-daily th,\n .mw-parser-output td.mp-toolbox-tfl-not {\n background: fade(@yellow, 20%) !important;\n border-color: fade(@yellow, 20%) !important;\n }\n\n body.ns-talk .mw-parser-output .mp-toolbox-daily {\n border-color: fade(@yellow, 20%) !important;\n background: none !important;\n }\n\n .mw-parser-output tr + tr > .navbox-list,\n .mw-parser-output tr + tr > .navbox-group {\n border-top-color: @surface0;\n }\n\n .ext-phonos-PhonosButton.oo-ui-buttonElement-frameless.oo-ui-buttonWidget\n > .oo-ui-buttonElement-button:hover {\n background-color: fade(@accent-color, 20%);\n }\n\n .styled-select:hover {\n background-color: @surface0;\n }\n\n .lang-list-button,\n .lang-list-button:hover {\n background-color: @base;\n border-color: @surface1;\n outline-color: @base;\n }\n\n .cdx-typeahead-search__search-footer__icon.cdx-icon {\n color: @subtext0;\n }\n\n .vector-toc\n .vector-toc-level-1-active:not(.vector-toc-list-item-active)\n > .vector-toc-link {\n color: @text;\n }\n\n .lang-list-active .lang-list-button {\n background-color: @base;\n border-color: @surface1;\n outline-color: @base;\n }\n\n .lang-list-button:focus {\n box-shadow: inset 0 0 0 1px @accent-color;\n }\n\n .lang-list-border {\n background-color: @surface1;\n }\n\n .infobox-header {\n background-color: @surface1 !important;\n color: @text !important;\n }\n\n td[style*=\"background-color\"],\n td[style*=\"background-color\"] * {\n color: @crust !important;\n }\n\n #toc-Services > a:nth-child(1) > div:nth-child(1) {\n color: @text !important;\n }\n\n .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive,\n .vector-menu-tabs .mw-list-item a,\n .vector-feature-zebra-design-enabled .vector-toc .vector-toc-link,\n .mw-parser-output a.extiw,\n .mw-parser-output a.external,\n .mw-collapsible-toggle-default .mw-collapsible-text,\n .vector-feature-zebra-design-enabled\n .vector-pinnable-element\n .mw-list-item\n a,\n .vector-feature-zebra-design-enabled\n .vector-dropdown-content\n .mw-list-item\n a,\n .vector-feature-zebra-design-enabled\n .vector-pinnable-element\n .mw-list-item\n a:not(.mw-selflink):visited,\n .vector-feature-zebra-design-enabled\n .vector-dropdown-content\n .mw-list-item\n a:not(.mw-selflink):visited,\n .uls-language-block a,\n .lang-list-button,\n .fancycaptcha-reload,\n #pt-userpage-2 a:not(.mw-selflink),\n .vector-pinnable-element .mw-list-item a,\n .vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited,\n .vector-toc .vector-toc-link,\n .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive\n > .oo-ui-buttonElement-button,\n .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive\n > .oo-ui-buttonElement-button:hover,\n .vector-dropdown-content .mw-list-item a,\n .vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited {\n color: @accent-color;\n }\n\n .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive,\n .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive,\n .mw-ui-button.mw-ui-progressive:not(:disabled),\n .mw-ui-button.mw-ui-progressive:not(:disabled):hover {\n background-color: @accent-color;\n border-color: @accent-color;\n color: @base;\n }\n\n .mw-message-box-warning,\n .boilerplate {\n border-color: @accent-color !important;\n background-color: fade(@accent-color, 25%) !important;\n color: @text;\n }\n\n .vector-feature-zebra-design-enabled .vector-sticky-pinned-container::after,\n .vector-sticky-pinned-container::after {\n background: none;\n }\n\n .vector-feature-zebra-design-enabled .vector-pinnable-header-toggle-button {\n background-color: @surface0;\n color: @text;\n &:hover {\n background-color: @base;\n }\n }\n\n .vector-feature-zebra-design-enabled .vector-pinnable-header,\n .vector-pinnable-header,\n .vector-pinnable-element .vector-menu-heading {\n border-bottom-color: @surface0;\n }\n\n hr {\n border-bottom-color: @surface2;\n }\n\n .central-featured-lang strong:hover,\n .link-box:hover,\n .central-featured-lang :hover,\n .other-project-link:hover,\n .lang-list-container {\n background-color: @surface0;\n }\n\n .vector-page-toolbar-container {\n box-shadow: 0 1px @surface1;\n }\n\n .mw-parser-output .navbox-even {\n background-color: @surface1;\n }\n\n .vector-feature-zebra-design-enabled .vector-page-titlebar::after,\n .mw-parser-output .wikipedia-languages-prettybars,\n .vector-page-titlebar::after {\n background-color: @surface2 !important;\n }\n\n table.expanded:nth-child(2) > tbody:nth-child(1) > tr:nth-child(2) {\n background-color: fade(@accent-color, 20%) !important;\n }\n\n .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type,\n .client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type),\n .mw-collapsible-toggle-default::before,\n .mw-collapsible-toggle-default::after {\n color: @subtext1;\n }\n\n .infobox,\n .mw-parser-output .navbox,\n .catlinks,\n .mw-parser-output #mp-topbanner,\n .mw-parser-output .sidebar,\n .fancycaptcha-captcha-container,\n .fancycaptcha-captcha-and-reload,\n .cdx-checkbox__icon,\n .mw-message-box,\n .uls-menu .uls-no-results-view .uls-no-found-more,\n .client-js\n .vector-below-page-title\n .vector-page-titlebar-toc\n > label:nth-child(2),\n .mw-parser-output .ombox,\n code,\n .oo-ui-buttonElement-framed.oo-ui-widget-enabled\n > .oo-ui-buttonElement-button,\n .mw-mmv-label,\n #page-secondary-actions > a,\n .mw-parser-output .ambox,\n td[class=\"sidebar-navbar\"],\n textarea,\n .mw-parser-output .side-box {\n background-color: @surface0 !important;\n color: @text !important;\n border-color: @surface2 !important;\n }\n\n #pagehistory li.selected {\n background-color: @surface0 !important;\n color: @text !important;\n border-color: @surface2 !important;\n outline-color: @surface2 !important;\n }\n\n .cdx-checkbox__icon {\n border-color: @accent-color !important;\n }\n\n .fancycaptcha-captcha-container .mw-ui-inputو .mw-ui-input:not(:disabled) {\n background-color: @base !important;\n color: @text !important;\n border-color: @surface1;\n }\n\n .mw-ui-input:not(:disabled),\n .mw-ui-button:not(:disabled) {\n background-color: @base !important;\n color: @text !important;\n border-color: @surface1 !important;\n }\n\n .mw-parser-output .module-shortcutboxplain {\n background-color: @base !important;\n color: @text !important;\n border-color: @surface2;\n }\n\n .sidebar-pretitle,\n .sidebar-title-with-pretitle,\n .sidebar-list-title {\n background-color: fade(@accent-color, 20%) !important;\n }\n\n .mw-parser-output #mp-bottom,\n .mw-parser-output .sidebar-collapse .sidebar-below {\n border-color: @surface2;\n }\n\n .lang-list-content,\n .bookshelf .text {\n background-color: @surface0;\n }\n\n .mw-parser-output #mp-bottom .mp-h2,\n .uls-language-block > ul > li:hover {\n background: @surface0;\n border-color: @surface2;\n }\n\n figure[typeof~=\"mw:File/Thumb\"] {\n background-color: @mantle !important;\n color: @text !important;\n border-top-color: @surface2;\n border-left-color: @surface2;\n border-right-color: @surface2;\n > figcaption {\n background-color: @mantle !important;\n color: @text !important;\n border-bottom-color: @surface2;\n border-left-color: @surface2;\n border-right-color: @surface2;\n }\n > :not(figcaption) .mw-file-element {\n color: @surface2 !important;\n border-color: @surface2;\n }\n }\n\n .mw-parser-output #mp-left,\n .mw-parser-output #mp-left .mp-h2,\n th[class=\"sidebar-title\"] {\n background-color: fade(@green, 10%) !important;\n border-color: fade(@green, 20%) !important;\n }\n\n .mw-plusminus-pos {\n color: @green !important;\n }\n\n .mw-parser-output #mp-right,\n .mw-parser-output #mp-right .mp-h2 {\n background-color: fade(@blue, 10%) !important;\n border-color: fade(@blue, 20%) !important;\n }\n\n .mw-parser-output #mp-lower,\n .mw-parser-output #mp-lower .mp-h2 {\n background-color: fade(@mauve, 10%) !important;\n border-color: fade(@mauve, 20%) !important;\n }\n\n .mw-collapsible-toggle-default:active .mw-collapsible-text {\n color: @peach;\n }\n\n .mw-parser-output #mp-middle,\n .mw-parser-output #mp-middle .mp-h2 {\n background-color: fade(@pink, 10%) !important;\n border-color: fade(@pink, 20%) !important;\n }\n\n .mw-parser-output .navbox-title,\n .summary,\n .infobox > tbody:nth-child(1) > tr:nth-child(4) > th:nth-child(1),\n .infobox > tbody:nth-child(1) > tr:nth-child(6) > th:nth-child(1) {\n background-color: fade(@accent-color, 20%) !important;\n }\n\n .infobox > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1) {\n background-color: @surface1 !important;\n }\n\n .mw-parser-output .navbox-group,\n table.expanded:nth-child(2) > tbody:nth-child(1) > tr:nth-child(3),\n table.expanded:nth-child(2)\n > tbody:nth-child(1)\n > tr:nth-child(4)\n > td:nth-child(2)\n > table:nth-child(2)\n > tbody:nth-child(1)\n > tr:nth-child(1),\n table.expanded:nth-child(2) > tbody:nth-child(1) > tr:nth-child(1),\n table.nowraplinks:nth-child(1)\n > tbody:nth-child(1)\n > tr:nth-child(3)\n > td:nth-child(1)\n > table:nth-child(2)\n > tbody:nth-child(1)\n > tr:nth-child(1),\n table.nowraplinks:nth-child(1)\n > tbody:nth-child(1)\n > tr:nth-child(4)\n > td:nth-child(1)\n > table:nth-child(2)\n > tbody:nth-child(1)\n > tr:nth-child(1),\n table.nowraplinks:nth-child(1)\n > tbody:nth-child(1)\n > tr:nth-child(5)\n > td:nth-child(1)\n > table:nth-child(2)\n > tbody:nth-child(1)\n > tr:nth-child(1),\n .navbox-abovebelow {\n background-color: @surface1 !important;\n }\n\n .mw-content-ltr\n > table:nth-child(20)\n > tbody:nth-child(1)\n > tr:nth-child(2)\n > td:nth-child(2) {\n border-color: @surface2 !important;\n background-color: @surface0 !important;\n }\n\n [style=\"color:#02a64f;line-height:initial\"] {\n color: @green !important;\n }\n\n [style=\"color:#f78e1e;line-height:initial\"] {\n color: @peach !important;\n }\n\n [style=\"color:#77278b;line-height:initial\"] {\n color: @mauve !important;\n }\n\n [style=\"color:#87746a;line-height:initial\"] {\n color: @maroon !important;\n }\n\n [style=\"color:#009aC8;line-height:initial\"] {\n color: @sky !important;\n }\n\n [style=\"color:#ffd520;line-height:initial\"] {\n color: @yellow !important;\n }\n\n [style=\"color:#0060a9;line-height:initial\"] {\n color: @blue !important;\n }\n\n table.nowraplinks:nth-child(4) > tbody:nth-child(1) > tr:nth-child(1),\n .navbox-list-with-group.navbox-list.navbox-odd {\n background-color: @surface0 !important;\n }\n\n .mw-parser-output tr + tr > .navbox-abovebelow {\n border-color: @base;\n }\n\n .catlinks li {\n border-left-color: @surface2;\n }\n\n /* Fundraising banner */\n .frb-btn,\n .frb-label {\n color: @text;\n background-color: @base;\n border-color: @overlay0;\n }\n\n input[type=\"radio\"]:checked + .frb-btn,\n input[type=\"radio\"]:checked + .frb-label,\n .frb-btn:hover,\n .frb-label:hover {\n color: @base;\n background-color: @accent-color;\n border-color: @accent-color;\n }\n\n #frb-main {\n --wmui-base100: @base;\n --wmui-base0: @text;\n --frb-body: @text;\n --frb-muted: @subtext0;\n --frb-link: @subtext0;\n --frb-link-hover: @text;\n --frb-error: @red;\n --frb-submit: @accent-color;\n --frb-submit-hover: darken(@accent-color, 10%);\n\n svg.frb-message-icon > g {\n circle {\n fill: @yellow;\n }\n path {\n fill: @base;\n }\n }\n\n .frb-message {\n background-color: @green;\n border-color: @green;\n }\n\n .frb-message::after {\n border-left-color: @green;\n }\n }\n\n #frb-inline {\n --wmui-base100: @base;\n --frb-primary: @red;\n --frb-link: @accent-color;\n --frb-muted: @subtext0;\n --frb-muted-hover: @text;\n --frb-body: @text;\n --frb-error: @red;\n --wmui-red-dark: @red;\n --wmui-red-light: @red;\n --wmui-green-dark: @green;\n --wmui-green-light: @green;\n --frb-submit: @accent-color;\n --frb-submit-hover: darken(@accent-color, 10%);\n\n .frb-inline-topbar {\n color: @text;\n\n svg circle {\n fill: @yellow;\n }\n\n svg path {\n fill: @base;\n }\n }\n\n .frb-btn-cta {\n background-color: @accent-color !important;\n border-color: @accent-color !important;\n color: @base !important;\n }\n\n .frb-btn-simple {\n color: @accent-color !important;\n }\n\n .frb-monthly-pitch {\n color: @blue;\n }\n\n .frb-optin-no-prompt {\n color: @base;\n }\n\n .frb-cta-hiddenmessage {\n background-color: @red;\n color: @base;\n }\n }\n\n #frb-nag {\n --frb-primary-light: @base;\n --frb-body: @text;\n --wmui-accent-dark: @subtext0;\n --frb-link-hover: @text;\n\n span.frb-donate-button {\n color: @base;\n background-color: @red;\n\n &:hover {\n color: @base;\n background-color: darken(@red, 10%);\n }\n }\n\n svg.frb-icon-close > g {\n stroke: @subtext0;\n\n &:hover {\n stroke: @text;\n }\n }\n }\n\n .frb-nag:not(#frb-nag) {\n --frb-message-background: @base;\n --frb-message-border: @red;\n --frb-message: @text;\n border-color: @surface0;\n background: @base;\n box-shadow: none;\n\n #nag-rml-btn {\n background-color: transparent;\n border-color: transparent;\n color: @subtext0;\n }\n\n #nag-yes-btn {\n background-color: @accent-color;\n border-color: @accent-color;\n color: @base;\n }\n }\n\n .frb-btn-cta-label::after {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 6.7 12\"><path d=\"M.9 0 0 .9 5.1 6 0 11.1l.9.9 5.5-5.5c.3-.3.3-.7 0-.9z\" fill=\"@{base}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n .frb-back {\n @svg-raw: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 16\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><path stroke=\"@{subtext0}\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.778\" d=\"M7.181 13.285.753 7 7.181.715\"/><rect fill=\"@{subtext0}\" width=\"18.182\" height=\"1.778\" x=\".818\" y=\"6.111\" rx=\".889\"/></g></svg>';\n @svg: escape(@svg-raw);\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n .frb-close {\n @svg-raw: '<svg viewBox=\"0 0 10 10\" xmlns=\"http://www.w3.org/2000/svg\"><g stroke=\"@{subtext0}\" fill=\"none\" stroke-linecap=\"round\"><path d=\"M1 1 l8 8 M9 1 l-8 8\"></path></g></svg>';\n @svg: escape(@svg-raw);\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n .sprite {\n @svg: escape(\n '<svg width=\"176\" height=\"811\" viewBox=\"0 0 176 811\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><svg width=\"47\" height=\"47\" viewBox=\"-306 -517 612 822\" id=\"Commons-logo_sister\" xmlns=\"http://www.w3.org/2000/svg\"><defs><clipPath id=\"aa\"><circle r=\"298\"/></clipPath></defs><circle r=\"100\" fill=\"#900\"/><g fill=\"#069\"><g id=\"ab\" clip-path=\"url(#aa)\"><path d=\"M-11 180v118h22V180\"/><path d=\"m-43 185 43-75 43 75\"/></g><g id=\"ac\"><use xlink:href=\"#ab\" transform=\"rotate(45)\"/><use xlink:href=\"#ab\" transform=\"rotate(90)\"/><use xlink:href=\"#ab\" transform=\"rotate(135)\"/></g><use xlink:href=\"#ac\" transform=\"scale(-1 1)\"/><path fill=\"none\" stroke=\"#069\" stroke-width=\"84\" d=\"M-181.02-181.02a256 256 0 1 0 362.04 0c-70.71-70.71-177.49-34.65-198.7-190.21\"/><path d=\"M-23-515s-36 135-80 185 116-62 170-5-90-180-90-180\"/></g></svg><svg width=\"42\" height=\"42\" version=\"1.1\" id=\"MediaWiki-logo_sister\" viewBox=\"-1 -1 42 42\" y=\"47\" xmlns=\"http://www.w3.org/2000/svg\"><defs id=\"bdefs11\"><linearGradient id=\"bgradient\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" x2=\"100\" y1=\"100\" y2=\"0\"><stop offset=\"0%\" stop-color=\"#0a00b2\" id=\"bstop2\"/><stop offset=\"50%\" stop-color=\"red\" id=\"bstop4\"/><stop offset=\"100%\" stop-color=\"#fffc00\" id=\"bstop6\"/></linearGradient><linearGradient xlink:href=\"#bgradient\" id=\"blinearGradient923\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"100\" x2=\"100\" y2=\"0\"/><linearGradient xlink:href=\"#bgradient\" id=\"blinearGradient925\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"100\" x2=\"100\" y2=\"0\"/><linearGradient xlink:href=\"#bgradient\" id=\"blinearGradient927\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"100\" x2=\"100\" y2=\"0\"/><linearGradient xlink:href=\"#bgradient\" id=\"blinearGradient929\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"100\" x2=\"100\" y2=\"0\"/><linearGradient xlink:href=\"#bgradient\" id=\"blinearGradient931\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"100\" x2=\"100\" y2=\"0\"/><linearGradient xlink:href=\"#bgradient\" id=\"blinearGradient933\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"100\" x2=\"100\" y2=\"0\"/><linearGradient xlink:href=\"#bgradient\" id=\"blinearGradient935\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"100\" x2=\"100\" y2=\"0\"/><linearGradient xlink:href=\"#bgradient\" id=\"blinearGradient937\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"100\" x2=\"100\" y2=\"0\"/><linearGradient xlink:href=\"#bgradient\" id=\"blinearGradient939\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"100\" x2=\"100\" y2=\"0\"/><linearGradient xlink:href=\"#bgradient\" id=\"blinearGradient941\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"100\" x2=\"100\" y2=\"0\"/><linearGradient xlink:href=\"#bgradient\" id=\"blinearGradient943\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"100\" x2=\"100\" y2=\"0\"/><linearGradient xlink:href=\"#bgradient\" id=\"blinearGradient945\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"100\" x2=\"100\" y2=\"0\"/><linearGradient xlink:href=\"#bgradient\" id=\"blinearGradient947\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"100\" x2=\"100\" y2=\"0\"/><linearGradient xlink:href=\"#bgradient\" id=\"blinearGradient949\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"100\" x2=\"100\" y2=\"0\"/><linearGradient xlink:href=\"#bgradient\" id=\"blinearGradient951\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"100\" x2=\"100\" y2=\"0\"/><linearGradient xlink:href=\"#bgradient\" id=\"blinearGradient953\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"100\" x2=\"100\" y2=\"0\"/><linearGradient xlink:href=\"#bgradient\" id=\"blinearGradient955\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"100\" x2=\"100\" y2=\"0\"/><linearGradient xlink:href=\"#bgradient\" id=\"blinearGradient957\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"100\" x2=\"100\" y2=\"0\"/><linearGradient xlink:href=\"#bgradient\" id=\"blinearGradient959\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"100\" x2=\"100\" y2=\"0\"/><linearGradient xlink:href=\"#bgradient\" id=\"blinearGradient961\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"100\" x2=\"100\" y2=\"0\"/><linearGradient xlink:href=\"#bgradient\" id=\"blinearGradient963\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"100\" x2=\"100\" y2=\"0\"/><linearGradient xlink:href=\"#bgradient\" id=\"blinearGradient965\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"100\" x2=\"100\" y2=\"0\"/><linearGradient xlink:href=\"#bgradient\" id=\"blinearGradient967\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"100\" x2=\"100\" y2=\"0\"/><linearGradient xlink:href=\"#bgradient\" id=\"blinearGradient969\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"100\" x2=\"100\" y2=\"0\"/><linearGradient xlink:href=\"#bgradient\" id=\"blinearGradient971\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"100\" x2=\"100\" y2=\"0\"/><style id=\"bstyle9\">.bpetal{opacity:.65}</style></defs><g id=\"bpetals\" transform=\"matrix(.4 0 0 .4 0 .106)\" fill=\"url(#blinearGradient971)\"><path class=\"bpetal\" d=\"M33.6 14.8a16.94 16.94 0 0 0 3.116 11.142 11.46 11.46 0 0 0 6.858 4.3 3.03 3.03 0 0 0 2.385-.713 11.92 11.92 0 0 0 3.634-10.837c-1.257-7.54-6.19-12.43-12.4-17A32.5 32.5 0 0 0 33.6 14.8\" id=\"bpath13\" opacity=\".65\" fill=\"url(#blinearGradient923)\"/><path class=\"bpetal\" d=\"M25.117 20.232a16.94 16.94 0 0 0 5.893 9.956 11.46 11.46 0 0 0 7.738 2.381 3.03 3.03 0 0 0 2.119-1.306 11.92 11.92 0 0 0 .705-11.409C38.406 12.9 32.376 9.449 25.2 6.642a32.5 32.5 0 0 0-.083 13.59\" id=\"bpath15\" opacity=\".65\" fill=\"url(#blinearGradient925)\"/><path class=\"bpetal\" d=\"M18.329 27.677a16.94 16.94 0 0 0 8.271 8.092 11.46 11.46 0 0 0 8.09.3 3.03 3.03 0 0 0 1.709-1.81 11.92 11.92 0 0 0-2.271-11.2c-4.859-5.9-11.576-7.67-19.237-8.523a32.5 32.5 0 0 0 3.438 13.141\" id=\"bpath17\" opacity=\".65\" fill=\"url(#blinearGradient927)\"/><path class=\"bpetal\" d=\"M13.7 36.626A16.94 16.94 0 0 0 23.781 42.3a11.46 11.46 0 0 0 7.891-1.807 3.03 3.03 0 0 0 1.182-2.193 11.92 11.92 0 0 0-5.093-10.233c-6.221-4.443-13.167-4.412-20.787-3.254A32.5 32.5 0 0 0 13.7 36.626\" id=\"bpath19\" opacity=\".65\" fill=\"url(#blinearGradient929)\"/><path class=\"bpetal\" d=\"M11.543 46.468a16.94 16.94 0 0 0 11.208 2.873 11.46 11.46 0 0 0 7.155-3.788 3.03 3.03 0 0 0 .575-2.422 11.92 11.92 0 0 0-7.568-8.566c-7.16-2.681-13.861-.854-20.923 2.235a32.5 32.5 0 0 0 9.553 9.668\" id=\"bpath21\" opacity=\".65\" fill=\"url(#blinearGradient931)\"/><path class=\"bpetal\" d=\"M12.008 56.532a16.94 16.94 0 0 0 11.569-.126 11.46 11.46 0 0 0 5.931-5.51 3.03 3.03 0 0 0-.072-2.488 11.92 11.92 0 0 0-9.527-6.315C12.3 41.356 6.3 44.855.279 49.669a32.5 32.5 0 0 0 11.729 6.863\" id=\"bpath23\" opacity=\".65\" fill=\"url(#blinearGradient933)\"/><path class=\"bpetal\" d=\"M15.062 66.134A16.94 16.94 0 0 0 26.2 63.018a11.46 11.46 0 0 0 4.3-6.858 3.03 3.03 0 0 0-.713-2.385 11.92 11.92 0 0 0-10.837-3.634c-7.54 1.257-12.43 6.19-17 12.4a32.5 32.5 0 0 0 13.112 3.593\" id=\"bpath25\" opacity=\".65\" fill=\"url(#blinearGradient935)\"/><path class=\"bpetal\" d=\"M20.5 74.618a16.94 16.94 0 0 0 9.956-5.893 11.46 11.46 0 0 0 2.381-7.738 3.03 3.03 0 0 0-1.306-2.119 11.93 11.93 0 0 0-11.409-.705c-6.958 3.166-10.4 9.2-13.212 16.376a32.5 32.5 0 0 0 13.59.079\" id=\"bpath27\" opacity=\".65\" fill=\"url(#blinearGradient937)\"/><path class=\"bpetal\" d=\"M27.943 81.406a16.94 16.94 0 0 0 8.092-8.269 11.46 11.46 0 0 0 .3-8.09 3.03 3.03 0 0 0-1.81-1.709 11.92 11.92 0 0 0-11.2 2.271c-5.9 4.859-7.67 11.576-8.523 19.237a32.5 32.5 0 0 0 13.141-3.44\" id=\"bpath29\" opacity=\".65\" fill=\"url(#blinearGradient939)\"/><path class=\"bpetal\" d=\"M36.891 86.035a16.94 16.94 0 0 0 5.676-10.082 11.46 11.46 0 0 0-1.807-7.891 3.03 3.03 0 0 0-2.191-1.182 11.92 11.92 0 0 0-10.233 5.094c-4.443 6.221-4.412 13.167-3.254 20.787a32.5 32.5 0 0 0 11.809-6.726\" id=\"bpath31\" opacity=\".65\" fill=\"url(#blinearGradient941)\"/><path class=\"bpetal\" d=\"M46.733 88.191a16.94 16.94 0 0 0 2.873-11.207 11.46 11.46 0 0 0-3.788-7.155 3.03 3.03 0 0 0-2.422-.575 11.92 11.92 0 0 0-8.566 7.568c-2.681 7.159-.854 13.86 2.237 20.921a32.5 32.5 0 0 0 9.666-9.552\" id=\"bpath33\" opacity=\".65\" fill=\"url(#blinearGradient943)\"/><path class=\"bpetal\" d=\"M56.8 87.726a16.94 16.94 0 0 0-.125-11.569 11.46 11.46 0 0 0-5.511-5.931 3.03 3.03 0 0 0-2.488.072 11.92 11.92 0 0 0-6.315 9.528c-.737 7.609 2.762 13.609 7.576 19.629A32.5 32.5 0 0 0 56.8 87.726\" id=\"bpath35\" opacity=\".65\" fill=\"url(#blinearGradient945)\"/><path class=\"bpetal\" d=\"M66.4 84.672a16.94 16.94 0 0 0-3.116-11.142 11.46 11.46 0 0 0-6.858-4.3 3.03 3.03 0 0 0-2.385.713 11.92 11.92 0 0 0-3.634 10.837c1.257 7.54 6.19 12.43 12.4 17A32.5 32.5 0 0 0 66.4 84.672\" id=\"bpath37\" opacity=\".65\" fill=\"url(#blinearGradient947)\"/><path class=\"bpetal\" d=\"M74.883 79.237a16.94 16.94 0 0 0-5.893-9.956 11.46 11.46 0 0 0-7.738-2.381 3.03 3.03 0 0 0-2.119 1.306 11.92 11.92 0 0 0-.705 11.409c3.166 6.958 9.2 10.4 16.375 13.212a32.5 32.5 0 0 0 .08-13.59\" id=\"bpath39\" opacity=\".65\" fill=\"url(#blinearGradient949)\"/><path class=\"bpetal\" d=\"M81.671 71.792A16.94 16.94 0 0 0 73.4 63.7a11.46 11.46 0 0 0-8.09-.3 3.03 3.03 0 0 0-1.708 1.81 11.92 11.92 0 0 0 2.271 11.2c4.859 5.9 11.576 7.67 19.237 8.523a32.5 32.5 0 0 0-3.439-13.141\" id=\"bpath41\" opacity=\".65\" fill=\"url(#blinearGradient951)\"/><path class=\"bpetal\" d=\"M86.3 62.843a16.94 16.94 0 0 0-10.082-5.676 11.46 11.46 0 0 0-7.891 1.807 3.03 3.03 0 0 0-1.182 2.191A11.92 11.92 0 0 0 72.239 71.4c6.221 4.443 13.167 4.412 20.787 3.254A32.5 32.5 0 0 0 86.3 62.843\" id=\"bpath43\" opacity=\".65\" fill=\"url(#blinearGradient953)\"/><path class=\"bpetal\" d=\"M88.457 53a16.94 16.94 0 0 0-11.207-2.873 11.46 11.46 0 0 0-7.155 3.788 3.03 3.03 0 0 0-.574 2.422 11.93 11.93 0 0 0 7.567 8.563c7.158 2.681 13.86.854 20.921-2.237A32.5 32.5 0 0 0 88.457 53\" id=\"bpath45\" opacity=\".65\" fill=\"url(#blinearGradient955)\"/><path class=\"bpetal\" d=\"M87.992 42.936a16.94 16.94 0 0 0-11.569.126 11.46 11.46 0 0 0-5.931 5.511 3.03 3.03 0 0 0 .072 2.488 11.92 11.92 0 0 0 9.527 6.315c7.609.737 13.609-2.762 19.63-7.576a32.5 32.5 0 0 0-11.729-6.864\" id=\"bpath47\" opacity=\".65\" fill=\"url(#blinearGradient957)\"/><path class=\"bpetal\" d=\"M84.938 33.335A16.94 16.94 0 0 0 73.8 36.451a11.46 11.46 0 0 0-4.3 6.858 3.03 3.03 0 0 0 .714 2.385 11.92 11.92 0 0 0 10.837 3.634c7.54-1.257 12.43-6.19 17-12.4a32.5 32.5 0 0 0-13.113-3.593\" id=\"bpath49\" opacity=\".65\" fill=\"url(#blinearGradient959)\"/><path class=\"bpetal\" d=\"M79.5 24.851a16.94 16.94 0 0 0-9.956 5.893 11.46 11.46 0 0 0-2.381 7.738 3.03 3.03 0 0 0 1.309 2.118 11.92 11.92 0 0 0 11.409.705c6.958-3.166 10.4-9.2 13.212-16.375a32.5 32.5 0 0 0-13.593-.079\" id=\"bpath51\" opacity=\".65\" fill=\"url(#blinearGradient961)\"/><path class=\"bpetal\" d=\"M72.057 18.063a16.94 16.94 0 0 0-8.092 8.269 11.46 11.46 0 0 0-.3 8.09 3.03 3.03 0 0 0 1.81 1.709 11.92 11.92 0 0 0 11.2-2.271c5.9-4.859 7.67-11.576 8.523-19.237a32.5 32.5 0 0 0-13.141 3.44\" id=\"bpath53\" opacity=\".65\" fill=\"url(#blinearGradient963)\"/><path class=\"bpetal\" d=\"M63.109 13.434a16.94 16.94 0 0 0-5.676 10.082 11.46 11.46 0 0 0 1.807 7.891 3.03 3.03 0 0 0 2.191 1.182A11.92 11.92 0 0 0 71.664 27.5c4.443-6.221 4.412-13.167 3.254-20.787a32.5 32.5 0 0 0-11.809 6.721\" id=\"bpath55\" opacity=\".65\" fill=\"url(#blinearGradient965)\"/><path class=\"bpetal\" d=\"M53.267 11.278a16.94 16.94 0 0 0-2.873 11.207 11.46 11.46 0 0 0 3.788 7.155 3.03 3.03 0 0 0 2.422.575 11.92 11.92 0 0 0 8.566-7.568c2.681-7.159.854-13.86-2.237-20.921a32.5 32.5 0 0 0-9.666 9.552\" id=\"bpath57\" opacity=\".65\" fill=\"url(#blinearGradient967)\"/><path class=\"bpetal\" d=\"M43.2 11.743a16.94 16.94 0 0 0 .126 11.569 11.46 11.46 0 0 0 5.511 5.931 3.03 3.03 0 0 0 2.488-.072 11.92 11.92 0 0 0 6.315-9.528c.739-7.609-2.76-13.609-7.574-19.629A32.5 32.5 0 0 0 43.2 11.743\" id=\"bpath59\" opacity=\".65\" fill=\"url(#blinearGradient969)\"/></g></svg><svg width=\"37\" height=\"37\" viewBox=\"-1 -1 902 902\" id=\"Meta-Wiki-logo_sister\" y=\"89\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#396\" d=\"M316.6 181.29a298.2 298.2 0 0 0-84.9 62.92c11.84.23 23.75-.3 35.67-1.64a324 324 0 0 1 49.24-61.28zm28.16-12.21c25.37-1.2 50.57.53 75.13 5.15a273 273 0 0 0 23.77-24.2 298.2 298.2 0 0 0-98.9 19.05m-15.58 27.53a303.4 303.4 0 0 0-35.33 41.7 275.4 275.4 0 0 0 47.07-14.63zm18.37-7.9 11.62 26.78a274 274 0 0 0 40.07-24.47 303.6 303.6 0 0 0-51.69-2.31m121.5-38.12a293.5 293.5 0 0 1-25.66 28.98 323.1 323.1 0 0 1 123.72 63.92 429 429 0 0 0 36.36-51.27 301.65 301.65 0 0 0-134.42-41.63M215.02 263.43a301.5 301.5 0 0 0-59.17 127.59 428.5 428.5 0 0 0 63.1 7.44 323 323 0 0 1 36.4-134.74c-13.5.84-26.99.72-40.33-.29m210.67-67.8a292.5 292.5 0 0 1-58.6 38.15l53.6 123.56a426.7 426.7 0 0 0 133.39-98.8 302.9 302.9 0 0 0-128.4-62.92zM279.2 261.2a302.6 302.6 0 0 0-40.38 137.63 427.1 427.1 0 0 0 163.6-33.37l-53.54-123.45a293.5 293.5 0 0 1-69.68 19.2zm341.09-58.16a449 449 0 0 1-38.22 53.7 316.7 316.7 0 0 1 72.95 104.27c3.64 8.38 6.9 16.83 9.76 25.33a594.5 594.5 0 0 0 55.62-66.22 298.1 298.1 0 0 0-100.11-117.08M152.54 410.7a298.2 298.2 0 0 0 19.74 152.77 595 595 0 0 0 86.35 3.21 320 320 0 0 1-13.7-27.78 316.7 316.7 0 0 1-26.21-120.45 449 449 0 0 1-66.18-7.75m416.42-138.93a446.2 446.2 0 0 1-140.3 103.9l59 136.01a594.5 594.5 0 0 0 161.17-109.5 301 301 0 0 0-12.16-33.2 297.6 297.6 0 0 0-67.71-97.22zm-330.42 147c.83 37.6 8.83 75.62 24.69 112.2a301 301 0 0 0 17.69 34.49 595.4 595.4 0 0 0 188.46-45.64l-59-136.01a446.5 446.5 0 0 1-171.84 34.96m490.98-77.6a614.4 614.4 0 0 1-58.28 66.97 317.6 317.6 0 0 1-.26 159.46 737 737 0 0 0 73.57-60.8 298.3 298.3 0 0 0-15.03-165.64zM181.8 584.47A298.36 298.36 0 0 0 294.65 706.6a736 736 0 0 0 92.83-13.43 317.8 317.8 0 0 1-117.15-107.03 614 614 0 0 1-88.53-1.66zm472.75-160.3A614.1 614.1 0 0 1 495.64 530.1l48.33 111.4a745 745 0 0 0 100.95-55.77c0-.03.02-.06.03-.08a298.9 298.9 0 0 0 9.6-161.47zM293.27 584.5a299.2 299.2 0 0 0 124.77 101.55 746.6 746.6 0 0 0 107.63-36.47l-48.33-111.4a615.2 615.2 0 0 1-184.07 46.32m442.24-42.63a756 756 0 0 1-74.23 56.92 324.85 324.85 0 0 1-78.13 120.01c75.09-37.13 128.26-102.14 152.36-176.93m-408.99 181.5c70.12 31.63 152.1 36.35 228.88 7.47a324.65 324.65 0 0 1-138.66-23.92 757 757 0 0 1-90.22 16.44zm305.27-105.72a766 766 0 0 1-79.84 42.26l18.8 43.35a303.9 303.9 0 0 0 61.04-85.6zm-181.73 80.33a303.9 303.9 0 0 0 102.37 13.3l-18.8-43.35a768 768 0 0 1-83.57 30.05\"/><path fill=\"#900\" d=\"M450 0C296.44 0 160.78 77.05 79.56 194.56l87 50.25C230.2 157.11 333.44 100 450 100s219.81 57.1 283.44 144.81l87-50.25C739.22 77.05 603.56 0 450 0\"/><path fill=\"#069\" d=\"M32.19 282.75A448.3 448.3 0 0 0 0 450c0 231.5 175.1 422.36 400 447.25V796.37C230.47 772.08 100 626.23 100 450a349 349 0 0 1 19.94-116.63zm835.62 0-87.75 50.63A349.1 349.1 0 0 1 800 450c0 176.22-130.47 322.08-300 346.38v100.87C724.9 872.35 900 681.5 900 450c0-59.1-11.45-115.53-32.19-167.25\"/></svg><svg width=\"37\" height=\"37\" viewBox=\"-1 -1 302 302\" id=\"Wikibooks-logo_sister\" y=\"126\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#fdfcf8\" fill-rule=\"evenodd\" d=\"M141.66 103.54c5.27 66.02 16.8 129.94 51.2 191.49l13 .1 82.3-73.42-78.44-198.2-56.54 54z\"/><path fill=\"#f4eed7\" fill-rule=\"evenodd\" d=\"M75.84 103.6c5.28 66.03 18.78 130.8 53.18 192.34l20.34.18 61.96-77.72-67.41-194.83-56.54 54.01-11.53 26.03z\"/><path fill=\"#e9ddaf\" fill-rule=\"evenodd\" d=\"M.22 102.2c5.38 69.28 27.01 131.33 52.46 191.7l26.8-.33 70.4-80.04-81.6-191.37-56.54 54.01L.22 102.19z\"/><path fill=\"#5f96d3\" d=\"M213.33 4.06c-27.19 26.3-54.07 52.38-54.07 52.38l9.66 19.65c13.1-12.98 26.26-24.4 38.81-37.09 26.44 58.04 44.45 104.81 66.6 166.65 7.26 20.08 5.78 20.98-11.56 31.84-27.86 13.85-36.67 22.94-69.87 58.26h22.72c27.75-25.1 38.05-33.95 72.8-52.26 12.3-7.1 13.99-16.06 8.94-30-16.26-45.2-51.49-142.6-84.03-209.43\"/><path fill=\"#2a62a1\" fill-rule=\"evenodd\" d=\"M142.45 4.69C122.57 18.1 107.22 37.43 89.92 54l7.1 22.63c13.54-10.67 25.32-23.54 37.5-35.72l65.65 164.69c3.79 11.15-2.17 21.07-14.15 31.87-14.35 11.53-43.9 38.42-57.29 58.9h20.38c21.38-21.96 25.24-24.94 49.6-46.03 16.34-16.68 31.1-25.22 23.4-46.6L142.45 4.7z\"/><path fill=\"#15304f\" fill-rule=\"evenodd\" d=\"M75.33 3.63c-5.3 1.78-9.71 5.2-13.85 8.8C5.4 66.42 3.14 68.7 3.14 68.7.19 71.43-.06 75.44-.02 79.47l.24 22.72s25.9-25.18 64.57-62.4C85.61 94.01 107.34 147.96 128.73 202c2.93 8.16-4.08 14.85-12.96 23.78-12.28 11.97-37.95 36.62-64.22 69.53h26.34l63.31-69.43c6.02-8.28 13.5-16.37 10.35-23.88L75.33 3.62z\"/></svg><svg width=\"49\" height=\"49\" viewBox=\"-1 -1 1052 592\" id=\"Wikidata-logo_sister\" y=\"163\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#900\" d=\"M120 545h30V45h-30zm60 0h90V45h-90zM300 45v500h90V45z\"/><path fill=\"#396\" d=\"M840 545h30V45h-30zm60-500v500h30V45zM420 545h30V45h-30zm60-500v500h30V45z\"/><path fill=\"#069\" d=\"M540 545h90V45h-90zm120 0h30V45h-30zm60-500v500h90V45z\"/></svg><svg id=\"Wikifunctions-logo_sister\" data-name=\"Layer 1\" version=\"1.1\" width=\"50\" height=\"50\" viewBox=\"-1 -1 50 50\" y=\"212\" xmlns=\"http://www.w3.org/2000/svg\"><defs id=\"fdefs11\"><style id=\"fstyle9\">.fcls-1,.fcls-4{fill:#069}.fcls-1{fill-rule:evenodd}.fcls-2{fill:#396}.fcls-3{fill:#900}</style></defs><g id=\"fLayer_2\" data-name=\"Layer 2\" transform=\"translate(3.95 3.959)scale(.1742)\"><g id=\"fLayer_1-2\" data-name=\"Layer 1-2\"><path class=\"fcls-1\" d=\"M180.84 81.24q-2.85 0-6.43.35a56 56 0 0 1-6.07.37c-1.66 0-3.73-.12-6.19-.37-2.67-.23-5-.34-6.9-.35-.72 0-1.07.55-1.07 1.67s.23 1.66.71 1.66c5.32.25 8 2.3 8 6.2a14.3 14.3 0 0 1-1.19 5.35l-16.25 37.79 2.64 5.93 19.2-43.25c2-4.52 3.9-7.59 5.77-9.19a12.5 12.5 0 0 1 7.2-2.83 1.25 1.25 0 0 0 1-.59 2.17 2.17 0 0 0 .45-1.32c-.03-.95-.31-1.42-.87-1.42\" id=\"fpath13\"/><path class=\"fcls-1\" d=\"M123 84.57q8 .38 8 5.83a12.9 12.9 0 0 1-1.79 5.72l-.33.61 2.65 5.93 3.28-6.07q4.22-7.38 7-9.46a15.17 15.17 0 0 1 7.47-2.56c.87 0 1.31-.64 1.31-1.91 0-1-.24-1.42-.71-1.42-2 0-4.55.14-7.56.41-2.38.2-4.19.31-5.41.31q-2.57 0-6.55-.37c-2.78-.23-5.11-.34-7-.35-.23 0-.47.18-.71.54a2 2 0 0 0-.36 1.13c-.02 1.09.22 1.66.71 1.66\" id=\"fpath15\"/><path class=\"fcls-1\" d=\"M92.63 133.78 75.32 94.69a9.3 9.3 0 0 1-1-3.57 5.42 5.42 0 0 1 2.3-4.53 11.83 11.83 0 0 1 6.28-2c.39 0 .59-.55.59-1.66s-.32-1.67-1-1.67c-2.65 0-5.71.12-9.16.35-3.29.25-6.15.38-8.58.37s-5-.13-7.61-.37c-2.9-.23-5.68-.34-8.34-.35-.63 0-1 .55-1 1.67a1.7 1.7 0 0 0 .42 1.15 1.18 1.18 0 0 0 .9.51 16.2 16.2 0 0 1 8.62 3.13q3.1 2.52 5.89 8.89l21.92 50.27z\" id=\"fpath17\"/><path class=\"fcls-2\" d=\"M137.51 164.71a1.58 1.58 0 0 0 1.44 1H152a1.54 1.54 0 0 0 1.54-1.54 1.6 1.6 0 0 0-.14-.64L121.52 92a19.2 19.2 0 0 0-4.11-5.83 16.2 16.2 0 0 0-6.33-3.61A34 34 0 0 0 101 81.3 41.2 41.2 0 0 0 89.23 83a1.55 1.55 0 0 0-1.06 1.73L90 95.81a1.52 1.52 0 0 0 1.5 1.29 1.7 1.7 0 0 0 .5-.1 20 20 0 0 1 6.42-1 14.8 14.8 0 0 1 4.76.64 7.8 7.8 0 0 1 3.08 1.86 10.1 10.1 0 0 1 2 3c.55 1.17 1.13 2.53 1.74 4l1.29 3.27-29.11 54.83a1.56 1.56 0 0 0 .93 2 1.5 1.5 0 0 0 .52.09h15.42a1.52 1.52 0 0 0 1.41-.92l.09-.17 19.6-36.22z\" id=\"fpath19\"/><path class=\"fcls-3\" d=\"M43.07 59.93a90.23 90.23 0 0 1 143.14-.43l20.32-13.65a114.68 114.68 0 0 0-184 .74z\" id=\"fpath21\"/><path class=\"fcls-4\" d=\"M198.47 80.68a89.9 89.9 0 0 1 6.71 34.12c0 49.84-40.54 90.94-90.38 90.94s-90.37-41.1-90.37-90.94a89.7 89.7 0 0 1 6.51-33.62L10.13 67.67A114 114 0 0 0 0 114.8c0 63.31 51.5 115.37 114.8 115.37s114.81-52.06 114.81-115.37a114.2 114.2 0 0 0-10.52-48z\" id=\"fpath23\"/></g></g></svg><svg fill=\"@{text}\" width=\"42\" height=\"42\" viewBox=\"-1 -1 1026 1026\" id=\"Wikimedia-logo_black\" y=\"262\" xmlns=\"http://www.w3.org/2000/svg\"><clipPath id=\"ga\"><path d=\"m0-33 471 471v363h82V438l471-471v1057H0\"/></clipPath><g clip-path=\"url(#ga)\"><path d=\"M511 224a288 288 0 1 0 2 0\"/><path fill=\"none\" stroke=\"@{text}\" stroke-width=\"116\" d=\"M511 102a410 410 0 1 0 2 0\"/></g><path d=\"M511 28a158 158 0 1 0 2 0z\"/></svg><svg width=\"176\" height=\"32\" viewBox=\"-1 -1 502 87\" id=\"Wikipedia_wordmark\" fill=\"@{text}\" y=\"304\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M55.27 22.07 53.3 18.1c-3.33-6.62-3.26-6.97-6.63-7.4-.94-.14-1.43-.26-1.43-.72v-2.1l.28-.2h19.65l.52.16v2.1c0 .46-.35.7-1.04.7l-1.43.2c-3.6.3-3 1.76-.62 6.53l22.72 46.46.78.2 20.16-47.83c.7-1.93.6-3.3-.3-4.1s-1.55-1.25-3.9-1.35l-1.88-.1c-.23 0-.45-.08-.66-.23a.72.72 0 0 1-.32-.58v-2l.3-.2h22.77l.23.2v2c0 .54-.3.8-.92.8-2.98.14-5.2.8-6.63 1.94a11.43 11.43 0 0 0-3.36 4.86s-18.55 42.43-24.9 56.54c-2.42 4.62-4.8 4.2-6.9-.14C75.35 64.7 62.86 37 62.86 37l-7.6-14.93z\"/><path d=\"M91.66 7.65s-12.8-.04-18.52 0l-.28.2v2q0 .345.3.57c.22.16.44.24.67.24l.92.1c2.33.1 3.4.7 3.72 1.1.56.67.83 1.4-.52 4.34L54.03 63.9l-.62-.15s-17.13-36.13-22.1-48.2a8.6 8.6 0 0 1-.73-2.76c0-1.24 1.1-1.9 3.32-2l2.57-.1c.7 0 1.04-.27 1.04-.82V7.9l-.23-.2s-20.52-.03-24.76 0l-.22.2v2.08c0 .38.48.6 1.43.72 2.62.14 4.33.55 5.15 1.24.82.7 1.7 2.47 2.84 5.23 6.22 14.96 19.45 41.65 25.9 56.86 1.85 4.15 4.2 4.8 7.02-.13 4.9-9.1 18.2-36.87 18.2-36.87l10.47-19.6c1.2-2.05 2.4-3.9 2.98-4.76 1.1-1.57 1.7-1.87 4.7-2 .6 0 .9-.28.9-.83V7.86l-.22-.2zm38.94 61.93c0 2.3 1.05 3.64 4.38 3.95l2.2.2c.3 0 .6.22.6.63v2.2l-.1.2s-7.9-.2-11.12-.2c-2.9 0-11.03.2-11.03.2l-.2-.2v-2.2c0-.4.3-.62.72-.62l2.08-.2c3.44-.32 4.48-1.98 4.48-3.96V34.95c0-2.3-1.25-2.92-4.47-3.22l-2.08-.22c-.4 0-.72-.08-.72-.4v-2.4l.1-.2s8.22.2 11.44.2a726 726 0 0 0 10.82-.2l.1.2V31c0 .3-.22.5-.63.5l-2.2.22c-3.2.3-4.36 1.14-4.36 3.23v34.63zm30.7 0c0 2.3 1.36 3.43 4.37 3.95l1.15.2c.3.1.62.22.62.63v2.2l-.1.2s-6.55-.2-9.67-.2c-2.92 0-11.44.2-11.44.2l-.2-.2v-2.2c0-.4.3-.62.72-.62l2.08-.2c3.12-.32 4.47-1.98 4.47-3.96V34.95c0-2.3-1.15-2.92-4.47-3.22l-2.08-.22c-.42 0-.73-.08-.73-.4v-2.4l.1-.2s8.53.2 11.75.2c2.92 0 9.47-.2 9.47-.2l.1.2V31c0 .3-.2.4-.62.5l-1.15.22c-3.22.62-4.36 1.14-4.36 3.23v15.7c3.44 0 5.4-1.76 10-6.65 4.15-4.58 7.37-8.42 7.37-10.4 0-.84-.93-1.77-3-2.1-.43-.1-.64-.2-.64-.5v-2.4l.1-.1s8.43.2 11.45.2c2.7 0 7.28-.2 7.28-.2l.3.1V31c0 .3-.3.5-.82.5-4.06.32-6.87.53-10.6 4.8l-8.95 10.3c-1.78 1.86-2.4 3-2.4 3.84 0 .62.4 1.14.93 1.76l15.7 18.93c1.25 1.45 3.75 2.08 5.83 2.5l.52.1c.3.1.73.3.73.62v2.18l-.3.1s-5.52-.1-8.43-.1c-2.6 0-6.34.1-6.34.1l-.1-.1v-1.25c0-1.35-.1-2.5-1.57-4.15l-11.54-14.36c-1.56-2.08-3.23-2.6-5.5-2.6v15.4zm56.07 0c0 2.3 1.04 3.64 4.37 3.95l2.2.2c.3 0 .6.22.6.63v2.2l-.1.2s-7.9-.2-11.12-.2c-2.9 0-11.03.2-11.03.2l-.2-.2v-2.2c0-.4.3-.62.7-.62l2.1-.2c3.43-.32 4.47-1.98 4.47-3.96V34.95c0-2.3-1.25-2.92-4.48-3.22l-2.1-.22c-.4 0-.7-.08-.7-.4v-2.4l.1-.2s8.2.2 11.43.2a726 726 0 0 0 10.82-.2l.1.2V31c0 .3-.2.5-.62.5l-2.2.22c-3.2.3-4.36 1.14-4.36 3.23v34.63zm22.48-34.43c0-3.22-1.36-3.33-6.24-3.64-.62 0-.72-.3-.72-.5v-2.4l.2-.1c1.57 0 7.7.2 10.72.2 2.9 0 7.07-.2 10.92-.2 14.76 0 17.46 7.27 17.46 12.7 0 6.23-3 16-17.77 16-2.6 0-4.67-.2-6.55-1.04V70.1c0 2.28 1.25 2.8 4.58 3.32l2.08.3c.43.12.74.22.74.64v2.18l-.1.2s-8.32-.2-11.54-.2c-2.9 0-10.7.2-10.7.2l-.12-.2v-2.18c0-.42.2-.52.63-.63l2.2-.3c3.2-.43 4.25-1.36 4.25-3.34V35.14zm8 18.1c2.08.84 4.68.94 6.76.94 6.26 0 9.26-3.76 9.26-11.76 0-8.95-4.05-10.92-9.77-10.92-5 0-6.25.93-6.25 3.64zm42.25 23.3c-3.13 0-10.3.2-10.3.2l-.1-.2v-2.3c0-.2.1-.5.62-.5l2.4-.22c3.22-.3 4.16-2.4 4.16-4.47V34.74c0-2.4-1.25-2.8-4.17-3l-2.38-.23c-.63-.08-.63-.3-.63-.4v-2.4l.1-.2s8.1.2 11.23.2h15.3c3.1 0 10.5-.2 10.5-.2l.2.2c.1 4.47.84 8.54 1.57 12.48l-2.6.42c-1.14-3.85-3.1-9.36-9.77-9.36h-8.32c-1.97 0-3 .73-3 2.5V49.8h7.8c2.9 0 3.63-1.25 4.05-3.33l.62-2.2c0-.3.2-.52.62-.52h1.76c.2 0 .2.1.2.3-.2 2.3-.6 5.22-.6 7.7 0 2.6.4 4.8.6 7.2l-.2.2H308c-.52 0-.74-.2-.74-.52l-.52-2.3c-.4-2.07-1.35-3.22-4.06-3.22h-7.8v15.92c0 1.97 1.14 3.95 3.02 3.95h9.88c5.3 0 8.22-3.32 9.47-8.73l2.6.3-2.1 11.97-.2.2s-6.14-.2-9.26-.2h-18.2zm39.1-2.81 2.4-.2c3.12-.32 4.16-1.26 4.16-4.48V34.74c0-2.7-.73-2.7-4.16-3l-2.28-.23c-.42 0-.74-.2-.74-.5v-2.3l.1-.2s9.16.2 11.03.2c1.98 0 11.04-.2 13.74-.2 17.37 0 25.9 10.8 25.9 24.64 0 18.2-12.9 23.6-24.44 23.6-8.32 0-11.95-.2-15.18-.2-3.12 0-11.03.2-11.03.2l-.1-.2v-2.18c-.02-.3.2-.62.6-.62zm23.2 0c11.44 0 17.9-4.26 17.9-18.82 0-10.82-2.4-23.4-19.87-23.4-4.06 0-6.66.62-6.66 3.22v34.32c0 2.9.72 4.68 8.63 4.68m51.5-4.16c0 2.3 1.03 3.64 4.36 3.95l2.2.2c.3 0 .6.22.6.63v2.2l-.1.2s-7.9-.2-11.12-.2c-2.9 0-11.02.2-11.02.2l-.2-.2v-2.2c0-.4.3-.62.7-.62l2.1-.2c3.43-.32 4.47-1.98 4.47-3.96V34.95c0-2.3-1.26-2.92-4.48-3.22l-2.1-.22c-.4 0-.7-.08-.7-.4v-2.4l.1-.2s8.2.2 11.42.2a726 726 0 0 0 10.82-.2l.1.2V31c0 .3-.2.5-.62.5l-2.2.22c-3.2.3-4.35 1.14-4.35 3.23v34.63zm32.03 3.95 3.02.2c.42 0 .83.33.83.84v1.98l-.2.2s-11.34-.2-13.84-.2c-2.7 0-9.36.2-9.36.2l-.2-.2v-1.98c0-.5.3-.83.82-.83 4.58-.3 7.17-1.14 10.1-7.8l23.07-54.08c1.14-2.7 1.98-3.75 3.54-3.75 1.46 0 2 1.05 2.8 3.13l21.33 56.37c1.46 4.06 3.54 5.62 7.7 6.03l1.15.1c.52 0 1.04.3 1.04.84v1.97l-.3.2s-8.02-.2-12.08-.2c-3.64 0-13.83.2-13.83.2l-.1-.2v-1.97c0-.53.2-.84.74-.84l2.9-.2c3.96-.3 5.43-1.57 4.38-4.48l-6.34-17.58h-21.63c-2.5 0-3.12.42-3.64 1.77l-6.03 15.08c-1.04 2.6.32 4.9 4.16 5.2zM461.4 47.1l-10.07-27.76h-.2l-10.4 26.42c-.43 1.04.3 1.35 2.58 1.35h18.1z\"/></svg><svg width=\"42\" height=\"42\" viewBox=\"-65.5 -178.5 302 357\" id=\"Wikiquote-logo_sister\" y=\"336\" xmlns=\"http://www.w3.org/2000/svg\"><defs><radialGradient id=\"ia\" gradientUnits=\"userSpaceOnUse\" r=\"59.1\" cx=\"0\" cy=\"0\"><stop offset=\"0%\" stop-color=\"#00003b\"/><stop offset=\"100%\" stop-color=\"#002f64\"/></radialGradient><clipPath id=\"ib\"><path d=\"m-25 0 300 300L575 0 275-300z\"/></clipPath></defs><circle r=\"59.1\" fill=\"url(#ia)\"/><g clip-path=\"url(#ib)\" fill=\"none\"><circle r=\"101\" stroke=\"#003b6f\" stroke-width=\"29\"/><circle r=\"156.5\" stroke=\"#3b6fa0\" stroke-width=\"30.4\"/><circle r=\"215.7\" stroke=\"#6fa0d0\" stroke-width=\"31.4\"/></g></svg><svg width=\"39\" height=\"39\" viewBox=\"-1 -1 412 432\" id=\"Wikisource-logo_sister\" y=\"378\" xmlns=\"http://www.w3.org/2000/svg\"><g fill-rule=\"evenodd\"><path fill=\"#608ab4\" d=\"M203.7 0C135.42.46 75 35.98 38.06 90.23h333.88C334.76 35.63 273.84 0 205.02 0z\"/><path fill=\"#375493\" d=\"M26.2 109.84A222 222 0 0 0 0 214.99C0 333.67 91.86 430 205.02 430S410 333.67 410 214.99c0-38.2-9.5-74.05-26.18-105.15H26.21z\"/><path fill=\"#d6dde3\" d=\"M38.06 90.23a217 217 0 0 0-11.85 19.6h357.61a217 217 0 0 0-11.88-19.6z\"/><path fill=\"#7bbce5\" d=\"M292.56 24.1c-.85.02-1.76.21-2.73.5-9.13 14.58-9.1 62.88-8.98 73.33h.06c13.52 3 31.42-.45 32.02-13.39 1.03-17.05 2.06-33.58-6.98-44.2-8.26 3.76-6.7-11.5-10.05-14.92-.84-.96-2-1.34-3.33-1.31z\"/><path fill=\"#fff\" d=\"M289.83 24.6c-4.81 1.48-10.68 5.85-13.57 7.26-2.52.27-7.2.08-10.69.97-7.5 1.93-14.32 6.5-18.26 13.7-5.08-14.77-16 3.39-28.94 13.85-7.17-5.4-21.6-16.17-34.85-23.1-10.65 5.39-21.8 23.62-28.44 25.16-6.89 1.29-16.6.53-20.64 5.4-6.72 6.95-8.8 14.9-10.09 22.36 15.76 5.57 32.29 5.74 48.05 3.6 8.95-2.14 15.33.87 24.54.53 27.97 1.2 58.26-2.21 83.9 3.6-.11-10.45-.14-58.75 9-73.32z\"/><path fill=\"#7bbce5\" d=\"M196.43 53.7c3.36 10.12 6.28 20.23 5.16 30.34-1.2 6.25 1.47 5.82 6.46 3.34 4.91-2.66 7.5-5.57 14.73-7.97 5.6-1.54 1.63-5.65-1.04-8.48-7.98-7.56-16.66-12.33-25.31-17.22z\"/><path fill=\"#294584\" d=\"M225.13 109.84c5.88 77.83 58.43 87.4 91.5 71.66-16.53-16.27-10.53-49.44 7.1-49.8 32.64-.8 23.35 59.85 23.36 89.29 17.84-3.61 16.67-70.78 12.88-111.15z\"/><path fill=\"#e0e9ea\" d=\"m56.13 109.84 1.91 20.1c4.32 7.87 7.53 15.71 6.63 23.58 8.53-2.1 13.61-3.19 18.2 5.5 20.06 12.43 39.12 13.9 57.88 12.07 3.82 45.16 2.7 81.49 1.1 135.47 11.4 18.84 22.8 36.7 34.2 55.53 6.53 11.45 18.01 15.07 27.02 1.53l23.13-10.4v11.5c11.85 2.97 23.57 7.48 18.2 19.76-4.1 7.93-1.8 11.46 9.86 6.16 10.3-5 16.65 2.75 22.03 4.12-7.66-8.12-1.07-24.1-.83-40.6 11-1 23.55-10.92 34.55-11.92 22.6-21.83 26.5-29.96 26.46-58.16 2.27-7.31 5.53-9.24 3.86-21.94 1.3-7.87 3.09-18.15 4.37-26.02l2.58-15.16-.2.03c0-29.44 9.3-90.08-23.34-89.3-17.64.37-23.64 33.54-7.1 49.81a66.5 66.5 0 0 1-12.2 4.41c1.35 7.68-4.23 15.55-11.53 15.88-7.28-.64-18 6.55-24.79 23.05-10.86 22.78-20.74 2.96-24.7-3.16-5.09-6.72 1.16-12.97-12.79-8.91-9.2 2.83-20.87 4.7-23.66-9.13-11.76-11.89-23.03-22.32-34.79-34.2-4.7-5.57-.79-10.14-.75-12.1v-.2l-.04-.09a1 1 0 0 0-.09-.22l-.03-.06-.03-.03-.1-.1-.12-.09-.07-.03c-.05-.03-.12-.04-.18-.06-4.59-2.88-10.15.59-16.22 3.1-15.83 2.89-22.01.1-23.72-8.23.09-13.76-7.69-12.32-20.4-10.41-36.63 5.2-42.55-7.7-53.23-31.08z\"/><path fill=\"#4d8ac0\" d=\"M57.2 109.84c10.67 23.37 16.6 36.27 53.23 31.08 12.7-1.92 20.48-3.35 20.4 10.4 1.7 8.34 7.89 11.12 23.72 8.23 6.06-2.5 11.62-5.97 16.21-3.1l.2.07.05.03.13.1.1.09.02.03.04.06a1 1 0 0 1 .1.22l.02.1v.18c-.03 1.96-3.94 6.54.76 12.1 11.76 11.89 23.02 22.32 34.79 34.2 2.8 13.84 14.46 11.97 23.66 9.14 13.95-4.06 7.7 2.19 12.79 8.9 3.96 6.13 13.84 25.95 24.7 3.17 6.8-16.5 17.5-23.7 24.8-23.05 7.3-.33 12.87-8.2 11.53-15.88-32.45 8.21-74.12-7.26-79.32-76.07z\"/><path fill=\"#d6dde3\" d=\"M166.93 199.26c-10.56.68-5.05 35.8-3.9 52.43 1.57 16.37 5.23 12.52 16.72 5.38 5.28 10.66 2.07 16.61-5.4 23.51-5.57 5.23-8.76 13.05-3.93 22.04 1.47 2.45 2.71 3.5 4.43 7.35 1.15 2.29 2.27 4.6 3.42 6.88 1.33 5.06-.17 8.2-2.39 10.91-2.05 2.93-2.45 5.88.22 13.98 1.46 4.7-2.53 10.32 3.65 15.26a37.3 37.3 0 0 0 8.17 4.87c-2.38-6.9-2.45-16.86-1.29-25.42.79-8.07 1.34-13.08 8.74-18.57 6.46-3.29 4.66-20.67 5.21-31.01l.22.15v-.15c13.82-2.9 6.13-13.9 1.89-24.45l-33.78-62.9a6.1 6.1 0 0 0-1.86-.26z\"/><path fill=\"#608ab4\" d=\"m168.91 199.5 33.78 62.92c4.24 10.55 11.93 21.54-1.89 24.45 1.23 7.36 10.4 13.77 20.56 12.9 10.57-.67 18.26 7.2 21.74 15.14.46-8.76 1.54-17.45 3.68-26.04 1.36-4.25 9.1-8.01 2.67-13.67-26.04-28.53-51.15-50.95-79.32-75.25a9 9 0 0 0-1.22-.44z\"/><path fill=\"#236798\" d=\"M200.59 286.87c-.55 10.34 1.24 27.72-5.22 31.01-7.4 5.49-7.95 10.5-8.74 18.57-1.16 8.57-1.1 18.55 1.3 25.45a33.3 33.3 0 0 0 7.6 2.2c4.47.4 7.28 1.5 16.71-.23 8.26-.94 13.22-4.96 22.66-6.37 5.15-1.01 8.64-2.97 8.36-10.8-.4-10.68-.7-21.28-.16-31.79-3.48-7.94-11.17-15.8-21.74-15.13-10.05.85-19.12-5.4-20.52-12.66v-.06c-.08-.07-.18-.12-.25-.2z\"/><path fill=\"#608ab4\" d=\"M339.42 276.45c-.87 2.4-2 4.53-2.95 7.63.04 28.2-3.86 36.33-26.46 58.16-.2.05-6.67 15.13-12.16 19.07-9.27 6.81-8.7 13-12.13 20.45-2.5 3.76-5.94 4.37-8.43 3.69-1.55-1.23-3.12-1.8-4.68-3.66-.1 3.04.12 5.82.91 8.25l.1.22v.03c.43.88.84 1.78 1.25 2.66l.07.1v.02c.37.58.8 1.14 1.28 1.66l-.44-.12c9.5 15.1 22.9 19.82 40.1 13.88a90.7 90.7 0 0 0 20.43-12.04c5-4.72 10.95-13.58 1.57-14.16-1.34-.35-2.08-.7-2.45-1.07l-.06-.06c-.04-.04-.07-.11-.1-.16a1 1 0 0 1-.1-.21l-.02-.07v-.18c.02-1.35 2.59-3.27.62-7.16-1.34-5.96 4.37-11.6 8.46-13.1l-8.46-18.36c.2-4.01 8.14-6.13 6.85-13.63 2.3-18.85 5.4-46.84-3.2-51.84\"/><path fill=\"#236798\" d=\"M288.7 202.2c-6.8 1.82-15.01 9.1-20.58 22.63-2.55 5.34-5.05 8.34-7.42 9.73.24 23.26 5.8 39.82 17.28 48.9-3.4 13.45-6.8 32-.62 43.24-10.44-3.29-6.19 17.6-9.27 26.39-5.22 14.62-9.81 13.98-14.71 15.25 4.47 5.09 10.23 10.49 18.85 13.67v.06a1 1 0 0 0 .13.25c.64.97 3.53 2.03 4.93 3.13 2.5.68 5.93.07 8.42-3.7 3.45-7.44 2.87-13.62 12.13-20.44 5.37-3.85 11.68-18.35 12.16-19.07-18.33-10.26-27-29.8-24.04-48.62.86-5.2 4.27-11.02-.3-19.39-5.49-23-2-49.77 3.04-72.04z\"/></g></svg><svg height=\"42\" width=\"42\" viewBox=\"-1 -1 943 1105\" id=\"Wikispecies-logo_sister\" y=\"417\" xmlns=\"http://www.w3.org/2000/svg\"><defs><linearGradient id=\"ka\"><stop stop-color=\"#00090e\" offset=\"0\"/><stop stop-color=\"#082e45\" offset=\".1\"/><stop stop-color=\"#0a6997\" offset=\".5\"/><stop stop-color=\"#082e45\" offset=\".9\"/><stop stop-color=\"#00090e\" offset=\"1\"/></linearGradient><linearGradient id=\"kg\"><stop stop-color=\"#375d72\" offset=\"0\"/><stop stop-color=\"#407b9b\" offset=\".1\"/><stop stop-color=\"#a0c0cf\" offset=\".5\"/><stop stop-color=\"#407b9b\" offset=\".9\"/><stop stop-color=\"#375d72\" offset=\"1\"/></linearGradient><linearGradient id=\"kc\"><stop stop-color=\"#0f3119\" offset=\"0\"/><stop stop-color=\"#01703b\" offset=\".1\"/><stop stop-color=\"#89c4ae\" offset=\".5\"/><stop stop-color=\"#01703b\" offset=\".9\"/><stop stop-color=\"#0f3119\" offset=\"1\"/></linearGradient><linearGradient id=\"ke\"><stop stop-color=\"#476c5a\" offset=\"0\"/><stop stop-color=\"#52a27d\" offset=\".1\"/><stop stop-color=\"#a7d2be\" offset=\".5\"/><stop stop-color=\"#52a27d\" offset=\".9\"/><stop stop-color=\"#476c5a\" offset=\"1\"/></linearGradient><radialGradient id=\"kj\" gradientUnits=\"userSpaceOnUse\" cx=\"510\" r=\"210\" cy=\"110\"><stop stop-color=\"#d8aba5\" offset=\".04\"/><stop stop-color=\"#ad604e\" offset=\".4\"/><stop stop-color=\"#9c4029\" offset=\".6\"/><stop stop-color=\"#92331f\" offset=\".7\"/><stop stop-color=\"#43180f\" offset=\"1\"/></radialGradient><radialGradient id=\"ki\" gradientUnits=\"userSpaceOnUse\" cx=\"470.5\" r=\"430\" cy=\"650\"><stop stop-color=\"#4f8fb3\" offset=\".8\"/><stop stop-color=\"#0c5178\" offset=\".95\"/><stop stop-color=\"#002d4a\" offset=\"1\"/></radialGradient><clipPath id=\"kh\"><path d=\"m0 199 470.5 428L941 199v904H0z\"/></clipPath></defs><g stroke-width=\"0\"><g fill=\"url(#ka)\"><path id=\"kf\" d=\"M213 218c39 137 436 101 436 202v90c0-111-404.5-64.7-436-200\"/></g><g fill=\"url(#ka)\"><path id=\"kd\" d=\"M649 800c0-94.5-411-72.4-411-192v90c0 112.5 411 89.5 411 192\"/></g><use xlink:href=\"#kb\" transform=\"matrix(-1 0 0 1 941 0)\" fill=\"url(#kc)\"/><use xlink:href=\"#kd\" transform=\"matrix(-1 0 0 1 941 0)\" fill=\"url(#ke)\"/><use xlink:href=\"#kf\" transform=\"matrix(-1 0 0 1 941 0)\" fill=\"url(#ke)\"/><g fill=\"url(#kg)\"><path id=\"kb\" d=\"M649 420c0 99.7-411 81-411 188v90c0-103.7 411-91.8 411-188\"/></g></g><circle stroke-width=\"100\" clip-path=\"url(#kh)\" stroke=\"url(#ki)\" cy=\"628\" cx=\"470.5\" r=\"388.5\" fill=\"none\"/><circle stroke=\"#555\" cy=\"161\" cx=\"470.5\" r=\"125\" fill=\"url(#kj)\"/></svg><svg width=\"43\" height=\"37\" viewBox=\"-1 -1 43 37\" id=\"Wikiversity-logo_sister\" y=\"459\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#006499\" d=\"M20.36.06c-.47.08-.97.42-1.45 1.07-.4.55-.8 1.3-1.14 2.23h5.16a9.4 9.4 0 0 0-1.15-2.25c-.48-.63-.97-.97-1.4-1.04zm1.6.14c.14.15.28.3.4.47.5.7.96 1.6 1.35 2.7h3.6A9.8 9.8 0 0 0 21.96.2m-3.24 0c-2 .4-3.82 1.53-5.3 3.16h3.56A9.9 9.9 0 0 1 18.72.19zm-2.65.16c-1.9.62-3.64 1.65-5.1 3h1.48a11.5 11.5 0 0 1 3.62-3m12.2 3h1.5A13.8 13.8 0 0 0 24.68.4c1.34.7 2.54 1.7 3.56 2.96zM10.2 4.1a13.8 13.8 0 0 0-2.6 4.04h2.3a14.8 14.8 0 0 1 2-4.04zm.47 4.04h5.2c.2-1.5.5-2.86.86-4.04H12.8a14.6 14.6 0 0 0-2.13 4.04M17.5 4.1a27 27 0 0 0-.88 4.04h7.46a25.4 25.4 0 0 0-.9-4.04zm6.46 0c.36 1.18.66 2.54.87 4.04h5.2A13.7 13.7 0 0 0 27.9 4.1zm4.86 0c.83 1.2 1.5 2.55 2 4.04h2.3a13.5 13.5 0 0 0-2.63-4.04H28.8zM7.3 8.87a14.1 14.1 0 0 0-.82 4.73h2.57c0-1.65.22-3.24.62-4.73zm3.14 0a17.3 17.3 0 0 0-.65 4.73h5.72c0-1.67.1-3.26.26-4.73h-5.34zm6.08 0a41 41 0 0 0-.26 4.73h8.2c0-1.67-.1-3.26-.28-4.73zm8.4 0c.18 1.48.27 3.06.27 4.73h5.72c0-1.66-.23-3.25-.65-4.73zm6.12 0c.4 1.5.62 3.08.62 4.73h2.57c0-1.6-.28-3.2-.83-4.73zM0 15v1.42h41V15zm1.4 2.9v14.02h5.44v-14H1.4zm10.83 0v14.02h5.43v-14h-5.43zm10.82 0v14.02h5.43v-14h-5.43zm10.82 0v14.02h5.44v-14h-5.43zM0 34.48h41v-1.4H0z\"/></svg><svg width=\"36\" height=\"36\" viewBox=\"-1 -1 194.5 194.5\" id=\"Wikivoyage-logo_sister\" y=\"496\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#396\" d=\"m91.48 116.65 47.92 72.57 5.2-86.8a55 55 0 0 1-53.12 14.23\"/><path fill=\"#900\" d=\"m150.33 81.06 38.89-77.78-77.78 38.89a55 55 0 0 1 38.89 38.9z\"/><path fill=\"#069\" d=\"M90.09 47.9 3.28 53.1l72.57 47.92a55 55 0 0 1 14.24-53.13z\"/></svg><svg width=\"37\" height=\"37\" viewBox=\"-1 -1 352 352\" id=\"Wiktionary-logo_sister\" y=\"532\" xmlns=\"http://www.w3.org/2000/svg\"><defs><linearGradient id=\"na\"><stop offset=\"0\" stop-color=\"#f4e3ca\"/><stop offset=\"1\" stop-color=\"#e9cc9d\"/></linearGradient><linearGradient id=\"nb\"><stop offset=\"0\" stop-color=\"#0036d4\"/><stop offset=\"1\" stop-color=\"#010057\"/></linearGradient><linearGradient xlink:href=\"#na\" id=\"nc\" gradientUnits=\"userSpaceOnUse\" gradientTransform=\"translate(-2383.4 667)scale(3.053)\" x1=\"870.86\" y1=\"-140.09\" x2=\"795.29\" y2=\"-169.78\"/><linearGradient xlink:href=\"#nb\" id=\"nd\" gradientUnits=\"userSpaceOnUse\" gradientTransform=\"matrix(2.04906 -.50644 .57986 2.07962 -647.13 -304.35)\" x1=\"370.37\" y1=\"344.23\" x2=\"283.23\" y2=\"259.18\"/></defs><g transform=\"translate(-17.7 -6.6)scale(1.03655)\" stroke=\"#000\"><rect transform=\"matrix(.9871 -.1602 .1692 .98558 0 0)\" y=\"75.56\" x=\"13.21\" ry=\"37.49\" rx=\"27.96\" height=\"273.34\" width=\"274.39\" fill=\"#e7c78d\" stroke-width=\"3.31\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><rect transform=\"matrix(.9871 -.1602 .1692 .98558 0 0)\" y=\"56.55\" x=\"19.58\" ry=\"37.49\" rx=\"27.96\" height=\"273.34\" width=\"274.39\" fill=\"url(#nc)\" stroke-width=\"3.31\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill=\"url(#nd)\" stroke-width=\"2.49\" d=\"m294.4 64.78.72 4.93c-4.48.65-7.98 2.02-10.52 4.11-2.54 2.1-4.73 5.64-6.58 10.62-1.23 3.36-2.8 11.16-4.7 23.42l-26.34 152.62-5.07.73-56.24-109.85-21.81 121.19-4.56.66-73.26-142.64c-5.46-10.65-8.85-16.91-10.16-18.81a17.4 17.4 0 0 0-8.02-6.53c-3.16-1.22-7.23-1.47-12.21-.74l-.73-4.93 63.6-9.24.73 4.93-3.04.44c-4.47.65-7.74 2.22-9.79 4.7a10.12 10.12 0 0 0-2.4 8.24c.46 3.1 3.37 9.99 8.75 20.64l48.83 96.5 15.75-90.36-7.31-14.45-5.85-11.54c-2.43-4.19-5-7.8-7.69-10.86a16.1 16.1 0 0 0-4.69-3.68 22.7 22.7 0 0 0-6.84-2.55c-1.69-.3-4.26-.2-7.72.3l-.73-4.92 66.9-9.72.73 4.93-4.56.67c-4.73.68-8.04 2.25-9.92 4.7-1.88 2.46-2.55 5.5-2.02 9.14.67 4.53 3.74 12.17 9.21 22.9l47.48 93.43 17.96-104.3q3.135-17.325 2.19-23.73c-.3-2.04-1.2-3.86-2.69-5.46a9.95 9.95 0 0 0-5.18-3.06c-3.39-.78-7.66-.8-12.82-.05l-.73-4.93 51.32-7.45z\"/></g></svg><svg width=\"12\" height=\"8\" viewBox=\"-1 -1 12 8\" id=\"arrow-down\" y=\"569\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"none\" stroke=\"@{text}\" stroke-width=\"1.11\" d=\"M.56.55 5 4.9 9.44.54\"/></svg><svg width=\"14\" height=\"14\" viewBox=\"-1 -1 14 14\" id=\"arrow-down-blue\" y=\"577\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"@{accent-color}\" d=\"M10.085 2.943 6.05 6.803l-3.947-3.86L1.05 3.996l5 5 5-5z\"/></svg><svg width=\"124\" height=\"38\" viewBox=\"-1 -1 124 38\" id=\"badge_google_play_store\" y=\"591\" xmlns=\"http://www.w3.org/2000/svg\"><defs><linearGradient id=\"qa\" x1=\"61.125%\" x2=\"26.309%\" y1=\"4.948%\" y2=\"71.907%\"><stop offset=\"0%\" stop-color=\"#00A0FF\"/><stop offset=\"1%\" stop-color=\"#00A1FF\"/><stop offset=\"26%\" stop-color=\"#00BEFF\"/><stop offset=\"51%\" stop-color=\"#00D2FF\"/><stop offset=\"76%\" stop-color=\"#00DFFF\"/><stop offset=\"100%\" stop-color=\"#00E3FF\"/></linearGradient><linearGradient id=\"qb\" x1=\"107.685%\" x2=\"-130.64%\" y1=\"50%\" y2=\"50%\"><stop offset=\"0%\" stop-color=\"#FFE000\"/><stop offset=\"41%\" stop-color=\"#FFBD00\"/><stop offset=\"78%\" stop-color=\"orange\"/><stop offset=\"100%\" stop-color=\"#FF9C00\"/></linearGradient><linearGradient id=\"qc\" x1=\"86.219%\" x2=\"-50.15%\" y1=\"31.067%\" y2=\"135.284%\"><stop offset=\"0%\" stop-color=\"#FF3A44\"/><stop offset=\"100%\" stop-color=\"#C31162\"/></linearGradient><linearGradient id=\"qd\" x1=\"-18.754%\" x2=\"42.121%\" y1=\"-11.326%\" y2=\"35.217%\"><stop offset=\"0%\" stop-color=\"#32A071\"/><stop offset=\"7%\" stop-color=\"#2DA771\"/><stop offset=\"48%\" stop-color=\"#15CF74\"/><stop offset=\"80%\" stop-color=\"#06E775\"/><stop offset=\"100%\" stop-color=\"#00F076\"/></linearGradient></defs><g fill=\"none\"><rect width=\"122\" height=\"36\" fill=\"#000\" rx=\"4.5\"/><path fill=\"#A6A6A6\" d=\"M117.481.72a3.79 3.79 0 0 1 3.796 3.78v27c0 2.088-1.7 3.78-3.796 3.78H4.52A3.79 3.79 0 0 1 .723 31.5v-27c0-2.088 1.7-3.78 3.796-3.78zm0-.72H4.52C2.023 0 0 2.015 0 4.5v27C0 33.985 2.023 36 4.519 36H117.48c2.496 0 4.519-2.015 4.519-4.5v-27c0-2.485-2.023-4.5-4.519-4.5z\"/><path fill=\"#FFF\" d=\"M61.578 19.575a3.833 3.833 0 0 0-3.822 3.837 3.833 3.833 0 0 0 3.846 3.813 3.833 3.833 0 0 0 3.835-3.825 3.76 3.76 0 0 0-1.115-2.727 3.8 3.8 0 0 0-2.744-1.098m0 6.147a2.33 2.33 0 0 1-2.266-1.315 2.315 2.315 0 0 1 .397-2.583 2.34 2.34 0 0 1 2.557-.58 2.32 2.32 0 0 1 1.481 2.156c.03.596-.184 1.18-.592 1.617a2.23 2.23 0 0 1-1.577.705m-8.413-6.147a3.833 3.833 0 0 0-3.832 3.831 3.833 3.833 0 0 0 3.844 3.819 3.833 3.833 0 0 0 3.838-3.825 3.76 3.76 0 0 0-1.115-2.727 3.8 3.8 0 0 0-2.744-1.098zm0 6.147a2.33 2.33 0 0 1-2.273-1.309 2.315 2.315 0 0 1 .39-2.585 2.34 2.34 0 0 1 2.56-.585 2.32 2.32 0 0 1 1.483 2.157 2.2 2.2 0 0 1-.593 1.617 2.23 2.23 0 0 1-1.576.705zm-10.022-4.968v1.62h3.904a3.4 3.4 0 0 1-.904 2.043 4 4 0 0 1-3.01 1.188c-2.395 0-4.337-1.934-4.337-4.32s1.942-4.32 4.338-4.32c1.1-.018 2.163.4 2.955 1.161l1.148-1.143a5.7 5.7 0 0 0-4.094-1.683 5.98 5.98 0 0 0-5.367 2.903 5.93 5.93 0 0 0 0 6.083 5.98 5.98 0 0 0 5.367 2.903 5.43 5.43 0 0 0 4.166-1.665 5.4 5.4 0 0 0 1.41-3.798 5.3 5.3 0 0 0-.09-1.017zm40.947 1.26a3.61 3.61 0 0 0-3.29-2.439 3.62 3.62 0 0 0-2.64 1.133 3.6 3.6 0 0 0-.975 2.692 3.74 3.74 0 0 0 1.091 2.72A3.77 3.77 0 0 0 81 27.224a3.83 3.83 0 0 0 3.2-1.692l-1.311-.9A2.2 2.2 0 0 1 81 25.694c-.801.03-1.54-.43-1.862-1.161l5.142-2.115-.19-.405zm-5.242 1.278a2.1 2.1 0 0 1 .532-1.536 2.1 2.1 0 0 1 1.474-.696c.596-.04 1.158.28 1.428.81zM74.673 27h1.69V15.75h-1.69zm-2.765-6.57h-.064a2.72 2.72 0 0 0-2.024-.9 3.84 3.84 0 0 0-3.663 3.83 3.84 3.84 0 0 0 3.663 3.829 2.63 2.63 0 0 0 2.024-.9h.055v.549c0 1.467-.787 2.25-2.052 2.25a2.12 2.12 0 0 1-1.934-1.359l-1.473.612a3.66 3.66 0 0 0 3.407 2.26c1.98 0 3.615-1.162 3.615-3.988V19.8h-1.554zm-1.934 5.292a2.335 2.335 0 0 1-2.135-2.322c0-1.208.926-2.216 2.135-2.322.584.03 1.13.293 1.517.73.386.438.579 1.011.534 1.592a2.14 2.14 0 0 1-.531 1.6c-.39.439-.942.7-1.53.722zm22.032-9.972h-4.04V27h1.69v-4.266h2.36a3.52 3.52 0 0 0 3.253-1.67 3.49 3.49 0 0 0 0-3.644 3.52 3.52 0 0 0-3.254-1.67zm0 5.4h-2.359v-3.834h2.395c1.07 0 1.939.864 1.939 1.93a1.935 1.935 0 0 1-1.939 1.931zm10.42-1.62a3.17 3.17 0 0 0-3.01 1.719l1.5.621c.303-.555.905-.88 1.537-.828.433-.05.869.075 1.209.347.34.273.555.67.598 1.102v.117a3.75 3.75 0 0 0-1.762-.432c-1.618 0-3.253.9-3.253 2.529.032.702.348 1.36.876 1.827.527.466 1.222.7 1.925.648a2.38 2.38 0 0 0 2.17-1.08h.053v.9h1.627v-4.329c0-1.971-1.5-3.114-3.425-3.114zm-.208 6.165c-.551 0-1.32-.279-1.32-.954 0-.9.958-1.197 1.808-1.197a3 3 0 0 1 1.536.378 2.04 2.04 0 0 1-1.979 1.8zm9.606-5.895-1.934 4.878h-.054L107.83 19.8h-1.807l3.009 6.822-1.717 3.789h1.762l4.627-10.611zM96.633 27h1.69V15.75h-1.69z\"/><path fill=\"#FFF\" stroke=\"#FFF\" stroke-width=\".563\" d=\"M42.854 9.216a2.43 2.43 0 0 1-.678 1.8 2.64 2.64 0 0 1-1.988.801 2.85 2.85 0 0 1-2.61-1.756 2.83 2.83 0 0 1 .613-3.077 2.72 2.72 0 0 1 1.997-.81c.382-.001.76.075 1.111.225.327.131.618.338.85.603l-.48.477a1.81 1.81 0 0 0-1.481-.639 2.1 2.1 0 0 0-1.515.634A2.08 2.08 0 0 0 38.083 9a2.12 2.12 0 0 0 1.285 1.98c.79.34 1.71.173 2.329-.423.278-.3.438-.69.452-1.098h-1.961v-.648h2.63q.036.202.036.405zm4.139-2.25h-2.44v1.71h2.223v.648h-2.223v1.71h2.44v.666H43.83V6.3h3.163zm2.964 4.734h-.696V6.966h-1.518V6.3h3.768v.666h-1.554zm4.211 0V6.3h.696v5.4zm3.787 0h-.696V6.966H55.74V6.3h3.724v.666h-1.51zm8.567-.702a2.83 2.83 0 0 1-3.977 0 2.907 2.907 0 0 1 0-4.005 2.807 2.807 0 0 1 3.977 0 2.9 2.9 0 0 1 0 4.005zm-3.462-.45a2.094 2.094 0 0 0 2.947 0c.8-.878.8-2.218 0-3.096a2.094 2.094 0 0 0-2.947 0c-.8.878-.8 2.218 0 3.096zm5.242 1.152V6.3h.85l2.638 4.203V6.3h.696v5.4h-.723l-2.756-4.401V11.7z\"/><path fill=\"url(#qa)\" d=\"M1.301.486a1.8 1.8 0 0 0-.415 1.26v19.908c-.028.457.12.908.415 1.26l.064.063L12.56 11.835v-.261L1.365.423z\" transform=\"translate(8.133 6.3)\"/><path fill=\"url(#qb)\" d=\"m16.267 15.552-3.706-3.717v-.261l3.706-3.726.081.045 4.437 2.511c1.265.711 1.265 1.881 0 2.601l-4.419 2.502-.1.045z\" transform=\"translate(8.133 6.3)\"/><path fill=\"url(#qc)\" d=\"M16.375 15.498 12.561 11.7 1.301 22.914a1.48 1.48 0 0 0 1.88.054l13.203-7.47\" transform=\"translate(8.133 6.3)\"/><path fill=\"url(#qd)\" d=\"M16.375 7.902 3.172.432a1.48 1.48 0 0 0-1.88.054L12.562 11.7z\" transform=\"translate(8.133 6.3)\"/><path fill=\"#000\" d=\"m24.4 21.717-13.095 7.425a1.51 1.51 0 0 1-1.807 0l-.063.063.063.063a1.505 1.505 0 0 0 1.807 0l13.203-7.47z\" opacity=\".2\"/><path fill=\"#000\" d=\"M9.435 29.088a1.8 1.8 0 0 1-.416-1.26v.135c-.028.457.121.908.416 1.26l.063-.063zm19.484-9.918L24.4 21.717l.081.081 4.438-2.502c.512-.24.857-.734.903-1.296-.103.508-.437.94-.903 1.17\" opacity=\".12\"/><path fill=\"#FFF\" d=\"M11.305 6.858 28.92 16.83c.466.23.8.662.903 1.17a1.58 1.58 0 0 0-.903-1.296L11.305 6.732C10.04 6.021 9.01 6.615 9.01 8.055v.135c.027-1.449 1.04-2.043 2.295-1.332\" opacity=\".25\"/></g></svg><svg width=\"110\" height=\"38\" viewBox=\"-1 -1 110 38\" id=\"badge_ios_app_store\" y=\"629\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\"><path d=\"M99.12 0H7.6l-.83.01c-.6.01-1.2.06-1.8.16a5.8 5.8 0 0 0-4.8 4.8c-.1.6-.15 1.2-.16 1.8L0 7.6v20.8l.01.83c.01.6.06 1.2.16 1.8A6 6 0 0 0 1.8 34.2c.42.43.91.79 1.45 1.06a6 6 0 0 0 1.71.57c.6.1 1.2.15 1.8.16h94.17c.6-.01 1.2-.06 1.8-.16a6.1 6.1 0 0 0 1.71-.57 5.7 5.7 0 0 0 1.46-1.06 5.8 5.8 0 0 0 1.06-1.45c.28-.54.46-1.12.56-1.72s.16-1.2.17-1.8V6.77a12 12 0 0 0-.17-1.8 6 6 0 0 0-.56-1.71 5.82 5.82 0 0 0-2.52-2.52 6.1 6.1 0 0 0-1.71-.57 12 12 0 0 0-1.8-.16h-.83z\" fill=\"#a6a6a6\"/><path d=\"M7.6 35.21h-.81a11.4 11.4 0 0 1-1.69-.15 5.3 5.3 0 0 1-1.49-.5 4.9 4.9 0 0 1-1.25-.91 4.8 4.8 0 0 1-.92-1.26 5.2 5.2 0 0 1-.49-1.49 11 11 0 0 1-.15-1.69l-.01-.82V7.6l.01-.8c0-.57.06-1.13.15-1.69a5.2 5.2 0 0 1 .49-1.5A5 5 0 0 1 5.1.95C5.66.85 6.22.8 6.8.8l.8-.01h93.31c.56.02 1.12.07 1.68.16.52.09 1.03.25 1.5.49a5.03 5.03 0 0 1 2.17 2.18c.24.46.4.96.49 1.48a11.7 11.7 0 0 1 .15 2.5l.01.98V28.4l-.01.83c-.01.56-.06 1.12-.15 1.67a5.2 5.2 0 0 1-.49 1.5 5 5 0 0 1-.91 1.25 4.9 4.9 0 0 1-1.26.92c-.48.24-.98.4-1.5.5-.56.09-1.12.14-1.69.14l-.8.01H7.6z\" fill=\"#000\"/><path d=\"M38.07 24.43h-4.26l-1.02 3.02h-1.8l4.03-11.18h1.87l4.04 11.18h-1.84zm-3.82-1.4h3.38l-1.67-4.9h-.04zm15.4.34c0 2.53-1.36 4.16-3.4 4.16a2.76 2.76 0 0 1-2.57-1.42h-.04v4.03h-1.67V19.3h1.62v1.35h.03a2.89 2.89 0 0 1 2.6-1.44c2.06 0 3.42 1.64 3.42 4.16zm-1.72 0c0-1.65-.86-2.73-2.16-2.73-1.28 0-2.14 1.1-2.14 2.73 0 1.64.86 2.74 2.14 2.74 1.3 0 2.15-1.07 2.15-2.74zm10.68 0c0 2.53-1.35 4.16-3.4 4.16a2.76 2.76 0 0 1-2.56-1.42h-.04v4.03h-1.67V19.3h1.62v1.35h.03a2.89 2.89 0 0 1 2.6-1.44c2.06 0 3.42 1.64 3.42 4.16m-1.72 0c0-1.65-.85-2.73-2.15-2.73-1.28 0-2.14 1.1-2.14 2.73 0 1.64.86 2.74 2.14 2.74 1.3 0 2.15-1.07 2.15-2.74m7.65.96c.12 1.11 1.2 1.84 2.67 1.84 1.41 0 2.43-.73 2.43-1.73 0-.87-.62-1.39-2.06-1.74l-1.45-.35c-2.06-.5-3-1.46-3-3.01 0-1.93 1.67-3.26 4.06-3.26 2.36 0 3.98 1.33 4.03 3.26h-1.68c-.1-1.12-1.03-1.8-2.38-1.8-1.34 0-2.27.69-2.27 1.68 0 .8.6 1.26 2.03 1.61l1.24.3c2.29.55 3.24 1.47 3.24 3.1 0 2.1-1.66 3.4-4.31 3.4-2.48 0-4.16-1.28-4.26-3.3zM75 17.37v1.93h1.55v1.32H75v4.5c0 .7.31 1.02 1 1.02.18 0 .36-.02.54-.04v1.32a4.6 4.6 0 0 1-.93.07c-1.65 0-2.29-.62-2.29-2.2v-4.67h-1.18V19.3h1.18v-1.93zm2.45 6c0-2.56 1.5-4.17 3.86-4.17 2.37 0 3.87 1.6 3.87 4.17s-1.5 4.18-3.87 4.18-3.86-1.6-3.86-4.18m6.02 0c0-1.76-.8-2.8-2.16-2.8s-2.16 1.05-2.16 2.8c0 1.77.8 2.8 2.16 2.8s2.16-1.03 2.16-2.8m3.09-4.07h1.6v1.39h.03a1.94 1.94 0 0 1 1.96-1.48c.2 0 .39.02.57.07v1.56a2.3 2.3 0 0 0-.75-.1 1.69 1.69 0 0 0-1.74 1.87v4.84h-1.67zm11.88 5.75c-.23 1.48-1.67 2.5-3.51 2.5-2.37 0-3.84-1.6-3.84-4.14 0-2.55 1.48-4.21 3.77-4.21 2.25 0 3.67 1.55 3.67 4.02v.57h-5.76v.1a2.12 2.12 0 0 0 2.2 2.3 1.84 1.84 0 0 0 1.88-1.14zm-5.66-2.43h4.08a1.96 1.96 0 0 0-2-2.07 2.06 2.06 0 0 0-2.08 2.07M34.04 7.86a2.38 2.38 0 0 1 2.53 2.67c0 1.71-.93 2.7-2.53 2.7H32.1V7.86zm-1.1 4.6h1.01a1.69 1.69 0 0 0 1.77-1.92 1.7 1.7 0 0 0-1.77-1.92h-1.01v3.85zm4.57-1.26a1.92 1.92 0 1 1 3.83 0 1.92 1.92 0 1 1-3.83 0m3 0c0-.88-.4-1.4-1.08-1.4-.7 0-1.1.52-1.1 1.4 0 .89.4 1.4 1.1 1.4.69 0 1.08-.52 1.08-1.4m5.9 2.03h-.82l-.84-2.99h-.06l-.84 2.99h-.82l-1.12-4.05h.81l.73 3.09h.06l.83-3.1h.77l.83 3.1h.07l.72-3.1h.8zm2.06-4.05h.77v.64h.06a1.21 1.21 0 0 1 1.2-.72 1.32 1.32 0 0 1 1.41 1.5v2.63h-.8V10.8c0-.66-.28-.98-.87-.98a.93.93 0 0 0-.97 1.03v2.37h-.8zm4.71-1.59h.8v5.64h-.8zm1.92 3.61a1.92 1.92 0 1 1 3.82 0 1.92 1.92 0 1 1-3.82 0m3 0c0-.88-.4-1.4-1.1-1.4-.69 0-1.08.52-1.08 1.4 0 .89.4 1.4 1.09 1.4.7 0 1.09-.52 1.09-1.4m1.66.88c0-.73.54-1.15 1.5-1.2l1.1-.07v-.35c0-.43-.28-.67-.82-.67-.45 0-.76.16-.85.45h-.77c.08-.7.73-1.14 1.65-1.14 1.02 0 1.6.5 1.6 1.36v2.77h-.78v-.57h-.06a1.36 1.36 0 0 1-1.22.64 1.22 1.22 0 0 1-1.35-1.22m2.6-.34v-.34l-.98.06c-.56.04-.81.23-.81.59s.31.57.75.57a.95.95 0 0 0 1.05-.88zm1.85-.54c0-1.28.66-2.1 1.69-2.1a1.34 1.34 0 0 1 1.24.72h.06V7.59h.8v5.64h-.77v-.64h-.06a1.4 1.4 0 0 1-1.27.7c-1.03 0-1.69-.8-1.69-2.09m.83 0c0 .86.4 1.38 1.08 1.38s1.1-.53 1.1-1.38c0-.84-.43-1.37-1.1-1.37s-1.08.52-1.08 1.37m6.27 0a1.92 1.92 0 1 1 3.82 0 1.92 1.92 0 1 1-3.82 0m3 0c0-.88-.4-1.4-1.1-1.4-.69 0-1.08.52-1.08 1.4 0 .89.4 1.4 1.09 1.4.7 0 1.09-.52 1.09-1.4m1.9-2.02h.76v.64h.06a1.21 1.21 0 0 1 1.21-.72 1.32 1.32 0 0 1 1.4 1.5v2.63h-.8V10.8c0-.66-.28-.98-.87-.98a.93.93 0 0 0-.97 1.03v2.37h-.8V9.18zm7.95-1.01v1.02h.88v.68h-.88v2.08c0 .43.18.61.58.61.1 0 .2 0 .3-.02v.67c-.14.03-.29.04-.43.04-.9 0-1.25-.31-1.25-1.1V9.88h-.64V9.2h.64V8.17zm1.97-.58h.8v2.24h.06a1.25 1.25 0 0 1 1.24-.73 1.33 1.33 0 0 1 1.4 1.51v2.62h-.8V10.8c0-.65-.31-.98-.88-.98a.95.95 0 0 0-1.02 1.03v2.37h-.8zm8.16 4.54a1.65 1.65 0 0 1-1.76 1.18 1.84 1.84 0 0 1-1.87-2.1 1.87 1.87 0 0 1 1.87-2.11c1.12 0 1.8.77 1.8 2.04v.28h-2.86v.04a1.07 1.07 0 0 0 1.08 1.16.97.97 0 0 0 .96-.49h.77zm-2.82-1.3h2.05a.98.98 0 0 0-1-1.05 1.04 1.04 0 0 0-1.05 1.05M22.3 18.27a4.45 4.45 0 0 1 2.12-3.74 4.56 4.56 0 0 0-3.59-1.94c-1.51-.16-2.98.9-3.75.9-.78 0-1.97-.88-3.24-.86A4.78 4.78 0 0 0 9.8 15.1c-1.74 3.01-.44 7.44 1.22 9.88.84 1.19 1.81 2.52 3.09 2.48 1.25-.06 1.71-.8 3.22-.8 1.5 0 1.93.8 3.23.77 1.34-.03 2.19-1.2 3-2.4a9.9 9.9 0 0 0 1.36-2.79 4.3 4.3 0 0 1-2.63-3.96zm-2.46-7.28a4.38 4.38 0 0 0 1-3.14 4.46 4.46 0 0 0-2.88 1.5 4.17 4.17 0 0 0-1.03 3.02 3.69 3.69 0 0 0 2.91-1.38\" fill=\"#fff\"/></g></svg><svg width=\"22\" height=\"22\" viewBox=\"-1 -1 22 22\" id=\"language-icon\" y=\"667\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"@{accent-color}\" fill-rule=\"evenodd\" 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\"/></svg><svg width=\"58\" height=\"58\" viewBox=\"-1 -1 58 58\" id=\"noimage\" y=\"689\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"#eaecf0\" d=\"M0 0h56v56H0z\"/><path fill=\"#72777d\" 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><svg width=\"22\" height=\"22\" viewBox=\"-1 -1 22 22\" id=\"search-icon\" y=\"747\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"@{base}\" d=\"M7.5 13c3.04 0 5.5-2.46 5.5-5.5S10.54 2 7.5 2 2 4.46 2 7.5 4.46 13 7.5 13m4.55.46A7.43 7.43 0 0 1 7.5 15C3.36 15 0 11.64 0 7.5S3.36 0 7.5 0 15 3.36 15 7.5c0 1.71-.57 3.29-1.54 4.55l6.49 6.49-1.41 1.41z\"/></svg><svg width=\"42\" height=\"42\" viewBox=\"-1 -1 86 86\" id=\"wikipedia_app_tile\" y=\"769\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"none\" opacity=\".2\" d=\"M0 0h84v84H0z\"/><path opacity=\".2\" d=\"M2 12a8 8 0 0 1 8-8h64a8 8 0 0 1 8 8v64a8 8 0 0 1-8 8H10a8 8 0 0 1-8-8z\"/><rect x=\"2.83\" y=\"2.83\" width=\"78.33\" height=\"78.33\" rx=\"7.17\" ry=\"7.17\" fill=\"#fff\"/><path fill=\"#eaecf0\" d=\"M74 3.67A6.34 6.34 0 0 1 80.33 10v64A6.34 6.34 0 0 1 74 80.33H10A6.34 6.34 0 0 1 3.67 74V10A6.34 6.34 0 0 1 10 3.67zM74 2H10a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8h64a8 8 0 0 0 8-8V10a8 8 0 0 0-8-8\"/><path fill=\"#000222\" fill-rule=\"evenodd\" d=\"M69.73 26.61a5.25 5.25 0 0 0-3.05 1.22 11.5 11.5 0 0 0-2.45 4L51.37 61.42q-.13.41-.71.41a.79.79 0 0 1-.71-.41L42.74 46l-8.3 15.41a.79.79 0 0 1-.71.41.71.71 0 0 1-.73-.41l-12.63-29.6A10.35 10.35 0 0 0 17.88 28a6.74 6.74 0 0 0-3.66-1.35.49.49 0 0 1-.38-.22.78.78 0 0 1-.18-.5q0-.72.4-.72 1.69 0 3.53.15t3.23.15q1.54 0 3.63-.15t3.88-.15q.4 0 .4.72t-.25.72a4.9 4.9 0 0 0-2.66.88 2.35 2.35 0 0 0-1 2 4.1 4.1 0 0 0 .4 1.55l10.49 24 5.93-11.44-5.53-11.83a15.3 15.3 0 0 0-2.45-4.08 4.84 4.84 0 0 0-2.9-1.12.45.45 0 0 1-.34-.22.82.82 0 0 1-.16-.5q0-.72.35-.72a29 29 0 0 1 3.1.15 26 26 0 0 0 2.9.15q1.51 0 3.2-.15t3.43-.15q.4 0 .4.72t-.25.72q-3.38.23-3.38 2A6.4 6.4 0 0 0 40.8 31l3.66 7.58 3.63-6.93a5.7 5.7 0 0 0 .76-2.47q0-2.37-3.38-2.53-.3 0-.3-.72a.9.9 0 0 1 .15-.49q.15-.23.3-.23 1.21 0 3 .15t2.77.15q.78 0 2.29-.13 1.92-.18 3.2-.18.3 0 .3.62 0 .82-.55.82a6.25 6.25 0 0 0-3.16 1.11 14.2 14.2 0 0 0-3 4.1L45.62 41l6.56 13.66 9.68-23a6.3 6.3 0 0 0 .5-2.32q0-2.53-3.38-2.68-.3 0-.3-.72t.45-.72q1.24 0 2.93.15t2.62.15a25 25 0 0 0 2.57-.15 27 27 0 0 1 2.75-.2q.35 0 .35.62a.94.94 0 0 1-.19.57.53.53 0 0 1-.43.25\"/></svg></svg>'\n );\n background-image: linear-gradient(transparent, transparent),\n url(\"data:image/svg+xml,@{svg}\");\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-icon.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 .vector-icon.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 .vector-feature-zebra-design-enabled\n .vector-dropdown\n .vector-dropdown-label:not(.cdx-button--icon-only)::after,\n .vector-icon.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 .cdx-checkbox__input:checked:not(:indeterminate)\n + .cdx-checkbox__icon::before {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path fill=\"@{text}\" d=\"M7 14.17 2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\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-color}\" 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 .vector-dropdown .vector-dropdown-label:not(.cdx-button--icon-only)::after {\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: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n .vector-icon.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-color}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n .vector-icon.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-parser-output a.external[class=\"external text\"][rel=\"nofollow\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"><path fill=\"@{accent-color}\" 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}\") !important;\n }\n\n #mw-indicator-mw-helplink a {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path fill=\"@{text}\" d=\"M10 0a10 10 0 1 0 10 10A10 10 0 0 0 10 0m1 16H9v-2h2zm2.71-7.6a2.6 2.6 0 0 1-.33.74 3.2 3.2 0 0 1-.48.55l-.54.48c-.21.18-.41.35-.58.52a2.5 2.5 0 0 0-.47.56A2.3 2.3 0 0 0 11 12a3.8 3.8 0 0 0-.11 1H9.08a9 9 0 0 1 .07-1.25 3.3 3.3 0 0 1 .25-.9 2.8 2.8 0 0 1 .41-.67 4 4 0 0 1 .58-.58c.17-.16.34-.3.51-.44a3 3 0 0 0 .43-.44 1.8 1.8 0 0 0 .3-.55 2 2 0 0 0 .11-.72 2.1 2.1 0 0 0-.17-.86 1.7 1.7 0 0 0-1-.9 1.7 1.7 0 0 0-.5-.1 1.77 1.77 0 0 0-1.53.68 3 3 0 0 0-.5 1.82H6.16a4.7 4.7 0 0 1 .28-1.68 3.6 3.6 0 0 1 .8-1.29 3.9 3.9 0 0 1 1.28-.83A4.6 4.6 0 0 1 10.18 4a4.4 4.4 0 0 1 1.44.23 3.5 3.5 0 0 1 1.15.65 3.1 3.1 0 0 1 .78 1.06 3.5 3.5 0 0 1 .29 1.45 3.4 3.4 0 0 1-.13 1.01\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n [alt=\"Edit this at Wikidata\"] {\n @svg: escape(\n '<svg version=\"1.0\" xmlns=\"http://www.w3.org/2000/svg\" width=\"10.000000pt\" height=\"10.000000pt\" viewBox=\"0 0 10.000000 10.000000\" preserveAspectRatio=\"xMidYMid meet\"><path d=\"M7 2c0 .5.5 1 1.1 1 .5 0 .7-.5.4-1-.3-.6-.8-1-1.1-1-.2 0-.4.4-.4 1M3 5.5c-3.2 3.4-1.6 4.6 1.6 1.3C6 5.4 6.8 4 6.2 3.7c-.5-.4-2 .5-3.2 1.8\" fill=\"@{accent-color}\" stroke=\"none\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon {\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\" fill=\"@{subtext0}\"><path d=\"M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1 0 10 0A5 5 0 0 0 3 8\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n .vector-icon.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\"><g 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\"/></g></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n ul {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"5\" height=\"13\"><circle cx=\"2.5\" cy=\"9\" r=\"2.5\" fill=\"@{text}\"/></svg>'\n );\n list-style-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .oo-ui-icon-volumeUp,\n .mw-ui-icon-volumeUp::before {\n @svg: escape(\n '<svg fill=\"@{text}\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"M4 6v8l5.2 3.9c.3.3.8 0 .8-.5V2.6c0-.5-.5-.8-.8-.5zm0 8H1a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h3m12.4 11.4a1 1 0 0 1-.7-1.7 8 8 0 0 0 0-11.4A1 1 0 0 1 17 3a10 10 0 0 1 0 14.2 1 1 0 0 1-.7.3z\"/><path d=\"M13.5 14.5a1 1 0 0 1-.7-.3 1 1 0 0 1 0-1.4 4 4 0 0 0 0-5.6 1 1 0 0 1 1.4-1.4 6 6 0 0 1 0 8.4 1 1 0 0 1-.7.3\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .vector-icon.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 .fancycaptcha-reload {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path fill=\"@{accent-color}\" d=\"M15.65 4.35A8 8 0 1 0 17.4 13h-2.22a6 6 0 1 1-1-7.22L11 9h7V2z\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .popups-icon--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\" fill=\"@{text}\"><g 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\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .vector-icon.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 .vector-icon.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 .vector-icon.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 .vector-icon.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 .vector-user-menu-logged-in .vector-dropdown-label::after {\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: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .vector-icon.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 .vector-icon.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 .vector-icon.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 .vector-icon.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 .oo-ui-image-progressive.oo-ui-icon-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=\"@{accent-color}\"><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 .vector-icon.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-vector-gadget-pt-darkmode {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"@{text}\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"M17.39 15.14A7.33 7.33 0 0 1 11.75 1.6c.23-.11.56-.23.79-.34a8.2 8.2 0 0 0-5.41.45 9 9 0 1 0 7 16.58 8.42 8.42 0 0 0 4.29-3.84 5.3 5.3 0 0 1-1.03.69\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .client-dark-mode .mw-ui-icon-vector-gadget-pt-darkmode {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"@{text}\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"M17.07 7.07V2.93h-4.14L10 0 7.07 2.93H2.93v4.14L0 10l2.93 2.93v4.14h4.14L10 20l2.93-2.93h4.14v-4.14L20 10zM10 16a6 6 0 1 1 6-6 6 6 0 0 1-6 6\"/><circle cx=\"10\" cy=\"10\" r=\"4.5\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .vector-icon.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 .vector-icon.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 .uls-search-label,\n .vector-icon.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-vector-gadget-pt-darkmode-sticky-header {\n @svg: escape(\n '<svg fill=\"@{text}\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"M17.39 15.14A7.33 7.33 0 0 1 11.75 1.6c.23-.11.56-.23.79-.34a8.2 8.2 0 0 0-5.41.45 9 9 0 1 0 7 16.58 8.42 8.42 0 0 0 4.29-3.84 5.3 5.3 0 0 1-1.03.69\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .cdx-message .cdx-message__icon {\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\" fill=\"@{text}\"><path d=\"M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .vector-icon.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 .vector-icon.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 .vector-icon.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 .vector-icon.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 .branding-box > a:nth-child(1) > span:nth-child(1) > img:nth-child(1) {\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}\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": "Wikipedia Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/wikipedia",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/wikipedia",
|
|
"version": "0.0.17",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/wikipedia/catppuccin.user.css",
|
|
"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.css",
|
|
"name": "Wikipedia Catppuccin",
|
|
"originalDigest": "4a5b473ae284d89497cc02f746cca1e05db448c2",
|
|
"_id": "1041e719-a6f4-4e67-8ae9-ccc268aad05c",
|
|
"_rev": 1715536222185,
|
|
"id": 15,
|
|
"etag": "W/\"2bd52bc5ce77e787de219bc34ab81d5bb2b7f9cbca94c70986241a6e5a891d4d\""
|
|
},
|
|
{
|
|
"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 0.0.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/google-drive/catppuccin.user.css\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, @accentColor);\n }\n }\n :root:has(.LgGVmb) {\n .vhoiae.vhoiae.vhoiae,\n & {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n #rgbify(@color) {\n @rgb-raw: red(@color), green(@color), blue(@color);\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 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 --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-color;\n --dt-shadow-elevation-1: 0px 3px 1px -2px fade(@base, 20%),\n 0px 2px 2px 0px fade(@base, 14%), 0px 1px 5px 0px fade(@base, 12%);\n --dt-shadow-elevation-2: 0px 2px 4px -1px fade(@base, 20%),\n 0px 4px 5px 0px fade(@base, 14%), 0px 1px 10px 0px fade(@base, 12%);\n --dt-shadow-elevation-3: 0px 5px 5px -3px fade(@base, 20%),\n 0px 8px 10px 1px fade(@base, 14%), 0px 3px 14px 2px fade(@base, 12%);\n --dt-shadow-elevation-4: 0px 5px 5px -3px fade(@base, 20%),\n 0px 8px 10px 1px fade(@base, 14%), 0px 3px 14px 2px fade(@base, 12%);\n --dt-shadow-elevation-5: 0px 8px 10px -6px fade(@base, 20%),\n 0px 16px 24px 2px fade(@base, 14%), 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-color;\n --dt-primary-action: @accent-color;\n --dt-primary-action-stateful: @accent-color;\n --dt-primary-outline: @accent-color;\n --dt-primary-action-state-layer: @accent-color;\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-color;\n --dt-secondary-action: @accent-color;\n --dt-secondary-action-stateful: @accent-color;\n --dt-secondary-outline: @accent-color;\n --dt-secondary-action-state-layer: @accent-color;\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-color;\n --dt-tertiary-action: @accent-color;\n --dt-tertiary-action-stateful: @accent-color;\n --dt-tertiary-outline: @accent-color;\n --dt-tertiary-action-state-layer: @accent-color;\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: @surface0;\n --dt-neutral-action-stateful: @surface0;\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-color;\n --gm3-sys-color-primary-rgb: #rgbify(@accent-color) [];\n --gm3-sys-color-primary-container: @surface0;\n --gm3-sys-color-primary-container-rgb: #rgbify(@surface0) [];\n --gm3-sys-color-primary-fixed: @accent-color;\n --gm3-sys-color-primary-fixed-rgb: #rgbify(@accent-color) [];\n --gm3-sys-color-primary-fixed-dim: @accent-color;\n --gm3-sys-color-primary-fixed-dim-rgb: #rgbify(@accent-color) [];\n --gm3-sys-color-secondary: @accent-color;\n --gm3-sys-color-secondary-rgb: #rgbify(@accent-color);\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-color;\n --gm3-sys-color-surface-tint-rgb: #rgbify(@accent-color) [];\n --gm3-sys-color-surface-variant: @surface0;\n --gm3-sys-color-surface-variant-rgb: #rgbify(@surface0) [];\n --gm3-sys-color-tertiary: @accent-color;\n --gm3-sys-color-tertiary-rgb: #rgbify(@accent-color) [];\n --gm3-sys-color-tertiary-container: @surface0;\n --gm3-sys-color-tertiary-container-rgb: #rgbify(@surface0);\n --gm3-sys-color-tertiary-fixed: @accent-color;\n --gm3-sys-color-tertiary-fixed-rgb: #rgbify(@accent-color) [];\n --gm3-sys-color-tertiary-fixed-dim: @accent-color;\n --gm3-sys-color-tertiary-fixed-dim-rgb: #rgbify(@accent-color) [];\n\n & when (@lookup = 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 (@lookup = 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 }\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 .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 background-color: fade(@base, 85%);\n }\n\n /* File preview (separate tab) bottom bar */\n .ndfHFb-c4YZDc-q77wGc .ndfHFb-c4YZDc-DARUcf-NnAfwf-i5oIFb, .ndfHFb-c4YZDc-q77wGc .ndfHFb-c4YZDc-nJjxad-nK2kYb-i5oIFb,\n .a-b-vo .a-b-La-yc-L, .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, &.ndfHFb-c4YZDc-uoC0bf .zAYgkb-mAKE4e-LQLjdd-xl07Ob-LgbsSe.VIpgJd-Kb3HCc-xl07Ob-LgbsSe,\n .a-b-uoC0bf .ae-uoC0bf .g-d, .a-b-uoC0bf .ae-mAKE4e-Hc-w-d.h-R-w-d /* File preview (in Drive) share button */ {\n background-color: @accent-color;\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 (@lookup = latte) {\n filter: brightness(0) invert(97%) sepia(4%) saturate(152%)\n hue-rotate(183deg) brightness(94%) contrast(106%);\n }\n & when (@lookup = frappe) {\n filter: brightness(0) invert(15%) sepia(8%) saturate(2252%)\n hue-rotate(192deg) brightness(98%) contrast(85%);\n }\n & when (@lookup = macchiato) {\n filter: brightness(0) invert(13%) sepia(26%) saturate(823%)\n hue-rotate(195deg) brightness(90%) contrast(92%);\n }\n & when (@lookup = 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 (@lookup = latte) {\n filter: brightness(0) invert(31%) sepia(10%) saturate(1268%)\n hue-rotate(196deg) brightness(90%) contrast(86%);\n }\n & when (@lookup = frappe) {\n filter: brightness(0) invert(80%) sepia(7%) saturate(1070%)\n hue-rotate(192deg) brightness(104%) contrast(92%);\n }\n & when (@lookup = macchiato) {\n filter: brightness(0) invert(84%) sepia(13%) saturate(579%)\n hue-rotate(193deg) brightness(99%) contrast(94%);\n }\n & when (@lookup = 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 /* File preview (separate tab) Save to drive */,\n .ndfHFb-c4YZDc-Wrql6b-w37qKe-Bz112c /* 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 (@lookup = latte) {\n filter: brightness(0) invert(31%) sepia(10%) saturate(1268%)\n hue-rotate(196deg) brightness(90%) contrast(86%);\n }\n & when (@lookup = frappe) {\n filter: brightness(0) invert(80%) sepia(7%) saturate(1070%)\n hue-rotate(192deg) brightness(104%) contrast(92%);\n }\n & when (@lookup = macchiato) {\n filter: brightness(0) invert(84%) sepia(13%) saturate(579%)\n hue-rotate(193deg) brightness(99%) contrast(94%);\n }\n & when (@lookup = mocha) {\n filter: brightness(0) invert(84%) sepia(19%) saturate(370%)\n hue-rotate(192deg) 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 & when (@lookup = latte) {\n filter: brightness(0) invert(31%) sepia(10%) saturate(1268%)\n hue-rotate(196deg) brightness(90%) contrast(86%);\n }\n & when (@lookup = frappe) {\n filter: brightness(0) invert(80%) sepia(7%) saturate(1070%)\n hue-rotate(192deg) brightness(104%) contrast(92%);\n }\n & when (@lookup = macchiato) {\n filter: brightness(0) invert(84%) sepia(13%) saturate(579%)\n hue-rotate(193deg) brightness(99%) contrast(94%);\n }\n & when (@lookup = mocha) {\n filter: brightness(0) invert(84%) sepia(19%) saturate(370%)\n hue-rotate(192deg) brightness(98%) contrast(95%);\n }\n }\n }\n\n /* Drive sharing window material icon */\n .SbpzSe .VfPpkd-StrnGf-rymPhb-f7MjDc {\n color: @accent-color;\n }\n\n /* Drive sharing window access hover */\n .lfDNBb:hover, .lfDNBb:focus-within,\n .ZelW3e:hover .FYhd9e, .ZelW3e:focus-within .FYhd9e /* Drive sharing window person row hover */ {\n background-color: @surface0;\n }\n\n /* Drive sharing iframe */\n .lb-k-x {\n color-scheme: unset;\n }\n [role=\"tooltip\"],\n .Kk7lMc-Ca /* Drive applications sidebar 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 (@lookup = latte) {\n filter: brightness(0) invert(31%) sepia(10%) saturate(1268%)\n hue-rotate(196deg) brightness(90%) contrast(86%);\n }\n & when (@lookup = frappe) {\n filter: brightness(0) invert(80%) sepia(7%) saturate(1070%)\n hue-rotate(192deg) brightness(104%) contrast(92%);\n }\n & when (@lookup = macchiato) {\n filter: brightness(0) invert(84%) sepia(13%) saturate(579%)\n hue-rotate(193deg) brightness(99%) contrast(94%);\n }\n & when (@lookup = mocha) {\n filter: brightness(0) invert(84%) sepia(19%) saturate(370%)\n hue-rotate(192deg) 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}\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": "Google Drive Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/google-drive",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/google-drive",
|
|
"version": "0.0.1",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/google-drive/catppuccin.user.css",
|
|
"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.css",
|
|
"name": "Google Drive Catppuccin",
|
|
"originalDigest": "f670d7a840dd72938efd1dff0e3121c190cc13f8",
|
|
"_id": "8cd5d5b6-853b-45bd-8fd9-052f0eb9851e",
|
|
"_rev": 1715536465127,
|
|
"id": 16,
|
|
"etag": "W/\"5620522719e4d63ecac31242c78520769cb3402d10444d41bdef127d875923fa\""
|
|
},
|
|
{
|
|
"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 0.1.4\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/gmail/catppuccin.user.css\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 @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 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 .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 .bs1 + .bs3,\n .btj + .aD,\n body {\n color: @text !important;\n }\n\n /* input box */\n .bs0 > .acM,\n .bti > .btg {\n color: @text !important;\n }\n\n /* quick settings */\n .IU {\n background: @base !important;\n box-shadow: inset 1px 0 0 @mantle !important;\n }\n .Q0,\n .VM .Q5,\n .VM .OG,\n .Q2,\n .bCh,\n .aIY,\n .a21,\n .ST,\n .OB {\n color: @text !important;\n }\n .Tj,\n .OD {\n color: @accent-color !important;\n }\n\n /* background */\n #loading {\n background: @base !important;\n }\n [style=\"background:#4285f4\"] {\n background: @blue !important;\n }\n [style=\"background:#34a853\"] {\n background: @green !important;\n }\n [style=\"background:#ea4335\"] {\n background: @red !important;\n }\n .la-c.la-l {\n background: darken(@red, 10%);\n }\n .la-c.la-r {\n background: @yellow;\n }\n\n header,\n .nH.w-asV,\n .bkL,\n .bhZ.bym,\n .bhZ.bjB,\n .bhZ.bym.baA {\n background: @crust !important;\n }\n\n /* links */\n .aRq {\n color: @sapphire !important;\n &:hover {\n color: @teal !important;\n }\n }\n\n /* header */\n .aeH,\n .aqK {\n background: @mantle !important;\n }\n\n /* search */\n .gb_Lc .gb_Ee {\n background: @surface0 !important;\n }\n .gb_Lc .gb_3e,\n .gb_Ee.gb_Fe .gb_Ze,\n .gb_Pc .gb_we {\n color: @text !important;\n }\n .gb_Ee.gb_Fe button svg {\n color: @text !important;\n opacity: 1;\n }\n .aRp {\n background: @surface0 !important;\n }\n .gssb_i {\n background: @surface1 !important;\n color: @text !important;\n }\n .gssb_e,\n .gssb_m {\n background: @surface0 !important;\n color: @text !important;\n }\n /* selected unread email */\n .x7 {\n color: @mantle !important;\n background: @accent-color !important;\n }\n\n /* checkbox */\n .bzn .G-tF .T-Jo {\n filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%)\n hue-rotate(196deg) brightness(150%) contrast(75%);\n }\n\n /* keyboard dropdown */\n .d-Na-JG-M {\n background-color: @surface1 !important;\n }\n .d-Na-N {\n color: @text !important;\n }\n .d-Na-N-JW {\n background-color: fade(@accent-color, 20%) !important;\n }\n .d-Na-JX-I,\n .d-Na-J3,\n .d-Na-N.d-Na-KO .d-Na-Jo {\n filter: brightness(0) saturate(90%) invert(28%) sepia(17%) saturate(835%)\n hue-rotate(196deg) brightness(250%) contrast(75%);\n }\n .d-Na-axR,\n .RK-Jk.RK-Qq-axH {\n border-color: @overlay0;\n }\n\n /* virtual keyboard */\n .RK-H {\n background-color: @surface0 !important;\n }\n .RK-QJ {\n color: @text;\n }\n .RK-Jk {\n color: @text !important;\n background-image: linear-gradient(to bottom, @surface1, @surface2);\n }\n\n /* left bar */\n .CL.Q7:hover,\n .CL.Wj:hover,\n .CL.Q7.NQ,\n .CL.Wj.NQ,\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 background: @surface0 !important;\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 background: @surface1 !important;\n }\n .aAv,\n .TO .nU > .n0,\n .TO.NQ .nU > .n0,\n .TO.nZ .nU > .n0,\n .ah9 > .CJ,\n .n3 > .CL > .CK {\n color: @text !important;\n }\n .h0,\n .Dj {\n color: @subtext0 !important;\n }\n\n /* right bar */\n .bAw .brC-aT5-aOt-Jw {\n background: @crust !important;\n }\n .brC-aMv-auO .bse-bvF-I.aT5-aOt-I-JW .aT5-aOt-I-JX-atM-J6,\n .brC-aMv-auO .bse-bvF-I.aT5-aOt-I-JO .aT5-aOt-I-JX-atM-J6 {\n background: lighten(@crust, 4%);\n }\n /* inbox area */\n .H2.HD {\n background: @surface0 !important;\n border-color: @surface1 !important;\n }\n .bkK > .nH {\n background: @mantle !important;\n }\n /* inbox item */\n .yO {\n background: @mantle !important;\n &:hover {\n box-shadow:\n inset 1px 0 0 @surface0,\n inset -1px 0 0 @surface0,\n 0 0 4px 0 @base,\n 0 0 6px 2px @base !important;\n }\n }\n /* quick text */\n .y2 {\n color: @subtext0 !important;\n }\n .aeJ,\n .aRs {\n .J-KU:hover {\n background: @surface0 !important;\n }\n background: @base !important;\n .aRu {\n .aRv {\n color: @subtext0 !important;\n }\n color: @subtext1 !important;\n }\n }\n .aAA.J-KU-Jg-K9 {\n background: @base !important;\n }\n .J-KU-KO.aAy {\n .aKz {\n color: @accent-color !important;\n }\n &::before {\n background: @accent-color !important;\n }\n }\n .aKx > .aKz {\n color: @subtext0 !important;\n }\n .y6,\n .bA4 {\n color: @text !important;\n }\n /* buttons hovers */\n .T-I-JW.amD::before,\n .T-I-JW.adg::before,\n .T-I-JW > .asa::before {\n background: @surface0 !important;\n }\n\n /* attachements in comfortable mode */\n .brg {\n color: @text !important;\n }\n\n /* date when the message was sent */\n .yO > .xW {\n color: fade(@text, 50%) !important;\n }\n .bq3 {\n color: @text !important;\n }\n\n /* unsub button */\n .aJ6 {\n color: @text;\n }\n .aOd.T-I {\n box-shadow: inset 0 0 0 1px fade(@text, 50%) !important;\n }\n\n /* svgs */\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 /* send one now */\n .x0 {\n color: @text !important;\n }\n\n /* compose window */\n .afW {\n border-color: @surface1;\n }\n .afV {\n background: @surface2 !important;\n box-shadow: 0 0 0 1px @overlay0 inset;\n color: @text !important;\n }\n .akl,\n .aoT,\n .aYF,\n .agP,\n .az9,\n .gQ {\n color: @text;\n }\n .IZ,\n .agP,\n .agh,\n .gQ,\n .afx {\n background: @surface0 !important;\n }\n .oL,\n .gO {\n color: @subtext0;\n }\n /* message sent dialog */\n .vh {\n color: @text !important;\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 {\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 /* x new */\n .aDG {\n background-color: @crust !important;\n color: @text !important;\n }\n .aKs {\n color: @subtext1 !important;\n }\n\n /* theme */\n div.Kj-JD {\n background-color: @base;\n }\n .a80.Kj-JD-K7 {\n box-shadow: 0 5px 10px -5px @crust;\n }\n .a81 {\n border-color: @surface0;\n }\n\n /* no star warning */\n .Tm .TC {\n background: @base !important;\n color: @text !important;\n }\n\n /* dropdown */\n .ZF-z6,\n .ZF-zT,\n .ZF-Av .lJ,\n .ZF-Av .lN,\n .aaZ,\n .aoT,\n .J-M,\n .bAp.b8.UC .vh,\n .ajA,\n .nH .Hy .m,\n .J-N-JT,\n .J-JK-JT,\n .J-LC-JT,\n form[role=\"search\"],\n form[role=\"search\"] table,\n form[role=\"search\"] div,\n form[role=\"search\"] td {\n background: @surface0 !important;\n }\n\n div.Kj-JD-Jl > button.J-at1-atl,\n div.Kj-JD-Jl > button.J-at1-auR {\n background: @accent-color !important;\n color: @crust !important;\n }\n div.Kj-JD-Jl > button,\n .bBh .Kj-JD-Jl > .J-at1-auR,\n .Kj-JD-K7-K0,\n .J-N {\n color: @text !important;\n }\n .J-N-JT,\n .J-N-JW {\n color: @text !important;\n background: @surface2 !important;\n }\n .J-N-JT .J-N-Jz,\n .J-N-JW .J-N-Jz {\n color: @text !important;\n }\n .T-I-Kq > .asa::before,\n .T-I-Kq.T-I-JO > .asa::before {\n background: @surface1 !important;\n }\n\n /* compose button */\n .T-I-KE {\n background: @accent-color !important;\n color: @crust !important;\n & when (@lookup =latte) {\n color: @text !important;\n }\n &:hover {\n background: darken(@accent-color, 10%);\n color: @crust !important;\n }\n }\n\n /* drive usage */\n .aiC {\n background: @overlay0 !important;\n }\n .aiA {\n background: @accent-color !important;\n }\n /* icons */\n .aAy > .aKp,\n .xY > .T-Jo,\n .T-I .T-I-J3,\n td.apU > .T-KT.aXw::before,\n .bqX:not(.pW):hover::before,\n .nZ > .TN.aHS-bnt .qj::before {\n filter: brightness(0) saturate(90%) invert(28%) sepia(17%) saturate(835%)\n hue-rotate(196deg) brightness(250%) contrast(75%);\n }\n\n .WR .z0 > .L3::before {\n filter: brightness(0) saturate(80%) invert(28%) sepia(17%) saturate(835%)\n hue-rotate(196deg) brightness(20%) contrast(75%);\n }\n\n td.apU > .T-KT.T-KT-Jp::before {\n filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%)\n hue-rotate(337deg) brightness(300%);\n }\n .J-N-JX,\n .J-Ph-hFsbo,\n .OB,\n .Q1:not(:checked) + .Vo::before,\n .SV {\n filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%)\n hue-rotate(196deg) brightness(250%) contrast(75%);\n }\n .brC-aMv-auO .aT5-aOt-I-JX {\n fill: @accent-color;\n }\n .brC-aMv-auO .brC-dA-I.aT5-aOt-I-Jp .aT5-aOt-I-JX-atM {\n background-color: @base;\n }\n\n /* sidebar icons */\n .TO:not(.nZ) .qj:not(.aEe),\n .n3 .CL.Q7::before,\n .n3 .CL.Wj::before,\n .n3 .CL.H5o3mc::before,\n .n6 .n4 .G-asx,\n .n6 .air .G-asx,\n .TN .TH {\n filter: brightness(0) saturate(80%) invert(28%) sepia(17%) saturate(835%)\n hue-rotate(196deg) brightness(220%) contrast(75%);\n }\n\n /* help dropdown */\n .t9 {\n background-color: @surface0 !important;\n }\n .ua {\n color: @text !important;\n }\n .ua.bk5 {\n background-color: @overlay0;\n }\n\n /* labels */\n .J-awr {\n color: @text;\n }\n .J-N-Jz {\n color: @text !important;\n }\n .J-Kh {\n border-color: @text;\n }\n\n /* sidebar */\n .bsU {\n color: @text;\n }\n .aAw .aAu {\n filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%)\n hue-rotate(196deg) brightness(250%) contrast(75%);\n }\n\n /* svgs */\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: @subtext0;\n }\n\n /* toolbar */\n .Hl,\n .Hq,\n .Ha,\n [role=\"menuitemcheckbox\"] > div > div,\n [role=\"listbox\"] .J-Z-M-I-J6-H > .J-Z-M-I-JG,\n div.ajR .ajT,\n .btC .dv,\n .btC .aaA.a1,\n .btC .J-N-JX.a1,\n .btC .aaA.e5,\n .aaZ .J-N-JX.e5,\n .btC .aaA.QT,\n .btC .J-N-JX.QT,\n .btC .aaA.aA7,\n .aaZ .J-N-JX.aA7,\n .btC .aaA.buc,\n .btC .J-N-JX.buc,\n .btC .aaA.BP,\n .aaZ .J-N-JX.BP,\n .btC .aaA.a5,\n .btC .aaA.a2X,\n .aaZ .J-N-JX.a5,\n .aaZ .J-N-JX.a2X,\n [role=\"toolbar\"] [role=\"button\"]:not(.H2, .Ol) {\n filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%)\n hue-rotate(196deg) brightness(250%) contrast(75%) !important;\n }\n\n /* advanced settings */\n div.Kj-JD-Jz {\n color: @subtext0 !important;\n }\n .alO,\n .v .fY,\n .v .f1,\n .r4 {\n background: @base !important;\n }\n .v .f1,\n .v .f1 .f0 {\n color: @text !important;\n }\n .qL {\n color: black !important;\n }\n .v .fZ {\n box-shadow: inset 0 -2px 0 0 @accent-color;\n .f0 {\n color: @accent-color !important;\n }\n }\n .alP,\n .sA,\n .r4 .e {\n color: @sapphire !important;\n &:hover {\n color: @teal !important;\n }\n }\n .Ze {\n background: @surface0 !important;\n }\n .a8Y > .T-I-ax7 {\n background: @surface0 !important;\n color: @text !important;\n &:hover {\n background: @surface1 !important;\n }\n }\n .T-I-atl {\n background: @accent-color !important;\n color: @crust !important;\n &:hover {\n background: lighten(@accent-color, 10%) !important;\n }\n }\n\n /* loading */\n #explosion_clipper_div > .la-i > div {\n background: @surface0 !important;\n }\n\n #nlpt {\n background-color: @surface0 !important;\n &::before {\n background-color: @overlay0 !important;\n }\n }\n\n .la-b > .la-l,\n .la-b > .la-r,\n .la-b > .la-m {\n background: @surface1 !important;\n }\n\n .la-k .la-l,\n .la-k .la-r {\n border-color: @base !important;\n }\n\n .la-k .la-m {\n background: @base !important;\n clip-path: polygon(47% 100%, 100% 47%, 100% 100%);\n }\n\n .la-i > .la-l,\n .la-i > .la-r {\n border-color: @surface0 !important;\n }\n\n .la-i > .la-m {\n background: @surface0 !important;\n }\n\n .msgb {\n color: @text;\n a {\n color: @accent-color !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": "Gmail Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/gmail",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/gmail",
|
|
"version": "0.1.4",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/gmail/catppuccin.user.css",
|
|
"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.css",
|
|
"name": "Gmail Catppuccin",
|
|
"originalDigest": "a84a82bc93f3cd38baa58c4c83ef14558bfdf36a",
|
|
"_id": "bc95164e-c1ea-4a5e-b5cb-4e83061e74c4",
|
|
"_rev": 1715536558377,
|
|
"id": 17,
|
|
"etag": "W/\"1254ef34d24f7125f13509797158ca922e23735d6d6dc149bd4ae67fd2103860\""
|
|
},
|
|
{
|
|
"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 0.2.4\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/instagram/catppuccin.user.css\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, @accentColor);\n }\n ._aa4c {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n @text-filter: @catppuccin[@@lookup][@text-filter];\n @dark-color: if(@lookup = latte, @text, @crust);\n @light-color: if(@lookup = latte, @crust, @text);\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 &,\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: fadeout(@dark-color, 50);\n --always-dark-overlay: fadeout(@surface0, 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: fadeout(@surface0, 80);\n --ig-text-on-color: #rgbify(@crust) [];\n --ig-badge: #rgbify(@accent-color) [];\n --ig-primary-button: #rgbify(@accent-color) [];\n --ig-primary-button-hover: fadeout(@accent-color, 20);\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-color) [];\n --ig-error-or-destructive: #rgbify(@maroon) [];\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 scrollbar-color: @accent-color @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-color !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-color;\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 fadeout(@dark-color, 20);\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-color;\n }\n svg[aria-label=\"Close\"] {\n color: @text;\n }\n svg[aria-label=\"Verified\"] {\n fill: @accent-color;\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-color !important;\n }\n }\n .xk5f4mz {\n background-color: @mantle;\n &:hover {\n background-color: @accent-color;\n }\n }\n .x3nfvp2 {\n color: @text !important;\n &:hover {\n color: @crust;\n }\n }\n\n /* Toggle sliders */\n .x1r7x56h {\n background-color: @accent-color;\n }\n .x100vrsf {\n background-color: @surface0;\n }\n .xw4jnvo {\n background-color: @overlay1;\n }\n .x1psfjxj {\n background-color: @mantle;\n }\n span[data-bloks-name=\"bk.components.TextSpan\"] {\n color: @accent-color !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 {\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-color}\"><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 {\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-color !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 fadeout(@dark-color, 0.7);\n }\n\n /* Dialog overlay */\n .x7r02ix[role=\"dialog\"] {\n box-shadow: 0 5px 10px 0 fadeout(@dark-color, 0.5);\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-color !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 fadeout(@dark-color, 0.4);\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-color;\n border-radius: 10px;\n }\n }\n}\n\n@-moz-document regexp('^.*instagram.com/direct.*') {\n ._aa4d {\n #catppuccin(@darkFlavor, @accentColor);\n }\n ._aa4c {\n #catppuccin(@lightFlavor, @accentColor);\n }\n #catppuccin(@lookup,\n @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 /* Chat background */\n .xnz67gz {\n background-color: @base;\n }\n [style*=\"background-color: rgb(55, 151, 240);\"] {\n background-color: @blue !important;\n color: @mantle !important;\n }\n .xvbhtw8 {\n background-color: @mantle;\n }\n .x186z157,\n .xk50ysn,\n .xi81zsa {\n color: @subtext0 !important;\n }\n ._aa5c,\n ._aa4j,\n ._abyk {\n background-color: @crust;\n }\n\n /* New Chat Button */\n .xk5f4mz {\n background-color: @surface0;\n }\n\n /* Chat button */\n .x1i10hfl:hover {\n background-color: @surface0;\n color: @text;\n }\n }\n}\n\n#rgbify(@color) {\n @rgb-raw: red(@color), green(@color), blue(@color);\n}\n\n/* prettier-ignore */\n@catppuccin: {\n @latte: {\n @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 @text-filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%) hue-rotate(196deg) brightness(97%) contrast(85%);\n };\n @frappe: {\n @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 @text-filter: brightness(0) saturate(100%) invert(84%) sepia(5%) saturate(1519%) hue-rotate(192deg) brightness(100%) contrast(93%);\n };\n @macchiato: {\n @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 @text-filter: brightness(0) saturate(100%) invert(80%) sepia(18%) saturate(377%) hue-rotate(192deg) brightness(103%) contrast(92%);\n };\n @mocha: {\n @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 @text-filter: brightness(0) saturate(100%) invert(85%) sepia(6%) saturate(1356%) hue-rotate(194deg) brightness(103%) contrast(91%);\n };\n}\n\n// vim:ft=less\n",
|
|
"usercssData": {
|
|
"name": "Instagram Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/instagram",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/instagram",
|
|
"version": "0.2.4",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/instagram/catppuccin.user.css",
|
|
"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.css",
|
|
"name": "Instagram Catppuccin",
|
|
"originalDigest": "29ba131cda674c01cb31e167f91ba65c266b0ccc",
|
|
"_id": "64b66cea-b486-484e-be5e-6892494d1667",
|
|
"_rev": 1715536630889,
|
|
"id": 18,
|
|
"etag": "W/\"f135dc347b0388bd3296c5e6c7a9ea40e38664eb06aebfbb1febec3f120b9cb6\""
|
|
},
|
|
{
|
|
"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 0.0.4\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/linkedin/catppuccin.user.css\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, @accentColor);\n }\n :root.theme--dark,\n :root.theme--mercado-dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @surface0: @catppuccin[@@lookup][@surface0];\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 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 --black: @crust;\n --black-a90: @crust;\n --black-a75: @crust;\n --black-a60: fadeout(@crust, 40);\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: fadeout(@blue, 80);\n --blue-50-a25: fadeout(@blue, 75);\n --blue-50-a30: fadeout(@blue, 70);\n --blue-50-a40: fadeout(@blue, 60);\n --blue-60-a10: fadeout(@blue, 90);\n --blue-60-a15: fadeout(@blue, 15);\n --blue-60-a20: fadeout(@blue, 80);\n --blue-60-a25: fadeout(@blue, 75);\n --blue-60-a30: fadeout(@blue, 70);\n --blue-60-a35: fadeout(@blue, 65);\n --blue-60-a40: fadeout(@blue, 60);\n --blue-60-a45: fadeout(@blue, 55);\n --blue-70-a30: fadeout(@sapphire, 70);\n --blue-70-a40: fadeout(@sapphire, 60);\n --blue-70-a50: fadeout(@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: fadeout(@mantle, 90);\n --cool-gray-60-a15: fadeout(@mantle, 85);\n --cool-gray-60-a20: fadeout(@mantle, 80);\n --cool-gray-60-a25: fadeout(@mantle, 75);\n --cool-gray-60-a30: fadeout(@mantle, 70);\n --cool-gray-60-a35: fadeout(@mantle, 65);\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: fadeout(@overlay1, 90);\n --warm-gray-60-a15: fadeout(@overlay1, 85);\n --warm-gray-60-a20: fadeout(@overlay1, 80);\n --warm-gray-60-a25: fadeout(@overlay1, 75);\n --warm-gray-60-a30: fadeout(@overlay1, 70);\n --warm-gray-60-a35: fadeout(@overlay1, 65);\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: fadeout(@maroon, 90);\n --warm-red-60-a15: fadeout(@maroon, 85);\n --warm-red-60-a20: fadeout(@maroon, 80);\n --warm-red-60-a25: fadeout(@maroon, 75);\n --warm-red-60-a30: fadeout(@maroon, 70);\n --warm-red-60-a35: fadeout(@maroon, 65);\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: fadein(@teal, 70);\n --teal-60-a10: fadeout(@teal, 90);\n --teal-60-a15: fadeout(@teal, 85);\n --teal-60-a20: fadeout(@teal, 80);\n --teal-60-a25: fadeout(@teal, 75);\n --teal-60-a30: fadeout(@teal, 70);\n --teal-60-a35: fadeout(@teal, 65);\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: fadeout(@lavender, 85);\n --purple-60-a10: fadeout(@lavender, 90);\n --purple-60-a15: fadeout(@lavender, 85);\n --purple-60-a20: fadeout(@lavender, 80);\n --purple-60-a25: fadeout(@lavender, 75);\n --purple-60-a30: fadeout(@lavender, 70);\n --purple-60-a35: fadeout(@lavender, 65);\n --purple-70-a15: fadeout(@lavender, 85);\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: fadeout(@red, 90);\n --system-red-60-a15: fadeout(@red, 85);\n --system-red-60-a20: fadeout(@red, 80);\n --system-red-60-a25: fadeout(@red, 75);\n --system-red-60-a30: fadeout(@red, 70);\n --system-red-60-a35: fadeout(@red, 65);\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: fadeout(darken(@green, 20), 90);\n --system-green-60-a15: fadeout(darken(@green, 20), 85);\n --system-green-60-a20: fadeout(darken(@green, 20), 80);\n --system-green-60-a25: fadeout(darken(@green, 20), 75);\n --system-green-60-a30: fadeout(darken(@green, 20), 70);\n --system-green-60-a35: fadeout(darken(@green, 20), 65);\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: fadeout(@pink, 90);\n --pink-60-a15: fadeout(@pink, 85);\n --pink-60-a20: fadeout(@pink, 80);\n --pink-60-a25: fadeout(@pink, 75);\n --pink-60-a30: fadeout(@pink, 70);\n --pink-60-a35: fadeout(@pink, 65);\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: fadein(@yellow, 50);\n --amber-60-a10: fadeout(@yellow, 90);\n --amber-60-a15: fadeout(@yellow, 85);\n --amber-60-a20: fadeout(@yellow, 80);\n --amber-60-a25: fadeout(@yellow, 75);\n --amber-60-a30: fadeout(@yellow, 70);\n --amber-60-a35: fadeout(@yellow, 65);\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: fadeout(@rosewater, 90);\n --copper-60-a15: fadeout(@rosewater, 85);\n --copper-60-a20: fadeout(@rosewater, 80);\n --copper-60-a25: fadeout(@rosewater, 75);\n --copper-60-a30: fadeout(@rosewater, 70);\n --copper-60-a35: fadeout(@rosewater, 65);\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: fadeout(@green, 90);\n --green-60-a15: fadeout(@green, 85);\n --green-60-a20: fadeout(@green, 80);\n --green-60-a25: fadeout(@green, 75);\n --green-60-a30: fadeout(@green, 70);\n --green-60-a35: fadeout(@green, 65);\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: fadeout(darken(@green, 40), 90);\n --sage-60-a15: fadeout(darken(@green, 40), 85);\n --sage-60-a20: fadeout(darken(@green, 40), 80);\n --sage-60-a25: fadeout(darken(@green, 40), 75);\n --sage-60-a30: fadeout(darken(@green, 40), 70);\n --sage-60-a35: fadeout(darken(@green, 40), 65);\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: fadeout(lighten(@green, 20), 90);\n --lime-60-a15: fadeout(lighten(@green, 20), 85);\n --lime-60-a20: fadeout(lighten(@green, 20), 80);\n --lime-60-a25: fadeout(lighten(@green, 20), 75);\n --lime-60-a30: fadeout(lighten(@green, 20), 70);\n --lime-60-a35: fadeout(lighten(@green, 20), 65);\n\n --camo-10: @accent-color;\n --camo-20: @accent-color;\n --camo-30: @accent-color;\n --camo-40: @accent-color;\n --camo-50: @accent-color;\n --camo-60: @accent-color;\n --camo-70: @accent-color;\n --camo-80: @accent-color;\n --camo-90: @accent-color;\n --camo-100: @accent-color;\n --camo-60-a10: fadeout(@accent-color, 90);\n --camo-60-a15: fadeout(@accent-color, 85);\n --camo-60-a20: fadeout(@accent-color, 80);\n --camo-60-a25: fadeout(@accent-color, 75);\n --camo-60-a30: fadeout(@accent-color, 70);\n --camo-60-a35: fadeout(@accent-color, 65);\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: fadeout(@surface1, 90);\n --smoke-60-a15: fadeout(@surface1, 85);\n --smoke-60-a20: fadeout(@surface1, 80);\n --smoke-60-a25: fadeout(@surface1, 75);\n --smoke-60-a30: fadeout(@surface1, 70);\n --smoke-60-a35: fadeout(@surface1, 65);\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: fadeout(@lavender, 90);\n --lavender-60-a15: fadeout(@lavender, 85);\n --lavender-60-a20: fadeout(@lavender, 80);\n --lavender-60-a25: fadeout(@lavender, 75);\n --lavender-60-a30: fadeout(@lavender, 70);\n --lavender-60-a35: fadeout(@lavender, 65);\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: fadeout(@mauve, 90);\n --mauve-60-a15: fadeout(@mauve, 85);\n --mauve-60-a20: fadeout(@mauve, 80);\n --mauve-60-a25: fadeout(@mauve, 75);\n --mauve-60-a30: fadeout(@mauve, 70);\n --mauve-60-a35: fadeout(@mauve, 65);\n --mauve-80-a50: fadeout(@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: fadeout(@surface0, 90);\n --system-gray-60-a15: fadeout(@surface0, 85);\n --system-gray-60-a20: fadeout(@surface0, 80);\n --system-gray-60-a25: fadeout(@surface0, 75);\n --system-gray-60-a30: fadeout(@surface0, 70);\n --system-gray-60-a35: fadeout(@surface0, 65);\n --system-gray-60-a40: fadeout(@surface0, 60);\n --system-gray-60-a45: fadeout(@surface0, 55);\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: fadeout(@peach, 90);\n --system-orange-60-a15: fadeout(@peach, 85);\n --system-orange-60-a20: fadeout(@peach, 80);\n --system-orange-60-a25: fadeout(@peach, 75);\n --system-orange-60-a30: fadeout(@peach, 70);\n --system-orange-60-a35: fadeout(@peach, 65);\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-color;\n --color-signal-positive: @accent-color;\n --color-checked: @accent-color;\n --color-checked-hover: @accent-color;\n --color-checked-active: @accent-color;\n\n & when not (@lookup =latte) {\n --color-text-on-dark: @crust;\n --color-element: @crust;\n }\n\n & when (@lookup =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-background-scrim: fadeout(@crust, 60);\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: fadeout(@base, 90);\n --warm-gray-60-a15: fadeout(@base, 85);\n --warm-gray-60-a20: fadeout(@base, 80);\n --warm-gray-60-a25: fadeout(@base, 75);\n --warm-gray-60-a30: fadeout(@base, 70);\n --warm-gray-60-a35: fadeout(@base, 65);\n }\n\n .share-promoted-detour-button-legacy {\n background-color: @accent-color !important;\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": "LinkedIn Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/linkedin",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/linkedin",
|
|
"version": "0.0.4",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/linkedin/catppuccin.user.css",
|
|
"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.css",
|
|
"name": "LinkedIn Catppuccin",
|
|
"originalDigest": "2e6fa81817ba0c8609a879835385d6c8b40c0294",
|
|
"_id": "6b9476a3-0669-4f08-ad55-60fd4bebfd93",
|
|
"_rev": 1715537728807,
|
|
"id": 19,
|
|
"etag": "W/\"eaf38f50e0ec248dd396f0caedb005c6df70f5580bf06e520ef17c24e79520e3\""
|
|
},
|
|
{
|
|
"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 1.0.5\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/twitter/catppuccin.user.css\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\") {\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 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 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(@lookup=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(@lookup=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(@lookup=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-color 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(@lookup=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-color;\n }\n\n // accent color borders\n .r-vhj8yc {\n border-color: @accent-color;\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-color;\n\n .r-jwli3a {\n color: if(@lookup=latte, #fff, @crust);\n }\n }\n\n // accent element when hovered\n .r-1vtznih {\n background-color: darken(@accent-color, 10%);\n\n .r-jwli3a {\n color: if(@lookup=latte, #fff, @crust);\n }\n }\n\n .r-1peqgm7 {\n background-color: fade(@accent-color, 10%);\n }\n\n // accent element when active\n .r-yuvema {\n background-color: darken(@accent-color, 15%);\n\n .r-jwli3a {\n color: if(@lookup=latte, #fff, @crust);\n }\n }\n\n .r-r18ze4 {\n background-color: fade(@accent-color, 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-color, 60%);\n }\n\n // box shadow around active poll input box\n .r-9cip40 {\n box-shadow: @accent-color 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(@lookup=latte, #fff, @crust); // white border\n }\n\n // mask over layer\n .r-11z020y {\n background-color: fade(desaturate(darken(@accent-color, 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-color;\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 {\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-color !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(@lookup=latte, darken(@sky, 15%), darken(@sky, 30%)) !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: fadeout(@red, 50%) !important;\n }\n\n [style*=\"border-color: rgb(29, 155, 240)\"] {\n border-color: @accent-color !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-color !important;\n }\n\n // background colors\n [style*=\"background-color: rgb(142, 205, 248)\"] {\n background-color: lighten(@accent-color, 10%) !important;\n }\n\n [style*=\"background-color: rgb(2, 17, 61)\"] {\n background-color: fade(@accent-color, 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)\"]\n when\n not\n (@lookup = latte) {\n background-color: @text !important;\n }\n }\n\n [style*=\"background-color: rgb(29, 155, 240)\"] {\n background-color: @accent-color !important;\n\n [style*=\"color: rgb(255, 255, 255)\"] {\n color: if(@lookup=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(@lookup=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(@lookup=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(@lookup=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-color, 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(@lookup=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-color !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\") {\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 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-color;\n color: if(@lookup=latte, #fff, @crust);\n border-color: darken(@accent-color, 10%);\n\n &:hover {\n background-color: darken(@accent-color, 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\") {\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 #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(@lookup=latte, #fff, @crust);\n background-color: @accent-color;\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-color;\n color: if(@lookup=latte, #fff, @crust);\n border-color: darken(@accent-color, 10%);\n }\n\n .submit-btn:hover,\n .redirect-btn:hover {\n background-color: darken(@accent-color, 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-color;\n border-color: @accent-color;\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/* 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": "Twitter Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/twitter",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/twitter",
|
|
"version": "1.0.5",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/twitter/catppuccin.user.css",
|
|
"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.css",
|
|
"name": "Twitter Catppuccin",
|
|
"originalDigest": "5ee678dd6cea29707f1c87d897f70e7d00c33f12",
|
|
"_id": "1e139126-7c8a-4c1b-9d13-6a2e55fa4423",
|
|
"_rev": 1715537605021,
|
|
"id": 20,
|
|
"etag": "W/\"1c1adad679bd32592d3a2b42bb57f477140f0a08a51b3a34b65b87969e9057ad\""
|
|
}
|
|
] |