diff --git a/flake.nix b/flake.nix
index cc1023a..5094961 100644
--- a/flake.nix
+++ b/flake.nix
@@ -125,7 +125,7 @@
home-manager = {
extraSpecialArgs = sharedSpecialArgs;
users.${primaryUser} = import ./home;
- backupFileExtension = "backup";
+ backupFileExtension = "hm-backup";
useGlobalPkgs = true;
useUserPackages = true;
};
diff --git a/home/floorp/default.nix b/home/floorp/default.nix
index f5466fc..049175c 100644
--- a/home/floorp/default.nix
+++ b/home/floorp/default.nix
@@ -22,12 +22,45 @@ let
};
in
{
- # TODO: Built in every Plugin and enable them by default
programs.floorp = {
enable = true;
+ policies.ExtensionSettings = {
+ "adguardadblocker@adguard.com" = {
+ installation_mode = "force_installed";
+ install_url = "https://addons.mozilla.org/firefox/downloads/file/4805625/adguard_adblocker-5.4.3.1.xpi";
+ default_area = "navbar";
+ };
+ "{446900e4-71c2-419f-a6a7-df9c091e268b}" = {
+ installation_mode = "force_installed";
+ default_area = "navbar";
+ }; # Bitwarden
+ "{7a7a4a92-a2a0-41d1-9fd7-1e92480d612d}" = {
+ installation_mode = "force_installed";
+ default_area = "navbar";
+ }; # Stylus
+ "newtaboverride@agenedia.com" = {
+ installation_mode = "force_installed";
+ };
+ "{3c078156-979c-498b-8990-85f7987dd929}" = {
+ installation_mode = "force_installed";
+ };
+ "firefox@tampermonkey.net" = {
+ installation_mode = "force_installed";
+ };
+ "{7aa7c68a-141f-45c9-a1c6-6e7382debbe1}" = {
+ installation_mode = "force_installed";
+ install_url = "https://addons.mozilla.org/firefox/downloads/file/4147586/catppuccin_mocha-1.0.xpi";
+ };
+ };
+
profiles.default = {
isDefault = true;
+
+ extraConfig = ''
+ user_pref("extensions.activeThemeID", "{7aa7c68a-141f-45c9-a1c6-6e7382debbe1}");
+ '';
+
settings = {
# Startup
"browser.startup.homepage" = "https://www.cyperpunk.de";
@@ -68,6 +101,9 @@ in
"browser.urlbar.shortcuts.history" = false;
"browser.urlbar.suggest.bookmark" = false;
+ # Extensions — skip manual enable prompt on fresh install
+ "extensions.autoDisableScopes" = 0;
+
# Floorp specific
"floorp.browser.tabs.openNewTabPosition" = -1;
"floorp.commandPalette.enabled" = true;
@@ -80,31 +116,53 @@ in
"floorp.panelSidebar.data" = readJson ./panel-sidebar-data.json;
"floorp.tabs.sleep.exclusion" = readJson ./tabs-sleep-exclusion.json;
};
- extensions.packages = [
- addons.bitwarden
- addons.sidebery
- addons.tampermonkey
- addons.stylus
- addons.new-tab-override
- (buildXpi {
- name = "adguard-adblocker";
- addonId = "adguardadblocker@adguard.com";
- version = "5.4.3.1";
- url = "https://addons.mozilla.org/firefox/downloads/file/4805625/adguard_adblocker-5.4.3.1.xpi";
- sha256 = "1rqp8qcc0p6qgqfgpshiqnll5mrl9jyfnks4zygzim436k0k781l";
- })
+ search = {
+ force = true;
+ default = "SearXNG";
+ engines = {
+ "SearXNG" = {
+ urls = [ { template = "https://search.cyperpunk.de/search?q={searchTerms}"; } ];
+ definedAliases = [ "@sx" ];
+ };
+ };
+ };
- (buildXpi {
- name = "catppuccin-mocha";
- addonId = "{7aa7c68a-141f-45c9-a1c6-6e7382debbe1}";
- version = "1.0";
- url = "https://addons.mozilla.org/firefox/downloads/file/4147586/catppuccin_mocha-1.0.xpi";
- sha256 = "04lw5dirdv5636i52gfgyd5l0mkd74qjs2p23mimga3xv8hk1dzl";
- })
- ];
+ extensions = {
+ force = true;
+ packages = [
+ addons.bitwarden
+ addons.sidebery
+ addons.tampermonkey
+ addons.stylus
+ addons.new-tab-override
+
+ (buildXpi {
+ name = "adguard-adblocker";
+ addonId = "adguardadblocker@adguard.com";
+ version = "5.4.3.1";
+ url = "https://addons.mozilla.org/firefox/downloads/file/4805625/adguard_adblocker-5.4.3.1.xpi";
+ sha256 = "1rqp8qcc0p6qgqfgpshiqnll5mrl9jyfnks4zygzim436k0k781l";
+ })
+
+ (buildXpi {
+ name = "catppuccin-mocha";
+ addonId = "{7aa7c68a-141f-45c9-a1c6-6e7382debbe1}";
+ version = "1.0";
+ url = "https://addons.mozilla.org/firefox/downloads/file/4147586/catppuccin_mocha-1.0.xpi";
+ sha256 = "04lw5dirdv5636i52gfgyd5l0mkd74qjs2p23mimga3xv8hk1dzl";
+ })
+ ];
+ settings = {
+ "{3c078156-979c-498b-8990-85f7987dd929}".settings = builtins.fromJSON (
+ builtins.readFile ./sidebery.json
+ );
+ "newtaboverride@agenedia.com".settings = {
+ type = "custom_url";
+ url = "https://www.cyperpunk.de/";
+ };
+ };
+ };
};
};
-
- home.file.".floorp/default/containers.json".source = ./sideberry.json;
}
diff --git a/home/floorp/sideberry.json b/home/floorp/sidebery.json
similarity index 100%
rename from home/floorp/sideberry.json
rename to home/floorp/sidebery.json
diff --git a/home/floorp/stylus.json b/home/floorp/stylus.json
new file mode 100644
index 0000000..fd11876
--- /dev/null
+++ b/home/floorp/stylus.json
@@ -0,0 +1,24070 @@
+[
+ {
+ "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 ''\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 ''\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 ''\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 ''\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 ''\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 ''\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 ''\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 ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n .XxDCpwElzOhQaLmCxJ8z,\n .privacy-reminder__icon-shield {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n .privacy-reminder__icon-check {\n @svg: escape(\n ''\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 ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n //rain icon\n .module__items-icon-precip {\n @svg: escape(\n ''\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 ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n } //ddg icon\n .header__logo,\n .js-logo-ddg {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n .yhccgqM_FdvJ79N6Jm6c {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n //duckduckgo search too long icon\n .logo_homepage {\n @svg: escape(\n ''\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 ''\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 ''\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 ?\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 ''\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 ''\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 ''\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 ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n #dragbar {\n @svg: escape(\n ''\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 ''\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 ''\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 ''\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 ''\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 ''\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 ''\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 ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .pride .page-header {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .home-waves {\n @svg: escape(\n ''\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 ''\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 ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n &[src*=\"formatives-assigned-submitted\"] {\n @svg: escape(\n ''\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 ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n &[src*=\"match-preview\"] {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n &[src*=\"quiz-preview\"] {\n @svg: escape(\n ''\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 ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n .NoFormatives__StyledImg-sc-1v9g5eg-4 {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n .PracticeSetGrid__EmptyStateDiv-sc-1yuxflk-1 img {\n @svg: escape(\n ''\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 ''\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 ''\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 ''\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 ''\n );\n @file: escape(\n ''\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 ''\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 ''\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 ''\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 ''\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 ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n .aXBZVd {\n @svg: escape(\n ''\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 ''\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 ''\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 ''\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 ''\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 ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n [class*=\"HeaderLinks_logoLarge\"] {\n @svg: escape(\n ''\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 ''\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 ''\n );\n @svg2: escape(\n ''\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 ''\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 ''\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 ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n [src$=\"android-store.svg\"] {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n [src$=\"ios-store.svg\"] {\n @svg: escape(\n ''\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 ''\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 ''\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: \"\";\n windowslive: \"\";\n github: \"\";\n apple: \"\";\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 ''\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 ''\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 ''\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 ''\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 ''\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 ''\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 ''\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 ''\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 ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n img[src=\"/icons/x.svg\"] {\n @svg: escape(\n ''\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 ''\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 ''\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 ''\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 ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n\n + .mw-logo-tagline {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n\n .mw-logo-icon {\n &[src$=\"wikidatawiki.svg\"] {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n &[src$=\"commonswiki.svg\"] {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n &[src$=\"wikivoyage.svg\"] {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n &[src$=\"wikiquote.svg\"] {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n &[src$=\"wikiversity.svg\"] {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n &[src$=\"mediawikiwiki.svg\"] {\n @svg: escape(\n ''\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 ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n &[alt=\"Wikinews\"] {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n &[alt=\"Wikiquote\"] {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n &[alt=\"Wikiversity\"] {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n &[alt=\"MediaWiki\"] {\n @svg: escape(\n ''\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 ''\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 ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-ellipsis {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-appearance {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-expand {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n &.mw-ui-icon-wikimedia-language-progressive {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n &.mw-ui-icon-wikimedia-language {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n &.mw-ui-icon-wikimedia-listBullet {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n &.mw-ui-icon-wikimedia-fullScreen {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-userAvatar {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-watchlist {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-tray {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-bell {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-star {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-userTalk {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-sandbox {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-settings {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-unStar {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-labFlask {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-userContributions {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-logOut {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-search {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-edit {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-history {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-speechBubbles {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.mw-ui-icon-wikimedia-editLock {\n @svg: escape(\n ''\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 '',\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 ''\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 ''\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 ''\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 ''\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 ''\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 ''\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 ''\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( ,\" \", \"\", \"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 ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n img[src$=\"images/grabify-inverted.svg\"] {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n img[src$=\"images/homepage/2.svg\"] {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n img[src$=\"images/homepage/4.svg\"] {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n img[src$=\"images/homepage/5.svg\"] {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .is-world-background {\n @svg: escape(\n ''\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 ''\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 ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n color: @green;\n }\n .minus {\n @svg: escape(\n ''\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 ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n .shut {\n @svg: escape(\n ''\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 ''\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 ''\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 ''\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 ''\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 ''\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 ''\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 ''\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 ''\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 ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n img[alt=\"Change settings\"] {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n #settings-menu {\n img[alt=\"Change settings\"] {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n > a:not(:has(img))::before {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n\n .setting-check input:checked {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n #copy-path {\n @raw: '';\n @raw_before: '';\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 ''\n );\n @minus: escape(\n ''\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 ''\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 ''\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
\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 ''\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 ''\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 ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n img.go-Footer-googleLogoImg,\n img.Footer-googleLogoImg {\n @svg: escape(\n ''\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 ''\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 ''\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 ''\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 ''\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 ''\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 ''\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 ''\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 ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n // /doc/install icon\n img.CopyPaste-icon {\n @svg: escape(\n ''\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 ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .SiteBreadcrumb .BreadcrumbNav-li::after {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n // Menu Active Selector\n img.TabSection-underline {\n @svg: escape(\n ''\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 ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n filter: none;\n }\n\n .go-Carousel-prevSlide img {\n @svg: escape(\n ''\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 ''\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 ''\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 ''\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 ''\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 ''\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 ''\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 ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .about-pypi__logo img {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .-js-white-cube,\n .release__node[src*=\"white\"] {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .release__node[src*=\"blue\"] {\n @svg: escape(\n ''\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 ''\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 ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .s-avatar {\n &.subcommunity-topic-mobile-dev {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n &.subcommunity-topic-r-language {\n @svg: escape(\n ''\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 ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n [alt=\"Super User\"] {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n [alt=\"MathOverflow\"] {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n [alt=\"Ask Ubuntu\"] {\n @svg: escape(\n ''\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 ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n [alt=\"Unix & Linux\"] {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n &:has([alt=\"Unix & Linux\"]) {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n [alt=\"Cryptography\"] {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n &:has([alt=\"Cryptography\"]) {\n @svg: escape(\n ''\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 ''\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 ''\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 ''\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 ''\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 ''\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 ''\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 ''\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 ''\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 ''\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 ''\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 ''\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 ''\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 ''\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 ''\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 ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n // google logo\n .UDKXKd,\n .uuRyud {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n // app store install button\n .ASbIvd {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n\n & when (@flavor = latte) {\n @svg: escape(\n ''\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 ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n\n & when (@flavor = latte) {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n }\n\n // sharing\n .MmE0qc {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n // favorites image\n .ryy2Zd {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n // album image\n .AAF8rf {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n // archive image\n .ZgMovb {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n // no photo orders image\n .raQi0b {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n\n & when (@flavor = latte) {\n @svg: escape(\n ''\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 ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n\n & when (@flavor = latte) {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n }\n\n // google shield icon\n .SAdUce {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n & when (@flavor = latte) {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n }\n\n // trash icon\n .bR1LEf {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n // sharing buddy icon\n .PfAiBf {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n // add photos svg\n .nlmbYc {\n @svg: escape(\n ''\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 ''\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 ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .nav-logo .logo-small, .logo-wrapper img {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .waves-bottom {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n .waves-top {\n @svg: escape(\n ''\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 ''\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 ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n img[src$=\"/images/PA-logo.svg\"] {\n @svg: escape(\n ''\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 ''\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 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 ''\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 ''\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 ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .wd-footer-promo {\n @svg: escape(\n ''\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 ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .exp-icon {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .coin-icon {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .diff-icon {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n filter: none;\n }\n\n .arena-icon {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .event-item-icon.icon-filter {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .quest-icon {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .arena-coin-icon.icon-filter {\n @svg: escape(\n ''\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 ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n [class*=\"DownloadPage_header\"] img {\n @svg: escape(\n ''\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 ''\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 ''\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 ''\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: '';\n @king: '';\n @knight: '';\n @rook: '';\n @pawn: '';\n @queen: '';\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 ''\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 ''\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 ''\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 ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n &.dark {\n .theme-toggle {\n @svg: escape(\n ''\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 ''\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 ''\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 ''\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 ''\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 ''\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 ''\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 ''\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 ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .vector-icon.mw-ui-icon-wikimedia-ellipsis {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .vector-icon.mw-ui-icon-wikimedia-appearance {\n @svg: escape(\n ''\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 ''\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 ''\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 ''\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 ''\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 ''\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 ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n .mw-parser-output a.external {\n @svg: escape(\n ''\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 ''\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 ''\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 ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n\n ul {\n @svg: escape(\n ''\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 ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .vector-icon.mw-ui-icon-wikimedia-fullScreen {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .fancycaptcha-reload {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .popups-icon--settings {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .vector-icon.mw-ui-icon-wikimedia-userAvatar {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .vector-icon.mw-ui-icon-wikimedia-watchlist {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .vector-icon.mw-ui-icon-wikimedia-tray {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .vector-icon.mw-ui-icon-wikimedia-bell {\n @svg: escape(\n ''\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 ''\n );\n background: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .vector-icon.mw-ui-icon-wikimedia-star {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .vector-icon.mw-ui-icon-wikimedia-userTalk {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .vector-icon.mw-ui-icon-wikimedia-sandbox {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .vector-icon.mw-ui-icon-wikimedia-settings {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .vector-icon.mw-ui-icon-wikimedia-unStar {\n @svg: escape(\n ''\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 ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .oo-ui-icon-bell {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .oo-ui-icon-next {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .oo-ui-icon-settings {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .oo-ui-icon-expand {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .oo-ui-icon-tray {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .vector-icon.mw-ui-icon-wikimedia-labFlask {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .mw-ui-icon-vector-gadget-pt-darkmode {\n @svg: escape(\n ''\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 ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .vector-icon.mw-ui-icon-wikimedia-userContributions {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .vector-icon.mw-ui-icon-wikimedia-logOut {\n @svg: escape(\n ''\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 ''\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 ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .cdx-message .cdx-message__icon {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .vector-icon.mw-ui-icon-wikimedia-edit {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .vector-icon.mw-ui-icon-wikimedia-history {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .vector-icon.mw-ui-icon-wikimedia-speechBubbles {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n\n .vector-icon.mw-ui-icon-wikimedia-editLock {\n @svg: escape(\n ''\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 ''\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 ''\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 ''\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
+ }
+]
\ No newline at end of file
diff --git a/home/packages.nix b/home/packages.nix
index 73c64c0..be9be52 100644
--- a/home/packages.nix
+++ b/home/packages.nix
@@ -33,8 +33,10 @@
gnutar
unrar
sops
+ age
# Nix tools
nix-index
+ ncdu
]
++ lib.optionals (!pkgs.stdenv.isDarwin) [
# dev tools
@@ -48,7 +50,6 @@
which
libnotify
# encryption
- age
ssh-to-age
]
++ lib.optionals (!pkgs.stdenv.isDarwin && !isServer) [
diff --git a/nixos/default.nix b/nixos/default.nix
index 764cc04..53b9127 100644
--- a/nixos/default.nix
+++ b/nixos/default.nix
@@ -48,6 +48,7 @@
"nix-community.cachix.org-1:mB9FSh9qf2dCimDSUo8Zy7bkq5CX+/rkCWyvRCYg3Fs="
"cyper-cache.cachix.org-1:pOpeWFEjGHg9XvqRg+DQpYnGRQNp+z+QEF8Ev2mbSoM="
];
+ auto-optimise-store = true;
};
gc = {
automatic = true;