24070 lines
2.8 MiB
Plaintext
24070 lines
2.8 MiB
Plaintext
[
|
|
{
|
|
"settings": {
|
|
"disableAll": false,
|
|
"exposeIframes": false,
|
|
"exposeIframes.sites": "",
|
|
"exposeIframes.sitesOnly": false,
|
|
"exposeStyleName": false,
|
|
"keepAlive": 0,
|
|
"keepAliveIdle": false,
|
|
"newStyleAsUsercss": false,
|
|
"openEditInWindow": false,
|
|
"openEditInWindow.popup": false,
|
|
"patchCsp": true,
|
|
"patchCsp.sites": "",
|
|
"patchCsp.sitesOnly": false,
|
|
"show-badge": true,
|
|
"styleViaASS": false,
|
|
"styleViaASS.sites": "",
|
|
"styleViaASS.sitesOnly": false,
|
|
"styleViaXhr": false,
|
|
"styleViaXhr.sites": "",
|
|
"styleViaXhr.sitesOnly": false,
|
|
"urlInstaller": true,
|
|
"windowPosition": {},
|
|
"compactWidth": 850,
|
|
"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": "w",
|
|
"manage.onlyEnabled": false,
|
|
"manage.onlyLocal": false,
|
|
"manage.onlyUsercss": false,
|
|
"manage.onlyEnabled.invert": false,
|
|
"manage.onlyLocal.invert": false,
|
|
"manage.onlyUsercss.invert": false,
|
|
"manage.actions.expanded": false,
|
|
"manage.backup.expanded": true,
|
|
"manage.filters.expanded": true,
|
|
"manage.links.expanded": true,
|
|
"manage.minColumnWidth": 750,
|
|
"manage.newUI": true,
|
|
"manage.newUI.favicons": true,
|
|
"manage.newUI.faviconsGray": false,
|
|
"manage.newUI.targets": 3,
|
|
"manage.newUI.sort": "title,asc",
|
|
"manage.searchMode": "meta",
|
|
"editor.options": {},
|
|
"editor.toc.expanded": true,
|
|
"editor.options.expanded": true,
|
|
"editor.options.style.expanded": true,
|
|
"editor.lint.expanded": true,
|
|
"editor.publish.expanded": true,
|
|
"editor.lineWrapping": true,
|
|
"editor.smartIndent": true,
|
|
"editor.indentWithTabs": false,
|
|
"editor.tabSize": 4,
|
|
"editor.keyMap": "default",
|
|
"editor.theme": "default",
|
|
"editor.beautify": {
|
|
"selector_separator_newline": true,
|
|
"newline_before_open_brace": false,
|
|
"newline_after_open_brace": true,
|
|
"newline_between_properties": true,
|
|
"newline_before_close_brace": true,
|
|
"newline_between_rules": false,
|
|
"preserve_newlines": true,
|
|
"end_with_newline": false,
|
|
"indent_conditional": true,
|
|
"indent_mozdoc": true,
|
|
"space_around_combinator": true,
|
|
"space_around_cmp": false
|
|
},
|
|
"editor.beautify.hotkey": "",
|
|
"editor.lintDelay": 300,
|
|
"editor.linter": "",
|
|
"editor.lintReportDelay": 500,
|
|
"editor.matchHighlight": "token",
|
|
"editor.autoCloseBrackets": true,
|
|
"editor.autocompleteOnTyping": false,
|
|
"editor.contextDelete": false,
|
|
"editor.selectByTokens": true,
|
|
"editor.arrowKeysTraverse": true,
|
|
"editor.appliesToLineWidget": true,
|
|
"editor.autosaveDraft": 10,
|
|
"editor.livePreview": true,
|
|
"editor.livePreview.delay": 0.2,
|
|
"editor.targetsFirst": true,
|
|
"editor.colorpicker": true,
|
|
"editor.colorpicker.hexUppercase": false,
|
|
"editor.colorpicker.hotkey": "",
|
|
"editor.colorpicker.color": "",
|
|
"editor.colorpicker.maxHeight": 300,
|
|
"hotkey._execute_browser_action": "",
|
|
"hotkey.openManage": "",
|
|
"hotkey.styleDisableAll": "",
|
|
"hotkey.toggleTab": "",
|
|
"sync.enabled": "none",
|
|
"iconset": -1,
|
|
"badgeDisabled": "#8B0000",
|
|
"badgeNormal": "#006666",
|
|
"headerWidth.edit": 280,
|
|
"headerWidth.install": 280,
|
|
"headerWidth.manage": 280,
|
|
"popup.search.globals": false,
|
|
"popup.sidePanel": false,
|
|
"popup.sidePanel.config": -1,
|
|
"popup.sidePanel.editor": false,
|
|
"popup.sidePanel.finder": false,
|
|
"popup.sidePanel.manager": false,
|
|
"popup.sidePanel.options": true,
|
|
"popupWidth": 246,
|
|
"popupWidthMax": 280,
|
|
"updateInterval": 24,
|
|
"updateOnlyEnabled": true,
|
|
"undefined": null
|
|
},
|
|
"order": {
|
|
"main": [],
|
|
"prio": []
|
|
}
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Zen Browser Docs Catppuccin",
|
|
"description": "Soothing pastel theme for Zen Browser Docs",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/zen-browser-docs/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Zen Browser Docs Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/zen-browser-docs",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/zen-browser-docs",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/zen-browser-docs/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Azen-browser-docs",
|
|
"description": "Soothing pastel theme for Zen Browser Docs",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Zen Browser Docs Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/zen-browser-docs\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/zen-browser-docs\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/zen-browser-docs/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Azen-browser-docs\n@description Soothing pastel theme for Zen Browser Docs\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"zen-browser.app\") {\n :root[data-theme=\"light\"],\n .light {\n #catppuccin(@lightFlavor);\n }\n\n :root[data-theme=\"dark\"],\n .dark {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n --zen-paper: @mantle;\n --zen-dark: @subtext1;\n --zen-subtle: @surface0;\n\n --color-fd-background: @mantle;\n --color-fd-popover: @mantle;\n --color-fd-secondary: @base;\n --color-fd-accent: @surface0;\n --color-fd-card: @crust;\n --color-fd-border: @surface0;\n --color-fd-ring: @overlay0;\n\n --color-fd-primary: @accent;\n --color-fd-muted: fade(@subtext1, 5%);\n\n --color-fd-foreground: @subtext1;\n --color-fd-accent-foreground: @subtext1;\n --color-fd-card-foreground: @subtext1;\n --color-fd-primary-foreground: @subtext1;\n --color-fd-secondary-foreground: @subtext1;\n --color-fd-popover-foreground: @subtext1;\n --color-fd-muted-foreground: @subtext1;\n\n --color-blue-500: @blue;\n --color-red-500: @red;\n --color-orange-500: @peach;\n\n .text-coral,\n .zen-link,\n .extra a,\n .text-\\[\\#fe846b\\],\n .text-\\[\\#f7a74b\\],\n .text-\\[\\#f76f53\\],\n .hover\\:text-coral:hover {\n color: @accent;\n }\n\n .text-\\[\\#e3401f\\],\n .dark\\:text-\\[\\#D02908\\] {\n color: @red;\n }\n\n .hover\\:text-fd-accent-foreground:hover {\n color: @text;\n }\n\n .dark\\:text-white\\/50 {\n color: @subtext0;\n }\n\n #nd-sidebar {\n --color-fd-secondary: @base;\n --color-fd-muted: fade(@subtext1, 5%);\n --color-fd-muted-foreground: @text;\n }\n\n img[src=\"/icon.svg\"] {\n @svg: escape(\n '<svg viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M32 44.308c6.797 0 12.308-5.51 12.308-12.308 0-6.797-5.51-12.308-12.308-12.308-6.797 0-12.308 5.51-12.308 12.308 0 6.797 5.51 12.308 12.308 12.308M41.846 32c0 5.438-4.408 9.846-9.846 9.846S22.154 37.438 22.154 32s4.408-9.846 9.846-9.846 9.846 4.408 9.846 9.846\" fill=\"@{accent}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M53.333 32c0 11.782-9.55 21.333-21.333 21.333S10.667 43.783 10.667 32 20.217 10.667 32 10.667 53.333 20.217 53.333 32M32 49.23c9.516 0 17.23-7.714 17.23-17.23S41.517 14.77 32 14.77 14.77 22.483 14.77 32 22.483 49.23 32 49.23\" fill=\"@{accent}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M64 32c0 17.673-14.327 32-32 32S0 49.673 0 32 14.327 0 32 0s32 14.327 32 32M32 58.256c14.501 0 26.256-11.755 26.256-26.256S46.501 5.744 32 5.744 5.744 17.499 5.744 32 17.499 58.256 32 58.256\" fill=\"@{accent}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n}\n",
|
|
"originalDigest": "c03f97909ebf604c13736dafa6e6c8398176287f",
|
|
"_id": "2abf92b6-c845-4cb9-b245-e447412d39fe",
|
|
"_rev": 1780236866722,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 1
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Home Manager Options Search Catppuccin",
|
|
"description": "Soothing pastel theme for Home Manager Options Search",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/home-manager-options-search/catppuccin.user.less",
|
|
"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": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/home-manager-options-search/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ahome-manager-options-search",
|
|
"description": "Soothing pastel theme for Home Manager Options Search",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": 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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"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 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/home-manager-options-search/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ahome-manager-options-search\n@description Soothing pastel theme for Home Manager Options Search\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"home-manager-options.extranix.com\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n body {\n background-color: @base;\n color: @text;\n }\n\n header {\n background-color: @mantle;\n\n nav.shortcuts li a {\n color: @text;\n\n &:hover {\n background-color: @surface0;\n color: @text;\n }\n }\n }\n\n #lastUpdateElement {\n color: @text;\n }\n\n a,\n a:visited {\n color: @accent;\n }\n\n input,\n textarea,\n select {\n background-color: @mantle;\n color: @text;\n caret-color: @text;\n border-color: @surface0;\n }\n\n .progress-bar-striped {\n background-image: linear-gradient(\n 45deg,\n fade(@text, 40%) 25%,\n transparent 25%,\n transparent 50%,\n fade(@text, 40%) 50%,\n fade(@text, 40%) 75%,\n transparent 75%,\n transparent\n );\n background-color: @accent;\n color: @crust;\n }\n\n .form-control:focus {\n border-color: @accent;\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px @accent;\n }\n\n .table-striped > tbody > tr:nth-of-type(2n+1) {\n background-color: @surface0;\n }\n\n table#indexedOptionsTable tr td,\n .table > thead > tr > th {\n border-color: @surface2 !important;\n }\n\n table tr.optrow:focus-visible,\n table tr.optrow:hover {\n background-color: @surface1 !important;\n }\n\n .modal-content {\n background-color: @base;\n\n .modal-header,\n .modal-footer {\n border-color: @surface0 !important;\n }\n\n .close {\n color: @text;\n text-shadow: 0 1px 0 @text;\n }\n\n pre {\n color: @text;\n background-color: @mantle;\n border-color: @surface0;\n }\n }\n\n .btn-default {\n background: @surface0;\n color: @text;\n text-shadow: none;\n box-shadow: none;\n border-color: @surface0;\n\n &:hover,\n &:focus,\n &:active,\n .focus,\n .active {\n background-color: @surface1;\n color: @text;\n border-color: @surface0;\n }\n }\n\n footer {\n background-color: @mantle;\n color: @text;\n border-color: @surface2;\n }\n }\n}\n",
|
|
"originalDigest": "a0ce277fa56fc442092f1b4ff670add092551f16",
|
|
"_id": "9e67447a-71e4-4dda-9e05-13d73514357b",
|
|
"_rev": 1780236866932,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 2
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "DeepL Catppuccin",
|
|
"description": "Soothing pastel theme for DeepL",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/deepl/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "DeepL Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/deepl",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/deepl",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/deepl/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Adeepl",
|
|
"description": "Soothing pastel theme for DeepL",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": 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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"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 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/deepl/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Adeepl\n@description Soothing pastel theme for DeepL\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document regexp(\"https:\\\\/\\\\/www.deepl.com\\\\/?(.*\\\\/)translator.*$\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n /* header */\n .BasePageHeader-module--container--d81cb {\n background-color: @mantle !important;\n }\n\n /* background */\n body {\n background-color: @base !important;\n color: @text !important;\n }\n\n .bg-neutral-next-50,\n .bg-white,\n .contextual-menu-dragging-area,\n input {\n background-color: @base !important;\n }\n\n .pageFooterV2-module--footerOuterContainer--0b055 {\n background-color: @mantle !important;\n }\n\n .scrollablePopiverListRoot-module--root--588fe {\n background-color: @base !important;\n }\n\n /* text color */\n h1,\n h2,\n h3,\n h4,\n p,\n a,\n button,\n span,\n input,\n ul,\n li,\n .mb-3,\n .mb-4,\n .GlossaryModalWithIllustration-module--content--2bf03,\n .lmt__glossary_editor_glossaryName {\n color: @text !important;\n }\n\n .text-neutral-next-600 {\n color: @subtext0 !important;\n }\n\n /* privacy notice */\n .cookieBanner-module--container--9baef {\n background-color: @surface0 !important;\n color: @text !important;\n }\n\n .button-module--button--4f58d.button-module--color_primaryAlt3--cd3cf {\n border-color: @text !important;\n }\n\n /* side menu */\n .classicSidemenu-module--menuContainer--35157 {\n background-color: @base !important;\n }\n\n /* borders */\n .border-black {\n border-color: @surface2 !important;\n }\n\n .border-neutral-next-100,\n .StartFreeTrialButton-module--startFreeTrialButton--bd671 {\n border-color: @surface0 !important;\n }\n\n .divide-y > :not([hidden]) ~ :not([hidden]) {\n border-color: @base;\n }\n\n .TranslatorTab-module--active--0b6ea\n .TranslatorTab-module--innerLower--8a080 {\n background-color: @accent !important;\n }\n\n .ring-neutral-next-900 {\n --tw-ring-color: @surface2;\n }\n\n .border-neutral-next-900 {\n border-color: @surface2 !important;\n }\n\n input {\n border-color: @surface0 !important;\n }\n\n /* hover */\n button:hover,\n .bg-blue-next-500:hover {\n background-color: @surface1 !important;\n }\n\n a:hover {\n background-color: @mantle !important;\n }\n\n .FlyoutMenuButton-module--flyoutMenuButton--97ae6:hover {\n background-color: @mantle !important;\n }\n\n [class*=\"SourceTranslatorArea-module--focusBorder--\"]:has(\n div[contenteditable=\"true\"]:focus\n ) {\n border-color: @accent;\n }\n\n [class*=\"PageHeaderLink-module--pageHeaderLink--\"]:not(\n [class*=\"PageHeaderLink-module--nohover--\"]\n ):hover {\n color: @accent;\n border-color: @accent;\n }\n\n .hover\\:bg-\\[\\#B4DAE8\\]:hover {\n background-color: @surface2 !important;\n }\n\n /* highlight */\n .bg-\\[\\#E1F0F5\\] {\n background-color: @surface1 !important;\n }\n\n /* buttons */\n .TranslatorTab-module--cardButton--4b203,\n .bg-\\[\\#EDF8FC\\] {\n background-color: @surface0 !important;\n border-color: @surface0 !important;\n }\n\n .StartFreeTrialButton-module--startFreeTrialButton--bd671,\n .bg-blue-next-50 {\n background-color: @surface0 !important;\n }\n\n .bg-blue-next-500 {\n background-color: @surface0;\n border-color: @surface0;\n }\n\n .LanguageSelector-module--wrapper--f9f17 {\n --button-background: @surface0 !important;\n --button-border-color: @surface0 !important;\n color: @base !important;\n }\n\n .CareerBanner-module--container--2ac20 {\n background-color: @surface0 !important;\n }\n\n /* glossary button */\n .lmt__glossaryButton,\n .lmt__glossaryButton__desktop:hover,\n .ModalDialogContent-module--content--5751e {\n background-color: @surface0 !important;\n }\n\n .lmt__glossary_acceptButton,\n .lmt__glossary_editor,\n .lmt__glossary_editor_subBar_top,\n .lmt__glossary_editor_subBar_bottom,\n .lmt__glossary_editor_mainBar,\n .Select-module--wrapper--53ec7 .Select-module--flyout--c91f3,\n .lmt_firstEntry-content,\n .lmt__glossary_newEntry_langButton,\n .Select-module--wrapper--53ec7,\n .Select-module--button--f032e {\n background-color: @surface0 !important;\n border-color: @surface0 !important;\n }\n\n .desktop-glossary-overwrites .lmt__language_select__menu {\n background-color: @surface0 !important;\n color: @text !important;\n }\n\n .lmt__glossary_newEntry_langDropdown.lmt__language_select__menu\n button\n .langName {\n color: @text !important;\n }\n\n /* pro banner */\n .ProBanner2021-module--wrapper--c7e3d,\n .p-8 {\n background: @base !important;\n }\n\n /* some button colors */\n .badge-module--badge--c9ebe.badge-module--proDark--a4d4e {\n background-color: @green;\n color: @base !important;\n }\n\n .button-module--button--a854e.button-module--color_secondary--f171e {\n background-color: @peach;\n border-color: @peach !important;\n color: @base !important;\n }\n\n .button-module--button--a854e.button-module--variant_outline--b937c {\n background-color: @surface0 !important;\n border-color: @surface0 !important;\n }\n\n .button-module--button--a854e.button-module--color_primary--bfa59 {\n background-color: @blue !important;\n border-color: @blue !important;\n color: @base !important;\n }\n\n /* dropdowns */\n .ProductUpdatesContainer-module--updateContainer--16394,\n .ProductUpdateFooter-module--updateFooter--b46f0,\n .LanguageSelector-module--flyout--6bfe6 {\n background-color: @base !important;\n border-color: @surface0 !important;\n }\n\n /* allow mic/get extension prompt */\n .bg-neutral-next-900,\n .bg-blue-next-800 {\n background-color: @surface0 !important;\n color: @text !important;\n }\n\n /* icons, svgs and images */\n svg {\n color: @text !important;\n }\n\n .lmt__glossary_ad_checkmark,\n .lmt__glossary_arrowDown {\n border-color: @text !important;\n }\n\n path,\n .DeeplLogoText-module--logoText--34a4f,\n .ProBanner2021-module--lockitem--febe3,\n .FlyoutMenuButton-module--flyoutMenuButton--97ae6::after,\n #top-navi-sidemenu-opener,\n .pageFooterV2-module--socialMediaLinks--71305,\n .ProBanner2021-module--checkitem--2d8e7,\n [src*=\"https://static.deepl.com/img/app_desktop.svg\"] {\n filter: @text-filter;\n }\n\n .Logo-module--logoImg--1ee7e,\n .LogoLink-module--logoText--33735,\n .deeplLogo-module--logo--ffd7a {\n filter: @blue-filter;\n }\n }\n}\n",
|
|
"originalDigest": "95ed31860e548620d1061bc45aa80053145698cb",
|
|
"_id": "8d822b7b-2d11-4187-bdde-71c6ae55e0a8",
|
|
"_rev": 1780236866977,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 3
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Quizlet Catppuccin",
|
|
"description": "Soothing pastel theme for Quizlet",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/quizlet/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Quizlet Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/quizlet",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/quizlet",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/quizlet/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aquizlet",
|
|
"description": "Soothing pastel theme for Quizlet",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Quizlet Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/quizlet\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/quizlet\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/quizlet/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aquizlet\n@description Soothing pastel theme for Quizlet\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"quizlet.com\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n :root body {\n color: @text;\n background: @base;\n }\n\n .DashboardLayout {\n background-color: @base !important;\n }\n\n .TopNavigation {\n background-color: @crust;\n // border-bottom: none;\n }\n\n .s19dmjr1 {\n border-color: none;\n background: @surface0;\n }\n\n .NavigationTab--span {\n color: @text !important;\n }\n\n .s13oqxd2.NavigationTab:not(.no-highlight::after) {\n background: @overlay2;\n }\n\n .e1bxx0ta::after:hover {\n background: @overlay2;\n }\n\n .hri9878 {\n color: @subtext1;\n }\n\n .AssemblyCard {\n background-color: @mantle;\n border-color: @mantle;\n box-shadow: 0 0.125rem 0.5rem 0 @crust;\n }\n h5 {\n color: @text;\n }\n\n .CourseOverviewPreviewCard-recommendationTitle {\n color: @text;\n }\n\n .UISwitch-input:hover:not(:disabled) ~ .UISwitch-label {\n color: @yellow;\n }\n\n .UIToggle-optionInput:hover:not(:disabled) ~ .UIToggle-optionLabel {\n color: @yellow;\n }\n\n .UIToggle-optionInput:checked:not(:disabled) ~ .UIToggle-optionLabel {\n background-color: @yellow;\n color: @mantle;\n }\n\n .UIButton--inverted,\n .UIButton--inverted:visited,\n html.touch .UIButton--inverted:focus:hover:not(:active) {\n box-shadow: inset 0 0 0 3px @overlay0;\n }\n\n .UIButton--borderless,\n .UIButton--borderless:visited,\n html.touch .UIButton--borderless:focus:hover:not(:active) {\n background: none;\n background-color: initial;\n color: inherit;\n }\n\n .UIButton,\n .UIButton:visited,\n html.touch .UIButton:focus:hover:not(:active) {\n color: inherit;\n background-color: @blue;\n }\n\n .UIButton--alert,\n .UIButton--alert:visited,\n html.touch .UIButton--alert:focus:hover:not(:active) {\n background-color: @red;\n }\n\n .h1ebmrjk {\n background: linear-gradient(180deg, #0000 69.83%, @base 100%);\n }\n\n .jqcfj5w {\n filter: brightness(0) saturate(100%) invert(12%) sepia(5%) saturate(4408%)\n hue-rotate(195deg) brightness(93%) contrast(90%);\n }\n\n .RichTextEditor[aria-invalid=\"true\"]:not([aria-disabled=\"true\"])\n .RichTextEditor-label,\n .LanguageBarSide.has-error .UILink,\n .LanguageBarSide.has-error select {\n color: @maroon;\n }\n\n .neeykg0 {\n filter: brightness(0) saturate(100%) invert(14%) sepia(10%) saturate(\n 1367%\n ) hue-rotate(192deg) brightness(95%) contrast(95%);\n }\n\n .CourseOverviewPreviewCard-recommendationLink:hover {\n background-color: @crust;\n }\n\n .CourseOverviewPreviewCard-subtitle {\n color: @subtext1;\n }\n\n .CourseOverviewPreviewCard-recommendationLabel {\n color: @subtext1;\n }\n\n .CourseOverviewPreviewCard-divider {\n border-color: @mantle;\n }\n\n .AssemblyPrimaryButton--default {\n background-color: @crust;\n border-color: @text;\n }\n\n .c1vierhv {\n border-color: @overlay2;\n }\n\n .djzjpyv {\n color: @subtext1;\n }\n\n span {\n color: inherit;\n }\n\n .s139vgrg {\n color: @subtext1;\n }\n\n form {\n background-color: inherit;\n }\n input {\n background-color: @surface0;\n }\n\n .b1r2wylq {\n background-color: @mantle;\n box-shadow: 0 0.125rem 0.25rem @crust;\n }\n\n .AssemblyPill {\n background-color: @crust;\n color: @text;\n }\n\n .t7pmw6o {\n color: @text;\n }\n\n .UIBaseCard-footer .UserLink-username,\n .UserLink-username {\n color: @text;\n }\n .UserLink-title {\n color: @text;\n }\n .UILinkBox {\n background-color: @mantle;\n }\n\n .UIBaseCardHeader-info {\n color: @text;\n }\n\n .UIBaseCardHeader-thumbnail {\n border-color: @mantle;\n }\n\n .a1s81tf6 {\n background-color: @mantle;\n }\n\n .aup4qff {\n color: @mantle;\n }\n\n .illkdv2c {\n color: @maroon;\n }\n\n .react-calendar__month-view__weekdays__weekday {\n color: @subtext0;\n }\n\n .CalendarTile--isCurrentWeek::after {\n background-color: @mantle;\n }\n\n .CalendarTile--isCurrentWeek {\n color: @text;\n }\n\n .AssemblyIcon--medium {\n color: inherit;\n }\n\n .AssemblyIconButton--tertiary {\n color: @text;\n }\n\n .AssemblyButtonBase--circle {\n color: @text;\n }\n\n .AssemblySecondaryButton {\n background-color: @crust;\n color: @text;\n }\n\n .AssemblyPillText {\n color: @text;\n }\n\n .SiteActivity-button.isGlobalNavInExperiment {\n color: @text;\n }\n\n .UIIcon--large {\n color: @text;\n }\n\n .s1da1u6y {\n background-color: @crust;\n }\n\n .CalendarTile--hasEvent {\n color: @mantle;\n }\n\n .c1qopd51 {\n color: @maroon;\n }\n\n .AssemblyIconButton--primary {\n background: @base;\n }\n\n .AssemblyButtonBase:hover:not([disabled]),\n [aria-disabled=\"true\"] {\n background: @mantle;\n }\n\n .SiteActivity-button {\n border-color: @overlay2;\n color: @text;\n }\n\n .SiteActivity-button:focus,\n .SiteActivity-button:hover {\n border-color: @overlay0;\n color: @subtext1;\n }\n\n .NotificationBadge-container {\n background: @overlay2;\n }\n\n [d17q91q7][aria-expanded=\"true\"] {\n background-color: @text;\n }\n\n .UILinkBox-link .UILink:active,\n .UILinkBox-link .UILink:focus,\n .UILinkBox-link .UILink:hover {\n border-bottom-color: @overlay2;\n }\n\n .AssemblySmallCard-hover:hover::after {\n background-color: @overlay2;\n }\n\n .rellgo5 {\n color: @text;\n }\n\n #react-autowhatever-site-header-global-search-autosuggest {\n background-color: @crust;\n border-color: @mantle;\n }\n\n .tqxyjjt {\n color: @text;\n }\n\n text {\n color: @subtext1;\n }\n\n li.react-autosuggest__suggestion:hover {\n background: @mantle;\n }\n\n .poy4xqf {\n background: @crust;\n border-color: @crust;\n }\n\n .wej97zk {\n background-color: @crust;\n }\n\n .wvbj6cw {\n background-color: @crust;\n }\n\n .c721v4v {\n color: @text;\n }\n\n .c139umgt {\n color: @text;\n }\n\n .t1ow6gy9 {\n color: @subtext1;\n }\n\n .u1jilvfz {\n background-color: @overlay2;\n }\n\n .wej97zk:hover {\n background-color: @mantle;\n }\n\n .s1ovpdog {\n background-color: @mantle;\n border-top-color: @overlay0;\n }\n\n .c1ap9d88 .AssemblyMenuItem--title {\n color: @subtext0;\n }\n\n .c1ap9d88:hover {\n background-color: @base;\n }\n\n .c1ap9d88 {\n background-color: @mantle;\n }\n\n .h1hbonvg {\n background-color: @mantle;\n }\n\n .UIBaseCard-labelTag {\n background-color: @surface0;\n color: @text;\n }\n\n .UIIcon--chevron-right {\n color: @text;\n }\n\n .UIIcon--chevron-left {\n color: @text;\n }\n\n .UIPopover,\n .UIPopover::after {\n background-color: @mantle;\n }\n\n .UIPopover.UIPopover--mediumShadow {\n box-shadow: 0 0.125rem 0.25rem @crust;\n }\n\n .SetRecommendationCard-contextMenuItem:hover {\n background-color: @crust;\n }\n\n .cxvmyeq {\n border-color: @crust;\n }\n\n .wxhi4p:hover {\n background-color: @mantle;\n }\n\n .AssemblyTab {\n color: @subtext0;\n }\n\n .AssemblyTab::after {\n color: @subtext0;\n }\n\n .s4cgp9b.AssemblyTab {\n color: @text;\n }\n\n .AssemblyTab:hover {\n color: @lavender;\n }\n\n .f1ub3img {\n border-top-color: @overlay2;\n }\n\n .AssemblyTabsWrapper::before {\n background-color: @overlay2;\n }\n\n .s4cgp9b.AssemblyTab::after {\n background: @blue;\n }\n\n .AssemblyTab:hover::after {\n background: @blue;\n }\n\n .w15oa27z:hover {\n background: @mantle;\n }\n\n .i1v4i7rf.textbookIcon {\n background-image: url(\"https://assets.quizlet.com/a/j/dist/app/i/explanations/textbook_night.1ff39f68b703b28.svg\");\n }\n\n .sinah8x {\n color: @subtext0;\n }\n\n .SetPage {\n background-color: @base;\n }\n\n .SetPage .SetPage-setDetailsInfoWrapper,\n .SetPage .SetPage-setIntroWrapper.SetPage-setIntroWrapper {\n background-color: @base;\n }\n\n .SetPage-setDetailsInfoWrapper {\n background-color: @base;\n }\n\n .SetPage-setDetailsTermsWrapper {\n background-color: @base;\n }\n\n .SetPage .SetPage-setDetailsTermsWrapper,\n .SetPage .SetPage-setLinksWrapper.SetPage-setLinksWrapper {\n background-color: @base;\n }\n\n .SiteFooter {\n background-color: @base;\n color: @text;\n }\n\n .SiteFooter-bottom {\n background-color: @base;\n }\n\n .SetPageStickyHeader.is-pinned {\n background-color: @crust;\n }\n\n .StudyModesNavItem {\n background-color: @mantle;\n }\n\n .StudyModesNavItemName {\n color: @text;\n }\n\n .StudyModesNavItemName:visited {\n color: @text;\n }\n\n .c78g08u {\n background-color: @mantle;\n box-shadow: 0 0.25rem 1rem 0 @crust;\n }\n\n .o1rf13bx {\n color: @text;\n }\n\n .lck97c5 {\n background: @mantle;\n }\n\n .SetPageTerm {\n background: @mantle;\n }\n\n .AssemblyIconButton--secondary {\n background: @crust;\n }\n\n .UIDropdown--inverted {\n background: @base;\n }\n\n .UIDropdown-select {\n color: @text;\n }\n\n .soyu1j6 {\n color: @maroon;\n }\n\n .s1e29328.cbb9lkx {\n color: @red;\n background: @rosewater;\n border-color: @peach;\n }\n\n .kahyre1 {\n color: @green;\n }\n\n .kzo3tk {\n color: @blue;\n }\n\n .SiteActivity-button .NotificationBadge-container {\n background-color: @blue;\n }\n\n .hgmlhdt {\n background-color: @crust;\n }\n\n .o1rfl3bx {\n color: @text;\n border-color: @overlay2;\n }\n\n .c1lf7cxm {\n color: @subtext0;\n }\n\n .l3ucz5w {\n color: @subtext1;\n }\n\n .u3v4pv0 {\n color: @subtext0;\n }\n\n .StudyModesNavItem:hover {\n border-bottom-color: @overlay2;\n }\n\n .o1g4qwv {\n background-color: @crust;\n }\n\n .tqyy7cr.h19ive8k {\n color: @text;\n }\n\n .t1kgxwr0 {\n color: @text;\n }\n\n .tuxzbsj {\n fill: @text;\n }\n\n .c5iom2o {\n color: @lavender;\n }\n\n .lck97c5:focus .c5iom2o,\n .lck97c5:hover .c5iom2o {\n color: @blue;\n }\n\n .t4sjwm7 {\n color: @text;\n }\n\n body.colorRefresh-setPageOnly .UISwitch-label {\n color: @text;\n }\n\n .UISwitch-label {\n border-color: @overlay1;\n background-color: @mantle;\n color: @subtext0;\n }\n\n .SetPageTerm-sideContent {\n border-right-color: @overlay2;\n }\n\n .UISwitch-input:checked:not(:disabled ~ .UISwitch-label) {\n color: @mantle;\n border-color: @yellow;\n background-color: @yellow;\n }\n\n .AssemblyIconButton--highlight {\n background: none;\n color: @yellow;\n }\n\n .UIToggle-optionLabel {\n background-color: @mantle;\n color: @blue;\n }\n\n .AssemblyIconButton--highlight:hover:not([disabled]) {\n background-color: @crust;\n }\n\n .AssemblyIconButton--tertiary:hover:not([disabled]) {\n background-color: @crust;\n }\n\n .AssemblyButtonBase--square {\n color: @text;\n }\n\n .z1x1k8pd.svwhkoh {\n color: @green;\n border-color: @green;\n }\n\n .svwhkoh {\n background-color: @mantle;\n }\n\n .kzo3tk.cbb9lkx {\n background: @green;\n border-color: @green;\n color: @blue;\n }\n\n .kahyre1.l40n85g {\n color: @green;\n }\n\n .soyu1j6.l40n85g {\n color: @red;\n }\n\n .axrvw3e.s1e29328.cbb9lkx {\n background: @flamingo;\n border-color: @flamingo;\n color: @red;\n }\n\n .mnlifen {\n background: @mantle;\n }\n\n .f1yw38c3 {\n background: none;\n }\n\n .AssemblyToggleSwitch-input:checked + .AssemblyToggleSwitch-fauxInput {\n background: @lavender;\n }\n\n .AssemblyToggleSwitch-input:checked\n + .AssemblyToggleSwitch-fauxInput::after {\n background-color: @pink;\n }\n\n .AssemblyToggleSwitch-fauxInput {\n background: @overlay1;\n }\n\n .AssemblyToggleSwitch-fauxInput::after {\n background: @lavender;\n }\n\n .c13e2cpr {\n background-color: @mantle;\n color: @text;\n }\n\n .AssemblyInput {\n background-color: @surface0;\n color: @text;\n }\n\n .AssemblyInput-input {\n color: @subtext1;\n }\n\n .a1k2umqi {\n background-color: @crust;\n }\n\n .bxtl8jy {\n background-color: @surface0;\n color: @text;\n }\n\n .ah6785x {\n color: @subtext1;\n }\n\n .a1fcz3cu:focus-within > .ah6785x {\n color: @subtext1;\n }\n\n .e29yge6\n .react-autosuggest__container\n .react-autosuggest__suggestions-container--open {\n background: @mantle;\n }\n\n .e1g8wmc7 {\n background-color: @surface0;\n }\n\n .AssemblyLink--secondary:hover {\n color: @peach;\n }\n\n .a1k2umqi:focus-within {\n border-bottom-color: @blue;\n }\n\n .cgyrcnx {\n background-color: @overlay2;\n }\n\n .byhd60 {\n background-color: @maroon;\n }\n\n .d11ucs5j {\n background: @overlay2;\n }\n\n .sjsxdsz {\n border-bottom-color: @overlay2;\n }\n\n .fz4nps6 {\n border-top-color: @overlay2;\n }\n\n .AssemblyPrimaryButton--default:disabled,\n .AssemblyPrimaryButton--default[aria-disabled=\"true\"] {\n background: @surface0;\n border-color: @base;\n color: @subtext0;\n }\n\n .ptc18zm {\n background: inherit;\n }\n\n .c1gi3y8b {\n background: @crust;\n }\n\n .k3lm6f3 {\n background-color: @crust;\n color: @text;\n }\n\n .w1uwrq7e {\n color: @text;\n border-color: @overlay2;\n }\n\n .t1d08860 {\n color: inherit;\n }\n\n .i1p8x1gp .i1e9rt5 {\n color: @maroon;\n }\n\n .i1p8x1gp {\n background-color: @mantle;\n }\n\n .i1p8x1gp,\n .i1p8x1gp:focus,\n .i1p8x1gp:hover {\n border-color: @maroon;\n }\n\n .cv1rd7s {\n background: @mantle;\n }\n\n .cv1rd7s,\n .cv1rd7s:focus,\n .cv1rd7s:hover {\n border-color: @green;\n }\n\n .cv1rd7s .i1e9rt5 {\n color: @green;\n }\n\n .b1jcf4jl {\n background-color: @crust;\n }\n\n .pck8ctn {\n color: @text;\n }\n\n .i6cf9vy {\n color: @red;\n }\n\n .c2mfnz6 {\n color: @green;\n }\n\n .pr2w5fu:first-child {\n border-right-color: @overlay2;\n }\n\n .t117larf {\n background-color: @crust;\n border-color: @overlay2;\n color: @text;\n }\n\n .q1m09plc:hover {\n background-color: @crust;\n }\n\n .q1m09plc {\n color: @blue;\n }\n\n .hbcu5v.q1m09plc {\n color: @subtext1;\n }\n\n .qzk5crt {\n color: @text;\n }\n\n .sd72jj0 {\n color: @subtext1;\n }\n\n .UIModalHeader {\n background-color: @crust;\n }\n\n .UIModalBody {\n background-color: @mantle;\n }\n\n .TestModeOptions {\n background-color: @mantle;\n }\n\n .UIModal-box {\n color: @text;\n }\n\n .UICheckbox-label {\n color: @text;\n }\n\n .UICheckbox-input:checked ~ .UICheckbox-fauxInput {\n border-color: @yellow;\n }\n\n .UICheckbox-fauxInput::after {\n border-color: @yellow;\n border-width: 0 0 0.125rem 0.125rem;\n }\n\n .UIInput-input {\n color: @text;\n }\n\n .UIInput[aria-invalid=\"false\"] .UIInput-input ~ .UIInput-border {\n box-shadow: 0 0.125rem 0 0 @overlay2;\n }\n\n .UILink,\n .UILink:visited {\n color: @rosewater;\n }\n\n .UIButton:active,\n html.cursor .UIButton:hover,\n html.cursor .UIButton:hover:visited {\n background-color: @sky;\n }\n\n .UIHorizontalRule {\n border-bottom-color: @overlay2;\n }\n\n .OptionsModal-description,\n .TestModeOptions-listOption-description {\n color: @subtext0;\n }\n\n .swjz05g {\n background-color: @crust;\n }\n\n .swjz05g,\n .swjz05g:focus,\n .swjz05g:hover {\n border-color: @blue;\n }\n\n .s2y71yx label {\n background: @surface0;\n }\n\n .s2y71yx input {\n background: inherit;\n color: @text;\n }\n\n .TextbookRecommendations {\n background: @crust;\n }\n\n .TextbookCard-Details {\n color: @subtext1;\n }\n\n .AssemblyLink--title:any-link {\n color: @text;\n }\n\n .AssemblyLink--title:hover {\n color: @yellow;\n }\n /* .AssemblyIcon--small {\n color: @lavender;\n } */\n\n .ah3z5j1 {\n border-color: @blue;\n }\n\n .hkyil8p {\n color: @blue;\n }\n\n .e17gih4t {\n border-color: @overlay2;\n }\n\n .o1q1tz6w {\n border-color: @overlay2;\n color: @text;\n }\n\n .hg3d33q {\n border-color: #0000;\n }\n\n .ser6cev,\n .c86ukn8 {\n color: @subtext0;\n }\n\n .a99ei82 {\n background-color: @mantle;\n border-color: @overlay2;\n }\n\n .qcpiy8g {\n color: @text;\n }\n\n .pqa404y {\n color: @green;\n }\n\n .s18c8hjh {\n color: @maroon;\n }\n\n .ljt3l6v {\n fill: @subtext0;\n }\n\n .c16l7630.iayao2g {\n color: @green;\n }\n\n .i1e9dzkh.iayao2g {\n color: @maroon;\n }\n\n .w1e3jc65 {\n background-color: @mantle;\n border-color: @mantle;\n }\n\n .t7fr19y {\n color: @lavender;\n }\n\n .dw1ojws {\n color: @subtext0;\n }\n\n .w1e3jc65:hover {\n border-color: @overlay2;\n }\n\n .q1nxab59 {\n color: @subtext1;\n }\n\n .ssbjprp {\n color: @subtext0;\n }\n\n .smvj06a {\n color: @subtext1;\n }\n\n .cfzatrd.a548wz9 {\n color: @green;\n }\n\n .cag3g2z.anp68o5 {\n color: @green;\n }\n\n .CombinePage-wrap {\n background-color: @base;\n }\n\n .CombinePageTable-row {\n background-color: @mantle;\n }\n\n .CombinePageTable-rowTermCount {\n color: @subtext1;\n }\n\n .CombinePageTable-setTitle .UIHeading--four {\n color: @text;\n }\n\n .UIDropdown {\n background: @mantle;\n border-color: @crust;\n }\n\n .UIDropdown .UIDropdown-icon {\n color: @overlay2;\n }\n\n .UIDropdown-select:focus option {\n background: @mantle;\n }\n\n option:hover {\n background: @crust;\n }\n\n .ModeControls {\n background-color: @mantle;\n }\n\n .ModeControls-backText {\n color: @text;\n }\n\n .ModeControls-back {\n border-bottom-color: @overlay2;\n }\n\n .UIButton--whiteBorder {\n background: @crust;\n border-color: @base;\n color: @text;\n }\n\n .MatchModeControls-currentTime {\n color: @blue;\n }\n\n .MatchModeQuestionScatterTile {\n background-color: @mantle;\n border-color: @overlay0;\n }\n\n .MatchModeQuestionScatterTile.is-draggedOver,\n .MatchModeQuestionScatterTile.is-dragging,\n .MatchModeQuestionScatterTile:hover {\n border-color: @overlay2;\n }\n\n .MatchModeQuestionScatterTile.is-incorrect {\n border-color: @maroon;\n }\n\n .MatchModeQuestionScatterTile.is-correct {\n border-color: @green;\n }\n\n .HighscoresList {\n background-color: @crust;\n }\n\n .HighscoreRow {\n background-color: @mantle;\n }\n\n .UIButton[aria-disabled=\"true\"],\n .UIButton[aria-disabled=\"true\"]:active,\n .UIButton[aria-disabled=\"true\"]:focus,\n .UIButton[aria-disabled=\"true\"]:visited,\n .UIButton[disabled],\n .UIButton[disabled]:active,\n .UIButton[disabled]:focus,\n .UIButton[disabled]:visited,\n html.cursor .UIButton[aria-disabled=\"true\"]:hover,\n html.cursor .UIButton[disabled]:hover {\n background-color: @mantle;\n }\n\n .t10tqhey {\n background-color: @mantle;\n color: @text;\n border-color: @crust;\n }\n\n .t9i9vmb.h19ive8k,\n .t1s26kx5.h19ive8k,\n .s1rx7q8q.h19ive8k {\n color: @text;\n }\n\n .s8j1d54,\n .c49e2ip {\n color: @subtext1;\n }\n\n .c6p6uaq .react-calendar__month-view__days__day {\n color: @text;\n }\n\n .c6p6uaq .react-calendar__month-view__days__day--neighboringMonth {\n color: @subtext0;\n }\n\n .AchievementsImage--isActive .a130rwfv,\n .al33ekg.isActive .a130rwfv {\n color: @subtext0;\n }\n\n .s1rtnf4c::before,\n .s1rtnf4c::after {\n background: none;\n }\n\n .AchievementsImage--isActive .a130rwfv,\n .al33ekg.isActive .a130rwfv,\n .DashboardLayout .SetPreviewLink--noLinkBox,\n .DashboardLayout .PreviewCard--noLinkBox {\n background-color: @mantle;\n }\n\n .SetPreview-queryMatchHighlight {\n background: @yellow;\n color: @base;\n }\n\n .cpey3pe {\n color: @text;\n }\n\n .s1fl65t6 {\n color: @subtext0;\n }\n\n .t1ne2oir {\n color: @text;\n }\n\n .b1xq6unb {\n color: @text;\n }\n\n .bp0a7jj {\n color: @subtext1;\n }\n\n .pltikop {\n color: @blue;\n }\n\n .SettingsBox-box {\n background-color: @mantle;\n }\n\n .EdgyDataCoursePillbox .UIPill {\n background: @crust;\n border-color: @overlay2;\n color: @text;\n }\n\n .UIAutosuggest .react-autosuggest__suggestions-container {\n background: @mantle;\n }\n\n .UIAutosuggest .react-autosuggest__suggestion {\n border-bottom-color: @overlay2;\n }\n\n .UIAutosuggest\n .react-autosuggest__suggestion.react-autosuggest__suggestion--highlighted {\n border-bottom-color: @yellow;\n }\n\n .EdgyDataCourseSelector-suggestion .EdgyDataCourseSelector-suggestionName {\n color: @text;\n }\n\n .UIInput-input.UIInput-autoExpandInput.is-focused ~ .UIInput-border,\n .UIInput-input:focus ~ .UIInput-border {\n box-shadow: 0 0.25rem 0 0 @yellow;\n }\n\n .Divider-label {\n background: @mantle;\n }\n\n .the-label,\n .UIButton {\n color: @crust;\n }\n\n input:checked + .p22broa {\n box-shadow: 0 0 0 0.25rem @blue;\n }\n\n .button.google {\n background-color: @red;\n border-color: @peach;\n }\n\n .button.google::after {\n border-right-color: @peach;\n }\n\n .b1opuclq {\n background-color: @mantle;\n box-shadow: 0 0.25rem 1rem 0 @crust;\n }\n\n .button.apple .label,\n .button.facebook .label,\n .button.google .label {\n color: @crust;\n }\n\n .button.facebook {\n background-color: @blue;\n border-color: @lavender;\n }\n\n .button.facebook::after {\n border-right-color: @lavender;\n }\n\n .UIInput-input:-webkit-autofill,\n .UIInput-input:-webkit-autofill:focus,\n .UIInput-input:-webkit-autofill:hover {\n box-shadow: none !important;\n }\n .UIInput-input:-internal-autofill-previewed,\n .UIInput-input:-internal-autofill-selected {\n -webkit-text-fill-color: @text;\n }\n\n .UILink:active,\n html.cursor .UILink:hover,\n html.cursor .UILink:hover:visited {\n color: @maroon;\n }\n\n .setting legend,\n .setting p {\n color: @text;\n }\n\n .UIButton-wrapper {\n color: inherit;\n }\n\n .UIButton--alert:active,\n html.cursor .UIButton--alert:hover,\n html.cursor .UIButton--alert:hover:visited {\n background-color: @maroon;\n }\n\n .c1qo8ql4 {\n background-color: @base;\n }\n\n .phx9gy6 {\n color: @text;\n }\n\n .soad3d7 {\n color: @text;\n }\n\n .AssemblyLink--primary:any-link {\n color: @rosewater;\n }\n\n .AssemblyLink {\n color: @rosewater;\n }\n\n .UIButton--borderless:active,\n html.cursor .UIButton--borderless:hover,\n html.cursor .UIButton--borderless:hover:visited {\n background-color: initial;\n color: @yellow;\n }\n\n .UIButton--borderless[aria-disabled=\"true\"],\n .UIButton--borderless[aria-disabled=\"true\"]:active,\n .UIButton--borderless[aria-disabled=\"true\"]:focus,\n .UIButton--borderless[aria-disabled=\"true\"]:visited,\n .UIButton--borderless[disabled],\n .UIButton--borderless[disabled]:active,\n .UIButton--borderless[disabled]:focus,\n .UIButton--borderless[disabled]:visited,\n html.cursor .UIButton--borderless[aria-disabled=\"true\"]:hover,\n html.cursor .UIButton--borderless[disabled]:hover {\n background-color: initial;\n }\n\n .s19dmjr1.isGlobalNavInExperiment.is-focused,\n .s19dmjr1.isGlobalNavInExperiment.is-focused input {\n background: @surface0;\n }\n\n .t1iqlnnn p {\n color: @subtext1;\n }\n\n .axupt8p,\n .igkckaz {\n color: @rosewater;\n }\n\n .axupt8p:active,\n .axupt8p:focus,\n .axupt8p:hover {\n color: @flamingo;\n }\n\n .cnuw08l {\n background-color: @mantle;\n }\n\n .c192jkj8 {\n color: @text;\n }\n\n .a1sd82zg {\n background-color: @crust;\n border-left-color: @lavender;\n }\n\n .g84nzqs {\n background-image: none;\n }\n\n .du7o3ew > div:not(:last-child) {\n border-right-color: @overlay2;\n }\n\n .i73vo82:hover {\n color: @crust;\n background-color: @crust;\n }\n\n .f2nmi2p {\n border-top-color: @overlay2;\n }\n\n .a1scx0nz {\n background-color: @mantle;\n }\n\n .a4ouqer {\n color: @text;\n }\n\n .t104cykg {\n color: @text;\n }\n\n .ExplanationsLandingPage #PrismicExplanationsSearchBarTarget label,\n .ExplanationsLandingPage #SearchBarTarget label,\n .explanations.prismic-page #PrismicExplanationsSearchBarTarget label,\n .explanations.prismic-page #SearchBarTarget label {\n background-color: @surface0;\n }\n\n .l1rgb1ub {\n border-color: @overlay2;\n }\n\n .theme-night .h1uvmh9x,\n .h1uvmh9x {\n background: @mantle;\n }\n\n .h1wn8ccf {\n color: @text;\n }\n\n .ccm0r9d {\n color: @subtext0;\n }\n\n .AssemblySmallCard-isActive::after {\n background-color: @lavender;\n }\n\n .i192320l {\n border-color: @mantle;\n }\n\n .b1j40uwt::before {\n background-color: @mantle;\n }\n\n .theme-night .g84nzqs {\n background: none;\n }\n\n .CreateSetHeader-sticky {\n background: @base;\n }\n\n .a1fcz3cu {\n background-color: @surface0;\n }\n\n .CreateSetHeader-permissionsLink {\n color: @subtext1;\n }\n\n .CreateSetDiagramUploader .UIFloatedCard--white,\n .TermContent-inner {\n background-color: @mantle;\n }\n\n .CreateSetDiagramUploader-banner {\n border-color: @overlay0;\n }\n\n .AssemblyIconButton--primaryInverted {\n border-color: @overlay2;\n }\n\n .StudiableItemToolbar {\n border-bottom-color: @overlay2;\n }\n\n .b18prmdf {\n box-shadow: 0 0.125rem 0 0 @overlay2;\n }\n\n .ImageUploadProminentContextToggle {\n border-color: @overlay0;\n }\n\n .UILinkButton {\n border-bottom-color: @blue;\n color: @text;\n }\n\n .p10i2lyl {\n background-color: @mantle;\n }\n\n * + .KeyboardShortcuts-shortcut,\n .KeyboardShortcuts-shortcut + *,\n .KeyboardShortcuts-shortcut + .KeyboardShortcuts-shortcut {\n border-top-color: @overlay2;\n }\n\n .UIKeyboardInput {\n color: @text;\n border-color: @overlay2;\n }\n\n .UIDropdown-select option {\n color: @text;\n }\n\n .UIButton--inverted:active,\n html.cursor .UIButton--inverted:hover,\n html.cursor .UIButton--inverted:hover:visited {\n box-shadow: inset 0 0 0 3px @overlay2;\n }\n\n .PMEditor:focus-within ~ .b18prmdf {\n box-shadow: 0 0.25rem 0 0 @yellow;\n }\n\n .UITooltip,\n .UITooltip::after {\n background: @crust;\n }\n\n :not(.ie11 .UITooltip),\n :not(.ie11 .UIPopover) {\n filter: none;\n }\n\n .LanguageSelect-option:hover,\n .Select-option.is-focused .LanguageSelect-option {\n background-color: @yellow;\n }\n\n .i1u1jhdl {\n background-color: @crust;\n }\n\n .TermRowDragPlaceholder {\n background: @base;\n }\n\n .CreateSetDiagramUploader-banner.is-dropTarget {\n border-color: @yellow;\n }\n\n .TermContent-addRow:hover .UILinkButton {\n border-bottom-color: @yellow;\n }\n\n .tetv1rf.t8spden:hover {\n background-color: @crust;\n }\n\n .ImportTerms {\n background-color: @base;\n }\n\n .ImportTerms-import,\n .ImportTerms-preview {\n background-color: @base;\n }\n\n .ImportTerms-textarea {\n color: @text;\n border-color: @overlay2;\n }\n\n .TermRowsPreview .TermRowsPreview-row {\n background: @mantle;\n }\n\n .UIRadio-input:checked ~ .UIRadio-fauxInput {\n border-color: @yellow;\n }\n\n .UIRadio-fauxInput::after {\n background-color: @yellow;\n }\n\n .UILinkButton:active,\n .UILinkButton:focus,\n .UILinkButton:hover {\n border-bottom-color: @yellow;\n }\n\n .AutosuggestContextItem {\n background-color: @crust;\n color: @text;\n }\n\n .AssemblyNotice-error {\n border-color: @red;\n background-color: @surface0;\n }\n\n .TermRow.is-duplicate {\n outline-color: @yellow;\n }\n\n .AssemblyPrimaryButton--danger {\n background: @red;\n color: @crust;\n }\n\n .AssemblyPrimaryButton--danger:hover:not([disabled]),\n [aria-disabled=\"true\"] {\n background: @pink;\n }\n\n .s19dmjr1.is-focused,\n .s19dmjr1.is-focused input,\n .s2y71yx label,\n .s2y71yx.is-expanded label {\n background: @surface0;\n color: @text;\n }\n\n .eeiq5c0 {\n color: @text;\n }\n\n .t1r0fp00,\n .t1elfe8k {\n color: @subtext0;\n }\n\n .MobilePage {\n background: @base;\n }\n\n .MobilePage-feature {\n border-color: @overlay2;\n }\n\n .MobilePage-anyDevice {\n border-top-color: @overlay2;\n }\n\n .AssemblyTextButton--secondary {\n color: @text;\n }\n\n .AssemblyPrimaryButton--upgrade {\n background: @yellow;\n }\n\n .page,\n .PrismicSimpleRichText--white,\n .PrismicTextCallout--whiteBackground,\n .PrismicVideoEmbedWithText--whiteBackground,\n .p1mcvm6s,\n .PrismicImageTextTile--whiteBackground,\n .PrismicTextCallout--twilightBlue200Background,\n #SearchResultsPageHeader-mainExperiment {\n background-color: @base;\n }\n\n .tfomyx6,\n .i1rs7b62,\n .d5ww82k {\n color: @text;\n }\n\n .cssrxmc {\n background-color: @yellow;\n }\n\n .PrismicImageTextTile-tileWrapper {\n background-color: @mantle;\n }\n\n .AssemblyPrimaryButton--upgrade:hover:not([disabled]) {\n background: @rosewater;\n }\n\n .s1qq0zr7 {\n background-color: @mantle;\n }\n\n .sv0yvnj a,\n .sv0yvnj a:visited:not(:last-child) {\n color: @text;\n }\n\n .sg4pwu6:hover,\n .hivq638,\n .s1ahro8n:hover {\n background-color: @crust;\n }\n\n .e7lqtuc\n .react-autosuggest__suggestions-container.react-autosuggest__suggestions-container--open {\n background-color: @mantle;\n }\n\n .e7lqtuc .react-autosuggest__section-title,\n .SearchResultsPageHeader-queryFeedback,\n .SearchResultsPage-contentType .SearchResultsPage-emptyStateHeadline,\n .SearchResultsPage-contentType .SearchResultsPage-emptyStateDescription,\n .SearchResultsPage-contentType\n .SearchResultsPage-emptyStateSuggestionsList {\n color: @text;\n }\n\n .markdown-body {\n color: @subtext1;\n }\n\n .e7lqtuc\n li.react-autosuggest__suggestion.react-autosuggest__suggestion--highlighted,\n .e7lqtuc li.react-autosuggest__suggestion:hover {\n background-color: @crust;\n border-color: @lavender;\n }\n\n .UserPreviewCard-username,\n .ClassPreviewCard-title {\n color: @text;\n }\n\n .UserPreviewCard-classesDescription,\n .UserPreviewCard-createdSetsDescription,\n .QuestionCard-subject,\n .ClassPreviewCard-location,\n .ClassPreviewCard-membersDescription,\n .ClassPreviewCard-studySetsDescription {\n color: @subtext1;\n }\n\n .QuestionCard-bottomGradient {\n background-image: none;\n }\n\n .AssemblyTextButton--primary {\n color: @rosewater;\n }\n\n .TosLegend--normal {\n color: @subtext1;\n }\n\n .AssemblyLink--secondary:any-link {\n color: @rosewater;\n }\n\n .lghzn8f,\n .a1cdxe01.h9lvpq {\n color: @text;\n }\n\n .s1mff1xn,\n .AssemblyCheckbox-label {\n color: @text;\n }\n\n .ccnmm10 {\n background-color: @mantle;\n }\n\n .c1g4obhz {\n background-color: @crust;\n color: @text;\n }\n\n .SetPageTerm-wordText,\n .SetPageTerm-definitionText {\n color: @text;\n }\n\n .SetPageTerms-embeddedDesktopAdWrapper {\n background: @mantle;\n }\n\n .c1qw5oc {\n background: @crust;\n border-bottom-color: @surface0;\n }\n\n .c19lfjrd,\n .l1fkuqeb {\n background-color: @base;\n }\n\n .bxyvgmh {\n background-color: @mantle;\n }\n\n .ata5p6z[aria-disabled=\"true\"],\n .ata5p6z[aria-disabled=\"true\"] div,\n .ata5p6z[aria-disabled=\"true\"] textarea {\n background-color: @mantle;\n }\n\n .ata5p6z {\n border-color: @overlay2;\n background-color: @mantle;\n }\n\n .AssemblyIconButton--primary:disabled,\n .AssemblyIconButton--primary[aria-disabled=\"true\"] {\n background: @surface1;\n color: @text;\n }\n\n .ugcsb7m {\n background-color: @blue;\n color: @crust;\n }\n\n .AssemblySecondaryButton:disabled,\n .AssemblySecondaryButton[aria-disabled=\"true\"] {\n background-color: @base;\n border-color: @overlay2;\n }\n\n .m9mf1hr div,\n .m9mf1hr textarea {\n background-color: @mantle;\n }\n\n .lu5rlws {\n color: @subtext1;\n }\n\n .b1yjduyh {\n background-color: @mantle;\n }\n\n .d6tac4m {\n background-color: @surface0;\n }\n\n .RecentFeed-empty {\n background-color: @mantle;\n }\n\n .i1ykvw4f {\n background: @mantle;\n }\n\n .i1ykvw4f:hover {\n background: @crust;\n }\n\n .RecentFeed-empty--cta {\n color: @text;\n }\n\n .UIButton--whiteBorder:active,\n html.cursor .UIButton--whiteBorder:hover,\n html.cursor .UIButton--whiteBorder:hover:visited {\n color: @yellow;\n }\n\n .c124zyvn {\n background: @base;\n }\n\n .AssemblyLink--primary:hover {\n color: @maroon;\n }\n\n .cczh2hb,\n .h1jftztg,\n .t2m5erc {\n color: @text;\n }\n\n .t1nv0ihp,\n .sku1zau,\n .s54kfc3 {\n color: @subtext1;\n }\n\n .ImageUploadProminentContextToggle\n .ImageUploadProminentContextToggle-IconExplanation {\n color: @text;\n }\n\n .SiteHeaderLogo-link {\n color: @blue;\n }\n\n .c1sgnxr5 {\n color: @green;\n }\n\n .suyglfi {\n color: @text;\n }\n\n .s2y71yx\n li.react-autosuggest__suggestion.react-autosuggest__suggestion--highlighted,\n .s2y71yx li.react-autosuggest__suggestion:hover {\n background: @mantle;\n }\n\n .q1kwd3of {\n color: @overlay2;\n }\n\n .c1741jrq:not(:first-child) {\n border-top-color: @overlay2;\n }\n\n .SetsView-studySetResults {\n color: @text;\n }\n\n .UILink .SetPreview-cardHeaderTitle,\n .UILink .SetPreview-cardHeaderTitle:visited,\n html.touch .UILink .SetPreview-cardHeaderTitle:focus:hover:not(:active) {\n color: @text;\n }\n\n .SetPreview-cardBylineClass {\n color: @subtext0;\n }\n\n .UILink .SetPreview-cardHeaderTitle:active,\n html.cursor .UILink .SetPreview-cardHeaderTitle:hover,\n html.cursor .UILink .SetPreview-cardHeaderTitle:hover:visited {\n color: @yellow;\n }\n\n .e29yge6\n .react-autosuggest__container\n .react-autosuggest__suggestion.react-autosuggest__suggestion--highlighted,\n .e29yge6\n .react-autosuggest__container\n .react-autosuggest__suggestion:hover {\n background-color: @crust;\n }\n\n .e29yge6 .react-autosuggest__container .react-autosuggest__suggestion {\n border-bottom-color: @mantle;\n }\n\n .EdgyDataCourseSelector-addYourOwn {\n color: @blue;\n }\n\n .i5h71e0 {\n background-color: @surface0;\n }\n\n .ikdjsw2 {\n color: @text;\n }\n\n .i1m3kkj2 {\n color: @text;\n }\n\n .i1190urg {\n color: @subtext0;\n }\n\n .le206v0 {\n border-color: @overlay2;\n }\n\n .sby7w0g {\n background: @overlay2;\n }\n\n .c3s5vdc:hover {\n background-color: @blue;\n }\n\n .g4cyoxx {\n color: @text;\n }\n\n .s1lyn4nc {\n background: @blue;\n }\n\n .UIModal.is-white .UIModal-box {\n background: @mantle;\n }\n\n .UIModalBadge {\n background-color: @blue;\n color: @crust;\n }\n\n .CombinePage-sourceSelectWrap .UIFieldset-legend {\n color: @text;\n }\n\n .k1reqlz9.ijrfqxy svg {\n fill: @green;\n }\n\n .dhmqhsx.ijrfqxy svg {\n fill: @red;\n }\n\n .c6p6uaq .react-calendar__navigation__label {\n color: @text;\n }\n\n .c6p6uaq .react-calendar__navigation__arrow {\n color: @text;\n }\n\n .c6p6uaq .react-calendar__navigation__arrow:disabled {\n color: @overlay1;\n }\n\n .f1sxiitf {\n background: none;\n }\n\n .c1ext0pg {\n background-color: @surface1;\n color: @text;\n }\n\n .sl7nfp9 {\n background-color: @mantle;\n }\n\n .sdw19mu .SetPreviewCardV1 {\n border-bottom-color: @overlay2;\n }\n\n .fiejqa {\n background: none;\n }\n\n .t1ied0h6 {\n color: @subtext1;\n }\n\n .SetListMediumCard-isActive::before {\n background-color: @lavender;\n }\n\n .c51obz3 {\n background-color: @base;\n }\n\n .s80h93u {\n color: @text;\n border-color: @overlay2;\n }\n\n .s80h93u:active:not([disabled]),\n .s80h93u:hover:not([disabled]) {\n background: @crust;\n }\n\n .r78nxpu > div:hover {\n background-color: @mantle;\n }\n\n .stbnqj0 {\n color: @text;\n }\n\n .c1n6gny6,\n .to5kbh1 {\n color: @text;\n }\n\n .tb3hrve {\n color: @subtext0;\n }\n\n .HurricaneBanner--default {\n background: @crust;\n border-bottom-color: @surface0;\n }\n\n .HurricaneBanner--default .HurricaneBanner-text {\n color: @text;\n }\n\n .StudyModesNavSectionTitle {\n color: @text;\n }\n\n .cgkxufs {\n background: @crust;\n border-bottom-color: @overlay0;\n }\n\n .TeacherChoosePageView-gameTypeOption {\n background-color: @mantle;\n }\n\n .TeacherChoosePageView-gameTypes--text {\n color: @text;\n }\n\n .TeacherChoosePageView-gameTypes--description {\n color: @subtext0;\n }\n\n .TeacherChoosePageView-gameTypes--cta,\n .CardContent-cta {\n color: @blue;\n }\n\n .TeacherChoosePageView-gameTypeOption:hover,\n .PlayModeCard:hover {\n border-bottom-color: @yellow;\n }\n\n .PlayModeCard:active,\n .PlayModeCard:focus:not(:active:not(:hover)),\n html.cursor .PlayModeCard:hover,\n html.cursor .PlayModeCard:hover:visited {\n border-color: @yellow;\n }\n\n .PlayModeCard {\n background-color: @mantle;\n }\n\n .CardContent-option {\n background: @crust;\n color: @text;\n }\n\n .CardContent-text,\n .CardContent-title {\n color: @text;\n }\n\n .TeacherLobbyView-join {\n background-color: @mantle;\n }\n\n .TeacherLobbyView .UIFloatedCard,\n .TeacherStartGameView-side,\n .TeacherEndView-side {\n background: @crust;\n }\n\n .theme-night .TeacherLobbyView .UIFloatedCard {\n border-color: @overlay2;\n }\n\n .TeacherLobbyView-join--instructionLink .UIButton {\n color: @blue;\n }\n\n .TeacherLobbyView-player:hover {\n color: @red;\n }\n\n .td5er02 .UIFloatedCard {\n background-color: @mantle;\n }\n\n .TermStat--perfectTerms .TermStat-header {\n background-color: @green;\n }\n\n .TermStat-header {\n color: @mantle;\n }\n\n .TermStatGroup-navProgress {\n color: @subtext0\\1;\n }\n\n .TeacherEndView-side--bottomButton .UIButton.UIButton--whiteBorderRounded {\n color: @text;\n }\n\n .SegmentedControl.SegmentedControl--quizletBlue\n .SegmentedControl-navItem.is-active,\n .segmented-control.SegmentedControl--quizletBlue\n .SegmentedControl-navItem.is-active {\n background: @lavender;\n color: @crust;\n }\n\n .StudyWhileWaitingView {\n background-color: @base;\n }\n\n .firefox\n .CardsList.CardsList--showSingle\n .CardsItem\n .CardsItemSide\n .CardsItemInner,\n .ie11\n .CardsList.CardsList--showSingle\n .CardsItem\n .CardsItemSide\n .CardsItemInner,\n .webkit\n .CardsList.CardsList--showSingle\n .CardsItem\n .CardsItemSide\n .CardsItemInner {\n background-color: @mantle;\n }\n\n .StudentTeamView-teamInner {\n background-color: @mantle;\n }\n\n .StudentAnswerOption .UIButton {\n background-color: @mantle !important;\n }\n\n .StudentAnswerOption .UIButton:active,\n html.cursor .StudentAnswerOption .UIButton:hover,\n html.cursor .StudentAnswerOption .UIButton:hover:visited {\n border-color: @yellow;\n }\n\n .StudentPlayingHeader {\n background: @crust;\n }\n\n .StudentLeaderboard-headstart {\n background: @blue;\n }\n\n .StudentLeaderboard {\n background: @lavender;\n }\n\n .StudentLeaderboard-team {\n background: @blue;\n }\n\n .StudentGameboard-feedback.is-incorrectAnswer {\n background: @red;\n }\n\n .StudentAnswerOption.is-showingIncorrectFeedback.StudentAnswerOption\n .UIButton {\n background: @red !important;\n }\n\n .StudentAnswerOption.is-showingCorrectFeedback.StudentAnswerOption\n .UIButton {\n background: @green !important;\n }\n\n .StudentIncorrectAnswerFeedback-section--correct\n .StudentIncorrectAnswerFeedback-heading {\n color: @green;\n }\n\n .TermStat--learnedTerms .TermStat-header {\n background-color: @red;\n }\n\n .TeacherChoosePageView-gameTypeOption:active,\n .TeacherChoosePageView-gameTypeOption:focus:not(:active:not(:hover)),\n html.cursor .TeacherChoosePageView-gameTypeOption:hover,\n html.cursor .TeacherChoosePageView-gameTypeOption:hover:visited {\n border-color: @yellow;\n }\n\n .tllqvk3,\n .c1tmoumb {\n background-color: @mantle;\n }\n }\n}\n",
|
|
"originalDigest": "f8c3efab87978803b4ad586f90c65cd1fc0c3b97",
|
|
"_id": "7b25609f-6544-43c3-9a7a-f9e1787e0c5b",
|
|
"_rev": 1780236867018,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 4
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Twitch Catppuccin",
|
|
"description": "Soothing pastel theme for Twitch",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/twitch/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Twitch Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/twitch",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/twitch",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/twitch/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Atwitch",
|
|
"description": "Soothing pastel theme for Twitch",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Twitch Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/twitch\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/twitch\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/twitch/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Atwitch\n@description Soothing pastel theme for Twitch\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"twitch.tv\") {\n @import url(\"https://python.catppuccin.com/pygments/catppuccin-variables.important.css\");\n\n .tw-root--theme-dark {\n #catppuccin(@darkFlavor);\n }\n .tw-root--theme-light {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n body {\n background-color: @base;\n }\n\n &,\n .tw-dialog-layer,\n [class*=\"ScLayoutCssVars-sc-\"],\n .tw-tooltip-layer {\n --color-background-input-focus: @crust;\n --color-background-interactable-hover: fade(@surface0, 48%);\n --color-background-interactable-alpha-hover: @surface0;\n --color-background-interactable-active: @surface1;\n --color-background-button-secondary-active: @surface1;\n --color-background-button-text-default: null !important;\n --color-background-pill-subtle: @subtext0;\n --color-background-placeholder: @surface0;\n --color-background-selectable: @surface0;\n --color-text-input-placeholder: @text;\n --color-border-input: @base;\n --color-border-tab: @surface0;\n --color-text-button-primary: @crust;\n --color-text-overlay: @base;\n --color-text-overlay-alt: @subtext0;\n --color-text-overlay-link-hover: @subtext0;\n --color-text-base: @subtext1;\n --color-text-alt: @text;\n --color-text-alt-2: @subtext0;\n --color-text-interactable-selected: @crust;\n --color-text-interactable-inverted: @base;\n --color-background-alt-2: @crust;\n --color-text-tag: @subtext0;\n --color-background-button-secondary-default: @crust;\n --color-background-button-primary-hover: darken(@accent, 5%);\n --color-background-button-secondary-hover: @surface0;\n --color-background-button-overlay-secondary-default: fade(@text, 13%);\n --color-background-tag-default: @surface0;\n --color-background-tag-hover: @surface1;\n --color-background-float: @mantle;\n --color-background-body: @base;\n --color-background-base: @mantle;\n --color-background-alt: @mantle;\n --color-background-input: @crust;\n --color-brand-muted-cupcake: @pink;\n --color-brand-muted-mint: @green;\n --color-brand-muted-sky: @sky;\n --color-brand-muted-blush: @peach;\n --color-brand-muted-canary: @peach;\n --color-brand-muted-lavender: @lavender;\n --color-brand-muted-mustard: @yellow;\n --color-brand-muted-emerald: @green;\n --color-brand-muted-coral: @peach;\n --color-brand-muted-ocean: @blue;\n --color-brand-accent-grape: @mauve;\n --color-brand-accent-dragonfruit: @flamingo;\n --color-brand-accent-carrot: @peach;\n --color-brand-accent-sun: @peach;\n --color-brand-accent-lime: @green;\n --color-brand-accent-turquoise: @sky;\n --color-brand-accent-eggplant: @mauve;\n --color-brand-accent-wine: @flamingo;\n --color-brand-accent-slime: @green;\n --color-brand-accent-seafoam: @green;\n --color-brand-accent-cherry: @red;\n --color-brand-accent-marine: @blue;\n --color-brand-accent-seaweed: @teal;\n --color-brand-accent-fiji: @green;\n --color-brand-accent-blueberry: @blue;\n --color-brand-accent-arctic: @sky;\n --color-brand-accent-highlighter: @yellow;\n --color-brand-accent-flamingo: @flamingo;\n --color-brand-accent-ruby: @red;\n --color-brand-accent-punch: @flamingo;\n --color-brand-accent-creamsicle: @yellow;\n --color-red: @maroon;\n --color-red-darker: @red;\n --color-orange: @peach;\n --color-yellow: @yellow;\n --color-green: @green;\n --color-green-darker: @green;\n --color-blue: @blue;\n --color-prime-blue: @blue;\n --color-magenta: @flamingo;\n --color-error: @red;\n --color-warn: @yellow;\n --color-success: @green;\n --color-white: @text;\n --color-black: @crust;\n --color-info: @blue;\n --color-twitch-purple: @accent;\n --color-twitch-purple-4: @accent;\n --color-twitch-purple-5: @accent;\n --color-twitch-purple-6: @accent;\n --color-twitch-purple-7: @accent;\n --color-twitch-purple-8: @accent;\n --color-twitch-purple-9: @accent;\n --color-twitch-purple-10: @accent;\n --color-twitch-purple-11: @accent;\n --color-twitch-purple-12: @accent;\n --color-orange-7: @yellow;\n --color-orange-8: @yellow;\n --color-orange-9: @yellow;\n --color-orange-10: @yellow;\n --color-orange-11: @yellow;\n --color-orange-12: @yellow;\n --color-orange-13: @yellow;\n --color-yellow-6: @peach;\n --color-yellow-7: @peach;\n --color-yellow-8: @peach;\n --color-yellow-9: @peach;\n --color-yellow-10: @peach;\n --color-yellow-11: @peach;\n --color-yellow-12: @peach;\n --color-yellow-13: @peach;\n --color-yellow-14: @peach;\n --color-yellow-15: @peach;\n --color-green-5: @green;\n --color-green-6: @green;\n --color-green-7: @green;\n --color-green-8: @green;\n --color-green-9: @green;\n --color-green-10: @green;\n --color-green-11: @green;\n --color-green-12: @green;\n --color-green-13: @green;\n --color-green-14: @green;\n --color-green-15: @teal;\n --color-cyan-9: @sapphire;\n --color-cyan-10: @sapphire;\n --color-cyan-11: @sapphire;\n --color-cyan-12: @sapphire;\n --color-cyan-13: @sapphire;\n --color-cyan-14: @sapphire;\n --color-cyan-15: @sky;\n --color-blue-4: @blue;\n --color-blue-5: @blue;\n --color-blue-6: @blue;\n --color-blue-7: @blue;\n --color-blue-8: @blue;\n --color-blue-9: @blue;\n --color-blue-10: @sky;\n --color-blue-11: @sky;\n --color-blue-12: @sky;\n --color-blue-14: @sky;\n --color-magenta-5: @flamingo;\n --color-magenta-6: @flamingo;\n --color-magenta-7: @flamingo;\n --color-magenta-8: @flamingo;\n --color-magenta-9: @flamingo;\n --color-magenta-10: @flamingo;\n --color-magenta-11: @pink;\n --color-magenta-12: @pink;\n --color-magenta-14: @pink;\n --color-red-4: @accent;\n --color-red-5: @accent;\n --color-red-6: @accent;\n --color-red-7: @accent;\n --color-red-8: @accent;\n --color-red-9: @accent;\n --color-red-10: @red;\n --color-red-11: @peach;\n --color-red-12: @peach;\n --color-red-14: @peach;\n --color-twitter: @blue;\n --color-facebook: @blue;\n --color-reddit: @peach;\n --color-snapchat: @yellow;\n --color-instagram: @blue;\n --color-youtube: @red;\n --color-paypal: @blue;\n --color-paypal-blue: @blue;\n --color-paypal-yellow: @yellow;\n --color-venmo: @blue;\n --color-vk: @blue;\n --color-amazon: @yellow;\n --color-background-button-text-hover: @surface0;\n --color-text-accessible-red: @accent;\n --color-border-input-checkbox: @subtext0;\n --color-border-input-checkbox-hover: @text;\n --color-text-label: @text;\n --color-border-input-hover: @surface0;\n --color-opac-b-14: @crust;\n --color-text-button-overlay: @text !important;\n --color-background-progress: @surface0;\n --color-background-range-overlay-fill: @text !important;\n --color-text-button-overlay-hover: @text !important;\n --color-text-tooltip: @base !important;\n --color-background-tooltip: @text !important;\n --color-hinted-grey-2: @surface0;\n --color-hinted-grey-5: @surface0;\n --color-hinted-grey-8: @subtext0;\n --color-hinted-grey-12: @subtext0;\n --color-hinted-grey-15: @text;\n --color-background-overlay-alt: fade(@mantle, 60%);\n --color-background-button-overlay-primary-hover: @subtext1;\n --color-background-button-overlay-text-hover: @crust;\n --color-border-overlay: @surface0;\n --color-border-base: @surface0;\n --color-background-button-disabled: @surface0;\n --color-text-button-disabled: @subtext0;\n --color-background-toggle-handle: @text;\n --color-border-toggle: @text;\n --color-border-toggle-hover: @text;\n --color-background-toggle-checked: @mantle;\n --color-background-input-checkbox-checked-background: @crust;\n --color-border-balloon-overlay: @surface0;\n --color-opac-gd-1: fade(@surface0, 35%);\n --color-text-number-badge: @base;\n\n & when (@flavor = latte) {\n --color-white: @base;\n --color-black: @text;\n --color-hinted-grey-12: @mantle;\n --color-text-pill: @base;\n --color-text-overlay-link-hover: @surface0;\n --color-background-overlay-alt: fade(@text, 60%);\n --color-text-button-destructive: @base;\n --color-text-button-overlay: @base !important;\n }\n }\n\n --color-text-link: @accent;\n --color-text-link-active: darken(@accent, 5%);\n --color-text-link-focus: darken(@accent, 5%);\n --color-text-link-hover: darken(@accent, 5%);\n --color-text-link-visited: @accent;\n\n &,\n [class*=\"ScAccentRegionCssVars\"] {\n --color-accent: @accent;\n }\n /* Hardcoded accent color */\n [style=\"color: rgb(160, 84, 255);\"] {\n color: @accent !important;\n }\n\n /* `Pinned message` popup */\n\n div.pinned-chat__pinned-by svg {\n color: @text;\n }\n\n p.pinned-chat__message {\n span {\n color: @text !important;\n }\n\n a {\n color: @accent;\n }\n }\n\n /* `Intended for certain audiences` label */\n\n div[data-a-target=\"content-classification-warning-disclosure-overlay\"] p {\n color: @text !important;\n }\n\n /* `Hype Train` popup */\n\n div.hype-train-progress-bar-info-view__level-container p,\n div.hype-train-approaching-view__leftSide p,\n div.hype-train-expanded-layout p,\n div.hype-train-expanded-layout svg {\n color: @text;\n }\n\n path[d=\"m18 17 4-4V2H6v15h4v4l4-4h4zM12 6h2v6h-2V6zm7 0h-2v6h2V6z\"] {\n fill: @mantle;\n }\n\n /* `Is video buffering?` warning */\n\n div.low-latency-notification {\n p {\n color: @text;\n }\n border-color: @accent;\n }\n\n /* `Includes paid promotion` label */\n\n div.disclosure-card {\n p,\n svg,\n a {\n color: @text;\n }\n background: fade(@mantle, 80%);\n }\n\n /* Raiding popup */\n\n div[data-test-selector=\"raid-banner\"] {\n color: @text;\n }\n\n /* `Predict with Channel Points` popup */\n\n div[data-test-selector=\"expanded-content\"] p,\n p[data-test-selector=\"community-prediction-highlight-header__top-predictors\"],\n p[data-test-selector=\"community-prediction-highlight-body__outcome-title\"] {\n color: @text;\n }\n\n /* TODO: ensure that the poll does not default to this */\n div[data-test-selector=\"header-content\"] p {\n color: @text !important;\n }\n\n div.channel-points-icon svg,\n div[data-test-selector=\"header-content\"] span,\n div[data-test-selector=\"community-prediction-highlight-body__outcome-points\"]\n span {\n color: @accent;\n }\n\n button[data-test-selector=\"community-prediction-highlight-header__how-to-play\"],\n button[data-test-selector=\"community-prediction-highlight-header__terms-and-conditions\"],\n button[data-test-selector=\"community-prediction-highlight-header__send-feedback\"],\n button[data-test-selector=\"community-prediction-highlight-header__dismiss-message\"] {\n color: @text;\n }\n\n /* ??? */\n\n div.happening-now-disable-prompt p {\n color: @text !important;\n }\n\n /* Gifting sub popup */\n\n div.mystery-gift-chat-banner {\n span {\n color: @accent;\n }\n\n p {\n color: @text;\n }\n }\n\n /* VOD metadata */\n\n div.tw-media-card-stat when not(@flavor = latte) {\n --color-text-overlay: @text;\n }\n\n /* Seekbar segment */\n\n div[data-test-selector=\"seekbar-interaction-area__interactionArea\"]\n span[data-test-selector=\"seekbar-segment__segment\"] {\n background: @accent !important;\n }\n\n /* Seekbar DMCA muted segment */\n\n div[data-test-selector=\"seekbar-interaction-area__interactionArea\"]\n span[data-test-selector=\"seekbar-segment__segment\"][style*=\"background-color: rgba(212, 73, 73, 0.5);\"] {\n background: @red !important;\n }\n\n /* Seekbar buffered segment */\n\n div[data-test-selector=\"seekbar-interaction-area__interactionArea\"]\n span[data-test-selector=\"seekbar-segment__segment\"][style*=\"background-color: rgba(255, 255, 255, 0.85);\"] {\n background: @overlay2 !important;\n }\n\n /* Recent VOD title */\n\n div.player-overlay-background h4 {\n color: @subtext0 !important;\n }\n\n a.offline-recommendations-video-card p {\n color: @text;\n }\n\n /* Offline screen follow panel */\n\n div[data-test-selector=\"follow-panel-overlay\"] p {\n color: @text !important;\n }\n\n div[data-test-selector=\"follow-panel-overlay\"] button div {\n color: @crust !important;\n }\n\n /* Front page warning sign */\n\n div.content-overlay-gate__content[data-a-target=\"player-overlay-content-gate\"]\n div.content-overlay-icon\n svg {\n color: @red;\n }\n\n /* Front page age warning */\n\n div.content-overlay-gate__content[data-a-target=\"player-overlay-content-gate\"]\n p.content-overlay-gate__allow-pointers {\n color: @red !important;\n }\n\n /* Front page age selector */\n\n div[data-a-target=\"player-overlay-age-gate-form\"] select {\n color: @text;\n }\n\n /* Followers list usercard */\n\n div[data-a-target=\"user-card-modal\"] p when not(@flavor = latte) {\n --color-text-overlay: @text;\n }\n\n /* Usercard mod log tabs */\n\n .viewer-card-mod-drawer-tab--active {\n box-shadow: 0 calc(var(--border-width-default) * -3) 0 @accent inset\n !important;\n }\n\n /* Usercard header */\n\n .viewer-card-header__overlay {\n background-color: fade(@mantle, 60%) !important;\n }\n\n /* PiP username */\n\n div.mini-overlay__title span {\n color: @text;\n }\n\n /* Viewercard username */\n\n div.viewer-card-header__display-name h4 {\n color: @accent !important;\n }\n\n /* Viewercard metadata */\n\n div.viewer-card-header__display-name svg:not(button svg) {\n color: @subtext1;\n }\n\n div.viewer-card-header__display-name p {\n color: @text !important;\n }\n\n /* Extension name */\n\n div[aria-describedby=\"popover-extensions-body\"] h6 {\n color: @text;\n }\n\n /* Extension description */\n\n div.extensions-popover-view-layout__body p {\n color: @text;\n }\n\n /* Extension service buttons */\n\n div.extensions-popover-view-layout__body svg {\n color: @subtext0;\n }\n\n div.extensions-popover-view-layout__body div {\n color: @text;\n }\n\n /* Extension overlay */\n\n .extension-view__iframe {\n color-scheme: light;\n }\n\n .carousel-metadata {\n background: @crust;\n }\n .carousel-metadata--fadeout {\n background: @crust;\n }\n .chat-line__timestamp {\n color: @subtext0;\n }\n .chat-line__message-body--highlighted {\n background-color: @accent;\n color: @crust;\n border-color: @accent;\n }\n .chat-scrollable-area__message-container {\n background-color: @mantle;\n }\n .side-nav-card__link:hover,\n .side-nav-card__link:focus {\n background: @surface0 !important;\n }\n .footer {\n background: @crust;\n }\n .whispers-list-item--selected,\n .whispers-list-item:hover {\n background-color: @surface0;\n }\n .thread-header__title-bar-container--focused {\n background-color: @mantle;\n }\n .thread-header__title-bar-container {\n background: @mantle;\n }\n .thread-header__click-area:focus .thread-header__title-bar-container {\n background-color: @mantle;\n }\n .navigation-link {\n color: @text;\n\n &:hover,\n .active {\n color: @accent;\n }\n }\n .navigation-link__active-indicator {\n background-color: @accent !important;\n }\n .chat-room {\n background: @mantle;\n }\n div.pinned-chat__highlight-card div.highlight {\n background: @mantle;\n }\n\n .server-message-alert {\n border-color: @red !important;\n border-left-color: @red !important;\n }\n\n .server-message-alert__icon {\n color: @red !important;\n }\n\n /* Predictions */\n .fixed-prediction-button {\n color: @mantle !important;\n\n .channel-points-icon svg {\n color: @mantle !important;\n }\n\n &.fixed-prediction-button--disabled {\n color: @text !important;\n\n .channel-points-icon svg {\n color: @text !important;\n }\n }\n }\n [style*=\"rgb(255, 255, 255)\"] {\n color: @base !important;\n .channel-root,\n .channel-info-content,\n .chat-author__display-name,\n .chatter-name,\n &[data-a-target=\"chat-message-username\"],\n &.message-author__display-name {\n color: @text !important;\n }\n }\n\n .chatter-name [style*=\"rgb(255, 255, 255)\"] {\n color: @text !important;\n }\n\n [style=\"color: rgb(56, 122, 255);\"] {\n color: @blue !important;\n }\n [style=\"color: rgb(245, 0, 155);\"] {\n color: @pink !important;\n }\n\n /* FrankerFaceZ uptime timer */\n .ffz-il-tooltip__container {\n p,\n figure.ffz-i-flag {\n color: @text;\n }\n }\n\n [data-a-target=\"preview-card-image-link\"] when (@flavor = latte) {\n .tw-media-card-stat,\n p,\n figure.ffz-i-flag {\n color: @base;\n }\n }\n\n /* VOD chapters */\n .preview-card-game-balloon__content .tw-interactable:hover {\n p,\n figure {\n color: @text !important;\n }\n .media-row__image-play-overlay {\n background-color: fade(@base, 80%) !important;\n }\n }\n\n .fixed-prediction-button--blue,\n [style*=\"background-color: rgb(56, 122, 255);\"],\n [style*=\"background: rgb(56, 122, 255);\"] {\n background-color: @blue !important;\n }\n .fixed-prediction-button--pink,\n [style*=\"background-color: rgb(245, 0, 155);\"],\n [style*=\"background: rgb(245, 0, 155);\"] {\n background-color: @pink !important;\n }\n\n input[disabled] {\n background-color: @surface0;\n }\n .chat-wysiwyg-input__placeholder {\n color: @subtext0;\n }\n\n button[aria-label=\"Play\"],\n button[aria-label=\"Pause\"] {\n + div svg {\n color: @subtext0;\n }\n }\n\n [data-a-target=\"video-ad-label\"],\n [data-a-target=\"video-ad-countdown\"] {\n color: @text !important;\n }\n\n /* Override for logo icon */\n .tw-animated-glitch-logo {\n --color-white: @crust;\n }\n\n /* Modals */\n .modal__content {\n color: @text;\n }\n\n /* Leaderboard highlighted username */\n .bits-leaderboard-expanded-top-three-entry__marquee-username,\n .channel-leaderboard-header-runner-up-entry__username,\n .bits-leaderboard-expanded-top-three-entry__username {\n div {\n color: @base !important;\n }\n }\n\n .channel-leaderboard-header-rotating__expand-grabber {\n background: @surface0 !important;\n }\n\n /* Privacy center */\n\n .privacy-center-root__number-item {\n background: @accent;\n color: @base;\n }\n\n .privacy-center-accordion {\n border-color: @accent;\n }\n\n .privacy-center-home-tabs {\n color: @base !important;\n &[aria-selected=\"true\"],\n &:hover {\n color: @surface1 !important;\n }\n }\n\n .home-page__title-container,\n .tw-responsive-wrapper {\n svg path {\n &[fill=\"#fff\"],\n &[fill=\"#FFF\"] {\n fill: transparent !important;\n }\n }\n }\n\n .home-page__title {\n color: @base !important;\n }\n\n .tw-balloon {\n .tw-callout-message__title {\n color: var(--color-text-variable) !important;\n }\n\n .tw-callout__close div.tw-svg {\n fill: var(--color-text-variable) !important;\n }\n }\n\n /* Home page tips and analytics */\n\n .analytics-tip-card {\n color: @base !important;\n\n button {\n color: @base !important;\n }\n }\n\n [class*=\"analyticsTargetProgressCard--\"], .analytics-highlights-card {\n .creator-home-card__icon\n :not(.creator-home-card__icon-background--undefined)\n ~ .creator-home-card__icon-svg {\n color: @base !important;\n }\n }\n\n .creator-home-welcome-title__overlay-text,\n .analytics-highlights-chart-tooltip__label--dark {\n color: @base !important;\n }\n\n .creator-home-focus-position {\n background: linear-gradient(@accent, @base);\n }\n\n /* Shield mode tray */\n\n .shield-mode-icon svg path {\n fill: @peach;\n }\n\n .tray-highlight,\n .chat-input-highlight,\n .shield-mode-shortcut__btn {\n border-color: @peach !important;\n }\n\n /* Shield mode mod view button */\n\n .shield-mode-shortcut__inner,\n .shield-mode-view-toggle--active {\n color: @base;\n background: @peach;\n }\n\n /* Channel points reward cost */\n\n .reward-icon__cost {\n color: @text !important;\n background: fade(@mantle, 60%) !important;\n\n & when (@flavor = latte) {\n color: @base !important;\n background: fade(@text, 60%) !important;\n }\n }\n\n /* Directory banner */\n\n .directory-header-new__banner-cover {\n background:\n linear-gradient(0deg, @base, fade(@mantle, 25%)),\n linear-gradient(90deg, @base, fade(@mantle, 25%));\n }\n\n .home-video when not(@flavor = latte) {\n --color-text-overlay: @text;\n }\n\n /* Cookies and Advertising Choices */\n\n .top-bar--pointer-enabled .consent-banner__content--gdpr-v2,\n .consent-banner {\n a,\n button,\n p {\n color: @base !important;\n }\n\n button:not([data-a-target=\"consent-banner-accept\"]) {\n background-color: fade(@base, 10%);\n }\n }\n\n /* Mod view changelog shadow */\n\n .mod-view-whats-new-list--more-posts-to-see::after {\n background-image: linear-gradient(transparent, @mantle);\n }\n\n /* Unban requests */\n\n .unban-requests-tabs__load-previous {\n background-image: linear-gradient(@mantle, fade(@mantle, 0%));\n }\n\n .unban-requests-action-button__selected {\n color: @base !important;\n background: @accent;\n }\n\n .unban-requests-tabs__load-previous > div {\n background: @surface0;\n }\n\n /* Timestamps, mod actions and deleted messages */\n\n .targeted-mod-action,\n .message__timestamp,\n .vcml-message__timestamp,\n .chat-line__message--deleted {\n color: @subtext0;\n }\n\n /* Suspicious user banner in usercard */\n\n .low-trust-user-banner div {\n color: @text !important;\n }\n\n /* Emote preview */\n\n .chat-input__preview__text {\n color: @base !important;\n }\n\n /* Twitch logo in onboarding screen */\n\n .onboarding-modal-splash-screen__container {\n svg path[fill=\"#fff\"] {\n fill: transparent !important;\n }\n }\n\n /* Stream category subtitle in onboarding screen */\n\n .onboarding-modal-main-list-live-channels-live-channel-card__sub-title {\n color: @subtext0 !important;\n }\n\n /* Subscriptions */\n\n .tier-display {\n color: @mauve;\n }\n\n .tier-display__prime {\n color: @blue;\n }\n\n .sub-badge-progress p,\n .sub-badge-progress__all-badges--text,\n .expired-sub-message {\n color: @subtext0 !important;\n }\n\n .sunlight-modal__content {\n color: @text !important;\n }\n\n .tw-loading-spinner {\n color: @text;\n }\n\n .video-player__container, .clips-root__main {\n & when not(@flavor = latte) {\n --color-text-overlay: @text;\n }\n }\n\n .vertical-selector a:hover {\n background: darken(@accent, 5%);\n }\n\n /* Chat popouts */\n\n div[data-test-selector=\"chat-private-callout-queue__callout-container\"] {\n .tw-callout__close > button {\n color: @base !important;\n }\n div[data-a-target=\"tw-progress-bar-animation\"] {\n background: @base;\n }\n div.tw-progress-bar {\n background: fade(@base, 10%);\n }\n button .tw-svg, svg {\n fill: @base;\n }\n }\n\n /* SUBtember subscribe button */\n\n .gift-subtember-button {\n background: @teal;\n }\n\n .player-controls when (@flavor = latte) {\n --color-text-button-overlay: @base !important;\n --color-background-range-overlay-fill: @base !important;\n --color-text-button-overlay-hover: @mantle !important;\n }\n\n /* Clips watch live prompt */\n\n .watch-live-prompt {\n h5 {\n color: @text !important;\n }\n h6 {\n color: @subtext0 !important;\n }\n }\n\n .clips-top-nav-user {\n .clips-top-nav-user__username,\n .tw-svg {\n color: @text !important;\n }\n }\n\n /* AutoMod caught message */\n\n .chat-line__message--alert {\n border-color: @red !important;\n background-color: @base !important;\n }\n\n .text-fragment--moderated-highlight {\n color: @text !important;\n background-color: fade(@red, 30%) !important;\n }\n\n /* Activity feed icons */\n\n .activity-feed-v2-event--follow {\n color: @pink;\n }\n\n .activity-feed-v2-event--subscription {\n color: @blue;\n }\n\n .activity-feed-v2-event--reward-request,\n .activity-feed-v2-event--raiding {\n color: @yellow;\n }\n\n .activity-feed-v2-event--multi-stage {\n color: @teal;\n }\n\n .activity-feed-v2-event--creator-goal {\n color: @green;\n }\n\n /* Chat message highlights */\n\n div[style*=\"border\"] {\n /* Suspicious user */\n &[style*=\"rgb(255, 130, 128)\"] {\n border-color: @red !important;\n }\n\n /* First message */\n &[style*=\"rgb(255, 117, 230)\"] {\n border-color: @pink !important;\n }\n\n /* Returning chatter */\n &[style*=\"rgb(0, 163, 163)\"] {\n border-color: @teal !important;\n }\n\n /* Raider */\n &[style*=\"rgb(245, 245, 0)\"] {\n border-color: @yellow !important;\n }\n\n /* Mention */\n &[style*=\"rgb(173, 173, 184)\"] {\n border-color: @text !important;\n }\n\n /* Moderator */\n &[style*=\"rgb(0, 168, 101)\"] {\n border-color: @green !important;\n }\n\n /* VIP */\n &[style*=\"rgb(219, 0, 179)\"] {\n border-color: @mauve !important;\n }\n\n /* Subscriber */\n &[style*=\"rgb(82, 139, 255)\"] {\n border-color: @blue !important;\n }\n }\n\n /* \"Account suspended or deactivated\" status banner */\n\n .viewer-card-header__account-status-banner {\n color: @text;\n background-color: @mantle !important;\n }\n\n /* Chat mentions */\n\n .mention-fragment {\n color: @text;\n background-color: @surface0;\n\n &.mention-fragment--recipient {\n color: @base;\n background-color: @text;\n }\n }\n\n /* Clips sharing buttons */\n\n .converter(@bg, @fg: @base) {\n color: @fg !important;\n background-color: @bg;\n\n &:not([disabled]):hover {\n background-color: darken(@bg, 5%);\n }\n }\n\n .converter-youtube-button button {\n .converter(@red);\n }\n\n .converter-instagram-button button {\n .converter(@mauve);\n }\n\n .share-tiktok-button {\n background-image: linear-gradient(135deg, @sky, @red);\n\n button {\n color: @text !important;\n background-color: @mantle;\n\n &:not([disabled]):hover {\n background-color: @surface0;\n }\n }\n }\n\n .clips-root__main .seekbar-bar {\n background-color: @surface0 !important;\n }\n\n /* Clips editor timeline */\n\n .draggable-slider__overlay--purple {\n border-color: @accent;\n background-color: fade(@accent, 30%);\n }\n\n .draggable-slider-handle--purple {\n background-color: @accent;\n --color-white: @base;\n }\n\n .clip-editor-timeline-background {\n background-color: @base;\n }\n\n .clip-editor-slider-popover {\n color: @base;\n background-color: @text;\n }\n\n /* Pinned message shadow */\n .pinned-chat__scrollable-area__gradient {\n background-image: linear-gradient(180deg, transparent 60%, @mantle);\n }\n\n /* What's new mod view icon */\n .whats-new-button--has-new-posts {\n color: @green;\n }\n\n /* Guest star thumbnail border */\n .guest-star-live-card-border {\n background-image: linear-gradient(180deg, @mauve 0, @teal 61.98%, @blue);\n }\n\n /* Guest Star circle buttons */\n\n .guest-star-circle-button:not(\n .guest-star-circle-button--inverted,\n .guest-star-circle-button--alert\n ),\n .guest-star-circle-button__dropdown:not(\n .guest-star-circle-button__dropdown--inverted,\n .guest-star-circle-button__dropdown--alert\n ) {\n background-color: @mantle;\n &:hover {\n background-color: var(--color-hinted-grey-5);\n }\n\n & when (@flavor = latte) {\n --color-hinted-grey-5: @subtext0;\n color: @base;\n background-color: @text;\n &:hover {\n background-color: var(--color-hinted-grey-5);\n }\n }\n }\n\n .guest-star-circle-button--inverted,\n .guest-star-circle-button__dropdown--inverted {\n color: @base;\n border-color: @base;\n & when (@flavor = latte) {\n color: @text;\n border-color: @text;\n }\n }\n\n /* End Stream Together button */\n .guest-star-circle-button--alert {\n color: @base;\n }\n\n /* Guest Star What's new icon */\n .notification-icon--green svg {\n fill: @green;\n }\n\n .video-player__overlay when (@flavor = latte) {\n --color-text-pill: @base;\n }\n\n /* Polls */\n .community-highlight-stack__card {\n .container--default {\n background-color: @base;\n }\n\n .container--winner p {\n color: @base !important;\n }\n\n .choice-progress__fill--default {\n background-color: @surface0;\n }\n\n .top-poll-community-points-contributor {\n color: @green;\n }\n }\n\n /* Channel points rewards - Learn more */\n [class*=\"rewardsLearnMoreHeadersDark\"],\n [class*=\"rewardsLearnMoreExpandedView\"] {\n background-color: @base;\n }\n\n .footer__link, .footer__link:hover {\n color: @text;\n }\n\n .footer__glitch\n path[d=\"m18 17 4-4V2H6v15h4v4l4-4h4zM12 6h2v6h-2V6zm7 0h-2v6h2V6z\"] {\n fill: @text;\n }\n\n .bits-leaderboard-expanded__collapse {\n svg {\n fill: @surface0;\n }\n }\n\n .tw-channel-status-text-indicator {\n color: @base;\n }\n\n .player-captions-container {\n .player-captions-container__caption-line[style*=\"; color: rgb(255, 255, 255)\"] {\n color: if(@flavor = latte, @base, @text) !important;\n }\n }\n\n article {\n .tw-callout-message {\n color: @base;\n }\n .tw-callout__close svg {\n fill: @base !important;\n }\n div.tw-root--theme-dark, div.tw-root--theme-light {\n .tw-callout-message {\n color: @subtext0;\n }\n\n .tw-callout__close svg {\n fill: @text !important;\n }\n }\n }\n\n .vod-seekbar-preview-overlay__wrapper [class^=\"CoreText-sc-\"] {\n color: @text !important;\n }\n\n #chapter-select-popover-body .media-row {\n --color-text-overlay: @text;\n --color-background-interactable-selected: @surface0;\n .media-row__image-wrapper figure {\n color: @text;\n }\n }\n }\n}\n\n@-moz-document domain(\"dashboard.twitch.tv\") {\n .tw-root--theme-dark {\n #catppuccin(@darkFlavor);\n }\n .tw-root--theme-light {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n\n .edit-video-properties-modal__content {\n --color-background-float: @base;\n }\n\n .simplebar-content {\n background-color: @mantle;\n }\n\n .scrollable-area--suppress-scroll-x > .simplebar-scroll-content,\n .scrollable-area--suppress-scroll-x\n > .simplebar-scroll-content\n > .simplebar-content {\n background-color: @base;\n }\n\n .sunlight-page .simplebar-scroll-content .simplebar-content {\n background-color: @base;\n }\n .info_box_row {\n background: @crust;\n }\n .info_box_row_label {\n color: @text;\n }\n .video-card-thumbnail__video-state-overlay {\n color: @text !important;\n background: fade(@mantle, 80%) !important;\n }\n\n /* Twitch alerts */\n\n .alerts-home-main-wrapper {\n color: @text !important;\n }\n\n .alerts-home-scrollable-area,\n .alert-boxes-section-border-container {\n color: @text !important;\n .simplebar-content {\n background: @mantle !important;\n }\n .alert-set-card {\n background: @crust !important;\n }\n }\n\n /* Analytics */\n\n .top-stats-tab--active {\n color: @accent !important;\n box-shadow: 0 calc(var(--border-width-default) * -3) 0 @accent inset;\n .top-stats-tab__title {\n color: @accent !important;\n }\n }\n\n .top-stats-tab:hover {\n box-shadow: inset 0 -2px 0 @accent, 0 4px 6px -4px @accent;\n background: @base !important;\n }\n\n /* Stream Manager */\n\n .stream-manager--page-view {\n .mosaic-tile .simplebar-content,\n .stream-manager-edit-mode-item,\n .stream-manager-edit-mode-stat-item {\n background: @mantle !important;\n }\n }\n\n /* Autohost / managed channels list */\n\n .dashboard-centered-page {\n --color-background-alt: @base;\n .simplebar-scroll-content,\n .simplebar-content {\n background: transparent !important;\n }\n\n .autohost-list-item--hovered {\n color: @text;\n background: @base;\n\n button svg path {\n fill: @text !important;\n }\n }\n }\n\n /* Research */\n\n .time-to-stream-tab--active {\n box-shadow: 0 calc(var(--border-width-default) * -3) 0 @accent inset;\n }\n\n /* Collection thumbnails */\n\n .collection-preview-image__wrapper {\n color: @text !important;\n background: linear-gradient(\n 90deg,\n fade(@mantle, 0%),\n fade(@mantle, 100%) 75%\n );\n }\n\n /* AutoMod shadow */\n\n .automod-level-controls__categories--bottom::after {\n background-image: linear-gradient(fade(@mantle, 0%), @mantle);\n }\n\n /* Tables */\n\n .tw-table,\n .tw-table-heading {\n border-color: @surface0;\n background: @crust;\n }\n\n /* Achievements & activity page */\n\n .ach-sb,\n .activity-page__scrollable .simplebar-content {\n background: @mantle !important;\n }\n\n /* Clips player background */\n\n .clips-player-container {\n background: @crust;\n }\n\n .clmgr-table__row {\n &:hover {\n background: @surface0 !important;\n }\n }\n\n /* Announcements button */\n\n .announcements-icon--green svg {\n fill: @green !important;\n }\n\n /* Achievements */\n\n .ach-q-item {\n &.ach-q-item--expanded {\n box-shadow: 0 0 0 1px @accent;\n }\n\n [data-test-selector=\"is-affiliate-banner\"] {\n span,\n a {\n color: @base !important;\n }\n }\n\n .quest-progress-bars__incomplete {\n background-color: @surface0 !important;\n }\n }\n\n [data-target=\"video-card\"] {\n background: @mantle !important;\n }\n\n /* Stream Manager quick actions */\n\n .quick-action,\n .quick-actions-store-card-layout--top {\n color: @base;\n\n &.quick-action--purple,\n &.quick-actions-store-card-layout--purple {\n background-color: @mauve;\n }\n\n &.quick-action--blue,\n &.quick-actions-store-card-layout--blue {\n background-color: @blue;\n }\n\n &.quick-action--magenta,\n &.quick-actions-store-card-layout--magenta {\n background-color: @pink;\n }\n\n &.quick-action--green,\n &.quick-actions-store-card-layout--green {\n background-color: @green;\n }\n\n &.quick-action--red,\n &.quick-actions-store-card-layout--red {\n background-color: @red;\n }\n\n &.quick-action-layout--disabled {\n color: @subtext0;\n background-color: @surface0;\n }\n }\n\n /* Stream Manager statistics */\n .sunlight-tile {\n background-color: @crust;\n }\n\n .creator-home-card__icon-background--yellow {\n background-color: @yellow;\n }\n\n .stream-manager--page-view .mosaic-window-body,\n .sunlight-expanded-nav-drop-down-menu-layout__scrollable-area,\n .sunlight-collapsed-nav-drop-down-menu__scrollable-area {\n background-color: @mantle;\n }\n\n [class*=\"progressContainer--\"] {\n background-color: @surface0;\n }\n }\n}\n\n@-moz-document domain(\"dev.twitch.tv\"),\n url-prefix(\"https://discuss.dev.twitch.com/embed/topics\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.css-variables();\n\n &,\n body {\n color: @text !important;\n background: @base;\n --primary-medium: @text;\n --primary-low: @surface0;\n scrollbar-color: @surface0 @mantle;\n }\n\n a.btn,\n button.btn {\n border-color: @accent;\n background: @accent !important;\n color: @base !important;\n }\n\n a.btn:hover,\n button.btn:hover {\n background: fade(@accent, 80%) !important;\n }\n\n /* Recent announcements */\n .topics-list .topic-list-item .main-link a {\n color: @accent;\n }\n\n .topic-created-at,\n .topic-last-posted-at,\n .topic-like-count,\n .topic-post-count {\n color: @subtext0 !important;\n }\n\n /* Header */\n .nav__container,\n .dev-top-nav {\n background: @crust !important;\n\n .tw-link,\n .dev-top-nav__nav-items-container {\n color: @text !important;\n background: @crust !important;\n }\n .online {\n border-color: @crust !important;\n }\n a.btn.light {\n background: fade(@accent, 10%) !important;\n color: @text !important;\n }\n .nav__links a {\n color: @text;\n\n &:hover {\n color: @subtext0;\n }\n &.active {\n color: @accent;\n border-color: @accent;\n }\n }\n .nav__logo svg path {\n fill: @text;\n }\n }\n\n /* Footers */\n .footer,\n .dev-footer,\n .subscribe-footer {\n h5,\n p,\n a,\n div {\n color: @text !important;\n }\n a:hover {\n color: @accent !important;\n }\n\n svg path {\n fill: @text !important;\n }\n\n background: @crust;\n }\n\n .bright-cta {\n * {\n color: @mantle !important;\n }\n background: @accent;\n }\n .content-alternate-2 {\n background: @base;\n }\n\n .sandbox-tab {\n color: @text !important;\n }\n\n .why-twitch ul li {\n background: @base;\n border-color: @surface0 !important;\n }\n\n .sandbox-tab.active {\n color: @accent !important;\n border-color: @accent !important;\n }\n\n .hero,\n .extension-cta,\n .subscribe-footer {\n background: @mantle;\n }\n\n thead tr th {\n border-color: @surface0;\n background: @mantle;\n }\n\n tbody tr td {\n border-color: @surface0;\n }\n\n tbody tr:nth-child(odd) {\n background: @base !important;\n }\n tbody tr:nth-child(even) {\n background: @mantle !important;\n }\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n hr {\n color: @text !important;\n border-color: @surface0 !important;\n }\n\n .right-code {\n p {\n color: @subtext0;\n }\n background-color: @base !important;\n }\n\n blockquote {\n border-color: @accent;\n background: @mantle;\n }\n\n .content,\n .main,\n .topics-list,\n .doc-content {\n background: @base;\n border-color: @base !important;\n a {\n color: @accent;\n }\n border-bottom-color: @surface0 !important;\n border-image: none;\n -webkit-border-image: none;\n }\n\n code {\n border-color: @accent !important;\n background: fade(@accent, 5%) !important;\n color: @text !important;\n }\n\n /* Code */\n .right-code pre,\n pre.highlight,\n pre {\n border-color: @mantle !important;\n background: @mantle !important;\n code {\n background: transparent !important;\n color: @text !important;\n }\n }\n\n /* Pills */\n .pill-new {\n color: @base !important;\n background: @accent !important;\n }\n .pill-beta {\n color: @base !important;\n background: @yellow !important;\n }\n\n /* Navbar */\n .sidebar {\n background: @mantle !important;\n dl {\n border-color: @base !important;\n }\n dt a,\n dl dd a {\n color: @text !important;\n }\n dl dd a.active-highlight {\n color: @accent !important;\n }\n dl dd a.active-highlight::before {\n border-left-color: @accent !important;\n }\n dt a:hover {\n background: @base !important;\n }\n\n /* Search */\n\n input {\n color: @text;\n &::placeholder {\n color: @subtext0;\n }\n &:focus {\n background: @crust !important;\n box-shadow: 0 0 3px 1px fade(@accent, 70%);\n color: @text;\n }\n }\n\n .search-icon svg path {\n fill: @text !important;\n }\n\n .algolia-autocomplete {\n .algolia-docsearch-suggestion--category-header {\n color: @text !important;\n background: @mantle !important;\n border-color: @base !important;\n }\n\n .algolia-docsearch-suggestion--highlight {\n background: @accent !important;\n color: @base !important;\n }\n\n .algolia-docsearch-suggestion--content {\n background: @mantle !important;\n }\n\n .algolia-docsearch-suggestion--title {\n color: @text !important;\n }\n\n .algolia-docsearch-suggestion--text {\n color: @subtext0 !important;\n }\n\n .ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content {\n .algolia-docsearch-suggestion--title,\n .algolia-docsearch-suggestion--text {\n background: @crust !important;\n .algolia-docsearch-suggestion--highlight {\n background: @base !important;\n }\n }\n }\n }\n }\n\n ul.grid li.story {\n h4 a,\n a.btn {\n color: @text !important;\n }\n a {\n color: @accent !important;\n }\n .story__links a {\n color: @base !important;\n }\n\n border-color: @surface0;\n }\n\n .submission .relative .outer {\n svg path {\n fill: @text;\n }\n button {\n border-color: @accent !important;\n }\n\n .tag button {\n background: @accent !important;\n border-color: @accent !important;\n }\n\n .author {\n color: @subtext0 !important;\n }\n background: @mantle;\n }\n }\n}\n",
|
|
"originalDigest": "32745ddcb3a0168d12b0a4332be24e447c3cc12c",
|
|
"_id": "3f688b69-f8fb-455e-9129-cf6e0e4faefc",
|
|
"_rev": 1780236867098,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 5
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Searchix Catppuccin",
|
|
"description": "Soothing pastel theme for Searchix",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/searchix/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Searchix Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/searchix",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/searchix",
|
|
"version": "2025.12.05",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/searchix/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Asearchix",
|
|
"description": "Soothing pastel theme for Searchix",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Searchix Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/searchix\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/searchix\n@version 2025.12.05\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/searchix/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Asearchix\n@description Soothing pastel theme for Searchix\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"searchix.ovh\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n --bg: @base;\n --accent-bg: @mantle;\n --text: @text;\n --text-light: @subtext0;\n --accent: @accent;\n --accent-hover: @accent;\n --accent-error: fade(@red, 20%);\n --border: @overlay0;\n --code: @lavender;\n --preformatted: @text;\n --disabled: @crust;\n\n dialog {\n color: var(--text);\n }\n }\n}\n",
|
|
"originalDigest": "948812411a551e9362a97ebca3c5e98b237b6826",
|
|
"_id": "ec99b001-ba0a-4bfb-87da-b5ca8f56268d",
|
|
"_rev": 1780236867200,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 6
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Arch Wiki Catppuccin",
|
|
"description": "Soothing pastel theme for Arch Wiki",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/arch-wiki/catppuccin.user.less",
|
|
"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": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/arch-wiki/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aarch-wiki",
|
|
"description": "Soothing pastel theme for Arch Wiki",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": null,
|
|
"default": "latte",
|
|
"options": [
|
|
{
|
|
"name": "latte",
|
|
"label": "Latte",
|
|
"value": "latte"
|
|
},
|
|
{
|
|
"name": "frappe",
|
|
"label": "Frappé",
|
|
"value": "frappe"
|
|
},
|
|
{
|
|
"name": "macchiato",
|
|
"label": "Macchiato",
|
|
"value": "macchiato"
|
|
},
|
|
{
|
|
"name": "mocha",
|
|
"label": "Mocha",
|
|
"value": "mocha"
|
|
}
|
|
]
|
|
},
|
|
"darkFlavor": {
|
|
"type": "select",
|
|
"label": "Dark Flavor",
|
|
"name": "darkFlavor",
|
|
"value": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"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 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/arch-wiki/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aarch-wiki\n@description Soothing pastel theme for Arch Wiki\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"wiki.archlinux.org\") {\n :root.skin-theme-clientpref-os,\n .vector-feature-night-mode-enabled,\n .skin-invert,\n .notheme {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n :root.skin-theme-clientpref-night {\n #catppuccin(@darkFlavor);\n }\n\n :root.skin-theme-clientpref-day {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n #content table,\n #content h1,\n #content h2,\n #content h3,\n #content h4,\n #content h5,\n #content pre,\n #content code,\n #content tt {\n color: @text !important;\n }\n\n body.skin-vector-2022 .vector-sticky-header {\n color: @text !important;\n background-color: @mantle !important;\n border-bottom-color: @blue !important;\n }\n\n #vector-main-menu-pinned-container,\n #vector-page-tools-pinned-container {\n background-color: @base !important;\n }\n\n #ooui-php-191,\n #preferences .mw-htmlform-submit-buttons {\n background-color: @mantle !important;\n }\n\n .mw-echo-ui-notificationItemWidget-content-message-header,\n .oo-ui-labelElement-label {\n color: @text !important;\n }\n\n .oo-ui-optionWidget-selected {\n background-color: @surface2 !important;\n }\n\n .oo-ui-buttonElement-framed.oo-ui-widget-disabled\n > .oo-ui-buttonElement-button {\n background-color: @surface0 !important;\n color: @text !important;\n border-color: @surface2 !important;\n filter: brightness(0.4);\n cursor: not-allowed;\n }\n\n .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td {\n background-color: @surface1 !important;\n }\n\n .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {\n background-color: @surface2 !important;\n }\n\n .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(odd) td,\n .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled\n .oo-ui-tagMultiselectWidget-handle,\n .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined\n .oo-ui-tagItemWidget.oo-ui-widget-enabled,\n .mw-rcfilters-ui-cell.mw-rcfilters-ui-filterTagMultiselectWidget-views-select,\n .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,\n .oo-ui-popupWidget-popup,\n .mw-echo-ui-notificationItemWidget,\n .mw-echo-ui-placeholderItemWidget {\n background-color: @surface0 !important;\n }\n\n .mw-echo-ui-notificationsInboxWidget-toolbarWrapper {\n background-color: @base !important;\n }\n\n #archnavbar {\n background-color: @mantle !important;\n border-bottom-color: @blue !important;\n }\n .mw-parser-output {\n background-color: @base !important;\n }\n\n .mw-page-container {\n background-color: @base !important;\n }\n\n .vector-header-container {\n background-color: @base !important;\n }\n\n #content,\n header.mw-header li:not(.new),\n #mw-panel-toc,\n #mw-navigation li:not(.new),\n #mw-panel li:not(.new),\n #column-one li:not(.new),\n #footer {\n a:not([role=\"button\"], .new) {\n color: @blue !important;\n }\n }\n\n @media screen {\n html.client-darkmode {\n background-color: @base;\n }\n }\n\n .vector-feature-zebra-design-disabled,\n body {\n background-color: @base;\n }\n\n #archnavbarlogo {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1\" width=\"600\" height=\"126\"><path d=\"M159.568 34.427c-8.89-.014-16.267 1.809-19.12 2.803l-2.937 15.857c-.007.058 14.617-3.9 21.059-3.667 10.665.383 11.646 4.076 11.46 9.06.182.292-2.752-4.503-11.979-4.664-11.64-.2-28.069 4.122-28.046 21.692-.314 19.765 14.764 25.579 25.032 25.686 9.232-.168 13.563-3.496 15.934-5.28 3.115-3.257 6.679-6.532 10.078-10.462-3.216 5.844-6.005 9.884-8.907 12.977v2.611l14.033-2.361.096-38.144c-.143-5.399 3.096-26.057-26.703-26.108m-2.016 33.21c5.817.08 12.488 2.948 12.497 9.849.03 6.277-7.863 9.651-12.996 9.598-5.135-.053-11.949-4.036-11.979-10.155.099-5.47 6.426-9.432 12.478-9.291zm37.972-29.685-.095 63.166 16.348-3.15.027-35.814c.004-5.333 7.62-11.564 17.178-11.464 2.028-3.67 5.84-13.05 6.77-15.183-21.351-.051-21.623 6.137-25.336 9.18-.04-5.806-.013-9.292-.013-9.292zm92.002 8.292c-.158-.074-8.526-9.788-25.35-9.864-15.758-.262-33.433 5.847-33.716 32.27.138 23.232 16.979 32.311 33.805 32.488 18.007.187 25.172-11.26 25.602-11.543-2.149-1.863-10.196-9.837-10.196-9.837s-5.027 7.157-14.779 7.248c-9.755.093-18.234-7.54-18.354-18.189-.125-10.65 7.795-16.419 18.427-16.885 9.205-.002 14.516 5.943 14.516 5.943zm20.606-30.399-15.434 3.628.115 82.277 15.204-2.745.172-38.72c.033-4.06 5.874-10.295 15.626-10.097 9.325.097 11.41 6.215 11.384 6.988l.269 44.824 14.993-2.65.057-47.53c.099-4.574-10.018-14.233-26.28-14.302-7.729.012-12.009 1.762-14.187 3.052-3.726 2.879-7.985 5.637-12.17 9.157 3.869-4.97 7.117-8.407 10.29-10.961z\" fill=\"@{text}\" fill-rule=\"evenodd\"/><path d=\"m360.136 17.218 6.962-1.742.33 82.95-7.074 1.204zm18.928 24.757 6.101-2.716.052 59.478-5.892 1.217zm-1.45-21.448 4.92-4.015 4.086 4.547-4.921 4.121zm19.024 20.365 6.962-1.421.033 12.434c.001.534 3.823-13.89 22.258-13.57 17.9.1 20.827 13.957 20.73 17.064l.221 43.725-6.102 1.324-.035-43.189c.07-1.261-2.79-11.927-15.439-11.966-12.646-.037-21.409 9.186-21.393 15.078l.1 38.047-7.07 1.847zm110.954 58.546-6.962 1.42-.033-12.433c-.001-.534-3.825 13.89-22.258 13.57-17.9-.1-20.827-13.957-20.73-17.064l-.221-43.725 7.397-1.494.114 43.19c.003 1.18 1.416 12.096 14.065 12.135 12.646.037 21.506-7.616 21.569-19.139l-.09-34.076 6.885-1.757zm13.645-59.037-4.882 3.82 18.717 24.494-19.963 28.3 5.179 3.843 18.766-26.28 19.368 26.902 4.791-3.82-20.757-28.765 16.56-23.262-5.092-4.305-15.085 21.525zM61.88 1.778c-5.385 13.203-8.633 21.839-14.629 34.649 3.676 3.896 8.188 8.434 15.516 13.559-7.878-3.242-13.252-6.497-17.267-9.874-7.673 16.011-19.695 38.818-44.09 82.65 19.174-11.068 34.037-17.893 47.889-20.497a35 35 0 0 1-.91-8.213l.023-.614c.304-12.284 6.694-21.73 14.264-21.09 7.57.642 13.454 11.126 13.15 23.41-.058 2.312-.319 4.536-.774 6.598 13.701 2.68 28.405 9.487 47.32 20.407-3.73-6.866-7.059-13.056-10.238-18.95-5.007-3.882-10.23-8.933-20.884-14.402 7.323 1.903 12.566 4.099 16.653 6.552C75.58 35.786 72.963 27.79 61.88 1.778\" fill=\"@{blue}\" fill-rule=\"evenodd\"/><path d=\"M576.771 93.265V80.603h-4.73v-1.695h11.38v1.695h-4.75v12.662zm8.629 0V78.908h2.859l3.398 10.166q.47 1.42.686 2.125.245-.784.764-2.301l3.437-9.99h2.556v14.357h-1.831V81.25l-4.172 12.016h-1.714l-4.152-12.222v12.222h-1.832\" font-weight=\"400\" font-size=\"8.441\" font-family=\"DejaVu Sans Mono\" fill=\"@{subtext1}\"/></svg>'\n );\n background: url(\"data:image/svg+xml,@{svg}\") !important;\n background-size: 190px 40px !important;\n }\n .cdx-text-input__input:enabled:focus {\n border-color: @blue;\n box-shadow: @blue !important;\n }\n\n .archwiki-template-box-tip {\n background-color: hsla(90, 90%, 65%, 0.2) !important;\n border-color: hsla(90, 90%, 75%, 0.2);\n color: @subtext1;\n }\n\n .archwiki-template-box-note {\n background-color: hsla(208, 100%, 61%, 0.25) !important;\n border-color: hsla(208, 100%, 81%, 0.25) !important;\n color: @subtext1;\n }\n\n .archwiki-template-box-warning {\n background-color: hsla(7, 99%, 60%, 0.25) !important;\n border-color: hsla(7, 99%, 80%, 0.25) !important;\n color: @subtext1;\n }\n\n .firstHeading {\n color: @accent !important;\n }\n\n #content {\n border-color: @overlay0;\n }\n\n #content pre:not([class*=\"CodeMirror\"]),\n #content code,\n #content tt {\n background-color: @surface0;\n color: @text;\n border-color: @overlay0;\n }\n\n .vector-pinned-container {\n border-color: @overlay0 !important;\n }\n\n .vector-pinnable-header-label {\n color: @text;\n }\n\n .vector-pinnable-header-toggle-button,\n .vector-pinnable-header-unpin-button {\n color: @mantle;\n background-color: @accent;\n border-color: @base;\n }\n\n .wikitable {\n background-color: @base;\n }\n\n .wikitable > tr > th,\n .wikitable > tr > td,\n .wikitable > * > tr > th,\n .wikitable > * > tr > td {\n color: @text;\n border-color: @crust;\n }\n\n .wikitable > tr > th,\n .wikitable > * > tr > th {\n background-color: @mantle;\n color: @text;\n }\n\n .pre {\n color: @mantle;\n }\n\n .mw-headline {\n color: @text;\n }\n\n .plainlinks,\n .archwiki-template-man,\n .external text {\n color: multiply(@blue, #555);\n }\n\n .cdx-button:enabled.cdx-button--weight-quiet,\n .cdx-button.cdx-button--fake-button--enabled,\n .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet,\n .diff-context,\n .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,\n .oo-ui-checkboxInputWidget [type=\"checkbox\"] + span {\n background-color: @surface0;\n color: @text;\n border-color: @surface2;\n }\n\n .vector-feature-zebra-design-disabled,\n #contentSub:not(:empty) {\n color: @surface0 !important;\n }\n\n .mw-editfont-monospace {\n background-color: @surface0;\n color: @text;\n border-color: @surface1;\n }\n\n .diff-deletedline,\n .mw-message-box-warning {\n background-color: @yellow;\n color: @mantle;\n }\n\n .diff-addedline {\n background-color: @sky;\n color: @mantle;\n }\n\n .mw-message-box-error {\n background-color: @flamingo;\n border-color: @red;\n color: @base;\n }\n\n .mw-number-text {\n color: @text;\n }\n\n .cdx-checkbox__icon {\n background-color: @surface0;\n }\n\n .oo-ui-checkboxInputWidget.oo-ui-widget-enabled\n [type=\"checkbox\"]:checked\n + span,\n .cdx-checkbox__input:enabled:checked + .cdx-checkbox__icon,\n .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive {\n background-color: @blue;\n border-color: @sapphire;\n color: @mantle !important;\n }\n\n .vector-feature-zebra-design-disabled,\n #vector-toc-pinned-container,\n .vector-toc::after {\n background: linear-gradient(rgba(255, 255, 255, 0), @base) !important;\n }\n\n #archnavbar ul li.anb-selected a {\n color: @accent !important;\n }\n\n .archwiki-template-message {\n background-color: @base;\n }\n\n .catlinks {\n background-color: @mantle;\n }\n\n .mw-parser-output p {\n color: @text !important;\n }\n\n .archwiki-template-meta-related-articles {\n background-color: @surface0;\n }\n\n .archwiki-template-meta-related-articles p {\n color: @text;\n border-bottom-color: @blue;\n }\n\n .archwiki-template-meta-related-articles ul li a {\n color: @blue important;\n }\n\n .mw-plusminus-neg,\n a.new {\n color: @red !important;\n }\n\n .mw-plusminus-pos {\n color: @green;\n }\n\n .mw-plusminus-null {\n color: @subtext0;\n }\n\n .oo-ui-textInputWidget .oo-ui-inputWidget-input,\n .mw-widget-dateInputWidget-handle,\n .oo-ui-buttonElement-framed.oo-ui-widget-enabled\n > .oo-ui-buttonElement-button,\n #pagehistory li.selected {\n background-color: @surface0 !important;\n color: @text !important;\n border-color: @surface2 !important;\n }\n\n .oo-ui-menuSelectWidget {\n background-color: @surface0;\n border-color: @surface2;\n }\n\n .oo-ui-OptionWidget-highlighted {\n background-color: @overlay0 !important;\n }\n\n .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget,\n .minoredit,\n .comment {\n color: @text;\n }\n\n .mw-footer-container {\n color: @text !important;\n }\n\n #archnavbarlist li a {\n color: @blue !important;\n }\n\n .anb-selected {\n color: @subtext1 !important;\n }\n\n .mw-footer li {\n color: @text;\n }\n\n .vector-main-menu,\n .vector-pinnable-element {\n background-color: @base !important;\n }\n\n #p-navigation ul li a {\n color: @blue !important;\n }\n\n .archwiki-template-box-note a {\n color: @blue !important;\n }\n\n .archwiki-template-box-note a:visited {\n color: @mauve !important;\n }\n\n .mw-page-title-main {\n color: @text;\n }\n\n .vector-tab-noicon mw-list-item a {\n color: @blue;\n }\n\n .mw-header {\n background-color: @base !important;\n color: @text;\n }\n\n .mw-footer li a {\n color: @blue;\n }\n\n .cdx-text-input__input:enabled {\n background-color: @surface0 !important;\n color: @text !important;\n border-color: @surface1;\n }\n\n .cdx-button:enabled,\n .cdx-button.cdxbutton--fake-button--enabled {\n color: @mantle;\n background-color: @accent;\n border-color: @base;\n }\n\n .cdx-menu {\n background-color: @surface0;\n }\n\n .cdx-menu:hover {\n background-color: @base !important;\n }\n\n .anb-home {\n color: @text !important;\n }\n\n .vector-dropdown-content {\n background-color: @base !important;\n }\n\n .mw-headline::before {\n color: @accent !important;\n }\n\n .cdx-button {\n background-color: @base !important;\n color: @text !important;\n border-color: @base !important;\n }\n\n .mw-body {\n background-color: @base !important;\n color: @text !important;\n border-color: @base !important;\n }\n\n .mw-search-profile-tabs {\n background-color: @base !important;\n color: @text !important;\n border-color: @base !important;\n }\n\n .mw-content-ltr {\n background-color: @base !important;\n }\n\n .vector-sticky-pinned-container::after {\n background: @base !important;\n }\n\n .cdx-search-input {\n border-color: @mantle !important;\n }\n\n .oo-ui-widget:hover {\n background-color: @surface0 !important;\n }\n }\n}\n",
|
|
"originalDigest": "1ef6bfd3c7a58912766796e6ca2c3a00ce8553fa",
|
|
"_id": "1b5e3a1a-7aab-4e68-b826-8d424e155cee",
|
|
"_rev": 1780236867232,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 7
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Modrinth Catppuccin",
|
|
"description": "Soothing pastel theme for Modrinth",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/modrinth/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Modrinth Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/modrinth",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/modrinth",
|
|
"version": "2026.04.13",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/modrinth/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Amodrinth",
|
|
"description": "Soothing pastel theme for Modrinth",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Modrinth Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/modrinth\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/modrinth\n@version 2026.04.13\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/modrinth/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Amodrinth\n@description Soothing pastel theme for Modrinth\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"modrinth.com\") {\n .light,\n .light-mode,\n .light-properties,\n html {\n #catppuccin(@lightFlavor);\n }\n\n .dark,\n .dark-mode,\n .oled-mode,\n :root[data-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n // TODO: Use Catppuccin palette colors? `fade()`-ed?\n @shadow: if(@flavor = latte, #dbdfef, #010409);\n\n #css-variables() !important;\n\n // homepage\n .blob-demonstration,\n .blob-demonstration::after {\n background: linear-gradient(\n 0deg,\n fade(@accent, 20%),\n fade(@base, 10%)\n ) !important;\n }\n .logo-banner path {\n fill: @accent !important;\n }\n .logo-banner > svg > g > rect {\n display: none;\n }\n\n [tabindex=\"0\"]:focus-visible,\n a:focus-visible,\n button:focus-visible {\n outline-color: @accent;\n }\n\n .BDVE3s9MFQttmbMUeYup-2 a b,\n .BDVE3s9MFQttmbMUeYup-2 a strong {\n color: @accent;\n }\n\n // dropdown icon\n .multiselect__select::before {\n border-color: @text transparent transparent;\n color: @text;\n }\n // header button hover\n .btn-wrapper:hover {\n a,\n button {\n --tw-brightness: none !important;\n }\n }\n .nuxt-loading-indicator {\n background: @accent !important;\n }\n\n #css-variables() {\n --text-color: @text;\n --color-base: @text;\n --color-bg: @crust;\n --color-secondary: @subtext0;\n --color-ad-raised: @surface2;\n --color-ad: @surface1;\n --color-ad-highlight: @teal;\n --color-brand: @accent;\n --color-brand-green: @green;\n --color-button-bg-active: @overlay0;\n --color-button-bg-selected: fade(@accent, 25%);\n --color-button-bg-hover: @surface1;\n --color-button-bg: @surface0;\n --color-button-text-hover: @text;\n --color-button-text: @subtext1;\n --color-button-text-active: @text;\n --color-button-text-selected: @accent;\n --color-divider: @surface0;\n --color-divider-dark: @surface2;\n --color-heading: @text;\n --color-icon: @text;\n --color-link-active: @sapphire;\n --color-link-hover: @sky;\n --color-link: @blue;\n --color-raised-bg: @base;\n --color-blue: @sapphire;\n --color-special-blue: @sapphire;\n --color-orange: @peach;\n --color-special-orange: @peach;\n --color-purple: @mauve;\n --color-special-purple: @mauve;\n --color-red: @red;\n --color-gray: @subtext0;\n --color-special-gray: @subtext0;\n --color-green: @green;\n --color-text: @subtext1;\n --color-text-dark: @text;\n --color-text-inactive: @overlay1;\n --color-brand-highlight: fade(@accent, 25%);\n --color-brand-inverted: @shadow;\n --color-table-alternate-row: @crust;\n --color-table-border: @overlay0;\n --color-contrast: @text;\n --color-accent-contrast: @mantle;\n --color-red-highlight: fade(@red, 25%);\n --color-orange-highlight: fade(@peach, 25%);\n --color-green-highlight: fade(@accent, 25%);\n --color-blue-highlight: fade(@blue, 25%);\n --color-purple-highlight: fade(@mauve, 25%);\n --color-gray-highlight: fade(@text, 25%);\n --color-red-bg: fade(@red, 20%);\n --color-orange-bg: fade(@peach, 25%);\n --color-green-bg: fade(@accent, 25%);\n --color-blue-bg: fade(@blue, 25%);\n --color-purple-bg: fade(@mauve, 25%);\n --color-brand-shadow: @accent;\n --color-warning-banner-side: @red;\n --color-warning-banner-bg: fade(@red, 25%);\n --color-warning-banner-text: @text;\n --color-platform-fabric: @rosewater;\n --color-platform-quilt: @mauve;\n --color-platform-forge: @lavender;\n --color-platform-neoforge: @peach;\n --color-platform-liteloader: @sky;\n --color-platform-bukkit: @peach;\n --color-platform-bungeecord: @yellow;\n --color-platform-folia: @green;\n --color-platform-paper: @red;\n --color-platform-purpur: @mauve;\n --color-platform-spigot: @yellow;\n --color-platform-velocity: @teal;\n --color-platform-waterfall: @blue;\n --color-platform-sponge: @yellow;\n --color-platform-ornithe: @teal;\n --color-platform-bta-babric: @green;\n --color-platform-legacy-fabric: @lavender;\n --color-platform-nilloader: @pink;\n --color-button-border: fade(@crust, 20%);\n --color-tooltip-bg: @surface1;\n --color-tooltip-text: @subtext1;\n --landing-green-label: @accent;\n --landing-green-label-bg: fade(@accent, 10%);\n --landing-blue-label: @blue;\n --landing-color-heading: @text;\n --landing-color-subheading: @subtext0;\n --landing-border-color: @overlay0;\n --landing-blue-label-bg: fade(@blue, 10%);\n --landing-border-gradient: linear-gradient(\n to bottom right,\n @overlay0,\n @surface2\n );\n --brand-gradient-strong-bg: linear-gradient(\n 270deg,\n fade(@accent, 5%) 10%,\n fade(@accent, 15%)\n );\n --brand-gradient-border: fade(@accent, 10%);\n\n --surface-1: @crust;\n --surface-1-5: mix(@crust, @mantle, 50%);\n --surface-2: @mantle;\n --surface-2-5: mix(@mantle, @base, 50%);\n --surface-3: @base;\n --surface-4: @surface0;\n --surface-5: @surface2;\n\n --color-text-primary: @text;\n --color-text-default: @subtext1;\n --color-text-tertiary: @subtext0;\n }\n }\n}\n",
|
|
"originalDigest": "d26dadb357a5eddc216ee720225b8dad8d7d176a",
|
|
"_id": "9e65380e-c0cc-4275-9d51-84b38b7b04c3",
|
|
"_rev": 1780236867321,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 8
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Startpage Catppuccin",
|
|
"description": "Soothing pastel theme for Startpage",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/startpage/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Startpage Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/startpage",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/startpage",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/startpage/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Astartpage",
|
|
"description": "Soothing pastel theme for Startpage",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Startpage Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/startpage\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/startpage\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/startpage/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Astartpage\n@description Soothing pastel theme for Startpage\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"startpage.com\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n &,\n body {\n --sx-accent: @accent;\n --sx-background: @base;\n --sx-border: @surface0;\n --sx-tabLinkHover: @teal;\n --sx-foreground: @text;\n --sx-foregroundAlt: @subtext1;\n --sx-foregroundEmphasis: lighten(@text, 10%);\n --sx-popupBackground: @surface0;\n --sx-popupForeground: @text;\n --sx-popupForegroundEm: @text;\n --sx-popupUrl: @blue;\n --sx-buttonHighlight: @accent;\n --sx-loadingBars: @mantle;\n --sx-darkIcons: @crust;\n --sx-arrowButtonBackground: @text;\n --sx-arrowButtonForeground: @text;\n }\n\n .css-nguon6 button {\n color: @accent;\n border-color: @accent;\n }\n\n .css-fg9wif,\n .header,\n .wp-qi-sb__result,\n .linkHover,\n .footer__container {\n background: @mantle !important;\n }\n\n body {\n color: @text;\n }\n\n body,\n .layout-web,\n .layout-web__body,\n .ex-qi-kp:not(.ex-qi-kp--light, .ex-qi-kp--night, .ex-qi-kp--air)\n .sx-kp-infobox-wrap\n .sx-infobox\n tr:not(.sx-heading-row)\n > *,\n .w-gl {\n background: @base !important;\n }\n\n .wp-qi-sb__result {\n border-color: @mantle !important;\n }\n\n .wp-qi-sb__top-square-img {\n border-bottom-color: @mantle !important;\n }\n\n /* fonts */\n .w-gl__result-title,\n .inline-nav-menu__link,\n .wp-qi-sb__title {\n color: @text !important;\n }\n\n .w-gl__result,\n .search-filter-time__dropdown,\n .search-filter-region__dropdown,\n .search-filter-family__field-label,\n .wp-qi-sb__extract {\n color: @subtext1 !important;\n }\n\n .w-gl__result-url {\n color: @accent !important;\n }\n\n .wp-qi-sb__expand-text,\n .inline-nav-menu__link__active,\n .inline-nav-menu__link:hover {\n color: @green !important;\n }\n\n .inline-nav-menu__link__active,\n .inline-nav-menu__link__post-link:hover {\n border-bottom-color: @green !important;\n }\n\n .pagination .num--active {\n background: @flamingo !important;\n border-color: @flamingo !important;\n }\n\n .pagination__num:hover,\n .pagination__next-prev-button:hover {\n background: @blue !important;\n border-color: @blue !important;\n }\n\n header {\n background-color: @mantle !important;\n }\n\n .w-gl__result-title:visited {\n color: @lavender !important;\n }\n }\n}\n",
|
|
"originalDigest": "243eb22c8c46f61ed4a9a16f93927c298bc7cb50",
|
|
"_id": "19072ced-0a7f-406e-8ad8-9eb2e47c20f3",
|
|
"_rev": 1780236867355,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 9
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Twitter Catppuccin",
|
|
"description": "Soothing pastel theme for Twitter",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/twitter/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Twitter Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/twitter",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/twitter",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/twitter/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Atwitter",
|
|
"description": "Soothing pastel theme for Twitter",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": null,
|
|
"default": "latte",
|
|
"options": [
|
|
{
|
|
"name": "latte",
|
|
"label": "Latte",
|
|
"value": "latte"
|
|
},
|
|
{
|
|
"name": "frappe",
|
|
"label": "Frappé",
|
|
"value": "frappe"
|
|
},
|
|
{
|
|
"name": "macchiato",
|
|
"label": "Macchiato",
|
|
"value": "macchiato"
|
|
},
|
|
{
|
|
"name": "mocha",
|
|
"label": "Mocha",
|
|
"value": "mocha"
|
|
}
|
|
]
|
|
},
|
|
"darkFlavor": {
|
|
"type": "select",
|
|
"label": "Dark Flavor",
|
|
"name": "darkFlavor",
|
|
"value": null,
|
|
"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": null,
|
|
"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": null,
|
|
"default": "0",
|
|
"options": null
|
|
},
|
|
"darkenShadows": {
|
|
"type": "checkbox",
|
|
"label": "Darken Shadows on Dark Themes",
|
|
"name": "darkenShadows",
|
|
"value": null,
|
|
"default": "1",
|
|
"options": null
|
|
}
|
|
}
|
|
},
|
|
"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 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/twitter/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Atwitter\n@description Soothing pastel theme for Twitter\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n\n@var checkbox colorizeLogo \"Colorize Logo\" 0\n@var checkbox darkenShadows \"Darken Shadows on Dark Themes\" 1\n==/UserStyle== */\n\n@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"twitter.com\"), domain(\"x.com\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n body.LightsOut {\n --border-color: @surface0;\n --color: @overlay1;\n --color-emphasis: @text;\n --hover-bg-color: @surface0;\n\n // shadows\n .r-qo02w8,\n .r-15ce4ve {\n @default-shadow:\n fade(@text, 20%) 0 0 15px,\n fade(@text, 15%) 0 0 3px 1px;\n @black-shadow:\n rgba(0, 0, 0, 0.4) 0 0 15px,\n rgba(0, 0, 0, 0.35) 0 0 3px 1px;\n\n box-shadow: @default-shadow;\n\n & when (@darkenShadows = 1) {\n box-shadow: if(@flavor = latte, @default-shadow, @black-shadow);\n }\n }\n\n .r-1tbvlxk {\n @default-shadow: drop-shadow(fade(@text, 25%) 1px -1px 1px);\n @black-shadow: drop-shadow(rgba(0, 0, 0, 0.5) 1px -1px 1px);\n\n filter: @default-shadow;\n\n & when (@darkenShadows = 1) {\n filter: if(@flavor = latte, @default-shadow, @black-shadow);\n }\n }\n\n .r-1uusn97 {\n @default-shadow:\n fade(@text, 20%) 0 0 5px,\n fade(@text, 15%) 0 1px 4px 1px;\n @black-shadow:\n rgba(0, 0, 0, 0.4) 0 0 5px,\n rgba(0, 0, 0, 0.35) 0 1px 4px 1px;\n\n box-shadow: @default-shadow;\n\n & when (@darkenShadows = 1) {\n box-shadow: if(@flavor = latte, @default-shadow, @black-shadow);\n }\n }\n }\n\n body,\n .PageContainer,\n #placeholder {\n background-color: @base !important;\n color: @text;\n }\n\n #ScriptLoadFailure span {\n color: @text;\n }\n\n [style*=\"scrollbar-color: rgb(62, 65, 68) rgb(22, 24, 28)\"] {\n scrollbar-color: @accent transparent !important;\n scrollbar-width: thin;\n }\n\n // bg color\n [data-testid=\"primaryColumn\"],\n .r-kemksi {\n background-color: @base;\n }\n\n // arrow on account switcher\n .r-cqee49 {\n color: @base;\n }\n\n // top nav bg color\n .r-5zmot {\n background-color: fade(@base, 75%);\n }\n\n // element hover (when on base)\n .r-1hdo0pc,\n .r-pjtv4k {\n background-color: fade(@text, 10%);\n }\n\n // element active (when on base)\n .r-11gmi9o {\n background-color: fade(@text, 20%);\n }\n\n .r-1cuuowz {\n background-color: fade(@text, 3%);\n }\n\n // text\n .r-1nao33i {\n color: @text;\n }\n\n // white text, seems to appear on accent colors\n .r-jwli3a {\n color: if(@flavor = latte, #fff, @crust);\n\n // cw svg\n &:has(\n path[d=\"M3.693 21.707l-1.414-1.414 2.429-2.429c-2.479-2.421-3.606-5.376-3.658-5.513l-.131-.352.131-.352c.133-.353 3.331-8.648 10.937-8.648 2.062 0 3.989.621 5.737 1.85l2.556-2.557 1.414 1.414L3.693 21.707zm-.622-9.706c.356.797 1.354 2.794 3.051 4.449l2.417-2.418c-.361-.609-.553-1.306-.553-2.032 0-2.206 1.794-4 4-4 .727 0 1.424.192 2.033.554l2.263-2.264C14.953 5.434 13.512 5 11.986 5c-5.416 0-8.258 5.535-8.915 7.001zM11.986 10c-1.103 0-2 .897-2 2 0 .178.023.352.067.519l2.451-2.451c-.167-.044-.341-.067-.519-.067zm10.951 1.647l.131.352-.131.352c-.133.353-3.331 8.648-10.937 8.648-.709 0-1.367-.092-2-.223v-2.047c.624.169 1.288.27 2 .27 5.415 0 8.257-5.533 8.915-7-.252-.562-.829-1.724-1.746-2.941l1.438-1.438c1.53 1.971 2.268 3.862 2.33 4.027z\"]\n ) {\n color: @text;\n }\n }\n\n // borders\n .r-1kqtdi0,\n .r-1roi411 {\n border-color: @surface0;\n }\n\n .r-1igl3o0 {\n border-bottom-color: @surface0;\n }\n\n .r-2sztyj {\n border-top-color: @surface0;\n }\n\n .r-1aihyag {\n border-right-color: @surface0;\n }\n\n .r-1wyyjkm {\n border-left-color: @subtext0; // border when replying to a dm\n }\n\n // is this post relevant to you?\n .r-1ccsd61,\n .r-xzxzvz {\n border-color: @surface2;\n }\n\n .r-gu4em3,\n .r-1bnu78o,\n .r-z32n2g, // search bar\n .r-1m3jxhj {\n background-color: @surface0;\n }\n\n // base color border\n .r-1xc7w19 {\n border-color: @base;\n }\n\n // active border for dms\n .r-1pbtemp {\n border-right-color: @accent;\n }\n\n // accent color borders\n .r-vhj8yc {\n border-color: @accent;\n }\n\n // magnifying glass in search bar\n .r-1bwzh9t {\n color: @overlay1;\n }\n\n // right side content\n .r-g2wdr4 {\n background-color: @mantle;\n }\n\n .r-14wv3jr {\n border-color: @mantle;\n }\n\n // bg color accent\n .r-l5o3uw {\n background-color: @accent;\n\n .r-jwli3a {\n color: if(@flavor = latte, #fff, @crust);\n }\n }\n\n // accent element when hovered\n .r-1vtznih {\n background-color: darken(@accent, 10%);\n\n .r-jwli3a {\n color: if(@flavor = latte, #fff, @crust);\n }\n }\n\n .r-1peqgm7 {\n background-color: fade(@accent, 10%);\n }\n\n // accent element when active\n .r-yuvema {\n background-color: darken(@accent, 15%);\n\n .r-jwli3a {\n color: if(@flavor = latte, #fff, @crust);\n }\n }\n\n .r-r18ze4 {\n background-color: fade(@accent, 20%);\n }\n\n // white elements when hovered\n .r-jc7xae {\n background-color: darken(@text, 4%);\n }\n\n // white elements when active\n .r-6wtuen {\n background-color: darken(@text, 8%);\n }\n\n // tooltips\n .r-1pr99xn {\n background-color: @surface1;\n }\n\n // new notifications\n .r-1eltapf {\n background-color: fade(@sapphire, 10%);\n }\n\n // polls\n .r-eok2q2 {\n background-color: fade(@accent, 60%);\n }\n\n // box shadow around active poll input box\n .r-9cip40 {\n box-shadow: @accent 0 0 0 1px;\n }\n\n // spaces\n .r-1blqq69 {\n border-color: @mauve;\n }\n\n // reactions on dms\n .r-qazpri {\n color: @overlay1;\n }\n\n @keyframes r-1wvy3k1 {\n 0% {\n box-shadow: fade(@mauve, 40%) 0;\n }\n\n 100% {\n box-shadow: fade(@mauve, 0%) 0;\n }\n }\n\n [style=\"background-image: linear-gradient(61.63deg, rgb(45, 66, 255) -15.05%, rgb(156, 99, 250) 104.96%);\"] {\n background-image: linear-gradient(\n 61.63deg,\n @blue -15.05%,\n @mauve 104.96%\n ) !important;\n }\n\n // tweet textbox placeholder\n .draftjs-styles_0 .public-DraftEditorPlaceholder-root {\n color: @overlay0;\n }\n\n // who can reply? bg\n .r-rgqbpe {\n background-color: fade(@blue, 10%);\n }\n\n // circles\n .r-s224ru {\n background-color: @green;\n }\n\n .r-h7o7i8 {\n background-color: fade(@green, 10%);\n }\n\n // live indicator\n .r-4nw3r4,\n .r-1dgebii {\n background-color: @red;\n }\n\n // live border\n .r-b5kvu3 {\n border-color: @red;\n }\n\n // red transparent bg (appears with \"unfollow\" hover)\n .r-qqmkd0 {\n background-color: fade(@red, 10%);\n }\n\n // red bg on hover\n .r-12d83nn {\n background-color: darken(@red, 10%);\n }\n\n // red bg when active\n .r-oybae9 {\n background-color: darken(@red, 15%);\n }\n\n .r-11mg6pl {\n border-color: if(@flavor = latte, #fff, @crust); // white border\n }\n\n // mask over layer\n .r-11z020y {\n background-color: fade(desaturate(darken(@accent, 10%), 50%), 12%);\n }\n\n // likes\n [fill=\"rgb(249,22,127)\"],\n [fill=\"rgb(222,45,108)\"],\n g[clip-path=\"url(#__lottie_element_562)\"] path,\n [style=\"color: rgb(249, 24, 128);\"] [viewBox=\"0 0 24 24\"] path {\n fill: @red !important;\n }\n\n // likes when hover\n .r-1krxqcr {\n background-color: fade(@red, 10%);\n }\n\n // likes when active\n .r-uuique {\n background-color: fade(@red, 20%);\n }\n\n // heart svg on notifications page\n .r-vkub15,\n .r-9l7dzd {\n color: @red;\n }\n\n // bell svg on notifications page\n .r-1cvl2hr {\n color: @accent;\n }\n\n // retweet svg on notifications page\n .r-o6sn0f {\n color: @green;\n }\n\n // rt when hover\n .r-15azkrj {\n background-color: fade(@green, 10%);\n }\n\n // rt when active\n .r-1x669os {\n background-color: fade(@green, 20%);\n }\n\n // image won't load svg\n [data-testid=\"card.wrapper\"]\n [d=\"M21.04 1.54L17.5 5.09c-.04-.02-.08-.03-.13-.04L14.3 3H9.7l-3 2H5C3.62 5 2.5 6.12 2.5 7.5v11c0 .46.12.88.34 1.25l-1.3 1.29 1.42 1.42 19.5-19.5-1.42-1.42zM13.7 5l2.33 1.56-2 1.99C13.44 8.2 12.74 8 12 8c-2.21 0-4 1.79-4 4 0 .74.2 1.44.55 2.03L4.5 18.09V7.5c0-.28.22-.5.5-.5h2.3l3-2h3.4zM12 10c.18 0 .35.02.52.07l-2.45 2.45c-.05-.17-.07-.34-.07-.52 0-1.1.9-2 2-2zm7 11H7.24l2-2H19c.28 0 .5-.22.5-.5V9h2v9.5c0 1.38-1.12 2.5-2.5 2.5z\"] {\n color: @overlay0;\n }\n\n // cw button\n .r-n94g0g {\n background-color: fade(@text, 30%); // when hovered\n }\n\n .r-z9i421 {\n background-color: fade(@text, 27%); // when active\n }\n\n .r-19130f6 {\n background-color: @crust; // when hovered\n }\n\n .r-l8tqsx {\n background-color: fade(@text, 10%); // when active\n }\n\n // lock svg when you try to write a commu note but can't\n .r-3gvs5h {\n background-color: @overlay1;\n }\n\n // sunglasses commu note\n .r-1fkb3t2 {\n background-color: @surface1;\n }\n\n // media player text\n .r-jwli3a {\n color: @text;\n }\n\n .r-1kwlb9n {\n background-color: fade(@red, 12%);\n }\n\n // hard-coded shit\n // ugly-ass twitter blue/premium bg. why.\n [style*=\"https://abs.twimg.com/responsive-web/client-web/background-premiumplus-web\"] {\n background-image: none !important;\n background-color: @surface0;\n }\n\n [stroke=\"#2F3336\" i] {\n stroke: @surface2 !important;\n }\n\n [stroke=\"#1D9BF0\" i],\n [style*=\"stroke: rgb(29, 155, 240)\"] {\n stroke: @accent !important;\n }\n\n [stroke=\"#FFD400\" i] {\n stroke: @yellow !important;\n }\n\n [fill=\"#829AAB\" i] {\n fill: @overlay2 !important;\n }\n\n // \"we received your report\" svg\n [fill=\"#1DA1F2\" i] {\n fill: if(@flavor = latte, darken(@sky, 15%), darken(@sky, 30%))\n !important;\n }\n\n [fill=\"#78C6EE\" i] {\n fill: @sky !important;\n }\n\n // yellow verified badge\n [stop-color=\"#f4e72a\" i],\n [stop-color=\"#cd8105\" i],\n [stop-color=\"#cb7b00\" i],\n [stop-color=\"#f4ec26\" i],\n [stop-color=\"#f9e87f\" i],\n [stop-color=\"#e2b719\" i] {\n stop-color: @yellow !important;\n }\n\n [fill=\"#d18800\" i] {\n fill: @yellow !important;\n }\n\n // [fill=\"#333333\" i] {\n // fill: @crust !important;\n //\n // ~ [fill=\"white\"] {\n // fill: @text !important;\n // }\n // }\n\n [style*=\"border-color: rgb(83, 100, 113)\"] {\n border-color: @surface1 !important;\n }\n\n [style*=\"border-color: rgb(51, 54, 57)\"] {\n border-color: @surface0 !important;\n }\n\n [style*=\"border-color: rgb(103, 7, 15)\"] {\n border-color: fade(@red, 50%) !important;\n }\n\n [style*=\"border-color: rgb(29, 155, 240)\"] {\n border-color: @accent !important;\n }\n\n [style*=\"color: rgb(231, 233, 234)\"]:not(\n [style*=\"background-color: rgb(231, 233, 234)\"]\n ),\n [style*=\"color: rgb(239, 243, 244)\"]:not(\n [style*=\"background-color: rgb(239, 243, 244)\"]\n ),\n [style*=\"color: rgb(255, 255, 255)\"]:not(\n [style*=\"background-color: rgb(255, 255, 255)\"]\n ) {\n color: @text !important;\n }\n\n [style*=\"color: rgb(231, 233, 234)\"]:not(\n [style*=\"background-color: rgb(231, 233, 234)\"]\n )\n input::placeholder {\n color: @subtext1 !important;\n }\n\n // faded text\n [style*=\"color: rgb(113, 118, 123)\"]:not(\n [style*=\"background-color: rgb(113, 118, 123)\"]\n ),\n [style*=\"color: rgb(182, 185, 188)\"]:not(\n [style*=\"background-color: rgb(182, 185, 188)\"]\n ) {\n color: @overlay1 !important;\n }\n\n // retweets color\n [style*=\"color: rgb(0, 186, 124)\"]:not(\n [style*=\"background-color: rgb(0, 186, 124)\"]\n ) {\n color: @green !important;\n }\n\n // likes/unfollow color\n [style*=\"color: rgb(249, 24, 128)\"]:not(\n [style*=\"background-color: rgb(249, 24, 128)\"]\n ),\n [style*=\"color: rgb(244, 33, 46)\"]:not(\n [style*=\"background-color: rgb(244, 33, 46)\"]\n ) {\n color: @red !important;\n }\n\n [style*=\"color: rgb(250, 68, 152)\"]:not(\n [style*=\"background-color: rgb(250, 68, 152)\"]\n ) {\n color: @pink !important;\n }\n\n [style*=\"color: rgb(255, 212, 0)\"]:not(\n [style*=\"background-color: rgb(255, 212, 0)\"]\n ) {\n color: @yellow !important;\n }\n\n [style*=\"color: rgb(120, 86, 255)\"]:not(\n [style*=\"background-color: rgb(120, 86, 255)\"]\n ) {\n color: @mauve !important;\n }\n\n [style*=\"color: rgb(255, 122, 0)\"]:not(\n [style*=\"background-color: rgb(255, 122, 0)\"]\n ) {\n color: @peach !important;\n }\n\n // accent color (blue)\n [style*=\"color: rgb(29, 155, 240)\"]:not(\n [style*=\"background-color: rgb(29, 155, 240)\"]\n ) {\n color: @accent !important;\n }\n\n // background colors\n [style*=\"background-color: rgb(142, 205, 248)\"] {\n background-color: lighten(@accent, 10%) !important;\n }\n\n [style*=\"background-color: rgb(2, 17, 61)\"] {\n background-color: fade(@accent, 15%) !important;\n }\n\n [style*=\"background-color: rgba(255, 255, 255, 0.25)\"] {\n background-color: fade(@text, 25%) !important;\n }\n\n [style*=\"background-color: rgb(147, 147, 147)\"] {\n background-color: @overlay0 !important;\n\n // for toggle circle\n + [style*=\"background-color: rgb(250, 250, 250)\"] when not(\n @flavor = latte\n ) {\n background-color: @text !important;\n }\n }\n\n [style*=\"background-color: rgb(29, 155, 240)\"] {\n background-color: @accent !important;\n\n [style*=\"color: rgb(255, 255, 255)\"] {\n color: if(@flavor = latte, #fff, @crust) !important;\n }\n }\n\n [style*=\"background-color: rgb(239, 243, 244)\"] {\n background-color: @text !important;\n\n [style*=\"color: rgb(15, 20, 25)\"] {\n color: if(@flavor = latte, #fff, @crust) !important;\n }\n }\n\n [style*=\"background-color: rgb(244, 33, 46)\"] {\n background-color: @red !important;\n\n [style*=\"color: rgb(255, 255, 255)\"] {\n color: if(@flavor = latte, #fff, @crust) !important;\n }\n }\n\n [style*=\"background-color: rgb(0, 0, 0)\"],\n [style*=\"background-color: #000\"] {\n background-color: @base !important;\n }\n\n [style*=\"background-color: rgba(15, 20, 25, 0.75)\"] {\n background-color: fade(@crust, 75%) !important;\n\n [style*=\"color: rgb(255, 255, 255)\"] svg {\n color: @text !important;\n }\n }\n\n // whatever\n .r-l5o3uw,\n .r-1vtznih,\n .r-4nw3r4,\n .r-12d83nn,\n .r-oybae9,\n .r-yuvema,\n .r-3gvs5h,\n [style=\"background-image: linear-gradient(61.63deg, rgb(45, 66, 255) -15.05%, rgb(156, 99, 250) 104.96%);\"] {\n [style*=\"color: rgb(255, 255, 255)\"]:not(\n [style*=\"background-color: rgb(255, 255, 255)\"]\n ),\n &[style*=\"color: rgb(255, 255, 255)\"]:not(\n [style*=\"background-color: rgb(255, 255, 255)\"]\n ),\n [style*=\"color: rgb(231, 233, 234)\"]:not(\n [style*=\"background-color: rgb(231, 233, 234)\"]\n ),\n &[style*=\"color: rgb(231, 233, 234)\"]:not(\n [style*=\"background-color: rgb(231, 233, 234)\"]\n ),\n [color=\"white\"] {\n color: if(@flavor = latte, #fff, @crust) !important;\n }\n }\n\n [data-testid=\"videoComponent\"]:not(.r-4nw3r4),\n .r-loe9s5,\n .r-drfeu3:has(\n [style=\"background-color: rgba(255, 255, 255, 0.25); border-color: rgba(0, 0, 0, 0); backdrop-filter: blur(4px);\"]\n ) {\n [style*=\"color: rgb(255, 255, 255)\"]:not(\n [style*=\"background-color: rgb(255, 255, 255)\"]\n ),\n &[style*=\"color: rgb(255, 255, 255)\"]:not(\n [style*=\"background-color: rgb(255, 255, 255)\"]\n ),\n .r-jwli3a {\n color: #fff !important;\n }\n }\n\n // dms have to be here bc of the above\n .r-eff69c {\n background-color: darken(@accent, 5%);\n\n [style*=\"color: rgb(255, 255, 255)\"] {\n color: @crust !important;\n }\n }\n\n // follow button\n [data-testid$=\"-follow\"] {\n [style*=\"color: rgb(15, 20, 25)\"] {\n color: if(@flavor = latte, #fff, @crust) !important;\n }\n }\n\n // sports stuff on explore page\n // a[href^=\"/i/events\"] > div > div > div[style^=\"background-color\"] > div[style*=\"color: rgb(255, 255, 255)\"] span {\n // color: #fff !important;\n // }\n\n // options\n & when (@colorizeLogo = 1) {\n path[d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"] {\n fill: @accent !important;\n }\n }\n\n a[aria-label^=\"Translated from\"][aria-label$=\"by Google\"] svg path {\n fill: @text !important;\n }\n }\n}\n\n@-moz-document domain(\"api.twitter.com\"), domain(\"api.x.com\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n\n html {\n background: @mantle;\n }\n\n #header {\n color: @subtext0;\n background: @base;\n border-bottom-color: @surface1;\n\n .logo a {\n border-bottom-color: transparent;\n }\n\n #session {\n a {\n background: transparent;\n color: @subtext0;\n }\n\n h2 img {\n border-color: @surface1;\n }\n }\n }\n\n .footer {\n background: @mantle;\n border-top-color: @surface1;\n }\n\n .auth h2 {\n color: @subtext1;\n }\n\n .oauth #bd {\n border-color: @surface1;\n }\n\n .app-info h3 img {\n border-color: @base;\n }\n\n .permissions.allow strong {\n color: @green;\n }\n\n .button {\n background: @overlay0;\n color: @text;\n border-color: @surface1;\n\n &:hover {\n color: @text;\n border-color: @surface1;\n background: darken(@surface2, 10%);\n }\n }\n\n .button.selected,\n .follow-button .unfollow .button {\n background-color: @accent;\n color: if(@flavor = latte, #fff, @crust);\n border-color: darken(@accent, 10%);\n\n &:hover {\n background-color: darken(@accent, 10%);\n }\n\n .app-info,\n #bd h3 {\n color: @subtext0;\n }\n\n #ft {\n color: @overlay0;\n }\n }\n }\n}\n\n@-moz-document domain(\"twitter.com\"), domain(\"x.com\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n\n #session a,\n #session input,\n #session button {\n background: @surface0;\n color: @subtext0;\n }\n\n #session .user-menu {\n a:focus,\n a:hover,\n button:focus,\n button:hover,\n input:focus,\n input:hover {\n color: if(@flavor = latte, #fff, @crust);\n background-color: @accent;\n }\n }\n\n .notice,\n .notice p,\n h2 {\n color: @subtext1;\n }\n\n .notice.error {\n background: fade(@red, 20%);\n border-color: fade(@red, 25%);\n }\n\n // report page? why isn't this themed\n .ResponsiveLayout--Night .PageContainer {\n background-color: @base;\n }\n\n .list-explanation {\n color: @subtext0;\n }\n\n .ResponsiveLayout--Night .list-btn {\n &:first-of-type {\n border-top-color: @mantle;\n }\n\n &:hover {\n background-color: @mantle;\n }\n }\n\n .submit-btn {\n background-color: @accent;\n color: if(@flavor = latte, #fff, @crust);\n border-color: darken(@accent, 10%);\n }\n\n .submit-btn:hover,\n .redirect-btn:hover {\n background-color: darken(@accent, 10%);\n }\n\n .block-btn {\n color: @maroon;\n border-color: @maroon;\n }\n\n .mute-btn,\n .unfollow-btn,\n .email-report-btn {\n color: @accent;\n border-color: @accent;\n }\n\n .list-btn {\n border-color: @surface1;\n\n &:first-of-type {\n border-top-color: @surface1;\n }\n\n &:hover {\n background-color: @surface0;\n }\n }\n\n // authorize page\n .js #session .user-menu {\n background-color: @surface0;\n }\n\n .dropdown-caret .caret-outer,\n .dropdown-caret .caret-inner {\n border-bottom-color: @surface0;\n }\n }\n}\n",
|
|
"originalDigest": "fe4ee6f02bc2532926061730a37ec8ac6bb39d9f",
|
|
"_id": "98d8ad68-74c0-476b-a35c-26a865c3a3b5",
|
|
"_rev": 1780236867386,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 10
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "cobalt Catppuccin",
|
|
"description": "Soothing pastel theme for cobalt",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/cobalt/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "cobalt Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/cobalt",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/cobalt",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/cobalt/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Acobalt",
|
|
"description": "Soothing pastel theme for cobalt",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name cobalt Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/cobalt\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/cobalt\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/cobalt/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Acobalt\n@description Soothing pastel theme for cobalt\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"cobalt.tools\") {\n [data-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n [data-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n --primary: @base;\n --secondary: @text;\n --gray: @subtext0;\n --blue: @blue;\n --green: @green;\n --red: @maroon;\n --medium-red: @red;\n --dark-red: @red;\n --white: @crust;\n --button: @surface0;\n --button-hover: darken(@surface0, 5%);\n --button-active-hover: darken(@subtext0, 5%);\n --button-elevated: @surface1;\n --button-elevated-hover: darken(@surface1, 5%);\n --button-text: @text;\n --sidebar-bg: @mantle;\n --sidebar-hover: @surface0;\n --sidebar-highlight: @text;\n --input-border: @surface2;\n --popup-bg: @mantle;\n --toggle-bg-enabled: @accent;\n\n #donate-page {\n --donate-gradient-start: @surface1 !important;\n --donate-gradient-end: @surface0 !important;\n }\n\n #banner-left {\n color: @text;\n }\n\n #banner-subtitle {\n color: @subtext0;\n opacity: 1;\n }\n\n .donate-card button {\n color: @text !important;\n }\n\n .donate-card {\n color: @text;\n }\n\n .donate-card-title {\n color: @text;\n }\n\n .donate-card-subtitle {\n color: @subtext0;\n opacity: 1;\n }\n\n #input-container.focused {\n box-shadow: 0 0 0 2px @text inset !important;\n }\n\n #input-dollar-sign {\n color: @text;\n }\n\n #donation-custom-input {\n color: @text !important;\n }\n\n #cobalt-logo path {\n fill: @text;\n }\n\n .sidebar-tab.active {\n background-color: @accent !important;\n }\n }\n}\n",
|
|
"originalDigest": "59f39dc3fa224b1492d2b487db9bbf8291a388b5",
|
|
"_id": "862d5e16-dc9e-4954-be0b-e32ccc6a79f4",
|
|
"_rev": 1780236867460,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 11
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "ChatGPT Catppuccin",
|
|
"description": "Soothing pastel theme for ChatGPT",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "ChatGPT Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/chatgpt",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/chatgpt",
|
|
"version": "2026.03.05",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Achatgpt",
|
|
"description": "Soothing pastel theme for ChatGPT",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": 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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"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 2026.03.05\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Achatgpt\n@description Soothing pastel theme for ChatGPT\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"chatgpt.com\") {\n @import url(\"https://unpkg.com/@catppuccin/highlightjs@1.0.0/css/catppuccin-variables.important.css\");\n\n .light {\n #catppuccin(@lightFlavor);\n }\n\n .dark {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n #lib.css-variables();\n\n &, .popover {\n --text-primary: @text;\n --text-secondary: @subtext1;\n --text-tertiary: @subtext0;\n --text-quaternary: @overlay2;\n --bg-primary: @base;\n --bg-secondary: @surface0;\n --bg-tertiary: @surface1;\n\n --bg-elevated-secondary: @mantle; // sidebar\n\n --main-surface-primary: @base;\n --main-surface-secondary: @surface0;\n --main-surface-tertiary: @surface1;\n --interactive-bg-secondary-hover: @surface1;\n --interactive-bg-secondary-press: @surface0;\n\n --interactive-label-accent-default: @accent; // some dropdowns in settings\n\n --border-light: @surface0;\n --border-default: @surface1;\n --border-medium: @surface2;\n --interactive-border-focus: @overlay0;\n\n --theme-user-msg-bg: @surface0;\n --theme-submit-btn-bg: @accent;\n --theme-submit-btn-text: @base;\n\n --theme-secondary-btn-bg: @surface1;\n --theme-secondary-btn-text: @text;\n\n --sidebar-surface: @mantle; // modal backgrounds\n --sidebar-surface-primary: @mantle; // syntax highlighted code block backgrounds\n\n --surface-hover: @surface0; // some button hovers\n\n --icon-tertiary: @overlay2;\n\n --text-status-error: @red;\n\n // chat input prompt border\n --shadow-color-1: fade(@mantle, 50%);\n --shadow-color-2: fade(@text, 80%);\n\n .__menu-item[data-color=\"danger\"] {\n --menu-item-highlighted: fade(@red, 20%);\n --menu-item-active: fade(@red, 30%);\n --menu-item-open: fade(@red, 30%);\n }\n\n /* Markdown */\n\n code:not([class]) {\n background-color: @surface0;\n }\n\n code[class*=\"language-\"],\n pre[class*=\"language-\"],\n code.hljs {\n color: @text !important;\n }\n\n /* Components */\n\n .btn-primary {\n background-color: @text;\n color: @base;\n }\n\n .btn-purple {\n color: @base;\n background-color: @accent;\n\n &:hover {\n background-color: lighten(@accent, 5%);\n }\n\n &:focus, &:active {\n background-color: darken(@accent, 5%);\n }\n }\n\n .btn-danger-outline {\n color: @red;\n border-color: @red;\n }\n\n .btn-ghost {\n &:not(:disabled) {\n &:hover {\n background-color: @surface0;\n }\n }\n }\n\n /* Dark Overrides */\n .bg-token-bg-primary {\n background-color: var(--bg-primary);\n }\n .bg-token-main-surface-primary {\n background-color: var(--main-surface-primary);\n }\n .bg-token-sidebar-surface {\n background-color: var(--sidebar-surface);\n }\n\n /* Tailwind Utilities */\n .__tailwind-utility(@color, @shade, @value) {\n .text-@{color}-@{shade},\n .dark\\:text-@{color}-@{shade} {\n color: @value;\n }\n .bg-@{color}-@{shade},\n .dark\\:bg-@{color}-@{shade} {\n background-color: @value;\n }\n .border-@{color}-@{shade} {\n border-color: @value;\n }\n .radix-state-checked\\:bg-@{color}-@{shade}[data-state=\"checked\"] {\n background-color: @value;\n }\n }\n\n .__tailwind-utility(green, 600, @green); // confirmation toasts\n .__tailwind-utility(red, 500, @red); // failure toasts\n .__tailwind-utility(blue, 400, @accent); // toggled checkmarks\n .__tailwind-utility(gray, 600, @overlay0); // untoggled checkmarks\n .__tailwind-utility(gray, 500, @overlay2); // faint text in/and dividers\n\n .text-white {\n color: @base;\n }\n\n .bg-black {\n background-color: @mantle;\n }\n }\n }\n}\n\n@-moz-document domain(\"auth.openai.com\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n color: @text;\n\n background-color: @base;\n --main-page-background: @base;\n\n // Logo\n a[href=\"https://chatgpt.com\"] > svg {\n filter: @text-filter;\n }\n\n --text-primary: @text;\n --text-secondary: @subtext1;\n --text-tertiary: @subtext0;\n\n --accent-blue: @accent;\n --link: @accent;\n\n --border-medium: @surface2;\n\n --button-primary-background: @text;\n --button-primary-hover: @subtext1;\n --button-text-on-primary: @base;\n\n --button-outline-hover: @surface0;\n\n --gray-100: @surface2; // divider lines\n\n input {\n color: @text;\n }\n\n [class*=\"_toggleVisibilityButton\"]:where(:hover, :focus-visible)::before {\n background-color: @surface0;\n }\n\n [data-overlay-container] [class*=\"_tooltip\"] {\n --tooltip-background-color: @mantle !important;\n --tooltip-color: @text !important;\n }\n }\n}\n",
|
|
"originalDigest": "bb0f4cca4a5705d7ef0cf81dca53dfbeb064314f",
|
|
"_id": "60e01fba-c46b-4c6a-8404-d68ca36d2b48",
|
|
"_rev": 1780236867489,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 12
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "keybr.com Catppuccin",
|
|
"description": "Soothing pastel theme for keybr.com",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/keybr.com/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "keybr.com Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/keybr.com",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/keybr.com",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/keybr.com/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Akeybr.com",
|
|
"description": "Soothing pastel theme for keybr.com",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name keybr.com Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/keybr.com\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/keybr.com\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/keybr.com/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Akeybr.com\n@description Soothing pastel theme for keybr.com\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"keybr.com\") {\n html[data-color=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n html[data-color=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n html[data-color=\"system\"] {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n --primary-d2: @overlay0;\n --primary-d1: @overlay0;\n --primary: @base;\n --primary-l1: @crust;\n --primary-l2: @mantle;\n --secondary-d1: @subtext0;\n --secondary: @text;\n --secondary-l1: @subtext0;\n --secondary-l2: @accent;\n --secondary-f1: @subtext0;\n --secondary-f2: @subtext0;\n --accent-d2: @accent;\n --accent-d1: @accent;\n --accent: @accent;\n --accent-l1: @accent;\n --accent-l2: @accent;\n --error-d1: @red;\n --error: @red;\n --error-l1: @red;\n --shadow-color: fade(@crust, 88%);\n --slow-key-color: @red;\n --fast-key-color: @green;\n --Chart-speed__color: @green;\n --Chart-accuracy__color: @peach;\n --Chart-complexity__color: @pink;\n --Chart-threshold__color: @maroon;\n --Chart-hist-h__color: @lavender;\n --Chart-hist-m__color: @maroon;\n --Chart-hist-r__color: @mauve;\n --KeyboardKey-pointer__color: @accent;\n --KeyboardKey-symbol__color: @crust;\n --pinky-zone-color: @green;\n --ring-zone-color: @teal;\n --middle-zone-color: @yellow;\n --left-index-zone-color: @blue;\n --right-index-zone-color: @maroon;\n --thumb-zone-color: @mauve;\n --effort-0-color: @crust;\n --effort-1-color: @crust;\n --effort-2-color: @accent;\n --effort-3-color: @accent;\n --Value--more__color: @green;\n --Value--less__color: @red;\n --KeyboardKey-button--depressed__color: @accent;\n --LessonKey--included__color: @crust;\n --LessonKey--uncalibrated__background-color: @surface0;\n --LessonKey--excluded__background-color: @surface0;\n --LessonKey--excluded__color: @overlay0;\n --DailyGoal-bar__color: @accent;\n --KeyboardKey-button__color: @accent;\n --textinput__color: @text;\n --textinput--special__color: @subtext1;\n --textinput--hit__color: @subtext0;\n --textinput--miss__color: @red;\n --syntax-keyword: @mauve;\n --syntax-string: @green;\n --syntax-number: @peach;\n --syntax-comment: @overlay2;\n --MenuItem__background-color: @mantle;\n --MenuItem__color: @text;\n --MenuItem--hover__background-color: @surface0;\n --MenuItem--hover__color: @text;\n --KeyboardKey-symbol--dead__color: @red;\n --KeyboardKey-symbol--ligature__color: @blue;\n --Name-color: @subtext0;\n --Value-color: @accent;\n --effort-color: @accent;\n }\n}\n",
|
|
"originalDigest": "d7c63aa55ac37a48d1ea4207d1a28c1d0c0e5e9d",
|
|
"_id": "512f98d4-dfbf-4e38-bf66-98d415c4048a",
|
|
"_rev": 1780236867542,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 13
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "InvokeAI Catppuccin",
|
|
"description": "Soothing pastel theme for InvokeAI",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/invokeai/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "InvokeAI Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/invokeai",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/invokeai",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/invokeai/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ainvokeai",
|
|
"description": "Soothing pastel theme for InvokeAI",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name InvokeAI Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/invokeai\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/invokeai\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/invokeai/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ainvokeai\n@description Soothing pastel theme for InvokeAI\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document regexp(\"http:\\\\/\\\\/(127\\\\.0\\\\.0\\\\.1|localhost):9090(.*)\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n :root,\n [data-theme]:root {\n --accent-color-dim: lighten(@accent, -10%);\n --accent-color: @accent;\n --accent-color-bright: lighten(@accent, 10%);\n --accent-color-hover: var(--accent-color-bright);\n --root-bg-color: @mantle;\n --background-color: @base;\n --background-color-light: @surface0;\n --background-color-secondary: @base;\n --text-color: @text;\n --text-color-secondary: @subtext0;\n --subtext-color: @subtext1;\n --subtext-color-bright: @subtext0;\n --border-color: @surface1;\n --border-color-light: @surface2;\n --tab-color: @accent;\n --tab-list-bg: @accent;\n --btn-delete-image: @red;\n --status-good-color: @green;\n --status-good-color-glow: lighten(@green, 10%);\n --border-color-invalid: @red;\n --box-shadow-color-invalid: lighten(@red, 5%);\n --tab-panel-bg: var(--background-color-light);\n --tab-hover-color: var(--background-color-secondary);\n --tab-list-text: white;\n --prompt-bg-color: var(--background-color-light);\n --switch-bg-color: var(--background-color-secondary);\n --btn-base-color: var(--background-color-light);\n --btn-base-color-hover: var(--background-color-secondary);\n --destructive-color: @red;\n --slider-color: @lavender;\n --slider-mark-color: var(--slider-color);\n --switch-bg-active-color: var(--accent-color);\n --console-icon-button-bg-color: var(--btn-base-color);\n --console-icon-button-bg-color-hover: var(--btn-base-color-hover);\n --console-bg-color: var(--background-color-light);\n --svg-color: var(--text-color);\n --btn-load-more: var(--background-color-light);\n --tab-list-text-inactive: var(--text-color-secondary);\n }\n\n .invokeai-style-cache-1m5jnul {\n --number-input-color: var(--text-color-secondary) !important;\n }\n\n .invoke-btn,\n .invokeai__button[data-active],\n .site-header-right-side .lang-select-btn[data-selected=\"true\"],\n .site-header-right-side .lang-select-btn[data-selected=\"true\"]:hover,\n button.chakra-button.invokeai__icon-button[data-selected=\"true\"] {\n --svg-color: var(--root-bg-color);\n color: var(--root-bg-color) !important;\n }\n\n .invokeai-style-cache-vs1g06,\n .invokeai-style-cache-vs1g06:hover {\n background-color: var(--background-color-light);\n }\n }\n}\n",
|
|
"originalDigest": "5072bca407281df751e027e04ec0998f07e7aec6",
|
|
"_id": "e3270a16-bc38-4188-9f65-19ca7dd68639",
|
|
"_rev": 1780236867584,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 14
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Elk Catppuccin",
|
|
"description": "Soothing pastel theme for Elk",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/elk/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Elk Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/elk",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/elk",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/elk/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aelk",
|
|
"description": "Soothing pastel theme for Elk",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Elk Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/elk\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/elk\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/elk/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aelk\n@description Soothing pastel theme for Elk\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"elk.zone\") {\n :root.dark {\n #catppuccin(@darkFlavor);\n }\n :root.light {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n --c-primary: @accent !important;\n --c-primary-active: lighten(@accent, 10%) !important;\n --c-primary-light: @surface0 !important;\n --c-border: @surface0 !important;\n --c-border-dark: @surface1 !important;\n --c-bg-base: @base !important;\n --rgb-bg-base: #lib.rgbify(@mantle)[] !important;\n --c-bg-active: @surface0 !important;\n --c-bg-code: @surface0 !important;\n --c-bg-selection: @accent !important;\n --c-bg-fade: @surface0 !important;\n --c-text-base: @text !important;\n --c-text-code: @rosewater !important;\n --c-text-secondary: @subtext0 !important;\n --c-text-secondary-light: @subtext1 !important;\n --c-bg-btn-disabled: @surface1 !important;\n --c-text-btn-disabled: @text !important;\n --c-text-btn: @text !important;\n --c-success: @green !important;\n --c-warning: @yellow !important;\n --c-error: @red !important;\n --c-danger: @red !important;\n --c-danger-active: lighten(@red, 10%) !important;\n --c-bg-dm: @surface0 !important;\n\n .btn-solid,\n [btn-solid=\"\"] {\n color: var(--c-bg-base);\n }\n\n ::-webkit-scrollbar-thumb {\n background: fade(@surface1, 70%);\n }\n\n ::-webkit-scrollbar-thumb:hover {\n background: fade(@surface1, 80%);\n }\n\n [text-red],\n [text-red-600],\n [hover^=\"text-red\"]:hover {\n color: rgba(#lib.rgbify(@red)[], var(--un-text-opacity));\n }\n\n [text-blue],\n [hover^=\"text-blue\"]:hover {\n color: rgba(#lib.rgbify(@blue)[], var(--un-text-opacity));\n }\n\n [text-green],\n [hover^=\"text-green\"]:hover {\n color: rgba(#lib.rgbify(@green)[], var(--un-text-opacity));\n }\n\n [text-yellow],\n [hover^=\"text-yellow\"]:hover {\n color: rgba(#lib.rgbify(@yellow)[], var(--un-text-opacity));\n }\n\n [text-purple],\n [hover^=\"text-purple\"]:hover {\n color: rgba(#lib.rgbify(@lavender)[], var(--un-text-opacity));\n }\n\n [group-hover^=\"bg-purple/10\"]:hover {\n background-color: fade(@lavender, 10%);\n }\n\n .filter-saturate-0,\n [filter-saturate-0=\"\"] {\n filter: none;\n }\n }\n}\n",
|
|
"originalDigest": "78e566ceb53a79093056f9a7c502d71416d9158a",
|
|
"_id": "47bea66e-319e-4594-a024-17b3e1383602",
|
|
"_rev": 1780236867617,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 15
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Spotify Web Catppuccin",
|
|
"description": "Soothing pastel theme for Spotify Web",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/spotify-web/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Spotify Web Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/spotify-web",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/spotify-web",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/spotify-web/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aspotify-web",
|
|
"description": "Soothing pastel theme for Spotify Web",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Spotify Web Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/spotify-web\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/spotify-web\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/spotify-web/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aspotify-web\n@description Soothing pastel theme for Spotify Web\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n@-moz-document domain(\"open.spotify.com\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n .encore-dark-theme,\n .encore-dark-theme .encore-base-set,\n .encore-light-theme,\n .encore-light-theme .encore-base-set,\n .encore-dark-theme .encore-inverted-light-set {\n --background-base: @base;\n --background-highlight: @surface0;\n --background-press: @crust;\n --background-elevated-base: @surface0;\n --background-elevated-highlight: @surface1;\n --background-elevated-press: @crust;\n --background-tinted-base: @crust;\n --background-tinted-highlight: @mantle;\n --background-tinted-press: @base;\n --background-unsafe-for-small-text-base: @base;\n --background-unsafe-for-small-text-highlight: @base;\n --background-unsafe-for-small-text-press: @base;\n --text-base: @text;\n --text-subdued: @subtext1;\n --text-bright-accent: @accent;\n --text-negative: @red;\n --text-warning: @yellow;\n --text-positive: @accent;\n --text-announcement: @sapphire;\n --essential-base: @text;\n --essential-subdued: @subtext1;\n --essential-bright-accent: @accent;\n --essential-negative: @red;\n --essential-warning: @yellow;\n --essential-positive: @green;\n --essential-announcement: @base;\n --decorative-base: @text;\n --decorative-subdued: @surface2;\n }\n .encore-dark-theme .encore-inverted-light-set {\n --background-base: @surface1;\n --background-highlight: @surface0;\n --background-press: @surface1;\n }\n .encore-dark-theme .encore-bright-accent-set {\n --background-base: @accent;\n --background-highlight: @accent;\n --background-press: @accent;\n --background-elevated-base: @accent;\n --background-elevated-highlight: @accent;\n --background-elevated-press: @accent;\n --background-tinted-base: @accent;\n --background-tinted-highlight: @accent;\n --background-tinted-press: @accent;\n --background-unsafe-for-small-text-base: @accent;\n --background-unsafe-for-small-text-highlight: @accent;\n --background-unsafe-for-small-text-press: @accent;\n --decorative-subdued: darken(@accent, 10%);\n }\n .encore-dark-theme .encore-over-media-set {\n --background-base: @mantle;\n --background-highlight: @crust;\n --background-press: @mantle;\n --background-unsafe-for-small-text-base: @mantle;\n --background-unsafe-for-small-text-highlight: @mantle;\n --background-unsafe-for-small-text-press: @mantle;\n --background-elevated-base: @crust;\n --background-elevated-highlight: @crust;\n --background-elevated-press: @mantle;\n --background-tinted-base: @mantle;\n --background-tinted-highlight: @mantle;\n --background-tinted-press: @mantle;\n }\n & when (@flavor = latte) {\n .T1xI1RTSFU7Wu94UuvE6 * {\n background: @surface0 !important;\n }\n .bQthUEx0_U98DJkT1saO,\n .RVRoa p {\n color: @base !important;\n }\n }\n .encore-text {\n color: @text;\n }\n .ydlidzq2hSQrvGXn7yni {\n background: @text;\n color: @crust;\n }\n .encore-dark-theme .encore-base-set > *,\n .encore-dark-theme > * {\n --parents-essential-base: @text;\n }\n .X8yW2lJbFCQfV5GjoRwL {\n --generic-tooltip-background-color: @mantle;\n }\n .SboKmDrCTZng7t4EgNoM {\n background-color: @mantle !important;\n }\n\n #main > * > *,\n .sqKERfoKl4KwrtHqcKOd,\n .HkbHLcqgUfXruL5xVi28,\n .uhDzVbFHyCQDH6WrWZaC,\n .pHrwZOFBdT8FNXnmcPPI {\n background: @crust !important;\n }\n\n /* some borders on the playlist details */\n .ePPpO_NuGDUxVRTw7y6W {\n border-color: @surface0;\n }\n\n // Some animated bar icon\n .uWvwXlS0Da1bWsRX6KOw,\n .n5XwsUqagSoVk8oMiw1x {\n filter: saturate(0) brightness(1.3) !important;\n }\n .eoWRdH,\n .in4OjUTflcsoj9RUpf05 *,\n .gpNta6i8q3KYJC6WBZQC * {\n color: @subtext0 !important;\n }\n ._EShSNaBK1wUIaZQFJJQ {\n box-shadow: 0 4px 20px @mantle;\n }\n .gHImFiUWOg93pvTefeAD,\n .CoLO4pdSl8LGWyVZA00t {\n background: @base !important;\n }\n .mjZrvVI3CxfHJXu7y0Lg,\n .coBkWVskipFo8KxLKief .T1xI1RTSFU7Wu94UuvE6 {\n background-color: @accent !important;\n }\n .ListRowTitle__LineClamp-sc-1xe2if1-0.lmgIvZ *,\n .EaTxqhHk6J4ecKHwpY5m *,\n .SboKmDrCTZng7t4EgNoM *,\n .MfVrtIzQJ7iZXfRWg6eM,\n .Ydwa1P5GkCggtLlSvphs,\n .Fb61sprjhh75aOITDnsJ *,\n .Ai_McRq9wJEYK21w8nX_ *,\n .QZhV0hWVKlExlKr266jo::placeholder,\n .JzZyf6OGCGtdscOZGt8Y.t6HIrX67Lp80Nj6tGauz *,\n .hfdkySA4kiUldFsPj9lD.ZcNcu7WZgOAz_Mkcoff3 *,\n .ListRowTitle__LineClamp-sc-1xe2if1-0 *,\n .FZhaXNtbN3Crwrgd0TA7.control-button,\n .COJ84QbXPrd4jkO1HU2N *,\n .zhQX2DOI2muMo8EKsZ6h,\n .MHIOvvlSYRmF7VAJDLWy,\n .JouuH90_RNAdTj0ZjcCA,\n .r9m6lHy7RyIPDzW1Youe,\n .PDPsYDh4ntfQE3B4duUI,\n .bfQ2S9bMXr_kJjqEfcwA *,\n .QO9loc33XC50mMRUCIvf,\n .G7zO58ORUHxcUw0sXktM,\n .rq2VQ5mb9SDAFWbBIUIn *,\n .lp9Tfm4rsM9_pfbIE0zd,\n .w6j_vX6SF5IxSXrrkYw5,\n .prGqQr33U0mG14TJ5V8a *,\n .BQD_pE0Nva_z6z7CvZww *,\n .W5cB_o0XkkU7Q8tlTGxq,\n .PGSe59fD1Hwc9yUM2d3U a,\n .jb9xD5ECTqKFK02qe3HZ *,\n .X8yW2lJbFCQfV5GjoRwL *,\n .tbvnCR3ZJxmAKY6nRPBe,\n .CmR9tHJ5ta6oWJlKBm3k *,\n .xgmjVLxjqfcXK5BV_XyN.fUYMR7LuRXv0KJWFvRZA,\n .DzWw3g4E_66wu9ktqn36 .home-active-icon,\n .Footer__StyledFooter-sc-xwm5vq-0 *,\n .DzWw3g4E_66wu9ktqn36 .search-active-icon,\n .dYnaPI,\n .home-active-icon,\n .zOsKPnD_9x3KJqQCSmAq,\n .beyOcd3p0PEzhrlKIbU1,\n .oORVTPvg6eTQflVKKgw8 {\n color: @text !important;\n }\n .IjYxRc5luMiDPhKhZVUH:focus-within:not(.tH1iuxCV8NexP4pzEBa4)\n .ObVor_8sQq5whKbtWs8a,\n .IjYxRc5luMiDPhKhZVUH:focus-within:not(.tH1iuxCV8NexP4pzEBa4)\n .PAqIqZXvse_3h6sDVxU0,\n .IjYxRc5luMiDPhKhZVUH:focus-within:not(.tH1iuxCV8NexP4pzEBa4)\n .UudGCx16EmBkuFPllvss\n a,\n .IjYxRc5luMiDPhKhZVUH:focus-within:not(.tH1iuxCV8NexP4pzEBa4)\n .W676nknusnBt8sz19YVV,\n .IjYxRc5luMiDPhKhZVUH:focus-within:not(.tH1iuxCV8NexP4pzEBa4)\n ._TH6YAXEzJtzSxhkGSqu,\n .IjYxRc5luMiDPhKhZVUH:focus-within:not(.tH1iuxCV8NexP4pzEBa4)\n ._TH6YAXEzJtzSxhkGSqu\n a,\n .IjYxRc5luMiDPhKhZVUH:hover:not(.tH1iuxCV8NexP4pzEBa4)\n .ObVor_8sQq5whKbtWs8a,\n .IjYxRc5luMiDPhKhZVUH:hover:not(.tH1iuxCV8NexP4pzEBa4)\n .PAqIqZXvse_3h6sDVxU0,\n .IjYxRc5luMiDPhKhZVUH:hover:not(.tH1iuxCV8NexP4pzEBa4)\n .UudGCx16EmBkuFPllvss\n a,\n .IjYxRc5luMiDPhKhZVUH:hover:not(.tH1iuxCV8NexP4pzEBa4)\n .W676nknusnBt8sz19YVV,\n .IjYxRc5luMiDPhKhZVUH:hover:not(.tH1iuxCV8NexP4pzEBa4)\n ._TH6YAXEzJtzSxhkGSqu,\n .IjYxRc5luMiDPhKhZVUH:hover:not(.tH1iuxCV8NexP4pzEBa4)\n ._TH6YAXEzJtzSxhkGSqu\n a,\n .IjYxRc5luMiDPhKhZVUH.JgERXNoqNav5zOHiZGfG .PAqIqZXvse_3h6sDVxU0,\n .IjYxRc5luMiDPhKhZVUH.JgERXNoqNav5zOHiZGfG .UudGCx16EmBkuFPllvss,\n .IjYxRc5luMiDPhKhZVUH.JgERXNoqNav5zOHiZGfG .UudGCx16EmBkuFPllvss a,\n .IjYxRc5luMiDPhKhZVUH.JgERXNoqNav5zOHiZGfG ._TH6YAXEzJtzSxhkGSqu,\n .IjYxRc5luMiDPhKhZVUH.JgERXNoqNav5zOHiZGfG ._TH6YAXEzJtzSxhkGSqu a,\n .IjYxRc5luMiDPhKhZVUH.JgERXNoqNav5zOHiZGfG .ucB9avGYvzsmzXUOw0S7,\n .IjYxRc5luMiDPhKhZVUH.JgERXNoqNav5zOHiZGfG:hover .PAqIqZXvse_3h6sDVxU0,\n .IjYxRc5luMiDPhKhZVUH.JgERXNoqNav5zOHiZGfG:hover .UudGCx16EmBkuFPllvss,\n .IjYxRc5luMiDPhKhZVUH.JgERXNoqNav5zOHiZGfG:hover .UudGCx16EmBkuFPllvss a,\n .IjYxRc5luMiDPhKhZVUH.JgERXNoqNav5zOHiZGfG:hover ._TH6YAXEzJtzSxhkGSqu,\n .IjYxRc5luMiDPhKhZVUH.JgERXNoqNav5zOHiZGfG:hover ._TH6YAXEzJtzSxhkGSqu a,\n .IjYxRc5luMiDPhKhZVUH.JgERXNoqNav5zOHiZGfG:hover .ucB9avGYvzsmzXUOw0S7,\n .NPv26QCDgdnwsPOlYJmQ div:nth-child(2) {\n color: @subtext1;\n }\n .VKCcyYujazVPj6VkksPM svg path {\n fill: @text;\n }\n .ThG4UqWk7ASXCMm69Opn,\n .BQD_pE0Nva_z6z7CvZww *,\n .k2ndSrHzhAsXBcLqRKYx * {\n color: @overlay2 !important;\n }\n .gqYYMz8DkhaT3e44LcHQ span {\n color: @base;\n }\n *[class*=\"ButtonInner-sc-14ud5tc-0 GBxjH encore-bright-accent-set vq0lsCoYrDUDvkuUIaRg\"]\n * {\n color: @crust !important;\n fill: @crust !important;\n }\n .bk509U3ZhZc9YBJAmoPB {\n background: @mantle;\n }\n .HVCCFeUiHVwZVv74p34a *,\n .mXNT9H2GU7lDW4cGx0q1,\n .uV8q95GGAb2VDtL3gpYa {\n background: @surface0 !important;\n }\n ._VADS4mdajCt5Yuf6KjW,\n .uJjmxe0T11dUVeW6Biz8 {\n background-color: @base;\n }\n .QO9loc33XC50mMRUCIvf {\n background-color: @surface0;\n }\n .QO9loc33XC50mMRUCIvf:focus {\n -webkit-box-shadow: 0 0 0 2px @text;\n box-shadow: 0 0 0 2px @text;\n }\n .QO9loc33XC50mMRUCIvf:hover {\n background-color: @surface1;\n }\n .H6jh9Xd7DNOq3NsLDmCB:active,\n .H6jh9Xd7DNOq3NsLDmCB:focus,\n .H6jh9Xd7DNOq3NsLDmCB:hover {\n color: @text !important;\n }\n .NbcaczStd8vD2rHWwaKv,\n .QZhV0hWVKlExlKr266jo {\n background-color: @surface0;\n color: @text;\n }\n div[role*=\"menuitem\"] {\n background-color: @surface0 !important;\n }\n .H6jh9Xd7DNOq3NsLDmCB,\n .htqz7Vb8mLJvGKTi1vrs,\n .dsbIME {\n color: @text;\n }\n .IconWrapper__Wrapper-sc-1hf1hjl-0 svg {\n color: @crust !important;\n }\n .kPpCsU {\n fill: @text;\n }\n .VgSbatGBB9XwTH2_dsxg .ql0zZd7giPXSnPg75NR0 {\n background: @base !important;\n color: @text;\n }\n .HsbczDqu9qjcYr7EIdHR,\n .rovbQsmAS_mwvpKHaVhQ * {\n background: transparent !important;\n }\n .Z35BWOA10YGn5uc9YgAp,\n .pQmF4tvRpUeLWgPKUcW7 {\n background-color: @crust;\n }\n .S4OmZ_IZexmZ5dasPqW5 {\n background-color: @accent !important;\n }\n .T1xI1RTSFU7Wu94UuvE6[style*=\"background-color:\"] {\n background-color: @accent !important;\n }\n .fIvMht6B9HdROywMNJZ4.hIFR8WDm_54EEIa1gwpC {\n background-color: @accent !important;\n }\n // Explicit icon\n .kpGMQq1KFz620g_BD_dS {\n background-color: @overlay0;\n }\n .link-subtle {\n color: @subtext1;\n &:hover {\n color: @text;\n }\n }\n .c0KyMkxeMCWQGE7cR8s_,\n .s58sp4t3h1uU9n_42KqD,\n .TextForLabel-sc-1jqya9m-0 span {\n color: @base !important;\n }\n // Search cards\n .LunqxlFIupJw_Dkx6mNx {\n background: @mantle !important;\n }\n .bQthUEx0_U98DJkT1saO,\n .RVRoa p {\n color: @text;\n }\n // Social buttons\n .kmZeYl {\n background-color: @mantle;\n &:hover {\n background-color: @crust;\n }\n }\n // Cookie Banner\n #onetrust-banner-sdk {\n background-color: @base !important;\n color: @text !important;\n }\n #onetrust-policy-text,\n .ot-dpd-title,\n .onetrust-policy-title,\n .ot-text-bold {\n color: @text !important;\n }\n .ot-dpd-desc,\n .ot-link-btn {\n color: @text !important;\n }\n #onetrust-consent-sdk #onetrust-policy-title {\n color: @text !important;\n }\n #onetrust-banner-sdk button {\n color: @text !important;\n }\n #onetrust-pc-btn-handler {\n background-color: @base !important;\n }\n // Cookie Settings\n #onetrust-consent-sdk #onetrust-pc-sdk,\n .ot-acc-txt,\n .ot-acc-grpdesc {\n background-color: @base !important;\n }\n #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title,\n #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc,\n #onetrust-consent-sdk #onetrust-pc-sdk h3,\n #onetrust-consent-sdk #onetrust-pc-sdk h5,\n #onetrust-consent-sdk #onetrust-pc-sdk h4,\n #onetrust-consent-sdk #onetrust-pc-sdk h6,\n #onetrust-consent-sdk #onetrust-pc-sdk h2,\n #onetrust-pc-sdk .ot-always-active,\n .ot-acc-txt,\n .ot-acc-grpdesc,\n #onetrust-consent-sdk #onetrust-pc-sdk p {\n color: @text !important;\n }\n #onetrust-pc-sdk .ot-accordion-layout.ot-cat-item {\n border-color: @accent !important;\n border-radius: 8px;\n }\n #onetrust-consent-sdk\n #onetrust-pc-sdk\n button:not(\n #clear-filters-handler,\n .ot-close-icon,\n #filter-btn-handler,\n .ot-remove-objection-handler,\n .ot-obj-leg-btn-handler,\n [aria-expanded],\n .ot-link-btn\n ) {\n background-color: @accent !important;\n border-color: @accent !important;\n }\n // Vendors List\n #onetrust-consent-sdk #onetrust-pc-sdk .ot-sel-all-hdr span {\n color: @text;\n }\n #onetrust-pc-sdk input[type=\"text\"] {\n background-color: @mantle !important;\n border-color: @accent !important;\n }\n #onetrust-pc-sdk .ot-pc-header,\n #onetrust-pc-sdk ul li {\n border-bottom-color: @accent !important;\n border-top-color: @accent !important;\n }\n #ot-ven-lst {\n border-top-color: @accent !important;\n }\n .ot-pc-footer {\n border-top-color: @accent !important;\n }\n #onetrust-pc-sdk li > button {\n border-top-color: @accent !important;\n }\n #onetrust-consent-sdk #onetrust-pc-sdk #ot-sel-blk {\n background-color: @base !important;\n }\n // Sign Up Banner\n .dz_h98rH9nZCwfPdnKgr {\n background-image: none;\n }\n // Icon\n .RfidWIoz8FON2WhFoItU {\n color: @text;\n }\n // Playlist bottom\n .cuLHaM {\n background-color: @base;\n }\n // Left Sidebar\n #Desktop_LeftSidebar_Id {\n background-color: transparent;\n }\n // Sidebar top\n .y2UicQnlTq148rL8Y0jp {\n box-shadow: 0 6px 10px @mantle;\n }\n // Bottom player\n .vnCew8qzJq3cVGlYFXRI {\n background-color: @text;\n }\n .vnCew8qzJq3cVGlYFXRI * {\n fill: @crust;\n }\n\n .rovbQsmAS_mwvpKHaVhQ .PFgcCoJSWC3KjhZxHDYH * {\n fill: @text !important;\n }\n .TywOcKZEqNynWecCiATc {\n --bg-color: @surface1;\n --fg-color: @text;\n --is-active-fg-color: @accent;\n }\n a {\n color: @accent;\n }\n .Ng3dPPA2_1CFYkzPukjM {\n background: @blue;\n }\n .KAZD28usA1vPz5GVpm63.EHxL6K_6WWDlTCZP6x5w::after {\n background-color: @accent;\n }\n .tippy-box[data-theme~=\"activation\"] {\n background-color: @accent;\n color: @crust;\n .c0KyMkxeMCWQGE7cR8s_ *,\n .TextForLabel-sc-1jqya9m-0.kIsEKW {\n color: @crust;\n }\n }\n .YIJxiTuPgMQav316cRqP {\n --generic-tooltip-background-color: @surface0;\n }\n .tippy-arrow {\n color: @surface0 !important;\n }\n .zrvvPyoxE6wQNqnu0yWA,\n .mjprSb2e1tKJpqwvgFSh,\n .jW4eWdr_LUeOXwPpKhWG {\n color: @text;\n background: @surface0;\n }\n input:checked ~ .Js64TOfWtHksI6TQ6knT {\n background: @accent !important;\n }\n .bXJ77rNIJ18Y0GfegQdr + label > :first-child {\n background: @text !important;\n }\n .Z35BWOA10YGn5uc9YgAp:focus-within,\n .Z35BWOA10YGn5uc9YgAp:hover,\n .Z35BWOA10YGn5uc9YgAp[data-context-menu-open=\"true\"] {\n background: @mantle !important;\n }\n .wC9sIed7pfp47wZbmU6m:hover,\n .wC9sIed7pfp47wZbmU6m:not([aria-checked=\"true\"]):focus {\n background: @surface0 !important;\n }\n .DuEPSADpSwCcO880xjUG:not(:first-child) > .QgtQw2NJz7giDZxap2BB::before {\n border-color: @surface0;\n }\n .pSxFsY9Fgcj5f8Gf05mh,\n .qyKJPLjz8o4jnbk92JOn {\n background-color: fade(@crust, 70%);\n }\n .eG930DCaQXDFqjhxRGIs > * {\n background: @crust !important;\n }\n .IconWrapper__Wrapper-sc-1hf1hjl-0.fIXqki svg {\n color: @text !important;\n }\n .IconWrapper__Wrapper-sc-1hf1hjl-0.bjlVXn svg.bneLcE {\n color: @base !important;\n }\n // Shuffle / Loop Icons\n .OF_3F0SQCsBtL1jSTlTA svg,\n .OF_3F0SQCsBtL1jSTlTA::after,\n .tP0mccyU1WAa7I9PevC1 svg,\n .tP0mccyU1WAa7I9PevC1::after {\n color: @accent !important;\n }\n // Full Screen Song Window\n .npv-up-next {\n background-color: @surface0 !important;\n }\n .mbUrqWP55sK6zhspiR72 button {\n color: @text !important;\n }\n .npv-lyrics__text-wrapper--previous p {\n color: @subtext1 !important;\n }\n .npv-lyrics__text-wrapper--current p {\n color: @text !important;\n }\n .npv-lyrics__text-wrapper--next p {\n color: @subtext0 !important;\n }\n .npv-lyrics__text--credits {\n color: @text !important;\n }\n // Context Menus\n div[data-tippy-root],\n #context-menu,\n #hover-or-focus-tooltip,\n .nYdM55iHFByRTzJUmx9X {\n border-radius: 8px;\n background-color: @surface0;\n color: @text;\n }\n }\n}\n",
|
|
"originalDigest": "eb4fb87cd4b574a1f483d7a1c333c558757de398",
|
|
"_id": "5fb838cc-8ad2-437d-a3e2-b194ee4236cc",
|
|
"_rev": 1780236867651,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 16
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "pronouns.cc Catppuccin",
|
|
"description": "Soothing pastel theme for pronouns.cc",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/pronouns.cc/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "pronouns.cc Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/pronouns.cc",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/pronouns.cc",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/pronouns.cc/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Apronouns.cc",
|
|
"description": "Soothing pastel theme for pronouns.cc",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name pronouns.cc Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/pronouns.cc\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/pronouns.cc\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/pronouns.cc/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Apronouns.cc\n@description Soothing pastel theme for pronouns.cc\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"pronouns.cc\") {\n :root[data-bs-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n .bg-dark {\n --bs-bg-opacity: 1;\n background-color: rgba(\n var(--bs-lightt-rgb),\n var(--bs-bg-opacity)\n ) !important;\n }\n }\n :root[data-bs-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n .bg-light {\n --bs-bg-opacity: 1;\n background-color: rgba(\n var(--bs-darkk-rgb),\n var(--bs-bg-opacity)\n ) !important;\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n .form-floating input::placeholder {\n color: transparent !important;\n }\n .form-control:focus {\n border-color: @accent;\n box-shadow: 0 0 0 0.25rem fade(@accent, 25%);\n }\n --bs-border-color: @surface1;\n --bs-border-color-translucent: @surface0;\n .modal {\n --bs-modal-bg: @crust;\n --bs-modal-border-color: var(--bs-border-color-translucent);\n --bs-modal-header-border-color: var(--bs-border-color);\n --bs-modal-footer-border-color: var(--bs-border-color);\n }\n .dropdown-menu {\n --bs-dropdown-link-active-color: @crust;\n --bs-dropdown-link-active-bg: @accent;\n }\n .toast {\n --bs-toast-color: @text;\n background-color: darken(@surface0, 5%);\n }\n .toast-header {\n color: @text;\n background-color: @surface0;\n }\n .toast-body {\n color: @text;\n }\n --bs-badge-color: @text;\n --bs-body-color: @text;\n --bs-body-color-rgb: #lib.rgbify(@text)[];\n --bs-body-bg: @crust;\n --bs-darkk-rgb: #lib.rgbify(@base);\n --bs-lightt-rgb: #lib.rgbify(@base);\n --bs-emphasis-color: @accent;\n --bs-emphasis-color-rgb: #lib.rgbify(@accent)[];\n --bs-secondary-color: @subtext0;\n --bs-secondary-color-rgb: @subtext0;\n --bs-secondary-bg: @base;\n --bs-secondary-bg-rgb: #lib.rgbify(@base)[];\n --bs-tertiary-color: @subtext1;\n --bs-tertiary-color-rgb: @subtext1;\n --bs-tertiary-bg: @surface0;\n --bs-tertiary-bg-rgb: #lib.rgbify(@surface0)[];\n --bs-primary-text-emphasis: @accent;\n --bs-secondary-text-emphasis: @subtext1;\n --bs-success-text-emphasis: @green;\n --bs-info-text-emphasis: @teal;\n --bs-warning-text-emphasis: @yellow;\n --bs-danger-text-emphasis: @red;\n --bs-light-text-emphasis: @subtext0;\n --bs-primary-bg-subtle: @mantle;\n --bs-secondary-bg-subtle: @base;\n --bs-primary-border-subtle: @blue;\n --bs-secondary-border-subtle: @overlay0;\n --bs-success-border-subtle: @green;\n --bs-info-border-subtle: @teal;\n --bs-warning-border-subtle: @yellow;\n --bs-danger-border-subtle: @red;\n --bs-light-border-subtle: @overlay1;\n --bs-dark-border-subtle: @surface1;\n --bs-heading-color: inherit;\n --bs-link-color: @accent;\n --bs-link-color-rgb: #lib.rgbify(@accent)[];\n --bs-link-hover-color: @accent;\n --bs-link-hover-color-rgb: #lib.rgbify(@accent)[];\n\n --bs-code-color: @pink;\n --bs-highlight-color: @rosewater;\n .list-group {\n --bs-list-group-color: var(--bs-body-color);\n --bs-list-group-bg: var(--bs-body-bg);\n --bs-list-group-action-color: var(--bs-secondary-color);\n --bs-list-group-action-hover-color: var(--bs-emphasis-color);\n --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);\n --bs-list-group-action-active-color: var(--bs-body-color);\n --bs-list-group-action-active-bg: var(--bs-secondary-bg);\n --bs-list-group-disabled-color: var(--bs-secondary-color);\n --bs-list-group-disabled-bg: var(--bs-body-bg);\n --bs-list-group-active-color: @base;\n --bs-list-group-active-bg: @accent;\n --bs-list-group-active-border-color: @accent;\n border-radius: var(--bs-list-group-border-radius);\n }\n // navbar\n .navbar {\n --bs-navbar-color: @subtext0;\n --bs-navbar-hover-color: @subtext0;\n --bs-navbar-disabled-color: @subtext1;\n --bs-navbar-active-color: @text !important;\n --bs-navbar-brand-color: @text !important;\n --bs-navbar-brand-hover-color: @text !important;\n --bs-navbar-toggler-border-color: @surface0;\n }\n #colorizedButton(\n @color,\n @bg,\n @border: @bg,\n @hv-color: @color,\n @hv-bg: darken(@bg, 5%),\n @hv-border: @hv-bg,\n ) {\n --bs-btn-color: @color;\n --bs-btn-bg: @bg;\n --bs-btn-border-color: @border;\n\n --bs-btn-hover-color: @hv-color;\n --bs-btn-hover-bg: @hv-bg;\n --bs-btn-hover-border-color: @hv-border;\n\n --bs-btn-active-color: @hv-color;\n --bs-btn-active-bg: @hv-bg;\n --bs-btn-active-border-color: @hv-border;\n\n --bs-btn-focus-shadow-rgb: #lib.rgbify(@bg)[];\n --bs-btn-disabled-color: @color;\n --bs-btn-disabled-bg: @bg;\n --bs-btn-disabled-border-color: @border;\n }\n #coloredButton(@color) {\n #colorizedButton(\n @crust,\n @color,\n @color,\n @hv-color: @crust,\n lighten(@color, 10%),\n );\n }\n //buttons\n .btn-primary {\n #colorizedButton(\n @base,\n @accent,\n @hv-bg: lighten(@accent, 10%),\n );\n }\n .btn-secondary {\n #colorizedButton(@text, @surface0, @hv-bg: @surface1);\n }\n .btn-outline-secondary {\n #colorizedButton(@surface1, transparent, @surface1, @subtext0, @surface1);\n }\n .btn-success {\n #coloredButton(@green);\n }\n .btn-info {\n #coloredButton(@teal);\n }\n .btn-warning {\n #coloredButton(@yellow);\n }\n .btn-danger {\n #coloredButton(@red);\n }\n .form-control {\n &::-webkit-file-upload-button,\n &::file-selector-button {\n background-color: @base;\n }\n &:hover:not(:disabled, [readonly]) {\n &::-webkit-file-upload-button,\n &::file-selector-button {\n background-color: @surface0;\n }\n }\n }\n .btn-close-white,\n .btn-close {\n --bs-btn-close-color: @surface0;\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"@{surface1}\"><path d=\"M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414\"/></svg>'\n );\n --bs-btn-close-bg: url(\"data:image/svg+xml,@{svg}\");\n --bs-btn-close-opacity: 1;\n }\n .navbar-toggler-icon {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\"><path stroke=\"@{surface1}\" stroke-linecap=\"round\" stroke-miterlimit=\"10\" stroke-width=\"2\" d=\"M4 7h22M4 15h22M4 23h22\"/></svg>'\n );\n --bs-navbar-toggler-icon-bg: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n}\n",
|
|
"originalDigest": "5d2beae77f350412693d7d58bb1db2acf282e5c9",
|
|
"_id": "1767ba42-d682-4b02-871a-21748a37378c",
|
|
"_rev": 1780236867695,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 17
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Stylus Catppuccin",
|
|
"description": "Soothing pastel theme for Stylus",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/stylus/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Stylus Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/stylus",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/stylus",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/stylus/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Astylus",
|
|
"description": "Soothing pastel theme for Stylus",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": 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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"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 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/stylus/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Astylus\n@description Soothing pastel theme for Stylus\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document url-prefix(\"moz-extension://\"),\n url-prefix(\"chrome-extension://\") {\n :root {\n &[data-ui-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n &[data-ui-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n --bg: @base;\n --fg: @text;\n --c30: @subtext1;\n --c40: @overlay0;\n --c45: @surface2;\n --c50: @subtext0;\n --c60: @subtext0;\n --c65: @surface2;\n --c75: @overlay1;\n --c80: @surface1;\n --c85: @surface0;\n --c90: @base;\n --c95: @mantle;\n --c97: @mantle;\n --c98: @base;\n --c99: @base;\n --c100: @base;\n --red1: @red;\n --accent-1: @accent;\n --accent-2: @accent;\n --accent-3: fade(@accent, 25%);\n\n .slider {\n --color-on: fade(@accent, 25%);\n --color-off: @surface2;\n }\n\n :focus {\n --focus-color1: @accent !important;\n --focus-color2: fade(@accent, 25%) !important;\n }\n\n .active #filters-stats,\n .dirty #save-button,\n .dirty #save-button + button {\n background-color: @accent;\n border-color: @accent;\n color: @base;\n }\n #header-resizer {\n color: @surface1;\n }\n #message-box-title::before {\n @fade_color: fade(@accent, 67%);\n @svg: escape(\n '<svg version=\"1.1\" viewBox=\"0 0 34.5 34.5\" xmlns=\"http://www.w3.org/2000/svg\"><g transform=\"translate(1.5 1.5)\"><path d=\"M.68 13.5h.14a.68.68 135 0 0 .68-.68V3.68c0-.375-.012-.988.053-1.357.139-.786.622-2.01 2.27-2.272.37-.06.982-.05 1.357-.05h21.64c.375 0 .987-.009 1.358.049 1.676.26 2.15 1.485 2.279 2.273.06.37.043.982.043 1.357v9.14a.68.68 45 0 0 .68.68h.14a.68.68 45 0 1 .68.68v3.64a.68.68 135 0 1-.68.68h-.14a.68.68 135 0 0-.68.68v9.14c0 .375.017.988-.044 1.358-.13.787-.604 2.013-2.279 2.273-.37.057-.982.05-1.358.05H5.18c-.375 0-.987.007-1.358-.052-1.644-.264-2.128-1.487-2.268-2.272-.066-.37-.054-.982-.054-1.357v-9.14a.68.68 45 0 0-.68-.68H.68a.68.68 45 0 1-.68-.68v-3.64a.68.68 135 0 1 .68-.68z\" stroke=\"@{base}\" fill=\"@{accent}\" stroke-linejoin=\"round\" stroke-width=\"2.25\" paint-order=\"stroke fill markers\"/><path d=\"M2.788 15h1.175a.54.54 135 0 0 .537-.537V5.538c0-.297-.017-.78.024-1.074.094-.66.475-1.72 1.94-1.928.294-.042.777-.036 1.074-.036h16.925c.296 0 .78-.006 1.073.038 1.426.211 1.821 1.268 1.928 1.927.047.292.036.776.036 1.072v8.925a.54.54 45 0 0 .538.538h1.175a.54.54 45 0 1 .537.537v.925a.54.54 135 0 1-.537.538h-1.175a.54.54 135 0 0-.538.537v8.925c0 .297.01.78-.04 1.073-.111.658-.51 1.714-1.925 1.927-.293.044-.776.038-1.072.038H7.538c-.297 0-.78.006-1.074-.037-1.434-.211-1.826-1.27-1.93-1.928-.046-.292-.034-.776-.034-1.073v-8.925A.54.54 45 0 0 3.963 17H2.788a.54.54 45 0 1-.538-.538v-.925A.54.54 135 0 1 2.788 15z\" fill=\"black\" stroke-linejoin=\"round\" stroke=\"@{base}\" stroke-width=\"2\" paint-order=\"stroke fill markers\"/><path d=\"M2.788 15h1.175a.54.54 135 0 0 .537-.537V5.538c0-.297-.017-.78.024-1.074.094-.66.475-1.72 1.94-1.928.294-.042.777-.036 1.074-.036h16.925c.296 0 .78-.006 1.073.038 1.426.211 1.821 1.268 1.928 1.927.047.292.036.776.036 1.072v8.925a.54.54 45 0 0 .538.538h1.175a.54.54 45 0 1 .537.537v.925a.54.54 135 0 1-.537.538h-1.175a.54.54 135 0 0-.538.537v8.925c0 .297.01.78-.04 1.073-.111.658-.51 1.714-1.925 1.927-.293.044-.776.038-1.072.038H7.538c-.297 0-.78.006-1.074-.037-1.434-.211-1.826-1.27-1.93-1.928-.046-.292-.034-.776-.034-1.073v-8.925A.54.54 45 0 0 3.963 17H2.788a.54.54 45 0 1-.538-.538v-.925A.54.54 135 0 1 2.788 15z\" fill=\"@{fade_color}\" stroke-linejoin=\"round\" stroke=\"@{base}\" stroke-width=\"2\" paint-order=\"stroke fill markers\"/><path d=\"M21.715 4.974c-1.156-.414-3.115-.889-5.815-.75-.74.039-1.94.174-2.656.366-3.022.81-4.142 2.93-4.516 4.402-.183.716-.217 1.939-.079 2.666.277 1.462 1.486 3.747 6.737 6.126.675.306 1.823.772 2.29 1.34q.07.085.137.181c.422.603.666 1.937.21 2.487a2.2 2.2 0 0 1-.487.424c-.616.405-1.829.62-2.57.65-.895.034-2.145-.023-3.445-.42-.709-.216-1.458.073-1.716.768l-.659 1.775c-.258.695.008 1.641.68 1.951 1.132.522 3.136 1.104 6.159.815.738-.07 1.93-.262 2.637-.482 3.15-.981 4.36-3.28 4.822-4.747.221-.706.333-1.916.24-2.65-.192-1.514-.978-3.965-3.922-5.497-.657-.342-1.812-.69-2.509-.942-.912-.332-2.091-.853-2.759-1.515-.507-.503-.47-1.826-.072-2.445a2.4 2.4 0 0 1 1.253-.976c.695-.247 1.925-.167 2.653-.03.667.125 1.38.305 1.976.476.712.204 1.473-.141 1.72-.84l.466-1.317c.248-.7-.202-1.608-.9-1.857Z\" stroke=\"@{base}\" stroke-width=\"2\" fill=\"@{accent}\" paint-order=\"stroke fill markers\"/></g></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n [src=\"moz-extension://8fc71d5e-96b2-44a4-8d6f-ead6ff4d3c56/images/icon/16.png\"],\n img[src=\"/images/icon/128.png\"] {\n @fade_color: fade(@accent, 67%);\n @svg: escape(\n '<svg version=\"1.1\" viewBox=\"0 0 34.5 34.5\" xmlns=\"http://www.w3.org/2000/svg\"><g transform=\"translate(1.5 1.5)\"><path d=\"M.68 13.5h.14a.68.68 135 0 0 .68-.68V3.68c0-.375-.012-.988.053-1.357.139-.786.622-2.01 2.27-2.272.37-.06.982-.05 1.357-.05h21.64c.375 0 .987-.009 1.358.049 1.676.26 2.15 1.485 2.279 2.273.06.37.043.982.043 1.357v9.14a.68.68 45 0 0 .68.68h.14a.68.68 45 0 1 .68.68v3.64a.68.68 135 0 1-.68.68h-.14a.68.68 135 0 0-.68.68v9.14c0 .375.017.988-.044 1.358-.13.787-.604 2.013-2.279 2.273-.37.057-.982.05-1.358.05H5.18c-.375 0-.987.007-1.358-.052-1.644-.264-2.128-1.487-2.268-2.272-.066-.37-.054-.982-.054-1.357v-9.14a.68.68 45 0 0-.68-.68H.68a.68.68 45 0 1-.68-.68v-3.64a.68.68 135 0 1 .68-.68z\" stroke=\"@{base}\" fill=\"@{accent}\" stroke-linejoin=\"round\" stroke-width=\"2.25\" paint-order=\"stroke fill markers\"/><path d=\"M2.788 15h1.175a.54.54 135 0 0 .537-.537V5.538c0-.297-.017-.78.024-1.074.094-.66.475-1.72 1.94-1.928.294-.042.777-.036 1.074-.036h16.925c.296 0 .78-.006 1.073.038 1.426.211 1.821 1.268 1.928 1.927.047.292.036.776.036 1.072v8.925a.54.54 45 0 0 .538.538h1.175a.54.54 45 0 1 .537.537v.925a.54.54 135 0 1-.537.538h-1.175a.54.54 135 0 0-.538.537v8.925c0 .297.01.78-.04 1.073-.111.658-.51 1.714-1.925 1.927-.293.044-.776.038-1.072.038H7.538c-.297 0-.78.006-1.074-.037-1.434-.211-1.826-1.27-1.93-1.928-.046-.292-.034-.776-.034-1.073v-8.925A.54.54 45 0 0 3.963 17H2.788a.54.54 45 0 1-.538-.538v-.925A.54.54 135 0 1 2.788 15z\" fill=\"black\" stroke-linejoin=\"round\" stroke=\"@{base}\" stroke-width=\"2\" paint-order=\"stroke fill markers\"/><path d=\"M2.788 15h1.175a.54.54 135 0 0 .537-.537V5.538c0-.297-.017-.78.024-1.074.094-.66.475-1.72 1.94-1.928.294-.042.777-.036 1.074-.036h16.925c.296 0 .78-.006 1.073.038 1.426.211 1.821 1.268 1.928 1.927.047.292.036.776.036 1.072v8.925a.54.54 45 0 0 .538.538h1.175a.54.54 45 0 1 .537.537v.925a.54.54 135 0 1-.537.538h-1.175a.54.54 135 0 0-.538.537v8.925c0 .297.01.78-.04 1.073-.111.658-.51 1.714-1.925 1.927-.293.044-.776.038-1.072.038H7.538c-.297 0-.78.006-1.074-.037-1.434-.211-1.826-1.27-1.93-1.928-.046-.292-.034-.776-.034-1.073v-8.925A.54.54 45 0 0 3.963 17H2.788a.54.54 45 0 1-.538-.538v-.925A.54.54 135 0 1 2.788 15z\" fill=\"@{fade_color}\" stroke-linejoin=\"round\" stroke=\"@{base}\" stroke-width=\"2\" paint-order=\"stroke fill markers\"/><path d=\"M21.715 4.974c-1.156-.414-3.115-.889-5.815-.75-.74.039-1.94.174-2.656.366-3.022.81-4.142 2.93-4.516 4.402-.183.716-.217 1.939-.079 2.666.277 1.462 1.486 3.747 6.737 6.126.675.306 1.823.772 2.29 1.34q.07.085.137.181c.422.603.666 1.937.21 2.487a2.2 2.2 0 0 1-.487.424c-.616.405-1.829.62-2.57.65-.895.034-2.145-.023-3.445-.42-.709-.216-1.458.073-1.716.768l-.659 1.775c-.258.695.008 1.641.68 1.951 1.132.522 3.136 1.104 6.159.815.738-.07 1.93-.262 2.637-.482 3.15-.981 4.36-3.28 4.822-4.747.221-.706.333-1.916.24-2.65-.192-1.514-.978-3.965-3.922-5.497-.657-.342-1.812-.69-2.509-.942-.912-.332-2.091-.853-2.759-1.515-.507-.503-.47-1.826-.072-2.445a2.4 2.4 0 0 1 1.253-.976c.695-.247 1.925-.167 2.653-.03.667.125 1.38.305 1.976.476.712.204 1.473-.141 1.72-.84l.466-1.317c.248-.7-.202-1.608-.9-1.857Z\" stroke=\"@{base}\" stroke-width=\"2\" fill=\"@{accent}\" paint-order=\"stroke fill markers\"/></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n #message-box.danger {\n #message-box-title {\n background-color: @red;\n color: @base;\n\n &::before {\n @fade_color: fade(@red, 67%);\n @svg: escape(\n '<svg version=\"1.1\" viewBox=\"0 0 34.5 34.5\" xmlns=\"http://www.w3.org/2000/svg\"><g transform=\"translate(1.5 1.5)\"><path d=\"M.68 13.5h.14a.68.68 135 0 0 .68-.68V3.68c0-.375-.012-.988.053-1.357.139-.786.622-2.01 2.27-2.272.37-.06.982-.05 1.357-.05h21.64c.375 0 .987-.009 1.358.049 1.676.26 2.15 1.485 2.279 2.273.06.37.043.982.043 1.357v9.14a.68.68 45 0 0 .68.68h.14a.68.68 45 0 1 .68.68v3.64a.68.68 135 0 1-.68.68h-.14a.68.68 135 0 0-.68.68v9.14c0 .375.017.988-.044 1.358-.13.787-.604 2.013-2.279 2.273-.37.057-.982.05-1.358.05H5.18c-.375 0-.987.007-1.358-.052-1.644-.264-2.128-1.487-2.268-2.272-.066-.37-.054-.982-.054-1.357v-9.14a.68.68 45 0 0-.68-.68H.68a.68.68 45 0 1-.68-.68v-3.64a.68.68 135 0 1 .68-.68z\" stroke=\"@{base}\" fill=\"@{red}\" stroke-linejoin=\"round\" stroke-width=\"2.25\" paint-order=\"stroke fill markers\"/><path d=\"M2.788 15h1.175a.54.54 135 0 0 .537-.537V5.538c0-.297-.017-.78.024-1.074.094-.66.475-1.72 1.94-1.928.294-.042.777-.036 1.074-.036h16.925c.296 0 .78-.006 1.073.038 1.426.211 1.821 1.268 1.928 1.927.047.292.036.776.036 1.072v8.925a.54.54 45 0 0 .538.538h1.175a.54.54 45 0 1 .537.537v.925a.54.54 135 0 1-.537.538h-1.175a.54.54 135 0 0-.538.537v8.925c0 .297.01.78-.04 1.073-.111.658-.51 1.714-1.925 1.927-.293.044-.776.038-1.072.038H7.538c-.297 0-.78.006-1.074-.037-1.434-.211-1.826-1.27-1.93-1.928-.046-.292-.034-.776-.034-1.073v-8.925A.54.54 45 0 0 3.963 17H2.788a.54.54 45 0 1-.538-.538v-.925A.54.54 135 0 1 2.788 15z\" fill=\"black\" stroke-linejoin=\"round\" stroke=\"@{base}\" stroke-width=\"2\" paint-order=\"stroke fill markers\"/><path d=\"M2.788 15h1.175a.54.54 135 0 0 .537-.537V5.538c0-.297-.017-.78.024-1.074.094-.66.475-1.72 1.94-1.928.294-.042.777-.036 1.074-.036h16.925c.296 0 .78-.006 1.073.038 1.426.211 1.821 1.268 1.928 1.927.047.292.036.776.036 1.072v8.925a.54.54 45 0 0 .538.538h1.175a.54.54 45 0 1 .537.537v.925a.54.54 135 0 1-.537.538h-1.175a.54.54 135 0 0-.538.537v8.925c0 .297.01.78-.04 1.073-.111.658-.51 1.714-1.925 1.927-.293.044-.776.038-1.072.038H7.538c-.297 0-.78.006-1.074-.037-1.434-.211-1.826-1.27-1.93-1.928-.046-.292-.034-.776-.034-1.073v-8.925A.54.54 45 0 0 3.963 17H2.788a.54.54 45 0 1-.538-.538v-.925A.54.54 135 0 1 2.788 15z\" fill=\"@{fade_color}\" stroke-linejoin=\"round\" stroke=\"@{base}\" stroke-width=\"2\" paint-order=\"stroke fill markers\"/><path d=\"M21.715 4.974c-1.156-.414-3.115-.889-5.815-.75-.74.039-1.94.174-2.656.366-3.022.81-4.142 2.93-4.516 4.402-.183.716-.217 1.939-.079 2.666.277 1.462 1.486 3.747 6.737 6.126.675.306 1.823.772 2.29 1.34q.07.085.137.181c.422.603.666 1.937.21 2.487a2.2 2.2 0 0 1-.487.424c-.616.405-1.829.62-2.57.65-.895.034-2.145-.023-3.445-.42-.709-.216-1.458.073-1.716.768l-.659 1.775c-.258.695.008 1.641.68 1.951 1.132.522 3.136 1.104 6.159.815.738-.07 1.93-.262 2.637-.482 3.15-.981 4.36-3.28 4.822-4.747.221-.706.333-1.916.24-2.65-.192-1.514-.978-3.965-3.922-5.497-.657-.342-1.812-.69-2.509-.942-.912-.332-2.091-.853-2.759-1.515-.507-.503-.47-1.826-.072-2.445a2.4 2.4 0 0 1 1.253-.976c.695-.247 1.925-.167 2.653-.03.667.125 1.38.305 1.976.476.712.204 1.473-.141 1.72-.84l.466-1.317c.248-.7-.202-1.608-.9-1.857Z\" stroke=\"@{base}\" stroke-width=\"2\" fill=\"@{red}\" paint-order=\"stroke fill markers\"/></g></svg>'\n );\n background: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n }\n\n #message-box-close-icon i {\n color: var(--c40);\n &:hover {\n color: var(--bg);\n }\n }\n }\n\n #filters label:hover,\n #filters .filter-selection:hover {\n background-color: @surface0;\n }\n .oldUI .disabled h2::after,\n .entry.usercss .style-name-link::after {\n background-color: fade(@accent, 25%);\n }\n\n /* Syntax highlighting */\n .CodeMirror-activeline-background {\n background: @mantle;\n }\n .CodeMirror-linenumber {\n color: @subtext0;\n }\n div.CodeMirror span.CodeMirror-matchingbracket {\n color: @green;\n }\n .cm-s-default {\n .cm-string {\n color: @green;\n }\n .cm-qualifier {\n color: @yellow;\n }\n .cm-variable-2 {\n color: @mauve;\n }\n .cm-keyword {\n color: @mauve;\n }\n .cm-atom {\n color: @red;\n }\n .cm-number {\n color: @peach;\n }\n .cm-def {\n color: @mauve;\n }\n .cm-tag {\n color: @blue;\n }\n .cm-builtin {\n color: @red;\n }\n .cm-variable-3 {\n color: @teal;\n }\n .cm-comment {\n color: @overlay2;\n }\n .cm-operator {\n color: @yellow;\n }\n .cm-variable {\n color: @blue;\n }\n .cm-property {\n color: @blue;\n }\n }\n button:disabled,\n select:disabled,\n option:disabled,\n select[disabled] > option {\n color: @subtext0;\n }\n .applies-to input,\n .applies-to select {\n background: @base;\n border-color: @surface0;\n color: @subtext0;\n }\n button {\n color: @text !important;\n background: @mantle !important;\n border-color: @surface0;\n &:hover {\n border-color: @text;\n }\n }\n #save-button[disabled] {\n background: @surface0 !important;\n }\n #message-box-title {\n color: @text;\n }\n .svg-icon {\n fill: @overlay0;\n\n &:hover {\n fill: @overlay1;\n }\n }\n .onoffswitch input:checked + span {\n background-color: fade(@accent, 25%);\n\n &::before {\n background-color: @accent;\n }\n }\n #options-title {\n color: @base;\n }\n h2 {\n color: @accent !important;\n }\n .installed .configure-usercss {\n i {\n color: @accent;\n }\n\n svg,\n &:hover svg {\n fill: @accent !important;\n }\n }\n #live-reload-install-hint {\n color: @teal;\n }\n #menu.delete {\n header {\n background: fade(@red, 25%);\n }\n\n > div,\n [data-cmd=\"delete\"] {\n border-color: @red;\n }\n }\n .entry.odd {\n background-color: fade(@surface0, 25%);\n }\n .updater-icons > :not(.check-update)::after {\n border-color: @yellow;\n background: @base;\n }\n .split-btn-menu {\n border-color: @accent;\n\n > :hover {\n background: fade(@accent, 25%);\n }\n }\n #help-popup .title {\n background: @mantle;\n }\n #toc li:hover {\n background: fade(@accent, 20%);\n }\n input:invalid {\n background: fade(@red, 10%);\n color: @red;\n }\n }\n}\n",
|
|
"originalDigest": "f689bdbabeb645ab09c3127b3e1f4964912bde25",
|
|
"_id": "25b99bbd-f759-46d4-81a8-8c6031c6f61a",
|
|
"_rev": 1780236867733,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 18
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "DuckDuckGo Catppuccin",
|
|
"description": "Soothing pastel theme for DuckDuckGo",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/duckduckgo/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "DuckDuckGo Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/duckduckgo",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/duckduckgo",
|
|
"version": "2026.03.18",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/duckduckgo/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aduckduckgo",
|
|
"description": "Soothing pastel theme for DuckDuckGo",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": 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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"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 2026.03.18\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/duckduckgo/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aduckduckgo\n@description Soothing pastel theme for DuckDuckGo\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"duckduckgo.com\"), domain(\"duck.ai\") {\n :root:not(.dark-bg, .no-theme) {\n #catppuccin(@lightFlavor);\n }\n\n :root.dark-bg {\n #catppuccin(@darkFlavor);\n }\n\n :root.no-theme {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n --sds-color-text-02: @text !important;\n --sds-color-text-disabled: @overlay0 !important;\n --theme-col-txt-page-separator: @text !important;\n --theme-col-page-separator: @text !important;\n --theme-col-txt-url: @text !important;\n --theme-col-txt-title: @blue !important;\n --theme-col-txt-title-visited: @lavender !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-bg-card: @surface0 !important;\n --theme-col-about-link: @blue;\n --theme-col-border-ui: @surface1 !important;\n --theme-col-bg-expandcollapse: @surface0 !important;\n --sds-color-palette-gray-60: @accent !important;\n --sds-color-text-accent-01: @accent !important;\n --theme-col-txt-msg: @text !important;\n --theme-col-txt-url-path: @subtext0 !important;\n --theme-col-border-expandcollapse: @surface1;\n --col-blue-50: @sapphire !important;\n --col-blue-60: @blue !important;\n --theme-col-bg-page: @base !important;\n --sds-color-text-01: @text !important;\n --sds-color-text-on-color: @base !important;\n --theme-spp-high-contrast-text-secondary: @accent !important;\n --theme-spp-high-contrast-card-indicator-color: @surface0 !important;\n --theme-spp-high-contrast-title-span-text: @text !important;\n --theme-spp-high-contrast-bg: @surface0 !important;\n --sds-color-palette-yellow-50: @yellow !important;\n --sds-color-text-04: @subtext1 !important;\n --theme-col-txt-card-body: @text !important;\n --theme-col-txt-qna-details: @subtext0 !important;\n --theme-col-txt-card: @text !important;\n --sds-color-text-03: @subtext0 !important;\n --col-slate-light: @subtext0;\n --col-silver-dark: @overlay1;\n --theme-col-txt-button-secondary: @accent !important;\n --theme-bg-legacy-home: @base !important;\n --theme-bg-cta-cards: @surface0 !important;\n --theme-button-primary-bg: @blue !important;\n --theme-button-primary-bg--hover: @blue !important;\n --theme-button-primary-bg--active: @blue !important;\n --theme-button-primary-text: @crust !important;\n --theme-badge-fg--green: @crust !important;\n --theme-browser-comparison-table-check-bg: @green !important;\n --theme-browser-comparison-table-cross-bg: @red !important;\n --theme-searchbox-bg: @surface0 !important;\n --theme-searchbox-bg--hover: @surface0 !important;\n --theme-searchbox-bg--active: @surface0 !important;\n --theme-searchbox-bg--focused: @surface0 !important;\n --theme-border-color-legacy-home-searchbox: @surface2 !important;\n --theme-button-link-text: @blue !important;\n --theme-browser-comparison-table-badge-text: @text !important;\n --theme-badge-bg--green: @green !important;\n --theme-badge-bg--yellow: @yellow !important;\n --theme-atb-button-bg: @blue;\n --theme-atb-button-bg--hover: @blue;\n --theme-atb-button-bg--active: @blue;\n --col-silver-light: @surface1 !important;\n --theme-col-card-inner-border: @surface2 !important;\n --sds-color-text-link-02: @text !important;\n --sds-color-text-link-02--hover: @subtext1 !important;\n --theme-text-legacy-home: @text !important;\n --theme-browser-comparison-table-row-bg: @surface0 !important;\n --theme-browser-comparison-table-row-alt-bg: @surface1 !important;\n --theme-bg-home-bottom: @base !important;\n --theme-atb-card-back-bg: @surface0 !important;\n --theme-atb-card-front-bg: @surface1 !important;\n --theme-text-bg: @text !important;\n .featureCards_root__brAX3 {\n --feature-card-background-color: @surface0 !important;\n }\n --theme-accordion-background--expanded: @surface0 !important;\n --theme-accordion-background: @surface1 !important;\n --theme-footer-link-text: @blue !important;\n --theme-sidemenu-bg: @surface0 !important;\n --theme-col-txt-button-tertiary: @text !important;\n --theme-bg-legacy-home-searchbox: @surface0 !important;\n --theme-bg-info-snippet: @surface2 !important;\n --theme-button-tertiary-txt: @text !important;\n --theme-browser-comparison-table-icon-bg: @mantle !important;\n --theme-col-bg-ui: @mantle !important;\n --theme-col-bg-header: @mantle !important;\n --theme-col-bg-header-modal: @surface0 !important;\n --theme-col-bg-button-primary: @blue !important;\n --sds-color-background-dark: @crust !important;\n /* ai chat */\n --sds-color-text-link-02-hover: @text !important;\n --theme-dc-color-background-dark: @base !important;\n --theme-dc-color-gpt-main: @mauve !important;\n --theme-dc-color-gpt-bg: @mauve !important;\n --theme-dc-color-claude-main: @green !important;\n --theme-dc-color-claude-bg: @green !important;\n --sds-color-background-destructive: @red !important;\n --sds-color-text-on-dark-01: @text !important;\n --theme-dc-color-fire-button: fade(@red, 40%) !important;\n --sds-color-background-destructive-state-01: @red !important;\n --sds-color-background-destructive-state-02: @red !important;\n --sds-color-text-destructive: @red !important;\n --sds-color-text-success: @green !important;\n --sds-color-text-link-01: @blue !important;\n --sds-color-background-container-01: @surface0 !important;\n --sds-color-border-accent-01: @accent !important;\n --theme-dc-color-container-message: @surface0 !important;\n --sds-color-palette-gray-85: @surface1 !important;\n --sds-color-palette-white: @crust !important;\n --sds-color-background-accent-01: @accent !important;\n --theme-col-txt-card-body-light: @text !important;\n --theme-col-bg-page-alt-2: @surface0 !important;\n --theme-col-bg-ui-active: @surface1 !important;\n --theme-dc-color-llama-main: @pink !important;\n --theme-dc-color-mixtral-main: @peach !important;\n --theme-dc-color-anchor-sleep: @subtext0 !important;\n --theme-assist-bg-chat-system: @mantle !important;\n --theme-assist-gradient-stop: @mantle !important;\n --sds-color-palette-gray-40: @text !important;\n /* maps */\n --sds-color-background-01: @base !important;\n --sds-color-background-02: @mantle !important;\n --sds-color-palette-red-40: @red !important;\n --sds-color-border-01: @surface0 !important;\n --col-blue-30: @blue !important;\n --sds-color-palette-green-60: @green !important;\n --sds-color-background-utility: @surface0 !important;\n\n .address-detail {\n background-color: @mantle;\n color: @text;\n border-color: @surface0;\n }\n\n .footer,\n .footer--mobile,\n .modal--dropdown--settings,\n .settings-dropdown--section,\n .frm__field,\n .frm__switch,\n .tileview .metabar--fixed,\n body,\n .zci,\n html,\n .body--home,\n html.displayable-atb-banner .body--home,\n .site-wrapper,\n .region__body,\n .badge-link,\n .module--carousel__image-wrapper,\n .result__image,\n .vertical--map__sidebar,\n .vertical--map__sidebar__header,\n .page-chrome_newtab,\n .js-carousel-module-more,\n .zci--type--tiles:not(.is-fallback).is-full-page.is-expanded,\n .zci--type--tiles:not(.is-fallback).is-full-page.is-expanded\n .metabar:not(.is-stuck) {\n background-color: @base !important;\n }\n /* .dropdown--settings--icon .dropdown__button:after needs visibility: hidden, otherwise we get a case of clashing icons */\n .dropdown__button::after {\n visibility: hidden;\n }\n\n /* privacy reminders */\n .wXKLp5dS9jGvo097pfaG,\n .privacy-reminder__text {\n color: @green !important;\n }\n .IuA6a2PUTR9Lck6m0WlP,\n .privacy-reminder__icon-circle {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.572-1.562a.675.675 0 1 0-1.006-.9L7.123 9.224 5.597 7.36a.675.675 0 0 0-1.044.855l2.025 2.475a.675.675 0 0 0 1.025.023z\" fill=\"@{green}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n .XxDCpwElzOhQaLmCxJ8z,\n .privacy-reminder__icon-shield {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"17\" viewBox=\"0 0 16 17\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.452.99a3 3 0 0 1 .655-.482c.242-.13.563-.259.894-.258.329 0 .65.128.891.258.251.135.488.311.659.485.683.696 1.162.933 1.836 1.142.645.2 1.409.242 2.45.11a2.03 2.03 0 0 1 1.471.378c.42.315.686.794.69 1.324.034 3.86-.53 6.343-1.723 8.126-1.26 1.886-3.14 2.838-5.113 3.838l-.238.12a2.06 2.06 0 0 1-1.848 0l-.176-.089-.062-.031c-1.973-1-3.852-1.952-5.113-3.838C.532 10.29-.032 7.807 0 3.947c.005-.53.271-1.008.69-1.323.416-.313.95-.445 1.469-.38 1.049.133 1.816.082 2.46-.124.677-.216 1.159-.452 1.832-1.13m5.03 5.419a.686.686 0 0 0-1.021-.915L7.108 9.24 5.56 7.346a.686.686 0 0 0-1.061.868l2.057 2.515a.686.686 0 0 0 1.042.023z\" fill=\"@{green}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n .privacy-reminder__icon-check {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.375 5.484a.675.675 0 0 1 .053.954l-3.825 4.275a.675.675 0 0 1-1.025-.023L4.553 8.215a.675.675 0 1 1 1.044-.855l1.526 1.865 3.299-3.688a.675.675 0 0 1 .953-.053\" fill=\"@{crust}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n .privacy-reminder__modal-hide,\n .privacy-reminder__modal-link {\n color: @text !important;\n }\n\n /* stopwatch */\n .zci--stopwatch .time {\n color: @text !important;\n }\n .label {\n color: @text;\n background-color: @crust;\n }\n .stopwatch__btn.start {\n border-color: @green !important;\n background-color: @green;\n color: @mantle !important;\n }\n .stopwatch__btn[disabled] {\n color: @text !important;\n background-color: @surface0 !important;\n border-color: @surface0;\n }\n .stopwatch__btn.stop {\n color: @mantle;\n background-color: @red !important;\n border-color: @red !important;\n }\n .stopwatch__btn {\n background-color: @surface2;\n border-color: @surface2;\n color: @text;\n }\n .zci--stopwatch td {\n color: @text;\n }\n\n /* html chars */\n .record__body,\n .chomp--link__mr,\n .tx-clr--lt2 {\n color: @text;\n }\n .c-list__item {\n border-color: @mantle;\n }\n .chomp--link__icn::before {\n color: @text;\n }\n\n /* cal */\n .calendar .t_right,\n .calendar .t_left {\n background-color: @surface2;\n }\n .calendar__header {\n color: @text;\n }\n table.calendar tr {\n color: @text;\n }\n .calendar__today {\n color: @mantle;\n background-color: @accent;\n }\n\n .zci.is-active {\n border-color: @surface0;\n }\n\n .module__toggle--more::after {\n background: linear-gradient(transparent, @surface0);\n }\n\n /* button on hover */\n .btn:hover:not(.is-disabled) {\n background-color: @mantle;\n color: @blue;\n border-color: @mantle;\n }\n\n /* stocks infobox */\n .stocks-module__currentPrice,\n .stocks-module__exchange,\n .stocks-module__currency,\n .stocks-module__stats {\n color: @text;\n }\n .stocks-module__timePeriod {\n background-color: @surface2;\n color: @text;\n }\n .stocks-module__latestUpdate,\n .ia-module--stocks a.stocks-module__attribution,\n .stocks-module__footer {\n color: @subtext1;\n }\n .stocks-module__timePeriod.selected {\n color: @mantle;\n background-color: @accent;\n }\n .ia-module--stocks.increase .color-coded {\n color: @green !important;\n }\n .stocks-module__hover-label {\n &[style*=\"color: rgb(222, 88, 51);\"] {\n color: @red !important;\n }\n &[style*=\"color: rgb(91, 158, 77);\"] {\n color: @green !important;\n }\n }\n .ia-module--stocks.increase .color-coded path {\n stroke: @green;\n fill: @green;\n }\n .ia-module--stocks\n .stocks-module__chart-area-row\n .stocks-module__chart\n svg {\n [stroke=\"#de5833\"] {\n stroke: @red !important;\n }\n [fill=\"#de5833\"] {\n fill: @red !important;\n }\n [stroke=\"#5b9e4d\"] {\n stroke: @green !important;\n [fill=\"#5b9e4d\"] {\n fill: @green !important;\n }\n }\n }\n .ia-module--stocks.decrease .color-coded {\n color: @red;\n }\n .ia-module--stocks.decrease .color-coded path {\n stroke: @red;\n fill: @red;\n }\n .ia-module--stocks\n .stocks-module__stats-wrapper\n .stocks-module__stats\n .stocks-module__stat-col\n .stocks-module__stat {\n border-bottom-color: @overlay0;\n }\n .stocks-module__chart .horizontal-line,\n .stocks-module__chart .vertical-line,\n .stocks-module__chart .prev-close-line {\n stroke: @surface2;\n }\n\n /* color box */\n .tx-clr--lt {\n color: @text;\n }\n .tx-clr--dk2 {\n color: @subtext0;\n }\n\n /* ai chat >:( */\n .feedback-external__link {\n color: @blue;\n }\n .feedback-duckchat-modal__disclaimer {\n color: @text;\n }\n .feedback-modal__radio {\n color: @text;\n }\n .modal__close {\n color: @text;\n }\n /* lyrics box */\n .js-lyrics-module {\n color: @subtext1 !important;\n }\n .module--lyrics__subtitle-box {\n border-color: @surface2;\n }\n .module__inner-toggle--chevron {\n color: @accent !important;\n background-color: @surface1 !important;\n border-color: @surface2;\n }\n .module__inner-toggle::before,\n .module__inner-toggle::after {\n background-color: @surface2 !important;\n }\n .module--lyrics:not(.is-expanded)\n .module--lyrics__footer.can-expand::after {\n background: linear-gradient(transparent, @surface0);\n }\n .module--lyrics__explicit-tag {\n border-color: @subtext1;\n color: @subtext0;\n }\n\n // translation boxes\n .module--translations .dropdown--translation-select,\n .module--translations-translatedtext {\n background: @surface0 !important;\n border-color: @surface0;\n }\n .module--translations .module--translations-translatedtext.is-placeholder {\n color: @subtext0;\n }\n .module--translations-swap-svg {\n fill: @text !important;\n }\n .module--translations-original textarea,\n .module--translations-translatedtext,\n .module--translations-footer a {\n color: @text;\n }\n .module--translations-clear,\n .module--translations-copy {\n color: @subtext0 !important;\n }\n .modal__list__filter input {\n background: @mantle;\n }\n\n //coding info box\n .module:not(\n .module--carousel,\n .module--placeholder,\n .module--images,\n .module--translations,\n .module__chromeless\n ) {\n background: @surface0 !important;\n border-color: @surface1 !important;\n }\n .module__toggle,\n .tile__expand {\n background-color: @surface0 !important;\n border-color: @surface1 !important;\n }\n\n .module__title__link,\n .module__text,\n .pln,\n .pun,\n code,\n .module__more-at-bottom {\n color: @text !important;\n }\n code {\n background-color: @mantle !important;\n }\n .lit {\n color: @peach !important;\n }\n .com {\n color: @subtext1 !important;\n }\n .str {\n color: @green !important;\n }\n .atv {\n color: @teal !important;\n }\n .module__title__sub {\n color: @subtext0;\n }\n .prettyprint {\n background-color: @mantle;\n }\n .is-link-style-exp .btn--primary:not(.is-disabled) {\n background-color: @blue !important;\n border-color: @blue !important;\n color: @mantle !important;\n }\n\n .featureCards_dark__5Xbsn {\n background: linear-gradient(180deg, @yellow, @blue);\n }\n\n .modal__box.modal__box--feedback.modal__box--headed .modal__box__header {\n background-color: @surface0 !important;\n }\n\n // defentions info box\n .module--definitions__pronunciation {\n color: @subtext0 !important;\n }\n\n .module--definitions__group ol li::before {\n color: @accent !important;\n }\n\n .module--definitions__usage {\n color: @subtext0 !important;\n }\n .module__title,\n .module--definitions__definition {\n color: @text !important;\n }\n\n .play-btn__icn_hollow {\n fill: @accent !important;\n }\n .module__toggle {\n color: @accent !important;\n }\n\n // weather info box\n .forecast-wrapper .module__weather-warning--red,\n .module__weather-warning--red:hover,\n .module__weather-warning--red:focus,\n .module__weather-warning--red:visited {\n color: @red !important;\n }\n .module__weather-warning {\n color: @yellow !important;\n }\n .text--primary,\n .tx-clr--dk,\n .tx-clr--slate,\n .module__temperature-unit:not(.module__temperature-unit--on),\n .module__items-day {\n color: @subtext0 !important;\n }\n .module__temperature-unit,\n .module__temperature-unit:hover {\n color: @accent !important;\n }\n .module__detail__precip-label,\n .module__items-precip-label,\n .ia-module--module--definitions__reference,\n .js-definitions-internal {\n color: @blue !important;\n }\n .module__detail__hour-label,\n .module__current,\n .module__detail__temp-label,\n .module__items-unit--on {\n color: @text !important;\n }\n .module__items-item {\n background: @surface0 !important;\n border-color: @surface2 !important;\n }\n .module__weatherkit-logo {\n fill: @accent;\n }\n .module__warnings,\n .module__temperature-unit--on {\n border-color: @surface2 !important;\n }\n //raindrop icon\n .module__detail__precip-label__icon,\n .module__items-precip-label__icon {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M8.339 4.317 5.487 0 2.65 4.307a3.67 3.67 0 0 0 .533 4.784 3.434 3.434 0 0 0 4.645.01 3.66 3.66 0 0 0 .513-4.78z\" fill=\"@{blue}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n //rain icon\n .module__items-icon-precip {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\"><path d=\"M12.35 22.064a1 1 0 0 1 .586 1.287l-3 8a1 1 0 0 1-1.873-.702l3-8a1 1 0 0 1 1.288-.585m3.999 0a1 1 0 0 1 .586 1.287l-3 8a1 1 0 1 1-1.873-.702l3-8a1 1 0 0 1 1.288-.585m4.585 1.287a1 1 0 0 0-1.872-.702l-3 8a1 1 0 1 0 1.872.702zm3.414-1.287a1 1 0 0 1 .586 1.287l-3 8a1 1 0 1 1-1.872-.702l3-8a1 1 0 0 1 1.287-.585m4.585 1.287a1 1 0 0 0-1.872-.702l-3 8a1 1 0 1 0 1.872.702z\" fill=\"@{blue}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.256 14.313a6.5 6.5 0 0 1 12.486-3.633A4 4 0 0 1 28.874 14H29a5 5 0 0 1 0 10H11a5 5 0 0 1-1.744-9.687\" fill=\"@{text}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n width: 32px;\n height: 32px;\n margin-top: 5px;\n margin-bottom: -5px;\n max-width: 100%;\n }\n\n //calculator\n .tile__ctrl__btn,\n .tile__history,\n .tile__past-calc {\n background: @surface0 !important;\n border-color: @surface2 !important;\n color: @text !important;\n }\n .attribution--link__icon {\n color: @text;\n }\n .tile__ctrl__toggle-slider {\n background: @surface1 !important;\n }\n .tile__ctrl__toggle-slider::before {\n background-color: @mantle !important;\n }\n .tile__tab__sci .tile__ctrl__btn,\n .tile__ctrl__toggle {\n background-color: @surface2 !important;\n color: @text !important;\n border-color: @overlay0 !important;\n }\n .tile__display__main,\n .tile__past-result {\n color: @text !important;\n }\n .tile__display__main {\n background-color: @base !important;\n }\n .tile__display {\n box-shadow:\n inset -1px -1px 0 @overlay0,\n inset 1px 1px 0 @overlay0 !important;\n background-color: @base !important;\n border-color: @surface2 !important;\n color: @text !important;\n }\n .tile__display.selected {\n box-shadow: inset -1px -1px 0 @blue, inset 1px 1px 0 @blue !important;\n }\n .tile__ctrl--important {\n background-color: @yellow !important;\n color: @mantle !important;\n }\n .tile__display__aside,\n .tile__past-formula,\n .tile__option {\n color: @subtext0 !important;\n }\n .tile__option--active {\n color: @accent !important;\n }\n\n .bg-delayed-color {\n background-color: @red;\n }\n\n #error_homepage {\n background-color: @rosewater !important;\n color: @red !important;\n }\n\n .search--adv {\n background-color: @surface0 !important;\n border-color: @surface0 !important;\n }\n\n .open-in-app__deep-link {\n color: @mantle;\n }\n\n .modal__header__clear,\n .sep--before,\n .js-region-filter-clear,\n .result__a,\n .module--carousel__body__title,\n .js-carousel-module-more,\n .js-no-results-web,\n .bing .tile__title--pr a,\n .sidebar-filter__show-more,\n .module__footer,\n .js-settings-dropdown-reset-appearance,\n .modal--dropdown--settings .settings-dropdown--button,\n .settings-page-wrapper a:not(.btn, .set-tab),\n .module__link--blue,\n .place-list-item__cta-item__text {\n color: @blue !important;\n }\n\n .tile__title a:visited {\n color: @mauve;\n }\n\n .place-detail__status--off {\n color: @red;\n }\n\n .place-detail__status--on {\n color: @green;\n }\n\n .result__a:visited {\n color: @mauve !important;\n }\n .bg-clr--green {\n background-color: @green;\n }\n .tile__status,\n .osGBsMSM4O7_HVv5OcxQ,\n .C68Y1fiPXCZijXmzVAbe {\n color: @mantle !important;\n }\n\n .modal__header,\n .modal__footer,\n .modal__box,\n .tile,\n .related-searches__item,\n .bg-clr--white,\n .tile__media__free-shipping-label,\n .sidebar-filter__options,\n .sidebar-filter__option.is-size,\n .module__footer,\n .frm__select,\n .set-bookmarklet,\n .set-reset,\n .search__autocomplete,\n .frm__input,\n .frm__color__swatch {\n border-color: @surface0 !important;\n background-color: @crust !important;\n }\n\n .sep--before::before,\n .sep {\n border-left-color: @surface2;\n }\n\n .header-wrap {\n box-shadow: none !important;\n }\n\n .header-wrap,\n .module--carousel__left,\n .module--carousel__right,\n .detail,\n .btn {\n background-color: @mantle;\n }\n\n .set-header--fixed .tileview--grid .metabar--fixed,\n .tileview--grid .metabar--fixed.is-stuck {\n background-color: @surface0;\n border-top-color: @surface0;\n }\n\n .modal--dropdown--region.modal--popout .frm__input,\n .js-region-filter-list,\n .tile__body,\n .bg-clr--white,\n .acp-wrap,\n .tile__media__free-shipping-label,\n .tile__media--pr,\n .modal__box,\n .nav-menu__list,\n .set-tab.is-active,\n .frm__select select,\n .cloudsave,\n .feedback-btn__send,\n .set-bookmarklet__input,\n .howItWorksSection_downloadsCard__U3Ph9,\n .metabar__grid-btn,\n .feedback-btn__icon-wrap .set-bookmarklet__input .btn,\n .btn.btn--secondary,\n .btn.is-disabled,\n input,\n textarea,\n .frm__input,\n .frm__text,\n .detail--xd .c-detail__btn,\n .set-bookmarklet,\n .set-reset,\n .zci--json_validator textarea,\n .colorpicker,\n .feedback-modal__submit.is-disabled,\n .feedback-modal__submit.is-disabled:active,\n .feedback-modal__submit.is-disabled:focus,\n .module__section,\n .module--carousel__item,\n .is-related-search-exp.dark-bg,\n .related-searches__item,\n .detail--xd .tile-nav--sm,\n .set-bookmarklet__detail,\n .set-reset__detail,\n .module__footer,\n .js-definitions-internal {\n background-color: @surface0 !important;\n }\n .module--carousel__item {\n border-color: @surface1 !important;\n }\n\n .modal__header,\n .module__section,\n .module__section:first-child.place-detail__section--tab,\n .module__clickable-header {\n border-color: @surface1 !important;\n }\n\n .btn.is-disabled:hover,\n .frm__switch__label:hover,\n .feedback-modal__submit.is-disabled:hover,\n .btn.btn--skeleton:hover,\n .module__footer-carousel__label:hover {\n background-color: @surface2 !important;\n border-color: @surface2 !important;\n }\n .is-checked .frm__switch__label.btn {\n background-color: @accent !important;\n color: @mantle !important;\n }\n .js-set-exit {\n background-color: @accent !important;\n border-color: @accent !important;\n color: @base !important;\n }\n .js-set-exit:hover {\n background-color: fade(@accent, 80%) !important;\n border-color: fade(@accent, 80%) !important;\n color: @base !important;\n }\n .set-bookmarklet__data {\n background-color: @surface2;\n color: @text;\n }\n\n .modal__list__link.is-highlighted,\n .modal__list li:hover {\n background-color: @overlay1;\n }\n\n .metabar__dropdowns-wrap::before {\n background-image: linear-gradient(90deg, @base, transparent);\n }\n\n .metabar__dropdowns-wrap::after {\n background-image: linear-gradient(90deg, transparent, @base);\n }\n\n .nav-menu__item__badge {\n background-color: @yellow;\n color: @mantle;\n }\n\n .settings-dropdown--section,\n .set-head,\n .frm__hr {\n border-bottom-color: @surface2;\n }\n\n .zcm--right-fade::before {\n background: linear-gradient(90deg, transparent, @mantle);\n }\n .search-filters-wrap::before {\n background: linear-gradient(90deg, @base, transparent);\n }\n\n .search-filters-wrap::after {\n background: linear-gradient(90deg, transparent, @base);\n }\n\n .footer,\n .footer--mobile {\n border-top-color: @surface0;\n }\n\n .is-vertical-tabs-exp,\n #duckbar,\n .zcm__link:not(.dropdown__button).is-active,\n .set-main-footer {\n border-color: @accent !important;\n }\n\n #more-results {\n background-color: @surface0 !important;\n }\n\n input,\n select,\n h1,\n h2,\n h4,\n h5,\n h6,\n ul,\n ol,\n blockquote,\n p,\n body,\n .module--carousel__footer,\n .set-tab.is-active,\n .zcm__link,\n .feedback-prompt__link,\n .feedback-btn__send,\n .tile--img__sub,\n .result__snippet,\n .result__snippet b,\n .modal__list__link,\n .acp,\n .header_headerButton__cLYU3,\n .is-vertical-tabs-exp,\n .module.module--images,\n .module__header.module__header--link,\n .text--title,\n .text--airline-flight,\n .timing,\n .flight-details__values,\n .airlines-footer,\n .tx-clr--slate,\n .nav-menu__heading,\n .zci,\n .metabar__grid-btn,\n .module--carousel__left,\n .module--carousel__right,\n .c-detail__title__sub,\n .c-detail__desc,\n .c-detail__filemeta,\n .c-detail__more,\n .frm__label,\n .js-cloudsave-new-suggestion,\n .zci__body,\n .zci__body a,\n .c-base__title {\n color: @text !important;\n }\n\n .zci--airlines .text--title svg path {\n fill: @text;\n }\n\n .star {\n color: @overlay2;\n }\n\n .set-tab,\n .set-tab:visited,\n .tile-nav.can-scroll {\n background-color: @mantle;\n color: @overlay1;\n }\n\n .js-cloudsave-save-btn,\n .js-cloudsave-load-btn {\n background-color: @surface2;\n border-color: @overlay0;\n color: @text;\n }\n\n .video-source,\n .tile__count,\n .result__url,\n .tile__time,\n .feedback-prompt,\n .footer__text,\n .vertical--news .result__url,\n .result__timestamp,\n .js-metabar-secondary,\n .sidebar-filters,\n .tile--pr__original-price,\n .nav-menu__item a,\n .nav-menu__close,\n .frm__desc,\n .dropdown__button,\n .tx-clr--slate-light,\n .flight-details__labels,\n .scheduled-time,\n .source-link,\n .tile__source,\n .zci__more-at,\n .cloudsave__close,\n .module--definitions__attribution-text,\n .module__attribution,\n .module__attribution-link {\n color: @subtext0 !important;\n }\n\n .dropdown--region.has-inactive-region .dropdown__button::after,\n .modal--dropdown--region.modal--popout .modal__header::before,\n .js-carousel-module-title,\n .tile--pr__brand,\n .frm__select,\n .star::after,\n .feedback-btn__icon,\n .detail--xd .tile-nav--sm,\n .detail__close,\n .module--definitions__collapsed-group ol li::before {\n color: @accent !important;\n }\n\n .search__button:hover,\n .search--header.has-text.search--hover .search__button {\n background-color: @accent !important;\n color: @base !important;\n }\n\n .settings-page-wrapper.is-checked {\n border-color: @blue;\n background-color: @sapphire !important;\n color: @mantle !important;\n }\n .modal--dropdown--settings\n .settings-dropdown--section\n .settings-dropdown--header {\n .settings-dropdown--header--link,\n .settings-dropdown--header--label {\n color: @text !important;\n }\n }\n .ddgsi-check::before {\n color: @mantle !important;\n }\n .set-bookmarklet__title,\n .set-reset__title {\n color: @text !important;\n }\n .frm__select::after {\n color: @accent !important;\n }\n\n .switch,\n .frm__switch__label {\n background-color: @crust !important;\n }\n\n .frm__switch__label::after {\n background: @overlay2 !important;\n }\n\n .is-checked .frm__switch__label::after {\n background: @base !important;\n }\n\n .switch__knob {\n background: @overlay2 !important;\n }\n\n .is-on .switch__knob {\n background: @base !important;\n }\n\n .switch.is-on {\n background-color: @accent !important;\n }\n\n .dropdown__switch.is-on::before {\n color: @base !important;\n }\n\n .search--header {\n background-color: @surface0;\n border-color: @surface0;\n }\n\n .acp--highlight,\n .bg-clr--platinum-light {\n background-color: @overlay0;\n }\n\n .review__rating-stars,\n .place-list-item__rating__image {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" height=\"12\" viewBox=\"0 0 64 12\" width=\"64\"><path d=\"M12 6A6 6 0 1 1 0 6a6 6 0 0 1 12 0m13 0a6 6 0 1 1-12 0 6 6 0 0 1 12 0m7 6a6 6 0 1 0 0-12 6 6 0 0 0 0 12m13 0a6 6 0 1 0 0-12 6 6 0 0 0 0 12m4.5-6a4.5 4.5 0 0 1-4.5 4.5v-9A4.5 4.5 0 0 1 49.5 6m8.5 6a6 6 0 1 0 0-12 6 6 0 0 0 0 12m0-1.5a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9\" clip-rule=\"evenodd\" fill=\"@{green}\" fill-rule=\"evenodd\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n } //ddg icon\n .header__logo,\n .js-logo-ddg {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 120 120\"><g clip-path=\"url(#logo_header_v109_svg__a)\"><path fill=\"@{peach}\" fill-rule=\"evenodd\" d=\"M60.186 120.373c33.24 0 60.187-26.947 60.187-60.187S93.426 0 60.186 0 0 26.946 0 60.186s26.946 60.187 60.186 60.187\" clip-rule=\"evenodd\"/><path fill=\"#DDD\" fill-rule=\"evenodd\" d=\"M68.65 105.091c0-.47.115-.578-1.38-3.557-3.972-7.954-7.964-19.17-6.148-26.402.33-1.314-3.742-48.66-6.62-50.185-3.2-1.705-7.138-4.41-10.739-5.012-1.827-.292-4.223-.154-6.096.098-.332.045-.346.643-.028.751 1.23.417 2.722 1.14 3.602 2.233.167.207-.057.533-.322.543-.83.03-2.334.378-4.32 2.064-.229.195-.038.557.257.499 4.267-.844 8.623-.428 11.191 1.906.167.151.08.423-.137.482-22.283 6.055-17.872 25.438-11.94 49.224 5.284 21.188 7.272 28.017 7.899 30.097a.67.67 0 0 0 .398.439c7.67 3.055 24.383 3.19 24.383-2.005z\" clip-rule=\"evenodd\"/><path fill=\"#fff\" d=\"M71.706 109.558c-2.703 1.058-7.993 1.528-11.05 1.528-4.48 0-10.932-.705-13.283-1.763-1.452-4.469-5.797-18.32-10.088-35.91l-.42-1.718-.004-.014c-5.101-20.836-9.267-37.854 13.568-43.2.208-.05.31-.3.172-.463-2.62-3.108-7.528-4.127-13.734-1.986-.255.088-.476-.169-.318-.387 1.217-1.677 3.596-2.967 4.77-3.532.242-.117.228-.473-.03-.553a26 26 0 0 0-3.546-.846c-.348-.056-.38-.652-.03-.7 8.798-1.183 17.986 1.459 22.596 7.266a.3.3 0 0 0 .175.108c16.883 3.625 18.092 30.314 16.147 31.53-.384.239-1.612.102-3.233-.08-6.57-.735-19.578-2.19-8.842 17.818.106.198-.034.46-.256.494-6.054.941 1.704 19.912 7.406 32.408\"/><path fill=\"#3CA82B\" d=\"M79.258 85.293c-1.285-.595-6.227 2.949-9.507 5.67-.686-.97-1.978-1.675-4.894-1.168-2.551.443-3.96 1.058-4.589 2.12-4.027-1.528-10.803-3.884-12.44-1.608-1.79 2.487.447 14.257 2.824 15.785 1.24.798 7.175-3.017 10.275-5.648.5.705 1.305 1.108 2.96 1.069 2.503-.058 6.563-.64 7.193-1.806a1.3 1.3 0 0 0 .099-.25c3.186 1.191 8.792 2.451 10.045 2.263 3.264-.49-.455-15.726-1.966-16.427\"/><path fill=\"@{green}\" d=\"M70.051 91.31c.135.242.244.496.337.754.454 1.27 1.194 5.31.634 6.309-.56.998-4.194 1.48-6.436 1.519s-2.746-.782-3.2-2.052c-.364-1.016-.542-3.405-.538-4.773-.092-2.028.65-2.742 4.076-3.296 2.535-.41 3.876.067 4.65.883 3.6-2.686 9.606-6.478 10.192-5.785 2.92 3.455 3.29 11.68 2.657 14.99-.207 1.082-9.879-1.072-9.879-2.239 0-4.844-1.257-6.174-2.493-6.31m-21.187-1.512c.792-1.254 7.216.305 10.743 1.874 0 0-.725 3.284.429 7.151.337 1.132-8.113 6.167-9.216 5.301-1.275-1.001-3.621-11.691-1.956-14.326\"/><path fill=\"@{yellow}\" fill-rule=\"evenodd\" d=\"M51.975 64.33c.52-2.26 2.941-6.519 11.587-6.415 4.371-.018 9.801-.002 13.4-.411a48.2 48.2 0 0 0 11.969-2.91c3.742-1.428 5.07-1.11 5.536-.256.512.939-.091 2.56-1.399 4.052-2.498 2.85-6.989 5.06-14.92 5.715-7.93.655-13.185-1.472-15.446 1.991-.976 1.494-.222 5.015 7.448 6.124 10.364 1.496 18.876-1.803 19.928.19 1.052 1.991-5.007 6.044-15.388 6.129s-16.865-3.635-19.164-5.484c-2.918-2.346-4.223-5.766-3.55-8.725Z\" clip-rule=\"evenodd\"/><g fill=\"@{blue}\" opacity=\".8\"><path d=\"M65.196 39.617c.579-.948 1.863-1.68 3.964-1.68s3.09.836 3.774 1.768c.14.19-.071.413-.287.32l-.158-.069c-.769-.336-1.712-.748-3.329-.77-1.729-.025-2.819.408-3.505.781-.232.126-.596-.125-.46-.35ZM41.539 40.83c2.04-.853 3.644-.743 4.777-.474.24.056.405-.2.214-.355-.88-.71-2.85-1.59-5.418-.633-2.29.854-3.37 2.63-3.377 3.796-.002.276.564.299.71.066.396-.63 1.053-1.547 3.094-2.4\"/><path fill-rule=\"evenodd\" d=\"M70.945 52.588a3.263 3.263 0 0 1-3.267-3.255 3.263 3.263 0 0 1 3.267-3.255 3.26 3.26 0 0 1 3.267 3.255 3.26 3.26 0 0 1-3.267 3.255m2.301-4.334a.845.845 0 0 0-1.692 0 .845.845 0 0 0 1.692 0M49.3 51.585a3.8 3.8 0 0 1-3.809 3.796c-2.1 0-3.808-1.7-3.808-3.796a3.804 3.804 0 0 1 3.808-3.796c2.1 0 3.809 1.7 3.809 3.796m-1.123-1.258a.987.987 0 0 0-1.972 0c0 .54.44.982.986.982a.985.985 0 0 0 .986-.982\" clip-rule=\"evenodd\"/></g><path fill=\"#fff\" fill-rule=\"evenodd\" d=\"M60.186 110.733c27.917 0 50.548-22.63 50.548-50.547S88.103 9.639 60.186 9.639C32.27 9.64 9.64 32.27 9.64 60.186c0 27.917 22.631 50.547 50.547 50.547Zm0 4.702c30.514 0 55.25-24.735 55.25-55.249 0-30.513-24.736-55.249-55.25-55.249S4.937 29.673 4.937 60.187s24.736 55.248 55.25 55.248Z\" clip-rule=\"evenodd\"/></g></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n .yhccgqM_FdvJ79N6Jm6c {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 120 120\"><g clip-path=\"url(#logo_header_v109_svg__a)\"><path fill=\"@{peach}\" fill-rule=\"evenodd\" d=\"M60.186 120.373c33.24 0 60.187-26.947 60.187-60.187S93.426 0 60.186 0 0 26.946 0 60.186s26.946 60.187 60.186 60.187\" clip-rule=\"evenodd\"/><path fill=\"#DDD\" fill-rule=\"evenodd\" d=\"M68.65 105.091c0-.47.115-.578-1.38-3.557-3.972-7.954-7.964-19.17-6.148-26.402.33-1.314-3.742-48.66-6.62-50.185-3.2-1.705-7.138-4.41-10.739-5.012-1.827-.292-4.223-.154-6.096.098-.332.045-.346.643-.028.751 1.23.417 2.722 1.14 3.602 2.233.167.207-.057.533-.322.543-.83.03-2.334.378-4.32 2.064-.229.195-.038.557.257.499 4.267-.844 8.623-.428 11.191 1.906.167.151.08.423-.137.482-22.283 6.055-17.872 25.438-11.94 49.224 5.284 21.188 7.272 28.017 7.899 30.097a.67.67 0 0 0 .398.439c7.67 3.055 24.383 3.19 24.383-2.005z\" clip-rule=\"evenodd\"/><path fill=\"#fff\" d=\"M71.706 109.558c-2.703 1.058-7.993 1.528-11.05 1.528-4.48 0-10.932-.705-13.283-1.763-1.452-4.469-5.797-18.32-10.088-35.91l-.42-1.718-.004-.014c-5.101-20.836-9.267-37.854 13.568-43.2.208-.05.31-.3.172-.463-2.62-3.108-7.528-4.127-13.734-1.986-.255.088-.476-.169-.318-.387 1.217-1.677 3.596-2.967 4.77-3.532.242-.117.228-.473-.03-.553a26 26 0 0 0-3.546-.846c-.348-.056-.38-.652-.03-.7 8.798-1.183 17.986 1.459 22.596 7.266a.3.3 0 0 0 .175.108c16.883 3.625 18.092 30.314 16.147 31.53-.384.239-1.612.102-3.233-.08-6.57-.735-19.578-2.19-8.842 17.818.106.198-.034.46-.256.494-6.054.941 1.704 19.912 7.406 32.408\"/><path fill=\"#3CA82B\" d=\"M79.258 85.293c-1.285-.595-6.227 2.949-9.507 5.67-.686-.97-1.978-1.675-4.894-1.168-2.551.443-3.96 1.058-4.589 2.12-4.027-1.528-10.803-3.884-12.44-1.608-1.79 2.487.447 14.257 2.824 15.785 1.24.798 7.175-3.017 10.275-5.648.5.705 1.305 1.108 2.96 1.069 2.503-.058 6.563-.64 7.193-1.806a1.3 1.3 0 0 0 .099-.25c3.186 1.191 8.792 2.451 10.045 2.263 3.264-.49-.455-15.726-1.966-16.427\"/><path fill=\"@{green}\" d=\"M70.051 91.31c.135.242.244.496.337.754.454 1.27 1.194 5.31.634 6.309-.56.998-4.194 1.48-6.436 1.519s-2.746-.782-3.2-2.052c-.364-1.016-.542-3.405-.538-4.773-.092-2.028.65-2.742 4.076-3.296 2.535-.41 3.876.067 4.65.883 3.6-2.686 9.606-6.478 10.192-5.785 2.92 3.455 3.29 11.68 2.657 14.99-.207 1.082-9.879-1.072-9.879-2.239 0-4.844-1.257-6.174-2.493-6.31m-21.187-1.512c.792-1.254 7.216.305 10.743 1.874 0 0-.725 3.284.429 7.151.337 1.132-8.113 6.167-9.216 5.301-1.275-1.001-3.621-11.691-1.956-14.326\"/><path fill=\"@{yellow}\" fill-rule=\"evenodd\" d=\"M51.975 64.33c.52-2.26 2.941-6.519 11.587-6.415 4.371-.018 9.801-.002 13.4-.411a48.2 48.2 0 0 0 11.969-2.91c3.742-1.428 5.07-1.11 5.536-.256.512.939-.091 2.56-1.399 4.052-2.498 2.85-6.989 5.06-14.92 5.715-7.93.655-13.185-1.472-15.446 1.991-.976 1.494-.222 5.015 7.448 6.124 10.364 1.496 18.876-1.803 19.928.19 1.052 1.991-5.007 6.044-15.388 6.129s-16.865-3.635-19.164-5.484c-2.918-2.346-4.223-5.766-3.55-8.725Z\" clip-rule=\"evenodd\"/><g fill=\"@{blue}\" opacity=\".8\"><path d=\"M65.196 39.617c.579-.948 1.863-1.68 3.964-1.68s3.09.836 3.774 1.768c.14.19-.071.413-.287.32l-.158-.069c-.769-.336-1.712-.748-3.329-.77-1.729-.025-2.819.408-3.505.781-.232.126-.596-.125-.46-.35ZM41.539 40.83c2.04-.853 3.644-.743 4.777-.474.24.056.405-.2.214-.355-.88-.71-2.85-1.59-5.418-.633-2.29.854-3.37 2.63-3.377 3.796-.002.276.564.299.71.066.396-.63 1.053-1.547 3.094-2.4\"/><path fill-rule=\"evenodd\" d=\"M70.945 52.588a3.263 3.263 0 0 1-3.267-3.255 3.263 3.263 0 0 1 3.267-3.255 3.26 3.26 0 0 1 3.267 3.255 3.26 3.26 0 0 1-3.267 3.255m2.301-4.334a.845.845 0 0 0-1.692 0 .845.845 0 0 0 1.692 0M49.3 51.585a3.8 3.8 0 0 1-3.809 3.796c-2.1 0-3.808-1.7-3.808-3.796a3.804 3.804 0 0 1 3.808-3.796c2.1 0 3.809 1.7 3.809 3.796m-1.123-1.258a.987.987 0 0 0-1.972 0c0 .54.44.982.986.982a.985.985 0 0 0 .986-.982\" clip-rule=\"evenodd\"/></g><path fill=\"#fff\" fill-rule=\"evenodd\" d=\"M60.186 110.733c27.917 0 50.548-22.63 50.548-50.547S88.103 9.639 60.186 9.639C32.27 9.64 9.64 32.27 9.64 60.186c0 27.917 22.631 50.547 50.547 50.547Zm0 4.702c30.514 0 55.25-24.735 55.25-55.249 0-30.513-24.736-55.249-55.25-55.249S4.937 29.673 4.937 60.187s24.736 55.248 55.25 55.248Z\" clip-rule=\"evenodd\"/></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n //duckduckgo search too long icon\n .logo_homepage {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"206\" height=\"165\" viewBox=\"0 0 206 165\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M103 120c33.137 0 60-26.863 60-60S136.137 0 103 0 43 26.863 43 60s26.863 60 60 60\" fill=\"@{red}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M111.438 104.766c0-.469.115-.576-1.375-3.546-3.96-7.93-7.94-19.11-6.13-26.32.33-1.31-3.73-48.51-6.6-50.03-3.19-1.7-7.115-4.397-10.705-4.997-1.822-.291-4.21-.153-6.077.098-.332.045-.346.641-.029.749 1.226.415 2.715 1.136 3.592 2.226.166.206-.057.531-.322.54-.827.031-2.326.378-4.305 2.059-.23.194-.04.555.255.497 4.253-.841 8.597-.427 11.156 1.9.167.15.08.422-.137.48-22.213 6.037-17.816 25.36-11.902 49.073 5.248 21.047 7.235 27.881 7.867 29.981a.72.72 0 0 0 .424.468c7.656 3.037 24.288 3.168 24.288-2.006z\" fill=\"@{surface0}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M158.078 60c0 30.419-24.659 55.078-55.078 55.078S47.922 90.418 47.922 60 72.582 4.922 103 4.922 158.078 29.582 158.078 60m-67.932 48.736c-1.522-4.701-5.775-18.329-9.977-35.55l-.419-1.713-.003-.014c-5.085-20.772-9.239-37.737 13.525-43.067.209-.049.31-.297.172-.46-2.611-3.1-7.504-4.115-13.691-1.98-.254.087-.474-.169-.317-.386 1.213-1.672 3.584-2.958 4.755-3.522.242-.116.227-.47-.03-.55a26 26 0 0 0-3.535-.844c-.347-.056-.378-.65-.03-.697 8.771-1.18 17.93 1.453 22.527 7.243a.3.3 0 0 0 .174.107c16.83 3.614 18.035 30.22 16.097 31.432-.383.239-1.608.102-3.224-.079-6.548-.733-19.516-2.184-8.814 17.763.106.197-.034.458-.255.492-6.015.936 1.646 19.72 7.324 32.179 22.327-5.176 38.966-25.19 38.966-49.09 0-27.83-22.561-50.39-50.391-50.39S52.61 32.17 52.61 60c0 23.388 15.932 43.054 37.536 48.736\" fill=\"@{text}\"/><path d=\"M122.013 85.03c-1.282-.594-6.208 2.939-9.478 5.65-.684-.966-1.972-1.669-4.879-1.163-2.543.442-3.948 1.055-4.574 2.113-4.016-1.523-10.77-3.872-12.402-1.603-1.784 2.48.445 14.213 2.815 15.736 1.237.796 7.153-3.007 10.243-5.63.499.702 1.301 1.104 2.951 1.066 2.495-.058 6.542-.638 7.17-1.8a1.2 1.2 0 0 0 .099-.25c3.176 1.187 8.765 2.444 10.014 2.256 3.254-.489-.453-15.678-1.959-16.376\" fill=\"@{green}\"/><path d=\"M112.835 91.028c.135.24.243.494.335.751.453 1.266 1.19 5.294.633 6.29-.558.994-4.181 1.475-6.416 1.513-2.235.039-2.738-.778-3.191-2.045-.362-1.013-.54-3.394-.536-4.758-.092-2.022.647-2.733 4.063-3.286 2.528-.41 3.864.067 4.636.88 3.588-2.678 9.576-6.457 10.16-5.767 2.912 3.445 3.28 11.645 2.649 14.944-.206 1.078-9.848-1.069-9.848-2.232 0-4.83-1.253-6.154-2.485-6.29M91.713 89.52c.79-1.25 7.194.304 10.709 1.869 0 0-.722 3.273.428 7.128.337 1.128-8.088 6.148-9.187 5.285-1.271-.999-3.61-11.655-1.95-14.282\" fill=\"#4CBA3C\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M94.815 64.131c.518-2.253 2.931-6.499 11.551-6.396 4.357-.018 9.77-.002 13.358-.41a48 48 0 0 0 11.931-2.9c3.731-1.424 5.055-1.107 5.52-.255.51.936-.091 2.552-1.395 4.04-2.49 2.84-6.967 5.043-14.873 5.696-7.907.654-13.145-1.467-15.4 1.986-.972 1.489-.22 4.999 7.426 6.104 10.332 1.491 18.818-1.797 19.866.19 1.048 1.985-4.991 6.025-15.34 6.11s-16.813-3.624-19.105-5.467c-2.909-2.338-4.21-5.749-3.54-8.698\" fill=\"@{subtext1}\"/><g opacity=\"0.8\"><path d=\"M107.994 39.494c.577-.945 1.857-1.675 3.952-1.675s3.081.834 3.763 1.763c.139.19-.072.412-.287.319l-.157-.069c-.767-.334-1.707-.745-3.319-.768-1.723-.025-2.81.407-3.495.78-.23.125-.594-.126-.457-.35M84.41 40.703c2.034-.85 3.633-.74 4.763-.472.238.056.403-.2.213-.354-.877-.707-2.84-1.586-5.4-.63-2.285.85-3.362 2.62-3.368 3.784-.001.274.563.297.709.065.394-.627 1.05-1.543 3.083-2.393\" fill=\"@{mantle}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M113.726 52.425a3.25 3.25 0 0 1-3.257-3.245 3.25 3.25 0 0 1 3.257-3.245 3.25 3.25 0 0 1 3.256 3.245 3.25 3.25 0 0 1-3.256 3.245m2.293-4.32a.842.842 0 0 0-1.686 0 .843.843 0 0 0 1.686 0m-23.872 3.321a3.79 3.79 0 0 1-3.796 3.784 3.79 3.79 0 0 1-3.797-3.784 3.79 3.79 0 0 1 3.797-3.785 3.79 3.79 0 0 1 3.796 3.785m-1.119-1.255a.984.984 0 0 0-1.966 0 .982.982 0 0 0 1.966-.001\" fill=\"@{blue}\"/></g><path d=\"M78.35 144.8h-3.9l-7.1 7.3v-14.6h-3v24.9h3v-8.2l8.1 8.1.1.1h3.6v-.3l-9.1-9z\" fill=\"@{surface1}\"/><path d=\"M59.15 158.1c-1.1 1.1-2.7 1.7-4.5 1.7-3.1 0-6.2-1.9-6.2-6.3 0-3.7 2.6-6.3 6.2-6.3 1.6 0 3.1.6 4.3 1.7l.1.1 1.9-2-.1-.1c-1.8-1.7-3.9-2.5-6.3-2.5-5.5 0-9.2 3.7-9.2 9.1 0 6.3 4.6 9.1 9.2 9.1h.1c2.4 0 4.7-.9 6.3-2.6l.1-.1-2-2zm-20.3-3.9c0 3.2-2.2 5.6-5.3 5.7-3.3 0-5.3-2-5.3-5.4v-9.7h-3v9.7c0 5 3 8.2 7.7 8.2h.1c2.3 0 4.4-1.1 5.8-2.8l.1-.2.1 2.7h2.8v-17.6h-3z\" fill=\"#333333\"/><path d=\"M9.35 137.4H.25v25h9.1c8.7 0 12.5-6.4 12.5-12.7 0-5.9-3.9-12.3-12.5-12.3m9.4 12.2c0 4.8-2.9 9.6-9.3 9.6h-6v-18.7h5.9c6.4 0 9.4 4.7 9.4 9.1\" fill=\"@{surface1}\"/><path d=\"M173.65 151.5h7.7v5.8c-1.9 1.6-4.2 2.5-6.7 2.5-6.8 0-9.9-4.9-9.9-9.7 0-4.9 3.1-10.2 9.8-10.2 2.7 0 5.2 1 7.2 2.8l.1.1 1.8-2.1-.1-.1c-2.4-2.4-5.6-3.6-9.1-3.6-3.8 0-7 1.2-9.3 3.6-2.4 2.4-3.7 5.8-3.6 9.6 0 5.9 3.4 12.7 13 12.7h.2c3.6 0 7-1.5 9.4-4.2v-9.9h-10.6v2.7z\" fill=\"@{surface0}\"/><path d=\"M91.05 137.4h-9.1v25h9.1c8.7 0 12.5-6.4 12.5-12.7 0-5.9-3.9-12.3-12.5-12.3m9.4 12.2c0 4.8-2.9 9.6-9.3 9.6h-5.9v-18.7h5.9c6.3 0 9.3 4.7 9.3 9.1m95.9-5.2c-5.3 0-9.1 3.9-9.1 9.2s3.8 9.1 9.1 9.1 9.2-3.8 9.2-9.1c0-5.4-3.8-9.2-9.2-9.2m6.2 9.2c0 3.7-2.6 6.3-6.2 6.3-3.5 0-6.1-2.6-6.1-6.3 0-3.8 2.5-6.5 6.2-6.5 3.5.1 6.1 2.8 6.1 6.5m-82 .6c0 3.2-2.2 5.6-5.3 5.7-3.3 0-5.3-2-5.3-5.4v-9.7h-3v9.7c0 5 3 8.2 7.6 8.2h.1c2.3 0 4.4-1.1 5.8-2.8l.1-.2.1 2.7h2.8v-17.6h-3v9.4z\" fill=\"@{surface1}\"/><path d=\"M140.85 158.1c-1.1 1.1-2.7 1.7-4.5 1.7-3.1 0-6.2-1.9-6.2-6.3 0-3.7 2.6-6.3 6.2-6.3 1.6 0 3.1.6 4.3 1.7l.1.1 1.9-2-.1-.1c-1.8-1.7-3.9-2.5-6.3-2.5-5.5 0-9.2 3.7-9.2 9.1 0 6.3 4.6 9.1 9.2 9.1h.1c2.4 0 4.7-.9 6.3-2.6l.1-.1-2-2z\" fill=\"@{text}\"/><path d=\"M160.05 144.8h-3.9l-7.1 7.3v-14.6h-3v24.9h3v-8.2l8.1 8.1.1.1h3.6v-.3l-9.1-9z\" fill=\"#333333\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n // search glass icon\n .related-searches__item-text::before {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"21\" viewBox=\"0 0 19 21\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.343 14.642a8 8 0 1 1 11.99-.767l3.164 3.165a1.738 1.738 0 0 1-2.457 2.457l-3.39-3.39a8.005 8.005 0 0 1-9.307-1.465m1.414-9.885a6 6 0 1 0 8.486 8.486 6 6 0 0 0-8.486-8.486\" fill=\"@{text}\" opacity=\"0.6\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n // ddg header logo\n .header_logoImg__PFezv {\n @svg: escape(\n '<svg fill=\"none\" viewBox=\"0 0 189 53\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"@{text}\" d=\"M110.045 24.224h-2.405l-4.378 4.502v-9.003h-1.85v15.354h1.85v-5.056l4.995 4.994.061.062h2.22v-.185l-5.611-5.55zm-11.898 8.223c-.679.678-1.666 1.048-2.775 1.048-1.912 0-3.824-1.172-3.824-3.885 0-2.281 1.604-3.885 3.824-3.885.986 0 1.911.37 2.651 1.049l.062.061 1.171-1.233-.061-.062C98.085 24.492 96.79 24 95.31 24c-3.392 0-5.673 2.281-5.673 5.611 0 3.885 2.836 5.612 5.673 5.612h.062c1.48 0 2.898-.555 3.884-1.604l.062-.061-1.233-1.234zm-12.581-2.404c0 1.973-1.356 3.453-3.268 3.515-2.035 0-3.268-1.233-3.268-3.33v-5.981h-1.85v5.981c0 3.083 1.85 5.057 4.748 5.057h.062c1.418 0 2.713-.679 3.576-1.727l.062-.123.062 1.665h1.726V24.247h-1.85zM67.298 19.66h-5.612v15.417h5.612c5.365 0 7.708-3.947 7.708-7.832 0-3.638-2.405-7.585-7.708-7.585m5.796 7.524c0 2.96-1.788 5.92-5.735 5.92h-3.7V21.571h3.639c3.946 0 5.796 2.898 5.796 5.612zm96.018 1.17h4.748v3.577c-1.171.986-2.59 1.541-4.131 1.541-4.193 0-6.105-3.021-6.105-5.981 0-3.022 1.912-6.29 6.043-6.29 1.665 0 3.207.617 4.44 1.727l.062.061 1.11-1.295-.062-.061c-1.48-1.48-3.453-2.22-5.611-2.22-2.344 0-4.317.74-5.735 2.22-1.48 1.48-2.282 3.576-2.22 5.92 0 3.638 2.096 7.831 8.016 7.831h.124a7.72 7.72 0 0 0 5.796-2.59V26.69h-6.536v1.665zm-51.181-8.694h-5.612v15.417h5.612c5.365 0 7.708-3.947 7.708-7.832 0-3.638-2.405-7.584-7.708-7.584zm5.796 7.524c0 2.96-1.788 5.92-5.735 5.92h-3.638V21.572h3.638c3.885 0 5.735 2.898 5.735 5.612m59.463-3.185c-3.269 0-5.612 2.405-5.612 5.673s2.343 5.611 5.612 5.611c3.268 0 5.673-2.343 5.673-5.611 0-3.33-2.343-5.673-5.673-5.673m3.823 5.673c0 2.282-1.603 3.885-3.823 3.885-2.159 0-3.762-1.603-3.762-3.885 0-2.343 1.542-4.008 3.823-4.008 2.159.061 3.762 1.726 3.762 4.008m-50.814.371c0 1.973-1.356 3.453-3.268 3.515-2.035 0-3.268-1.233-3.268-3.33v-5.981h-1.85v5.981c0 3.083 1.85 5.057 4.686 5.057h.062c1.418 0 2.713-.679 3.576-1.727l.062-.123.062 1.665h1.726V24.247h-1.85v5.796zm12.58 2.404c-.678.678-1.665 1.048-2.775 1.048-1.911 0-3.823-1.172-3.823-3.885 0-2.281 1.603-3.885 3.823-3.885.987 0 1.912.37 2.652 1.049l.062.061 1.171-1.233-.061-.062c-1.11-1.048-2.405-1.541-3.885-1.541-3.392 0-5.673 2.281-5.673 5.611 0 3.885 2.836 5.612 5.673 5.612h.061c1.48 0 2.899-.555 3.885-1.604l.062-.061-1.233-1.234zm11.899-8.223h-2.405l-4.378 4.502v-9.003h-1.85v15.354h1.85v-5.056l4.994 4.994.062.062h2.22v-.185l-5.611-5.55z\"/><path fill=\"@{red}\" fill-rule=\"evenodd\" d=\"M26.5 53C41.136 53 53 41.136 53 26.5S41.136 0 26.5 0 0 11.864 0 26.5 11.864 53 26.5 53\" clip-rule=\"evenodd\"/><path fill=\"@{overlay2}\" fill-rule=\"evenodd\" d=\"M30.227 46.272c0-.207.05-.255-.608-1.566-1.749-3.503-3.507-8.44-2.707-11.625.146-.579-1.648-21.425-2.915-22.097-1.41-.75-3.143-1.942-4.728-2.207-.805-.128-1.86-.067-2.684.044-.147.02-.153.283-.013.33.542.184 1.2.502 1.587.984.073.09-.026.234-.142.239-.366.013-1.028.166-1.902.908-.101.086-.017.246.113.22 1.878-.372 3.797-.189 4.927.84.073.066.035.185-.06.211-9.811 2.667-7.87 11.2-5.257 21.674 2.213 8.875 3.113 12.028 3.433 13.103a.6.6 0 0 0 .366.398c3.438 1.29 10.59 1.316 10.59-.939z\" clip-rule=\"evenodd\"/><path fill=\"#fff\" d=\"M31.572 48.238c-1.19.466-3.52.673-4.865.673-1.973 0-4.814-.31-5.849-.776-.639-1.968-2.552-8.066-4.442-15.811l-.185-.757-.001-.006c-2.246-9.174-4.08-16.667 5.974-19.021.091-.022.136-.131.076-.204-1.154-1.368-3.315-1.817-6.048-.874-.112.039-.209-.074-.14-.17.536-.739 1.584-1.307 2.1-1.556.107-.051.101-.208-.012-.243a11.5 11.5 0 0 0-1.562-.372c-.153-.025-.167-.288-.013-.309 3.874-.52 7.92.642 9.95 3.2q.029.036.076.047c7.434 1.596 7.966 13.347 7.11 13.882-.17.106-.71.045-1.424-.035-2.893-.323-8.62-.964-3.893 7.846.047.087-.015.202-.113.217-2.665.415.75 8.767 3.261 14.27z\"/><path fill=\"#3ca82b\" d=\"M34.897 37.555c-.566-.263-2.742 1.298-4.186 2.496-.302-.427-.87-.738-2.154-.515-1.124.196-1.744.467-2.021.934-1.773-.672-4.757-1.71-5.478-.708-.787 1.095.197 6.277 1.244 6.95.546.351 3.16-1.328 4.524-2.487.22.31.575.488 1.303.471 1.102-.025 2.89-.282 3.167-.795a.6.6 0 0 0 .044-.11c1.403.524 3.871 1.08 4.423.996 1.437-.216-.2-6.924-.866-7.232\"/><path fill=\"@{green}\" d=\"M30.844 40.204q.088.16.148.332c.2.56.525 2.338.28 2.778-.247.439-1.847.651-2.835.668s-1.209-.344-1.409-.903c-.16-.447-.238-1.5-.237-2.101-.04-.894.286-1.208 1.795-1.452 1.116-.18 1.707.03 2.047.39 1.585-1.184 4.23-2.853 4.488-2.548 1.286 1.521 1.448 5.143 1.17 6.6-.091.476-4.35-.472-4.35-.986 0-2.133-.553-2.718-1.097-2.778m-9.329-.666c.349-.552 3.177.135 4.73.825 0 0-.32 1.446.189 3.149.148.498-3.572 2.715-4.058 2.334-.561-.441-1.594-5.148-.861-6.308\"/><path fill=\"@{yellow}\" fill-rule=\"evenodd\" d=\"M22.885 28.325c.228-.995 1.295-2.87 5.101-2.825 1.925-.008 4.315-.001 5.9-.181a21.2 21.2 0 0 0 5.27-1.282c1.648-.628 2.233-.488 2.438-.112.225.413-.04 1.127-.616 1.784-1.1 1.255-3.077 2.228-6.57 2.516s-5.805-.648-6.8.877c-.43.658-.098 2.208 3.279 2.696 4.563.659 8.311-.793 8.774.084s-2.204 2.661-6.775 2.698c-4.57.038-7.426-1.6-8.438-2.414-1.285-1.033-1.86-2.539-1.563-3.841\" clip-rule=\"evenodd\"/><g fill=\"@{crust}\" opacity=\".8\"><path d=\"M28.706 17.443c.255-.417.82-.74 1.745-.74s1.36.369 1.662.78c.061.083-.032.181-.127.14l-.07-.03c-.338-.148-.753-.33-1.465-.34-.761-.01-1.241.18-1.544.344-.101.056-.262-.055-.201-.154m-10.416.534c.898-.375 1.604-.327 2.103-.208.105.024.178-.089.094-.156-.387-.313-1.254-.7-2.385-.28-1.01.377-1.485 1.159-1.487 1.672-.001.122.248.132.312.03.174-.278.464-.682 1.362-1.058z\"/><path fill-rule=\"evenodd\" d=\"M31.237 23.154c-.794 0-1.438-.642-1.438-1.433s.644-1.433 1.438-1.433 1.438.642 1.438 1.433-.644 1.433-1.438 1.433m1.013-1.908a.372.372 0 0 0-.745 0 .372.372 0 0 0 .745 0m-10.544 1.467c0 .923-.75 1.671-1.676 1.671a1.675 1.675 0 0 1-1.677-1.67c0-.924.752-1.672 1.677-1.672.924 0 1.676.748 1.676 1.671m-.494-.554a.434.434 0 1 0-.867.002.434.434 0 0 0 .867-.002\" clip-rule=\"evenodd\"/></g><path fill=\"@{text}\" fill-rule=\"evenodd\" d=\"M26.5 48.756c12.292 0 22.256-9.964 22.256-22.256S38.792 4.244 26.5 4.244 4.244 14.208 4.244 26.5 14.208 48.756 26.5 48.756m0 2.07c13.435 0 24.326-10.891 24.326-24.326S39.935 2.174 26.5 2.174 2.174 13.065 2.174 26.5 13.065 50.826 26.5 50.826\" clip-rule=\"evenodd\"/><path fill=\"#fff\" fill-rule=\"evenodd\" d=\"M26.497 48.438c12.118 0 21.941-9.823 21.941-21.94S38.615 4.555 26.498 4.555 4.555 14.38 4.555 26.497s9.824 21.941 21.941 21.941zm24.292-21.94c0 13.415-10.876 24.29-24.292 24.29S2.206 39.914 2.206 26.499 13.08 2.205 26.497 2.205 50.79 13.08 50.79 26.497z\" clip-rule=\"evenodd\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n}\n\n@-moz-document domain(\"start.duckduckgo.com\") {\n :root:not(.theme-dark) {\n #catppuccin(@lightFlavor);\n }\n\n :root.theme-dark {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n\n color-scheme: if(@flavor = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n // TODO: Why does this ::placeholder from defaults explicitly not apply to <input>?\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n input {\n background-color: @surface0 !important;\n color: @text !important;\n }\n li:hover {\n background-color: @surface2 !important;\n }\n ul {\n background-color: @surface0 !important;\n }\n body {\n background-color: @base !important;\n }\n h1,\n h2,\n h3,\n p,\n a,\n span {\n color: @text !important;\n }\n\n --color-yellow60: @yellow !important;\n --theme-button-primary-bg: @blue !important;\n --theme-searchbox-caret-bg: @accent !important;\n\n .home_root__naJUp {\n --theme-bg-home: @base !important;\n --theme-button-secondary-text: @text !important;\n --theme-text-bg: @text !important;\n --theme-bg-home-searchbox: @surface0 !important;\n --theme-border-color-home-searchbox: @surface0 !important;\n }\n .searchbox_suggestions__umkQH {\n --theme-searchbox-bg: @surface0 !important;\n }\n .minimal-homepage_minimalHeroLogo__QSVlf {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 184 148\"><path fill=\"@{text}\" d=\"M69.942 129.26H66.46l-6.338 6.517v-13.033h-2.678v22.228h2.678v-7.32l7.23 7.23.09.09h3.214v-.268l-8.124-8.034zm-17.14 11.873c-.982.982-2.41 1.518-4.017 1.518-2.767 0-5.534-1.696-5.534-5.624 0-3.303 2.32-5.624 5.534-5.624 1.428 0 2.767.536 3.839 1.518l.089.089 1.696-1.786-.09-.089c-1.606-1.517-3.48-2.232-5.623-2.232-4.91 0-8.213 3.303-8.213 8.124 0 5.624 4.106 8.123 8.213 8.123h.09c2.141 0 4.195-.803 5.623-2.321l.09-.089-1.786-1.785zm-18.122-3.481c0 2.856-1.963 4.999-4.73 5.088-2.946 0-4.732-1.785-4.732-4.82v-8.66H22.54v8.66c0 4.463 2.678 7.32 6.874 7.32h.09c2.052 0 3.927-.982 5.177-2.5l.089-.179.09 2.411h2.499V129.26H34.68zM8.347 122.655H.223v22.317h8.124c7.766 0 11.158-5.713 11.158-11.337 0-5.267-3.481-10.98-11.158-10.98m8.39 10.89c0 4.285-2.588 8.57-8.301 8.57H3.08v-16.693h5.267c5.713 0 8.39 4.196 8.39 8.123m138.277 1.697h6.874v5.177c-1.696 1.428-3.749 2.232-5.981 2.232-6.07 0-8.838-4.374-8.838-8.659 0-4.374 2.768-9.106 8.749-9.106 2.41 0 4.642.893 6.427 2.5l.089.089 1.607-1.874-.089-.09c-2.143-2.142-4.999-3.213-8.124-3.213-3.392 0-6.248 1.071-8.302 3.213-2.142 2.143-3.302 5.178-3.213 8.57 0 5.267 3.035 11.337 11.605 11.337h.178c3.214 0 6.249-1.339 8.391-3.749v-8.838h-9.462v2.411zm-73.735-12.587h-8.124v22.317h8.124c7.766 0 11.158-5.713 11.158-11.337 0-5.267-3.481-10.98-11.158-10.98m8.39 10.89c0 4.285-2.588 8.57-8.301 8.57h-5.267v-16.693h5.267c5.624 0 8.302 4.196 8.302 8.123zm85.609-4.642c-4.731 0-8.123 3.482-8.123 8.213s3.392 8.124 8.123 8.124 8.213-3.393 8.213-8.124c0-4.82-3.392-8.213-8.213-8.213m5.535 8.213c0 3.303-2.321 5.624-5.535 5.624-3.124 0-5.445-2.321-5.445-5.624 0-3.392 2.232-5.802 5.534-5.802 3.125.089 5.446 2.499 5.446 5.802m-73.2.536c0 2.856-1.964 4.999-4.731 5.088-2.946 0-4.731-1.785-4.731-4.82v-8.66h-2.679v8.66c0 4.463 2.679 7.32 6.785 7.32h.089c2.053 0 3.928-.982 5.178-2.5l.089-.179.089 2.411h2.5V129.26h-2.678v8.392zm18.121 3.481c-.982.982-2.41 1.518-4.017 1.518-2.767 0-5.534-1.696-5.534-5.624 0-3.303 2.321-5.624 5.534-5.624 1.429 0 2.768.536 3.839 1.518l.089.089 1.696-1.786-.089-.089c-1.607-1.517-3.482-2.232-5.624-2.232-4.91 0-8.213 3.303-8.213 8.124 0 5.624 4.107 8.123 8.213 8.123h.089c2.143 0 4.196-.803 5.624-2.321l.089-.089-1.785-1.785zm17.14-11.873h-3.482l-6.338 6.517v-13.033h-2.678v22.228h2.678v-7.32l7.231 7.23.089.09h3.214v-.268l-8.123-8.034z\"/><path fill=\"@{peach}\" fill-rule=\"evenodd\" d=\"M91.946 107.122c29.581 0 53.561-23.98 53.561-53.561S121.527 0 91.947 0C62.364 0 38.384 23.98 38.384 53.561s23.98 53.561 53.561 53.561z\" clip-rule=\"evenodd\"/><path fill=\"#ddd\" fill-rule=\"evenodd\" d=\"M99.478 93.522c0-.418.103-.513-1.227-3.165-3.535-7.079-7.088-17.059-5.472-23.495.294-1.17-3.33-43.304-5.892-44.661-2.848-1.518-6.351-3.925-9.556-4.46-1.626-.26-3.758-.138-5.425.087-.296.04-.308.572-.025.668 1.094.37 2.423 1.014 3.206 1.988.148.184-.051.474-.287.482-.738.028-2.077.337-3.844 1.838-.204.173-.035.495.228.443 3.797-.75 7.674-.38 9.96 1.696.148.135.07.377-.123.43C61.19 30.76 65.117 48.01 70.396 69.177c4.654 18.666 6.435 24.81 7.012 26.727a.72.72 0 0 0 .424.469c6.85 2.697 21.646 2.805 21.646-1.805z\" clip-rule=\"evenodd\"/><path fill=\"#fff\" d=\"M102.198 97.498c-2.406.941-7.114 1.36-9.833 1.36-3.988 0-9.73-.628-11.821-1.57-1.293-3.976-5.16-16.303-8.978-31.956l-.374-1.53-.003-.012c-4.54-18.542-8.248-33.687 12.074-38.445.185-.043.276-.265.153-.411-2.331-2.766-6.7-3.673-12.222-1.768-.227.079-.424-.15-.283-.344 1.083-1.493 3.2-2.64 4.244-3.144.216-.104.203-.42-.025-.491a23 23 0 0 0-3.156-.753c-.31-.05-.338-.58-.027-.623 7.83-1.053 16.006 1.298 20.109 6.466a.27.27 0 0 0 .155.096c15.024 3.226 16.1 26.977 14.369 28.059-.341.213-1.434.09-2.877-.07-5.846-.655-17.422-1.95-7.868 15.856.094.176-.03.409-.228.44-5.388.837 1.517 17.719 6.591 28.84\"/><path fill=\"#3ca82b\" d=\"M108.919 75.904c-1.144-.53-5.542 2.624-8.461 5.045-.61-.863-1.76-1.49-4.355-1.04-2.27.396-3.524.943-4.084 1.887-3.584-1.359-9.614-3.456-11.07-1.43-1.593 2.214.397 12.687 2.512 14.047 1.104.71 6.386-2.685 9.144-5.026.445.627 1.162.986 2.634.952 2.228-.052 5.841-.57 6.401-1.608q.051-.095.089-.222c2.835 1.06 7.824 2.18 8.939 2.014 2.905-.437-.405-13.996-1.749-14.619\"/><path fill=\"@{green}\" d=\"M100.725 81.26c.121.214.217.44.3.67.404 1.13 1.062 4.726.564 5.614s-3.732 1.317-5.727 1.351-2.444-.695-2.848-1.825c-.324-.904-.483-3.03-.479-4.247-.082-1.806.578-2.44 3.627-2.934 2.257-.365 3.45.06 4.138.786 3.204-2.39 8.549-5.765 9.07-5.148 2.6 3.075 2.928 10.394 2.365 13.34-.184.962-8.791-.955-8.791-1.993 0-4.311-1.119-5.494-2.219-5.615zM81.87 79.913c.706-1.116 6.422.272 9.56 1.668 0 0-.644 2.922.382 6.364.3 1.007-7.22 5.488-8.201 4.717-1.134-.891-3.222-10.404-1.74-12.75z\"/><path fill=\"@{yellow}\" fill-rule=\"evenodd\" d=\"M84.64 57.249c.462-2.012 2.617-5.802 10.31-5.71 3.89-.016 8.722-.001 11.926-.365a43 43 0 0 0 10.65-2.59c3.331-1.27 4.513-.988 4.927-.227.456.835-.081 2.278-1.245 3.606-2.223 2.536-6.219 4.502-13.277 5.085s-11.734-1.31-13.746 1.772c-.868 1.33-.197 4.463 6.628 5.45 9.223 1.33 16.798-1.604 17.734.168s-4.455 5.38-13.693 5.455c-9.239.076-15.009-3.234-17.055-4.88-2.597-2.087-3.758-5.132-3.16-7.764z\" clip-rule=\"evenodd\"/><g fill=\"@{blue}\" opacity=\".8\"><path d=\"M96.404 35.256c.516-.844 1.658-1.495 3.528-1.495s2.75.744 3.359 1.573c.124.17-.064.368-.256.285l-.14-.061c-.684-.299-1.524-.666-2.963-.686-1.538-.022-2.508.363-3.12.695-.205.112-.53-.111-.408-.311m-21.053 1.079c1.816-.759 3.243-.66 4.252-.422.213.05.36-.178.19-.315-.783-.632-2.535-1.416-4.821-.564-2.039.76-3 2.34-3.006 3.379-.001.245.503.265.633.058.352-.56.937-1.377 2.752-2.136\"/><path fill-rule=\"evenodd\" d=\"M101.521 46.799c-1.606 0-2.908-1.299-2.908-2.897s1.302-2.897 2.908-2.897 2.907 1.299 2.907 2.897-1.302 2.897-2.907 2.897m2.047-3.857a.752.752 0 0 0-1.505 0 .752.752 0 0 0 1.505 0m-21.31 2.965a3.383 3.383 0 0 1-3.389 3.378c-1.87 0-3.389-1.513-3.389-3.378s1.52-3.379 3.389-3.379a3.385 3.385 0 0 1 3.389 3.379m-.999-1.12a.878.878 0 0 0-1.755 0 .876.876 0 0 0 1.755 0\" clip-rule=\"evenodd\"/></g><path fill=\"#fff\" fill-rule=\"evenodd\" d=\"M91.946 98.544c24.843 0 44.983-20.14 44.983-44.983S116.789 8.578 91.946 8.578s-44.983 20.14-44.983 44.983 20.14 44.983 44.983 44.983m0 4.184c27.154 0 49.167-22.013 49.167-49.167S119.1 4.394 91.946 4.394 42.78 26.407 42.78 53.56s22.013 49.167 49.167 49.167z\" clip-rule=\"evenodd\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n .header_headerButton__cLYU3 {\n color: @text !important;\n }\n .sideMenu_sideMenuContent__OE7n9,\n .searchbox_iconWrapper__suWUe {\n background-color: @surface0 !important;\n }\n .button_primary__e2_Sy {\n color: @mantle !important;\n }\n .searchbox_hasQuery__j8_VE:hover\n .searchbox_searchButton__F5Bwq:not(:disabled),\n .searchbox_hasQuery__j8_VE:focus-within {\n color: @mantle !important;\n background-color: @accent !important;\n }\n }\n}\n",
|
|
"originalDigest": "ed0669145112078989ba320172b8bebe8f18b667",
|
|
"_id": "bee4bebc-d360-4cc9-8a4f-3df8b4308f1b",
|
|
"_rev": 1780236867767,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 19
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Ollama Catppuccin",
|
|
"description": "Soothing pastel theme for Ollama",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/ollama/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Ollama Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/ollama",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/ollama",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/ollama/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aollama",
|
|
"description": "Soothing pastel theme for Ollama",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Ollama Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/ollama\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/ollama\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/ollama/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aollama\n@description Soothing pastel theme for Ollama\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"ollama.com\") {\n @import url(\"https://unpkg.com/@catppuccin/highlightjs@1.0.0/css/catppuccin-variables.css\");\n\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n #lib.css-variables();\n\n background-color: @base;\n color: @text;\n\n /* Llama logos */\n img[src=\"/public/ollama.png\"],\n img[src=\"/public/shades.png\"],\n img[src=\"/public/glasses.png\"] {\n filter: @text-filter;\n }\n\n code,\n pre {\n background-color: @mantle;\n color: @text !important;\n }\n\n input {\n background-color: @mantle;\n }\n\n main,\n section,\n strong,\n h3,\n ul,\n button,\n li,\n li::marker {\n color: @text;\n }\n blockquote {\n color: @subtext0;\n }\n\n a[class~=\"\"] {\n color: @blue;\n }\n\n #query,\n #filter,\n #search {\n background-color: @mantle;\n color: @text;\n }\n #readme,\n #display,\n #file-explorer {\n color: @text;\n }\n\n .command {\n color: @text;\n }\n .truncate {\n color: @text;\n }\n\n /* Tailwind */\n\n * {\n border-color: @surface1;\n }\n\n .prose {\n --tw-prose-headings: @text;\n --tw-prose-links: @accent;\n }\n\n .text-white,\n .text-black {\n color: @text;\n }\n .text-gray-900 {\n color: @subtext1;\n }\n .text-green-500,\n .text-emerald-500,\n .text-green-700 {\n color: @green;\n }\n .text-yellow-900 {\n color: @yellow;\n }\n .text-neutral-300,\n .text-neutral-400,\n .text-neutral-500 {\n color: @subtext0;\n }\n .text-neutral-700,\n .text-neutral-800,\n .text-neutral-900 {\n color: @subtext1 !important;\n }\n .text-red-500 {\n color: @red;\n }\n .text-blue-500,\n .text-blue-600 {\n color: @accent;\n }\n /* Models page, color for non-weight pills/tags. Background color is solid from `.bg-indigo-50`. */\n .text-indigo-600 {\n color: @crust;\n }\n\n .bg-neutral-100 pre,\n .bg-neutral-100 .command {\n background-color: unset !important;\n }\n .bg-white {\n background-color: @mantle;\n }\n .bg-black,\n .hover\\:bg-black:hover {\n background-color: @surface0 !important;\n }\n .bg-neutral-50 {\n background-color: @surface0;\n }\n .bg-neutral-100,\n .hover\\:bg-neutral-100:hover {\n background-color: @surface2 !important;\n }\n .bg-neutral-700,\n .bg-neutral-800 {\n background-color: @surface1;\n }\n .bg-green-50 {\n background-color: fade(@green, 10%);\n }\n .bg-yellow-50 {\n background-color: fade(@yellow, 10%);\n }\n .bg-indigo-50 {\n background-color: @accent;\n }\n .bg-\\[\\#ddf4ff\\] {\n background-color: fade(@accent, 10%);\n }\n\n .border {\n border-color: @accent;\n }\n .border-neutral-200,\n .border-neutral-300,\n .divide-gray-200 > :not([hidden]) ~ :not([hidden]),\n .divide-neutral-200 > :not([hidden]) ~ :not([hidden]) {\n border-color: @surface1;\n }\n .focus\\:border-blue-400:focus {\n border-color: @accent;\n }\n .focus\\:border-red-400:focus {\n border-color: @red;\n }\n\n .ring-neutral-300 {\n --tw-ring-color: @surface1 !important;\n }\n .ring-green-600\\/20 {\n --tw-ring-color: @green;\n }\n .ring-yellow-600\\/20 {\n --tw-ring-color: @yellow;\n }\n select:focus,\n .ring-blue-300,\n .focus\\:ring-blue-300:focus {\n --tw-ring-color: rgba(#lib.rgbify(@accent)[], var(--tw-ring-opacity));\n }\n .focus\\:ring-red-300:focus {\n --tw-ring-color: rgba(#lib.rgbify(@red)[], var(--tw-ring-opacity));\n }\n }\n}\n",
|
|
"originalDigest": "223842f258844809eefb9b7878b040499bf173c3",
|
|
"_id": "dbbd2491-01b3-4a67-9c07-601bad22bcd2",
|
|
"_rev": 1780236867874,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 20
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Trinket Catppuccin",
|
|
"description": "Soothing pastel theme for Trinket",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/trinket/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Trinket Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/trinket",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/trinket",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/trinket/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Atrinket",
|
|
"description": "Soothing pastel theme for Trinket",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Trinket Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/trinket\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/trinket\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/trinket/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Atrinket\n@description Soothing pastel theme for Trinket\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"trinket.io\") {\n @import url(\"https://unpkg.com/@catppuccin/highlightjs@1.0.0/css/catppuccin-variables.important.css\");\n\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n #lib.css-variables();\n\n .ace_editor {\n background-color: @crust;\n color: @text;\n\n .ace_gutter {\n background: @mantle;\n color: @overlay1;\n }\n .ace_print-margin {\n background: @mantle;\n }\n\n .ace_marker-layer {\n .ace_active-line {\n background-color: fade(@yellow, 20%);\n }\n .highlight-line-error {\n background-color: fade(@red, 20%);\n }\n .ace_bracket {\n border-color: @overlay1;\n }\n }\n\n .ace_cursor {\n color: @text;\n }\n .ace_marker-layer .ace_selection {\n background: fade(@accent, 30%);\n }\n .ace_fold {\n background-color: @surface0;\n border-color: @surface1;\n }\n\n .ace_constant.ace_language,\n .ace_keyword,\n .ace_meta,\n .ace_variable.ace_language {\n color: @mauve;\n }\n .ace_line .ace_identifier:not(:first-of-type) {\n color: @blue;\n }\n .ace_paren {\n color: @red;\n }\n .ace_constant.ace_numeric {\n color: @peach;\n }\n .ace_entity.ace_other.ace_attribute-name,\n .ace_support.ace_constant,\n .ace_support.ace_function {\n color: @teal;\n }\n .ace_entity.ace_name.ace_tag,\n .ace_support.ace_class,\n .ace_support.ace_type {\n color: @blue;\n }\n .ace_storage {\n color: @peach;\n }\n .ace_string {\n color: @green;\n }\n .ace_comment {\n color: @overlay2;\n }\n\n .ace_indent-guide {\n @svg: escape(\n '<svg width=\"1\" height=\"2\" xmlns=\"http://www.w3.org/2000/svg\"><path stroke=\"@{surface0}\" d=\"M0 0v2\"/></svg>'\n );\n\n background-image: url(\"data:image/svg+xml;utf8,@{svg}\");\n }\n }\n\n #ace_settingsmenu {\n background-color: @mantle !important;\n box-shadow: none !important;\n color: @subtext0;\n }\n\n body {\n background-color: @base !important;\n color: @text !important;\n }\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n color: @text !important;\n }\n\n a {\n color: @accent;\n text-decoration-color: @accent;\n\n &:hover {\n color: @accent;\n }\n }\n\n hr,\n fieldset {\n border-color: @surface0 !important;\n }\n\n footer {\n border-top-color: @surface0 !important;\n background-color: @mantle !important;\n }\n\n code {\n background-color: @mantle !important;\n color: @text !important;\n }\n\n select {\n background-color: @crust !important;\n border-color: @surface0 !important;\n color: @text !important;\n }\n\n iframe[frameborder] {\n border-color: @surface0 !important;\n }\n\n label {\n color: @subtext0 !important;\n }\n\n table {\n background-color: @base !important;\n border-color: @surface0 !important;\n\n th,\n td {\n color: @text !important;\n }\n\n tr.even,\n tr.alt,\n tr:nth-of-type(2n) {\n background-color: @mantle !important;\n }\n\n thead {\n background-color: @mantle !important;\n }\n }\n\n input,\n textarea {\n background-color: @crust !important;\n color: @text !important;\n border-color: @surface0 !important;\n }\n\n textarea.lined {\n background-color: @base !important;\n }\n\n path[fill=\"#444444\"] {\n fill: @text !important;\n }\n\n pre {\n border-color: @surface0 !important;\n background-color: @mantle !important;\n }\n\n #page.hfeed a:hover {\n border-bottom-color: @accent !important;\n }\n\n .author-section {\n box-shadow: none !important;\n }\n\n .code-editor .expander {\n background-image: linear-gradient(\n to right,\n fade(@mantle, 0%),\n @mantle 50%\n ) !important;\n }\n\n .sidebar-content a:hover {\n color: @accent !important;\n }\n\n .progress {\n border-color: @surface0 !important;\n background-color: @crust !important;\n color: @base !important;\n }\n\n .sidebar {\n box-shadow: 1px 0 15px fade(@crust, 50%) !important;\n background-color: @base !important;\n }\n\n .sidebar-top {\n background-color: @base !important;\n border-bottom-color: @surface0 !important;\n }\n\n .meter.green {\n background-color: @green !important;\n }\n\n .file-upload {\n background-color: @crust !important;\n border-color: @surface0 !important;\n color: @text !important;\n }\n\n .notifyjs-foundation-success,\n .alert-box.success {\n color: @base !important;\n background-color: @green !important;\n border-color: @green !important;\n }\n\n .alert-box.alert,\n .alert-box.code-error {\n color: @base !important;\n background-color: @red !important;\n border-color: @red !important;\n }\n\n .lineno,\n article .categories,\n article .date,\n article .date a {\n color: @subtext0 !important;\n\n &a:hover {\n color: @accent !important;\n }\n }\n\n .linedwrap .lines {\n border-right-color: @surface0;\n }\n\n .codelines {\n background-color: @mantle !important;\n }\n\n span.beta {\n color: @accent !important;\n }\n\n .resources a {\n color: @text !important;\n\n &:hover .book-item {\n box-shadow: 0 0 15px @surface0 !important;\n }\n }\n\n #trinket-gallery #trinketDetails a.closer {\n border-color: @surface0 !important;\n background-color: @crust !important;\n }\n\n .panel {\n background-color: @crust !important;\n color: @text !important;\n border-color: @surface0 !important;\n\n li {\n color: @subtext0 !important;\n }\n }\n\n .code-plan-colors,\n .code-label,\n .code-name,\n .codeplus-plan-colors,\n .codeplus-label,\n .codeplus-name,\n .connect-plan-colors,\n .connect-label,\n .connect-name,\n .classroom-plan-colors,\n .classroom-label,\n .classroom-name,\n i.trinket-key.logo {\n background-color: @accent !important;\n color: @base !important;\n }\n\n .code-plan-colors-inverted,\n .connect-plan-colors-inverted,\n .classroom-plan-colors-inverted {\n color: @accent;\n }\n\n .nav-wrapper,\n .entry-footer {\n border-bottom-color: @surface0 !important;\n }\n\n .top-bar,\n .top-bar-section ul li,\n .top-bar-section li:not(.has-form) a:not(.button, .faux-button),\n .name {\n background-color: @crust !important;\n }\n\n .top-bar-section li:not(.has-form) a:not(.button, .faux-button):hover {\n background-color: @mantle !important;\n }\n\n .angular-ui-tree-placeholder {\n background-color: @base !important;\n border-color: @surface0 !important;\n }\n\n .editable-click:hover,\n a.editable-click:hover {\n color: @accent !important;\n }\n\n .outline-list-item.lesson {\n border-bottom-color: @surface0 !important;\n }\n\n .intercom-namespace .intercom-o8wqhy {\n box-shadow: none;\n }\n\n .intercom-lightweight-app-launcher-icon-open svg path {\n fill: @base !important;\n }\n\n .intercom-lightweight-app-launcher {\n background-color: @accent !important;\n }\n\n .edit-material-title:hover {\n background-color: @crust !important;\n }\n\n a.dashboard-actions-link,\n a.edit-lesson-actions-link,\n a.edit-material-actions-link {\n i {\n color: @text !important;\n }\n\n &:hover {\n background-color: @mantle !important;\n }\n }\n\n .dashboard-content.dashboard-list {\n .submission-row,\n .user-row {\n border-bottom-color: @surface0 !important;\n\n &:not(.row-open):hover {\n background-color: @mantle !important;\n }\n }\n }\n\n .dashboard-content .material-row .material-name span {\n color: @text !important;\n }\n\n .chart-wrapper {\n background-color: @base !important;\n }\n\n .chart-segment {\n span {\n color: @base !important;\n }\n\n &.completed {\n background-color: @green !important;\n }\n\n &.submitted {\n background-color: @blue !important;\n }\n\n &.started {\n background-color: @yellow !important;\n }\n\n &.not-started {\n background-color: @text !important;\n background-image: repeating-linear-gradient(\n 135deg,\n @subtext1,\n @subtext1 10px,\n transparent 10px,\n transparent 30px\n ) !important;\n }\n }\n\n .outline-list {\n background-color: @mantle !important;\n }\n\n .outline-list-item.angular-ui-tree-node.isDraft {\n background-image: repeating-linear-gradient(\n 45deg,\n @base,\n @base 10px,\n transparent 10px,\n transparent 20px\n ) !important;\n }\n\n .top-bar .toggle-topbar.menu-icon a {\n color: @text !important;\n }\n\n .top-bar.expanded .toggle-topbar a span::after {\n box-shadow: 0 0 0 1px @text, 0 7px 0 1px @text, 0 14px 0 1px @text;\n }\n\n .button.dropdown-blue::after {\n border-top-color: @text !important;\n }\n\n .top-bar-section .title h5 a {\n color: @text !important;\n }\n\n .update-row {\n border-top-color: @surface2 !important;\n }\n\n .top-bar-section .divider {\n border-top-color: @surface0 !important;\n }\n\n nav.top-bar .top-bar-section .dropdown,\n nav.top-bar .top-bar-section body.course .dropdown-blue,\n body.course nav.top-bar .top-bar-section .dropdown-blue {\n border-color: @surface0 !important;\n }\n\n .content-heading {\n background-color: @mantle !important;\n }\n\n .top-bar-section ul li > a,\n #userdata,\n .subheader,\n .green-highlight:not(.disabled) > *,\n .tab-scroll-link,\n .closer,\n .entry-title a,\n .jqconsole-prompt,\n .jqconsole-old-prompt {\n color: @text !important;\n }\n\n .top-bar-section .has-dropdown > a::after {\n border-top-color: @text !important;\n }\n\n #loadingContent {\n background-color: @base !important;\n }\n\n .fa-spinner {\n color: @text !important;\n }\n\n button,\n .button,\n .faux-button {\n background-color: @crust !important;\n color: @text !important;\n border-color: @surface0 !important;\n\n &:hover {\n background-color: @mantle !important;\n }\n\n &:not(.disabled) {\n &.secondary,\n &.success {\n background-color: @surface0 !important;\n color: @text !important;\n border-color: @surface0 !important;\n\n // the :not() adds specificity to override the `!important` in the default styles\n &:hover:not(.disabled) {\n background-color: @green !important;\n color: @base !important;\n border-color: @surface0 !important;\n }\n }\n\n &.danger {\n background-color: @red !important;\n border-color: @red !important;\n color: @base !important;\n\n &:hover {\n background-color: darken(@red, 5%) !important;\n }\n }\n\n &.caution {\n border-color: @red !important;\n color: @red;\n\n &:hover {\n background-color: fade(@red, 40%) !important;\n }\n }\n }\n\n &#sidebar-link,\n &#sidebar-close {\n background-color: @base !important;\n }\n }\n\n .site-header {\n border-bottom-color: @surface0 !important;\n }\n\n .menu-icon {\n fill: @text !important;\n }\n\n .draft-message,\n .broadcast-message {\n color: @subtext0 !important;\n }\n\n .color-swatch {\n color: @surface0 !important;\n }\n\n #embed-documentation dd,\n dl#documentation dd {\n &,\n .methodHeader,\n .methodDocs {\n border-color: @surface0 !important;\n\n pre {\n background-color: @base !important;\n }\n }\n\n .methodHeader {\n background-color: @crust !important;\n }\n\n &.active a {\n border-bottom-color: @surface0 !important;\n }\n }\n\n .switch {\n label {\n background-color: @crust !important;\n\n &::after {\n background-color: @text !important;\n }\n }\n\n input:checked + label {\n background-color: @accent !important;\n\n &::after {\n background-color: @base !important;\n }\n }\n }\n\n .accordion {\n dd > a {\n background-color: @mantle !important;\n color: @text !important;\n }\n\n dd > .content.active {\n background-color: @mantle !important;\n }\n }\n\n .icon-bar {\n background-color: @base !important;\n\n > a {\n background-color: @crust !important;\n }\n\n > a:hover {\n background-color: @mantle !important;\n }\n\n .item,\n > * i {\n color: @text !important;\n }\n }\n\n .exit-off-canvas {\n box-shadow: -4px 0 4px @surface0, 4px 0 4px @surface0 !important;\n background-color: fade(@base, 50%) !important;\n }\n\n #trinket-gallery #trinketDetails .spotlight {\n background-color: fade(@base, 50%) !important;\n }\n\n .right-off-canvas-menu,\n .left-off-canvas-menu {\n background-color: @base !important;\n }\n\n .tab-nav {\n border-bottom-color: @base !important;\n\n .menu-button {\n background-color: @base !important;\n color: @text !important;\n }\n\n .tab {\n background-color: @crust !important;\n border-color: @surface0 !important;\n border-top-color: @crust !important;\n box-shadow: none !important;\n\n i.warning {\n color: @red !important;\n }\n\n a {\n color: @text !important;\n }\n\n &.active {\n background-color: @surface0 !important;\n\n span {\n background-color: @surface0 !important;\n }\n }\n }\n }\n\n .side-nav {\n border-color: @surface0 !important;\n\n li {\n border-top-color: @surface2 !important;\n }\n\n a {\n color: @accent !important;\n\n &.active {\n color: @text !important;\n }\n }\n }\n\n li.side-nav-heading {\n background-color: @mantle !important;\n }\n\n .decorated > span {\n &::before,\n &::after {\n border-bottom-color: @surface0;\n }\n }\n\n .tab-options,\n .f-dropdown.open {\n background-color: @base !important;\n border-color: @surface0 !important;\n\n &::before,\n &::after {\n border-bottom-color: @crust !important;\n }\n\n a {\n background-color: @crust !important;\n color: @text !important;\n }\n }\n\n .reveal-modal {\n background-color: @base !important;\n border-color: @surface0 !important;\n box-shadow: none !important;\n\n .close-reveal-modal {\n color: @subtext0 !important;\n }\n }\n\n ul.off-canvas-list li {\n a {\n border-bottom-color: @surface0 !important;\n color: @text !important;\n background-color: @base !important;\n }\n\n a:hover {\n background-color: @mantle !important;\n }\n\n label {\n background-color: @mantle !important;\n border-top-color: @surface0 !important;\n color: @subtext0 !important;\n }\n }\n\n .faux-input {\n background-color: @crust !important;\n border-color: @surface0 !important;\n box-shadow: none !important;\n color: @text !important;\n }\n\n .label:not(.last-saved) {\n background-color: @accent !important;\n color: @base !important;\n }\n\n .last-saved {\n color: @subtext0 !important;\n }\n\n .code-editor .info-area {\n border-top-color: @surface0 !important;\n background-color: @base !important;\n color: @text !important;\n }\n\n .injectionDiv {\n color: initial !important;\n }\n\n .pricing-table {\n border-color: @surface0 !important;\n\n .cta-button {\n background-color: @base !important;\n }\n\n .price {\n background-color: @base !important;\n color: @text !important;\n }\n\n .title {\n background-color: @mantle !important;\n }\n\n .description,\n .bullet-item {\n background-color: @base !important;\n color: @text !important;\n border-bottom-color: @surface2 !important;\n\n p {\n color: @subtext0 !important;\n }\n }\n }\n\n .blue-highlight:not(.disabled) {\n background-color: @accent !important;\n\n &,\n i.fa,\n label {\n color: @base !important;\n }\n }\n\n .featured-course-list li {\n border-color: @surface0 !important;\n }\n\n .course-title {\n background-color: @mantle !important;\n border-bottom-color: @surface0 !important;\n\n a {\n color: @text !important;\n }\n }\n\n .course-list li {\n border-color: @surface0 !important;\n\n &:hover {\n background-color: @mantle !important;\n }\n }\n\n .library-subnav {\n border-bottom-color: @surface0 !important;\n }\n\n .trinket-last-date {\n color: @subtext0 !important;\n }\n\n .fa {\n &.neutral {\n color: @subtext0 !important;\n }\n\n &.success {\n color: @green !important;\n }\n\n &.alert,\n &.caution {\n color: @red !important;\n }\n }\n\n .shared-modal ul#my-folders-list li.folder-item {\n border-top-color: @surface0 !important;\n }\n\n .trinket-stat .badge {\n background-color: @accent !important;\n background-image: none !important;\n color: @base !important;\n }\n\n .editable-empty {\n color: @subtext0 !important;\n }\n\n .breadcrumbs {\n background-color: @mantle !important;\n border-color: @surface0 !important;\n\n .editable {\n border-bottom-color: @subtext0 !important;\n\n &:hover {\n color: @accent !important;\n }\n }\n\n > .current {\n color: @text !important;\n }\n }\n\n .jqconsole-header {\n color: @subtext0 !important;\n }\n\n .jqconsole-output:not(.error) {\n color: @subtext1 !important;\n }\n\n .jqconsole-output.error,\n .jqconsole-error {\n background-color: @red !important;\n color: @base !important;\n }\n\n .draft-circle {\n background-color: @accent !important;\n }\n\n .MathJax_Preview {\n color: @subtext0 !important;\n }\n\n [data-magellan-expedition],\n [data-magellan-expedition-clone] {\n background-color: @base !important;\n }\n\n #trinkets-list,\n .trinkets-list {\n > li {\n border-color: @surface0 !important;\n box-shadow: none;\n }\n\n > li .snapshot .title {\n background-color: unset !important;\n border-top-color: @surface0 !important;\n }\n\n .dragging-trinket {\n background-color: @crust !important;\n border-color: @surface0 !important;\n color: @subtext0 !important;\n }\n }\n\n #sidebar-link:hover,\n #sidebar-close:hover {\n opacity: 100% !important;\n }\n\n #search-2 input {\n &,\n &:hover,\n &:focus {\n background-color: @crust !important;\n color: @text !important;\n border-color: @surface0 !important;\n }\n }\n\n #material-edit .toolbar {\n background-color: @mantle;\n border-top-color: @surface0;\n border-bottom-color: @surface0;\n }\n\n #outline {\n background-color: @mantle !important;\n border-right-color: @surface0 !important;\n\n ul {\n background-color: @mantle !important;\n }\n\n .outline-list-item.material.current {\n background-color: @crust !important;\n color: @text !important;\n }\n\n .info,\n .outline-list-item.lesson {\n border-bottom-color: @surface0 !important;\n }\n }\n\n #outline-expander {\n background-color: @accent !important;\n color: @base !important;\n }\n\n #class-progress {\n background-color: @surface0 !important;\n\n .percentage {\n background-color: @accent !important;\n }\n }\n\n #course-nav {\n background-color: @mantle !important;\n border-color: @surface0 !important;\n\n .title.breadcrumbs {\n background-color: @crust !important;\n }\n }\n\n #reset-output {\n color: @subtext0 !important;\n }\n\n #instructionsToolbar {\n border-bottom-color: @surface0 !important;\n }\n\n #instructionsContainer {\n background-color: @base !important;\n }\n\n #team {\n background-color: @mantle !important;\n\n img {\n box-shadow: 0 0 0 10px @accent !important;\n }\n\n a.social {\n background-color: @accent !important;\n\n i::before {\n color: @base !important;\n }\n }\n }\n\n #outputTabs {\n background-color: @crust !important;\n border-bottom-color: @surface0 !important;\n\n .active {\n background-color: @mantle !important;\n }\n\n #instructionsTab {\n border-left-color: @surface0 !important;\n }\n }\n\n #recent-trinkets .item a {\n background-color: @mantle !important;\n border-color: @surface0 !important;\n box-shadow: none !important;\n }\n\n #content-wrapper {\n border-color: @surface0 !important;\n }\n\n #wrapper {\n border-color: @surface0 !important;\n\n .trinket-content {\n border-top-color: @surface0 !important;\n }\n\n .trinket-wrapper .trinket-content {\n background-color: @base !important;\n }\n\n .trinket-label {\n color: @subtext0 !important;\n }\n\n &,\n .trinket-content-wrapper > :not(.codeOutput, #content-overlay) {\n background-color: @base;\n }\n\n .codeOutput {\n background-color: initial !important;\n }\n\n .left-menu-toggle {\n border-right-color: @surface0 !important;\n }\n\n .right-menu-toggle {\n border-left-color: @surface0 !important;\n }\n\n .icon-bar .item.split {\n &.button,\n &.faux-button {\n span {\n border-left-color: @surface0 !important;\n }\n\n span::after {\n border-top-color: @text !important;\n }\n }\n }\n }\n\n #content-overlay {\n background-color: fade(@base, 20%) !important;\n }\n\n #books-index .book-img {\n outline-color: @surface0 !important;\n\n &:hover {\n outline-color: @accent !important;\n }\n }\n\n #svg-logo .letters {\n fill: @text !important;\n }\n\n #svg-logo .yellow {\n fill: @yellow !important;\n }\n\n #svg-logo .blue {\n fill: @blue !important;\n }\n\n #svg-logo .green {\n fill: @green !important;\n }\n\n #svg-logo .white {\n fill: @base !important;\n }\n\n #blue-logo-circle {\n // There normally isn't an animation applied to this\n // element because the circle blends in to the background.\n opacity: 0;\n animation: RtL 1s 0.75s ease 1 forwards !important;\n }\n\n #hero {\n background-color: @mantle !important;\n }\n\n #graphic {\n /* This is the element for graphics output. If styled with Catppuccin, it may make graphics unviewable due to contrast issues. */\n background-color: white !important;\n\n &,\n label {\n color: initial !important;\n }\n }\n\n @keyframes attention-error-border-pulse {\n 0% {\n box-shadow: inset 0 0 0 @red;\n }\n 40% {\n box-shadow: inset 0 0 0 @red;\n }\n 70% {\n box-shadow: inset 0 0 6px @red;\n }\n 100% {\n box-shadow: inset 0 0 0 @red;\n }\n }\n\n @keyframes bluePulseButton {\n 0% {\n box-shadow: 0 0 0 0 fade(@accent, 40%);\n background-color: @accent;\n }\n\n 70% {\n box-shadow: 0 0 0 10px fade(@accent, 0%);\n background-color: @accent;\n }\n\n 100% {\n box-shadow: none;\n background-color: @accent;\n }\n }\n\n img[src$=\"trinket-logo-notag.png\"],\n img[src$=\"trinket-logo.png\"] {\n @svg: escape(\n '<svg viewBox=\"0 0 525.333 92\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"@{text}\" d=\"M157.021 30.188h3.899l5.512-16.761a26.2 26.2 0 0 1 5.262 2.172q2.421 1.336 3.675 3.063 1.252 1.727 1.252 8.518v3.008h18.818q.95 2.225.95 4.732-.002 2.12-.78 2.84-.78.725-3.007.724H176.62v21.993q0 9.577 1.615 13.03 1.614 3.454 5.374 3.591 3.757.14 9.159-2.645 1.614 2.17 1.615 4.955-.001 3.79-3.982 5.096c-2.653.87-6.783 1.31-12.39 1.31q-9.186 0-13.112-3.678-3.925-3.673-3.924-14.253v-9.689q-.001-9.187-.557-19.71h-5.68q-1.002-2.394-1.003-4.843 0-1.893.753-2.673.75-.78 2.532-.78m44.755 2.727q-.001-2.001 1.475-2.617 1.476-.612 18.4-1.114.279 2.34 0 6.46 7.02-4.121 12.696-5.568c3.787-.963 7.127-1.45 10.024-1.45q2.006.001 2.672.475.668.474.668 2.2.001 3.06-.919 6.375c-.611 2.21-1.373 3.627-2.283 4.26q-1.363.946-4.315 1.392-2.951.447-3.424.223t-3.145-3.73q-4.12.001-6.321 2.978c-1.464 1.984-2.198 7.1-2.198 15.339q-.001 11.304.278 19.49h8.74q1.004 1.836 1.003 4.118 0 1.951-.805 2.729-.812.78-3.146.78h-28.397q-1.002-2.338-1.003-4.398 0-1.726.78-2.477.778-.753 2.506-.752h4.063q.278-8.187.278-18.988.001-15.59-1.475-18.43t-5.15-2.84q-1.001-2.225-1.002-4.455m74.318 44.712h6.57q.95 1.838.949 4.12 0 1.95-.81 2.73-.805.778-3.145.777h-26.726c-.633-1.558-.945-3.023-.945-4.398q0-1.726.777-2.478.78-.75 2.506-.751h4.566q.279-7.126.28-15.201-.001-12.304-.197-16.342-.195-4.036-.863-5.9-.668-1.867-2.06-2.34c-1.392-.474-2.282-.474-4.064-.474-.633-1.039-.945-2.246-.945-3.619q0-3.118 2.56-3.842 2.56-.723 10.413-.724 5.897-.001 8.045.446 2.142.446 2.45 1.755.305 1.307.306 3.646v27.394q.055 8.076.333 15.2m-10.189-55.68q-5.011.002-7.238-1.92t-2.228-5.428q.001-3.676 2.84-6.043 2.84-2.365 8.074-2.366 5.347 0 7.573 2.032t2.226 5.317q0 3.622-2.672 6.015t-8.575 2.392m43.083 13.643q6.07-3.787 11.664-5.372c3.732-1.06 6.857-1.589 9.384-1.589q7.85.001 11.663 3.455 3.816 3.451 3.815 13.918.001 27.396 1.001 29.54 1.004 2.141 4.343 2.088a10.7 10.7 0 0 1 .835 4.175c0 1.335-.436 2.248-1.308 2.726q-1.306.727-4.984.726-9.019.001-11.413-.28-2.393-.277-3.283-1.809-.893-1.529-.892-5.149V58.361q0-11.358-2.087-15.227-2.09-3.871-6.767-3.872-3.953.002-6.236 2.312t-2.283 9.66v11.193q0 7.016.278 15.201h6.626q.947 1.836.948 4.118 0 1.951-.808 2.73-.808.78-3.144.779h-26.227q-1.004-2.34-1.003-4.398 0-1.725.78-2.48.778-.75 2.505-.749h4.067a633 633 0 0 0 .275-18.99q0-15.588-1.475-18.43-1.475-2.838-5.15-2.837-1.003-2.228-1.002-4.455 0-2.004 1.476-2.618 1.474-.612 18.402-1.114.274 2.34 0 6.404m71.814 42.039h5.01q.95 1.838.949 4.12 0 1.95-.78 2.73-.784.778-3.175.777h-25.168q-.946-2.336-.946-4.398 0-1.726.78-2.478.78-.75 2.506-.751h4.566q.279-7.126.278-19.21-.002-25.278-.195-31.737-.194-6.458-.837-8.827-.64-2.364-2.171-3.06t-3.981-.697q-.946-2.284-.946-4.566-.001-2.337 1.726-2.98 1.725-.638 11.249-.638 5.899.001 8.045.472c1.43.318 2.253.9 2.478 1.754q.332 1.28.332 3.62v42.038q3.956-2.894 8.827-7.46c4.87-4.566 5.818-5.68 7.712-7.907h-4.12a9.3 9.3 0 0 1-.945-4.123q-.001-2.168.862-3.146.86-.971 2.755-.972h21.16q.945 1.891.945 4.007 0 2.454-.946 3.343-.948.89-3.286.89h-2.506l-14.922 13.863q6.459 9.969 11.164 15.87 4.704 5.904 6.904 7.683 2.197 1.782 5.206 1.783 1.057 3.842-.305 5.735-1.364 1.892-9.273 1.892-6.57.001-8.24-.918-1.669-.918-3.007-3.174c-1.338-2.256-2.162-3.822-3.812-6.96q-2.477-4.705-8.603-14.17l-5.57 5.288q0 5.181.28 12.307m72.981-49.055q11.584 0 16.816 5.264 5.234 5.26 5.233 16.619 0 5.625-2.227 8.017c-1.483 1.598-4.734 2.395-9.743 2.395h-20.713q.166 7.294 3.285 11.443 3.12 4.147 10.968 4.147c5.125 0 10.393-1.484 15.816-4.455q2.894 2.841 2.894 6.126 0 4.454-6.544 6.21-6.542 1.751-15.338 1.751-15.147.002-21.994-6.124-6.849-6.123-6.85-20.213 0-14.641 7.713-22.91 7.712-8.271 20.684-8.27m-2.225 9.633q-4.123 0-6.292 3.34c-1.45 2.229-2.19 6.107-2.23 11.638h2.953q6.18 0 9.438-.363c2.17-.239 3.442-.65 3.812-1.225q.559-.861.559-2.866-.001-5.01-2.17-7.767-2.175-2.756-6.07-2.757m34.395-8.017h3.899l5.512-16.761a26.2 26.2 0 0 1 5.262 2.172q2.422 1.336 3.675 3.063t1.254 8.518v3.008h18.817q.948 2.225.948 4.732 0 2.12-.78 2.84-.78.725-3.006.724h-15.979v21.993q-.001 9.577 1.612 13.03 1.614 3.454 5.375 3.591 3.756.14 9.158-2.645 1.617 2.17 1.615 4.955 0 3.79-3.981 5.096c-2.654.87-6.783 1.31-12.387 1.31q-9.19 0-13.113-3.678-3.926-3.673-3.926-14.253v-9.689q0-9.187-.558-19.71h-5.68q-1-2.394-1-4.843 0-1.893.75-2.673.754-.78 2.533-.78\"/><path fill=\"@{green}\" d=\"M138 46c0 25.405-20.596 46-46 46S46 71.405 46 46C46 20.596 66.594 0 92 0s46 20.596 46 46\"/><path fill=\"@{blue}\" d=\"M115.363 46c0 25.405-20.595 46-46 46s-46-20.595-46-46c0-25.404 20.595-46 46-46s46 20.596 46 46\"/><path fill=\"@{yellow}\" d=\"M92 46c0 25.405-20.596 46-46 46C20.595 92 0 71.405 0 46 0 20.596 20.595 0 46 0c25.404 0 46 20.596 46 46\"/><path fill=\"@{base}\" d=\"M28.218 73.993 56.52 45.172c4.106 3.774 10.488 3.639 14.426-.368l.59-.6c4.016-4.091 3.955-10.658-.135-14.676l-6.038-5.93a10.38 10.38 0 0 0-14.675.135l-.59.6a10.375 10.375 0 0 0-.104 14.428l-16.909 17.22-5.981-5.875-3.206 3.264 4.35 4.272-3.202 3.262-4.35-4.272-3.205 3.265 5.98 5.874-1.78 1.814a4.575 4.575 0 0 0 .06 6.468 4.575 4.575 0 0 0 6.467-.06m26.465-39.516a4.035 4.035 0 0 1-.053-5.694l.591-.6a4.03 4.03 0 0 1 5.692-.052l6.038 5.93a4.03 4.03 0 0 1 .053 5.694l-.588.6a4.037 4.037 0 0 1-5.695.052z\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n img[src$=\"trinket-logo-notag.png\"] {\n margin: 50px 0 30px;\n padding-left: 300px;\n }\n\n img[src$=\"trinket-logo-circles.png\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 138 92\"><path fill=\"@{green}\" d=\"M138 46c0 25.41-20.6 46-46 46S46 71.4 46 46 66.6 0 92 0s46 20.6 46 46\"/><path fill=\"@{blue}\" d=\"M115.37 46c0 25.41-20.59 46-46 46s-46-20.6-46-46 20.59-46 46-46 46 20.6 46 46\"/><path fill=\"@{yellow}\" d=\"M92 46c0 25.41-20.6 46-46 46S0 71.41 0 46 20.6 0 46 0s46 20.6 46 46\"/><path fill=\"@{base}\" d=\"m28.22 73.99 28.3-28.82c4.11 3.77 10.49 3.64 14.43-.37l.59-.6c4.02-4.09 3.95-10.66-.13-14.68l-6.04-5.93c-4.09-4.01-10.66-3.95-14.67.14l-.59.6c-3.93 4.01-3.95 10.39-.1 14.43L33.1 55.98l-5.98-5.87-3.21 3.26 4.35 4.27-3.2 3.26-4.35-4.27-3.21 3.26 5.98 5.87-1.78 1.81c-1.77 1.8-1.74 4.7.06 6.47s4.7 1.74 6.47-.06M54.7 34.46c-1.58-1.56-1.61-4.11-.05-5.69l.59-.6a4.026 4.026 0 0 1 5.69-.05l6.04 5.93c1.58 1.56 1.61 4.11.05 5.69l-.59.6c-1.56 1.58-4.11 1.61-5.69.05z\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n #dragbar {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"5\" height=\"27\"><path stroke=\"@{surface2}\" d=\"M2.5 0v27M.5 0v27m4-27v27\"/></svg>'\n );\n\n background-color: @surface0 !important;\n border-left-color: @surface0 !important;\n border-right-color: @surface0 !important;\n background-image: url(\"data:image/svg+xml;utf8,@{svg}\") !important;\n }\n\n #output-dragbar {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"27\" height=\"5\"><path stroke=\"@{surface2}\" d=\"M0 2.5h27m-27 2h27M0 .5h27\"/></svg>'\n );\n\n background-color: @surface0 !important;\n border-top-color: @surface0 !important;\n border-bottom-color: @surface0 !important;\n background-image: url(\"data:image/svg+xml;utf8,@{svg}\") !important;\n }\n\n .lang-sprite,\n #trinkets-list.list-view > li .snapshot .title::before,\n .trinkets-list.list-view > li .snapshot .title::before {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 446.63 50\"><path fill=\"@{blue}\" d=\"M21.49 1c-1.79 0-3.51.16-5.01.43-4.44.78-5.25 2.43-5.25 5.45v4h10.49v1.33H7.29c-3.05 0-5.72 1.83-6.55 5.32-.96 4-1.01 6.49 0 10.66.75 3.11 2.53 5.32 5.58 5.32h3.61v-4.79c0-3.46 3-6.52 6.55-6.52h10.48c2.92 0 5.25-2.4 5.25-5.33V6.88c0-2.84-2.4-4.98-5.25-5.45-1.8-.3-3.67-.44-5.47-.43m-5.67 3.22c1.08 0 1.97.9 1.97 2.01s-.88 1.99-1.97 1.99-1.97-.89-1.97-1.99.88-2.01 1.97-2.01\"/><path fill=\"@{yellow}\" d=\"M33.51 12.21v4.66c0 3.61-3.06 6.65-6.55 6.65H16.48c-2.87 0-5.25 2.46-5.25 5.33v9.99c0 2.84 2.47 4.51 5.25 5.33 3.32.98 6.51 1.15 10.48 0 2.64-.76 5.25-2.3 5.25-5.33v-4H21.73v-1.33h15.72c3.05 0 4.18-2.13 5.25-5.32 1.1-3.29 1.05-6.45 0-10.66-.75-3.04-2.19-5.32-5.25-5.32zm-5.89 25.3c1.09 0 1.97.89 1.97 1.99s-.88 2.01-1.97 2.01-1.97-.9-1.97-2.01.88-1.99 1.97-1.99\"/><path stroke=\"@{text}\" d=\"m48.63 14.86 50.21-.27m-50.18 5.03 50.2-.28m-50.18 5.94L98.89 25m-50.18 4.73 50.2-.28m-50.18 5.2 50.21-.28\"/><path fill=\"@{text}\" d=\"M63.83 9.82c.28 2.86-1.85 5.18-3.74 7.06-.86.82-.14.14-.59.54-.09-.44-.27-1.59-.26-1.93.12-2.47 2.13-6.04 3.88-7.35.28.53.52.57.7 1.68m.6 14.79c-1.13-.83-2.61-1.05-3.97-.81-.17-1.15-.35-2.3-.53-3.45 2.15-2.13 4.5-4.61 4.62-7.82.05-2.05-.25-4.28-1.54-5.94-1.56.12-2.66 1.98-3.48 3.13-1.36 2.45-1.05 5.42-.52 8.06-.74.87-1.77 1.6-2.5 2.5-2.16 2.11-4.04 4.98-3.67 8.13.17 3.05 2.37 5.9 5.38 6.62 1.15.29 2.34.32 3.5.09.2 2.06.94 4.24.09 6.24-.64 1.46-2.55 2.75-3.97 2.01-.55-.29-.1-.05-.44-.23.98-.24 1.83-.95 2.07-1.43.77-1.34-.37-3.34-1.97-3.08-2.07.04-2.92 2.88-1.59 4.29 1.23 1.39 3.51 1.2 4.98.29 1.66-1.08 1.87-3.25 1.68-5.1-.06-.62-.37-2.45-.41-3.1.64-.23.19-.05 1.09-.41 2.44-.96 3.99-3.9 3.29-6.52-.29-1.35-.96-2.67-2.11-3.47m.51 5.27c.2 1.82-.96 3.96-2.82 4.54-.12-.73-.16-.93-.24-1.35-.44-2.25-.68-4.57-1.02-6.85 1.49-.15 3.17.5 3.69 2 .22.53.31 1.1.4 1.66m-4.72 4.76c-2.33.13-4.58-1.46-5.16-3.74-.69-1.97-.48-4.24.75-5.96 1.02-1.56 2.39-2.84 3.69-4.16l.5 3.1c-2.74.72-4.58 4.33-2.95 6.83.49.7 1.81 2.04 2.53 1.5-1.01-.63-1.84-1.7-1.66-2.96-.08-1.17 1.26-2.67 2.43-2.93.4 2.63.86 5.56 1.26 8.19-.46.09-.94.13-1.41.13m18.81-12.91c-1.42-.07-2.53-1.33-2.97-2.63-.27-.76-.12-1.91.78-2.12 1.3-.22 2.38.88 2.98 1.94.43.78.67 2.02-.14 2.64-.19.12-.42.19-.65.18m2.26-4.46c-1.6-.97-3.61-1.05-5.36-.5-1.11.39-2.37 1.21-2.38 2.55 0 1.31 1.22 2.13 2.3 2.52 1.71.56 3.69.51 5.29-.38.9-.48 1.71-1.48 1.44-2.58-.15-.71-.69-1.24-1.28-1.61\"/><path fill=\"@{green}\" d=\"M99.59 2.76h16.04v3.1h6.93v5.38h15.1v4.35h-2.17l-.1 3.75-3.83-.02v3.61h-22.03v1.76h2.69l.1 4.34h14.07l.1 5.62h13.04v4.42h-23.18l-.1 3.1h9.83v5.9H99.59z\"/><path fill=\"@{text}\" d=\"M161.34 2.39h-2.04V.16h-2.26v6.72h2.26V4.65h2.04v2.23h2.26V.16h-2.26zM177.11.16h-.2l-1.4 2.3-1.4-2.3h-2.35v6.72h2.19V3.52l1.55 2.42 1.6-2.49v3.42h2.19V.16h-2.19Zm-12.52 2.26h1.97v4.46h2.26V2.42h1.97V.16h-6.19v2.26Zm18.12 2.2V.16h-2.26v6.72h5.41V4.62z\"/><path fill=\"@{red}\" d=\"M189.15 9.93h-35.41l3.32 35.99L171.44 50l14.39-4.08z\"/><path fill=\"@{peach}\" d=\"M171.44 12.87v34.08l11.65-3.3 2.84-30.78z\"/><path fill=\"@{base}\" d=\"M182.58 17.28h-22.27l1.24 13.48.03-.09h15.22l-.5 5.7-4.85 1.4-4.93-1.42-.3-3.45h-4.47l.63 6.9 9.06 2.57 9.06-2.57 1.25-13.53H165.6l-.41-4.51h16.98z\"/><path fill=\"@{blue}\" d=\"M199.66 0h47.93v50h-47.93z\"/><path fill=\"@{red}\" d=\"m199.66 50 11.87-13V12.87L199.66.86zm47.93 0-11.86-13V12.87L247.59.86z\"/><path fill=\"@{accent}\" d=\"M257.93 40.93h29.08c2.67 0 4.85-2.17 4.85-4.85V16.69c0-2.67-2.17-4.85-4.85-4.85h-12.12c-.76 0-1.48-.36-1.94-.97l-1.45-1.94a4.87 4.87 0 0 0-3.88-1.94h-9.69c-2.67 0-4.85 2.17-4.85 4.85v24.24c0 2.67 2.17 4.85 4.85 4.85\"/><path fill=\"@{peach}\" d=\"M322.81 23.36c2.33 2.68-.61 5.09-.61 5.09s5.91-3.05 3.2-6.87c-2.53-3.56-4.48-5.33 6.04-11.44 0 0-16.52 4.13-8.63 13.22\"/><path fill=\"@{peach}\" d=\"M325.39.29s5.01 5.01-4.75 12.73c-7.83 6.19-1.79 9.71 0 13.74-4.57-4.13-7.93-7.76-5.68-11.14 3.3-4.96 12.46-7.37 10.43-15.33\"/><path fill=\"@{blue}\" d=\"M314.23 37.6s-1.84 1.07 1.31 1.44c3.82.44 5.78.37 9.99-.42 0 0 1.11.69 2.65 1.3-9.44 4.05-21.38-.23-13.96-2.31m-1.14-5.29s-2.07 1.53 1.09 1.86c4.08.42 7.31.46 12.89-.62 0 0 .77.78 1.99 1.21-11.42 3.34-24.14.26-15.97-2.45\"/><path fill=\"@{blue}\" d=\"M335.3 41.51s1.36 1.12-1.5 1.99c-5.45 1.65-22.69 2.15-27.48.07-1.72-.75 1.51-1.79 2.52-2.01 1.06-.23 1.66-.19 1.66-.19-1.91-1.35-12.37 2.65-5.31 3.79 19.26 3.12 35.1-1.41 30.11-3.66m-20.18-14.65s-8.77 2.08-3.11 2.84c2.39.32 7.16.25 11.6-.12 3.63-.31 7.27-.96 7.27-.96s-1.28.55-2.21 1.18c-8.9 2.34-26.11 1.25-21.15-1.14 4.19-2.02 7.59-1.79 7.59-1.79m15.74 8.78c9.05-4.7 4.87-9.22 1.95-8.61-.72.15-1.04.28-1.04.28s.27-.42.77-.6c5.78-2.03 10.22 5.99-1.87 9.17 0 0 .14-.13.18-.24\"/><path fill=\"@{blue}\" d=\"M316.01 48.39c8.69.56 22.03-.31 22.35-4.42 0 0-.61 1.56-7.18 2.8-7.42 1.4-16.56 1.23-21.99.34 0 0 1.11.92 6.82 1.29\"/><path fill=\"@{surface1}\" d=\"M372.35 38.95c-13.18 0-23.86-7.91-23.86-17.66s10.68-17.66 23.86-17.66 23.86 7.91 23.86 17.66-10.68 17.66-23.86 17.66M376 10.54c-10.01 0-18.13 5.4-18.13 12.07s8.12 12.07 18.13 12.07 17.41-3.7 17.41-12.07-7.39-12.07-17.41-12.07\"/><path fill=\"@{blue}\" d=\"M385.03 30.98s1.6.48 2.52.95c.32.16.88.49 1.28.91.39.42.59.84.59.84l6.29 10.6h-10.16l-4.75-8.92s-.97-1.67-1.57-2.16c-.5-.4-.71-.55-1.21-.55h-2.42v11.63h-8.99V14.6h18.06s8.23.15 8.23 7.98-7.86 8.41-7.86 8.41Zm-3.91-9.94h-5.45v5.05h5.45s2.52 0 2.52-2.57-2.52-2.48-2.52-2.48M423.7 9.67c-1.06 0-2.06.1-2.95.25-2.61.46-3.09 1.43-3.09 3.21v2.35h6.17v.78h-8.49c-1.79 0-3.37 1.08-3.86 3.13-.57 2.35-.59 3.82 0 6.27.44 1.83 1.49 3.13 3.28 3.13h2.12v-2.82c0-2.04 1.76-3.84 3.86-3.84h6.17c1.72 0 3.09-1.41 3.09-3.14v-5.88c0-1.67-1.41-2.93-3.09-3.21a18.4 18.4 0 0 0-3.22-.25m-3.34 1.89c.64 0 1.16.53 1.16 1.18s-.52 1.17-1.16 1.17-1.16-.52-1.16-1.17.52-1.18 1.16-1.18\"/><path fill=\"@{yellow}\" d=\"M430.77 16.27v2.74c0 2.13-1.8 3.91-3.86 3.91h-6.17c-1.69 0-3.09 1.45-3.09 3.14v5.88c0 1.67 1.46 2.66 3.09 3.14 1.95.57 3.83.68 6.17 0 1.55-.45 3.09-1.36 3.09-3.14v-2.35h-6.17v-.78h9.25c1.79 0 2.46-1.25 3.09-3.13.64-1.93.62-3.79 0-6.27-.44-1.79-1.29-3.13-3.09-3.13h-2.32Zm-3.47 14.89c.64 0 1.16.52 1.16 1.17s-.52 1.18-1.16 1.18-1.16-.53-1.16-1.18.52-1.17 1.16-1.17\"/><path fill=\"@{text}\" d=\"M449.13 38.95V6.07H399.2v32.88h18.46v5.35h-7.5l.1 2.63h27.62V44.3h-7.89v-5.35h19.13Zm-47.76-2.16V7.93h45.52v28.86z\"/></svg>'\n );\n\n background-image: url(\"data:image/svg+xml;utf8,@{svg}\");\n }\n }\n}\n",
|
|
"originalDigest": "317d80194044d5e21414335b55702105f3100d3e",
|
|
"_id": "19d58903-9d0a-4c41-afdf-25aea39223bd",
|
|
"_rev": 1780236867957,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 21
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "status.cafe Catppuccin",
|
|
"description": "Soothing pastel theme for status.cafe",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/status.cafe/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "status.cafe Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/status.cafe",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/status.cafe",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/status.cafe/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Astatus.cafe",
|
|
"description": "Soothing pastel theme for status.cafe",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name status.cafe Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/status.cafe\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/status.cafe\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/status.cafe/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Astatus.cafe\n@description Soothing pastel theme for status.cafe\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document regexp(\"https://status\\\\.cafe/(?!users).*\"),\n domain(\"forum.status.cafe\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n background-color: @base;\n\n body {\n background-color: @base;\n color: @text;\n }\n\n textarea {\n background-color: @mantle;\n color: @text;\n border-color: @surface1;\n border-style: solid;\n border-width: 1px;\n border-radius: 2px;\n padding: 3px;\n }\n\n input {\n background-color: @mantle;\n color: @text;\n border-color: @surface1;\n border-style: solid;\n border-width: 1px;\n border-radius: 4px;\n padding: 2px 5px;\n :hover {\n background-color: darken(@mantle, 2%);\n }\n\n :active {\n background-color: @crust;\n border-color: @surface0;\n }\n }\n\n textarea:hover,\n input:hover {\n border-color: darken(@surface1, 5%);\n }\n\n .flash {\n background-color: @green;\n }\n\n a:not(.flash a) {\n color: @accent;\n }\n\n a:visited:not(.flash a) {\n color: darken(@accent, 5%);\n }\n\n table,\n th,\n td {\n border-color: @surface1 !important;\n }\n\n thead {\n background-color: @surface1;\n color: @text;\n }\n\n .forum {\n background-color: @yellow;\n a {\n color: darken(@blue, 10%) !important;\n }\n }\n\n tbody,\n .topic > tbody > tr:nth-child(2n) {\n background-color: @mantle;\n }\n\n hr {\n background-color: @surface1;\n }\n\n .signature {\n border-top-color: @surface0;\n }\n\n & when (@flavor = latte) {\n a:visited:not(.flash a) {\n color: darken(@accent, 10%);\n }\n input:active {\n background-color: @surface0;\n border-color: @surface2;\n }\n }\n }\n}\n",
|
|
"originalDigest": "1d6dcfd4f64ec8c94962888ad06899196d9c69f4",
|
|
"_id": "20b33b76-7a91-4858-b825-054aeb37d4ae",
|
|
"_rev": 1780236868014,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 22
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "MDN Catppuccin",
|
|
"description": "Soothing pastel theme for MDN",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/mdn/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "MDN Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/mdn",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/mdn",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/mdn/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Amdn",
|
|
"description": "Soothing pastel theme for MDN",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name MDN Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/mdn\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/mdn\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/mdn/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Amdn\n@description Soothing pastel theme for MDN\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n#catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n #lib.css-variables();\n\n --color-text-primary: @text;\n --color-text-secondary: @subtext0;\n --color-background-page: @base;\n --color-background-primary: @mantle;\n --color-background-secondary: @surface0;\n --color-link-normal: @blue;\n --color-link-visited: @mauve;\n --color-border-primary: @surface1;\n --color-border-secondary: @overlay2; // used for icons\n --color-border-active: @accent;\n --color-area-background: fade(@accent, 25%);\n --color-area-highlight-border: @accent;\n --color-area-link: @accent;\n --color-background-red: fade(@red, 25%);\n --color-background-orange: fade(@peach, 25%);\n --color-background-yellow: fade(@yellow, 25%);\n --color-background-green: fade(@green, 25%);\n --color-background-blue: fade(@blue, 25%);\n --color-background-purple: fade(@mauve, 25%);\n --color-white: @text;\n --color-white-alpha-25: fade(@text, 25%);\n --color-white-alpha-75: fade(@text, 75%);\n --color-black: @crust;\n --color-black-alpha-25: fade(@crust, 25%);\n --color-black-alpha-75: fade(@crust, 75%);\n\n --color-gray-90: hsl(hue(@base), saturation(@base), 90%);\n --color-gray-80: hsl(hue(@base), saturation(@base), 80%);\n --color-gray-60: hsl(hue(@base), saturation(@base), 60%);\n --color-gray-40: hsl(hue(@base), saturation(@base), 40%);\n --color-gray-20: hsl(hue(@base), saturation(@base), 20%);\n --color-gray-10: hsl(hue(@base), saturation(@base), 10%);\n --color-gray-05: hsl(hue(@base), saturation(@base), 5%);\n #__color-scale(@id, @color) {\n --color-@{id}-90: hsl(hue(@color), saturation(@color), 90%);\n --color-@{id}-80: hsl(hue(@color), saturation(@color), 80%);\n --color-@{id}-50: hsl(hue(@color), saturation(@color), 50%);\n --color-@{id}-20: hsl(hue(@color), saturation(@color), 20%);\n --color-@{id}-10: hsl(hue(@color), saturation(@color), 10%);\n }\n #__color-scale(red, @red);\n #__color-scale(orange, @peach);\n #__color-scale(yellow, @yellow);\n #__color-scale(green, @green);\n #__color-scale(blue, @blue);\n #__color-scale(purple, @mauve);\n\n .baseline-indicator {\n --baseline-bg: @surface0;\n --baseline-engine-bg: @base;\n --baseline-check: @green;\n --baseline-cross: @peach;\n\n @darker: fade(@peach, 20%);\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 111 62\"><path fill=\"@{peach}\" d=\"m30.833 0 18.5 18.6-6.166 6.2-18.5-18.6z\"/><path fill=\"@{darker}\" d=\"M86.333 6.2 111 31 86.333 55.8l-6.166-6.2 18.5-18.6-18.5-18.6z\"/><path fill=\"@{peach}\" d=\"m67.833 37.2-6.166 6.2 18.5 18.6 6.166-6.2z\"/><path fill=\"@{darker}\" d=\"m24.667 6.2 6.166 6.2-18.5 18.6 18.5 18.6-6.166 6.2L0 31z\"/><path fill=\"@{peach}\" d=\"m80.167 0 6.166 6.2-55.5 55.8-6.166-6.2z\"/></svg>'\n );\n --baseline-img: url(\"data:image/svg+xml,@{svg}\");\n\n &.high {\n --baseline-bg: fade(@green, 20%);\n --baseline-engine-bg: fade(@green, 20%);\n --baseline-check: @green;\n\n @darker: fade(@green, 20%);\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 111 62\"><path fill=\"@{darker}\" d=\"m86.333 6.2-6.166 6.2 18.5 18.6-18.5 18.6-12.334-12.4-6.166 6.2 18.5 18.6L111 31zM30.833 0 6.167 24.8l6.166 6.2 18.5-18.6 12.334 12.4 6.166-6.2z\"/><path fill=\"@{green}\" d=\"m80.167 0 6.166 6.2-55.5 55.8L0 31l6.167-6.2 24.666 24.8z\"/></svg>'\n );\n --baseline-img: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.low {\n --baseline-bg: fade(@blue, 20%);\n --baseline-engine-bg: fade(@blue, 20%);\n --baseline-check: @blue;\n --baseline-pill-bg: @blue;\n --baseline-pill-color: @base;\n\n @darker: fade(@blue, 20%);\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 111 61\"><path fill=\"@{darker}\" d=\"M30.833 0 37 6.1l-6.167 6.1-6.166-6.1zm12.334 12.2 6.166 6.1-6.166 6.1L37 18.3zm49.333 0 6.167 6.1-6.167 6.1-6.167-6.1zm12.333 12.2L111 30.5l-6.167 6.1-6.166-6.1zM92.5 36.6l6.167 6.1-6.167 6.1-6.167-6.1zM80.167 48.8l6.166 6.1-6.166 6.1L74 54.9zM67.833 36.6 74 42.7l-6.167 6.1-6.166-6.1zM18.5 12.2l6.167 6.1-6.167 6.1-6.167-6.1z\"/><path fill=\"@{blue}\" d=\"m80.167 0 6.166 6.1-55.5 54.9L0 30.5l6.167-6.1 24.666 24.4z\"/></svg>'\n );\n --baseline-img: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n}\n\n@-moz-document domain(\"developer.mozilla.org\") {\n @import url(\"https://prismjs.catppuccin.com/variables.important.css\");\n\n .light {\n #catppuccin(@lightFlavor);\n }\n\n .dark {\n #catppuccin(@darkFlavor);\n }\n\n /* stylelint-disable selector-not-notation */\n :root:not(.light):not(.dark) {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n /* stylelint-enable selector-not-notation */\n}\n\n@-moz-document domain(\"interactive-examples.mdn.mozilla.net\") {\n .theme-light {\n #catppuccin(@lightFlavor);\n }\n .theme-dark {\n #catppuccin(@darkFlavor);\n }\n\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n}\n",
|
|
"originalDigest": "77ad196b3a8379aad971074ae44545299f3233c0",
|
|
"_id": "3518a48e-5760-44a8-82c1-79efe2cbd67b",
|
|
"_rev": 1780236868042,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 23
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "gleam.run Catppuccin",
|
|
"description": "Soothing pastel theme for gleam.run",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/gleam.run/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "gleam.run Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/gleam.run",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/gleam.run",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/gleam.run/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agleam.run",
|
|
"description": "Soothing pastel theme for gleam.run",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name gleam.run Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/gleam.run\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/gleam.run\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/gleam.run/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agleam.run\n@description Soothing pastel theme for gleam.run\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"gleam.run\") {\n @import url(\"https://prismjs.catppuccin.com/variables.important.css\");\n @import url(\"https://unpkg.com/@catppuccin/highlightjs@1.0.0/css/catppuccin-variables.important.css\");\n\n code.hljs {\n background: none !important;\n }\n\n body {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n\n &.theme-light {\n #catppuccin(@lightFlavor);\n }\n &.theme-dark {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n #lib.css-variables();\n\n --color-text-main: @text;\n\n --color-underwater-blue: @base;\n --color-black: @mantle;\n --color-blacker: @crust;\n --color-white: @text;\n --color-faff-pink: @accent;\n --color-aged-plastic-yellow: @text;\n --color-code-grey: @subtext1;\n --color-code-blue: @sky;\n --color-code-green: @green;\n --color-code-dark-grey: @overlay2;\n --color-code-yellow: @yellow;\n --color-code-red: @red;\n --color-code-orange: @peach;\n --color-code-light-pink: @pink;\n\n --charcoal: var(--color-charcoal);\n --underwater-blue: var(--color-underwater-blue);\n --black: var(--color-black);\n --blacker: var(--color-blacker);\n --white: var(--color-white);\n --faff-pink: var(--color-faff-pink);\n --aged-plastic-yellow: var(--color-aged-plastic-yellow);\n --unnamed-blue: var(--color-unnamed-blue);\n --code-grey: var(--color-code-grey);\n --code-blue: var(--color-code-blue);\n --code-green: var(--color-code-green);\n --code-dark-grey: var(--color-code-dark-grey);\n --code-yellow: var(--color-code-yellow);\n --code-red: var(--color-code-red);\n --code-orange: var(--color-code-orange);\n --code-light-pink: var(--color-code-light-pink);\n\n img[src=\"https://gleam.run/images/lucy/lucy.svg\"],\n img[src=\"/images/lucy/lucy.svg\"] {\n @svg: escape(\n '<svg width=\"2105\" height=\"2016\" viewBox=\"0 0 2105 2016\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M842.026 129.177c28.088-79.594 132.505-98.005 186.124-32.82l281.02 341.663c34.77 42.276 86.23 67.327 140.97 68.66l442.64 10.77c84.51 2.055 134.14 95.497 88.67 166.533l-238.58 372.667a188.1 188.1 0 0 0-27.87 75.23 188 188 0 0 0 6 79.99l126.34 423.83c24.08 80.75-49.46 157.01-131.31 135.74l-428.48-111.33c-26.19-6.81-53.54-7.9-80.19-3.2a188.4 188.4 0 0 0-74.25 30.43l-364.553 251.17c-69.644 47.97-164.828 1.47-169.831-82.65l-26.224-441.48c-3.245-54.64-30.129-105.14-73.636-138.37l-351.663-268.6c-67.026-51.194-52.344-155.98 26.363-186.816L585.833 659.08c50.98-19.973 90.766-61.113 108.98-112.732z\" fill=\"@{accent}\"/><path d=\"M918.91 20.388c-49.941 8.807-95.59 41.965-114.49 95.516L657.186 533.07c-14.355 40.671-45.666 73.053-85.859 88.801L159.044 783.395C53.25 824.843 32.792 970.356 122.981 1039.24l351.663 268.57a148 148 0 0 1 40.884 48.15 148 148 0 0 1 17.097 60.8l26.21 441.47c6.724 113.26 138.833 177.69 232.452 113.21l.002-.01 364.581-251.17v-.01a148.5 148.5 0 0 1 121.68-21.45l428.49 111.31c110.02 28.59 212.13-77.15 179.71-185.89v.01l-126.33-423.82c-6.09-20.41-7.7-41.89-4.73-62.99a147.9 147.9 0 0 1 21.96-59.22v-.01l238.6-372.677-.01-.002c61.2-95.578-7.78-225.314-121.37-228.077l-442.66-10.753c-43.15-1.048-83.65-20.767-111.04-54.073L1059.15 70.955c-36.07-43.854-90.309-59.396-140.254-50.588m13.444 76.246c22.695-4.002 47.479 3.838 65.025 25.166l281.015 341.643c42.14 51.241 104.57 81.62 170.88 83.233l442.66 10.753c55.43 1.346 85.71 58.488 55.94 104.974l-238.59 372.678c-35.79 55.87-45.47 124.63-26.53 188.2l126.34 423.81c15.73 52.78-29.25 99.55-82.93 85.61l-428.49-111.32c-64.21-16.69-132.57-4.63-187.2 33.02l-364.576 251.17c-45.679 31.47-103.939 2.9-107.208-52.07l-26.207-441.47c-3.932-66.23-36.555-127.51-89.283-167.79L171.524 975.65c-43.862-33.499-34.944-97.55 16.679-117.783l412.282-161.526c61.771-24.202 110.04-74.101 132.123-136.67v-.002l147.234-417.165c9.192-26.041 29.798-41.886 52.493-45.889\" fill=\"@{crust}\"/><path d=\"M790.631 1144.08c42.736-7.54 71.273-48.29 63.739-91.02-7.534-42.74-48.285-71.267-91.021-63.731-42.736 7.537-71.273 48.291-63.739 91.021s48.286 71.27 91.021 63.73m633.069-111.63c42.73-7.53 71.27-48.286 63.73-91.018-7.53-42.733-48.28-71.266-91.02-63.729-42.73 7.536-71.27 48.288-63.74 91.021 7.54 42.736 48.29 71.266 91.03 63.726m-381.61 94.12c-4.9 1.89-9.38 4.73-13.19 8.35a40.04 40.04 0 0 0-12.4 27.99c-.13 5.25.78 10.48 2.67 15.38a104.5 104.5 0 0 0 21.79 34.37 104.1 104.1 0 0 0 33.29 23.41l.01.01c12.51 5.54 25.99 8.56 39.68 8.89h.03c13.68.32 27.29-2.05 40.06-6.98h.01a104.1 104.1 0 0 0 34.36-21.78h.01v-.01c9.91-9.44 17.86-20.75 23.4-33.26 5.56-12.53 8.58-26.04 8.9-39.74.25-10.6-3.72-20.87-11.04-28.55a40.04 40.04 0 0 0-43.38-9.69 40 40 0 0 0-13.18 8.37c-3.8 3.62-6.85 7.96-8.97 12.77a40 40 0 0 0-3.4 15.23c-.08 3.17-.78 6.3-2.07 9.2v.01l-.01.02a24.4 24.4 0 0 1-5.44 7.74c-2.31 2.2-5.02 3.92-7.99 5.06l-.02.01c-2.98 1.15-6.15 1.7-9.34 1.63-3.18-.08-6.32-.79-9.23-2.08h-.02l-.01-.01a24.3 24.3 0 0 1-7.73-5.43v-.01a24.2 24.2 0 0 1-5.07-8 39.96 39.96 0 0 0-21.12-22.16c-4.8-2.13-9.98-3.29-15.23-3.42s-10.47.78-15.37 2.68\" fill=\"@{crust}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n .hero-lucy-container:hover .hero-lucy, .logo:hover .footer-lucy {\n @svg: escape(\n '<svg width=\"2105\" height=\"2016\" viewBox=\"0 0 2105 2016\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M842.17 129.185c28.088-79.594 132.5-98.004 186.12-32.819l281.02 341.662c34.77 42.277 86.23 67.327 140.97 68.66l442.64 10.77c84.51 2.056 134.14 95.502 88.67 166.533l-238.58 372.679a188.05 188.05 0 0 0-27.87 75.22 188 188 0 0 0 6 79.99l126.34 423.83c24.08 80.76-49.46 157.02-131.31 135.75l-428.48-111.34c-26.19-6.81-53.54-7.9-80.19-3.2a188.6 188.6 0 0 0-74.25 30.43l-364.56 251.17c-69.641 47.98-164.831 1.48-169.829-82.64l-26.224-441.49c-3.245-54.63-30.129-105.14-73.635-138.37l-351.664-268.6c-67.025-51.194-52.343-155.981 26.364-186.816L585.971 659.09c50.98-19.973 90.766-61.113 108.981-112.732z\" fill=\"@{accent}\"/><path d=\"M918.858 20.365c-49.94 8.806-95.585 41.963-114.483 95.515L657.157 533.053c-14.352 40.672-45.661 73.054-85.851 88.8L159.037 783.367C53.245 824.813 32.795 970.329 122.985 1039.21l351.662 268.6a148.2 148.2 0 0 1 40.886 48.15 148.1 148.1 0 0 1 17.099 60.81l26.225 441.49c6.729 113.26 138.844 177.7 232.453 113.21l364.56-251.17v-.01a148.5 148.5 0 0 1 121.68-21.45l428.49 111.34c110.01 28.59 212.12-77.15 179.7-185.89l-126.34-423.83a147.9 147.9 0 0 1-4.73-62.99 148 148 0 0 1 21.95-59.22v-.01l238.58-372.675v-.002c61.19-95.577-7.79-225.324-121.38-228.087l-442.64-10.77c-43.15-1.05-83.65-20.771-111.05-54.079L1059.11 70.96c-36.08-43.856-90.312-59.4-140.252-50.595m13.447 76.249c22.694-4.002 47.478 3.84 65.024 25.169l281.011 341.658c42.15 51.245 104.57 81.627 170.89 83.241l442.64 10.769c55.44 1.349 85.72 58.493 55.96 104.977l-238.59 372.682c-35.78 55.87-45.46 124.62-26.51 188.2l126.35 423.84c15.73 52.77-29.25 99.55-82.92 85.6l-428.49-111.34c-64.21-16.69-132.57-4.64-187.2 33.01l-364.548 251.17h-.002c-45.673 31.47-103.939 2.9-107.204-52.08l-26.224-441.48c-3.934-66.23-36.558-127.52-89.286-167.79L171.544 975.638c-43.862-33.502-34.948-97.559 16.675-117.782L600.49 696.339c61.767-24.199 110.032-74.098 132.11-136.663l-.001-.002 147.218-417.172c9.19-26.041 29.795-41.886 52.489-45.887\" fill=\"@{crust}\"/><path d=\"M1035.64 1124.95a40 40 0 0 0-22.16 21.12c-4.3 9.7-4.57 20.71-.75 30.6a104.4 104.4 0 0 0 21.79 34.38 104.1 104.1 0 0 0 33.29 23.41l.01.01c12.51 5.54 26 8.56 39.68 8.89l.01.01h.02c13.68.32 27.28-2.05 40.05-6.98h.01a104.3 104.3 0 0 0 34.37-21.78l.01-.01c9.91-9.45 17.86-20.75 23.4-33.27 5.55-12.53 8.58-26.03 8.9-39.73a40.03 40.03 0 0 0-11.05-28.56 40.02 40.02 0 0 0-28-12.37c-5.25-.12-10.48.79-15.38 2.68-4.9 1.9-9.37 4.74-13.17 8.37-3.8 3.62-6.85 7.96-8.98 12.77a40 40 0 0 0-3.4 15.23c-.07 3.17-.77 6.3-2.06 9.2l-.01.01-.01.02a24.3 24.3 0 0 1-5.44 7.74v.01a24.3 24.3 0 0 1-7.99 5.05l-.01.01c-2.98 1.15-6.15 1.7-9.34 1.63-3.18-.08-6.32-.79-9.23-2.08h-.02l-.01-.01a24.1 24.1 0 0 1-7.73-5.43v-.01a24.4 24.4 0 0 1-5.08-8 40 40 0 0 0-21.11-22.17 40.04 40.04 0 0 0-30.61-.74M687.713 969.904a40 40 0 0 0-34.761 56.716 39.9 39.9 0 0 0 9.172 12.62 40 40 0 0 0 13.307 8.16l28.763 10.61-23.396 19.81a40.02 40.02 0 0 0-14.016 27.22 40.02 40.02 0 0 0 9.335 29.16 40.03 40.03 0 0 0 27.218 14.01 40 40 0 0 0 29.156-9.33l75.731-64.12a40.03 40.03 0 0 0 11.768-16.93 40.03 40.03 0 0 0 1.774-20.55 40 40 0 0 0-8.692-18.69 40 40 0 0 0-16.849-11.89l-93.096-34.353a40 40 0 0 0-15.414-2.443m756.117-133.323a40 40 0 0 0-13.66 7.57l-75.72 64.123a40 40 0 0 0-11.77 16.931 40 40 0 0 0-1.77 20.541 39.99 39.99 0 0 0 25.54 30.581l93.09 34.353a40 40 0 0 0 51.37-23.678 40.1 40.1 0 0 0 2.45-15.416 40.1 40.1 0 0 0-3.65-15.176 39.8 39.8 0 0 0-9.17-12.628 40 40 0 0 0-13.3-8.156l-28.76-10.613 23.39-19.81a40.1 40.1 0 0 0 9.72-12.216c2.4-4.67 3.86-9.768 4.3-15.003a40.1 40.1 0 0 0-1.77-15.507 40 40 0 0 0-7.57-13.65 40 40 0 0 0-19.51-12.603 40 40 0 0 0-23.22.357\" fill=\"@{crust}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .pride .page-header {\n @svg: escape(\n '<svg width=\"1920\" height=\"780\" viewBox=\"0 0 1920 780\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#a)\"><path fill=\"@{red}\" d=\"m-315.199 100.192 2016.665-734.006 88.169 242.242L-227.03 342.434z\"/><path fill=\"@{peach}\" d=\"M-227.03 342.435 1789.635-391.57l72.613 199.502-2016.665 734.006z\"/><path fill=\"@{yellow}\" d=\"M-154.417 541.937 1862.248-192.07 1934.86 7.432-81.805 741.438z\"/><path fill=\"@{green}\" d=\"M-81.805 741.44 1934.86 7.432l72.613 199.502L-9.192 940.94z\"/><path fill=\"@{blue}\" d=\"m-9.192 940.94 2016.665-734.006 72.613 199.501L63.42 1140.441z\"/><path fill=\"@{mauve}\" d=\"m63.42 1140.44 2016.666-734.006 103.734 285.008-2016.665 734.006z\"/><path fill=\"#fff\" fill-opacity=\".56\" d=\"m-315.199 100.192 2016.665-734.006 482.58 1325.878L167.381 1426.07z\"/></g><defs><clipPath id=\"a\"><path fill=\"#fff\" d=\"M0 0h1920v780H0z\"/></clipPath></defs></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .home-waves {\n @svg: escape(\n '<svg preserveAspectRatio=\"none\" width=\"1920\" height=\"122\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M463.5 21.13C180-26.413 0 21.13 0 21.13v100h1920V71.087c-190-49.957-273.5-71-498-49.957-224.5 21.044-281.21 44.66-540 49.957-172.829 3.537-307.645-31.366-418.5-49.957\" fill=\"@{base}\"/><path d=\"M1458 33.087c283.5-47.543 462 0 462 0v88.044H0V71.087C190 21.13 310 53.674 498 21.13s342-12.543 540 49.957c172.37 3.528 308.43-19.289 419.12-37.853z\" fill=\"@{base}\" fill-opacity=\".28\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n p > code, li > code {\n background-color: @surface0;\n opacity: 1;\n }\n\n /* gleam.run home */\n .button {\n color: @crust !important;\n background-color: @accent;\n }\n .home-still-here {\n .button {\n background-color: @text;\n color: @crust;\n }\n\n /* Wanna keep in touch? */\n input[type=\"submit\"] {\n background-color: @text !important;\n color: @crust;\n }\n input[type=\"email\"] {\n background-color: @mantle;\n color: @text;\n }\n }\n\n /* tour.gleam.run */\n --color-text: @text;\n --color-link: @text;\n --color-background: @base;\n --color-background-dim: @crust;\n --color-text-accent: @accent;\n --color-accent-muted: fade(@accent, 50%);\n\n --code-background: @base;\n --code-token-base: @text;\n --color-code: @accent;\n\n /* packages.gleam.run */\n --page-background: @base;\n --card-background: @surface0;\n --card-border: @surface1;\n --card-border-highlight: @surface2;\n --text-regular: @text;\n --text-highlight: @text;\n img[src=\"/static/packages-icon.svg\"] {\n @svg: escape(\n '<svg width=\"47\" height=\"51\" viewBox=\"0 0 47 51\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7.833 22.578 29.728 34.87a3.2 3.2 0 0 0 3.192 0l8.205-4.617a3.78 3.78 0 0 0 1.92-3.287 3.76 3.76 0 0 0-1.92-3.28l-1.987-1.119m0 0L23.5 13.762 5.875 23.68a3.78 3.78 0 0 0-1.92 3.286 3.77 3.77 0 0 0 1.92 3.287l8.186 4.617a3.24 3.24 0 0 0 3.212 0z\" stroke=\"@{crust}\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><mask id=\"a\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"3\" y=\"-3\" width=\"42\" height=\"35\"><path d=\"m23.5 31.5-20-11L6.888 4.048l11.75-6.881L44.569.405 43 20.5z\" fill=\"black\"/></mask><g mask=\"url(#a)\"><path d=\"M19.26 4.092c.486-1.406 2.294-1.732 3.223-.58l4.869 6.037a3.24 3.24 0 0 0 2.442 1.213l7.668.19c1.464.036 2.323 1.687 1.536 2.942l-4.133 6.585a3.4 3.4 0 0 0-.379 2.742l2.188 7.488c.418 1.427-.856 2.774-2.274 2.399l-7.423-1.967a3.2 3.2 0 0 0-2.675.48l-6.316 4.438c-1.206.848-2.855.026-2.942-1.46l-.454-7.8a3.34 3.34 0 0 0-1.276-2.445L7.222 19.61c-1.16-.905-.906-2.756.457-3.301l7.142-2.854a3.3 3.3 0 0 0 1.888-1.992z\" fill=\"@{accent}\"/><path d=\"M20.59 2.17a2.56 2.56 0 0 0-1.982 1.687l-2.551 7.37a2.6 2.6 0 0 1-1.487 1.57L7.428 15.65c-1.833.732-2.188 3.303-.625 4.52l6.092 4.745a2.6 2.6 0 0 1 .708.85c.173.333.274.7.296 1.075l.454 7.8c.117 2.001 2.405 3.14 4.027 2l6.316-4.438a2.52 2.52 0 0 1 2.108-.38l7.423 1.968c1.906.505 3.674-1.363 3.113-3.284l-2.189-7.488a2.67 2.67 0 0 1 .299-2.16l4.133-6.584c1.06-1.69-.135-3.981-2.102-4.03l-7.669-.19a2.55 2.55 0 0 1-1.924-.955L23.02 3.063c-.625-.775-1.564-1.049-2.43-.893m.234 1.346c.393-.07.822.068 1.126.445l4.868 6.036a3.93 3.93 0 0 0 2.96 1.47l7.669.19c.96.025 1.484 1.034.969 1.856l-4.133 6.584a4.1 4.1 0 0 0-.46 3.325l2.189 7.488c.272.933-.507 1.76-1.437 1.513l-7.423-1.967a3.9 3.9 0 0 0-3.243.583l-6.315 4.438c-.792.556-1.801.051-1.858-.92l-.454-7.8a4.06 4.06 0 0 0-1.546-2.964l-6.092-4.745c-.76-.592-.606-1.724.289-2.081l7.142-2.854a4 4 0 0 0 2.289-2.415l2.55-7.37c.16-.46.516-.74.91-.812\" fill=\"@{crust}\"/><path d=\"M18.369 22.023c.74-.133 1.234-.853 1.104-1.608a1.364 1.364 0 0 0-1.577-1.126c-.74.133-1.235.853-1.104 1.608.13.755.836 1.26 1.577 1.126m10.967-1.972c.74-.133 1.234-.853 1.104-1.608a1.364 1.364 0 0 0-1.577-1.126c-.74.133-1.235.853-1.104 1.608.13.755.836 1.26 1.577 1.126m-6.611 1.663a.7.7 0 0 0-.384.373.72.72 0 0 0-.013.54c.085.226.213.433.377.608a1.8 1.8 0 0 0 1.265.57 1.78 1.78 0 0 0 1.29-.507 1.87 1.87 0 0 0 .56-1.29.72.72 0 0 0-.192-.505.688.688 0 0 0-1.135.203.7.7 0 0 0-.06.269.43.43 0 0 1-.268.389.417.417 0 0 1-.544-.245.7.7 0 0 0-.366-.392.68.68 0 0 0-.53-.013\" fill=\"@{crust}\"/></g><path d=\"M23.5 48.976V31.37M5.875 23.681a3.78 3.78 0 0 0-1.92 3.286 3.77 3.77 0 0 0 1.92 3.287l8.186 4.617a3.24 3.24 0 0 0 3.212 0l21.865-12.303 1.987 1.119a3.76 3.76 0 0 1 1.404 5.183 3.8 3.8 0 0 1-1.404 1.384l-8.205 4.617a3.21 3.21 0 0 1-3.193 0L7.834 22.578m31.334 8.791v7.571a4.03 4.03 0 0 1-2.174 3.58l-11.75 6.026a3.78 3.78 0 0 1-3.486 0l-11.75-6.026a4.03 4.03 0 0 1-2.174-3.58v-7.57\" stroke=\"@{crust}\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n .darkmode-toggle {\n filter: @crust-filter;\n }\n .page-nav a {\n color: @crust;\n }\n .package-button img {\n filter: @accent-filter;\n }\n }\n}\n",
|
|
"originalDigest": "98d079c96209b65cc0cf75d3181607bf1a7be316",
|
|
"_id": "6adb078b-457c-49b0-bd79-51c9a0b9e560",
|
|
"_rev": 1780236868112,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 24
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "crates.io Catppuccin",
|
|
"description": "Soothing pastel theme for crates.io",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/crates.io/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "crates.io Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/crates.io",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/crates.io",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/crates.io/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Acrates.io",
|
|
"description": "Soothing pastel theme for crates.io",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name crates.io Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/crates.io\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/crates.io\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/crates.io/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Acrates.io\n@description Soothing pastel theme for crates.io\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"crates.io\") {\n @import url(\"https://unpkg.com/@catppuccin/highlightjs@1.0.0/css/catppuccin-variables.important.css\");\n\n code.hljs {\n background: none !important;\n }\n\n :root[data-color-scheme=\"system\"] {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n :root[data-color-scheme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n :root[data-color-scheme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n #lib.css-variables();\n\n &,\n * {\n --shadow: none !important;\n --csstools-color-scheme--dark: none;\n\n --header-bg-color: @mantle;\n --main-color: @text;\n --main-color-light: @subtext1;\n --main-shadow-color: @surface0;\n --main-bg: @mantle;\n --main-bg-dark: @base;\n --gray-border: @surface0;\n --link-color: @accent;\n --link-hover-color: darken(@accent, 5%);\n --footer-header-color: @text;\n\n /* Main article/readme background */\n --csstools-light-dark-toggle--63: @base;\n\n /* Inline code background */\n --csstools-light-dark-toggle--92: @mantle;\n /* Code block background */\n --csstools-light-dark-toggle--91: @mantle;\n /* Copyable text hover */\n --csstools-light-dark-toggle--78: @base;\n\n /* Versions cards */\n --csstools-light-dark-toggle--111: @text;\n --csstools-light-dark-toggle--113: @base;\n --csstools-light-dark-toggle--114: fade(@green, 15%);\n --csstools-light-dark-toggle--117: fade(@yellow, 15%);\n --csstools-light-dark-toggle--109: @surface0;\n --csstools-light-dark-toggle--110: @surface0;\n --csstools-light-dark-toggle--115: @surface0;\n --csstools-light-dark-toggle--118: @surface0;\n --csstools-light-dark-toggle--126: @text;\n [class*=\"_new\"] {\n color: @green;\n }\n /* Dependencies cards */\n --csstools-light-dark-toggle--83: @base;\n --csstools-light-dark-toggle--79: @surface0;\n --csstools-light-dark-toggle--80: @text;\n --csstools-light-dark-toggle--81: @text;\n --csstools-light-dark-toggle--84: @subtext0;\n --grey600: @subtext0;\n --grey700: @text;\n /* Dependents cards */\n --csstools-light-dark-toggle--89: @base;\n --csstools-light-dark-toggle--86: @surface0;\n /* Search results cards */\n --csstools-light-dark-toggle--2: @base;\n /* Homepage cards */\n --csstools-light-dark-toggle--74: @base;\n --csstools-light-dark-toggle--77: @surface0;\n --csstools-light-dark-toggle--75: @subtext1;\n --csstools-light-dark-toggle--76: @text;\n --csstools-light-dark-toggle--19: @subtext0;\n --csstools-light-dark-toggle--20: @subtext0;\n\n /* Header search bar */\n --csstools-light-dark-toggle--34: @crust;\n --yellow500: @accent;\n --yellow700: darken(@accent, 5%);\n\n /* Dropdown */\n --csstools-light-dark-toggle--23: @mantle;\n --csstools-light-dark-toggle--35: @mantle;\n /* Dropdown items */\n [class*=\"_item_\"] {\n button:hover,\n > a:hover,\n [class*=\"_selected_\"] {\n background: @surface0;\n color: @text !important;\n }\n }\n }\n\n /* Toasts */\n .c-notification {\n --ecn-green: @green;\n --ecn-blue: @blue;\n --ecn-orange: @peach;\n --ecn-red: @red;\n\n &,\n .c-notification__icon {\n color: @crust;\n }\n }\n\n /* Tooltips */\n .ember-tooltip {\n color: @text;\n background-color: @crust;\n text-shadow: none;\n\n &[x-placement^=\"top\"] .ember-tooltip-arrow {\n border-top-color: @crust;\n }\n }\n\n /* Icons and icon badges */\n [class*=\"downloads_\"] [fill=\"#FFF\"] {\n fill: @surface0 !important;\n }\n [fill=\"#B13B89\"],\n [fill=\"#B84D94\"],\n svg[class*=\"_download-icon\"] {\n fill: @accent !important;\n }\n [stroke=\"#B84D94\"] {\n stroke: @accent !important;\n }\n\n /* Footer links */\n ._content_hautyr {\n h1 {\n text-shadow: none;\n }\n\n a {\n color: @accent;\n\n &:hover {\n color: darken(@accent, 5%);\n text-shadow: none;\n }\n }\n }\n\n /* Misc header text */\n [class*=\"_header-inner_\"] {\n &,\n a {\n color: @text;\n }\n }\n\n /* Search bar magnifying glass icon */\n form[action=\"/search\"] button {\n color: @crust;\n }\n\n /* Sort by search results */\n ._icon_xsqxju {\n color: @accent;\n }\n\n /* Primary buttons */\n [class*=\"_tan-button_\"],\n [class*=\"_yellow-button_\"] {\n color: @crust !important;\n background: @accent;\n\n &:hover {\n background-color: darken(@accent, 5%);\n }\n }\n\n [class*=\"_red-button_\"] {\n --bg-color-top: @maroon;\n --bg-color-bottom: @maroon;\n --bg-color-top-dark: @red;\n --bg-color-bottom-dark: @red;\n }\n\n /* User email settings */\n [class*=\"_me-email_\"] {\n [class*=\"_row_\"] {\n border-color: @surface0;\n }\n [class*=\"_verified_\"] {\n color: @green;\n }\n }\n\n /* Logged out home page hero */\n [class*=\"_hero-title_\"] {\n color: @text;\n text-shadow: none;\n }\n [class*=\"_hero-button_\"] [class*=\"_icon_\"] {\n color: @crust;\n }\n [class*=\"_blurb_\"] [class*=\"_stats-value_\"] {\n [class*=\"_label_\"],\n svg {\n color: @subtext0;\n }\n }\n\n /* User avatar backgrounds */\n [class*=\"_avatar_\"] {\n background-color: @surface0;\n box-shadow: none;\n }\n\n [class*=\"_yanked-badge_\"] {\n background-color: @red;\n color: @crust;\n }\n\n /* Tables in READMEs */\n table {\n th,\n td {\n border-color: @surface1;\n }\n }\n }\n}\n",
|
|
"originalDigest": "fba0f12716692c0316fa9da995753a6a374dce65",
|
|
"_id": "eb5de07b-1308-4076-a7db-ec96bcc8fd78",
|
|
"_rev": 1780236868153,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 25
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Formative Catppuccin",
|
|
"description": "Soothing pastel theme for Formative",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/formative/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Formative Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/formative",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/formative",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/formative/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aformative",
|
|
"description": "Soothing pastel theme for Formative",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Formative Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/formative\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/formative\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/formative/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aformative\n@description Soothing pastel theme for Formative\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"app.formative.com\"), domain(\"goformative.com\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n @contrast: if(@flavor = latte, @text, @base);\n\n input,\n textarea {\n border-color: @overlay0;\n color: @text;\n }\n .input {\n border-color: @overlay0;\n }\n\n .MainAppSideMenu__LogoLink-sc-11gwnv8-2,\n .MainAppHeader__LogoLink-sc-1gw0bt9-2,\n .SplitColumnLayout__StyledLogo-sc-4mcl10-4 {\n svg {\n path:nth-child(1) {\n fill: @yellow !important;\n }\n path:nth-child(2) {\n fill: @green !important;\n }\n path:nth-child(3) {\n fill: @blue !important;\n }\n path:nth-child(4) {\n fill: @red !important;\n }\n path:nth-child(5) {\n fill: @yellow !important;\n }\n path:nth-child(6) {\n fill: @text !important;\n }\n }\n }\n\n background: @base;\n body {\n color: @text;\n }\n\n hr {\n border-color: @overlay0 !important;\n }\n\n .MainAppSideMenu__RootNav-sc-11gwnv8-0 {\n background: @surface0;\n .SideTabItem__RootButton-sc-vtkzgr-0 {\n &.selected {\n background: fade(@accent, 50%);\n &::after {\n background: @accent;\n }\n }\n &:hover {\n .avatar {\n box-shadow: @accent 0 0 0 1px;\n }\n }\n &:not(.selected):hover {\n .side-tab-item-label-div,\n .material-icons-outlined,\n .svg-icons svg {\n color: @accent;\n }\n }\n }\n .side-tab-item-label-div,\n .material-icons-outlined,\n .svg-icons {\n color: @text;\n }\n }\n .notifications-count {\n background: @accent;\n color: @contrast;\n }\n .NotificationCenterAlert__TriggerDiv-sc-165xmi4-0 {\n background-color: @surface0;\n .material-icons-outlined {\n color: @text;\n }\n }\n .avatar:hover {\n box-shadow: @accent 0 0 0 1px;\n }\n .MainAppHeader__RootDiv-sc-1gw0bt9-0 {\n background-color: @surface0;\n }\n\n .SecondaryHeader__RootDiv-sc-1lpafq7-0 {\n background: @surface0;\n border-color: @overlay0;\n .TabsItem__RootDiv-sc-tj1og8-0 > a {\n color: @text;\n }\n .TabsItem__RootDiv-sc-tj1og8-0:hover > a {\n color: @accent;\n }\n .TabsItem__SelectedLineDiv-sc-tj1og8-1 {\n background: @accent !important;\n }\n .TabsItem__TabLink-sc-tj1og8-3:focus-visible {\n background: transparent !important;\n }\n }\n\n main,\n .FormativesShelf__HeaderDiv-sc-1pswvpk-3,\n .FormativesShelf__StyledSecondaryHeader-sc-1pswvpk-4,\n .TabsItem__TabDiv-sc-tj1og8-4:focus-visible {\n background: @base;\n }\n .Home__TitleSpan-sc-q7a345-5,\n .ClassesShelf__TitleSpan-sc-1ews12o-2,\n .TabsItem__TabDiv-sc-tj1og8-4,\n .OverflowEllipsis__RootDiv-sc-1mjk6uz-0,\n .Label-sc-rzlz3u-0,\n .Text-sc-1mon9hz-0,\n .ProfileAccountInfo__BaseDiv-sc-1nbrrm9-0,\n .Achievements__StyledHeading-sc-nmy2km-2,\n .Achievements__StyledSubHeading-sc-nmy2km-3,\n .BadgeCard__BadgeLabelDiv-sc-13976oo-8,\n .BadgeCard__BadgeDescriptionDiv-sc-13976oo-9,\n .EmptyExplainer__EmptyExplainerMainText-sc-1ixiesy-2,\n .EmptyExplainer__EmptyExplainerSubtext-sc-1ixiesy-3,\n .LabelledDropdownList__StyledLabel-sc-co7v7a-1,\n .BadgeSidebar__BadgeLabelDiv-sc-oi03p1-3,\n .BadgeSidebar__BadgeDescriptionDiv-sc-oi03p1-4,\n .BadgeSidebar__ChallengeProgressStatusDiv-sc-oi03p1-8,\n .BadgeSidebar__ChallengeProgressFractionDiv-sc-oi03p1-9,\n .BadgeSidebar__LevelDescriptionDiv-sc-oi03p1-13,\n .BadgeSidebar__AchievedOnDiv-sc-oi03p1-14,\n .QuestionNotificationRow__NameP-sc-f7ccw5-7,\n .QuestionNotificationRow__StyledTimeAgo-sc-f7ccw5-8,\n .TextViewable__RootDiv-sc-ohojgu-0,\n .ScorePill__ScoreDiv-sc-w63ftw-0,\n .QuestionViewable__QuestionTextRichTextWrapperDiv-sc-13jvio2-1,\n .QuestionViewable__QuestionNumberDiv-sc-13jvio2-3,\n .FormativeStudentFooter__ProgressCountDiv-sc-6tj89c-1,\n .FormativeStudentFooter__SubTextDiv-sc-6tj89c-5,\n .FormativesShelf__ShowScoresText-sc-1pswvpk-6,\n .ModalBody__RootDiv-sc-1lg094f-0,\n .Elements__Title-sc-1qtb2ho-9,\n .JoinQuickCode__QuickCodeTextParagraph-sc-1uhfett-1,\n .CallToActionLink__ActionText-sc-yuiy65-1,\n .Checkbox__CheckboxLabel-sc-1oy0ey9-4,\n .ModalTitle__TitleH4-sc-18cspoj-1,\n .FormativeItemViewable__HintDiv-sc-m0kwch-8,\n .NoFormatives__HeadingDiv-sc-1v9g5eg-1,\n .NoFormatives__BodyP-sc-1v9g5eg-2,\n .DragAndDropViewableContainer__InstructionsDiv-sc-1ke293x-0,\n .QuestionViewable__CorrectAnswerLabelDiv-sc-13jvio2-7,\n .MatchingTableRow__ArrowIcon-sc-1u9h4tb-1,\n .PracticeSet__StyledLastUpdated-sc-1wup6tb-9,\n .MaterialIcon-sc-1g5xoi8-0,\n .MinimalFormativeStudentHeader__FormativeTitleDiv-sc-14rcnaq-4,\n .ErrorExplainer__SubTextHeading-sc-7nq4if-2,\n .ErrorExplainer__MainTextHeading-sc-7nq4if-1,\n .ErrorExplainer__TechnicalDetailsHeading-sc-7nq4if-3,\n .ErrorExplainer__ErrorIdParagraph-sc-7nq4if-4,\n .TeacherPacedStart__DetailsDiv-sc-1f4f5sd-4,\n .Elements__SubText-sc-1qtb2ho-11,\n .RichText__RootReadOnlyDiv-sc-fjolxt-1 *,\n .ValidatedInputNew__InputPrefixSpan-sc-18vdili-3,\n .LaunchRespondusBrowser__MainTextHeading-sc-1ymzzc2-5,\n .LaunchRespondusBrowser__DetailsParagraph-sc-1ymzzc2-4,\n .PracticeSession__PopoverContentDiv-sc-1t2vn9a-4,\n .ExpandableAccordionHeader__HeaderRow-sc-cu02pz-1,\n .VerticalButton__StyledSpan-sc-1h2we7r-1,\n .ShelfTile__LabelDiv-sc-1oc4c00-3,\n .PracticeSet__AddItemCardContents-sc-1wup6tb-10 {\n color: @text;\n }\n .TabsItem__TabDiv-sc-tj1og8-4:hover,\n .RespondusTroubleshootLink__TroubleshootingAnchor-sc-17na5u4-7,\n .Summary__RawButtonLink-sc-1ofq6fd-2 {\n color: @accent;\n }\n .FormativesShelf__StyledSecondaryHeader-sc-1pswvpk-4 {\n border-color: @overlay0;\n }\n .TabsItem__SelectedLineDiv-sc-tj1og8-1 {\n background: @accent !important;\n }\n .Pill__RootDiv-sc-4b6mpn-0,\n .ItemInfoPill-sc-ecx83e-0,\n .FormativeItemViewable__HintsRemainingCountDiv-sc-m0kwch-11,\n .IconWarningButton__RootButton-sc-1b683n6-0,\n .Ellipse__RootButton-sc-1teidw7-0 {\n &.IconWarningButton__RootButton-sc-1b683n6-0:hover {\n border-color: @red;\n }\n > svg[width=\"16\"] {\n path {\n stroke: @red;\n }\n }\n &,\n .material-icons-outlined {\n color: @text !important;\n }\n background: @surface2 !important;\n border-color: @overlay0;\n }\n .Card__RootDiv-sc-hyrluv-0,\n .Card__RootDiv-sc-4gt2nj-0 {\n background: @surface0;\n border-color: @overlay0;\n &.selected {\n border-color: @accent;\n outline-color: @accent;\n }\n .material-icons-outlined {\n color: @text;\n }\n &:hover {\n .FormativeCard__TitleOverflowEllipsis-sc-tkxjaz-7,\n .SectionCard__SectionTitleOverflowEllipsis-sc-ir1v2v-4 {\n color: @accent;\n }\n }\n }\n .ClassAvatar__RootDiv-sc-i7tto7-0,\n .avatar > div {\n background: @accent;\n color: @contrast;\n }\n .ReactSelect__control {\n background: @surface0;\n border-color: @overlay0;\n .ReactSelect__placeholder {\n color: @subtext0;\n }\n .ReactSelect__indicator,\n .ReactSelect__single-value,\n .ReactSelect__input-container {\n color: @text;\n }\n &:focus-within {\n border-color: @accent !important;\n }\n }\n .react-select-icon {\n color: @text;\n }\n .ReactSelect__menu {\n background: @surface2 !important;\n color: @text;\n .SearchBarOption__RootLink-sc-191bb28-1:hover\n .SearchBarOption__TitleOverflowEllipsis-sc-191bb28-0 {\n color: @accent;\n }\n .ReactSelect__option--is-focused {\n background: @overlay0;\n }\n .ReactSelect__option--is-selected {\n background: @accent;\n color: @contrast;\n }\n .ReactSelect__menu-notice {\n color: @subtext0;\n }\n }\n\n .ClassesShelfContainer__StyledButton-sc-zx4vft-0 .material-icons-outlined {\n color: @text;\n }\n\n .Button__StyledButton-sc-aum9f1-1,\n .IconButton__RootButton-sc-ebvofk-0,\n .SectionDetail__BackLink-sc-1aifgaj-4 {\n background: @surface0 !important;\n &,\n .material-icons-outlined {\n color: @accent !important;\n border-color: @overlay0;\n }\n &:hover,\n &:enabled:focus {\n background: @surface1;\n border-color: @accent;\n }\n }\n .Switch__RootButton-sc-1ss5zxi-0 {\n background: @surface0;\n &[aria-checked=\"true\"] {\n background: @accent;\n }\n .Switch__BallDiv-sc-1ss5zxi-1 {\n background: @overlay0;\n }\n }\n .ButtonSwitch__RootDiv-sc-1cluxwg-0 {\n background: @surface1;\n .ButtonSwitchOption__RootDiv-sc-ek1jm8-0 {\n &.selected {\n background: @surface2;\n }\n color: @text;\n }\n }\n .FormativeCardScore__PercentageSpan-sc-p5mc30-1 {\n &[style*=\"rgba(32, 213, 171, 0.2)\"] {\n background: fade(@green, 50%) !important;\n }\n &[style*=\"rgba(255, 222, 51, 0.2)\"] {\n background: fade(@yellow, 50%) !important;\n }\n &[style*=\"rgba(0, 165, 251, 0.2)\"] {\n background: fade(@blue, 50%) !important;\n }\n &[style*=\"rgba(255, 76, 77, 0.2)\"] {\n background: fade(@red, 50%) !important;\n }\n }\n\n .Dropdown__PopoverContent-sc-1s7u5eb-2,\n .Popover__PopoverContent-sc-1x169li-4 {\n background: @surface2;\n .DropdownRow__RowButton-sc-1bu6csb-0 {\n background: @surface2;\n border-color: @overlay2;\n &,\n .dropdown-list-icon,\n .material-icons-outlined {\n color: @text !important;\n svg path {\n fill: @text !important;\n }\n }\n &:hover {\n background: @overlay0 !important;\n color: @text !important;\n }\n }\n .Dropdown__PopoverArrow-sc-1s7u5eb-1,\n .Popover__PopoverArrow-sc-1x169li-3 {\n fill: @surface2;\n }\n .StrokePicker__InnerDiv-sc-8widgm-4 {\n background: @surface2;\n }\n }\n .DropdownList__TriggerButton-sc-1hvvmg1-0,\n .EmptyExplainer__StyledMaterialIcon-sc-1ixiesy-4 {\n color: @accent;\n }\n\n .ProfileAccountInfo__DashedGroup-sc-1nbrrm9-2 {\n border-color: @overlay0;\n }\n\n .BadgeCard__RootButton-sc-13976oo-0 {\n &:hover,\n &:focus,\n &.selected {\n .BadgeCard__BadgeLabelDiv-sc-13976oo-8 {\n color: @accent;\n }\n .Card__RootDiv-sc-4gt2nj-0 {\n border-color: @accent;\n }\n }\n .BadgeCard__ProgressPercentSpan-sc-13976oo-7 {\n color: @text;\n }\n }\n .BadgeSidebar__RootDiv-sc-oi03p1-0 {\n background: @surface0;\n .SvgIconWrapper__SvgIconDiv-sc-1u203y2-0 {\n svg path {\n fill: @text;\n }\n &:hover {\n background: @surface1;\n }\n }\n .BadgeSidebar__ChallengeLevelsDiv-sc-oi03p1-10 {\n border-color: @overlay0;\n }\n }\n .BadgeCard__BadgeImage-sc-13976oo-5,\n .BadgeSidebar__BadgeImage-sc-oi03p1-2 {\n &[src*=\"responses\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"192\" height=\"181\" fill=\"none\"><g clip-path=\"url(#a)\" transform=\"translate(31.528)\"><path fill=\"@{peach}\" d=\"M.972 63.518C.972 28.748 29.159.56 63.929.56s62.958 28.187 62.958 62.957v109.726a7.196 7.196 0 0 1-7.195 7.195H8.167a7.196 7.196 0 0 1-7.195-7.195z\"/><mask id=\"c\" width=\"127\" height=\"181\" x=\"0\" y=\"0\" maskUnits=\"userSpaceOnUse\"><path fill=\"url(#b)\" d=\"M.972 63.518C.972 28.748 29.159.56 63.929.56s62.958 28.187 62.958 62.957v109.726a7.196 7.196 0 0 1-7.195 7.195H8.167a7.196 7.196 0 0 1-7.195-7.195z\"/></mask><g mask=\"url(#c)\"><path fill=\"url(#d)\" d=\"M.972 63.518C.972 28.748 29.159.56 63.929.56s62.958 28.187 62.958 62.957v109.726a7.196 7.196 0 0 1-7.195 7.195H8.167a7.196 7.196 0 0 1-7.195-7.195z\"/></g><path stroke=\"@{base}\" stroke-width=\"1.124\" d=\"M10.534 63.524c0-29.493 23.909-53.401 53.402-53.401 29.492 0 53.401 23.908 53.401 53.401v100.732a6.633 6.633 0 0 1-6.633 6.633H17.167a6.633 6.633 0 0 1-6.633-6.633z\"/><path stroke=\"@{base}\" stroke-linecap=\"round\" stroke-width=\"1.124\" d=\"M116.972 77.56h-30.98a1.02 1.02 0 0 1-1.02-1.02V41.56c0-8.836 7.163-16 16-16v0\"/><path stroke=\"@{base}\" stroke-width=\"1.124\" d=\"M23.534 125.123h93.312v23.159H23.534Zm-13 39.242a6.633 6.633 0 0 0 6.633 6.633h93.537a6.633 6.633 0 0 0 6.633-6.633v-15.627H10.534Z\"/><path stroke=\"@{base}\" stroke-width=\"1.124\" d=\"M40.534 102.123h77.123v23.159H40.534Zm20-24h56.876v23.876H60.534Z\"/><path fill=\"@{base}\" d=\"M17.066 138.61a1.048 1.048 0 1 1-2.096.002 1.048 1.048 0 0 1 2.096-.002m98-64a1.048 1.048 0 1 1-2.096.001 1.048 1.048 0 0 1 2.096-.001m-54-54a1.048 1.048 0 1 1-2.096.002 1.048 1.048 0 0 1 2.096-.002m-29 93a1.048 1.048 0 1 1-2.096.002 1.048 1.048 0 0 1 2.096-.002m24-63a1.048 1.048 0 1 1-2.096.002 1.048 1.048 0 0 1 2.096-.002\"/><path fill=\"@{base}\" fill-rule=\"evenodd\" d=\"M34.534 41.56a.562.562 0 1 0-1.124 0v1.438h-2.253a.563.563 0 0 0 0 1.125h2.253v3.253a.562.562 0 1 0 1.124 0v-3.253h2.438a.562.562 0 0 0 0-1.124h-2.438z\" clip-rule=\"evenodd\"/><path fill=\"@{base}\" fill-rule=\"evenodd\" d=\"M34.534 41.56a.562.562 0 1 0-1.124 0v1.438h-2.253a.563.563 0 0 0 0 1.125h2.253v3.253a.562.562 0 1 0 1.124 0v-3.253h2.438a.562.562 0 0 0 0-1.124h-2.438zm44-21a.562.562 0 1 0-1.124 0V22h-2.253a.562.562 0 0 0 0 1.124h2.253v3.253a.562.562 0 1 0 1.124 0v-3.253h2.438a.563.563 0 0 0 0-1.125h-2.438z\" clip-rule=\"evenodd\"/><path fill=\"@{base}\" fill-rule=\"evenodd\" d=\"M78.534 20.56a.562.562 0 1 0-1.124 0V22h-2.253a.562.562 0 0 0 0 1.124h2.253v3.253a.562.562 0 1 0 1.124 0v-3.253h2.438a.563.563 0 0 0 0-1.125h-2.438zm-39 56a.562.562 0 1 0-1.124 0V81h-5.13a.562.562 0 0 0 0 1.124h5.13v6.13a.562.562 0 1 0 1.124 0v-6.13h5.438a.562.562 0 0 0 0-1.124h-5.438z\" clip-rule=\"evenodd\"/><path fill=\"@{base}\" fill-rule=\"evenodd\" d=\"M39.534 76.56a.562.562 0 1 0-1.124 0V81h-5.13a.562.562 0 0 0 0 1.124h5.13v6.13a.562.562 0 1 0 1.124 0v-6.13h5.438a.562.562 0 0 0 0-1.124h-5.438z\" clip-rule=\"evenodd\"/></g><defs><clipPath id=\"a\"><path fill=\"@{base}\" d=\"M.972.56h125.915v179.88H.972Z\"/></clipPath></defs></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n &[src*=\"formatives-assigned-submitted\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"192\" height=\"181\" fill=\"none\"><g clip-path=\"url(#a)\" transform=\"translate(23.5)\"><path fill=\"@{green}\" fill-rule=\"evenodd\" d=\"M70.746 40.026 9.431 2.446C5.337-.064.076 2.883.076 7.686v135.031a6.15 6.15 0 0 0 3.418 5.507l64.905 32.13c2.7 1.336 5.705.491 7.434-1.551l65.75-31.736a6.14 6.14 0 0 0 3.474-5.533V6.449c0-4.771-5.201-7.722-9.297-5.275z\" clip-rule=\"evenodd\"/><mask id=\"c\" width=\"145\" height=\"180\" x=\"0\" y=\"0\" maskUnits=\"userSpaceOnUse\"><path fill=\"url(#b)\" fill-rule=\"evenodd\" d=\"M71.537 39.219 9.356 1.109C5.26-1.401 0 1.546 0 6.348V141.38a6.15 6.15 0 0 0 3.419 5.507l64.904 32.129a6.1 6.1 0 0 0 3.207.627 6.1 6.1 0 0 0 3.13-.601l66.858-32.27a6.14 6.14 0 0 0 3.473-5.533V6.154c0-4.771-5.2-7.722-9.296-5.275z\" clip-rule=\"evenodd\"/></mask><g mask=\"url(#c)\"><path fill=\"url(#d)\" fill-rule=\"evenodd\" d=\"M71.575 39.1 9.346.96C5.252-1.55-.01 1.397-.01 6.2v135.031a6.14 6.14 0 0 0 3.42 5.507l64.904 32.13a6.1 6.1 0 0 0 2.89.643 6.1 6.1 0 0 0 3.456-.567l66.857-32.269a6.14 6.14 0 0 0 3.473-5.534V6.057c0-4.77-5.2-7.722-9.296-5.274z\" clip-rule=\"evenodd\"/></g><mask id=\"e\" fill=\"@{base}\"><path fill-rule=\"evenodd\" d=\"M71.66 172.771a12 12 0 0 0-1.337 0 5.3 5.3 0 0 1-2.57-.512L8.016 143.843a5.3 5.3 0 0 1-3.024-4.786V20.5c0-4.1 4.457-6.648 7.99-4.567L69.166 49.02a3.6 3.6 0 0 0 3.651 0l56.185-33.088c3.533-2.081 7.989.466 7.989 4.567v118.557a5.3 5.3 0 0 1-3.023 4.786l-59.739 28.416a5.3 5.3 0 0 1-2.569.512\" clip-rule=\"evenodd\"/></mask><path fill=\"@{base}\" d=\"m67.754 172.259-.387.812zm-59.74-28.416.387-.812zm4.967-127.91-.456.775zm116.021 0-.457-.775zm4.966 127.91-.386-.812zm-59.739 28.416-.386-.812zM72.817 49.021l-.456-.775Zm-2.494 123.75.05.898zm1.337 0-.05.898zm-1.388-.898a4.4 4.4 0 0 1-2.132-.426l-.773 1.624a6.2 6.2 0 0 0 3.006.598zm-2.132-.426L8.4 143.031l-.772 1.624 59.738 28.416ZM8.4 143.031a4.4 4.4 0 0 1-2.51-3.974H4.092a6.2 6.2 0 0 0 3.537 5.598zm-2.51-3.974V20.5H4.092v118.557Zm0-118.557c0-3.405 3.7-5.52 6.634-3.792l.912-1.55c-4.132-2.434-9.345.545-9.345 5.342Zm6.634-3.792 56.184 33.088.913-1.55-56.184-33.088zm116.02-1.55L72.361 48.246l.913 1.55 56.184-33.088zm9.346 5.341c0-4.796-5.213-7.775-9.346-5.341l.913 1.55c2.934-1.728 6.634.387 6.634 3.791zm0 118.558V20.5h-1.799v118.557Zm-3.537 5.598a6.2 6.2 0 0 0 3.537-5.598h-1.799a4.4 4.4 0 0 1-2.51 3.974zm-59.738 28.416 59.738-28.416-.772-1.624-59.739 28.416zm-3.007.598a6.2 6.2 0 0 0 3.007-.598l-.773-1.624a4.4 4.4 0 0 1-2.132.426zm-2.9-123.873c1.409.83 3.156.83 4.564 0l-.912-1.55a2.7 2.7 0 0 1-2.739 0zm1.664 123.873q.619-.034 1.236 0l.102-1.796q-.72-.04-1.439 0z\" mask=\"url(#e)\"/><path stroke=\"@{base}\" stroke-width=\"1.124\" d=\"M58.08 48.523v53.064c0 .994-.805 1.799-1.799 1.799H44.803c-1.52 0-2.355 1.769-1.388 2.942l27.686 33.62a1.8 1.8 0 0 0 2.761.019l28.478-33.62c.99-1.169.159-2.961-1.373-2.961H90.008a1.8 1.8 0 0 1-1.798-1.799v-59.36\"/><path stroke=\"@{base}\" stroke-width=\"1.124\" d=\"M88.08 60.653v53.064c0 .993-.806 1.798-1.799 1.798H74.803c-1.52 0-2.355 1.769-1.388 2.943l27.686 33.619a1.8 1.8 0 0 0 2.761.019l28.478-33.619c.99-1.169.159-2.962-1.373-2.962h-10.959a1.8 1.8 0 0 1-1.799-1.798v-89.49M57.865 42.965v40.771c0 .994.805 1.799 1.798 1.799H71.14c1.527 0 2.36 1.782 1.38 2.953l-27.718 33.114a1.798 1.798 0 0 1-2.742.019L13.55 88.507c-1.003-1.166-.175-2.972 1.364-2.972h10.955a1.8 1.8 0 0 0 1.799-1.799V25.227\"/><path fill=\"@{base}\" fill-rule=\"evenodd\" d=\"M124.554 37.227a.562.562 0 0 0-1.125 0v2.438h-2.253a.562.562 0 0 0 0 1.125h2.253v2.252a.562.562 0 0 0 1.125 0V40.79h2.437a.562.562 0 1 0 0-1.124h-2.437z\" clip-rule=\"evenodd\"/><path fill=\"@{base}\" fill-rule=\"evenodd\" d=\"M124.554 37.227a.562.562 0 0 0-1.125 0v2.438h-2.253a.562.562 0 0 0 0 1.125h2.253v2.252a.562.562 0 0 0 1.125 0V40.79h2.437a.562.562 0 1 0 0-1.124h-2.437zm-111 20a.562.562 0 0 0-1.125 0v2.438h-2.253a.562.562 0 1 0 0 1.125h2.253v2.252a.562.562 0 1 0 1.125 0V60.79h2.437a.562.562 0 1 0 0-1.124h-2.437z\" clip-rule=\"evenodd\"/><path fill=\"@{base}\" fill-rule=\"evenodd\" d=\"M13.554 57.227a.562.562 0 0 0-1.125 0v2.438h-2.253a.562.562 0 1 0 0 1.125h2.253v2.252a.562.562 0 1 0 1.125 0V60.79h2.437a.562.562 0 1 0 0-1.124h-2.437zm34 81a.562.562 0 0 0-1.125 0v4.438H41.3a.562.562 0 0 0 0 1.124h5.13v6.13a.563.563 0 1 0 1.125 0v-6.13h5.438a.562.562 0 1 0 0-1.124h-5.438z\" clip-rule=\"evenodd\"/><path fill=\"@{base}\" fill-rule=\"evenodd\" d=\"M47.554 138.227a.562.562 0 0 0-1.125 0v4.438H41.3a.562.562 0 0 0 0 1.124h5.13v6.13a.563.563 0 1 0 1.125 0v-6.13h5.438a.562.562 0 1 0 0-1.124h-5.438z\" clip-rule=\"evenodd\"/><path fill=\"@{base}\" d=\"M18.085 71.276a1.048 1.048 0 1 1-2.096.003 1.048 1.048 0 0 1 2.096-.003m48 79a1.048 1.048 0 1 1-2.093 0 1.048 1.048 0 1 1 2.093 0m-41-28a1.048 1.048 0 1 1-2.094 0 1.048 1.048 0 1 1 2.094 0m103-43a1.048 1.048 0 1 1-2.094 0 1.048 1.048 0 1 1 2.094 0\"/></g><defs><clipPath id=\"a\"><path fill=\"@{base}\" d=\"M0 0h145.057v180.999H0z\"/></clipPath></defs></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n .ProgressBar__ProgressDiv-sc-4qm1te-0 {\n background: @overlay0;\n .ProgressBar__ProgressBarDiv-sc-4qm1te-2 {\n background: @accent;\n }\n }\n .notification {\n &.notification-success {\n background: @green !important;\n color: @contrast !important;\n }\n }\n .Tooltip__Content-sc-1k6bq57-0 {\n background: @surface0;\n color: @text;\n .Tooltip__KeyboardShortcutContainerDiv-sc-1k6bq57-1 {\n background: @surface1;\n color: @text;\n }\n }\n .Modal__Overlay-sc-1uf7odj-0 {\n background: fade(@crust, 80%);\n }\n .Modal__Content-sc-1uf7odj-1 {\n background: @base;\n .modal-header,\n .modal-footer {\n border-color: @overlay0 !important;\n }\n .ModalHeader__Title-sc-1aoz840-1 {\n color: @text;\n }\n .modal-footer {\n background: @base;\n }\n .ModalHeader__CloseButton-sc-1aoz840-2 {\n border-color: @overlay0;\n background: @surface0;\n &:enabled:hover {\n background: @surface1 !important;\n border-color: @accent;\n }\n }\n .CopyablePracticeSetInfo__LinkText-sc-14zdsnw-3,\n .CopyablePracticeSetInfo__ExplainerDiv-sc-14zdsnw-5 {\n background: @surface0;\n }\n .ThemePreview__PrimaryColorDiv-sc-zh51j9-0[style*=\"outline\"] {\n &[style*=\"outline: rgb(255, 255, 255)\"] {\n outline-color: @text !important;\n }\n &[style*=\"outline: rgb(13, 100, 242)\"] {\n outline-color: @accent !important;\n }\n }\n }\n .ReactModal__Overlay {\n background: fade(@crust, 80%);\n .ReactModal__ActualContent {\n background: @base !important;\n .ModalBody-sc-1lg094f-0 > * {\n color: @text !important;\n &.ErrorExplainer__BodyDiv-sc-7nq4if-0 {\n .material-icons-outlined {\n color: @red;\n }\n .ErrorExplainer__TechnicalDetailsHeading-sc-7nq4if-3,\n .ErrorExplainer__ErrorIdParagraph-sc-7nq4if-4 {\n color: @subtext0;\n }\n }\n &.Input__StyledInput-sc-1632reg-0 {\n background: @surface0 !important;\n &::placeholder {\n color: @overlay2 !important;\n }\n &:focus {\n border-color: @accent;\n }\n }\n &.CookiePolicyModal__AccordionDiv-sc-dpnzx7-0\n .AccordionItem__ContainerDiv-sc-1aj05j4-0 {\n &,\n .AccordionItem__HeaderDiv-sc-1aj05j4-1,\n .AccordionItem__BodyDiv-sc-1aj05j4-5 {\n background: @surface0;\n border-color: @overlay0;\n }\n .material-icons-outlined {\n color: @text;\n }\n .CookiePolicyModal__BlueAlertText-sc-dpnzx7-5 {\n color: @accent;\n }\n }\n }\n .ModalBody-sc-1lg094f-0:has(.Submit__ContentTitleH3-sc-1vceatk-1)\n svg\n path {\n fill: @accent;\n }\n .ModalTitle {\n background: @base;\n }\n .PracticeDispatchModalOptionLink__RootLink-sc-1wp7oro-0 {\n background: @surface1 !important;\n img {\n &[src*=\"flashcard-preview\"] {\n @svg: escape(\n '<svg width=\"147\" height=\"108\" viewBox=\"0 0 147 108\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#a)\"><mask id=\"c\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"147\" height=\"108\"><rect width=\"147\" height=\"108\" rx=\"4\" fill=\"@{surface2}\"/></mask><g filter=\"url(#b)\" mask=\"url(#c)\"><rect x=\"16\" y=\"16\" width=\"115\" height=\"76\" rx=\"4\" fill=\"@{surface2}\" shape-rendering=\"crispEdges\"/><path d=\"M40 44h67M40 54h67M40 64h49.742\" stroke=\"@{text}\" stroke-width=\"4\" stroke-linecap=\"round\"/></g></g><defs><filter id=\"b\" x=\"4\" y=\"8\" width=\"139\" height=\"100\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"4\"/><feGaussianBlur stdDeviation=\"6\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_2281_1029\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_2281_1029\" result=\"shape\"/></filter><clipPath id=\"a\"><rect width=\"147\" height=\"108\" fill=\"@{surface2}\"/></clipPath></defs></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n &[src*=\"match-preview\"] {\n @svg: escape(\n '<svg width=\"191\" height=\"146\" viewBox=\"0 0 191 146\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g filter=\"url(#a)\"><rect x=\"12\" y=\"8\" width=\"47\" height=\"34\" rx=\"4\" fill=\"@{accent}\"/></g><g filter=\"url(#b)\"><rect x=\"12\" y=\"52\" width=\"47\" height=\"34\" rx=\"4\" fill=\"@{surface2}\"/></g><g filter=\"url(#c)\"><rect x=\"12\" y=\"96\" width=\"47\" height=\"34\" rx=\"4\" fill=\"@{surface2}\"/></g><g filter=\"url(#d)\"><rect x=\"72\" y=\"8\" width=\"47\" height=\"34\" rx=\"4\" fill=\"@{surface2}\"/></g><g filter=\"url(#e)\"><rect x=\"72\" y=\"52\" width=\"47\" height=\"34\" rx=\"4\" fill=\"@{surface2}\"/></g><g filter=\"url(#f)\"><rect x=\"72\" y=\"96\" width=\"47\" height=\"34\" rx=\"4\" fill=\"@{surface2}\"/></g><g filter=\"url(#g)\"><rect x=\"132\" y=\"8\" width=\"47\" height=\"34\" rx=\"4\" fill=\"@{surface2}\"/></g><g filter=\"url(#h)\"><rect x=\"132\" y=\"52\" width=\"47\" height=\"34\" rx=\"4\" fill=\"@{accent}\"/></g><g filter=\"url(#i)\"><rect x=\"132\" y=\"96\" width=\"47\" height=\"34\" rx=\"4\" fill=\"@{surface2}\"/></g><defs><filter id=\"a\" x=\"0\" y=\"0\" width=\"71\" height=\"58\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"4\"/><feGaussianBlur stdDeviation=\"6\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_2281_1053\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_2281_1053\" result=\"shape\"/></filter><filter id=\"b\" x=\"0\" y=\"44\" width=\"71\" height=\"58\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"4\"/><feGaussianBlur stdDeviation=\"6\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_2281_1053\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_2281_1053\" result=\"shape\"/></filter><filter id=\"c\" x=\"0\" y=\"88\" width=\"71\" height=\"58\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"4\"/><feGaussianBlur stdDeviation=\"6\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_2281_1053\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_2281_1053\" result=\"shape\"/></filter><filter id=\"d\" x=\"60\" y=\"0\" width=\"71\" height=\"58\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"4\"/><feGaussianBlur stdDeviation=\"6\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_2281_1053\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_2281_1053\" result=\"shape\"/></filter><filter id=\"e\" x=\"60\" y=\"44\" width=\"71\" height=\"58\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"4\"/><feGaussianBlur stdDeviation=\"6\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_2281_1053\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_2281_1053\" result=\"shape\"/></filter><filter id=\"f\" x=\"60\" y=\"88\" width=\"71\" height=\"58\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"4\"/><feGaussianBlur stdDeviation=\"6\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_2281_1053\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_2281_1053\" result=\"shape\"/></filter><filter id=\"g\" x=\"120\" y=\"0\" width=\"71\" height=\"58\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"4\"/><feGaussianBlur stdDeviation=\"6\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_2281_1053\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_2281_1053\" result=\"shape\"/></filter><filter id=\"h\" x=\"120\" y=\"44\" width=\"71\" height=\"58\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"4\"/><feGaussianBlur stdDeviation=\"6\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_2281_1053\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_2281_1053\" result=\"shape\"/></filter><filter id=\"i\" x=\"120\" y=\"88\" width=\"71\" height=\"58\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"4\"/><feGaussianBlur stdDeviation=\"6\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_2281_1053\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_2281_1053\" result=\"shape\"/></filter></defs></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n &[src*=\"quiz-preview\"] {\n @svg: escape(\n '<svg width=\"209\" height=\"85\" viewBox=\"0 0 209 85\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g filter=\"url(#a)\"><rect x=\"115.371\" y=\"7\" width=\"39.3799\" height=\"28.6254\" rx=\"3.36769\" fill=\"@{surface2}\"/></g><g filter=\"url(#b)\"><rect x=\"115.371\" y=\"42.3746\" width=\"39.3799\" height=\"28.6254\" rx=\"3.36769\" fill=\"@{surface2}\"/></g><g filter=\"url(#c)\"><rect x=\"158.991\" y=\"7\" width=\"39.3799\" height=\"28.6254\" rx=\"3.36769\" fill=\"@{surface2}\"/></g><g filter=\"url(#d)\"><rect x=\"158.991\" y=\"42.3746\" width=\"39.3799\" height=\"28.6254\" rx=\"3.36769\" fill=\"@{surface2}\"/></g><g filter=\"url(#e)\"><rect x=\"11\" y=\"7\" width=\"96\" height=\"64\" rx=\"3.34694\" fill=\"@{surface2}\" shape-rendering=\"crispEdges\"/><path d=\"M31.082 30.429h56.06m-56.06 8.367h56.06m-56.06 8.367h41.62\" stroke=\"@{text}\" stroke-width=\"3.34694\" stroke-linecap=\"round\"/></g><defs><filter id=\"a\" x=\"105.268\" y=\"0.264616\" width=\"59.586\" height=\"48.8315\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"3.36769\"/><feGaussianBlur stdDeviation=\"5.05154\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_110_1187\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_110_1187\" result=\"shape\"/></filter><filter id=\"b\" x=\"105.268\" y=\"35.6392\" width=\"59.586\" height=\"48.8315\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"3.36769\"/><feGaussianBlur stdDeviation=\"5.05154\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_110_1187\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_110_1187\" result=\"shape\"/></filter><filter id=\"c\" x=\"148.888\" y=\"0.264616\" width=\"59.586\" height=\"48.8315\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"3.36769\"/><feGaussianBlur stdDeviation=\"5.05154\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_110_1187\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_110_1187\" result=\"shape\"/></filter><filter id=\"d\" x=\"148.888\" y=\"35.6392\" width=\"59.586\" height=\"48.8315\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"3.36769\"/><feGaussianBlur stdDeviation=\"5.05154\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_110_1187\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_110_1187\" result=\"shape\"/></filter><filter id=\"e\" x=\"0.959185\" y=\"0.306123\" width=\"116.082\" height=\"84.0816\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/><feOffset dy=\"3.34694\"/><feGaussianBlur stdDeviation=\"5.02041\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/><feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_110_1187\"/><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_110_1187\" result=\"shape\"/></filter></defs></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n }\n }\n }\n .NotificationCenterAlertListContainer__RootDiv-sc-1kyy25p-0 {\n background: @surface2;\n .FormativeNotificationsCard__HeaderDiv-sc-fv5hu9-1,\n .QuestionNotificationRow__IndentedBorderDiv-sc-f7ccw5-1,\n .QuestionNotificationRow__RootDiv-sc-f7ccw5-0 {\n border-color: @overlay2;\n }\n .FormativeNotificationsCard__RootDiv-sc-fv5hu9-0 {\n background: @surface2;\n border-color: @overlay2;\n &:hover {\n background: @overlay0;\n }\n }\n .QuestionNotificationRow__RootDiv-sc-f7ccw5-0:hover {\n background: transparent;\n }\n .material-icons-outlined {\n color: @text;\n &:hover {\n color: @accent;\n }\n }\n }\n .SectionCard__InactiveSectionIcon-sc-ir1v2v-3 {\n svg {\n path:nth-child(1) {\n fill: @overlay0 !important;\n }\n path:nth-child(2),\n path:nth-child(3) {\n fill: @text !important;\n }\n }\n }\n .SectionDetail__Header-sc-1aifgaj-2 {\n background: transparent;\n }\n\n .FormativeStudentHeader__UpperDiv-sc-yw00ql-12 {\n background: @crust !important;\n color: @text;\n &,\n .FormativeStudentHeader__InfoItem-sc-yw00ql-7 {\n border-color: @overlay0;\n }\n }\n .FormativeStudentHeader__NavStrip-sc-yw00ql-11 {\n .FormativeStudentHeader__ScrollableDiv-sc-yw00ql-9 {\n &::-webkit-scrollbar-track {\n background: @surface0 !important;\n border-color: @surface0 !important;\n }\n &::-webkit-scrollbar-thumb {\n background: @overlay0 !important;\n border-color: @overlay0 !important;\n }\n }\n background: @mantle;\n border-color: @overlay0;\n .selectedSection {\n border-color: @accent;\n }\n .formative-nav-item {\n &,\n .formative-nav-item-icon {\n color: @text;\n }\n .FormativeStudentNavItem__StyledMessageIcon-sc-i1u5ts-4 {\n color: @accent;\n }\n &:hover,\n &:focus {\n background: @surface1;\n color: @accent;\n border-color: @accent;\n }\n .fxpwVv {\n background-color: @green;\n }\n .hSVaRB {\n background-color: @text;\n }\n .kBznqt {\n background-color: @yellow;\n }\n .hfnlVy {\n background-color: @red;\n }\n .bDcnFV {\n background-color: @peach;\n }\n svg {\n path {\n stroke: @red;\n }\n }\n }\n }\n .checkbox-root {\n button {\n background: @surface0;\n border-color: @accent !important;\n box-shadow: none !important;\n }\n &.checked button {\n background: @accent !important;\n }\n .Checkbox__RadioCircleDiv-sc-1oy0ey9-3 {\n background: @contrast !important;\n }\n .Checkbox__IndicatorIcon-sc-1oy0ey9-5 {\n color: @contrast;\n }\n }\n .FormativeUnavailableMessage__InnerDiv-sc-14kxg7t-1 {\n border-color: @accent;\n background-color: @surface0;\n }\n .FormativeItemViewable__RootDiv-sc-m0kwch-0,\n .SectionDescription__SectionInformationCard-sc-nmaua7-0 {\n background: @mantle;\n .correct {\n outline-color: @green !important;\n background: color-mix(in srgb, @base, @green 25%) !important;\n }\n .incorrect {\n outline-color: @red !important;\n background: color-mix(in srgb, @base, @red 25%) !important;\n }\n &,\n .withFunctionalizedViewable__LeftColumn-sc-1636o2h-2,\n .withFunctionalizedViewable__RightColumn-sc-1636o2h-4 {\n border-color: @overlay0;\n }\n .SectionDescription__DividerDiv-sc-nmaua7-1 {\n border-color: @overlay0;\n }\n .ScoreCircle__RootDiv-sc-lj5glq-0 {\n &[style*=\"rgb(32, 213, 171)\"] {\n background-color: @green !important;\n .material-icons-outlined {\n color: @contrast !important;\n }\n }\n &[style*=\"rgb(255, 222, 51)\"] {\n background-color: @yellow !important;\n }\n &[style*=\"rgb(255, 138, 51)\"] {\n background-color: @peach !important;\n }\n &[style*=\"rgb(255, 76, 77)\"] {\n background-color: @red !important;\n .material-icons-outlined {\n color: @contrast !important;\n }\n }\n border-color: @overlay2 !important;\n }\n .BlankOutput__FillableEntity-sc-15mzaww-3,\n .BlankOutput__FillableNumericDiv-sc-15mzaww-2 {\n outline-color: @accent;\n color: @text;\n background: @surface0;\n .KatexOutput__RootDiv-sc-gu2jna-0 {\n [style*=\"color: rgb(204, 0, 0)\"] {\n color: @red !important;\n }\n }\n }\n .match-table-grid-container table {\n th,\n tr,\n td {\n background: @surface0 !important;\n border-color: @overlay0;\n .checkbox-root button {\n background: @surface1;\n }\n }\n }\n .TargetElementViewable__BoxDiv-sc-1cp2mml-1 {\n background: @surface0;\n border-color: @accent;\n .TargetChoiceViewable__ContentDiv-sc-6nylj9-1 {\n background: @surface1;\n border-color: @overlay0;\n }\n .TargetElementViewable__AddSelectedChoiceButton-sc-1cp2mml-6 i {\n background: @accent;\n color: @contrast;\n }\n }\n .MatchingTable__Table-sc-1rhxmvo-1 {\n &,\n td,\n tr {\n border-color: @overlay0;\n }\n tr.isOver {\n outline-color: @accent;\n }\n }\n .ChoiceElementViewable__RootDiv-sc-viwu2x-0 {\n background: @surface0;\n border-color: @overlay0;\n &:hover,\n &.highlight {\n border-color: @accent;\n background: @surface1;\n }\n .ChoiceElementViewable__LabelRichText-sc-viwu2x-4 {\n background: transparent;\n color: @text;\n }\n .Button__StyledButton-sc-aum9f1-1,\n i {\n background: transparent !important;\n }\n }\n .ChoiceElement__RootDiv-sc-1mbtxfk-1 {\n background: transparent;\n }\n .ChoiceElement__StyledRawButton-sc-1mbtxfk-0 {\n .ChoiceElement__LabelRichText-sc-1mbtxfk-3,\n .material-icons-outlined {\n background: transparent;\n }\n }\n .ChoiceOptionViewable__RightSideDiv-sc-a2vwy6-2 {\n border-color: @overlay0;\n .ChoiceOptionViewable__StrickenOverlayDiv-sc-a2vwy6-7 {\n background-image: repeating-linear-gradient(\n 315deg,\n transparent,\n transparent 16px,\n @text 16px,\n @text 18px\n );\n }\n }\n .InlineChoiceOutput__InlineChoiceOutputDiv-sc-1694w84-2 {\n background: @surface0;\n border-color: @accent;\n }\n .DrawingCardButton__RootButton-sc-u2qprg-1 {\n border-color: @overlay0;\n .DrawingCardButton__DrawingPreview-sc-u2qprg-3 {\n background: rgb(245, 246, 248);\n }\n .DrawingCardButton__HoverDarkScrim-sc-u2qprg-2 {\n background: fade(@crust, 75%);\n border-radius: 0;\n }\n .DrawingCardButton__ShowYourWorkPseudoButtonDiv-sc-u2qprg-0 {\n border-color: @overlay0;\n color: @text;\n background: @base;\n }\n .DrawingCardButton__IncompleteIndicatorDiv-sc-u2qprg-4 {\n background: @yellow;\n svg path {\n fill: @contrast;\n }\n }\n &:hover .DrawingCardButton__ShowYourWorkPseudoButtonDiv-sc-u2qprg-0 {\n background: @surface2;\n border-color: @accent;\n }\n }\n .DragAndDropImageDropLocation__DropLocationContainerDiv-sc-oq3fcx-1 {\n &:hover {\n .DragAndDropImageDropLocationPoint-sc-1v0z50f-0 {\n background: @surface1;\n border-color: @surface1;\n }\n .dropzone-tip::before {\n background: @surface1;\n }\n }\n .DragAndDropImageDropLocationPoint-sc-1v0z50f-0 {\n background: @surface0;\n border-color: @surface0;\n }\n .dropzone-tip::before {\n background: @surface0;\n }\n .isOver .dropzone {\n background: @surface1;\n .dropzone-number {\n background: @surface2 !important;\n }\n }\n .dropzone {\n &:hover,\n &.selected {\n background: @surface1;\n .dropzone-number {\n background: @surface2 !important;\n }\n }\n border-color: @accent !important;\n background: @surface0;\n .dropzone-number {\n background: @surface1;\n }\n }\n }\n .DragAndDropChoice__RootDiv-sc-1wzeg1h-3 {\n background: @surface0;\n border-color: @overlay0;\n .Button__StyledButton-sc-aum9f1-1,\n .DragAndDropChoice__DragIcon-sc-1wzeg1h-1 {\n background: transparent;\n }\n &.selected {\n background: @surface1;\n }\n }\n .DragAndDropDropzoneOutput__RootDiv-sc-1is7exh-0 {\n background: @surface0;\n border-color: @accent;\n &.hasAnswer {\n border-color: @overlay0;\n }\n }\n .AnswerCorrectnessIndicator__CircleDiv-sc-18hnk99-1 {\n &.correct {\n background: @green;\n }\n .material-icons-outlined {\n color: @contrast;\n }\n }\n .ShortAnswerViewableDetails__InputAutosizeTextarea-sc-1ugk4gk-0 {\n background: @surface0;\n border-color: @overlay0;\n color: @text;\n }\n .ExpandableAccordionHeader__RootButton-sc-cu02pz-0 {\n background: transparent;\n }\n .GraphViewableDetails__GraphAndControlsDiv-sc-13yx2r4-2 {\n .VerticalButton__StyledButton-sc-1h2we7r-2 {\n &:disabled {\n i,\n span {\n color: @subtext0;\n }\n }\n &:not(:disabled):hover,\n &:not(:disabled):focus-within {\n div {\n background: @surface0;\n }\n span {\n color: @accent;\n }\n }\n }\n .Graph__ContainerDiv-sc-1y56z00-0 {\n border-color: @overlay0;\n background: @surface0;\n svg {\n line[stroke=\"rgb(4,28,68)\"],\n marker[stroke=\"rgb(4,28,68)\"] {\n fill: @subtext1;\n stroke: @subtext1;\n }\n path[stroke=\"rgb(80,95,121)\"] {\n fill: @subtext0;\n stroke: @subtext0;\n }\n path[stroke=\"rgb(192,197,207)\"] {\n fill: @overlay0;\n stroke: @overlay0;\n }\n path[stroke=\"rgb(13,100,242)\"] {\n stroke: @blue;\n fill: @blue;\n }\n text {\n stroke: @surface0 !important;\n fill: @text;\n }\n ellipse[fill=\"rgb(13,100,242)\"] {\n stroke: @surface0;\n fill: @blue;\n }\n }\n .Coords__CoordsDiv-sc-1fj077e-1 {\n background: @surface2;\n }\n }\n }\n }\n .MediaSlider__RootSpan-sc-1gz67jn-0 {\n .TrimmerMarker__TooltipDiv-sc-1f17hi4-1 {\n background: @surface2;\n color: @text;\n }\n .Thumb__RootSpan-sc-yv6w5k-0 {\n background: @accent;\n z-index: 2;\n }\n .Segment__SegmentSpan-sc-r0cy9o-0 {\n background: @surface0 !important;\n }\n .TrimmerMarker__RootSpan-sc-1f17hi4-0 {\n background: @overlay0;\n z-index: 1;\n }\n }\n .slider {\n background: @surface1;\n .thumb {\n background: @overlay0;\n color: @text;\n }\n }\n .ExpandedDrawing__BodyDiv-sc-cz2rcw-0 {\n .DrawingToolbar__RootDiv-sc-2xuxy3-0 {\n &,\n .DrawingToolbar__ToolDiv-sc-2xuxy3-3 {\n background: @surface0;\n color: @text;\n }\n .DrawingToolbar__ToolDiv-sc-2xuxy3-3:hover {\n &,\n .svg-icons,\n .material-icons-outlined {\n color: @accent;\n }\n }\n .selected {\n &::after {\n background: @accent;\n }\n color: @accent;\n }\n }\n .DrawingSidebar__ExpandedAnswerDiv-sc-1hvcy70-0 {\n background: @mantle;\n }\n .DrawingSidebar__SidebarTopExplainer-sc-1hvcy70-1 {\n background: @base;\n border-color: @overlay0;\n color: @text;\n .DrawingSidebar__StyledSvgIcon-sc-1hvcy70-5 {\n color: @text;\n }\n }\n .SidePicker__RootDiv-sc-xie0qr-0 {\n background: @base;\n border-color: @overlay0;\n }\n }\n .MathLiveInput__RootDiv-sc-tki2b-0 {\n .keyboard-button-wrapper .svg-icons svg path {\n fill: @accent !important;\n }\n color: @text;\n border-color: @overlay0;\n background: @surface0;\n &:focus-within,\n &:hover {\n border-color: @accent;\n }\n &.invalid {\n color: @red;\n }\n math-field {\n --caret-color: @accent;\n --selection-background-color: fade(@accent, 50%);\n --selection-color: @text;\n --correct-color: @text;\n --incorrect-color: @red;\n --latex-color: @blue;\n --placeholder-color: @blue;\n }\n .ML__keyboard--plate {\n --keyboard-text: @text;\n --keyboard-text-active: @accent;\n --keyboard-background: @surface0;\n --keycap-background: @surface1;\n --keycap-background-active: @surface2;\n --keycap-background-border: @overlay0;\n --keycap-background-border-bottom: @overlay0;\n --keycap-text: @text;\n --keycap-secondary-text: @subtext0;\n --keycap-text-active: @accent;\n --keycap-modifier-background: @surface2;\n --keycap-modifier-background-active: @overlay0;\n --keycap-modifier-border: @overlay1;\n --keycap-modifier-border-bottom: @overlay1;\n\n [data-tooltip]::after {\n background-color: @surface2;\n color: @text;\n }\n border-color: @overlay0 !important;\n }\n }\n .ML__keyboard.alternate-keys {\n --keyboard-alternate-background: @surface2;\n --keyboard-alternate-background-active: @overlay0;\n --keyboard-alternate-text: @text;\n --keyboard-alternate-text-active: @text;\n }\n\n #mathlive-popover-panel {\n background: @surface2;\n color: @text;\n box-shadow: 0 14px 28px fade(@crust, 25%) 0 10px 10px fade(@crust, 22%);\n li:hover {\n background: @overlay0;\n }\n &::after {\n border-color: @surface2 transparent;\n }\n }\n\n .FullPointsAnimation__AbsoluteContainerDiv-sc-mzm76r-0,\n .ScoreCircle__LottieWrapperDiv-sc-lj5glq-1,\n .Summary__SummaryDiv-sc-1ofq6fd-0,\n .MatchingSessionSummary__CheckmarkContainerDiv-sc-d3unim-2 {\n svg {\n path[fill=\"rgb(32,213,171)\"],\n path[fill=\"rgb(33,214,170)\"] {\n fill: @green !important;\n }\n path[fill=\"rgb(255,138,51)\"] {\n fill: @peach !important;\n }\n path[fill=\"rgb(255,222,51)\"] {\n fill: @yellow !important;\n }\n path[fill=\"rgb(255,76,77)\"],\n path[fill=\"rgb(255,76,76)\"] {\n fill: @red !important;\n }\n path[fill=\"rgb(201,68,204)\"] {\n fill: @mauve !important;\n }\n path[fill=\"rgb(0,165,249)\"] {\n fill: @blue !important;\n }\n path[fill=\"rgb(255,255,255)\"],\n path[fill=\"rgb(242,242,242)\"] {\n fill: @contrast !important;\n }\n\n path[stroke=\"rgb(32,213,171)\"],\n path[stroke=\"rgb(33,214,170)\"] {\n stroke: @green !important;\n }\n path[stroke=\"rgb(255,138,51)\"] {\n stroke: @peach !important;\n }\n path[stroke=\"rgb(255,222,51)\"] {\n stroke: @yellow !important;\n }\n path[stroke=\"rgb(255,76,77)\"],\n path[stroke=\"rgb(255,76,76)\"] {\n stroke: @red !important;\n }\n path[stroke=\"rgb(201,68,204)\"] {\n stroke: @mauve !important;\n }\n path[stroke=\"rgb(0,165,249)\"] {\n stroke: @blue !important;\n }\n path[stroke=\"rgb(255,255,255)\"],\n path[stroke=\"rgb(242,242,242)\"] {\n stroke: @contrast !important;\n }\n }\n }\n\n .Elements__JoinLayoutDiv-sc-1qtb2ho-0 {\n background: @base;\n .SplitColumnLayout__Card-sc-4mcl10-0 {\n background: @surface0;\n .Login__ContentDiv-sc-5w2jun-0,\n .Login__LoginServiceButtonsRowDiv-sc-5w2jun-3 {\n .Button__StyledButton-sc-aum9f1-1 {\n background: @surface1 !important;\n &:hover {\n background: @surface2 !important;\n }\n }\n .material-icons-outlined {\n color: @text;\n }\n .NewselaServiceLoginButton__QuestionTextDiv-sc-mk13mj-1 {\n color: @text;\n }\n .NewselaServiceLoginButton__ActionDiv-sc-mk13mj-2 {\n color: @accent;\n }\n }\n }\n .JoinQuickCode__StyledLink-sc-1uhfett-2,\n .CallToActionLink__StyledLink-sc-yuiy65-0,\n .Login__ForgotLink-sc-5w2jun-1 {\n color: @accent;\n }\n .react-code-input {\n input {\n background: @surface1;\n border-color: @overlay0;\n &:focus-within {\n border-color: @accent;\n }\n }\n &:not(:focus-within).empty [data-id=\"0\"] {\n border-color: @accent;\n }\n }\n .JoinQuickCode__StyledPrimaryButton-sc-1uhfett-5 {\n background: @surface1;\n &:hover {\n background: @surface2;\n }\n }\n .ValidatedInputNew__StyledInput-sc-18vdili-4 {\n background: @surface1;\n border-color: @overlay0 !important;\n color: @text;\n }\n }\n .FormativeStudentFooter__BottomDiv-sc-6tj89c-3 {\n border-color: @overlay0;\n }\n .StudentFormativeStatus__RootDiv-sc-y86tx8-1 {\n &.bQdPlK {\n background: @green;\n }\n &,\n .material-icons-outlined {\n color: @contrast;\n }\n }\n .FloatingToolButton__FloatingButton-sc-1gy4xsl-0 {\n background: @overlay0;\n &:hover,\n &:enabled:hover,\n &:focus,\n &:enabled:focus {\n background: @overlay1;\n }\n .material-icons-outlined {\n color: @accent;\n }\n }\n .PracticeSet__StyledHeader-sc-1wup6tb-6 {\n background: @surface0;\n border-color: @overlay0;\n input.ReactiveTextInput__StyledInput-sc-go3drs-2 {\n color: @text !important;\n &::placeholder,\n &:focus::placeholder {\n color: @subtext0 !important;\n }\n }\n .HeaderBackLink__TertiaryButtonLink-sc-1vx1tro-0,\n .Button__StyledButton-sc-aum9f1-1 {\n background: @surface1 !important;\n color: @accent !important;\n &:not([disabled]):hover {\n background: @surface2;\n }\n }\n .PracticeSet__DividerDiv-sc-1wup6tb-4 {\n background: @overlay0;\n }\n }\n .PracticeSet__ContentDiv-sc-1wup6tb-1 {\n .AutoSizeInput__StyledInput-sc-ops4en-2 {\n color: @text;\n background: transparent !important;\n\n &:focus {\n border-color: @subtext0;\n }\n }\n .FlashcardSide__RootDiv-sc-amoro3-1 {\n background: @surface0;\n color: @text;\n }\n .PracticeItemEditor__HeaderDiv-sc-1jko4q4-0 {\n background: @surface1;\n }\n .PracticeItemEditor__ContentDiv-sc-1jko4q4-2 {\n background: @surface0;\n .TextareaCard__RootDiv-sc-qx9s19-0 {\n background: @surface1;\n border-color: @overlay0;\n textarea {\n color: @text;\n }\n }\n .MediaButton__StyledButton-sc-12h2vjb-0 {\n background: @surface1;\n border-color: @overlay0;\n color: @text;\n &:hover {\n background: @surface2;\n color: @accent;\n }\n }\n }\n }\n .Banner__Root-sc-yf4o5r-0 {\n &.error {\n .material-icons-outlined {\n color: @red;\n }\n border-color: @red;\n }\n background: @surface2;\n color: @text;\n }\n .FileUploadButton__DropZoneDiv-sc-88u8tg-2 {\n background: @surface0;\n border-color: @accent;\n .material-icons-outlined {\n color: @accent;\n }\n }\n .DividerWord__LineDiv-sc-59xl7-1 {\n background: @overlay0;\n }\n .DividerWord__WordDiv-sc-59xl7-2 {\n color: @text;\n }\n .MinimalFormativeStudentHeader__RootDiv-sc-14rcnaq-0 {\n border-color: @overlay0;\n }\n .FormativeItemViewable__FeedbackMessagesListDiv-sc-m0kwch-1 {\n .FeedbackMessagesList__MessagesListDiv-sc-9o5dsw-0 {\n background: @surface1;\n .FeedbackMessagesList__EmptyDiv-sc-9o5dsw-1 svg {\n path:nth-child(1) {\n fill: @yellow;\n }\n path:nth-child(2) {\n fill: @green;\n }\n path:nth-child(3) {\n fill: @mauve;\n }\n path:nth-child(4) {\n stroke: @peach;\n }\n path:nth-child(5) {\n stroke: @peach;\n }\n }\n }\n .FeedbackMessage__FeedbackBoxDiv-sc-q3ku9d-2 {\n background: @surface2;\n border-color: @overlay2;\n }\n .FeedbackMessageComposer__RootDiv-sc-vs8711-0 {\n border-color: @overlay0;\n .FeedbackMessageComposer__RichTextContainerDiv-sc-vs8711-3 {\n border-color: @overlay1;\n color: @text;\n .public-DraftEditorPlaceholder-inner {\n color: @subtext0;\n }\n }\n }\n }\n .Toolbar__RootDiv-sc-1e3lohg-0 {\n border-color: @overlay0;\n box-shadow: @overlay0 0 1px 3px 0;\n &::before,\n &::after {\n border-color: @surface2 transparent transparent;\n }\n &,\n .buttonWrapper button {\n background: @surface2;\n }\n .buttonWrapper button {\n &:hover {\n background: @overlay0;\n }\n &.active {\n color: @accent;\n svg {\n fill: @accent;\n }\n }\n svg {\n fill: @text;\n }\n color: @text;\n }\n }\n .TeacherPacedStart__RootDiv-sc-1f4f5sd-0 {\n background: @surface0 !important;\n }\n .FeedbackMessageIcon__UnreadJewelDiv-sc-1x1yblc-1 {\n background: @red;\n box-shadow: @text 0 0 0 2px;\n }\n .CookiePolicyBanner__ContainerDiv-sc-1p3fxjn-1 {\n background: @surface0;\n border-color: @accent;\n .Button__StyledButton-sc-aum9f1-1 {\n background: @surface1;\n &:hover {\n background: @surface2;\n }\n }\n }\n .GameContainer__RootDiv-sc-1c3jzzv-0 {\n background: @base !important;\n .Timer__RootDiv-sc-bbbpy2-0 {\n background: @surface1;\n &,\n i {\n color: @text;\n }\n }\n .Header__HeaderDiv-sc-327vcg-0 {\n background: @surface0;\n border-color: @overlay0;\n .HeaderBackLink__TertiaryButtonLink-sc-1vx1tro-0,\n .Button__StyledButton-sc-aum9f1-1 {\n background: @surface1;\n color: @accent;\n &:hover {\n background: @surface2;\n }\n }\n }\n .ThemePicker__ToggleItem-sc-juof75-3 {\n div {\n outline-color: @text !important;\n }\n &[aria-checked=\"true\"],\n &[aria-checked=\"true\"] div {\n outline-color: @accent !important;\n }\n }\n .TitleCard__StartButton-sc-xz0ejb-1 {\n background: @accent;\n color: @base;\n }\n .QuizSession__BodyDiv-sc-4aco0-0 {\n .QuizSession__DividerDiv-sc-4aco0-4 {\n background: @overlay0;\n }\n .AnswerChoiceCard__CardButton-sc-lns4c-0 {\n &::before {\n box-shadow: @overlay0 0 0 0 1px;\n }\n &.correct::before {\n animation: 1.2s ease 0s 1 normal forwards running\n catppuccin-formative-practiceset-quiz-correct;\n }\n &.incorrect::before {\n animation: 1.2s ease 0s 1 normal forwards running\n catppuccin-formative-practiceset-quiz-incorrect;\n }\n .AnswerChoiceCard__CorrectnessPill-sc-lns4c-2 {\n &.correct {\n background: @green;\n i,\n span {\n color: @contrast;\n }\n }\n background: @red;\n i,\n span {\n color: @contrast;\n }\n }\n .AnswerChoiceCard__CorrectnessOverlay-sc-lns4c-3 {\n &.correct {\n background: @green;\n }\n i {\n color: @contrast !important;\n }\n background: @red;\n }\n }\n }\n .MatchingSessionSummary__RootDiv-sc-d3unim-0,\n .MatchingSessionSummary__CheckmarkOverlayDiv-sc-d3unim-1 {\n background: @base;\n .Glow__RootDiv-sc-1c8wp5s-0 {\n background: @accent !important;\n color: @contrast;\n }\n .MatchingSessionSummary__SessionDiv-sc-d3unim-13 {\n border-color: @overlay0;\n &.highlight {\n background: fade(@yellow, 25%);\n }\n }\n }\n .LatestPerformances__PerformanceDiv-sc-g3qin-2,\n .Leaderboard__PerformanceDiv-sc-152arb5-3 {\n border-color: @overlay0;\n }\n .MatchingSession__ContentDiv-sc-edrizy-0 {\n .ProgressBar__RootDiv-sc-ly2f4w-0 {\n .Glow__FlashDiv-sc-1c8wp5s-1 {\n background: transparent;\n }\n .ProgressBar__PointsContainerSpan-sc-ly2f4w-3\n .Glow__RootDiv-sc-1c8wp5s-0 {\n background: @surface0 !important;\n color: @text;\n }\n .ProgressBar__BarDiv-sc-ly2f4w-1 {\n background: @surface0;\n border-color: @overlay0;\n .Glow__RootDiv-sc-1c8wp5s-0 {\n background: @accent !important;\n }\n }\n }\n }\n .PracticeSessionCard__CardButton-sc-wwcpxc-0 {\n border-color: @overlay0;\n }\n .FlashcardSide__RootDiv-sc-amoro3-1 {\n background: @surface0;\n border-color: @overlay0;\n color: @text;\n }\n .StreakProgressBar__Progress-sc-1b8tyg3-2 {\n background: @surface0;\n .StreakProgressBar__ProgressBarDiv-sc-1b8tyg3-3 {\n background: @accent;\n }\n }\n .StreakProgressBar__StyledSvgIcon-sc-1b8tyg3-4 {\n svg path {\n fill: @yellow;\n stroke: @contrast;\n }\n &.visible {\n animation: 0.5s ease 0s 1 normal none running\n catppuccin-formative-practiceset-quiz-streak;\n }\n }\n .PracticeSession__AnswerButton-sc-1t2vn9a-3 {\n color: @contrast;\n &.red {\n background: @red;\n }\n &.green {\n background: @green;\n }\n }\n }\n .PillToggleGroup__Item-sc-12fkyq8-1 {\n &[aria-checked=\"true\"] {\n background: @surface0;\n color: @accent;\n }\n &:hover {\n background: @surface0;\n }\n border-color: @overlay0;\n color: @text;\n }\n .FeedbackButton__StyledButton-sc-1b7u8ss-0 {\n background: @surface2;\n i {\n color: @text;\n }\n }\n @keyframes catppuccin-formative-practiceset-quiz-correct {\n 0% {\n box-shadow: @overlay0 0 0 0 1px;\n }\n 70% {\n box-shadow: @overlay0 0 0 0 1px;\n }\n 100% {\n box-shadow: @green 0 0 0 3px;\n }\n }\n @keyframes catppuccin-formative-practiceset-quiz-incorrect {\n 0% {\n box-shadow: @overlay0 0 0 0 1px;\n }\n 70% {\n box-shadow: @overlay0 0 0 0 1px;\n }\n 100% {\n box-shadow: @red 0 0 0 3px;\n }\n }\n @keyframes catppuccin-formative-practiceset-quiz-streak {\n 0% {\n filter: drop-shadow(fade(@yellow, 80%) 0 0 0);\n transform: scale(0.8);\n }\n 50% {\n filter: drop-shadow(fade(@yellow, 80%) 0 0 12px);\n transform: scale(1.3);\n }\n 100% {\n filter: drop-shadow(fade(@yellow, 80%) 0 0 0);\n transform: scale(1);\n }\n }\n .Shelf__RootDiv-sc-5aism7-0 {\n background: @surface0;\n .ShelfTile__RootButton-sc-1oc4c00-0 {\n background: @surface1;\n &:hover {\n background: @surface2;\n box-shadow: @accent 0 0 0 1px;\n .label {\n color: @accent;\n }\n }\n .ShelfTile__IconDiv-sc-1oc4c00-1 {\n background: @accent !important;\n i {\n color: @contrast;\n }\n }\n }\n }\n img.spinner {\n @svg: escape(\n '<svg width=\"140\" height=\"140\" version=\"1.1\" viewBox=\"0 0 1400 1400\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1035 1226c-13-13-27-40-31-60-6-35-3-40 60-106 116-120 162-254 145-423-9-93-55-201-114-266l-37-41h44c60 0 83-24 79-86-3-55 3-53 64 26 97 126 148 276 148 430 0 155-52 305-148 430-91 118-158 148-210 96\" fill=\"@{yellow}\"/><path d=\"M1105 362c-11-2-41-24-68-49-102-95-263-143-409-123-87 12-198 62-257 115l-41 37v-40c0-61-26-86-85-83-56 3-54-3 25-64 72-55 182-108 270-131 85-22 235-22 320 0 124 32 298 132 345 199s-19 159-100 139\" fill=\"@{green}\"/><path d=\"M612 1389c-158-21-341-117-431-226-56-68-31-143 53-159 35-6 40-3 106 60 121 118 272 168 433 146 76-11 178-53 236-97l34-26-6 23c-8 30 15 85 41 99 12 6 35 11 53 11h32l-47 36c-134 102-337 156-504 133\" fill=\"@{red}\"/><path d=\"M142 1113c-45-59-98-173-118-253-22-85-22-235 0-320 32-124 132-298 199-345 46-32 110-14 132 39 19 45 10 73-42 129-95 102-143 264-123 410 11 76 53 178 97 236l26 34-23-6c-26-7-83 14-96 34-5 8-11 30-14 50l-5 36z\" fill=\"@{blue}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n .NoFormatives__StyledImg-sc-1v9g5eg-4 {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"276\" height=\"253\" fill=\"none\"><g filter=\"url(#a)\"><rect width=\"171\" height=\"137\" x=\"179\" y=\"38\" fill=\"@{text}\" rx=\"4\" shape-rendering=\"crispEdges\" transform=\"rotate(90 179 38)\"/><path fill=\"@{blue}\" fill-rule=\"evenodd\" d=\"M163.595 162.575c-1.247-4.445-1.877-9.098-2.453-13.613-.121-.972.553-1.875 1.504-1.944.95-.139 1.82.556 1.941 1.459.555 4.375 1.148 8.889 2.349 13.125.261.903-.276 1.876-1.198 2.154s-1.882-.278-2.143-1.181\" clip-rule=\"evenodd\"/><path fill=\"@{yellow}\" fill-rule=\"evenodd\" d=\"M145.91 176.048c-7.3-7.153-13.661-15.21-21.156-22.224-.701-.625-.738-1.736-.085-2.431.655-.694 1.755-.764 2.455-.069 7.517 7.015 13.898 15.071 21.22 22.224.683.695.693 1.806.021 2.5-.672.625-1.772.695-2.455 0\" clip-rule=\"evenodd\"/><path fill=\"@{red}\" fill-rule=\"evenodd\" d=\"m117.831 189.453 12.535.624c.957 0 1.696.834 1.649 1.806s-.862 1.667-1.819 1.667l-12.554-.625a1.78 1.78 0 0 1-1.639-1.875c.052-.903.871-1.667 1.828-1.597\" clip-rule=\"evenodd\"/><path fill=\"@{green}\" d=\"M175.742 230.484c14.769 0 26.742-11.973 26.742-26.742S190.511 177 175.742 177 149 188.973 149 203.742s11.973 26.742 26.742 26.742\"/><path fill=\"@{text}\" fill-rule=\"evenodd\" d=\"m171.731 209.874 15.1-15.1a1.337 1.337 0 0 1 1.891 1.891l-16.046 16.045a1.333 1.333 0 0 1-1.891 0l-8.022-8.022a1.337 1.337 0 0 1 1.891-1.891z\" clip-rule=\"evenodd\"/></g><g filter=\"url(#b)\"><rect width=\"171\" height=\"137\" x=\"155\" y=\"14\" fill=\"@{surface0}\" rx=\"4\" transform=\"rotate(90 155 14)\"/></g><g filter=\"url(#c)\"><rect width=\"171\" height=\"137\" x=\"179\" y=\"38\" fill=\"@{surface1}\" rx=\"4\" shape-rendering=\"crispEdges\" transform=\"rotate(90 179 38)\"/><path fill=\"@{blue}\" fill-rule=\"evenodd\" d=\"M163.595 162.575c-1.247-4.445-1.877-9.098-2.453-13.613-.121-.972.553-1.875 1.504-1.944.95-.139 1.82.556 1.941 1.459.555 4.375 1.148 8.889 2.349 13.125.261.903-.276 1.876-1.198 2.154s-1.882-.278-2.143-1.181\" clip-rule=\"evenodd\"/><path fill=\"@{yellow}\" fill-rule=\"evenodd\" d=\"M145.91 176.048c-7.3-7.153-13.661-15.21-21.156-22.224-.701-.625-.738-1.736-.085-2.431.655-.694 1.755-.764 2.455-.069 7.517 7.015 13.898 15.071 21.22 22.224.683.695.693 1.806.021 2.5-.672.625-1.772.695-2.455 0\" clip-rule=\"evenodd\"/><path fill=\"@{red}\" fill-rule=\"evenodd\" d=\"m117.831 189.453 12.535.624c.957 0 1.696.834 1.649 1.806s-.862 1.667-1.819 1.667l-12.554-.625a1.78 1.78 0 0 1-1.639-1.875c.052-.903.871-1.667 1.828-1.597\" clip-rule=\"evenodd\"/></g><path fill=\"@{green}\" d=\"M175.742 230.484c14.769 0 26.742-11.973 26.742-26.742S190.511 177 175.742 177 149 188.973 149 203.742s11.973 26.742 26.742 26.742\"/><path fill=\"@{base}\" fill-rule=\"evenodd\" d=\"m171.731 209.874 15.1-15.1a1.337 1.337 0 0 1 1.891 1.891l-16.046 16.045a1.333 1.333 0 0 1-1.891 0l-8.022-8.022a1.337 1.337 0 0 1 1.891-1.891z\" clip-rule=\"evenodd\"/><rect width=\"18\" height=\"18\" x=\"56\" y=\"58\" fill=\"@{text}\" rx=\"4\"/><path fill=\"@{text}\" d=\"M82 67a3.5 3.5 0 0 1 3.5-3.5h76a3.5 3.5 0 1 1 0 7h-76A3.5 3.5 0 0 1 82 67\"/><rect width=\"18\" height=\"18\" x=\"56\" y=\"85\" fill=\"@{text}\" rx=\"4\"/><path fill=\"@{text}\" d=\"M82 94a3.5 3.5 0 0 1 3.5-3.5h76a3.5 3.5 0 1 1 0 7h-76A3.5 3.5 0 0 1 82 94\"/><rect width=\"18\" height=\"18\" x=\"56\" y=\"112\" fill=\"@{text}\" rx=\"4\"/><path fill=\"@{text}\" d=\"M82 121a3.5 3.5 0 0 1 3.5-3.5h76a3.5 3.5 0 1 1 0 7h-76A3.5 3.5 0 0 1 82 121\"/><path fill=\"@{mauve}\" stroke=\"@{mauve}\" stroke-width=\".386\" d=\"M218.37 54.903c28.409 38.13 14.739 84.164-12.803 119.068a1.58 1.58 0 0 0 2.479 1.955c28.361-35.938 42.216-83.502 12.855-122.91a1.578 1.578 0 1 0-2.531 1.887Z\"/><path fill=\"@{mauve}\" stroke=\"@{mauve}\" stroke-width=\".386\" d=\"m204.79 141.404-.62 35.442-.193-.019v.001c-.057.602.094.977.155 1.091.235.469.587.679.882.785h.002c.343.12.93.172 1.594-.171.339-.177.802-.526 1.207-.849.204-.162.392-.317.549-.446.165-.136.296-.243.375-.302a217 217 0 0 0 4.063-3.116c3.486-2.717 7.112-5.542 10.963-7.724 5.112-2.895 10.592-4.635 16.641-3.214.849.2 1.699-.33 1.899-1.177.2-.849-.33-1.699-1.177-1.899h-.001c-6.901-1.62-13.156.279-18.917 3.541-3.975 2.252-7.728 5.171-11.308 7.955-1.122.872-2.226 1.731-3.315 2.552.2-1.278.426-2.667.594-3.706.136-.837.236-1.448.255-1.592 1.277-9.336 1.036-18.368-.532-27.676a1.58 1.58 0 0 0-1.82-1.296 1.58 1.58 0 0 0-1.296 1.82Z\"/><defs><filter id=\"a\" width=\"196.484\" height=\"228.484\" x=\"24\" y=\"24\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feOffset dy=\"4\"/><feGaussianBlur stdDeviation=\"9\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_2447_34166\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_2447_34166\" result=\"shape\"/></filter><filter id=\"b\" width=\"173\" height=\"207\" x=\"0\" y=\"0\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feOffset dy=\"4\"/><feGaussianBlur stdDeviation=\"9\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_2447_34166\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_2447_34166\" result=\"shape\"/></filter><filter id=\"c\" width=\"173\" height=\"207\" x=\"24\" y=\"24\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feOffset dy=\"4\"/><feGaussianBlur stdDeviation=\"9\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_2447_34166\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_2447_34166\" result=\"shape\"/></filter></defs></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n .PracticeSetGrid__EmptyStateDiv-sc-1yuxflk-1 img {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"298\" height=\"206\" fill=\"none\"><g filter=\"url(#a)\"><rect width=\"204\" height=\"123\" x=\"40\" y=\"39.066\" fill=\"@{surface0}\" rx=\"8\" transform=\"rotate(-3.39 40 39.066)\"/></g><g filter=\"url(#b)\"><rect width=\"205\" height=\"124\" x=\"267\" y=\"173.001\" fill=\"@{surface1}\" rx=\"8\" shape-rendering=\"crispEdges\" transform=\"rotate(-180 267 173.001)\"/><path fill=\"@{text}\" d=\"M155 89.5a3.5 3.5 0 0 1 3.5-3.5h71a3.5 3.5 0 1 1 0 7h-71a3.5 3.5 0 0 1-3.5-3.5m0 18a3.5 3.5 0 0 1 3.5-3.5h71a3.5 3.5 0 1 1 0 7h-71a3.5 3.5 0 0 1-3.5-3.5\"/><rect width=\"58\" height=\"68\" x=\"81\" y=\"77\" fill=\"@{text}\" rx=\"4\"/></g><g clip-path=\"url(#c)\"><path fill=\"@{peach}\" fill-rule=\"evenodd\" d=\"M253.037 106.077c.714-.255 1.465-.593 2.045-1.082.688-.581.968-1.33 1.155-2.118.242-1.013.338-2.091.631-3.105.108-.377.316-.52.406-.583a1 1 0 0 1 .669-.186.98.98 0 0 1 .835.542c.033.061.076.154.104.282.021.094.035.386.057.507q.082.445.145.892c.145.994.228 1.839.686 2.752.62 1.24 1.242 1.998 2.086 2.334.815.325 1.791.264 3.037.009q.177-.043.352-.073a1.025 1.025 0 0 1 .396 2.012q-.17.038-.336.07c-1.684.417-3.633 1.905-4.766 3.207-.349.402-.86 1.525-1.381 2.241-.385.529-.818.877-1.181 1-.243.083-.448.07-.618.028a1.04 1.04 0 0 1-.607-.406 1.2 1.2 0 0 1-.202-.47 4 4 0 0 1-.02-.448c-.106-.366-.236-.723-.331-1.092-.226-.88-.669-1.437-1.196-2.173a4.1 4.1 0 0 0-1.798-1.467c-.101-.025-.915-.224-1.203-.338-.42-.168-.62-.449-.693-.601a1.15 1.15 0 0 1-.111-.668 1.1 1.1 0 0 1 .38-.703c.136-.119.34-.234.612-.29.211-.044.769-.07.847-.073m4.778-1.434q.057.126.12.253c.91 1.816 1.926 2.83 3.162 3.322l.041.016a14 14 0 0 0-2.147 1.957c-.235.271-.547.833-.884 1.41-.306-.995-.806-1.698-1.436-2.578-.48-.671-.984-1.177-1.603-1.589.48-.246.938-.535 1.338-.872a5.1 5.1 0 0 0 1.409-1.919\" clip-rule=\"evenodd\"/></g><g clip-path=\"url(#d)\"><path fill=\"@{green}\" d=\"m280.676 182.9-23.925-31.886v-17.202l5.568-6.971c1.073-1.361.124-3.341-1.608-3.341h-24.42c-1.733 0-2.682 1.98-1.609 3.341l5.569 6.971v17.202L216.326 182.9c-2.022 2.722-.083 6.6 3.3 6.6h57.75c3.382 0 5.321-3.878 3.3-6.6\"/></g><path fill=\"@{blue}\" fill-rule=\"evenodd\" d=\"M57.25 19.652C55.38 14.53 54.218 9.105 53.13 3.84c-.231-1.135.477-2.26 1.585-2.428 1.103-.25 2.186.49 2.41 1.542 1.05 5.104 2.16 10.367 3.955 15.249.388 1.04-.152 2.234-1.209 2.645-1.055.411-2.233-.156-2.621-1.196\" clip-rule=\"evenodd\"/><path fill=\"@{yellow}\" fill-rule=\"evenodd\" d=\"M37.736 37.132C28.52 29.37 20.324 20.458 10.891 12.876c-.878-.672-1.023-1.978-.32-2.855.704-.878 1.988-1.06 2.872-.305 9.458 7.58 17.679 16.49 26.92 24.25.865.756.978 2.064.253 2.943-.73.798-2.015.98-2.88.223\" clip-rule=\"evenodd\"/><path fill=\"@{red}\" fill-rule=\"evenodd\" d=\"m6.025 55.476 14.76-.404c1.122-.087 2.065.828 2.1 1.978.033 1.15-.86 2.041-1.983 2.128l-14.782.406c-1.129.005-2.066-.91-2.094-2.06-.021-1.068.87-2.042 1.999-2.048\" clip-rule=\"evenodd\"/><path fill=\"@{peach}\" fill-rule=\"evenodd\" d=\"M270.299 78.123q-.105-.619-.156-1.23c-.051-.613-.02-1.23-.038-1.843-.008-.26-.039-.938-.026-1.036.113-.85.799-.98 1-1.002.097-.014 1.093-.126 1.308.98.264 1.35.348 2.71.255 4.043.218 1.133.59 2.261 1.082 3.283 1.956 4.062 5.685 4.457 9.724 4.42a1.156 1.156 0 0 1 1.169 1.095 1.16 1.16 0 0 1-1.048 1.217c-2.258.218-6.264 2.029-7.649 3.914-.289.394-.458 1.346-.681 2.28-.311 1.295-.681 2.576-1.095 3.115-.063.083-.819.938-1.045 1.063a1.14 1.14 0 0 1-1.223-.033c-.246-.157-.525-.469-.637-.984-.116-.538-.018-1.644-.036-1.88-.066-.86-.237-2.545-.588-3.993-.189-.78-.39-1.5-.724-1.857-1.234-1.323-3.207-1.129-4.869-.91l-.572.074q-1.015.302-2.154.436c-1.146.135-1.334-.919-1.345-.989-.021-.153-.1-.942.764-1.258.094-.032.789-.185 1.057-.246.374-.083.751-.148 1.13-.209 3.913-1.216 6.039-4.633 6.397-8.45m1.343 4.22c1.477 3.056 3.719 4.532 6.377 5.2h-.001c-1.659.869-3.168 1.955-3.968 3.046-.304.414-.582 1.245-.834 2.178-.136-.868-.32-1.792-.562-2.582-.277-.9-.649-1.648-1.064-2.094-.801-.858-1.807-1.337-2.888-1.573 1.295-1.147 2.276-2.577 2.94-4.174\" clip-rule=\"evenodd\"/><defs><clipPath id=\"c\"><path fill=\"@{surface0}\" d=\"M251 99h16v16h-16z\"/></clipPath><clipPath id=\"d\"><path fill=\"@{surface0}\" d=\"M199 107h99v99h-99z\"/></clipPath><filter id=\"a\" width=\"246\" height=\"169.933\" x=\"22.459\" y=\"13.46\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feOffset dy=\"4\"/><feGaussianBlur stdDeviation=\"9\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_2791_38025\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_2791_38025\" result=\"shape\"/></filter><filter id=\"b\" width=\"241\" height=\"160\" x=\"44\" y=\"35.001\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/><feColorMatrix in=\"SourceAlpha\" result=\"hardAlpha\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"/><feOffset dy=\"4\"/><feGaussianBlur stdDeviation=\"9\"/><feComposite in2=\"hardAlpha\" operator=\"out\"/><feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0\"/><feBlend in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_2791_38025\"/><feBlend in=\"SourceGraphic\" in2=\"effect1_dropShadow_2791_38025\" result=\"shape\"/></filter></defs></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n}\n",
|
|
"originalDigest": "1e961c5016afccaba6a043599bf2efbd9b0b05fd",
|
|
"_id": "1df3e5b0-3701-4259-9676-e633a536823b",
|
|
"_rev": 1780236868191,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 26
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "npmx Catppuccin",
|
|
"description": "Soothing pastel theme for npmx",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/npmx/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "npmx Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/npmx",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/npmx",
|
|
"version": "2026.04.13",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/npmx/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Anpmx",
|
|
"description": "Soothing pastel theme for npmx",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name npmx Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/npmx\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/npmx\n@version 2026.04.13\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/npmx/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Anpmx\n@description Soothing pastel theme for npmx\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"npmx.dev\") {\n :root[data-theme=\"dark\"][data-bg-theme] {\n #catppuccin(@darkFlavor);\n }\n :root[data-theme=\"light\"][data-bg-theme] {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n --bg: @base;\n --bg-subtle: @mantle;\n --bg-muted: @crust;\n --bg-elevated: @surface0;\n\n --fg: @text;\n --fg-subtle: @overlay1;\n --fg-muted: @subtext0;\n --fg-elevated: @subtext0;\n\n --accent: @accent;\n --accent-muted: @accent;\n\n --border: @surface1;\n --border-subtle: @surface0;\n --border-hover: @overlay0;\n\n --swatch-sky: @sky;\n --swatch-coral: @peach;\n --swatch-amber: @yellow;\n --swatch-emerald: @green;\n --swatch-violet: @mauve;\n --swatch-magenta: @pink;\n --swatch-neutral: @text;\n\n --badge-orange: @peach;\n --badge-yellow: @yellow;\n --badge-green: @green;\n --badge-cyan: @teal;\n --badge-blue: @blue;\n --badge-indigo: @lavender;\n --badge-purple: @mauve;\n --badge-pink: @pink;\n\n --colors-red-500: @red;\n --colors-emerald-500: @green;\n --colors-yellow-600: @yellow;\n --colors-amber-500: @peach;\n --colors-emerald-400: @green;\n --colors-orange-500: @peach;\n }\n}\n",
|
|
"originalDigest": "95896ae3e8c19cc83f81357c1fe542b978e0bb88",
|
|
"_id": "b66fc4bc-c221-4694-9ce4-71e5adc98ab2",
|
|
"_rev": 1780236868254,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 27
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "npm Catppuccin",
|
|
"description": "Soothing pastel theme for npm",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/npm/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "npm Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/npm",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/npm",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/npm/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Anpm",
|
|
"description": "Soothing pastel theme for npm",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name npm Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/npm\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/npm\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/npm/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Anpm\n@description Soothing pastel theme for npm\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"www.npmjs.com\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n input,\n textarea {\n background-color: transparent;\n\n &:focus {\n box-shadow: 0 0 0 2px @accent;\n }\n }\n\n // TODO: Should accent-color be set in defaults?\n accent-color: @accent;\n\n @npmGradient: linear-gradient(139deg, @peach, @maroon, @red, @pink);\n\n --color-fg-default: @text;\n --color-fg-muted: @subtext1;\n --color-fg-subtle: @subtext0;\n --color-fg-on-emphasis: @base;\n --color-fg-brand: @accent;\n --color-fg-accent: @blue;\n --color-fg-success: @green;\n --color-fg-attention: @yellow;\n --color-fg-danger: @red;\n --color-border-strong: @surface0;\n\n --header-color: @text;\n /* Used on deprecation confirmation page */\n --wombat-red: @maroon;\n --wombat-red-hover: @red;\n\n --search-fg-muted: @subtext1;\n --search-border: @surface0;\n --search-bg-subtle: @surface0;\n\n &,\n main {\n background-color: @base !important;\n color: @text;\n }\n\n /* Primary background */\n .bg-white,\n ._4ea0e50d {\n background-color: @base;\n }\n\n /* Background layer background */\n .bg-black-05,\n ._7eb68a55,\n .e9998f88 {\n background-color: @mantle;\n }\n\n /* Primary text */\n .black,\n .black-90,\n .black-80,\n a {\n color: @text;\n }\n\n /* Secondary text */\n .black-70,\n .black-60,\n .dim:focus,\n .dim:hover {\n color: @subtext0;\n }\n\n /* Inverse text */\n .white {\n color: @base;\n }\n\n /* Border colors */\n .b--black-10,\n .b--black-20 {\n border-color: @surface0;\n }\n\n /* --- ARBITRARY --- */\n\n /* Top loading bar */\n div.fixed.top-0.left-0.z-999 {\n background-color: @accent;\n }\n\n /* Magnifying glass icon (search box, discover packages) */\n svg g[stroke=\"#777777\"] {\n stroke: @subtext0;\n }\n\n /* \"Beta\" pill */\n .a17280e0 {\n color: @green;\n border-color: @green;\n }\n /* Green checkmark */\n [fill=\"#107010\"] {\n fill: @green;\n }\n\n /* --- HEADER --- */\n [data-test-id=\"notification-banner\"] {\n background-color: if(\n @flavor = latte,\n desaturate(lighten(@green, 30%), 5%),\n desaturate(darken(@green, 5%), 5%)\n );\n border-color: @green;\n\n #notification,\n button[aria-label=\"Close notification\"] {\n color: if(@flavor = latte, @text, @base);\n }\n }\n header {\n border-bottom-color: @surface0;\n\n /* Top bar gradient */\n .e7070742 {\n border-image: @npmGradient 3;\n }\n\n /* Heart icon */\n ._0edb515f {\n color: @text;\n }\n\n /* Logo */\n a[href=\"/\"] > svg > path {\n fill: @text;\n }\n\n /* Search box */\n form#search {\n /* Search button */\n button[type=\"submit\"] {\n background-color: @subtext1;\n }\n\n /* Search input wrapper */\n > div {\n border-color: @surface0;\n\n &:focus-within {\n border-color: @subtext1;\n }\n\n /* Search input */\n div:has(input[type=\"search\"]) {\n background-color: @mantle;\n\n input[type=\"search\"] {\n color: @text;\n\n &:focus {\n box-shadow: none;\n }\n\n &::-webkit-search-cancel-button {\n display: none;\n }\n }\n }\n\n /* Search results (floating box) */\n div.list {\n background-color: @base;\n\n ul[aria-label=\"Search results\"] li {\n border-bottom-color: @surface0;\n\n &:hover {\n background-color: @surface1;\n }\n }\n }\n }\n }\n\n /* Profile picture navigation */\n nav:has(> button[aria-label=\"Profile menu\"]) {\n > button {\n /* Dropdown arrow */\n img[alt=\"avatar\"] {\n border-color: @text;\n\n + div > svg {\n fill: @text;\n }\n }\n }\n\n /* Popup */\n > div > div {\n border-color: @surface0;\n\n /* Popup triangle */\n &::after {\n border-bottom-color: @base;\n }\n &::before {\n border-bottom-color: @surface0;\n }\n\n /* Username */\n h2 {\n border-bottom-color: @surface1;\n\n span {\n color: @text;\n }\n }\n\n /* Navigation options */\n ul li a {\n &:hover,\n &:focus {\n background-color: @crust;\n }\n\n /* Red \"Add Organization\" button */\n &[href=\"/org/create\"] {\n border-color: @surface0;\n color: @accent;\n svg {\n fill: @accent;\n }\n }\n }\n }\n }\n }\n\n /* --- HOME PAGE --- */\n\n ._8c1ee087 {\n background-image:\n linear-gradient(\n 270deg,\n fade(@red, 16%) 0%,\n fade(@red, 56%) 18.45%,\n fade(@red, 80%) 49.67%,\n fade(@red, 56%) 82.52%,\n fade(@red, 19%) 99.7%,\n fade(@red, 0%) 99.71%,\n fade(@red, 0%) 99.72%,\n fade(@red, 16%) 99.73%\n ),\n url(\"https://static-production.npmjs.com/abf53a31b2da4657a1a004ee9358551c.png\");\n\n a[href=\"/signup\"] {\n background-color: @yellow;\n }\n a[href=\"/products/pro\"] {\n background-color: @red;\n border-color: @text;\n }\n }\n article > section:nth-of-type(2) {\n color: @text;\n }\n\n /* Popular libraries section */\n #popular-libraries-header + hr {\n border-color: @accent;\n }\n ul[aria-labelledby=\"popular-libraries-header\"] {\n li a {\n border-bottom-color: @surface0;\n }\n }\n\n /* Discover packages section */\n #discover-packages-header + hr {\n border-color: mix(@red, @yellow);\n }\n ul[aria-labelledby=\"discover-packages-header\"] li {\n a {\n color: @text;\n border-color: @surface0;\n }\n &:nth-of-type(6n+1):hover a {\n color: @mauve;\n border-bottom-color: @mauve;\n }\n &:nth-of-type(6n+2):hover a {\n color: @green;\n border-bottom-color: @green;\n }\n &:nth-of-type(6n+3):hover a {\n color: @sky;\n border-bottom-color: @sky;\n }\n &:nth-of-type(6n+4):hover a {\n color: @red;\n border-bottom-color: @red;\n }\n &:nth-of-type(6n+5):hover a {\n color: @yellow;\n border-bottom-color: @yellow;\n }\n &:nth-of-type(6n+6):hover a {\n color: @pink;\n border-bottom-color: @pink;\n }\n }\n\n /* By the numbers section */\n ._8f26e3fd {\n border-color: @yellow;\n }\n\n /* Recently updated packages section */\n #recently-updated-packages-header + hr {\n border-color: @accent;\n }\n\n /* --- PACKAGE PAGES --- */\n\n /* Deprecation warning */\n .bg-washed-red {\n background-color: fade(@red, 30%);\n\n code {\n background-color: @mantle;\n color: @text;\n }\n }\n .red {\n color: @red !important;\n }\n\n /* \"public\" text */\n ._813b53b2 {\n color: @green;\n }\n /* TypeScript logo */\n img[alt=\"TypeScript icon, indicating that this package has built-in type declarations\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" xml:space=\"preserve\"><path fill=\"@{blue}\" d=\"M0 0h256v256H0z\"/><path d=\"M150.5 200.5v27.6c4.5 2.3 9.8 4 15.9 5.2s12.6 1.7 19.4 1.7c6.6 0 12.9-.6 18.9-1.9s11.2-3.4 15.7-6.3 8-6.7 10.7-11.4q3.9-7.05 3.9-17.4c0-5-.7-9.4-2.2-13.2s-3.7-7.1-6.5-10.1c-2.8-2.9-6.2-5.6-10.1-7.9s-8.4-4.5-13.3-6.6c-3.6-1.5-6.9-2.9-9.8-4.4-2.9-1.4-5.3-2.8-7.3-4.3s-3.6-3-4.7-4.7-1.6-3.5-1.6-5.6q0-2.85 1.5-5.1c1.5-2.25 2.4-2.8 4.1-3.9 1.8-1.1 4-1.9 6.6-2.5s5.5-.9 8.6-.9c2.3 0 4.7.2 7.3.5s5.1.9 7.7 1.6 5.1 1.6 7.6 2.7c2.4 1.1 4.7 2.4 6.8 3.8v-25.8q-6.3-2.4-13.8-3.6c-7.5-1.2-10.7-1.2-17.1-1.2-6.6 0-12.8.7-18.7 2.1s-11 3.6-15.5 6.6-8 6.8-10.6 11.4-3.9 10.2-3.9 16.6c0 8.2 2.4 15.2 7.1 21.1 4.8 5.8 12 10.7 21.6 14.8 3.8 1.6 7.3 3.1 10.6 4.6s6.1 3 8.5 4.7 4.3 3.4 5.7 5.3 2.1 4.1 2.1 6.5c0 1.8-.4 3.4-1.3 5-.9 1.5-2.2 2.8-3.9 4s-3.9 2-6.6 2.6-5.7.9-9.2.9c-6 0-11.9-1.1-17.8-3.2-5.9-2-11.4-5.1-16.4-9.3m-46-68.8H140V109H41v22.7h35.3V233h28.1V131.7z\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"@{base}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n /* DefinitelyTyped logo */\n img[alt=\"DefinitelyTyped icon, indicating that this package has TypeScript declarations provided by the separate @types/bootstrap package\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" xml:space=\"preserve\"><path fill=\"@{blue}\" d=\"M0 0h256v256H0z\"/><path fill=\"@{base}\" d=\"M6 6h244v244H6z\"/><path fill=\"@{blue}\" d=\"M41.8 111.5c8.6-1.6 19.9-2.5 31.8-2.5 19.7 0 32.6 4.2 42.6 13 10.8 9.4 17.6 24.5 17.6 46 0 23.4-7.3 39.5-17.3 49.5-11 10.7-27.6 15.8-48 15.8-12.2 0-20.8-.9-26.7-1.8zm23.6 99.7c2 .5 5.2.5 8.2.5 21.3.2 35.2-13.6 35.2-42.7.2-25.4-12.5-38.8-32.7-38.8-5.2 0-8.6.5-10.6 1.1v79.9zm104-76.5h-32.2v-22.8h92.3v22.8h-32.8V232h-27.3z\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n /* Navigation tabs */\n #package-tab(@color) {\n border-color: @color;\n\n &:has(> a[aria-selected=\"false\"]):hover,\n &:has(> a[aria-selected=\"true\"]) {\n background-color: fade(@color, 20%);\n }\n\n a {\n color: @color;\n }\n }\n ul[aria-owns*=\"package-tab-\"] {\n li {\n &:has(#package-tab-readme),\n &:has(#package-tab-members) {\n #package-tab(@yellow);\n }\n &:has(#package-tab-code),\n &:has(#package-tab-admin),\n &:has(#package-tab-packages) {\n #package-tab(@red);\n }\n &:has(#package-tab-dependents),\n &:has(#package-tab-billing) {\n #package-tab(@mauve);\n }\n &:has(#package-tab-dependencies) {\n #package-tab(@pink);\n }\n &:has(#package-tab-versions) {\n #package-tab(@sapphire);\n }\n &:has(#package-tab-orgs),\n &:has(#package-tab-teams) {\n #package-tab(@green);\n }\n }\n }\n\n /* Sidebar icons */\n svg:has(+ p > [aria-label=\"Copy install command line\"]),\n button[aria-label=\"Copy install command line\"] svg path,\n [aria-labelledby=\"repository repository-link\"] svg g,\n [aria-labelledby=\"homePage homePage-link\"] svg path,\n [aria-label=\"Showing weekly downloads\"] svg {\n fill: @text;\n }\n /* Copy install command box */\n p:has(button[aria-label=\"Copy install command line\"]) {\n border-color: @surface0;\n }\n /* Weekly downloads chart */\n div:has(> svg > [class^=\"sparkline--\"]) {\n border-bottom-color: fade(@accent, 20%);\n\n svg {\n stroke: @accent;\n fill: fade(@accent, 20%);\n }\n }\n\n /* Sidebar provenance popup */\n button[aria-label=\"View more provenance details\"] {\n + div > div > div {\n background-color: @base;\n border-color: @surface0;\n\n &::after {\n border-bottom-color: @base;\n }\n\n &::before {\n border-bottom-color: @surface0;\n }\n\n > div {\n div:nth-of-type(2) {\n border-color: @surface0;\n }\n }\n }\n }\n ._1e07caeb {\n color: @text;\n }\n ._9666fddd,\n ._861fb12a,\n ._2160593e {\n color: @subtext0;\n }\n /* Provenance icon */\n .f97c6116 {\n fill: @green;\n }\n /* Provenance section at bottom */\n #provenance-details-header + div {\n border-color: @surface0;\n }\n\n /* Sidebar text */\n .c84e15be {\n color: @subtext0;\n }\n\n /* Tab headings */\n\n [id^=\"tabpanel-\"] h2 {\n color: @text;\n }\n\n /* File explorer tab */\n #tabpanel-explore > div > div {\n border-color: @surface0;\n\n > div:has(h2),\n div:has(+ pre) {\n border-bottom-color: @surface0;\n }\n\n /* Back button inside file */\n ._450b46e9 {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 125\" fill=\"@{text}\"><path d=\"M50.4 74.7 23.7 50l26.7-24.7-5.4-5.9L11.9 50 45 80.6z\"/><path d=\"M82.6 19.4 49.6 50l33 30.6 5.5-5.9L61.4 50l26.7-24.7z\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n ul li {\n border-bottom-color: @surface0;\n\n &:hover {\n background-color: @surface0;\n }\n\n img {\n @folder: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 98 122.5\" fill=\"@{subtext0}\"><path d=\"M37.9 18.4H13v61.2h72V25H49zM79 73.6H19V44h60zM79 38H19V24.4h17.2L47.3 31H79z\"/></svg>'\n );\n @file: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 125\" fill=\"@{subtext0}\"><path d=\"M82.2 10.7H38.7l-20.9 19v59.6h64.4zm-44.6 6.4v11.2H25.3zm40.6 68.2H21.8v-53h19.8V14.7h36.6z\"/><path d=\"M34.3 44.7h31.4v4H34.3zm0 13.2h31.4v4H34.3zm0 13.1h31.4v4H34.3z\"/></svg>'\n );\n &._1528cda6 {\n content: url(\"data:image/svg+xml,@{folder}\");\n }\n &._7ec1ed32 {\n content: url(\"data:image/svg+xml,@{file}\");\n }\n }\n }\n\n /* File paths/link */\n button,\n /* Loading spinner */\n svg:has(> circle) {\n color: @text !important;\n }\n\n div:has(+ pre) {\n background-color: @mantle;\n }\n pre {\n background-color: @base !important;\n color: @text !important;\n\n .react-syntax-highlighter-line-number {\n color: @subtext1 !important;\n }\n\n [style=\"color: rgb(102, 102, 102);\"] {\n color: var(--color-prettylights-syntax-comment) !important;\n }\n [style=\"color: rgb(150, 152, 150);\"] {\n color: @overlay0 !important;\n }\n [style=\"color: rgb(0, 92, 197);\"] {\n color: var(--color-prettylights-syntax-constant) !important;\n }\n [style=\"color: rgb(215, 58, 73);\"],\n [style=\"color: rgb(0, 134, 179);\"] {\n color: var(--color-prettylights-syntax-keyword) !important;\n }\n [style=\"color: rgb(3, 47, 98);\"] {\n color: var(--color-prettylights-syntax-string) !important;\n }\n [style=\"color: rgb(111, 66, 193);\"] {\n color: var(--color-prettylights-syntax-entity) !important;\n }\n [style*=\"color: rgb(223, 80, 0);\"] {\n color: @peach !important;\n }\n [style*=\"color: rgb(99, 163, 92);\"] {\n color: @green !important;\n }\n\n .hljs-subst,\n .hljs-built_in {\n color: var(--color-prettylights-syntax-storage-modifier-import)\n !important;\n }\n }\n }\n\n /* Versions tab */\n #tabpanel-versions {\n ul li[class] div {\n border-bottom-color: @surface0;\n }\n }\n\n /* Dependencies/dependents tab */\n #tabpanel-dependencies,\n #tabpanel-dependents {\n ul a {\n color: @accent;\n\n &:hover {\n color: @text;\n }\n }\n }\n\n /* Readme tab */\n #tabpanel-readme #readme {\n color: @text;\n a {\n color: @accent;\n }\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n color: @text;\n a,\n svg {\n color: @text;\n fill: @text;\n }\n }\n p,\n li {\n color: @subtext0;\n }\n strong {\n color: @text;\n }\n pre,\n code {\n background-color: @mantle;\n color: @text;\n }\n pre.editor.editor-colors {\n .keyword,\n .storage.type {\n color: var(--color-prettylights-syntax-keyword);\n font-weight: normal; // stylelint-disable-line property-disallowed-list\n }\n .string {\n color: var(--color-prettylights-syntax-string);\n }\n .variable {\n color: var(--color-prettylights-syntax-variable);\n }\n .entity,\n .function {\n color: var(--color-prettylights-syntax-entity);\n }\n .comment {\n color: var(--color-prettylights-syntax-comment);\n }\n .storage.type.function {\n color: var(--color-prettylights-syntax-keyword);\n }\n .punctuation.definition:not(.string) {\n color: @text;\n }\n .constant {\n color: var(--color-prettylights-syntax-constant);\n }\n }\n h1,\n h2 {\n border-bottom-color: @surface1;\n }\n h4 {\n border-bottom-color: @surface0;\n }\n blockquote {\n background-color: lighten(@surface0, 2%);\n border-left-color: @surface2;\n }\n table {\n color: @text;\n border-bottom-style: none;\n td,\n th {\n background-color: @base;\n border-color: @surface0;\n }\n }\n }\n\n /* Keyword links */\n #user-content-keywords {\n color: @text;\n\n + ul a {\n color: @accent;\n\n &:hover {\n color: @text;\n }\n }\n }\n /* Share provenance feedback link */\n #user-content-provenance a[href=\" https://github.com/npm/feedback\"] {\n color: @text;\n }\n\n /* Settings */\n div[role=\"listitem\"],\n div[role=\"radiogroup\"] {\n background: @base;\n }\n\n /* --- PROFILE PAGES --- */\n\n .eaac77a6 {\n color: @surface2;\n }\n ._34da67ba {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 14.48 16.27\"><path fill=\"@{overlay2}\" d=\"M5.16 16.27v-2.4c-.31 0-.6.08-.89.1a2.61 2.61 0 0 1-2.77-1.66 2.65 2.65 0 0 0-1.14-1.42 1.2 1.2 0 0 1-.3-.26c-.06-.13-.06-.24.09-.28a1.5 1.5 0 0 1 .42 0 2 2 0 0 1 1.51 1 2.21 2.21 0 0 0 3 .93c.06 0 .15-.09.16-.14a2.5 2.5 0 0 1 .63-1.32c-.51-.11-1-.19-1.48-.32a4.13 4.13 0 0 1-2.83-2.15A6 6 0 0 1 1 6.08a4.27 4.27 0 0 1 1-3.16.37.37 0 0 0 0-.25A3.83 3.83 0 0 1 2 .52c.15-.55.2-.58.76-.47A6.7 6.7 0 0 1 4.92 1a.45.45 0 0 0 .34.07 9.7 9.7 0 0 1 5 0 .52.52 0 0 0 .33-.07c.49-.24 1-.54 1.46-.74A4.4 4.4 0 0 1 13.13 0a.27.27 0 0 1 .2.13 3.87 3.87 0 0 1 .15 2.4.44.44 0 0 0 .11.46 3.8 3.8 0 0 1 .75 1.5 6 6 0 0 1 0 2.38 4 4 0 0 1-2.19 3.2 6.7 6.7 0 0 1-1.23.46c-.41.11-.85.17-1.29.26a2.74 2.74 0 0 1 .67 2v3.41Z\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n ._69ab2ca0 {\n border-color: @surface0;\n background-color: @mantle;\n }\n\n /* --- SETTINGS PAGES --- */\n\n /* Headings */\n ._7fb5e603 h1 {\n color: @text;\n }\n\n /* Left panel */\n aside.e9998f88 {\n box-shadow: none;\n\n ul.c63ae7fc li:hover {\n background-color: @crust;\n }\n\n /* Create organization button */\n #organizationsHeader + a[href=\"/org/create\"] {\n color: @green;\n border-color: @green;\n\n &:hover {\n color: @mantle;\n background-color: @green;\n }\n }\n }\n\n /* Linked accounts & recovery option settings */\n .b49405c7 {\n color: @text;\n }\n\n /* Email and password settings */\n p:has(\n + div\n > a[href^=\"/settings/\"][href$=\"/email\"]\n + a[href^=\"/settings/\"][href$=\"/password\"]\n ),\n /* Delete account */\n p:has(+ a[href^=\"/settings/\"][href$=\"/delete-account\"]) {\n color: @text;\n }\n\n /* Access tokens settings */\n form#tokens {\n table {\n td {\n span {\n color: @subtext1;\n\n &:hover {\n color: @text;\n }\n }\n code {\n color: @subtext0;\n }\n }\n + div {\n color: @text;\n }\n }\n }\n ._305a9f55 ._038c0473 {\n border-color: @accent;\n background-color: fade(@accent, 20%);\n }\n button[aria-label^=\"Delete token ending in\"] {\n ._305a9f55 ._038c0473 & {\n border-color: @surface2;\n }\n &.b55db0e2:hover {\n border-color: @red;\n background-color: @red;\n color: @base;\n }\n }\n\n /* 2FA authentication page */\n ._75ce47e7 {\n background-color: @base;\n\n ._71252860,\n .d7eb966d {\n color: @text;\n }\n\n [fill=\"#65C6C9\"],\n [fill=\"url(#paint1_linear_449_428)\"],\n [fill=\"url(#paint0_linear_110_3043)\"] {\n fill: @blue;\n }\n [fill=\"url(#paint2_linear_449_428)\"],\n [fill=\"url(#paint1_linear_110_3043)\"] {\n fill: @base;\n }\n\n &::before {\n background-image: @npmGradient;\n }\n }\n ._320f7a67 {\n background-color: @base;\n\n &::before {\n background-image: @npmGradient;\n }\n\n section {\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.6);\n }\n\n div[role=\"radiogroup\"] {\n color: @text;\n background-color: @surface0;\n }\n\n #gat-banner span {\n color: @yellow;\n }\n }\n\n /* Create organization page */\n .acb78000::before {\n background-image: @npmGradient;\n }\n /* Step 1: create an org */\n .e99f3f5d {\n color: @green;\n }\n img[src=\"https://static-production.npmjs.com/28dd82ec6e5fe3cfbb4d2c4ec492076b.svg\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 38.36 38.36\"><circle cx=\"19.18\" cy=\"19.18\" r=\"18.53\" fill=\"none\" stroke=\"@{green}\" stroke-miterlimit=\"10\" stroke-width=\"1.3\"/><path d=\"M25.63 26.84h-4.46a.37.37 0 0 1-.37-.36v-6h-3v6a.36.36 0 0 1-.36.36h-4.51a.94.94 0 0 1-.93-.94V19a1.6 1.6 0 0 1-.38 0 .89.89 0 0 1-.74-.31A1.31 1.31 0 0 1 11 16.9l7.42-6.42a1.28 1.28 0 0 1 1.58-.05.2.2 0 0 1 .09.05l7.42 6.42a1.31 1.31 0 0 1 .14 1.82.86.86 0 0 1-.74.31 1.5 1.5 0 0 1-.37 0v6.87a.94.94 0 0 1-.91.94\" fill=\"@{green}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n /* Step 2: invite members */\n img[src=\"https://static-production.npmjs.com/d6654c911c7cf2159948148754c95bb6.svg\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 38.36 38.36\"><circle cx=\"19.18\" cy=\"19.18\" r=\"18.53\" fill=\"none\" stroke=\"@{surface2}\" stroke-miterlimit=\"10\" stroke-width=\"1.3\"/><path d=\"M25.67 20.87a4.95 4.95 0 1 0 4.94 4.94 5 5 0 0 0-4.94-4.94m0 9a4 4 0 1 1 4-4.05 4.06 4.06 0 0 1-4 4.04Z\" fill=\"@{text}\"/><path d=\"M28.2 25.41h-2v-2a.45.45 0 0 0-.9 0v2h-2a.45.45 0 0 0 0 .9h2v2a.45.45 0 0 0 .9 0v-2h2a.45.45 0 0 0 0-.9m-7.12-8.58A5 5 0 0 1 19.9 19a.48.48 0 0 0-.13.32v.86a.7.7 0 0 0 0 .14c.17.54.37.66 1.28 1.14a.45.45 0 0 0 .61-.19.44.44 0 0 0-.19-.6c-.69-.37-.77-.41-.82-.56v-.61a5.9 5.9 0 0 0 1.23-2.26 1.82 1.82 0 0 0 .33-2.44V13c0-2.41-1.5-3.8-4.11-3.8S14 10.62 14 13v1.78a1.8 1.8 0 0 0-.3 1.29 1.84 1.84 0 0 0 .63 1.15 5.9 5.9 0 0 0 1.23 2.26v.59c-.14.24-1 1-5.8 2.87a1.07 1.07 0 0 0-.68 1v2.15a1.07 1.07 0 0 0 1.06 1.07h9.23a.45.45 0 0 0 0-.9h-9.23a.17.17 0 0 1-.16-.17v-2.16a.15.15 0 0 1 .1-.15c5.28-2 6.18-2.9 6.36-3.49a.3.3 0 0 0 0-.13v-.86a.44.44 0 0 0-.13-.32 5.1 5.1 0 0 1-1.18-2.15.44.44 0 0 0-.17-.25.93.93 0 0 1-.18-1.36.5.5 0 0 0 .1-.29V13c0-1.87 1.14-2.9 3.22-2.9s3.21 1 3.21 2.9v1.93a.46.46 0 0 0 .11.29 1 1 0 0 1 .21.73.94.94 0 0 1-.39.63.45.45 0 0 0-.16.25\" fill=\"@{text}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n div:has(> form[action=\"/org/create\"]) {\n color: @text;\n\n &,\n + div {\n border-color: @surface0;\n }\n }\n\n /* Billing information page */\n .bg-washed-green {\n background-color: fade(\n lighten(@teal, 10%),\n if(@flavor = latte, 50%, 100%)\n );\n }\n .b--light-green {\n border-color: @teal;\n }\n\n /* Pricing page */\n\n .dark-gray {\n color: @text !important;\n }\n\n .light-silver {\n color: @subtext1;\n }\n\n .npm-red {\n color: @accent;\n }\n\n .a11y-light-gray,\n .bg-gray {\n background-color: @subtext0 !important;\n }\n\n .bg-dark-gray {\n background-color: @text;\n }\n\n .bg-light-gray,\n .bg-near-white {\n background-color: @surface0 !important;\n }\n\n .npm-bg-hero,\n .npm-bg-teams {\n background: none;\n\n > .white {\n color: @text;\n }\n }\n\n .npm-bg-gradient {\n background-image: @npmGradient;\n }\n\n .npm-rainbow-circle {\n background-image:\n linear-gradient(@crust, @crust),\n @npmGradient;\n }\n\n .npm-btn-red {\n background-color: @red;\n border-bottom-color: @yellow;\n }\n\n a[href=\"/products/teams\"].npm-title {\n background-color: @red;\n color: @crust;\n border-color: @text;\n }\n\n ul.featureComparisonList img[alt=\"feature included\"] {\n filter: @red-filter;\n }\n\n /* --- GENERIC --- */\n\n /* Buttons/button links */\n ._24a1e9c7 {\n background-image: none;\n background-color: @surface0;\n color: @text;\n border-color: @surface1;\n\n &:not([disabled]):hover {\n background-color: @surface1;\n }\n\n &[disabled] {\n background-color: @mantle;\n color: @subtext0;\n }\n\n /* Danger */\n &._4a3f8f21 {\n & when (@flavor = latte) {\n background-color: lighten(@red, 30%);\n\n &:hover {\n background-color: lighten(@red, 25%);\n }\n }\n\n & when not(@flavor = latte) {\n background-color: @red;\n color: @surface1;\n\n &:hover {\n background-color: lighten(@red, 5%);\n }\n }\n }\n\n /* Success */\n &.c37751f6 {\n & when (@flavor = latte) {\n background-color: lighten(@green, 30%);\n\n &:hover {\n background-color: lighten(@green, 25%);\n }\n }\n\n & when not(@flavor = latte) {\n background-color: @green;\n color: @surface1;\n\n &:hover {\n background-color: lighten(@green, 5%);\n }\n }\n }\n }\n\n /* Signup form */\n #signup {\n /* Logged out signup button in header */\n &[href=\"/signup\"] {\n border-color: @surface0;\n }\n\n #signup_email_error_message,\n #signup_password_error_message {\n color: @red;\n }\n\n fieldset {\n color: @text;\n }\n }\n\n button[name=\"show-hide-password\"] {\n background-color: transparent;\n color: @text;\n\n &:hover {\n background-color: @mantle;\n }\n\n &::before {\n background-color: @surface0;\n }\n }\n\n /* Dropdowns */\n details ul[class*=\"Dropdown__DropdownMenu\"] {\n background-color: @base;\n border-color: @surface0;\n\n li a:hover {\n background-color: @mantle !important;\n color: @text !important;\n }\n }\n /* Select menus */\n select {\n background-color: @surface0;\n border-color: @surface2;\n color: @text;\n }\n\n /* --- SEARCH RESULTS --- */\n nav[aria-label=\"Pagination Navigation\"] {\n div > a {\n background-color: @base;\n border-color: @surface0;\n\n &:hover {\n background-color: @mantle;\n }\n }\n }\n #pkg-list-exact-match {\n color: @base;\n background-color: @accent;\n }\n\n /* Username links */\n a[aria-label^=\"publisher\"]:hover {\n color: @accent;\n }\n\n /* --- FOOTER --- */\n\n footer {\n h3 {\n color: @text;\n }\n ul a:hover {\n color: @accent;\n }\n a[href=\"https://github.com/npm\"] svg {\n > polygon {\n fill: @base;\n }\n\n > rect {\n fill: @text;\n }\n }\n a[href=\"https://github.com\"] svg {\n fill: @text;\n }\n &::after {\n background-image: @npmGradient;\n }\n }\n\n --color-prettylights-syntax-comment: @overlay2;\n --color-prettylights-syntax-constant: @teal;\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: @mauve;\n --color-prettylights-syntax-string: @green;\n --color-prettylights-syntax-variable: @peach;\n --color-prettylights-syntax-invalid-illegal-text: @red;\n --color-prettylights-syntax-invalid-illegal-bg: fade(@red, 15%);\n --color-prettylights-syntax-markup-heading: @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: fade(@red, 40%);\n --color-prettylights-syntax-markup-inserted-text: @text;\n --color-prettylights-syntax-markup-inserted-bg: fade(@green, 40%);\n --color-prettylights-syntax-markup-changed-text: @text;\n --color-prettylights-syntax-markup-changed-bg: fade(@yellow, 40%);\n --color-prettylights-syntax-markup-ignored-text: @text;\n\n /* stylelint-disable declaration-block-single-line-max-declarations */\n /* deno-fmt-ignore */\n div.highlight pre {.pl-mb,.pl-mdr,.pl-c{color:var(--color-prettylights-syntax-comment)}.pl-c1,.pl-s .pl-v{color:var(--color-prettylights-syntax-constant)}.pl-e,.pl-en{color:var(--color-prettylights-syntax-entity)}.pl-s .pl-s1,.pl-smi{color:var(--color-prettylights-syntax-storage-modifier-import)}.pl-ent{color:var(--color-prettylights-syntax-entity-tag)}.pl-k{color:var(--color-prettylights-syntax-keyword)}.pl-pds,.pl-s,.pl-s .pl-pse .pl-s1,.pl-sr,.pl-sr .pl-cce,.pl-sr .pl-sra,.pl-sr .pl-sre{color:var(--color-prettylights-syntax-string)}.pl-smw,.pl-v{color:var(--color-prettylights-syntax-variable)}.pl-bu{color:var(--color-prettylights-syntax-brackethighlighter-unmatched)}.pl-ii{color:var(--color-prettylights-syntax-invalid-illegal-text);background-color:var(--color-prettylights-syntax-invalid-illegal-bg)}.pl-c2{color:var(--color-prettylights-syntax-carriage-return-text);background-color:var(--color-prettylights-syntax-carriage-return-bg)}.pl-sr .pl-cce{color:var(--color-prettylights-syntax-string-regexp)}.pl-ml{color:var(--color-prettylights-syntax-markup-list)}.pl-mh,.pl-mh .pl-en,.pl-ms{color:var(--color-prettylights-syntax-markup-heading)}.pl-mi{color:var(--color-prettylights-syntax-markup-italic)}.pl-mb{color:var(--color-prettylights-syntax-markup-bold)}.pl-md{color:var(--color-prettylights-syntax-markup-deleted-text);background-color:var(--color-prettylights-syntax-markup-deleted-bg)}.pl-mi1{color:var(--color-prettylights-syntax-markup-inserted-text);background-color:var(--color-prettylights-syntax-markup-inserted-bg)}.pl-mc{color:var(--color-prettylights-syntax-markup-changed-text);background-color:var(--color-prettylights-syntax-markup-changed-bg)}.pl-mi2{color:var(--color-prettylights-syntax-markup-ignored-text);background-color:var(--color-prettylights-syntax-markup-ignored-bg)}.pl-mdr{color:var(--color-prettylights-syntax-meta-diff-range)}.pl-ba{color:var(--color-prettylights-syntax-brackethighlighter-angle)}.pl-sg{color:var(--color-prettylights-syntax-sublimelinter-gutter-mark)}.pl-corl{text-decoration:underline;color:var(--color-prettylights-syntax-constant-other-reference-link)}}\n /* stylelint-enable declaration-block-single-line-max-declarations */\n }\n}\n",
|
|
"originalDigest": "3a70043ffb9f9304c1d4bf6fe8fa6ded0489e933",
|
|
"_id": "70106519-01dd-48c8-9aa6-b6465077c98e",
|
|
"_rev": 1780236868277,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 28
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Google Catppuccin",
|
|
"description": "Soothing pastel theme for Google",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/google/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Google Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/google",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/google",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/google/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agoogle",
|
|
"description": "Soothing pastel theme for Google",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": 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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"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 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/google/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agoogle\n@description Soothing pastel theme for Google\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document regexp(\"^https?://(www\\\\.|images\\\\.)?google\\\\..*\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n // Unset color-scheme from `#lib.defaults()`.\n iframe {\n color-scheme: none !important;\n }\n\n &,\n body {\n background: @base !important;\n --uv-styles-color-surface: @crust;\n --uv-styles-color-tertiary: @surface0;\n --uv-styles-color-secondary: fade(@blue, 25%);\n --uv-styles-color-primary: @base;\n --uv-styles-color-on-primary: @blue;\n --uv-styles-color-text-primary: @blue;\n --uv-styles-color-icon-default: @text;\n --uv-styles-color-text-emphasis: @text;\n --uv-styles-color-icon-on-secondary: @subtext0;\n --uv-styles-color-on-tertiary: @text;\n --uv-styles-color-icon-on-tertiary: @text;\n --uv-styles-color-scrim: fade(@crust, 75%);\n --uv-styles-color-on-scrim: @text;\n --uv-styles-color-icon-on-scrim: @text;\n --xhUGwc: @base;\n --bbQxAb: @text;\n --IXoxUe: @subtext0;\n --COEmY: @text;\n --YLNNHc: @text;\n --JKqx2: @blue;\n --gS5jXb: @surface0;\n --mXZkqc: @surface0;\n --EpFNW: @mantle;\n --XKMDxc: @mantle;\n --TSWZIb: @mantle;\n --tefdc5886c2f04483: @text;\n --te8f1ea4d4928be48: @text !important;\n --ta884a309a24f44f4: @subtext0 !important;\n --tdee01b39543f1cac: @base !important;\n --tcc8c9ef487836e2b: @surface0 !important;\n --ta83cba65577ef850: @blue !important;\n --t7d1a3050c2c1c0a5: @text !important;\n --t6a0469853a1a02c1: @text !important;\n --t5feec22832a0fdd6: @surface0 !important;\n --t342c96645d13ae13: @accent !important;\n --t6c7325fca9d536d4: @text !important;\n --tf7148cf5018d5074: @text !important;\n --t9ab8d922307d428d: @text;\n --t62e84c71989f1975: @red !important;\n --tc9db399ed82142e1: @green !important;\n --uv-styles-color-text-default: @subtext0 !important;\n --uv-styles-color-review-stars: @yellow !important;\n --gm3-sys-color-primary: @surface0;\n --gm3-sys-color-on-primary: @blue;\n --Nsm0ce: @blue;\n }\n\n /* header background */\n .CvDJxb {\n background-color: @base !important;\n }\n\n /* safe search toggle dropdown */\n .z4R3Z.yb2zA {\n color: @blue !important;\n }\n .z4R3Z {\n color: @text !important;\n }\n\n /* selected image background */\n .PNCib.fT6ABc::after {\n background-color: @surface1 !important;\n border-color: @blue !important;\n }\n\n /* travel */\n .Usd1Ac {\n background-color: @surface0 !important;\n border-color: @surface2 !important;\n }\n .P77izf {\n background-color: @base !important;\n color: @text !important;\n }\n .VfPpkd-StrnGf-rymPhb-f7MjDc,\n .VfPpkd-qPzbhe-JNdkSc-Bz112c {\n color: @accent !important;\n }\n .EL3pcf {\n color: @accent !important;\n }\n .bVfPpkd-StrnGf-rymPhb,\n .DMZ54e {\n color: @text !important;\n }\n .VfPpkd-pafCAf,\n .VfPpkd-pafCAf-OWXEXe-Xhs9z {\n fill: @mantle !important;\n }\n .VfPpkd-l6JLsf::after {\n background-color: @blue !important;\n }\n .VfPpkd-l6JLsf::before {\n background-color: @surface2 !important;\n }\n .VfPpkd-uMhiad::after {\n background: @overlay0;\n }\n .dmaMHc {\n background-color: @surface0 !important;\n }\n .AJxgH {\n background-color: @mantle !important;\n }\n .VfPpkd-cTi5dd {\n color: @accent !important;\n }\n /* news column thingymaboober idk what it's actually called, but it's like these columns of news headlines so yeah */\n .nEklgc {\n background-color: @surface0;\n }\n .JJZKK.Wui1sd {\n border-color: @surface0;\n }\n .rbYSKb,\n .FuOudf,\n .GI74Re {\n color: @subtext0;\n }\n /* widgets */\n /* timer */\n .pMz3A,\n .qhXOwb,\n .yrvNxb .pv60Cd,\n .LPl7kb .pv60Cd,\n .Q7q8pf .pv60Cd {\n background-color: @mantle !important;\n }\n\n /* color picker */\n .P2c8Dd {\n background-color: @base;\n }\n\n .R9RxHd {\n border-color: @surface0;\n }\n\n /* unit converter */\n .LNn04b {\n background-color: @mantle;\n color: @text !important;\n border-color: @surface0;\n }\n\n .vXQmIe,\n .vk_c {\n color: @text !important;\n border-color: @surface0 !important;\n }\n\n .NIzGle {\n background-color: @yellow;\n color: @crust;\n }\n\n /* periodic table */\n .DJ3Gm {\n background-color: @peach;\n color: @crust;\n }\n\n .nA1S9d {\n background-color: @mauve;\n color: @crust;\n }\n\n .qY66Od {\n background-color: @blue;\n color: @crust;\n }\n\n .IJR6Te {\n background-color: @sky;\n color: @crust;\n }\n\n .asrVsb {\n background-color: @surface0;\n }\n\n .VCIyZb {\n background-color: @red;\n color: @crust;\n }\n\n .QRbwTb {\n background-color: @teal;\n color: @crust;\n }\n\n .tASb2d {\n background-color: darken(@red, 5%);\n color: @crust;\n }\n\n .Fm9Me {\n background-color: @yellow;\n color: @crust;\n }\n\n .wo1y7c {\n background-color: @green;\n color: @crust;\n }\n\n /* search bar right beneath websites */\n .YbqTTb,\n g-flat-button.BwMo1 {\n background-color: @base;\n border-color: @surface0;\n }\n\n .YbqTTb:focus {\n border-color: @accent;\n }\n\n /* some play buttons on games */\n .fxvhbc,\n .pGGGle {\n background-color: @accent;\n color: @crust;\n }\n\n /* calculator senpai~ */\n .zRQJhd {\n background-color: @base !important;\n }\n .XH1CIc {\n color: @subtext0;\n }\n .pno7A.hU1rMc .Tqvz7b,\n .pno7A.rfUaPd .SwDSDf {\n color: @subtext1;\n }\n .pno7A.rfUaPd .Tqvz7b {\n color: @text;\n }\n .tR3EBc {\n background-color: @mantle;\n }\n .AOvabd,\n .dxp44d {\n background: @surface0 !important;\n color: @text !important;\n border-color: @surface0 !important;\n &:hover {\n background-color: @surface1;\n border-color: @surface1;\n }\n }\n .zbvg1c {\n color: @text;\n }\n .UUhRt {\n background-color: @blue;\n color: @mantle;\n border-color: @blue;\n &:hover {\n background-color: @sky;\n border-color: @sky;\n }\n }\n .tw-lliw.item-selected .language_list_item {\n color: @blue;\n }\n .qv3Wpe {\n color: @text;\n }\n .TIGsTb {\n border-color: @surface0;\n }\n .TIGsTb:hover {\n background-color: @surface0;\n border-color: @surface0;\n }\n .MEdqYd,\n .feqqG {\n background: @surface2;\n color: @text;\n border-color: @surface2;\n &:hover {\n background-color: @overlay0;\n border-color: @overlay0;\n }\n }\n /* more button */\n .CybWFf {\n background-color: @surface0;\n }\n .Lu57id {\n color: @subtext0;\n }\n /* live sports */\n .Wrsj9b,\n .ofy7ae,\n .PPjCfd,\n .lr-imso-fix {\n background-color: @accent !important;\n color: @crust !important;\n }\n\n .liveresults-sports-immersive__match-grid-bottom-border,\n .liveresults-sports-immersive__match-grid-right-border,\n .YENodc {\n border-color: @surface0;\n }\n\n .liveresults-sports-immersive__match-tile:hover,\n .KAIX8d:hover,\n .kwbMAe {\n background-color: @surface0;\n }\n\n .imspo_mt__dt-t,\n .imspo_mt__pm-infc,\n .GOsQPe {\n color: @text !important;\n }\n /* knowoledge panel uwu */\n .H73aad {\n &,\n &hover {\n background-color: @mantle !important;\n border-color: @surface0 !important;\n }\n }\n\n .AQtWSd,\n .ulmfef,\n .xCBykf,\n .m2E3md {\n color: @blue;\n }\n\n .joHe2d {\n background-color: @base !important;\n box-shadow: 0 1px 0 @base !important;\n }\n .xt8Uw,\n .ipwqjc,\n .Bk8Hxd:link,\n .ucRBdc,\n .PDzHbe,\n .pt3Hdf,\n .Cv2Brc,\n .IFGUre,\n .review-dialog {\n color: @text;\n }\n\n .GK1a5e {\n background-color: @text;\n }\n\n .RC9d6e {\n border-top-color: @text;\n }\n\n .IFmkIb.IFmkIb {\n background-color: @surface0;\n border-color: @surface2;\n }\n .ab_button {\n background-image: linear-gradient(to top, @surface0, @base);\n background-color: @surface0;\n border-color: @surface1;\n }\n\n .PGbOqf {\n background-color: @accent;\n }\n\n .yAbdSd {\n color: @red;\n }\n\n .ycghLd {\n background-color: @red;\n border-color: @red;\n }\n\n .IRH78d,\n .CFjcj,\n .HkuhB {\n color: @subtext0;\n }\n .l2gNXd {\n background-color: @yellow;\n }\n .uVGhGc,\n .hIqKNb {\n background-color: @surface0;\n }\n .tcuWYc {\n background-image: linear-gradient(\n @overlay0 1px,\n rgba(255, 255, 255, 0) 0\n );\n }\n .qk7LXc.Fb1AKc,\n .fAt9Jd,\n .SME0md,\n .ipwqjc {\n background-color: @base !important;\n }\n\n .ttBXeb,\n .NDTw3e.K7R36c,\n .knowledge-finance-wholepage-chart__fw-uch .uch-svg {\n color: @subtext0;\n }\n\n .sQ6RSc {\n fill: @text;\n }\n\n .egcvbb {\n border-color: @surface2;\n &:hover {\n border-color: @text;\n }\n }\n\n .knowledge-finance-wholepage-chart__hover-card {\n background-color: @base;\n }\n .knowledge-finance-wholepage-chart__hover-card-time {\n color: @subtext0;\n }\n\n .fw-ch-sel .KWk7r.qUjgX {\n background-color: @surface0;\n color: @blue;\n }\n\n .gb_Ka.gb_f,\n .gb_Na.gb_f,\n #gb {\n background-color: @base !important;\n svg,\n .gb_Rc svg,\n .gb_dd .gb_ld,\n .gb_3c .gb_ld {\n color: @text;\n }\n }\n .gb_Nc a.gb_F,\n .gb_Nc span.gb_F {\n color: @text;\n }\n .uU7dJb {\n border-bottom-color: @surface0;\n background-color: @mantle;\n color: @subtext1;\n }\n .gb_Nc .gb_d:hover {\n background-color: @surface0;\n }\n .KxwPGc {\n background-color: @mantle;\n }\n .HJSKzf {\n color: @text;\n }\n\n .gbqfba,\n .lJ9FBc input[type=\"submit\"] {\n color: @text;\n background-color: @surface0;\n border-color: @surface1;\n &:hover {\n color: @text;\n background-color: @surface0;\n border-color: @surface2;\n }\n }\n\n /* AI search */\n\n .UxeQfc,\n .s7d4ef,\n .yXu61c,\n .X6JNf,\n .BERAof,\n .oxbMzd,\n .A5s9h,\n .V9Wb7c,\n .GVUPk,\n .GyAeWb,\n .A0hi5,\n .Tme6jf {\n background-color: @base !important;\n }\n\n .d3o3Ad,\n .sZKvbe {\n fill: @green !important;\n }\n\n .Fzsovc,\n .cwYVJe,\n .RJPOee,\n .vM0jzc,\n .clOx1e,\n .vDF3Oc.vDF3Oc .R8BTeb,\n .vDF3Oc.vDF3Oc .ouxCkc,\n .Yt787,\n .mulB1,\n .xUc8Ie,\n .sfgTZc,\n .I6Kpxd,\n .cQEt3 {\n color: @text !important;\n }\n\n .yQLaje,\n .tVoQIb,\n .f9nOyf,\n .kHtcsd,\n .DopHqc,\n .p7bv,\n .ar9V1,\n .DfMusf,\n .y6CIle,\n .JukT7c,\n .xUc8Ie.BXdrne,\n .sEqX7e,\n .ZFiwCf {\n background-color: @surface0 !important;\n }\n\n .xUc8Ie.BXdrne,\n .YUg0se,\n .WGbsof {\n border-color: @surface2 !important;\n }\n\n .NOo3C {\n color: @subtext1;\n }\n\n .WGbsof[selected] {\n background-color: @blue;\n border-color: @blue !important;\n }\n\n /* End of AI search */\n\n /* \"People also search for..\" / \"People also ask\" section */\n .vIifob,\n .p8Jhnd {\n background-color: @surface0 !important;\n }\n\n .vBnbff,\n .RSWv0c.NaC7Cf,\n .RSWv0c.NaC7Cf .q8U8x > div:nth-child(1) {\n background-color: @surface0 !important;\n color: @text !important;\n }\n\n .DxHbyd {\n background-color: @surface2 !important;\n }\n\n .dg6jd {\n color: @text !important;\n }\n\n /* mobile ui */\n /* header background & search bar */\n .v6U7rf {\n background-color: @base;\n }\n\n .zGVn2e,\n .u4frDf {\n background: @surface0 !important;\n }\n\n /* search suggestions */\n .K4VNlb,\n .Sl6fgd.A7Yvie,\n .Sl6fgd .zGVn2e,\n .UUbT9 {\n background-color: @surface0;\n border-color: @surface0 !important;\n }\n .sb43 {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" xml:space=\"preserve\" width=\"40\" height=\"124\" viewBox=\"0 0 10.583 32.808\"><g opacity=\"1\"><path d=\"m1.413 30.263-.631-.63 3.336-3.36 1.803 1.804 2.344-2.322H7.093v-.901h2.705v2.704h-.902v-1.172l-2.975 2.976-1.803-1.804Z\" fill=\"@{subtext1}\" fill-opacity=\".992157\" stroke-width=\".391936\"/><g fill=\"#e8eaed\" stroke-width=\".742615\"><path fill=\"none\" d=\"M1.016 12.129h8.551v8.551H1.016Z\" fill-opacity=\"1\" stroke-width=\".742615\"/><path d=\"M5.288 12.842a3.562 3.562 0 1 0 3.566 3.562 3.564 3.564 0 0 0-3.566-3.562m.003 6.413a2.85 2.85 0 1 1 0-5.7 2.85 2.85 0 1 1 0 5.7m.179-4.632h-.535v2.138l1.87 1.122.268-.438-1.603-.951z\" display=\"inline\" fill=\"@{subtext1}\" fill-opacity=\".992157\" stroke-width=\".742615\"/></g><g fill=\"none\" stroke-width=\".6\"><path d=\"M0 0h10.583v10.583H0Z\" fill=\"none\" stroke-width=\".6\"/><path d=\"M6.835 6.174h-.348l-.124-.12a2.85 2.85 0 0 0 .693-1.865 2.866 2.866 0 1 0-2.867 2.867c.71 0 1.363-.26 1.866-.693l.119.124v.348l2.204 2.2.657-.657zm-2.646 0c-1.098 0-1.984-.887-1.984-1.985s.886-1.984 1.984-1.984 1.985.886 1.985 1.984-.887 1.985-1.985 1.985\" fill=\"@{subtext1}\" fill-opacity=\".996078\" stroke-width=\".6\"/></g></g></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n /* text */\n .SAuUUd-z5C9Gb-fmcmS,\n .tJaMb,\n .TElO2c,\n .cQp1Ab {\n color: @text !important;\n }\n\n .s49v2 {\n b,\n span {\n color: @text !important;\n }\n }\n\n .ob9lvb {\n color: @subtext0;\n }\n\n /* borders */\n .Dgr5Hb,\n .GqbEwc {\n border-color: @surface0 !important;\n }\n\n #gsr {\n background-color: @mantle;\n }\n\n .Ww4FFb {\n box-shadow: 0 0 0 1px @base;\n }\n\n .Faw6Fe,\n .GpOXq {\n border-color: @surface0 !important;\n }\n\n .zGVn2e,\n .jh86Nb {\n border-color: @surface1 !important;\n }\n\n /* Featured snippets */\n @media (prefers-reduced-motion: no-preference) {\n .c2xzTb .ILfuVd b {\n background: linear-gradient(\n 90deg,\n fade(@accent, 30%) 50%,\n #0000 50%\n ) no-repeat 75% 0;\n background-size: 200% 100%;\n }\n }\n\n .pHiOh,\n a.pHiOh {\n color: @subtext1 !important;\n }\n a {\n color: @blue;\n }\n .RNNXgb {\n background: @surface0;\n border-color: @surface1;\n }\n .RNNXgb:hover,\n .sbfc .RNNXgb {\n background: @surface0 !important;\n border-color: @surface0;\n box-shadow: 0 1px 6px 0 @crust;\n }\n .minidiv .RNNXgb {\n background: @surface0;\n border-color: @surface1;\n &:hover {\n box-shadow: 0 4px 12px @crust;\n }\n }\n .HSryR .KsRP6 {\n border-color: @surface2;\n }\n .emcav .RNNXgb {\n box-shadow: 0 1px 6px 0 @crust;\n background: @surface0;\n border-color: @surface0;\n }\n .aajZCb {\n background: @surface0;\n box-shadow: 0 4px 6px 0 @crust;\n }\n .xtSCL {\n border-top-color: @surface2;\n }\n .sbct:hover {\n background-color: @surface1;\n }\n .WggQGd {\n color: @mauve !important;\n }\n .JCHpcb {\n color: @subtext0;\n }\n .JCHpcb:hover {\n color: @blue;\n }\n .wM6W7d,\n .ABAbCc {\n color: @text;\n }\n .uDetx {\n fill: @text;\n }\n .ExCKkf,\n .BjWz4c {\n color: @subtext0;\n }\n .ACRAdd {\n border-left-color: @overlay0;\n }\n .Pvpvv {\n background-color: @crust;\n border-color: @surface1;\n color: @text;\n }\n .w9dUj {\n color: @text !important;\n }\n .Pvpvv .zE5Aq,\n .adnFRd,\n .XfJHbe {\n color: @blue;\n }\n .CS4h3e {\n background-color: @subtext0;\n }\n .Pvpvv .xyGai {\n color: @text;\n }\n #SIvCob {\n color: @text;\n }\n .gb_Jc a.gb_B,\n .gb_Jc span.gb_B {\n color: @text;\n }\n .gb_Jc svg,\n .gb_Oc.gb_Sc svg,\n .gb_Jc .gb_ad .gb_id,\n .gb_Jc .gb_ad .gb_Ic,\n .gb_Jc .gb_ad .gb_cd,\n .gb_Oc.gb_Sc .gb_id {\n color: @text;\n }\n .gb_Ka svg,\n .gb_Oc svg,\n .gb_ad .gb_id,\n .gb_0c .gb_id {\n color: @text;\n }\n .gLFyf {\n color: @text;\n }\n .QCzoEc {\n color: @overlay2;\n }\n .szppmdbYutt__middle-slot-promo {\n color: @text;\n }\n .gb_Jc .gb_Ud button:hover svg,\n .gb_Jc .gb_d:hover {\n background-color: @surface0;\n }\n .gb_Jc .gb_Ud.gb_qe button:hover svg,\n .gb_Ud button:hover svg,\n .gb_d:hover {\n background-color: @surface0;\n }\n .gb_We {\n background: @mantle;\n color: @text;\n }\n a.gb_B,\n span.gb_B {\n color: @text;\n }\n .gb_zc div:first-child {\n color: @text;\n }\n .gb_zc > * {\n color: @subtext0;\n }\n .ClJ9Yb {\n color: @subtext0;\n }\n .sfbg {\n background-color: @base;\n }\n .jfN4p,\n .lnXdpd:not([src^=\"/logos/doodles/\"]) {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"272\" height=\"92\"><path fill=\"@{red}\" d=\"M115.75 47.18c0 12.77-9.99 22.18-22.25 22.18s-22.25-9.41-22.25-22.18C71.25 34.32 81.24 25 93.5 25s22.25 9.32 22.25 22.18m-9.74 0c0-7.98-5.79-13.44-12.51-13.44S80.99 39.2 80.99 47.18c0 7.9 5.79 13.44 12.51 13.44s12.51-5.55 12.51-13.44\"/><path fill=\"@{yellow}\" d=\"M163.75 47.18c0 12.77-9.99 22.18-22.25 22.18s-22.25-9.41-22.25-22.18c0-12.85 9.99-22.18 22.25-22.18s22.25 9.32 22.25 22.18m-9.74 0c0-7.98-5.79-13.44-12.51-13.44s-12.51 5.46-12.51 13.44c0 7.9 5.79 13.44 12.51 13.44s12.51-5.55 12.51-13.44\"/><path fill=\"@{blue}\" d=\"M209.75 26.34v39.82c0 16.38-9.66 23.07-21.08 23.07-10.75 0-17.22-7.19-19.66-13.07l8.48-3.53c1.51 3.61 5.21 7.87 11.17 7.87 7.31 0 11.84-4.51 11.84-13v-3.19h-.34c-2.18 2.69-6.38 5.04-11.68 5.04-11.09 0-21.25-9.66-21.25-22.09 0-12.52 10.16-22.26 21.25-22.26 5.29 0 9.49 2.35 11.68 4.96h.34v-3.61h9.25zm-8.56 20.92c0-7.81-5.21-13.52-11.84-13.52-6.72 0-12.35 5.71-12.35 13.52 0 7.73 5.63 13.36 12.35 13.36 6.63 0 11.84-5.63 11.84-13.36\"/><path fill=\"@{green}\" d=\"M225 3v65h-9.5V3z\"/><path fill=\"@{red}\" d=\"m262.02 54.48 7.56 5.04c-2.44 3.61-8.32 9.83-18.48 9.83-12.6 0-22.01-9.74-22.01-22.18 0-13.19 9.49-22.18 20.92-22.18 11.51 0 17.14 9.16 18.98 14.11l1.01 2.52-29.65 12.28c2.27 4.45 5.8 6.72 10.75 6.72 4.96 0 8.4-2.44 10.92-6.14m-23.27-7.98 19.82-8.23c-1.09-2.77-4.37-4.7-8.23-4.7-4.95 0-11.84 4.37-11.59 12.93\"/><path fill=\"@{blue}\" d=\"M35.29 41.41V32H67c.31 1.64.47 3.58.47 5.68 0 7.06-1.93 15.79-8.15 22.01-6.05 6.3-13.78 9.66-24.02 9.66C16.32 69.35.36 53.89.36 34.91S16.32.47 35.3.47c10.5 0 17.98 4.12 23.6 9.49l-6.64 6.64c-4.03-3.78-9.49-6.72-16.97-6.72-13.86 0-24.7 11.17-24.7 25.03s10.84 25.03 24.7 25.03c8.99 0 14.11-3.61 17.39-6.89 2.66-2.66 4.41-6.46 5.1-11.65z\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n .aXBZVd {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"@{text}\" d=\"m20.49 19-5.73-5.73C15.53 12.2 16 10.91 16 9.5A6.5 6.5 0 1 0 9.5 16c1.41 0 2.7-.47 3.77-1.24L19 20.49zM5 9.5C5 7.01 7.01 5 9.5 5S14 7.01 14 9.5 11.99 14 9.5 14 5 11.99 5 9.5\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n .zgAlFc {\n color: @blue;\n }\n .fLciMb {\n color: @text;\n }\n .d2IKib {\n color: @red;\n }\n .fLciMb:hover {\n background-color: @surface0;\n }\n .kno-ftr.rpBMYb {\n color: @subtext0;\n }\n .aTI8gc {\n color: @text;\n }\n .wwUB2c {\n color: @subtext0;\n }\n .dhERQc {\n color: @base !important;\n background-color: @blue !important;\n }\n .z1asCe,\n .ikb4Bb {\n color: @subtext1 !important;\n }\n .rsGxI.Ww4FFb,\n .Ww4FFb {\n background-color: @base;\n }\n .RES9jf {\n color: @text;\n }\n .CSkcDe,\n .related-question-pair div.iDjcJe {\n color: @text;\n }\n .cUnQKe .ILfuVd b,\n .cUnQKe .QBI8hf b {\n background-color: fade(@blue, 25%);\n color: @text;\n }\n .cUnQKe .ILfuVd,\n .cUnQKe .UiGGAb.ILfuVd {\n color: @subtext1;\n }\n .ZYHQ7e {\n color: @subtext0;\n }\n .VuuXrf {\n color: @text;\n }\n .hb8SAc,\n .gb_Oc a.gb_H,\n .gb_Oc span.gb_H {\n color: @text;\n }\n .TQc1id .I6TXqe {\n border-color: @surface2;\n }\n .I6TXqe,\n .zaokob {\n background: @base;\n }\n .tw-lliw:hover,\n .tw-lliw:focus {\n background-color: @surface0;\n }\n .language_list_languages.tw-ll-top::after {\n background: linear-gradient(to bottom, transparent, @base);\n }\n .HsZQAe {\n border-bottom-color: @surface2;\n }\n .KLEmSd {\n border-bottom-color: @surface1;\n }\n .NtaMpb .niO4u,\n .nZWEZc .ttwCMe,\n .xNzW0d,\n .lWzCpb {\n background-color: @base;\n }\n .aURkK {\n border-left-color: @surface1;\n }\n .iRPzcb {\n border-bottom-color: @surface1;\n }\n .related-question-pair .d0fCJc {\n color: @text;\n }\n cite,\n cite a:link,\n cite a:visited {\n color: @subtext0;\n }\n .WZ8Tjf,\n .EZAeBe,\n .F0gfrd {\n color: @subtext0;\n }\n .yDYNvb.lyLwlc {\n color: @text;\n }\n .H9lube {\n background-color: @base;\n border-color: @surface2;\n }\n .Bi9oQd {\n background-color: @surface1;\n }\n .akqY6 {\n background: @surface1;\n }\n .KFFQ0c .YfftMc,\n .KFFQ0c .YfftMc span,\n .KFFQ0c .YfftMc div,\n .KFFQ0c .YfftMc a,\n g-menu.DWsAYc g-menu-item a.K1yPdf,\n .f3LoEf,\n .TXBhSe:hover,\n .TXBhSe:not(:hover),\n .r025kc.lVm3ye,\n .Bo9xMe,\n .oyj2db {\n color: @subtext0;\n }\n .dyjrff,\n .LEwnzc {\n color: @subtext1;\n }\n .ZFiwCf {\n background-color: @surface0;\n &:hover {\n background-color: @surface1;\n }\n }\n .LGwnxb,\n .WGwSK {\n color: @text;\n }\n .EsIlz {\n background-color: @base;\n border-color: @surface1;\n }\n .O7G3Gd {\n color: @text;\n &:hover {\n color: @blue;\n }\n }\n .appbar {\n background: @base;\n border-top-color: @surface1;\n }\n .bSeRjc:hover .fKmH1e {\n color: @subtext1;\n background-color: @surface0;\n }\n .bSeRjc:hover div[aria-expanded=\"true\"] .fKmH1e,\n div[aria-expanded=\"true\"] .fKmH1e {\n background-color: fade(@blue, 25%);\n color: @blue;\n }\n .LHJvCe,\n .vqseUe,\n .dMCttd {\n color: @subtext0;\n }\n .dG2XIf .xpdbox .yc7KLc {\n background-color: @base;\n }\n .URgIvb {\n border-color: @blue;\n background-color: @blue;\n }\n .pdpvld {\n color: @green;\n }\n .YrbPuc {\n color: @subtext1;\n }\n .SRfaKe,\n .SRfaKe h2 {\n background-color: @mantle;\n }\n .y6CIle {\n background-color: @surface0;\n }\n .Yt787,\n .vDF3Oc.vDF3Oc .R8BTeb {\n color: @text;\n }\n .IDFSOe {\n background-color: @surface2;\n }\n .ffmmcd,\n .u7yw9 .WeviRb {\n border-color: @surface1;\n }\n .wdQNof {\n border-color: @surface1;\n background-color: @base;\n }\n .PewBWb {\n border-top-color: @surface1;\n }\n .eadHV.Ses7yd {\n color: @text !important;\n }\n .f,\n .j04ED,\n .j04ED a,\n .j04ED a:link,\n .XaIwc {\n color: @subtext0 !important;\n }\n #_Xg6uZYKGBYCDhbIPvK2s2AI_27\n > div:nth-child(3)\n > g-right-button:nth-child(1)\n > g-fab:nth-child(1),\n g-right-button.wgbRNb > g-fab:nth-child(1) {\n background-color: @crust !important;\n }\n .gb_2e {\n background-color: @surface0;\n }\n .gb_Ec {\n div:first-child {\n color: @text;\n }\n > * {\n color: @subtext0;\n }\n }\n .kLhEKe {\n background-color: @base;\n }\n .S8ee5.CwbYXd {\n color: @text;\n }\n .S8ee5 {\n background: @surface0;\n }\n .S8ee5:hover {\n background: @surface1;\n }\n .rhHIGd {\n background-color: @surface2;\n }\n .sY7ric {\n color: @text;\n }\n .I6a0ee {\n background-color: @base;\n border-color: @surface2;\n color: @text;\n }\n .I6a0ee:hover {\n background-color: @mantle;\n border-color: @surface2;\n }\n .I6a0ee:focus {\n background-color: @crust;\n border-color: @surface2;\n }\n .pxhZNb {\n background-color: @surface0 !important;\n color: @text;\n }\n .d2F2Td {\n color: @text;\n }\n .c07z9 {\n color: @subtext0;\n }\n .c07z9 a,\n .c07z9 a:active,\n .c07z9 a:link {\n color: @text;\n text-decoration-color: @subtext0;\n }\n .wHYlTd {\n color: @subtext0;\n }\n .dG2XIf .c2xzTb .wDYxhc:first-child {\n background: @base;\n }\n .fm06If .ILfuVd,\n .c2xzTb .ILfuVd,\n .Jb0Zif .c2xzTb .ILfuVd {\n color: @text;\n }\n .fm06If .ILfuVd b,\n .c2xzTb .ILfuVd b {\n background-color: fade(@blue, 25%);\n color: @text;\n }\n .GKS7s {\n background: @surface0;\n border-color: @surface1;\n box-shadow: inset 0 0 0 1px @surface2;\n }\n .GKS7s:hover {\n background-color: @surface1 !important;\n border-color: @surface2;\n }\n .yXK7lf em {\n color: @text;\n }\n .Lb0dA:hover {\n background-color: @surface0;\n }\n .Lb0dA[aria-expanded=\"true\"]:hover .EGarzf {\n color: @blue;\n }\n .Lb0dA[aria-expanded=\"true\"] {\n background-color: fade(@blue, 25%);\n }\n .BaegVc:hover {\n background-color: @surface0;\n }\n .hdtb-tl-sel .BaegVc {\n background-color: fade(@blue, 25%);\n }\n .BaegVc:focus {\n background-color: fade(@blue, 25%);\n }\n .TZqsAd {\n background: @overlay0;\n }\n .FalWJb {\n background: @base;\n }\n .YeThId {\n border-top-color: @surface1;\n }\n .k8XOCe {\n background-color: @surface0;\n }\n .s75CSd {\n color: @text;\n }\n .ZkkK1e,\n .uAbMZd {\n background: @base;\n border-color: @surface1;\n &:hover {\n background: @surface0;\n }\n }\n .QjI2jc {\n color: @subtext0;\n }\n .lhLbod {\n color: @subtext0;\n }\n .nr7I6e div[aria-expanded=\"true\"] .F75bid,\n .nr7I6e div[aria-expanded=\"true\"]:hover .fFI3rb .F75bid {\n color: @blue;\n }\n .F75bid {\n color: @subtext0;\n }\n div[aria-expanded=\"true\"] .fFI3rb {\n background-color: fade(@blue, 25%) !important;\n }\n div[aria-expanded=\"true\"]:hover .fFI3rb:hover {\n background-color: fade(@blue, 25%) !important;\n }\n .MAMMm {\n background: @mantle;\n box-shadow: 0 2px 6px @crust !important;\n }\n [selected].nWtjMe {\n background: fade(@blue, 25%) !important;\n }\n .uZNuIf:hover {\n background-color: @surface0;\n color: @text;\n }\n [selected].nWtjMe .FMKtTb {\n color: @text;\n }\n .nWtjMe .FMKtTb {\n color: @subtext0;\n }\n .GKS7s .FMKtTb,\n .GKS7s .RWhoyd.mol54e {\n color: @text;\n }\n .ePSouf .FMKtTb {\n color: @subtext0;\n }\n .NkCsjc:hover {\n background-color: @surface0 !important;\n color: @text;\n }\n .nr7I6e div[aria-haspopup=\"true\"]:hover .F75bid {\n color: @text;\n }\n a.hisnlb {\n background: fade(@overlay2, 25%);\n }\n div[aria-expanded=\"true\"] .fFI3rb,\n div[aria-expanded=\"true\"]:hover .fFI3rb:hover {\n background-color: @surface0 !important;\n }\n .hdtb-tl-sel .BaegVc .WjMmQ:hover {\n color: @blue;\n }\n .hdtb-mn-hd {\n color: @subtext0;\n }\n .hdtb-mn-hd:hover {\n color: @text;\n }\n .fSnalc {\n stroke: @blue;\n }\n .oOg6Ne {\n stroke: @yellow;\n }\n .ZqPjbb {\n stroke: @red;\n }\n .aPiskd {\n stroke: @green;\n }\n .s8GCU {\n background-color: @base;\n }\n .Lj9fsd {\n background-color: @base;\n }\n .jZWadf {\n background-color: @base;\n }\n .rQEFy,\n .rQEFy:hover {\n border-color: fade(@blue, 25%);\n background-color: fade(@blue, 25%);\n }\n .gbZSUe {\n color: @text;\n }\n .gbZSUe:hover {\n background: @surface0;\n }\n .XZ5MVe {\n color: @blue;\n }\n a:visited {\n color: @mauve;\n }\n .SvoXfb > .x5f7Bc {\n fill: @subtext0;\n }\n .SvoXfb:hover > .x5f7Bc {\n fill: @text;\n }\n .SvoXfb:hover {\n background-color: @surface0;\n }\n .IsZvec,\n .yxAsKe {\n color: @subtext0;\n }\n .zqrO0.k0Jjg .QuU3Wb,\n .zqrO0.k0Jjg:hover .QuU3Wb {\n color: @subtext1;\n }\n .uo4vr {\n color: @subtext0;\n }\n .minidiv .sfbg {\n background: @base;\n box-shadow: 0 1px 6px 0 @crust;\n }\n .aqCVJb {\n background-color: @blue !important;\n border-color: @blue !important;\n }\n .T8VaVe {\n color: @blue;\n }\n .tw-ta,\n #tw-source-text-container .tw-ta,\n #tw-source-rmn-container .tw-ta {\n color: @text;\n }\n .tw-bilingual-marked {\n border-color: @blue;\n }\n #tw-target {\n background-color: @surface0;\n }\n .tw-data-placeholder {\n color: @text;\n }\n .j1iyq {\n border-color: @surface2;\n }\n .w8qArf .fl {\n color: @text !important;\n }\n .HSryR a.B1uW2d {\n border-bottom-color: @surface2;\n }\n .usJj9c .zz3gNc {\n color: @text;\n }\n .Ss2Faf a {\n color: @text;\n }\n .aCOpRe em,\n .yXK7lf em {\n color: @text;\n }\n .FR7ZSc .niO4u {\n background-color: @base;\n border-color: @surface2;\n color: @blue;\n }\n .g {\n color: @text;\n }\n .VSHxQ {\n color: @subtext0;\n }\n .cF4V5c {\n background-color: @crust !important;\n }\n .cF4V5c g-menu-item a,\n .cF4V5c g-menu-item a:visited,\n .cF4V5c g-menu-item a:hover {\n color: @text;\n }\n .cF4V5c:hover g-menu-item:hover a,\n .cF4V5c:hover g-menu-item a:visited,\n .cF4V5c g-menu-item a:hover {\n background-color: @surface0;\n }\n .GZnQqe.LGiluc {\n border-top-color: @surface2 !important;\n }\n .pkWBse {\n box-shadow: 1px 1px 15px 0 @crust;\n }\n .dG2XIf {\n background: @base;\n border-color: @surface0 !important;\n }\n .Z0LcW {\n color: @text;\n }\n .i29hTd .qLLird {\n color: @text;\n }\n .i29hTd .kR7nSc {\n color: @text;\n }\n .N6Sb2c {\n color: @subtext0;\n }\n .C9iYEe {\n color: @subtext0;\n }\n .KcXNxb {\n background: @base;\n }\n .ss6qqb .PKDVJd {\n color: @subtext0;\n }\n a.oBa0Fe {\n color: @subtext0;\n }\n .o6juZc {\n background-color: @surface0;\n }\n .o6juZc:hover {\n background-color: @surface0;\n box-shadow: 0 4px 12px @crust;\n }\n .W6pGoe {\n background: @surface0;\n box-shadow: 0 4px 6px 0 @crust;\n }\n .WdWr7c {\n border-top-color: @surface2;\n }\n .sU3bKf {\n color: @text;\n }\n .O5OUld {\n color: @subtext0;\n }\n .zP7KFe {\n background: @surface1;\n }\n .O5OUld:hover {\n color: @blue;\n }\n .og3lId {\n color: @text;\n }\n .M3w8Nb .o6juZc {\n box-shadow: 0 1px 6px 0 @crust;\n }\n .r8xEL {\n color: @text;\n }\n .ZZ7G7b {\n color: @text;\n border-color: @surface1;\n }\n .NZmxZe {\n background-color: @base;\n border-color: @surface1;\n color: @text;\n }\n .NZmxZe:not(.rQEFy):hover,\n .cj2HCb.iuN0sf .w6PoOe:hover,\n .CgGjZc:hover {\n background-color: @surface0;\n border-color: @surface1;\n color: @text;\n }\n .ssfWCe .ZXJQ7c,\n .cj2HCb.iuN0sf .w6PoOe,\n .G2XB8d,\n .cj2HCb.iuN0sf .w6PoOe .KA8Jyb {\n color: @subtext0;\n .KA8Jyb:hover {\n fill: @subtext1;\n }\n }\n .KA8Jyb {\n fill: @subtext0;\n }\n .CgGjZc:hover .G2XB8d {\n color: @subtext1;\n }\n .o6OF0 {\n background-color: @surface1;\n &:hover {\n background-color: @surface2;\n }\n .SHFPkb {\n color: @text;\n }\n .PnfqLc {\n color: @subtext0;\n }\n }\n .zbRPDe,\n .scU1d {\n color: @text;\n }\n .UafVBb {\n background-color: @base;\n border-color: @surface2;\n }\n .mEQved {\n color: @subtext0;\n }\n .goxjub {\n > path:nth-child(1) {\n fill: @blue;\n }\n > path:nth-child(2) {\n fill: @green;\n }\n > path:nth-child(3) {\n fill: @yellow;\n }\n > path:nth-child(4) {\n fill: @red;\n }\n }\n [fill=\"#34a853\"] {\n fill: @green;\n }\n [fill=\"#4285f4\"] {\n fill: @blue;\n }\n [fill=\"#ea4335\"] {\n fill: @red;\n }\n [fill=\"#fbbc05\"] {\n fill: @yellow;\n }\n .ssfWCe .ZXJQ7c:hover {\n background-color: @surface0;\n color: @text;\n }\n .qcTKEe {\n background-color: @base;\n }\n .ooPrBf {\n background: @base;\n }\n .r9PaP {\n color: @subtext0;\n }\n .r9PaP:hover {\n color: @blue;\n }\n .H1KrKd {\n fill: @subtext0;\n }\n .cEPPT {\n border-bottom-color: @surface1;\n }\n .Ix6LGe {\n background: @base;\n box-shadow: 0 2px 10px 0 @crust;\n }\n .Hm7Qac:hover,\n .EuKAde {\n background-color: @surface0;\n }\n .igM9Le {\n color: @text;\n }\n .irf0hb {\n box-shadow: 1px 1px 15px 0 @crust;\n }\n .gb_Mc .gb_Vd button:hover svg,\n .gb_Mc .gb_d:hover {\n background-color: @surface0;\n }\n .gb_Mc svg,\n .gb_Rc.gb_Vc svg,\n .gb_Mc .gb_dd .gb_ld,\n .gb_Mc .gb_dd .gb_Lc,\n .gb_Mc .gb_dd .gb_fd,\n .gb_Rc.gb_Vc .gb_ld {\n color: @text;\n }\n .cEW58 {\n background-color: @surface0;\n }\n .dyAbMb {\n fill: @subtext0;\n }\n .zItAnd,\n .zItAnd:link,\n .zItAnd:visited,\n .zItAnd:hover,\n .zItAnd:active {\n color: @text;\n }\n .zItAnd {\n background-color: @base;\n border-color: @surface1;\n }\n .zItAnd:not(.MgQdud):hover {\n background-color: @surface0;\n border-color: @surface1;\n }\n .fKmH1e {\n background-color: @base;\n border-color: @surface1;\n color: @subtext0;\n }\n .fKmH1e:hover {\n background-color: @surface0;\n border-color: @surface1;\n }\n .nfSF8e,\n .WRhYSc {\n color: @subtext0;\n }\n .nfSF8e:hover,\n .WRhYSc:hover {\n background-color: @surface0;\n color: @subtext0;\n }\n .ssJ7i {\n color: @text;\n }\n .iAIpCb {\n color: @subtext0;\n }\n .KMdzJ,\n .ss6qqb .oBrLN,\n .ylgVCe {\n color: @subtext1;\n }\n .PmPt7d {\n color: @subtext0;\n }\n .gb_Mc a.gb_E,\n .gb_Mc span.gb_E {\n color: @text;\n }\n a.gb_E,\n span.gb_E {\n color: @text !important;\n }\n .RzdJxc {\n border-top-color: @surface2;\n }\n .rKnmn {\n border-top-color: @surface2;\n }\n .FzCfme {\n color: @subtext0;\n }\n .hMJ0yc {\n color: @subtext0;\n }\n .yg51vc {\n background-color: @base;\n }\n .hdtb-mitem a {\n color: @subtext0;\n }\n .hdtb-mitem .GOE98c,\n .hdtb-mitem a,\n .hdtb-mitem.hdtb-msel,\n .t2vtad {\n color: @subtext0;\n }\n .t2vtad:not(.hdtb-tl-sel) {\n color: @subtext0;\n }\n .dG2XIf .xpdopen .mJ2Mod {\n border-color: @surface1;\n }\n .t2vtad:not(.hdtb-tl-sel):hover {\n background-color: @surface0;\n border-color: @surface1;\n color: @text;\n box-shadow: 0 1px 1px @crust;\n }\n .hdtb-mitem:hover .GOE98c:hover,\n .hdtb-mitem:hover a,\n .hdtb-mitem.hdtb-msel,\n .t2vtad:hover {\n color: @blue;\n }\n .w6PoOe {\n color: @subtext0;\n }\n .w6PoOe:hover {\n color: @text;\n }\n .Lj9fsd.DU1Mzb {\n background-color: @base;\n box-shadow: 0 1px 6px 0 @crust;\n .o6juZc {\n border-color: @surface1 !important;\n }\n }\n .dZ5aUe .vbLSne .MjJqGe:not(.xvfzbc):hover {\n background-color: @surface0;\n }\n .FjVBEd {\n color: @green;\n }\n title-with-lhs-icon:hover .ekf0x h3 {\n color: @blue;\n }\n .GmE3X {\n color: @text;\n }\n .iv236 {\n color: @text;\n }\n .GLcBOb {\n border-bottom-color: @surface1;\n }\n .ss6qqb .Ui2TZ {\n color: @text;\n }\n .wx62f {\n color: @subtext0;\n }\n #rhs .u7yw9 {\n border-left-color: @surface1;\n }\n .ss6qqb .Jk5Tjc {\n border-color: @surface2;\n }\n #rhs .u7yw9 .cLjAic {\n border-bottom-color: @surface1;\n }\n .JNkvid .HnYYW {\n color: @text;\n }\n .aokhrd .TZahnb {\n border-left-color: @surface1;\n }\n .Cx1ZMc {\n color: @subtext0;\n }\n .CBPSbf {\n background-color: @base;\n }\n .E74aCb {\n color: @text;\n }\n .OE86Gc {\n background-color: @base;\n color: @text;\n fill: @text;\n }\n .c72nic {\n color: @text;\n }\n .GXMTjb {\n background-color: @base;\n border-color: @surface0;\n }\n .A9y7kf {\n color: @subtext0;\n }\n .OE86Gc a {\n color: @blue;\n }\n .Es2Et {\n color: @subtext0;\n }\n .KwJT0.VqKh3b div div {\n background-color: @base;\n fill: @text;\n color: @text;\n border-color: @surface1;\n }\n .rx7XFb {\n background-color: @surface0;\n }\n .VP31Vb {\n color: @text;\n }\n .HXQjqf {\n background-color: fade(@blue, 25%);\n color: @blue;\n }\n .SW5pqf {\n color: @blue;\n }\n .rQEFy:hover {\n color: @blue;\n }\n .hdtb-tl-sel {\n border-color: @surface2;\n background: @surface0;\n color: @text;\n }\n .hdtb-tl-sel:focus {\n border-color: @surface2;\n background: @surface0;\n color: @blue;\n }\n .t2vtad:active,\n .t2vtad:not(.hdtb-tl-sel):hover:active {\n background-color: @surface0 !important;\n box-shadow: inset 0 1px 2px @crust !important;\n }\n .gTl8xb {\n border-color: @subtext0 transparent;\n }\n .hdtb-mn-hd:hover .gTl8xb {\n border-color: @text transparent;\n }\n .h3L8Ub .yMAEcf {\n background: @surface0;\n border-color: @surface2;\n }\n .ynRric {\n color: @subtext0;\n }\n .cRV9hb .pcTkSc .wM6W7d {\n color: @text;\n }\n .h3L8Ub .yMAEcf.sbhl {\n background-color: @surface1;\n }\n .sbhl {\n background: @surface1;\n }\n .CjiZvb,\n .GZnQqe.EpPYLd:active {\n background-color: @surface0;\n }\n .PyJv1b {\n color: @text;\n }\n .REySof {\n color: @overlay2 !important;\n }\n .NQyKp {\n color: @surface0 !important;\n background: @accent !important;\n }\n .b0Xfjd {\n color: @base !important;\n }\n .LiOdre {\n background-color: @base;\n border-color: @surface1;\n }\n .LiOdre:hover {\n background-color: @mantle;\n border-color: @surface2;\n }\n .LiOdre:focus {\n border-color: @blue;\n }\n .mfsgsd {\n color: @text;\n }\n .GCSyeb {\n background: @surface1;\n }\n .IVvPP .cLjAic.WY0eLb,\n .Hwkikb.WY0eLb {\n border-left-color: @surface1;\n }\n .mQo3nc {\n background-color: @surface0;\n color: @subtext0 !important;\n }\n .cfBJGe {\n color: @text;\n }\n .f6F9Be {\n background: @mantle;\n }\n .KwU3F {\n color: @blue;\n }\n .b0KoTc {\n color: @text;\n }\n .dfB0uf {\n color: @text;\n }\n .unknown_loc {\n background: @text;\n }\n .GS5rRd {\n color: @blue;\n }\n .xSQxL {\n color: @blue;\n }\n .smiUbb {\n color: @text;\n }\n .b2hzT {\n border-bottom-color: @surface0;\n }\n #swml {\n border-left-color: @surface0;\n }\n .KXbwLb {\n background-color: @surface2;\n }\n .WZH4jc .VknLRd .GNJvt {\n background: @surface0;\n }\n .WZH4jc .VknLRd:hover .GNJvt {\n background: @surface1;\n }\n .GNJvt {\n color: @text;\n }\n .fJOpI.H9lube {\n background-color: @blue !important;\n border-color: @blue;\n }\n .XNo5Ab.XNo5Ab {\n color: @base !important;\n fill: @base !important;\n }\n .Ss2Faf.boljiHqtXe7__place-qa-title {\n color: @text !important;\n }\n .xEzgBc {\n color: @text !important;\n }\n .Ss2Faf.sq4Bpf {\n color: @text !important;\n }\n .ea0Lbe {\n background: @surface0;\n }\n .f6GA0,\n .CacfB,\n .Ua7Yuf {\n background: @base;\n }\n .DV7the {\n color: @blue;\n }\n .ZeVBtc {\n color: @subtext0;\n }\n .cB9M7 {\n background-color: @surface0;\n border-color: @surface1;\n color: @text;\n &:hover {\n border-color: @surface2;\n }\n &:focus {\n border-color: @blue;\n }\n }\n .Qwbd3 {\n background: @surface0;\n color: @text;\n border-color: @surface1;\n &:hover {\n background: @surface1;\n border-color: @surface2;\n }\n }\n .ArIAXb {\n fill: @surface0;\n }\n .qOFLsb {\n fill: @surface0;\n }\n .aHK1bd {\n color: @subtext0;\n }\n .diOlIe {\n border-top-color: @overlay0;\n }\n .p4pvTd {\n color: @text;\n }\n .gIYJUc {\n background: @base !important;\n border-color: @surface1 !important;\n }\n .Gdd5U > g:nth-child(2) {\n > circle:nth-child(1) {\n fill: @green !important;\n }\n > circle:nth-child(2) {\n fill: @blue !important;\n }\n > path:nth-child(3) {\n fill: @red !important;\n }\n > path:nth-child(4) {\n fill: @yellow !important;\n }\n > path:nth-child(5) {\n fill: @blue !important;\n }\n }\n .CbAZb {\n background: @base;\n border-bottom-color: @surface0;\n }\n .S8wJ3 {\n color: @text !important;\n }\n .ZI7elf {\n color: @text !important;\n }\n .tGS0Nc {\n color: @text;\n }\n .kzt0Nc a {\n color: @subtext0 !important;\n }\n .fgc1P,\n .N7KPxb {\n border-top-color: @surface0 !important;\n }\n .kQEH5b {\n color: @subtext0 !important;\n }\n .kNKdL {\n color: @text !important;\n }\n .q0yked:hover {\n background-color: @mantle !important;\n }\n .Oz5Rbb:hover {\n background: @mantle !important;\n }\n .lwwARb {\n background-color: @crust !important;\n }\n .LO47Ff {\n color: @text;\n }\n .j8PBfc {\n color: @subtext0;\n }\n .act-tim-txt-cnt {\n color: @text;\n }\n .act-switch-area {\n background-color: @base !important;\n }\n .EwDHG,\n .vNdLpe,\n .vNdLpe:visited {\n color: @subtext0 !important;\n }\n // \"Looking for results in English?\" popup\n [style*=\"background:#1f1000;border:1px solid #502900\"],\n [style*=\"background:#feefc3;border:1px solid #fdd663\"] {\n background: @mantle !important;\n border-color: @surface0 !important;\n box-shadow: 0 2px 4px @mantle !important;\n [style*=\"color:#bdc1c6\"],\n [style*=\"color:#202124\"] {\n color: @text !important;\n }\n }\n // translate this page label\n .eFM0qc.BCF2pd {\n background: @base !important;\n }\n // expand related question icon\n .aj35ze {\n @svg: escape(\n '<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"@{text}\" d=\"M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n // tabs\n [selected].YmvwI {\n color: @text;\n border-bottom-color: @text;\n }\n .YmvwI {\n color: @subtext0;\n }\n // search bar buttons popups\n [style^=\"background: rgb(32, 33, 36); border: 1px solid rgb(60, 64, 67);\"] {\n background: @mantle !important;\n border-color: @overlay0 !important;\n box-shadow: @mantle 1px 2px 4px !important;\n color: @text !important;\n [style^=\"border-style: solid;\"] {\n border-color: @overlay0 transparent !important;\n }\n }\n // google apps button\n .gb_F .gb_E,\n .gb_F .gb_D {\n fill: @text;\n }\n // translate popup\n .t4wgMc {\n background: @mantle;\n }\n .ELfqBe:hover,\n .ELfqBe:focus {\n background: @surface0;\n }\n .JFeuTc {\n color: @text;\n }\n // skip to content\n .S6VXfe {\n background: @base;\n }\n // selected image\n .qyKxnc.FnEtTd .srrRv {\n background: fade(@blue, 10%);\n }\n // images page sticky suggestions header\n .JiJthb,\n .JiJthb .GKS7s:not([selected]) {\n background: @mantle;\n }\n .JiJthb .F9Idpe.vezEod {\n background: linear-gradient(\n to left,\n transparent 0%,\n @mantle 60%,\n @mantle\n );\n }\n\n /// tv show information\n // episode title\n .huUgrf {\n color: @blue;\n }\n // episode divider\n .PZPZlf, .Ea7JLb {\n border-color: @surface2;\n }\n /// season selection\n // underline\n .A0zxBb {\n color: @text;\n }\n // background and border\n .qFF17c {\n background-color: @surface0 !important;\n border-color: @surface2 !important;\n }\n // middle divider\n .qFF17c > div {\n border-color: @surface2 !important;\n }\n // text\n .F3Istb > span {\n color: @subtext1 !important;\n }\n // text underline\n .F9SH7d {\n border-color: @text !important;\n }\n /// watch buttons\n // button\n .ZkkK1e {\n background-color: @surface0;\n border-color: @surface1;\n }\n // text\n .HJFlGc {\n color: @text;\n }\n // play button\n .GzErzd {\n color: @blue !important;\n }\n\n // footer logo\n [style^=\"background:url(/images/nav_logo321.webp)\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" xml:space=\"preserve\" width=\"167\" height=\"410\" viewBox=\"0 0 44.185 108.479\"><g display=\"inline\" opacity=\"1\"><g stroke-width=\"2.34531\"><path fill=\"@{red}\" d=\"M19.105 5.216c0 1.406-1.1 2.442-2.45 2.442-1.348 0-2.448-1.036-2.448-2.442 0-1.415 1.1-2.44 2.449-2.44s2.449 1.025 2.449 2.44m-1.072 0c0-.878-.637-1.479-1.377-1.479s-1.377.601-1.377 1.48c0 .869.637 1.479 1.377 1.479s1.377-.611 1.377-1.48\" stroke-width=\"2.34531\"/><path fill=\"@{yellow}\" d=\"M24.605 5.216c0 1.406-1.1 2.442-2.449 2.442s-2.449-1.036-2.449-2.442c0-1.414 1.1-2.44 2.45-2.44s2.448 1.025 2.448 2.44m-1.072 0c0-.878-.637-1.479-1.377-1.479s-1.377.601-1.377 1.48c0 .869.638 1.479 1.377 1.479.74 0 1.377-.611 1.377-1.48\" stroke-width=\"2.34531\"/><path fill=\"@{blue}\" d=\"M30.128 2.97v4.14c0 1.704-1.004 2.4-2.192 2.4-1.118 0-1.791-.748-2.045-1.36l.882-.367c.157.376.542.819 1.162.819.76 0 1.231-.47 1.231-1.353V6.92h-.035c-.227.28-.664.524-1.215.524-1.153 0-2.21-1.005-2.21-2.298 0-1.302 1.057-2.315 2.21-2.315.55 0 .987.245 1.215.516h.035v-.375zm-.89 2.175c0-.812-.542-1.406-1.231-1.406-.7 0-1.285.594-1.285 1.406 0 .804.585 1.39 1.285 1.39.689 0 1.23-.586 1.23-1.39\" stroke-width=\"2.34531\"/><path fill=\"@{green}\" d=\"M31.994.433v6.975h-1.02V.433Z\" stroke-width=\"2.34531\"/><path fill=\"@{red}\" d=\"m35.975 5.902.8.534a2.34 2.34 0 0 1-1.957 1.042c-1.335 0-2.332-1.032-2.332-2.35 0-1.398 1.005-2.35 2.216-2.35 1.22 0 1.816.97 2.011 1.494l.107.267-3.142 1.302c.241.471.615.712 1.14.712s.89-.259 1.157-.65m-2.466-.847 2.1-.872c-.115-.293-.463-.498-.872-.498-.524 0-1.254.463-1.228 1.37\" stroke-width=\"2.34531\"/><path fill=\"@{blue}\" d=\"M10.245 4.607V3.579h3.462c.033.18.05.391.05.62 0 .77-.21 1.724-.889 2.403-.66.688-1.504 1.054-2.622 1.054-2.071 0-3.813-1.687-3.813-3.759S8.175.137 10.246.137c1.147 0 1.963.45 2.576 1.037l-.724.725a2.62 2.62 0 0 0-1.853-.734c-1.513 0-2.696 1.22-2.696 2.732S8.732 6.63 10.245 6.63c.982 0 1.54-.394 1.899-.752.29-.29.48-.705.556-1.271z\" stroke-width=\"2.34531\"/></g><path d=\"M1.587 2.646.264 3.969l1.323 1.323\" display=\"inline\" opacity=\"1\" fill=\"none\" fill-opacity=\"1\" stroke=\"@{blue}\" stroke-width=\".529167\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/><path d=\"m42.598 2.646 1.323 1.323-1.323 1.323\" display=\"inline\" fill=\"none\" fill-opacity=\"1\" stroke=\"@{blue}\" stroke-width=\".529167\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/><g display=\"inline\" stroke-width=\"3.0127\"><path fill=\"@{red}\" d=\"M10.847 15.875c0 1.122-.877 1.948-1.954 1.948s-1.954-.826-1.954-1.948c0-1.129.877-1.948 1.954-1.948s1.954.819 1.954 1.948m-.855 0c0-.7-.509-1.18-1.1-1.18s-1.098.48-1.098 1.18c0 .694.509 1.18 1.099 1.18s1.099-.487 1.099-1.18\" stroke-width=\"3.0127\"/><path fill=\"@{yellow}\" d=\"M15.06 15.875c0 1.122-.877 1.948-1.953 1.948s-1.954-.826-1.954-1.948c0-1.128.877-1.948 1.954-1.948s1.954.819 1.954 1.948m-.856 0c0-.7-.508-1.18-1.098-1.18s-1.1.48-1.1 1.18c0 .694.51 1.18 1.1 1.18s1.098-.487 1.098-1.18\" stroke-width=\"3.0127\"/><path fill=\"@{blue}\" d=\"M19.1 14.045v3.497c0 1.439-.848 2.026-1.851 2.026a1.855 1.855 0 0 1-1.727-1.148l.745-.31c.133.317.458.692.981.692.642 0 1.04-.397 1.04-1.142v-.28h-.03c-.191.236-.56.442-1.026.442-.974 0-1.866-.848-1.866-1.94 0-1.1.892-1.955 1.866-1.955.465 0 .834.207 1.026.436h.03v-.317h.812zm-.751 1.837c0-.686-.458-1.187-1.04-1.187-.59 0-1.085.501-1.085 1.187 0 .68.495 1.174 1.085 1.174.582 0 1.04-.495 1.04-1.174\" stroke-width=\"3.0127\"/><path fill=\"@{green}\" d=\"M20.44 11.995v5.709h-.835v-5.709Z\" stroke-width=\"3.0127\"/><path fill=\"@{red}\" d=\"m23.607 16.517.664.443c-.215.317-.73.863-1.623.863-1.107 0-1.933-.855-1.933-1.948 0-1.158.833-1.948 1.837-1.948 1.01 0 1.505.805 1.667 1.24l.089.22-2.604 1.08c.2.39.51.59.944.59.435 0 .738-.215.959-.54m-2.044-.7 1.74-.723c-.095-.244-.383-.413-.722-.413-.435 0-1.04.384-1.018 1.136\" stroke-width=\"3.0127\"/><path fill=\"@{blue}\" d=\"M3.78 15.369v-.827h2.784c.027.144.041.315.041.5 0 .62-.17 1.386-.716 1.932-.53.553-1.21.848-2.109.848-1.667 0-3.068-1.357-3.068-3.024s1.401-3.025 3.068-3.025c.922 0 1.579.362 2.073.834l-.584.583a2.1 2.1 0 0 0-1.49-.59c-1.217 0-2.169.98-2.169 2.198s.952 2.198 2.17 2.198c.789 0 1.238-.317 1.526-.605.234-.234.388-.567.448-1.023z\" stroke-width=\"3.0127\"/></g><g display=\"inline\" opacity=\"1\" stroke-width=\"2.34531\"><path fill=\"@{blue}\" d=\"M19.069 34.844c0 1.405-1.1 2.44-2.45 2.44-1.349 0-2.448-1.035-2.448-2.44 0-1.416 1.1-2.442 2.449-2.442s2.449 1.026 2.449 2.442m-1.072 0c0-.879-.637-1.48-1.377-1.48s-1.377.601-1.377 1.48c0 .87.637 1.479 1.377 1.479s1.377-.61 1.377-1.48z\" fill-opacity=\"1\" stroke-width=\"2.34531\"/><path fill=\"@{text}\" d=\"M24.513 34.815c0 1.39-1.087 2.414-2.421 2.414s-2.42-1.024-2.42-2.414c0-1.398 1.086-2.413 2.42-2.413s2.42 1.014 2.42 2.413zm-1.06 0c0-.868-.63-1.462-1.361-1.462s-1.36.594-1.36 1.462c0 .86.629 1.463 1.36 1.463s1.361-.604 1.361-1.463m6.885-2.394v4.47c0 1.839-1.084 2.59-2.366 2.59-1.207 0-1.933-.808-2.207-1.468l.952-.396c.17.405.584.884 1.254.884.82 0 1.329-.507 1.329-1.46v-.358h-.038c-.245.302-.717.566-1.312.566-1.245 0-2.385-1.085-2.385-2.48 0-1.405 1.14-2.499 2.385-2.499.594 0 1.066.264 1.312.557h.038v-.405zm-.961 2.348c0-.877-.585-1.518-1.33-1.518-.754 0-1.386.641-1.386 1.518 0 .868.632 1.5 1.387 1.5.744 0 1.33-.632 1.33-1.5m2.542-4.896v7.436h-1.086v-7.436Z\" fill-opacity=\"1\" stroke-width=\"2.34531\"/><path fill=\"@{text}\" d=\"m36.124 35.602.868.579a2.53 2.53 0 0 1-2.121 1.128c-1.446 0-2.526-1.118-2.526-2.546 0-1.514 1.089-2.546 2.4-2.546 1.322 0 1.968 1.052 2.18 1.62l.115.29-3.403 1.409c.26.51.666.771 1.234.771.57 0 .964-.28 1.253-.705m-2.67-.916 2.274-.944c-.125-.318-.501-.54-.944-.54-.569 0-1.36.502-1.33 1.484\" fill-opacity=\"1\" stroke-width=\"2.3453\"/><path fill=\"@{text}\" d=\"M10.104 34.047v-1.028h3.462c.033.18.05.391.05.62 0 .77-.21 1.724-.889 2.403-.66.688-1.504 1.054-2.622 1.054-2.071 0-3.813-1.687-3.813-3.759s1.742-3.76 3.813-3.76c1.147 0 1.963.45 2.576 1.037l-.724.725a2.62 2.62 0 0 0-1.853-.734c-1.513 0-2.696 1.22-2.696 2.732s1.183 2.732 2.696 2.732c.982 0 1.54-.394 1.899-.752.29-.29.48-.705.556-1.271z\" fill-opacity=\"1\" stroke-width=\"2.34531\"/></g><path d=\"M29.746 28.574h.311v-.934h-.311zm.155-1.245q.067 0 .111-.045t.045-.11-.045-.111-.11-.045-.111.045-.045.11.045.111.11.045m0 2.023q-.322 0-.606-.123t-.494-.332-.333-.494-.123-.607.123-.607.333-.494.494-.332.606-.123.607.123.494.332.333.494.122.607-.122.607-.333.494-.494.332-.607.123\" fill=\"@{crust}\" fill-opacity=\".2\" stroke-width=\"1.70213\" display=\"inline\" opacity=\"1\"/><g display=\"inline\"><path d=\"M1.587 32.279.264 33.602l1.323 1.323\" display=\"inline\" opacity=\"1\" fill=\"none\" fill-opacity=\"1\" stroke=\"@{blue}\" stroke-width=\".529167\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/><path d=\"m42.598 32.279 1.323 1.323-1.323 1.323\" display=\"inline\" fill=\"none\" fill-opacity=\"1\" stroke=\"@{blue}\" stroke-width=\".529167\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/></g><g stroke-width=\"3.0127\"><path fill=\"@{red}\" d=\"M10.12 103.43c0 1.122-.877 1.948-1.954 1.948s-1.954-.826-1.954-1.948c0-1.129.877-1.948 1.954-1.948s1.954.819 1.954 1.948m-.855 0c0-.7-.509-1.18-1.1-1.18s-1.098.48-1.098 1.18c0 .694.509 1.18 1.099 1.18s1.099-.487 1.099-1.18\" stroke-width=\"3.0127\"/><path fill=\"@{yellow}\" d=\"M14.334 103.43c0 1.122-.878 1.948-1.954 1.948s-1.954-.826-1.954-1.948c0-1.128.877-1.948 1.954-1.948s1.954.819 1.954 1.948m-.856 0c0-.7-.508-1.18-1.098-1.18s-1.1.48-1.1 1.18c0 .694.51 1.18 1.1 1.18s1.098-.487 1.098-1.18\" stroke-width=\"3.0127\"/><path fill=\"@{blue}\" d=\"M18.373 101.6v3.497c0 1.439-.848 2.026-1.851 2.026a1.855 1.855 0 0 1-1.727-1.148l.745-.31c.133.317.458.692.981.692.642 0 1.04-.397 1.04-1.142v-.28h-.03c-.191.236-.56.442-1.026.442-.974 0-1.866-.848-1.866-1.94 0-1.1.892-1.954 1.866-1.954.465 0 .834.206 1.026.435h.03v-.317h.812zm-.751 1.837c0-.686-.458-1.187-1.04-1.187-.59 0-1.085.501-1.085 1.187 0 .68.495 1.174 1.085 1.174.582 0 1.04-.495 1.04-1.174\" stroke-width=\"3.0127\"/><path fill=\"@{green}\" d=\"M19.713 99.55v5.709h-.835V99.55Z\" stroke-width=\"3.0127\"/><path fill=\"@{red}\" d=\"m22.964 104.071.664.443a1.94 1.94 0 0 1-1.623.863c-1.107 0-1.933-.855-1.933-1.948 0-1.158.833-1.947 1.837-1.947 1.01 0 1.505.804 1.667 1.239l.088.221-2.603 1.078c.199.391.509.59.944.59s.737-.214.959-.539m-2.044-.7 1.74-.723c-.095-.243-.383-.413-.722-.413-.435 0-1.04.384-1.018 1.136\" stroke-width=\"3.0127\"/><path fill=\"@{blue}\" d=\"M3.052 102.924v-.827h2.785c.027.144.041.315.041.5 0 .62-.17 1.386-.716 1.932-.53.553-1.21.848-2.109.848-1.667 0-3.068-1.357-3.068-3.024s1.401-3.025 3.068-3.025c.922 0 1.579.362 2.073.834l-.584.583a2.1 2.1 0 0 0-1.49-.59c-1.217 0-2.169.98-2.169 2.198s.952 2.198 2.17 2.198c.789 0 1.238-.317 1.526-.605.234-.234.388-.567.448-1.023z\" stroke-width=\"3.0127\"/></g><g display=\"inline\"><path d=\"m28.167 68.858.408 1.257h1.322l-1.069.777.408 1.258-1.07-.777-1.07.777.41-1.258-1.071-.777h1.323z\" opacity=\"1\" fill=\"@{subtext0}\" fill-opacity=\"1\" stroke=\"none\" stroke-width=\".538433\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/><path d=\"m31.63 68.858.408 1.257h1.322l-1.069.777.408 1.258-1.07-.777-1.07.777.41-1.258-1.071-.777h1.323z\" display=\"inline\" fill=\"@{subtext0}\" fill-opacity=\"1\" stroke=\"none\" stroke-width=\".538433\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/><path d=\"m35.07 68.858.408 1.257H36.8l-1.069.777.408 1.258-1.07-.777-1.07.777.41-1.258-1.071-.777h1.323zm3.463 0 .408 1.257h1.322l-1.069.777.408 1.258-1.07-.777-1.07.777.41-1.258-1.071-.777h1.323z\" display=\"inline\" fill=\"@{subtext0}\" fill-opacity=\"1\" stroke=\"none\" stroke-width=\".538433\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/><path d=\"m41.994 68.858.408 1.257h1.322l-1.069.777.408 1.258-1.07-.777-1.07.777.41-1.258-1.071-.777h1.323z\" display=\"inline\" fill=\"@{subtext0}\" fill-opacity=\"1\" stroke=\"none\" stroke-width=\".538433\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/><g display=\"inline\"><path d=\"m28.167 72.843.408 1.257h1.322l-1.069.777.408 1.258-1.07-.777-1.07.777.41-1.258-1.071-.777h1.323z\" opacity=\"1\" fill=\"@{yellow}\" fill-opacity=\"1\" stroke=\"none\" stroke-width=\".538433\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/><path d=\"m31.63 72.843.408 1.257h1.322l-1.069.777.408 1.258-1.07-.777-1.07.777.41-1.258-1.071-.777h1.323z\" display=\"inline\" fill=\"@{yellow}\" fill-opacity=\"1\" stroke=\"none\" stroke-width=\".538433\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/><path d=\"m35.07 72.843.408 1.257H36.8l-1.069.777.408 1.258-1.07-.777-1.07.777.41-1.258-1.071-.777h1.323zm3.463 0 .408 1.257h1.322l-1.069.777.408 1.258-1.07-.777-1.07.777.41-1.258L36.8 74.1h1.323z\" display=\"inline\" fill=\"@{yellow}\" fill-opacity=\"1\" stroke=\"none\" stroke-width=\".538433\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/><path d=\"m41.994 72.843.408 1.257h1.322l-1.069.777.408 1.258-1.07-.777-1.07.777.41-1.258-1.071-.777h1.323z\" display=\"inline\" fill=\"@{yellow}\" fill-opacity=\"1\" stroke=\"none\" stroke-width=\".538433\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"none\" stroke-opacity=\"1\"/></g></g></g></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n // tweets horizontal list\n g-right-button,\n g-left-button {\n > g-fab {\n background: @crust !important;\n border-color: @surface0;\n }\n }\n .vwfsqc {\n .QuU3Wb {\n color: @text;\n }\n }\n // image overlays\n .yUzGqc.wr8GYd {\n background: fade(@crust, 75%);\n color: @text;\n }\n // google lens icon hover\n .ig2Tkd:hover:not(.RDPZE) {\n background: fade(@mantle, 80%);\n }\n // image resolution\n .UWuvyf {\n background-color: fade(@crust, 80%);\n color: @text;\n }\n // image hover shadow\n .mkpRId.qyKxnc:hover .F0uyec {\n background: fade(@crust, 5%);\n box-shadow: 0 2px 12px 0 @crust;\n }\n // advanced search\n input.jfk-textinput,\n .gGbPid {\n background: @base;\n color: @text;\n border-color: @overlay0;\n }\n .goog-menu {\n background: @mantle;\n }\n .goog-menuitem-highlight,\n .goog-menuitem-hover {\n background: @surface0;\n border-color: @surface0;\n }\n .goog-menuitem,\n .goog-menuitem-highlight .goog-menuitem-content,\n .goog-menuitem-hover .goog-menuitem-content {\n color: @text;\n }\n .goog-flat-menu-button-hover {\n border-color: @overlay2;\n .goog-flat-menu-button-dropdown {\n border-color: @overlay2 transparent;\n }\n }\n .goog-flat-menu-button-dropdown {\n border-color: @overlay0 transparent;\n }\n div.otByu div.FAcADc,\n div.lFApYd,\n .jfk-radiobutton-label {\n color: @subtext1;\n }\n // knowledge panel\n .Qc895c,\n .Utq4Cb.PZPZlf,\n .SU02Qd g-inner-card {\n background-color: @surface0 !important;\n }\n .Qc895c div,\n .Utq4Cb.PZPZlf div,\n .CYJS5e {\n color: @text !important;\n }\n .CYJS5e.W0urI,\n .REySof.T9jMmf,\n .b0Xfjd.Hyaw8c,\n .dvfTSb.OdANFd {\n background-color: @surface0 !important;\n color: @text !important;\n }\n .CYJS5e.W0urI:hover {\n background-color: @surface1 !important;\n }\n .gEYEQc.x5W9xd.qYvl9c.klitem,\n .MJfuMd {\n background-color: @base !important;\n border-color: @surface1 !important;\n }\n .NQyKp.Hyaw8c.h4wEae.Maj6Tc {\n border-color: @text !important;\n }\n color: @subtext0;\n }\n @media (prefers-color-scheme: light) {\n body {\n #catppuccin(@lightFlavor);\n }\n }\n @media (prefers-color-scheme: dark) {\n body {\n #catppuccin(@darkFlavor);\n }\n }\n}\n\n@-moz-document regexp(\"^https?://(ogs\\\\.)?google\\\\..*\") {\n body {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\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",
|
|
"originalDigest": "aaad8033bb76fdd6b63ddcff4c6c97e5e61b6562",
|
|
"_id": "6c276607-5106-412b-ad55-1fa6e49e64ec",
|
|
"_rev": 1780236868325,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 29
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Phanpy Catppuccin",
|
|
"description": "Soothing pastel theme for Phanpy",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/phanpy/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Phanpy Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/phanpy",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/phanpy",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/phanpy/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aphanpy",
|
|
"description": "Soothing pastel theme for Phanpy",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Phanpy Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/phanpy\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/phanpy\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/phanpy/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aphanpy\n@description Soothing pastel theme for Phanpy\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"phanpy.social\") {\n :root:not(:has(.is-light)) {\n #catppuccin(@darkFlavor);\n }\n :root.is-light {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n --text-color: @text;\n --text-insignificant-color: @subtext0;\n --link-color: @accent;\n --link-text-color: @accent;\n --link-faded-color: @accent;\n --link-light-color: @accent;\n --button-bg-blur-color: @accent;\n --button-bg-color: @accent;\n --button-text-color: @base;\n --bg-faded-color: @base;\n --bg-faded-blur-color: @mantle;\n --bg-blur-color: @mantle;\n --close-button-bg-color: @mantle;\n --close-button-color: @subtext0;\n --bg-color: @base;\n --link-bg-hover-color: @mantle;\n --divider-color: @surface0;\n --outline-color: @surface0;\n --outline-hover-color: @surface2;\n --reblog-faded-color: fade(@mauve, 20%);\n --reblog-color: @mauve;\n --reply-to-faded-color: fade(@yellow, 20%);\n --reply-to-text-color: @yellow;\n --reply-to-color: @yellow;\n --favourite-color: @red;\n --green-color: @green;\n --red-color: @red;\n --comment-line-color: @surface1;\n --media-bg-color: @base;\n --media-fg-color: @text;\n --media-outline-color: @text;\n\n .szh-menu__item--disabled {\n color: @subtext0;\n }\n\n .button.plain2 {\n background-color: @mantle;\n }\n\n .replies-parent-link {\n background-color: @surface0 !important;\n }\n\n .account-container {\n --original-color: @blue;\n\n .profile-field,\n .stats,\n .posting-stats-button {\n background-color: @mantle;\n -webkit-filter: none;\n filter: none;\n }\n }\n }\n}\n",
|
|
"originalDigest": "be0160b58bbe7129f8b33c7376ac8dca18bd93db",
|
|
"_id": "ee7d0995-204e-4200-bc43-33aacb5ddfe7",
|
|
"_rev": 1780236868441,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 30
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Invidious Catppuccin",
|
|
"description": "Soothing pastel theme for Invidious",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/invidious/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Invidious Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/invidious",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/invidious",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/invidious/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ainvidious",
|
|
"description": "Soothing pastel theme for Invidious",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"styleVideoPlayer": {
|
|
"type": "checkbox",
|
|
"label": "Style Video Player",
|
|
"name": "styleVideoPlayer",
|
|
"value": null,
|
|
"default": "1",
|
|
"options": null
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Invidious Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/invidious\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/invidious\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/invidious/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ainvidious\n@description Soothing pastel theme for Invidious\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 styleVideoPlayer \"Style Video Player\" 1\n==/UserStyle== */\n\n@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n/**\n * kept up-to-date with\n * `curl https://api.invidious.io/instances.json | jq '.[] | select(.[1].type==\"https\") | .[0]'`\n */\n@-moz-document domain(\"anontube.lvkaszus.pl\"),\n domain(\"inv.citw.lgbt\"),\n domain(\"inv.in.projectsegfau.lt\"),\n domain(\"inv.tux.pizza\"),\n domain(\"inv.us.projectsegfau.lt\"),\n domain(\"inv.zzls.xyz\"),\n domain(\"invidious.asir.dev\"),\n domain(\"invidious.drgns.space\"),\n domain(\"invidious.einfachzocken.eu\"),\n domain(\"invidious.fdn.fr\"),\n domain(\"invidious.io.lol\"),\n domain(\"invidious.lunar.icu\"),\n domain(\"invidious.nerdvpn.de\"),\n domain(\"invidious.no-logs.com\"),\n domain(\"invidious.perennialte.ch\"),\n domain(\"invidious.privacydev.net\"),\n domain(\"invidious.private.coffee\"),\n domain(\"invidious.projectsegfau.lt\"),\n domain(\"invidious.protokolla.fi\"),\n domain(\"invidious.slipfox.xyz\"),\n domain(\"iv.datura.network\"),\n domain(\"iv.ggtyler.dev\"),\n domain(\"iv.melmac.space\"),\n domain(\"iv.nboeck.de\"),\n domain(\"iv.winston.sh\"),\n domain(\"onion.tube\"),\n domain(\"vid.priv.au\"),\n domain(\"vid.puffyan.us\"),\n domain(\"yewtu.be\"),\n domain(\"yt.artemislena.eu\"),\n domain(\"yt.cdaut.de\"),\n domain(\"yt.drgnz.club\"),\n domain(\"yt.oelrichsgarcia.de\") {\n .no-theme {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n .light-theme {\n #catppuccin(@lightFlavor);\n }\n .dark-theme {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n // TODO: Can we remove lightenOrDarken in favor of shades/tints? Should we add it to the shared lib for now?\n #lightenOrDarken(@color, @value) {\n @result: if(\n @flavor = latte,\n darken(@color, @value),\n lighten(@color, @value)\n );\n }\n\n @link-color: @accent;\n @link-hover: #lightenOrDarken(@accent, 5%)[@result];\n\n background-color: @base !important;\n color: @text !important;\n\n a,\n /* menu under the search bar */\n .pure-menu-heading {\n color: @link-color;\n &:hover,\n &:focus,\n &:active {\n color: @link-hover !important;\n }\n }\n\n hr,\n /* legend borders are visible as dividers in Settings */\n legend {\n border-color: @surface1;\n border-style: solid;\n }\n\n legend {\n color: @accent !important;\n }\n\n .pure-button-primary {\n background-color: @surface1 !important;\n color: @text !important;\n border-color: @surface1 !important;\n &:hover,\n &:focus {\n background-color: @surface2 !important;\n color: @text !important;\n border-color: @surface1 !important;\n }\n }\n .pure-button-secondary {\n background-color: @accent !important;\n color: @crust !important;\n border-color: @surface1 !important;\n &:hover,\n &:focus {\n background-color: #lightenOrDarken(@accent, 2%)[@result] !important;\n color: @crust !important;\n border-color: @surface1 !important;\n }\n }\n\n #subscribe {\n background-color: @link-color !important;\n color: @crust !important;\n :hover,\n :focus {\n background-color: @link-hover !important;\n color: @crust !important;\n }\n }\n\n #filters-box {\n background-color: @surface0 !important;\n }\n\n .underlined {\n border-color: @overlay1;\n }\n\n .video-js .vjs-control-bar,\n .vjs-menu-button-popup .vjs-menu .vjs-menu-content {\n background-color: @crust !important;\n color: @text !important;\n }\n\n .video-js .vjs-slider:hover,\n .video-js button:hover {\n color: @accent !important;\n }\n\n .video-js .vjs-slider {\n background-color: @surface2 !important;\n }\n\n .video-js .vjs-load-progress,\n .video-js .vjs-load-progress div {\n background-color: @surface2 !important;\n }\n\n .video-js.player-style-invidious .vjs-play-progress {\n background-color: @accent !important;\n }\n\n .vjs-menu li.vjs-menu-item:focus,\n .vjs-menu li.vjs-menu-item:hover {\n background-color: @surface0 !important;\n color: @text !important;\n }\n\n .vjs-menu li.vjs-selected,\n .vjs-menu li.vjs-selected:focus,\n .vjs-menu li.vjs-selected:hover {\n background-color: @blue !important;\n }\n\n .vjs-menu li.vjs-selected,\n .vjs-menu li.vjs-selected:focus,\n .vjs-menu li.vjs-selected:hover,\n .js-focus-visible .vjs-menu li.vjs-selected:hover {\n color: @crust !important;\n }\n\n .vjs-modal-dialog-content {\n backdrop-filter: blur(4px);\n }\n\n .vjs-share__title {\n color: @text !important;\n }\n .vjs-share__subtitle {\n color: @subtext0 !important;\n opacity: 100% !important;\n }\n .vjs-share__short-link {\n color: @text !important;\n background: @base !important;\n }\n .vjs-share__btn {\n background: @crust !important;\n svg path {\n fill: @text !important;\n }\n }\n\n #related-videos > .h-box > div:not(#autoplay-controls) {\n margin-bottom: 48px !important;\n }\n\n footer a,\n footer span {\n color: @subtext0 !important;\n }\n\n footer span a,\n footer span:has(i) {\n &:hover {\n color: @accent !important;\n }\n }\n\n .pure-form-message-inline {\n color: @subtext0;\n }\n\n select,\n input[type=\"text\"],\n input[type=\"number\"],\n input[type=\"input\"],\n input[type=\"password\"] {\n color: @text !important;\n background-color: @surface0 !important;\n border-color: @surface1 !important;\n box-shadow: none !important;\n &:active {\n color: @text !important;\n }\n }\n input[type=\"search\"] {\n color: @text !important;\n background-color: @base !important;\n border-bottom-color: @overlay1 !important;\n box-shadow: none !important;\n }\n input[type=\"checkbox\"] {\n background-color: @surface2;\n border-color: @surface1;\n height: 1rem;\n width: 1rem;\n -webkit-appearance: none;\n appearance: none;\n cursor: pointer;\n &:checked {\n @svg: escape(\n '<svg viewBox=\"0 0 16 16\" fill=\"@{accent}\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n\n /* video player background */\n #player-container > .video-js > video,\n /* placeholder for loading thumbnails */\n .vjs-poster {\n & when (@styleVideoPlayer = 1) {\n background-color: @mantle !important;\n }\n }\n\n /* watch progress on videos */\n div.watched-indicator {\n background-color: @red;\n }\n\n /* Channel owner comments */\n a.channel-owner {\n color: @crust;\n background-color: @accent;\n }\n }\n}\n",
|
|
"originalDigest": "d5842b1f459f1fb8661501110031416164a640d5",
|
|
"_id": "56f3bd54-13d1-42ae-89e2-8c3f8b051817",
|
|
"_rev": 1780236868495,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 31
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "AlternativeTo Catppuccin",
|
|
"description": "Soothing pastel theme for AlternativeTo",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/alternativeto/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "AlternativeTo Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/alternativeto",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/alternativeto",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/alternativeto/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aalternativeto",
|
|
"description": "Soothing pastel theme for AlternativeTo",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name AlternativeTo Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/alternativeto\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/alternativeto\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/alternativeto/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aalternativeto\n@description Soothing pastel theme for AlternativeTo\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"alternativeto.net\") {\n :root[data-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n :root[data-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n --mainBrand: @accent;\n --topBrand: @accent;\n --footer: @mantle;\n --mainBg: @base;\n --mainFg: @text;\n --popBrand: @accent;\n --introBoxText: @text;\n --introBoxLink: @text;\n --introBoxMeta: @subtext0;\n --meta: @subtext0;\n --metaLight: @subtext1;\n --linkColorHeader: @text;\n --linkColor: @text;\n --brandLight3: @surface2;\n --brandLight4: @surface2;\n --brandLight5: @surface1;\n --brandLight6: @mantle;\n --brandLight7: @surface0;\n --brandLight8: @text;\n --brandLight10: @surface0;\n --brandLight11: @mantle;\n --gray50: @surface0;\n --gray100: @surface0;\n --gray150: @surface0;\n --gray200: @surface1;\n --gray250: @surface1;\n --gray300: @surface1;\n --gray500: @overlay0;\n --headingButton: @accent;\n --positiveGreener: @green;\n --positiveGreenerLight: fade(@green, 10%);\n --positiveGreenerDark: @green;\n --danger: @red;\n --negativeLight: fade(@peach, 10%);\n --lightDanger: fade(@red, 25%);\n --dangerDark: @red;\n --ctaMain: @mauve;\n --ctaLight: @base;\n --ctaLightest: @mantle;\n --tab: @mantle;\n --toastify-color-dark: @mantle;\n --toastify-color-light: @text;\n --toastify-color-info: @blue;\n --toastify-color-success: @green;\n --toastify-color-warning: @yellow;\n --toastify-color-error: @red;\n\n // heart icon\n [class^=\"ModernLikeButton_likeWrapper\"] {\n [class^=\"ModernLikeButton_heart\"]:hover,\n [class^=\"ModernLikeButton_liked\"] {\n svg {\n color: @red;\n }\n }\n }\n // primary button\n [class*=\"Button_primary\"] {\n color: @crust !important;\n }\n // footer\n [class^=\"Footer_footer\"] {\n &,\n p a,\n [class^=\"Footer_footerMenu\"] li a {\n color: @text;\n }\n }\n [class^=\"Footer_footerLogo\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" id=\"Capa_2\" data-name=\"Capa 2\" viewBox=\"0 0 800.42 190\" cursor=\"default\"><defs><style>.cls-1{fill:@{text};stroke-width:0}</style></defs><g id=\"Capa_1-2\" data-name=\"Capa 1\"><path d=\"M54.21 85.99c.89.99 1.9 1.09 2.77.21.58-.59 1.1-1.39 1.3-2.18.52-2.14.45-4.29-.39-6.38-.55-1.38-1.48-2.37-2.67-3.07a.96.96 0 0 0-.74-.11c-.8.22-1.34.71-1.85 1.39-.22.29-.14.71.17.89 1.54.91 2.48 2.12 2.81 3.83.35 1.85-.47 3.29-1.44 4.64-.17.24-.15.57.05.79Zm-34.03 2.55c-3.33-.2-6.18 2.22-6.37 5.4-.19 3.23 2.54 6.16 5.97 6.39 3.22.22 6.06-2.2 6.28-5.35.23-3.25-2.5-6.24-5.88-6.44\" class=\"cls-1\"/><path d=\"M166.41 86.27c-1.77-.11-3.37.78-4.29 2.2-1.7-1.07-6.34-3.34-8.14-4.25-.21-.12-.43-.23-.64-.34a.39.39 0 0 0-.33-.02v-.1c0-.13.01-.27.02-.4 1.87-37.41-36.04-66.48-72.79-55.22-17.71 5.42-31.77 19.77-37.39 37.43-1.27 3.98-2.15 10.17-2.36 16.71-.46.18-.92.36-1.37.55-.34.14-.67.27-1 .42-1.87.79-3.71 1.65-5.51 2.57s-3.56 1.89-5.29 2.96c-.24.15-.33.45-.21.71.13.28.46.4.74.27h.02c1.78-.84 3.63-1.59 5.48-2.28 1.86-.69 3.74-1.31 5.63-1.86l.11-.03a85 85 0 0 1 2.74-.75c.48-.12.95-.23 1.43-.34.05-.01.11-.03.16-.04.42-.1.84-.19 1.27-.27 1.91-.42 3.84-.68 5.75-.92h.06c.07-.02.15-.03.22-.05a1.967 1.967 0 0 0 1.45-2.38 1.967 1.967 0 0 0-2.38-1.45c-1.79.44-3.55.9-5.28 1.47.12-.04.23-.08.35-.12.22-5.84 1.03-11.31 2.16-14.88 5.19-16.31 18.19-29.55 34.54-34.58 1.47-.45 2.94-.83 4.41-1.15 1.43-.31 7.19-1.13.91 2.39-10.37 5.81-18.24 15.69-21.89 27.16-1.87 5.87-2.52 17.44-1.25 26.32.4 2.78-.54 3.34-2.27 4.06-3.68 1.54-10 4.34-13.28 8.3-1.26 1.52-1.89-.03-2.12-1.08-.62-2.79-1-5.92-1.16-9.14a.887.887 0 0 0-1.1-.82c-.89.22-1.78.45-2.65.73-.38.12-.63.49-.61.88.5 11.69 3.47 22.55 10.56 22.2.64-.03.96-.62.84-1.13-1.27-.8-2.11-1.71-2.45-2.74-2.33-7.01 19.41-16.18 47.25-20.35 25.59-3.83 47.57-2.08 51.39 3.75.84 1.13.81 2.31.22 3.48-.91 2.03-3.19 4.53-6.94 6.81-.51.31-.65.99-.32 1.49v.02c.31.44.89.61 1.36.37 4.11-2.1 7.17-5.29 8.54-7.94 1.2-2.31 1.66-5.32 1.87-8.13v-.06c.03.02.05.03.07.04 1.89.57 6.62 2.49 8.45 3.24h.03l.06.03c-.07.29-.12.6-.14.91-.15 2.79 2.02 5.3 4.76 5.5 2.57.19 4.83-1.9 5.01-4.61.18-2.8-1.99-5.37-4.69-5.55Zm-35.85-11.8c0 1.51-1.21 2.7-2.62 2.58-7.4-.66-14.6-.09-18.36.33-1.44.16-2.68-1.04-2.68-2.57v-2.14c0-.56.38-1.04.9-1.12 10.39-1.74 19.09-.69 21.85-.26.52.08.91.56.91 1.12v2.07Zm12.83-6.11c-.23.4-.73.54-1.16.37-15.85-6.02-40.59-2.63-40.59-2.63-7.71.83-16.38 2.51-24.84 5.72-1.86.71-3.83-.7-3.79-2.69.04-1.78.21-4.01.64-6.5.47-5.82 4.05-12.66 6.86-16.05.21-.26.44-.51.66-.76l.15-.18c.04-.04.08-.08.12-.13.09-.1.18-.19.27-.29.04-.04.08-.09.12-.13 10.77-11.27 29.74-12.56 43.04-5.22 6.35 3.5 12.48 9.45 15.96 15.84.59 1.09 4.26 9.59 2.54 12.61Z\" class=\"cls-1\"/><path d=\"M134.96 54.25c-3.13-5.2-7.49-9.08-13.06-11.45-6.18-2.63-12.69-3.49-19.37-2.94-2.34.2-4.64.67-6.84 1.5h-.02c-.92.35-.75 1.7.23 1.81.46.05 7.77-1.01 14.92.39 18.14 3.56 24.01 12.38 24.65 12.7.18.09.38-.09.3-.27-.28-.58-.47-1.2-.8-1.75Z\" class=\"cls-1\"/><path d=\"M190 95c0-52.47-42.53-95-95-95S0 42.53 0 95c0 30.37 14.25 57.41 36.43 74.8.61.48 1.24.96 1.86 1.42 0 0 .01 0 .02.01.62.47 1.26.92 1.89 1.37a94.6 94.6 0 0 0 32.39 14.72l.26.06c.54.13 1.08.25 1.62.37.16.04.33.07.49.11.51.11 1.02.22 1.53.32.2.04.39.08.59.11.5.09 1 .19 1.5.28.2.03.39.06.59.1q1.47.24 2.94.45c.19.03.38.06.58.08.37.05.74.09 1.11.13.38.04.75.09 1.13.13.35.04.7.07 1.05.1.41.04.81.08 1.22.11.33.03.67.05 1 .08.44.03.88.06 1.32.08.31.02.62.04.93.05l1.5.06c.26 0 .51.02.77.02q1.14.03 2.28.03c.81 0 1.61-.01 2.42-.03.27 0 .53-.02.8-.03.54-.02 1.07-.03 1.6-.06l.97-.06c.47-.03.94-.05 1.42-.09l1.05-.09c.44-.04.88-.07 1.32-.12l1.09-.12c.42-.05.85-.09 1.27-.14l1.11-.15c.41-.06.82-.11 1.23-.17l1.13-.18c.4-.06.79-.13 1.19-.2l1.14-.21c.38-.07.77-.14 1.15-.22l1.15-.24 1.13-.24 1.16-.27c.37-.09.73-.17 1.09-.27.39-.1.78-.2 1.17-.31.35-.09.71-.19 1.06-.29.39-.11.78-.22 1.17-.34.35-.1.69-.2 1.04-.31.39-.12.78-.24 1.17-.37.34-.11.68-.22 1.01-.33.39-.13.79-.27 1.18-.4.33-.11.65-.23.98-.35.4-.14.79-.29 1.18-.44.32-.12.64-.24.95-.36.4-.15.79-.31 1.19-.47.31-.12.62-.25.92-.38.4-.17.8-.33 1.19-.51.3-.13.59-.26.89-.39l1.2-.54c.29-.13.57-.27.86-.4.4-.19.8-.38 1.2-.58.28-.14.55-.27.83-.41.4-.2.8-.41 1.2-.61.27-.14.53-.28.8-.42.4-.21.8-.43 1.2-.65.26-.14.51-.29.77-.43.4-.23.81-.46 1.21-.69.24-.14.49-.29.73-.43.41-.24.81-.48 1.21-.73.23-.14.46-.29.7-.43.41-.26.81-.51 1.22-.77.22-.14.44-.29.66-.43.41-.27.82-.54 1.22-.82.21-.14.41-.28.61-.43.41-.29.83-.57 1.23-.87.19-.14.38-.27.56-.41.42-.31.84-.61 1.25-.92l.51-.39c.42-.32.85-.65 1.27-.98.15-.12.3-.25.46-.37.43-.35.86-.69 1.29-1.05l.39-.33c.44-.37.88-.74 1.32-1.12.1-.09.2-.18.31-.27.46-.4.92-.81 1.37-1.22.06-.06.13-.12.19-.18.49-.45.97-.9 1.45-1.35 18.05-17.29 29.29-41.64 29.29-68.6Zm-66.06 31.79c-.14-1.06-.27-2.12-.42-3.17-.17-1.05-.31-2.11-.51-3.15-.17-1.05-.37-2.09-.57-3.13-.22-1.02-.45-2.09-.7-3.03v-.05c-.22-.75.23-1.53.98-1.73.72-.19 1.46.2 1.7.89.4 1.12.68 2.15.97 3.23.27 1.07.54 2.14.77 3.21.46 2.15.83 4.31 1.17 6.47.43 2.83.73 5.68.96 8.53 1.87.08 3.75.21 5.62.39 5.06.53 10.09 1.57 14.95 3.14.68.22 1.05.94.83 1.62-.2.62-.82.98-1.44.87h-.09c-2.43-.43-4.8-1.02-7.25-1.29l-1.82-.26-.91-.14-.92-.08-3.67-.36c-.61-.08-1.23-.07-1.84-.11l-1.84-.11-1.34-.08.06.92.15 3.27.07 3.27c.06 2.18.03 4.36 0 6.53-.04 2.18-.16 4.35-.24 6.52-.16 2.17-.3 4.34-.49 6.5a1.42 1.42 0 0 1-1.53 1.29c-.74-.06-1.29-.68-1.29-1.41v-.04c.01-2.15.08-4.3.11-6.45 0-2.15.05-4.29.02-6.44-.06-2.14-.01-4.29-.11-6.43l-.1-3.21-.18-3.21c-.02-.4-.05-.81-.07-1.21-.81-.02-1.62-.04-2.44-.03l-3.7.06c-1.23.02-2.47.1-3.7.15-1.24.04-2.47.13-3.7.23-2.47.16-4.94.4-7.4.67-4.91.57-9.86 1.28-14.68 2.23h-.03c-.7.14-1.37-.31-1.51-1.01-.13-.67.28-1.31.93-1.49 2.48-.67 4.93-1.21 7.41-1.7 2.47-.51 4.97-.89 7.47-1.26 1.25-.2 2.5-.33 3.76-.49 1.25-.17 2.51-.29 3.77-.4 1.26-.12 2.52-.23 3.78-.29 1.26-.07 2.53-.18 3.79-.21 2-.08 4.01-.1 6.02-.07-.2-2.66-.46-5.32-.78-7.96ZM75.4 113.91c-.9 3.02-3.03 10.29-4.35 15.97-1.93 7.6-5.95 32.98-7.44 50.21a89.9 89.9 0 0 1-22.89-12.47c1.83-15.14 6.36-30.41 6.99-32.33 1.27-3.9 2.78-7.76 4.76-11 1.45-2.36 3.82-4.02 6.4-5.35.13-.06.29-.14.47-.23.27-.16.52-.29.78-.42.34-.18.68-.34 1.02-.51.68-.33 1.35-.65 2.04-.94l1.02-.45 1.03-.42c.68-.29 1.38-.54 2.07-.8 1.82-.67 4.91-1.62 6.83-2.19 1-.3 1.54.02 1.28.91Zm80.96 25.38c-2.83-10.56-6.67-27.09-18-30.96-12.07-4.12-25.04-4.57-37.58-3.77-8.86.57-17.75 2.15-26.34 4.7-3.79 1.12-15.99 5.8-18.39 7.03-2.76 1.42-5.31 3.2-6.86 5.73-2.13 3.47-3.74 7.61-5.1 11.78-.62 1.89-4.82 16.02-7 30.96a94 94 0 0 1-6.19-5.65C13.77 141.98 4.34 119.22 4.34 95s9.43-46.98 26.55-64.11C48.02 13.77 70.78 4.34 95 4.34s46.98 9.43 64.11 26.55c17.12 17.12 26.55 39.89 26.55 64.11s-9.06 46.07-25.54 63.07c-.83-6.4-2.13-12.71-3.76-18.77Zm98.56-39.27c-1.89 0-2.9 1.01-3.28 2.65l-3.4 14.24c-.63 2.77-2.65 4.28-5.55 4.28h-8.19c-2.77 0-4.28-1.51-3.53-4.28l20.04-75.61c.75-2.65 2.65-4.16 5.42-4.16h11.47c2.77 0 4.66 1.51 5.42 4.16l19.66 75.23c.75 2.77-.76 4.66-3.53 4.66h-8.57c-2.9 0-4.91-1.51-5.54-4.28l-3.4-14.24c-.38-1.64-1.39-2.65-3.28-2.65h-13.73Zm10.59-14.62c1.39 0 2.27-.63 1.89-2.14l-5.54-23.82-5.67 23.82c-.38 1.51.5 2.14 1.89 2.14zm49.86 31.63c0 2.77-1.39 4.16-4.28 4.16h-7.94c-2.77 0-4.16-1.39-4.16-4.16V41.42c0-2.9 1.39-4.28 4.16-4.28h7.94c2.9 0 4.28 1.39 4.28 4.28zm11.33-47.01h-1.39c-2.77 0-4.16-1.39-4.16-4.16v-5.55c0-2.77 1.39-4.16 4.16-4.16h1.39v-9.2c0-2.65.5-5.67 3.91-6.68l6.68-1.89c3.65-1.01 5.8.25 5.8 3.78v13.99h5.42c2.77 0 4.16 1.39 4.16 4.16v5.55c0 2.77-1.39 4.16-4.16 4.16h-5.42v34.15c0 3.28 1.89 4.41 4.28 4.41h1.76c1.89 0 3.15.63 3.15 3.53v4.28c0 4.28-4.28 6.05-8.82 6.05-8.32 0-16.76-4.66-16.76-15.88zm75.54 19.16c0 2.77-1.39 4.16-4.16 4.16H373v4.54c0 7.06 3.28 10.84 10.96 10.84 5.29 0 7.31-2.14 10.71-2.14 3.02 0 4.16 2.4 4.16 4.16v2.02c0 5.29-5.04 9.7-15.88 9.7-17.26 0-26.34-10.08-26.34-25.96V76.72c0-13.36 9.7-21.8 22.81-21.8s22.81 8.44 22.81 21.8V89.2ZM385.99 76.7c0-6.05-2.52-9.07-6.55-9.07s-6.43 3.02-6.43 9.07v4.16h12.98zm39.5 40.33c0 2.77-1.39 4.16-4.28 4.16h-7.94c-2.77 0-4.16-1.39-4.16-4.16V60.45c0-2.9 1.39-4.28 4.16-4.28h7.94c3.02 0 4.28 1.39 4.28 4.54 2.52-2.65 6.43-5.8 11.34-5.8 3.02 0 3.4 1.89 3.4 3.53v6.68c0 3.65-3.15 4.03-6.17 4.41-5.17.63-8.57 4.79-8.57 10.96zm51.89-39.32c0-5.17-2.4-8.95-7.18-8.95s-7.18 3.78-7.18 8.95v39.32c0 2.77-1.39 4.16-4.28 4.16h-7.94c-2.77 0-4.16-1.39-4.16-4.16V60.45c0-2.9 1.39-4.28 4.16-4.28h7.94c2.77 0 4.28 1.39 4.28 4.16 0 0 4.28-5.42 12.73-5.42 12.22 0 18.02 9.07 18.02 22.81v39.32c0 2.77-1.39 4.16-4.28 4.16h-7.94c-2.77 0-4.16-1.39-4.16-4.16V77.72Zm31.67-8.82c-1.51 0-3.4-.75-3.4-3.15v-3.4c0-5.42 8.19-7.43 16.13-7.43 10.96 0 25.2 2.77 25.2 20.67v41.33c0 2.9-1.39 4.28-4.16 4.28h-6.05c-2.65 0-4.03-1.13-4.28-3.28-.38.38-4.41 4.54-11.85 4.54-12.22 0-20.79-9.2-20.79-20.92 0-19.66 15.25-25.46 30.75-27.09-.25-4.41-2.02-7.43-9.07-7.43s-10.08 1.89-12.47 1.89Zm14.37 39.44c4.66 0 7.18-3.78 7.18-8.57V86.28c-7.31 1.64-14.37 4.03-14.37 13.48 0 4.66 2.27 8.57 7.18 8.57Zm33.56-38.31h-1.39c-2.77 0-4.16-1.39-4.16-4.16v-5.55c0-2.77 1.39-4.16 4.16-4.16h1.39v-9.2c0-2.65.5-5.67 3.91-6.68l6.68-1.89c3.65-1.01 5.8.25 5.8 3.78v13.99h5.42c2.77 0 4.16 1.39 4.16 4.16v5.55c0 2.77-1.39 4.16-4.16 4.16h-5.42v34.15c0 3.28 1.89 4.41 4.28 4.41h1.76c1.89 0 3.15.63 3.15 3.53v4.28c0 4.28-4.28 6.05-8.82 6.05-8.32 0-16.76-4.66-16.76-15.88zm49.98-23.31c0 2.77-1.39 4.16-4.28 4.16h-7.94c-2.77 0-4.16-1.39-4.16-4.16v-5.29c0-2.9 1.39-4.28 4.16-4.28h7.94c2.9 0 4.28 1.39 4.28 4.28zm0 70.32c0 2.77-1.39 4.16-4.28 4.16h-7.94c-2.77 0-4.16-1.39-4.16-4.16V60.45c0-2.9 1.39-4.28 4.16-4.28h7.94c2.9 0 4.28 1.39 4.28 4.28zm54.81-60.87c2.77 0 4.79 1.89 3.53 5.55l-18.27 55.32c-.63 2.14-2.14 4.16-5.42 4.16h-5.8c-3.28 0-4.79-2.02-5.42-4.16l-17.26-55.32c-1.13-3.66.76-5.55 3.53-5.55h6.93c3.4 0 4.91 1.64 5.54 4.28l10.08 35.79 10.84-35.79c.76-2.65 2.14-4.28 5.55-4.28h6.18Zm52.38 33.02c0 2.77-1.39 4.16-4.16 4.16h-25.08v4.54c0 7.06 3.28 10.84 10.96 10.84 5.29 0 7.31-2.14 10.71-2.14 3.02 0 4.16 2.4 4.16 4.16v2.02c0 5.29-5.04 9.7-15.88 9.7-17.26 0-26.34-10.08-26.34-25.96V76.72c0-13.36 9.7-21.8 22.81-21.8s22.81 8.44 22.81 21.8V89.2ZM697.89 76.7c0-6.05-2.52-9.07-6.55-9.07s-6.43 3.02-6.43 9.07v4.16h12.98z\" class=\"cls-1\"/><path d=\"M758.83 41.42v6.05c0 2.77-1.39 4.16-4.28 4.16h-10.84c-1.64 0-2.52.88-2.52 2.52v62.88c0 2.77-1.39 4.16-4.16 4.16h-8.57c-2.9 0-4.28-1.39-4.28-4.16V54.15c0-1.64-.88-2.52-2.52-2.52h-10.84c-2.9 0-4.28-1.39-4.28-4.16v-6.05c0-2.9 1.39-4.28 4.28-4.28h43.73c2.9 0 4.28 1.39 4.28 4.28\" class=\"cls-1\"/><path d=\"M752.32 76.32c0-15 11.59-21.42 23.44-21.42s23.44 6.43 24.66 21.42v24.7c-1.22 15-12.81 21.42-24.66 21.42s-23.44-6.43-23.44-21.42zm16.38 24.7c0 4.91 2.77 7.56 7.06 7.56s7.06-2.65 7.06-7.56v-24.7c0-4.91-2.77-7.56-7.06-7.56s-7.06 2.65-7.06 7.56zm-536.92 44.79c0-4.21 3.13-7.06 7.16-7.06 2.74 0 4.46 1.41 5.46 3.05l-2.02 1.06c-.65-1.14-1.98-1.98-3.44-1.98-2.7 0-4.7 2.04-4.7 4.93s2 4.93 4.7 4.93c1.45 0 2.78-.86 3.44-1.98l2.04 1.02c-1.04 1.64-2.74 3.09-5.48 3.09-4.03 0-7.16-2.86-7.16-7.05Zm24.58 6.81-3.01-5.09h-2.39v5.09h-2.39v-13.64h5.99c2.7 0 4.48 1.74 4.48 4.27s-1.59 3.74-3.25 4.01l3.35 5.36zm.23-9.39c0-1.31-.98-2.15-2.33-2.15h-3.29v4.34h3.29c1.35 0 2.33-.86 2.33-2.19m6.5 2.58c0-4.07 2.88-7.06 6.97-7.06s6.97 2.99 6.97 7.06-2.9 7.05-6.97 7.05-6.97-2.99-6.97-7.05m11.5 0c0-2.82-1.78-4.93-4.52-4.93s-4.52 2.11-4.52 4.93 1.76 4.93 4.52 4.93 4.52-2.13 4.52-4.93m17.02 6.81-2.64-10.08-2.66 10.08h-2.56l-3.89-13.64h2.66l2.66 10.49 2.82-10.49h1.9l2.82 10.49 2.66-10.49h2.68l-3.91 13.64h-2.56Zm10.29 0v-13.64h5.07c4.27 0 7.14 2.82 7.14 6.81s-2.86 6.83-7.12 6.83zm9.75-6.83c0-2.62-1.64-4.7-4.66-4.7h-2.7v9.43h2.68c2.96 0 4.68-2.13 4.68-4.72Zm6.15 4.91 1.35-1.86c.92 1 2.41 1.9 4.31 1.9s2.72-.96 2.72-1.88c0-2.86-7.93-1.08-7.93-6.09 0-2.27 1.96-4.01 4.97-4.01 2.11 0 3.84.7 5.09 1.92l-1.35 1.78c-1.08-1.08-2.54-1.57-3.97-1.57s-2.29.7-2.29 1.7c0 2.56 7.93.98 7.93 6.05 0 2.27-1.62 4.23-5.28 4.23-2.52 0-4.33-.9-5.56-2.17Zm14.68-4.89c0-4.07 2.88-7.06 6.97-7.06s6.97 2.99 6.97 7.06-2.9 7.05-6.97 7.05-6.97-2.99-6.97-7.05m11.49 0c0-2.82-1.78-4.93-4.52-4.93s-4.52 2.11-4.52 4.93 1.76 4.93 4.52 4.93 4.52-2.13 4.52-4.93m7.01 1.41v-8.24h2.43v8.18c0 2.17 1.21 3.58 3.48 3.58s3.48-1.41 3.48-3.58v-8.18h2.43v8.24c0 3.37-1.94 5.64-5.91 5.64s-5.91-2.27-5.91-5.64m24.77 5.4-3.01-5.09h-2.39v5.09h-2.39v-13.64h5.99c2.7 0 4.48 1.74 4.48 4.27s-1.59 3.74-3.25 4.01l3.35 5.36zm.22-9.39c0-1.31-.98-2.15-2.33-2.15h-3.29v4.34h3.29c1.35 0 2.33-.86 2.33-2.19m6.51 2.58c0-4.21 3.13-7.06 7.16-7.06 2.74 0 4.46 1.41 5.46 3.05l-2.03 1.06c-.65-1.14-1.98-1.98-3.43-1.98-2.7 0-4.7 2.04-4.7 4.93s2 4.93 4.7 4.93c1.45 0 2.78-.86 3.43-1.98l2.05 1.02c-1.04 1.64-2.74 3.09-5.48 3.09-4.03 0-7.16-2.86-7.16-7.05Zm16.79 6.81v-13.64h9.34v2.11h-6.95v3.52h6.81v2.11h-6.81v3.8h6.95v2.11h-9.34Zm14.06 0v-13.64h5.07c4.27 0 7.14 2.82 7.14 6.81s-2.86 6.83-7.12 6.83zm9.75-6.83c0-2.62-1.64-4.7-4.66-4.7h-2.7v9.43h2.68c2.97 0 4.68-2.13 4.68-4.72Zm13.67 4.91 1.35-1.86c.92 1 2.41 1.9 4.31 1.9s2.72-.96 2.72-1.88c0-2.86-7.93-1.08-7.93-6.09 0-2.27 1.96-4.01 4.97-4.01 2.11 0 3.84.7 5.09 1.92l-1.35 1.78c-1.08-1.08-2.54-1.57-3.97-1.57s-2.29.7-2.29 1.7c0 2.56 7.93.98 7.93 6.05 0 2.27-1.61 4.23-5.28 4.23-2.51 0-4.34-.9-5.56-2.17Zm14.69-4.89c0-4.07 2.88-7.06 6.97-7.06s6.97 2.99 6.97 7.06-2.9 7.05-6.97 7.05-6.97-2.99-6.97-7.05m11.49 0c0-2.82-1.78-4.93-4.52-4.93s-4.52 2.11-4.52 4.93 1.76 4.93 4.52 4.93 4.52-2.13 4.52-4.93m7 6.81v-13.64h9.34v2.11h-6.95v3.52h6.81v2.11h-6.81v5.91h-2.39Zm17.02 0v-11.53h-4.13v-2.11h10.65v2.11h-4.13v11.53zm21.23 0-2.64-10.08-2.66 10.08h-2.56l-3.88-13.64h2.66l2.66 10.49 2.82-10.49h1.9l2.82 10.49 2.66-10.49h2.68l-3.91 13.64h-2.56Zm18.94 0-1-2.64h-6.26l-1 2.64h-2.72l5.36-13.64h2.98l5.36 13.64zm-4.13-11.25-2.45 6.5h4.91l-2.45-6.5Zm18.37 11.25-3-5.09h-2.39v5.09h-2.39v-13.64h5.99c2.7 0 4.48 1.74 4.48 4.27s-1.6 3.74-3.25 4.01l3.35 5.36h-2.78Zm.23-9.39c0-1.31-.98-2.15-2.33-2.15h-3.29v4.34h3.29c1.35 0 2.33-.86 2.33-2.19m7.1 9.39v-13.64h9.34v2.11h-6.95v3.52h6.81v2.11h-6.81v3.8h6.95v2.11h-9.34Zm29.37 0-3-5.09h-2.39v5.09h-2.39v-13.64h5.99c2.7 0 4.48 1.74 4.48 4.27s-1.6 3.74-3.25 4.01l3.35 5.36h-2.78Zm.22-9.39c0-1.31-.98-2.15-2.33-2.15h-3.29v4.34h3.29c1.35 0 2.33-.86 2.33-2.19m7.11 9.39v-13.64h9.34v2.11h-6.95v3.52h6.81v2.11h-6.81v3.8h6.95v2.11h-9.34Zm13.46-6.81c0-4.21 3.13-7.06 7.16-7.06 2.74 0 4.46 1.41 5.46 3.05l-2.03 1.06c-.65-1.14-1.98-1.98-3.43-1.98-2.7 0-4.7 2.04-4.7 4.93s2 4.93 4.7 4.93c1.45 0 2.78-.86 3.43-1.98l2.05 1.02c-1.04 1.64-2.74 3.09-5.48 3.09-4.03 0-7.16-2.86-7.16-7.05Zm16.2 0c0-4.07 2.88-7.06 6.97-7.06s6.97 2.99 6.97 7.06-2.9 7.05-6.97 7.05-6.97-2.99-6.97-7.05m11.49 0c0-2.82-1.78-4.93-4.52-4.93s-4.52 2.11-4.52 4.93 1.76 4.93 4.52 4.93 4.52-2.13 4.52-4.93m18.78 6.81v-10.53l-4.17 10.53h-1.02l-4.19-10.53v10.53h-2.39v-13.64h3.37l3.72 9.37 3.7-9.37h3.37v13.64zm19.33 0v-10.53l-4.17 10.53h-1.02l-4.19-10.53v10.53h-2.39v-13.64h3.37l3.72 9.37 3.7-9.37h3.37v13.64zm7.55 0v-13.64h9.34v2.11h-6.95v3.52h6.81v2.11h-6.81v3.8h6.95v2.11h-9.34Zm23.57 0-7.12-9.75v9.75h-2.39v-13.64h2.45l6.97 9.45v-9.45h2.39v13.64h-2.31Zm7.47 0v-13.64h5.07c4.27 0 7.14 2.82 7.14 6.81s-2.86 6.83-7.12 6.83zm9.75-6.83c0-2.62-1.64-4.7-4.66-4.7h-2.7v9.43h2.68c2.96 0 4.68-2.13 4.68-4.72Zm15.87 6.83-1-2.64h-6.26l-1 2.64h-2.72l5.36-13.64h2.98l5.36 13.64zm-4.13-11.25-2.45 6.5h4.91l-2.45-6.5Zm12.5 11.25v-11.53h-4.13v-2.11h10.65v2.11h-4.13v11.53zm10.8 0v-13.64h2.39v13.64zm6.96-6.81c0-4.07 2.88-7.06 6.97-7.06s6.97 2.99 6.97 7.06-2.9 7.05-6.97 7.05-6.97-2.99-6.97-7.05m11.49 0c0-2.82-1.78-4.93-4.52-4.93s-4.52 2.11-4.52 4.93 1.76 4.93 4.52 4.93 4.52-2.13 4.52-4.93m16.51 6.81-7.12-9.75v9.75h-2.39v-13.64h2.45l6.97 9.45v-9.45h2.39v13.64h-2.31Zm6.59-1.92 1.35-1.86c.92 1 2.41 1.9 4.31 1.9s2.72-.96 2.72-1.88c0-2.86-7.93-1.08-7.93-6.09 0-2.27 1.96-4.01 4.97-4.01 2.11 0 3.84.7 5.09 1.92l-1.35 1.78c-1.08-1.08-2.54-1.57-3.97-1.57s-2.29.7-2.29 1.7c0 2.56 7.93.98 7.93 6.05 0 2.27-1.61 4.23-5.28 4.23-2.51 0-4.34-.9-5.56-2.17Z\" class=\"cls-1\"/></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n // rating stars\n [class^=\"StarRating_star\"] {\n color: @text;\n &[class*=\"StarRating_active\"] {\n color: @peach;\n }\n }\n // danger \"discontinued\" label\n [class*=\"AppAlertWrapper_warning\"] span {\n color: @peach;\n }\n // feature point in alternative's features\n [class*=\"HighlightFeatureListItem_featurePoint\"]:not(\n [class*=\"HighlightFeatureListItem_gray\"]\n ) {\n background-color: @green;\n color: @green;\n border-color: lighten(@green, 25%);\n }\n // app banner (ad)\n [class*=\"AppBanner_iconWrapper\"],\n [class*=\"AppBanner_banner\"],\n [class*=\"AppBanner_bottom\"] {\n border-color: @overlay0;\n }\n // navigation/top bar\n [class^=\"HeaderLinks_globalSiteNav\"] a,\n [class^=\"HeaderLinks_globalSiteNav\"] span,\n [class^=\"HeaderLinks_authAndMenu\"] a,\n [class*=\"Button_headerTextButton\"] svg,\n [class*=\"Button_headerTextButton\"]:hover svg,\n [class^=\"HeaderLinks_header\"] button:focus {\n color: @base !important;\n }\n [class^=\"HeaderLinks_logoSmall\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" id=\"Capa_2\" data-name=\"Capa 2\" viewBox=\"0 0 500 500\" cursor=\"default\"><defs><style>.cls-1{fill:@{base};stroke-width:0}</style></defs><g id=\"Capa_1-2\" data-name=\"Capa 1\"><path d=\"M250 8.66c133.29 0 241.34 108.05 241.34 241.34S383.29 491.34 250 491.34 8.66 383.28 8.66 250 116.71 8.66 250 8.66M250 0C112.15 0 0 112.15 0 250s112.15 250 250 250 250-112.15 250-250S387.84 0 250 0\" class=\"cls-1\"/><path d=\"M385.6 377.84c-.39.08-.77.17-1.16.25.71 2.47 1.37 4.82 1.96 7.19 1.4 5.64 2.81 11.28 4.21 16.91 9.54-8.85 18.25-18.57 26.01-29.04-6.35.75-12.86 1.53-19.23 2.43-3.92.55-7.75 1.38-11.8 2.26Z\" class=\"cls-1\"/><path d=\"M405 288.35c-78.81-12.75-161.7 12.77-228.94 53.36-15.77 9.52-33.12 18.95-44.36 34-7.65 10.28-11.68 22.52-14.14 35 6.45 5.28 13.23 10.18 20.31 14.67.01-.69.02-1.38.04-2.07.27-8.54 1.34-17.22 4.77-25.12 3.8-8.75 9.96-14.14 17.56-19.54 15.75-11.21 33.3-20.14 50.25-29.01 1.16-.61 2.81-.6 4.22-.88.32 1.28.99 2.59.9 3.85-.43 5.88-.3 11.81-.16 17.71.46 21.16 1.84 42.32 3.27 63.47.49 7.29 1 14.58 1.5 21.85a210 210 0 0 0 28.99 2.02c47.79 0 91.82-16.12 126.94-43.21-2.94-10.22-5.89-20.43-8.85-30.64-.12-.44-.27-.87-.43-1.3-.45.1-.9.21-1.33.34-25.77 7.16-51.97 17.21-80.11 30.75-.24.12-.49.25-.74.38-1.23.65-2.91 1.54-4.94 1.55h-.04c-2.47 0-5.79-1.37-7.08-3.94-1.33-2.67-.35-6.37 1.33-8.29 1.37-1.57 3.16-2.52 4.59-3.29l.79-.43a380.7 380.7 0 0 1 79.26-33.27c.75-.22 1.5-.45 2.25-.68-.48-1.23-.97-2.47-1.45-3.73-2.1-5.43-4.28-11.04-6.68-16.45-3.08-6.93-6.59-13.87-9.99-20.58l-1.75-3.47c-1.13-2.24-2.28-5.18-1.14-8.09.5-1.28 1.65-3.01 4.27-3.99 3.64-1.35 9.07 1.35 10.65 4.46 8.63 17 16.03 32.19 22.63 46.44.29.62.49.98.62 1.17.19-.02.51-.06.97-.16 16.55-3.77 32.97-5.37 48.79-4.77a207 207 0 0 0 18.46-39.79c-11.35-14.57-24.88-25.64-41.25-28.3Z\" class=\"cls-1\"/><path d=\"M455.59 229.46c-.46-4.53-1.19-9.03-2.04-13.52-.63-3.33-1.32-6.65-2.01-9.96-.74-3.57-1.38-7.17-2.26-10.71a191.2 191.2 0 0 0-16.52-43.66 199 199 0 0 0-7.62-13.22c-2.7-4.28-5.56-8.45-8.58-12.5a198 198 0 0 0-9.48-11.76c-3.3-3.79-6.74-7.45-10.31-10.98-3.56-3.52-7.26-6.92-11.07-10.17-3.81-3.26-7.75-6.36-11.78-9.33-4.04-2.97-8.18-5.79-12.42-8.47s-8.58-5.2-13-7.56c-4.43-2.37-8.94-4.58-13.52-6.64a214 214 0 0 0-28.32-10.37c-9.71-2.8-19.61-4.89-29.62-6.28-5.03-.69-10.08-1.21-15.14-1.54a211 211 0 0 0-15.28-.43c-5.12.05-10.25.29-15.35.71-5.14.44-10.27 1.06-15.36 1.89a202 202 0 0 0-30.51 7.42 194 194 0 0 0-15.01 5.59c-5.02 2.1-9.94 4.39-14.77 6.88-2.28 1.17-4.52 2.42-6.77 3.64-59.26 34.17-98.24 95-104.51 163.13-1.04 19.63.34 39.3 4.04 58.6h-.03s3.98 23.43 6.22 27.81c10.96 41.42 30.06 77.99 55.15 71.21a3.466 3.466 0 0 0 2.33-4.32c-.05-.15-.1-.31-.17-.45a19.92 19.92 0 0 1-10.91-7.84c-13.87-23.27 56.73-73.11 153.16-109.78 88.57-33.73 168.56-44.67 186.77-26.77 3.6 2.95 5 7.84 3.49 12.25a63.24 63.24 0 0 1-19.45 29.8c-.76.73-1.2 1.74-1.2 2.79s.43 2.07 1.19 2.8a3.783 3.783 0 0 0 5.1.24 73.94 73.94 0 0 0 24.37-35.04c.58-1.78.7-3.89.94-5.75.24-1.96.42-3.93.52-5.9.2-3.93.11-7.89-.29-11.83Zm-325.31 76.13c-11.8 8.37-32.37 23.36-40.98 40.1-3.36 6.45-6.5 1.43-8.46-2.24a203.6 203.6 0 0 1-11.27-31.61c-.01-.02-.02-.05-.03-.07-1.38-5.03-5.87-21.66-6.31-26.6.01-.01.02-.03.03-.03a223.6 223.6 0 0 1-3.9-54.95c5.86-62.88 41.87-119 96.56-150.56 4.94-2.76 9.9-5.27 14.9-7.55 4.9-2.23 24.81-9.65 5.11 7.81a175.4 175.4 0 0 0-56.81 114.21c-1.91 22.42 4.6 64.4 16.1 95.21 3.62 9.65.66 12.34-4.95 16.29Zm233.46-103.5a9.08 9.08 0 0 1-6.16 4.02 355 355 0 0 0-65.42 15.52c-2.48.75-5.17.42-7.4-.93a9.1 9.1 0 0 1-4.23-6.14l-1.68-7.68c-.41-1.94.57-3.91 2.37-4.74 24.87-9.94 51.13-16 77.84-17.97 1.99-.1 3.75 1.29 4.12 3.26l1.75 7.39c.64 2.48.21 5.12-1.19 7.26Zm42.35-39.08a3.47 3.47 0 0 1-3.82 2.2c-61.41-9.13-147.26 22.36-147.26 22.36a368.8 368.8 0 0 0-84.37 39.83c-4.73 3.11-11.09 1.79-14.2-2.95-.74-1.13-1.25-2.39-1.5-3.71-1.48-7.84-2.38-15.77-2.73-23.73-1.71-21.62 2.42-43.3 11.97-62.77.58-1.08 1.16-2.16 1.82-3.2.08-.27.21-.53.38-.76l.3-.54.74-1.25.36-.55c29.76-48.75 96.58-68.19 149.92-52.31 26.73 8.2 50.75 23.48 69.49 44.23 2.93 3.44 22.71 30.94 18.9 43.15\" class=\"cls-1\"/><path d=\"m374.15 129.69-.05.11A83.7 83.7 0 0 0 334.38 95a121.44 121.44 0 0 0-58.84-8.95c-7.13.56-14.13 2.11-20.83 4.58a2.83 2.83 0 0 0-2.02 3.07 2.816 2.816 0 0 0 2.74 2.45 172.3 172.3 0 0 1 45.36 1.21c55.24 11.04 72.92 37.62 74.86 38.67.55.27 1.21-.27.94-.82-.72-1.88-1.54-3.73-2.44-5.53Z\" class=\"cls-1\"/></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n [class*=\"HeaderLinks_logoLarge\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" id=\"Capa_2\" data-name=\"Capa 2\" viewBox=\"0 0 1070.28 160.29\" cursor=\"default\"><defs><style>.cls-1{fill:@{base};stroke-width:0}</style></defs><g id=\"Capa_1-2\" data-name=\"Capa 1\"><path d=\"M45.35 118.15c-3.55 0-5.45 1.89-6.16 4.97l-6.39 26.76c-1.18 5.21-4.97 8.05-10.42 8.05H7c-5.21 0-8.05-2.84-6.63-8.05L38.01 7.82C39.43 2.85 42.98 0 48.19 0h21.54c5.21 0 8.76 2.84 10.18 7.82l36.94 141.35c1.42 5.21-1.42 8.76-6.63 8.76h-16.1c-5.44 0-9.23-2.84-10.41-8.05l-6.39-26.76c-.71-3.08-2.6-4.97-6.16-4.97zm19.89-27.47c2.6 0 4.26-1.18 3.55-4.02L58.38 41.91 47.72 86.66c-.71 2.84.95 4.02 3.55 4.02zm93.68 59.43c0 5.21-2.6 7.81-8.05 7.81h-14.92c-5.21 0-7.81-2.6-7.81-7.81V8.05c0-5.44 2.6-8.05 7.81-8.05h14.92c5.45 0 8.05 2.61 8.05 8.05zm21.3-88.31h-2.6c-5.21 0-7.81-2.6-7.81-7.81V43.57c0-5.21 2.6-7.81 7.81-7.81h2.6V18.48c0-4.97.95-10.65 7.34-12.55l12.55-3.55C206.98.49 211 2.86 211 9.48v26.28h10.18c5.21 0 7.81 2.6 7.81 7.81v10.42c0 5.21-2.6 7.81-7.81 7.81H211v64.17c0 6.16 3.55 8.28 8.05 8.28h3.32c3.55 0 5.92 1.18 5.92 6.63v8.05c0 8.05-8.05 11.37-16.58 11.37-15.62 0-31.49-8.76-31.49-29.83zm141.94 35.99c0 5.21-2.61 7.81-7.82 7.81h-47.12v8.52c0 13.26 6.16 20.36 20.6 20.36 9.94 0 13.73-4.02 20.12-4.02 5.68 0 7.81 4.5 7.81 7.81v3.79c0 9.94-9.47 18.23-29.83 18.23-32.43 0-49.48-18.94-49.48-48.78V74.34c0-25.1 18.23-40.96 42.86-40.96s42.86 15.87 42.86 40.96v23.44Zm-30.55-23.44c0-11.37-4.74-17.05-12.31-17.05s-12.07 5.68-12.07 17.05v7.81h24.39v-7.81Zm74.22 75.76c0 5.21-2.61 7.81-8.05 7.81h-14.92c-5.21 0-7.81-2.6-7.81-7.81V43.8c0-5.45 2.61-8.05 7.81-8.05h14.92c5.68 0 8.05 2.6 8.05 8.53 4.73-4.98 12.07-10.89 21.31-10.89 5.68 0 6.39 3.55 6.39 6.63v12.55c0 6.87-5.92 7.58-11.6 8.29-9.71 1.18-16.1 9-16.1 20.6v68.66Zm97.5-73.87c0-9.71-4.5-16.81-13.5-16.81s-13.49 7.1-13.49 16.81v73.87c0 5.21-2.61 7.81-8.05 7.81h-14.92c-5.21 0-7.81-2.6-7.81-7.81V43.8c0-5.45 2.61-8.05 7.81-8.05h14.92c5.21 0 8.05 2.6 8.05 7.81 0 0 8.05-10.18 23.91-10.18 22.97 0 33.86 17.05 33.86 42.86v73.87c0 5.21-2.61 7.81-8.05 7.81h-14.92c-5.21 0-7.81-2.6-7.81-7.81zm59.5-16.57c-2.84 0-6.39-1.42-6.39-5.92v-6.39c0-10.18 15.39-13.97 30.31-13.97 20.6 0 47.35 5.21 47.35 38.83v77.66c0 5.45-2.6 8.05-7.81 8.05h-11.37c-4.97 0-7.57-2.13-8.05-6.16-.71.71-8.29 8.53-22.26 8.53-22.97 0-39.07-17.28-39.07-39.3 0-36.94 28.65-47.83 57.77-50.91-.48-8.29-3.79-13.97-17.05-13.97s-18.94 3.55-23.44 3.55Zm27 74.1c8.76 0 13.5-7.1 13.5-16.1V92.34c-13.73 3.08-26.99 7.57-26.99 25.33 0 8.76 4.26 16.1 13.5 16.1Zm63.05-71.97h-2.6c-5.21 0-7.81-2.6-7.81-7.81V43.57c0-5.21 2.6-7.81 7.81-7.81h2.6V18.48c0-4.97.95-10.65 7.34-12.55l12.55-3.55c6.87-1.89 10.89.48 10.89 7.1v26.28h10.18c5.21 0 7.81 2.6 7.81 7.81v10.42c0 5.21-2.6 7.81-7.81 7.81h-10.18v64.17c0 6.16 3.55 8.28 8.05 8.28h3.32c3.55 0 5.92 1.18 5.92 6.63v8.05c0 8.05-8.05 11.37-16.58 11.37-15.62 0-31.49-8.76-31.49-29.83zM706.79 18c0 5.21-2.6 7.81-8.05 7.81h-14.92c-5.21 0-7.81-2.61-7.81-7.81V8.05c0-5.44 2.6-8.05 7.81-8.05h14.92c5.45 0 8.05 2.61 8.05 8.05zm0 132.11c0 5.21-2.6 7.81-8.05 7.81h-14.92c-5.21 0-7.81-2.6-7.81-7.81V43.8c0-5.45 2.6-8.05 7.81-8.05h14.92c5.45 0 8.05 2.6 8.05 8.05zM809.78 35.75c5.21 0 9 3.55 6.63 10.42l-34.33 103.94c-1.18 4.02-4.02 7.81-10.18 7.81h-10.89c-6.16 0-9-3.79-10.18-7.81L718.39 46.17c-2.13-6.87 1.42-10.42 6.63-10.42h13.03c6.39 0 9.23 3.08 10.41 8.05l18.94 67.24 20.36-67.24c1.42-4.97 4.02-8.05 10.42-8.05zm98.41 62.04c0 5.21-2.61 7.81-7.82 7.81h-47.12v8.52c0 13.26 6.16 20.36 20.6 20.36 9.94 0 13.73-4.02 20.12-4.02 5.68 0 7.81 4.5 7.81 7.81v3.79c0 9.94-9.47 18.23-29.83 18.23-32.43 0-49.48-18.94-49.48-48.78V74.34c0-25.1 18.23-40.96 42.86-40.96s42.86 15.87 42.86 40.96v23.44Zm-30.55-23.44c0-11.37-4.74-17.05-12.31-17.05s-12.07 5.68-12.07 17.05v7.81h24.39v-7.81Z\" class=\"cls-1\"/><path d=\"M992.14 8.05v11.37c0 5.21-2.6 7.81-8.05 7.81h-20.36c-3.08 0-4.74 1.66-4.74 4.74v118.15c0 5.21-2.6 7.81-7.81 7.81h-16.1c-5.45 0-8.05-2.6-8.05-7.81V31.97c0-3.08-1.66-4.74-4.73-4.74h-20.36c-5.45 0-8.05-2.6-8.05-7.81V8.05c0-5.44 2.6-8.05 8.05-8.05h82.16c5.45 0 8.05 2.61 8.05 8.05Z\" class=\"cls-1\"/><path d=\"M979.91 73.63c0-28.17 21.78-40.25 44.04-40.25s44.04 12.07 46.33 40.25v46.41c-2.29 28.18-24.08 40.25-46.33 40.25s-44.04-12.07-44.04-40.25zm30.78 46.41c0 9.23 5.21 14.21 13.26 14.21s13.26-4.97 13.26-14.21V73.63c0-9.23-5.21-14.21-13.26-14.21s-13.26 4.98-13.26 14.21z\" class=\"cls-1\"/></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n // hanburger menu\n [class^=\"DropdownListLink_additionalInfo\"] {\n color: @subtext0;\n }\n // svg color variables\n @light-peach: lighten(@peach, 25%);\n @dark-peach: darken(@peach, 25%);\n @dark-blue: desaturate(darken(@blue, 60%), 40%);\n @darker-blue: desaturate(darken(@blue, 65%), 40%);\n // main page header\n img[class*=\"PageIntroImage_a2-header-\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" xml:space=\"preserve\" id=\"Dark_Version\" x=\"0\" y=\"0\" version=\"1.1\" viewBox=\"0 0 459.91 535.19\" cursor=\"default\"><style>.st0{fill:@{surface0}}.st1{fill:@{base}}.st2{fill:@{accent}}.st6{fill:none;stroke:@{accent};stroke-width:5.7543;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}</style><path d=\"M21.77 356.98c1.15-2.96 2.25-5.95 3.4-8.91 1.21-3.1 1.92-4.83 3.42-7.78.97-1.9 5.14-4.96 3.92-6.58l63.5-153.51c8.66-30.27 81.29-36.05 162.24-12.91s139.54 66.42 130.87 96.68L363.85 438.6c.57 1.31 1.17 2.6 1.83 3.85 2.18 1.5 1.22 2.1.07 5.41-.07.2.21 4.56.14 4.76-2.04 5.89-7.85 4.73-11.22-.59-2.35-3.7-3.63-7.98-5.4-12.01-1.1-.09-2.27-.49-3.43-1.4-6.7-5.26-10.83-9.83-16.17-16.43-2.41-2.98-4.61-5.74-7.59-8.14-.47-.32-.92-.64-1.39-.96-1.98.76-4.29.71-6.26-.44-16.12-9.4-34.99-14.53-51.06-24.25-4.94-2.99-10.03-5.4-15.13-7.8-.79-.2-1.6-.41-2.38-.61-17.68-4.72-33.13-14.35-51.16-17.64-10.38-1.89-19.78-5.08-30.47-5.75-10.12-.63-20.16-2.1-30.14-3.97-.83-.16-1.66-.28-2.5-.41-1.35-.11-2.71-.21-4.06-.38-14.89-1.67-30.65-1.84-45.7-2.03-10.39-.13-19.79.75-29.9 3.18-4.24 1.03-8.33 2.13-12.5 3.42-3.91 1.2-9.84 1.83-13.09 4.34-2.14 1.65-4.54 1.92-6.66 1.31.73-1.68 1.42-3.39 2.09-5.08\" class=\"st0\"/><path d=\"M21.77 356.98c1.15-2.96 2.25-5.95 3.4-8.91 1.21-3.1 1.92-4.83 3.42-7.78.97-1.9 4.12-5.13 2.88-6.75L96.01 180.2c5.89-20.59 41.41-29.83 88.99-26.36L118.07 351c-6.16-1.44 52.8 6.03 46.18 5.62-10.12-.63-20.16-2.1-30.14-3.97-.83-.16-1.66-.28-2.5-.41-1.35-.11-2.71-.21-4.06-.38-14.89-1.67-30.65-1.84-45.7-2.03-10.39-.13-19.79.75-29.9 3.18-4.24 1.03-8.33 2.13-12.5 3.42-3.91 1.2-9.84 1.83-13.09 4.34-2.14 1.65-4.54 1.92-6.66 1.31.71-1.7 1.4-3.41 2.07-5.1m63.65 32.71s15.15-24.27 113.3 5.46c98.15 29.74 93.42 50.16 93.42 50.16l-61.61 359.4-277.73-30.42z\" class=\"st1\"/><path d=\"M218.97 326.19c5.6-15.06 9.14-30.67 12.93-46.25.83-3.41 1.71-6.79 2.62-10.16-.12-.85-.12-1.76.1-2.74 4.7-20.96 9.78-42.77 18.85-62.3.21-.45.45-.85.72-1.22.91-11.7 3.4-22.94 9.73-33.12 3.89-6.27 12.56-2.81 13.34 2.85 70.88 24.05 119.82 62.89 111.87 90.73L363.85 438.6c.57 1.31 1.17 2.6 1.83 3.85 2.18 1.5.96 4.03-.19 7.34-.07.2-.13 3.96-.2 4.15-2.04 5.89-7.25 3.4-10.62-1.92-2.35-3.7-3.63-7.98-5.4-12.01-1.1-.09-2.27-.49-3.43-1.4-6.7-5.26-10.83-9.83-16.17-16.43-2.41-2.98-5.06-2.68-8.04-5.08-.47-.32-3.37-3.07-3.84-3.39-1.98.76-1.38.07-3.36-1.08-16.12-9.4-34.99-14.53-51.06-24.25-4.94-2.99-10.03-5.4-15.13-7.8-.79-.2-1.6-.41-2.38-.61-14.4-3.85-27.32-10.95-41.36-15.22 4.46-12.98 9.67-25.7 14.47-38.56\" class=\"st0\"/><path d=\"m10.07 382.47 2.49-6.05 6.82-11.14c3.45-1.18 23.4-10.6 30.71-12.96 9.95-3.21 20.07-.94 30.32-1.48 10.01-.54 19.9-.4 29.93-.62 10.84-.24 19.29-2.68 30.07.52 3.02.89 4.52 3.11 4.88 5.51 8.74.62 17.45 1.45 26.13 2.54 26.07 3.25 52.14 11.79 77.09 20.3 24.14 8.24 45.45 18.25 65.94 33.55 17.88 13.36 35.09 28.41 46.26 47.77l1.5 14.33-1.7 8.1c-10.32 36.08-99.88 41.87-196.73 14.19C66.92 469.35-.26 418.53 10.07 382.47m140.39-258.35c5.73-2.81 10.45-4.38 16.82-4.19 1.11-1.93 4.05-1.62 6.76-1.93 1.5-.16 3.05-.27 4.62-.35 5.86-.31 11.74-.12 17.63.21 13.93.21 27.79.74 41.69 2.7 17.52 2.48 34.99 7.97 52.3 11.68 8.25 1.77 16.58 5.41 23.89 9.59 9.27 5.3 19.24 9.29 28.61 14.39 15.28 8.3 30.2 17.69 38.03 33.66.94 1.93 4.06 3.39 3.52 5.03 1.57 2.13-1.13 4.04-.81 6.94.38 3.44-.1 6.15-1.5 9.26-1.85 4.12-5.75 4.42-8.82 2.67-.2.16-.43.3-.67.45-.13.08-.26.16-.4.24-.2.11.12.51-.1.6s-.48.36-.72.42c-.18.05-.19.39-.38.42-.46.08-.85 1.13-1.36 1.13l-.72-.14-.51.08c-.61-.01-.06.37-.6.25-.11-.02-.98-.43-1.09-.46-.42-.12-.69-2.09-1.06-2.27-.07-.03-.12-.07-.19-.11-.38-.22-.75-.46-1.07-.74-.02-.01-.03-.04-.05-.05-.35-.32-.66-.66-.94-1.04-2.25-.78-4.46-1.88-6.63-2.99-.33-1.86-1.75-3.38-3.62-4.09-14.79-5.68-28.84-13.05-43.26-19.56-13.4-6.05-27.02-10.73-41.17-14.7-14.45-4.05-27.62-9-42.39-11.69-15.04-2.74-29.45-5.16-44.72-5.74-9.64-.37-21.31 1.25-30.92.54-3.38-1.16-6.4-2.82-8.61-5.21-6.01-6.55.97-21.33 8.44-25\" class=\"st1\"/><path d=\"M129.23 112.22c-.3-1.51-.04-3.14 1.1-4.7 2.54-3.5 4.88-7.42 7.06-11.41.63-1.64 1.22-3.33 1.78-5.08 1.64-5.11 3.94-9.58 6.19-14.47.61-1.33 1.46-2.23 2.41-2.81 1.46-3.05 3.35-5.85 6.57-8.26.03-.02.06-.03.1-.06 3.15-5.38 6.44-10.69 10.03-15.8 6.09-8.66 10.98-13.68 20.38-17.29-1.31-1.75 5.48-2.11 6.36-4.17 20.73-9.04 38.86-17 61.19-21.24 4.29-.31 8.51-.98 12.83-1.07 15.36-.32 31.7-.84 45.55 6.89 1.92 1.07 5.93 3.41 7.36 2.47 1.84 1.18 2.44.01 4.04 1.54 1.59 1.53 2.94 1.56 4.55 1 .83 1.7 5.74 1.46 4.98 3.2 6.07 3.42 8.51 4.94 14.64 8.17 3.39 1.53 6.48 1.09 9.02 5.23.85 1.38 1.81 2.73 2.82 4.06a90.5 90.5 0 0 1 10.95 6.71c5 3.58 8.26 7.34 11.29 12.85.62 1.13 1.12 2.3 1.56 3.51.05.05.11.08.15.13 8.41 8.92 12.48 20.56 17.27 31.53 3.76 8.6 10.46 18.41 11.36 27.76.9 9.42 3.24 18.85 2.97 28.57.86 6.01-2.75 12.47-2.04 18.44.85 7.15-3.25 14.85-3.03 22.01.56 18.18-11.81 23.1-22.31 34.94-6.12 6.91-16.12-3.34-10.04-10.21 2.48-2.8 4.59-6.07 7.45-8.51.23-.21.48-.38.74-.56-.26-.78-.44-1.63-.44-2.62.01-1.04.05-2.09.11-3.15-.25-13.76-11.63-18.62-20.03-28.2-8.02-9.15-19.36-16.45-30.24-21.75-5.38-2.62-10.29-5.92-15.54-8.73-4.93-2.64-10.6-3.49-15.82-5.45-11.68-4.38-23.32-8.16-35.61-10.58-25.17-4.97-50.88-8.36-76.45-9.86-11.63-.68-21.08.49-31.76 5.26-5.36 2.39-14.65 5.16-15.93 11.91-.05 1.32-.13 2.64-.28 3.96.02 4.21 1.33 12.05-.24 16.47-1.55 4.35-8.59 6.28-12.8 3.84-5.44-3.15-5.32-10.12-4.29-15.35-1.55-1.15-.9-4.63-1.12-7.25-.69-8.13-.87-16.54 5.16-21.87m256.08-9.74c-1.95-4.9-4.9-9.41-7.29-14.09-.56-1.09-1.04-2.18-1.52-3.28-2.02-2.92-3.42-6.15-4.67-9.43-3.19-4.34-6.99-8.4-10.22-12.02-3.89-4.37-9.41-8.22-13.39-12.92-2.05-.88-3.07-2.34-5.18-3.19-5.65-2.27-10.73-5.92-15.83-9.2-11.52-7.39-23.42-12.83-37.32-12.63-7.32.11-14.48-1.05-21.77-1-7.32.05-14.41 1.66-21.79 1.68-15.73.06-24.82 8.32-38.23 14.5-.61.28-1.23.54-1.84.8-5.51 4.28-16.34 14.26-16.2 21.31.1 5.04 3.06 5.36 7.56 6.28 4.7.97 9.53 1.28 14.3 1.46 21.12.83 41.19 3.35 61.26 8.43 20.5 5.18 41.59 10.46 60.54 20.1 8.32 4.23 16.63 8.43 25.84 10.77 7.27 1.85 19.15 7.45 25.65 2.36.86-1.03 1.71-2.06 2.48-3.13-.73-2.34-1.52-4.64-2.38-6.8\" class=\"st0\"/><path d=\"M218.17 108.79c6.21-12.09 12.99-23.96 20.22-35.56 11.7 1.31 23.36 3.07 34.81 5.97 20.5 5.18 40.96 11.2 60.86 18.71 9.12 3.44 16.32 9.82 25.52 12.16 7.27 1.85 19.15 7.45 25.65 2.36.86-1.03-.7-2 .08-3.07-.74-2.36.12-4.53-.74-6.69-1.95-4.9-4.15-9.58-6.53-14.28-.56-1.09-1.04-2.18-1.52-3.28-2.02-2.92-5.62-5.09-6.87-8.39-3.19-4.34-4.78-9.44-8.01-13.07-3.89-4.37-9.52-7.47-13.51-12.16-2.05-.88-2.95-3.1-5.06-3.95-5.65-2.27-10.73-5.92-15.83-9.2-11.52-7.39-23.42-12.83-37.32-12.63-5.75.08-11.4-.61-17.08-.88 3.17-3.83 6.48-7.53 10.2-10.87 3.57-3.19 6.2-3.58 10.23-6.13 6.12.99 13.2 1.52 18.5 4.49 1.92 1.07 4.16 3.03 5.57 2.08 1.84 1.18 3.27-.98 4.87.56 1.59 1.53 2.88 3.38 4.49 2.82.83 1.7 5.74 1.46 4.98 3.2 6.07 3.42 7.46 5.28 13.59 8.51 3.13-2.09 7.52.75 10.08 4.88.85 1.38 1.81 2.73 2.82 4.06a90.5 90.5 0 0 1 10.95 6.71c5 3.58 8.26 7.34 11.29 12.85.62 1.13 1.12 2.3 1.56 3.51.05.05.11.08.15.13 8.41 8.92 12.47 20.56 17.27 31.53 3.76 8.6 10.46 18.41 11.36 27.76.9 9.42 3.19 16.94 2.92 26.67.86 6.01-2.71 14.37-2 20.35.85 7.15-3.8 16.34-3.58 23.51.56 18.18-9.7 23.95-20.2 35.8-6.12 6.91-25.99-9.46-11.6-12.56 3.65-.79 4.59-6.07 7.45-8.51.23-.21.48-.38.74-.56-.26-.78-.44-1.63-.44-2.62.01-1.04.05-2.09.11-3.15-.25-13.76-11.63-18.62-20.03-28.2-8.02-9.15-19.36-16.45-30.24-21.75-5.38-2.62-10.29-5.92-15.54-8.73-4.93-2.64-10.6-3.49-15.82-5.45-11.68-4.38-23.32-8.16-35.61-10.58a573 573 0 0 0-52.96-7.93c1.4-2.81 2.78-5.62 4.22-8.42\" class=\"st0\"/><path d=\"m391.41 251.51-27.39 212.27-13.24-23.3 29.93-209.97z\" class=\"st1\"/><path d=\"M291.25 464.71c-.9 1.08 1.04-2.13 1.42-3.18.45-1.21-1.22-3.03-.62-4.17.17-.3.34-.59.52-.89 0-.01.01-.05.01-.08 0-.09.01-.27.03-.58.01-.5 0-1 .01-1.5.02-3.87.09-9.95 3.94-9.91 3.9.03 8.31 6.06 8.29 9.94-.02 3.46 1.68 6.76-.16 9.77-.11.19-.18.28-.22.35-.02.03-.02.04-.03.1-.2.54-.37 1.08-.58 1.6-.84 2.14-1.75 3.66-3.22 5.43-2.46 2.98-10.78 7.65-11.47 4.13-.64-3.39-.38-8.02 2.08-11.01M74.5 387.47c2.6-2.53 10.65-4.43 12.46-1.79 1.49 2.17-2.25 6.1-3.36 8.31.05 1.49-.35 2.99-1.46 4.28-.35.41-.7.76-1.06 1.13-.06 1.31 0 2.7-.17 4-.36 2.88-1.38 5.24-2.83 7.74-1.21 2.07-2.78 5.13-4.79 5.05-5.82-.21-7.7-9.68-7.56-14.54.19-6.5 4.32-9.83 8.77-14.18\" class=\"st2\"/><path d=\"M287.55 7.92s-46.52 20.84-70.15 93.53c0 0-78.74-9.99-92.12 26.66 0 0 8.06-90.85 104.55-115.32 52.66-13.36 57.72-4.87 57.72-4.87\" class=\"st1\"/><path d=\"M198.79 58.84c5.48-1.81 10.78-4.14 15.78-7.03 4.52-2.62 8.67-5.9 13.43-8.07 3.72-1.7 7.77-2.67 11.71-3.67 4.58-1.17 9.2-2.15 13.91-2.72 10-1.21 20.18-1.09 30.18-.16 9.63.89 19.46 2.33 28.46 5.97 3.84 1.55 7.54 3.41 11.2 5.39 5.7 5.44 18.74 15.38 23.67 20.73 10.63 11.53 14.33 20.55 23.61 33.3 3.06 4.21 5.6 11.46 1.76 12.89-2 2.39-6.07-2.9-9.49-5.11-1.98-1.28-5.26-2.08-7.41-3.1.6-2.73-3.84-4.09-6.28-5.13-11.09-4.7-22.17-9.4-33.43-13.71-10.1-3.86-20.33-7.5-30.78-10.27-9.84-2.63-20.03-4.08-30.17-5.01-3.82-.35-7.66-.58-11.48-.78-3.84-.86-7.72-1.52-11.63-1.87-6.38-.56-12.84-1.07-19.24-1.17-5.8-.1-10.42.81-13.92-4.6-1.15-1.77-1.18-3.85-.53-5.71.22-.06.44-.1.65-.17\" fill=\"@{peach}\"/><path d=\"M231.84 55.92c.92 3.84 14.61 3.92 31.39 2.67 16.76-1.34 31-3.51 31.19-7.45.22-3.88-14.62-8.12-32.5-6.67-17.89 1.37-30.99 7.69-30.08 11.45\" fill=\"@{light-peach}\"/><path d=\"M206.63 43.96c4.06-2.58 10.03-7.4 14.63-9 4.48-1.55 7.13-3.44 11.7-4.84 18.53-5.7 42.16-6.25 61.25-2.76 21.46 3.92 40.63 16.31 57.75 29.32 7.85 5.97 15.33 13.16 20.66 21.56 5.48 8.63 12.15 20.21 13.1 30.49.85 9.16-10.51 13.62-11.35 4.53-.44-4.71-7.13-13.81-9.2-17.88-1.93-3.78-3.58-7.73-5.92-11.24-4.46-6.74-9.4-14.98-15.81-19.77-14.26-10.66-31.23-20.07-48.81-23.92-15.28-3.34-31.46-2.11-46.88-.48-7.12.75-16.44 4.95-23.25 7.36-4.1 1.45-7.63 4.11-11.27 6.46-1.91 1.24-3.93 2.31-5.63 3.85-1.05.93-7.81 6.83-7.53 4.03-.93 9.09-11.18 7.64-10.24-1.54.9-9.01 9.75-11.71 16.8-16.17\" fill=\"@{dark-peach}\"/><g id=\"XMLID_00000132055030417979415860000006498067231019915961_\"><path d=\"M302 101.3c-12.04-3.66-23.73-6.89-34.99-9.65-2.71-.67-5.26.29-5.82 2.14-.61 2.02 1.37 4.32 4.33 5.05 10.97 2.71 22.36 5.85 34.09 9.41 2.84.86 5.67-.03 6.27-2v-.01c.6-1.9-1.13-4.1-3.88-4.94\" class=\"st2\"/><path d=\"M288.7 80.41c-33.32-9.19-65.1-13.16-90.91-12.33-7.2.24-10.8-8.73-5.37-13.46 29.68-25.92 71.54-36.66 112.21-24.81 39.49 11.5 68.5 41.56 80.32 77.91 2.25 6.92-5.4 12.86-11.51 8.93-21.76-14.04-51.21-27.01-84.74-36.24\" class=\"st6\"/><path d=\"M196.09 66.79c28.63-25.39 67.55-36.16 104.94-25.22 36.42 10.65 63.02 39.45 74.16 74.96\" class=\"st6\"/><ellipse cx=\"189.45\" cy=\"420.23\" rx=\"26.17\" ry=\"109.36\" transform=\"rotate(-74.585 189.475 420.25)\" fill=\"none\" stroke=\"@{accent}\" stroke-width=\"5.7533\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"9.998\"/><circle cx=\"231.12\" cy=\"232.69\" r=\"4.44\" class=\"st2\" transform=\"rotate(-2.969 230.932 232.504)\"/><circle cx=\"196.9\" cy=\"348.91\" r=\"4.44\" class=\"st2\" transform=\"rotate(-83.748 196.895 348.894)\"/><path d=\"M67.2 408.13c-.13-.27-.26-.54-.38-.81-.18-.4-.34-.8-.49-1.2-.1-.28-.2-.55-.28-.82-.12-.39-.23-.78-.32-1.17-.06-.26-.13-.53-.17-.79-.07-.39-.11-.78-.15-1.17-.02-.25-.05-.5-.07-.73-.01-.42 0-.83.02-1.25.01-.2.01-.41.03-.6.07-.61.18-1.2.34-1.79 5.47-19.83 63.71-21.08 130.07-2.79.51.14 1.01.29 1.5.43h0c.01 0 .03 0 .04.02 26.63 7.45 50.46 16.91 68.99 26.84.01 0 .02.01.04.02 1.41.76 2.78 1.52 4.14 2.27.04.03.08.04.12.07 1.32.74 2.6 1.49 3.86 2.24.08.04.14.09.21.13 1.21.73 2.41 1.45 3.56 2.19l.33.21c1.11.7 2.19 1.41 3.24 2.1.14.1.28.19.42.29 1.01.68 1.99 1.35 2.94 2.04.16.11.31.23.47.36.91.66 1.8 1.32 2.66 1.97.18.15.37.28.55.43.81.62 1.61 1.25 2.37 1.88l.61.52c.7.59 1.41 1.18 2.07 1.78.22.2.43.41.66.61.62.56 1.22 1.11 1.79 1.68.23.22.44.46.67.68.53.52 1.05 1.06 1.53 1.58.23.26.43.5.66.76.44.49.88.99 1.28 1.48.23.28.42.55.63.83.36.46.73.92 1.05 1.37.21.3.39.6.59.89.28.43.58.86.83 1.28.2.32.35.64.51.97.21.4.44.78.62 1.16.16.34.27.68.41 1.01.15.35.32.72.44 1.07.12.36.2.71.29 1.07.09.32.21.66.27.99.09.39.11.77.15 1.16.04.28.09.56.11.84.02.45 0 .87-.03 1.31-.01.21.01.42-.01.63-.07.63-.18 1.26-.35 1.89a11.4 11.4 0 0 1-.66 1.8c0 .01-.01.02-.03.04-.09.2-.22.37-.32.57-.2.36-.38.74-.62 1.09-.01.02-.04.05-.07.07-.15.22-.34.43-.51.64-.23.29-.44.58-.69.86-.04.04-.08.07-.12.12-.21.22-.44.43-.68.64-.25.24-.49.49-.76.72-.05.05-.13.09-.18.14-.26.22-.55.41-.81.61-.28.2-.52.42-.81.61l-.26.16c-.3.2-.64.39-.96.58-.29.18-.56.36-.86.52-.11.06-.23.11-.36.17-.35.18-.73.36-1.1.53-.31.14-.58.3-.9.44-.15.07-.32.12-.46.18-.39.17-.81.33-1.22.48-.3.12-.6.25-.91.37-.18.06-.39.12-.58.19-.17.06-.32.13-.49.18l-.03-.02c-.25.09-.51.17-.76.24-.33.1-.64.22-.98.32-.71.21-1.48.4-2.23.59-.29.07-.55.15-.84.22-.79.19-1.61.36-2.45.52-.29.06-.56.13-.86.19-.92.18-1.88.33-2.85.48-.23.03-.44.08-.67.11-1.03.16-2.11.29-3.21.42-.18.02-.34.04-.53.07-1.15.13-2.33.23-3.52.34-.14.01-.26.03-.4.04-1.2.09-2.42.17-3.68.24l-.46.03c-1.31.07-2.65.11-4.02.14-.1 0-.2.01-.29.01-1.43.03-2.9.04-4.38.05h-.1c-22.95-.08-52.32-4.36-83.48-12.95-51.67-14.24-93.02-36.13-106.23-54.49h-.01c-.02-.04-.04-.06-.07-.1-.14-.2-.27-.4-.4-.6-.33-.49-.66-.98-.96-1.47-.16-.26-.29-.51-.44-.77-.18-.4-.41-.82-.61-1.25m311.22-56.94c5.15-35.2-54.67-78.6-142.21-102.73S74.02 234.12 61.4 263.8m342.59-111.98 25.44 13.33\" class=\"st6\"/><ellipse cx=\"441.14\" cy=\"171.75\" class=\"st6\" rx=\"13.45\" ry=\"13.46\" transform=\"rotate(-83.748 441.117 171.737)\"/><path d=\"m153.63 78.26-28.61-2.55\" class=\"st6\"/><ellipse cx=\"111.61\" cy=\"74.93\" class=\"st6\" rx=\"13.45\" ry=\"13.46\" transform=\"rotate(-83.748 111.601 74.928)\"/><path d=\"M263.5 167.08 205.01 365.9m157.43 106.57 28.52-211.22c8.37-30.34-50.62-73.07-131.78-95.45s-153.74-15.91-162.11 14.44L13.22 376.19l-2.61 6.57C.63 418.93 70.7 469.65 167.82 496.41c97.1 26.76 183.92 19.14 193.9-17.02z\" class=\"st6\"/><path d=\"M145.31 153.04c-3.81-5.98-5.25-11.7-3.83-16.87 6.29-22.94 65.82-26.43 132.97-7.82 67.14 18.62 116.47 52.3 110.19 75.24-1.71 6.21-7.35 11-15.98 14.31\" class=\"st6\"/><path d=\"M405.1 201.75c-3.83 13.12-12.96 23.25-24.39 28.74-20.02-24.08-65.49-49.24-121.53-64.69-51.13-14.09-98.83-16.74-129.24-9.18-6.21-10.59-8.22-23.62-4.52-36.33l3.57-12.24h.01c23.76-75.25 103.49-118.09 179.72-95.9 76.38 22.24 120.62 101.45 99.92 177.82l-.1-.03z\" class=\"st6\"/><ellipse cx=\"185.92\" cy=\"430.9\" rx=\"67.94\" ry=\"182.43\" transform=\"rotate(-74.592 185.923 430.893)\" fill=\"none\" stroke=\"@{accent}\" stroke-width=\"5.7552\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10.0016\"/></g><path d=\"M292.51 443.19a2.88 2.88 0 0 1 3.32-2.35 2.87 2.87 0 0 1 2.35 3.31l-61.46 361.24-5.73-.63zm-211.5-53.16c.53-1.5 2.16-2.29 3.66-1.78 1.5.53 2.29 2.16 1.78 3.66L-46.19 774.4l-5.86-.64z\" class=\"st2\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n // flipped/mirrored/right variation of the a2 robot svg (found in /about and /about/privacy)\n &[src^=\"/static/a2-header-right\"] {\n transform: scale(-1, 1);\n }\n }\n @media screen and (min-width: 1200px) {\n [class*=\"PageIntroWrapper_wrapper\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" xml:space=\"preserve\" id=\"Clouds\" x=\"0\" y=\"0\" style=\"cursor:default\" version=\"1.1\" viewBox=\"0 0 404 136\"><style>.st0{clip-path:url(#SVGID_00000124847987691952410040000001964486568889829789_)}.st1{fill:@{surface0}}.st2{fill:@{surface1}}</style><defs><path id=\"SVGID_1_\" d=\"M-22 44h363v92H-22z\"/></defs><clipPath id=\"SVGID_00000138556141443024540190000008926974327054756783_\"><use xlink:href=\"#SVGID_1_\" style=\"overflow:visible\"/></clipPath><g style=\"clip-path:url(#SVGID_00000138556141443024540190000008926974327054756783_)\"><path d=\"M29.65 156.72c1.41-6.61.84-13.71-2.07-20.37-7.37-16.83-26.9-24.46-43.63-17.06-16.48 7.3-24.08 26.48-17.26 43.14l62.96-5.71z\" class=\"st1\"/><path d=\"M128.04 81.5s-.03-.02-.04-.03C110.71 53.42 75.1 41.71 44.21 55.4 10.38 70.38-4.96 110.11 9.93 144.14a67.59 67.59 0 0 0 8.01 13.65l112.84-10.24c7.55-14.95 10.51-33.57 5.57-50.46-1.55-2.77-6.76-13.09-8.31-15.59z\" class=\"st1\"/><path d=\"m20.48 157.55 112.61-10.22c4.89-14.3 4.67-30.41-1.87-45.34-13.79-31.51-50.35-45.8-81.67-31.93s-45.52 50.66-31.73 82.16c.8 1.84 1.69 3.61 2.66 5.33z\" class=\"st2\"/><path d=\"M205.62 140.74c.38-1.42.71-2.87.94-4.35 3.84-24.11-12.47-46.79-36.44-50.66-23.97-3.86-46.51 12.55-50.36 36.66-1.46 9.13 0 18.04 3.65 25.81l82.21-7.46z\" class=\"st1\"/><path d=\"m229.85 134.8 4.94-.45-.36-3.98c-.45.06-.86.15-1.22.31-1.49.67-2.13 1.59-3.9 1.93-2.21.43-4.55.47-6.83.59-.3-.32-.69-.59-1.16-.78-1.05-.42-2.04-.44-3.12-.65-1.34-.26-2.9-.88-4.2-1.38-1.69-.66-2.84-1.93-4.09-3.04-5.4-16.66-19.64-29.78-38.02-32.74-26.16-4.22-50.76 13.7-54.96 40.01-.77 4.83-.78 9.6-.15 14.19l113.41-10.29-.34-3.72z\" class=\"st2\"/><path d=\"m-1.99 139.23 48.23-4.38c2.48-5.14 3.36-11.05 2.13-17-3.05-14.67-17.75-23.99-32.85-20.82-15.1 3.18-24.86 17.64-21.82 32.31.76 3.67 2.26 7 4.31 9.89z\" class=\"st1\"/><path d=\"m-4.15 139.42 54.8-4.97c.22-2.53.1-5.12-.44-7.72-3.05-14.67-17.75-23.99-32.85-20.82-15.1 3.18-24.86 17.64-21.82 32.31.09.41.2.81.31 1.2zM216.48 139.58c7.29-.66 12.67-7.14 12.01-14.48-.66-7.33-7.1-12.74-14.39-12.08-7.29.66-12.67 7.14-12.01 14.48.66 7.33 7.1 12.74 14.39 12.08z\" class=\"st2\"/><path d=\"M244.33 137.2c.26-1.06.36-2.19.26-3.33-.5-5.59-5.41-9.72-10.97-9.21-5.56.5-9.66 5.44-9.15 11.04.1 1.15.4 2.24.85 3.23l19.01-1.73z\" class=\"st2\"/></g><path d=\"m114.54 15-4.43 8.1-8.1 4.43 8.1 4.43 4.43 8.1 4.43-8.1 8.1-4.43-8.1-4.43-4.43-8.1zM397 19l-2.47 4.52L390 26l4.53 2.48L397 33l2.48-4.53L404 26l-4.52-2.47L397 19zM46 0l-2.12 3.88L40 6l3.88 2.12L46 12l2.12-3.88L52 6l-3.88-2.12L46 0z\" class=\"st2\"/><script/></svg>'\n );\n @svg2: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" xml:space=\"preserve\" id=\"Clouds\" x=\"0\" y=\"0\" style=\"cursor:default\" version=\"1.1\" viewBox=\"0 0 376 144\"><style>.st0{fill:@{surface1}}.st1{fill:@{surface0}}</style><path d=\"m179.46 164.49 172.73-15.58c7.5-21.8 7.16-46.37-2.87-69.14-21.16-48.03-77.24-69.83-125.28-48.67-48.04 21.15-69.83 77.24-48.68 125.27 1.24 2.8 2.61 5.5 4.08 8.12h.02z\" class=\"st0\"/><path d=\"M463.45 138.87c.58-2.16 1.09-4.37 1.45-6.63 5.89-36.77-19.14-71.35-55.9-77.25-36.77-5.89-71.35 19.14-77.25 55.9-2.24 13.93 0 27.51 5.6 39.36l126.1-11.38z\" class=\"st1\"/><path d=\"m500.62 129.8 7.58-.68-.55-6.07c-.68.09-1.32.23-1.87.48-2.28 1.02-3.26 2.42-5.98 2.95-3.4.65-6.98.72-10.48.9-.46-.49-1.05-.89-1.79-1.18-1.61-.63-3.13-.67-4.79-.99-2.06-.39-4.45-1.35-6.43-2.11-2.6-1-4.35-2.94-6.28-4.64-8.28-25.4-30.12-45.4-58.32-49.92-40.12-6.44-77.87 20.88-84.3 61.01a73.47 73.47 0 0 0-.23 21.64l173.97-15.69-.51-5.67-.02-.03zM201.72 162.49c.32-7.58-1.04-15.36-4.3-22.78-11.44-25.97-41.75-37.75-67.72-26.31-22.86 10.06-34.71 34.76-29.43 58.24l101.45-9.15z\" class=\"st0\"/><path d=\"M128.28 169.11c.19-4.49-.61-9.08-2.55-13.47-6.77-15.36-24.7-22.32-40.04-15.57-13.52 5.96-20.53 20.56-17.4 34.45l59.99-5.41z\" class=\"st0\"/><path d=\"m151.13 167.05 73.98-6.67c3.81-7.84 5.16-16.84 3.27-25.92-4.67-22.37-27.23-36.58-50.39-31.74s-38.14 26.89-33.47 49.26a39.88 39.88 0 0 0 6.62 15.08l-.01-.01z\" class=\"st1\"/><path d=\"m147.82 167.35 84.06-7.58c.34-3.86.16-7.8-.67-11.77-4.67-22.37-27.23-36.58-50.39-31.74s-38.14 26.89-33.47 49.26c.13.63.3 1.23.46 1.85l.01-.02zM107.11 9l-2.51 4.59-4.6 2.51 4.59 2.51 2.51 4.59 2.51-4.59 4.59-2.51-4.59-2.51-2.5-4.59zM10 94l-3.54 6.46L0 104l6.47 3.54L10 114l3.54-6.47L20 104l-6.46-3.54L10 94z\" class=\"st0\"/><script/></svg>'\n );\n background-image:\n url(\"data:image/svg+xml,@{svg}\"),\n url(\"data:image/svg+xml,@{svg2}\");\n }\n }\n // news page header\n [src^=\"/static/a2-screen\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" xml:space=\"preserve\" id=\"A2_Light\" x=\"0\" y=\"0\" version=\"1.1\" viewBox=\"0 0 500 314.01\" cursor=\"default\"><style>.st0{fill:@{surface0}}.st1{fill:@{darker-blue}}.st3{fill:none;stroke:@{accent};stroke-width:2.0322;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}.st4{fill:@{accent}}.st5{fill:none;stroke:@{accent};stroke-width:2.4856;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}.st6{fill:@{surface1}}.st7{fill:@{base}}</style><path d=\"M347.23 278.89H19.35c-7.74 0-14.07-6.33-14.07-14.07V51.57c0-7.74 6.33-14.07 14.07-14.07h327.88c7.74 0 14.07 6.33 14.07 14.07v213.26c0 7.73-6.33 14.06-14.07 14.06\" class=\"st0\"/><path d=\"M167.27 279.02h29.71v63.5h-29.71zM18.08 263.48v-211c0-1.78 1.45-3.23 3.23-3.23h325.62c1.78 0 3.23 1.45 3.23 3.23v211c0 1.78-1.45 3.23-3.23 3.23H21.31c-1.77 0-3.23-1.46-3.23-3.23\" class=\"st1\"/><path d=\"M20.5 266.71c-1.93 0-3.57-1.63-3.57-3.57 0 0 120.4-4.22 210.82-65.73s117.7-148.16 117.7-148.16c1.93 0 3.57 1.63 3.57 3.57v210.32c0 1.93-1.63 3.57-3.57 3.57z\" fill=\"@{dark-blue}\"/><path d=\"M235.57 355.31h-106.9c-3.08 0-5.59-2.52-5.59-5.59v-1.17c0-3.08 2.52-5.59 5.59-5.59h106.9c3.08 0 5.59 2.52 5.59 5.59v1.17c.01 3.08-2.51 5.59-5.59 5.59\" class=\"st1\"/><path d=\"M347.23 278.89H19.35c-7.74 0-14.07-6.33-14.07-14.07V51.57c0-7.74 6.33-14.07 14.07-14.07h327.88c7.74 0 14.07 6.33 14.07 14.07v213.26c0 7.73-6.33 14.06-14.07 14.06\" class=\"st3\"/><path d=\"M347.23 279.91H19.35c-8.32 0-15.08-6.77-15.08-15.08V51.57c0-8.32 6.77-15.08 15.08-15.08h327.88c8.32 0 15.08 6.77 15.08 15.08v213.26c.01 8.31-6.76 15.08-15.08 15.08M19.35 38.52c-7.2 0-13.05 5.85-13.05 13.05v213.26c0 7.2 5.86 13.05 13.05 13.05h327.88c7.2 0 13.05-5.86 13.05-13.05V51.57c0-7.2-5.86-13.05-13.05-13.05z\" class=\"st4\"/><path d=\"M17.25 263.7v-211c0-1.78 1.45-3.23 3.23-3.23H346.1c1.78 0 3.23 1.45 3.23 3.23v211c0 1.78-1.45 3.23-3.23 3.23H20.48c-1.77 0-3.23-1.46-3.23-3.23\" class=\"st3\"/><path d=\"M196.97 343.54h-29.71c-.56 0-1.02-.45-1.02-1.02v-63.51c0-.56.45-1.02 1.02-1.02h29.71c.56 0 1.02.45 1.02 1.02v63.51c0 .57-.45 1.02-1.02 1.02m-28.69-2.03h27.67v-61.47h-27.67z\" class=\"st4\"/><path d=\"M235.57 356.33h-106.9c-3.64 0-6.61-2.96-6.61-6.61v-1.17c0-3.64 2.96-6.61 6.61-6.61h106.9c3.64 0 6.61 2.96 6.61 6.61v1.17c0 3.64-2.96 6.61-6.61 6.61m-106.9-12.35c-2.52 0-4.58 2.05-4.58 4.58v1.17c0 2.52 2.05 4.58 4.58 4.58h106.9c2.52 0 4.58-2.05 4.58-4.58v-1.17c0-2.52-2.05-4.58-4.58-4.58z\" class=\"st4\"/><ellipse cx=\"343.76\" cy=\"365.21\" class=\"st1\" rx=\"73.2\" ry=\"8.68\"/><circle cx=\"474.1\" cy=\"25.71\" r=\"12.48\" class=\"st5\"/><circle cx=\"474.1\" cy=\"25.71\" r=\"23.22\" class=\"st0\"/><ellipse cx=\"483.1\" cy=\"15.14\" class=\"st6\" rx=\"5.6\" ry=\"12.76\" transform=\"rotate(-53.556 483.136 15.134)\"/><path d=\"M438.12 325.29c-3.41-39.8-6.81-80.04-10.22-120.65-.68-7.41-5.96-13.38-12.27-13.78-29.55-2.71-110.25-2.72-139.43-.18-6.17.36-11.39 5.97-12.25 13.21-4.4 40.81-8.8 81.17-13.19 120.95-1.05 8.58 4.73 16.79 12.24 17.33 54.22 3.7 108.62 3.7 162.83 0 7.36-.52 13.09-8.43 12.29-16.88\" class=\"st6\"/><path d=\"M438.12 325.29c-3.41-39.8-6.81-80.04-10.22-120.65-.63-6.87-5.23-12.5-10.92-13.6l-14.96 65.13c-5.29 27.99-23.13 73.05-47.14 88.38 2.95-.18 68-2.18 70.95-2.38 7.36-.52 13.09-8.43 12.29-16.88\" class=\"st7\"/><path d=\"M319.45 324.67C369.53 301.28 391 190.04 391 190.04c-19.98-1.78-94.71-.71-116.98.99-3.5.27-8.97 8.46-9.43 11.95-2.68 20.44-11.45 88.14-14.17 119.86-.69 7.9 27.25 21.36 69.03 1.83\" class=\"st0\"/><path d=\"M421.83 141.72c-.93-41.53-35.19-76.65-77.34-76.84-42.23.19-76.55 35.44-77.35 77.08h.06v15.23c0 8.76 7.11 16.1 15.89 16.34 40.95 1.02 81.92 1.02 122.87 0 8.77-.23 15.89-7.58 15.89-16.34-.02-5.16-.02-10.31-.02-15.47\" class=\"st7\"/><path d=\"M323.01 171.02c5.4-3.47 10.7-7.12 15.88-10.95 9.2-6.82 17.95-14.38 25.57-22.98 5.81-6.56 10.96-13.63 15.41-21.12 4.78-8.05 8.86-16.58 11.13-25.62.62-2.48 1.11-5.04 1.37-7.63-13.17-10.69-29.79-17.42-47.88-17.55-42.23-.15-76.55 35.16-77.35 76.79h.06v15.23c0 8.76 7.11 16.11 15.89 16.32 11.63.27 23.25.44 34.88.51 1.7-.95 3.39-1.94 5.04-3\" class=\"st0\"/><path d=\"M402.83 128.17c-3.94-15.77-14.22-29.56-29.47-38.19a53.2 53.2 0 0 0-12.66-5.14c-21.6-5.67-43.25.26-58.37 15.12-7.84 7.7-13.32 17.2-16.04 27.58-1.65 6.29 3.11 12.43 9.61 12.46l97.19.43c6.44.02 11.31-6.01 9.74-12.26\" class=\"st5\"/><path d=\"M402.83 128.17c-3.94-15.77-14.22-29.56-29.47-38.19a53.2 53.2 0 0 0-12.66-5.14c-21.6-5.67-43.25.26-58.37 15.12-7.84 7.7-13.32 17.2-16.04 27.58-1.65 6.29 3.11 12.43 9.61 12.46l97.19.43c6.44.02 11.31-6.01 9.74-12.26\" fill=\"#fda288\" stroke=\"@{accent}\" stroke-width=\"2.4856\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"/><path d=\"M402.83 128.17c-3.94-15.77-14.22-29.56-29.47-38.19a53.2 53.2 0 0 0-12.66-5.14c-21.6-5.67-43.25.26-58.37 15.12-7.84 7.7-13.32 17.2-16.04 27.58-1.65 6.29 3.11 12.43 9.61 12.46l97.19.43c6.44.02 11.31-6.01 9.74-12.26\" fill=\"@{dark-peach}\"/><path d=\"M402.83 129.69c-3.94-13.81-14.22-25.89-29.47-33.45a57.4 57.4 0 0 0-12.66-4.5c-21.6-4.97-43.25.23-58.37 13.24-7.84 6.75-13.32 15.06-16.04 24.15-1.65 5.51 3.11 10.89 9.61 10.92l97.19.38c6.44.02 11.31-5.26 9.74-10.74\" fill=\"@{peach}\"/><ellipse cx=\"323.84\" cy=\"108.98\" rx=\"18.87\" ry=\"10.71\" transform=\"rotate(-28.382 323.842 108.996)\" fill=\"@{light-peach}\"/><path d=\"M474.1 50.17c-13.49 0-24.46-10.97-24.46-24.46S460.61 1.25 474.1 1.25s24.46 10.97 24.46 24.46-10.97 24.46-24.46 24.46m0-46.44c-12.12 0-21.98 9.86-21.98 21.98s9.86 21.98 21.98 21.98 21.98-9.86 21.98-21.98-9.86-21.98-21.98-21.98\" class=\"st4\"/><path d=\"M474.1 39.43c-7.57 0-13.72-6.16-13.72-13.72 0-7.57 6.16-13.73 13.72-13.73 7.57 0 13.72 6.16 13.72 13.73.01 7.57-6.15 13.72-13.72 13.72m0-24.96c-6.2 0-11.24 5.04-11.24 11.24s5.04 11.24 11.24 11.24 11.24-5.04 11.24-11.24-5.04-11.24-11.24-11.24M344.41 346.18c-27.23 0-54.46-.92-81.5-2.77-3.59-.26-6.97-2.1-9.5-5.18-3.06-3.72-4.48-8.66-3.88-13.54 4.21-38.06 8.64-78.75 13.19-120.93.94-7.91 6.58-13.93 13.41-14.32 29.64-2.58 110.56-2.48 139.61.18 6.87.43 12.65 6.84 13.39 14.9 3.62 43.12 6.96 82.59 10.22 120.65.45 4.81-1.03 9.63-4.08 13.23-2.52 2.98-5.84 4.76-9.36 5.01-27.03 1.85-54.27 2.77-81.5 2.77m-.45-156.14c-26.76 0-53.25.62-67.65 1.88-5.57.32-10.34 5.53-11.12 12.12-4.54 42.17-8.98 82.86-13.19 120.94-.51 4.16.74 8.52 3.33 11.67 2.1 2.55 4.86 4.07 7.76 4.28 53.96 3.69 108.69 3.68 162.66 0 2.83-.2 5.55-1.67 7.63-4.14 2.62-3.09 3.89-7.24 3.5-11.39v-.01c-3.26-38.07-6.6-77.54-10.22-120.65-.63-6.85-5.41-12.29-11.11-12.64-14.88-1.37-43.38-2.06-71.59-2.06\" class=\"st4\"/><path d=\"M345.18 344.72c-.69 0-1.24-.56-1.24-1.24V189.51a1.24 1.24 0 1 1 2.48 0v153.97c0 .69-.55 1.24-1.24 1.24\" class=\"st4\"/><path d=\"M431.75 252.37h-.08c-57.04-3.59-114.89-3.59-171.94 0a1.243 1.243 0 0 1-.16-2.48c57.15-3.59 115.1-3.59 172.25 0 .69.04 1.2.63 1.16 1.32a1.23 1.23 0 0 1-1.23 1.16m-87.27-76.84c-20.53 0-41.05-.25-61.43-.76-9.43-.25-17.1-8.13-17.1-17.58v-14.87c-.04-.12-.06-.25-.06-.38.82-42.98 36.08-78.1 78.58-78.3 42.33.19 77.55 35.13 78.58 77.91.01.06.01.11.01.17v15.47c0 9.44-7.67 17.33-17.1 17.58-20.38.5-40.93.76-61.48.76m-76.09-33.91c.03.11.05.22.05.34v15.23c0 8.11 6.59 14.88 14.68 15.09 40.74 1.02 82.06 1.02 122.8 0 8.09-.21 14.67-6.99 14.67-15.09v-15.33c0-.04-.01-.07-.01-.11-.93-41.51-35.07-75.44-76.1-75.62-41.04.18-75.1 34.02-76.09 75.49\" class=\"st4\"/><path d=\"M359.68 157.3h-27.6a1.24 1.24 0 1 1 0-2.48h27.6a1.24 1.24 0 1 1 0 2.48m33.45-15.63h-.05l-97.19-.43c-3.5-.02-6.73-1.62-8.86-4.39a11.1 11.1 0 0 1-1.95-9.63c2.79-10.63 8.45-20.37 16.37-28.15 15.63-15.36 37.9-21.13 59.56-15.44 4.53 1.19 8.89 2.96 12.96 5.26 15.26 8.64 25.94 22.48 30.07 38.97.83 3.32.09 6.77-2.04 9.48-2.16 2.75-5.39 4.33-8.87 4.33m-48.58-57.7c-15.41 0-30.15 5.87-41.35 16.87-7.6 7.47-13.04 16.81-15.71 27.01-.69 2.61-.13 5.34 1.52 7.49a8.68 8.68 0 0 0 6.9 3.42l97.19.43h.04a8.74 8.74 0 0 0 6.91-3.37c1.65-2.1 2.23-4.78 1.58-7.35-3.96-15.83-14.21-29.11-28.88-37.41a51.4 51.4 0 0 0-12.37-5.02 62.2 62.2 0 0 0-15.83-2.07m96.72 137.96h-9.51a1.24 1.24 0 1 1 0-2.48h9.51c17.42 0 31.59-14.17 31.59-31.59V26.42a1.24 1.24 0 1 1 2.48 0v161.43c0 18.79-15.28 34.08-34.07 34.08m-22.46-77.38c-.68 0-1.24-.55-1.24-1.23-.01-.69.54-1.25 1.23-1.26l14.31-.16h.01c.68 0 1.24.55 1.24 1.23.01.69-.54 1.25-1.23 1.26l-14.31.16z\" class=\"st4\"/><path d=\"M439.82 151.22c-2.99 0-5.86-1.69-7.21-4.57-1.86-3.97-.14-8.71 3.82-10.57 3.97-1.86 8.71-.14 10.57 3.82 1.86 3.97.14 8.71-3.82 10.57-1.08.51-2.23.75-3.36.75m-.02-13.4a5.47 5.47 0 0 0-4.94 7.78 5.47 5.47 0 0 0 7.26 2.63 5.47 5.47 0 0 0 2.63-7.26 5.44 5.44 0 0 0-4.95-3.15m-168.19 6.73h-.01l-14.31-.16c-.69-.01-1.24-.57-1.23-1.26s.54-1.24 1.26-1.23l14.31.16a1.246 1.246 0 0 1-.02 2.49\" class=\"st4\"/><path d=\"M250.6 151.22c-1.13 0-2.27-.24-3.36-.75-3.97-1.86-5.68-6.6-3.82-10.57s6.6-5.68 10.57-3.82 5.68 6.6 3.82 10.57a7.97 7.97 0 0 1-7.21 4.57m.02-13.4c-2.05 0-4.02 1.16-4.95 3.14a5.46 5.46 0 1 0 7.26-2.63c-.75-.35-1.54-.51-2.31-.51M474.14 32.3c-3.46 0-6.27-2.81-6.27-6.27s2.81-6.27 6.27-6.27 6.27 2.81 6.27 6.27-2.81 6.27-6.27 6.27m0-10.05c-2.09 0-3.78 1.7-3.78 3.78s1.7 3.78 3.78 3.78c2.09 0 3.78-1.7 3.78-3.78s-1.69-3.78-3.78-3.78\" class=\"st4\"/><circle cx=\"354.39\" cy=\"337.07\" r=\"2.56\" class=\"st4\"/><circle cx=\"353.74\" cy=\"240.92\" r=\"2.56\" class=\"st4\"/><circle cx=\"474.1\" cy=\"26.06\" r=\"4.1\" class=\"st4\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n // new app releases page header\n [src^=\"/static/a2-drop\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" xml:space=\"preserve\" id=\"A2_Light\" x=\"0\" y=\"0\" version=\"1.1\" viewBox=\"0 0 500 701.65\" cursor=\"default\"><style>.st1{fill:@{base}}.st2{fill:@{surface2}}.st3{fill:none;stroke:#2a2a2a;stroke-width:2.9247;stroke-miterlimit:10}.st4{fill:@{accent}}.st5{fill:@{surface0}}.st7{fill:#dff0ff}</style><path d=\"M143.64 15.2c.01 0 .03-.01.04-.01l1.18-.38c.01 0 .03-.01.04-.01 99.7-33.11 208.15 15.03 242.23 117.4.28.74.54 1.49.75 2.25 2.01 7.22-1 40.29-33.1 46.36-4.82 12.59-16.59 31.93-37.31 43.3-12.45 6.83-30.32 10.19-43.24 6.81-4.78 9.22-25.99 27.09-46.38 33.62-1.12.36-5.7 1.82-6.82 2.18-20.39 6.52-48.04 4.28-57.28-.46-8.56 10.25-25.06 17.88-39.17 19.55-23.47 2.77-44.28-6.15-55.51-13.61-29.67 13.69-51.31-11.49-53.86-18.54-.27-.74-.49-1.5-.7-2.27C-17.14 148.24 43.23 46.09 143.64 15.2\" fill=\"@{surface1}\"/><path d=\"M221.03 266.71c-20.39 6.52-48.04 4.28-57.28-.46-8.56 10.25-25.06 17.88-39.17 19.55-23.47 2.77-44.28-6.15-55.51-13.61-29.67 13.69-51.31-11.49-53.86-18.54-3.64-10.05-.99-22.29 6.77-35.43 8.26-10.59 21.43-19.59 38.64-24.26 6.2-24.51 46.54-41.86 74.32-35.61 4.37-13.07 23.99-24.79 45.04-31.74 21.18-6.55 43.95-8.39 55.1-.29 18.99-21.21 61.91-30.49 81.19-14.13 16.72-6.18 32.67-6.49 45.55-2.66 13.95 6.2 23.21 14.63 26.08 24.92 2.01 7.22-1 40.29-33.1 46.36-4.82 12.59-16.59 31.93-37.31 43.3-12.45 6.83-30.32 10.19-43.24 6.81-4.78 9.22-25.99 27.09-46.38 33.62-1.13.35-5.72 1.82-6.84 2.17\" class=\"st1\"/><path d=\"M168.46 120.05C138.98 68.41 143.64 15.2 143.64 15.2s-60.12 20.46-9.33 141.24c.01 0 6.38-28.26 34.15-36.39m-82.59 36.09c-31.3-89.92 23.16-125.12 23.16-125.12S21.26 56.13 60.05 192.6c0 0-3.54-24.88 25.82-36.46\" class=\"st2\"/><path d=\"M63.15 61.3s-48 48.85-34.81 138.56c0 0-21.51 15.61-16.09 44.12.01 0-34.43-94.82 50.9-182.68m205.48 34.13s-21.79-73.38-77.22-89.64l-34.62 6.06S214 23.97 234 124.36c0 .01 4.78-21.8 34.63-28.93m87.67 1.3S303.04 11.04 237.27 5.67l-23.08-.49s75.48 8.49 103.87 106.27c0 0 4.8-18.9 38.24-14.72\" class=\"st2\"/><path d=\"M317.16 110.94c-.62 0-1.19-.39-1.39-1.01-.32-.98-32.68-97.93-103.86-103.58a1.45 1.45 0 0 1-1.34-1.57c.06-.8.79-1.42 1.57-1.34 73.13 5.8 106.08 104.58 106.41 105.58.25.77-.17 1.59-.94 1.84-.15.05-.3.08-.45.08m-82.56 13.62c-.69 0-1.31-.49-1.44-1.19-.19-.99-19.18-99.23-80.31-109.65a1.47 1.47 0 0 1-1.2-1.69c.14-.8.92-1.33 1.69-1.2 63.13 10.76 82.5 110.99 82.69 112 .15.79-.38 1.56-1.17 1.7-.08.03-.17.03-.26.03\" class=\"st4\"/><path d=\"M262.56 343.79c-.11 0-.22-.01-.33-.04-.79-.18-1.28-.97-1.09-1.76l53.71-230.15c.18-.79.98-1.28 1.76-1.09.79.18 1.28.97 1.09 1.76l-53.71 230.15a1.48 1.48 0 0 1-1.43 1.13\" class=\"st4\"/><path d=\"M260.81 345.18c-.73 0-1.36-.55-1.45-1.29l-26.22-220.62c-.09-.8.48-1.53 1.28-1.63.8-.09 1.53.48 1.63 1.28l26.22 220.62c.09.8-.48 1.53-1.28 1.63-.06.01-.12.01-.18.01m3.69-2.9c-.27 0-.54-.07-.78-.23-.68-.43-.89-1.33-.46-2.02l123.4-195.62c.43-.68 1.33-.89 2.02-.46.68.43.89 1.33.46 2.02l-123.4 195.62c-.27.44-.75.69-1.24.69m88.82-161.4c-.01-.28-1.65-28.23-25.58-71.62l2.56-1.41c24.29 44.06 25.88 71.74 25.93 72.89zm-77.62 50.07-2.92-.07c.01-.58 1.09-59.1-20.98-117.59l2.74-1.03c22.26 59.04 21.17 118.1 21.16 118.69\" class=\"st4\"/><path d=\"M13.82 254.1c-15.5-48.43-11.31-99.48 11.81-143.75C49.86 63.96 91.62 29.67 143.21 13.8l1.21-.39C195.68-3.61 249.58.08 296.23 23.79 340.75 46.43 373.8 85.57 389.28 134l-2.78.89c-15.25-47.68-47.78-86.21-91.6-108.49C248.95 3.04 195.85-.59 145.37 16.18l-1.24.4c-50.9 15.66-92.04 49.44-115.9 95.13-22.76 43.57-26.88 93.82-11.62 141.5z\" class=\"st4\"/><path d=\"M58.32 193.73c-.62 0-1.2-.4-1.4-1.02-.31-1-30.81-100.57 25.38-147.73a1.46 1.46 0 0 1 2.06.18c.52.62.44 1.54-.18 2.06-54.69 45.9-24.78 143.63-24.47 144.61.24.77-.19 1.59-.96 1.83-.14.05-.29.07-.43.07m75.14-36.81c-.55 0-1.08-.31-1.33-.85-.43-.93-42.83-93.79 2.34-139.2.57-.57 1.49-.58 2.07-.01.57.57.58 1.5 0 2.07-43.73 43.96-2.18 134.99-1.76 135.9.34.73.02 1.6-.71 1.94-.2.1-.4.15-.61.15\" class=\"st4\"/><path d=\"M260.2 345.99c-.31 0-.62-.1-.88-.29L59.74 195.13c-.64-.49-.77-1.4-.29-2.05.48-.64 1.4-.78 2.05-.29l199.58 150.57c.64.49.77 1.4.29 2.05-.29.38-.73.58-1.17.58\" class=\"st4\"/><path d=\"M260.2 345.99c-.47 0-.94-.23-1.22-.65L132.24 156.27a1.464 1.464 0 0 1 2.43-1.63l126.74 189.08c.45.67.27 1.58-.4 2.03-.24.16-.53.24-.81.24\" class=\"st4\"/><path d=\"M260.2 345.99c-.16 0-.32-.03-.47-.08L20.96 263.8a1.467 1.467 0 0 1-.91-1.86c.26-.76 1.09-1.17 1.86-.91l238.77 82.12c.76.26 1.17 1.09.91 1.86-.21.6-.78.98-1.39.98M67.84 272.98c-.63-.97-15.4-24.44-21.18-74.41l2.9-.34c5.7 49.22 20.59 72.93 20.74 73.17zm94.74-5.85c-.35-.47-35.52-47.93-51.65-108.94l2.83-.75c15.98 60.44 50.81 107.47 51.16 107.93z\" class=\"st4\"/><path d=\"M115.67 287.79c-22.82 0-40.54-9.94-46.72-13.93-11 4.87-21.94 5.1-32.52.69-12.66-5.28-20.96-15.89-22.59-20.39-3.67-10.14-1.29-22.82 6.89-36.67 8.94-11.48 22.63-20.18 38.7-24.71 7.18-25.35 47.29-41.49 74.58-36.11 5.65-13.94 27.01-25.33 45.51-31.44 18.64-5.77 42.65-8.89 55.34-.82 19.1-20.22 61.14-30.34 81.69-13.88 15.71-5.64 31.9-6.49 45.68-2.4 14.88 6.6 24.18 15.54 27.07 25.93 1.29 4.61.68 18.06-6.56 29.72-6.05 9.73-15.09 15.89-26.88 18.31-3.07 7.72-13.72 30.16-37.67 43.3-13.08 7.18-30.65 10.08-43.21 7.21-5.69 9.45-26.2 26.78-46.66 33.33l-6.82 2.18c-20.46 6.54-47.21 4.34-57.34-.06-8.56 9.62-24.55 17.46-39.38 19.21-3.13.36-6.16.53-9.11.53M69.2 270.52l.68.45c5.94 3.95 27.44 16.57 54.53 13.37 14.58-1.72 30.29-9.55 38.22-19.03l.75-.9 1.04.53c8.87 4.55 36.36 6.7 56.17.37l6.82-2.18c19.81-6.34 40.94-24.05 45.53-32.9l.54-1.04 1.13.3c11.95 3.13 29.29.38 42.17-6.68 23.92-13.12 34.1-35.88 36.65-42.54l.29-.76.8-.15c11.34-2.14 20-7.91 25.74-17.14 6.68-10.75 7.36-23.34 6.23-27.39-2.65-9.52-11.39-17.81-25.26-23.98-13.22-3.92-29.07-2.98-44.44 2.7l-.8.3-.65-.55c-19.14-16.24-61.5-5.72-79.15 13.99l-.88.98-1.07-.78c-9.61-6.99-30.23-6.8-53.81.5-23.41 7.73-40.31 19.54-44.08 30.81l-.42 1.25-1.29-.29c-25.81-5.81-66.42 10.21-72.58 34.54l-.21.83-.85.24c-15.82 4.3-29.26 12.73-37.87 23.75-7.62 12.92-9.92 24.74-6.55 34.03 1.43 3.95 9.29 13.81 20.97 18.69 10.03 4.19 20.43 3.86 30.9-.98z\" class=\"st4\"/><path d=\"M253.72 656.26c-.65-2.13-1.34-4.24-1.99-6.37-.68-2.23-1.04-3.48-1.5-5.75-.29-1.46-1.31-2.65-2.68-3L217.91 526.9c-8.36-20.39 29.04-55.02 83.53-77.35 54.49-22.32 105.43-23.89 113.79-3.5l61.78 106.97c.88.47 1.77.92 2.67 1.33 1.84-.12 2.39.96 3.19 3.27.05.14.71 1.18.75 1.31 1.42 4.12-1.69 6.92-5.85 5.45-2.89-1.02-5.45-2.81-8.17-4.27-.64.43-1.46.71-2.49.71-5.96.01-10.21-.72-16-2.03-2.62-.59-3.93 2.15-6.61 2.12-.39.03-1.91-.79-2.3-.76-.76 1.27-2.01-.23-3.59-.01-12.93 1.81-25.52 7.16-38.56 8.77-4.01.49-7.85 1.37-11.69 2.26-.53.23-1.05.47-1.57.69-11.76 5.06-24.42 6.45-35.74 12.46-6.52 3.46-13.07 5.77-19.23 10.03-5.84 4.04-11.99 7.58-18.28 10.87-.53.28-1.03.57-1.55.85-.79.52-1.58 1.05-2.39 1.55-8.9 5.53-17.64 12.26-25.98 18.67-5.76 4.43-10.55 8.98-15.04 14.7-1.88 2.4-3.65 4.78-5.39 7.3-1.63 2.36-4.62 5.27-5.32 8.06-.46 1.84-1.66 3.02-3.09 3.61-.33-1.24-.69-2.47-1.06-3.7\" class=\"st5\"/><path d=\"M253.72 656.26c-.65-2.13-1.34-4.24-1.99-6.37-.68-2.23-1.04-3.48-1.5-5.75-.29-1.46-1.31-2.65-2.68-3L217.91 526.9c-5.68-13.87 9.82-34.33 37.46-53.03l48.65 137.4c-4.01 1.88 31.62-19.55 27.8-16.91-5.84 4.04-11.99 7.58-18.28 10.87-.53.28-1.03.57-1.55.85-.79.52-1.58 1.05-2.39 1.55-8.9 5.53-17.64 12.26-25.98 18.67-5.76 4.43-10.55 8.98-15.04 14.7-1.88 2.4-3.65 4.78-5.39 7.3-1.63 2.36-4.62 5.27-5.32 8.06-.46 1.84-1.66 3.02-3.09 3.61-.33-1.25-.69-2.48-1.06-3.71\" class=\"st1\"/><path d=\"M314.46 444.6c49.36-17.46 93.08-17.3 100.76 1.46L477 553.03c.88.47 1.77.92 2.67 1.33 1.84-.12 1.87.76 2.67 3.07.05.14 1.18 1.25 1.23 1.39 1.42 4.12-1.64 7.05-5.81 5.58-2.89-1.02-5.45-2.81-8.17-4.26-.64.43-1.46.71-2.49.71-3.97.01-7.19-.32-10.6-.92-.92.78-2.13 1.26-3.64 1.15-6.28-.44-12.28.66-18.55.54-1.3-.02-2.6.03-3.89.11-10.11 2.35-20.11 5.94-30.39 7.21-4.01.49-7.85 1.37-11.69 2.26-.53.23-1.05.47-1.57.69-9.58 4.12-19.75 5.81-29.32 9.54-3.18-9.07-5.83-18.33-8.77-27.48-3.44-10.71-8.27-20.82-12.94-31.04-1.02-2.23-2-4.47-2.96-6.72-.44-.42-.83-.92-1.13-1.55-6.5-13.56-13.16-27.76-16.64-42.42-.08-.34-.11-.66-.13-.98-4.57-6.83-8.07-14.08-9.01-22.43-.55-5.13 5.71-6.99 8.59-4.21\" class=\"st5\"/><path d=\"M258.23 659.21c-.22-.83-.25-1.75.02-2.73 1.45-5.24 6.01-10.57 9-15.04 4.07-6.08 10.62-9.21 16.01-13.94 5.27-4.62 10.76-8.84 16.17-13.3 5.85-4.82 9.44-9.82 16.75-12.73 2.05-.81 3.83-.25 5.06.92 5.07-3.44 10.22-6.76 15.46-9.92 2.47-1.49 4.98-2.94 7.51-4.37 6.98-3.04 14.26-5.27 21.41-7.89 6.76-2.48 13.32-5.55 20.18-7.75 3.25-1.04 6.63-1.56 9.94-2.37 3.39-.83 6.75-1.79 10.09-2.8 12.88-3.89 25.72-8.23 39.39-6.91 1.66.16 2.84-.67 3.46-1.81 12.34.68 24.54 3.24 36.04 7.84l5.13 8.88 2.57 4.15c9.96 24.31-34.82 65.67-100.02 92.38s-125.69 28.6-135.65 4.29l-1.37-4.75-1.51-5.82c1.4-2.17 2.85-4.27 4.36-6.33\" class=\"st1\"/><path d=\"M305.87 641.57c-.1-.31-.1-.67.08-1.09.97-2.21 3.74-4.72 5.59-6.76 2.51-2.77 6.37-4.59 9.61-6.94 3.16-2.3 6.44-4.45 9.69-6.7 3.51-2.43 5.7-4.73 10-6.53 1.2-.5 2.22-.44 2.9-.08 3.02-1.81 6.08-3.58 9.19-5.3 1.47-.81 2.95-1.61 4.45-2.39 4.11-1.82 8.38-3.35 12.57-5.01 3.97-1.58 7.84-3.37 11.86-4.85 1.91-.7 3.87-1.2 5.81-1.81 1.98-.63 3.95-1.31 5.9-2 7.54-2.68 15.08-5.53 22.94-6.2.95-.08 1.66-.51 2.05-1.02 7.11-.81 14.1-.87 20.63-.06l2.74 3.07 1.38 1.42c5.14 8.77-21.79 29.12-60.15 45.45s-73.37 22.39-78.51 13.62l-.67-1.77-.72-2.18c.84-.96 1.74-1.92 2.66-2.87\" fill=\"@{mantle}\"/><path d=\"M221.98 473.01c1.93-4.03 6.73-6.9 10.32-9.54-.23-1.54.17-3.2 1.53-4.55.75-.74 1.56-1.47 2.39-2.19 3.08-2.71 6.4-5.16 9.77-7.53 7.75-5.92 15.58-11.63 24.08-16.57 10.7-6.22 22.68-10.77 33.79-16.23 5.3-2.6 11.45-4.2 17.28-5.07 7.39-1.1 14.59-3.22 21.95-4.48 11.99-2.05 24.25-3.35 35.48 2.04 1.36.65 2.17 1.66 2.58 2.79 1.79.49 2.66 1.16 4.09 2.61 1.7 1.73 2.6 3.42 3.19 5.74.77 3.07-1.25 4.93-3.68 5.29-.04.18-.11.36-.17.53-.04.1-.07.2-.12.3-.07.15-.14.29-.23.43-.09.15-.19.29-.29.43-.08.1-.15.21-.24.31-.22.25-.46.48-.75.71-.34.26-.68.46-1.03.63-.07.03-.15.05-.22.08q-.42.18-.84.27c-.05.01-.1.01-.15.02-.31.05-.61.07-.91.06h-.05c-.33-.02-.65-.08-.97-.17-1.57.54-3.27.9-4.94 1.23-.99-.87-2.43-1.1-3.76-.68-10.59 3.28-21.5 5.31-32.24 7.97-9.98 2.47-19.49 5.8-28.98 9.75-9.7 4.03-19.29 8.32-28.57 13.23-9.45 5-18.36 10.71-27 17-5.45 3.97-10.99 7.81-16.58 11.59-2.37.83-4.74 1.22-6.99.86-6.14-.98-10.26-11.62-7.74-16.86\" class=\"st1\"/><path d=\"M198.55 447.18c-.52-2.31-1.24-3.1-.51-5.82.01-.03.52-2.79.53-2.82-.6-4.33.6-8.71.36-13.07-.41-7.4.26-12.71 3.85-18.77-1.48-.4-.28-2.28-.69-3.79 7.47-13.95 15.05-27.88 25.48-39.87 2.22-2.03 4.51-3.99 6.84-5.91 8.29-6.83 17.62-12.67 28.58-14.41 1.52-.24 3.23-1.72 3.6-2.85 1.52-.15 2.42-1.92 3.97-1.77 1.53.15 2.65-.55 3.29-1.56 1.19.58 1.99 1.7 2.33 2.99 4.82-.75 9.7-.84 14.46-1.72.81-2.51 3.35-4.55 6.54-3.38 1.06.39 2.18.72 3.31 1.01 2.9-.55 5.81-.9 8.93-1.05 4.3-.2 7.72.46 11.77 2.18.83.35 1.61.78 2.38 1.25.05.01.09 0 .14.01 8.48 1.27 15.76 5.91 23.15 9.86 5.79 3.1 12.43 6.63 16.97 11.38 4.58 4.79 9.01 10.07 13.07 15.53 3.08 2.93 6.13 5.91 9.11 8.89 2.19 2.19 4.01 4.71 5.84 7.23-1.27.95-1.65 2.77-1.13 4.26 2.04 5.84 3.47 11.87 5.51 17.71.38 1.1 1.32 1.76 2.38 2.01-.72 3.56-1.61 7.23-1.83 11.08-.37 6.45-12.7 6.79-12.33.38.15-2.61 2.29-6.98 2.8-9.56.04-.21.1-.42.16-.63-.48-.31-.95-.71-1.38-1.26-.45-.57-.88-1.17-1.3-1.78-6.11-7.46-14.46-5.21-23.22-6.83-8.37-1.55-17.76-.66-26.03 1.14-4.09.89-8.21 1.2-12.32 1.93-3.85.69-7.34 2.67-11.05 3.85-8.31 2.65-16.35 5.61-24.14 9.59-15.98 8.17-31.57 17.43-46.27 27.68-6.69 4.66-11.37 9.39-15.17 16.64-1.91 3.63-5.82 9.18-3.59 13.45.54.75 1.08 1.51 1.56 2.3 1.83 2.31 3.95 4.22 5.01 7.33 1.04 3.06-.63 6.39-3.99 6.87-4.35.62-7.58-.09-9.28-3.4-1.35.04-1.61-2.72-2.86-4.06-3.91-4.21-7.65-8.76-6.65-14.3-.82-.7-1.38-1.71-1.43-3.06-.12-3.03-2.1-1.96-2.64-5.1-.36-1.18-.83-4.24-1.27-5.45-1.31-3.52-.37-9.32-1.25-12.98-.27-.98-1.85-.62-1.59-1.35m20.26-25.45c2.24 2.73 4.01 1.62 6.87.19 3-1.5 5.7-3.54 8.49-5.38 12.01-7.94 24.08-16 37.3-21.89 13.51-6.02 27.38-12.26 41.97-15.16 6.4-1.28 12.79-2.56 18.86-5.26 4.8-2.13 13.75-4.2 15.11-9.81.03-.94.05-1.87.01-2.8-1.43-.97-2.86-1.9-4.26-2.71-3.19-1.85-6.77-3.05-10.11-4.6-.77-.36-1.52-.75-2.25-1.15-2.38-.72-4.54-1.9-6.65-3.16-3.63-1.01-7.48-1.6-10.83-2.19-4.03-.71-8.32.55-12.54-.31-1.51.4-3.11-.96-4.64-.51-4.09 1.2-8.46 1.39-12.68 1.8-9.53.92-18.43 3.09-25.98 9.21-3.98 3.23-8.41 5.7-12.39 8.87-4 3.2-7.2 7.15-11.24 10.36-8.62 6.85-10.03 15.32-14.72 24.53-.21.42-.44.83-.66 1.24-1.16 4.73-2.79 14.9.34 18.73\" class=\"st5\"/><path d=\"m409.44 436.59 78.57 130.21-17.37-7.08-75.68-131.24z\" class=\"st1\"/><path d=\"M183.48 453.83c-.05-.01-.1-.02-.13-.03.03 0 .07.02.13.03m-.13-.03c-.06-.02-.05-.02 0 0m.33.08c-.01 0-.01 0-.02-.01.15.04.23.07.02.01m-.08-.02c-.04-.01-.09-.02-.12-.03zm.06.02c-.02 0-.04-.01-.06-.01.02 0 .04 0 .06.01\" class=\"st7\"/><path d=\"M248.48 349.22s-16.53 31.6 1.99 81.81c0 0-47.59 28.61-39.05 54.55 0 0-34.94-53.45 7.47-108.69 23.14-30.15 29.59-27.67 29.59-27.67\" class=\"st1\"/><path d=\"M221.79 415.65c2.23-3.37 4.13-6.94 5.62-10.7 1.35-3.4 2.21-7 3.88-10.26 1.31-2.55 3.11-4.83 4.84-7.09 2.02-2.63 4.12-5.17 6.46-7.52 4.97-4.99 10.61-9.33 16.51-13.16 5.67-3.68 11.7-7.14 18.22-9.04 2.78-.81 5.63-1.39 8.49-1.88 5.49.52 10.98 1.72 16.01 2.53 10.84 1.74 22.15 2.34 32.77 5.33 3.5.99 3.81 4.36 2.32 6.81-.06 2.18-1.38 4.25-4.22 4.51-1.64.15-3.28.45-4.9.83-.86-1.76-2.77-2.24-4.56-1.75-8.13 2.22-16.26 4.43-24.3 6.93-7.22 2.25-14.42 4.68-21.36 7.67-6.55 2.82-12.77 6.42-18.74 10.31-2.25 1.47-4.46 2.99-6.65 4.54-2.48 1.19-4.9 2.5-7.2 4.01-3.74 2.45-7.51 4.97-11.08 7.68-3.23 2.46-5.38 4.96-9.64 3.5-1.39-.48-2.31-1.61-2.77-2.92.11-.09.21-.19.3-.33\" fill=\"@{peach}\"/><path d=\"M238.86 399.53c2.15 1.74 9.65-4.05 19.22-11.75 9.5-7.73 17.44-14.65 15.36-16.97-2.01-2.32-13.38 1.38-22.95 9.73-9.65 8.31-13.72 17.31-11.63 18.99\" fill=\"@{light-peach}\"/><path d=\"M218.24 402.89c1.12-3.17 1.87-6.85 3.7-9.71 1.79-2.8 4.27-5.36 6.17-8.11 7.71-11.16 20.45-21.69 32.45-28.04 13.49-7.14 29.39-8.63 44.43-8.88 6.89-.12 14.12.6 20.69 2.92 6.75 2.38 15.43 5.86 20.41 11.09 4.44 4.67-3.52 10.76-7.92 6.13-2.28-2.4-6.25-3.23-9.15-4.57-2.69-1.24-5.32-2.7-8.12-3.62-5.37-1.77-11.57-2.14-17.17-2-12.45.31-25.7 1.57-37.03 7.07-9.84 4.78-18.17 12.64-25.93 20.21-3.59 3.5-7.16 8.54-9.85 12.83-1.62 2.58-2.41 5.56-3.39 8.43-.51 1.51-1.15 2.97-1.43 4.56-.17.97.3 4.6-.76 2.93 3.43 5.4-4.46 11.58-7.92 6.13-3.4-5.36-1.12-11.86.82-17.37\" fill=\"@{dark-peach}\"/><g id=\"XMLID_00000149360306420226150450000000532436664758415795_\"><path d=\"M296.18 394.75c-8.2 3.21-16.02 6.5-23.39 9.86-1.78.81-2.76 2.43-2.27 3.69.54 1.38 2.63 1.78 4.57.9 7.2-3.27 14.81-6.47 22.8-9.6 1.93-.76 3.1-2.47 2.58-3.82v-.01c-.51-1.29-2.42-1.75-4.29-1.02m-75.07 30.32c-1.31 0-2.63-.35-3.83-1.05-2.78-1.62-4.2-4.7-3.61-7.85 5.4-28.96 24.9-52.83 52.15-63.86 26.35-10.66 56.21-7.59 79.88 8.23 2.71 1.81 3.94 5.01 3.14 8.17-.79 3.13-3.37 5.34-6.58 5.65-18.42 1.75-40.3 7.66-61.61 16.64-21.18 8.93-40.61 20.39-54.71 32.28a7.44 7.44 0 0 1-4.83 1.79m76.86-74.72c-10.33 0-20.7 1.96-30.55 5.95-25.89 10.48-44.41 33.16-49.54 60.67-.38 2.05 1.09 3.08 1.55 3.35.97.56 2.45.77 3.74-.31 14.42-12.16 34.23-23.86 55.81-32.96 21.7-9.15 44.03-15.17 62.87-16.96 2.1-.2 2.7-1.91 2.83-2.43.27-1.09.06-2.59-1.37-3.55a81.6 81.6 0 0 0-45.34-13.76\" class=\"st4\"/><path d=\"m225.17 422.05-4.23-.76c5.03-28.08 22.97-50.86 48-60.95 24.27-9.79 52.4-6.31 75.24 9.29l-2.42 3.55c-21.65-14.79-48.27-18.1-71.21-8.85-23.65 9.53-40.61 31.11-45.38 57.72m89.82 233c-7.71 0-13.09-1.72-14.77-5.71-2.39-5.68 3.1-13.48 16.32-23.2 12.1-8.9 29.22-18.2 48.2-26.2 35.13-14.81 75.26-23.94 80.42-11.69 2.39 5.68-3.1 13.48-16.32 23.2-12.1 8.9-29.22 18.2-48.2 26.2-23.7 10-49.67 17.4-65.65 17.4m115.73-68.25c-12.6 0-35.53 4.96-64.31 17.1-18.68 7.87-35.49 17-47.32 25.71-12.69 9.33-15.96 15.57-14.91 18.07 2.63 6.22 32.35 3.92 74.8-13.97 18.68-7.87 35.48-17 47.32-25.71 12.69-9.33 15.96-15.57 14.91-18.07-.85-2.01-4.51-3.13-10.49-3.13\" class=\"st4\"/><circle cx=\"314.22\" cy=\"497.69\" r=\"3.11\" class=\"st4\"/><circle cx=\"345.85\" cy=\"576.39\" r=\"3.11\" class=\"st4\"/><path d=\"M315.8 669.95c-4.59 0-8.64-.42-12.03-1.29l-.01.01-1.3-.38c-.57-.18-1-.32-1.41-.48l-.46-.19c-.52-.22-.87-.37-1.2-.52-.22-.1-.42-.21-.63-.32-.31-.17-.62-.34-.91-.51-.2-.12-.4-.25-.59-.39-.27-.18-.54-.38-.8-.58-.18-.14-.36-.29-.53-.44-.25-.22-.49-.46-.72-.7-.19-.2-.32-.33-.43-.46-.24-.28-.45-.57-.66-.87-.14-.2-.23-.31-.3-.43-.29-.46-.54-.94-.75-1.43-6.86-16.28 30.89-43.65 71.35-60.71l1.02-.42c17.51-7.3 34.79-12.58 50-15.28l.2-.03c1.08-.19 2.12-.36 3.13-.52 1.16-.18 2.21-.33 3.24-.46l.23-.03c.94-.12 1.93-.24 2.9-.34l.22-.02c.99-.1 1.91-.19 2.81-.26l.37-.02c.86-.06 1.72-.12 2.55-.16l.25-.01c.98-.04 1.78-.07 2.55-.08h.5c.74-.01 1.47-.01 2.18.01l.58.02c.67.02 1.33.04 1.97.08l.64.05c.61.04 1.21.09 1.79.15l.71.09c.55.07 1.09.13 1.6.22l.96.17c.41.07.82.15 1.2.24.17.04.34.08.51.13l.47.12c.35.09.71.18 1.04.27q.285.09.54.18l.44.15c.31.1.62.2.91.32.19.07.38.15.56.24l.45.2c.25.1.5.21.73.33.2.1.39.21.58.32l.38.22c.21.11.42.23.61.36.2.13.39.27.57.41l.17.12c.34.24.52.37.68.51.21.18.39.36.58.55l.15.15c.25.24.39.37.51.51.23.26.43.54.63.82.21.27.3.39.39.53.31.48.57.99.79 1.51.21.49.37.99.5 1.51l.02.07c0 .02.01.03.01.05l.03.15c.02.12.04.24.05.36l.05.28c.05.3.1.6.12.9l.01.1v.15c.01 0 .01.19 0 .38v.36c0 .24.01.47-.01.72l-.03.25c0 .09-.03.28-.06.48l-.05.38c-.03.22-.05.43-.1.65l-.06.25c-.03.14-.08.35-.14.55l-.1.39c-.05.19-.1.39-.16.58l-.09.24c-.07.21-.15.41-.23.62l-.15.4q-.09.27-.21.54l-.12.26c-.12.28-.26.55-.39.81l-.12.26c-.07.16-.14.31-.23.47l-.14.25c-.18.33-.33.57-.47.82l-.6 1.01-1.89-1.03 1.76 1.24-.93 1.39c-.32.45-.67.91-1.02 1.37l-.37.5c-.35.44-.72.89-1.1 1.33l-.47.57c-.45.52-.93 1.04-1.41 1.56l-.34.37c-.51.54-1.06 1.1-1.62 1.66l-.27.28c-.58.57-1.2 1.16-1.83 1.75l-.19.19c-.64.6-1.3 1.18-1.97 1.77l-.26.23c-.68.6-1.41 1.21-2.16 1.83l-.17.14c-.78.65-1.6 1.3-2.43 1.95-13.32 10.45-31.77 20.87-52 29.4-26.92 11.25-52.79 17.6-70.57 17.6m-11.8-5.68.13.04c15.14 4.35 47.5-2.08 80.53-15.99 19.89-8.39 37.99-18.6 50.96-28.78.86-.68 1.65-1.31 2.41-1.93.87-.73 1.57-1.32 2.25-1.91l.26-.23c.62-.54 1.25-1.11 1.85-1.66l.17-.16c.63-.59 1.22-1.15 1.78-1.7l1.66 1.38-1.4-1.64c.53-.52 1.04-1.05 1.53-1.56l.32-.36c.43-.47.88-.95 1.29-1.43l.38-.46c.4-.48.75-.88 1.06-1.28l.34-.46c.32-.41.63-.82.92-1.22l1.4-2.18c.2-.33.32-.54.43-.75l.43-.85c.13-.26.24-.47.33-.68l.41-1.03c.06-.14.11-.29.16-.43l.08-.22c.01-.05.04-.15.06-.25l.14-.51c.03-.13.07-.25.1-.38l.06-.22.02-.2.14-1.04c-.01 0-.01-.1-.01-.2v-.56l-.01-.08v-.23c-.01-.07-.04-.22-.06-.36l-.11-.66c-.07-.29-.16-.57-.28-.84-.13-.3-.28-.59-.46-.87l-.2-.26c-.18-.26-.29-.41-.41-.55l-.51-.5c-.09-.09-.18-.19-.28-.27-.06-.06-.15-.11-.23-.17l-.46-.34c-.09-.07-.18-.14-.29-.21-.1-.07-.22-.13-.34-.2l-.5-.28c-.11-.06-.21-.13-.33-.18-.15-.08-.32-.14-.48-.21l-.55-.24c-.11-.05-.22-.1-.33-.14-.23-.09-.46-.16-.7-.24l-.87-.29c-.26-.08-.55-.15-.84-.22l-.89-.23c-.33-.07-.68-.14-1.03-.2l-.88-.16c-.47-.08-.95-.13-1.43-.19l-.65-.09c-.53-.05-1.08-.1-1.64-.14l-.61-.05c-.59-.04-1.21-.06-1.83-.07l-.54-.02c-.67-.02-1.36-.01-2.05-.01h-.27c-.93.01-1.69.04-2.45.07l-.24.01c-.96.05-1.78.1-2.61.16l-.28.02c-.94.07-1.82.15-2.72.25l-.49-2.11.23 2.13c-.93.1-1.88.21-2.85.34-1.17.15-2.18.3-3.21.46-1.14.18-2.22.36-3.3.55l-.19.03c-14.87 2.66-31.78 7.83-48.91 14.98l-1.03.43c-46.18 19.47-73.46 44.65-69.07 55.08.12.29.27.56.44.83l.19.26c.12.17.24.34.38.51l.18.19c.25.25.39.4.56.55.12.1.23.2.35.29.18.14.36.28.56.41.14.09.28.19.42.27.22.13.45.26.68.38.16.09.32.17.48.25.26.12.54.24.82.36l.51.21c.34.13.69.24 1.05.35zm148.79-59.5.23.12-.26-.2zm-218.25-14.29c-.94 0-1.81-.63-2.07-1.58-6.67-24.42 33.11-62.51 90.56-86.73 59.57-25.11 112.28-26.9 125.33-4.25.59 1.03.24 2.34-.79 2.93s-2.34.24-2.93-.79c-11.76-20.41-63.32-17.81-119.94 6.06-59.21 24.96-93.35 62.36-88.08 81.64.31 1.14-.36 2.32-1.51 2.64-.19.05-.38.08-.57.08m139.54-210.01c-1.01 0-1.91-.72-2.11-1.75-.22-1.17.55-2.29 1.72-2.51l19.74-3.7a2.14 2.14 0 0 1 2.5 1.71c.22 1.17-.55 2.29-1.72 2.51l-19.74 3.7c-.12.03-.26.04-.39.04\" class=\"st4\"/><path d=\"M403.14 384.74c-.67 0-1.35-.06-2.02-.18-3.04-.53-5.69-2.22-7.47-4.74-3.66-5.21-2.39-12.44 2.82-16.1 2.53-1.77 5.59-2.46 8.63-1.92 3.04.53 5.69 2.22 7.47 4.74 1.77 2.53 2.46 5.59 1.92 8.63-.53 3.04-2.22 5.69-4.74 7.47-1.96 1.38-4.25 2.1-6.61 2.1m-5.97-7.39a7.2 7.2 0 0 0 4.69 2.98c1.91.34 3.84-.09 5.42-1.21a7.18 7.18 0 0 0 2.98-4.69c.34-1.91-.09-3.84-1.21-5.42a7.2 7.2 0 0 0-4.69-2.98 7.27 7.27 0 0 0-5.43 1.21c-3.26 2.29-4.06 6.83-1.76 10.11m-209.26 82.18a2.146 2.146 0 0 1-1.18-3.94l16.81-10.99a2.146 2.146 0 0 1 2.35 3.59l-16.81 10.99c-.36.23-.77.35-1.17.35\" class=\"st4\"/><path d=\"M180.17 474.32c-2.44 0-4.81-.77-6.81-2.24a11.44 11.44 0 0 1-4.58-7.56c-.47-3.05.28-6.1 2.11-8.59a11.5 11.5 0 0 1 7.57-4.59c3.06-.47 6.1.28 8.59 2.11a11.44 11.44 0 0 1 4.58 7.56c.47 3.05-.28 6.1-2.11 8.59a11.44 11.44 0 0 1-7.57 4.58c-.59.09-1.19.14-1.78.14m.04-18.83c-.37 0-.74.03-1.12.09a7.23 7.23 0 0 0-4.76 2.88c-1.15 1.56-1.62 3.48-1.32 5.4s1.32 3.61 2.88 4.76a7.16 7.16 0 0 0 5.4 1.32 7.23 7.23 0 0 0 4.76-2.88 7.18 7.18 0 0 0 1.32-5.4 7.18 7.18 0 0 0-2.88-4.75 7.14 7.14 0 0 0-4.28-1.42m177.46 128.88c-.85 0-1.66-.51-1.99-1.35l-54.1-134.63a2.145 2.145 0 1 1 3.98-1.6l54.1 134.63c.44 1.1-.09 2.35-1.19 2.79-.26.11-.54.16-.8.16\" class=\"st4\"/><path d=\"M300.04 694.57c-22.59 0-38.7-5.95-43.78-17.99l-.08-.22-1.41-4.74-38.91-143.97c-4.4-10.69 2.12-25.03 18.38-40.39 15.81-14.94 39.1-29.31 65.57-40.47 56.08-23.64 107.18-25.22 116.5-3.64l75.84 128.31 2.76 4.41c5.31 12.6-2.46 29.61-21.87 47.9-18.9 17.81-46.72 34.96-78.35 48.29-35.43 14.93-69.16 22.5-94.65 22.51m-39.78-19.56c9.85 22.91 69.33 19.83 132.75-6.9 31.17-13.14 58.55-29.99 77.08-47.46 17.67-16.65 25.28-32.29 20.93-42.95l-2.55-4.02-76.06-128.72c-7.95-18.86-58.75-16.21-110.94 5.79-26.01 10.96-48.85 25.04-64.29 39.63-14.71 13.9-21.02 26.93-17.31 35.74l.09.27 38.94 144.05z\" class=\"st4\"/><path d=\"M231.87 493.12c-5.42-1.89-9.02-4.85-10.69-8.81-1.53-3.62-1.35-7.81.54-12.45 6.69-16.45 34.91-37.46 70.23-52.28 46.74-19.62 88.88-21.92 95.93-5.25 2 4.72 1.09 10.34-2.71 16.72l-3.69-2.19c3.05-5.14 3.88-9.46 2.44-12.86-5.27-12.45-42.82-12.4-90.32 7.54-34.33 14.41-61.62 34.48-67.91 49.94-1.44 3.55-1.63 6.63-.56 9.16 1.18 2.79 3.92 4.95 8.15 6.43z\" class=\"st4\"/><path d=\"m226.41 502.31-1.5-.59c-8.94-3.5-15.84-10.32-19.44-19.2l-4.09-10.11.06-.03c-8.97-25.04-8.06-52.19 2.61-76.66 10.95-25.11 30.96-44.59 56.36-54.87 52.2-21.12 112.65 3.82 134.75 55.59l.86 2.02-.11.04 2.42 5.98a34.6 34.6 0 0 1-.99 28.12l-.74 1.51-1.64-.35c-21.81-4.64-57.63 1.86-93.5 16.98-32.66 13.76-60.35 32.57-74.08 50.3zm-20.15-29.27 3.19 7.87c2.95 7.29 8.45 12.99 15.57 16.2 14.48-17.9 42.26-36.62 74.78-50.33 35.73-15.06 71.62-21.71 94.37-17.56 3.11-7.36 3.19-15.7.19-23.13l-4.04-9.98h.01c-21.88-48.26-78.94-71.26-128.31-51.28-49.89 20.19-74.96 77.54-55.89 127.84zm93.23 221.52c-23.35 0-38.75-6.28-43.66-17.92-10.83-25.69 33.2-67.94 100.22-96.2 67.03-28.25 128.02-30.26 138.85-4.58 5.31 12.59-2.46 29.61-21.87 47.9-18.9 17.81-46.72 34.96-78.35 48.29s-63.34 21.28-89.28 22.37c-2.03.1-4 .14-5.91.14m151.94-132.19c-25.19 0-59.2 7.49-93.71 22.03-62.65 26.41-107.5 67.89-97.94 90.57 4.5 10.66 21.05 16.18 45.43 15.17 25.44-1.07 56.62-8.89 87.79-22.03s58.55-29.99 77.08-47.46c17.75-16.73 25.36-32.45 20.86-43.11-4.29-10.19-18.97-15.17-39.51-15.17\" class=\"st4\"/></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n // bottom right loading spinner icon\n #nprogress .spinner-icon {\n border-top-color: @accent;\n border-left-color: @accent;\n }\n // top progress bar when loading a new page\n #nprogress .peg {\n box-shadow: 0 0 10px @accent, 0 0 5px @accent;\n }\n // toast\n .Toastify__close-button {\n color: @text;\n }\n [data-testid=\"toast\"] > div > span {\n color: @text !important;\n }\n // remove filter badge\n li[class^=\"AppFilterBarCommon_current\"]:hover {\n a::after,\n > span::after {\n color: darken(@red, 25%);\n }\n }\n // news fire icon\n @newstype: {\n hottest: @peach;\n hot_: @yellow;\n luke: @text;\n };\n each(\n @newstype,\n {\n [class^=\"NewsForListMeta_@{key}\"] {\n color: @value;\n }\n }\n );\n // current page nummber\n [class*=\"Pagination_current\"] {\n color: @subtext0;\n }\n // full screen screenshot button\n [class^=\"ImageCollection-modern_expandImage\"] {\n background: fade(@text, 80%) !important;\n svg {\n color: @crust !important;\n }\n & when (@flavor = latte) {\n background: fade(@crust, 80%) !important;\n svg {\n color: @text !important;\n }\n }\n }\n // social icons\n // rrs\n svg[color=\"#f26522\"] {\n color: @peach !important;\n }\n // \"Share on\" icons\n @socialapps: {\n facebook: @blue;\n reddit: @peach;\n };\n [class^=\"ShareButtons_shareButtons\"] {\n each(\n @socialapps,\n {\n [title=\"Share on @{key}\"] > svg {\n color: @value !important;\n }\n }\n );\n }\n // AppStores & Other Links\n [class*=\"Button_black\"],\n [class^=\"AppExternalLinks_appstoreWrapper\"] {\n background: @crust;\n color: @text;\n &:hover {\n background: @base;\n }\n [src$=\"ms-store.svg\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"95\" height=\"24\" fill=\"none\" cursor=\"default\"><path fill=\"@{red}\" d=\"M11.48.853H.738v10.743h10.744V.853Z\"/><path fill=\"@{green}\" d=\"M23.34.853H12.596v10.743H23.34z\"/><path fill=\"@{blue}\" d=\"M11.48 12.699H.738v10.743h10.744V12.7Z\"/><path fill=\"@{yellow}\" d=\"M23.34 12.699H12.596v10.743H23.34z\"/><path fill=\"@{text}\" d=\"M44.045 12.955c0-.32.115-.577.346-.795s.5-.32.82-.32c.334 0 .616.115.834.333s.333.487.333.782c0 .308-.115.577-.346.782-.23.218-.5.32-.833.32-.334 0-.603-.102-.834-.32a1.1 1.1 0 0 1-.32-.782m2.115 10.487h-1.91v-8.14h1.91zm5.82-1.397c.283 0 .603-.064.95-.192a3.8 3.8 0 0 0 .948-.526v1.782c-.307.18-.654.308-1.038.397-.385.09-.82.142-1.282.142-1.193 0-2.167-.385-2.923-1.142s-1.129-1.73-1.129-2.897q0-1.962 1.154-3.23c.77-.847 1.846-1.27 3.257-1.27.359 0 .718.051 1.09.141.371.09.653.205.871.32v1.834a3.8 3.8 0 0 0-.91-.5 2.7 2.7 0 0 0-.949-.18c-.756 0-1.359.244-1.833.731-.462.487-.693 1.154-.693 1.987 0 .82.218 1.462.667 1.923s1.052.68 1.82.68m7.347-6.872c.154 0 .295.013.41.026.116.025.231.051.308.077v1.936a1.5 1.5 0 0 0-.436-.206 2.2 2.2 0 0 0-.705-.102c-.474 0-.872.192-1.192.59s-.487 1-.487 1.833v4.115h-1.91v-8.14h1.91v1.281h.025c.18-.448.436-.794.795-1.038s.782-.372 1.282-.372m.821 4.321c0-1.346.384-2.41 1.14-3.206.757-.782 1.821-1.179 3.167-1.179 1.27 0 2.27.385 2.987 1.141s1.077 1.782 1.077 3.064c0 1.32-.384 2.372-1.14 3.154-.757.782-1.796 1.167-3.103 1.167-1.257 0-2.27-.372-3-1.116-.757-.73-1.129-1.743-1.129-3.025Zm2-.064c0 .846.192 1.5.576 1.948.385.449.936.667 1.654.667.692 0 1.231-.218 1.59-.667.359-.448.551-1.115.551-2 0-.872-.192-1.538-.564-1.987s-.91-.667-1.59-.667c-.705 0-1.243.231-1.64.706-.385.474-.578 1.128-.578 2Zm9.218-1.988c0 .27.09.487.256.641.18.154.564.346 1.154.59q1.155.462 1.615 1.039.462.576.462 1.384 0 1.155-.885 1.846-.885.693-2.385.692a5.2 5.2 0 0 1-1.115-.128 5.3 5.3 0 0 1-1.038-.307v-1.885a4.5 4.5 0 0 0 1.128.577c.397.141.77.218 1.09.218.436 0 .756-.064.961-.18q.308-.172.308-.615a.82.82 0 0 0-.32-.667c-.219-.18-.616-.397-1.219-.628q-1.057-.442-1.5-1c-.294-.372-.448-.846-.448-1.41 0-.73.295-1.333.871-1.808.577-.474 1.334-.705 2.27-.705.282 0 .602.026.961.09.36.064.654.14.885.243v1.82a4.7 4.7 0 0 0-.885-.435 3.1 3.1 0 0 0-1-.18c-.359 0-.654.078-.846.218a.67.67 0 0 0-.32.59m4.333 2.052c0-1.346.384-2.41 1.14-3.206.757-.782 1.821-1.179 3.167-1.179 1.27 0 2.27.385 2.988 1.141s1.076 1.782 1.076 3.064c0 1.32-.384 2.372-1.14 3.154-.757.782-1.795 1.167-3.103 1.167-1.257 0-2.27-.372-3-1.116-.757-.73-1.128-1.743-1.128-3.025m1.987-.064c0 .846.192 1.5.577 1.948.384.449.936.667 1.654.667.692 0 1.23-.218 1.59-.667.358-.448.55-1.115.55-2 0-.872-.192-1.538-.563-1.987-.372-.449-.91-.667-1.59-.667-.705 0-1.244.231-1.641.706-.385.474-.577 1.128-.577 2m12.705-2.552v4.18c0 .872.205 1.512.603 1.948.397.436 1.012.641 1.82.641.27 0 .551-.025.833-.09.282-.063.488-.115.603-.192v-1.59a1.7 1.7 0 0 1-.41.193 1.3 1.3 0 0 1-.398.077c-.384 0-.68-.103-.859-.308-.18-.205-.269-.564-.269-1.064v-3.808h1.949v-1.564h-1.936v-2.41l-1.923.59v1.833h-2.86v-.987c0-.487.103-.86.321-1.116s.526-.371.924-.371a1.8 1.8 0 0 1 .884.217v-1.653a2.4 2.4 0 0 0-.474-.103 4.4 4.4 0 0 0-.616-.038c-.871 0-1.59.269-2.14.82-.552.552-.834 1.244-.834 2.103v1.128H84.25v1.564h1.359v6.577h1.936v-6.577zm-47.987-4.795v11.36h-1.975v-8.898h-.025l-3.526 8.897H35.57l-3.615-8.897h-.026v8.897h-1.82V12.083h2.82l3.27 8.423h.05l3.45-8.423zm-7.116-4.91q-1.02.577-2.307.577c-.654 0-1.231-.141-1.744-.436a2.9 2.9 0 0 1-1.167-1.218 3.8 3.8 0 0 1-.41-1.77c0-.691.154-1.32.449-1.858a3.2 3.2 0 0 1 1.27-1.282c.55-.308 1.166-.462 1.858-.462.346 0 .692.039 1.038.103s.629.154.847.256V2.11c-.513-.346-1.167-.513-1.962-.513-.474 0-.897.116-1.282.346-.384.231-.68.552-.884.949q-.308.615-.308 1.385c0 .807.218 1.448.64 1.923.424.474 1.014.705 1.757.705.475 0 .898-.09 1.257-.282V4.865h-1.45V4.02h2.398zm5.526-1.705h-3.359c.013.487.167.859.423 1.128.27.257.616.398 1.051.398.578 0 1.078-.167 1.513-.5v.82a2.4 2.4 0 0 1-.73.32 3.6 3.6 0 0 1-.91.116c-.731 0-1.308-.218-1.706-.654s-.602-1.051-.602-1.846c0-.487.102-.936.294-1.32a2.2 2.2 0 0 1 .821-.924 2.17 2.17 0 0 1 1.167-.333c.628 0 1.128.205 1.487.615s.538.975.538 1.706v.474zm-.936-.73c0-.424-.102-.744-.295-.962-.192-.218-.461-.334-.82-.334q-.48 0-.846.346c-.244.231-.385.552-.462.95zm4.577 2.845a1.1 1.1 0 0 1-.372.116 2.6 2.6 0 0 1-.423.038c-.897 0-1.346-.5-1.346-1.487V3.558h-.82v-.77h.82V1.635l.936-.295v1.436h1.192v.769H43.25v2.538c0 .32.051.552.154.68.102.128.282.192.551.192.18 0 .346-.051.487-.154v.782zm4.641-6.513a.53.53 0 0 1-.166.398.57.57 0 0 1-.423.167.57.57 0 0 1-.423-.167.52.52 0 0 1-.167-.41.53.53 0 0 1 .18-.41.62.62 0 0 1 .41-.167.56.56 0 0 1 .41.166c.128.129.18.257.18.423Zm-.128 6.565h-.936V2.788h.936zm4.064-.052a1.1 1.1 0 0 1-.371.116 2.6 2.6 0 0 1-.424.038c-.897 0-1.346-.5-1.346-1.487V3.558h-.82v-.77h.82V1.635l.936-.295v1.436h1.193v.769h-1.193v2.538c0 .32.052.552.154.68s.282.192.551.192c.18 0 .347-.051.488-.154v.782zM59.16 1.25a1.1 1.1 0 0 0-.512-.128c-.526 0-.782.32-.782.961v.693h1.102v.769h-1.102v4.077h-.936V3.558h-.82v-.77h.82v-.743c0-.513.14-.923.436-1.23.295-.309.692-.462 1.205-.462.256 0 .449.025.602.09v.807zm3.449 2.474a1 1 0 0 0-.282-.115c-.128-.026-.244-.051-.333-.051-.334 0-.603.154-.808.448q-.308.443-.308 1.154v2.475h-.936V2.788h.936v.975h.026c.102-.333.27-.59.487-.782a1.1 1.1 0 0 1 .757-.282c.192 0 .346.025.448.064v.961zm5.346 1.462c0 .782-.23 1.41-.68 1.872-.448.461-1.05.692-1.794.692-.73 0-1.32-.23-1.756-.68q-.654-.672-.654-1.807c0-.808.23-1.436.68-1.898q.672-.692 1.845-.692c.731 0 1.308.218 1.718.667.436.448.641 1.064.641 1.846m-.961.026c0-.577-.128-1.013-.372-1.308-.256-.295-.603-.449-1.064-.449s-.833.154-1.103.475c-.269.307-.397.756-.397 1.32 0 .551.128.974.397 1.282.27.308.629.462 1.103.462s.833-.154 1.077-.45c.23-.32.359-.756.359-1.332m9.333 2.423h-.936V4.878c0-.5-.077-.859-.23-1.09-.155-.23-.424-.333-.796-.333-.307 0-.577.141-.782.423-.218.282-.32.628-.32 1.013v2.744h-.936V4.788c0-.884-.346-1.333-1.026-1.333-.32 0-.59.141-.795.41q-.307.405-.307 1.039v2.743h-.936V2.788h.936v.757h.012c.347-.59.86-.872 1.513-.872.308 0 .59.09.846.257.244.166.424.41.539.717.192-.333.41-.576.68-.743.269-.154.576-.244.935-.244 1.064 0 1.59.654 1.59 1.975v3z\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n [src$=\"android-store.svg\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"117\" height=\"30\" fill=\"none\" cursor=\"default\"><path fill=\"@{text}\" stroke=\"#fff\" stroke-miterlimit=\"10\" stroke-width=\".2\" d=\"M37.92 5.74a2.7 2.7 0 0 1-.75 2 2.9 2.9 0 0 1-2.2.89 3.15 3.15 0 0 1-2.21-5.37 3 3 0 0 1 2.21-.9 3.1 3.1 0 0 1 1.23.25c.362.146.684.376.94.67l-.53.53a2 2 0 0 0-1.64-.71 2.32 2.32 0 0 0-2.33 2.4 2.36 2.36 0 0 0 4 1.73 1.9 1.9 0 0 0 .5-1.22h-2.17v-.72h2.91q.04.223.04.45Zm4.58-2.5h-2.7v1.9h2.46v.72H39.8v1.9h2.7v.74H39v-6h3.5zm3.28 5.26h-.77V3.24h-1.68V2.5h4.17v.74h-1.72zm4.66 0v-6h.77v6zm4.19 0h-.77V3.24h-1.68V2.5h4.12v.74h-1.67zm9.48-.78a3.12 3.12 0 0 1-4.4 0 3.24 3.24 0 0 1 0-4.45 3.1 3.1 0 0 1 4.4 0 3.23 3.23 0 0 1 0 4.45Zm-3.83-.5a2.31 2.31 0 0 0 3.26 0 2.56 2.56 0 0 0 0-3.44 2.31 2.31 0 0 0-3.26 0 2.56 2.56 0 0 0 0 3.44Zm5.8 1.28v-6h.94l2.92 4.67V2.5h.77v6h-.8l-3.05-4.89V8.5z\"/><path fill=\"@{text}\" d=\"M58.64 17.25a4.25 4.25 0 1 0 4.27 4.25 4.19 4.19 0 0 0-4.27-4.25m0 6.83a2.58 2.58 0 1 1 2.4-2.58 2.46 2.46 0 0 1-2.4 2.58m-9.31-6.83a4.25 4.25 0 1 0 4.26 4.25 4.19 4.19 0 0 0-4.27-4.25zm0 6.83a2.58 2.58 0 1 1 2.39-2.58 2.46 2.46 0 0 1-2.4 2.58zm-11.09-5.52v1.8h4.32a3.77 3.77 0 0 1-1 2.27 4.42 4.42 0 0 1-3.33 1.32 4.8 4.8 0 0 1 0-9.6 4.6 4.6 0 0 1 3.27 1.29l1.27-1.27a6.3 6.3 0 0 0-4.53-1.87 6.61 6.61 0 1 0 0 13.21 6 6 0 0 0 4.61-1.85 6 6 0 0 0 1.56-4.22 6 6 0 0 0-.1-1.13zm45.31 1.4a4 4 0 0 0-3.64-2.71 4 4 0 0 0-4 4.25 4.16 4.16 0 0 0 4.22 4.25 4.23 4.23 0 0 0 3.54-1.88l-1.45-1a2.43 2.43 0 0 1-2.09 1.18 2.16 2.16 0 0 1-2.06-1.29l5.69-2.35zm-5.8 1.42a2.33 2.33 0 0 1 2.22-2.48 1.65 1.65 0 0 1 1.58.9zm-4.62 4.12H75V13h-1.87zm-3.06-7.3H70a3 3 0 0 0-2.24-1 4.26 4.26 0 0 0 0 8.51 2.9 2.9 0 0 0 2.24-1h.06v.61c0 1.63-.87 2.5-2.27 2.5a2.35 2.35 0 0 1-2.14-1.51l-1.63.68a4.05 4.05 0 0 0 3.77 2.51c2.19 0 4-1.29 4-4.43V17.5h-1.72zm-2.14 5.88a2.59 2.59 0 0 1 0-5.16 2.4 2.4 0 0 1 2.27 2.58 2.38 2.38 0 0 1-2.28 2.58zM92.31 13h-4.47v12.5h1.87v-4.74h2.61a3.889 3.889 0 0 0 2.93-6.728A3.9 3.9 0 0 0 92.32 13zm0 6H89.7v-4.26h2.65a2.145 2.145 0 1 1 0 4.29zm11.53-1.8a3.5 3.5 0 0 0-3.33 1.91l1.66.69a1.78 1.78 0 0 1 1.7-.92 1.8 1.8 0 0 1 1.792.931c.114.21.184.441.208.679v.13a4.1 4.1 0 0 0-1.95-.48c-1.79 0-3.6 1-3.6 2.81a2.9 2.9 0 0 0 .969 2.03 2.9 2.9 0 0 0 2.131.72 2.63 2.63 0 0 0 2.4-1.2h.06v1h1.8v-4.81c0-2.19-1.66-3.46-3.79-3.46zm-.23 6.85c-.61 0-1.46-.31-1.46-1.06 0-1 1.06-1.33 2-1.33a3.3 3.3 0 0 1 1.7.42 2.26 2.26 0 0 1-2.19 2zm10.63-6.55-2.14 5.42h-.06l-2.22-5.42h-2l3.33 7.58-1.9 4.21h1.95l5.12-11.79zm-16.81 8h1.87V13h-1.87z\"/><path fill=\"@{sky}\" d=\"M.94 3.04a2 2 0 0 0-.46 1.4v22.12a2 2 0 0 0 .46 1.4l.07.07L13.4 15.65v-.29L1.01 2.97z\"/><path fill=\"@{yellow}\" d=\"m17.5 19.78-4.1-4.13v-.29l4.1-4.14.09.05 4.91 2.79c1.4.79 1.4 2.09 0 2.89l-4.89 2.78z\"/><path fill=\"@{red}\" d=\"M17.62 19.72 13.4 15.5.94 27.96a1.63 1.63 0 0 0 2.08.06l14.61-8.3\"/><path fill=\"@{green}\" d=\"M17.62 11.28 3.01 2.98a1.63 1.63 0 0 0-2.08.06L13.4 15.5z\"/><path fill=\"#000\" d=\"M17.5 19.63 3.01 27.88a1.67 1.67 0 0 1-2 0l-.07.07.07.07a1.66 1.66 0 0 0 2 0l14.61-8.3z\" opacity=\".2\"/><path fill=\"#000\" d=\"M.94 27.82a2 2 0 0 1-.46-1.4v.15a2 2 0 0 0 .46 1.4l.07-.07zM22.5 16.8l-5 2.83.09.09 4.91-2.78a1.75 1.75 0 0 0 1-1.44 1.86 1.86 0 0 1-1 1.3\" opacity=\".12\"/><path fill=\"#fff\" d=\"M3.01 3.12 22.5 14.2a1.86 1.86 0 0 1 1 1.3 1.75 1.75 0 0 0-1-1.44L3.01 2.98C1.61 2.19.47 2.85.47 4.45v.15C.5 2.99 1.62 2.33 3.01 3.12\" opacity=\".25\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n [src$=\"ios-store.svg\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"101\" height=\"26\" fill=\"none\" cursor=\"default\"><path fill=\"@{text}\" d=\"M15.539 12.336a4.95 4.95 0 0 1 2.357-4.152 5.07 5.07 0 0 0-3.992-2.157c-1.679-.177-3.307 1.005-4.162 1.005-.873 0-2.19-.988-3.609-.959A5.32 5.32 0 0 0 1.66 8.801c-1.934 3.349-.491 8.27 1.361 10.976.927 1.326 2.01 2.806 3.428 2.754 1.387-.058 1.905-.885 3.58-.885 1.658 0 2.144.885 3.59.851 1.489-.024 2.427-1.331 3.32-2.669a11 11 0 0 0 1.52-3.092 4.78 4.78 0 0 1-2.92-4.4m-2.731-8.089a4.87 4.87 0 0 0 1.114-3.49 4.96 4.96 0 0 0-3.208 1.659 4.64 4.64 0 0 0-1.143 3.361 4.1 4.1 0 0 0 3.237-1.53m20.264 14.928H28.34l-1.137 3.357h-2.005l4.484-12.418h2.083l4.483 12.418h-2.039zm-4.243-1.548h3.752l-1.85-5.448h-.051l-1.85 5.448Zm17.101.379c0 2.813-1.506 4.62-3.779 4.62a3.07 3.07 0 0 1-2.848-1.583h-.043v4.484H37.4V13.478h1.8v1.506h.033a3.21 3.21 0 0 1 2.883-1.6c2.298 0 3.813 1.816 3.813 4.622Zm-1.91 0c0-1.833-.948-3.039-2.393-3.039-1.42 0-2.375 1.231-2.375 3.039 0 1.824.955 3.046 2.375 3.046 1.445 0 2.393-1.197 2.393-3.046m11.875 0c0 2.813-1.506 4.62-3.779 4.62a3.07 3.07 0 0 1-2.848-1.583h-.043v4.484h-1.859V13.478h1.799v1.506h.034a3.21 3.21 0 0 1 2.883-1.6c2.298 0 3.813 1.816 3.813 4.622m-1.91 0c0-1.833-.948-3.039-2.393-3.039-1.42 0-2.375 1.231-2.375 3.039 0 1.824.955 3.046 2.375 3.046 1.445 0 2.392-1.197 2.392-3.046Zm8.495 1.066c.138 1.231 1.335 2.04 2.97 2.04 1.566 0 2.693-.809 2.693-1.919 0-.964-.68-1.541-2.29-1.937l-1.609-.387c-2.28-.551-3.339-1.617-3.339-3.348 0-2.143 1.867-3.614 4.519-3.614 2.624 0 4.423 1.472 4.483 3.614h-1.876c-.112-1.24-1.137-1.987-2.634-1.987s-2.521.757-2.521 1.858c0 .878.654 1.395 2.255 1.79l1.368.336c2.548.603 3.607 1.626 3.607 3.442 0 2.324-1.851 3.779-4.794 3.779-2.754 0-4.614-1.421-4.734-3.667zm11.636-7.736v2.142h1.722v1.472h-1.722v4.991c0 .775.345 1.137 1.102 1.137a6 6 0 0 0 .611-.043v1.463q-.512.095-1.032.086c-1.833 0-2.548-.689-2.548-2.445v-5.19h-1.316v-1.47h1.316v-2.143zm2.719 6.67c0-2.85 1.678-4.64 4.294-4.64 2.625 0 4.295 1.79 4.295 4.64 0 2.856-1.661 4.638-4.295 4.638s-4.294-1.782-4.294-4.638m6.695 0c0-1.955-.895-3.108-2.401-3.108s-2.4 1.162-2.4 3.108c0 1.961.894 3.106 2.4 3.106s2.401-1.145 2.401-3.106m3.426-4.528h1.772v1.541h.044a2.16 2.16 0 0 1 2.177-1.636q.322 0 .637.07v1.738a2.6 2.6 0 0 0-.835-.112 1.873 1.873 0 0 0-1.937 2.083v5.37h-1.858zm13.198 6.395c-.25 1.643-1.85 2.771-3.898 2.771-2.634 0-4.269-1.764-4.269-4.595 0-2.84 1.644-4.682 4.19-4.682 2.506 0 4.081 1.72 4.081 4.466v.636h-6.395v.113a2.358 2.358 0 0 0 2.436 2.564 2.05 2.05 0 0 0 2.09-1.273zm-6.282-2.703h4.526a2.176 2.176 0 0 0-2.22-2.297 2.29 2.29 0 0 0-2.306 2.298ZM28.596.767a2.64 2.64 0 0 1 2.808 2.965c0 1.906-1.03 3.002-2.808 3.002h-2.155V.767zM27.368 5.89h1.125a1.875 1.875 0 0 0 1.967-2.146 1.88 1.88 0 0 0-1.967-2.134h-1.125zm5.082-1.41a2.132 2.132 0 1 1 4.247 0 2.134 2.134 0 1 1-4.247 0m3.333 0c0-.976-.438-1.547-1.208-1.547-.772 0-1.207.571-1.207 1.547 0 .984.435 1.55 1.207 1.55.77 0 1.208-.57 1.208-1.55m6.56 2.254h-.922l-.93-3.317h-.07l-.927 3.317h-.913L37.339 2.23h.902l.806 3.436h.067l.926-3.436h.852l.926 3.436h.07l.803-3.436h.889zm2.28-4.504h.856v.716h.066a1.35 1.35 0 0 1 1.344-.802 1.464 1.464 0 0 1 1.559 1.675v2.915h-.889V4.042c0-.724-.314-1.084-.972-1.084A1.033 1.033 0 0 0 45.512 4.1v2.635h-.889zM49.864.473h.888v6.26h-.888V.474Zm2.124 4.007a2.133 2.133 0 1 1 4.247 0 2.134 2.134 0 1 1-4.247 0m3.333 0c0-.976-.439-1.547-1.208-1.547-.773 0-1.207.571-1.207 1.547 0 .984.434 1.55 1.207 1.55.77 0 1.208-.57 1.208-1.55m1.849.98c0-.81.604-1.278 1.676-1.344l1.22-.07v-.389c0-.476-.315-.744-.922-.744-.496 0-.84.182-.939.5h-.86c.09-.773.818-1.27 1.84-1.27 1.128 0 1.765.563 1.765 1.514v3.077h-.855V6.1h-.07a1.52 1.52 0 0 1-1.353.707A1.36 1.36 0 0 1 57.17 5.46m2.895-.385V4.7l-1.1.07c-.62.042-.9.253-.9.65 0 .405.351.64.834.64a1.06 1.06 0 0 0 1.166-.984Zm2.053-.595c0-1.423.732-2.324 1.87-2.324a1.48 1.48 0 0 1 1.38.79h.067V.473h.888v6.26h-.851v-.71h-.07a1.56 1.56 0 0 1-1.415.785c-1.145 0-1.869-.901-1.869-2.328m.918 0c0 .955.45 1.53 1.203 1.53.75 0 1.212-.583 1.212-1.526 0-.938-.468-1.53-1.212-1.53-.748 0-1.203.579-1.203 1.526m6.964 0a2.132 2.132 0 1 1 4.247 0 2.134 2.134 0 1 1-4.247 0m3.333 0c0-.976-.439-1.547-1.208-1.547-.773 0-1.207.571-1.207 1.547 0 .984.434 1.55 1.207 1.55.77 0 1.208-.57 1.208-1.55m2.107-2.25h.855v.716h.066a1.35 1.35 0 0 1 1.344-.802 1.464 1.464 0 0 1 1.559 1.675v2.915h-.889V4.042c0-.724-.314-1.084-.972-1.084A1.033 1.033 0 0 0 76.328 4.1v2.635h-.889zm8.845-1.12v1.14h.976V3h-.976v2.315c0 .472.195.678.637.678q.17 0 .339-.02v.74q-.24.043-.484.046c-.988 0-1.382-.348-1.382-1.216V3h-.714v-.75h.715V1.11h.89Zm2.19-.637h.88v2.481h.07a1.385 1.385 0 0 1 1.374-.806 1.483 1.483 0 0 1 1.55 1.678v2.908h-.889V4.046c0-.72-.335-1.084-.963-1.084a1.052 1.052 0 0 0-1.134 1.142v2.63h-.888zm9.056 5.045a1.83 1.83 0 0 1-1.95 1.303 2.045 2.045 0 0 1-2.08-2.325 2.078 2.078 0 0 1 2.075-2.352c1.253 0 2.01.856 2.01 2.27v.31h-3.18v.05a1.19 1.19 0 0 0 1.199 1.29 1.08 1.08 0 0 0 1.07-.546zm-3.126-1.451h2.275A1.086 1.086 0 0 0 93.57 2.9a1.15 1.15 0 0 0-1.166 1.167Z\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n // social networks\n @socialnetworks: {\n Facebook: @blue;\n X: @text;\n };\n [class^=\"AppExternalLinks_socialLinksWrapper\"] {\n each(\n @socialnetworks,\n {\n [title^=\"@{key} page\"] > svg {\n color: @value !important;\n }\n }\n );\n }\n // yello star (e.g. the level in a user profile)\n svg[color=\"#e39d06\"] {\n color: @yellow !important;\n }\n // list like button hover\n [class*=\"LikeButton_likeButton\"]:hover [class*=\"LikeButton_heart\"] {\n color: @red;\n }\n // register popup header\n .data-collector .header {\n color: @overlay2;\n }\n // danger button (clear all filters)\n [class*=\"Button_danger\"] {\n background: @red;\n border-color: @red;\n color: @crust;\n }\n // warning button\n [class*=\"Button_warning\"] {\n background-color: @yellow;\n border-color: @yellow;\n color: @crust;\n }\n // success button\n [class*=\"Button_success\"] {\n background-color: @green;\n border-color: @green;\n color: @crust;\n }\n // disabled buttons\n [class*=\"Button_button\"][disabled] {\n background-color: @surface2 !important;\n border-color: @surface2 !important;\n color: @overlay2 !important;\n }\n }\n}\n\n@-moz-document domain(\"auth.alternativeto.net\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n --widget-background-color: @base;\n --input-background-color: @base;\n --input-border-color: @surface1;\n --input-text-color: @text;\n --base-focus-color: @accent;\n --link-color: @accent;\n --primary-color: @accent;\n --button-font-color: @crust;\n --title-font-color: @text;\n --font-default-color: @text;\n --font-light-color: @subtext0;\n --border-default-color: @surface1;\n --social-button-border-color: @surface1;\n --secondary-button-text-color: @text;\n --transparency-focus-color: fade(@accent, 15%);\n --icon-default-color: @overlay1;\n --gray-lightest: @text;\n --error-color: @red;\n @error-svg: escape(\n '<svg width=\"16\" height=\"16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8 14.667A6.667 6.667 0 1 0 8 1.333a6.667 6.667 0 0 0 0 13.334z\" fill=\"@{red}\" stroke=\"@{red}\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8 4.583a.75.75 0 0 1 .75.75V8a.75.75 0 0 1-1.5 0V5.333a.75.75 0 0 1 .75-.75z\" fill=\"@{base}\"/><path d=\"M8.667 10.667a.667.667 0 1 1-1.334 0 .667.667 0 0 1 1.334 0z\" fill=\"@{base}\"/></svg>'\n );\n --icon-error: url(\"data:image/svg+xml,@{error-svg}\");\n\n body {\n background: @crust;\n }\n .footer {\n a {\n color: @text;\n }\n background: @mantle;\n color: @subtext0;\n }\n #prompt-logo-center {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" xml:space=\"preserve\" id=\"Layer_1\" x=\"0\" y=\"0\" version=\"1.1\" viewBox=\"0 0 1529.83 412.93\" cursor=\"default\"><style>.st0{fill:@{accent}}</style><path d=\"M545.43 239.95c-3.07 0-4.7 1.63-5.31 4.29l-5.52 23.09c-1.02 4.5-4.29 6.95-8.99 6.95h-13.28c-4.5 0-6.95-2.45-5.72-6.95l32.49-122.61c1.22-4.29 4.29-6.75 8.79-6.75h18.59c4.5 0 7.56 2.46 8.79 6.75l31.88 122c1.22 4.5-1.23 7.56-5.72 7.56h-13.9c-4.7 0-7.97-2.45-8.99-6.95l-5.52-23.09c-.61-2.66-2.25-4.29-5.31-4.29zm17.17-23.7c2.25 0 3.68-1.02 3.06-3.47l-8.99-38.62-9.2 38.62c-.61 2.45.82 3.47 3.07 3.47zm80.86 51.29c0 4.5-2.25 6.74-6.95 6.74h-12.87c-4.5 0-6.74-2.25-6.74-6.74V144.93c0-4.7 2.25-6.95 6.74-6.95h12.87c4.7 0 6.95 2.25 6.95 6.95zm18.38-76.22h-2.25c-4.5 0-6.74-2.25-6.74-6.74v-8.99c0-4.5 2.25-6.74 6.74-6.74h2.25v-14.92c0-4.29.82-9.19 6.34-10.83l10.83-3.06c5.93-1.63 9.4.41 9.4 6.13v22.68h8.79c4.5 0 6.74 2.25 6.74 6.74v8.99c0 4.5-2.25 6.74-6.74 6.74h-8.79v55.38c0 5.31 3.06 7.15 6.95 7.15h2.86c3.06 0 5.11 1.02 5.11 5.72v6.95c0 6.95-6.95 9.81-14.31 9.81-13.49 0-27.18-7.56-27.18-25.75zm122.51 31.06c0 4.49-2.25 6.74-6.75 6.74h-40.67v7.35c0 11.44 5.31 17.58 17.78 17.58 8.58 0 11.85-3.47 17.37-3.47 4.9 0 6.74 3.88 6.74 6.74v3.27c0 8.58-8.18 15.74-25.75 15.74-27.99 0-42.71-16.35-42.71-42.1v-32.08c0-21.66 15.74-35.36 36.99-35.36s36.99 13.69 36.99 35.36v20.23zm-26.37-20.23c0-9.81-4.09-14.71-10.63-14.71s-10.42 4.9-10.42 14.71v6.74h21.05zm64.06 65.39c0 4.5-2.25 6.74-6.95 6.74h-12.88c-4.49 0-6.74-2.25-6.74-6.74v-91.76c0-4.7 2.25-6.95 6.74-6.95h12.88c4.9 0 6.95 2.25 6.95 7.36 4.09-4.29 10.42-9.4 18.39-9.4 4.9 0 5.52 3.07 5.52 5.72v10.83c0 5.93-5.11 6.54-10.01 7.15-8.38 1.02-13.9 7.77-13.9 17.78zm84.16-63.76c0-8.38-3.88-14.51-11.65-14.51s-11.65 6.13-11.65 14.51v63.76c0 4.5-2.25 6.74-6.95 6.74h-12.88c-4.49 0-6.74-2.25-6.74-6.74v-91.76c0-4.7 2.25-6.95 6.74-6.95h12.88c4.5 0 6.95 2.25 6.95 6.74 0 0 6.95-8.79 20.64-8.79 19.82 0 29.22 14.71 29.22 36.99v63.76c0 4.5-2.25 6.74-6.95 6.74h-12.88c-4.5 0-6.74-2.25-6.74-6.74v-63.75zm51.36-14.3c-2.46 0-5.52-1.22-5.52-5.11v-5.52c0-8.78 13.28-12.06 26.16-12.06 17.78 0 40.87 4.5 40.87 33.52v67.03c0 4.7-2.25 6.95-6.74 6.95h-9.81c-4.29 0-6.54-1.84-6.95-5.31-.61.61-7.15 7.36-19.21 7.36-19.82 0-33.72-14.92-33.72-33.92 0-31.88 24.72-41.28 49.86-43.94-.41-7.15-3.27-12.06-14.72-12.06-11.85-.01-16.34 3.06-20.22 3.06m23.29 63.96c7.56 0 11.65-6.13 11.65-13.9v-21.87c-11.85 2.66-23.3 6.54-23.3 21.87 0 7.57 3.68 13.9 11.65 13.9m54.43-62.12h-2.25c-4.5 0-6.74-2.25-6.74-6.74v-8.99c0-4.5 2.25-6.74 6.74-6.74h2.25v-14.92c0-4.29.82-9.19 6.34-10.83l10.83-3.06c5.93-1.63 9.4.41 9.4 6.13v22.68h8.79c4.5 0 6.74 2.25 6.74 6.74v8.99c0 4.5-2.25 6.74-6.74 6.74h-8.79v55.38c0 5.31 3.06 7.15 6.95 7.15h2.86c3.06 0 5.11 1.02 5.11 5.72v6.95c0 6.95-6.95 9.81-14.31 9.81-13.49 0-27.18-7.56-27.18-25.75zm81.05-37.81c0 4.49-2.25 6.74-6.95 6.74h-12.87c-4.5 0-6.74-2.25-6.74-6.74v-8.59c0-4.7 2.25-6.95 6.74-6.95h12.87c4.7 0 6.95 2.25 6.95 6.95zm0 114.03c0 4.5-2.25 6.74-6.95 6.74h-12.87c-4.5 0-6.74-2.25-6.74-6.74v-91.76c0-4.7 2.25-6.95 6.74-6.95h12.87c4.7 0 6.95 2.25 6.95 6.95zm88.9-98.7c4.49 0 7.77 3.06 5.72 8.99l-29.63 89.71c-1.02 3.47-3.47 6.74-8.79 6.74h-9.4c-5.31 0-7.77-3.27-8.79-6.74l-28-89.71c-1.84-5.93 1.23-8.99 5.72-8.99h11.24c5.52 0 7.97 2.66 8.99 6.95l16.35 58.04 17.57-58.04c1.23-4.29 3.47-6.95 8.99-6.95zm84.93 53.54c0 4.49-2.25 6.74-6.75 6.74h-40.67v7.35c0 11.44 5.31 17.58 17.78 17.58 8.58 0 11.85-3.47 17.37-3.47 4.9 0 6.74 3.88 6.74 6.74v3.27c0 8.58-8.18 15.74-25.75 15.74-27.99 0-42.71-16.35-42.71-42.1v-32.08c0-21.66 15.74-35.36 36.99-35.36s36.99 13.69 36.99 35.36v20.23zm-26.36-20.23c0-9.81-4.09-14.71-10.63-14.71s-10.42 4.9-10.42 14.71v6.74h21.05z\" class=\"st0\"/><path d=\"M1362.63 144.93v9.81c0 4.5-2.25 6.74-6.95 6.74h-17.57c-2.66 0-4.09 1.43-4.09 4.09v101.97c0 4.5-2.25 6.74-6.74 6.74h-13.9c-4.7 0-6.95-2.25-6.95-6.74V165.57c0-2.66-1.43-4.09-4.09-4.09h-17.58c-4.7 0-6.95-2.25-6.95-6.74v-9.81c0-4.7 2.25-6.95 6.95-6.95h70.91c4.71 0 6.96 2.25 6.96 6.95\" class=\"st0\"/><path d=\"M1352.06 201.53c0-24.32 18.8-34.74 38.01-34.74s38.01 10.42 39.99 34.74v40.05c-1.98 24.32-20.78 34.74-39.99 34.74s-38.01-10.42-38.01-34.74zm26.57 40.06c0 7.97 4.5 12.26 11.44 12.26s11.44-4.29 11.44-12.26v-40.05c0-7.97-4.5-12.26-11.44-12.26s-11.44 4.29-11.44 12.26zM357.01 279.41c-8.42-2.74-17.13-4.56-25.9-5.49-3.24-.31-6.49-.54-9.74-.69-.41-4.98-.93-9.95-1.67-14.9-.6-3.78-1.23-7.55-2.03-11.3-.4-1.87-.86-3.74-1.33-5.61-.51-1.89-.99-3.68-1.68-5.64-.43-1.2-1.71-1.9-2.95-1.56a2.476 2.476 0 0 0-1.73 3.03l.02.08c.44 1.64.83 3.52 1.21 5.3.36 1.82.7 3.63.99 5.47.34 1.82.59 3.67.88 5.5.27 1.84.49 3.69.73 5.54.56 4.62 1 9.26 1.36 13.9-3.48-.05-6.95-.01-10.42.13-2.19.05-4.38.24-6.57.36-2.19.11-4.37.31-6.56.52-2.18.2-4.36.41-6.53.7s-4.35.51-6.51.86c-4.33.64-8.65 1.32-12.94 2.2-4.3.85-8.55 1.79-12.84 2.96a2.247 2.247 0 0 0-1.6 2.6 2.23 2.23 0 0 0 2.62 1.77l.06-.01c8.35-1.66 16.92-2.9 25.43-3.9 4.27-.47 8.54-.89 12.82-1.17 2.14-.17 4.28-.33 6.42-.4 2.14-.08 4.28-.22 6.42-.26l6.42-.11c1.41-.02 2.82.02 4.22.05.04.7.09 1.41.12 2.11l.31 5.6.18 5.61c.17 3.74.08 7.49.19 11.23.05 3.75-.03 7.5-.03 11.25-.05 3.75-.17 7.5-.19 11.26v.08c0 1.27.96 2.35 2.24 2.46 1.35.12 2.54-.89 2.66-2.25.33-3.78.58-7.57.85-11.36.14-3.8.33-7.59.41-11.4.06-3.8.11-7.61 0-11.41l-.12-5.71-.25-5.71c-.03-.53-.08-1.07-.11-1.6l2.32.14 3.19.19c1.06.07 2.14.07 3.19.2l6.36.62 1.59.15 1.58.24 3.16.46c4.24.48 8.36 1.49 12.57 2.23l.15.03c1.08.19 2.15-.44 2.5-1.52.35-1.19-.3-2.45-1.47-2.83M323.7 162.16c-4.78-.75-19.87-2.59-37.87.45-.9.15-1.56.99-1.56 1.96v3.75c0 2.68 2.16 4.77 4.65 4.49 6.51-.73 18.99-1.72 31.82-.57 2.45.22 4.54-1.87 4.54-4.5v-3.62c0-.98-.67-1.82-1.58-1.96M222.14 264.54c2.29-9.92 5.99-22.63 7.55-27.9.46-1.56-.48-2.11-2.21-1.59-3.32 1-8.68 2.65-11.83 3.82-1.19.46-2.4.89-3.58 1.4l-1.78.73-1.77.78c-1.18.51-2.35 1.08-3.53 1.65-.59.3-1.17.58-1.76.9-.46.24-.88.47-1.35.74q-.48.225-.81.39c-4.47 2.31-8.59 5.22-11.09 9.34-3.44 5.65-6.05 12.4-8.25 19.21-1.19 3.66-10.52 35.36-12.89 64.04-.06.72.27 1.41.85 1.82a164 164 0 0 0 36.5 19.28c1.24.46 2.57-.41 2.67-1.73 2.16-29.93 9.76-78.81 13.3-92.88-.02.01-.02.01-.02 0m93.32-157.18c-23.06-12.82-55.92-10.57-74.59 9.11-.07.07-.14.15-.22.22-.16.17-.32.33-.47.5-.07.08-.14.14-.21.22-.09.1-.17.21-.26.31-.39.44-.78.87-1.15 1.32-4.87 5.92-11.08 17.87-11.9 28.03-.75 4.34-1.04 8.25-1.11 11.35-.08 3.47 3.34 5.94 6.56 4.7 14.66-5.61 29.68-8.55 43.04-10 0 0 42.87-5.92 70.34 4.59.74.28 1.61.04 2.01-.65 2.98-5.28-3.37-20.13-4.4-22.03-6.01-11.16-16.64-21.55-27.64-27.67m18.33 28.6c-1.1-.56-11.27-15.97-42.71-22.19-12.39-2.45-25.07-.6-25.86-.69-1.7-.19-1.99-2.55-.4-3.15l.04-.01c3.82-1.44 7.8-2.28 11.86-2.62 11.59-.98 22.87.54 33.57 5.13 9.64 4.14 17.2 10.91 22.62 20 .57.95.91 2.04 1.39 3.05.15.32-.2.64-.51.48\" class=\"st0\"/><path d=\"M266.37 37.67C175.05 36.19 100.4 109.03 99.05 201.1c-.78 52.88 22.99 100.19 60.55 131.12 1.1.91 2.77.26 2.95-1.17 3.46-28.05 11.73-56.12 12.88-59.66 2.36-7.29 5.16-14.53 8.84-20.58 2.68-4.41 7.09-7.53 11.88-10.01 4.16-2.15 25.29-10.31 31.86-12.27 14.9-4.45 30.3-7.21 45.65-8.21 21.74-1.4 44.22-.62 65.13 6.58 19.63 6.76 26.28 35.64 31.19 54.09 3.37 12.65 5.96 25.94 7.27 39.34.12 1.25 1.62 1.82 2.51.93 29.97-30.06 48.52-71.67 48.52-117.65.01-90.74-72.23-164.48-161.91-165.94M143.28 203.58c-.38 5.49-5.31 9.72-10.89 9.34-5.95-.4-10.68-5.5-10.34-11.16.33-5.55 5.27-9.77 11.04-9.43 5.85.35 10.58 5.56 10.19 11.25m243.57 2.52c-4.74-.35-8.51-4.74-8.24-9.61q.045-.825.24-1.59l-.11-.03-.05-.02c-3.18-1.3-11.37-4.66-14.64-5.65a.3.3 0 0 1-.12-.06c0 .04 0 .07-.01.11-.36 4.91-1.16 10.17-3.24 14.21-2.37 4.61-7.68 10.2-14.8 13.86-.82.42-1.83.13-2.35-.64l-.02-.03c-.58-.87-.34-2.06.55-2.61 6.49-3.99 10.45-8.36 12.02-11.9 1.03-2.04 1.08-4.11-.38-6.07-6.62-10.18-44.72-13.24-89.06-6.55-48.26 7.28-85.93 23.31-81.88 35.56.59 1.8 2.05 3.39 4.24 4.78.2.89-.36 1.93-1.46 1.98-12.3.61-17.43-18.36-18.31-38.79-.03-.69.4-1.34 1.06-1.55 1.51-.49 3.05-.88 4.59-1.27.94-.24 1.86.45 1.91 1.43.29 5.62.94 11.1 2.02 15.97.41 1.84 1.49 4.55 3.68 1.89 5.68-6.92 16.63-11.81 23.01-14.5 3-1.27 4.63-2.23 3.94-7.1-2.2-15.52-1.07-35.73 2.17-45.99 6.33-20.04 19.98-37.31 37.94-47.45 10.88-6.14.91-4.71-1.58-4.17a89 89 0 0 0-7.64 2.01c-28.34 8.78-50.87 31.91-59.86 60.41-1.97 6.23-3.36 15.8-3.74 25.99l-.6.21c3-.99 6.06-1.8 9.15-2.56 1.83-.45 3.68.68 4.13 2.53s-.68 3.71-2.51 4.16c-.13.03-.26.06-.39.07l-.1.01c-3.32.41-6.66.88-9.97 1.61-.74.14-1.47.3-2.2.48-.09.02-.19.04-.28.07-.83.2-1.66.38-2.48.59-1.58.42-3.17.83-4.74 1.3-.06.02-.13.03-.19.05-3.28.97-6.53 2.04-9.75 3.25-3.21 1.2-6.42 2.51-9.5 3.97l-.03.01a.953.953 0 0 1-1.28-.47.97.97 0 0 1 .37-1.24c3-1.88 6.05-3.57 9.18-5.18 3.12-1.61 6.3-3.1 9.54-4.49.58-.25 1.16-.49 1.74-.73.79-.32 1.59-.64 2.38-.96.36-11.43 1.89-22.23 4.09-29.19 9.74-30.84 34.11-55.91 64.8-65.39 63.68-19.66 129.39 31.12 126.14 96.48l-.03.7c0 .05 0 .12-.01.17a.78.78 0 0 1 .58.03c.37.19.75.38 1.12.59 3.13 1.6 11.16 5.55 14.11 7.43 1.58-2.49 4.36-4.05 7.43-3.85 4.67.3 8.43 4.79 8.12 9.69-.32 4.72-4.25 8.37-8.7 8.04m-192.39-27.71c-.57-2.98-2.19-5.11-4.86-6.69-.54-.32-.67-1.06-.29-1.56.9-1.19 1.83-2.05 3.21-2.43.43-.12.9-.03 1.28.2 2.06 1.23 3.67 2.96 4.62 5.37 1.45 3.65 1.57 7.41.67 11.14-.34 1.39-1.24 2.79-2.25 3.82-1.51 1.55-3.26 1.36-4.8-.37-.34-.38-.38-.96-.08-1.38 1.69-2.35 3.11-4.88 2.5-8.1\" class=\"st0\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n .password-icon-tooltip {\n background: @crust;\n\n &::before {\n border-color: @crust transparent transparent;\n }\n }\n // \"Continue with\" login button icons\n @loginicon: {\n google: \"<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-4z'/></defs><clipPath id='b'><use xlink:href='#a' overflow='visible'/></clipPath><path clip-path='url(#b)' fill='@{yellow}' d='M0 37V11l17 13z'/><path clip-path='url(#b)' fill='@{red}' d='M0 11l17 13 7-6.1L48 14V0H0z'/><path clip-path='url(#b)' fill='@{green}' d='M0 37l30-23 7.9 1L48 0v48H0z'/><path clip-path='url(#b)' fill='@{blue}' d='M48 48L17 24l-4-3 35-10z'/></svg>\";\n windowslive: \"<svg xmlns='http://www.w3.org/2000/svg' width='21' height='21'><path fill='@{red}' d='M1 1h9v9H1z'/><path fill='@{blue}' d='M1 11h9v9H1z'/><path fill='@{green}' d='M11 1h9v9h-9z'/><path fill='@{yellow}' d='M11 11h9v9h-9z'/></svg>\";\n github: \"<svg width='20' height='20' xmlns='http://www.w3.org/2000/svg'><path d='M10 0C4.477 0 0 4.36 0 9.74c0 4.304 2.865 7.955 6.839 9.243.5.09.682-.211.682-.47 0-.23-.008-.843-.013-1.656-2.782.588-3.369-1.306-3.369-1.306-.454-1.125-1.11-1.425-1.11-1.425-.908-.604.069-.592.069-.592 1.003.069 1.531 1.004 1.531 1.004.892 1.488 2.341 1.059 2.91.81.092-.63.35-1.06.636-1.303-2.22-.245-4.555-1.081-4.555-4.814 0-1.063.39-1.933 1.029-2.613-.103-.247-.446-1.238.098-2.578 0 0 .84-.262 2.75.998A9.818 9.818 0 0 1 10 4.71c.85.004 1.705.112 2.504.328 1.909-1.26 2.747-.998 2.747-.998.546 1.34.203 2.331.1 2.578.64.68 1.028 1.55 1.028 2.613 0 3.742-2.339 4.566-4.566 4.807.359.3.678.895.678 1.804 0 1.301-.012 2.352-.012 2.671 0 .261.18.564.688.47C17.137 17.69 20 14.042 20 9.74 20 4.36 15.522 0 10 0z' fill='@{text}' fill-rule='evenodd'/></svg>\";\n apple: \"<svg width='170' xmlns='http://www.w3.org/2000/svg' height='170'><path 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.51zM119.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.222 25.222 0 0 1-.188-3.07c0-7.778 3.386-16.102 9.399-22.908 3.002-3.446 6.82-6.311 11.45-8.597 4.62-2.252 8.99-3.497 13.1-3.71.12 1.083.17 2.166.17 3.24z' fill='@{text}'/></svg>\";\n };\n each(\n @loginicon,\n {\n span[data-provider=\"@{key}\"] {\n @svg: escape(@value);\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n );\n }\n}\n",
|
|
"originalDigest": "e58eef65d9a1610ede496323df476f72d840c40d",
|
|
"_id": "05f7f753-959f-408c-92f7-0638336ed7bf",
|
|
"_rev": 1780236868536,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 32
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Canvas LMS Catppuccin",
|
|
"description": "Soothing pastel theme for Canvas LMS",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/canvas-lms/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Canvas LMS Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/canvas-lms",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/canvas-lms",
|
|
"version": "2026.04.09",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/canvas-lms/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Acanvas-lms",
|
|
"description": "Soothing pastel theme for Canvas LMS",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Canvas LMS Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/canvas-lms\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/canvas-lms\n@version 2026.04.09\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/canvas-lms/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Acanvas-lms\n@description Soothing pastel theme for Canvas LMS\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"instructure.com\"), domain(\"instructuremedia.com\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n /* GLOBALS/VARIABLES */\n --ic-brand-primary: @accent;\n --ic-brand-primary-lightened-15: lighten(@accent, 5%);\n --ic-brand-primary-darkened-28: darken(@accent, 10%);\n --ic-brand-primary-darkened-10: darken(@accent, 3%);\n --ic-brand-font-color-dark: @text;\n --ic-brand-font-color-dark-lightened-15: @subtext1;\n --ic-brand-font-color-dark-lightened-28: @subtext0;\n --ic-brand-font-color-dark-lightened-30: @subtext0;\n --ic-link-color: @blue;\n --ic-link-color-darkened-10: fade(@blue, 90%);\n --ic-link-color-lightened-10: lighten(@blue, 10%);\n\n /* hover colors, used based on whether canvas's css has a blue hover or grayed-out hover color */\n @hover-regular: fade(@surface2, 50%);\n @hover-accent: mix(@base, @accent, 70%);\n\n /* GENERAL UI CHANGES */\n\n #footer,\n body {\n color: @text;\n border-color: @surface1;\n background-color: @base;\n }\n hr {\n border-color: @surface1;\n }\n select,\n textarea,\n input[type=\"text\"],\n input[type=\"password\"],\n input[type=\"datetime\"],\n input[type=\"datetime-local\"],\n input[type=\"date\"],\n input[type=\"month\"],\n input[type=\"time\"],\n input[type=\"week\"],\n input[type=\"number\"],\n input[type=\"email\"],\n input[type=\"url\"],\n input[type=\"search\"],\n input[type=\"tel\"],\n input[type=\"color\"],\n .uneditable-input {\n &ic-Input {\n border-color: @surface1;\n background-color: @surface0;\n }\n background-color: @base;\n border-color: @surface2;\n }\n img:not(\n [src^=\"/\"],\n [src*=\"cloudfront.net/dist\"],\n [src*=\"instructuremedia.com/build\"]\n ) {\n /* force a white background for user-uploaded images */\n background-color: #fffd;\n }\n scrollbar-color: @surface2 @surface0;\n\n table {\n border-color: @surface1;\n }\n table[style*=\"border-color: #000000\"] {\n border-color: @surface1 !important;\n }\n thead th {\n border-color: @surface1;\n }\n tbody tr,\n tbody td {\n border-color: @surface1;\n }\n td[class$=\"view-cell\"] {\n color: @text;\n }\n\n :is(label, fieldset) span[class$=\"formFieldLabel\"] {\n color: @subtext1;\n }\n\n :is(label, fieldset) span[class$=\"text\"] {\n color: @text;\n }\n\n /* used for links */\n span[color=\"brand\"] {\n color: @blue;\n }\n\n /* used for labels */\n span[color=\"primary\"] {\n color: @subtext1;\n }\n span[color=\"secondary\"] {\n color: @subtext0;\n }\n\n .user_content {\n /* for highlighted non-links in user-created content, revert to regular-ish text color */\n [style~=\"background-color:\"]:not([style~=\"color:\"])\n :not(a.external span) {\n color: black;\n }\n /* just a special exception for pure black text and pure white backgrounds */\n [style*=\"color: rgb(0, 0, 0)\"],\n [style*=\"color: black\"],\n [style*=\"color: #000000\"] {\n &:not([style~=\"background-color:\"]) {\n color: @text !important;\n }\n }\n [style*=\"background-color: rgb(255, 255, 255)\"],\n [style*=\"background-color: white\"],\n [style*=\"background-color: #ffffff\"] {\n color: @text !important;\n background-color: @base !important;\n }\n }\n\n a[class$=\"link\"]:not(.btn, .ic-DashboardCard__link),\n a[class$=\"link\"] > span,\n button[class$=\"link\"]:not(.btn) {\n color: @blue;\n &:focus {\n outline-color: @accent;\n }\n }\n a.external span {\n color: @blue;\n }\n\n /* sticky footers (e.g. teacher-side course settings) */\n .sticky-footer {\n background-color: @surface0;\n }\n .form-actions-sticky-footer {\n border-color: @surface1;\n }\n\n /* spinners */\n [class*=\"spinner__circleTrack\"] {\n stroke: @surface1 !important;\n }\n [class*=\"spinner__circleSpin\"] {\n stroke: @accent !important;\n }\n\n /* fullscreen background for modal popups */\n :where(body > span > span[class*=\"mask\"]) {\n /* modals */\n background-color: fade(@overlay0, 75%);\n > span {\n color: @text;\n background-color: @base;\n border-color: @surface1;\n div[class$=\"modalHeader\"] {\n background-color: transparent;\n border-color: @surface1;\n button:has(svg[name=\"IconX\"]) {\n .flush-button();\n }\n }\n img {\n background-color: transparent;\n }\n > div[class$=\"modalFooter\"] {\n background-color: @surface0;\n border-color: @surface1;\n button {\n .neutral-button();\n }\n }\n }\n }\n\n div[class*=\"view-panel__content\"] {\n color: @text;\n }\n\n /* dialogs */\n .ui-datepicker td span.ui-state-default.ui-state-hover,\n .ui-datepicker td a.ui-state-default.ui-state-hover {\n border-color: @surface2;\n background-color: @surface1;\n }\n .ui-datepicker-header.ui-widget-header,\n .ui-widget-content {\n background-color: @surface0;\n border-color: @surface1;\n }\n .ui-widget-overlay {\n background-color: fade(@base, 70%);\n }\n .ui-dialog {\n .ui-dialog-titlebar {\n background-color: @surface0;\n border-color: @surface1;\n }\n background-color: @surface0;\n }\n .ui-datepicker .ui-datepicker-time,\n .ui-dialog .ui-dialog-buttonpane {\n background-color: @surface1;\n border-color: @surface2;\n }\n .form-dialog .form-controls {\n background-color: @surface1;\n border-color: @surface2;\n }\n\n /* global nav menu */\n .ic-app-header {\n .ic-app-header__logomark-container {\n background-color: transparent;\n }\n .ic-app-header__menu-list-item.ic-app-header__menu-list-item--active {\n > * {\n background-color: @base;\n }\n .menu-item__text {\n background-color: transparent;\n }\n .ic-app-header__menu-list-link:focus {\n box-shadow:\n inset 0 0 0 0.125rem @base,\n inset 0 0 0 0.25rem\n var(--ic-brand-global-nav-menu-item__text-color--active);\n }\n }\n }\n .ic-app-header__menu-list-link:focus {\n box-shadow: inset 0 0 0 0.125rem @surface1, inset 0 0 0 0.25rem @surface2;\n }\n --ic-brand-global-nav-menu-item__text-color--active: @accent;\n --ic-brand-global-nav-menu-item__badge-text--active: @mantle;\n --ic-brand-global-nav-ic-icon-svg-fill--active: @accent;\n --ic-brand-global-nav-avatar-border: @text;\n\n --ic-brand-global-nav-bgd: @mantle;\n --ic-brand-global-nav-menu-item__badge-bgd: @surface2;\n --ic-brand-global-nav-menu-item__badge-text: @text;\n --ic-brand-global-nav-menu-item__text-color: @text;\n --ic-brand-global-nav-ic-icon-svg-fill: @text;\n .menu-item-icon-container path[fill] {\n fill: @text !important;\n }\n\n /* sidebar sliding trays */\n body > span > [class*=\"tray\"] {\n background-color: @mantle;\n fieldset,\n label {\n .Gradebook__StatusModalListItem span {\n color: black !important;\n }\n }\n div[class$=\"tray__content\"] > div > span:last-of-type:has(> button) {\n border-color: @surface1;\n background-color: @crust;\n }\n span[data-testid$=\"footer\"] > div {\n border-color: @surface1;\n background-color: @crust;\n }\n }\n\n div[aria-label=\"Global Navigation\"] [class$=\"summaryText\"] svg {\n /* mobile nav menu icons */\n color: @blue;\n }\n\n #nav-tray-portal {\n > span > span {\n background-color: @base;\n [class$=\"listItem\"] {\n color: @subtext0;\n }\n /* needed to persist color on hover */\n a {\n color: @blue;\n }\n div[data-timestamp] {\n color: @subtext0;\n }\n }\n label span[class$=\"label\"] {\n color: @text;\n }\n .help-tray li [class$=\"pill\"] {\n /* new pill */\n border-color: @green;\n color: @green;\n background-color: transparent;\n }\n .profile-tray span[class$=\"avatar\"] {\n background-color: @surface0;\n span {\n color: @accent;\n }\n }\n }\n\n .profile-tray button[aria-describedby^=\"Tooltip\"] {\n /* info tooltip on high contrast ui checkbox */\n .flush-button();\n }\n\n /* link sidebar for courses */\n .list-view a.active {\n border-color: @accent;\n color: @accent;\n }\n\n /* pills */\n div[class$=\"pill\"] {\n /* info pill (e.g. submitted, graded, etc) */\n background-color: transparent;\n border-color: @surface2;\n color: @text;\n &.css-tfc09q-pill.css-tfc09q-pill {\n /* red pills (late, missing) */\n color: @red;\n border-color: @red;\n }\n }\n .pill {\n background-color: @surface1;\n border-color: @surface2;\n box-shadow: 0 1px 0 @surface2;\n }\n /* pills on grades tab */\n .student_assignment [class$=\"pill\"] {\n background-color: transparent;\n }\n .submission-missing-pill > span > div {\n color: @red;\n border-color: @red;\n }\n .submission-late-pill > span > div {\n /* yes, this is blue in grades and red on dashboard */\n color: @blue;\n border-color: @blue;\n }\n\n /* filled-in buttons - this auto-generated class covers a lot of them */\n @hover-button: @surface1;\n .neutral-button() {\n color: @text;\n background-color: @surface0;\n border-color: @surface1;\n &:hover {\n background-color: @hover-button;\n > [class$=\"baseButton__content\"] {\n background-color: @hover-button;\n }\n color: @text;\n }\n path[fill=\"#000000\"] {\n fill: @text;\n }\n > [class$=\"baseButton__content\"] {\n color: @text;\n background-color: @surface0;\n border-color: @surface1;\n transition-property: background, transform, filter;\n }\n [class$=\"text\"] {\n color: @text;\n }\n }\n\n /* this is for buttons that are accent-colored */\n @hover-accent-button: mix(@base, @accent, 20%);\n .accent-button() {\n background-color: @accent;\n border-color: @surface1;\n path[fill=\"#000000\"] {\n fill: @mantle;\n }\n > [class$=\"baseButton__content\"] {\n transition-property: all;\n color: @mantle;\n background-color: @accent;\n border-color: @surface1;\n }\n &:hover {\n background-color: @hover-accent-button;\n > [class$=\"baseButton__content\"] {\n background-color: @hover-accent-button;\n }\n color: @mantle;\n }\n }\n\n span[type=\"button\"] {\n .neutral-button();\n }\n\n /* this is for buttons that have no border/background until hovered */\n @hover-flush-button: fade(@surface1, 30%);\n .flush-button() {\n color: @text;\n background-color: transparent;\n border-color: transparent;\n &:hover {\n background-color: @hover-flush-button;\n > [class$=\"baseButton__content\"] {\n background-color: @hover-flush-button;\n }\n color: @text;\n }\n path[fill=\"#000000\"] {\n fill: @text;\n }\n > [class$=\"baseButton__content\"] {\n color: @text;\n transition-property: background, transform, filter;\n }\n [class$=\"text\"] {\n color: @text;\n }\n }\n\n .btn:not(.btn-primary, .btn-link),\n .Button:not(\n .Button--link,\n .Button--primary,\n .Button--icon-action,\n .Button--icon-action-danger,\n .Button--icon-action-rev\n ),\n .ui-button {\n background-color: @surface0;\n color: @text;\n border-color: @surface1;\n &:focus {\n color: @text;\n }\n &:hover {\n background-color: @hover-button;\n color: @text;\n }\n &.ui-state-hover {\n background-color: @hover-button;\n color: @text;\n border-color: darken(@surface1, 5%);\n }\n &:active {\n background-color: darken(@hover-button, 3%);\n }\n &.active, &.Button--active {\n background-color: @subtext0;\n border-color: lighten(@surface1, 10%);\n color: @mantle;\n }\n }\n\n .btn-link,\n .Button--link {\n &.active, &.Button--active, &.ui-button.ui-state-active, &:active {\n background: @surface0;\n }\n &.disabled, &.ui-button.ui-state-disabled, &[disabled] {\n background: transparent;\n }\n }\n\n /* the below styles are taken from canvas's common css sheet */\n .ui-button.ui-state-active:hover,\n .ui-button.ui-state-active,\n .ui-progressbar .ui-button.ui-widget-header {\n background-color: @subtext0;\n border-color: lighten(@surface1, 10%);\n color: @mantle;\n }\n\n --ic-brand-button--primary-bgd: @accent;\n --ic-brand-button--primary-text: @crust;\n --ic-brand-button--primary-bgd-darkened-5: darken(@accent, 5%);\n --ic-brand-button--primary-bgd-darkened-15: darken(@accent, 15%);\n\n .ui-progressbar .btn-link.ui-button.ui-widget-header,\n .ui-progressbar .Button--link.ui-button.ui-widget-header {\n background: @surface0;\n }\n\n .btn-published,\n .btn-published:hover {\n background: @green;\n border-color: 1px solid darken(@green, 10%);\n color: @crust;\n }\n\n .btn-published:focus {\n box-shadow: inset 0 0 0 2px @crust;\n background: darken(@green, 10%);\n color: @crust;\n }\n\n .btn-published.disabled,\n .btn-published.ui-button.ui-state-disabled,\n .btn-published.disabled:hover {\n border-color: darken(@green, 10%);\n background: @green;\n color: @crust;\n }\n\n .btn-unpublished {\n color: @crust;\n text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);\n background-color: @red;\n background-image: @red;\n border-color: @maroon;\n }\n\n .btn-unpublished:hover,\n .btn-unpublished:active,\n .btn-unpublished.active,\n .btn-unpublished.disabled,\n .btn-unpublished.ui-button.ui-state-disabled,\n .btn-unpublished[disabled] {\n color: @crust;\n background-color: @maroon;\n }\n\n .btn-unpublished:focus {\n color: @crust;\n background: @maroon;\n box-shadow: inset 0 0 0 2px @crust;\n }\n /* end of copy-pasted styles */\n\n span[role=\"button\"]::before, /* drag handle */\n :is(button, a)[class$=\"baseButton\"]::before {\n border-color: @accent;\n }\n\n .ActionButtons button[id^=\"Drilldown\"] {\n .accent-button();\n }\n\n .Button--icon-action:hover,\n .Button--icon-action-danger:hover,\n .Button--icon-action-rev:hover,\n .Button--icon-action:focus,\n .Button--icon-action-danger:focus,\n .Button--icon-action-rev:focus {\n background: transparent !important;\n }\n\n .Button--icon-action-rev:focus {\n box-shadow: inset 0 0 0 2px @text;\n }\n\n .btn-primary:focus, .Button--primary:focus {\n box-shadow: inset 0 0 0 2px @crust;\n }\n\n /* outlines around clicked elements */\n [class$=\"__facade\"] {\n &::before {\n border-color: @accent;\n }\n }\n textarea + span[class$=\"textArea__outline\"] {\n border-color: @accent;\n }\n\n /* checkboxes */\n input + label span[class$=\"checkboxFacade__facade\"] {\n border-color: @surface2;\n background-color: @base;\n }\n input:checked + label span[class$=\"checkboxFacade__facade\"] {\n border-color: @surface2;\n background-color: @text;\n color: @base;\n }\n\n /* toggle switches */\n input + label [class*=\"toggleFacade__facade\"] {\n border-color: @surface1;\n background-color: @surface0;\n span[class$=\"__iconToggle\"] {\n &::before {\n background-color: @text;\n border-color: @surface2;\n }\n svg {\n color: @mantle;\n }\n }\n }\n input:checked + label [class*=\"toggleFacade__facade\"] {\n border-color: @surface1;\n background-color: @green;\n span[class$=\"__iconToggle\"] {\n &::before {\n background-color: @mantle;\n border-color: @green;\n }\n svg {\n color: @green;\n }\n }\n }\n\n input + label span[class$=\"label\"] {\n color: @text;\n }\n\n /* dropdown menu buttons */\n [class$=\"textInput__facade\"] {\n color: @text;\n background-color: transparent;\n border-color: @surface2;\n input {\n color: @text !important;\n }\n }\n select {\n color: @text;\n border-color: @surface2;\n background-color: @base;\n }\n\n /* notifications */\n .ic-notification {\n color: @text;\n box-shadow: 0 1px 6px @surface1;\n .ic-notification__content {\n background-color: @base;\n }\n i {\n color: @crust;\n }\n }\n\n .ui-state-warning,\n .dialog-warning .ui-dialog-titlebar,\n .dialog-warning .ui-datepicker .ui-datepicker-header,\n .ui-datepicker .dialog-warning .ui-datepicker-header {\n border-color: @red;\n background: none;\n color: @text;\n }\n\n /* alerts */\n div[class*=\"view-alert\"] {\n color: @text;\n background-color: @base;\n border-color: @accent;\n > div {\n border-color: @accent;\n }\n > div:has(> svg) {\n background-color: @accent;\n }\n }\n\n /* pdf reader */\n .Pages {\n background-color: @surface0;\n }\n\n /* ui tabs */\n .ui-tabs {\n .ui-tabs-panel,\n .ui-tabs-nav {\n border-color: @surface1;\n }\n .ui-tabs-nav li.ui-state-hover,\n .ui-tabs-nav li:hover,\n .ui-tabs-nav li.ui-tabs-active,\n .ui-tabs-nav li.ui-tabs-active.ui-state-hover,\n .ui-tabs-nav li.ui-tabs-active:hover {\n background-color: @base;\n border-color: @surface1;\n a {\n color: @text;\n }\n }\n\n .ui-state-hover {\n background-color: mix(@overlay2, @surface1, 20%);\n }\n .ui-tabs-panel {\n background-color: @base;\n }\n #assignments {\n tr .title {\n border-color: @surface1;\n }\n }\n }\n\n div[class$=\"view-tabs__container\"] {\n background-color: transparent;\n div[class$=\"view-tab\"] {\n background-color: transparent;\n color: @text;\n &[aria-selected=\"true\"] {\n border-color: @surface2;\n border-bottom-color: @base;\n }\n }\n div[role=\"tabpanel\"] > div {\n background-color: transparent;\n border-color: @surface1;\n }\n }\n div[role=\"tab\"] {\n color: @text;\n &[aria-selected=\"true\"]::after {\n background-color: @accent;\n }\n }\n\n /* RECENT ACTIVITY/HOME */\n .recent-activity-header,\n .stream-category {\n border-color: @surface1;\n }\n .stream-details tr:hover,\n .stream_header:hover {\n background-color: @hover-accent;\n }\n .pages.show .course-title {\n color: @subtext0;\n }\n\n /* ANNOUNCEMENTS */\n .ic-item-row {\n box-shadow: @surface1 0 -1px 0 0;\n box-shadow: 0 -1px @surface1, inset 0 -1px @surface1;\n }\n [data-testid=\"pill-container\"] * {\n color: @subtext0 !important;\n }\n\n /* the unread badge */\n .ic-announcement-row span[class$=\"badge\"] {\n background-color: @accent;\n }\n\n .ic-item-row__meta-content-timestamp > p {\n color: @subtext0;\n }\n #mark_all_announcement_read {\n .neutral-button();\n }\n\n /* DASHBOARD */\n .StickyButton-styles__root {\n background-color: @accent;\n span {\n color: @mantle;\n }\n }\n .NotificationBadge-styles__activityIndicator.NotificationBadge-styles__hasBadge\n [class$=\"badge\"] {\n background-color: @accent;\n }\n .Day-styles__root {\n background-color: @base;\n color: @text;\n h2 {\n border-color: @surface1;\n }\n .Grouping-styles__title {\n color: @blue;\n background-color: @base;\n &::after {\n background-image: none;\n }\n }\n .PlannerItem-styles__root {\n border-color: @surface1;\n color: @subtext0;\n }\n .PlannerItem-styles__secondary [class$=\"-text\"] {\n color: @subtext0;\n }\n }\n #planner-today-btn,\n .PlannerItem-styles__secondary button {\n .neutral-button();\n }\n\n .CompletedItemsFacade-styles__root {\n border-color: @surface1;\n }\n .CompletedItemsFacade-styles__contentPrimary * {\n color: @blue;\n }\n button[data-testid=\"completed-items-toggle\"] {\n span[class$=\"summaryText\"] {\n color: inherit;\n }\n }\n .ic-Dashboard-header {\n background-color: @base;\n }\n .ic-Dashboard-header__layout {\n background-color: @base;\n border-color: @surface1;\n }\n .PlannerHeader-styles__root {\n background-color: @base;\n svg {\n color: @text;\n }\n }\n #DashboardOptionsMenu_Container button {\n .flush-button();\n }\n .ic-DashboardCard {\n background-color: @surface0;\n .ic-DashboardCard__header_content {\n background-color: @surface0;\n }\n .ic-DashboardCard__header-button,\n .ic-DashboardCard__header-button * {\n background-color: transparent;\n }\n .ic-DashboardCard__action-badge {\n background-color: @accent;\n .unread_count {\n background-color: @accent;\n color: @base;\n }\n }\n }\n\n .ToDoSidebarItem__Info li {\n color: @text;\n }\n .Sidebar__TodoListContainer svg {\n color: @text;\n }\n #right-side {\n .h2,\n h2 {\n border-color: @surface1;\n }\n background-color: fade(@base, 80%);\n .details .header {\n color: @subtext0;\n }\n .ToDoSidebarItem__Close svg {\n color: @text;\n }\n }\n #right-side .events_list {\n p {\n color: @subtext0;\n }\n\n .event-details::after {\n background: linear-gradient(to right, transparent 0%, @base 80%);\n }\n }\n .PlannerEmptyState-styles__root {\n color: @text;\n }\n .EmptyDays-styles__root {\n background-color: @base;\n color: @text;\n border-color: @surface2;\n > h2 {\n border-color: @surface1;\n }\n }\n form[action=\"/logout\"] button {\n .neutral-button();\n }\n .PlannerHeader [id^=\"Badge\"] {\n background-color: @accent;\n color: @crust;\n }\n .Opportunity-styles__root {\n background-color: transparent;\n }\n .Opportunity-styles__oppName {\n color: @subtext1;\n }\n .Opportunity-styles__due,\n .Opportunity-styles__points {\n color: @subtext1;\n }\n\n /* popup menus */\n span[data-position-content^=\"Menu\"],\n span[data-position-content^=\"Popover\"] {\n span[class$=\"arrow\"] {\n filter: @surface1-filter;\n }\n > span {\n color: @text;\n background-color: @surface1;\n border-color: @surface2;\n }\n }\n\n .ui-menu .ui-menu-item a.ui-state-hover,\n .ui-menu .ui-menu-item a.ui-state-active,\n .ui-menu .ui-menu-item .ui-progressbar a.ui-widget-header,\n .ui-progressbar .ui-menu .ui-menu-item a.ui-widget-header,\n .ui-menu .ui-menu-item a.ui-state-focus {\n color: @crust;\n }\n\n /* color picker menu (e.g. on dashboard) */\n .ColorPicker__Actions button[class$=\"baseButton\"]:not([id$=\"Apply\"]) {\n .neutral-button();\n }\n #ColorPicker__Apply {\n .accent-button();\n }\n .ColorPicker__Container {\n background-color: @surface1;\n border-color: @surface2;\n label span {\n color: @subtext0;\n }\n }\n\n span[data-testid=\"RCE_RestoreAutoSaveModal\"] {\n span[class$=\"view--block\"] {\n background-color: transparent;\n border-color: @surface1;\n color: @text;\n }\n }\n /* select dropdowns */\n span[data-position-content^=\"Popover\"]:has(ul[role=\"listbox\"]) {\n border-color: @surface2;\n span {\n color: @text;\n }\n > span > span {\n background-color: @surface1;\n div[class$=\"separator\"] {\n background-color: @surface2;\n }\n li {\n background-color: @surface1;\n }\n ul[role=\"listbox\"] {\n background-color: @surface1;\n /* the extra selectors are because some lists have group options as list items */\n li:not(:has(ul[role=\"group\"])) {\n &:hover,\n &:focus,\n &:active {\n color: @base;\n background-color: @accent !important;\n span {\n color: @base;\n }\n }\n }\n li:has([aria-selected=\"true\"]) {\n background-color: mix(@surface1, @overlay2, 70%);\n }\n }\n }\n }\n\n /* only on canvas studio apparently */\n span[data-position-content^=\"Drilldown\"] {\n border-color: @surface2;\n span {\n color: @text;\n }\n li {\n background-color: @surface1;\n &:not(:has([id^=\"DrilldownHeader-Title\"])) {\n &:hover,\n &:focus,\n &:active {\n color: @base;\n background-color: @accent !important;\n span {\n color: @base;\n }\n }\n }\n [id^=\"DrilldownHeader-Separator\"] {\n background-color: @surface2;\n }\n }\n }\n button[id^=\"Drilldown\"] {\n > span {\n background-color: @base;\n color: @text;\n border-color: @surface2;\n }\n &:hover > span {\n background-color: @base;\n }\n }\n\n /* dropdown menu */\n span[data-position-content^=\"Menu___\"] {\n span {\n color: @text;\n }\n [role=\"menu\"] {\n &::before {\n border-color: @accent;\n }\n background-color: @surface1;\n span[class$=\"menuItemGroup__label\"] {\n background-color: @surface1;\n }\n div[class$=\"menuItemSeparator\"] {\n background-color: @surface2;\n }\n [role=\"menuitem\"],\n span[class$=\"menuItem\"] {\n background-color: @surface1;\n &:hover,\n &:focus,\n &:active {\n color: @base;\n background-color: @accent !important;\n span {\n color: @base;\n }\n }\n }\n }\n }\n\n ul[role=\"menu\"] {\n div:has(> li[role=\"menuitem\"][data-selected=\"true\"]) {\n color: @base;\n background-color: @accent !important;\n span {\n color: @base;\n }\n }\n }\n\n /* use more noticeable color for file preview selection */\n #App *::selection {\n background-color: @accent;\n }\n\n /* ICONS */\n .nav-icon {\n background-color: @base;\n color: @text;\n }\n .ui-icon-closethick {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.1\" x=\"0px\" y=\"0px\" viewBox=\"0 0 512 512\" width=\"512\" height=\"512\" enable-background=\"new 0 0 512 512\" xml:space=\"preserve\"><polygon points=\"509.5,73.2 435.2,4 254.8,184.2 74.3,4 2.5,75.8 182.9,256 2.5,436.2 76.9,505.5 254.8,327.7 435.2,508 507,436.2 326.6,256\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n /* publish icons */\n .publish-icon.publish-icon-published,\n .ig-published:not(.student-view) .ig-type-icon {\n color: @green;\n }\n svg[name=\"IconPublish\"],\n svg[name=\"IconBookmark\"],\n .icon-check {\n color: @green !important;\n }\n svg[name=\"IconX\"] {\n color: @text;\n }\n\n /* tree-view expand indicators */\n svg[name=\"IconArrowOpenEnd\"],\n svg[name=\"IconArrowOpenDown\"] {\n color: @text;\n }\n\n /* unsure what the other colors are */\n span[color=\"success\"] > svg {\n color: @green;\n }\n\n .context_module .icon-minimize {\n color: @red !important;\n }\n\n .ally-prominent-af-download-button {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"22px\" height=\"13px\" viewBox=\"0 0 22 13\" version=\"1.1\"><title>iconAllyDownload-IC</title><desc>Created with Sketch.</desc><path d=\"m22.14 4.354-4.812 7.312-4.813-7.312h2.888V-.034h3.85v4.388zm-22 8.612 7.562-10.4 7.563 10.4h-3.618c-.67-1.362-2.164-2.311-3.9-2.311-1.737 0-3.231.949-3.901 2.311zM5.9 8.18c0 .911.807 1.65 1.802 1.65.994 0 1.8-.739 1.8-1.65 0-.912-.806-1.651-1.8-1.651-.995 0-1.801.74-1.801 1.65\" fill=\"@{text}\" stroke=\"none\" stroke-width=\"1\" fill-rule=\"evenodd\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n img[src=\"/images/svg-icons/svg_icon_download.svg\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1920 1920\" version=\"1.1\"><path d=\"m1807.093 1482.477 79.736 79.963-355.313 355.312H355.346L.035 1562.44l79.85-79.963 322.22 322.334H1484.76zM997.677-.033v1167.02l355.313-355.313 79.962 79.85-491.858 491.633L449.46 891.524l79.962-79.85 355.313 355.313V-.033z\" fill=\"@{text}\" stroke=\"none\" stroke-width=\"1\" fill-rule=\"evenodd\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .standalone-icon::before {\n color: @text;\n }\n\n /* MODULES */\n .item-group-expandable,\n .item-group-container {\n border-color: @surface0;\n background-color: @base;\n }\n .item-group-expandable .emptyMessage {\n background-color: @base;\n }\n .header-bar {\n background-color: @base;\n }\n .content,\n .footer {\n background-color: @base;\n }\n .ig-header {\n background-color: @surface0;\n color: @text;\n border-color: @surface1;\n .name {\n text-shadow: 1px 1px 0 fade(@base, 50%);\n color: @text;\n }\n }\n .accessible-toggler {\n color: @text;\n }\n .ig-list {\n .ig-row {\n color: @text;\n background-color: @base;\n border-color: @surface1;\n }\n .ig-row:hover {\n background-color: @hover-accent;\n }\n }\n .list-view a.active .nav-badge,\n .nav-badge {\n background-color: @accent;\n color: @base;\n }\n #breadcrumbs {\n background-color: @base;\n }\n .ic-app-nav-toggle-and-crumbs,\n .item-group-condensed {\n border-color: @surface1;\n }\n .pages.show .page-title {\n color: @text;\n }\n #show_by_date,\n #show_by_type {\n + label > span {\n color: @text;\n }\n &:checked + label > span {\n background-color: @surface1;\n }\n }\n\n /* COURSES */\n .course-list-favorite-course .icon-star::before {\n color: @peach;\n }\n .course-list-table .course-list-table-row:hover {\n background-color: mix(@overlay2, @base, 20%);\n }\n .course-list-unpublished-course-row {\n background-color: darken(@base, 5%);\n .course-list-unpublished-course {\n color: @red;\n }\n }\n /* browse more courses */\n .course_text {\n color: @text;\n }\n\n /* CALENDAR */\n #calendar-app {\n .agenda-wrapper {\n background-color: @base;\n }\n table {\n thead.fc-head,\n .fc-head-container,\n .fc-row {\n border-color: @surface1;\n }\n .fc-day-header {\n color: @text;\n }\n .fc-body {\n background-color: @base;\n }\n .fc-today {\n background-color: darken(@surface0, 5%);\n }\n .fc-divider {\n border-color: @surface2;\n }\n }\n .fc-agendaWeek-view .fc-day-grid .fc-row {\n border-color: @surface1;\n }\n }\n :is(.calendar, #calendar-drag-and-drop-container)\n .fc-row\n :is(.fc-content-skeleton, .fc-helper-skeleton)\n td {\n border-color: @surface1;\n }\n\n #calendar-app .fc-event,\n #calendar-drag-and-drop-container .fc-event {\n background-color: transparent;\n }\n .calendar_header #create_new_event_link {\n color: @text;\n }\n #calendar-list-holder,\n #other-calendars-list-holder,\n #undated-events {\n background-color: @base;\n }\n\n #minical {\n color: @text;\n background-color: @surface1;\n border-color: @surface1;\n h2,\n .fc-widget-content {\n color: @text;\n }\n .fc-view {\n background-color: @base;\n * {\n border-color: transparent;\n }\n }\n .fc-state-default {\n color: @text;\n }\n .fc-toolbar {\n border-color: @surface1;\n }\n }\n #calendar-list-holder {\n background-color: @base;\n }\n #calendars-context-list .context_list_context:hover,\n #other-calendars-context-list .context_list_context:hover {\n background-color: mix(@overlay2, @base, 20%);\n }\n #undated-events {\n background-color: @base;\n .event {\n background-color: @base;\n }\n }\n\n .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.1\" x=\"0px\" y=\"0px\" viewBox=\"0 0 512 512\" enable-background=\"new 0 0 512 512\" xml:space=\"preserve\" fill=\"@{text}\"><polygon xmlns=\"http://www.w3.org/2000/svg\" points=\"52,256 460,512 460,0\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .ui-datepicker .ui-datepicker-header .ui-datepicker-next {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.1\" x=\"0px\" y=\"0px\" viewBox=\"0 0 512 512\" enable-background=\"new 0 0 512 512\" xml:space=\"preserve\" fill=\"@{text}\"><polygon points=\"460,256 52,0 52,512\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n /* INBOX */\n [data-testid=\"tool-bar\"] {\n background-color: @mantle;\n border-color: @surface2;\n button {\n .neutral-button();\n }\n }\n button[data-testid=\"address-button\"] {\n .neutral-button();\n }\n svg[name=\"IconEmail\"] {\n color: @text;\n }\n\n /* left side */\n [data-testid=\"conversation\"] {\n border-color: @surface1;\n span[class$=\"badge\"] {\n color: @text;\n background-color: @surface1;\n }\n }\n #inbox-conversation-holder > div > div > div {\n /* each email entry */\n border-color: @surface2;\n div[style~=\"background-color:\"] {\n background-color: mix(@base, @accent, 90%) !important;\n }\n div[style~=\"box-shadow:\"] {\n box-shadow: @accent -4px 0 0 inset !important;\n }\n\n button[data-testid$=\"read-badge\"] {\n &::before {\n border-color: @blue;\n }\n span svg {\n color: @accent;\n }\n }\n button[data-testid=\"visible-not-starred\"],\n button[data-testid=\"visible-starred\"] {\n .flush-button();\n }\n }\n [data-testid=\"unread-badge\"] span svg {\n color: @accent;\n }\n [data-testid=\"ic-blue-unread-badge\"] span {\n background-color: @accent;\n }\n\n /* right side */\n span:has(> #inbox-conversation-holder) + span {\n > div > div {\n border-color: @surface1;\n }\n button {\n .flush-button();\n }\n }\n /* compose message overlay */\n span[data-testid=\"compose-modal-desktop\"] {\n background-color: @surface0;\n border-color: @surface1;\n span[class$=\"view\"]:has(label[for^=\"TextArea\"]) {\n border-color: @surface1;\n textarea {\n color: @text;\n }\n }\n span[data-testid=\"past-messages\"] div[class$=\"view\"] {\n border-color: @surface1;\n }\n > div[class$=\"modalBody\"] {\n button {\n .neutral-button();\n }\n }\n > div[class$=\"modalFooter\"] {\n #send-message-button {\n .accent-button();\n }\n }\n }\n\n /* COURSE CONTENT (QUIZZES, ETC) */\n #assignment_show .student-assignment-overview {\n border-color: @surface1;\n }\n\n #assignment_show .description.teacher-version {\n border-color: @surface2;\n }\n\n .assignment_header,\n #assignment_student_details,\n .quiz-header {\n border-color: @surface2;\n }\n\n span:has(> [class$=\"fileDrop__labelContent\"]) {\n [class$=\"fileDrop__labelContent\"] {\n border-color: @overlay1;\n &:hover {\n border-color: @accent;\n }\n }\n [class$=\"fileDrop__layout\"] * {\n background-color: transparent;\n }\n label > span::before {\n border-color: @accent;\n }\n }\n\n .question.fill_in_multiple_blanks_question .answer_group,\n .question.multiple_dropdowns_question .answer_group {\n border-color: @surface1;\n }\n .quiz-submission,\n .question_editing {\n background-color: @base;\n border-color: @base;\n }\n .score_value {\n color: @subtext1;\n }\n .question {\n background-color: transparent;\n }\n .quiz_comment {\n border-color: @surface1;\n background-image: linear-gradient(to bottom, @base, @surface0);\n &::before {\n border-bottom-color: @surface1;\n }\n &::after {\n border-bottom-color: @base;\n }\n }\n #quiz_show {\n ul#quiz_student_details {\n border-color: @surface1;\n }\n .description.teacher-version {\n border-color: @surface2;\n }\n }\n .catppuccin_answer_arrow(@color, @filter) {\n color: @mantle;\n background-image: none;\n text-shadow: none;\n background-color: @color;\n &::before,\n &::after {\n filter: @filter;\n }\n }\n .answer_arrow.correct {\n .catppuccin_answer_arrow(@green, @green-filter);\n }\n .answer_arrow.info {\n .catppuccin_answer_arrow(@text, @text-filter);\n }\n .answer_arrow.incorrect {\n .catppuccin_answer_arrow(@red, @red-filter);\n }\n #questions.assessment_results .question .answers .answer.wrong_answer {\n border-color: @red;\n }\n #questions.assessment_results\n .question\n .answers\n .answer.wrong_answer\n .ui-selectmenu-status {\n color: @red;\n }\n\n .muted-notice {\n background-color: @surface0;\n background-image: linear-gradient(to bottom, @base, @surface0);\n text-shadow: @base 1px 1px 1px;\n border-color: @surface2;\n }\n .alert {\n background-color: fade(@red, 15%);\n span {\n color: @red;\n }\n }\n .icon-warning {\n color: @red;\n }\n\n .ic-Table {\n td,\n th.ic-Table--header-row {\n border-color: @surface1;\n }\n }\n table.summary {\n td,\n tbody th {\n background-color: @base;\n border-color: @surface1;\n }\n }\n ul#question_list {\n li.answered a {\n color: @lavender;\n }\n li.marked {\n &::before {\n content: url(\"/dist/images/flagged_question-e2565888dd.png\");\n filter: @yellow-filter;\n }\n padding-left: 6px;\n background-image: none;\n }\n li i {\n /* question mark icons */\n color: @subtext0;\n }\n }\n #questions {\n background-color: @base;\n .ambrosiaContainerComponent * {\n color: @text;\n }\n .question {\n border-color: @surface1;\n .flag_question {\n filter: @blue-filter;\n }\n &.marked .flag_question {\n filter: @yellow-filter;\n }\n .header {\n background-color: @surface0;\n border-color: @surface1;\n .question_points_holder {\n color: @subtext0;\n }\n }\n }\n .text {\n background-color: @base;\n }\n .answers .answer {\n border-color: @surface1;\n }\n }\n .form-actions {\n border-color: @surface1;\n }\n #last_saved_indicator {\n color: @subtext1;\n }\n .ui-tooltip {\n &::before {\n border-color: transparent transparent @surface0;\n }\n &.horizontal::before {\n border-color: transparent @surface0 transparent transparent;\n }\n background-color: @surface0;\n }\n\n .module-sequence-footer .module-sequence-footer-content {\n background-color: @base;\n border-color: @surface1;\n a {\n .neutral-button();\n }\n }\n\n /* submitting */\n #tinymce-parent-of-submission_body {\n .canvas-rce__skins--root,\n * {\n color: @text;\n }\n }\n .border {\n border-color: @surface1;\n }\n\n /* submission details */\n .submission-details-container {\n border-color: @surface1;\n }\n .submission-details-comments {\n .comment_author_and_date {\n color: @subtext0;\n }\n .comments {\n border-color: @surface1;\n background-color: @surface0;\n /* To style only the background-image, we move the background-image to ::before and then tweak the styles. */\n a.media-comment {\n padding: 0;\n background-image: none;\n }\n a.media-comment::before {\n padding: 0 5px 0 0;\n display: inline-block;\n transform: translateY(2px) !important;\n content: url(\"/dist/images/audio_comment-eeb35d0efe.gif\");\n filter: @text-filter;\n }\n }\n }\n .file-upload-submission {\n background-color: @surface0;\n }\n .submission-details-header__heading-and-grades {\n border-color: @surface1;\n }\n .comment {\n color: @text !important;\n }\n /* text editor */\n .tox {\n * {\n color: @text;\n }\n .tox-edit-area.active,\n .tox .tox-edit-area.active iframe {\n border-color: @accent;\n }\n .tox-split-button .tox-tbtn.tox-split-button__chevron {\n background-color: transparent;\n }\n .tox-tbtn:focus,\n .tox-split-button:focus {\n background-color: fade(@overlay2, 50%);\n color: @subtext0;\n fill: @subtext0;\n box-shadow: 0 0 0 2px @accent;\n }\n .tox-tbtn,\n .tox-split-button,\n .tox-tbtn.tox-tbtn--enabled,\n .tox-split-button .tox-tbtn.tox-split-button__chevron {\n &:hover,\n &:active {\n background-color: @surface0;\n color: @subtext0;\n svg {\n fill: @subtext0;\n }\n }\n }\n .tox-tbtn.tox-tbtn--enabled::after {\n color: @accent;\n }\n\n .tox-mbtn:hover:not(:disabled),\n .tox-mbtn:hover:not(:disabled, .tox-mbtn--active) {\n background-color: @hover-button;\n }\n .tox-mbtn--active {\n background-color: @hover-button;\n }\n\n .tox-toolbar,\n .tox-toolbar__overflow,\n .tox-toolbar__primary,\n .tox-editor-header,\n .tox-menubar,\n .tox-menubar__primary,\n .tox-menubar-overlord {\n background-color: @base;\n }\n .tox-pop {\n &::after {\n border-bottom-color: @surface0;\n }\n .tox-pop__dialog {\n background-color: @surface0;\n }\n }\n .tox-toolbar__group::after {\n border-color: @surface2;\n }\n svg,\n #Fill-1,\n .tox-icon g {\n fill: @text;\n }\n button[title=\"Embed Lucid Document\"] image {\n filter: @text-filter;\n }\n button[title=\"Embed\"] svg path {\n fill: @text;\n }\n .tox-menu {\n background-color: @surface0;\n border-color: @surface1;\n .tox-collection__item {\n color: @text;\n }\n }\n .tox-mbtn:focus:not(:disabled) {\n box-shadow: 0 0 0 2px @accent;\n }\n .tox-collection--list .tox-collection__group {\n border-color: @surface1;\n }\n .tox-collection--list\n .tox-collection__item--active:not(\n .tox-collection__item--state-disabled\n ),\n .tox-collection__item--active {\n background-color: mix(@accent, @base, 30%);\n }\n .tox-collection--list .tox-collection__item--enabled {\n background-color: @surface1;\n }\n .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {\n fill: @text;\n }\n }\n .canvas-rce__skins--root {\n background-color: @base;\n }\n\n /* equation editor */\n span[aria-label=\"Equation Editor\"] {\n div[class$=\"panel\"] button {\n .neutral-button();\n }\n textarea,\n math-field {\n color: @text;\n border-color: @surface2 !important;\n }\n [data-testid=\"mathml-preview-element\"] {\n color: @text;\n }\n button[data-testid=\"equation-editor-modal-done\"] {\n .accent-button();\n }\n }\n\n #rubrics {\n .rubric_title {\n background-color: @surface0;\n border-color: @surface1;\n }\n .rubric_container {\n thead th {\n background-color: @surface0;\n border-color: @surface1;\n }\n .ratings * {\n border-color: @surface1;\n }\n }\n .rubric-footer {\n border-color: @surface1;\n }\n }\n\n /* discussions */\n .headerBar {\n background: @surface0;\n border-color: @surface1;\n }\n .alert-info {\n background-color: @surface0;\n color: @blue;\n * {\n color: @blue;\n }\n }\n .topic .entry-content {\n border-color: @surface1;\n }\n .new-and-total-badge .new-items {\n color: @base;\n }\n .discussion_entry > .discussion-entry-reply-area {\n border-color: @surface1;\n }\n .discussion-reply-box {\n background-color: @surface0;\n border-color: @surface1;\n }\n .al-options {\n background-color: @surface0;\n border-color: @surface1;\n }\n\n .ic-discussion-row,\n .pinned-discussions-v2__wrapper,\n .unpinned-discussions-v2__wrapper,\n .discussions-v2__container-image,\n .closed-for-comments-discussions-v2__wrapper {\n border-color: @surface1;\n background-color: @base;\n }\n .discussions-v2__container-image {\n color: @text;\n }\n .ic-discussion-row {\n box-shadow: -1px -1px @surface1, inset -1px -1px @surface1;\n }\n .discussion-entries {\n background-color: @base;\n .discussion_entry,\n .toolbarView,\n .entry {\n background-color: @base;\n border-color: @surface1;\n .entry-content {\n background-color: @base;\n }\n }\n time {\n color: @subtext0;\n }\n }\n\n /* new discussion redesign */\n .discussion-redesign-layout {\n div[data-drawer-content^=\"DrawerLayout\"] {\n /* the header with the search bar */\n > span > div:first-child {\n background-color: @base;\n }\n }\n div[data-testid=\"discussion-topic-container\"] > span > div {\n border-color: @surface1;\n }\n .discussion-post-manage-discussion path {\n color: @text;\n }\n }\n\n #DrawerLayoutTray {\n /* split screen layout */\n background-color: @base;\n border-color: @surface1;\n }\n button[class$=\"baseButton\"]:has(svg[name=\"IconX\"]) {\n .flush-button();\n }\n button[class$=\"baseButton\"]:has(svg[name=\"IconMore\"]) {\n .flush-button();\n }\n\n .communication_message {\n border-color: @surface1;\n }\n .communication_message div.header {\n color: @subtext0;\n }\n span:has(> [data-testid=\"DiscussionEdit-container\"]) {\n background-color: @base;\n }\n [data-testid=\"RCEStatusBar\"] {\n color: @subtext0;\n button {\n .flush-button();\n }\n > span > div {\n border-color: @surface1 !important;\n }\n [data-btn-id=\"rce-editormessage-btn\"] {\n .neutral-button();\n }\n }\n button[data-testid=\"attach-btn\"] > span {\n color: @text;\n }\n .ic-discussion-content-container > span > span:last-child {\n color: @text;\n }\n .discussions-container__wrapper [class$=\"summaryText\"] {\n color: @text;\n }\n .ic-unread-badge__unread-count {\n color: @mantle;\n }\n .ic-unread-badge__total-count {\n background-color: @surface1;\n }\n hr[data-testid=\"post-separator\"] {\n border-color: @surface1 !important;\n }\n .searchButton__container button,\n .discussions-index-manage-menu > button {\n .neutral-button();\n }\n #add_discussion {\n .accent-button();\n }\n .discussions-editor + div {\n button[data-testid=\"attach-btn\"] {\n .flush-button();\n }\n .discussions-editor-cancel button {\n .neutral-button();\n }\n .discussions-editor-submit button {\n .accent-button();\n }\n }\n .discussion-topic-reply-button button {\n .accent-button();\n }\n .discussion-post-manage-discussion button {\n .flush-button;\n }\n .discussion-post-subscribe button {\n .flush-button();\n }\n button[data-testid=\"splitscreenButton\"],\n button[data-testid=\"ExpandCollapseThreads-button\"] {\n .neutral-button();\n }\n\n /* author profile picture placeholder */\n [data-testid=\"author_avatar\"] {\n background-color: @surface0;\n border-color: @overlay2;\n span {\n color: @accent;\n }\n }\n /* unread badges */\n .unread_dot,\n #grades_summary .unread_dot,\n [data-testid=\"is-unread\"] [class$=\"badge\"] {\n background-color: @accent;\n }\n\n /* Enhanced Assigments UI */\n\n #assignments-student-footer {\n background-color: @mantle !important;\n border-top-color: @surface1 !important;\n\n #submit-button > span {\n background-color: @accent;\n color: @crust;\n }\n }\n\n /* Assignment status green text and circle */\n [color=\"success\"] {\n color: @green;\n }\n\n [class*=\"progressCircle__track\"] {\n stroke: @surface1 !important;\n }\n [class*=\"progressCircle__meter\"] {\n stroke: @green !important;\n }\n\n /* Upload files button */\n .submission-type-icon-contents {\n &:has(svg[name=\"IconUpload\"]) {\n background-color: @accent;\n\n svg[name=\"IconUpload\"] {\n fill: @crust !important;\n }\n }\n\n border-color: @accent;\n\n &:has(svg[name=\"IconMore\"]) {\n background-color: @base;\n\n svg[name=\"IconMore\"] {\n fill: @accent !important;\n }\n }\n }\n [color=\"primary-inverse\"] {\n color: @crust;\n }\n\n /* Upload files panel */\n [style*=\"background-color: rgb(245, 245, 245);\"] {\n background-color: @surface0 !important;\n }\n div[style]:has(> div > [data-testid=\"upload-pane\"]) {\n border-top-color: @surface2 !important;\n\n label[for=\"inputFileDrop\"] {\n [class*=\"fileDrop__labelContent\"] {\n border-color: @overlay1;\n }\n div:has(> [class*=\"-screenReaderContent\"]) {\n background-color: @base;\n }\n }\n\n div:has(> [class*=\"block-baseButton\"]) {\n background-color: @base;\n border-color: @surface1;\n [class*=\"block-baseButton\"]:hover > [class$=\"-baseButton__content\"] {\n background-color: @surface0;\n }\n\n img {\n filter: @text-filter;\n }\n svg[name=\"IconFolder\"] {\n color: @text;\n }\n }\n }\n button[id^=\"webcam\"] {\n .neutral-button();\n }\n\n /* GRADES */\n .ic-Table th {\n border-color: @surface2;\n }\n .ic-Table.ic-Table--hover-row tbody tr {\n &:hover,\n &.ic-Table__row--bg-neutral:hover,\n &.ic-Table__row--bg-success:hover,\n &.ic-Table__row--bg-alert:hover,\n &.ic-Table__row--bg-danger:hover {\n background-color: @hover-accent;\n }\n }\n .react-rubric * {\n color: @text;\n border-color: @surface1;\n background-color: transparent;\n }\n .react-rubric .rating-tier.selected {\n .meetsMasteryShader {\n background-color: @green;\n .triangle {\n color: @green;\n background-color: transparent;\n }\n }\n .nearMasteryShader {\n background-color: @yellow;\n .triangle {\n color: @yellow;\n background-color: transparent;\n }\n }\n .wellBelowMasteryShader {\n background-color: @red;\n .triangle {\n color: @red;\n background-color: transparent;\n }\n }\n }\n\n #grades_summary {\n th.title {\n border-color: @surface1;\n }\n tr.final_grade {\n border-color: @surface2;\n }\n a[role=\"button\"] {\n .neutral-button();\n }\n }\n\n .ic-Form-control.ic-Form-control--checkbox .ic-Label::before {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.1\" x=\"0px\" y=\"0px\" viewBox=\"0 0 16 48\" width=\"16\" height=\"48\" enable-background=\"new 0 0 16 48\" xml:space=\"preserve\"><polyline fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"@{base}\" points=\"11.4,4 6.9,8.7 4.6,6.2 3,7.9 6.9,12 13,5.6 11.4,4\"/><polyline fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"@{text}\" points=\"11.4,20 6.9,24.7 4.6,22.2 3,23.9 6.9,28 13,21.6 11.4,20\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n background-color: @surface0;\n border-color: @surface2;\n }\n .selected-assignment {\n background-color: @hover-accent;\n }\n [data-id=\"submissions-comments-tray\"] {\n background-color: @mantle;\n div:has(> a[class$=\"Button\"]) {\n color: @text;\n background-color: @surface0;\n }\n }\n #apply_select_menus {\n .accent-button();\n }\n #GradeSummarySelectMenuGroup label > span {\n color: @text;\n }\n\n /* PEOPLE */\n .ic-Table.ic-Table--striped tbody tr:nth-child(odd) {\n background-color: @mantle;\n }\n\n /* COURSE NOTIFICATIONS MENU */\n table[class$=\"view-table\"],\n table[class$=\"view-table\"] :is(tr, th, td) {\n background-color: @base;\n }\n thead > tr[class$=\"view-row\"] {\n border-color: @surface2;\n }\n .notifications tr > th span {\n color: @text;\n }\n\n /* SYLLABUS */\n #syllabus tr.date.related td,\n #syllabus tr.date.related th,\n #syllabus tr.date.selected td,\n #syllabus tr.date.selected th {\n background-color: @hover-accent;\n }\n #syllabus tr.date.date_passed td,\n #syllabus tr.date.date_passed th {\n background-color: @mantle;\n }\n #syllabus tr.detail_list td.not_last {\n border-color: @surface0;\n }\n #immersive_reader_mount_point button,\n #immersive_reader_mobile_mount_point button {\n .neutral-button();\n }\n\n .mini_calendar {\n .day {\n color: @subtext0;\n }\n .day.has_event {\n background-color: @surface0;\n }\n .day.today {\n background-color: mix(@red, @surface0, 10%);\n }\n }\n .mini-cal-header {\n border-color: @surface1;\n }\n\n /* FILES */\n .ef-header,\n .ef-directory-header,\n .ef-footer,\n .ef-main .ef-folder-content {\n border-color: @surface1;\n }\n .ef-item-row:hover {\n background-color: @hover-regular;\n }\n .ef-item-row.ef-item-selected {\n background-color: @hover-regular;\n }\n .ef-file-preview-header {\n color: @text;\n background-color: @mantle;\n }\n .ef-file-preview-header > * {\n border-color: @surface1;\n }\n .ef-file-preview-button {\n color: @subtext0 !important;\n }\n .ViewerControls {\n background-color: @surface1;\n }\n .ViewerControls--current-page {\n color: @text;\n }\n .AnnotationControlButton,\n .AnnotationControlButton-outer {\n background-color: @surface1;\n border-color: @surface1;\n }\n .mimeClass-folder {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"36\" viewBox=\"0 0 28 36\"><title>folder</title><path d=\"M14.43 10.81 11.23 6H.43v21.58A2.4 2.4 0 0 0 2.82 30h22.36a2.4 2.4 0 0 0 2.4-2.4V10.81ZM26 27.58a.8.8 0 0 1-.8.8H2.82a.8.8 0 0 1-.8-.8v-20h8.35l2.13 3.19H3.62v1.6H26Z\" fill=\"@{text}\" fill-rule=\"evenodd\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n .ef-big-icon {\n filter: @text-filter;\n }\n .al-trigger-gray {\n color: @overlay1;\n }\n\n /* CHAT */\n /* this has terrible autogenerated css class names */\n .ctf-container > *,\n .ctf-container {\n background-color: @base;\n }\n .ctf-header,\n .header-contents {\n border-color: @surface1;\n }\n .header-contents span {\n color: @text;\n }\n .ding-toggle {\n label:has(svg[name=\"IconCheck\"]) > span > span {\n background-color: @green;\n }\n }\n .ctf-message-input {\n background-color: @base;\n }\n .ctf-message-input .ctf-message-input__wrapper {\n background-color: @surface0;\n border-color: @surface2;\n input {\n background-color: transparent;\n }\n }\n\n /* LOGIN PAGE */\n\n .ic-flash-info,\n .ic-flash-success,\n .ic-flash-warning,\n .ic-flash-error {\n background-color: @surface0;\n }\n\n /* ACCOUNT PAGE */\n th[class$=\"colHeader\"] {\n color: @text;\n }\n .feature-flag-wrapper {\n tr span[class$=\"Text\"] {\n color: @text;\n }\n }\n\n /* CREATOR SIDE */\n /* not prioritized in this userstyle */\n\n /* DASHBOARD */\n .unpublished_courses_redesign .ic-DashboardCard__box__header {\n background-color: transparent;\n border-color: @surface1;\n }\n /* MODULES */\n .module-publish-icon {\n button > span {\n background-color: transparent;\n }\n button:hover > span {\n background-color: @hover-button;\n }\n }\n .NewUserTutorialTray__Content > div > * {\n border-color: @surface1;\n }\n .slick-header-column {\n background-color: @surface0;\n }\n .slick-header-column.ui-state-default {\n border-color: @surface1;\n }\n /* PAGES */\n button[class$=\"tag\"] {\n background-color: @surface0;\n border-color: @surface1;\n color: @text;\n &:hover {\n background-color: @surface1;\n }\n svg {\n fill: @text;\n }\n }\n\n /* GRADEBOOK */\n .ui-state-default,\n .ui-widget-header {\n color: @subtext1;\n }\n button[data-testid=\"gradebook-settings-button\"] {\n .neutral-button();\n }\n #gradebook-assignment-search,\n #gradebook-student-search {\n label span {\n color: @subtext1;\n }\n }\n\n /* OUTCOMES */\n #outcome_management {\n footer {\n color: @text;\n background-color: @base !important;\n }\n }\n #management > div {\n color: @subtext1;\n }\n .management-panel {\n div[data-testid=\"outcome-group-container\"] [class$=\"view\"] {\n border-color: @surface1;\n }\n svg {\n fill: @text;\n }\n }\n div[role=\"separator\"] > div {\n background-color: @surface0 !important;\n }\n span[class$=\"view-heading\"],\n h2,\n h2 > span[class$=\"text\"] {\n color: @subtext1;\n }\n span[class$=\"billboard__message\"],\n h3,\n h3 > span[class$=\"text\"] {\n color: @subtext0;\n }\n span[class$=\"billboard\"] {\n background-color: transparent;\n }\n\n /* DISCUSSIONS */\n /* create discussion page */\n .discussions fieldset span:has(> button[data-testid=\"save-button\"]) {\n border-color: @surface1;\n }\n #manage-assign-to-container div[data-testid=\"item-assign-to-card\"] {\n border-color: @surface1;\n }\n\n /* STUDIO */\n #settings_page_wrapper,\n #collection_shared_content,\n #collection_user_content {\n background-color: @base;\n span[role=\"contentinfo\"] {\n border-color: @surface1;\n }\n }\n .CollectionShow__mediaListWrapper {\n img {\n background-color: transparent;\n }\n }\n .DefaultLayout__main {\n color: @text;\n }\n h1 {\n color: @text;\n }\n #lti_media_picker {\n nav {\n background-color: @mantle;\n border-block-end-color: @surface0;\n }\n ul a[class$=\"Button\"] div {\n color: @text;\n }\n li div[class$=\"topNavBarItem__container\"]::after {\n background-color: @surface1;\n }\n }\n #media_upload_holder button img {\n filter: @text-filter;\n }\n span[class$=\"toggleDetails__summary\"] > span {\n color: @text;\n }\n div[class$=\"toggleDetails__details\"] {\n color: @text;\n }\n\n /* ASSIGNMENT CREATION */\n .page-action-list a {\n border-bottom-color: @surface1;\n }\n\n /* EXTENSIONS */\n /* BetterCampus */\n --bcsidebar-selection: @accent;\n --bcbackground-0-ungradient: @base;\n --bcbackground-0: @base;\n --bcbackground-1-ungradient: @surface0;\n --bcbackground-1: @surface0;\n --bcbackground-2-ungradient: @surface1;\n --bcbackground-2: @surface1;\n --bcborders-ungradient: @surface0;\n --bcborders: @surface0;\n --bclinks-ungradient: @blue;\n --bclinks: @blue;\n --bctext-0-ungradient: @text;\n --bctext-0: @text;\n --bctext-1-ungradient: @subtext0;\n --bctext-1: @subtext0;\n --bctext-2-ungradient: @subtext1;\n --bctext-2: @subtext1;\n --bccards-ungradient: @surface0;\n --bccards: @surface0;\n --bcshadow: 0 0 10px 0 transparent;\n }\n}\n",
|
|
"originalDigest": "b8518713859503ebf723e74a7f2d394e7ef4e9fc",
|
|
"_id": "31a4e7a1-5025-490b-9e0a-6b60019bddc5",
|
|
"_rev": 1780236868593,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 33
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "mdBook Catppuccin",
|
|
"description": "Soothing pastel theme for mdBook",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/mdbook/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "mdBook Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/mdbook",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/mdbook",
|
|
"version": "2026.04.09",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/mdbook/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Amdbook",
|
|
"description": "Soothing pastel theme for mdBook",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name mdBook Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/mdbook\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/mdbook\n@version 2026.04.09\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/mdbook/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Amdbook\n@description Soothing pastel theme for mdBook\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"rust-lang.github.io\"),\n domain(\"doc.rust-lang.org\"),\n domain(\"rust-book.cs.brown.edu\"),\n domain(\"rustc-dev-guide.rust-lang.org\"),\n domain(\"forge.rust-lang.org\"),\n domain(\"lang-team.rust-lang.org\"),\n domain(\"doc.redox-os.org\"),\n url-prefix(\"https://lukaswirth.dev/tlborm/\") {\n @import url(\"https://unpkg.com/@catppuccin/highlightjs@1.0.0/css/catppuccin-variables.css\");\n\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n #lib.css-variables();\n\n --bg: @base;\n --fg: @text;\n --sidebar-bg: @mantle;\n --sidebar-fg: @text;\n --sidebar-non-existant: @overlay0;\n --sidebar-active: @blue;\n --sidebar-spacer: @overlay0;\n --scrollbar: @overlay0;\n --icons: @overlay0;\n --icons-hover: @overlay2;\n --links: @blue;\n --inline-code-color: @text;\n --theme-popup-bg: @mantle;\n --theme-popup-border: @overlay0;\n --theme-hover: @overlay0;\n --quote-bg: @mantle;\n --quote-border: @crust;\n --table-border-color: @surface0;\n --table-header-bg: mix(@accent, @base, 30%);\n --table-alternate-bg: @mantle;\n --searchbar-border-color: @surface0;\n --searchbar-bg: @mantle;\n --searchbar-fg: @text;\n --searchbar-shadow-color: @crust;\n --searchresults-header-fg: @text;\n --searchresults-border-color: @surface2;\n --searchresults-li-bg: @base;\n --sidebar-header-border-color: @lavender;\n --search-mark-bg: @peach;\n --warning-border: @peach;\n --copy-button-filter: @subtext0-filter;\n --copy-button-filter-hover: @blue-filter;\n --blockquote-note-color: @blue;\n --blockquote-tip-color: @green;\n --blockquote-important-color: @mauve;\n --blockquote-warning-color: @yellow;\n --blockquote-caution-color: @red;\n /* https://github.com/cognitive-engineering-lab/mdbook-quiz */\n --mdbook-incorrect: @red;\n --mdbook-correct: @green;\n\n code.hljs {\n color: @text;\n background: @mantle;\n }\n blockquote blockquote {\n border-top-color: @surface2;\n border-bottom-color: @surface2;\n }\n hr {\n color: @surface2;\n }\n del {\n color: @overlay2;\n }\n .ace_gutter {\n color: @overlay1;\n background: @mantle;\n }\n .ace_gutter-active-line.ace_gutter-cell {\n color: @pink;\n background: @mantle;\n }\n }\n}\n",
|
|
"originalDigest": "779ad3868c73bfb6f0a4716b4730637467e4620c",
|
|
"_id": "43732539-88ac-4b7a-a57f-65471acd3dd2",
|
|
"_rev": 1780236868746,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 34
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Hackage Catppuccin",
|
|
"description": "Soothing pastel theme for Hackage",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/hackage/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Hackage Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/hackage",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/hackage",
|
|
"version": "2026.03.14",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/hackage/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ahackage",
|
|
"description": "Soothing pastel theme for Hackage",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Hackage Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/hackage\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/hackage\n@version 2026.03.14\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/hackage/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ahackage\n@description Soothing pastel theme for Hackage\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"hackage.haskell.org\"),\n domain(\"hackage-content.haskell.org\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n &,\n body {\n background-color: @base;\n color: @text;\n }\n\n a:hover {\n background-color: inherit;\n }\n\n a[href]:link {\n color: @accent;\n }\n a[href]:visited {\n color: average(@overlay2, @accent);\n }\n\n a[href].def:link,\n a[href].def:visited {\n color: @subtext0;\n }\n a[href].def:hover {\n color: average(@overlay2, @subtext0);\n }\n\n button {\n background-color: @mantle;\n color: @text;\n\n &:hover {\n background-color: @crust;\n }\n }\n\n .caption,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n summary,\n .section1,\n .section2,\n .section3,\n .section4,\n .section5,\n .section6 {\n color: @text;\n filter: none;\n }\n\n .collapser::before,\n .expander::before,\n .noexpander::before {\n color: @accent;\n }\n\n pre {\n background-color: @mantle;\n border-color: @surface1;\n }\n\n blockquote {\n background-color: @surface0;\n border-color: @accent;\n }\n\n .src,\n .decl,\n .declname,\n .declbut,\n .topdecl,\n .arg,\n .inline-code {\n background-color: @mantle;\n color: @text;\n }\n\n .declbut {\n border-color: @overlay0 !important;\n a {\n color: @overlay2 !important;\n }\n }\n\n /*\n * Headers\n */\n\n #page-header,\n #package-header {\n background-color: @accent;\n color: @surface1;\n border-color: shade(@accent, 25%);\n }\n\n #page-header .caption,\n #package-header .caption,\n #page-header a:link,\n #page-header a:visited {\n color: @base !important;\n }\n\n #module-header .caption,\n .modulebar {\n color: @accent;\n border-color: @surface1;\n }\n\n #module-header {\n background-color: inherit;\n }\n\n #package-header {\n &,\n #page-menu {\n a:link,\n a:visited {\n color: @base;\n }\n }\n a:hover {\n background-color: transparent;\n }\n\n ul.links li {\n border-color: @overlay0;\n\n &:hover {\n background-color: transparent;\n }\n }\n }\n\n ul.links li form {\n input,\n button {\n color: @base;\n }\n\n button {\n background-color: transparent;\n }\n }\n\n .topbar {\n background-color: @accent;\n\n .topbut {\n border-color: @overlay0;\n\n a {\n background-color: transparent;\n color: @base;\n }\n }\n .title {\n color: @base;\n }\n }\n\n .botbar {\n background-color: @crust;\n color: @text;\n }\n\n /*\n * Style selectors (for old packages)\n */\n\n #style-menu {\n background-color: @mantle;\n\n li {\n &,\n a {\n color: @text !important;\n }\n + li {\n border-color: @overlay2;\n }\n }\n }\n\n /*\n * Versions\n */\n\n a.unpreferred[href]:link,\n a.unpreferred[href]:visited {\n color: @yellow;\n }\n\n a.deprecated[href]:link,\n a.deprecated[href]:visited {\n color: @red;\n }\n\n .versions {\n a.normal[href]:link,\n a.normal[href]:visited {\n color: @green;\n }\n }\n\n /*\n * Readme style\n */\n\n .embedded-author-content {\n border-color: @accent;\n }\n\n /*\n * Contents & synopsis\n */\n\n #contents-list {\n background-color: @mantle;\n }\n\n h2#table-of-contents {\n background-color: @mantle;\n color: @text;\n }\n\n div#table-of-contents {\n background-color: @base;\n border-color: @surface1;\n }\n\n #synopsis {\n summary,\n #control\\.syn {\n @svg: escape(\n '<svg width=\"128\" height=\"104\" viewBox=\"0 0 128 104\" xml:space=\"preserve\" xmlns=\"http://www.w3.org/2000/svg\"><defs><filter id=\"a\" x=\"-.06\" y=\"-.03\" width=\"1.14\" height=\"1.07\" color-interpolation-filters=\"sRGB\"><feFlood flood-color=\"#000\" flood-opacity=\".498\" result=\"flood\"/><feGaussianBlur in=\"SourceGraphic\" result=\"blur\" stdDeviation=\"1\"/><feOffset dx=\"1\" dy=\"1\" in=\"blur\" result=\"offset\"/><feComposite in=\"flood\" in2=\"offset\" operator=\"in\" result=\"comp1\"/><feComposite in=\"SourceGraphic\" in2=\"comp1\" result=\"comp2\"/></filter><filter id=\"b\" x=\"-.06\" y=\"-.03\" width=\"1.14\" height=\"1.07\" color-interpolation-filters=\"sRGB\"><feFlood flood-color=\"#000\" flood-opacity=\".498\" result=\"flood\"/><feGaussianBlur in=\"SourceGraphic\" result=\"blur\" stdDeviation=\"1\"/><feOffset dx=\"1\" dy=\"1\" in=\"blur\" result=\"offset\"/><feComposite in=\"flood\" in2=\"offset\" operator=\"in\" result=\"comp1\"/><feComposite in=\"SourceGraphic\" in2=\"comp1\" result=\"comp2\"/></filter></defs><g transform=\"translate(64)\" filter=\"url(#a)\"><rect x=\"8.5\" y=\"8.5\" width=\"40\" height=\"80\" rx=\"4\" ry=\"4\" fill=\"@{surface0}\"/><text transform=\"matrix(0 -.995 1 0 0 0)\" x=\"-86.188\" y=\"23.735\" fill=\"@{subtext1}\" xml:space=\"preserve\"><tspan x=\"-86.188\" y=\"23.735\" font-family=\""PT Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Cantarell,"Helvetica Neue",sans-serif\" font-size=\"14px\" font-weight=\"400\">Synopsis</tspan></text><g fill=\"@{overlay0}\"><rect transform=\"rotate(45)scale(-1 1)\" x=\"-28.7\" y=\"-6.53\" width=\"7.88\" height=\"2.46\" rx=\".985\" ry=\".985\"/><rect transform=\"rotate(-45)\" x=\"-1.47\" y=\"26.3\" width=\"7.88\" height=\"2.46\" rx=\".985\" ry=\".985\"/><rect transform=\"rotate(45)scale(-1 1)\" x=\"-23.7\" y=\"-1.58\" width=\"7.88\" height=\"2.46\" rx=\".985\" ry=\".985\"/><rect transform=\"rotate(-45)\" x=\"-6.42\" y=\"21.4\" width=\"7.88\" height=\"2.46\" rx=\".985\" ry=\".985\"/></g></g><g filter=\"url(#b)\"><rect x=\"8.5\" y=\"8.5\" width=\"40\" height=\"80\" rx=\"4\" ry=\"4\" fill=\"@{surface0}\"/><text transform=\"matrix(0 -.995 1 0 0 0)\" x=\"-86.188\" y=\"23.735\" fill=\"@{subtext1}\" xml:space=\"preserve\"><tspan x=\"-86.188\" y=\"23.735\" font-family=\""PT Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Cantarell,"Helvetica Neue",sans-serif\" font-size=\"14px\" font-weight=\"400\">Synopsis</tspan></text><g fill=\"@{overlay0}\"><rect transform=\"rotate(-45)\" x=\"-3.59\" y=\"18.6\" width=\"7.88\" height=\"2.46\" rx=\".985\" ry=\".985\"/><rect transform=\"rotate(45)scale(-1 1)\" x=\"-26.6\" y=\"1.24\" width=\"7.88\" height=\"2.46\" rx=\".985\" ry=\".985\"/><rect transform=\"rotate(-45)\" x=\"1.36\" y=\"23.5\" width=\"7.88\" height=\"2.46\" rx=\".985\" ry=\".985\"/><rect transform=\"rotate(45)scale(-1 1)\" x=\"-31.5\" y=\"-3.71\" width=\"7.88\" height=\"2.46\" rx=\".985\" ry=\".985\"/></g></g></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n ul {\n &,\n li.src {\n background-color: @surface0;\n }\n }\n }\n\n /*\n * Quick jump\n */\n\n #search p.error {\n color: @red;\n }\n\n #search-form,\n #search-results {\n box-shadow: 2px 2px 6px fade(@mantle, 20%);\n }\n\n #search-form {\n input {\n border-color: @accent;\n }\n }\n\n #search-results {\n border-color: @accent;\n\n > ul > li {\n border-bottom-color: @overlay0;\n }\n }\n\n .search-module > ul > li > a[href].active-link {\n background-color: @surface2;\n }\n\n .search-result ul.subs::after {\n color: @subtext1;\n }\n\n .more-results,\n .more-results::before {\n color: @subtext0;\n }\n\n .keyboard-shortcuts th {\n color: @accent;\n }\n\n .key {\n background-color: @mantle;\n color: @text;\n border-color: @mantle;\n }\n\n /*\n * Dropdown\n */\n\n .dropdown-menu {\n background-color: @surface0;\n border-color: @surface0;\n\n button {\n background-color: @accent;\n color: @mantle;\n border-color: @surface2;\n\n &:hover,\n &:active {\n background-color: @accent;\n color: @mantle;\n }\n }\n }\n\n /*\n * Tables\n */\n\n table {\n &.info {\n background-color: @base;\n color: @subtext1;\n border-color: @surface1;\n }\n\n &.fancy {\n &,\n tr {\n border-color: @surface1;\n }\n tr.even td {\n background-color: @mantle;\n }\n }\n\n &.fancy,\n &.properties,\n &.dataTable.compact.fancy tbody {\n th,\n td {\n background-color: @base;\n }\n }\n }\n\n .doc {\n th,\n td {\n border-color: @surface1;\n }\n th {\n background-color: @mantle;\n }\n }\n\n .infohead,\n .infoval {\n color: @subtext1;\n }\n\n div#table_length.dataTables_length,\n div#table_filter.dataTables_filter {\n color: @text;\n }\n\n div #description table {\n &,\n tr td {\n border-color: @surface1;\n }\n th {\n background-color: @mantle;\n }\n }\n\n /*\n * Source links\n */\n\n #interface {\n .src {\n .link,\n .selflink {\n color: @overlay2 !important;\n background-color: transparent !important;\n }\n }\n p.src .link {\n background-color: transparent;\n color: @overlay2;\n border-color: @overlay1;\n }\n\n span.fixity,\n span.rightedge {\n color: @overlay1;\n border-left-color: @overlay1;\n }\n span.fixity {\n color: @overlay1;\n }\n }\n\n /*\n * Paginator\n */\n\n .paginator {\n span {\n color: @text;\n }\n\n a {\n color: @overlay1;\n\n &[href]:link,\n &:link:hover {\n color: @accent;\n }\n &:visited,\n &:visited:hover {\n color: average(@overlay2, @accent);\n }\n &:link:hover,\n &:visited:hover {\n background-image: none;\n background-color: @mantle;\n border-color: transparent;\n }\n }\n\n .current {\n background-image: none;\n background-color: @mantle;\n color: @accent;\n border-color: transparent;\n\n &:hover {\n background-color: @crust !important;\n }\n }\n }\n\n .paginate_button {\n background-color: @overlay0;\n }\n\n /*\n * Search query\n */\n\n #browseTable th {\n border-color: @surface1;\n }\n\n #fatalError {\n color: @red;\n }\n\n input:invalid {\n border-color: @yellow;\n box-shadow: 0 0 10px @yellow;\n }\n\n input {\n background-color: @mantle;\n color: @text;\n border-style: solid;\n border-color: @surface0;\n border-radius: 4px;\n }\n\n input[type=\"range\"] {\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n background-color: @mantle;\n height: 0.2em !important;\n\n &::-moz-range-thumb,\n &::-webkit-slider-thumb {\n background-color: @text;\n border-color: @surface0;\n height: 1em !important;\n }\n }\n\n input[type=\"range\"]:hover,\n input[type=\"submit\"]:hover {\n background-color: @crust;\n }\n\n /*\n * Upload\n */\n\n input[type=\"file\"] {\n background-color: transparent;\n\n &::file-selector-button {\n background-color: @mantle;\n color: @text;\n }\n }\n\n /*\n * Others\n */\n\n .candidate-warn {\n background-color: @mantle;\n border-color: @red;\n }\n\n .candidate-info {\n background-color: @mantle;\n border-color: @blue;\n }\n\n .box {\n background-color: @base;\n border-color: @base;\n }\n\n div#modal #content,\n #search-results {\n background-color: @surface0;\n }\n\n .subs,\n .top > .doc,\n .subs > .doc {\n border-left-color: @surface1;\n }\n\n .subs .subs p.src {\n background-color: @mantle;\n }\n\n .top p.src {\n border-color: @surface0;\n }\n\n .warning,\n strong.warning {\n color: @red;\n }\n\n small.info,\n .flags-table .flag-disabled {\n color: @subtext0;\n }\n\n .text-button {\n color: @accent;\n }\n\n p.registration-email {\n border-color: @accent;\n }\n\n :target {\n background-image: linear-gradient(\n to bottom,\n transparent 0%,\n transparent 65%,\n average(@surface0, @yellow) 60%,\n average(@surface0, @yellow) 100%\n );\n }\n :target:hover {\n background-image: linear-gradient(\n to bottom,\n overlay(@surface0, @yellow) 0%,\n overlay(@surface0, @yellow) 100%\n );\n }\n\n #footer {\n background-color: @crust;\n color: @subtext1;\n border-color: @overlay0;\n }\n\n /*\n * MathJax\n */\n\n #MathJax_Message {\n background-color: @mantle;\n border-color: @surface1;\n color: @text;\n }\n\n #MathJax_About,\n #MathJax_Help,\n .MathJax_Menu {\n background-color: @surface0;\n color: @text;\n border-color: @accent;\n box-shadow: 0 10px 20px @mantle;\n -webkit-box-shadow: 0 10px 20px @mantle;\n -moz-box-shadow: 0 10px 20px @mantle;\n }\n\n #MathJax_About > span,\n #MathJax_HelpContent {\n background-color: @surface1 !important;\n color: @subtext1 !important;\n border-color: @overlay0 !important;\n }\n\n .MathJax_MenuArrow {\n color: @subtext1;\n }\n\n .MathJax_MenuRule {\n border-top-color: @overlay0;\n }\n\n .MathJax_MenuActive {\n background-color: @surface1;\n color: @text;\n }\n\n .MathJax_MenuDisabled {\n color: @overlay2;\n }\n\n .MathJax_MenuDisabled:focus,\n .MathJax_MenuLabel:focus {\n background-color: @surface1;\n }\n\n #MathJax_AboutClose,\n #MathJax_HelpClose {\n border-color: @surface2;\n color: @subtext0;\n span {\n background-color: @surface2;\n }\n\n &:hover {\n color: @text !important;\n border-color: @overlay0 !important;\n span {\n background-color: @overlay0 !important;\n }\n }\n }\n\n span.mathjax img {\n filter: @text-filter;\n }\n\n /*\n * Sources\n */\n\n span.definition,\n .hs-identifier {\n color: @blue;\n }\n\n .hs-identifier.hs-type {\n color: @yellow;\n }\n\n span.keyword,\n .hs-keyword {\n color: @mauve;\n }\n\n span.str,\n span.char,\n .hs-string,\n .hs-char,\n .hs-str,\n .hs-chr {\n color: @green;\n }\n\n .hs-number {\n color: @peach;\n }\n\n .hs-operator {\n color: @sky;\n }\n\n span.keyglyph,\n span.layout,\n span.conop,\n .hs-keyglyph,\n .hs-layout,\n .hs-glyph,\n .hs-special {\n color: @overlay2;\n }\n\n span.comment,\n .hs-comment,\n .hs-comment a {\n color: @overlay0;\n }\n\n span.cpp,\n .hs-pragma,\n .hs-cpp {\n color: @pink;\n }\n\n pre a {\n &:link,\n &:visited {\n border-bottom-color: @surface0;\n }\n &:hover,\n &.hover-highlight {\n background-color: @surface0;\n }\n }\n\n span.annot {\n color: @text;\n\n &:hover {\n background-color: @surface1;\n }\n\n span.annottext {\n background-color: @surface0;\n border-color: @accent;\n }\n }\n }\n}\n",
|
|
"originalDigest": "1147f38d476a63d903bb981997bb618f26b82517",
|
|
"_id": "8209f982-9c31-4398-b802-c456921b3242",
|
|
"_rev": 1780236868780,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 35
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Vercel/Next.js Catppuccin",
|
|
"description": "Soothing pastel theme for Vercel and Next.js",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/vercel/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Vercel/Next.js Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/vercel",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/vercel",
|
|
"version": "2026.02.25",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/vercel/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Avercel",
|
|
"description": "Soothing pastel theme for Vercel and Next.js",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Vercel/Next.js Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/vercel\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/vercel\n@version 2026.02.25\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/vercel/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Avercel\n@description Soothing pastel theme for Vercel and Next.js\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"vercel.com\"), domain(\"nextjs.org\") {\n @import url(\"https://prismjs.catppuccin.com/variables.important.css\");\n\n :root.dark-theme {\n #catppuccin(@darkFlavor);\n }\n :root.light-theme {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n #lib.css-variables();\n\n --geist-foreground: @text;\n --geist-background: @mantle;\n\n --accents-1: @base;\n --accents-2: @surface0;\n --accents-3: @surface1;\n --accents-4: @surface2;\n --accents-5: @overlay0;\n --accents-6: @overlay1;\n --accents-7: @overlay2;\n --accents-8: @subtext0;\n\n --geist-link-color: @accent;\n --geist-selection: @subtext0;\n --geist-success: @accent;\n --geist-error: @red;\n --geist-cyan: @teal;\n\n --ds-background-100: @base;\n --ds-background-200: @mantle;\n\n --ds-gray-100: @mantle;\n --ds-gray-200: @surface0;\n --ds-gray-300: @surface1;\n --ds-gray-400: @surface1;\n --ds-gray-600: @subtext0;\n --ds-gray-700: @subtext1;\n --ds-gray-800: @subtext1;\n --ds-gray-900: @subtext0;\n --ds-gray-900-value: #lib.rgbify(@subtext0)[];\n --ds-gray-1000: @text;\n --ds-gray-1000-value: #lib.rgbify(@text)[];\n --ds-gray-alpha-100: fade(@text, 6%);\n --ds-gray-alpha-200: fade(@text, 9%);\n --ds-gray-alpha-400: @surface0;\n --ds-gray-alpha-900: fade(@text, 61%);\n\n --themed-hover-bg: @subtext1;\n\n --ds-red-400: @red;\n --ds-red-800: @red;\n --ds-red-900: lighten(@red, 5%);\n\n --ds-blue-200: fade(@accent, 30%);\n --ds-blue-300: fade(@accent, 40%);\n --ds-blue-400: fade(@accent, 50%);\n --ds-blue-700: @accent;\n --ds-blue-900: @accent;\n\n --tw-gradient-top: transparent;\n\n svg {\n --geist-stroke: var(--geist-background) !important;\n }\n\n .geist-disabled img,\n .geist-disabled svg {\n filter: none;\n }\n\n .styled-scrollbar {\n scrollbar-color: @accent transparent;\n }\n\n .dark\\:from-black,\n .from-white {\n --tw-gradient-from: @mantle;\n }\n\n .shadow,\n .shadow-md,\n .shadow-sm {\n box-shadow: none !important;\n }\n\n .card-grid_card__S85BZ {\n background: linear-gradient(180deg, @base 0%, @crust 100%);\n\n &:hover {\n background: linear-gradient(180deg, @base 0%, @mantle 100%);\n }\n }\n\n [class*=\"fieldset_footer\"] {\n background-color: @base;\n }\n }\n}\n\n@-moz-document domain(\"nextjs.org\") {\n :root.dark-theme {\n #catppuccin(@darkFlavor);\n }\n :root.light-theme {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n\n article {\n :not(h1, h2, h3, h4) > a {\n color: @accent;\n }\n\n a:hover {\n color: darken(@accent, 5%);\n }\n }\n\n nav {\n /* Vertical line to the left of links */\n a > div.bg-blue-600 {\n background-color: @accent;\n }\n }\n\n button[role=\"combobox\"],\n [data-radix-popper-content-wrapper] {\n --ds-blue-400: @base;\n --ds-purple-400: @base;\n\n /* App Router icon */\n --ds-blue-700: @blue;\n\n /* Pages Router icon */\n --ds-purple-700: @mauve;\n }\n\n /* Syntax higlighting */\n [class*=\"code-block_pre\"] {\n --shiki-token-punctuation: @overlay2;\n --shiki-token-constant: @peach;\n --shiki-token-string: @green;\n --shiki-token-string-expression: @green;\n --shiki-token-comment: @overlay2;\n --shiki-token-keyword: @mauve;\n --shiki-token-parameter: @maroon;\n --shiki-token-function: @blue;\n }\n\n /* Footer social media icons */\n img[src=\"/icons/github.svg\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"15.673\" viewBox=\"0 0 16 15.673\"><path fill=\"@{subtext0}\" fill-rule=\"evenodd\" d=\"M7.976 0C3.566 0 0 3.592 0 8.035a8.03 8.03 0 0 0 5.454 7.623c.396.08.541-.173.541-.386 0-.186-.013-.825-.013-1.49-2.219.479-2.681-.958-2.681-.958-.357-.931-.885-1.171-.885-1.171-.726-.492.053-.492.053-.492.806.053 1.228.825 1.228.825.713 1.224 1.862.878 2.324.665.066-.519.277-.878.502-1.078-1.77-.186-3.632-.878-3.632-3.965 0-.878.317-1.596.819-2.155-.079-.2-.357-1.024.079-2.129 0 0 .673-.213 2.192.825a7.7 7.7 0 0 1 1.994-.266c.673 0 1.36.093 1.994.266 1.519-1.038 2.192-.825 2.192-.825.436 1.104.158 1.929.079 2.129.515.559.819 1.277.819 2.155 0 3.087-1.862 3.765-3.645 3.965.291.253.541.732.541 1.49 0 1.078-.013 1.942-.013 2.208 0 .213.145.466.541.386a8.03 8.03 0 0 0 5.454-7.623C15.952 3.592 12.374 0 7.976 0\" clip-rule=\"evenodd\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n img[src=\"/icons/x.svg\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" height=\"16\" shape-rendering=\"geometricPrecision\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" width=\"16\"><path fill=\"@{subtext0}\" d=\"M16.99 0h3.308l-7.227 8.26 8.502 11.24h-6.657l-5.214-6.817L3.736 19.5H.426l7.73-8.835L0 0h6.826l4.713 6.231zm-1.161 17.52h1.833L5.83 1.876H3.863z\" stroke=\"none\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .group:hover .dark\\:group-hover\\:bg-white {\n background-color: @subtext1;\n }\n .group:hover .dark\\:group-hover\\:text-black {\n color: @crust;\n }\n\n [data-docs-container] code:not(pre code),\n [data-docs-table-of-contents] code:not(pre code) {\n border-color: @surface0 !important;\n background-color: @mantle !important;\n }\n\n td a {\n color: @accent;\n }\n\n .animated-optimizations_window__CjM85 {\n background: @mantle !important;\n }\n\n .features_card__xYla9,\n .foundation_root__wm0ez,\n .foundation_card__v7VKB {\n background: @base;\n }\n\n .foundation_cpu__ciXpm {\n background: @mantle;\n }\n\n .header_header__zJOD0 {\n background: @base;\n }\n\n .mute,\n .subtitle {\n color: @subtext0;\n }\n\n .mobile-menu_mobileMenu__xqbOP a.mobile-menu_selected__G55UL {\n color: var(--geist-background);\n }\n\n .dark-theme .dark\\:bg-black\\/50 {\n background-color: var(--geist-background);\n }\n\n .gradient,\n .gradient-text {\n --text-gradient: @text;\n }\n\n .bg-background-200,\n .bg-vercel-100 {\n background-color: @mantle;\n }\n\n .guides_book__j9vP8 {\n background: @base !important;\n }\n\n .guides_bind__9COxI {\n background: @overlay0 !important;\n }\n\n .bg-gray-50 {\n background-color: @mantle;\n }\n }\n}\n",
|
|
"originalDigest": "89cb1d34ac1ca374e3a753e22299b51c73e811e0",
|
|
"_id": "e179af07-0433-43e4-b7a1-c977a6c336f2",
|
|
"_rev": 1780236868812,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 36
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Hoppscotch Catppuccin",
|
|
"description": "Soothing pastel theme for Hoppscotch",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/hoppscotch/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Hoppscotch Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/hoppscotch",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/hoppscotch",
|
|
"version": "2025.12.27",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/hoppscotch/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ahoppscotch",
|
|
"description": "Soothing pastel theme for Hoppscotch",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Hoppscotch Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/hoppscotch\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/hoppscotch\n@version 2025.12.27\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/hoppscotch/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ahoppscotch\n@description Soothing pastel theme for Hoppscotch\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"hoppscotch.io\") {\n :root.dark {\n #catppuccin(@darkFlavor);\n }\n\n :root.light {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n @accent-light-alpha: 1.1;\n @accent-dark-alpha: 80%;\n @accent-gradient-from-color: 1.05;\n @accent-gradient-via-color: 1.2;\n @accent-gradient-to-color: 0.85;\n\n --primary-color: @base;\n --primary-light-color: @mantle;\n --primary-dark-color: @crust;\n --primary-contrast-color: @mantle;\n --secondary-color: @subtext0;\n --secondary-light-color: @subtext0;\n --secondary-dark-color: @subtext1;\n --divider-color: @surface0;\n --divider-light-color: @surface0;\n --divider-dark-color: @surface0;\n --error-color: @red;\n --tooltip-color: @text;\n --popover-color: @crust;\n --editor-theme: \"vscode-esque\";\n --editor-type-color: fade(@mauve, 90%);\n --editor-name-color: @blue;\n --editor-operator-color: @mauve;\n --editor-invalid-color: @maroon;\n --editor-separator-color: @overlay0;\n --editor-meta-color: @overlay0;\n --editor-variable-color: @green;\n --editor-link-color: @sapphire;\n --editor-constant-color: fade(@lavender, 1.2%);\n --editor-keyword-color: @red;\n --accent-color: @accent;\n --accent-light-color: fade(@accent, @accent-light-alpha);\n --accent-dark-color: fade(@accent, @accent-dark-alpha);\n --accent-contrast-color: @crust;\n --gradient-from-color: fade(@accent, @accent-gradient-from-color);\n --gradient-via-color: fade(@accent, @accent-gradient-via-color);\n --gradient-to-color: fade(@accent, @accent-gradient-to-color);\n\n --editor-process-color: @text;\n --banner-info-color: fade(@blue, 20%);\n\n --method-get-color: @green;\n --method-post-color: @yellow;\n --method-put-color: @sapphire;\n --method-patch-color: @mauve;\n --method-delete-color: @red;\n --method-head-color: @teal;\n --method-options-color: @lavender;\n --method-default-color: @overlay1;\n --status-info-color: @blue;\n --status-success-color: @green;\n --status-redirect-color: @peach;\n --status-critical-error-color: @red;\n --status-server-error-color: @red;\n --status-missing-data-color: @overlay0;\n\n .cm-editor {\n background: @mantle;\n\n .cm-placeholder {\n color: @text;\n }\n }\n\n .cm-focused .cm-activeLine {\n background-color: @base;\n }\n\n .cm-focused .cm-activeLineGutter {\n background-color: @surface0;\n }\n\n .cm-selectionBackground {\n background: fade(@accent, 30%) !important;\n }\n }\n}\n",
|
|
"originalDigest": "9e21538ed2814ebb0f5af447c422bd83f4e16f85",
|
|
"_id": "3740c400-f936-4494-90ba-28eabebea4d8",
|
|
"_rev": 1780236868862,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 37
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "ichi.moe Catppuccin",
|
|
"description": "Soothing pastel theme for ichi.moe",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/ichi.moe/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "ichi.moe Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/ichi.moe",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/ichi.moe",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/ichi.moe/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aichi.moe",
|
|
"description": "Soothing pastel theme for ichi.moe",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"zen": {
|
|
"type": "checkbox",
|
|
"label": "Zen Mode",
|
|
"name": "zen",
|
|
"value": null,
|
|
"default": "0",
|
|
"options": null
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name ichi.moe Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/ichi.moe\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/ichi.moe\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/ichi.moe/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aichi.moe\n@description Soothing pastel theme for ichi.moe\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 zen \"Zen Mode\" 0\n==/UserStyle== */\n\n@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"ichi.moe\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n html,\n body {\n background: @base;\n color: @text;\n }\n\n footer {\n color: @subtext1;\n }\n\n span.query-word:hover {\n border-color: @pink;\n }\n\n .panel-error {\n background-color: fade(@red, 80%);\n }\n\n .highlight {\n background-color: fade(@yellow, 80%);\n }\n\n .gloss {\n background-color: if(@flavor = \"latte\", @base, @surface0);\n }\n\n .gloss,\n .gloss-rtext {\n border-color: if(@flavor = \"latte\", @surface2, @overlay0);\n }\n\n .gloss:target {\n & when (@flavor = \"latte\") {\n box-shadow: 0 0 5px @surface2;\n -webkit-box-shadow: 0 0 5px @surface2;\n -moz-box-shadow: 0 0 5px @surface2;\n }\n box-shadow: 0 0 5px @overlay0;\n -webkit-box-shadow: 0 0 5px @overlay0;\n -moz-box-shadow: 0 0 5px @overlay0;\n }\n\n a {\n color: @sapphire;\n }\n\n a.wiktionary-link {\n color: @text;\n }\n\n a.info-link {\n color: @text;\n }\n\n a.info-link:hover {\n border-bottom-color: @sapphire;\n }\n\n .note-skipped a {\n color: @subtext1;\n }\n\n .note-skipped a:hover {\n border-color: @subtext1;\n }\n\n .jspDrag {\n background-color: if(@flavor = \"latte\", @surface1, @surface2);\n }\n\n .conj-negative {\n color: @red;\n }\n\n .conj-formal {\n color: @blue;\n }\n\n .pos-desc {\n color: @green;\n }\n\n .reading-table tr:nth-of-type(2n),\n table.kanji-match tr:nth-of-type(2n) {\n background: fade(if(@flavor = \"latte\", @surface0, @surface1), 50%);\n }\n\n .kanji-big a {\n color: @subtext1;\n }\n\n .autocomplete-suggestions {\n border-color: if(@flavor = \"latte\", @surface2, @overlay0);\n }\n\n .autocomplete-suggestions,\n .autocomplete-selected {\n background: if(@flavor = \"latte\", @base, @surface0);\n }\n\n .autocomplete-suggestions strong {\n color: @lavender;\n }\n\n .autocomplete-group strong {\n border-bottom-color: @text;\n }\n\n .button {\n background-color: @sapphire;\n border-color: @sapphire;\n color: @base;\n }\n\n button:hover,\n button:focus,\n .button:hover,\n .button:focus {\n background-color: darken(@sapphire, 25%);\n color: @base;\n }\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n color: @text;\n }\n\n input[type=\"text\"],\n input[type=\"password\"],\n input[type=\"date\"],\n input[type=\"datetime\"],\n input[type=\"datetime-local\"],\n input[type=\"month\"],\n input[type=\"week\"],\n input[type=\"email\"],\n input[type=\"number\"],\n input[type=\"search\"],\n input[type=\"tel\"],\n input[type=\"time\"],\n input[type=\"url\"],\n input[type=\"color\"],\n textarea,\n input[type=\"file\"],\n input[type=\"checkbox\"],\n input[type=\"radio\"],\n select,\n input[type=\"text\"]:focus,\n input[type=\"password\"]:focus,\n input[type=\"date\"]:focus,\n input[type=\"datetime\"]:focus,\n input[type=\"datetime-local\"]:focus,\n input[type=\"month\"]:focus,\n input[type=\"week\"]:focus,\n input[type=\"email\"]:focus,\n input[type=\"number\"]:focus,\n input[type=\"search\"]:focus,\n input[type=\"tel\"]:focus,\n input[type=\"time\"]:focus,\n input[type=\"url\"]:focus,\n input[type=\"color\"]:focus,\n textarea:focus,\n input[type=\"file\"]:focus,\n input[type=\"checkbox\"]:focus,\n input[type=\"radio\"]:focus,\n select:focus {\n & when (@flavor = \"latte\") {\n background-color: @base;\n border-color: @surface0;\n }\n background-color: @surface0;\n border-color: @surface1;\n color: @text;\n }\n\n .header-nav a {\n color: @pink;\n }\n\n .header-nav a:hover {\n color: darken(@pink, 15%);\n }\n\n .jspTrack {\n background: if(@flavor = \"latte\", @surface0, @surface1);\n }\n\n .f-dropdown {\n background-color: if(@flavor = \"latte\", @base, @surface0);\n border-color: @subtext1;\n }\n\n .f-dropdown::before {\n border-color: transparent transparent @subtext1;\n }\n\n span.query-pick {\n color: @text;\n }\n\n .has-tip {\n color: @subtext1;\n border-color: @overlay1;\n }\n\n .has-tip:hover,\n .has-tip:focus {\n border-bottom-color: @sapphire;\n color: @sapphire;\n }\n\n label {\n color: @subtext1;\n }\n\n table {\n background: @base;\n background-color: if(@flavor = \"latte\", @surface0, @surface1);\n }\n\n table tr th,\n table tr td {\n color: @subtext1;\n }\n\n table tr.even,\n table tr.alt,\n table tr:nth-of-type(2n) {\n background: fade(if(@flavor = \"latte\", @surface0, @surface1), 50%);\n }\n\n .kanji-table td,\n .reading-table tr ~ tr > td,\n table.kanji-match td,\n tr.match-row-kanji,\n tr.match-row-reading {\n border-color: if(@flavor = \"latte\", @surface0, @surface1);\n }\n\n img {\n filter: contrast(1.2) opacity(85%);\n }\n\n /* Options */\n & when (@zen = 1) {\n .header,\n footer,\n .landing-page {\n display: none;\n }\n\n div.wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n place-content: center center;\n padding: 50px 0;\n min-height: 100vh;\n margin: 0;\n }\n\n .gloss-all {\n width: 100%;\n padding: 0 10px;\n }\n\n #div-ichiran-result {\n padding: 0 10px;\n }\n\n #div-kanji-form,\n #w-form {\n width: 100%;\n }\n\n #k-form > div > div,\n #w-form > div > div {\n width: 100%;\n max-width: 304px;\n }\n }\n }\n}\n",
|
|
"originalDigest": "498be1ac65d645f23791c145ee81d661a8f9ef9e",
|
|
"_id": "bca62d74-ce71-4827-82b0-8e488dbcefd4",
|
|
"_rev": 1780236868888,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 38
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "ChatReplay Catppuccin",
|
|
"description": "Soothing pastel theme for ChatReplay",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/chatreplay/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "ChatReplay Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/chatreplay",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/chatreplay",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/chatreplay/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Achatreplay",
|
|
"description": "Soothing pastel theme for ChatReplay",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"bg-opacity": {
|
|
"type": "range",
|
|
"label": "Background Opacity",
|
|
"name": "bg-opacity",
|
|
"value": null,
|
|
"default": 0.2,
|
|
"options": null,
|
|
"min": -0.05,
|
|
"max": 1,
|
|
"step": 0.05,
|
|
"units": null
|
|
},
|
|
"bg-blur": {
|
|
"type": "range",
|
|
"label": "Background Blur",
|
|
"name": "bg-blur",
|
|
"value": null,
|
|
"default": 20,
|
|
"options": null,
|
|
"min": 0,
|
|
"max": 100,
|
|
"step": 1,
|
|
"units": "px"
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name ChatReplay Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/chatreplay\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/chatreplay\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/chatreplay/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Achatreplay\n@description Soothing pastel theme for ChatReplay\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 range bg-opacity \"Background Opacity\" [0.2 , -0.05 , 1 , 0.05]\n@var range bg-blur \"Background Blur\" [20, 0, 100, 1, 'px']\n==/UserStyle== */\n\n@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"chatreplay.stream\") {\n :root[dark] #chat-container {\n #catppuccin(@darkFlavor, chat);\n }\n :root #chat-container {\n #catppuccin(@lightFlavor, chat);\n }\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor, base);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor, base);\n }\n }\n\n #catppuccin(@flavor, @platform) {\n #lib.palette();\n #lib.defaults();\n\n & when (@platform = chat) {\n a:not(.username),\n i {\n color: @accent;\n }\n color: @text;\n --text-color: @text;\n --timestamp-color: @subtext1;\n --bg-color: @base;\n --bg-color-transparent: fade(@base, 10%);\n --settings-bg-color: @mantle;\n --btn-bg-color: @surface0;\n --bg-color-highlight: @surface0;\n --scrollbar-thumb: @surface0;\n --btn-hover-bg: @surface1;\n --link-color: @accent;\n --border-color: @surface0;\n --settings-shadow: 0 4px 8px fade(@crust, 40%), 0 0 4px fade(@crust, 40%);\n .message-notice {\n border-left-color: @accent;\n }\n .message--highlighted a {\n color: @accent;\n }\n .message--highlighted {\n background: @accent;\n border-color: @accent;\n color: @base;\n text-shadow: none;\n }\n .red-dot::after {\n background: @red;\n }\n &[overlay] {\n --bg-color: rgba(@base, var(--overlay-opacity));\n --bg-color-highlight: rgba(\n @base,\n max(0.4, calc(var(--overlay-opacity) * 1.2))\n );\n --text-shadow:\n -1px -1px 0px @base, 0px -1px 0px @base, 1px -1px 0px @base, -1px 0px\n 0px @base, 1px 0px 0px @base, -1px 1px 0px @base, 0px 1px 0px @base,\n 1px 1px 0px @base;\n --text-color: @text;\n }\n .resume-scroll {\n background-color: @surface0;\n }\n }\n @keyframes rotating {\n 0% {\n transform: rotate(0);\n }\n\n 100% {\n transform: rotate(360deg);\n scale: 1.5;\n fill: @red;\n }\n }\n\n & when (@platform = base) {\n background-color: @base;\n color: @text;\n\n body {\n color: @text;\n }\n .card {\n background: fade(@crust, 80%);\n }\n .card.c1cw4bqg.c1cw4bqg {\n color: @subtext0;\n }\n a,\n i {\n color: @accent;\n }\n button.gradient,\n .btn.gradient {\n background: linear-gradient(\n 45deg,\n @accent,\n spin(@accent, 45)\n );\n color: @base;\n text-shadow: none;\n }\n button:not(.custom),\n .btn {\n background: @surface0;\n text-shadow: none;\n color: @text;\n }\n .item.zmyc33:hover,\n .item.active.zmyc33 {\n background-color: @surface0;\n }\n .video-title.damcrq,\n .logo-text.c1j5psx1.c1j5psx1 {\n color: @text;\n }\n [d=\"M 4,0 1,3 v 10 h 4 v 3 l 3,-3 h 2 L 15,8 V 0 Z m 10,7 -3,3 H 9 L 7,12 V 10 H 5 V 1 h 9 z\"],\n [d=\"m 8.5,3 3,2 -3,2 z\"] {\n fill: @accent;\n }\n [d=\"m 4,1 h 10 v 7 l -4,4 H 4 Z\"] {\n fill: @base;\n }\n .delete.c19loos5.c19loos5 {\n border-color: @red;\n }\n .mark.z8oy0d.z8oy0d {\n background: @accent;\n color: @base;\n }\n .bg.c1ejz165.c1ejz165 {\n opacity: @bg-opacity;\n filter: blur(@bg-blur);\n }\n // .topbar-container.c1j5psx1.c1j5psx1 {\n // border-bottom: none;\n // }\n #inner-a.tmgko.tmgko {\n background: @mantle;\n }\n }\n }\n}\n",
|
|
"originalDigest": "b481e9f0abb67fed3b1de24eff17383711240a81",
|
|
"_id": "c68bbf19-424a-4058-9007-e445b4fee1b9",
|
|
"_rev": 1780236868916,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 39
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "neovim.io Catppuccin",
|
|
"description": "Soothing pastel theme for neovim.io",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/neovim.io/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "neovim.io Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/neovim.io",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/neovim.io",
|
|
"version": "2025.09.19",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/neovim.io/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aneovim.io",
|
|
"description": "Soothing pastel theme for neovim.io",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name neovim.io Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/neovim.io\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/neovim.io\n@version 2025.09.19\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/neovim.io/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aneovim.io\n@description Soothing pastel theme for neovim.io\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"neovim.io\") {\n @import url(\"https://unpkg.com/@catppuccin/highlightjs@1.0.0/css/catppuccin-variables.important.css\");\n\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n #lib.css-variables();\n\n --fg-color: @text;\n --inverse-fg-color: @surface0;\n --bg-color: @base;\n --accent-bg-color: @mantle;\n --link-color: @blue;\n --accent-color: @accent;\n --border-color: @accent;\n --code-color: @accent;\n\n a:not([class]) {\n text-decoration-color: var(--link-color);\n\n &:hover,\n &:focus {\n color: var(--link-color);\n }\n }\n\n a[aria-label=\"logo\"] svg[aria-label=\"Neovim\"] {\n path[fill=\"url(#a)\"] {\n fill: @blue;\n }\n\n path[fill=\"url(#b)\"],\n path[fill=\"url(#c)\"] {\n fill: @green;\n }\n\n g[fill=\"#444\"] path {\n fill: @blue;\n }\n }\n\n --bs-btn-active-color: @base;\n\n .btn {\n color: @base;\n background: linear-gradient(\n @accent 0% 95%,\n darken(@accent, 10%) 95% 100%\n );\n\n &:hover,\n &:focus {\n box-shadow: 0 0 10px @accent;\n outline-color: @text;\n }\n }\n\n // docs\n --tag-color: @accent;\n\n code,\n code.hljs,\n pre,\n samp {\n background-color: @mantle !important;\n color: @text;\n }\n\n .generator-stats {\n color: @subtext0;\n }\n\n --docsearch-container-background: fade(@base, 30%);\n --docsearch-modal-background: @mantle;\n --docsearch-highlight-color: @accent;\n --docsearch-logo-color: @accent;\n\n .DocSearch-Logo {\n .cls-1,\n .cls-2 {\n fill: var(--docsearch-logo-color);\n }\n }\n }\n}\n",
|
|
"originalDigest": "9a9a708cef3c4e9ad913cb3057c859bda85bc517",
|
|
"_id": "1e4de794-d2c8-4d0b-b477-091b12b9ba4c",
|
|
"_rev": 1780236868959,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 40
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "homepage Catppuccin",
|
|
"description": "Soothing pastel theme for homepage",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/homepage/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "homepage Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/homepage",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/homepage",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/homepage/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ahomepage",
|
|
"description": "Soothing pastel theme for homepage",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name homepage Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/homepage\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/homepage\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/homepage/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ahomepage\n@description Soothing pastel theme for homepage\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"homepage.example.com\"),\n regexp(\"https?://homepage\\\\..*\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n //Page Level Features\n\n :is(.dark .dark\\:bg-theme-800) {\n --tw-bg-opacity: 1;\n background-color: @base; //background Color\n }\n\n .dark {\n --bg-color: @base;\n --scrollbar-thumb: @accent; //ScrollBar\n --scrollbar-track: @mantle; //Scrollbar base\n }\n\n //Information Widget Features\n\n :is(.dark .dark\\:bg-theme-200\\/20) {\n background-color: @overlay0; //Information Widgets Progress Bar Background\n }\n :is(.dark .dark\\:bg-theme-200\\/50) {\n background-color: @text; //Information Widgets Progress Bar Value\n }\n .border-theme-300 {\n --tw-border-opacity: 1;\n border-color: @surface0\n !important; //Search bar Border (important is needed so top separator doesn't override)\n }\n :is(.dark .dark\\:bg-white\\/10) {\n background-color: @base; //Search bar background\n }\n :is(.dark .dark\\:focus\\:ring-white\\/50:focus) {\n --tw-ring-color: @text; //Search bar Focus Border\n }\n\n :is(.dark .dark\\:text-white) {\n --tw-text-opacity: 1;\n color: @accent; //Search bar Text\n }\n\n // Services Level Features\n\n :is(.dark .dark\\:bg-white\\/5) {\n background-color: @mantle; //Box Background\n }\n :is(.dark .dark\\:shadow-theme-900\\/20) {\n --tw-shadow-color: @mantle; //Box Shadows\n --tw-shadow: var(--tw-shadow-colored);\n }\n\n :is(.dark .dark\\:hover\\:bg-white\\/10:hover) {\n background-color: @surface1; //Box Hover Color\n }\n\n :is(.dark .dark\\:bg-theme-900\\/50) {\n background-color: @crust; //Ping & Docker Stats Box Background\n }\n :is(.dark .dark\\:bg-theme-900\\/20) {\n background-color: @surface0; //Stats Background Color\n }\n\n :is(.dark .dark\\:bg-theme-900\\/40) {\n background-color: @accent; //Progress Bar\n }\n :is(.dark .dark\\:text-theme-300) {\n color: @text; //Section Names + Container Description\n }\n\n // api error\n .text-theme-900 {\n --tw-border-opacity: 1;\n color: @base; // api error text color\n }\n\n .bg-rose-900\\/80 {\n --tw-border-opacity: 1;\n background-color: @red; // api error box color\n }\n //\n\n :is(.dark .dark\\:text-theme-400) {\n --tw-border-opacity: 1;\n color: @text; // update and version text\n }\n\n .text-white {\n color: @subtext1; // search bar icon\n }\n\n :is(.dark .dark\\:border-theme-200\\/50) {\n --tw-border-opacity: 1;\n border-color: @surface2; // top separator\n }\n\n :is(.dark .dark\\:hover\\:text-theme-300:hover) {\n --tw-text-opacity: 1;\n color: darken(\n @accent,\n 10%\n ); //Section Names + Container Description Hover Color\n }\n :is(.dark .dark\\:text-theme-200) {\n --tw-text-opacity: 1;\n color: @text; // Container Names + Stats\n }\n\n .text-emerald-500\\/80 {\n color: lighten(\n @green,\n 10%\n ); //Ping & Docker Status Text (Running + Healthy)\n }\n .text-orange-400\\/50 {\n color: lighten(@yellow, 10%); //Docker Status Text (Unhealthy)\n }\n .text-rose-500\\/80 {\n color: darken(@red, 10%); //Ping Status Text (Bad)\n }\n }\n}\n",
|
|
"originalDigest": "e32c0f5fc1b1019743d0c8209eb0042e65923506",
|
|
"_id": "1d77772a-b615-41ee-ba45-0ae3dd68c244",
|
|
"_rev": 1780236868984,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 41
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Indie Wiki Buddy Catppuccin",
|
|
"description": "Soothing pastel theme for Indie Wiki Buddy",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/indie-wiki-buddy/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Indie Wiki Buddy Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/indie-wiki-buddy",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/indie-wiki-buddy",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/indie-wiki-buddy/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aindie-wiki-buddy",
|
|
"description": "Soothing pastel theme for Indie Wiki Buddy",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Indie Wiki Buddy Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/indie-wiki-buddy\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/indie-wiki-buddy\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/indie-wiki-buddy/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aindie-wiki-buddy\n@description Soothing pastel theme for Indie Wiki Buddy\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n/*\nTo get a list of supported search engines, run the following command:\ncurl -s https://raw.githubusercontent.com/KevinPayravi/indie-wiki-buddy/main/manifest-firefox.json | python -c \"import sys, json;print(*json.loads(sys.stdin.read())['content_scripts'][2]['matches'], sep='\\n')\"\n*/\n@-moz-document domain(\"bing.com\"),\n domain(\"search.brave.com\"),\n domain(\"duckduckgo.com\"),\n domain(\"ecosia.org\"),\n domain(\"kagi.com\"),\n domain(\"qwant.com\"),\n domain(\"search.yahoo.com\"),\n domain(\"startpage.com\"),\n domain(\"ya.ru\"),\n regexp(\"^https?://(www\\\\.)?google\\\\..*\"),\n regexp(\"^https?://(www\\\\.)?yandex\\\\..*\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n\n .iwb-new-link button {\n color: @base;\n background: @blue;\n &:hover {\n background: @sky;\n }\n }\n .iwb-result-controls {\n color: @text !important;\n }\n }\n}\n\n@-moz-document domain(\"fandom.com\"),\n domain(\"fextralife.com\"),\n domain(\"neoseeker.com\"),\n domain(\"breezewiki.com\"),\n domain(\"antifandom.com\"),\n domain(\"bw.artemislena.eu\"),\n domain(\"breezewiki.catsarch.com\"),\n domain(\"breezewiki.esmailelbob.xyz\"),\n domain(\"breezewiki.frontendfriendly.xyz\"),\n domain(\"bw.hamstro.dev\"),\n domain(\"breeze.hostux.net\"),\n domain(\"breezewiki.hyperreal.coffee\"),\n domain(\"breeze.mint.lgbt\"),\n domain(\"breezewiki.nadeko.net\"),\n domain(\"nerd.whatever.social\"),\n domain(\"breeze.nohost.network\"),\n domain(\"z.opnxng.com\"),\n domain(\"bw.projectsegfau.lt\"),\n domain(\"breezewiki.pussthecat.org\"),\n domain(\"bw.vern.cc\"),\n domain(\"breeze.whateveritworks.org\"),\n domain(\"breezewiki.woodland.cafe\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n\n .indie-wiki-banner {\n background: @mantle;\n color: @text;\n ::selection {\n background-color: fade(@accent, 30%);\n }\n }\n .indie-wiki-banner-exit {\n color: @text;\n }\n .indie-wiki-banner-link {\n color: @blue;\n\n &:hover {\n color: @sky;\n }\n }\n .indie-wiki-banner-disabled {\n color: @subtext0;\n }\n }\n}\n",
|
|
"originalDigest": "068fe1250a8fcae023bd8e3dc81e6b54495ff519",
|
|
"_id": "627df70e-54c4-4f9e-96c5-d7aceb81b48c",
|
|
"_rev": 1780236869007,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 42
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Migadu Webmail Catppuccin",
|
|
"description": "Soothing pastel theme for Migadu Webmail",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/migadu-webmail/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Migadu Webmail Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/migadu-webmail",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/migadu-webmail",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/migadu-webmail/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Amigadu-webmail",
|
|
"description": "Soothing pastel theme for Migadu Webmail",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"hideProfilePictures": {
|
|
"type": "checkbox",
|
|
"label": "Hide Profile Pictures",
|
|
"name": "hideProfilePictures",
|
|
"value": null,
|
|
"default": "0",
|
|
"options": null
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Migadu Webmail Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/migadu-webmail\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/migadu-webmail\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/migadu-webmail/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Amigadu-webmail\n@description Soothing pastel theme for Migadu Webmail\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 hideProfilePictures \"Hide Profile Pictures\" 0\n==/UserStyle== */\n\n@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"webmail.migadu.com\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n @orange: mix(@peach, @yellow);\n\n --main-color: @text;\n --main-bg-color: @base;\n --border-color: @surface0;\n --dropdown-menu-color: @text;\n --dropdown-menu-bg-color: @base;\n --dropdown-menu-hover-bg-color: @surface1;\n --dropdown-menu-hover-color: @text;\n --dropdown-menu-disabled-color: @subtext0;\n --dropdown-menu-border-clr: @surface0;\n --folders-color: @text;\n --folders-disabled-color: @surface2;\n --folders-selected-color: @blue;\n --folders-selected-bg-color: fade(@blue, 10%);\n --folders-focused-color: @blue;\n --folders-hover-color: @text;\n --folders-hover-bg-color: @base;\n --folders-drop-color: @text;\n --settings-menu-color: @text;\n --settings-menu-selected-color: @blue;\n --settings-menu-selected-bg-color: fade(@blue, 10%);\n --settings-menu-hover-color: @text;\n --settings-menu-hover-bg-color: @base;\n --message-list-toolbar-bg-color: @overlay0;\n --panel-bg-clr: @base;\n --message-header-bg-clr: @mantle;\n --hr-color: @surface0;\n --dialog-bg-clr: @base;\n --dialog-clr: @text;\n --tr-hover-bg-clr: @crust;\n --loading-color: @text;\n --login-color: @text;\n --login-bg-color: @crust;\n --tab-hover-border-clr: @surface0;\n --tab-active-bg-clr: @crust;\n --tr-odd-bg-clr: @mantle;\n\n /* Login page */\n .LoginView .btn,\n .LoginView input {\n border-color: @surface0;\n }\n .LoginView input:focus,\n .LoginView input:hover {\n border-color: @surface1;\n }\n\n /* Inbox */\n .messageItemHeader,\n .bodySubHeader,\n .thm-message-list-top-toolbar,\n .thm-message-list-bottom-toolbar {\n background: @mantle !important;\n }\n\n /* Buttons */\n --btn-clr: @text;\n --btn-border-clr: @overlay0;\n .btn [class^=\"icon-\"] {\n color: @text;\n }\n .btn.btn-success {\n &,\n [class^=\"icon-\"] {\n color: @green !important;\n }\n background-color: fade(@green, 20%);\n &:hover,\n &:active {\n background-color: fade(@green, 40%);\n }\n }\n .btn.btn-warning {\n &,\n [class^=\"icon-\"] {\n color: @yellow !important;\n }\n background-color: fade(@yellow, 20%);\n &:hover,\n &:active {\n background-color: fade(@yellow, 40%);\n }\n }\n .btn.btn-danger {\n &,\n [class^=\"icon-\"] {\n color: @red !important;\n }\n background-color: fade(@red, 20%);\n &:hover,\n &:active {\n background-color: fade(@red, 40%);\n }\n }\n .btn.disabled,\n .btn.disabled.fontastic,\n .btn.disabled .fontastic {\n color: @surface0 !important;\n }\n .btn,\n .btn.disabled,\n .btn[disabled],\n .btn.disabled:hover,\n .btn[disabled]:hover {\n border-color: @surface0 !important;\n text-shadow: none !important;\n background-color: @base;\n }\n .btn:hover {\n background-color: @mantle;\n }\n\n /* Links */\n\n --link-color: @blue;\n #messageItem .b-text-part a:visited {\n color: @mauve;\n }\n\n /* Inputs */\n\n --input-bg-clr: @base;\n --input-border-clr: @surface0;\n --input-focus-border-clr: @overlay0;\n --input-clr: @subtext1;\n\n .select,\n select {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"10px\" width=\"15px\"><text x=\"0\" y=\"10\" fill=\"@{subtext1}\">▾</text></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n .e-checkbox.material-design input:checked + div {\n border-color: darken(@green, 10%);\n }\n\n /* stylelint-disable property-disallowed-list */\n @keyframes checkmark-to-box {\n 0% {\n top: -1px;\n left: 5px;\n width: 10px;\n height: 18px;\n border: 2px solid darken(@green, 10%);\n border-width: 0 2px 2px 0;\n transform: rotate(45deg);\n }\n\n 50% {\n top: 13px;\n left: 5px;\n width: 4px;\n height: 4px;\n transform: rotate(45deg);\n }\n\n 100% {\n top: 0;\n left: 0;\n width: 18px;\n height: 18px;\n border: 2px solid @overlay0;\n transform: rotate(0);\n }\n }\n\n @keyframes box-to-checkmark {\n 0% {\n top: 0;\n left: 0;\n width: 18px;\n height: 18px;\n border: 2px solid @overlay0;\n transform: rotate(0);\n }\n\n 50% {\n top: 13px;\n left: 5px;\n width: 4px;\n height: 4px;\n transform: rotate(45deg);\n }\n\n 100% {\n top: -1px;\n left: 5px;\n width: 10px;\n height: 18px;\n border: 2px solid darken(@green, 10%);\n border-width: 0 2px 2px 0;\n transform: rotate(45deg);\n }\n }\n /* stylelint-enable property-disallowed-list */\n\n /* Nothing selected */\n .messageView .b-message-view-desc,\n #V-PopupsContacts .b-view-content .b-contact-view-desc {\n color: @overlay0;\n }\n\n /* Loading messages */\n .messageList .b-content {\n .listDragOver,\n .listEmptyMessage,\n .listError,\n .listLoading {\n color: @overlay0;\n }\n\n .listError {\n color: @red;\n }\n }\n #messageItem .loading,\n #V-PopupsContacts .b-list-content .listEmptyList,\n #V-PopupsContacts .b-list-content .listEmptyListLoading,\n #V-PopupsContacts .b-list-content .listEmptySearchList {\n color: @overlay0;\n }\n\n .icon-spinner {\n border-color: @surface1;\n border-top-color: @text;\n }\n .iconcolor-green {\n color: @green;\n }\n .iconcolor-red {\n color: @red;\n }\n .b-folders .is-flagged .flag-icon::after,\n .messageListItem.hasFlaggedSubMessage .flagParent::after,\n .messageListItem.msgflag-\\\\flagged .flagParent::after {\n color: @orange;\n }\n\n /* Tags */\n\n .msgflag-\\$important .checkboxMessage {\n background-color: @red;\n }\n\n .msgflag-\\$important.focused {\n background-color: fade(@red, 30%);\n }\n\n .msgflag-\\$important:not(.focused) {\n color: @red;\n }\n\n .msgflag-\\$todo .checkboxMessage {\n background-color: @blue;\n color: @text;\n }\n\n .msgflag-\\$todo.focused {\n background-color: fade(@blue, 30%);\n }\n\n .msgflag-\\$todo:not(.focused) {\n color: @blue;\n }\n\n .msgflag-\\$label5 .checkboxMessage {\n background-color: darken(@pink, 10%);\n color: @text;\n }\n\n .msgflag-\\$label4 .checkboxMessage {\n background-color: @blue;\n color: @text;\n }\n\n .msgflag-\\$label3 .checkboxMessage {\n background-color: @green;\n color: @text;\n }\n\n .msgflag-\\$label2 .checkboxMessage {\n background-color: @orange;\n color: @text;\n }\n\n .msgflag-\\$label1 .checkboxMessage {\n background-color: @red;\n color: @text;\n }\n\n .msgflag-\\$label5.focused {\n background-color: fade(@pink, 30%);\n }\n\n .msgflag-\\$label4.focused {\n background-color: fade(@blue, 30%);\n }\n\n .msgflag-\\$label3.focused {\n background-color: fade(@green, 30%);\n }\n\n .msgflag-\\$label2.focused {\n background-color: fade(mix(@red, @yellow), 30%);\n }\n\n .msgflag-\\$label1.focused {\n background-color: fade(@red, 30%);\n }\n\n .msgflag-\\$label5:not(.focused) {\n color: darken(@pink, 10%);\n }\n\n .msgflag-\\$label4:not(.focused) {\n color: @blue;\n }\n\n .msgflag-\\$label3:not(.focused) {\n color: @green;\n }\n\n .msgflag-\\$label2:not(.focused) {\n color: @orange;\n }\n\n .msgflag-\\$label1:not(.focused) {\n color: @red;\n }\n\n .messageList .b-content .listSearchDesc {\n border-bottom-color: @surface0;\n }\n\n /* Profile pictures */\n img.fromPic when (@hideProfilePictures = 1) {\n display: none;\n }\n\n /* Settings */\n #V-Settings-Themes figure {\n &.selected {\n background-color: fade(@green, 40%);\n border-color: @text;\n }\n &:hover {\n border-color: @surface0;\n }\n }\n\n #V-PopupsContacts .e-contact-item,\n .messageListItem {\n &.focused {\n border-left-color: @surface2;\n background-color: @surface0;\n }\n\n &.checked {\n border-left-color: lighten(@accent, 10%);\n }\n\n &.checked.focused,\n &.selected {\n border-left-color: @accent;\n }\n\n &.selected {\n background-color: fade(@accent, 30%);\n }\n }\n\n #V-PopupsContacts .e-contact-item {\n border-left-color: @surface0;\n }\n\n /* Send mail modal */\n .squire-toolbar,\n #V-PopupsCompose .attachmentAreaParent {\n border-color: @surface0;\n }\n #V-PopupsCompose header {\n color: @text;\n }\n /* Minimize and close icons */\n #V-PopupsCompose header div.pull-right a.minimize-custom,\n #V-PopupsCompose .close,\n .close {\n border-color: @text;\n color: @text;\n }\n /* Email address field */\n .emailaddresses {\n li[draggable] {\n background-color: @mantle;\n border-color: @surface0;\n box-shadow: 0 1px 0 fade(@mantle, 75%) inset;\n color: @text;\n }\n li a {\n color: @surface0;\n }\n }\n\n /* Untheme message content */\n div:has(> .bodyText) {\n color: #333;\n background-color: #fff;\n }\n }\n}\n",
|
|
"originalDigest": "e30f8bcc4bf357eb4e1c1a6b755153aed215a240",
|
|
"_id": "1487e07f-eb26-49f6-b7b1-679e81352151",
|
|
"_rev": 1780236869044,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 43
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Wikipedia Catppuccin",
|
|
"description": "Soothing pastel theme for Wikipedia",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/wikipedia/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Wikipedia Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/wikipedia",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/wikipedia",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/wikipedia/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Awikipedia",
|
|
"description": "Soothing pastel theme for Wikipedia",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": null,
|
|
"default": "latte",
|
|
"options": [
|
|
{
|
|
"name": "latte",
|
|
"label": "Latte",
|
|
"value": "latte"
|
|
},
|
|
{
|
|
"name": "frappe",
|
|
"label": "Frappé",
|
|
"value": "frappe"
|
|
},
|
|
{
|
|
"name": "macchiato",
|
|
"label": "Macchiato",
|
|
"value": "macchiato"
|
|
},
|
|
{
|
|
"name": "mocha",
|
|
"label": "Mocha",
|
|
"value": "mocha"
|
|
}
|
|
]
|
|
},
|
|
"darkFlavor": {
|
|
"type": "select",
|
|
"label": "Dark Flavor",
|
|
"name": "darkFlavor",
|
|
"value": null,
|
|
"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": null,
|
|
"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": null,
|
|
"default": "0",
|
|
"options": null
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Wikipedia Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/wikipedia\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/wikipedia\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/wikipedia/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Awikipedia\n@description Soothing pastel theme for Wikipedia\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n@var checkbox highlight-redirect \"Highlight redirect links\" 0\n==/UserStyle== */\n\n@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"wikipedia.org\"),\n domain(\"wiktionary.org\"),\n domain(\"www.mediawiki.org\"),\n domain(\"auth.wikimedia.org\"),\n domain(\"wikiversity.org\"),\n domain(\"wikisource.org\"),\n domain(\"meta.wikimedia.org\"),\n domain(\"wikidata.org\"),\n domain(\"wikibooks.org\"),\n domain(\"species.wikimedia.org\"),\n domain(\"commons.wikimedia.org\"),\n domain(\"wikivoyage.org\"),\n domain(\"wikinews.org\"),\n domain(\"wikiquote.org\") {\n @import url(\"https://python.catppuccin.com/pygments/catppuccin-variables.important.css\");\n\n :root.skin-theme-clientpref-os,\n .vector-feature-night-mode-enabled,\n .skin-invert,\n .notheme {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n :root.skin-theme-clientpref-night {\n #catppuccin(@darkFlavor);\n }\n\n :root.skin-theme-clientpref-day {\n #catppuccin(@lightFlavor);\n }\n\n html.skin-theme-clientpref-night, html.skin-theme-clientpref-os {\n /* Logo */\n .skin-invert-image img,\n .skin-invert,\n .oo-ui-iconElement-icon:not(\n .oo-ui-image-progressive,\n .oo-ui-image-destructive,\n .oo-ui-checkboxInputWidget-checkIcon,\n .oo-ui-image-invert,\n .mw-no-invert\n ),\n .oo-ui-indicatorElement-indicator {\n filter: none;\n }\n }\n\n /* MediaWiki only applies the following overrides on dark and automatic appearance settings, leaving broken elements with the light appearance. */\n\n .hatnote:not(.notheme),\n .dablink:not(.notheme),\n .rellink:not(.notheme),\n .infobox:not(.notheme) {\n color: var(--color-base) !important;\n background-color: var(--background-color-interactive-subtle) !important;\n }\n .infobox td:not(.notheme),\n .infobox th:not(.notheme),\n .infobox-above:not(.notheme),\n .infobox p:not(.notheme),\n .infobox > div:not(.notheme),\n .infobox caption:not(.notheme),\n .infobox--frwiki td:not(.notheme),\n .infobox--frwiki th:not(.notheme),\n .infobox--frwiki p:not(.notheme),\n .infobox--frwiki > div:not(.notheme),\n .infobox--frwiki caption:not(.notheme),\n .sinottico th:not(.notheme),\n .infobox-header:not(.notheme),\n .skin-nightmode-reset-color:not(.notheme),\n .navigation-box:not(.notheme),\n .metadata:not(.notheme),\n .quotebox:not(.notheme),\n .side-box:not(.notheme),\n .side-box div:not(.notheme),\n .navbox:not(.notheme),\n .navbox-subgroup:not(.notheme),\n .navbox-group:not(.notheme),\n .navbox-even:not(.notheme),\n .navbox-abovebelow:not(.notheme),\n .navbox-title:not(.notheme) {\n background: inherit !important;\n color: inherit !important;\n border-color: var(--border-color-subtle) !important;\n }\n .ns-100 .mw-parser-output :not(.notheme, a) {\n background: inherit !important;\n color: inherit !important;\n border-color: var(--border-color-subtle) !important;\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n #lib.css-variables();\n\n --color-base: @text;\n --color-base--hover: @text;\n --color-emphasized: @text;\n --color-subtle: @subtext0;\n --color-inverted: @crust;\n --color-inverted-fixed: @crust;\n --color-progressive: @accent;\n --color-progressive--hover: darken(@accent, 5%);\n --color-progressive--active: darken(@accent, 5%);\n --color-progressive--focus: darken(@accent, 5%);\n --color-destructive: @red;\n --color-destructive--hover: @maroon;\n --color-destructive--active: @maroon;\n --color-visited: @lavender;\n --color-destructive--visited: #b97876;\n --color-error: @red;\n --color-warning: @yellow;\n --color-success: @green;\n --color-notice: @text;\n --color-icon-error: @red;\n --color-icon-warning: @yellow;\n --color-icon-success: @green;\n --color-icon-notice: @subtext0;\n --color-content-added: @green;\n --color-content-removed: @maroon;\n --color-placeholder: @subtext0;\n --color-disabled: @overlay2;\n --box-shadow-color-base: #fff;\n --box-shadow-color-inverted: #000;\n --box-shadow-color-progressive--focus: @accent;\n --background-color-interactive: @surface0;\n --background-color-interactive-subtle: @surface0;\n --background-color-interactive-subtle--hover: @surface1;\n --background-color-disabled: @overlay2;\n --background-color-disabled-subtle: @surface0;\n --background-color-progressive: @accent;\n --background-color-progressive-subtle: fade(@accent, 10%);\n --background-color-destructive-subtle: #421211;\n --background-color-progressive--active: fade(@accent, 70%);\n --background-color-progressive--hover: fade(@accent, 70%);\n --background-color-progressive--focus: fade(@accent, 70%);\n --background-color-error: @red;\n --background-color-error--hover: @maroon;\n --background-color-error--active: @maroon;\n --background-color-error-subtle: fade(@red, 20%);\n --background-color-warning-subtle: fade(@yellow, 20%);\n --background-color-success-subtle: fade(@green, 20%);\n --background-color-notice-subtle: @surface0;\n --background-color-content-added: #2a4b8d;\n --background-color-content-removed: #a66200;\n --background-color-backdrop-light: rgba(0, 0, 0, 0.65);\n --background-color-backdrop-dark: rgba(255, 255, 255, 0.65);\n --background-color-base: @base;\n --background-color-neutral: @base;\n --background-color-neutral-subtle: @surface0;\n --background-color-inverted: @text;\n --background-color-input-binary--checked: @accent;\n --border-base: 1px solid @surface0;\n --border-subtle: 1px solid @surface0;\n --border-color-base: @surface0;\n --border-color-interactive: @surface2;\n --border-color-interactive--hover: @overlay0;\n --border-color-disabled: #54595d;\n --border-color-subtle: @surface1;\n --border-color-muted: @surface0;\n --border-color-inverted: #101418;\n --border-color-error: @red;\n --border-color-error--hover: @maroon;\n --border-color-warning: @yellow;\n --border-color-success: @green;\n --border-color-notice: @surface2;\n --border-color-content-added: @blue;\n --border-color-content-removed: @peach;\n --border-color-progressive: @accent;\n --border-color-progressive--active: @accent;\n --border-color-progressive--hover: @accent;\n --border-color-progressive--focus: @accent;\n\n /* Wiktionary */\n --wikt-palette-indigo: @lavender;\n --wikt-palette-lightindigo: fade(@lavender, 40%);\n --wikt-palette-lighterblue: fade(@blue, 20%);\n --wikt-palette-dulllightblue: fade(@blue, 40%);\n --wikt-palette-grey: @subtext0;\n --wikt-palette-lightergrey: fade(@subtext0, 40%);\n\n /* Other */\n\n .infobox {\n border-color: @surface2;\n }\n\n [style=\"color:white;\"], [style*=\"color:#ffffff\"] {\n color: @text !important;\n }\n .mw-collapsible-toggle-default {\n &::before, &::after {\n color: @subtext0;\n }\n }\n\n a {\n &:focus {\n outline-color: @accent;\n }\n }\n\n .mw-parser-output {\n a.external {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"><path fill=\"@{accent}\" d=\"M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16zM2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n /* Wikipedia Home */\n #mp-topbanner {\n background-color: @base;\n border-color: @surface1;\n }\n #mp-left {\n background-color: fade(@green, 20%);\n border-color: @green;\n\n .mp-h2 {\n background-color: fade(@green, 40%);\n border-color: fade(@green, 40%);\n }\n }\n #mp-right {\n background-color: fade(@blue, 20%);\n border-color: @blue;\n\n .mp-h2 {\n background-color: fade(@blue, 40%);\n border-color: fade(@blue, 40%);\n }\n }\n #mp-lower {\n background-color: fade(@lavender, 20%);\n border-color: @lavender;\n\n .mp-h2 {\n background-color: fade(@lavender, 40%);\n border-color: fade(@lavender, 40%);\n }\n }\n #mp-bottom {\n border-color: @overlay0;\n\n .mp-h2 {\n background-color: fade(@accent, 40%);\n border-color: fade(@accent, 40%);\n }\n }\n .wikipedia-languages-prettybars {\n background-color: @surface2;\n }\n\n /* MediaWiki Home */\n .mainpage_box {\n border-color: @surface2;\n\n .header_icon {\n filter: @text-filter;\n }\n\n .items {\n border-top-color: @surface1;\n }\n }\n .nmbox {\n background-color: @surface0;\n border-color: @surface2;\n\n .nmbox-header {\n background-color: @base;\n border-color: @surface1;\n }\n }\n /* MediaWiki Pages */\n .tpl-downloadmediawiki-icon {\n filter: @crust-filter;\n }\n .note-info {\n filter: @blue-filter;\n color: @text;\n background-color: fade(@blue, 20%);\n }\n .note-warn {\n filter: @yellow-filter;\n color: @text;\n background-color: fade(@yellow, 20%);\n }\n }\n\n /* Math equations */\n .mwe-math-element img.skin-invert {\n filter: @text-filter;\n }\n\n /* OOUI */\n .oo-ui-indicator-down {\n filter: @text-filter !important;\n }\n .oo-ui-image-invert.oo-ui-icon-check, .mw-ui-icon-check-invert::before {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z\" fill=\"@{crust}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n /* View source */\n textarea {\n background-color: @mantle;\n color: @text;\n }\n\n /* View history */\n .flaggedrevs-color-1 {\n background-color: fade(@blue, 10%);\n }\n\n /* Language search and settings */\n .uls-search,\n .uls-filtersuggestion,\n .uls-lcd,\n #uls-settings-block.uls-settings-block--vector-2022.uls-settings-block--with-add-languages,\n #language-settings-dialog,\n #languagesettings-settings-panel,\n .uls-language-settings-close-block {\n background-color: @mantle;\n }\n .uls-language-block a {\n color: @accent;\n }\n .uls-search-label,\n #uls-settings-block.uls-settings-block--vector-2022\n > button.uls-add-languages-button,\n #uls-settings-block.uls-settings-block--vector-2022\n > button.uls-language-settings-button,\n #uls-settings-block.uls-settings-block--vector-2022\n > button.uls-language-settings-button:hover,\n .uls-icon-close,\n .uls-languagefilter-clear {\n filter: @text-filter;\n }\n .uls-sub-panel, .language-settings-buttons {\n border-color: @surface1;\n }\n .uls-language-block > ul > li:hover {\n background-color: @surface0;\n }\n .languagesettings-menu .menu-section.active {\n background-color: @surface1;\n }\n\n /* Page preview */\n .mwe-popups .mwe-popups-extract[dir=\"ltr\"]::after {\n background-image: linear-gradient(to right, transparent, @base 50%);\n }\n .mwe-popups .mwe-popups-extract[dir=\"rtl\"]::after {\n background-image: linear-gradient(to left, transparent, @base 50%);\n }\n\n /* Icons */\n\n img[alt=\"Edit this on Wikidata\"],\n img[alt=\"Edit this at Wikidata\"] {\n filter: @accent-filter;\n }\n\n /* Logos */\n\n .mw-logo-wordmark[alt=\"Wikipedia\"] {\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 + .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\n .mw-logo-icon {\n &[src$=\"wikidatawiki.svg\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"50\"><g fill=\"none\"><path fill=\"@{red}\" d=\"M0 40.767h1.795V10H0zm3.71 0h5.502V10H3.71zM11.006 10v30.766h5.504V10z\"/><path fill=\"@{green}\" d=\"M44.28 40.77h1.796V10H44.28zM47.99 10v30.77h1.795V10zM18.365 40.77h1.795V10h-1.795zM22.075 10v30.768h1.795V10z\"/><path fill=\"@{blue}\" d=\"M25.723 40.77h5.504V10h-5.504zm7.299 0h1.914V10h-1.914zM36.73 10v30.768h5.503V10z\"/></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n &[src$=\"commonswiki.svg\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"50\" height=\"50\"><defs><circle id=\"a\" cx=\"18.242\" cy=\"18.242\" r=\"18.242\"/></defs><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(2)\"><circle cx=\"23.062\" cy=\"31.525\" r=\"6.121\" fill=\"@{red}\" fill-rule=\"nonzero\"/><g transform=\"translate(4.82 13.284)\"><mask id=\"b\" fill=\"#fff\"><use xlink:href=\"#a\"/></mask><g fill=\"@{blue}\" fill-rule=\"nonzero\" mask=\"url(#b)\"><path stroke=\"@{blue}\" stroke-width=\"1.347\" d=\"M18.278 36.606V29.26\"/><path d=\"m15.609 29.566 2.632-4.591 2.632 4.591z\"/><path stroke=\"@{blue}\" stroke-width=\"1.347\" d=\"m5.282 31.253 5.194-5.194\"/><path d=\"m8.372 24.388 5.108-1.385-1.386 5.107z\"/><path stroke=\"@{blue}\" stroke-width=\"1.347\" d=\"M-.124 18.278h7.346\"/><path d=\"m6.916 15.609 4.591 2.632-4.591 2.632z\"/><path stroke=\"@{blue}\" stroke-width=\"1.347\" d=\"m5.23 5.283 5.195 5.194\"/><path d=\"m12.096 8.373 1.385 5.108-5.108-1.385z\"/><path stroke=\"@{blue}\" stroke-width=\"1.347\" d=\"m31.201 31.253-5.194-5.194\"/><path d=\"m28.11 24.388-5.107-1.385 1.386 5.107z\"/><path stroke=\"@{blue}\" stroke-width=\"1.347\" d=\"M36.607 18.278h-7.346\"/><path d=\"m29.567 15.609-4.591 2.632 4.591 2.632z\"/><path stroke=\"@{blue}\" stroke-width=\"1.347\" d=\"m31.253 5.283-5.195 5.194\"/><path d=\"m24.387 8.373-1.385 5.108 5.108-1.385z\"/></g></g><path stroke=\"@{blue}\" stroke-width=\"5.142\" d=\"M11.982 20.444c-6.12 6.12-6.12 16.042 0 22.162s16.042 6.12 22.162 0 6.12-16.042 0-22.162C29.815 16.116 23.279 18.324 21.98 8.8\"/><path fill=\"@{blue}\" fill-rule=\"nonzero\" d=\"M21.655 0s-2.204 8.264-4.898 11.325 7.101-3.796 10.407-.306S21.654 0 21.654 0z\"/></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n &[src$=\"wikivoyage.svg\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"40\"><g fill=\"none\"><path fill=\"@{red}\" d=\"M31.496 16.378 39.685 0 23.307 8.189a11.58 11.58 0 0 1 8.19 8.189z\"/><path fill=\"@{green}\" d=\"M18.898 24.465 29.124 40l1.112-18.583a11.71 11.71 0 0 1-11.338 3.048\"/><path fill=\"@{blue}\" d=\"M18.583 9.449 0 10.56l15.535 10.226A11.72 11.72 0 0 1 18.583 9.45z\"/></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n &[src$=\"wikiquote.svg\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"50\"><defs><radialGradient id=\"a\" cx=\"50%\" cy=\"50%\" r=\"50%\" fx=\"50%\" fy=\"50%\"><stop offset=\"0%\" stop-color=\"@{blue}\"/><stop offset=\"100%\" stop-color=\"@{blue}\"/></radialGradient></defs><g fill=\"none\" transform=\"translate(5)\"><path fill=\"@{blue}\" d=\"M17.697 11.515a16.17 16.17 0 0 1 6.924 13.279c0 5.23-2.5 10.043-6.63 13.068l-.298.213-2.29-3.28a12.17 12.17 0 0 0 5.218-10.001 12.17 12.17 0 0 0-4.933-9.796l-.283-.204z\"/><circle cx=\"8.304\" cy=\"24.62\" r=\"8.304\" fill=\"url(#a)\"/><path fill=\"@{sky}\" d=\"M29.463 0c7.23 6.139 11.48 15.123 11.48 24.794a32.44 32.44 0 0 1-11.259 24.604l-.24.206-2.853-3.365c6.262-5.31 9.94-13.076 9.94-21.445 0-8.26-3.582-15.933-9.696-21.236l-.227-.195z\"/><path fill=\"@{sapphire}\" d=\"M23.453 5.917a24.08 24.08 0 0 1 9.102 18.877 24.08 24.08 0 0 1-8.873 18.692l-.224.181-2.663-3.34a19.81 19.81 0 0 0 7.488-15.533 19.8 19.8 0 0 0-7.276-15.362l-.215-.175z\"/></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n &[src$=\"wikiversity.svg\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"50\" height=\"50\"><path fill=\"@{blue}\" d=\"M24.9 6c-.5.1-1.1.5-1.6 1.2-.5.6-.9 1.5-1.3 2.5h5.7c-.4-1.1-.8-1.9-1.3-2.5-.4-.7-1-1.1-1.5-1.2m1.8.2c.2.2.3.3.4.5q.9 1.2 1.5 3h4C31 7.9 29 6.6 26.7 6.2m-3.6 0c-2.2.5-4.3 1.7-5.9 3.6h4c.4-1.2.9-2.3 1.5-3 .1-.3.3-.5.4-.6m-2.9.1c-2.1.7-4.1 1.9-5.7 3.4h1.7c1.1-1.4 2.5-2.6 4-3.4m9.6.1c1.5.8 2.8 1.9 4 3.4h1.7c-1.7-1.6-3.6-2.7-5.7-3.4m-16.2 4.2c-1.2 1.3-2.2 2.9-2.9 4.6h2.6c.5-1.6 1.3-3.2 2.2-4.6zm2.9 0c-1 1.4-1.8 2.9-2.4 4.6H20c.2-1.5.5-3.1 1-4.6zm5.3 0c-.5 1.5-.8 3-1 4.6h8.3c-.2-1.5-.5-3.1-1-4.6zm7.2 0c.4 1.5.8 3 1 4.6h5.8c-.5-1.6-1.3-3.2-2.4-4.6zm5.4 0c1 1.4 1.7 2.9 2.2 4.6h2.6c-.7-1.7-1.7-3.2-2.9-4.6zm-24 5.4c-.6 1.7-.9 3.5-.9 5.3h2.9c0-1.8.2-3.6.7-5.3zm3.5 0c-.5 1.7-.7 3.5-.7 5.3h6.4c0-1.8.1-3.5.3-5.3zm6.8 0c-.2 1.8-.3 3.5-.3 5.3h9.1c0-1.8-.1-3.5-.3-5.3zm9.3 0c.2 1.8.3 3.5.3 5.3h6.4c0-1.8-.2-3.6-.7-5.3zm6.8 0c.5 1.7.7 3.5.7 5.3h2.9c0-1.8-.3-3.6-.9-5.3zM0 22.204h49.893v1.652H0zm1.706 2.559h6.663v17.164H1.706zm13.272 0h6.663v17.164h-6.663zm13.273 0h6.663v17.164h-6.663zm13.273 0h6.663v17.164h-6.663zM0 42.736h49.893v1.652H0z\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n &[src$=\"mediawikiwiki.svg\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" id=\"svg62\" width=\"50\" height=\"50\" version=\"1.1\"><defs id=\"defs11\"><linearGradient id=\"gradient\" x1=\"0\" x2=\"100\" y1=\"100\" y2=\"0\" gradientUnits=\"userSpaceOnUse\"><stop id=\"stop2\" offset=\"0%\" stop-color=\"@{mauve}\"/><stop id=\"stop4\" offset=\"50%\" stop-color=\"@{red}\"/><stop id=\"stop6\" offset=\"100%\" stop-color=\"@{peach}\"/></linearGradient><linearGradient xlink:href=\"#gradient\" id=\"linearGradient873\" x1=\"0\" x2=\"100\" y1=\"100\" y2=\"0\" gradientUnits=\"userSpaceOnUse\"/><linearGradient xlink:href=\"#gradient\" id=\"linearGradient875\" x1=\"0\" x2=\"100\" y1=\"100\" y2=\"0\" gradientUnits=\"userSpaceOnUse\"/><linearGradient xlink:href=\"#gradient\" id=\"linearGradient877\" x1=\"0\" x2=\"100\" y1=\"100\" y2=\"0\" gradientUnits=\"userSpaceOnUse\"/><linearGradient xlink:href=\"#gradient\" id=\"linearGradient879\" x1=\"0\" x2=\"100\" y1=\"100\" y2=\"0\" gradientUnits=\"userSpaceOnUse\"/><linearGradient xlink:href=\"#gradient\" id=\"linearGradient881\" x1=\"0\" x2=\"100\" y1=\"100\" y2=\"0\" gradientUnits=\"userSpaceOnUse\"/><linearGradient xlink:href=\"#gradient\" id=\"linearGradient883\" x1=\"0\" x2=\"100\" y1=\"100\" y2=\"0\" gradientUnits=\"userSpaceOnUse\"/><linearGradient xlink:href=\"#gradient\" id=\"linearGradient885\" x1=\"0\" x2=\"100\" y1=\"100\" y2=\"0\" gradientUnits=\"userSpaceOnUse\"/><linearGradient xlink:href=\"#gradient\" id=\"linearGradient887\" x1=\"0\" x2=\"100\" y1=\"100\" y2=\"0\" gradientUnits=\"userSpaceOnUse\"/><linearGradient xlink:href=\"#gradient\" id=\"linearGradient889\" x1=\"0\" x2=\"100\" y1=\"100\" y2=\"0\" gradientUnits=\"userSpaceOnUse\"/><linearGradient xlink:href=\"#gradient\" id=\"linearGradient891\" x1=\"0\" x2=\"100\" y1=\"100\" y2=\"0\" gradientUnits=\"userSpaceOnUse\"/><linearGradient xlink:href=\"#gradient\" id=\"linearGradient893\" x1=\"0\" x2=\"100\" y1=\"100\" y2=\"0\" gradientUnits=\"userSpaceOnUse\"/><linearGradient xlink:href=\"#gradient\" id=\"linearGradient895\" x1=\"0\" x2=\"100\" y1=\"100\" y2=\"0\" gradientUnits=\"userSpaceOnUse\"/><linearGradient xlink:href=\"#gradient\" id=\"linearGradient897\" x1=\"0\" x2=\"100\" y1=\"100\" y2=\"0\" gradientUnits=\"userSpaceOnUse\"/><linearGradient xlink:href=\"#gradient\" id=\"linearGradient899\" x1=\"0\" x2=\"100\" y1=\"100\" y2=\"0\" gradientUnits=\"userSpaceOnUse\"/><linearGradient xlink:href=\"#gradient\" id=\"linearGradient901\" x1=\"0\" x2=\"100\" y1=\"100\" y2=\"0\" gradientUnits=\"userSpaceOnUse\"/><linearGradient xlink:href=\"#gradient\" id=\"linearGradient903\" x1=\"0\" x2=\"100\" y1=\"100\" y2=\"0\" gradientUnits=\"userSpaceOnUse\"/><linearGradient xlink:href=\"#gradient\" id=\"linearGradient905\" x1=\"0\" x2=\"100\" y1=\"100\" y2=\"0\" gradientUnits=\"userSpaceOnUse\"/><linearGradient xlink:href=\"#gradient\" id=\"linearGradient907\" x1=\"0\" x2=\"100\" y1=\"100\" y2=\"0\" gradientUnits=\"userSpaceOnUse\"/><linearGradient xlink:href=\"#gradient\" id=\"linearGradient909\" x1=\"0\" x2=\"100\" y1=\"100\" y2=\"0\" gradientUnits=\"userSpaceOnUse\"/><linearGradient xlink:href=\"#gradient\" id=\"linearGradient911\" x1=\"0\" x2=\"100\" y1=\"100\" y2=\"0\" gradientUnits=\"userSpaceOnUse\"/><linearGradient xlink:href=\"#gradient\" id=\"linearGradient913\" x1=\"0\" x2=\"100\" y1=\"100\" y2=\"0\" gradientUnits=\"userSpaceOnUse\"/><linearGradient xlink:href=\"#gradient\" id=\"linearGradient915\" x1=\"0\" x2=\"100\" y1=\"100\" y2=\"0\" gradientUnits=\"userSpaceOnUse\"/><linearGradient xlink:href=\"#gradient\" id=\"linearGradient917\" x1=\"0\" x2=\"100\" y1=\"100\" y2=\"0\" gradientUnits=\"userSpaceOnUse\"/><linearGradient xlink:href=\"#gradient\" id=\"linearGradient919\" x1=\"0\" x2=\"100\" y1=\"100\" y2=\"0\" gradientUnits=\"userSpaceOnUse\"/><linearGradient xlink:href=\"#gradient\" id=\"linearGradient921\" x1=\"0\" x2=\"100\" y1=\"100\" y2=\"0\" gradientUnits=\"userSpaceOnUse\"/><style id=\"style9\">.petal{opacity:.65}</style></defs><g id=\"petals\" fill=\"url(#linearGradient921)\" transform=\"matrix(.5 0 0 .5 0 .026)\"><path id=\"path13\" fill=\"url(#linearGradient873)\" 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\" class=\"petal\" opacity=\".65\"/><path id=\"path15\" fill=\"url(#linearGradient875)\" 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\" class=\"petal\" opacity=\".65\"/><path id=\"path17\" fill=\"url(#linearGradient877)\" 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\" class=\"petal\" opacity=\".65\"/><path id=\"path19\" fill=\"url(#linearGradient879)\" 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\" class=\"petal\" opacity=\".65\"/><path id=\"path21\" fill=\"url(#linearGradient881)\" 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\" class=\"petal\" opacity=\".65\"/><path id=\"path23\" fill=\"url(#linearGradient883)\" 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\" class=\"petal\" opacity=\".65\"/><path id=\"path25\" fill=\"url(#linearGradient885)\" 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\" class=\"petal\" opacity=\".65\"/><path id=\"path27\" fill=\"url(#linearGradient887)\" 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\" class=\"petal\" opacity=\".65\"/><path id=\"path29\" fill=\"url(#linearGradient889)\" 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\" class=\"petal\" opacity=\".65\"/><path id=\"path31\" fill=\"url(#linearGradient891)\" 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\" class=\"petal\" opacity=\".65\"/><path id=\"path33\" fill=\"url(#linearGradient893)\" 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\" class=\"petal\" opacity=\".65\"/><path id=\"path35\" fill=\"url(#linearGradient895)\" 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\" class=\"petal\" opacity=\".65\"/><path id=\"path37\" fill=\"url(#linearGradient897)\" 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\" class=\"petal\" opacity=\".65\"/><path id=\"path39\" fill=\"url(#linearGradient899)\" 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\" class=\"petal\" opacity=\".65\"/><path id=\"path41\" fill=\"url(#linearGradient901)\" 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\" class=\"petal\" opacity=\".65\"/><path id=\"path43\" fill=\"url(#linearGradient903)\" 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\" class=\"petal\" opacity=\".65\"/><path id=\"path45\" fill=\"url(#linearGradient905)\" 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\" class=\"petal\" opacity=\".65\"/><path id=\"path47\" fill=\"url(#linearGradient907)\" 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\" class=\"petal\" opacity=\".65\"/><path id=\"path49\" fill=\"url(#linearGradient909)\" 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\" class=\"petal\" opacity=\".65\"/><path id=\"path51\" fill=\"url(#linearGradient911)\" 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\" class=\"petal\" opacity=\".65\"/><path id=\"path53\" fill=\"url(#linearGradient913)\" 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\" class=\"petal\" opacity=\".65\"/><path id=\"path55\" fill=\"url(#linearGradient915)\" 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\" class=\"petal\" opacity=\".65\"/><path id=\"path57\" fill=\"url(#linearGradient917)\" 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\" class=\"petal\" opacity=\".65\"/><path id=\"path59\" fill=\"url(#linearGradient919)\" 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\" class=\"petal\" opacity=\".65\"/></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n\n .mw-logo-wordmark {\n &[alt=\"Wikidata\"],\n &[alt=\"Wikimedia Commons\"] {\n filter: @text-filter;\n }\n &[alt=\"Wikivoyage\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 120 25\"><path fill=\"@{subtext1}\" d=\"M5.286 18.534 0 6.09h3.005l2.846 7.226 2.933-7.405H10.6l2.909 7.366 2.857-7.188h3.01l-5.342 12.445h-1.102l-3.277-7.928-3.266 7.928h-.55zm15.666-.443V6.087h2.896v12.265h-2.323zM22.4 1.045q.712 0 1.201.49.49.488.49 1.175 0 .69-.488 1.176a1.64 1.64 0 0 1-1.203.488q-.72 0-1.206-.486a1.6 1.6 0 0 1-.485-1.178q0-.69.487-1.178a1.64 1.64 0 0 1 1.204-.487M29.62.26v18.093h-2.896V0h2.896zm5.53 17.832-5.987-5.86 5.411-6.145h3.255l-5.157 6.084 6.076 6.181h-3.026l-.573-.26zm4.498-.002V6.087h2.896v12.265h-2.323l-.573-.26zm1.448-17.046q.711 0 1.201.49.49.488.49 1.175 0 .69-.488 1.176a1.64 1.64 0 0 1-1.203.488q-.72 0-1.206-.486a1.6 1.6 0 0 1-.485-1.178q0-.69.487-1.178a1.64 1.64 0 0 1 1.204-.487\"/><path fill=\"@{overlay2}\" d=\"M47.2 6.645h2.979l2.844 7.123 2.856-7.123h2.957L53.551 18.87h-1.082zm19.013 12.248c-1.982.085-3.644-.524-4.846-1.7s-1.803-2.68-1.803-4.512q0-2.755 1.804-4.527t4.634-1.773q2.825 0 4.639 1.775 1.813 1.774 1.813 4.525 0 2.745-1.811 4.51c-1.208 1.177-2.731 1.702-4.43 1.702m-.01-2.365c.947-.085 1.692-.424 2.352-1.12q.99-1.043.99-2.727 0-1.696-.99-2.746-.99-1.048-2.553-1.048-1.566 0-2.548 1.046-.983 1.047-.983 2.748 0 1.694.98 2.732c.655.692 1.518 1.115 2.751 1.115zM84.977 6.9l-8.145 18.014h-3.115l4.013-9.092-4.565-9.178h3.045l3.065 6.597 2.748-6.597h2.954zm3.368 12.054q-1.364 0-2.184-.861-.82-.862-.82-2.242.001-1.223.806-2.109.807-.885 2.39-1.454l2.8-1.012v-.54q0-.898-.422-1.287-.42-.39-1.379-.39-1.072 0-1.915.41-.844.41-2.04 1.372V8.158q.923-.952 1.87-1.366.949-.414 2.11-.414 2.245 0 3.433 1.12t1.187 3.237v5.806q0 .142.04.181t.143.04q.087 0 .366-.176.28-.176 1.07-.539v1.799a3.5 3.5 0 0 1-1.234.786q-.732.285-1.393.284-.769 0-1.295-.465-.39-.357-.409-.65-.088.291-.614.56a5.4 5.4 0 0 1-2.51.593m2.991-2.689v-3.23l-1.105.515q-1.022.364-1.501.876a1.7 1.7 0 0 0-.48 1.2q0 .517.387.833t1.05.316q.56 0 1.108-.25.363-.17.86-.347zm9.074-.373q0 .232.636.565.637.332 1.644.488 2.441.39 3.529 1.308t1.088 2.668q0 1.717-1.609 2.698-1.608.982-4.266.982-2.494 0-3.997-1.055-1.5-1.055-1.501-2.876 0-1.256.805-2.156.804-.9 1.878-1.013-.902-.435-.902-1.333 0-.973 1.198-1.616.286-.156.419-.054-.468-.018-1.028-.525-1.292-1.197-1.292-3.06 0-1.87 1.293-3.07 1.294-1.199 3.315-1.199.51 0 .96.076h4.727v2.342h-1.631q.534.568.552 2.107 0 1.602-1.308 2.82-1.14 1.048-2.871 1.168l-.772.048a1.6 1.6 0 0 0-.573.216q-.295.188-.295.47zm1.21-6.942q-.852 0-1.395.543t-.543 1.42q0 .882.54 1.416.542.536 1.398.536.853 0 1.396-.538.542-.537.542-1.414 0-.873-.547-1.421-.543-.542-1.391-.542m-3.03 11.733q0 .695.768 1.154.767.458 2.099.458 1.454 0 2.273-.387c.819-.387.819-.58.819-.962q0-.608-.558-1.034-.556-.428-1.665-.603l-.323-.05a10 10 0 0 0-.862-.09 3 3 0 0 0-.63.014q-.808.13-1.291.428-.63.391-.63 1.072m15.953-1.729q-2.776 0-4.539-1.762-1.761-1.763-1.762-4.514 0-2.745 1.527-4.522 1.528-1.778 3.946-1.778 2.627 0 4.057 1.662 1.428 1.66 1.429 4.639v.67h-8.026q.126 1.035.747 1.82 1.178 1.092 2.72 1.092 1.132 0 2.102-.399.97-.398 2.457-1.357v2.785q-1.218.921-2.289 1.292-1.07.372-2.37.372zm1.913-7.634a3.5 3.5 0 0 0-.624-1.511q-.676-.925-1.992-.925-1.167 0-1.921 1.004-.518.675-.694 1.432z\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n &[alt=\"Wikinews\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"146\" height=\"21\" fill=\"none\"><path fill=\"@{subtext1}\" d=\"M5.044 20.535 0 .34 3.887.265l3.337 16.288L10.94.265h3.85l3.26 16.004L21.692.265h3.736l-5.442 20.213-3.982.076-3.413-15.53-3.64 15.473-3.906.038Zm24.289 0V.285h3.678v20.25zm9.5-.095V.284h3.602v9.348L49.394.284h4.474L46.74 9.196l7.736 11.244h-4.361l-5.802-9.158-1.858 2.389v6.769zm18.922 0V.284h3.603V20.44z\"/><path fill=\"@{overlay2}\" d=\"M140.179 0c-2.01 0-3.678.417-4.854 1.441-2.579 2.294-2.768 5.67-.531 8.077 1.479 1.593 3.697 2.067 5.65 2.901.967.418 1.859 1.309 1.878 2.409.019 1.061-.323 1.839-.986 2.332-.645.493-1.574.74-2.769.74-1.687-.02-3.375-.418-4.816-1.328l-.758 2.901c.986.588 1.289.664 2.332.91a14.4 14.4 0 0 0 3.318.38c1.043 0 1.991-.114 2.825-.342.854-.227 1.84-.588 2.427-1.08.607-.494 1.195-.968 1.517-1.764.323-.778.588-1.574.588-2.693s-.322-2.389-1.062-3.431c-1.611-2.333-6.333-2.883-7.508-4.57-.285-.398-.436-1.043-.436-1.498 0-.74.284-1.27.929-1.726.606-.417 1.327-.587 2.237-.587 1.1 0 1.422-.02 2.143.208s1.46.38 2.123.872l.835-2.995c-.702-.531-1.043-.645-2.029-.854-.91-.208-1.953-.303-3.053-.303m-35.59.284 5.063 20.194h3.83l3.887-15.776 3.185 15.776h4.039L129.997.284h-3.773l-3.489 16.269L119.436.284h-3.868L111.87 16.63 108.571.284zM67.236.417v20.08h3.394V5.138l8.286 15.359H83.2V.417h-3.11v14.79L71.388.417zm21.862 0v20.137H101.1v-2.996h-8.4v-5.916h7.756V8.627h-7.755V3.28h8.172V.417z\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n &[alt=\"Wikiquote\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 77 40\"><path fill=\"@{subtext0}\" d=\"M1.2 35.727c-.165-.082-.189-.117-.153-.25.02-.086.137-.676.262-1.316.16-.836.215-1.25.195-1.48-.02-.196.039-.82.152-1.65.152-1.1.18-1.49.172-2.277-.008-.52.008-1.2.031-1.507a8 8 0 0 0-.027-1.305 27 27 0 0 1-.086-1.922c-.008-.648-.043-1.45-.082-1.785-.05-.45-.05-.703-.004-1.004.04-.238.05-.648.027-.996-.019-.324-.007-1.49.028-2.582.043-1.38.043-2.4 0-3.313-.102-2.32-.055-4.21.152-6 .164-1.42.328-1.79 1.14-2.64.849-.88 1.18-.965 1.688-.434.246.254.262.285.282.664a2.8 2.8 0 0 1-.098.871c-.067.262-.188.844-.27 1.293s-.18.875-.222.946c-.047.085-.082.527-.102 1.312-.015.652-.055 1.22-.086 1.273-.031.047-.062.328-.066.622-.008.598-.113 2.28-.164 2.703-.02.152-.051 1.08-.067 2.07s-.047 2-.074 2.238c-.062.586-.02 7.35.05 7.422.106.11.86-.64.958-.957.023-.07.164-.297.312-.5.344-.477.68-1.25 1.059-2.445.246-.785.344-1 .562-1.297.145-.195.29-.461.325-.594.03-.129.137-.39.234-.578.133-.25.188-.449.211-.77.031-.358.082-.511.316-.96.152-.293.324-.72.38-.95.054-.227.147-.496.206-.597s.11-.234.11-.297c.004-.473 1.04-2.5 1.496-2.95.133-.132.359-.37.5-.538.457-.543.69-.715 1.02-.762l.296-.04.04.36c.019.195.054.512.074.7.03.308.015.382-.149.714-.102.203-.383.95-.621 1.653-.238.707-.473 1.37-.52 1.464-.046.098-.129.484-.18.856-.05.375-.183 1.13-.296 1.687-.113.555-.31 1.68-.438 2.516-.129.828-.297 1.74-.379 2.027a3.6 3.6 0 0 0-.144 1.024c0 .578-.188 2.36-.32 2.98-.098.484-.113 1.22-.028 1.57.032.133.086.56.121.95s.086.934.11 1.21c.027.278.054.54.054.579.004.039.036.074.067.074.137 0 .289-.543.41-1.453.105-.797.156-1.01.328-1.387.16-.348.203-.52.207-.789 0-.309-.02-.355.281-.809l.282-.46-.063-.383c-.062-.371-.058-.406.113-.852.102-.258.215-.594.254-.746.055-.23.094-.281.2-.281.074 0 .21-.016.308-.035.238-.051.285.109.137.453a2.4 2.4 0 0 0-.152.5 1.6 1.6 0 0 1-.145.414 1.5 1.5 0 0 0-.14.441c-.024.145-.067.297-.102.336-.043.055-.031.125.039.246.094.16.094.195.004.559-.055.215-.148.547-.215.734-.227.664-.438 1.48-.367 1.762.062.246.004.43-.063.68-.07.266-.097.53-.058.707.058.242.008.348-.055.504a1.2 1.2 0 0 0-.094.386c0 .086-.054.355-.12.598-.142.516-.31.723-.696.863-.145.051-.457.18-.692.278-.465.199-.5.19-.57-.137a3 3 0 0 0-.18-.465c-.125-.277-.14-.371-.109-.684.031-.289.016-.422-.082-.668-.16-.418-.355-1.21-.355-1.445 0-.156-.047-.234-.207-.363l-.204-.168v-.809c0-.852.105-2.26.274-3.648.09-.746.113-.84.265-1.012.16-.188.16-.199.09-.484-.086-.336-.047-1.37.07-1.79.094-.335.075-.304.153-.152.04.067.082.184.082.274 0 .195.141.543.195.488.105-.109-.12-1.85-.25-1.738-.105.094-.172.219.004-.172.063-.137.047-.277-.008-.54-.039-.194-.093-.351-.117-.35s-.18.405-.347.902c-.164.496-.453 1.32-.641 1.82s-.492 1.39-.672 1.973a33 33 0 0 1-.805 2.183c-.53 1.25-.57 1.3-1.129 1.371-.465.059-.539.148-.703.832-.137.574-.137.598-.047 1.059.172.852.012 1.72-.398 2.148-.133.141-.168.215-.121.246.05.032.031.113-.074.297a1.1 1.1 0 0 0-.145.524c0 .367-.145.64-.476.91-.434.344-.801.422-1.149.25zm6.94-11.098c0-.074-.062-.152-.117-.21-.113-.126-.117-.06-.117.062 0 .137.125.27.188.28.054.009.047-.062.047-.132zm12.087.79c-.121-.103-.137-.165-.133-.52.004-.332.05-.531.273-1.122.145-.39.285-.836.309-.988.047-.328-.008-.69-.11-.691-.039 0-.242.176-.449.39-.496.512-1.32 1.16-1.722 1.352-.605.293-1.17.254-1.344-.086-.047-.094-.125-.43-.172-.746-.148-1.01-.367-1.12-1.188-.594-.28.176-.598.367-.707.422l-.195.102.133-.243c.074-.133.34-.473.594-.757.582-.66.832-1.04 1.082-1.641.109-.262.367-.828.57-1.258.488-1.02.832-1.36 1.644-1.64.266-.09.29-.09.356.004.109.152.098.215-.215 1.207-.48 1.53-.48 1.53-.508 2.718-.027.977-.015 1.12.078 1.301s.13.207.32.203c.192-.008.298-.082.891-.644.371-.352.777-.773.903-.942.137-.18.582-1.08 1.09-2.195.476-1.04 1.02-2.23 1.206-2.648a18 18 0 0 0 .52-1.274c.098-.28.44-1.19.766-2.008.742-1.89.87-2.04 1.773-2.128.3-.028.383-.02.41.054.047.13-1.8 4.71-2.312 5.719-.344.68-.398.895-.262 1.031.12.125.215.125.617.008.441-.133.844-.371 1.629-.969.887-.676 2.57-1.83 3.012-2.07.367-.199.688-.227.715-.063.011.047-.036.176-.102.282-.094.156-.273.273-.89.57-.88.422-1.86 1.04-3.462 2.176-1.34.949-1.39 1.02-1.359 1.734.023.531.152.91.578 1.668.473.84 1.09 1.33 1.91 1.5.328.07 1.5.047 1.746-.031.105-.035.133-.02.133.062 0 .067.067.008.184-.156.105-.145.355-.449.558-.676.488-.539.75-.945.997-1.535.105-.262.363-.828.57-1.258.488-1.02.832-1.36 1.644-1.64.266-.09.285-.09.356.004.109.152.098.215-.215 1.207-.48 1.53-.48 1.53-.512 2.719-.023.977-.011 1.12.082 1.3.094.188.13.207.328.203.18-.007.277-.058.496-.273.316-.305.59-.52.66-.52.11 0 .048.395-.097.606-.184.277-1.09.992-1.516 1.195-.605.293-1.17.254-1.343-.086-.047-.093-.125-.43-.172-.746-.148-1.01-.367-1.12-1.188-.594-1.19.754-1.77.996-2.898 1.192-.695.12-1.08.113-1.496-.027-.5-.172-.77-.363-1.54-1.098-.378-.355-.706-.656-.734-.664-.074-.028-.109.097-.183.648-.094.703-.602 2.25-.825 2.504-.19.22-.809.562-1.015.563a.5.5 0 0 1-.27-.114zm13.934-3.024c-22.8 11.7-11.4 5.87 0 0m-22.316 1.863c-.051-.137.258-1.51.394-1.742.094-.156.133-.348.156-.742.024-.457.055-.586.223-.914.109-.207.199-.434.2-.504 0-.07.034-.258.081-.418.141-.52.902-3.12 1.067-3.637.082-.277.27-.918.414-1.422.3-1.06.398-1.29.594-1.367.215-.086.289.031.132.203a.5.5 0 0 0-.129.367c0 .207-.406 1.38-.53 1.54-.028.034-.067.222-.09.413-.02.195-.146.617-.274.946a6.5 6.5 0 0 0-.313 1.043c-.043.25-.168.66-.28.91-.114.254-.208.535-.208.629 0 .285-.12.688-.238.797-.09.082-.11.184-.11.53 0 .368-.03.5-.207.888-.109.25-.203.539-.203.64 0 .102-.05.293-.117.418-.062.13-.117.273-.117.324 0 .156-.316 1.19-.367 1.188-.024 0-.059-.04-.078-.09m7.617-10.012c-.152-.102-.336-.453-.336-.648 0-.156.266-.57.45-.708.261-.195.733-.422.968-.468.199-.04.215-.028.25.129.023.093.145.28.273.414.301.316.273.453-.144.789-.617.5-1.16.684-1.461.492m13.496 0c-.152-.102-.336-.453-.336-.648 0-.156.266-.57.45-.708.261-.195.73-.422.968-.468.199-.04.215-.028.25.129.023.093.145.28.273.414.297.316.273.453-.144.789-.617.5-1.16.684-1.461.492m-17.922-1.082c0-.168.262-.969.629-1.926.477-1.25 1.13-3.3 1.09-3.418-.028-.074.199-.53.46-.933.055-.086.203-.465.329-.844.164-.484.395-.98.78-1.68.966-1.74 1.21-2.3 1.298-2.945.054-.395.16-.59.515-.961.254-.266.332-.312.516-.313.121 0 .289-.03.375-.07.25-.117.332.05.309.645-.02.449-.036.5-.2.68-.164.175-.176.214-.125.386.051.168.036.219-.148.473-.11.156-.223.363-.242.46a1 1 0 0 1-.207.356 3.4 3.4 0 0 0-.325.473c-.09.164-.28.46-.418.66-.14.199-.254.422-.253.492 0 .07-.156.352-.352.625a9 9 0 0 0-.547.902c-.113.223-.246.441-.297.485-.305.254-1.32 2.31-1.578 3.187a1.2 1.2 0 0 1-.203.325c-.09.105-.18.27-.203.367-.02.097-.066.297-.094.441a1 1 0 0 1-.168.383c-.062.066-.156.285-.203.48-.12.473-.477 1.25-.594 1.293-.129.047-.145.043-.144-.023m38.972 9.129c.188-.91.859-2.55 1.91-3.625 1.17-1.2 2.14-1.85 2.45-1.54.308.313.37.2.374 1.684 0 .816-.62 3.45-.62 3.454s1.32-1.26 1.757-1.844c1.08-1.43 1.82-2.21 2.883-4.426 1.86-3.86 2.67-6.24 2.672-6.238s-1.83.023-2.723.066c-.89.04-.96.211-1.008.035-.047-.168.434-.598.7-.98.266-.387.312-.73.52-.73.827-.142 1.77.19 2.522.171.75-.02.82-.074.82-.074s.747-2.05 1.009-2.05c.176 0 1.02-.509 1.023-.509l-.602 2.653s.391-.117 2.278.023l3.582-.246c.324-.023-.645.816-1.168 1.031-.742.172-.641.02-1.543.098-.453.043-.727.266-1.114.348s-2.04.093-2.386.144l-2.91 8.098c-1.19 3.63-1.1 3.84-1.301 5.062-.102.621-.055.941.3.942.254 0 2.55-2.48 3.008-2.996.95-1.56 1.92-3 3.496-3.86.297-.062.906-.312 1.278-.195.148.328.227 1 .11 1.492-.212.578-.989 1.62-3.056 3.094-.188.3-.05 1.1-.05 1.437 0 .348.359.504.921.309.281-.098.711-.211 1.075-.508.363-.3.434-.758.84-1.3.32-.134.402-.087.593.148-.344.438-.656.84-1.02 1.195-.362.36-.55.645-.886.902-.668.516-1.23.812-1.484.813-1.5-.254-2.02-1.39-1.758-2.867 0 0-1.06.883-2.2 2.43-.714.561-.952.831-1.41 1-.457.167-1.13.233-1.304.085-.172-1.82 2.18-7.38 1.469-7.773 0 0-2.09 2.75-2.88 3.496-.788.754-1.58 1.39-2.124 1.93-.473.906-1.89 2.26-2.227 2.258-1.37-.02-2.14-.773-1.848-2.332m15.262-4.325c-.434.082-1.09 1.64-.933 2.328.047.2 1.27-1.04 1.14-1.097.402-.332.113-1.46-.207-1.23zM53.59 22.988c-.488.531-1.95 1.43-2.425 1.457-.785-.18-.29-2.7-1.012-2.047-.797.715-1.34 1.79-2.59 1.91-.121 0-.387-.133-.656-.558-.316-.5-.551-2.46-.551-2.465s-1.41 1.39-1.914 1.867c-.645.613-1.32.871-1.316 1.364 0 .316.465.66.64 1.07.27.613.66 1.25.594 2.172-.098 1.32-.781 3.41-1.5 4.633-.637 1.07-1.61 2.21-1.89 2.214-.118 0-.317-.203-.446-.457-.301-.594-.227-1.81.082-4.207.125-.957.477-2.88.34-3.437-.141-.56-.805-.137-.957-.324.188-.477.73-.641.922-1.09-.184-.898-.238-2.15-.239-2.152s-.84.406-1.734 1.043c-1.65 1.12-1.12-1.77-1.027-2.711 0 0-1.66 1.43-2.711 2.601-.887.988-1.25 1.26-1.254.961 0-.512 2.98-3.87 5.25-6.05 1.36-1.3 2.14-2.52 2.945-2.755.72-.203 1.36-.23 1.68-.078.43.207-.031 1.3-.77 4.395-.289 1.11-.242 3.41-.242 3.555.48-.098 2.2-2.14 2.899-2.938.703-.797.398-.555.77-1.352.323-1.12.897-2.89 1.839-2.57 0 0-.82 4.89.23 5.813.496.074 1.34-.527 1.953-3.235 1.48-3.01 2.01-2.35 2.008-2.347s-.457 5.88-.011 5.875c.184 0 .414-.016.628-.094.273-.094.398-.473.532-.403zm-11.594 9.813c.754-1.21 1.51-2.8 1.512-5.125-.344-1.41-1.36-2.07-1.812-.985-.332.81-.61 4.13-.73 5.094-.458 2.62.37 2.08 1.03 1.016m15.555-12.867c-.277-.281-1.75-1.04-1.828.234-.168 2.55-.035 3.18.422 3.164 1.07.418 1.89-3.45 1.406-3.398M40.613 21.93c.082-.703 1.1-2.75 1.34-3.598.082-.3.195-.742-.129-.777-.723-.082-2.19 2.26-2.187 3.582 0 .434-.156 1.5.152 1.504.23 0 .512-.352.824-.711\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n &[alt=\"Wikiversity\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"146\" height=\"16\"><path fill=\"@{subtext1}\" d=\"M24.64.697h-3.798L17.425 8.65 13.818.697h-2.933L7.194 8.65 3.797.697H0l6.329 14.577h1.54l4.45-9.388 4.43 9.388h1.54zm5.252 0h-3.629v14.387h3.628V.697Zm15.32 0h-3.945l-4.578 6.518V.697h-3.607v14.387h3.607v-6.75l5.717 6.75h4.493l-6.37-7.637L45.21.697Zm6.681 0h-3.628v14.387h3.628zm16.776 0h-3.86L61.2 8.903 57.404.697H53.5l6.962 14.577h1.56L68.67.697Zm12.209 11.75h-6.983v-3.46h6.519v-2.7h-6.519v-2.91h6.835V.696H70.267v14.387h10.61v-2.637ZM83.616.697v14.387h3.629V9.22h.527c1.013 0 1.73 0 2.7 1.814.296.57 1.54 3.417 1.857 4.05h3.945l-.486-1.034c-.38-.822-.991-2.173-1.392-2.995-.317-.739-1.034-2.194-2.067-2.7.611-.296 2.468-1.14 2.468-3.544 0-1.71-1.118-2.89-1.878-3.397-1.16-.717-2.468-.717-3.776-.717zm5.443 2.616c.4 0 2.004 0 2.004 1.645 0 .59-.253 1.118-.78 1.393-.38.21-.612.21-1.54.253h-1.498V3.313zm18.515-1.688C105.275.634 103.84.507 102.701.507c-3.607 0-5.443 1.899-5.443 4.093 0 3.037 2.616 4.05 4.683 4.767 1.899.654 2.722.95 2.722 1.899 0 1.287-1.688 1.308-2.152 1.308-2.109 0-3.755-1.013-5-1.793v3.1c.36.254 2.658 1.393 5.084 1.393 2.152 0 5.633-.928 5.633-4.261 0-2.785-2.152-3.882-3.966-4.536-2.067-.738-3.481-1.244-3.481-2.11 0-.147.064-1.18 2.173-1.18 1.835 0 3.628.906 4.62 1.392zm6.509-.928h-3.628v14.387h3.628zm16.396 0H116.43v2.7h5.21v11.687h3.65V3.397h5.189zm15.521 0h-4.303l-3.165 4.514-3.164-4.514h-4.325l5.675 7.658v6.729h3.607v-6.73L146 .698Z\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n &[alt=\"MediaWiki\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 120 18\"><path fill=\"@{subtext1}\" d=\"m17.732 17.827-.024-16.816h-2.476L8.913 12.157 2.479 1.011H0v16.816h2.87v-11L8.2 15.9h1.338l5.324-9.22.023 11.146h2.847Zm15.252-6.342a7.3 7.3 0 0 0-.8-3.471 5.77 5.77 0 0 0-2.222-2.33 6.3 6.3 0 0 0-3.229-.829 6.46 6.46 0 0 0-3.286.841 5.94 5.94 0 0 0-2.28 2.342 6.9 6.9 0 0 0-.822 3.375 6.8 6.8 0 0 0 .845 3.4 5.93 5.93 0 0 0 2.4 2.342 7.4 7.4 0 0 0 3.587.841 7.4 7.4 0 0 0 2.87-.529A5.2 5.2 0 0 0 32.15 15.9l-1.55-1.845a4.42 4.42 0 0 1-3.356 1.393 4.25 4.25 0 0 1-2.673-.829 3.5 3.5 0 0 1-1.331-2.246h9.7q.046-.576.046-.889Zm-6.249-4.228a3.37 3.37 0 0 1 2.361.865 3.6 3.6 0 0 1 1.134 2.258h-7.013a3.63 3.63 0 0 1 1.169-2.27 3.4 3.4 0 0 1 2.349-.853M44.51 0v6.584a4.5 4.5 0 0 0-1.736-1.3 5.7 5.7 0 0 0-2.245-.432 6.3 6.3 0 0 0-3.206.817 5.8 5.8 0 0 0-2.233 2.309 7.1 7.1 0 0 0-.81 3.435 7.14 7.14 0 0 0 .81 3.447 5.76 5.76 0 0 0 2.233 2.318 6.3 6.3 0 0 0 3.206.817 5.8 5.8 0 0 0 2.326-.456 4.5 4.5 0 0 0 1.77-1.369v1.657H47.4V0zm-3.634 15.424A3.6 3.6 0 0 1 39 14.932a3.5 3.5 0 0 1-1.319-1.405 4.4 4.4 0 0 1-.486-2.114 4.4 4.4 0 0 1 .487-2.113A3.5 3.5 0 0 1 39 7.894a3.82 3.82 0 0 1 3.749 0A3.5 3.5 0 0 1 44.07 9.3a4.4 4.4 0 0 1 .486 2.114 4.4 4.4 0 0 1-.486 2.114 3.5 3.5 0 0 1-1.319 1.405 3.6 3.6 0 0 1-1.875.492Zm9.86 2.4h2.893V5h-2.894v12.827ZM61.682 4.855a10 10 0 0 0-2.893.408 6.9 6.9 0 0 0-2.337 1.177l1.134 2.186a5 5 0 0 1 1.7-.937 6.4 6.4 0 0 1 2.048-.336 3.27 3.27 0 0 1 2.3.721 2.68 2.68 0 0 1 .775 2.066v.192H61.22a5.98 5.98 0 0 0-3.9 1.045 3.45 3.45 0 0 0-1.238 2.774 3.57 3.57 0 0 0 .567 1.982 3.8 3.8 0 0 0 1.608 1.367 5.6 5.6 0 0 0 2.43.492 5.7 5.7 0 0 0 2.372-.444 3.4 3.4 0 0 0 1.516-1.285v1.561h2.731v-7.516a5.36 5.36 0 0 0-1.447-4.1 5.9 5.9 0 0 0-4.178-1.357Zm-.393 10.954a2.8 2.8 0 0 1-1.736-.48 1.55 1.55 0 0 1-.625-1.3q0-1.705 2.5-1.706h2.986v1.489a2.8 2.8 0 0 1-1.192 1.477 3.63 3.63 0 0 1-1.933.516Zm30.343-14.8-4.143 12.854-4.1-12.852h-2.774l-4.189 12.78L72.4 1.011h-3.126l5.37 16.815h3.216l4.074-12.443 4 12.443h3.194L94.5 1.011h-2.87Zm4.7 16.815h2.893V5H96.33v12.827Zm15.553 0h3.515l-5.647-7.447L114.915 5h-3.472l-5.994 5.765V0h-2.893v17.827h2.893V14.44l2.152-2.114Zm4.814 0h2.893V5H116.7v12.827ZM52.194 3.294a1.86 1.86 0 0 0 1.33-.494 1.6 1.6 0 0 0 .521-1.212 1.41 1.41 0 0 0-.532-1.122 1.98 1.98 0 0 0-1.319-.448 1.92 1.92 0 0 0-1.319.47 1.5 1.5 0 0 0-.532 1.168 1.5 1.5 0 0 0 .532 1.168 1.92 1.92 0 0 0 1.319.47m45.595 0a1.86 1.86 0 0 0 1.33-.494 1.6 1.6 0 0 0 .521-1.21 1.41 1.41 0 0 0-.533-1.124 1.98 1.98 0 0 0-1.319-.448 1.92 1.92 0 0 0-1.319.47 1.5 1.5 0 0 0-.532 1.168 1.5 1.5 0 0 0 .532 1.168 1.92 1.92 0 0 0 1.319.47Zm20.367 0a1.86 1.86 0 0 0 1.331-.491 1.6 1.6 0 0 0 .521-1.212 1.41 1.41 0 0 0-.533-1.125 1.98 1.98 0 0 0-1.319-.448 1.92 1.92 0 0 0-1.319.47 1.5 1.5 0 0 0-.533 1.168 1.5 1.5 0 0 0 .533 1.168 1.92 1.92 0 0 0 1.319.47\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n\n .vector-page-titlebar\n .mw-portlet-lang\n .vector-dropdown-label.cdx-button--action-progressive.cdx-button--weight-quiet::after {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"><path fill=\"@{accent}\" d=\"m11.05 3.996-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5z\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n filter: none;\n }\n\n .vector-icon {\n filter: none !important;\n\n &.mw-ui-icon-wikimedia-menu {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z\" fill=\"@{text}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-ellipsis {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><g fill=\"@{text}\"><circle cx=\"10\" cy=\"10\" r=\"2\"/><circle cx=\"3\" cy=\"10\" r=\"2\"/><circle cx=\"17\" cy=\"10\" r=\"2\"/></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-appearance {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M5.25 14.5a4.25 4.25 0 0 0 4.247-4.092c.3-.21.706-.21 1.006 0a4.25 4.25 0 0 0 8.431.59L19 11a1 1 0 1 0-.182-1.984 4.252 4.252 0 0 0-7.896-.615 2.9 2.9 0 0 0-1.844 0 4.25 4.25 0 0 0-7.896.615 1 1 0 1 0-.116 1.981A4.25 4.25 0 0 0 5.25 14.5m0-2a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5M17 10.25a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0\" fill=\"@{text}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-expand {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"><path fill=\"@{text}\" d=\"m11.05 3.996-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5z\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n &.mw-ui-icon-wikimedia-language-progressive {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"M20 18h-1.44a.6.6 0 0 1-.4-.12.8.8 0 0 1-.23-.31L17 15h-5l-1 2.54a.8.8 0 0 1-.22.3.6.6 0 0 1-.4.14H9l4.55-11.47h1.89zm-3.53-4.31L14.89 9.5a12 12 0 0 1-.39-1.24q-.09.37-.19.69l-.19.56-1.58 4.19zm-6.3-1.58a13.4 13.4 0 0 1-2.91-1.41 11.46 11.46 0 0 0 2.81-5.37H12V4H7.31a4 4 0 0 0-.2-.56C6.87 2.79 6.6 2 6.6 2l-1.47.5s.4.89.6 1.5H0v1.33h2.15A11.23 11.23 0 0 0 5 10.7a17.2 17.2 0 0 1-5 2.1q.56.82.87 1.38a23.3 23.3 0 0 0 5.22-2.51 15.6 15.6 0 0 0 3.56 1.77zM3.63 5.33h4.91a8.1 8.1 0 0 1-2.45 4.45 9.1 9.1 0 0 1-2.46-4.45\" fill=\"@{accent}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n &.mw-ui-icon-wikimedia-language {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"M20 18h-1.44a.6.6 0 0 1-.4-.12.8.8 0 0 1-.23-.31L17 15h-5l-1 2.54a.8.8 0 0 1-.22.3.6.6 0 0 1-.4.14H9l4.55-11.47h1.89zm-3.53-4.31L14.89 9.5a12 12 0 0 1-.39-1.24q-.09.37-.19.69l-.19.56-1.58 4.19zm-6.3-1.58a13.4 13.4 0 0 1-2.91-1.41 11.46 11.46 0 0 0 2.81-5.37H12V4H7.31a4 4 0 0 0-.2-.56C6.87 2.79 6.6 2 6.6 2l-1.47.5s.4.89.6 1.5H0v1.33h2.15A11.23 11.23 0 0 0 5 10.7a17.2 17.2 0 0 1-5 2.1q.56.82.87 1.38a23.3 23.3 0 0 0 5.22-2.51 15.6 15.6 0 0 0 3.56 1.77zM3.63 5.33h4.91a8.1 8.1 0 0 1-2.45 4.45 9.1 9.1 0 0 1-2.46-4.45\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n &.mw-ui-icon-wikimedia-listBullet {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"@{text}\"><path d=\"M7 15h12v2H7zm0-6h12v2H7zm0-6h12v2H7z\"/><circle cx=\"3\" cy=\"4\" r=\"2\"/><circle cx=\"3\" cy=\"10\" r=\"2\"/><circle cx=\"3\" cy=\"16\" r=\"2\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n &.mw-ui-icon-wikimedia-fullScreen {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"M1 1v6h2V3h4V1zm2 12H1v6h6v-2H3zm14 4h-4v2h6v-6h-2zm0-16h-4v2h4v4h2V1z\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-userAvatar {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><g fill=\"@{text}\"><path d=\"M10 11c-5.92 0-8 3-8 5v3h16v-3c0-2-2.08-5-8-5\"/><circle cx=\"10\" cy=\"5.5\" r=\"4.5\"/></g></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-watchlist {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"M1 3h16v2H1Zm0 6h6v2H1Zm0 6h8v2H1Zm8-4.24h3.85L14.5 7l1.65 3.76H20l-3 3.17.9 4.05-3.4-2.14L11.1 18l.9-4.05Z\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-tray {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"M3 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm14 12h-4l-1 2H8l-1-2H3V3h14z\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-bell {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"M16 7a5.38 5.38 0 0 0-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 0 0 4 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 0 0 3-3H7a3 3 0 0 0 3 3\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-star {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7zm-10 6.9-3.76 2.27 1-4.28L3.5 8.5h4.61L10 4.6l1.9 3.9h4.6l-3.73 3.4 1 4.28z\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-userTalk {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"M18 0H2a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2m-4 4a1.5 1.5 0 1 1-1.5 1.5A1.5 1.5 0 0 1 14 4M6 4a1.5 1.5 0 1 1-1.5 1.5A1.5 1.5 0 0 1 6 4m4 8c-2.61 0-4.83-.67-5.65-3h11.3c-.82 2.33-3.04 3-5.65 3\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-sandbox {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"M8 12V9l6-6 3 3-6 6zm10-7-3-3 2-2 3 3zM8 2h2v2H8zM4 2h2v2H4zM0 3a1 1 0 0 1 1-1h1v2H0zm0 3h2v2H0zm0 4h2v2H0zm0 4h2v2H0zm0 4h2v2H1a1 1 0 0 1-1-1zm4 0h2v2H4zm4 0h2v2H8zm4 0h2v1a1 1 0 0 1-1 1h-1zm0-4h2v2h-2z\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-settings {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><g fill=\"@{text}\"><g xmlns:xlink=\"http://www.w3.org/1999/xlink\" transform=\"translate(10 10)\"><path id=\"a\" d=\"M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3\"/><use xlink:href=\"#a\" transform=\"rotate(45)\"/><use xlink:href=\"#a\" transform=\"rotate(90)\"/><use xlink:href=\"#a\" transform=\"rotate(135)\"/></g><path d=\"M10 2.5a7.5 7.5 0 0 0 0 15 7.5 7.5 0 0 0 0-15v4a3.5 3.5 0 0 1 0 7 3.5 3.5 0 0 1 0-7\"/></g></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-unStar {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7z\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-labFlask {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"M13 7.61V3h1V1H6v2h1v4.61l-5.86 9.88A1 1 0 0 0 2 19h16a1 1 0 0 0 .86-1.51zm-4.2.88a1 1 0 0 0 .2-.6V3h2v4.89a1 1 0 0 0 .14.51l2.14 3.6H6.72z\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-userContributions {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><g fill=\"@{text}\"><circle cx=\"15.5\" cy=\"10.5\" r=\"2.5\"/><path d=\"M1 15h8v2H1Zm0-6h10v2H1Zm0-6h16v2H1Zm14.5 10.6c-3.3 0-4.5 1.6-4.5 2.7V18h9v-1.7c0-1-1.2-2.7-4.5-2.7\"/></g></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-logOut {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><g fill=\"@{text}\"><path d=\"M3 3h8V1H3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8v-2H3z\"/><path d=\"M13 5v4H5v2h8v4l6-5z\"/></g></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-search {\n @svg: escape(\n '<svg fill=\"@{text}\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-edit {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-history {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><g fill=\"@{text}\"><path d=\"M9 6v5h.06l2.48 2.47 1.41-1.41L11 10.11V6z\"/><path d=\"M10 1a9 9 0 0 0-7.85 13.35L.5 16H6v-5.5l-2.38 2.38A7 7 0 1 1 10 17v2a9 9 0 0 0 0-18\"/></g></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-speechBubbles {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><g fill=\"@{text}\"><path d=\"M17 4v7a2 2 0 0 1-2 2H4v1a2 2 0 0 0 2 2h10l4 4V6a2 2 0 0 0-2-2zM6 10H0v6z\"/><rect width=\"16\" height=\"12\" rx=\"2\"/></g></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-editLock {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"M12 12a2 2 0 0 1-2-2V5.25l-9 9V19h4.75l7-7zm7-8h-.5V2.5a2.5 2.5 0 0 0-5 0V4H13a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1m-3 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1m1.5-4h-3V2.75C14.5 2 14.5 1 16 1s1.5 1 1.5 1.75z\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n }\n\n /* Root */\n :root:has(.central-featured) {\n #catppuccin(@lightFlavor);\n\n &, body {\n color: @text;\n background-color: @base;\n\n .svg-Wikipedia_wordmark {\n filter: @text-filter;\n }\n\n .central-featured-lang small,\n .other-project-tagline,\n .site-license,\n .footer-sidebar-text {\n color: @subtext1;\n }\n\n .central-featured-lang :hover {\n background-color: @surface1;\n }\n\n .other-project-link:hover {\n background-color: @surface1;\n }\n\n .search-container {\n #searchInput {\n color: @text;\n background-color: @mantle;\n border-color: @overlay2;\n box-shadow: none;\n\n &:focus {\n border-color: @accent;\n }\n }\n\n .js-langpicker-label {\n color: @subtext0;\n }\n .styled-select:hover {\n background-color: @surface1;\n }\n .sprite.svg-arrow-down {\n filter: @text-filter;\n }\n\n button[type=\"submit\"] {\n background-color: @accent;\n border-color: @accent;\n\n .svg-search-icon {\n filter: @crust-filter;\n }\n }\n\n .suggestions-dropdown {\n background-color: @mantle;\n border-color: @overlay2;\n\n .suggestion-link {\n border-bottom-color: @overlay0;\n\n &.active {\n background-color: fade(@accent, 10%);\n }\n\n .suggestion-thumbnail {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 56 56\"><path fill=\"@{surface1}\" d=\"M0 0h56v56H0z\"/><path fill=\"@{overlay2}\" d=\"M36.4 13.5H17.8v24.9c0 1.4.9 2.3 2.3 2.3h18.7v-25c.1-1.4-1-2.2-2.4-2.2M30.2 17h5.1v6.4h-5.1zm-8.8 0h6v1.8h-6zm0 4.6h6v1.8h-6zm0 15.5v-1.8h13.8v1.8zm13.8-4.5H21.4v-1.8h13.8zm0-4.7H21.4v-1.8h13.8z\"/></svg>',\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .suggestion-title {\n color: @text;\n }\n }\n }\n }\n\n hr {\n border-bottom-color: @surface1;\n }\n\n .lang-list-border {\n background-color: @surface2;\n }\n .lang-list-button {\n background-color: @mantle;\n color: @accent;\n outline-color: @mantle;\n border-color: @surface2;\n\n .svg-language-icon,\n .svg-arrow-down-blue {\n filter: @accent-filter;\n }\n\n &:focus {\n box-shadow: inset 0 0 0 1px @accent;\n }\n }\n .lang-list-container {\n background-color: @surface0;\n\n .bookshelf {\n border-top-color: @overlay1;\n box-shadow: none;\n\n .text {\n color: @text;\n background-color: @surface2;\n }\n }\n }\n }\n }\n}\n",
|
|
"originalDigest": "32c2d73e48eaa0abf22717f05a894efd41a5941c",
|
|
"_id": "2395fca5-4e3c-46e6-9233-bae23d754e71",
|
|
"_rev": 1780236869074,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 44
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "tldraw Catppuccin",
|
|
"description": "Soothing pastel theme for tldraw",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/tldraw/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "tldraw Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/tldraw",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/tldraw",
|
|
"version": "2025.09.10",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/tldraw/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Atldraw",
|
|
"description": "Soothing pastel theme for tldraw",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name tldraw Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/tldraw\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/tldraw\n@version 2025.09.10\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/tldraw/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Atldraw\n@description Soothing pastel theme for tldraw\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"tldraw.com\") {\n .tl-theme__dark {\n #catppuccin(@darkFlavor);\n }\n\n .tl-theme__light {\n #catppuccin(@lightFlavor);\n }\n\n :root:has(.tl-container.tl-theme__dark) .cl-modalContent {\n #catppuccin(@darkFlavor);\n }\n\n :root:has(.tl-container.tl-theme__light) .cl-modalContent {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n --tl-color-background: @mantle;\n --tl-color-low: @base;\n --tl-color-low-border: @base;\n --tl-color-panel: @surface0;\n --tl-color-panel-contrast: @surface1;\n --tl-color-primary: @accent;\n --tl-color-success: @green;\n --tl-color-info: @sky;\n --tl-color-warning: @peach;\n --tl-color-danger: @maroon;\n --tl-color-laser: @red;\n --tl-color-selected: @accent;\n --tl-color-text: @text;\n --tl-color-text-1: @text;\n --tl-color-text-2: @subtext1;\n --tl-color-text-3: @subtext0;\n --tl-color-selected-contrast: @crust;\n --tl-color-snap: @red;\n --tl-color-selection-stroke: @accent;\n --tl-color-divider: @surface1;\n --tl-color-grid: @overlay1;\n --tla-color-primary: @accent;\n --tla-color-primary-hover: fade(@accent, 80%);\n --tla-color-sidebar: @surface0;\n --tla-color-cta: @accent;\n --tla-color-cta-hover: fade(@accent, 80%);\n --tla-color-text-1: @text;\n --tla-color-text-2: @subtext1;\n --tla-color-text-3: @subtext0;\n --tla-color-contrast: @crust;\n\n @violet: darken(@mauve, 20%);\n @dark-green: darken(@green, 15%);\n @dark-red: darken(@red, 10%);\n\n button.tla-primary-button > span.i18n-msg {\n color: var(--tla-color-contrast);\n }\n\n /* colours on canvas */\n div.tl-shape {\n svg.tl-svg-container {\n /* pencil draw shape fills */\n path[fill=\"#f2f2f2\"],\n path[fill=\"#1d1d1d\"] {\n fill: @text;\n }\n\n path[fill=\"#9398b0\"],\n path[fill=\"#9fa8b2\"] {\n fill: @overlay2;\n }\n\n path[fill=\"#e599f7\"],\n path[fill=\"#e085f4\"] {\n fill: @mauve;\n }\n\n path[fill=\"#ae3ec9\"] {\n fill: @violet;\n }\n\n path[fill=\"#4f72fc\"],\n path[fill=\"#4465e9\"] {\n fill: @blue;\n }\n\n path[fill=\"#4dabf7\"],\n path[fill=\"#4ba1f1\"] {\n fill: @sky;\n }\n\n path[fill=\"#ffc034\"],\n path[fill=\"#f1ac4b\"] {\n fill: @yellow;\n }\n\n path[fill=\"#f76707\"],\n path[fill=\"#e16919\"] {\n fill: @peach;\n }\n\n path[fill=\"#099268\"] {\n fill: @dark-green;\n }\n\n path[fill=\"#40c057\"],\n path[fill=\"#4cb05e\"] {\n fill: @green;\n }\n\n path[fill=\"#ff8787\"],\n path[fill=\"#f87777\"] {\n fill: @red;\n }\n\n path[fill=\"#e03131\"] {\n fill: @dark-red;\n }\n\n /* shape outlines (path), arrow strokes (g) */\n path[stroke=\"#f2f2f2\"],\n path[stroke=\"#1d1d1d\"],\n g[stroke=\"#f2f2f2\"],\n g[stroke=\"#1d1d1d\"] {\n stroke: @text;\n }\n\n path[stroke=\"#9398b0\"],\n path[stroke=\"#9fa8b2\"],\n g[stroke=\"#9398b0\"],\n g[stroke=\"#9fa8b2\"] {\n stroke: @overlay2;\n }\n\n path[stroke=\"#e599f7\"],\n path[stroke=\"#e085f4\"],\n g[stroke=\"#e599f7\"],\n g[stroke=\"#e085f4\"] {\n stroke: @mauve;\n }\n\n path[stroke=\"#ae3ec9\"],\n g[stroke=\"#ae3ec9\"] {\n stroke: @violet;\n }\n\n path[stroke=\"#4f72fc\"],\n path[stroke=\"#4465e9\"],\n g[stroke=\"#4f72fc\"],\n g[stroke=\"#4465e9\"] {\n stroke: @blue;\n }\n\n path[stroke=\"#4dabf7\"],\n path[stroke=\"#4ba1f1\"],\n g[stroke=\"#4dabf7\"],\n g[stroke=\"#4ba1f1\"] {\n stroke: @sky;\n }\n\n path[stroke=\"#ffc034\"],\n path[stroke=\"#f1ac4b\"],\n g[stroke=\"#ffc034\"],\n g[stroke=\"#f1ac4b\"] {\n stroke: @yellow;\n }\n\n path[stroke=\"#f76707\"],\n path[stroke=\"#e16919\"],\n g[stroke=\"#f76707\"],\n g[stroke=\"#e16919\"] {\n stroke: @peach;\n }\n\n path[stroke=\"#099268\"],\n g[stroke=\"#099268\"] {\n stroke: @dark-green;\n }\n\n path[stroke=\"#40c057\"],\n path[stroke=\"#4cb05e\"],\n g[stroke=\"#40c057\"],\n g[stroke=\"#4cb05e\"] {\n stroke: @green;\n }\n\n path[stroke=\"#ff8787\"],\n path[stroke=\"#f87777\"],\n g[stroke=\"#ff8787\"],\n g[stroke=\"#f87777\"] {\n stroke: @red;\n }\n\n path[stroke=\"#e03131\"],\n g[stroke=\"#e03131\"] {\n stroke: @dark-red;\n }\n\n /* shape fill - solid */\n path[fill=\"#2c3036\"],\n path[fill=\"#e8e8e8\"] {\n fill: fade(@text, 20%);\n }\n\n path[fill=\"#33373c\"],\n path[fill=\"#eceef0\"] {\n fill: fade(@overlay2, 20%);\n }\n\n path[fill=\"#383442\"],\n path[fill=\"#f5eafa\"] {\n fill: fade(@mauve, 20%);\n }\n\n path[fill=\"#342938\"],\n path[fill=\"#ecdcf2\"] {\n fill: fade(@violet, 20%);\n }\n\n path[fill=\"#262d40\"],\n path[fill=\"#dce1f8\"] {\n fill: fade(@blue, 20%);\n }\n\n path[fill=\"#2a3642\"],\n path[fill=\"#ddedfa\"] {\n fill: fade(@sky, 20%);\n }\n\n path[fill=\"#3b352b\"],\n path[fill=\"#f9f0e6\"] {\n fill: fade(@yellow, 20%);\n }\n\n path[fill=\"#3b2e27\"],\n path[fill=\"#f8e2d4\"] {\n fill: fade(@peach, 20%);\n }\n\n path[fill=\"#253231\"],\n path[fill=\"#d3e9e3\"] {\n fill: fade(@dark-green, 20%);\n }\n\n path[fill=\"#2a3830\"],\n path[fill=\"#dbf0e0\"] {\n fill: fade(@green, 20%);\n }\n\n path[fill=\"#3c2b2b\"],\n path[fill=\"#f4dadb\"] {\n fill: fade(@red, 20%);\n }\n\n path[fill=\"#382726\"] {\n fill: fade(@dark-red, 20%);\n }\n }\n\n /* sticky notes */\n div.tl-note__container {\n &[style*=\"background-color: rgb(44, 44, 44);\"] {\n background-color: @surface0 !important;\n }\n\n &[style*=\"background-color: rgb(86, 89, 95);\"],\n &[style*=\"background-color: rgb(192, 202, 211)\"] {\n background-color: @overlay2 !important;\n }\n\n &[style*=\"background-color: rgb(118, 47, 142);\"],\n &[style*=\"background-color: rgb(223, 176, 249)\"] {\n background-color: fade(@mauve, 40%) !important;\n }\n\n &[style*=\"background-color: rgb(95, 28, 112);\"],\n &[style*=\"background-color: rgb(219, 145, 253)\"] {\n background-color: fade(@violet, 40%) !important;\n }\n\n &[style*=\"background-color: rgb(42, 63, 152);\"],\n &[style*=\"background-color: rgb(138, 163, 255)\"] {\n background-color: fade(@blue, 40%) !important;\n }\n\n &[style*=\"background-color: rgb(31, 84, 149);\"],\n &[style*=\"background-color: rgb(155, 196, 253)\"] {\n background-color: fade(@sky, 40%) !important;\n }\n\n /* in light mode, the 'white' coloured sticky note is yellow, so we override it here */\n &[style*=\"background-color: rgb(138, 94, 28);\"],\n &[style*=\"background-color: rgb(254, 212, 154)\"],\n &[style*=\"background-color: rgb(252, 225, 156)\"] {\n background-color: fade(@yellow, 40%) !important;\n }\n\n &[style*=\"background-color: rgb(124, 57, 5);\"],\n &[style*=\"background-color: rgb(250, 164, 117)\"] {\n background-color: fade(@peach, 40%) !important;\n }\n\n &[style*=\"background-color: rgb(1, 68, 41);\"],\n &[style*=\"background-color: rgb(111, 200, 150)\"] {\n background-color: fade(@dark-green, 60%) !important;\n }\n\n &[style*=\"background-color: rgb(33, 88, 29);\"],\n &[style*=\"background-color: rgb(152, 208, 138)\"] {\n background-color: fade(@green, 40%) !important;\n }\n\n &[style*=\"background-color: rgb(122, 51, 51);\"],\n &[style*=\"background-color: rgb(247, 165, 161)\"] {\n background-color: fade(@red, 40%) !important;\n }\n\n &[style*=\"background-color: rgb(126, 32, 31);\"],\n &[style*=\"background-color: rgb(252, 130, 130)\"] {\n background-color: fade(@dark-red, 40%) !important;\n }\n }\n }\n\n /* canvas text */\n div.tl-text-content__wrapper {\n &[style*=\"color: rgb(242, 242, 242)\"],\n &[style*=\"color: rgb(29, 29, 29)\"] {\n color: @text !important;\n }\n\n &[style*=\"color: rgb(147, 152, 176)\"],\n &[style*=\"color: rgb(159, 168, 178)\"] {\n color: @overlay2 !important;\n }\n\n &[style*=\"color: rgb(229, 153, 247)\"],\n &[style*=\"color: rgb(224, 133, 244)\"] {\n color: @mauve !important;\n }\n\n &[style*=\"color: rgb(174, 62, 201)\"] {\n color: @violet !important;\n }\n\n &[style*=\"color: rgb(79, 114, 252)\"],\n &[style*=\"color: rgb(68, 101, 233)\"] {\n color: @blue !important;\n }\n\n &[style*=\"color: rgb(77, 171, 247)\"],\n &[style*=\"color: rgb(75, 161, 241)\"] {\n color: @sky !important;\n }\n\n &[style*=\"color: rgb(255, 192, 52)\"],\n &[style*=\"color: rgb(241, 172, 75)\"] {\n color: @yellow !important;\n }\n\n &[style*=\"color: rgb(247, 103, 7)\"],\n &[style*=\"color: rgb(225, 105, 25)\"] {\n color: @peach !important;\n }\n\n &[style*=\"color: rgb(9, 146, 104)\"] {\n color: @dark-green !important;\n }\n\n &[style*=\"color: rgb(64, 192, 87)\"],\n &[style*=\"color: rgb(76, 176, 94)\"] {\n color: @green !important;\n }\n\n &[style*=\"color: rgb(255, 135, 135)\"],\n &[style*=\"color: rgb(248, 119, 119)\"] {\n color: @red !important;\n }\n\n &[style*=\"color: rgb(224, 49, 49)\"] {\n color: @dark-red !important;\n }\n }\n\n /* colour selection button fills */\n\n [data-id=\"black\"] {\n color: @text !important;\n }\n\n [data-id=\"grey\"] {\n color: @overlay2 !important;\n }\n\n [data-id=\"light-violet\"] {\n color: @mauve !important;\n }\n\n [data-id=\"violet\"] {\n color: @violet !important;\n }\n\n [data-id=\"blue\"] {\n color: @blue !important;\n }\n\n [data-id=\"light-blue\"] {\n color: @sky !important;\n }\n\n [data-id=\"yellow\"] {\n color: @yellow !important;\n }\n\n [data-id=\"orange\"] {\n color: @peach !important;\n }\n\n [data-id=\"green\"] {\n color: @dark-green !important;\n }\n\n [data-id=\"light-green\"] {\n color: @green !important;\n }\n\n [data-id=\"light-red\"] {\n color: @red !important;\n }\n\n [data-id=\"red\"] {\n color: @dark-red !important;\n }\n\n /* clerk components */\n --clerk-color-background: @mantle;\n --clerk-color-primary: @text;\n --clerk-color-primary-foreground: @crust;\n --clerk-color-foreground: @subtext1;\n --clerk-color-neutral: @text;\n --clerk-color-input: @base;\n --clerk-color-input-foreground: @text;\n --clerk-color-border: @text;\n\n .cl-socialButtonsBlockButton:hover {\n background-color: @surface0;\n }\n\n .cl-logoImage {\n @svg: escape(\n '<svg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\" width=\"200\" height=\"200\"><path fill=\"@{text}\" d=\"M178.95 0H21.05C9.425 0 0 9.833 0 21.975v156.05C0 190.158 9.425 200 21.05 200h157.9c11.625 0 21.05-9.833 21.05-21.975V21.975C200 9.842 190.575 0 178.95 0M87.2 44.9q4.958-5.058 12.283-5.058 7.117 0 12.067 5.058 4.958 5.05 4.958 12.3c0 7.25-1.65 8.933-4.958 12.3a16.25 16.25 0 0 1-12.067 5.058q-7.325 0-12.283-5.058-4.95-5.05-4.95-12.3c0-7.25 1.65-8.933 4.95-12.3m26.083 95.75a40.83 40.83 0 0 1-16.817 17.8q-6.033 3.517-9.917-.217-3.65-3.517 2.167-8.35 3.225-2.417 5.383-6.15 2.15-3.742 2.8-7.692.217-1.75-1.508-1.75-4.308-.225-8.833-4.842t-4.525-11.417q0-7.25 4.95-12.308a16.83 16.83 0 0 1 12.5-5.275q6.9 0 12.067 5.275 5.167 5.042 6.033 11.417 1.725 11.867-4.308 23.517z\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n}\n",
|
|
"originalDigest": "5ad3fafb3650ed9b7f932bf8bf9084b088607d09",
|
|
"_id": "5fee512b-244e-45c7-9648-fe70e24f3efb",
|
|
"_rev": 1780236869155,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 45
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "SearXNG Catppuccin",
|
|
"description": "Soothing pastel theme for SearXNG",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/searxng/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "SearXNG Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/searxng",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/searxng",
|
|
"version": "2026.02.28",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/searxng/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Asearxng",
|
|
"description": "Soothing pastel theme for SearXNG",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"additions": {
|
|
"type": "checkbox",
|
|
"label": "Additional Tweaks",
|
|
"name": "additions",
|
|
"value": null,
|
|
"default": "0",
|
|
"options": null
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name SearXNG Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/searxng\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/searxng\n@version 2026.02.28\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/searxng/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Asearxng\n@description Soothing pastel theme for SearXNG\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 additions \"Additional Tweaks\" 0\n==/UserStyle== */\n\n@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n/* Domains picked from https://searx.space/. */\n@-moz-document domain(\"search.bus-hit.me\"), domain(\"search.inetol.net\"), domain(search.cyperpunk.de) {\n :root.theme-auto {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n :root.theme-dark {\n #catppuccin(@darkFlavor);\n }\n :root.theme-light {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n --color-base-font: @text;\n --color-base-background: @base;\n --color-base-background-mobile: @base;\n --color-url-font: @accent;\n --color-url-visited-font: @accent;\n --color-header-background: @mantle;\n --color-header-border: @mantle;\n --color-footer-background: @mantle;\n --color-footer-border: @mantle;\n --color-sidebar-border: @base;\n --color-sidebar-font: @text;\n --color-sidebar-background: @base;\n --color-backtotop-font: @subtext1;\n --color-backtotop-border: @surface0;\n --color-backtotop-background: @surface0;\n --color-btn-background: @accent;\n --color-btn-font: @base;\n --color-show-btn-background: @accent;\n --color-show-btn-font: @base;\n --color-search-border: @surface0;\n --color-search-shadow: 0 2px 8px @crust;\n --color-search-background: @surface0;\n --color-search-font: @text;\n --color-search-background-hover: @accent;\n --color-error: @red;\n --color-error-background: @surface0;\n --color-warning: @yellow;\n --color-warning-background: @surface0;\n --color-success: @green;\n --color-success-background: @surface0;\n --color-categories-item-selected-font: @text;\n --color-categories-item-border-selected: @accent;\n --color-autocomplete-font: @subtext1;\n --color-autocomplete-border: @surface0;\n --color-autocomplete-shadow: 0 2px 8px @crust;\n --color-autocomplete-background: @surface0;\n --color-autocomplete-background-hover: @surface1;\n --color-answer-font: @text;\n --color-answer-background: @mantle;\n --color-result-background: @mantle;\n --color-result-border: @base;\n --color-result-url-font: @subtext1;\n --color-result-vim-selected: @surface0;\n --color-result-vim-arrow: @accent;\n --color-result-description-highlight-font: @text;\n --color-result-link-font: @accent;\n --color-result-link-font-highlight: @accent;\n --color-result-link-visited-font: @accent;\n --color-result-publishdate-font: @surface2;\n --color-result-engines-font: @surface2;\n --color-result-search-url-border: @surface2;\n --color-result-search-url-font: @text;\n --color-result-detail-font: @text;\n --color-result-detail-label-font: @subtext0;\n --color-result-detail-background: @base;\n --color-result-detail-hr: @base;\n --color-result-detail-link: @accent;\n --color-result-detail-loader-border: rgba(255, 255, 255, 0.2);\n --color-result-detail-loader-borderleft: @crust;\n --color-result-image-span-font: @text;\n --color-result-image-span-font-selected: @base;\n --color-result-image-background: @mantle;\n --color-settings-tr-hover: @surface0;\n --color-settings-engine-description-font: @text;\n --color-settings-engine-group-background: @surface0;\n --color-toolkit-badge-font: @text;\n --color-toolkit-badge-background: @surface0;\n --color-toolkit-kbd-font: @text;\n --color-toolkit-kbd-background: @mantle;\n --color-toolkit-dialog-border: @mantle;\n --color-toolkit-dialog-background: @mantle;\n --color-toolkit-tabs-label-border: @base;\n --color-toolkit-tabs-section-border: @base;\n --color-toolkit-select-background: @surface0;\n --color-toolkit-select-border: @surface0;\n --color-toolkit-select-background-hover: @surface1;\n --color-toolkit-input-text-font: @text;\n --color-toolkit-checkbox-onoff-off-background: @surface0;\n --color-toolkit-checkbox-onoff-on-background: @surface0;\n --color-toolkit-checkbox-onoff-on-mark-background: @green;\n --color-toolkit-checkbox-onoff-on-mark-color: @mantle;\n --color-toolkit-checkbox-onoff-off-mark-background: @red;\n --color-toolkit-checkbox-onoff-off-mark-color: @mantle;\n --color-toolkit-checkbox-label-background: @base;\n --color-toolkit-checkbox-label-border: @mantle;\n --color-toolkit-checkbox-input-border: @accent;\n --color-toolkit-engine-tooltip-border: @surface0;\n --color-toolkit-engine-tooltip-background: @surface0;\n --color-toolkit-loader-border: rgba(255, 255, 255, 0.2);\n --color-toolkit-loader-borderleft: @crust;\n --color-doc-code: @rosewater;\n --color-doc-code-background: @mantle;\n\n #search_logo svg :not([fill=\"none\"]) {\n fill: @accent;\n }\n #search_logo svg :not([stroke=\"none\"]) {\n stroke: @accent;\n }\n\n .index .title {\n filter: @accent-filter;\n }\n\n & when (@additions = 1) {\n article.result {\n background-color: var(--color-result-background);\n border-radius: 0.75em;\n padding: 0.75em;\n margin: 0.5em;\n }\n article.category-images {\n padding-bottom: 4em;\n }\n }\n }\n}\n",
|
|
"originalDigest": "d62e3eb08793491f106e38d1d22f193c2a8f7fd9",
|
|
"_id": "630c8090-38ea-4d24-bc52-4ad0836bf82c",
|
|
"_rev": 1780236869290,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 46,
|
|
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/searxng",
|
|
"updateDate": 1780236940053
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Hyperpipe Catppuccin",
|
|
"description": "Soothing pastel theme for Hyperpipe",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/hyperpipe/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Hyperpipe Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/hyperpipe",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/hyperpipe",
|
|
"version": "2026.03.21",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/hyperpipe/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ahyperpipe",
|
|
"description": "Soothing pastel theme for Hyperpipe",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Hyperpipe Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/hyperpipe\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/hyperpipe\n@version 2026.03.21\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/hyperpipe/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ahyperpipe\n@description Soothing pastel theme for Hyperpipe\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"hyperpipe.surge.sh\") {\n body {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n body[data-theme^=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n\n body[data-theme^=\"dark\"],\n body[data-theme^=\"black\"],\n body[data-theme^=\"dracula\"],\n body[data-theme^=\"nord\"] {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n --color-foreground: @accent !important;\n --color-background: @base !important;\n --color-background-soft: @surface0 !important;\n --color-background-mute: @surface1 !important;\n --color-border: @surface0 !important;\n --color-border-hover: @overlay0 !important;\n --color-shadow: @crust !important;\n --color-blur: fade(@mantle, 45%) !important;\n --color-gradient: linear-gradient(\n 45deg,\n @accent,\n fade(@accent, 45%)\n );\n --color-scrollbar: @accent !important;\n --color-heading: @text !important;\n --color-text: @text !important;\n }\n}\n",
|
|
"originalDigest": "0fcbfcdf3c146679366d7019f543a3cc3d8b33be",
|
|
"_id": "bf398fa1-210b-42ff-997d-247dbd8cc7dd",
|
|
"_rev": 1780236869332,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 47
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "GitHub Catppuccin",
|
|
"description": "Soothing pastel theme for GitHub",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "GitHub Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/github",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/github",
|
|
"version": "2026.02.17",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agithub",
|
|
"description": "Soothing pastel theme for GitHub",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": 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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"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 2026.02.17\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agithub\n@description Soothing pastel theme for GitHub\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document /* Match every page on GitHub except github.com/home, github.com/features/*, and github.com/organizations/plan. */\nregexp(\n \"https:\\/\\/github\\.com(?!(\\/home$|\\/features($|\\/.*)|\\/organizations\\/plan)).*$\"\n ),\n domain(\"gist.github.com\"),\n domain(\"docs.github.com\"),\n domain(\"viewscreen.githubusercontent.com\") {\n [data-color-mode][data-color-mode=\"auto\"] {\n @media (prefers-color-scheme: light) {\n &[data-light-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n &[data-light-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n }\n\n @media (prefers-color-scheme: dark) {\n &[data-dark-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n &[data-dark-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n header[data-color-mode] {\n #catppuccin(@darkFlavor);\n }\n }\n }\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n .cm-placeholder {\n color: @subtext0;\n }\n\n accent-color: @accent;\n color: @text;\n\n --color-social-reaction-bg-reacted-hover: fade(@accent, 30%);\n --color-notifications-button-hover-bg: fade(@accent, 60%);\n --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);\n --color-icon-directory: var(--fgColor-muted, var(--color-fg-muted));\n --color-calendar-halloween-graph-day-L1-bg: fade(\n @accent,\n 40%\n ) !important;\n --color-calendar-halloween-graph-day-L2-bg: fade(\n @accent,\n 60%\n ) !important;\n --color-calendar-halloween-graph-day-L3-bg: fade(\n @accent,\n 80%\n ) !important;\n --color-calendar-halloween-graph-day-L4-bg: @accent !important;\n --color-calendar-winter-graph-day-L1-bg: fade(\n @accent,\n 40%\n ) !important;\n --color-calendar-winter-graph-day-L2-bg: fade(\n @accent,\n 60%\n ) !important;\n --color-calendar-winter-graph-day-L3-bg: fade(\n @accent,\n 80%\n ) !important;\n --color-calendar-winter-graph-day-L4-bg: @accent !important;\n --color-calendar-graph-day-bg: @surface0 !important;\n --color-calendar-graph-day-border: transparent !important;\n --color-calendar-graph-day-L1-bg: fade(@accent, 40%) !important;\n --color-calendar-graph-day-L2-bg: fade(@accent, 60%) !important;\n --color-calendar-graph-day-L3-bg: fade(@accent, 80%) !important;\n --color-calendar-graph-day-L4-bg: @accent !important;\n --color-calendar-graph-day-L2-border: transparent !important;\n --color-calendar-graph-day-L3-border: transparent !important;\n --color-calendar-graph-day-L4-border: transparent !important;\n --contribution-default-bgColor-0: fade(@accent, 10%) !important;\n --contribution-default-bgColor-1: fade(@accent, 40%) !important;\n --contribution-default-bgColor-2: fade(@accent, 60%) !important;\n --contribution-default-bgColor-3: fade(@accent, 80%) !important;\n --contribution-default-bgColor-4: @accent !important;\n --color-user-mention-fg: @accent;\n --color-user-mention-bg: fade(@accent, 30%);\n --color-dashboard-feed-bg: var(--color-scale-gray-9);\n --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;\n --color-marketing-icon-secondary: var(--color-scale-blue-5);\n --color-project-header-bg: var(--color-scale-gray-9);\n --color-project-sidebar-bg: var(--color-scale-gray-8);\n --color-project-gradient-in: var(--color-scale-gray-8);\n --color-project-gradient-out: rgba(22, 27, 34, 0);\n --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;\n --topicTag-borderColor: #0000;\n --highlight-neutral-bgColor: fade(@yellow, 30%);\n --page-header-bgColor: @crust;\n --diffBlob-additionNum-bgColor: fade(@green, 30%);\n --diffBlob-additionNum-fgColor: @text;\n --diffBlob-additionLine-bgColor: fade(@green, 15%);\n --diffBlob-additionWord-bgColor: fade(@green, 30%);\n --diffBlob-additionWord-fgColor: @text;\n --diffBlob-deletionNum-bgColor: fade(@red, 30%);\n --diffBlob-deletionNum-fgColor: @text;\n --diffBlob-deletionLine-bgColor: fade(@red, 15%);\n --diffBlob-deletionWord-bgColor: fade(@red, 30%);\n --diffBlob-deletionWord-fgColor: @text;\n --diffBlob-hunkNum-bgColor-rest: fade(@accent, 40%);\n --diffBlob-hunkNum-bgColor-hover: fade(@accent, 75%);\n --diffBlob-hunkLine-bgColor: fade(@accent, 25%);\n --diffBlob-expander-iconColor: @subtext0;\n --diffBlob-emptyNum-bgColor: @mantle;\n --diffBlob-emptyLine-bgColor: @mantle;\n --codeMirror-fgColor: @text;\n --codeMirror-bgColor: @base;\n --codeMirror-gutters-bgColor: @base;\n --codeMirror-gutterMarker-fgColor-default: @base;\n --codeMirror-gutterMarker-fgColor-muted: @overlay0;\n --codeMirror-lineNumber-fgColor: @overlay1;\n --codeMirror-cursor-fgColor: @text;\n --codeMirror-selection-bgColor: #388bfd66;\n --codeMirror-activeline-bgColor: #6e768166;\n --codeMirror-matchingBracket-fgColor: @text;\n --codeMirror-lines-bgColor: @base;\n --codeMirror-syntax-fgColor-comment: @overlay2;\n --codeMirror-syntax-fgColor-constant: @blue;\n --codeMirror-syntax-fgColor-entity: @blue;\n --codeMirror-syntax-fgColor-keyword: @mauve;\n --codeMirror-syntax-fgColor-storage: @peach;\n --codeMirror-syntax-fgColor-string: @green;\n --codeMirror-syntax-fgColor-support: #79c0ff;\n --codeMirror-syntax-fgColor-variable: @peach;\n --header-fgColor-default: @text;\n --header-fgColor-logo: @text;\n --header-bgColor: @crust;\n --header-borderColor-divider: #8b949e;\n --headerSearch-bgColor: @mantle;\n --headerSearch-borderColor: @surface0;\n --avatar-bgColor: fade(@text, 26%);\n --avatar-borderColor: @surface0;\n --avatar-shadow: 0px 0px 0px 2px #0d1117;\n --avatarStack-fade-bgColor-default: @surface1;\n --avatarStack-fade-bgColor-muted: #21262d;\n --control-bgColor-rest: @red;\n --control-bgColor-hover: #292e36;\n --control-bgColor-active: @surface1;\n --control-bgColor-disabled: fade(@mantle, 60%);\n --control-bgColor-selected: #161b22;\n --control-fgColor-rest: @text;\n --control-fgColor-placeholder: #484f58;\n --control-fgColor-disabled: fade(@subtext0, 70%);\n --control-borderColor-rest: @surface1;\n --control-borderColor-emphasis: #666e79;\n --control-borderColor-disabled: fade(@surface1, 75%);\n --control-borderColor-selected: #f0f6fc;\n --control-borderColor-success: @green;\n --control-borderColor-danger: @red;\n --control-borderColor-warning: @yellow;\n --control-iconColor-rest: #848d97;\n --control-transparent-bgColor-rest: #0000;\n --control-transparent-bgColor-hover: fade(@surface2, 20%);\n --control-transparent-bgColor-active: fade(@overlay0, 50%);\n --control-transparent-bgColor-disabled: #21262db3;\n --control-transparent-bgColor-selected: #b1bac414;\n --control-transparent-borderColor-rest: #0000;\n --control-transparent-borderColor-hover: #0000;\n --control-transparent-borderColor-active: #0000;\n --control-danger-fgColor-rest: @red;\n --control-danger-fgColor-hover: @crust;\n --control-danger-bgColor-hover: fade(@red, 80%);\n --control-danger-bgColor-active: @red;\n --control-checked-bgColor-rest: @accent;\n --control-checked-bgColor-hover: lighten(@accent, 5%);\n --control-checked-bgColor-active: lighten(@accent, 5%);\n --control-checked-bgColor-disabled: #6e7681;\n --control-checked-fgColor-rest: @crust;\n --control-checked-fgColor-disabled: #010409;\n --control-checked-borderColor-rest: @accent;\n --control-checked-borderColor-hover: @accent;\n --control-checked-borderColor-active: @accent;\n --control-checked-borderColor-disabled: @surface0;\n --controlTrack-bgColor-rest: @surface0;\n --controlTrack-bgColor-hover: @surface1;\n --controlTrack-bgColor-active: @surface2;\n --controlTrack-bgColor-disabled: #6e7681;\n --controlTrack-fgColor-rest: #848d97;\n --controlTrack-fgColor-disabled: @text;\n --controlTrack-borderColor-rest: #0000;\n --controlTrack-borderColor-disabled: #6e7681;\n --controlKnob-bgColor-rest: @base;\n --controlKnob-bgColor-disabled: #21262db3;\n --controlKnob-bgColor-checked: @text;\n --controlKnob-borderColor-rest: @surface2;\n --controlKnob-borderColor-disabled: #21262db3;\n --controlKnob-borderColor-checked: @blue;\n --button-default-fgColor-rest: @text;\n --button-default-bgColor-rest: @surface0;\n --button-default-bgColor-hover: @surface1;\n --button-default-bgColor-active: @surface2;\n --button-default-bgColor-selected: @surface2;\n --button-default-bgColor-disabled: fade(@surface0, 70%);\n --button-default-borderColor-rest: @surface1;\n --button-default-borderColor-hover: @surface1;\n --button-default-borderColor-active: @surface1;\n --button-default-borderColor-disabled: fade(@surface0, 70%);\n --button-default-shadow-resting: 0px 0px 0px 0px #000;\n --button-primary-fgColor-rest: @base;\n --button-primary-fgColor-disabled: fade(@base, 60%);\n --button-primary-iconColor-rest: @base;\n --button-primary-bgColor-rest: @green;\n --button-primary-bgColor-hover: lighten(@green, 5%);\n --button-primary-bgColor-active: saturate(@green, 5%);\n --button-primary-bgColor-disabled: fade(@green, 70%);\n --button-primary-borderColor-rest: @green;\n --button-primary-borderColor-hover: @green;\n --button-primary-borderColor-active: @green;\n --button-primary-borderColor-disabled: fade(@green, 70%);\n --button-primary-shadow-selected: 0px 0px 0px 0px #000;\n --button-invisible-fgColor-rest: @text;\n --button-invisible-fgColor-hover: lighten(@accent, 10%);\n --button-invisible-fgColor-disabled: #6e7681;\n --button-invisible-iconColor-rest: @overlay2;\n --button-invisible-iconColor-hover: #e6edf3;\n --button-invisible-iconColor-disabled: #6e7681;\n --button-invisible-bgColor-rest: #0000;\n --button-invisible-bgColor-hover: #b1bac41f;\n --button-invisible-bgColor-active: #b1bac433;\n --button-invisible-bgColor-disabled: fade(@surface1, 70%);\n --button-invisible-borderColor-rest: #0000;\n --button-invisible-borderColor-hover: #0000;\n --button-invisible-borderColor-disabled: fade(@surface1, 70%);\n --button-outline-fgColor-rest: #388bfd;\n --button-outline-fgColor-hover: #58a6ff;\n --button-outline-fgColor-active: @text;\n --button-outline-fgColor-disabled: #4493f880;\n --button-outline-bgColor-rest: #f0f6fc;\n --button-outline-bgColor-hover: @surface1;\n --button-outline-bgColor-active: #0d419d;\n --button-outline-bgColor-disabled: #0d1117;\n --button-outline-borderColor-hover: #f0f6fc1a;\n --button-outline-borderColor-selected: #f0f6fc1a;\n --button-outline-shadow-selected: 0px 0px 0px 0px #000;\n --button-danger-fgColor-rest: @red;\n --button-danger-fgColor-hover: @base;\n --button-danger-fgColor-active: @base;\n --button-danger-fgColor-disabled: fade(@red, 50%);\n --button-danger-iconColor-rest: @red;\n --button-danger-iconColor-hover: @crust;\n --button-danger-bgColor-rest: @surface0;\n --button-danger-bgColor-hover: @red;\n --button-danger-bgColor-active: darken(@red, 5%);\n --button-danger-bgColor-disabled: @base;\n --button-danger-borderColor-rest: @surface1;\n --button-danger-borderColor-hover: @red;\n --button-danger-borderColor-active: darken(@red, 5%);\n --button-danger-shadow-selected: 0px 0px 0px 0px #000;\n --button-inactive-fgColor: #8b949e;\n --button-inactive-bgColor: #21262d;\n --button-star-iconColor: @yellow;\n --buttonCounter-default-bgColor-rest: @surface1;\n --buttonCounter-invisible-bgColor-rest: @surface1;\n --buttonCounter-primary-bgColor-rest: #04260f33;\n --buttonCounter-outline-bgColor-rest: #051d4d33;\n --buttonCounter-outline-bgColor-hover: #051d4d33;\n --buttonCounter-outline-bgColor-disabled: #1f6feb0d;\n --buttonCounter-outline-fgColor-rest: #388bfd;\n --buttonCounter-outline-fgColor-hover: #58a6ff;\n --buttonCounter-outline-fgColor-disabled: #4493f880;\n --buttonCounter-danger-bgColor-hover: fade(@text, 20%);\n --buttonCounter-danger-bgColor-disabled: #da36330d;\n --buttonCounter-danger-bgColor-rest: #49020233;\n --buttonCounter-danger-fgColor-rest: @red;\n --buttonCounter-danger-fgColor-hover: @text;\n --buttonCounter-danger-fgColor-disabled: fade(@red, 50%);\n --focus-outlineColor: @accent;\n --menu-bgColor-active: @mantle;\n --overlay-bgColor: @base;\n --overlay-borderColor: @surface0;\n --overlay-backdrop-bgColor: #161b2266;\n --selectMenu-borderColor: #484f58;\n --selectMenu-bgColor-active: #0c2d6b;\n --sideNav-bgColor-selected: #21262d;\n --skeletonLoader-bgColor: #161b22;\n --timelineBadge-bgColor: @mantle;\n --treeViewItem-leadingVisual-iconColor-rest: @subtext0;\n --underlineNav-borderColor-active: @accent;\n --underlineNav-borderColor-hover: #6e768166;\n --underlineNav-iconColor-rest: #848d97;\n --selection-bgColor: fade(@accent, 30%);\n --reactionButton-selected-bgColor-rest: fade(@accent, 20%);\n --reactionButton-selected-bgColor-hover: fade(@accent, 35%);\n --reactionButton-selected-fgColor-rest: @accent;\n --reactionButton-selected-fgColor-hover: @accent;\n --fgColor-default: @text;\n --fgColor-muted: @subtext1;\n --fgColor-onEmphasis: @base;\n --fgColor-white: @text;\n --fgColor-disabled: @surface2;\n --fgColor-link: @accent;\n --fgColor-neutral: @subtext1;\n --fgColor-accent: @accent;\n --fgColor-success: @green;\n --fgColor-attention: @yellow;\n --fgColor-severe: @peach;\n --fgColor-danger: @red;\n --fgColor-open: @green;\n --fgColor-closed: @red;\n --fgColor-done: @mauve;\n --fgColor-sponsors: @pink;\n --bgColor-default: @base;\n --bgColor-muted: @mantle;\n --bgColor-inset: @crust;\n --bgColor-emphasis: @overlay2;\n --bgColor-inverse: @text;\n --bgColor-disabled: #21262db3;\n --bgColor-transparent: #0000;\n --bgColor-neutral-muted: fade(@surface0, 40%);\n --bgColor-neutral-emphasis: @subtext0;\n --bgColor-accent-muted: fade(@accent, 20%);\n --bgColor-accent-emphasis: @accent;\n --bgColor-success-muted: #2ea04326;\n --bgColor-success-emphasis: @green;\n --bgColor-attention-muted: fade(@yellow, 15%);\n --bgColor-attention-emphasis: @yellow;\n --bgColor-severe-muted: fade(@peach, 26%);\n --bgColor-severe-emphasis: @peach;\n --bgColor-danger-muted: fade(@red, 26%);\n --bgColor-danger-emphasis: @red;\n --bgColor-open-muted: #2ea0431a;\n --bgColor-open-emphasis: @green;\n --bgColor-closed-muted: fade(@red, 15%);\n --bgColor-closed-emphasis: @red;\n --bgColor-done-muted: #a371f726;\n --bgColor-done-emphasis: @mauve;\n --bgColor-sponsors-muted: #db61a21a;\n --bgColor-sponsors-emphasis: @pink;\n --borderColor-default: @surface1;\n --borderColor-muted: @surface0;\n --borderColor-emphasis: #484f58;\n --borderColor-disabled: #21262db3;\n --borderColor-transparent: #0000;\n --borderColor-neutral-muted: #6e768166;\n --borderColor-neutral-emphasis: #6e7681;\n --borderColor-accent-muted: fade(@accent, 50%);\n --borderColor-accent-emphasis: @accent;\n --borderColor-success-muted: darken(@green, 5%);\n --borderColor-success-emphasis: @green;\n --borderColor-attention-muted: fade(@flamingo, 30%);\n --borderColor-attention-emphasis: @flamingo;\n --borderColor-severe-muted: @peach;\n --borderColor-severe-emphasis: #bd561d;\n --borderColor-danger-muted: @red;\n --borderColor-danger-emphasis: @red;\n --borderColor-open-muted: darken(@green, 5%);\n --borderColor-open-emphasis: @green;\n --borderColor-closed-muted: @red;\n --borderColor-closed-emphasis: @red;\n --borderColor-done-muted: @lavender;\n --borderColor-done-emphasis: @mauve;\n --borderColor-sponsors-muted: #db61a266;\n --borderColor-sponsors-emphasis: @pink;\n & when (@flavor = latte) {\n --color-ansi-black: @subtext1;\n --color-ansi-black-bright: @subtext0;\n --color-ansi-gray: @subtext0;\n --color-ansi-white: @surface2;\n --color-ansi-white-bright: @surface1;\n }\n & when not(@flavor = latte) {\n --color-ansi-black: @surface1;\n --color-ansi-black-bright: @surface2;\n --color-ansi-gray: @surface2;\n --color-ansi-white: @subtext1;\n --color-ansi-white-bright: @subtext0;\n }\n --color-ansi-red: @red;\n --color-ansi-red-bright: @red;\n --color-ansi-green: @green;\n --color-ansi-green-bright: @green;\n --color-ansi-yellow: @yellow;\n --color-ansi-yellow-bright: @yellow;\n --color-ansi-blue: @blue;\n --color-ansi-blue-bright: @blue;\n --color-ansi-magenta: @pink;\n --color-ansi-magenta-bright: @pink;\n --color-ansi-cyan: @teal;\n --color-ansi-cyan-bright: @teal;\n --color-prettylights-syntax-comment: @overlay2;\n --color-prettylights-syntax-constant: @blue;\n --color-prettylights-syntax-constant-other-reference-link: @blue;\n --color-prettylights-syntax-entity: @blue;\n --color-prettylights-syntax-storage-modifier-import: @peach;\n --color-prettylights-syntax-entity-tag: @blue;\n --color-prettylights-syntax-keyword: @mauve;\n --color-prettylights-syntax-string: @green;\n --color-prettylights-syntax-variable: @peach;\n --color-prettylights-syntax-invalid-illegal-text: @red;\n --color-prettylights-syntax-invalid-illegal-bg: fade(@red, 15%);\n --color-prettylights-syntax-markup-heading: @red;\n --color-prettylights-syntax-markup-italic: @yellow;\n --color-prettylights-syntax-markup-bold: @yellow;\n --color-prettylights-syntax-markup-deleted-text: @text;\n --color-prettylights-syntax-markup-deleted-bg: fade(@red, 40%);\n --color-prettylights-syntax-markup-inserted-text: @text;\n --color-prettylights-syntax-markup-inserted-bg: fade(@green, 40%);\n --color-prettylights-syntax-markup-changed-text: @text;\n --color-prettylights-syntax-markup-changed-bg: fade(@yellow, 40%);\n --color-prettylights-syntax-markup-ignored-text: @text;\n --bgColor-white: @base;\n --color-scale-white: @base;\n --color-scale-gray-3: @overlay2;\n --color-scale-gray-5: @overlay0;\n --color-scale-gray-6: @surface1;\n --color-scale-gray-7: @surface1;\n --color-scale-blue-2: @sky;\n --color-scale-blue-5: @blue;\n --color-scale-green-3: @green;\n --color-scale-green-4: @green;\n --color-scale-yellow-3: @peach;\n --color-scale-orange-4: @peach;\n --color-scale-red-4: @red;\n --shadow-inset: inset 0px 1px 0px 0px @crust;\n --shadow-resting-xsmall: 0px 1px 0px 0px @crust;\n --shadow-resting-small: 0px 1px 0px 0px @crust, 0px 1px 3px 0px @crust;\n --shadow-resting-medium: 0px 3px 6px 0px @crust;\n --shadow-floating-small:\n 0px 0px 0px 1px @base, 0px 6px 12px -3px @crust, 0px 6px 18px 0px @crust;\n --shadow-floating-medium:\n 0px 0px 0px 1px @surface0, 0px 8px 16px -4px @crust, 0px 4px 32px -4px\n @crust, 0px 24px 48px -12px @crust, 0px 48px 96px -24px @crust;\n --shadow-floating-large:\n 0px 0px 0px 1px @surface0, 0px 24px 48px 0px #010409;\n --shadow-floating-xlarge:\n 0px 0px 0px 1px @surface0, 0px 32px 64px 0px #010409;\n --shadow-floating-legacy: 0px 6px 12px -3px @crust, 0px 6px 18px 0px @crust;\n --outline-focus: @blue solid 2px;\n\n /* Feed Links */\n .feed-item-content a code, .feed-item-content a tt {\n color: @accent;\n }\n\n /* Customer Terms & Agreements Page: https://github.com/customer-terms */\n .enterprise-customer-agreement {\n color: @text !important;\n\n &:hover {\n .octicon,\n h3 {\n color: @accent !important;\n }\n }\n }\n\n /* Enhanced Repo Insights Views - https://github.com/orgs/community/discussions/135572 */\n --data-blue-color-emphasis: @accent;\n --data-red-color-emphasis: @red;\n --data-green-color-emphasis: @green;\n\n /* Copilot Chat */\n --display-green-fgColor: @green;\n --display-teal-fgColor: @teal;\n --display-purple-fgColor: @mauve;\n --display-blue-fgColor: @blue;\n --display-pink-fgColor: @pink;\n --display-gray-fgColor: @subtext0;\n react-app[app-name=\"copilot-immersive-v1\"],\n copilot-dashboard-entrypoint {\n button {\n color: @text;\n }\n }\n\n /* docs.github.com */\n --color-fg-default: @text;\n --color-canvas-default: @base;\n --color-canvas-subtle: @mantle;\n\n --tooltip-fgColor: @base;\n --tooltip-bgColor: @overlay2;\n\n /* Refined GitHub */\n --rgh-heat-color: @peach;\n\n .turbo-progress-bar {\n background-color: @accent;\n }\n\n .form-select {\n @svg: escape(\n '<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"@{subtext0}\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m4.427 9.427 3.396 3.396a.25.25 0 0 0 .354 0l3.396-3.396A.25.25 0 0 0 11.396 9H4.604a.25.25 0 0 0-.177.427M4.423 6.47 7.82 3.072a.25.25 0 0 1 .354 0L11.57 6.47a.25.25 0 0 1-.177.427H4.6a.25.25 0 0 1-.177-.427\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n img[src=\"https://github.githubassets.com/assets/mona-loading-default-c3c7aad1282f.gif\"] {\n content: url(\"https://giscus.catppuccin.com/assets/loading_48x48.gif\");\n }\n\n /* Header when logged out */\n .header-search-button {\n svg {\n fill: @text !important;\n }\n }\n .HeaderMenu-toggle-bar {\n border-color: @text;\n }\n .notification-indicator .mail-status {\n background-image: linear-gradient(\n @accent,\n darken(@accent, 5%)\n );\n }\n\n .CheckStep {\n .ansifg-r {\n color: var(--color-ansi-red);\n }\n .ansifg-y {\n color: var(--color-ansi-yellow);\n }\n .ansifg-g {\n color: var(--color-ansi-green);\n }\n .ansifg-b {\n color: var(--color-ansi-blue);\n }\n .ansifg-c {\n color: var(--color-ansi-cyan);\n }\n .ansifg-m {\n color: var(--color-ansi-magenta);\n }\n .ansifg-gr {\n color: var(--color-ansi-gray);\n }\n }\n\n .js-activity-overview-graph .js-highlight-blob {\n fill: @accent;\n stroke: @accent;\n }\n\n .subnav-link.selected {\n border-bottom-color: @accent;\n }\n\n /* Pull request check in progress indicator */\n [stroke=\"#DBAB0A\" i] {\n stroke: fade(@yellow, 70%) !important;\n }\n [fill=\"#DBAB0A\" i] {\n fill: @yellow !important;\n }\n\n /* Issue timeline icon */\n [class*=\"prc-Timeline-TimelineBadge\"], .TimelineItem-Badge {\n /* Completed */\n path[d=\"M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8Zm1.5 0a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Zm10.28-1.72-4.5 4.5a.75.75 0 0 1-1.06 0l-2-2a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018l1.47 1.47 3.97-3.97a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042Z\"],\n /* Duplicate / Not planned */\n path[d=\"M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM3.965 13.096a6.5 6.5 0 0 0 9.131-9.131ZM1.5 8a6.474 6.474 0 0 0 1.404 4.035l9.131-9.131A6.499 6.499 0 0 0 1.5 8Z\"],\n /* Reopen */\n path[d=\"M5.029 2.217a6.5 6.5 0 0 1 9.437 5.11.75.75 0 1 0 1.492-.154 8 8 0 0 0-14.315-4.03L.427 1.927A.25.25 0 0 0 0 2.104V5.75A.25.25 0 0 0 .25 6h3.646a.25.25 0 0 0 .177-.427L2.715 4.215a6.491 6.491 0 0 1 2.314-1.998ZM1.262 8.169a.75.75 0 0 0-1.22.658 8.001 8.001 0 0 0 14.315 4.03l1.216 1.216a.25.25 0 0 0 .427-.177V10.25a.25.25 0 0 0-.25-.25h-3.646a.25.25 0 0 0-.177.427l1.358 1.358a6.501 6.501 0 0 1-11.751-3.11.75.75 0 0 0-.272-.506Z\"],\n path[d=\"M9.06 9.06a1.5 1.5 0 1 1-2.12-2.12 1.5 1.5 0 0 1 2.12 2.12Z\"] {\n fill: @base;\n }\n }\n }\n}\n\n@-moz-document url-prefix(\n \"https://viewscreen.githubusercontent.com/markdown/mermaid\"\n ) {\n [data-color-mode=\"auto\"] {\n @media (prefers-color-scheme: light) {\n &[data-light-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n &[data-light-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n }\n\n @media (prefers-color-scheme: dark) {\n &[data-dark-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n &[data-dark-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n }\n }\n [data-color-mode=\"light\"][data-light-theme=\"dark\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n [data-color-mode=\"light\"][data-light-theme=\"light\"],\n [data-color-mode=\"dark\"][data-dark-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n background-color: @base;\n\n --color-btn-text: @text;\n --color-btn-bg: @surface0;\n --color-btn-border: @surface1;\n --color-btn-hover-bg: @surface1;\n --color-btn-hover-border: @surface2;\n --color-btn-active-bg: @surface2;\n --color-btn-selected-bg: @surface2;\n --color-btn-counter-bg: @surface2;\n --color-btn-outline-text: @accent;\n --color-fg-muted: @subtext1;\n --button-default-fgColor-rest: @text;\n --button-default-bgColor-rest: @surface0;\n --button-default-bgColor-hover: @surface1;\n --button-default-bgColor-active: @surface2;\n --button-default-bgColor-selected: @surface2;\n --button-default-bgColor-disabled: fade(@surface0, 70%);\n --button-default-borderColor-rest: @surface1;\n --button-default-borderColor-hover: @surface1;\n --button-default-borderColor-active: @surface1;\n --button-default-borderColor-disabled: fade(@surface0, 70%);\n\n #diagram {\n .node rect,\n .node circle,\n .node ellipse,\n .node polygon,\n .node path {\n fill: fade(@accent, 10%);\n stroke: @accent;\n }\n\n .cluster rect {\n fill: @surface0;\n stroke: @surface2;\n }\n\n .label text,\n span,\n p {\n fill: @text;\n color: @text;\n }\n\n .flowchart-link {\n stroke: @subtext0;\n }\n .marker {\n stroke: @subtext0;\n fill: @subtext0;\n }\n\n .edgeLabel {\n background-color: @crust;\n p {\n background-color: @surface2;\n }\n }\n }\n\n .octicon {\n fill: var(--color-fg-muted) !important;\n }\n }\n}\n\n@-moz-document regexp(\n \"https:\\/\\/notebooks\\.githubusercontent\\.com\\/view\\/ipynb.*\"\n ) {\n :root {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n --jp-border-color0: var(--color-scale-gray-7);\n --jp-border-color1: var(--color-scale-gray-7);\n --jp-border-color2: var(--color-scale-gray-8);\n --jp-border-color3: var(--color-scale-gray-9);\n --jp-ui-font-color0: @text;\n --jp-ui-font-color1: fade(@text, 87%);\n --jp-ui-font-color2: fade(@text, 54%);\n --jp-ui-font-color3: fade(@text, 28%);\n --jp-ui-inverse-font-color0: @crust;\n --jp-ui-inverse-font-color1: fade(@crust, 80%);\n --jp-ui-inverse-font-color2: fade(@crust, 50%);\n --jp-ui-inverse-font-color3: fade(@crust, 30%);\n --jp-content-font-color0: @text;\n --jp-content-font-color1: @text;\n --jp-content-font-color2: fade(@text, 70%);\n --jp-content-font-color3: fade(@text, 50%);\n --jp-content-link-color: @sapphire;\n --jp-layout-color0: @base !important;\n --jp-layout-color1: var(--color-scale-gray-9);\n --jp-layout-color2: var(--color-scale-gray-8);\n --jp-layout-color3: var(--color-scale-gray-7);\n --jp-layout-color4: var(--color-scale-gray-6);\n --jp-inverse-layout-color0: var(--color-scale-white);\n --jp-inverse-layout-color1: var(--color-scale-white);\n --jp-inverse-layout-color2: var(--color-scale-gray-2);\n --jp-inverse-layout-color3: var(--color-scale-gray-4);\n --jp-inverse-layout-color4: var(--color-scale-gray-6);\n --jp-brand-color0: var(--color-scale-blue-7);\n --jp-brand-color1: var(--color-scale-blue-5);\n --jp-brand-color2: var(--color-scale-blue-3);\n --jp-brand-color3: var(--color-scale-blue-1);\n --jp-brand-color4: var(--color-scale-blue-0);\n --jp-accent-color0: var(--color-scale-green-7);\n --jp-accent-color1: var(--color-scale-green-5);\n --jp-accent-color2: var(--color-scale-green-3);\n --jp-accent-color3: var(--color-scale-green-1);\n --jp-warn-color0: var(--color-scale-orange-7);\n --jp-warn-color1: var(--color-scale-orange-5);\n --jp-warn-color2: var(--color-scale-orange-3);\n --jp-warn-color3: var(--color-scale-orange-1);\n --jp-error-color0: var(--color-scale-red-7);\n --jp-error-color1: var(--color-scale-red-5);\n --jp-error-color2: var(--color-scale-red-3);\n --jp-error-color3: var(--color-scale-red-1);\n --jp-success-color0: var(--color-scale-green-7);\n --jp-success-color1: var(--color-scale-green-5);\n --jp-success-color2: var(--color-scale-green-3);\n --jp-success-color3: var(--color-scale-green-1);\n --jp-info-color0: var(--color-scale-blue-7);\n --jp-info-color1: var(--color-scale-blue-5);\n --jp-info-color2: var(--color-scale-blue-3);\n --jp-info-color3: var(--color-scale-blue-1);\n --jp-cell-editor-background: @mantle;\n --jp-cell-editor-border-color: var(--color-scale-gray-7);\n --jp-cell-editor-box-shadow: inset 0 0 2px var(--color-scale-blue-3);\n --jp-cell-prompt-not-active-font-color: fade(@text, 50%);\n --jp-cell-inprompt-font-color: var(--color-scale-blue-6);\n --jp-cell-outprompt-font-color: var(--color-scale-coral-6);\n --jp-notebook-multiselected-color: fade(@overlay2, 14%);\n --jp-rendermime-error-background: fade(@red, 18%);\n --jp-rendermime-table-row-background: var(--color-scale-gray-9);\n --jp-rendermime-table-row-hover-background: fade(@surface2, 14%);\n --jp-dialog-background: fade(@crust, 60%);\n --jp-toolbar-box-shadow: 0px 0px 2px 0px fade(@crust, 80%);\n --jp-input-box-shadow: inset 0 0 2px var(--color-scale-blue-3);\n --jp-input-background: var(--color-scale-gray-8);\n --jp-input-active-box-shadow-color: fade(@blue, 30%);\n --jp-editor-selected-focused-background: fade(@blue, 14%);\n --jp-mirror-editor-keyword-color: var(--color-scale-green-5);\n --jp-mirror-editor-atom-color: var(--color-scale-blue-3);\n --jp-mirror-editor-number-color: var(--color-scale-green-4);\n --jp-mirror-editor-def-color: var(--color-scale-blue-6);\n --jp-mirror-editor-variable-color: var(--color-scale-gray-3);\n --jp-mirror-editor-variable-2-color: var(--color-scale-blue-4);\n --jp-mirror-editor-variable-3-color: var(--color-scale-green-6);\n --jp-mirror-editor-punctuation-color: var(--color-scale-blue-4);\n --jp-mirror-editor-property-color: var(--color-scale-blue-4);\n --jp-mirror-editor-operator-color: @mauve;\n --jp-mirror-editor-comment-color: @subtext0;\n --jp-mirror-editor-string-color: @peach;\n --jp-mirror-editor-string-2-color: var(--color-scale-purple-3);\n --jp-mirror-editor-meta-color: @mauve;\n --jp-mirror-editor-qualifier-color: var(--color-scale-gray-5);\n --jp-mirror-editor-builtin-color: var(--color-scale-green-6);\n --jp-mirror-editor-bracket-color: var(--color-scale-gray-2);\n --jp-mirror-editor-tag-color: var(--color-scale-blue-7);\n --jp-mirror-editor-attribute-color: var(--color-scale-blue-7);\n --jp-mirror-editor-header-color: var(--color-scale-blue-5);\n --jp-mirror-editor-quote-color: var(--color-scale-green-3);\n --jp-mirror-editor-link-color: var(--color-scale-blue-7);\n --jp-mirror-editor-error-color: @red;\n --jp-mirror-editor-hr-color: var(--color-scale-gray-8);\n --jp-vega-background: var(--color-scale-gray-4);\n --jp-search-selected-match-background-color: @yellow;\n --jp-search-selected-match-color: @crust;\n --jp-icon-contrast-color0: var(--color-scale-purple-6);\n --jp-icon-contrast-color1: var(--color-scale-green-6);\n --jp-icon-contrast-color2: var(--color-scale-pink-6);\n --jp-icon-contrast-color3: var(--color-scale-blue-6);\n }\n}\n",
|
|
"originalDigest": "a59e3d4a100479fff663a005fc341b544a9780a0",
|
|
"_id": "1240ff5d-df52-4656-877f-f0025eccc5f8",
|
|
"_rev": 1780236869373,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 48
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Google Drive Catppuccin",
|
|
"description": "Soothing pastel theme for Google Drive",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/google-drive/catppuccin.user.less",
|
|
"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": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/google-drive/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agoogle-drive",
|
|
"description": "Soothing pastel theme for Google Drive",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": null,
|
|
"default": "latte",
|
|
"options": [
|
|
{
|
|
"name": "latte",
|
|
"label": "Latte",
|
|
"value": "latte"
|
|
},
|
|
{
|
|
"name": "frappe",
|
|
"label": "Frappé",
|
|
"value": "frappe"
|
|
},
|
|
{
|
|
"name": "macchiato",
|
|
"label": "Macchiato",
|
|
"value": "macchiato"
|
|
},
|
|
{
|
|
"name": "mocha",
|
|
"label": "Mocha",
|
|
"value": "mocha"
|
|
}
|
|
]
|
|
},
|
|
"darkFlavor": {
|
|
"type": "select",
|
|
"label": "Dark Flavor",
|
|
"name": "darkFlavor",
|
|
"value": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"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 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/google-drive/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agoogle-drive\n@description Soothing pastel theme for Google Drive\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"drive.google.com\") {\n .vhoiae {\n &.KkxPLb {\n #catppuccin(@lightFlavor);\n }\n\n &.LgGVmb, .yYWAMb.bvmRsc, .dif24c.bvmRsc {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n\n // TODO: Try to make use `#lib.defaults()` here, but it causes issues with the color scheme (see below).\n // #lib.defaults(); // Color scheme is already set by Google Drive; setting it here causes bugs, and there are no known side effects as Google does not use native UI elements (which would reflect `color-scheme` state and cause potential issues).\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0 !important;\n }\n }\n\n --dt-on-background: @text;\n --dt-on-background-secondary: @subtext0;\n --dt-background: @base;\n --dt-on-surface: @text;\n --dt-inverse-surface: @text;\n --dt-on-surface-secondary: @subtext0;\n --dt-on-surface-variant: @text;\n --dt-surface-variant: @surface0;\n --dt-inverse-on-surface: @surface0;\n --dt-surface: @base;\n --dt-surface-tint: @accent;\n --dt-shadow-elevation-1:\n 0px 3px 1px -2px fade(@base, 20%), 0px 2px 2px 0px fade(@base, 14%), 0px\n 1px 5px 0px fade(@base, 12%);\n --dt-shadow-elevation-2:\n 0px 2px 4px -1px fade(@base, 20%), 0px 4px 5px 0px fade(@base, 14%), 0px\n 1px 10px 0px fade(@base, 12%);\n --dt-shadow-elevation-3:\n 0px 5px 5px -3px fade(@base, 20%), 0px 8px 10px 1px fade(@base, 14%), 0px\n 3px 14px 2px fade(@base, 12%);\n --dt-shadow-elevation-4:\n 0px 5px 5px -3px fade(@base, 20%), 0px 8px 10px 1px fade(@base, 14%), 0px\n 3px 14px 2px fade(@base, 12%);\n --dt-shadow-elevation-5:\n 0px 8px 10px -6px fade(@base, 20%), 0px 16px 24px 2px fade(@base, 14%),\n 0px 6px 30px 5px fade(@base, 12%);\n --dt-surface-container-lowest: @crust;\n --dt-surface-container-low: @mantle;\n --dt-surface-container: @surface0;\n --dt-surface-container-high: @surface1;\n --dt-surface-container-highest: @surface2;\n --dt-surface-dim: @crust;\n --dt-surface-bright: @base;\n --dt-on-primary-container: @text;\n --dt-primary-container-icon: @text;\n --dt-primary-container-link: @text;\n --dt-primary: @accent;\n --dt-primary-action: @accent;\n --dt-primary-action-stateful: @accent;\n --dt-primary-outline: @accent;\n --dt-primary-action-state-layer: @accent;\n --dt-primary-container: @surface0;\n --dt-on-primary: @base;\n --dt-primary-icon: @base;\n --dt-primary-link: @base;\n --dt-on-secondary-container: @text;\n --dt-secondary-container-icon: @text;\n --dt-secondary-container-link: @text;\n --dt-secondary: @accent;\n --dt-secondary-action: @accent;\n --dt-secondary-action-stateful: @accent;\n --dt-secondary-outline: @accent;\n --dt-secondary-action-state-layer: @accent;\n --dt-secondary-container: @surface0;\n --dt-on-secondary: @base;\n --dt-secondary-icon: @base;\n --dt-secondary-link: @base;\n --dt-on-tertiary-container: @text;\n --dt-tertiary-container-icon: @text;\n --dt-tertiary-container-link: @text;\n --dt-tertiary: @accent;\n --dt-tertiary-action: @accent;\n --dt-tertiary-action-stateful: @accent;\n --dt-tertiary-outline: @accent;\n --dt-tertiary-action-state-layer: @accent;\n --dt-tertiary-container: @surface0;\n --dt-on-tertiary: @base;\n --dt-tertiary-icon: @base;\n --dt-tertiary-link: @base;\n --dt-on-neutral-container: @text;\n --dt-neutral-container-icon: @text;\n --dt-neutral-container-link: @text;\n --dt-neutral: @surface0;\n --dt-neutral-action: @text;\n --dt-neutral-action-stateful: @text;\n --dt-neutral-outline: @surface0;\n --dt-neutral-action-state-layer: @surface0;\n --dt-neutral-container: @surface0;\n --dt-on-neutral: @text;\n --dt-neutral-icon: @surface0;\n --dt-neutral-link: @surface0;\n --dt-on-warning-container: @yellow;\n --dt-warning-container-icon: @yellow;\n --dt-warning-container-link: @yellow;\n --dt-warning: @yellow;\n --dt-warning-action: @yellow;\n --dt-warning-action-stateful: @yellow;\n --dt-warning-outline: @yellow;\n --dt-warning-action-state-layer: @yellow;\n --dt-warning-container: @surface0;\n --dt-on-warning: @base;\n --dt-warning-icon: @yellow;\n --dt-warning-link: @yellow;\n --dt-on-error-container: @red;\n --dt-error-container-icon: @red;\n --dt-error-container-link: @red;\n --dt-error: @red;\n --dt-error-action: @red;\n --dt-error-action-stateful: @red;\n --dt-error-outline: @red;\n --dt-error-action-state-layer: @surface1;\n --dt-error-container: @surface1;\n --dt-on-error: @base;\n --dt-error-icon: @base;\n --dt-error-link: @base;\n --dt-mime-type-blue: @blue;\n --dt-mime-type-dark-blue: @blue;\n --dt-mime-type-green: @green;\n --dt-mime-type-grey: @overlay0;\n --dt-mime-type-purple: @mauve;\n --dt-mime-type-deep-purple: @mauve;\n --dt-mime-type-red: @red;\n --dt-mime-type-yellow: @yellow;\n --dt-disabled: @overlay0;\n --dt-on-disabled: @text;\n --dt-outline: @overlay0;\n --dt-outline-variant: @surface2;\n --dt-light-info-banner-button: @text;\n --dt-light-neutral-banner-button: @text;\n --dt-light-success-banner-button: @green;\n --dt-light-warning-banner-button: @yellow;\n --dt-light-error-banner-button: @red;\n\n --gm3-sys-color-background: @base;\n --gm3-sys-color-background-rgb: #lib.rgbify(@base)[];\n --gm3-sys-color-error: @red;\n --gm3-sys-color-error-rgb: #lib.rgbify(@red)[];\n --gm3-sys-color-error-container: @surface2;\n --gm3-sys-color-error-container-rgb: #lib.rgbify(@surface2)[];\n --gm3-sys-color-inverse-on-surface: @surface0;\n --gm3-sys-color-inverse-on-surface-rgb: #lib.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: #lib.rgbify(@text)[];\n --gm3-sys-color-on-background: @text;\n --gm3-sys-color-on-background-rgb: #lib.rgbify(@text)[];\n --gm3-sys-color-on-error: @base;\n --gm3-sys-color-on-error-rgb: #lib.rgbify(@base)[];\n --gm3-sys-color-on-error-container: @red;\n --gm3-sys-color-on-error-container-rgb: #lib.rgbify(@red)[];\n --gm3-sys-color-on-primary: @base;\n --gm3-sys-color-on-primary-rgb: #lib.rgbify(@base)[];\n --gm3-sys-color-on-primary-container: @text;\n --gm3-sys-color-on-primary-container-rgb: #lib.rgbify(@text)[];\n --gm3-sys-color-on-primary-fixed: @base;\n --gm3-sys-color-on-primary-fixed-rgb: #lib.rgbify(@base);\n --gm3-sys-color-on-primary-fixed-variant: @base;\n --gm3-sys-color-on-primary-fixed-variant-rgb: #lib.rgbify(@base);\n --gm3-sys-color-on-secondary: @base;\n --gm3-sys-color-on-secondary-rgb: #lib.rgbify(@base)[];\n --gm3-sys-color-on-secondary-container: @text;\n --gm3-sys-color-on-secondary-container-rgb: #lib.rgbify(@text)[];\n --gm3-sys-color-on-secondary-fixed: @base;\n --gm3-sys-color-on-secondary-fixed-rgb: #lib.rgbify(@base)[];\n --gm3-sys-color-on-secondary-fixed-variant: @base;\n --gm3-sys-color-on-secondary-fixed-variant-rgb: #lib.rgbify(@base)[];\n --gm3-sys-color-on-surface: @text;\n --gm3-sys-color-on-surface-rgb: #lib.rgbify(@text)[];\n --gm3-sys-color-on-surface-variant: @text;\n --gm3-sys-color-on-surface-variant-rgb: #lib.rgbify(@text)[];\n --gm3-sys-color-on-tertiary: @base;\n --gm3-sys-color-on-tertiary-rgb: #lib.rgbify(@base)[];\n --gm3-sys-color-on-tertiary-container: @text;\n --gm3-sys-color-on-tertiary-container-rgb: #lib.rgbify(@text)[];\n --gm3-sys-color-on-tertiary-fixed: @base;\n --gm3-sys-color-on-tertiary-fixed-rgb: #lib.rgbify(@base)[];\n --gm3-sys-color-on-tertiary-fixed-variant: @base;\n --gm3-sys-color-on-tertiary-fixed-variant-rgb: #lib.rgbify(@base)[];\n --gm3-sys-color-outline: @overlay0;\n --gm3-sys-color-outline-rgb: #lib.rgbify(@overlay0)[];\n --gm3-sys-color-outline-variant: @surface2;\n --gm3-sys-color-outline-variant-rgb: #lib.rgbify(@surface2)[];\n --gm3-sys-color-primary: @accent;\n --gm3-sys-color-primary-rgb: #lib.rgbify(@accent)[];\n --gm3-sys-color-primary-container: @surface0;\n --gm3-sys-color-primary-container-rgb: #lib.rgbify(@surface0)[];\n --gm3-sys-color-primary-fixed: @accent;\n --gm3-sys-color-primary-fixed-rgb: #lib.rgbify(@accent)[];\n --gm3-sys-color-primary-fixed-dim: @accent;\n --gm3-sys-color-primary-fixed-dim-rgb: #lib.rgbify(@accent)[];\n --gm3-sys-color-secondary: @accent;\n --gm3-sys-color-secondary-rgb: #lib.rgbify(@accent);\n --gm3-sys-color-secondary-container: @surface0;\n --gm3-sys-color-secondary-container-rgb: #lib.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: #lib.rgbify(@base)[];\n --gm3-sys-color-surface-bright: @base;\n --gm3-sys-color-surface-bright-rgb: #lib.rgbify(@base)[];\n --gm3-sys-color-surface-container: @surface0;\n --gm3-sys-color-surface-container-rgb: #lib.rgbify(@surface0)[];\n --gm3-sys-color-surface-container-high: @surface1;\n --gm3-sys-color-surface-container-high-rgb: #lib.rgbify(@surface1)[];\n --gm3-sys-color-surface-container-highest: @surface2;\n --gm3-sys-color-surface-container-highest-rgb: #lib.rgbify(@surface2)[];\n --gm3-sys-color-surface-container-low: @mantle;\n --gm3-sys-color-surface-container-low-rgb: #lib.rgbify(@mantle)[];\n --gm3-sys-color-surface-container-lowest: @crust;\n --gm3-sys-color-surface-container-lowest-rgb: #lib.rgbify(@crust)[];\n --gm3-sys-color-surface-dim: @crust;\n --gm3-sys-color-surface-dim-rgb: #lib.rgbify(@crust)[];\n --gm3-sys-color-surface-tint: @accent;\n --gm3-sys-color-surface-tint-rgb: #lib.rgbify(@accent)[];\n --gm3-sys-color-surface-variant: @surface0;\n --gm3-sys-color-surface-variant-rgb: #lib.rgbify(@surface0)[];\n --gm3-sys-color-tertiary: @accent;\n --gm3-sys-color-tertiary-rgb: #lib.rgbify(@accent)[];\n --gm3-sys-color-tertiary-container: @surface0;\n --gm3-sys-color-tertiary-container-rgb: #lib.rgbify(@surface0);\n --gm3-sys-color-tertiary-fixed: @accent;\n --gm3-sys-color-tertiary-fixed-rgb: #lib.rgbify(@accent)[];\n --gm3-sys-color-tertiary-fixed-dim: @accent;\n --gm3-sys-color-tertiary-fixed-dim-rgb: #lib.rgbify(@accent)[];\n\n & when (@flavor = latte) {\n --dt-scrim: fade(@text, 50%);\n --dt-scrim-2x: fade(@text, 50%);\n --gm3-sys-color-scrim: @text;\n --gm3-sys-color-scrim-rgb: #lib.rgbify(@text)[];\n --gm3-sys-color-shadow: @text;\n --gm3-sys-color-shadow-rgb: #lib.rgbify(@text)[];\n }\n\n & when not(@flavor = latte) {\n --dt-scrim: fade(@base, 50%);\n --dt-scrim-2x: fade(@base, 50%);\n --gm3-sys-color-scrim: @base;\n --gm3-sys-color-scrim-rgb: #lib.rgbify(@base)[];\n --gm3-sys-color-shadow: @base;\n --gm3-sys-color-shadow-rgb: #lib.rgbify(@base)[];\n }\n\n /* Settings menu title & back button */\n .gb_Pc svg,\n .gb_Uc.gb_Zc svg,\n .gb_Pc .gb_gd .gb_od,\n .gb_Pc .gb_gd .gb_Oc,\n .gb_Pc .gb_gd .gb_id,\n .gb_Uc.gb_Zc .gb_od {\n color: @text !important;\n }\n\n /* Settings menu Storage total used icon */\n .VBJTHe svg path {\n fill: @text;\n }\n\n /* Drive sync checkbox disabled */\n .MlG5Jc gm-checkbox[disabled] ~ .VfPpkd-ga,\n .MlG5Jc gm-radio[disabled] ~ .VfPpkd-ga,\n .MlG5Jc .VfPpkd-Qa-Qu-db ~ .VfPpkd-ga,\n .MlG5Jc .VfPpkd-Eg-Qu-db ~ .VfPpkd-ga {\n color: @subtext0 !important;\n }\n\n /* Quota hover box-shadow */\n .KnDsIf:hover,\n .KnDsIf:focus,\n .al9hA {\n box-shadow: 0 2px 6px @overlay0;\n }\n\n /* Quota Google Drive */\n .kJzqSb {\n color: @blue;\n }\n\n /* Quota Google Photos */\n .L1pqQb {\n color: @yellow;\n }\n\n /* Quota Gmail */\n .au0LDe {\n color: @red;\n }\n\n /* Google Account outline */\n .gb_Ea.gb_i {\n border-color: @overlay0;\n background-color: @surface0;\n }\n .gb_Ea.gb_i:focus,\n .gb_Ea.gb_i:hover {\n border-color: @subtext0;\n }\n\n /* File preview (separate tab) background */\n &.ndfHFb-c4YZDc-uoC0bf.ndfHFb-c4YZDc-i5oIFb .ndfHFb-c4YZDc-bnBfGc {\n background-color: @base;\n }\n .a-b-uoC0bf.a-b-L .a-b-jl /* File preview (in Drive) background */ {\n background-color: fade(@base, 85%);\n }\n\n /* File preview (separate tab) top bar */\n &.ndfHFb-c4YZDc-uoC0bf.ndfHFb-c4YZDc-i5oIFb\n .ndfHFb-c4YZDc-Wrql6b.ndfHFb-c4YZDc-Wrql6b-Hyc8Sd,\n .a-b-uoC0bf.a-b-L .a-b-K.a-b-K-Hyc8Sd /* File preview (in Drive) top bar */\n {\n background-color: fade(@base, 85%);\n }\n\n /* File preview (separate tab) bottom bar */\n .ndfHFb-c4YZDc-q77wGc .ndfHFb-c4YZDc-DARUcf-NnAfwf-i5oIFb,\n .ndfHFb-c4YZDc-q77wGc .ndfHFb-c4YZDc-nJjxad-nK2kYb-i5oIFb,\n .a-b-vo .a-b-La-yc-L,\n .a-b-vo .a-b-Kb-ac-L /* File preview (in Drive) bottom bar */ {\n background-color: fade(@base, 85%);\n color: @text !important;\n /* File preview (separate tab) page input */\n .ndfHFb-c4YZDc-DARUcf-NGme3c-YPqjbf,\n .a-b-La-su-vb /* File preview (in Drive) page input */ {\n background-color: fade(@base, 50%);\n color: @text;\n }\n }\n\n /* File preview (separate tab) share button */\n &.ndfHFb-c4YZDc-uoC0bf .zAYgkb-uoC0bf .tk3N6e-LgbsSe,\n &.ndfHFb-c4YZDc-uoC0bf\n .zAYgkb-mAKE4e-LQLjdd-xl07Ob-LgbsSe.VIpgJd-Kb3HCc-xl07Ob-LgbsSe,\n .a-b-uoC0bf .ae-uoC0bf .g-d,\n .a-b-uoC0bf\n .ae-mAKE4e-Hc-w-d.h-R-w-d /* File preview (in Drive) share button */ {\n background-color: @accent;\n color: @base;\n /* File preview (separate tab) share icon */\n .IyROMc-euCgFf-LJSvSb,\n .ae-c /* File preview (in Drive) share icon */ {\n & when (@flavor = latte) {\n filter: brightness(0) invert(97%) sepia(4%) saturate(152%) hue-rotate(\n 183deg\n ) brightness(94%) contrast(106%);\n }\n & when (@flavor = frappe) {\n filter: brightness(0) invert(15%) sepia(8%) saturate(2252%)\n hue-rotate(192deg) brightness(98%) contrast(85%);\n }\n & when (@flavor = macchiato) {\n filter: brightness(0) invert(13%) sepia(26%) saturate(823%)\n hue-rotate(195deg) brightness(90%) contrast(92%);\n }\n & when (@flavor = mocha) {\n filter: brightness(0) invert(10%) sepia(36%) saturate(650%)\n hue-rotate(201deg) brightness(90%) contrast(93%);\n }\n }\n /* File preview (separate tab) share triangle */\n .VIpgJd-Kb3HCc-xl07Ob-LgbsSe-j4gsHd,\n .h-R-w-d-Re /* File preview (in Drive) share triangle */ {\n border-color: @base transparent !important;\n }\n }\n /* File preview (separate tab) share Quick options */\n .zAYgkb-NhlrFc-xl07Ob-BvBYQ,\n .h-w.ae-NhlrFc-w /* File preview (in Drive) share Quick options */ {\n background-color: @base;\n * {\n color: @text !important;\n }\n /* File preview (in Drive) share Quick options current share level container */\n .h-v-x {\n opacity: 100%;\n }\n /* File preview (separate tab) share Quick options divider */\n .zAYgkb-NhlrFc-gqMrKb,\n .ae-NhlrFc-Yo /* File preview (in Drive) share Quick options divider */ {\n border-color: @overlay0;\n }\n /* File preview (separate tab) share Quick options row hover */\n .VIpgJd-j7LFlb-sn54Q,\n .h-v-pc /* File preview (in Drive) share Quick options row hover */ {\n background-color: @surface0;\n }\n /* File preview (separate tab) share Quick options row icon */\n .IyROMc-euCgFf-LJSvSb,\n .ba-ea-i /* File preview (in Drive) share Quick options row icon */ {\n & when (@flavor = latte) {\n filter: brightness(0) invert(31%) sepia(10%) saturate(1268%)\n hue-rotate(196deg) brightness(90%) contrast(86%);\n }\n & when (@flavor = frappe) {\n filter: brightness(0) invert(80%) sepia(7%) saturate(1070%)\n hue-rotate(192deg) brightness(104%) contrast(92%);\n }\n & when (@flavor = macchiato) {\n filter: brightness(0) invert(84%) sepia(13%) saturate(579%)\n hue-rotate(193deg) brightness(99%) contrast(94%);\n }\n & when (@flavor = mocha) {\n filter: brightness(0) invert(84%) sepia(19%) saturate(370%)\n hue-rotate(192deg) brightness(98%) contrast(95%);\n }\n }\n }\n /* File preview (separate tab) Print, Download, 3 dots */\n .ndfHFb-c4YZDc-Bz112c:not([style]),\n .ndfHFb-c4YZDc-Bz112c[style*=\"googlematerialicons\"],\n .ndfHFb-c4YZDc-Bz112c[style=\"user-select: none;\"],\n .ndfHFb-c4YZDc-Wrql6b-htvI8d-wcotoc-wHEfpf-ndfHFb-Bz112c\n /* File preview (separate tab) Save to drive */,\n .ndfHFb-c4YZDc-Wrql6b-w37qKe-Bz112c\n /* File preview (separate tab) Save to drive (clicked) */,\n /* File preview (in Drive) Print, Download, 3 dots */\n .a-b-c:not([style]),\n .a-b-c[style*=\"googlematerialicons\"],\n .a-b-c[style=\"user-select: none;\"],\n .a-b-K-zc-Eb-bg-a-c /* File preview (in Drive) Save to drive */,\n .a-b-K-X-c /* File preview (in Drive) Save to drive (clicked) */ {\n & when (@flavor = latte) {\n filter: brightness(0) invert(31%) sepia(10%) saturate(1268%) hue-rotate(\n 196deg\n ) brightness(90%) contrast(86%);\n }\n & when (@flavor = frappe) {\n filter: brightness(0) invert(80%) sepia(7%) saturate(1070%) hue-rotate(\n 192deg\n ) brightness(104%) contrast(92%);\n }\n & when (@flavor = macchiato) {\n filter: brightness(0) invert(84%) sepia(13%) saturate(579%) hue-rotate(\n 193deg\n ) brightness(99%) contrast(94%);\n }\n & when (@flavor = mocha) {\n filter: brightness(0) invert(84%) sepia(19%) saturate(370%) hue-rotate(\n 192deg\n ) brightness(98%) contrast(95%);\n }\n }\n /* File preview (separate tab) File title */\n .ndfHFb-c4YZDc-Wrql6b-V1ur5d,\n .a-b-cg-Zf /* File preview (in Drive) File title */ {\n color: @text;\n }\n /* File preview (separate tab) 3 dots menu item hover */\n .ndfHFb-c4YZDc-j7LFlb:hover,\n .a-b-v:hover /* File preview (in Drive) 3 dots menu item hover */ {\n background-color: @surface0;\n }\n /* File preview (separate tab) No preview available */\n .ndfHFb-c4YZDc-EglORb-haAclf,\n .a-b-Tb-j /* File preview (in Drive) No preview available */ {\n background-color: @surface0;\n color: @text;\n /* File preview (separate tab) No preview available Download */\n .ndfHFb-c4YZDc-bN97Pc-nupQLb-LgbsSe,\n .a-b-x-rb-d /* File preview (in Drive) No preview available Download */ {\n background-color: @surface1;\n color: @text;\n text-shadow: none;\n border-color: transparent;\n &:hover {\n background-color: @surface2;\n background-image: none;\n }\n }\n /* File preview (separate tab) No preview available Download icon */\n .ndfHFb-c4YZDc-bN97Pc-nupQLb-LgbsSe-Bz112c,\n .a-b-x-rb-d-c /* File preview (in Drive) No preview available Download icon */\n {\n & when (@flavor = latte) {\n filter: brightness(0) invert(31%) sepia(10%) saturate(1268%)\n hue-rotate(196deg) brightness(90%) contrast(86%);\n }\n & when (@flavor = frappe) {\n filter: brightness(0) invert(80%) sepia(7%) saturate(1070%)\n hue-rotate(192deg) brightness(104%) contrast(92%);\n }\n & when (@flavor = macchiato) {\n filter: brightness(0) invert(84%) sepia(13%) saturate(579%)\n hue-rotate(193deg) brightness(99%) contrast(94%);\n }\n & when (@flavor = mocha) {\n filter: brightness(0) invert(84%) sepia(19%) saturate(370%)\n hue-rotate(192deg) brightness(98%) contrast(95%);\n }\n }\n }\n /* File preview (in Drive) text document */\n .a-b-r-x,\n .ndfHFb-c4YZDc-fmcmS-bN97Pc /* File preview (separate tab) text document */\n {\n &,\n pre {\n background-color: @surface0 !important;\n color: @text !important;\n }\n }\n /* File preview (in Drive) comment on image */\n .Yk-efwuC {\n background-color: @surface0 !important;\n /* File preview (in Drive) comment on image person */\n .Yk-Vq7Udc {\n background-color: @surface0 !important;\n [data-name] {\n color: @text !important;\n }\n /* Comment text */\n .Yk-eKrold-Sg.Yk-eKrold-Sg {\n color: @text !important;\n }\n /* Comment date */\n .Yk-eKrold-bi {\n color: @subtext0 !important;\n }\n }\n /* File preview (in Drive) comments */\n .Yk-efwuC-vb-Gd {\n background-color: @surface0;\n &,\n * {\n color: @text !important;\n }\n [role=\"textbox\"] {\n background-color: @surface1;\n border-color: @overlay0;\n &::before {\n color: @subtext0 !important;\n }\n }\n [role=\"button\"] {\n background-color: @surface1 !important;\n /* needed to override border-color */\n &[role=\"button\"] {\n border-color: @overlay0 !important;\n }\n &[aria-disabled=\"true\"] {\n background-color: @surface1 !important;\n color: @subtext0 !important;\n }\n }\n }\n }\n\n /* Drive sharing window material icon */\n .SbpzSe .VfPpkd-StrnGf-rymPhb-f7MjDc {\n color: @accent;\n }\n\n /* Drive sharing window access hover */\n .lfDNBb:hover,\n .lfDNBb:focus-within,\n .ZelW3e:hover .FYhd9e,\n .ZelW3e:focus-within .FYhd9e /* Drive sharing window person row hover */ {\n background-color: @surface0;\n }\n\n /* Drive sharing iframe (in Drive) */\n .lb-k-x {\n color-scheme: unset;\n }\n /* Drive sharing iframe (file preview separate tab) */\n .XKSfm-Sx9Kwc-bN97Pc {\n color-scheme: auto; /* unset doesn't work? */\n }\n [role=\"tooltip\"],\n .Kk7lMc-Ca /* Drive applications sidebar tooltip */,\n .gb_2e /* Drive google account tooltip */ {\n background-color: @surface2;\n *,\n & {\n color: @text !important;\n }\n border-color: transparent;\n /* File preview (separate tab) tooltip arrow */\n .tk3N6e-suEOdc-jQ8oHc,\n .tk3N6e-suEOdc-ez0xG {\n border-color: @surface2 transparent !important;\n }\n }\n\n /* Drive applications sidebar close button */\n .Kk7lMc-QWPxkf-d-j .Yb-Il-d .Yb-Il-d-c-j {\n background-color: @surface0;\n path:nth-child(1) {\n stroke: @text;\n }\n }\n /* Drive applications sidebar get addons */\n .Yb-Il-d#qJTzr .Yb-Il-d-c-j {\n & when (@flavor = latte) {\n filter: brightness(0) invert(31%) sepia(10%) saturate(1268%) hue-rotate(\n 196deg\n ) brightness(90%) contrast(86%);\n }\n & when (@flavor = frappe) {\n filter: brightness(0) invert(80%) sepia(7%) saturate(1070%) hue-rotate(\n 192deg\n ) brightness(104%) contrast(92%);\n }\n & when (@flavor = macchiato) {\n filter: brightness(0) invert(84%) sepia(13%) saturate(579%) hue-rotate(\n 193deg\n ) brightness(99%) contrast(94%);\n }\n & when (@flavor = mocha) {\n filter: brightness(0) invert(84%) sepia(19%) saturate(370%) hue-rotate(\n 192deg\n ) brightness(98%) contrast(95%);\n }\n }\n /* Drive applications sidebar close button white background */\n .Yb-Il-d-c-Nd {\n background-color: transparent;\n }\n\n /* Drive icon */\n [src=\"//ssl.gstatic.com/images/branding/product/1x/drive_2020q4_48dp.png\"] {\n @darkBlue: mix(@blue, @base, 80%);\n @darkGreen: mix(@green, @base, 80%);\n\n @svg: escape(\n '<svg viewBox=\"0 0 87.3 78\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m6.6 66.85 3.85 6.65c.8 1.4 1.95 2.5 3.3 3.3L27.5 53H0c0 1.55.4 3.1 1.2 4.5z\" fill=\"@{darkBlue}\"/><path d=\"M43.65 25 29.9 1.2c-1.35.8-2.5 1.9-3.3 3.3l-25.4 44A9.06 9.06 0 0 0 0 53h27.5z\" fill=\"@{green}\"/><path d=\"M73.55 76.8c1.35-.8 2.5-1.9 3.3-3.3l1.6-2.75L86.1 57.5c.8-1.4 1.2-2.95 1.2-4.5H59.798l5.852 11.5z\" fill=\"@{red}\"/><path d=\"M43.65 25 57.4 1.2C56.05.4 54.5 0 52.9 0H34.4c-1.6 0-3.15.45-4.5 1.2z\" fill=\"@{darkGreen}\"/><path d=\"M59.8 53H27.5L13.75 76.8c1.35.8 2.9 1.2 4.5 1.2h50.8c1.6 0 3.15-.45 4.5-1.2z\" fill=\"@{blue}\"/><path d=\"m73.4 26.5-12.7-22c-.8-1.4-1.95-2.5-3.3-3.3L43.65 25 59.8 53h27.45c0-1.55-.4-3.1-1.2-4.5z\" fill=\"@{yellow}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n /* Drive upload checkmark */\n .z-Ea-Fj-c svg path {\n fill: @green;\n }\n }\n}\n",
|
|
"originalDigest": "1c89f3929abf14f3504161298fe463b0639d68d2",
|
|
"_id": "2e3d6713-be79-4c10-94a7-e1ca8b67065d",
|
|
"_rev": 1780236869491,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 49
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Nitter Catppuccin",
|
|
"description": "Soothing pastel theme for Nitter",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/nitter/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Nitter Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/nitter",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/nitter",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/nitter/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Anitter",
|
|
"description": "Soothing pastel theme for Nitter",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Nitter Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/nitter\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/nitter\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/nitter/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Anitter\n@description Soothing pastel theme for Nitter\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"nitter.net\"),\n domain(\"nitter.unixfox.eu\"),\n domain(\"nitter.42l.fr\"),\n domain(\"nitter.fdn.fr\"),\n domain(\"nitter.1d4.us\"),\n domain(\"nitter.kavin.rocks\"),\n domain(\"nitter.namazso.eu\"),\n domain(\"nitter.hu\"),\n domain(\"bird.trom.tf\"),\n domain(\"nitter.it\"),\n domain(\"twitter.censors.us\"),\n domain(\"nitter.grimneko.de\"),\n domain(\"n.hyperborea.cloud\"),\n domain(\"nitter.ca\"),\n domain(\"twitter.076.ne.jp\"),\n domain(\"nitter.mstdn.social\"),\n domain(\"nitter.fly.dev\"),\n domain(\"nitter.weiler.rocks\"),\n domain(\"nitter.sethforprivacy.com\"),\n domain(\"nttr.stream\"),\n domain(\"nitter.tiekoetter.com\"),\n domain(\"nitter.spaceint.fr\"),\n domain(\"nitter.privacy.com.denitter.mastodon.pro\"),\n domain(\"nitter.notraxx.chnitter.poast.org\"),\n domain(\"nitter.bird.froth.zone\"),\n domain(\"nitter.dcs0.hu\"),\n domain(\"twitter.beparanoid.de\"),\n domain(\"n.ramle.be\"),\n domain(\"nitter.cz\"),\n domain(\"nitter.privacydev.net\"),\n domain(\"tweet.lambda.dance\"),\n domain(\"nitter.kylrth.com\"),\n domain(\"nitter.oishi-ra.men\"),\n domain(\"nitter.foss.wtf\"),\n domain(\"nitter.priv.pw\"),\n domain(\"t.com.sb\"),\n domain(\"xcancel.com\"),\n domain(\"nitter.poast.org\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n body {\n --bg_color: @mantle;\n --fg_color: @text;\n --fg_faded: @subtext1;\n --fg_dark: @accent;\n --fg_nav: @accent;\n --bg_panel: @crust;\n --bg_elements: @base;\n --bg_overlays: @base;\n --bg_hover: @crust;\n --grey: @subtext1;\n --dark_grey: @overlay0;\n --darker_grey: @base;\n --darkest_grey: @mantle;\n --border_grey: @base;\n --accent: @accent;\n --accent_light: lighten(@accent, 10%);\n --accent_dark: darken(@accent, 10%);\n --accent_border: darken(@accent, 10%);\n --play_button: @accent;\n --play_button_hover: @accent;\n --more_replies_dots: darken(@accent, 10%);\n --error_red: @red;\n --verified_blue: @blue;\n --icon_text: @text;\n --tab: @text;\n --tab_selected: @accent;\n --profile_stat: @text;\n --verified_government: @subtext0;\n --verified_business: @yellow;\n background-color: var(--bg_color);\n color: var(--fg_color);\n line-height: 1.3;\n margin: 0;\n }\n\n /* logo */\n img.site-logo {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"500\" height=\"500\" fill=\"none\"><path stroke=\"@{accent}\" stroke-linejoin=\"round\" stroke-width=\"20\" d=\"M145 41H81v418h78V183.5L355 459h64V41h-78v275.5z\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n /* Fix Poll Leader color */\n .poll-meter.leader {\n color: var(--bg_color);\n }\n\n /* xcancel \"verifying your request\" */\n [style=\"background-color:#1f1f1f;color:#1f1f1f;font-family:Arial,Helvetica,sans-serif;font-size:100%;\"] {\n background: @base !important;\n h1,\n h2,\n p,\n #status {\n color: @accent !important;\n }\n [style=\"width:auto;margin:16px auto;border:1px solid #FF6C60;background-color:#1f1f1f;border-radius:3px 3px 3px 3px;padding:10px;\"] {\n background: @base !important;\n border-color: @accent !important;\n }\n }\n\n /* error text color contrast */\n .error-panel {\n color: @crust;\n a {\n color: @crust;\n text-decoration: underline;\n }\n }\n\n /* twitter blue verification checkmark contrast */\n .verified-icon.blue {\n color: @crust;\n }\n }\n}\n\n#rgbify(@color) {\n @rgb: red(@color) green(@color) blue(@color);\n}\n",
|
|
"originalDigest": "4477caecfe3f72e7af79e868c31a7d21c2961a1c",
|
|
"_id": "db96eb7d-2aa8-41e3-8247-765400cb8a23",
|
|
"_rev": 1780236869535,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 50
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Instagram Catppuccin",
|
|
"description": "Soothing pastel theme for Instagram",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/instagram/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Instagram Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/instagram",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/instagram",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/instagram/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ainstagram",
|
|
"description": "Soothing pastel theme for Instagram",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": null,
|
|
"default": "latte",
|
|
"options": [
|
|
{
|
|
"name": "latte",
|
|
"label": "Latte",
|
|
"value": "latte"
|
|
},
|
|
{
|
|
"name": "frappe",
|
|
"label": "Frappé",
|
|
"value": "frappe"
|
|
},
|
|
{
|
|
"name": "macchiato",
|
|
"label": "Macchiato",
|
|
"value": "macchiato"
|
|
},
|
|
{
|
|
"name": "mocha",
|
|
"label": "Mocha",
|
|
"value": "mocha"
|
|
}
|
|
]
|
|
},
|
|
"darkFlavor": {
|
|
"type": "select",
|
|
"label": "Dark Flavor",
|
|
"name": "darkFlavor",
|
|
"value": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"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 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/instagram/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ainstagram\n@description Soothing pastel theme for Instagram\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"instagram.com\") {\n ._aa4d {\n #catppuccin(@darkFlavor);\n }\n ._aa4c {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n @dark-color: if(@flavor = latte, @text, @crust);\n @light-color: if(@flavor = latte, @crust, @text);\n\n &,\n .x1qjc9v5,\n .x9f619,\n .x78zum5,\n .xdt5ytf,\n .x1iyjqo2,\n .xl56j7k {\n --web-always-black: #lib.rgbify(@dark-color)[];\n --ig-primary-icon: #lib.rgbify(@text)[];\n --web-always-white: #lib.rgbify(@light-color)[];\n --always-white: #lib.rgbify(@light-color)[];\n --overlay-alpha-80: fade(@dark-color, 50%);\n --grey-9: #lib.rgbify(@crust)[];\n --ig-primary-background: #lib.rgbify(@base)[];\n --ig-secondary-background: #lib.rgbify(@surface0)[];\n --ig-banner-background: #lib.rgbify(@crust)[];\n --ig-highlight-background: #lib.rgbify(@surface0)[];\n --ig-elevated-background: #lib.rgbify(@crust)[];\n --ig-elevated-highlight-background: #lib.rgbify(@surface0)[];\n --ig-hover-overlay: #lib.rgbify(@text)[], 0.1;\n --hover-overlay: fade(@surface0, 20%);\n --ig-text-on-color: #lib.rgbify(@crust)[];\n --ig-badge: #lib.rgbify(@accent)[];\n --ig-primary-button: #lib.rgbify(@accent)[];\n --ig-primary-button-hover: fade(@accent, 80%);\n --ig-secondary-button-background: #lib.rgbify(@surface0)[];\n --ig-secondary-button-hover: #lib.rgbify(@surface1)[];\n --ig-secondary-button: #lib.rgbify(@text)[];\n --ig-primary-text: #lib.rgbify(@text)[];\n --ig-secondary-text: #lib.rgbify(@subtext0)[];\n --ig-tertiary-text: #lib.rgbify(@subtext0)[];\n --wbloks-primary-text: @text;\n --ig-text-on-media: #lib.rgbify(@text)[];\n --ig-separator: #lib.rgbify(@surface0)[];\n --chat-admin-text-color: #lib.rgbify(@subtext0)[];\n --ig-elevated-separator: #lib.rgbify(@surface0)[];\n --post-separator: #lib.rgbify(@overlay0)[];\n --ig-stroke: #lib.rgbify(@overlay0)[];\n --grey-2: #lib.rgbify(@overlay0)[];\n --ig-link: #lib.rgbify(@accent)[];\n --ig-error-or-destructive: #lib.rgbify(@red)[];\n --ig-success: #lib.rgbify(@green)[];\n --blue-2: #lib.rgbify(@blue)[];\n --ig-close-friends-refreshed: #lib.rgbify(@green)[];\n --ig-text-input-border-hover-prism: #lib.rgbify(@surface1)[];\n --ig-toggle-outline-prism: #lib.rgbify(@text)[];\n --ig-toggle-background-on-prism: #lib.rgbify(@text)[];\n --ig-stroke-prism: #lib.rgbify(@crust)[];\n --barcelona-logo: #lib.rgbify(@text)[];\n --ig-bubble-background: #lib.rgbify(@surface1)[];\n --ig-tertiary-icon: #lib.rgbify(@accent)[];\n --always-dark-overlay: @accent;\n --secondary-text: @subtext0;\n --primary-text: @text;\n --primary-icon: @accent;\n --primary-button-text: @mantle !important;\n --primary-button: @blue !important;\n --mwp-primary-theme-color: darken(@blue, 10%);\n --chat-composer-button-color: darken(@blue, 10%);\n scrollbar-color: @accent @crust;\n }\n #splash-screen {\n background-color: @base !important;\n }\n\n /* Sidebar */\n .x1xgvd2v {\n background-color: @crust !important;\n &[style=\"transform: translateX(0px);\"] {\n background-color: @mantle !important;\n }\n }\n .x1zvrr1 {\n background-color: @mantle;\n }\n svg[aria-label=\"Loading...\"] {\n stroke: @text;\n }\n\n /* Story background */\n .x5qyhuo {\n background-color: @base;\n }\n\n /* Story progress bar */\n ._ac3p {\n background-color: @accent !important;\n }\n\n /* close friends story things */\n .x9bdzbf {\n color: @text !important;\n }\n\n /* Story seen / not seen ring */\n button:has(canvas + span > img[alt$=\"'s profile picture\"]) {\n canvas {\n display: none;\n }\n\n span {\n outline-style: solid;\n outline-offset: 0.15rem;\n }\n\n &[aria-label^=\"Story by\"][aria-label$=\"not seen\"] span {\n outline-color: @accent;\n outline-width: 0.2rem;\n }\n &[aria-label^=\"Story by\"]:not([aria-label$=\"not seen\"]) span {\n outline-color: @surface2;\n outline-width: 0.075rem;\n }\n }\n\n /* Posts */\n ._aggc {\n background-color: @mantle;\n border-color: @overlay0 !important;\n border-radius: var(--modal-border-radius);\n box-shadow: 0 3px 5px -1px fade(@dark-color, 80%);\n box-sizing: border-box;\n }\n ._aatc ._aasi,\n ._ae1i,\n ._aggc textarea.xvbhtw8 {\n background-color: @mantle;\n }\n\n /* Icons */\n svg[aria-label=\"Unlike\"],\n svg[aria-label=\"Verified\"] {\n fill: @accent !important;\n }\n svg[aria-label=\"Next\"],\n svg[aria-label=\"Go back\"],\n svg[aria-label=\"Close\"] {\n fill: @text !important;\n }\n\n /* new post thingy */\n ._aa1q._aa1q {\n color: @text !important;\n }\n\n /* sumting wong's popup box */\n .x879a55,\n .x7ywyr2:not(\n [style*=\"background-color: rgb(var(--ig-highlight-background))\"]\n ) {\n background-color: var(--surface1) !important;\n }\n\n /* Share box */\n .xzloghq {\n background-color: @surface0;\n color: @text !important;\n &:hover {\n color: @mantle !important;\n background-color: @accent !important;\n }\n }\n .xk5f4mz {\n background-color: @mantle;\n &:hover {\n background-color: @accent;\n }\n }\n .x3nfvp2 {\n color: @text !important;\n &:hover {\n color: @crust;\n }\n }\n\n /* reel icon */\n .xq3z1fi {\n color: @accent !important;\n }\n\n /* Toggle sliders */\n .x1r7x56h {\n background-color: @accent;\n }\n .x100vrsf {\n background-color: @surface0;\n }\n\n .x1psfjxj {\n background-color: @mantle;\n }\n span[data-bloks-name=\"bk.components.TextSpan\"] {\n color: @accent !important;\n }\n .xs7f9wi {\n background-color: @mantle !important;\n }\n .x1d72o {\n background-color: @surface0;\n }\n /* Log In With Facebook text */\n ._ab37 {\n color: @blue;\n }\n /* Excluded: - _9ys7, _9_1f, _9ys8 (verified icon) */\n [style*='background-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\")'],\n ._9zkj,\n ._a3ds,\n ._a3dt,\n ._a3du,\n ._a3dv,\n ._a3dw,\n ._9-b3,\n ._9znl,\n ._9z-6,\n ._a3dx,\n ._a3dy,\n ._a3dz,\n ._a3d-,\n ._a3d_,\n ._a3e0,\n ._9zm4,\n ._a3e1,\n ._a3e2,\n ._a3e3,\n ._a3e4,\n ._a3e5,\n ._a3e6,\n ._a3e7,\n ._a3e8,\n ._a3e9,\n ._a3ea,\n ._9_57,\n ._9_n5,\n ._9-y3,\n ._a3eb,\n ._a3ec,\n ._a3ed,\n ._a3ee,\n ._9zlu,\n ._9-yp,\n ._a3ef,\n ._a3eg,\n ._9_wm,\n ._a3eh,\n ._a3ei,\n ._9-j_,\n ._a3ej,\n ._a3ek,\n ._9_ij,\n ._9_d_,\n ._9_e1,\n ._9-mm,\n ._9_cx,\n ._9zm0,\n ._9zfi,\n ._9-ub,\n ._a3el,\n ._9-7-,\n ._9-1a,\n ._a3em,\n ._9zrp,\n ._a3en,\n ._9zz9,\n ._a3eo,\n ._9zmr,\n ._9-8d,\n ._9zhi,\n ._a3ep,\n ._9zs0,\n ._9-j-,\n ._a3eq,\n ._9zli,\n ._9_4y,\n ._9zm2,\n ._9zfj,\n ._9zlg,\n ._a3er,\n ._9-lv,\n ._9_ug,\n ._9_sh,\n ._9_sj,\n ._9-k0,\n ._9z-c,\n ._9_35,\n ._9_hh,\n ._a3es,\n ._a3et,\n ._a3eu,\n ._9-v-,\n ._9_4d,\n ._9zlh,\n ._a3ev,\n ._a3ew,\n ._a3ex,\n ._a3ey,\n ._9_7m,\n ._9_fv,\n ._a3ez,\n ._9-zf,\n ._9-zg,\n ._9-ze,\n ._a9fa,\n ._9-zh,\n ._9-zi,\n ._9-zj,\n ._9-zk,\n ._9-zl,\n ._9-zm,\n ._9-zn,\n ._9-zo,\n ._9-zp,\n ._9-zq,\n ._9-zr,\n ._9-zs,\n ._9-zt,\n ._a3op,\n ._a3oq,\n ._9-zu,\n ._9-zv,\n ._9-zw,\n ._9-zx,\n ._9-zy,\n ._9-zz,\n ._9-z-,\n ._a3or,\n ._a3ot,\n ._a3os,\n ._9zs1,\n ._9zs2,\n ._9-z_,\n ._9--0,\n ._9--1,\n ._9--2,\n ._9--3,\n ._9--4,\n ._9--5,\n ._9--6,\n ._9--7,\n ._9--f,\n ._9--8,\n ._9--9,\n ._9--a,\n ._9--b,\n ._9--c,\n ._9--d,\n ._9--e,\n ._a3ou,\n ._9--g,\n ._9--h,\n ._9--i,\n ._9--j,\n ._9--l,\n ._9--k,\n ._9--m,\n ._9--n,\n ._9--o,\n ._9--p,\n ._9--q,\n ._a3ov,\n ._9--s,\n ._9--r,\n ._9--t,\n ._9--u,\n ._9--v,\n ._9--x,\n ._9--y,\n ._9--w,\n ._9--z,\n ._9--_,\n ._9-_0,\n ._9-_1,\n ._9-_2,\n ._9-_3,\n ._9---,\n ._9-_4,\n ._9-_5,\n ._9-_6,\n ._9-_7,\n ._a3wy,\n ._9-_8,\n ._9-_9,\n ._a3ow,\n ._9-_a,\n ._9-_b,\n ._9-_c,\n ._9-_d,\n ._9-_e,\n ._9-_f,\n ._9-_g,\n ._9-_h,\n ._9-_i,\n ._9-_j,\n ._9-_k,\n ._9-_l,\n ._9-_m,\n ._9-_n,\n ._9-_o,\n ._a3ox,\n ._9-_p,\n ._9-_q,\n ._a9fb,\n ._9-_t,\n ._9-_r,\n ._9-_s,\n ._a93g,\n ._9-_u,\n ._9-_v,\n ._a9fc,\n ._9-_w,\n ._9-_x,\n ._9-_y,\n ._9-_z,\n ._9-_-,\n ._9-__,\n ._9_00,\n ._a3oy,\n ._9_01,\n ._9_02,\n ._9_03,\n ._9_04,\n ._9_05,\n ._9_08,\n ._9_09,\n ._9_07,\n ._9_06,\n ._9_0a,\n ._9_0b,\n ._9_0c,\n ._9_0d,\n ._9_0e,\n ._9_0f,\n ._9_0g,\n ._a93h,\n ._9_0h,\n ._9_0i,\n ._9_0j,\n ._9_0k,\n ._aepo,\n ._9_0l,\n ._9_0m,\n ._9_0n,\n ._9_0o,\n ._9_0p,\n ._a3oz,\n ._a93l,\n ._9_0r,\n ._9_0s,\n ._a7tk,\n ._9_0q,\n ._a3o-,\n ._9_0t,\n ._9_0v,\n ._9_0u,\n ._a9ej,\n ._9_0w,\n ._9_0x,\n ._9_0y,\n ._9_0z,\n ._9_0_,\n ._9_0-,\n ._9_10,\n ._9_11,\n ._9_12,\n ._9_13,\n ._9_14,\n ._9_15,\n ._a3o_,\n ._9_18,\n ._9_19,\n ._9_1a,\n ._9_1e,\n ._9_1b,\n ._9_1c,\n ._9_1d,\n ._9_16,\n ._9_17,\n ._a3p0,\n ._9_1g,\n ._9_1i,\n ._9_1h,\n ._9_1j,\n ._9_1k,\n ._9_1l,\n ._9_1m,\n ._a9pw {\n filter: @text-filter;\n }\n\n /* Custom icons */\n @instagram_gradient: radial-gradient(\n circle at 30% 107%,\n @yellow 0%,\n @yellow 5%,\n @peach 45%,\n @mauve 60%,\n @blue 90%\n );\n /* Instagram text logo */\n [style*=\"background-image: url(\\\"https://static.cdninstagram.com/rsrc.php/v3/yU/r/H5Bq7ru-y9E.png\\\");\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"110\" height=\"39.285\" viewBox=\"0 0 110 39.285\"><path fill=\"@{text}\" d=\"M8.481 6.431C6.358 7.32 4.025 9.83 3.288 12.98c-.934 3.992 2.951 5.68 3.269 5.127.375-.65-.696-.87-.916-2.941-.285-2.675.959-5.665 2.525-6.976.292-.244.277.096.277.723 0 1.122-.062 11.194-.062 13.296 0 2.845-.118 3.742-.329 4.63-.213.9-.558 1.507-.297 1.741.292.262 1.533-.361 2.253-1.365.862-1.203 1.165-2.65 1.219-4.22.066-1.893.063-4.896.066-6.609.002-1.571.026-6.172-.028-8.938-.013-.679-1.894-1.39-2.783-1.018m75.38 13.312c-.068 1.478-.396 2.635-.802 3.45-.786 1.579-2.419 2.068-3.111-.2-.377-1.236-.395-3.302-.123-5.028.276-1.758 1.048-3.086 2.325-2.966 1.261.118 1.85 1.742 1.712 4.744m-21.248 9.173c-.017 2.457-.404 4.611-1.233 5.237-1.176.887-2.757.221-2.43-1.571.289-1.586 1.659-3.207 3.666-5.187 0 0 .004.451-.003 1.52m-.321-9.188c-.072 1.346-.421 2.699-.802 3.464-.786 1.579-2.43 2.071-3.111-.2-.465-1.552-.354-3.562-.123-4.828.299-1.642 1.024-3.167 2.325-3.167 1.265 0 1.89 1.388 1.712 4.73zm-12.307-.021c-.077 1.427-.355 2.619-.802 3.485-.808 1.568-2.407 2.065-3.111-.2-.508-1.634-.336-3.86-.123-5.063.314-1.785 1.099-3.05 2.325-2.93 1.26.123 1.872 1.742 1.712 4.709zm56.401 1.667c-.308 0-.449.318-.564.851-.404 1.858-.827 2.277-1.374 2.277-.611 0-1.159-.92-1.3-2.761-.111-1.448-.094-4.114.048-6.765.029-.544-.121-1.084-1.583-1.615-.629-.229-1.543-.564-1.998.533-1.286 3.103-1.789 5.568-1.907 6.568-.007.052-.069.063-.08-.058-.076-.802-.244-2.258-.265-5.32-.004-.597-.131-1.105-.79-1.521-.428-.27-1.727-.748-2.195-.179-.405.464-.875 1.715-1.362 3.198a270 270 0 0 1-.672 2.02s.006-3.251.01-4.485c.002-.465-.317-.62-.414-.648-.433-.125-1.287-.336-1.649-.336-.447 0-.557.25-.557.614 0 .047-.07 4.28-.07 7.24l.001.418c-.248 1.361-1.049 3.207-1.921 3.207s-1.285-.772-1.285-4.301c0-2.058.062-2.954.092-4.442.018-.858.052-1.516.05-1.665-.007-.459-.799-.69-1.167-.774a3.5 3.5 0 0 0-.944-.106c-.355.02-.607.253-.607.574l.002.499c-.459-.721-1.196-1.221-1.685-1.366-1.321-.393-2.699-.045-3.739 1.41-.826 1.156-1.324 2.465-1.52 4.346-.143 1.375-.097 2.77.158 3.949-.308 1.331-.879 1.876-1.505 1.876-.909 0-1.566-1.483-1.491-4.047.051-1.686.388-2.87.757-4.582.157-.73.03-1.112-.292-1.478-.294-.336-.921-.507-1.821-.296a32 32 0 0 1-2.397.437s.051-.202.092-.558c.218-1.868-1.811-1.716-2.458-1.12-.386.356-.649.777-.749 1.531-.158 1.199.82 1.763.82 1.763-.321 1.469-1.107 3.386-1.918 4.772-.435.743-.767 1.294-1.197 1.879l-.003-.652c-.01-3.087.031-5.515.05-6.391.018-.858.052-1.498.051-1.648-.004-.336-.2-.462-.607-.621a4.4 4.4 0 0 0-1.227-.274c-.558-.044-.893.252-.884.602.002.066.002.471.002.471-.459-.721-1.196-1.221-1.685-1.366-1.321-.392-2.699-.044-3.739 1.41-.826 1.156-1.367 2.778-1.52 4.332-.143 1.448-.117 2.679.078 3.715-.21 1.038-.814 2.123-1.496 2.123-.873 0-1.37-.772-1.37-4.301 0-2.058.062-2.954.092-4.442.018-.858.052-1.516.05-1.665-.007-.459-.799-.69-1.167-.774a3.4 3.4 0 0 0-.975-.103c-.338.025-.574.328-.574.552v.519c-.459-.721-1.196-1.221-1.685-1.366-1.321-.392-2.692-.039-3.739 1.41-.683.945-1.235 1.992-1.52 4.311a14 14 0 0 0-.113 1.884c-.273 1.665-1.475 3.585-2.458 3.585-.575 0-1.124-1.117-1.124-3.497 0-3.17.196-7.684.23-8.119l1.484-.024c.62-.007 1.181.008 2.008-.034.415-.021.813-1.508.386-1.692-.194-.084-1.563-.156-2.107-.168-.457-.01-1.727-.105-1.727-.105s.114-2.996.141-3.312c.022-.264-.319-.399-.515-.482-.476-.201-.902-.298-1.407-.402-.697-.144-1.013-.003-1.076.585-.094.893-.141 3.509-.141 3.509-.512 0-2.259-.1-2.771-.1-.475 0-.989 2.045-.331 2.07.757.03 2.075.055 2.948.081 0 0-.039 4.588-.039 6.005l.001.437c-.481 2.507-2.175 3.861-2.175 3.861.364-1.659-.38-2.904-1.718-3.958a123 123 0 0 0-2.556-1.929s.631-.621 1.19-1.872c.396-.887.414-1.9-.56-2.124-1.608-.37-2.934.811-3.329 2.071-.307.977-.143 1.701.457 2.454q.066.083.141.167c-.363.7-.861 1.641-1.284 2.372-1.171 2.027-2.057 3.632-2.727 3.632-.535 0-.528-1.628-.528-3.153 0-1.315.097-3.29.175-5.336.025-.676-.312-1.063-.88-1.411-.344-.212-1.08-.629-1.506-.629-.638 0-2.477.087-4.215 5.114-.219.634-.649 1.789-.649 1.789l.037-6.046c0-.142-.076-.279-.249-.373-.293-.16-1.075-.484-1.771-.484q-.497 0-.497.461l-.061 9.459c0 .718.019 1.557.09 1.924s.186.665.328.844a.95.95 0 0 0 .576.369c.252.052 1.63.229 1.702-.298.086-.631.089-1.315.813-3.861 1.127-3.966 2.596-5.9 3.287-6.587.121-.12.259-.128.252.069-.03.869-.133 3.042-.204 4.887-.187 4.939.712 5.854 1.995 5.854.982 0 2.367-.976 3.851-3.446a868 868 0 0 0 2.47-4.137c.45.417.955.865 1.46 1.343 1.173 1.112 1.558 2.17 1.302 3.174-.196.767-.931 1.557-2.241.789-.382-.224-.544-.397-.928-.65-.206-.135-.521-.176-.71-.034-.491.37-.77.839-.931 1.421-.156.567.411.866 1 1.127.506.226 1.594.43 2.288.453 2.704.09 4.87-1.306 6.378-4.906.27 3.11 1.419 4.87 3.414 4.87 1.334 0 2.672-1.725 3.257-3.421q.254 1.038.737 1.802c1.538 2.437 4.521 1.912 6.019-.157.463-.639.533-.869.533-.869.219 1.954 1.792 2.636 2.693 2.636 1.009 0 2.05-.476 2.781-2.121a6 6 0 0 0 .281.51c1.538 2.437 4.521 1.912 6.019-.157a10 10 0 0 0 .186-.264l.044 1.284-1.379 1.265c-2.31 2.119-4.066 3.727-4.194 5.599-.166 2.387 1.77 3.275 3.235 3.39 1.555.123 2.888-.736 3.706-1.938.721-1.058 1.191-3.336 1.157-5.586-.013-.901-.036-2.046-.054-3.275a26.4 26.4 0 0 0 2.569-3.529c.917-1.52 1.901-3.561 2.405-5.149 0 0 .855.008 1.767-.053.292-.019.375.041.321.254-.065.259-1.152 4.451-.16 7.245.679 1.912 2.21 2.527 3.117 2.527 1.063 0 2.079-.802 2.623-1.993a4 4 0 0 0 .209.38c1.538 2.437 4.51 1.909 6.019-.157.341-.466.533-.869.533-.869.323 2.022 1.896 2.647 2.796 2.647.938 0 1.828-.385 2.551-2.094.03.752.078 1.368.153 1.562.046.119.312.267.506.34.858.318 1.734.167 2.057.102.224-.045.399-.226.424-.69.063-1.22.024-3.27.394-4.794.621-2.558 1.2-3.549 1.475-4.04.154-.275.328-.32.333-.03.013.59.042 2.319.283 4.644.177 1.709.413 2.72.594 3.04.518.914 1.157.958 1.677.958.331 0 1.024-.091.961-.673-.03-.284.023-2.037.635-4.556.399-1.646 1.066-3.132 1.307-3.675.089-.2.13-.043.129-.012-.051 1.133-.164 4.839.297 6.865.626 2.746 2.435 3.053 3.067 3.053 1.346 0 2.448-1.024 2.818-3.719.089-.649-.043-1.149-.439-1.149\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n background-position: -3px -7px !important;\n background-size: unset !important;\n }\n /* 2fa lock icon */\n [aria-label=\"Two factor authentication lock icon\"] {\n @svg: escape(\n '<svg width=\"76\" height=\"76\" viewBox=\"0 0 76 76\" fill=\"@{blue}\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M38.49.004c-4.62-.066-9.374.71-14.079 2.456C7.41 8.766-2.782 27.015.672 44.969c2.997 15.573 14.442 27.16 29.91 30.28 23.375 4.714 45.416-13.374 45.416-37.271C75.998 16.38 58.508.288 38.49.004m-.503 3.098c3.374 0 6.747.41 9.379 1.231C59.724 8.187 67.739 16.208 71.63 28.616c1.644 5.24 1.645 13.474.002 18.741-3.825 12.263-11.866 20.357-24.019 24.174-6.902 2.169-15.31 1.747-22.419-1.125C5.896 62.611-2.438 40.654 6.89 22.181c4.408-8.729 11.704-14.725 21.717-17.848 2.632-.82 6.006-1.231 9.38-1.231m15.47 1.416.082.04q-.02.04-.037.081a1 1 0 0 0-.045-.12m-.011.872q.015.042.034.08l-.093-.041a.3.3 0 0 0 .059-.039M37.987 21.69c-4.812 0-7.402 2.806-7.404 8.02 0 2.714-.056 2.839-1.26 2.839-1.61 0-3.961 1.21-4.358 2.243-.168.44-.306 3.79-.306 7.446 0 6.398.045 6.692 1.211 7.858l1.212 1.211h21.81l1.212-1.21c1.167-1.167 1.212-1.46 1.212-7.859 0-3.655-.139-7.006-.307-7.446-.397-1.033-2.748-2.243-4.359-2.243-1.203 0-1.259-.125-1.26-2.838 0-5.215-2.59-8.021-7.403-8.021m0 3.208c3.374 0 4.443 1.201 4.443 4.99v2.66h-8.885v-2.66c0-3.789 1.07-4.99 4.442-4.99m.084 10.563c4.69.023 9.362.276 9.745.738.378.455.524 2.583.431 6.294l-.14 5.606-9.904.133c-5.447.073-10.057-.019-10.244-.205-.613-.614-.386-11.284.254-11.924.458-.458 5.167-.665 9.858-.642M38 39.723a1.05 1.05 0 0 0-1.05 1.049 1.05 1.05 0 0 0 .617.957v2.225h.865v-2.225a1.05 1.05 0 0 0 .617-.957 1.05 1.05 0 0 0-1.05-1.05m15.607 30.662a1 1 0 0 0-.084.14.2.2 0 0 0-.068-.072zm-.122.923q.031.056.078.098-.06.028-.123.053c.016-.05.029-.088.045-.151\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n /* \"All caught up\" icon */\n img[src=\"/images/instagram/xig/web/illo-confirm-refresh-light.png\"] {\n @svg: escape(\n '<svg width=\"96\" height=\"95.986\" viewBox=\"0 0 25.4 25.397\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"@{accent}\"><path d=\"M12.591.001c-1.934.008-2.265.045-3.353.374-.664.201-1.703.612-2.308.914s-1.582.931-2.172 1.396c-.589.466-1.436 1.287-1.883 1.825-.468.564-1.127 1.604-1.554 2.455C.913 7.777.45 8.923.292 9.514c-.234.872-.288 1.461-.292 3.152-.004 1.575.053 2.291.231 2.951.13.479.353 1.192.497 1.582.143.391.389.964.546 1.274s.581.994.943 1.519a14.4 14.4 0 0 0 1.558 1.82c.496.476 1.263 1.109 1.706 1.408s1.112.698 1.487.887 1.069.477 1.543.638c.473.161 1.282.371 1.799.466s1.513.178 2.214.184 1.667-.05 2.146-.125 1.355-.293 1.945-.485 1.375-.501 1.744-.687a17 17 0 0 0 1.475-.88c.443-.298 1.21-.932 1.706-1.408s1.197-1.295 1.559-1.82.81-1.257.995-1.626.494-1.154.685-1.744.41-1.465.485-1.945.136-1.385.136-2.012-.061-1.533-.136-2.012-.293-1.355-.485-1.945-.5-1.375-.685-1.744-.633-1.1-.994-1.626a14.4 14.4 0 0 0-1.559-1.82c-.496-.476-1.286-1.125-1.757-1.443-.471-.317-1.289-.778-1.82-1.023S16.49.466 15.868.297c-.969-.261-1.437-.304-3.277-.296m-.515.555.001.003h-.004q.002 0 .003-.003m.65.254c1.324.011 2.002.084 2.817.303.59.158 1.58.531 2.2.827s1.435.763 1.811 1.036.972.764 1.324 1.09.938.995 1.302 1.486.906 1.402 1.203 2.025c.297.622.671 1.614.831 2.205.23.851.29 1.448.29 2.884 0 1.426-.061 2.039-.287 2.884-.158.59-.586 1.677-.95 2.414s-1 1.748-1.412 2.245-1.155 1.241-1.652 1.652c-.497.412-1.507 1.047-2.245 1.412s-1.824.787-2.414.937c-.599.153-1.696.299-2.482.331-.874.035-1.772-.013-2.369-.127a17 17 0 0 1-1.677-.418 16 16 0 0 1-1.656-.7c-.517-.256-1.271-.709-1.677-1.006s-.999-.789-1.317-1.092c-.319-.303-.875-.948-1.235-1.432s-.899-1.39-1.197-2.012c-.297-.622-.667-1.615-.821-2.205s-.312-1.707-.35-2.482c-.055-1.1-.011-1.693.2-2.71.148-.716.474-1.772.723-2.348s.692-1.408.984-1.849.919-1.214 1.392-1.716S5.417 3.202 6.022 2.8s1.515-.903 2.024-1.112a18 18 0 0 1 1.931-.637c.76-.194 1.432-.253 2.75-.242m3.229.115v.002l.006.004-.012-.003zm3.312 6.912c-.129 0-2.197 1.962-4.596 4.36l-4.363 4.361-2.077-2.08c-1.456-1.459-2.167-2.08-2.38-2.08-.225 0-.304.078-.304.3 0 .21.679.98 2.245 2.549 1.413 1.415 2.345 2.248 2.514 2.248.174 0 1.838-1.568 4.73-4.459 3.7-3.699 4.461-4.523 4.461-4.829 0-.262-.068-.369-.234-.369m5.624 2.252.004.015q-.003-.004-.008-.007zm-.303.013.006.003-.004.005zM7.614 23.749l.019.009-.004.016q-.006-.013-.014-.024m8.544.584-.001.003-.004-.002zm.004.306.003.001-.005.001z\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n [style*='background-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\")'] {\n /* No photo icon */\n &[style*=\"background-position: 0px -97px\"] {\n filter: none;\n background: @mauve !important;\n background: @instagram_gradient !important;\n mask-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\");\n mask-position: 0 -97px;\n }\n\n /* Private page icon */\n &[style*=\"background-position: -49px -97px\"] {\n filter: none;\n background: @mauve !important;\n background: @instagram_gradient !important;\n mask-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\");\n mask-position: -49px -97px;\n }\n\n &[style*=\"background-position: -49px 0px\"] {\n filter: none;\n background: @mauve !important;\n background: @instagram_gradient !important;\n mask-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\");\n mask-position: -49px 0;\n }\n }\n\n /* Post swipe icons */\n ._aaqh {\n background-color: @surface0;\n }\n\n /* Inside primary buttons */\n .xzloghq,\n ._acas:not(._acao) {\n &,\n svg {\n color: @crust;\n fill: @mantle;\n }\n }\n ._acas:not(._acao):hover {\n background-color: @surface0 !important;\n color: @accent !important;\n }\n\n /* Secondary buttons */\n .x1gjpkn9,\n ._acat,\n ._acap {\n &,\n a& {\n &,\n &:visited {\n color: @text;\n }\n }\n }\n\n /* Profile banner */\n div:has(> .x1mu97ne) {\n background-color: @crust;\n border-color: @overlay0;\n box-shadow: 0 10px 35px 2px fade(@dark-color, 30%);\n }\n\n /* Dialog overlay */\n .x7r02ix[role=\"dialog\"] {\n box-shadow: 0 5px 10px 0 fade(@dark-color, 50%);\n }\n\n /* Settings */\n ._ab81 {\n background-color: @mantle;\n }\n ._ab85,\n ._ab6i,\n ._ab85 .xvbhtw8,\n ._aav4 {\n background-color: @crust;\n }\n /* Settings saved toast */\n ._abmp {\n color: @text;\n }\n\n /* Bloks */\n .wbloks_1[data-bloks-name=\"bk.components.Collection\"] {\n background-color: @base !important;\n }\n div[data-bloks-name=\"bk.components.Flexbox\"],\n .wbloks_1[data-bloks-name=\"bk.components.Flexbox\"] {\n /* Radios have left padding */\n padding-left: 0 !important;\n\n /* The heading */\n &[style*=\"background: rgb(0\\, 0\\, 0)\"],\n &[style*=\"background: rgb(255\\, 255\\, 255)\"] {\n background-color: @base !important;\n }\n\n /* Radios */\n &[style*=\"border-radius: 10.5px\"],\n &[style*=\"border-radius: 12px\"],\n &[style*=\"border-radius: 4px\"] {\n /* Selected radio */\n &[style*=\"background: rgb(0\\, 149\\, 246)\"] {\n background-color: @accent !important;\n }\n\n /* Not selected radio */\n &[style*=\"background: rgb(219\\, 219\\, 219)\"],\n &[style*=\"background: rgb(38\\, 38\\, 38)\"],\n &[style*=\"background: rgb(54\\, 54\\, 54)\"],\n &[style*=\"background: rgb(255\\, 255\\, 255)\"] {\n background-color: @surface0 !important;\n }\n }\n\n /* That \"border\" */\n &[style*=\"background: rgb(38\\, 38\\, 38)\"] {\n display: none;\n }\n }\n\n span[data-bloks-name=\"bk.components.TextSpan\"],\n span[data-bloks-name=\"bk.components.Text\"] {\n &[style*=\"color: rgb(250\\, 250\\, 250)\"],\n &[style*=\"color: rgb(224\\, 241\\, 255)\"],\n &[style*=\"color: rgb(0\\, 55\\, 107)\"],\n &[style*=\"color: rgb(38\\, 38\\, 38)\"] {\n color: @text !important;\n }\n\n &[style*=\"color: rgb(142\\, 142\\, 142)\"] {\n color: @subtext0 !important;\n }\n }\n\n /* Map pop-ups */\n .leaflet-popup-content-wrapper,\n .leaflet-popup-tip {\n background-color: @mantle;\n box-shadow: 0 5px 15px fade(@dark-color, 60%);\n\n * {\n color: @text !important;\n }\n }\n\n /* Scrollbar */\n ::-webkit-scrollbar {\n background-color: @crust;\n }\n\n ::-webkit-scrollbar-thumb {\n background-color: @accent;\n border-radius: 10px;\n }\n }\n}\n\n@-moz-document regexp(\"^.*instagram.com/direct.*\") {\n ._aa4d {\n #catppuccin(@darkFlavor);\n }\n ._aa4c {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n\n .x11jlvup {\n --chat-outgoing-message-bubble-background-color: fade(@blue, 80%);\n }\n .x1n2onr6 {\n --chat-incoming-message-bubble-background-color: @surface0;\n }\n\n /* Chat background */\n .xnz67gz {\n background-color: @base;\n }\n /* messages you've sent */\n .xyk4ms5 {\n color: @crust !important;\n }\n /* sidebar */\n .xvbhtw8 {\n background-color: @mantle;\n }\n .x186z157,\n .xk50ysn,\n .xi81zsa {\n color: @subtext0 !important;\n }\n\n /* New Chat Button */\n .xk5f4mz {\n background-color: @surface0;\n }\n\n /* Chat button */\n .x1i10hfl:hover {\n color: @text;\n }\n .x1bvjpef {\n color: @crust;\n }\n .x1bvjpef:hover {\n color: lighten(@accent, 5%);\n }\n\n /* notes */\n .xsnw5ke,\n .x3zg9eu::after {\n background-color: @surface0 !important;\n }\n .x103n6ev,\n .xzxgvzf {\n background-image: linear-gradient(\n -90deg,\n fade(@surface0, 30%),\n fade(@surface0, 100%)\n );\n }\n\n /* voice clip */\n div.x7ywyr2 {\n &[style*=\"background-color: rgb(var(--ig-highlight-background))\"] {\n div[aria-label=\"Play\"],\n div[aria-label=\"Pause\"],\n div[role=\"timer\"],\n div[role=\"slider\"] {\n background-color: @text !important;\n }\n div[style*=\"clip-path\"] div.x5yr21d.xh8yej3.x1bhxuv2 {\n background-color: @subtext0 !important;\n }\n div[aria-label=\"Play\"]:hover {\n background-color: @subtext1 !important;\n }\n }\n &[style*=\"background-color: var(--mwp-primary-theme-color)\"] {\n background-color: var(--mwp-primary-theme-color) !important;\n div[aria-label=\"Play\"],\n div[aria-label=\"Pause\"],\n div[role=\"slider\"],\n div[role=\"timer\"] {\n background-color: @text !important;\n }\n div[aria-label=\"Play\"]:hover {\n background-color: @subtext1 !important;\n }\n }\n }\n /* voice clip recording container */\n div[style*=\"background-color: var(--chat-composer-button-color)\"] {\n div[role=\"slider\"] {\n opacity: 1 !important;\n background-color: darken(@blue, 4%) !important;\n }\n div[aria-label=\"Play\"],\n div[aria-label=\"Pause\"],\n div[role=\"timer\"],\n div[aria-label=\"Stop recording\"] {\n background-color: @text !important;\n }\n }\n\n /* explicit music icon in notes */\n .x1cp0k07 {\n color: @text;\n }\n }\n}\n",
|
|
"originalDigest": "68d130b67a02893f6b3d4ea69cb8639158456fe8",
|
|
"_id": "b01b9754-4aad-4bcc-ab3c-445259427320",
|
|
"_rev": 1780236869574,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 51
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Syncthing Catppuccin",
|
|
"description": "Soothing pastel theme for Syncthing",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/syncthing/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Syncthing Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/syncthing",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/syncthing",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/syncthing/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Asyncthing",
|
|
"description": "Soothing pastel theme for Syncthing",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"urls": {
|
|
"type": "text",
|
|
"label": "URL(s) for Syncthing",
|
|
"name": "urls",
|
|
"value": null,
|
|
"default": "127\\.0\\.0\\.1\\:8384,0\\.0\\.0\\.0\\:8384,localhost\\:8384",
|
|
"options": null
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Syncthing Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/syncthing\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/syncthing\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/syncthing/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Asyncthing\n@description Soothing pastel theme for Syncthing\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 text urls \"URL(s) for Syncthing\" \"127\\.0\\.0\\.1\\:8384,0\\.0\\.0\\.0\\:8384,localhost\\:8384\"\n==/UserStyle== */\n\n@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n/*\n `replace(<stuff> ,\" \", \"\", \"g\")` is here to remove extra spaces (if any)\n*/\n\n@-moz-document regexp(\n replace(replace(%(\"https?://(%s)/.*\", @urls), \",\", \"|\", \"g\"), \" \", \"\", \"g\")\n ) {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n .light-theme {\n #catppuccin(@lightFlavor);\n }\n .dark-theme {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n body {\n color: @text !important;\n background-color: @base !important;\n }\n\n a {\n color: @accent;\n }\n\n .nav-tabs > li.active > a:hover,\n .nav-tabs > li.active > a {\n color: @accent !important;\n }\n\n /* navbar */\n .navbar {\n background-color: @mantle !important;\n border-color: @mantle !important;\n }\n\n .navbar-text,\n .dropdown > a,\n .dropdown-menu > li > a,\n .hidden-xs > a,\n .navbar-link {\n color: @text !important;\n }\n\n .dropdown-menu {\n border-color: @surface1 !important;\n background-color: @mantle !important;\n }\n\n .dropdown-menu > li > a:hover,\n .dropdown-menu > li > a:focus {\n color: @text !important;\n background-color: @surface0 !important;\n }\n\n .open > .dropdown-toggle,\n .dropdown-toggle:hover {\n border-color: @surface1 !important;\n background-color: @surface0 !important;\n }\n\n .divider {\n background-color: @surface1 !important;\n }\n\n li.hidden-xs:hover,\n .navbar-link:hover,\n .navbar-link:focus {\n border-color: @surface1 !important;\n background-color: @surface0 !important;\n }\n\n .dropdown-menu > .active > a {\n color: @base !important;\n background-color: @accent !important;\n }\n\n /* main panel */\n .panel {\n background-color: @base !important;\n }\n\n .panel-default {\n border-color: @surface0 !important;\n }\n\n .panel-default > .panel-heading {\n color: @text !important;\n border-color: @surface0 !important;\n background-color: @surface0 !important;\n }\n\n .panel-footer {\n background-color: @base !important;\n }\n\n .table-striped > tbody > tr {\n border-top-color: @surface0 !important;\n }\n\n .table-striped > tbody > tr:nth-of-type(odd) {\n background-color: @base !important;\n }\n\n .panel-group .panel-heading + .panel-collapse > .panel-body,\n .panel-group .panel-heading + .panel-collapse > .list-group {\n border-top-color: @base !important;\n }\n\n .identicon > rect {\n fill: @text !important;\n }\n\n /* buttons */\n .btn-default {\n color: @text !important;\n background-color: transparent !important;\n border-color: @surface0 !important;\n }\n\n .btn-default:hover,\n .btn-default:focus,\n .btn-default.focus {\n color: @text !important;\n background-color: @surface0 !important;\n }\n\n .btn-primary {\n background-color: @accent !important;\n color: @base;\n }\n\n .btn-primary:hover,\n .btn-primary:focus,\n .btn-primary.focus {\n background-color: fade(@accent, 90%) !important;\n }\n\n .btn-warning {\n background-color: @yellow !important;\n color: @base;\n }\n\n .btn-warning:hover,\n .btn-warning:focus,\n .btn-warning.focus {\n background-color: fade(@yellow, 90%) !important;\n }\n\n .btn-danger {\n background-color: @red !important;\n color: @base;\n }\n\n .btn-danger:hover,\n .btn-danger:focus,\n .btn-danger.focus {\n background-color: fade(@red, 90%) !important;\n }\n\n /* modal dialogs */\n .modal-header {\n border-color: @surface0 !important;\n background-color: @mantle;\n }\n\n .modal-content {\n border-color: @surface0 !important;\n background-color: @mantle !important;\n }\n\n .modal-footer {\n border-color: @surface0 !important;\n background-color: @mantle !important;\n }\n\n .alert-warning {\n background-color: @yellow !important;\n color: @base !important;\n }\n\n .alert-danger {\n background-color: @red !important;\n color: @base !important;\n }\n\n .help-block {\n color: @text !important;\n }\n\n .form-control {\n color: @text !important;\n border-color: @surface0 !important;\n background-color: @base !important;\n }\n\n code.ng-binding {\n color: @mauve !important;\n background-color: @mantle !important;\n }\n\n .well,\n .form-control[readonly=\"readonly\"] {\n /* read-only fields */\n color: @subtext0 !important;\n border-color: @subtext0 !important;\n background-color: @mantle !important;\n }\n\n /* buttons for pagination */\n .pagination > li > a,\n .pagination > li > span {\n background-color: @base !important;\n border-color: @surface0 !important;\n }\n\n .pagination > li > a:hover,\n .pagination > li > a:focus,\n .pagination > li > a.focus {\n background-color: @surface0 !important;\n }\n\n /* progress bars */\n .progress-bar {\n background-color: @accent !important;\n }\n\n .progress-bar-success {\n background-color: @green !important;\n }\n\n .progress-bar-info {\n background-color: @flamingo !important;\n }\n\n .progress-bar-warning {\n background-color: @yellow !important;\n }\n\n .progress-bar-danger {\n background-color: @red !important;\n }\n\n /* text */\n .text-primary {\n color: @accent !important;\n }\n\n .text-success {\n color: @green !important;\n }\n\n .text-info {\n color: @flamingo !important;\n }\n\n .text-warning {\n color: @yellow !important;\n }\n\n .text-danger {\n color: @red !important;\n }\n }\n}\n",
|
|
"originalDigest": "0ce0662acb5aa85c947c1e028d9ad7d103fcf95f",
|
|
"_id": "6e0d7332-d4a4-47ce-a60d-ce92a9e0cd55",
|
|
"_rev": 1780236869630,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 52
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Advent Of Code Catppuccin",
|
|
"description": "Soothing pastel theme for Advent Of Code",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/advent-of-code/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Advent Of Code Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/advent-of-code",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/advent-of-code",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/advent-of-code/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aadvent-of-code",
|
|
"description": "Soothing pastel theme for Advent Of Code",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Advent Of Code Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/advent-of-code\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/advent-of-code\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/advent-of-code/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aadvent-of-code\n@description Soothing pastel theme for Advent Of Code\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"adventofcode.com\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n body {\n background: @base;\n color: @text;\n\n header h1 a,\n header h1 span {\n color: @green;\n text-shadow: 0 0 2px @green, 0 0 5px @green;\n }\n\n a {\n color: @green;\n }\n\n .star-count {\n color: @yellow;\n }\n\n .quiet {\n color: @subtext0;\n opacity: 1;\n }\n\n .share,\n .share:hover,\n input[type=\"submit\"] {\n color: @green;\n }\n\n main {\n article {\n em {\n color: @text;\n text-shadow: 0 0 5px @text;\n }\n\n h2 {\n color: @text;\n }\n\n input[type=\"radio\"]:checked ~ span,\n input[type=\"checkbox\"]:checked ~ span {\n color: @text;\n }\n\n input[type=\"radio\"] ~ span:hover,\n input[type=\"radio\"] ~ span:focus,\n input[type=\"checkbox\"]:hover ~ span,\n input[type=\"checkbox\"]:focus ~ span {\n background-color: @crust;\n }\n }\n .supporter-badge {\n color: @yellow;\n }\n\n .supporter-badge:hover {\n color: @yellow;\n text-shadow: 0 0 5px @yellow;\n }\n\n .sponsor-badge {\n color: @blue;\n }\n\n .sponsor-badge:hover,\n .sponsor-badge:focus {\n color: @blue;\n text-shadow: 0 0 5px @blue;\n }\n\n .leaderboard-entry {\n .leaderboard-position {\n color: @subtext1;\n }\n .leaderboard-totalscore {\n color: @text;\n }\n }\n\n .leaderboard-daylinks-selected {\n color: @text;\n text-shadow: 0 0 5px @text;\n }\n\n .leaderboard-daylinks-selected:hover {\n color: @green;\n }\n\n .leaderboard-anon {\n opacity: 1;\n color: @subtext0;\n }\n .calendar {\n .calendar-color-w {\n color: @text;\n }\n .calendar-color-s {\n color: @yellow;\n }\n .calendar-color-c {\n color: @subtext1;\n }\n .calendar-color-g3 {\n color: darken(@green, 3%);\n }\n .calendar-color-g2 {\n color: @green;\n }\n .calendar-color-g4 {\n color: darken(@green, 3.5%);\n }\n .calendar-color-u {\n color: @sky;\n }\n .calendar-color-a {\n color: @subtext0;\n }\n .calendar-color-g1 {\n color: darken(@green, 2.5%);\n }\n .calendar-color-g0 {\n color: darken(@green, 2%);\n }\n .calendar-color-l {\n color: @red;\n }\n .calendar-mark-complete {\n color: @yellow;\n }\n .calendar-mark-verycomplete {\n color: @yellow;\n }\n .calendar-day {\n color: @subtext1;\n }\n #calendar-countdown {\n color: @subtext1;\n }\n\n span {\n color: @surface0;\n }\n\n a {\n color: @surface2;\n }\n }\n\n .day-success {\n color: @yellow;\n text-shadow: 0 0 5px @yellow;\n }\n\n .stats-both {\n color: @yellow;\n }\n\n .stats-firstonly {\n color: @overlay0;\n }\n\n a:hover {\n background-color: @mantle !important;\n }\n\n input[type=\"text\"],\n textarea,\n code::before {\n border-color: @surface0;\n background: @crust;\n }\n }\n }\n }\n}\n",
|
|
"originalDigest": "b272f7cfdfbaa93b94d85a2fd6e66e96342d9da2",
|
|
"_id": "5eb98480-1296-4a75-9e66-763ce15c8491",
|
|
"_rev": 1780236869681,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 53
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Grabify Catppuccin",
|
|
"description": "Soothing pastel theme for Grabify",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/grabify/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Grabify Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/grabify",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/grabify",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/grabify/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agrabify",
|
|
"description": "Soothing pastel theme for Grabify",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Grabify Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/grabify\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/grabify\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/grabify/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agrabify\n@description Soothing pastel theme for Grabify\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"grabify.link\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n background-color: @base;\n\n a {\n color: @accent;\n\n &:hover,\n &:focus {\n color: darken(@accent, 5%);\n }\n\n &[style*=\"color: \"] {\n color: @accent !important;\n\n &:hover,\n &:focus {\n color: darken(@accent, 5%) !important;\n }\n }\n }\n\n hr,\n .light-shaded {\n background-color: @surface0;\n }\n\n body,\n strong,\n article :is(h1, h2, li),\n .content :is(h1, h2, h3),\n .label,\n .radio:hover,\n .checkbox:hover,\n .title,\n .subtitle,\n .pw-post-title,\n .pw-post-body-paragraph {\n color: @text;\n }\n\n // Live support box\n #wrapper ~ div:has(iframe[style*=\"color-scheme:light\"]) {\n display: none !important;\n }\n\n .has-text-white {\n color: @text !important;\n }\n\n .has-text-white-ter {\n color: @subtext1 !important;\n }\n\n .has-text-grey,\n .is-author-metadata,\n figcaption,\n article blockquote p {\n color: @subtext0 !important;\n }\n\n .navbar {\n background-color: @crust;\n border-color: @surface0;\n }\n\n .navbar-item,\n .navbar-link {\n color: @text;\n\n &:hover,\n &:focus {\n color: @accent !important;\n }\n }\n\n .navbar-link:not(.is-arrowless)::after {\n border-color: @accent;\n }\n\n .navbar-dropdown {\n background-color: @crust;\n color: @text;\n border-top-color: @surface0;\n box-shadow: none;\n }\n\n .has-gradient-bg.to-bottom-left {\n background: @mantle;\n }\n\n .landing-hero {\n background: @mantle;\n }\n\n polygon[fill=\"white\"] {\n fill: @base !important;\n }\n\n [style*=\"color: red\"],\n [style*=\"color: rgb(224, 36, 36);\"],\n [style*=\"color: rgb(224, 185, 36);\"],\n [style=\"color: rgb(33, 150, 243);\"] {\n color: @accent !important;\n }\n\n [style=\"color: rgb(44, 62, 80);\"],\n [style=\"font-style: italic; color: rgb(0, 0, 0);\"] {\n color: @subtext0 !important;\n }\n\n [style=\"color: rgb(41, 182, 246);\"] {\n color: @blue !important;\n }\n\n [style=\"color: rgb(0, 150, 136);\"] {\n color: @teal !important;\n }\n\n [style=\"color: rgb(139, 195, 74);\"] {\n color: @green !important;\n }\n\n .how-it-works-box {\n background-color: @mantle;\n box-shadow: none;\n }\n\n [data-tooltip] {\n &.has-tooltip-arrow {\n &.has-tooltip-right::after {\n border-right-color: @surface0;\n }\n\n &.has-tooltip-bottom::after {\n border-bottom-color: @surface0;\n }\n\n &.has-tooltip-left::after {\n border-left-color: @surface0;\n }\n\n &.has-tooltip-top::after {\n border-top-color: @surface0;\n }\n }\n\n &::before {\n background-color: @surface0;\n color: @text;\n }\n }\n\n [aria-label=\"Share Post\"] path {\n fill: @text;\n }\n\n .dropdown-content {\n background-color: @mantle;\n\n a.dropdown-item {\n color: @text !important;\n\n &:hover {\n background-color: @crust;\n }\n }\n }\n\n .footer {\n background-color: @mantle !important;\n color: @text;\n\n .footer-separator {\n background-color: @surface0;\n }\n }\n\n .switch[type=\"checkbox\"] {\n + label {\n &::before {\n background-color: @surface0;\n }\n\n &::after {\n background-color: @text;\n }\n }\n\n &:checked + label {\n &::before {\n background-color: @accent;\n }\n\n &::after {\n background-color: @base;\n }\n }\n }\n\n .message.is-primary {\n background: transparent;\n\n .message-header {\n background-color: @mantle;\n color: @text;\n }\n\n .message-body {\n background-color: @surface0;\n color: @text;\n }\n }\n\n .button {\n &:not(.is-ghost),\n &.is-light {\n border-color: @surface0;\n background-color: @mantle;\n\n &,\n strong {\n color: @text;\n }\n\n &:hover,\n &.is-hovered {\n background-color: @crust;\n }\n }\n\n &.is-primary,\n &.is-info,\n &.is-link {\n background-color: @accent;\n\n &,\n strong {\n color: @crust;\n }\n\n &:hover,\n &.is-hovered {\n background-color: darken(@accent, 5%);\n }\n }\n\n &.is-info.is-outlined {\n border-color: @accent;\n background: transparent;\n\n &,\n strong {\n color: @text;\n }\n\n &:hover,\n &.is-hovered {\n color: @accent;\n }\n }\n\n &.is-danger {\n background-color: @red;\n\n &,\n strong {\n color: @crust;\n }\n\n &:hover,\n &.is-hovered {\n background-color: darken(@red, 5%);\n }\n }\n }\n\n .input {\n background-color: @mantle;\n box-shadow: none;\n border-color: @surface0;\n color: @text;\n }\n\n .card {\n background-color: @mantle;\n color: @text;\n border-color: @surface0;\n\n .card__description,\n .card__title,\n .card__website {\n color: @text;\n }\n\n .card__image {\n border-bottom-color: @surface0;\n }\n }\n\n .box {\n box-shadow: none;\n color: @text;\n background-color: @mantle !important;\n border-color: @surface0 !important;\n }\n\n .table {\n background-color: @mantle;\n\n &.is-hoverable tbody tr:hover,\n &.is-striped tbody tr:nth-child(2n) {\n background-color: @crust !important;\n }\n\n .sortable th[data-sorted] {\n &:hover {\n background-color: @crust;\n color: @text;\n }\n\n &::after {\n color: @text;\n }\n }\n\n th,\n td {\n border-color: @surface0;\n color: @text;\n\n &[style*=\"color:\"] {\n color: @subtext0 !important;\n }\n }\n }\n\n .log-table {\n :is(.is-table-date, .is-table-ip, .is-table-country) div:nth-child(2),\n .is-table-referrer .is-no-referrer {\n color: @subtext0;\n }\n }\n\n .notification {\n &.is-success {\n background-color: @green;\n }\n\n &.is-warning {\n background-color: @yellow;\n }\n\n &.is-danger {\n background-color: @red;\n }\n\n &,\n strong {\n color: @crust;\n }\n }\n\n #ab {\n // Ad block detection modal\n .css1.css2,\n .ab_footer {\n background-color: @base !important;\n box-shadow: 0 2px 12px 0 fade(@crust, 20%);\n }\n\n [style*=\"color: rgb(44, 62, 80)\"] {\n color: @text !important;\n }\n }\n\n #ab,\n .modal-background {\n background-color: fade(@crust, 65%) !important;\n }\n\n .modal-card-head,\n .modal-card-body,\n .modal-card-foot {\n background-color: @base;\n border-color: @surface0;\n }\n\n .modal-card-title {\n color: @text;\n }\n\n .delete {\n &::before,\n &::after {\n background-color: @text;\n }\n }\n\n #root .app {\n // Ad block disable instructions\n [style=\"color: rgb(0, 0, 0);\"] {\n color: @text !important;\n }\n\n .btn {\n background-color: @accent;\n\n &[style=\"background-color: rgb(23, 188, 156);\"] {\n background-color: @accent !important;\n }\n\n [style=\"color: rgb(255, 255, 255);\"] {\n color: @mantle !important;\n }\n\n &.btn-outline {\n background: @crust;\n box-shadow: inset 0 0 0 1px\n @surface0; // the outline property exists for a reason...\n }\n }\n\n .blockers {\n .blocker.selected,\n .blocker:hover {\n background-color: @mantle;\n }\n\n .arrow-icon path {\n fill: @text !important;\n }\n }\n }\n\n .select {\n &:not(.is-multiple, .is-loading)::after {\n border-color: @text;\n }\n\n select {\n background-color: @mantle;\n border-color: @surface0;\n color: @text;\n\n &:focus {\n box-shadow: 0 0 0 0.125em @surface0; // once again, just use outline\n }\n }\n }\n\n img[src$=\"images/grabify.svg\"] {\n @svg: escape(\n '<svg viewBox=\"0 0 610 132\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M65.92 131.88c-9.22 0-17.96-1.69-25.97-5.02-8-3.32-15.06-8.01-20.99-13.94S8.33 99.91 5.01 91.88C1.69 83.86 0 75.12 0 65.91c0-9.24 1.59-17.96 4.74-25.9 3.24-8.18 7.96-15.37 14.06-21.37C24.86 12.67 32.2 8 40.6 4.75 48.77 1.6 57.85 0 67.59 0c5 0 9.81.43 14.32 1.27 4.49.84 8.74 2.03 12.65 3.53.81.31 1.6.63 2.38.97V1.02h48.56c8.45 0 15.98.95 22.38 2.81 7.12 2.08 13.22 5.18 18.13 9.21 5.36 4.41 9.35 9.79 11.86 15.98 2.24 5.54 3.38 11.55 3.38 17.85 0 2.37-.16 4.71-.49 7l20.46-52.85h47.02l13.37 34.53V1.02h52.54c8.11 0 15.02.78 21.14 2.4 4.46 1.18 8.51 2.76 12.1 4.72V1.02h138.57c7.52 0 12.68 2.82 15.69 5.19 3.22 2.54 5.8 5.73 7.68 9.49l2.29 4.71 2.1-4.37c.87-1.84 1.99-3.62 3.33-5.28 1.33-1.64 2.85-3.13 4.51-4.43a25.5 25.5 0 0 1 6.78-3.76c2.78-1.03 5.74-1.55 8.78-1.55h50.81l-47.38 81.03v48.8h-57.89v-48.8l-9.46-16.18V94.4h-32.01v36.45h-93.8v-7.27c-2.97 1.67-6.2 3.08-9.66 4.22-6.17 2.03-13.11 3.06-20.62 3.06h-61.84c-5.75 0-10.87-1.59-15.22-4.72-4.26-3.06-7.4-7.27-9.08-12.18l-1.39-4.12h-9.68l-1.47 4.33c-1.6 4.49-4.45 8.34-8.45 11.45-4.43 3.43-9.84 5.24-15.65 5.24h-42.34c-6.57 0-12.48-2.02-17.14-5.73v5.73H96.96v-4.01c-1.98.76-4.03 1.43-6.11 2-3.81 1.06-7.89 1.84-12.13 2.34-4 .45-8.31.69-12.8.69\" fill=\"@{surface0}\"/><path d=\"M47.5 44.24c2.29-2.61 5.07-4.64 8.32-6.07 3.26-1.44 6.92-2.15 10.99-2.15 2.19 0 4.16.11 5.91.32 1.76.21 3.43.56 5.01 1.03s3.14 1.08 4.66 1.83 3.14 1.64 4.85 2.67q2.055 1.29 3.99 1.29c.99 0 1.9-.26 2.73-.77s1.55-1.22 2.15-2.12l6.3-9.58c-1.89-1.8-4.03-3.47-6.43-5.01s-5.05-2.87-7.94-3.99q-4.335-1.665-9.48-2.64c-3.43-.64-7.09-.96-10.99-.96-7.54 0-14.37 1.18-20.47 3.54-6.11 2.36-11.31 5.66-15.62 9.9s-7.62 9.29-9.93 15.14-3.47 12.27-3.47 19.25c0 6.86 1.21 13.21 3.63 19.06s5.76 10.91 10.03 15.17c4.26 4.26 9.31 7.61 15.14 10.03s12.17 3.63 19.03 3.63c3.81 0 7.38-.19 10.7-.58s6.45-.99 9.39-1.8 5.7-1.85 8.29-3.12c2.59-1.26 5.09-2.77 7.49-4.53V64.25h-33.3v11.96c0 1.12.39 2.04 1.16 2.76.77.73 1.84 1.09 3.21 1.09h9.26v14.21c-2.06.86-4.24 1.54-6.56 2.06-2.31.51-4.97.77-7.97.77-3.94 0-7.58-.7-10.9-2.09s-6.19-3.42-8.61-6.07c-2.42-2.66-4.32-5.91-5.69-9.77s-2.06-8.27-2.06-13.24c0-4.5.62-8.58 1.86-12.25 1.26-3.68 3.03-6.82 5.32-9.44m186.12-25.13-36.26 93.66h16.97c1.8 0 3.32-.48 4.56-1.45 1.24-.96 2.08-2.05 2.51-3.25l5.53-16.33h35.61l5.53 16.33c.47 1.37 1.32 2.5 2.54 3.38s2.77 1.32 4.66 1.32h16.84l-36.26-93.66zm-1.67 57.85 8.61-25.52c.64-1.63 1.33-3.56 2.06-5.79s1.44-4.65 2.12-7.26q1.095 3.855 2.22 7.17c1.125 3.315 1.4 4.13 1.96 5.75l8.61 25.65zm-63.53-.7a20.6 20.6 0 0 0-4.08-2.7q4.56-1.74 8.07-4.44c3.51-2.7 4.31-3.85 5.91-6.14 1.61-2.29 2.82-4.79 3.63-7.49s1.22-5.57 1.22-8.61c0-3.99-.69-7.67-2.06-11.06s-3.57-6.32-6.59-8.81-6.92-4.42-11.7-5.82c-4.78-1.39-10.55-2.09-17.32-2.09h-30.47v93.66h21.73V78.11h5.53c1.67 0 2.97.26 3.89.77s1.72 1.37 2.41 2.57l15.56 27.19c1.59 2.74 4.2 4.11 7.84 4.11h19.67l-19.93-32.59c-.94-1.53-2.05-2.83-3.31-3.9m-7.36-22.02c-.6 1.78-1.56 3.33-2.89 4.66s-3.03 2.37-5.11 3.12-4.6 1.13-7.55 1.13h-8.74V35.37h8.73c5.61 0 9.76 1.16 12.44 3.47s4.02 5.53 4.02 9.64q0 3.09-.9 5.76M354.09 64.3q4.245-1.545 7.26-3.63c3.015-2.085 3.66-2.95 4.95-4.66s2.23-3.55 2.83-5.5.9-3.97.9-6.08c0-3.86-.65-7.35-1.96-10.48s-3.4-5.79-6.27-7.97c-2.87-2.19-6.58-3.88-11.12-5.08s-10.05-1.8-16.52-1.8H299.7v93.66h37.41c5.61 0 10.61-.72 14.98-2.15 4.37-1.44 8.05-3.43 11.02-5.98q4.47-3.825 6.78-8.97c2.31-5.145 2.31-7.14 2.31-11.12 0-5.27-1.48-9.59-4.44-12.95-2.94-3.36-7.5-5.79-13.67-7.29m-32.66-28.93h12.73c2.44 0 4.55.19 6.33.58s3.25 1.03 4.4 1.93c1.16.9 2.01 2.09 2.57 3.57s.84 3.33.84 5.56c0 2.27-.35 4.16-1.06 5.66s-1.74 2.68-3.09 3.54-2.99 1.46-4.92 1.8-4.09.51-6.49.51h-11.31zm28.73 53.16c-.39 1.46-1.09 2.76-2.12 3.92s-2.45 2.1-4.28 2.83c-1.82.73-4.17 1.09-7.04 1.09h-15.3V73.04h15.17c2.74 0 5.01.26 6.81.77s3.25 1.24 4.34 2.19c1.09.94 1.86 2.1 2.31 3.47s.68 2.92.68 4.63c.01 1.5-.18 2.98-.57 4.43m71.1 24.24h21.86V76.32h32.01V59.54h-32.01V35.82h38.44V19.11h-60.3zm135.88-93.66c-.9 0-1.73.14-2.48.42s-1.41.64-1.99 1.09-1.09.95-1.54 1.51-.8 1.12-1.06 1.67l-13.11 27.26c-1.03 2.14-1.99 4.14-2.89 5.98s-1.67 3.69-2.31 5.53c-.69-1.8-1.48-3.62-2.38-5.46s-1.89-3.86-2.96-6.04l-13.24-27.26c-.69-1.37-1.59-2.5-2.7-3.38s-2.61-1.32-4.5-1.32h-19.16l33.94 58.05v35.61h21.73V77.16l33.94-58.05zm-171.66 93.66h21.86V19.11h-21.86z\" fill=\"@{text}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n img[src$=\"images/grabify-inverted.svg\"] {\n @svg: escape(\n '<svg viewBox=\"0 0 610 132\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M65.92 131.88c-9.22 0-17.96-1.69-25.97-5.02-8-3.32-15.06-8.01-20.99-13.94S8.33 99.91 5.01 91.88C1.69 83.86 0 75.12 0 65.91c0-9.24 1.59-17.96 4.74-25.9 3.24-8.18 7.96-15.37 14.06-21.37C24.86 12.67 32.2 8 40.6 4.75 48.77 1.6 57.85 0 67.59 0c5 0 9.81.43 14.32 1.27 4.49.84 8.74 2.03 12.65 3.53.81.31 1.6.63 2.38.97V1.02h48.56c8.45 0 15.98.95 22.38 2.81 7.12 2.08 13.22 5.18 18.13 9.21 5.36 4.41 9.35 9.79 11.86 15.98 2.24 5.54 3.38 11.55 3.38 17.85 0 2.37-.16 4.71-.49 7l20.46-52.85h47.02l13.37 34.53V1.02h52.54c8.11 0 15.02.78 21.14 2.4 4.46 1.18 8.51 2.76 12.1 4.72V1.02h138.57c7.52 0 12.68 2.82 15.69 5.19 3.22 2.54 5.8 5.73 7.68 9.49l2.29 4.71 2.1-4.37c.87-1.84 1.99-3.62 3.33-5.28 1.33-1.64 2.85-3.13 4.51-4.43a25.5 25.5 0 0 1 6.78-3.76c2.78-1.03 5.74-1.55 8.78-1.55h50.81l-47.38 81.03v48.8h-57.89v-48.8l-9.46-16.18V94.4h-32.01v36.45h-93.8v-7.27c-2.97 1.67-6.2 3.08-9.66 4.22-6.17 2.03-13.11 3.06-20.62 3.06h-61.84c-5.75 0-10.87-1.59-15.22-4.72-4.26-3.06-7.4-7.27-9.08-12.18l-1.39-4.12h-9.68l-1.47 4.33c-1.6 4.49-4.45 8.34-8.45 11.45-4.43 3.43-9.84 5.24-15.65 5.24h-42.34c-6.57 0-12.48-2.02-17.14-5.73v5.73H96.96v-4.01c-1.98.76-4.03 1.43-6.11 2-3.81 1.06-7.89 1.84-12.13 2.34-4 .45-8.31.69-12.8.69\" fill=\"@{text}\"/><path d=\"M47.5 44.24c2.29-2.61 5.07-4.64 8.32-6.07 3.26-1.44 6.92-2.15 10.99-2.15 2.19 0 4.16.11 5.91.32 1.76.21 3.43.56 5.01 1.03s3.14 1.08 4.66 1.83 3.14 1.64 4.85 2.67q2.055 1.29 3.99 1.29c.99 0 1.9-.26 2.73-.77s1.55-1.22 2.15-2.12l6.3-9.58c-1.89-1.8-4.03-3.47-6.43-5.01s-5.05-2.87-7.94-3.99q-4.335-1.665-9.48-2.64c-3.43-.64-7.09-.96-10.99-.96-7.54 0-14.37 1.18-20.47 3.54-6.11 2.36-11.31 5.66-15.62 9.9s-7.62 9.29-9.93 15.14-3.47 12.27-3.47 19.25c0 6.86 1.21 13.21 3.63 19.06s5.76 10.91 10.03 15.17c4.26 4.26 9.31 7.61 15.14 10.03s12.17 3.63 19.03 3.63c3.81 0 7.38-.19 10.7-.58s6.45-.99 9.39-1.8 5.7-1.85 8.29-3.12c2.59-1.26 5.09-2.77 7.49-4.53V64.25h-33.3v11.96c0 1.12.39 2.04 1.16 2.76.77.73 1.84 1.09 3.21 1.09h9.26v14.21c-2.06.86-4.24 1.54-6.56 2.06-2.31.51-4.97.77-7.97.77-3.94 0-7.58-.7-10.9-2.09s-6.19-3.42-8.61-6.07c-2.42-2.66-4.32-5.91-5.69-9.77s-2.06-8.27-2.06-13.24c0-4.5.62-8.58 1.86-12.25 1.26-3.68 3.03-6.82 5.32-9.44m186.12-25.13-36.26 93.66h16.97c1.8 0 3.32-.48 4.56-1.45 1.24-.96 2.08-2.05 2.51-3.25l5.53-16.33h35.61l5.53 16.33c.47 1.37 1.32 2.5 2.54 3.38s2.77 1.32 4.66 1.32h16.84l-36.26-93.66zm-1.67 57.85 8.61-25.52c.64-1.63 1.33-3.56 2.06-5.79s1.44-4.65 2.12-7.26q1.095 3.855 2.22 7.17c1.125 3.315 1.4 4.13 1.96 5.75l8.61 25.65zm-63.53-.7a20.6 20.6 0 0 0-4.08-2.7q4.56-1.74 8.07-4.44c3.51-2.7 4.31-3.85 5.91-6.14 1.61-2.29 2.82-4.79 3.63-7.49s1.22-5.57 1.22-8.61c0-3.99-.69-7.67-2.06-11.06s-3.57-6.32-6.59-8.81-6.92-4.42-11.7-5.82c-4.78-1.39-10.55-2.09-17.32-2.09h-30.47v93.66h21.73V78.11h5.53c1.67 0 2.97.26 3.89.77s1.72 1.37 2.41 2.57l15.56 27.19c1.59 2.74 4.2 4.11 7.84 4.11h19.67l-19.93-32.59c-.94-1.53-2.05-2.83-3.31-3.9m-7.36-22.02c-.6 1.78-1.56 3.33-2.89 4.66s-3.03 2.37-5.11 3.12-4.6 1.13-7.55 1.13h-8.74V35.37h8.73c5.61 0 9.76 1.16 12.44 3.47s4.02 5.53 4.02 9.64q0 3.09-.9 5.76M354.09 64.3q4.245-1.545 7.26-3.63c3.015-2.085 3.66-2.95 4.95-4.66s2.23-3.55 2.83-5.5.9-3.97.9-6.08c0-3.86-.65-7.35-1.96-10.48s-3.4-5.79-6.27-7.97c-2.87-2.19-6.58-3.88-11.12-5.08s-10.05-1.8-16.52-1.8H299.7v93.66h37.41c5.61 0 10.61-.72 14.98-2.15 4.37-1.44 8.05-3.43 11.02-5.98q4.47-3.825 6.78-8.97c2.31-5.145 2.31-7.14 2.31-11.12 0-5.27-1.48-9.59-4.44-12.95-2.94-3.36-7.5-5.79-13.67-7.29m-32.66-28.93h12.73c2.44 0 4.55.19 6.33.58s3.25 1.03 4.4 1.93c1.16.9 2.01 2.09 2.57 3.57s.84 3.33.84 5.56c0 2.27-.35 4.16-1.06 5.66s-1.74 2.68-3.09 3.54-2.99 1.46-4.92 1.8-4.09.51-6.49.51h-11.31zm28.73 53.16c-.39 1.46-1.09 2.76-2.12 3.92s-2.45 2.1-4.28 2.83c-1.82.73-4.17 1.09-7.04 1.09h-15.3V73.04h15.17c2.74 0 5.01.26 6.81.77s3.25 1.24 4.34 2.19c1.09.94 1.86 2.1 2.31 3.47s.68 2.92.68 4.63c.01 1.5-.18 2.98-.57 4.43m71.1 24.24h21.86V76.32h32.01V59.54h-32.01V35.82h38.44V19.11h-60.3zm135.88-93.66c-.9 0-1.73.14-2.48.42s-1.41.64-1.99 1.09-1.09.95-1.54 1.51-.8 1.12-1.06 1.67l-13.11 27.26c-1.03 2.14-1.99 4.14-2.89 5.98s-1.67 3.69-2.31 5.53c-.69-1.8-1.48-3.62-2.38-5.46s-1.89-3.86-2.96-6.04l-13.24-27.26c-.69-1.37-1.59-2.5-2.7-3.38s-2.61-1.32-4.5-1.32h-19.16l33.94 58.05v35.61h21.73V77.16l33.94-58.05zm-171.66 93.66h21.86V19.11h-21.86z\" fill=\"@{surface0}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n img[src$=\"images/homepage/2.svg\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"512\" height=\"512\" viewBox=\"0 0 64 64\"><path d=\"M4 55h35.42a10.94 10.94 0 0 0 2.801 4.778A10.93 10.93 0 0 0 50 63c6.065 0 11-4.935 11-11V42c0-1.653-1.346-3-3-3-.537 0-1.034.153-1.471.401A3 3 0 0 0 55 38.184v-5.775c4.828-3.026 8-8.389 8-14.409 0-9.374-7.626-17-17-17-6.067 0-11.387 3.205-14.396 8H4c-1.654 0-3 1.346-3 3v40c0 1.654 1.346 3 3 3m0-2c-.552 0-1-.449-1-1V23h26.765C31.607 28.967 36.651 33.586 43 34.717v8.513c-.927-.756-2.094-1.23-3.382-1.23a2.622 2.622 0 0 0-2.342 3.79l1.195 2.391c.346.691.529 1.464.529 2.236v1.582q.002.505.049 1.001zm38-32a4.004 4.004 0 0 1 5.557-3.686l.779-1.843A6 6 0 0 0 46 15a5.97 5.97 0 0 0-3.767 1.336A4 4 0 0 1 42 15v-4c0-2.206 1.794-4 4-4s4 1.794 4 4v4a4.004 4.004 0 0 1-5.6 3.667l-.802 1.833c.758.332 1.567.5 2.402.5a5.97 5.97 0 0 0 3.767-1.336c.151.424.233.873.233 1.336v4a3.99 3.99 0 0 1-1.615 3.2A2.99 2.99 0 0 0 46 27c-.977 0-1.837.476-2.385 1.201A3.99 3.99 0 0 1 42 25zm16 20c.551 0 1 .449 1 1v10c0 4.962-4.037 9-9 9a8.94 8.94 0 0 1-6.364-2.637A8.94 8.94 0 0 1 41 51.998v-1.582a7.04 7.04 0 0 0-.739-3.131l-1.195-2.39a.62.62 0 0 1 .552-.895A3.387 3.387 0 0 1 43 47.382V50h2V30a1.001 1.001 0 0 1 2 0v20h2V40a1.001 1.001 0 0 1 2 0v10h2v-9a1.001 1.001 0 0 1 2 0v9h2v-8c0-.551.448-1 1-1m-5-2.816a3 3 0 0 0-.471.217A3 3 0 0 0 50 37c-.352 0-.686.072-1 .184v-2.467a16.8 16.8 0 0 0 4-1.235zM46 3c8.271 0 15 6.729 15 15 0 7.168-5.086 13.288-12 14.69v-2.504A5.99 5.99 0 0 0 52 25v-4a5.94 5.94 0 0 0-.815-2.995A5.95 5.95 0 0 0 52 15v-4c0-3.309-2.691-6-6-6s-6 2.691-6 6v4a5.93 5.93 0 0 0 .816 2.993A5.95 5.95 0 0 0 40 21v4a5.98 5.98 0 0 0 3 5.187v2.503C36.086 31.288 31 25.168 31 18c0-8.271 6.729-15 15-15M4 11h26.526A16.9 16.9 0 0 0 29 18c0 1.022.097 2.024.272 3H3v-9c0-.551.448-1 1-1m4 8h8c1.654 0 3-1.346 3-3s-1.346-3-3-3H8c-1.654 0-3 1.346-3 3s1.346 3 3 3m3-2v-2h2v2zm6-1c0 .551-.448 1-1 1h-1v-2h1c.552 0 1 .449 1 1m-9-1h1v2H8a1.001 1.001 0 0 1 0-2m10 10c-7.168 0-13 5.832-13 13s5.832 13 13 13 13-5.832 13-13-5.832-13-13-13m0 24c-1.075 0-2.22-1.527-3.009-4h6.019c-.79 2.473-1.935 4-3.01 4m-3.519-6a25 25 0 0 1-.46-4h7.958a25 25 0 0 1-.46 4zm-7.43-4h4.971c.046 1.419.184 2.763.409 4H8.214a10.9 10.9 0 0 1-1.163-4M18 27c1.075 0 2.22 1.527 3.009 4H14.99c.79-2.473 1.935-4 3.01-4m3.519 6c.244 1.209.408 2.553.46 4h-7.958a25 25 0 0 1 .46-4zm-9.497 4H7.051a10.9 10.9 0 0 1 1.164-4h4.216a27 27 0 0 0-.409 4m11.956 2h4.971a10.9 10.9 0 0 1-1.164 4h-4.216c.225-1.237.364-2.581.409-4m0-2a27.4 27.4 0 0 0-.409-4h4.216a10.9 10.9 0 0 1 1.164 4zm2.501-6h-3.373c-.368-1.295-.837-2.422-1.391-3.341A11.05 11.05 0 0 1 26.479 31m-12.193-3.341c-.553.919-1.023 2.046-1.391 3.341H9.521a11.05 11.05 0 0 1 4.765-3.341M9.521 45h3.373c.368 1.295.837 2.422 1.391 3.341A11.05 11.05 0 0 1 9.521 45m12.193 3.341c.553-.919 1.023-2.046 1.391-3.341h3.373a11.04 11.04 0 0 1-4.764 3.341\" fill=\"@{accent}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n img[src$=\"images/homepage/4.svg\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"512\" height=\"512\" viewBox=\"0 0 64 64\"><path d=\"M31 18c0-7.168-5.832-13-13-13S5 10.832 5 18s5.832 13 13 13 13-5.832 13-13m-16.009 7h6.018c-.789 2.473-1.935 4-3.009 4s-2.22-1.527-3.009-4m-7.94-6h4.971c.046 1.419.184 2.763.409 4H8.214a10.9 10.9 0 0 1-1.163-4M18 7c1.075 0 2.22 1.527 3.009 4h-6.018C15.78 8.527 16.925 7 18 7m3.519 6c.244 1.209.408 2.553.46 4h-7.958a25 25 0 0 1 .46-4zm7.43 4h-4.971a27.4 27.4 0 0 0-.409-4h4.217a10.9 10.9 0 0 1 1.163 4m0 2a10.9 10.9 0 0 1-1.164 4h-4.217c.225-1.237.364-2.581.409-4zm-16.927-2H7.051a10.9 10.9 0 0 1 1.164-4h4.217a27 27 0 0 0-.41 4m1.999 2h7.958a25 25 0 0 1-.46 4h-7.038a25 25 0 0 1-.46-4m7.693 9.341c.553-.919 1.023-2.046 1.391-3.341h3.374a11.04 11.04 0 0 1-4.765 3.341M26.479 11h-3.374c-.368-1.295-.838-2.422-1.391-3.341A11.04 11.04 0 0 1 26.479 11M14.286 7.659c-.553.919-1.023 2.046-1.391 3.341H9.521a11.04 11.04 0 0 1 4.765-3.341M9.521 25h3.374c.368 1.295.838 2.422 1.391 3.341A11.04 11.04 0 0 1 9.521 25m45.14-1.424C58.43 21.55 61 17.57 61 13c0-6.617-5.383-12-12-12-5.213 0-9.647 3.347-11.3 8h-5.304C29.387 4.205 24.067 1 18 1 8.626 1 1 8.626 1 18c0 7.994 5.553 14.699 13 16.505V38c0 .395.081.77.22 1.116A2.995 2.995 0 0 0 12 42v15c0 3.309 2.691 6 6 6s6-2.691 6-6v-8h2.181c-.11.652-.181 1.317-.181 2 0 6.617 5.383 12 12 12s12-5.383 12-12c0-1.418-.279-2.818-.772-4.146A12 12 0 0 0 51 47c6.617 0 12-5.383 12-12 0-5.34-3.508-9.872-8.339-11.424M46 10c0-1.654 1.346-3 3-3s3 1.346 3 3-1.346 3-3 3-3-1.346-3-3m5.577 5.493C51.053 16.405 50.084 17 49 17s-2.053-.595-2.577-1.507A7 7 0 0 1 49 15a7 7 0 0 1 2.577.493m-6.883.992C45.568 18.006 47.186 19 49 19s3.432-.994 4.306-2.515a6.97 6.97 0 0 1 2.479 3.84C54 21.979 51.62 23 49 23s-5-1.021-6.785-2.675a6.96 6.96 0 0 1 2.479-3.84M49 3c5.514 0 10 4.486 10 10a9.94 9.94 0 0 1-1.695 5.562 8.95 8.95 0 0 0-4.925-4.901A4.97 4.97 0 0 0 54 10c0-2.757-2.243-5-5-5s-5 2.243-5 5c0 1.45.631 2.747 1.62 3.661a8.95 8.95 0 0 0-4.925 4.901A9.94 9.94 0 0 1 39 13c0-5.514 4.486-10 10-10m-11.819 8c-.11.652-.181 1.317-.181 2 0 5.34 3.508 9.872 8.339 11.424A12.06 12.06 0 0 0 39.7 31H28.932C32.637 27.879 35 23.212 35 18c0-2.497-.555-4.862-1.526-7zM3 18C3 9.729 9.729 3 18 3s15 6.729 15 15-6.729 15-15 15S3 26.271 3 18m15 17c.678 0 1.343-.051 2-.128V38c0 .551-.449 1-1 1h-2c-.551 0-1-.449-1-1v-3.128c.657.077 1.322.128 2 .128m4 22c0 2.206-1.794 4-4 4s-4-1.794-4-4V42c0-.551.449-1 1-1h6c.551 0 1 .449 1 1zm2-10v-5a2.995 2.995 0 0 0-2.22-2.884c.139-.346.22-.721.22-1.116v-3.495c1.402-.34 2.74-.841 3.983-1.505h13.198c-.11.652-.181 1.317-.181 2 0 1.456.274 2.846.751 4.138A12 12 0 0 0 38 39c-5.213 0-9.647 3.347-11.3 8zm7.215 11.325a6.96 6.96 0 0 1 3.051-4.244L38 58.562l3.734-4.481a6.96 6.96 0 0 1 3.051 4.244C43 59.979 40.62 61 38 61s-5-1.021-6.785-2.675M35 48c0-1.654 1.346-3 3-3s3 1.346 3 3-1.346 3-3 3-3-1.346-3-3m3 5a7 7 0 0 1 1.83.242L38 55.438l-1.83-2.196A7 7 0 0 1 38 53m10-2a9.94 9.94 0 0 1-1.695 5.562 8.95 8.95 0 0 0-4.925-4.901A4.97 4.97 0 0 0 43 48c0-2.757-2.243-5-5-5s-5 2.243-5 5c0 1.45.631 2.747 1.62 3.661a8.95 8.95 0 0 0-4.925 4.901A9.94 9.94 0 0 1 28 51c0-5.514 4.486-10 10-10 .972 0 1.943.155 2.894.444a12.05 12.05 0 0 0 5.853 4.763A10 10 0 0 1 48 51m-3.785-8.675a6.96 6.96 0 0 1 2.479-3.84C47.568 40.006 49.186 41 51 41s3.432-.994 4.306-2.515a6.97 6.97 0 0 1 2.479 3.84C56 43.979 53.62 45 51 45s-5-1.021-6.785-2.675M48 32c0-1.654 1.346-3 3-3s3 1.346 3 3-1.346 3-3 3-3-1.346-3-3m5.577 5.493C53.053 38.405 52.084 39 51 39s-2.053-.595-2.577-1.507A7 7 0 0 1 51 37a7 7 0 0 1 2.577.493m5.728 3.069a8.95 8.95 0 0 0-4.925-4.901A4.97 4.97 0 0 0 56 32c0-2.757-2.243-5-5-5s-5 2.243-5 5c0 1.45.631 2.747 1.62 3.661a8.95 8.95 0 0 0-4.925 4.901A9.94 9.94 0 0 1 41 35c0-5.514 4.486-10 10-10s10 4.486 10 10a9.94 9.94 0 0 1-1.695 5.562\" fill=\"@{accent}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n img[src$=\"images/homepage/5.svg\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"512\" height=\"512\" viewBox=\"0 0 512 512\"><path d=\"M488 360a8 8 0 0 0-8-8h-49.378a21.65 21.65 0 0 0-7.346-9.884l-3.508-2.633a21.833 21.833 0 0 0-30.531 4.363L383.122 352H320a8 8 0 0 0-8 8v128a8 8 0 0 0 8 8h160a8 8 0 0 0 8-8zm-85.962-6.555a5.81 5.81 0 0 1 8.13-1.162l3.509 2.633a5.81 5.81 0 0 1 1.161 8.13L389.522 396.8l-12.8-9.6zM379.921 409.6l-2.812 3.749-11.2 1.6-1.6-11.2 2.813-3.749zM440 480H328V368h43.122l-12 16-9.6 12.8a8 8 0 0 0-1.522 5.931l3.2 22.4a8 8 0 0 0 9.052 6.788l22.4-3.2a8 8 0 0 0 5.269-3.12l9.6-12.8v-.006l30.113-40.148a21.8 21.8 0 0 0 2.641-4.645H440zm32 0h-16V368h16zM193.51 332.678A8 8 0 0 0 200 336h112a8 8 0 0 0 7.59-10.53L307.1 288H422a34.04 34.04 0 0 0 34-34V50a34.04 34.04 0 0 0-34-34H90a34.04 34.04 0 0 0-34 34v204a34.04 34.04 0 0 0 34 34h114.9l-5.333 16H136a24 24 0 0 0 0 48h8a8.01 8.01 0 0 1 8 8v8H32a8 8 0 0 0-8 8v96a8 8 0 0 0 8 8h256a8 8 0 0 0 8-8v-96a8 8 0 0 0-8-8H168v-8a24.03 24.03 0 0 0-24-24h-8a8 8 0 0 1 0-16h58.233l-1.823 5.47a8 8 0 0 0 1.1 7.208M211.1 320l10.666-32h68.468l10.666 32zM72 50a18.02 18.02 0 0 1 18-18h332a18.02 18.02 0 0 1 18 18v174H72zm18 222a18.02 18.02 0 0 1-18-18v-14h368v14a18.02 18.02 0 0 1-18 18zm190 112v80H40v-80zM72 416H56v-16h16zm32 0H88v-16h16zm32 0h-16v-16h16zm32 0h-16v-16h16zm32 0h-16v-16h16zm32 0h-16v-16h16zm32 0h-16v-16h16zm-32 32h-16v-16h16zm32 0h-16v-16h16zm-64 0h-80v-16h80zm-128 0H56v-16h16zm32 0H88v-16h16zm280 0a8 8 0 0 1-8 8h-24a8 8 0 0 1 0-16h24a8 8 0 0 1 8 8m40 0a8 8 0 0 1-8 8h-8a8 8 0 0 1 0-16h8a8 8 0 0 1 8 8m-55.432-273.941 5.658-5.657a8 8 0 0 0-4.088-13.5l-36.565-7.313a80.1 80.1 0 1 0-22.768 38.665l4.664 23.317a8 8 0 0 0 13.5 4.088l5.658-5.659 5.658 5.657a8 8 0 0 0 11.314 0l22.627-22.627a8 8 0 0 0 0-11.313zM315.313 104a63.4 63.4 0 0 1 4.169 16h-31.627a213 213 0 0 0-1.171-16zm-9.406-16h-21.75a106 106 0 0 0-6.085-20.075A64.26 64.26 0 0 1 305.907 88m-59.288-8.382C250.92 66.715 255.313 64 256 64s5.08 2.715 9.381 15.618c.872 2.617 1.66 5.426 2.369 8.382h-23.5c.709-2.956 1.497-5.765 2.369-8.382M196.687 104h28.629a213 213 0 0 0-1.171 16h-31.627a63.4 63.4 0 0 1 4.169-16m0 48a63.4 63.4 0 0 1-4.169-16h31.627c.193 5.375.582 10.748 1.171 16zm9.406 16h21.75a106 106 0 0 0 6.085 20.075A64.26 64.26 0 0 1 206.093 168m21.75-80h-21.75a64.26 64.26 0 0 1 27.835-20.075A106 106 0 0 0 227.843 88m37.538 88.382C261.08 189.285 256.687 192 256 192s-5.08-2.715-9.381-15.618c-.872-2.617-1.66-5.426-2.369-8.382h23.5c-.709 2.956-1.497 5.765-2.369 8.382m5.2-24.382h-29.163a191 191 0 0 1-1.262-16h31.688a191 191 0 0 1-1.262 16zm-30.426-32c.209-5.523.633-10.886 1.262-16h29.164a191 191 0 0 1 1.262 16zm37.884 68.147A106 106 0 0 0 284.157 168h21.776a63.5 63.5 0 0 1-27.893 20.147zm39.823-43.7-4.294-.859a8 8 0 0 0-9.547 8.412h-17.337c.589-5.252.978-10.625 1.171-16H319.5a64 64 0 0 1-1.637 8.446zm28.078 52.241-5.658-5.658a8 8 0 0 0-11.313 0l-.743.744-6.026-30.144 30.144 6.028-.744.743a8 8 0 0 0 0 11.314l5.657 5.658zm-191.5-44.781a7.99 7.99 0 0 1-9.128-6.684A113 113 0 0 1 144 128a111.46 111.46 0 0 1 31.182-77.539 8 8 0 0 1 11.543 11.078A95.54 95.54 0 0 0 160 128a97 97 0 0 0 1.13 14.778 8 8 0 0 1-6.685 9.128zm20.641 27.779a8 8 0 1 1-13.473 8.63 112 112 0 0 1-4.993-8.62 8 8 0 1 1 14.192-7.39 97 97 0 0 0 4.279 7.379z\" fill=\"@{accent}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .is-world-background {\n @svg: escape(\n '<svg viewBox=\"0 0 950 620\" xml:space=\"preserve\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"@{base}\"><path d=\"m781.68 324.4-2.31 8.68-12.53 4.23-3.75-4.4-1.82.5 3.4 13.12 5.09.57 6.79 2.57v2.57l3.11-.57 4.53-6.27v-5.13l2.55-5.13 2.83.57-3.4-7.13-.52-4.59zm71.08 23.89-.37 24.44 3.52-.19 4.63-5.41 3.89.19 2.5 2.24.83 6.9 7.96 4.2 2.04-.75v-2.52l-6.39-5.32-3.15-7.28 2.5-1.21-1.85-4.01-3.7-.09-.93-4.29-9.81-6.62zM137.49 225.43l4.83 15.21-2.25 1.26.25 3.02 4.25 3.27v6.05l5.25 5.04-2.25-14.86-3-9.83.75-6.8 2.5.25 1 2.27-1 5.79 13 25.44v9.07l10.5 12.34 11.5 5.29 4.75-2.77 6.75 5.54 4-4.03-1.75-4.54 5.75-1.76 1.75 1.01 1.75-1.76h2.75l5-8.82-2.5-2.27-9.75 2.27-2.25 6.55-5.75 1.01-6.75-2.77-3-9.57 2.27-12.07-4.64-2.89-2.21-11.59-1.85-.79-3.38 3.43-3.88-2.07-1.52-7.73-15.37-1.61-7.94-5.97zm380.28-81.77-5.6-.2-3.55 2.17-.05 1.61 2.3 2.17 7.15 1.21zm-43.89 83.83-4.08-1.37-16.98 3.19-3.7 2.81 2.26 11.67-6.75.27-4.06 6.53-9.67 2.32.03 4.75 31.85 24.35 5.43.46 18.11-14.15-1.81-2.28-3.4-.46-2.04-3.42v-14.15l-1.36-1.37.23-3.65-3.62-3.65-.45-3.88 1.58-1.14-.68-4.11z\"/><path d=\"M448.29 232.28h-11.55l-2.26 5.02-5.21 2.51-4.3 11.64-8.38 5.02-11.77 19.39 11.55-.23.45-5.7h2.94v-7.76h10.19l.23-10.04 9.74-2.28 4.08-6.62 6.34-.23z\"/><path d=\"m404.9 276.66 2.18 2.85-.45 12.32 3.17-2.28 2.26-.46 3.17 1.14 3.62 5.02 3.4-2.28 16.53-.23-4.08-27.61 4.38-.02-8.16-6.25.01 4.06-10.33.01-.05 7.75-2.97-.01-.38 5.72z\"/><path d=\"m410.12 290.32-3.94 2.86-.9 1.6-.28 1.6 1.45 1.04 4.84-.07 3.11-.84.35 1.53-.28 2.02 2.97 1.46.62.7 3.94.14.14-1.74-3.6-4.32-4.01-5.43-2.49-1.04z\"/><path d=\"m406.89 298.34-.13 1.11 6.92-.1.35-1.03-.15-1.04-1.99.81zm-.1 1.88 1.24 3.01.69-1.86 8.41.88-3.64-1.87z\"/><path d=\"m408.6 304.53 1.4 2.77 3.93-3.38.04-1.04-4.63-.67z\"/><path d=\"m410.42 307.94 3.04 4.68 3.96-3.44 4.06-.18 3.38 4.49 2.87 1.89 1.08-2.1.96-.54-.07-4.62-1.91-5.48-5.86.65-7.25-.58-.04 1.86z\"/><path d=\"m413.93 313.13 5.65 5.46 4.03-4.89-2.52-3.95-3.47.35zm6.24 6.06 10.98 7.34-.26-5.56-3.32-3.91-3.24-2.87z\"/><path d=\"m432.07 326.75 4.28-3.03 5.32-.93 5.43 1.17-2.77-4.19-.81-2.56.81-7.57-4.85.23-2.2-2.1-4.62.12-2.2.35.23 5.12-1.16.47-1.39 2.56 3.58 4.19zm-12.61-30.91 3.08-2.11 17.12-.1-3.96-27.54 4.52-.13 21.87 16.69 2.94.42-1.11 9.28-13.75 1.25-10.61 7.92-1.93 5.42-7.37.31-1.88-5.41-5.65.4.22-1.77z\"/><path d=\"m450.59 294.28 3.64-.29 5.97 8.44-5.54 4.18-4.01-1.03-5.39.07-.87 3.16-4.52.22-1.24-1.69 1.6-5.14zm10.3 7.72 2.55-.06 2.3-3.45 3.86-.69 4.11 2.51 8.77.25 6.78-2.76 2.55-2.19.19-2.88 4.73-4.77 1.25-10.53-3.11-6.52-7.96-1.94-18.42 14.36-2.61-.25-1.12 9.97-9.4.94z\"/><path d=\"m444.34 317.05 1.12 2.63 2.92 4.58 1.62-.06 4.42-2.51-.31-14.29-3.42-1-4.79.13zm10.88 4.2 2.68-1.57-.06-10.35-1.74-2.82-1.12.94z\"/><path d=\"M458.71 319.49h2.12l.12-6.02 2.68-3.89-.12-6.77-2.43-.06-4.17 3.26 1.74 3.32z\"/><path d=\"m461.57 319.37 3.92.19 4.73 5.27 2.3.63 1.8-.88 2.74-.38.93-3.82 3.73-2.45 4.04-.19 7.4-13.61-.12-3.07-3.42-2.63-6.84 3.01-9.15-.13-4.36-2.76-3.11.69-1.62 2.82-.12 7.96-2.61 3.7zm13.34-92.04 5.53-2.23 1.82 1.18.07 1.44-.85 1.11.13 1.97.85.46v3.54l-.98 1.64.13 1.05 3.71 1.31-2.99 4.65-1.17-.07-.2 3.74-1.3.2-1.11-.98.26-3.8-3.64-3.54-.46-3.08 1.76-1.38z\"/><path d=\"m480.05 248.03 1.56-.26.46-3.6h.78l3.19-5.24 7.87 2.29 2.15 3.34 7.74 3.54 4.03-1.7-.39-1.7-1.76-1.7.2-1.18 2.86-2.42h5.66l2.15 2.88 4.55.66.59 36.89-3.38-.13-20.42-10.62-2.21 1.25-8.39-2.1-2.28-3.01-3.32-.46-1.69-3.01zm41.88-4.97 2.67.07 5.2 1.44 2.47.07 3.06-2.56h1.43l2.6 1.44h3.29l.59-.04 2.08 5.98.59 1.93.55 2.89-.98.72-1.69-.85-1.95-6.36-1.76-.13-.13 2.16 1.17 3.74 9.37 11.6.2 4.98-2.73 3.15-25.64-.29z\"/><path d=\"m492.79 296 .13-2.95 4.74-4.61 1.27-11.32-3.16-6.04 2.21-1.13 21.4 11.15-.13 10.94-3.77 3.21v5.64l2.47 4.78h-4.36l-7.22 7.14-.19 2.16-5.33-.07-.07.98-3.04-.4-2.08-3.93-1.56-.77.2-1.2 1.96-1.5v-7.02l-2.71-.42-3.27-2.43zm56.29 14.34-2.943-4.943-.309-3.596-.707.135-.191 1.107-3.858 5.635-3.078-1.469-3.07 2.572-6.352-.365-2.81-2.246-4.034 2.065-.152 1.375-1.23.74 12.32 12.68 6.71.38.979 1.49 9.602.17.078-2.15.82-1.49 3.201-.41-3.99-5.79h-2.94l-.75-4.11 2.36-1.04z\"/><path d=\"m552 270.61-3.69 3.72-25.8-.23.279 6.57-2.46-.07-.179 11.83-3.73 3.211-.15 4.94 2.69 5.31 2.95 1.74-.045.414 4.02-2.058 3.066 2.449 5.639.324 3.257-2.728 2.887 1.375 3.25-4.748.274-1.576 2.476-.471.385 4.47 2.476 4.16 6.004-12.911v-7.85l4.362-5.14zm-74.18 53.67 3.22 2.96-.23 4.58 17.66-.41 1.44-1.62-5.06-5.45-.75-1.97 3.22-6.03-2.19-4-1.84-.99v-2.03l2.13-1.39.12-6.32-1.69-.19-.03 3.32-7.42 13.85-4.54.23-3.11 2.14z\"/><path d=\"m556.71 294.7-.25-5.89 3.96-4.62 1.07.82 1.95 6.52 9.36 6.97-1.7 2.09-6.85-5.89zm14.77 6.84-.57 3.36 3.96-.06.06-4.94-1.45-.89z\"/><path d=\"m549.49 311.76 7.28-16.2 7.23.04 6.41 5.57-.45 4.59h4.97l.51 2.76 8.04 4.81 4.96.25-9.43 10.13-12.95 3.99h-3.21l-5.72-4.88-2.26-.95-4.38-6.45-2.89.04-.34-2.96z\"/><path d=\"m575.74 305.04 4.08 2.78 1.21-.06 10.13-3.48 1.15 3.71-.81 3.13-2.19 1.74-5.47-.35-7.83-4.81zm23.88-5.39 2.13 2.38 2.88-1.74 1.04-.35-1.32-1.28-2.53.75z\"/><path d=\"m591.97 304.05 4.37-1.68 1.55.93-.17 3.88-4.03 11.48-21.81 23.36-2.53-1.74-.17-9.86 3.28-3.77 6.96-2.15 10.21-10.78 2.67-2.38.75-3.48zm-96.31 20 4.66 5.04 1.84-2.38 2.93.12.63-2.32 2.88-1.8 5.98 4.12 3.45-3.42 13.39.59L519 311.18l1.67-1.04.23-2.26-2.82-1.33h-4.14l-6.67 6.61-.23 2.72-5.29-.17-.17 1.16-3.45-.35-3.11 5.91zm-24.92 13.1 1.15-.58.86.7-.86 1.33-1.04-.41zm2.31-3.65 1.73-.29.58 1.1-.86.93-.86-.12zm3.79-6.09-.46 1.97 1.38.75 1.32-.99-.46-2.03zm9.55 5.22-.12 2.49-5.64-.12-3.45 6.67 8.11 8.87 2.01-1.68-.06-1.74-1.38-.64v-1.22l3.11-1.97 2.76 2.09 3.05.06-.06-10.49-4.83-.23-.06-2.2z\"/><path d=\"m480.99 332.69-.06 1.39 4.54.23-.06-1.57zm10.01-.17-.06 1.45 4.78.12.17 12.41-4.37-.12-2.53-1.97-1.96 1.1-.09.55 1.01.49.29 2.55-2.7 2.32.58 1.22 2.99-2.32h1.44l.46 1.39 1.9.81 6.1-5.16-.12-3.77 1.27-3.07 3.91-2.9 1.05-9.81-2.78.01-3.22 4.41z\"/><path d=\"m486.55 353.23 1.74 2.26 2.25-2.13-.66-2.21-.56-.04zm2.83 2.48 10.31-.18 2.09 2.97-.08 2.19.77.7h5.12l1.47-2.89h2.09l.85.86 2.87-.08.85 10.08 4.96.16v.78l13.33 6.01.62 1.17h2.79l-.31-4.22-5.04-2.42.31-3.2 2.17-5.08 4.96-.16-4.26-14.14.08-6.01 6.74-10.54.08-1.48-1.01-.55.04-2.86-1.23-.11-1.24-1.58-20.35-.92-3.73 3.63-6.11-4.02-2.15 1.32-1.56 13.13-3.86 2.98-1.16 2.64.21 3.91-6.96 5.69-1.85-.84.25 1.09z\"/><path d=\"m537.82 339.9 2.81 2.59-.12 2.77-4.36.09v-3.06zm-1.61 6.31 4.27-.09-1.11 3.74-1.08.94h-1.32l-.94-2.53zm2.09-7.12 3.03 2.84 1.9-1.21 5.14-.84.88.09.33-1.95 2.9-6.1-2.44-5.08-7.91.05-.05 2.09 1.06 1.02-.16 2.09z\"/><path d=\"m550.83 326.52 2.66 5.19-3.19 6.69-.42 2.03 15.93 9.85 4.94-7.76-2.5-2.03-.05-10.22 3.13-3.42-4.99 1.66-3.77.05-5.9-4.98-1.86-.8-3.45.32-.61 1.02zm-.26 44.9 17.47-2.14-3.93-7.6-.21-7.28 1.27-3.48-16.62-10.44-5.21.86-1.81 1.34-.16 3.05-1.17 4.23-1.22 1.45-1.75.16 3.35 11.61 5.47 2.57 3.77.11z\"/><path d=\"m514.55 384.7 3.17 4.4 4.91.3 1.74.96 5.14.06 4.43-6.21 12.38-5.54 1.08-4.88-1.44-6.99-6.46-3.68-4.31.3-2.15 4.76.06 2.17 5.08 2.47.3 5.37-4.37.24-1.08-1.81-12.14-5.18-.36 3.98-5.74.18z\"/><path d=\"m488.62 356.71 3.41 12.73-.08 4.02-4.99 5.36-.75 8.71 19.2.17 6.24 2.26 5.15-.67-3-3.76.01-10.74 5.9-.25v-4.19l-4.79-.2-.96-9.92-2.02.03-1.09-.98-1.19.06-1.58 3.06H502l-1.41-1.42.42-2.01-1.66-2.43zm58.54 22.69 3.11 3.25-.06 4.16.6 1.75 4.13-4.46-.48-5.67-2.21-1.69-1.97-9.95-3.41-.12 1.55 7.17z\"/><path d=\"m541.17 413.28 2.69 2.23 6.34-3.86 1.02-5.73v-9.46l10.17-8.32 1.74.06 6.16-5.91-.96-12.18-16.33 2.06.48 3.68 2.81 2.17.66 6.63-5.5 5.37-1.32-3.01.24-3.98-3.17-3.44-7.78 3.62 7.24 3.68.24 10.73-4.79 7.11z\"/><path d=\"m524.66 392.3 8.97 10.13 6.88 1.75 4.61-7.23-.36-9.58-7.48-3.86-2.81 1.27-4.19 6.39-5.8-.06zm-28.11 29.66 3.35.24 1.97 1.99 4.67.06 1.14-13.26v-8.68l2.99-.6 1.14-9.1 7.6-.24 2.69-2.23-4.55-.18-6.16.84-6.64-2.41h-18.66l.48 5.3 6.22 9.16-1.08 4.7.06 2.47z\"/><path d=\"m508.51 411.23 2.15.66-.3 6.15 2.21.3 5.08-4.58 6.1.66 1.62-4.1 7.72-7.05-9.27-10.67-.12-1.75-1.02-.3-2.81 2.59-7.3.18-1.02 9.1-2.87.66zm32.36 2.77-2.51.42-1.08 2.95 1.92 1.75h2.33l1.97-2.83zm-13.46 11.39 3.05-2.35 1.44.06 1.74 2.17-.18 2.17-2.93 1.08v.84l-3.23-.18-.78-2.35z\"/><path d=\"m534.16 403.63-7.9 7.3-1.88 4.51-6.26-.78-5.21 4.63-3.46-.34.28-6.4-1.23-.43-.86 13.09-6.14-.06-1.85-2.18-2.71-.03 2.47 7.09 4.41 4.17-3.15 3.67 2.04 4.6 4.72 1.8 3.76-3.2 10.77.06.77-.96 4.78-.84 16.17-16.1-.06-5.07-1.73 2.24h-2.59l-3.15-2.64 1.6-3.98 2.75-.56-.25-8.18zm-3.79 18.5 1.51-.06 2.45 2.66-.07 3.08-2.87 1.45-.18 1.02-4.38.05-1.37-3.3 1.25-2.42zM321.13 50.07l-1.36 2.17 2.45 2.45-1.09 2.45 3.54 4.62 4.35-1.36 5.71-.54 6.53 7.07 4.35 11.69-3.53 7.34 4.89-.82 2.72 1.63.27 3.54-5.98.27 3.26 3.26 4.08.82-8.97 11.96-1.09 7.34 1.9 5.98-1.36 3.54 2.45 7.61 4.62 5.17 1.36-.27 2.99-.82.27 4.35 1.9 2.72 3.53-.27 2.72-10.06 8.16-10.06 12.24-4.89 7.61-9.52 3.53 1.63h7.34l5.98-5.98 7.34-2.99.82-4.62-4.62-4.08-4.08-1.36-2.18-5.71 5.17-2.99 8.16 4.35 2.72-2.99-4.35-2.45 9.25-12.51-1.63-5.44-4.35-.27 1.63-4.89 5.44-2.45 11.15-9.79-3.26-3.53-12.51 1.09-6.53 6.53 3.81-8.43-4.35-1.09-2.45 4.35-3.53-2.99-9.79 1.09 2.72-4.35 16.04-.54-4.08-5.44-17.4-3.26-7.07 1.09.27 3.54-7.34-2.45.27-2.45-5.17 1.09-1.09 2.72 5.44 1.9-5.71 4.08-4.08-4.62-5.71-1.63-.82 4.35h-5.71l-2.18-4.62-8.97-1.36-4.89 2.45-.27 3.26-6.25-.82-3.81 1.63.27 3.81v1.9l-7.07 1.36-3.26-2.17-2.18 3.53 3.26 3.54 6.8-.82.54 2.18-5.17 2.45z\"/><path d=\"m342.89 92.49 1.63 2.45-.82 2.99h-1.63l-2.18-2.45.54-1.9zm67.98-6.8 4.62 1.36-.27 3.81-4.89-2.45-1.09-1.36zm-22.35 537.3 3.83-5.11 14.89-7.66 2.55-5.53 6.38-1.28 5.96-7.66 5.96-.43 1.28-5.96 5.11-3.83 4.26 1.28 12.34-3.83 2.98 2.98 5.53.43 5.11-2.55 30.64-.43 11.06 2.98 14.04-2.98 4.68.43 1.28-4.26h4.68l6.38 6.81 11.92-7.66 13.19-3.83 4.68 2.98.43-5.96 6.81-.85 7.23 3.4v3.4l18.3 7.66 5.11-.43 2.13 2.55-5.96 6.81v4.68l5.53 2.98 1.28-2.98 25.11-9.79 18.3-1.7 3.83 2.13 14.47 2.13 3.4 1.28 4.68-2.55 6.81-.43 6.38 4.68.43 5.11 14.47-2.98 2.13.85.85 4.68 13.19 4.26 4.26-2.98.43 3.83 4.68.43 6.38 5.11 5.96-2.55 5.11.43h3.83l2.55-.43.43 6.81 8.51 5.11zm-128.51 0 13.62-3.83.85-3.83 14.47-3.4 8.51 2.13 18.72-7.66-.43-8.08-5.53-8.51 1.28-2.13-2.13-5.53v-5.96h3.4l-2.13-4.26 15.32-13.19-.43 5.96-2.98.85-2.98 5.11 2.98 1.28-2.98 4.26-3.4-.85-1.7 3.83.43 5.11 5.11-.43 3.4 4.68 1.28 5.96 6.81 8.51.43 10.64-2.55 1.28 2.13 5.53-1.28 2.13zm-9.79-7.66 5.11-.85 2.13 1.7-.85 2.13-.43 2.55-2.98 1.28-2.13-2.55h-8.51v-1.7l3.83-.85z\"/><path d=\"m304.69 587.67-4.26.85 2.55 4.68 2.98 1.28-1.28 2.55v1.7l-8.09 2.13.85 2.55 3.4 1.28 3.83-2.98 3.4.85-2.13 3.4 1.28.85 3.83-1.7 2.98-5.53zm-8.94 19.15-3.4 2.98 2.98.85 3.83.85 3.83-2.55-3.83-.85zm23.82-50.35-2.49.5-.55 2.55 4.76-.7zm4.02-3.93-2.99.57.57 2.31 3.64-.13zm4.75 4.63.02 3.56 2.05.09 1.66-2.64zm.99-9.93-2.16.85-.55 2.04 1.87.68 3.14-2.16zm431.84-119.26-.35 25.38-3.9 2.86-.35 2.5 5.32 3.57 13.13-2.5h6.74l2.48-3.58 14.9-2.86 10.64 3.22-.71 4.29 1.42 4.29 8.16-1.43.35 2.14-5.32 3.93 1.77 1.43 3.9-1.43-1.06 11.8 7.45 5.72 4.26-1.43 2.13 2.14 12.42-1.79 11.71-18.95 4.26-1.07 8.51-15.73 2.13-13.58-5.32-6.79 2.13-1.43-4.26-13.23-4.61-3.22.71-17.87-4.26-3.22-1.06-10.01h-2.13l-7.1 23.59-3.9.36-8.87-8.94 4.97-13.23-9.22-1.79-10.29 2.86-2.84 8.22-4.61 1.07-.35-5.72-18.8 11.44.35 4.29-2.84 3.93h-7.1l-15.26 6.43zm64.57 68.28-1.77 7.15.35 5 5.32-.36 6.03-9.29zm87.28-14.3 1.06 11.8-1.42 5.36-5.32 3.93.35 4.65v5l1.42 1.79 14.55-12.51v-2.86h-3.55l-4.97-16.8zm-10.64 25.74 2.84 5.36-7.81 7.51-.71 3.93-5.32.71-8.87 8.22-8.16-3.93-.71-2.86 14.9-6.43zm4.26-87.23-.35 1.79 4.61 6.43 2.48 1.07.35-2.5zm-184.16-102.9-.28 2.28 6.79 11.41h1.98l14.15 23.67 5.66.57 2.83-8.27-4.53-2.85-.85-4.56zm41.66 15.35 3.02 3.49 11.58-4.01 2.29-8.84 5.16-.37 4.72-3.42-6.12-4.46-1.4-2.45-3.02 5.57 1.11 3.2-1.84 2.67-3.47-.89-8.41 6.17.22 3.57z\"/><path d=\"m779.77 319.25-2.88 3.49 2.36.74 1.33-1.86zm9.76 29.86 2.26 2.77-1.47 4.16v.79h3.34l1.18-10.4 1.08.3 1.96 9.5 1.87.5 1.77-4.06-1.77-6.14-1.47-2.67 4.62-3.37-1.08-1.49-4.42 2.87h-1.18l-2.16-3.17.69-1.39 3.64-1.78 5.5 1.68 1.67-.1 4.13-3.86-1.67-1.68-3.83 2.97h-2.46l-3.73-1.78-2.65.1-2.95 4.75-1.87 8.22zm24.66-18.61-1.87 4.55 2.95 3.86h.98l1.28-2.57.69-.89-1.28-1.39-1.87-.69zm5.8 14.95-4.03.89-1.18 1.29.98 1.68 2.65-.99 1.67-.99 2.46 1.98 1.08-.89-1.96-2.38zm-66.82 12.87-2.75 1.88.59 1.58 8.75 1.98 4.42.79 1.87 1.98 5.01.4 2.36 1.98 2.16-.5 1.97-1.78-3.64-1.68-3.14-2.67-8.16-1.98zm28.6 8.61-2.16 1.19 1.28 1.39 3.14-1.19zm3.73-.89.39 1.88 2.26.59.88-1.09-.98-1.49zm5.41 4.95-2.75.4 2.46 2.08h1.96zm.78-3.27-.59 1.19 4.42.69 3.44-1.98-1.96-.59-3.14.89-1.18-.99zm14.45.7-5.11 4.26.49 1.09 2.16-.4 2.55-2.38 5.01-.69-.98-1.68zM880.48 349l-.88 1.25 4.81 4.26.66 2.5 1.31-.15.15-2.57-1.46-1.32zm2.41 6.03-.95.22-.58 2.57-1.82 1.18-5.47.96.22 2.06 5.76-.29 3.65-2.28-.22-3.97zm6.49 4.48 1.24 3.45 2.19 2.13.66-.59-.22-2.28-2.48-3.01zm6.05 5.14.15 2.28 1.39 1.32 1.31-.81-1.17-2.43zm1.75 5.66-1.17 1.25 1.24 2.28 1.46.44-.07-1.54zm2.85-1.32 1.02 2.5 1.97 2.35 1.09-1.76-1.46-2.5zm5.11 3.75.58 3.09 1.39 1.91 1.17-2.42zm1.6 6.91-.51.88 1.68 2.21 1.17.07-.73-2.87zm-3.72 4.4-1.75.81 1.53 2.13 1.31-.74zm17.85 13.17-1.24 1.66.52 1.87.62.42 1.13-1.46zm.62 5.09.1 1.35 1.34.42.93-.52-.93-1.46zm1.96 12.06-.62.94.93 1.04 1.55-.52zm25.17-2.08-1.24 1.66-.1 1.87 1.44 1.46zM789.37 297.53l-.86 1.64-.48 2.02-4.78 6.07.29 1.25 2.01-.29 6.21-6.94zm7.74-2.31-.1 5.01 1.82 1.83.67 3.56 1.82.39.86-2.22-1.43-1.06-.38-6.26zm5.17 1.93-.1 4.43 1.05 1.73 1.82-2.12-.48-3.85zm1.14-3.86 1.82 2.41.86 2.31h1.63l-.29-3.95-1.82-1.25zm3.54 9.06.38 2.89-3.35 2.7-2.77.29-2.96 3.18.1 1.45 2.77-.87 1.91-1.25 1.63 4.14 2.87 2.02 1.15-.39 1.05-1.25-2.29-2.31 1.34-1.06 1.53 1.25 1.05-1.73-1.05-2.12-.19-4.72zm-15.58-29.38-2.58 1.83-.29 5.78 4.02 7.8 1.34 1.06 1.72-1.16 2.96.48.57 2.6 2.2.19 1.05-1.44-1.34-1.83-1.63-1.54-3.44-.38-1.82-2.99 2.1-3.18.19-2.79-1.43-3.56zm1.34 17.24.76 2.7 1.34.87.96-1.25-1.53-2.12zm-32.89-20.04-2.39.67-1.72 2.12 1.43 2.79 2.1.19 2.39-2.12.57-2.79zm27.63-21.86-3.54 2.7-.19 5.2 3.06 3.56.76-.67zm15.77-31.89-1.63 1.64.67 2.31 1.43.1.96 5.01 1.15 1.25 2.01-1.83.86-3.28-2.49-3.56zm8.8-3.27-2.77 2.6-.1 2.99.67.87 3.73-3.18-.29-3.18z\"/><path d=\"m808.2 206.98-4.88 5.59.86 1.35 2.39.29 4.49-3.47 3.16-.58 2.87 3.37 2.2-.77.86-3.28 4.11-.1 4.02-4.82-2.1-8-.96-4.24 2.1-1.73-4.78-7.22-1.24.1-2.58 2.89v2.41l1.15 1.35.38 6.36-2.96 3.66-1.72-1.06-1.34 2.99-.29 2.79 1.05 1.64-.67 1.25-2.2-1.83h-1.53l-1.34.77zm8.23-43.54-1.53 1.35.77 2.89 1.34 1.35-.1 4.43-1.72.67-1.34 2.99 3.92 5.39 2.58-.87.48-1.35-2.77-2.5 1.72-2.22 1.82.29 1.43 1.54.1-3.18 3.92-3.18 2.2-.58-1.82-3.08-.86-1.35-1.43.96-1.24 1.54-2.68-.58-2.77-1.83zm14.43-2.99-2.68 3.76.19 1.83 1.34-.58 3.15-3.95zm3.54-5.49-.96 2.6.1 1.73 1.63-1.06 1.53-3.08V154zm5.64-22.93-1.24 1.54.1 2.41 1.15-.1 1.91-3.37zm-2.29 5.88v4.24l1.34.48.96-1.54v-3.27zm-39.11-15.32-.09 6.17 7.74 11.95 2.77 10.4 4.88 9.25 1.91.67 1.63-1.35.76-2.22-6.98-7.61.19-3.95 1.53-.67.38-2.31-13.67-19.36zm53.93-19.17-1.91.19 1.15 1.64 2.39 1.64.67-.77zm3.72 1.16.29 1.64 2.96.87.29-1.16zm16.25 6.29 1.25 2.24 2.08-.14.42-1.54zm20.97 3.5 1.67 3.08 1.25-1.4v-2.1zm14.3-9.8-2.36 3.08.55 1.4 2.92-1.82.28-1.82zm11.8-9.65-2.08 2.52 2.22.84zm2.92-4.2-1.39 2.24.14 2.24 1.94-.84zm-41.24-52.33-2.36 1.54-.56 1.96 1.11 1.26 2.5-.84 2.5.84 1.39.42-.14-4.62zM69.17 53.35l3.46 6.47 2.22-.5v-2.24zM883.4 17.54l-4.22 7.57 8.08 5.11 9.05-7.59 5.5 9.17-5.74 1.18-2.27 5.88 12.71 17.22 7.65 1.27 11.03 2.17 1.36-4L930.4 57l.73 16.75L924 85.62l3.44.75 8.98-18.92 2.73-14.16-5.54-2.59-.89-19 4.27.83-.04 11.43 4.66 4.07 2.72-9.93-2.18-5.9 6.58 3.15.69-34.99-75.76.14-4.36 3.35.59 6.77 13.43 1.84 10.31-2.35-3.7 6.92zM1.17 54.95l14.01 1.57 2.34 4.84 11.16-6.54 18.68-2.61 1.3-9.67 9.34-3.4 6.1-5.75v7.84l6.23 8.5L83.3 41.5l-6.23-7.06-7.78-21.04-9.35-10.73-6.62-.52-.26 5.75-5.45 2.75-1.69-3.4L49.16.32 1.3.45zM78.49 3.32 74.6 6.85l1.17 2.61 2.08-1.44 1.17 1.31L82.9 7.9l-.13-2.22zM49.66 110.26l-.17 3.01 2.16-.5v-1.34zm-3.32 1.34-4.32 2.18.67 2.34 1.66-1.34 3.32-1.51zm-17.95 2.84-2.99-.67-.5 1.34.33 2.51zm-6.32-.16-2.83-1.17-1 1.84 1.83 1.84zm-9.8-2.68-1.33-1.84-1.33.5v2.51l1.5 1zM1.47 99.71l1.66 1.17-.5 1.34H1.47zm621.29 399.91-.15 4.29 5.94 1.38 1.37-3.53-2.13.61-2.74.61-.76-3.22zm-9.75-100.63-1.52 1.99.3 2.15 3.2-2.61zm-5.63 3.38-2.28.15-.15 1.99 1.52.31 2.28-1.07zm-15.08-29.45-2.13 5.06-3.65 6.44-6.39.46-2.74 3.22.46 9.82-3.96 4.6.46 7.82 3.35 3.83 3.96-.46 3.96-2.92-.91-4.6 9.13-15.8-1.83-1.99 1.83-3.83 1.98.61.61-1.53-1.83-7.82-1.07-3.22zm-14.61-1.69.46 1.53 1.98.31.76-1.99zm2.89 3.07.76 1.69h1.22l.61-2.15zm21.77-15.96-.61 1.23 1.67 1.38 1.22-1.38zm8.53-9.2-1.83 1.23 1.37 2.15h1.83zm.76 5.37-1.22 1.38.91 1.38 1.67.31.15-2.92zm44.76-33.75.3 2.61 1.67.61.3-2.3zm2.13 5.52-.15 3.22 1.22.61 1.07-2.15zm.31 6.29-1.07 1.07 1.22 1.07 1.52-1.07zm-286.2-115.55-1.36 1.37 2.44 1.37.27-1.91zm7.33-.82-1.63 1.09 1.36 1.09 2.17-.55zm1.08 3.83-.81 2.19 1.08 1.37 1.36-1.09zm6.51 4.37-.54 1.37.81.82 2.17-1.37zm20.62 12.02-1.08 1.37 1.08 1.37 1.63-.82zm7.44 17.31-1.75 1.01.81.82zm-6.08.19-2.17.55 1.08 1.64h1.63zm-5.16-1.64-1.36 1.37 1.9 1.64 1.08-2.46zm-16.82 38.26-1.9 1.09 1.36 1.09 1.63-.82zm4.67 2.2-1.24 1.1.88 1.63 2.12-.95zm-2.71 3.09-1.59.95 1.71 2.29 1.35-.71zM10 248.7l-.14 2.33 2.04 1.37 1.22-1.09zm5.29 3.43-1.9 1.37 1.63 2.05 1.9-1.64zm3.81 3.28-1.63 2.19.54 1.37 2.31-1.09zm2.71 4.24-.95 5.47.95 2.05 3.12-.96 1.63-2.74-3.4-3.15zm5.44 143.03-1.9-.14-.14 1.78 1.49.96 1.77-1.09zm6.52 1.92-2.72 1.78 2.04 2.46 1.77-.41.95-1.23zM276.6 283.37l-1.5.62.53 1.33 1.76-1.15-.35-.36zm2.47 1.51-.88 1.87 1.06 1.42 1.32-1.15zm3 5.15-1.06.98.79 1.6 1.5-.44zm-.09 4-.71 1.51 1.15 1.24 1.5-.8zm.09 3.82-1.23.89.97 1.78 1.59-.89zm-1.5 3.46-1.15 1.15.44.71h1.41l.44-1.16zm1.67 3.47-1.06.98-1.15.18v1.42l2.12 1.95.88-1.42.53-1.6-.18-1.33zm-11.19-23.72-2.64-.89-2.12 1.33 1.06 1.24 3.61.53zm-20.18-5.68-1.67 1.71 1.91.78.28 2.39-4.23.37.43 2.3 1.23.09.71-1.06 4.94.16.89 1.71 1.14-1.34 3.33-.9 2.93.62.34-1.77-5.28-3.45-3.42-1.28z\"/><path d=\"m263.11 280.44-5.29-3.46-2.5-.85-.84 6 .88 1.69 1.15-1.33 3.35-.89 2.91.62zm-12.25-5.06 3.44.36-.41 4.22-.34 2.22-4.01-.22-.71 1.07-1.23-.09-.44-2.31 4.23-.35-.26-2.4-1.94-.8zm57.09 232.8-2.63-.29-2.62 1.76 1.9 2.06zm2.62-1.32-.87 2.79-2.48 2.2.15.73 4.23-1.62 1.75-2.2zm95.79-389.55-1.96-1.11-2.64 1.67-2.27 2.1.06 1.17 2.94.37-.18 2.1-1.04 1.05.25.68 2.94.19v3.4l4.23.74 2.51 1.42 2.82.12 4.84-2.41 3.74-4.94.06-3.34-2.27-1.92-1.9-1.61-.86.62-1.29 1.67-1.47-.19-1.47-1.61-1.9.18-2.76 2.29-1.66 1.79-.92-.8-.06-1.98.92-.62zm81.9-63.35-1.65-1.66-3.66 1.78h-6.72L475.17 58l3.77 3.33 1.65-.24 2.36-4.04 2 1.43-1.42 2.85-.71 4.16 1.65 2.61 3.54-5.94 4.6-5.59-1.77-1.54zm2-7.13-2.95 2.73 1.77 2.73h3.18l1.3 1.78 3.89 2.02 4.48-2.61 3.07-2.61-1.06-2.14-3.07-1.78-2.24 2.02-1.53-1.9-1.18.12-1.53 3.33-2.24-2.26-.24-1.54zm6.72 12.24-2.36 2.14-2 1.54.94 1.66 1.89.59 3.07-1.43 1.42-1.78-1.3-2.14zm50.84-20.28 1.72.69-1.21 2.08v2.95l-2.58 1.56H543l-1.55-1.91.17-2.08 1.21-1.56h2.41zm6.54-1.91v2.08l1.72 1.39 2.41-.17 2.07-1.91v-1.39h-1.89l-1.55.52-1.21-1.39zm9.82.18 1.21 2.6 2.41.17 1.72-.69-.86-2.43-2.24-.52zm9.81-3.47-1.89-.35-1.72 1.74.86 1.56.52 2.43 2.24-1.73.52-1.91zm10.5 18.39-.52 2.43-3.96 3.47-8.44 1.91-6.89 11.45-1.21 3.3 6.89 1.74 1.03-4.16 2.07-6.42 5.34-2.78 4.48-3.47 3.27-1.39h1.72v-4.68zm-22.21 25.33 4.65.52 1.55 5.38 3.96 4.16-1.38 2.78h-2.41l-2.24-2.6-4.99-.17-2.07-2.78v-1.91l3.1-.87zm72.67-59.16-2.24-1.39h-2.58l-.52 1.56-2.75 1.56-2.07.69-.34 2.08 4.82.35zm5.33.52-1.21 2.6-2.41-.17-3.79 2.78-1.03 3.47h2.41l1.38-2.26 3.27 2.43 3.1-1.39 2.24-1.91-.86-2.95-1.21-2.08zm5 1.91 1.21 4.86 1.89 4.51 2.07-3.64 3.96-.87v-2.6l-2.58-1.91zm94.48-7.78 2.69 2.26 1.91-.79.56-3.17L741 8.39l-2.58 1.7-6.28.57v2.83l-6.62.11v4.63l7.74 5.76 2.02-1.47-.45-4.07 4.94-1.24-1.01-1.92-1.79-1.81zm7.18-2.71 1.79 3.39 6.96-.79 1.91-2.49-.45-2.15-1.91-.79-1.79 1.36-5.16 1.13zm-.45 13.22-3.48-.9-2.01 2.15-.9 2.94 4.71-.45 3.59-1.81zm90.19-19.55-2.92-.9-3.36 1.24-1.68 2.49 2.13 2.83 5.61-2.49 1.12-1.24zM680.54 308.05l.25 2.72.25 1.98-1.47.25.74 4.45 2.21 1.24 3.43-1.98-.98-4.69.25-1.73-3.19-2.96zm-459.69-41.13v1.27l5.32.1 2.51-1.46.39 1.07 5.22 1.27 4.64 4.19-1.06 1.46.19 1.66 3.87.97 3.87-1.75 1.74-1.75-2.51-1.27-12.95-7.6-4.54-.49zm18.76-7.79-1.26-.39-.1 2.43 1.55 1.56 1.06-1.56zm2.51 3.8-1.74.97 1.64 2.34.87-1.17zm5.61 1.75-1.84-.1.19 1.17 1.35 1.95 1.16-1.27zm-.87-2.33-3-1.27-.58-3.02 1.16-.49 1.16 2.34 1.16.88zm-2.9-6.14-1.55-.39-.29-1.95-1.64-.58 1.06-1.07 1.93.68 1.45.88zm-5.03 23.38-3.48.88v.97l2.03 1.17h2.13l1.35-1.56zm593 59.75-4.17.47-2.68 1.96 1.11 2.24 4.54.84v.84l-2.87 2.33 1.39 4.85 1.39.09 1.2-4.76h2.22l.93 4.66 10.83 8.96.28 7 3.7 4.01 1.67-.09.37-24.72-6.29-4.38-5.93 4.01-2.13 1.31-3.52-2.24-.09-7.09zM93.11 44.89l-8.39 1.99 1.73 9.45 9.13 2.49.49 1.99-13.57 4.23-7.65 12.68 2.71 13.43L82 94.13l3.46-3.23.99 1.99-4.2 4.97-16.29 7.46-10.37 2.49-.25 3.73 23.94-6.96 9.87-2.74 9.13-11.19 10.12-6.71-5.18 8.7 5.68.75 9.63-4.23 1.73 6.96 6.66 1.49 6.91 6.71.49 4.97-.99 1.24 1.23 4.72h1.73l.25-7.96h1.97l.49 19.64 4.94-4.23-3.46-20.39h-5.18l-5.68-7.21 27.89-47.25-27.64-21.63-30.85 5.97-1.23 9.45 6.66 3.98-2.47 6.47zm101.86 293.29-.62 2.75-1.15 1.16.79 1.42 2.03-.8.97-1.69-.62-1.78zm8.76-302.29.22 4.02-7.98 8.27 2 6.7 5.76-1.56 3.33-4.92 8.42-3.13 6.87-.45-5.32-5.81-2.66 2.01-2-.67-1.11-2.46-2.44-2.46zm10.42-11.84-1.77 3.13 8.65 3.13 3.1-4.69 1.33 3.13h2.22l4.21-4.69-5.1-1.34-2-1.56-2.66 2.68zm15.08 6.26-6.87 2.9v2.23l8.87 3.35-2 2.23 1.33 2.9 5.54-2.46h4.66l2.22 3.57 3.77-3.8-.89-3.58-3.1 1.12-.44-4.47 1.55-2.68h-1.55l-2.44 1.56-1.11.89.67 3.13-1.77 1.34-2.66-.22-.67-4.02zm9.09-6.93-.67 2.23 4.21 2.01 3.1-1.79-.22-1.34zm3.32-3.8-3.1 1.12.22 1.56 6.87-.45-.22-1.56zm14.86 3.8-.44 1.56-1.11 1.56v2.23l4.21-.67 4.43 3.8h1.55v-3.8l-4.43-4.92zm11.31 4.47 1.77 2.01-1.55 2.68 1.11 2.9 4.88-2.68v-2.01l-2.88-3.35zm6.43-5.14.22 3.57h5.99l1.55 1.34-.22 1.56-5.32.67 3.77 5.14 5.1.89 7.09-3.13-10.2-15.42-3.1 2.01.22 2.68-3.55-1.34zm-51.66 25.25-8.42 2.23-4.88 4.25.44 4.69 8.87 2.68-2 4.47-6.43-4.02-1.77 3.35 4.21 2.9-.22 4.69 6.43 1.79 7.76-.45 1.33-2.46 5.76 6.48 3.99-1.34.67-4.47 2.88 2.01.44-4.47-3.55-2.23.22-14.07-3.1-2.46-3.32 4.47zm27.05 9.83-2.88-1.34-1.55 2.01 3.1 4.92.22 4.69 6.65-4.02v-5.81l2.44-2.46-2.44-1.79h-3.99zm14.19-2.01-4.66 3.8 1.11 4.69h2.88l1.33-2.46 2 2.01 2-.22 5.32-4.47zm-.45-7.38-1.11 2.23 4.88 1.79 1.33-2.01zm-2.88-8.49-4.88.67-2.88 2.68 5.32.22-1.55 4.02 1.11 1.79 1.55-.22 3.77-6.03zm8.43-1.56-2.66.89.44 3.57 4.43 2.9.22 2.23-1.33 1.34.67 4.47 17.07 5.58 4.66 1.56 4.66-4.02-5.54-4.47-5.1 1.34-7.09-.67-2.66-2.68-.67-7.37-4.43-2.23zm13.96 23.24-4.88-.45-5.76 2.23-3.1 4.24.89 11.62 9.53.45 9.09 4.47 6.43 7.37 4.88-.22-1.33 6.92-4.43 7.37-4.88 2.23-3.55-.67-1.77-1.56-2.66 3.57 1.11 3.57 3.77.22 4.66-2.23 3.99 10.28 9.98 6.48 6.87-8.71-5.76-9.38 3.33-3.8 4.66 7.82 8.42-7.37-1.55-3.35-5.76 1.79-3.99-10.95 3.77-6.25-7.54-8.04-4.21 2.9-3.99-8.71-8.42 1.12-2.22-10.5-6.87 4.69-.67 5.81h-3.77l.44-5.14z\"/><path d=\"m292.86 65.61-1.77 1.79 1.55 2.46 7.32.89-4.66-4.92zm-7.09-25.25v2.01l-4.88 1.12 1.33 2.23 5.54 2.23 6.21.67 4.43 3.13 4.43-2.46-3.1-3.13h3.99l2.44-2.68 5.99-.89v-1.34l-3.33-2.23.44-2.46 9.31 1.56 13.75-5.36-5.1-1.56 1.33-1.79h10.64l1.77-1.79-21.51-7.6-5.1-1.79-5.54 4.02-6.21-5.14-3.33-.22-.67 4.25-4.21-3.8-4.88 1.56.89 2.46 7.32 1.56-.44 3.57 3.99 2.46 9.76-2.46.22 3.35-7.98 3.8-4.88-3.8-4.43.45 4.43 6.26-2.22 1.12-3.33-2.9-2.44 1.56 2.22 4.24h3.77l-.89 4.02-3.1-.45-3.99-4.25zm-19.76 61.49-4.23 5.32-.26 5.86 3.7-2.13h4.49l3.17 2.93 2.91-2.4zm51.51 69.2-10.57 10.12 1.06 2.4 12.94 4.79 1.85-3.19-1.06-5.32-4.23.53-2.38-2.66 3.96-3.99z\"/><path d=\"m158.22 48.66 1.99 3.01 1 4.02 4.98 1.25 3.49-3.76 2.99 1.51 8.47.75 5.98-2.51 1 8.28h3.49V57.7l3.49.25 8.72 10.29 5.73 3.51-2.99 4.77 1.25 1.25L219 80.03l.25 5.02 2.99.5.75-7.53 4.73-1.25 3.49 5.27 7.47 3.51 3.74.75 2.49-3.01.25-4.77 4.48-2.76 1.49 4.02-3.99 7.03.5 3.51 2.24-3.51 4.48-4.02.25-5.27-2.49-4.02.75-3.26 5.98-3.01 2.74 2.01.5 17.57 4.23-3.76 2.49 1.51-3.49 6.02 4.48 1 6.48-10.04 5.48 5.77-2.24 10.29-5.48 3.01-5.23-2.51-9.46 2.01 1 3.26-2.49 4.02-7.72 1.76-8.72 6.78-7.72 10.29-1 3.26 5.23 2.01 1.99 5.02 7.22 7.28 11.46 5.02-2.49 11.54-.25 3.26 2.99 2.01 3.99-5.27.5-10.04 6.23-.25 2.99-5.77.5-8.78 7.97-15.56 9.96 3.51 5.23 7.28-2.24 7.28 3.99 2.26 9.71-6.53 2.74 17.82 8.97 10.79.25 5.52-9.96 2.51-4.73 5.02-9.96-2.26-4.98-.25-8.72 6.78 5.23-1.25 6.48-1.25 1.25 1.51-1.74 5.52.25 5.02 2.99 2.01 2.99-.75 1.5-2.26h1.99l-3.24 6.02-6.23.25-2.74 4.02h-3.49l-1-3.01 4.98-5.02-5.98 2.01-.27-8.53-1.72-1-5.23 2.26-.5 4.27h-11.96l-10.21 7.03-13.7 4.52-1.49-2.01 6.9-10.3-3.92-3.77-2.49-4.78-5.07-3.87-5.44-.45-9.75-6.83-70.71-11.62-1.17-4.79-6.48-6.02v-5.02l1-4.52-.5-2.51-2.49-2.51-.5-4.02 6.48-4.52-3.99-21.58-5.48-.25-4.98-6.53z\"/><path d=\"m148.76 158.34-1 4.02-3.49-2.26h-1.74l-1 4.27-12.21 27.36 3.24 23.84 3.99 2.01.75 6.53h8.22l7.97 6.02 15.69 1.51 1.74 8.03 2.49 1.76 3.49-3.51 2.74 1.25 2.49 11.54 4.23 2.76 3.49-6.53 10.71-7.78 6.97 3.26 5.98.5.25-3.76 12.45.25 2.49 2.76.5 6.27-1.49 3.51 1.74 6.02h3.74l3.74-5.77-1.49-2.76-1.49-6.02 2.24-6.78 10.21-8.78 7.72-2.26-1-7.28 10.71-11.55 10.71-1.76-1.74-6.01 10.46-6.02v-8.03l-1-.5-3.74 1.25-.5 4.92-12.43.15-9.74 6.47-15.29 5-2.44-2.99 6.94-10.5-3.43-3.27-2.33-4.44-4.83-3.88-5.25-.44-9.92-6.77zm-14.93-29.93-1.7 3.26.59 2.31 1.11.69-.26.94-1.19.34.34 3.43 1.28 1.29 1.02-1.11-1.28-3.34.76-2.66 1.87-2.49-1.36-2.31zm5.62 19.54-1.53.6 2.81 3.26.68 3.86 2.81 3 2.38-.43v-3.94l-2.89-1.8zm55.43 143.57 5.93 4.34 5.98-7.43-1.02-1.54-2.04-.07v-4.35l-1.53-.93-4.63 1.38 1.77 4.08zm12.67-2.74 9.24-.35 2.74 3.26-1.71-.39-3.29.14-4.3 4.04-1.84 4.09-1.21-.64-.01-4.48-2.66-1.78z\"/><path d=\"m201.65 296.27 4.7 2.34-.07-3.71-2.41-1.47zm16.09-4.16 2.19.44.07 4.49-2.55 7.28-6.87-.68-1.53-3.51 2.04-4.26 3.87-3.6zm-.36 12.87 1.39 2.72 1.13 1.5-1.52 4.51-2.9-2.04-4.74-4.34v-2.87zm3.21 4.63-1.46 4.56 4.82 1.25 2.99.59.51-3.53 3.21-1.62 2.85 1.47 1.12 1.79 1.36-.16 1.07-3.25-3.56-1.47-2.7-1.47-2.7 1.84-3.21 1.62-3.28-1.32z\"/><path d=\"m253.73 299.78-2.06-.21-13.62 11.23-1.44 3.95-1.86.21.83 8.73-4.75 11.65 5.16 4.37 6.61.42 4.54 6.66 6.6.21-.21 4.99H256l2.68-9.15-2.48-3.12.62-5.82 5.16-.42-.62-13.52-11.56-3.74-2.68-7.28z\"/><path d=\"m250.46 305.92.44 2.59 3.25 1.03.74-4.77 3.43-3.55 3.43 4.02 7.89 2.15 6.68-1.4 4.55 5.61 3.43 2.15-3.76 5.73 1.26 4.34-2.15 2.66-2.23 1.87-4.83-2.43-1.11 1.12v3.46l3.53 1.68-5.2 5.62-3.43-.28-3.45-3.79-.73-14.26-11.78-4.02-2.14-6.27z\"/><path d=\"m285.05 314.13 7.22 6.54-2.87 3.32-.23 1.97 3.77 3.89-.09 3.74-6.56 2.5-3.93-5.31.84-6.38-1.68-4.75z\"/><path d=\"m293.13 321.14 2.04 1.87 3.16-1.96 2.88.09-.37 1.12-1.21 2.52-.19 6.27-5.75 2.34.28-4.02-3.71-3.46.19-1.78zm9 .66 5.85 3.65-3.06 6.08-1.11 1.4-3.25-1.87.09-6.55zm-71.93 14.05-4.73 2.94-.34 4.36-.95 1.43 2.98 2.86-1.29 1.41.3 3.6 5.33 1.27 8.07-9.55-.02-3.33-3.87-.25z\"/><path d=\"m225.03 349.52-1.94 1.96.13 3.13 16.94 30.88 17.59 11.34 2.72-4.56.65-10.03-1.42-6.25-4.79-8.08-2.85.91-1.29 1.43-5.69-6.52 1.42-7.69 6.6-4.3-.52-4.04-6.72-.26-3.49-5.86-1.94-.65.13 3.52-8.66 10.29-6.47-1.56z\"/><path d=\"m258.71 372.79 8.23-3.59 2.72.26 1.81 7.56 12.54 4.17 2.07 6.39 5.17.65 2.2 5.47-1.55 4.95-8.41.65-3.1 7.95-6.6-.13-2.07-.39-3.81 3.7-1.88-.18-6.47-14.99 1.79-2.68.63-10.6-1.6-6.31z\"/><path d=\"m291.76 399.51 2.2 2.4-.26 5.08 6.34-.39 4.79 6.13-.39 5.47-3.1 4.69-6.34.26-.26-2.61 1.81-4.3-6.21-3.91h-5.17l-3.88-4.17 2.82-8.06zm8.6 32.42-2.05 2.19.85 11.78 6.44 1.87 8.19-8.21z\"/><path d=\"m305.47 418.2 1.94 1.82-7.37 10.95-2.59 2.87.9 12.51 5.69 6.91-4.78 8.34-3.62 1.56h-4.14l1.16 6.51-6.47 2.22 1.55 5.47-3.88 12.38 4.79 3.91-2.59 6.38-4.4 6.91 2.33 4.82-5.69.91-4.66-5.73-.78-17.85-7.24-30.32 2.19-10.6-4.66-13.55 3.1-17.59 2.85-3.39-.7-2.57 3.66-3.34 8.16.56 4.56 4.87 5.27.09 5.4 3.3-1.59 3.72.38 3.76 7.65-.36zm-20.43 95.9-4.27 9.38 7.37.78.13-6.25zm3.88 4.69.26 5.73 4.4-.39 3.75-2.48-6.34-1.3z\"/><path d=\"m283.59 512.63-3.21 3.55-.39 4.17-6.21-3.52-6.6-9.51-1.94-3.39 2.72-3.52-.26-4.43-3.1-1.3-2.46-1.82.52-2.48 3.23-.91.65-14.33-5.04-2.87-3.29-74.59.85-1.48 6.44 14.85 2.06.04.67 2.37-2.74 3.32-3.15 17.87 4.48 13.76-2.07 10.42 7.3 30.64.77 17.92 5.23 6.05z\"/><path d=\"m262.28 475.14-1.29 1.95.65 3.39 1.29.13.65-4.3zm51.96-36.29 6.25-12.02.23-10.1 11.66-7.52h6.53l5.13-8.69.93-16.68-2.1-4.46 12.36-11.28.47-12.45-16.79-8.22-20.28-6.34-9.56-.94 2.57-5.4-.7-8.22-2.09-.69-3.09 6.14-1.62 2.03-4.16-1.84-13.99 4.93-4.66-5.87.75-6.13-4.4 4.48-4.86-2.62-.49.69.01 2.13 4.19 2.25-6.29 6.63-3.97-.04-4.02-4.09-4.55.14-.56 4.86 2.61 3.17-3.08 9.87-3.6.28-5.73 3.62-1.4 7.11 4.97 5.32.91-1.03 3.49-.94 2.98 5.02 8.53-3.66 3.31.19 2.28 8.07 12.17 3.86 2.1 6.44 5.18.62 2.47 6.15-1.67 5.47 2.18 2.86-.32 4.26 5.84-.55 5.35 6.76-.42 4.75 3.17 2.68-7.6 11.51zM204.56 282.4l-.05 3.65h.84l2.86-5.34h-1.94zM817.97 72.93l1.76 6.08 3.52 1.01 3.52-5.57-2.01-3.8.75-3.29h5.28l-1.26 2.53.5 9.12-7.54 18.74.75 4.05-.25 6.84 14.07 20.51 2.76.76.25-16.71 2.76-2.53-3.02-6.58 2.51-2.79-5.53-7.34-3.02.25-1-12.15 7.79-2.03.5-3.55 4.02-1.01 2.26 2.03 2.76-11.14 4.77-8.1 3.77-2.03 3.27.25v-3.8l-5.28-1.01-7.29-6.08 3.52-4.05-3.02-6.84 2.51-2.53 3.02 4.05 7.54 2.79 8.29.76 1.01-3.54-4.27-4.3 4.77-6.58-10.81-3.8-2.76 5.57-3.52-4.56-19.85-6.84-18.85 3.29-2.76 1.52v1.52l4.02 2.03-.5 4.81-7.29-3.04-16.08 6.33-2.76-5.82h-11.06l-5.03 5.32-17.84-4.05-16.33 3.29-2.01 5.06 2.51.76-.25 3.8-15.83 1.77 1.01 5.06-14.58-2.53 3.52-6.58-14.83-.76 1.26 6.84-4.77 2.28-4.02-3.8-16.33 2.79-6.28 5.82-.25 3.54-4.02.25-.5-4.05 12.82-11.14v-7.6l-8.29-2.28-10.81 3.54-4.52-4.56h-2.01l-2.51 5.06 2.01 2.28-14.33 7.85-12.31 9.37-7.54 10.38v4.3l8.04 3.29-4.02 3.04-8.54-3.04-3.52 3.04-5.28-6.08-1.01 2.28 5.78 18.23 1.51.51 4.02-2.03 2.01 1.52v3.29l-3.77-1.52-2.26 1.77 1.51 3.29-1.26 8.61-7.79.76-.5-2.79 4.52-2.79 1.01-7.6-5.03-6.58-1.76-11.39-8.04-1.27-.75 4.05 1.51 2.03-3.27 2.79 1.26 7.6 4.77 2.03 1.01 5.57-4.78-3.04-12.31-2.28-1.51 4.05-9.8 3.54-1.51-2.53-12.82 7.09-.25 4.81-5.03.76 1.51-3.54v-3.54l-5.03-1.77-3.27 1.27 2.76 5.32 2.01 3.54v2.79l-3.77-.76-.75-.76-3.77 4.05 2.01 3.54-8.54-.25 2.76 3.55-.75 1.52h-4.52l-3.27-2.28-.75-6.33-5.28-2.03v-2.53l11.06 2.28 6.03.51 2.51-3.8-2.26-4.05-16.08-6.33-5.55 1.38-1.9 1.63.59 3.75 2.36.41-.55 5.9 7.28 17.1-5.26 8.34-.36 1.88 2.67 1.88-2.41 1.59-1.6.03.3 7.35 2.21 3.13.03 3.04 2.83.26 4.33 1.65 4.58 6.3.05 1.66-1.49 2.55 3.42-.19 3.33.96 4.5 6.37 11.08 1.01-.48 7.58-3.82 3.27.79 1.28-3.77 4.05-1 3.8 2.26 3.29 7.29 2.53 3.02-1.77 19.35 7.34.75-2.03-4.02-3.8v-4.81l-2.51-.76.5-4.05 4.02-4.81-7.21-5.4.5-7.51 7.71-5.07 9.05.51 1.51 2.79 9.3.51 6.79-3.8-3.52-3.8.75-7.09 17.59-8.61 13.53 6.1 4.52-4.05 13.32 12.66 10.05-1.01 3.52 3.54 9.55 1.01 6.28-8.61 8.04 3.55 4.27.76 4.27-3.8-3.77-2.53 3.27-5.06 9.3 3.04 2.01 4.05 4.02.25 2.51-1.77 6.79-.25.75 1.77 7.79.51 5.28-5.57 10.81 1.27 3.27-1.27 1-6.08-3.27-7.34 3.27-2.79h10.3l9.8 11.65 12.56 7.09h3.77l.5-3.04 4.52-2.79.5 16.46-4.02.25v4.05l2.26 2.79-.42 3.62 1.67.69 1.01-2.53 1.51.51 1 1.01 4.52-1.01 4.52-13.17.5-16.46-5.78-13.17-7.29-8.86-3.52.51v2.79l-8.54-3.29 3.27-7.09 2.76-18.74 11.56-3.54 5.53-3.54h6.03L805.86 96l1.51 2.53 5.28-5.57 3.02.25-.5-3.29-4.78-1.01 3.27-11.9z\"/><path d=\"m670.4 170.07-3.46 8.7-4.77-.25-5.03 11.01 4.27 5.44-8.8 12.15-4.52-.76-3.02 3.8.75 2.28 3.52.25 1.76 4.05 3.52.76 10.81 13.93v7.09l5.28 3.29 5.78-1.01 7.29 4.3 8.8 2.53 4.27-.51 4.78-.51 10.05-6.58 3.27.51 1.25 2.97 2.77.83 3.77 5.57-2.51 5.57 1.51 3.8 4.27 1.52.75 4.56 5.03.51.75-2.28 7.29-3.8 4.52.25 5.28 5.82 3.52-1.52 2.26.25 1.01 2.79 1.76.25 2.51-3.54 10.05-3.8 9.05-10.89 3.02-10.38-.25-6.84-3.77-.76 2.26-2.53-.5-4.05-9.55-9.62v-4.81l2.76-3.54 2.76-1.27.25-2.79h-7.04l-1.26 3.8-3.27-.76-4.02-4.3 2.51-6.58 3.52-3.8 3.27.25-.5 5.82 1.76 1.52 4.27-4.3 1.51-.25-.5-3.29 4.02-4.81 3.02.25 1.76-5.57 2.06-1.09.21-3.47-2-2.1-.17-5.48 3.85-.25-.25-14.13-2.7 1.62-1.01 3.62-4.51-.01-13.07-7.35-9.44-11.38-9.58-.1-2.44 2.12 3.1 7.1-1.08 6.66-3.86 1.6-2.17-.17-.16 6.59 2.26.51 4.02-1.77 5.28 2.53v2.53l-3.77.25-3.02 6.58-2.76.25-9.8 12.91-10.3 4.56-7.04.51-4.77-3.29-6.79 3.55-7.29-2.28-1.76-4.81-12.31-.76-6.53-10.63h-2.76l-2.22-4.93z\"/><path d=\"m673.8 170.17 5.82-7.72 6.99 3.23 4.75 1.27 5.82-5.34-3.95-2.91 2.6-3.67 7.76 2.74 2.69 4.41 4.86.13 2.54-1.89 5.23-.21 1.14 1.94 8.69.44 5.5-5.61 7.61.8-.44 7.64 3.33.76 4.09-1.86 4.33 2.14-.1 1.08-3.14.09-3.27 6.86-2.54.25-9.88 12.91-10.09 4.45-6.31.49-5.24-3.38-6.7 3.58-6.6-2.05-1.87-4.79-12.5-.88-6.4-10.85-3.11-.2zm104.48 24.1 1.84.77.56 6.44 3.65.21 3.44-4.03-1.19-1.06.14-4.32 3.16-3.82-1.61-2.9 1.05-1.2.58-3-1.83-.83-1.56.79-1.93 5.86-3.12-.27-3.61 4.26zm10.06 3.93 6.18 5.04 1.05 4.88-.21 2.62-3.02 3.4-2.6.14-2.95-6.37-1.12-3.04 1.19-.92-.28-1.27-1.47-.66zm-211.65-9.58 4.1-1.75 4.58-.16.32 7h-2.68l-2.05 3.34 2.68 4.45 3.95 2.23.36 2.55 1.45-.48 1.34-1.59 2.21.48 1.11 2.23h2.84v-2.86l-1.74-5.09-.79-4.13 5.05-2.23 6.79 1.11 4.26 4.29 9.63-.95 5.37 7.63 6.31.32 1.74-2.86 2.21-.48.32-3.18 3.31-.16 1.74 2.07 1.74-4.13 14.99 2.07 2.52-3.34-4.26-5.25 5.68-12.4 4.58.32 3.16-7.63-6.31-.64-3.63-3.5-10 1.16-12.88-12.45-4.54 4.03-13.77-6.25-16.89 8.27-.47 5.88 3.95 4.61-7.7 4.35-9.99-.22-2.09-3.07-7.83-.43-7.42 4.77-.16 6.52z\"/><path d=\"m593.85 207.59-.62 2.63h-4.15v3.56l4.46 2.94-1.38 4.03v1.86l1.85.31 2.46-3.25 5.54-1.24 11.84 4.49.15 3.25 6.61.62 7.38-7.75-.92-2.48-4.92-1.08-13.84-8.99-.62-3.25h-5.23l-2.31 4.34h-2.31z\"/><path d=\"m628.92 219.06 3.08.16v-5.27l-2.92-1.7 4.92-6.2h2l2 2.33 5.23-2.01-7.23-2.48-.28-1.5-1.72.42-1.69 2.94-7.29-.24-5.35-7.57-9.4.93-4.48-4.44-6.2-1.05-4.5 1.83 2.61 8.68.03 2.92 1.9.04 2.33-4.44 6.2.08.92 3.41 13.29 8.82 5.14 1.18z\"/><path d=\"m630.19 211.84 4.11-5.1h1.55l.54 1.14-1.9 1.38v1.14l1.25.9 6.01.36 1.96-.84.89.18.6 1.92 3.57.36 1.79 3.78-.54 1.14-.71.06-.71-1.44-1.55-.12-2.68.36-.18 2.52-2.68-.18.12-3.18-1.96-1.92-2.98 2.46.06 1.62-2.62.9h-1.55l.12-5.58z\"/><path d=\"m636.81 199.21-.31 2.53.25 1.56 8.7 2.92-7.64 3.08-.87-.72-1.65 1.06.08.58.88.4 5.36.14 2.72-.82 3.49-4.4 4.37.76 5.27-7.3-14.1-1.92-1.95 4.73-2.46-2.64zm-22.69 27.84 1.59 12.46 3.96.87.37 2.24-2.84 2.37 5.29 4.27 10.28-3.7.82-4.38 6.47-4.04 2.48-9.36 1.85-1.99-1.92-3.34 6.26-3.87-.8-1.12-2.89.18-.26 2.66-3.88-.04-.07-3.55-1.25-1.49-2.1 1.91.06 1.75-3.17 1.2-5.85-.37-7.6 7.96z\"/><path d=\"m623.13 249.84 2.6 3.86-.25 1.99-3.46 1.37-.25 3.24h3.96l1.36-1.12h7.54l6.8 5.98.87-2.87h5.07l.12-3.61-5.19-4.98 1.11-2.74 5.32-.37 7.17-14.95-3.96-3.11-1.48-5.23 9.64-.87-5.69-8.1-3.03-.82-1.24 1.5-.93.07-5.69 3.61 1.86 3.12-2.1 2.24-2.6 9.59-6.43 4.11-.87 4.49z\"/><path d=\"m670.98 313.01 4.58-2.24 2.72-9.84-.12-12.08 15.58-16.82v-3.99l3.21-1.25-.12-4.61-3.46-6.73 1.98-3.61 4.33 3.99 5.56.25v2.24l-1.73 1.87.37 1 2.97.12.62 3.36h.87l2.23-3.99 1.11-10.46 3.71-2.62.12-3.61-1.48-2.87-2.35-.12-9.2 6.08.58 3.91-6.46-.02-2.28-2.79-1.24.16.42 3.88-13.97-1-8.66-3.86-.46-4.75-5.77-3.58-.07-7.37-3.96-4.53-9.1.87.99 3.96 4.46 3.61-7.71 15.78-5.16.39-.85 1.9 5.08 4.7-.25 4.75-5.19-.08-.56 2.36 4.31-.19.12 1.87-3.09 1.62 1.98 3.74 3.83 1.25 2.35-1.74 1.11-3.11 1.36-.62 1.61 1.62-.49 3.99-1.11 1.87.25 3.24z\"/><path d=\"m671.19 242.56.46 4.27 8.08 3.66 12.95.96-.49-3.13-8.65-2.38-7.34-4.37zm24.21 5.52 1.55 2.12 5.24.04-.53-2.9zm.17 5.03-1.31 2.37 3.4 6.46.1 5.04.62 1.35 3.99.07 2.26-2.17 1.64.99.33 3.07 1.31-.82.08-3.92-1.1-.13-.69-3.33-2.78-.1-.69-1.85 1.7-2.27.03-1.12h-4.94z\"/><path d=\"m729.44 303.65-2.77-4.44 2.01-2.82-1.9-3.49-1.79-.34-.34-5.86-2.68-5.19-.78 1.24-1.79 3.04-2.24.34-1.12-1.47-.56-3.95-1.68-3.16-6.84-6.45 1.68-1.11.31-4.67 2.5-4.2 1.08-10.45 3.62-2.47.12-3.81 2.17.72 3.42 4.95-2.54 5.44 1.71 4.27 4.23 1.66.77 4.65 5.68.88-1.57 2.71-7.16 2.82-.78 4.62 5.26 6.76.22 3.61-1.23 1.24.11 1.13 3.92 5.75.11 5.97z\"/><path d=\"m730.03 270.47 3.24 4.17v5.07l1.12.56 5.15-2.48 1.01.34 6.15 7.1-.22 4.85-2.01-.34-1.79-1.13-1.34.11-2.35 3.94.45 2.14 1.9 1.01-.11 2.37-1.34.68-4.59-3.16v-2.82l-1.9-.11-.78 1.24-.4 12.62 2.97 5.42 5.26 5.07-.22 1.47-2.8-.11-2.57-3.83h-2.69l-3.36-2.71-1.01-2.82 1.45-2.37.5-2.14 1.58-2.8-.07-6.44-3.86-5.58-.16-.68 1.25-1.26-.29-4.43-5.14-6.51.6-3.75z\"/><path d=\"m732.71 315.45 2.01 4.51.45 5.86 2.69 4.17 6.49 3.94 2.46.23-.45-4.06-2.13-5.18-3.12-6.63-.26 1.16-3.76-.17-2.7-3.88zm7.77-15.98 4.09 4.37 7.61-5.64.67-8.9-3.93 2.71-2.04-1.14-2.77-.37-1.55-1.09-.75.04-2.03 3.33.33 1.54 2.06 1.15-.25 3.13z\"/><path d=\"m735.47 262.93-2.42 1.23-2.01 5.86 3.36 4.28-.56 4.73.56.23 5.59-2.71 7.5 8.38-.18 5.28 1.63.88 4.03-3.27-.33-2.59-11.63-11.05.11-1.69 1.45-1.01-1.01-2.82-4.81-.79z\"/><path d=\"m745.06 304.45 1.19 1.87.22 2.14 3.13.34 3.8-5.07 3.58-1.01 1.9-5.18-.89-8.34-3.69-5.07-3.89-3.11-4.95-8.5 3.55-5.94-5.08-5.83-4.07-.18-3.66 1.97 1.09 4.71 4.88.86 1.31 3.63-1.72 1.12.11.9 11.45 11.2.45 3.29-.69 10.4zm-189.6-100.29 3.27 4.27 4.08 1.88 2.51-.01 4.31-1.17 1.08-1.69-12.75-4.77zm14.26 5.73 4.8 6.26-1.41 1.65-3.4-.59-4.22-3.78.23-2.48zm1.69-2.17-1.01 1.72 4.71 6.18 1.64-.53 2.7 2.83 1.17-4.96 2.93.47-.12-1.42-4.82-4.22-.92 2.48z\"/><path d=\"m569.65 217.95-1.22 1.27.12 2.01 1.52 2.13 5.39 5.9-.82 2.36h-.94l-.47 2.36 3.05 3.9 2.81.24 5.63 7.79 3.16.24 2.46 1.77.12 3.54 9.73 5.67h3.63l2.23-1.89 2.81-.12 1.64 3.78 10.51 1.46.31-3.86 3.48-1.26.16-1.38-2.77-3.78-6.17-4.96 3.24-2.95-.23-1.3-4.06-.63-1.72-13.7-.2-3.15-11.01-4.21-4.88 1.1-2.73 3.35-2.42-.16-.7.59-5.39-.35-6.8-4.96-2.53-2.77-1.16.28-2.09 2.39z\"/><path d=\"m558.7 209.19-2.23 2.36-8.2-.24-4.92-2.95-4.8-.12-5.51 3.9-5.16.24-.47 2.95h-5.86l-2.34 2.13v1.18l1.41 1.18v1.3l-.59 1.54.59 1.3 1.88-.94 1.88 2.01-.47 1.42-.7.95 1.05 1.18 5.16 1.06 3.63-1.54v-2.24l1.76.35 4.22 2.48 4.57-.71 1.99-1.89 1.29.47v2.13h1.76l1.52-2.95 13.36-1.42 5.83-.71-1.54-2.02-.03-2.73 1.17-1.4-4.26-3.42.23-2.95h-2.34zm13.29 80.04 1.44 4.28v4.18l3.46 3.14 24.38-9.93.23-2.73-3.91-7.02-9.81 3.13-5.63 5.54-6.53-3.86zm26.39-8.39 7.39-4.26 1.31-6.25-1.62-.93.67-6.7 1.41-.82 1.51 2.37 8.99 4.7v2.61l-10.89 16.03-5.01.17z\"/><path d=\"m594.01 264.94.87 3.48 9.86.87.69-7.14 1.9-1.04.52-2.61-3.11.87-3.46 5.23zm-1.38-5.92-.52 4.01 1.54 1.17 1.4-.13.52-5.05-1.21-.87zm-9.34-11.85-2.25-1.22-1.56 1.57.17 3.14 3.63 1.39z\"/><path d=\"m584 253.24 7.01 9.77 2.26 1.8 1.01 4.38 10.79.85 1.22.64-1.21 5.4-7.09 4.18-10.37 3.14-5.53 5.4-6.57-3.83-3.98 3.48-5.54-9.05-3.8-1.74-1.38-2.09v-4.53l-13.83-16.72-.52-2.96h3.98l4.84-4.18.17-2.09-1.38-1.39 2.77-2.26 5.88.35 10.03 8.36 5.92-.27.38 1.46zm-37.33-24.11-.35 2.54 2.82 1.18-.12 7.04 2.82-.06 2.82-2.13 1.06-.18 6.4-5.09 1.29-7.39-12.79 1.3-1.35 2.96z\"/><path d=\"m564.31 225.03-1.56 7.71-6.46 5.38.41 2.54 6.31.43 10.05 8.18 5.62-.16.15-1.89 2.06-2.21 2.88 1.63.38-.36-5.57-7.41-2.64-.16-3.51-4.51.7-3.32 1.07-.14.37-1.47-4.78-5.03zm-15.41 15.75-2.46 8.58-.11 1.31h3.87l4.33-3.82.11-1.45-1.77-1.81 3.17-2.63-.46-2.44-.87.2-2.64 1.89zm-2.7-8.34.06 1.95-.82 2.96 2.82.24.18-4.2zm-.88 5.62-1.58 5.03 2.05 6.03 2.35-8.81v-1.89zm-2.11-8.22 1.23.89-3.81 3.61-1.82-.06-1.35-.95.18-1.77 2.76-.18zm-27.75-127.7 2.02-1.48-.18-1.66-1.28-.74.18-2.03h1.1v-1.11l-4.77-1.29-7.15.74-.73 3.14-1.65-.55-1.1-1.85-3.49.18-.37 3.51-1.65.74-.92-1.85-7.34 5.91 1.47 1.66-2.75 1.29-6.24 12.38-2.2 1.48.18 1.11 2.2 1.11-.55 2.4-3.67-.19-1.1-1.29-2.38 2.77-1.47 1.11-.37 2.59-1.28.74-3.3.74-1.65 5.18 1.1 8.5 1.28 3.88 1.47 1.48 3.3-.18 4.77-4.62 1.83-3.14.55 4.62 3.12-5.54.18-15.53 2.54-1.6.76-8.57 7.7-11.09 3.67-1.29 1.65-2.03 5.5 1.29 2.75 1.66.92-4.62 4.59-2.77zm-69.34 46.94-1.83 2.77.73 1.11h4.22v1.85l-1.1 1.48.73 3.88 2.38 4.62 1.83 4.25 2.93 1.11 1.28 2.22-.18 2.03-1.83 1.11-.18.92 1.28.74-1.1 1.48-2.57 1.11-4.95-.55-7.71 3.51-2.57-1.29 7.34-4.25-.92-.55-3.85-.37 2.38-3.51.37-2.96 3.12-.37-.55-5.73-3.67-.18-1.1-1.29.18-4.25-2.2.18 2.2-7.39 4.04-2.96z\"/><path d=\"m438.42 161.47-3.3.37-.18 2.96 2.2 1.48 2.38-.55.92-1.66z\"/><path d=\"m439.51 166.55-.91 6-8.07 2.96h-2.57l-1.83-1.29v-1.11l4.04-2.59-1.1-2.22.18-3.14 3.49.18 1.6-3.76-.21 3.34 2.71 2.15zm58.21-61.97 1.96 1.81h3.67l2.02 3.88.55 6.65-4.95 3.51v3.51l-3.49 4.81-2.02.18-2.75 4.62.18 4.44 4.77 3.51-.37 2.03-1.83 2.77-2.75 2.4.18 7.95-4.22 1.48-1.47 3.14h-2.02l-1.1-5.54-4.59-7.04 3.77-6.31.26-15.59 2.6-1.43.63-8.92 7.41-10.61z\"/><path d=\"m506.79 116.94 2.07.91 1.28 2.4-1.28 1.66-6.42 7.02-1.1 3.7 1.47 5.36 4.95 3.7 6.6-3.14 5.32-.74 4.95-7.95-3.67-8.69-3.49-8.32.55-5.36-2.2-.37-.57-3.91-2.96-4.83-3.28 2.27-1.29 5.27-3.48-2.09-4.84-1.18-1.08 1.26 1.86 1.68 3.39-.06 2.73 4.41zm11.28 34.43-6.85-1.11.15 3.83 6.35 3.88 2.6-.76-.15-2.92zm-11.31-3.73-1.55-.05-.9.91.65.96 1.55.1.8-1.16zm-.15 4.08-1.5-.15-2.7 3.23v1.51l.9.35 1.75.05 2.9-2.37.4-.81z\"/><path d=\"m510.81 154.7-2.15-.05-2.95 2.82h-2.5l.15 3.53-1.5 2.77 5.4.05 1.55-.2 1.55 1.87 3.55-.15 3.4-4.33-.2-2.57z\"/><path d=\"m510.66 166.29 1.5 2.47-.6 1.97.1 1.56.55 1.87 3.1-1.76 3.85.1 2.7 1.11h6.85l2-4.79 1.2-1.81v-1.21l-4.3-6.05-3.8-1.51-3.1-.35-2.7.86.1 2.72-3.75 4.74z\"/><path d=\"m511.46 174.76.85 1.56.2 1.66-.7 1.61-1.6 3.08-1.35.61-1.75-.76-1.05.05-2.55.96-2.9-.86-4.7-3.33-4.6-2.47-1.85-2.82-.35-6.65 3.6-3.13 4.7-1.56 1.75-.2-.7 1.41.45.55 7.91.15 1.7-.05 2.8 4.29-.7 1.76.3 2.07zM448.36 205h-12.74l-2.57-1.16-1.24.09-1.5 3.12.53 3.21 4.87.45.62 2.05-2.12 11.95.09 2.14 3.45 1.87 3.98.27 7.96-1.96 3.89-4.9.09-4.99 6.9-6.24.35-2.76-6.28-.09z\"/><path d=\"m430.93 211.24-.62 8.65-1.77 1.6.18.98 1.24 2.05-.8 2.5 1.33.45 3.1-.36-.18-2.5 2.03-11.59-.44-1.6zm30.17 5.97-1.59.54.35 1.43h2.3l.97-1.07zm16.46-3.83-2.65 1.34.35 5.17 2.12.36 1.59-1.52v-4.9zm.27-6.42-1.95 1.96-.18 1.78 1.59.98.62-.09.35-2.59zM460.4 178.7l-2.21.54-4.42 4.81-1.33.09-1.77-1.25-1.15.27-.88 2.76-6.46.18.18 1.43 4.42 2.94 5.13 4.1-.09 4.9-2.74 4.81 5.93 2.85 6.02.18 1.86-2.14 3.8.09 1.06.98 3.8-.27 1.95-2.5-2.48-2.94-.18-1.87.53-2.05-1.24-1.78-2.12.62-.27-1.6 4.69-5.17v-3.12l-3.1-1.78-1.59-.27zm9.69-10.43-4.53 2.23.96.87.1 2.23-.96-.19-1.06-1.65-2.53 4.01 3.89.81 1.45 1.53.77.02.51-3.46 2.45-1.03zm-8.48 8.25-.64 1.6 6.88 4.54 1.98.47.07-2.15-1.73-1.94h-1.06l-1.45-1.65z\"/><path d=\"m471.14 167.88 3.57-.58v-2.52l2.99-.49 1.64 1.65 1.73.19 2.7-1.17 2.41.68 2.12 1.84.29 6.89 2.12 2.82-2.79.39-4.63 2.91.39.97 4.14 3.88-.29 1.94-3.85 1.94-3.57.1-.87 1.84h-1.83l-.87-1.94-3.18-.78-.1-3.2-2.7-1.84.29-2.33-1.83-2.52.48-3.3 2.5-1.17zm5.63-16.38-4.15 4.59-.15 2.99 1.89 4.93 2.96-.56-.37-4.03 2.04-2.28-.04-1.79-1.44-3.73zm4.67 8.14-.93-.04-1.22 1.12.15 1.75 2.89.08.15-1.98zm17.05-9.47-2.11 1.67 1.06 2.45 1.87-1.82z\"/><path d=\"m472.91 189.38-4.36 4.64.09.47 1.79-.56 1.61 2.24 2.72-.96 1.88 1.46.77-.44 2.32-3.64-.59-.56-2.29-.06-1.11-2.27zm15.52-4.51h4.43l2.37 1.69 4.39-3.65-4.26-3.04-4.22-2.04-2.89.52-3.92 2.52zm7.41 2.26.69.61.09 1.04 7.63-.17 5.64-2.43-.09-2.47-1.08.48-1.55-.83-.95-.04-2.5 1-3.4-.82z\"/><path d=\"m480.63 190.12-.65 1.35.56.96 2.33-.48h1.98l2.15 1.82 4.57-.83 3.36-2 .86-1.35-.13-1.74-3.02-2.26-4.05.04-.34 2.3-4.26 2.08zm16.11-.52-1.16 1.82.09 2.78 1.85.95 5.69.17 7.93-6.68.04-1.48-.86-.43-5.73 2.6zm-1.94 2.39-2.54 1.52-4.74 1.04.95 2.74 3.32.04 3.06-2.56z\"/><path d=\"m495.62 195.16-3.53 2.91h-3.58l-.43 2.52 1.64.43.82-1.22 1.29 1.13 1.03 3.6 7.07 3.3.7-.8-7.17-7.4.73-1.35 6.81-.26.69-2.17-4.44.13z\"/><path d=\"m494.8 198.94-.37.61 6.71 6.92 2.46-3.62-.09-1.43-2.15-2.61zm-22.53-1.96-.62 1.57.17 1.71 2.39 2.79 3.76-.13 8.3 9.64 5.18 1.5 3.06 2.89.73 6.59 1.64-.96 1.42-3.59-.35-2.58 2.43-.22.35-1.46-6.85-3.28-6.5-6.39-2.59-3.82-.63-3.63 3.31-.79-.85-2.39-2.03-1.71-1.75-.08-2.44.67-2.3 3.22-1.39.92-2.15-1.32zm20.17 26.04-1.45-.78-4.95.78.17 1.34 4.45 2.24.67.73 1.17.17zm.17 7.45-1.67.34.06 1.85 1.5.5.67-.56zm22.96-57.32-2.9 1.63.72 3.08-2.68 5.65.02 2.49 1.26.8 8.08.4 2.26-1.87 2.42.81 3.47 4.63-2.54 4.56 3.02.88 3.95-4.55 2.26.41 2.1 1.46-1.85 2.44 2.5 3.9h2.66l1.37-2.6 2.82-.57.08-2.11-5.24-.81.16-2.27h5.08l5.48-4.39 2.42-2.11.4-6.66-10.8-.97-4.43-6.25-3.06-1.05-3.71.16-1.67 4.13-7.6.1-2.47-1.14z\"/><path d=\"m520.75 187.71 3.1 4.77-.26 2.7 1.11.05 2.63-4.45-3.16-3.92-1.79-.74z\"/><path d=\"m512.18 187.6-.26 1.48-5.79 4.82 4.84 7.1 3.1 2.17h5.58l1.84-1.54 2.47-.32 1.84 1.11 3.26-3.71-.63-1.86-3.31-.85-2.26-.11.11-3.18-3-4.72zm-7.28 19.65-.045-.936-1.32-1.853-2.137 3.021.42 1.27 1.74.32z\"/><path d=\"m505.55 194.54-2.05 1.541h-1l-.68 2.12 2.42 2.81.16 2.23-.342.483 1.636 2.298.057 1.22 1.178 1.14 3.84-1.17-.32-5.461z\"><desc>includes kosovo</desc></path><path d=\"m511.44 202.39.16 4.98 1.68 3.5 6.31.11 2.84-2.01 2.79-1.11-.68-3.18.63-1.7-1.42-.74-1.95.16-1.53 1.54-6.42.05zm-7.42 7.37v4.61l1.32 2.49.95-.11 1.63-2.97-.95-1.33-.37-3.29-1.26-1.17zm6.9-1.75-3.37 1.11.16 2.86.79 1.01 4-1.86z\"/><path d=\"m506.71 217.6-.11 1.33 4.63 2.33 2.21.85-1.16 1.22-2.58.26-.37 1.17.89 2.01 2.89 1.54 1.26.11.16-3.45 1.89-2.28-5.16-6.1.68-2.07 1.21-.05 1.84 1.48 1.16-.58.37-2.07 5.42.05.21-3.18-2.26 1.59-6.63-.16-4.31 2.23zm16.31-7.9-.16 3.55 3.1-.95 1.42-.95-.42-1.54-1.47-1.17zm-6.26 20.89 1.63.05.68 1.01h2.37l1.58-.58.53.64-1.05 1.38-4.63.16-.84-1.11-.89-.53z\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n}\n",
|
|
"originalDigest": "47b84c2d8b1cfe50497420d1a0510587f3938d84",
|
|
"_id": "d3177f81-d1d5-4ee3-978a-52f41d154b58",
|
|
"_rev": 1780236869709,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 54
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Hoogle Catppuccin",
|
|
"description": "Soothing pastel theme for Hoogle",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/hoogle/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Hoogle Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/hoogle",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/hoogle",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/hoogle/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ahoogle",
|
|
"description": "Soothing pastel theme for Hoogle",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Hoogle Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/hoogle\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/hoogle\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/hoogle/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ahoogle\n@description Soothing pastel theme for Hoogle\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"hoogle.haskell.org\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n a {\n color: @accent;\n\n &:hover {\n background-color: @surface0;\n }\n }\n\n body {\n background-color: @base;\n color: @text;\n }\n\n /*\n * Top\n */\n\n #links {\n background-color: @accent;\n color: @surface1;\n border-color: shade(@accent, 25%);\n }\n\n #top-menu li {\n border-color: @crust;\n\n a,\n a:visited,\n a:link {\n color: @base;\n }\n a:hover {\n background-color: fade(@overlay0, 30%);\n }\n }\n\n #logo {\n img {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"160\" height=\"58\"><path d=\"M110.241 11.967c-.248 0-.524.221-.837.652a20.5 20.5 0 0 1-2.977 3.328v1.126a7 7 0 0 1 .672-.03q1.194-.001 1.82.526.623.528 1.601 2.915l1.271 3.028-5.085 13.519c-.404 1.03-.757 1.666-1.043 1.901-.287.222-.739.39-1.365.507v1.643a14 14 0 0 1 1.82-.134q.802-.001 2.407.134c1.044-4.317 2.51-9.344 4.414-15.069 1.956 5.36 3.33 8.896 4.113 10.604a34 34 0 0 0 2.76 4.858h.61a57 57 0 0 1 4.516-2.057v-1.096q-1.215-.116-2.098-1.074c-.574-.653-1.58-2.778-3.028-6.377l-5.261-13.25q-1.174-2.932-2.367-4.279c-.795-.913-1.447-1.375-1.943-1.375m-93.741.3v28.68h5.788V28.402h11.348v12.547h5.788v-28.68h-5.788v11.285H22.288V12.267zm118.453 9.095c-2.635 0-4.864 1.038-6.677 3.111-1.721 1.996-2.573 4.331-2.573 7.018 0 3.012.897 5.432 2.697 7.245q2.699 2.698 7.235 2.697 4.501.002 7.38-3.049c.208-.221.31-.376.31-.454q.001-.096-.683-1.406c-.456-.887-.705-1.348-.744-1.374q-.04-.041-.196-.042l-.63.517q-2.583 1.995-5.675 1.995c-1.2 0-2.315-.388-3.359-1.158-1.095-.808-1.732-1.787-1.902-2.935 7.513-.56 11.553-.939 12.113-1.147.835-.326 1.251-.978 1.251-1.943q-.001-3.756-2.408-6.377-2.463-2.699-6.14-2.698m-36.741.042c-.157 0-.238.385-.238 1.167 0 .183.015.47.041.848.027.365.042.626.042.796q0 .352-.155.351c-.092 0-.246-.129-.455-.403-1.265-1.656-2.974-2.49-5.126-2.49-2.44 0-4.417.928-5.943 2.78-1.435 1.734-2.15 3.836-2.15 6.314 0 2.44.746 4.501 2.233 6.17 1.551 1.735 3.53 2.595 5.942 2.595 2.23 0 4.072-.875 5.52-2.636.052.952.072 1.566.072 1.84 0 1.239-.49 2.18-1.468 2.832-.848.574-1.913.858-3.204.858-1.97 0-3.935-.553-5.891-1.675-.104-.065-.183-.103-.248-.103q-.218 0-.28.33-.587 3.11-.588 2.895c0 .13.147.292.434.475q2.74 1.683 7.183 1.685c3.065 0 5.291-.782 6.687-2.347 1.33-1.473 1.995-3.769 1.995-6.873 0-1.565.015-3.908.041-7.038.026-3.143.041-5.504.041-7.07 0-.273-.096-.44-.279-.506-.117-.052-.81-.189-2.087-.423-1.279-.248-1.989-.372-2.12-.372m-45.464.155c-2.7 0-4.962.979-6.8 2.935-1.788 1.917-2.688 4.24-2.688 6.966s.9 5.038 2.687 6.955c1.826 1.983 4.088 2.977 6.8 2.977 2.7 0 4.965-1.002 6.791-2.997 1.787-1.93 2.677-4.25 2.677-6.977q.001-4.068-2.698-6.924-2.739-2.934-6.77-2.935m20.485 0q-4.051 0-6.81 2.935-2.679 2.876-2.677 6.966c0 2.726.89 5.038 2.676 6.955 1.826 1.983 4.099 2.977 6.811 2.977 2.7 0 4.965-1.002 6.79-2.997 1.787-1.93 2.677-4.25 2.677-6.977q.001-4.068-2.697-6.924-2.74-2.934-6.77-2.935m61.444 3.555c1.069 0 2.035.416 2.883 1.25.86.835 1.292 1.802 1.292 2.884q0 .236-1.137.393c-2.686.391-4.994.579-6.925.579-.469 0-.702-.13-.702-.403 0-1.2.459-2.291 1.385-3.256.939-.965 2.004-1.447 3.204-1.447m-41.31.279q2.13 0 3.441 1.664c.796 1.017 1.189 2.25 1.189 3.71q0 2.134-1.23 3.68-1.329 1.683-3.4 1.684c-1.396 0-2.537-.563-3.411-1.684q-1.212-1.546-1.21-3.68c0-1.447.404-2.672 1.2-3.69q1.309-1.682 3.42-1.684m-40.617.217q2.349-.002 3.875 1.778 1.468 1.683 1.468 4.072c0 1.565-.49 2.914-1.468 4.062q-1.546 1.819-3.875 1.819c-1.54 0-2.822-.607-3.866-1.82-.99-1.147-1.488-2.496-1.488-4.061q0-2.388 1.468-4.093c1.03-1.174 2.32-1.757 3.886-1.757m20.484 0q2.349-.001 3.876 1.778 1.467 1.683 1.468 4.072c0 1.565-.49 2.914-1.468 4.062Q75.56 37.34 73.23 37.34q-2.31 0-3.875-1.82c-.992-1.147-1.489-2.496-1.489-4.061q0-2.388 1.468-4.093 1.547-1.759 3.896-1.757\" fill=\"@{accent}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &:hover {\n background-color: transparent;\n }\n }\n\n #hoogle,\n #scope,\n #submit {\n background-color: @mantle;\n color: @subtext1;\n border-style: solid;\n border-width: 2px;\n border-color: @surface0;\n border-radius: 4px;\n }\n\n .chosen-container {\n .chosen-drop {\n background-color: @mantle;\n border-color: @surface0;\n }\n\n .chosen-single {\n background-image: none;\n background-color: @mantle;\n box-shadow: none;\n border-style: solid;\n border-width: 2px;\n border-color: @surface0;\n color: @subtext1;\n }\n\n .chosen-default {\n color: @crust;\n }\n\n .chosen-search input {\n border-color: @surface1;\n border-radius: 4px;\n }\n\n .chosen-results {\n color: @subtext1;\n\n li.disabled-result {\n color: @overlay0;\n }\n\n li.highlighted {\n background-image: none;\n background-color: @accent;\n color: @base;\n }\n\n li.no-results {\n color: @subtext1;\n background-color: @mantle;\n }\n }\n }\n\n /*\n * Left\n */\n\n #left {\n a {\n color: @accent;\n }\n .plus {\n @svg: escape(\n '<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" xmlns=\"http://www.w3.org/2000/svg\"><circle cy=\"6\" cx=\"6\" r=\"5.5\" fill=\"none\" stroke=\"@{overlay0}\"/><rect width=\"2\" height=\"8\" x=\"5\" y=\"2\" ry=\".5\" fill=\"@{green}\"/><rect width=\"8\" height=\"2\" x=\"2\" y=\"5\" ry=\".5\" fill=\"@{green}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n color: @green;\n }\n .minus {\n @svg: escape(\n '<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" xmlns=\"http://www.w3.org/2000/svg\"><circle cy=\"6\" cx=\"6\" r=\"5.5\" fill=\"none\" stroke=\"@{overlay0}\"/><rect width=\"8\" height=\"2\" x=\"2\" y=\"5\" ry=\".5\" fill=\"@{red}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n color: @red;\n }\n }\n\n /*\n * Footer\n */\n\n #footer {\n background-color: @crust;\n color: @subtext1;\n border-color: @overlay0;\n }\n\n /*\n * Other\n */\n\n .error {\n border-color: @red;\n }\n\n #example {\n background-color: @mantle;\n color: @subtext1;\n border-color: @surface0;\n }\n\n /*\n * Results\n */\n\n .result.active {\n background-color: @mantle;\n }\n\n .ans {\n background-color: @mantle;\n border-color: @surface0;\n\n a {\n color: @subtext1;\n }\n .name {\n color: @accent;\n }\n }\n\n .links a {\n color: @overlay1;\n }\n\n .from a,\n .p1,\n .p2 {\n color: @green;\n }\n\n .doc,\n .doc a {\n color: @subtext1;\n }\n\n .open {\n @svg: escape(\n '<svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"9\" height=\"9\" x=\".5\" y=\".5\" ry=\"3\" fill=\"none\" stroke=\"@{overlay0}\"/><rect width=\"6\" height=\"2\" x=\"2\" y=\"4\" ry=\".5\" fill=\"@{overlay0}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n .shut {\n @svg: escape(\n '<svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"9\" height=\"9\" x=\".5\" y=\".5\" ry=\"3\" fill=\"none\" stroke=\"@{overlay0}\"/><rect width=\"2\" height=\"6\" x=\"4\" y=\"2\" ry=\".5\" fill=\"@{overlay0}\"/><rect width=\"6\" height=\"2\" x=\"2\" y=\"4\" ry=\".5\" fill=\"@{overlay0}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .c0 {\n background-color: @rosewater;\n }\n .c1 {\n background-color: @green;\n }\n .c2 {\n background-color: @lavender;\n }\n .c3 {\n background-color: @yellow;\n }\n .c4 {\n background-color: @pink;\n }\n .c5 {\n background-color: @teal;\n }\n }\n}\n",
|
|
"originalDigest": "4c61b332dbe172e9c5e594ee311578e59b289f5e",
|
|
"_id": "10d46921-90a3-44d7-87bf-bf2b0e518ce5",
|
|
"_rev": 1780236869747,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 55
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Google Gemini Catppuccin",
|
|
"description": "Soothing pastel theme for Google Gemini",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/google-gemini/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Google Gemini Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/google-gemini",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/google-gemini",
|
|
"version": "2026.01.04",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/google-gemini/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agoogle-gemini",
|
|
"description": "Soothing pastel theme for Google Gemini",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Google Gemini Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/google-gemini\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/google-gemini\n@version 2026.01.04\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/google-gemini/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agoogle-gemini\n@description Soothing pastel theme for Google Gemini\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"gemini.google.com\") {\n @import url(\"https://unpkg.com/@catppuccin/highlightjs@1.0.0/css/catppuccin-variables.important.css\");\n\n :root .dark-theme {\n #catppuccin(@darkFlavor);\n }\n\n :root .light-theme {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n #lib.css-variables();\n\n --bard-color-neutral-90: @mantle;\n --bard-color-on-selected-conversation-metadata-v2: @text;\n --bard-color-surface-container: @mantle;\n --bard-color-on-surface-opacity-38: @surface2 !important;\n --bard-color-surface-container-highest: lighten(@base, 5%);\n --bard-color-response-container-flipped-background: @surface0;\n --bard-color-inverse-on-surface: darken(@mantle, 1%);\n --bard-color-sidenav-mobile-controls: @text;\n --bard-color-main-container-background: @base;\n --bard-color-main-container-background-rgb: #lib.rgbify(@base)[];\n --bard-color-window-container-background: @base;\n --bard-color-response-container-background: @base;\n --bard-color-response-container-background-rgb: #lib.rgbify(@base)[];\n --bard-color-onhover-conversation-metadata-button-v2: @surface1;\n --bard-color-selected-conversation-metadata-button-v2: fade(\n @accent,\n 40%\n );\n --bard-color-new-conversation-button: @surface0;\n --bard-color-on-new-conversation-button: @text;\n --bard-color-onhover-conversation-metadata-v2: @surface0;\n --bard-color-sidenav-upgrade-button: @surface0;\n --bard-color-form-field-placeholder: @subtext0;\n --bard-color-discovery-carousel-background: @mantle;\n --bard-color-discovery-carousel-icon: @accent;\n --bard-color-example-prompt-background: @crust;\n --bard-color-bard-mode-logo-prefix: @subtext1;\n --bard-color-neutral-96: @crust;\n --bard-color-adv-marketing-basic-background: @surface0;\n --bard-color-adv-marketing-product-background: @surface0;\n --bard-color-adv-marketing-disclaimer: @subtext0;\n --bard-color-input-area-buttons-selected-background: fade(\n @accent,\n 70%\n );\n --bard-color-zero-state-card-selected: fade(@accent, 30%);\n --bard-color-zero-state-prompt-chip-background: fade(@accent, 50%);\n --bard-color-zero-state-prompt-chip-text: lighten(@accent, 5%);\n --bard-color-regular-banner: @accent;\n --bard-color-regular-banner-text: @crust;\n --bard-color-skeleton-loader-background-1-rgb: #lib.rgbify(@mantle)[];\n --bard-color-skeleton-loader-background-2-rgb: #lib.rgbify(@accent)[];\n --bard-color-skeleton-loader-background-3-rgb: #lib.rgbify(@accent)[];\n --bard-color-brand-text-gradient-stop-1: @blue;\n --bard-color-brand-text-gradient-stop-2: @sapphire;\n --bard-color-brand-text-gradient-stop-3: @peach;\n --bard-color-on-surface-opacity-12: fade(@teal, 10%);\n --bard-color-footer-background: @mantle;\n --bard-color-draft-chip-background: @surface0;\n --bard-color-processing-animation-color-1: @surface1;\n --bard-color-processing-animation-color-2: @crust;\n --bard-color-tunable-selection-button: @mantle;\n --bard-color-tunable-selection-button-icon: @text;\n --bard-color-feedback-form-container-background: @mantle;\n --bard-color-fact-check-tooltip-entailed-highlight: fade(@green, 25%);\n --bard-color-fact-check-tooltip-entailed-selected: fade(@green, 35%);\n --bard-color-fact-check-tooltip-contradictory-highlight: fade(@red, 25%);\n --bard-color-fact-check-tooltip-contradictory-selected: fade(@red, 40%);\n --bard-color-factuality-form-background: @mantle;\n --bard-color-fact-check-button-complete: @surface0;\n --bard-color-fact-check-button-loading: @surface1;\n --bard-color-tunable-selection-menu-text: @text;\n --bard-color-tunable-selection-menu-background: @mantle;\n --bard-color-tunable-selection-textarea-background: @base;\n --bard-color-tunable-selection-shimmer-non-advanced: @accent;\n --bard-color-onegooglebar-product-controls: @text;\n --bard-color-adv-marketing-check: @text;\n\n --mdc-switch-selected-hover-handle-color: lighten(@accent, 10%);\n --mdc-switch-selected-focus-handle-color: lighten(@accent, 10%);\n --mdc-switch-selected-pressed-handle-color: lighten(@accent, 15%);\n --mdc-switch-selected-track-color: fade(@accent, 50%);\n --mdc-switch-selected-hover-track-color: fade(@accent, 50%);\n --mdc-switch-selected-focus-track-color: fade(@accent, 50%);\n --mdc-switch-selected-pressed-track-color: fade(@accent, 50%);\n --mdc-switch-selected-handle-color: @accent;\n --mdc-switch-unselected-handle-color: @subtext0;\n --mdc-switch-unselected-hover-handle-color: @subtext1;\n --mdc-switch-unselected-focus-handle-color: @text;\n --mdc-switch-unselected-pressed-handle-color: @text;\n --mdc-switch-unselected-track-color: @surface2;\n --mdc-switch-unselected-hover-track-color: @surface2;\n --mdc-switch-unselected-pressed-track-color: @surface2;\n --mdc-switch-unselected-focus-track-color: @surface2;\n --mdc-checkbox-selected-icon-color: @accent;\n --mdc-checkbox-selected-checkmark-color: var(--gem-sys-color--on-primary);\n --mdc-checkbox-selected-hover-icon-color: @accent;\n --mdc-checkbox-selected-pressed-icon-color: @accent;\n --mdc-checkbox-selected-focus-icon-color: @accent;\n --mdc-checkbox-selected-focus-state-layer-color: @accent;\n --mdc-checkbox-selected-hover-state-layer-color: @accent;\n --mdc-checkbox-selected-pressed-state-layer-color: @text;\n --mdc-checkbox-unselected-pressed-state-layer-color: @accent;\n --mdc-checkbox-unselected-focus-state-layer-color: @text;\n --mdc-checkbox-unselected-hover-state-layer-color: @text;\n --mdc-checkbox-unselected-focus-icon-color: @text;\n --mdc-checkbox-unselected-icon-color: @subtext1;\n --mdc-checkbox-unselected-hover-icon-color: @text;\n --mdc-text-button-label-text-color: @subtext1;\n --mdc-text-button-hover-label-text-color: @overlay2;\n --mdc-list-list-item-hover-label-text-color: @text;\n --mdc-filled-button-label-text-color: @crust;\n --mdc-circular-progress-active-indicator-color: @accent;\n --mdc-outlined-button-focus-outline-color: @text;\n --mdc-outlined-button-hover-label-text-color: @subtext1;\n --mdc-list-list-item-focus-label-text-color: @text;\n --mdc-icon-button-disabled-icon-color: @surface2;\n --mdc-outlined-text-field-input-text-color: @text;\n --mdc-outlined-text-field-focus-outline-color: @accent;\n --mdc-outlined-text-field-outline-color: @overlay1;\n\n --mat-app-text-color: @text;\n --mat-text-button-state-layer-color: @overlay2;\n --mat-sidenav-container-text-color: @text;\n --mat-expansion-header-text-color: @text;\n --mat-expansion-header-indicator-color: @text;\n --mat-expansion-container-text-color: @text;\n --mat-checkbox-label-text-color: @text;\n --mat-bottom-sheet-container-text-color: @text;\n --mat-bottom-sheet-container-background-color: @base;\n --mat-menu-item-hover-state-layer-color: @surface0;\n --mat-menu-item-focus-state-layer-color: @surface0;\n --mat-menu-item-label-text-color: @text;\n --mat-menu-container-color: @base;\n --mat-menu-item-icon-color: @text;\n --mat-filled-button-state-layer-color: @overlay2;\n --mat-focus-indicator-border-color: @accent;\n --mat-fab-small-hover-state-layer-opacity: 1;\n --mat-divider-color: @overlay2;\n\n --gm-outlinedtextfield-outline-color: @subtext0;\n --gm-outlinedtextfield-outline-color--stateful: @accent;\n --gm-outlinedtextfield-ink-color: @text;\n --gm3-sys-color-on-secondary-container: @crust;\n --gm3-sys-color-secondary-container: @text;\n\n --gem-sys-color--surface: @base;\n --gem-sys-color--surface-container: @mantle;\n --gem-sys-color--surface--rgb: #lib.rgbify(@base)[];\n --gem-sys-color--on-surface: @text;\n --gem-sys-color--on-surface-variant: @subtext1;\n --gem-sys-color--outline-variant: @surface1;\n --gem-sys-color--surface-container-high: @surface0;\n --gem-sys-color--surface-container-low: lighten(@mantle, 2%);\n --gem-sys-color--outline: @subtext0;\n --gem-sys-color--on-primary-container: @text;\n --gem-sys-color--on-primary-fixed: darken(@accent, 40%);\n --gem-sys-color--on-primary: darken(@accent, 60%);\n --gem-sys-color--primary: @accent;\n --gem-sys-color--primary-container: fade(@accent, 60%);\n --gem-sys-color--on-surface--rgb: #lib.rgbify(@subtext0)[];\n --gem-sys-color--surface-dim--rgb: #lib.rgbify(@crust)[];\n --gem-sys-color--surface-container-highest: @surface0;\n --gem-sys-color--primary-fixed: @text;\n --gem-sys-color--on-secondary: fade(@accent, 30%);\n --gem-sys-color--surface-variant: @surface0;\n --gem-sys-color--surface-bright: @surface0;\n\n --og-theme-color: @text;\n\n .action-icon {\n --gem-sys-color--on-primary: @accent;\n --gem-sys-color--on-surface-variant: @mantle;\n }\n .draft-preview-label-chip.selected {\n color: @crust;\n }\n .buttons-container-link-button {\n color: @crust;\n }\n .mdc-text-field--outlined:hover:not(\n .mdc-text-field--disabled,\n .mdc-text-field--focused\n ) {\n .mdc-notched-outline__leading,\n .mdc-notched-outline__trailing {\n border-color: @text !important;\n }\n }\n .gmat-mdc-dialog .mat-mdc-dialog-container {\n .mdc-dialog__content {\n color: @subtext0;\n }\n .mdc-dialog__title {\n color: @text;\n }\n }\n .gmat-mdc-button.mat-mdc-outlined-button.mat-unthemed {\n --mdc-outlined-button-outline-color: @overlay0;\n --mdc-outlined-button-label-text-color: @subtext0;\n }\n .gmat-mdc-button.mat-mdc-outlined-button {\n --mat-outlined-button-state-layer-color: @overlay2;\n }\n .gmat-mdc-button.mat-mdc-outlined-button:not(\n .mat-mdc-button-disabled,\n [disabled],\n :disabled\n ).mdc-ripple-upgraded--background-focused,\n .gmat-mdc-button.mat-mdc-outlined-button:not(\n .mat-mdc-button-disabled,\n [disabled],\n :disabled,\n .mdc-ripple-upgraded\n ):focus {\n color: @text;\n }\n .gmat-mdc-chip {\n --mdc-chip-label-text-color: @subtext0;\n }\n .gmat-mdc-chip.gmat-hairline-chip {\n --mdc-chip-outline-color: @subtext0;\n }\n .gmat-mdc-chip.cdk-focused {\n --mdc-chip-label-text-color: @text;\n }\n .mat-mdc-standard-chip {\n --mdc-chip-hover-state-layer-color: @overlay1;\n --mdc-chip-focus-state-layer-color: @overlay2;\n }\n .mdc-tooltip__surface {\n --mdc-plain-tooltip-container-color: @overlay0;\n --mdc-plain-tooltip-supporting-text-color: @text;\n }\n .mdc-form-field {\n --mdc-form-field-label-text-color: @text;\n }\n .mdc-icon-button {\n --mdc-icon-button-icon-color: @text !important;\n }\n .mdc-dialog__surface {\n background-color: @base !important;\n }\n .expandable-button:disabled {\n color: rgba(var(--gem-sys-color--on-surface--rgb), 0.38);\n }\n .mat-mdc-progress-bar {\n --mdc-linear-progress-active-indicator-color: @accent;\n --mdc-linear-progress-track-color: fade(@accent, 50%);\n }\n .mdc-list-item,\n .gmat-mdc-list {\n --mdc-list-list-item-hover-state-layer-color: @overlay1;\n --mdc-list-list-item-label-text-color: @text;\n --mdc-list-list-item-leading-icon-color: @text;\n --mdc-list-list-item-focus-state-layer-color: @overlay2;\n }\n .gmat-mdc-button.mat-mdc-button.mat-primary {\n --mdc-text-button-label-text-color: @accent;\n --mdc-text-button-hover-label-text-color: lighten(@accent, 5%);\n --mdc-text-button-focus-label-text-color: lighten(@accent, 8%);\n }\n .gmat-mdc-button.mat-mdc-button.mat-unthemed {\n --mat-text-button-state-layer-color: @overlay2;\n }\n .gmat-mdc-button.mat-mdc-icon-button {\n --mat-icon-button-state-layer-color: @overlay2;\n }\n .gmat-mdc-button.mat-mdc-fab:not(\n .mat-mdc-button-disabled\n ).mat-primary.gmat-mdc-fab-fill {\n --mdc-fab-container-color: @accent;\n --mat-fab-foreground-color: @crust;\n }\n .gmat-mdc-button.mat-mdc-mini-fab:not(\n .mat-mdc-button-disabled\n ).mat-primary.gmat-mdc-fab-outline {\n --mat-fab-small-state-layer-color: @surface0;\n }\n .mat-mdc-fab:not(.mdc-riple-upgraded):focus::before,\n .mat-mdc-mini-fab:not(.mdc-riple-upgraded):focus::before {\n background: @surface2;\n }\n .mat-mdc-menu-panel {\n background-color: @base !important;\n }\n .mat-mdc-fab.mat-accent {\n --mat-fab-foreground-color: @text;\n }\n .xap-count-badge-dot {\n background-color: @red;\n }\n & when (@flavor = latte) {\n --gem-sys-color--on-primary-fixed: @accent;\n --gem-sys-color--on-primary: @mantle;\n --gem-sys-color--primary-fixed: @crust;\n }\n [data-mat-icon-name=\"search\"] svg {\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 .google-logo img {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"148\" height=\"48\" viewBox=\"0 0 148 48\"><path d=\"M113 2.43h4.93v33.53H113zM49.5 14.04c-6.31 0-11.45 4.82-11.45 11.46 0 6.6 5.14 11.46 11.45 11.46S60.95 32.1 60.95 25.5c0-6.64-5.14-11.46-11.45-11.46m0 18.4c-3.46 0-6.44-2.86-6.44-6.94 0-4.12 2.98-6.94 6.44-6.94s6.44 2.82 6.44 6.94c0 4.08-2.98 6.94-6.44 6.94m25-18.35c-6.31 0-11.45 4.82-11.45 11.46 0 6.6 5.14 11.46 11.45 11.46s11.45-4.86 11.45-11.46c0-6.65-5.14-11.46-11.45-11.46m0 18.4c-3.46 0-6.44-2.86-6.44-6.94 0-4.12 2.98-6.94 6.44-6.94s6.44 2.82 6.44 6.94c0 4.07-2.98 6.94-6.44 6.94m30.73-15.84h-.17c-1.13-1.34-3.3-2.56-6.03-2.56-5.73 0-10.98 5.03-10.98 11.5C88.05 32.01 93.3 37 99.03 37c2.73 0 4.9-1.22 6.03-2.6h.17v1.65c0 4.38-2.34 6.73-6.12 6.73-3.08 0-4.99-2.21-5.77-4.08l-4.38 1.82c1.26 3.04 4.6 6.77 10.15 6.77 5.9 0 10.89-3.47 10.89-11.93V15h-4.77zm-5.78 15.84c-3.47 0-6.38-2.91-6.38-6.9 0-4.04 2.91-6.99 6.38-6.99 3.43 0 6.12 2.95 6.12 6.99 0 3.99-2.69 6.9-6.12 6.9m-71.22-4.08c1.39-1.39 2.32-3.42 2.67-6.41H19.22v-4.76H35.6c.17.87.3 2.06.3 3.2 0 3.66-1 8.19-4.22 11.41-3.14 3.27-7.14 5.01-12.46 5.01C9.38 36.86 1.1 28.84 1.1 19S9.38 1.14 19.22 1.14c5.44 0 9.32 2.13 12.24 4.92L28.02 9.5c-2.09-1.96-4.92-3.48-8.8-3.48-7.19 0-12.81 5.79-12.81 12.98s5.62 12.98 12.81 12.98c4.66 0 7.32-1.87 9.01-3.57m103.54 4.08c-2.56 0-4.38-1.17-5.55-3.47l15.32-6.34-.52-1.3c-.95-2.56-3.86-7.29-9.81-7.29-5.9 0-10.81 4.64-10.81 11.46 0 6.42 4.86 11.46 11.37 11.46 5.25 0 8.29-3.21 9.55-5.08l-3.91-2.6c-1.3 1.9-3.08 3.16-5.64 3.16m-.39-13.98c2 0 3.69 1 4.25 2.43l-10.24 4.25c-.13-4.42 3.43-6.68 5.99-6.68\" fill=\"@{subtext1}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n [src=\"https://www.gstatic.com/lamda/images/replit_dark_24px_7d0347bf84c2570074db9.svg\"],\n [src=\"https://www.gstatic.com/lamda/images/replit_light_24px_3a2ee6003110f3c8460c9.svg\"] {\n @svg: escape(\n '<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.334 8.669H5.252A1.25 1.25 0 0 1 4 7.417V3.252C4 2.559 4.56 2 5.252 2h5.83c.693 0 1.252.56 1.252 1.252z\" fill=\"@{text}\"/><path d=\"M19.416 15.333h-7.082V8.668h7.082c.689 0 1.248.56 1.248 1.248v4.165a1.25 1.25 0 0 1-1.248 1.252M11.082 22h-5.83a1.25 1.25 0 0 1-1.248-1.247v-4.165c0-.689.56-1.248 1.248-1.248h7.082v5.417c0 .68-.56 1.243-1.252 1.243\" fill=\"@{text}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n /* Gemini Advanced shadows */\n chat-window > div > input-container {\n background: unset;\n }\n input-container::before {\n background: unset;\n }\n }\n}\n",
|
|
"originalDigest": "60e45adc42992dbf393b60fe78d5cca57a8c2c86",
|
|
"_id": "af6cd1fb-4b1e-4031-9ce6-0e5e4dca9bbd",
|
|
"_rev": 1780236869783,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 56
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Jisho Catppuccin",
|
|
"description": "Soothing pastel theme for Jisho",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/jisho/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Jisho Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/jisho",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/jisho",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/jisho/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ajisho",
|
|
"description": "Soothing pastel theme for Jisho",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Jisho Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/jisho\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/jisho\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/jisho/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ajisho\n@description Soothing pastel theme for Jisho\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"jisho.org\") {\n :root[data-color-theme=\"auto\"] {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n :root[data-color-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n :root[data-color-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n @accent-dim: if(\n @flavor = latte,\n desaturate(lighten(@accent, 8%), 10%),\n desaturate(darken(@accent, 8%), 10%)\n );\n\n body {\n background-color: @base !important;\n color: @text;\n\n a {\n color: @accent;\n\n &:hover {\n color: @accent-dim;\n }\n }\n }\n\n each(\n range(6),\n {\n h@{value} {\n color: @text;\n }\n }\n );\n\n button,\n .button,\n .tabs .tab-title > a {\n background-color: @overlay0;\n color: @text;\n\n &:hover,\n &:focus {\n background-color: @overlay1;\n color: @text;\n }\n }\n\n // ! There is some white space between the buttons in the button group\n // ! This is somewhat mitigated by using `margin: 0 -2px;` originally\n // ! We use `display: flex;` instead\n .button-group {\n display: flex;\n flex-wrap: wrap;\n\n &.radius > *,\n > li {\n margin: unset;\n }\n }\n\n .f-dropdown {\n background-color: @mantle;\n border-color: @overlay0;\n\n &::before {\n border-bottom-color: @surface0;\n }\n\n li:hover {\n background-color: @crust;\n }\n }\n\n header.row {\n background-color: @base;\n }\n\n h1.logo a {\n background-image: if(\n @flavor = latte,\n url(\"//assets.jisho.org/assets/jisho-logo-v4@2x-7330091c079b9dd59601401b052b52e103978221c8fb6f5e22406d871fcc746a.png\"),\n url(\"//assets.jisho.org/assets/jisho-logo-v4-dark@2x-e676613b426d34187b61928823730a225b52165aaef99f948bd3dc5fc16fa787.png\")\n );\n }\n\n nav .links {\n .color_theme_picker--wrapper:hover {\n background-color: @mantle;\n }\n\n .color_theme_picker--choices {\n background-color: @mantle;\n\n li a:hover {\n background-color: @crust;\n }\n }\n }\n\n form.search {\n .input_methods,\n .input_method_button h4 {\n color: @subtext0;\n }\n\n .input_method_button:hover {\n background-color: @surface0;\n }\n\n .main {\n background-color: @surface0;\n box-shadow: none;\n }\n\n .inner {\n background-color: @surface1;\n\n input {\n color: @text;\n }\n }\n\n .search_type {\n border-right-color: @overlay0;\n color: @subtext0;\n }\n\n .submit {\n background-color: @overlay1;\n color: @text;\n }\n\n .search-form_clear-button {\n background-color: transparent; // ! Unsure if this needs a background, also extends beyond the input\n .clear-icon {\n fill: @subtext0;\n }\n }\n\n .results,\n #radical_area .results {\n .result_label {\n color: @text;\n }\n\n .result {\n background-color: @surface1;\n\n &:hover {\n color: @text;\n }\n }\n\n each(\n range(8),\n {\n .g@{value} {\n color: @blue;\n }\n }\n );\n }\n\n #radical_area {\n .radical_table {\n background-image: repeating-linear-gradient(\n 180deg,\n @surface1,\n @surface1 32px,\n @surface2 32px,\n @surface2 64px\n );\n\n .number {\n background-color: @text;\n color: @base;\n }\n\n .radical {\n background-image: none; // ! some radicals are rendered with a background image by default\n color: @text;\n\n &.available:hover {\n background-color: @overlay0;\n }\n\n &.selected {\n border-color: @text;\n background-color: fade(@yellow, 30%);\n }\n }\n }\n\n &.combined_mode {\n // ! what is combined mode?\n .reset_radicals {\n color: @subtext0;\n\n &:hover {\n color: @text;\n background-color: @overlay0;\n }\n }\n }\n }\n\n .handwriting {\n .panel {\n background-color: @surface1;\n }\n\n .pencil-icon {\n color: @surface2 !important;\n }\n }\n }\n\n .speech_area_active #speech_button,\n .radical_area_active #radical_button,\n .handwriting_area_active #handwriting_button {\n border-bottom-color: @accent;\n }\n\n #what_is_this {\n color: unset;\n }\n\n .japanese_word__furigana-invisible {\n opacity: 0; // ! Jisho uses `color: #fff;` to hide furigana, however this does not work in the dark theme\n }\n\n #zen_bar li[data-pos=\"Noun\"] a,\n #zen_bar li[data-pos=\"Proper noun\"] a,\n #zen_bar li[data-pos=\"Pronoun\"] a,\n #zen_bar li[data-pos=\"Suffix\"] a,\n #zen_bar li[data-pos=\"Prefix\"] a,\n #zen_bar li[data-pos=\"Symbol\"] a,\n #zen_bar li[data-pos=\"Interjection\"] a,\n #zen_bar li[data-pos=\"Propernoun\"] a {\n color: @peach;\n border-bottom-color: @peach;\n }\n\n #zen_bar li[data-pos=\"Particle\"] a {\n color: @red;\n border-bottom-color: @red;\n }\n\n #zen_bar li[data-pos=\"Verb\"] a {\n color: @subtext0;\n border-bottom-color: @subtext0;\n }\n\n #main_results h4 .result_count {\n color: @subtext0;\n }\n\n .fact {\n outline-color: @mantle;\n border-color: @base;\n background-color: @mantle;\n }\n\n .concept_light {\n border-bottom-color: @overlay0;\n }\n\n .concept_light-status .concept_light-tag {\n color: @base;\n background-color: @subtext0;\n\n &.concept_light-common {\n background-color: @green;\n }\n\n a {\n color: @base;\n }\n }\n .concept_light-meanings {\n .meaning-tags,\n .meaning-definition-section_divider {\n color: @subtext0;\n }\n }\n\n .concept_light .sentence,\n .meaning-abstract,\n .supplemental_info {\n color: @subtext0;\n }\n\n .kanji_light {\n border-bottom-color: @overlay0;\n\n .info {\n color: @subtext0;\n }\n }\n\n .sentences_block .sentence {\n border-bottom-color: @overlay0;\n }\n\n #secondary aside .minor-text {\n color: @subtext0;\n }\n\n .kanji-details__main-readings-list a {\n border-bottom-color: @subtext0;\n }\n\n .kanji_strokes {\n .kanji_play_button,\n .replay_button,\n .toggle_kanji_actions {\n color: @text;\n background-color: transparent;\n }\n\n .actions {\n background-color: @base;\n\n h3 {\n color: @text;\n }\n }\n\n .noUi-target {\n .noUi-background {\n background-color: @accent;\n }\n\n .noUi-base {\n border-color: @surface1;\n }\n\n .noUi-origin {\n background-color: @overlay0;\n }\n\n .noUi-handle {\n background-color: @text;\n border-color: @surface2;\n }\n\n .noUi-active {\n background-color: @subtext0;\n }\n }\n }\n\n .stroke_order_diagram--bounding_box,\n .stroke_order_diagram--guide_line {\n stroke: @surface0;\n }\n\n .stroke_order_diagram--path_start {\n fill: fade(@red, 80%);\n }\n\n .stroke_order_diagram--current_path {\n stroke: @text;\n }\n\n .stroke_order_diagram--existing_path {\n stroke: fade(@subtext0, 50%);\n }\n\n .kanji {\n table {\n background-color: @mantle;\n border-color: @overlay0;\n }\n\n tr {\n background-color: @surface0;\n\n td {\n color: @subtext0;\n }\n }\n }\n\n .discussion_thread {\n .comment_body {\n background-color: @surface0;\n border-color: @overlay0;\n\n .discussion_status {\n background-color: @surface1;\n border-bottom-color: @overlay0;\n color: @subtext0;\n }\n\n .discussion_about {\n background-color: mix(@surface0, @teal, 80%);\n color: @teal;\n }\n\n .comment_status {\n background-color: @surface2;\n color: @subtext0;\n }\n }\n\n .discussion_title a {\n color: @text !important;\n }\n }\n\n footer {\n .ornament {\n background-color: @red;\n box-shadow: 0 0 10px 5px if(@flavor = latte, @base, @overlay0);\n }\n }\n }\n}\n",
|
|
"originalDigest": "ce1568a451d1b92438b9271ed1fcb87a4298d02a",
|
|
"_id": "e77242c7-e31d-427b-8a5a-ac18c404c054",
|
|
"_rev": 1780236869816,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 57
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "NameMC Catppuccin",
|
|
"description": "Soothing pastel theme for NameMC",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/namemc/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "NameMC Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/namemc",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/namemc",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/namemc/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Anamemc",
|
|
"description": "Soothing pastel theme for NameMC",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name NameMC Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/namemc\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/namemc\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/namemc/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Anamemc\n@description Soothing pastel theme for NameMC\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"namemc.com\") {\n :root[data-bs-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n :root[data-bs-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n #bsButton(@col, @bgCol) {\n --bs-btn-color: @col;\n --bs-btn-hover-color: darken(@col, 5%);\n --bs-btn-active-color: darken(@col, 5%);\n --bs-btn-disabled-color: @col;\n\n --bs-btn-bg: @bgCol;\n --bs-btn-hover-bg: darken(@bgCol, 5%);\n --bs-btn-active-bg: darken(@bgCol, 5%);\n --bs-btn-disabled-bg: @bgCol;\n --bs-btn-border-color: @bgCol;\n --bs-btn-hover-border-color: @bgCol;\n --bs-btn-active-border-color: @bgCol;\n --bs-btn-disabled-border-color: @bgCol;\n }\n #bsButtonOutline(@col, @hover) {\n --bs-btn-color: @col;\n --bs-btn-hover-bg: @col;\n --bs-btn-active-bg: @col;\n --bs-btn-border-color: @col;\n --bs-btn-disabled-color: @col;\n --bs-btn-focus-shadow-rgb: @col;\n --bs-btn-hover-border-color: @col;\n --bs-btn-active-border-color: @col;\n --bs-btn-disabled-border-color: @col;\n\n --bs-btn-hover-color: @hover;\n --bs-btn-active-color: @hover;\n }\n\n --bs-body-color: @text;\n --bs-body-color-rgb: #lib.rgbify(@text)[];\n --bs-body-bg: @base;\n --bs-body-bg-rgb: #lib.rgbify(@base)[];\n --bs-emphasis-color: @text;\n --bs-emphasis-color-rgb: #lib.rgbify(@text)[];\n --bs-blue: @blue;\n --bs-indigo: @mauve;\n --bs-purple: @mauve;\n --bs-pink: @pink;\n --bs-red: @red;\n --bs-orange: @peach;\n --bs-yellow: @yellow;\n --bs-green: @green;\n --bs-teal: @teal;\n --bs-cyan: @sapphire;\n --bs-secondary-color: @subtext0;\n --bs-secondary-color-rgb: #lib.rgbify(@subtext0)[];\n --bs-tertiary-color: @subtext1;\n --bs-tertiary-color-rgb: #lib.rgbify(@subtext1)[];\n --bs-tertiary-bg: @base;\n --bs-tertiary-bg-rgb: #lib.rgbify(@base)[];\n --bs-secondary-text-emphasis: @subtext0;\n --bs-success-text-emphasis: @green;\n --bs-primary: @accent;\n --bs-primary-rgb: #lib.rgbify(@accent)[];\n --bs-secondary: @subtext0;\n --bs-secondary-rgb: #lib.rgbify(@subtext0)[];\n --bs-success: @green;\n --bs-success-rgb: #lib.rgbify(@green)[];\n --bs-info: @sky;\n --bs-info-rgb: #lib.rgbify(@sky)[];\n --bs-warning: @yellow;\n --bs-warning-rgb: #lib.rgbify(@yellow)[];\n --bs-danger: @red;\n --bs-danger-rgb: #lib.rgbify(@red)[];\n --bs-light: @base;\n --bs-light-rgb: #lib.rgbify(@base)[];\n --bs-dark: @text;\n --bs-dark-rgb: #lib.rgbify(@text)[];\n --bs-dark-text-emphasis: @text;\n --bs-primary-bg-subtle: @crust;\n --bs-secondary-bg-subtle: @mantle;\n --bs-success-bg-subtle: fade(@green, 20%);\n --bs-warning-bg-subtle: fade(@yellow, 20%);\n --bs-danger-bg-subtle: @base;\n --bs-secondary-border-subtle: @surface1;\n --bs-success-border-subtle: @green;\n --bs-info-border-subtle: @sky;\n --bs-warning-border-subtle: @yellow;\n --bs-danger-border-subtle: @red;\n --bs-link-color: @accent;\n --bs-link-color-rgb: #lib.rgbify(@accent)[];\n --bs-code-color: @accent;\n --bs-highlight-bg: @base;\n --bs-form-valid-color: @green;\n --bs-focus-ring-color: @accent;\n --bs-form-valid-border-color: @green;\n --bs-form-invalid-color: @red;\n --bs-form-invalid-border-color: @red;\n\n .btn-primary {\n #bsButton(@crust, @accent);\n }\n .btn-secondary {\n #bsButton(@text, @overlay0);\n }\n .btn-success {\n #bsButton(@crust, @green);\n }\n .btn-info {\n #bsButton(@crust, @sapphire);\n }\n .btn-warning {\n #bsButton(@crust, @yellow);\n }\n .btn-danger {\n #bsButton(@crust, @red);\n }\n .btn-light {\n #bsButton(@crust, @overlay2);\n }\n .btn-dark {\n #bsButton(@text, @surface0);\n }\n\n .btn-outline-primary {\n #bsButtonOutline(@accent, @text);\n }\n .btn-outline-secondary {\n #bsButtonOutline(@overlay0, @text);\n }\n .btn-outline-success {\n #bsButtonOutline(@green, @text);\n }\n .btn-outline-info {\n #bsButtonOutline(@sapphire, @crust);\n }\n .btn-outline-warning {\n #bsButtonOutline(@yellow, @crust);\n }\n .btn-outline-danger {\n #bsButtonOutline(@red, @text);\n }\n .btn-outline-light {\n #bsButtonOutline(@text, @crust);\n }\n .btn-outline-dark {\n #bsButtonOutline(@surface0, @text);\n }\n\n .text-success {\n color: @green !important;\n }\n\n .btn-link {\n --bs-btn-disabled-color: @overlay0;\n --bs-btn-disabled-border-color: transparent;\n --bs-btn-focus-shadow-rgb: #lib.rgbify(@blue)[];\n }\n\n /* i hate that this is necessary */\n .dropdown-menu {\n --bs-dropdown-header-color: @overlay1 !important;\n --bs-dropdown-border-color: @surface2 !important;\n }\n\n #header {\n form {\n div.input-group.input-group-lg {\n input.form-control {\n background-color: @surface0 !important;\n\n &:focus {\n border-color: @accent;\n box-shadow: none;\n }\n }\n }\n }\n }\n\n .navbar-nav .nav-item a {\n color: @text !important;\n\n &:hover {\n color: @subtext0 !important;\n }\n span {\n color: @text !important;\n\n &:hover {\n color: @subtext0 !important;\n }\n }\n }\n\n .card {\n background-color: @surface0 !important;\n color: @subtext0 !important;\n --bs-card-bg: @base !important;\n\n .card-header {\n border-color: @surface2 !important;\n }\n }\n\n /* skin display link */\n div.card-header {\n span {\n color: @text;\n\n &:hover {\n color: @accent !important;\n }\n }\n\n strong a {\n color: @accent !important;\n }\n }\n\n /* skin display background */\n .checkered {\n @dark: fade(@surface0, 40%);\n @light: fade(@surface1, 40%);\n @svg: escape(\n '<svg width=\"64\" height=\"64\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"@{dark}\" d=\"M0 0h32v32H0z\"/><path fill=\"@{light}\" d=\"M32 0h32v32H32zM0 32h32v32H0z\"/><path fill=\"@{dark}\" d=\"M32 32h32v32H32z\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n /* skins page nav buttons */\n .nav.nav-pills {\n .nav-item .nav-link a {\n color: @text !important;\n }\n .nav-link.active {\n background-color: @accent !important;\n color: @crust !important;\n }\n }\n\n .page-item .page-link {\n background-color: @surface0 !important;\n border-color: @surface2 !important;\n color: @text;\n\n &.active {\n background-color: @accent !important;\n }\n\n &:focus,\n &:hover {\n box-shadow: none !important;\n color: @accent !important;\n }\n }\n\n .page-item.active .page-link {\n background-color: @accent !important;\n border-color: @accent !important;\n color: @crust !important;\n }\n\n /* single skin page */\n a.badge,\n span.badge {\n background-color: @accent !important;\n color: @crust !important;\n }\n\n /* usernames page */\n form#upcoming-form {\n div.row {\n label.col-form-label {\n color: @text !important;\n }\n\n div.col {\n .input-group {\n .input-group-text {\n background-color: @base !important;\n border-color: @surface2 !important;\n }\n }\n }\n }\n }\n\n .form-control,\n .form-select {\n background-color: @base !important;\n border-color: @surface2 !important;\n box-shadow: none !important;\n color: @subtext1 !important;\n\n &:focus {\n border-color: @accent !important;\n box-shadow: 0 0 0 0.25rem fade(@accent, 25%);\n }\n }\n\n /* server list page */\n .mc-red {\n color: @maroon !important;\n }\n .mc-dark-red {\n color: @red !important;\n }\n .mc-gold {\n color: @peach !important;\n }\n .mc-yellow {\n color: @yellow !important;\n }\n .mc-green,\n .mc-dark-green {\n color: @green !important;\n }\n .mc-aqua {\n color: @sky !important;\n }\n .mc-dark-aqua {\n color: @teal !important;\n }\n .mc-blue {\n color: @sapphire !important;\n }\n .mc-dark-blue {\n color: @blue !important;\n }\n .mc-light-purple {\n color: @pink !important;\n }\n .mc-dark-purple {\n color: @mauve !important;\n }\n\n /* profile page */\n .namemc-rank-10 {\n color: @green !important;\n }\n\n .namemc-rank-100,\n .namemc-rank-200,\n .namemc-rank-900,\n .namemc-rank-1000 {\n color: @red !important;\n }\n\n #uuid-select {\n background-color: @surface1 !important;\n }\n\n .card.mb-3 .card-header a {\n color: @accent !important;\n }\n\n .skin-button-selected {\n /* society if box-shadow-color existed */\n box-shadow: 0 0 6px @overlay0 !important;\n background-color: @overlay0 !important;\n }\n\n .player-list {\n a:hover {\n color: @subtext1 !important;\n }\n }\n\n .head-command,\n #head-command-select {\n background-color: @base !important;\n\n &:focus {\n border-color: @accent !important;\n box-shadow: none !important;\n }\n }\n\n button.head-command {\n border-color: @surface0 !important;\n color: @subtext1;\n\n &:hover {\n background-color: @surface1 !important;\n border-color: @surface2 !important;\n color: @text !important;\n }\n }\n\n #country {\n background-color: @mantle !important;\n }\n\n fieldset.form-group input.form-control {\n background-color: @mantle;\n }\n\n form > .row > .col > .input-group {\n #discord-input,\n #facebook-input,\n #github-input,\n #instagram-input,\n #reddit-input,\n #snapchat-input,\n #soundcloud-input,\n #spotify-input,\n #steam-input,\n #telegram-input,\n #tiktok-input,\n #threads-input,\n #twitch-input,\n #twitter-input,\n #youtube-input,\n fieldset.form-group input.form-control {\n background-color: @mantle;\n }\n }\n\n & when (@flavor = latte) {\n --bs-black: @text;\n --bs-black-rgb: #lib.rgbify(@text)[];\n --bs-white: @crust;\n --bs-white-rgb: #lib.rgbify(@crust)[];\n --bs-gray: @subtext0;\n --bs-gray-dark: @text;\n --bs-gray-100: @base;\n --bs-gray-200: @mantle;\n --bs-gray-300: @crust;\n --bs-gray-400: @surface0;\n --bs-gray-500: @surface2;\n --bs-gray-600: @overlay2;\n --bs-gray-700: @subtext0;\n --bs-gray-800: @subtext1;\n --bs-gray-900: @text;\n --bs-secondary-bg: @mantle;\n --bs-secondary-bg-rgb: #lib.rgbify(@mantle)[];\n --bs-primary-text-emphasis: @text;\n --bs-info-text-emphasis: @text;\n --bs-warning-text-emphasis: @text;\n --bs-danger-text-emphasis: @red;\n --bs-light-text-emphasis: @subtext0;\n --bs-info-bg-subtle: @surface0;\n --bs-light-bg-subtle: @base;\n --bs-dark-bg-subtle: @surface0;\n --bs-primary-border-subtle: @surface2;\n --bs-light-border-subtle: @mantle;\n --bs-dark-border-subtle: @surface2;\n --bs-link-hover-color: @accent;\n --bs-link-hover-color-rgb: #lib.rgbify(@accent)[];\n --bs-border-color: @crust;\n\n .mc-black {\n color: @text !important;\n }\n .mc-dark-gray {\n color: @subtext0 !important;\n }\n .mc-gray,\n .mc-reset {\n color: @overlay1 !important;\n }\n .mc-white {\n color: @base !important;\n }\n }\n\n & when not(@flavor = latte) {\n --bs-black: @crust;\n --bs-white: @text;\n --bs-gray: @overlay2;\n --bs-gray-dark: @surface2;\n --bs-secondary-bg: @surface0;\n --bs-secondary-bg-rgb: #lib.rgbify(@surface0)[];\n --bs-primary-text-emphasis: @sapphire;\n --bs-info-text-emphasis: @sky;\n --bs-warning-text-emphasis: @yellow;\n --bs-danger-text-emphasis: @maroon;\n --bs-light-text-emphasis: @text;\n --bs-info-bg-subtle: @crust;\n --bs-light-bg-subtle: @surface0;\n --bs-dark-bg-subtle: @mantle;\n --bs-primary-border-subtle: @mantle;\n --bs-light-border-subtle: @surface1;\n --bs-dark-border-subtle: @surface0;\n --bs-link-hover-color: @text;\n --bs-link-hover-color-rgb: #lib.rgbify(@text)[];\n --bs-border-color: @surface1;\n\n .mc-black {\n color: @crust !important;\n }\n .mc-dark-gray {\n color: @overlay0 !important;\n }\n .mc-gray,\n .mc-reset {\n color: @subtext0 !important;\n }\n .mc-white {\n color: @text !important;\n }\n }\n }\n}\n",
|
|
"originalDigest": "a5dd9f9ea1be361aba9e59b2727f44afc9c6f9c4",
|
|
"_id": "4e2b629c-b1d7-4565-a8f3-b227ce415523",
|
|
"_rev": 1780236869866,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 58
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Planet Minecraft Catppuccin",
|
|
"description": "Soothing pastel theme for Planet Minecraft",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/planet-minecraft/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Planet Minecraft Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/planet-minecraft",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/planet-minecraft",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/planet-minecraft/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aplanet-minecraft",
|
|
"description": "Soothing pastel theme for Planet Minecraft",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Planet Minecraft Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/planet-minecraft\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/planet-minecraft\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/planet-minecraft/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aplanet-minecraft\n@description Soothing pastel theme for Planet Minecraft\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"planetminecraft.com\") {\n [data-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n [data-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n --body-bg: @crust;\n --header-bg: @base;\n --content-bg: @surface0;\n --container-bg: @base;\n --menu-bg: @surface0;\n --menu-color: @subtext1;\n --menu-selected-bg: @surface1;\n --menu-selected-color: @accent;\n --footer-bg: @mantle;\n --bg-navbar: @mantle;\n --tab-selected: @accent;\n --input-bg: @surface0;\n --dark-mid-bg: @base;\n --title-color: @text;\n --text-color: @text;\n --text-color-medium: @subtext0;\n --text-color-light: @subtext1;\n --border-color: @base;\n --footer-a-color: @accent;\n --nav-hover: @accent;\n --stat-color: @red;\n --a-color: @accent;\n --a-hover: @accent;\n --a-selected: fade(@accent, 80%);\n --tab-hover: fade(@accent, 80%);\n --tab-color: @subtext0;\n --nav-color: @text;\n --widget-wrap-bg: @mantle;\n --shine-start: @surface2;\n --shine-end: @surface1;\n --widget-bg: @surface0;\n --light-bg: @surface0;\n --medium-bg: @crust;\n --toolbar-bg: @surface0;\n --shine-highlight: @surface0;\n --border-color-light: @surface0;\n --site-border-color: @surface0;\n --graphic-bg: @surface0;\n --notice-bg: @overlay0;\n --notice-color: @text;\n --menu-disabled-color: @crust;\n --control-bg: @accent;\n --a-visited: @accent;\n --nav-bar-border: none;\n --feed-alt-bg: @surface1;\n --nav-selected: @accent;\n\n .tab_options > ul > li.currentpage,\n .tab_options > ul > li.ui-state-active,\n .tab_options > ul > li:hover {\n border-bottom-color: @accent;\n }\n\n .site_btn_secondary {\n color: @subtext1;\n background: @surface1;\n &:hover {\n color: @accent;\n background: fade(@surface1, 80%);\n }\n }\n\n .site_btn,\n .site_btn_alt,\n #subscribe_full .site_btn,\n .pagination p a.pagination_page,\n .pagination p > span.pagination_page,\n .vert_menu > ul > li:only-child > a.current_select,\n .vert_menu > ul > li > a.current_select {\n color: @base;\n background: @accent;\n &:not(:disabled, [data-disabled=\"disabled\"]):hover {\n background: fade(@accent, 80%);\n }\n }\n\n #profile-bar #profile-actions .togglable.selected {\n background: @accent;\n color: @base;\n }\n\n .tipso_bubble .bottom {\n background: @surface0 !important;\n }\n\n /* because the icons on the display mode buttons are white, we cant have white base here, so we improvise for latte */\n & when (@flavor = latte) {\n #display_modes a {\n background: @text !important;\n box-shadow: none !important;\n }\n\n /* fix nav menu dropdown icons */\n .navbar_icon .dropdown {\n --svozk: var(--s) -256px -326px !important;\n background: var(--s) -256px -326px !important;\n }\n\n .content-actions li {\n background: @surface0;\n\n a,\n .link,\n .js_link,\n .js_link_m {\n color: @text;\n }\n }\n\n .content-actions li .js_link:hover,\n .content-actions li .js_link_m:hover,\n .content-actions li .link:hover,\n .content-actions li a:hover {\n .material-icons {\n color: @text !important;\n }\n\n color: @text !important;\n background: @accent !important;\n }\n\n .content-actions li .material-icons {\n color: @subtext0 !important;\n }\n }\n\n & when not(@flavor = latte) {\n #display_modes a {\n background: @base !important;\n box-shadow: none !important;\n }\n }\n\n #display_modes a.selected,\n #display_modes a:hover {\n background: @accent;\n }\n\n .navigation-wrap .navmenu a {\n text-shadow: none !important;\n }\n\n #header\n #header-wrap\n .header_text\n > ul\n > li\n > .material-btn.mem_submit\n .material-icons,\n #header #header-wrap .header_text > ul > li > a.mem_submit .material-icons,\n #mobileRightPanel\n .sidr-inner\n > ul\n > li\n > .material-btn.mem_submit\n .material-icons,\n #mobileRightPanel .sidr-inner > ul > li > a.mem_submit .material-icons {\n color: @green !important;\n }\n\n #header\n #header-wrap\n .header_text\n > ul\n > li\n > .material-btn[data-alert=\"1\"].mem_notifications\n .material-icons,\n #header\n #header-wrap\n .header_text\n > ul\n > li\n > .material-btn[data-alert=\"1\"].mem_tickets\n .material-icons,\n #header\n #header-wrap\n .header_text\n > ul\n > li\n > a[data-alert=\"1\"].mem_notifications\n .material-icons,\n #header\n #header-wrap\n .header_text\n > ul\n > li\n > a[data-alert=\"1\"].mem_tickets\n .material-icons,\n #mobileRightPanel\n .sidr-inner\n > ul\n > li\n > .material-btn[data-alert=\"1\"].mem_notifications\n .material-icons,\n #mobileRightPanel\n .sidr-inner\n > ul\n > li\n > .material-btn[data-alert=\"1\"].mem_tickets\n .material-icons,\n #mobileRightPanel\n .sidr-inner\n > ul\n > li\n > a[data-alert=\"1\"].mem_notifications\n .material-icons,\n #mobileRightPanel\n .sidr-inner\n > ul\n > li\n > a[data-alert=\"1\"].mem_tickets\n .material-icons {\n color: @yellow;\n }\n\n .material-icons,\n .mem_submit > span,\n .mem_notifications > span {\n color: @text !important;\n }\n\n .green {\n background: @green;\n color: @base;\n\n .material-icons {\n color: @base;\n }\n }\n\n // .content-actions li:not(:only-child, :first-child) {\n // border-top: none;\n // }\n\n .tipso_content,\n .member_profile_card_right {\n background: @surface0;\n }\n\n .tipso_arrow {\n border-color: @surface0;\n }\n\n #popular-reel .caption {\n & when (@flavor = latte) {\n background: fade(@text, 50%) !important;\n\n .pop-title {\n color: @base !important;\n text-shadow: none;\n }\n\n .caption-subtitle {\n color: @crust !important;\n text-shadow: none;\n }\n }\n\n & when not(@flavor = latte) {\n background: fade(@base, 50%) !important;\n\n .pop-title {\n color: @text !important;\n text-shadow: none;\n }\n\n .caption-subtitle {\n color: @subtext0 !important;\n text-shadow: none;\n }\n\n .content-actions li {\n background: @surface0;\n\n a,\n .link,\n .js_link,\n .js_link_m {\n color: @text;\n }\n }\n\n .content-actions li .js_link:hover,\n .content-actions li .js_link_m:hover,\n .content-actions li .link:hover,\n .content-actions li a:hover {\n .material-icons {\n color: @accent !important;\n }\n color: @accent !important;\n background: @surface1 !important;\n }\n\n .content-actions li .material-icons {\n color: @subtext0 !important;\n }\n }\n }\n\n #content_notice .site_btn,\n #content_notice .site_btn_alt {\n text-shadow: none;\n }\n\n .custom_input:focus,\n input:focus,\n select:focus,\n textarea:focus {\n border-color: @accent;\n }\n }\n}\n",
|
|
"originalDigest": "1b5b257d864d1abcc4edc86f278eba895c6a209f",
|
|
"_id": "4bd6376a-9561-4115-aaa0-127ca71cce47",
|
|
"_rev": 1780236869904,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 59
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Lingva Catppuccin",
|
|
"description": "Soothing pastel theme for Lingva",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/lingva/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Lingva Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/lingva",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/lingva",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/lingva/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Alingva",
|
|
"description": "Soothing pastel theme for Lingva",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Lingva Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/lingva\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/lingva\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/lingva/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Alingva\n@description Soothing pastel theme for Lingva\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"lingva.ml\"),\n domain(\"translate.plausibility.cloud\"),\n domain(\"lingva.lunar.icu\"),\n domain(\"translate.projectsegfau.lt\"),\n domain(\"lingva.garudalinux.org\") {\n .chakra-ui-light {\n #catppuccin(@lightFlavor);\n }\n .chakra-ui-dark {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n body {\n background: @base;\n color: @text;\n }\n\n header {\n background-color: @accent;\n\n .chakra-button {\n color: darken(@accent, 50%);\n background: lighten(@accent, 5%);\n &:hover {\n background: darken(@accent, 5%);\n }\n }\n }\n\n footer {\n background-color: @accent;\n color: darken(@accent, 50%);\n }\n\n #__next > div {\n background: @base;\n }\n\n main {\n background: @base;\n color: @text;\n\n select {\n border-color: @accent;\n color: @text;\n }\n .chakra-select__icon {\n color: @text;\n }\n .chakra-button {\n color: @accent;\n border-color: @accent;\n\n &:hover:not(:disabled) {\n background-color: fade(@accent, 12%);\n }\n\n // Auto translate button (clicked) (Dark and Light classes)\n &.css-1huvcr7,\n &.css-q22xb2 {\n background: @accent;\n color: @crust;\n }\n }\n .chakra-stack {\n border-color: @accent;\n }\n\n textarea {\n color: @text;\n }\n\n .chakra-text {\n color: @subtext1;\n }\n }\n }\n}\n",
|
|
"originalDigest": "27008c46236d3c29eb1a24a9053dbefce9bc4e25",
|
|
"_id": "7f845adc-dd05-49b7-a11a-eed04e7068ac",
|
|
"_rev": 1780236869936,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 60
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Pronouns.page Catppuccin",
|
|
"description": "Soothing pastel theme for Pronouns.page",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/pronouns.page/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Pronouns.page Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/pronouns.page",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/pronouns.page",
|
|
"version": "2026.01.09",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/pronouns.page/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Apronouns.page",
|
|
"description": "Soothing pastel theme for Pronouns.page",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Pronouns.page Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/pronouns.page\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/pronouns.page\n@version 2026.01.09\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/pronouns.page/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Apronouns.page\n@description Soothing pastel theme for Pronouns.page\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"pronouns.page\"),\n domain(\"pronomen.net\"),\n domain(\"pronombr.es\"),\n domain(\"pronomejo.net\"),\n domain(\"fornovn.fo\"),\n domain(\"pronoms.fr\"),\n domain(\"pronom.it\"),\n domain(\"zaimki.pl\") {\n body:not([data-theme=\"dark\"]) {\n #catppuccin(@lightFlavor);\n }\n\n body[data-theme=\"dark\"],\n body[data-theme=\"dark\"]:not(.reduced-colours) {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n background: @base;\n color: @text !important;\n\n --bs-body-color: @text;\n --bs-body-bg: @base;\n --bs-white-rgb: #lib.rgbify(@crust)[];\n --bs-primary-rgb: #lib.rgbify(@accent)[];\n --bs-secondary-rgb: #lib.rgbify(@overlay0)[];\n --bs-secondary-color: @subtext0;\n --bs-tertiary-bg: @crust;\n --bs-success-text-emphasis: @green;\n --bs-success-rgb: #lib.rgbify(@green)[];\n --bs-info-text-emphasis: @sapphire;\n --bs-warning-text-emphasis: @yellow;\n --bs-danger-text-emphasis: @red;\n --bs-danger-rgb: #lib.rgbify(@red)[];\n --bs-light-text-emphasis: @text;\n --bs-dark-text-emphasis: @subtext1;\n --bs-heading-color: @text;\n --bs-form-valid-color: @green;\n --bs-form-valid-border-color: @green;\n --bs-form-invalid-color: @red;\n --bs-form-invalid-border-color: @red;\n\n /* Buttons */\n\n .btn-primary {\n color: @crust;\n --bs-btn-bg: @accent;\n }\n\n .btn-primary,\n .btn-outline-primary {\n --bs-btn-hover-bg: @accent;\n --bs-btn-border-color: @accent;\n --bs-btn-hover-border-color: @accent;\n --bs-btn-active-bg: @accent;\n --bs-btn-active-border-color: @accent;\n --bs-btn-disabled-color: @accent;\n --bs-btn-disabled-bg: darken(@accent, 5%);\n --bs-btn-disabled-border-color: @accent;\n }\n\n .btn-outline-primary {\n color: @text;\n\n &:hover {\n color: @crust;\n }\n }\n\n .btn-success {\n --bs-btn-color: @crust;\n --bs-btn-bg: @green;\n --bs-btn-border-color: @green;\n --bs-btn-hover-color: @crust;\n --bs-btn-hover-bg: darken(@green, 5%);\n --bs-btn-hover-border-color: darken(@green, 5%);\n --bs-btn-active-color: @crust;\n --bs-btn-active-bg: darken(@green, 5%);\n --bs-btn-active-border-color: darken(@green, 5%);\n --bs-btn-disabled-color: @text;\n --bs-btn-disabled-bg: @green;\n --bs-btn-disabled-border-color: @green;\n }\n\n .btn-outline-success {\n color: @green;\n\n &:hover {\n color: @crust;\n }\n\n --bs-btn-color: @green;\n --bs-btn-border-color: @green;\n --bs-btn-hover-color: @crust;\n --bs-btn-hover-bg: @green;\n --bs-btn-hover-border-color: @green;\n --bs-btn-active-color: @crust;\n --bs-btn-active-bg: @green;\n --bs-btn-active-border-color: @green;\n --bs-btn-disabled-color: @green;\n --bs-btn-disabled-border-color: @green;\n }\n\n .btn-outline-danger {\n --bs-btn-color: @red;\n --bs-btn-border-color: @red;\n --bs-btn-hover-color: @crust;\n --bs-btn-hover-bg: @red;\n --bs-btn-hover-border-color: @red;\n --bs-btn-active-color: @crust;\n --bs-btn-active-bg: @red;\n --bs-btn-active-border-color: @red;\n --bs-btn-disabled-color: @red;\n --bs-btn-disabled-border-color: @red;\n }\n\n .btn-secondary {\n --bs-btn-color: @text;\n --bs-btn-bg: @overlay0;\n --bs-btn-border-color: @overlay0;\n --bs-btn-hover-color: @text;\n --bs-btn-hover-bg: @surface2;\n --bs-btn-hover-border-color: @surface2;\n --bs-btn-active-color: @text;\n --bs-btn-active-bg: @surface2;\n --bs-btn-active-border-color: @surface2;\n --bs-btn-disabled-color: @text;\n --bs-btn-disabled-bg: @overlay0;\n --bs-btn-disabled-border-color: @overlay0;\n }\n\n .btn-outline-secondary {\n --bs-btn-color: @overlay0;\n --bs-btn-border-color: @overlay0;\n --bs-btn-hover-color: @text;\n --bs-btn-hover-bg: @overlay0;\n --bs-btn-hover-border-color: @overlay0;\n --bs-btn-active-color: @text;\n --bs-btn-active-bg: @overlay0;\n --bs-btn-active-border-color: @overlay0;\n --bs-btn-disabled-color: @overlay0;\n --bs-btn-disabled-border-color: @overlay0;\n }\n\n .btn-light {\n &,\n &:disabled,\n &.disabled {\n color: @text;\n background-color: @crust;\n }\n }\n .btn-dark,\n .btn-outline-dark:hover {\n color: @crust;\n background-color: @text;\n }\n .btn-outline-dark {\n color: @text;\n }\n\n .btn-square {\n background-color: @accent !important;\n }\n\n /* Inputs */\n\n .form-check-input:checked {\n background-color: @accent !important;\n border-color: @accent !important;\n }\n\n .form-control {\n color: @text;\n background-color: @mantle;\n border-color: @surface0;\n\n &:focus {\n box-shadow: 0 0 0 0.25rem fade(@accent, 50%);\n }\n }\n\n .dropdown-menu {\n color: @text;\n background-color: @mantle;\n border-color: @surface0;\n\n .dropdown-item {\n color: @text;\n\n &:hover,\n &:focus {\n background-color: @crust;\n }\n }\n }\n\n /* Date/calendar input */\n .dp__theme_dark, .dp__theme_light {\n --dp-primary-color: @accent;\n --dp-text-color: @text;\n --dp-hover-text-color: @text;\n --dp-background-color: @surface0;\n --dp-hover-color: @surface1;\n --dp-disabled-color: @surface2;\n --dp-icon-color: @subtext0;\n --dp-hover-icon-color: @subtext1;\n --dp-secondary-color: @subtext0;\n\n .dp__overlay_cell_active,\n .dp__active_date,\n .dp__range_end,\n .dp__range_start {\n color: @crust;\n }\n }\n\n /* Header */\n\n header .nav-item {\n color: @text !important;\n\n &:hover {\n color: @accent !important;\n }\n }\n\n .nav-custom:not(.nav-custom-start) .nav-item {\n border-color: @surface0;\n\n &:hover {\n border-bottom-color: @accent !important;\n }\n\n &.btn.active,\n &.btn:hover {\n border-bottom-color: @accent !important;\n }\n }\n\n .nav-custom-start .btn,\n .nav-custom .btn {\n border-inline-start-color: @surface2 !important;\n\n &:hover,\n &.active {\n color: lighten(@accent, 5%) !important;\n border-inline-start-color: @accent !important;\n }\n }\n\n .hamburger-menu .btn-hamburger {\n background-color: @crust !important;\n border-color: @surface0;\n }\n\n .card {\n background-color: @mantle;\n }\n\n /* Footer */\n\n .separator {\n > .mask::after {\n box-shadow: 0 0 10px @text;\n }\n\n > span {\n box-shadow: 0 2px 4px @text;\n background: @text;\n color: @crust;\n }\n }\n\n /* Calendar */\n\n .list-group-flare > :first-child {\n border-top-color: @accent !important;\n }\n .list-group-item {\n color: @text !important;\n background-color: @mantle !important;\n border-color: @surface0 !important;\n }\n .calendar > .day.day-event {\n border-color: @accent;\n\n &:hover {\n background-color: darken(@accent, 10%) !important;\n\n .day-number {\n color: @crust;\n text-shadow: none;\n }\n }\n\n &.day-event-1 {\n background-color: @accent;\n color: @crust;\n }\n }\n\n /* Dictionary */\n .page-link {\n color: @text;\n background-color: @crust;\n border-color: @surface0;\n }\n .page-item.active .page-link {\n color: @crust;\n background-color: @accent;\n border-color: @accent;\n }\n .page-item.disabled .page-link {\n color: @text;\n background-color: @base;\n border-color: @surface0;\n }\n table {\n --bs-table-color: @text !important;\n --bs-table-striped-color: @text !important;\n --bs-table-hover-color: @text !important;\n --bs-table-hover-bg: @surface1 !important;\n --bs-table-striped-bg: @surface0 !important;\n }\n\n /* Other */\n\n .bg-light {\n background-color: @mantle !important;\n }\n .bg-dark {\n background-color: @text !important;\n }\n .bg-white {\n background-color: @crust !important;\n }\n .text-dark {\n color: @text !important;\n }\n .colour-default {\n color: @text !important;\n }\n .colour-pink, .text-primary {\n color: @accent !important;\n }\n .colour-orange {\n color: @peach !important;\n }\n .colour-red {\n color: @red !important;\n }\n .colour-grey {\n color: @overlay2 !important;\n }\n\n .alert-light {\n background-color: @surface2;\n color: @text;\n }\n .alert-info {\n background-color: fade(@sapphire, 30%);\n border-color: @sapphire;\n color: @text;\n }\n\n .nav-pills {\n --bs-nav-pills-link-active-bg: @accent;\n --bs-nav-pills-link-active-color: @crust;\n }\n\n .badge {\n --bs-badge-color: @text;\n }\n\n .border {\n border-color: @surface0 !important;\n }\n\n a {\n color: @accent;\n\n &:not(.nav-link.active):hover {\n color: lighten(@accent, 5%);\n }\n }\n\n code {\n color: @crust;\n background-color: @accent;\n border-color: transparent;\n }\n\n /* Share QR code */\n [fill=\"#ff95bb\"] {\n fill: @accent;\n }\n\n mark,\n .mark {\n background-color: fade(@yellow, 50%);\n color: @text;\n }\n }\n}\n",
|
|
"originalDigest": "a0fc162be8004d8197619140c5df740833aa8df1",
|
|
"_id": "79a8a1db-3c02-4ae7-9d2b-5dc9eb970c84",
|
|
"_rev": 1780236869994,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 61
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "YouTube Catppuccin",
|
|
"description": "Soothing pastel theme for YouTube",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "YouTube Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/youtube",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/youtube",
|
|
"version": "2026.04.14",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ayoutube",
|
|
"description": "Soothing pastel theme for YouTube",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": null,
|
|
"default": "latte",
|
|
"options": [
|
|
{
|
|
"name": "latte",
|
|
"label": "Latte",
|
|
"value": "latte"
|
|
},
|
|
{
|
|
"name": "frappe",
|
|
"label": "Frappé",
|
|
"value": "frappe"
|
|
},
|
|
{
|
|
"name": "macchiato",
|
|
"label": "Macchiato",
|
|
"value": "macchiato"
|
|
},
|
|
{
|
|
"name": "mocha",
|
|
"label": "Mocha",
|
|
"value": "mocha"
|
|
}
|
|
]
|
|
},
|
|
"darkFlavor": {
|
|
"type": "select",
|
|
"label": "Dark Flavor",
|
|
"name": "darkFlavor",
|
|
"value": null,
|
|
"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": null,
|
|
"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": null,
|
|
"default": "1",
|
|
"options": null
|
|
},
|
|
"oled": {
|
|
"type": "checkbox",
|
|
"label": "Enable black bars",
|
|
"name": "oled",
|
|
"value": null,
|
|
"default": "0",
|
|
"options": null
|
|
},
|
|
"sponsorBlock": {
|
|
"type": "checkbox",
|
|
"label": "Enable SponsorBlock segments",
|
|
"name": "sponsorBlock",
|
|
"value": null,
|
|
"default": "1",
|
|
"options": null
|
|
}
|
|
}
|
|
},
|
|
"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 2026.04.14\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ayoutube\n@description Soothing pastel theme for YouTube\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n\n@var checkbox logo \"Enable YouTube logo\" 1\n@var checkbox oled \"Enable black bars\" 0\n@var checkbox sponsorBlock \"Enable SponsorBlock segments\" 1\n==/UserStyle== */\n\n@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"youtube.com\") {\n :root[dark] {\n #catppuccin(@darkFlavor);\n }\n :root:not([dark]) {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n @white: if(@flavor = latte, @base, @text);\n @black: if(@flavor = latte, @text, @base);\n\n color: @text;\n background: @base;\n\n #--variables() {\n &,\n [dark],\n [system-icons],\n [darker-dark-theme],\n &[dark],\n &[system-icons],\n &[darker-dark-theme] {\n --efyt-control-bar-background-color: @mantle;\n --dimmer-text: @text;\n\n /* Newest Variables */\n --yt-sys-color-baseline--base-background: @base;\n --yt-sys-color-baseline--menu-background: @mantle;\n --yt-sys-color-baseline--raised-background: @surface0;\n --yt-sys-color-baseline--additive-background: @surface0;\n --yt-sys-color-baseline--wordmark-text: @text;\n --yt-sys-color-baseline--text-primary: @text;\n --yt-sys-color-baseline--text-secondary: @subtext0;\n --yt-sys-color-baseline--call-to-action: @accent;\n --yt-sys-color-baseline--suggested-action: mix(@accent, @base, 30%);\n --yt-sys-color-baseline--outline: @surface0;\n --yt-sys-color-baseline--outline-opaque: @surface1;\n --yt-sys-color-baseline--outline-inverse-opaque: @overlay0;\n --yt-sys-color-baseline--overlay-background-medium-light: fade(\n @black,\n 60%\n );\n --yt-sys-color-baseline--overlay-background-heavy: fade(@black, 80%);\n --yt-sys-color-baseline--overlay-background-solid: @crust;\n --yt-sys-color-baseline--overlay-text-primary: @text;\n\n --yt-spec-white-1: @text;\n --yt-spec-white-2: @subtext0;\n --yt-spec-white-3: @subtext1;\n --yt-spec-white-4: darken(@subtext1, 5%);\n --yt-spec-black-1: @overlay1;\n --yt-spec-black-2: @overlay0;\n --yt-spec-black-3: @surface2;\n --yt-spec-black-4: @surface1;\n --yt-spec-black-pure: @surface0;\n --yt-spec-grey-1: @text;\n --yt-spec-grey-2: @subtext0;\n --yt-spec-grey-3: @subtext1;\n --yt-spec-grey-4: @overlay2;\n --yt-spec-grey-5: @overlay1;\n --yt-brand-youtube-red: @accent;\n --yt-brand-medium-red: @accent;\n --yt-brand-light-red: @accent;\n --yt-spec-red-30: @peach;\n --yt-spec-red-70: @red;\n --yt-spec-red-indicator: @accent;\n --yt-spec-pale-blue: @sky;\n --yt-spec-light-blue: @sky;\n --yt-spec-dark-blue: @sapphire;\n --yt-spec-navy-blue: @teal;\n --yt-spec-light-green: @green;\n --yt-spec-dark-green: @green;\n --yt-spec-yellow: @peach;\n --yt-spec-black-pure-alpha-5: @subtext0;\n --yt-spec-black-pure-alpha-10: @overlay2;\n --yt-spec-black-pure-alpha-15: fade(@crust, 85%);\n --yt-spec-black-pure-alpha-30: fade(@crust, 70%);\n --yt-spec-black-pure-alpha-60: fade(@crust, 40%);\n --yt-spec-black-pure-alpha-80: fade(@crust, 20%);\n --yt-spec-black-1-alpha-98: fade(@crust, 2%);\n --yt-spec-black-1-alpha-95: fade(@crust, 5%);\n --yt-spec-white-1-alpha-10: fade(@text, 90%);\n --yt-spec-white-1-alpha-20: fade(@text, 80%);\n --yt-spec-white-1-alpha-25: fade(@text, 75%);\n --yt-spec-white-1-alpha-30: fade(@text, 70%);\n --yt-spec-white-1-alpha-70: fade(@text, 30%);\n --yt-spec-white-1-alpha-95: fade(@text, 5%);\n --yt-spec-white-1-alpha-98: fade(@text, 2%);\n --yt-brand-medium-red-alpha-90: fade(@accent, 10%);\n --yt-brand-medium-red-alpha-30: fade(@accent, 70%);\n --yt-brand-light-red-alpha-30: fade(@accent, 70%);\n --yt-spec-light-blue-alpha-30: fade(@sapphire, 70%);\n --yt-spec-dark-blue-alpha-30: fade(@sapphire, 70%);\n\n --yt-spec-base-background: @base;\n --yt-spec-raised-background: @surface0;\n --yt-spec-menu-background: @mantle;\n --yt-spec-inverted-background: @text;\n --yt-spec-additive-background: @surface0;\n --yt-spec-outline: @surface0;\n --yt-spec-shadow: fade(@crust, 75%);\n --yt-spec-text-primary: @text;\n --yt-spec-text-secondary: @subtext0;\n --yt-spec-text-disabled: @subtext1;\n --yt-spec-text-primary-inverse: @crust;\n --yt-spec-call-to-action: @accent;\n --yt-spec-call-to-action-inverse: @accent;\n --yt-spec-suggested-action: fade(@accent, 20%);\n --yt-spec-suggested-action-inverse: @text;\n --yt-spec-icon-active-other: @text;\n --yt-spec-button-chip-background-hover: @surface1;\n --yt-spec-touch-response: @surface0;\n\n --yt-spec-touch-response-inverse: @accent;\n --yt-spec-brand-icon-active: @accent;\n --yt-spec-brand-button-background: @accent;\n --yt-spec-brand-link-text: @sapphire;\n --yt-spec-wordmark-text: @text;\n --yt-spec-error-indicator: @red;\n --yt-spec-themed-blue: @accent;\n --yt-spec-themed-green: @green;\n --yt-spec-ad-indicator: @teal;\n --yt-spec-themed-overlay-background: fade(@crust, 80%);\n --yt-spec-commerce-badge-background: @green;\n --yt-spec-static-brand-red: @accent;\n --yt-spec-static-brand-white: @text;\n --yt-spec-static-brand-black: @base;\n --yt-spec-static-clear-color: fade(@crust, 100%);\n --yt-spec-static-clear-black: @base;\n --yt-spec-static-ad-yellow: @peach;\n --yt-spec-static-grey: @subtext0;\n --yt-spec-static-overlay-background-solid: @crust;\n --yt-spec-static-overlay-background-heavy: @crust;\n --yt-spec-static-overlay-background-medium: fade(@crust, 50%);\n --yt-spec-static-overlay-background-light: fade(\n @crust,\n 90%\n );\n --yt-spec-static-overlay-text-primary: @text;\n --yt-spec-static-overlay-text-secondary: fade(\n @subtext0,\n 30%\n );\n --yt-spec-static-overlay-text-disabled: fade(\n @subtext0,\n 70%\n );\n --yt-spec-static-overlay-call-to-action: @accent;\n --yt-spec-static-overlay-icon-active-other: @crust;\n --yt-spec-static-overlay-icon-inactive: @surface1;\n --yt-spec-static-overlay-icon-disabled: @surface2;\n --yt-spec-static-overlay-button-primary: @accent;\n --yt-spec-static-overlay-touch-response: @overlay1;\n --yt-spec-static-overlay-touch-response-inverse: @surface1;\n --yt-spec-static-overlay-background-brand: @accent;\n --yt-spec-assistive-feed-themed-gradient-1: @subtext0;\n --yt-spec-assistive-feed-themed-gradient-2: @lavender;\n --yt-spec-assistive-feed-themed-gradient-3: @red;\n --yt-spec-brand-background-solid: @base;\n --yt-spec-brand-background-primary: @base;\n --yt-spec-brand-background-secondary: @mantle;\n --yt-spec-general-background-a: @base;\n --yt-spec-general-background-b: @base;\n --yt-spec-general-background-c: @crust;\n --yt-spec-error-background: @base;\n --yt-spec-10-percent-layer: @surface1;\n --yt-spec-snackbar-background: @mantle;\n --yt-spec-snackbar-background-updated: @mantle;\n --yt-spec-badge-chip-background: if(\n @flavor = latte,\n @crust,\n @surface0\n );\n --yt-spec-verified-badge-background: @overlay0;\n --yt-spec-call-to-action-fadeoutd: fade(@sapphire, 70%);\n --yt-spec-call-to-action-hover: @accent;\n --yt-spec-brand-button-background-hover: @accent;\n --yt-spec-brand-link-text-fadeoutd: fade(\n @accent,\n 70%\n );\n --yt-spec-filled-button-focus-outline: @surface0;\n --yt-spec-static-overlay-button-hover: @surface1;\n --yt-spec-mono-filled-hover: @surface1;\n --yt-spec-commerce-filled-hover: @accent;\n --yt-spec-mono-tonal-hover: @surface1;\n --yt-spec-commerce-tonal-hover: @surface2;\n --yt-spec-static-overlay-filled-hover: @overlay1;\n --yt-spec-static-overlay-tonal-hover: @surface1;\n --yt-spec-paper-tab-ink: fade(@text, 70%);\n --yt-spec-filled-button-text: @text;\n --yt-spec-selected-nav-text: @text;\n --iron-icon-fill-color: @text;\n\n --yt-spec-overlay-text-primary: @text;\n --yt-spec-overlay-background-medium-light: fade(@black, 60%);\n --yt-spec-overlay-background-heavy: fade(@black, 80%);\n --yt-spec-overlay-background-solid: @black;\n\n /* Search bar */\n --ytd-searchbox-border-color: @surface0;\n --ytd-searchbox-legacy-border-color: @surface0;\n --ytd-searchbox-legacy-border-shadow-color: fade(\n @crust,\n 100%\n );\n --ytd-searchbox-legacy-button-color: @mantle;\n --ytd-searchbox-legacy-button-border-color: @surface0;\n --ytd-searchbox-legacy-button-focus-color: @accent;\n --ytd-searchbox-legacy-button-hover-color: @mantle;\n --ytd-searchbox-legacy-button-hover-border-color: @surface0;\n --ytd-searchbox-legacy-button-icon-color: @accent;\n --ytd-searchbox-background: @base;\n --ytd-searchbox-text-color: @text;\n\n /* System icons */\n --yt-spec-icon-inactive: @text;\n --yt-spec-icon-disabled: @overlay1;\n --yt-spec-brand-icon-inactive: @overlay2;\n\n /* Live chat */\n --yt-live-chat-background-color: @base;\n --yt-live-chat-primary-text-color: @text;\n --yt-live-chat-action-panel-background-color: @base;\n --yt-live-chat-secondary-background-color: @surface1;\n --yt-live-chat-toast-background-color: @surface2;\n --yt-live-chat-mode-change-background-color: @base;\n --yt-live-chat-secondary-text-color: @subtext0;\n --yt-live-chat-tertiary-text-color: fade(@text, 46%);\n --yt-live-chat-text-input-field-inactive-underline-color: @subtext0;\n\n --yt-live-chat-text-input-field-placeholder-color: @subtext0;\n --yt-live-chat-enabled-send-button-color: @text;\n --yt-live-chat-disabled-icon-button-color: @subtext1;\n --yt-live-chat-picker-button-hover-color: @accent;\n --yt-live-chat-mention-background-color: @accent;\n --yt-live-chat-mention-text-color: @text;\n --yt-live-chat-deleted-message-color: @subtext0;\n --yt-live-chat-deleted-message-bar-color: @subtext1;\n --yt-live-chat-reconnect-message-color: @text;\n --yt-live-chat-disabled-button-background-color: @overlay0;\n --yt-live-chat-sub-panel-background-color: @base;\n --yt-live-chat-sub-panel-background-color-transparent: @mantle;\n --yt-live-chat-moderator-color: @lavender;\n --yt-live-chat-owner-color: @peach;\n --yt-live-chat-message-highlight-background-color: @base;\n --yt-live-chat-sponsor-color: @green;\n --yt-live-chat-overlay-color: fade(@mantle, 50%);\n --yt-live-chat-dialog-background-color: @base;\n --yt-emoji-picker-variant-selector-bg-color: @base;\n --yt-live-chat-moderation-mode-hover-background-color: fade(\n @mantle,\n 70%\n );\n --yt-grey: @subtext0;\n --yt-live-chat-text-input-field-suggestion-background-color: @subtext0;\n\n --yt-live-chat-text-input-field-suggestion-background-color-hover: @subtext1;\n\n --yt-emoji-picker-search-background-color: @surface0;\n --yt-emoji-picker-search-color: @text;\n --yt-emoji-picker-search-placeholder-color: @accent;\n --yt-live-chat-slider-active-color: @accent;\n --yt-live-chat-slider-container-color: @surface0;\n --yt-live-chat-slider-markers-color: @text;\n --yt-live-chat-banner-gradient-scrim: linear-gradient(\n @mantle,\n transparent\n );\n --yt-live-chat-action-panel-gradient-scrim: linear-gradient(\n to top,\n @mantle,\n transparent\n );\n --yt-live-chat-automod-button-background-color-hover: fade(\n @crust,\n 50%\n );\n --yt-live-chat-automod-button-explanation-color: fade(\n @accent,\n 30%\n );\n --yt-live-chat-shimmer-background-color: fade(@crust, 60%);\n --yt-live-chat-shimmer-linear-gradient: linear-gradient(\n 0deg,\n fade(@text, 90%) 40%,\n fade(@base, 70%) 50%,\n fade(@text, 90%) 60%\n );\n --yt-live-chat-vem-background-color: @mantle;\n --yt-live-chat-product-picker-icon-color: fade(@text, 50%);\n --yt-live-chat-product-picker-hover-color: @overlay0;\n --yt-live-chat-product-picker-disabled-icon-color: fade(\n @text,\n 70%\n );\n --yt-live-chat-action-panel-background-color-transparent: (null);\n\n --paper-tooltip-background: @surface2;\n --paper-tooltip-text-color: @text;\n .ytTooltipContainerDefaultTooltipContent {\n background: var(--paper-tooltip-background);\n color: var(--paper-tooltip-text-color);\n }\n\n /* Links */\n --yt-endpoint-color: @text;\n --yt-endpoint-visited-color: @text;\n --yt-endpoint-hover-color: @accent;\n\n --sb-dark-red-outline: @accent;\n --sb-main-bg-color: @base;\n --sb-main-fg-color: @text;\n --sb-grey-bg-color: @base;\n --sb-grey-fg-color: @subtext0;\n --sb-red-bg-color: @accent;\n\n & when (@sponsorBlock = 1) {\n --sb-category-sponsor: @green;\n --sb-category-selfpromo: @yellow;\n --sb-category-exclusive_access: @teal;\n --sb-category-interaction: @mauve;\n --sb-category-poi_highlight: @pink;\n --sb-category-intro: @sky;\n --sb-category-outro: @blue;\n --sb-category-preview: @sapphire;\n --sb-category-filler: @lavender;\n --sb-category-music_offtopic: @peach;\n }\n }\n\n &:not(.style-scope) {\n --primary-text-color: @text;\n --primary-background-color: @base;\n --secondary-text-color: @subtext0;\n --disabled-text-color: @subtext1;\n --divider-color: @overlay0;\n --error-color: @red;\n --primary-color: @accent;\n --light-primary-color: @accent;\n --dark-primary-color: @blue;\n --accent-color: @accent;\n --light-accent-color: @accent;\n --dark-accent-color: @accent;\n --light-theme-background-color: @base;\n --light-theme-base-color: @text;\n --light-theme-text-color: @text;\n --light-theme-secondary-color: @subtext0;\n --light-theme-disabled-color: @subtext1;\n --light-theme-divider-color: @overlay0;\n --dark-theme-background-color: @base;\n --dark-theme-base-color: @text;\n --dark-theme-text-color: @text;\n --dark-theme-secondary-color: @subtext0;\n --dark-theme-disabled-color: @subtext1;\n --dark-theme-divider-color: @overlay0;\n }\n }\n\n #--variables() !important;\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 #progress.yt-page-navigation-progress {\n background: @accent;\n }\n\n /* Selected chapter */\n ytd-macro-markers-list-item-renderer {\n --ytd-macro-markers-list-item-background-color: @surface0;\n --ytd-macro-markers-list-item-title-color: @text;\n --ytd-macro-markers-list-item-secondary-color: @subtext1;\n --ytd-macro-markers-list-item-timestamp-background-color: @surface1;\n }\n\n ytd-playlist-panel-video-renderer {\n --yt-lightsource-section2-color: @surface1;\n --yt-lightsource-section4-color: @surface2;\n --yt-lightsource-primary-title-color: @text;\n --yt-lightsource-secondary-title-color: @text;\n --yt-active-playlist-panel-background-color: @surface0;\n }\n\n ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette]\n .header.ytd-playlist-panel-renderer {\n --iron-icon-fill-color: @text;\n background-color: @base;\n }\n\n #container.ytd-masthead {\n --iron-icon-fill-color: @text;\n }\n\n #background.ytd-masthead,\n #frosted-glass {\n --yt-frosted-glass-desktop: @base;\n --yt-spec-frosted-glass-desktop: @base;\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;\n background-color: @base;\n }\n\n .ytp-progress-list when not(@flavor = latte) {\n background: fade(@surface0, 80%);\n }\n .ytp-load-progress when not(@flavor = latte) {\n background: fade(@overlay0, 100%);\n }\n\n ytd-expandable-metadata-renderer {\n --yt-lightsource-section1-color: @base;\n --yt-lightsource-section2-color: @surface0;\n --yt-lightsource-section3-color: @surface1;\n --yt-lightsource-section4-color: @surface2;\n --yt-lightsource-primary-title-color: @text;\n --yt-lightsource-secondary-title-color: @subtext0;\n }\n\n yt-live-chat-renderer {\n --yt-button-default-text-color: @text;\n --yt-button-default-background-color: @base;\n --yt-button-dark-text-color: @base;\n --yt-button-dark-background-color: @accent;\n --yt-button-payment-background-color: @accent;\n }\n\n yt-icon-button.yt-live-chat-item-list-renderer {\n background-color: @accent;\n color: @base;\n\n &:hover {\n background-color: darken(@accent, 5%);\n }\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 ytd-app[is-shorts-page] {\n background: var(\n --yt-spec-base-background\n ); // fix unset background on shorts page\n }\n\n #guide-skeleton .guide-ghost-icon,\n #guide-skeleton .guide-ghost-text,\n .masthead-skeleton-icon,\n #home-page-skeleton .skeleton-bg-color,\n .watch-skeleton .skeleton-bg-color {\n background-color: @surface1;\n }\n\n /* Ambient mode */\n #cinematics,\n #cinematic-container {\n display: none;\n }\n\n .ytp-settings-button.ytp-hd-quality-badge::after,\n .ytp-settings-button.ytp-hdr-quality-badge::after,\n .ytp-settings-button.ytp-4k-quality-badge::after,\n .ytp-settings-button.ytp-5k-quality-badge::after,\n .ytp-settings-button.ytp-8k-quality-badge::after,\n .ytp-settings-button.ytp-3d-badge-grey::after,\n .ytp-settings-button.ytp-3d-badge::after {\n background-color: @accent;\n }\n\n /* Icons */\n\n [fill=\"red\"],\n [fill=\"#F00\"],\n [fill=\"#FF0000\"],\n [fill=\"#f03\"],\n [fill=\"#FF0033\"] {\n fill: @accent;\n }\n\n [fill=\"white\"] {\n fill: if(@flavor = latte, @base, @text);\n }\n\n yt-icon.ytd-logo [fill=\"white\"] {\n fill: @crust;\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;\n }\n }\n\n /* Notifications Bell and Indicator */\n .ytSpecIconBadgeShapeStyleOverlay .ytSpecIconBadgeShapeIcon,\n .ytSpecIconBadgeShapeBadge {\n color: @text;\n }\n .ytSpecIconBadgeShapeTypeNotification .ytSpecIconBadgeShapeBadge {\n background-color: @accent;\n color: @base;\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;\n }\n\n [stroke=\"rgb(0,0,0)\"],\n [stroke=\"rgb(255,255,255)\"] {\n stroke: @text;\n }\n\n /* Accent for filled-in thumbs up (like button) */\n [animated-icon-type=\"LIKE\"] {\n g path[fill] {\n fill: @accent;\n\n + [stroke] {\n stroke: @accent;\n }\n }\n }\n\n &:hover {\n background-color: @surface1;\n }\n }\n\n &.yt-spec-button-shape-next--outline {\n color: @text;\n border-color: @surface2;\n\n &:hover {\n background-color: @surface2;\n }\n }\n\n &.yt-spec-button-shape-next--text {\n color: @text;\n\n /* Accent for filled-in thumbs up (like button) */\n path[d=\"M3,11h3v10H3V11z M18.77,11h-4.23l1.52-4.94C16.38,5.03,15.54,4,14.38,4c-0.58,0-1.14,0.24-1.52,0.65L7,11v10h10.43 c1.06,0,1.98-0.67,2.19-1.61l1.34-6C21.23,12.15,20.18,11,18.77,11z\"] {\n fill: @accent;\n }\n\n &:hover {\n background-color: @surface1;\n }\n }\n\n &.yt-spec-button-shape-next--filled {\n color: @base;\n background-color: @accent;\n\n &:hover {\n background-color: darken(@accent, 5%);\n }\n }\n }\n\n .yt-spec-button-shape-next--disabled {\n color: @overlay1;\n }\n\n .yt-spec-button-shape-next--overlay {\n &.yt-spec-button-shape-next--tonal {\n color: @text;\n background-color: @surface0;\n &:hover {\n background-color: @surface1;\n }\n }\n &.yt-spec-button-shape-next--text {\n color: @text;\n &:hover {\n background-color: @surface0;\n }\n }\n\n &.yt-spec-button-shape-next--filled {\n color: @base;\n background-color: @accent;\n }\n\n &.yt-spec-button-shape-next--outline {\n color: @text;\n border-color: @surface1;\n &:hover {\n background: @surface0;\n }\n }\n }\n\n .yt-spec-button-shape-next--call-to-action {\n &.yt-spec-button-shape-next--outline {\n color: @accent;\n border-color: @surface2;\n\n &:hover {\n background-color: fade(@accent, 30%);\n color: @accent;\n }\n }\n\n &.yt-spec-button-shape-next--text {\n color: @accent;\n\n &:hover {\n background-color: fade(@accent, 30%);\n }\n }\n\n &.yt-spec-button-shape-next--filled {\n color: @base;\n background-color: @accent;\n\n &:hover {\n background-color: lighten(@accent, 5%);\n }\n }\n }\n\n .yt-spec-button-shape-next--disabled.yt-spec-button-shape-next--filled {\n color: @subtext0;\n background-color: fade(@surface1, 70%);\n }\n\n /* Search box */\n\n .ytSearchboxComponentInputBox,\n .ytSearchboxComponentInputBoxDark {\n background: var(--ytd-searchbox-background);\n color: var(--ytd-searchbox-text-color);\n border-color: var(--ytd-searchbox-border-color);\n box-shadow: none;\n }\n\n .ytSearchboxComponentInputBoxHasFocus,\n .ytSearchboxComponentInputBoxHasFocusDark {\n border-color: @accent;\n }\n\n .ytSuggestionComponentPersonalizedSuggestion {\n color: @text;\n }\n .ytSuggestionComponentHighlighted {\n background: @surface1;\n }\n .ytSuggestionComponentLargerRemovedText {\n color: @overlay1;\n }\n\n .ytSearchboxComponentSuggestionsContainer,\n .ytSearchboxComponentSuggestionsContainerDark {\n background: var(--yt-spec-raised-background);\n border-color: var(--yt-spec-raised-background);\n }\n\n .ytSuggestionComponentSuggestion,\n .ytSuggestionComponentSuggestionDark {\n color: var(--ytd-searchbox-text-color);\n }\n\n .ytSearchboxComponentSearchButton,\n .ytSearchboxComponentSearchButtonDark {\n color: var(--ytd-searchbox-text-color);\n background: var(--yt-spec-raised-background);\n border-color: var(--ytd-searchbox-border-color);\n }\n\n .ytSearchboxComponentClearButtonIcon,\n .ytSearchboxComponentClearButtonIconDark {\n color: var(--ytd-searchbox-text-color);\n }\n\n /* Video description */\n\n // Video description background (collapsed on hover)\n ytd-watch-metadata {\n --yt-saturated-raised-background: @surface1 !important;\n --yt-saturated-text-primary: @text !important;\n --yt-saturated-text-secondary: @subtext1 !important;\n }\n // Video description text (expanded)\n ytd-text-inline-expander\n .ytAttributedStringLinkInheritColor:not(\n .ytAttributedStringLink\n ) {\n color: @text !important;\n }\n // Video description YouTube links\n .ytAttributedStringHighlightTextDecorator {\n background-color: @surface2 !important;\n }\n\n /* Links */\n .ytAttributedStringLinkCallToActionColor {\n color: @accent;\n }\n\n /* Course Playlist (e.g. https://www.youtube.com/playlist?list=PLZHQObOWTQDNPOjrT6KVlfJuKtYTftqH6) */\n .ytwCourseProgressViewModelHostProgressTitle,\n .ytwCourseProgressViewModelHostProgressSubtitle {\n color: @text;\n }\n .ytwCourseProgressViewModelHostProgressBar {\n background-color: fade(@white, 20%);\n\n .ytwCourseProgressViewModelHostProgressBarFill {\n background-color: @text;\n }\n }\n\n .ytwHowThisWasMadeSectionViewModelSectionTitle,\n .ytwHowThisWasMadeSectionViewModelBodyHeader {\n color: @text;\n }\n\n .ytwHowThisWasMadeSectionViewModelBodyText {\n color: @subtext0;\n }\n\n // \"Ask\" - AI chat\n .ytVideoDescriptionYouchatSectionViewModelSectionTitle {\n color: @text;\n }\n .ytVideoDescriptionYouchatSectionViewModelSubHeaderText {\n color: @subtext0;\n }\n .ytwYouChatItemViewModelHost {\n color: @text;\n }\n .ytwYouChatChipsDataChip {\n color: @text;\n border-color: @surface2;\n\n &:hover {\n background-color: @surface1;\n }\n }\n .chatInputViewModelChatDisclaimer {\n color: @subtext0;\n }\n\n // Timeline/Transcript\n .ytwTimelineChapterViewModelTitle,\n .ytShelfHeaderLayoutTitle {\n color: @text;\n }\n .ytwTranscriptSegmentViewModelHost {\n color: @subtext0;\n }\n .ytwTranscriptSegmentViewModelTimestamp {\n background-color: @surface2;\n color: @subtext1;\n }\n .ytwTranscriptSegmentViewModelTimestampActive {\n background-color: @overlay0;\n color: @text;\n }\n\n // Video Attributes (Music, Games)\n .videoAttributesSectionViewModelTitle,\n .ytVideoAttributeViewModelTitle {\n color: @text;\n }\n .ytVideoAttributeViewModelSubtitle,\n .ytVideoAttributeViewModelSecondarySubtitle {\n color: @subtext1;\n }\n\n /* Thumbnails */\n\n .ytp-sb-unsubscribe {\n background-color: @surface2;\n color: @text;\n }\n .ytp-sb-subscribe {\n background-color: @accent;\n color: @base;\n }\n\n // Watch progress bar\n .ytThumbnailOverlayProgressBarHostWatchedProgressBar {\n background-color: @surface2;\n }\n .ytThumbnailOverlayProgressBarHostWatchedProgressBarSegment {\n background: @accent;\n }\n // Watch progress bar (legacy component)\n ytd-thumbnail-overlay-resume-playback-renderer {\n background-color: @surface2;\n\n #progress.ytd-thumbnail-overlay-resume-playback-renderer {\n background: @accent;\n }\n }\n\n /* Panels, popups, tooltips */\n\n .ytp-tooltip-bottom-text {\n background: fade(@surface0, 90%);\n color: @text;\n text-shadow: none;\n }\n\n .ytp-popup {\n background: fade(@surface0, 90%);\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-footer-content-link {\n color: @accent;\n }\n\n .ytp-panel-back-button {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 32 32\" version=\"1.1\"><path d=\"m19.41 20.09-4.58-4.59 4.58-4.59L18 9.5l-6 6 6 6z\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .ytp-menuitem[aria-checked=\"false\"] .ytp-menuitem-toggle-checkbox {\n &::after {\n background-color: @overlay1;\n }\n }\n .ytp-menuitem[aria-checked=\"true\"] .ytp-menuitem-toggle-checkbox {\n background-color: @surface2;\n\n &::after {\n background-color: @text;\n }\n }\n\n .ytp-menuitem {\n &:not([aria-disabled=\"true\"]):hover {\n background-color: @surface1;\n }\n }\n\n /* Video player */\n\n // Shorts and video hover preview progress bars\n yt-progress-bar {\n .ytProgressBarLineProgressBarPlayed,\n .ytProgressBarPlayheadProgressBarPlayheadDot {\n background: @accent;\n }\n\n .ytProgressBarLineProgressBarHovered,\n .ytProgressBarLineProgressBarBackground {\n background: @text; // (background) opacity is already adequately set\n }\n }\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 & when (@oled = 0) {\n background-color: @crust;\n }\n\n .ytp-swatch-background-color,\n .ytp-play-progress {\n background: @accent;\n }\n\n .ytp-svg-fill,\n [fill=\"#fff\"] {\n fill: @white;\n }\n\n .ytp-volume-slider-handle {\n &,\n &::before {\n background-color: @white;\n }\n &::after {\n background-color: fade(@white, 20%);\n }\n }\n\n .ytp-time-current,\n .ytp-time-separator,\n .ytp-time-duration {\n color: @white;\n }\n\n .ytp-live-badge {\n &[disabled]::before {\n background: @accent;\n }\n &::before {\n background: @overlay0;\n }\n }\n\n .ytp-button,\n .ytp-subtitles-button {\n &[aria-pressed]::after {\n background-color: @accent;\n }\n }\n\n /* stats for nerds */\n .ytp-sfn {\n background: fade(@base, 80%);\n color: @text;\n }\n\n .ytp-autonav-toggle-button {\n background-color: @surface2;\n\n &::after {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"><path d=\"M12.75 4.5h-3c-.6 0-1.17.23-1.6.65-.42.43-.65 1-.65 1.6v22.5c0 .59.23 1.16.65 1.59.43.42 1 .66 1.6.66h3c.59 0 1.16-.24 1.59-.66.42-.43.66-1 .66-1.59V6.75c0-.6-.24-1.17-.66-1.6-.43-.42-1-.65-1.59-.65m13.5 0h-3c-.6 0-1.17.23-1.6.65-.42.43-.65 1-.65 1.6v22.5c0 .59.23 1.16.65 1.59.43.42 1 .66 1.6.66h3c.59 0 1.16-.24 1.59-.66.42-.43.66-1 .66-1.59V6.75c0-.6-.24-1.17-.66-1.6-.43-.42-1-.65-1.59-.65\" fill=\"@{white}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n background-color: @overlay1;\n }\n\n &[aria-checked=\"true\"] {\n &::after {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\"><path d=\"m17 8.6-6.11-3.61c-1.5-.88-3.39.2-3.39 1.94v22.13c0 1.74 1.89 2.82 3.39 1.94L17 27.4zm0 0v18.8L33 18z\" fill=\"@{black}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n background-color: @white;\n }\n }\n }\n }\n\n /* Video highlight */\n ytd-rich-item-renderer.ytd-rich-item-renderer-highlight {\n background-color: fade(@accent, 10%);\n box-shadow: fade(@accent, 10%) 0 0 0 10px;\n }\n\n #shorts-container {\n --yt-spec-static-overlay-text-primary: @white;\n\n .YtwFactoidRendererLabel {\n color: @subtext0;\n }\n .YtwFactoidRendererValue {\n color: @text;\n }\n\n ytd-reel-video-renderer:not([is-watch-while-mode]) {\n .ytSpecButtonShapeWithLabelLabel {\n color: @subtext1;\n }\n }\n ytd-reel-video-renderer[is-watch-while-mode]\n .ytSpecButtonShapeWithLabelLabel {\n color: @white;\n }\n\n .ytdVolumeControlsMuteIcon {\n color: @white;\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 // Video/thumbnail renderer overlayed buttons\n .ytBadgeShapeThumbnailDefaultRedesign, // Timestamp\n // Play Next\n .yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--tonal[style=\"background-color: rgba(0, 0, 0, 0.3);\"],\n .ytdVolumeControlsBackgroundScrim, // Shorts Volume Slider\n .ytInlinePlayerControlsTopRightControlsCircleButton // Homepage\n {\n background: fade(@black, 60%) !important;\n color: @white;\n }\n\n .yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--filled {\n background: @accent;\n color: @base;\n }\n\n /* Video previews */\n\n // Background (on hover)\n .ytSpecTouchFeedbackShapeHoverEffect {\n background-color: @surface0 !important;\n }\n // Title\n .ytLockupMetadataViewModelTitle {\n color: @text !important;\n }\n // Details\n .ytLockupMetadataViewModelMetadata {\n color: @subtext0 !important;\n }\n // Badges (e.g. \"CC\", \"New\")\n .ytBadgeShapeDefault {\n color: @subtext0;\n background: @surface1;\n\n &.ytBadgeShapeModern {\n background: none;\n }\n }\n // \"Fundraiser\"\n .ytBadgeShapeCommerce {\n color: @green;\n }\n // \"Live\"\n .ytBadgeShapeThumbnailLive {\n background: @accent;\n color: @base;\n }\n\n /* Shorts titles and views on homepage */\n .shortsLockupViewModelHostOutsideMetadataEndpoint {\n color: @text;\n }\n .shortsLockupViewModelHostOutsideMetadataSubhead {\n color: @subtext0;\n }\n\n /* Buy super thanks bar */\n #progressContainer.tp-yt-paper-progress {\n background-color: @mantle;\n }\n\n #comment-chip-container.yt-pdg-comment-chip-renderer,\n .slider-knob-inner.tp-yt-paper-slider {\n background: @accent;\n }\n\n #primaryProgress.tp-yt-paper-progress {\n background: linear-gradient(139deg, @peach, @maroon, @red, @pink);\n }\n\n #container.ytd-pdg-comment-preview-renderer {\n background-color: @mantle;\n }\n\n #comment-chip-price.yt-pdg-comment-chip-renderer,\n yt-icon.yt-pdg-comment-chip-renderer {\n color: @crust;\n }\n\n /* Avatar */\n .ytSpecAvatarShapeLiveRing::after {\n background: @accent !important;\n }\n .ytSpecAvatarShapeLiveBadge {\n background-color: @accent;\n }\n .ytSpecAvatarShapeLiveBadgeText {\n color: @base;\n }\n\n /* Channel pages */\n\n // Channel name\n .ytPageHeaderViewModelHost {\n .ytPageHeaderViewModelTitle {\n color: @text;\n }\n\n // Subscribers and video statistics\n .ytPageHeaderViewModelContentMetadata {\n color: @subtext0;\n }\n\n // Handle and verified checkmark\n [style$=\"color: rgb(255, 255, 255);\"] {\n color: @text !important;\n }\n }\n // Channel bio\n .ytTruncatedTextHost {\n color: @subtext0;\n }\n // \"...More\", \"and X more links\"\n .ytAttributionViewModelSuffix .ytAttributedStringLinkCallToActionColor,\n .ytTruncatedTextAbsoluteButton {\n color: @text;\n }\n\n // Channel tabs\n .ytTabShapeTab {\n color: @subtext1;\n }\n .ytTabShapeTabSelected {\n color: @text;\n }\n .tabGroupShapeSlider {\n background-color: @text;\n }\n .ytTabShapeHost:hover .ytTabShapeTabBar {\n background-color: @subtext1;\n }\n\n /* Components */\n\n /* Menus and context sheets */\n .ytContextualSheetLayoutHost, ytd-menu-popup-renderer {\n background-color: @mantle;\n }\n .ytListItemViewModelTappable:hover {\n background-color: @surface0;\n }\n .ytPanelHeaderViewModelTitle,\n .ytListItemViewModelTitle,\n .ytListItemViewModelAccessory {\n color: @text;\n }\n .ytListItemViewModelSubtitle {\n color: @subtext1;\n }\n /* Dialogs */\n .ytSpecDialogLayoutHost {\n background-color: @mantle;\n\n .ytDialogHeaderViewModelText {\n color: @text;\n }\n }\n\n /* Dropdowns */\n .ytDropdownViewModelTitle {\n color: @text;\n }\n .ytDropdownViewModelLabel {\n color: @subtext0;\n }\n .ytDropdownViewModelSupportError {\n color: @red;\n }\n .ytDropdownViewModelDropdownContainerErrorBorder {\n border-color: @red;\n }\n .ytStandardsTextareaShapeTextareaContainerOutline:focus-within {\n border-color: @text;\n }\n\n /* Toggles/Switches */\n\n .ytSwitchShapeTrack {\n background-color: @surface2;\n }\n .ytSwitchShapeKnob {\n background-color: @mantle;\n }\n .ytSwitchShapeTrackActive {\n background-color: @accent;\n }\n\n /* Textareas */\n .ytStandardsTextareaShapeTextarea {\n color: @text;\n }\n .ytStandardsTextareaShapePlaceholder {\n color: @subtext0;\n }\n .ytStandardsTextareaShapeTextarea::placeholder {\n color: transparent !important; // defaults important overrides this\n }\n\n /* Comments */\n .ytSubThreadConnection,\n .ytSubThreadContinuation {\n border-left-color: @surface1;\n }\n .ytSubThreadConnection {\n border-bottom-color: @surface1;\n }\n .ytSubThreadHovered > .ytSubThreadThreadline .ytSubThreadConnection,\n .ytSubThreadHovered > .ytSubThreadThreadline .ytSubThreadContinuation {\n border-left-color: @overlay0;\n }\n .ytSubThreadHovered > .ytSubThreadThreadline .ytSubThreadConnection {\n border-bottom-color: @overlay0;\n }\n\n /* Profile Card */\n // (Click a user's profile picture in the comments to view.)\n .ytProfileCardViewModelHost {\n background-color: @mantle;\n\n // Name and handle\n .ytProfileIdentityInfoViewModelChannelName,\n .ytProfileIdentityInfoViewModelMetadataHandleWithBoldFont {\n color: @text;\n }\n // Verification badge\n .ytProfileIdentityInfoViewModelBadge {\n filter: @text-filter;\n }\n // Statistics\n .ytProfileIdentityInfoViewModelMetadataContent {\n color: @subtext0;\n }\n\n // Subsection (e.g. \"On this channel\")\n .ytProfileInfoViewModelSectionTitle {\n color: @text;\n }\n .ytProfileInfoViewModelSectionSubtitle {\n color: @subtext1;\n }\n .ytProfileInfoViewModelSectionHeartIcon {\n filter: @subtext1-filter;\n }\n\n // Subsection - \"Recent comments on this channel\"\n .ytCommentInteractionViewModelVideoTitle {\n color: @text;\n }\n .ytCommentInteractionViewModelCommentContent {\n color: @subtext1;\n }\n }\n\n /* Live chat replay */\n .ytVideoMetadataCarouselViewModelHost,\n .YtVideoMetadataCarouselViewModelHost {\n background-color: @surface0;\n\n .ytCarouselTitleViewModelTitle,\n .YtCarouselTitleViewModelTitle,\n .yt-core-attributed-string,\n .yt-icon-shape {\n color: @text;\n }\n .ytTextCarouselItemViewModelHost {\n color: @subtext1;\n }\n }\n\n /* Category tag pills */\n .ytChipShapeInactive {\n background-color: @surface0;\n color: @text;\n }\n .ytChipShapeActive {\n background-color: @accent;\n color: @base;\n }\n }\n}\n\n@-moz-document url-prefix(\"https://studio.youtube.com\") {\n :root[dark] {\n #catppuccin(@darkFlavor);\n }\n :root {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n\n [src=\"https://www.gstatic.com/youtube/img/creator/yt_studio_logo_white.svg\"] {\n @svg: escape(\n '<svg viewBox=\"0 0 97.55 24\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"@{accent}\" d=\"M17.1 0S6.4 0 3.8.7a4.15 4.15 0 0 0-3 3C0 6.4 0 12 0 12a45 45 0 0 0 .7 8.2 4.32 4.32 0 0 0 3 3c2.7.8 13.4.8 13.4.8s10.7 0 13.4-.7a4.32 4.32 0 0 0 3-3 45 45 0 0 0 .7-8.2s.1-5.7-.6-8.3a4.32 4.32 0 0 0-3-3C27.9 0 17.1 0 17.1 0m-3.4 6.9 8.9 5.1-8.9 5.1z\"/><path fill=\"@{text}\" d=\"M76.3.9v4.4c0 1.1 0 2 .1 3.3h-.1A3.36 3.36 0 0 0 73.4 7c-2.3 0-3.3 2-3.3 6.6V16c0 4.9.8 6.6 3.2 6.6a3.42 3.42 0 0 0 3.2-2.4h.1l.4 2.1h2.6V.9zm6.688.4c-1.126.032-1.687.55-1.687 2.1 0 1.7.599 2.1 1.799 2.1s1.8-.5 1.8-2.1-.6-2.1-1.8-2.1zM45 1.4c-3.6 0-5 1.7-5 4.9s1.1 4.5 3.7 6.8c1.6 1.4 2.8 2.5 2.8 4.8 0 1.5-.4 2.2-1.6 2.2s-1.7-.8-1.6-3.6h-3.1c-.6 4.2.8 6.1 4.5 6.2 3.5 0 5-1.5 5-5.4 0-3.1-1.3-4.4-3.7-6.6-1.9-1.8-2.8-2.5-2.8-4.6 0-1.4.3-2.2 1.6-2.2s1.6 1.1 1.5 3.9l3.1-.2c.5-4.2-.8-6.2-4.4-6.2m7.6 1.4-.4 4.5h-1.4v2.6H52v8.8c0 2.7.4 3.8 2.6 3.8a7.4 7.4 0 0 0 3.1-.6l-.6-2.2a5.2 5.2 0 0 1-1.3.2c-.5 0-.7-.3-.7-1.7V9.9h2.2V7.3H55V2.8zM91 7c-3.3 0-4.7 1.8-4.7 6.7v2.2c0 4.7 1.1 6.7 4.6 6.7s4.7-2 4.7-6.7v-2.2C95.6 8.9 94.3 7 91 7m-31.8.3v11.4c0 2.7.9 4 2.9 4a3.46 3.46 0 0 0 3.2-2.1h.1l.3 1.8h2.7V7.3H65v12a1.51 1.51 0 0 1-1.4 1c-.7 0-1-.6-1-1.9V7.3zm22.3 0v15.1h3.2V7.3zm9.4 2c1 0 1.3 1 1.3 3.1v4.7c0 2.2-.4 3.1-1.3 3.1s-1.2-.9-1.2-3.1v-4.7c0-2 .2-3.1 1.2-3.1M75 9.4a1.56 1.56 0 0 1 1.3.8v8.5c-.2.9-.9 1.4-1.4 1.3-1 0-1.3-1-1.3-4.4v-1.9c0-3.3.3-4.3 1.4-4.3\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &,\n html,\n html[dark],\n html[dark][dark],\n &[dark],\n &[light],\n [light],\n html[light],\n html[light][light] {\n --yt-spec-black-pure-alpha-80: (null);\n --yt-spec-black-pure-alpha-60: (null);\n --yt-spec-black-1-alpha-98: (null);\n --yt-spec-black-1-alpha-95: (null);\n --iron-icon-fill-color: unset;\n\n --yt-spec-text-primary: @text;\n --ytcp-text-primary: @text;\n --ytcp-text-primary-inverse: @base;\n --ytcp-static-overlay-text-primary-inverse: @base;\n --ytcp-wordmark-text: @text;\n --ytcp-text-secondary: @subtext0;\n --ytcp-text-disabled: @subtext1;\n --ytcp-overlay-text-primary: @overlay2;\n\n --ytcp-general-background-a: @base;\n --yt-spec-base-background: @base;\n --yt-spec-black-3: @base;\n\n --yt-spec-brand-background-solid: @mantle;\n --ytcp-brand-background-solid: @mantle;\n --yt-spec-raised-background: @mantle;\n --ytcp-general-background-b: @mantle;\n --ytcp-analytics-reach-background: @mantle;\n --yt-spec-black-2: @mantle;\n\n --ytcp-general-background-c: @crust;\n --ytcp-menu-background: @surface0;\n\n --ytcp-container-border-color: @surface0;\n --ytcp-container-hovered-border-color: @surface0;\n --ytcp-line-divider-solid: @surface0;\n --ytcp-container-border-color-inverse: @subtext0;\n --ytcp-line-divider-solid-inverse: @subtext0;\n\n --ytcp-call-to-action: @accent;\n --ytcp-call-to-action-inverse: @mantle;\n --ytcp-call-to-action-raised-background: @accent;\n --yt-spec-brand-button-background: @accent;\n --ytcp-call-to-action-raised-disabled: @surface2;\n --ytcp-call-to-action-raised-disabled-background: @overlay2;\n --ytcp-call-to-action-raised-background-inverse: @base;\n --ytcp-call-to-action-raised-disabled-inverse: @surface2;\n --ytcp-call-to-action-raised-disabled-background-inverse: @overlay2;\n\n --yt-spec-brand-background-primary: @surface0;\n\n --yt-compact-link-icon-color: @overlay2;\n --ytcp-icon-active: @accent;\n --ytcp-icon-inactive: @overlay2;\n --ytcp-icon-disabled: @overlay0;\n --ytcp-icon-active-inverse: @overlay1;\n --ytcp-icon-disabled-inverse: @subtext1;\n\n --ytcp-error-red: @red;\n --ytcp-badge-red: @red;\n --ytcp-error-red-inverse: @red;\n --ytcp-themed-red-inverse: @red;\n --ytcp-themed-red: @accent;\n --ytcp-themed-blue: @accent;\n --ytcp-badge-blue: fade(@accent, 30%);\n --ytcp-badge-blue-solid: @blue;\n --ytcp-themed-blue-inverse: @blue;\n --ytcp-themed-green: @green;\n --ytmus-genre-primary-melon: @green;\n --ytcp-themed-green-inverse: @green;\n --ytcp-analytics-pine: @green;\n --ytcp-analytics-pine-inverse: @green;\n --ytcp-analytics-parrot: @green;\n --ytcp-themed-yellow: @peach;\n --ytmus-genre-primary-gold: @peach;\n --ytcp-yellow-inverse: @peach;\n --ytcp-badge-yellow: @peach;\n --ytcp-analytics-yellow: @peach;\n --ytcp-analytics-apricot: @peach;\n --ytcp-suggested-action: @teal;\n --ytcp-analytics-overview: @teal;\n --ytcp-analytics-revenue: @teal;\n --ytcp-analytics-default-secondary: @teal;\n --ytcp-analytics-royal-blue: @lavender;\n --ytcp-analytics-reach: @lavender;\n --ytcp-analytics-audience: @lavender;\n --ytcp-analytics-engagement: @pink;\n --ytcp-analytics-revenue-secondary: @pink;\n --ytcp-analytics-bubblegum: @flamingo;\n --ytmus-genre-primary-ruby: @flamingo;\n --ytmus-genre-primary-salmon: @mauve;\n --ytmus-genre-primary-orange: @maroon;\n --ytmus-genre-primary-sky: @sky;\n --ytmus-genre-primary-sky-inverse: @sky;\n\n --yt-spec-badge-chip-background: @surface1;\n --ytcp-focus-inverse: @accent;\n --ytcp-focus: @accent;\n --ytcp-selected-item: @accent;\n --ytcp-hover-item: @overlay2;\n --ytcp-chip-active-focus: @accent;\n --ytcp-playhead: @overlay2;\n --ytcp-playhead-inverse: @overlay2;\n }\n\n ytcp-button.destructive.ytls-error-dialog {\n color: @base;\n }\n\n yt-formatted-string.ytls-error-dialog,\n tp-yt-iron-icon.ytls-error-dialog {\n color: @text;\n }\n }\n}\n\n@-moz-document domain(\"m.youtube.com\") {\n html[darker-dark-theme] {\n #catppuccin(@darkFlavor);\n }\n html {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\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: @base;\n background-color: @accent;\n }\n }\n\n /* Buttons */\n\n .yt-spec-touch-feedback-shape--touch-response {\n .yt-spec-touch-feedback-shape__fill {\n background-color: @text;\n }\n\n .yt-spec-touch-feedback-shape__stroke {\n border-color: @surface1;\n }\n }\n\n .yt-spec-touch-feedback-shape--overlay-touch-response-inverse\n .yt-spec-touch-feedback-shape__fill {\n background-color: @accent;\n }\n .yt-spec-touch-feedback-shape--overlay-touch-response\n .yt-spec-touch-feedback-shape__fill {\n background-color: @text;\n }\n }\n}\n",
|
|
"originalDigest": "771427e6c38ab1f06441113f0ca3ab0e88ccdc0e",
|
|
"_id": "b5e3d3ae-1046-4a21-83d2-9eef51160cbd",
|
|
"_rev": 1780236870031,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 62
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Anonymous Overflow Catppuccin",
|
|
"description": "Soothing pastel theme for Anonymous Overflow",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/anonymous-overflow/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Anonymous Overflow Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/anonymous-overflow",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/anonymous-overflow",
|
|
"version": "2026.01.10",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/anonymous-overflow/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aanonymous-overflow",
|
|
"description": "Soothing pastel theme for Anonymous Overflow",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": null,
|
|
"default": "latte",
|
|
"options": [
|
|
{
|
|
"name": "latte",
|
|
"label": "Latte",
|
|
"value": "latte"
|
|
},
|
|
{
|
|
"name": "frappe",
|
|
"label": "Frappé",
|
|
"value": "frappe"
|
|
},
|
|
{
|
|
"name": "macchiato",
|
|
"label": "Macchiato",
|
|
"value": "macchiato"
|
|
},
|
|
{
|
|
"name": "mocha",
|
|
"label": "Mocha",
|
|
"value": "mocha"
|
|
}
|
|
]
|
|
},
|
|
"darkFlavor": {
|
|
"type": "select",
|
|
"label": "Dark Flavor",
|
|
"name": "darkFlavor",
|
|
"value": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Anonymous Overflow Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/anonymous-overflow\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/anonymous-overflow\n@version 2026.01.10\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/anonymous-overflow/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aanonymous-overflow\n@description Soothing pastel theme for Anonymous Overflow\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n/* Working instances filtered from instance list: https://aohub.httpjames.space/. */\n@-moz-document domain(\"ao.vern.cc\"),\n domain(\"overflow.adminforge.de\"),\n domain(\"overflow.floppa.cloud\"),\n domain(\"overflow.hostux.net\"),\n domain(\"ao.bloat.cat\"),\n domain(\"ao.owo.si\"),\n domain(\"overflow.r4fo.com\"),\n domain(\"overflow.ducks.party\"),\n domain(\"anonymousoverflow.privacyredirect.com\"),\n domain(\"soflow.nerdvpn.de\"),\n domain(\"overflow.einfachzocken.eu\"),\n domain(\"anonymousoverflow.catsarch.com\"),\n domain(\"overflow.darkness.services\"),\n domain(\"anonflow.aketawi.space\"),\n domain(\"o.iii.st\"),\n domain(\"overflow.canine.tools\") {\n @import url(\"https://python.catppuccin.com/pygments/catppuccin-variables.important.css\");\n\n :root[data-theme=\"auto\"] {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n :root[data-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n\n :root[data-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n #lib.css-variables();\n\n --main-bg: @base;\n --text-color: @text;\n --muted-text-color: @subtext0;\n --link-color: @blue;\n --meta-bg: @surface1;\n --input-bg: @mantle;\n --input-bg-hover: @surface1;\n --divider-color: @overlay0;\n\n .view-input:focus {\n border-color: @surface2;\n }\n\n .answer-link .icon img {\n background: none;\n filter: @text-filter;\n }\n .answer-meta.accepted {\n background-color: @green;\n color: @base;\n\n .answer-link .icon img {\n filter: @crust-filter;\n }\n }\n\n .sorting img[src=\"/static/icons/sort.svg\"] {\n filter: @subtext0-filter;\n }\n\n .logo {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 49 48\"><circle cx=\"14.5\" cy=\"33.5\" r=\"14.5\" fill=\"@{teal}\"/><circle cx=\"14.5\" cy=\"14.5\" r=\"14.5\" fill=\"@{text}\"/><circle cx=\"34.5\" cy=\"14.5\" r=\"14.5\" fill=\"@{teal}\"/><circle cx=\"34.5\" cy=\"33.5\" r=\"14.5\" fill=\"@{text}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n hr {\n border-color: @overlay0;\n }\n\n .error {\n background-color: @red;\n }\n .error, .success {\n color: @crust;\n }\n }\n}\n",
|
|
"originalDigest": "0b0923ebb0d27dcfb3d0906493631dcb9ec73775",
|
|
"_id": "9dbdcb52-7086-4106-ad90-299865bd0118",
|
|
"_rev": 1780236870187,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 63
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "boringproxy Catppuccin",
|
|
"description": "Soothing pastel theme for boringproxy",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/boringproxy/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "boringproxy Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/boringproxy",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/boringproxy",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/boringproxy/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aboringproxy",
|
|
"description": "Soothing pastel theme for boringproxy",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name boringproxy Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/boringproxy\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/boringproxy\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/boringproxy/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aboringproxy\n@description Soothing pastel theme for boringproxy\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"boring.example.com\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n body {\n background: @base;\n }\n main {\n background: @crust;\n }\n .content {\n border-color: @overlay0;\n }\n\n //Side Menu\n .menu {\n background: @mantle;\n }\n .menu-item {\n background: @crust;\n }\n .menu-item:hover {\n background: @surface2;\n color: @accent;\n }\n .menu-item:any-link {\n color: @text;\n }\n\n // Right SIde Button\n .button {\n border-color: @accent;\n background-color: @crust;\n color: @subtext1;\n }\n .button:hover {\n color: @surface0;\n background-color: @accent;\n border-color: @crust;\n }\n\n // Top Headers\n .list {\n background-color: @crust;\n }\n\n .list-item {\n color: @accent;\n }\n // Tunnel Table\n .tn-tunnel-link {\n color: @subtext1;\n text-decoration: none;\n }\n\n .tn-tunnel-table__cell {\n color: @text;\n }\n body a {\n color: @text;\n }\n body a:visited {\n color: @accent;\n }\n\n .tn-attribute__name {\n color: @text;\n }\n .tn-attribute__value {\n color: @subtext0;\n }\n //Tunnel Adding\n .tunnel-adder h1 {\n color: @text;\n }\n\n .input {\n color: @text;\n }\n .input input {\n background-color: @crust;\n color: @subtext0;\n border-color: @accent;\n }\n\n .input select {\n background-color: @crust;\n color: @subtext0;\n border-color: @accent;\n }\n\n // Token Adding\n .token-adder {\n color: @text;\n }\n .token-adder select {\n background-color: @crust;\n color: @subtext0;\n border-color: @accent;\n }\n\n // Client Adding\n .client-adder {\n color: @text;\n }\n .client-adder select {\n background-color: @crust;\n color: @subtext0;\n border-color: @accent;\n }\n .client-adder input {\n background-color: @crust;\n color: @subtext0;\n border-color: @accent;\n }\n\n // User Adding\n .user-adder {\n color: @text;\n }\n .user-adder input {\n background-color: @crust;\n color: @subtext0;\n border-color: @accent;\n }\n // dialog\n .dialog__content {\n background-color: @crust;\n color: @text;\n }\n }\n}\n",
|
|
"originalDigest": "b943655c364ec0f3eb8687ebc14ec81ca29cec4c",
|
|
"_id": "608efed1-3e3a-4658-b5c4-eaf6d62dea9a",
|
|
"_rev": 1780236870253,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 64
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "AniList/AniChart Catppuccin",
|
|
"description": "Soothing pastel theme for AniList and AniChart",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/anilist/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "AniList/AniChart Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/anilist",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/anilist",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/anilist/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aanilist",
|
|
"description": "Soothing pastel theme for AniList and AniChart",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"contrastColor": {
|
|
"type": "select",
|
|
"label": "Contrast Color",
|
|
"name": "contrastColor",
|
|
"value": null,
|
|
"default": "red",
|
|
"options": [
|
|
{
|
|
"name": "rosewater",
|
|
"label": "Rosewater",
|
|
"value": "rosewater"
|
|
},
|
|
{
|
|
"name": "flamingo",
|
|
"label": "Flamingo",
|
|
"value": "flamingo"
|
|
},
|
|
{
|
|
"name": "pink",
|
|
"label": "Pink",
|
|
"value": "pink"
|
|
},
|
|
{
|
|
"name": "mauve",
|
|
"label": "Mauve",
|
|
"value": "mauve"
|
|
},
|
|
{
|
|
"name": "red",
|
|
"label": "Red",
|
|
"value": "red"
|
|
},
|
|
{
|
|
"name": "maroon",
|
|
"label": "Maroon",
|
|
"value": "maroon"
|
|
},
|
|
{
|
|
"name": "peach",
|
|
"label": "Peach",
|
|
"value": "peach"
|
|
},
|
|
{
|
|
"name": "yellow",
|
|
"label": "Yellow",
|
|
"value": "yellow"
|
|
},
|
|
{
|
|
"name": "green",
|
|
"label": "Green",
|
|
"value": "green"
|
|
},
|
|
{
|
|
"name": "teal",
|
|
"label": "Teal",
|
|
"value": "teal"
|
|
},
|
|
{
|
|
"name": "blue",
|
|
"label": "Blue",
|
|
"value": "blue"
|
|
},
|
|
{
|
|
"name": "sapphire",
|
|
"label": "Sapphire",
|
|
"value": "sapphire"
|
|
},
|
|
{
|
|
"name": "sky",
|
|
"label": "Sky",
|
|
"value": "sky"
|
|
},
|
|
{
|
|
"name": "lavender",
|
|
"label": "Lavender",
|
|
"value": "lavender"
|
|
},
|
|
{
|
|
"name": "subtext0",
|
|
"label": "Gray",
|
|
"value": "subtext0"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name AniList/AniChart Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/anilist\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/anilist\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/anilist/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aanilist\n@description Soothing pastel theme for AniList and AniChart\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 select contrastColor \"Contrast Color\" [\"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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"anilist.co\"), domain(\"anichart.net\") {\n body:not(.site-theme-dark) {\n #catppuccin(@lightFlavor);\n }\n .site-theme-dark {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n\n @contrast: @catppuccin[@@flavor][@@contrastColor];\n\n #lib.defaults();\n\n & when (@flavor = latte) {\n --color-blue-dim: #lib.rgbify(desaturate(lighten(@accent, 10%), 10%))[];\n\n .nav[data-v-62eacfff],\n .solid[data-v-62eacfff],\n .transparent[data-v-62eacfff]:hover {\n background: darken(@text, 10%);\n color: @base;\n }\n\n .nav-unscoped.transparent {\n background: fade(darken(@text, 10%), 50%);\n }\n }\n\n --color-background: #lib.rgbify(@crust)[];\n --color-foreground: #lib.rgbify(@base)[];\n --color-foreground-grey: #lib.rgbify(@surface0)[];\n --color-foreground-grey-dark: #lib.rgbify(darken(@surface0, 5%))[];\n --color-foreground-blue: #lib.rgbify(@mantle)[];\n --color-foreground-blue-dark: #lib.rgbify(@mantle)[];\n --color-background-blue-dark: #lib.rgbify(@subtext1)[];\n --color-overlay: #lib.rgbify(@surface0)[];\n --color-shadow: #lib.rgbify(@mantle)[];\n --color-shadow-dark: #lib.rgbify(darken(@text, 10%))[];\n --color-shadow-blue: #lib.rgbify(@blue)[];\n --color-text: #lib.rgbify(@text)[];\n --color-text-light: #lib.rgbify(@subtext1)[];\n --color-text-lighter: #lib.rgbify(@subtext0)[];\n --color-text-bright: #lib.rgbify(if(@flavor = latte, @crust, @text))[];\n --color-blue: #lib.rgbify(@accent)[];\n --color-white: 255, 255, 255;\n --color-black: 0, 0, 0;\n --color-red: #lib.rgbify(@contrast)[];\n --color-peach: #lib.rgbify(@maroon)[];\n --color-orange: #lib.rgbify(@peach)[];\n --color-yellow: #lib.rgbify(@yellow)[];\n --color-green: #lib.rgbify(@green)[];\n --color-background-1200: #lib.rgbify(@text)[];\n --color-background-1100: #lib.rgbify(@text)[];\n --color-background-1000: #lib.rgbify(@text)[];\n --color-background-900: #lib.rgbify(@subtext1)[];\n --color-background-800: #lib.rgbify(@subtext0)[];\n --color-background-700: #lib.rgbify(@surface1)[];\n --color-background-600: #lib.rgbify(@surface0)[];\n --color-background-500: #lib.rgbify(@surface0)[];\n --color-background-400: #lib.rgbify(@surface0)[];\n --color-background-300: #lib.rgbify(@base)[];\n --color-background-200: #lib.rgbify(@mantle)[];\n --color-background-100: #lib.rgbify(@crust)[];\n --color-gray-1200: #lib.rgbify(@text)[];\n --color-gray-1100: #lib.rgbify(@text)[];\n --color-gray-1000: #lib.rgbify(@text)[];\n --color-gray-900: #lib.rgbify(@text)[];\n --color-gray-800: #lib.rgbify(@overlay2)[];\n --color-gray-700: #lib.rgbify(@overlay1)[];\n --color-gray-600: #lib.rgbify(@overlay0)[];\n --color-gray-500: #lib.rgbify(@surface2)[];\n --color-gray-400: #lib.rgbify(@surface1)[];\n --color-gray-300: #lib.rgbify(@surface0)[];\n --color-gray-200: #lib.rgbify(@mantle)[];\n --color-gray-100: #lib.rgbify(@crust)[];\n --color-blue-100: #lib.rgbify(@text)[];\n --color-blue-200: #lib.rgbify(@text)[];\n --color-blue-300: #lib.rgbify(@text)[];\n --color-blue-400: #lib.rgbify(@sapphire)[];\n --color-blue-500: #lib.rgbify(@sapphire)[];\n --color-blue-600: #lib.rgbify(@blue)[];\n --color-blue-700: #lib.rgbify(@blue)[];\n --color-blue-800: #lib.rgbify(@blue)[];\n --color-blue-900: #lib.rgbify(@blue)[];\n --color-blue-1000: #lib.rgbify(@blue)[];\n --color-green-100: #lib.rgbify(@teal)[];\n --color-green-200: #lib.rgbify(@green)[];\n --color-green-300: #lib.rgbify(@green)[];\n --color-green-400: #lib.rgbify(@green)[];\n --color-green-500: #lib.rgbify(@green)[];\n --color-green-600: #lib.rgbify(@green)[];\n --color-green-700: #lib.rgbify(@green)[];\n --color-green-800: #lib.rgbify(@green)[];\n --color-red-100: #lib.rgbify(@text)[];\n --color-red-200: #lib.rgbify(@flamingo)[];\n --color-red-300: #lib.rgbify(@maroon)[];\n --color-red-400: #lib.rgbify(@red)[];\n --color-red-500: #lib.rgbify(@red)[];\n --color-red-600: #lib.rgbify(@red)[];\n --color-red-700: #lib.rgbify(@red)[];\n\n & when not(@flavor = latte) {\n --color-background: #lib.rgbify(@crust)[];\n --color-foreground: #lib.rgbify(@base)[];\n --color-foreground-grey: #lib.rgbify(@surface0)[];\n --color-foreground-grey-dark: #lib.rgbify(darken(@surface0, 5%))[];\n --color-foreground-blue: #lib.rgbify(@mantle)[];\n --color-foreground-blue-dark: #lib.rgbify(@mantle)[];\n --color-text: #lib.rgbify(@text)[];\n --color-text-light: #lib.rgbify(@subtext0)[];\n --color-text-lighter: #lib.rgbify(@subtext1)[];\n --color-shadow-dark: #lib.rgbify(@crust)[];\n --color-shadow-blue: #lib.rgbify(@crust)[];\n --color-background-1200: #lib.rgbify(@text)[];\n --color-background-1100: #lib.rgbify(@text)[];\n --color-background-1000: #lib.rgbify(@text)[];\n --color-background-900: #lib.rgbify(@subtext1)[];\n --color-background-800: #lib.rgbify(@subtext0)[];\n --color-background-700: #lib.rgbify(@surface1)[];\n --color-background-600: #lib.rgbify(@surface0)[];\n --color-background-500: #lib.rgbify(@surface0)[];\n --color-background-400: #lib.rgbify(@surface0)[];\n --color-background-300: #lib.rgbify(@base)[];\n --color-background-200: #lib.rgbify(@mantle)[];\n --color-background-100: #lib.rgbify(@crust)[];\n --color-gray-1200: #lib.rgbify(@text)[];\n --color-gray-1100: #lib.rgbify(@text)[];\n --color-gray-1000: #lib.rgbify(@text)[];\n --color-gray-900: #lib.rgbify(@text)[];\n --color-gray-800: #lib.rgbify(@overlay2)[];\n --color-gray-700: #lib.rgbify(@overlay1)[];\n --color-gray-600: #lib.rgbify(@overlay0)[];\n --color-gray-500: #lib.rgbify(@surface2)[];\n --color-gray-400: #lib.rgbify(@surface1)[];\n --color-gray-300: #lib.rgbify(@surface0)[];\n --color-gray-200: #lib.rgbify(@mantle)[];\n --color-gray-100: #lib.rgbify(@crust)[];\n\n --color-blue-dim: #lib.rgbify(desaturate(darken(@accent, 10%), 10%))[];\n }\n\n /* DARK THEME NAV BAR */\n .nav-unscoped when not(@flavor = latte) {\n background-color: @mantle;\n }\n .nav-unscoped.transparent when not(@flavor = latte) {\n background-color: fade(@mantle, 50%);\n }\n .nav-unscoped.transparent:hover when not(@flavor = latte) {\n background-color: @mantle;\n color: @subtext0;\n }\n\n /* -----------------PROFILE FIXES----------------- */\n #profileColor(@color) {\n --color-blue: #lib.rgbify(@color)[];\n & when (@flavor = latte) {\n --color-blue-dim: #lib.rgbify(lighten(@color, 10%))[];\n }\n & when not(@flavor = latte) {\n --color-blue-dim: #lib.rgbify(darken(@color, 10%))[];\n }\n .progress .bar {\n background: linear-gradient(270deg, darken(@color, 10%), @color);\n }\n }\n .user-page-unscoped.orange {\n #profileColor(@peach);\n }\n .user-page-unscoped.green {\n #profileColor(@green);\n }\n .user-page-unscoped.purple {\n #profileColor(@mauve);\n }\n .user-page-unscoped.red {\n #profileColor(@red);\n }\n .user-page-unscoped.blue {\n #profileColor(@blue);\n }\n .user-page-unscoped.pink {\n #profileColor(@pink);\n }\n .user-page-unscoped.gray {\n #profileColor(@overlay1);\n }\n .history-day {\n --color-foreground-grey-dark: #lib.rgbify(@crust)[];\n }\n .x-axis {\n --color-background-300: #lib.rgbify(@surface0)[];\n }\n /* Fixes gap between stats */\n @media (max-width: 1540px) {\n .stats-wrap {\n grid-row-gap: 25px;\n }\n }\n\n /* ----Tracking Status List Stuff---- */\n .list[data-v-5776f768] {\n color: @mantle !important;\n }\n .media-card .list-status[status=\"Repeating\"] {\n background: @pink;\n }\n .banner .el-icon-arrow-down::before {\n color: @text !important;\n }\n .el-textarea__inner::placeholder {\n color: @overlay1;\n }\n .el-dropdown-menu,\n .el-dropdown-menu__item--divided::before,\n .el-select-dropdown {\n background-color: @surface0 !important;\n }\n .el-popper[x-placement^=\"bottom\"] .popper__arrow::after,\n .el-popper[x-placement^=\"bottom\"] .popper__arrow,\n .el-tooltip__popper[x-placement^=\"bottom\"] .popper__arrow::after,\n .el-tooltip__popper[x-placement^=\"bottom\"] .popper__arrow {\n border-bottom-color: @surface0;\n }\n .el-popper[x-placement^=\"top\"] .popper__arrow::after,\n .el-popper[x-placement^=\"top\"] .popper__arrow,\n .el-tooltip__popper[x-placement^=\"top\"] .popper__arrow,\n .el-tooltip__popper[x-placement^=\"top\"] .popper__arrow::after {\n border-top-color: @surface0;\n }\n .el-dropdown .feed-filter {\n color: @overlay0;\n }\n .el-dropdown-menu {\n border-color: @text !important;\n }\n .el-dropdown-menu__item--divided when not(@flavor = latte) {\n border-top-color: @surface1;\n }\n .el-select-dropdown__item.hover,\n .el-select-dropdown__item:hover {\n background-color: @base;\n }\n .el-select-dropdown__item.selected {\n color: @accent;\n }\n .el-tooltip__popper.is-dark {\n background: @surface0;\n color: @text;\n }\n .tooltip > div {\n --color-white: #lib.rgbify(@text)[];\n }\n .dropdown {\n --color-gray-100: #lib.rgbify(@base)[];\n --color-background-100: #lib.rgbify(@base)[];\n --color-background-200: #lib.rgbify(@mantle)[];\n }\n .medialist .notes {\n --color-overlay: #lib.rgbify(@surface0)[];\n }\n .el-input__inner::placeholder,\n .el-input__prefix {\n color: @overlay1;\n }\n .el-picker-panel {\n color: @text;\n background-color: @surface0;\n border-color: @surface1;\n }\n .el-date-table th {\n color: @overlay1;\n border-bottom-color: @surface1;\n }\n .el-date-picker__header-label {\n color: @subtext0;\n\n &:hover {\n color: @accent;\n }\n }\n .el-picker-panel__icon-btn {\n color: @overlay1;\n\n &:hover {\n color: @accent;\n }\n }\n .el-date-table td.available:hover {\n color: @accent;\n }\n .el-date-table td.current:not(.disabled) span {\n color: @crust;\n background-color: @accent;\n }\n .el-date-table td.next-month,\n .el-date-table td.prev-month {\n color: @surface2;\n }\n\n /* ---------SCORE TWEAKS-------------- */\n .score[data-v-5ca094da] {\n color: @base;\n }\n\n /* --------------FOOTER--------------- */\n .footer[data-v-0f519cab] {\n background: @text;\n color: @crust;\n\n h2 {\n color: rgb(var(--color-blue));\n }\n\n & when (@flavor = latte) {\n --color-blue: #lib.rgbify(lighten(@accent, 30%))[];\n }\n\n & when not(@flavor = latte) {\n background: @mantle;\n color: @subtext0;\n }\n }\n\n /* ------------------SEARCH PAGES------------------ */\n .search,\n .expand-description,\n .studio {\n --color-background-200: #lib.rgbify(@crust)[];\n }\n .search-wrap,\n .filters,\n .extra-filters-wrap,\n .select,\n .options {\n --color-background-100: #lib.rgbify(@base)[];\n }\n .filter.select-wrap .options {\n --color-background-100: #lib.rgbify(@mantle)[];\n }\n\n /* ------------------MISC EDITS-------------------- */\n .list-editor-wrap .header::after {\n background: fade(@mantle, 50%);\n }\n .filter.clear-all {\n --color-background-500: #lib.rgbify(@overlay1)[];\n }\n /* --Reset button in notifications----- */\n .reset-btn {\n color: @base !important;\n }\n /* Publish Button in Replies and Messages */\n .save {\n color: @base !important;\n }\n .el-radio {\n color: @overlay1;\n }\n /* Mod Stuff */\n .el-color-dropdown__link-btn {\n color: @accent;\n }\n .el-color-picker__color {\n border-color: @surface1;\n }\n .el-color-picker__panel {\n background-color: @surface0;\n border-color: @surface1;\n }\n .el-color-dropdown__btn {\n border-color: @surface2;\n color: @subtext1;\n\n &:hover {\n background-color: transparent;\n border-color: @accent;\n color: @accent;\n }\n }\n /* Accent Text */\n .input .hint {\n --color-white: #lib.rgbify(@text)[];\n }\n .el-checkbox__input.is-checked + .el-checkbox__label {\n color: @accent;\n }\n .button,\n .option.active,\n .new-badge,\n .submissions .user .stats > div,\n .actions .icon,\n .submissions .status,\n .adult-label,\n .header .btn,\n .media-tag-editor .btn,\n [data-v-843c77a2] .btn,\n [data-v-22855988] .btn,\n .btn[data-v-156b3973],\n .btn[data-v-dceb4a66],\n .favourite-btn,\n .dialog .btn,\n .tag,\n .filter,\n .media .header div,\n .list-editor-wrap .header .save-btn,\n .actions > div:not(.donator-badge),\n .banner-content .mod-badge-wrap,\n .external-link.no-color,\n .count.circle,\n .el-dropdown-menu__item,\n .delete,\n .list-editor-wrap .list-editor .body .delete-btn,\n .open-user-search,\n .save-btn {\n & when not(@flavor = latte) {\n --color-white: #lib.rgbify(@crust)[];\n }\n }\n .submit-btn,\n .random-btn {\n & when not(@flavor = latte) {\n color: @crust;\n }\n }\n .user .notification-dot,\n .create-btn {\n & when not(@flavor = latte) {\n color: @crust !important;\n }\n }\n .el-radio__inner::after {\n & when not(@flavor = latte) {\n background-color: @crust;\n }\n }\n .icon,\n .check {\n & when not(@flavor = latte) {\n --color-blue-300: #lib.rgbify(@crust)[];\n }\n }\n /* ------------IMAGE COVER------------ */\n .cover .image-text,\n .plus-progress {\n color: @text !important;\n }\n\n .entry .plus-progress,\n .medialist.table .entry .edit {\n color: @base !important;\n }\n /* --------SETTINGS-------- */\n .el-radio__inner when not(@flavor = latte) {\n background-color: @text;\n }\n .el-checkbox__input.is-checked .el-checkbox__inner,\n .el-radio__input.is-checked .el-radio__inner {\n background-color: @accent;\n border-color: @accent;\n }\n .el-checkbox__inner::after {\n border-color: @crust;\n border-width: 2px;\n left: 3px;\n }\n .el-radio__input.is-checked + .el-radio__label {\n color: @accent;\n }\n /* --------HIDE SCROLLBAR IN BIO----- */\n .section::-webkit-scrollbar {\n display: none;\n }\n .section {\n -ms-overflow-style: none;\n scrollbar-width: none;\n }\n /* --------REMOVE DROPDOWN SHADOWS----- */\n .dropdown.dropdown {\n box-shadow: none;\n }\n /* ---------ANILIST LIKER PLUGIN------ */\n #AnilistLikerPlugin .btntop {\n margin-bottom: -4px;\n margin-top: 5px;\n }\n #AnilistLikerPlugin .btnbottom {\n margin-top: -2px;\n }\n /* ---------AUTOMAIL TWEAKS--------- */\n .hohMediaScore {\n border-color: @surface0;\n padding: 4px;\n border-radius: 10px;\n margin-left: 0;\n background-color: @base;\n color: @accent;\n }\n .activity-feed .hohNoteSuffix:not(:empty),\n .activity-feed .hohRewatchSuffix:not(:empty),\n .activity-feed .hohScore:not(.hohSmiley),\n .hohFeedScore .hohScore {\n border-radius: 5px;\n padding: 2.5px 5px 1px !important;\n color: @subtext1 !important;\n background-color: @surface0;\n\n &:not(:first-of-type) {\n margin: 3px;\n }\n }\n .activity-feed .hohRewatchSuffix:not(:empty) {\n padding-left: 2px !important;\n }\n .hohExtraFilters button {\n margin-bottom: 20px;\n }\n .filter-group.compare-btn,\n .hohButton {\n color: @base;\n }\n .hohButton,\n .hohCheckbox input:checked + .el-checkbox__inner {\n background-color: @accent;\n }\n .hohCheckbox input:checked + .el-checkbox__inner {\n border-color: @accent;\n }\n .medialist.table .entry:hover,\n .medialist.table .entry .title a:hover,\n .compare-btn[data-v-170179fc]:hover {\n color: @base;\n }\n .hohCompare table {\n background-color: @crust;\n }\n .hohAnimeTable,\n .hohAnimeTable td,\n .hohUserRow td,\n .hohUserRow th,\n .hohHeaderRow td,\n .hohHeaderRow th {\n border-color: @surface0 !important;\n }\n .hohUserRow td {\n border-top-color: @surface0 !important;\n }\n .hohUserRow tr {\n border-right-color: @surface0 !important;\n }\n hr {\n color: @surface0;\n }\n .hohCheckbox\n input:checked\n + .el-checkbox__inner\n .like-wrap.thread\n .button.liked\n .fa-heart,\n .actions .favourite.liked .fa-heart,\n .like-wrap.thread .button.isFavourite .fa-heart,\n .actions .favourite.isFavourite .fa-heart,\n .actions .favourite {\n & when not(@flavor = latte) {\n --color-white: #lib.rgbify(@crust)[];\n }\n }\n }\n}\n\n@-moz-document domain(\"anichart.net\") {\n body:not(.site-theme-dark) {\n #catppuccin(@lightFlavor);\n }\n .site-theme-dark {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n .login[data-v-0d5bfbcd],\n .login[data-v-0d5bfbcd]:hover {\n color: @base;\n }\n\n [fill=\"#3db4f2\" i] {\n fill: @accent !important;\n }\n\n & when not(@flavor = latte) {\n .nav {\n background: @mantle;\n }\n\n .external-link {\n background: @surface1;\n\n [stroke=\"#fff\" i] {\n stroke: @text !important;\n }\n }\n\n .external-link .icon,\n .dropdown-menu:hover {\n --color-white: #lib.rgbify(@crust)[];\n }\n\n [fill=\"#fff\" i] {\n fill: @crust !important;\n }\n }\n\n & when (@flavor = latte) {\n --color-overlay: #lib.rgbify(@text)[];\n\n .external-link {\n background: @subtext0;\n }\n\n .nav {\n background: @text;\n }\n\n a.title {\n --color-white: #lib.rgbify(@base)[];\n }\n }\n }\n}\n",
|
|
"originalDigest": "65bc16df4d83401835a5f17e45251f5486bb7526",
|
|
"_id": "b5186aae-f056-46ae-b816-fa9d28648bef",
|
|
"_rev": 1780236870283,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 65
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Shinigami Eyes Catppuccin",
|
|
"description": "Soothing pastel theme for Shinigami Eyes",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/shinigami-eyes/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Shinigami Eyes Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/shinigami-eyes",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/shinigami-eyes",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/shinigami-eyes/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ashinigami-eyes",
|
|
"description": "Soothing pastel theme for Shinigami Eyes",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Shinigami Eyes Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/shinigami-eyes\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/shinigami-eyes\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/shinigami-eyes/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ashinigami-eyes\n@description Soothing pastel theme for Shinigami Eyes\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n/*\nThese are the domains for the sites that Shinigami Eyes works with.\nThe list can be found at https://github.com/shinigami-eyes/shinigami-eyes/blob/b66e9ad41fa4daef31886b139d8af6f852efcaaa/extension/manifest.json#L15-L96.\n*/\n@-moz-document domain(\"facebook.com\"),\n domain(\"youtube.com\"),\n domain(\"reddit.com\"),\n domain(\"twitter.com\"),\n domain(\"x.com\"),\n domain(\"medium.com\"),\n domain(\"disqus.com\"),\n domain(\"tumblr.com\"),\n domain(\"wikipedia.org\"),\n domain(\"rationalwiki.org\"),\n domain(\"cohost.org\"),\n domain(\"bsky.app\"),\n domain(\"anarchism.space\"),\n domain(\"aus.social\"),\n domain(\"c.im\"),\n domain(\"chaos.social\"),\n domain(\"eightpoint.app\"),\n domain(\"eldritch.cafe\"),\n domain(\"fosstodon.org\"),\n domain(\"hachyderm.io\"),\n domain(\"infosec.exchange\"),\n domain(\"kolektiva.social\"),\n domain(\"mas.to\"),\n domain(\"masto.ai\"),\n domain(\"chaosfem.tw\"),\n domain(\"mastodon.art\"),\n domain(\"mastodon.cloud\"),\n domain(\"mastodon.green\"),\n domain(\"mastodon.ie\"),\n domain(\"mastodon.nz\"),\n domain(\"mastodon.online\"),\n domain(\"mastodon.scot\"),\n domain(\"mastodon.social\"),\n domain(\"mastodon.world\"),\n domain(\"mastodon.xyz\"),\n domain(\"mastodonapp.uk\"),\n domain(\"meow.social\"),\n domain(\"mstdn.ca\"),\n domain(\"mstdn.jp\"),\n domain(\"mstdn.social\"),\n domain(\"octodon.social\"),\n domain(\"ohai.social\"),\n domain(\"pixelfed.social\"),\n domain(\"queer.party\"),\n domain(\"sfba.social\"),\n domain(\"social.transsafety.network\"),\n domain(\"tech.lgbt\"),\n domain(\"techhub.social\"),\n domain(\"toot.cat\"),\n domain(\"toot.community\"),\n domain(\"toot.wales\"),\n domain(\"vulpine.club\"),\n domain(\"wandering.shop\"),\n domain(\"lgbtqia.space\"),\n domain(\"threads.net\"),\n domain(\"duckduckgo.com\"),\n domain(\"bing.com\"),\n domain(\"google.ar\"),\n domain(\"google.at\"),\n domain(\"google.be\"),\n domain(\"google.ca\"),\n domain(\"google.ch\"),\n domain(\"google.co.uk\"),\n domain(\"google.com\"),\n domain(\"google.de\"),\n domain(\"google.dk\"),\n domain(\"google.es\"),\n domain(\"google.fi\"),\n domain(\"google.fr\"),\n domain(\"google.is\"),\n domain(\"google.it\"),\n domain(\"google.no\"),\n domain(\"google.pt\"),\n domain(\"google.se\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n\n body {\n --ShinigamiEyesTFriendly: @green !important;\n --ShinigamiEyesTransphobic: @red !important;\n }\n\n .shinigami-eyes-theme-purple-yellow {\n --ShinigamiEyesTFriendly: @mauve !important;\n --ShinigamiEyesTransphobic: @yellow !important;\n }\n\n .shinigami-eyes-theme-cyan-orange {\n --ShinigamiEyesTFriendly: @sapphire !important;\n --ShinigamiEyesTransphobic: @peach !important;\n }\n }\n}\n",
|
|
"originalDigest": "ba41444b5678a33c467410b2e8a8c7f7b6c0145f",
|
|
"_id": "3625d5a9-ef49-4348-89c9-d77e76c9b56b",
|
|
"_rev": 1780236870352,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 66
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "regex101 Catppuccin",
|
|
"description": "Soothing pastel theme for regex101",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/regex101/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "regex101 Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/regex101",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/regex101",
|
|
"version": "2026.01.10",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/regex101/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aregex101",
|
|
"description": "Soothing pastel theme for regex101",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name regex101 Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/regex101\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/regex101\n@version 2026.01.10\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/regex101/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aregex101\n@description Soothing pastel theme for regex101\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"regex101.com\") {\n @import url(\"https://unpkg.com/@catppuccin/highlightjs@1.0.0/css/catppuccin-variables.important.css\");\n\n :root {\n &[data-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n &[data-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n #lib.css-variables();\n\n --primary-color: @crust;\n --primary-contrast-color: @accent;\n\n --app-color: @text;\n --app-color-metadata: @subtext0;\n --app-contrast-color: @subtext1;\n\n --link-color: @accent;\n\n --highlight-bg: @green;\n --spinner-bg: @overlay0;\n --bg-0: @mantle;\n --bg-1: @base;\n --content-bg: @surface0;\n\n --content-border-color: @surface1;\n --sub-content-bg: @surface1;\n\n --info-color: @subtext0;\n --success-color: @green;\n --warning-color: @yellow;\n --danger-color: @red;\n\n --misc-button-icon-color: @subtext1;\n --misc-button-bg: @surface0;\n --misc-button-hover-bg: @surface1;\n --misc-button-active-bg: @surface2;\n --misc-button-active-color: @base;\n --misc-button-highlight-bg: fade(@green, 40%);\n\n --editor-active-bg: @overlay2;\n --library-active-bg: @yellow;\n --account-active-bg: @green;\n --quiz-active-bg: @teal;\n --settings-active-bg: @pink;\n\n #hsl-variables(--button-bg, @surface0);\n #hsl-variables(--button-ok-bg, @mantle);\n #hsl-variables(--button-danger-bg, fade(@red, 30%));\n\n --button-hover-l: lightness(@surface1);\n --backdrop-bg: fade(@overlay0, 30%);\n\n --input-bg: @base;\n --input-disabled-bg: @mantle;\n --input-border-color: @surface0;\n --input-focused-border-color: @surface0;\n\n --label-color: @subtext1;\n --tooltip-color: @crust;\n --tooltip-bg: @subtext0;\n --version-btn-bg: fade(@green, 30%);\n --match-indicator-no-match: fade(@blue, 30%);\n --match-indicator-match-bg: fade(@green, 30%);\n --match-indicator-error-bg: fade(@red, 30%);\n\n --debugger-backtrack-bg: fade(@red, 30%);\n --debugger-regex-bg: fade(@green, 30%);\n --debugger-slider-bg: @surface2;\n\n --header-discord-color: @lavender;\n --header-twitter-color: @text;\n --header-donate-color: @yellow;\n --header-contact-color: @green;\n --header-feedback-color: @maroon;\n --header-wiki-color: @teal;\n --header-whatsnew-color: @yellow;\n --header-sponsor-color: @pink;\n --header-paypal-color: @blue;\n --header-info-color: @sky;\n --header-social-color: @green;\n --header-stripe-color: @blue;\n\n --starred-library-entry-bg: fade(@yellow, 10%);\n --cm-whitespace-color: @overlay1;\n --cm-selected-bg: fade(@accent, 30%);\n --cm-inactive-selected-bg: fade(@accent, 30%);\n\n @match-group-colors: @blue, @green, @yellow, @mauve, @pink, @red, @green;\n each(\n @match-group-colors,\n {\n @i: @index - 1;\n --match-group-@{i}: @value;\n --match-group-@{i}-alt: darken(@value, 10%);\n }\n );\n\n --match-highlight-color: fade(@yellow, 90%);\n\n --explanation-keyword-color: @green;\n --explanation-token-bg: fade(@yellow, 80%);\n --explanation-token-color: @base;\n --explanation-plain-text-bg: fade(@surface2, 80%);\n --explanation-flag-color: @mauve;\n\n --token-quote-color: @mauve;\n --token-quote-bg: none;\n --token-escaped-string-color: var(--app-color);\n --token-escaped-string-bg: fade(@overlay1, 30%);\n #accent-token(meta, @blue);\n #accent-token(char-class, @rosewater);\n #accent-token(char-class-meta, @flamingo);\n #accent-token(subpattern-reference, @mauve);\n #accent-token(group-0, @green);\n #accent-token(group-1, @yellow);\n #accent-token(group-2, @peach);\n #accent-token(group-3, @maroon);\n #accent-token(comment, transparent);\n #accent-token(error, @red);\n\n #accent-token(@id, @color) {\n --token-@{id}-bg: @color;\n --token-@{id}-color: @base;\n }\n\n #hsl-variables(@variable, @color) {\n @{variable}-h: hue(@color);\n @{variable}-s: saturation(@color);\n @{variable}-l: lightness(@color);\n }\n\n // Canvas is pulling Catppuccin colours from CSS variables, just needs fading for contrast\n canvas {\n filter: opacity(0.3);\n }\n }\n}\n",
|
|
"originalDigest": "30859b7a6f22aca0fa084b8f2181716d0f6152a1",
|
|
"_id": "69aa6a29-7e89-4e08-ae70-f110c76b9d0b",
|
|
"_rev": 1780236870383,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 67
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Amplenote Catppuccin",
|
|
"description": "Soothing pastel theme for Amplenote",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/amplenote/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Amplenote Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/amplenote",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/amplenote",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/amplenote/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aamplenote",
|
|
"description": "Soothing pastel theme for Amplenote",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Amplenote Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/amplenote\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/amplenote\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/amplenote/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aamplenote\n@description Soothing pastel theme for Amplenote\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"amplenote.com\") {\n body:not(.theme-light) {\n #catppuccin(@darkFlavor);\n }\n\n body.theme-light {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n &.themeable {\n --color-background-primary: @base;\n --color-background-primary-rgb: #lib.rgbify(@base)[];\n --color-background-secondary: @mantle;\n --color-background-tertiary: @mantle;\n\n --color-background-popup: @base;\n --color-background-dialog: @mantle;\n --color-background-header: @mantle;\n --color-background-nav: @mantle;\n --color-background-nav-active: @surface0;\n --color-background-search-bar: @crust;\n --color-background-nav-menu: @mantle;\n --color-background-nav-menu-divider: @crust;\n --color-background-nav-avatar: @crust;\n --color-background-popup-small: @surface0;\n --color-background-reversed: @surface0;\n --color-background-reversed-secondary: @surface2;\n\n --color-background-element-high-contrast: fade(@overlay2, 40%);\n --color-background-element-medium-contrast: fade(@accent, 40%);\n --color-background-element-medium-contrast-rgb: fade(@accent. 40%);\n --color-background-element-low-contrast: @crust;\n\n --color-background-note-menu-button: @surface0;\n --color-background-banner: @surface0;\n --color-background-banner-alt: @base;\n --color-background-nav-divider: @surface0;\n\n --color-background-action-low-contrast: fade(@accent, 50%);\n --color-background-action-medium-contrast: fade(@accent, 60%);\n --color-background-action-high-contrast: @accent;\n --color-background-action-high-contrast-rgb: #lib.rgbify(@accent)[];\n --color-background-action-high-contrast-alt: fade(@accent, 75%);\n\n --color-background-error-high-contrast: @red;\n --color-background-error-medium-contrast: fade(@red, 50%);\n\n --color-border-primary: @surface0;\n --color-border-secondary: @surface1;\n --color-border-tertiary: @surface1;\n\n --color-text-reversed: @text;\n\n --color-text-high-contrast: @text;\n --color-text-nav-high-contrast: @text;\n --color-text-medium-contrast: @subtext1;\n --color-text-nav-medium-contrast: @subtext1;\n --color-text-low-contrast: @subtext0;\n --color-text-nav-low-contrast: @subtext0;\n --color-text-lower-contrast: @overlay2;\n --color-text-nav-lower-contrast: @surface2;\n\n --color-text-error-low-contrast: @peach;\n --color-text-error-low-contrast-rgb: #lib.rgbify(@peach)[];\n --color-text-error-medium-contrast: @red;\n --color-text-error-high-contrast: @red;\n\n --color-text-status: @green;\n --color-text-link: @accent;\n --color-text-button: @crust;\n\n --color-background-task-value: @surface1;\n --color-background-sidebar-task: @surface0;\n\n --color-overlay-low-contrast: @accent;\n\n --mdc-theme-surface: @base;\n }\n\n header.note-header-container .logo-wrapper .ample-svg-logo .logo-icon {\n fill: @text;\n }\n\n .notes-list .notes-list-item:hover {\n background-color: @crust;\n }\n\n .ample-editor .editor-tabs .tab:not(.current) {\n border-bottom-color: @surface0 !important;\n }\n\n .referencing-notes,\n .tab.current,\n .editor-title-input-wrapper textarea,\n .completed-tasks,\n .no-tasks-message {\n background-color: @base !important;\n }\n\n .new-note-button {\n color: @crust !important;\n }\n\n .ample-editor .check-list-item.value-1 .row-wrapper {\n border-left-color: @sapphire;\n }\n\n .menu-button.synced {\n color: @green !important;\n }\n\n .menu-button .refreshing {\n color: @blue !important;\n }\n\n .primary-side-nav .section-link.default .shortcut-icon {\n color: @yellow;\n }\n\n .ample-editor:not(.mobile-embed)\n .check-list-item:hover:not(.expanded)\n .row-wrapper {\n background-color: @surface0;\n }\n\n .mdc-chip-set.mdc-chip-set--choice\n .mdc-chip.mdc-chip--selected\n .mdc-chip__icon--leading,\n .mdc-chip.mdc-chip--selected .mdc-chip__icon--leading {\n color: @crust;\n }\n\n .account-appearance-app .mdc-chip i.material-icons.mdc-chip__icon--leading {\n color: @text;\n }\n\n .DayPicker-Weekday {\n color: @subtext0;\n }\n\n .calendar-pane .fc {\n .fc-timegrid-now-indicator-arrow {\n .line {\n border-bottom-color: @accent;\n }\n .material-icons {\n color: @accent;\n }\n }\n\n .fc-timegrid-now-indicator-line {\n border-color: darken(@accent, 10%);\n }\n\n .fc-timegrid .fc-daygrid-day-events,\n .fc-timegrid .all-day-slot {\n background-color: @base;\n }\n }\n\n #completed-tasks-stroke-gradient,\n #completed-tasks-fill-gradient {\n [offset=\"0%\"] {\n stop-color: @maroon;\n }\n\n [offset=\"50%\"] {\n stop-color: @peach;\n }\n\n [offset=\"100%\"] {\n stop-color: @yellow;\n }\n }\n }\n}\n",
|
|
"originalDigest": "7e2c90f3acbae52352d5f1d6111e5d10e25d24fc",
|
|
"_id": "5808a528-35c4-4a91-9a22-f13f49f2db14",
|
|
"_rev": 1780236870413,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 68
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Scalar Catppuccin",
|
|
"description": "Soothing pastel theme for Scalar",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/scalar/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Scalar Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/scalar",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/scalar",
|
|
"version": "2026.01.20",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/scalar/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ascalar",
|
|
"description": "Soothing pastel theme for Scalar",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Scalar Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/scalar\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/scalar\n@version 2026.01.20\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/scalar/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ascalar\n@description Soothing pastel theme for Scalar\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"scalar.com\") {\n @import url(\"https://unpkg.com/@catppuccin/highlightjs@1.0.0/css/catppuccin-variables.important.css\");\n code.hljs {\n background: none !important;\n }\n\n .light-mode {\n #catppuccin(@lightFlavor);\n }\n\n .dark-mode {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n #lib.css-variables();\n\n --scalar-color-1: @text;\n --scalar-color-2: @subtext1;\n --scalar-color-3: @subtext0;\n --scalar-color-accent: @accent;\n --scalar-background-1: @base;\n --scalar-background-2: @surface0;\n --scalar-background-3: @surface1;\n --scalar-background-accent: fade(@accent, 12%);\n --scalar-border-color: @surface1;\n --scalar-color-green: @green;\n --scalar-color-red: @red;\n --scalar-color-yellow: @yellow;\n --scalar-color-blue: @blue;\n --scalar-color-orange: @peach;\n --scalar-color-purple: @mauve;\n --scalar-selection-1: fade(@accent, 30%);\n --scalar-button-1: @accent;\n --scalar-button-1-hover: darken(@accent, 5%);\n --scalar-button-1-color: @base;\n\n background-color: @base;\n\n .sidebar {\n --scalar-sidebar-background-1: @mantle;\n --scalar-sidebar-item-hover-background: @surface0;\n --scalar-sidebar-item-active-background: fade(@accent, 10%);\n --scalar-sidebar-color-active: @accent;\n }\n\n .scalar-code-block, .t-editor__code {\n background-color: @mantle;\n }\n\n .brightness-lifted {\n filter: none; // remove elevated filter on dropdown modal backgrounds\n }\n\n .text-white {\n color: @base; // danger (delete) button text\n }\n\n // https://scalar.com/\n .logo {\n filter: @text-filter;\n }\n }\n}\n",
|
|
"originalDigest": "b2e18f731b5534ef5949f3f11a3bb3519a972af4",
|
|
"_id": "886dee03-07af-47ac-be85-e06ee602359d",
|
|
"_rev": 1780236870445,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 69
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Ecosia Catppuccin",
|
|
"description": "Soothing pastel theme for Ecosia",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/ecosia/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Ecosia Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/ecosia",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/ecosia",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/ecosia/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aecosia",
|
|
"description": "Soothing pastel theme for Ecosia",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Ecosia Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/ecosia\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/ecosia\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/ecosia/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aecosia\n@description Soothing pastel theme for Ecosia\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"ecosia.org\") {\n :root.light {\n #catppuccin(@lightFlavor);\n }\n\n :root.dark {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n --color-brand-primary: @accent !important;\n --color-brand-secondary: @crust !important;\n --color-error: @red !important;\n --color-success: @green !important;\n --color-disabled: @overlay1 !important;\n --color-button-background-primary: @accent !important;\n --color-button-background-primary-active: @accent !important;\n --color-button-background-primary-hover: @accent;\n --color-button-background-secondary: @surface0 !important;\n --color-button-background-secondary-active: @surface2 !important;\n --color-button-background-secondary-hover: @surface1 !important;\n --color-button-content-primary: @base !important;\n --color-button-content-secondary: @text !important;\n --color-button-content-tertiary: @accent !important;\n --color-button-border: @surface0 !important;\n --color-button-background-transparent-hover: @surface1;\n --color-button-background-transparent-active: @surface2;\n --color-background-primary: @base !important;\n --color-background-secondary: @crust !important;\n --color-background-tertiary: @mantle !important;\n --color-background-quaternary: @surface0;\n --color-background-elevation-1: @mantle !important;\n --color-highlighter: @surface0 !important;\n --color-highlight-primary: @surface0 !important;\n --color-overlay-primary: @overlay0 !important;\n --color-overlay-secondary: @overlay1 !important;\n --color-text-primary: @text !important;\n --color-text-secondary: @subtext0 !important;\n --color-text-tertiary: @text !important;\n --color-link-primary: @sapphire !important;\n --color-link-secondary: @sky !important;\n --color-url: @sapphire !important;\n --color-link-results-default: @sapphire !important;\n --color-link-results-visited: @teal !important;\n --color-decorative-icon: @accent !important;\n --color-elevation-layer-1: @surface1;\n --color-elevation-layer-2: @surface2;\n --color-decorative-border-1: @surface1 !important;\n --color-focused: @accent !important;\n --color-form-border-default: @surface0 !important;\n --color-form-border-hover: @surface1 !important;\n --color-form-border-primary-active: @accent !important;\n --color-tripadvisor-rating: @subtext0 !important;\n --color-tree-counter-tree-tall: @yellow !important;\n --color-green-leaf-icon-color-top: @green !important;\n --color-green-leaf-icon-color-bottom: @green !important;\n --color-fossil-fuel-icon-color-top: @flamingo !important;\n --color-fossil-fuel-icon-color-bottom: @maroon !important;\n\n /* search page */\n --color-above-fold-background: @surface0 !important;\n --color-above-fold-background-addon: @overlay1 !important;\n --color-above-fold-text: @text !important;\n --color-section-wrapper-background-gray: @surface1 !important;\n --color-section-wrapper-background-dark-green: @surface0 !important;\n --color-section-wrapper-background-light-green: @surface0 !important;\n --color-section-header-title: @text !important;\n --color-projects-title: @text !important;\n --color-projects-description: @surface1;\n --color-financial-report-total-background: @surface0 !important;\n --color-financial-report-total-text: @text !important;\n --color-forest-background-addon: @surface1 !important;\n --color-forest-background-secondary: @surface0 !important;\n --color-before-after-text: @text !important;\n\n /* override color digit on homepage */\n .count__digit,\n .counter__description {\n color: @text !important;\n }\n }\n}\n",
|
|
"originalDigest": "ed36d900b4a1f54ae76e2d9156fe5f33ba5e0f85",
|
|
"_id": "0e8bb6b7-3230-436a-bc45-7313a2e53176",
|
|
"_rev": 1780236870468,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 70
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "docs.rs Catppuccin",
|
|
"description": "Soothing pastel theme for docs.rs",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/docs.rs/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "docs.rs Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/docs.rs",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/docs.rs",
|
|
"version": "2026.01.16",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/docs.rs/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Adocs.rs",
|
|
"description": "Soothing pastel theme for docs.rs",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name docs.rs Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/docs.rs\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/docs.rs\n@version 2026.01.16\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/docs.rs/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Adocs.rs\n@description Soothing pastel theme for docs.rs\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"docs.rs\"), domain(\"doc.rust-lang.org\") {\n :root:not([data-docs-rs-theme]) {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n :root[data-docs-rs-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n :root[data-docs-rs-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n --color-background-code: @mantle;\n --color-background: @base;\n --input-color: @text;\n --input-box-shadow-focus: 0 0 8px 4px @accent;\n --color-border-light: @surface2;\n --color-border: @surface0;\n --color-doc-link-background: @accent;\n --color-doc-link-hover: @accent;\n --color-error-hover: red;\n --color-error: red;\n --color-macro: red;\n --color-menu-border: red;\n --color-menu-header-background: red;\n --color-navbar-standard: @text;\n --color-standard: @subtext1;\n --color-brand: @text;\n --color-struct: red;\n --color-type: @peach;\n --color-url: @accent;\n --color-warn-background: @peach;\n --color-warn-msg: @crust;\n --color-warn-hover: red;\n --color-warn: @peach;\n --color-background-input: @mantle;\n --color-table-header-background: @surface0;\n --color-table-header: @text;\n --color-search-focus: red;\n --chart-title-color: red;\n --chart-grid: red;\n\n --main-background-color: @base;\n --main-color: @text;\n --settings-input-color: @accent;\n --settings-input-border-color: @surface0;\n --settings-button-color: @text;\n --settings-button-border-focus: @accent;\n --settings-menu-filter: @subtext0-filter;\n --settings-menu-hover-filter: @subtext1-filter;\n --sidebar-background-color: @mantle;\n --sidebar-background-color-hover: @crust;\n --sidebar-border-color: @overlay1;\n --sidebar-resizer-hover: @sky;\n --sidebar-resizer-active: @sapphire;\n --source-sidebar-background-selected: @surface0;\n --source-sidebar-background-hover: @base;\n --code-block-background-color: @mantle;\n --headings-border-bottom-color: @overlay1;\n --border-color: @surface0;\n --button-background-color: @mantle;\n --right-side-color: @surface2;\n --code-attribute-color: @yellow;\n --toggles-color: @subtext1;\n --search-input-focused-border-color: @accent;\n --copy-path-button-color: @text;\n --codeblock-error-hover-color: @red;\n --codeblock-error-color: fade(@red, 70%);\n --codeblock-ignore-hover-color: @red;\n --codeblock-ignore-color: fade(@red, 70%);\n --warning-border-color: red;\n --type-link-color: @sky;\n --trait-link-color: @mauve;\n --assoc-item-link-color: @yellow;\n --function-link-color: @green;\n --macro-link-color: @green;\n --keyword-link-color: @yellow;\n --mod-link-color: @accent;\n --link-color: @accent;\n --sidebar-link-color: @accent;\n --sidebar-current-link-background-color: @surface0;\n --search-result-link-focus-background-color: fade(@accent, 20%);\n --search-result-border-color: @surface0;\n --search-color: @text;\n --search-error-code-background-color: red;\n --search-results-alias-color: red;\n --search-results-grey-color: @subtext1;\n --search-tab-title-count-color: @subtext0;\n --search-tab-button-not-selected-border-top-color: @crust;\n --search-tab-button-not-selected-background: @crust;\n --search-tab-button-selected-border-top-color: @accent;\n --search-tab-button-selected-background: @base;\n --stab-background-color: @surface0;\n --stab-code-color: @accent;\n --code-highlight-kw-color: @mauve;\n --code-highlight-kw-2-color: @mauve;\n --code-highlight-lifetime-color: @blue;\n --code-highlight-prelude-color: @yellow;\n --code-highlight-prelude-val-color: @yellow;\n --code-highlight-number-color: @peach;\n --code-highlight-string-color: @green;\n --code-highlight-literal-color: @red;\n --code-highlight-attribute-color: @yellow;\n --code-highlight-self-color: @red;\n --code-highlight-macro-color: @blue;\n --code-highlight-question-mark-color: @teal;\n --code-highlight-comment-color: @overlay2;\n --code-highlight-doc-comment-color: @overlay2;\n --color-syntax-foreground: inherit;\n --color-syntax-attribute: @yellow;\n --color-syntax-background: @mantle;\n --color-syntax-bool: @red;\n --color-syntax-comment: @overlay2;\n --color-syntax-doc-comment: @overlay2;\n --color-syntax-keyword1: @mauve;\n --color-syntax-keyword2: @mauve;\n --color-syntax-lifetime: @blue;\n --color-syntax-macro: @blue;\n --color-syntax-number: @peach;\n --color-syntax-prelude-ty: @yellow;\n --color-syntax-prelude-val: @yellow;\n --color-syntax-question-mark: @teal;\n --color-syntax-self: @red;\n --color-syntax-string: @green;\n --src-line-numbers-span-color: @accent;\n --src-line-number-highlighted-background-color: fade(@accent, 30%);\n --test-arrow-color: #dedede;\n --test-arrow-background-color: red;\n --test-arrow-hover-color: #dedede;\n --test-arrow-hover-background-color: red;\n --target-background-color: fade(@accent, 10%);\n --target-border-color: @accent;\n --kbd-color: @text;\n --kbd-background: @mantle;\n --kbd-box-shadow-color: @surface1;\n --crate-search-hover-border: red;\n --src-sidebar-background-selected: @surface0;\n --src-sidebar-background-hover: @surface1;\n --table-alt-row-background-color: @mantle;\n --codeblock-link-background: fade(@surface0, 50%);\n --scrape-example-toggle-line-background: red;\n --scrape-example-toggle-line-hover-background: red;\n --scrape-example-code-line-highlight: fade(@accent, 40%);\n --scrape-example-code-line-highlight-focus: fade(@accent, 40%);\n --scrape-example-help-border-color: @subtext0;\n --scrape-example-help-color: @subtext1;\n --scrape-example-help-hover-border-color: @text;\n --scrape-example-help-hover-color: @text;\n --scrape-example-code-wrapper-background-start: @base;\n --scrape-example-code-wrapper-background-end: @base;\n\n select {\n background-color: @mantle;\n border-color: @surface0;\n }\n\n hr {\n border-color: @overlay1;\n }\n\n .rust-logo {\n @svg: escape(\n '<svg height=\"106\" width=\"106\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><g transform=\"translate(53 53)\"><path stroke=\"@{text}\" fill=\"@{crust}\" stroke-linejoin=\"round\" d=\"M-8.5-14.5h13c8 0 8 8 0 8h-13Zm-31 37h40v-11h-9v-8h10c11 0 5 19 14 19h25v-19h-6v2c0 8-9 7-10 2s-5-9-6-9c15-8 6-24-6-24h-47v11h10v26h-15Z\"/><g mask=\"url(#a)\"><circle r=\"43\" fill=\"none\" stroke=\"@{crust}\" stroke-width=\"9\"/><path id=\"b\" stroke=\"@{crust}\" stroke-width=\"3\" stroke-linejoin=\"round\" d=\"m46 3 5-3-5-3z\"/><use xlink:href=\"#b\" transform=\"rotate(11.25)\"/><use xlink:href=\"#b\" transform=\"rotate(22.5)\"/><use xlink:href=\"#b\" transform=\"rotate(33.75)\"/><use xlink:href=\"#b\" transform=\"rotate(45)\"/><use xlink:href=\"#b\" transform=\"rotate(56.25)\"/><use xlink:href=\"#b\" transform=\"rotate(67.5)\"/><use xlink:href=\"#b\" transform=\"rotate(78.75)\"/><use xlink:href=\"#b\" transform=\"rotate(90)\"/><use xlink:href=\"#b\" transform=\"rotate(101.25)\"/><use xlink:href=\"#b\" transform=\"rotate(112.5)\"/><use xlink:href=\"#b\" transform=\"rotate(123.75)\"/><use xlink:href=\"#b\" transform=\"rotate(135)\"/><use xlink:href=\"#b\" transform=\"rotate(146.25)\"/><use xlink:href=\"#b\" transform=\"rotate(157.5)\"/><use xlink:href=\"#b\" transform=\"rotate(168.75)\"/><use xlink:href=\"#b\" transform=\"rotate(180)\"/><use xlink:href=\"#b\" transform=\"rotate(191.25)\"/><use xlink:href=\"#b\" transform=\"rotate(202.5)\"/><use xlink:href=\"#b\" transform=\"rotate(213.75)\"/><use xlink:href=\"#b\" transform=\"rotate(225)\"/><use xlink:href=\"#b\" transform=\"rotate(236.25)\"/><use xlink:href=\"#b\" transform=\"rotate(247.5)\"/><use xlink:href=\"#b\" transform=\"rotate(258.75)\"/><use xlink:href=\"#b\" transform=\"rotate(270)\"/><use xlink:href=\"#b\" transform=\"rotate(281.25)\"/><use xlink:href=\"#b\" transform=\"rotate(292.5)\"/><use xlink:href=\"#b\" transform=\"rotate(303.75)\"/><use xlink:href=\"#b\" transform=\"rotate(315)\"/><use xlink:href=\"#b\" transform=\"rotate(326.25)\"/><use xlink:href=\"#b\" transform=\"rotate(337.5)\"/><use xlink:href=\"#b\" transform=\"rotate(348.75)\"/><path id=\"c\" stroke=\"@{crust}\" stroke-width=\"6\" stroke-linejoin=\"round\" d=\"m-7-42 7 7 7-7z\"/><use xlink:href=\"#c\" transform=\"rotate(72)\"/><use xlink:href=\"#c\" transform=\"rotate(144)\"/><use xlink:href=\"#c\" transform=\"rotate(216)\"/><use xlink:href=\"#c\" transform=\"rotate(288)\"/></g><mask id=\"a\"><path fill=\"#fff\" d=\"M-60-60H60V60H-60z\"/><circle id=\"d\" cy=\"-40\" r=\"3\"/><use xlink:href=\"#d\" transform=\"rotate(72)\"/><use xlink:href=\"#d\" transform=\"rotate(144)\"/><use xlink:href=\"#d\" transform=\"rotate(216)\"/><use xlink:href=\"#d\" transform=\"rotate(288)\"/></mask></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n img[alt=\"Change settings\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"27.434\" height=\"29.5\" viewBox=\"0 0 27.434 29.5\" fill=\"@{text}\"><path d=\"M27.316 18.39a2.7 2.7 0 0 0-.98-1.46 1.6 1.6 0 0 1-.016-.762l.035-.176v-1.191c0-1.246-.003-1.278-.046-1.473a1.7 1.7 0 0 1 .007-.805c.477-.343.829-.859.997-1.472.257-.957.074-2.094-.508-3.117l-.594-1.032c-.746-1.304-1.965-2.117-3.18-2.117-.379 0-.75.078-1.086.235a1.96 1.96 0 0 1-.855-.391l-.102-.082-.117-.063-1.855-1.07-.094-.055-.106-.043c-.378-.156-.66-.41-.77-.554C17.919 1.172 16.349 0 14.297 0h-1.155c-2.043 0-3.61 1.152-3.75 2.723-.114.14-.391.382-.758.527l-.102.04-.094.05-1.94 1.066-.134.074-.117.094a2 2 0 0 1-.832.403 2.5 2.5 0 0 0-1.008-.211c-1.199 0-2.414.82-3.168 2.14l-.59 1.032c-.41.718-.64 1.523-.64 2.257-.004.953.36 1.758 1.012 2.258a1.9 1.9 0 0 1-.016.785c-.04.168-.063.282-.063 1.563 0 1.148 0 1.148.016 1.261l.008.075.015.074c.075.344.047.64.012.8-.644.5-1.004 1.302-.992 2.259.008.726.238 1.52.648 2.242l.59 1.027c.758 1.332 1.965 2.16 3.149 2.16.324 0 .644-.062.937-.187.168.039.492.156.813.418l.11.086.124.07 2.047 1.156.102.059.105.043c.363.144.648.379.766.52.164 1.519 1.718 2.632 3.746 2.632h1.156c2.035 0 3.598-1.133 3.746-2.672.117-.144.402-.394.773-.55l.114-.047.101-.063 1.961-1.156.106-.063.097-.078c.309-.246.653-.37.832-.398.313.136.66.21 1.016.21 1.2 0 2.41-.82 3.164-2.14l.594-1.031c.59-1.028.777-2.164.52-3.117Zm-2.043 2.247-.59 1.031c-.437.766-1.105 1.25-1.636 1.25a.7.7 0 0 1-.371-.094 1.15 1.15 0 0 0-.567-.129c-.593 0-1.382.297-2.007.797l-1.961 1.156c-1.016.426-1.848 1.293-1.848 1.93 0 .64-.898 1.16-1.996 1.16H13.14c-1.102 0-2-.515-2-1.14 0-.63-.832-1.477-1.852-1.887l-2.047-1.16c-.637-.512-1.426-.813-2.008-.813-.199 0-.379.035-.515.114a.65.65 0 0 1-.332.085c-.52 0-1.18-.5-1.621-1.273l-.59-1.031c-.543-.953-.555-1.98-.024-2.285.532-.305.782-1.434.551-2.504V14.8c0-1.09.02-1.18.02-1.18.238-1.074-.008-2.203-.551-2.516-.54-.304-.54-1.34.008-2.293l.59-1.03c.437-.766 1.101-1.255 1.636-1.255a.73.73 0 0 1 .364.094c.152.086.343.125.566.125.594 0 1.379-.297 2.004-.793l1.945-1.066c1.02-.407 1.856-1.278 1.856-1.934s.898-1.191 2-1.191h1.156c1.098 0 1.996.543 1.996 1.21 0 .669.832 1.555 1.848 1.973L20 6.012c.617.492 1.402.777 2.012.777.242 0 .453-.047.62-.14a.8.8 0 0 1 .403-.102c.55 0 1.223.476 1.652 1.23l.59 1.032c.543.953.52 2.004-.062 2.336-.574.332-.86 1.48-.625 2.554 0 0 .008.04.008 1.102v1.011c-.215 1.051.07 2.176.636 2.5.567.325.586 1.368.04 2.325Zm0 0\"/><path d=\"M13.61 7.61a7.084 7.084 0 0 0-7.083 7.085 7.085 7.085 0 1 0 14.168 0A7.09 7.09 0 0 0 13.61 7.61m0 12.41a5.33 5.33 0 0 1-5.325-5.325 5.33 5.33 0 0 1 5.324-5.32 5.327 5.327 0 0 1 5.325 5.32 5.33 5.33 0 0 1-5.325 5.325Zm0 0\"/><path d=\"M13.684 9.906a4.72 4.72 0 0 0-4.72 4.719 4.72 4.72 0 0 0 4.72 4.719 4.724 4.724 0 0 0 4.714-4.719 4.724 4.724 0 0 0-4.714-4.719m0 7.676a2.954 2.954 0 1 1 0-5.91 2.953 2.953 0 0 1 2.953 2.953 2.957 2.957 0 0 1-2.953 2.957m0 0\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n #settings-menu {\n img[alt=\"Change settings\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"27.434\" height=\"29.5\" viewBox=\"0 0 27.434 29.5\" fill=\"@{text}\"><path d=\"M27.316 18.39a2.7 2.7 0 0 0-.98-1.46 1.6 1.6 0 0 1-.016-.762l.035-.176v-1.191c0-1.246-.003-1.278-.046-1.473a1.7 1.7 0 0 1 .007-.805c.477-.343.829-.859.997-1.472.257-.957.074-2.094-.508-3.117l-.594-1.032c-.746-1.304-1.965-2.117-3.18-2.117-.379 0-.75.078-1.086.235a1.96 1.96 0 0 1-.855-.391l-.102-.082-.117-.063-1.855-1.07-.094-.055-.106-.043c-.378-.156-.66-.41-.77-.554C17.919 1.172 16.349 0 14.297 0h-1.155c-2.043 0-3.61 1.152-3.75 2.723-.114.14-.391.382-.758.527l-.102.04-.094.05-1.94 1.066-.134.074-.117.094a2 2 0 0 1-.832.403 2.5 2.5 0 0 0-1.008-.211c-1.199 0-2.414.82-3.168 2.14l-.59 1.032c-.41.718-.64 1.523-.64 2.257-.004.953.36 1.758 1.012 2.258a1.9 1.9 0 0 1-.016.785c-.04.168-.063.282-.063 1.563 0 1.148 0 1.148.016 1.261l.008.075.015.074c.075.344.047.64.012.8-.644.5-1.004 1.302-.992 2.259.008.726.238 1.52.648 2.242l.59 1.027c.758 1.332 1.965 2.16 3.149 2.16.324 0 .644-.062.937-.187.168.039.492.156.813.418l.11.086.124.07 2.047 1.156.102.059.105.043c.363.144.648.379.766.52.164 1.519 1.718 2.632 3.746 2.632h1.156c2.035 0 3.598-1.133 3.746-2.672.117-.144.402-.394.773-.55l.114-.047.101-.063 1.961-1.156.106-.063.097-.078c.309-.246.653-.37.832-.398.313.136.66.21 1.016.21 1.2 0 2.41-.82 3.164-2.14l.594-1.031c.59-1.028.777-2.164.52-3.117Zm-2.043 2.247-.59 1.031c-.437.766-1.105 1.25-1.636 1.25a.7.7 0 0 1-.371-.094 1.15 1.15 0 0 0-.567-.129c-.593 0-1.382.297-2.007.797l-1.961 1.156c-1.016.426-1.848 1.293-1.848 1.93 0 .64-.898 1.16-1.996 1.16H13.14c-1.102 0-2-.515-2-1.14 0-.63-.832-1.477-1.852-1.887l-2.047-1.16c-.637-.512-1.426-.813-2.008-.813-.199 0-.379.035-.515.114a.65.65 0 0 1-.332.085c-.52 0-1.18-.5-1.621-1.273l-.59-1.031c-.543-.953-.555-1.98-.024-2.285.532-.305.782-1.434.551-2.504V14.8c0-1.09.02-1.18.02-1.18.238-1.074-.008-2.203-.551-2.516-.54-.304-.54-1.34.008-2.293l.59-1.03c.437-.766 1.101-1.255 1.636-1.255a.73.73 0 0 1 .364.094c.152.086.343.125.566.125.594 0 1.379-.297 2.004-.793l1.945-1.066c1.02-.407 1.856-1.278 1.856-1.934s.898-1.191 2-1.191h1.156c1.098 0 1.996.543 1.996 1.21 0 .669.832 1.555 1.848 1.973L20 6.012c.617.492 1.402.777 2.012.777.242 0 .453-.047.62-.14a.8.8 0 0 1 .403-.102c.55 0 1.223.476 1.652 1.23l.59 1.032c.543.953.52 2.004-.062 2.336-.574.332-.86 1.48-.625 2.554 0 0 .008.04.008 1.102v1.011c-.215 1.051.07 2.176.636 2.5.567.325.586 1.368.04 2.325Zm0 0\"/><path d=\"M13.61 7.61a7.084 7.084 0 0 0-7.083 7.085 7.085 7.085 0 1 0 14.168 0A7.09 7.09 0 0 0 13.61 7.61m0 12.41a5.33 5.33 0 0 1-5.325-5.325 5.33 5.33 0 0 1 5.324-5.32 5.327 5.327 0 0 1 5.325 5.32 5.33 5.33 0 0 1-5.325 5.325Zm0 0\"/><path d=\"M13.684 9.906a4.72 4.72 0 0 0-4.72 4.719 4.72 4.72 0 0 0 4.72 4.719 4.724 4.724 0 0 0 4.714-4.719 4.724 4.724 0 0 0-4.714-4.719m0 7.676a2.954 2.954 0 1 1 0-5.91 2.953 2.953 0 0 1 2.953 2.953 2.957 2.957 0 0 1-2.953 2.957m0 0\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n > a:not(:has(img))::before {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 12 12\" fill=\"@{text}\"><path d=\"M10.25 6c0-.124-.026-.241-.037-.363l1.608-1.554-1.25-2.166-2.132.61a4 4 0 0 0-.65-.37L7.25 0h-2.5l-.54 2.157a4 4 0 0 0-.649.37l-2.132-.61-1.25 2.166 1.608 1.554c-.01.122-.037.239-.037.363s.026.241.037.363L.179 7.917l1.25 2.166 2.132-.61q.307.213.65.37L4.75 12h2.5l.54-2.157a4 4 0 0 0 .649-.37l2.132.61 1.25-2.166-1.608-1.554c.01-.122.037-.239.037-.363M6 7.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n\n .setting-check input:checked {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 40 40\"><path d=\"m7 23 10 7 16-20\" fill=\"none\" stroke=\"@{crust}\" stroke-width=\"5\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n #copy-path {\n @raw: '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"%COLOR%\"><path d=\"M18 20h2v3c0 1-1 2-2 2H2c-.998 0-2-1-2-2V5c0-.911.755-1.667 1.667-1.667h5A3.323 3.323 0 0 1 10 0a3.323 3.323 0 0 1 3.333 3.333h5A1.68 1.68 0 0 1 20 5v8.333h-2V9H2v14h16zM3 7h14c0-.911-.793-1.667-1.75-1.667H13.5c-.957 0-1.75-.755-1.75-1.666C11.75 2.755 10.957 2 10 2s-1.75.755-1.75 1.667c0 .911-.793 1.666-1.75 1.666H4.75C3.793 5.333 3 6.09 3 7\"/><path d=\"M4 19h6v2H4zm8-8H4v2h8zm-8 6h4v-2H4zm11-2v-3l-4.5 4.5L15 21v-3l8.027-.032L23 15z\"/></svg>';\n @raw_before: '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"18\" viewBox=\"0 0 24 25\" fill=\"%COLOR%\"><path d=\"M18 20h2v3c0 1-1 2-2 2H2c-.998 0-2-1-2-2V5c0-.911.755-1.667 1.667-1.667h5A3.323 3.323 0 0 1 10 0a3.323 3.323 0 0 1 3.333 3.333h5A1.68 1.68 0 0 1 20 5v8.333h-2V9H2v14h16zM3 7h14c0-.911-.793-1.667-1.75-1.667H13.5c-.957 0-1.75-.755-1.75-1.666C11.75 2.755 10.957 2 10 2s-1.75.755-1.75 1.667c0 .911-.793 1.666-1.75 1.666H4.75C3.793 5.333 3 6.09 3 7\"/><path d=\"M4 19h6v2H4zm8-8H4v2h8zm-8 6h4v-2H4zm11-2v-3l-4.5 4.5L15 21v-3l8.027-.032L23 15z\"/></svg>';\n\n > img {\n @svg: escape(replace(@raw, \"%COLOR%\", @subtext0));\n content: url(\"data:image/svg+xml,@{svg}\");\n filter: none;\n }\n &:hover > img {\n @svg: escape(replace(@raw, \"%COLOR%\", @text));\n content: url(\"data:image/svg+xml,@{svg}\");\n filter: none;\n }\n\n &:not(:has(> img)) {\n &::before {\n @svg: escape(replace(@raw_before, \"%COLOR%\", @subtext0));\n content: url(\"data:image/svg+xml,@{svg}\");\n filter: none;\n }\n\n &:hover::before {\n @svg: escape(replace(@raw_before, \"%COLOR%\", @text));\n content: url(\"data:image/svg+xml,@{svg}\");\n filter: none;\n }\n }\n }\n\n details.toggle {\n @plus: escape(\n '<svg width=\"17\" height=\"17\" shape-rendering=\"crispEdges\" stroke=\"@{text}\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5 2.5H2.5v12H5m7-12h2.5v12H12m-7-6h7M8.5 12V5\"/></svg>'\n );\n @minus: escape(\n '<svg width=\"17\" height=\"17\" shape-rendering=\"crispEdges\" stroke=\"@{text}\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5 2.5H2.5v12H5m7-12h2.5v12H12m-7-6h7\"/></svg>'\n );\n\n > summary::before {\n background: url(\"data:image/svg+xml,@{plus}\") no-repeat top left;\n filter: none;\n }\n\n &[open] > summary::before {\n background: url(\"data:image/svg+xml,@{minus}\") no-repeat top left;\n }\n }\n\n .src #sidebar-button > a::before {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 22 22\" fill=\"none\" stroke=\"@{text}\"><path d=\"M16 9V5h-6V4L8 2H4L2 4v16h13l6-11H6L2 19\" stroke-width=\"1.25\"/><path d=\"M15 7H4v3\" stroke-width=\".75\"/><path d=\"M3.75 10v1.25\" stroke-width=\".375\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .pure-menu-link {\n color: @subtext0;\n\n &:hover {\n color: @text;\n }\n }\n .pure-table {\n &,\n td,\n th {\n border-color: @surface0;\n }\n }\n }\n}\n",
|
|
"originalDigest": "678d2be565fcc8d4f2a7fbfe4e9e4de44b4fc555",
|
|
"_id": "afd7e39b-5a86-4b06-bcb8-46c13c64a9c2",
|
|
"_rev": 1780236870498,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 71
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Learn X in Y Minutes Catppuccin",
|
|
"description": "Soothing pastel theme for Learn X in Y Minutes",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/learn-x-in-y-minutes/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Learn X in Y Minutes Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/learn-x-in-y-minutes",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/learn-x-in-y-minutes",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/learn-x-in-y-minutes/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Alearn-x-in-y-minutes",
|
|
"description": "Soothing pastel theme for Learn X in Y Minutes",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Learn X in Y Minutes Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/learn-x-in-y-minutes\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/learn-x-in-y-minutes\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/learn-x-in-y-minutes/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Alearn-x-in-y-minutes\n@description Soothing pastel theme for Learn X in Y Minutes\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"learnxinyminutes.com\") {\n @import url(\"https://python.catppuccin.com/pygments/catppuccin-variables.important.css\");\n\n html.light {\n #catppuccin(@lightFlavor);\n }\n\n html.dark {\n #catppuccin(@darkFlavor);\n }\n\n html:not(.dark, .light) {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n #lib.css-variables();\n\n .highlight {\n background-color: @mantle;\n\n pre {\n background-color: @mantle !important;\n }\n }\n\n &:not(.dark, .light) {\n p {\n color: @subtext0 !important;\n }\n\n span {\n color: @text;\n }\n }\n\n .share {\n background-color: @mantle;\n border-color: @crust;\n\n &:hover {\n background-color: @surface0;\n }\n }\n\n .theme-choice button {\n color: @text;\n background-color: @mantle;\n border-color: @crust;\n\n &:hover {\n background-color: @surface0;\n }\n }\n\n #lang-select {\n color: @text;\n background-color: @mantle;\n border-color: @crust;\n }\n\n td.lang span a {\n color: @text;\n background-color: @mantle;\n border-color: @crust;\n\n &:hover {\n background-color: @surface0;\n }\n }\n\n &,\n body {\n background-color: @base;\n color: @text;\n border-color: @base;\n box-shadow: none;\n }\n\n td,\n th {\n color: @text;\n border-bottom-color: @surface0;\n }\n\n footer {\n p {\n color: @subtext1;\n }\n }\n\n a {\n color: @accent !important;\n\n code {\n color: @accent !important;\n }\n\n &:visited {\n color: darken(@accent, 5%) !important;\n }\n\n &.active {\n color: @base !important;\n background-color: @accent !important;\n border-color: darken(@accent, 15%) !important;\n\n &:visited {\n background-color: darken(@accent, 5%) !important;\n color: @base !important;\n border-color: darken(@accent, 10%) !important;\n }\n }\n }\n\n hr {\n border-color: @surface1;\n }\n\n code {\n background-color: @mantle;\n color: @text;\n }\n }\n}\n",
|
|
"originalDigest": "824fda9acec4e96663dfbd81372d214d6553c774",
|
|
"_id": "42222096-5e82-4f8e-a74d-511dba70c8c2",
|
|
"_rev": 1780236870547,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 72
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "DEV Community Catppuccin",
|
|
"description": "Soothing pastel theme for DEV Community",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/dev.to/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "DEV Community Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/dev.to",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/dev.to",
|
|
"version": "2025.12.29",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/dev.to/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Adev.to",
|
|
"description": "Soothing pastel theme for DEV Community",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name DEV Community Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/dev.to\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/dev.to\n@version 2025.12.29\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/dev.to/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Adev.to\n@description Soothing pastel theme for DEV Community\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"dev.to\"), domain(\"forem.com\") {\n @import url(\"https://python.catppuccin.com/pygments/catppuccin-variables.important.css\");\n\n body.dark-theme {\n #catppuccin(@darkFlavor);\n }\n body.light-theme {\n #catppuccin(@lightFlavor);\n }\n body[data-user-status=\"logged-out\"] {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n #lib.css-variables();\n\n --body-bg: @mantle;\n --black: if(@flavor = latte, @text, @crust);\n --body-color: @text;\n --color-primary: @subtext1;\n --color-secondary: @subtext0;\n\n --header-bg: @base;\n --header-shadow: @crust;\n\n --footer-bg: @crust;\n --footer-color: @subtext0;\n\n --form-bg: @crust;\n --form-bg-focus: @base;\n --form-border: @surface0;\n --form-border-hover: @surface1;\n --form-border-focus: @accent;\n --focus: @accent !important;\n\n --base-100: @text;\n --base-90: @subtext1;\n --base-80: @subtext1;\n --base-70: @subtext0;\n --base-60: @overlay2;\n --base-50: @overlay1;\n --base-20: @base;\n --base-0: @crust;\n --base-inverted: @surface0;\n\n --tab-color-current: @accent;\n --tab-color: @text;\n --tab-color-hover: @base;\n --tab-bg-hover: fade(@accent, 70%);\n\n --link-branded-color: @accent;\n --link-branded-color-hover: @accent;\n --link-color: @text;\n --link-color-hover: @blue;\n --link-bg-hover: @mantle;\n --link-color-secondary: @subtext1;\n --link-color-secondary-hover: @text;\n --link-bg-current: @mantle;\n --link-color-current: @accent;\n --link-current-bg: @surface0;\n --link-current-color: @accent;\n\n --btn-bg-hover: @surface0;\n --btn-color: @text;\n --btn-color-hover: @accent;\n --btn-primary-bg: @accent;\n --btn-primary-bg-hover: fade(@accent, 90%);\n --btn-primary-color: @base;\n --btn-primary-color-hover: @crust;\n\n --button-primary-color: @base;\n --button-primary-color-hover: @base;\n --button-primary-bg: @accent;\n --button-primary-bg-hover: fade(@accent, 90%);\n --button-secondary-bg: @surface1;\n --button-secondary-bg-hover: fade(@surface1, 90%);\n --button-secondary-color: @subtext1;\n --button-secondary-color-hover: @text;\n --button-outlined-bg-hover: @mantle;\n --button-outlined-color: @subtext1;\n --button-outlined-color-hover: @text;\n --button-outlined-border: @surface0;\n --button-outlined-border-hover: @surface1;\n --button-ghost-bg-hover: @base;\n --button-ghost-color: @text;\n --button-ghost-color-hover: @text;\n --button-ghost-dimmed-color: @subtext0;\n --button-ghost-dimmed-color-hover: @subtext1;\n\n --reaction-like-bg: fade(@red, 10%);\n --reaction-like-color: @red;\n --reaction-comment-color: @yellow;\n --reaction-save-color: @blue;\n // Article like button when liked.\n img[src^=\"https://assets.dev.to/assets/heart-plus-active-\"] {\n @svg: escape(\n '<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#a)\"><path d=\"M19 14v3h3v2h-3v3h-2v-3h-3v-2h3v-3zm1.243-9.243a6 6 0 0 1 .507 7.91 6 6 0 0 0-8.061 8.127l-.69.691-8.478-8.492a6 6 0 0 1 8.48-8.464 6 6 0 0 1 8.242.228\" fill=\"@{red}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.076 16.974v-3h-2v3h-3v2h3v3h2v-3h3v-2zm-6.311 3.794\" fill=\"@{overlay0}\"/></g><defs><clipPath id=\"a\"><path fill=\"@{mantle}\" d=\"M0 0h24v24H0z\"/></clipPath></defs></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n --divider: @surface0;\n\n --label-primary: @text;\n --label-secondary: @subtext1;\n\n --accent-brand: @accent;\n --accent-danger-darker: @red;\n --accent-danger: @red;\n --accent-warning: @yellow;\n --accent-warning-a10: fade(@yellow, 10%);\n --accent-success-a10: fade(\n @green,\n 20%\n ); // Share article link \"copied to clipboard\" confirmation.\n\n --card-bg: @base;\n --card-color: @text;\n --card-border: @mantle;\n --card-secondary-bg: @surface0;\n --card-secondary-bg-hover: fade(@surface0, 90%);\n --card-secondary-color: @subtext1;\n --card-secondary-border: @surface0;\n --card-tertiary-bg: @surface0;\n --card-tertiary-bg-hover: fade(@surface0, 90%);\n --card-color-tertiary: @text;\n\n --cta-branded-bg-hover: @accent;\n --cta-branded-color: @accent;\n --cta-branded-color-hover: @base;\n --cta-branded-border: @accent;\n --cta-branded-border-hover: @accent;\n\n --tooltip-bg: @surface2;\n --tooltip-color: @text;\n\n --modal-bg: @surface0;\n\n --tag-bg: fade(@blue, 10%);\n --tag-bg-hover: fade(@blue, 20%);\n --tag-color: @blue;\n --tag-color-hover: @blue;\n --tag-prefix: @blue;\n --tag-prefix-hover: @blue;\n\n --indicator-bg: @blue;\n --indicator-color: @base;\n --indicator-subtle-bg: fade(@blue, 20%);\n --indicator-subtle-color: @subtext1;\n\n --syntax-background-color: @mantle;\n\n // popular colors have accent colors. These colors are dynamically assigned,\n // whereas other tags fallback color is not overrided by root variables.\n .crayons-tag__prefix {\n --tag-prefix: @blue;\n }\n\n // danger button\n .crayons-btn--danger {\n --color: @base;\n --color-hover: @crust;\n }\n\n // like and reply button icons in comments\n .crayons-btn--ghost .reaction-icon {\n filter: none;\n }\n\n // billboard cards on right column has statically coded borders\n .text-styles--billboard {\n > div {\n border-color: @surface0 !important;\n }\n }\n\n // dev.to doesn't provide style for <hr />\n hr {\n border-color: @surface2;\n }\n\n // Dev++ page\n // NOTE: This styling might change in future\n // as it is wrapped with custom conatiner with different variables.\n #custom {\n background-color: @crust;\n color: @text;\n\n // background\n .tw-bg-dolphin,\n .tw-bg-white,\n .tw-bg-black,\n .tw-bg-zinc-50,\n .tw-bg-zinc-950 {\n background-color: @crust;\n }\n\n .tw-bg-zinc-100,\n .tw-bg-zinc-200,\n .tw-bg-zinc-800,\n .tw-bg-zinc-900 {\n background-color: @mantle;\n }\n\n // text\n .tw-text-black,\n .tw-text-white,\n .tw-text-zinc-50,\n .tw-text-zinc-950 {\n color: @text;\n }\n\n .tw-text-zinc-100,\n .tw-text-zinc-200,\n .tw-text-zinc-800,\n .tw-text-zinc-900 {\n color: @subtext1;\n }\n\n .tw-text-zinc-300,\n .tw-text-zinc-400,\n .tw-text-zinc-600,\n .tw-text-zinc-700 {\n color: @subtext0;\n }\n\n // border\n .tw-border-zinc-800,\n .tw-border-zinc-600 {\n border-color: @surface0;\n }\n }\n }\n}\n",
|
|
"originalDigest": "8d0fbfbb0609958e44b57b27b19ac05ee444669b",
|
|
"_id": "b65833f3-6065-44bc-94fe-d6a1b92f57c0",
|
|
"_rev": 1780236870586,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 73
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "ListenBrainz Catppuccin",
|
|
"description": "Soothing pastel theme for ListenBrainz",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/listenbrainz/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "ListenBrainz Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/listenbrainz",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/listenbrainz",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/listenbrainz/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Alistenbrainz",
|
|
"description": "Soothing pastel theme for ListenBrainz",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name ListenBrainz Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/listenbrainz\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/listenbrainz\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/listenbrainz/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Alistenbrainz\n@description Soothing pastel theme for ListenBrainz\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"listenbrainz.org\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n // We can't control which theme is passed to Toastify's props from CSS, but\n // we can replace the default theme with whatever colours we want.\n --toastify-color-light: @overlay0;\n --toastify-text-color-light: @text;\n --toastify-color-info: @blue;\n --toastify-color-success: @green;\n --toastify-color-warning: @yellow;\n --toastify-color-error: @red;\n\n body {\n color: @text;\n background-color: @base;\n\n nav[role=\"navigation\"] {\n .navbar-header .navbar-toggle {\n border-color: @accent;\n .icon-bar {\n background-color: @accent;\n }\n }\n\n .navbar-logo > img {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 27 30\"><path fill=\"@{mauve}\" d=\"M13 1 1 8v14l12 7z\"/><path fill=\"@{peach}\" d=\"m14 1 12 7v14l-12 7z\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n #side-nav {\n background-color: @mantle;\n a,\n a:visited {\n color: @blue;\n &:hover {\n color: @sky;\n }\n }\n\n .search-bar input {\n background-color: @surface0;\n color: @text;\n &:focus {\n box-shadow: inset 1px 2px 4px @surface1;\n ~ button {\n box-shadow: inset -3px 2px 4px @surface2;\n }\n }\n ~ button {\n background-color: @surface1;\n color: @text;\n }\n }\n\n .mobile-nav-fix {\n background-color: transparent;\n }\n }\n\n #side-nav-overlay {\n background-color: @crust;\n }\n }\n }\n\n a {\n color: @blue;\n &:hover {\n color: @sky;\n }\n &:visited:not(.btn) {\n color: @lavender;\n &:hover {\n color: @sky;\n }\n }\n }\n\n h2,\n h3,\n h4 {\n color: @text;\n }\n\n .text-muted,\n .help-block {\n color: @subtext0;\n }\n\n .text-success {\n color: @green;\n }\n\n .text-danger {\n color: @red;\n }\n\n a > svg.fa-link {\n color: @text;\n }\n\n .form-control {\n border-color: @base;\n background-color: @surface0;\n color: @text;\n }\n\n .panel {\n background-color: @surface0;\n color: @text;\n border-color: @surface1;\n .panel-heading {\n background-color: @surface1;\n outline-color: @surface2;\n }\n }\n\n .well {\n background-color: @surface0;\n border-color: @mantle;\n }\n\n .toggle-switch {\n background-color: @surface0;\n &::before {\n background-color: @overlay0;\n }\n }\n .toggle-checkbox:checked + .toggle-switch {\n background-color: @surface1;\n &::before {\n background-color: @accent;\n }\n }\n\n .table {\n tr {\n > td,\n > th {\n border-color: @surface1;\n }\n }\n\n &.table-striped > tbody > tr:nth-of-type(2n+1) {\n background-color: @surface0;\n }\n }\n\n .music-service-selection .music-service-option {\n label {\n background-color: @surface1;\n border-color: fade(@green, 50%);\n }\n\n input[type=\"radio\"]:checked + label {\n background-color: fade(@green, 50%);\n &::after {\n color: @green;\n border-color: @green;\n background-color: @surface1;\n }\n }\n }\n\n .pill.secondary {\n color: @text;\n border-color: @subtext0;\n }\n\n .btn-primary,\n .btn-info,\n .btn-outline,\n .musicbrainz-profile-button,\n .lb-follow-button.block,\n .pill.secondary.active {\n color: @crust;\n background-color: @accent;\n border-color: transparent;\n\n &:hover {\n color: @crust;\n background-color: darken(@accent, 5%);\n }\n }\n\n .open > .dropdown-toggle.btn-info {\n color: @crust;\n background-color: darken(@accent, 10%);\n }\n\n .secondary-nav > ol.breadcrumb {\n background-color: @mantle;\n border-color: @crust;\n > li.active {\n color: @text;\n border-color: transparent;\n }\n }\n\n .secondary-nav .nav.nav-tabs {\n background-color: @mantle;\n border-color: @crust;\n > li {\n background-color: @mantle;\n border-color: @crust;\n > a {\n background-color: transparent;\n border-color: @crust;\n color: @subtext1;\n &.active {\n border-bottom-color: transparent;\n }\n }\n &:hover {\n background-color: @surface0;\n }\n\n &.active {\n background-color: @base;\n border-bottom-color: transparent;\n }\n }\n }\n\n @media (max-width: 991px) {\n .secondary-nav::after {\n background: linear-gradient(270deg, @crust, transparent);\n }\n }\n\n .listen-header h3 {\n color: @subtext0;\n &::after {\n border-top-color: @surface1;\n }\n }\n\n .webSocket-box {\n border-bottom-color: @mantle;\n .read-more {\n background-image: linear-gradient(to bottom, transparent, @base);\n }\n }\n\n .heart-actions() {\n .love {\n stroke: @text;\n &.loved {\n color: @red;\n stroke: transparent;\n }\n &:hover {\n color: transparent;\n stroke: @red;\n }\n }\n\n .hate {\n stroke: @text;\n &.hated {\n color: @mauve;\n stroke: transparent;\n }\n &:hover {\n color: transparent;\n stroke: @mauve;\n }\n }\n }\n\n .card {\n background-color: @surface0;\n border-color: transparent;\n box-shadow:\n fade(@surface0, 10%) 0 1px 1px,\n fade(@surface0, 15%) 0 2px 2px,\n fade(@surface0, 20%) 0 4px 4px;\n\n &#listen-count-card {\n margin-bottom: 5px;\n border-color: @surface1;\n }\n\n &.listen-card {\n .listen-thumbnail > div {\n color: @accent;\n background-color: @surface1;\n border-top-left-radius: 7px;\n border-bottom-left-radius: 7px;\n }\n\n .listen-time {\n color: @subtext0;\n }\n .listen-controls {\n .btn.dropdown-toggle,\n .btn.play-button,\n .btn-transparent[title=\"Reset\"] {\n color: @text;\n &:hover,\n &.playing {\n color: @accent;\n }\n }\n\n .heart-actions();\n }\n\n &.playing-now,\n &.current-listen {\n background-color: @surface1 !important;\n\n .listen-thumbnail > div {\n background-color: @surface2;\n height: 100%;\n }\n }\n }\n }\n\n hr,\n #listen-count-card hr,\n .card-user-sn hr {\n border-top-color: @surface1;\n }\n\n .follower-following-list,\n .similar-users-list {\n box-shadow: inset 0 11px 8px -10px @base;\n > :not(:first-child) {\n border-color: @surface1;\n }\n }\n\n .progress {\n background-color: @surface1;\n\n .progress-bar.purple {\n background-color: @mauve;\n }\n\n .progress-bar.orange {\n background-color: @peach;\n }\n\n .progress-bar.red {\n background-color: @red;\n }\n }\n\n .dropdown-menu {\n background-color: @overlay0;\n button,\n a {\n color: @text !important;\n &:visited {\n color: @text !important;\n }\n &:hover {\n background-color: fade(@accent, 30%) !important;\n }\n }\n }\n\n .pager li {\n > a,\n > a:focus,\n > a:visited,\n a:active,\n > span {\n background-color: @surface0;\n border-color: @surface1;\n\n &:hover {\n background-color: @surface1;\n }\n }\n\n > a,\n > a:focus,\n > a:visited,\n > a:active {\n color: @blue;\n &:hover {\n color: @sky;\n }\n }\n\n &.disabled {\n > a,\n > a:focus,\n > a:visited,\n > a:active,\n > span {\n color: @text;\n background-color: @surface0;\n &:hover {\n background-color: inherit;\n }\n }\n }\n }\n\n .react-datetime-picker {\n .react-datetime-picker__wrapper {\n border-color: @mantle;\n }\n .react-calendar {\n background-color: @surface0;\n border-color: @surface1;\n\n .react-calendar__navigation,\n .react-calendar__viewContainer {\n button:disabled {\n background-color: @surface2;\n }\n button:enabled:hover {\n background-color: @surface1;\n }\n button:enabled:focus {\n background-color: transparent;\n }\n\n .react-calendar__tile--now {\n background-color: @peach;\n color: @crust;\n &:enabled:hover {\n background-color: @yellow;\n }\n }\n\n .react-calendar__tile--hasActive,\n .react-calendar__tile--active {\n color: @text;\n background-color: fade(@accent, 40%);\n &:enabled:hover {\n background-color: fade(@accent, 50%);\n }\n }\n }\n\n .react-calendar__month-view__days__day--neighboringMonth {\n color: @subtext0;\n }\n\n .react-calendar__month-view__days__day--weekend {\n color: @red;\n }\n }\n }\n\n .stats-full-width-graph {\n line {\n stroke: @subtext0 !important;\n }\n\n text {\n fill: @text !important;\n }\n\n &.user-artist-map > div + div > div,\n svg + div > div {\n background-color: @overlay0 !important;\n color: @text !important;\n }\n }\n rect[fill=\"#353070\"] {\n fill: @mauve;\n }\n rect[fill=\"#eb743b\"] {\n fill: @peach;\n }\n .badge-info {\n background-color: @surface1;\n color: @text;\n }\n\n .modal-content {\n background-color: @mantle;\n button.close {\n color: @text;\n opacity: 1;\n text-shadow: none;\n }\n\n .track-search {\n #recording-mbid,\n .track-search-dropdown {\n background-color: @surface0;\n color: @text;\n border-color: @crust;\n }\n }\n\n .modal-header,\n .modal-footer {\n border-color: @crust;\n }\n }\n\n .explore-card {\n background-color: @surface0;\n filter: drop-shadow(0 4px 4px fade(@overlay0, 25%));\n .explore-card-img {\n border-color: @surface0;\n }\n .explore-card-text {\n background-color: @surface0;\n }\n }\n\n .sidebar {\n background-color: @mantle;\n .sidebar-header {\n background-color: @crust;\n color: @text;\n }\n .sidenav-content-grid {\n background: transparent;\n }\n }\n .rc-slider-rail {\n background-color: @surface1;\n }\n .rc-slider-handle {\n background-color: @accent;\n &.rc-slider-handle-dragging {\n background-color: @accent;\n border-color: @accent;\n }\n }\n .rc-slider-mark-text {\n color: @subtext0;\n }\n .release-card-grid-title {\n background-color: transparent;\n &::before,\n &::after {\n border-color: @surface0;\n }\n }\n\n #homepage-container {\n @homepage-bg: linear-gradient(288deg, @peach 16.96%, @mauve 98.91%);\n @flipped-blue: if(\n @flavor = latte,\n @catppuccin[@mocha][@blue],\n @catppuccin[@latte][@blue]\n );\n @flipped-sky: if(\n @flavor = latte,\n @catppuccin[@mocha][@sky],\n @catppuccin[@latte][@sky]\n );\n\n .homepage-upper {\n background: @homepage-bg;\n\n h1 {\n color: @crust;\n }\n .homepage-info {\n h1 {\n color: @text;\n }\n\n .homepage-info-links > a {\n color: @blue;\n &:hover {\n color: @sky;\n }\n }\n }\n\n .homepage-upper-grey-box {\n background-color: @base;\n }\n }\n\n .homepage-lower {\n background: @homepage-bg;\n h1 {\n color: @text;\n }\n\n .homepage-info {\n color: @crust;\n h1 {\n color: @crust;\n }\n\n .homepage-info-links > a {\n color: @flipped-blue;\n &:hover {\n color: @flipped-sky;\n }\n }\n }\n\n .homepage-lower-grey-box {\n background-color: @base;\n }\n }\n\n .homepage-info {\n color: @text;\n .create-account-button {\n background-color: @accent;\n color: @crust;\n &:hover {\n background-color: darken(@accent, 5%);\n }\n }\n }\n }\n\n #brainz-player {\n background-color: @mantle;\n border-color: @crust;\n\n .progress {\n background-color: @surface1;\n > .progress-bar {\n background-color: @accent;\n }\n }\n\n .no-album-art {\n background-color: transparent;\n }\n\n .controls > .btn-link,\n .actions > a {\n color: @accent;\n }\n\n .actions {\n .heart-actions();\n\n .fa-ellipsis-vertical {\n stroke: @accent;\n }\n }\n\n .dropup-content {\n .dropdown-menu();\n }\n }\n\n .footer {\n background-color: @mantle;\n color: @text;\n border-color: @crust;\n .color-gray {\n color: @subtext0;\n }\n .section-line {\n border-color: @crust;\n }\n }\n }\n}\n",
|
|
"originalDigest": "fdb3fee58092d6d770ff2cd37499fc04cb3cdb99",
|
|
"_id": "01885072-0288-47cd-a0bb-a0eba251fc87",
|
|
"_rev": 1780236870632,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 74
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "go.dev Catppuccin",
|
|
"description": "Soothing pastel theme for go.dev",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/go.dev/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "go.dev Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/go.dev",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/go.dev",
|
|
"version": "2026.01.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/go.dev/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ago.dev",
|
|
"description": "Soothing pastel theme for go.dev",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name go.dev Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/go.dev\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/go.dev\n@version 2026.01.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/go.dev/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ago.dev\n@description Soothing pastel theme for go.dev\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"go.dev\") {\n :root[data-theme=\"auto\"],\n :root:not([data-theme]) {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n :root[data-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n :root[data-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n background-color: @base;\n\n --abbey: @mantle;\n --black-1: @crust;\n --color-border: @surface2;\n --color-background: @base;\n --color-background-accented: @mantle;\n --color-background-banner: @mantle;\n --color-background-card-footer: @crust;\n --color-background-code: @surface0; // Code Snippets\n --color-background-info: @surface1;\n --color-background-alert: fade(@red, 40%);\n --color-background-inverted: @crust;\n --color-background-logo: @text;\n --color-background-playground-input: @mantle;\n --color-brand-primary: @accent; // Affects most Go-Color Elements\n --color-button: @accent;\n --color-button-accented: @accent;\n --color-button-text: @crust;\n --color-button-text-disabled: @subtext0;\n --color-bright-text-link: @accent;\n --color-text: @text;\n --color-text-link: @accent;\n --color-text-subtle: @subtext1;\n --focus-box-shadow: 0 0 0.0625rem 0.0625rem @accent; // Only modifies color;\n --gray-2: @surface0;\n --gray-3: @text;\n --gray-6: @crust;\n --pink: @red;\n --turq-dark: @accent;\n --white: @text;\n --border-code: 0.0625rem @surface2 solid;\n\n .btn {\n background: @accent;\n color: @crust;\n }\n // /dl page in go.dev\n .Downloads {\n div.filename img {\n @svg: escape(\n '<svg width=\"14\" height=\"13\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.992 12.992V12q.928 0 1.408-.176.384-.127.512-.384.08-.144.08-.448H.496L0 10.496v-10L.496 0h12.992L14 .496v9.248l-1.008-1.008V.992h-12V10H6.72l-.496.496 2.496 2.496zm7.856 0 2.512-2.496-.72-.704-1.648 1.664V4.992H10v6.448L8.352 9.792l-.704.704 2.496 2.496z\" fill=\"@{text}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n table.downloadtable {\n --color-background-accented: @surface0;\n }\n }\n // Main Page Footer & Pkg.go Footer\n .Footer,\n .go-Footer {\n background-color: @mantle;\n\n img.Footer-gopher,\n img.go-Footer-gopher {\n @svg: escape(\n '<svg viewBox=\"0 0 1431 901\" xmlns=\"http://www.w3.org/2000/svg\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" stroke-linejoin=\"round\" stroke-miterlimit=\"2\"><path d=\"M335.6 867.8c-.6-33-1.1-47.7-2.2-69.6-.6-10.6-.7-11.2-2.4-10-1 .7-5.7 4.6-10.6 8.6-15.4 12.5-25.1 16.2-47.4 17.7-12.7.9-17.2 2.1-32 9-7.5 3.5-15.5 6.8-17.8 7.5-3.1.8-15.6.9-45 .4l-40.7-.7-9.5 4c-18.4 7.8-31.9 11-41.5 9.8-9-1.2-21.4-4.4-26.4-7-11.5-5.8-23.1-18.3-38.8-42-19.7-29.6-24.6-42-19.2-48.9 1.2-1.5 4.9-4.1 8.3-5.8 11.3-5.6 11.9-6.4 14.1-17.1 1.2-6 7.3-8.4 13.3-5.3 3.7 2 9.4 8.1 13.4 14.6 4.4 7.1 4.6 7.5 6.9 20.5 2.8 15.5 8.5 38.9 10.8 44 1.8 4 2.4 4.5 7.7 6.1 8.5 2.4 23.5 1.5 32.9-2.1 3.9-1.4 12.2-4 18.5-5.6 11.1-2.9 12.5-3.1 36.5-3.4 35-.4 54.8-3.6 62.5-10.1 7-5.9 28-56.1 35.4-84.8 5.2-19.7 5.7-30.9 2.2-46.5-5.3-23.4-13.3-77.8-14.3-96.6-.6-11.5 1-23.3 6-46l2.2-10-5.1-5.2c-6.2-6.1-11.4-15.1-14.4-24.8-3-9.6-3.8-28.1-1.6-38.4.9-4.1 1.5-7.5 1.3-7.6-.1-.1-3.1-2.2-6.7-4.7-22-15.4-33.1-36.4-33.3-62.8-.1-13.6 1.3-22.8 5.9-37 4.6-14.5 10.8-24.6 21.3-35 10.1-10 18.1-14.9 30.8-19 13.1-4.2 20.8-5.3 38.3-5.3h15.6l2.3-11.1c3.4-16.3 8.6-32.9 13.7-43.4 7.5-15.5 20.5-27 45.1-39.9 8.5-4.4 12.6-7.4 19.3-13.8 5.3-5.1 14.5-12.1 24.5-18.8 18.3-12.1 35.8-26.7 47.2-39.4 11.3-12.7 14.6-15.6 26.8-23.7 18.8-12.5 55-31.8 79.1-42.1 14.6-6.3 23-8.3 62.4-14.9 18.4-3.2 39.1-6.9 46-8.4C689.2.6 690.3.5 723.5.5c35.9 0 51.2.9 82.5 5.1 21.1 2.8 34.6 6 44 10.2 6.9 3.2 34.5 13.3 62 22.7 43.7 15.1 57 19.9 62.5 22.7 14.2 7.1 36.1 24.7 70 56.3 20.2 18.8 22 20.2 42.9 34.5 32.3 22 35.4 26.2 48.7 67.5 12.3 38.2 11 35 14.5 34.8 5.6-.3 24.6 1.7 31.3 3.3 3.6.8 11.2 3.8 16.8 6.5 21.8 10.7 35.3 28.8 43.1 57.8 2.1 8.1 2.6 11.8 2.6 24.1.1 13.4-.1 15.2-2.8 23.3-4.6 14-14.3 27.1-25.6 34.8l-5.1 3.4.8 10c1.3 16.4.8 39-1.1 48.4-1.8 8.9-6.1 19.3-9.2 22.5-1.6 1.7-1.8 3.2-1.6 10.2.4 8.1-1.6 26.9-4.3 40.7-1.3 7-1.3 7.3 1 11.2 1.3 2.2 5.1 7.2 8.5 11 3.4 3.9 7 8.7 8.1 10.8 5.5 10.4 8.6 35.4 7.5 60-1.3 29.3-4.8 40.9-26.6 86.4-8.6 18-11.4 25.6-10.6 29.7.8 4.3 5.3 10.7 10.6 15.1 6.7 5.6 29 20.3 40.9 26.9 7.7 4.4 12.9 8.3 20.5 15.5 13.2 12.5 18.7 15.5 28.1 15.5 12.6-.1 19.7-5.3 28.4-21 7.6-13.7 11-18 26.9-34.5 15.4-15.9 23.6-22.5 35.2-28.4 19.8-10 37.8-9.9 49.2.3 5.7 5.2 7.8 9.2 7.8 15.1 0 5.5-1.3 8.4-6.2 13.7-8.2 8.9-22 16.5-44.2 24.3-13.7 4.9-18.2 7.7-29.8 19.1l-10.6 10.5-4.1 12.8c-2.2 7-5.3 14.6-7 17-6.8 9.8-24.2 23.7-31.5 25.1-2.5.5-5.8-.2-13-2.8-11.8-4.3-21-6.3-35.2-7.5-18.2-1.7-31.8-7.6-66.6-29.4-16.9-10.5-27.8-16.7-29.3-16.7-.3 0-.3 14.5.1 32.3.4 17.7.4 36.1 0 41l-.8 8.7H336.3z\" fill=\"@{crust}\" fill-rule=\"nonzero\"/><g fill=\"@{text}\" fill-rule=\"nonzero\"><path d=\"M348 874.8c0-14.5-.7-42.9-1.5-63.3l-1.4-37 3.7-3c13.5-10.9 22.7-22.5 31.7-39.8 6.6-12.9 6.9-15.6 2.8-35.8-4.9-24.8-3.7-39.6 5.9-75.9 1.7-6.3 3.3-12.5 3.6-13.7.2-1.3.8-2.3 1.1-2.3.4 0 5.4 2.4 11.2 5.4 12.3 6.5 27.3 11.8 41.3 14.8 8.1 1.7 13.6 2.1 27.6 2.2 36.6.1 71.3-8.2 103.4-24.6 10.3-5.3 29.9-17.9 31.3-20.1.4-.6 1.2 2.6 1.9 7.1 2.7 19.2 13 30 32 33.5l6.9 1.3-.3 7.5c-.1 4.1-.7 16.4-1.2 27.4-1.5 32-1.4 37.2 1.4 43.1 6.6 14.1 24 21.9 41 18.4 7.5-1.5 19.9-7.9 26.2-13.4l4.9-4.3 4.4 3.4c9.7 7.4 24.6 12.6 36.1 12.5 15.9-.1 29.1-10.4 33.7-26.4 2.3-8.3 2.8-35.4.9-53.4-.9-8.3-1.6-15.6-1.6-16.2 0-.7 1.2-1.2 2.8-1.2 4.6 0 15.6-2.7 20.5-5 11.2-5.3 19.3-16.8 21.8-31.2.7-4 1.3-7.4 1.5-7.6.1-.2 2.8 1.3 6 3.4 16 10.2 42.3 20.6 65.4 25.8 21.5 4.8 32.9 6 57 6 24.9.1 33.7-1.2 51.9-7.6 21.5-7.5 49.1-24.7 63-39.2 1.9-2 3.8-3.6 4.2-3.6s1 4.6 1.3 10.3c1.9 28.8 5.2 44.5 12.6 59.2 8 16.1 9.4 22.4 9.4 45.5l.1 19.5-5.1 17.5c-7.1 24.1-9.6 36.5-9.8 48.5-.1 8.7.2 10.6 2.3 14.4 4.8 9.1 17.7 20.5 33.8 30l7.3 4.3.2 43.7.3 43.6v14.95c4.5.9-86 3.267-390.7 3.367L348 914.264z\"/><path d=\"M1288.5 863.9c-9.3-3.7-23.3-6.8-35.4-7.9-19.1-1.6-30.4-6.5-65.8-28.6-10.1-6.3-25.1-15-33.4-19.4-26.6-14.2-40.8-24.9-45.5-34.6-2.5-5-2.6-6.2-2.1-13.4.8-9.8 4.4-26.3 10.4-46.9 4.1-14.3 4.5-16.8 5-29.9.9-23.2-2.5-40.5-10.8-55.7-6.9-12.7-10.5-31.3-11.5-59.5l-.6-16.5 5.8-7c9.6-11.7 18.8-26.7 24.2-39.3l2.3-5.3 4.7.8c2.6.4 11.9.7 20.7.6 15.3-.1 23.9-1.3 32.9-4.9 1.8-.7 1.9-.3 1.2 8.2-.3 4.9-1.8 16.3-3.2 25.4-1.4 9-2.3 17.7-2 19.3.7 3.4 5 9.8 12.9 19 3.3 3.8 6.8 9.2 7.9 11.9 3.2 8.4 4.8 22.9 4.8 42.8 0 34-2.1 41.6-24.5 89.5-5.7 12.1-10.8 23.8-11.4 26-3.6 13.4 1.7 24.2 18.2 36.4 10.2 7.6 27 18.4 38.7 24.9 4.6 2.5 11.7 8.1 18.4 14.2 6.3 5.9 13.5 11.5 17 13.3 5.7 3 6.8 3.2 16.1 3.2 8.9 0 10.6-.3 15.7-2.8 7.4-3.6 15.4-12.4 21.3-23.2 2.6-4.7 6.3-10.7 8.3-13.4 4.6-6 28-30.7 28.5-30.1.2.3 2.3 6 4.5 12.8l4.1 12.2-5.7 3.6c-7.1 4.6-25.8 22.7-28.2 27.4-.9 1.9-3.1 8-4.8 13.5-3.6 11.5-7.2 17.5-14.5 24.1-6.4 5.8-15 11.4-17.4 11.4-1-.1-4-1-6.8-2.1m-1211-30.5c-10.4-2.2-16.8-5.6-24.2-12.6-7.8-7.5-15.4-17.3-26.3-34-8.1-12.2-18-30.7-18-33.4 0-.7 3.5-3.1 7.8-5.3 10.6-5.3 14.7-10.2 16.4-19.6.4-1.7 1-1.4 4.6 2.4 6.5 7.1 8.7 12.3 11.7 27.6 5.4 28.8 10.4 45.2 14.8 49.4 8 7.5 31.7 8.7 48.8 2.5 19.8-7.2 22.1-7.6 52.9-8.4 46.7-1.3 64-5.5 71.8-17.8 11.3-17.5 31.6-70.9 36.2-94.9 2.9-15.5 2.5-29-1.8-48.8-6.4-30.2-13.7-85.3-12.7-96 .6-6.2 7-40.4 7.7-41 .2-.2 4.1 1 8.8 2.6 10.8 3.6 21.3 5.2 30.7 4.7 4.8-.2 7.3 0 7.3.8 0 .6 2 5.2 4.5 10.2 12.5 25.9 39.2 56.8 62.9 73.1 3.5 2.4 4.6 3.7 4.1 4.9-1.3 3.4-9.5 36.1-11.7 46.7-3.1 15.5-3 31.5.6 49.4 3.5 18.2 3.4 21.5-1 30.4-4.7 9.4-13.2 22.1-18.6 27.7-2.4 2.5-11.1 10.4-19.2 17.5-34.1 29.8-37.2 31.5-62.2 33.5-16.9 1.3-21.2 2.5-36.9 10.2l-13 6.3-44.5.1-44.5.2-12.5 5c-20.9 8.5-29.4 9.8-44.5 6.6m1298-47.6c-3.7-10-4.4-13.2-3.3-13.9 1.9-1.2 2.6-.3 4.3 5.9.9 3.1 1.8 6.5 2.1 7.5.6 2-2.4 2.5-3.1.5m5.2-3.2c-.4-1 1.3-2 5.6-3.6 9.5-3.4 23.7-10.8 28.5-14.7 7.2-5.9 8.8-11.1 5.2-17.1-5.7-9.4-24.3-9.7-43.7-.7-8.6 4-10.7 2.9-3.1-1.5 11.9-6.8 25.5-10 34.3-8.1 9.4 2.1 17.5 9.3 17.5 15.5 0 8.6-11.6 18.1-33.3 27.4-5.4 2.3-9.9 4.2-10.1 4.2s-.6-.6-.9-1.4\"/><path d=\"M1378.2 774.3c-1.1-3.7-.9-5.3 1-5.3 1.7 0 18.1-7.9 20-9.7 2.5-2.2 2.3-5.1-.5-5.8-2.3-.6-10 1.5-19.5 5.4l-5.3 2.1-1.8-4.2-1.8-4.3 4.6-2.4c7.3-3.8 18-7.1 25.1-7.7 5.4-.5 7.5-.3 11.3 1.4 5.1 2.3 9 7.4 8.1 10.7-1 3.7-10.1 11.1-18.6 15.3-8.7 4.2-18.5 8.2-20.4 8.2-.6 0-1.6-1.6-2.2-3.7\"/><path d=\"M1369.6 769.3c-2.3-2.3 4.7-6.4 19.3-11.3 12.2-4.1 11.8-1.5-.6 4.3-10.9 5-18 7.7-18.7 7m-4-12.8c-3.1-9.5-1.6-10.9 2.4-2.1 3.4 7.5 3.5 8.2 1.6 8.9-1.1.4-2.1-1.4-4-6.8m-693.3-49.1c-4.9-1.8-12-8.5-13-12.3-.7-2.6 1.3-60.3 2.3-67.7l.6-4.2 5.8-.6c3.3-.4 8.3-1.4 11.2-2.2 16.2-4.5 24.1-6.3 30.7-6.9l7.3-.7-.3 38.7-.4 38.7-6 5.6c-11.6 10.8-27.3 15.6-38.2 11.6m81.8-1.9c-8.1-1.8-17.6-6.3-22.2-10.6l-3.7-3.4.5-39.4.6-39.4 7.8.7c9.7.8 44.1 6.5 45.1 7.4.4.4 1.4 8.1 2.3 17.2 2.1 20.4 1.7 45-.9 52.1-4.6 12.6-15.6 18.4-29.5 15.4m-300.3-89c-43.5-6.8-87.7-37.3-116.7-80.4-16.4-24.3-20-36.7-20.8-72.2-.6-25.1.4-39.1 4.2-58.4 11.4-57.3 38.8-101 81.4-129.6 49-33 132.7-53.8 248.6-61.9 31.8-2.2 107.8-3.3 140.9-2.1 138.2 5 222.7 27 270 70.2 33.4 30.6 55.2 72.2 63.6 121.3 6 35.2 4 78.4-4.7 99-3.5 8.5-12 22.7-18.8 31.6-26.9 34.8-59.3 57.1-97 66.7-10.5 2.7-12.1 2.8-34 2.8-28.6 0-44.5-2.2-70.4-9.7-18.9-5.4-39.3-14.7-52.6-23.9-6.4-4.4-7.2-5.4-9-10.6-5.2-15.2-21.8-29.7-44.9-38.9l-8-3.3-1.1-4.9c-1.3-5.7-4.1-9.9-9.3-14-17.4-13.8-52.1-18.1-79.7-10-20.3 5.9-32.2 18.1-29.5 30.2l.7 3.3-8.6 3.9c-18.5 8.3-35 22.2-41.9 35.2-2.6 4.9-5.1 7.7-11 12.4-19.6 15.7-43 27.7-68.4 35.4-27.3 8.2-60.7 11.3-83 7.9m83.7-50.9c29.7-5.2 58.3-17.2 80.7-33.8 11.1-8.2 30.3-25.4 37-33.1 17.2-19.7 27.5-39.9 32.9-64.7 3.1-13.7 3.3-39.7.6-53.3-9.1-44.9-38-81.8-79.8-101.6-39.3-18.7-79.7-19.9-123.9-3.8-66.2 24.1-109.2 65.8-122.5 118.7-3.7 14.8-4.8 24.2-4.7 41 .1 16.9 1.6 28 5.7 40.9 13.5 42.7 49.3 74.4 97.5 86.6 8.3 2.1 12.5 2.8 27.5 4.9 6.1.9 41.3-.4 49-1.8m413-18.6c37.9-3.7 70.6-17.5 93.5-39.6 18.4-17.7 29.5-39.4 33.7-65.8 2.4-15.5 1.4-48.9-2.1-65.3-14.4-68.2-64.7-110.1-147.6-122.8-14.5-2.2-48.3-3.1-59.1-1.6-47 6.8-86.5 33-109.3 72.8-13.1 22.8-18.3 44.6-17.3 73.1.6 18.3 2.7 29.3 8.7 44.7 9.5 24.5 27.9 48 49.7 63.7 10.4 7.5 35 20.7 48.3 26 32.7 12.8 68.2 18 101.5 14.8\"/><path d=\"M480.2 557.4c-24.5-3.5-48.5-13.1-67.2-26.7-14.4-10.5-30.4-30.5-37-46.3-11.8-28.3-12.8-63.9-2.8-95.3 7.1-22.5 17.4-38.9 35.7-57.1 10.8-10.7 22.1-20.2 22.1-18.7 0 .3-1.6 2.5-3.7 4.9-9.6 11.4-19.2 28.7-24.1 43.5-5.7 16.8-6.7 23.8-6.7 45.3.1 17 .4 20.7 2.4 29 7 28.4 20.6 52 41.3 71.5 26.5 24.9 59.6 38.6 96.8 40.2 13.1.5 30-.6 34.5-2.3.8-.3 1.5-.1 1.5.4 0 1.2-14.5 6.1-25.5 8.7-19.5 4.5-47.9 5.8-67.3 2.9\"/><path d=\"M527.5 535.4c-17.2-2.5-29.8-6.2-43.4-12.5-39.8-18.6-67.6-54.5-74.7-96.4-2.4-14.3-1.5-37.3 2-50.5 6.5-24.4 16.8-42.3 34.5-60.1 34.1-34 84.4-47.5 132.1-35.4 50.9 13 89.1 52.6 99.1 103 2.1 10.4 1.8 36.8-.5 47.3-5.4 25.2-17.3 47-35.6 65.2-18.8 18.9-42.4 31.5-70 37.5-7.3 1.6-36.9 2.9-43.5 1.9m110.6-82.6c12.1-6 21.1-16.9 24.3-29.3 6.9-26.1-10.1-52-37.1-56.7-21.6-3.7-43.4 9.8-50.3 31.1-1.9 6.1-2.2 8.6-1.8 16.7.5 8.4 1 10.3 4.2 16.9 5.9 11.9 15.2 19.9 28.1 24.1 2.5.9 7.8 1.3 14.6 1.1 9.9-.2 11-.4 18-3.9\"/><path d=\"M627.8 428.4c-3.1-1.6-5.8-6.1-5.8-9.5s3.8-8.6 7.1-9.8c6-2.1 13 1.7 14.4 7.9.9 4-1.7 9.6-5.4 11.4-3.7 2-6.8 2-10.3 0m284.7 110c-18.5-2.1-25.8-4.4-13.7-4.4 10.9 0 27.8-3.4 42.2-8.5 42.7-15.1 77-50.6 89.8-93 4.6-15 5.7-23.3 5.6-41-.1-12.5-.6-18.3-2.3-26.5-4-18.9-11.8-36.8-23.2-53-6.8-9.7-24.4-27.2-33.7-33.5-4-2.7-6.9-5.1-6.4-5.3 1.6-.5 19.7 7.4 28.7 12.5 30.2 17.2 52.1 43.1 62.5 74.1 8.9 26.7 11 65.2 5 90.1-11.9 48.9-53.3 80.6-115 88.1-7.8.9-32.4 1.2-39.5.4\"/><path d=\"M880 522.3c-51.6-3.7-96.5-34.8-116.1-80.3-6.8-15.7-9-26.1-9.6-45-.4-12.4-.1-18.7 1.1-25.5 8.4-48.5 46.6-90.1 95.1-103.6 18.9-5.2 43.3-6.6 62.2-3.3 50.5 8.5 92.4 44.5 106.7 91.4 7.5 24.7 7.2 51.4-.9 75.7-6.1 18.2-15.1 33.4-28.2 47.3-23.4 24.9-54.3 39.8-88.8 43-10.7 1-12.2 1-21.5.3M980.2 441c12.3-4.6 23.2-15.9 27.4-28.2 2.8-8.2 2.5-21.5-.6-30.1-4.6-12.9-15.6-23.4-29-27.7-5.8-1.9-8.6-2.2-16.4-1.8-8.3.3-10.2.8-16.8 4.1-9.7 4.7-16.8 11.8-21.5 21.5-3.2 6.4-3.7 8.5-4.1 16.4-.6 11.1 1.5 19.5 6.7 27.6 6.5 9.9 17.7 17.9 28.4 20.2 6.7 1.4 19.5.5 25.9-2\"/><path d=\"M971.3 412.5c-3.2-3.2-3.5-3.9-3-7.8 1.5-11.3 16-13.4 20.4-3 2.8 6.9-2.3 14.3-9.9 14.3-3.2 0-4.7-.7-7.5-3.5M646.5 610.9c-7.7-1.2-15.6-5.1-18.9-9.4-3.6-4.7-6-14.5-5.2-21.5 1.4-11.8 9.9-24.1 23.2-33.6 5.9-4.2 25.7-14.4 28-14.4.6 0 3.8 1.6 7 3.5 21.6 13 61.7 13.9 85.6 1.9 3.7-1.9 8.3-4.7 10.2-6.4l3.4-3.1 6.7 2.5c13 5 22.7 10.7 30.1 18.1 9.9 9.8 11.9 14.3 11.9 27 0 8.9-.4 10.7-2.9 16.3-7.8 17-23.1 20.3-62.1 13.3-30.8-5.5-58.7-5.2-77.3.9-14.3 4.7-29 6.5-39.7 4.9m-356.4-110c-22.4-4.4-35.5-15.2-41.9-34.7-2.1-6.5-2.5-9.6-2.6-20.2 0-6.9.2-13 .6-13.5.4-.7 5.1-.6 14.5.3 12 1.1 41.3 1.2 45 .1 1-.3 1.4 5.5 1.7 25.6.3 22.6 1 31.8 3.1 41.3.5 2.1.4 2.2-7.7 2.1-4.6-.1-10.3-.5-12.7-1m848.9-8.8c-3-.3-5.4-1-5.3-1.6 2.4-15 3.4-29.6 3.1-47.7l-.3-20.8 3.5.8c7.5 1.6 29.2.5 45.4-2.2 8.7-1.5 16.1-2.4 16.5-2.1 1.3 1.4.6 41.8-.8 47.5-2.1 8.5-5.5 15.3-8.9 18.2-8.5 7.2-30.1 10.4-53.2 7.9m-859.7-68.7c.3-1.1 1.8-7.3 3.2-13.9 3.6-16.3 10.1-42.3 13-52.1 5.4-17.8 20.8-45.6 47.9-86.6l1.8-2.8-2.8-1.1c-4.2-1.6-17.4-4.9-19.6-4.9-3 0-3-2-.3-14.1 3.6-16.2 8-30.1 12.5-39.5 6.1-12.8 18.3-23.5 39.1-34.8l8.6-4.6.7 3.1c.3 1.7.6 5.7.6 8.8 0 7.9 2.6 31.5 5 45.2 2.3 13.7 6.1 27.2 9.5 34.3l2.5 5.1-2.2 1.5c-16.6 11.1-37 30.2-47.9 45-20.7 28.1-34.8 62.8-40.5 100.2-1.4 8.9-2.2 11.7-3.4 11.7-.8 0-7.5.4-14.9.7-12.7.6-13.3.6-12.8-1.2\"/><path d=\"M256.5 416.7c-24.4-9.9-39.4-26.4-44.1-48.8-4.5-21 2.8-52 16.3-69.9 10.7-14.1 28.1-23.2 49.8-26.1 14.5-1.9 47.4.7 46.8 3.7-.1.6-4.2 7.4-9.1 15.3-5 7.8-11.2 18.3-13.8 23.2l-4.9 8.9-4.5-.7c-18.2-2.6-30.5 2.3-33.8 13.3-2.1 7.1-1.5 16.3 1.3 22.1 2.3 4.5 8.7 11.7 15.2 17l2.2 1.8-2.8 12c-1.6 6.6-3.9 16.4-5.1 21.8-1.7 7.5-2.5 9.7-3.8 9.7-.9 0-5.3-1.5-9.7-3.3m884.5-3c-4.7-1-5.5-1.5-5.8-3.7-.9-7.2-5.6-28.7-8.2-37.3-16.7-56.1-53.4-101.8-100.5-125.4-4.9-2.5-9.1-4.6-9.2-4.7-.2-.2 2.4-6.5 5.8-14.2 3.3-7.6 7.8-18.4 10.1-23.9 3.1-7.8 26.3-58 27.3-59.3.1-.2 4.7 2.8 10.1 6.6 5.5 3.8 15 10.4 21.2 14.7 11.5 8 20.7 17.6 25.1 26.3 1 2.1 5.9 16.3 10.9 31.7s9.4 28.8 9.7 29.7c.5 1.3 0 1.9-2.2 2.4-7.5 1.6-18 4.6-19.2 5.4-1.1.6.9 5.7 9.8 25 22.5 48.6 29.9 67.4 32.7 83 1.8 10.1 4 41 3.1 43.4-.5 1.3-2 1.6-7.9 1.5-4 0-9.8-.6-12.8-1.2\"/><path d=\"M1173.6 399.3c-.3-4.3-1.1-12.9-1.7-19.1-.6-6.3-.9-11.5-.7-11.6.2-.2 2.8-1.7 5.8-3.4 6.7-3.7 13.5-10.3 16.3-15.7 4.8-9 1.6-22.9-7-30.5-6.5-5.7-12.3-7.3-24.9-6.9l-10.5.4-9.8-21.3c-5.4-11.7-9.6-21.4-9.2-21.6 1.4-.9 16.6-2.6 23.1-2.6 38 0 62.8 18.4 73.6 54.5 2.1 6.9 2.8 11.9 3.1 21.5.6 14.1-.6 20.9-5.4 30.8-3.9 8-15.9 19.8-24.8 24.4-6.3 3.3-22.7 8.8-26 8.8-.9 0-1.5-2.3-1.9-7.7m-771.4-145c-6-15.6-10.2-39.8-12.3-70.7l-1.3-17.9 8-7.6c4.7-4.6 14.3-11.9 23.9-18.3 19-12.5 33.2-24.5 51.5-43.5 17.6-18.2 29.4-26 72.5-47.8 36.7-18.6 41.3-20 95-28.9 14.9-2.5 32.8-5.7 39.9-7.1 7-1.4 12.9-2.5 13.1-2.5.7 0 1.5 5.5 3.9 26 5.6 47.8 5.9 52.8 6.1 105.5.1 27.5.5 52.5.9 55.6l.8 5.7-15.8.6c-122.7 5-210.4 22-270.4 52.7-6.4 3.2-12 5.9-12.3 5.9s-1.9-3.5-3.5-7.7m598.2-18.3c-35.5-13.7-89.9-24.5-147.9-29.4-36.8-3.2-54.1-3.9-98-4l-45-.1-.7-13.5c-.4-7.4-.6-31.7-.6-54 .2-43.2-.6-55.3-6.7-104.9-1.4-10.7-2.2-19.7-1.9-20 1-1.1 51.7-.4 66.4.8 33.4 2.7 58.8 6.4 70.5 10.1 3.3 1 11.4 4.1 18 6.8 10.7 4.4 43.9 16.3 70.5 25.3 20.3 6.8 41.7 14.7 46.6 17.2 11.3 5.7 37.8 27.4 68.6 56.1l15.7 14.6-2.8 6.3c-1.6 3.4-6.3 13.4-10.6 22.2-4.2 8.8-9.8 21.2-12.4 27.5-10 24-18.4 43-19 42.9-.3 0-5.2-1.8-10.7-3.9\"/></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n img.go-Footer-googleLogoImg,\n img.Footer-googleLogoImg {\n @svg: escape(\n '<svg width=\"74\" height=\"24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M.128 9.276c0-5.105 4.32-9.261 9.457-9.261 2.842 0 4.865 1.107 6.388 2.552l-1.796 1.785c-1.091-1.017-2.569-1.807-4.592-1.807-3.75 0-6.683 3.004-6.683 6.731s2.932 6.732 6.683 6.732c2.432 0 3.82-.971 4.706-1.853.727-.722 1.204-1.761 1.386-3.184H9.585V8.44h8.57c.091.451.137.993.137 1.58 0 1.898-.523 4.248-2.206 5.92-1.636 1.693-3.728 2.597-6.5 2.597-5.139 0-9.458-4.156-9.458-9.262m25.09 6.914c-1.819 0-3.387-1.491-3.387-3.615 0-2.146 1.568-3.614 3.387-3.614s3.387 1.468 3.387 3.614c0 2.124-1.569 3.615-3.387 3.615m0-9.578c-3.32 0-6.024 2.507-6.024 5.963 0 3.434 2.705 5.964 6.024 5.964s6.024-2.53 6.024-5.964c0-3.456-2.706-5.963-6.024-5.963m13.142 9.578c-1.82 0-3.388-1.491-3.388-3.615 0-2.146 1.569-3.614 3.387-3.614s3.387 1.468 3.387 3.614c0 2.124-1.568 3.615-3.387 3.615m0-9.578c-3.319 0-6.024 2.507-6.024 5.963 0 3.434 2.705 5.964 6.024 5.964s6.024-2.53 6.024-5.964c0-3.456-2.705-5.963-6.024-5.963m13.107 9.578c-1.818 0-3.341-1.514-3.341-3.592 0-2.1 1.523-3.637 3.341-3.637 1.796 0 3.206 1.536 3.206 3.637 0 2.078-1.41 3.592-3.206 3.592m3.024-9.217v.972h-.091c-.591-.7-1.728-1.333-3.16-1.333-3 0-5.751 2.62-5.751 5.986 0 3.343 2.75 5.941 5.75 5.941 1.433 0 2.57-.633 3.16-1.356h.092v.859c0 2.281-1.228 3.501-3.206 3.501-1.614 0-2.614-1.152-3.023-2.123l-2.296.949c.66 1.581 2.41 3.524 5.32 3.524 3.091 0 5.705-1.808 5.705-6.212V6.972zm6.956 11.204h-2.637V.647h2.637zm7.024-9.261c1.046 0 1.932.52 2.228 1.265l-5.365 2.214c-.068-2.305 1.796-3.48 3.137-3.48m.205 7.275c-1.342 0-2.296-.61-2.91-1.807l8.025-3.298-.273-.678c-.5-1.333-2.024-3.795-5.138-3.795-3.092 0-5.66 2.417-5.66 5.963 0 3.344 2.546 5.964 5.956 5.964 2.75 0 4.342-1.672 5-2.643L71.63 14.54c-.682.994-1.614 1.649-2.955 1.649\" fill=\"@{text}\" fill-rule=\"evenodd\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n // Main Page Footer Get Started\n .GettingStartedGo-primaryCta {\n color: @crust;\n }\n\n // Main Page Carousel\n .GoCarousel button {\n background-color: @text;\n color: @crust;\n }\n // Download button in /learn\n .Learn-heroAction {\n background-color: @accent;\n\n .js-downloadBtn {\n color: @crust;\n }\n }\n // Active indicator in /learn\n .LearnNav .active svg circle {\n fill: @accent;\n }\n\n .LeftNav a.active,\n .LeftNav a:hover {\n background-color: fade(@accent, 30%);\n\n img {\n @svg: escape(\n '<svg width=\"5\" height=\"5\" viewBox=\"0 0 5 5\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"><circle cx=\"2.5\" cy=\"2.5\" r=\"2.5\" fill=\"@{accent}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n // /solutions/use-cases & Why Use Go / 4 icons\n .MarketingCardList,\n .WhyGo-reasons .WhyGo-reasonIcon {\n img.LightMode-img[alt=\"cloud icon\"],\n img.DarkMode-img[alt=\"cloud icon\"],\n img[alt=\"Sphere\"] {\n @svg: escape(\n '<svg width=\"59px\" height=\"59px\" viewBox=\"0 0 59 59\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><path d=\"M58.968 28.25q-.026-.564-.072-1.124v-.012C57.742 12.746 46.253 1.258 31.884.104h-.004A31 31 0 0 0 29.504 0h-.009q-.625.001-1.243.032-.571.026-1.136.074C12.368 1.295.652 13.358.03 28.249q-.03.617-.031 1.242v.024a26 26 0 0 0 .033 1.242c.632 14.89 12.34 26.946 27.082 28.137l.01.001c.375.03.75.057 1.13.073q.616.03 1.24.032h.009q.628-.001 1.246-.031.566-.026 1.127-.073h.008C46.62 57.71 58.334 45.65 58.967 30.757q.032-.616.033-1.242v-.024q-.001-.624-.032-1.241M20.988 3.79c-2.221 2.143-4.111 5.121-5.558 8.696a2.83 2.83 0 0 0-2.539 2.81c0 .02.006.037.006.056-3.784 1.503-6.945 3.501-9.185 5.84 2.648-8.198 9.107-14.69 17.276-17.403m-7.2 13.713c-.743 2.944-1.188 6.166-1.344 9.556-.494.29-.891.72-1.136 1.242H4.204a2.84 2.84 0 0 0-1.361-1.365c1.252-3.877 5.283-7.232 10.946-9.433M4.204 30.7h7.106c.244.521.642.95 1.135 1.24.15 3.262.575 6.362 1.271 9.218-.068.069-.124.15-.185.226-5.525-2.203-9.455-5.507-10.688-9.321a2.85 2.85 0 0 0 1.36-1.363m-.412 7.307c2.238 2.32 5.378 4.283 9.167 5.752a2.84 2.84 0 0 0 2.242 2.185c1.47 3.83 3.45 7.005 5.788 9.263a27.2 27.2 0 0 1-17.197-17.2M28.3 54.795c-.6.282-1.082.763-1.364 1.362-3.847-1.245-7.18-5.233-9.386-10.833q.052-.04.102-.084c2.84.704 5.925 1.137 9.17 1.3.3.64.824 1.152 1.478 1.425zm0-12.074a2.84 2.84 0 0 0-1.482 1.433 46 46 0 0 1-8.263-1.174 2.82 2.82 0 0 0-2.564-2.636 46 46 0 0 1-1.15-8.183 2.83 2.83 0 0 0 1.6-1.46h10.384c.299.638.822 1.15 1.475 1.421zm0-15.843a2.84 2.84 0 0 0-1.476 1.423H16.44a2.83 2.83 0 0 0-1.6-1.462c.163-3.095.602-6.038 1.286-8.742a2.82 2.82 0 0 0 2.335-2.06c2.726-.663 5.692-1.078 8.801-1.216.263.383.623.69 1.037.906zm0-16.164a2.83 2.83 0 0 0-1.408 1.723 47 47 0 0 0-8.808 1.267 3 3 0 0 0-.368-.436c2.203-5.384 5.467-9.21 9.22-10.425.282.6.763 1.081 1.363 1.362zM55.287 21.19c-2.24-2.342-5.399-4.334-9.185-5.84 0-.019.005-.037.005-.055a2.83 2.83 0 0 0-2.64-2.82c-1.482-3.594-3.406-6.609-5.657-8.762A27.22 27.22 0 0 1 55.287 21.19m.87 5.746a2.84 2.84 0 0 0-1.362 1.364h-6.668a2.84 2.84 0 0 0-1.57-1.452c-.17-3.313-.655-6.468-1.413-9.375 5.7 2.203 9.753 5.57 11.012 9.463M30.698 4.205a2.84 2.84 0 0 0 1.365-1.362c3.752 1.214 7.012 5.04 9.218 10.425-.135.133-.26.278-.367.436a47 47 0 0 0-8.585-1.253 2.84 2.84 0 0 0-1.63-1.853zm0 11.638c.508-.211.94-.567 1.249-1.014 3.032.148 5.923.56 8.587 1.205a2.83 2.83 0 0 0 2.337 2.063c.696 2.76 1.14 5.775 1.295 8.943-.51.29-.922.727-1.173 1.262H31.957a2.84 2.84 0 0 0-1.258-1.308zm0 16.164c.55-.287.993-.744 1.257-1.306h11.04c.25.534.662.97 1.17 1.26-.143 2.955-.54 5.774-1.157 8.383a2.82 2.82 0 0 0-2.565 2.637c-2.635.63-5.487 1.035-8.477 1.182a2.83 2.83 0 0 0-1.268-1.327zm1.365 24.15a2.84 2.84 0 0 0-1.365-1.362V47.85a2.84 2.84 0 0 0 1.253-1.299c3.329-.153 6.49-.59 9.395-1.311q.05.043.103.084c-2.206 5.6-5.54 9.588-9.386 10.833m5.75-.874c2.368-2.268 4.384-5.478 5.89-9.329a2.83 2.83 0 0 0 2.336-2.192c3.786-1.469 6.928-3.434 9.167-5.754-2.708 8.173-9.2 14.627-17.393 17.275m7.656-13.898c-.073-.09-.145-.182-.23-.263.7-2.797 1.155-5.81 1.317-8.97a2.83 2.83 0 0 0 1.569-1.451h6.67c.282.598.763 1.08 1.36 1.362-1.234 3.813-5.16 7.118-10.686 9.322\" fill=\"@{text}\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n img.LightMode-img[alt=\"CLI icon\"],\n img.DarkMode-img[alt=\"CLI icon\"],\n img[alt=\"Command Line\"] {\n @svg: escape(\n '<svg width=\"62px\" height=\"59px\" viewBox=\"0 0 62 59\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><g fill=\"@{text}\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\"><path d=\"M0 11h62v48H0zm59.182 2.824H2.818v42.352h56.364z\"/><rect x=\"9\" y=\"6\" width=\"45\" height=\"3\"/><rect x=\"14\" y=\"0\" width=\"34\" height=\"3\"/><path d=\"M21.4 42c-.414 0-.76-.142-1.035-.495-.484-.566-.415-1.486.207-1.981l6.975-6.014-7.044-6.014c-.553-.495-.69-1.415-.207-1.981s1.38-.707 1.933-.212l8.288 7.075c.345.283.483.637.483 1.061 0 .425-.207.85-.483 1.061l-8.288 7.075a.98.98 0 0 1-.828.425m19.224 3h-8.25C31.619 45 31 44.325 31 43.5s.619-1.5 1.375-1.5h8.25c.756 0 1.375.675 1.375 1.5s-.619 1.5-1.375 1.5\"/></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n img.LightMode-img[alt=\"web dev icon\"],\n img.DarkMode-img[alt=\"web dev icon\"],\n img[alt=\"Code\"] {\n @svg: escape(\n '<svg width=\"75px\" height=\"50px\" viewBox=\"0 0 75 50\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><g fill=\"@{text}\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\"><polygon points=\"17 24.484525 31 18 31 20.5366715 19.8950953 25.4706244 19.8950953 25.5270717 31 30.4898241 31 33 17 26.515475\"/><polygon points=\"33 33 39.6555652 13 42 13 35.3455491 33\"/><polygon points=\"58 26.5719223 44 33 44 30.4898241 55.28351 25.5270717 55.28351 25.4717764 44 20.5090239 44 18 58 24.4280777\"/><polygon points=\"71.2505274 50 3.75064464 50 0 47 75 47\"/><path d=\"M70.999 46h-2.341V3.036a.71.71 0 0 0-.703-.7H8.044a.71.71 0 0 0-.703.7V46H5V3.036A3.043 3.043 0 0 1 8.044 0h59.912A3.043 3.043 0 0 1 71 3.036V46z\"/><path d=\"M30.831 45H0v2h33c-1.105 0-1.989-.877-2.169-2m13.336 0c-.18 1.123-1.062 2-2.167 2h33v-2z\"/></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n img.LightMode-img[alt=\"ops icon\"],\n img.DarkMode-img[alt=\"ops icon\"],\n img[alt=\"Sphere\"][src=\"/images/icons/gear-dark.svg\"],\n img[alt=\"Sphere\"][src=\"/images/icons/gear.svg\"] {\n @svg: escape(\n '<svg width=\"61px\" height=\"61px\" viewBox=\"0 0 61 61\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><g fill=\"@{text}\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\"><path d=\"M30.5 22c-4.668 0-8.5 3.783-8.5 8.5 0 4.668 3.832 8.5 8.5 8.5s8.5-3.783 8.5-8.5c0-4.668-3.832-8.5-8.5-8.5m0 15.035c-3.587 0-6.535-2.948-6.535-6.535s2.948-6.535 6.535-6.535 6.535 2.948 6.535 6.535-2.948 6.535-6.535 6.535\"/><path d=\"M51.886 37.805c-.242-1.057-.873-1.922-1.747-2.403l-2.184-1.25c.194-1.105.29-2.21.29-3.267 0-1.586-.145-2.98-.533-4.373l2.184-1.298c1.942-1.105 2.573-3.171 1.553-4.95l-1.796-3.075c-.728-1.202-2.087-2.018-3.494-2.018-.631 0-1.262.144-1.845.48l-2.475 1.442a17.5 17.5 0 0 0-6.504-3.556v-2.74c0-2.21-1.505-3.796-3.544-3.796H28.2c-2.184-.048-4.028 1.73-4.028 3.796v2.884a17.7 17.7 0 0 0-6.407 3.748l-2.33-1.345a4.3 4.3 0 0 0-2.136-.577c-1.262 0-2.33.625-2.96 1.73L8.54 20.313c-.485.865-.68 1.922-.437 2.931.243 1.057.874 1.922 1.796 2.45l2.282 1.25a17.8 17.8 0 0 0-.437 3.94c0 1.25.145 2.548.388 3.75l-2.038 1.153c-1.942 1.105-2.573 3.171-1.554 4.95l1.796 3.075c.728 1.201 2.087 2.018 3.495 2.018.631 0 1.262-.144 1.844-.48l1.99-1.153c1.99 1.826 4.418 3.171 6.99 3.94v2.067c0 2.21 1.505 3.796 3.543 3.796h3.592c2.185 0 4.029-1.73 4.029-3.845l-.049-2.21c2.573-.865 4.951-2.259 6.893-4.133l1.893 1.105a4.3 4.3 0 0 0 2.136.577c1.262 0 2.33-.625 2.96-1.73l1.796-3.076c.534-.817.68-1.922.437-2.883m-2.087 1.97-1.796 3.076c-.34.625-.922.769-1.31.769-.389 0-.777-.096-1.165-.337l-3.204-1.826-.534.529c-1.99 2.066-4.514 3.604-7.28 4.373l-.729.192.097 3.653c0 1.009-.97 1.874-2.087 1.874H28.2c-1.164 0-1.601-1.01-1.601-1.874v-3.509l-.728-.192a16.4 16.4 0 0 1-7.378-4.18l-.534-.53-3.252 1.875c-.243.144-.534.24-.874.24-.728 0-1.456-.432-1.844-1.057l-1.796-3.076c-.583-1.009.097-1.874.873-2.306l3.301-1.875-.194-.72c-.34-1.298-.486-2.643-.486-3.99 0-1.393.195-2.786.534-4.18l.194-.72-3.591-1.971c-.437-.24-.728-.673-.826-1.202a1.9 1.9 0 0 1 .243-1.537l1.796-3.076c.34-.625.922-.769 1.31-.769.389 0 .777.096 1.166.337l3.591 2.066.534-.529c2.039-1.97 4.272-3.267 6.844-3.988l.631-.193v-4.325c0-1.009.971-1.874 2.087-1.874h3.592c1.165 0 1.602 1.01 1.602 1.922l.049 4.23.728.192c2.62.672 5 1.97 6.94 3.748l.535.48 3.689-2.162c.242-.144.533-.24.873-.24.728 0 1.456.432 1.845 1.057l1.796 3.076c.582 1.009-.097 1.874-.874 2.306l-3.495 2.019.243.72c.437 1.442.63 2.884.63 4.566 0 1.201-.145 2.403-.387 3.556l-.146.673 3.398 1.922c.436.24.728.673.825 1.201.097.577 0 1.106-.243 1.586\"/><path d=\"M12.99 7.006a.96.96 0 0 0 .58-.185C22.383.792 34.537.19 44.076 5.15l-3.1 1.252L51 9 45.722.421l-.436 3.293c-10.265-5.472-23.339-4.87-32.878 1.623-.436.278-.532.88-.242 1.298.194.232.533.371.823.371M5.17 15.928l1.247 3.1L9 9 .42 14.28l3.275.437C-1.75 24.987-1.15 38.068 5.309 47.612a.95.95 0 0 0 .738.388c.185 0 .37-.048.554-.194.415-.29.508-.92.23-1.356C.835 37.632.19 25.52 5.172 15.928M46.478 54.18c-8.813 6.031-20.966 6.634-30.554 1.67l3.1-1.252L9 52l5.278 8.582.436-3.293C19.362 59.794 24.592 61 29.82 61c6.295 0 12.541-1.81 17.77-5.335.437-.278.533-.881.243-1.299a1.074 1.074 0 0 0-1.356-.186m9.217-41.771c-.277-.437-.878-.534-1.293-.243-.416.291-.508.921-.23 1.358 6.001 8.823 6.602 20.992 1.661 30.543l-1.246-3.103L52 51l8.542-5.284-3.278-.437c5.494-10.23 4.894-23.32-1.57-32.87\"/></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n // Mobile Nav Drawer\n .NavigationDrawer {\n .NavigationDrawer-header {\n border-bottom-color: @surface2;\n }\n\n // Drawer Selection\n .NavigationDrawer-listItem--active {\n background-color: fade(@accent, 30%);\n }\n }\n // /play\n .PlayPage {\n .lines div {\n color: @overlay1; // Line numbers\n }\n }\n // Run Button for Code Snippet\n .Playground-runButton {\n border-color: @accent;\n }\n // Go Main Header\n .Site-header,\n .go-Header {\n background: @crust;\n\n .Header-menuItem--active a,\n .go-Header-menuItem--active a {\n border-bottom-color: @accent;\n }\n // Mobile Burger Icon\n button.Header-navOpen--white,\n button.go-Header-navOpen--white {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M3 18h18v-2H3zm0-5h18v-2H3zm0-7v2h18V6z\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n filter: none;\n }\n }\n // 'What's Possible With Go'\n .WhyGo-reasons {\n .WhyGo-reasonPackagesHeader img {\n @svg: escape(\n '<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><mask id=\"a\" mask-type=\"alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"12\" height=\"12\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.682 1.496 10.757.378a.97.97 0 0 0-.765-.366H2.008a.99.99 0 0 0-.771.366L.318 1.496a1.3 1.3 0 0 0-.306.845v8.316c0 .732.6 1.33 1.331 1.33h9.314c.732 0 1.33-.598 1.33-1.33V2.341c0-.32-.113-.619-.305-.845m-9.514-.153h7.664l.552.665H1.622zm-.825 1.996v7.318h9.314V3.34z\" fill=\"@{text}\"/></mask><g mask=\"url(#a)\"><rect x=\"-1.98346\" y=\"-1.98352\" width=\"15.9669\" height=\"15.9669\" fill=\"@{text}\"/></g><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.143 2.008h1.714v5.706H5.143zm.511-1.18H6.3l.557 1.18H5.143z\" fill=\"@{accent}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .WhyGo-reasonShowMoreLink a {\n color: @crust;\n }\n\n img.WhyGo-reasonShowMoreImg {\n @svg: escape(\n '<svg viewBox=\"0 0 1200 945\" xmlns=\"http://www.w3.org/2000/svg\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" stroke-linejoin=\"round\" stroke-miterlimit=\"2\"><path d=\"m811 927-14-4a287 287 0 0 1-58-36c-14-7-29-20-40-31l-22-17-18-14c-24-17-46-36-67-57-4-3-10-7-12-10l-27-21c-9-9-10-9-24-4l-31 6c-2 0-4 0-6 2l-7 11c-4 8-4 9-3 13 0 2 3 6 6 9 5 7 20 21 20 32 4 6 4 16 4 23 0 11-1 23-9 32-10 12-22 21-32 22l-10 2c-12 2-13 2-15 0l-3-3h-1c-2 1-11-1-13-3l-8-5c-14-9-23-27-25-43l1-16v-8l-1-2 2-2 4-6c0-3 3-7 5-11 4-6 4-6 3-12 0-7-3-12-11-19-6-6-16-6-24-7-4 0-10-1-14 3l-5 4c-1 2-12 10-19 13-8 6-17 0-26 4s-12 17-24 17h-1v-1l5-6c9-11 11-15 7-18-7-7-20 13-25 13h-1v-1l7-8c10-9 11-12 6-19-2-2-4-7-4-9l-4-8c-10-7-22-8-33-12-7-3-7-5-13-9l-4-2h-1v2l6 9a63 63 0 0 1 16 22c5 5 16 24 20 34l8 17c3 7 3 13 0 17l-2 5c-9 12-21 12-32 2-2-2-24-17-24-25l-4-6c-8-15-10-18-14-30-9-22-10-47-18-70-2-4-3-4-11-7-6-1-14-5-16-8-5-5-3-18 0-23 7-11-4-22-10-30a456 456 0 0 1-40-54c-7-10-19-33-22-41-4-13-4-18-3-24 2-8 6-16 16-12 2 0 3 2 5 3 19 9 30 29 38 47 3 6 7 12 9 19l13 37 4 14 5 12 5 10 2 1 3-1c3-2 10-19 13-33 4-17 6-22 9-23 7-7 9-18 13-27 1-3 3-10 7-12a322 322 0 0 0 19-23l6-6 5-8c5-5 2-7-29-31-8-5-16-12-23-19-5-2-7-6-12-8l-7-6-10-7c-12-6-19-13-29-21-9-7-17-14-18-18l-3-10c0-10 3-24 15-24l12-3c4-1 25-3 21-13l-4-7-11-17-11-17-27-32c-7-7-9-13-8-22 1-10 3-13 18-24 5-4 15-11 19-12l10-5c11-5 30-12 38-13l12-3 33-3c17-3 37-2 51 2 13 5 35 17 56 33l12 8 13 9 33 24 13 10a447 447 0 0 1 40 28l12 7 4 2 2-1c0-12 9-25 18-33 11-7 15-9 30-7l6 1v-1c0-2 23-19 26-19l8-4c7-3 8-4 11-10l6-7c6-5 12 4 14 8 3 4 3 4 14 7a234 234 0 0 1 49 17c7 6 18 13 23 15l7 2 9-2c4 0 6 0 9 2 9 4 18 12 12 23l-9 10c-4 5-4 5-4 18 1 14 1 14-2 21-7 14-3 16-8 30-2 10 0 12 11 6 9-4 19-14 26-25 6-8 10-12 18-17 5-3 7-5 9-10 7-12 10-14 23-18 9-2 17 0 44 10 11 4 17 8 25 13l11 6c12 0 18-10 24-19 6-11 9-14 19-21 4-3 7-9 12-9l5-2c1-1 16-10 19-10 10-6 33-12 40-11 14 2 30 11 40 21 4 0 11 10 13 12 2 0 6 4 8 9l4 8c8 9 12 45 8 64l-3 17-3 17-3 11c-3 9-5 11-10 19-3 3-3 4-2 6l11 12c22 21 43 44 48 52l6 10c8 10 9 21 3 29-2 3-4 4-10 6l-21 7c-5 0-22-2-27-4l-28-13-25-12-7-5-4-2-5-2c-7-7-11 0-18 5-14 12-19 15-32 22l-16 9-26 19c-4 4-7 6-11 7l-8 3c-5 3-4 6 5 13l15 15 16 14 37 29 18 17c14 12 25 29 16 48-3 7-11 16-20 23-12 9-12 10-17 24-3 10-9 26 1 34l15 10c12 8 17 14 22 22 4 7 6 22 1 29-2 5-11 13-18 16-45 20-80 33-93 35l-20 2-18 1zM83 700l-3-6-1-2c-3-2-9-27-11-45-4-37-2-62 7-80l4-9 1-4h2l-1 3-3 10c-8 18-9 34-7 64 1 26 4 30 10 55 1 3 1 8 4 11l2 6v2h-1zm-30-62-2-22q-3-36 9-60c6-14 10-20 13-20h1v3h-1l-4 7-6 11c-3 4-7 16-8 23-2 10-1 46 1 53l-1 4-1 2zm886-441c0-3 5-5 7-6 5-3 19-11 23-15l9-2 16-4a185 185 0 0 1 83-11c11 2 27 3 37 10l10 5 9 6 8 5 5 4 1 2v1h-1l-8-4-8-5-3-1c-2-3-19-12-26-13l-11-3a193 193 0 0 0-58 1c-11 1-27 5-47 12-9 3-16 3-25 7-7 3-14 6-19 11l-2 1zm-41-26c0-1 8-8 15-12l16-13c14-10 21-15 30-17l15-5 12-5 18-6c15-5 25-8 36-8l16-3c8-2 15-4 23-4 3 0 10 0 10 5v1l-2-1c-5-2-18-1-32 4l-15 3c-5 0-17 2-22 5l-16 5-13 5-3 2-1 1h-2c-1-1-19 5-26 8-14 7-27 16-39 25-10 8-15 11-18 11h-2z\" fill=\"@{crust}\" fill-rule=\"nonzero\"/><path d=\"M809 922c-7-2-18-8-22-11l-7-4-31-21-12-8c-12-8-12-7-23-17l-33-26-14-10-24-19a215 215 0 0 1-37-31l-8-8-15-13-17-15c-2-2-9-6-8-11s9-2 11 0c10 5 18 13 27 20l58 49c10 10 37 32 46 39l12 9 53 40c8 7 22 16 27 18l15 4c17 3 36 2 58-4l39-12 29-10c5-1 14-4 19-7l10-4h2l1 2c1 5-5 9-22 17a147 147 0 0 0-24 10l-5 2c-9 4-46 16-59 19-23 4-23 2-46 2m9-17c-8 0-18-3-23-6-6-2-17-10-22-14l-12-9-14-12-17-13c-7-4-9-7-15-12-1-1-4-4-6-4l-7-6c-4-6-26-22-31-26l-38-30-36-30-11-10-9-9c-1-3 0-5 3-6 7-1 17-5 23-8l15-6 16-6c10-6 15 0 23 6a1831 1831 0 0 0 58 47c11 13 26 21 41 30l30 16 21 6c3 1 9 9 14 18 23 39 32 52 36 54 2 0 9-3 9-6 1-2-1-12-3-18-6-14-13-28-18-43-4-10 2-14 11-17 10-3 18-6 28-2 9 4 14 8 16 13v11a184 184 0 0 0-1 40c2 11 11 2 12-3 3-4 7-21 10-25 3-9 7-9 15-1l9 6c7 3 14 9 16 14 6 12-8 26-19 28l-4 2c-3 2-14 7-37 14l-12 4c-3 2-8 3-10 3l-16 4c-14 5-34 7-45 6m-369-28-13-3-9-3c-5-3-15-13-19-20-5-8-6-15-6-28 1-10 1-11 4-18 4-10 9-17 18-23s29-12 35-10c3 0 21 9 27 13 7 5 16 18 18 26 3 10 2 15-3 30-3 11-5 15-8 18-8 10-22 17-31 18zm19-33c3-2 10-5 10-10v-11c0-12 0-13-3-16-3-4-10-9-14-10l-9 3-10 6c-8 7-8 21-3 29 1 1 3 6 5 7l4 2c6 1 14 2 20 0m386 22-16-24-3-7c-5-7-14-22-17-30l2-4 7-1c5 0 6 1 8 5a276 276 0 0 1 15 29c11 22 13 30 11 33-1 3-4 2-7-1m50-19c-1-3 0-13 4-34l2-23c1-17 2-20 5-22 3-3 10-4 11-2 3 2 2 6-3 23l-6 26c-1 9-7 29-8 32l-3 2h-1zm-652-29c-5-3-13-8-15-12l-3-3-5-6-7-10-3-6c-9-13-11-20-22-61l-4-17-3-19-3-14 1-1 1 1 7 12 9 15 13 16 14 17c7 9 12 17 23 38 8 16 11 21 14 39 1 3-1 6-3 8-3 4-9 5-14 3m553-24-18-3c-17-8-26-13-37-21l-16-11-16-13c-15-15-23-21-40-34l-12-9-42-32-14-10c-4-3-12-9-17-15-11-10-30-25-39-30-24-15-43-38-67-53l-30-23-14-11-15-12-12-9-16-12c-4-3-8-9-13-11l-3-1v-1l-9-8-11-9-10-8c-9-12-23-21-36-30l-16-12c-16-14-33-27-45-35s-22-19-35-25l-32-27c-14-10-29-23-32-27l-10-9c-12-11-27-27-31-34-3-6-4-12-1-13h1l1 2a352 352 0 0 1 19 20c14 14 20 20 38 34l33 25 18 14 22 16c16 10 21 14 44 33l27 22 11 9c9 9 19 15 28 23 16 15 27 23 57 44l14 11 15 11 18 14 21 15 20 16c5 4 9 9 15 12 2 2 7 2 9 4l4 3 15 12 21 16 13 12 12 9 60 47c15 12 28 24 44 34l16 13 7 7 26 20c12 12 33 27 39 30 17 4 41 7 58-1 9-6 83-31 95-33l10-3c1 0 6-4 8-1h1l-1 3c-2 4-8 7-17 12l-9 5-7 3c-4 0-14 4-23 8l-22 8c-8 2-20 11-29 11l-16 5c-11 3-22 5-27 3m89-7-5-6-1-1 1-2c3-3 8-4 11-5 2 0 4 0 5 2 2 3 1 7 0 10-2 6-4 6-11 2m-474-15-4-5-15-18c-4-5-7-11-6-14 0-3 4-3 6-3l34-1 24-3c14-1 16-2 22-4 7-3 8-4 10-1 2 1 1 5-4 15-4 7-9 19-9 25l-3 5-1 1-5-2c-11-5-31-2-41 4-4 2-6 2-8 1m383 0-12-3-27-17-14-10-8-8-6-6-40-32-15-12c-30-20-31-21-44-33l-19-15-21-15-12-9-24-21-12-9-16-12-25-19-12-9-8-6-8-6c-11-11-26-19-39-29l-33-24-20-15-16-12-8-6-11-10-14-12-9-6-60-50c-7-6-24-16-31-23l-10-7c-13-8-34-24-42-32l-10-7-11-8c-16-13-27-29-41-43-4-5-5-11-2-17 3-5 12-12 27-19 13-7 20-9 35-13l18-5c5-2 8-2 58-5l16 1c16 8 17 4 33 13a254 254 0 0 1 52 35l11 8c4 4 7 7 39 28l29 20 21 14c14 10 18 13 22 23 3 6 3 7 3 13-3 8-5 30-6 36-1 15-1 16 1 22l6 11c4 7 14 16 20 20l11 5c12 7 12 7 25 10 17 3 35 5 51 4l16-1c0-3 4-3 6-2 12 1 24 1 35 6a84 84 0 0 1 25 16l12 9 6 4 6 6 18 13c17 14 34 29 52 41l22 18 18 14 32 25 14 11 27 24 41 35 20 16c7 6 14 14 16 19 4 4 1 19-3 21-9 5-25 10-35 13-3 1-7 1-9 3l-9 4-7 2c-7 2-14 3-20 7l-12 4-14 5c-7 3-12 5-29 9zm-471-24c3-2 8-3 14-1 8 3 6 7-7 15l-13 5c-2 0-6 1-8-1l-1-5c1-3 1-6 4-8 4-3 8-2 11-5m-30 11c-4-4-4-6-1-11q4.5-6 9 0l2 2c2 3 1 6-1 9-1 1-3 3-5 3zm-13-12c-3-2-5-9-3-10 2-3 11-2 13 2 1 4-4 10-8 10zm69-6h-9l-18-3c-4-2-4-4-3-14v-14l1-7-2-1h-1v3l-4 24c-3 5-7 4-12 2v-9l4-33v-9h-3v7l-4 33c-2 10-3 11-13 8-9-3-15-5-15-7l-1-2 2-2a120 120 0 0 0 17-41c5-19 6-40 0-59-3-10-8-21-13-31-5-12-16-27-29-32-10-5-9-7-19-12-3-1-7 0-9-2-3-3 1-8 2-10l17-18a138 138 0 0 1 38-26l8-5c14-9 33-20 50-20 4 0 9 4 12 6 12 10 21 16 24 17l26 22 12 8 7 6 21 15 27 22 10 8 18 16c7 7 16 15 21 17l18 15c11 10 12 11 7 15-8 5-18 8-22 17-4 6 2 11 8 11 7-1 25-6 32-10 6-3 7-3 12-3 5 1 17 7 20 11l18 13 8 6 11 10 4 6c-1 2-10 7-21 10l-13 5-28 10-17 3a449 449 0 0 1-45 13l-7 2c-9 2-7-9-10-14-3-3-4-3-14 1l-19 4-15 2-20 2c-11 0-24 0-35 2-4 1-3 10-5 12-3 1-22 2-29 0m-102-22c-10-3-17-6-20-10-9-7-27-25-27-26v-2h4c5 0 14-2 19-4l15-15c6-18 5-38-12-49-10-7-17-10-26-10l-9-2v-5l1-7c1-8 14-37 18-40 7-5 23 1 28 6l10 7c13 9 20 18 27 31 3 7 7 15 7 19 3 11 6 39 4 43-1 1-2 7-2 15-2 17-5 24-12 35-5 8-6 9-11 11-7 4-11 4-14 3m-90-49c-7-4-11-17-4-22s16-7 25-7l10 2c5 3 6 9 6 15l-2 7c-2 3-5 2-12-4l-8-6h-2v2l-1 2v8l-1 3c-1 3-6 3-11 0m44 1c-4-9 1-19-5-27-3-6-8-11-10-12-7-1-8-8-3-14 4-6 10-9 17-9 7-1 12 1 22 7 9 6 12 10 13 20v15c-3 10-4 12-9 15-6 4-10 5-17 6zm319-20-2-1v-2c0-2 2-4 3-5 6-6 10-8 17-12 4-1 8-3 12-1 4 1 11 8 4 11a218 218 0 0 1-12 4c-16 6-19 7-22 6m-368-22-11-15-15-19-12-16c-7-8-10-19-18-27-10-15-18-29-20-48-1-15 20-6 25 0a197 197 0 0 1 40 72c8 21 16 48 16 53v3h-1zm683-38-33-24-17-14-28-23-23-19-24-18-16-11c-2-3-8-7-12-10l-11-9-3-3 3-7 5-13c0-3 2-7 3-8l9-2 32-6 19-3 17-4 35-3c22-5 21-5 19 14v2l6 2c5 2 8 2 16 1l18-2 22-3 19-3 9-1c2 1 8 0 14-1 13-2 11-2 33 0 24 1 37 5 38 10v2l-2 1c-2 1-15 2-53 2l-55 2c-4 1-15 6-12 12 1 4 6 8 8 10l18 14 14 10 18 13 20 15c2 1 6 5 6 8 0 2-4 7-6 8-9 9-21 18-32 24-7 4-21 16-31 19l-9 5c-8 6-24 18-34 13m205-37c-12-4-33-15-55-29-6-3-13-6-18-11l-22-16-25-17-5-4-5-4-26-21-6-6 1-1c0-1 1-2 3-2l8-1h82c11 0 15-1 26 3l12 6c6 5 31 28 37 36l14 15c10 9 16 18 22 31 4 9 4 11-1 16-2 3-4 4-11 6-12 3-20 3-31-1m-27-2-10-6-13-7-28-16-13-9c-4-2-10-6-13-10l-30-22c-8-6-9-4-15-10l-12-10c-7-5-8-6-8-8v-2h2c1-1 6 1 11 5l5 5c9 4 14 13 23 17l14 10c7 7 19 14 27 19 29 19 28 20 58 37 7 3 12 7 12 8v1h-3zm-768-68c-7-4-14-10-28-22-9-9-13-10-22-17l-21-14-10-9-12-9c-2-1-9-3-9-7-8-8-24-16-24-30v-3l1-1c5 0 9 6 12 9a459 459 0 0 0 60 47l17 14 14 11c17 13 33 26 34 29l2 2-1 2c-2 2-5 1-13-2m17-8-11-8-16-13-13-10-9-5-6-4c-1-2-9-9-16-13l-33-28-13-11c-7-4-30-24-10-28 10-3 19-5 29-6l3 2c2 3 16 30 24 18 1-3 1-3-3-13-2-8-3-10-2-11l1-2 2 1a559 559 0 0 1 44 31c3 1 6 5 8 7a319 319 0 0 1 39 30c10 7 24 19 27 23 3 3 6 18 4 20-1 3-6 6-8 7l-15 7c-7 4-17 13-26 6m54-21-2-5 1-6 2-1 2 2c2 2 3 6 0 9-1 2-3 3-3 1m338-7-8-4c-1-2-3-2-5-2h-7c-4-2-9-1-27 0h-23l-1-1 1-2 1-2-3-3c-5-5-14-8-19-5h-9l1 4c0 4-2 6-7 9-4 2-11 0-15-1-20-7-40-17-50-36-4-8-4-8-4-18 1-17 4-34 5-35 2-3 5-2 7 1 2 2 2 7 0 11 0 3 4 7 9 8 4 1 4 1 7-2 5-7 17-4 23 0 8 7 20 12 28 12 13 2 23-2 37-14 6-6 7-6 12-6 5 1 7 1 10 4 9 5 10 11 13 21 3 8 4 18 12 22l16 5 14 4c2 2 1 5-1 15-4 13-4 15-7 16-3 2-3 2-10-1m-91-4c-3-2-2-4 2-9 3-4 4-4 7-4l6 2 3 2v1l-2 3-8 5-4 1zm441-3-12-11c-6-5-9-7-14-9-12-5-25-3-38-3-11 0-24-4-34 1l-17 2-16 1c-3 2-41 4-46 3l-6-1c-2-2-1-8 2-13a234 234 0 0 1 42-60c22-37 36-51 63-64 6-3 13-6 17-6 9-3 20-5 29-4 15 3 27 10 41 28 5 6 9 11 10 15l4 9c7 11 6 26 6 38 0 10 0 20-2 30l-2 14c0 6-6 22-8 26-2 3-7 7-11 8zm-320-19-2-2 1-3c1-1 6-5 15-9 7-4 15-8 16-10 4-3 8-9 15-19 6-8 21-27 34-20 5 3 6 7 11 11l16 16c6 5 14 14 14 16v2l-1 1c-12 0-24 0-35 5l-36 6-18 3-13 2-9 2c-4 1-5 1-8-1m-30-13c-12-3-17-8-19-19l-3-13c0-2-3-8-1-10 1-3 6-2 8-2 11-1 20-2 30-6l8-3h2v7c-2 8-7 33 9 27 3-1 6-1 8-3 7-4 20-14 25-22 10-14 16-19 23-21 2-2 5-3 8-3 4 0 8 3 6 7l-9 6c-5 2-11 6-14 9-11 9-8 10-17 21-8 10-12 13-23 19-8 5-10 5-19 6zm163-16c-15-9-27-20-39-32l3-6c7-8 6-14 0-21-5-7-12-4-19-2-11 4-8-6-2-10 9-5 21-5 31-3 11 3 33 12 39 17l11 8c10 5 10 8 4 20-7 13-21 31-24 31zm-267-19c-11-4-18-8-21-13v-10l1-1 1 1 4 5c3 4 12 9 19 11 2 0 6 0 10-2 8-2 15-6 20-16 5-8 6-18 0-26-3-7-10-12-19-15-8-3-17-2-26 1l-7 5c-4 3-7 14-13 6l-5-4c-5-2-6-5-5-10l2-10c2-9-4-18-13-22l-6-2-1-1 2-2 8-1c10 1 19 6 30 15 8 7 8 8 21 12l19 5c7 2 14 7 22 14 9 10 14 25 6 37-5 9-16 19-23 22-8 3-19 4-26 1m-52-7a5 5 0 0 1-1-1c-2-3 0-6 2-8l3-2 2 2c2 2 2 6-1 9-2 3-3 2-5 0m-320-6c-1-4-2-4-4-7l-10-19-5-11-1-2 1-1c4-1 14 9 17 18l5 14 4 11c-2 2-4 1-7-3m368-5c-6-4-10-8-11-13-1-10 2-22 9-27 3-2 7-2 11-2 12 1 25 6 26 20 2 9-2 16-12 22-7 3-16 5-23 0m5-15c4-3 1-9-5-9h-3l-1 2c-1 3 1 7 3 8 3 1 4 1 6-1m69 16c-2-1-11-1-13-6-1-2-1-12 3-12l6 2c7 3 13 3 28 2 14-1 20-3 34-9 5-2 7-3 8-2l2 1-1 2c-1 5-19 18-29 21-9 3-27 4-38 1m-107-1-6-3-7-4c-4-2-7-4-8-8v-3l1-3c2-5 6-3 10-1 2 2 6 3 9 4 6 1 9 4 10 9 1 6-3 10-9 9m254-15 1-3 3-1c2 0 4 0 6 2a20 20 0 0 1 1 2l1 2-3 3-3 2-4-2zm-143-3c-8-2-11-4-17-14-4-9-13-18-21-22l-17-7-17-5-7-3c-3 0-16-13-19-18l-1-2 3-3c13-16 37-20 56-20 18-1 19-1 26 1 8 2 16 6 18 8l6 1 8 4 9 6 9 7c4 5 5 7 2 12l-1 3 4 5c4 4 5 6 7 12 1 4 4 13 10 10 5-1 8 5 5 10-3 3-21 13-27 14-8 1-31 2-36 1m-116-7c-3-2-4-5-1-7 2-3 5-2 8 0 2 3 3 4 0 6-1 2-4 2-7 1m-30-16c-5-5-8-13-6-19 3-8 9-14 17-16 6-1 9-1 12 3 3 3 4 17 2 22-3 7-10 14-18 13-4 0-4-1-7-3m5-7 2-2c2-2 2-5 1-7s-3-5-6-3c-2 1-4 4-3 6l2 3c1 1 2 3 4 3m197-3c-2 0-2-3-1-4 2-3 4-5 7-6l3-2v-4l-6-1-9-1h-2v-2c1-4 6-6 10-6 6-1 16-1 18 7v6c-2 5-13 15-18 15zm-109-69c-2-1-1-5 1-7 2-1 6-3 7 0a6 6 0 0 1 1 3l-1 4zM451 837l-8-6-3-4v-6l1-6c1-3 5-6 7-8 5-3 11-6 16-3 4 1 6 5 8 8 3 5 3 10-1 17-5 11-10 13-20 8\" fill=\"@{text}\" fill-rule=\"nonzero\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n // /doc/install icon\n img.CopyPaste-icon {\n @svg: escape(\n '<svg width=\"14\" height=\"16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10.992 0h-6L4 .992V4H.992L0 4.992V15.04l.992.96H9.04l.96-.96V12h3.12l.88-.96V2.992zm0 1.408 1.584 1.584h-1.584zm-2 13.584h-8v-10H4v6.048l.992.96h4zm4-4h-8v-10H10V4h2.992z\" fill=\"@{text}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n // Go Main Logo\n .Site-header .Header-logo,\n .NavigationDrawer-logo,\n .go-Header .go-Header-logo,\n .go-NavigationDrawer .go-NavigationDrawer-logo,\n .top-bar img.gopherlogo,\n .go-Main-headerLogo,\n .SearchResults-headerLogo img[alt=\"Go\"] {\n @svg: escape(\n '<svg height=\"78\" viewBox=\"0 0 207 78\" width=\"207\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"@{text}\" fill-rule=\"evenodd\"><path d=\"M16.2 24.1c-.4 0-.5-.2-.3-.5l2.1-2.7c.2-.3.7-.5 1.1-.5h35.7c.4 0 .5.3.3.6l-1.7 2.6c-.2.3-.7.6-1 .6zM1.1 33.3c-.4 0-.5-.2-.3-.5l2.1-2.7c.2-.3.7-.5 1.1-.5h45.6c.4 0 .6.3.5.6l-.8 2.4c-.1.4-.5.6-.9.6zm24.2 9.2c-.4 0-.5-.3-.3-.6l1.4-2.5c.2-.3.6-.6 1-.6h20c.4 0 .6.3.6.7l-.2 2.4c0 .4-.4.7-.7.7z\"/><g transform=\"translate(55)\"><path d=\"M74.1 22.3c-6.3 1.6-10.6 2.8-16.8 4.4-1.5.4-1.6.5-2.9-1-1.5-1.7-2.6-2.8-4.7-3.8-6.3-3.1-12.4-2.2-18.1 1.5-6.8 4.4-10.3 10.9-10.2 19 .1 8 5.6 14.6 13.5 15.7 6.8.9 12.5-1.5 17-6.6.9-1.1 1.7-2.3 2.7-3.7H35.3c-2.1 0-2.6-1.3-1.9-3 1.3-3.1 3.7-8.3 5.1-10.9.3-.6 1-1.6 2.5-1.6h36.4c-.2 2.7-.2 5.4-.6 8.1-1.1 7.2-3.8 13.8-8.2 19.6-7.2 9.5-16.6 15.4-28.5 17-9.8 1.3-18.9-.6-26.9-6.6C5.8 64.8 1.6 57.4.5 48.2-.8 37.3 2.4 27.5 9 18.9 16.1 9.6 25.5 3.7 37 1.6 46.4-.1 55.4 1 63.5 6.5c5.3 3.5 9.1 8.3 11.6 14.1.6.9.2 1.4-1 1.7\"/><path d=\"M107.2 77.6c-9.1-.2-17.4-2.8-24.4-8.8-5.9-5.1-9.6-11.6-10.8-19.3-1.8-11.3 1.3-21.3 8.1-30.2 7.3-9.6 16.1-14.6 28-16.7 10.2-1.8 19.8-.8 28.5 5.1 7.9 5.4 12.8 12.7 14.1 22.3 1.7 13.5-2.2 24.5-11.5 33.9-6.6 6.7-14.7 10.9-24 12.8-2.7.5-5.4.6-8 .9M131 37.2c-.1-1.3-.1-2.3-.3-3.3-1.8-9.9-10.9-15.5-20.4-13.3-9.3 2.1-15.3 8-17.5 17.4-1.8 7.8 2 15.7 9.2 18.9 5.5 2.4 11 2.1 16.3-.6 7.9-4.1 12.2-10.5 12.7-19.1\" fill-rule=\"nonzero\"/></g></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .SiteBreadcrumb .BreadcrumbNav-li::after {\n @svg: escape(\n '<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m5.06 12.393.94.94L11.333 8 6 2.667l-.94.94L9.447 8\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n // Menu Active Selector\n img.TabSection-underline {\n @svg: escape(\n '<svg width=\"51\" height=\"4\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 4a4 4 0 0 1 4-4h43a4 4 0 0 1 4 4z\" fill=\"@{accent}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n // Code Snippet Highlights\n pre {\n .comment {\n color: @overlay2;\n }\n ins {\n color: @blue;\n }\n }\n // Companies in Main Page Contrast\n & when (@flavor = latte) {\n .WhoUsesCaseStudyList-caseStudyLink {\n background-color: @surface0;\n }\n }\n }\n}\n\n@-moz-document domain(\"pkg.go.dev\") {\n :root[data-theme=\"auto\"],\n :root:not([data-theme]) {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n :root[data-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n :root[data-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n\n // Pkg.go Carousel\n .go-Carousel {\n .go-Carousel-nextSlide img {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"@{text}\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"m10 17 5-5-5-5z\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n filter: none;\n }\n\n .go-Carousel-prevSlide img {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"@{text}\"><path d=\"m14 7-5 5 5 5z\"/><path d=\"M24 0v24H0V0z\" fill=\"none\" opacity=\".87\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n filter: none;\n }\n }\n // Alert Chips\n .go-Chip--alert {\n color: @crust;\n }\n // Pkg.go Header\n .go-Header {\n .go-Header-submenu {\n border-color: @accent;\n }\n\n // Triangle Icon Accented\n .go-Header-menuItem:hover a img.go-Icon {\n filter: @accent-filter !important;\n }\n }\n // Icons\n .go-Icon {\n &:not(.go-Icon--accented) {\n filter: @text-filter;\n }\n &.go-Icon--accented {\n filter: @accent-filter;\n }\n }\n // Pkg.go Fixed Header\n .go-Main-header[data-raised=\"true\"] {\n background-color: @crust;\n }\n // Pkg.go Package Documentation Mobile Dropdown Icon\n .go-Main-navMobile label.go-Label::before {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"@{text}\"><path d=\"M0 0h24v24H0z\" fill=\"none\" opacity=\".87\"/><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M4 13c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1m0 4c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1m0-8c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1m3 4h14v-2H7zm0 4h14v-2H7zM7 7v2h14V7z\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n // Pkg.go Mobile Navigation Drawer\n .go-NavigationDrawer {\n .go-NavigationDrawer-header {\n border-bottom-color: @overlay2;\n }\n\n .go-NavigationDrawer-listItem--active {\n background-color: fade(@accent, 30%);\n }\n }\n //Pkg.go Search Bar\n .go-SearchForm {\n input[type=\"search\"]::-webkit-search-cancel-button {\n display: none;\n }\n }\n\n .go-Footer {\n background-color: @crust;\n }\n // Pkg.go Shortcut Helpers\n .go-ShortcutKey::after {\n background-color: @text;\n }\n // External Link Icon\n .Homepage-helpLink,\n .UnitFiles-titleLink,\n a[href=\"https://www.meetup.com/pro/go\"],\n a[href=\"https://github.com/golang/go/wiki/Conferences\"] {\n @svg: escape(\n '<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 24 24\" xml:space=\"preserve\" enable-background=\"new 0 0 24 24\"><style type=\"text/css\">.st0{fill:none;}\t.st1{fill:@{accent}};}</style><path class=\"st0\" d=\"M0 0h24v24H0z\"/><path class=\"st1\" d=\"M19 19H5V5h7V3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7h-2zM14 3v2h3.6l-9.8 9.8 1.4 1.4L19 6.4V10h2V3z\"/></svg>'\n );\n\n img,\n img.go-Icon,\n img.go-Icon:not(.go-Icon--accented) {\n content: url(\"data:image/svg+xml,@{svg}\");\n filter: none;\n }\n\n a::after {\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n // 'Jump to' Dialog - Desktop\n .JumpDialog {\n .JumpDialog-active {\n color: @crust;\n }\n }\n // Pkg.go Package Search Results\n .SearchResults-header {\n input[type=\"search\"]::-webkit-search-cancel-button {\n display: none;\n }\n }\n // Search Icon in pkg.go - Accented\n form.Homepage-search--symbol::before {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"@{accent}\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path 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\n // Pkg.go Package Details Section\n .UnitMeta {\n .UnitMeta-links {\n img.depsdev-Icon {\n @svg: escape(\n '<svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"m13.587 16.204 2.217 2.217c.26.253.26.667.007.927l-.008.008L3.342 31.81a.653.653 0 0 1-.92 0L.19 29.58a.653.653 0 0 1 0-.92l12.462-12.462a.655.655 0 0 1 .928-.008c0 .008.007.015.007.015\" fill=\"@{teal}\"/><circle cx=\"17\" cy=\"15\" r=\"13\" stroke=\"@{teal}\" stroke-width=\"4\"/><circle cx=\"17\" cy=\"15\" r=\"4\" stroke=\"@{teal}\" stroke-width=\"4\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n }\n // Deprecated Chip\n span.Documentation-deprecatedTag {\n color: @crust;\n }\n // Code Snippet Highlights\n pre {\n .comment {\n color: @overlay2;\n }\n ins {\n color: @blue;\n }\n }\n }\n}\n\n@-moz-document url-prefix(\"https://go.dev/tour\") {\n :root[data-theme=\"auto\"],\n :root:not([data-theme]) {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n :root[data-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n :root[data-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n\n #editor-container {\n #left-side {\n .slide-content {\n background-color: @base;\n\n a {\n color: @accent;\n }\n\n code {\n background-color: @accent !important;\n color: @crust;\n }\n\n h2,\n li,\n p {\n color: @text;\n }\n\n pre {\n background-color: @mantle;\n color: @text;\n }\n }\n\n .module-bar {\n background-color: @mantle;\n color: @text;\n\n a {\n color: @accent;\n }\n }\n }\n\n #right-side {\n background-color: @base;\n\n #explorer {\n background-color: @mantle;\n }\n\n #file-editor {\n .CodeMirror {\n background-color: @base;\n\n .CodeMirror-lines {\n background-color: @base;\n color: @text;\n\n .CodeMirror-linenumber {\n color: @overlay1;\n }\n\n span.cm-atom {\n color: @blue;\n }\n\n span.cm-comment {\n color: @peach;\n }\n\n span.cm-keyword {\n color: @mauve;\n }\n\n span.cm-number {\n color: @green;\n }\n\n span.cm-string {\n color: @red;\n }\n\n span.cm-variable {\n color: @text;\n }\n }\n }\n\n .CodeMirror-gutters {\n background-color: @mantle;\n border-right-color: @surface2;\n }\n }\n\n #file-menu {\n background-color: @mantle;\n }\n\n .output {\n background-color: @base;\n\n span.stdout {\n color: @subtext0;\n }\n\n span.system {\n color: @text;\n }\n }\n\n a {\n background-color: @text;\n color: @crust;\n }\n\n a#run {\n background-color: @accent;\n }\n\n pre.info {\n background-color: @surface0 !important;\n }\n }\n\n div[vertical-slide],\n div[horizontal-slide] {\n background-color: @surface2;\n }\n }\n\n .toc {\n background-color: @base;\n\n .toc-page.ng-scope {\n background-color: @mantle;\n color: @text;\n }\n\n .toc-module.ng-scope {\n background-color: @mantle;\n span.ng-binding {\n background-color: @base;\n color: @accent;\n }\n\n .toc-lesson span.ng-binding {\n background-color: @mantle;\n color: @text;\n }\n }\n }\n\n .top-bar {\n background-color: @crust;\n color: @text;\n\n span.nav {\n svg {\n fill: @text;\n }\n }\n }\n\n .wrapper.ng-scope {\n background-color: @base;\n\n .container {\n background-color: @base;\n\n .lesson.ng-scope {\n background-color: @mantle;\n }\n\n h1,\n p {\n color: @text;\n }\n\n a {\n color: @accent;\n }\n }\n }\n }\n}\n",
|
|
"originalDigest": "531bb84e076afcacb2af848b4bdea8bffd369119",
|
|
"_id": "b643c1cd-8063-4532-8a15-752208b4d9e4",
|
|
"_rev": 1780236870674,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 75
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "PyPI Catppuccin",
|
|
"description": "Soothing pastel theme for PyPI",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/pypi/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "PyPI Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/pypi",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/pypi",
|
|
"version": "2026.03.14",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/pypi/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Apypi",
|
|
"description": "Soothing pastel theme for PyPI",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name PyPI Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/pypi\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/pypi\n@version 2026.03.14\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/pypi/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Apypi\n@description Soothing pastel theme for PyPI\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"pypi.org\") {\n @import url(\"https://python.catppuccin.com/pygments/catppuccin-variables.important.css\");\n\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n #lib.css-variables();\n\n ::selection {\n color: unset; // TODO: Basically another case of setting the text color in the selection, but unsetting it here.\n }\n\n body {\n background-color: @base !important;\n color: @text !important;\n }\n\n input,\n select,\n textarea {\n background-color: @mantle !important;\n border-color: @surface0 !important;\n color: @text !important;\n\n &:active,\n &:focus,\n &:hover {\n border-color: @accent !important;\n box-shadow: inset 0 0 0 1px @accent !important;\n }\n }\n\n input:disabled,\n select:disabled {\n &,\n &:active,\n &:focus,\n &:hover {\n background-color: @mantle !important;\n }\n }\n\n hr {\n background-color: @surface0 !important;\n background-image: linear-gradient(90deg, @surface0, @surface0) !important;\n }\n\n .project-description blockquote {\n color: @subtext0 !important;\n }\n\n .project-description table {\n tr {\n background-color: @base !important;\n }\n\n tr:nth-child(odd) {\n background-color: @mantle !important;\n }\n\n &, tr, th, td {\n border-color: @surface0 !important;\n }\n }\n\n .verified .check {\n color: @green;\n }\n\n .banner,\n .footer {\n background-color: @mantle !important;\n color: @text !important;\n }\n\n .accordion__link {\n color: @accent !important;\n }\n\n .password-strength {\n border-color: @surface2 !important;\n }\n\n .accordion__link:active,\n .accordion__link:focus {\n outline-color: @accent !important;\n outline-style: solid;\n }\n\n @media (max-width: 1000px) {\n .accordion__link {\n color: @text !important;\n }\n\n .accordion__link:active,\n .accordion__link:focus {\n outline-color: @text !important;\n }\n }\n\n .footer__divider {\n border-color: @surface0 !important;\n }\n\n a,\n .footer__menu li a {\n &:active,\n &:focus {\n outline-color: @accent !important;\n }\n }\n\n .skip-to-content:focus {\n background-color: @base !important;\n color: @text !important;\n }\n\n a:not(.site-header__logo, .button, .dropdown__link, .badge, .release__card),\n a:hover:not(\n .site-header__logo,\n .button,\n .dropdown__link,\n .badge,\n .release__card\n ),\n .footer__menu li a,\n .footer__text a,\n .language-switcher ul button {\n color: @accent !important;\n }\n\n .footer__text a,\n .language-switcher ul button {\n &:active,\n &:focus {\n outline-color: @accent !important;\n }\n }\n\n .footer__menu h2,\n .footer__text,\n .language-switcher ul button.language-switcher__selected::before {\n color: @text !important;\n }\n\n .language-switcher {\n background-color: @crust !important;\n border-top-color: @crust !important;\n color: @text !important;\n }\n\n .horizontal-section--grey {\n background-color: @base !important;\n border-bottom-color: @base !important;\n border-top-color: @base !important;\n }\n\n .statistics-bar__statistic {\n color: @subtext0 !important;\n }\n\n .lede-paragraph {\n color: @subtext1 !important;\n }\n\n .site-header {\n background-color: @crust !important;\n border-bottom-color: @crust !important;\n }\n\n .site-header__logo:active,\n .site-header__logo:focus {\n outline-color: @text !important;\n }\n\n .dropdown__content {\n border-color: @accent !important;\n box-shadow: none !important;\n }\n\n .dropdown__content li:hover {\n background-color: @base !important;\n }\n\n .dropdown button.dropdown__link:not(:hover),\n .dropdown__link {\n background-color: @crust !important;\n border-bottom-color: @crust !important;\n color: @text !important;\n }\n\n .dropdown__link:hover {\n background-color: @base !important;\n }\n\n a.dropdown__link,\n a.dropdown__link:hover {\n background-image: none !important;\n color: @text !important;\n }\n\n .horizontal-menu__link:active,\n .horizontal-menu__link:focus {\n outline-color: @accent !important;\n }\n\n .horizontal-menu--light .horizontal-menu__link {\n color: @accent !important;\n }\n\n .horizontal-menu--light .horizontal-menu__link:hover {\n text-decoration-color: @accent !important;\n }\n\n .sponsors,\n .sidebar-section.loaded {\n display: none;\n }\n\n .package-snippet {\n background-color: @crust !important;\n border-color: @surface0 !important;\n box-shadow: none !important;\n }\n\n .package-snippet__created {\n color: @subtext0 !important;\n }\n\n .package-snippet__description {\n color: @subtext1 !important;\n }\n\n .search-form__search {\n background-color: @surface0 !important;\n }\n .search-form__button {\n color: @subtext0;\n }\n\n .button {\n border-color: @subtext0 !important;\n color: @text !important;\n\n &:active,\n &:focus,\n &:hover {\n border-color: @subtext1 !important;\n color: @text !important;\n }\n }\n\n .button--primary,\n .button--primary:active,\n .button--primary:focus,\n .button--primary:hover {\n background-color: @accent !important;\n border-color: @accent !important;\n color: @base !important;\n outline-color: @accent !important;\n }\n\n .danger {\n color: @red !important;\n }\n\n .notification-bar {\n background-color: @accent !important;\n border-bottom-color: @accent !important;\n color: @base !important;\n }\n\n .notification-bar--danger {\n background-color: @red !important;\n }\n\n .notification-bar--success {\n background-color: @green !important;\n }\n\n .notification-bar--banner .button {\n color: @base !important;\n }\n\n .badge--warning {\n background-color: @yellow !important;\n border-color: @yellow !important;\n color: @base !important;\n\n &:hover {\n color: @base !important;\n }\n }\n\n .badge--warning:active,\n .badge--warning:focus {\n outline-color: invisible !important;\n }\n\n .callout-block--warning {\n border-color: @yellow !important;\n }\n\n .callout-block--warning > :not(.modal, .button, a) {\n color: @text !important;\n }\n\n .callout-block--warning::before {\n background-color: @yellow !important;\n }\n\n .callout-block--warning .callout-block__dismiss:active,\n .callout-block--warning .callout-block__dismiss:focus {\n outline-color: @yellow !important;\n }\n\n .callout-block {\n border-color: @accent !important;\n }\n\n .callout-block::before {\n background-color: @accent !important;\n }\n\n .callout-block--danger {\n border-color: @red !important;\n }\n\n .callout-block--danger > :not(.modal, .button) {\n color: @text !important;\n }\n\n .callout-block--danger::before {\n background-color: @red !important;\n }\n\n .callout-block--danger .callout-block__dismiss:active,\n .callout-block--danger .callout-block__dismiss:focus {\n outline-color: @red !important;\n }\n\n .callout-block--success {\n border-color: @green !important;\n }\n\n .callout-block--success > :not(.modal, .button) {\n color: @text !important;\n }\n\n .callout-block--success::before {\n background-color: @green !important;\n }\n\n .callout-block--success .callout-block__dismiss:active,\n .callout-block--success .callout-block__dismiss:focus {\n outline-color: @green !important;\n }\n\n .faq-group h3::before {\n color: @accent !important;\n }\n\n .badge {\n background-color: @accent !important;\n border-color: @accent !important;\n color: @base !important;\n }\n\n .badge:hover {\n color: @base !important;\n }\n\n .badge:active,\n .badge:focus {\n border-color: @base !important;\n outline-color: @accent !important;\n }\n\n .badge--success {\n background-color: @green !important;\n border-color: @green !important;\n }\n\n .badge--success:active,\n .badge--success:focus {\n outline-color: @green !important;\n }\n\n .notification-bar--warning {\n background-color: @yellow !important;\n color: @base !important;\n }\n\n .notification-bar--warning .notification-bar__dismiss:active,\n .notification-bar--warning .notification-bar__dismiss:focus {\n outline-color: @yellow !important;\n }\n\n .table td,\n .table th {\n border-bottom-color: @surface0 !important;\n }\n\n .table--collaborators .table__user-text > * {\n background-image: linear-gradient(\n 90deg,\n @accent,\n @accent\n ) !important;\n color: @accent !important;\n }\n\n .table--collaborators .table__user-text > :hover {\n background-image: linear-gradient(\n 90deg,\n @accent,\n @accent\n ) !important;\n color: @accent !important;\n }\n\n .table--collaborators .table__user-text > :active,\n .table--collaborators .table__user-text > :focus {\n outline-color: @accent !important;\n }\n\n @media (max-width: 600px) {\n .table--security-logs,\n .table--collaborators,\n .table--releases,\n .table--emails,\n .table--2fa,\n .table--api-tokens,\n .table--publisher-list {\n border-bottom-color: @surface0 !important;\n }\n\n .table--security-logs tbody tr td:first-child,\n .table--security-logs tbody tr th:first-child,\n .table--collaborators tbody tr td:first-child,\n .table--collaborators tbody tr th:first-child,\n .table--releases tbody tr td:first-child,\n .table--releases tbody tr th:first-child,\n .table--emails tbody tr td:first-child,\n .table--emails tbody tr th:first-child,\n .table--2fa tbody tr td:first-child,\n .table--2fa tbody tr th:first-child,\n .table--api-tokens tbody tr td:first-child,\n .table--api-tokens tbody tr th:first-child,\n .table--publisher-list tbody tr td:first-child,\n .table--publisher-list tbody tr th:first-child {\n border-top-color: @surface0 !important;\n }\n }\n\n @media (max-width: 800px) {\n .table--files,\n .table--history,\n .table--downloads {\n border-bottom-color: @subtext0 !important;\n }\n\n .table--files tbody tr td:first-child,\n .table--files tbody tr th:first-child,\n .table--history tbody tr td:first-child,\n .table--history tbody tr th:first-child,\n .table--downloads tbody tr td:first-child,\n .table--downloads tbody tr th:first-child {\n border-top-color: @subtext0 !important;\n }\n }\n\n @media (max-width: 400px) {\n .table--hashes {\n border-bottom-color: @subtext0 !important;\n }\n\n .table--hashes tbody tr td:first-child,\n .table--hashes tbody tr th:first-child {\n border-top-color: @subtext0 !important;\n }\n\n .table--hashes td .button::before {\n border-color: transparent !important;\n }\n }\n\n .sponsor-grid__sponsor {\n background-color: @mantle !important;\n border-color: @subtext0 !important;\n }\n\n .sponsor-grid__sponsor:active,\n .sponsor-grid__sponsor:hover {\n border-color: @subtext0 !important;\n }\n\n .sponsor-grid__sponsor--invitation,\n .sponsor-grid__sponsor--invitation:hover {\n border-color: @accent !important;\n }\n\n .sponsor-grid__sponsor-activity {\n color: @subtext0 !important;\n }\n\n .sponsor-package {\n border-color: @accent !important;\n }\n\n .sponsor-package__header {\n background-color: @accent !important;\n color: @base !important;\n }\n\n .sponsor-package__icon {\n background-color: @accent !important;\n }\n\n .mobile-search {\n background-color: @crust !important;\n }\n\n .hooray-list {\n border-top-color: @subtext0 !important;\n }\n\n .hooray-list li {\n border-bottom-color: @subtext0 !important;\n }\n\n .hooray-list li::before {\n color: @text !important;\n }\n\n .button--tertiary {\n background-color: @crust !important;\n border-color: @subtext0 !important;\n }\n\n .button--danger {\n background-color: @red !important;\n border-color: @red !important;\n color: @base !important;\n }\n\n .button--danger:active,\n .button--danger:focus,\n .button--danger:hover {\n background-color: @red !important;\n border-color: @red !important;\n color: @base !important;\n text-decoration-color: @red !important;\n }\n\n .button--danger:active,\n .button--danger:focus {\n border-color: @red !important;\n }\n\n .button--danger:active:active,\n .button--danger:active:focus,\n .button--danger:focus:active,\n .button--danger:focus:focus {\n outline-color: @red !important;\n }\n\n .button--warning {\n background-color: @yellow !important;\n border-color: @yellow !important;\n color: @base !important;\n }\n\n .button--warning:active,\n .button--warning:focus,\n .button--warning:hover {\n background-color: @yellow !important;\n border-color: @yellow !important;\n color: @base !important;\n text-decoration-color: @yellow !important;\n }\n\n .button--warning:active,\n .button--warning:focus {\n border-color: @yellow !important;\n }\n\n .button--disabled,\n .button--disabled:active,\n .button--disabled:focus,\n .button--disabled:hover,\n .button[disabled],\n .button[disabled]:active,\n .button[disabled]:focus,\n .button[disabled]:hover {\n background-color: @base !important;\n border-color: @subtext0 !important;\n color: @subtext0 !important;\n }\n\n .button--switch-to-desktop,\n .button--switch-to-desktop:active,\n .button--switch-to-desktop:focus,\n .button--switch-to-desktop:hover {\n border-color: @text !important;\n color: @text !important;\n }\n\n .password-strength .password-strength__gauge--0 {\n background-color: @red !important;\n }\n\n .password-strength .password-strength__gauge--1 {\n background-color: @peach !important;\n }\n\n .password-strength .password-strength__gauge--2 {\n background-color: @yellow !important;\n }\n\n .password-strength .password-strength__gauge--3 {\n background-color: @blue !important;\n }\n\n .password-strength .password-strength__gauge--4 {\n background-color: @green !important;\n }\n\n .package-header__pip-instructions span {\n background-color: @crust !important;\n border-color: @subtext0 !important;\n }\n\n .package-header__pip-instructions button {\n background-color: @crust !important;\n border-color: @subtext0 !important;\n color: @text !important;\n }\n\n .package-header__pip-instructions button:hover {\n background-color: @base !important;\n }\n\n .package-header__pip-instructions button:active,\n .package-header__pip-instructions button:focus {\n outline-color: @base !important;\n }\n\n .docutils.literal,\n code,\n kbd,\n pre,\n samp,\n tt {\n background-color: @mantle !important;\n border-color: @mantle !important;\n color: @subtext1 !important;\n }\n\n .vertical-tabs__tab:hover {\n color: @accent !important;\n }\n\n .vertical-tabs__tab:active,\n .vertical-tabs__tab:focus {\n box-shadow: 0 0 0 2px @crust !important;\n outline-color: @accent !important;\n }\n\n @media (max-width: 800px) {\n .vertical-tabs__tab--mobile,\n .vertical-tabs__tab--mobile:last-of-type {\n border-bottom-color: @surface0 !important;\n }\n }\n\n .vertical-tabs__tab--is-active,\n .vertical-tabs__tab--is-active:hover {\n background: @crust !important;\n color: @accent !important;\n }\n\n .vertical-tabs__content:focus {\n outline-color: @accent !important;\n }\n\n .verified,\n .unverified {\n small {\n color: @subtext0 !important;\n }\n }\n\n .sidebar-section .sidebar-section__user-gravatar:active,\n .sidebar-section .sidebar-section__user-gravatar:focus {\n outline-color: @accent !important;\n }\n\n .sidebar-section__user-gravatar-text,\n .sidebar-section__user-gravatar-text:hover {\n background-image: linear-gradient(\n 90deg,\n @accent,\n @accent\n ) !important;\n color: @accent !important;\n }\n\n .sidebar-section__user-gravatar-text:active,\n .sidebar-section__user-gravatar-text:focus {\n outline-color: @accent !important;\n }\n\n .sidebar-section {\n border-bottom-color: @surface0;\n }\n\n .status-badge {\n background-color: @crust !important;\n border-color: @mantle !important;\n }\n\n .status-badge span {\n color: @base !important;\n text-decoration: none !important;\n }\n\n .status-badge:active,\n .status-badge:focus {\n outline-color: @mantle !important;\n }\n\n .status-badge::before {\n color: @base !important;\n border-right-color: @mantle !important;\n }\n\n .status-badge--good {\n background-color: @green !important;\n color: @base !important;\n }\n\n .status-badge--warn {\n background-color: @yellow !important;\n }\n\n .status-badge--bad {\n background-color: @red !important;\n color: @base !important;\n }\n\n .viewport-section__rule {\n background-color: @base !important;\n }\n\n .viewport-section--dark {\n background-color: @base !important;\n color: @text !important;\n }\n\n .viewport-section--ee .viewport-section__heading {\n background-color: @base !important;\n color: @accent !important;\n }\n\n .viewport-section--ee\n .viewport-section__video\n .viewport-section__video-container {\n border-color: @crust !important;\n outline-color: invisible !important;\n }\n\n .form-errors,\n .form-errors li::before {\n color: @red !important;\n }\n\n .form-errors .form-error--valid,\n .form-errors .form-error--valid::before {\n color: @green !important;\n }\n\n .breadcrumbs__breadcrumb {\n color: @text !important;\n }\n\n .breadcrumbs__breadcrumb:first-child {\n color: @text !important;\n }\n\n .breadcrumbs__breadcrumb:not(:last-child)::after {\n color: @text !important;\n }\n\n .horizontal-menu__link--with-icon:hover .fa,\n .horizontal-menu__link--with-icon:hover .user-image {\n opacity: 100% !important;\n }\n\n .release__line {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"2\" height=\"1\"><rect width=\"2\" height=\"1\" fill=\"@{surface0}\"/></svg>'\n );\n\n background-image: url(\"data:image/svg+xml;utf8,@{svg}\") !important;\n }\n\n .release__node[src*=\"white\"] {\n background-color: @base !important;\n }\n\n .release__card {\n background-color: @crust !important;\n border-color: @surface0 !important;\n color: @text !important;\n }\n\n .release__version-date {\n color: @subtext0 !important;\n }\n\n .release--current {\n background-color: @mantle !important;\n border-color: @surface0 !important;\n }\n\n .release {\n border-left-color: @mantle !important;\n }\n\n .checkbox-tree li {\n &::before,\n &::after {\n border-color: @surface2;\n }\n }\n\n .filter-badge {\n background-color: @accent;\n\n &,\n .filter-badge__remove-button,\n .filter-badge__icon {\n color: @crust;\n }\n .filter-badge__remove-button {\n border-left-color: if(\n @flavor = latte,\n lighten(@accent, 10%),\n darken(@accent, 5%)\n );\n\n &:hover {\n background-color: darken(@accent, 10%);\n }\n }\n }\n\n @media (min-width: 801px) {\n .package-snippet,\n .package-snippet:hover {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"38\" viewBox=\"0 0 37.5 35.625\"><g stroke=\"@{surface0}\" stroke-linejoin=\"bevel\" stroke-width=\".211\"><path fill=\"@{surface2}\" d=\"m9.526 5.025 9.233 3.36 9.37-3.41-9.233-3.361z\"/><path fill=\"@{surface1}\" d=\"M18.759 8.385v10.852l9.37-3.41V4.975z\"/><path fill=\"@{surface2}\" d=\"m9.526 5.025 9.233 3.36v10.852l-9.233-3.361z\"/><path fill=\"@{surface2}\" d=\"m.215 19.303 9.233 3.36 9.37-3.41-9.233-3.361z\"/><path fill=\"@{surface1}\" d=\"M9.448 22.663v10.852l9.37-3.41V19.253z\"/><path fill=\"@{surface2}\" d=\"m.215 19.303 9.233 3.36v10.852L.215 30.154z\"/><path fill=\"@{surface2}\" d=\"m18.713 19.303 9.233 3.36 9.37-3.41-9.233-3.361z\"/><path fill=\"@{surface1}\" d=\"M27.946 22.663v10.852l9.37-3.41V19.253z\"/><path fill=\"@{surface2}\" d=\"m18.713 19.303 9.233 3.36v10.852l-9.233-3.361z\"/></g></svg>'\n );\n\n background-image: url(\"data:image/svg+xml;utf8,@{svg}\") !important;\n }\n }\n\n .site-header__logo img {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"65.812\" height=\"58\"><g stroke=\"@{surface0}\" stroke-width=\".07269443\"><path d=\"m18.93 18.826 9.324 3.395v10.954l-9.323-3.392zM9.473 22.27v10.957l9.459-3.445V18.826zm-.001 10.958 9.32 3.393 9.462-3.446-9.323-3.392z\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m9.472 22.271 9.32 3.393 9.462-3.446-9.323-3.392z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"M18.793 25.664v10.957l9.461-3.446V22.218z\" fill=\"@{surface2}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m9.472 22.271 9.32 3.393v10.957L9.47 33.225z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/></g><g stroke=\"@{surface0}\" stroke-width=\".07269443\"><path d=\"m28.294 11.165 9.323 3.395v10.954l-9.323-3.392zm-9.459 3.445v10.957l9.459-3.445V11.165z\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m18.835 25.567 9.32 3.393 9.462-3.446-9.323-3.392z\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m18.835 14.61 9.32 3.393 9.462-3.446-9.323-3.392z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"M28.156 18.003V28.96l9.461-3.446V14.557z\" fill=\"@{surface2}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m18.835 14.61 9.32 3.393V28.96l-9.323-3.396z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/></g><g stroke=\"@{surface0}\" stroke-width=\".07269443\"><path d=\"m9.568 33.296 9.323 3.395v10.954l-9.323-3.392zM.109 36.74v10.957l9.459-3.445V33.296z\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m.11 47.698 9.32 3.393 9.461-3.446-9.323-3.392z\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m.11 36.741 9.32 3.393 9.461-3.446-9.323-3.392z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"M9.43 40.134v10.957l9.461-3.446V36.688z\" fill=\"@{surface2}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m.11 36.741 9.32 3.393v10.957L.106 47.695z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/></g><g stroke=\"@{surface0}\" stroke-width=\".07269443\"><path d=\"m18.93 36.7 9.324 3.396V51.05l-9.323-3.392zm-9.458 3.446v10.957l9.459-3.445V36.7zm0 10.957 9.32 3.393 9.462-3.446-9.323-3.392z\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m9.472 40.146 9.32 3.393 9.462-3.446-9.323-3.392z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"M18.793 43.539v10.957l9.461-3.446V40.093z\" fill=\"@{surface2}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m9.472 40.146 9.32 3.393v10.957L9.47 51.1z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/></g><g stroke=\"@{surface0}\" stroke-width=\".07269443\"><path d=\"m18.93 25.635 9.324 3.395v10.954l-9.323-3.392zM9.473 29.08v10.957l9.459-3.445V25.635z\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m9.472 40.037 9.32 3.393 9.462-3.446-9.323-3.392z\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m9.472 29.08 9.32 3.393 9.462-3.446-9.323-3.392z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"M18.793 32.473V43.43l9.461-3.446V29.027z\" fill=\"@{surface2}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m9.472 29.08 9.32 3.393V43.43L9.47 40.034z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/></g><g stroke=\"@{surface0}\" stroke-width=\".07269443\"><path d=\"m56.384 29.89 9.323 3.396V44.24l-9.323-3.392zm-9.459 3.446v10.957l9.459-3.445V29.89z\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m46.925 44.293 9.32 3.393 9.462-3.446-9.323-3.392z\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m46.925 33.336 9.32 3.393 9.462-3.446-9.323-3.392z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"M56.246 36.729v10.957l9.461-3.446V33.283z\" fill=\"@{surface2}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m46.925 33.336 9.32 3.393v10.957l-9.323-3.396z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/></g><g transform=\"translate(-1683.66 -513.275)scale(.65177)\"><g stroke=\"@{surface0}\" stroke-width=\".07269443\"><path d=\"m2655.35 838.592 14.304 5.21v16.807l-14.305-5.206zm-14.512 5.287v16.81l14.511-5.286v-16.81z\" stroke=\"@{surface0}\" stroke-width=\".3264961281805\"/><path d=\"m2640.838 860.69 14.3 5.205 14.516-5.286-14.305-5.206z\" stroke=\"@{surface0}\" stroke-width=\".3264961281805\"/><path d=\"m2640.838 843.879 14.3 5.205 14.516-5.286-14.305-5.206z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".3264961281805\"/><path d=\"M2655.138 849.084v16.811l14.516-5.286v-16.811z\" fill=\"@{yellow}\" stroke=\"@{surface0}\" stroke-width=\".3264961281805\"/><path d=\"m2640.838 843.879 14.3 5.205v16.811l-14.305-5.21z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".3264961281805\"/></g><circle cx=\"2835.218\" cy=\"1823.899\" r=\"2.967\" transform=\"scale(.9397 1)skewY(-18.882)\" fill=\"@{surface2}\"/></g><g stroke=\"@{surface0}\" stroke-width=\".07269443\"><path d=\"m37.658 36.7 9.323 3.396V51.05l-9.323-3.392zm-9.459 3.446v10.957l9.459-3.445V36.7z\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m28.2 51.103 9.32 3.393 9.461-3.446-9.323-3.392z\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m28.2 40.146 9.32 3.393 9.461-3.446-9.323-3.392z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"M37.52 43.539v10.957l9.461-3.446V40.093z\" fill=\"@{yellow}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m28.2 40.146 9.32 3.393v10.957L28.196 51.1z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/></g><g stroke=\"@{surface0}\" stroke-width=\".07269443\"><path d=\"m28.294 40.106 9.323 3.395v10.954l-9.323-3.392zm-9.459 3.445v10.957l9.459-3.445V40.106z\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m18.835 54.508 9.32 3.393 9.462-3.446-9.323-3.392z\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m18.835 43.551 9.32 3.393 9.462-3.446-9.323-3.392z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"M28.156 46.944v10.957l9.461-3.446V43.498z\" fill=\"@{surface2}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m18.835 43.551 9.32 3.393v10.957l-9.323-3.396z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/></g><g stroke=\"@{surface0}\" stroke-width=\".07269443\"><path d=\"m56.384 18.826 9.323 3.395v10.954l-9.323-3.392zm-9.459 3.445v10.957l9.459-3.445V18.826zm0 10.957 9.32 3.393 9.462-3.446-9.323-3.392z\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m46.925 22.271 9.32 3.393 9.462-3.446-9.323-3.392z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"M56.246 25.664v10.957l9.461-3.446V22.218z\" fill=\"@{yellow}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m46.925 22.271 9.32 3.393v10.957l-9.323-3.396z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/></g><g stroke=\"@{surface0}\" stroke-width=\".07269443\"><path d=\"m56.384 7.76 9.323 3.395V22.11l-9.323-3.392zm-9.459 3.445v10.957l9.459-3.445V7.76z\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m46.925 22.162 9.32 3.393 9.462-3.446-9.323-3.392z\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m46.925 11.205 9.32 3.393 9.462-3.446-9.323-3.392zm9.321 3.393v10.957l9.461-3.446V11.152z\" fill=\"@{yellow}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m46.925 11.205 9.32 3.393v10.957l-9.323-3.396z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/></g><g stroke=\"@{surface0}\" stroke-width=\".07269443\"><path d=\"m47.02 22.23 9.324 3.395V36.58l-9.323-3.392zm-9.458 3.445v10.957l9.459-3.445V22.23z\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m37.562 36.632 9.32 3.393 9.462-3.446-9.323-3.392z\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m37.562 25.675 9.32 3.393 9.462-3.446-9.323-3.392z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"M46.883 29.068v10.957l9.461-3.446V25.622z\" fill=\"@{yellow}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m37.562 25.675 9.32 3.393v10.957l-9.323-3.396z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/></g><g stroke=\"@{surface0}\" stroke-width=\".07269443\"><path d=\"m47.02 11.165 9.324 3.395v10.954l-9.323-3.392zm-9.458 3.445v10.957l9.459-3.445V11.165z\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m37.562 25.567 9.32 3.393 9.462-3.446-9.323-3.392z\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m37.562 14.61 9.32 3.393 9.462-3.446-9.323-3.392z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"M46.883 18.003V28.96l9.461-3.446V14.557z\" fill=\"@{blue}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m37.562 14.61 9.32 3.393V28.96l-9.323-3.396z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/></g><g stroke=\"@{surface0}\" stroke-width=\".07269443\"><path d=\"m47.02.099 9.324 3.395v10.954l-9.323-3.392zm-9.458 3.445v10.957l9.459-3.445V.099z\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m37.562 14.501 9.32 3.393 9.462-3.446-9.323-3.392z\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m37.562 3.544 9.32 3.393 9.462-3.446L47.021.1zm9.321 3.393v10.957l9.461-3.446V3.491z\" fill=\"@{blue}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m37.562 3.544 9.32 3.393v10.957l-9.323-3.396z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/></g><g stroke=\"@{surface0}\" stroke-width=\".07269443\"><path d=\"m37.658 25.635 9.323 3.395v10.954l-9.323-3.392zm-9.459 3.445v10.957l9.459-3.445V25.635z\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m28.2 40.037 9.32 3.393 9.461-3.446-9.323-3.392z\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m28.2 29.08 9.32 3.393 9.461-3.446-9.323-3.392z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"M37.52 32.473V43.43l9.461-3.446V29.027z\" fill=\"@{yellow}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m28.2 29.08 9.32 3.393V43.43l-9.324-3.396z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/></g><g stroke=\"@{surface0}\" stroke-width=\".07269443\"><path d=\"m37.658 14.57 9.323 3.395V28.92l-9.323-3.392zm-9.459 3.445v10.957l9.459-3.445V14.57z\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m28.2 28.972 9.32 3.393 9.461-3.446-9.323-3.392z\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m28.2 18.015 9.32 3.393 9.461-3.446-9.323-3.392z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"M37.52 21.408v10.957l9.461-3.446V17.962z\" fill=\"@{blue}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m28.2 18.015 9.32 3.393v10.957l-9.324-3.396z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/></g><g stroke=\"@{surface0}\" stroke-width=\".07269443\"><path d=\"m28.294 29.04 9.323 3.395V43.39l-9.323-3.392zm-9.459 3.445v10.957l9.459-3.445V29.04z\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m18.835 43.442 9.32 3.393 9.462-3.446-9.323-3.392z\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m18.835 32.485 9.32 3.393 9.462-3.446-9.323-3.392z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"M28.156 35.878v10.957l9.461-3.446V32.432zm-9.32-3.393 9.32 3.393v10.957l-9.324-3.396z\" fill=\"@{blue}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/></g><g stroke=\"@{surface0}\" stroke-width=\".07269443\"><path d=\"m28.294 17.974 9.323 3.395v10.954l-9.323-3.392zm-9.459 3.445v10.957l9.459-3.445V17.974z\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m18.835 32.376 9.32 3.393 9.462-3.446-9.323-3.392z\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"m18.835 21.42 9.32 3.392 9.462-3.446-9.323-3.392z\" fill=\"@{blue}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/><path d=\"M28.156 24.812v10.957l9.461-3.446V21.366zm-9.32-3.393 9.32 3.393v10.957l-9.324-3.396z\" fill=\"@{blue}\" stroke=\"@{surface0}\" stroke-width=\".2128005857719\"/></g><g transform=\"translate(-1683.66 -513.275)scale(.65177)\"><g stroke=\"@{surface0}\" stroke-width=\".07269443\"><path d=\"m2640.983 792.883 14.305 5.21V814.9l-14.305-5.206zm-14.511 5.287v16.81l14.511-5.286v-16.81z\" stroke=\"@{surface0}\" stroke-width=\".3264961281805\"/><path d=\"m2626.472 814.98 14.3 5.206 14.516-5.286-14.305-5.206z\" stroke=\"@{surface0}\" stroke-width=\".3264961281805\"/><path d=\"m2626.472 798.17 14.3 5.205 14.516-5.286-14.305-5.206z\" fill=\"@{blue}\" stroke=\"@{surface0}\" stroke-width=\".3264961281805\"/><path d=\"M2640.772 803.375v16.811l14.516-5.286v-16.811zm-14.3-5.205 14.3 5.205v16.811l-14.305-5.21z\" fill=\"@{blue}\" stroke=\"@{surface0}\" stroke-width=\".3264961281805\"/></g><circle cx=\"2816.017\" cy=\"1772.922\" r=\"2.967\" transform=\"scale(.9397 1)skewY(-18.882)\" fill=\"@{surface2}\"/></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .about-pypi__logo img {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"247.808\" height=\"185.85\" viewBox=\"0 0 232.32 174.235\"><path d=\"m15.801 114.615 15.556 5.662 15.785-5.745-15.555-5.662zm15.624-12.783 15.555 5.662 15.786-5.745-15.556-5.662z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".35507631\"/><path d=\"m31.425 101.832 15.555 5.662v18.283l-15.555-5.662zM.178 138.76l15.555 5.662 15.786-5.745-15.555-5.662z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".35507631\"/><path d=\"m.178 138.76 15.555 5.662v18.283L.178 157.043zm0-26 15.555 5.662 15.786-5.745-15.555-5.662z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".35507631\"/><path d=\"M15.733 118.422v18.283l15.786-5.746v-18.282z\" fill=\"@{surface2}\" stroke=\"@{surface0}\" stroke-width=\".35507631\"/><path d=\"m.178 112.76 15.555 5.662v18.283L.178 131.043z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".35507631\"/><path d=\"m15.986 97.209-.025.03a2.783 2.783 0 0 0-2.758 2.782 3 3 0 0 0 .053.531L1.51 114.937l7.646 9.363-3.869-9.363 9.984-12.228a2.8 2.8 0 0 0 .715.095 2.8 2.8 0 0 0 .715-.093l5.315 6.507 5.373 1.955-8.672-10.62a3 3 0 0 0 .05-.532 2.783 2.783 0 0 0-2.755-2.781zm2.135-7.289a2.136 2.136 0 1 0-4.271 0v3.265a2.136 2.136 0 0 0 4.271 0zm-.98-.002v3.265a1.155 1.155 0 0 1-2.31 0v-3.265a1.155 1.155 0 1 1 2.31 0m.98-11.211a2.136 2.136 0 1 0-4.271 0v3.265a2.136 2.136 0 0 0 4.271 0zm-.98-.002v3.265a1.155 1.155 0 0 1-2.31 0v-3.265a1.155 1.155 0 1 1 2.31 0\" fill=\"@{subtext0}\"/><path d=\"M16.506 82.697v6.498a.52.52 0 1 1-1.04 0v-6.498a.52.52 0 1 1 1.04 0m0 11.213v6.497a.52.52 0 1 1-1.04 0V93.91a.52.52 0 1 1 1.04 0m0-22.463v6.498a.52.52 0 1 1-1.04 0v-6.498a.52.52 0 1 1 1.04 0\" fill=\"@{subtext0}\"/><path d=\"m15.801 144.442 15.556 5.661v18.283l-15.556-5.662zm0-18.464 15.556 5.661 15.785-5.745-15.555-5.662z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".35507631\"/><path d=\"m15.801 125.978 15.556 5.661v18.283l-15.556-5.661z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".35507631\"/><path d=\"M93.85 138.741v18.283l15.786-5.746v-18.282z\" fill=\"@{surface2}\" stroke=\"@{surface0}\" stroke-width=\".35507631\"/><path d=\"M78.226 144.422v18.283l15.787-5.746v-18.282z\" fill=\"@{yellow}\" stroke=\"@{surface0}\" stroke-width=\".35507631\"/><path d=\"M91.152 148.88a2.617 3.737 35 0 1-3.032 4.33 2.617 3.737 35 0 1-3.032-2.123 2.617 3.737 35 0 1 3.032-4.33 2.617 3.737 35 0 1 3.032 2.123\" fill=\"@{surface2}\"/><path d=\"M62.604 150.104v18.282l15.785-5.745v-18.283z\" fill=\"@{yellow}\" stroke=\"@{surface0}\" stroke-width=\".35507631\"/><path d=\"M46.98 155.785v18.282l15.786-5.745v-18.283z\" fill=\"@{surface2}\" stroke=\"@{surface0}\" stroke-width=\".35507631\"/><path d=\"m31.425 150.123 15.555 5.662v18.282l-15.555-5.661z\" fill=\"@{surface1}\" stroke=\"@{surface0}\" stroke-width=\".35507631\"/><path d=\"M93.85 120.277v18.283l15.786-5.746v-18.282zM78.295 96.152l15.555 5.661 15.786-5.745-15.556-5.662z\" fill=\"@{yellow}\" stroke=\"@{surface0}\" stroke-width=\".35507631\"/><path d=\"M93.85 101.813v18.283l15.786-5.746V96.068zm-15.624 24.145v18.283l15.787-5.745v-18.284z\" fill=\"@{yellow}\" stroke=\"@{surface0}\" stroke-width=\".35507631\"/><path d=\"M78.226 107.494v18.283l15.787-5.745v-18.283zM62.671 83.369l15.556 5.661 15.785-5.745-15.555-5.662z\" fill=\"@{blue}\" stroke=\"@{surface0}\" stroke-width=\".35507631\"/><path d=\"M78.226 89.03v18.283l15.787-5.745V83.285z\" fill=\"@{blue}\" stroke=\"@{surface0}\" stroke-width=\".35507631\"/><path d=\"M62.604 131.64v18.282l15.785-5.745v-18.283z\" fill=\"@{yellow}\" stroke=\"@{surface0}\" stroke-width=\".35507631\"/><path d=\"M62.604 113.176v18.282l15.785-5.745V107.43zM46.98 137.321v18.282l15.786-5.745v-18.283z\" fill=\"@{blue}\" stroke=\"@{surface0}\" stroke-width=\".35507631\"/><path d=\"m31.425 131.659 15.555 5.662v18.282l-15.555-5.661zm0-18.464 15.555 5.662 15.786-5.746-15.556-5.661z\" fill=\"@{blue}\" stroke=\"@{surface0}\" stroke-width=\".35507631\"/><path d=\"M46.98 118.857v18.282l15.786-5.745v-18.283zm-15.555-5.662 15.555 5.662v18.282l-15.555-5.661zM47.048 89.05l15.556 5.662 15.785-5.746-15.555-5.662z\" fill=\"@{blue}\" stroke=\"@{surface0}\" stroke-width=\".35507631\"/><path d=\"M62.604 94.712v18.282l15.785-5.745V88.966zM47.048 89.05l15.556 5.662v18.282l-15.556-5.661z\" fill=\"@{blue}\" stroke=\"@{surface0}\" stroke-width=\".35507631\"/><path d=\"M71.528 100.584a2.617 3.737 35 0 1-3.032 4.33 2.617 3.737 35 0 1-3.031-2.123 2.617 3.737 35 0 1 3.031-4.33 2.617 3.737 35 0 1 3.032 2.123\" fill=\"@{surface2}\"/><path d=\"M36.661 38.857c0-9.645-2.75-14.596-8.25-14.868a15.5 15.5 0 0 0-6.404 1.053c-1.66.594-2.776 1.181-3.364 1.775v23.022q5.28 3.313 9.368 3.073c5.765-.381 8.65-5.062 8.65-14.055m6.785.4c0 4.9-1.149 8.968-3.46 12.202-2.576 3.66-6.146 5.546-10.71 5.649q-5.161.163-10.633-3.228v20.923l-5.9-2.104V26.255c.968-1.187 2.214-2.207 3.725-3.073q5.268-3.07 12.801-3.15l.084.084q6.885-.085 10.614 5.649c2.317 3.505 3.48 7.998 3.48 13.492zm36.063 13.732q0 9.858-1.976 13.654c-1.323 2.53-3.84 4.552-7.56 6.056-3.014 1.188-6.275 1.833-9.774 1.943l-.974-3.719q5.336-.726 7.514-1.452c2.86-.969 4.823-2.453 5.9-4.442.866-1.62 1.292-4.713 1.292-9.29v-1.536a30.3 30.3 0 0 1-12.686 2.744c-2.905 0-5.468-.91-7.676-2.744q-3.718-2.993-3.718-7.592V22.052l5.9-2.021v24.72q0 3.96 2.557 6.1c1.704 1.427 3.912 2.111 6.617 2.06 2.705-.059 5.604-1.104 8.683-3.15v-28.84h5.9zm23.034 3.796q-1.055.085-1.943.084-5.009.002-7.799-2.389-2.78-2.391-2.782-6.604V24.635h-4.042v-3.712h4.042v-9.858l5.894-2.098v11.956h6.63v3.712h-6.63v23.08q0 3.323 1.782 4.7c1.02.755 2.64 1.187 4.848 1.297zm35.727-.484h-5.9V33.525q-.002-3.479-1.621-5.978-1.867-2.828-5.197-2.828-4.058 0-10.149 4.28v27.302h-5.9V1.859l5.9-1.86v24.797q5.654-4.116 12.363-4.118 4.687.002 7.592 3.15 2.913 3.149 2.912 7.837zm31.362-18.373q-.001-5.557-2.104-9.187c-1.666-2.95-4.255-4.506-7.754-4.668-6.469.375-9.697 5.01-9.697 13.893 0 4.074.672 7.476 2.028 10.207 1.73 3.48 4.325 5.197 7.785 5.139q9.742-.077 9.742-15.384m6.463.038q-.002 7.912-4.042 13.17c-2.963 3.925-7.056 5.894-12.279 5.894-5.177 0-9.212-1.969-12.124-5.894q-3.959-5.257-3.957-13.17c0-4.958 1.426-9.128 4.28-12.524 3.015-3.602 6.979-5.41 11.879-5.41s8.89 1.808 11.962 5.41c2.854 3.396 4.28 7.566 4.28 12.524zm33.828 18.335h-5.9V32.234q0-3.959-2.383-6.185c-1.588-1.479-3.705-2.195-6.346-2.137q-4.203.079-7.999 2.744v29.645h-5.9V25.926q5.093-3.708 9.374-4.842c2.692-.703 5.067-1.052 7.114-1.052q2.1 0 3.957.407 3.477.802 5.656 2.989 2.428 2.419 2.427 5.816z\" fill=\"@{text}\"/><path d=\"M482.106 267.276h1.014v-6.358h2.401v-.758h-5.817v.758h2.402zm4.314 0h.866v-5.807l1.88 5.806h.964l1.96-5.786v5.787h.944v-7.116h-1.25l-2.14 6.096-1.826-6.096h-1.398z\" style=\"line-height:125%\" transform=\"translate(-260.714 -252.848)\" font-style=\"normal\" font-weight=\"400\" font-size=\"15.16445827px\" font-family=\"Bitstream Vera Sans\" fill=\"@{subtext0}\" stroke=\"none\" stroke-width=\"1px\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-opacity=\"1\"/><path d=\"M381.321 335.579h2.988v-6.183h2.68c3.632 0 6.414-1.726 6.414-5.461 0-3.916-2.73-5.204-6.415-5.204h-5.667zm2.988-8.579v-5.873h2.448c2.447 0 3.71.695 3.71 2.808 0 2.06-1.212 3.065-3.71 3.065zm10.503 5.178c0 2.216 1.546 3.71 3.761 3.71 1.494 0 2.782-.747 3.916-1.7h.077l.232 1.39h2.421v-7.496c0-3.53-1.545-5.461-4.714-5.461-2.01 0-3.787.773-5.178 1.648l1.082 1.984c1.108-.67 2.293-1.236 3.555-1.236 1.7 0 2.267 1.133 2.293 2.473-5.178.566-7.445 1.983-7.445 4.688m2.885-.232c0-1.262 1.134-2.164 4.56-2.602v2.834c-.928.876-1.726 1.391-2.757 1.391-1.056 0-1.803-.49-1.803-1.623m10.316-2.679c0 4.2 2.653 6.62 6.105 6.62 1.443 0 2.963-.566 4.148-1.622l-1.237-1.88c-.695.566-1.571 1.081-2.602 1.081-1.983 0-3.374-1.674-3.374-4.199 0-2.55 1.416-4.225 3.452-4.225.798 0 1.468.335 2.138.928l1.417-1.88c-.85-.825-2.087-1.47-3.71-1.47-3.375 0-6.337 2.422-6.337 6.647m12.749 6.312h2.91v-3.22l1.984-2.268 3.246 5.488h3.22l-4.765-7.497 4.328-5.152h-3.246l-4.689 5.822h-.077v-11.36h-2.911zm12.641-3.401c0 2.216 1.546 3.71 3.761 3.71 1.495 0 2.783-.747 3.916-1.7h.077l.232 1.39h2.422v-7.496c0-3.53-1.546-5.461-4.715-5.461-2.009 0-3.786.773-5.178 1.648l1.082 1.984c1.108-.67 2.293-1.236 3.555-1.236 1.7 0 2.267 1.133 2.293 2.473-5.178.566-7.445 1.983-7.445 4.688m2.886-.232c0-1.262 1.133-2.164 4.56-2.602v2.834c-.928.876-1.727 1.391-2.757 1.391-1.056 0-1.803-.49-1.803-1.623m12.763 5.487c0-.592.309-1.159.979-1.674.489.129 1.03.18 1.725.18h1.726c1.443 0 2.242.284 2.242 1.263 0 1.082-1.391 2.035-3.427 2.035-2.009 0-3.245-.67-3.245-1.804m-2.474.438c0 2.216 2.242 3.298 5.256 3.298 4.122 0 6.75-1.958 6.75-4.457 0-2.19-1.598-3.117-4.638-3.117h-2.241c-1.546 0-2.06-.438-2.06-1.16 0-.566.231-.875.617-1.21a4.7 4.7 0 0 0 1.726.335c2.68 0 4.792-1.494 4.792-4.302 0-.876-.31-1.649-.721-2.138h2.318v-2.19h-4.534a5.7 5.7 0 0 0-1.855-.31c-2.653 0-4.997 1.624-4.997 4.535 0 1.494.798 2.705 1.648 3.349v.103c-.72.515-1.39 1.365-1.39 2.344 0 1.03.489 1.7 1.133 2.112v.103c-1.16.722-1.804 1.65-1.804 2.705m5.41-8.166c-1.236 0-2.215-.927-2.215-2.55 0-1.597.979-2.5 2.215-2.5 1.237 0 2.19.928 2.19 2.5 0 1.623-.979 2.55-2.19 2.55m7.597-.438c0 4.173 2.731 6.62 6.235 6.62 1.597 0 3.117-.566 4.328-1.365l-1.005-1.854c-.927.592-1.855.927-2.937.927-2.035 0-3.478-1.288-3.735-3.58h8.037c.077-.31.13-.825.13-1.392 0-3.53-1.804-6.002-5.23-6.002-2.963 0-5.823 2.524-5.823 6.646m2.86-1.133c.258-2.113 1.546-3.22 3.04-3.22 1.726 0 2.576 1.21 2.576 3.22zm-81.124 33.721h2.988v-16.848h-2.988zm6.988 0h2.962v-8.836c1.056-1.03 1.778-1.572 2.885-1.572 1.392 0 1.984.773 1.984 2.86v7.548h2.963v-7.935c0-3.194-1.185-5.023-3.89-5.023-1.726 0-3.014.901-4.148 2.01h-.103l-.206-1.701h-2.447zm13.667-6.312c0 4.173 2.035 6.62 5.204 6.62 1.365 0 2.653-.746 3.58-1.674h.104l.206 1.366h2.447v-18.188h-2.962v4.586l.103 2.035c-.98-.85-1.88-1.391-3.323-1.391-2.757 0-5.359 2.524-5.359 6.646m3.066-.026c0-2.653 1.314-4.173 2.937-4.173.85 0 1.7.283 2.576 1.056v5.9c-.85.979-1.675 1.416-2.654 1.416-1.829 0-2.86-1.468-2.86-4.199zm11.424.026c0 4.173 2.73 6.62 6.234 6.62 1.597 0 3.117-.566 4.328-1.365l-1.005-1.854c-.927.592-1.855.927-2.937.927-2.035 0-3.477-1.288-3.735-3.58h8.037c.078-.31.13-.825.13-1.392 0-3.53-1.804-6.002-5.23-6.002-2.963 0-5.822 2.524-5.822 6.646m2.86-1.133c.257-2.113 1.545-3.22 3.039-3.22 1.726 0 2.576 1.21 2.576 3.22zm9.224 7.445h3.091l1.34-2.5c.36-.772.747-1.52 1.108-2.24h.103c.438.72.876 1.494 1.288 2.24l1.546 2.5h3.194l-4.019-6.26 3.736-6.39h-3.066l-1.21 2.397c-.31.695-.67 1.442-.98 2.138h-.103a87 87 0 0 1-1.16-2.138l-1.416-2.396h-3.194l3.76 6.054z\" style=\"line-height:125%;-inkscape-font-specification:"Source Sans Pro Semi-Bold"\" transform=\"translate(-260.714 -252.848)\" font-style=\"normal\" font-variant=\"normal\" font-weight=\"600\" font-stretch=\"normal\" font-size=\"medium\" font-family=\"Source Sans Pro\" letter-spacing=\"0\" word-spacing=\"0\" fill=\"@{text}\" stroke=\"none\" stroke-width=\"1px\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-opacity=\"1\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .-js-white-cube,\n .release__node[src*=\"white\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"33.809\" height=\"32.025\" viewBox=\"0 0 31.696 30.024\"><g stroke=\"@{surface0}\" stroke-linejoin=\"bevel\" stroke-width=\".355\"><path fill=\"@{surface2}\" d=\"m.178 5.912 15.555 5.662L31.519 5.83 15.963.167z\"/><path fill=\"@{surface1}\" d=\"M15.733 11.574v18.283l15.786-5.746V5.83z\"/><path fill=\"@{surface2}\" d=\"m.178 5.912 15.555 5.662v18.283L.178 24.195z\"/></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .release__node[src*=\"blue\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"33.809\" height=\"32.025\" viewBox=\"0 0 31.696 30.024\"><g stroke=\"@{crust}\" stroke-linejoin=\"bevel\" stroke-width=\".355\"><path fill=\"@{accent}\" d=\"m.178 5.912 15.555 5.662L31.519 5.83 15.963.167z\"/><path fill=\"@{accent}\" d=\"M15.733 11.574v18.283l15.786-5.746V5.83zM.178 5.912l15.555 5.662v18.283L.178 24.195z\"/></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n background-color: @mantle !important;\n }\n }\n}\n",
|
|
"originalDigest": "1d7b2c2963b6c8ba2166ab6398fc2a2c9b044c13",
|
|
"_id": "6017006b-b55a-4acb-9a42-cc11e1bd0d42",
|
|
"_rev": 1780236870787,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 76
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "TabNews Catppuccin",
|
|
"description": "Soothing pastel theme for TabNews",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/tabnews/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "TabNews Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/tabnews",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/tabnews",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/tabnews/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Atabnews",
|
|
"description": "Soothing pastel theme for TabNews",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name TabNews Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/tabnews\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/tabnews\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/tabnews/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Atabnews\n@description Soothing pastel theme for TabNews\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"tabnews.com.br\") {\n :root:has(div[data-color-mode=\"dark\"]) {\n #catppuccin(@darkFlavor);\n }\n :root:has(div[data-color-mode=\"light\"]) {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n --bgColor-default: @base;\n --bgColor-emphasis: @crust;\n --fgColor-default: @text;\n --bgColor-neutral-emphasis: @subtext0;\n --bgColor-accent-emphasis: @accent;\n --fgColor-accent: @accent;\n --fgColor-onEmphasis: @text;\n --color-accent-fg: @accent;\n --fgColor-muted: @overlay0;\n --borderColor-default: @surface0;\n --button-default-bgColor-rest: @base;\n --button-default-bgColor-hover: @crust;\n --button-default-fgColor-rest: @text;\n --button-default-fgColor-hover: @text;\n --button-primary-bgColor-rest: @accent;\n --button-primary-bgColor-disabled: fade(@accent, 85%);\n --button-primary-fgColor-disabled: @text;\n --button-primary-fgColor-rest: @surface0;\n --button-primary-bgColor-hover: darken(@accent, 5%);\n --button-primary-fgColor-hover: @surface0;\n --button-default-bgColor-active: @base;\n --controlKnob-bgColor-rest: @crust;\n --bgColor-accent-muted: @mantle;\n --fgColor-danger: @red;\n --button-danger-bgColor-hover: @red;\n --control-danger-fgColor-hover: @red;\n --control-danger-bgColor-hover: @mantle;\n --bgColor-success-emphasis: @green;\n --fgColor-success: @green;\n\n input[type=\"checkbox\"] {\n --fgColor-onEmphasis: @surface0;\n }\n\n /* Create post box */\n --codeMirror-fgColor: @text;\n --bgColor-muted: @base;\n --bgColor-inset: @base;\n --color-prettylights-syntax-markup-heading: @text;\n --color-prettylights-syntax-markup-inserted-text: @subtext0;\n --color-prettylights-syntax-string: @blue;\n\n /* Header */\n --header-bgColor: @mantle;\n --header-fgColor-default: @text;\n --color-header-text: @text;\n --header-fgColor-logo: @text;\n --color-header-logo: @text;\n --color-checks-input-placeholder-text: @text;\n --headerSearch-bgColor: @mantle;\n --headerSearch-borderColor: @overlay0;\n --color-prettylights-syntax-variable: @mauve;\n --color-prettylights-syntax-markup-list: @text;\n\n #nprogress .bar {\n background: @accent;\n }\n\n /* Style the button to change theme when light theme is on */\n button[style=\"--button-color: #e7dfc3;\"] svg {\n color: @sky;\n }\n\n button[style=\"--button-color: #ecdc0f99;\"] svg {\n color: @yellow;\n }\n\n svg[fill=\"#0969da\"] {\n fill: @blue;\n }\n svg[fill=\"#2da44e\"] {\n fill: @green;\n }\n\n /* Style the \"Status\" page */\n text {\n fill: @text;\n }\n\n path.recharts-rectangle {\n fill: @accent;\n }\n\n path.recharts-rectangle.recharts-tooltip-cursor {\n fill: @overlay0;\n }\n\n div.recharts-default-tooltip {\n border-color: @overlay0 !important;\n }\n\n li.recharts-tooltip-item {\n color: @accent !important;\n }\n\n div[overflow=\"hidden\"] {\n border-color: @overlay0;\n * {\n border-color: @overlay0;\n }\n }\n\n /* Style the \"Search with Google\" overlay box */\n div[class*=\"Overlay__StyledOverlay\"] {\n background: @base;\n\n h2 {\n color: @text;\n }\n\n .gsc-control-cse {\n background: @base;\n border-color: transparent;\n }\n\n .gsc-input-box {\n background: @base;\n border-color: @overlay0;\n }\n\n .gsc-input {\n background: transparent;\n color: @text;\n }\n\n .gsc-search-button > button {\n border-color: @overlay0;\n background: @base !important;\n svg {\n fill: @text;\n }\n }\n }\n\n .gsc-completion-container {\n background: @base !important;\n border-color: @overlay0;\n\n .gsc-completion-selected {\n background: @crust;\n }\n span {\n color: @text !important;\n }\n }\n\n .gsc-refinementhActive,\n .gsc-refinementhInactive {\n color: @text;\n background: @base;\n border-color: @accent;\n }\n\n .gsc-option-menu-container {\n color: @text;\n .gsc-selected-option-container {\n background: @base;\n border-color: @text;\n color: @text;\n }\n .gsc-option-menu {\n background: @base;\n .gsc-option-menu-item-highlighted {\n background: @crust;\n }\n }\n }\n\n .gsc-result-info,\n .gsc-orderby-label,\n .gs-label,\n .gs-title,\n .gs-snippet,\n .gsc-option-menu-item,\n .gscb_a {\n color: @text !important;\n b {\n color: @text !important;\n }\n }\n\n .gsc-webResult {\n border-color: transparent;\n background: @base;\n .gsc-url-top > * {\n color: @accent;\n }\n }\n\n .gsc-cursor-page {\n background: @base;\n color: @text;\n border-color: @text;\n }\n\n .gcsc-find-more-on-google {\n color: @text;\n svg {\n fill: @text;\n }\n }\n }\n}\n",
|
|
"originalDigest": "8c21c83284e09a145e741da3e3914cdd2f054261",
|
|
"_id": "d0dc6c6a-94f6-4cc2-b9da-5ea0f41170e2",
|
|
"_rev": 1780236870832,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 77
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Stack Overflow Catppuccin",
|
|
"description": "Soothing pastel theme for Stack Overflow",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/stack-overflow/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Stack Overflow Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/stack-overflow",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/stack-overflow",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/stack-overflow/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Astack-overflow",
|
|
"description": "Soothing pastel theme for Stack Overflow",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": null,
|
|
"default": "latte",
|
|
"options": [
|
|
{
|
|
"name": "latte",
|
|
"label": "Latte",
|
|
"value": "latte"
|
|
},
|
|
{
|
|
"name": "frappe",
|
|
"label": "Frappé",
|
|
"value": "frappe"
|
|
},
|
|
{
|
|
"name": "macchiato",
|
|
"label": "Macchiato",
|
|
"value": "macchiato"
|
|
},
|
|
{
|
|
"name": "mocha",
|
|
"label": "Mocha",
|
|
"value": "mocha"
|
|
}
|
|
]
|
|
},
|
|
"darkFlavor": {
|
|
"type": "select",
|
|
"label": "Dark Flavor",
|
|
"name": "darkFlavor",
|
|
"value": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Stack Overflow Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/stack-overflow\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/stack-overflow\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/stack-overflow/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Astack-overflow\n@description Soothing pastel theme for Stack Overflow\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"stackoverflow.com\"),\n domain(\"stackexchange.com\"),\n domain(\"serverfault.com\"),\n domain(\"superuser.com\"),\n domain(\"mathoverflow.net\"),\n domain(\"askubuntu.com\"),\n domain(\"stackapps.com\") {\n @import url(\"https://unpkg.com/@catppuccin/highlightjs@1.0.0/css/catppuccin-variables.important.css\");\n code.hljs {\n background: none !important;\n }\n\n body:not(.theme-highcontrast, .theme-dark).unified-theme {\n &,\n .themed {\n #catppuccin(@lightFlavor);\n }\n }\n body:not(.theme-highcontrast).unified-theme.theme-dark {\n &,\n .themed {\n #catppuccin(@darkFlavor);\n }\n }\n\n body:not(.theme-highcontrast).unified-theme.theme-system {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n #lib.css-variables();\n\n &,\n * {\n --theme-background-color: @mantle;\n --theme-content-background-color: @base;\n --theme-content-border-color: @surface0;\n --theme-topbar-background-color: @mantle;\n --theme-topbar-search-background: @mantle;\n --theme-topbar-search-border: @surface2;\n --theme-topbar-search-placeholder: @subtext0;\n --theme-topbar-item-color: @text;\n --theme-topbar-item-color-hover: @text;\n --theme-topbar-item-background-hover: @surface0;\n --theme-button-primary-background-color: @accent;\n --theme-button-primary-hover-background-color: darken(@accent, 5%);\n --theme-button-primary-active-background-color: @text;\n --theme-link-color: @blue;\n --theme-link-color-hover: @sky;\n --theme-link-color-visited: @lavender;\n --theme-footer-title-color: @text;\n --theme-footer-text-color: @subtext0;\n --theme-footer-link-color: @subtext0;\n --theme-footer-link-color-hover: @subtext1;\n --theme-footer-background-color: @mantle;\n --theme-header-background-color: transparent;\n --theme-tag-background-color: @accent;\n --theme-tag-border-color: @accent;\n --theme-tag-color: @mantle;\n --theme-tag-hover-background-color: darken(@accent, 5%);\n --theme-tag-hover-border-color: darken(@accent, 5%);\n --theme-tag-hover-color: @mantle;\n --theme-post-title-color: @text;\n --theme-post-title-color-hover: @subtext1;\n --theme-post-title-color-visited: @lavender;\n\n --highlight-bg: @mantle;\n\n --theme-primary: @accent;\n --theme-primary-100: fade(@accent, 20%);\n --theme-primary-200: fade(@accent, 30%);\n --theme-primary-300: fade(@accent, 40%);\n --theme-primary-400: @accent;\n --theme-primary-500: fade(@accent, 90%);\n --theme-primary-600: @accent;\n\n --translucent-secondary: fade(@accent, 10%);\n --theme-secondary-100: fade(@accent, 20%);\n --theme-secondary-200: fade(@accent, 30%);\n --theme-secondary-300: fade(@accent, 40%);\n --theme-secondary-400: fade(@accent, 50%);\n --theme-secondary-500: fade(@accent, 60%);\n --theme-secondary-600: fade(@accent, 70%);\n\n --white: @mantle;\n --black: @text;\n --black-100: @base;\n --black-150: @surface0;\n --black-200: @surface1;\n --black-225: @surface1;\n --black-250: @surface2;\n --black-300: @overlay0;\n --black-350: @overlay2;\n --black-400: @subtext0;\n --black-500: @subtext1;\n --black-600: @text;\n\n --purple-100: fade(@mauve, 30%);\n --purple-200: fade(@mauve, 40%);\n --purple-400: fade(@mauve, 60%);\n\n --green-100: @green;\n --green-400: @green;\n --green-500: @green;\n\n --blue-200: fade(@blue, 30%);\n --blue-300: fade(@blue, 40%);\n --blue-400: @sky;\n --blue-500: @blue;\n\n --orange-400: fade(@peach, 80%);\n --orange-500: fade(@peach, 90%);\n --orange-600: @peach;\n\n --bronze-100: fade(@rosewater, 20%);\n --bronze-200: fade(@rosewater, 30%);\n --bronze-300: fade(@rosewater, 40%);\n --bronze-400: fade(@rosewater, 50%);\n\n --yellow-100: fade(@yellow, 20%);\n --yellow-200: fade(@yellow, 30%);\n --yellow-300: @yellow;\n --yellow-400: fade(@yellow, 70%);\n --yellow-500: fade(@yellow, 90%);\n\n --red-200: fade(@red, 40%);\n --red-400: fade(@red, 70%);\n --red-500: fade(@red, 80%);\n\n --scrollbar: @surface1;\n }\n\n .wmd-button > span {\n @svg: escape(\n '<svg width=\"360\" height=\"60\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M14 8c0-1.5-1.6-3-3.5-3H5v12h6.3c1.7 0 3.2-1.7 3.2-3.5 0-1.3-.9-2.5-2-3 .8-.6 1.5-1 1.5-2.5M7.5 7H10a1.5 1.5 0 0 1 0 3H7.5zm3 8h-3v-3h3a1.5 1.5 0 1 1 0 3M32 5v2h2.6l-3.7 8H28v2h8v-2h-2.6l3.7-8H40V5zm18.2 8.8c.5.4 1 .7 1.6.9l.7-1.8a4.1 4.1 0 1 1 4-.8l1.2 1.4a6 6 0 1 0-7.5.3\" fill=\"@{subtext0}\"/><path d=\"M53.6 8.2a6 6 0 0 0-1.6-.8L51.4 9a4.1 4.1 0 1 1-4 .8L46 8.4a6 6 0 1 0 7.5-.2zM63 7c0-1.1.9-2 2-2h3a2 2 0 0 1 2 2v7l-1.8 3H66l1.8-3H65a2 2 0 0 1-2-2zm8 0c0-1.1.9-2 2-2h3a2 2 0 0 1 2 2v7l-1.8 3H74l1.8-3H73a2 2 0 0 1-2-2zm32-2c0-1.1.9-2 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-12a2 2 0 0 1-2-2zm4.5 7.5L104 17h14l-4.5-6-3.5 4.5zm0-4.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m76.5 2h14v2h-14z\" fill=\"@{subtext0}\"/><path opacity=\".4\" d=\"M184 4h14v1h-14zm0 3h14v1h-14zm0 7h14v1h-14zm0 3h14v1h-14z\" fill=\"@{subtext0}\"/><path d=\"M251 3a8 8 0 1 0 0 16 8 8 0 0 0 0-16m.8 12.1c0 .7-.5 1.2-1.2 1.2s-1.2-.5-1.2-1.2c0-.8.6-1.2 1.2-1.2.7 0 1.2.5 1.2 1.2m2-5.1-1 1-.6.3-.5.7v.7s-.1.2-.3.2H250c-.2 0-.2-.1-.2-.2 0-.6.1-1.2.4-1.6.4-.5.9-1 1.4-1.3.2 0 .3-.2.4-.3a1.3 1.3 0 0 0 0-1.8c-.2-.3-.5-.4-1-.4s-.8.3-1 .6-.2.7-.2 1h-2q0-1.95 1.2-2.7c.5-.3 1.1-.5 1.9-.5 1 0 1.8.2 2.5.7.6.5 1 1.2 1 2.2 0 .5-.3 1-.5 1.4z\" fill=\"@{subtext0}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M262 5c0-1.1.9-2 2-2h10l4 4v10a2 2 0 0 1-2 2h-12a2 2 0 0 1-2-2zm9.7 2-1.4 1.4 2.6 2.6-2.6 2.6 1.4 1.4 4-4zm-2 1.4L268.3 7l-4 4 4 4 1.4-1.4-2.6-2.6zM230 3a8 8 0 0 1 5.6 2.3L238 3v7h-7l3.2-3.2A6 6 0 0 0 230 5a6 6 0 0 0 0 12v2a8 8 0 1 1 0-16\" fill=\"@{subtext0}\"/><path fill=\"@{subtext0}\" d=\"M163 4h14v2h-14zm2 3h10v2h-10z\"/><path opacity=\".4\" fill=\"@{subtext0}\" d=\"M163 11h14v1h-14zm2 3h10v1h-10zm-2 3h14v1h-14z\"/><path d=\"M87 9.5V7.2c0-1 .8-1.4 2-1.4V4c-2.5 0-4 1-4 3.1v2.1c0 .4-.3.8-.8.8H83v2h1.2c.5 0 .8.4.8.8v2c0 2.2 1.5 3.2 4 3.2v-1.8c-1.2 0-2-.4-2-1.4v-2.3c0-.9-.7-1.4-1.1-1.5.4-.1 1.1-.6 1.1-1.5m7 0V7.2c0-1-.8-1.4-2-1.4V4c2.5 0 4 1 4 3.1v2.1c0 .4.3.8.8.8H98v2h-1.2c-.5 0-.8.4-.8.8v2c0 2.2-1.5 3.2-4 3.2v-1.8c1.2 0 2-.4 2-1.4v-2.3c0-.9.7-1.4 1.1-1.5-.4-.1-1.1-.6-1.1-1.5\" fill=\"@{subtext0}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M124 8h1V4h-2v1h1zm.8 2H123V9h3v.9l-1.8 2.1h1.8v1h-3v-.9zm-1.8 5v-1h3v4h-3v-1h2v-.5h-1v-1h1V15zm5-8V5h9v2zm0 10h9v-2h-9zm9-5h-9v-2h9z\" fill=\"@{subtext0}\"/><path d=\"M146.3 6a1.3 1.3 0 1 1-2.6 0 1.3 1.3 0 0 1 2.6 0M157 7h-9V5h9zm0 10h-9v-2h9zm-9-5h9v-2h-9zm-1.7 4a1.3 1.3 0 1 1-2.6 0 1.3 1.3 0 0 1 2.6 0m-1.3-3.7a1.3 1.3 0 1 0 0-2.6 1.3 1.3 0 0 0 0 2.6\" fill=\"@{subtext0}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M210 3a8 8 0 0 0-5.6 2.3L202 3v7h7l-3.2-3.2A6 6 0 0 1 210 5a6 6 0 0 1 0 12v2a8 8 0 1 0 0-16\" fill=\"@{subtext0}\"/><path d=\"M14 28c0-1.5-1.6-3-3.5-3H5v12h6.3c1.7 0 3.2-1.7 3.2-3.5 0-1.3-.9-2.5-2-3 .8-.6 1.5-1 1.5-2.5m-6.5-1H10a1.5 1.5 0 1 1 0 3H7.5zm3 8h-3v-3h3a1.5 1.5 0 1 1 0 3M32 25v2h2.6l-3.7 8H28v2h8v-2h-2.6l3.7-8H40v-2zm18.2 8.8c.5.4 1 .7 1.6.9l.7-1.8a4.1 4.1 0 1 1 4-.8l1.2 1.4a6 6 0 1 0-7.5.3\" fill=\"@{subtext1}\"/><path d=\"M53.6 28.2a6 6 0 0 0-1.6-.8l-.6 1.7a4.1 4.1 0 1 1-4 .8L46 28.4a6 6 0 1 0 7.5-.2zM63 27c0-1.1.9-2 2-2h3a2 2 0 0 1 2 2v7l-1.8 3H66l1.8-3H65a2 2 0 0 1-2-2zm8 0c0-1.1.9-2 2-2h3a2 2 0 0 1 2 2v7l-1.8 3H74l1.8-3H73a2 2 0 0 1-2-2zm32-2c0-1.1.9-2 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-12a2 2 0 0 1-2-2zm4.5 7.5L104 37h14l-4.5-6-3.5 4.5zm0-4.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m76.5 2h14v2h-14z\" fill=\"@{subtext1}\"/><path opacity=\".4\" d=\"M184 24h14v1h-14zm0 3h14v1h-14zm0 7h14v1h-14zm0 3h14v1h-14z\" fill=\"@{subtext1}\"/><path d=\"M251 23a8 8 0 1 0 0 16 8 8 0 0 0 0-16m.8 12.1c0 .7-.5 1.2-1.2 1.2s-1.2-.5-1.2-1.2c0-.8.6-1.2 1.2-1.2.7 0 1.2.5 1.2 1.2m2-5.1-1 1-.6.3-.5.7v.7s-.1.2-.3.2H250c-.2 0-.2-.1-.2-.2 0-.6.1-1.2.4-1.6.4-.5.9-1 1.4-1.3.2 0 .3-.2.4-.3a1.3 1.3 0 0 0 0-1.8c-.2-.3-.5-.4-1-.4s-.8.3-1 .6-.2.7-.2 1h-2q0-1.95 1.2-2.7c.5-.3 1.1-.5 1.9-.5 1 0 1.8.2 2.5.7.6.5 1 1.2 1 2.2 0 .5-.3 1-.5 1.4z\" fill=\"@{subtext1}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M262 25c0-1.1.9-2 2-2h10l4 4v10a2 2 0 0 1-2 2h-12a2 2 0 0 1-2-2zm9.7 2-1.4 1.4 2.6 2.6-2.6 2.6 1.4 1.4 4-4zm-2 1.4-1.4-1.4-4 4 4 4 1.4-1.4-2.6-2.6zM230 23a8 8 0 0 1 5.6 2.4L238 23v7h-7l3.2-3.2A6 6 0 0 0 230 25a6 6 0 0 0 0 12v2a8 8 0 1 1 0-16\" fill=\"@{subtext1}\"/><path fill=\"@{subtext1}\" d=\"M163 24h14v2h-14zm2 3h10v2h-10z\"/><path opacity=\".4\" fill=\"@{subtext1}\" d=\"M163 31h14v1h-14zm2 3h10v1h-10zm-2 3h14v1h-14z\"/><path d=\"M87 29.5v-2.3c0-1 .8-1.4 2-1.4V24c-2.5 0-4 1-4 3.1v2.1c0 .4-.3.8-.8.8H83v2h1.2c.5 0 .8.4.8.8v2c0 2.2 1.5 3.2 4 3.2v-1.8c-1.2 0-2-.4-2-1.4v-2.3c0-.9-.7-1.4-1.1-1.5.4-.1 1.1-.6 1.1-1.5m7 0v-2.3c0-1-.8-1.4-2-1.4V24c2.5 0 4 1 4 3.1v2.1c0 .4.3.8.8.8H98v2h-1.2c-.5 0-.8.4-.8.8v2c0 2.2-1.5 3.2-4 3.2v-1.8c1.2 0 2-.4 2-1.4v-2.3c0-.9.7-1.4 1.1-1.5-.4-.1-1.1-.6-1.1-1.5\" fill=\"@{subtext1}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M124 28h1v-4h-2v1h1zm.8 2H123v-1h3v.9l-1.8 2.1h1.8v1h-3v-.9zm-1.8 5v-1h3v4h-3v-1h2v-.5h-1v-1h1V35zm5-8v-2h9v2zm0 10h9v-2h-9zm9-5h-9v-2h9z\" fill=\"@{subtext1}\"/><path d=\"M146.3 26a1.3 1.3 0 1 1-2.6 0 1.3 1.3 0 0 1 2.6 0m10.7 1h-9v-2h9zm0 10h-9v-2h9zm-9-5h9v-2h-9zm-1.7 4a1.3 1.3 0 1 1-2.6 0 1.3 1.3 0 0 1 2.6 0m-1.3-3.7a1.3 1.3 0 1 0 0-2.6 1.3 1.3 0 0 0 0 2.6\" fill=\"@{subtext1}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M210 23a8 8 0 0 0-5.6 2.4L202 23v7h7l-3.2-3.2A6 6 0 0 1 210 25a6 6 0 0 1 0 12v2a8 8 0 1 0 0-16\" fill=\"@{subtext1}\"/><path d=\"M14 48c0-1.5-1.6-3-3.5-3H5v12h6.3c1.7 0 3.2-1.7 3.2-3.5 0-1.3-.9-2.5-2-3 .8-.6 1.5-1 1.5-2.5m-6.5-1H10a1.5 1.5 0 1 1 0 3H7.5zm3 8h-3v-3h3a1.5 1.5 0 1 1 0 3M32 45v2h2.6l-3.7 8H28v2h8v-2h-2.6l3.7-8H40v-2zm18.2 8.8c.5.4 1 .7 1.6.9l.7-1.8a4.1 4.1 0 1 1 4-.8l1.2 1.4a6 6 0 1 0-7.5.3\" fill=\"@{text}\"/><path d=\"M53.6 48.2a6 6 0 0 0-1.6-.8l-.6 1.7a4.1 4.1 0 1 1-4 .8L46 48.4a6 6 0 1 0 7.5-.2zM63 47c0-1.1.9-2 2-2h3a2 2 0 0 1 2 2v7l-1.8 3H66l1.8-3H65a2 2 0 0 1-2-2zm8 0c0-1.1.9-2 2-2h3a2 2 0 0 1 2 2v7l-1.8 3H74l1.8-3H73a2 2 0 0 1-2-2zm32-2c0-1.1.9-2 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-12a2 2 0 0 1-2-2zm4.5 7.5L104 57h14l-4.5-6-3.5 4.5zm0-4.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m76.5 2h14v2h-14z\" fill=\"@{text}\"/><path opacity=\".4\" d=\"M184 44h14v1h-14zm0 3h14v1h-14zm0 7h14v1h-14zm0 3h14v1h-14z\" fill=\"@{text}\"/><path d=\"M251 43a8 8 0 1 0 0 16 8 8 0 0 0 0-16m.8 12.1c0 .7-.5 1.2-1.2 1.2s-1.2-.5-1.2-1.2c0-.8.6-1.2 1.2-1.2.7 0 1.2.5 1.2 1.2m2-5.1-1 1-.6.3-.5.7v.7s-.1.2-.3.2H250c-.2 0-.2-.1-.2-.2 0-.6.1-1.2.4-1.6.4-.5.9-1 1.4-1.3.2 0 .3-.2.4-.3a1.3 1.3 0 0 0 0-1.8c-.2-.3-.5-.4-1-.4s-.8.3-1 .6-.2.7-.2 1h-2q0-1.95 1.2-2.7c.5-.3 1.1-.5 1.9-.5 1 0 1.8.2 2.5.7.6.5 1 1.2 1 2.2 0 .5-.3 1-.5 1.4z\" fill=\"@{text}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M262 45c0-1.1.9-2 2-2h10l4 4v10a2 2 0 0 1-2 2h-12a2 2 0 0 1-2-2zm9.7 2-1.4 1.4 2.6 2.6-2.6 2.6 1.4 1.4 4-4zm-2 1.4-1.4-1.4-4 4 4 4 1.4-1.4-2.6-2.6zM230 43a8 8 0 0 1 5.6 2.4L238 43v7h-7l3.2-3.2A6 6 0 0 0 230 45a6 6 0 0 0 0 12v2a8 8 0 1 1 0-16\" fill=\"@{text}\"/><path fill=\"@{text}\" d=\"M163 44h14v2h-14zm2 3h10v2h-10z\"/><path opacity=\".4\" fill=\"@{text}\" d=\"M163 51h14v1h-14zm2 3h10v1h-10zm-2 3h14v1h-14z\"/><path d=\"M87 49.5v-2.3c0-1 .8-1.4 2-1.4V44c-2.5 0-4 1-4 3.1v2.1c0 .4-.3.8-.8.8H83v2h1.2c.5 0 .8.4.8.8v2c0 2.2 1.5 3.2 4 3.2v-1.8c-1.2 0-2-.4-2-1.4v-2.3c0-.9-.7-1.4-1.1-1.5.4-.1 1.1-.6 1.1-1.5m7 0v-2.3c0-1-.8-1.4-2-1.4V44c2.5 0 4 1 4 3.1v2.1c0 .4.3.8.8.8H98v2h-1.2c-.5 0-.8.4-.8.8v2c0 2.2-1.5 3.2-4 3.2v-1.8c1.2 0 2-.4 2-1.4v-2.3c0-.9.7-1.4 1.1-1.5-.4-.1-1.1-.6-1.1-1.5\" fill=\"@{text}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M124 48h1v-4h-2v1h1zm.8 2H123v-1h3v.9l-1.8 2.1h1.8v1h-3v-.9zm-1.8 5v-1h3v4h-3v-1h2v-.5h-1v-1h1V55zm5-8v-2h9v2zm0 10h9v-2h-9zm9-5h-9v-2h9z\" fill=\"@{text}\"/><path d=\"M146.3 46a1.3 1.3 0 1 1-2.6 0 1.3 1.3 0 0 1 2.6 0m10.7 1h-9v-2h9zm0 10h-9v-2h9zm-9-5h9v-2h-9zm-1.7 4a1.3 1.3 0 1 1-2.6 0 1.3 1.3 0 0 1 2.6 0m-1.3-3.7a1.3 1.3 0 1 0 0-2.6 1.3 1.3 0 0 0 0 2.5z\" fill=\"@{text}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M210 43a8 8 0 0 0-5.6 2.4L202 43v7h7l-3.2-3.2A6 6 0 0 1 210 45a6 6 0 0 1 0 12v2a8 8 0 1 0 0-16\" fill=\"@{text}\"/><path d=\"M296.5 18h-3.1l-5.4-7.6c-.8.5-1.3 1.4-1.4 2.8L286 18h-2.6l.5-4.8c.3-2.3 1.2-3.8 2.8-4.6L283.4 4h3.1l4.5 6.3.9-.8.5-1.2.6-4.3h2.6l-.3 2.9a8.2 8.2 0 0 1-1 3.1c-.3.8-1 1.5-2 2z\" fill=\"@{subtext0}\"/><path d=\"M296.5 38h-3.1l-5.4-7.6c-.8.5-1.3 1.4-1.4 2.8L286 38h-2.6l.5-4.8c.3-2.3 1.2-3.8 2.8-4.6l-3.3-4.6h3.1l4.5 6.3.9-.8.5-1.2.6-4.3h2.6l-.3 2.9a8.2 8.2 0 0 1-1 3.1c-.3.8-1 1.5-2 2z\" fill=\"@{subtext1}\"/><path d=\"M296.5 58h-3.1l-5.4-7.6c-.8.5-1.3 1.4-1.4 2.8L286 58h-2.6l.5-4.8c.3-2.3 1.2-3.8 2.8-4.6l-3.3-4.6h3.1l4.5 6.3.9-.8.5-1.2.6-4.3h2.6l-.3 2.9a8.2 8.2 0 0 1-1 3.1c-.3.8-1 1.5-2 2z\" fill=\"@{text}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M304 3a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h12a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm12 2h-12v3h12zm-12 5h3v7h-3zm12 0h-7v7h7z\" fill=\"@{subtext0}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M304 43a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h12a2 2 0 0 0 2-2V45a2 2 0 0 0-2-2zm12 2h-12v3h12zm-12 5h3v7h-3zm12 0h-7v7h7z\" fill=\"@{text}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M304 23a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h12a2 2 0 0 0 2-2V25a2 2 0 0 0-2-2zm12 2h-12v3h12zm-12 5h3v7h-3zm12 0h-7v7h7z\" fill=\"@{subtext1}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M327 2h-2v2h-2a2 2 0 0 0-2 2v10c0 1.1.9 2 2 2h4.2l2.4 1.8 2.9-2.9 1 1.1h1.5a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-4V2l-4 3zm0 3 4 3V6h4v5h-5V9h-2v6h2v-2h5v3h-.6l-1.9-2-3 3.2-1.7-1.2H323v-3h2v2h2V9h-2v2h-2V6h2v2h2z\" fill=\"@{subtext0}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M327 22h-2v2h-2a2 2 0 0 0-2 2v10c0 1.1.9 2 2 2h4.2l2.4 1.8 2.9-2.9 1 1.1h1.5a2 2 0 0 0 2-2V26a2 2 0 0 0-2-2h-4v-2l-4 3zm0 3 4 3v-2h4v5h-5v-2h-2v6h2v-2h5v3h-.6l-1.9-2-3 3.2-1.7-1.2H323v-3h2v2h2v-6h-2v2h-2v-5h2v2h2z\" fill=\"@{subtext1}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M327 42h-2v2h-2a2 2 0 0 0-2 2v10c0 1.1.9 2 2 2h4.2l2.4 1.8 2.9-2.9 1 1.1h1.5a2 2 0 0 0 2-2V46a2 2 0 0 0-2-2h-4v-2l-4 3zm0 3 4 3v-2h4v5h-5v-2h-2v6h2v-2h5v3h-.6l-1.9-2-3 3.2-1.7-1.2H323v-3h2v2h2v-6h-2v2h-2v-5h2v2h2z\" fill=\"@{text}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M341 5c0-1.1.9-2 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-1v4l-4-4h-7a2 2 0 0 1-2-2zm3.9 4c0-1.2 1-2.1 2.1-2.1h1V5h-1a4 4 0 1 0 0 8h1v-1.9h-1c-1.2 0-2.1-1-2.1-2.1m6.1-4h-1v1.9h1a2.1 2.1 0 1 1 0 4.2h-1V13h1a4 4 0 1 0 0-8m0 5h-4V8h4z\" fill=\"@{subtext0}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M341 25c0-1.1.9-2 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-1v4l-4-4h-7a2 2 0 0 1-2-2zm3.9 4c0-1.2 1-2.1 2.1-2.1h1V25h-1a4 4 0 1 0 0 8h1v-1.9h-1c-1.2 0-2.1-1-2.1-2.1m6.1-4h-1v1.9h1a2.1 2.1 0 1 1 0 4.2h-1V33h1a4 4 0 1 0 0-8m0 5h-4v-2h4z\" fill=\"@{subtext1}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M341 45c0-1.1.9-2 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-1v4l-4-4h-7a2 2 0 0 1-2-2zm3.9 4c0-1.2 1-2.1 2.1-2.1h1V45h-1a4 4 0 1 0 0 8h1v-1.9h-1c-1.2 0-2.1-1-2.1-2.1m6.1-4h-1v1.9h1a2.1 2.1 0 1 1 0 4.2h-1V53h1a4 4 0 1 0 0-8m0 5h-4v-2h4z\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .s-topbar .s-topbar--logo .-img,\n .envelope-on,\n .envelope-off,\n .vote-up-off,\n .vote-up-on,\n .vote-down-off,\n .vote-down-on,\n .feed-icon,\n .vote-accepted-off,\n .vote-accepted-on,\n .vote-accepted-bounty,\n .badge-earned-check,\n .delete-tag,\n .grippie,\n .expander-arrow-hide,\n .expander-arrow-show,\n .expander-arrow-small-hide,\n .expander-arrow-small-show,\n .anonymous-gravatar,\n .badge1,\n .badge2,\n .badge3 {\n @svg: escape(\n '<svg width=\"189\" height=\"530\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M48 280.8v7.6l8.5 7.6L73 281.2V273l-16.5 14.9zM22 324v3l4 4 7-6v-4l-7 6\" fill=\"@{green}\"/><path d=\"M8 280.8v7.6l8.6 7.6L33 281.2V273l-16.4 14.9\" fill=\"@{overlay0}\"/><path d=\"M45 191h29l-14.4-15\" fill=\"@{peach}\"/><path d=\"M5 191h29l-14.5-15\" fill=\"@{overlay0}\"/><path d=\"M59.6 243 74 228H45zM6.5 322.5 0 329h13\" fill=\"@{peach}\"/><path d=\"M7.5 386.5 0 380v13zm47.5 87-8-6.5v13zm-48.5 0L14 480v-13zm20-84L33 383H20M6.5 341.5 0 348h13m6.5-105L34 228H5m14.5-108 2.9 9.2H32l-7.7 5.6 3 9.2-7.8-5.7-7.8 5.7 3-9.2-7.7-5.6h9.6\" fill=\"@{overlay0}\"/><path d=\"m59.6 120 2.9 9.2h9.6l-7.7 5.6 3 9.2-7.8-5.7-7.8 5.7 3-9.2-7.7-5.6h9.6\" fill=\"@{yellow}\"/><path d=\"m59.6 123.3 2.2 6.9H69l-5.8 4.2 2.3 6.9-5.9-4.3-5.9 4.3 2.3-6.9-5.8-4.2h7.3zm0-3.3-2.9 9.2h-9.6l7.7 5.6-3 9.2 7.8-5.7 7.8 5.7-3-9.2 7.7-5.6h-9.6z\" fill=\"@{yellow}\"/><path d=\"M65 408a3 3 0 1 0 0-6 3 3 0 0 0 0 6\" fill=\"@{peach}\"/><path d=\"M85 408a3 3 0 1 0 0-6 3 3 0 0 0 0 6\" fill=\"@{surface2}\"/><path d=\"M105 408a3 3 0 1 0 0-6 3 3 0 0 0 0 6\" fill=\"@{yellow}\"/><path d=\"M47 367h2v2h-2zm3 3h2v2h-2zm6 0h2v2h-2zm6 0h2v2h-2zm6 0h2v2h-2zm-15-3h2v2h-2zm6 0h2v2h-2zm6 0h2v2h-2zm6 0h2v2h-2\" fill=\"@{surface2}\"/><path d=\"M0 400v31h31v-31\" fill=\"@{overlay0}\"/><path d=\"M20 419a14 14 0 0 1 8 12H3a14.1 14.1 0 0 1 8-12v-.5a7.5 7.5 0 1 1 11.6-8.4 7.5 7.5 0 0 1-2.6 8.4z\" fill=\"@{crust}\"/><path d=\"M60 340h2v14h-2m3-13h10v8H63\" fill=\"@{overlay0}\"/><path d=\"M60 320h2v14h-2\" fill=\"@{red}\"/><path d=\"M63 321h10v8H63m17-9h14v14H80\" fill=\"@{peach}\"/><path d=\"M84 329c-1.4 0-2 .6-2 2 0 .4.6 1 2 1 .4 0 1-.6 1-1 0-1.4-.6-2-1-2m-2-4v2a5.1 5.1 0 0 1 5 5h2a7 7 0 0 0-7-7m0-3v2a7.9 7.9 0 0 1 8 8h2a10 10 0 0 0-10-10\" fill=\"@{crust}\"/><path d=\"m22.6 347.1-.7 3.2 3.2-.7zm.8-.7 3.6-3.6 2.5 2.5-3.6 3.6zm5.7-5.1c-.4 0-.8.1-1.1.4l-.7.7 2.5 2.5.7-.7c.2-.3.4-.7.4-1.1 0-1-.8-1.8-1.8-1.8\" fill=\"@{subtext1}\"/><path d=\"M107 459a7 7 0 1 0 0-14 7 7 0 0 0 0 14\" fill=\"@{red}\"/><path d=\"m110.2 453.7-1.9-1.9 1.9-1.9v-.3l-.9-.8h-.3l-2 2-1.8-2h-.3l-.9.8v.3l1.9 1.9-1.9 1.9v.3l.9.9h.3l1.9-1.9 1.9 1.9h.3l.9-.9\" fill=\"@{crust}\"/><path d=\"M47 354a7 7 0 1 0 0-14 7 7 0 0 0 0 14\" fill=\"@{red}\"/><path d=\"m50.2 348.7-1.9-1.9 1.9-1.9v-.3l-.9-.8H49l-2 2-1.8-2h-.3l-.9.8v.3l1.9 1.9-1.9 1.9v.3l.9.9h.3l1.9-1.9 1.9 1.9h.3l.9-.9\" fill=\"@{crust}\"/><path d=\"M47 333a7 7 0 1 0 0-14 7 7 0 0 0 0 14\" fill=\"@{overlay0}\"/><path d=\"m50.2 327.7-1.9-1.9 1.9-1.9v-.3l-.9-.8H49l-2 2-1.8-2h-.3l-.9.8v.3l1.9 1.9-1.9 1.9v.3l.9.9h.3l1.9-1.9 1.9 1.9h.3l.9-.9\" fill=\"@{crust}\"/><path d=\"m42 31-2.2-.2c-1.7-.1-2.3-.8-2.3-2 0-1.4 1-2.2 3-2.2 1.3-.1 2.6.3 3.6 1.1l1.3-1.3a7.5 7.5 0 0 0-4.8-1.4c-2.9 0-4.9 1.5-4.9 3.9 0 2.2 1.4 3.4 4 3.6l2.2.2c1.6.1 2.2.8 2.2 2 0 1.6-1.4 2.4-3.6 2.4-1.6.1-3.1-.5-4.2-1.6L35 36.8c1.5 1.4 3.5 2 5.5 1.9 3.2 0 5.5-1.5 5.5-4.1s-1.6-3.4-4-3.6m15.8-6.1c-2.2 0-3.5.4-4.7 1.9l1.3 1.3a3.6 3.6 0 0 1 3.4-1.5c2.5 0 3.4 1 3.4 2.9v1.3h-4c-3 0-4.6 1.5-4.6 3.9 0 1 .3 2 1 2.7.8.9 1.9 1.2 3.8 1.2 1.4.1 2.9-.4 3.9-1.4v1.3h2v-9.1c-.1-2.9-1.9-4.5-5.5-4.5m3.4 8.9c.1.8-.1 1.7-.7 2.3a4 4 0 0 1-3 .9c-2.1 0-3.1-.7-3.1-2.3q0-2.4 3-2.4h3.8zm9.7-7.1c1.2 0 2.4.5 3.1 1.5l1.3-1.3a5.4 5.4 0 0 0-4.4-2c-3.4 0-5.9 2.3-5.9 6.9s2.6 6.9 5.9 6.9c1.7.1 3.3-.7 4.4-2L74 35.4c-.7 1-1.9 1.5-3.1 1.5-1.2.1-2.4-.5-3.1-1.5q-1.05-1.65-.9-3.6-.15-1.95.9-3.6c.7-1 1.9-1.6 3.1-1.5m16.8-1.6h-2.4L79.2 31V19.1h-2v19.4h2v-4.9l2.4-2.4 4.5 7.3h2.4l-5.6-8.6zm9.2-.2c-1.6 0-3.2.5-4.3 1.7-1.3 1.3-1.6 3-1.6 5.4 0 2.5.3 4.1 1.6 5.4a6.1 6.1 0 0 0 4.3 1.7c1.6.1 3.2-.5 4.3-1.7 1.3-1.3 1.6-2.9 1.6-5.4s-.3-4-1.6-5.4a5.4 5.4 0 0 0-4.3-1.7m1.7 10.5c-.9.8-2.3.8-3.2 0-.7-.7-.8-2-.8-3.4s.1-2.7.8-3.4c.9-.8 2.3-.8 3.2 0 .7.7.8 2 .8 3.4 0 1.5-.1 2.7-.8 3.4M112.2 25l-2.8 8.6-2.8-8.6h-3.7l5.2 14h2.7l5.1-14zm9.6 0c-3.6 0-6.1 2.5-6.1 7 0 5.7 3.2 7.2 6.5 7.2 2 .1 4-.7 5.3-2.2l-2.1-2c-.8.8-2 1.3-3.2 1.2a3 3 0 0 1-3.1-2.7v-.4h8.7v-1.6c.1-3.8-2.1-6.6-6-6.6zm-2.7 5.7.3-1.5c.4-.9 1.3-1.4 2.3-1.4s1.9.5 2.3 1.4l.3 1.5zm13.3-4.3v-1.3H129v14h3.5v-8.4c0-1.3.8-2.4 2.1-2.6h.2c.7 0 1.4.3 1.8.8l2.6-2.6A4.1 4.1 0 0 0 136 25c-1.3 0-2.6.4-3.5 1.4zm7.6-2.8V39h3.5V28h2.6v-2.7h-2.6v-1.5c0-.6.3-1.2 1-1.3h1.5v-3h-2a3.9 3.9 0 0 0-4 3.8zm20.3 1.3c-1.6 0-3.2.5-4.3 1.7-1.3 1.3-1.6 3-1.6 5.4 0 2.5.3 4.1 1.6 5.4a6.1 6.1 0 0 0 4.3 1.7c1.6.1 3.2-.5 4.3-1.7 1.3-1.3 1.6-2.9 1.6-5.4s-.3-4-1.6-5.4a5.4 5.4 0 0 0-4.3-1.7m1.7 10.5c-.9.8-2.3.8-3.2 0-.7-.7-.8-2-.8-3.4s.1-2.7.8-3.4c.9-.8 2.3-.8 3.2 0 .7.7.8 2 .8 3.4 0 1.5-.1 2.7-.8 3.4M182.7 25l-2.3 8.6-2.9-8.6H175l-2.8 8.7-2.3-8.6h-3.7l4.3 14h2.9l2.9-8.8 2.9 8.8h3l4.3-14h-3.8zm-31.2 9.8V19.6H148V35a3.8 3.8 0 0 0 3.6 4h2.5v-3h-1.3c-.6.1-1.1-.2-1.3-.8zm-98.8-9.4H49V21h-2v13.9c0 2 1.1 3.6 3.4 3.6h1.4v-1.7h-1c-1.3 0-1.8-.7-1.8-2v-7.7h1.9z\" fill=\"@{text}\"/><path d=\"M26 41v-9h4v13H0V32h4v9z\" fill=\"@{overlay2}\"/><path d=\"m23 34 .8-3-16.1-3.3L7 31zM9.2 23.2l15 7 1.4-3-15-7zm4.2-7.4L26 26.4l2.1-2.5-12.7-10.6-2.1 2.5zM21.5 8l-2.7 2 9.9 13.3 2.7-2zM7 38h16v-3H7z\" fill=\"@{peach}\"/><path d=\"M21 527v-8h3v11H0v-11h3v8z\" fill=\"@{overlay2}\"/><path d=\"m5.4 519.1 13.6 2 .1-2.4L6 516l-.5 3zm1.8-6.8 12 5.6 1.1-2.4-12-5.6zm3.4-5.9 10.2 8.5 1.7-2-10.2-8.5zm6.5-6.2-2.1 1.6 7.9 10.6 2.1-1.6zM5 525h14v-3H5z\" fill=\"@{peach}\"/><path d=\"m34 518.9-1.7-.2c-1.3 0-1.8-.6-1.8-1.5 0-1 .7-1.8 2.3-1.8 1 0 2 .3 2.6.8l1-1c-1-.7-2.2-1-3.6-1-2.2 0-3.8 1.1-3.8 3 0 1.7 1 2.6 3 2.8l1.8.1c1.2.1 1.7.6 1.7 1.6 0 1.2-1 1.8-2.6 1.8-1.3 0-2.4-.3-3.2-1.1l-1 1c1.2 1 2.5 1.3 4.2 1.3 2.5 0 4.2-1.1 4.2-3-.2-2-1.5-2.6-3.2-2.8zm12.7-4.6c-1.7 0-2.7.3-3.6 1.4l1 1c.6-.9 1.2-1.2 2.6-1.2 1.8 0 2.6.8 2.6 2.2v1h-3.1c-2.3 0-3.6 1.2-3.6 3 0 .7.3 1.5.8 2 .7.8 1.4 1 2.9 1a4 4 0 0 0 3-1v1h1.5v-7c-.1-2.3-1.4-3.4-4.1-3.4m2.6 6.7c0 .9-.2 1.4-.5 1.7-.7.6-1.5.7-2.3.7-1.7 0-2.3-.6-2.3-1.7 0-1.2.7-1.8 2.3-1.8h2.9zm7.2-5.4c1 0 1.6.3 2.4 1.2l1-1c-1.1-1.1-2-1.5-3.4-1.5-2.6 0-4.6 1.7-4.6 5.3 0 3.4 2 5.2 4.6 5.2 1.4 0 2.3-.3 3.3-1.5l-1-1c-.8 1-1.4 1.2-2.3 1.2a3 3 0 0 1-2.4-1.1c-.5-.7-.7-1.5-.7-2.8s.2-2.1.7-2.8c.6-.8 1.5-1.2 2.4-1.2m12.9-1.2h-1.8l-4.6 4.5v-9.1h-1.6v14.8H63v-3.8l1.8-1.8 3.5 5.6H70l-4.2-6.7 3.5-3.5zm7-.3c-1.5 0-2.6.6-3.3 1.3-1 1-1.2 2.3-1.2 4.2s.3 3.1 1.2 4c.7.8 1.8 1.4 3.3 1.4s2.7-.5 3.3-1.3c1-1 1.2-2.2 1.2-4.1 0-2-.3-3.2-1.2-4.2-.6-.7-1.7-1.3-3.3-1.3m1.3 8c-.3.3-.7.4-1.3.4s-1-.1-1.2-.4c-.6-.6-.6-1.6-.6-2.6 0-1.2 0-2 .6-2.6.2-.3.6-.5 1.2-.5s1 .2 1.3.5c.5.6.5 1.4.5 2.6.1 1.1 0 2-.5 2.6m10.3-7.9-2.1 6.6-2.2-6.6h-2.8l4 10.6h2l4-10.6zm7.3-.1c-2.8 0-4.6 2-4.6 5.5 0 4.3 2.4 5.4 4.9 5.4 2 0 3-.5 4-1.6L98 522a3 3 0 0 1-2.4 1c-1.5 0-2.3-1-2.3-2.5h6.6v-1.1c0-3-1.6-5.2-4.6-5.2zm-2 4.4c0-.5 0-.8.3-1.1.3-.7.8-1.2 1.8-1.2a2 2 0 0 1 1.8 1.2c.2.3.2.6.3 1.1zm10.5-3.2v-1.1h-2.5v10.6h2.6v-6.4c0-1.3.9-1.9 1.8-1.9.6 0 1 .2 1.4.7l2-2c-.8-.8-1.4-1-2.5-1-1.2-.1-2.2.4-2.8 1zm5.4-2.3v11.8h2.7v-8.4h2v-2h-2v-1.2c0-.5.3-1 1-1h1v-2.1h-1.5c-2.2 0-3.2 1.5-3.2 3zm16.2 1.1c-1.5 0-2.6.6-3.2 1.3-1 1-1.3 2.3-1.3 4.2s.3 3.1 1.3 4c.6.8 1.7 1.4 3.2 1.4 1.6 0 2.7-.5 3.3-1.3 1-1 1.2-2.2 1.2-4.1 0-2-.3-3.2-1.2-4.2-.6-.7-1.7-1.3-3.3-1.3m1.3 8c-.3.3-.7.4-1.3.4s-1-.1-1.2-.4c-.6-.6-.6-1.6-.6-2.6 0-1.2.1-2 .6-2.6.3-.3.6-.5 1.2-.5s1 .2 1.3.5c.5.6.5 1.4.5 2.6 0 1.1 0 2-.5 2.6m15.8-7.9-1.7 6.6-2.2-6.6h-2l-2.2 6.6-1.7-6.6H130l3.3 10.6h2.2l2.2-6.7 2.2 6.7h2.2l3.3-10.6h-2.8zm-24.6 7.4V510h-2.7v11.8c0 1.5 1 3 3.1 3h1.6v-2.2h-1c-.7 0-1-.3-1-1M41 516l1.4-1.3h-3v-3.4H38V522c0 1.5.9 2.7 2.6 2.7h1v-1.2h-.7c-1 0-1.4-.6-1.4-1.5v-6z\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .s-avatar {\n &.subcommunity-topic-mobile-dev {\n @svg: escape(\n '<svg fill=\"none\" height=\"300\" viewBox=\"0 0 300 300\" width=\"300\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 0h300v300H0z\" fill=\"@{yellow}\"/><path d=\"M52 198.352V101h29.418l17.664 66.406L116.547 101h29.484v97.352H127.77v-76.633l-19.325 76.633H89.52l-19.258-76.633v76.633zM165.488 101h35.926q12.152 0 18.527 1.859 8.567 2.524 14.676 8.965c6.109 6.441 7.172 9.563 9.297 15.805q3.188 9.297 3.188 22.976 0 12.02-2.989 20.719-3.652 10.626-10.425 17.199-5.114 4.981-13.813 7.77-6.508 2.059-17.398 2.059h-36.989zm19.657 16.469v64.48h14.675q8.235 0 11.887-.929 4.782-1.196 7.902-4.051 3.188-2.856 5.18-9.364 1.992-6.573 1.992-17.863c0-11.29-.664-13.303-1.992-17.332q-1.992-6.043-5.578-9.43t-9.098-4.582q-4.117-.929-16.136-.929z\" fill=\"@{crust}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.subcommunity-topic-r-language {\n @svg: escape(\n '<svg width=\"150\" height=\"150\" viewBox=\"0 0 150 150\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M150 0H0v150h150z\" fill=\"@{peach}\"/><path d=\"M55.41 99V50.324h20.686q7.802 0 11.322 1.328 3.552 1.295 5.678 4.649 2.124 3.353 2.125 7.67 0 5.478-3.221 9.064-3.22 3.553-9.629 4.483 3.188 1.859 5.246 4.084 2.092 2.224 5.611 7.902L99.173 99H87.418l-7.106-10.592q-3.785-5.678-5.18-7.139-1.394-1.493-2.954-2.025-1.56-.564-4.947-.564h-1.993V99zm9.828-28.09h7.272q7.073 0 8.832-.597 1.76-.598 2.756-2.06.996-1.46.996-3.651 0-2.458-1.328-3.952-1.296-1.527-3.686-1.925-1.195-.166-7.172-.166h-7.67z\" fill=\"@{crust}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n\n [fill=\"#BCBBBB\"] {\n fill: @overlay2 !important;\n }\n [fill=\"#F48024\"] {\n fill: @peach !important;\n }\n\n .s-topbar .s-topbar--logo .-img {\n filter: none;\n }\n\n .s-sidebarwidget {\n background-color: @base;\n border-color: @surface0;\n\n .s-sidebarwidget--header {\n background-color: @surface0;\n border-color: @surface1;\n }\n &::after,\n .s-sidebarwidget--content,\n .s-sidebarwidget--header {\n border-color: @surface1;\n }\n }\n\n .s-prose kbd {\n border-top-color: transparent;\n box-shadow: 0 1px 1px @crust, inset 0 1px 0 0 @overlay2;\n }\n\n .s-pagination .s-pagination--item {\n border-color: @surface2;\n }\n\n .s-badge {\n color: @crust;\n background-color: @mauve;\n }\n\n .s-notice {\n &,\n .s-notice--btn {\n color: @text !important;\n }\n }\n\n .badge,\n .badge-tag {\n background-color: @surface0;\n color: @text;\n }\n\n #onetrust-consent-sdk {\n #onetrust-banner-sdk {\n background-color: @mantle;\n\n &:focus {\n outline-color: @surface1;\n }\n\n #onetrust-accept-btn-handler,\n #onetrust-reject-all-handler {\n background-color: @accent;\n color: @crust;\n }\n\n #onetrust-button-group button#onetrust-pc-btn-handler {\n background-color: @crust !important;\n border-color: @accent !important;\n color: @accent !important;\n }\n\n #onetrust-policy-title,\n #onetrust-policy-text,\n .ot-b-addl-desc,\n .ot-dpd-desc,\n .ot-dpd-title,\n #onetrust-policy-text :not(.onetrust-vendors-list-handler),\n .ot-dpd-desc :not(.onetrust-vendors-list-handler),\n #banner-options *,\n .ot-cat-header,\n .ot-optout-signal,\n a {\n color: @text !important;\n }\n }\n\n /* Manage cookies popup */\n #onetrust-pc-sdk {\n background-color: @base;\n\n h3,\n h4,\n h5,\n h6,\n p,\n #ot-ven-lst .ot-ven-opts p,\n #ot-pc-desc,\n #ot-pc-title,\n .ot-li-title,\n .ot-sel-all-hdr span,\n #ot-host-lst .ot-host-info,\n #ot-fltr-modal #modal-header,\n .ot-checkbox label span,\n #ot-pc-lst #ot-sel-blk p,\n #ot-pc-lst #ot-lst-title h3,\n #ot-pc-lst .back-btn-handler p,\n #ot-pc-lst .ot-ven-name,\n #ot-pc-lst #ot-ven-lst .consent-category,\n .ot-leg-btn-container .ot-inactive-leg-btn,\n .ot-label-status,\n .ot-chkbox label span,\n #clear-filters-handler,\n .ot-optout-signal {\n color: @text;\n }\n\n .ot-pc-header {\n background-color: @mantle !important;\n border-bottom-color: @surface1;\n }\n\n .ot-accordion-layout.ot-cat-item {\n border-color: @surface1;\n }\n\n .ot-pc-footer {\n border-top-color: @surface2 !important;\n }\n\n button:not(\n #clear-filters-handler,\n .ot-close-icon,\n #filter-btn-handler,\n .ot-remove-objection-handler,\n .ot-obj-leg-btn-handler,\n [aria-expanded],\n .ot-link-btn\n ),\n .ot-leg-btn-container .ot-active-leg-btn {\n background-color: @accent !important;\n border-color: @accent;\n color: @mantle;\n }\n }\n }\n\n .sunset-background {\n background-color: @base !important;\n color: @text !important;\n }\n\n .disabled-link {\n color: @overlay2;\n }\n\n /* Stack Exchange logo */\n [fill=\"#FEFEFE\"] {\n fill: @text !important;\n }\n [fill=\"#2F96E8\"],\n [fill=\"#2D6DB5\"] {\n fill: @blue !important;\n }\n [fill=\"#8FD8F7\"] {\n fill: lighten(@sky, 10%);\n }\n [fill=\"#46A2D9\"] {\n fill: lighten(@blue, 5%);\n }\n [fill=\"#155397\"] {\n fill: darken(@blue, 10%) !important;\n }\n\n /* Other Stack Exchange site logos */\n [alt=\"Server Fault\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"203\" height=\"33\" viewBox=\"0 0 203 33\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M64.532 32c-2.684 0-4.785-.603-6.532-2.254l1.552-1.524c1.262 1.302 2.975 1.81 4.949 1.81 2.619 0 4.236-.92 4.236-2.762 0-1.366-.809-2.127-2.652-2.286l-2.62-.222c-3.104-.255-4.753-1.62-4.753-4.191 0-2.857 2.458-4.571 5.852-4.571 2.265 0 4.301.54 5.724 1.682l-1.52 1.492c-1.13-.857-2.587-1.237-4.236-1.237-2.328 0-3.557.984-3.557 2.571 0 1.333.777 2.127 2.78 2.285l2.556.223c2.78.254 4.689 1.301 4.689 4.222C71 30.254 68.38 32 64.532 32M83.2 20.286c-.61-1.429-2.026-2.35-3.7-2.35s-3.088.921-3.7 2.35c-.355.857-.418 1.334-.482 2.603h8.366c-.065-1.27-.13-1.746-.484-2.603m-7.882 4.317c0 3.429 1.64 5.398 4.665 5.398 1.833 0 2.896-.54 4.151-1.778l1.576 1.365C84.102 31.175 82.621 32 79.92 32 75.735 32 73 29.524 73 24c0-5.047 2.478-8 6.5-8 4.087 0 6.5 2.92 6.5 7.556v1.047zm22.066-5.39c-.822-.868-1.432-1.157-2.591-1.157-2.195 0-3.597 1.831-3.597 4.242V32H89V16.192h2.196v1.928c.823-1.317 2.469-2.12 4.207-2.12 1.432 0 2.53.352 3.597 1.478zM108.037 32h-2.108L100 16h2.57l4.413 12.846L111.43 16H114zM125.2 20.286c-.61-1.429-2.026-2.35-3.7-2.35s-3.09.921-3.7 2.35c-.355.857-.42 1.334-.482 2.603h8.365c-.064-1.27-.128-1.746-.483-2.603m-7.882 4.317c0 3.429 1.64 5.398 4.665 5.398 1.833 0 2.896-.54 4.151-1.778l1.576 1.365c-1.609 1.587-3.089 2.412-5.79 2.412-4.184 0-6.919-2.476-6.919-8 0-5.047 2.478-8 6.5-8 4.087 0 6.5 2.92 6.5 7.556v1.047zm22.066-5.39c-.823-.868-1.432-1.157-2.591-1.157-2.195 0-3.598 1.831-3.598 4.242V32H131V16.192h2.195v1.928c.823-1.317 2.47-2.12 4.208-2.12 1.433 0 2.53.352 3.597 1.478zm9.531-.215V32h-4.18V18.998H143v-3.162h1.735V13.76c0-2.365 1.479-4.76 4.886-4.76H152v3.513h-1.64c-.995 0-1.445.544-1.445 1.502v1.82H152v3.163zm13.863 5.812h-3.346c-1.527 0-2.372.704-2.372 1.886 0 1.15.78 1.917 2.437 1.917 1.17 0 1.917-.096 2.663-.798.455-.417.618-1.088.618-2.11zm.097 7.03v-1.438C161.738 31.52 160.667 32 158.717 32c-1.916 0-3.313-.48-4.321-1.47-.91-.927-1.396-2.269-1.396-3.739 0-2.651 1.85-4.825 5.782-4.825h3.996v-.831c0-1.821-.91-2.62-3.151-2.62-1.624 0-2.372.383-3.249 1.374l-2.696-2.588c1.658-1.79 3.281-2.301 6.107-2.301 4.743 0 7.211 1.982 7.211 5.88v10.96zm17.019-.034v-1.549c-1.1 1.162-2.65 1.743-4.203 1.743-1.682 0-3.04-.549-3.977-1.484-1.36-1.355-1.714-2.935-1.714-4.775V15h4.203v10.16c0 2.291 1.456 3.066 2.781 3.066s2.813-.775 2.813-3.065V15H184v16.806zm20.579-.386c-3.467 0-4.938-2.457-4.938-4.882v-8.453h-1.799v-3.243h1.799V9.796h4.251v5.046h3.009v3.243h-3.009v8.191c0 .983.458 1.54 1.471 1.54h1.538v3.603zm-9.765.58c-3.313 0-4.708-2.422-4.708-4.813V9h4.027v17.929c0 1 .402 1.518 1.424 1.518H193V32z\" fill=\"@{text}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 12h24V7H0z\" fill=\"@{surface2}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 19h24v-5H0z\" fill=\"@{overlay1}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 26h24v-5H0z\" fill=\"@{overlay2}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 5h24V0H0z\" fill=\"@{surface1}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 33h24v-5H0z\" fill=\"@{subtext0}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M27 12h10V7H27z\" fill=\"@{maroon}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M27 19h10v-5H27z\" fill=\"@{overlay1}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M27 26h10v-5H27z\" fill=\"@{overlay2}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M27 5h10V0H27z\" fill=\"@{red}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M27 33h10v-5H27z\" fill=\"@{subtext0}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M40 12h10V7H40z\" fill=\"@{surface2}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M40 19h10v-5H40z\" fill=\"@{overlay1}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M40 26h10v-5H40z\" fill=\"@{overlay2}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M40 5h10V0H40z\" fill=\"@{surface1}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M40 33h10v-5H40z\" fill=\"@{subtext0}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n [alt=\"Super User\"] {\n @svg: escape(\n '<svg width=\"208\" height=\"47\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M.5 37.01c-.3 0-.5-.1-.5-.4V.43c0-.3.2-.4.5-.4h8.91c.3 0 .6.1.6.4v2.2c0 .3-.2.4-.5.4h-4.9c-.5 0-.6.2-.6.5V33.6c0 .3.2.4.6.4h4.8c.3 0 .6.1.6.4v2.12c-.1.3-.2.5-.6.5H.5z\" fill=\"@{text}\"/><path d=\"M24.03 26.5v6.3c0 4.7-4.03 4.2-9.53 4.2h-.9c-.3 0-.6-.1-.6-.4v-2.2c0-.3.2-.4.5-.4h.7c3.3 0 5.8.7 5.8-1.9v-6c0-1.9 1.3-4.4 3.9-5.4.2 0 .2-.1.2-.2s-.1-.2-.2-.3c-2.4-1.1-3.9-2.8-3.9-5V8.3C20 5.7 17.52 3 14.22 3h-.7c-.3 0-.5-.1-.5-.4V.4c0-.3.2-.4.6-.4h.9c5.6 0 9.53 4 9.53 8.7v5.7c0 2.2 1.41 3.4 3.71 4.2.9.3 1.3.3 1.3 1v1.8c0 .4-.4.6-1.5.9-2.3.7-3.52 2-3.52 4.2z\" fill=\"@{blue}\"/><path d=\"M17.01 16.1c0 .5-.5.9-1 .9h-2c-.6 0-1-.4-1-.9v-2.2c0-.5.5-.9 1-.9h2c.6 0 1 .4 1 .9v2.21zm26.86 20.86c-3.3 0-5.8-.8-8-2.9l1.9-2c1.5 1.7 3.6 2.3 6 2.3 3.2 0 5.2-1.2 5.2-3.6 0-1.8-1-2.7-3.2-3l-3.2-.3c-3.8-.3-5.8-2.1-5.8-5.4 0-3.7 3-5.9 7.1-5.9 2.8 0 5.2.7 7 2.2l-1.9 1.9a8.26 8.26 0 0 0-5.2-1.6c-2.8 0-4.3 1.3-4.3 3.3 0 1.7.9 2.7 3.4 3l3.1.3c3.4.3 5.7 1.7 5.7 5.5.1 3.9-3.1 6.2-7.8 6.2m23.73-.27v-2.3a6.73 6.73 0 0 1-5.4 2.6c-2.1 0-3.8-.7-5-1.9-1.4-1.4-2-3.3-2-5.7v-12.8H58v12.4c0 3.6 1.8 5.4 4.7 5.4s4.9-1.8 4.9-5.4v-12.4h2.8v20.2h-2.8zm21.05-1.47c-1 1.1-2.8 1.8-4.7 1.8-2.1 0-3.9-.5-5.5-2.6v11.4h-2.8v-29.3h2.8v2.4c1.6-2.1 3.4-2.6 5.5-2.6 2 0 3.7.7 4.7 1.8 2 2 2.4 5.4 2.4 8.6 0 3.1-.4 6.4-2.4 8.5m-5.3-16.3c-4.2 0-4.9 3.8-4.9 7.7s.7 7.7 4.9 7.7 4.9-3.8 4.9-7.7c-.1-3.9-.7-7.7-4.9-7.7m13.55 8.5c0 4.4 2 7 5.7 7 2.2 0 3.6-.7 5.1-2.3l1.9 1.8c-2 2.1-3.8 3.1-7.1 3.1-5.1 0-8.5-3.2-8.5-10.3 0-6.5 3-10.3 8-10.3s8 3.8 8 9.8v1.2zm9.7-5.6c-.8-1.8-2.5-3-4.5-3-2.1 0-3.8 1.2-4.5 3a9.9 9.9 0 0 0-.6 3.4h10.1c0-1.7-.1-2.3-.5-3.4m18.26-1.43c-1.1-1.1-1.9-1.5-3.4-1.5-2.8 0-4.7 2.3-4.7 5.4v12.4h-2.7v-20.1h2.8v2.5c1.1-1.8 3.2-2.8 5.5-2.8 1.9 0 3.3.5 4.7 1.9zm17.02 16.66v-1.9a6.95 6.95 0 0 1-5.1 2.1c-2.1 0-3.7-.7-4.9-1.8-1.7-1.7-2.1-3.6-2.1-5.8v-13.2h5.1v12.4c0 2.8 1.8 3.8 3.4 3.8s3.4-.9 3.4-3.8v-12.4h5.1v20.6zm17.24.29c-3.2 0-6.2-.4-8.8-3l3.4-3.4c1.7 1.7 3.9 1.9 5.5 1.9 1.8 0 3.6-.6 3.6-2.1 0-1-.6-1.7-2.2-1.9l-3.2-.3c-3.7-.4-6-2-6-5.8 0-4.3 3.8-6.6 7.9-6.6 3.2 0 5.9.6 7.9 2.4l-3.2 3.2c-1.2-1.1-3-1.4-4.8-1.4-2.1 0-2.9.9-2.9 2 0 .7.3 1.6 2.1 1.8l3.2.3c4.1.4 6.1 2.6 6.1 6 .1 4.7-3.7 6.9-8.6 6.9m16.9-8.98c0 2.6 1.6 4.6 4.5 4.6 2.2 0 3.4-.6 4.7-1.9l3.1 3c-2.1 2.1-4.1 3.2-7.8 3.2-4.9 0-9.5-2.2-9.5-10.5 0-6.7 3.6-10.5 9-10.5 5.7 0 9 4.2 9 9.8v2.3zm7.3-5.7c-.6-1.2-1.7-2.1-3.4-2.1s-2.9.9-3.4 2.1c-.3.8-.4 1.3-.5 2.2h7.8c-.1-.9-.2-1.5-.5-2.2m20.46-.58c-.8-.8-1.5-1.2-2.7-1.2-1.6 0-3.3 1.2-3.3 3.8v12.4h-5.1v-20.6h5v2a7 7 0 0 1 5.2-2.2c2 0 3.4.5 4.9 1.9z\" fill=\"@{text}\"/></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n [alt=\"MathOverflow\"] {\n @svg: escape(\n '<svg width=\"256\" height=\"53\" xmlns=\"http://www.w3.org/2000/svg\"><defs><linearGradient x1=\"0%\" y1=\"50%\" y2=\"50%\" id=\"a\"><stop stop-color=\"@{overlay1}\" offset=\"0%\"/><stop stop-color=\"@{peach}\" offset=\"100%\"/></linearGradient></defs><g fill=\"none\" fill-rule=\"evenodd\"><path fill=\"url(#a)\" d=\"M0 0v53h153V43h-5l-.02 5H5V5.01h143l.02 9.98H153V0z\"/><path d=\"M117.82 26.79c0 3.1-2.36 11.54-11.86 11.54-5.43 0-8.81-2.88-8.81-7.43 0-3.64 2.36-11.83 11.83-11.83 5.68 0 8.84 2.77 8.84 7.72m-6.11-1.06c0-2.4-.88-3.45-2.88-3.45-4.51 0-5.39 8.19-5.39 9.71 0 1.97 1.02 3.13 2.8 3.13 4.63 0 5.47-8.3 5.47-9.39m25.27-2.07c0 7.13-4.95 14.67-12.12 14.67-3.46 0-5.57-1.53-5.57-4.04 0-.44.03-.84.1-1.24l1.25-6.73c.03-.37.07-.7.07-.99 0-1.13-.51-1.67-2.08-1.67h-.43l.54-2.99c2.73-.14 4.22-.4 7-1.27h1.88l-2.03 11.21c-.11.58-.19 1.31-.19 1.64 0 1.05.84 1.82 1.93 1.82 2.08 0 5.2-2.8 5.2-6.8 0-1.43-.17-1.94-.97-2.74s-1.1-1.38-1.1-2.22c0-1.82 1.5-3.24 3.42-3.24 1.86 0 3.1 1.86 3.1 4.59m18.9 10.15c-1.82 2-6 4.52-10.01 4.52-5.1 0-8.59-3.17-8.59-7.72 0-6.3 5.97-11.54 13.14-11.54 3.86 0 6.4 1.79 6.4 4.48 0 4.37-6.04 6.37-12.3 6.37-.14 0-.54 0-.94-.04-.08.62-.11 1.1-.11 1.57 0 2.04 1.42 3.38 3.6 3.38 2.19 0 4.33-1.02 6.84-3.16zm-4.44-10.15c0-1.02-.84-1.75-2.04-1.75-2.66 0-4.84 3.2-5.31 5.46h.43c3.79 0 6.92-1.67 6.92-3.71m24.76-1.75c0 1.71-1.42 3.02-3.28 3.02-.87 0-1.45-.22-2.32-.87-.48-.37-.7-.47-1.06-.47-2.33 0-3.35 4.36-3.79 6.15L164.12 38h-5.76l2.15-11.68c.04-.37.08-.7.08-.99 0-1.13-.51-1.67-2.08-1.67h-.44l.55-2.99c2.73-.14 4.22-.4 6.99-1.27h1.9l-.52 2.77c1.64-2.04 3.6-3.1 5.64-3.1 2.08 0 3.57 1.2 3.57 2.84m27.46 13.83c-2.37 1.97-4.08 2.73-6.23 2.73-2.73 0-4.58-1.42-4.58-3.53 0-.73 0-.73.4-2.87l2.54-13.9c.11-.7.19-1.32.19-1.86 0-1.82-.84-2.88-3.94-2.88a5.1 5.1 0 0 0-4 1.75c-.65.8-.87 1.34-1.42 4.22h3.6l-.58 3.28H186l-1.6 8.8c-.4 2.26-2.37 14.1-14.41 14.1-2.55 0-4.23-1.14-4.23-2.85 0-1.53 1.42-2.84 3.02-2.84 1.1 0 1.5.22 2.66 1.42.55.58.98.77 1.64.77 3.68 0 4.73-6.08 5.57-10.6l1.6-8.8h-3.06l.59-3.28h3.09c1.16-6.19 5.17-8.52 12.56-8.52 2.87 0 4.91.15 9.32.7L199 32.06c-.08.36-.11.69-.11.94 0 .91.5 1.5 1.3 1.5.66 0 1.17-.22 1.97-.84l1.5 2.07zm21.23-8.95c0 3.1-2.37 11.54-11.87 11.54-5.42 0-8.8-2.88-8.8-7.43 0-3.64 2.36-11.83 11.82-11.83 5.68 0 8.85 2.77 8.85 7.72m-6.12-1.06c0-2.4-.87-3.45-2.87-3.45-4.52 0-5.4 8.19-5.4 9.71 0 1.97 1.03 3.13 2.81 3.13 4.62 0 5.46-8.3 5.46-9.39m36.88-1.45c0 6.8-4.84 14.05-12.34 14.05-2.25 0-3.7-.58-5.1-2.08a11.9 11.9 0 0 1-6.54 2.08c-3.06 0-5.35-1.79-5.35-4.15 0-.22.03-.44.07-.66l1.3-7.2c.05-.37.08-.7.08-.99 0-1.13-.5-1.67-2.07-1.67h-.44l.55-2.99c2.73-.14 4.22-.4 6.99-1.27h1.89l-2.15 11.83c-.18.91-.18 1.13-.18 1.38 0 1.06.94 1.79 2.33 1.79a6.6 6.6 0 0 0 3.1-.88l2.54-14.12h5.75l-2.11 11.68c-.07.33-.1.62-.1.91 0 1.35.76 2.26 2.43 2.26 2.55 0 4.73-3.1 4.73-6.66 0-1.53-.18-1.9-1.56-3.24a2.9 2.9 0 0 1-.91-1.97c0-1.78 1.6-3.3 3.5-3.3 2.17 0 3.6 2.03 3.6 5.2zM28.45 21.8a27 27 0 0 1 3.82-1.93c1.08-.42 2-.63 2.74-.63q2.31 0 3.6 1.5c.86 1 1.28 2.4 1.28 4.2V35.8l.7.61 2.03.19v1.38h-8.34V36.6l1.8-.19.68-.61V25.7c0-1.36-.28-2.36-.84-2.99s-1.42-.95-2.59-.95q-.87 0-1.95.3c-.71.21-1.5.53-2.35.95V35.8l.67.61 1.8.19v1.38h-8.14V36.6l1.84-.19.66-.61V25.7c0-1.35-.28-2.34-.83-2.98-.56-.64-1.4-.96-2.55-.96-.62 0-1.29.1-2 .3-.72.21-1.5.53-2.34.95V35.8l.65.61 1.83.19v1.38h-8.37V36.6l2.07-.19.65-.61V21.99h-2.72V20.8l4.44-1.36h1.45v2.09a23.3 23.3 0 0 1 3.48-1.74 7.6 7.6 0 0 1 2.63-.55c.94 0 1.76.21 2.47.65a4.7 4.7 0 0 1 1.73 1.92zM55.5 34.49v-6.73c-3.2.89-5.29 1.7-6.29 2.43s-1.5 1.7-1.5 2.89c0 .95.28 1.71.83 2.28s1.3.85 2.23.85c.6 0 1.28-.14 2.06-.43a18 18 0 0 0 2.67-1.29m0 1.29a17.4 17.4 0 0 1-3.38 1.87q-1.545.6-2.88.6a4.78 4.78 0 0 1-3.55-1.33 4.8 4.8 0 0 1-1.33-3.55c0-1.62.66-2.9 2-3.84 1.34-.93 4.38-1.96 9.14-3.1V25.2c0-1.6-.26-2.72-.78-3.34s-1.43-.93-2.72-.93q-.735 0-1.44.15t-1.47.45v3.2h-2.63c-.46 0-.77-.08-.94-.25s-.25-.47-.25-.92c0-1.24.72-2.27 2.15-3.1A11.13 11.13 0 0 1 53 19.25c2 0 3.45.43 4.36 1.3.9.87 1.36 2.27 1.36 4.2V35.8l.65.61 2.01.19v1.38h-5.36l-.5-2.22zm9.43-13.85h-2.4v-1.2l2.51-1.1 1.64-3.55h1.42v4.06h5.82v1.79H68.1V32c0 1.65.23 2.76.7 3.32.45.57 1.28.85 2.47.85a11.4 11.4 0 0 0 2.65-.32v1.42q-1.305.405-2.58.63c-.84.14-1.65.21-2.44.21-1.46 0-2.5-.28-3.08-.83-.6-.55-.89-1.56-.89-3.03V21.92zM79.2 9.9h1.45v11.63a28 28 0 0 1 3.69-1.77 7.4 7.4 0 0 1 2.48-.52c1.68 0 2.96.5 3.84 1.49.89 1 1.33 2.43 1.33 4.32v10.76l.65.61 2.01.19v1.38h-8.31V36.6l1.79-.19.65-.61V25.7c0-1.44-.3-2.45-.9-3.04-.59-.6-1.58-.9-2.96-.9-.6 0-1.26.1-1.97.3-.71.21-1.48.53-2.3.95V35.8l.68.61 1.8.19v1.38h-8.37V36.6l2.07-.19.66-.61V12.45h-2.95v-1.2z\" fill=\"@{text}\"/></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n [alt=\"Ask Ubuntu\"] {\n @svg: escape(\n '<svg width=\"198\" height=\"48\" viewBox=\"0 0 198 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#a)\" fill=\"@{crust}\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.023 26q-.477 0-1.011.07-.534.068-.978.287a2.1 2.1 0 0 0-.738.597q-.296.38-.296 1 0 1.15.727 1.598.726.447 1.978.448.75 0 1.33-.035A5.6 5.6 0 0 0 15 29.84v-3.562q-.227-.116-.738-.196a8 8 0 0 0-1.24-.081\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M38.57 31.542a20 20 0 0 0-1.186-1.743 26 26 0 0 0-1.406-1.707 20 20 0 0 0-1.493-1.499 13 13 0 0 0-1.443-1.146v6.095h-2.274v-18.53l2.274-.39v11.556l1.297-1.292q.71-.707 1.394-1.437.686-.732 1.296-1.403.612-.67 1.052-1.183h2.666q-.563.61-1.223 1.341-.66.732-1.37 1.475-.71.745-1.43 1.488l-1.358 1.401q.733.562 1.554 1.39.818.83 1.613 1.792t1.505 1.951q.708.988 1.199 1.84zm-11.507-.61q-1.309.903-3.73.902-1.687 0-2.641-.28-.956-.28-1.296-.427l.415-1.95q.39.146 1.247.44.857.292 2.275.292 1.395 0 2.067-.367.673-.364.673-1.17 0-.828-.66-1.316t-2.178-1.098q-.734-.291-1.406-.597a5 5 0 0 1-1.162-.719 3.2 3.2 0 0 1-.783-1q-.293-.585-.293-1.438 0-1.683 1.247-2.67 1.248-.988 3.4-.988.537 0 1.076.062.539.06 1.003.146.465.085.819.183.355.098.55.17l-.415 1.95q-.367-.193-1.149-.402-.784-.206-1.884-.206-.953 0-1.663.377-.71.379-.71 1.182 0 .416.159.733.16.317.49.572.33.257.82.475.487.22 1.174.464.903.342 1.614.67.708.33 1.21.768.501.44.77 1.06.27.624.27 1.525 0 1.755-1.31 2.657m-9.942.39q-.293.05-.819.135t-1.187.159q-.66.072-1.43.134-.771.06-1.529.06a8.4 8.4 0 0 1-1.982-.22 4.4 4.4 0 0 1-1.565-.695 3.2 3.2 0 0 1-1.027-1.255q-.367-.78-.368-1.876 0-1.048.429-1.806.428-.755 1.162-1.219a5.4 5.4 0 0 1 1.713-.682 9.4 9.4 0 0 1 2.053-.22q.344 0 .71.037.366.036.697.098a30 30 0 0 1 .917.183v-.635q0-.56-.123-1.108a2.55 2.55 0 0 0-.439-.976 2.24 2.24 0 0 0-.869-.683q-.55-.256-1.43-.256-1.125 0-1.97.158-.843.16-1.259.33l-.27-1.877q.442-.196 1.468-.378a13 13 0 0 1 2.226-.184q1.37.002 2.311.354.941.355 1.517 1 .574.646.82 1.536.243.89.244 1.962zM48 23.923C48 10.711 37.255 0 24 0S0 10.711 0 23.923c0 13.213 10.745 23.924 24 23.924 4.354 0 8.434-1.16 11.955-3.182L48 48l-3.024-12.452A23.76 23.76 0 0 0 48 23.923\"/><g clip-path=\"url(#b)\"><path d=\"M73.978 40.023q-2.994 0-5.098-.911a8.8 8.8 0 0 1-3.406-2.517 10.1 10.1 0 0 1-1.888-3.753 17.5 17.5 0 0 1-.585-4.62V9.302h2.95V27.83a13.9 13.9 0 0 0 .586 4.273 8.25 8.25 0 0 0 1.627 2.973 6.35 6.35 0 0 0 2.516 1.735 9.92 9.92 0 0 0 6.595 0 6.35 6.35 0 0 0 2.517-1.735 8.25 8.25 0 0 0 1.627-2.973c.417-1.385.615-2.827.586-4.273V9.303h2.95v18.918a17.5 17.5 0 0 1-.585 4.621 10.1 10.1 0 0 1-1.888 3.753 8.8 8.8 0 0 1-3.406 2.517q-2.104.91-5.098.911m20.657-21.738q.738-.563 2.365-1.193a10.6 10.6 0 0 1 3.84-.63 10.2 10.2 0 0 1 4.317.869 9 9 0 0 1 3.189 2.43 10.7 10.7 0 0 1 1.974 3.71c.462 1.525.689 3.113.673 4.707a14 14 0 0 1-.803 4.903 10.5 10.5 0 0 1-2.256 3.688 9.7 9.7 0 0 1-3.471 2.321 12.1 12.1 0 0 1-4.49.803q-2.996 0-4.947-.39a25 25 0 0 1-3.211-.825V6.223l2.82-.52zm0 18.44q.95.284 1.93.413a23 23 0 0 0 3.364.195q3.644 0 5.857-2.365 2.213-2.364 2.213-6.79a15.5 15.5 0 0 0-.39-3.536 8.3 8.3 0 0 0-1.259-2.908 6.3 6.3 0 0 0-2.278-1.974q-1.41-.737-3.493-.737a9 9 0 0 0-1.909.195q-.865.182-1.692.499a9.4 9.4 0 0 0-2.343 1.302zm39.098 1.866q-1.259.348-3.385.781c-1.717.316-3.461.46-5.206.434q-2.517 0-4.209-.738a6.83 6.83 0 0 1-2.734-2.082 8.4 8.4 0 0 1-1.496-3.254 18 18 0 0 1-.456-4.21V16.94h2.82v11.672a20 20 0 0 0 .347 4.035q.348 1.65 1.129 2.668a4.4 4.4 0 0 0 2.017 1.476 8.8 8.8 0 0 0 3.016.455c1.16.011 2.32-.061 3.471-.217q1.475-.216 1.866-.39v-19.7h2.82zm6.664-20.87q1.257-.346 3.384-.781a26.6 26.6 0 0 1 5.207-.434q2.56 0 4.274.738a6.57 6.57 0 0 1 2.733 2.104 8.6 8.6 0 0 1 1.454 3.276c.3 1.382.446 2.794.434 4.209v12.54h-2.821v-11.63a21 21 0 0 0-.325-4.035 6.7 6.7 0 0 0-1.085-2.69 4.2 4.2 0 0 0-1.996-1.497q-1.236-.456-3.102-.456a24 24 0 0 0-3.45.217q-1.453.218-1.887.39v19.7h-2.82zm26.61-.781h8.938v2.386h-8.938V31.26a12 12 0 0 0 .325 3.102c.158.68.478 1.314.933 1.844.395.428.909.73 1.475.868a8 8 0 0 0 1.909.216q1.78 0 2.864-.412.874-.316 1.692-.759l.694 2.343q-.608.39-2.126.89c-1.065.34-2.178.508-3.297.498q-2.083 0-3.493-.542a5.05 5.05 0 0 1-2.256-1.649 6.75 6.75 0 0 1-1.193-2.755 19 19 0 0 1-.347-3.905V10.345l2.82-.52zm30.806 21.651q-1.26.348-3.385.781c-1.717.316-3.461.46-5.206.434q-2.517 0-4.209-.738a6.83 6.83 0 0 1-2.734-2.082 8.4 8.4 0 0 1-1.496-3.254 18 18 0 0 1-.456-4.21V16.94h2.82v11.672a20 20 0 0 0 .347 4.035q.346 1.65 1.128 2.668a4.4 4.4 0 0 0 2.018 1.476 8.8 8.8 0 0 0 3.016.455c1.16.011 2.32-.061 3.471-.217q1.475-.216 1.865-.39v-19.7h2.821z\"/></g></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n &:has([alt=\"Ask Ubuntu\"]) {\n background-image: none;\n\n .site-header {\n background: @accent;\n }\n }\n\n [alt=\"Stack Apps\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"204\" height=\"53\"><path d=\"M69.56 35.2c-2.97 0-5.3-.68-7.23-2.54l1.72-1.72a7.2 7.2 0 0 0 5.47 2.04c2.9 0 4.69-1.04 4.69-3.11 0-1.54-.9-2.4-2.93-2.58l-2.9-.25c-3.44-.28-5.26-1.82-5.26-4.72 0-3.22 2.72-5.15 6.47-5.15a9.95 9.95 0 0 1 6.33 1.9l-1.68 1.68a7.5 7.5 0 0 0-4.68-1.4c-2.58 0-3.94 1.11-3.94 2.9 0 1.5.86 2.4 3.08 2.58l2.82.25c3.08.29 5.2 1.47 5.2 4.76 0 3.4-2.9 5.36-7.16 5.36m15.14-.22c-3.01 0-4.52-2.1-4.52-4.72v-10.8h-2.21V17.5h2.21v-5.51h2.58v5.5h3.76v1.98h-3.76V30.2c0 1.61.75 2.58 2.4 2.58h1.36v2.21zm15.84 0V33.3a6.18 6.18 0 0 1-5.08 1.9c-2.43 0-3.86-.47-4.97-1.61a5.07 5.07 0 0 1-1.33-3.58c0-3.08 2.15-5.08 6.09-5.08h5.3v-1.68c0-2.58-1.3-3.86-4.51-3.86-2.26 0-3.4.53-4.44 2l-1.75-1.61c1.57-2.04 3.36-2.62 6.22-2.62 4.73 0 7.05 2.04 7.05 5.87v11.95zm0-8.12H95.6c-2.65 0-3.94 1.08-3.94 3.12s1.26 3 4.05 3a5.14 5.14 0 0 0 3.93-1.18 4.07 4.07 0 0 0 .9-3.04zm12.99 8.34c-4.44 0-7.8-3-7.8-9.02s3.36-9.01 7.8-9.01a6.97 6.97 0 0 1 5.8 2.6l-1.76 1.66a4.83 4.83 0 0 0-4.04-1.97 4.77 4.77 0 0 0-4.08 2 7.55 7.55 0 0 0-1.14 4.72 7.55 7.55 0 0 0 1.14 4.72 4.77 4.77 0 0 0 4.08 2 4.87 4.87 0 0 0 4.04-2l1.76 1.68a6.97 6.97 0 0 1-5.8 2.62m20.36-.22-5.58-9.01-3.44 3.94v5.07h-2.58V9.52h2.58v17.03l7.94-9.16h3.22l-5.97 6.73L137.07 35h-3.18zm12.2-17.81c-2.99 0-4.7.55-6.46 2.47l2.85 2.78a3.84 3.84 0 0 1 3.44-1.48c2.36 0 3.33.86 3.33 2.82v.9h-4.23c-4.15 0-6.1 2.33-6.1 5.18a5.73 5.73 0 0 0 1.47 4.01 6.1 6.1 0 0 0 4.56 1.58 5.44 5.44 0 0 0 4.4-1.71v1.54h4.36V23.5c0-4.19-2.61-6.32-7.62-6.32zm3.16 11.5a2.94 2.94 0 0 1-.66 2.26 3.54 3.54 0 0 1-2.81.86c-1.75 0-2.58-.82-2.58-2.06 0-1.27.9-2.02 2.51-2.02h3.54zm19.96-9.89a6.23 6.23 0 0 0-4.36-1.61 5.44 5.44 0 0 0-4.46 1.88v-1.68h-4.33v24.45h4.46v-8.14a5.29 5.29 0 0 0 4.33 1.79 6.23 6.23 0 0 0 4.36-1.62c1.78-1.78 1.82-4.87 1.82-7.55s-.03-5.73-1.82-7.52m-5.67 12.67c-2.67 0-3.02-2.23-3.02-5.15s.35-5.12 3.02-5.12 3.03 2.2 3.03 5.12-.35 5.15-3.03 5.15m22.65-12.67a6.23 6.23 0 0 0-4.37-1.61 5.44 5.44 0 0 0-4.46 1.88v-1.68h-4.33v24.45h4.47v-8.14a5.29 5.29 0 0 0 4.33 1.79 6.23 6.23 0 0 0 4.36-1.62c1.78-1.78 1.81-4.87 1.81-7.55s-.03-5.73-1.81-7.52m-5.67 12.67c-2.68 0-3.02-2.23-3.02-5.15s.34-5.12 3.02-5.12 3.02 2.2 3.02 5.12-.34 5.15-3.02 5.15m15.55 4.02c-2.81 0-5.36-.31-7.62-2.58l2.92-2.92a6.5 6.5 0 0 0 4.77 1.69c1.54 0 3.16-.52 3.16-1.86 0-.89-.48-1.5-1.89-1.65l-2.82-.27c-3.22-.31-5.22-1.72-5.22-5.01 0-3.71 3.27-5.7 6.9-5.7 2.79 0 5.12.48 6.84 2.1l-2.75 2.77a6.22 6.22 0 0 0-4.15-1.2c-1.79 0-2.54.83-2.54 1.72 0 .65.27 1.4 1.85 1.54l2.82.28c3.53.34 5.32 2.23 5.32 5.25 0 3.95-3.37 5.84-7.59 5.84\" fill=\"@{text}\"/><path d=\"M46.41 20.87a20.6 20.6 0 0 0-1.85-4.47l2.91-6.4-2.23-2.24L43 5.53l-6.42 2.92a20.6 20.6 0 0 0-4.46-1.85L29.66 0h-6.32l-2.47 6.6a20.6 20.6 0 0 0-4.46 1.85L10 5.53 7.76 7.76 5.53 10l2.91 6.42a20.6 20.6 0 0 0-1.85 4.46L0 23.34v6.32l6.57 2.46a20.6 20.6 0 0 0 1.86 4.5l-2.9 6.4 2.24 2.22 2.22 2.23 6.38-2.9a20.5 20.5 0 0 0 4.51 1.87L23.34 53h6.32l2.46-6.56a20.5 20.5 0 0 0 4.5-1.87l6.39 2.9 2.23-2.23L47.47 43l-2.9-6.4a20.6 20.6 0 0 0 1.86-4.5L53 29.67v-6.32zM26.9 36.07a10.05 10.05 0 1 1 10.05-10.05A10.05 10.05 0 0 1 26.9 36.07\" fill=\"@{overlay1}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n [alt=\"Unix & Linux\"] {\n @svg: escape(\n '<svg width=\"241\" height=\"32\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M26.83 20.44c0 2-.25 3.67-.76 5.02a8.4 8.4 0 0 1-2.14 3.3 8.2 8.2 0 0 1-3.35 1.83 16 16 0 0 1-4.37.56 26.6 26.6 0 0 1-4.3-.36A10.25 10.25 0 0 1 8 29.34a7.97 7.97 0 0 1-2.78-3.16 12.1 12.1 0 0 1-1.18-5.56V4.34c0-.62.01-1.12-.18-1.5-.2-.37-.46-.66-.78-.86a3.2 3.2 0 0 0-1.14-.43 8 8 0 0 0-1.36-.1V.98a80 80 0 0 1 3.52.1 34 34 0 0 0 2.32.08 29 29 0 0 0 2.32-.09A98 98 0 0 1 12.48 1v.45c-.47 0-.92.04-1.35.11-.44.08-.81.22-1.14.43-.33.2-.59.5-.78.87q-.3.555-.3 1.5v16.63c0 1.33.16 2.55.45 3.65a6.55 6.55 0 0 0 4.13 4.64c1.09.42 2.43.63 4.04.63 2.74 0 4.66-.76 6.18-2.3 1.51-1.53 2.27-3.74 2.27-6.62V4.34c0-.62-.1-1.12-.29-1.5-.2-.37-.45-.66-.78-.86-.33-.21-.7-.35-1.14-.43a8 8 0 0 0-1.36-.1V.98a36 36 0 0 1 3.12.12 14 14 0 0 0 1.7 0l1.72-.1h1.45v.45c-.48 0-.93.04-1.36.11-.43.08-.81.22-1.14.43-.33.2-.59.5-.78.87q-.3.555-.3 1.5v16.1zm2.35-10V10a33 33 0 0 1 2.97.1 13 13 0 0 0 1.8-.04c.27-.04.75-.06 1.43-.06L47.3 24.95V12.99c0-1.04-.25-1.73-.74-2.06-.5-.32-1.24-.49-2.25-.49V10a25 25 0 0 1 1.96.04c.24 0 .46 0 .67.02a11 11 0 0 0 1.52 0l.64-.02c.23 0 .49 0 .79-.02L51 10v.44c-1.01 0-1.76.17-2.25.5-.5.32-.74 1-.74 2.05v18.16h-.76L32.88 12.9V28c0 1.03.25 1.72.74 2.04.49.33 1.24.5 2.25.5v.44a24 24 0 0 1-1.9-.04l-.64-.02a10 10 0 0 0-1.52 0l-.67.02c-.24 0-.5 0-.8.02l-1.16.02v-.44c1 0 1.76-.17 2.25-.5.5-.32.74-1 .74-2.05V13c0-1.04-.25-1.73-.74-2.06-.49-.32-1.24-.49-2.25-.49zm32.79 20.1V31a56 56 0 0 1-2.96-.07l-.96-.04a21 21 0 0 0-2.1 0l-.96.04a93 93 0 0 1-2.92.07v-.45c1 0 1.76-.16 2.25-.49.5-.33.74-1.01.74-2.05V12.99c0-1.04-.25-1.73-.74-2.06-.5-.32-1.24-.49-2.25-.49V10a53 53 0 0 1 3.88.1 23 23 0 0 0 3.06-.04 88 88 0 0 1 2.96-.06v.44c-1 .03-1.76.2-2.25.52-.5.3-.74.99-.74 2.03v15c0 1.05.25 1.73.74 2.04.5.31 1.24.48 2.25.51m1.36-20.59a49 49 0 0 1 3.86.16 28 28 0 0 0 3.21-.07 50 50 0 0 1 2.84-.09v.5c-.54 0-.99.06-1.34.2q-.54.195-.54.9c0 .28.07.54.2.8.13.24.26.44.38.6a180 180 0 0 0 2.54 3.58l1.3 1.86 3.8-5c.2-.27.39-.55.55-.85s.25-.6.25-.9c0-.29-.08-.52-.23-.68a1.3 1.3 0 0 0-.53-.36 2.5 2.5 0 0 0-.7-.13l-.64-.03v-.49a27 27 0 0 1 2.7.11 9 9 0 0 0 1.5 0l.7-.04.83-.04c.32-.02.72-.03 1.23-.03v.5c-.95.05-1.73.24-2.34.55s-1.23.89-1.86 1.72l-4.86 6.3 5.4 7.62c.69.96 1.44 2.1 2.28 2.8.83.7 1.8 1.05 2.9 1.05v.49a59 59 0 0 1-3.06-.07l-1.05-.04a24 24 0 0 0-2.3 0l-1.1.04a123 123 0 0 1-3.11.07v-.5c.6-.02 1.07-.1 1.45-.22.37-.11.55-.38.55-.8 0-.32-.16-1.03-.49-1.48A304 304 0 0 0 73.5 22l-4.28 5.45q-.27.36-.45.69t-.18.69c0 .54.23 1.21.7 1.39.46.18.88.27 1.27.27v.49a27 27 0 0 1-2.1-.07l-.76-.04a15.4 15.4 0 0 0-2.3.04c-.43.05-1.08.07-1.94.07v-.5c.9 0 1.68-.16 2.37-.5.68-.35 1.41-1.31 2.18-2.27l5.1-6.38-5.54-7.9c-.3-.44-.6-.84-.87-1.2a7 7 0 0 0-.9-.94 3.5 3.5 0 0 0-2.47-.85z\" fill=\"@{blue}\"/><path d=\"M125.56 27.76a5.8 5.8 0 0 1-1.78 2.05 6.46 6.46 0 0 1-4.02 1.3q-2.55 0-4.5-1.2a20 20 0 0 1-3.93-3.27c-.54.6-1.13 1.18-1.76 1.74a12 12 0 0 1-4.44 2.48 9.35 9.35 0 0 1-5.54-.09 6.6 6.6 0 0 1-2.12-1.25 5.14 5.14 0 0 1-1.32-1.83c-.3-.7-.44-1.43-.44-2.2 0-1.17.29-2.24.87-3.24s1.27-1.88 2.07-2.66c.8-.77 1.62-1.42 2.46-1.94.83-.52 1.5-.91 2-1.18-.08-.15-.3-.5-.66-1.03s-.72-1.2-1.1-2c-.37-.81-.7-1.7-1-2.66a10.14 10.14 0 0 1 .13-6.34A6.83 6.83 0 0 1 106.82 0c1.82 0 3.31.54 4.49 1.63a5.64 5.64 0 0 1 1.76 4.35c0 .92-.17 1.79-.51 2.59a9.5 9.5 0 0 1-1.39 2.28c-.58.7-1.24 1.37-1.98 1.98-.75.61-1.54 1.18-2.37 1.72a61 61 0 0 0 6.78 8.24 29 29 0 0 0 2.06-3.51c.6-1.21 1.2-2.32 1.8-3.32.62-1 1.28-1.82 2-2.46a3.74 3.74 0 0 1 2.58-.96c.74 0 1.38.23 1.92.7.53.45.8 1.07.8 1.84 0 .54-.16.97-.49 1.3s-.74.49-1.25.49c-.5 0-.9-.13-1.18-.38a3.8 3.8 0 0 1-.7-.8 5.3 5.3 0 0 1-.42-.8q-.15-.39-.33-.39c-.33 0-.63.08-.9.23-.26.15-.53.4-.8.74s-.56.78-.89 1.32a130 130 0 0 0-2.23 4.05c-.42.79-.9 1.63-1.43 2.52.45.5.99 1.08 1.63 1.73.64.66 1.32 1.29 2.03 1.89s1.44 1.1 2.19 1.53c.74.42 1.45.63 2.14.63.83 0 1.48-.15 1.94-.46s.85-.7 1.18-1.19zM106.42 14a8 8 0 0 0 2.14-2.15c.5-.79.88-1.55 1.12-2.27.23-.73.38-1.38.42-1.96.05-.58.07-.98.07-1.22 0-1.87-.35-3.3-1.05-4.27a3.23 3.23 0 0 0-4.1-1.16c-.47.2-.88.51-1.23.91-.36.4-.65.9-.87 1.47a5.3 5.3 0 0 0-.34 1.94c0 .83.16 1.7.5 2.6a22.4 22.4 0 0 0 3.34 6.11m4.42 12.15a56 56 0 0 1-4.49-5.18c-1.23-1.64-2.2-2.95-2.88-3.93-.32.2-.71.48-1.16.8a6.7 6.7 0 0 0-2.3 3.07 6.75 6.75 0 0 0 1 6.52q.69.81 1.62 1.32c.62.35 1.3.52 2.05.52.62 0 1.24-.1 1.85-.3s1.18-.43 1.72-.72a8.4 8.4 0 0 0 2.59-2.1\" fill=\"@{lavender}\"/><path d=\"M145.66 30.95a87 87 0 0 0-5.27-.09 153 153 0 0 1-4.73.11v-.44c.47 0 .73-.04 1.17-.12.43-.07.8-.21 1.13-.42.33-.2.6-.5.78-.87q.3-.555.3-1.5V4.33c0-.62-.1-1.12-.3-1.49q-.285-.555-.78-.87c-.32-.2-.7-.35-1.13-.42a8 8 0 0 0-1.37-.12V.98c.9 0 1.8 0 2.34.02s1 .04 1.38.07a34 34 0 0 0 2.33.09 29 29 0 0 0 2.32-.1L145.2 1c.54-.02 1.43-.02 2.32-.02v.44c-.48 0-.93.04-1.36.11-.43.08-.81.22-1.14.43-.33.2-.59.5-.78.87-.2.37-.29.87-.29 1.49v22.02c0 .92.16 1.64.5 2.16.32.52.78.91 1.37 1.18.6.27 1.3.43 2.1.49s1.5.09 2.46.09c1.07 0 2.04-.08 2.92-.25a6.2 6.2 0 0 0 2.3-.88 4.9 4.9 0 0 0 1.6-1.77 8 8 0 0 0 .85-2.86h.45l-.45 6.47a267 267 0 0 1-6.96.1c-2.05 0-3.87-.05-5.44-.12zm24.26-.42v.45a56 56 0 0 1-2.97-.07l-.96-.04a21 21 0 0 0-2.1 0l-.95.04a93 93 0 0 1-2.93.07v-.45c1.01 0 1.77-.16 2.26-.5.49-.32.73-1 .73-2.04v-15c0-1.04-.24-1.73-.73-2.06-.5-.32-1.25-.49-2.26-.49V10a53 53 0 0 1 3.88.1 23 23 0 0 0 3.06-.04 88 88 0 0 1 2.97-.06v.44c-1.01.03-1.76.2-2.25.52-.5.3-.74.99-.74 2.03v15c0 1.04.25 1.72.74 2.03.49.3 1.24.48 2.25.51m1.15-20.09V10a33 33 0 0 1 2.97.1 13 13 0 0 0 1.81-.04c.27-.04.74-.06 1.43-.06l11.91 14.95V12.99c0-1.04-.24-1.73-.73-2.06-.5-.32-1.24-.49-2.26-.49V10a25 25 0 0 1 1.97.04c.24 0 .46 0 .67.02a11 11 0 0 0 1.51 0l.65-.02c.22 0 .48 0 .78-.02l1.12-.02v.44c-1.01 0-1.76.17-2.26.5-.49.32-.73 1-.73 2.05v18.16h-.76L174.78 12.9v15.08c0 1.04.24 1.73.74 2.05.49.33 1.24.5 2.25.5v.44a24 24 0 0 1-1.9-.04c-.22 0-.44-.01-.64-.03a10 10 0 0 0-1.52 0c-.21.02-.43.03-.67.03s-.5 0-.8.02l-1.17.02v-.45c1.02 0 1.77-.16 2.26-.49.49-.32.74-1 .74-2.05v-15c0-1.03-.25-1.72-.74-2.05-.5-.32-1.24-.49-2.26-.49M213 22.9c0 1.06-.14 2.1-.39 3.1-.25.99-.68 1.87-1.27 2.63a6.3 6.3 0 0 1-2.32 1.8 8.4 8.4 0 0 1-3.57.67c-1.37 0-2.25-.13-3.34-.4a7.2 7.2 0 0 1-2.76-1.3 5.66 5.66 0 0 1-1.75-2.36q-.6-1.47-.6-3.57V13c0-1.04-.24-1.73-.73-2.06-.5-.32-1.25-.49-2.26-.49V10a53 53 0 0 1 3.89.1 23 23 0 0 0 3.05-.04 87 87 0 0 1 2.97-.06v.44q-1.515.045-2.25.51c-.5.31-.74.99-.74 2.02v10.49c0 .8.08 1.59.25 2.37.16.79.45 1.5.87 2.11.41.63.98 1.14 1.7 1.54.7.4 1.28.6 2.41.6 1.82 0 3.06-.58 4.19-1.74 1.13-1.15 1.7-3 1.7-5.55v-9.82c0-1.03-.25-1.71-.74-2.04a4.14 4.14 0 0 0-2.26-.49V10c.48 0 .87 0 1.16.02l.8.02a20 20 0 0 0 3.07 0c.23 0 .49 0 .79-.02l1.11-.02v.44c-1.01 0-1.76.17-2.25.5-.5.32-.74 1-.74 2.05v9.9zm4.37-12.95a48 48 0 0 1 3.86.16 28 28 0 0 0 3.22-.07 50 50 0 0 1 2.83-.09v.5c-.53 0-.98.06-1.34.2-.35.13-.53.43-.53.9 0 .28.06.54.2.8.13.24.26.44.38.6a198 198 0 0 0 2.54 3.58l1.3 1.86 3.79-5c.2-.27.4-.55.56-.85q.24-.45.24-.9c0-.29-.07-.52-.22-.68a1.3 1.3 0 0 0-.54-.36c-.2-.07-.44-.12-.69-.13l-.65-.03v-.49a27 27 0 0 1 2.7.11 9 9 0 0 0 1.5 0l.71-.04.83-.04q.465-.03 1.23-.03v.5c-.96.05-1.74.24-2.35.55-.6.31-1.23.89-1.85 1.72l-4.86 6.3 5.4 7.9c.68.96 1.44 1.78 2.27 2.48s1.8 1.05 2.9 1.05v.49a59 59 0 0 1-3.05-.07l-1.05-.04a24 24 0 0 0-2.3 0l-1.1.04a125 125 0 0 1-3.12.07v-.5c.6-.02 1.08-.1 1.45-.21.37-.12.56-.4.56-.8 0-.33-.16-.72-.5-1.17-.62-.92-1.2-2.05-1.73-2.82l-1.4-1.99c-.47-.64-.8-1.12-1.01-1.45l-4.29 5.73c-.17.24-.32.47-.44.69q-.18.33-.18.69c0 .53.23.9.7 1.07.45.18.88.27 1.26.27v.49a27 27 0 0 1-2.1-.07l-.75-.04c-.24-.02-.5-.02-.76-.02-.6 0-1.11.02-1.54.06-.43.05-1.08.07-1.94.07v-.5c.89 0 1.68-.16 2.36-.5a7.15 7.15 0 0 0 2.19-1.95l5.09-6.66-5.54-7.9q-.45-.66-.87-1.2a7 7 0 0 0-.89-.94 3.5 3.5 0 0 0-2.48-.85z\" fill=\"@{blue}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n &:has([alt=\"Unix & Linux\"]) {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 21 21\"><path fill=\"@{surface0}\" d=\"M3 3h1v1H3zm0 7h1v1H3zm0 7h1v1H3zm7-14h1v1h-1zm0 7h1v1h-1zm0 7h1v1h-1zm7-14h1v1h-1zm0 7h1v1h-1zm0 7h1v1h-1z\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n [alt=\"Cryptography\"] {\n @svg: escape(\n '<svg width=\"302\" height=\"48\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\"><path fill=\"@{text}\" d=\"M0 0v48h48V33h-9v6H9V9h30v6h9V0z\"/><path fill=\"@{blue}\" d=\"M15 15v18h18v-5h15v-8H33v-5z\"/><path d=\"M75.87 31.6c-4.1 0-7.4-3-7.4-7.8 0-4.5 2.8-7.8 7.4-7.8 2 0 4 .9 5.3 2.2l2.6-2.6a11 11 0 0 0-7.9-3.3c-6.6 0-11.2 4.7-11.2 11.5 0 7 5 11.5 11.2 11.5 3 0 5.9-1.2 7.9-3.2l-2.6-2.7a7.5 7.5 0 0 1-5.3 2.2m15.95-15.3h3s3.8 0 3.8 2.8c0 2.2-2.3 2.7-3.3 2.8zm5.5 9c2.1-.6 4.9-2.2 4.9-6.2 0-6.5-7.5-6.5-7.5-6.5h-6.74v3.7l2.84 5.6h-2.84V35h3.04v-9.3h2.1l5.9 9.3h4.3zm24.07-12.7-6.32 8-5.7-8h-4.6L114 24.4V35h3.08V24.4l8.29-11.8zm14.48 9.3-3.5-5.6h3s3.8 0 3.8 2.8c0 2.2-2.3 2.7-3.3 2.8m-7.85-9.3v3.7l3.35 5.6h-3.35V35H131v-9.3h4.27s7.5 0 7.5-6.6-7.5-6.5-7.5-6.5zm30.09 0h-13.17V16h5.07v19h3V16h5v-3.4zm10.46 12.6a4.6 4.6 0 0 1-4.6-4.6c0-2.6 2-4.6 4.6-4.6v-.1c2.5 0 4.6 2.1 4.6 4.7s-2 4.6-4.6 4.6m0-12.9a8.3 8.3 0 0 0-8.4 8.2v.1a8.3 8.3 0 0 0 8.3 8.3h.1a8.3 8.3 0 1 0 0-16.6m7.3 19h-15V35h14.8v-3.7zm17.8-9v3.5h3.8v3.3a7.4 7.4 0 0 1-5.6 2.5c-4.1 0-7.5-2.3-7.5-7.8 0-4.9 3.4-7.8 7.5-7.8 2 0 4 .9 5.3 2.2l2.6-2.6a11 11 0 0 0-7.9-3.3c-6.2 0-11.2 4.8-11.2 11.5 0 7.3 4.7 11.5 10.7 11.5 2.7 0 4.6-.6 6.4-2.3l.2 2.1h3.2V22.3zm16.8-6h3s3.7 0 3.7 2.8c0 2.2-2.2 2.7-3.2 2.8zm5.6 9c2.1-.6 4.9-2.2 4.9-6.2 0-6.5-7.5-6.5-7.5-6.5h-7.6v3.7l3.6 5.6h-3.6V35h3.8v-9.3h2.1l5.8 9.3h4.5zm13.2 3.9 2.65-7.66-.05-.14h.1l-.05.14 2.75 7.66zm2.6-17.2-8.8 23h4l1-2.6h7.8l1 2.6h4zm19.5 9.9-3.5-5.6h3s3.8 0 3.8 2.8c0 2.2-2.3 2.7-3.3 2.8m-7.25-9.3v3.7l2.75 5.7h-2.85v13h3.02v-9.3h3.73s7.5 0 7.5-6.6-7.5-6.5-7.5-6.5zm30.88 0v9.3h-8.99v-9.3h-4V35h4v-9.3h9V35h3.96V12.6h-4.06zm22.57 0-5.7 8-5.8-8h-4.5l8.4 11.8V35h3.7V24.4l8.4-11.8z\" fill=\"@{text}\"/></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n &:has([alt=\"Cryptography\"]) {\n @svg: escape(\n '<svg width=\"540\" height=\"540\" viewBox=\"0 0 540 540\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\"><path fill=\"@{base}\" d=\"M0 0h540v540H0z\"/><g fill=\"@{surface0}\"><path d=\"M529 525v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M528 526h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M475 525v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M259 525v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M258 526h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M205 525v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M204 526h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M97 525v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M16 525v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M15 526h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M448 498v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M447 499h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M420 499h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M394 498v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M393 499h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M340 498v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M232 498v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M231 499h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M151 498v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M124 498v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M123 499h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M96 499h2v1h-2v1h-3v-3h3zm-26-1v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M43 498v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M42 499h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M502 471v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M501 472h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M475 471v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M474 472h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M448 471v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M421 471v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M420 472h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M393 472h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M367 471v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M366 472h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M339 472h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M259 471v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M258 472h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M232 471v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M178 471v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M177 472h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M151 471v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M150 472h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M43 471v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm492-25v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M502 444v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M501 445h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M474 445h2v1h-2v1h-3v-3h3zm-54 0h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M367 444v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M366 445h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M340 444v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M339 445h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M259 444v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M258 445h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M204 445h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M178 444v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M177 445h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M42 445h2v1h-2v1h-3v-3h3zm487-28v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M448 417v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M447 418h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M421 417v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-75 2v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-76 3h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M232 417v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M231 418h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M204 418h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M124 417v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M123 418h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M16 417v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M15 418h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M529 390v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-48 2v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M448 390v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M447 391h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M366 391h2v1h-2v1h-3v-3h3zm-54 0h2v1h-2v1h-3v-3h3zm-53-1v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M205 390v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M204 391h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M151 390v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-49 3h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M70 390v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M69 391h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M16 390v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M529 363v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M528 364h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M447 364h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M394 363v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M393 364h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M313 363v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-49 3h2v1h-2v1h-3v-3h3zm-108 0h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M97 363v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M96 364h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M70 363v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M502 336v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M501 337h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M475 336v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M474 337h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M421 336v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-21 2v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M367 336v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M366 337h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M340 336v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M339 337h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M312 337h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M286 336v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M285 337h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M258 337h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M205 336v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M204 337h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M178 336v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M177 337h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M150 337h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M124 336v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M123 337h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M43 336v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M42 337h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M528 310h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M502 309v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M501 310h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M448 309v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M447 310h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M421 309v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M420 310h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M367 309v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-22 3h2v1h-2v1h-3v-3h3zm-27 0h2v1h-2v1h-3v-3h3zm-26-1v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M259 309v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M258 310h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M232 309v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M231 310h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M178 309v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-21 2v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-22 3h2v1h-2v1h-3v-3h3zm-27 0h2v1h-2v1h-3v-3h3zm-27 0h2v1h-2v1h-3v-3h3zm-27 0h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M16 309v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M15 310h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M529 282v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-49 3h2v1h-2v1h-3v-3h3zm-53-1v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-22 3h2v1h-2v1h-3v-3h3zm-81 0h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M286 282v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M285 283h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M259 282v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M205 282v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M204 283h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M178 282v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M70 282v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M69 283h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M502 255v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-75 2v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M394 255v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M393 256h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M340 255v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M339 256h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M313 255v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M312 256h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M258 256h2v1h-2v1h-3v-3h3zm-26-1v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M178 255v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M177 256h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M97 255v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M70 255v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M69 256h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M15 256h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M529 228v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M528 229h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M448 228v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-48 2v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-21 2v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-22 3h2v1h-2v1h-3v-3h3zm-107-1v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-48 2v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-22 3h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M70 228v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M69 229h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M43 228v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M42 229h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M16 228v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M502 201v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M501 202h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M367 201v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M366 202h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M339 202h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M286 201v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M285 202h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M259 201v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M232 201v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M231 202h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M123 202h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M70 201v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M69 202h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M43 201v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-21 2v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm491-24h2v1h-2v1h-3v-3h3zm-26-1v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M448 174v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M447 175h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M421 174v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M394 174v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M393 175h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M313 174v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M312 175h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M178 174v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-76 3h2v1h-2v1h-3v-3h3zm-27 0h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M16 174v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M15 175h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M420 148h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M367 147v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M366 148h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M285 148h2v1h-2v1h-3v-3h3zm-53-1v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-21 2v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-75 2v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M16 147v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M15 148h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M501 121h2v1h-2v1h-3v-3h3zm-81 0h2v1h-2v1h-3v-3h3zm-53-1v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M313 120v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M312 121h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M286 120v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M259 120v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M258 121h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M232 120v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M231 121h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M204 121h2v1h-2v1h-3v-3h3zm-27 0h2v1h-2v1h-3v-3h3zm-26-1v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M124 120v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M123 121h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M43 120v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-22 3h2v1h-2v1h-3v-3h3zm513-27h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M502 93v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M501 94h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M475 93v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-21 2v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-49 3h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M340 93v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M339 94h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M313 93v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M312 94h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M259 93v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M205 93v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M204 94h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M177 94h2v1h-2v1h-3v-3h3zm-26-1v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-21 2v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M97 93v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M96 94h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M43 93v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M42 94h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M529 66v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M502 66v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M501 67h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M340 66v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M339 67h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M286 66v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M285 67h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M258 67h2v1h-2v1h-3v-3h3zm-26-1v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-21 2v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-48 2v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M97 66v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M96 67h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M42 67h2v1h-2v1h-3v-3h3zm487-28v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M475 39v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M474 40h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M448 39v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M447 40h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M394 39v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M393 40h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M367 39v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M366 40h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M286 39v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-49 3h2v1h-2v1h-3v-3h3z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M178 39v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M177 40h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M151 39v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M150 40h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M421 12v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-22 3h2v1h-2v1h-3v-3h3zm-26-1v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M340 12v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M339 13h2v1h-2v1h-3v-3h3z\"/></g><g fill=\"@{surface0}\"><path d=\"M313 12v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M312 13h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M205 12v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/><g fill=\"@{surface0}\"><path d=\"M151 12v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\"/><path d=\"M150 13h2v1h-2v1h-3v-3h3z\"/></g><path d=\"M96 13h2v1h-2v1h-3v-3h3zm-26-1v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7zm-48 2v-1h-5v5h5v-1h1v-3zm-6-2h7v7h-7z\" fill=\"@{surface0}\"/></g></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n\n .site-header {\n background-image: none;\n }\n }\n }\n}\n",
|
|
"originalDigest": "6354350da29e8acb8aa03328ef5313d193e9cb39",
|
|
"_id": "d8ac96c5-c28b-438c-97fe-9fc7c50219ef",
|
|
"_rev": 1780236870857,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 78
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Graphite Catppuccin",
|
|
"description": "Soothing pastel theme for Graphite",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/graphite/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Graphite Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/graphite",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/graphite",
|
|
"version": "2025.11.07",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/graphite/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agraphite",
|
|
"description": "Soothing pastel theme for Graphite",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Graphite Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/graphite\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/graphite\n@version 2025.11.07\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/graphite/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agraphite\n@description Soothing pastel theme for Graphite\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"app.graphite.com\") {\n :root[data-theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n :root[data-theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n\n #createset(@color, @type) {\n --color-@{type}-default: @color;\n --color-@{type}-lowest-contrast: darken(@color, 60%);\n --color-@{type}-low-contrast: @color;\n --color-@{type}-high-contrast: @color;\n --color-@{type}-highest-contrast: lighten(@color, 10%);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n --color-bg-light: @base;\n --color-bg-med: @mantle;\n --color-bg-dark: @crust;\n\n --text-color-light: @crust; // this means on a light background\n --text-color-default: @text;\n --text-color-low-contrast: @text;\n --text-color-high-contrast: @text;\n --text-color-disabled: @subtext0;\n\n --btn-color-neutral-selected: @surface0;\n --btn-color-neutral-default: @surface0;\n --btn-color-neutral-hover: @surface0;\n\n --icon-color-default: @text;\n\n --border-color-default: @surface1;\n\n --color-gray-60: @surface0;\n\n #createset(@accent, emphasis);\n #createset(@green, positive);\n #createset(@peach, caution);\n #createset(@red, negative);\n #createset(@mauve, action);\n }\n}\n",
|
|
"originalDigest": "c4588f9dd7c9d7ad07d94b71d07eaef4162a9cdc",
|
|
"_id": "9923bc9b-fef3-4170-850d-1e257a7f36ab",
|
|
"_rev": 1780236870930,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 79
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Lemmy Catppuccin",
|
|
"description": "Soothing pastel theme for Lemmy",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/lemmy/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Lemmy Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/lemmy",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/lemmy",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/lemmy/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Alemmy",
|
|
"description": "Soothing pastel theme for Lemmy",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Lemmy Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/lemmy\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/lemmy\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/lemmy/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Alemmy\n@description Soothing pastel theme for Lemmy\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"lemmy.ml\"), domain(\"lemmy.world\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n [data-bs-theme=\"dark\"] {\n --bs-body-color: @text;\n --bs-body-bg: @base;\n --bs-emphasis-color: @subtext1;\n --bs-secondary-color: @subtext0;\n --bs-secondary-bg: @mantle;\n --bs-tertiary-color: @crust;\n --bs-tertiary-bg: @crust;\n --bs-primary-text-emphasis: @overlay0;\n --bs-secondary-text-emphasis: @overlay1;\n --bs-success-text-emphasis: @green;\n --bs-info-text-emphasis: @sky;\n --bs-warning-text-emphasis: @yellow;\n --bs-danger-text-emphasis: @red;\n --bs-light-text-emphasis: @overlay2;\n --bs-dark-text-emphasis: @overlay2;\n --bs-primary-bg-subtle: @base;\n --bs-secondary-bg-subtle: @mantle;\n --bs-success-bg-subtle: @green;\n --bs-info-bg-subtle: @accent;\n --bs-warning-bg-subtle: @yellow;\n --bs-danger-bg-subtle: @red;\n --bs-light-bg-subtle: @base;\n --bs-dark-bg-subtle: @base;\n --bs-primary-border-subtle: @accent;\n --bs-secondary-border-subtle: @accent;\n --bs-success-border-subtle: @green;\n --bs-info-border-subtle: @accent;\n --bs-warning-border-subtle: @yellow;\n --bs-danger-border-subtle: @red;\n --bs-light-border-subtle: @crust;\n --bs-dark-border-subtle: @crust;\n --bs-heading-color: @text;\n --bs-card-border-color: @crust;\n --bs-link-color: @blue;\n --bs-link-hover-color: @maroon;\n --bs-code-color: @lavender;\n --bs-highlight-color: @accent;\n --bs-highlight-bg: @mantle;\n --bs-border-color: @crust;\n --bs-form-valid-color: @green;\n --bs-form-valid-border-color: @green;\n --bs-form-invalid-color: @red;\n --bs-form-invalid-border-color: @red;\n --bs-dark-rgb: @accent;\n --bs-btn-bg: @base;\n }\n\n body {\n color: @text;\n background-color: @base;\n }\n\n .nav-link {\n color: @accent;\n }\n .card {\n --bs-card-cap-bg: @mantle;\n --bs-card-title-color: @text;\n --bs-card-subtitle-color: @subtext1;\n --bs-card-color: @text;\n --bs-card-cap-color: @mantle;\n --bs-card-bg: @crust;\n }\n\n .form-control {\n color: @text;\n background-color: @crust;\n border-color: @crust;\n }\n\n .btn-secondary {\n --bs-btn-color: @text;\n --bs-btn-bg: @base;\n --bs-btn-border-color: @overlay1;\n --bs-btn-hover-color: @accent;\n --bs-btn-hover-bg: @crust;\n --bs-btn-hover-border-color: @overlay2;\n --bs-btn-active-color: @text;\n --bs-btn-active-bg: @accent;\n --bs-btn-active-border-color: @crust;\n --bs-btn-active-shadow: inset 0 3px 5px @crust;\n --bs-btn-disabled-color: @red;\n --bs-btn-disabled-bg: @crust;\n --bs-btn-disabled-border-color: @mantle;\n }\n\n .table > :not(caption) > * > * {\n color: @text;\n background-color: @mantle;\n }\n\n .dropdown-menu-dark {\n --bs-dropdown-color: @text;\n --bs-dropdown-bg: @crust;\n --bs-dropdown-border-color: @mantle;\n --bs-dropdown-box-shadow: @mantle;\n --bs-dropdown-link-color: @blue;\n --bs-dropdown-link-hover-color: @accent;\n --bs-dropdown-divider-bg: @overlay0;\n --bs-dropdown-link-hover-bg: @crust;\n --bs-dropdown-link-active-color: @accent;\n --bs-dropdown-link-active-bg: @mantle;\n --bs-dropdown-link-disabled-color: @red;\n --bs-dropdown-header-color: @text;\n }\n\n .form-select {\n color: @text;\n background-color: @mantle;\n border-color: @crust;\n }\n\n .btn-outline-secondary {\n --bs-btn-color: @text;\n --bs-btn-border-color: @mantle;\n --bs-btn-hover-color: @accent;\n --bs-btn-hover-bg: @crust;\n --bs-btn-hover-border-color: @overlay0;\n --bs-btn-active-color: @accent;\n --bs-btn-active-bg: @crust;\n --bs-btn-active-border-color: @crust;\n --bs-btn-active-shadow: inset 0 3px 5px @crust;\n --bs-btn-disabled-color: @red;\n --bs-btn-disabled-border-color: @mantle;\n }\n\n .nav-tabs .nav-link.active,\n .nav-tabs .nav-item.show .nav-link {\n color: @accent;\n background-color: @crust;\n border-color: @mantle;\n }\n\n .dropdown-item {\n color: @text;\n background-color: @crust;\n }\n\n .dropdown-menu {\n --bs-dropdown-color: @text;\n --bs-dropdown-bg: @crust;\n --bs-dropdown-border-color: @mantle;\n --bs-dropdown-box-shadow: @mantle;\n --bs-dropdown-link-color: @blue;\n --bs-dropdown-link-hover-color: @accent;\n --bs-dropdown-divider-bg: @overlay0;\n --bs-dropdown-link-hover-bg: @crust;\n --bs-dropdown-link-active-color: @accent;\n --bs-dropdown-link-active-bg: @mantle;\n --bs-dropdown-link-disabled-color: @red;\n --bs-dropdown-header-color: @text;\n }\n\n a {\n color: @accent;\n }\n\n .text-bg-primary {\n color: @text;\n }\n\n .text-muted {\n color: @accent;\n }\n .text-bg-light {\n color: @text !important;\n background-color: rgba(#lib.rgbify(@mantle)[], 1) !important;\n }\n .alert-info,\n .alert-warning {\n background-color: @mantle !important;\n border-color: @mantle !important;\n color: @text !important;\n }\n }\n}\n",
|
|
"originalDigest": "82b794573f93623a88c6bac23fe6b6721fd18e1a",
|
|
"_id": "9d866eee-f7f0-4e34-a61c-4a0bc988a879",
|
|
"_rev": 1780236870961,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 80
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Wikiwand Catppuccin",
|
|
"description": "Soothing pastel theme for Wikiwand",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/wikiwand/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Wikiwand Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/wikiwand",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/wikiwand",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/wikiwand/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Awikiwand",
|
|
"description": "Soothing pastel theme for Wikiwand",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Wikiwand Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/wikiwand\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/wikiwand\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/wikiwand/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Awikiwand\n@description Soothing pastel theme for Wikiwand\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"wikiwand.com\") {\n @import url(\"https://python.catppuccin.com/pygments/catppuccin-variables.important.css\");\n\n .theme-system {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n .theme-light,\n .theme-desert,\n .theme-calmness {\n #catppuccin(@lightFlavor);\n }\n .theme-dark,\n .theme-black,\n .theme-deepOcean,\n .theme-nature {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n #lib.css-variables();\n\n --color-bg: @base !important;\n --color-text: @text !important;\n --color-grey: @subtext1 !important;\n --color-accent: @accent !important;\n --color-highlight: @surface2 !important;\n --color-ash: @surface2 !important;\n --color-border: @surface2 !important;\n --color-blue-bg: @surface1 !important;\n --color-blue-text: @blue !important;\n --color-purple-bg: @surface1 !important;\n --color-purple-text: @mauve !important;\n --color-green-bg: @surface1 !important;\n --color-green-text: @green !important;\n --color-orange-bg: @surface1 !important;\n --color-orange-text: @peach !important;\n --color-table: @surface0 !important;\n --color-link: @accent !important;\n --color-score-A: @green !important;\n --color-score-B: @mauve !important;\n --color-score-C: @peach !important;\n --color-score-F: @red !important;\n --color-score-NA: var(--color-grey) !important;\n --grad: linear-gradient(-45deg, @peach, @blue, @pink, @yellow) !important;\n --box-shadow: 0px 1px 4px 1px @crust !important;\n --box-shadow-dark:\n 0px 0px 1px 1px @crust, 0px 1px 5px 2px @crust !important;\n --box-shadow-strong: 0px 1px 5px 2px @crust !important;\n --backdrop-bg: @base !important;\n --backdrop-bg-ash: fade(@surface1, 50%) !important;\n\n .mw-no-invert * {\n color: @crust !important;\n }\n\n .notheme * {\n --color-text: auto;\n --color-link: auto;\n }\n }\n}\n",
|
|
"originalDigest": "8d56149a6997381ca1117af77343042fb84205ef",
|
|
"_id": "45e4d8b2-5236-4294-98a1-a1dd02c69eeb",
|
|
"_rev": 1780236870986,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 81
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "freedesktop.org Catppuccin",
|
|
"description": "Soothing pastel theme for freedesktop.org",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/freedesktop/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "freedesktop.org Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/freedesktop",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/freedesktop",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/freedesktop/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Afreedesktop",
|
|
"description": "Soothing pastel theme for freedesktop.org",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name freedesktop.org Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/freedesktop\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/freedesktop\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/freedesktop/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Afreedesktop\n@description Soothing pastel theme for freedesktop.org\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"www.freedesktop.org\"),\n domain(\"specifications.freedesktop.org\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n body {\n background-color: @base;\n color: @text;\n }\n\n #content h1,\n #content h2,\n #content h3,\n #content h4,\n #content h5,\n #content h6 {\n color: @accent;\n }\n\n .pageheader {\n background-color: @mantle;\n border-color: @crust;\n color: @subtext1;\n }\n\n .pageheader .actions ul li a,\n input[type=\"submit\"] {\n background-color: transparent;\n color: @accent;\n border-color: @accent;\n }\n\n input#searchbox {\n color: @subtext1;\n background-color: @overlay0;\n border-color: @overlay1;\n box-shadow: none;\n &:focus {\n border-color: @accent;\n outline-color: none;\n outline-style: none;\n }\n }\n\n .headerpath .title {\n color: @subtext1;\n }\n\n a:link {\n color: @blue;\n }\n\n a:visited {\n color: @lavender;\n }\n code {\n background-color: @crust;\n color: @text;\n }\n\n pre {\n background-color: @mantle;\n border-color: @surface0;\n\n code {\n background-color: @mantle;\n color: @text;\n }\n }\n\n hr {\n border-style: solid;\n border-color: @surface1;\n }\n\n .topnav, tr:nth-child(2n+1) {\n border-color: @surface0;\n background-color: @mantle;\n }\n }\n}\n",
|
|
"originalDigest": "71ba2d7bc45ac4ca5d09aeae32518276ef1b3fcb",
|
|
"_id": "2ac679ce-a98a-488e-84b5-d99a103ec37d",
|
|
"_rev": 1780236871028,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 82
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Holodex Catppuccin",
|
|
"description": "Soothing pastel theme for Holodex",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/holodex/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Holodex Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/holodex",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/holodex",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/holodex/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aholodex",
|
|
"description": "Soothing pastel theme for Holodex",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Holodex Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/holodex\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/holodex\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/holodex/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aholodex\n@description Soothing pastel theme for Holodex\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"holodex.net\") {\n :root:has(.theme--dark) {\n #catppuccin(@darkFlavor);\n }\n\n :root:has(.theme--light) {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n --v-anchor-base: @accent;\n --v-primary-base: @accent;\n --v-primary-lighten1: lighten(@accent, 4%);\n --v-primary-lighten2: lighten(@accent, 8%);\n --v-primary-lighten3: lighten(@accent, 9%);\n --v-primary-lighten4: lighten(@accent, 18%);\n --v-primary-lighten5: lighten(@accent, 19%);\n --v-primary-darken1: darken(@accent, 14%);\n --v-primary-darken2: darken(@accent, 31%);\n --v-primary-darken3: darken(@accent, 35%);\n --v-primary-darken4: darken(@accent, 43%);\n\n --v-accent-base: @accent;\n --v-accent-lighten1: lighten(@accent, 4%);\n --v-accent-lighten2: lighten(@accent, 8%);\n --v-accent-lighten3: lighten(@accent, 9%);\n --v-accent-lighten4: lighten(@accent, 18%);\n --v-accent-lighten5: lighten(@accent, 19%);\n --v-accent-darken1: darken(@accent, 14%);\n --v-accent-darken2: darken(@accent, 31%);\n --v-accent-darken3: darken(@accent, 35%);\n --v-accent-darken4: darken(@accent, 43%);\n\n --v-secondary-base: @accent;\n --v-secondary-lighten1: lighten(@accent, 4%);\n --v-secondary-lighten2: lighten(@accent, 8%);\n --v-secondary-lighten3: lighten(@accent, 9%);\n --v-secondary-lighten4: lighten(@accent, 18%);\n --v-secondary-lighten5: lighten(@accent, 19%);\n --v-secondary-darken1: darken(@accent, 14%);\n --v-secondary-darken2: darken(@accent, 31%);\n --v-secondary-darken3: darken(@accent, 35%);\n --v-secondary-darken4: darken(@accent, 43%);\n\n --v-error-base: @red;\n --v-error-lighten1: lighten(@red, 4%);\n --v-error-lighten2: lighten(@red, 8%);\n --v-error-lighten3: lighten(@red, 9%);\n --v-error-lighten4: lighten(@red, 18%);\n --v-error-lighten5: lighten(@red, 19%);\n --v-error-darken1: darken(@red, 14%);\n --v-error-darken2: darken(@red, 31%);\n --v-error-darken3: darken(@red, 35%);\n --v-error-darken4: darken(@red, 43%);\n\n --v-info-base: @blue;\n --v-info-lighten1: lighten(@blue, 4%);\n --v-info-lighten2: lighten(@blue, 8%);\n --v-info-lighten3: lighten(@blue, 9%);\n --v-info-lighten4: lighten(@blue, 18%);\n --v-info-lighten5: lighten(@blue, 19%);\n --v-info-darken1: darken(@blue, 14%);\n --v-info-darken2: darken(@blue, 31%);\n --v-info-darken3: darken(@blue, 35%);\n --v-info-darken4: darken(@blue, 43%);\n\n --v-success-base: @green;\n --v-success-lighten1: lighten(@green, 4%);\n --v-success-lighten2: lighten(@green, 8%);\n --v-success-lighten3: lighten(@green, 9%);\n --v-success-lighten4: lighten(@green, 18%);\n --v-success-lighten5: lighten(@green, 19%);\n --v-success-darken1: darken(@green, 14%);\n --v-success-darken2: darken(@green, 31%);\n --v-success-darken3: darken(@green, 35%);\n --v-success-darken4: darken(@green, 43%);\n\n --v-warning-base: @yellow;\n --v-warning-lighten1: lighten(@yellow, 4%);\n --v-warning-lighten2: lighten(@yellow, 8%);\n --v-warning-lighten3: lighten(@yellow, 9%);\n --v-warning-lighten4: lighten(@yellow, 18%);\n --v-warning-lighten5: lighten(@yellow, 19%);\n --v-warning-darken1: darken(@yellow, 14%);\n --v-warning-darken2: darken(@yellow, 31%);\n --v-warning-darken3: darken(@yellow, 35%);\n --v-warning-darken4: darken(@yellow, 43%);\n\n --v-background-base: @base;\n --v-background-lighten1: lighten(@base, 4%);\n --v-background-lighten2: lighten(@base, 8%);\n --v-background-lighten3: lighten(@base, 9%);\n --v-background-lighten4: lighten(@base, 18%);\n --v-background-lighten5: lighten(@base, 19%);\n --v-background-darken1: darken(@base, 14%);\n --v-background-darken2: darken(@base, 31%);\n --v-background-darken3: darken(@base, 35%);\n --v-background-darken4: darken(@base, 43%);\n\n div.v-application {\n background: @base !important;\n color: @text;\n }\n\n header#top-bar,\n header.v-toolbar,\n div.v-navigation-drawer__content,\n div#bottom-bar,\n div.v-main__wrap > div,\n div.v-select__selections,\n div.v-slide-group__wrapper,\n div.v-bottom-navigation,\n div.v-select__slot,\n div.v-input__slot,\n div.v-overlay__scrim {\n background: @base !important;\n }\n div.v-sheet {\n background: @base;\n border-color: @base;\n }\n\n .v-btn.v-btn--has-bg:not(.nav-btn) {\n background-color: @surface0 !important;\n }\n\n .v-list,\n .v-list-item,\n .v-card,\n .v-sheet,\n .v-select__selections,\n .v-label,\n .text--secondary,\n .v-input__slot input {\n color: @text !important;\n path:not([fill*=\"iid-1\"]) {\n fill: @text;\n }\n }\n\n .v-messages,\n .v-list-item__subtitle,\n .v-tab:not(.v-tab--active) {\n color: @subtext0 !important;\n }\n\n svg.logo path {\n fill: darken(@accent, 2%) !important;\n\n &:last-child {\n fill: darken(@blue, 8%) !important;\n }\n }\n\n .v-chip {\n background: @blue;\n }\n\n .primary--text,\n .name-vtuber {\n color: @accent !important;\n }\n\n .text-live {\n color: @red;\n }\n\n .stream-count-chip {\n color: @crust !important;\n }\n\n .nav-btn.v-btn--active {\n color: @accent !important;\n }\n\n div.v-sheet.v-alert {\n background: none !important;\n color: @yellow !important;\n\n .v-icon path {\n fill: @yellow !important;\n }\n }\n\n hr {\n border-color: @base;\n }\n\n // Snack\n div.v-snack {\n color: @text;\n\n div.v-sheet {\n background: @surface0 !important;\n }\n\n button.v-btn--text {\n color: @text !important;\n }\n\n button.v-btn--is-elevated.v-btn--has-bg {\n background: @accent !important;\n color: @base;\n }\n }\n }\n}\n",
|
|
"originalDigest": "ded456bb7177651c24a496b9e12a81b8f0a0c30e",
|
|
"_id": "999d5326-7825-4009-8e26-88aca6bf0b35",
|
|
"_rev": 1780236871053,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 83
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "inoreader Catppuccin",
|
|
"description": "Soothing pastel theme for inoreader",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/inoreader/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "inoreader Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/inoreader",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/inoreader",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/inoreader/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ainoreader",
|
|
"description": "Soothing pastel theme for inoreader",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name inoreader Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/inoreader\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/inoreader\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/inoreader/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ainoreader\n@description Soothing pastel theme for inoreader\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"inoreader.com\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n body,\n .inno_dialog,\n .reader_pane_view_style_1 .article_subscribed,\n .reader_pane_view_style_4 .article_subscribed,\n .inno_toolbar_switcher_button_active,\n .dashboard_wrapper,\n #sb_tree_part,\n #sb_menu_icon,\n #sb_tp_search_overlay,\n #feed_searcher,\n #wraper.tree_pane_docked #feed_searcher,\n #preferences_main_wrapper,\n .reader_pane_view_style_0 .article_expanded:hover,\n div.article_expanded,\n .article,\n .article_expanded\n .article_footer_placeholder_middle.footerized.article_footer_placeholder_middle_sticky,\n #article_dialog .article_footer_placeholder_top,\n #three_way_contents .article_footer_placeholder_top,\n .article_footer,\n .pricing_plans_row_sticky,\n .searcher_top_bar_wrapper {\n background-color: @base;\n }\n\n body,\n .article_unreaded .article_tile_title,\n .icon16,\n .icon14,\n .icon19,\n .h6,\n .article_unreaded .article_magazine_content,\n .article_unreaded .article_magazine_title,\n #sb_tp_dock,\n .inno_toolbar_button,\n #sb_rp_heading,\n .article_header_text,\n .article_content,\n .profile_menu_themes_heading,\n .inno_toolbar_switcher_button:hover,\n #sb_rp_heading span.icon16,\n .sub_engagement_number,\n .sub_folder,\n .inline_folders_editor,\n .tf,\n .top_bar_tab,\n .top_bar_tab .icon16,\n #tree_pane .icon16,\n #add_content_simulated_button .plus_img,\n a:link,\n .h4[class*=\"icon-\"],\n h4[class*=\"icon-\"],\n .inno_tabs_wrapper .inno_tabs_header .inno_tabs_tab a:link,\n .inno_tabs_wrapper .inno_tabs_header .inno_tabs_tab a:active,\n .inno_tabs_wrapper .inno_tabs_header .inno_tabs_tab a:visited,\n #tree_pane .plus_img {\n color: @text;\n }\n a.text-color,\n a.nav-item-btn,\n .icon-arrow_collapse {\n color: @text !important;\n }\n\n .progress {\n --bs-progress-bar-color: @accent;\n --bs-progress-bar-bg: @accent;\n --bs-bar-bg: @overlay1;\n }\n\n .text-muted-color {\n color: @subtext0 !important;\n }\n\n #tree_pane,\n #reader_pane,\n #feeds_nav,\n .tree_ad,\n .article_full_contents,\n .article_unreaded,\n .search_empty_state_mask,\n .library_wrapper_outer,\n .teams_presentation_wrapper,\n .article_subscribed,\n .tr1,\n .search_width_constraint,\n .bg-white {\n background-color: @base !important;\n color: @text;\n }\n\n .st_usage_slider_outer {\n background-color: @text;\n }\n\n .st_usage_slider_inner,\n #text-menu .dropdown-menu,\n .article_unreaded .article_unread_dot .article_unread_dot_internal {\n background-color: @accent;\n }\n\n .bg-primary {\n background-color: @accent !important;\n }\n\n #tree_pane .parent_div_inner_selected .plus_img {\n color: @accent;\n }\n\n .active-url .item-name,\n .active-url span[class^=\"icon-\"].h4,\n .active-url i[class^=\"icon-\"].h4 {\n color: @accent !important;\n }\n\n .icon-logo_circle {\n color: @crust !important;\n }\n\n #tabs_pane .nav-item a i,\n #tabs_pane .nav-item a span,\n #tabs_pane #bottom_tabs .nav-item a i {\n color: @crust;\n }\n\n #tabs_pane .tabs-counter,\n #tabs_pane #bottom_tabs .nav-item a i.icon-full {\n color: @text !important;\n background-color: @base !important;\n }\n\n #hint-pref {\n fill: @accent;\n }\n\n .article_footer_buttons.icon-article_topbar_read_later_full,\n #reader_pane .ar .article_btns a .h4.icon-saved,\n #reader_pane .ar .article_btns a .h4.star_full,\n span.icon-yellow,\n i.icon-yellow {\n color: @yellow;\n }\n\n .bg-alt {\n background: @yellow !important;\n }\n\n .btn.btn-alt {\n background-color: @yellow;\n border-color: @yellow;\n }\n\n .bg-success-color.darker {\n background-color: @green !important;\n }\n\n .alert_state {\n background-color: @red;\n }\n\n .icon-mark-as-read-single-unread {\n color: @blue !important;\n }\n\n .tabs-counter {\n background-color: @accent !important;\n outline-color: @accent !important;\n color: @mantle;\n }\n\n .active-tab-feeds:not(.active-overlay) #tabs_pane [data-tab=\"feeds\"] i,\n .active-tab-dashboard:not(.active-overlay)\n #tabs_pane\n [data-tab=\"dashboard\"]\n i,\n .active-tab-saved:not(.active-overlay) #tabs_pane [data-tab=\"saved\"] i,\n .active-tab-automation:not(.active-overlay)\n #tabs_pane\n [data-tab=\"automation\"]\n i,\n .active-tab-search:not(.active-overlay) #tabs_pane [data-tab=\"search\"] i,\n .active-tab-add_feed:not(.active-overlay)\n #tabs_pane\n [data-tab=\"add_feed\"]\n i,\n .active-tab-notifications:not(.active-overlay)\n #tabs_pane\n [data-tab=\"notifications\"]\n i,\n .active-tab-preferences:not(.active-overlay)\n #tabs_pane\n [data-tab=\"preferences\"]\n i {\n background-color: @base;\n color: @text !important;\n }\n\n .preferences_main_button,\n .preferences_billing_feature_main {\n background-color: @mantle;\n border-color: @surface0;\n }\n\n .dashboard_gadgets,\n .dashboard_gadgets .content,\n .library_section_main_article,\n .library_secondary_article,\n .library_section_list_articles {\n background-color: @mantle;\n }\n\n #header_pane,\n .search_context_dropdown.open {\n background-color: @base !important;\n color: @text;\n }\n\n .dropdown-menu,\n .ino-autocomplete {\n background-color: @mantle;\n }\n\n .dropdown-menu .dropdown-header {\n color: @text;\n }\n\n .dropdown-menu .dropdown-item,\n a:visited {\n color: @subtext0;\n }\n\n .dropdown-menu .dropdown-item:hover,\n .dropdown-menu .dropdown-item:focus,\n #tree_pane .parent_div_inner:hover,\n #tree_pane .parent_div_inner:active,\n #tree_pane .parent_div_inner:focus,\n .search_context_dropdown.open .search_context_filter:hover,\n .nav.nav-hover .nav-item:hover,\n .lang_bubble:hover,\n #tabs_pane .toggle_sidebar_btn i {\n background-color: @surface0;\n }\n\n .dropdown-menu .dropdown-item:active {\n background-color: @surface0;\n color: @accent;\n }\n\n .dropdown-menu .dropdown-item.active,\n #tree_pane .parent_div_inner_selected,\n #tree_pane .parent_div_inner_selected:hover,\n #tree_pane .parent_div_inner_selected a,\n .search_context_dropdown.open .search_context_filter.active,\n .nav.nav-hover .active-url,\n .lang_bubble.lang_bubble_current {\n background-color: @surface1;\n color: @accent;\n }\n\n .btn.btn-outline-text {\n color: @text;\n border-color: @subtext0;\n }\n\n .btn.btn-primary,\n .btn.btn-primary:hover {\n color: @text;\n background-color: @accent;\n border-color: @accent;\n }\n\n .dropdown-menu-active,\n .btn.btn-outline-text:hover {\n color: @text;\n border-color: @subtext0;\n background-color: @surface0;\n }\n\n input[type=\"text\"]:focus,\n input[type=\"checkbox\"]:focus + label,\n input[type=\"checkbox\"]:active + label,\n input[type=\"button\"]:focus,\n input[type=\"button\"]:active,\n textarea:focus,\n select:focus,\n button:focus,\n input[type=\"password\"]:focus,\n input[type=\"email\"]:focus {\n box-shadow: 0 0 3px @accent !important;\n border-color: @accent !important;\n }\n\n input[type=\"text\"],\n input[type=\"number\"],\n input[type=\"password\"],\n select,\n textarea {\n background-color: @base !important;\n color: @text !important;\n border-color: @subtext0;\n }\n\n .graylink_darker,\n .article_short_contents {\n color: @subtext0;\n }\n\n div.article_magazine.article_current,\n div.article_magazine.article_bulk_selected {\n box-shadow: 0 0 0 1px @subtext0;\n }\n .view_style_3 #reader_pane .ar.article_current .article_tile_picture {\n box-shadow: inset 3px 3px 0 -2px @accent, inset -3px 2px 0 -2px @accent;\n }\n .view_style_3 #reader_pane .ar.article_current {\n box-shadow: inset 0 0 0 1px @accent;\n }\n\n .view_style_4 #reader_pane .ar.article_current {\n box-shadow: 0 0 0 1px @accent;\n }\n .view_style_2 #reader_pane .ar.article_current_3way,\n .view_style_2 #reader_pane .ar.article_expanded {\n box-shadow: none;\n border-color: @text;\n }\n\n .article_magazine_content {\n color: @overlay0;\n }\n\n .article_magazine_title {\n color: @overlay1;\n }\n\n .inno_dialog_modal_overlay {\n background-color: @overlay2;\n }\n\n .subscriptions_legend,\n .preferences_main_button_icon span,\n a.bluelink:link,\n .bluelink,\n .inno_tabs_tab_current,\n .inno_tabs_tab_current:hover,\n .inno_toolbar_button_menu_item_inactive .inno_toolbar_button_menu_icon,\n .inno_toolbar_button_menu_icon,\n #preferences_subscriptions_table span.icon_active,\n .text-primary,\n .inno_tabs_wrapper\n .inno_tabs_header\n .inno_tabs_tab.inno_tabs_tab_current\n a:link,\n .inno_tabs_wrapper\n .inno_tabs_header\n .inno_tabs_tab.inno_tabs_tab_current\n a:active,\n .inno_tabs_wrapper\n .inno_tabs_header\n .inno_tabs_tab.inno_tabs_tab_current\n a:visited {\n color: @accent !important;\n }\n\n #new_articles_overlay {\n color: @accent;\n background-color: @base;\n }\n\n input.apple-switch:checked {\n background-color: @accent;\n border-color: @accent;\n }\n\n .add_content_simulated_button.expanded {\n background-color: @surface0;\n box-shadow: inset 0 -1px 0 0 @accent;\n }\n\n .inno_toolbar_button_menu,\n #reader_pane .info_state,\n .inno_dialog_modal .info_state,\n .preferences_interface_helper,\n .sub_folder {\n background-color: @mantle;\n color: @text;\n }\n\n #profile_menu_themes_wrapper {\n display: none;\n }\n\n #sb_reading_part,\n #wraper.tree_pane_docked #sb_tree_part {\n box-shadow: none;\n }\n\n .whitebutton {\n background-color: @base;\n color: @text;\n border-color: @surface0;\n }\n\n .bluebutton,\n .inno_dialog .inno_dialog_buttonbar_button:nth-child(1) {\n background-color: @accent;\n color: @crust;\n border-style: none;\n }\n\n .inno_dialog .inno_dialog_buttonbar_button:nth-child(1):hover:enabled {\n background-color: @accent;\n border-color: @accent;\n }\n\n .inno_dialog_buttonbar_button {\n background-color: @base;\n color: @text;\n }\n\n .icon_green {\n color: @green;\n }\n\n .reader_pane_view_style_0 .article_unreaded:hover,\n .reader_pane_view_style_2 .article_unreaded:hover,\n .reader_pane_view_style_2 .article:hover,\n .sd .share_wrapper .icon16:hover,\n .pricing_feature_row:nth-child(odd),\n .pricing_table_row .pricing_table_leftmost_cell,\n .article_footer .share_wrapper:hover {\n background-color: @surface0;\n }\n\n .add_content_simulated_button_menu,\n .profile_menu_plan_badge {\n background-color: @surface0;\n border-color: @surface0;\n color: @text;\n }\n\n .catalog_follow_featured_collection,\n .catalog_sub_section_title,\n .search_feed_wrapper {\n border-color: @surface0;\n }\n\n .border-bottom,\n .header-shadow {\n border-color: @text;\n }\n\n .pricing_teams_hero {\n background-color: @surface0;\n background-image: none;\n }\n\n .parent_div_inner:hover,\n .inno_toolbar_button_menu_item:hover,\n .preferences_profile_wrapper,\n code,\n pre {\n background-color: @surface0;\n color: @text;\n }\n\n .preferences_profile_plan_wrapper,\n .st_subheader,\n .catalog_sub_section_tab.catalog_sub_section_tab_current,\n .catalog_sub_section_tab:hover {\n background: @surface1;\n color: @text;\n }\n\n .article_footer .article_footer_main_buttons .article_footer_buttons:hover,\n .article_footer\n .article_footer_main_buttons\n .article_footer_buttons_current,\n .article_footer .icon-article_topbar_more_menu:hover,\n .st_header,\n input[type=\"radio\"].filter_radio:checked + label,\n input[type=\"checkbox\"].filter_radio:checked + label {\n background-color: @surface2;\n color: @text;\n }\n\n input[type=\"checkbox\"].form-check-input:checked,\n input[type=\"radio\"].form-check-input:checked {\n background-color: @accent;\n border-color: @accent;\n }\n\n .normal_dim {\n color: @subtext1;\n }\n\n .parent_div_inner_selected,\n #preferences_header,\n #tabs_pane,\n .add_content_simulated_button_menu_line_item:hover {\n background-color: @accent;\n color: @mantle;\n }\n\n #preferences_header .icon16,\n #preferences_dialog_close_button span.icon16 {\n color: @mantle;\n }\n\n .article_tile.article_unreaded.article_expanded {\n background-color: @base;\n box-shadow: 0 1px 8px @mantle, 0 1px 3px @mantle;\n }\n\n div.article_current_3way {\n box-shadow: inset 0 0 0 1 @accent, inset 5px 0 0 0 @accent;\n }\n\n div.article_tile.article_expanded {\n border-color: @mantle;\n }\n\n .article_footer_placeholder_top .article_footer,\n .inno_tabs_header,\n .gadget_overview_feed {\n border-color: @surface2;\n }\n\n .inno_toolbar_switcher:hover .inno_toolbar_switcher_button_active,\n .inno_toolbar_switcher:hover .inno_toolbar_switcher_button_active:hover {\n color: @accent;\n background-color: @base;\n border-color: @accent;\n }\n\n .inno_tabs_tab:hover {\n color: @accent;\n border-color: @accent;\n }\n\n #audio_player_nav.is-overlay .tab-content,\n #audio_player_nav .media-player.maximized .container,\n #notifications_nav.is-overlay .tab-content,\n #support_nav.is-overlay .tab-content,\n #profile_nav.is-overlay .tab-content {\n background-color: @base;\n }\n }\n}\n",
|
|
"originalDigest": "f3fba98ad031a7428e8271089027d104b571fc22",
|
|
"_id": "7b8b8c58-6c1a-40bd-9123-27d11579cd1a",
|
|
"_rev": 1780236871082,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 84
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Rentry.co Catppuccin",
|
|
"description": "Soothing pastel theme for Rentry.co",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/rentry.co/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Rentry.co Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/rentry.co",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/rentry.co",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/rentry.co/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Arentry.co",
|
|
"description": "Soothing pastel theme for Rentry.co",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Rentry.co Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/rentry.co\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/rentry.co\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/rentry.co/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Arentry.co\n@description Soothing pastel theme for Rentry.co\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"rentry.org\"), domain(\"rentry.co\") {\n @import url(\"https://python.catppuccin.com/pygments/catppuccin-variables.important.css\");\n\n .dark-mode {\n #catppuccin(@darkFlavor);\n #darkModeBtn::before {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"@{overlay2}\" class=\"bi bi-moon-fill\" viewBox=\"0 0 16 16\"><path d=\"M6 .278a.77.77 0 0 1 .08.858 7.2 7.2 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277q.792-.001 1.533-.16a.79.79 0 0 1 .81.316.73.73 0 0 1-.031.893A8.35 8.35 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.75.75 0 0 1 6 .278\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n :root:not(.dark-mode) {\n #catppuccin(@lightFlavor);\n #darkModeBtn::before {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"@{overlay2}\" class=\"bi bi-brightness-high-fill\" viewBox=\"0 0 16 16\"><path d=\"M12 8a4 4 0 1 1-8 0 4 4 0 0 1 8 0M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0m9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n #lib.css-variables();\n\n body {\n background: @crust;\n color: @text;\n }\n /* Editor and preview */\n .cm-s-default,\n .markdownx-preview,\n .entry-text,\n .tab-content {\n background: @base !important;\n color: @text !important;\n }\n\n /* Tab navigation */\n .nav-link {\n background: @mantle;\n color: @overlay0 !important;\n\n &.active {\n background: @base !important;\n color: @text !important;\n }\n }\n .form-control,\n textarea {\n background: @base !important;\n color: @text !important;\n }\n .input-success {\n box-shadow: inset 4px 0 @green !important;\n }\n .input-error {\n &,\n + .CodeMirror-wrap {\n box-shadow: @red 4px 0 inset !important;\n }\n }\n .input-warning {\n box-shadow: @yellow 4px 0 inset !important;\n }\n .btn {\n background: @base !important;\n color: @text !important;\n &:hover {\n background: @surface0 !important;\n color: @text !important;\n }\n }\n .btn-success {\n &,\n &.btn,\n &:hover {\n color: @green !important;\n }\n &#submitButton {\n background: @base !important;\n &:hover {\n background: @surface0 !important;\n }\n }\n }\n .btn-danger {\n &,\n &.btn,\n &:hover {\n color: @red !important;\n }\n }\n .clipboard {\n color: @text;\n background: none;\n }\n #progressBar {\n background-color: @blue !important;\n }\n .full-contrast:not(.active) path {\n fill: @overlay2 !important;\n }\n .full-contrast.active path {\n fill: @peach !important;\n }\n .edit-code {\n background: @mantle;\n color: @text !important;\n }\n .cb-tooltiptext {\n color: @text !important;\n background: @surface0 !important;\n }\n .cb-tooltiptext-bottom::after {\n border-color: transparent transparent @surface0;\n }\n .headerlink {\n color: @overlay1 !important;\n }\n #submitButton {\n background: @mantle !important;\n }\n // claim-guide page\n .color-change {\n &[style=\"color:grey\"] {\n color: @overlay2 !important;\n }\n &[style=\"color:#039205\"] {\n color: @green !important;\n }\n }\n // delete modal\n .modal-content {\n background: @crust;\n color: @text;\n }\n .modal-body {\n color: @overlay2;\n }\n .modal-header {\n color: @text !important;\n }\n .modal-header,\n .modal-footer {\n border-color: @surface1 !important;\n }\n #deleteButton {\n color: @red !important;\n }\n // footer\n a {\n color: @blue;\n\n &:hover {\n color: @sky !important;\n }\n }\n .text-muted {\n color: @overlay2 !important;\n }\n .text-primary {\n color: @blue !important;\n }\n .text-success {\n color: @green !important;\n }\n .text-warning,\n .text-warning-darker {\n color: @yellow !important;\n }\n .text-danger {\n color: @red !important;\n }\n // editor\n .CodeMirror-line::selection,\n .CodeMirror-line > span::selection,\n .CodeMirror-line > span > span::selection {\n background-color: fade(@overlay2, 25%);\n }\n .cm-s-default {\n .cm-formatting-admonition {\n color: @yellow;\n }\n .cm-mark {\n color: @yellow;\n }\n .cm-link {\n color: @lavender;\n }\n .cm-url {\n color: @blue;\n }\n .cm-formatting-toc {\n color: @mauve;\n }\n .cm-variable-2 {\n color: @green;\n }\n .cm-keyword {\n color: @pink;\n }\n .cm-meta {\n color: @subtext0;\n }\n .cm-comment {\n color: @pink;\n }\n .cm-hr {\n color: @surface2;\n }\n .cm-tag {\n color: @blue;\n }\n .cm-header {\n color: @text;\n }\n .cm-quote {\n color: @green;\n border-color: @green;\n }\n }\n blockquote {\n color: @green;\n border-color: @green;\n }\n mark {\n background: fade(@yellow, 25%);\n color: @text;\n }\n .spoiler {\n color: @text;\n background: @text;\n }\n .spoiler:hover {\n background: none;\n }\n code {\n color: @red !important;\n background: fade(@red, 10%) !important;\n }\n hr {\n border-top-color: @surface1 !important;\n }\n .admonition {\n &.info,\n &.hint,\n &.tip {\n color: @blue;\n background: fade(@blue, 25%);\n > .admonition-title::before {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"><path fill=\"@{blue}\" d=\"M2 6a6 6 0 1 1 10.174 4.31c-.203.196-.359.4-.453.619l-.762 1.769A.5.5 0 0 1 10.5 13h-5a.5.5 0 0 1-.46-.302l-.761-1.77a2 2 0 0 0-.453-.618A5.98 5.98 0 0 1 2 6m3 8.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1l-.224.447a1 1 0 0 1-.894.553H6.618a1 1 0 0 1-.894-.553L5.5 15a.5.5 0 0 1-.5-.5\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n &.note,\n &.important {\n color: @green;\n background-color: fade(@green, 25%);\n &,\n .admonition.greentext {\n > .admonition-title::before {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"><path fill=\"@{green}\" d=\"M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm8.93 4.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM8 5.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n }\n &.greentext {\n color: @green;\n background-color: fade(@yellow, 25%);\n }\n &.warning,\n &.caution,\n &.attention {\n color: @yellow;\n background-color: fade(@yellow, 25%);\n > .admonition-title::before {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"><path fill=\"@{yellow}\" d=\"M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5m.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n &.danger,\n &.error {\n color: @red;\n background-color: fade(@red, 25%);\n > .admonition-title::before {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"><path fill=\"@{red}\" d=\"M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4m.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n .admonition-title::before,\n &.warning > .admonition-title::before,\n &.danger > .admonition-title::before {\n filter: none !important;\n }\n }\n // code\n .highlighttable {\n border-left-color: @surface0 !important;\n }\n .linenodiv > pre > .normal > a:not(:hover),\n .linenodiv > pre > a:not(:hover) {\n color: @overlay2 !important;\n }\n .entry-text pre,\n .markdownx-preview pre,\n code {\n color: @red !important;\n }\n .highlight {\n pre {\n color: @text !important;\n }\n border-color: @surface0 !important;\n }\n /* tables */\n // help tab/page table\n .mtable > tbody > tr:nth-child(even) {\n background-color: @mantle !important;\n }\n // markdown tables\n .ntable th {\n background-color: @surface1 !important;\n border-color: @surface2 !important;\n color: @text;\n }\n .ntable tr:nth-child(even) {\n background-color: @surface0 !important;\n }\n }\n}\n\n@-moz-document regexp(\"https?://rentry\\\\.(co|org)/.+/(raw|exists)\"),\n url-prefix(\"https://rentry.co/static/\"),\n domain(\"export3.rentry.co\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n\n // TODO: Can we use defaults? Currently doesn't have input/textarea placeholder styling.\n color-scheme: if(@flavor = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n body {\n color: @text !important;\n background: @base !important;\n }\n }\n}\n",
|
|
"originalDigest": "658f967ceb7b15c7e01745c559461193ff1b54f4",
|
|
"_id": "9b1bb29d-b9e9-4984-ae7e-54db8b086ae8",
|
|
"_rev": 1780236871115,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 85
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Lichess Catppuccin",
|
|
"description": "Soothing pastel theme for Lichess",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/lichess/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Lichess Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/lichess",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/lichess",
|
|
"version": "2025.09.19",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/lichess/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Alichess",
|
|
"description": "Soothing pastel theme for Lichess",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"lastMoveColor": {
|
|
"type": "select",
|
|
"label": "Last Move",
|
|
"name": "lastMoveColor",
|
|
"value": null,
|
|
"default": "red",
|
|
"options": [
|
|
{
|
|
"name": "rosewater",
|
|
"label": "Rosewater",
|
|
"value": "rosewater"
|
|
},
|
|
{
|
|
"name": "flamingo",
|
|
"label": "Flamingo",
|
|
"value": "flamingo"
|
|
},
|
|
{
|
|
"name": "pink",
|
|
"label": "Pink",
|
|
"value": "pink"
|
|
},
|
|
{
|
|
"name": "mauve",
|
|
"label": "Mauve",
|
|
"value": "mauve"
|
|
},
|
|
{
|
|
"name": "red",
|
|
"label": "Red",
|
|
"value": "red"
|
|
},
|
|
{
|
|
"name": "maroon",
|
|
"label": "Maroon",
|
|
"value": "maroon"
|
|
},
|
|
{
|
|
"name": "peach",
|
|
"label": "Peach",
|
|
"value": "peach"
|
|
},
|
|
{
|
|
"name": "yellow",
|
|
"label": "Yellow",
|
|
"value": "yellow"
|
|
},
|
|
{
|
|
"name": "green",
|
|
"label": "Green",
|
|
"value": "green"
|
|
},
|
|
{
|
|
"name": "teal",
|
|
"label": "Teal",
|
|
"value": "teal"
|
|
},
|
|
{
|
|
"name": "blue",
|
|
"label": "Blue",
|
|
"value": "blue"
|
|
},
|
|
{
|
|
"name": "sapphire",
|
|
"label": "Sapphire",
|
|
"value": "sapphire"
|
|
},
|
|
{
|
|
"name": "sky",
|
|
"label": "Sky",
|
|
"value": "sky"
|
|
},
|
|
{
|
|
"name": "lavender",
|
|
"label": "Lavender",
|
|
"value": "lavender"
|
|
},
|
|
{
|
|
"name": "subtext0",
|
|
"label": "Gray",
|
|
"value": "subtext0"
|
|
}
|
|
]
|
|
},
|
|
"checkColor": {
|
|
"type": "select",
|
|
"label": "Check Indicator",
|
|
"name": "checkColor",
|
|
"value": null,
|
|
"default": "red",
|
|
"options": [
|
|
{
|
|
"name": "rosewater",
|
|
"label": "Rosewater",
|
|
"value": "rosewater"
|
|
},
|
|
{
|
|
"name": "flamingo",
|
|
"label": "Flamingo",
|
|
"value": "flamingo"
|
|
},
|
|
{
|
|
"name": "pink",
|
|
"label": "Pink",
|
|
"value": "pink"
|
|
},
|
|
{
|
|
"name": "mauve",
|
|
"label": "Mauve",
|
|
"value": "mauve"
|
|
},
|
|
{
|
|
"name": "red",
|
|
"label": "Red",
|
|
"value": "red"
|
|
},
|
|
{
|
|
"name": "maroon",
|
|
"label": "Maroon",
|
|
"value": "maroon"
|
|
},
|
|
{
|
|
"name": "peach",
|
|
"label": "Peach",
|
|
"value": "peach"
|
|
},
|
|
{
|
|
"name": "yellow",
|
|
"label": "Yellow",
|
|
"value": "yellow"
|
|
},
|
|
{
|
|
"name": "green",
|
|
"label": "Green",
|
|
"value": "green"
|
|
},
|
|
{
|
|
"name": "teal",
|
|
"label": "Teal",
|
|
"value": "teal"
|
|
},
|
|
{
|
|
"name": "blue",
|
|
"label": "Blue",
|
|
"value": "blue"
|
|
},
|
|
{
|
|
"name": "sapphire",
|
|
"label": "Sapphire",
|
|
"value": "sapphire"
|
|
},
|
|
{
|
|
"name": "sky",
|
|
"label": "Sky",
|
|
"value": "sky"
|
|
},
|
|
{
|
|
"name": "lavender",
|
|
"label": "Lavender",
|
|
"value": "lavender"
|
|
},
|
|
{
|
|
"name": "subtext0",
|
|
"label": "Gray",
|
|
"value": "subtext0"
|
|
}
|
|
]
|
|
},
|
|
"stylePieces": {
|
|
"type": "checkbox",
|
|
"label": "Style Pieces",
|
|
"name": "stylePieces",
|
|
"value": null,
|
|
"default": "1",
|
|
"options": null
|
|
},
|
|
"styleBoard": {
|
|
"type": "checkbox",
|
|
"label": "Style Board",
|
|
"name": "styleBoard",
|
|
"value": null,
|
|
"default": "1",
|
|
"options": null
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Lichess Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/lichess\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/lichess\n@version 2025.09.19\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/lichess/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Alichess\n@description Soothing pastel theme for Lichess\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 select lastMoveColor \"Last Move\" [\"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 select checkColor \"Check Indicator\" [\"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 stylePieces \"Style Pieces\" 1\n@var checkbox styleBoard \"Style Board\" 1\n==/UserStyle== */\n\n@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"lichess.org\") {\n :root:has(body[data-theme=\"light\"]) {\n #catppuccin(@lightFlavor);\n }\n :root:has(body[data-theme=\"dark\"]) {\n #catppuccin(@darkFlavor);\n }\n :root:has(body[data-theme=\"system\"]) {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n @lastMove: @catppuccin[@@flavor][@@lastMoveColor];\n @check: @catppuccin[@@flavor][@@checkColor];\n\n &,\n body {\n background: @base linear-gradient(to bottom, @crust, @base 116px)\n no-repeat;\n color: @text !important;\n }\n\n /* Button */\n .site-title a {\n color: @accent;\n }\n .site-title span {\n color: @text;\n }\n\n /* Game selection menus */\n .hooks__list td {\n background-color: fade(@overlay0, 50%);\n }\n .hooks__list tr.join:hover td {\n background-color: fade(@accent, 50%);\n }\n\n /* Topbar */\n #topnav.hover section:hover > a,\n #topnav section:active > a,\n #topnav div,\n .site-buttons .shown .toggle,\n .site-buttons .dropdown {\n background: @crust;\n }\n #topnav section > a {\n color: @subtext0;\n }\n #topnav.hover section:hover > a,\n #topnav section:active > a,\n #topnav div a,\n #dasher_app .selector button,\n #dasher_app .head,\n #dasher_app .piece .no-square,\n #dasher_app .theme .list button,\n #dasher_app .links a,\n #dasher_app .links button,\n #dasher_app .subs .sub,\n .site-buttons .dropdown a,\n .site-buttons .dropdown button {\n color: @text;\n }\n #topnav.hover section:hover > a,\n #topnav section:active > a,\n #topnav div {\n border-left-color: @accent;\n }\n signal > i {\n background-color: @green;\n }\n #dasher_app .sub::before,\n .is-green::before {\n color: @green;\n }\n #challenge-app .empty {\n background: @crust;\n }\n\n /* Popup skining */\n dialog {\n background: @crust;\n }\n .game-setup .optional-config,\n .game-setup .ratings {\n background: @base;\n }\n .game-setup .radio input:checked + label {\n background: @green;\n }\n\n /* Text */\n .site-buttons .link,\n .button,\n .input,\n .optgroup,\n .select,\n .textarea,\n .lobby__box td.name a,\n .lobby__box__top .title,\n .lobby__box .user-link,\n .mini-game,\n .mini-game:hover,\n .text,\n .ublog-post-card__title,\n .lobby__counters a,\n .lobby__streams .stream,\n .lobby__timeline .entry a,\n .lobby__about a,\n .lobby__timeline,\n .lobby__counters,\n .tabs-horiz,\n .lobby__streams .more,\n .lobby__timeline .more,\n .dialog-content,\n button,\n input,\n optgroup,\n select,\n textarea {\n color: @subtext0;\n }\n .site-buttons .link:hover,\n .button.button-metal:hover,\n .radio input:checked + label {\n color: @text;\n }\n .site-title-nav__donate,\n .lobby__streams .stream.highlight strong,\n .utitle,\n .lobby__support__text,\n .lobby__support i::before {\n color: @peach;\n }\n .mini-game__clock.clock--run,\n .tabs-horiz span.active {\n color: @red;\n }\n .tabs-horiz span.active,\n .tabs-horiz span:hover {\n border-color: @red;\n }\n a {\n color: @blue;\n }\n /* Links */\n .lobby__timeline .entry:hover a,\n a:hover,\n a:active,\n a:focus {\n color: @accent;\n }\n\n /* Homepage cards */\n .lobby__app__content,\n .box {\n background-color: @mantle;\n }\n .lpools > div {\n background: fade(@crust, 20%);\n border-color: @surface0;\n &:hover {\n background-color: fade(@accent, 20%);\n }\n }\n .hook__filters {\n background-color: fade(@mantle, 50%);\n }\n .lobby__support a {\n background: @crust;\n }\n .lobby__support a:hover {\n background: @peach;\n }\n .lobby__support a:hover i::before,\n .lobby__support a:hover .lobby__support__text {\n color: @mantle;\n }\n .lobby__box__top,\n #hook .opponent,\n .lobby__box__content,\n .ublog-post-card,\n .button,\n .tour-spotlight {\n background: @mantle !important;\n }\n .unread {\n background: @red;\n }\n .lobby__box tr:nth-child(even) {\n background: @crust;\n }\n\n /* Non-main page sidebar nav colors */\n .subnav a.active {\n color: @red;\n }\n .subnav a.active::after,\n .subnav a:hover::after {\n background: @red;\n }\n\n /* Blog cards */\n .blog-cards > a {\n background: @crust;\n }\n\n /* Learn tab */\n .learn-stages .stage.done {\n background: @green;\n }\n .learn-stages .stage.ongoing,\n .learn__side-home {\n background: @blue;\n }\n .learn-stages .stage.future {\n background: @red;\n }\n\n /* Chess Game */\n @light-cell: if(@flavor = latte, @surface0, @accent);\n @dark-cell: if(@flavor = latte, @accent, @surface0);\n & when (@styleBoard = 1) {\n /* Board */\n .is2d cg-board::before {\n @svg: escape(\n '<svg shape-rendering=\"crispEdges\" viewBox=\"0 0 8 8\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><g id=\"f\"><g id=\"e\"><g id=\"d\"><g id=\"c\"><path id=\"a\" d=\"M0 0h1v1H0z\" fill=\"@{light-cell}\"/><use x=\"1\" xlink:href=\"#a\" y=\"1\"/><path id=\"b\" d=\"M0 1h1v1H0z\" fill=\"@{dark-cell}\"/><use x=\"1\" xlink:href=\"#b\" y=\"-1\"/></g><use x=\"2\" xlink:href=\"#c\"/></g><use x=\"4\" xlink:href=\"#d\"/></g><use xlink:href=\"#e\" y=\"2\"/></g><use xlink:href=\"#f\" y=\"4\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n /* File and Rank Coords */\n .orientation-white .files coord:nth-child(2n+1),\n .orientation-white .ranks coord:nth-child(2n),\n .orientation-black .files coord:nth-child(2n),\n .orientation-black .ranks coord:nth-child(2n+1) {\n color: @light-cell;\n }\n .orientation-white .files coord:nth-child(2n),\n .orientation-white .ranks coord:nth-child(2n+1),\n .orientation-black .files coord:nth-child(2n+1),\n .orientation-black .ranks coord:nth-child(2n) {\n color: @dark-cell;\n }\n\n /* Squares */\n square {\n &.move-dest {\n background: radial-gradient(\n @overlay1 19%,\n rgba(0, 0, 0, 0) 20%\n );\n }\n\n &.selected {\n background: fade(@accent, 50%);\n }\n\n &.last-move {\n background-color: fade(@lastMove, 75%);\n }\n\n &.check {\n background: radial-gradient(\n ellipse at center,\n @check 0%,\n @check 25%,\n fade(@check, 0%) 89%,\n fade(@check, 0%) 100%\n );\n }\n\n /* Capture indicator */\n &.oc.move-dest {\n background: radial-gradient(\n transparent 0%,\n transparent 79%,\n fade(@overlay1, 50%) 80%\n );\n }\n }\n\n /* Analysis Arrows */\n svg.cg-shapes g {\n &[cgHash*=\"green\"] {\n filter: @green-filter;\n }\n &[cgHash*=\"paleBlue\"] {\n filter: @sky-filter;\n }\n &[cgHash*=\"red\"] {\n filter: @red-filter;\n }\n }\n }\n & when (@stylePieces = 1) {\n @w-piece-fill: if(@flavor = latte, @mantle, @text);\n @b-piece-fill: if(@flavor = latte, @text, @mantle);\n @w-piece-stroke: if(@flavor = latte, @text, @mantle);\n @b-piece-stroke: if(@flavor = latte, @mantle, @text);\n\n .is2d .pawn {\n #piece(@f, @s) {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"45\" height=\"45\"><path d=\"M22.5 9c-2.21 0-4 1.79-4 4 0 .89.29 1.71.78 2.38C17.33 16.5 16 18.59 16 21c0 2.03.94 3.84 2.41 5.03-3 1.06-7.41 5.55-7.41 13.47h23c0-7.92-4.41-12.41-7.41-13.47 1.47-1.19 2.41-3 2.41-5.03 0-2.41-1.33-4.5-3.28-5.62.49-.67.78-1.49.78-2.38 0-2.21-1.79-4-4-4z\" stroke=\"@{s}\" fill=\"@{f}\" stroke-width=\"1.5\" stroke-linecap=\"round\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n &.black {\n #piece(@b-piece-fill, @b-piece-stroke);\n }\n &.white {\n #piece(@w-piece-fill, @w-piece-stroke);\n }\n }\n .is2d .bishop {\n #piece(@f, @s) {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"45\" height=\"45\"><g fill=\"none\" fill-rule=\"evenodd\" stroke=\"@{s}\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><g fill=\"@{f}\" stroke-linecap=\"butt\"><path d=\"M9 36c3.39-.97 10.11.43 13.5-2 3.39 2.43 10.11 1.03 13.5 2 0 0 1.65.54 3 2-.68.97-1.65.99-3 .5-3.39-.97-10.11.46-13.5-1-3.39 1.46-10.11.03-13.5 1-1.354.49-2.323.47-3-.5 1.354-1.94 3-2 3-2z\"/><path d=\"M15 32c2.5 2.5 12.5 2.5 15 0 .5-1.5 0-2 0-2 0-2.5-2.5-4-2.5-4 5.5-1.5 6-11.5-5-15.5-11 4-10.5 14-5 15.5 0 0-2.5 1.5-2.5 4 0 0-.5.5 0 2z\"/><path d=\"M25 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 1 1 5 0z\"/></g><path d=\"M17.5 26h10M15 30h15m-7.5-14.5v5M20 18h5\" stroke=\"@{s}\" stroke-linejoin=\"miter\"/></g></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n &.black {\n #piece(@b-piece-fill, @b-piece-stroke);\n }\n &.white {\n #piece(@w-piece-fill, @w-piece-stroke);\n }\n }\n .is2d .knight {\n #piece(@f, @s) {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"45\" height=\"45\"><g fill=\"none\" fill-rule=\"evenodd\" stroke=\"@{s}\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 10c10.5 1 16.5 8 16 29H15c0-9 10-6.5 8-21\" fill=\"@{f}\"/><path d=\"M24 18c.38 2.91-5.55 7.37-8 9-3 2-2.82 4.34-5 4-1.042-.94 1.41-3.04 0-3-1 0 .19 1.23-1 2-1 0-4.003 1-4-4 0-2 6-12 6-12s1.89-1.9 2-3.5c-.73-.994-.5-2-.5-3 1-1 3 2.5 3 2.5h2s.78-1.992 2.5-3c1 0 1 3 1 3\" fill=\"@{f}\"/><path d=\"M9.5 25.5a.5.5 0 1 1-1 0 .5.5 0 1 1 1 0m5.433-9.75a.5 1.5 30 1 1-.866-.5.5 1.5 30 1 1 .866.5\" fill=\"@{f}\" stroke=\"@{s}\"/></g></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n &.black {\n #piece(@b-piece-fill, @b-piece-stroke);\n }\n &.white {\n #piece(@w-piece-fill, @w-piece-stroke);\n }\n }\n .is2d .rook {\n #piece(@f, @s) {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"45\" height=\"45\"><g fill-rule=\"evenodd\" fill=\"@{f}\" stroke=\"@{s}\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 39h27v-3H9zm3.5-7 1.5-2.5h17l1.5 2.5zm-.5 4v-4h21v4z\" stroke-linecap=\"butt\"/><path d=\"M14 29.5v-13h17v13z\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M14 16.5 11 14h23l-3 2.5zM11 14V9h4v2h5V9h5v2h5V9h4v5z\" stroke-linecap=\"butt\"/><path d=\"M12 35.5h21m-20-4h19m-18-2h17m-17-13h17M11 14h23\" fill=\"none\" stroke=\"@{s}\" stroke-width=\"1\" stroke-linejoin=\"miter\"/></g></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n &.black {\n #piece(@b-piece-fill, @b-piece-stroke);\n }\n &.white {\n #piece(@w-piece-fill, @w-piece-stroke);\n }\n }\n .is2d .king {\n #piece(@f, @s) {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"45\" height=\"45\"><g fill=\"@{f}\" fill-rule=\"evenodd\" stroke=\"@{s}\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22.5 11.63V6\" stroke-linejoin=\"miter\"/><path d=\"M22.5 25s4.5-7.5 3-10.5c0 0-1-2.5-3-2.5s-3 2.5-3 2.5c-1.5 3 3 10.5 3 10.5\" fill=\"@{f}\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\"/><path d=\"M11.5 37c5.5 3.5 15.5 3.5 21 0v-7s9-4.5 6-10.5c-4-6.5-13.5-3.5-16 4V27v-3.5c-3.5-7.5-13-10.5-16-4-3 6 5 10 5 10z\" fill=\"@{f}\"/><path d=\"M20 8h5\" stroke-linejoin=\"miter\"/><path d=\"M11.5 30c5.5-3 15.5-3 21 0m-21 3.5c5.5-3 15.5-3 21 0m-21 3.5c5.5-3 15.5-3 21 0\" stroke=\"@{s}\"/></g></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n &.black {\n #piece(@b-piece-fill, @b-piece-stroke);\n }\n &.white {\n #piece(@w-piece-fill, @w-piece-stroke);\n }\n }\n .is2d .queen {\n #piece(@f, @s) {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"45\" height=\"45\"><g fill=\"@{f}\" fill-rule=\"evenodd\" stroke=\"@{s}\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 12a2 2 0 1 1-4 0 2 2 0 1 1 4 0m16.5-4.5a2 2 0 1 1-4 0 2 2 0 1 1 4 0M41 12a2 2 0 1 1-4 0 2 2 0 1 1 4 0M16 8.5a2 2 0 1 1-4 0 2 2 0 1 1 4 0M33 9a2 2 0 1 1-4 0 2 2 0 1 1 4 0\"/><path d=\"M9 26c8.5-1.5 21-1.5 27 0l2-12-7 11V11l-5.5 13.5-3-15-3 15-5.5-14V25L7 14z\" stroke-linecap=\"butt\"/><path d=\"M9 26c0 2 1.5 2 2.5 4 1 1.5 1 1 .5 3.5-1.5 1-1.5 2.5-1.5 2.5-1.5 1.5.5 2.5.5 2.5 6.5 1 16.5 1 23 0 0 0 1.5-1 0-2.5 0 0 .5-1.5-1-2.5-.5-2.5-.5-2 .5-3.5 1-2 2.5-2 2.5-4-8.5-1.5-18.5-1.5-27 0z\" stroke-linecap=\"butt\"/><path d=\"M11.5 30c3.5-1 18.5-1 22 0M12 33.5c6-1 15-1 21 0\" fill=\"none\"/></g></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n &.black {\n #piece(@b-piece-fill, @b-piece-stroke);\n }\n &.white {\n #piece(@w-piece-fill, @w-piece-stroke);\n }\n }\n }\n\n .rclock .time {\n background: @mantle;\n color: @text;\n }\n .rclock.running .time {\n background: #384722; /* putting it back to default so that the time on the clock is readable */\n }\n .rclock .bar {\n background: @accent;\n }\n\n /* Game Cards */\n .game__meta,\n .round__app__table {\n background: @crust;\n }\n rm6 {\n background: @mantle;\n }\n rm6 .buttons,\n rm6 i5z {\n background: @base;\n }\n\n /* Messages */\n .msg-app__convo__head,\n .msg-app__side__search,\n .msg-app__convo__reply {\n background: @crust;\n }\n .msg-app__side {\n background: @mantle;\n }\n .msg-app__side__search input,\n .msg-app__convo__post__text {\n background: @base;\n }\n .msg-app__side__contact__name {\n color: @text;\n }\n .msg-app__side__contact__msg,\n .msg-app__side__contact__date time {\n color: @subtext0;\n }\n\n /* User dropdown */\n #powerTip,\n #miniGame,\n #miniBoard {\n background: @crust;\n }\n .btn-rack__btn,\n .btn-rack form,\n #friend_box .friend_box_title,\n .button.button-metal,\n .button.button-empty:not(.disabled):hover,\n .button.button-empty.button-green:not(.disabled):hover,\n .button.button-empty.button-red:not(.disabled):hover {\n background: @base;\n }\n\n /* User Page */\n .user-show__header,\n .user-show__social,\n .user-show .angles,\n .cmn-toggle:hover:not(:disabled) + label::after,\n .cmn-toggle + label::after,\n .crosstable povs:hover,\n .crosstable__users,\n .crosstable__score,\n .game-row:nth-child(odd),\n .number-menu--tabs .nm-item.active {\n background: @crust;\n }\n .number-menu--tabs .nm-item.active,\n .user-show .number-menu .to-games.active,\n .user-show #games.number-menu {\n background: @mantle !important;\n }\n /* Stats */\n .perf-stat .counter tr.full td:last-child {\n background: @crust;\n }\n .sub-ratings a.active {\n background: @mantle;\n }\n .sub-ratings a[href]:hover {\n background: @crust;\n }\n\n /* Analysis page */\n .analyse__clock,\n #analyse-cm .title,\n .explorer__config .choices button,\n .mselect__label,\n .cmn-toggle:hover:not(:disabled) + label::after,\n .cmn-toggle + label::after,\n .crosstable povs:hover,\n .crosstable__users,\n .crosstable__score,\n .mselect__list,\n .analyse__tools .comp-off__hint,\n .ceval,\n .explorer-box tr:nth-child(even),\n .board-editor__tools .metadata,\n .mchat__content,\n .mchat__tab-active,\n .crosstable fill {\n background: @crust !important;\n }\n .analyse__tools,\n .copyable,\n .pv_box,\n #ceval-settings {\n background: @mantle;\n }\n .ceval .settings-gear.active {\n background-color: @accent;\n }\n #ceval-settings {\n border-top-color: @accent;\n }\n .mchat__tab:hover {\n background: fade(@accent, 50%);\n }\n .ceval .bar span {\n background: @green;\n\n &.threat {\n background: @red;\n }\n }\n .show-threat.active,\n .show-threat:hover:not(.hidden) {\n color: @red;\n }\n /* Openings */\n .opening__config,\n .opening__next {\n background: @crust;\n }\n .opening__next {\n outline-color: @base;\n }\n .opening__next:hover {\n outline-color: @accent;\n }\n .opening__next__popularity span {\n background: @accent;\n }\n .opening__next__title {\n color: @accent;\n }\n\n /* Puzzles */\n .tview2-column > index {\n background: @base;\n color: @subtext0 !important;\n }\n .puzzle__feedback {\n background: @base;\n }\n .puzzle__tools,\n .puzzle__side__metas,\n .puzzle__side__user,\n .puzzle__side__config,\n .puzzle__side__theme {\n background: @mantle;\n }\n input,\n textarea,\n select {\n background: @crust;\n }\n .cmn-toggle:checked + label {\n background-color: @green;\n }\n .cmn-toggle:checked + label::before {\n color: @green;\n }\n\n /* Teams */\n .slist tbody tr:nth-child(even),\n .team-show__desc,\n .team-show__forum__post:nth-child(odd) {\n background: @crust;\n }\n\n /* Settings */\n .account .radio input:checked + label,\n .account table.allows tr:nth-child(odd) td {\n background: @crust;\n }\n .radio label {\n background: @base;\n }\n .flash-warning {\n background: @peach;\n }\n .form-control:invalid {\n border-color: @red;\n }\n }\n}\n",
|
|
"originalDigest": "5f564e23085a7e0911d04a1502d9f4d08e12c597",
|
|
"_id": "9ee85f5e-25c5-4b55-8313-2dee8bed57ef",
|
|
"_rev": 1780236871159,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 86
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Poe Catppuccin",
|
|
"description": "Soothing pastel theme for Poe",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/poe/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Poe Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/poe",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/poe",
|
|
"version": "2026.01.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/poe/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Apoe",
|
|
"description": "Soothing pastel theme for Poe",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Poe Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/poe\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/poe\n@version 2026.01.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/poe/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Apoe\n@description Soothing pastel theme for Poe\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n// Using `url-prefix `instead of `domain` prevents a broken theme on the Help Center (https://help.poe.com/).\n@-moz-document url-prefix(\"https://poe.com\") {\n :root:not(.dark, .light) {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n :root {\n &.dark {\n #catppuccin(@darkFlavor);\n }\n &.light {\n #catppuccin(@lightFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n --pdl-bg-base: @mantle;\n --pdl-bg-faint: @base;\n --pdl-bg-muted: @surface0;\n --pdl-bg-subtle: @surface1;\n --pdl-bg-emphasis: @surface2;\n\n --pdl-fg-base: @text;\n --pdl-fg-muted: @subtext1;\n --pdl-fg-subtle: @subtext0;\n\n --pdl-bg-reverse: @text;\n --pdl-fg-reverse: @base;\n\n --pdl-border-base: @surface1;\n --pdl-border-emphasis: @overlay0;\n\n --pdl-accent-base: @accent;\n --pdl-accent-on-accent: @base;\n --pdl-fg-white: @base;\n\n --code-block-bg: @base;\n\n --pdl-error-base: @red;\n\n --pdl-success-base: @green;\n --pdl-success-muted: fade(@green, 60%);\n --pdl-success-on-success: @base;\n\n // Settings\n --pdl-action-default-bg: @mantle;\n --pdl-action-disabled-bg: @surface0;\n --pdl-action-default-border: @surface2;\n --pdl-action-hover-border: @overlay0;\n --pdl-action-hover-border-accent: @accent;\n --pdl-action-default-fg: @text;\n --pdl-action-disabled-fg: @overlay2;\n --violet-9: @accent;\n --violet-10: @accent;\n --violet-11: @accent;\n --ruby-10: @red; // danger button text\n --ruby-11: @red; // danger button hover text\n\n textarea {\n color: @text;\n }\n\n [class^=\"Tooltip_root\"] {\n --pdl-tooltip-bg: @surface0;\n --pdl-tooltip-color: @text;\n }\n\n // API\n ul[data-pdl-sidebar-menu] {\n li[data-pdl-sidebar-menu-item] {\n --item-active-bg-color: @surface0;\n --item-hover-bg-color: @surface1;\n }\n }\n\n // Login\n --fade-bottom-gradual: linear-gradient(\n to bottom,\n transparent 0%,\n fade(@crust, 50%) 60%,\n @mantle 90%,\n @mantle 100%\n );\n --fg-base--ignore-light-mode: @text;\n\n // Logo (Login, Chat)\n img[src^=\"https://psc2.cf2.poecdn.net/assets/_next/static/media/poeFullMultibot\"],\n img[src^=\"https://psc2.cf2.poecdn.net/assets/_next/static/media/poeFullWhiteMultibot\"] {\n @svg: escape(\n '<svg width=\"331\" height=\"100\" viewBox=\"0 0 331 100\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#a)\"><path d=\"M153.581.219h25.792c12.042 0 22.707 8.268 25.12 19.678.405 1.944.624 3.83.648 5.66.178 13.192-10.989 25.445-25.784 25.445-3.248.048-12.99.016-12.99.016l.081 26.748h-12.876V.219zm12.786 38.57s9.192.017 12.666 0c8.94 0 13.345-7.498 13.345-13.466 0-7.208-6.041-13.006-12.997-13.006h-13.014v26.481zm71.393-16.738c16.132-.048 28.667 12.35 28.7 28.376.032 16.066-12.374 28.448-28.554 28.489-16.269.049-28.764-12.301-28.781-28.424-.008-16.026 12.447-28.392 28.643-28.449zm.057 11.337c-9.256-.016-16.342 7.313-16.399 16.958-.065 9.823 7.005 17.249 16.431 17.257 9.151.008 16.237-7.467 16.237-17.12 0-9.66-7.07-17.086-16.269-17.095m80.73 25.04c-1.239 3.652-5.758 9.41-15.443 9.41-9.167 0-16.091-7.807-15.808-15.338 0 0 42.046-.04 42.086 0 2.648-18.982-9.094-30.44-25.93-30.44-20.116 0-28.538 16.033-28.538 27.857 0 20.868 16.196 28.999 28.141 28.999 13.07-.008 23.128-6.22 27.825-18.034-4.235-.843-8.082-1.62-12.333-2.454m-15.273-25.161c9.547 0 14.171 5.83 13.937 10.527H288.43c0-3.716 5.831-10.527 14.844-10.527m-198.995-13.75a7.12 7.12 0 0 0-5.182-2.082h-.033A10.17 10.17 0 0 1 88.901 7.232v-.009A7.126 7.126 0 0 0 81.848 0H24.529a7.11 7.11 0 0 0-7.061 7.224A10.204 10.204 0 0 1 7.264 17.426 7.117 7.117 0 0 0 0 24.594V42.92a7.126 7.126 0 0 0 7.272 7.142 10.204 10.204 0 0 1 10.204 10.172v18.609a2.51 2.51 0 0 0 4.47 1.571l10.333-12.916h49.569a7.11 7.11 0 0 0 7.053-7.224c0-5.644 4.551-10.203 10.188-10.203h.016a7.12 7.12 0 0 0 7.272-7.151V24.586a7.1 7.1 0 0 0-2.098-5.061zM92.092 43.113a10.204 10.204 0 0 1-10.204 10.099H24.473a10.204 10.204 0 0 1-10.196-10.099v-18.73a10.204 10.204 0 0 1 10.204-10.099h57.407a10.204 10.204 0 0 1 10.204 10.098z\" fill=\"@{text}\"/><path d=\"M37.332 23.007a7.16 7.16 0 0 0-7.158 7.166v7.16a7.159 7.159 0 1 0 14.317 0v-7.16a7.16 7.16 0 0 0-7.159-7.158zm31.704 0a7.16 7.16 0 0 0-7.158 7.166v7.16a7.162 7.162 0 0 0 14.325 0v-7.16a7.16 7.16 0 0 0-7.167-7.158z\" fill=\"@{text}\"/><path d=\"m36.717 98.918 10.041-12.552h49.569a7.11 7.11 0 0 0 7.061-7.215 10.206 10.206 0 0 1 10.155-10.212h.041a7.12 7.12 0 0 0 5.144-2.04 7.1 7.1 0 0 0 2.128-5.11V43.68a7.85 7.85 0 0 0-1.62-4.778l-2.008-2.615v20.78a7.14 7.14 0 0 1-2.127 5.103 7.13 7.13 0 0 1-5.137 2.047h-.049A10.203 10.203 0 0 0 99.76 74.42a7.126 7.126 0 0 1-7.053 7.224H43.13l-10.916 13.67a2.891 2.891 0 0 0 4.503 3.611z\" fill=\"url(#b)\"/><path d=\"M25.201 85.573 35.883 72.21H85.45a7.11 7.11 0 0 0 7.053-7.216v-.016c0-5.612 4.535-10.171 10.147-10.203h.057a7.117 7.117 0 0 0 7.272-7.143V26.837l2.624 3.418a7.86 7.86 0 0 1 1.62 4.786V53.14a7.13 7.13 0 0 1-7.264 7.142h-.049a10.205 10.205 0 0 0-10.155 10.212 7.126 7.126 0 0 1-7.053 7.223H40.126L30.48 89.784a3.377 3.377 0 0 1-5.28-4.211\" fill=\"url(#c)\"/></g><defs><linearGradient id=\"b\" x1=\"144.446\" y1=\"31.1048\" x2=\"32.6514\" y2=\"111.454\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"@{sapphire}\"/><stop offset=\"1\" stop-color=\"@{lavender}\"/></linearGradient><linearGradient id=\"c\" x1=\"24.7477\" y1=\"103.283\" x2=\"122.565\" y2=\"32.5381\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"@{pink}\"/><stop offset=\"1\" stop-color=\"@{mauve}\"/></linearGradient><clipPath id=\"a\"><rect width=\"330.88\" height=\"99.9953\" fill=\"white\"/></clipPath></defs></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n}\n",
|
|
"originalDigest": "f3cb6ce832b4fa28e5b695377a8150aeca6368d3",
|
|
"_id": "22c39cd9-819b-44dd-952a-b44d76a55f69",
|
|
"_rev": 1780236871221,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 87
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Google Photos Catppuccin",
|
|
"description": "Soothing pastel theme for Google Photos",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/google-photos/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Google Photos Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/google-photos",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/google-photos",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/google-photos/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agoogle-photos",
|
|
"description": "Soothing pastel theme for Google Photos",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Google Photos Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/google-photos\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/google-photos\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/google-photos/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agoogle-photos\n@description Soothing pastel theme for Google Photos\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"photos.google.com\") {\n body {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n .zKHdkd {\n #catppuccin(@lightFlavor);\n }\n\n .dm7YTc {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n @inverse-theme: if(@flavor = latte, mocha, latte);\n @inverse-accent: @catppuccin[@@inverse-theme][@@accentColor];\n // @color-scheme: if(@flavor = latte, light, dark); // Seems like a bug, this should be `color-scheme` not `@color-scheme`? This variable is not used anywhere else.\n\n // GM3 base\n\n @gm3-sys-color-error: @red;\n @gm3-sys-color-error-rgb: #lib.rgbify(@gm3-sys-color-error)[];\n @gm3-sys-color-error-container: saturate(\n mix(@gm3-sys-color-error, @mantle, 30%),\n 20%\n );\n @gm3-sys-color-error-container-rgb: #lib.rgbify(\n @gm3-sys-color-error-container,\n )[];\n\n @gm3-sys-color-on-error: saturate(\n mix(@gm3-sys-color-error, @base, 20%),\n 25%\n );\n @gm3-sys-color-on-error-rgb: #lib.rgbify(@gm3-sys-color-on-error)[];\n @gm3-sys-color-on-error-container: saturate(\n mix(@gm3-sys-color-error-container, @text, 20%),\n 25%\n );\n @gm3-sys-color-on-error-container-rgb: #lib.rgbify(\n @gm3-sys-color-on-error-container,\n )[];\n\n @gm3-sys-color-primary: @accent;\n @gm3-sys-color-primary-rgb: #lib.rgbify(@gm3-sys-color-primary)[];\n @gm3-sys-color-primary-fixed: lighten(@accent, 5%);\n @gm3-sys-color-primary-fixed-rgb: #lib.rgbify(\n @gm3-sys-color-primary-fixed,\n )[];\n @gm3-sys-color-primary-fixed-dim: darken(@accent, 5%);\n @gm3-sys-color-primary-fixed-dim-rgb: #lib.rgbify(\n @gm3-sys-color-primary-fixed-dim,\n )[];\n\n @gm3-sys-color-on-primary: saturate(\n mix(@gm3-sys-color-primary, @base, 20%),\n 25%\n );\n @gm3-sys-color-on-primary-rgb: #lib.rgbify(@gm3-sys-color-on-primary)[];\n @gm3-sys-color-on-primary-fixed: darken(@gm3-sys-color-on-primary, 5%);\n @gm3-sys-color-on-primary-fixed-rgb: #lib.rgbify(\n @gm3-sys-color-on-primary-fixed,\n )[];\n @gm3-sys-color-on-primary-fixed-variant: lighten(\n @gm3-sys-color-on-primary,\n 5%\n );\n @gm3-sys-color-on-primary-fixed-variant-rgb: #lib.rgbify(\n @gm3-sys-color-on-primary-fixed-variant,\n )[];\n\n @gm3-sys-color-primary-container: saturate(\n mix(@gm3-sys-color-primary, @mantle, 30%),\n 20%\n );\n @gm3-sys-color-primary-container-rgb: #lib.rgbify(\n @gm3-sys-color-primary-container,\n )[];\n @gm3-sys-color-on-primary-container: saturate(\n mix(@gm3-sys-color-primary, @text, 20%),\n 25%\n );\n @gm3-sys-color-on-primary-container-rgb: #lib.rgbify(\n @gm3-sys-color-on-primary-container,\n )[];\n\n @gm3-sys-color-secondary: desaturate(@accent, 20%);\n @gm3-sys-color-secondary-rgb: #lib.rgbify(@gm3-sys-color-secondary)[];\n @gm3-sys-color-secondary-fixed: lighten(@gm3-sys-color-secondary, 5%);\n @gm3-sys-color-secondary-fixed-rgb: #lib.rgbify(\n @gm3-sys-color-secondary-fixed,\n )[];\n @gm3-sys-color-secondary-fixed-dim: darken(@gm3-sys-color-secondary, 5%);\n @gm3-sys-color-secondary-fixed-dim-rgb: #lib.rgbify(\n @gm3-sys-color-secondary-fixed-dim,\n )[];\n\n @gm3-sys-color-on-secondary: saturate(\n mix(@gm3-sys-color-secondary, @base, 20%),\n 25%\n );\n @gm3-sys-color-on-secondary-rgb: #lib.rgbify(@gm3-sys-color-on-secondary)[];\n @gm3-sys-color-on-secondary-fixed: darken(\n @gm3-sys-color-on-secondary,\n 5%\n );\n @gm3-sys-color-on-secondary-fixed-rgb: #lib.rgbify(\n @gm3-sys-color-on-secondary-fixed,\n )[];\n @gm3-sys-color-on-secondary-fixed-variant: lighten(\n @gm3-sys-color-on-primary,\n 5%\n );\n @gm3-sys-color-on-secondary-fixed-variant-rgb: #lib.rgbify(\n @gm3-sys-color-on-secondary-fixed-variant,\n )[];\n\n @gm3-sys-color-secondary-container: saturate(\n mix(@gm3-sys-color-secondary, @mantle, 35%),\n 10%\n );\n @gm3-sys-color-secondary-container-rgb: #lib.rgbify(\n @gm3-sys-color-secondary-container,\n )[];\n @gm3-sys-color-on-secondary-container: saturate(\n mix(@gm3-sys-color-secondary, @text, 75%),\n 25%\n );\n @gm3-sys-color-on-secondary-container-rgb: #lib.rgbify(\n @gm3-sys-color-on-secondary-container,\n )[];\n\n @gm3-sys-color-tertiary: @accent;\n @gm3-sys-color-tertiary-rgb: #lib.rgbify(@gm3-sys-color-tertiary)[];\n @gm3-sys-color-tertiary-fixed: lighten(@gm3-sys-color-tertiary, 5%);\n @gm3-sys-color-tertiary-fixed-rgb: #lib.rgbify(\n @gm3-sys-color-tertiary-fixed,\n )[];\n @gm3-sys-color-tertiary-fixed-dim: darken(@gm3-sys-color-tertiary, 5%);\n @gm3-sys-color-tertiary-fixed-dim-rgb: #lib.rgbify(\n @gm3-sys-color-tertiary-fixed-dim,\n )[];\n\n @gm3-sys-color-on-tertiary: saturate(\n mix(@gm3-sys-color-tertiary, @base, 20%),\n 25%\n );\n @gm3-sys-color-on-tertiary-rgb: #lib.rgbify(@gm3-sys-color-on-tertiary)[];\n @gm3-sys-color-on-tertiary-fixed: darken(@gm3-sys-color-on-tertiary, 5%);\n @gm3-sys-color-on-tertiary-fixed-rgb: #lib.rgbify(\n @gm3-sys-color-on-tertiary-fixed,\n )[];\n @gm3-sys-color-on-tertiary-fixed-variant: lighten(\n @gm3-sys-color-on-tertiary,\n 5%\n );\n @gm3-sys-color-on-tertiary-fixed-variant-rgb: #lib.rgbify(\n @gm3-sys-color-on-tertiary-fixed-variant,\n )[];\n\n @gm3-sys-color-tertiary-container: saturate(\n mix(@gm3-sys-color-tertiary, @mantle, 20%),\n 0%\n );\n @gm3-sys-color-tertiary-container-rgb: #lib.rgbify(\n @gm3-sys-color-tertiary-container,\n )[];\n @gm3-sys-color-on-tertiary-container: saturate(\n mix(@gm3-sys-color-tertiary-container, @text, 20%),\n 25%\n );\n @gm3-sys-color-on-tertiary-container-rgb: #lib.rgbify(\n @gm3-sys-color-on-tertiary-container,\n )[];\n\n @gm3-sys-color-background: @base;\n @gm3-sys-color-background-rgb: #lib.rgbify(@gm3-sys-color-background)[];\n @gm3-sys-color-on-background: @text;\n @gm3-sys-color-on-background-rgb: #lib.rgbify(\n @gm3-sys-color-on-background,\n )[];\n\n @gm3-sys-color-surface: @base;\n @gm3-sys-color-surface-rgb: #lib.rgbify(@gm3-sys-color-surface)[];\n @gm3-sys-color-surface-bright: @surface0;\n @gm3-sys-color-surface-bright-rgb: #lib.rgbify(\n @gm3-sys-color-surface-bright,\n )[];\n @gm3-sys-color-surface-dim: @crust;\n @gm3-sys-color-surface-dim-rgb: #lib.rgbify(@gm3-sys-color-surface-dim)[];\n @gm3-sys-color-surface-variant: mix(@mantle, @accent, 87.5%);\n @gm3-sys-color-surface-variant-rgb: #lib.rgbify(\n @gm3-sys-color-surface-variant,\n )[];\n @gm3-sys-color-surface-tint: @accent;\n @gm3-sys-color-surface-tint-rgb: #lib.rgbify(@gm3-sys-color-surface-tint)[];\n\n @gm3-sys-color-on-surface: @text;\n @gm3-sys-color-on-surface-rgb: #lib.rgbify(@gm3-sys-color-on-surface)[];\n @gm3-sys-color-on-surface-variant: @subtext0;\n @gm3-sys-color-on-surface-variant-rgb: #lib.rgbify(\n @gm3-sys-color-on-surface-variant,\n )[];\n\n @gm3-sys-color-inverse-surface: @text;\n @gm3-sys-color-inverse-surface-rgb: #lib.rgbify(\n @gm3-sys-color-inverse-surface,\n )[];\n @gm3-sys-color-inverse-on-surface: @mantle;\n @gm3-sys-color-inverse-on-surface-rgb: #lib.rgbify(\n @gm3-sys-color-inverse-on-surface,\n )[];\n @gm3-sys-color-inverse-primary: @inverse-accent;\n @gm3-sys-color-inverse-primary-rgb: #lib.rgbify(\n @gm3-sys-color-inverse-primary,\n )[];\n\n @gm3-sys-color-surface-container-highest: @surface1;\n @gm3-sys-color-surface-container-highest-rgb: #lib.rgbify(\n @gm3-sys-color-surface-container-highest,\n )[];\n @gm3-sys-color-surface-container-high: @surface0;\n @gm3-sys-color-surface-container-high-rgb: #lib.rgbify(\n @gm3-sys-color-surface-container-high,\n )[];\n @gm3-sys-color-surface-container: @surface0;\n @gm3-sys-color-surface-container-rgb: #lib.rgbify(\n @gm3-sys-color-surface-container,\n )[];\n @gm3-sys-color-surface-container-low: @mantle;\n @gm3-sys-color-surface-container-low-rgb: #lib.rgbify(\n @gm3-sys-color-surface-container-low,\n )[];\n @gm3-sys-color-surface-container-lowest: @crust;\n @gm3-sys-color-surface-container-lowest-rgb: #lib.rgbify(\n @gm3-sys-color-surface-container-lowest,\n )[];\n\n @gm3-sys-color-outline: @overlay2;\n @gm3-sys-color-outline-rgb: #lib.rgbify(@gm3-sys-color-outline)[];\n @gm3-sys-color-outline-variant: @overlay0;\n @gm3-sys-color-outline-variant-rgb: #lib.rgbify(\n @gm3-sys-color-outline-variant,\n )[];\n\n @gm3-sys-color-scrim: #000;\n @gm3-sys-color-scrim-rgb: #lib.rgbify(@gm3-sys-color-scrim)[];\n @gm3-sys-color-shadow: #000;\n @gm3-sys-color-shadow-rgb: #lib.rgbify(@gm3-sys-color-shadow)[];\n\n --gm3-sys-color-background: @gm3-sys-color-background;\n --gm3-sys-color-background-rgb: @gm3-sys-color-background-rgb;\n --gm3-sys-color-error: @gm3-sys-color-error;\n --gm3-sys-color-error-rgb: @gm3-sys-color-error-rgb;\n --gm3-sys-color-error-container: @gm3-sys-color-error-container;\n --gm3-sys-color-error-container-rgb: @gm3-sys-color-error-container-rgb;\n --gm3-sys-color-inverse-on-surface: @gm3-sys-color-inverse-on-surface;\n --gm3-sys-color-inverse-on-surface-rgb: @gm3-sys-color-inverse-on-surface-rgb;\n --gm3-sys-color-inverse-primary: @gm3-sys-color-inverse-primary;\n --gm3-sys-color-inverse-primary-rgb: @gm3-sys-color-inverse-primary-rgb;\n --gm3-sys-color-inverse-surface: @gm3-sys-color-inverse-surface;\n --gm3-sys-color-inverse-surface-rgb: @gm3-sys-color-inverse-surface-rgb;\n --gm3-sys-color-on-background: @gm3-sys-color-on-background;\n --gm3-sys-color-on-background-rgb: @gm3-sys-color-on-background-rgb;\n --gm3-sys-color-on-error: @gm3-sys-color-on-error;\n --gm3-sys-color-on-error-rgb: @gm3-sys-color-on-error-rgb;\n --gm3-sys-color-on-error-container: @gm3-sys-color-on-error-container;\n --gm3-sys-color-on-error-container-rgb: @gm3-sys-color-on-error-container-rgb;\n --gm3-sys-color-on-primary: @gm3-sys-color-on-primary;\n --gm3-sys-color-on-primary-rgb: @gm3-sys-color-on-primary-rgb;\n --gm3-sys-color-on-primary-container: @gm3-sys-color-on-primary-container;\n --gm3-sys-color-on-primary-container-rgb: @gm3-sys-color-on-primary-container-rgb;\n --gm3-sys-color-on-primary-fixed: @gm3-sys-color-on-primary-fixed;\n --gm3-sys-color-on-primary-fixed-rgb: @gm3-sys-color-on-primary-fixed-rgb;\n --gm3-sys-color-on-primary-fixed-variant: @gm3-sys-color-on-primary-fixed-variant;\n --gm3-sys-color-on-primary-fixed-variant-rgb: @gm3-sys-color-on-primary-fixed-variant-rgb;\n --gm3-sys-color-on-secondary: @gm3-sys-color-on-secondary;\n --gm3-sys-color-on-secondary-rgb: @gm3-sys-color-on-secondary-rgb;\n --gm3-sys-color-on-secondary-container: @gm3-sys-color-on-secondary-container;\n --gm3-sys-color-on-secondary-container-rgb: @gm3-sys-color-on-secondary-container-rgb;\n --gm3-sys-color-on-secondary-fixed: @gm3-sys-color-on-secondary-fixed;\n --gm3-sys-color-on-secondary-fixed-rgb: @gm3-sys-color-on-secondary-fixed-rgb;\n --gm3-sys-color-on-secondary-fixed-variant: @gm3-sys-color-on-secondary-fixed-variant;\n --gm3-sys-color-on-secondary-fixed-variant-rgb: @gm3-sys-color-on-secondary-fixed-variant-rgb;\n --gm3-sys-color-on-surface: @gm3-sys-color-on-surface;\n --gm3-sys-color-on-surface-rgb: @gm3-sys-color-on-surface-rgb;\n --gm3-sys-color-on-surface-variant: @gm3-sys-color-on-surface-variant;\n --gm3-sys-color-on-surface-variant-rgb: @gm3-sys-color-on-surface-variant-rgb;\n --gm3-sys-color-on-tertiary: @gm3-sys-color-on-tertiary;\n --gm3-sys-color-on-tertiary-rgb: @gm3-sys-color-on-tertiary-rgb;\n --gm3-sys-color-on-tertiary-container: @gm3-sys-color-on-tertiary-container;\n --gm3-sys-color-on-tertiary-container-rgb: @gm3-sys-color-on-tertiary-container-rgb;\n --gm3-sys-color-on-tertiary-fixed: @gm3-sys-color-on-tertiary-fixed;\n --gm3-sys-color-on-tertiary-fixed-rgb: @gm3-sys-color-on-tertiary-fixed-rgb;\n --gm3-sys-color-on-tertiary-fixed-variant: @gm3-sys-color-on-tertiary-fixed-variant;\n --gm3-sys-color-on-tertiary-fixed-variant-rgb: @gm3-sys-color-on-tertiary-fixed-variant-rgb;\n --gm3-sys-color-outline: @gm3-sys-color-outline;\n --gm3-sys-color-outline-rgb: @gm3-sys-color-outline-rgb;\n --gm3-sys-color-outline-variant: @gm3-sys-color-outline-variant;\n --gm3-sys-color-outline-variant-rgb: @gm3-sys-color-outline-variant-rgb;\n --gm3-sys-color-primary: @gm3-sys-color-primary;\n --gm3-sys-color-primary-rgb: @gm3-sys-color-primary-rgb;\n --gm3-sys-color-primary-container: @gm3-sys-color-primary-container;\n --gm3-sys-color-primary-container-rgb: @gm3-sys-color-primary-container-rgb;\n --gm3-sys-color-primary-fixed: @gm3-sys-color-primary-fixed;\n --gm3-sys-color-primary-fixed-rgb: @gm3-sys-color-primary-fixed-rgb;\n --gm3-sys-color-primary-fixed-dim: @gm3-sys-color-primary-fixed-dim;\n --gm3-sys-color-primary-fixed-dim-rgb: @gm3-sys-color-primary-fixed-dim-rgb;\n --gm3-sys-color-scrim: @gm3-sys-color-scrim;\n --gm3-sys-color-scrim-rgb: @gm3-sys-color-scrim-rgb;\n --gm3-sys-color-secondary: @gm3-sys-color-secondary;\n --gm3-sys-color-secondary-rgb: @gm3-sys-color-secondary-rgb;\n --gm3-sys-color-secondary-container: @gm3-sys-color-secondary-container;\n --gm3-sys-color-secondary-container-rgb: @gm3-sys-color-secondary-container-rgb;\n --gm3-sys-color-secondary-fixed: @gm3-sys-color-secondary-fixed;\n --gm3-sys-color-secondary-fixed-rgb: @gm3-sys-color-secondary-fixed-rgb;\n --gm3-sys-color-secondary-fixed-dim: @gm3-sys-color-secondary-fixed-dim;\n --gm3-sys-color-secondary-fixed-dim-rgb: @gm3-sys-color-secondary-fixed-dim-rgb;\n --gm3-sys-color-shadow: @gm3-sys-color-shadow;\n --gm3-sys-color-shadow-rgb: @gm3-sys-color-shadow-rgb;\n --gm3-sys-color-surface: @gm3-sys-color-surface;\n --gm3-sys-color-surface-rgb: @gm3-sys-color-surface-rgb;\n --gm3-sys-color-surface-bright: @gm3-sys-color-surface-bright;\n --gm3-sys-color-surface-bright-rgb: @gm3-sys-color-surface-bright-rgb;\n --gm3-sys-color-surface-container: @gm3-sys-color-surface-container;\n --gm3-sys-color-surface-container-rgb: @gm3-sys-color-surface-container-rgb;\n --gm3-sys-color-surface-container-high: @gm3-sys-color-surface-container-high;\n --gm3-sys-color-surface-container-high-rgb: @gm3-sys-color-surface-container-high-rgb;\n --gm3-sys-color-surface-container-highest: @gm3-sys-color-surface-container-highest;\n --gm3-sys-color-surface-container-highest-rgb: @gm3-sys-color-surface-container-highest-rgb;\n --gm3-sys-color-surface-container-low: @gm3-sys-color-surface-container-low;\n --gm3-sys-color-surface-container-low-rgb: @gm3-sys-color-surface-container-low-rgb;\n --gm3-sys-color-surface-container-lowest: @gm3-sys-color-surface-container-lowest;\n --gm3-sys-color-surface-container-lowest-rgb: @gm3-sys-color-surface-container-lowest-rgb;\n --gm3-sys-color-surface-dim: @gm3-sys-color-surface-dim;\n --gm3-sys-color-surface-dim-rgb: @gm3-sys-color-surface-dim-rgb;\n --gm3-sys-color-surface-tint: @gm3-sys-color-surface-tint;\n --gm3-sys-color-surface-tint-rgb: @gm3-sys-color-surface-tint-rgb;\n --gm3-sys-color-surface-variant: @gm3-sys-color-surface-variant;\n --gm3-sys-color-surface-variant-rgb: @gm3-sys-color-surface-variant-rgb;\n --gm3-sys-color-tertiary: @gm3-sys-color-tertiary;\n --gm3-sys-color-tertiary-rgb: @gm3-sys-color-tertiary-rgb;\n --gm3-sys-color-tertiary-container: @gm3-sys-color-tertiary-container;\n --gm3-sys-color-tertiary-container-rgb: @gm3-sys-color-tertiary-container-rgb;\n --gm3-sys-color-tertiary-fixed: @gm3-sys-color-tertiary-fixed;\n --gm3-sys-color-tertiary-fixed-rgb: @gm3-sys-color-tertiary-fixed-rgb;\n --gm3-sys-color-tertiary-fixed-dim: @gm3-sys-color-tertiary-fixed-dim;\n --gm3-sys-color-tertiary-fixed-dim-rgb: @gm3-sys-color-tertiary-fixed-dim-rgb;\n --mdc-ripple-color: var(--gm3-sys-color-primary);\n\n // GM3 Photos\n\n @gm3-sys-color-caution: @yellow;\n @gm3-sys-color-caution-rgb: #lib.rgbify(@gm3-sys-color-caution)[];\n @gm3-sys-color-on-caution: saturate(\n mix(@gm3-sys-color-caution, @base, 20%),\n 25%\n );\n @gm3-sys-color-on-caution-rgb: #lib.rgbify(@gm3-sys-color-on-caution)[];\n @gm3-sys-color-caution-container: saturate(\n mix(@gm3-sys-color-caution, @mantle, 30%),\n 20%\n );\n @gm3-sys-color-caution-container-rgb: #lib.rgbify(\n @gm3-sys-color-caution-container,\n )[];\n @gm3-sys-color-on-caution-container: saturate(\n mix(@gm3-sys-color-caution-container, @text, 20%),\n 25%\n );\n @gm3-sys-color-on-caution-container-rgb: #lib.rgbify(\n @gm3-sys-color-on-caution-container,\n )[];\n @gm3-sys-color-storage-meter-normal-primary: @blue;\n @gm3-sys-color-storage-meter-normal-primary-rgb: #lib.rgbify(\n @gm3-sys-color-storage-meter-normal-primary,\n )[];\n @gm3-sys-color-storage-meter-normal-secondary: lighten(\n spin(@blue, -20deg),\n 10%\n );\n @gm3-sys-color-storage-meter-normal-secondary-rgb: #lib.rgbify(\n @gm3-sys-color-storage-meter-normal-secondary,\n )[];\n @gm3-sys-color-storage-meter-caution-primary: saturate(\n darken(@yellow, 10%),\n 10%\n );\n @gm3-sys-color-storage-meter-caution-primary-rgb: #lib.rgbify(\n @gm3-sys-color-storage-meter-caution-primary,\n )[];\n @gm3-sys-color-storage-meter-caution-secondary: @yellow;\n @gm3-sys-color-storage-meter-caution-secondary-rgb: #lib.rgbify(\n @gm3-sys-color-storage-meter-caution-secondary,\n )[];\n @gm3-sys-color-storage-meter-warning-primary: saturate(\n darken(@red, 10%),\n 10%\n );\n @gm3-sys-color-storage-meter-warning-primary-rgb: #lib.rgbify(\n @gm3-sys-color-storage-meter-warning-primary,\n )[];\n @gm3-sys-color-storage-meter-warning-secondary: @red;\n @gm3-sys-color-storage-meter-warning-secondary-rgb: #lib.rgbify(\n @gm3-sys-color-storage-meter-warning-secondary,\n )[];\n @gm3-sys-color-on-scrim: #fff;\n @gm3-sys-color-on-scrim-rgb: #lib.rgbify(@gm3-sys-color-on-scrim)[];\n @gm3-sys-color-lights-out-background: #000;\n @gm3-sys-color-lights-out-background-rgb: #lib.rgbify(\n @gm3-sys-color-lights-out-background,\n )[];\n @gm3-sys-color-gems-main: @blue;\n @gm3-sys-color-gems-main-rgb: #lib.rgbify(@gm3-sys-color-gems-main)[];\n @gm3-sys-color-gems-muted: @sapphire;\n @gm3-sys-color-gems-muted-rgb: #lib.rgbify(@gm3-sys-color-gems-muted)[];\n @gm3-sys-color-gems-analog: @lavender;\n @gm3-sys-color-gems-analog-rgb: #lib.rgbify(@gm3-sys-color-gems-analog)[];\n @gm3-sys-color-gems-complement: @peach;\n @gm3-sys-color-gems-complement-rgb: #lib.rgbify(\n @gm3-sys-color-gems-complement,\n )[];\n @gm3-sys-color-twitter: @text;\n @gm3-sys-color-twitter-rgb: #lib.rgbify(@gm3-sys-color-twitter)[];\n\n --gm3-sys-color-caution: @gm3-sys-color-caution;\n --gm3-sys-color-caution-rgb: @gm3-sys-color-caution-rgb;\n --gm3-sys-color-on-caution: @gm3-sys-color-on-caution;\n --gm3-sys-color-on-caution-rgb: @gm3-sys-color-on-caution-rgb;\n --gm3-sys-color-caution-container: @gm3-sys-color-caution-container;\n --gm3-sys-color-caution-container-rgb: @gm3-sys-color-caution-container-rgb;\n --gm3-sys-color-on-caution-container: @gm3-sys-color-on-caution-container;\n --gm3-sys-color-on-caution-container-rgb: @gm3-sys-color-on-caution-container-rgb;\n --gm3-sys-color-storage-meter-normal-primary: @gm3-sys-color-storage-meter-normal-primary;\n --gm3-sys-color-storage-meter-normal-primary-rgb: @gm3-sys-color-storage-meter-normal-primary-rgb;\n --gm3-sys-color-storage-meter-normal-secondary: @gm3-sys-color-storage-meter-normal-secondary;\n --gm3-sys-color-storage-meter-normal-secondary-rgb: @gm3-sys-color-storage-meter-normal-secondary-rgb;\n --gm3-sys-color-storage-meter-caution-primary: @gm3-sys-color-storage-meter-caution-primary;\n --gm3-sys-color-storage-meter-caution-primary-rgb: @gm3-sys-color-storage-meter-caution-primary-rgb;\n --gm3-sys-color-storage-meter-caution-secondary: @gm3-sys-color-storage-meter-caution-secondary;\n --gm3-sys-color-storage-meter-caution-secondary-rgb: @gm3-sys-color-storage-meter-caution-secondary-rgb;\n --gm3-sys-color-storage-meter-warning-primary: @gm3-sys-color-storage-meter-warning-primary;\n --gm3-sys-color-storage-meter-warning-primary-rgb: @gm3-sys-color-storage-meter-warning-primary-rgb;\n --gm3-sys-color-storage-meter-warning-secondary: @gm3-sys-color-storage-meter-warning-secondary;\n --gm3-sys-color-storage-meter-warning-secondary-rgb: @gm3-sys-color-storage-meter-warning-secondary-rgb;\n --gm3-sys-color-on-scrim: @gm3-sys-color-on-scrim;\n --gm3-sys-color-on-scrim-rgb: @gm3-sys-color-on-scrim-rgb;\n --gm3-sys-color-lights-out-background: @gm3-sys-color-lights-out-background;\n --gm3-sys-color-lights-out-background-rgb: @gm3-sys-color-lights-out-background-rgb;\n --gm3-sys-color-gems-main: @gm3-sys-color-gems-main;\n --gm3-sys-color-gems-main-rgb: @gm3-sys-color-gems-main-rgb;\n --gm3-sys-color-gems-muted: @gm3-sys-color-gems-muted;\n --gm3-sys-color-gems-muted-rgb: @gm3-sys-color-gems-muted-rgb;\n --gm3-sys-color-gems-analog: @gm3-sys-color-gems-analog;\n --gm3-sys-color-gems-analog-rgb: @gm3-sys-color-gems-analog-rgb;\n --gm3-sys-color-gems-complement: @gm3-sys-color-gems-complement;\n --gm3-sys-color-gems-complement-rgb: @gm3-sys-color-gems-complement-rgb;\n --gm3-sys-color-twitter: @gm3-sys-color-twitter;\n --gm3-sys-color-twitter-rgb: @gm3-sys-color-twitter-rgb;\n\n /* google 1 more storage border */\n .BZXMjd.mPxwXe {\n background-image:\n conic-gradient(\n var(--gm3-sys-color-background),\n var(--gm3-sys-color-background)\n ),\n conic-gradient(\n from 2deg,\n @yellow 0deg,\n @yellow 90deg,\n @green 90deg,\n @green 180deg,\n @blue 180deg,\n @blue 270deg,\n @red 270deg,\n @red 1turn\n ),\n linear-gradient(\n var(--gm3-sys-color-outline-variant,),\n var(--gm3-sys-color-outline-variant,)\n );\n }\n\n // google one icon\n .BZXMjd.mPxwXe .oXxEid {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30\" height=\"30\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"m14.573 7.63-.003.001-4.245 3.561a1.725 1.725 0 1 0 2.216 2.642l1.413-1.184V8.952c0-.53.241-1.007.62-1.323z\" fill=\"@{yellow}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15.68 22.771c.952 0 1.724-.772 1.724-1.725v-1.52l-3.45-2.675v4.195c0 .953.773 1.725 1.725 1.725z\" fill=\"@{green}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17.404 8.944a1.72 1.72 0 0 1-.616 1.33l-2.833 2.376v4.2l3.45 2.676V8.943z\" fill=\"@{blue}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17.404 8.944v-.016a2 2 0 0 0-.009-.154V8.77a2 2 0 0 0-.025-.16v-.001a2 2 0 0 0-.04-.16s0-.002-.002-.003a1 1 0 0 0-.056-.154q0-.003-.002-.005a2 2 0 0 0-.072-.152v-.002a2 2 0 0 0-.195-.286l-.005-.006a2 2 0 0 0-.112-.12l-.014-.013a1.5 1.5 0 0 0-.249-.2q-.011-.005-.023-.013a2 2 0 0 0-.125-.072l-.019-.01a1 1 0 0 0-.136-.061l-.013-.006a2 2 0 0 0-.147-.05l-.008-.001a2 2 0 0 0-.154-.037l-.008-.001a2 2 0 0 0-.154-.021l-.014-.001a1 1 0 0 0-.152-.006h-.015a2 2 0 0 0-.154.009h-.004a2 2 0 0 0-.16.024h-.002a2 2 0 0 0-.159.04l-.004.002a3 3 0 0 0-.154.056l-.006.002q-.075.032-.149.072h-.004a2 2 0 0 0-.146.09v.002a1.72 1.72 0 0 0-.757 1.427v3.697l2.832-2.375a1.72 1.72 0 0 0 .616-1.331\" fill=\"@{red}\"/><mask id=\"a\" maskUnits=\"userSpaceOnUse\" x=\"14\" y=\"29\" width=\"2\" height=\"1\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.325 29.491h1.35V30h-1.35z\" fill=\"@{text}\"/></mask><g mask=\"url(#a)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15 30q.338 0 .674-.016h-1.349Q14.66 30 15 30\" fill=\"@{green}\"/></g><mask id=\"b\" maskUnits=\"userSpaceOnUse\" x=\"10\" y=\"29\" width=\"10\" height=\"1\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.685 29.176h8.63V30h-8.63z\" fill=\"@{text}\"/></mask><g mask=\"url(#b)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.685 29.369c1.18.354 2.397.56 3.641.615h1.348a15 15 0 0 0 3.642-.615h-8.63z\" fill=\"@{green}\"/></g><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M20.84 28.82a15 15 0 0 0 4.56-3.013h.002l.206-.201.005-.006-1.566-1.196-.049.047a13 13 0 0 1-3.919 2.573A13 13 0 0 1 15 28.05c-1.762 0-3.472-.345-5.08-1.026a13 13 0 0 1-4.146-2.797 13 13 0 0 1-2.076-2.702l-1.512 1.272a15 15 0 0 0 2.208 2.809 14.96 14.96 0 0 0 6.291 3.763h8.63a15 15 0 0 0 1.524-.548z\" fill=\"@{green}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.604 8.637a13 13 0 0 1 2.168-2.865A13 13 0 0 1 15 1.95a12.98 12.98 0 0 1 8.37 3.036l1.51-1.27a14.9 14.9 0 0 0-9.205-3.7h-1.35a14.96 14.96 0 0 0-9.932 4.378A15 15 0 0 0 2.13 7.291l-.002-.002-.107.184-.037.064L3.55 8.736c.02-.034.035-.066.054-.099\" fill=\"@{red}\"/><mask id=\"c\" maskUnits=\"userSpaceOnUse\" x=\"14\" y=\"0\" width=\"2\" height=\"1\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.324 0h1.351v.508h-1.35V0z\" fill=\"@{text}\"/></mask><g mask=\"url(#c)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15 0q-.339 0-.676.016h1.351A14 14 0 0 0 15 0\" fill=\"@{red}\"/></g><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.405 20.993A13 13 0 0 1 1.951 15c0-1.762.345-3.471 1.024-5.08.169-.4.364-.796.576-1.184L1.984 7.539l-.044.077h.002A14.9 14.9 0 0 0 .001 15a14.9 14.9 0 0 0 1.731 7.003H1.73l.076.14.104.193.003-.003q.133.234.272.465l1.513-1.272q-.153-.262-.293-.532z\" fill=\"@{yellow}\"/><mask id=\"d\" maskUnits=\"userSpaceOnUse\" x=\"23\" y=\"3\" width=\"8\" height=\"23\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M23.37 3.716H30V25.6h-6.63z\" fill=\"@{text}\"/></mask><g mask=\"url(#d)\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M23.776 5.342A13 13 0 0 1 28.05 15c0 1.762-.344 3.47-1.024 5.079a13 13 0 0 1-2.797 4.148q-.09.09-.18.177l1.565 1.196.011-.01.045-.045v-.001A14.97 14.97 0 0 0 30 15a14.96 14.96 0 0 0-4.394-10.607l-.152-.147.002-.002-.157-.148-.002-.002-.115-.11-.002.003a11 11 0 0 0-.3-.271l-1.51 1.27q.205.173.405.356z\" fill=\"@{blue}\"/></g></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n // google logo\n .UDKXKd,\n .uuRyud {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"74\" height=\"24\" viewBox=\"0 0 74 24\"><path fill=\"@{blue}\" d=\"M9.24 8.19v2.46h5.88c-.18 1.38-.64 2.39-1.34 3.1-.86.86-2.2 1.8-4.54 1.8-3.62 0-6.45-2.92-6.45-6.54s2.83-6.54 6.45-6.54c1.95 0 3.38.77 4.43 1.76L15.4 2.5C13.94 1.08 11.98 0 9.24 0 4.28 0 .11 4.04.11 9s4.17 9 9.13 9c2.68 0 4.7-.88 6.28-2.52 1.62-1.62 2.13-3.91 2.13-5.75 0-.57-.04-1.1-.13-1.54z\"/><path fill=\"@{red}\" d=\"M25 6.19c-3.21 0-5.83 2.44-5.83 5.81 0 3.34 2.62 5.81 5.83 5.81s5.83-2.46 5.83-5.81c0-3.37-2.62-5.81-5.83-5.81m0 9.33c-1.76 0-3.28-1.45-3.28-3.52 0-2.09 1.52-3.52 3.28-3.52s3.28 1.43 3.28 3.52c0 2.07-1.52 3.52-3.28 3.52\"/><path fill=\"@{blue}\" d=\"M53.58 7.49h-.09c-.57-.68-1.67-1.3-3.06-1.3C47.53 6.19 45 8.72 45 12c0 3.26 2.53 5.81 5.43 5.81 1.39 0 2.49-.62 3.06-1.32h.09v.81c0 2.22-1.19 3.41-3.1 3.41-1.56 0-2.53-1.12-2.93-2.07l-2.22.92c.64 1.54 2.33 3.43 5.15 3.43 2.99 0 5.52-1.76 5.52-6.05V6.49h-2.42zm-2.93 8.03c-1.76 0-3.1-1.5-3.1-3.52 0-2.05 1.34-3.52 3.1-3.52 1.74 0 3.1 1.5 3.1 3.54.01 2.03-1.36 3.5-3.1 3.5\"/><path fill=\"@{yellow}\" d=\"M38 6.19c-3.21 0-5.83 2.44-5.83 5.81 0 3.34 2.62 5.81 5.83 5.81s5.83-2.46 5.83-5.81c0-3.37-2.62-5.81-5.83-5.81m0 9.33c-1.76 0-3.28-1.45-3.28-3.52 0-2.09 1.52-3.52 3.28-3.52s3.28 1.43 3.28 3.52c0 2.07-1.52 3.52-3.28 3.52\"/><path fill=\"@{green}\" d=\"M58 .24h2.51v17.57H58z\"/><path fill=\"@{red}\" d=\"M68.26 15.52c-1.3 0-2.22-.59-2.82-1.76l7.77-3.21-.26-.66c-.48-1.3-1.96-3.7-4.97-3.7-2.99 0-5.48 2.35-5.48 5.81 0 3.26 2.46 5.81 5.76 5.81 2.66 0 4.2-1.63 4.84-2.57l-1.98-1.32c-.66.96-1.56 1.6-2.86 1.6m-.18-7.15c1.03 0 1.91.53 2.2 1.28l-5.25 2.17c0-2.44 1.73-3.45 3.05-3.45\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n // app store install button\n .ASbIvd {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"135\" height=\"40\" viewBox=\"0 0 135 40\"><path fill=\"@{text}\" d=\"M130.197 40H4.73A4.74 4.74 0 0 1 0 35.267V4.727A4.734 4.734 0 0 1 4.73 0h125.467C132.803 0 135 2.12 135 4.726v30.54c0 2.606-2.197 4.734-4.803 4.734\"/><path d=\"M134.032 35.268a3.83 3.83 0 0 1-3.834 3.83H4.728a3.835 3.835 0 0 1-3.838-3.83V4.725A3.84 3.84 0 0 1 4.73.89h125.467c2.12 0 3.834 1.72 3.834 3.835l.002 30.543z\"/><path d=\"M30.128 19.784c-.03-3.223 2.64-4.79 2.76-4.864-1.51-2.203-3.852-2.504-4.675-2.528-1.967-.207-3.875 1.177-4.877 1.177-1.022 0-2.565-1.158-4.228-1.124-2.14.033-4.142 1.272-5.24 3.196-2.266 3.923-.576 9.688 1.595 12.86 1.086 1.552 2.355 3.286 4.016 3.225 1.624-.067 2.23-1.036 4.192-1.036 1.943 0 2.513 1.037 4.207.998 1.743-.028 2.84-1.56 3.89-3.127 1.254-1.78 1.758-3.532 1.778-3.622-.04-.014-3.387-1.29-3.42-5.154zm-3.2-9.478c.874-1.093 1.472-2.58 1.306-4.09-1.265.057-2.847.876-3.758 1.945-.806.943-1.526 2.487-1.34 3.94 1.42.105 2.88-.718 3.792-1.794z\" fill=\"@{overlay2}\"/><path d=\"M53.645 31.504h-2.27l-1.245-3.91h-4.324l-1.185 3.91h-2.21l4.284-13.308h2.646zm-3.89-5.55L48.63 22.48q-.179-.532-.67-2.507h-.04q-.198.85-.633 2.507l-1.105 3.475h3.573zm14.907.634q0 2.448-1.323 3.87-1.186 1.263-2.943 1.263-1.896 0-2.725-1.36h-.04v5.054H55.5V25.067q0-1.54-.08-3.16h1.876l.12 1.522h.04q1.066-1.72 3.237-1.72 1.699 0 2.833 1.343 1.136 1.344 1.136 3.535zm-2.172.078q0-1.401-.632-2.31-.691-.948-1.856-.948-.79.001-1.43.523-.645.525-.84 1.374-.1.395-.1.65v1.6q0 1.047.643 1.768c.643.721.984.72 1.668.72q1.204 0 1.875-.927.672-.929.672-2.45m13.21-.078q0 2.448-1.325 3.87-1.185 1.263-2.94 1.263-1.897 0-2.725-1.36h-.04v5.054h-2.132V25.067q0-1.54-.08-3.16h1.876l.12 1.522h.04q1.064-1.72 3.237-1.72 1.698 0 2.835 1.343 1.133 1.344 1.134 3.535zm-2.173.078q0-1.401-.633-2.31-.69-.948-1.855-.948a2.22 2.22 0 0 0-1.433.523q-.642.525-.838 1.374-.1.395-.1.65v1.6q0 1.047.64 1.768.641.72 1.67.72 1.204 0 1.875-.927.672-.929.672-2.45zm14.513 1.106q0 1.698-1.183 2.764-1.3 1.165-3.625 1.165-2.147 0-3.45-.828l.495-1.777q1.404.85 3.082.85 1.203 0 1.876-.544.67-.542.67-1.453 0-.81-.553-1.364-.551-.554-1.836-1.03-3.494-1.302-3.494-3.815 0-1.64 1.225-2.69 1.221-1.047 3.258-1.047 1.815 0 3.02.633l-.533 1.738q-1.124-.61-2.547-.61-1.125 0-1.756.552-.533.494-.533 1.205 0 .789.61 1.303.533.474 1.937 1.027 1.717.69 2.527 1.618.81.925.81 2.307zm7.048-4.264h-2.35v4.66q0 1.776 1.244 1.776.571 0 .947-.1l.058 1.62q-.63.236-1.658.236-1.263 0-1.975-.77-.71-.77-.71-2.587v-4.837h-1.4v-1.6h1.4V20.15l2.093-.633v2.39h2.35zm10.602 3.119q0 2.213-1.263 3.633-1.325 1.461-3.516 1.46-2.11 0-3.364-1.4c-1.254-1.4-1.254-2.113-1.254-3.534q0-2.231 1.293-3.652 1.291-1.422 3.484-1.422 2.111 0 3.395 1.402 1.227 1.36 1.226 3.513zm-2.21.07q0-1.329-.573-2.278-.671-1.15-1.914-1.15-1.285 0-1.955 1.15-.573.949-.572 2.316 0 1.328.572 2.276.69 1.149 1.936 1.148 1.222 0 1.914-1.168.59-.969.59-2.296zm9.14-2.914q-.316-.06-.67-.06-1.125 0-1.74.85-.531.75-.532 1.896v5.034h-2.13l.02-6.574q-.001-1.66-.08-3.02h1.856l.078 1.835h.06c.224-.63.58-1.14 1.065-1.52a2.58 2.58 0 0 1 1.54-.514q.297.001.534.04v2.033zm9.536 2.469a5 5 0 0 1-.078.967h-6.396q.037 1.421.928 2.172.809.67 2.092.67 1.42 0 2.588-.453l.334 1.48q-1.362.592-3.217.592-2.231 0-3.506-1.313-1.271-1.313-1.272-3.525 0-2.171 1.186-3.613 1.242-1.54 3.355-1.54 2.074 0 3.14 1.54.845 1.223.846 3.02zm-2.033-.553q.02-.95-.414-1.64-.555-.89-1.7-.89-1.047 0-1.697.87-.533.691-.63 1.658h4.44zM49.05 10.01q0 1.764-1.058 2.657-.979.825-2.783.824-.895 0-1.534-.077v-6.43q.834-.136 1.805-.137 1.72 0 2.59.747.98.844.98 2.416m-1.105.028q0-1.144-.606-1.756-.607-.61-1.772-.61-.494-.002-.844.067v4.888q.194.03.708.03 1.202 0 1.857-.67c.655-.67.655-1.096.655-1.95zm6.965.999q0 1.088-.622 1.785-.651.719-1.727.718-1.036 0-1.653-.69-.615-.687-.615-1.735-.001-1.097.635-1.794c.636-.697.994-.697 1.712-.697q1.036 0 1.668.688.6.67.6 1.727zm-1.088.034q0-.651-.28-1.118-.33-.564-.94-.564-.633 0-.962.564-.281.466-.28 1.138 0 .652.28 1.12.34.563.95.563.601.001.94-.574.292-.476.292-1.13zm8.943-2.351-1.475 4.713h-.96l-.61-2.047q-.233-.767-.38-1.523h-.02q-.135.777-.378 1.523l-.65 2.047h-.97L55.935 8.72h1.077l.533 2.24q.194.795.32 1.513h.02q.115-.592.388-1.503l.67-2.25h.853l.64 2.202q.233.805.38 1.552h.028q.106-.727.32-1.552l.572-2.202h1.03zm5.433 4.713H67.15v-2.7q0-1.248-.95-1.248a.95.95 0 0 0-.757.343q-.29.345-.29.808v2.796h-1.05v-3.366q0-.62-.037-1.35h.92l.05.738h.03q.182-.343.542-.57a1.8 1.8 0 0 1 .95-.264q.66 0 1.097.427.543.524.543 1.562zm2.89 0H70.04V6.556h1.048zm6.17-2.396q0 1.088-.62 1.785-.652.719-1.728.718-1.04 0-1.654-.69-.615-.687-.615-1.735 0-1.097.636-1.794c.636-.697.994-.697 1.71-.697q1.04 0 1.67.688.601.67.602 1.727zm-1.088.034q0-.651-.28-1.118-.33-.564-.94-.564-.633 0-.96.564-.284.466-.282 1.138 0 .652.28 1.12.341.563.952.563.6.001.94-.574.29-.476.29-1.13zm6.16 2.362h-.94l-.08-.543h-.028q-.482.65-1.377.65-.668 0-1.076-.427a1.34 1.34 0 0 1-.37-.96q0-.863.723-1.32.723-.455 2.033-.445V10.3q0-.93-.98-.93a2.2 2.2 0 0 0-1.228.348l-.213-.688c.438-.27.98-.407 1.617-.407q1.849 0 1.85 1.95v1.736q0 .706.068 1.123zm-1.088-1.62v-.727q-1.734-.03-1.734.95 0 .369.2.553a.74.74 0 0 0 .513.183q.347 0 .642-.218a.89.89 0 0 0 .38-.742zm7.043 1.62h-.93l-.05-.757h-.028q-.447.864-1.514.864-.852 0-1.416-.67c-.564-.67-.562-1.024-.562-1.735q0-1.144.61-1.853.593-.66 1.456-.66.95 0 1.33.64h.02V6.556h1.048v5.607q0 .689.037 1.27zM87.2 11.445v-.786q0-.205-.03-.33a1.2 1.2 0 0 0-.38-.636 1.03 1.03 0 0 0-.7-.257q-.585 0-.922.466-.335.465-.336 1.193 0 .699.322 1.135.341.466.916.466.516 0 .828-.388.301-.36.3-.863zm10.048-.408q0 1.088-.62 1.785-.652.719-1.728.718-1.036 0-1.654-.69-.615-.687-.615-1.735 0-1.097.636-1.794c.636-.697.994-.697 1.713-.697q1.036 0 1.667.688.6.67.6 1.727zm-1.086.034q0-.651-.28-1.118-.332-.564-.942-.564-.63 0-.96.564-.284.466-.282 1.138 0 .652.28 1.12.341.563.952.563.601.001.94-.574.291-.476.292-1.13zm6.721 2.362h-1.047v-2.7q0-1.248-.95-1.248-.467 0-.757.343c-.29.343-.292.5-.292.808v2.796h-1.05v-3.366q.002-.62-.036-1.35h.92l.05.738h.028q.185-.343.543-.57.428-.263.95-.264.66 0 1.097.427.544.524.543 1.562zm7.053-3.929h-1.154v2.29q.001.873.61.873.284 0 .468-.05l.027.796q-.312.117-.814.117-.62 0-.97-.378-.35-.379-.35-1.27V9.503h-.688V8.72h.69v-.865l1.026-.31v1.173h1.155zm5.548 3.929h-1.05v-2.68q0-1.268-.948-1.268-.728 0-1 .735c-.03.103-.05.23-.05.377v2.835h-1.046V6.556h1.047v2.84h.02q.496-.774 1.416-.774.65 0 1.078.427.534.532.534 1.58v2.803zm5.723-2.58q0 .282-.04.475h-3.142q.02.698.455 1.067.4.33 1.03.33a3.5 3.5 0 0 0 1.27-.223l.164.728q-.67.29-1.582.29-1.096 0-1.72-.644-.628-.645-.626-1.73 0-1.068.582-1.776.609-.756 1.648-.756 1.018 0 1.54.756.421.6.42 1.483zm-1-.27q.012-.467-.203-.806-.273-.436-.834-.437a1 1 0 0 0-.834.427 1.6 1.6 0 0 0-.31.815z\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n\n & when (@flavor = latte) {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"135\" height=\"40\" viewBox=\"0 0 135 40\"><path fill=\"@{overlay0}\" d=\"M130.197 40H4.73A4.74 4.74 0 0 1 0 35.267V4.727A4.734 4.734 0 0 1 4.73 0h125.467C132.803 0 135 2.12 135 4.726v30.54c0 2.606-2.197 4.734-4.803 4.734\"/><path d=\"M134.032 35.268a3.83 3.83 0 0 1-3.834 3.83H4.728a3.835 3.835 0 0 1-3.838-3.83V4.725A3.84 3.84 0 0 1 4.73.89h125.467c2.12 0 3.834 1.72 3.834 3.835l.002 30.543z\"/><path d=\"M30.128 19.784c-.03-3.223 2.64-4.79 2.76-4.864-1.51-2.203-3.852-2.504-4.675-2.528-1.967-.207-3.875 1.177-4.877 1.177-1.022 0-2.565-1.158-4.228-1.124-2.14.033-4.142 1.272-5.24 3.196-2.266 3.923-.576 9.688 1.595 12.86 1.086 1.552 2.355 3.286 4.016 3.225 1.624-.067 2.23-1.036 4.192-1.036 1.943 0 2.513 1.037 4.207.998 1.743-.028 2.84-1.56 3.89-3.127 1.254-1.78 1.758-3.532 1.778-3.622-.04-.014-3.387-1.29-3.42-5.154zm-3.2-9.478c.874-1.093 1.472-2.58 1.306-4.09-1.265.057-2.847.876-3.758 1.945-.806.943-1.526 2.487-1.34 3.94 1.42.105 2.88-.718 3.792-1.794zm26.717 21.198h-2.27l-1.245-3.91h-4.324l-1.185 3.91h-2.21l4.284-13.308h2.646zm-3.89-5.55L48.63 22.48q-.179-.532-.67-2.507h-.04q-.198.85-.633 2.507l-1.105 3.475h3.573zm14.907.634q0 2.448-1.323 3.87-1.186 1.263-2.943 1.263-1.896 0-2.725-1.36h-.04v5.054H55.5V25.067q0-1.54-.08-3.16h1.876l.12 1.522h.04q1.066-1.72 3.237-1.72 1.699 0 2.833 1.343 1.136 1.344 1.136 3.535zm-2.172.078q0-1.401-.632-2.31-.691-.948-1.856-.948-.79.001-1.43.523-.645.525-.84 1.374-.1.395-.1.65v1.6q0 1.047.643 1.768c.643.721.984.72 1.668.72q1.204 0 1.875-.927.672-.929.672-2.45m13.21-.078q0 2.448-1.325 3.87-1.185 1.263-2.94 1.263-1.897 0-2.725-1.36h-.04v5.054h-2.132V25.067q0-1.54-.08-3.16h1.876l.12 1.522h.04q1.064-1.72 3.237-1.72 1.698 0 2.835 1.343 1.133 1.344 1.134 3.535zm-2.173.078q0-1.401-.633-2.31-.69-.948-1.855-.948a2.22 2.22 0 0 0-1.433.523q-.642.525-.838 1.374-.1.395-.1.65v1.6q0 1.047.64 1.768.641.72 1.67.72 1.204 0 1.875-.927.672-.929.672-2.45zm14.513 1.106q0 1.698-1.183 2.764-1.3 1.165-3.625 1.165-2.147 0-3.45-.828l.495-1.777q1.404.85 3.082.85 1.203 0 1.876-.544.67-.542.67-1.453 0-.81-.553-1.364-.551-.554-1.836-1.03-3.494-1.302-3.494-3.815 0-1.64 1.225-2.69 1.221-1.047 3.258-1.047 1.815 0 3.02.633l-.533 1.738q-1.124-.61-2.547-.61-1.125 0-1.756.552-.533.494-.533 1.205 0 .789.61 1.303.533.474 1.937 1.027 1.717.69 2.527 1.618.81.925.81 2.307zm7.048-4.264h-2.35v4.66q0 1.776 1.244 1.776.571 0 .947-.1l.058 1.62q-.63.236-1.658.236-1.263 0-1.975-.77-.71-.77-.71-2.587v-4.837h-1.4v-1.6h1.4V20.15l2.093-.633v2.39h2.35zm10.602 3.119q0 2.213-1.263 3.633-1.325 1.461-3.516 1.46-2.11 0-3.364-1.4c-1.254-1.4-1.254-2.113-1.254-3.534q0-2.231 1.293-3.652 1.291-1.422 3.484-1.422 2.111 0 3.395 1.402 1.227 1.36 1.226 3.513zm-2.21.07q0-1.329-.573-2.278-.671-1.15-1.914-1.15-1.285 0-1.955 1.15-.573.949-.572 2.316 0 1.328.572 2.276.69 1.149 1.936 1.148 1.222 0 1.914-1.168.59-.969.59-2.296zm9.14-2.914q-.316-.06-.67-.06-1.125 0-1.74.85-.531.75-.532 1.896v5.034h-2.13l.02-6.574q-.001-1.66-.08-3.02h1.856l.078 1.835h.06c.224-.63.58-1.14 1.065-1.52a2.58 2.58 0 0 1 1.54-.514q.297.001.534.04v2.033zm9.536 2.469a5 5 0 0 1-.078.967h-6.396q.037 1.421.928 2.172.809.67 2.092.67 1.42 0 2.588-.453l.334 1.48q-1.362.592-3.217.592-2.231 0-3.506-1.313-1.271-1.313-1.272-3.525 0-2.171 1.186-3.613 1.242-1.54 3.355-1.54 2.074 0 3.14 1.54.845 1.223.846 3.02zm-2.033-.553q.02-.95-.414-1.64-.555-.89-1.7-.89-1.047 0-1.697.87-.533.691-.63 1.658h4.44z\" fill=\"@{base}\"/><path d=\"M49.05 10.01q0 1.764-1.058 2.657-.979.825-2.783.824-.895 0-1.534-.077v-6.43q.834-.136 1.805-.137 1.72 0 2.59.747.98.844.98 2.416m-1.105.028q0-1.144-.606-1.756-.607-.61-1.772-.61-.494-.002-.844.067v4.888q.194.03.708.03 1.202 0 1.857-.67c.655-.67.655-1.096.655-1.95zm6.965.999q0 1.088-.622 1.785-.651.719-1.727.718-1.036 0-1.653-.69-.615-.687-.615-1.735-.001-1.097.635-1.794c.636-.697.994-.697 1.712-.697q1.036 0 1.668.688.6.67.6 1.727zm-1.088.034q0-.651-.28-1.118-.33-.564-.94-.564-.633 0-.962.564-.281.466-.28 1.138 0 .652.28 1.12.34.563.95.563.601.001.94-.574.292-.476.292-1.13zm8.943-2.351-1.475 4.713h-.96l-.61-2.047q-.233-.767-.38-1.523h-.02q-.135.777-.378 1.523l-.65 2.047h-.97L55.935 8.72h1.077l.533 2.24q.194.795.32 1.513h.02q.115-.592.388-1.503l.67-2.25h.853l.64 2.202q.233.805.38 1.552h.028q.106-.727.32-1.552l.572-2.202h1.03zm5.433 4.713H67.15v-2.7q0-1.248-.95-1.248a.95.95 0 0 0-.757.343q-.29.345-.29.808v2.796h-1.05v-3.366q0-.62-.037-1.35h.92l.05.738h.03q.182-.343.542-.57a1.8 1.8 0 0 1 .95-.264q.66 0 1.097.427.543.524.543 1.562zm2.89 0H70.04V6.556h1.048zm6.17-2.396q0 1.088-.62 1.785-.652.719-1.728.718-1.04 0-1.654-.69-.615-.687-.615-1.735 0-1.097.636-1.794c.636-.697.994-.697 1.71-.697q1.04 0 1.67.688.601.67.602 1.727zm-1.088.034q0-.651-.28-1.118-.33-.564-.94-.564-.633 0-.96.564-.284.466-.282 1.138 0 .652.28 1.12.341.563.952.563.6.001.94-.574.29-.476.29-1.13zm6.16 2.362h-.94l-.08-.543h-.028q-.482.65-1.377.65-.668 0-1.076-.427a1.34 1.34 0 0 1-.37-.96q0-.863.723-1.32.723-.455 2.033-.445V10.3q0-.93-.98-.93a2.2 2.2 0 0 0-1.228.348l-.213-.688c.438-.27.98-.407 1.617-.407q1.849 0 1.85 1.95v1.736q0 .706.068 1.123zm-1.088-1.62v-.727q-1.734-.03-1.734.95 0 .369.2.553a.74.74 0 0 0 .513.183q.347 0 .642-.218a.89.89 0 0 0 .38-.742zm7.043 1.62h-.93l-.05-.757h-.028q-.447.864-1.514.864-.852 0-1.416-.67c-.564-.67-.562-1.024-.562-1.735q0-1.144.61-1.853.593-.66 1.456-.66.95 0 1.33.64h.02V6.556h1.048v5.607q0 .689.037 1.27zM87.2 11.445v-.786q0-.205-.03-.33a1.2 1.2 0 0 0-.38-.636 1.03 1.03 0 0 0-.7-.257q-.585 0-.922.466-.335.465-.336 1.193 0 .699.322 1.135.341.466.916.466.516 0 .828-.388.301-.36.3-.863zm10.048-.408q0 1.088-.62 1.785-.652.719-1.728.718-1.036 0-1.654-.69-.615-.687-.615-1.735 0-1.097.636-1.794c.636-.697.994-.697 1.713-.697q1.036 0 1.667.688.6.67.6 1.727zm-1.086.034q0-.651-.28-1.118-.332-.564-.942-.564-.63 0-.96.564-.284.466-.282 1.138 0 .652.28 1.12.341.563.952.563.601.001.94-.574.291-.476.292-1.13zm6.721 2.362h-1.047v-2.7q0-1.248-.95-1.248-.467 0-.757.343c-.29.343-.292.5-.292.808v2.796h-1.05v-3.366q.002-.62-.036-1.35h.92l.05.738h.028q.185-.343.543-.57.428-.263.95-.264.66 0 1.097.427.544.524.543 1.562zm7.053-3.929h-1.154v2.29q.001.873.61.873.284 0 .468-.05l.027.796q-.312.117-.814.117-.62 0-.97-.378-.35-.379-.35-1.27V9.503h-.688V8.72h.69v-.865l1.026-.31v1.173h1.155zm5.548 3.929h-1.05v-2.68q0-1.268-.948-1.268-.728 0-1 .735c-.03.103-.05.23-.05.377v2.835h-1.046V6.556h1.047v2.84h.02q.496-.774 1.416-.774.65 0 1.078.427.534.532.534 1.58v2.803zm5.723-2.58q0 .282-.04.475h-3.142q.02.698.455 1.067.4.33 1.03.33a3.5 3.5 0 0 0 1.27-.223l.164.728q-.67.29-1.582.29-1.096 0-1.72-.644-.628-.645-.626-1.73 0-1.068.582-1.776.609-.756 1.648-.756 1.018 0 1.54.756.421.6.42 1.483zm-1-.27q.012-.467-.203-.806-.273-.436-.834-.437a1 1 0 0 0-.834.427 1.6 1.6 0 0 0-.31.815z\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n }\n\n // google play install button\n .Od6mvf {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"135\" height=\"40\" viewBox=\"0 0 135 40\"><path d=\"M130 40H5c-2.75 0-5-2.25-5-5V5c0-2.75 2.25-5 5-5h125c2.75 0 5 2.25 5 5v30c0 2.75-2.25 5-5 5\"/><path fill=\"@{overlay0}\" d=\"M130 .8a4.2 4.2 0 0 1 4.2 4.2v30a4.2 4.2 0 0 1-4.2 4.2H5A4.2 4.2 0 0 1 .8 35V5A4.2 4.2 0 0 1 5 .8zm0-.8H5C2.25 0 0 2.25 0 5v30c0 2.75 2.25 5 5 5h125c2.75 0 5-2.25 5-5V5c0-2.75-2.25-5-5-5\"/><path d=\"M47.42 10.24c0 .84-.25 1.51-.75 2-.56.59-1.3.89-2.2.89-.87 0-1.6-.3-2.21-.9s-.91-1.35-.91-2.23c0-.89.3-1.63.91-2.23s1.34-.9 2.21-.9c.43 0 .84.08 1.23.25s.7.39.94.67l-.53.53c-.4-.47-.94-.71-1.64-.71-.63 0-1.18.22-1.64.67-.46.44-.69 1.02-.69 1.73s.23 1.29.69 1.73 1.01.67 1.64.67c.67 0 1.23-.22 1.68-.67.29-.29.46-.7.5-1.22h-2.18v-.73h2.91c.02.16.04.31.04.45zm4.61-2.5H49.3v1.9h2.46v.72H49.3v1.9h2.73V13h-3.5V7h3.5zM55.28 13h-.77V7.74h-1.68V7h4.12v.74h-1.68V13zm4.66 0V7h.77v6zm4.19 0h-.77V7.74h-1.68V7h4.12v.74h-1.68V13zm9.48-.78c-.59.61-1.32.91-2.2.91s-1.61-.3-2.2-.91-.88-1.35-.88-2.22.29-1.62.88-2.22c.59-.61 1.32-.91 2.2-.91.87 0 1.6.3 2.2.91.59.61.89 1.35.89 2.22-.01.88-.3 1.62-.89 2.22zm-3.83-.5c.44.45.99.67 1.63.67s1.19-.22 1.63-.67.67-1.02.67-1.72-.22-1.27-.67-1.72c-.44-.45-.99-.68-1.63-.68s-1.19.22-1.63.67c-.44.46-.67 1.03-.67 1.73s.23 1.27.67 1.72zm5.8 1.28V7h.94l2.92 4.67h.03l-.03-1.16V7h.77v6h-.8l-3.05-4.89h-.03l.03 1.16V13z\" fill=\"@{text}\" stroke=\"@{text}\" stroke-width=\".2\" stroke-miterlimit=\"10\"/><path fill=\"@{text}\" d=\"M68.14 21.75c-2.35 0-4.27 1.79-4.27 4.25 0 2.45 1.92 4.25 4.27 4.25s4.27-1.8 4.27-4.25c0-2.46-1.92-4.25-4.27-4.25m0 6.83c-1.29 0-2.4-1.06-2.4-2.58 0-1.53 1.11-2.58 2.4-2.58s2.4 1.05 2.4 2.58c0 1.52-1.12 2.58-2.4 2.58m-9.32-6.83c-2.35 0-4.27 1.79-4.27 4.25 0 2.45 1.92 4.25 4.27 4.25s4.27-1.8 4.27-4.25c0-2.46-1.92-4.25-4.27-4.25m0 6.83c-1.29 0-2.4-1.06-2.4-2.58 0-1.53 1.11-2.58 2.4-2.58s2.4 1.05 2.4 2.58c0 1.52-1.11 2.58-2.4 2.58m-11.08-5.52v1.8h4.32c-.13 1.01-.47 1.76-.98 2.27-.63.63-1.61 1.32-3.33 1.32-2.66 0-4.74-2.14-4.74-4.8s2.08-4.8 4.74-4.8c1.43 0 2.48.56 3.25 1.29l1.27-1.27c-1.08-1.03-2.51-1.82-4.53-1.82-3.64 0-6.7 2.96-6.7 6.61 0 3.64 3.06 6.61 6.7 6.61 1.97 0 3.45-.64 4.61-1.85 1.19-1.19 1.56-2.87 1.56-4.22 0-.42-.03-.81-.1-1.13h-6.07zm45.31 1.4c-.35-.95-1.43-2.71-3.64-2.71-2.19 0-4.01 1.72-4.01 4.25 0 2.38 1.8 4.25 4.22 4.25 1.95 0 3.08-1.19 3.54-1.88l-1.45-.97c-.48.71-1.14 1.18-2.09 1.18s-1.63-.43-2.06-1.29l5.69-2.35zm-5.8 1.42c-.05-1.64 1.27-2.48 2.22-2.48.74 0 1.37.37 1.58.9zM82.63 30h1.87V17.5h-1.87zm-3.06-7.3h-.07c-.42-.5-1.22-.95-2.24-.95-2.13 0-4.08 1.87-4.08 4.27 0 2.38 1.95 4.24 4.08 4.24 1.01 0 1.82-.45 2.24-.97h.06v.61c0 1.63-.87 2.5-2.27 2.5-1.14 0-1.85-.82-2.14-1.51l-1.63.68c.47 1.13 1.71 2.51 3.77 2.51 2.19 0 4.04-1.29 4.04-4.43v-7.64h-1.77v.69zm-2.15 5.88c-1.29 0-2.37-1.08-2.37-2.56 0-1.5 1.08-2.59 2.37-2.59 1.27 0 2.27 1.1 2.27 2.59.01 1.48-.99 2.56-2.27 2.56m24.39-11.08h-4.47V30h1.87v-4.74h2.61c2.07 0 4.1-1.5 4.1-3.88s-2.05-3.88-4.11-3.88m.04 6.02H99.2v-4.29h2.65c1.4 0 2.19 1.16 2.19 2.14s-.79 2.15-2.19 2.15m11.54-1.79c-1.35 0-2.75.6-3.33 1.91l1.66.69c.35-.69 1.01-.92 1.7-.92.96 0 1.95.58 1.96 1.61v.13c-.34-.19-1.06-.48-1.95-.48-1.79 0-3.6.98-3.6 2.81 0 1.67 1.46 2.75 3.1 2.75 1.25 0 1.95-.56 2.38-1.22h.06v.97h1.8v-4.79c.01-2.22-1.65-3.46-3.78-3.46m-.23 6.85c-.61 0-1.46-.31-1.46-1.06 0-.96 1.06-1.33 1.98-1.33.82 0 1.21.18 1.7.42a2.26 2.26 0 0 1-2.22 1.97M123.74 22l-2.14 5.42h-.06L119.32 22h-2.01l3.33 7.58-1.9 4.21h1.95L125.82 22zm-16.8 8h1.87V17.5h-1.87z\"/><linearGradient id=\"a\" gradientUnits=\"userSpaceOnUse\" x1=\"21.8\" y1=\"173.29\" x2=\"5.017\" y2=\"156.508\" gradientTransform=\"matrix(1 0 0 -1 0 182)\"><stop offset=\"0\" stop-color=\"@{blue}\"/><stop offset=\".007\" stop-color=\"@{blue}\"/><stop offset=\".26\" stop-color=\"@{blue}\"/><stop offset=\".512\" stop-color=\"@{blue}\"/><stop offset=\".76\" stop-color=\"@{blue}\"/><stop offset=\"1\" stop-color=\"@{blue}\"/></linearGradient><path fill=\"url(#a)\" d=\"M10.44 7.54c-.29.31-.46.79-.46 1.4v22.12c0 .62.17 1.1.46 1.4l.07.07L22.9 20.15v-.3L10.51 7.47z\"/><linearGradient id=\"b\" gradientUnits=\"userSpaceOnUse\" x1=\"33.834\" y1=\"161.999\" x2=\"9.637\" y2=\"161.999\" gradientTransform=\"matrix(1 0 0 -1 0 182)\"><stop offset=\"0\" stop-color=\"@{yellow}\"/><stop offset=\".409\" stop-color=\"@{yellow}\"/><stop offset=\".775\" stop-color=\"@{peach}\"/><stop offset=\"1\" stop-color=\"@{peach}\"/></linearGradient><path fill=\"url(#b)\" d=\"m27.03 24.28-4.13-4.13v-.3l4.13-4.13.09.05 4.89 2.78c1.4.79 1.4 2.09 0 2.89l-4.89 2.78z\"/><linearGradient id=\"c\" gradientUnits=\"userSpaceOnUse\" x1=\"24.827\" y1=\"159.704\" x2=\"2.069\" y2=\"136.946\" gradientTransform=\"matrix(1 0 0 -1 0 182)\"><stop offset=\"0\" stop-color=\"@{red}\"/><stop offset=\"1\" stop-color=\"@{maroon}\"/></linearGradient><path fill=\"url(#c)\" d=\"M27.12 24.22 22.9 20 10.44 32.46c.46.49 1.22.55 2.08.06z\"/><linearGradient id=\"d\" gradientUnits=\"userSpaceOnUse\" x1=\"7.297\" y1=\"181.824\" x2=\"17.46\" y2=\"171.661\" gradientTransform=\"matrix(1 0 0 -1 0 182)\"><stop offset=\"0\" stop-color=\"@{green}\"/><stop offset=\".069\" stop-color=\"@{green}\"/><stop offset=\".476\" stop-color=\"@{green}\"/><stop offset=\".801\" stop-color=\"@{green}\"/><stop offset=\"1\" stop-color=\"@{green}\"/></linearGradient><path fill=\"url(#d)\" d=\"m27.12 15.78-14.61-8.3c-.86-.49-1.62-.43-2.08.06L22.9 20z\"/><path opacity=\".2\" d=\"m27.03 24.13-14.52 8.25c-.81.46-1.54.43-2 .01l-.07.07.07.07c.47.42 1.19.45 2-.01l14.61-8.3z\"/><path opacity=\".12\" d=\"M10.44 32.32c-.29-.31-.46-.79-.46-1.4v.15c0 .62.17 1.1.46 1.4l.07-.07zM32.01 21.3l-4.99 2.83.09.09L32 21.44c.7-.4 1.05-.92 1.05-1.44-.05.47-.4.94-1.04 1.3\"/><path opacity=\".25\" fill=\"@{text}\" d=\"m12.51 7.62 19.5 11.08c.63.36.99.82 1.05 1.3 0-.52-.35-1.05-1.05-1.44L12.51 7.48c-1.4-.79-2.54-.13-2.54 1.47v.15c0-1.61 1.15-2.27 2.54-1.48\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n\n & when (@flavor = latte) {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"135\" height=\"40\" viewBox=\"0 0 135 40\"><path d=\"M130 40H5c-2.75 0-5-2.25-5-5V5c0-2.75 2.25-5 5-5h125c2.75 0 5 2.25 5 5v30c0 2.75-2.25 5-5 5\"/><path fill=\"@{base}\" d=\"M130 .8a4.2 4.2 0 0 1 4.2 4.2v30a4.2 4.2 0 0 1-4.2 4.2H5A4.2 4.2 0 0 1 .8 35V5A4.2 4.2 0 0 1 5 .8zm0-.8H5C2.25 0 0 2.25 0 5v30c0 2.75 2.25 5 5 5h125c2.75 0 5-2.25 5-5V5c0-2.75-2.25-5-5-5\"/><path d=\"M47.42 10.24c0 .84-.25 1.51-.75 2-.56.59-1.3.89-2.2.89-.87 0-1.6-.3-2.21-.9s-.91-1.35-.91-2.23c0-.89.3-1.63.91-2.23s1.34-.9 2.21-.9c.43 0 .84.08 1.23.25s.7.39.94.67l-.53.53c-.4-.47-.94-.71-1.64-.71-.63 0-1.18.22-1.64.67-.46.44-.69 1.02-.69 1.73s.23 1.29.69 1.73 1.01.67 1.64.67c.67 0 1.23-.22 1.68-.67.29-.29.46-.7.5-1.22h-2.18v-.73h2.91c.02.16.04.31.04.45zm4.61-2.5H49.3v1.9h2.46v.72H49.3v1.9h2.73V13h-3.5V7h3.5zM55.28 13h-.77V7.74h-1.68V7h4.12v.74h-1.68V13zm4.66 0V7h.77v6zm4.19 0h-.77V7.74h-1.68V7h4.12v.74h-1.68V13zm9.48-.78c-.59.61-1.32.91-2.2.91s-1.61-.3-2.2-.91-.88-1.35-.88-2.22.29-1.62.88-2.22c.59-.61 1.32-.91 2.2-.91.87 0 1.6.3 2.2.91.59.61.89 1.35.89 2.22-.01.88-.3 1.62-.89 2.22zm-3.83-.5c.44.45.99.67 1.63.67s1.19-.22 1.63-.67.67-1.02.67-1.72-.22-1.27-.67-1.72c-.44-.45-.99-.68-1.63-.68s-1.19.22-1.63.67c-.44.46-.67 1.03-.67 1.73s.23 1.27.67 1.72zm5.8 1.28V7h.94l2.92 4.67h.03l-.03-1.16V7h.77v6h-.8l-3.05-4.89h-.03l.03 1.16V13z\" fill=\"@{base}\" stroke=\"@{base}\" stroke-width=\".2\" stroke-miterlimit=\"10\"/><path fill=\"@{base}\" d=\"M68.14 21.75c-2.35 0-4.27 1.79-4.27 4.25 0 2.45 1.92 4.25 4.27 4.25s4.27-1.8 4.27-4.25c0-2.46-1.92-4.25-4.27-4.25m0 6.83c-1.29 0-2.4-1.06-2.4-2.58 0-1.53 1.11-2.58 2.4-2.58s2.4 1.05 2.4 2.58c0 1.52-1.12 2.58-2.4 2.58m-9.32-6.83c-2.35 0-4.27 1.79-4.27 4.25 0 2.45 1.92 4.25 4.27 4.25s4.27-1.8 4.27-4.25c0-2.46-1.92-4.25-4.27-4.25m0 6.83c-1.29 0-2.4-1.06-2.4-2.58 0-1.53 1.11-2.58 2.4-2.58s2.4 1.05 2.4 2.58c0 1.52-1.11 2.58-2.4 2.58m-11.08-5.52v1.8h4.32c-.13 1.01-.47 1.76-.98 2.27-.63.63-1.61 1.32-3.33 1.32-2.66 0-4.74-2.14-4.74-4.8s2.08-4.8 4.74-4.8c1.43 0 2.48.56 3.25 1.29l1.27-1.27c-1.08-1.03-2.51-1.82-4.53-1.82-3.64 0-6.7 2.96-6.7 6.61 0 3.64 3.06 6.61 6.7 6.61 1.97 0 3.45-.64 4.61-1.85 1.19-1.19 1.56-2.87 1.56-4.22 0-.42-.03-.81-.1-1.13h-6.07zm45.31 1.4c-.35-.95-1.43-2.71-3.64-2.71-2.19 0-4.01 1.72-4.01 4.25 0 2.38 1.8 4.25 4.22 4.25 1.95 0 3.08-1.19 3.54-1.88l-1.45-.97c-.48.71-1.14 1.18-2.09 1.18s-1.63-.43-2.06-1.29l5.69-2.35zm-5.8 1.42c-.05-1.64 1.27-2.48 2.22-2.48.74 0 1.37.37 1.58.9zM82.63 30h1.87V17.5h-1.87zm-3.06-7.3h-.07c-.42-.5-1.22-.95-2.24-.95-2.13 0-4.08 1.87-4.08 4.27 0 2.38 1.95 4.24 4.08 4.24 1.01 0 1.82-.45 2.24-.97h.06v.61c0 1.63-.87 2.5-2.27 2.5-1.14 0-1.85-.82-2.14-1.51l-1.63.68c.47 1.13 1.71 2.51 3.77 2.51 2.19 0 4.04-1.29 4.04-4.43v-7.64h-1.77v.69zm-2.15 5.88c-1.29 0-2.37-1.08-2.37-2.56 0-1.5 1.08-2.59 2.37-2.59 1.27 0 2.27 1.1 2.27 2.59.01 1.48-.99 2.56-2.27 2.56m24.39-11.08h-4.47V30h1.87v-4.74h2.61c2.07 0 4.1-1.5 4.1-3.88s-2.05-3.88-4.11-3.88m.04 6.02H99.2v-4.29h2.65c1.4 0 2.19 1.16 2.19 2.14s-.79 2.15-2.19 2.15m11.54-1.79c-1.35 0-2.75.6-3.33 1.91l1.66.69c.35-.69 1.01-.92 1.7-.92.96 0 1.95.58 1.96 1.61v.13c-.34-.19-1.06-.48-1.95-.48-1.79 0-3.6.98-3.6 2.81 0 1.67 1.46 2.75 3.1 2.75 1.25 0 1.95-.56 2.38-1.22h.06v.97h1.8v-4.79c.01-2.22-1.65-3.46-3.78-3.46m-.23 6.85c-.61 0-1.46-.31-1.46-1.06 0-.96 1.06-1.33 1.98-1.33.82 0 1.21.18 1.7.42a2.26 2.26 0 0 1-2.22 1.97M123.74 22l-2.14 5.42h-.06L119.32 22h-2.01l3.33 7.58-1.9 4.21h1.95L125.82 22zm-16.8 8h1.87V17.5h-1.87z\"/><linearGradient id=\"a\" gradientUnits=\"userSpaceOnUse\" x1=\"21.8\" y1=\"173.29\" x2=\"5.017\" y2=\"156.508\" gradientTransform=\"matrix(1 0 0 -1 0 182)\"><stop offset=\"0\" stop-color=\"@{blue}\"/><stop offset=\".007\" stop-color=\"@{blue}\"/><stop offset=\".26\" stop-color=\"@{blue}\"/><stop offset=\".512\" stop-color=\"@{blue}\"/><stop offset=\".76\" stop-color=\"@{blue}\"/><stop offset=\"1\" stop-color=\"@{blue}\"/></linearGradient><path fill=\"url(#a)\" d=\"M10.44 7.54c-.29.31-.46.79-.46 1.4v22.12c0 .62.17 1.1.46 1.4l.07.07L22.9 20.15v-.3L10.51 7.47z\"/><linearGradient id=\"b\" gradientUnits=\"userSpaceOnUse\" x1=\"33.834\" y1=\"161.999\" x2=\"9.637\" y2=\"161.999\" gradientTransform=\"matrix(1 0 0 -1 0 182)\"><stop offset=\"0\" stop-color=\"@{yellow}\"/><stop offset=\".409\" stop-color=\"@{yellow}\"/><stop offset=\".775\" stop-color=\"@{peach}\"/><stop offset=\"1\" stop-color=\"@{peach}\"/></linearGradient><path fill=\"url(#b)\" d=\"m27.03 24.28-4.13-4.13v-.3l4.13-4.13.09.05 4.89 2.78c1.4.79 1.4 2.09 0 2.89l-4.89 2.78z\"/><linearGradient id=\"c\" gradientUnits=\"userSpaceOnUse\" x1=\"24.827\" y1=\"159.704\" x2=\"2.069\" y2=\"136.946\" gradientTransform=\"matrix(1 0 0 -1 0 182)\"><stop offset=\"0\" stop-color=\"@{red}\"/><stop offset=\"1\" stop-color=\"@{maroon}\"/></linearGradient><path fill=\"url(#c)\" d=\"M27.12 24.22 22.9 20 10.44 32.46c.46.49 1.22.55 2.08.06z\"/><linearGradient id=\"d\" gradientUnits=\"userSpaceOnUse\" x1=\"7.297\" y1=\"181.824\" x2=\"17.46\" y2=\"171.661\" gradientTransform=\"matrix(1 0 0 -1 0 182)\"><stop offset=\"0\" stop-color=\"@{green}\"/><stop offset=\".069\" stop-color=\"@{green}\"/><stop offset=\".476\" stop-color=\"@{green}\"/><stop offset=\".801\" stop-color=\"@{green}\"/><stop offset=\"1\" stop-color=\"@{green}\"/></linearGradient><path fill=\"url(#d)\" d=\"m27.12 15.78-14.61-8.3c-.86-.49-1.62-.43-2.08.06L22.9 20z\"/><path opacity=\".2\" d=\"m27.03 24.13-14.52 8.25c-.81.46-1.54.43-2 .01l-.07.07.07.07c.47.42 1.19.45 2-.01l14.61-8.3z\"/><path opacity=\".12\" d=\"M10.44 32.32c-.29-.31-.46-.79-.46-1.4v.15c0 .62.17 1.1.46 1.4l.07-.07zM32.01 21.3l-4.99 2.83.09.09L32 21.44c.7-.4 1.05-.92 1.05-1.44-.05.47-.4.94-1.04 1.3\"/><path opacity=\".25\" fill=\"@{base}\" d=\"m12.51 7.62 19.5 11.08c.63.36.99.82 1.05 1.3 0-.52-.35-1.05-1.05-1.44L12.51 7.48c-1.4-.79-2.54-.13-2.54 1.47v.15c0-1.61 1.15-2.27 2.54-1.48\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n }\n\n // sharing\n .MmE0qc {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"460\" height=\"218\" fill=\"none\"><path d=\"M361.621 34.02a20.22 20.22 0 0 0-17.518 10.11 13.652 13.652 0 0 0-22.381 5.855h-7.471A12.25 12.25 0 0 0 302 62.243 12.257 12.257 0 0 0 314.251 74.5h47.37a20.24 20.24 0 0 0 14.078-6.058 20.26 20.26 0 0 0 0-28.384A20.24 20.24 0 0 0 361.621 34zm14.034 128.268h-10.231c.791-2.875 1.186-5.895 1.186-9.014 0-19.488-16.014-35.274-35.784-35.274-13.246 0-24.762 7.065-30.94 17.588-4.3-3.995-10.133-6.431-16.509-6.431-10.824 0-19.968 7.016-23.032 16.663h-13.197c-11.961 0-21.648 9.549-21.648 21.34s9.687 21.34 21.648 21.34h128.557c7.364 0 13.295-5.895 13.295-13.106-.049-7.26-5.98-13.106-13.345-13.106M169.573 16a32.35 32.35 0 0 0-16.299 4.414 32.8 32.8 0 0 0-11.939 12.058 21.96 21.96 0 0 0-9.655-5.332 21.8 21.8 0 0 0-11.001.052 22 22 0 0 0-9.605 5.424 22.3 22.3 0 0 0-5.816 9.443H93.201a19.66 19.66 0 0 0-13.61 6.044A20.1 20.1 0 0 0 74 62.029a20.1 20.1 0 0 0 5.592 13.927A19.66 19.66 0 0 0 93.202 82h76.371c8.531-.189 16.65-3.748 22.618-9.916C198.158 65.915 201.5 57.629 201.5 49c0-8.63-3.342-16.915-9.309-23.084-5.968-6.168-14.087-9.727-22.618-9.916\" fill=\"@{text}\"/><path d=\"m293.621 43.043-62.715 91.077-44.564-64.266z\" fill=\"@{blue}\"/><path d=\"m208.25 100.75 82.998-56.14\" stroke=\"@{crust}\" stroke-miterlimit=\"10\"/><path d=\"M188.666 195.107s16.477-22.903-2.87-34.282c-21.948-12.865-66.955 13.304-69.918-7.873-2.251-16.163 36.583-5.421 38.322-20.305 1.813-15.527-34.376-23.494-24.755-37.715 9.457-13.971 47.641 21.241 74.162 8.613\" stroke=\"@{subtext0}\" stroke-width=\"2\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-dasharray=\"0.01 6\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n // favorites image\n .ryy2Zd {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"132\" height=\"132\" fill=\"none\"><path d=\"M117 26H15v102h102z\" fill=\"@{overlay0}\"/><path d=\"M99.68 87.392c0-1.25-.29-2.79-2.791-6.64a7.92 7.92 0 0 1 0-8.467c2.502-3.85 2.79-5.389 2.79-6.64s-.288-2.79-2.79-6.64l-10.2-14.626C82.166 37.836 74.564 33.506 66 33.506s-16.166 4.33-20.689 10.873l-10.2 14.627c-2.502 3.849-2.79 5.388-2.79 6.64 0 1.25.288 2.79 2.79 6.639a7.92 7.92 0 0 1 0 8.468c-2.502 3.849-2.79 5.389-2.79 6.64s.288 2.79 2.79 6.64a7.92 7.92 0 0 1 0 8.467c-2.502 3.849-2.79 5.389-2.79 6.64s.288 2.79 2.79 6.639a7.92 7.92 0 0 1 0 8.468H96.89a7.92 7.92 0 0 1 0-8.468c2.502-3.849 2.79-5.388 2.79-6.639s-.288-2.791-2.79-6.64a7.92 7.92 0 0 1 0-8.468c2.502-3.849 2.79-5.292 2.79-6.64\" fill=\"@{surface0}\"/><path d=\"M47.717 57.658c0 10.104 8.18 18.284 18.283 18.284s18.283-8.18 18.283-18.283H47.717z\" fill=\"@{overlay1}\"/><path d=\"M104.491 128v-4.715c0-12.51-6.063-24.25-16.359-31.37L65.52 76.038 42.906 91.915c-10.2 7.217-16.359 18.86-16.359 31.37V128\" fill=\"@{blue}\"/><path d=\"M50.604 86.43v11.162c0 8.468 6.832 15.397 15.396 15.397 8.468 0 15.396-6.832 15.396-15.397V86.43\" stroke=\"@{surface0}\" stroke-miterlimit=\"10\"/><path d=\"m113.487 11.018 1.402 8.334c.1.605.39 1.163.831 1.596s1.007.717 1.62.813l8.49 1.314a2.97 2.97 0 0 1 1.628.81 2.9 2.9 0 0 1 .835 1.598 2.85 2.85 0 0 1-.277 1.774c-.281.546-.73.99-1.284 1.266l-7.627 3.852c-.543.28-.983.72-1.26 1.259a2.87 2.87 0 0 0-.284 1.749l1.394 8.332a2.86 2.86 0 0 1-.291 1.756 2.9 2.9 0 0 1-1.277 1.252 2.97 2.97 0 0 1-3.393-.529l-6.105-5.977a2.98 2.98 0 0 0-3.417-.53l-7.627 3.852a2.965 2.965 0 0 1-3.394-.522 2.9 2.9 0 0 1-.839-1.58 2.86 2.86 0 0 1 .254-1.76l3.848-7.522a2.85 2.85 0 0 0 .264-1.754 2.9 2.9 0 0 0-.826-1.58l-6.105-5.977a2.9 2.9 0 0 1-.841-1.596 2.86 2.86 0 0 1 .271-1.774 2.9 2.9 0 0 1 1.28-1.271 2.97 2.97 0 0 1 1.797-.28l8.49 1.315a3 3 0 0 0 1.794-.284 2.9 2.9 0 0 0 1.278-1.27l3.848-7.52a2.9 2.9 0 0 1 1.276-1.271 2.97 2.97 0 0 1 3.416.529c.441.432.732.991.831 1.596\" fill=\"@{accent}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n // album image\n .AAF8rf {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"276\" height=\"82\" fill=\"none\"><g clip-path=\"url(#a)\"><path d=\"M166 2h16v79h-16z\" fill=\"@{red}\"/><path d=\"M121 0h19v81h-19z\" fill=\"@{blue}\"/><path d=\"M125.5 4.5h10v72h-10z\" stroke=\"@{crust}\"/><path fill=\"@{yellow}\" d=\"M140 5h26v76h-26z\"/><path d=\"M161.5 43c0 8.804-1.004 16.757-2.617 22.492-.808 2.871-1.76 5.158-2.796 6.716-1.049 1.577-2.102 2.292-3.087 2.292s-2.038-.715-3.087-2.292c-1.036-1.558-1.988-3.845-2.796-6.716C145.504 59.756 144.5 51.804 144.5 43s1.004-16.756 2.617-22.492c.808-2.871 1.76-5.158 2.796-6.716 1.049-1.577 2.102-2.292 3.087-2.292s2.038.715 3.087 2.292c1.036 1.558 1.988 3.845 2.796 6.716C160.496 26.244 161.5 34.196 161.5 43z\" stroke=\"@{crust}\"/><path fill=\"@{green}\" d=\"m181.912 19.98 14.672-3.119 12.995 61.136-14.672 3.118z\"/><path d=\"M181.912 19.98a7.5 7.5 0 0 0 14.673-3.118l-7.337 1.56-7.336 1.559z\" fill=\"@{text}\"/><path stroke=\"@{crust}\" d=\"m186.071 39.544 14.672-3.119m-8.851 30.507 14.673-3.119\"/><path d=\"M86.904 26.702s-15.95 18.923-7.512 40.21\" stroke=\"@{crust}\" stroke-miterlimit=\"10\" stroke-linejoin=\"bevel\"/><path d=\"m79.675 26.522 1.427-.337-1.444-.38c-1.695-.432-2.582-2.288-1.887-3.896s2.635-2.187 4.13-1.295l1.267.793-.733-1.27c-.869-1.522-.225-3.452 1.42-4.104 1.612-.639 3.436.313 3.844 2.017l.338 1.427.379-1.445c.432-1.694 2.288-2.582 3.896-1.887s2.187 2.636 1.295 4.131l-.792 1.266 1.27-.732c1.521-.87 3.451-.226 4.103 1.42.64 1.611-.313 3.435-2.016 3.844l-1.427.337 1.444.38c1.695.432 2.583 2.288 1.888 3.896s-2.636 2.186-4.132 1.295l-1.266-.793.733 1.27c.869 1.521.225 3.452-1.42 4.104-1.612.639-3.436-.313-3.844-2.017l-.338-1.427-.379 1.445c-.432 1.694-2.288 2.582-3.896 1.887s-2.187-2.636-1.295-4.131l.792-1.266-1.27.732c-1.521.87-3.451.226-4.103-1.42-.64-1.611.313-3.435 2.016-3.844\" fill=\"@{red}\"/><path d=\"M87.992 29.735c.234.592.923.89 1.516.655.592-.234.89-.923.655-1.516a1.18 1.18 0 0 0-1.516-.655c-.625.248-.903.891-.655 1.516m-2.374-5.988c.235.593.924.89 1.516.656a1.18 1.18 0 0 0 .656-1.516 1.18 1.18 0 0 0-1.517-.656c-.625.248-.89.924-.655 1.516m5.664 2.476c.592-.235.89-.924.655-1.516a1.18 1.18 0 0 0-1.516-.655c-.592.234-.89.923-.655 1.516.235.592.924.89 1.516.655m-5.955 2.36c.592-.234.89-.923.655-1.516a1.18 1.18 0 0 0-1.516-.655c-.592.235-.89.924-.655 1.516s.924.89 1.516.655\" fill=\"@{red}\"/><path d=\"M88.442 60.18a13 13 0 0 0-.864-1.094l-2.835-3.637c-1.66-2.118-1.901-5.048-.622-7.45H70.845c1.28 2.402 1.037 5.332-.622 7.45l-2.835 3.637a13 13 0 0 0-.864 1.094A13.85 13.85 0 0 0 64 68.194c0 7.52 5.947 13.699 13.31 13.805C84.847 82.105 91 75.89 91 68.229c-.034-3-.968-5.79-2.558-8.049\" fill=\"@{flamingo}\"/><path stroke=\"@{crust}\" d=\"M28 81.5h220\"/></g><defs><clipPath id=\"a\"><path fill=\"{@text}\" d=\"M0 0h276v82H0z\"/></clipPath></defs></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n // archive image\n .ZgMovb {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"132\" height=\"132\" fill=\"none\"><path d=\"M36 52h60l8 12H28z\" fill=\"@{peach}\"/><path d=\"M39 64V33.37c1.09-1.025 2.326-1.831 3.634-2.124 2.518-.62 4.983.592 7.398 1.779.443.217.884.434 1.323.639 2.762 1.319 5.742 2.198 8.576 1.465 1.665-.42 3.21-1.391 4.76-2.366 1.156-.727 2.314-1.456 3.526-1.957 2.907-1.246 6.25-1.026 9.085.513 1.082.606 2.115 1.4 3.15 2.197 1.465 1.127 2.934 2.258 4.553 2.86 2.69.952 5.67.366 7.995-1.54V64z\" fill=\"@{blue}\"/><path d=\"M63.092 38a6.7 6.7 0 0 0-3.41.936 6.9 6.9 0 0 0-2.495 2.56 4.57 4.57 0 0 0-2.018-1.134 4.5 4.5 0 0 0-2.3.01c-.754.203-1.445.6-2.008 1.151a4.75 4.75 0 0 0-1.215 2.005h-2.519a4.08 4.08 0 0 0-2.918 1.24A4.3 4.3 0 0 0 43 47.765c0 1.123.435 2.2 1.209 2.995A4.07 4.07 0 0 0 47.127 52h15.965a6.7 6.7 0 0 0 2.636-.506 6.8 6.8 0 0 0 2.243-1.511 7 7 0 0 0 1.501-2.282 7.16 7.16 0 0 0 0-5.4 7 7 0 0 0-1.5-2.281 6.8 6.8 0 0 0-2.243-1.511A6.7 6.7 0 0 0 63.091 38z\" fill=\"@{text}\"/><path d=\"m79.45 54.589-7.9 7.74-13.5-13.227c-1.5-1.47-4-1.47-5.5 0L39 62.378V71h54v-8.622l-8-7.838c-1.55-1.47-4.05-1.47-5.55.049\" fill=\"@{green}\"/><path d=\"M80 51c3.327 0 6-2.673 6-6s-2.673-6-6-6-6 2.673-6 6 2.673 6 6 6M28 64h76v40H28z\" fill=\"@{yellow}\"/><path d=\"M54.5 70.5h23V72a3.5 3.5 0 0 1-3.5 3.5H58a3.5 3.5 0 0 1-3.5-3.5z\" stroke=\"@{crust}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n // no photo orders image\n .raQi0b {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"199\" height=\"124\" fill=\"none\"><path d=\"m105.237 74.887-13.752-3.416c-5.979-1.453-12.3.512-16.485 5.124L111 91V75.281c-1.708.171-3.884.033-5.763-.394\" fill=\"@{surface2}\"/><path d=\"M0 111V59.65c1.837-1.72 3.92-3.07 6.124-3.562 4.243-1.038 8.398.994 12.466 2.983.747.365 1.49.728 2.231 1.071 4.654 2.212 9.676 3.686 14.452 2.457 2.805-.703 5.41-2.333 8.02-3.967 1.95-1.22 3.901-2.44 5.943-3.281 4.899-2.089 10.533-1.72 15.31.86 1.823 1.017 3.564 2.349 5.307 3.683 2.47 1.89 4.946 3.785 7.675 4.794 4.531 1.597 9.553.614 13.472-2.58V111z\" fill=\"@{blue}\"/><path d=\"M40.377 67a11.24 11.24 0 0 0-5.734 1.574 11.6 11.6 0 0 0-4.198 4.307 7.7 7.7 0 0 0-3.395-1.907 7.55 7.55 0 0 0-3.87.016 7.7 7.7 0 0 0-3.38 1.937 8 8 0 0 0-2.043 3.373H13.52c-1.841 0-3.607.75-4.91 2.087a7.22 7.22 0 0 0-2.033 5.039c0 1.89.731 3.702 2.033 5.039a6.86 6.86 0 0 0 4.91 2.087h26.857c1.52.02 3.028-.27 4.437-.852a11.5 11.5 0 0 0 3.773-2.543 11.8 11.8 0 0 0 2.525-3.838 12.05 12.05 0 0 0 0-9.084 11.8 11.8 0 0 0-2.525-3.838 11.5 11.5 0 0 0-3.773-2.543 11.2 11.2 0 0 0-4.437-.852z\" fill=\"@{text}\"/><path d=\"M20.744 118.644c4.61 2.14 9.646 3.681 14.427 2.483 4.95-1.284 9.134-5.308 14-7.277 4.95-2.054 10.5-1.712 15.366.856 4.524 2.397 8.365 6.677 12.975 8.475 4.525 1.712 9.476.685 13.488-2.568v-11.3L76.744 94.418c-2.049-2.14-5.463-2.14-7.427 0l-12.634 13.354-18.61-19.517-5.378-5.65c-2.049-2.14-5.463-2.14-7.427 0l-5.292 5.65L0 109.399v8.646c1.878-1.712 3.841-2.996 6.061-3.51 4.951-1.198 9.902 1.798 14.683 4.109\" fill=\"@{green}\"/><path d=\"M69.094 89.188a10.066 10.066 0 0 0 10.094-10.094A10.066 10.066 0 0 0 69.094 69 10.066 10.066 0 0 0 59 79.094a10.066 10.066 0 0 0 10.094 10.094\" fill=\"@{yellow}\"/><path d=\"M175.734 46.504c-4.192 0-8.383-.942-12.061-2.997L138.695 29.46 87.372 0c-2.908 5.053-1.197 11.476 3.85 14.388l8.04 4.625H62.481c0 5.823 4.704 10.534 10.52 10.534h8.47L60 34.172c1.197 5.652 6.843 9.25 12.489 8.05l19.673-4.282c-1.881 1.285-3.507 3.083-4.704 5.053L71.89 69.37c4.362 3.083 10.35 1.799 13.173-2.655l8.554-13.617a8.54 8.54 0 0 1 7.27-4.025h7.955c7.271 0 13.173 5.909 13.173 13.189 0 6.68-4.942 11.904-11.015 13.017V91.04l10.16 4.025a27.42 27.42 0 0 0 18.305.685L199 77.25V46.504z\" fill=\"@{surface2}\"/><path d=\"M93 37c7.955-5.759 20.7-7.919 30.452-3.52M82 29.142c8.554-1.6 20.102-3.44 27.714-3.6 5.56-.08 11.68.798 15.786 2.958M128 24c-6.159-3.12-14.314-5-28-5\" stroke=\"@{mantle}\" stroke-miterlimit=\"10\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n\n & when (@flavor = latte) {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"199\" height=\"124\" fill=\"none\"><path d=\"m105.237 74.887-13.752-3.416c-5.979-1.453-12.3.512-16.485 5.124L111 91V75.281c-1.708.171-3.884.033-5.763-.394\" fill=\"@{crust}\"/><path d=\"M0 111V59.65c1.837-1.72 3.92-3.07 6.124-3.562 4.243-1.038 8.398.994 12.466 2.983.747.365 1.49.728 2.231 1.071 4.654 2.212 9.676 3.686 14.452 2.457 2.805-.703 5.41-2.333 8.02-3.967 1.95-1.22 3.901-2.44 5.943-3.281 4.899-2.089 10.533-1.72 15.31.86 1.823 1.017 3.564 2.349 5.307 3.683 2.47 1.89 4.946 3.785 7.675 4.794 4.531 1.597 9.553.614 13.472-2.58V111z\" fill=\"@{blue}\"/><path d=\"M40.377 67a11.24 11.24 0 0 0-5.734 1.574 11.6 11.6 0 0 0-4.198 4.307 7.7 7.7 0 0 0-3.395-1.907 7.55 7.55 0 0 0-3.87.016 7.7 7.7 0 0 0-3.38 1.937 8 8 0 0 0-2.043 3.373H13.52c-1.841 0-3.607.75-4.91 2.087a7.22 7.22 0 0 0-2.033 5.039c0 1.89.731 3.702 2.033 5.039a6.86 6.86 0 0 0 4.91 2.087h26.857c1.52.02 3.028-.27 4.437-.852a11.5 11.5 0 0 0 3.773-2.543 11.8 11.8 0 0 0 2.525-3.838 12.05 12.05 0 0 0 0-9.084 11.8 11.8 0 0 0-2.525-3.838 11.5 11.5 0 0 0-3.773-2.543 11.2 11.2 0 0 0-4.437-.852z\" fill=\"@{mantle}\"/><path d=\"M20.744 118.644c4.61 2.14 9.646 3.681 14.427 2.483 4.95-1.284 9.134-5.308 14-7.277 4.95-2.054 10.5-1.712 15.366.856 4.524 2.397 8.365 6.677 12.975 8.475 4.525 1.712 9.476.685 13.488-2.568v-11.3L76.744 94.418c-2.049-2.14-5.463-2.14-7.427 0l-12.634 13.354-18.61-19.517-5.378-5.65c-2.049-2.14-5.463-2.14-7.427 0l-5.292 5.65L0 109.399v8.646c1.878-1.712 3.841-2.996 6.061-3.51 4.951-1.198 9.902 1.798 14.683 4.109\" fill=\"@{green}\"/><path d=\"M69.094 89.188a10.066 10.066 0 0 0 10.094-10.094A10.066 10.066 0 0 0 69.094 69 10.066 10.066 0 0 0 59 79.094a10.066 10.066 0 0 0 10.094 10.094\" fill=\"@{yellow}\"/><path d=\"M175.734 46.504c-4.192 0-8.383-.942-12.061-2.997L138.695 29.46 87.372 0c-2.908 5.053-1.197 11.476 3.85 14.388l8.04 4.625H62.481c0 5.823 4.704 10.534 10.52 10.534h8.47L60 34.172c1.197 5.652 6.843 9.25 12.489 8.05l19.673-4.282c-1.881 1.285-3.507 3.083-4.704 5.053L71.89 69.37c4.362 3.083 10.35 1.799 13.173-2.655l8.554-13.617a8.54 8.54 0 0 1 7.27-4.025h7.955c7.271 0 13.173 5.909 13.173 13.189 0 6.68-4.942 11.904-11.015 13.017V91.04l10.16 4.025a27.42 27.42 0 0 0 18.305.685L199 77.25V46.504z\" fill=\"@{crust}\"/><path d=\"M93 37c7.955-5.759 20.7-7.919 30.452-3.52M82 29.142c8.554-1.6 20.102-3.44 27.714-3.6 5.56-.08 11.68.798 15.786 2.958M128 24c-6.159-3.12-14.314-5-28-5\" stroke=\"@{text}\" stroke-miterlimit=\"10\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n }\n\n // app download page image\n .TN5Asf {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"654\" height=\"536\" fill=\"none\"><path fill=\"@{base}\" d=\"M0 0h654v536H0z\"/><path d=\"M307.5 443c94.165 0 170.5-76.112 170.5-170s-76.335-170-170.5-170S137 179.112 137 273s76.335 170 170.5 170z\" stroke=\"@{text}\" stroke-width=\"4\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-dasharray=\"0.01 24\"/><path d=\"m141.807 269.137 2.806 8.552a3.09 3.09 0 0 0 2.942 2.137h9.059a3.1 3.1 0 0 1 2.956 2.135 3.08 3.08 0 0 1-1.137 3.458l-7.326 5.301a3.11 3.11 0 0 0-1.124 3.421l2.797 8.551a3.08 3.08 0 0 1-1.149 3.424 3.11 3.11 0 0 1-3.621-.004l-7.327-5.301a3.11 3.11 0 0 0-3.646 0l-7.326 5.301a3.102 3.102 0 0 1-4.75-1.523 3.1 3.1 0 0 1-.02-1.897l2.797-8.551a3.07 3.07 0 0 0-1.124-3.421l-7.326-5.301a3.085 3.085 0 0 1-1.137-3.458 3.1 3.1 0 0 1 2.956-2.135h9.059a3.11 3.11 0 0 0 2.951-2.137l2.797-8.552a3.1 3.1 0 0 1 1.124-1.546 3.11 3.11 0 0 1 3.645 0c.529.384.923.925 1.124 1.546\" fill=\"@{yellow}\"/><path d=\"M495.81 243.226a44.9 44.9 0 0 1-18.779 11.551A45 45 0 0 1 455 256.002l2.256-11.596a33.1 33.1 0 0 0 16.211-.903A33 33 0 0 0 487.282 235z\" fill=\"@{red}\"/><path d=\"M166.232 187.422a19.23 19.23 0 0 1-6.202-13.09 19.22 19.22 0 0 1 4.699-13.697 19.365 19.365 0 0 1 26.819-2.287\" fill=\"@{green}\"/><path d=\"M452.721 189.392c4.264 0 7.721-3.446 7.721-7.696S456.985 174 452.721 174 445 177.446 445 181.696s3.457 7.696 7.721 7.696\" fill=\"@{blue}\"/><path fill=\"@{base}\" d=\"M184 388h67v63h-67z\"/><path d=\"M277.198 49a50.75 50.75 0 0 1 25.755 7.017c7.831 4.603 14.334 11.225 18.855 19.202a34.6 34.6 0 0 1 15.246-8.503 34.16 34.16 0 0 1 17.381.074 34.6 34.6 0 0 1 15.174 8.634 35.5 35.5 0 0 1 9.179 15.036h19.028c8.271 0 16.202 3.347 22.05 9.305 5.849 5.957 9.134 14.038 9.134 22.463s-3.285 16.506-9.134 22.463c-5.848 5.958-13.779 9.305-22.05 9.305H277.198a50.7 50.7 0 0 1-19.924-3.8 51.5 51.5 0 0 1-16.945-11.333 52.6 52.6 0 0 1-11.342-17.114A53.3 53.3 0 0 1 225 101.502a53.3 53.3 0 0 1 3.987-20.246 52.6 52.6 0 0 1 11.342-17.114 51.5 51.5 0 0 1 16.945-11.333 50.7 50.7 0 0 1 19.924-3.8z\" fill=\"@{blue}\"/><circle cx=\"326.125\" cy=\"104.875\" fill=\"@{base}\" r=\"9.625\"/><path d=\"m326.125 112.75 9.851 17.062h-19.702z\" fill=\"@{base}\"/><rect x=\"114\" y=\"350\" width=\"78\" height=\"156\" rx=\"8\" fill=\"@{mantle}\"/><path fill=\"@{text}\" d=\"M117 361h72v134h-72z\"/><mask id=\"a\" maskUnits=\"userSpaceOnUse\" x=\"117\" y=\"392\" width=\"72\" height=\"72\"><path fill=\"@{yellow}\" d=\"M117 392h72v72h-72z\"/></mask><g mask=\"url(#a)\"><path fill=\"@{yellow}\" d=\"M117 392h72v72h-72z\"/><path d=\"M28.765 291.978c8.223 9.946 9.311 23.919 2.895 35.033l-2.016 3.491L221.897 441.5l-7.088 12.277c24.031 13.875 54.779 5.636 68.653-18.395L23.012 285.011z\" fill=\"@{blue}\"/><path d=\"M34.55 346.058c11.653-.565 15.282.676 18.075 2.289s5.681 4.134 11.019 14.508a18.2 18.2 0 0 0 4.873 6.073c.748.586 1.553 1.207 2.426 1.71 3.308 2.065 7.279 3.116 11.355 2.91l.034-.059c11.503-.573 15.13.668 17.924 2.28 2.793 1.613 5.682 4.134 11.019 14.509a19.68 19.68 0 0 0 18.563 10.717c11.653-.565 15.281.676 18.074 2.289s5.682 4.134 11.02 14.508a19.67 19.67 0 0 0 18.562 10.717c11.653-.565 15.281.676 18.074 2.289s5.682 4.134 11.02 14.508c1.859 3.634 4.754 6.547 8.196 8.379l9.071-15.711c-3.442-1.832-6.338-4.745-8.197-8.378-5.337-10.375-8.226-12.896-11.019-14.509s-6.421-2.854-18.075-2.289a19.68 19.68 0 0 1-18.562-10.717c-5.337-10.374-8.226-12.896-11.019-14.508-2.793-1.613-6.421-2.854-18.075-2.289a19.68 19.68 0 0 1-18.562-10.717c-5.337-10.374-8.226-12.896-11.019-14.508-2.793-1.613-6.422-2.854-18.075-2.289a20.1 20.1 0 0 1-11.238-2.842c-3.05-1.839-5.539-4.517-7.266-7.842-5.337-10.374-8.226-12.895-11.02-14.508-2.792-1.613-6.42-2.854-18.074-2.289-4.318.222-8.488-1.021-11.96-3.337l-9.071 15.711a19.24 19.24 0 0 0 11.927 3.395\" fill=\"@{text}\"/><path d=\"m186.547 429.419-.056 9.709c0 1.443.888 2.719 2.275 3.163l9.21 3.051c3.052.999 3.052 5.382-.055 6.325l-9.266 2.941a3.33 3.33 0 0 0-2.33 3.162l-.056 9.709c0 3.218-4.161 4.55-6.047 1.942l-5.659-7.934a3.32 3.32 0 0 0-3.718-1.22l-9.265 2.94c-3.052.999-5.604-2.552-3.717-5.159l5.77-7.823c.832-1.166.887-2.719 0-3.94l-5.659-7.934c-1.887-2.607.665-6.103 3.772-5.104l9.21 3.052c1.387.443 2.885 0 3.718-1.166l5.77-7.823c1.997-2.496 6.103-1.165 6.103 2.109\" fill=\"@{red}\"/><path d=\"M182.83 449.947c-1.055 3.218-4.55 4.938-7.712 3.884-3.218-1.054-4.938-4.549-3.884-7.712 1.054-3.218 4.549-4.938 7.712-3.884 3.218 1.055 4.938 4.494 3.884 7.712\" fill=\"@{red}\"/><path d=\"m152 442.439-9.525-5.545a16.17 16.17 0 0 0-.653-14.745c-4.436-7.698-14.222-10.373-21.921-5.937s-10.373 14.223-5.937 21.921c2.675 4.698 7.372 7.503 12.396 7.96v11.026z\" fill=\"@{surface2}\"/><path d=\"m119.887 416.481 18.834 32.85\" stroke=\"@{surface2}\" stroke-miterlimit=\"10\"/><path d=\"m129.523 414.541 9.198 34.79-25.404-25.53\" stroke=\"@{surface2}\" stroke-miterlimit=\"10\" stroke-linejoin=\"bevel\"/><path d=\"m138.846 419.046-.125 30.285-26.217-15.205\" stroke=\"@{surface2}\" stroke-miterlimit=\"10\" stroke-linejoin=\"bevel\"/></g><path fill=\"@{yellow}\" d=\"M117 361h35v30h-35zm36 0h36v30h-36zm0 104h36v30h-36zm-36 0h35v30h-35z\"/><path d=\"M240 304a3 3 0 0 1 3-3h303a3 3 0 0 1 3 3v191H240z\" fill=\"@{text}\" stroke=\"@{mantle}\" stroke-width=\"2\"/><path d=\"M215 496a2 2 0 0 1 2-2h355a2 2 0 0 1 2 2v2a8 8 0 0 1-8 8H223a8 8 0 0 1-8-8z\" fill=\"@{mantle}\"/><mask id=\"b\" maskUnits=\"userSpaceOnUse\" x=\"243\" y=\"304\" width=\"188\" height=\"188\"><path fill=\"@{yellow}\" d=\"M243 304h188v188H243z\"/></mask><g mask=\"url(#b)\"><path fill=\"@{yellow}\" d=\"M243 304h188v188H243z\"/><path d=\"M12.61 42.833c21.47 25.969 24.31 62.453 7.556 91.473l-5.263 9.116 501.995 289.827-18.508 32.058c62.749 36.229 143.034 14.717 179.262-48.033L-2.412 24.639z\" fill=\"@{blue}\"/><path d=\"M27.714 184.04c30.428-1.475 39.901 1.766 47.194 5.977 7.293 4.21 14.837 10.794 28.774 37.883 3.084 6.238 7.477 11.61 12.725 15.855 1.951 1.532 4.055 3.152 6.334 4.468 8.637 5.391 19.004 8.136 29.648 7.596l.088-.152c30.036-1.499 39.51 1.742 46.802 5.953s14.837 10.794 28.774 37.883a51.37 51.37 0 0 0 48.467 27.983c30.428-1.475 39.902 1.766 47.195 5.977 7.293 4.21 14.836 10.794 28.773 37.883a51.37 51.37 0 0 0 48.467 27.983c30.429-1.475 39.902 1.766 47.195 5.977 7.293 4.21 14.836 10.794 28.773 37.883 4.854 9.487 12.415 17.094 21.403 21.878l23.684-41.023c-8.988-4.784-16.548-12.39-21.402-21.878-13.937-27.089-21.481-33.673-28.774-37.883s-16.766-7.452-47.194-5.977a51.38 51.38 0 0 1-48.468-27.983c-13.936-27.089-21.48-33.672-28.773-37.883-7.293-4.21-16.766-7.451-47.194-5.977a51.38 51.38 0 0 1-48.468-27.982c-13.937-27.089-21.48-33.673-28.773-37.884s-16.766-7.451-47.195-5.976a52.4 52.4 0 0 1-29.344-7.421c-7.965-4.801-14.462-11.793-18.971-20.474-13.937-27.089-21.481-33.673-28.773-37.884-7.293-4.21-16.767-7.451-47.195-5.976-11.275.58-22.162-2.667-31.232-8.713L-3.43 175.175c8.981 6.199 19.87 9.446 31.144 8.865\" fill=\"@{text}\"/><path d=\"m424.595 401.705-.145 25.352c0 3.767 2.318 7.098 5.939 8.257l24.049 7.968c7.968 2.608 7.968 14.053-.145 16.515l-24.193 7.679c-3.622 1.159-6.085 4.491-6.085 8.257l-.145 25.352c0 8.403-10.865 11.88-15.791 5.071l-14.776-20.716c-2.173-3.043-6.085-4.347-9.707-3.188l-24.193 7.678c-7.968 2.608-14.632-6.664-9.706-13.472l15.066-20.427c2.173-3.042 2.318-7.099 0-10.286l-14.776-20.716c-4.926-6.809 1.738-15.936 9.851-13.328l24.048 7.968c3.622 1.159 7.533 0 9.706-3.043l15.067-20.426c5.215-6.52 15.936-3.043 15.936 5.505\" fill=\"@{maroon}\"/><path d=\"M414.888 455.307c-2.752 8.402-11.879 12.893-20.137 10.141-8.402-2.753-12.893-11.879-10.14-20.137 2.752-8.403 11.879-12.893 20.137-10.141 8.402 2.753 12.893 11.735 10.14 20.137\" fill=\"@{red}\"/><path d=\"m334.389 435.702-24.872-14.48c5.452-11.925 5.281-26.234-1.703-38.5-11.584-20.101-37.137-27.086-57.239-15.502s-27.086 37.137-15.502 57.239c6.984 12.265 19.25 19.59 32.367 20.783v28.79z\" fill=\"@{text}\"/><path d=\"m250.538 367.923 49.178 85.775\" stroke=\"@{crust}\" stroke-width=\"1.5\" stroke-miterlimit=\"10\"/><path d=\"m275.699 362.856 24.017 90.84-66.332-66.659\" stroke=\"@{crust}\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linejoin=\"bevel\"/><path d=\"m300.043 374.621-.327 79.076-68.456-39.702\" stroke=\"@{crust}\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linejoin=\"bevel\"/></g><g clip-path=\"url(#c)\"><path fill=\"@{yellow}\" d=\"M432 304h114v94H432z\"/><path d=\"m465.215 290.633 8.284 10.585c1.239 1.566 3.306 2.182 5.204 1.464l12.687-4.659c4.193-1.557 7.96 3.2 5.375 6.912l-7.599 11.21c-1.134 1.682-1.068 3.883.172 5.448l8.283 10.586c2.766 3.492-.638 8.538-4.94 7.341l-13.003-3.713c-1.911-.544-3.977.21-5.112 1.892l-7.599 11.21c-2.476 3.725-8.317 2.08-8.496-2.383l-.417-13.483c-.092-1.985-1.367-3.719-3.386-4.275l-13.003-3.713c-4.302-1.197-4.517-7.199-.263-8.804l12.688-4.659c1.897-.719 3.153-2.497 3.061-4.482l-.417-13.483c.037-4.438 5.668-6.546 8.481-2.994\" fill=\"@{maroon}\"/><path d=\"M478.709 316.239c1.63 4.422-.697 9.318-5.058 10.9-4.422 1.631-9.319-.697-10.901-5.058-1.63-4.422.698-9.318 5.059-10.9 4.422-1.631 9.27.637 10.9 5.058\" fill=\"@{red}\"/><path d=\"m483.394 422.284 9.696-16.655c7.985 3.65 17.567 3.536 25.781-1.141 13.46-7.757 18.137-24.868 10.38-38.328s-24.868-18.138-38.328-10.381c-8.214 4.677-13.119 12.89-13.917 21.674h-19.279z\" fill=\"@{surface2}\"/><path d=\"m528.781 366.135-57.438 32.931\" stroke=\"@{mantle}\" stroke-width=\"1.5\" stroke-miterlimit=\"10\"/><path d=\"m532.173 382.984-60.829 16.082 44.637-44.418\" stroke=\"@{mantle}\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linejoin=\"bevel\"/><path d=\"m524.296 399.285-52.952-.219 26.585-45.841\" stroke=\"@{mantle}\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linejoin=\"bevel\"/></g><g clip-path=\"url(#d)\"><path fill=\"@{yellow}\" d=\"M432 399h114v93H432z\"/><path d=\"M625.531 503.596c-20.67-7.703-34.221-27.478-34.221-49.438v-6.899H211.896V423C164.47 423 126 461.516 126 509h514z\" fill=\"@{blue}\"/><path d=\"M570.461 428.367c-16.753 10.908-23.179 12.185-28.686 12.185s-11.934-1.277-28.686-12.185a30.9 30.9 0 0 0-12.393-4.874c-1.606-.232-3.327-.464-5.048-.464-6.656-.232-13.425 1.625-19.277 5.454v.116c-16.524 10.792-22.949 12.069-28.457 12.069s-11.933-1.277-28.686-12.185a33.28 33.28 0 0 0-36.603 0c-16.753 10.908-23.179 12.185-28.686 12.185s-11.934-1.277-28.686-12.185a33.29 33.29 0 0 0-36.604 0c-16.753 10.908-23.178 12.185-28.686 12.185s-11.933-1.277-28.686-12.185c-5.852-3.829-12.622-5.686-19.277-5.454v31.332c6.655-.232 13.425 1.625 19.277 5.454C248.03 470.723 254.455 472 259.963 472s11.933-1.276 28.686-12.185a33.29 33.29 0 0 1 36.604 0C342.005 470.724 348.431 472 353.939 472s11.933-1.276 28.686-12.185a33.28 33.28 0 0 1 36.603 0C435.981 470.724 442.406 472 447.914 472s11.933-1.276 28.686-12.185a34 34 0 0 1 19.048-5.454c6.081.116 12.048 1.973 17.441 5.454C529.841 470.724 536.267 472 541.775 472s11.933-1.276 28.686-12.185c6.196-4.061 13.425-5.802 20.539-5.338v-31.332a32.57 32.57 0 0 0-20.539 5.222\" fill=\"@{text}\"/></g><defs><clipPath id=\"c\"><path fill=\"#fff\" d=\"M432 304h114v94H432z\"/></clipPath><clipPath id=\"d\"><path fill=\"#fff\" d=\"M432 399h114v93H432z\"/></clipPath></defs></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n\n & when (@flavor = latte) {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"654\" height=\"536\" fill=\"none\"><path fill=\"@{base}\" d=\"M0 0h654v536H0z\"/><path d=\"M307.5 443c94.165 0 170.5-76.112 170.5-170s-76.335-170-170.5-170S137 179.112 137 273s76.335 170 170.5 170z\" stroke=\"@{text}\" stroke-width=\"4\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-dasharray=\"0.01 24\"/><path d=\"m141.807 269.137 2.806 8.552a3.09 3.09 0 0 0 2.942 2.137h9.059a3.1 3.1 0 0 1 2.956 2.135 3.08 3.08 0 0 1-1.137 3.458l-7.326 5.301a3.11 3.11 0 0 0-1.124 3.421l2.797 8.551a3.08 3.08 0 0 1-1.149 3.424 3.11 3.11 0 0 1-3.621-.004l-7.327-5.301a3.11 3.11 0 0 0-3.646 0l-7.326 5.301a3.102 3.102 0 0 1-4.75-1.523 3.1 3.1 0 0 1-.02-1.897l2.797-8.551a3.07 3.07 0 0 0-1.124-3.421l-7.326-5.301a3.085 3.085 0 0 1-1.137-3.458 3.1 3.1 0 0 1 2.956-2.135h9.059a3.11 3.11 0 0 0 2.951-2.137l2.797-8.552a3.1 3.1 0 0 1 1.124-1.546 3.11 3.11 0 0 1 3.645 0c.529.384.923.925 1.124 1.546\" fill=\"@{yellow}\"/><path d=\"M495.81 243.226a44.9 44.9 0 0 1-18.779 11.551A45 45 0 0 1 455 256.002l2.256-11.596a33.1 33.1 0 0 0 16.211-.903A33 33 0 0 0 487.282 235z\" fill=\"@{red}\"/><path d=\"M166.232 187.422a19.23 19.23 0 0 1-6.202-13.09 19.22 19.22 0 0 1 4.699-13.697 19.365 19.365 0 0 1 26.819-2.287\" fill=\"@{green}\"/><path d=\"M452.721 189.392c4.264 0 7.721-3.446 7.721-7.696S456.985 174 452.721 174 445 177.446 445 181.696s3.457 7.696 7.721 7.696\" fill=\"@{blue}\"/><path fill=\"@{base}\" d=\"M184 388h67v63h-67z\"/><path d=\"M277.198 49a50.75 50.75 0 0 1 25.755 7.017c7.831 4.603 14.334 11.225 18.855 19.202a34.6 34.6 0 0 1 15.246-8.503 34.16 34.16 0 0 1 17.381.074 34.6 34.6 0 0 1 15.174 8.634 35.5 35.5 0 0 1 9.179 15.036h19.028c8.271 0 16.202 3.347 22.05 9.305 5.849 5.957 9.134 14.038 9.134 22.463s-3.285 16.506-9.134 22.463c-5.848 5.958-13.779 9.305-22.05 9.305H277.198a50.7 50.7 0 0 1-19.924-3.8 51.5 51.5 0 0 1-16.945-11.333 52.6 52.6 0 0 1-11.342-17.114A53.3 53.3 0 0 1 225 101.502a53.3 53.3 0 0 1 3.987-20.246 52.6 52.6 0 0 1 11.342-17.114 51.5 51.5 0 0 1 16.945-11.333 50.7 50.7 0 0 1 19.924-3.8z\" fill=\"@{blue}\"/><circle cx=\"326.125\" cy=\"104.875\" fill=\"@{base}\" r=\"9.625\"/><path d=\"m326.125 112.75 9.851 17.062h-19.702z\" fill=\"@{base}\"/><rect x=\"114\" y=\"350\" width=\"78\" height=\"156\" rx=\"8\" fill=\"@{text}\"/><path fill=\"@{mantle}\" d=\"M117 361h72v134h-72z\"/><mask id=\"a\" maskUnits=\"userSpaceOnUse\" x=\"117\" y=\"392\" width=\"72\" height=\"72\"><path fill=\"@{yellow}\" d=\"M117 392h72v72h-72z\"/></mask><g mask=\"url(#a)\"><path fill=\"@{yellow}\" d=\"M117 392h72v72h-72z\"/><path d=\"M28.765 291.978c8.223 9.946 9.311 23.919 2.895 35.033l-2.016 3.491L221.897 441.5l-7.088 12.277c24.031 13.875 54.779 5.636 68.653-18.395L23.012 285.011z\" fill=\"@{blue}\"/><path d=\"M34.55 346.058c11.653-.565 15.282.676 18.075 2.289s5.681 4.134 11.019 14.508a18.2 18.2 0 0 0 4.873 6.073c.748.586 1.553 1.207 2.426 1.71 3.308 2.065 7.279 3.116 11.355 2.91l.034-.059c11.503-.573 15.13.668 17.924 2.28 2.793 1.613 5.682 4.134 11.019 14.509a19.68 19.68 0 0 0 18.563 10.717c11.653-.565 15.281.676 18.074 2.289s5.682 4.134 11.02 14.508a19.67 19.67 0 0 0 18.562 10.717c11.653-.565 15.281.676 18.074 2.289s5.682 4.134 11.02 14.508c1.859 3.634 4.754 6.547 8.196 8.379l9.071-15.711c-3.442-1.832-6.338-4.745-8.197-8.378-5.337-10.375-8.226-12.896-11.019-14.509s-6.421-2.854-18.075-2.289a19.68 19.68 0 0 1-18.562-10.717c-5.337-10.374-8.226-12.896-11.019-14.508-2.793-1.613-6.421-2.854-18.075-2.289a19.68 19.68 0 0 1-18.562-10.717c-5.337-10.374-8.226-12.896-11.019-14.508-2.793-1.613-6.422-2.854-18.075-2.289a20.1 20.1 0 0 1-11.238-2.842c-3.05-1.839-5.539-4.517-7.266-7.842-5.337-10.374-8.226-12.895-11.02-14.508-2.792-1.613-6.42-2.854-18.074-2.289-4.318.222-8.488-1.021-11.96-3.337l-9.071 15.711a19.24 19.24 0 0 0 11.927 3.395\" fill=\"@{mantle}\"/><path d=\"m186.547 429.419-.056 9.709c0 1.443.888 2.719 2.275 3.163l9.21 3.051c3.052.999 3.052 5.382-.055 6.325l-9.266 2.941a3.33 3.33 0 0 0-2.33 3.162l-.056 9.709c0 3.218-4.161 4.55-6.047 1.942l-5.659-7.934a3.32 3.32 0 0 0-3.718-1.22l-9.265 2.94c-3.052.999-5.604-2.552-3.717-5.159l5.77-7.823c.832-1.166.887-2.719 0-3.94l-5.659-7.934c-1.887-2.607.665-6.103 3.772-5.104l9.21 3.052c1.387.443 2.885 0 3.718-1.166l5.77-7.823c1.997-2.496 6.103-1.165 6.103 2.109\" fill=\"@{red}\"/><path d=\"M182.83 449.947c-1.055 3.218-4.55 4.938-7.712 3.884-3.218-1.054-4.938-4.549-3.884-7.712 1.054-3.218 4.549-4.938 7.712-3.884 3.218 1.055 4.938 4.494 3.884 7.712\" fill=\"@{red}\"/><path d=\"m152 442.439-9.525-5.545a16.17 16.17 0 0 0-.653-14.745c-4.436-7.698-14.222-10.373-21.921-5.937s-10.373 14.223-5.937 21.921c2.675 4.698 7.372 7.503 12.396 7.96v11.026z\" fill=\"@{surface2}\"/><path d=\"m119.887 416.481 18.834 32.85\" stroke=\"@{surface2}\" stroke-miterlimit=\"10\"/><path d=\"m129.523 414.541 9.198 34.79-25.404-25.53\" stroke=\"@{surface2}\" stroke-miterlimit=\"10\" stroke-linejoin=\"bevel\"/><path d=\"m138.846 419.046-.125 30.285-26.217-15.205\" stroke=\"@{surface2}\" stroke-miterlimit=\"10\" stroke-linejoin=\"bevel\"/></g><path fill=\"@{yellow}\" d=\"M117 361h35v30h-35zm36 0h36v30h-36zm0 104h36v30h-36zm-36 0h35v30h-35z\"/><path d=\"M240 304a3 3 0 0 1 3-3h303a3 3 0 0 1 3 3v191H240z\" fill=\"@{mantle}\" stroke=\"@{text}\" stroke-width=\"2\"/><path d=\"M215 496a2 2 0 0 1 2-2h355a2 2 0 0 1 2 2v2a8 8 0 0 1-8 8H223a8 8 0 0 1-8-8z\" fill=\"@{text}\"/><mask id=\"b\" maskUnits=\"userSpaceOnUse\" x=\"243\" y=\"304\" width=\"188\" height=\"188\"><path fill=\"@{yellow}\" d=\"M243 304h188v188H243z\"/></mask><g mask=\"url(#b)\"><path fill=\"@{yellow}\" d=\"M243 304h188v188H243z\"/><path d=\"M12.61 42.833c21.47 25.969 24.31 62.453 7.556 91.473l-5.263 9.116 501.995 289.827-18.508 32.058c62.749 36.229 143.034 14.717 179.262-48.033L-2.412 24.639z\" fill=\"@{blue}\"/><path d=\"M27.714 184.04c30.428-1.475 39.901 1.766 47.194 5.977 7.293 4.21 14.837 10.794 28.774 37.883 3.084 6.238 7.477 11.61 12.725 15.855 1.951 1.532 4.055 3.152 6.334 4.468 8.637 5.391 19.004 8.136 29.648 7.596l.088-.152c30.036-1.499 39.51 1.742 46.802 5.953s14.837 10.794 28.774 37.883a51.37 51.37 0 0 0 48.467 27.983c30.428-1.475 39.902 1.766 47.195 5.977 7.293 4.21 14.836 10.794 28.773 37.883a51.37 51.37 0 0 0 48.467 27.983c30.429-1.475 39.902 1.766 47.195 5.977 7.293 4.21 14.836 10.794 28.773 37.883 4.854 9.487 12.415 17.094 21.403 21.878l23.684-41.023c-8.988-4.784-16.548-12.39-21.402-21.878-13.937-27.089-21.481-33.673-28.774-37.883s-16.766-7.452-47.194-5.977a51.38 51.38 0 0 1-48.468-27.983c-13.936-27.089-21.48-33.672-28.773-37.883-7.293-4.21-16.766-7.451-47.194-5.977a51.38 51.38 0 0 1-48.468-27.982c-13.937-27.089-21.48-33.673-28.773-37.884s-16.766-7.451-47.195-5.976a52.4 52.4 0 0 1-29.344-7.421c-7.965-4.801-14.462-11.793-18.971-20.474-13.937-27.089-21.481-33.673-28.773-37.884-7.293-4.21-16.767-7.451-47.195-5.976-11.275.58-22.162-2.667-31.232-8.713L-3.43 175.175c8.981 6.199 19.87 9.446 31.144 8.865\" fill=\"@{sapphire}\"/><path d=\"m424.595 401.705-.145 25.352c0 3.767 2.318 7.098 5.939 8.257l24.049 7.968c7.968 2.608 7.968 14.053-.145 16.515l-24.193 7.679c-3.622 1.159-6.085 4.491-6.085 8.257l-.145 25.352c0 8.403-10.865 11.88-15.791 5.071l-14.776-20.716c-2.173-3.043-6.085-4.347-9.707-3.188l-24.193 7.678c-7.968 2.608-14.632-6.664-9.706-13.472l15.066-20.427c2.173-3.042 2.318-7.099 0-10.286l-14.776-20.716c-4.926-6.809 1.738-15.936 9.851-13.328l24.048 7.968c3.622 1.159 7.533 0 9.706-3.043l15.067-20.426c5.215-6.52 15.936-3.043 15.936 5.505\" fill=\"@{maroon}\"/><path d=\"M414.888 455.307c-2.752 8.402-11.879 12.893-20.137 10.141-8.402-2.753-12.893-11.879-10.14-20.137 2.752-8.403 11.879-12.893 20.137-10.141 8.402 2.753 12.893 11.735 10.14 20.137\" fill=\"@{red}\"/><path d=\"m334.389 435.702-24.872-14.48c5.452-11.925 5.281-26.234-1.703-38.5-11.584-20.101-37.137-27.086-57.239-15.502s-27.086 37.137-15.502 57.239c6.984 12.265 19.25 19.59 32.367 20.783v28.79z\" fill=\"@{mantle}\"/><path d=\"m250.538 367.923 49.178 85.775\" stroke=\"@{text}\" stroke-width=\"1.5\" stroke-miterlimit=\"10\"/><path d=\"m275.699 362.856 24.017 90.84-66.332-66.659\" stroke=\"@{text}\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linejoin=\"bevel\"/><path d=\"m300.043 374.621-.327 79.076-68.456-39.702\" stroke=\"@{text}\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linejoin=\"bevel\"/></g><g clip-path=\"url(#c)\"><path fill=\"@{yellow}\" d=\"M432 304h114v94H432z\"/><path d=\"m465.215 290.633 8.284 10.585c1.239 1.566 3.306 2.182 5.204 1.464l12.687-4.659c4.193-1.557 7.96 3.2 5.375 6.912l-7.599 11.21c-1.134 1.682-1.068 3.883.172 5.448l8.283 10.586c2.766 3.492-.638 8.538-4.94 7.341l-13.003-3.713c-1.911-.544-3.977.21-5.112 1.892l-7.599 11.21c-2.476 3.725-8.317 2.08-8.496-2.383l-.417-13.483c-.092-1.985-1.367-3.719-3.386-4.275l-13.003-3.713c-4.302-1.197-4.517-7.199-.263-8.804l12.688-4.659c1.897-.719 3.153-2.497 3.061-4.482l-.417-13.483c.037-4.438 5.668-6.546 8.481-2.994\" fill=\"@{maroon}\"/><path d=\"M478.709 316.239c1.63 4.422-.697 9.318-5.058 10.9-4.422 1.631-9.319-.697-10.901-5.058-1.63-4.422.698-9.318 5.059-10.9 4.422-1.631 9.27.637 10.9 5.058\" fill=\"@{red}\"/><path d=\"m483.394 422.284 9.696-16.655c7.985 3.65 17.567 3.536 25.781-1.141 13.46-7.757 18.137-24.868 10.38-38.328s-24.868-18.138-38.328-10.381c-8.214 4.677-13.119 12.89-13.917 21.674h-19.279z\" fill=\"@{surface2}\"/><path d=\"m528.781 366.135-57.438 32.931\" stroke=\"@{text}\" stroke-width=\"1.5\" stroke-miterlimit=\"10\"/><path d=\"m532.173 382.984-60.829 16.082 44.637-44.418\" stroke=\"@{text}\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linejoin=\"bevel\"/><path d=\"m524.296 399.285-52.952-.219 26.585-45.841\" stroke=\"@{text}\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linejoin=\"bevel\"/></g><g clip-path=\"url(#d)\"><path fill=\"@{yellow}\" d=\"M432 399h114v93H432z\"/><path d=\"M625.531 503.596c-20.67-7.703-34.221-27.478-34.221-49.438v-6.899H211.896V423C164.47 423 126 461.516 126 509h514z\" fill=\"@{blue}\"/><path d=\"M570.461 428.367c-16.753 10.908-23.179 12.185-28.686 12.185s-11.934-1.277-28.686-12.185a30.9 30.9 0 0 0-12.393-4.874c-1.606-.232-3.327-.464-5.048-.464-6.656-.232-13.425 1.625-19.277 5.454v.116c-16.524 10.792-22.949 12.069-28.457 12.069s-11.933-1.277-28.686-12.185a33.28 33.28 0 0 0-36.603 0c-16.753 10.908-23.179 12.185-28.686 12.185s-11.934-1.277-28.686-12.185a33.29 33.29 0 0 0-36.604 0c-16.753 10.908-23.178 12.185-28.686 12.185s-11.933-1.277-28.686-12.185c-5.852-3.829-12.622-5.686-19.277-5.454v31.332c6.655-.232 13.425 1.625 19.277 5.454C248.03 470.723 254.455 472 259.963 472s11.933-1.276 28.686-12.185a33.29 33.29 0 0 1 36.604 0C342.005 470.724 348.431 472 353.939 472s11.933-1.276 28.686-12.185a33.28 33.28 0 0 1 36.603 0C435.981 470.724 442.406 472 447.914 472s11.933-1.276 28.686-12.185a34 34 0 0 1 19.048-5.454c6.081.116 12.048 1.973 17.441 5.454C529.841 470.724 536.267 472 541.775 472s11.933-1.276 28.686-12.185c6.196-4.061 13.425-5.802 20.539-5.338v-31.332a32.57 32.57 0 0 0-20.539 5.222\" fill=\"@{sapphire}\"/></g><defs><clipPath id=\"c\"><path fill=\"#fff\" d=\"M432 304h114v94H432z\"/></clipPath><clipPath id=\"d\"><path fill=\"#fff\" d=\"M432 399h114v93H432z\"/></clipPath></defs></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n }\n\n // google shield icon\n .SAdUce {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"96\" height=\"96\" xml:space=\"preserve\"><path fill=\"none\" d=\"M0 0v96h96V0z\" opacity=\".6\"/><path fill=\"@{lavender}\" d=\"M13 40.6c.07 3.3.32 6.49.76 9.76 2.07 14 9.93 29.86 31.47 40.97 1.74.9 3.8.9 5.54 0 21.54-11.11 29.4-26.97 31.47-40.97.44-3.27.69-6.46.76-9.76V21.27a7.2 7.2 0 0 0-4.75-6.77L50.45 4.43a7.23 7.23 0 0 0-4.9 0L17.75 14.5A7.19 7.19 0 0 0 13 21.27z\"/><defs><path id=\"a\" d=\"M13 40.6c.07 3.3.32 6.49.76 9.76 2.07 14 9.93 29.86 31.47 40.97 1.74.9 3.8.9 5.54 0 21.54-11.11 29.4-26.97 31.47-40.97.44-3.27.69-6.46.76-9.76V21.27a7.2 7.2 0 0 0-4.75-6.77L50.45 4.43a7.23 7.23 0 0 0-4.9 0L17.75 14.5A7.19 7.19 0 0 0 13 21.27z\"/></defs><clipPath id=\"b\"><use xlink:href=\"#a\" overflow=\"visible\"/></clipPath><path clip-path=\"url(#b)\" fill=\"@{blue}\" d=\"M4 3h44v90H4z\"/><path fill=\"none\" d=\"M27.6 23.2h40.8V64H27.6z\"/><path fill=\"@{text}\" d=\"M48 47.64h11.46c-.82 4.78-4.96 8.29-11.03 8.29-6.68 0-12.09-5.65-12.09-12.32s5.41-12.32 12.09-12.32c3.01 0 5.7 1.04 7.83 3.06l5.82-5.82c-3.54-3.3-8.15-5.32-13.65-5.32-11.27 0-20.4 9.13-20.4 20.4s9.13 20.4 20.4 20.4c11.78 0 19.54-8.28 19.54-19.94 0-1.49-.13-2.92-.38-4.29H48z\"/><defs><path id=\"c\" d=\"M48 47.64h11.46c-.82 4.78-4.96 8.29-11.03 8.29-6.68 0-12.09-5.65-12.09-12.32s5.41-12.32 12.09-12.32c3.01 0 5.7 1.04 7.83 3.06l5.82-5.82c-3.54-3.3-8.15-5.32-13.65-5.32-11.27 0-20.4 9.13-20.4 20.4s9.13 20.4 20.4 20.4c11.78 0 19.54-8.28 19.54-19.94 0-1.49-.13-2.92-.38-4.29H48z\"/></defs><clipPath id=\"d\"><use xlink:href=\"#c\" overflow=\"visible\"/></clipPath><path clip-path=\"url(#d)\" fill=\"@{subtext0}\" d=\"M27.6 22.14H48v42.92H27.6z\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n & when (@flavor = latte) {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"96\" height=\"96\" xml:space=\"preserve\"><path fill=\"none\" d=\"M0 0v96h96V0z\" opacity=\".6\"/><path fill=\"@{lavender}\" d=\"M13 40.6c.07 3.3.32 6.49.76 9.76 2.07 14 9.93 29.86 31.47 40.97 1.74.9 3.8.9 5.54 0 21.54-11.11 29.4-26.97 31.47-40.97.44-3.27.69-6.46.76-9.76V21.27a7.2 7.2 0 0 0-4.75-6.77L50.45 4.43a7.23 7.23 0 0 0-4.9 0L17.75 14.5A7.19 7.19 0 0 0 13 21.27z\"/><defs><path id=\"a\" d=\"M13 40.6c.07 3.3.32 6.49.76 9.76 2.07 14 9.93 29.86 31.47 40.97 1.74.9 3.8.9 5.54 0 21.54-11.11 29.4-26.97 31.47-40.97.44-3.27.69-6.46.76-9.76V21.27a7.2 7.2 0 0 0-4.75-6.77L50.45 4.43a7.23 7.23 0 0 0-4.9 0L17.75 14.5A7.19 7.19 0 0 0 13 21.27z\"/></defs><clipPath id=\"b\"><use xlink:href=\"#a\" overflow=\"visible\"/></clipPath><path clip-path=\"url(#b)\" fill=\"@{blue}\" d=\"M4 3h44v90H4z\"/><path fill=\"none\" d=\"M27.6 23.2h40.8V64H27.6z\"/><path fill=\"@{mantle}\" d=\"M48 47.64h11.46c-.82 4.78-4.96 8.29-11.03 8.29-6.68 0-12.09-5.65-12.09-12.32s5.41-12.32 12.09-12.32c3.01 0 5.7 1.04 7.83 3.06l5.82-5.82c-3.54-3.3-8.15-5.32-13.65-5.32-11.27 0-20.4 9.13-20.4 20.4s9.13 20.4 20.4 20.4c11.78 0 19.54-8.28 19.54-19.94 0-1.49-.13-2.92-.38-4.29H48z\"/><defs><path id=\"c\" d=\"M48 47.64h11.46c-.82 4.78-4.96 8.29-11.03 8.29-6.68 0-12.09-5.65-12.09-12.32s5.41-12.32 12.09-12.32c3.01 0 5.7 1.04 7.83 3.06l5.82-5.82c-3.54-3.3-8.15-5.32-13.65-5.32-11.27 0-20.4 9.13-20.4 20.4s9.13 20.4 20.4 20.4c11.78 0 19.54-8.28 19.54-19.94 0-1.49-.13-2.92-.38-4.29H48z\"/></defs><clipPath id=\"d\"><use xlink:href=\"#c\" overflow=\"visible\"/></clipPath><path clip-path=\"url(#d)\" fill=\"@{crust}\" d=\"M27.6 22.14H48v42.92H27.6z\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n }\n\n // trash icon\n .bR1LEf {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"200\" height=\"200\" fill=\"none\"><ellipse cx=\"100\" cy=\"145\" rx=\"36\" ry=\"12\" fill=\"@{surface0}\"/><ellipse cx=\"100\" cy=\"55\" rx=\"48\" ry=\"12\" fill=\"@{surface0}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M52.108 55.813 64 145c0 6.627 16.118 12 36 12s36-5.373 36-12l11.892-89.187C146.22 62.06 125.417 67 100 67s-46.22-4.939-47.892-11.187\" fill=\"@{surface2}\"/><mask id=\"b\" maskUnits=\"userSpaceOnUse\" x=\"52\" y=\"55\" width=\"96\" height=\"102\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M52.108 55.813 64 145c0 6.627 16.118 12 36 12s36-5.373 36-12l11.892-89.187C146.22 62.06 125.417 67 100 67s-46.22-4.939-47.892-11.187\" fill=\"@{overlay0}\"/></mask><g clip-path=\"url(#a)\" stroke=\"@{text}\" mask=\"url(#b)\"><path d=\"M-6.773 109.396 99.293 215.462M3.834 98.79 109.9 204.856M14.44 88.183l106.066 106.066M25.047 77.577l106.066 106.066M35.653 66.97l106.066 106.066M46.26 56.363l106.066 106.066M56.867 45.757l106.066 106.066M67.473 35.15l106.066 106.066M78.08 24.544 184.146 130.61M88.686 13.937l106.066 106.066M99.293 3.33l106.066 106.066M99.293 4.038-6.773 110.104M109.9 14.644 3.834 120.71m116.672-95.459L14.44 131.317m116.673-95.46L25.047 141.923m116.672-95.459L35.653 152.53m116.673-95.459L46.26 163.137m116.673-95.46L56.867 173.743m116.672-95.459L67.473 184.35m116.673-95.46L78.08 194.956m116.672-95.459L88.686 205.563m116.673-95.459L99.293 216.17\"/></g><defs><clipPath id=\"a\"><path fill=\"@{text}\" d=\"M-7.127 109.75 100 2.624 207.127 109.75 100 216.877z\"/></clipPath></defs></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n // sharing buddy icon\n .PfAiBf {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"344\" height=\"240\" fill=\"none\"><mask id=\"a\" maskUnits=\"userSpaceOnUse\" x=\"62\" y=\"10\" width=\"220\" height=\"221\"><circle cx=\"172\" cy=\"120\" r=\"110\" fill=\"@{text}\"/></mask><g mask=\"url(#a)\"><circle cx=\"172\" cy=\"120\" r=\"110\" fill=\"@{surface1}\"/><path d=\"M59.02 159.547a22.57 22.57 0 0 1 9.982-7.053 12.83 12.83 0 0 0 6.743-5.689 12.6 12.6 0 0 0 1.42-8.651 33.1 33.1 0 0 1 .518-14.421 33.4 33.4 0 0 1 6.607-12.868 33.8 33.8 0 0 1 11.469-8.925 34.2 34.2 0 0 1 14.202-3.328h61.83v51.009h-32.413a34 34 0 0 1-2.448 3.47 33.8 33.8 0 0 1-11.159 8.932 34.1 34.1 0 0 1-13.9 3.552 13.3 13.3 0 0 0-8.346 3.367 13.03 13.03 0 0 0-4.224 7.874 22.36 22.36 0 0 1-3.761 9.557 22.7 22.7 0 0 1-7.66 6.915 23 23 0 0 1-20.174 1.008 22.75 22.75 0 0 1-8.326-6.116 22.4 22.4 0 0 1-4.717-9.133 22.26 22.26 0 0 1-.13-10.254 22.4 22.4 0 0 1 4.487-9.246\" fill=\"@{overlay1}\"/><path d=\"M257.023 170.25V232h-85.705V130.579h62.695c23.01 0 23.01 39.671 23.01 39.671\" fill=\"@{yellow}\"/><path d=\"M171.535 128.931c-9.907-28.943.48-49.839 19.855-56.471 19.376-6.632 40.389 3.516 50.296 32.46z\" fill=\"@{red}\"/><path d=\"M207.632 125.404c-7.1 2.039-14.706 1.207-21.146-2.315a27.35 27.35 0 0 1-13.2-16.464l53.505-15.38c2.006 7.016 1.115 14.554-2.477 20.958s-9.592 11.152-16.682 13.201\" fill=\"@{subtext1}\"/><path d=\"M191.719 73.371c7.022-2.278 14.649-1.706 21.207 1.59 6.557 3.296 11.507 9.046 13.763 15.986l-52.96 17.275a27.3 27.3 0 0 1-1.255-10.693 27.5 27.5 0 0 1 2.98-10.381 27.9 27.9 0 0 1 6.759-8.485 28.1 28.1 0 0 1 9.506-5.292\" fill=\"@{red}\"/><path d=\"M152.895 72.571a27.9 27.9 0 0 1 9.414 5.368c2.751 2.383 5 5.278 6.619 8.52a27.25 27.25 0 0 1 1.402 21.03l-52.753-17.681a27.5 27.5 0 0 1 5.429-9.307 27.8 27.8 0 0 1 8.619-6.544 28.15 28.15 0 0 1 21.27-1.386\" fill=\"@{surface0}\"/><path d=\"M171.799 232H86.094v-77.332a23.95 23.95 0 0 1 7.137-17.033 24.5 24.5 0 0 1 17.228-7.056h61.34z\" fill=\"@{blue}\"/><path stroke=\"@{crust}\" d=\"M106.5 170v40m128-36v43\"/><path d=\"M135.011 124.726a27.9 27.9 0 0 1-9.413-5.368 27.6 27.6 0 0 1-6.619-8.521 27.24 27.24 0 0 1-1.402-21.03l52.753 17.682c-2.373 6.915-7.427 12.615-14.05 15.847a28.16 28.16 0 0 1-21.269 1.39m67.193 18.37a8.1 8.1 0 0 0 5.685 2.324 8.1 8.1 0 0 0 5.685-2.324l3.126-3.091v11.072a15.25 15.25 0 0 0 4.547 10.837l9.648 9.547 9.656-9.547a15.24 15.24 0 0 0 4.538-10.837v-16.503c0-3.722-1.495-7.291-4.157-9.923a14.28 14.28 0 0 0-10.037-4.11 14.3 14.3 0 0 0-5.467 1.081 14.2 14.2 0 0 0-4.622 3.083z\" fill=\"@{overlay0}\"/><path d=\"M120.662 130.579c0 2.109-.847 4.13-2.355 5.621a8.1 8.1 0 0 1-5.685 2.328h-4.416l7.918 7.828a15.24 15.24 0 0 1 4.538 10.837v13.501h-13.607c-2.045 0-4.07-.4-5.959-1.177a15.5 15.5 0 0 1-5.044-3.35L84.25 154.53a13.95 13.95 0 0 1-4.156-9.921c0-3.722 1.495-7.29 4.156-9.922a14.2 14.2 0 0 1 4.64-3.058 14.3 14.3 0 0 1 5.473-1.05z\" fill=\"@{base}\"/></g></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n // add photos svg\n .nlmbYc {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"646\" height=\"328\" fill=\"none\"><path fill=\"url(#a)\" fill-rule=\"evenodd\" d=\"M499 98.198c0 20.547 16.654 37.202 37.199 37.202s37.199-16.654 37.199-37.201c0-20.544-16.655-37.199-37.199-37.199C515.654 60.999 499 77.654 499 98.198\" clip-rule=\"evenodd\"/><path fill=\"url(#b)\" fill-rule=\"evenodd\" d=\"M645.18 165.094c-.818-6.153-6.073-10.904-12.451-10.904-1.339 0-2.629.214-3.84.601-.636-10.316-9.2-18.487-19.676-18.487a19.8 19.8 0 0 0-4.625.551c-3.529-5.335-9.58-8.855-16.455-8.855-10.89 0-19.719 8.828-19.719 19.719 0 1.597.195 3.148.554 4.635-.458-.05-.922-.081-1.394-.081-6.944 0-12.574 5.63-12.574 12.575 0 .083.011.163.013.246z\" clip-rule=\"evenodd\"/><path fill=\"url(#c)\" fill-rule=\"evenodd\" d=\"M145.18 205.094c-.818-6.153-6.073-10.904-12.451-10.904-1.339 0-2.629.214-3.84.601-.636-10.316-9.2-18.487-19.676-18.487a19.8 19.8 0 0 0-4.625.551c-3.529-5.335-9.58-8.855-16.455-8.855-10.89 0-19.719 8.828-19.719 19.719 0 1.597.195 3.148.554 4.635-.458-.05-.922-.081-1.394-.081-6.944 0-12.574 5.63-12.574 12.575 0 .083.01.163.013.246z\" clip-rule=\"evenodd\"/><path fill=\"url(#d)\" fill-rule=\"evenodd\" d=\"M586 157.953c-3.484-26.202-25.862-46.433-53.018-46.433-5.704 0-11.193.911-16.35 2.562-2.709-43.928-39.176-78.722-83.786-78.722a84 84 0 0 0-19.693 2.345C398.125 14.99 372.361 0 343.086 0c-46.373 0-83.966 37.593-83.966 83.966 0 6.8.829 13.407 2.358 19.739a54 54 0 0 0-5.935-.345c-29.569 0-53.543 23.971-53.543 53.543 0 .353.046.696.054 1.05z\" clip-rule=\"evenodd\" opacity=\".9\"/><path fill=\"url(#e)\" fill-rule=\"evenodd\" d=\"M360 221.08c-3.267-24.564-24.245-43.53-49.704-43.53-5.348 0-10.494.854-15.328 2.402-2.54-41.183-36.728-73.802-78.55-73.802-6.36 0-12.539.773-18.462 2.198C183.867 87.053 159.714 73 132.268 73c-43.475 0-78.718 35.243-78.718 78.718 0 6.375.778 12.569 2.21 18.505a51 51 0 0 0-5.563-.323C22.476 169.9 0 192.373 0 220.096c0 .332.043.653.051.984z\" clip-rule=\"evenodd\"/><path fill=\"@{surface0}\" fill-rule=\"evenodd\" d=\"M465.209 136H461l.811 157H472V142.521c0-3.603-3.039-6.521-6.791-6.521\" clip-rule=\"evenodd\"/><path fill=\"@{surface2}\" fill-rule=\"evenodd\" d=\"M463.958 136H260.433a4.433 4.433 0 0 0-4.433 4.429V293h212V140.041a4.04 4.04 0 0 0-4.042-4.041\" clip-rule=\"evenodd\"/><path fill=\"@{overlay0}\" fill-rule=\"evenodd\" d=\"M472 292H253v16h214.315c2.588 0 4.685-2.053 4.685-4.587z\" clip-rule=\"evenodd\"/><mask id=\"f\" width=\"223\" height=\"17\" x=\"155\" y=\"291\" maskUnits=\"userSpaceOnUse\"><path fill=\"@{overlay2}\" fill-rule=\"evenodd\" d=\"M155 291.506h222.362v16.492H155z\" clip-rule=\"evenodd\"/></mask><g mask=\"url(#f)\"><path fill=\"@{overlay1}\" fill-rule=\"evenodd\" d=\"M377.362 291.506H156.564a1.57 1.57 0 0 0-1.566 1.576v10.188c0 2.612 2.101 4.728 4.691 4.728h212.983c2.593 0 4.69-2.116 4.69-4.728z\" clip-rule=\"evenodd\"/></g><path fill=\"@{base}\" fill-rule=\"evenodd\" d=\"M453.834 148H270.162a3.16 3.16 0 0 0-3.162 3.16v126.68a3.164 3.164 0 0 0 3.162 3.16h183.672a3.167 3.167 0 0 0 3.166-3.16V151.16a3.165 3.165 0 0 0-3.166-3.16\" clip-rule=\"evenodd\"/><path fill=\"@{overlay0}\" fill-rule=\"evenodd\" d=\"M281.607 299h-32.214c-4.082 0-7.393-3.135-7.393-7h47c0 3.865-3.311 7-7.393 7\" clip-rule=\"evenodd\"/><path fill=\"@{text}\" fill-rule=\"evenodd\" d=\"M276 179a4 4 0 1 0 0-8 4 4 0 0 0 0 8m0-19a4 4 0 1 0 0-8 4 4 0 0 0 0 8\" clip-rule=\"evenodd\"/><path fill=\"@{subtext0}\" d=\"M291 152h129v8H291z\"/><path fill=\"@{overlay2}\" fill-rule=\"evenodd\" d=\"M276 191a4 4 0 1 0 0-8 4 4 0 0 0 0 8m0 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8m0 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8\" clip-rule=\"evenodd\"/><path fill=\"@{yellow}\" d=\"M351 203c6.075 0 11 4.925 11 11v1h-21a1 1 0 0 1-1-1c0-6.075 4.925-11 11-11\"/><path fill=\"@{red}\" d=\"M374 204c0 6.075-4.925 11-11 11h-1v-21a1 1 0 0 1 1-1c6.075 0 11 4.925 11 11\"/><path fill=\"@{blue}\" d=\"M373 227c-6.075 0-11-4.925-11-11v-1h21a1 1 0 0 1 1 1c0 6.075-4.925 11-11 11\"/><path fill=\"@{green}\" d=\"M350 226c0-6.075 4.925-11 11-11h1v21a1 1 0 0 1-1 1c-6.075 0-11-4.925-11-11\"/><path fill=\"@{sky}\" d=\"M472 230h82v98h-82z\"/><path fill=\"@{blue}\" d=\"M452 220h82v98h-82z\"/><path fill=\"@{sky}\" d=\"M432 200h82v98h-82z\"/><path fill=\"@{overlay2}\" fill-rule=\"evenodd\" d=\"M440.584 213h-7a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1m-6.237-2-.002-.778a.5.5 0 0 0-.5-.499c-.618 0-1.389-1.469-1.718-2.472a12 12 0 0 0-1.479-2.884l-1.379-1.976c-.343-.353-.355-.912-.027-1.244a1.05 1.05 0 0 1 .744-.326h.001c.272 0 .536.116.712.292l1.528 1.861a.5.5 0 0 0 .886-.317V195.5c0-.511.517-.986 1.064-.998.513.011.9.44.9.998v2.042c0 .012.006.022.007.033V201a.5.5 0 0 0 1 0v-3.501c.514.046.791.431.885.598V201a.5.5 0 1 0 1 0v-2.569c.77-.009 1 .468 1.058.643V201a.5.5 0 0 0 1 0v-1.481c.755.064.976.406.976 2.481v4.875c0 .616-.188 1.205-.542 1.704l-.848 1.194a.5.5 0 0 0-.091.289V211z\" clip-rule=\"evenodd\"/><path fill=\"@{crust}\" fill-rule=\"evenodd\" d=\"M440.585 213h-7a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1m-6.237-2-.002-.778a.5.5 0 0 0-.5-.499c-.618 0-1.389-1.469-1.718-2.472a12 12 0 0 0-1.479-2.884l-1.379-1.976c-.343-.353-.355-.912-.027-1.244a1.05 1.05 0 0 1 .744-.326h.001c.272 0 .536.116.712.292l1.528 1.861a.5.5 0 0 0 .886-.317V195.5c0-.511.517-.986 1.064-.998.513.011.9.44.9.998v2.042c0 .012.006.022.007.033V201a.5.5 0 0 0 1 0v-3.501c.514.046.791.431.885.598V201a.5.5 0 1 0 1 0v-2.569c.77-.009 1 .468 1.058.643V201a.5.5 0 0 0 1 0v-1.481c.755.064.976.406.976 2.481v4.875c0 .616-.188 1.205-.542 1.704l-.848 1.194a.5.5 0 0 0-.091.289V211zm7.298.439a1.5 1.5 0 0 0-1.061-.439h-.062v-.778l.755-1.064c.475-.67.726-1.459.726-2.283V202c0-.099-.007-.173-.009-.266a13 13 0 0 0-.011-.35c-.099-2.34-.774-2.805-2.109-2.873-.281-.553-.939-1.176-2.139-1.071a2.14 2.14 0 0 0-1.448-.907.5.5 0 0 0-.203-.045h-.007v-.988c0-1.099-.825-1.976-1.9-1.998-1.118.023-2.064.938-2.064 1.998v5.761l-.672-.817a2.03 2.03 0 0 0-1.454-.623h-.001c-.541 0-1.058.221-1.455.623-.708.717-.699 1.902-.032 2.58l1.329 1.913a11 11 0 0 1 1.352 2.636c.153.467.909 2.589 2.166 3.058l.001.393a1.5 1.5 0 0 0-.347.094 1.49 1.49 0 0 0-.916 1.382 1.49 1.49 0 0 0 .916 1.382c.18.076.377.118.584.118h7a1.5 1.5 0 0 0 1.061-.439 1.5 1.5 0 0 0 0-2.122\" clip-rule=\"evenodd\"/><defs><linearGradient id=\"a\" x1=\"517.6\" x2=\"517.6\" y1=\"98.2\" y2=\"135.4\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"@{yellow}\"/><stop offset=\"1\" stop-color=\"@{subtext1}\"/></linearGradient><linearGradient id=\"b\" x1=\"555\" x2=\"555\" y1=\"128\" y2=\"165.094\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"@{overlay2}\"/><stop offset=\"1\" stop-color=\"@{subtext1}\"/></linearGradient><linearGradient id=\"c\" x1=\"55\" x2=\"55\" y1=\"168\" y2=\"205.094\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"@{overlay2}\"/><stop offset=\"1\" stop-color=\"@{subtext1}\"/></linearGradient><linearGradient id=\"d\" x1=\"202\" x2=\"202\" y1=\"0\" y2=\"157.953\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"@{overlay2}\"/><stop offset=\"1\" stop-color=\"@{subtext1}\"/></linearGradient><linearGradient id=\"e\" x1=\"90\" x2=\"90\" y1=\"147.04\" y2=\"221.08\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"@{overlay2}\"/><stop offset=\"1\" stop-color=\"@{subtext1}\"/></linearGradient></defs></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n }\n\n a {\n color: var(--gm3-sys-color-primary);\n }\n}\n",
|
|
"originalDigest": "f2361742f66ee49b9b82f1c8f29d6de3bcf72e93",
|
|
"_id": "68371bf7-0749-4d58-a295-6b92d369d1b3",
|
|
"_rev": 1780236871256,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 88
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "DevDocs Catppuccin",
|
|
"description": "Soothing pastel theme for DevDocs",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/devdocs/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "DevDocs Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/devdocs",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/devdocs",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/devdocs/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Adevdocs",
|
|
"description": "Soothing pastel theme for DevDocs",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name DevDocs Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/devdocs\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/devdocs\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/devdocs/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Adevdocs\n@description Soothing pastel theme for DevDocs\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"devdocs.io\") {\n @import url(\"https://prismjs.catppuccin.com/variables.important.css\");\n\n html._theme-default {\n #catppuccin(@lightFlavor);\n }\n html._theme-dark {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n #lib.css-variables();\n\n --documentBackground: @base;\n --contentBackground: @base;\n --textColor: @text;\n --textColorLight: @subtext1;\n --textColorLighter: @subtext0;\n --textColorRed: @red;\n\n --focusBackground: @surface0;\n --focusBorder: @surface1;\n --focusText: @text;\n --selectionBackground: @accent;\n --selectionText: @base;\n --selectionBorder: @surface1;\n --highlightBackground: @surface2;\n --loadingText: @overlay2;\n\n --linkColor: @blue;\n --linkColorHover: @sky;\n\n --headerBackground: @crust;\n --headerBorder: @surface1;\n\n --searchTagBackground: @crust;\n --searchBorder: @surface1;\n --inputFocusBorder: @accent;\n\n --sidebarBackground: @mantle;\n --sidebarBorder: @surface1;\n --scrollbarColor: @overlay0;\n --scrollbarColorHover: @overlay1;\n\n --boxHeaderBackground: @mantle;\n --boxHeaderColor: @text;\n --boxBackground: @mantle;\n --boxBorder: @surface1;\n --boxBorderLight: @surface1;\n\n --noteBackground: @surface0;\n --noteBorder: @surface1;\n --noteGreenBackground: fade(@green, 30%);\n --noteGreenBorder: @surface1;\n --noteBlueBackground: fade(@blue, 30%);\n --noteBlueBorder: @surface1;\n --noteOrangeBackground: fade(@peach, 30%);\n --noteOrangeBorder: @surface1;\n --noteRedBackground: fade(@red, 30%);\n --noteRedBorder: @surface1;\n\n --notifBackground: @surface0;\n --notifBorder: 1px solid @surface1;\n --notifColor: @text;\n --tipBackground: @surface0;\n --tipBorder: 1px solid @surface1;\n --noticeBackground: @surface0;\n --noticeBorder: @surface1;\n --labelBackground: @surface0;\n\n ._list-arrow {\n fill: @overlay0;\n opacity: 1;\n\n &:hover {\n fill: @overlay1;\n }\n }\n\n ._search > svg {\n fill: @overlay2;\n opacity: 1;\n }\n }\n}\n",
|
|
"originalDigest": "6d94e666223f6f63fa99cf85f8355b7a38446f9b",
|
|
"_id": "0bc44470-ae91-4011-9284-06be25f85e4a",
|
|
"_rev": 1780236871349,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 89
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "React.dev Catppuccin",
|
|
"description": "Soothing pastel theme for React.dev",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/react.dev/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "React.dev Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/react.dev",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/react.dev",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/react.dev/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Areact.dev",
|
|
"description": "Soothing pastel theme for React.dev",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name React.dev Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/react.dev\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/react.dev\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/react.dev/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Areact.dev\n@description Soothing pastel theme for React.dev\n@author Catppuccin\n@license MIT\n@preprocessor less\n\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"react.dev\") {\n html.dark {\n #catppuccin(@darkFlavor);\n }\n html {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n //svg styling\n\n svg {\n color: @accent !important;\n }\n\n //text styling\n\n .text-primary {\n color: @text;\n }\n\n .dark\\:text-primary-dark {\n color: @text;\n }\n\n .dark\\:text-white {\n color: @text;\n }\n\n .text-secondary {\n color: @text;\n }\n\n .text-gray-30 {\n color: @subtext1;\n }\n\n .text-red-50,\n .text-red-30 {\n color: @red !important;\n }\n\n .text-gray-50 {\n color: @subtext0;\n }\n\n // color divs text\n\n #color-and-svg(@color) {\n color: @color !important;\n svg {\n color: @color !important;\n }\n }\n .text-red-50, .text-red-40 {\n #color-and-svg(@red);\n }\n .text-purple-50, .text-purple-30, .text-purple-60 {\n #color-and-svg(@mauve);\n }\n .text-blue-50, .text-blue-40, .text-blue-60 {\n #color-and-svg(@blue);\n }\n .text-yellow-40, .text-yellow-50, .text-yellow-60 {\n #color-and-svg(@yellow);\n }\n\n .text-green-60, .text-green-40 {\n color: @green !important;\n }\n\n .text-tertiary,\n .text-tertiary-dark {\n color: @subtext0;\n }\n\n .text-link,\n .text-link-dark {\n color: @accent;\n }\n\n //hover styling\n\n .hover\\:text-link:hover, .text-link:hover, .text-link-dark:hover {\n color: @accent;\n }\n\n .hover\\:bg-gray-80:hover,\n .hover\\:bg-gray-5:hover {\n background-color: @mantle;\n }\n\n .hover\\:bg-card:hover {\n background-color: @crust;\n }\n\n //code stylizing\n\n a > code {\n color: @accent !important;\n }\n\n .console-block code {\n background-color: @surface1 !important;\n color: @red !important;\n }\n\n .sp-wrapper {\n --sp-colors-accent: @accent;\n --sp-colors-clickable: @flamingo;\n --sp-colors-disabled: @text;\n --sp-colors-error: @red;\n --sp-colors-error-surface: @maroon;\n --sp-colors-surface1: @surface0;\n --sp-colors-surface2: @surface1;\n --sp-syntax-color-plain: @text;\n --sp-syntax-color-comment: @overlay2;\n --sp-syntax-color-keyword: @mauve;\n --sp-syntax-color-tag: @blue;\n --sp-syntax-color-punctuation: @overlay2;\n --sp-syntax-color-definition: @yellow;\n --sp-syntax-color-property: @blue;\n --sp-syntax-color-static: @peach;\n --sp-syntax-color-string: @green;\n }\n\n //border styling\n\n .border-blue-40 {\n border-color: @blue;\n }\n\n .border-b-4 {\n border-color: @text;\n }\n\n .border-yellow-40 {\n border-color: @yellow;\n }\n\n .border-purple-40 {\n border-color: @lavender;\n }\n\n .border-purple-10 {\n border-color: @mauve;\n }\n\n .dark\\:border-purple-30, .border-purple-30 {\n border-color: @mauve;\n }\n\n .border-green-40 {\n border-color: @green;\n }\n\n .hover\\:border-gray-10:hover {\n border-color: @accent;\n }\n\n .border-gray-300, .bg-gray-90 {\n border-color: @overlay2;\n }\n\n .border-gray-20 {\n border-color: @overlay1;\n }\n\n .border-link:hover {\n border-color: @accent;\n }\n\n .dark\\:border-link-dark {\n border-color: @accent;\n }\n\n //backgrounds styling\n\n .bg-card-dark,\n .bg-card {\n background-color: @surface0;\n }\n\n .bg-highlight {\n background-color: @surface0;\n }\n\n .bg-highlight-dark {\n background-color: @surface0;\n }\n\n .bg-github-highlight {\n background-color: @surface0;\n }\n\n .bg-link {\n color: @surface0;\n background-color: @accent;\n }\n\n .bg-gradient-left,\n .bg-gradient-left-dark {\n background-image: conic-gradient(\n from 90deg at -10% 100%,\n @mantle 0deg,\n @base 90deg,\n @crust 1turn\n );\n }\n\n .bg-gray-3,\n .bg-gray-5 {\n background-color: @crust;\n }\n\n .bg-gray-40\\/5,\n .bg-gray-60\\/5 {\n background-color: @overlay1;\n }\n\n .bg-gray-40\\/10,\n .bg-gray-60\\/10 {\n background-color: @overlay0;\n }\n .bg-gray-30,\n .bg-gray-300,\n .bg-gray-70,\n .bg-gray-700 {\n background-color: @surface0;\n }\n\n .bg-gray-80,\n .bg-gray-200,\n .bg-gray-95 {\n background-color: @mantle;\n }\n\n .bg-black {\n background-color: @base;\n }\n\n #color-fragment-style(@divColor) {\n background-color: fade(@divColor, 40%);\n color: @text;\n\n p {\n color: @text;\n }\n\n button {\n color: @base !important;\n background-color: @divColor !important;\n\n svg {\n color: @base !important;\n }\n }\n\n .text-primary {\n color: @text;\n }\n\n .text-link {\n color: @accent;\n }\n\n .bg-highlight {\n color: @accent;\n }\n\n .bg-link {\n background-color: @accent;\n color: @text;\n }\n }\n\n .bg-green-5, .bg-green-60, .bg-green-40 {\n #color-fragment-style(@green);\n }\n\n .bg-red-5, .bg-red-60 {\n #color-fragment-style(@red);\n }\n\n .bg-yellow-5, .bg-yellow-60, .bg-yellow-40 {\n #color-fragment-style(@peach);\n }\n\n .bg-purple-5, .bg-purple-60, .bg-purple-40 {\n #color-fragment-style(@mauve);\n }\n\n .bg-blue-10, .bg-blue-60, .bg-blue-40 {\n #color-fragment-style(@blue);\n }\n\n .bg-red-30 {\n background-color: fade(@red, 10%);\n }\n\n .bg-gradient-right,\n .bg-gradient-right-dark {\n background-image: conic-gradient(\n from -90deg at 110% 100%,\n @crust 0deg,\n @base 90deg,\n @mantle 1turn\n );\n }\n\n .bg-white,\n .bg-wash {\n background-color: @base !important;\n }\n\n .bg-secondary-button {\n background-color: @surface1;\n }\n\n // outline styling\n\n .outline-link {\n outline-color: @accent;\n }\n\n .focus\\:outline-link:focus {\n outline-color: @accent;\n }\n\n // docsearch styling\n\n --docsearch-modal-background: @base !important;\n --docsearch-hit-background: @mantle !important;\n --docsearch-highlight-color: @accent !important;\n --docsearch-primary-color: @accent !important;\n --docsearch-container-background: rgba(127, 132, 156, 0.8) !important;\n --docsearch-text-color: @text !important;\n --docsearch-logo-color: @blue !important;\n --docsearch-muted-color: @subtext0 !important;\n --docsearch-searchbox-background: @accent !important;\n --docsearch-searchbox-focus-background: @accent !important;\n --docsearch-hit-color: @crust !important;\n --docsearch-hit-active-color: @base !important;\n --docsearch-footer-background: @overlay0 !important;\n --docsearch-key-gradient: linear-gradient(\n -225deg,\n @base,\n @crust\n ) !important;\n\n .DocSearch-Form {\n background-color: @mantle;\n input {\n color: @text;\n }\n :focus-visible {\n outline-color: 2px solid @accent !important;\n }\n }\n\n .DocSearch-Hit {\n .DocSearch-Hit-title {\n color: @text;\n }\n\n svg {\n color: currentcolor !important;\n }\n\n .DocSearch-Hit-Tree {\n color: @base !important;\n }\n\n &[aria-selected=\"false\"] {\n mark {\n color: @accent !important;\n }\n .DocSearch-Hit-Tree {\n color: @subtext0 !important;\n }\n }\n }\n\n .DocSearch-Hit-source {\n color: @text;\n }\n\n .DocSearch-Cancel {\n color: @accent;\n }\n\n .DocSearch-Footer {\n background-color: @base;\n\n [aria-label=\"Algolia\"] {\n .cls-1,\n .cls-2 {\n fill: @accent !important;\n }\n }\n }\n }\n}\n",
|
|
"originalDigest": "fe841016746240b71a58601b8e59d19cc0908d11",
|
|
"_id": "3cd8f1f8-924a-47c3-af8e-ba6ce7301ff8",
|
|
"_rev": 1780236871371,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 90
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Gmail Catppuccin",
|
|
"description": "Soothing pastel theme for Gmail",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/gmail/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Gmail Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/gmail",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/gmail",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/gmail/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agmail",
|
|
"description": "Soothing pastel theme for Gmail",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": null,
|
|
"default": "latte",
|
|
"options": [
|
|
{
|
|
"name": "latte",
|
|
"label": "Latte",
|
|
"value": "latte"
|
|
},
|
|
{
|
|
"name": "frappe",
|
|
"label": "Frappé",
|
|
"value": "frappe"
|
|
},
|
|
{
|
|
"name": "macchiato",
|
|
"label": "Macchiato",
|
|
"value": "macchiato"
|
|
},
|
|
{
|
|
"name": "mocha",
|
|
"label": "Mocha",
|
|
"value": "mocha"
|
|
}
|
|
]
|
|
},
|
|
"darkFlavor": {
|
|
"type": "select",
|
|
"label": "Dark Flavor",
|
|
"name": "darkFlavor",
|
|
"value": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"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 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/gmail/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agmail\n@description Soothing pastel theme for Gmail\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"mail.google.com\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n input,\n textarea {\n caret-color: @text;\n }\n\n #input-styling {\n input,\n select,\n button {\n background-color: @mantle;\n color: @text;\n border-color: @surface0;\n border-style: solid;\n border-width: 1px;\n box-shadow: none;\n }\n }\n\n * {\n text-shadow: none !important;\n }\n\n /* Gmail logo */\n [src=\"https://ssl.gstatic.com/ui/v1/icons/mail/rfr/logo_gmail_lockup_default_1x_r5.png\"],\n [src=\"https://ssl.gstatic.com/ui/v1/icons/mail/rfr/logo_gmail_lockup_dark_1x_r5.png\"] {\n height: unset !important;\n width: unset !important;\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"17.727 14.319 30 22.5\" width=\"30\" height=\"22.5\"><path fill=\"@{blue}\" d=\"M19.773 36.819h4.773V25.227l-6.819-5.114v14.659a2.044 2.044 0 0 0 2.045 2.045\"/><path fill=\"@{green}\" d=\"M40.909 36.819h4.773a2.044 2.044 0 0 0 2.045-2.045v-14.66l-6.819 5.114\"/><path fill=\"@{yellow}\" d=\"M40.909 16.364v8.864l6.819-5.114v-2.727c0-2.529-2.888-3.971-4.909-2.455\"/><path fill=\"@{red}\" d=\"M24.545 25.227v-8.863l8.181 6.136 8.181-6.136v8.864l-8.181 6.136m-15-13.977v2.727l6.819 5.114v-8.864l-1.909-1.431c-2.025-1.517-4.91-.075-4.91 2.455\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n /* Tooltips */\n .T-ays-iP,\n .gb_Ac {\n background-color: @crust;\n color: @text;\n }\n\n /* Buttons */\n\n /* Solid primary */\n .T-I-atl {\n background-color: @accent;\n color: @crust;\n }\n\n /* Transparent primary */\n .l0,\n div.b8 .a8k,\n .bAo > .ad {\n color: @accent;\n\n &::before {\n background-color: @accent;\n }\n }\n\n /* Transparent secondary */\n .bs0 > .acM,\n .bti > .btg,\n .a8Y > .T-I-ax7 {\n color: @text;\n\n /* Disabled */\n &.acN {\n color: @subtext0;\n }\n\n &:hover::before {\n background-color: @overlay2;\n }\n }\n\n /* Header and sidebars */\n .w-asV,\n .bkL,\n .bhZ.bym,\n .bhZ.bjB,\n .bhZ.bym.baA {\n background-color: @mantle;\n }\n /* Header icons */\n .gb_Kc svg,\n .gb_Pc.gb_Uc svg,\n .gb_Lc .gb_rd .gb_sd,\n .gb_Lc .gb_rd .gb_Kc,\n .gb_Lc .gb_rd .gb_ud,\n .gb_Pc.gb_Uc .gb_sd {\n color: @text;\n }\n /* Search mail input */\n .gb_Kc .gb_hd {\n background-color: @surface1;\n\n .gb_je,\n .gb_qe,\n .gsan_a,\n .gsas_a,\n svg {\n color: @text;\n }\n }\n /* Search mail input on focus */\n .gb_hd.gb_id {\n background-color: @base;\n }\n /* Active search / filter modal */\n .gssb_c {\n /* Icons */\n button svg,\n .asor {\n filter: @text-filter;\n }\n\n /* Recent searches */\n .aRp,\n .gssb_e,\n .gssb_m {\n background-color: @base;\n color: @text;\n }\n\n /* Hovered recent searches */\n .gssb_i {\n background-color: @surface0;\n\n > .gssb_a {\n border-left-color: @accent;\n }\n\n /* X icon */\n .gsaq_b {\n filter: @text-filter;\n }\n }\n\n .aSP,\n .gssb_e {\n border-color: @surface2;\n }\n\n /* Separator */\n .gssb_l {\n background-color: @surface0;\n }\n\n /* Search results */\n\n /* Icons */\n .gsoi_0,\n .asor_o,\n .gsoi_msra {\n filter: @text-filter;\n }\n\n /* People involved */\n .asor_e {\n color: @subtext0;\n }\n }\n /* Pill filters */\n .H2 {\n background-color: @base;\n border-color: @surface0;\n color: @subtext1;\n fill: @subtext1;\n\n &:hover {\n background-color: @mantle;\n }\n\n &.bws {\n background-color: @accent;\n color: @crust;\n fill: @crust;\n\n .HV {\n filter: @crust-filter;\n }\n\n &:hover .H1 {\n background-color: darken(@accent, 5%);\n }\n }\n }\n .aqc .H2 {\n border-color: @text;\n color: @text;\n\n &.bws {\n background-color: @surface2;\n color: @mantle;\n }\n }\n /* Advanced search/filters modal */\n .ZF-z6,\n .ZF-zT,\n .ZF-Av .lJ,\n .ZF-Av .lN {\n background-color: @base;\n\n &,\n .boo > .ZG,\n .boo .aQl > .J-JN-M-I-Jm,\n .boo .aaa > .J-JN-M-I-Jm,\n .boo .ZE > .J-JN-M-I-Jm {\n color: @text;\n }\n\n .btl.acK,\n .btn::before {\n filter: @text-filter;\n }\n\n /* Text inputs */\n .nr {\n background-color: @base;\n color: @text;\n\n &:focus {\n box-shadow: inset 0 -1px 0 0 @accent;\n }\n }\n\n /* Calendar input */\n .bs5::after {\n filter: @text-filter;\n }\n .J-JB-KA,\n .J-JB-KA-JS,\n .J-JB-KA-Jk,\n .J-JB-KA-LG {\n background-color: @base;\n color: @text;\n border-color: @surface0;\n\n /* Past days */\n .J-JB-KA-Ku-Kk {\n color: @subtext0;\n }\n /* Future days */\n .J-JB-KA-a1R-JB.J-JB-KA-LH,\n .J-JB-KA-a1R-JB.J-JB-KA-Ku-Kk,\n .J-JB-KA-JB.J-JB-KA-a1R-JB {\n color: @subtext1;\n }\n\n /* Hovered day */\n .J-JB-KA-JB:not(.J-JB-KA-K8, .J-JB-KA-KO):hover {\n color: @crust;\n\n &::before {\n background-color: fade(@accent, 70%);\n }\n }\n\n /* Selected day */\n .J-JB-KA-KO {\n color: @crust;\n\n &::before {\n background-color: @accent;\n }\n }\n\n /* Unselected today */\n .J-JB-KA-K8 {\n color: @crust;\n\n &::before {\n background-color: @overlay2;\n }\n }\n }\n\n /* Checkbox inputs */\n .bs1 + .bs3,\n .btj + .aD {\n color: @text;\n\n &::before {\n filter: @text-filter;\n }\n }\n\n /* Dropdown/select inputs */\n .J-JN-M-I {\n color: @text;\n }\n }\n\n /* Sidebar selected item */\n .TK .TO.nZ:active,\n .TK .TO.ol:active,\n .TK .TO.nZ,\n .TK .TO.ol,\n .byl .TK .nZ.aBP,\n .byl .TK .nZ.aS3,\n .byl .TK .nZ.aS4,\n .byl .TK .nZ.aS5,\n .byl .TK .nZ.aS6,\n .VDSZAf.H5o3mc {\n background-color: @surface0;\n }\n .TO.NQ,\n .n6 .ah9:hover,\n .n6 .ah9.aiu:hover,\n .n6 .ah9:focus,\n .TK .TO:active,\n .n6 .ah9.aiu:active,\n .CL:hover,\n .H5o3mc:not(.VDSZAf):hover,\n .CL.NQ,\n .H5o3mc:not(.VDSZAf).NQ {\n background-color: @surface1;\n }\n .byl .TK .TO.nZ > .aHS-bnt .n0,\n .TK .nZ > .aHS-bnt .bsU,\n .byl .TK .nZ.aS3 .nU > .n0,\n .TK .nZ.aS3 .bsU,\n .byl .TK .nZ.aS4 .nU > .n0,\n .TK .nZ.aS4 .bsU,\n .byl .TK .nZ.aS5 .nU > .n0,\n .TK .nZ.aS5 .bsU,\n .byl .TK .nZ.aS6 .nU > .n0,\n .TK .nZ.aS6 .bsU,\n .TK .TO.nZ .nU > .n0,\n .TK .ol.NQ .nU > .n0,\n .TK .TO.ol .nU > .n0,\n .TK .nZ .bsU,\n .TK .ol .bsU,\n .VDSZAf.H5o3mc > .Q7,\n .TO .nU > .n0,\n .TO.NQ .nU > .n0,\n .TO.nZ .nU > .n0,\n .ah9 > .CJ,\n .n3 > .CL > .CK,\n .aAv,\n .bsU {\n color: @text;\n }\n /* Icons */\n .nZ > .TN.aHS-bnt .qj,\n .TO:not(.nZ) > .TN > .qj:not([style*=\"background-color\"]),\n .n6 .n4 .G-asx,\n .aAw .aAu,\n .pM,\n .TO.nZ > .TN > .qj,\n .n3 .CL::before {\n filter: @text-filter;\n }\n\n /* Compose email button */\n .z0 > .L3 {\n background-color: @accent;\n color: @crust;\n\n &:focus {\n background-color: @text;\n }\n }\n .WR .z0 > .L3::before,\n .WR.anZ .z0 > .L3::before {\n filter: @crust-filter;\n }\n\n /* Top section of inbox */\n .bkK > .nH {\n background-color: @surface0;\n\n /* Icons */\n .bzn,\n .aqJ .amJ,\n .adg .adk {\n filter: @text-filter;\n }\n }\n /* Inbox categories */\n .aKx > .aKz {\n color: @text;\n }\n /* Icons */\n .aAy > div {\n filter: @text-filter;\n }\n /* Currently selected category */\n .J-KU-KO::before {\n background-color: @text;\n }\n /* Inbox categories hover */\n .aRz.J-KU:hover {\n background-color: @surface1;\n }\n /* Email count / pagination */\n div[aria-label=\"Show more messages\"] {\n .Dj {\n color: @subtext1;\n }\n\n &::before {\n background-color: @text;\n }\n }\n .h0 {\n color: @subtext1;\n }\n /* Inbox footer */\n .md.mj,\n .aeU .ma,\n .ma .mb,\n .ae3 .l6,\n .l9,\n .l8,\n .aiD {\n color: @subtext1;\n }\n /* Storage progress bar */\n .aiC {\n background-color: @overlay0;\n\n .aiA {\n background-color: @subtext0;\n }\n }\n /* External link icon */\n .aiz {\n filter: @text-filter;\n }\n\n /* Read emails */\n .yO {\n background-color: @base;\n color: @text;\n\n box-shadow: inset 0 -1px 0 0 @surface0;\n\n &:hover {\n box-shadow:\n inset 1px 0 0 @surface0,\n inset -1px 0 0 @surface0,\n 0 0 4px 0 @surface1,\n 0 0 6px 2px @surface1;\n }\n }\n /* Read email text */\n .zE {\n color: @text;\n }\n // Select icon\n .xY > .T-Jo,\n td.apU > .T-KT.aXw::before,\n // Important icon\n .pG .a9q,\n // Delete/trash icon\n .aqN,\n // Hover action icons\n .bqY li {\n filter: @text-filter;\n }\n /* Important icon filled, star icon filled */\n .ha .a9q.pH,\n .a9q.pH,\n .aoj,\n td.apU > .T-KT.T-KT-Jp::before {\n filter: @yellow-filter;\n }\n .pG:hover > .a9q::before {\n background-color: fade(@yellow, 30%);\n }\n /* Read email dates */\n .yO > .xW {\n color: @subtext0;\n }\n /* Read email summary truncated */\n .y2 {\n color: @subtext1;\n }\n /* Selected unread emails */\n .x7 {\n background-color: @accent;\n color: @mantle;\n\n /* Dates */\n .xW {\n color: @crust;\n }\n\n // Select icon\n .xY > .T-Jo,\n // Star icon\n td.apU > .T-KT.aXw::before,\n // Important icon\n .pG .a9q,\n // Delete/trash icon\n .aqN,\n // Hover action icons\n .bqY li {\n filter: @crust-filter;\n }\n }\n /* Unsubscribe button */\n .aOd.T-I {\n color: @text;\n box-shadow: inset 0 0 0 1px @surface2;\n }\n /* Draft text */\n .boq {\n color: @red;\n }\n /* No drafts message, trash 30 days message */\n .TD,\n .Tm .ya {\n background-color: @surface1;\n color: @text;\n }\n /* Your social/promotions/updates tab is empty */\n .aRs {\n background-color: @base;\n color: @subtext0;\n\n .aRv {\n color: @text;\n }\n .aRq {\n color: @accent;\n }\n }\n /* You could lose access banner */\n .GR {\n background-color: @base;\n\n /* Primary text */\n .GX {\n color: @text;\n }\n /* Subtext */\n .GT {\n color: @subtext1;\n }\n\n /* Dismiss button */\n .GW {\n color: @text;\n\n &::before {\n background-color: @text;\n }\n }\n /* Add recovery info button */\n .GV {\n color: @accent;\n\n &::before {\n background-color: @accent;\n }\n }\n }\n /* Attachments chips */\n .brc {\n box-shadow: inset 0 0 0 1px @surface0;\n color: @text;\n\n &:hover {\n background-color: @surface0;\n }\n }\n\n /* Floating menu */\n .J-M,\n .OO.Pa {\n background-color: @surface1;\n\n /* Menu section header */\n .J-awr,\n .asc {\n color: @subtext1;\n }\n\n /* Menu item */\n\n .J-N,\n .J-Ks-KO .J-N-Jz,\n .J-N-JT .J-N-Jz,\n .J-N-JW .J-N-Jz,\n .J-LC,\n .J-JK,\n .bmz {\n color: @text;\n }\n /* Disabled */\n .J-N-JE .J-N-atj,\n .J-N-JE .J-N-Jz {\n color: @subtext0 !important;\n }\n\n /* Checkmark, arrow, checkbox, star, calendar icon */\n .J-Ks-KO .J-N-Jo,\n .asi .J-Ks-KO::before,\n .J-Ph-hFsbo,\n .J-LC-Jo,\n .bi4 > .T-KT:not(.T-KT-Jp, .byM)::before,\n .aaA.mYVwse,\n .J-N-JX {\n filter: @text-filter;\n }\n .bmz.bjF::before {\n border-color: @subtext0;\n }\n\n /* Hovered menu item */\n .J-N-JT,\n .J-N-JW,\n .J-LC-JT,\n .J-LC-JW,\n .J-JK-JT,\n .J-JK-JW,\n .bmz.bk5 {\n background-color: @surface2;\n border-color: @overlay1;\n }\n\n /* Menu section divider */\n .J-Kh {\n border-top-color: @surface2;\n }\n }\n /* Modal search input */\n .agd .J-M-JJ input {\n background-color: @surface1;\n color: @text;\n }\n .bqf {\n box-shadow: inset 0 -2px 0 0 @surface2;\n\n &:focus {\n box-shadow: inset 0 -2px 0 0 @accent;\n }\n }\n /* Magnifying glass icon */\n .A0 {\n filter: @text-filter;\n }\n /* Edit label modal */\n div.Kj-JD {\n background-color: @base;\n\n /* Edit label text */\n span.Kj-JD-K7-K0 {\n color: @text;\n }\n\n /* Close X icon */\n span.Kj-JD-K7-Jq::after {\n filter: @text-filter;\n }\n\n #input-styling();\n\n /* Input labels */\n div.Kj-JD-Jz {\n color: @subtext1;\n }\n\n /* Cancel button */\n div.Kj-JD-Jl > button,\n .bBh .Kj-JD-Jl > .J-at1-auR {\n color: @subtext1;\n }\n\n /* Save button */\n div.Kj-JD-Jl > button.J-at1-atl,\n div.Kj-JD-Jl > button.J-at1-auR {\n background-color: @accent;\n color: @crust;\n }\n }\n\n /* Toast notifications */\n .bAp.b8.UC .vh {\n background-color: @crust;\n color: @text;\n }\n /* Close icon */\n .b8 .bBe .bBf {\n filter: @text-filter;\n }\n\n /* Compose mail window */\n /* Top header bar */\n .Hy.Hy .m,\n .IG {\n background-color: @mantle;\n\n .Hp,\n .zu,\n .H,\n .Iy .az9 {\n color: @text;\n }\n\n .Hm img,\n .SB,\n .b7 .mK,\n .bAm .aaq .mK,\n .Un .mK,\n .HX .mK,\n .HQ .Un::after {\n filter: @text-filter;\n }\n }\n .aaZ,\n .Ap,\n .Am,\n .aDg > .aDj,\n .aoP .Ar,\n .wO,\n .aoT,\n .agP,\n .aGb,\n .GQ {\n color: @text;\n caret-color: @text;\n\n &,\n &::before {\n background: @base;\n }\n }\n .gQ,\n .gO,\n .oL {\n color: @subtext0;\n }\n /* Bottom toolbar icons */\n .aaA,\n .btC .dv,\n .btC .og.T-I-J3,\n .btC .J-N-JX.og.T-I-J3,\n .btC .Y1,\n .btC .Xv.T-I.J-JN-M-I > .J-JN-M-I-JG,\n .J-JN-M-I-JG,\n .J-Z-M-I-J6-H > .J-Z-M-I-JG {\n filter: @text-filter;\n }\n /* Floating toolbar (expanded window) */\n .J-Z {\n background-color: @mantle;\n\n .J-Z-I,\n .J-Z-M-I {\n color: @subtext1;\n }\n }\n /* Send button */\n .gU .v7.T-I:not(.btz),\n .gU .hG:not(.v6) {\n background-color: @accent;\n color: @crust;\n }\n .hG > .G-asx,\n .SI .hG > .G-asx {\n filter: @crust-filter;\n }\n /* Contact autofill */\n .afC,\n .bvx {\n background: @mantle;\n\n /* Contact list item */\n .agJ {\n .aL8,\n .aXS {\n color: @text;\n }\n\n &:hover {\n background: @base;\n }\n }\n }\n\n --pkw-background: @mantle;\n --pkw-outline: @surface0;\n --pkw-outline-variant: @surface0;\n --pkw-on-surface-variant: @text;\n /* Contact chip */\n .agh,\n .bbV {\n background: @base;\n\n .afV {\n background: @base;\n color: @text;\n\n &:hover {\n background: @surface0;\n color: @text;\n }\n }\n }\n\n /* Settings */\n .dt {\n color: @text;\n }\n /* Navigation header */\n .v {\n /* Tabs */\n .fY,\n .f1 {\n background-color: @surface0;\n\n .f0 {\n color: @text;\n }\n }\n\n /* Currently selected tab */\n .fZ {\n box-shadow: inset 0 -2px 0 0 @accent;\n }\n }\n /* Main panel */\n .r4 {\n background-color: @base;\n color: @text;\n\n /* Dividers */\n .r7 td,\n .Jb .J0:not(:last-child) {\n border-bottom-color: @surface0;\n }\n\n /* Links */\n .r7 .e,\n .sA,\n .r4 .e,\n .el {\n color: @accent;\n }\n\n #input-styling();\n .qK,\n .qL {\n background-color: @mantle;\n }\n .nr,\n .Ar {\n background-color: @base;\n color: @text;\n border-color: @surface0 !important;\n }\n /* Some buttons */\n .Uu {\n box-shadow: inset 0 0 0 1px @surface0;\n color: @accent;\n }\n }\n /* Labels page */\n .alO {\n background-color: @base;\n color: @text;\n\n .rb {\n color: @subtext1;\n }\n\n /* Table items */\n .To.Ze {\n background-color: @surface0;\n }\n\n /* Links */\n .alP {\n color: @accent;\n }\n\n /* Dividers */\n .rZ {\n background-color: @surface0;\n }\n }\n\n /* Confirm popup modal */\n div[aria-modal=\"true\"] {\n --gm3-dialog-refactored-container-color: @base;\n --gm3-dialog-refactored-supporting-text-color: @text;\n --gm3-dialog-refactored-headline-color: @text;\n\n /* Buttons */\n [data-mdc-dialog-action=\"ok\"] {\n background-color: @accent;\n --gm3-button-text-label-text-color: @crust;\n --gm3-button-text-hover-label-text-color: @crust;\n --gm3-button-text-pressed-label-text-color: @crust;\n }\n\n [data-mdc-dialog-action=\"cancel\"] {\n --gm3-button-text-label-text-color: @subtext1;\n --gm3-button-text-hover-label-text-color: @text;\n --gm3-button-text-focus-label-text-color: @text;\n --gm3-button-text-pressed-label-text-color: @text;\n\n &:hover,\n &:focus,\n &:active {\n background-color: @surface0;\n }\n }\n }\n }\n}\n",
|
|
"originalDigest": "8b20d9b6abf1727708f38f8932dc6a59589c21e2",
|
|
"_id": "d7a64372-0c83-4d72-94d9-dfe9ae0b719e",
|
|
"_rev": 1780236871436,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 91
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Microsoft Word Catppuccin",
|
|
"description": "Soothing pastel theme for Microsoft Word",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/microsoft-word/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Microsoft Word Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/microsoft-word",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/microsoft-word",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/microsoft-word/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Amicrosoft-word",
|
|
"description": "Soothing pastel theme for Microsoft Word",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"applyToDocument": {
|
|
"type": "checkbox",
|
|
"label": "Apply Theme to Document",
|
|
"name": "applyToDocument",
|
|
"value": null,
|
|
"default": "0",
|
|
"options": null
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Microsoft Word Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/microsoft-word\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/microsoft-word\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/microsoft-word/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Amicrosoft-word\n@description Soothing pastel theme for Microsoft Word\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 applyToDocument \"Apply Theme to Document\" 0\n==/UserStyle== */\n\n@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"live.com\") {\n #catppuccin(@lightFlavor);\n\n .UxDarkMode {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n .fui-FluentProvider2,\n .fui-FluentProvider86,\n .fui-FluentProvider102 {\n --colorNeutralStroke1: @surface1;\n --colorBrandForeground1: @accent;\n --colorNeutralForeground1: @text;\n --colorNeutralBackground1: @surface0;\n --colorNeutralForeground2: @text;\n --colorNeutralBackground3: @base;\n --colorNeutralStroke1Hover: @surface2;\n --colorNeutralForeground1Hover: @text;\n --colorNeutralStrokeAccessible: @surface2;\n --colorNeutralBackground1Hover: @surface1;\n --colorNeutralBackground3Hover: @surface0;\n --colorNeutralForegroundOnBrand: @base;\n --colorNeutralBackground1Selected: @surface1;\n }\n\n .o365sx-navbar,\n .o365cs-base .o365sx-button,\n [data-unique-id=\"GoPremiumButton\"],\n [data-unique-id=\"DocumentTitleButton\"],\n #SearchButton {\n background-color: @base !important;\n color: @text !important;\n }\n\n .OfficeIconColors_mUpgradeProductGlyphColorless,\n [aria-label=\"Saved to OneDrive\"] > i:nth-child(1) > svg:nth-child(1),\n #SearchButton > span:nth-child(1) > i:nth-child(1),\n ._3_LjxRBZZiG458goXcTPLs.o365sx-neutral-dark-font,\n ._3eLVxYuaVkSqw02CcIH8ec.o365sx-neutral-dark-font.o365sx-neutral-lighter-hover-background,\n span.ms-Icon--WaffleOffice365._2hFKF2Ng35BcYrXwyNH86a {\n fill: @text !important;\n color: @text !important;\n }\n\n #RibbonContainer > div:nth-child(1) > div:nth-child(2) > div:nth-child(1),\n #RibbonContainer > div:nth-child(1) > div:nth-child(2) > div:nth-child(2),\n #RibbonTopBarContainer {\n background-color: @base !important;\n }\n\n #tablist > div:nth-child(1) {\n > div > div:nth-child(1) > button:nth-child(1) {\n color: @text !important;\n }\n }\n\n #Home-tabpanel,\n #Home-tabpanel > div:nth-child(2),\n #appLauncherTop,\n #appLauncherMainView,\n #ContextMenu-ContextMenu {\n background-color: @surface0 !important;\n }\n\n #ShareMenu {\n background-color: @accent;\n color: @base;\n }\n\n #Floatie-FontPicker-Floatie > div:nth-child(1),\n #Floatie-FontSize-Floatie > div:nth-child(2) {\n background-color: @base;\n }\n\n #Floatie-FontPicker-Floatie > div:nth-child(1) > input:nth-child(1),\n #Floatie-FontSize-Floatie-input {\n color: @text;\n }\n\n #Floatie-FontPicker-Floatie > div:nth-child(1) {\n border-color: 1px solid @surface2;\n }\n\n #Floatie-FontSize-Floatiewrapper {\n border-color: @surface2;\n }\n\n [data-unique-id=\"ReactTabbedPanelMenuContainer\"] > div:nth-child(1) {\n background-color: @base !important;\n }\n\n #TellMe-Menu > div:nth-child(1) {\n background-color: @surface0 !important;\n > ul:nth-child(1) > li,\n ul:nth-child(1) > li:nth-child(2) {\n div:nth-child(1) > ul:nth-child(1) {\n > li {\n background-color: @surface0 !important;\n > button:nth-child(1) {\n color: @text;\n &:hover {\n background-color: @surface1 !important;\n }\n }\n }\n }\n }\n }\n\n ._1acxHZf6WaSGxss7AMw7aZ.o365sx-neutral-lighter-hover-background:hover,\n ._3eLVxYuaVkSqw02CcIH8ec.o365sx-neutral-dark-font.o365sx-neutral-lighter-hover-background:hover,\n .ribbon-bottom-bar-divider,\n .divider-745,\n .divider-766 {\n background-color: @surface1 !important;\n }\n\n #WACViewPanel {\n background-color: @mantle !important;\n }\n\n & when (@applyToDocument = 1) {\n .Page {\n background-color: @base !important;\n border-color: @surface1 !important;\n }\n span.NormalTextRun,\n .FileMenuButtonPrimaryText,\n [class=\"NewDocumentTemplateLabel\"] {\n color: @text !important;\n }\n }\n\n .Paragraph,\n #TellMe-Menusection-0-title > div:nth-child(1) > span:nth-child(2),\n #TellMe-Menusection-1-title > div:nth-child(1) > span:nth-child(2) {\n color: @text !important;\n }\n\n .PageAdornmentHeaderLabelThemed,\n .PageAdornmentFooterLabelThemed {\n background-color: @base !important;\n border-color: @text !important;\n color: @subtext0;\n }\n\n [id=\"WACStatusBarContainer\"]\n > div:nth-child(1)\n > div:nth-child(1)\n > div:nth-child(1)\n > div:nth-child(1)\n > div:nth-child(1)\n > div:nth-child(1)\n > div:nth-child(1)\n > div:nth-child(1)\n > div:nth-child(1)\n > div:nth-child(1) {\n div:nth-child(1),\n div:nth-child(3) {\n > button,\n div:nth-child(2) > div:nth-child(1) {\n &:hover {\n background-color: @surface1 !important;\n }\n }\n }\n div:nth-child(3)\n > div:nth-child(2)\n > div:nth-child(1)\n > div:nth-child(2)\n > div:nth-child(1) {\n > div:nth-child(1) > span:nth-child(1) {\n background: @accent !important;\n }\n }\n div:nth-child(1) {\n > span:nth-child(1) {\n background: @subtext0 !important;\n }\n > span:nth-child(3) {\n background: @subtext0 !important;\n }\n > span:nth-child(4) {\n background: @subtext0 !important;\n }\n }\n }\n\n #ReactFloatie > div:nth-child(1) {\n background: @surface0 !important;\n }\n\n #documentTitle\n > span:nth-child(1)\n > div:nth-child(2)\n > i:nth-child(1)\n > svg:nth-child(1) {\n fill: @text;\n }\n\n #ProgressBar {\n background-color: @surface0;\n &:hover {\n background-color: @surface1;\n }\n > div:nth-child(2) {\n background-color: @surface2 !important;\n > div:nth-child(1) {\n background: @accent;\n }\n }\n }\n\n #ProgressBar > div:nth-child(3) {\n > span:nth-child(1) {\n color: @text;\n }\n > span:nth-child(2) {\n color: @accent;\n }\n > span:nth-child(3) {\n color: @text;\n }\n }\n\n #AppBrand > div:nth-child(1) > div:nth-child(1) > a:nth-child(1) {\n &:hover {\n background-color: @surface0;\n }\n }\n\n #appLauncherTop > div:nth-child(1) {\n > div:nth-child(1) > button:nth-child(1) {\n &:hover {\n background-color: @surface1;\n }\n }\n > a:nth-child(2) {\n color: @accent;\n }\n }\n\n #allAppsLink {\n color: @accent;\n }\n\n #ProgressCardScore {\n > div:nth-child(1) {\n color: @accent;\n }\n > div:nth-child(2) {\n color: @accent;\n }\n }\n\n #WACStatusBarContainer\n > div:nth-child(1)\n > div:nth-child(1)\n > div:nth-child(1)\n > div:nth-child(1)\n > div:nth-child(1)\n > div:nth-child(1)\n > div:nth-child(1) {\n background-color: @surface0;\n border-top-color: @surface1;\n > div:nth-child(1)\n > div:nth-child(1)\n > div:nth-child(1)\n > div:nth-child(1) {\n > div:nth-child(1) > button,\n div:nth-child(3) > button {\n color: @subtext0 !important;\n }\n }\n }\n\n [data-unique-id=\"TellMeControl\"] {\n background: @surface0 !important;\n > div:nth-child(2) > label:nth-child(1),\n [data-icon-name=\"Search\"] {\n color: @subtext0 !important;\n }\n }\n\n #ReactTabbedPanelMenuPageContainer {\n background-color: @surface0 !important;\n }\n\n #UploadDocumentFromHomeTab,\n #pageSection2CompoundButtonSectionProps\n > div:nth-child(2)\n > div:nth-child(1)\n > div:nth-child(1)\n > div:nth-child(1)\n > button {\n background-color: @surface0 !important;\n &:hover {\n background-color: @surface1 !important;\n }\n }\n\n #MultilineRibbon-RibbonModeToggleDropdown,\n #FarPeripheralControls-ModeSwitcherDropdown,\n #MultilineRibbon-RibbonModeToggleDropdownsection-0-title,\n #MultilineRibbon-RibbonModeToggleDropdownsection-1-title {\n background-color: @surface0 !important;\n > div:nth-child(1) > span:nth-child(2) {\n color: @text !important;\n }\n }\n\n .PageAdornmentNumberLabel,\n .FileMenuButtonSecondaryText,\n #New,\n #Open,\n #Recent {\n color: @subtext0 !important;\n }\n\n #Clipboard_MLR-label,\n #Font_MLR-label,\n #Paragraph_MLR-label,\n #Styles-label,\n #Editing-label,\n #Dictation-label,\n #GetAddins-label,\n #Editor-label {\n color: @subtext0 !important;\n }\n\n svg {\n path.OfficeIconColors_m22 {\n fill: @text;\n }\n path.OfficeIconColors_m24,\n path.OfficeIconColors_m25,\n path.OfficeIconColors_m26,\n path.OfficeIconColors_m2262 {\n fill: @accent;\n }\n path.OfficeIconColors_m27 {\n fill: @green;\n }\n path.OfficeIconColors_m211 {\n fill: @yellow;\n }\n path.OfficeIconColors_m212 {\n fill: @peach;\n }\n path.OfficeIconColors_m220,\n path.OfficeIconColors_m221 {\n fill: @mauve;\n }\n path.OfficeIconColors_m213 {\n fill: @red;\n }\n path.OfficeIconColors_m229 {\n fill: @red;\n }\n path.OfficeIconColors_m295 {\n fill: @blue;\n }\n path.OfficeIconColors_m2131 {\n fill: @green;\n }\n path.OfficeIconColors_m2227 {\n fill: @peach;\n }\n path.OfficeIconColors_m2251 {\n fill: @text;\n }\n }\n }\n}\n",
|
|
"originalDigest": "d85c280546b39be5d31228f5dc7952d16d088583",
|
|
"_id": "05db473b-336f-453a-863e-dc9351c8780e",
|
|
"_rev": 1780236871484,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 92
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Crowdin Catppuccin",
|
|
"description": "Soothing pastel theme for Crowdin",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/crowdin/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Crowdin Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/crowdin",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/crowdin",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/crowdin/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Acrowdin",
|
|
"description": "Soothing pastel theme for Crowdin",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Crowdin Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/crowdin\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/crowdin\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/crowdin/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Acrowdin\n@description Soothing pastel theme for Crowdin\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document regexp(\"https://crowdin.com(?!/translate).*\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n :root:root:root:root:root {\n --app-bg: @mantle;\n --body-bg: @base;\n --light-bg: @surface0;\n --search-bg: @surface0;\n --super-light-bg: @surface1;\n --body-color: @text;\n --link-hover: @green;\n --primary: @green;\n --secondary: @rosewater;\n --tertiary: @pink;\n --primary-btn: @green;\n --primary-btn-hover: @teal;\n --warning-content: @yellow;\n --info: @blue;\n --crowdin-primary-blue-gray-05: @surface1;\n --crowdin-primary-blue-gray: @overlay0;\n }\n\n .btn-primary,\n .btn-primary:hover {\n color: @base;\n }\n\n .btn-outline-primary,\n .btn-outline-primary:hover {\n color: @green;\n border-color: @green;\n }\n }\n}\n\n@-moz-document regexp(\"https://crowdin.com/translate/.*\") {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n body {\n background-color: @mantle !important;\n color: @text !important;\n }\n\n #left_panel,\n .nav-tabs,\n .navbar-inner.editor-navbar,\n #discussions_control,\n #main_menu {\n background-color: @surface0 !important;\n }\n\n #editor-center-layout,\n .editor-pane-inner,\n #translation_wrapper,\n #translation_text_container,\n .texts-to-translate-header,\n #right_panel,\n .texts-to-translate-paging,\n #asset_preview_wrapper.no-preview,\n .editor-pane-title-and-buttons-helper {\n background-color: @base !important;\n color: @text !important;\n }\n\n .body.dark-theme #main_menu .nav-pills > li.active > a {\n background-color: @blue;\n }\n\n .progress .bar-validate {\n background-color: @lavender;\n }\n .progress .bar-translate {\n background-color: @sapphire;\n }\n\n a,\n .btn-link {\n color: @rosewater !important;\n }\n }\n}\n",
|
|
"originalDigest": "e0c3c51f63b8ef856d582802dc37e15ecdbff3f3",
|
|
"_id": "af37b8f9-e9ff-4ce2-a4e2-f7de81c4e9e5",
|
|
"_rev": 1780236871514,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 93
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Brave Search Catppuccin",
|
|
"description": "Soothing pastel theme for Brave Search",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/brave-search/catppuccin.user.less",
|
|
"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": "2026.01.15",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/brave-search/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Abrave-search",
|
|
"description": "Soothing pastel theme for Brave Search",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": 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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"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 2026.01.15\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/brave-search/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Abrave-search\n@description Soothing pastel theme for Brave Search\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"search.brave.com\") {\n :root.light {\n #catppuccin(@lightFlavor);\n }\n :root.dark {\n #catppuccin(@darkFlavor);\n }\n :root:not(.light, .dark) {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n color: @text; // inherited text (e.g. feedback modal)\n\n --color-text-primary: @text;\n --color-text-secondary: @subtext1;\n --color-text-tertiary: @subtext0;\n --color-text-disabled: @overlay1;\n\n --color-icon-default: @overlay2;\n --color-icon-secondary: @overlay1;\n --color-icon-disabled: @surface2;\n\n --color-divider-subtle: @surface0;\n --color-divider-strong: @surface2;\n\n --color-button-disabled: @surface1;\n\n --color-search-background-page: @base;\n --color-search-background-search-bar: @surface0;\n --color-search-background-container: @surface0;\n --color-search-links-link: @blue;\n --color-search-background-settings: @mantle;\n --color-search-background-highlight: @surface1;\n --color-search-background-interactive-normal: fade(@accent, 20%);\n --color-search-divider-subtle: @surface1;\n --color-search-divider-subtle-container: @surface1;\n --color-search-divider-interactive: fade(@accent, 30%);\n --color-search-background-enrichment-cards: @surface0;\n --color-search-background-suggest-highlight: @surface1;\n --color-search-background-user-message-bubble: @surface0;\n\n --color-primary-20: fade(@accent, 30%); // rerank\n --color-neutral-20: @surface1; // search elsewhere link hover border\n --color-neutral-5: @surface0; // location sharing ip address info\n\n --color-white: @text;\n --color-schemes-primary: @accent;\n --color-schemes-on-primary: @base;\n\n --color-link-visited: @lavender;\n\n // Tooltips\n --color-primitive-neutral-98: @text;\n --color-primitive-neutral-0: @surface0;\n\n /* Search Results */\n --color-serp-header-background: @base;\n .related-query .icon {\n color: @overlay2;\n }\n // Pagination \"Next\"\n .button.type--plain, .button.type--plain-outlined-subtle {\n --dsbtn-hover-background: @surface1 !important;\n }\n\n /* Settings */\n --color-page-background: @base;\n --color-container-background: @surface0;\n --color-primary-50: @accent; // icons\n\n .form-switch {\n --switch-off-background-color: @overlay0;\n --switch-off-background-color-hover: @overlay1;\n --switch-off-dot-color: @text;\n --switch-on-background-color: @accent;\n --switch-on-background-color-hover: lighten(@accent, 5%);\n --switch-on-dot-color: @base;\n }\n\n /* Search Home */\n\n .example-searches {\n .card {\n background: @surface0;\n &:hover {\n background: @surface1;\n }\n }\n }\n\n .download-cta-background::before {\n background-image: linear-gradient(\n 90deg,\n @surface0 0%,\n @surface1 100%\n ) !important;\n mask: none;\n }\n\n .suggestions {\n border-top-color: @surface1 !important;\n }\n\n // LLM\n --gradient-icons-active: linear-gradient(\n 321.5013deg,\n @peach 3%,\n @pink 40%,\n @mauve 99%\n );\n #gradient-icons-active stop {\n &:nth-child(1) {\n stop-color: @peach !important;\n }\n &:nth-child(2) {\n stop-color: @pink !important;\n }\n &:nth-child(3) {\n stop-color: @mauve !important;\n }\n }\n .subutton:hover:not(:disabled, .unavailable), .subutton:focus-visible {\n background: linear-gradient(\n 314deg,\n @peach 8.49%,\n @pink 43.72%,\n @mauve 99.51%\n );\n\n .icon {\n fill: @base !important;\n }\n }\n .suggestion.ask .ask-badge::before {\n background-image: linear-gradient(\n 352deg,\n fade(@peach, 15%) 3%,\n fade(@pink, 15%) 40%,\n fade(@mauve, 15%) 99%\n );\n }\n\n #logo img, #nav-logo img, .logo-large {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"129\" height=\"40\" fill=\"none\" viewBox=\"0 0 129 40\"><path fill=\"url(#a)\" fill-rule=\"evenodd\" d=\"m33.308 9.576.937-2.298S33.052 6 31.603 4.554s-4.515-.595-4.515-.595L23.594 0H11.325L7.832 3.959s-3.067-.851-4.516.595A124 124 0 0 0 .675 7.278l.937 2.298L.42 12.98s3.509 13.273 3.92 14.894c.81 3.191 1.363 4.425 3.663 6.042s6.476 4.426 7.157 4.851c.682.426 1.534 1.15 2.3 1.15.768 0 1.62-.724 2.301-1.15.682-.425 4.857-3.234 7.157-4.85 2.3-1.618 2.855-2.852 3.664-6.043.411-1.621 3.92-14.894 3.92-14.894z\" clip-rule=\"evenodd\"/><path fill=\"@{base}\" d=\"M21.805 7.193c.511 0 4.303-.724 4.303-.724s4.493 5.426 4.493 6.586c0 .958-.386 1.334-.841 1.775q-.145.138-.292.293l-3.37 3.573q-.05.054-.11.113c-.336.337-.83.835-.482 1.66l.072.17c.383.894.856 1.999.254 3.118-.64 1.191-1.737 1.986-2.44 1.854s-2.354-.993-2.96-1.386c-.608-.394-2.532-1.979-2.532-2.585 0-.506 1.384-1.348 2.056-1.756.134-.082.24-.146.3-.187.07-.047.186-.119.329-.207.613-.381 1.721-1.069 1.75-1.374.034-.376.02-.486-.474-1.415a20 20 0 0 0-.356-.627c-.47-.81-.998-1.716-.881-2.365.132-.733 1.281-1.153 2.255-1.51l.355-.13 1.014-.38c.973-.364 2.053-.769 2.23-.85.248-.114.184-.223-.563-.293l-.363-.038c-.924-.098-2.63-.279-3.459-.048l-.538.147c-.931.252-2.073.56-2.182.739l-.056.083c-.105.149-.173.246-.057.879.034.188.105.56.193 1.018.258 1.342.659 3.436.71 3.906q.01.1.022.19c.064.525.107.875-.503 1.014l-.16.037c-.688.157-1.697.389-2.062.389s-1.375-.232-2.064-.39l-.158-.036c-.61-.14-.568-.489-.503-1.013l.022-.19c.05-.472.453-2.57.71-3.913.088-.456.159-.824.193-1.012.116-.633.047-.73-.057-.88q-.027-.036-.056-.083c-.11-.178-1.251-.486-2.183-.738l-.538-.147c-.829-.23-2.534-.05-3.458.048l-.363.038c-.747.07-.811.179-.564.292.178.082 1.258.486 2.23.85l1.015.38.355.132c.973.356 2.123.776 2.255 1.509.117.649-.41 1.555-.882 2.364-.127.22-.25.43-.355.628-.495.93-.508 1.04-.474 1.415.028.305 1.136.992 1.75 1.373.142.09.259.161.328.208.061.041.166.105.3.186.672.41 2.056 1.25 2.056 1.757 0 .606-1.924 2.191-2.53 2.585-.608.393-2.259 1.255-2.961 1.386-.703.132-1.8-.663-2.44-1.854-.603-1.12-.13-2.224.253-3.119l.072-.168c.35-.826-.146-1.324-.482-1.661q-.06-.06-.11-.113l-3.369-3.573a9 9 0 0 0-.292-.292c-.455-.442-.841-.818-.841-1.776 0-1.16 4.493-6.586 4.493-6.586s3.791.724 4.303.724c.407 0 1.195-.271 2.016-.554l.625-.212c1.022-.34 1.704-.343 1.704-.343s.681.002 1.704.343q.31.104.624.212c.822.283 1.61.554 2.017.554\"/><path fill=\"@{base}\" d=\"M21.154 26.384c.802.412 1.37.705 1.585.84.278.173.109.501-.144.68-.254.179-3.659 2.812-3.989 3.103l-.134.12c-.318.287-.724.652-1.012.652s-.695-.366-1.013-.652l-.133-.12c-.33-.29-3.736-2.924-3.989-3.103s-.423-.507-.145-.68c.215-.135.784-.428 1.587-.841l.762-.393c1.2-.62 2.697-1.149 2.93-1.149s1.73.528 2.931 1.149z\"/><path fill=\"@{text}\" d=\"M49.872 13.47q1.523-.801 3.477-.801 2.276 0 4.116 1.122 1.841 1.12 2.916 3.189 1.072 2.066 1.072 4.79 0 2.726-1.072 4.823c-.715 1.398-1.69 2.483-2.916 3.253Q55.62 31 53.35 31q-1.987 0-3.477-.785-1.492-.783-2.386-2.035v2.532H43V7h4.486v8.555q.864-1.283 2.386-2.081zM56.218 19q-.658-1.169-1.73-1.78a4.6 4.6 0 0 0-2.322-.607 4.44 4.44 0 0 0-2.291.625q-1.074.624-1.73 1.811-.658 1.187-.657 2.788 0 1.601.657 2.788.659 1.184 1.73 1.811 1.074.624 2.29.625c.812 0 1.608-.212 2.323-.64q1.074-.64 1.73-1.825.658-1.185.657-2.82c0-1.09-.218-1.991-.657-2.77zm13.329-5.497c.93-.535 1.99-.802 3.189-.802v4.709h-1.187q-2.115 0-3.189.994-1.072.995-1.072 3.46v8.842h-4.486v-17.75h4.486v2.756a6.3 6.3 0 0 1 2.258-2.212zm4.837 3.494q1.072-2.084 2.915-3.203 1.843-1.122 4.117-1.123 1.986 0 3.476.803 1.49.802 2.387 2.017V12.96h4.517v17.75H87.28v-2.596q-.864 1.253-2.387 2.067-1.52.817-3.508.817-2.244 0-4.085-1.154-1.844-1.153-2.915-3.253-1.073-2.097-1.073-4.823c0-1.816.358-3.386 1.073-4.773zm12.255 2.035q-.64-1.17-1.73-1.794a4.64 4.64 0 0 0-2.34-.625q-1.25.001-2.307.608-1.056.61-1.716 1.779-.657 1.17-.657 2.77 0 1.602.657 2.803.659 1.202 1.73 1.843 1.074.64 2.29.64c.812 0 1.614-.21 2.341-.626q1.09-.623 1.73-1.793t.64-2.803q-.002-1.632-.64-2.802zm15.669 7.547 4.486-13.62h4.773l-6.57 17.75h-5.448l-6.537-17.75h4.805l4.485 13.62zm26.244-3.399h-12.976q.16 1.922 1.346 3.012 1.185 1.09 2.915 1.09 2.499 0 3.558-2.148h4.838q-.768 2.563-2.948 4.212-2.18 1.652-5.352 1.651-2.563 0-4.599-1.137-2.034-1.136-3.171-3.22t-1.137-4.806c0-1.814.372-3.45 1.122-4.837q1.12-2.084 3.14-3.203 2.02-1.122 4.645-1.123c1.75 0 3.198.364 4.535 1.09a7.7 7.7 0 0 1 3.108 3.094q1.103 2.003 1.104 4.598 0 .962-.128 1.73zm-4.517-3.011q-.032-1.732-1.25-2.77-1.217-1.042-2.98-1.041-1.666 0-2.802 1.008-1.139 1.01-1.393 2.803h8.428z\"/><defs><linearGradient id=\"a\" x1=\".419\" x2=\"34.5\" y1=\"40.199\" y2=\"40.199\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"@{accent}\"/><stop offset=\".5\" stop-color=\"@{accent}\"/><stop offset=\"1\" stop-color=\"@{accent}\"/></linearGradient></defs></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .nav-logo .logo-small, .logo-wrapper img {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"56\" height=\"64\" fill=\"none\"><path fill=\"url(#a)\" 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=\"@{base}\" 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=\"url(#b)\" 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\"/><defs><linearGradient id=\"a\" x1=\".671\" x2=\"55.2\" y1=\"64.319\" y2=\"64.319\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"@{accent}\"/><stop offset=\".41\" stop-color=\"@{accent}\"/><stop offset=\".582\" stop-color=\"@{accent}\"/><stop offset=\"1\" stop-color=\"@{accent}\"/></linearGradient><linearGradient id=\"b\" x1=\"6.278\" x2=\"50.565\" y1=\"11.466\" y2=\"11.466\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"@{accent}\"/><stop offset=\"1\" stop-color=\"@{accent}\"/></linearGradient></defs></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=\"1366\" height=\"225\" fill=\"none\" viewBox=\"0 0 1366 225\"><g clip-path=\"url(#a)\" opacity=\".5\"><path fill=\"url(#b)\" d=\"M1433.12 173.576v.727C928.367-277.11 423.617 339.637-81.132 54.858v-6.093C423.617 335.362 928.367-279.654 1433.12 173.576\"/><path fill=\"url(#c)\" d=\"M1433.12 182.248v.762C928.367-247.526 423.617 390.427-81.132 127.148v-6.249C423.617 386.03 928.367-250.07 1433.12 182.248\"/><path fill=\"url(#d)\" d=\"M1433.12 191.198v.762C928.367-217.232 423.617 442.446-81.132 201.151v-6.37c504.749 243.181 1009.499-414.626 1514.252-3.583\"/><path fill=\"url(#e)\" d=\"M1433.12 200.198v.779C928.366-186.368 423.617 495.415-81.133 276.556v-6.492c504.75 220.781 1009.499-459.08 1514.253-69.866\"/><path fill=\"url(#f)\" d=\"M413.447 321.028C753.333 199.853 1093.21-37.823 1433.11 209.374v.866C1097.46-32.682 761.83 197.326 426.203 321.028z\"/><path fill=\"url(#g)\" d=\"M539.498 321.028C837.363 184.274 1135.23 15.2 1433.11 218.67v.796c-294.85-200.302-589.7-35.573-884.537 101.562z\"/><path fill=\"url(#h)\" d=\"M636.494 321.028c265.53-135.975 531.066-262.552 796.616-92.993v.779c-263.05-166.945-526.102-43.294-789.139 92.214z\"/><path fill=\"url(#i)\" d=\"M718.947 321.028c238.052-128.186 476.093-224.935 714.163-83.593v.796c-235.87-139.126-471.726-44.54-707.591 82.797z\"/><path fill=\"url(#j)\" d=\"M792.525 321.028c213.515-116.934 427.045-191.352 640.585-74.159v.814c-211.56-115.341-423.1-42.515-634.644 73.345z\"/></g><defs><linearGradient id=\"b\" x1=\"1433.12\" x2=\"-81.132\" y1=\"87.522\" y2=\"87.522\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"@{base}\"/><stop offset=\".5\" stop-color=\"@{surface0}\"/><stop offset=\"1\" stop-color=\"@{base}\"/></linearGradient><linearGradient id=\"c\" x1=\"1433.12\" x2=\"-81.132\" y1=\"110.09\" y2=\"110.09\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"@{base}\"/><stop offset=\".5\" stop-color=\"@{surface0}\"/><stop offset=\"1\" stop-color=\"@{base}\"/></linearGradient><linearGradient id=\"d\" x1=\"1433.12\" x2=\"-81.132\" y1=\"154.204\" y2=\"154.204\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"@{base}\"/><stop offset=\".5\" stop-color=\"@{surface0}\"/><stop offset=\"1\" stop-color=\"@{base}\"/></linearGradient><linearGradient id=\"e\" x1=\"1433.12\" x2=\"-81.133\" y1=\"199.146\" y2=\"199.146\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"@{base}\"/><stop offset=\".5\" stop-color=\"@{surface0}\"/><stop offset=\"1\" stop-color=\"@{base}\"/></linearGradient><linearGradient id=\"f\" x1=\"1433.11\" x2=\"413.447\" y1=\"211.167\" y2=\"211.167\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"@{base}\"/><stop offset=\".5\" stop-color=\"@{surface0}\"/><stop offset=\"1\" stop-color=\"@{base}\"/></linearGradient><linearGradient id=\"g\" x1=\"1433.11\" x2=\"539.498\" y1=\"222.707\" y2=\"222.707\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"@{base}\"/><stop offset=\".5\" stop-color=\"@{surface0}\"/><stop offset=\"1\" stop-color=\"@{base}\"/></linearGradient><linearGradient id=\"h\" x1=\"1433.11\" x2=\"636.494\" y1=\"233.768\" y2=\"233.768\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"@{base}\"/><stop offset=\".5\" stop-color=\"@{surface0}\"/><stop offset=\"1\" stop-color=\"@{base}\"/></linearGradient><linearGradient id=\"i\" x1=\"1433.11\" x2=\"718.947\" y1=\"244.346\" y2=\"244.346\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"@{base}\"/><stop offset=\".5\" stop-color=\"@{surface0}\"/><stop offset=\"1\" stop-color=\"@{base}\"/></linearGradient><linearGradient id=\"j\" x1=\"1433.11\" x2=\"792.525\" y1=\"254.43\" y2=\"254.43\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"@{base}\"/><stop offset=\".5\" stop-color=\"@{surface0}\"/><stop offset=\"1\" stop-color=\"@{base}\"/></linearGradient><clipPath id=\"a\"><path fill=\"#fff\" d=\"M0 0h1366v321.029H0z\"/></clipPath></defs></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n .waves-top {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1366\" height=\"201\" fill=\"none\"><g clip-path=\"url(#a)\" opacity=\".5\"><path fill=\"url(#b)\" d=\"M-81.133 35.705v-.694C647.42 466.254 1375.97-122.937 2104.53 149.118v5.822C1375.97-118.852 647.42 468.652-81.133 35.705\"/><path fill=\"url(#c)\" d=\"M-81.133 27.42v-.727C647.42 437.992 1375.97-171.457 2104.53 80.075v5.97C1375.97-167.257 647.42 440.423-81.133 27.42\"/><path fill=\"url(#d)\" d=\"M-81.133 18.92v-.727C647.42 409.052 1375.97-221.151 2104.53 9.362v6.086C1375.97-216.868 647.42 411.549-81.133 18.92\"/><path fill=\"url(#e)\" d=\"M-81.133 10.271v-.744C647.42 379.549 1375.97-271.756 2104.53-62.675v6.202C1375.97-267.39 647.42 382.096-81.133 10.27\"/><path fill=\"url(#f)\" d=\"M-81.133 1.49V.746C647.42 349.65 1375.97-323.071 2104.53-135.736v6.267C1375.97-318.672 647.42 352.23-81.133 1.49\"/><path fill=\"url(#g)\" d=\"M-81.133-7.424v-.76C647.42 319.453 1375.97-374.95 2104.53-209.56v6.301C1375.97-370.5 647.42 322.032-81.133-7.424\"/><path fill=\"url(#h)\" d=\"M-81.133-16.337v-.744C647.42 288.99 1375.97-427.206 2104.53-283.977v6.367C1375.97-422.741 647.421 291.604-81.133-16.337\"/><path fill=\"url(#i)\" d=\"M-81.133-25.317v-.76C647.42 258.396 1375.97-479.73 2104.53-358.726v6.383C1375.97-475.231 647.421 261.01-81.133-25.317\"/><path fill=\"url(#j)\" d=\"M-81.133-34.33v-.777C647.42 227.737 1375.97-532.367 2104.53-433.656v6.4C1375.97-527.869 647.421 230.35-81.133-34.33\"/><path fill=\"url(#k)\" d=\"M-81.133-43.36v-.776C647.42 197.06 1375.97-585.005 2104.53-508.504v6.384C1375.97-580.507 647.421 199.69-81.133-43.36\"/><path fill=\"url(#l)\" d=\"M-81.133-52.339v-.777C647.42 166.483 1375.97-637.495 2104.53-583.318v6.383C1375.97-633.03 647.421 169.079-81.133-52.339\"/><path fill=\"url(#m)\" d=\"M-81.133-61.286v-.71C647.42 136.053 1375.97-689.754 2104.53-657.67v6.317C1375.97-685.287 647.421 138.634-81.133-61.286\"/><path fill=\"url(#n)\" d=\"M-81.133-70.15v-.777C647.42 105.857 1375.97-741.564 2104.53-731.459v6.317C1375.97-737.165 647.421 108.337-81.133-70.15\"/><path fill=\"url(#o)\" d=\"M-81.133-78.947v-.761C647.42 75.99 1375.97-792.846 2104.53-804.521v6.185C1375.97-788.497 647.421 78.57-81.133-78.947\"/><path fill=\"url(#p)\" d=\"M-81.133-87.63v-.727C532.825 25.32 1146.78-588.76 1760.71-804.521h15.27C1156.94-595.258 537.91 28.496-81.133-87.629\"/></g><defs><linearGradient id=\"b\" x1=\"1521\" x2=\"-117\" y1=\"117.907\" y2=\"117.907\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"@{base}\"/><stop offset=\".5\" stop-color=\"@{surface0}\"/><stop offset=\"1\" stop-color=\"@{base}\"/></linearGradient><linearGradient id=\"c\" x1=\"1505\" x2=\"-141\" y1=\"96.359\" y2=\"96.359\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"@{base}\"/><stop offset=\".5\" stop-color=\"@{surface0}\"/><stop offset=\"1\" stop-color=\"@{base}\"/></linearGradient><linearGradient id=\"d\" x1=\"1543\" x2=\"-179\" y1=\"54.222\" y2=\"54.222\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"@{base}\"/><stop offset=\".5\" stop-color=\"@{surface0}\"/><stop offset=\"1\" stop-color=\"@{base}\"/></linearGradient><linearGradient id=\"e\" x1=\"1479\" x2=\"-127\" y1=\"11.276\" y2=\"11.276\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"@{base}\"/><stop offset=\".5\" stop-color=\"@{surface0}\"/><stop offset=\"1\" stop-color=\"@{base}\"/></linearGradient><linearGradient id=\"f\" x1=\"1369\" x2=\"-81.133\" y1=\"-32.303\" y2=\"-32.303\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"@{base}\"/><stop offset=\".5\" stop-color=\"@{surface0}\"/><stop offset=\"1\" stop-color=\"@{base}\"/></linearGradient><linearGradient id=\"g\" x1=\"2104.53\" x2=\"-81.133\" y1=\"-76.374\" y2=\"-76.374\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"@{base}\"/><stop offset=\".5\" stop-color=\"@{surface0}\"/><stop offset=\"1\" stop-color=\"@{base}\"/></linearGradient><linearGradient id=\"h\" x1=\"2104.53\" x2=\"-81.133\" y1=\"-120.796\" y2=\"-120.796\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"@{base}\"/><stop offset=\".5\" stop-color=\"@{surface0}\"/><stop offset=\"1\" stop-color=\"@{base}\"/></linearGradient><linearGradient id=\"i\" x1=\"2104.53\" x2=\"-81.133\" y1=\"-165.453\" y2=\"-165.453\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"@{base}\"/><stop offset=\".5\" stop-color=\"@{surface0}\"/><stop offset=\"1\" stop-color=\"@{base}\"/></linearGradient><linearGradient id=\"j\" x1=\"2104.53\" x2=\"-81.133\" y1=\"-210.24\" y2=\"-210.24\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"@{base}\"/><stop offset=\".5\" stop-color=\"@{surface0}\"/><stop offset=\"1\" stop-color=\"@{base}\"/></linearGradient><linearGradient id=\"k\" x1=\"2104.53\" x2=\"-81.133\" y1=\"-255.018\" y2=\"-255.018\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"@{base}\"/><stop offset=\".5\" stop-color=\"@{surface0}\"/><stop offset=\"1\" stop-color=\"@{base}\"/></linearGradient><linearGradient id=\"l\" x1=\"2104.53\" x2=\"-81.133\" y1=\"-299.766\" y2=\"-299.766\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"@{base}\"/><stop offset=\".5\" stop-color=\"@{surface0}\"/><stop offset=\"1\" stop-color=\"@{base}\"/></linearGradient><linearGradient id=\"m\" x1=\"2104.53\" x2=\"-81.133\" y1=\"-344.275\" y2=\"-344.275\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"@{base}\"/><stop offset=\".5\" stop-color=\"@{surface0}\"/><stop offset=\"1\" stop-color=\"@{base}\"/></linearGradient><linearGradient id=\"n\" x1=\"2104.53\" x2=\"-81.133\" y1=\"-388.47\" y2=\"-388.47\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"@{base}\"/><stop offset=\".5\" stop-color=\"@{surface0}\"/><stop offset=\"1\" stop-color=\"@{base}\"/></linearGradient><linearGradient id=\"o\" x1=\"2104.53\" x2=\"-81.133\" y1=\"-432.173\" y2=\"-432.173\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"@{base}\"/><stop offset=\".5\" stop-color=\"@{surface0}\"/><stop offset=\"1\" stop-color=\"@{base}\"/></linearGradient><linearGradient id=\"p\" x1=\"1775.98\" x2=\"-81.133\" y1=\"-438.932\" y2=\"-438.932\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"@{base}\"/><stop offset=\".5\" stop-color=\"@{surface0}\"/><stop offset=\"1\" stop-color=\"@{base}\"/></linearGradient><clipPath id=\"a\"><path fill=\"#fff\" d=\"M0-88.38h1366v288.927H0z\"/></clipPath></defs></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n }\n}\n",
|
|
"originalDigest": "975df7e412127d0ed64b6a34a610d046d971f0a9",
|
|
"_id": "d6f13cfd-af51-484c-86f6-c7bccfea82e8",
|
|
"_rev": 1780236871633,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 94
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "WhatsApp Web Catppuccin",
|
|
"description": "Soothing pastel theme for WhatsApp Web",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/whatsapp-web/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "WhatsApp Web Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/whatsapp-web",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/whatsapp-web",
|
|
"version": "2026.03.03",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/whatsapp-web/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Awhatsapp-web",
|
|
"description": "Soothing pastel theme for WhatsApp Web",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"lighterMessages": {
|
|
"type": "checkbox",
|
|
"label": "Elevated incoming messages",
|
|
"name": "lighterMessages",
|
|
"value": null,
|
|
"default": "0",
|
|
"options": null
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name WhatsApp Web Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/whatsapp-web\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/whatsapp-web\n@version 2026.03.03\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/whatsapp-web/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Awhatsapp-web\n@description Soothing pastel theme for WhatsApp Web\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 lighterMessages \"Elevated incoming messages\" 0\n==/UserStyle== */\n\n@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"web.whatsapp.com\") {\n /* Note: Some variables appear to be applied on :root,\n but without using :has there doesn't seem to be a good\n way to target the root whenever a certain theme is applied.\n */\n\n :root:has(> :not(.dark)),\n :root .color-refresh,\n .color-refresh,\n /* Layer under mount */\n .app-wrapper-web.app-wrapper-web,\n .app-wrapper-web.app-wrapper-web:root {\n #catppuccin(@lightFlavor);\n }\n\n :root:has(> .dark),\n .dark.color-refresh,\n .color-refresh.dark,\n /* Layer under mount */\n .dark .app-wrapper-web.app-wrapper-web,\n .dark .app-wrapper-web.app-wrapper-web:root {\n #catppuccin(@darkFlavor);\n }\n\n #initialLoad(@styles) {\n #RGB(splashscreen-startup-background, @styles[@crust]) !important;\n #RGB(splashscreen-startup-icon, @styles[@surface0]) !important;\n\n #RGB(splashscreen-primary-title, @styles[@text]) !important;\n\n #RGB(splashscreen-progress-primary, @styles[@@accentColor]) !important;\n #RGB(splashscreen-progress-background, @styles[@surface1]) !important;\n\n #RGB(splashscreen-secondary-lighter, @styles[@overlay2]) !important;\n\n #RGB(startup-icon, @styles[@surface1]) !important;\n #RGB(startup-background, @styles[@crust]) !important;\n\n #RGB(progress-background, @styles[@overlay0]) !important;\n }\n\n // Inital loading screen (Avoid FOUC)\n [style^=\"--splashscreen-startup-background: #F7F5F3;\"] {\n #initialLoad(@catppuccin[@@lightFlavor]);\n }\n\n [style^=\"--splashscreen-startup-background: #0A1014;\"] {\n #initialLoad(@catppuccin[@@darkFlavor]);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n @accentContent: if(@flavor = latte, @base, @crust);\n\n @emphasize: 10%;\n @deemphasize: if(@flavor = latte, 15%, 30%);\n @bubble-surface-deemp: 20%;\n\n @scrim: 30%;\n @pressed: 20%;\n\n #WDS(accent, @accent);\n #WDS(accent-deemphasized, fade(@accent, @deemphasize));\n #WDS(accent-emphasized, lighten(@accent, @emphasize));\n\n #WDS(secondary-negative, @red);\n #WDS(secondary-negative-deemphasized, fade(@red, @deemphasize));\n #WDS(secondary-negative-emphasized, @red);\n\n #WDS(secondary-positive, @green);\n #WDS(secondary-positive-deemphasized, fade(@green, @deemphasize));\n\n #WDS(secondary-warning, @yellow);\n #WDS(secondary-warning-deemphasized, fade(@yellow, @deemphasize));\n\n #WDS(content-default, @text);\n #WDS(content-deemphasized, @overlay2);\n #WDS(content-disabled, fade(@text, 50%));\n\n #WDS(content-on-accent, @accentContent);\n #WDS(content-action-default, @accent);\n #WDS(content-action-emphasized, lighten(@accent, @emphasize));\n #WDS(content-external-link, @blue);\n #WDS(content-inverse, @crust);\n #WDS(content-read, @blue);\n\n #WDS(background-wash-inset, @crust);\n #WDS(background-wash-plain, @crust);\n #WDS(background-elevated-wash-plain, @crust);\n #WDS(background-elevated-wash-inset, @crust);\n #WDS(background-dimmer, fade(#000, @scrim));\n #WDS(modal-backdrop-solid, @crust);\n\n #WDS(surface-default, @mantle);\n #WDS(surface-emphasized, @base);\n #WDS(surface-elevated-default, @base);\n #WDS(surface-elevated-emphasized, mix(@text, @base, @emphasize));\n #WDS(surface-highlight, fade(@text, @pressed));\n #WDS(surface-inverse, @text);\n #WDS(surface-pressed, fade(@text, @pressed));\n\n #WDS(lines-divider, fade(@text, 10%));\n #WDS(lines-outline-default, @overlay0);\n #WDS(lines-outline-deemphasized, fade(@text, @deemphasize));\n\n #WDS(persistent-activity-indicator, fade(@green, 90%));\n #WDS(persistent-always-black, #000);\n #WDS(persistent-always-white, #fff);\n #WDS(persistent-always-branded, @accent);\n\n #WDS(\n systems-bubble-surface-incoming,\n if(@lighterMessages = 1, @surface1, @base),\n );\n\n #WDS(\n systems-bubble-surface-outgoing,\n mix(@accent, @base, @bubble-surface-deemp),\n );\n #WDS(systems-bubble-content-deemphasized, fade(@text, 50%));\n\n #WDS(systems-bubble-surface-overlay, @mantle);\n #WDS(systems-bubble-surface-system, @mantle);\n\n #WDS(\n systems-bubble-surface-e2e,\n mix(@yellow, @mantle, @bubble-surface-deemp),\n );\n #WDS(systems-bubble-content-e2e, @yellow);\n\n #WDS(\n systems-bubble-surface-business,\n mix(@teal, @mantle, @bubble-surface-deemp),\n );\n\n #WDS(systems-chat-surface-composer, @base);\n #WDS(systems-chat-background-wallpaper, @crust);\n #WDS(systems-chat-foreground-wallpaper, @mantle);\n #WDS(systems-chat-surface-tray, @base);\n #WDS(systems-status-seen, fade(@text, 50%));\n\n #WDS(components-platform-gesture-bar, fade(@crust, 50%));\n #WDS(components-platform-status-bar, fade(@crust, 80%));\n #WDS(components-surface-nav-bar, @base);\n\n #WDS(app-wash, @surface0);\n\n #WDS(white, @crust);\n #RGB(white, @crust);\n\n #RGB(attachment-type-stickers-color, @green);\n #RGB(attachment-type-polls-color, @yellow);\n #RGB(attachment-type-contacts-color, @sky);\n #RGB(attachment-type-camera-color, @pink);\n #RGB(attachment-type-photos-color, @blue);\n #RGB(attachment-type-documents-color, @mauve);\n #RGB(attachment-type-audio-color, @peach);\n /* \\/ Note: Seems to be overwritten by a generated\n CSS variable, so has no effect :( */\n #RGB(attachment-type-event-color, @pink);\n\n #RGB(toast-background, @surface1);\n #RGB(toast-text, @text);\n\n #RGB(picker-background, @surface1);\n\n #RGB(butterbar-blue-nux-background, @sky);\n #RGB(butterbar-blue-nux-icon-background, darken(@sky, 30%));\n #RGB(blue-light, @blue);\n\n #RGB(gray-500, @overlay2);\n\n #RGB(focus-animation, mix(@accent, @base, 40%));\n #RGB(focus-animation-deeper, mix(@accent, @base, 30%));\n\n #RGB(startup-icon, @surface1);\n #RGB(startup-background, @crust);\n\n #RGB(progress-background, @surface0);\n\n /* \"About AI messages\" icon */\n .st0 {\n fill: @accent !important;\n stroke: @surface0;\n }\n\n /* TODO: Meta AI/other bot colours */\n\n input[type=\"time\"]::-webkit-datetime-edit-hour-field:focus,\n input[type=\"time\"]::-webkit-datetime-edit-minute-field:focus,\n input[type=\"time\"]::-webkit-datetime-edit-second-field:focus,\n input[type=\"time\"]::-webkit-datetime-edit-ampm-field:focus,\n input[type=\"date\"]::-webkit-datetime-edit-year-field:focus,\n input[type=\"date\"]::-webkit-datetime-edit-month-field:focus,\n input[type=\"date\"]::-webkit-datetime-edit-day-field:focus {\n background-color: @accent;\n color: @accentContent;\n }\n\n [data-icon=\"wa-wordmark-refreshed\"] path {\n fill: if(\n @flavor = latte,\n var(--WDS-persistent-always-branded),\n currentcolor\n );\n }\n\n /* Toasts */\n #wa-popovers-bucket\n + span\n > div\n button:nth-of-type(1):not(:has(> [data-icon=\"x-alt\"])) {\n color: var(--WDS-accent-emphasized);\n }\n\n /* Date picker */\n #RGB(date-picker-text-color, @text);\n .react-calendar__tile:disabled {\n color: @subtext0;\n }\n .react-calendar__month-view__days__day--neighboringMonth {\n color: @overlay2;\n }\n }\n}\n\n#WDS(@id, @color) {\n --WDS-@{id}: @color;\n --WDS-@{id}-RGB: #lib.rgbify(@color)[];\n --WDS-@{id}-rgb: #lib.rgbify(@color)[];\n}\n\n#RGB(@id, @color) {\n --@{id}: @color;\n --@{id}-rgb: #lib.rgbify(@color)[];\n}\n",
|
|
"originalDigest": "b7bc53753371f68790754ff402f01b73cbdf9c1a",
|
|
"_id": "63eda56e-cb92-4261-b3af-96fca577789b",
|
|
"_rev": 1780236871688,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 95
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "PythonAnywhere Catppuccin",
|
|
"description": "Soothing pastel theme for PythonAnywhere",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/pythonanywhere/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "PythonAnywhere Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/pythonanywhere",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/pythonanywhere",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/pythonanywhere/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Apythonanywhere",
|
|
"description": "Soothing pastel theme for PythonAnywhere",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name PythonAnywhere Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/pythonanywhere\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/pythonanywhere\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/pythonanywhere/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Apythonanywhere\n@description Soothing pastel theme for PythonAnywhere\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"www.pythonanywhere.com\"),\n domain(\"eu.pythonanywhere.com\"),\n domain(\"blog.pythonanywhere.com\") {\n @import url(\"https://python.catppuccin.com/pygments/catppuccin-variables.important.css\");\n\n @import (css)\n url(\"https://chroma.catppuccin.com/@{lightFlavor}-chroma-style.css\")\n (prefers-color-scheme: light);\n @import (css)\n url(\"https://chroma.catppuccin.com/@{darkFlavor}-chroma-style.css\")\n (prefers-color-scheme: dark);\n\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.css-variables();\n\n color-scheme: if(@flavor = latte, light, dark);\n\n ::selection {\n background-color: fade(@accent, 30%);\n }\n\n input,\n textarea {\n &::placeholder {\n color: @subtext0; // TODO: For some reason this (explicitly?) doesn't set !important like our template defaults do/did.\n }\n }\n\n /* Ace file editor */\n .ace_editor {\n background-color: @crust;\n color: @text;\n\n .ace_gutter,\n .ace_gutter-cell {\n background: @mantle;\n color: @overlay1;\n }\n .ace_print-margin {\n background: @mantle;\n }\n\n .ace_marker-layer {\n .ace_active-line {\n background-color: fade(@yellow, 20%);\n }\n .highlight-line-error {\n background-color: fade(@red, 20%);\n }\n .ace_bracket {\n border-color: @overlay1;\n }\n }\n\n .ace_doctype {\n color: @mauve;\n }\n .ace_cursor,\n .ace_xml.ace_text {\n color: @text;\n }\n\n .ace_heading {\n &.ace_1,\n &.ace_1 + .ace_heading {\n color: @red;\n }\n &.ace_2,\n &.ace_2 + .ace_heading {\n color: @peach;\n }\n &.ace_3,\n &.ace_3 + .ace_heading {\n color: @yellow;\n }\n &.ace_4,\n &.ace_4 + .ace_heading {\n color: @green;\n }\n &.ace_5,\n &.ace_5 + .ace_heading {\n color: @blue;\n }\n &.ace_6,\n &.ace_6 + .ace_heading {\n color: @mauve;\n }\n }\n\n .ace_list {\n color: @text;\n &.ace_markup {\n color: @sky;\n }\n }\n\n .ace_marker-layer .ace_selection {\n background: fade(@accent, 30%);\n }\n .ace_fold {\n background-color: @surface0;\n border-color: @surface1;\n }\n .ace_constant.ace_language,\n .ace_keyword,\n .ace_meta {\n color: @mauve;\n }\n .ace_xml,\n .ace_support.ace_class,\n .ace_support.ace_type {\n color: @yellow;\n }\n .ace_line .ace_identifier:not(:first-of-type),\n .ace_entity.ace_name.ace_function,\n .ace_constant {\n color: @blue;\n }\n .ace_paren,\n .ace_variable.ace_language {\n color: @red;\n }\n .ace_constant.ace_numeric {\n color: @peach;\n }\n .ace_entity.ace_other.ace_attribute-name,\n .ace_support.ace_constant,\n .ace_support.ace_function {\n color: @teal;\n }\n .ace_entity.ace_name.ace_tag,\n .ace_variable {\n color: @blue;\n }\n .ace_storage {\n color: @peach;\n }\n .ace_string {\n color: @green;\n }\n .ace_comment {\n color: @overlay2;\n }\n .ace_indent-guide {\n @svg: escape(\n '<svg width=\"1\" height=\"2\" xmlns=\"http://www.w3.org/2000/svg\"><path stroke=\"@{surface0}\" d=\"M0 0v2\"/></svg>'\n );\n\n background-image: url(\"data:image/svg+xml;utf8,@{svg}\");\n }\n }\n\n .ace_tooltip {\n background-color: @crust;\n color: @text;\n border-color: @surface0;\n }\n\n #ace_settingsmenu {\n background-color: @mantle;\n box-shadow: none;\n color: @subtext0;\n }\n\n #kbshortcutmenu {\n background-color: @mantle;\n box-shadow: none;\n\n .ace_optionsMenuEntry {\n &:hover,\n &:focus {\n background-color: @base;\n }\n }\n\n &,\n .ace_optionsMenuCommand {\n color: @subtext0;\n }\n\n .ace_optionsMenuKey {\n color: @accent;\n }\n }\n\n /* Console */\n\n x-screen {\n background-color: @base !important;\n color: @text !important;\n }\n\n .cursor-node {\n border-color: @accent !important;\n &[focus=\"true\"] {\n background-color: @accent !important;\n }\n }\n\n /* $ prompt character */\n [style*=\"color: rgb(0, 186, 19);\"] {\n color: @green !important;\n }\n\n /* ANSI colors */\n x-row span {\n /* Black & Bright Black */\n &[style^=\"color: rgb(0, 0, 0);\"] {\n color: if(@flavor = latte, @subtext1, @surface1) !important;\n }\n &[style*=\"background-color: rgb(0, 0, 0);\"] {\n background-color: if(@flavor = latte, @subtext1, @surface1) !important;\n }\n\n &[style^=\"color: rgb(85, 87, 83);\"] {\n color: if(@flavor = latte, @subtext1, @surface2) !important;\n }\n &[style*=\"background-color: rgb(85, 87, 83);\"] {\n background-color: if(@flavor = latte, @subtext1, @surface2) !important;\n }\n\n /* Red and Bright Red */\n &[style^=\"color: rgb(204, 0, 0);\"],\n &[style^=\"color: rgb(239, 41, 41);\"] {\n color: @red !important;\n }\n &[style*=\"background-color: rgb(204, 0, 0);\"],\n &[style*=\"background-color: rgb(239, 41, 41);\"] {\n background-color: @red !important;\n }\n /* Dim Red */\n &[style^=\"color: rgb(136, 0, 0);\"] {\n color: fade(@red, 80%) !important;\n }\n\n /* Green and Bright Green */\n &[style^=\"color: rgb(78, 154, 6);\"],\n &[style^=\"color: rgb(0, 186, 19);\"] {\n color: @green !important;\n }\n &[style*=\"background-color: rgb(78, 154, 6);\"],\n &[style*=\"background-color: rgb(0, 186, 19);\"] {\n background-color: @green !important;\n }\n /* Dim Green */\n &[style^=\"color: rgb(52, 103, 4);\"] {\n color: fade(@green, 80%) !important;\n }\n\n /* Yellow and Bright Yellow */\n &[style^=\"color: rgb(196, 160, 0);\"],\n &[style^=\"color: rgb(252, 233, 79);\"] {\n color: @yellow !important;\n }\n &[style*=\"background-color: rgb(196, 160, 0);\"],\n &[style*=\"background-color: rgb(252, 233, 79);\"] {\n background-color: @yellow !important;\n }\n /* Dim Yellow */\n &[style^=\"color: rgb(131, 107, 0);\"] {\n color: fade(@yellow, 80%) !important;\n }\n\n /* Blue and Bright Blue */\n &[style^=\"color: rgb(52, 101, 164);\"],\n &[style^=\"color: rgb(114, 159, 207);\"] {\n color: @blue !important;\n }\n &[style*=\"background-color: rgb(52, 101, 164);\"],\n &[style*=\"background-color: rgb(114, 159, 207);\"] {\n background-color: @blue !important;\n }\n /* Dim Blue */\n &[style^=\"color: rgb(35, 67, 109);\"] {\n color: fade(@blue, 80%) !important;\n }\n\n /* Pink and Bright Pink */\n &[style^=\"color: rgb(117, 80, 123);\"],\n &[style^=\"color: rgb(242, 0, 203);\"] {\n color: @pink !important;\n }\n &[style*=\"background-color: rgb(117, 80, 123);\"],\n &[style*=\"background-color: rgb(242, 0, 203);\"] {\n background-color: @pink !important;\n }\n /* Dim Pink */\n &[style^=\"color: rgb(78, 53, 82);\"] {\n color: fade(@pink, 80%) !important;\n }\n\n /* Teal and Bright Teal */\n &[style^=\"color: rgb(6, 152, 154);\"],\n &[style^=\"color: rgb(0, 181, 189);\"] {\n color: @teal !important;\n }\n &[style*=\"background-color: rgb(6, 152, 154);\"],\n &[style*=\"background-color: rgb(0, 181, 189);\"] {\n background-color: @teal !important;\n }\n /* Dim Teal */\n &[style^=\"color: rgb(4, 101, 103);\"] {\n color: fade(@teal, 80%) !important;\n }\n\n /* White */\n &[style^=\"color: rgb(211, 215, 207);\"] {\n color: if(@flavor = latte, @surface2, @subtext1) !important;\n }\n &[style*=\"background-color: rgb(211, 215, 207);\"] {\n background-color: if(@flavor = latte, @surface2, @subtext1) !important;\n }\n /* Bright White */\n &[style^=\"color: rgb(238, 238, 236);\"] {\n color: if(@flavor = latte, @surface1, @subtext0) !important;\n }\n &[style*=\"background-color: rgb(238, 238, 236);\"] {\n background-color: if(@flavor = latte, @surface1, @subtext0) !important;\n }\n /* Dim White */\n &[style^=\"color: rgb(141, 143, 138);\"] {\n color: fade(if(@flavor = latte, @surface2, @subtext1), 80%) !important;\n }\n }\n\n #terminal div {\n &[style*=\"color: rgb(16, 16, 16);\"] {\n color: @text !important;\n }\n\n &[style*=\"background-color: rgb(240, 240, 240);\"] {\n background-color: @crust !important;\n }\n }\n\n body,\n .dark {\n background-color: @base;\n color: @text;\n }\n\n a {\n &,\n &:hover,\n &:focus {\n color: @accent;\n }\n }\n\n hr,\n pre {\n border-color: @surface0;\n }\n\n small,\n .small {\n color: @subtext0;\n }\n\n input,\n button:not(.close, [class*=\"btn\"], [data-toggle=\"dropdown\"]) {\n background-color: @crust;\n border-color: @surface0;\n\n &:hover,\n &:focus {\n background-color: @mantle;\n }\n\n i.glyphicon {\n pointer-events: none;\n }\n }\n\n blockquote {\n border-color: @surface0;\n\n footer,\n small,\n .small {\n color: @subtext0;\n }\n }\n\n .footer p {\n color: @text;\n }\n\n .gsc-modal-background-image {\n background-color: @base;\n }\n\n .gsc-results-wrapper-overlay {\n background-color: @mantle;\n color: @subtext0;\n }\n\n input.gsc-input,\n .gsc-input-box,\n .gsc-input-box-hover,\n .gsc-input-box-focus {\n border-color: @surface0;\n }\n\n .gsc-completion-container {\n background-color: @crust;\n border-color: @surface0;\n }\n\n .gsc-completion-selected {\n background-color: @mantle;\n }\n\n input.gsc-input {\n background-color: @mantle;\n }\n\n .gsc-input-box,\n .gsc-results {\n background-color: @mantle;\n }\n\n .gsc-option-menu-item-highlighted {\n background-color: @base;\n color: @text;\n }\n\n .gsc-selected-option-container {\n background-color: @crust;\n color: @text;\n border-color: @surface0;\n }\n\n .gsc-webResult.gsc-result {\n border-color: @surface0;\n background-color: @mantle;\n }\n\n .gsc-search-button-v2 {\n &,\n &:hover,\n &:focus {\n border-color: @surface0;\n background-color: @crust;\n color: @text;\n }\n svg {\n fill: @text;\n }\n }\n\n .gsc-result-info,\n .gsc-orderby-label,\n .gsc-option-menu-item {\n color: @subtext0;\n }\n\n .gcsc-find-more-on-google {\n color: @accent;\n }\n\n .gcsc-find-more-on-google-magnifier {\n fill: @accent;\n }\n\n .gsc-results .gsc-cursor-box .gsc-cursor-page {\n color: @text;\n background-color: unset;\n }\n\n .gsc-control-cse .gsc-option-menu {\n background-color: @crust;\n }\n\n .gs-webResult div.gs-visibleUrl {\n color: @subtext0;\n }\n\n .gs-webResult.gs-result a.gs-title {\n &,\n &:hover,\n &:focus,\n b {\n color: @accent;\n }\n }\n\n .gs-webResult .gs-snippet {\n color: @text;\n }\n\n .badge {\n background-color: @crust;\n\n &:hover,\n &:focus {\n background-color: @mantle;\n }\n }\n\n .dashboard-panel__headline a {\n text-decoration-color: @accent;\n }\n\n .dashboard-columns {\n border-top-color: @surface0;\n\n &::before {\n background-color: @surface0;\n }\n\n .row > div {\n border-color: @surface0;\n }\n }\n\n .pagination > li {\n > span,\n > a {\n background-color: @crust;\n border-color: @surface0;\n color: @text;\n\n &:hover,\n &:focus {\n background-color: @mantle;\n }\n }\n }\n\n textarea {\n background-color: @crust;\n outline-color: @surface0;\n border-color: none;\n outline-style: solid;\n\n &:focus {\n outline-color: @accent;\n }\n }\n\n .jumbotron {\n background-color: @mantle;\n }\n\n .jumbotron > hr {\n border-top-color: @mantle;\n }\n\n .top-nav {\n background: @crust;\n\n li a,\n li button.btn-link {\n color: @text;\n }\n\n button:focus,\n a:focus,\n li a:focus {\n background-color: @crust;\n }\n }\n\n .err {\n border-color: @red;\n }\n\n .btn-success,\n .open > .dropdown-toggle.btn-success {\n &,\n &:focus,\n &.focus,\n &:active,\n &.active,\n &:hover {\n color: @mantle;\n background-color: @green;\n border-color: @surface0;\n }\n }\n\n .btn-success .badge {\n color: @green;\n background-color: @crust;\n }\n\n tr.hoverable:hover {\n background-color: @mantle;\n }\n\n td {\n &.file_size,\n &.file_timestamp {\n color: @subtext0;\n }\n }\n\n span[style=\"color: blue;\"] {\n color: @text !important;\n }\n\n [style=\"color: #888\"],\n [style=\"color: #444\"] {\n color: @text !important;\n }\n\n .btn-info,\n .btn-primary,\n .open > .dropdown-toggle.btn-info,\n .open > .dropdown-toggle.btn-primary {\n &,\n &:focus,\n &.focus,\n &:active,\n &.active,\n &:hover {\n color: @base;\n background-color: @accent;\n border-color: @surface0;\n }\n }\n\n .label-primary {\n background-color: @accent;\n color: @crust;\n }\n\n .label-info {\n background-color: @accent;\n color: @crust;\n }\n\n .label-danger {\n background-color: @red;\n color: @crust;\n }\n\n .btn-danger {\n background-color: @red;\n border-color: @red;\n color: @crust;\n\n &:hover,\n &:focus {\n background-color: darken(@red, 5%);\n color: @mantle;\n }\n }\n\n .btn-warning {\n background-color: @yellow;\n border-color: @yellow;\n color: @mantle;\n\n &:hover,\n &:focus {\n background-color: darken(@yellow, 5%);\n color: @mantle;\n }\n }\n\n .edit_value {\n color: @accent;\n }\n\n .btn-info .badge,\n .btn-primary .badge {\n color: @accent;\n background-color: @crust;\n }\n\n .alert-success,\n .alert-info,\n .alert-warning,\n .alert-danger {\n border-color: @surface0;\n\n &,\n small {\n color: @base;\n }\n\n button {\n background-color: unset;\n }\n\n hr {\n border-top-color: @surface0;\n }\n\n a {\n color: @base;\n text-decoration: underline;\n }\n\n .close {\n &,\n &:hover,\n &:focus {\n color: @crust;\n }\n }\n }\n\n .alert-success {\n background-color: @green;\n }\n\n .alert-info {\n background-color: @accent;\n }\n\n .alert-warning {\n background-color: @yellow;\n }\n\n .alert-danger {\n background-color: @red;\n }\n\n .close {\n opacity: 100%;\n text-shadow: none;\n\n &,\n &:hover,\n &:focus {\n color: @text;\n background: none;\n }\n }\n\n .form-control {\n color: @text;\n background-color: @crust;\n border-color: @surface0;\n box-shadow: inset 0 1px 1px @surface0;\n\n &:focus {\n border-color: @surface0;\n box-shadow: inset 0 1px 1px @surface0;\n }\n\n &[disabled],\n &[readonly] {\n background-color: @mantle;\n }\n }\n\n .help-block {\n color: @text;\n }\n\n .pricing_table ul {\n background-color: @base;\n }\n\n .pricing_table ul li {\n background: @mantle;\n }\n\n .pricing_table ul li:first-child,\n .account_type_header {\n color: @text;\n }\n\n .sub_and_dark_blue,\n .scheduled_task:not(.enabled) {\n color: @subtext0;\n }\n\n #id_initializing_mysql_spinner {\n background-color: @crust !important;\n color: @text;\n }\n\n .directory_listing_table i.pale {\n color: @subtext0;\n opacity: 100%;\n }\n\n .pricing_table ul.Free li {\n background-color: @mantle;\n }\n\n .col-md-12 {\n div[style*=\"background-color\"] {\n background-color: @mantle !important;\n }\n\n h1[style*=\"color\"] {\n color: @text !important;\n }\n }\n\n .table {\n background-color: @base;\n\n th,\n td {\n border-top-color: @surface0;\n }\n\n > thead th {\n border-bottom-color: @surface0;\n }\n\n .success,\n .info,\n .warning,\n .danger {\n background-color: @base;\n\n &,\n td,\n th {\n &,\n &:hover {\n background-color: @base;\n }\n }\n }\n\n td.active,\n th.active,\n &.active td,\n &.active th {\n background-color: @mantle;\n }\n }\n\n .table-bordered {\n border-color: @surface0;\n\n th,\n td {\n border-color: @surface0;\n }\n }\n\n .table-striped > tbody > tr:nth-of-type(odd),\n .table-hover > tbody > tr:hover {\n background-color: @mantle;\n }\n\n .highlighted_feature_text {\n color: @green;\n }\n\n .text-muted {\n color: @subtext0;\n }\n\n .modal-header {\n border-bottom-color: @surface0;\n }\n\n .modal-content {\n background-color: @base;\n border-color: @surface0;\n box-shadow: 0 3px 9px @crust;\n }\n\n .modal-backdrop {\n background-color: @crust;\n }\n\n .directories_listing_group h4,\n .page-header,\n .gsc-above-wrapper-area,\n .nav-tabs,\n .property_group_header {\n border-bottom-color: @surface0;\n }\n\n .nav-tabs a {\n &:hover,\n &:focus {\n border-color: @surface0 !important;\n }\n }\n\n .popover {\n background-color: @mantle;\n border-color: @surface0;\n box-shadow: none;\n\n &.top > .arrow {\n &,\n &::after {\n border-top-color: @mantle;\n }\n }\n\n &.right > .arrow {\n &,\n &::after {\n border-right-color: @mantle;\n }\n }\n\n &.left > .arrow {\n &,\n &::after {\n border-left-color: @mantle;\n }\n }\n\n &.bottom > .arrow {\n &,\n &::after {\n border-bottom-color: @mantle;\n }\n }\n }\n\n .popover-title {\n background-color: @mantle;\n border-bottom-color: @surface0;\n }\n\n .modal-footer {\n border-top-color: @surface0;\n }\n\n .unsorted {\n color: @subtext0;\n }\n\n .sorted-up,\n .sorted-down {\n color: @accent;\n }\n\n .ui-widget-content {\n border-color: @surface0;\n background: @mantle;\n color: @text;\n }\n\n .ui-state-default {\n border-color: @surface0;\n background: @surface1;\n color: @text;\n }\n\n .bootstrap-switch {\n border-color: @surface0;\n\n &.bootstrap-switch-focused {\n border-color: @surface0;\n box-shadow: none;\n }\n\n .bootstrap-switch-label {\n color: @text;\n background-color: @surface0;\n }\n\n .bootstrap-switch-handle-off,\n .bootstrap-switch-handle-on {\n color: @text;\n background-color: @crust;\n\n &.bootstrap-switch-success,\n &.bootstrap-switch-warning,\n &.bootstrap-switch-danger,\n &.bootstrap-switch-primary {\n color: @base;\n }\n\n &.bootstrap-switch-success {\n background-color: @green;\n }\n\n &.bootstrap-switch-warning {\n background-color: @yellow;\n }\n\n &.bootstrap-switch-danger {\n background-color: @red;\n }\n\n &.bootstrap-switch-primary {\n background-color: @accent;\n }\n }\n }\n\n .tooltip-inner {\n color: @text;\n background-color: @crust;\n }\n\n .tooltip {\n &.right .tooltip-arrow {\n border-right-color: @crust;\n }\n\n &.left .tooltip-arrow {\n border-left-color: @crust;\n }\n\n &.top,\n &.top-left,\n &.top-right {\n .tooltip-arrow {\n border-top-color: @crust;\n }\n }\n\n &.bottom,\n &.bottom-left,\n &.bottom-right {\n .tooltip-arrow {\n border-bottom-color: @crust;\n }\n }\n }\n\n .has-error {\n .help-block,\n .control-label,\n .radio,\n .checkbox,\n .radio-inline,\n .checkbox-inline,\n label {\n color: @red;\n }\n }\n\n .success-stories-container {\n background-color: @mantle;\n color: @text;\n\n h3 {\n color: @text;\n }\n }\n\n .gsc-control-cse {\n border-color: @surface0;\n background-color: @base;\n }\n\n .post_metadata {\n color: @subtext0;\n }\n\n .ui-widget-header {\n background-color: @base;\n border-color: @surface0;\n color: @text;\n }\n\n .fullscreen-main-navbar {\n background-color: @mantle;\n }\n\n .dropdown-menu {\n background-color: @mantle;\n border-color: @surface0;\n box-shadow: none;\n\n > li > a {\n color: @text;\n\n &:hover,\n &:focus {\n background-color: @base;\n }\n }\n }\n\n .fullscreen-main-navbar button.btn-link {\n &:hover,\n &:focus {\n background-color: @base;\n }\n }\n\n .navbar-default .btn-link {\n &,\n &:hover,\n &:focus {\n color: @text;\n }\n }\n\n .btn.btn-default {\n border-color: @accent;\n color: @accent;\n background-color: @base;\n\n &:hover,\n &:focus {\n background-color: @surface0;\n }\n }\n\n .well {\n background-color: @mantle;\n border-color: @surface0;\n }\n\n .icon-bar {\n background-color: @text;\n }\n\n .nav-tabs > li,\n .nav-pills > li {\n > a {\n border-color: @surface0;\n\n &,\n &:hover,\n &:focus {\n color: @accent;\n }\n }\n\n &.active > a {\n &,\n &:focus {\n background-color: @mantle;\n }\n\n &:hover,\n &:focus {\n background-color: @crust;\n }\n }\n\n &:not(.active) > a {\n &:hover,\n &:focus {\n background-color: @mantle;\n }\n }\n }\n\n .ui-state-highlight {\n border-color: @accent;\n background: @accent;\n color: @base;\n }\n\n .primary-navbar {\n a,\n form,\n .active {\n background-color: @base;\n }\n\n form .btn-link {\n color: @accent;\n }\n\n .active a {\n color: @text;\n }\n }\n\n .post,\n .topic {\n background-color: @mantle;\n border-color: @surface0;\n }\n\n .editable-click {\n &,\n &:hover,\n &:focus {\n border-bottom-color: @subtext0;\n }\n }\n\n [style*=\"background: whitesmoke;\"] {\n background-color: @mantle !important;\n }\n\n @media (min-width: 768px) {\n .modal-content {\n box-shadow: 0 5px 15px @crust;\n }\n }\n\n @media screen and (max-width: 767px) {\n .table-responsive {\n border-color: @surface0;\n }\n }\n\n #id_main_screenshot {\n box-shadow: 12px 12px 29px @surface1;\n }\n\n #id_hosting_details,\n #id_education_details {\n &,\n h1,\n h2,\n h3 {\n background-color: @mantle;\n color: @text;\n }\n\n .btn {\n color: @crust !important;\n }\n\n a {\n color: @accent;\n }\n }\n\n #id_develop_anywhere_details {\n background-color: @base;\n }\n\n #id_support_details {\n background-color: @base;\n\n a {\n color: @accent !important;\n }\n }\n\n #id_company_info_strip {\n color: @text;\n }\n\n .console_table .info_tooltip {\n color: @accent;\n }\n\n #id_console_name {\n color: @text;\n }\n\n .beginner_pane,\n .pricing_pane {\n background-color: @mantle;\n }\n\n #id_error_message,\n #id_login_error {\n color: @red;\n }\n\n .post_preview {\n background-color: @base;\n\n h3 {\n color: @text;\n }\n }\n\n .teacher-navbar {\n background-color: @mantle;\n color: @text;\n }\n\n .nav > li > a:focus {\n background: none;\n }\n\n /* blog */\n\n .site-header {\n background-color: @crust;\n }\n\n h1,\n h2,\n h3,\n h4,\n code {\n color: @text !important;\n }\n\n button code {\n background: none !important;\n color: inherit !important;\n }\n\n p,\n .tipue_search_content_text,\n .tipue_search_content_bold,\n #tipue_search_error,\n #tipue_search_results_count,\n .post-meta {\n color: @subtext0;\n }\n\n .navbar-default .navbar-toggle {\n &:hover,\n &:focus {\n background-color: @mantle;\n }\n }\n\n button:not(.btn-link, .btn, [data-toggle=\"dropdown\"]),\n .pagination a,\n #tipue_search_foot_boxes li.current,\n #tipue_search_foot_boxes li a {\n background-color: @accent;\n color: @crust;\n border-color: @accent;\n }\n\n button:disabled,\n .pagination .disabled {\n background-color: darken(@accent, 5%);\n border-color: darken(@accent, 5%);\n }\n\n #tipue_search_input,\n form.navbar-search {\n background-color: @mantle;\n color: @text;\n }\n\n svg {\n fill: @subtext0;\n }\n\n .fa-at,\n .fa-twitter,\n .fa-rss {\n filter: @text-filter;\n }\n\n .hide_search_icon path {\n stroke: @subtext0;\n }\n\n footer,\n footer .wrap {\n background-color: @crust;\n color: @text;\n border-color: @crust;\n }\n\n .pagination a,\n #tipue_search_foot_boxes li.current,\n #tipue_search_foot_boxes li a {\n background-color: @accent;\n color: @crust;\n border-color: @accent;\n }\n\n img[src*=\"ssl.gstatic.com/ui/v1/disclosure/small-grey-disclosure-arrow-down.png\"],\n img[src*=\"/static/anywhere/images/staff.png\"],\n img[src*=\"/static/glyphicons/glyphicons_\"],\n img[src=\"/static/anywhere/images/PA-logo-snake-only.svg\"],\n .testimonial-content,\n .quickstart_logo:not([src$=\"/django-logo-negative-small.png\"]),\n .ui-icon {\n filter: @text-filter;\n }\n\n img[src*=\"/static/anywhere/images/cross.png\"] {\n filter: @red-filter;\n }\n\n img[src*=\"/static/anywhere/images/tick.png\"] {\n filter: @green-filter;\n }\n\n .quickstart_logo[src$=\"/django-logo-negative-small.png\"] {\n // Original image has background - can't filter\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"160\" height=\"73\" viewBox=\"0 0 260 90\"><path d=\"M19.587 44.065c-.043 8.197 5.968 13.084 15.56 10.862V33.202c-9.713-2.958-15.52 3.027-15.56 10.863M35.441 1.789h13.21v62.533c-12.663 2.07-24.79 3.383-33.468-1.468-11.171-6.246-12.07-26.096-3.23-34.936 4.483-4.482 13.506-7.638 23.194-5.578V2.67c-.025-.417-.049-.832.294-.881m34.642 13.798h-13.21V1.789h13.21zm158.536 39.927c14.402 5.597 15.995-25.778 1.468-22.9-9.022 1.789-8.732 20.078-1.468 22.9m.587-33.762c10.998-1.176 19.296 3.678 22.606 11.156 5.648 12.76-.31 27.403-9.394 31.708-4.709 2.23-9.639 2.443-14.093 2.055-13.767-1.2-22.449-15.23-17.615-30.827.757-2.44 1.607-3.934 2.056-4.697 2.992-5.088 8.044-8.497 16.44-9.395M88.286 50.524c-3.654 6.14 5.527 7.612 11.45 5.871v-9.1c-4.551.635-9.73.339-11.45 3.229m23.193 14.385c-10.913.628-27.498 4.346-33.469-2.935-3.507-4.279-3.13-12.438 0-16.441 4.046-5.173 12.876-6.301 20.845-7.046.723-1.782.235-4.68-.587-5.872-7.29-1.857-14.531 1.02-19.67 3.229V25.569c7.762-3.566 25.74-7.321 31.12.88 2.825 4.308 1.76 11.821 1.76 18.496zm46.386.588h-13.21V48.469c0-5.607.906-12.716-2.057-14.973-2.32-1.769-7.824-.881-11.155 0v32h-13.212V24.688c13.506-3.508 37.883-7.27 39.634 9.688.864 8.361-.64 20.904 0 31.12m19.67-14.092c2.224 3.597 8.244 4.946 13.211 2.643a424 424 0 0 1-.293-21.139c-11.418-3.016-18.222 9.916-12.918 18.496m33.175-27.89c-1.176 3.522-2.896 6.498-4.403 9.688-1.362.305-2.542-.54-3.23 0-.301 14.311 3.048 33.712-2.642 44.038-3.426 6.217-9.734 10.205-19.377 10.862-7.024.48-12.477-.668-17.615-2.642V73.13c6.027 3.518 21.255 6.387 25.542-.881 1.261-2.139 1.181-4.349 1.761-7.633-2.76.145-5.439 1.423-8.807 1.468-13.846.183-22.412-10.841-19.083-26.13 1.288-5.913 4.753-10.675 9.395-13.504 9.642-5.877 24.463-5.43 38.46-2.936\" fill=\"@{text}\"/><path d=\"M70.083 22.574c-.014 9.728-.012 16.72-.013 28.538-.561 11.615-.43 20.864-4.684 26.421-.838 1.096-2.62 2.695-4.11 3.817-1.251.942-3.637 2.853-4.99 2.936-1.366.084-4.873-1.895-6.46-2.643-2.084-.981-4.01-2.285-6.165-2.935 5.025-3.114 9.796-5.449 11.743-11.744 1.694-5.474 1.468-13.407 1.468-21.138 0-7.634.034-16.509.034-23.249z\" fill=\"@{text}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n img[src$=\"/images/PA-logo.svg\"] {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 776.8 166\"><path d=\"M197.99 41.73c-2.1-2.4-5.1-3.7-8.8-3.7s-6.5 1.2-8.7 3.7h.1q-3.3 3.75-3.3 9c0 3.7 1.2 6.8 3.2 9.2v-.1c2.1 2.5 5 3.7 8.7 3.7s6.7-1.2 8.9-3.7h-.1c2.2-2.5 3.2-5.5 3.2-9.1s-1.1-6.6-3.2-9m3 21c-3.1 3.2-7 5-11.9 5-4.6 0-8.9-1.9-11.9-4.9 0 0-.1 0-.1-.1v21.7h-4.3v-50h4.4v4.3l.1-.1c3.1-3.2 7-4.8 11.9-4.8s8.9 1.7 11.9 4.8c3.1 3.2 4.6 7.2 4.6 12.1s-1.7 9-4.7 12m42.2 17c-2.9 3.1-6.9 4.6-11.8 4.6q-5.85 0-11.4-3.6l1.5-4.3c2.2 1.6 4.4 2.6 6.4 3.1 1.3.3 2.6.5 3.6.5 3.7 0 6.5-1.2 8.5-3.5s3-5.1 3-8.9v-3.3c-2.3 2.2-5.3 3.2-9 3.2-4.3 0-7.7-1.6-10.1-4.4-2.2-2.7-3.2-6.2-3.2-10.5v-18.2h4.3v19.3c0 2.9.8 5.2 2.4 7h-.1c1.7 2 3.9 2.9 6.7 2.9s5-.9 6.6-2.8c1.6-1.7 2.4-4.1 2.4-7.1v-19.3h4.4v33.4c-.1 4.8-1.4 8.8-4.2 11.9m33.8-12.8c-8.5 0-12.6-3.9-12.6-11.7v-30.2h4.3v9.4h9.1v4.4h-9.1v16.2c0 5.1 2.7 7.8 8.3 7.8h2.7v4.1zm39.5.2v-19.2c0-2.7-.8-5.2-2.2-7.1-1.6-1.7-3.7-2.8-6.3-2.8-3.1 0-5.5 1.2-7.3 3.2-1.6 2.2-2.4 5-2.4 8.1v17.7h-4.3v-47.6h4.3v18.5c2.4-2.4 6.1-4.2 9.7-4.2 4.1 0 7.5 1.5 9.7 4.4 2 2.6 3.2 6.1 3.2 10.2v18.8zm42.9-25.5c-2.1-2.4-5.1-3.7-8.8-3.7-3.6 0-6.6 1.5-8.8 3.7-1.9 2.2-3.2 5.5-3.2 9 0 3.7 1.2 6.8 3.2 9.2 2.2 2.2 5.2 3.6 8.8 3.6 3.7 0 6.6-1.2 8.8-3.7h-.1c2.2-2.6 3.3-5.5 3.3-9.1s-1.1-6.6-3.2-9m3.2 21.2c-3.1 3.2-7 4.8-11.9 4.8-4.8 0-8.8-1.7-11.8-4.8-3.2-3.2-4.6-7.3-4.6-12.1 0-4.9 1.7-8.8 4.6-12 3.1-3.3 7-4.9 11.8-4.9 5 0 9 1.7 12 4.9s4.5 7.1 4.5 12c-.1 5-1.6 9-4.6 12.1m40.5 4.3v-19.2c0-2.9-.8-5.2-2.4-7.1l.1.1c-1.7-1.9-4-2.9-6.7-2.9-2.8 0-4.9.9-6.6 2.6-1.6 1.7-2.5 3.8-2.5 6.6v20l-4.3-.1v-32.8h4.3v2.8c2.3-2.1 5.5-3.3 9.1-3.3 4.3 0 7.6 1.5 10.1 4.5v-.1c2.2 2.5 3.3 6.1 3.3 10.5v18.4z\" fill=\"@{accent}\"/><path d=\"M449.89 41.63c-2.1-2.4-5.1-3.7-8.8-3.7-3.6 0-6.6 1.5-8.8 3.7-1.9 2.2-3.2 5.5-3.2 9 0 3.7 1.2 6.8 3.2 9.2 2.2 2.2 5.2 3.6 8.8 3.6 3.7 0 6.6-1.2 8.8-3.7h-.1c2.2-2.6 3.3-5.5 3.3-9.1s-1.1-6.6-3.2-9m3.2 25.5v-4.3l-.1.1c-3.1 3.2-5.2 4.8-10.4 4.8-4.8 0-10.4-1.7-13.4-4.8-3.2-3.2-4.6-7.3-4.6-12.1 0-4.9 1.7-8.8 4.6-12 3.1-3.3 7-4.9 11.8-4.9 4.7 0 9 1.8 11.9 4.8 0 0 .1 0 .1.1v-4.3h4.4v32.7h-4.3zm44.2 0v-19.2c0-2.9-.8-5.2-2.4-7.1l.1.1c-1.7-1.9-4-2.9-6.7-2.9-2.8 0-4.9.9-6.6 2.6-1.6 1.7-2.5 3.8-2.5 6.6v20l-4.3-.1v-32.8h4.3v2.8c2.3-2.1 5.5-3.3 9.1-3.3 4.3 0 7.6 1.5 10.1 4.5v-.1c2.2 2.5 3.3 6.1 3.3 10.5v18.4zm43.7 12.6c-2.9 3.1-6.9 4.6-11.8 4.6q-5.85 0-11.4-3.6l1.5-4.3c2.2 1.6 4.4 2.6 6.4 3.1 1.3.3 2.6.5 3.6.5 3.7 0 6.5-1.2 8.5-3.5s3-5.1 3-8.9v-3.3c-2.3 2.2-5.3 3.2-9 3.2-4.3 0-7.7-1.6-10.1-4.4-2.2-2.7-3.2-6.2-3.2-10.5v-18.2h4.3v19.3c0 2.9.8 5.2 2.4 7h-.1c1.7 2 3.9 2.9 6.7 2.9s5-.9 6.6-2.8c1.6-1.7 2.4-4.1 2.4-7.1v-19.3h4.4v33.4c0 4.8-1.3 8.8-4.2 11.9m53.5-15.6c-.9 2.4-2.2 3.7-4.1 3.7-2 0-3.3-1.2-4.2-3.7l-3.2-8.5c-1.1 2.8-2.1 5.8-3.2 8.5-.9 2.4-2.5 3.7-4.2 3.7-2 0-3.3-1.2-4.2-3.7l-11.1-29.7h4.6l10.4 27.8v-.1c.2.7.4.9.3.9.1 0 .1-.2.4-.9v.1c1.6-4.3 3.2-8.3 4.7-12.6-1.8-4.6-3.9-10.5-5.6-15.2h4.5l10.4 27.8v-.1c.2.7.3.9.3.9s.1-.2.3-.8l10.4-27.8h4.7zm47.7 3v-19.2c0-2.7-.8-5.2-2.2-7.1-1.6-1.7-3.7-2.8-6.3-2.8-3.1 0-5.5 1.2-7.3 3.2-1.6 2.2-2.4 5-2.4 8.1v17.7h-4.3v-47.6h4.3v18.5c2.4-2.4 6.1-4.2 9.7-4.2 4.1 0 7.5 1.5 9.7 4.4 2 2.6 3.2 6.1 3.2 10.2v18.8zm22.2-18.9h23.7c-.4-2.9-1.7-5.4-3.6-7.2-2.1-2-4.7-3.1-8.2-3.1-3.4 0-6.1 1.1-8.1 3.1-2.1 1.8-3.3 4.3-3.8 7.2m28.3 2.8c0 .3-.1 1.3-.1 1.4h-28.2c.4 3.2 1.7 5.8 3.7 7.7 2.2 2.1 5 3.2 8.5 3.2 1.9 0 3.9-.3 5.9-.9v.1c2.2-.7 3.9-1.9 5.5-3.4l3.2 3.1c-3.5 3.5-8.2 5.4-14.4 5.4-4.9 0-9-1.7-12-4.7-3.2-3.1-4.8-7.1-4.8-12.2 0-4.9 1.7-8.8 4.6-12 3.1-3.3 7-4.9 11.8-4.9s8.7 1.6 11.8 4.7 4.7 6.9 4.7 11.8c-.2.2-.1.3-.2.7m31.7-11.9-.7-.2c.1.1-.8-.1-1.4-.2-.4-.1-.7-.1-1.4-.2-2.4.2-4.9 1.3-6.6 3.7-1.8 2.3-2.7 5.7-2.7 10.1v14.7h-4.4v-32.6h4.4v4.2c2.4-2.4 6.2-4.4 10-4.4 0 0 .5.1 1.1.2s2.1.3 3.1.5v4.2zm14.2 9.106h23.7c-.4-2.9-1.7-5.4-3.6-7.2-2.1-2-4.7-3.1-8.2-3.1-3.4 0-6.1 1.1-8.1 3.1-2.2 1.8-3.3 4.3-3.8 7.2m28.2 2.8c0 .3-.1 1.3-.1 1.4h-28.2c.4 3.2 1.7 5.8 3.7 7.7 2.2 2.1 5 3.2 8.5 3.2 1.9 0 3.9-.3 5.9-.9v.1c2.2-.7 3.9-1.9 5.5-3.4l3.2 3.1c-3.5 3.5-8.2 5.4-14.4 5.4-4.9 0-9-1.7-12-4.7-3.2-3.1-4.8-7.1-4.8-12.2 0-4.9 1.7-8.8 4.6-12 3.1-3.3 7-4.9 11.8-4.9s8.7 1.6 11.8 4.7 4.7 6.9 4.7 11.8c-.1.2 0 .3-.2.7M69.69 103.93c-.5-.6-1.2-1-1.8-1.4-.5-.3-.7-.6-.6-1.3 1-5.9 1.9-11.8 2.8-17.8.6-4 1.2-8 1.9-12.2.9.6 1.8 1.2 2.6 1.8.2.2.1.5.1.7-.2 1.4-.4 2.9-.7 4.3-.5 3.2-1 6.5-1.5 9.7l-1.5 9.6c-.1.8-.2 1.7-.4 2.5.4.1.6-.2.9-.3 7.6-4 15.2-7.9 22.8-11.9l.6-.3c.2-.1.4-.2.6 0 .8.5 1.6 1.1 2.5 1.7-.4.2-.6.4-.9.5-8.8 4.6-17.5 9.2-26.3 13.8-.3.1-.6.2-.7.5zm-26.7-54c-.2 1.6-.5 3-.7 4.4-.7 4.6-1.5 9.1-2.2 13.7-.4 2.7-.9 5.4-1.3 8.1-.1.5-.3.7-.7.8-.8.2-1.7.5-2.5.8-.1-.2 0-.4 0-.6.8-5 1.6-9.9 2.4-14.9.8-4.8 1.5-9.7 2.3-14.5.1-.4.2-.7.7-.8.7-.2 1.3-.4 2-.6.4-.2.7-.1 1.1.2l5.1 5.1c5.4 5.4 10.9 10.8 16.3 16.1.1.1.2.3.4.4-1 .4-2 .6-2.9 1-.3.1-.5-.2-.6-.3-1.3-1.3-2.6-2.6-4-3.9-5-4.9-9.9-9.8-14.8-14.7-.2 0-.3-.1-.6-.3m26 15.5c-.8-.7-1.5-1.4-2.2-2.1-.2-.2-.1-.5 0-.7.6-1.8 1.2-3.6 1.9-5.4l6.6-18.9c.1-.2.2-.5.2-.7-.4-.1-.7.1-1 .2-8.2 2.6-16.3 5.1-24.5 7.7-1.3.4-.9.5-1.8-.4l-1.5-1.5c.2-.3.6-.3.9-.4 9.5-3 19-6 28.4-9 .7-.2 1.1-.1 1.6.4.3.4.8.8 1.2 1.2.4.3.4.7.3 1.1-1.1 3-2.1 6-3.2 9-2.2 6.3-4.4 12.6-6.6 18.8 0 .1-.1.4-.3.7m-1.7 6.3c-.2 1-.3 1.9-.4 2.9 0 .4-.3.4-.6.5-2.2.7-4.3 1.4-6.4 2-6.2 2-12.5 3.9-18.7 5.9-.2.1-.5.2-.8.3.2.3.5.5.8.6 7 4.8 14 9.7 21 14.5.6.4 1 .8.7 1.6-.2.7-.2 1.4-.4 2.1-.3 0-.5-.2-.7-.3-8.2-5.6-16.4-11.3-24.6-16.9-.5-.4-.7-.7-.6-1.4.1-.6.3-1.1.3-1.7 0-.5.3-.7.7-.8 9.7-3.1 19.5-6.1 29.2-9.2.1 0 .3 0 .5-.1m-22.2-61.3c-.1 1-.3 2-.4 2.9 0 .4-.4.4-.7.4-1.8.6-3.7 1.1-5.5 1.7-6.6 2-13.1 4-19.7 6-.2.1-.5.1-.7.4.3.2.5.4.8.6 7 4.9 13.9 9.9 20.9 14.8.5.4.7.7.6 1.4-.2.8-.3 1.5-.4 2.3-.3-.1-.5-.3-.8-.4l-24.3-17.1c-.6-.4-.8-.8-.6-1.4.1-.6.2-1.1.3-1.7 0-.4.2-.6.7-.8l6.9-2.1c7.4-2.2 14.7-4.5 22.1-6.7.2-.2.5-.2.8-.3m30 20.4c-.8.3-1.6.5-2.4.8-.5.2-.9.1-1.3-.3-2.7-2.8-5.5-5.5-8.3-8.3-3.3-3.3-6.6-6.6-10-9.9-.2-.2-.3-.5-.7-.6-.2 1-.4 2.1-.5 3.1-.8 4.7-1.5 9.4-2.3 14-.5 3-1 5.9-1.4 8.9-.1.5-.2.7-.7.8-.8.2-1.7.5-2.5.8-.1-.6.1-1.1.2-1.5l3-18.6c.5-3.3 1.1-6.6 1.6-9.9.1-.4.2-.6.6-.7.7-.2 1.3-.4 2-.6.5-.2.8-.1 1.2.3l8 8c4.3 4.3 8.7 8.6 13 12.9.1.2.4.4.5.8m3.682 42.481a20.4 20.4 0 0 1-.712-4.16c-.635-5.257-.08-10.33 1.965-15.2 3.138-7.6 8.544-13.236 15.913-16.83 3.631-1.752 7.526-2.983 11.586-3.701.279.32.151.712.13 1.011l.174 1.817c.072.406-.142.591-.548.663-2.65.617-5.313 1.433-7.797 2.562-6.722 2.939-11.852 7.492-15.12 14.08-2.209 4.357-3.135 9.003-2.878 13.933.109 1.31.217 2.622.426 3.94.072.405.05.705-.462.87-.819.243-1.745.58-2.677 1.015m13.858 9.69c.07-.997.032-1.902.102-2.9.028-.399.142-.591.647-.656 2.636-.417 5.186-1.04 7.57-2.177 8.794-3.896 14.57-10.51 16.928-19.868.963-3.742 1.129-7.54.795-11.372.014-.2-.065-.506-.05-.705.027-.4-.337-.926-.017-1.204.22-.286.72-.25 1.125-.323.713-.15 1.325-.308 2.044-.558.309 1.324.41 2.735.42 4.039a40 40 0 0 1-.294 8.5q-1.428 9.674-8.097 16.876c-4.766 5.08-10.696 8.174-17.413 9.609-1.232.415-2.45.63-3.76.74m29.26-57.199c.3.021.414-.171.62-.257 4.08-2.422 8.244-4.637 12.408-6.851.214-.186.52-.265.805-.044a77 77 0 0 0 2.789 1.698 3 3 0 0 1-.733.45c-5.205 2.744-10.501 5.38-15.705 8.125-.42.27-.74.55-1.068.927-1.912 2.974-3.93 6.04-5.843 9.015-.34.577-.34.577-.919.236s-1.055-.675-1.633-1.016-.577-.341-.243-.82l3.71-5.754c.782-1.149 1.465-2.304 2.247-3.452.22-.285.348-.677.376-1.076.304-5.793.702-11.48 1.107-17.265l.056-.798c.777.355 1.44.902 2.217 1.257.87.462 1.035.975.965 1.972-.358 3.685-.623 7.475-.881 11.166-.056.798-.211 1.59-.274 2.487\" fill=\"@{text}\"/><path d=\"M100.632 50.28c-.098 1.396-1.734 3.287-3.151 3.489-1.019.229-1.896-.133-2.545-.88s-.786-1.659-.424-2.536c.482-1.17 1.25-2.118 2.39-2.64.932-.436 1.83-.373 2.593.182.856.661 1.306 1.394 1.137 2.385m10.162 6.625c-.097 1.396-1.733 3.287-3.158 3.588-1.018.23-1.795-.125-2.545-.88q-.974-1.12-.43-2.435c.489-1.27 1.257-2.218 2.496-2.733 1.766-.879 3.77.564 3.637 2.46M11.89 25.83c.9.5 1.6 1.1 2.5 1.7.3.2.2.5.1.8l-.9 5.7c-1.1 6.8-2.2 13.5-3.3 20.3 0 .2-.2.5 0 .8.3-.2.6-.3.9-.5l22.5-12.3c.6-.3 1-.3 1.5.1.6.5 1.2.9 1.9 1.4-.2.3-.5.4-.7.5-8.7 4.8-17.4 9.5-26 14.3-.6.3-1 .4-1.5-.1-.4-.4-.9-.7-1.4-1-.4-.2-.5-.5-.4-.9.4-2.4.8-4.7 1.1-7.1 1.2-7.6 2.5-15.2 3.7-22.8q-.15-.45 0-.9m481.48 85.08c-.19-.28-.37-.56-.84-.56h-.47c-.47 0-.75.28-.84.56l-15.84 34.37c-.28.65.09 1.3.84 1.3h4.47c.84 0 1.3-.47 1.49-1.02l2.52-5.5h15.28l2.52 5.5c.37.75.75 1.02 1.49 1.02h4.47c.75 0 1.21-.65.84-1.3zm-6.33 23.47 5.03-11.18h.19l5.12 11.18zm54.87-23.47h-4.66c-.56 0-.93.47-.93.93v21.05h-.09l-21.24-22.54h-1.3c-.47 0-.93.37-.93.93v34.28c0 .47.47.93.93.93h4.66c.56 0 .93-.47.93-.93v-21.89h.09l21.33 23.38h1.21c.47 0 .93-.37.93-.93v-34.28c.09-.47-.37-.93-.93-.93m22.91 0c-.19-.28-.37-.56-.84-.56h-.47c-.47 0-.75.28-.84.56l-15.84 34.37c-.28.65.09 1.3.84 1.3h4.47c.84 0 1.3-.47 1.49-1.02l2.52-5.5h15.28l2.52 5.5c.37.75.75 1.02 1.49 1.02h4.47c.75 0 1.21-.65.84-1.3zm-6.33 23.47 5.03-11.18h.19l5.12 11.18zm49.93 3.07c-.28-.28-.84-.37-1.3 0-2.14 1.77-4.75 2.89-7.82 2.89-6.52 0-11.46-5.4-11.46-11.74 0-6.43 4.84-11.92 11.36-11.92 2.89 0 5.68 1.12 7.82 2.98a.9.9 0 0 0 1.3 0l3.07-3.17a.947.947 0 0 0-.09-1.4c-3.45-3.07-7.17-4.75-12.3-4.75-10.15 0-18.44 8.2-18.44 18.44 0 10.15 8.2 18.26 18.44 18.26 4.56 0 8.94-1.58 12.39-4.94.37-.37.47-1.02.09-1.4zm24.12-27.1c-10.15 0-18.26 8.2-18.26 18.44 0 10.15 8.1 18.26 18.26 18.26 10.15 0 18.35-8.1 18.35-18.26 0-10.25-8.19-18.44-18.35-18.44m0 30.09c-6.43 0-11.64-5.22-11.64-11.64 0-6.43 5.22-11.74 11.64-11.74s11.74 5.31 11.74 11.74c-.09 6.42-5.31 11.64-11.74 11.64m53.1-29.53h-4.66c-.56 0-.93.47-.93.93v21.05h-.09l-21.24-22.54h-1.3c-.47 0-.93.37-.93.93v34.28c0 .47.47.93.93.93h4.66c.56 0 .93-.47.93-.93v-21.89h.09l21.33 23.38h1.21c.47 0 .93-.37.93-.93v-34.28c0-.47-.47-.93-.93-.93m20.4 0h-12.11c-.47 0-.93.47-.93.93v33.72c0 .47.37.93.93.93h12.11c9.87 0 17.89-8.01 17.89-17.89-.01-9.68-8.02-17.69-17.89-17.69m-.56 29.43h-5.87v-23.29h5.78c6.61 0 11.46 5.03 11.46 11.64.09 6.62-4.76 11.65-11.37 11.65m52.54 5.03-15.74-34.28c-.19-.28-.37-.56-.84-.56h-.47c-.47 0-.75.28-.84.56l-15.84 34.28c-.28.65.09 1.3.84 1.3h4.47c.84 0 1.3-.47 1.49-1.02l2.52-5.5h15.28l2.52 5.5c.37.75.75 1.02 1.49 1.02h4.47c.55-.09.93-.65.65-1.3m-21.99-10.99 5.03-11.18h.19l5.12 11.18zm28.32 11.64h.28c.09 0 .19-.09.19-.19v-.93h.56l.37 1.02c0 .09.09.09.19.09h.37c.09 0 .19-.09.19-.19-.19-.28-.28-.65-.47-.93.28-.09.65-.37.65-.93 0-.65-.47-1.02-1.02-1.02h-1.21c-.09 0-.19.09-.19.19v2.7c0 .19 0 .19.09.19m.47-2.51h.75c.28 0 .37.19.37.37s-.19.37-.37.37h-.75z\" fill=\"@{text}\"/><path d=\"M765.28 147.51c1.68 0 2.98-1.3 2.98-2.98s-1.4-2.98-2.98-2.98c-1.68 0-2.98 1.4-2.98 2.98s1.31 2.98 2.98 2.98m0-5.49c1.3 0 2.42 1.12 2.42 2.42s-1.12 2.42-2.42 2.42-2.42-1.12-2.42-2.42 1.12-2.42 2.42-2.42m-360.96-30.4h3.37v12.1c0 1.14-.1 2.03-.1 2.03h.1s2.08-4.81 8.48-4.81c6.69 0 10.86 5.36 10.86 13.09 0 7.88-4.71 13.04-11.26 13.04-5.95 0-8.18-4.86-8.18-4.86h-.1s.1.84.1 2.03v2.23h-3.27zm11.21 32.48c4.41 0 8.03-3.72 8.03-10.07 0-6.1-3.22-10.02-7.88-10.02-4.17 0-8.08 2.98-8.08 10.07 0 5.01 2.58 10.02 7.93 10.02m15.58 8.63s1.39 1.14 2.98 1.14c2.18 0 3.72-1.79 4.71-4.07l1.54-3.52-10.41-24.75h3.72l7.34 18.2c.5 1.24.89 2.63.89 2.63h.1s.35-1.39.84-2.63l7.19-18.2h3.67l-12.3 30.15c-1.29 3.17-3.87 5.21-7.19 5.21-2.58 0-4.36-1.49-4.36-1.49z\" fill=\"@{text}\"/></svg>'\n );\n content: url(\"data:image/svg+xml;utf8,@{svg}\");\n }\n }\n}\n",
|
|
"originalDigest": "a41eee8a0ea7dfad201fa52c76651c0b059b875c",
|
|
"_id": "6d741dbf-17e1-4612-ae93-3d57f1b9f423",
|
|
"_rev": 1780236871854,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 96
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "paste.rs Catppuccin",
|
|
"description": "Soothing pastel theme for paste.rs",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/paste.rs/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "paste.rs Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/paste.rs",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/paste.rs",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/paste.rs/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Apaste.rs",
|
|
"description": "Soothing pastel theme for paste.rs",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name paste.rs Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/paste.rs\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/paste.rs\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/paste.rs/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Apaste.rs\n@description Soothing pastel theme for paste.rs\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"paste.rs\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n body {\n background-color: @base;\n color: @text;\n }\n\n a {\n color: @accent;\n }\n\n /* Web UI */\n textarea,\n select,\n input[type=\"submit\"] {\n background-color: @base;\n color: @text;\n border-color: @overlay0;\n border-radius: 4px;\n }\n textarea:focus,\n select:focus,\n input[type=\"submit\"]:focus {\n border-color: @accent;\n outline-color: @overlay0;\n }\n input[type=\"submit\"]:hover {\n background-color: @mantle;\n }\n\n main {\n color: @text;\n border-color: @surface0;\n }\n\n .code.gutter {\n background-color: @base !important;\n span {\n /* Line Numbers */\n color: @overlay0 !important;\n }\n }\n\n article.markdown-body {\n color: @text;\n\n h6 {\n color: @text;\n }\n\n a {\n color: @accent;\n }\n\n img {\n background: none;\n }\n\n pre {\n background: @surface0;\n }\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n border-color: @surface0;\n }\n\n blockquote {\n border-color: @surface1;\n\n p {\n color: @text;\n }\n }\n\n table {\n border-color: @surface0 !important;\n tr,\n th,\n td {\n border-color: @surface1;\n background: none !important;\n }\n }\n }\n\n /* Syntax-highlighted code */\n .code.text > pre {\n background-color: @base !important;\n background-image: none;\n\n span {\n color: red !important;\n }\n\n /* General Text, Braces, Delimiters, Parameters, Classes, Metadata */\n span[style*=\"color:#323232\"] {\n color: @text !important;\n }\n\n /* Keywords, Operators */\n span[style*=\"color:#a71d5d\"] {\n color: @mauve !important;\n }\n\n /* Strings */\n span[style*=\"color:#183691\"],\n span[style*=\"color:#ed6a43\"] {\n color: @green !important;\n }\n\n /* Comments */\n span[style*=\"color:#969896\"] {\n color: @overlay2 !important;\n }\n\n /* Constants, Numbers */\n span[style*=\"color:#0086b3\"] {\n color: @peach !important;\n }\n\n /* Methods, Functions */\n span[style*=\"color:#795da3\"],\n span[style*=\"color:#62a35c\"],\n span[style*=\"color:#63a35c\"] {\n color: @blue !important;\n }\n\n /* Errors */\n span[style*=\"background-color:#f5f5f5\"][style*=\"color:#b52a1d\"] {\n color: @text !important;\n background: fade(@red, 60%) !important;\n }\n }\n }\n}\n",
|
|
"originalDigest": "3dbbc6f7ebb510029fa07b7b3867350734d0c533",
|
|
"_id": "aeac9d91-9ea5-42ad-99b3-c019aa48d202",
|
|
"_rev": 1780236871924,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 97
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Pinterest Catppuccin",
|
|
"description": "Soothing pastel theme for Pinterest",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/pinterest/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Pinterest Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/pinterest",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/pinterest",
|
|
"version": "2025.10.09",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/pinterest/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Apinterest",
|
|
"description": "Soothing pastel theme for Pinterest",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Pinterest Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/pinterest\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/pinterest\n@version 2025.10.09\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/pinterest/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Apinterest\n@description Soothing pastel theme for Pinterest\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document regexp(\n \"^https?:\\\\/\\\\/(www|[a-z]{2}).pinterest.(com(.(au|mx))?|co(.(uk|kr))?|at|ca|ch|cl|de|dk|es|fr|ie|it|jp|nz|ph|pt|ru|se)\\\\/.*\"\n ) {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n &,\n body {\n color: @text;\n background: @base;\n }\n\n --sema-color-background-default: @base;\n --sema-color-background-secondary: @surface0;\n --sema-color-hover-background-secondary: @surface1;\n --sema-color-background-tertiary: @overlay0; // send message to conversation button\n --sema-color-hover-background-tertiary: @overlay2;\n --sema-color-text-default: @text;\n --sema-color-text-subtle: @subtext1;\n --sema-color-text-link: @accent; // links / messages username\n --sema-color-text-dark: @text; // commenter username / bar pills text\n --sema-color-text-light: if(\n @flavor = latte,\n @base,\n @text\n ); // Explore suggested articles link\n --sema-color-icon-primary: @accent; // logo\n --sema-color-icon-inverse: @mantle;\n --sema-color-border-decorative: @surface2;\n --sema-color-border-interactive: @overlay0; // form inputs\n --sema-color-hover-border-interactive: @overlay1;\n --sema-color-border-focus-outer-default: @accent;\n --sema-color-border-focus-inner-default: @base;\n --sema-color-border-disabled: @surface1;\n --sema-color-icon-disabled: @subtext0; // board actions in organize mode\n\n /* Pins */\n --sema-color-background-primary: @accent;\n --sema-color-hover-background-primary: darken(@accent, 5%);\n --sema-color-background-wash-light: @base;\n --sema-color-pressed-background-primary: darken(@accent, 5%);\n --comp-button-color-background-primary-selected: @surface1; // select dropdown\n --comp-button-color-background-tertiary-semi-transparent-default: fade(\n @base,\n 50%\n ); // pin action\n --comp-button-color-hover-background-tertiary-semi-transparent-default: fade(\n @base,\n 50%\n );\n\n [data-test-id=\"more-description-container\"] {\n background-color: @base !important;\n [style*=\"background: linear-gradient\"] {\n background: linear-gradient(90deg, transparent 0%, @base 100%)\n !important;\n }\n }\n [data-test-id=\"closeup-metadata-details-divider\"] {\n border-top-color: var(--sema-color-border-decorative) !important;\n }\n [data-test-id=\"PinBetterSaveDropdown\"] {\n --sema-color-text-inverse: @text;\n --sema-color-icon-inverse: @text;\n }\n\n --sema-color-text-error: @red;\n --sema-color-background-error-default: @maroon;\n --sema-color-icon-error: @red;\n --sema-color-border-error: @red;\n\n /* Boards */\n --sema-color-background-checked: @accent; // \"Secret\" toggle\n --sema-color-hover-background-checked: darken(@accent, 5%);\n --sema-color-pressed-background-checked: darken(@accent, 10%);\n --comp-switch-color-background-container-enabled-off: @surface2;\n --comp-switch-color-hover-background-container-enabled-off: @overlay0;\n --comp-button-color-hover-background-secondary-default: @surface1; // \"Cancel\" button hover\n\n [data-test-id=\"profile-board-card\"] [style*=\"border-color: white;\"] {\n // pin preview collage images\n border-color: @base !important;\n }\n\n --sema-color-border-inverse: @base; // around profile pictures under previews\n --sema-color-pressed-background-default: @surface2; // \"Edit\" icon / edit modal \"X\" icon buttons\n --comp-button-color-pressed-background-secondary-default: @surface2; // active \"View profile\" button\n --sema-color-pressed-background-elevation: @surface2; // plus action\n\n // \"select and reorder\" / organize\n [data-test-id=\"pinRepSelectionBorder\"] {\n &[style*=\"border-color: rgb(255, 255, 255);\"] {\n border-color: @base !important;\n }\n &[style*=\"box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px inset;\"] {\n box-shadow: @accent 0 0 0 3px inset !important;\n }\n }\n\n /* Sidebar */\n --sema-color-icon-default: @text;\n --sema-color-hover-background-default: @surface0;\n --base-color-grayscale-100: @surface0; // border\n [aria-label=\"You have new Updates\"] {\n --sema-color-text-light: @base; // notification badge\n }\n // Explore\n [data-test-id=\"topic-rep-title\"] {\n --sema-color-text-inverse: @text; // Explore categories\n }\n --sema-color-background-elevation: @mantle;\n --sema-color-hover-background-elevation: @base;\n // Create\n --sema-color-icon-dark: @text;\n [data-test-id=\"drag-behavior-container\"] {\n --sema-color-text-default: if(\n @flavor = latte,\n @text,\n @surface2\n ); // drag container error\n }\n // Tooltips\n --sema-color-background-inverse: @text;\n --sema-color-text-inverse: @base;\n\n /* Search */\n --sema-color-icon-subtle: @overlay2;\n\n #searchBoxContainer > div {\n background-color: @mantle !important;\n\n > div[style*=\"box-shadow:\"] {\n // on focus\n box-shadow: fade(@accent, 50%) 0 0 0 4px !important;\n }\n\n // divider\n [style*=\"background:#d8d8d8;\"],\n [style*=\"background: rgb(216, 216, 216);\"] {\n background: @surface1 !important;\n }\n\n input {\n color: @subtext1 !important;\n }\n }\n\n [id^=\"SuggestionGroup-Option\"][aria-selected=\"true\"] > a > div {\n background-color: @surface1;\n }\n\n /* Home */\n [data-test-id=\"homefeed-feed\"]\n div:has(\n > [data-root-margin=\"more-ideas-tabs\"]\n )[style*=\"background-color: rgb(255, 255, 255);\"] {\n background-color: @base !important;\n }\n\n --sema-color-background-selected: @accent; // active tab underline\n --sema-color-hover-background-selected: darken(@accent, 5%);\n --sema-color-pressed-background-selected: darken(@accent, 10%);\n\n // share modal\n [data-test-id=\"lego-share-social-bar-auth\"] button {\n background-color: @base !important;\n }\n\n /* Settings */\n --sema-color-text-disabled: @overlay2; // disabled \"Reset\"/\"Save\" buttons\n\n /* Messages */\n textarea#messageDraft {\n background-color: transparent !important;\n color: @subtext1;\n caret-color: @text !important;\n }\n\n div[data-test-id=\"add-pin-to-conversation\"] {\n div[style=\"border: 1px solid rgb(218, 218, 218); box-shadow: rgba(0, 132, 255, 0) 0px 0px 0px 4px; min-height: 48px; width: 100%;\"] {\n border-color: @mantle !important;\n }\n\n div[style=\"border: 1px solid transparent; box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 4px; min-height: 48px; width: 100%;\"] {\n box-shadow: fade(@accent, 50%) 0 0 0 4px !important;\n }\n }\n\n /* Loading */\n .mainContainer\n > div[style*=\"background-color: rgba(255, 255, 255, 0.5); height: 100%; width: 100%; z-index: 1;\"] {\n background-color: @base !important;\n }\n\n /* Emoji Picker */\n .EmojiPickerReact {\n --epr-bg-color: @base;\n --epr-text-color: @text;\n --epr-picker-border-color: @base;\n --epr-category-label-bg-color: @base;\n --epr-search-input-bg-color: @mantle;\n --epr-skin-tone-picker-menu-color: @mantle;\n --epr-category-icon-active-color: @accent;\n --epr-highlight-color: @accent;\n --epr-hover-bg-color: @surface0;\n --epr-focus-bg-color: @surface0;\n }\n\n /* suggestion bar */\n --sema-color-pressed-background-secondary: @surface2;\n [data-test-id=\"one-bar-pill\"] {\n --sema-color-text-dark: if(@flavor = latte, @text, @base);\n }\n [data-test-id=\"one-bar-navigation-arrows\"] {\n &[style*=\"to left\"]:not([style*=\"to right\"]) {\n background: linear-gradient(to left, @base, transparent 40px)\n !important;\n }\n &[style*=\"to right\"]:not([style*=\"to left\"]) {\n background: linear-gradient(to right, @base, transparent 40px)\n !important;\n }\n &[style*=\"to left\"][style*=\"to right\"] {\n background:\n linear-gradient(to left, @base, transparent 40px),\n linear-gradient(to right, @base, transparent 40px) !important;\n }\n }\n [data-test-id=\"multi-select-filter-fade-bottom-edge\"] {\n background: linear-gradient(0deg, @base 0%, transparent 100%) !important;\n }\n\n /* Toasts */\n --comp-toast-color-background-default: @overlay2;\n\n /* SaveButton */\n [data-test-id=\"SaveButton\"] > [class^=\"SaveButton\"] {\n // Your saved ideas pins \"Save\" button\n background-color: var(--sema-color-background-primary);\n &:hover {\n background-color: var(--sema-color-hover-background-primary);\n }\n }\n }\n}\n",
|
|
"originalDigest": "b7047996bd8c687154fd1def18f4623ba1246417",
|
|
"_id": "6f42fb1b-80bb-4aa3-9c55-09fe623dcd37",
|
|
"_rev": 1780236871958,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 98
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "openmediavault Catppuccin",
|
|
"description": "Soothing pastel theme for openmediavault",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/openmediavault/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "openmediavault Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/openmediavault",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/openmediavault",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/openmediavault/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aopenmediavault",
|
|
"description": "Soothing pastel theme for openmediavault",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name openmediavault Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/openmediavault\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/openmediavault\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/openmediavault/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aopenmediavault\n@description Soothing pastel theme for openmediavault\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"openmediavault.example.com\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n .omv-dark-theme {\n --mat-color-text: @text;\n --mat-color-secondary-text: @subtext0;\n --mat-color-disabled-text: @red;\n --mat-color-hint-text: @blue;\n --mat-background-color-hover: @accent;\n --mat-background-color-selected-button: @accent;\n --mat-background-color-card: @crust;\n --mat-background-color-background: @crust;\n --mat-primary-color-text: @accent;\n --mat-background-color-body: @base;\n }\n .omv-dark-theme .mat-toolbar.mat-primary {\n background: @accent;\n color: @text;\n }\n .omv-dark-theme .mat-drawer-container {\n background-color: @base;\n color: @text;\n }\n\n .omv-dark-theme .mat-card {\n background: @mantle;\n color: @text;\n }\n\n .omv-dark-theme .mat-flat-button,\n .mat-fab,\n .mat-mini-fab {\n color: @text;\n background-color: @crust;\n }\n .omv-dark-theme .mat-flat-button.mat-button-disabled.mat-button-disabled {\n background-color: @mantle;\n }\n .omv-dark-theme .mat-input-element:disabled {\n color: @subtext0;\n }\n .omv-dark-theme .mat-select-placeholder,\n .omv-dark-theme .mat-select-disabled .mat-select-value {\n color: @subtext0;\n }\n .omv-dark-theme .mat-form-field-appearance-legacy .mat-form-field-label,\n .omv-dark-theme .mat-form-field-appearance-legacy .mat-hint {\n color: @accent;\n }\n .omv-dark-theme .mat-toolbar {\n background: @crust;\n color: @text;\n }\n .omv-top-bar[_ngcontent-ydq-c112]\n button[_ngcontent-ydq-c112]\n .mat-icon[_ngcontent-ydq-c112] {\n color: @crust;\n }\n .omv-top-bar[_ngcontent-ydq-c112] .hostname[_ngcontent-ydq-c112] {\n color: @crust;\n }\n\n .omv-dark-theme .mat-icon-button.mat-button-disabled.mat-button-disabled {\n color: @overlay0;\n }\n .omv-dark-theme .mat-chip.omv-background-color-pair-green {\n color: @mantle;\n background-color: @green;\n }\n\n .omv-scrollable-xy,\n .omv-scrollable-y {\n scrollbar-color: @accent transparent;\n --scrollbar-thumb-color: @accent !important;\n --scrollbar-thumb-hover-color: @accent;\n }\n\n .omv-dark-theme .mat-button,\n .omv-dark-theme .mat-icon-button,\n .omv-dark-theme .mat-stroked-button {\n color: @accent;\n background: inherit;\n }\n\n .omv-dark-theme .mat-pseudo-checkbox-checked,\n .omv-dark-theme .mat-pseudo-checkbox-indeterminate,\n .omv-dark-theme .mat-accent .mat-pseudo-checkbox-checked,\n .omv-dark-theme .mat-accent .mat-pseudo-checkbox-indeterminate {\n background: @accent;\n }\n .omv-dark-theme\n .mat-checkbox-indeterminate.mat-accent\n .mat-checkbox-background,\n .omv-dark-theme .mat-checkbox-checked.mat-accent .mat-checkbox-background {\n background-color: @accent;\n }\n .omv-dark-theme .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {\n background-color: @accent;\n }\n .omv-dark-theme .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {\n background-color: @accent;\n }\n .omv-dark-theme .mat-badge-accent .mat-badge-content {\n background: @crust;\n color: @accent;\n }\n\n .omv-dark-theme .mat-select-panel {\n scrollbar-color: @accent transparent;\n --scrollbar-thumb-color: @accent !important;\n --scrollbar-thumb-hover-color: @accent !important;\n background: @crust;\n }\n\n .omv-background-color-pair-success {\n color: @mantle;\n background-color: @green;\n }\n .omv-dark-theme\n .mat-primary\n .mat-option.mat-selected:not(.mat-option-disabled) {\n color: @accent;\n }\n\n .ngx-datatable.single-selection .datatable-body-row.active,\n .ngx-datatable.single-selection\n .datatable-body-row.active\n .datatable-row-group,\n .ngx-datatable.multi-selection .datatable-body-row.active,\n .ngx-datatable.multi-selection\n .datatable-body-row.active\n .datatable-row-group,\n .ngx-datatable.multi-click-selection .datatable-body-row.active,\n .ngx-datatable.multi-click-selection\n .datatable-body-row.active\n .datatable-row-group {\n color: @accent;\n background-color: @crust;\n }\n\n .ngx-datatable:not(.cell-selection) .datatable-body-row:hover,\n .ngx-datatable:not(.cell-selection)\n .datatable-body-row:hover\n .datatable-row-group {\n color: @crust;\n background-color: @blue;\n }\n\n .ngx-datatable.single-selection .datatable-body-row.active:hover,\n .ngx-datatable.single-selection\n .datatable-body-row.active:hover\n .datatable-row-group,\n .ngx-datatable.multi-selection .datatable-body-row.active:hover,\n .ngx-datatable.multi-selection\n .datatable-body-row.active:hover\n .datatable-row-group,\n .ngx-datatable.multi-click-selection .datatable-body-row.active:hover,\n .ngx-datatable.multi-click-selection\n .datatable-body-row.active:hover\n .datatable-row-group {\n color: @crust;\n background-color: @green;\n }\n\n .omv-dark-theme .mat-menu-item {\n background: @crust;\n color: @text;\n }\n\n .omv-dark-theme .mat-menu-panel {\n background: @crust;\n }\n\n [_nghost-ckr-c138]\n .content[_ngcontent-ckr-c138]\n omv-intuition-form-page[_ngcontent-ckr-c138]\n .mat-card {\n color: @text;\n background-color: @mantle;\n }\n\n .mat-flat-button.omv-background-color-pair-primary {\n color: @text;\n background-color: @crust;\n }\n\n .omv-dark-theme .mat-dialog-container {\n background: @crust;\n color: @text;\n }\n\n .omv-background-color-pair-terminal {\n color: @green;\n background-color: @mantle;\n }\n }\n}\n",
|
|
"originalDigest": "4b640b40ec14841d38e127132d178a7e9b086aee",
|
|
"_id": "2383f59e-03bb-4de5-ad4a-cd9899cca1c8",
|
|
"_rev": 1780236871994,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 99
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Tuta Catppuccin",
|
|
"description": "Soothing pastel theme for Tuta",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/tuta/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Tuta Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/tuta",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/tuta",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/tuta/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Atuta",
|
|
"description": "Soothing pastel theme for Tuta",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Tuta Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/tuta\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/tuta\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/tuta/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Atuta\n@description Soothing pastel theme for Tuta\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"app.tuta.com\"), domain(\"mail.tutanota.com\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n body,\n drawer-menu,\n .list-bg {\n background-color: @mantle !important;\n color: @text;\n }\n\n .list-row {\n background-color: @base;\n }\n .odd-row {\n background-color: @surface0;\n }\n\n .header-nav {\n background-color: @base;\n }\n\n .elevated-bg,\n .folder-column,\n div[aria-modal] {\n background-color: @base !important;\n }\n\n .icon {\n &[style*=\"fill: rgb(78, 78, 78);\"] {\n fill: @text !important;\n }\n\n &[style*=\"fill: rgb(174, 174, 174);\"] {\n fill: @subtext0 !important;\n }\n\n &[style*=\"fill: rgb(255, 83, 83);\"] {\n fill: @accent !important;\n }\n }\n\n .h2 {\n color: @subtext1 !important;\n }\n\n .bottom-nav {\n background: @mantle !important;\n color: @text !important;\n }\n\n .dropdown-button,\n .dropdown-button div {\n color: @text !important;\n }\n .dropdown-button:hover {\n background-color: @surface1 !important;\n }\n\n /* logo */\n path[style*=\"fill: #00d2a7;\"] {\n fill: @accent !important;\n }\n\n path[style*=\"fill: #c5c7c7;\"] {\n fill: @text !important;\n }\n\n .row-selected {\n border-color: @accent !important;\n color: @accent !important;\n }\n .row-selected > .nav-button {\n color: @accent !important;\n\n > .icon {\n fill: @accent !important;\n }\n }\n\n .secondary {\n color: @accent !important;\n }\n\n .nav-button,\n .sidebar-section.mb {\n color: @subtext0 !important;\n }\n\n .bubble {\n background-color: @base;\n color: @text;\n }\n\n :where(.mouse-nav) .state-bg:hover,\n :where(.keyboard-nav) .state-bg:hover,\n [style*=\"background: rgba(139, 139, 139, 0.22)\"] {\n background-color: @surface0 !important;\n }\n\n .nav-bg,\n .content-bg,\n [style*=\"background-color: rgb(35, 35, 35)\"] {\n background-color: @base !important;\n }\n [style*=\"background-color: rgb(17, 17, 17);\"] {\n background-color: @mantle !important;\n }\n [style*=\"background-color: rgba(139, 139, 139, 0.22);\"] {\n background-color: @surface0 !important;\n }\n [style*=\"background-color: rgba(139, 139, 139, 0.38);\"] {\n background-color: @surface1 !important;\n }\n\n [style*=\"color: rgb(221, 221, 221);\"] {\n color: @text !important;\n }\n\n [style*=\"color: rgb(174, 174, 174);\"] {\n color: @subtext1 !important;\n }\n\n .teamLabel {\n background-color: @accent;\n color: @mantle;\n }\n\n [style*=\"border: 2px solid rgb(255, 83, 83);\"] {\n border-color: @accent !important;\n }\n [style*=\"color: rgb(255, 83, 83);\"],\n .content-accent-fg {\n color: @accent !important;\n }\n\n button.expander {\n color: @subtext0 !important;\n }\n\n .logo-height > svg:nth-child(1) > path:nth-child(2) {\n fill: @accent !important;\n }\n\n ::-webkit-scrollbar-thumb {\n background-color: @surface1;\n }\n }\n}\n",
|
|
"originalDigest": "6011cbc337a44709a228e1535e812cf94ddabca9",
|
|
"_id": "a3e1bfea-a7a8-481d-93c5-3fd666f424e4",
|
|
"_rev": 1780236872024,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 100
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Last.fm Catppuccin",
|
|
"description": "Soothing pastel theme for Last.fm",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/lastfm/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Last.fm Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/lastfm",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/lastfm",
|
|
"version": "2026.01.03",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/lastfm/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Alastfm",
|
|
"description": "Soothing pastel theme for Last.fm",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Last.fm Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/lastfm\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/lastfm\n@version 2026.01.03\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/lastfm/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Alastfm\n@description Soothing pastel theme for Last.fm\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"last.fm\") {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n html, html body {\n color: @text;\n background-color: @base;\n }\n\n /* Components */\n\n a, .mimic-link {\n color: @accent;\n }\n\n .btn-primary() {\n background-color: @accent;\n color: @crust;\n\n &:hover {\n background-color: darken(@accent, 5%) !important;\n color: @crust !important;\n }\n }\n .btn-primary {\n .btn-primary();\n }\n .btn-secondary {\n background-color: @surface0;\n color: @text;\n\n &:hover {\n background-color: @surface1 !important;\n color: @text !important;\n }\n }\n .btn-cancel {\n color: @subtext1;\n }\n\n .dropdown-menu-clickable {\n background: @mantle;\n &::before {\n filter: @mantle-filter;\n }\n\n .dropdown-menu-clickable-item {\n color: @text;\n\n &:hover {\n background-color: @base !important;\n }\n\n &.dropdown-menu-clickable-item--selected {\n color: @accent;\n }\n }\n }\n .dropdown-menu-clickable-button {\n color: @subtext0;\n\n &:hover, &.disclose-active {\n color: @subtext1;\n }\n\n .section-with-settings &.section-control::before {\n border-right-color: @surface2;\n }\n\n &::after {\n filter: @subtext1-filter;\n }\n }\n\n .content-form {\n textarea, input, select {\n background-color: @mantle !important;\n color: @text !important;\n border-color: @surface1 !important;\n\n &:focus {\n box-shadow: 0 3px 9px 0 @surface0 !important;\n }\n }\n\n .lfm-form-radio input[type=\"radio\"] {\n + label::before {\n background-color: @base;\n border-color: @overlay1;\n }\n &:checked + label::before {\n box-shadow: inset 0 0 0 4px @accent;\n border-color: @accent;\n }\n }\n\n .form-row-help-text, .footnotes {\n color: @subtext0;\n }\n\n legend {\n color: @subtext1;\n }\n }\n\n .search-form {\n .search-submit::before {\n filter: @overlay0-filter;\n }\n\n &::after {\n border-right-color: @surface1;\n }\n }\n\n // Alerts\n .alert-warning {\n background-color: fade(@peach, 30%);\n color: @peach;\n\n &::before {\n filter: @peach-filter;\n }\n }\n\n // Modals\n .modal-body {\n background: @mantle;\n }\n\n // Other\n\n .section-with-separator::after {\n background-color: @surface0;\n }\n\n .container {\n background: @base;\n }\n\n .content-top-back-link {\n color: @subtext0;\n\n a::before {\n filter: @overlay2-filter;\n }\n }\n\n /* Footer */\n .footer {\n background: @mantle;\n color: @text;\n\n .footer-heading {\n color: @subtext0;\n }\n\n .footer-language {\n color: @subtext0;\n &.footer-language--active {\n color: @text;\n }\n }\n\n .footer-timezone {\n color: @subtext0;\n strong {\n color: @text;\n }\n }\n\n .footer-legal {\n color: @subtext1;\n }\n\n .container {\n background: none;\n }\n }\n\n /* Header */\n .top-bar {\n background: @mantle;\n\n svg {\n filter: @accent-filter;\n }\n }\n .masthead {\n .masthead-search-toggle {\n &::before {\n filter: @text-filter;\n }\n &::after {\n background-color: @text;\n }\n }\n .masthead-nav .masthead-nav-control {\n color: @text;\n\n &::after {\n background-color: @text;\n }\n }\n\n .auth-avatar-notification-count-badge {\n background: @accent;\n }\n .auth-dropdown-menu {\n background: @mantle !important;\n\n .auth-dropdown-profile {\n background-color: @crust;\n\n .auth-dropdown-profile-info {\n .username {\n color: @text;\n }\n .scrobble-count {\n color: @subtext0;\n }\n }\n }\n .auth-dropdown-menu-links {\n background: @mantle;\n\n .auth-dropdown-menu-item .auth-dropdown-menu-link img {\n filter: @text-filter;\n }\n }\n .auth-dropdown-menu-footer {\n background: @mantle;\n\n .auth-upgrade-cta {\n background: @mantle;\n box-shadow: inset 0 0 0 1px @overlay0;\n color: @yellow;\n\n &:hover {\n box-shadow: inset 0 0 0 1px @yellow !important;\n color: @yellow !important;\n }\n }\n .auth-logout-cta {\n box-shadow: inset 0 0 0 1px @overlay0;\n background: @mantle;\n color: @text;\n }\n }\n }\n }\n\n .header {\n &.header--overview, &.header--sub-page {\n color: @text;\n }\n &.header--overview .container, &.header--sub-page .container {\n background: none;\n }\n\n background: @base;\n\n .header-info {\n .header-featured-track {\n .featured-item-heading {\n color: @subtext1;\n }\n }\n\n .header-title-secondary {\n .header-scrobble-since, .header-title-display-name {\n color: @subtext1;\n }\n }\n\n .header-info-secondary {\n color: @text;\n }\n }\n }\n .header-metadata .header-metadata-title {\n color: @subtext1;\n }\n .secondary-nav {\n .secondary-nav-item-link:hover::after,\n .secondary-nav-item-link--active::after {\n background: @accent;\n }\n }\n\n .chartlist {\n .chartlist-row {\n &:hover {\n background-color: @surface0;\n }\n\n &.chartlist-row--highlight, &.chartlist-row--now-scrobbling {\n background-color: fade(@accent, 20%);\n }\n\n .chartlist-play {\n .chartlist-play-button {\n &::before {\n background-color: transparent;\n filter: @text-filter;\n box-shadow: 0 0 0 1px fade(@mantle, 20%);\n }\n }\n }\n\n .chartlist-loved {\n button.chartlist-love-button {\n &::before {\n filter: @overlay2-filter;\n }\n &:hover::before, &[data-analytics-action=\"UnloveTrack\"]::before {\n filter: @accent-filter;\n }\n }\n }\n\n .lazy-buylinks-toggle, .chartlist-more-button {\n &::before {\n filter: @overlay2-filter;\n }\n &:hover::before {\n filter: @subtext0-filter;\n }\n }\n .chartlist-more {\n .chartlist-more-menu {\n .more-item--track::before,\n .more-item--artist::before,\n .more-item--obsession::before {\n filter: @subtext0-filter;\n }\n .more-item--delete::before {\n filter: @red-filter;\n }\n }\n }\n\n .chartlist-timestamp {\n color: @subtext0;\n\n .chartlist-now-scrobbling::before {\n filter: @subtext0-filter;\n }\n }\n\n .chartlist-bar {\n .chartlist-count-bar-slug {\n background-color: transparent !important;\n background-image: linear-gradient(\n to right,\n fade(@accent, 20%),\n fade(@accent, 20%)\n );\n color: @crust;\n }\n .chartlist-count-bar-value {\n color: @text;\n }\n }\n }\n .chartlist-break::after, .chartlist-row::after {\n border-bottom-color: @surface1;\n }\n\n .cover-art {\n img[src=\"https://lastfm.freetls.fastly.net/i/u/64s/c6f59c1e5e7240a4c0d427abd71f3dbb.jpg\"] {\n mix-blend-mode: screen;\n filter: invert(1);\n }\n\n &::after {\n box-shadow: inset 0 0 0 1px fade(@subtext0, 7%);\n }\n }\n }\n #top-tracks {\n .section-settings-toggle::before,\n .share-chart .share-button-profile::before {\n filter: @subtext0-filter;\n }\n }\n\n /* Track Page */\n .catalogue-metadata .lyrics-snippet-more-link a::before,\n .more-link-fullwidth-right a::before,\n .more-items::before,\n .more-link a::before {\n filter: @accent-filter;\n }\n .more-items {\n color: @accent;\n }\n .catalogue-tags {\n .tag a, .tags-add, .tags-add-cta {\n color: @accent;\n box-shadow: inset 0 0 0 1px @accent;\n\n &:hover {\n color: darken(@accent, 5%) !important;\n box-shadow: inset 0 0 0 1px darken(@accent, 5%) !important;\n }\n }\n .tags-add::before {\n filter: @accent-filter;\n }\n }\n .source-album .source-album-stats,\n .about-artist .about-artist-listeners,\n .trending-tracks .trending-tracks-item-listeners,\n .catalogue-overview-similar-artists-item-aux-text {\n color: @subtext1;\n }\n\n .trending-tracks-section {\n &, .container {\n color: @text;\n background: @surface0;\n }\n }\n\n .stationlink-list .stationlink::after,\n .resource-external-link::after,\n .play-this-track-playlink::after {\n border-bottom-color: @surface1;\n }\n\n .video-preview-upload-cta {\n background: @surface0;\n box-shadow: 0 0 0 2px @surface1;\n\n &:hover {\n background: @surface1 !important;\n }\n\n &::before {\n filter: @text-filter;\n }\n }\n\n /* Shoutbox */\n #shoutbox {\n .shout,\n .shout-form {\n border-bottom-color: @surface0;\n }\n\n .shout-list {\n .shout-user a {\n color: @text;\n }\n .shout-timestamp {\n color: @subtext0;\n\n &:focus,\n &:hover {\n color: @text !important;\n }\n }\n\n .shout-action,\n .shout-reply,\n .vote-button {\n color: @subtext1;\n\n &::before {\n filter: @subtext1-filter;\n }\n\n &:focus,\n &:hover {\n color: @text !important;\n\n &::before {\n filter: @text-filter;\n }\n }\n }\n\n .vote-button--voted::before,\n .vote-button--unvoted:focus::before,\n .vote-button--unvoted:hover::before {\n filter: @green-filter !important;\n }\n\n .shout-action-more {\n .shout-more-actions {\n &::before {\n filter: @subtext1-filter;\n }\n\n &:focus::before,\n &:hover::before {\n filter: @text-filter !important;\n }\n }\n .shout-more-actions-menu {\n .more-item--report::before {\n filter: @subtext0-filter;\n }\n }\n }\n }\n }\n\n /* Settings */\n .main-content,\n .content-top-has-nav .content-top,\n .two-column-layout .content-top {\n background: @base;\n }\n .two-column-layout .container, .two-column-layout .main-content {\n background-image: none;\n }\n .content-top-has-nav .content-top::after,\n .two-column-layout .content-top::after {\n border-top-color: @surface1;\n }\n\n .change-username-upsell {\n background-color: fade(@yellow, 20%);\n }\n\n /* Inbox/Notifications */\n .inbox-notifications {\n .inbox-notifications__item--hover {\n box-shadow: inset 0 -1px @surface1;\n\n &:hover {\n background-color: @surface0 !important;\n }\n }\n .inbox-notifications__item--highlight-hover {\n background-color: @surface1;\n }\n .inbox-notifications__item-timestamp {\n color: @subtext0;\n }\n }\n .inbox .inbox-buttons .inbox-compose-button {\n .btn-primary();\n }\n\n /* Home */\n .secondary-nav-item-link {\n &--active::after {\n .homefeed--artists .content-top & {\n background-color: @yellow;\n }\n .homefeed--albums .content-top & {\n background-color: @green;\n }\n .homefeed--tracks .content-top & {\n background-color: @blue;\n }\n .homefeed--events .content-top & {\n background-color: @mauve;\n }\n }\n &:hover::after {\n .homefeed .content-top .secondary-nav-item--artists & {\n background-color: @yellow;\n }\n .homefeed .content-top .secondary-nav-item--albums & {\n background-color: @green;\n }\n .homefeed .content-top .secondary-nav-item--tracks & {\n background-color: @blue;\n }\n .homefeed .content-top .secondary-nav-item--events & {\n background-color: @mauve;\n }\n }\n }\n .recs-feed {\n .recs-feed-item {\n .recs-feed-cover-image-wrap {\n color: @text;\n }\n\n .recs-feed-playlink::before {\n background-color: @text;\n }\n\n &.recs-feed-item--artist .context {\n &::before {\n background-color: @yellow;\n }\n &::after {\n mask-position: 0 -32px;\n }\n }\n &.recs-feed-item--track .context {\n &::before {\n background-color: @blue;\n }\n &::after {\n mask-position: 0 -96px;\n }\n }\n &.recs-feed-item--album .context {\n &::before {\n background-color: @green;\n }\n &::after {\n mask-position: 0 -64px;\n }\n }\n .context {\n // Hack using .mask-image() to allow us to mask icons with a background.\n &::before {\n border-radius: 50%;\n content: \"\";\n height: 32px;\n left: auto;\n position: absolute;\n right: 15px;\n top: -16px;\n width: 32px;\n z-index: 1;\n }\n &::after {\n .mask-image(\n url(\"/static/images/icons/rec_types_16@2x.5bf9cfd03a3e.png\"),\n @crust,\n 0 0,\n 32px 160px,\n no-repeat,\n );\n z-index: 2;\n }\n\n color: @subtext1;\n background-color: @surface0;\n box-shadow: inset 1px 0 @surface1, inset -1px -1px @surface1;\n }\n }\n }\n\n // Events - Browse Popular Music (no event recommendations)\n .no-data-message-button {\n .btn-primary();\n }\n\n .stationlinks {\n .stationlink-list .stationlink::before {\n background-color: @text;\n }\n }\n .mpu-subscription-upsell {\n color: @subtext0;\n }\n .subscribe-cta {\n background-color: fade(@yellow, 10%);\n }\n\n .subscribe-cta a, .btn-subscribe {\n background-color: @yellow;\n color: @crust;\n\n &:hover {\n background-color: darken(@yellow, 5%) !important;\n color: @crust !important;\n }\n }\n\n /* Profile */\n .profile-cards-items {\n .profile-card .profile-card-content {\n background: linear-gradient(\n 90deg,\n @surface0 185px 80%,\n fade(@surface0, 75%) 95%,\n transparent\n );\n\n .profile-card-content-title {\n color: @text;\n }\n p {\n color: @subtext1;\n }\n }\n }\n\n /* Reports */\n .listening-report-promo {\n background-color: @surface0 !important;\n border-color: @surface1 !important;\n\n .listening-report-promo-date::after {\n filter: @overlay2-filter;\n }\n\n .listening-report-promo-title {\n color: @subtext0;\n }\n }\n\n /* Library */\n .library-controls {\n .secondary-nav-item .secondary-nav-item-link {\n &::before {\n filter: @text-filter;\n }\n &--active, &:hover {\n color: @accent;\n\n &::before {\n filter: @accent-filter;\n }\n }\n }\n }\n .library-controls-datepicker {\n .date-range-picker-button {\n color: @accent;\n\n &::before, .date-range-picker-button-inner::before {\n filter: @accent-filter;\n }\n }\n }\n .date-range-picker-content {\n background-color: @mantle;\n\n &::before {\n filter: @mantle-filter;\n }\n\n .date-range-picker-presets a {\n color: @text;\n\n &:hover {\n background-color: @surface0 !important;\n }\n }\n\n .date-range-picker-form {\n border-top-color: @surface1;\n\n .control-label {\n color: @subtext1;\n }\n }\n }\n #scrobble-chart-content {\n .highcharts-background {\n fill: @base !important;\n }\n .highcharts-axis-title {\n fill: @subtext1 !important;\n }\n .highcharts-axis-labels text {\n fill: @subtext0 !important;\n }\n\n .highcharts-yaxis-grid .highcharts-grid-line {\n stroke: @overlay0 !important;\n }\n .highcharts-xaxis .highcharts-axis-line {\n stroke: @overlay1 !important;\n }\n\n .highcharts-series-group {\n .highcharts-point {\n fill: fade(@accent, 30%);\n }\n }\n\n .highcharts-tooltip {\n .highcharts-tooltip-box:not(.highcharts-shadow) {\n fill: @mantle !important;\n stroke: @surface0 !important;\n }\n\n text {\n fill: @text !important;\n }\n }\n }\n .metadata-title {\n color: @subtext1;\n }\n .date-heading {\n color: @subtext0;\n }\n\n // Pagination\n .pagination {\n .pagination-page {\n &[aria-current] {\n color: @accent;\n box-shadow: inset 0 -2px @accent;\n }\n &:not(.pagination-page--ellipsis):hover {\n box-shadow: inset 0 -2px @accent;\n }\n }\n }\n\n /* Followers */\n .text-light {\n color: @subtext1;\n }\n .user-list-follower-btn {\n [data-toggle-button-current-state=\"followed\"] & {\n background-color: @green;\n\n &:hover {\n background-color: @red !important;\n }\n }\n [data-toggle-button-current-state=\"unfollowed\"] & {\n background-color: @accent;\n\n &:hover {\n background-color: darken(@accent, 5%) !important;\n }\n }\n\n &::before {\n filter: @crust-filter;\n }\n }\n\n /* Obsessions */\n .obsession-candidates-row::before {\n border-top-color: @surface1;\n }\n\n // TODO: https://www.last.fm/music\n // TODO: https://www.last.fm/user/*/listening-report/week (Reports)\n }\n}\n\n// Usage:\n// .maskimage(mask-image, background-color, mask-position, mask-size, mask-repeat);\n// Setting any value to \"skip\" skips that attribute.\n// We cannot apply filters to psuedo elements with background-images when the pseudo element also has a background(-color), which is when this must be used.\n.mask-image(\n @mask-image: url(\"\"),\n @mask-color: skip,\n @mask-position: skip,\n @mask-size: skip,\n @mask-repeat: skip,\n) {\n & when not(@mask-color = skip) {\n background-image: none !important;\n background-color: @mask-color;\n }\n & when not(@mask-image = skip) {\n mask-image: @mask-image;\n }\n & when not(@mask-position = skip) {\n mask-position: @mask-position;\n }\n & when not(@mask-size = skip) {\n mask-size: @mask-size;\n }\n & when not(@mask-repeat = skip) {\n mask-repeat: @mask-repeat;\n }\n}\n",
|
|
"originalDigest": "8acc0ef628a082b847e50c7438bc738b97940c1d",
|
|
"_id": "d442b177-736e-40c2-92ca-053e057f2634",
|
|
"_rev": 1780236872057,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 101
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Picrew Catppuccin",
|
|
"description": "Soothing pastel theme for Picrew",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/picrew/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Picrew Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/picrew",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/picrew",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/picrew/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Apicrew",
|
|
"description": "Soothing pastel theme for Picrew",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Picrew Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/picrew\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/picrew\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/picrew/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Apicrew\n@description Soothing pastel theme for Picrew\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"picrew.me\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n body {\n background-color: @base !important;\n color: @text !important;\n }\n /* language prompt */\n .header-langbox {\n background: @mantle !important;\n color: @text !important;\n }\n .header-langbox-buttons button {\n background: @subtext0 !important;\n color: @base !important;\n }\n /* header */\n .sitetop-Header {\n background: @base !important;\n\n .splide__arrow {\n background: @subtext0 !important;\n }\n }\n .st-Header_Wrapper {\n background: @yellow !important;\n\n .st-Header {\n .sp-nav .nav-link li ul,\n .sp-nav .nav-link li h2 {\n border-top-color: @surface1 !important;\n }\n\n .st-Header_Logo {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 200 62\"><g fill=\"@{base}\"><path d=\"M199.4 42.69a11.65 11.65 0 0 1-10.56 8.2 13.57 13.57 0 0 1-10.78-4.53c-5.24 6-15.42 6.21-19.82-.56-4.33 3.08-11 5.09-17.52 5.09-8.79-.29-13.1-3.22-19.06-7.93-6.34-5.9-15.36-1.2-19.53 6.12v10a2.4 2.4 0 0 1-4.79 0v-12.7a17.3 17.3 0 0 1-11.73 4.51 17 17 0 0 1-14.94-8.58 11.34 11.34 0 0 1-12.86.08c-4.86 9.09-15.06 14.3-28 14.3-10.19 0-18.66-3.2-24.18-9v11.38a2.4 2.4 0 0 1-4.8 0V40a2.44 2.44 0 0 1 1-2 2.4 2.4 0 0 1 3.45.8c3.8 8.5 12.67 13.08 24.49 13.13s22.42-5.22 24.85-14.77a2.37 2.37 0 0 1 1.23-1.37 2.41 2.41 0 0 1 3.12 1c2.06 3.73 8.37 3.72 10.43 0a2.41 2.41 0 0 1 4.08-.17 2.3 2.3 0 0 1 .33.75 12.33 12.33 0 0 0 23.61 0 2.4 2.4 0 0 1 4.66.05c.11.29.05 3.57.06 3.94 3.64-3.49 8.31-5.8 12.44-5.8 7.63-.26 10.24 4.68 15.57 7.65a21.2 21.2 0 0 0 10.58 2.93c7.11 0 13.7-2.58 17.07-6.21a2.42 2.42 0 0 1 3.49 1.34c2 6.51 11.46 6.55 14.55-.14a2.39 2.39 0 0 1 4.34-.26 8.62 8.62 0 0 0 8.38 5.27 6.9 6.9 0 0 0 6.29-4.87 2.39 2.39 0 0 1 4.56 1.46ZM64.17 46.1a2.39 2.39 0 0 0-2.39 2.4v10.57a2.4 2.4 0 1 0 4.79 0V48.5a2.39 2.39 0 0 0-2.4-2.4\"/><path d=\"M18.91 21.4a.31.31 0 0 1 .32-.33 5 5 0 0 1 3.65 1.79A8.6 8.6 0 0 1 24.62 28a.29.29 0 0 1-.34.31c-3.92-.52-4.91-1.83-5.37-6.91m-1.22 0a.31.31 0 0 0-.32-.33 5 5 0 0 0-3.65 1.79A8.6 8.6 0 0 0 12 28a.29.29 0 0 0 .34.31c3.9-.52 4.89-1.83 5.35-6.91m-5.37 8.31A.3.3 0 0 0 12 30a8.62 8.62 0 0 0 1.74 5.18A5 5 0 0 0 17.37 37a.31.31 0 0 0 .32-.33c-.46-5.08-1.45-6.4-5.37-6.96m6.59 7a.31.31 0 0 0 .32.33 5 5 0 0 0 3.65-1.79A8.62 8.62 0 0 0 24.62 30a.3.3 0 0 0-.34-.32c-3.92.59-4.91 1.91-5.37 6.99Zm21.7-15.31a.31.31 0 0 0-.32-.33 5 5 0 0 0-3.65 1.79A8.6 8.6 0 0 0 34.9 28a.29.29 0 0 0 .34.31c3.92-.52 4.91-1.83 5.37-6.91m6.59 7a.29.29 0 0 0 .34-.31 8.6 8.6 0 0 0-1.74-5.18 5 5 0 0 0-3.65-1.79.31.31 0 0 0-.32.33c.46 5.03 1.45 6.34 5.37 6.9Zm-5.37 8.32a.31.31 0 0 0 .32.33 5 5 0 0 0 3.65-1.79A8.62 8.62 0 0 0 47.54 30a.3.3 0 0 0-.34-.32c-3.92.59-4.91 1.91-5.37 6.99Zm-6.59-7a.3.3 0 0 0-.34.32 8.62 8.62 0 0 0 1.74 5.18A5 5 0 0 0 40.29 37a.31.31 0 0 0 .32-.33c-.46-5.08-1.45-6.4-5.37-6.96Zm142.82-8a2.4 2.4 0 0 0-2.4 2.4v7.3a2.4 2.4 0 1 0 4.79 0v-7.3a2.39 2.39 0 0 0-2.39-2.44Zm-17.84-3.27a2.39 2.39 0 0 0-2.39 2.39v10.54a2.4 2.4 0 1 0 4.79 0V20.8a2.39 2.39 0 0 0-2.4-2.39Zm35.67 0a2.39 2.39 0 0 0-2.39 2.39v10.54a2.4 2.4 0 1 0 4.79 0V20.8a2.39 2.39 0 0 0-2.4-2.39Zm-42.72 13a2.41 2.41 0 0 1-2.4 2.4H128v.88a2.4 2.4 0 0 1-4.79 0 20 20 0 0 1 .41-3.77c2.18-12 16.69-16.37 25.39-8.54a12.4 12.4 0 0 1 4.16 8.96ZM129.25 29h18.66a8.2 8.2 0 0 0-2.16-3.12 10.87 10.87 0 0 0-7.39-2.67 10.11 10.11 0 0 0-9.11 5.79M85.61 18.41A17 17 0 0 0 70.67 27a11.17 11.17 0 0 0-6.49-2 11.3 11.3 0 0 0-5.51 1.41 35.6 35.6 0 0 0-6.58-15.85 5.7 5.7 0 0 1-.81-1.25c.11-7.95-9.56-11.65-15.19-6-.17.17-.32.34-.43.47a6 6 0 0 1-1.1-.06 42 42 0 0 0-4.8-.24 57 57 0 0 0-5.88.33C18.52-2.52 8.13 1 8.24 9.26a5.7 5.7 0 0 1-.81 1.25A36.36 36.36 0 0 0 .49 29.15a2.4 2.4 0 0 0 4.78.42 31.4 31.4 0 0 1 6-16.15A6.72 6.72 0 0 0 13 9.26a3.59 3.59 0 0 1 2.23-3.58 4.22 4.22 0 0 1 4.97 1.13c1.26 1.54 2.57 2 5.23 1.6a39 39 0 0 1 4.33-.21 39 39 0 0 1 4.33.21c2.8.41 4.08-.15 5.33-1.72a4.22 4.22 0 0 1 4.84-1 3.59 3.59 0 0 1 2.23 3.58 6.72 6.72 0 0 0 1.79 4.16 31.4 31.4 0 0 1 6 16.15c.17 1.64 0 3.07 1.45 3.9a2.4 2.4 0 0 0 3.31-1 6.25 6.25 0 0 1 10.38.09A2.4 2.4 0 0 0 73.8 32a12 12 0 0 1 11.81-8.8A12.26 12.26 0 0 1 96 28.65a2.4 2.4 0 1 0 4-2.65 17 17 0 0 0-14.39-7.59\"/></g></svg>'\n );\n background-image: url(\"data:image/svg+xml;charset=utf8,@{svg}\");\n filter: none;\n }\n\n .st-Header_Linkicon {\n color: @base !important;\n }\n\n .menu__line {\n background-color: @base !important;\n }\n\n /* side menu close button */\n .open .menu__line--1,\n .open .menu__line--3 {\n background-color: @text !important;\n }\n }\n }\n .sitetop-Nav {\n background: @mantle !important;\n color: @text !important;\n }\n .splide__pagination__page {\n background: @overlay1 !important;\n\n &.is-active {\n background: @accent !important;\n }\n }\n #home {\n background: @base !important;\n color: @text !important;\n }\n .smallNewsBox span {\n color: @accent !important;\n }\n /* \"Information\" page (main page) */\n .page-info {\n background-color: @mantle !important;\n }\n .sp_title a,\n .page-info a {\n color: @accent !important;\n }\n .rankA::before {\n color: @text !important;\n }\n /* \"welcome creator\" page (main page) */\n .header_bg[data-v-2537399f] {\n background: linear-gradient(90deg, @surface0, @base);\n }\n /* MOBILE ONLY: ad for downloading the app */\n .sitetop-appDL {\n background: @mantle !important;\n\n .sitetop-appDL_Header .sitetop-appDL_Title .fa {\n color: @accent !important;\n }\n }\n /* \"Featured Tags\" section - directly above Discovery */\n .sitetop-tags {\n background: @mantle !important;\n\n .sitetop-tags_Header .sitetop-tags_Title .fa {\n color: @accent !important;\n }\n .recommended-tag-list .recommended-tag-list-item a {\n border-color: @accent !important;\n\n /* tag icon before tag name */\n &::before {\n color: @accent !important;\n }\n }\n }\n /* \"Discovery\" section (image is lightbulb) */\n .sitetop-Discovery {\n background: @mantle !important;\n\n .sitetop-Discovery_Header {\n .sitetop-Discovery_Title .fa {\n color: @accent !important;\n }\n\n .sitetop-DiscoveryList_More a {\n background-color: @accent !important;\n color: @base !important;\n }\n\n .sitetop-Discovery_More {\n color: @accent !important;\n }\n }\n }\n .sitetop-ImagemakerList_List li .squareSize .imagemaker_size {\n background: @surface0 !important;\n }\n /* \"Hot Now\" section (image is a graph) */\n .sitetop-Hot_Title .fa {\n color: @accent !important;\n }\n .sitetop-Hot_CountrySwitch {\n background-color: @base !important;\n\n input:first-of-type + label::before {\n background: @base !important;\n }\n\n .sitetop-Hot_CountrySwitch_all span::after {\n color: @accent !important;\n }\n\n input:last-of-type + label span {\n filter: brightness(-20%) !important;\n color: @accent !important;\n }\n }\n /* \"Updated Image Makers (image (.fa) is bullhorn) */\n .sitetop-ImagemakerList {\n background: @mantle !important;\n }\n .sitetop-ImagemakerList_Title .fa {\n color: @accent !important;\n }\n .c_btn {\n background: @surface1 !important;\n color: @text !important;\n border-color: @surface1 !important;\n\n &:hover {\n background: @surface2 !important;\n color: @text !important;\n border-color: @surface2 !important;\n }\n &:focus {\n box-shadow: 0 0 0 1px @accent !important;\n }\n }\n .sitetop-info {\n background-color: @mantle !important;\n color: @text !important;\n\n h1::after {\n background: @mantle !important;\n }\n i {\n background: @mantle !important;\n border-radius: 6px !important;\n }\n }\n .title {\n color: @text !important;\n }\n .category {\n background: @base !important;\n color: @text !important;\n }\n .date {\n color: @subtext1 !important;\n }\n .simplebar-content-wrapper {\n background-color: @mantle !important;\n color: @text !important;\n }\n .st-Terms {\n border-color: @accent !important;\n border-radius: 2px !important;\n }\n .st-Terms_Wrapper .st-Terms a,\n .st-Terms_Wrapper .st-Terms .st-Terms_Body strong {\n color: @accent !important;\n }\n .c_select select {\n background: @mantle !important;\n border-color: @overlay0 !important;\n }\n .st-Terms_Cookie,\n .st-Terms_CookieTitle {\n color: @text !important;\n }\n .st-Terms_Footer {\n background-color: @mantle !important;\n color: @subtext1 !important;\n }\n .st-Terms_AgreeBtn {\n background: @surface1 !important;\n border-color: @surface1 !important;\n box-shadow: 0 4px 0 @surface2 !important;\n color: @text !important;\n\n &:hover {\n background: @surface2 !important;\n border-color: @surface2 !important;\n box-shadow: 0 4px 0 @surface2 !important;\n color: @text !important;\n }\n }\n .popup {\n background-color: @base !important;\n border-color: @accent !important;\n }\n .popup-header {\n background-color: @mantle !important;\n }\n .popup-body .content a {\n color: @accent !important;\n }\n .bellicon {\n color: @accent !important;\n border-color: @accent !important;\n }\n .close-btn {\n border-color: @overlay0 !important;\n color: @subtext1 !important;\n }\n .st-Footer_Wrapper {\n background-color: @mantle !important;\n color: @text !important;\n }\n .st-Footer_Links_bottom {\n background: @base !important;\n color: @subtext1 !important;\n }\n .st-Footer .st-Footer_Links div span.st-Header_Logo {\n filter: none !important;\n }\n .sitetop-Twitter,\n .sitetop-Twitter_Title {\n background-color: @mantle !important;\n border-bottom-color: @overlay1 !important;\n }\n .item {\n border-bottom-color: @surface2 !important;\n }\n /* login screen */\n .page-container {\n .panel {\n background: @mantle !important;\n border-radius: 6px !important;\n }\n .page-header {\n color: @text !important;\n }\n }\n .login-container_sns .c_text_right {\n color: @subtext0 !important;\n }\n /* login screen */\n .login-container {\n .login-form-container {\n .c_text_right a {\n color: @accent !important;\n }\n .login-form input:focus {\n box-shadow: 0 0 0 1px @accent !important;\n }\n }\n hr.sw_hr01 {\n border-color: @surface1 !important;\n }\n input:not([type=\"checkbox\"], [type=\"radio\"]) {\n background: @base !important;\n border-color: @surface2 !important;\n border-radius: 1px !important;\n color: @text !important;\n }\n }\n .h100 {\n background: @base !important;\n color: @text !important;\n }\n .pwBox .btn-default {\n color: @subtext0 !important;\n }\n /* search page */\n .search-Form > fieldset {\n background: @base !important;\n\n .search-Form_Keyword .search-Form_KeywordInput:focus {\n box-shadow: 0 0 0 1px @accent !important;\n }\n }\n .search-Form_Keyword {\n .search-iconBox {\n color: @subtext1 !important;\n }\n .search-Form_KeywordInput {\n background: @mantle !important;\n border-color: @overlay1 !important;\n color: @text !important;\n }\n }\n .search-filterBox {\n background: @base !important;\n\n .btn-filter {\n background-color: @surface1 !important;\n border-radius: 6px !important;\n border-color: @surface0 !important;\n color: @text !important;\n }\n ul .labelBox {\n background: @surface1 !important;\n border-color: @surface0 !important;\n color: @text !important;\n }\n }\n .search-ImagemakerList .search-ImagemakerList_Result {\n background: @mantle !important;\n\n .squareSize .imagemaker_size {\n background: @surface0 !important;\n }\n }\n .search-ImagemakerList_UseRange li > div {\n background: @surface0 !important;\n border-color: @surface0 !important;\n color: @text !important;\n }\n /* filter menu (search page) */\n .search_Modal {\n ul .labelBoxlist .labelBox {\n background: @surface1 !important;\n border-color: @surface0 !important;\n }\n .squareSize,\n .rectangleSize {\n background: @surface0 !important;\n }\n .c_select::after {\n color: @subtext0 !important;\n }\n }\n .vm--container .radioBox {\n background-color: @base !important;\n\n .radioBox_label::before {\n background: @accent !important;\n }\n .radioBox_label::after {\n border-color: @overlay1 !important;\n }\n }\n .c_select select option {\n background-color: @surface0 !important;\n color: @text !important;\n }\n /* page selector (search page) */\n .c_pagination,\n .c_pagination_num_wrapper {\n background: @mantle !important;\n }\n .c_pagination_first_wrapper,\n .c_pagination_last_wrapper {\n background: @base !important;\n }\n .c_pagination_num.is_current span {\n background: @accent !important;\n color: @base !important;\n }\n /* image makers from a specific creator (search) */\n .creator-Header div .creator-Header_Name {\n color: @accent !important;\n }\n .creator-ImagemakerList_Result {\n background-color: @mantle !important;\n .squareSize a {\n .creator-ImagemakerList_UseRange {\n li {\n div {\n background: @mantle !important;\n border-color: @surface0 !important;\n color: @subtext0 !important;\n &::before {\n color: @green !important;\n }\n }\n }\n }\n .imagesizeBox {\n background: @surface0 !important;\n .imagemaker_size {\n background: @surface1 !important;\n .creator-ImagemakerList_Creator {\n color: @subtext0 !important;\n }\n }\n }\n }\n }\n /* creator registration page */\n .creator-content\n .email-register-container\n .email-register-form\n input:not([type=\"checkbox\"], [type=\"radio\"]):focus {\n box-shadow: 0 0 0 1px @accent !important;\n }\n .creator-content\n .email-register-container\n .email-register-form\n input:not([type=\"checkbox\"], [type=\"radio\"]) {\n background: @mantle !important;\n border-color: @surface0 !important;\n color: @text !important;\n }\n /* \"Password\" field */\n .creator-content\n .email-register-container\n .email-register-form\n fieldset\n label\n .att {\n color: @subtext1 !important;\n }\n /* name validation popup */\n .is_error {\n .tc_validation_input {\n .tc_validation_input_message {\n background: @mantle !important;\n border-color: @red !important;\n color: @text !important;\n\n &::before {\n border-top-color: @red !important;\n }\n }\n .tc_validation_input_status::after {\n color: @red !important;\n }\n }\n }\n .tc_validation_input {\n .tc_validation_input_message {\n background: @mantle !important;\n border-color: @overlay1 !important;\n color: @text !important;\n\n &::before {\n border-top-color: @overlay1 !important;\n }\n }\n }\n .is_can_use.tc_validation_input .tc_validation_input_status::after {\n color: @green !important;\n }\n /* \"Authentication Completed!\" icon (registration) */\n .creator-content {\n .success {\n background: @surface0 !important;\n border-color: @accent !important;\n\n &::after {\n border-left-color: @accent !important;\n border-bottom-color: @accent !important;\n }\n }\n /* \"Terms of Use\" and \"Privacy Policy\" links */\n .email-register-container .email-register-form fieldset a {\n color: @accent !important;\n }\n }\n /* creator page */\n /* sidebar (creator/info page) */\n .tc_sidebar_im_tmb {\n background-color: @subtext0 !important;\n border-color: @subtext0 !important;\n }\n .tc_sidebar {\n background-color: @mantle !important;\n color: @text !important;\n border-right-color: @surface2;\n\n .nav > li a:hover,\n .nav > li a:focus {\n background-color: @surface0 !important;\n }\n }\n .tc_sidebar_lang {\n background-color: @surface0 !important;\n }\n .tc_sidebar_basic_wrapper .tc_sidebar_basic_title {\n background-color: @base !important;\n }\n .nav > li > a {\n color: @text !important;\n }\n /* header (creator/info page) */\n .tc_page_header {\n background: @mantle !important;\n border-color: @surface2 !important;\n }\n .border-bottom {\n border-bottom-color: @surface2 !important;\n }\n .text-white {\n color: @text !important;\n }\n .navbar-light .navbar-nav .nav-link {\n color: @subtext0 !important;\n\n &:hover {\n color: @subtext1 !important;\n }\n }\n /* main body (creator/info page) */\n .gray-bg {\n background-color: @base !important;\n }\n .card-body {\n background-color: @mantle !important;\n border-color: @surface2 !important;\n }\n .badge-info {\n background-color: @surface2 !important;\n border-color: @surface2 !important;\n }\n .footer {\n background: none repeat scroll 0 @mantle !important;\n border-top-color: @surface2 !important;\n }\n .small > a {\n color: @accent !important;\n }\n /* \"Creator Informations\" pages (creator/info page) */\n .card-header {\n background: @mantle !important;\n border-color: @surface2 !important;\n\n &:first-child {\n background-color: @mantle !important;\n }\n }\n /* creator/image_maker page */\n .btn-primary.btn-lg {\n background-color: @surface1 !important;\n border-color: @surface1 !important;\n color: @text !important;\n }\n .alert-info {\n background-color: @surface0 !important;\n border-color: @surface2 !important;\n color: @text !important;\n }\n /* profile page (creator) */\n .account-content section {\n border-bottom-color: @subtext0 !important;\n\n .att,\n .indent .mi-renkei {\n color: @subtext0 !important;\n }\n }\n /* image maker registration (creator) */\n .modal-body {\n background: @base !important;\n }\n .modal-header {\n background-color: @mantle !important;\n border-bottom-color: @surface1 !important;\n\n .close,\n .close:hover {\n color: @text !important;\n }\n }\n /* \"image maker name\" (creator) */\n .form-control {\n background-color: @mantle !important;\n border-color: @surface1 !important;\n color: @text !important;\n\n &:focus {\n border-color: @accent !important;\n }\n }\n .tc_canvas-square,\n .tc_canvas-rectangle {\n background: @surface2 !important;\n }\n /* image maker \"type\" (creator) */\n .tc_imagemaker_register_type li :checked + label {\n border-color: @accent !important;\n box-shadow: 0 0 0 2px @accent !important;\n color: @surface1 !important;\n }\n .tc_imagemaker_register_type\n li\n :checked\n + label\n .tc_imagemaker_register_type_name {\n background-color: @accent !important;\n border-bottom-color: @accent !important;\n color: @surface1 !important;\n }\n .tc_imagemaker_register_type li label {\n background: @overlay0 !important;\n border-color: @surface2 !important;\n\n .tc_imagemaker_register_type_name {\n border-bottom-color: @surface2 !important;\n }\n .tc_imagemaker_register_type_desc {\n background-color: @mantle !important;\n color: @text !important;\n }\n }\n .modal-footer {\n background-color: @mantle !important;\n border-top-color: @surface1 !important;\n }\n .btn-outline-secondary,\n .btn-outline-secondary:hover {\n background: @surface1 !important;\n border-color: @surface2 !important;\n color: @text !important;\n }\n .btn-primary,\n .btn-primary:hover {\n background-color: @accent !important;\n border-color: @accent !important;\n color: @surface1 !important;\n }\n /* image maker list (creator) */\n .tc_imlist_add_imagemaker {\n border-color: @surface1 !important;\n\n &:hover {\n border-color: @subtext1 !important;\n }\n &::before {\n color: @overlay1 !important;\n }\n }\n .card {\n background-color: @base !important;\n }\n .card-footer {\n background: @crust !important;\n border-top-color: @surface0 !important;\n }\n .btn-info,\n .btn-outline-info {\n background-color: @surface0 !important;\n border-color: @surface2 !important;\n color: @text !important;\n\n &:hover {\n background-color: @overlay0 !important;\n border-color: @overlay0 !important;\n color: @text !important;\n }\n }\n .btn-info:focus {\n box-shadow: 0 0 0 0.1rem @accent !important;\n }\n .badge-default,\n .tc_badge_default {\n background-color: @surface0 !important;\n border-color: @surface2 !important;\n color: @subtext0 !important;\n }\n /* image maker \"Edit\" (creator) */\n .btn-info {\n background-color: @surface2 !important;\n border-color: @surface2 !important;\n color: @text !important;\n }\n .btn-warning {\n background-color: @accent !important;\n border-color: @accent !important;\n color: @base !important;\n\n &:focus {\n box-shadow: 0 0 0 0.1rem @accent !important;\n }\n }\n .tc_im_parts_eye .tc_im_parts_eye_icon {\n background: @surface0 !important;\n }\n .tc_im_parts_ctrl .disabled [class^=\"tc_ctrl_\"] {\n background-color: @surface0 !important;\n\n &::before {\n color: @text !important;\n }\n }\n .tc_im_layer_list li {\n border-color: @overlay0 !important;\n }\n /* image maker part editor (creator) */\n .tc_sidebar_im_title {\n color: @subtext0 !important;\n\n &::after {\n background-color: @subtext0 !important;\n }\n }\n .tc_sidebar_im li a:not(.btn) {\n color: @text !important;\n }\n .tc_sidebar_parts_list li .tc_sidebar_parts_list_parts:hover {\n background-color: @surface0 !important;\n }\n .tc_parts_ctrl_setting .widget.white-bg.disabled {\n background-color: @surface0 !important;\n border-color: @surface2 !important;\n color: @subtext0 !important;\n }\n .tc_c_textmenu li a {\n color: @accent !important;\n }\n .btn:disabled,\n .btn:disabled:hover {\n background-color: @surface2 !important;\n border-color: @overlay1;\n color: @subtext1 !important;\n }\n .btn-danger,\n .btn-danger:hover {\n background-color: @red !important;\n border-color: @red !important;\n color: @base !important;\n }\n .hr-line-dashed {\n background-color: @subtext0 !important;\n border-color: @subtext0 !important;\n color: @subtext0 !important;\n }\n /* \"bulk upload\" (creator) */\n .tc_bulkupload_type_select .tc_bulkupload_type_tab label {\n background-color: @surface0 !important;\n border-color: @accent !important;\n }\n .tc_bulkupload_color_select li input[type=\"radio\"]:checked + label {\n box-shadow: inset 0 0 0 2px @accent;\n }\n .tc_color_chip,\n .tc_bulkupload_option h4 {\n background-color: @surface0 !important;\n border-color: @surface0 !important;\n }\n /* image maker part settings (creator) */\n .tc_upload_imgs .tc_upload_img_old {\n background-color: @surface1 !important;\n\n &::after {\n background-color: @surface0 !important;\n }\n }\n .input-group-text {\n background-color: @surface2 !important;\n border-color: @surface2 !important;\n color: @subtext1 !important;\n }\n .tc_radio_switch label:first-child input[type=\"radio\"] + span {\n background-color: @accent !important;\n color: @base !important;\n\n &::before {\n box-shadow: inset 0 0 0 1px @accent, -2px 0 1px @crust !important;\n }\n }\n /* image maker \"rules\" (creator) */\n .text-info {\n color: @accent !important;\n }\n /* image maker \"color palette\" (creator) */\n .tc_colorgp_detail_parts_deselect li {\n background: @surface0;\n border-color: @surface2;\n color: @text !important;\n\n &:hover {\n background: @surface2 !important;\n border-color: @overlay0 !important;\n color: @text !important;\n }\n &::before {\n color: @subtext1 !important;\n }\n }\n /* \"Sort layer order\" (creator) */\n .tc_im_layer_sort li > div {\n background: @surface0 !important;\n border-color: @surface0 !important;\n\n i {\n color: @subtext1 !important;\n }\n }\n /* item list (creator) */\n .tc_items_itemlist_header .tc_items_itemlist_sortno,\n .tc_items_itemlist.is_style_detail > li.tc_item_opened {\n background-color: @base !important;\n }\n .tc_items_itemlist.is_style_detail\n > li\n .tc_items_itemlist_header\n .tc_items_itemlist_no {\n background-color: @surface1 !important;\n color: @text !important;\n }\n .tc_items_itemlist.is_style_detail > li {\n border-color: @base !important;\n }\n .page-item.disabled .page-link {\n background-color: @surface0 !important;\n border-color: @base !important;\n color: @text !important;\n }\n .page-item.active .page-link {\n background: @accent !important;\n border-color: @accent !important;\n color: @surface0 !important;\n }\n .tc_items_itemlist.is_style_detail\n > li\n .tc_items_itemlist_content\n .tc_items_itemlist_layers\n > li {\n border-bottom-color: @subtext0 !important;\n }\n .tc_c_textmenu li {\n border-left-color: @subtext0 !important;\n border-right-color: @subtext0 !important;\n }\n /* thank u isabel for fixing this part */\n .tc_items_itemlist.is_style_detail\n > li\n .tc_items_itemlist_content\n .tc_items_itemlist_layers\n > li\n .tc_items_itemlist_imgs\n > li {\n &,\n &::before {\n background-color: @surface0 !important;\n border-color: @surface0 !important;\n }\n }\n .custom-select {\n background: @base !important;\n border-color: @surface1 !important;\n color: @text !important;\n }\n .tc_items_style > label {\n .tc_radio_label {\n border-color: @subtext0 !important;\n }\n input[type=\"radio\"]:checked + .tc_radio_label {\n border-color: @accent !important;\n color: @accent !important;\n }\n }\n /* image maker publication (creator) */\n .tc_release_description {\n background: @surface0 !important;\n }\n .border-danger {\n border-color: @red !important;\n }\n .text-danger {\n color: @red !important;\n }\n .text-navy {\n color: @accent !important;\n }\n /* discovery page */\n .discovery_header .discovery_description {\n color: @overlay2 !important;\n }\n .discovery_totop {\n background-color: @surface1 !important;\n color: @text !important;\n }\n .loading-spiral[data-v-46b20d22] {\n border-color: @subtext0 !important;\n }\n /* image maker (inner + outer) */\n .play-Imagemaker.is_info_show .imagemaker_info_bg {\n background: @mantle !important;\n }\n /* \"Scope of Use\" modal */\n .play-Container .vm--container .vm--modal .content-wrapper {\n background: @surface0 !important;\n\n a {\n color: @accent !important;\n }\n table, td {\n border-color: @surface0 !important;\n }\n .useable::before {\n color: @accent !important;\n }\n }\n /* \"how to use bookmark\" modal (not signed in) */\n .simplebar-wrapper\n .simplebar-mask\n .simplebar-offset\n .simplebar-content-wrapper {\n background: @surface0 !important;\n\n header button.close-dialog {\n color: @text !important;\n }\n }\n .imagemaker_info_wrapper {\n .imagemaker_info_header {\n background-color: @mantle !important;\n .imagemaker_info_use_range li a {\n color: @accent !important;\n }\n }\n .imagemaker_info_footer {\n background-color: @mantle !important;\n }\n /* help button (outer image maker) */\n .imagemaker_info_btn_help {\n background-color: @surface1 !important;\n border-color: @surface2 !important;\n box-shadow: 0 4px 0 @surface1 !important;\n color: @text !important;\n }\n /* \"play\" button (outer image maker) */\n .imagemaker_info_btn_start {\n background: @accent !important;\n border-color: @accent !important;\n box-shadow: 0 4px 0 @accent !important;\n color: @base !important;\n }\n .imagemaker_info_creator a {\n color: @accent !important;\n }\n .imagemaker_info_description a {\n color: @accent !important;\n }\n /* tags (outer image maker) */\n .imagemaker_info_use_range li.is_can > div {\n background: @surface0 !important;\n border-color: @surface1 !important;\n color: @text !important;\n }\n .imagemaker_info_tag a {\n border-color: @surface2 !important;\n color: @subtext0 !important;\n &::before {\n color: @accent !important;\n }\n }\n .imagemaker_info_use_range li > div {\n background: @surface0 !important;\n border-color: @surface1 !important;\n color: @text !important;\n }\n /* tag icon (outer image maker) */\n .imagemaker_info_use_range li.is_can > div::before {\n color: @accent !important;\n }\n }\n .is_info_show .imagemaker_info_show_btn {\n background: @accent !important;\n color: @overlay0 !important;\n }\n /* outer bookmark button (outer image maker) */\n .play-Imagemaker.is_info_show .imagemaker_info_icon .bookmark {\n background-color: @surface0 !important;\n border-color: @surface2 !important;\n }\n /* dice/random button (inner image maker) */\n .imagemaker_menu_btn {\n background-color: @surface1 !important;\n }\n /* non-selected color (inner image maker) */\n .imagemaker_colorBox ul li {\n border-color: @overlay2 !important;\n\n /* empty color (inner image maker) */\n &.emptycolor {\n border-color: @overlay2 !important;\n }\n /* selected color (inner image maker) */\n &.selected {\n border-color: @overlay2 !important;\n box-shadow: inset 0 0 0 3px @overlay2 !important;\n }\n }\n .imagemaker_parts_menu ul li.selected {\n background-color: @surface0 !important;\n\n &::before {\n box-shadow: inset 0 -5px 0 -1px @accent !important;\n }\n }\n li.selected::after {\n box-shadow: inset 0 0 0 3px @accent !important;\n }\n /* switch to outer image maker (inner image maker) */\n .imagemaker_info_show_btn {\n background-color: @accent !important;\n border-color: @accent !important;\n color: @overlay0 !important;\n }\n /* bookmark button (inner image maker) */\n .play-Imagemaker .bookmark {\n background-color: @accent !important;\n border-color: @accent !important;\n }\n .imagemaker_ctrl_btns .btn_show_itemlist.selected {\n background-color: @accent !important;\n color: @overlay0 !important;\n }\n /* randomize image (inner image maker) */\n .play-Container\n .play-Imagemaker\n .imagemaker_control_wrapper\n .imagemaker_control_popup {\n background: @mantle !important;\n }\n .is_menu_show .imagemaker_menu_btn {\n color: @subtext0 !important;\n }\n .imagemaker_control_panel_wrapper .imagemaker_random_menu {\n background: @surface0 !important;\n }\n .imagemaker_btn_random {\n background: @accent !important;\n color: @crust !important;\n }\n .imagemaker_btn_allreset {\n background: @surface2 !important;\n color: @text !important;\n }\n /* move image element (background) (inner image maker) */\n .imagemaker_controller {\n background-color: @mantle !important;\n }\n /* rotate image element (inner image maker) */\n .ctrlbtn-rotate_left,\n .ctrlbtn-rotate_right {\n background: @surface0 !important;\n color: @accent !important;\n }\n /* move image element (buttons) (inner image maker) */\n .control_position_wrapper .ctrlbtn_position_inner::before,\n .control_position_wrapper .ctrlbtn_position_inner::after {\n background: @surface0 !important;\n }\n .ctrlbtn-move_up,\n .ctrlbtn-move_down,\n .ctrlbtn-move_right,\n .ctrlbtn-move_left {\n color: @accent !important;\n }\n .imagemaker_controller_reset,\n .imagemaker_controller_reset:hover {\n background: @surface0 !important;\n color: @text !important;\n }\n /* \"Done\" button (inner image maker) */\n .imagemaker_complete_btn,\n .imagemaker_complete_btn:hover {\n background: @accent !important;\n color: @surface0 !important;\n }\n /* image randomizer complete modal (image complete) */\n .randommaker_result_modal_wrapper {\n .randommaker_result_modal {\n background-color: @surface0 !important;\n border-color: @accent !important;\n }\n .randommaker_result_message {\n background: @yellow !important;\n color: @crust !important;\n }\n .randommaker_result_btns {\n .randommaker_again_btn {\n background: @yellow !important;\n border-color: @yellow !important;\n color: @crust !important;\n }\n .randommaker_complete_btn {\n background: @green !important;\n border-color: @green !important;\n box-shadow: 0 4px 0 @green !important;\n color: @crust !important;\n }\n }\n }\n /* load screen after clicking \"Done\" (image complete) */\n .save_anime {\n background-color: @base !important;\n }\n /* \"Your picture is done!\" (image complete) */\n .complete-Main {\n background: @mantle !important;\n }\n /* download button (image complete) */\n .complete-Download_Btn,\n .complete-Download_Btn:hover {\n background: @accent !important;\n border-color: @accent !important;\n box-shadow: 0 4px 0 @accent !important;\n color: @surface1 !important;\n }\n /* \"add to bookmarks\" area (image complete) */\n .complete-Container .recommend-bookmark {\n background: @mantle !important;\n border-color: @surface0 !important;\n\n /* fix for \"Add to bookmarks\" button\" */\n .c_btn {\n box-shadow: 0 4px 0 @surface0 !important;\n }\n }\n /* share image (image complete) */\n .complete-Share_Wrapper {\n background: @mantle !important;\n border-color: @surface0 !important;\n }\n .complete-ShareSns .complete-ShareSns_Copy {\n background-color: @surface0 !important;\n border-color: @surface2 !important;\n color: @subtext0 !important;\n }\n .complete-ShareText {\n .complete-ShareText_Title {\n color: @subtext0 !important;\n }\n textarea {\n background-color: @surface0 !important;\n border-color: @overlay0 !important;\n color: @subtext0 !important;\n }\n }\n /* \"Create a new one!\" button (image complete) */\n .complete-Btn_Back,\n .complete-Btn_Back:hover {\n background: @surface1 !important;\n border-color: @surface1 !important;\n box-shadow: 0 4px 0 @surface0 !important;\n color: @text;\n }\n .st-Related_Tags {\n background-color: @mantle !important;\n }\n .st-Related_ImagemakerList {\n background-color: @mantle !important;\n }\n .sitetop-ImagemakerList_List a .sw_imagemaker_creator {\n color: @subtext0 !important;\n }\n /* \"Search by tag\" (image complete) */\n .st-Related_Tags .st-Related_Tag a {\n background: @surface0 !important;\n border-color: @accent !important;\n color: @text !important;\n\n &::before {\n color: @accent !important;\n }\n }\n /* \"Copied to clipboard\" popup (image complete) */\n .toasted.sw-Toast.bubble {\n background-color: @accent !important;\n color: @surface0 !important;\n }\n /* fix for bookmark icon (bookmarks page) */\n .bookmark-inner h2 .fa {\n color: @accent !important;\n }\n /* support.picrew.me page */\n .site-branding {\n background-color: @base !important;\n color: @text !important;\n }\n .menu-toggle {\n background-color: @surface0 !important;\n color: @text !important;\n\n &:hover {\n background-color: @surface2 !important;\n color: @text !important;\n }\n }\n .site-title a,\n .site-description {\n color: @text !important;\n }\n .bogo-language-name a {\n color: @accent !important;\n }\n .main-navigation {\n background-color: @mantle !important;\n color: @text !important;\n\n a {\n color: @text !important;\n }\n a:hover,\n ul > :hover > a {\n color: @accent !important;\n }\n /* \"what is picrew?\" page (support) */\n li.current_page_item > a::before,\n li.current-menu-item > a::before {\n border-bottom-color: @accent !important;\n }\n .nav-menu > li > a::after,\n .menu > li > a::after {\n color: @accent !important;\n }\n }\n .picrew_front-page-content-area.content-area\n .picrew_front-content\n .with-featured-image {\n background-color: @mantle !important;\n }\n .widget_linkblock {\n border-color: @accent !important;\n box-shadow: 0 0 0 0 @accent inset !important;\n color: @text !important;\n\n .widget_linkblock_title {\n color: @accent !important;\n }\n .widget_linkblock_text {\n color: @subtext1 !important;\n }\n &:hover {\n border-color: @accent !important;\n box-shadow: 0 0 0 4px @accent inset !important;\n color: @text !important;\n }\n }\n .front-widget-area {\n border-bottom-color: @surface2 !important;\n }\n .footer-widget-area {\n background-color: @mantle !important;\n border-top-color: @mantle !important;\n\n .widget ul > li {\n border-top-color: @surface2 !important;\n\n &:last-child {\n border-bottom-color: @surface2 !important;\n }\n }\n a {\n color: @text !important;\n }\n .widget-title,\n a:hover {\n color: @accent !important;\n }\n }\n /* aaaaaaaaaaaaaa */\n #search-3 > #searchform > div > input[type=\"text\"] {\n background-color: @surface0 !important;\n border-color: @surface2 !important;\n color: @text !important;\n\n &:focus {\n border-color: @accent !important;\n }\n }\n #searchsubmit > button,\n input[type=\"button\"],\n input[type=\"reset\"],\n input[type=\"submit\"],\n #infinite-handle span {\n background-color: @surface1 !important;\n color: @text !important;\n }\n .site-footer {\n background-color: @crust !important;\n border-top-color: @surface0 !important;\n color: @subtext1 !important;\n }\n .page .site-content {\n background-color: @mantle !important;\n }\n .content-wrapper.full-width.without-featured-image {\n background-color: @mantle !important;\n color: @text !important;\n }\n body.page:not(.home) .entry-title {\n color: @text !important;\n\n &::after {\n background: @accent !important;\n }\n }\n .entry-content h2 {\n background: @surface0 !important;\n border-bottom-color: @accent !important;\n color: @text !important;\n }\n .content-wrapper.full-width .hentry::after {\n background-color: @surface1 !important;\n }\n /* \"learn how to play with picrew\" page (support) */\n #toc_container {\n background: @surface0 !important;\n border-color: @surface2 !important;\n\n a {\n color: @accent !important;\n }\n p.toc_title {\n color: @text !important;\n }\n }\n .entry-content {\n td,\n table {\n border-color: @surface2 !important;\n }\n h3 {\n border-bottom-color: @surface2 !important;\n border-left-color: @accent !important;\n color: @text !important;\n }\n h4 {\n color: @subtext1 !important;\n }\n h4::before,\n a {\n color: @accent !important;\n }\n }\n /* \"Create your image maker\" page (support) */\n .content-wrapper {\n background: @mantle !important;\n }\n .sidebar-widget-area .widget ul > li {\n border-top-color: @overlay2 !important;\n\n > a {\n color: @accent !important;\n }\n }\n /* \"list of creator functions\" page (support) */\n .site-content {\n background-color: @mantle !important;\n }\n .sidebar-widget-area .widget-title {\n color: @text !important;\n }\n .blog {\n .entry-title a {\n color: @accent !important;\n }\n .entry-body {\n color: @subtext1 !important;\n }\n }\n .wp-pagenavi {\n span.current {\n background: @accent !important;\n border-color: @accent !important;\n color: @surface1 !important;\n }\n a {\n background-color: @base !important;\n border-color: @accent !important;\n color: @text !important;\n\n &:hover {\n background-color: @accent !important;\n color: @surface1 !important;\n }\n }\n }\n /* \"list of creator functions\" archive page...? honestly idfk why this is a thing (support) */\n .archive {\n .page-title {\n color: @text !important;\n }\n .entry-title a {\n color: @accent !important;\n }\n .entry-body {\n color: @text !important;\n }\n }\n }\n}\n",
|
|
"originalDigest": "2d0166f36ae432e1ad6d89af9b62cfdb75c9b9b8",
|
|
"_id": "54c70b03-9ecd-4c3c-89b6-5f3f3809de14",
|
|
"_rev": 1780236872105,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 102
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Bluesky Social Catppuccin",
|
|
"description": "Soothing pastel theme for Bluesky Social",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/bsky/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Bluesky Social Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/bsky",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/bsky",
|
|
"version": "2025.10.29",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/bsky/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Absky",
|
|
"description": "Soothing pastel theme for Bluesky Social",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Bluesky Social Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/bsky\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/bsky\n@version 2025.10.29\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/bsky/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Absky\n@description Soothing pastel theme for Bluesky Social\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"bsky.app\") {\n html.colorMode--system {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n html.theme--light {\n #catppuccin(@lightFlavor);\n }\n html.theme--dim,\n html.theme--dark {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n // fix general site background - this applies to the <html> element\n background-color: @base;\n\n --text: @text;\n --background: @base;\n --backgroundLight: @base;\n\n /* generic text */\n [style*=\"color: rgb(255, 255, 255)\"],\n [style*=\"color: rgb(241, 243, 245)\"] //,\n /* [style*=\"color: rgb(11, 15, 20)\"] this breas on dark */ {\n color: if(@flavor = latte, @base, @text) !important;\n }\n\n /* some background color of follow button + hover */\n [style*=\"background-color: rgb(241, 243, 245)\"] {\n background-color: if(@flavor = latte, @crust, @text) !important;\n }\n\n [style*=\"color: rgb(11, 15, 20)\"] {\n color: if(@flavor = latte, @text, @crust) !important;\n }\n\n /* secondary text [contrast_700] */\n [style*=\"rgb(165, 178, 197)\"], // dark\n [style*=\"rgb(171, 184, 201)\"], // dim\n [style*=\"rgb(84, 110, 138)\"],\n [style*=\"rgb(66, 87, 108)\"] {\n color: @subtext1 !important;\n }\n\n // white bottons on the theme/color mode selection in settings\n div[style*=\"background-color: rgb(197, 207, 217)\"], // dark\n div[style*=\"background-color: rgb(201, 210, 219)\"], // dim\n div[style*=\"background-color: rgb(46, 63, 81)\"] // light\n {\n background-color: @text !important;\n > div {\n color: @crust !important;\n }\n }\n\n /* generic blue inline (e.g. link text, etc) [primary_500] */\n [style*=\"color: rgb(0, 106, 255)\"], // dark\n [style*=\"color: rgb(15, 115, 255)\"] // dim\n {\n color: @accent !important;\n }\n /* generic blue inline underline (links) [primary_500] */\n [style*=\"text-decoration-color: rgb(0, 106, 255)\"], // dark\n [style*=\"text-decoration-color: rgb(15, 115, 255)\"] // dim\n {\n text-decoration-color: @accent !important;\n }\n\n /* generic blue inline bg color (e.g. notification count) [primary_500] */\n [style*=\"background-color: rgb(0, 106, 255)\"], // dark\n [style*=\"background-color: rgb(15, 115, 255)\"] // dim\n {\n background-color: @accent !important;\n\n /* notification count contrast fix, also chat message contrast fix (> div) */\n &[style*=\"color: rgb(241, 243, 245)\"],\n &[style*=\"color: rgb(255, 255, 255)\"],\n > div {\n color: @crust !important;\n }\n\n /* icon color fix */\n path[fill=\"#ffffff\"],\n path[fill=\"hsl(211, 20%, 95.3%)\"] {\n fill: @crust !important;\n }\n }\n\n /* sending/pending/failed direct message */\n [style*=\"background-color: rgb(1, 64, 132)\"] {\n background-color: fade(@accent, 30%) !important;\n }\n\n /* a lot of blue things (buttons etc) */\n .r-wzwllv,\n div[style*=\"background-color: rgb(0, 133, 255)\"] {\n background-color: @accent !important;\n\n /* notification count contrast fix, also chat message contrast fix (> div) */\n &[style*=\"color: rgb(241, 243, 245)\"],\n > div {\n color: @crust !important;\n }\n }\n\n /* subscribe to labeler button */\n button[data-testid=\"toggleSubscribeBtn\"] {\n > div {\n background-color: @mauve !important;\n > div {\n color: @crust !important;\n }\n }\n }\n\n /* direct message \"failed to send\" text */\n span[style*=\"color: rgb(205, 10, 55)\"] {\n color: @red !important;\n }\n\n /* red button text (delete my account) [negative_500] */\n [style*=\"color: rgb(233, 22, 70)\"], // dark\n [style*=\"color: rgb(235, 36, 82)\"] // dim\n {\n color: @red !important;\n }\n\n /* red button (delete, etc) */\n button[style*=\"background-color: rgb(244, 11, 66)\"],\n // dark, light (same color)\n button[style*=\"background-color: rgb(246, 60, 103)\"], // dark (hover)\n button[style*=\"background-color: rgb(245, 41, 88)\"], // dim\n button[style*=\"background-color: rgb(247, 84, 122)\"], // dim (hover)\n button[style*=\"background-color: rgb(205, 10, 55)\"] // light (hover)\n {\n background-color: @red !important;\n &:hover {\n background-color: fade(@red, 70%) !important;\n }\n // text color\n > div {\n color: @crust !important;\n }\n }\n\n /* delete account button */\n [style^=\"background-color: rgb(79, 3, 20)\"] {\n background-color: @red !important;\n }\n path[fill=\"#fba2b2\"] {\n fill: @crust;\n }\n\n /* generic background color */\n [style*=\"background-color: rgb(255, 255, 255)\"],\n [style*=\"background-color: rgb(0, 0, 0)\"],\n [style*=\"background-color: rgb(21, 29, 40)\"] // dim\n {\n background-color: @base !important;\n\n & when (@flavor = latte) {\n /* fix button colors in latte */\n [style*=\"background-color: rgb(0, 0, 0)\"] {\n background-color: @text !important;\n }\n }\n }\n\n /* secondary background color + sidebar button hover [contrast_25] */\n [style*=\"background-color: rgb(17, 24, 34)\"], // dark\n [style*=\"background-color: rgb(28, 39, 54)\"] // dim\n {\n background-color: @mantle !important;\n }\n\n /* secondary background color (when active?) (e.g. search bar, hovering some buttons like cancel) */\n [style*=\"background-color: rgb(25, 34, 46)\"], // dark\n [style*=\"background-color: rgb(34, 46, 63)\"] // dim\n {\n background-color: @crust !important;\n }\n\n /* some sort of tertiary background color with a slight accent */\n [style*=\"background-color: rgb(0, 25, 51)\"] {\n background-color: fade(@accent, 30%) !important;\n }\n\n /* loading circle */\n circle[style^=\"stroke: rgb(25, 118, 210)\"] {\n stroke: @accent !important;\n }\n\n /* wide site: new post button (w text) */\n button[style*=\"background-color: rgb(0, 106, 255)\"], // dark\n button[style*=\"background-color: rgb(66, 145, 255)\"], // dark (hover)\n button[style*=\"background-color: rgb(15, 115, 255)\"], // dim\n button[style*=\"background-color: rgb(77, 151, 255)\"] // dim (hover)\n {\n background-color: @accent !important;\n &:hover {\n background-color: fade(@accent, 70%) !important;\n }\n\n > div {\n color: @crust !important;\n }\n svg > path {\n fill: @crust !important;\n }\n }\n\n /* borders */\n .css-175oi2r {\n border-color: @surface0 !important;\n }\n\n /* fix selected tab bottom border issue caused by selector above */\n .css-175oi2r[style*=\"border-bottom-color: rgb(0, 106, 255)\"] {\n border-bottom-color: @accent !important;\n }\n\n /* fixes the bottom border on tabs (timeline) having a darker color */\n .r-oucylx {\n border-bottom-color: @base !important;\n }\n\n /* current selected tab (acc page) !! KEEP THIS BELOW ABOVE DEFINITION !! */\n [style*=\"border-color: rgb(255, 255, 255)\"] {\n border-color: @accent !important;\n }\n\n /* settings highlight thing */\n [style=\"background-color: rgb(38, 39, 45)\"] {\n background-color: @crust !important;\n }\n\n /* thin site: bluesky text */\n .r-yovm8p {\n color: @blue;\n }\n\n /* empty profile banner */\n .r-wuyfte {\n background-color: @blue;\n }\n\n /* \"invalid handle\" warning */\n [style*=\"color: rgb(236, 72, 104); border-color: rgb(209, 16, 67)\"] {\n color: @red !important;\n border-color: @red !important;\n }\n\n /* end of feed text */\n .r-1521r3q {\n color: @overlay1;\n }\n\n /* mobile side drawer */\n [data-testid=\"drawer\"] {\n background-color: @base;\n }\n\n /* feedback */\n .r-m7buhn {\n background-color: @blue;\n }\n\n /* save, report, post modal button */\n [data-testid=\"sendReportBtn\"],\n [data-testid=\"composerPublishBtn\"],\n [data-testid=\"editProfileSaveBtn\"] {\n background: unset !important;\n\n /* \"save changes\" button in edit profile */\n > div[style*=\"background-image: linear-gradient(94.0544deg, rgb(90, 113, 250), rgb(0, 133, 255))\"] {\n background: @accent !important;\n }\n\n /* fix contrast issues */\n > div,\n > div > div {\n color: @crust !important;\n }\n }\n\n [data-testid=\"saveBtn\"] {\n > div[style*=\"background-image: linear-gradient\"] {\n background: unset !important;\n background-color: @accent !important;\n > div {\n color: @crust !important;\n }\n }\n }\n\n // toast notifications (e.g. \"copied to clipboard\")\n .r-17c3jg3:has(> div[dir=\"auto\"]) {\n background-color: @crust !important;\n\n .r-jwli3a {\n color: @text !important;\n }\n > svg > path {\n fill: @text !important;\n }\n }\n\n /* draft \"Discard\" button */\n [style^=\"background-color: rgb(209, 16, 67)\"] {\n background-color: @red !important;\n }\n\n /* Discard draft modal border, bunch of other borders around the app [contrast_100] */\n [style*=\"border-color: rgb(35, 46, 62)\"], // dark\n [style*=\"border-color: rgb(44, 58, 78)\"] // dim\n {\n border-color: @surface2 !important;\n }\n\n /* the round gradient post button in the bottom right when the page is thinner than usual */\n [data-testid=\"composeFAB\"] > div {\n background: unset !important;\n background-color: @accent !important;\n\n // fix contrast (inner symbol)\n .r-jwli3a {\n color: @crust !important;\n }\n }\n\n /* blue text only button (e.g. cancel post button) */\n div[style*=\"color: rgb(66, 145, 255)\"], // dark\n div[style*=\"color: rgb(77, 151, 255)\"], // dim\n div[style*=\"color: rgb(0, 89, 214)\"] // latte !! this overlaps with dark. might break?\n {\n color: @accent !important;\n }\n\n /* text color when writing a post */\n .ProseMirror,\n .ProseMirror-dark {\n color: @text;\n }\n\n /* some button background color (when hovering) [primary_100] */\n [style*=\"background-color: rgb(0, 40, 97)\"], // dark\n [style*=\"background-color: rgb(18, 52, 100)\"], // dim\n [style*=\"background-color: rgb(204, 225, 255)\"], // latte\n /* add alt text modal */\n [style*=\"background-color: rgb(14, 73, 137)\"] {\n background-color: fade(@accent, 30%) !important;\n }\n\n /* several white buttons */\n button[style*=\"background-color: rgb(255, 255, 255)\"] when not(\n @flavor = latte\n ) {\n background-color: @text !important;\n }\n\n /* the white buttons text */\n [style*=\"color: rgb(0, 0, 0)\"] {\n color: if(@flavor = latte, @text, @crust) !important;\n }\n\n /* replace dark fill icons with crust ones */\n path[fill=\"#000000\"] {\n fill: if(@flavor = latte, @text, @crust);\n }\n\n /* fixes a contrast issue when the suggested follows button is enabled (very ugly selector) */\n button[data-testid=\"suggestedFollowsBtn\"][style*=\"background-color: rgb(255, 255, 255)\"]\n > svg\n > path {\n fill: @base !important;\n }\n\n /* text inside most buttons */\n button > div > div[style~=\"color: rgb(0, 0, 0)\"] {\n color: @base !important;\n }\n\n /* search bar text */\n [role=\"search\"],\n [data-testid=\"confirmCodeInput\"] {\n --placeholderTextColor: @subtext1 !important;\n }\n\n /* search bar icon (this doesn't actually apply because path fill. keeping anyways) [contrast_500] */\n svg[style^=\"color: rgb(102, 123, 153\"], // dark\n svg[style^=\"color: rgb(111, 131, 159)\"] // dim\n {\n color: @subtext1 !important;\n }\n\n /* small icons */\n path[fill=\"#FFFFFF\"] {\n fill: @text;\n\n & when (@flavor = latte) {\n fill: @base;\n }\n }\n\n /* more gray small icons (e.g. search bar icon, icons below posts [contrast_500] */\n path[fill=\"#667B99\"], // dark\n path[fill=\"#6F839F\"], // dim\n [style*=\"color: rgb(111, 131, 159)\"], // dark\n [style*=\"color: rgb(111, 131, 159)\"] // dim\n {\n color: @subtext1 !important;\n fill: @subtext1 !important;\n }\n /* settings button at the top of the timeline, hashtag button/icon at top of timeline [contrast_600] */\n path[fill=\"#8798B0\"], // dark\n path[fill=\"#8D9DB4\"] // dim\n {\n fill: @subtext1;\n }\n\n /* x invite codes available icon */\n div[style*=\"background-color: rgb(191, 225, 255)\"],\n div[style*=\"background-color: rgb(1, 37, 97)\"] {\n background-color: fade(@accent, 30%) !important;\n > svg > path[fill=\"#52acfe\"] {\n fill: @accent;\n }\n }\n\n /* heart/like */\n .r-84gixx,\n .r-1i89l9k,\n div[style*=\"color: rgb(236, 72, 153)\"],\n button[data-testid=\"toggleLikeBtn\"]\n > svg:has(path[fill^=\"hsl(346,\"]) // feed like button\n {\n color: @red !important;\n > path {\n fill: @red !important;\n }\n }\n\n /* repost */\n .r-5ld2xk,\n [style*=\"color: rgb(92, 239, 170)\"] {\n color: @green !important;\n > path {\n fill: @green !important;\n }\n }\n\n /* saved icon on post + trending icon */\n path[fill=\"#006AFF\"], // dark\n path[fill=\"#0F73FF\"] // dim\n {\n fill: @accent;\n }\n\n /* tiny people icon on post view (\"Everybody can reply\") */\n path[fill=\"hsl(211, 24%, 43.6%)\"],\n /* icon above \"you have no lists\" */\n path[fill=\"hsl(211, 24%, 34.2%)\"] {\n fill: @subtext0;\n }\n\n /* onboarding: continue/next button */\n [data-testid=\"continueBtn\"] {\n background-color: @accent !important;\n }\n [data-testid=\"continueBtn\"] > div > div {\n color: @base !important;\n }\n [data-testid=\"continueBtn\"] > div > svg > path {\n fill: @base !important;\n }\n\n /* pretty self explanatory, user mentions in the post create modal */\n .mention {\n color: @accent;\n }\n\n /* mentions in the notification tab (highlighted notifications) */\n div[style*=\"background-color: rgb(0, 17, 36)\"], // dark\n div[style*=\"background-color: rgb(21, 41, 63)\"], // dim\n div[style*=\"background-color: rgb(240, 247, 255)\"], // light\n a[style*=\"background-color: rgb(0, 17, 36)\"], // dark\n a[style*=\"background-color: rgb(21, 41, 63)\"], // dim\n a[style*=\"background-color: rgb(240, 247, 255)\"] // light\n {\n background-color: fade(@accent, 30%) !important;\n .css-175oi2r:not([role=\"checkbox\"] *) {\n background-color: transparent !important;\n }\n }\n\n /* generic blue background color inline (used for buttons in notifications tab) */\n button[style*=\"background-color: rgb(0, 133, 255)\"] {\n background-color: @accent !important;\n }\n /* contrast fix for above */\n button[style*=\"background-color: rgb(0, 133, 255)\"] > div > div {\n color: @base !important;\n }\n\n /* miscellaneous lines around the app [contrast_200] */\n [style*=\"border-color: rgb(49, 63, 84)\"], // dark\n [style*=\"border-color: rgb(57, 73, 96)\"] // dim\n {\n border-color: @surface1 !important;\n }\n\n /* other button in notifications tab, inner text */\n div[style*=\"color: rgb(82, 172, 254)\"] {\n color: @accent !important;\n }\n\n /* \"No notifications yet!\" text in the notifications tab */\n div[style*=\"color: rgb(141, 142, 150)\"] {\n color: @subtext0 !important;\n }\n\n /* login: wrong password highlight */\n .r-w7hjet {\n background-color: @red;\n }\n\n /* please verify your email popup (green checkmark) */\n circle[fill=\"#20BC07\"] {\n fill: @green;\n }\n\n /* toggle circle */\n [style*=\"background-color: rgb(185, 185, 193)\"] {\n background-color: @overlay2 !important;\n }\n\n /* skeletons */\n .r-kdyh1x,\n .r-cpet4d {\n &[style*=\"background-color: rgb(20, 27, 35);\"] {\n background-color: @surface0 !important;\n }\n }\n\n /* thread lines */\n div[style*=\"background-color: rgb(35, 46, 62)\"].r-m5arl1 {\n background: @surface1 !important;\n }\n\n /* character limit progress circle [primary_500] */\n path[stroke=\"#006AFF\"], // dark\n path[stroke=\"#0F73FF\"], // dim\n path[stroke=\"#006AFF\"] // light\n {\n stroke: @accent !important;\n }\n\n /* bg circle [contrast_100] */\n path[stroke=\"#232E3E\"], // dark\n path[stroke=\"#2C3A4E\"], // dim\n path[stroke=\"#DCE2EA\"] // light\n {\n stroke: @surface1 !important;\n }\n\n /* load new posts button (border: [contrast_100]; bg: [primary_50]) */\n button[style*=\"border-color: rgb(35, 46, 62); background-color: rgb(0, 30, 71)\"],\n // dark\n button[style*=\"border-color: rgb(44, 58, 78); background-color: rgb(18, 41, 73)\"],\n // dim\n button[style*=\"border-color: rgb(220, 226, 234); background-color: rgb(229, 240, 255)\"] // light\n {\n background-color: @surface0 !important;\n border-color: @overlay0 !important;\n }\n\n /* any button that's disabled (we should start using broader overrides) */\n button[disabled] > svg > path {\n fill: @overlay0;\n }\n\n /* sitewide text inputs */\n /* the divs are styled separately from the input areas */\n div[style*=\"border-color: rgb(46, 64, 82)\"] {\n border-color: @surface1 !important;\n }\n /* search bar [primary_500] */\n div[style*=\"border-color: rgb(0, 106, 255)\"], // dark\n div[style*=\"border-color: rgb(15, 115, 255)\"] // dim\n {\n border-color: @accent !important;\n }\n\n /* image preview borders across app */\n [style*=\"border-color: rgb(74, 97, 121)\"] {\n border-color: @surface2 !important;\n }\n\n /* search tab trending buttons */\n [style*=\"background-color: rgb(142, 9, 40)\"] {\n background-color: @red !important;\n\n div {\n color: @crust !important;\n }\n\n svg > path {\n fill: @crust;\n }\n }\n /* TODO: new which is green but I can't get the right class cause nothing on bsky is a new trending topic atm */\n\n /* round icon backgrounds (e.g. feeds) */\n div[style*=\"background-color: rgb(21, 52, 85)\"] {\n background-color: @surface0 !important;\n }\n\n /* pill toggle button styles (e.g. account activity notifications) */\n /* active, hover */\n div[style*=\"border-color: rgb(76, 162, 254);\"] {\n border-color: @accent !important;\n }\n div[style*=\"background-color: rgb(18, 52, 100)\"] {\n background-color: fade(@accent, 40%) !important;\n }\n /* inactive, circle in pill */\n div[style*=\"background-color: rgb(91, 119, 149)\"] {\n background-color: @surface2 !important;\n }\n /* inactive, hover */\n div[style*=\"border-color: rgb(120, 142, 165)\"] {\n border-color: @overlay1 !important;\n }\n }\n}\n",
|
|
"originalDigest": "929b34e7aa19445dc0ad5f9877f54a04daa57c45",
|
|
"_id": "564693af-6e61-46ce-bdf2-a72ade23d967",
|
|
"_rev": 1780236872160,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 103
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Have I Been Pwned Catppuccin",
|
|
"description": "Soothing pastel theme for Have I Been Pwned",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/have-i-been-pwned/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Have I Been Pwned Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/have-i-been-pwned",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/have-i-been-pwned",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/have-i-been-pwned/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ahave-i-been-pwned",
|
|
"description": "Soothing pastel theme for Have I Been Pwned",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Have I Been Pwned Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/have-i-been-pwned\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/have-i-been-pwned\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/have-i-been-pwned/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ahave-i-been-pwned\n@description Soothing pastel theme for Have I Been Pwned\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"haveibeenpwned.com\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n body {\n background-color: @base;\n color: @text;\n }\n\n hr {\n border-color: @surface0;\n }\n\n a {\n &,\n &:hover,\n &:focus {\n color: @text;\n border-bottom-color: @surface2;\n }\n\n &:hover {\n background-color: fade(@accent, 30%);\n }\n }\n\n img.pwnLogo.large.modalLogo {\n filter: @text-filter;\n }\n\n .bodyGradient {\n color: @text;\n }\n\n .modal-header {\n background: @crust;\n\n .close {\n color: @text;\n }\n }\n\n .fa-loader,\n .loaderText {\n color: @text;\n }\n\n #postNotificationCallsToAction {\n .btn {\n background-color: @crust;\n color: @text;\n }\n\n a.socialLink {\n &,\n &:link,\n &:visited {\n color: @text;\n }\n }\n }\n\n .modal-content {\n background-color: @base;\n border-color: @surface0;\n }\n\n .main {\n background-color: @mantle;\n color: @text;\n }\n\n .main-logo .logo {\n border-color: @accent;\n background-color: fade(@accent, 30%);\n }\n\n .pwnedCompanyList {\n a,\n a:hover {\n color: @text;\n border-bottom-color: @surface2;\n }\n\n td {\n color: @subtext0;\n }\n }\n\n footer {\n a,\n p {\n color: @subtext0;\n }\n }\n\n .unverified {\n &,\n a {\n color: darken(@red, 50%) !important;\n border-bottom-color: darken(@red, 50%) !important;\n }\n }\n\n .navbar-inverse {\n border-color: @surface0;\n background-color: @crust;\n\n .navbar-toggle {\n border-color: @surface0;\n\n &:hover,\n &:focus {\n background-color: @surface0;\n }\n\n .icon-bar {\n background-color: @text;\n }\n }\n\n .navbar-brand {\n color: @text;\n border-color: @text !important;\n }\n\n li.active > a {\n &,\n &:hover,\n &:focus {\n color: @text;\n background-color: @crust;\n }\n }\n\n li > a {\n color: @subtext0;\n\n &:hover,\n &:focus {\n color: @text;\n }\n }\n }\n\n img.pwnLogo {\n &[src$=\"/List.png\"],\n &[src$=\"/Email.png\"] {\n filter: @text-filter;\n }\n }\n\n .form-control {\n background-color: @crust;\n color: @text;\n border-color: @surface0 !important;\n\n &:focus {\n box-shadow: 0 0 8px fade(@accent, 30%);\n }\n }\n\n .btn-primary {\n color: @text;\n background-color: @crust;\n border-color: @surface0 !important;\n\n &:hover {\n background-color: fade(@accent, 30%);\n }\n }\n\n .btn-success {\n background-color: @green;\n color: @base;\n border-color: @surface0;\n }\n\n .progress-bar {\n background-color: @accent;\n }\n\n .form-group .termsOfUse {\n background-color: @base;\n }\n\n .termsOfUse {\n background-color: @mantle;\n\n &,\n a {\n color: @subtext0;\n border-bottom-color: @surface2;\n }\n }\n\n .secondaryHeader {\n background-color: @mantle;\n }\n\n .sensitive {\n color: @yellow;\n }\n\n .sensitive-fade {\n color: @subtext0;\n }\n\n .panel-primary {\n border-color: @surface0;\n\n > .panel-heading,\n > .panel-footer {\n color: @text;\n border-color: @surface0;\n background-color: @mantle;\n }\n }\n\n #noPwnage {\n background: @green;\n\n a.socialLink {\n color: @base !important;\n }\n }\n\n #invalidAccount {\n background: @yellow;\n }\n\n #pwnedWebsitesContainer {\n hr {\n border-color: @surface0;\n }\n\n > .pwnedRow {\n background: @red;\n\n .pwnedWebsite {\n color: @base;\n\n a {\n color: @base;\n border-bottom-color: @base;\n\n &:hover {\n background-color: transparent !important;\n }\n }\n }\n }\n\n a.socialLink {\n color: @base !important;\n }\n }\n\n .pwnResultBanner {\n color: @base;\n\n a {\n color: @base;\n border-bottom-color: @base !important;\n\n &:hover {\n background-color: transparent !important;\n }\n }\n }\n\n #Cloudflare img {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1239.3 310.1\"><path d=\"M1158.5 187.7c-3.4 0-6.1-2.7-6.1-6.1 0-3.3 2.7-6.1 6.1-6.1 3.3 0 6.1 2.7 6.1 6.1s-2.8 6.1-6.1 6.1m0-11c-2.7 0-4.9 2.2-4.9 4.9s2.2 4.9 4.9 4.9 4.9-2.2 4.9-4.9-2.2-4.9-4.9-4.9m3.1 8.1h-1.4l-1.2-2.3h-1.6v2.3h-1.3v-6.7h3.2c1.4 0 2.3.9 2.3 2.2 0 1-.6 1.7-1.4 2zm-2.4-3.5c.5 0 1-.3 1-1 0-.8-.4-1-1-1h-2v2zM523 174.9h15.6v42.5h27.1V231H523zm58.8 28.2v-.1c0-16.1 13-29.2 30.3-29.2s30.1 12.9 30.1 29v.2c0 16.1-13 29.2-30.3 29.2-17.2-.1-30.1-13-30.1-29.1m44.6 0v-.1c0-8.1-5.8-15.1-14.4-15.1-8.5 0-14.2 6.9-14.2 15v.2c0 8.1 5.8 15.1 14.3 15.1 8.6-.1 14.3-7 14.3-15.1m34.9 3.3v-31.5h15.8v31.2c0 8.1 4.1 11.9 10.3 11.9s10.3-3.7 10.3-11.5v-31.6h15.8V206c0 18.1-10.3 26-26.3 26-15.9.1-25.9-8-25.9-25.6m76-31.5H759c20 0 31.7 11.5 31.7 27.7v.2c0 16.2-11.8 28.2-32 28.2h-21.3zm21.9 42.3c9.3 0 15.5-5.1 15.5-14.2v-.2c0-9-6.2-14.2-15.5-14.2h-6.3v28.5zm54-42.3h44.9v13.7h-29.4v9.5h26.6V211h-26.6v20h-15.5zm66.5 0h15.5v42.5h27.2V231h-42.7zm83.3-.4h15l23.9 56.5h-16.7l-4.1-10h-21.6l-4 10h-16.3zm13.7 34.4-6.2-15.9-6.3 15.9zm45.2-34h26.5c8.6 0 14.5 2.2 18.3 6.1 3.3 3.2 5 7.5 5 13.1v.2c0 8.6-4.6 14.3-11.5 17.2l13.4 19.6h-18l-11.3-17h-6.8v17H1022zm25.8 27c5.3 0 8.3-2.6 8.3-6.6v-.3c0-4.4-3.2-6.6-8.4-6.6h-10.2v13.5zm46.4-27h45.1v13.3h-29.7v8.4h26.9v12.3h-26.9v8.9h30.1V231h-45.5zM489 209.7c-2.2 4.9-6.8 8.4-12.8 8.4-8.5 0-14.3-7.1-14.3-15.1v-.2c0-8.1 5.7-15 14.2-15 6.4 0 11.3 3.9 13.3 9.3h16.4c-2.6-13.4-14.4-23.3-29.6-23.3-17.3 0-30.3 13.1-30.3 29.2v.2c0 16.1 12.8 29 30.1 29 14.8 0 26.4-9.6 29.4-22.4zm-97.9-40.1L348.2 145l-7.4-3.2-175.5 1.3v89l225.8.1z\" fill=\"@{text}\"/><path d=\"M313 224c2.1-7.2 1.3-13.8-2.2-18.7-3.2-4.5-8.6-7.1-15.1-7.4l-123.1-1.6c-.8 0-1.5-.4-1.9-1s-.5-1.4-.3-2.2c.4-1.2 1.6-2.1 2.9-2.2l124.2-1.6c14.7-.7 30.7-12.6 36.3-27.2l7.1-18.5c.3-.8.4-1.6.2-2.4-8-36.2-40.3-63.2-78.9-63.2-35.6 0-65.8 23-76.6 54.9-7-5.2-15.9-8-25.5-7.1-17.1 1.7-30.8 15.4-32.5 32.5-.4 4.4-.1 8.7.9 12.7-27.9.8-50.2 23.6-50.2 51.7 0 2.5.2 5 .5 7.5.2 1.2 1.2 2.1 2.4 2.1h227.2c1.3 0 2.5-.9 2.9-2.2zm39.2-79.1c-1.1 0-2.3 0-3.4.1-.8 0-1.5.6-1.8 1.4l-4.8 16.7c-2.1 7.2-1.3 13.8 2.2 18.7 3.2 4.5 8.6 7.1 15.1 7.4l26.2 1.6c.8 0 1.5.4 1.9 1s.5 1.5.3 2.2c-.4 1.2-1.6 2.1-2.9 2.2l-27.3 1.6c-14.8.7-30.7 12.6-36.3 27.2l-2 5.1c-.4 1 .3 2 1.4 2h93.8c1.1 0 2.1-.7 2.4-1.8 1.6-5.8 2.5-11.9 2.5-18.2 0-37.1-30.1-67.2-67.3-67.2\" fill=\"@{peach}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n pre,\n code {\n background-color: @mantle;\n color: @text;\n border-color: @surface0;\n }\n\n thead tr {\n border-color: @surface0;\n }\n\n .bitcoinAddress {\n background-color: @mantle;\n color: @text;\n }\n\n .bg-info {\n background-color: @mantle;\n color: @text;\n }\n\n .subscriptions {\n .rpm10 {\n border-color: @teal;\n\n h4,\n h5,\n .price {\n background-color: @teal;\n color: @base;\n }\n }\n\n .rpm50 {\n border-color: @green;\n\n h4,\n h5,\n .price {\n background-color: @green;\n color: @base;\n }\n }\n\n .rpm100 {\n border-color: @yellow;\n\n h4,\n h5,\n .price {\n background-color: @yellow;\n color: @base;\n }\n }\n\n .rpm500 {\n border-color: @peach;\n\n h4,\n h5,\n .price {\n background-color: @peach;\n color: @base;\n }\n }\n\n .description {\n color: @text;\n }\n }\n\n .finePrint {\n color: @text;\n }\n\n .table-bordered {\n &,\n th,\n td {\n border-color: @surface0;\n }\n }\n\n .dropdown-menu {\n background-color: @base;\n\n > li > a {\n &:hover,\n &:focus {\n background-color: @mantle;\n }\n }\n }\n\n @media (min-width: 768px) {\n ul.nav li.dropdown:hover {\n background-color: @base;\n }\n }\n\n @media (max-width: 480px) {\n #searchContainer {\n background-color: @mantle;\n }\n }\n }\n}\n",
|
|
"originalDigest": "a80bde9c654f05c2cbd67131baa9be02fd06ad25",
|
|
"_id": "e9687514-c6ff-478c-8403-2766c1300d42",
|
|
"_rev": 1780236872267,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 104
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "NixOS Search Catppuccin",
|
|
"description": "Soothing pastel theme for NixOS Search",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/nixos-search/catppuccin.user.less",
|
|
"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": "2026.03.10",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/nixos-search/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Anixos-search",
|
|
"description": "Soothing pastel theme for NixOS Search",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": 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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"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 2026.03.10\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/nixos-search/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Anixos-search\n@description Soothing pastel theme for NixOS Search\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"search.nixos.org\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n --background-color: @base;\n --badge-background: @surface2;\n --button-active-background: @surface1;\n --button-active-hover-background: @surface2;\n --button-background: @surface0;\n --button-hover-background: @surface2;\n --color-active-hover-tab: @surface1;\n --color-active-tab: @surface0;\n --color-hover-tab: @surface1;\n --headerbar-background-color: @mantle;\n --hover-background: @surface0;\n --link-color: @accent;\n --info-label-background: @accent;\n --dark-blue: @accent;\n --light-blue: @accent; // used by focus outline\n --line-color: @surface0;\n --search-result-short-details-color: @subtext1;\n --search-result-divider-line-color: @surface0;\n --search-result-title-color: @accent;\n --search-sidebar-link-color: @text;\n --search-sidebar-selected-link-background: @accent;\n --search-sidebar-selected-link-color: @crust;\n --terminal-background: @surface0;\n --terminal-color: @text;\n --text-color: @text;\n --text-color-light: @text;\n --text-color-warning: @yellow;\n\n .badge {\n color: @text;\n }\n /* Experimental Flakes label */\n .label {\n color: @base;\n text-shadow: none;\n }\n }\n}\n",
|
|
"originalDigest": "5a003cad6a8ad3518289c199256170b84001d87e",
|
|
"_id": "6c4cb7a9-8e44-4bc8-8038-1273c80be9ad",
|
|
"_rev": 1780236872300,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 105
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Keyoxide Catppuccin",
|
|
"description": "Soothing pastel theme for Keyoxide",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/keyoxide/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Keyoxide Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/keyoxide",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/keyoxide",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/keyoxide/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Akeyoxide",
|
|
"description": "Soothing pastel theme for Keyoxide",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Keyoxide Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/keyoxide\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/keyoxide\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/keyoxide/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Akeyoxide\n@description Soothing pastel theme for Keyoxide\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document url-prefix(\"https://keyoxide.org\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n --primary-color: @accent;\n --primary-color-subtle: lighten(@accent, 5%);\n --body-background-color: @mantle;\n --section-background-color: @base;\n --text-color: @text;\n --text-color-subtle: @subtext1;\n --text-color-inverse: @crust;\n\n --link-color: @blue;\n --link-color-subtle: var(--text-color);\n --link-color-hover: lighten(@blue, 5%);\n --line-color-subtle: @surface1;\n --button-text-color: var(--text-color);\n --button-text-color-hover: var(--text-color);\n --button-border-color: @surface0;\n --button-border-color-hover: @surface0;\n --button-background-color: @surface0;\n --button-background-color-hover: @surface1;\n --input-text-color: var(--text-color);\n --input-text-color-hover: var(--text-color);\n --input-border-color: @surface0;\n --input-border-color-hover: @surface0;\n --input-background-color: @mantle;\n --input-background-color-hover: @mantle;\n --footer-text-color: var(--text-color-subtle);\n\n .kx-item details summary .info img,\n .kx-item details .subsection > img {\n filter: @text-filter;\n }\n\n kx-claim,\n kx-key {\n --loader-color: @subtext1;\n --success-color: @green;\n --failure-color: @red;\n --background-color: @surface0;\n --header-background-color: @surface1;\n }\n\n a.button.button--donate.button--opencollective {\n background-color: @blue;\n color: @crust;\n\n &:hover {\n background-color: lighten(@blue, 5%);\n }\n\n svg {\n fill: @crust;\n }\n }\n }\n}\n\n@-moz-document domain(\"docs.keyoxide.org\"), domain(\"blog.keyoxide.org\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n\n @text-filter: @catppuccin-filters[@@flavor][@text];\n\n #lib.defaults();\n\n background-color: @base;\n\n --clr-primary-100: @crust;\n --clr-primary-99: @crust;\n --clr-primary-98: @mantle;\n --clr-primary-95: @base;\n --clr-primary-90: lighten(@accent, 30%);\n --clr-primary-80: lighten(@accent, 20%);\n --clr-primary-70: lighten(@accent, 10%);\n --clr-primary-60: @accent;\n --clr-primary-50: darken(@accent, 5%);\n --clr-primary-40: darken(@accent, 10%);\n --clr-primary-35: darken(@accent, 15%);\n --clr-primary-30: darken(@accent, 20%);\n --clr-primary-25: darken(@accent, 25%);\n --clr-primary-20: darken(@accent, 30%);\n --clr-primary-10: darken(@accent, 35%);\n --clr-primary-0: @text;\n --clr-primary: @accent;\n --clr-header: @text;\n --clr-header-subtle: @subtext1;\n --clr-text: @text;\n --clr-text-subtle: @subtext1;\n --clr-bg: @mantle;\n --clr-bg-alt: @crust;\n --clr-border: @surface0;\n --clr-link: @blue;\n\n --clr-secondary-20: @subtext1;\n\n nav a.active {\n color: @crust;\n }\n\n .quick-links img,\n [src=\"/chevron-up.svg\"],\n [src=\"/chevron-down.svg\"] {\n filter: @text-filter;\n }\n img[title=\"Keyoxide logo\"] {\n @svg: escape(\n '<svg viewBox=\"0 0 35 35\" xmlns=\"http://www.w3.org/2000/svg\" width=\"35\" height=\"35\"><path fill=\"@{accent}\" d=\"M15.852 0a1.225 1.225 0 0 0-1.214 1.214c0 .663.549 1.214 1.214 1.214a1.225 1.225 0 0 0 1.214-1.214A1.225 1.225 0 0 0 15.852 0m2.698.427a1.52 1.52 0 0 0-1.512 1.512c0 .346.116.667.317.923a2.046 2.046 0 0 0-2.292 2.021c0 1.12.919 2.041 2.039 2.041a2.04 2.04 0 0 0 1.422-.58 3 3 0 0 0-.024.326c0 .875.457 1.649 1.127 2.159l-3.771 2.934v-.168a4.82 4.82 0 0 0-4.811-4.811 4.82 4.82 0 0 0-4.811 4.813v9.956c0-.02-.003-.015-.003.051v8.579A4.82 4.82 0 0 0 11.044 35c2.523 0 4.543-1.975 4.74-4.448l5.46 3.636a4.82 4.82 0 0 0 6.67-1.333 4.82 4.82 0 0 0-1.333-6.67l-7.312-4.876 7.598-5.911a4.81 4.81 0 0 0 1.327-6.001l-.034-.064a2.3 2.3 0 0 0 .604-1.555 2.32 2.32 0 0 0-2.31-2.31 2.32 2.32 0 0 0-2.098 1.341 6 6 0 0 0-.37-.02c.003-.044.006-.059.006-.116a2.756 2.756 0 0 0-2.749-2.749c-.844 0-1.6.388-2.104.991v-.031c0-.557-.225-1.065-.589-1.433.829 0 1.512-.684 1.512-1.512S19.379.426 18.55.426zm-2.698.615c.101 0 .171.07.171.171s-.069.172-.171.172-.171-.07-.171-.171.07-.171.171-.171m2.698.427c.265 0 .47.204.47.47s-.204.47-.47.47a.464.464 0 0 1-.47-.47c0-.265.204-.47.47-.47M17.1 3.888c.557 0 .996.439.996.996a.99.99 0 0 1-.996 1 .99.99 0 0 1-.997-.999c0-.558.44-.997.997-.997m4.145 1.079a1.7 1.7 0 0 1 1.706 1.706c0 .083-.007.16-.009.278 0 .12.015.306.116.48a.85.85 0 0 0 .445.35 1.1 1.1 0 0 0 .382.045c.088 0 .175.009.263.015a2.32 2.32 0 0 0 1.827 2.199l.018.003.031.006q.099.019.197.031h.006a2.4 2.4 0 0 0 .633-.025h.011l.015-.003q.19-.038.365-.102l.02-.007.009-.003a3.754 3.754 0 0 1-1.05 4.635l-8.171 6.354a.52.52 0 0 0 .031.846l7.916 5.274a3.76 3.76 0 0 1 1.046 5.226 3.76 3.76 0 0 1-5.226 1.046l-6.198-4.13a.521.521 0 0 0-.808.433v.562a3.76 3.76 0 0 1-3.771 3.771 3.76 3.76 0 0 1-3.775-3.769v-8.579l.002-.045v-9.966a3.76 3.76 0 0 1 3.769-3.769 3.76 3.76 0 0 1 3.769 3.769v1.234a.521.521 0 0 0 .842.413l4.677-3.64s.109-.073.216-.19a.77.77 0 0 0 .239-.659.92.92 0 0 0-.27-.516c-.125-.105-.19-.127-.242-.165a1.7 1.7 0 0 1-.732-1.402c0-.948.754-1.706 1.704-1.706zm5.212 1.542a1.26 1.26 0 0 1 1.267 1.27 1.27 1.27 0 0 1-.768 1.171h-.003l-.051.018a2 2 0 0 1-.208.059l-.009.004h-.018a1.23 1.23 0 0 1-.921-.197 1.25 1.25 0 0 1-.558-1.054l.003-.066.003-.066a1.263 1.263 0 0 1 1.264-1.137\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n table {\n &,\n td {\n border-color: @surface0;\n }\n }\n\n pre {\n background-color: @mantle !important;\n color: @text !important;\n\n span[style=\"color:#c82728;\"] {\n color: @blue !important;\n }\n span[style=\"color:#4271ae;\"],\n span[style=\"color:#f07219;\"] {\n color: @green !important;\n }\n span[style=\"color:#8e908c;\"] {\n color: @overlay0 !important;\n }\n span[style=\"color:#8959a8;\"] {\n color: @mauve !important;\n }\n span[style=\"color:#839c00;\"] {\n color: @green !important;\n }\n span[style=\"color:#3e999f;\"] {\n color: @teal !important;\n }\n }\n\n .info {\n background-color: @mantle;\n\n &::before {\n background-color: @sky;\n color: @crust;\n }\n }\n\n .warning {\n background-color: @mantle;\n\n &::before {\n background-color: @yellow;\n color: @crust;\n }\n }\n\n .widget {\n background-color: fade(@accent, 60%);\n border-color: @accent;\n\n .title {\n color: @text;\n }\n\n input,\n select {\n background-color: @mantle;\n }\n }\n }\n}\n",
|
|
"originalDigest": "f2e62e10af7084683b63aba37f2dbc8caac84d4c",
|
|
"_id": "a43c71b4-5845-4db6-a35a-50343f56d3ec",
|
|
"_rev": 1780236872326,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 106
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "7TV Catppuccin",
|
|
"description": "Soothing pastel theme for 7TV",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/seventv/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "7TV Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/seventv",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/seventv",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/seventv/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aseventv",
|
|
"description": "Soothing pastel theme for 7TV",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name 7TV Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/seventv\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/seventv\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/seventv/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aseventv\n@description Soothing pastel theme for 7TV\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"7tv.app\") {\n .light-theme {\n #catppuccin(@lightFlavor);\n }\n .dark-theme {\n #catppuccin(@darkFlavor);\n }\n\n .system-theme {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n background-color: @base;\n\n --secondary: @surface0;\n --secondary-text: @text;\n --secondary-hover: @surface0;\n --secondary-active: @surface0;\n --secondary-disabled: @crust;\n --secondary-border: transparent;\n --primary: @accent;\n --primary-text: @crust;\n --primary-hover: darken(@accent, 5%);\n --primary-active: darken(@accent, 5%);\n --primary-disabled: @subtext0;\n --primary-border: transparent;\n --bg-dark: @crust;\n --bg-medium: @mantle;\n --bg-light: @base;\n --text: @text;\n --text-light: @subtext0;\n --layout-border: transparent;\n --border-active: @base;\n --store: @mauve;\n --preview: @mantle;\n --danger: @peach;\n --approve: @green;\n --rename: @sapphire;\n --staff: @red;\n --staff-bg: fade(@red, 20%);\n --admin-merge: @mauve;\n --admin-unlist: @peach;\n\n .flag {\n &[style*=\"#57ab5a\"] {\n color: @green !important;\n background-color: fade(@green, 20%) !important;\n }\n /* Emote is in selected emote set */\n &[style*=\"#529bf5\"] {\n color: @accent !important;\n background-color: fade(@accent, 20%) !important;\n }\n /* Emote is unlisted */\n &[style*=\"#eb3d26\"] {\n color: @red !important;\n &[style*=\"background-color\"] {\n background-color: fade(@red, 20%) !important;\n }\n }\n /* Emote is trending */\n &[style*=\"#e0823d\"] {\n color: @peach !important;\n &[style*=\"background-color\"] {\n background-color: fade(@peach, 20%) !important;\n }\n }\n /* Emote is overlaying */\n &[style*=\"#fc8dc7\"] {\n color: @pink !important;\n &[style*=\"background-color\"] {\n background-color: fade(@pink, 20%) !important;\n }\n }\n /* Personal emote set */\n &[style*=\"#b083f0\"] {\n color: @mauve !important;\n }\n }\n\n .badge {\n color: @base;\n }\n\n .emote,\n .emote-set {\n /* Emote is in selected emote set */\n &[style*=\"--highlight-active: #529bf5\"] {\n --highlight: fade(@accent, 80%) !important;\n --highlight-active: @accent !important;\n &.emote-set .name {\n color: @accent !important;\n }\n }\n\n /* Emote is unlisted */\n &[style*=\"--highlight-active: #eb3d26\"] {\n --highlight: fade(@red, 80%) !important;\n --highlight-active: @red !important;\n }\n\n /* Emote is trending */\n &[style*=\"--highlight-active: #e0823d\"] {\n --highlight: fade(@peach, 80%) !important;\n --highlight-active: @peach !important;\n }\n\n /* Emote is overlaying */\n &[style*=\"--highlight-active: #fc8dc7\"] {\n --highlight: fade(@pink, 80%) !important;\n --highlight-active: @pink !important;\n }\n\n /* Emote set is a personal emote set */\n &.emote-set[style*=\"--highlight-active: #b083f0\"] {\n --highlight: fade(@mauve, 80%) !important;\n --highlight-active: @mauve !important;\n &.emote-set .name {\n color: @mauve !important;\n }\n }\n\n /* Emote set is a special emote set */\n &.emote-set[style*=\"--highlight-active: #fcc200\"] {\n --highlight: fade(@yellow, 80%) !important;\n --highlight-active: @yellow !important;\n &.emote-set .name,\n &.emote-set .flag {\n color: @yellow !important;\n }\n }\n }\n\n img.image,\n .profile-picture,\n .profile-name .name,\n .user,\n .user-link,\n .username .name,\n .role > span,\n .side-bar .name,\n .roles > span {\n /* Admin */\n &[style*=\"255, 70, 70\"] {\n &,\n span,\n img {\n color: @red !important;\n border-color: @red !important;\n }\n }\n\n /* Moderator */\n &[style*=\"50, 168, 82\"] {\n &,\n span,\n img {\n color: @green !important;\n border-color: @green !important;\n }\n }\n\n &[style*=\"23, 235, 182\"],\n &[style*=\"177, 235, 52\"],\n &[style*=\"68, 194, 135\"] {\n &,\n span {\n color: @teal !important;\n border-color: @teal !important;\n }\n }\n /* Event coordinator */\n &[style*=\"182, 56, 181\"] {\n &,\n span,\n img {\n color: @pink !important;\n border-color: @pink !important;\n }\n }\n\n /* Verified */\n &[style*=\"145, 70, 255\"] {\n &,\n span,\n img {\n color: @mauve !important;\n border-color: @mauve !important;\n }\n }\n /* Subscriber */\n &[style*=\"255, 170, 0\"] {\n &,\n span,\n img {\n color: @yellow !important;\n border-color: @yellow !important;\n }\n }\n }\n\n .hero {\n svg {\n color: @text !important;\n }\n\n color: @text;\n .for-all {\n -webkit-text-stroke-color: @text !important;\n }\n\n &::before {\n background:\n radial-gradient(\n 180% 80% at 0% 100%,\n @text 0%,\n @blue 25%,\n fade(@mauve, 90%) 56%,\n fade(@mauve, 50%) 79%,\n transparent 100%\n ),\n @crust;\n }\n }\n\n /* Sub progress bar */\n\n .progress-circle {\n #progress {\n stroke: @accent;\n }\n }\n\n .subgrid .badge {\n color: @subtext0 !important;\n }\n\n /* Subscribe gradients */\n .gradient {\n color: @text !important;\n\n &.g1 {\n background:\n radial-gradient(\n 150% 180% at 50% 180%,\n @peach,\n @yellow 1%,\n @yellow 25%,\n @mantle 75%\n ),\n var(--secondary) !important;\n }\n\n &.g2 {\n background:\n radial-gradient(\n 150% 180% at 50% 180%,\n @text,\n @red 1%,\n @red 25%,\n @mantle 75%\n ),\n var(--secondary) !important;\n }\n\n &.g3 {\n background:\n radial-gradient(\n 150% 180% at 50% 180%,\n @peach,\n @pink 1%,\n @mauve 25%,\n @mantle 75%\n ),\n var(--secondary) !important;\n }\n\n &.g5 {\n background:\n radial-gradient(\n 150% 180% at 50% 180%,\n @peach,\n @sapphire 1%,\n @sapphire 25%,\n @mantle 75%\n ),\n var(--secondary) !important;\n }\n }\n\n /* Home page glow */\n .weird-smiley::before,\n .feature .background {\n background-image: radial-gradient(\n circle at bottom,\n fade(@mauve, 20%),\n fade(@sapphire, 20%)\n ) !important;\n }\n\n .banner {\n color: @base;\n\n &[style=\"--gradient-color: #9227cf\"] {\n --gradient-color: @mauve !important;\n }\n &[style=\"--gradient-color: #27cfb1\"] {\n --gradient-color: @teal !important;\n }\n &[style=\"--gradient-color: #ff11bc\"] {\n --gradient-color: @red !important;\n }\n\n &::before {\n background:\n radial-gradient(\n 100% 100% at 50% 0%,\n @text 0%,\n var(--gradient-color) 33%,\n @mauve 64%,\n fade(@mauve, 50%) 80%,\n @mantle 100%\n ),\n var(--bg-medium) !important;\n }\n }\n\n /* Sub badge progress bar */\n\n progress[value].bar {\n &::-webkit-progress-bar,\n &::-moz-progress-bar {\n background: @accent !important;\n }\n }\n }\n}\n@-moz-document domain(\"twitch.tv\") {\n .tw-root--theme-dark {\n #catppuccin(@darkFlavor);\n }\n .tw-root--theme-light {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n\n --seventv-text-color-normal: @text;\n --seventv-text-color-secondary: @subtext0;\n\n --seventv-border-transparent-1: @surface0;\n --seventv-background-shade-1: @base;\n --seventv-background-shade-2: @mantle;\n --seventv-background-shade-3: @crust;\n --seventv-background-transparent-1: @base;\n --seventv-background-transparent-2: @mantle;\n --seventv-background-transparent-3: @mantle;\n --seventv-highlight-neutral-1: @surface0;\n --seventv-input-background: @mantle;\n --seventv-input-border: @surface0;\n --seventv-subscriber-color: @yellow;\n\n --seventv-highlight-color: @accent;\n --seventv-highlight-dim-color: fade(@accent, 20%);\n\n --seventv-primary: @accent;\n --seventv-accent: @green;\n --seventv-warning: @peach;\n --seventv-muted: @subtext0;\n\n .seventv-transparent {\n --seventv-border-transparent-1: fade(@surface0, 77%);\n --seventv-background-transparent-1: fade(@base, 77%);\n --seventv-background-transparent-2: fade(@mantle, 59%);\n --seventv-background-transparent-3: fade(@mantle, 71%);\n }\n\n .seventv-announce-message-container {\n .announce-header {\n background-color: @crust;\n }\n .announce-message {\n background-color: @base;\n }\n }\n\n .grabbable-inner, .grabbable-outer {\n --color-border-input: @subtext0;\n }\n\n .seventv-user-message {\n /* First time chatter */\n &[style*=\"--seventv-highlight-color: #c832c8\"] {\n --seventv-highlight-color: @mauve !important;\n --seventv-highlight-dim-color: fade(@mauve, 10%) !important;\n }\n /* Mention */\n &[style*=\"--seventv-highlight-color: #e13232\"] {\n --seventv-highlight-color: @red !important;\n --seventv-highlight-dim-color: fade(@red, 10%) !important;\n }\n /* Blocked */\n &[style*=\"--seventv-highlight-color: #9488855A\"] {\n --seventv-highlight-color: @surface0 !important;\n }\n /* Raider */\n &[style*=\"--seventv-highlight-color: #6dd126\"] {\n --seventv-highlight-color: @green !important;\n --seventv-highlight-dim-color: fade(@green, 10%) !important;\n }\n /* Returning chatter */\n &[style*=\"--seventv-highlight-color: #3296e6\"] {\n --seventv-highlight-color: @blue !important;\n --seventv-highlight-dim-color: fade(@blue, 10%) !important;\n }\n }\n\n .seventv-chat-message-container:hover .seventv-chat-message-background {\n background-color: @surface0;\n }\n\n .seventv-sub-message-container, .seventv-reward-message-container {\n background-color: @base;\n }\n\n .seventv-settings-category {\n .seventv-settings-category-dropdown .seventv-settings-subcategory {\n &:hover {\n background-color: @base !important;\n }\n &.intersect {\n background-color: @surface0 !important;\n }\n }\n\n .settings-category-header {\n &:hover, &:focus-within {\n background-color: @base;\n }\n }\n }\n\n .seventv-settings-category[in-view=\"true\"] > .settings-category-header {\n background-color: @surface0;\n }\n\n .paint-tool-home {\n h6[style=\"color: red;\"] {\n color: @peach !important;\n }\n }\n\n section[timeline-id=\"LIVE\"] {\n label, div[selector=\"date-boundary\"] {\n color: @red;\n border-color: @red;\n }\n }\n\n .seventv-emote-container[zero-width=\"true\"] {\n border-color: @yellow;\n }\n\n .scope-labels {\n .label-global {\n color: @green;\n }\n .label-sub-feature {\n color: @yellow;\n }\n }\n\n [style*=\"rgb(255, 255, 255)\"] .seventv-chat-user-username span {\n color: @text !important;\n }\n\n .seventv-chat-mod-buttons {\n color: @subtext0;\n\n svg:hover {\n color: @text;\n }\n }\n }\n}\n",
|
|
"originalDigest": "9419cfccaa3ea80e05c1eee3d674b6e3500d1038",
|
|
"_id": "8991cd96-934f-43aa-9cbf-79a650b24c86",
|
|
"_rev": 1780236872364,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 107
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "web.dev Catppuccin",
|
|
"description": "Soothing pastel theme for web.dev",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/web.dev/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "web.dev Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/web.dev",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/web.dev",
|
|
"version": "2026.03.04",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/web.dev/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aweb.dev",
|
|
"description": "Soothing pastel theme for web.dev",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name web.dev Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/web.dev\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/web.dev\n@version 2026.03.04\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/web.dev/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aweb.dev\n@description Soothing pastel theme for web.dev\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n// Exclude https://pagespeed.web.dev/, which is (currently) poorly themed.\n@-moz-document url-prefix(\"https://web.dev\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n :focus-visible {\n outline-color: @accent;\n }\n\n --webdev-background-gray: @surface0;\n --webdev-background-gray-2: @surface1;\n --webdev-background-oficial-gray: @surface0;\n --webdev-background-white: @base;\n --webdev-google-colors-blue-50: @base;\n --webdev-google-colors-blue-600: @accent;\n --webdev-google-colors-blue-800: @accent;\n --webdev-primary: @accent;\n --webdev-text-text-1: @text;\n --webdev-text-text-2: @subtext1;\n --webdev-text-text-3: @subtext0;\n --webdev-illustration-colors-blue: @blue;\n --webdev-illustration-colors-gray: @surface2;\n --webdev-illustration-colors-green: @green;\n --webdev-illustration-colors-red: @red;\n\n --devsite-secondary-text-color: @subtext1;\n --devsite-primary-border: 1px solid @surface0;\n --devsite-secondary-border: 1px solid @surface2;\n\n --devsite-contrast-link-color: @accent;\n --devsite-header-link-color-active: @text;\n\n --devsite-button-disabled-background: @surface0;\n --devsite-button-disabled-color: @subtext0;\n --devsite-button-primary-background-active: @accent;\n --devsite-button-primary-color-active: @crust;\n --devsite-button-primary-border-hover: 2px solid transparent;\n\n --devsite-input-background: @surface0;\n --devsite-input-background-focus: fade(@accent, 30%);\n\n devsite-multiple-choice {\n .devsite-multiple-choice-question {\n color: @text;\n }\n\n --devsite-multiple-choice-background: @surface0;\n --devsite-multiple-choice-correct-background: fade(@green, 10%);\n --devsite-multiple-choice-correct-color: @green;\n --devsite-multiple-choice-incorrect-background: fade(@red, 10%);\n --devsite-multiple-choice-incorrect-color: @red;\n }\n\n body:not([codelabs-content-type=\"paginated\"]) {\n --devsite-notice-link-background-hover: @mantle;\n\n --devsite-caution-notice-background: fade(@red, 10%);\n --devsite-caution-notice-color: @red;\n --devsite-key-point-notice-background: fade(@sapphire, 10%);\n --devsite-key-point-notice-color: @sapphire;\n --devsite-key-term-notice-background: fade(@mauve, 10%);\n --devsite-key-term-notice-color: @mauve;\n --devsite-note-notice-background: fade(@blue, 10%);\n --devsite-note-notice-color: @blue;\n --devsite-status-notice-color: @teal;\n --devsite-success-notice-background: fade(@green, 10%);\n --devsite-success-notice-color: @green;\n --devsite-warning-notice-background: fade(@peach, 10%);\n --devsite-warning-notice-color: @peach;\n }\n\n devsite-code,\n devsite-code[dark-code],\n devsite-content {\n --devsite-code-background: @mantle;\n --devsite-code-color: @text;\n --devsite-code-buttons-color: @overlay2;\n --devsite-code-buttons-hover: @subtext1;\n\n --devsite-var-color: @mauve;\n --devsite-code-comments-color: @overlay2;\n --devsite-code-keywords-color: @mauve;\n --devsite-code-numbers-color: @peach;\n --devsite-code-strings-color: @green;\n --devsite-code-types-color: @yellow;\n }\n\n devsite-header devsite-language-selector {\n --devsite-select-color: @text;\n }\n\n devsite-playlist {\n .devsite-playlist--header h1:first-of-type,\n .devsite-playlist--header-badge-info,\n .devsite-playlist--header-details-info {\n color: @crust;\n }\n\n .devsite-playlist--sections .devsite-playlist--section[expanded] {\n color: @crust;\n }\n\n devsite-bookmark {\n --devsite-bookmark-icon-color: @crust;\n --devsite-bookmark-icon-arrow-color: @crust;\n --devsite-dropdown-list-toggle-color-hover: @crust;\n }\n }\n\n devsite-content {\n --devsite-search-results-breadcrumb-color: @subtext0;\n }\n\n .devsite-site-logo {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 215 64\"><path d=\"M1.075 45.08c0-2.88 2.35-5.213 5.248-5.213h27.989c2.898 0 5.248 2.334 5.248 5.212s-2.35 5.213-5.248 5.213H6.322c-2.897 0-5.247-2.334-5.247-5.213\" fill=\"@{sky}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.612 13.594a5.273 5.273 0 0 1 7.422 0l13.994 13.9a5.187 5.187 0 0 1 0 7.371l-13.994 13.9a5.273 5.273 0 0 1-7.422 0 5.187 5.187 0 0 1 0-7.371l9.665-9.6a.865.865 0 0 0 0-1.229l-9.665-9.6a5.187 5.187 0 0 1 0-7.37\" fill=\"@{blue}\"/><path d=\"m18.993 39.867-8.96 8.898a5.273 5.273 0 0 1-7.42 0 5.187 5.187 0 0 1 0-7.371l1.536-1.527z\" fill=\"@{pink}\"/><path d=\"M34.312 50.292c2.898 0 5.248-2.334 5.248-5.213s-2.35-5.212-5.248-5.212-5.248 2.334-5.248 5.212 2.35 5.213 5.248 5.213\" fill=\"@{blue}\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M200.552 45.338h-3.784l-8.256-20.33h4.128l6.02 15.717 6.02-15.717h4.128zm-28.896-12.471h11.696c-.172-2.734-2.408-4.954-5.848-4.954-2.924 0-5.16 1.879-5.848 4.954m6.192 13.154c-6.02 0-10.32-4.613-10.32-10.763s4.3-10.762 10.148-10.762c6.02 0 9.976 4.1 9.976 11.104v.342h-15.996c.172 3.929 3.096 6.662 6.536 6.662 2.408 0 4.472-1.196 5.676-3.587l3.44 1.708c-1.892 3.246-5.332 5.296-9.46 5.296m-24.08 0c-5.332 0-9.804-4.783-9.804-10.763s4.472-10.762 9.804-10.762c2.924 0 5.676 1.367 7.052 3.417h.172l-.172-2.734v-9.396h3.784v29.555h-3.612v-2.734h-.172c-1.548 2.05-4.128 3.417-7.052 3.417m.516-3.417c3.784 0 6.536-2.904 6.536-7.346 0-4.27-2.752-7.345-6.536-7.345-3.612 0-6.536 3.075-6.536 7.345 0 4.271 2.924 7.346 6.536 7.346m-11.696.171c0 1.538-1.204 2.733-2.924 2.733-1.548 0-2.924-1.366-2.924-2.733 0-1.537 1.376-2.733 2.924-2.733 1.72 0 2.924 1.196 2.924 2.733m-18.06-.17c3.612 0 6.536-3.076 6.536-7.347s-2.924-7.345-6.536-7.345c-3.784 0-6.536 3.075-6.536 7.345 0 4.271 2.752 7.346 6.536 7.346m.688 3.416c-2.924 0-5.676-1.367-7.052-3.417h-.172v2.734h-3.612V15.783h3.784v9.396l-.172 2.734h.172c1.376-2.05 3.956-3.417 7.052-3.417 5.332 0 9.804 4.783 9.804 10.762-.172 5.98-4.472 10.763-9.804 10.763M95.288 32.867h11.696c-.172-2.734-2.408-4.954-5.848-4.954-2.924 0-5.16 1.879-5.848 4.954m6.192 13.154c-6.02 0-10.32-4.613-10.32-10.763s4.3-10.762 10.148-10.762c6.02 0 9.976 4.1 9.976 11.104v.342H95.288c.172 3.929 3.096 6.662 6.536 6.662q3.612 0 5.676-3.587l3.44 1.708c-1.892 3.246-5.332 5.296-9.46 5.296M90.644 25.179l-6.536 20.33h-3.956l-5.16-15.546-4.988 15.545h-3.956L59.34 25.18h3.956l4.472 15.375 4.988-15.375h3.956L81.7 40.554l4.472-15.375z\" fill=\"@{text}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .wd-footer-promo {\n @svg: escape(\n '<svg viewBox=\"0 0 125 24\" aria-label=\"web.dev\" fill=\"@{text}\" height=\"24\" width=\"125\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M.625 19.949a3.05 3.05 0 0 1 3.051-3.051H19.95a3.051 3.051 0 0 1 0 6.102H3.676a3.05 3.05 0 0 1-3.051-3.051\" fill=\"@{sky}\"/><path d=\"M1.519 1.519a3.05 3.05 0 0 1 4.315 0l8.136 8.136a3.05 3.05 0 0 1 0 4.315l-8.136 8.136a3.051 3.051 0 1 1-4.315-4.315l5.619-5.619a.51.51 0 0 0 0-.72l-5.62-5.618a3.05 3.05 0 0 1 0-4.315\" clip-rule=\"evenodd\" fill=\"@{blue}\" fill-rule=\"evenodd\"/><path d=\"m11.042 16.898-5.208 5.208a3.051 3.051 0 1 1-4.315-4.315l.893-.893z\" fill=\"@{pink}\"/><path d=\"M19.949 23a3.051 3.051 0 1 0 0-6.102 3.051 3.051 0 0 0 0 6.102\" fill=\"@{blue}\"/><path d=\"M116.6 20.1h-2.2l-4.8-11.9h2.4l3.5 9.2 3.5-9.2h2.4zm-16.8-7.3h6.8c-.1-1.6-1.4-2.9-3.4-2.9-1.7 0-3 1.1-3.4 2.9m3.6 7.7c-3.5 0-6-2.7-6-6.3s2.5-6.3 5.9-6.3c3.5 0 5.8 2.4 5.8 6.5v.2h-9.3c.1 2.3 1.8 3.9 3.8 3.9 1.4 0 2.6-.7 3.3-2.1l2 1c-1.1 1.9-3.1 3.1-5.5 3.1m-14 0c-3.1 0-5.7-2.8-5.7-6.3s2.6-6.3 5.7-6.3c1.7 0 3.3.8 4.1 2h.1l-.1-1.6V2.8h2.2v17.3h-2.1v-1.6h-.1c-.9 1.2-2.4 2-4.1 2m.3-2c2.2 0 3.8-1.7 3.8-4.3 0-2.5-1.6-4.3-3.8-4.3-2.1 0-3.8 1.8-3.8 4.3s1.7 4.3 3.8 4.3m-6.8.1c0 .9-.7 1.6-1.7 1.6-.9 0-1.7-.8-1.7-1.6 0-.9.8-1.6 1.7-1.6 1 0 1.7.7 1.7 1.6m-10.5-.1c2.1 0 3.8-1.8 3.8-4.3s-1.7-4.3-3.8-4.3c-2.2 0-3.8 1.8-3.8 4.3s1.6 4.3 3.8 4.3m.4 2c-1.7 0-3.3-.8-4.1-2h-.1v1.6h-2.1V2.8h2.2v5.5l-.1 1.6h.1c.8-1.2 2.3-2 4.1-2 3.1 0 5.7 2.8 5.7 6.3-.1 3.5-2.6 6.3-5.7 6.3m-17.4-7.7h6.8c-.1-1.6-1.4-2.9-3.4-2.9-1.7 0-3 1.1-3.4 2.9m3.6 7.7c-3.5 0-6-2.7-6-6.3s2.5-6.3 5.9-6.3c3.5 0 5.8 2.4 5.8 6.5v.2h-9.3c.1 2.3 1.8 3.9 3.8 3.9q2.1 0 3.3-2.1l2 1c-1.1 1.9-3.1 3.1-5.5 3.1M52.7 8.3l-3.8 11.9h-2.3l-3-9.1-2.9 9.1h-2.3L34.5 8.3h2.3l2.6 9 2.9-9h2.3l2.9 9 2.6-9z\" clip-rule=\"evenodd\" fill-rule=\"evenodd\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n}\n",
|
|
"originalDigest": "7568763df06ec699e5aa5ebc2fb66020fa958dc2",
|
|
"_id": "6d6b488d-35d8-4157-a667-2f48364c0aaf",
|
|
"_rev": 1780236872435,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 108
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Minesweeper Online Catppuccin",
|
|
"description": "Soothing pastel theme for Minesweeper Online",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/minesweeper/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Minesweeper Online Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/minesweeper",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/minesweeper",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/minesweeper/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aminesweeper",
|
|
"description": "Soothing pastel theme for Minesweeper Online",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Minesweeper Online Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/minesweeper\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/minesweeper\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/minesweeper/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aminesweeper\n@description Soothing pastel theme for Minesweeper Online\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"minesweeper.online\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n --b0: @crust;\n --b1: @base;\n\n body {\n background-color: @crust;\n }\n\n .navbar-desktop {\n background-color: @base;\n }\n\n .header {\n margin-top: 0;\n }\n\n .navbar-default {\n background-color: @base;\n }\n\n .navbar-default .navbar-brand,\n .navbar-default .navbar-brand:hover,\n .navbar-default .navbar-brand:focus,\n .navbar-default .navbar-brand:focus:hover {\n color: @text;\n }\n\n .navbar-default .navbar-toggle {\n border-color: @surface0;\n background-color: @base;\n &:hover {\n border-color: @surface1;\n background-color: @mantle;\n }\n }\n\n .navbar-default .navbar-toggle .icon-bar {\n background-color: @text;\n }\n\n .navbar-desktop,\n .main-content {\n box-shadow: @surface0 0 0 0 1px;\n }\n\n hr,\n .thumbnail,\n .table-bordered {\n border-color: @surface0 !important;\n }\n\n .main-column {\n box-shadow: @surface0 1px 0 0 0 inset;\n }\n\n .main-content,\n .thumbnail,\n .table td {\n background-color: @mantle;\n }\n\n .homepage-level {\n background-color: @mantle;\n border-color: @surface0;\n }\n\n a.homepage-level.active,\n a.homepage-level:focus,\n a.homepage-level:hover {\n border-color: @accent;\n }\n\n a,\n a:hover,\n .text-primary {\n color: @accent;\n }\n\n .text-success,\n .level1-link,\n .level1-link:hover,\n .time-icon,\n .end-icon,\n .equipment-rarity-0 {\n color: @green !important;\n }\n\n .btn-success,\n .btn-success:hover,\n .btn-success:focus,\n .btn-success:focus:hover {\n color: @mantle;\n background-color: @green;\n border-color: @green;\n }\n\n .btn-danger,\n .btn-danger:hover,\n .btn-danger:focus,\n .btn-danger:focus:hover {\n color: @mantle;\n background-color: @red;\n border-color: @red;\n }\n\n code {\n background-color: fade(@red, 12.5%);\n }\n\n #premium_content > div:nth-child(21) {\n > p:nth-child(3) > code:nth-child(1) {\n color: @peach !important;\n }\n > p:nth-child(4) > code:nth-child(1) {\n color: @blue !important;\n }\n > p:nth-child(5) > code:nth-child(1) {\n color: @green !important;\n }\n }\n\n .equipment-item-rarity-0 {\n border-color: @green;\n background-color: fade(@green, 12.5%);\n }\n\n .equipment-item-rarity-1 {\n border-color: @blue;\n background-color: fade(@blue, 12.5%);\n }\n\n .level2-link,\n .level2-link:hover,\n .blue,\n .ws-icon,\n .equipment-rarity-1,\n .equipment-rarity-1:active,\n .equipment-rarity-1:hover,\n .equipment-rarity-1:visited {\n color: @blue !important;\n }\n\n .equipment-rarity-2,\n .equipment-rarity-2:active,\n .equipment-rarity-2:hover,\n .equipment-rarity-2:visited {\n color: @mauve !important;\n }\n\n .equipment-item-rarity-2 {\n border-color: @mauve;\n background-color: fade(@mauve, 12.5%);\n }\n\n .equipment-rarity-3,\n .equipment-rarity-3:active,\n .equipment-rarity-3:hover,\n .equipment-rarity-3:visited {\n color: @peach !important;\n }\n\n .equipment-item-rarity-3 {\n border-color: @peach;\n background-color: fade(@peach, 12.5%);\n }\n\n .equipment-item-rarity-4,\n .equipment-item-rarity-5 {\n border-color: @red;\n background-color: fade(@red, 12.5%);\n }\n\n .eff-icon,\n .quality-icon {\n color: @peach;\n }\n\n .text-danger,\n .level3-link,\n .level3-link:hover,\n .eff-icon.eff-icon.level3,\n .list-icon.level3,\n .nf-icon.level3,\n .time-icon.level3,\n .wins-icon.level3,\n .ws-icon.ws3,\n .mastery-icon.mastery3,\n .wins-icon,\n .end-icon.end3,\n .mastery-icon,\n .equipment-rarity-4,\n .equipment-rarity-4:active,\n .equipment-rarity-4:hover,\n .equipment-rarity-4:visited,\n .equipment-rarity-5,\n .equipment-rarity-5:active,\n .equipment-rarity-5:hover,\n .equipment-rarity-5:visited {\n color: @red !important;\n }\n\n body,\n .main-page h1,\n .main-page h2,\n .main-page h3,\n .sidebar-nav ul li a,\n .help-menu-item > strong,\n .help-content h3,\n .sidebar-nav ul li,\n a.active,\n .brand-link .brand-text,\n .black-link,\n .black-link:active,\n .black-link:hover,\n .black-link:visited,\n .events-title {\n color: @text !important;\n }\n\n .btn-primary,\n .btn-primary:hover,\n .btn-primary:active:hover,\n .btn-primary:active {\n border-color: @accent;\n background-color: @accent;\n color: @mantle;\n }\n\n .premium-product-descr {\n color: fade(@yellow, 60%);\n }\n\n .shop-strike-danger {\n background-image: linear-gradient(\n rgba(0, 0, 0, 0) 8px,\n @red 8px,\n @red 10px,\n rgba(0, 0, 0, 0) 10px\n );\n }\n\n .gray,\n .mediumgray,\n .mediumgray:hover,\n .dropdown-menu > li > a,\n .dropdown-menu > li > a:hover,\n .score-icon.icon-silver,\n .gray:hover,\n .icon-mobile {\n color: @subtext0;\n }\n\n .dropdown-menu > li > a:focus,\n .dropdown-menu > li > a:hover {\n background-color: @base !important;\n }\n\n .nav-tabs > li.active > a,\n .nav-tabs > li.active > a:focus,\n .nav-tabs > li.active > a:hover,\n .nav-tabs > li > a:hover {\n border-color: @surface0;\n background-color: @base;\n color: @text;\n }\n\n .chat-messages {\n border-color: @surface0;\n }\n\n .btn-default,\n .form-control {\n color: @text;\n background-color: @mantle;\n border-color: @surface0;\n &:hover {\n color: @text;\n background-color: @base;\n border-color: @surface1;\n }\n }\n\n .btn-info,\n .btn-info:hover,\n .btn-info:active:hover,\n .btn-info:active {\n border-color: @blue;\n background-color: @blue;\n color: @mantle;\n }\n\n .ticket.icon-filter {\n color: @sky;\n }\n\n td[class=\"text-nowrap\"],\n .result-block,\n .dropdown-menu,\n td[class=\"\"],\n .table-bordered > tbody > tr > td {\n background-color: @mantle;\n border-color: @surface0 !important;\n }\n\n th[class=\"homepage-best-players-th\"],\n th[colspan=\"1\"],\n th[class=\"text-nowrap\"],\n th[class=\"text-nowrap quests-column-last\"],\n .help-table > thead:nth-child(1) > tr:nth-child(1) > th,\n table.table:nth-child(3) > tbody:nth-child(1) > tr:nth-child(1) > th,\n table.table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > th,\n th[colspan=\"3\"] {\n border-color: @surface0 !important;\n background-color: @base;\n }\n\n .pagination > li > a,\n .pagination > li > span {\n background-color: @mantle;\n border-color: @surface0 !important;\n color: @accent;\n }\n\n .pagination > .disabled > a {\n background-color: @mantle;\n border-color: @surface0 !important;\n color: @subtext0;\n }\n\n .pagination > li > a:hover {\n background-color: @base;\n color: @accent;\n }\n\n .pagination-sm > li:first-child > a,\n .pagination-sm > li:first-child > a:hover,\n .pagination > .disabled > a:hover {\n background-color: @crust;\n color: @subtext0;\n }\n\n .pagination > .active > a,\n .pagination > .active > a:hover {\n background-color: @accent;\n color: @mantle;\n }\n\n .open > .dropdown-toggle.btn-default,\n .open > .dropdown-toggle.btn-default:focus,\n .open > .dropdown-toggle.btn-default:hover,\n .btn-default:active:hover {\n background-color: @surface0;\n border-color: @surface1 !important;\n color: @text;\n }\n\n .footer-link,\n .season {\n color: @subtext0 !important;\n }\n\n .score-icon {\n color: @yellow;\n }\n\n .dotted-underline,\n .dotted-underline:hover {\n border-bottom-color: @subtext0;\n }\n\n .ws-icon.ws11 {\n color: @green;\n }\n\n .brand-logo {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.1\" x=\"0px\" y=\"0px\" viewBox=\"0 0 100 100\" enable-background=\"new 0 0 100 100\" xml:space=\"preserve\"><path fill=\"@{text}\" d=\"M12.903 52.991V46.96H26.52a23.6 23.6 0 0 1 1.622-6.122L9.398 30.016a45.04 45.04 0 0 0-4.64 19.96 45.04 45.04 0 0 0 4.64 19.959l18.744-10.822a23.6 23.6 0 0 1-1.622-6.123zM50 35.577c-7.936 0-14.397 6.46-14.397 14.398S42.065 64.372 50 64.372c7.938 0 14.4-6.46 14.4-14.397S57.938 35.577 50 35.577m0 22.272c-4.342 0-7.872-3.532-7.872-7.873s3.53-7.875 7.872-7.875 7.878 3.533 7.878 7.875c0 4.34-3.536 7.873-7.878 7.873M34.066 83.612l-5.227-3.016 6.825-11.824a23.8 23.8 0 0 1-4.479-4.45L12.413 75.159c7.599 11.314 20.161 18.998 34.57 19.946V73.459c-2.138-.274-4.175-.858-6.096-1.663zm34.753-19.29a24 24 0 0 1-4.479 4.451l6.823 11.823-5.223 3.016-6.823-11.814a23.5 23.5 0 0 1-6.101 1.662v21.646c14.409-.949 26.978-8.634 34.569-19.946zm21.786-34.304-18.744 10.82a23.4 23.4 0 0 1 1.622 6.122H87.1v6.031H73.483a23.5 23.5 0 0 1-1.622 6.123l18.744 10.819a45.04 45.04 0 0 0 4.636-19.957 45.04 45.04 0 0 0-4.636-19.958M65.94 16.339l5.223 3.016-6.823 11.822a24 24 0 0 1 4.479 4.451l18.767-10.836C79.994 13.48 67.426 5.794 53.017 4.845v21.646a23.4 23.4 0 0 1 6.101 1.662zM35.665 31.177 28.84 19.354l5.227-3.016 6.821 11.815a23.4 23.4 0 0 1 6.096-1.663V4.845c-14.409.949-26.972 8.634-34.57 19.947l18.773 10.836a23.8 23.8 0 0 1 4.478-4.451\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .exp-icon {\n @svg: escape(\n '<svg height=\"448pt\" viewBox=\"0 -6 448.28512 448\" width=\"448pt\" xmlns=\"http://www.w3.org/2000/svg\"><defs><linearGradient id=\"a\"><stop offset=\"5%\" stop-color=\"@{blue}\"/><stop offset=\"95%\" stop-color=\"@{blue}\"/></linearGradient></defs><path d=\"M445.086 175.18a8 8 0 0 0 2.797-8.903 8 8 0 0 0-7.543-5.496H294.285a8 8 0 0 1-7.512-5.265L232.203 5.414a8 8 0 0 0-7.52-5.273 8 8 0 0 0-7.519 5.273l-54.566 150.063a8 8 0 0 1-7.512 5.265H8.004a8 8 0 0 0-4.918 14.313l121.2 94.261a8 8 0 0 1 2.71 8.739l-46.84 147.199a8 8 0 0 0 12.367 8.863l127.418-93.879a8 8 0 0 1 9.489 0l125.94 92.802a8 8 0 0 0 9.54-.035 8 8 0 0 0 2.726-9.145l-52.903-145.52a8 8 0 0 1 2.766-9.175zm0 0\" fill=\"url(#a)\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .coin-icon {\n @svg: escape(\n '<svg height=\"512\" viewBox=\"0 0 48 48\" width=\"512\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"24\" cy=\"24\" fill=\"@{yellow}\" r=\"22\"/><path d=\"M38.52 7.48A21.994 21.994 0 0 1 7.48 38.52 21.995 21.995 0 1 0 38.52 7.48\" fill=\"@{yellow}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .diff-icon {\n @svg: escape(\n '<svg fill=\"@{text}\" version=\"1.1\" viewBox=\"0 0 64.369 100.8\" xml:space=\"preserve\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" enable-background=\"new 0 0 64.369 100.8\"><path d=\"M32.472 74.848q4.154-2.302 14.574-6.712.512-.255 2.685-1.151 3.706-3.771 6.137-5.657 2.429-1.885 3.516-1.886 1.342 0 1.981.831.638.83.639 2.557 0 1.47-.448 4.155 2.749 3.452 2.749 5.114 0 1.407-.767 2.141-.766.735-2.301.735-.767 0-2.333-.799-1.567-.798-3.995-2.333-5.881 1.088-16.875 6.584 1.406.831 2.046 1.214 3.835 2.174 9.46 5.817.703.448 3.196 1.918 11.633 1.342 11.634 5.881 0 2.941-6.264 3.963-2.94 3.58-4.858 3.58-2.301 0-4.475-6.009-.192-.638-.703-1.854-8.95-7.35-16.108-11.122a87.6 87.6 0 0 0-16.236 11.761q-1.023 7.224-4.347 7.223-2.11 0-4.858-4.091-6.52.001-6.52-3.58 0-2.62 2.429-3.803t10.227-2.333q5.839-4.282 13.86-8.565-10.772-5.37-17.567-6.584-1.598 1.407-2.941 2.11t-2.493.703q-1.663 0-2.525-.703-.863-.703-.863-2.045 0-1.214 2.813-4.922-.639-2.62-.639-3.963 0-1.917.767-2.844.766-.926 2.237-.927 1.47 0 3.835 1.918 2.364 1.918 5.689 5.817 7.35 2.62 17.642 7.861\"/><path d=\"M44.298 48.448 42.7 54.776l-3.9 3.388q-1.019 1.982-2.708 2.972-1.688.991-3.98.991-4.587 0-6.689-3.963L21.5 54.776l-1.607-6.328 2.315-.575q.382.96.574 1.47 1.468 3.388 3.223 4.474 1.756 1.087 5.841 1.087 4.595 0 6.351-1.023t3.224-4.538q.191-.512.574-1.47z\"/><path d=\"M48.144 5.306Q41.944 0 31.972 0T15.8 5.306 9.6 19.177q0 7.352 1.981 10.675 2.557 4.474 2.749 6.009l.831 5.369 8.99 4.283 1.285 3.26q1.21.384 2.866.607 1.656.224 3.694.224 4.14 0 6.56-.831l1.279-3.26 8.949-4.283.831-5.369q.256-1.535.639-2.301 4.09-7.03 4.091-14.382 0-8.567-6.201-13.872M22.671 35.732q-5.337 0-5.337-6.137 0-2.939 1.382-4.411 1.382-1.47 4.148-1.47 5.208 0 5.209 5.433 0 6.586-5.402 6.585m11.143 8.625q-.705 0-1.534-.511-.831.512-1.534.511-1.15 0-1.758-.511-.607-.511-.607-1.534 0-.959 1.534-2.685 1.214-1.47 2.365-3.388a25 25 0 0 0 2.365 3.388q1.534 1.726 1.534 2.621 0 2.109-2.365 2.109m7.81-8.625q-5.37 0-5.37-6.137 0-5.88 5.497-5.881 2.62 0 3.931 1.342t1.311 4.091q.001 6.586-5.369 6.585\"/><g/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n filter: none;\n }\n\n .arena-icon {\n @svg: escape(\n '<svg height=\"104px\" version=\"1.1\" viewBox=\"0 0 102 104\" width=\"102px\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><title/><desc/><g transform=\"translate(1 2)\" stroke=\"@{crust}\" stroke-width=\"3.5\" fill=\"none\" fill-rule=\"evenodd\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon fill=\"@{subtext0}\" points=\"19.1435561 74.3063639 26.1446134 81.3774317 14.165804 93.4760291 7.16474678 86.4049613\"/><polygon fill=\"@{text}\" points=\"17.9831197 59.7106781 40.3865029 82.3380951 33.3854456 89.4091629 10.9820625 66.7817459\"/><path d=\"M3.28 97.187c2.708 2.734 6.396 3.441 9.102.707s2.007-6.458-.7-9.192-6.395-3.44-9.101-.707-2.007 6.459.7 9.192\" fill=\"@{text}\"/><polygon fill=\"@{subtext0}\" points=\"85.834196 74.3063639 92.8352532 81.3774317 80.8564439 93.4760291 73.8553866 86.4049613\" transform=\"matrix(-1 0 0 1 166.69 0)\"/><polygon fill=\"@{text}\" points=\"66.6145544 59.7106781 89.0179375 82.3380951 82.0168803 89.4091629 59.6134971 66.7817459\" transform=\"matrix(-1 0 0 1 148.631 0)\"/><path d=\"M96.72 97.187c-2.708 2.734-6.396 3.441-9.102.707s-2.007-6.458.7-9.192 6.395-3.44 9.101-.707 2.007 6.459-.7 9.192\" fill=\"@{text}\"/><path d=\"M50 64.904 36.229 77.152 22.672 63.46 33.9 50.583zm16.1-14.32 28.766-25.585L99.072.19 74.309 4.236 50 32.116z\" fill=\"@{blue}\"/><polygon fill=\"@{sky}\" points=\"99.0210002 0.4898358 99.0719829 0.189073698 74.308793 4.23596166 22.6723586 63.4598282 29.673415 70.5308968 99.0210002 0.4898358\"/><polygon fill=\"@{blue}\" points=\"52.5644515 4.23596166 77.3276414 0.189073698 73.1220477 24.9991339 14.4845545 77.1519342 0.928017109 63.4598282\" transform=\"matrix(-1 0 0 1 78.256 0)\"/><polygon fill=\"@{sky}\" points=\"77.2766587 0.4898358 77.3276414 0.189073698 52.5644515 4.23596166 0.928017109 63.4598282 7.92907353 70.5308968 77.2766587 0.4898358\" transform=\"matrix(-1 0 0 1 78.256 0)\"/></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .event-item-icon.icon-filter {\n @svg: escape(\n '<svg height=\"512\" viewBox=\"0 0 66 66\" width=\"512\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m45.4 39.6 7.2 22.1-18.5-13.3-19.6 14.1v-.2L21.9 40h-.1L2 25.7h24.1l7.7-22.1 7.1 22.2 23.1.5z\" fill=\"@{yellow}\"/><path d=\"m45.4 39.6 7.2 22.1-18.5-13.3-19.6 14.1v-.2L21.9 40h-.1L2 25.7h24.1l7.7-22.1 7.1 22.2 23.1.5z\" fill=\"none\" stroke=\"@{yellow}\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"2\"/><path d=\"M34.3 35.6 2 25.7h24.1l8.1-.4z\" fill=\"@{mauve}\"/><path d=\"M34.3 35.6 2 25.7h8.8l13.6 4.2c3.1 1 6.3-1.2 6.5-4.4l3.2-.1z\" fill=\"@{mauve}\"/><path d=\"M34.3 35.6 14.6 62.4l-.1-.1L21.9 40h-.1l.1-.1 2.2-7.5z\" fill=\"@{red}\"/><path d=\"m34.3 35.6-1 1.4c-.5-.1-1-.1-1.4-.1-3.3 0-6.4 2.2-7.4 5.5l-.1.1-3.9 11.9-5.9 8L21.9 40l.1-.1 2.2-7.5z\" fill=\"@{red}\"/><path d=\"M52.6 61.7 34 48.3l-5.8-4.5 6.1-8.2z\" fill=\"@{sky}\"/><path d=\"M52.6 61.7 45 56.2l-8-11.4c-1.8-2.6-5.6-2.6-7.4-.1l-.1.1-1.2-1 6.1-8.3z\" fill=\"@{sky}\"/><path d=\"M64 26.3 45.4 39.6l-5.5 3.9-5.6-7.9z\" fill=\"@{blue}\"/><path d=\"m64 26.3-8.1 5.8-11.8 3.7c-2.7.9-3.9 4-2.4 6.5l-1.8 1.2-5.5-7.9z\" fill=\"@{blue}\"/><path d=\"m43.2 32.8-8.9 2.8-.5-32 7.1 22.2z\" fill=\"#1de9b6\"/><path d=\"m43.2 32.8-8.8 2.8-.5-32 1.9 6 .2 17.3c0 2.8 2.8 4.8 5.5 4l1-.3z\" fill=\"@{green}\"/><path d=\"M30.3 34.3 2 25.7h24.1l4.1-.2M23 36.3l-1.1 3.6v.1l-7.4 22.3.1.1L31.8 39m0 0 2.5-3.4 18.3 26.1L34 48.3l-2.6-2m11.7-5.1 2.3-1.6L64 26.3l-25.7 8m0 0-4 1.3-.5-32 7.1 22.2 1 3.2\" fill=\"none\" stroke=\"@{crust}\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"2\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .quest-icon {\n @svg: escape(\n '<svg height=\"512\" viewBox=\"0 0 24 24\" width=\"512\" xmlns=\"http://www.w3.org/2000/svg\"><g data-name=\"Layer 2\"><g fill=\"@{blue}\"><rect height=\"4.5\" rx=\"1\" width=\"4.5\" x=\"3.9\" y=\"3\"/><rect height=\"4.5\" rx=\"1\" width=\"4.5\" x=\"3.9\" y=\"9.75\"/><rect height=\"4.5\" rx=\"1\" width=\"4.5\" x=\"3.9\" y=\"16.5\"/></g><path d=\"M20.1 6.25H11a1 1 0 0 1 0-2h9.1a1 1 0 0 1 0 2m0 6.75H11a1 1 0 0 1 0-2h9.1a1 1 0 0 1 0 2m0 6.75H11a1 1 0 0 1 0-2h9.1a1 1 0 0 1 0 2\" fill=\"@{text}\"/></g></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .arena-coin-icon.icon-filter {\n @svg: escape(\n '<svg enable-background=\"new 0 0 60 60\" height=\"512\" viewBox=\"0 0 60 60\" width=\"512\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"30\" cy=\"30\" fill=\"@{sky}\" r=\"24\"/><path fill=\"@{crust}\" d=\"M30 55C16.21 55 5 43.79 5 30S16.21 5 30 5s25 11.21 25 25-11.21 25-25 25m0-48C17.32 7 7 17.32 7 30s10.32 23 23 23 23-10.32 23-23S42.68 7 30 7\"/><circle cx=\"30\" cy=\"30\" fill=\"@{yellow}\" r=\"17.81\"/><path fill=\"@{crust}\" d=\"M30 48.81c-10.37 0-18.81-8.44-18.81-18.81S19.63 11.19 30 11.19 48.81 19.63 48.81 30 40.37 48.81 30 48.81m0-35.62c-9.27 0-16.81 7.54-16.81 16.81S20.73 46.81 30 46.81 46.81 39.27 46.81 30 39.27 13.19 30 13.19\"/><path d=\"m30 22.17 2.54 5.15 5.7.83-4.12 4.01.97 5.67L30 35.16l-5.09 2.67.97-5.67-4.12-4.01 5.69-.83z\" fill=\"@{text}\"/><path fill=\"@{crust}\" d=\"M35.09 38.83c-.16 0-.32-.04-.47-.11L30 36.29l-4.63 2.43c-.34.18-.74.15-1.05-.08-.31-.22-.46-.6-.4-.98l.88-5.15-3.74-3.65a.997.997 0 0 1 .56-1.7l5.17-.75 2.31-4.69c.34-.68 1.46-.68 1.79 0l2.31 4.69 5.17.75a.997.997 0 0 1 .56 1.7l-3.74 3.65.88 5.15c.06.38-.09.75-.4.98-.17.13-.37.19-.58.19m-11.18-9.98 2.67 2.6a1 1 0 0 1 .29.88L26.24 36l3.3-1.73c.29-.15.64-.15.93 0l3.3 1.73-.63-3.67c-.06-.32.05-.66.29-.88l2.67-2.6-3.69-.54a.98.98 0 0 1-.75-.55L30 24.43l-1.65 3.34c-.15.3-.43.5-.75.55z\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n}\n",
|
|
"originalDigest": "e86859039be950617826a5d85fcb08d11dcb30c4",
|
|
"_id": "f8f0e04d-e276-4435-8536-969ef7f01b6d",
|
|
"_rev": 1780236872460,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 109
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Ghostty.org Catppuccin",
|
|
"description": "Soothing pastel theme for Ghostty.org",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/ghostty.org/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Ghostty.org Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/ghostty.org",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/ghostty.org",
|
|
"version": "2026.03.10",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/ghostty.org/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aghostty.org",
|
|
"description": "Soothing pastel theme for Ghostty.org",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Ghostty.org Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/ghostty.org\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/ghostty.org\n@version 2026.03.10\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/ghostty.org/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aghostty.org\n@description Soothing pastel theme for Ghostty.org\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"ghostty.org\") {\n @import url(\"https://unpkg.com/@catppuccin/highlightjs@1.0.0/css/catppuccin-variables.important.css\");\n\n html, body {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n #lib.css-variables();\n\n --brand-color: @accent;\n --brand-color-hsl: #hslify(@accent)[];\n --gray-0: @base;\n --gray-1: @surface0;\n --gray-2: @surface1;\n --gray-3: @overlay1;\n --gray-4: @subtext0;\n --gray-5: @subtext1;\n --gray-6: @subtext1;\n --gray-7: @subtext1;\n --gray-8: @text;\n --gray-9: @text;\n --black: @crust;\n --white: @text;\n\n --callout-note: @blue;\n --callout-tip: @green;\n --callout-important: @mauve;\n --callout-warning: @yellow;\n --callout-caution: @red;\n\n div[class^=\"Terminal-module\"] {\n --adw-headerbar-color: @mantle !important;\n --color-sunset-orange: @red;\n --color-pastel-orange: @peach;\n --color-malachite: @green;\n }\n\n [class*=\"__buttonLink\"][class*=\"__brand\"]:hover,\n ul[class*=\"NavTree-module__\"] [class*=\"__active\"] {\n color: @crust !important;\n }\n\n img[alt=\"Ghostty\"] {\n @svg: escape(\n '<svg width=\"132\" height=\"32\" viewBox=\"0 0 132 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M48.495 6.592c4.714 0 7.368 2.706 7.635 6.43h-2.68c-.295-2.571-2.009-4.017-4.822-4.017h-.267c-3.75 0-6.297 2.705-6.297 7.234 0 4.476 2.546 7.235 6.297 7.235h.267c3.296 0 5.226-2.01 5.226-4.476v-.508h-5.36v-2.384h5.493c1.475 0 2.277.775 2.277 2.276v7.234H53.85V23.5c-.616.937-2.492 2.384-5.359 2.384-5.438 0-9.11-4.047-9.11-9.645 0-5.626 3.564-9.644 9.11-9.644zm10.287.27h2.546v7.235c.883-1.313 2.25-2.143 4.287-2.143 3.027 0 4.823 1.875 4.823 4.688v8.977h-2.546v-8.44c0-1.955-.884-3.08-2.706-3.08h-.213c-1.93 0-3.643 1.526-3.643 4.018v7.502h-2.546V6.862zm20.067 5.09c3.617 0 6.43 2.867 6.43 6.964 0 4.1-2.813 6.965-6.43 6.965s-6.43-2.867-6.43-6.965c0-4.1 2.813-6.965 6.43-6.965m.108 11.789c2.197 0 3.777-1.768 3.777-4.822s-1.58-4.822-3.777-4.822h-.213c-2.197 0-3.777 1.767-3.777 4.822 0 3.054 1.58 4.822 3.776 4.822zm10.207-2.279c.134 1.475 1.339 2.277 2.975 2.277h.213c1.42 0 2.492-.67 2.492-1.742 0-.884-.508-1.475-1.821-1.714l-1.955-.375c-2.359-.455-3.913-1.688-3.913-3.83 0-2.6 2.33-4.127 5.064-4.127 3.455 0 5.305 1.822 5.305 4.422h-2.546c-.134-1.287-1.1-2.277-2.626-2.277h-.213c-1.475 0-2.438.75-2.438 1.714 0 .884.616 1.475 1.875 1.714l2.117.429c2.25.455 3.697 1.662 3.697 3.913 0 2.412-2.17 4.018-5.277 4.018-3.51 0-5.33-1.822-5.493-4.422h2.546zm24.864 1.876c-.776 0-1.071-.296-1.071-1.072v-7.85h3.214v-2.197h-3.214v-4.34h-2.546v4.34h-6.164v-4.34h-2.546v4.34h-2.946v2.196h2.946v8.252c0 1.85 1.1 2.947 2.947 2.947h3.214v-2.276h-2.546c-.776 0-1.071-.296-1.071-1.072v-7.85h6.163v8.251c0 1.85 1.1 2.947 2.947 2.947h3.214v-2.276h-2.546zm17.174-11.12-6.402 16.21c-.696 1.687-1.58 2.142-3.268 2.142h-3.055v-2.276h2.652c.938 0 1.287-.242 1.608-1.018l.804-2.037-5.868-13.02h2.706l4.393 9.752 3.805-9.752z\" fill=\"@{text}\"/><path d=\"M20.396 32a6.35 6.35 0 0 1-3.517-1.067A6.36 6.36 0 0 1 13.362 32a6.35 6.35 0 0 1-3.516-1.067A6.27 6.27 0 0 1 6.372 32h-.038a6.26 6.26 0 0 1-4.5-1.906 6.38 6.38 0 0 1-1.836-4.482v-12.25C0 5.995 5.994 0 13.363 0s13.362 5.994 13.362 13.363v12.253c0 3.393-2.626 6.192-5.978 6.375q-.175.01-.352.009\" fill=\"@{accent}\"/><path d=\"M20.396 30.593a4.93 4.93 0 0 1-3.08-1.083.66.66 0 0 0-.42-.145.8.8 0 0 0-.488.176 4.94 4.94 0 0 1-3.046 1.055 4.94 4.94 0 0 1-3.045-1.055.75.75 0 0 0-.942 0 4.9 4.9 0 0 1-3.01 1.055h-.033a4.85 4.85 0 0 1-3.49-1.482 4.98 4.98 0 0 1-1.436-3.498V13.367c0-6.597 5.364-11.96 11.957-11.96 6.592 0 11.956 5.363 11.956 11.956v12.253c0 2.645-2.042 4.827-4.65 4.97a5 5 0 0 1-.274.007\" fill=\"@{crust}\"/><path d=\"M23.912 13.363v12.253c0 1.876-1.447 3.463-3.32 3.566a3.5 3.5 0 0 1-2.398-.769c-.778-.626-1.873-.598-2.658.021a3.5 3.5 0 0 1-2.176.753 3.5 3.5 0 0 1-2.173-.753 2.15 2.15 0 0 0-2.684 0 3.5 3.5 0 0 1-2.15.753c-1.948.014-3.54-1.627-3.54-3.575v-12.25c0-5.825 4.724-10.549 10.55-10.549 5.825 0 10.549 4.724 10.549 10.55\" fill=\"@{text}\"/><path d=\"m11.28 12.437-3.93-2.27a1.07 1.07 0 0 0-1.463.392 1.07 1.07 0 0 0 .391 1.463l2.326 1.343-2.326 1.343a1.072 1.072 0 0 0 1.071 1.855l3.932-2.27a1.07 1.07 0 0 0 0-1.854zm8.902-.146h-5.164a1.071 1.071 0 1 0 0 2.143h5.164a1.071 1.071 0 1 0 0-2.143\" fill=\"@{crust}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n [class*=\"DownloadPage_header\"] img {\n @svg: escape(\n '<svg width=\"27\" height=\"32\" viewBox=\"0 0 27 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M20.396 32a6.35 6.35 0 0 1-3.517-1.067A6.36 6.36 0 0 1 13.362 32a6.35 6.35 0 0 1-3.516-1.067A6.27 6.27 0 0 1 6.372 32h-.038a6.26 6.26 0 0 1-4.5-1.906 6.38 6.38 0 0 1-1.836-4.482v-12.25C0 5.995 5.994 0 13.363 0s13.362 5.994 13.362 13.363v12.253c0 3.393-2.626 6.192-5.978 6.375q-.175.01-.352.009\" fill=\"@{accent}\"/><path d=\"M20.396 30.593a4.93 4.93 0 0 1-3.08-1.083.66.66 0 0 0-.42-.145.8.8 0 0 0-.488.176 4.94 4.94 0 0 1-3.046 1.055 4.94 4.94 0 0 1-3.045-1.055.75.75 0 0 0-.942 0 4.9 4.9 0 0 1-3.01 1.055h-.033a4.85 4.85 0 0 1-3.49-1.482 4.98 4.98 0 0 1-1.436-3.498V13.367c0-6.597 5.364-11.96 11.957-11.96 6.592 0 11.956 5.363 11.956 11.956v12.253c0 2.645-2.042 4.827-4.65 4.97a5 5 0 0 1-.274.007\" fill=\"@{crust}\"/><path d=\"M23.912 13.363v12.253c0 1.876-1.447 3.463-3.32 3.566a3.5 3.5 0 0 1-2.398-.769c-.778-.626-1.873-.598-2.658.021a3.5 3.5 0 0 1-2.176.753 3.5 3.5 0 0 1-2.173-.753 2.15 2.15 0 0 0-2.684 0 3.5 3.5 0 0 1-2.15.753c-1.948.014-3.54-1.627-3.54-3.575v-12.25c0-5.825 4.724-10.549 10.55-10.549 5.825 0 10.549 4.724 10.549 10.55\" fill=\"@{text}\"/><path d=\"m11.28 12.437-3.93-2.27a1.07 1.07 0 0 0-1.463.392 1.07 1.07 0 0 0 .391 1.463l2.326 1.343-2.326 1.343a1.072 1.072 0 0 0 1.071 1.855l3.932-2.27a1.07 1.07 0 0 0 0-1.854zm8.902-.146h-5.164a1.071 1.071 0 1 0 0 2.143h5.164a1.071 1.071 0 1 0 0-2.143\" fill=\"@{crust}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n pre code {\n color: @text;\n }\n }\n}\n\n/* #lib.hslify() with spaces instead of commas. */\n#hslify(@color) {\n @raw: e(%(\"%s %s% %s%\", hue(@color), saturation(@color), lightness(@color)));\n}\n",
|
|
"originalDigest": "7932c4b0e9cdfdcd115c2a34a2becf62e7fe379b",
|
|
"_id": "f4263e1c-4b55-4555-b45e-93b978ea5252",
|
|
"_rev": 1780236872492,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 110
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "bStats Catppuccin",
|
|
"description": "Soothing pastel theme for bStats",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/bstats/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "bStats Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/bstats",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/bstats",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/bstats/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Abstats",
|
|
"description": "Soothing pastel theme for bStats",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"graphUseAccentColor": {
|
|
"type": "checkbox",
|
|
"label": "Graphs Use Accent",
|
|
"name": "graphUseAccentColor",
|
|
"value": null,
|
|
"default": "0",
|
|
"options": null
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name bStats Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/bstats\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/bstats\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/bstats/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Abstats\n@description Soothing pastel theme for bStats\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 graphUseAccentColor \"Graphs Use Accent\" 0\n==/UserStyle== */\n\n@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"bstats.org\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n body,\n .collection-header,\n .collection-item,\n .grey.lighten-4,\n .page-footer .footer-copyright {\n background: @base !important;\n }\n .teal.darken-3,\n .teal.darken-2,\n .dropdown-content,\n .side-nav {\n background-color: @mantle !important;\n }\n\n .teal {\n background-color: @surface0 !important;\n }\n\n /* slide out nav text & icons */\n .subheader,\n .left {\n color: @text !important;\n }\n\n .collection {\n border-color: @surface0;\n }\n .collection.with-header .collection-header,\n .collection .collection-item {\n border-bottom-color: @surface0;\n }\n\n .collapsible {\n border-top-color: @surface1;\n border-right-color: @surface1;\n border-left-color: @surface1;\n }\n .collapsible-body {\n border-bottom-color: @surface1;\n }\n .collapsible-header {\n background-color: @surface0 !important;\n border-bottom-color: @surface1;\n }\n\n blockquote {\n border-left-color: @maroon;\n }\n /* code box */\n .prettyprint,\n .withBox,\n .prettyprinted {\n background-color: @mantle !important;\n outline-color: @mantle;\n color: @overlay2;\n }\n .tag,\n .boolean {\n color: @blue;\n }\n .pln {\n color: @text;\n }\n .com {\n color: @overlay0;\n }\n .key {\n color: @red;\n }\n .clo,\n .opn,\n .pun {\n color: @yellow;\n }\n .str,\n .string,\n .atv {\n color: @green;\n }\n .atn {\n color: @mauve;\n }\n .number {\n color: @peach;\n }\n\n p,\n h5,\n b,\n table,\n th,\n td,\n .white-text,\n nav .brand-logo,\n nav a,\n div.material-table .table-title,\n div.material-table table th,\n .card-title,\n .card-content,\n .container,\n .center {\n color: @text !important;\n }\n html,\n div.material-table table tr td,\n .grey-text.text-lighten-4,\n .page-footer .footer-copyright {\n color: @subtext1 !important;\n }\n .grey-text,\n .grey-text.text-darken-2,\n .input-field label,\n div.material-table .table-footer label,\n div.material-table .table-footer,\n label {\n color: @subtext0 !important;\n }\n .blue-text {\n color: @blue !important;\n }\n .red-text {\n color: @red !important;\n }\n .red {\n background-color: @red;\n }\n\n /* discord logo on homepage */\n img[src=\"/images/discord.svg\"] when (@flavor = latte) {\n filter: saturate(210%) hue-rotate(-20deg) brightness(82%);\n }\n img[src=\"/images/discord.svg\"] when (@flavor = frappe) {\n filter: saturate(53%) hue-rotate(-10deg) brightness(147%) contrast(90%)\n sepia(15%) invert(2%);\n }\n img[src=\"/images/discord.svg\"] when (@flavor = macchiato) {\n filter: saturate(52%) hue-rotate(-15deg) brightness(157%) contrast(90%)\n sepia(10%);\n }\n img[src=\"/images/discord.svg\"] when (@flavor = mocha) {\n filter: saturate(38%) hue-rotate(-25deg) brightness(153%) sepia(6%);\n }\n\n /* checkbox */\n [type=\"checkbox\"] + label::before,\n [type=\"checkbox\"]:not(.filled-in) + label::after {\n border-color: @subtext0;\n }\n [type=\"checkbox\"]:checked + label::before {\n border-color: rgba(0, 0, 0, 0);\n border-right-color: @green;\n border-bottom-color: @green;\n }\n\n /* table hover */\n div.material-table table tbody tr:hover {\n background-color: fade(@surface2, 40%);\n }\n /* nav hover */\n nav ul a:hover {\n background-color: fade(@surface2, 40%);\n }\n .dropdown-content li:hover,\n .dropdown-content li.active,\n .dropdown-content li.selected {\n background-color: fade(@surface2, 5%);\n }\n\n .input-field label {\n color: @accent !important;\n }\n /* search unfocused */\n input:not([type]),\n input[type=\"text\"],\n input[type=\"password\"],\n input[type=\"email\"],\n input[type=\"url\"],\n input[type=\"time\"],\n input[type=\"date\"],\n input[type=\"datetime\"],\n input[type=\"datetime-local\"],\n input[type=\"tel\"],\n input[type=\"number\"],\n input[type=\"search\"],\n textarea.materialize-textarea {\n border-bottom-color: @subtext0;\n box-shadow: 1 1px 0 0 @subtext0;\n }\n /* search focused */\n input:not([type]):focus:not([readonly]),\n input[type=\"text\"]:focus:not([readonly]),\n input[type=\"password\"]:focus:not([readonly]),\n input[type=\"email\"]:focus:not([readonly]),\n input[type=\"url\"]:focus:not([readonly]),\n input[type=\"time\"]:focus:not([readonly]),\n input[type=\"date\"]:focus:not([readonly]),\n input[type=\"datetime\"]:focus:not([readonly]),\n input[type=\"datetime-local\"]:focus:not([readonly]),\n input[type=\"tel\"]:focus:not([readonly]),\n input[type=\"number\"]:focus:not([readonly]),\n input[type=\"search\"]:focus:not([readonly]),\n textarea.materialize-textarea:focus:not([readonly]) {\n border-bottom-color: @accent;\n box-shadow: 0 1px 0 0 @accent;\n }\n /* valid input */\n input:not([type]).valid,\n input:not([type]):focus.valid,\n input[type=\"text\"].valid,\n input[type=\"text\"]:focus.valid,\n input[type=\"password\"].valid,\n input[type=\"password\"]:focus.valid,\n input[type=\"email\"].valid,\n input[type=\"email\"]:focus.valid,\n input[type=\"url\"].valid,\n input[type=\"url\"]:focus.valid,\n input[type=\"time\"].valid,\n input[type=\"time\"]:focus.valid,\n input[type=\"date\"].valid,\n input[type=\"date\"]:focus.valid,\n input[type=\"datetime\"].valid,\n input[type=\"datetime\"]:focus.valid,\n input[type=\"datetime-local\"].valid,\n input[type=\"datetime-local\"]:focus.valid,\n input[type=\"tel\"].valid,\n input[type=\"tel\"]:focus.valid,\n input[type=\"number\"].valid,\n input[type=\"number\"]:focus.valid,\n input[type=\"search\"].valid,\n input[type=\"search\"]:focus.valid,\n textarea.materialize-textarea.valid,\n textarea.materialize-textarea:focus.valid {\n border-bottom-color: @green;\n box-shadow: 0 1px 0 0 @green;\n }\n\n .teal-text,\n .teal-text.text-darken-2,\n .teal-text.text-lighten-3,\n a {\n color: @accent !important;\n }\n\n .btn,\n .btn-large {\n color: @text !important;\n }\n .btn.disabled,\n .disabled.btn-large,\n .btn-floating.disabled,\n .btn-large.disabled,\n .btn-flat.disabled,\n .btn:disabled,\n .btn-floating:disabled,\n .btn-large:disabled,\n .btn-flat:disabled,\n .btn[disabled],\n [disabled].btn-large,\n .btn-floating[disabled],\n .btn-large[disabled],\n .btn-flat[disabled],\n .btn-large.red[disabled],\n .btn-large.red.disabled[id=\"delete_button\"] {\n background-color: @mantle !important;\n color: @subtext0 !important;\n }\n .btn-large.red[id=\"delete_button\"] {\n color: @mantle !important;\n background-color: @red !important;\n }\n\n .card {\n background-color: @base;\n border-color: @surface0;\n }\n\n thead,\n div.material-table table tr td,\n div.material-table .table-header {\n border-bottom-color: @surface0;\n }\n\n /* modals found in custom chart settings */\n .modal .modal-content,\n .modal .modal-footer {\n background-color: @surface0;\n }\n\n /* custom chart dropdown menu */\n .select-wrapper input.select-dropdown {\n border-bottom-color: @subtext0;\n }\n .select-dropdown li.optgroup {\n border-top-color: @surface1;\n }\n .select-dropdown li.disabled,\n .select-dropdown li.disabled > span,\n .select-dropdown li.optgroup {\n color: @text;\n }\n .select-dropdown li.optgroup > span {\n color: @subtext1;\n }\n .dropdown-content li > a,\n .dropdown-content li > span {\n color: @accent;\n }\n\n .divider {\n background-color: @surface1;\n }\n .caret {\n color: @overlay1 !important;\n }\n\n /* custom chart lever */\n .switch label .lever {\n background-color: @overlay0;\n &::after {\n background-color: @overlay2;\n }\n }\n .switch label input[type=\"checkbox\"]:checked + .lever {\n background-color: desaturate(darken(@accent, 25%), 50%);\n & when (@flavor = latte) {\n background-color: desaturate(lighten(@accent, 12%), 30%);\n }\n &::after {\n background-color: @accent;\n }\n }\n\n /* custom chart filter data */\n .chip {\n color: @text;\n background-color: @surface1;\n }\n .chips .chip.selected {\n background-color: @accent;\n color: @base;\n }\n .chips.focus {\n border-bottom-color: @accent;\n box-shadow: 0 1px 0 0 @accent;\n }\n .chips .input {\n color: @text;\n }\n input[placeholder=\"Add an other value\"] {\n border-bottom-color: @overlay2;\n }\n\n /* HIGHCHARTS \"let's hope this does'nt break\"-section */\n /* all the charts */\n .highcharts-graph when (@graphUseAccentColor = 1) {\n stroke: @accent;\n }\n .highcharts-graph when (@graphUseAccentColor = 0) {\n stroke: @red;\n }\n /* \"shadow\" area below graph in time navigator */\n .highcharts-area {\n fill: fade(@red, 5%) !important;\n & when (@graphUseAccentColor = 1) {\n fill: fade(@accent, 5%) !important;\n }\n }\n\n /* charts background */\n .highcharts-container {\n background: @base !important;\n }\n /* map blends in with background on latte flavor */\n .highcharts-map-series .highcharts-point {\n stroke: @base !important;\n & when (@flavor = latte) {\n stroke: @overlay0 !important;\n }\n }\n /* graph chart grid */\n .highcharts-grid.highcharts-yaxis-grid .highcharts-grid-line {\n stroke: @surface0;\n }\n /* bottom timeline line */\n .highcharts-tick,\n .highcharts-xaxis .highcharts-axis-line {\n stroke: @surface1;\n }\n /* bottom timeline & y axis text text */\n .highcharts-axis-labels.highcharts-xaxis-labels text,\n .highcharts-axis-labels.highcharts-yaxis-labels text {\n fill: @subtext1 !important;\n }\n\n /* vertical line on graph hover */\n .highcharts-crosshair,\n .highcharts-crosshair-thin {\n stroke: @overlay2;\n }\n /* circle marker on graph */\n .highcharts-markers .highcharts-halo.highcharts-color-0 {\n fill: @red !important;\n stroke: none !important;\n & when (@graphUseAccentColor = 1) {\n fill: @accent !important;\n }\n }\n .highcharts-markers path {\n fill: @red !important;\n stroke: @base !important;\n & when (@graphUseAccentColor = 1) {\n fill: @accent !important;\n }\n }\n\n /* time navigator on bottom */\n /* active time span */\n .highcharts-navigator,\n .highcharts-navigator-mask-inside {\n fill: fade(@surface1, 33%);\n }\n .highcharts-navigator .highcharts-navigator-outline {\n stroke: @surface1;\n }\n /* navigator handles on the left & right */\n .highcharts-navigator .highcharts-navigator-handle {\n fill: @surface0;\n stroke: @overlay1;\n }\n /* vertical timestamp lines */\n .highcharts-grid.highcharts-xaxis-grid.highcharts-navigator-xaxis\n .highcharts-grid-line {\n stroke: @surface1;\n }\n /* time navigator timestamp text */\n .highcharts-xaxis-labels.highcharts-navigator-xaxis tspan {\n fill: @subtext0 !important;\n }\n\n /* scrollbar */\n .highcharts-scrollbar,\n .highcharts-scrollbar-track {\n fill: @surface0;\n stroke: @surface1;\n }\n .highcharts-scrollbar,\n .highcharts-scrollbar-thumb {\n fill: @overlay1;\n stroke: @overlay1;\n }\n .highcharts-scrollbar .highcharts-scrollbar-rifles {\n stroke: @mantle;\n }\n .highcharts-scrollbar-button {\n fill: @overlay1;\n stroke: @overlay1;\n }\n .highcharts-scrollbar-arrow {\n fill: @mantle;\n }\n\n /* buttons */\n .highcharts-button text {\n fill: @subtext1 !important;\n }\n .highcharts-button-box {\n fill: @surface0 !important;\n stroke: @surface0 !important;\n }\n .highcharts-button-symbol {\n fill: @subtext0 !important;\n stroke: @subtext0 !important;\n }\n /* normal state */\n .highcharts-button.highcharts-button-normal text {\n fill: @subtext1 !important;\n }\n .highcharts-button.highcharts-button-normal .highcharts-button-box {\n fill: @surface0 !important;\n stroke: @surface0 !important;\n }\n /* hover state */\n .highcharts-button.highcharts-button-hover text {\n fill: @text !important;\n }\n .highcharts-button.highcharts-button-hover .highcharts-button-box {\n fill: @surface2 !important;\n stroke: @surface2 !important;\n }\n /* pressed state */\n .highcharts-button.highcharts-button-pressed text {\n fill: @text !important;\n }\n .highcharts-button.highcharts-button-pressed .highcharts-button-box {\n fill: @surface2 !important;\n stroke: @surface2 !important;\n }\n /* disabled state */\n .highcharts-button.highcharts-button-disabled text {\n fill: @overlay0 !important;\n }\n .highcharts-button.highcharts-button-disabled .highcharts-button-box {\n fill: @base !important;\n stroke: @surface0 !important;\n }\n\n /* \"Load full data\" button */\n .highcharts-menu {\n background: @surface0 !important;\n border-color: @surface1 !important;\n box-shadow: @mantle 3px 3px 10px !important;\n }\n .highcharts-menu-item {\n color: @text !important;\n &:hover {\n color: @base !important;\n background: @accent !important;\n }\n }\n /* pie text \"shadow\" */\n .highcharts-text-outline {\n stroke: @mantle;\n stroke-width: 2px;\n }\n /* pie text */\n .highcharts-label.highcharts-data-label tspan {\n fill: @subtext1;\n }\n /* drilldown pie text */\n .highcharts-label.highcharts-data-label.highcharts-drilldown-data-label\n tspan {\n fill: @blue;\n }\n .highcharts-label.highcharts-data-label.highcharts-drilldown-data-label\n text {\n fill: @blue !important;\n color: @blue !important;\n }\n /* pie subtitle */\n .highcharts-subtitle tspan {\n fill: @subtext0;\n }\n /* pie hover text */\n .highcharts-label.highcharts-tooltip text {\n fill: @subtext1 !important;\n color: @subtext1 !important;\n }\n /* hover text */\n .highcharts-label.highcharts-tooltip-box tspan {\n fill: @subtext1;\n }\n /* hover text red dot */\n .highcharts-label.highcharts-tooltip-box tspan[style=\"fill:#F44336\"] {\n fill: @red !important;\n & when (@graphUseAccentColor = 1) {\n fill: @accent !important;\n }\n }\n /* map hover text */\n .highcharts-label.highcharts-tooltip\n span:not(div.highcharts-label > span:nth-child(1) > span:nth-child(1)) {\n color: @subtext1 !important;\n }\n /* \"No data to display\" */\n .highcharts-label.highcharts-no-data tspan {\n fill: @subtext1;\n }\n /* axis label */\n .highcharts-axis-title tspan {\n fill: @subtext1;\n }\n\n /* hover text background */\n .highcharts-label-box,\n .highcharts-tooltip-box {\n fill: @surface0;\n }\n\n /* legend */\n /* legend title */\n .highcharts-label.highcharts-legend-title text {\n fill: @subtext1 !important;\n }\n /* legend labels */\n .highcharts-axis-labels,\n .highcharts-coloraxis-labels text {\n fill: @subtext0 !important;\n }\n /* vertical lines */\n .highcharts-legend-item\n .highcharts-grid.highcharts-coloraxis-grid\n .highcharts-grid-line {\n stroke: @base;\n }\n /* background only for bar chart legend */\n .highcharts-legend\n .highcharts-legend-box[fill=\"#FFFFFF\"][stroke=\"#999999\"] {\n fill: @surface0 !important;\n stroke: @surface1 !important;\n }\n /* bar chart entries */\n .highcharts-legend .highcharts-legend-item.highcharts-bar-series tspan {\n fill: @subtext1 !important;\n &:hover {\n fill: @text !important;\n }\n }\n .highcharts-legend\n .highcharts-legend-item.highcharts-bar-series.highcharts-legend-item-hidden\n tspan {\n fill: @overlay2 !important;\n &:hover {\n fill: @subtext0 !important;\n }\n }\n\n .highcharts-point {\n stroke: @base !important;\n }\n /* bar chart circle outline */\n .highcharts-legend .highcharts-legend-item.highcharts-bar-series rect {\n stroke: none !important;\n }\n /* disabled bar chart circle */\n .highcharts-legend\n .highcharts-legend-item.highcharts-bar-series.highcharts-legend-item-hidden\n rect {\n fill: @overlay0 !important;\n stroke: none !important;\n }\n /* bar & pie chart colors */\n /* color 0 */\n .highcharts-point.highcharts-color-0,\n .highcharts-halo.highcharts-color-0,\n .highcharts-legend-item.highcharts-bar-series.highcharts-color-0 rect {\n fill: @red !important;\n }\n .highcharts-data-label-connector.highcharts-color-0 {\n stroke: @red !important;\n }\n /* color 1 */\n .highcharts-point.highcharts-color-1,\n .highcharts-halo.highcharts-color-1,\n .highcharts-legend-item.highcharts-bar-series.highcharts-color-1 rect {\n fill: @green !important;\n }\n .highcharts-data-label-connector.highcharts-color-1 {\n stroke: @green !important;\n }\n /* color 2 */\n .highcharts-point.highcharts-color-2,\n .highcharts-halo.highcharts-color-2,\n .highcharts-legend-item.highcharts-bar-series.highcharts-color-2 rect {\n fill: @sky !important;\n }\n .highcharts-data-label-connector.highcharts-color-2 {\n stroke: @sky !important;\n }\n /* color 3 */\n .highcharts-point.highcharts-color-3,\n .highcharts-halo.highcharts-color-3,\n .highcharts-legend-item.highcharts-bar-series.highcharts-color-3 rect {\n fill: @peach !important;\n }\n .highcharts-data-label-connector.highcharts-color-3 {\n stroke: @peach !important;\n }\n /* color 4 */\n .highcharts-point.highcharts-color-4,\n .highcharts-halo.highcharts-color-4,\n .highcharts-legend-item.highcharts-bar-series.highcharts-color-4 rect {\n fill: @yellow !important;\n }\n .highcharts-data-label-connector.highcharts-color-4 {\n stroke: @yellow !important;\n }\n /* color 5 */\n .highcharts-point.highcharts-color-5,\n .highcharts-halo.highcharts-color-5,\n .highcharts-legend-item.highcharts-bar-series.highcharts-color-5 rect {\n fill: @teal !important;\n }\n .highcharts-data-label-connector.highcharts-color-5 {\n stroke: @teal !important;\n }\n /* color 6 */\n .highcharts-point.highcharts-color-6,\n .highcharts-halo.highcharts-color-6,\n .highcharts-legend-item.highcharts-bar-series.highcharts-color-6 rect {\n fill: @pink !important;\n }\n .highcharts-data-label-connector.highcharts-color-6 {\n stroke: @pink !important;\n }\n /* color 7 */\n .highcharts-point.highcharts-color-7,\n .highcharts-halo.highcharts-color-7,\n .highcharts-legend-item.highcharts-bar-series.highcharts-color-7 rect {\n fill: @flamingo !important;\n }\n .highcharts-data-label-connector.highcharts-color-7 {\n stroke: @flamingo !important;\n }\n /* color 8 */\n .highcharts-point.highcharts-color-8,\n .highcharts-halo.highcharts-color-8,\n .highcharts-legend-item.highcharts-bar-series.highcharts-color-8 rect {\n fill: @subtext0 !important;\n }\n .highcharts-data-label-connector.highcharts-color-8 {\n stroke: @subtext0 !important;\n }\n /* color 9 */\n .highcharts-point.highcharts-color-9,\n .highcharts-halo.highcharts-color-9,\n .highcharts-legend-item.highcharts-bar-series.highcharts-color-9 rect {\n fill: @blue !important;\n }\n .highcharts-data-label-connector.highcharts-color-9 {\n stroke: @blue !important;\n }\n /* color 10 */\n .highcharts-point.highcharts-color-10,\n .highcharts-halo.highcharts-color-10,\n .highcharts-legend-item.highcharts-bar-series.highcharts-color-10 rect {\n fill: @mauve !important;\n }\n .highcharts-data-label-connector.highcharts-color-10 {\n stroke: @mauve !important;\n }\n }\n}\n",
|
|
"originalDigest": "1c2a17bf6fcdc080d2a3da054bcc150bf4f7f368",
|
|
"_id": "3638375d-7eef-4170-8fff-e961bb0ee8b3",
|
|
"_rev": 1780236872516,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 111
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Libreddit/Redlib Catppuccin",
|
|
"description": "Soothing pastel theme for Libreddit and Redlib",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/libreddit/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Libreddit/Redlib Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/libreddit",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/libreddit",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/libreddit/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Alibreddit",
|
|
"description": "Soothing pastel theme for Libreddit and Redlib",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Libreddit/Redlib Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/libreddit\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/libreddit\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/libreddit/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Alibreddit\n@description Soothing pastel theme for Libreddit and Redlib\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"libredd.it\"),\n domain(\"libreddit.spike.codes\"),\n domain(\"libreddit.dothq.co\"),\n domain(\"libreddit.kavin.rocks\"),\n domain(\"reddit.invak.id\"),\n domain(\"reddit.phii.me\"),\n domain(\"lr.riverside.rocks\"),\n domain(\"libreddit.strongthany.cc\"),\n domain(\"libreddit.database.red\"),\n domain(\"libreddit.privacy.com.de\"),\n domain(\"libreddit.domain.glass\"),\n domain(\"libreddit.sugoma.tk\"),\n domain(\"libreddit.jamiethalacker.dev\"),\n domain(\"reddit.artemislena.eu\"),\n domain(\"r.nf\"),\n domain(\"libreddit.some-things.org\"),\n domain(\"reddit.stuehieyr.com\"),\n domain(\"lr.mint.lgbt\"),\n domain(\"libreddit.igna.rocks\"),\n domain(\"libreddit.autarkic.org\"),\n domain(\"libreddit.flux.industries\"),\n domain(\"libreddit.drivet.xyz\"),\n domain(\"lr.oversold.host\"),\n domain(\"libreddit.de\"),\n domain(\"libreddit.pussthecat.org\"),\n domain(\"libreddit.mutahar.rocks\"),\n domain(\"libreddit.northboot.xyz\"),\n domain(\"leddit.xyz\"),\n domain(\"de.leddit.xyz\"),\n domain(\"lr.cowfee.moe\"),\n domain(\"libreddit.hu\"),\n domain(\"libreddit.totaldarkness.net\"),\n domain(\"libreddit.esmailelbob.xyz\"),\n domain(\"lr.vern.cc\"),\n domain(\"libreddit.nl\"),\n domain(\"lr.stilic.ml\"),\n domain(\"reddi.tk\"),\n domain(\"libreddit.bus-hit.me\"),\n domain(\"libreddit.datatunnel.xyz\"),\n domain(\"libreddit.crewz.me\"),\n domain(\"r.walkx.org\"),\n domain(\"libreddit.kylrth.com\"),\n domain(\"libreddit.yonalee.eu\"),\n domain(\"libreddit.winscloud.net\"),\n domain(\"libreddit.tiekoetter.com\"),\n domain(\"reddit.rtrace.io\"),\n domain(\"libreddit.lunar.icu\"),\n domain(\"libreddit.privacydev.net\"),\n domain(\"libreddit.notyourcomputer.net\"),\n domain(\"r.ahwx.org\"),\n domain(\"bob.fr.to\"),\n domain(\"reddit.beparanoid.de\"),\n domain(\"libreddit.dcs0.hu\"),\n domain(\"reddit.dr460nf1r3.org\"),\n domain(\"rd.jae.su\"),\n domain(\"libreddit.mha.fi\"),\n domain(\"libreddit.foss.wtf\"),\n domain(\"libreddit.encrypted-data.xyz\"),\n domain(\"libreddit.eu.org\"),\n domain(\"l.opnxng.com\"),\n domain(\"safereddit.com\"),\n domain(\"libreddit.projectsegfau.lt\"),\n domain(\"libreddit.bus-hit.me\"),\n domain(\"reddit.invak.id\"),\n domain(\"redlib.catsarch.com\"),\n domain(\"reddit.idevicehacked.com\"),\n domain(\"redlib.freedit.eu\"),\n domain(\"redlib.perennialte.ch\"),\n domain(\"redlib.tux.pizza\"),\n domain(\"redlib.vimmer.dev\"),\n domain(\"libreddit.privacydev.net\"),\n domain(\"lr.n8pjl.ca\"),\n domain(\"reddit.owo.si\"),\n domain(\"redlib.ducks.party\"),\n domain(\"red.ngn.tf\"),\n domain(\"redlib.dnfetheus.xyz\"),\n domain(\"redlib.cow.rip\"),\n domain(\"libreddit.eu.org\"),\n domain(\"r.darrennathanael.com\"),\n domain(\"redlib.kittywi.re\"),\n domain(\"redlib.privacyredirect.com\") {\n .light,\n .gruvboxlight {\n #catppuccin(@lightFlavor);\n }\n\n .dark,\n .black,\n .doomone,\n .gruvboxdark,\n .dracula,\n .gold,\n .laserwave,\n .nord,\n .rosebox,\n .violet,\n :root {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n --accent: @accent !important;\n --green: @green !important;\n --text: @text !important;\n --foreground: @crust !important;\n --background: @base !important;\n --outside: @mantle !important;\n --post: @mantle !important;\n --panel-border: none !important;\n --highlighted: @surface0 !important;\n --visited: @overlay0 !important;\n --shadow: 0 5px 15px 0 transparent !important;\n\n --nsfw: @peach !important;\n --admin: @maroon !important;\n\n /* thumbnail titles */\n .post_thumbnail span {\n background-color: @base;\n color: @text;\n }\n }\n}\n",
|
|
"originalDigest": "04274ba489fcc3e205b86b529fc59dfce0c5c957",
|
|
"_id": "f9d3a49c-2244-4dec-860a-db4e39483eac",
|
|
"_rev": 1780236872551,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 112
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Raindrop Catppuccin",
|
|
"description": "Soothing pastel theme for Raindrop",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/raindrop/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Raindrop Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/raindrop",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/raindrop",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/raindrop/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Araindrop",
|
|
"description": "Soothing pastel theme for Raindrop",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Raindrop Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/raindrop\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/raindrop\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/raindrop/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Araindrop\n@description Soothing pastel theme for Raindrop\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"app.raindrop.io\") {\n [data-theme=\"night\"] {\n #catppuccin(@darkFlavor) !important;\n }\n [data-theme=\"day\"],\n [data-theme=\"sunset\"] {\n #catppuccin(@lightFlavor);\n }\n\n // theme selector previews\n [class^=\"theme-\"] {\n &[data-index=\"0\"],\n &[data-index=\"2\"] > [class^=\"main-\"],\n &[data-index=\"3\"] {\n #catppuccin(@lightFlavor) !important;\n }\n &[data-index=\"1\"],\n &[data-index=\"2\"] > [class^=\"sidebar-\"] {\n #catppuccin(@darkFlavor) !important;\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n &,\n [data-theme] {\n --background-color: @base;\n --disable-background-color: @crust;\n --disable-text-color: @overlay1;\n --accent-color: @accent;\n --alternative-background-color: @mantle;\n --sidebar-background-color: @mantle;\n --hover-background-color: fade(@overlay0, 20%);\n --active-background-color: @surface1;\n --primary-text-color: @text;\n --secondary-text-color: @subtext0;\n --shadow-color: fade(@text, 10%);\n --shadow-light-color: fade(@text, 10%);\n --danger-color: @red;\n --important-color: @red;\n --success-color: @green;\n --highlights-color: @mauve;\n --reminder-color: @peach;\n --note-color: @yellow;\n --article-color: @peach;\n --audio-color: @mauve;\n --document-color: @subtext0;\n --book-color: @rosewater;\n --image-color: @green;\n --video-color: @blue;\n --broken-color: @maroon;\n --duplicate-color: @sapphire;\n --tag-color: @subtext0;\n --filter-color: @subtext0;\n\n [data-variant=\"active\"] {\n background: fade(@accent, 10%) !important;\n }\n // bookmark edit page header\n [class^=\"header-\"][data-fancy=\"true\"] {\n background: linear-gradient(\n to bottom,\n var(--background-color) 30%,\n fade(@base, 60%) 100%\n );\n }\n // bookmark edit page cover selector\n [class^=\"cover-\"] > [class^=\"more-\"] {\n background: fade(@accent, 85%);\n }\n // add bookmark button text color\n [title=\"Add Bookmark\"] {\n color: @base;\n }\n // disabled add bookmark button\n [class^=\"button-\"][data-variant=\"primary\"][disabled] {\n filter: none;\n opacity: 100%;\n background: @overlay0;\n color: @crust;\n }\n // dropping bookmark to collection color overlay\n [class*=\"isDropping-\"] {\n background-color: fade(@accent, 10%);\n }\n // sidebar background color\n .svSidebar {\n background: var(--sidebar-background-color);\n }\n color: @text;\n }\n // google login button\n [href^=\"https://api.raindrop.io/v1/auth/google\"] > span {\n color: @text;\n }\n\n // todo: recolor \"Colors circle\" icons using custom images (like the chess.com theme)\n }\n}\n",
|
|
"originalDigest": "a3bf8218f36cb62e5b8a9188bd7d664220bb7b86",
|
|
"_id": "edd54db2-dd04-46c0-920a-f9a0ee1a0489",
|
|
"_rev": 1780236872577,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 113
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Claude Catppuccin",
|
|
"description": "Soothing pastel theme for Claude",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/claude/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Claude Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/claude",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/claude",
|
|
"version": "2026.04.11.1",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/claude/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aclaude",
|
|
"description": "Soothing pastel theme for Claude",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Claude Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/claude\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/claude\n@version 2026.04.11.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/claude/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aclaude\n@description Soothing pastel theme for Claude\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"claude.ai\") {\n :root[data-color-version=\"v2\"] {\n &[data-mode=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n &[data-mode=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n --accent-brand: #hslify(@accent)[];\n --accent-000: #hslify(@accent)[];\n --accent-100: #hslify(@accent)[];\n --accent-200: #hslify(lighten(@accent, 5%))[];\n --accent-900: #hslify(darken(@accent, 10%))[];\n --accent-main-000: #hslify(@accent)[];\n --accent-main-100: #hslify(@accent)[];\n --accent-main-200: #hslify(@accent)[];\n --accent-main-900: #hslify(@accent)[];\n --accent-pro-000: #hslify(@accent)[];\n --accent-pro-100: #hslify(@accent)[];\n --accent-pro-200: #hslify(@accent)[];\n --accent-pro-900: #hslify(@accent)[];\n --accent-secondary-000: #hslify(@accent)[];\n --accent-secondary-100: #hslify(@accent)[];\n --accent-secondary-200: #hslify(@accent)[];\n --accent-secondary-900: #hslify(@accent)[];\n --bg-000: #hslify(@surface0)[];\n --bg-100: #hslify(@base)[];\n --bg-200: #hslify(@mantle)[];\n --bg-300: #hslify(@surface0)[];\n --bg-400: #hslify(@surface1)[];\n --bg-500: #hslify(@surface2)[];\n --brand-000: #hslify(@accent)[];\n --brand-100: #hslify(lighten(@accent, 5%))[];\n --brand-200: #hslify(lighten(@accent, 5%))[];\n --brand-900: #hslify(@crust)[];\n --border-000: #hslify(@base)[];\n --border-100: #hslify(@crust)[];\n --border-200: #hslify(@crust)[];\n --border-300: #hslify(@overlay0)[];\n --border-400: #hslify(@overlay1)[];\n --border-500: #hslify(@overlay2)[];\n --danger-000: #hslify(@maroon)[];\n --danger-100: #hslify(@red)[];\n --danger-200: #hslify(@red)[];\n --danger-900: #hslify(@pink)[];\n --oncolor-000: #hslify(darken(@mantle, 5%))[];\n --oncolor-100: #hslify(@mantle)[];\n --oncolor-200: #hslify(@mantle)[];\n --oncolor-300: #hslify(lighten(@mantle, 5%))[];\n --success-000: #hslify(@green)[];\n --success-100: #hslify(lighten(@green, 5%))[];\n --success-200: #hslify(lighten(@green, 5%))[];\n --success-900: #hslify(lighten(@green, 15%))[];\n --text-000: #hslify(darken(@text, 5%))[];\n --text-100: #hslify(@text)[];\n --text-200: #hslify(@text)[];\n --text-300: #hslify(@subtext0)[];\n --text-400: #hslify(@subtext1)[];\n --text-500: #hslify(@subtext0)[];\n --warning-000: #hslify(@yellow)[];\n --warning-100: #hslify(lighten(@yellow, 5%))[];\n --warning-200: #hslify(lighten(@yellow, 5%))[];\n --warning-900: #hslify(lighten(@yellow, 15%))[];\n\n /* Side bar */\n nav.\\!bg-bg-200 {\n background: @mantle !important;\n }\n\n /* Code blocks */\n .code-block__code {\n background: @crust !important;\n\n code {\n /* Default color */\n span {\n color: @text !important;\n }\n\n /* Green */\n span.token[style=\"color: rgb(152, 195, 121);\"] {\n color: @green !important;\n }\n\n /* Yellow */\n span.token[style=\"color: rgb(209, 154, 102);\"] {\n color: @yellow !important;\n }\n\n /* Blue */\n span.token[style=\"color: rgb(97, 175, 239);\"] {\n color: @blue !important;\n }\n\n /* Red */\n span.token[style=\"color: rgb(224, 108, 117);\"] {\n color: @red !important;\n }\n\n /* Magenta */\n span.token[style=\"color: rgb(198, 120, 221);\"] {\n color: @mauve !important;\n }\n\n /* Gray */\n span.token[style=\"color: rgb(171, 178, 191);\"] {\n color: @overlay2 !important;\n }\n }\n }\n\n /* Inline code */\n code.text-danger-000 {\n color: @accent !important;\n }\n\n /* Tooltip */\n div.bg-black\\/80 {\n background: @crust !important;\n }\n div.text-white {\n color: @text !important;\n }\n\n /* Logo */\n div.text-\\[\\#D97757\\] {\n color: @accent !important;\n }\n\n /* \"New chat\" plus icon */\n div.text-always-white svg {\n color: @base !important;\n }\n\n /* \"Subscribe to Pro\" and \"Create Team Account\" buttons */\n button.bg-accent-pro-100 > span.inline-block {\n color: @base !important;\n }\n\n /* Pay monthly/annually buttons */\n button.bg-accent-secondary-900 {\n span.text-text-000 {\n color: @base !important;\n }\n span.text-text-300 {\n color: @surface2 !important;\n }\n div.bg-accent-secondary-000 {\n background: darken(@accent, 15%) !important;\n }\n }\n\n /* Delete conversation button */\n div.\\!text-danger-000.\\[\\&\\[data-highlighted\\]\\]\\:bg-danger-900[data-highlighted] {\n background: fade(@red, 20%) !important;\n }\n\n /* Checkbox */\n input[type=\"checkbox\"] + div.bg-bg-000 {\n background: @text !important;\n }\n\n /* \"Add writing example\" button */\n button.\\!text-accent-secondary-100.bg-accent-secondary-900 {\n color: @base !important;\n &:hover {\n color: @text !important;\n }\n }\n\n /* \"Describe your style\" list */\n button.\\!bg-accent-secondary-900.text-accent-secondary-000 {\n color: @base !important;\n }\n\n /* \"Be as descriptive as possible...\" helper text */\n div.bg-accent-secondary-900.text-text-200 {\n color: @base !important;\n }\n\n /* \"Preview with an example...\" pills */\n button.hover\\:bg-accent-secondary-900.hover\\:text-accent-secondary-000 {\n color: @accent !important;\n &:hover {\n color: @base !important;\n }\n }\n\n /* \"Previewing with ...\" dropdown button */\n button.\\!text-accent-secondary-100.hover\\:\\!bg-accent-secondary-900 {\n color: @accent !important;\n &:hover {\n color: @base !important;\n }\n }\n\n /* White background (e.g., toggle switch thumb) */\n .bg-white {\n background-color: @text;\n }\n }\n}\n\n#hslify(@color) {\n @raw: e(%(\"%s %s% %s%\", hue(@color), saturation(@color), lightness(@color)));\n}\n",
|
|
"originalDigest": "1991f63e4cc7382a0cdd5116a60af1925f9f6dec",
|
|
"_id": "040bc73c-67fb-4c59-a987-c04c6d1ab95a",
|
|
"_rev": 1780236872623,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 114
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Hacker News Catppuccin",
|
|
"description": "Soothing pastel theme for Hacker News",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/hacker-news/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Hacker News Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/hacker-news",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/hacker-news",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/hacker-news/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ahacker-news",
|
|
"description": "Soothing pastel theme for Hacker News",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Hacker News Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/hacker-news\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/hacker-news\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/hacker-news/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ahacker-news\n@description Soothing pastel theme for Hacker News\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"news.ycombinator.com\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n [bgcolor=\"#fafaf0\"],\n [bgcolor=\"#f6f6ef\"] {\n background-color: @base;\n }\n body {\n background-color: @mantle;\n color: @text;\n }\n\n td {\n color: @text;\n }\n\n /* Header */\n td[bgcolor=\"#ff6600\"] {\n background-color: @accent;\n\n .pagetop,\n .pagetop a {\n color: @crust !important;\n }\n\n img[src=\"y18.svg\"] {\n @svg: escape(\n '<svg height=\"18\" viewBox=\"4 4 188 188\" width=\"18\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M4 4h188v188H4z\" fill=\"@{accent}\"/><path d=\"M73.252 45.01 96 92.401l22.748-47.391h19.566l-34.324 64.487v41.493H88.01v-41.493L53.686 45.01z\" fill=\"@{crust}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n border-color: @crust !important;\n }\n\n [color=\"#ffffff\"] {\n color: @crust;\n }\n }\n\n td[bgcolor=\"#ffffaa\"] {\n background-color: @yellow;\n\n td {\n color: @crust;\n }\n }\n\n .subtext,\n .comhead {\n &,\n a:link,\n a:visited,\n a:hover {\n color: @overlay2 !important;\n }\n }\n\n a:link {\n color: @blue;\n &:hover {\n color: @sky;\n }\n }\n .hnmore a:link,\n a:visited {\n color: @lavender;\n }\n\n [color=\"#3c963c\"] {\n color: @green;\n }\n\n /* Story points */\n .score {\n color: @subtext0;\n }\n\n /* Story ranking number */\n .title {\n color: @lavender;\n }\n\n /* Comment text */\n .commtext {\n color: @text;\n }\n\n /* Comment box */\n input,\n textarea,\n select {\n background-color: @mantle;\n color: @text;\n border-width: 1px;\n border-style: solid;\n border-color: @surface0;\n border-radius: 2px;\n }\n\n input {\n padding: 2px;\n }\n\n /* Poll questions */\n td.comment > div > font {\n color: @text;\n }\n\n /* Text post content */\n .toptext {\n color: @text;\n }\n\n .votearrow {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"32\" viewBox=\"0 0 32 16\" width=\"32\"><path d=\"M2 27 16-2l14 29z\" fill=\"@{subtext0}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .yclinks {\n color: @surface2;\n }\n\n b {\n color: @text;\n }\n\n table[bgcolor=\"#ff6600\"] {\n background-color: @accent;\n }\n }\n}\n",
|
|
"originalDigest": "54fdb223945ab71948b4db59676eceb9a11d6a16",
|
|
"_id": "a860834b-5d0d-4ad4-a773-3c4f380c3435",
|
|
"_rev": 1780236872664,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 115
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Cinny Catppuccin",
|
|
"description": "Soothing pastel theme for Cinny",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/cinny/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Cinny Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/cinny",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/cinny",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/cinny/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Acinny",
|
|
"description": "Soothing pastel theme for Cinny",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Cinny Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/cinny\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/cinny\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/cinny/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Acinny\n@description Soothing pastel theme for Cinny\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"cinny.in\"), domain(\"cinny.cyperpunk.de\") {\n @import url(\"https://prismjs.catppuccin.com/variables.important.css\");\n code .token {\n opacity: 1 !important;\n }\n\n :root,\n .silver-theme {\n #catppuccin(@lightFlavor);\n }\n\n .dark-theme,\n .butter-theme {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n #lib.css-variables();\n\n /* Legacy user colors */\n --mx-uc-1: @blue;\n --mx-uc-2: @pink;\n --mx-uc-3: @teal;\n --mx-uc-4: @red;\n --mx-uc-5: @peach;\n --mx-uc-6: @sky;\n --mx-uc-7: @mauve;\n --mx-uc-8: @green;\n\n body.oq6d071w,\n &._15q3ngn0,\n &._15q3ngn1,\n &._15q3ngn2 {\n --oq6d070: @mantle;\n --oq6d071: @base;\n --oq6d072: @surface0;\n --oq6d073: @surface1;\n --oq6d074: @text;\n --oq6d075: @base;\n --oq6d076: @surface0;\n --oq6d077: @surface1;\n --oq6d078: @surface2;\n --oq6d079: @text;\n --oq6d07a: @mantle;\n --oq6d07b: @base;\n --oq6d07c: @surface0;\n --oq6d07d: @surface1;\n --oq6d07e: @text;\n\n --oq6d07f: @subtext0;\n --oq6d07g: @overlay2;\n --oq6d07h: @overlay1;\n --oq6d07i: @overlay0;\n\n --oq6d07j: @base;\n\n --oq6d07k: fade(@accent, 50%);\n --oq6d07l: fade(@accent, 40%);\n --oq6d07m: fade(@accent, 30%);\n --oq6d07n: fade(@accent, 20%);\n\n --oq6d07o: @text;\n --oq6d07p: @subtext1;\n --oq6d07q: @subtext0;\n --oq6d07r: @overlay2;\n --oq6d07s: @overlay1;\n\n --oq6d07t: @mantle;\n --oq6d07u: @surface0;\n --oq6d07v: @surface1;\n --oq6d07w: @surface2;\n --oq6d07x: @overlay0;\n --oq6d07y: @text;\n\n --oq6d07z: fade(@green, 90%);\n --oq6d0710: fade(@green, 95%);\n --oq6d0711: fade(@green, 97.5%);\n --oq6d0712: @green;\n --oq6d0713: @surface0;\n --oq6d0714: fade(@surface0, 97.5%);\n --oq6d0715: fade(@surface0, 95%);\n --oq6d0716: fade(@surface0, 90%);\n --oq6d0717: fade(@surface0, 80%);\n\n --oq6d0718: @green;\n\n --oq6d0719: fade(@peach, 90%);\n --oq6d071a: fade(@peach, 95%);\n --oq6d071b: fade(@peach, 97.5%);\n --oq6d071c: @peach;\n --oq6d071d: fade(@surface0, 97.5%);\n --oq6d071e: fade(@surface0, 95%);\n --oq6d071f: fade(@surface0, 90%);\n --oq6d071g: fade(@surface0, 80%);\n --oq6d071h: fade(@surface0, 70%);\n\n --oq6d071i: fade(@maroon, 90%);\n --oq6d071j: fade(@maroon, 95%);\n --oq6d071k: fade(@maroon, 97.5%);\n --oq6d071l: @maroon;\n --oq6d071m: fade(@surface0, 97.5%);\n --oq6d071n: fade(@surface0, 95%);\n --oq6d071o: fade(@surface0, 90%);\n --oq6d071p: fade(@surface0, 80%);\n --oq6d071q: fade(@surface0, 70%);\n --oq6d071r: fade(@surface0, 60%);\n --oq6d071s: fade(@maroon, 90%);\n\n --oq6d071t: fade(@text, 50%);\n --oq6d071u: @crust;\n --oq6d071v: fade(@crust, 60%);\n }\n\n /* Search results */\n ._1m2qi7rq {\n background-color: @accent;\n color: @base;\n }\n\n /* Footer */\n .footer {\n .text-s1,\n .text-h2,\n a {\n color: @text;\n }\n\n .footer__creator,\n .footer__menu-container .text-b3 {\n color: @subtext0;\n }\n\n background-color: @base;\n }\n\n /* I don't think these actually do anything anymore, but they are\n still defined in the app. They _might_ be removed in a future release. */\n\n /* Backgrounds */\n --bg-surface: @base;\n --bg-surface-transparent: fade(@base, 0%);\n --bg-surface-low: @mantle;\n --bg-surface-low-transparent: fade(@mantle, 0%);\n --bg-surface-extra-low: @crust;\n --bg-surface-extra-low-transparent: fade(@crust, 0%);\n --bg-surface-border: fade(@crust, 20%);\n --bg-surface-hover: @surface0;\n --bg-surface-active: @surface1;\n --bg-overlay: fade(@crust, 60%);\n --bg-overlay-low: fade(@crust, 80%);\n --bg-primary: @accent;\n --bg-primary-hover: fade(@accent, 80%);\n --bg-primary-active: fade(@accent, 70%);\n --bg-primary-border: fade(@accent, 38%);\n --bg-tooltip: @surface0;\n --bg-badge: @lavender;\n --bg-positive: @green;\n --bg-positive-hover: fade(@green, 8%);\n --bg-positive-active: fade(@green, 15%);\n --bg-positive-border: fade(@green, 40%);\n --bg-caution: @peach;\n --bg-caution-hover: fade(@peach, 8%);\n --bg-caution-active: fade(@peach, 15%);\n --bg-caution-border: fade(@peach, 40%);\n --bg-danger: @maroon;\n --bg-danger-hover: fade(@maroon, 5%);\n --bg-danger-active: fade(@maroon, 10%);\n --bg-danger-border: fade(@maroon, 20%);\n --bg-ping: fade(@green, 40%);\n --bg-ping-hover: fade(@green, 50%);\n\n /* Texts */\n --tc-surface-high: @text;\n --tc-surface-normal: @text;\n --tc-surface-normal-low: @subtext1;\n --tc-surface-low: @subtext0;\n --tc-primary-high: @crust;\n --tc-primary-normal: @text;\n --tc-primary-low: @subtext1;\n --tc-tooltip: @subtext0;\n --tc-code: @mauve;\n --tc-link: @blue;\n --tc-badge: @crust;\n --tc-positive-high: @green;\n --tc-positive-normal: @green;\n --tc-positive-low: @green;\n --tc-caution-high: @peach;\n --tc-caution-normal: @peach;\n --tc-caution-low: @peach;\n --tc-danger-high: @maroon;\n --tc-danger-normal: @maroon;\n --tc-danger-low: @maroon;\n\n /* Icons */\n --ic-surface-high: @text;\n --ic-surface-normal: @text;\n --ic-surface-low: @subtext1;\n --ic-primary-high: @crust;\n --ic-primary-normal: @crust;\n --ic-primary-low: @crust;\n --ic-positive-high: @green;\n --ic-positive-normal: @maroon;\n --ic-caution-high: @peach;\n --ic-caution-normal: @peach;\n --ic-danger-high: @maroon;\n --ic-danger-normal: @maroon;\n }\n}\n",
|
|
"originalDigest": "55a5c6871274f2e18d707c6ac2ff1a29c2d69a5d",
|
|
"_id": "c25c5ac6-b22a-479c-806a-6542158ccaf1",
|
|
"_rev": 1780236872688,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 116,
|
|
"url": "https://github.com/catppuccin/userstyles/tree/main/styles/cinny",
|
|
"updateDate": 1780236896125
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Chess.com Catppuccin",
|
|
"description": "Soothing pastel theme for Chess.com",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/chess.com/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Chess.com Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/chess.com",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/chess.com",
|
|
"version": "2026.04.13",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/chess.com/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Achess.com",
|
|
"description": "Soothing pastel theme for Chess.com",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"highlightColor1": {
|
|
"type": "select",
|
|
"label": "Highlight 1",
|
|
"name": "highlightColor1",
|
|
"value": null,
|
|
"default": "red",
|
|
"options": [
|
|
{
|
|
"name": "rosewater",
|
|
"label": "Rosewater",
|
|
"value": "rosewater"
|
|
},
|
|
{
|
|
"name": "flamingo",
|
|
"label": "Flamingo",
|
|
"value": "flamingo"
|
|
},
|
|
{
|
|
"name": "pink",
|
|
"label": "Pink",
|
|
"value": "pink"
|
|
},
|
|
{
|
|
"name": "mauve",
|
|
"label": "Mauve",
|
|
"value": "mauve"
|
|
},
|
|
{
|
|
"name": "red",
|
|
"label": "Red",
|
|
"value": "red"
|
|
},
|
|
{
|
|
"name": "maroon",
|
|
"label": "Maroon",
|
|
"value": "maroon"
|
|
},
|
|
{
|
|
"name": "peach",
|
|
"label": "Peach",
|
|
"value": "peach"
|
|
},
|
|
{
|
|
"name": "yellow",
|
|
"label": "Yellow",
|
|
"value": "yellow"
|
|
},
|
|
{
|
|
"name": "green",
|
|
"label": "Green",
|
|
"value": "green"
|
|
},
|
|
{
|
|
"name": "teal",
|
|
"label": "Teal",
|
|
"value": "teal"
|
|
},
|
|
{
|
|
"name": "blue",
|
|
"label": "Blue",
|
|
"value": "blue"
|
|
},
|
|
{
|
|
"name": "sapphire",
|
|
"label": "Sapphire",
|
|
"value": "sapphire"
|
|
},
|
|
{
|
|
"name": "sky",
|
|
"label": "Sky",
|
|
"value": "sky"
|
|
},
|
|
{
|
|
"name": "lavender",
|
|
"label": "Lavender",
|
|
"value": "lavender"
|
|
},
|
|
{
|
|
"name": "subtext0",
|
|
"label": "Gray",
|
|
"value": "subtext0"
|
|
}
|
|
]
|
|
},
|
|
"highlightColor2": {
|
|
"type": "select",
|
|
"label": "Highlight 2",
|
|
"name": "highlightColor2",
|
|
"value": null,
|
|
"default": "green",
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"highlightColor3": {
|
|
"type": "select",
|
|
"label": "Highlight 3",
|
|
"name": "highlightColor3",
|
|
"value": null,
|
|
"default": "peach",
|
|
"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"
|
|
}
|
|
]
|
|
},
|
|
"highlightColor4": {
|
|
"type": "select",
|
|
"label": "Highlight 4",
|
|
"name": "highlightColor4",
|
|
"value": null,
|
|
"default": "blue",
|
|
"options": [
|
|
{
|
|
"name": "rosewater",
|
|
"label": "Rosewater",
|
|
"value": "rosewater"
|
|
},
|
|
{
|
|
"name": "flamingo",
|
|
"label": "Flamingo",
|
|
"value": "flamingo"
|
|
},
|
|
{
|
|
"name": "pink",
|
|
"label": "Pink",
|
|
"value": "pink"
|
|
},
|
|
{
|
|
"name": "mauve",
|
|
"label": "Mauve",
|
|
"value": "mauve"
|
|
},
|
|
{
|
|
"name": "red",
|
|
"label": "Red",
|
|
"value": "red"
|
|
},
|
|
{
|
|
"name": "maroon",
|
|
"label": "Maroon",
|
|
"value": "maroon"
|
|
},
|
|
{
|
|
"name": "peach",
|
|
"label": "Peach",
|
|
"value": "peach"
|
|
},
|
|
{
|
|
"name": "yellow",
|
|
"label": "Yellow",
|
|
"value": "yellow"
|
|
},
|
|
{
|
|
"name": "green",
|
|
"label": "Green",
|
|
"value": "green"
|
|
},
|
|
{
|
|
"name": "teal",
|
|
"label": "Teal",
|
|
"value": "teal"
|
|
},
|
|
{
|
|
"name": "blue",
|
|
"label": "Blue",
|
|
"value": "blue"
|
|
},
|
|
{
|
|
"name": "sapphire",
|
|
"label": "Sapphire",
|
|
"value": "sapphire"
|
|
},
|
|
{
|
|
"name": "sky",
|
|
"label": "Sky",
|
|
"value": "sky"
|
|
},
|
|
{
|
|
"name": "lavender",
|
|
"label": "Lavender",
|
|
"value": "lavender"
|
|
},
|
|
{
|
|
"name": "subtext0",
|
|
"label": "Gray",
|
|
"value": "subtext0"
|
|
}
|
|
]
|
|
},
|
|
"styleBoardAndPieces": {
|
|
"type": "checkbox",
|
|
"label": "Style Board & Pieces",
|
|
"name": "styleBoardAndPieces",
|
|
"value": null,
|
|
"default": "1",
|
|
"options": null
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Chess.com Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/chess.com\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/chess.com\n@version 2026.04.13\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/chess.com/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Achess.com\n@description Soothing pastel theme for Chess.com\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 select highlightColor1 \"Highlight 1\" [\"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 select highlightColor2 \"Highlight 2\" [\"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 select highlightColor3 \"Highlight 3\" [\"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 select highlightColor4 \"Highlight 4\" [\"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 styleBoardAndPieces \"Style Board & Pieces\" 1\n==/UserStyle== */\n\n@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"chess.com\") {\n .light-mode {\n #catppuccin(@lightFlavor);\n }\n\n .dark-mode {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n @highlight1: @catppuccin[@@flavor][@@highlightColor1];\n @highlight2: @catppuccin[@@flavor][@@highlightColor2];\n @highlight3: @catppuccin[@@flavor][@@highlightColor3];\n @highlight4: @catppuccin[@@flavor][@@highlightColor4];\n\n --color-bg-opaque: @mantle;\n --color-bg-opaque-lighter: @base;\n --color-bg-subtle: @surface1;\n --color-bg-subtler: @surface0;\n --color-bg-input: @mantle;\n --color-bg-speech: @surface0;\n --color-bg-secondary: @surface0;\n --color-bg-tertiary: @surface1;\n --color-bg-quaternary: @surface2;\n --color-gray-100: @overlay1;\n --color-text-speech: @text;\n\n --color-icon-default: @subtext0;\n --color-icon-default-hovered: @subtext1;\n --color-icon-bolder: @subtext1;\n --color-icon-boldest: @text;\n\n --color-text-boldest: @text;\n --color-text-bolder: @text;\n --color-text-default: @text;\n --color-text-default-hovered: @subtext1;\n --color-text-subtle: @subtext1;\n --color-text-placeholder: @subtext0;\n --color-text-inverse: @crust;\n --color-text-link: @blue;\n --color-text-link-hovered: @sky;\n\n --color-border-default: @surface1;\n --color-border-subtle: @overlay2;\n --color-border-selected: @accent;\n\n --color-green-200: lighten(@accent, 5%);\n --color-green-300: @accent;\n --color-green-400: darken(@accent, 5%);\n\n --color-red-300: @red; /* Danger */\n --color-red-400: @red; /* Danger */\n\n /* Links */\n --color-blue-200: @sapphire;\n --color-blue-300: @sky;\n --color-blue-400: @blue;\n\n --color-classification-blunder: @red;\n --color-classification-miss: @maroon;\n --color-classification-mistake: @peach;\n --color-classification-inaccuracy: @yellow;\n --color-classification-best: @green;\n --color-classification-excellent: @green;\n --color-classification-good: @teal;\n --color-classification-great: @blue;\n --color-classification-brilliant: @sapphire;\n --color-classification-book: @rosewater;\n\n --color-icon-win: @green;\n --color-text-win: @green;\n --color-icon-draw: @subtext0;\n --color-text-draw: @subtext0;\n --color-bg-draw: @subtext0;\n --color-border-draw: var(--color-transparent-white-10);\n --color-icon-loss: @red;\n --color-text-loss: @red;\n --color-border-loss: @red;\n\n --color-icon-bullet: @peach;\n --color-icon-blitz: @yellow;\n\n body {\n --theme-background-color: @base !important;\n --theme-background-image: none;\n\n --globalBackground: @mantle !important;\n --globalBackgroundOpaque: @mantle !important;\n --globalSecondaryBackground: @crust !important;\n --globalTertiaryBackground: @surface0 !important;\n --globalAccentBackground: @accent !important;\n --globalSecondaryAccentBackground: @surface0 !important;\n --globalSiteBackground: @base !important;\n --globalBorder: @surface0 !important;\n --globalColorThemeFull: @text !important;\n --globalColorThemeHigh: @text;\n --globalColorThemeMid: @overlay2 !important;\n --globalColorThemeLow: @overlay0 !important;\n --globalColorThemeLower: @base !important;\n --globalColorThemeLink: @sapphire !important;\n --globalColorThemeBlueToMid: @text;\n --globalOverlayBackground: @base !important;\n --globalColorWin: @green !important;\n --globalColorDraw: @accent !important;\n --globalColorLoss: @red !important;\n\n --labelBgColor: @surface1;\n --activeLabelColor: @accent;\n --buttonBgColor: @text;\n\n --nodeColor: @text;\n --nodeBackground: @yellow;\n }\n\n /* Home page */\n .index-title,\n .index-info-item-counter {\n color: @text !important;\n }\n .index-info-item {\n color: @subtext0 !important;\n }\n .index-suggestion-title,\n .index-posts-title,\n .index-post-name {\n color: @text;\n }\n .index-quote-author,\n .index-quote-body,\n .index-post-author {\n color: @subtext1;\n }\n\n .promo-title,\n .promo-rank {\n color: @text;\n }\n .promo-subtitle {\n color: @subtext1;\n }\n\n .home-username-link {\n color: @text;\n }\n\n /* Lessons page */\n .level-title {\n color: @text;\n }\n .level-desc,\n .course-header-description strong {\n color: @subtext1;\n }\n\n .lessons-search-filter {\n .form-dropdown-chevron,\n .form-dropdown-control-label,\n .form-dropdown-value {\n color: @subtext1;\n }\n }\n\n /* Play lesson video */\n .lesson-status {\n background-color: @text;\n }\n\n /* More page */\n .landing-header {\n color: @text;\n }\n\n /* UI */\n .v5-title-label {\n color: @text;\n }\n .v5-tabs-list,\n .v5-tabs-list-dark {\n --borderColor: @surface2;\n --tabTitleColor: @subtext0;\n --tabHoverTitleColor: @subtext1;\n --tabSelectedBorderColor: @subtext1;\n --tabSelectedTitleColor: @text;\n }\n .ui_v5-input-component {\n --borderColor: @surface0;\n --borderFocus: @surface1;\n --bgColor: @base;\n --textColor: @text;\n --secondaryTextColor: @subtext1;\n }\n .ui_v5-input-group-component {\n --inputIconColor: @subtext0;\n }\n .ui_v5-button-component {\n --boxShadow: none;\n --boxShadowHover: none;\n box-shadow: none;\n\n &.ui_v5-button-basic {\n --basicColor: @text !important;\n --basicHoverColor: @text !important;\n --basicBgColor: @surface1 !important;\n --basicBghover: @surface2 !important;\n --borderColor: @surface0 !important;\n }\n\n &.ui_v5-button-primary {\n color: @crust !important;\n background-color: @accent;\n\n &:hover {\n background-color: darken(@accent, 5%);\n box-shadow: none;\n }\n }\n }\n .ui_v5-select-component {\n --borderColor: @surface0;\n --borderFocus: @surface1;\n --bgColor: @base;\n --textColor: @text;\n --arrowColor: @subtext0;\n }\n\n .ui_pagination-item-component {\n --paginationColor: @text;\n --paginationBgColor: @surface1;\n --paginationBgHover: @surface2;\n --paginationColorMuted: @base;\n --paginationBgColorMuted: @overlay1;\n }\n\n .nav-link-text {\n color: @text !important;\n }\n .nav-menu-area:last-of-type .icon-font-chess {\n color: @mantle !important;\n }\n .nav-link-main-design,\n .nav-link-main-link {\n color: @text !important;\n\n &:hover {\n color: @subtext1 !important;\n }\n }\n\n #tb {\n .toolbar-action-icon {\n color: @subtext1;\n }\n\n .toolbar-action-wrapper:hover .toolbar-action-icon {\n color: @text !important;\n }\n }\n\n #sb {\n color: @subtext0;\n\n &.open {\n background-color: @mantle;\n }\n\n .nav-action:hover {\n background-color: @surface0;\n color: @text;\n }\n\n .nav-panel-shade,\n .nav-panel-theme-bg,\n .nav-action.has-popover + .nav-popover {\n background: @mantle !important;\n }\n\n .nav-popover.dark .btn-link {\n color: @text;\n }\n .nav-menu-area:last-of-type {\n color: @text !important;\n }\n .nav-popover.nav-search {\n --search-bg-color: @surface0;\n }\n }\n\n .nav-popover.dark {\n background: @mantle;\n }\n\n .section-heading-component .back-link-component {\n color: currentcolor;\n }\n .section-heading-black {\n background-color: @surface1;\n color: @text;\n }\n .nav-section-header-component {\n background-color: @base;\n color: @text;\n }\n\n .popover-friends-header,\n .popover-friends-content,\n .popover-messages-header,\n .popover-messages-content,\n .popover-settings-header,\n .popover-settings-content {\n background: @mantle;\n }\n\n /* Buttons */\n\n .selector-button-button,\n .time-selector-button-button {\n background: @surface0;\n\n &:hover {\n background: @surface1;\n }\n }\n\n .cc-switch-checkbox:not(.cc-switch-readonly):checked\n + .cc-switch-label\n .cc-switch-button {\n background-color: @surface1;\n }\n\n .cc-button-component,\n .cc-button-primary {\n --bgColor: @accent;\n --bgColorHover: darken(@accent, 5%);\n --textColor: @crust;\n --textColorHover: @crust;\n box-shadow: none;\n }\n\n .cc-button-primary,\n .cc-button-monetization {\n --borderBottomLine: darken(@accent, 2%);\n --borderBottomLineHover: darken(@accent, 4%);\n }\n\n .cc-button-secondary {\n --bgColor: @surface0;\n --bgColorHover: darken(@surface0, 5%);\n --iconColor: @text;\n --iconColorHover: @text;\n --textColor: @text;\n --textColorHover: @text;\n }\n\n .cc-button-danger {\n --bgColor: @red;\n --bgColorHover: darken(@red, 5%);\n color: @crust;\n }\n\n .v5-section-shadow,\n .v5-section-shadow-hover {\n --linkHoverBackground: @surface1;\n --linkBoxShadow: 0 0.5rem 0 0 @surface2;\n }\n\n /* Game */\n\n .user-username-component,\n .cc-user-username-white,\n .cc-user-rating-white {\n color: @text;\n text-shadow: none;\n }\n\n .user-tagline-rating.user-tagline-white {\n color: @overlay1;\n }\n\n .clock-component.clock-black {\n background: @surface0;\n }\n .clock-component.clock-white {\n background: @text;\n }\n\n .highlight {\n &[style*=\"rgb(235, 97, 80)\"] {\n background: fade(@highlight1, 80%) !important;\n }\n &[style*=\"rgb(172, 206, 89)\"] {\n background: fade(@highlight2, 80%) !important;\n }\n &[style*=\"rgb(255, 170, 0)\"] {\n background: fade(@highlight3, 80%) !important;\n }\n &[style*=\"rgb(82, 176, 220)\"] {\n background: fade(@highlight4, 80%) !important;\n }\n opacity: 1 !important;\n }\n .hover-square rect {\n stroke: @overlay1 !important;\n }\n .hint {\n background-color: @overlay1;\n filter: drop-shadow(0 0 1px @crust);\n }\n .capture-hint {\n background-color: @overlay1;\n filter: drop-shadow(0 0 1px @crust);\n z-index: -1;\n }\n\n /* Review/evaluation */\n\n .evaluation-bar-bar {\n .evaluation-bar-black {\n background-color: @surface2;\n }\n .evaluation-bar-draw {\n background-color: @overlay1;\n }\n .evaluation-bar-white {\n background-color: @text;\n }\n }\n\n .review-rating-white {\n background-color: @text;\n }\n .review-rating-black {\n background-color: @surface0;\n color: @text;\n }\n\n .overview-view-new-game-button {\n background-color: @surface1;\n }\n\n .arrow {\n &[style*=\"rgba(248, 85, 63, 0.8)\"] {\n fill: @highlight1 !important;\n }\n &[style*=\"rgba(159, 207, 63, 0.8)\"] {\n fill: @highlight2 !important;\n }\n &[style*=\"rgba(255, 170, 0, 0.8)\"] {\n fill: @highlight3 !important;\n }\n &[style*=\"rgba(72, 193, 249, 0.8)\"] {\n fill: @highlight4 !important;\n }\n }\n\n g#winner [fill=\"#dbac16\"] {\n fill: @yellow !important;\n }\n\n /* Game over */\n\n .modal-game-over-header-grey,\n .modal-game-over-header-black-win,\n .game-over-header-component {\n background-color: @base;\n color: @text;\n }\n\n .modal-game-over-user-winner-active,\n .modal-game-over-user-crown {\n background: @lavender;\n }\n\n .game-over-review-button-label {\n color: @crust;\n text-shadow: none;\n }\n\n /* Ads */\n\n .placeholder-ad-upgrade {\n background-color: @accent;\n }\n .placeholder-ad-link {\n color: @crust;\n }\n\n .modal-trial-component.modal-trial-special-offer {\n .modal-trial-header-background {\n background-color: @accent;\n }\n }\n\n .coach-nudges-modal-component {\n background: @mantle;\n }\n\n .ready-to-play-banner-component {\n background-color: @mantle;\n\n .ready-to-play-banner-title,\n .ready-to-play-banner-list {\n color: @text;\n }\n }\n\n .notifications-links-trial .nav-link-text {\n color: @crust !important;\n }\n\n /* Misc */\n\n /* GM/IM/etc badge */\n --color-bg-chesstitle: @accent;\n .course-author-title,\n .course-header-author-title,\n .form-dropdown-short-title,\n .index-chess-title,\n .leaderboard-index-chess-title,\n .player-header-title,\n .category-headline-chess-title {\n color: @crust !important;\n }\n\n .tooltip-body {\n background: @surface0;\n color: @text;\n\n &::after {\n border-top-color: @surface0 !important;\n }\n }\n .popup-component {\n background-color: @surface0;\n color: @text;\n &.popup-left .popup-arrow {\n border-left-color: @surface0;\n }\n &.popup-right .popup-arrow {\n border-right-color: @surface0;\n }\n }\n\n /* Error banner */\n .alerts-alert {\n color: @crust;\n }\n\n div.mode-selection-button-selected {\n > .mode-selection-button-description {\n color: @surface1;\n }\n\n > .mode-selection-button-mode {\n color: @mantle;\n }\n }\n\n .status-component {\n background-color: @accent;\n color: @crust;\n }\n\n .navigation-footer-page-component,\n .navigation-footer-platform-icon {\n color: @subtext1;\n text-shadow: none;\n }\n\n .download-button-button {\n color: @crust !important;\n }\n\n .table-hover tbody tr:hover {\n background-color: @surface2;\n }\n\n /* Board */\n @light-cell: @catppuccin[@mocha][@text];\n @dark-cell: @catppuccin[@mocha][@@accentColor];\n\n @board: escape(\n '<svg width=\"1600\" height=\"1600\" viewBox=\"0 0 1600 1600\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"@{dark-cell}\" d=\"M200 0v200h200V0Zm200 200v200h200V200Zm200 0h200V0H600Zm200 0v200h200V200Zm200 0h200V0h-200Zm200 0v200h200V200Zm200 0h200V0h-200zm0 200v200h200V400zm0 200h-200v200h200zm0 200v200h200V800Zm0 200h-200v200h200zm0 200v200h200v-200zm0 200h-200v200h200zm-200 0v-200h-200v200zm-200 0H800v200h200zm-200 0v-200H600v200zm-200 0H400v200h200zm-200 0v-200H200v200zm-200 0H0v200h200zm0-200v-200H0v200zm0-200h200V800H200Zm0-200V600H0v200zm0-200h200V400H200Zm0-200V200H0v200zm200 200v200h200V600Zm200 0h200V400H600Zm200 0v200h200V600Zm200 0h200V400h-200Zm0 200v200h200V800Zm0 200H800v200h200zm-200 0V800H600v200zm-200 0H400v200h200z\"/><path fill=\"@{light-cell}\" d=\"M0 0v200h200V0Zm200 200v200h200V200Zm200 0h200V0H400zm200 0v200h200V200Zm200 0h200V0H800Zm200 0v200h200V200Zm200 0h200V0h-200zm200 0v200h200V200Zm0 200h-200v200h200zm0 200v200h200V600Zm0 200h-200v200h200zm0 200v200h200v-200Zm0 200h-200v200h200zm0 200v200h200v-200zm-200 0h-200v200h200zm-200 0v-200H800v200zm-200 0H600v200h200zm-200 0v-200H400v200zm-200 0H200v200h200zm-200 0v-200H0v200zm0-200h200v-200H200Zm0-200V800H0v200zm0-200h200V600H200Zm0-200V400H0v200zm200 0h200V400H400zm200 0v200h200V600Zm200 0h200V400H800Zm200 0v200h200V600Zm0 200H800v200h200zm0 200v200h200v-200Zm-200 0H600v200h200zm-200 0V800H400v200z\"/></svg>'\n );\n\n & when (@styleBoardAndPieces = 1) {\n #board-play-computer,\n .board.theme-selector-preview-board,\n .fade-in-overlay {\n background-image: url(\"data:image/svg+xml,@{board}\") !important;\n }\n\n /* Coordinates - Inside */\n .coordinate-light {\n fill: @dark-cell;\n }\n .coordinate-dark {\n fill: @light-cell;\n }\n /* Coordinates - Outside */\n .coordinate-grey {\n fill: @subtext0;\n }\n }\n\n #piece(@piece, @type) {\n @border: @catppuccin[@mocha][@base];\n @darkest: if(\n @type = black,\n @catppuccin[@mocha][@base],\n @catppuccin[@mocha][@text]\n );\n @darker: if(\n @type = black,\n @catppuccin[@mocha][@surface0],\n @catppuccin[@mocha][@subtext1]\n );\n @main: if(\n @type = black,\n @catppuccin[@mocha][@surface1],\n @catppuccin[@mocha][@subtext0]\n );\n @lighter: if(\n @type = black,\n @catppuccin[@mocha][@surface2],\n @catppuccin[@mocha][@overlay2]\n );\n @lightest: if(\n @type = black,\n @catppuccin[@mocha][@overlay0],\n @catppuccin[@mocha][@overlay1]\n );\n\n @bishop: '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"300\" height=\"300\"><path d=\"M162 30c6.52 5.668 9.348 12.053 10.281 20.566-.367 3.175-1.414 4.01-3.719 6.184C146.053 81.008 142.892 119.703 141 151l15 1-.187-6.062C155.585 120.198 161.375 93.96 175 72c3.373.58 4.95 1.596 7.285 4.07l1.842 1.945 1.935 2.11 2.01 2.173c20.46 22.481 33.926 47.948 32.85 78.926-1.2 19.396-7.91 40.765-21.922 54.776l3.84.883c11.906 2.853 21.874 5.616 29.16 16.117 6.399 13.026 4 22.967 4 39H59c0-34.741 0-34.741 9.25-44.75 7.872-7.278 17.59-8.932 27.75-11.25l-1.758-2.422c-15.261-21.322-22.736-45.964-18.59-72.234C77.603 130.92 81.24 121.44 86 112l1.773-3.547C96.835 91.554 110.313 78.205 124 65l-.64-1.795c-3.105-8.943-3.633-16.042.312-24.877 4.215-7.388 9.78-10.529 17.64-13.078 7.47-.695 14.511.329 20.688 4.75\" fill=\"@{border}\"/><path d=\"M157.39 35.633c3.645 3.096 6.283 7.063 6.958 11.82-.454 3.324-1.73 4.772-3.848 7.36-5.244 6.896-8.912 14.326-12.5 22.187l-1.402 3.035C136.186 104.75 134.123 132.508 133 159h30l-.187-8.5c-.152-23.172 3.376-46.806 14.187-67.5 17.898 14.47 33.306 37.664 36 61 1.783 25.486-3.182 47.429-19.258 67.577-2.82 3.182-4.257 4.323-8.554 5.212q-2.173.07-4.345.05l-2.412.052c-2.62.047-5.237.049-7.857.047l-5.492.046c-3.834.027-7.667.03-11.502.018-4.897-.012-9.79.05-14.686.13-3.781.052-7.561.058-11.343.05q-2.706.005-5.412.059c-14.04.247-14.04.247-19.217-3.424A51.4 51.4 0 0 1 97 206l-1.332-1.879c-11.791-17.166-16.303-39.85-13.347-60.345C86.018 124.167 95.768 105.795 109 91l2.25-2.578C117.96 80.828 124.892 73.13 133 67h2v-3h-2c-4.337-5.914-6.046-10.737-5-18 2.626-6.21 6.697-10.459 12.813-13.312 6.043-1.304 11.386-.318 16.578 2.945m-27.676 186.199 4.158-.01q4.335-.009 8.67-.007 4.37 0 8.74-.02c54.127-.251 54.127-.251 70.53 9.955C230.81 241.005 229 252.547 229 265H66c0-23.333 0-23.333 6-31 13.663-13.663 39.855-12.153 57.715-12.168\" fill=\"@{main}\"/><path d=\"M196 105c3.369 3.91 5.725 7.91 8 12.5l1.055 2.118c10.69 22.052 10.245 45.695 2.882 68.702-3.015 8.02-7.641 14.984-12.937 21.68l-1.247 1.593c-2.018 2.311-3.64 4.126-6.677 4.893-2.209.11-4.331.035-6.537-.119l-2.396-.093c-2.508-.104-5.012-.25-7.518-.399q-2.56-.117-5.121-.227A870 870 0 0 1 153 215c3.032-2.324 6.078-4.177 9.438-6 18.09-10.524 31.644-26.606 37.437-46.937 3.13-12.5 3.024-25.491.813-38.125l-.357-2.053a58 58 0 0 0-2.936-10.194C196 108 196 108 196 105\" fill=\"@{darker}\"/><path d=\"m129.715 221.832 4.158-.01q4.335-.009 8.67-.007 4.37 0 8.74-.02c54.891-.255 54.891-.255 70.655 10.143 2.258 2.258 2.974 4.1 4.062 7.062l-2.953-.805c-9.126-2.335-18.147-3.666-27.543-4.312l-3.642-.253c-14.057-.887-28.11-.934-42.19-.89-3.75.01-7.498.004-11.247-.008-34.659-.51-34.659-.51-68.425 6.268 1.355-4.743 3.949-7.372 8-10 15.534-7.48 34.887-7.153 51.715-7.168M138 66.125l2 .875a365 365 0 0 1-7.762 7.621C103.574 102.004 91.203 140.603 86 179c-5.256-5.256-4.274-16.137-4.375-23.25C81.651 131.755 93.237 108.624 109 91l2.25-2.578c19.948-22.58 19.948-22.58 26.75-22.297\" fill=\"@{lightest}\"/><path d=\"M156 36c3.065 1.307 4.621 2.397 6.25 5.313l1.016 1.738c.958 2.543 1.08 4.245.734 6.949-1.469 2.332-1.469 2.332-3.5 4.813-5.244 6.896-8.912 14.326-12.5 22.187l-1.402 3.035C136.342 104.38 134.055 131.871 133 158c-6.154-5.328-7.755-13.841-8.75-21.687A172 172 0 0 1 124 132l-.191-2.246c-1.04-20.436 12.057-40.23 21.566-57.379C152.119 60.155 157.058 50.371 156 36\" fill=\"@{darker}\"/><path d=\"m145 34-1.54.96c-6.03 4.09-9.035 8.706-12.46 15.04l-2 3c-1-1-1-1-1.375-3.562.639-5.856 3.75-9.929 8-13.876 3.507-2.307 5.43-2.786 9.375-1.562\" fill=\"@{lighter}\"/></svg>';\n @king: '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"300\" height=\"300\"><path d=\"M132 23h37v20h20v38l-17 1 1 9 3.008-1.023c20.423-6.778 41.162-9.228 61.242.148 13.648 7.29 22.597 17.999 27.746 32.527 5.1 17.004 3.256 33.227-4.683 48.973-2.746 4.818-6.058 8.783-9.872 12.793a179 179 0 0 0-5.722 6.387c-4.339 4.987-9.072 9.541-13.846 14.107-4.721 4.622-8.42 9.457-11.873 15.088l2.14 1.177c7.992 4.456 13.264 8.982 16.317 17.733C240.371 250.124 239 259.54 239 272H62c0-35.187 0-35.187 9-45 7.267-6 7.267-6 12-6-5.287-8.299-11.718-14.977-18.744-21.808A207 207 0 0 1 51 185l-2.187-2.477C35.93 167.254 32.855 151.495 34 132c1.625-13.535 8.977-25.92 19-35 14.793-11.263 31.403-14.806 49.7-12.43 8.317 1.191 16.335 2.688 24.3 5.43l2-8-17-1V43h20zM92.332 138.375C90.008 141.21 89.81 144.471 90 148c2.29 5.62 6.183 9.686 10.3 14.09a223 223 0 0 1 5.93 6.664l3.395 3.871 1.594 1.905 1.57 1.76 1.366 1.584c2.48 1.734 2.48 1.734 8.845 1.126v-38c-15.521-8.158-15.521-8.158-30.668-2.625m97.856-3.125-2.458.703c-3.561 1.286-3.561 1.286-9.73 5.047v38c7.281.753 7.281.753 9.89-1.293l1.36-1.894a120 120 0 0 1 8.215-9.57c9.234-9.235 9.234-9.235 14.222-20.93-.909-4.382-2.394-6.3-5.687-9.313-5.598-2.16-10.085-2.446-15.812-.75\" fill=\"@{main}\"/><path d=\"M132 23h37v20h20v38l-17 1 1 9 3.008-1.023c20.423-6.778 41.162-9.228 61.242.148 13.648 7.29 22.597 17.999 27.746 32.527 5.1 17.004 3.256 33.227-4.683 48.973-2.746 4.818-6.058 8.783-9.872 12.793a179 179 0 0 0-5.722 6.387c-4.339 4.987-9.072 9.541-13.846 14.107-4.721 4.622-8.42 9.457-11.873 15.088l2.14 1.177c7.992 4.456 13.264 8.982 16.317 17.733C240.371 250.124 239 259.54 239 272H62c0-35.187 0-35.187 9-45 7.267-6 7.267-6 12-6-5.287-8.299-11.718-14.977-18.744-21.808A207 207 0 0 1 51 185l-2.187-2.477C35.93 167.254 32.855 151.495 34 132c1.625-13.535 8.977-25.92 19-35 14.793-11.263 31.403-14.806 49.7-12.43 8.317 1.191 16.335 2.688 24.3 5.43l2-8-17-1V43h20zm7 7v20h-20v23h20l-1.875 6.75c-1.82 6.691-3.153 13.379-4.125 20.25l-2.86-.988-3.89-1.325-1.863-.646c-10.285-3.48-19.927-5.586-30.824-5.478l-3.317.025c-13.662.285-24.953 3.87-35.273 13.256-11.051 11.8-14.35 25.548-14.18 41.312 1.162 21.583 16.155 34.897 30.546 49.098a143 143 0 0 1 9.599 10.559l2.187 2.656C85 211 85 211 86.25 213.53c1.379 2.649 2.159 3.945 4.75 5.469 4.384.09 8.408-.422 12.71-1.184 15.312-2.585 31.133-2.013 46.603-2.004l3.484-.002c15.22.001 30.286.275 45.441 1.752l2.507.23q3.082.287 6.161.595c3.236-.09 3.236-.09 5.324-2.555l1.958-3.02a359 359 0 0 1 2.312-3.332l1.223-1.748c2.126-2.883 4.52-5.492 6.964-8.107.747-.801.747-.801 1.508-1.62 3.345-3.55 6.797-6.98 10.283-10.393 11.971-11.742 22.607-25.224 22.852-42.75l-.017-2.112-.018-2.24c-.31-14.146-5.398-26.165-15.092-36.506C239.464 98.784 232.448 95.116 225 93l-2.309-.656c-18.369-4.25-38.005.945-54.691 8.656l-.25-3.437c-.537-4.927-1.614-9.685-2.75-14.5l-.54-2.297c-.932-3.986-.932-3.986-2.46-7.766h20V50h-20V30z\" fill=\"@{border}\"/><path d=\"M146.825 221.74c3.672.01 7.343 0 11.015-.013 55.641-.033 55.641-.033 69.535 12.398 5.618 9.94 4.625 19.25 4.625 30.875H69c0-23.865 0-23.865 6-31l1.219-1.555c14.14-15.117 52.198-10.77 70.606-10.706\" fill=\"@{main}\"/><path d=\"M146.825 221.74c3.672.01 7.343 0 11.015-.013 53.935-.032 53.935-.032 67.16 10.273 3 3.512 3 3.512 3 6-4.34-.527-8.67-1.089-12.996-1.719l-2.697-.386q-2.693-.387-5.383-.79c-17.493-2.475-35.123-2.293-52.75-2.29q-4.153 0-8.305-.02C122.727 232.681 99.69 233.01 77 238q-2.498.505-5 1c3.111-6.223 6.842-9.896 13.43-12.2 19.79-5.463 41.047-5.131 61.395-5.06\" fill=\"@{lightest}\"/><path d=\"M123.543 132.531c2.69 2 5.089 4.1 7.457 6.469.24 1.987.24 1.987.227 4.45v2.79l-.032 3.018-.008 3.085c-.011 3.26-.037 6.521-.062 9.782q-.016 3.31-.027 6.621-.034 8.127-.098 16.254c-5.989 1.996-12.85 2.744-19 1-4.432-2.76-7.47-7.081-10.581-11.19-1.836-2.342-3.853-4.465-5.91-6.612-7.07-7.384-12.905-14.288-12.716-24.925.46-5.059 2.861-8.17 6.457-11.523 9.964-7.98 23.988-5.424 34.293.781m-31.211 5.844C90.008 141.21 89.81 144.471 90 148c2.29 5.62 6.183 9.686 10.3 14.09a223 223 0 0 1 5.93 6.664l3.395 3.871 1.594 1.905 1.57 1.76 1.366 1.584c2.48 1.734 2.48 1.734 8.845 1.126v-38c-15.521-8.158-15.521-8.158-30.668-2.625\" fill=\"@{border}\"/><path d=\"M248 109c7.256 6.012 11.022 15.753 12 25 1.117 17.082-2.152 30.486-13.406 43.86a274 274 0 0 1-12.028 12.519c-8.75 8.57-16.752 17.4-23.566 27.621-1.971.249-1.971.249-4.352.074l-2.578-.166-2.695-.22-2.719-.186q-3.33-.23-6.656-.502l2.207-1.718c2.642-2.158 5.061-4.404 7.488-6.8l2.731-2.692 2.914-2.892 1.501-1.488q3.934-3.904 7.86-7.816c2.682-2.67 5.376-5.33 8.072-7.987a1609 1609 0 0 0 6.252-6.214q1.483-1.475 2.974-2.939c11.619-11.413 18.194-22.157 18.439-38.579-.008-7.956-1.322-15.141-3.563-22.75C248 112 248 112 248 109\" fill=\"@{darker}\"/><path d=\"M212.875 132.313c4.057 5.13 5.871 9.36 5.576 15.919-1.395 8.564-8.528 15.449-14.388 21.393a2984 2984 0 0 0-4.09 4.227l-2.022 2.057c-1.987 2.07-1.987 2.07-3.742 4.375-4.339 5.532-4.339 5.532-9.068 6.532l-3.891-.254-3.922-.183C174 186 174 186 171 185c-.203-6.583-.343-13.165-.44-19.751a516 516 0 0 0-.164-6.716 502 502 0 0 1-.177-9.666l-.125-3.021c-.005-6.824-.005-6.824 2.65-9.803A47 47 0 0 1 179 132l2.574-1.426c10.571-4.435 21.802-5.902 31.301 1.738m-22.687 2.937-2.458.703c-3.561 1.286-3.561 1.286-9.73 5.047v38c7.281.753 7.281.753 9.89-1.293l1.36-1.894a120 120 0 0 1 8.215-9.57c9.234-9.235 9.234-9.235 14.222-20.93-.909-4.382-2.394-6.3-5.687-9.313-5.598-2.16-10.085-2.446-15.812-.75\" fill=\"@{border}\"/><path d=\"m85.766 91.902 2.695.01 2.789.025 2.836.014q3.458.018 6.914.049v1l-2.64.297c-16.213 2.035-30.043 6.81-40.86 19.578-7.726 10.498-10.88 21.564-10.75 34.438l.012 2.793c.082 6.449.596 12.632 2.238 18.894-2.875-2.448-3.894-4.838-5.125-8.375l-1.008-2.836C39.76 147.795 39.765 135.985 43 126l.742-2.379C47.864 111.967 55.298 103.15 66 97a82.4 82.4 0 0 1 11-4l1.853-.537c2.367-.51 4.492-.576 6.913-.56\" fill=\"@{lighter}\"/><path d=\"M139 30h23c-3 4-3 4-4.901 4.454l-2.11-.063-2.07-.03-2.607-.111L142 34v20h-20c.119 5.505.119 5.505.27 11.01.022 1.998-.12 3.997-.27 5.99l-3 2V50h20z\" fill=\"@{lighter}\"/><path d=\"M161 50h21v3h-22z\" fill=\"@{lighter}\"/></svg>';\n @knight: '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"300\" height=\"300\"><path d=\"M124 31c2.453 1.88 2.453 1.88 4.68 4.488l2.538 2.828 1.313 1.49c6.85 7.68 12.722 14.038 23.43 14.853l2.055.11c19.381 1.122 39.978 15.174 53.027 28.938C223.679 98.512 231.458 115.137 236 134l.746 3.043c5.635 28.796-2.306 56.65-10.746 83.957l2.369.423c6.055 1.328 11.305 6.526 14.631 11.577 6.345 13.16 4 22.65 4 39H70c0-34.648 0-34.648 9.188-44.75 2.687-2.6 4.901-3.734 8.437-4.875 3.272-1.281 4.195-2.039 5.883-5.191a208 208 0 0 0 2.394-6.871c6.313-19.052 24.52-33.877 39.938-45.727 4.655-3.672 8.277-7.937 10.16-13.586.067-1.561.085-3.125.063-4.687l-.028-2.45L146 142l-1.398 1.504c-9.337 9.724-19.224 16.868-32.79 18.434-5.79.739-8.893 1.474-12.812 6.062a187 187 0 0 0-5.29 7.695c-2.338 3.15-4.198 4.985-8.093 5.809-11.513.246-25.38-3.327-34.21-11.074-4.623-4.7-7.253-8.748-7.477-15.563.567-9.575 6.726-17.05 12.258-24.492a3234 3234 0 0 0 3.457-4.762c1.599-2.202 3.2-4.403 4.817-6.592C71.85 108.97 76.034 98.778 80 87c3.67-10.578 8.802-18.136 17.813-24.937 5.108-4.188 6.289-10.673 7.917-16.82 1.705-6.309 3.653-9.711 9.145-13.556 3.198-1.034 5.78-.983 9.125-.687\" fill=\"@{main}\"/><path d=\"M124 31c2.453 1.88 2.453 1.88 4.68 4.488l2.538 2.828 1.313 1.49c6.85 7.68 12.722 14.038 23.43 14.853l2.055.11c19.381 1.122 39.978 15.174 53.027 28.938C223.679 98.512 231.458 115.137 236 134l.746 3.043c5.635 28.796-2.306 56.65-10.746 83.957l2.369.423c6.055 1.328 11.305 6.526 14.631 11.577 6.345 13.16 4 22.65 4 39H70c0-34.648 0-34.648 9.188-44.75 2.687-2.6 4.901-3.734 8.437-4.875 3.272-1.281 4.195-2.039 5.883-5.191a208 208 0 0 0 2.394-6.871c6.313-19.052 24.52-33.877 39.938-45.727 4.655-3.672 8.277-7.937 10.16-13.586.067-1.561.085-3.125.063-4.687l-.028-2.45L146 142l-1.398 1.504c-9.337 9.724-19.224 16.868-32.79 18.434-5.79.739-8.893 1.474-12.812 6.062a187 187 0 0 0-5.29 7.695c-2.338 3.15-4.198 4.985-8.093 5.809-11.513.246-25.38-3.327-34.21-11.074-4.623-4.7-7.253-8.748-7.477-15.563.567-9.575 6.726-17.05 12.258-24.492a3234 3234 0 0 0 3.457-4.762c1.599-2.202 3.2-4.403 4.817-6.592C71.85 108.97 76.034 98.778 80 87c3.67-10.578 8.802-18.136 17.813-24.937 5.108-4.188 6.289-10.673 7.917-16.82 1.705-6.309 3.653-9.711 9.145-13.556 3.198-1.034 5.78-.983 9.125-.687m-8.5 9.188c-2.533 3.173-3.194 6.243-4 10.187-2.163 10.38-6.683 15.204-14.781 21.938-5.946 5.877-8.643 12.591-11.156 20.437-4.735 13.988-11.345 25.13-19.965 37.026-2.647 3.685-5.218 7.421-7.785 11.161L56.39 143c-4.11 5.98-5.332 9.725-4.39 17.001 4.722 8.343 14.383 11.074 23.164 13.52 5.416.999 5.416.999 10.836.479 2.15-2.307 3.513-4.09 5.063-6.75 3.206-5.32 5.98-8.994 11.937-11.25 2.752-.672 5.503-1.032 8.313-1.375 14.142-2.176 24.485-10.951 33.417-21.906C147 130 147 130 149 129a600 600 0 0 1 2 5l.8 1.832c2.713 6.518 3.297 12.004.637 18.606-5.115 10.3-13.131 17.04-21.832 24.233A294 294 0 0 0 121 187l-1.941 1.707c-7.902 7.345-14.39 17.139-18.059 27.293l1 3 2.938-.402 4.062-.536 3.938-.527c15.107-1.708 30.228-1.721 45.414-1.72 3.744-.002 7.49-.02 11.234-.04 13.107-.03 25.997.38 39.03 1.794A78 78 0 0 0 219 218c3.323-9.735 5.942-19.54 8.25-29.562l.782-3.387c6.452-28.51 2.585-58.31-12.66-83.477C212.138 96.53 208.244 92.211 204 88l-2.437-2.625c-13.343-12.366-30.996-23.189-49.613-24.607-9.59-.85-13.861-4.311-20.137-11.393q-2.454-2.65-4.918-5.29l-2.13-2.373C123.17 39.768 123.17 39.768 121 40v-2c-3.177-.33-3.177-.33-5.5 2.188\" fill=\"@{border}\"/><path d=\"M155.886 221.74c3.613.01 7.224 0 10.837-.013 11.895-.008 23.717.288 35.582 1.18l3.23.24c10.714.894 21.789 2.572 29.465 10.853 6.588 9.978 5 18.28 5 31H78c-1.61-11.264-1.454-22.355 5.562-31.75 7.933-8.641 22.163-9.558 33.157-10.36l3.431-.254c11.91-.814 23.802-.939 35.736-.897\" fill=\"@{main}\"/><path d=\"M151 61c19.826 1.214 39.713 12.69 53 27l1.98 1.965c18.49 19.126 25.71 46.748 25.367 72.841-.592 16.859-4.723 39.947-12.347 55.194l-12.835-.856L204 217l-15.937-1.062-2.07-.138-2.061-.138-3.897-.26L174 215c2.374-6.4 5.04-12.209 8.75-17.937l1.324-2.09a169 169 0 0 1 8.051-11.473c13.615-18.282 19.424-40.599 16.375-63.207-2.242-11.555-6.381-21.895-13.5-31.293l-1.48-2.016C183.57 74.504 166.276 65.696 151 62z\" fill=\"@{darker}\"/><path d=\"M155.886 221.74c3.613.01 7.224 0 10.837-.013 11.895-.008 23.717.288 35.582 1.18l3.23.24c10.57.882 21.98 2.504 29.465 10.853 1.207 2.691 1.207 2.691 2 5l-3.426-.805c-9.565-2.14-19.041-3.61-28.82-4.308l-3.506-.253c-12.968-.855-25.935-.974-38.926-.95q-4.061.007-8.123-.02c-15.015-.1-29.885.237-44.84 1.668l-3.747.353C97.245 235.561 89.19 237.086 81 239c1.918-5.36 4.784-8.452 9.89-10.91 8.444-3.308 16.836-4.544 25.829-5.2l3.431-.254c11.91-.814 23.802-.939 35.736-.897\" fill=\"@{lighter}\"/><path d=\"M121 38c1.859 4.732 2.336 9.03 2.313 14.063l.048 2.103c.005 5.376-1.132 8.588-4.904 12.389l-1.644 1.32-1.852 1.531L113 71c-11.405 9.336-16.972 19.127-20.687 33.438-2.125 7.08-6.078 12.198-10.781 17.752a504 504 0 0 0-4.91 5.915q-2.668 3.255-5.353 6.494a490 490 0 0 0-12.806 16.112c-2.033 2.636-3.66 4.42-6.463 6.289-1.502-9.656 6.39-17.182 11.737-24.536C73.912 118.466 81.361 105.404 87 89c3.109-8.912 6.816-14.378 14.063-20.437 7.558-6.551 9.745-13.603 11.847-23.172C114.39 40.786 115.928 38 121 38\" fill=\"@{lighter}\"/><path d=\"M126 84c2.438 1.625 2.438 1.625 4 4 .563 3.5.563 3.5 0 7-3.019 3.277-5.601 4.59-10 5a383 383 0 0 1-4-.062c-3.425-.059-5.895.51-9 2.062 1.415-7.203 3.72-13.151 9.375-18.062 3.633-1.298 5.926-.947 9.625.062\" fill=\"@{border}\"/><path d=\"M158 110h3c2.055 11.876.851 27.724-6 38-.182-.808-.364-1.616-.55-2.45-.252-1.068-.504-2.136-.762-3.238l-.739-3.199c-.943-3.092-2.245-5.388-3.949-8.113v-2l-2-1 1.898-2.922 2.477-3.828 1.25-1.922c1.964-3.042 3.86-6.03 5.375-9.328m-58.336 35.723c4.037.335 6.274 1.605 9.711 3.714l3.21 1.934L115 153v1l-2.379.297-3.183.453-3.13.422c-7.777 1.947-11.4 5.564-15.558 12.078A104 104 0 0 1 86 174h-3c1.413-3.676 3.035-7.174 4.813-10.687l1.593-3.157L91 157q2.012-4.066 4.02-8.137c1.479-2.81 1.479-2.81 4.644-3.14\" fill=\"@{darker}\"/></svg>';\n @rook: '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"300\" height=\"300\"><path d=\"m150 48.75 3.406-.023c6.515.015 12.297.592 18.594 2.273.51 3.499 1.006 7 1.5 10.5l.434 2.977c.78 5.57 1.227 10.898 1.066 16.523l8-1 6-26c12.335 0 20.696.65 31.371 6.117l3.213 1.636L226 63q-.538 8.03-1.117 16.058-.194 2.724-.375 5.45C222.637 112.496 222.637 112.496 213 122c-6.487 5-6.487 5-10 5l.509 3.38c2.34 15.816 4.25 31.68 6.135 47.555q.687 5.768 1.382 11.535.54 4.488 1.073 8.977l.511 4.258q.355 2.955.703 5.91l.403 3.381c.255 2.693.34 5.302.284 8.004l2.5.188c7.712 1.79 12.999 6.47 17.5 12.812 4 11 4 11 4 39H62c0-35.88 0-35.88 8.93-45.273C75.208 223.159 80.34 220 86 220l.147-2.22c.68-9.549 1.751-19.03 2.884-28.534l.594-5.027q.619-5.226 1.24-10.45.797-6.693 1.584-13.387.611-5.172 1.225-10.343.293-2.469.584-4.939.406-3.438.818-6.876l.469-3.945c.348-2.508.761-4.85 1.455-7.279l-2.562-.625c-6.958-2.783-10.843-7.362-14.395-13.836-2.652-6.455-3.425-12.957-3.895-19.851l-.193-2.59c-.2-2.698-.39-5.398-.58-8.098l-.406-5.527Q74.475 69.737 74 63q2.81-1.449 5.629-2.883l3.166-1.621C92.235 54.09 100.395 54 111 54l6 26 8 1 .148-3.262C125.598 68.7 126.402 59.92 128 51c7.425-1.982 14.335-2.303 22-2.25\" fill=\"@{border}\"/><path d=\"M195 128c1.5 4.86 2.444 9.483 3.053 14.552l.267 2.181q.429 3.537.844 7.076l.597 4.957q.623 5.182 1.235 10.366a4802 4802 0 0 0 1.587 13.237q.618 5.115 1.225 10.23.291 2.44.586 4.88.411 3.418.812 6.84l.466 3.919c.345 3.958.384 7.791.328 11.762l-1.929-.184c-18.129-1.64-36.188-2.037-54.383-2.066l-3.285-.015a448 448 0 0 0-44.835 2.085c-2.863.2-5.699.209-8.568.18a73100 73100 0 0 1 3.86-32.989q.898-7.659 1.792-15.318.863-7.392 1.731-14.783l.66-5.64q.46-3.95.926-7.9l.272-2.354c.44-3.711.955-7.365 1.759-11.016 30.886-4.756 60.12-3.933 91 0m-49.336 93.815c3.668-.002 7.336-.02 11.004-.04 55.885-.133 55.885-.133 68.852 11.6C233.483 241.82 231 254.503 231 265H69c0-25.82 0-25.82 7.222-33.514 5.95-4.973 13.489-6.263 20.965-7.174l2.557-.353c2.749-.364 5.498-.672 8.256-.959l2.833-.297c11.584-1.012 23.211-.89 34.83-.888M166 58q.756 6.093 1.5 12.188l.434 3.486.41 3.369.38 3.094C169 83 169 83 169 88h20l1.313-7.312C191.537 74.019 193.058 67.5 195 61c7.864-.732 16.453 1.635 23 6a78 78 0 0 1-.187 9l-.177 2.696c-.192 2.77-.41 5.537-.636 8.304l-.192 2.576a436 436 0 0 1-.62 7.174l-.175 2.16c-.671 6.329-2.773 11.626-7.083 16.367l-2.055 1.66-2.07 1.715c-5.913 4.416-14.795 2.455-21.762 1.636-10.813-1.255-21.607-1.563-32.48-1.6l-2.317-.01c-8.422-.012-16.73.248-25.101 1.209l-2.134.24c-3.326.386-6.628.824-9.938 1.333-7.53.988-11.836.51-18.135-3.882-6.622-5.392-8.725-12.521-9.668-20.812a403 403 0 0 1-.457-5.516l-.244-2.907C82.006 81.215 81.757 74.151 82 67c7.484-4.158 14.422-6.068 23-6q1.504 6.187 3 12.375l.867 3.563.82 3.398.762 3.142C111 86 111 86 111 88h20l.375-7.062C131.841 72.89 132.82 64.972 134 57c10.747-2.16 21.675-3.34 32 1\" fill=\"@{main}\"/><path d=\"M195 128c1.5 4.86 2.444 9.483 3.053 14.552l.267 2.181q.429 3.537.844 7.076l.597 4.957q.623 5.182 1.235 10.366a4802 4802 0 0 0 1.587 13.237q.618 5.115 1.225 10.23.291 2.44.586 4.88.411 3.418.812 6.84l.466 3.919c.34 3.907.328 7.84.328 11.762l-18-2-.48-4.512c-2.532-22.564-5.853-46.685-19.52-65.488l-1.828-2.527c-2.497-2.843-5.206-4.931-8.36-6.973l-1.81-1.178c-6.153-3.778-12.624-5.606-19.58-7.35C133 127 133 127 131 125c21.529-2.005 42.623.277 64 3\" fill=\"@{darker}\"/><path d=\"M145.664 221.815c3.668-.002 7.336-.02 11.004-.04 55.315-.132 55.315-.132 67.332 10.225 2.5 2.812 2.5 2.812 4 5l-1 2-2.953-.805c-9.182-2.348-18.246-3.666-27.7-4.308l-3.657-.253c-13.285-.841-26.565-.974-39.87-.95q-4.125.007-8.248-.02c-15.169-.1-30.195.227-45.302 1.668l-3.768.353C87.495 235.523 79.799 237.01 72 239c2.143-6.018 5.51-8.749 11.078-11.547 4.525-1.87 9.156-2.455 13.984-3.078l2.584-.367c15.325-2.087 30.577-2.194 46.018-2.193\" fill=\"@{lighter}\"/><path d=\"M210 64c6.875 1.875 6.875 1.875 8 3a213 213 0 0 1-.312 8.938l-.15 2.71c-.356 6.042-.774 12.077-1.35 18.102l-.176 2.16c-.67 6.329-2.773 11.627-7.082 16.367l-2.055 1.66-2.07 1.715c-3.178 2.374-5.191 2.484-9.118 2.473l-2.863.008c-2.71-.128-5.184-.527-7.824-1.133l2.125-1.687L190 116l3-2.125c11.085-9.526 12.936-30.066 15.1-43.707.81-5.077.81-5.077 1.9-6.168\" fill=\"@{darker}\"/><path d=\"m95 63-1.059 2.492-1.379 3.383-1.37 3.305c-2.92 8.297-2.433 17.758-2.754 26.445l-.131 3.332Q88.15 105.977 88 110c-4.796-4.796-4.594-12.155-5.125-18.562l-.257-2.948C82.025 81.306 81.755 74.209 82 67c1.222-.68 2.453-1.343 3.688-2l2.074-1.125c2.553-.998 4.52-1.027 7.238-.875m48.688-7.062 3.574.027L150 56l-2.336 1.84c-2.752 2.232-5.193 4.624-7.664 7.16l-1.625 1.5c-1.806 1.97-3.013 4.209-4.375 6.5h-1l1-16c3.422-1.14 6.087-1.098 9.688-1.062\" fill=\"@{lightest}\"/><path d=\"M195 61c6.625-.125 6.625-.125 10 1v2c-1.574 1.55-1.574 1.55-3.687 3.313A131 131 0 0 0 192 76c.642-5.135 1.683-9.994 3-15\" fill=\"@{lighter}\"/></svg>';\n @pawn: '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"300\" height=\"300\"><path d=\"M174.313 74.125C183.927 81.457 190.025 91.059 192 103c1.244 13.866-3.027 24.824-11 36l1.652.975A465 465 0 0 1 190 144.5l2.602 1.531c6.044 3.838 6.044 3.838 7.026 6.976.1 4.003-.9 7.616-2.503 11.243l-1.055 2.453c-.986 2.117-2.026 4.208-3.07 6.297h-17c4.187 20.194 13.539 32.806 30.44 44.184 12.61 8.626 19.727 20.86 22.56 35.816v19H70c0-19.321 2.637-35.332 16.48-49.766 3.608-3.2 7.538-5.733 11.598-8.32C113.271 203.962 119.721 190.117 124 173h-17c-5.255-9.163-5.255-9.163-6-13-.148-.697-.296-1.395-.45-2.113-.278-2.576-.274-4.386.45-6.887 2.954-2.978 6.374-4.93 10-7a875 875 0 0 0 4.625-2.937L119 139l-1.426-2.16c-7.952-12.234-11.571-22.771-9.113-37.625C111.414 88.252 117.757 79.545 127 73c15.57-8.034 32.185-8.66 47.313 1.125\" fill=\"@{main}\"/><path d=\"M132 175c2.878 1.302 4.91 2.671 7.11 4.93l1.762 1.792 1.878 1.938 4.035 4.096q3.147 3.21 6.285 6.43c13.47 13.796 26.327 25.68 45.546 30.546 7.18 1.844 12.037 3.252 16.165 9.873L216 237l1.219 2.3c4.243 8.775 4.781 15.664 4.781 25.7H77c1.175-15.279 3.552-27.69 15.25-38.125 2.982-2.379 6.094-4.581 9.188-6.812C115.38 209.943 123.499 199.395 129 183a584 584 0 0 1 1.813-4.812z\" fill=\"@{main}\"/><path d=\"M174.313 74.125C183.927 81.457 190.025 91.059 192 103c1.244 13.866-3.027 24.824-11 36l1.652.975A465 465 0 0 1 190 144.5l2.602 1.531c6.044 3.838 6.044 3.838 7.026 6.976.1 4.003-.9 7.616-2.503 11.243l-1.055 2.453c-.986 2.117-2.026 4.208-3.07 6.297h-17c4.187 20.194 13.539 32.806 30.44 44.184 12.61 8.626 19.727 20.86 22.56 35.816v19H70c0-19.321 2.637-35.332 16.48-49.766 3.608-3.2 7.538-5.733 11.598-8.32C113.271 203.962 119.721 190.117 124 173h-17c-5.255-9.163-5.255-9.163-6-13-.148-.697-.296-1.395-.45-2.113-.278-2.576-.274-4.386.45-6.887 2.954-2.978 6.374-4.93 10-7a875 875 0 0 0 4.625-2.937L119 139l-1.426-2.16c-7.952-12.234-11.571-22.771-9.113-37.625C111.414 88.252 117.757 79.545 127 73c15.57-8.034 32.185-8.66 47.313 1.125m-52.098 12.941c-5.752 7.9-8.204 17.22-7.215 26.934 1.62 10.211 6.846 17.803 15 24-1.222 3.665-2.199 4.012-5.437 5.96l-2.711 1.68a1107 1107 0 0 1-5.704 3.446l-2.71 1.687-2.504 1.514c-2.072 1.589-2.072 1.589-2.899 3.977-.23 3.586-.23 3.586 2.965 9.736h21c-2.332 15.094-5.316 27.779-15 40l-1.477 2.008c-5.166 6.543-12.102 10.944-18.811 15.758C86.632 231.032 81.098 239.933 78 252l-1 13h145c0-13.425-2.114-24.553-11-35-3.803-3.306-7.848-6.152-12-9-15.28-11.29-26.324-24.72-29.676-43.86A296 296 0 0 1 168 167l1.788-.012a556 556 0 0 0 8.024-.175l2.815-.018c5.308-.043 5.308-.043 9.51-2.908 1.113-3.722 1.593-6.027.863-9.887-2.237-2.263-4.844-3.675-7.625-5.187l-4.29-2.481-2.094-1.185c-7.609-4.383-7.609-4.383-8.991-7.147l1.688-.687c7.115-4.04 11.676-11.747 14.312-19.313 1.865-9.789.782-18.586-4.25-27.25-5.56-8.067-12.54-13.97-22.234-16.363-13.862-2.131-26.054 1.975-35.301 12.68\" fill=\"@{border}\"/><path d=\"M132 166h35c.937 2.811 1.46 5.529 1.95 8.444 3.167 18.492 12.075 33.941 27.507 45.107A330 330 0 0 0 206 226c-6.012 2.426-13.29-1.735-19-4-16.447-7.11-28.825-21.606-41.098-34.214-1.9-1.95-3.811-3.89-5.722-5.829l-1.752-1.818c-1.42-1.437-2.918-2.796-4.428-4.139h-3z\" fill=\"@{darker}\"/><path d=\"M127 190h1c-.56 12.422-3.777 24.378-12.484 33.566-3.67 3.333-7.804 6.022-11.891 8.809C91.458 240.703 83.719 248.845 79 263h-1c-.909-12.82 2.691-23.192 11-33 3.729-3.846 8.106-6.813 12.438-9.937C112.87 211.765 120.849 202.903 127 190\" fill=\"@{lightest}\"/><path d=\"M172 83c8.077 5.99 11.253 12.306 12.738 22.215.898 9.55-1.752 16.636-6.738 24.785-2.562 3-2.562 3-5 5l-2.04 2.11c-4.246 2.711-7.85 2.33-12.773 2.14l-2.677-.055A472 472 0 0 1 149 139c3-2 6.037-3.555 9.25-5.187 9.279-5.01 15.241-10.679 18.75-20.813 1.816-8.285 1.006-16.08-2-24a142 142 0 0 0-3-4zm-2 58 2.055 1.32 2.82 1.805 3.012 1.945a99 99 0 0 0 6.07 3.485c2.54 1.344 4.83 2.61 7.043 4.445.904 3.963.377 5.925-.945 9.695C188 166 188 166 185.975 166.4c-2.572.095-5.093.036-7.662-.087l-2.706-.068A330 330 0 0 1 169 166l1.074-1.627 1.39-2.154 1.387-2.127c1.783-3.247 1.731-5.468 1.149-9.092a61 61 0 0 0-3.125-6.3C170 143 170 143 170 141\" fill=\"@{darker}\"/><path d=\"M147 75c-2.194 2.367-4.434 3.958-7.187 5.625-11.146 7.382-17.49 18.19-20.563 31.063l-.61 3.011c-.21.76-.422 1.519-.64 2.301l-2 1c-2.493-8.988-.898-18.168 3.219-26.453C125.315 81.59 135.04 74.267 147 75\" fill=\"@{lighter}\"/><path d=\"m130 140 1 2c-.707 1.77-.707 1.77-1.812 3.813-1.637 3.054-2.882 5.923-4.188 9.187h-16c2.818-2.818 4.628-4.577 7.855-6.543l2.135-1.314c.725-.44 1.45-.878 2.198-1.33l4.355-2.668 1.938-1.177c1.506-.882 1.506-.882 2.519-1.968\" fill=\"@{lightest}\"/></svg>';\n @queen: '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"300\" height=\"300\"><path d=\"M131.848 35.379c6.163 4.642 10.73 10.578 12.84 18.059C145.625 61.128 144.205 67 141 74l-1.7 1.895c-1.984 3.212-1.008 5.452-.3 9.105.795 2.75 1.745 5.432 2.723 8.121l.802 2.257c.84 2.355 1.689 4.707 2.537 7.06q.862 2.408 1.721 4.818 2.1 5.875 4.217 11.744 2.827-7.758 5.61-15.533.949-2.643 1.911-5.282c.923-2.53 1.83-5.066 2.733-7.603l.877-2.374c1.43-4.068 2.43-6.986.869-11.208l-1.937-2.875C157.157 68.207 156.138 61.947 157 55c2.069-9.18 6.302-15.056 13.992-20.379 7.462-4.04 16.921-4.087 24.95-1.773 7.199 3.242 12.71 8.629 15.995 15.84 2.246 7.128 2.25 15.334-.625 22.25-3.05 5.852-6.53 9.76-12.312 13.062.533 17.007 1.118 34.006 2 51 3.822-3.189 7.516-6.322 10.75-10.125l1.672-1.945L215 121l1.754-2.078L218 117c-.623-2.014-1.3-4.011-2-6-1.102-8.86 1.274-15.711 6.625-22.75 5.704-6.087 12.105-8.542 20.375-8.875 7.503.302 13.257 2.208 18.84 7.305 5.265 5.793 7.7 11.719 8.473 19.445-.604 7.483-3.18 14.784-8.407 20.3-2.165 1.789-4.165 2.546-6.777 3.555-6.542 3.22-8.114 7.865-10.566 14.458a4149 4149 0 0 1-2.2 5.49 862 862 0 0 0-2.464 6.27c-2.175 5.541-4.46 11.036-6.747 16.532l-3.868 9.302c-2.062 4.967-4.112 9.94-6.159 14.913l-1.081 2.624A3130 3130 0 0 0 219 207l-1.146 2.778-1.112 2.725-1.012 2.468c-.843 1.983-.843 1.983-.73 4.029l1.871.594c7.681 2.712 14.24 6.616 18.543 13.75C241.25 245.939 239 257.247 239 272H62c0-34.995 0-34.995 10.305-45.793C76.71 222.599 81.62 220.729 87 219a214 214 0 0 0-6.484-17.582l-1.008-2.426c-1.837-4.42-3.69-8.833-5.541-13.247l-3.508-8.372a679 679 0 0 1-6.572-16.338 1373 1373 0 0 0-3.904-9.931 313 313 0 0 1-1.788-4.68c-3.5-10.077-3.5-10.077-11.425-16.71l-2.501-.863c-4.782-1.794-7.21-5.857-9.519-10.206-3.544-7.937-3.98-15.193-.914-23.375 3.367-6.565 8.574-12.06 15.543-14.68 7.69-1.73 16.071-2.004 22.953 2.222L74 84l3.188 2.188c5.75 5.75 8.542 12.037 9 20.124C86 110 86 110 84.496 113.669c-.65 2.108-.65 2.108-.496 4.332 2.1 3.522 4.921 6.183 7.875 9l2.34 2.348A355 355 0 0 0 100 135c1.185-4.812 1.302-9.607 1.5-14.535l.123-2.775c.173-3.906.337-7.812.502-11.719q.184-4.284.375-8.569l.107-2.673.112-2.499.092-2.188c.194-2.098.626-4.015 1.189-6.042l-2.062-.5c-5.503-2.81-8.938-7.633-11.813-13-2.65-8.243-2.758-15.721.879-23.703 3.551-6.142 8.956-11.783 15.726-14.32 8.612-1.809 17.439-1.608 25.118 2.902\" fill=\"@{main}\"/><path d=\"M131.848 35.379c6.163 4.642 10.73 10.578 12.84 18.059C145.625 61.128 144.205 67 141 74l-1.7 1.895c-1.984 3.212-1.008 5.452-.3 9.105.795 2.75 1.745 5.432 2.723 8.121l.802 2.257c.84 2.355 1.689 4.707 2.537 7.06q.862 2.408 1.721 4.818 2.1 5.875 4.217 11.744 2.827-7.758 5.61-15.533.949-2.643 1.911-5.282c.923-2.53 1.83-5.066 2.733-7.603l.877-2.374c1.43-4.068 2.43-6.986.869-11.208l-1.937-2.875C157.157 68.207 156.138 61.947 157 55c2.069-9.18 6.302-15.056 13.992-20.379 7.462-4.04 16.921-4.087 24.95-1.773 7.199 3.242 12.71 8.629 15.995 15.84 2.246 7.128 2.25 15.334-.625 22.25-3.05 5.852-6.53 9.76-12.312 13.062.533 17.007 1.118 34.006 2 51 3.822-3.189 7.516-6.322 10.75-10.125l1.672-1.945L215 121l1.754-2.078L218 117c-.623-2.014-1.3-4.011-2-6-1.102-8.86 1.274-15.711 6.625-22.75 5.704-6.087 12.105-8.542 20.375-8.875 7.503.302 13.257 2.208 18.84 7.305 5.265 5.793 7.7 11.719 8.473 19.445-.604 7.483-3.18 14.784-8.407 20.3-2.165 1.789-4.165 2.546-6.777 3.555-6.542 3.22-8.114 7.865-10.566 14.458a4149 4149 0 0 1-2.2 5.49 862 862 0 0 0-2.464 6.27c-2.175 5.541-4.46 11.036-6.747 16.532l-3.868 9.302c-2.062 4.967-4.112 9.94-6.159 14.913l-1.081 2.624A3130 3130 0 0 0 219 207l-1.146 2.778-1.112 2.725-1.012 2.468c-.843 1.983-.843 1.983-.73 4.029l1.871.594c7.681 2.712 14.24 6.616 18.543 13.75C241.25 245.939 239 257.247 239 272H62c0-34.995 0-34.995 10.305-45.793C76.71 222.599 81.62 220.729 87 219a214 214 0 0 0-6.484-17.582l-1.008-2.426c-1.837-4.42-3.69-8.833-5.541-13.247l-3.508-8.372a679 679 0 0 1-6.572-16.338 1373 1373 0 0 0-3.904-9.931 313 313 0 0 1-1.788-4.68c-3.5-10.077-3.5-10.077-11.425-16.71l-2.501-.863c-4.782-1.794-7.21-5.857-9.519-10.206-3.544-7.937-3.98-15.193-.914-23.375 3.367-6.565 8.574-12.06 15.543-14.68 7.69-1.73 16.071-2.004 22.953 2.222L74 84l3.188 2.188c5.75 5.75 8.542 12.037 9 20.124C86 110 86 110 84.496 113.669c-.65 2.108-.65 2.108-.496 4.332 2.1 3.522 4.921 6.183 7.875 9l2.34 2.348A355 355 0 0 0 100 135c1.185-4.812 1.302-9.607 1.5-14.535l.123-2.775c.173-3.906.337-7.812.502-11.719q.184-4.284.375-8.569l.107-2.673.112-2.499.092-2.188c.194-2.098.626-4.015 1.189-6.042l-2.062-.5c-5.503-2.81-8.938-7.633-11.813-13-2.65-8.243-2.758-15.721.879-23.703 3.551-6.142 8.956-11.783 15.726-14.32 8.612-1.809 17.439-1.608 25.118 2.902M99.625 46.563C95.385 52.923 95.251 58.42 96 66c1.564 4.905 4.704 8.239 9 11 1.99.695 3.99 1.366 6 2l-.168 2.696c-2.268 35.623-2.268 35.623-2.832 71.304-5.686-4.79-10.886-9.862-15.937-15.312l-2.098-2.246C84.912 130.019 79.91 124.552 75 119l.918-2.27c2.679-6.76 3.79-11.276 1.406-18.257C74.51 93.215 69.658 88.886 64 87c-6.719-.76-11.792-.46-17.348 3.574-4.34 3.746-7.108 7.71-7.945 13.426-.41 6.396 1.531 10.882 5.293 16 3.525 3.353 6.808 5.9 11.75 6.125L58 126l.303 2.01c.883 3.788 2.337 7.26 3.845 10.83l.984 2.36q1.617 3.871 3.243 7.738l2.258 5.407q1.784 4.281 3.573 8.56a7630 7630 0 0 1 13.075 31.552l3.824 9.263L95 218l2.719-.184q2.926-.196 5.854-.388c3.329-.217 6.654-.446 9.98-.71 12.397-.925 24.799-.904 37.226-.903 3.817-.002 7.634-.02 11.451-.04 14.708-.032 29.155.559 43.77 2.225 3.099-5.919 5.704-11.773 7.902-18.082 1.213-3.225 2.627-6.303 4.098-9.418 1.866-3.955 3.56-7.871 5-12 1.84-5.274 4.172-10.245 6.555-15.293 1.731-3.842 3.127-7.751 4.515-11.727.849-2.263 1.81-4.341 2.93-6.48 3.12-5.97 5.482-12.436 7-19l2.215.156c4.854-.272 8.213-3.018 11.785-6.156 3.483-4.612 5.26-10.219 5-16-1.19-6.528-4.892-10.936-10-15-4.93-3.073-10.4-2.801-16-2-5.95 2.55-9.98 6.336-13 12-1.597 4.79-1.913 9.583-.105 14.367.964 1.915 2.027 3.78 3.105 5.633l-2.16 2.125c-4.906 4.851-9.68 9.724-14.16 14.977-2.455 2.774-5.107 5.335-7.746 7.933-2.812 2.857-5.368 5.886-7.934 8.965-.836-6.768-1.259-13.475-1.5-20.29l-.123-3.216q-.192-5.06-.377-10.119c-.733-20.202-.733-20.202-2-40.375l2.34-.926c6.355-2.566 8.64-5.036 11.66-11.074 1.91-5.728 1.912-11.776-.625-17.312-2.73-4.758-6.104-7.579-11.062-10-6.492-1.348-12.785-2.04-18.688 1.437C169.737 44.671 165.531 49.016 164 55c-.63 7.337.29 12.056 5 17.813 1.484 1.807 1.484 1.807 3 3.187h2l-1 2.604c-4.904 12.867-9.382 25.88-13.875 38.896l-2.375 6.863Q153.872 132.68 151 141c-4.342-11.298-8.297-22.686-12.062-34.187C135.538 96.433 132.05 86.149 128 76l1.867-.828c3.936-2.163 5.6-6.03 7.446-9.984 1.207-5.597.66-10.828-2-15.938-3.265-4.588-7.014-8.108-12.313-10.25-9.996-1.256-16.533.18-23.375 7.563\" fill=\"@{border}\"/><path d=\"M147.92 221.74c3.644.01 7.286 0 10.93-.013 54.515-.033 54.515-.033 66.9 10.804 8.538 9.03 6.25 20.466 6.25 32.469H70c0-25.706 0-25.706 7.14-33.465 8.487-7.006 21.623-7.835 32.137-8.644l3.275-.255c11.786-.84 23.557-.938 35.369-.897\" fill=\"@{main}\"/><path d=\"M255 92c4.176 2.709 6.058 5.23 7.559 9.86 1.23 5.964-.55 11.138-3.387 16.382-2.45 3.676-6.064 6.217-10.172 7.758-2.75.125-2.75.125-5 0l-.36 1.656c-.746 2.733-1.782 5.236-2.89 7.844l-1.36 3.219L238 142q-1.252 3-2.5 6c-20 48-20 48-21.242 50.969q-1.306 3.15-2.578 6.312l-1.305 3.219-1.164 2.906L208 214l-1.027 2.387c-2.445 1.999-3.223 1.793-6.313 1.601a301 301 0 0 1-5.597-.675c-9.503-1.046-18.945-1.642-28.5-1.938l-3.772-.12q-4.395-.135-8.791-.255a367 367 0 0 1 7.504-3.664c31.11-14.914 52.014-43.18 67.637-73.324 9.873-18.857 9.873-18.857 20.96-24.364 3.325-1.89 4.433-3.141 5.899-6.648.397-3.02.397-3.02.25-6.125l-.047-3.133c-.097-2.833-.097-2.833-1.203-5.742\" fill=\"@{darker}\"/><path d=\"M147.92 221.74c3.644.01 7.286 0 10.93-.013 55.797-.034 55.797-.034 66.748 10.863 1.198 1.418 2.31 2.908 3.402 4.41-3.71 1.237-6.295.468-10-.312-21.211-4.068-43.06-4.022-64.58-3.949-3.375.012-6.75.005-10.126-.007-22.289-.064-44.456.467-66.294 5.268q-2.498.505-5 1c1.351-4.73 3.94-7.398 8-10 8.785-4.31 18.65-5.368 28.277-6.11l3.275-.254c11.786-.84 23.557-.938 35.369-.897\" fill=\"@{lightest}\"/><path d=\"M197 42c4.794 3.516 7.262 6.111 9 12 .95 7.075-.27 12.9-4 19-2.591 2.955-5.414 4.398-9 6h-2l.184 2.924c1.183 19.047 2.153 37.983 1.816 57.076h-1a9486 9486 0 0 1-2.99-22.894q-.506-3.89-1.02-7.778-.736-5.61-1.459-11.223l-.464-3.473c-2.533-19.891-2.533-19.891 1.683-26.007l1.66-2.48a136 136 0 0 1 3.778-4.832c3.58-4.57 5.133-8.49 4.5-14.25A129 129 0 0 0 197 42\" fill=\"@{darker}\"/><path d=\"M128 42c5.665 4.28 8.652 8.09 9.938 15.25.554 6.548-1.992 12.347-6.063 17.375C130 76 130 76 128 76l.807 2.237c4.532 12.582 9.059 25.169 13.38 37.826l.919 2.625.812 2.41.712 2.078C145 125 145 125 144 128q-3.228-7.035-6.451-14.075l-2.185-4.764A3428 3428 0 0 1 128 93l-1.04-2.29q-1.475-3.264-2.933-6.538l-.89-1.963c-2.29-5.18-3.75-9.66-2.137-15.209 1.637-3.196 3.449-6.206 5.371-9.238 3.145-5.332 2.95-9.743 1.629-15.762\" fill=\"@{darker}\"/><path d=\"M261 97c3.529 4.603 4.478 7.395 4.402 13.203-.982 6.828-5.172 12.152-10.464 16.36-2.906 1.98-5.355 3.213-8.938 3.437l-1.156 3.672c-2.115 6.33-4.738 12.438-7.344 18.578l-1.665 3.944q-1.365 3.235-2.734 6.469-3.419 8.085-6.814 16.18-2.591 6.174-5.187 12.343l-2.57 6.123a5468 5468 0 0 1-3.635 8.644l-1.104 2.638-1.026 2.43-.89 2.118C211 215 211 215 209 218h-2c.61-4.696 1.903-8.682 3.688-13.062l.802-1.976c2.212-5.386 4.663-10.648 7.143-15.915 1.651-3.68 2.977-7.428 4.304-11.234 1.63-4.315 3.65-8.437 5.618-12.606 1.731-3.842 3.127-7.751 4.515-11.727 1.096-2.923 2.474-5.61 3.922-8.37 1.638-3.429 2.838-7.007 4.078-10.594 1.73-4.682 1.73-4.682 2.93-6.516 1.988-.871 1.988-.871 4.313-1.437 5.25-1.591 7.912-3.801 10.91-8.465 3.426-6.423 2.873-12.057 1.777-19.098\" fill=\"@{darkest}\"/><path d=\"M69 90c5.416 3.65 8.128 7.087 9.703 13.473.665 5.657-1.613 10.36-3.703 15.527q2.81 3.065 5.625 6.125l1.582 1.727A327 327 0 0 0 93 138l-1 2-1.234-1.158q-2.85-2.673-5.704-5.342l-2.066-1.935c-4.415-4.12-8.88-8.17-13.457-12.112-1.862-1.758-2.487-2.849-2.707-5.406-.03-3.6-.024-6.494 1.168-9.922 1.494-4.668 1.156-9.263 1-14.125\" fill=\"@{darker}\"/><path d=\"M195 40c5.936 1.272 8.638 4.214 12 9 2.634 4.767 3.577 10.701 2.637 16.078-2.015 6.278-6.45 12.129-12.212 15.371-3.767 3.963-3.153 7.944-3.132 13.223l-.046 3.144a939 939 0 0 0-.06 9.934q-.034 3.369-.076 6.738A1839 1839 0 0 0 194 130h-1q-.435-7.278-.854-14.557-.144-2.466-.292-4.93c-.63-10.521-.996-20.972-.854-31.513l1.97-.946c5.793-2.837 8.41-5.16 11.03-11.054 1.91-5.728 1.912-11.776-.625-17.312-2.152-3.824-4.892-6.076-8.375-8.688zm-69-1c5.562 1.348 8.734 5.567 12 10 2.876 8.628.962 16.415-2.809 24.406-2.603 5.667-1.713 9.133.153 14.973l.751 2.45c.792 2.58 1.597 5.157 2.405 7.734.807 2.58 1.612 5.16 2.405 7.744a480 480 0 0 0 1.506 4.814c1.702 5.541 1.702 5.541.589 8.879a9713 9713 0 0 1-5.934-16.106q-1.651-4.477-3.312-8.949L131.563 89l-1.073-2.875-.986-2.687-.88-2.38C128 79 128 79 128 76l2.25-1.562c4.391-3.893 6.514-8.976 6.914-14.844-.425-5.908-2.312-10.965-6.762-15.067A602 602 0 0 0 126 41z\" fill=\"@{darkest}\"/><path d=\"m114.75 38.875 2.422.055L119 39a145 145 0 0 1-5.812 3.688C104.376 49.08 100.632 57.69 98 68c-2.719-2.719-2.363-4.328-2.437-8.125C95.66 53.599 96.789 49.66 101 45c4.28-3.966 7.847-6.299 13.75-6.125\" fill=\"@{darker}\"/><path d=\"M183.25 38.875 187 39a508 508 0 0 1-4.832 3.191C172.994 48.543 169.29 56.251 167 67c-1.895-1.594-2.896-2.525-3.434-4.98-.011-6.715 1.4-11.844 6.118-16.782 4.173-3.707 7.79-6.556 13.566-6.363M61 87a231 231 0 0 1-4.832 3.156C47.913 95.757 44.088 103.736 41 113c-2.35-2.35-2.32-2.92-2.375-6.125.147-5.702 1.885-10.252 5.836-14.414C50.156 87.517 53.672 86.756 61 87\" fill=\"@{darker}\"/><path d=\"M245 87q-2.428 1.622-4.867 3.227C232.063 95.847 228.69 103.092 225 112l-2-1c-.543-6.52-.049-11.676 4-17 6.069-5.517 9.934-7.13 18-7\" fill=\"@{darker}\"/></svg>';\n\n @svg: escape(@@piece);\n @result: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .board-popover-component {\n background-color: @surface0;\n }\n\n & when (@styleBoardAndPieces = 1) {\n --theme-board-style-image: url(\"data:image/svg+xml,@{board}\");\n --theme-board-style-highlight-color: @highlight1;\n\n --theme-piece-set-wp: #piece(pawn, white)[];\n --theme-piece-set-wn: #piece(knight, white)[];\n --theme-piece-set-wr: #piece(rook, white)[];\n --theme-piece-set-wb: #piece(bishop, white)[];\n --theme-piece-set-wq: #piece(queen, white)[];\n --theme-piece-set-wk: #piece(king, white)[];\n --theme-piece-set-bp: #piece(pawn, black)[];\n --theme-piece-set-bn: #piece(knight, black)[];\n --theme-piece-set-bb: #piece(bishop, black)[];\n --theme-piece-set-br: #piece(rook, black)[];\n --theme-piece-set-bq: #piece(queen, black)[];\n --theme-piece-set-bk: #piece(king, black)[];\n\n .piece {\n /* Black */\n &.bp {\n background-image: #piece(pawn, black)[] !important;\n }\n &.bn {\n background-image: #piece(knight, black)[] !important;\n }\n &.bb {\n background-image: #piece(bishop, black)[] !important;\n }\n &.br {\n background-image: #piece(rook, black)[] !important;\n }\n &.bk {\n background-image: #piece(king, black)[] !important;\n }\n &.bq {\n background-image: #piece(queen, black)[] !important;\n }\n\n /* White */\n &.wp {\n background-image: #piece(pawn, white)[] !important;\n }\n &.wn {\n background-image: #piece(knight, white)[] !important;\n }\n &.wb {\n background-image: #piece(bishop, white)[] !important;\n }\n &.wr {\n background-image: #piece(rook, white)[] !important;\n }\n &.wk {\n background-image: #piece(king, white)[] !important;\n }\n &.wq {\n background-image: #piece(queen, white)[] !important;\n }\n }\n }\n\n .chessboard-pkg-move-list-component .dark-row {\n background-color: @surface1;\n }\n }\n}\n",
|
|
"originalDigest": "4daa661d0c9a683a76826653c568517ac011356b",
|
|
"_id": "6f87b6c0-373f-4fe0-b697-05adfdc51deb",
|
|
"_rev": 1780236872716,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 117
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Vikunja Catppuccin",
|
|
"description": "Soothing pastel theme for Vikunja",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/vikunja/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Vikunja Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/vikunja",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/vikunja",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/vikunja/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Avikunja",
|
|
"description": "Soothing pastel theme for Vikunja",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Vikunja Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/vikunja\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/vikunja\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/vikunja/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Avikunja\n@description Soothing pastel theme for Vikunja\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"try.vikunja.io\") {\n :root.dark {\n #catppuccin(@darkFlavor);\n }\n :root.light {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n #hslbreakdown(@color, @item) {\n --@{item}-h: hue(@color) !important;\n --@{item}-s: saturation(@color) !important;\n --@{item}-l: lightness(@color) !important;\n --@{item}-light-l: lightness(@color) !important;\n --@{item}-dark-l: lightness(@color) !important;\n --@{item}-invert-l: lightness(@color) !important;\n }\n\n #hslbreakdown(@accent, primary);\n --grey-100-hsl: hue(@mantle) saturation(@mantle) lightness(@mantle);\n --site-background: @mantle;\n --content-heading-color: @text;\n --card-header-color: @text;\n --card-color: @text;\n --body-color: @text;\n --label-color: @text;\n --strong-color: @text;\n --primary: @accent;\n --primary-invert: @base;\n --switch-view-color: @base;\n --input-background-color: @base;\n --input-icon-color: @text;\n --table-row-hover-background-color: @mantle;\n --table-head-cell-color: @text;\n --input-border-color: @overlay0;\n --link-hover: @accent;\n --white: @base;\n --grey: @overlay0;\n --card-content-background-color: @base;\n --success: @green;\n --danger: @red;\n --warning: @yellow;\n --text: @text;\n --text-strong: @text;\n --button-text-hover-background-color: @base;\n --table-striped-row-even-background-color: @mantle;\n --code-background: @mantle;\n --code: @text;\n\n body,\n div#app,\n header,\n aside.menu-container,\n footer.card-footer {\n background: @mantle !important;\n }\n\n svg.llama-cool > circle,\n svg.logo > path[fill=\"#196aff\"] {\n fill: @accent;\n }\n\n svg.logo,\n h1,\n .action-heading,\n .subtitle a,\n .project-menu-title {\n color: @text !important;\n }\n\n p.nothing,\n .has-text-grey-light {\n color: @subtext0 !important;\n }\n\n h1.title.task-id,\n div.detail-title,\n div.detail-title span {\n color: @overlay0;\n }\n\n button {\n box-shadow: none !important;\n }\n\n button.is-danger {\n color: @red !important;\n background: none;\n\n &:hover {\n background: @red !important;\n color: @surface0 !important;\n }\n\n &:active {\n background: darken(@red, 10%) !important;\n color: @surface0 !important;\n }\n }\n\n .has-text-danger {\n --has-text-hover-color: @red;\n }\n\n button.is-success {\n color: @green;\n\n &:hover {\n background: @green !important;\n color: @surface0 !important;\n }\n\n &:active {\n background: darken(@green, 10%) !important;\n }\n }\n\n .base-button.is-primary {\n color: @base;\n\n &:hover {\n background: @accent;\n }\n\n &:active {\n background: darken(@accent, 10%);\n }\n\n span.icon {\n color: @base !important;\n }\n }\n\n button.base-button:not(.is-primary) {\n color: @text;\n }\n\n div.action-buttons > button:hover,\n button.search-result-button:hover,\n .button.is-text:active,\n .single-task:hover {\n background: @mantle;\n }\n\n p.is-editor-empty::before {\n color: @overlay0;\n }\n\n header > button.base-button.menu-button::before,\n header > button.base-button.menu-button::after {\n background: @text;\n }\n\n .menu .menu-list {\n li > a,\n li > a > span {\n color: @text;\n }\n li > a.router-link-active {\n color: @accent;\n }\n li:hover {\n background: @mantle;\n }\n }\n\n a.base-button.menu-bottom-link {\n color: @overlay0;\n\n &:hover {\n color: @overlay2;\n }\n }\n\n div.is-done {\n background: @green;\n color: @surface0;\n }\n\n div.tiptap__editor {\n a {\n color: @accent;\n }\n pre,\n code {\n background: @surface0;\n color: @text;\n }\n }\n\n blockquote,\n hr {\n background: @surface0;\n }\n\n emoji-picker {\n --background: @surface0;\n --border-color: @overlay0;\n --button-hover-background: @overlay0;\n --input-border-color: @overlay0;\n scrollbar-color: @overlay0 @surface0 !important;\n }\n\n .reaction-button.current-user-has-reacted {\n border-color: @accent;\n background: fade(@accent, 30%);\n }\n\n p.created {\n color: @overlay0;\n }\n\n .progress-bar {\n --progress-bar-background-color: @crust;\n --progress-value-background-color: @accent;\n }\n\n .loader-container.is-loading::after {\n --loader-border-color: @accent;\n }\n\n /* Gantt */\n div.gantt-container {\n --grey-300: @surface0;\n }\n\n div.g-gantt-chart {\n .g-upper-timeunit,\n .g-timeunit {\n color: @text !important;\n }\n\n .g-timeunit .today {\n color: @surface0;\n }\n\n .g-gantt-row {\n background: @base;\n }\n\n div.g-gantt-bar {\n div.g-gantt-bar-label > div {\n color: @surface0;\n }\n\n .g-gantt-bar-handle-left,\n .g-gantt-bar-handle-right {\n background: darken(@accent, 10%);\n }\n }\n }\n\n /* Kaban */\n div.bucket-header,\n div.task-item,\n div.bucket-footer,\n div.bucket > button.base-button {\n background: @base;\n }\n\n div.task-item > .task {\n background: @mantle;\n\n span.priority-label {\n background: @surface0;\n }\n }\n\n /* Command Palette */\n span.result-title,\n div.active-cmd.tag {\n background: @base;\n }\n\n /* Keyboard Shortcuts modal */\n kbd {\n color: @text;\n border-color: @overlay0;\n background: @base;\n }\n\n div.message-wrapper > div.message.info {\n background: @base;\n }\n\n /* Popups */\n div.v-popper__inner {\n background: @mantle;\n color: @text;\n }\n\n div.v-popper__arrow-outer {\n border-color: @mantle;\n }\n\n .modal-mask {\n span,\n p,\n strong {\n color: @text !important;\n }\n }\n\n /* Vue Notifications */\n .vue-notification {\n color: @surface0 !important;\n }\n .vue-notification button {\n background: none;\n color: @overlay0 !important;\n }\n\n .vue-notification.success {\n background: @green;\n border-left-color: darken(@green, 5%);\n }\n }\n}\n",
|
|
"originalDigest": "4ff5bb7d6c29ccb4fecf067019de867eb9f1437d",
|
|
"_id": "786c99c3-151d-4c4b-a61a-bb4848172a24",
|
|
"_rev": 1780236872944,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 118
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Mastodon Catppuccin",
|
|
"description": "Soothing pastel theme for Mastodon",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/mastodon/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Mastodon Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/mastodon",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/mastodon",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/mastodon/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Amastodon",
|
|
"description": "Soothing pastel theme for Mastodon",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Mastodon Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/mastodon\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/mastodon\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/mastodon/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Amastodon\n@description Soothing pastel theme for Mastodon\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"mastodon.social\"),\n domain(\"social.catppuccin.com\"),\n domain(\"fosstodon.org\") {\n .theme-mastodon-light,\n .skin-modern-light,\n .skin-mastodon-light {\n #catppuccin(@lightFlavor);\n }\n\n .theme-contrast,\n .skin-modern-dark,\n .skin-contrast {\n #catppuccin(@darkFlavor);\n }\n\n .theme-default,\n .theme-system,\n .skin-default,\n .skin-system {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n --background-color: @base;\n --background-color-alt: @base;\n\n --dropdown-border-color: @surface1;\n --dropdown-background-color: @surface0;\n --modal-background-color: @mantle;\n --modal-border-color: @crust;\n\n &,\n .column-header__wrapper,\n .column > *:not(.loading-indicator),\n body.flavour-glitch.skin-default .column-header__wrapper {\n --background-border-color: @surface0 !important;\n }\n\n &,\n .tabs-bar__wrapper,\n .admin-wrapper .sidebar-wrapper__inner,\n .ui__header {\n background: @crust;\n color: @text;\n }\n\n .navigation-panel,\n .column-link {\n background: transparent;\n }\n\n .account__header__bio .account__header__fields dt {\n background: transparent;\n }\n\n .search-popout,\n .search-popout em,\n .dismissable-banner__message,\n .dismissable-banner__message h1,\n .account__header__bio .account__header__fields dt,\n .account__section-headline a.active,\n .account__section-headline button.active,\n .notification__filter-bar a.active,\n .notification__filter-bar button.active,\n .account__header__bio .account__header__content,\n .navigation-bar,\n .column-link__badge,\n .display-name__html,\n .column-subheading,\n .account__display-name strong,\n .status__display-name strong,\n .notification__message,\n .public-layout .public-account-bio .account__header__content,\n .reply-indicator__content,\n .status__content,\n .status__content__text,\n .card__bar .display-name strong,\n .about__mail,\n .about__domain-blocks__domain h6 {\n color: @text;\n }\n\n .search-popout span,\n .link-footer p,\n .link-footer p a {\n color: @subtext1;\n }\n\n .account__header__tabs__name h1 small,\n .account__header__bio .account__header__fields dd,\n .display-name__account,\n .status__relative-time,\n .empty-column-indicator,\n .follow_requests-unlocked_explanation,\n .account .account__display-name,\n .label_input .search__input,\n .search__input:focus,\n .account__header__fields dt,\n .rules-list__hint,\n .about__domain-blocks__domain {\n color: @subtext0;\n }\n\n .compose-panel hr,\n .navigation-panel hr {\n border-top-color: @surface2;\n }\n\n .mention,\n .icon-button.inverted,\n .icon-button.inverted:focus,\n .icon-button.inverted:hover .account__header__tabs__name h1,\n .account__header__content a,\n .account__header__bio .account__header__fields a,\n .empty-column-indicator a,\n .follow_requests-unlocked_explanation a,\n .column-back-button,\n .text-icon-button,\n .icon-button.star-icon.active,\n .public-layout .public-account-bio .account__header__fields a,\n .column-header__back-button,\n .navigation-bar strong,\n .reply-indicator__content a.unhandled-link,\n .status__content a.unhandled-link,\n .announcements__item__content a.unhandled-link,\n .reactions-bar__item.active .reactions-bar__item__count,\n .column-header.active .column-header__icon,\n .about__section__title {\n color: @accent;\n }\n\n button.icon-button i.fa-retweet {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"209\"><path d=\"M4.97 3.16c-.1.03-.17.1-.22.18L.8 8.24c-.2.3.03.78.4.8h2.4v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06h-5.3c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77L5.5 3.35a.51.51 0 0 0-.53-.2zm12.16.43c-.55-.02-1.32.02-2.4.02H7.1l2.32 2.85.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z\" fill=\"@{overlay0}\" stroke-width=\"0\"/><path d=\"M7.78 19.66c-.24.02-.44.25-.44.5v2.46h-.06c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v4.47c0 4.26-.56 3.62 3.65 3.62H8.5l-1.3-1.06a.57.57 0 0 1-.2-.3c-.02-.17.06-.35.2-.45l1.33-1.1H7.28c-.44 0-.72-.3-.72-.7v-4.48c0-.44.28-.72.72-.72h.06v2.5c0 .38.54.63.82.38l4.9-3.93c.25-.18.25-.6 0-.78l-4.9-3.92c-.1-.1-.24-.14-.38-.12zm9.34 2.93c-.54-.02-1.3.02-2.4.02h-1.25l1.3 1.07c.1.07.18.2.2.33.02.16-.06.3-.2.4l-1.33 1.1h1.28c.42 0 .72.28.72.72v4.47c0 .42-.3.72-.72.72h-.1v-2.47c0-.3-.3-.53-.6-.47-.07 0-.14.05-.2.1l-4.9 3.93c-.26.18-.26.6 0 .78l4.9 3.92c.27.25.82 0 .8-.38v-2.5h.1c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.15.4-3.62-1.25-3.66zm-6.78 16.07a.49.49 0 0 0-.43.5v2.47H7.3c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.47c0 3.66-.23 3.7 2.34 3.66l-1.34-1.1a.57.57 0 0 1-.2-.3c0-.17.07-.35.2-.45l1.96-1.6a.45.45 0 0 1-.04-.2v-4.48c0-.44.28-.72.72-.72H9.9v2.5c0 .36.5.6.8.38l4.93-3.93c.24-.18.24-.6 0-.78l-4.94-3.92a.52.52 0 0 0-.36-.12zm5.63 2.93 1.34 1.1c.1.07.18.2.2.33.02.16-.03.3-.16.4l-1.96 1.6c.02.07.06.13.06.22v4.47c0 .42-.3.72-.72.72h-2.66v-2.47c0-.3-.3-.53-.6-.47-.06.02-.12.05-.18.1l-4.94 3.93c-.24.18-.24.6 0 .78l4.94 3.92c.28.22.78-.02.78-.38v-2.5h2.66c4.27 0 3.65.67 3.65-3.62v-4.47c0-3.66.34-3.7-2.4-3.66zm-2.91 16.07c-.23.03-.4.26-.4.5v2.47H7.28c-1.08 0-1.86-.04-2.4-.04-1.64 0-1.25.43-1.25 3.65v4.87l2.93-2.37v-2.5c0-.44.28-.72.72-.72h5.38v2.5c0 .36.5.6.78.38l4.94-3.93c.24-.18.24-.6 0-.78l-4.94-3.92c-.1-.1-.24-.14-.38-.12zm5.3 6.15-2.92 2.4v2.52c0 .42-.3.72-.72.72h-5.4v-2.47c0-.3-.32-.53-.6-.47-.07.02-.13.05-.2.1L3.6 70.52c-.25.18-.25.6 0 .78l4.93 3.92c.28.22.78-.02.78-.38v-2.5h5.42c4.27 0 3.65.67 3.65-3.62v-4.91zm.89 14.99c-.1.03-.2.1-.28.17l-.9.9c-.44-.3-1.36-.25-3.35-.25H7.28c-1.08 0-1.86-.03-2.4-.03-1.64 0-1.25.43-1.25 3.65v.7l2.93.3v-1c0-.44.28-.72.72-.72h7.44c.2 0 .37.08.5.2l-1.8 1.8c-.25.26-.08.76.27.8l6.27.7c.28.03.56-.25.53-.53l-.7-6.25c0-.27-.3-.48-.55-.44zm-17.2 6.1c-.2.07-.36.3-.33.54l.7 6.25c.02.36.58.55.83.27l.8-.8c.02 0 .04-.02.04 0 .46.24 1.37.17 3.18.17h7.44c4.27 0 3.65.67 3.65-3.62v-.75l-2.93-.3v1.05c0 .42-.3.72-.72.72H7.28a.7.7 0 0 1-.4-.1L8.8 86.4c.3-.24.1-.8-.27-.84l-6.28-.65h-.2zm2.83 13.7c-1.33 0-1.34.48-1.3 2.3l1.14-1.37c.08-.1.22-.17.34-.2.16 0 .34.08.44.2l1.66 2.03c.04 0 .07-.03.12-.03h7.44c.34 0 .57.2.65.5h-2.43c-.34.05-.53.52-.3.78l3.92 4.95c.18.24.6.24.78 0l3.94-4.94c.22-.27-.02-.76-.37-.77H18.4c.02-3.9.6-3.4-3.66-3.4H7.28c-1.08 0-1.86-.04-2.4-.04zm.15 2.46c-.1.03-.2.1-.28.2l-3.94 4.9c-.2.28.03.77.4.78H3.6c-.02 3.94-.45 3.4 3.66 3.4h7.44c3.65 0 3.74.3 3.7-2.25l-1.1 1.34c-.1.1-.2.17-.32.2-.16 0-.34-.08-.44-.2l-1.65-2.03c-.06.02-.1.04-.18.04H7.28c-.35 0-.57-.2-.66-.5h2.44c.37 0 .63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.23-.47-.2m-.15 16.54c-1.16 0-1.3.3-1.3 1.56l1.14-1.38c.08-.1.22-.14.34-.16.16 0 .34.04.44.16l2.22 2.75h7c.42 0 .72.28.72.72v.53h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-.53c0-4.2.72-3.63-3.66-3.63H7.28c-1.08 0-1.86-.03-2.4-.03zm.1 1.74c-.1.03-.17.1-.23.16L.8 124.44c-.2.28.03.77.4.78h2.4v.5c0 4.26-.55 3.62 3.66 3.62h7.44c1.03 0 1.74.02 2.28 0-.16.02-.34-.03-.44-.15l-2.22-2.76H7.28c-.44 0-.72-.3-.72-.72v-.5h2.5c.37.02.63-.5.4-.78L5.5 119.5a.5.5 0 0 0-.53-.16zm12.02 10c1.2-.02 1.4-.25 1.4-1.53l-1.1 1.36c-.07.1-.17.17-.3.18zM5.94 136.6l2.37 2.93h6.42c.42 0 .72.28.72.72v1.25h-2.6c-.3.1-.43.54-.2.78l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.25c0-4.2.72-3.63-3.66-3.63H7.28c-.6 0-.92-.02-1.34-.03zm-1.72.06c-.4.08-.54.3-.6.75l.6-.74zm.84.93c-.12 0-.24.08-.3.18l-3.95 4.9c-.24.3 0 .83.4.82H3.6v1.22c0 4.26-.55 3.62 3.66 3.62h7.44c.63 0 .97.02 1.4.03l-2.37-2.93H7.28c-.44 0-.72-.3-.72-.72v-1.22h2.5c.4.04.67-.53.4-.8l-3.96-4.92c-.1-.13-.27-.2-.44-.2zm13.28 10.03-.56.7c.36-.07.5-.3.56-.7m-1.21 7.98c-.55-.02-1.32.03-2.4.03h-8.2l2.38 2.9h5.82c.42 0 .72.28.72.72v1.97H12.9c-.32.06-.48.52-.28.78l3.94 4.94c.2.23.6.22.78-.03l3.94-4.9c.22-.28-.02-.77-.37-.78H18.4v-1.97c0-3.15.4-3.62-1.25-3.66zm-12.1.28c-.1.02-.2.1-.28.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v1.96c0 4.26-.55 3.62 3.66 3.62h8.24l-2.36-2.9H7.28c-.44 0-.72-.3-.72-.72v-1.97h2.5c.37.02.63-.5.4-.78l-3.96-4.9c-.1-.15-.3-.22-.47-.2zm.1 18.62c-.15 0-.3.07-.38.2L.8 179.6c-.24.27 0 .82.4.8h2.4v2.32c0 4.26-.55 3.62 3.66 3.62h7.94l-2.35-2.9h-5.6c-.43 0-.7-.3-.7-.72v-2.3h2.5c.38.03.66-.54.4-.83l-3.97-4.9a.47.47 0 0 0-.38-.2zm12 .1c-.55-.02-1.32.03-2.4.03h-7.9l2.35 2.9h5.52c.42 0 .72.28.72.72v2.34h-2.6c-.3.1-.43.53-.2.78l3.92 4.9c.18.24.6.24.78 0l3.94-4.9c.22-.3-.02-.78-.37-.8H18.4v-2.33c0-3.15.4-3.62-1.25-3.66zM4.97 193.16c-.1.03-.17.1-.22.18l-3.94 4.9c-.2.3.03.78.4.8H3.6v2.68c0 4.26-.55 3.62 3.66 3.62h7.66l-2.3-2.84c-.03-.02-.03-.04-.05-.06h-5.3c-.44 0-.72-.3-.72-.72v-2.7h2.5c.37.03.63-.48.4-.77l-3.96-4.9a.51.51 0 0 0-.53-.2zm12.16.43c-.55-.02-1.32.03-2.4.03H7.1l2.32 2.84.03.06h5.25c.42 0 .72.28.72.72v2.7h-2.5c-.36.02-.56.54-.3.8l3.92 4.9c.18.25.6.25.78 0l3.94-4.9c.26-.28 0-.83-.37-.8H18.4v-2.7c0-3.15.4-3.62-1.25-3.66z\" fill=\"@{accent}\" stroke-width=\"0\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .prose {\n h1,\n h2,\n h3,\n h4,\n strong {\n color: @text;\n }\n color: @subtext0;\n }\n\n .rules-list {\n color: @text;\n li::before {\n background-color: @accent;\n color: @crust;\n }\n }\n\n .about__domain-blocks__domain:nth-child(2n) {\n background-color: @surface0;\n }\n\n .icon-button.active.inverted {\n color: @mantle;\n }\n\n .display-name strong {\n color: @text !important;\n }\n\n .boost-modal__action-bar {\n span {\n color: @subtext1;\n }\n background: @mantle;\n }\n\n .emoji-mart-anchor-selected,\n .reply-indicator__content a {\n color: @accent !important;\n }\n\n .confirmation-modal {\n background-color: @base;\n color: @text;\n }\n .confirmation-modal__action-bar {\n background-color: @mantle;\n }\n\n .privacy-dropdown__option {\n background: @surface0;\n\n .privacy-dropdown__option__content,\n strong,\n i {\n color: @text;\n }\n\n &:hover,\n &.active {\n background: @accent !important;\n\n .privacy-dropdown__option__content,\n strong,\n i {\n color: @crust;\n }\n }\n }\n\n .privacy-dropdown.active .privacy-dropdown__value {\n background: @accent !important;\n }\n\n .privacy-dropdown.active .privacy-dropdown__value > button,\n .privacy-dropdown__value-icon.active > i {\n color: @crust !important;\n }\n\n .emoji-mart-search > input {\n color: @text !important;\n }\n\n .emoji-mart-search,\n .language-dropdown__dropdown__results {\n background: @surface0;\n }\n\n .language-dropdown__dropdown {\n background: @surface1 !important;\n }\n\n .language-dropdown__dropdown__results__item {\n > span {\n color: @text;\n }\n\n &:hover,\n &.active {\n background: @accent;\n\n > span {\n color: @crust;\n }\n }\n }\n\n .conversation__unread,\n .emoji-mart-anchor-bar,\n .compose-form__actions .icon-button.active,\n .react-toggle--checked .react-toggle-track,\n .react-toggle--checked:hover .react-toggle-track,\n .pillbar-button:not([disabled]).active,\n .pillbar-button:not([disabled]).active:focus,\n .pillbar-button:not([disabled]).active:hover,\n .radio-button__input.checked {\n background-color: @accent;\n }\n\n .reactions-bar__item.active {\n background-color: fade(@accent, 25%);\n }\n\n .trends__item__sparkline path:last-child {\n stroke: @accent !important;\n }\n .trends__item__sparkline path:first-child {\n fill: fade(@accent, 25%) !important;\n }\n\n .icon-button,\n .notification__message .fa {\n color: @surface2;\n }\n\n .icon-button:active,\n .icon-button.active,\n .icon-button:focus,\n .icon-button:hover,\n .text-icon-button:active,\n .text-icon-button:focus,\n .text-icon-button:hover,\n .public-layout .public-account-bio .account__header__fields a:hover {\n color: @accent;\n }\n\n .account__domain-pill {\n color: @accent;\n background: fade(@accent, 20%);\n }\n\n .drawer__header,\n .account__section-headline button,\n .search__input,\n .search__input:focus,\n .column-link__badge,\n .column-subheading,\n .public-layout .header,\n .public-layout .public-account-header__bar::before,\n .account__header__fields,\n .account__header__fields\n dd:not(.account__header__bio .account__header__fields dd),\n .admin-wrapper .sidebar ul .simple-navigation-active-leaf .selected,\n .explore__search-header,\n .column-inline-form,\n .follow_requests-unlocked_explanation,\n .conversation--unread,\n .announcements,\n .status-card__image {\n background: @surface0 !important;\n }\n\n .account__section-headline {\n background: @mantle;\n }\n\n .focusable:focus {\n background: unset;\n }\n\n .admin-wrapper .sidebar ul a:hover,\n .admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover,\n .detailed-status,\n .detailed-status__action-bar {\n background: @surface0;\n }\n\n .admin-wrapper .sidebar ul .simple-navigation-active-leaf a,\n .admin-wrapper .sidebar ul a:hover {\n color: @text;\n }\n\n .dismissable-banner {\n background: @base;\n }\n\n .column-header__wrapper.active {\n box-shadow: 0 1px 0 fade(@accent, 30%);\n }\n .column-header__wrapper.active::before {\n background: radial-gradient(\n ellipse,\n fade(@accent, 23%) 0,\n rgba(99, 100, 255, 0) 60%\n );\n }\n\n .account__header__bio .account__header__fields dl,\n .account__header__bio .account__header__fields,\n .boost-modal__container,\n .empty-column-indicator,\n .column > .scrollable,\n .nothing-here,\n .public-layout .public-account-bio,\n .hero-widget__text,\n &.admin,\n .admin-wrapper .sidebar ul a.selected,\n .admin-wrapper .sidebar ul ul {\n background: @base;\n }\n\n .dropdown-button {\n border-color: @accent;\n color: @accent;\n }\n\n .public-layout .public-account-header__tabs__tabs .counter::after,\n .public-layout .public-account-header__tabs__tabs .counter.active::after,\n .react-toggle--checked .react-toggle-thumb,\n .radio-button__input.checked,\n .account__action-bar__tab.active {\n border-color: @accent;\n }\n\n .account,\n .load-gap {\n border-color: @mantle;\n }\n\n .account__section-headline a.active::after {\n border-color: transparent transparent @base;\n }\n\n .account__section-headline a.active::before,\n .account__section-headline button.active::after,\n .account__section-headline button.active::before {\n border-color: transparent transparent @mantle;\n }\n\n .poll__chart {\n background: @overlay0;\n &.leading {\n background: @accent;\n }\n }\n\n .column-header__button {\n background: @base;\n color: @overlay2;\n\n &:hover {\n background: @surface0;\n }\n }\n\n .search-popout,\n .drawer__header a:hover,\n .account__section-headline button:hover,\n .account__section-headline a:hover {\n background: @surface0;\n }\n\n .prose a,\n .column-link .active,\n .compose-form__poll__select__value,\n .column-link--transparent.active,\n .column-link--transparent:focus,\n .column-link:focus,\n .column-link--transparent:hover,\n .column-link:hover {\n color: @accent;\n }\n\n .status.collapsed .status__content::after {\n background: linear-gradient(fade(@base, 0%), @base);\n }\n\n .button.button-tertiary:focus,\n .button.button-tertiary:hover,\n .button.button-tertiary:active {\n color: @base;\n }\n\n .button.button-tertiary {\n border-color: @accent;\n }\n\n .button,\n .button.button-tertiary,\n .button.logo-button,\n .icon-with-badge__badge {\n background: @accent;\n color: @base;\n }\n\n .button.logo-button svg {\n fill: currentcolor;\n }\n\n .public-layout .header .nav-button {\n background-color: @surface1;\n }\n\n .public-layout .header .nav-button:hover {\n background-color: @surface2;\n }\n\n .button.button-secondary {\n background-color: transparent;\n color: @text;\n border-color: @accent;\n }\n .button.button-secondary:active,\n .button.button-secondary:focus,\n .button.button-secondary:hover {\n border-color: @accent;\n color: @base;\n transition: 0.2s;\n }\n\n .button:active,\n .button:focus,\n .button:hover,\n .button.button-tertiary:active,\n .button.button-tertiary:focus,\n .button.button-tertiary:hover,\n .button.logo-button:active,\n .button.logo-button:focus,\n .button.logo-button:hover,\n .announcements__item__unread {\n background: @accent;\n }\n\n select {\n background-color: @mantle;\n color: @text;\n }\n\n .mute-modal__cancel-button {\n background-color: @base;\n color: @text;\n &:hover {\n background-color: @surface0;\n }\n }\n\n .drawer__inner,\n .drawer__inner__mastodon,\n .compose-form__highlightable,\n .compose-form__highlightable .autosuggest-textarea__textarea,\n .column-header,\n .column-back-button,\n .boost-modal,\n .mute-modal,\n .privacy-dropdown__dropdown,\n .explore__search-header .search__input {\n background-color: @base;\n }\n\n .mute-modal__action-bar {\n background-color: @mantle;\n }\n\n .mute-modal__container {\n background-color: @base;\n color: @text;\n }\n\n .compose-form .compose-form__modifiers,\n .compose-form .compose-form__autosuggest-wrapper,\n .autosuggest-textarea__suggestions,\n .compose-form .spoiler-input__input {\n background: @surface0 !important;\n color: @text !important;\n }\n\n .compose-form .compose-form__buttons-wrapper {\n background: @surface0;\n }\n\n .load-more:hover {\n background-color: @mantle;\n }\n\n .character-counter {\n color: @subtext0;\n }\n\n .public-layout .header,\n .hero-widget,\n .public-layout .public-account-header,\n .public-layout .public-account-bio,\n .nothing-here {\n box-shadow: none;\n }\n\n .dropdown-menu__item--dangerous a {\n color: @red;\n }\n\n .search__popout,\n .dropdown-menu__arrow::before,\n .dropdown-menu__item button,\n .dropdown-menu__container__list,\n .dropdown-menu.bottom {\n background: @surface0;\n color: @text;\n }\n\n .dropdown-menu__item a:hover,\n .dropdown-menu__item button:hover {\n background: @surface1;\n }\n\n .input-copy,\n .simple_form input[type=\"text\"],\n .simple_form textarea,\n .simple_form .block-button,\n .notification__filter-bar button,\n .simple_form .button,\n .simple_form button {\n background: @mantle;\n color: @text;\n }\n\n .simple_form .block-button:hover,\n .simple_form .button:hover,\n .notification__filter-bar button:hover,\n .simple_form button:hover {\n background: @surface0;\n }\n\n .simple_form .input.with_label .label_input > label,\n .simple_form select,\n .accounts-table__count,\n .simple_form textarea {\n color: @text;\n }\n\n .simple_form textarea,\n .simple_form input[type=\"password\"],\n .simple_form input[type=\"number\"],\n .simple_form input[type=\"text\"] {\n border-color: @crust;\n }\n\n .simple_form input[type=\"email\"]:required:valid {\n border-color: @green;\n }\n\n .simple_form input[type=\"password\"],\n .simple_form input[type=\"number\"],\n .simple_form input[type=\"email\"]:required:valid,\n .simple_form\n input[type=\"password\"]:required:invalid:not(:placeholder-shown) {\n color: @text;\n background: @mantle;\n }\n\n .simple_form\n input[type=\"password\"]:required:invalid:not(:placeholder-shown) {\n border-color: @red;\n }\n\n .simple_form select {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 14.933 18.467\" height=\"19.698\" width=\"15.929\"><path d=\"m3.467 14.967-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5s-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0z\" fill=\"@{overlay2}\"/></svg>'\n );\n background: @mantle url(\"data:image/svg+xml,@{svg}\") no-repeat right 8px\n center/auto 16px;\n border-color: @crust;\n }\n\n .poll__option input[type=\"text\"]:focus,\n .simple_form input[type=\"datetime-local\"]:active,\n .simple_form input[type=\"datetime-local\"]:focus,\n .simple_form input[type=\"email\"]:active,\n .simple_form input[type=\"email\"]:focus,\n .simple_form input[type=\"number\"]:active,\n .simple_form input[type=\"number\"]:focus,\n .simple_form input[type=\"password\"]:active,\n .simple_form input[type=\"password\"]:focus,\n .simple_form input[type=\"text\"]:active,\n .simple_form input[type=\"text\"]:focus,\n .simple_form input[type=\"url\"]:active,\n .simple_form input[type=\"url\"]:focus,\n .simple_form textarea:active,\n .simple_form textarea:focus {\n border-color: @accent !important;\n background: @mantle !important;\n color: @text !important;\n }\n\n .table > thead > tr > th,\n .setting-text:active,\n .setting-text:focus {\n border-color: @accent !important;\n }\n\n .batch-table__toolbar,\n .table > thead > tr > th {\n background: @surface0 !important;\n color: @text !important;\n }\n\n .simple_form input[type=\"datetime-local\"]:hover,\n .simple_form input[type=\"email\"]:hover,\n .simple_form input[type=\"number\"]:hover,\n .simple_form input[type=\"password\"]:hover,\n .simple_form input[type=\"text\"]:hover,\n .simple_form input[type=\"url\"]:hover,\n .simple_form textarea:hover {\n background: @mantle !important;\n border-color: @accent !important;\n transition: 0.4s;\n }\n\n .batch-table__row {\n background: @surface1;\n }\n\n .batch-table__row:hover,\n .batch-table__row:nth-child(2n):hover {\n background: @surface2;\n }\n\n .batch-table__row:nth-child(2n),\n .table > tbody > tr > td {\n background: @surface0;\n }\n\n .table > thead > tr > th {\n border-bottom-color: @surface0;\n }\n\n .positive-hint {\n color: @green !important;\n }\n\n .card__bar {\n background: @surface0;\n }\n\n .reply-indicator {\n background: @surface1;\n }\n\n .getting-started,\n .getting-started__wrapper {\n background: @surface0;\n }\n\n .column-link {\n color: @text;\n\n &:hover {\n color: @accent;\n }\n }\n\n .search__popout h4 {\n color: @subtext0;\n }\n .search__popout__menu__item mark {\n color: @text;\n }\n .search__popout__menu__item.selected,\n .search__popout__menu__item:active,\n .search__popout__menu__item:focus,\n .search__popout__menu__item:hover {\n background: @surface1;\n color: @text;\n }\n }\n}\n",
|
|
"originalDigest": "07ca3235601fc92ceabba242a7809a545755e9bf",
|
|
"_id": "4c242af4-ca1d-455a-a589-3cf4339e579b",
|
|
"_rev": 1780236872976,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 119
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "DeepSeek Catppuccin",
|
|
"description": "Soothing pastel theme for DeepSeek",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/deepseek/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "DeepSeek Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/deepseek",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/deepseek",
|
|
"version": "2025.12.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/deepseek/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Adeepseek",
|
|
"description": "Soothing pastel theme for DeepSeek",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name DeepSeek Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/deepseek\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/deepseek\n@version 2025.12.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/deepseek/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Adeepseek\n@description Soothing pastel theme for DeepSeek\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document url-prefix(\"https://chat.deepseek.com\") {\n @import url(\"https://prismjs.catppuccin.com/variables.important.css\");\n\n body[data-ds-dark-theme] {\n #catppuccin(@darkFlavor);\n }\n body:not([data-ds-dark-theme]) {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n #lib.css-variables();\n\n #ds-rgb() {\n --ds-bordered-secondary-button-color: var(--dsr-text-1);\n --ds-button-hover-color: initial;\n --ds-input-prefix-color: var(--dsr-text-1);\n --ds-modal-content-color: @surface0;\n --ds-rgb-bg-base: var(--ds-rgb-black);\n --ds-rgb-elevated: #lib.rgbify(@surface0)[];\n --ds-rgb-error: #lib.rgbify(@red)[];\n --ds-rgb-header: 40 40 40;\n --ds-rgb-info: #lib.rgbify(@blue)[];\n --ds-rgb-input-focus: var(--ds-rgb-neutral-900);\n --ds-rgb-input-strong: var(--ds-rgb-neutral-700);\n --ds-rgb-input: var(--ds-rgb-neutral-800);\n --ds-rgb-label-1: #lib.rgbify(@text)[];\n --ds-rgb-label-2: #lib.rgbify(@subtext0)[];\n --ds-rgb-label-3: #lib.rgbify(@overlay1)[];\n --ds-rgb-link: var(--ds-rgb-primary);\n --ds-rgb-primary-foreground: #lib.rgbify(@base)[];\n --ds-rgb-primary: #lib.rgbify(@accent)[];\n --ds-rgb-segmented-button: var(--ds-rgb-neutral-500);\n --ds-rgb-segmented-separator: var(--ds-rgb-neutral-500);\n --ds-rgb-segmented: var(--ds-rgb-neutral-600);\n --ds-rgb-separator-strong: #lib.rgbify(@overlay0)[];\n --ds-rgb-separator: #lib.rgbify(@surface2)[];\n --ds-rgb-success: #lib.rgbify(@green)[];\n --ds-rgb-tag: var(--ds-rgb-neutral-600);\n --ds-rgb-thumb: var(--ds-rgb-neutral-200);\n --ds-rgb-track: var(--ds-rgb-neutral-500);\n --ds-rgb-warning: #lib.rgbify(@yellow)[];\n --ds-rgba-transparent: 255 255 255/0;\n --ds-tabs-active-color: @accent;\n --ds-text-primary-button-color: @accent;\n --ds-rgb-hover: #lib.rgbify(mix(@text, @base, 8%))[];\n\n --ds-toast-custom-color: @surface0;\n --ds-toast-custom-text-color: @text;\n --ds-toast-cutsom-border: 1px solid @surface1;\n --ds-md-inline-code-color: @base;\n }\n\n --dsw-alias-bg-base: @base;\n --dsw-alias-bg-layer-1: @mantle;\n --dsw-alias-bg-layer-2: @base;\n --dsw-alias-bg-layer-3: @surface0;\n\n --dsw-alias-bg-mask-1: rgba(0, 0, 0, 0.5);\n --dsw-alias-bg-mask-2: rgba(0, 0, 0, 0.2);\n --dsw-alias-bg-multi-select: mix(@accent, @mantle, 8%);\n --dsw-alias-bg-skeleton: fade(@text, 8%);\n\n --dsw-alias-border-inverted2: rgba(255, 255, 255, 0.08);\n --dsw-alias-border-inverted: rgba(255, 255, 255, 0.06);\n --dsw-alias-border-l1: rgba(255, 255, 255, 0.06);\n --dsw-alias-border-l2-darkmode-thin: rgba(255, 255, 255, 0.06);\n --dsw-alias-border-l2: @surface1;\n --dsw-alias-border-l3: @surface2;\n --dsw-alias-border-l4: @overlay0;\n\n --dsw-alias-brand-primary-invert: @text;\n --dsw-alias-brand-primary: @accent;\n --dsw-alias-brand-text: @accent;\n\n --dsw-alias-button-contrast-fill: @text;\n --dsw-alias-button-elevated-fill: @surface1;\n\n --dsw-alias-button-floating-fill: @base;\n --dsw-alias-button-floating-hover: mix(@text, @base, 8%);\n\n --dsw-alias-button-ghost-active-border: @accent;\n --dsw-alias-button-ghost-active-fill: fade(@accent, 14%);\n --dsw-alias-button-ghost-active-hover: fade(@accent, 18%);\n\n --dsw-alias-button-primary-dimmed: darken(@accent, 8%);\n --dsw-alias-button-primary-fill: var(--dsw-alias-brand-primary);\n --dsw-alias-button-primary-hover: lighten(@accent, 8%);\n\n --dsw-alias-interactive-bg-active: fade(@text, 14%);\n --dsw-alias-interactive-bg-hover-accent: fade(@text, 24%);\n --dsw-alias-interactive-bg-hover-danger: fade(@red, 15%);\n --dsw-alias-interactive-bg-hover: fade(@text, 8%);\n\n --dsw-alias-label-caption: @overlay0;\n --dsw-alias-label-dimmed: @surface1;\n --dsw-alias-label-primary-dimmed: var(--dsw-static-neutral-bluish-100);\n --dsw-alias-label-primary-inverted: var(--dsw-static-neutral-bluish-800);\n\n --dsw-alias-label-primary: @text;\n --dsw-alias-label-secondary: @subtext0;\n --dsw-alias-label-tertiary: @overlay1;\n\n --dsw-alias-markdown-citation: var(--dsw-static-neutral-bluish-800);\n --dsw-alias-markdown-code-block-banner: @surface0;\n --dsw-alias-markdown-code-block: @mantle;\n --dsw-alias-markdown-code-segment-selected: var(\n --dsw-static-neutral-bluish-800\n );\n --dsw-alias-markdown-code-segment-unselected: var(\n --dsw-static-neutral-bluish-900\n );\n --dsw-alias-markdown-inline-code: @surface0;\n --dsw-alias-markdown-tag: var(--dsw-static-neutral-bluish-850);\n\n --dsw-alias-scrollbar-bg-l1: @surface2;\n --dsw-alias-scrollbar-bg-l2: @overlay0;\n --dsw-alias-scrollbar-hover-l1: @overlay0;\n --dsw-alias-scrollbar-hover-l2: @overlay1;\n\n --dsw-alias-state-error-primary: @red;\n --dsw-alias-state-error-secondary: @red;\n\n --dsw-alias-state-success-primary: @green;\n --dsw-alias-state-success-secondary: @green;\n\n --dsw-alias-state-warn-label: var(--dsw-static-amber-600);\n --dsw-alias-state-warn-primary: var(--dsw-static-amber-500);\n --dsw-alias-state-warn-secondary: var(--dsw-static-amber-400);\n --dsw-alias-state-warn-tertiary: var(--dsw-static-amber-900);\n\n --dsw-alias-toast-bg: var(--dsw-static-neutral-bluish-750);\n --dsw-alias-tooltip-bg: var(--dsw-static-neutral-bluish-750);\n\n --dsw-specific-bubble: @surface0;\n --dsw-specific-input-major: @surface0;\n --dsw-specific-login-input: var(--dsw-static-neutral-900);\n --dsw-specific-menu: var(--dsw-alias-bg-layer-3);\n --dsw-specific-selector: fade(@text, 14%);\n --dsw-specific-sidebar-fill: @mantle;\n --dsw-specific-sidebar-nav-item-active-accent: @surface0;\n --dsw-specific-sidebar-nav-item-active: @surface0;\n --dsw-specific-sidebar-nav-item-hover: fade(@text, 8%);\n --dsw-specific-tip: var(--dsw-static-neutral-bluish-800);\n\n --dsr-bg: @crust;\n --dsr-text-0: @text;\n --dsr-text-1: @subtext1;\n --dsr-text-2: @subtext0;\n --dsr-text-3: @overlay2;\n --dsr-text-4: @overlay1;\n --dsr-border-1: rgb(var(--ds-rgb-neutral-450));\n --dsr-border-2: rgb(var(--ds-rgb-neutral-600));\n --dsr-input-border: #5a5a69;\n --dsr-input-bg: #404045;\n --dsr-button-main-bg: #509fff;\n --dsr-button-main-bg-hover: #4166d5;\n --dsr-button-second-bg: var(--dsr-main-2);\n --dsr-button-grey-0: rgb(var(--ds-rgb-neutral-600));\n --dsr-button-grey-1: rgb(var(--ds-rgb-neutral-650));\n --dsr-button-grey-2: rgb(var(--ds-rgb-neutral-700));\n --dsr-delete-button-bg: rgb(var(--ds-rgb-red-500) / 0.85);\n --dsr-delete-button-bg-hover: rgb(var(--ds-rgb-red-550) / 0.45);\n --dsr-tooltip-fg: rgb(var(--ds-rgb-zinc-650));\n --dsr-tooltip-bg: #000;\n --dsr-side-bg: #212327;\n --dsr-side-hover-bg-rgb: 51, 51, 51;\n --dsr-side-hover-bg: rgb(var(--ds-rgb-neutral-750));\n --dsr-icon-fg-1: rgb(var(--ds-rgb-neutral-350));\n --dsr-icon-hover-0: rgb(var(--ds-rgb-neutral-500));\n --dsr-icon-hover-1: rgb(var(--ds-rgb-neutral-700));\n --dsr-side-icon-hover: rgb(var(--ds-rgb-zinc-750));\n --dsr-error-fg: rgb(var(--ds-rgb-red-450));\n --dsr-risk-text: #e4773d;\n --dsr-risk-border: #4c4740;\n --dsr-risk-fill: #31302e;\n\n .ds-elevated, [data-elevated] {\n #ds-rgb() !important;\n }\n &, .ds-theme {\n #ds-rgb() !important;\n\n --wip-ds-color-bg-tooltip: @surface0;\n }\n\n .ds-sign-up-form__main {\n background: @base;\n }\n .ds-switch.ds-switch.ds-switch {\n --switch-color: @surface2;\n --switch-thumb-color: if(@flavor = latte, @base, @text);\n &.ds-switch--checked {\n --switch-color: @accent;\n --switch-thumb-color: @base;\n }\n }\n .ds-basic-button--primary {\n --ds-primary-button-text-color: @base;\n }\n .ds-checkbox svg {\n color: @base;\n }\n\n .ds-tooltip {\n --tooltip-text-color: @text;\n }\n\n /* Fade out text on active sidebar nav item */\n ._546d736.b64fb9ae ._254829d {\n --mask-base-color: #lib.rgbify(@surface0)[];\n }\n /* Fade out text on hovered sidebar nav item */\n ._546d736 ._254829d {\n --mask-base-color: #lib.rgbify(@surface0)[];\n }\n\n /* Fade out on top of conversation */\n .c99b79f8.c99b79f8.c99b79f8 {\n background: linear-gradient(to bottom, @crust, transparent);\n }\n /* Fade out on top of conversation when multiselect active */\n .a51c5344 .c99b79f8.c99b79f8.c99b79f8 {\n background: linear-gradient(\n to bottom,\n var(--dsw-alias-bg-multi-select),\n transparent\n );\n }\n\n /* Response feedback rating radio button focus */\n ._74d6322\n .ds-radio-button-group\n .ds-radio-button.ds-radio-button--active::after {\n box-shadow: var(--radio-button-group-button-outline-box-shadow-focus);\n }\n\n /* Send button icon */\n ._7436101 {\n color: @base;\n }\n }\n}\n",
|
|
"originalDigest": "32d74919acfcc6ad53987a64ac1ca03d29941bf0",
|
|
"_id": "804417b4-da99-44c9-90d7-1969da135a4d",
|
|
"_rev": 1780236873060,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 120
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Perplexity Catppuccin",
|
|
"description": "Soothing pastel theme for Perplexity",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/perplexity/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Perplexity Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/perplexity",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/perplexity",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/perplexity/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aperplexity",
|
|
"description": "Soothing pastel theme for Perplexity",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Perplexity Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/perplexity\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/perplexity\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/perplexity/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aperplexity\n@description Soothing pastel theme for Perplexity\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"perplexity.ai\") {\n :root:not([data-color-scheme=\"dark\"]) {\n #catppuccin(@lightFlavor);\n }\n :root,\n :root:not([data-color-scheme=\"light\"]) {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n ::selection {\n background-color: fade(@accent, 30%)\n !important; // TODO: Has !important unlike the defaults. Add !important to defaults?\n color: @text\n !important; // TODO: Another case of setting the text color in the selection.\n }\n\n body {\n background-color: @mantle !important;\n }\n .bg-\\[red\\] {\n background-color: @red !important;\n }\n\n .bg-alert {\n background-color: @peach !important;\n }\n .bg-text-100 {\n background-color: @text !important;\n }\n\n .bg-backdrop-lightbox\\/95 {\n background-color: @crust !important;\n }\n\n .bg-backdrop\\/70 {\n background-color: @mantle !important;\n }\n\n .bg-background, .bg-background-50 {\n background-color: @base !important;\n }\n\n .bg-background-100 {\n background-color: @base !important;\n }\n\n .bg-background-300, .bg-background-200 {\n background-color: @mantle !important;\n }\n\n .bg-background-super-alt {\n background-color: @accent !important;\n }\n\n .bg-backgroundDark {\n background-color: @surface0 !important;\n }\n\n .bg-black,\n .bg-black\\/30,\n .bg-black\\/40,\n .bg-black\\/50,\n .bg-black\\/60,\n .bg-black\\/80 {\n background-color: @crust !important;\n }\n\n .bg-borderMain {\n background-color: @surface1 !important;\n }\n\n .bg-idle,\n .bg-idle\\/70 {\n background-color: @surface0 !important;\n }\n\n .bg-offset,\n .bg-offsetDark,\n .bg-offset\\/50 {\n background-color: @mantle !important;\n }\n\n .bg-offsetPlus {\n background-color: @surface0 !important;\n }\n\n .bg-offsetPlusDark,\n .dark\\:\\!bg-offsetPlusDark:where(\n [data-color-scheme=\"dark\"] .dark\\:\\!bg-offsetPlusDark,\n [data-color-scheme=\"dark\"] .dark\\:\\!bg-offsetPlusDark *\n ) {\n background-color: @mantle !important;\n }\n\n .bg-super,\n .bg-superAlt,\n .bg-superBG,\n .bg-superBGDark,\n .bg-superDark,\n .bg-superDark\\/100,\n .bg-super\\/100 {\n background-color: @accent !important;\n }\n .bg-super\\/10,\n .bg-superDark\\/10 {\n background-color: fade(@accent, 10%) !important;\n }\n\n .bg-textMain {\n background-color: @crust !important;\n }\n\n .bg-textMainDark,\n .bg-textMain\\/10 {\n background-color: @text !important;\n }\n\n .bg-textOff {\n background-color: @subtext1 !important;\n }\n\n .bg-textOffDark,\n .bg-textOff\\/50 {\n background-color: @subtext0 !important;\n }\n\n .bg-white,\n .bg-white\\/30,\n .bg-white\\/50,\n .bg-white\\/80 {\n background-color: @text !important;\n }\n\n .text-background {\n color: @base !important;\n }\n\n .text-black {\n color: @crust !important;\n }\n\n .text-offset {\n color: @mantle !important;\n }\n\n .text-orange-400 {\n color: @peach !important;\n }\n\n .text-super,\n .text-superAlt,\n .text-superDark,\n .text-superDuper {\n color: @accent !important;\n }\n\n .text-textMain {\n color: @text !important;\n }\n\n .text-textMainDark,\n .text-textOff {\n color: @subtext1 !important;\n }\n\n .text-textOff\\/50 {\n color: @subtext0 !important;\n }\n\n .text-textOffDark {\n color: @subtext1 !important;\n }\n\n .text-textOffDark\\/50 {\n color: @subtext0 !important;\n }\n\n .text-white {\n color: @crust !important;\n }\n\n .text-default {\n color: @text !important;\n }\n\n .text-zinc-700 {\n color: @subtext1 !important;\n }\n\n .stroke-background {\n stroke: @surface0 !important;\n }\n\n .stroke-super,\n .stroke-superAlt,\n .stroke-superDark {\n stroke: @accent !important;\n }\n\n .stroke-textMain {\n stroke: @text !important;\n }\n\n .stroke-textMainDark,\n .stroke-textOff {\n stroke: @subtext1 !important;\n }\n\n .stroke-textOffDark {\n stroke: @subtext0 !important;\n }\n\n .fill-backgroundDark {\n fill: @base !important;\n }\n\n .fill-super,\n .fill-superAlt,\n .fill-superDark {\n fill: @accent !important;\n }\n\n .fill-textMain,\n .fill-textMainDark {\n fill: @text !important;\n }\n\n .fill-textOff,\n .fill-textOffDark {\n fill: @subtext1 !important;\n }\n\n .border-\\[black\\]\\/10 {\n border-color: fade(@mantle, 10%) !important;\n }\n\n .border-background,\n .border-black\\/10,\n .border-black\\/5 {\n border-color: @mantle !important;\n }\n .dark\\:border-borderMainDark:where(\n [data-color-scheme=\"dark\"] .dark\\:border-borderMainDark,\n [data-color-scheme=\"dark\"] .dark\\:border-borderMainDark *\n ),\n .border-borderMain {\n border-color: @surface1 !important;\n }\n\n .border-borderMain\\/10,\n .border-borderMain\\/50,\n .border-borderMain\\/75 {\n border-color: @surface0 !important;\n }\n\n .border-borderMainDark {\n border-color: @base !important;\n }\n\n .border-offsetPlus {\n border-color: @mantle !important;\n }\n\n .border-super,\n .border-super\\/10,\n .border-super\\/100 {\n border-color: @accent !important;\n }\n\n .border-textMain\\/0 {\n border-color: transparent !important;\n }\n\n .border-textMainDark {\n border-color: @mantle !important;\n }\n\n .border-textOff\\/50 {\n border-color: @subtext0 !important;\n }\n\n .border-b-offset {\n border-bottom-color: @subtext0 !important;\n }\n .group:hover [class*=\"group-hover:text-superDark\"] {\n color: @accent !important;\n }\n\n [class*=\"hover:!bg-superAlt/20\"]:hover {\n background-color: @accent !important;\n }\n\n [class*=\"data-[focused=self]:bg-background-200\"]:focus,\n [class*=\"hover:bg-background-200\"]:hover {\n background-color: @crust !important;\n }\n\n [class*=\":hover:bg-offset\"]:hover, [class*=\"hover:bg-offset\"]:hover {\n background-color: @surface0 !important;\n }\n\n [class*=\"hover:bg-offsetPlus\"]:hover {\n background-color: @surface1 !important;\n }\n\n [class*=\"hover:bg-super\"]:hover {\n background-color: @accent !important;\n }\n\n [class*=\"hover:text-super\"]:hover,\n [class*=\"hover:text-superAlt\"]:hover {\n color: @accent !important;\n }\n\n [class*=\"hover:text-textMain\"]:hover {\n color: @text !important;\n }\n\n [class*=\"hover:text-textOff\"]:hover {\n color: @subtext0 !important;\n }\n\n [class*=\"hover:text-white\"]:hover {\n color: @text !important;\n }\n\n [data-focused=\"self\"] {\n background-color: @surface1 !important;\n }\n\n .dark\\:divide-borderMainDark\\/50:where(\n [data-color-scheme=\"dark\"] .dark\\:divide-borderMainDark\\/50,\n [data-color-scheme=\"dark\"] .dark\\:divide-borderMainDark\\/50 *\n )\n > :not([hidden])\n ~ :not([hidden]),\n .divide-borderMain\\/50 > :not([hidden]) ~ :not([hidden]) {\n border-color: @surface1 !important;\n }\n\n .focus\\:\\!border-backgroundDark:focus {\n border-color: @mantle !important;\n }\n\n .focus\\:bg-background:focus {\n background-color: @base !important;\n }\n\n .focus\\:text-super:focus {\n color: @accent !important;\n }\n\n .focus-visible\\:bg-offsetPlus:focus-visible {\n background-color: @crust !important;\n }\n\n *[class*=\"ring\"] {\n --tw-ring-color: @surface2 !important;\n --tw-ring-offset-color: @mantle !important;\n }\n\n .caret-superDuper {\n caret-color: @accent !important;\n }\n .data-\\[state\\=checked\\]\\:bg-super[data-state=\"checked\"] {\n background-color: @accent !important;\n }\n\n /* Additional fixes: */\n\n .scrollbar-thumb-idle {\n --scrollbar-thumb: @surface1 !important;\n }\n\n /* gradient on super long prompt */\n div[style=\"background: linear-gradient(transparent, currentcolor);\"] {\n background: linear-gradient(transparent, @base) !important;\n }\n\n /* citations */\n .citation:hover * {\n color: @crust !important;\n }\n /* switch knob in settings */\n .data-\\[state\\=checked\\]\\:before\\:\\!bg-super[data-state=\"checked\"]::before {\n background-color: @accent !important;\n }\n /* switch in main input */\n #copilot-toggle > div::before {\n background-color: @overlay1;\n }\n\n /* credits on image view */\n #__next\n > div:nth-child(26)\n > div:nth-child(2)\n > div\n > div\n > div.gap-md.mx-md.py-md.border-borderMainDark.flex.h-\\[74px\\].items-center.justify-between.border-b-2\n > div.gap-x-md.flex.items-center\n > a\n > div\n > div\n > div.line-clamp-1.break-all.transition-all.duration-300.white.font-sans.text-sm.text-white.selection\\:bg-super\\/50.selection\\:text-textMain.dark\\:selection\\:bg-superDuper\\/10.dark\\:selection\\:text-superDark {\n color: @text !important;\n }\n\n /* research goals in pro search */\n .research-goal::before {\n border-color: @surface1;\n }\n .research-goal-title:hover {\n background-color: @surface0;\n }\n .research-goal-timeline {\n background-color: @surface1;\n }\n\n .\\!bg-transparent {\n background: transparent !important;\n }\n }\n}\n\n#rgbify(@color) {\n @rgb: red(@color) green(@color) blue(@color);\n}\n",
|
|
"originalDigest": "6a5f044d8a8977b4ee3ef02d029532ed839e3bd0",
|
|
"_id": "17384bdf-a21d-4bf7-966f-7b36f064e032",
|
|
"_rev": 1780236873116,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 121
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "NixOS Manual/Nixpkgs Manual Catppuccin",
|
|
"description": "Soothing pastel theme for NixOS Manual and Nixpkgs Manual",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/nixos-manual/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "NixOS Manual/Nixpkgs Manual Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/nixos-manual",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/nixos-manual",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/nixos-manual/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Anixos-manual",
|
|
"description": "Soothing pastel theme for NixOS Manual and Nixpkgs Manual",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name NixOS Manual/Nixpkgs Manual Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/nixos-manual\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/nixos-manual\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/nixos-manual/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Anixos-manual\n@description Soothing pastel theme for NixOS Manual and Nixpkgs Manual\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document url-prefix(\"https://nixos.org/manual/\"),\n url-prefix(\"https://nix-darwin.github.io/nix-darwin/manual/\") {\n @import url(\"https://unpkg.com/@catppuccin/highlightjs@1.0.0/css/catppuccin-variables.important.css\");\n\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n #lib.css-variables();\n\n --background: @base;\n --main-text-color: @text;\n --link-color: @accent;\n --heading-color: @accent;\n --small-heading-color: fade(@accent, 85%);\n --note-text-color: @blue;\n --note-background: @base;\n --warning-text-color: @red;\n --warning-background: @base;\n --codeblock-background: @surface0;\n --codeblock-text-color: @text;\n\n div.book .programlisting,\n div.appendix .programlisting {\n background-color: @surface0 !important;\n }\n\n hr,\n div.toc {\n border-top-color: transparent;\n border-bottom-color: @overlay1 !important;\n }\n\n // Version selector\n div[style^=\"background: #333333;color: #FFFFFF;\"] {\n background-color: @crust !important;\n\n &,\n dt {\n color: @text !important;\n }\n\n a {\n color: @accent !important;\n }\n }\n }\n}\n",
|
|
"originalDigest": "cfa506ac2f85cd0f1798d2aa5170df38cd165266",
|
|
"_id": "37fd2ef3-42ff-468e-aed0-908eb80ff9f0",
|
|
"_rev": 1780236873154,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 122
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Proton Catppuccin",
|
|
"description": "Soothing pastel theme for Proton",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/proton/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Proton Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/proton",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/proton",
|
|
"version": "2025.12.05",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/proton/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aproton",
|
|
"description": "Soothing pastel theme for Proton",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": null,
|
|
"default": "latte",
|
|
"options": [
|
|
{
|
|
"name": "latte",
|
|
"label": "Latte",
|
|
"value": "latte"
|
|
},
|
|
{
|
|
"name": "frappe",
|
|
"label": "Frappé",
|
|
"value": "frappe"
|
|
},
|
|
{
|
|
"name": "macchiato",
|
|
"label": "Macchiato",
|
|
"value": "macchiato"
|
|
},
|
|
{
|
|
"name": "mocha",
|
|
"label": "Mocha",
|
|
"value": "mocha"
|
|
}
|
|
]
|
|
},
|
|
"darkFlavor": {
|
|
"type": "select",
|
|
"label": "Dark Flavor",
|
|
"name": "darkFlavor",
|
|
"value": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"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 2025.12.05\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/proton/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aproton\n@description Soothing pastel theme for Proton\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document regexp(\n \"https://(account|mail|drive|calendar|lumo).proton.me/.*$\"\n ) {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n svg.logo {\n @accentH: hue(@accent);\n @protonH: hue(#6d4aff);\n\n .replaceColor(@org, @property) {\n &[@{property}=\"@{org}\"] {\n @hDiff: @protonH - hue(@org);\n @{property}: hsl(\n @accentH - @hDiff,\n saturation(@org) - 30%,\n lightness(@org)\n );\n }\n }\n\n /* deno-fmt-ignore */\n path {\n .replaceColor(#B8D7FF, fill);\n .replaceColor(#8F69FF, fill);\n .replaceColor(#6D4AFF, fill);\n .replaceColor(#FFBB93, fill);\n .replaceColor(#85D4F5, fill);\n .replaceColor(#D6F1FC, fill);\n }\n\n /* deno-fmt-ignore */\n defs stop {\n .replaceColor(#E3D9FF, stop-color);\n .replaceColor(#7341FF, stop-color);\n .replaceColor(#6D4AFF, stop-color);\n .replaceColor(#AA8EFF, stop-color);\n .replaceColor(#06B8FF, stop-color);\n .replaceColor(#BFE8FF, stop-color);\n .replaceColor(#BFABFF, stop-color);\n .replaceColor(#FF50C3, stop-color);\n .replaceColor(#B487FF, stop-color);\n .replaceColor(#FFC8FF, stop-color);\n .replaceColor(#8EFFEE, stop-color);\n .replaceColor(#C9C7FF, stop-color);\n .replaceColor(#00F0C3, stop-color);\n .replaceColor(#FFD580, stop-color);\n .replaceColor(#F6C592, stop-color);\n .replaceColor(#EBB6A2, stop-color);\n .replaceColor(#DFA5AF, stop-color);\n .replaceColor(#D397BE, stop-color);\n .replaceColor(#C486CB, stop-color);\n .replaceColor(#B578D9, stop-color);\n .replaceColor(#A166E5, stop-color);\n .replaceColor(#8B57F2, stop-color);\n .replaceColor(#704CFF, stop-color);\n .replaceColor(#B39FFB, stop-color);\n .replaceColor(#FFE8DB, stop-color);\n .replaceColor(#957AFD, stop-color);\n .replaceColor(#FFC6C6, stop-color);\n .replaceColor(#FA528E, stop-color);\n .replaceColor(#FF8065, stop-color);\n .replaceColor(#FFA51F, stop-color);\n .replaceColor(#34B8EE, stop-color);\n }\n }\n\n &,\n .ui-prominent,\n .ui-standard {\n #lightenOrDarken(@color, @value) {\n @result: if(\n @flavor = latte,\n lighten(@color, @value),\n darken(@color, @value)\n );\n }\n\n #darkenOrLighten(@color, @value) {\n @result: if(\n @flavor = latte,\n darken(@color, @value),\n lighten(@color, @value)\n );\n }\n\n --primary-minor-2: #lightenOrDarken(@accent, 60%)[];\n --primary-minor-1: #lightenOrDarken(@accent, 50%)[];\n --primary: @accent;\n --primary-major-1: #darkenOrLighten(@accent, 4%)[];\n --primary-major-2: #darkenOrLighten(@accent, 8%)[];\n --primary-major-3: #darkenOrLighten(@accent, 12%)[];\n --primary-contrast: @mantle;\n --signal-danger-minor-2: #lightenOrDarken(@maroon, 40%)[];\n --signal-danger-minor-1: #lightenOrDarken(@maroon, 30%)[];\n --signal-danger: @maroon;\n --signal-danger-major-1: #darkenOrLighten(@maroon, 4%)[];\n --signal-danger-major-2: #darkenOrLighten(@maroon, 8%)[];\n --signal-danger-major-3: #darkenOrLighten(@maroon, 12%)[];\n --signal-danger-contrast: @mantle;\n --signal-warning-minor-2: #lightenOrDarken(@peach, 40%)[];\n --signal-warning-minor-1: #lightenOrDarken(@peach, 30%)[];\n --signal-warning: @peach;\n --signal-warning-major-1: #darkenOrLighten(@peach, 4%)[];\n --signal-warning-major-2: #darkenOrLighten(@peach, 8%)[];\n --signal-warning-major-3: #darkenOrLighten(@peach, 12%)[];\n --signal-warning-contrast: @mantle;\n --signal-success-minor-2: #lightenOrDarken(@green, 40%)[];\n --signal-success-minor-1: #lightenOrDarken(@green, 30%)[];\n --signal-success: @green;\n --signal-success-major-1: #darkenOrLighten(@green, 4%)[];\n --signal-success-major-2: #darkenOrLighten(@green, 8%)[];\n --signal-success-major-3: #darkenOrLighten(@green, 12%)[];\n --signal-success-contrast: @mantle;\n --signal-info-minor-2: #lightenOrDarken(@blue, 40%)[];\n --signal-info-minor-1: #lightenOrDarken(@blue, 30%)[];\n --signal-info: @blue;\n --signal-info-major-1: #darkenOrLighten(@blue, 4%)[];\n --signal-info-major-2: #darkenOrLighten(@blue, 8%)[];\n --signal-info-major-3: #darkenOrLighten(@blue, 12%)[];\n --signal-info-contrast: @mantle;\n --interaction-norm-minor-2: #lightenOrDarken(@accent, 40%)[];\n --interaction-norm-minor-1: #lightenOrDarken(@accent, 30%)[];\n --interaction-norm: @accent;\n --interaction-norm-major-1: #darkenOrLighten(@accent, 4%)[];\n --interaction-norm-major-2: #darkenOrLighten(@accent, 8%)[];\n --interaction-norm-major-3: #darkenOrLighten(@accent, 12%)[];\n --interaction-norm-contrast: @mantle;\n --interaction-weak-minor-2: #lightenOrDarken(@surface0, 20%)[];\n --interaction-weak-minor-1: #lightenOrDarken(@surface0, 10%)[];\n --interaction-weak: @surface0;\n --interaction-weak-major-1: #darkenOrLighten(@surface0, 4%)[];\n --interaction-weak-major-2: #darkenOrLighten(@surface0, 8%)[];\n --interaction-weak-major-3: #darkenOrLighten(@surface0, 12%)[];\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 --text-markdown: @text;\n --field-norm: @overlay2;\n --field-hover: @overlay1;\n --field-disabled: @overlay0;\n --field-focus: @accent;\n --field-highlight: fade(@accent, 70%);\n --focus-outline: @accent;\n --focus-ring: fade(@accent, 40%);\n --link-norm: @blue;\n --link-hover: @lavender;\n --link-active: @sky;\n --markdown-pre-background: @mantle;\n --border-norm: @overlay0;\n --border-weak: @surface1;\n --background-norm: @base;\n --background-weak: @mantle;\n --background-strong: @crust;\n --background-invert: @text;\n --interaction-default: transparent;\n --interaction-default-hover: fade(@overlay1, 20%);\n --interaction-default-active: fade(@overlay1, 40%);\n --shadow-primary-color: red(@accent) green(@accent) blue(@accent);\n --shadow-norm-opacity: 0.5;\n --shadow-raised-opacity: 1;\n --shadow-lifted-opacity: 0.75;\n --backdrop-norm: fade(@crust, 50%);\n --optional-scrollbar-thumb-color: @surface0;\n --optional-scrollbar-thumb-hover-color: @surface2;\n --optional-link-norm: var(--interaction-norm-major-1);\n --optional-link-hover: var(--interaction-norm-major-2);\n --optional-link-active: var(--interaction-norm-major-3);\n --optional-background-elevated: @surface0;\n --optional-background-lowered: var(--background-norm);\n --optional-email-item-unread-background-color: var(--background-weak);\n --optional-email-item-read-background-color: var(--background-norm);\n --optional-email-item-read-text-color: var(--text-weak);\n --optional-mini-calendar-today-color: @text;\n --optional-logo-text-proton-color: @text;\n --optional-logo-text-product-color: @text;\n --favorite-icon-color: @peach;\n }\n\n .ui-prominent {\n --background-norm: @mantle;\n --background-weak: @base;\n --background-strong: @crust;\n }\n\n .button-promotion {\n --upgrade-color-stop-1: @red;\n --upgrade-color-stop-2: @blue;\n }\n\n .item-container-row:not(.item-is-selected):hover,\n .item-container:not(.item-is-selected):hover {\n box-shadow: none;\n background-color: var(--navigation-current-item-background-color);\n color: var(--email-item-unread-text-color);\n }\n\n .message-content:not(.plain) .message-iframe iframe {\n color-scheme: light;\n }\n\n @media (min-width: 28.135em) {\n .sign-layout-bg {\n background: linear-gradient(\n 68.66deg,\n desaturate(@mantle, 5%) 1.3%,\n desaturate(@base, 5%) 50%\n );\n }\n }\n\n /* Proton Lumo */\n\n header {\n a[aria-label=\"Go to Lumo homepage\"] img {\n filter: @accent-filter;\n }\n }\n\n .whats-new-section {\n background: @accent;\n }\n\n .new-label {\n background-color: @accent;\n color: @crust;\n }\n\n .lumo-sidebar {\n background: @mantle;\n a.lumo-plus-button svg path {\n fill: @accent;\n }\n }\n\n .lumo-input-container.ghost-mode {\n background-color: @crust;\n --ghost-text: @text;\n --ghost-text-weak: @subtext0;\n .lumo-input {\n background-color: @mantle;\n }\n }\n\n div[style*=\"background: rgb(40, 44, 52);\"],\n div[style*=\"background: rgb(250, 250, 250);\"] {\n background: @mantle !important;\n\n span {\n color: @text !important;\n }\n\n span.token[style*=\"color: rgb(92, 99, 112);\"],\n span.token[style*=\"color: rgb(160, 161, 167);\"] {\n color: @overlay2 !important;\n }\n\n span.token[style*=\"color: rgb(97, 175, 239);\"],\n span.token[style*=\"color: rgb(64, 120, 242);\"] {\n color: @blue !important;\n }\n\n span.token[style*=\"color: rgb(152, 195, 121);\"],\n span.token[style*=\"color: rgb(80, 161, 79);\"] {\n color: @green !important;\n }\n\n span.token[style*=\"color: rgb(209, 154, 102);\"],\n span.token[style*=\"color: rgb(183, 107, 1);\"] {\n color: @peach !important;\n }\n\n span.token[style*=\"color: rgb(198, 120, 221);\"],\n span.token[style*=\"color: rgb(166, 38, 164);\"] {\n color: @mauve !important;\n }\n\n span.token[style*=\"color: rgb(224, 108, 117);\"],\n span.token[style*=\"color: rgb(228, 86, 73);\"] {\n color: @red !important;\n }\n }\n }\n}\n",
|
|
"originalDigest": "c7fb8d07e4ae47041238668f8868cd16d970a35b",
|
|
"_id": "2a8ed2cf-b6dd-4871-8290-bae328901c38",
|
|
"_rev": 1780236873179,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 123
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Substack Catppuccin",
|
|
"description": "Soothing pastel theme for Substack",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/substack/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Substack Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/substack",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/substack",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/substack/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Asubstack",
|
|
"description": "Soothing pastel theme for Substack",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Substack Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/substack\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/substack\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/substack/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Asubstack\n@description Soothing pastel theme for Substack\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"substack.com\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n color: @text;\n background-color: @base !important;\n\n &,\n .dark-mode,\n .dark-theme,\n [class*=\"_pubTheme_\"] {\n --color-bg-primary: @base;\n --color-bg-primary-rgb: #lib.rgbify(@base)[];\n --color-bg-primary-raw: #lib.rgbify(@base)[];\n --color-bg-primary-hover: @surface0;\n --color-bg-secondary: @surface0;\n --color-bg-tertiary: @surface1;\n --color-bg-elevated-primary: @mantle;\n --color-bg-elevated-secondary: @crust;\n --color-fg-primary: @text;\n --color-fg-secondary: @subtext1;\n --color-fg-tertiary: @subtext0;\n --color-utility-detail: @surface1;\n --color-utility-white: @text;\n --color-detail-themed: @surface1;\n --color-accent-themed: @accent;\n\n --color-accent-fg-red: @red;\n --color-accent-bg-red: fade(@red, 20%);\n --color-semantic-error-bg-primary: @red;\n --color-semantic-error-utility-contrast: @crust;\n\n --color-accent-fg-orange: @accent;\n --color-accent-bg-orange: fade(@accent, 20%);\n\n --color-accent-fg-green: @green;\n --color-accent-bg-green: fade(@green, 20%);\n\n --color-accent-fg-cyan: @blue;\n --color-accent-bg-cyan: fade(@blue, 20%);\n\n /* Buttons */\n --color-button-primary-bg: @accent;\n --color-button-primary-bg-hover: darken(@accent, 5%);\n --color-button-primary-fg: @crust;\n\n --color-button-secondary-bg: @surface0;\n --color-button-secondary-bg-hover: @surface1;\n --color-button-secondary-fg: @text;\n\n --color-button-tertiary-bg-hover: @surface1;\n --color-button-tertiary-fg: @text;\n\n --color-button-mono-bg: @text;\n --color-button-mono-bg-hover: @subtext1;\n --color-button-mono-fg: @crust;\n\n --color-button-disabled-fg: @subtext0;\n\n /* Tooltips & Toasts */\n --color-bg-tooltip: @mantle;\n --material-thick: @mantle;\n\n --print_pop: @accent;\n --print_secondary: @subtext1;\n --background_pop: @accent;\n --print_on_pop: @crust;\n --color_theme_bg_pop: @accent;\n --color_theme_bg_pop_darken: darken(@accent, 5%);\n --color_theme_print_on_pop: @crust;\n --border_subtle: @surface1;\n --background_contrast_1: @mantle;\n --background_contrast_2: @surface2;\n --color_theme_bg_contrast_1: @surface1;\n --color_theme_bg_contrast_2: @overlay0;\n --color_theme_bg_contrast_4: @subtext0;\n\n --color-chat-other-fg-secondary: @subtext1;\n\n --color-semantic-select-fg-primary: @accent;\n --color-semantic-select-utility-detail: fade(@accent, 20%);\n --color-semantic-highlight-fg-primary: @accent;\n\n /* Weird variables issue fixes */\n --color-light-bg-primary: @mantle; /* Was text, changing to mantle for (select text) -> Share -> Download button color. Might break things */\n --color-light-bg-secondary: @surface0; /* substack.com homepage sections */\n --color-dark-bg-primary: @mantle;\n --color-dark-bg-secondary: @base;\n --color-dark-bg-tertiary: @surface0;\n\n /* Publications with different variables */\n --color-primary-themed: @text;\n --color-secondary-themed: @subtext1;\n\n --color-bg-secondary-themed: @surface0;\n\n --web_bg_color: @mantle;\n --print_on_web_bg_color: @text;\n --print_secondary_on_web_bg_color: @subtext1;\n\n /* Share button */\n --material-dark-regular: @mantle;\n /* Copy (heading link) to clipboard notification */\n --material-dark-thick: @crust;\n /* Button hover, faded to 0.1 */\n --color-primitive-white-rgb: #lib.rgbify(@text)[];\n\n /* Various full screen modals for singing up, subscribing etc */\n --cover_print_primary: @text;\n --cover_print_secondary: @subtext1;\n --cover_print_tertiary: @subtext0;\n --cover_bg_color: @base;\n --cover_input_background: @mantle;\n }\n\n /* Substack logos */\n [fill=\"#ff6719\" i] {\n fill: @accent !important;\n }\n /* Inverted logo colors */\n [fill=\"#FFFFFF\" i] {\n fill: @crust !important;\n }\n\n /* Footer */\n .footer-wrap {\n &,\n .footer {\n background-color: @mantle;\n }\n\n .home-footer {\n &,\n a,\n .footer-info .footer-info-col h3 {\n color: @text;\n }\n }\n }\n .subscribe-footer .button.primary {\n border-color: @crust;\n }\n\n /* Signup, onboarding, and profile */\n\n .homepage-nav .homepage-nav-bar .homepage-nav-wrap.grey {\n background-color: @base;\n }\n .signup-page {\n background-color: @base;\n\n .signup-box-wrap .error {\n color: @red;\n }\n }\n\n .onboarding-profile-page {\n .accept-tos * {\n color: @subtext1;\n }\n\n .skip-button {\n color: @text;\n }\n }\n\n .profile-page .set-up-profile-button {\n color: @crust;\n }\n .edit-profile-page .publication-section .all-toggle {\n color: @subtext1;\n }\n\n /* Misc inputs */\n button[role=\"switch\"],\n input[type=\"radio\"] + span {\n --color-utility-white: @surface0;\n }\n\n input[type=\"text\"],\n input[type=\"date\"],\n select {\n background-color: @mantle;\n color: @text;\n }\n\n .themed-select > div {\n background-color: @mantle;\n border-color: @surface0;\n\n * {\n color: @text;\n }\n }\n\n [aria-label=\"File Picker\"] {\n background-color: @base;\n }\n\n /* Dashboard */\n\n /* Icons */\n [stroke=\"#888888\"],\n [stroke=\"#555555\"] {\n stroke: @subtext1 !important;\n }\n\n /* Import posts */\n .signup-page > .container .signup-box {\n background-color: @base;\n }\n\n /* Stats */\n .subscriber-stats-page {\n .heading .options .header-option .header-button {\n background-color: @surface0;\n }\n\n table {\n td,\n th {\n background-color: @base;\n }\n }\n }\n\n /* Editor */\n .tw-bg-pub-accent {\n background-color: @accent !important;\n }\n }\n}\n",
|
|
"originalDigest": "622755c5cacae0cd26ee9ddc8de2e7fa88548caf",
|
|
"_id": "845638f0-6a70-47cd-a81c-acb169ca3c9d",
|
|
"_rev": 1780236873329,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 124
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Lobsters Catppuccin",
|
|
"description": "Soothing pastel theme for Lobsters",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/lobste.rs/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Lobsters Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/lobste.rs",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/lobste.rs",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/lobste.rs/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Alobste.rs",
|
|
"description": "Soothing pastel theme for Lobsters",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Lobsters Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/lobste.rs\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/lobste.rs\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/lobste.rs/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Alobste.rs\n@description Soothing pastel theme for Lobsters\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"lobste.rs\") {\n html:has(head > link[rel=\"stylesheet\"][href^=\"/assets/system-\"]) {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n html:has(head > link[rel=\"stylesheet\"][href^=\"/assets/light-\"]) {\n #catppuccin(@lightFlavor);\n }\n\n html:has(head > link[rel=\"stylesheet\"][href^=\"/assets/dark-\"]) {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n --color-bg: @base;\n\n --color-fg: @text;\n --color-fg-shape: @surface2;\n\n --color-tag-bg: fade(@yellow, 20%);\n --color-tag-border: fade(@yellow, 20%);\n\n --color-lobsters-tag-special-bg: fade(@red, 30%);\n --color-lobsters-tag-special-border: fade(@red, 30%);\n\n --color-tag-media-bg: fade(@blue, 20%);\n --color-tag-media-border: fade(@blue, 30%);\n\n --color-tag-meta-bg: @surface0;\n --color-tag-meta-border: @surface2;\n\n --color-bg-target: fade(@accent, 20%);\n\n --color-fg-affirmative: @green;\n --color-fg-accent: @accent;\n --color-fg-author: @blue;\n\n --color-fg-contrast-7-5: @blue;\n\n --color-fg-link: @blue;\n --color-fg-link-visited: @lavender;\n\n --color-fg-contrast-4-5: @subtext0;\n --color-fg-contrast-5: @subtext1;\n --color-fg-contrast-6: @subtext1;\n --color-fg-contrast-10: @text;\n --color-fg-contrast-13: @text;\n\n --color-box-bg: @mantle;\n --color-button-bg: @mantle;\n --color-button-bg-shaded: @surface0;\n --color-box-border: @surface0;\n --color-box-border-focus: @accent;\n --color-box-bg-shaded: @mantle;\n\n --color-mobile-story-liner-bg: @base;\n --color-mobile-story-comments-bubble-fill: @surface1;\n\n --color-mobile-story-comments-bubble-fill-zero: @surface0;\n\n --color-table-header-bg: @surface0;\n --color-table-header-border: @surface1;\n --color-table-row-bg-even: @mantle;\n --color-table-row-bg-odd: @crust;\n --color-table-row-border: @base;\n\n --color-flash-bg-success: fade(@green, 30%);\n --color-fg-negative: @red;\n\n hr {\n color: @surface2;\n }\n\n #logo {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\"><path fill=\"@{accent}\" d=\"M16 16H0V0h16z\"/><path fill=\"@{base}\" d=\"M3.5 13.45v-.63c0-.11 0-.1.1-.11.23-.02.46-.03.69-.07.46-.08.67-.31.74-.78.02-.14.03-.29.03-.43V4.69c0-.18-.02-.36-.04-.53-.03-.31-.23-.5-.52-.61-.27-.1-.55-.11-.83-.13h-.15v-.65c0-.07.02-.09.09-.09h5.24c.07 0 .1.01.1.09-.01.19 0 .37 0 .56v.08c-.14.01-.28 0-.41.02-.2.03-.4.06-.59.11-.35.11-.53.35-.57.68q-.03.225-.03.45v6.39c0 .27.03.54.06.8.03.29.22.48.49.58.23.09.48.11.72.12.63.02 1.25.01 1.86-.15.88-.22 1.47-.77 1.76-1.64.09-.28.13-.57.2-.86.01-.02.03-.06.05-.06h.66c-.02 1.2.02 2.4 0 3.6z\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n background-color: transparent !important;\n &::after {\n background: none;\n }\n }\n }\n}\n",
|
|
"originalDigest": "353cc0051e876d948a60ed7d3298e15c77d95c3f",
|
|
"_id": "513bca70-3744-466d-965f-ed06aa684671",
|
|
"_rev": 1780236873371,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 125
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "docs.deno.com Catppuccin",
|
|
"description": "Soothing pastel theme for docs.deno.com",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/docs.deno.com/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "docs.deno.com Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/docs.deno.com",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/docs.deno.com",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/docs.deno.com/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Adocs.deno.com",
|
|
"description": "Soothing pastel theme for docs.deno.com",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name docs.deno.com Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/docs.deno.com\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/docs.deno.com\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/docs.deno.com/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Adocs.deno.com\n@description Soothing pastel theme for docs.deno.com\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"docs.deno.com\") {\n @import url(\"https://prismjs.catppuccin.com/variables.important.css\");\n\n :root.dark {\n #catppuccin(@lightFlavor);\n }\n :root.light {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n #lib.css-variables();\n\n --primary: #hsla(@accent)[];\n --background-primary: #hsla(@base)[];\n --background-secondary: #hsla(@mantle)[];\n --background-tertiary: #hsla(@crust)[];\n --foreground-primary: #hsla(@text)[];\n --foreground-secondary: #hsla(@subtext1)[];\n --foreground-tertiary: #hsla(@overlay0)[];\n --foreground-quaternary: #hsla(@surface0)[];\n --runtime-background: 124deg, 100%, 3%;\n --runtime-foreground: 184deg, 100%, 90%;\n --note: #hsla(@blue)[];\n --info: #hsla(@teal)[];\n --caution: #hsla(@yellow)[];\n --tip: #hsla(@green)[];\n\n .banner-runtime {\n background-color: fade(@accent, 10%);\n color: @text;\n border-color: @accent;\n }\n .banner-deploy {\n background-color: fade(@sky, 10%);\n color: @text;\n border-color: @sky;\n }\n\n .runtime-link {\n color: @accent;\n text-decoration-color: @accent;\n\n &:hover {\n color: darken(@accent, 5%);\n text-decoration-color: darken(@accent, 5%);\n }\n }\n .deploy-link {\n color: @sky;\n text-decoration-color: @sky;\n\n &:hover {\n color: @sapphire;\n text-decoration-color: @sapphire;\n }\n }\n .help-link {\n color: @mauve;\n text-decoration-color: @mauve;\n\n &:hover {\n color: darken(@mauve, 5%);\n text-decoration-color: darken(@mauve, 5%);\n }\n }\n\n .heading-runtime {\n text-decoration-color: @accent;\n }\n .heading-deploy {\n text-decoration-color: @sky;\n }\n .heading-purple {\n text-decoration-color: @mauve;\n }\n\n .runtime-cta {\n background-color: @accent;\n border-color: @accent;\n\n &:hover {\n background-color: darken(@accent, 5%);\n }\n }\n .jsr-cta {\n background-color: @yellow;\n border-color: @yellow;\n color: @crust;\n\n &:hover {\n background-color: darken(@yellow, 5%);\n }\n }\n .deploy-cta {\n background-color: @sky;\n border-color: @sky;\n color: @crust;\n\n &:hover {\n background-color: @sapphire;\n }\n }\n\n &,\n [data-color-mode] {\n --color-fg-default: @text;\n --color-fg-muted: @subtext1;\n --color-canvas-default: @base;\n --color-canvas-subtle: @mantle;\n --color-border-default: @surface2;\n --color-border-muted: @surface0;\n --color-accent-fg: @accent;\n --color-accent-emphasis: darken(@accent, 5%);\n --color-danger-fg: @red;\n\n --color-prettylights-syntax-markup-deleted-bg: fade(@red, 20%);\n --color-prettylights-syntax-markup-inserted-bg: fade(@green, 20%);\n }\n\n // Logo\n .fill-black {\n fill: @text;\n }\n\n &.light {\n .theme-toggle {\n @svg: escape(\n '<svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"@{text}\"><path d=\"M17.293 13.293A8 8 0 0 1 6.707 2.707a8.001 8.001 0 1 0 10.586 10.586\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n &.dark {\n .theme-toggle {\n @svg: escape(\n '<svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"@{text}\" d=\"M10 2a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V3a1 1 0 0 1 1-1m4 8a4 4 0 1 1-8 0 4 4 0 0 1 8 0m-.464 4.95.707.707a1 1 0 0 0 1.414-1.414l-.707-.707a1 1 0 0 0-1.414 1.414m2.12-10.607a1 1 0 0 1 0 1.414l-.706.707a1 1 0 1 1-1.414-1.414l.707-.707a1 1 0 0 1 1.414 0zM17 11a1 1 0 1 0 0-2h-1a1 1 0 1 0 0 2zm-7 4a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1M5.05 6.464A1 1 0 1 0 6.465 5.05l-.708-.707a1 1 0 0 0-1.414 1.414zm1.414 8.486-.707.707a1 1 0 0 1-1.414-1.414l.707-.707a1 1 0 0 1 1.414 1.414M4 11a1 1 0 1 0 0-2H3a1 1 0 0 0 0 2z\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n\n .markdownBlockTitle {\n background-color: @surface0;\n border-color: @overlay0;\n color: @subtext1;\n }\n .check-icon [stroke=\"green\"] {\n stroke: @green !important;\n }\n .markdown-body .admonition {\n &.note {\n background-color: fade(@blue, 5%);\n .title::before {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"@{blue}\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 16v-4m0-4\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n &.tip {\n background-color: fade(@green, 5%);\n .title::before {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"@{green}\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 18v-5.25m0 0a6 6 0 0 0 1.5-.189m-1.5.189a6 6 0 0 1-1.5-.189m3.75 7.478a12.1 12.1 0 0 1-4.5 0m3.75 2.383a14.4 14.4 0 0 1-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 1 0-7.517 0c.85.493 1.509 1.333 1.509 2.316V18\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n &.caution {\n background-color: fade(@yellow, 5%);\n\n .title::before {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"@{yellow}\"><path fill-rule=\"evenodd\" d=\"M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5zM12 8.25a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75m0 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5\" clip-rule=\"evenodd\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n &.info {\n background-color: fade(@teal, 5%);\n\n .title::before {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"@{teal}\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 16v-4m0-4\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n }\n\n // \"Did you find what you needed?\"\n .bg-blue-50 {\n background-color: fade(@blue, 20%);\n }\n .border-blue-100 {\n border-color: fade(@blue, 30%);\n }\n\n // Breadcrumbs\n .crumb-link::after {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" transform=\"rotate(90)\"><path fill=\"@{overlay1}\" d=\"M7.41 15.41 12 10.83l4.59 4.58L18 14l-6-6-6 6z\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n // Toggle switches (tutorial filters)\n .slider {\n background-color: @overlay2;\n }\n .filter:checked + .slider {\n background-color: @accent;\n }\n .slider::before {\n background-color: @surface0;\n }\n\n // Download and install tabbed component\n .deno-tabs > div.deno-tabs-content > div,\n .deno-tabs > ul.deno-tabs-buttons > li > button[data-active=\"true\"] {\n background-color: @surface1;\n color: @text;\n border-color: @overlay0;\n }\n .deno-tabs > ul.deno-tabs-buttons > li > button {\n background-color: @surface0;\n color: @subtext0;\n }\n .markdown-body .deno-tabs pre {\n background-color: @mantle;\n border-color: @overlay0;\n }\n\n /* API reference */\n .ddoc {\n #ddoc(@token, @color) {\n .text-@{token} {\n color: @color;\n }\n .bg-@{token}\\/15 {\n background-color: fade(@color, 15%);\n }\n }\n\n #ddoc(\n Namespace,\n @yellow,\n );\n #ddoc(\n Interface,\n @sapphire,\n );\n #ddoc(\n Enum,\n @teal,\n );\n #ddoc(\n Class,\n @mauve,\n );\n #ddoc(\n Function,\n @blue,\n );\n #ddoc(\n Variable,\n @lavender,\n );\n #ddoc(\n TypeAlias,\n @pink,\n );\n }\n }\n}\n\n#hsla(@color) {\n @raw: e(\n %(\"%s, %s%, %s%\", hue(@color), saturation(@color), lightness(@color))\n );\n}\n",
|
|
"originalDigest": "3d7fe0517f4a9a21af3c4635c7fbfc64c02274f2",
|
|
"_id": "7f8058d1-cd99-4fcb-9a50-b991161dc939",
|
|
"_rev": 1780236873412,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 126
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Reddit Catppuccin",
|
|
"description": "Soothing pastel theme for Reddit",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/reddit/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Reddit Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/reddit",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/reddit",
|
|
"version": "2026.03.09.1",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/reddit/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Areddit",
|
|
"description": "Soothing pastel theme for Reddit",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Reddit Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/reddit\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/reddit\n@version 2026.03.09.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/reddit/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Areddit\n@description Soothing pastel theme for Reddit\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"reddit.com\") {\n :root:not(.theme-dark) .theme-rpl,\n :root:not(.theme-dark).theme-rpl,\n :root:not(.theme-dark) .theme-beta,\n :root:not(.theme-dark).theme-beta,\n .theme-light {\n #catppuccin(@lightFlavor);\n }\n\n :root:not(.theme-light) .theme-rpl,\n :root:not(.theme-light).theme-rpl,\n :root:not(.theme-light) .theme-beta,\n :root:not(.theme-light).theme-beta,\n .theme-dark {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n --color-pizzaRed: @red !important;\n --color-global-brand-orangered: @accent !important;\n --color-global-focus: @surface1 !important;\n --color-interactive-content-disabled: @subtext0 !important;\n --color-interactive-background-disabled: fade(@surface2, 70%) !important;\n --color-interactive-pressed: @surface2 !important;\n --color-neutral-content: @text !important;\n --color-neutral-content-disabled: @subtext0 !important;\n --color-neutral-content-weak: @subtext0 !important;\n --color-neutral-content-strong: @text !important;\n --color-global-white: @crust !important;\n --color-neutral-background: @base !important;\n --color-neutral-background-selected: @surface0 !important;\n --color-neutral-background-weak: @mantle !important;\n --color-neutral-background-medium: @base !important;\n --color-neutral-background-strong: @crust !important;\n --color-neutral-background-hover: @surface0 !important;\n --color-neutral-border: @surface0 !important;\n --color-neutral-border-medium: @surface0 !important;\n --color-neutral-border-weak: @surface0 !important;\n --color-neutral-border-strong: @surface2 !important;\n --color-primary: @accent !important;\n --color-primary-hover: lighten(@accent, 10%) !important;\n --color-primary-visited: @lavender !important;\n --color-primary-background: @accent !important;\n --color-primary-background-hover: darken(@accent, 5%) !important;\n --color-primary-background-selected: darken(@accent, 5%) !important;\n --color-primary-onBackground: @base !important;\n --color-primary-onBackground-selected: @crust !important;\n --color-secondary: @subtext0 !important;\n --color-secondary-hover: @subtext1 !important;\n --color-secondary-weak: @subtext0 !important;\n --color-secondary-onBackground: @text !important;\n --color-secondary-background: @mantle !important;\n --color-secondary-background-hover: @surface1 !important;\n --color-secondary-background-selected: @surface1 !important;\n --color-secondary-plain: @subtext0 !important;\n --color-secondary-plain-hover: @subtext1 !important;\n --color-secondary-plain-weak: @subtext0 !important;\n --color-danger-background: @red !important;\n --color-danger-background-disabled: fade(@red, 20%) !important;\n --color-danger-background-hover: fade(@red, 98%) !important;\n --color-danger-onBackground: @text !important;\n --color-danger-content: @red !important;\n --color-danger-content-default: @crust;\n --color-danger-content-hover: darken(@red, 2%) !important;\n --color-success-content: @green !important;\n --color-success-hover: darken(@green, 2%) !important;\n --color-success-onBackground: @crust;\n --color-success-background: @green !important;\n --color-success-background-hover: darken(@green, 2%) !important;\n --color-warning-content: @yellow !important;\n --color-warning-content-hover: darken(@yellow, 2%) !important;\n --color-warning-onBackground: @base !important;\n --color-warning-background: @yellow !important;\n --color-warning-background-hover: darken(@yellow, 2%) !important;\n --color-upvote-content: @accent !important;\n --color-upvote-disabled: @subtext0 !important;\n --color-upvote-onBackground: @text !important;\n --color-upvote-background: @base !important;\n --color-upvote-background-hover: darken(@accent, 5%) !important;\n --color-upvote-background-disabled: @base !important;\n --color-downvote-content: @text !important;\n --color-downvote-content-weak: @text !important;\n --color-downvote-disabled: @subtext0 !important;\n --color-downvote-onBackground: @text !important;\n --color-downvote-background: @base !important;\n --color-downvote-background-hover: darken(@blue, 5%) !important;\n --color-downvote-background-disabled: @mantle !important;\n --color-tone-1: @text !important;\n --color-tone-2: @subtext0 !important;\n --color-tone-3: @overlay2 !important;\n --color-tone-4: @surface0 !important;\n --color-tone-5: @surface1 !important;\n --color-tone-6: @surface2 !important;\n --color-tone-7: @base !important;\n --color-avatar-gradient: @accent !important;\n --color-transparent-background-hover: fade(@surface0, 30%) !important;\n --color-opacity-50: fade(@base, 50%) !important;\n --color-online: @accent !important;\n --color-favorite: @accent !important;\n --color-brand-background: @accent !important;\n --color-brand-background-hover: darken(@accent, 5%) !important;\n --color-brand-onBackground: @crust !important;\n --color-global-orangered: @accent !important;\n --color-action-upvote: @accent !important;\n --color-action-downvote: @blue;\n --color-banner-error-text: @base !important;\n\n --shreddit-color-wordmark: @accent;\n #reddit-logo {\n circle[fill=\"#FF4500\"] {\n fill: @accent !important;\n }\n path[fill=\"#FFF\"] {\n fill: @crust !important;\n }\n }\n\n /* Trending news carousel on https://www.reddit.com/r/popular/. */\n shreddit-gallery-carousel {\n // Headline\n .text-primary-onBackground {\n color: @text;\n }\n\n // r/... *and more*\n .text-coolgray-350 {\n color: @subtext1;\n }\n }\n\n /* Community themes - post header/metadata background and text. */\n #pdp-credit-bar {\n --color-neutral-background: @base;\n --color-neutral-content: @text;\n --color-neutral-content-weak: @subtext0;\n --color-primary-hover: lighten(@accent, 10%);\n }\n\n reddit-header-large reddit-search-large::before,\n reddit-header-large reddit-search-large::after {\n background:\n linear-gradient(@base, @base) padding-box,\n linear-gradient(90deg, @accent, @accent) border-box;\n }\n }\n}\n",
|
|
"originalDigest": "647afbfff698b5e34754a90398fadbc885a6a1f8",
|
|
"_id": "f97b1ccb-0bc9-4966-bed7-7bbc15823eeb",
|
|
"_rev": 1780236873447,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 127
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Desmos Catppuccin",
|
|
"description": "Soothing pastel theme for Desmos",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/desmos/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Desmos Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/desmos",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/desmos",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/desmos/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Adesmos",
|
|
"description": "Soothing pastel theme for Desmos",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Desmos Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/desmos\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/desmos\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/desmos/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Adesmos\n@description Soothing pastel theme for Desmos\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document regexp(\n \"^(https?:\\/\\/)(?!(cl|teacher|student)\\.desmos\\.com)([a-zA-Z0-9-]+\\.)?desmos\\.com(\\/.*)?$\"\n ) {\n @import url(\"https://unpkg.com/@catppuccin/highlightjs@1.0.0/css/catppuccin-variables.important.css\");\n\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n #lib.css-variables();\n\n .dcg-desmos-svg-logo g {\n fill: @text;\n }\n\n .dcg-expression-top-bar {\n border-right-color: @surface0 !important;\n border-bottom-color: @surface0 !important;\n }\n\n .user-info, .dcg-saved-graphs-tile-or-row, .dcg-graph-list__header-row {\n border-bottom-color: @surface0 !important;\n }\n\n .dcg-exppanel-container {\n --dcg-item-background-color: @base;\n background: @base;\n }\n\n i:not(\n .dcg-shared-product-icon,\n .dcg-icon-error,\n .dcg-geo-basic-tools .dcg-icon-caret-down,\n .dcg-geometry-toolbar-view i,\n .dcg-btn-short-blue i\n ) {\n opacity: 1 !important;\n text-shadow: none !important;\n color: @text !important;\n }\n\n .dcg-expressionitem:not(.dcg-selected) .dcg-tab,\n .dcg-account-reminder,\n .search-container input,\n .dcg-evaluation-view__wrapped-value,\n .dcg-loading-background-div,\n .dcg-mq-sqrt-container .dcg-mq-empty,\n .dcg-mq-fraction .dcg-mq-empty,\n .dcg-my-graphs-modal__footer,\n .dcg-product-filter__button.dcg-hovered,\n .dsm-panic-button,\n .dcg-select-dropdown-option.dcg-hovered {\n background: @mantle !important;\n }\n\n .dcg-expressionitem.dcg-selected .dcg-tab {\n background: @accent !important;\n\n .dcg-num {\n color: @mantle !important;\n }\n\n .dcg-slider-menu-opener i, .dcg-icon-zoom-fit, .dcg-icon-create-table {\n color: @mantle !important;\n }\n\n .dcg-circular-icon:not(:has(.dcg-icon-parametric-solid)):not(\n .dcg-colored-icon\n ) {\n border-color: @mantle !important;\n\n i {\n color: @mantle !important;\n }\n }\n }\n\n /* This is not applied to entire view to prevent the graph from changing color. */\n .dcg-new-expression-fade,\n .dcg-mq-editable-field::after,\n .dcg-popover,\n .dcg-options-menu,\n .dcg-dropdown-popover__interior,\n .dcg-arrow,\n .dcg-table-container,\n .dcg-mq-editing-overflow-left::before,\n .dcg-exppanel-outer__wrapper {\n --dcg-custom-background-color: @base;\n }\n\n .dcg-popover .dcg-new-item,\n .dcg-evaluation-view__equals-sign,\n .dcg-circular-icon-container {\n opacity: 1 !important;\n }\n\n .dcg-popover-interior,\n .dcg-dropdown-popover__interior,\n .dcg-notice--authenticate,\n .dcg-btn-white-outline,\n .dcg-action-save.dcg-disabled,\n .dcg-calc-option,\n .dcg-end-test-button,\n .dcg-action-cartesian,\n .dcg-action-polar,\n .dcg-evaluation-view__plaintext,\n .dcg-add-inference-wizard__table th,\n .dcg-add-inference-wizard__table td,\n .dcg-add-inference-wizard__sample-type-selector.dcg-selected,\n .dcg-table--cell,\n .dcg-checkbox:not(.dcg-geometry-toolbar-view .dcg-checkbox),\n .dcg-product-filter__button {\n border-color: @text !important;\n }\n\n .dcg-btn-white-outline.dcg-hovered, .dcg-end-test-button.dcg-hovered {\n box-shadow: 0 0 0 1px @text !important;\n }\n\n .dcg-arrow::after, .dcg-add-inference-wizard__header {\n border-bottom-color: @text !important;\n }\n\n .dcg-expressionitem.dcg-selected {\n border-color: @accent !important;\n --dcg-item-border-color: @accent !important;\n }\n\n .dcg-expressionitem:not(.dcg-selected) {\n border-top-color: @surface0 !important;\n }\n\n .dcg-popover-title, .dcg-dropdown-popover__title, .dcg-help-menu-title {\n color: @accent !important;\n background-color: transparent !important;\n border-bottom-color: @accent !important;\n }\n\n .dcg-toggle-track {\n background: @subtext0 !important;\n }\n\n .dcg-toggle-switch, .dcg-or-separator {\n background: @text !important;\n }\n\n .dcg-toggled .dcg-toggle-switch {\n background: @overlay1 !important;\n }\n\n .dcg-keypad-btn.dcg-btn-light-on-gray, .dcg-ctrl-toggle-cover {\n background: @mantle !important;\n border-color: @surface0 !important;\n }\n\n .dcg-keypad-btn.dcg-btn-dark-on-gray {\n background: @crust !important;\n border-color: @surface0 !important;\n }\n\n @layer {\n .dcg-btn-short-blue, .dcg-btn-blue, .dcg-copy-button {\n background: @accent !important;\n border-color: transparent !important;\n color: @base !important;\n\n *, *::before {\n color: @base !important;\n }\n }\n }\n\n .dcg-btn-red {\n background: @red !important;\n border-color: none !important;\n color: @base !important;\n }\n\n .dcg-unstyled-button.dcg-disabled {\n color: @subtext0 !important;\n border-color: @subtext0 !important;\n }\n\n .dcg-overgraph-icon-container {\n background: @base;\n border-radius: 5px;\n }\n\n .dcg-header, .dcg-main-header-container, .navbar-inner {\n background: @crust !important;\n border-bottom-color: @surface0 !important;\n *:not(\n .dcg-btn-blue,\n .dcg-dropdown-popover__title,\n .dcg-copy-button > span,\n .dcg-copy-button,\n .dcg-help-menu-title\n ) {\n color: @text !important;\n }\n }\n\n .dcg-variable-permalink,\n .dcg-shared-input-blue-outline:not(\n .dcg-geometry-toolbar-view .dcg-shared-input-blue-outline\n ),\n .dcg-input-blue-outline:not(\n .dcg-geometry-toolbar-view .dcg-input-blue-outline\n ) {\n background: @mantle;\n border-color: @text !important;\n\n &.dcg-focus-visible {\n box-shadow: inset 0 0 0 1px @accent !important;\n border-color: @accent !important;\n }\n }\n\n *:not(.dcg-header-right-content)\n > *\n > *:not(.dcg-share-menu__sharing-options-button)\n > .dcg-icon-print,\n *:not(.dcg-share-menu__sharing-options-button) > .dcg-icon-export,\n .dcg-icon-embed {\n box-shadow: 0 0 0 1px @accent !important;\n }\n\n .dcg-hovered:not(.dcg-share-menu__sharing-options-button) > .dcg-icon-print,\n .dcg-hovered:not(.dcg-share-menu__sharing-options-button)\n > .dcg-icon-export,\n .dcg-hovered > .dcg-icon-embed {\n background: fade(@accent, 26%) !important;\n }\n\n .dcg-notice--authenticate,\n .dcg-authentication-modal,\n .dcg-authentication-modal__detail,\n .dcg-btn-gray-outline.dcg-hovered:not(.dcg-frontpage-landing__button),\n .dcg-resources-container,\n .dcg-account-link,\n .dcg-title,\n .dcg-lost-work-link,\n .dcg-action-save.dcg-disabled,\n .account-name,\n .account-email,\n .dcg-account-container *,\n .dcg-icon-remove::before,\n .dcg-tooltip-message,\n .dcg-attempt-recovery.dcg-hovered,\n .no-matches,\n .dcg-basic-calculator-footer,\n .dcg-basic-calculator-footer *,\n .dcg-checkbox-label,\n .dcg-input-blue-outline,\n .dcg-shared-modal-contents-wrapper\n *:not(\n .dcg-btn-blue,\n .dcg-gray-link,\n .dcg-blue-link,\n .dcg-shared-tab-gray-underline\n ),\n .dcg-start-practice-screen,\n .dcg-calc-option,\n .dcg-keypad-control-toggle,\n code,\n h3,\n .dcg-show-more-row-interior,\n .dcg-label-input,\n .dcg-checkbox-children,\n .dcg-axis-label-to,\n .pulsing-message,\n .dsm-panic-close-button,\n #dsm-panic-reopen-button {\n color: @text !important;\n }\n\n .dcg-shared-modal-contents-wrapper,\n .dcg-shared-modal-title::before,\n .dcg-authentication-modal__detail,\n .dcg-user-bar,\n .dcg-scrollable,\n .dcg-expressionitem.dcg-shell,\n .dcg-loading-div-container,\n .dcg-mini-play-pause,\n .dcg-start-practice-screen,\n .dcg-basic-calc-practice,\n .dcg-cell.dcg-non-editable.dcg-selected,\n pre,\n .dcg-action-polar:not(.dcg-selected),\n .dcg-action-cartesian:not(.dcg-selected),\n .dcg-my-graphs-modal__options,\n #dsm-panic-popover,\n .dcg-hotkeys-header,\n .dcg-select-dropdown-list {\n background: @base !important;\n }\n\n .dcg-authentication-modal__divider::before,\n .dcg-authentication-modal__divider::after {\n border-bottom-color: @text !important;\n }\n\n .dcg-btn-gray-outline, .dcg-dropdown-input {\n background: @mantle !important;\n border-color: @surface0 !important;\n\n &.dcg-hovered {\n box-shadow: 0 0 0 1px @text !important;\n }\n }\n\n .dcg-user-bar {\n border-bottom-color: @surface0 !important;\n }\n\n .graph-link-container.dcg-hovered,\n .graph-link-container.dcg-selected .graph-link,\n .dcg-tooltip-message,\n .dcg-sliding-interior,\n .dcg-keypad-control-toggle,\n .dcg-dropdown-choice.dcg-selected,\n .dcg-saved-graphs-tile-or-row.dcg-selected,\n .dcg-track > .dcg-graphic {\n background: @crust !important;\n }\n\n .dcg-circular-icon {\n border-color: @text !important;\n opacity: 1 !important;\n }\n\n .dcg-thumb > .dcg-graphic {\n background: fade(@accent, 59%) !important;\n }\n\n .dcg-thumb > .dcg-center,\n .dcg-action-cartesian.dcg-selected,\n .dcg-action-polar.dcg-selected {\n background: @accent !important;\n }\n\n .dcg-evaluation-view__wrapped-value,\n .dcg-circular-icon.dcg-hidden,\n .dcg-keypad-control-toggle,\n .dcg-btn-gray-outline {\n border-color: @surface0 !important;\n box-shadow: none !important;\n }\n\n .dcg-tooltip-arrow {\n border-bottom-color: @crust !important;\n }\n\n .dcg-hovered > .dcg-add-blank {\n background: fade(@text, 26%) !important;\n }\n\n .dcg-icon-error {\n color: @yellow !important;\n }\n\n .dcg-action-redo.dcg-disabled, .dcg-action-undo.dcg-disabled {\n opacity: 1 !important;\n\n i {\n color: @surface1 !important;\n }\n }\n\n .dcg-loading-div {\n filter: @text-filter !important;\n }\n\n .dcg-inline-math-input-view .dcg-math-field,\n .dcg-ticker-settings-internal .dcg-math-field {\n border-bottom-color: @overlay2 !important;\n\n &.dcg-focus {\n border-bottom-color: @accent !important;\n }\n }\n\n .dcg-mq-ghost {\n opacity: 1 !important;\n color: @overlay2;\n }\n\n .dcg-mq-root-block::after, .dcg-action-cancel {\n opacity: 1 !important;\n }\n\n .dcg-mini-play-pause {\n border-color: @base !important;\n }\n\n .dcg-gray-link, .dcg-centered-top-link, .dcg-cancel-while-loading {\n color: @accent !important;\n }\n\n .dcg-shared-tab-gray-underline.dcg-selected {\n border-bottom-color: @accent !important;\n }\n\n .dcg-calc-option.dcg-is-selected {\n border-color: @accent !important;\n box-shadow: 0 0 0 1px @accent !important;\n background: fade(@accent, 13%) !important;\n }\n\n /* To make this !important more important than Desmos' !important */\n @layer {\n .dcg-mq-selection {\n &,\n .dcg-mq-non-leaf,\n .dcg-mq-scaled {\n background: @accent !important;\n color: @base !important;\n }\n }\n }\n\n .dcg-cell.dcg-first-column, .dcg-cell.dcg-interior-column {\n border-right-color: @text !important;\n }\n\n .dcg-cell.dcg-table-header {\n border-bottom-color: @text !important;\n }\n\n .dcg-cell.dcg-interior-row, .dcg-show-more-row {\n border-bottom-color: @surface2 !important;\n }\n\n .dcg-cell.dcg-selected {\n box-shadow: inset 0 0 0 2px @accent !important;\n\n &:not(.dcg-computed-cell)::after, .dcg-inner-border {\n border-color: @accent !important;\n }\n }\n\n .dcg-action-changeimage.dcg-hovered,\n .dcg-expressionitem .dcg-icon-remove.dcg-hovered::before,\n .dcg-complex-enabled-note,\n .dcg-expression-warning,\n .dcg-reference-count,\n .dcg-maxLabel.dcg-hovered,\n .dcg-minLabel.dcg-hovered {\n color: @subtext0 !important;\n }\n\n .active-arrow .dcg-graphic {\n border-right-color: @base !important;\n }\n\n .dcg-row:nth-of-type(2) .dcg-cell,\n table th,\n table td,\n .footer,\n .dcg-add-inference-wizard--create-button-wrapper,\n .dcg-small-screen-menu__logout-container,\n .dcg-product-filter__clear-filter-container {\n border-top-color: @text !important;\n }\n\n .dcg-row .dcg-cell,\n .dcg-expressionfolder .dcg-fade-container::after,\n .dcg-expressionitem.dcg-inFolder .dcg-fade-container::after {\n border-left-color: @text !important;\n }\n\n .dcg-row:not(:nth-of-type(2)) .dcg-cell {\n border-top-color: @surface2 !important;\n }\n\n .dcg-cell .dcg-empty-line {\n border-top-color: transparent !important;\n }\n\n #pageHeader.brand, .dcg-grapher__error-in-graph-bounds {\n text-shadow: none !important;\n }\n\n .dcg-btn-light-gray {\n background: @mantle !important;\n box-shadow: none !important;\n border-color: @text !important;\n }\n\n .spa-header {\n background: @green !important;\n color: @base;\n\n @layer {\n .spa-header .dcg-icon-desmos {\n color: @base !important;\n }\n }\n\n .state-name, .test-name {\n border-left-color: @base !important;\n }\n }\n\n .dcg-complex-container,\n .dcg-axes-settings-container,\n .dcg-options-menu-section {\n border-top-color: @overlay2 !important;\n }\n\n .dcg-visual-settings {\n border-bottom-color: @overlay2 !important;\n }\n\n .dcg-axis-label,\n .dcg-clickable-menu-row:has(.dcg-input-label) > .dcg-mathquill-wrapper {\n --dcg-accent-color: @accent !important;\n }\n\n .dcg-segmented-control-btn.dcg-selected,\n .dcg-action-cartesian.dcg-selected > i::before,\n .dcg-action-polar.dcg-selected > i::before,\n .dcg-grapher__error-in-graph-bounds,\n .dcg-toast-view,\n .dcg-toast .dcg-undo,\n .dcg-segmented-control-container .dcg-selected i::before,\n .dcg-selected-graphs-actions__icon-btn i::before,\n .dcg-segmented-control-btn.dcg-selected * {\n color: @base !important;\n }\n\n @layer {\n .dcg-btn-blue:has(> .dcg-icon-caret-down) {\n i {\n color: @base !important;\n }\n\n &::before {\n border-left-color: @base !important;\n }\n }\n }\n\n .dcg-label-input {\n border-color: @text !important;\n\n &:focus {\n border-color: @accent !important;\n box-shadow: 0 1px @accent !important;\n }\n }\n\n .dcg-toast {\n background: @yellow !important;\n border-color: @peach !important;\n }\n\n .dcg-expressionitem.dcg-inference-wizard-insert-target {\n --dcg-item-border-color: @text !important;\n }\n\n .dcg-add-inference-wizard__table td:has(.dcg-focus)::after,\n .dcg-table--cell:has(.dcg-focus)::after {\n border-color: @accent !important;\n }\n\n .dcg-add-inference-wizard__sample-type-selector.dcg-hovered:not(\n .dcg-selected\n ) {\n border-color: @overlay0 !important;\n }\n\n @layer {\n .dcg-frontpage-landing-interactive__graph-link,\n .dcg-frontpage-landing-interactive__arrow-overlay {\n i {\n color: @base !important;\n }\n }\n }\n\n .dcg-my-graphs-modal__heading--selectable {\n &.dcg-hovered {\n box-shadow: 0 3px @overlay0 !important;\n }\n\n &.dcg-selected {\n box-shadow: 0 3px @accent !important;\n }\n }\n\n .dcg-saved-graphs-tile {\n --dcg-saved-graphs-tile-or-row-hover-color: @crust !important;\n background: @mantle !important;\n }\n\n .dcg-graph-list__row.dcg-hovered:not(.dcg-selected),\n .dcg-my-graphs-modal__currently-open,\n .dcg-graph-list__field-btn.dcg-hovered,\n .dcg-product-filter__option--selected {\n background: @mantle !important;\n }\n\n @layer {\n .dcg-saved-graphs-tile__subtitle {\n color: @base !important;\n }\n }\n\n .dcg-geometry-toolbar-view {\n .dcg-component-checkbox, & {\n color: #000 !important;\n }\n }\n\n .dcg-my-graphs-modal-empty-state__logged-out {\n border-color: @surface1 !important;\n }\n\n .dcg-shortcuts-table tr {\n border-bottom-color: @surface2 !important;\n }\n\n --dcg-custom-text-color: @text;\n --dcg-custom-background-color-shaded: @base;\n\n /* DesModder */\n .dsm-plugin-title-bar,\n .dsm-version-number,\n .dsm-plugin-info-body,\n .cm-panel,\n #intellisense-container td,\n .dsm-vc-outfile-name {\n color: @text !important;\n }\n\n .cm-gutters, .cm-foldPlaceholder, .selected-intellisense-option {\n background: @crust !important;\n }\n\n .ͼb {\n color: @mauve !important;\n }\n\n .ͼe {\n color: @red !important;\n }\n\n .ͼd {\n color: @green !important;\n }\n\n .cm-activeLineGutter, #intellisense-container, .dsm-vc-outfile-name {\n background: @mantle !important;\n }\n\n .cm-focused .cm-matchingBracket {\n background: fade(@accent, 25%) !important;\n }\n\n .cm-activeLine {\n background: fade(@surface0, 50%) !important;\n }\n\n .cm-foldPlaceholder, #intellisense-container {\n border-color: @surface0 !important;\n }\n\n .cm-gutters {\n color: @subtext0 !important;\n border-right-color: @surface0;\n }\n\n .cm-panels, .dsm-vc-preview-inner {\n background: @base !important;\n }\n\n .cm-panels-bottom {\n border-top-color: @surface0 !important;\n }\n\n .cm-lintRange-error {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"6\" height=\"3\"><path d=\"M0 2.5 2 1h1l2 1.5h1\" stroke=\"@{red}\" fill=\"none\" stroke-width=\".7\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .cm-cursor {\n border-left-color: @text !important;\n }\n\n .cm-selectionBackground {\n background: @surface1 !important;\n }\n\n .compact-view-enabled .dcg-mq-cursor {\n border-color: @text !important;\n }\n\n @layer {\n .dsm-vc-preview-expand,\n .dsm-vc-remove-frame,\n .dsm-vc-preview-play-pause {\n i {\n color: @base !important;\n }\n }\n }\n\n .dsm-vc-outfile-name {\n border-bottom-color: @overlay0 !important;\n\n &.dcg-hovered {\n box-shadow: 0 1px @overlay0 !important;\n }\n\n &:focus {\n border-bottom-color: @accent !important;\n box-shadow: 0 1px @accent !important;\n }\n }\n\n /* Non-Calculator Pages */\n .cls-1, #states path {\n fill: @accent !important;\n }\n\n #states path:not(.uses-desmos) {\n filter: brightness(125%);\n }\n\n .dcg-frontpage-landing-hero,\n .dcg-frontpage-landing__button--hero,\n .dcg-text--dark-blue,\n .dcg-for-work-hero__label,\n .accessibility-main details[open] summary,\n .accessibility-main details[open] summary h3 {\n color: @base !important;\n }\n\n .dcg-frontpage-landing__button, .dcg-for-work-hero__button {\n background: @text !important;\n color: @base !important;\n opacity: 1 !important;\n }\n\n .dcg-frontpage-landing-geometry__primary-link {\n background: @mauve !important;\n }\n\n .dcg-frontpage-landing-3d__primary-link {\n background: @maroon !important;\n }\n\n .dcg-frontpage-landing-section,\n .dcg-frontpage-landing-tools__link,\n .dcg-link-section-title,\n .dcg-finalist-name,\n li,\n .section-interior *,\n .dcg-p-tag,\n .dcg-search-container input,\n .dcg-searchable-dropdown-list,\n .section-interior,\n .careers-hero h1,\n .sticky-nav li:not(.active) a,\n .top-info,\n .partners,\n .dcg-principles-section *,\n .dcg-for-work-hero,\n body,\n .dcg-basic-markdown-container p,\n .dcg-basic-markdown-container table th,\n .accessibility-main {\n color: @text !important;\n }\n\n .dcg-frontpage-landing-interactive__arrow-overlay {\n /* Desmos' normal solution looks bad when zoomed in (it uses like 10 stacked text-shadows.) */\n text-shadow: none;\n paint-order: stroke fill;\n -webkit-text-stroke: 4px white;\n }\n\n .dcg-frontpage-landing-section--bg-light,\n .dcg-frontpage-landing-section--bg-dark,\n .dcg-facts-wrapper,\n .dcg-principles-container__light-bg,\n .dcg-for-work-hero,\n .dcg-section--gray,\n .callout--primary,\n .lt-dropdown-menu,\n .dcg-basic-markdown-container table th,\n .accessibility-main section:nth-of-type(2n) {\n background: @crust !important;\n }\n\n .dcg-frontpage-landing-classroom__card,\n body,\n .dcg-frontpage-landing-testing__bullets,\n .accessibility-features-in-tools li,\n .accessibility-main details {\n background-color: @base !important;\n }\n\n .dcg-blue-link,\n .dcg-footer-link,\n .dcg-primary-link,\n .dcg-shared-tab-gray-underline,\n .dcg-btn-blue-outline {\n color: @accent !important;\n }\n\n .dcg-footer-legal-content-container,\n .sticky-nav li.active a,\n .dcg-principles-header,\n .dcg-for-work-hero__label,\n .accessibility-main details[open] summary {\n background: @accent !important;\n }\n\n .dcg-finalist-location, .dcg-subtitle, .breadcrumbs li::before {\n color: @subtext0 !important;\n }\n\n .dcg-shared-tab-gray-underline.dcg-hovered {\n border-bottom-color: @accent !important;\n }\n\n .dcg-footer-main-content-container,\n .careers-hero,\n .dcg-background--light-blue,\n .state-info:not(.modal-view) {\n background: @base !important;\n }\n\n .dcg-footer-legal-info a,\n .dcg-footer-title,\n .dcg-copyright,\n .dcg-footer-legal-info,\n .sticky-nav li.active a,\n .dcg-principles-header * {\n color: @base !important;\n }\n\n .dcg-test-blurb,\n .dcg-key-command,\n pre,\n .dcg-container,\n .lt-dropdown-menu,\n .accessibility-main details {\n border-color: @surface0 !important;\n }\n\n .dcg-search-container input,\n .dcg-searchable-dropdown-list,\n .sticky-nav li:not(.active) a,\n .dcg-key-command,\n .dcg-btn-blue-outline,\n *:not(pre) > code {\n background: @mantle !important;\n }\n\n .dcg-search-container input:focus,\n .pdf-button,\n .dcg-btn-blue-outline,\n .callout--primary,\n .lt-btn,\n .lt-section-subscribe button {\n border-color: @accent !important;\n }\n\n .dividing-line {\n background: @surface0 !important;\n }\n\n .job-openings-message-container .white-background {\n background: transparent !important;\n }\n\n .pdf-button.dcg-hovered, .dcg-btn-blue-outline.dcg-hovered {\n box-shadow: 0 0 0 1px @accent !important;\n }\n\n .dcg-footer-logo img, .dcg-testimonial__image {\n filter: @text-filter;\n }\n\n .dcg-for-work-hero__input {\n border-color: @text !important;\n\n &:focus {\n box-shadow: 0 0 0 1px @text !important;\n }\n }\n\n .dcg-basic-markdown-container table {\n th, td {\n border-color: @text !important;\n }\n }\n\n /* Scientific, Geometric, and Matrix */\n .dcg-calc-basic-main, #main {\n --dcg-custom-background-color: @base;\n border-color: transparent !important;\n }\n\n .dcg-basic-list-container, .dcg-matrix-list-container {\n border-top-color: @surface0 !important;\n }\n\n .dcg-basic-list-placeholder,\n .dcg-keypad-control-bar,\n .dcg-matrix-list-placeholder {\n border-left-color: @surface0 !important;\n border-right-color: @surface0 !important;\n }\n\n .dcg-basic-keypad-container,\n .dcg-basic-expression,\n .dcg-latex-expression,\n .dcg-matrix-expression {\n border-color: @surface0 !important;\n }\n\n .dcg-keypad-control-btn.dcg-selected::after,\n .dcg-segmented-control-btn.dcg-selected {\n background: @accent !important;\n }\n\n .dcg-basic-expression.dcg-focused,\n .dcg-matrix-expression.dcg-focused,\n .dcg-latex-expression.dcg-focused {\n border-color: @accent !important;\n box-shadow: inset 0 0 0 1px @accent !important;\n }\n\n .dcg-resize-action {\n background: @mantle !important;\n border-color: @surface0 !important;\n }\n\n .dcg-matrix-container, .dcg-segmented-control-btn.dcg-selected {\n border-color: @text !important;\n }\n\n .dcg-matrix-view .dcg-mq-math-mode.dcg-mq-focused {\n border-bottom-color: @accent !important;\n }\n\n .dcg-mq-ans {\n border-color: @accent !important;\n color: @accent !important;\n background: fade(@accent, 26%) !important;\n\n &::after {\n border-color: @accent !important;\n color: @accent !important;\n background: @mantle !important;\n }\n }\n\n .dcg-keypad-control-btn.dcg-disabled {\n opacity: 1 !important;\n color: @surface1 !important;\n\n i {\n color: @surface1 !important;\n }\n }\n\n --dcg-custom-text-color-shaded: @text;\n\n /* Help Center */\n .lt-container-inner *,\n .lt-topbar,\n .hc-multiselect-toggle li span[aria-label]::before {\n color: @text !important;\n }\n\n .lt-container-inner a:not(.lt-btn--primary), .lt-topbar__link {\n color: @accent !important;\n }\n\n .lt-topbar {\n background: @crust !important;\n }\n\n .lt-topbar__logo {\n filter: @text-filter;\n }\n\n .lt-hero-unit__bg,\n .lt-footer-submit-ticket,\n .tab,\n .lt-new-request-tip,\n .form-field input,\n .form-field textarea,\n .hc-multiselect-toggle,\n .hc-multiselect-menu {\n background: @mantle !important;\n }\n\n input[type=\"submit\"], .lt-block-list-item__link, .lt-btn--primary {\n background: @accent !important;\n border-color: @accent !important;\n color: @base !important;\n }\n\n input[type=\"search\"] {\n background: @crust !important;\n border-color: @text !important;\n }\n\n .search::before {\n @svg: escape(\n '<svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"search\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-search fa-w-16 fa-3x\"><path fill=\"@{text}\" d=\"M508.5 468.9 387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17M208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160\" class=\"\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .lt-block-list-item__link * {\n color: @base !important;\n }\n\n .lt-custom-block__icon {\n filter: @accent-filter;\n }\n\n .lt-footer,\n .lt-search-box:not(.lt-search-box--hero-unit),\n .lt-breadcrumbs-wrapper,\n .hc-multiselect-menu li:focus,\n .hc-multiselect-toggle li {\n background: @base !important;\n }\n\n .lt-scroll-to-top {\n color: @accent !important;\n }\n\n .pagination-list *, .lt-scroll-to-top, .lt-new-request-tip {\n border-color: @accent !important;\n }\n\n .lt-header, .lt-search-result {\n border-bottom-color: @surface0 !important;\n }\n\n .lt-search-result__text em {\n background: @yellow !important;\n color: @base !important;\n }\n\n .lt-toc--link.is-active > span {\n color: @base !important;\n }\n\n .tab, .key-command, .hc-multiselect-toggle, .hc-multiselect-menu {\n border-color: @surface0 !important;\n }\n\n @layer {\n .tabs-link {\n color: @text !important;\n\n &:hover {\n color: @accent !important;\n }\n\n &.is-active {\n color: @base !important;\n background: @accent !important;\n border-color: @accent !important;\n }\n }\n }\n\n .upload-dropzone[data-hc-focus=\"true\"] {\n border-color: @accent !important;\n }\n\n --input-border-color: @surface0;\n --input-focus-border-color: @accent;\n\n /* Blog */\n .content-wrap *:not(a), .tag-links > a {\n color: @text !important;\n }\n\n .article header {\n border-top-color: @surface0 !important;\n }\n\n *:not(.tag-links) > a:not(.img-card, .btn-blue, .btn-blue-outline) {\n color: @accent;\n }\n\n .tag-container a {\n border-color: @text !important;\n\n &:active {\n background: fade(@text, 50%) !important;\n }\n }\n\n .img-card {\n border-color: @surface2 !important;\n\n &:hover {\n box-shadow: 0 0 0 1px @surface2 !important;\n }\n }\n\n .btn-blue {\n background: @accent !important;\n color: @base !important;\n }\n\n .btn-blue-outline {\n border-color: @accent !important;\n color: @accent !important;\n\n &:hover {\n box-shadow: 0 0 0 1px @accent !important;\n }\n }\n }\n}\n",
|
|
"originalDigest": "a2bcc2b39a0a7288b28e4d212239656532151edb",
|
|
"_id": "f78f9c89-6e83-4ea6-8f41-7d8452a4bdbe",
|
|
"_rev": 1780236873475,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 128
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "alacritty.org Catppuccin",
|
|
"description": "Soothing pastel theme for alacritty.org",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/alacritty.org/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "alacritty.org Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/alacritty.org",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/alacritty.org",
|
|
"version": "2025.11.07",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/alacritty.org/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aalacritty.org",
|
|
"description": "Soothing pastel theme for alacritty.org",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name alacritty.org Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/alacritty.org\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/alacritty.org\n@version 2025.11.07\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/alacritty.org/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aalacritty.org\n@description Soothing pastel theme for alacritty.org\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"alacritty.org\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n body {\n color: @text !important;\n background-color: @base !important;\n }\n a {\n color: @accent !important;\n }\n header {\n background-color: @mantle !important;\n border-bottom-color: @surface0 !important;\n nav > a {\n color: @text !important;\n }\n }\n em {\n color: @green !important;\n }\n strong, strong > a {\n color: @blue !important;\n }\n #pick-version select {\n color: @text !important;\n background-color: @surface0;\n border-color: @overlay0;\n }\n h1 {\n color: @accent !important;\n }\n a:not([name]) {\n text-shadow: none !important;\n }\n code {\n background-color: @surface0;\n }\n video {\n background-color: @overlay0 !important;\n }\n img:not(img#logo-img) {\n border-color: @overlay0 !important;\n }\n img#logo-img {\n border-color: @mantle !important;\n }\n kbd {\n background-color: @surface1 !important;\n border-color: @overlay0 !important;\n }\n }\n}\n",
|
|
"originalDigest": "eef7ad78926640e7f52f05b991c318e30a201ed8",
|
|
"_id": "94f19b60-674a-4b81-8b59-35c1cad00028",
|
|
"_rev": 1780236873523,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 129
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "LinkedIn Catppuccin",
|
|
"description": "Soothing pastel theme for LinkedIn",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/linkedin/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "LinkedIn Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/linkedin",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/linkedin",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/linkedin/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Alinkedin",
|
|
"description": "Soothing pastel theme for LinkedIn",
|
|
"author": "Catppuccin",
|
|
"license": "MIT",
|
|
"preprocessor": "less",
|
|
"vars": {
|
|
"lightFlavor": {
|
|
"type": "select",
|
|
"label": "Light Flavor",
|
|
"name": "lightFlavor",
|
|
"value": null,
|
|
"default": "latte",
|
|
"options": [
|
|
{
|
|
"name": "latte",
|
|
"label": "Latte",
|
|
"value": "latte"
|
|
},
|
|
{
|
|
"name": "frappe",
|
|
"label": "Frappé",
|
|
"value": "frappe"
|
|
},
|
|
{
|
|
"name": "macchiato",
|
|
"label": "Macchiato",
|
|
"value": "macchiato"
|
|
},
|
|
{
|
|
"name": "mocha",
|
|
"label": "Mocha",
|
|
"value": "mocha"
|
|
}
|
|
]
|
|
},
|
|
"darkFlavor": {
|
|
"type": "select",
|
|
"label": "Dark Flavor",
|
|
"name": "darkFlavor",
|
|
"value": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"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 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/linkedin/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Alinkedin\n@description Soothing pastel theme for LinkedIn\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"www.linkedin.com\") {\n :root:not(.theme--dark, .theme--mercado-dark) {\n #catppuccin(@lightFlavor);\n }\n :root.theme--dark,\n :root.theme--mercado-dark {\n #catppuccin(@darkFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n --black: @crust;\n --black-a90: @crust;\n --black-a75: @crust;\n --black-a60: fade(@crust, 60%);\n --black-a45: @crust;\n --black-a30: @crust;\n --black-a15: @crust;\n --black-a12: @crust;\n --black-a08: @crust;\n --black-a04: @crust;\n --black-a100: @crust;\n\n --white: @text;\n --white-a06: @surface0;\n --white-a12: @surface0;\n --white-a18: @surface0;\n --white-a25: @surface0;\n --white-a30: @text;\n --white-a40: @text;\n --white-a45: @text;\n --white-a55: @text;\n --white-a60: @subtext0;\n --white-a70: @text;\n --white-a75: @text;\n --white-a85: @text;\n --white-a90: @text;\n --white-a100: @text;\n\n --blue-10: @blue;\n --blue-20: @blue;\n --blue-30: @blue;\n --blue-40: @blue;\n --blue-50: @blue;\n --blue-60: @blue;\n --blue-70: @blue;\n --blue-80: @blue;\n --blue-90: @blue;\n --blue-100: @blue;\n --blue-50-a20: fade(@blue, 20%);\n --blue-50-a25: fade(@blue, 25%);\n --blue-50-a30: fade(@blue, 30%);\n --blue-50-a40: fade(@blue, 40%);\n --blue-60-a10: fade(@blue, 10%);\n --blue-60-a15: fade(@blue, 85%);\n --blue-60-a20: fade(@blue, 20%);\n --blue-60-a25: fade(@blue, 25%);\n --blue-60-a30: fade(@blue, 30%);\n --blue-60-a35: fade(@blue, 35%);\n --blue-60-a40: fade(@blue, 40%);\n --blue-60-a45: fade(@blue, 45%);\n --blue-70-a30: fade(@sapphire, 30%);\n --blue-70-a40: fade(@sapphire, 40%);\n --blue-70-a50: fade(@sapphire, 50%);\n\n --cool-gray-10: @mantle;\n --cool-gray-20: @surface0;\n --cool-gray-30: @mantle;\n --cool-gray-40: @mantle;\n --cool-gray-50: @mantle;\n --cool-gray-60: @mantle;\n --cool-gray-70: @mantle;\n --cool-gray-80: @surface0;\n --cool-gray-85: @mantle;\n --cool-gray-90: @mantle;\n --cool-gray-100: @mantle;\n --cool-gray-60-a10: fade(@mantle, 10%);\n --cool-gray-60-a15: fade(@mantle, 15%);\n --cool-gray-60-a20: fade(@mantle, 20%);\n --cool-gray-60-a25: fade(@mantle, 25%);\n --cool-gray-60-a30: fade(@mantle, 30%);\n --cool-gray-60-a35: fade(@mantle, 35%);\n\n --warm-gray-10: @overlay1;\n --warm-gray-20: @overlay1;\n --warm-gray-30: @overlay1;\n --warm-gray-40: @overlay1;\n --warm-gray-50: @overlay1;\n --warm-gray-60: @overlay1;\n --warm-gray-70: @overlay1;\n --warm-gray-80: @overlay1;\n --warm-gray-90: @overlay1;\n --warm-gray-100: @overlay1;\n --warm-gray-60-a10: fade(@overlay1, 10%);\n --warm-gray-60-a15: fade(@overlay1, 15%);\n --warm-gray-60-a20: fade(@overlay1, 20%);\n --warm-gray-60-a25: fade(@overlay1, 25%);\n --warm-gray-60-a30: fade(@overlay1, 30%);\n --warm-gray-60-a35: fade(@overlay1, 35%);\n\n --warm-red-10: @maroon;\n --warm-red-20: @maroon;\n --warm-red-30: @maroon;\n --warm-red-40: @maroon;\n --warm-red-50: @maroon;\n --warm-red-60: @maroon;\n --warm-red-70: @maroon;\n --warm-red-80: @maroon;\n --warm-red-90: @maroon;\n --warm-red-100: @maroon;\n --warm-red-60-a10: fade(@maroon, 10%);\n --warm-red-60-a15: fade(@maroon, 15%);\n --warm-red-60-a20: fade(@maroon, 20%);\n --warm-red-60-a25: fade(@maroon, 25%);\n --warm-red-60-a30: fade(@maroon, 30%);\n --warm-red-60-a35: fade(@maroon, 35%);\n\n --teal-10: @teal;\n --teal-20: @teal;\n --teal-30: @teal;\n --teal-40: @teal;\n --teal-50: @teal;\n --teal-60: @teal;\n --teal-70: @teal;\n --teal-80: @teal;\n --teal-90: @teal;\n --teal-100: @teal;\n --teal-50-a30: fade(@teal, 30%);\n --teal-60-a10: fade(@teal, 10%);\n --teal-60-a15: fade(@teal, 15%);\n --teal-60-a20: fade(@teal, 20%);\n --teal-60-a25: fade(@teal, 25%);\n --teal-60-a30: fade(@teal, 30%);\n --teal-60-a35: fade(@teal, 35%);\n\n --purple-10: @lavender;\n --purple-20: @lavender;\n --purple-30: @lavender;\n --purple-40: @lavender;\n --purple-50: @lavender;\n --purple-60: @lavender;\n --purple-70: @lavender;\n --purple-80: @lavender;\n --purple-90: @lavender;\n --purple-100: @lavender;\n --purple-40-a15: fade(@lavender, 15%);\n --purple-60-a10: fade(@lavender, 10%);\n --purple-60-a15: fade(@lavender, 15%);\n --purple-60-a20: fade(@lavender, 20%);\n --purple-60-a25: fade(@lavender, 25%);\n --purple-60-a30: fade(@lavender, 30%);\n --purple-60-a35: fade(@lavender, 35%);\n --purple-70-a15: fade(@lavender, 15%);\n\n --system-red-10: @red;\n --system-red-20: @red;\n --system-red-30: @red;\n --system-red-40: @red;\n --system-red-50: @red;\n --system-red-60: @red;\n --system-red-70: @red;\n --system-red-80: @red;\n --system-red-90: @red;\n --system-red-100: @red;\n --system-red-60-a10: fade(@red, 10%);\n --system-red-60-a15: fade(@red, 15%);\n --system-red-60-a20: fade(@red, 20%);\n --system-red-60-a25: fade(@red, 25%);\n --system-red-60-a30: fade(@red, 30%);\n --system-red-60-a35: fade(@red, 35%);\n\n --system-green-10: darken(@green, 20%);\n --system-green-20: darken(@green, 20%);\n --system-green-30: darken(@green, 20%);\n --system-green-40: darken(@green, 20%);\n --system-green-50: darken(@green, 20%);\n --system-green-60: darken(@green, 20%);\n --system-green-70: darken(@green, 20%);\n --system-green-80: darken(@green, 20%);\n --system-green-90: darken(@green, 20%);\n --system-green-100: darken(@green, 20%);\n --system-green-60-a10: fade(darken(@green, 20%), 10%);\n --system-green-60-a15: fade(darken(@green, 20%), 15%);\n --system-green-60-a20: fade(darken(@green, 20%), 20%);\n --system-green-60-a25: fade(darken(@green, 20%), 25%);\n --system-green-60-a30: fade(darken(@green, 20%), 30%);\n --system-green-60-a35: fade(darken(@green, 20%), 35%);\n\n --pink-10: @pink;\n --pink-20: @pink;\n --pink-30: @pink;\n --pink-40: @pink;\n --pink-50: @pink;\n --pink-60: @pink;\n --pink-70: @pink;\n --pink-80: @pink;\n --pink-90: @pink;\n --pink-100: @pink;\n --pink-60-a10: fade(@pink, 10%);\n --pink-60-a15: fade(@pink, 15%);\n --pink-60-a20: fade(@pink, 20%);\n --pink-60-a25: fade(@pink, 25%);\n --pink-60-a30: fade(@pink, 30%);\n --pink-60-a35: fade(@pink, 35%);\n\n --amber-10: @yellow;\n --amber-20: @yellow;\n --amber-30: @yellow;\n --amber-40: @yellow;\n --amber-50: @yellow;\n --amber-60: @yellow;\n --amber-70: @yellow;\n --amber-80: @yellow;\n --amber-90: @yellow;\n --amber-100: @yellow;\n --amber-30-a50: fade(@yellow, 50%);\n --amber-60-a10: fade(@yellow, 10%);\n --amber-60-a15: fade(@yellow, 15%);\n --amber-60-a20: fade(@yellow, 20%);\n --amber-60-a25: fade(@yellow, 25%);\n --amber-60-a30: fade(@yellow, 30%);\n --amber-60-a35: fade(@yellow, 35%);\n\n --copper-10: @rosewater;\n --copper-20: @rosewater;\n --copper-30: @rosewater;\n --copper-40: @rosewater;\n --copper-50: @rosewater;\n --copper-60: @rosewater;\n --copper-70: @rosewater;\n --copper-80: @rosewater;\n --copper-90: @rosewater;\n --copper-100: @rosewater;\n --copper-60-a10: fade(@rosewater, 10%);\n --copper-60-a15: fade(@rosewater, 15%);\n --copper-60-a20: fade(@rosewater, 20%);\n --copper-60-a25: fade(@rosewater, 25%);\n --copper-60-a30: fade(@rosewater, 30%);\n --copper-60-a35: fade(@rosewater, 35%);\n\n --green-10: @green;\n --green-20: @green;\n --green-30: @green;\n --green-40: @green;\n --green-50: @green;\n --green-60: @green;\n --green-70: @green;\n --green-80: @green;\n --green-90: @green;\n --green-100: @green;\n --green-60-a10: fade(@green, 10%);\n --green-60-a15: fade(@green, 15%);\n --green-60-a20: fade(@green, 20%);\n --green-60-a25: fade(@green, 25%);\n --green-60-a30: fade(@green, 30%);\n --green-60-a35: fade(@green, 35%);\n\n --sage-10: darken(@green, 40%);\n --sage-20: darken(@green, 40%);\n --sage-30: darken(@green, 40%);\n --sage-40: darken(@green, 40%);\n --sage-50: darken(@green, 40%);\n --sage-60: darken(@green, 40%);\n --sage-70: darken(@green, 40%);\n --sage-80: darken(@green, 40%);\n --sage-90: darken(@green, 40%);\n --sage-100: darken(@green, 40%);\n --sage-60-a10: fade(darken(@green, 40%), 10%);\n --sage-60-a15: fade(darken(@green, 40%), 15%);\n --sage-60-a20: fade(darken(@green, 40%), 20%);\n --sage-60-a25: fade(darken(@green, 40%), 25%);\n --sage-60-a30: fade(darken(@green, 40%), 30%);\n --sage-60-a35: fade(darken(@green, 40%), 35%);\n\n --lime-10: lighten(@green, 20%);\n --lime-20: lighten(@green, 20%);\n --lime-30: lighten(@green, 20%);\n --lime-40: lighten(@green, 20%);\n --lime-50: lighten(@green, 20%);\n --lime-60: lighten(@green, 20%);\n --lime-70: lighten(@green, 20%);\n --lime-80: lighten(@green, 20%);\n --lime-90: lighten(@green, 20%);\n --lime-100: lighten(@green, 20%);\n --lime-60-a10: fade(lighten(@green, 20%), 10%);\n --lime-60-a15: fade(lighten(@green, 20%), 15%);\n --lime-60-a20: fade(lighten(@green, 20%), 20%);\n --lime-60-a25: fade(lighten(@green, 20%), 25%);\n --lime-60-a30: fade(lighten(@green, 20%), 30%);\n --lime-60-a35: fade(lighten(@green, 20%), 35%);\n\n --camo-10: @accent;\n --camo-20: @accent;\n --camo-30: @accent;\n --camo-40: @accent;\n --camo-50: @accent;\n --camo-60: @accent;\n --camo-70: @accent;\n --camo-80: @accent;\n --camo-90: @accent;\n --camo-100: @accent;\n --camo-60-a10: fade(@accent, 10%);\n --camo-60-a15: fade(@accent, 15%);\n --camo-60-a20: fade(@accent, 20%);\n --camo-60-a25: fade(@accent, 25%);\n --camo-60-a30: fade(@accent, 30%);\n --camo-60-a35: fade(@accent, 35%);\n\n --smoke-10: @surface1;\n --smoke-20: @surface1;\n --smoke-30: @surface1;\n --smoke-40: @surface1;\n --smoke-50: @surface1;\n --smoke-60: @surface1;\n --smoke-70: @surface1;\n --smoke-80: @surface1;\n --smoke-90: @surface1;\n --smoke-100: @surface1;\n --smoke-60-a10: fade(@surface1, 10%);\n --smoke-60-a15: fade(@surface1, 15%);\n --smoke-60-a20: fade(@surface1, 20%);\n --smoke-60-a25: fade(@surface1, 25%);\n --smoke-60-a30: fade(@surface1, 30%);\n --smoke-60-a35: fade(@surface1, 35%);\n\n --lavender-10: @lavender;\n --lavender-20: @lavender;\n --lavender-30: @lavender;\n --lavender-40: @lavender;\n --lavender-50: @lavender;\n --lavender-60: @lavender;\n --lavender-70: @lavender;\n --lavender-80: @lavender;\n --lavender-90: @lavender;\n --lavender-100: @lavender;\n --lavender-60-a10: fade(@lavender, 10%);\n --lavender-60-a15: fade(@lavender, 15%);\n --lavender-60-a20: fade(@lavender, 20%);\n --lavender-60-a25: fade(@lavender, 25%);\n --lavender-60-a30: fade(@lavender, 30%);\n --lavender-60-a35: fade(@lavender, 35%);\n\n --mauve-10: @mauve;\n --mauve-20: @mauve;\n --mauve-30: @mauve;\n --mauve-40: @mauve;\n --mauve-50: @mauve;\n --mauve-60: @mauve;\n --mauve-70: @mauve;\n --mauve-80: @mauve;\n --mauve-90: @mauve;\n --mauve-100: @mauve;\n --mauve-60-a10: fade(@mauve, 10%);\n --mauve-60-a15: fade(@mauve, 15%);\n --mauve-60-a20: fade(@mauve, 20%);\n --mauve-60-a25: fade(@mauve, 25%);\n --mauve-60-a30: fade(@mauve, 30%);\n --mauve-60-a35: fade(@mauve, 35%);\n --mauve-80-a50: fade(@mauve, 50%);\n\n --system-gray-10: @surface0;\n --system-gray-20: @surface0;\n --system-gray-30: @surface0;\n --system-gray-40: @surface0;\n --system-gray-50: @surface0;\n --system-gray-60: @surface0;\n --system-gray-70: @surface0;\n --system-gray-80: @surface0;\n --system-gray-90: @surface0;\n --system-gray-100: @surface0;\n --system-gray-60-a10: fade(@surface0, 10%);\n --system-gray-60-a15: fade(@surface0, 15%);\n --system-gray-60-a20: fade(@surface0, 20%);\n --system-gray-60-a25: fade(@surface0, 25%);\n --system-gray-60-a30: fade(@surface0, 30%);\n --system-gray-60-a35: fade(@surface0, 35%);\n --system-gray-60-a40: fade(@surface0, 40%);\n --system-gray-60-a45: fade(@surface0, 45%);\n\n --system-orange-10: @peach;\n --system-orange-20: @peach;\n --system-orange-30: @peach;\n --system-orange-40: @peach;\n --system-orange-50: @peach;\n --system-orange-60: @peach;\n --system-orange-70: @peach;\n --system-orange-80: @peach;\n --system-orange-90: @peach;\n --system-orange-100: @peach;\n --system-orange-60-a10: fade(@peach, 10%);\n --system-orange-60-a15: fade(@peach, 15%);\n --system-orange-60-a20: fade(@peach, 20%);\n --system-orange-60-a25: fade(@peach, 25%);\n --system-orange-60-a30: fade(@peach, 30%);\n --system-orange-60-a35: fade(@peach, 35%);\n\n /* quality of life changes */\n --color-border-low-emphasis: @surface0;\n\n /* Codeblock fixes */\n pre {\n --color-text-on-dark: @text;\n --color-background-container-dark-tint: @crust;\n }\n\n /* more accent */\n --voyager-color-background-badge-notification: @accent;\n --color-signal-positive: @accent;\n --color-checked: @accent;\n --color-checked-hover: @accent;\n --color-checked-active: @accent;\n\n /* fix for hover buttons */\n --artdeco-button-secondary-default-hover-background-color: fade(\n @blue,\n 20%\n );\n\n /* text on dark */\n --color-text-on-dark: @text;\n\n & when not(@flavor = latte) {\n --color-element: @crust;\n }\n\n & when (@flavor = latte) {\n --black: @text;\n --black-a90: @text;\n --black-a75: @text;\n --black-a45: @text;\n --black-a30: @text;\n --black-a60: @subtext0;\n --black-a15: @text;\n --black-a04: @text;\n --black-a100: @text;\n\n --color-scrim: fade(@crust, 40%);\n --color-icon-on-dark: @text;\n\n --white: @mantle;\n --white-a06: @surface0;\n --white-a12: @surface0;\n --white-a18: @surface0;\n --white-a25: @surface0;\n --white-a30: @mantle;\n --white-a40: @mantle;\n --white-a45: @mantle;\n --white-a55: @mantle;\n --white-a60: @subtext0;\n --white-a70: @mantle;\n --white-a75: @mantle;\n --white-a85: @mantle;\n --white-a90: @mantle;\n --white-a100: @mantle;\n\n --warm-gray-10: @base;\n --warm-gray-20: @base;\n --warm-gray-30: @base;\n --warm-gray-40: @base;\n --warm-gray-50: @base;\n --warm-gray-60: @base;\n --warm-gray-70: @base;\n --warm-gray-80: @base;\n --warm-gray-90: @base;\n --warm-gray-100: @base;\n --warm-gray-60-a10: fade(@base, 10%);\n --warm-gray-60-a15: fade(@base, 15%);\n --warm-gray-60-a20: fade(@base, 20%);\n --warm-gray-60-a25: fade(@base, 25%);\n --warm-gray-60-a30: fade(@base, 30%);\n --warm-gray-60-a35: fade(@base, 35%);\n }\n\n .share-promoted-detour-button-legacy {\n background-color: @accent !important;\n }\n }\n}\n",
|
|
"originalDigest": "fed11ab9a0833fb29c80d3fae2fde23d0c7b1a63",
|
|
"_id": "ea590e5b-a4d6-48c4-853a-dd2e93f74a3d",
|
|
"_rev": 1780236873551,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 130
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "NixOS Wiki Catppuccin",
|
|
"description": "Soothing pastel theme for NixOS Wiki",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/wiki.nixos.org/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "NixOS Wiki Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/wiki.nixos.org",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/wiki.nixos.org",
|
|
"version": "2025.09.06",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Awiki.nixos.org",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/wiki.nixos.org/catppuccin.user.less",
|
|
"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": null,
|
|
"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": null,
|
|
"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": null,
|
|
"default": "0",
|
|
"options": null
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name NixOS Wiki Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/wiki.nixos.org\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/wiki.nixos.org\n@version 2025.09.06\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Awiki.nixos.org\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/wiki.nixos.org/catppuccin.user.less\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@var checkbox highlight-redirect \"Highlight redirect links\" 0\n==/UserStyle== */\n\n@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"wiki.nixos.org\") {\n @import url(\"https://python.catppuccin.com/pygments/catppuccin-variables.important.css\");\n\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n #lib.css-variables();\n\n --background-color-base: @base;\n --home-panel-heading-background: @mantle;\n --home-panel-border-color: @surface0;\n --table-border-color: @crust;\n --table-header-background: @surface1;\n --table-even-background: @surface2;\n\n background-color: @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 .mw-echo-ui-placeholderItemWidget,\n .oo-ui-popupWidget-popup,\n .mw-echo-ui-notificationItemWidget,\n .oo-ui-optionWidget-selected {\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 .mw-echo-ui-notificationItemWidget-content-message-header,\n .oo-ui-labelElement,\n #contentSub:not(:empty) {\n color: @text !important;\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 (@flavor = latte) {\n filter: brightness(0) saturate(100%) invert(31%) sepia(9%) saturate(\n 1499%\n ) hue-rotate(196deg) brightness(90%) contrast(85%);\n }\n\n & when (@flavor = frappe) {\n filter: brightness(0) saturate(100%) invert(92%) sepia(6%) saturate(\n 3753%\n ) hue-rotate(184deg) brightness(93%) contrast(106%);\n }\n\n & when (@flavor = macchiato) {\n filter: brightness(0) saturate(100%) invert(82%) sepia(7%) saturate(\n 1042%\n ) hue-rotate(193deg) brightness(103%) contrast(92%);\n }\n\n & when (@flavor = mocha) {\n filter: brightness(0) saturate(100%) invert(83%) sepia(28%) saturate(\n 223%\n ) 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\n .oo-ui-pendingElement-pending {\n background-color: @base;\n background-image: linear-gradient(\n 135deg,\n @surface0 25%,\n transparent 25%,\n transparent 50%,\n @surface0 50%,\n @surface0 75%,\n transparent 75%,\n transparent\n );\n }\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;\n border-color: @accent;\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-content-ltr.mw-highlight-lines pre,\n .mw-content-ltr.content .mw-highlight-lines pre {\n box-shadow: inset 2.75em 0 0 @mantle;\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, 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;\n border-color: @accent;\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, 20%);\n .suggestion-title {\n color: @accent;\n }\n }\n\n .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted,\n .cdx-menu-item--enabled.cdx-menu-item--highlighted {\n background-color: fade(@accent, 20%);\n }\n\n .mw-echo-ui-sortedListWidget,\n .mw-echo-ui-sortedListWidget-group,\n .mw-echo-ui-subGroupListWidget-header {\n border-color: @surface2;\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, 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;\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 a.mw-selflink {\n color: @text;\n }\n\n #searchInput {\n color: @text;\n &:hover {\n border-color: @surface2;\n }\n &:focus {\n border-color: @accent;\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;\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;\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, 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 !important;\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;\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;\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;\n border-color: @accent;\n color: @base;\n }\n\n .mw-message-box-warning,\n .boilerplate {\n border-color: @accent !important;\n background-color: fade(@accent, 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: @base;\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, 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 !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, 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, 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-parser-output .tracklist > tbody {\n color: inherit;\n\n > .tracklist-total-length * {\n background-color: @overlay1;\n color: @base;\n }\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 .noarticletext,\n #noarticletext {\n background-color: @base !important;\n }\n\n #sisterproject {\n background-color: @mantle !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 .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-icon.mw-ui-icon-wikimedia-appearance {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M5.25 14.5a4.25 4.25 0 0 0 4.247-4.092c.3-.21.706-.21 1.006 0a4.25 4.25 0 0 0 8.431.59L19 11a1 1 0 1 0-.182-1.984 4.252 4.252 0 0 0-7.896-.615 2.9 2.9 0 0 0-1.844 0 4.25 4.25 0 0 0-7.896.615 1 1 0 1 0-.116 1.981A4.25 4.25 0 0 0 5.25 14.5m0-2a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5M17 10.25a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0\" fill=\"@{text}\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .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}\" 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}\"/></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 {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"><path fill=\"@{accent}\" d=\"M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16zM2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n .plainlinks a.external {\n background: none !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 .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}\" 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 .vector-icon.mw-ui-icon-wikimedia-unStar {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7z\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .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}\"><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-icon-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 .oo-ui-icon-next {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path d=\"M7 1 5.6 2.5 13 10l-7.4 7.5L7 19l9-9z\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .oo-ui-icon-settings {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><g transform=\"translate(10 10)\" fill=\"@{text}\"><path id=\"a\" d=\"M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3\"/><use transform=\"rotate(45)\" href=\"#a\" fill=\"@{text}\"/><use transform=\"rotate(90)\" href=\"#a\" fill=\"@{text}\"/><use transform=\"rotate(135)\" href=\"#a\" fill=\"@{text}\"/></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\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .oo-ui-icon-expand {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><title> expand </title><path d=\"m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z\" fill=\"@{text}\"/></svg>'\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .oo-ui-icon-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-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 .panel-heading,\n .mw-pt-languages-list,\n .mw-pt-languages-label {\n color: @text;\n background-color: @base;\n }\n .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,\n .oo-ui-inputWidget-input,\n .mw-widget-dateInputWidget-handle,\n .oo-ui-menuSelectWidget {\n background-color: @mantle !important;\n color: @text !important;\n }\n .oo-ui-menuOptionWidget:hover {\n background-color: @surface1;\n color: @text;\n }\n .cdx-search-input__end-button {\n background-color: @crust !important;\n }\n .mw-pt-languages {\n border-bottom-color: @surface0;\n }\n .mw-pt-progress--complete::after,\n .mw-pt-progress--high::after {\n border-color: @accent;\n background: conic-gradient(@text 0, @accent 0);\n }\n pre,\n .oo-ui-panelLayout-framed {\n border-color: @surface0;\n }\n #vector-page-titlebar-toc-label {\n background-color: @mantle;\n color: @subtext0 !important;\n border-color: @subtext0 !important;\n }\n tbody * {\n background-color: @surface0 !important;\n border-color: @surface2 !important;\n }\n\n [style*=\"padding: 0.5em; margin: 0.50em 0; background-color: #C1E5FF; border: thin solid #1D99F3; overflow: hidden;\"] {\n background-color: @sapphire !important;\n color: @mantle !important;\n }\n [style*=\"padding: 0.5em; margin: 0.50em 0; background-color: #F6F6F6; border: thin solid #31363B; overflow: hidden;\"] {\n background-color: @rosewater !important;\n color: @mantle !important;\n }\n }\n}\n",
|
|
"originalDigest": "d4aa9486618f27da0e1f1074b1da198cb2521b46",
|
|
"_id": "4dca0eaa-36e7-43a2-b68e-63f64c457d6f",
|
|
"_rev": 1780236873586,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 131
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Codeberg Catppuccin",
|
|
"description": "Soothing pastel theme for Codeberg",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/codeberg/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Codeberg Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/codeberg",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/codeberg",
|
|
"version": "2026.03.08.1",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/codeberg/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Acodeberg",
|
|
"description": "Soothing pastel theme for Codeberg",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Codeberg Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/codeberg\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/codeberg\n@version 2026.03.08.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/codeberg/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Acodeberg\n@description Soothing pastel theme for Codeberg\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"codeberg.org\") {\n @import (css)\n url(\"https://catppuccin.github.io/gitea/theme-catppuccin-@{lightFlavor}-@{accentColor}.css\")\n (prefers-color-scheme: light);\n @import (css)\n url(\"https://catppuccin.github.io/gitea/theme-catppuccin-@{darkFlavor}-@{accentColor}.css\")\n (prefers-color-scheme: dark);\n}\n\n@-moz-document domain(\"codeberg.org\") {\n [data-theme=\"codeberg-dark\"],\n [data-theme=\"codeberg-light\"],\n [data-theme=\"codeberg-auto\"] {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n // #lib.defaults(); // Not needed, themed in upstream Gitea port.\n\n --color-body: @base;\n --color-nav-text: @crust;\n --color-nav-hover-bg: darken(@accent, 5%);\n --color-secondary-nav-bg: @surface0;\n --color-link: @blue;\n --color-footer-text: @text;\n\n .ui.basic.red.buttons .button,\n .ui.basic.red.button {\n &:hover,\n &:focus {\n background-color: @red;\n border-color: var(--color-light-border);\n color: @crust;\n }\n }\n\n #codeberg-logo(@color) {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\"><defs><linearGradient id=\"b\" x1=\"42519.285\" x2=\"42575.336\" y1=\"-7078.7891\" y2=\"-6966.9312\" gradientUnits=\"userSpaceOnUse\" href=\"#a\"/><linearGradient id=\"a\"><stop color=\"@{color}\" offset=\"0\" stop-opacity=\"0\"/><stop offset=\".495\" stop-color=\"@{color}\" stop-opacity=\".3\"/><stop offset=\"1\" stop-color=\"@{color}\" stop-opacity=\".3\"/></linearGradient></defs><path fill=\"url(#b)\" d=\"M42519.285-7078.79a.76.568 0 0 0-.738.675l33.586 125.888a87.2 87.2 0 0 0 39.381-33.763l-71.565-92.52a.76.568 0 0 0-.664-.28\" transform=\"translate(-5840.572 980.524)scale(.13766)\"/><path fill=\"@{color}\" d=\"M12.003.525A12.003 12.003 0 0 0 0 12.533 11.9 11.9 0 0 0 1.826 18.9L11.838 5.956c.068-.09.25-.09.324 0l10.007 12.939A11.9 11.9 0 0 0 24 12.522 12.003 12.003 0 0 0 12.003.525\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .branding img {\n #codeberg-logo(@text);\n }\n\n #navbar {\n #navbar-logo img {\n #codeberg-logo(@crust);\n }\n\n .menu {\n > a, button, details > summary {\n color: @base;\n }\n\n .donation-pretty {\n --color-secondary-alpha-60: fade(darken(@accent, 10%), 60%)\n !important;\n\n &:hover {\n background: darken(@accent, 3%) !important;\n }\n }\n }\n }\n\n footer {\n .button:hover {\n background-color: @accent;\n color: @crust;\n }\n\n a:hover {\n color: @blue !important;\n }\n }\n }\n}\n",
|
|
"originalDigest": "6cb6e5903b0c801b0b6fac45debd61ec43828bf4",
|
|
"_id": "0e7e2e9c-71e2-4f51-bae6-4a90cbaefe2f",
|
|
"_rev": 1780236873632,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 132
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Snapchat Web Catppuccin",
|
|
"description": "Soothing pastel theme for Snapchat Web",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/snapchat-web/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Snapchat Web Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/snapchat-web",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/snapchat-web",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/snapchat-web/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Asnapchat-web",
|
|
"description": "Soothing pastel theme for Snapchat Web",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Snapchat Web Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/snapchat-web\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/snapchat-web\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/snapchat-web/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Asnapchat-web\n@description Soothing pastel theme for Snapchat Web\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document url-prefix(\"https://www.snapchat.com/web\") {\n :root[theme=\"dark\"] {\n #catppuccin(@darkFlavor);\n }\n :root[theme=\"light\"] {\n #catppuccin(@lightFlavor);\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n /* Snapchat applies the variables (overrides?) to specific elements so we need to apply to every element (with high specificity) to override those. */\n &,\n body > main#root * {\n --sigMain: @base;\n --sigSurface: @mantle;\n --sigSurfaceRGB: red(@mantle), green(@mantle), blue(@mantle);\n --sigAboveSurface: @crust;\n --sigSurfaceDown: @base;\n --sigSubscreen: @crust;\n --sigTextField: @crust;\n --sigDivider: @surface0;\n --sigDividerLight: @surface0;\n --sigColorBackgroundBorder: @surface0;\n --sigBackgroundPrimary: @base;\n --sigBackgroundSecondary: @mantle;\n --sigBackgroundSecondaryHover: darken(@mantle, 5%);\n --sigBackgroundTertiary: @crust;\n --sigBackgroundMessageHover: @surface1;\n --sigBackgroundMessageSaved: @surface0;\n --sigBackgroundMessageSavedHover: @surface2;\n --sigOverlay: fade(@surface1, 40%);\n --sigOverlayHover: fade(@surface1, 35%);\n --sigBrandSecondary: @accent;\n --sigObject: rgba(255, 255, 255, 0.05);\n\n --sigTextPrimary: @text;\n --sigButtonOnPrimary: @crust;\n --sigTextSecondary: @subtext0;\n --sigButtonOnSecondary: @subtext0;\n --sigTextTertiary: @subtext1;\n --sigButtonOnTertiary: @subtext1;\n --sigTextNegative: @red;\n --sigButtonOnSuccess: @base;\n --sigButtonOnError: @base;\n --sigButtonOnNegative: @base;\n --sigButtonOnChatSurfaceCalling: @base;\n --sigTextPlayer: @crust;\n --sigButtonGreyHover: darken(@surface0, 5%);\n --sigButtonGreyActive: darken(@surface0, 8%);\n\n --sigButtonPrimary: @accent;\n --sigButtonPrimaryHover: darken(@accent, 5%);\n --sigButtonPrimaryActive: darken(@accent, 8%);\n --sigButtonSecondary: @surface0;\n --sigButtonSecondaryHover: @surface1;\n --sigButtonSecondaryActive: @surface2;\n --sigButtonNegative: @red;\n --sigButtonError: @red;\n --sigButtonErrorHover: darken(@red, 5%);\n --sigButtonSuccess: @green;\n --sigButtonSuccessHover: darken(@green, 5%);\n --sigIconCalling: @green;\n --sigIconCallingHover: darken(@green, 5%);\n --sigChatSurfaceCalling: @green;\n --sigChatSurfaceCallingDisabled: darken(@green, 20%);\n --sigChatSurfaceCallingHover: darken(@green, 5%);\n\n --sigChat: @blue;\n --sigChatIcon: @blue;\n --sigSnapWithoutSound: @red;\n --sigSnapWithSound: @mauve;\n }\n\n // new chat button\n button[title=\"New Chat\"],\n // checkbox to choose camera\n [id*=\"downshift-\"] a,\n // checkbox in new chat popup\n [aria-label=\"Unselect chosen user\"] {\n path[fill=\"#fff\"] {\n fill: @crust;\n }\n // replaces blue fill\n path[fill=\"#51B7FF\"] {\n fill: @accent;\n }\n }\n\n // new group button\n form > div > div > div[role=\"searchbox\"] button {\n color: @crust;\n path {\n fill: @crust;\n }\n }\n\n // story reply text\n li button[type=\"button\"].replyText {\n background-color: rgba(30, 30, 30, 0.8);\n }\n\n // buttons when in call\n [data-projection-id] button {\n --sigColorAlwaysWhite: @surface0;\n }\n\n // replay button on stories\n img[role=\"presentation\"][src^=\"blob:\"] + div > svg > path[fill=\"#fff\"] {\n fill: @text;\n }\n }\n}\n",
|
|
"originalDigest": "20d95df881ea87e446916e172e943b74df462233",
|
|
"_id": "2565d8c8-ff6e-415a-af82-fd4a41fcb42b",
|
|
"_rev": 1780236873663,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 133
|
|
},
|
|
{
|
|
"enabled": true,
|
|
"name": "Porkbun Catppuccin",
|
|
"description": "Soothing pastel theme for Porkbun",
|
|
"author": "Catppuccin",
|
|
"updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/porkbun/catppuccin.user.less",
|
|
"usercssData": {
|
|
"name": "Porkbun Catppuccin",
|
|
"namespace": "github.com/catppuccin/userstyles/styles/porkbun",
|
|
"homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/porkbun",
|
|
"version": "2025.09.06",
|
|
"updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/porkbun/catppuccin.user.less",
|
|
"supportURL": "https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aporkbun",
|
|
"description": "Soothing pastel theme for Porkbun",
|
|
"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": null,
|
|
"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": null,
|
|
"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"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"sourceCode": "/* ==UserStyle==\n@name Porkbun Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/porkbun\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/porkbun\n@version 2025.09.06\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/porkbun/catppuccin.user.less\n@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aporkbun\n@description Soothing pastel theme for Porkbun\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@import \"https://userstyles.catppuccin.com/lib/lib.less\";\n\n@-moz-document domain(\"porkbun.com\") {\n :root {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n #catppuccin(@flavor) {\n #lib.palette();\n #lib.defaults();\n\n &,\n body {\n background-color: @base;\n color: @text;\n }\n\n --cloudflare_on: @peach;\n --porkbun_danger: @red;\n --porkbun_warning: @yellow;\n --porkbun_success: @green;\n --porkbun_pink_hover: darken(@accent, 5%);\n --porkbun_pink: @accent;\n --porkbun_gold: @yellow;\n --porkbun_pink_light: lighten(@accent, 5%);\n --porkbun_pink_medium: @accent;\n --porkbun_dark_gray: @text;\n --porkbun_light_gray: @surface0;\n --porkbun_medium_gray: @overlay1;\n --porkbun_white: @mantle;\n --blue_link: @blue;\n --blue_link_hover: @sapphire;\n --headerMenuLink_color: @text;\n --headerMenuLink-hover_color: @text;\n --homepageBlurb_color: @text;\n\n /* Misc */\n\n .text-muted {\n color: @subtext0;\n }\n .text-danger {\n color: @red;\n }\n .text-success {\n color: @green;\n }\n\n .badge-porkbun {\n background-color: @surface0;\n color: @text;\n }\n\n .alert-info {\n background-color: fade(@blue, 30%);\n color: @blue;\n border-color: @blue;\n }\n\n .alert-warning {\n background-color: fade(@yellow, 30%);\n color: @yellow;\n border-color: @yellow;\n }\n\n .alert-danger {\n background-color: fade(@red, 30%);\n color: @red;\n border-color: @red;\n }\n\n hr {\n border-top-color: @surface1;\n }\n\n /* Inline overrides */\n\n [style*=\"background-color:white;\"],\n [style*=\"background-color: rgb(248, 248, 248);\"] {\n background-color: @surface0 !important;\n }\n [style*=\"color:black;\"],\n [style*=\"color: white;\"] {\n color: @text !important;\n }\n\n &[stylus-iframe=\"https://porkbun.com\"],\n #beacon-container-body {\n background-color: transparent;\n\n .hsds-beacon button {\n background-color: @accent;\n\n [class*=\"FabButtoncss__FabBackgroundUI\"] > svg {\n fill: @accent;\n }\n\n > span {\n color: @crust;\n }\n }\n }\n\n /* Buttons */\n\n .btn-default,\n .sortByPriceButton {\n &:not(.searchAddRemoveIcon, .searchAddRemoveIconSideBar) {\n background-color: @surface0;\n color: @text;\n border-color: @surface1;\n }\n\n &:hover {\n background-color: @surface1;\n color: @text;\n }\n }\n\n .btn-primary {\n background-color: @accent;\n border-color: @accent;\n color: @crust;\n\n &:hover {\n background-color: darken(@accent, 5%);\n }\n }\n\n .btn-danger {\n background-color: @red;\n border-color: @red;\n color: @crust;\n }\n\n .btn-success {\n background-color: @green;\n border-color: @green;\n color: @crust;\n }\n\n .btn-success-light {\n background-color: @green;\n color: @crust;\n }\n\n .btn-porkbun-white-borderless,\n .btn-porkbun-white:hover,\n .btn-porkbun-white:focus {\n color: @text;\n }\n\n .btn-porkbun-white.active {\n color: @crust;\n\n .text-muted {\n color: @surface0;\n }\n }\n\n /* Inputs */\n\n .slider {\n background-color: @red;\n\n &::before {\n background-color: @crust;\n }\n }\n\n .dropdown-menu {\n background-color: @surface0;\n\n > li > a {\n color: @text;\n\n &:hover {\n background-color: @surface1;\n }\n }\n\n .divider {\n background-color: @surface1;\n }\n }\n\n .form-control {\n background-color: @mantle;\n color: @text;\n border-color: @surface0;\n\n &:focus {\n box-shadow: 0 0 8px fade(@accent, 50%);\n }\n }\n\n select:not([multiple]) {\n -webkit-appearance: auto;\n }\n\n /* Table dividers */\n\n .table {\n > tbody,\n > tfoot,\n > thead {\n > tr {\n > th,\n > td {\n border-top-color: @surface1;\n }\n }\n }\n\n > thead > tr > th {\n border-bottom-color: @surface2;\n }\n\n [style*=\"border-top:2px solid gray;\"] {\n border-top-color: @surface2 !important;\n }\n }\n\n .table-bordered {\n border-color: @surface1;\n\n > tbody,\n > tfoot,\n > thead {\n > tr {\n > th,\n > td {\n border-color: @surface1;\n }\n }\n }\n }\n\n /* Main */\n\n .headerContainer,\n footer > div {\n background-color: @crust !important;\n }\n\n #headerBrandLogo,\n #footerLogo {\n @svg: escape(\n '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 144 144\" fill=\"@{crust}\"><circle fill=\"@{accent}\" cx=\"72\" cy=\"72\" r=\"56.3\"/><path d=\"M43.1 43.2c5 1.1 9.8 2.9 14.1 5.3-5.1 2.6-9.4 6.5-12.5 11.3-2-2.7-3.1-6.1-3.1-9.7q0-3.75 1.5-6.9\"/><path d=\"M102.4 95.2c0 3.1-2.5 5.6-5.6 5.6s-5.6-2.5-5.6-5.6v-4.5H52.7v4.5c0 3.1-2.5 5.6-5.6 5.6s-5.6-2.5-5.6-5.6V78.1c0-16.5 12.8-30.5 29.3-31.1 17.3-.6 31.5 13.2 31.5 30.4z\"/><path d=\"M99.3 59.8c-3.1-4.8-7.4-8.7-12.5-11.3 4.4-2.4 9.1-4.2 14.1-5.3q1.5 3.15 1.5 6.9c0 3.6-1.2 6.9-3.1 9.7\"/><path fill=\"@{accent}\" d=\"M85.3 71.4c-.4-.2-.8-.1-1 .2-.4.6-.9 1-1.6 1.4v-.5c0-1.4-.5-2.7-1.3-3.7-.6-.9-1.6-1.4-2.8-1.4-1.9 0-3.5 1.6-3.5 3.5 0 .8.3 1.6.8 2.2.6.7 1.3 1.3 2.2 1.7-.6.3-1.2.5-1.9.5-.8 0-1.4.7-1.4 1.4 0 .8.6 1.4 1.4 1.4h.7c2.2 0 4.2-1.3 5.1-3.1 1.5-.4 2.7-1.4 3.5-2.7.3-.2.2-.7-.2-.9m-5.7 1.9c-.9-.3-1.7-.8-2.2-1.6-.2-.2-.3-.5-.3-.8 0-.8.6-1.4 1.4-1.4.7 0 1.4.6 1.4 1.3 0 .2.1.4.1.7.1.6-.1 1.3-.4 1.8\"/></svg>'\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .reviewWidget {\n .googleReviewCount {\n color: @subtext1;\n }\n\n .fas[class*=\"fa-star\"] {\n color: @yellow;\n }\n }\n\n .homepageBulletIconFontAwesome {\n color: @subtext0;\n }\n .homePageSupportOptionCenterRight {\n border-color: @surface0;\n }\n\n #domainSearchBulkDropButton {\n &:hover,\n &:active,\n &:target,\n &:focus {\n background-color: @surface0;\n }\n }\n\n #searchResultsContainer {\n background-color: transparent;\n\n .sideBarSearchResults {\n border-color: @surface0;\n }\n }\n .searchResultsTldLetterBox {\n border-color: @surface1;\n }\n\n .cartBox {\n border-color: @surface1;\n }\n .cartSummaryBoxFreeList > li::before {\n color: @subtext0;\n }\n\n .marketplaceRow {\n border-top-color: @surface0;\n }\n\n .domainsPricingAllExtensionsHeader {\n background-color: transparent;\n }\n\n #homePagePricingContainer {\n background-color: transparent;\n }\n\n .hostingBox {\n border-color: @surface0;\n }\n\n .well {\n background-color: @base;\n border-color: @surface0;\n }\n\n .modal-content {\n background-color: @base;\n\n .close {\n color: @text;\n opacity: 1;\n }\n }\n\n .nav-tabs {\n border-bottom-color: @surface0;\n }\n }\n}\n",
|
|
"originalDigest": "2c695e8bafffc4a1f6f52d76a5776a2cecc77fd5",
|
|
"_id": "c1d508ed-3ce9-48f1-abb7-185279294f63",
|
|
"_rev": 1780236873688,
|
|
"sections": [
|
|
{
|
|
"code": ""
|
|
}
|
|
],
|
|
"id": 134
|
|
}
|
|
] |