From 465926daa337e227c3199cb4e977b07a26a9df77 Mon Sep 17 00:00:00 2001 From: isabel Date: Wed, 13 Dec 2023 23:17:17 +0000 Subject: [PATCH] refactor: dont use `@name` outside of metadata block --- compiled.json | 2 +- scripts/import-styles/main.ts | 1 + styles/chess.com/catppuccin.user.css | 6 +-- styles/github/catppuccin.user.css | 64 ++++++++++++++-------------- 4 files changed, 36 insertions(+), 37 deletions(-) diff --git a/compiled.json b/compiled.json index 15c53f375..4f81c2e8c 100644 --- a/compiled.json +++ b/compiled.json @@ -1 +1 @@ -[{"settings":{"updateInterval":24,"updateOnlyEnabled":true,"patchCsp":true}},{"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.css","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":"0.0.1","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/advent-of-code/catppuccin.user.css","description":"Soothing pastel theme for Advent Of Code","author":"Catppuccin","license":"MIT","preprocessor":"less","vars":{"flavor":{"type":"select","label":"Flavor","name":"flavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]}}},"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 0.0.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/advent-of-code/catppuccin.user.css\n@description Soothing pastel theme for Advent Of Code\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */\n@-moz-document domain(\"adventofcode.com\") {\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@flavor);\n\n #catppuccin(@lookup) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n body {\n background: @base;\n color: @text;\n\n header h1 a,\n header h1 span {\n color: @green;\n text-shadow:\n 0 0 2px @green,\n 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 input[type=\"text\"],\n textarea,\n code::before {\n border-color: @surface0;\n background: @crust;\n }\n }\n }\n }\n}\n// vim:ft=less\n"},{"enabled":true,"name":"AniList Catppuccin","description":"Soothing pastel theme for AniList","author":"Catppuccin","updateUrl":"https://github.com/catppuccin/userstyles/raw/main/styles/anilist/catppuccin.user.css","usercssData":{"name":"AniList Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/anilist","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/anilist","version":"2.1.1","description":"Soothing pastel theme for AniList","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/anilist/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent Color","name":"accentColor","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"}]},"contrastColor":{"type":"select","label":"Contrast Color","name":"contrastColor","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"}]}}},"sourceCode":"/* ==UserStyle==\n@name AniList Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/anilist\n@homepageURL\thttps://github.com/catppuccin/userstyles/tree/main/styles/anilist\n@version 2.1.1\n@description Soothing pastel theme for AniList\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/anilist/catppuccin.user.css\n@license\t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent 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@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@-moz-document domain(\"anilist.co\") {\n body:not(.site-theme-dark) {\n #catppuccin(@lightFlavor, @accentColor);\n }\n .site-theme-dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent: @catppuccin[@@lookup][@@accentColor];\n @contrast-color: @catppuccin[@@lookup][@@contrastColor];\n\n & when (@lookup =latte) {\n --color-blue-dim: #rgbify(desaturate(lighten(@accent, 10%), 10%)) [];\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\n /* BASE VARIABLES */\n --color-background: #rgbify(@crust) [];\n --color-foreground: #rgbify(@base) [];\n --color-foreground-grey: #rgbify(@surface0) [];\n --color-foreground-grey-dark: #rgbify(@surface0) [];\n --color-foreground-blue: #rgbify(@mantle) [];\n --color-foreground-blue-dark: #rgbify(@mantle) [];\n --color-background-blue-dark: #rgbify(@subtext1) [];\n --color-overlay: #rgbify(@crust) [];\n --color-shadow: #rgbify(@mantle) [];\n --color-shadow-dark: #rgbify(@crust) [];\n --color-shadow-blue: #rgbify(@blue) [];\n --color-text: #rgbify(@text) [];\n --color-text-light: #rgbify(@subtext1) [];\n --color-text-lighter: #rgbify(@subtext0) [];\n --color-text-bright: #rgbify(@text) [];\n --color-blue: #rgbify(@accent) [];\n --color-white: 255, 255, 255;\n --color-black: 0, 0, 0;\n --color-red: #rgbify(@contrast-color) [];\n --color-peach: #rgbify(@maroon) [];\n --color-orange: #rgbify(@peach) [];\n --color-yellow: #rgbify(@yellow) [];\n --color-green: #rgbify(@green) [];\n --color-background-1200: #rgbify(@text) [];\n --color-background-1100: #rgbify(@text) [];\n --color-background-1000: #rgbify(@text) [];\n --color-background-900: #rgbify(@subtext1) [];\n --color-background-800: #rgbify(@subtext0) [];\n --color-background-700: #rgbify(@surface1) [];\n --color-background-600: #rgbify(@surface0) [];\n --color-background-500: #rgbify(@surface0) [];\n --color-background-400: #rgbify(@surface0) [];\n --color-background-300: #rgbify(@base) [];\n --color-background-200: #rgbify(@mantle) [];\n --color-background-100: #rgbify(@crust) [];\n --color-gray-1200: #rgbify(@text) [];\n --color-gray-1100: #rgbify(@text) [];\n --color-gray-1000: #rgbify(@text) [];\n --color-gray-900: #rgbify(@text) [];\n --color-gray-800: #rgbify(@overlay2) [];\n --color-gray-700: #rgbify(@overlay1) [];\n --color-gray-600: #rgbify(@overlay0) [];\n --color-gray-500: #rgbify(@surface2) [];\n --color-gray-400: #rgbify(@surface1) [];\n --color-gray-300: #rgbify(@surface0) [];\n --color-gray-200: #rgbify(@mantle) [];\n --color-gray-100: #rgbify(@crust) [];\n --color-blue-100: #rgbify(@text) [];\n --color-blue-200: #rgbify(@text) [];\n --color-blue-300: #rgbify(@text) [];\n --color-blue-400: #rgbify(@sapphire) [];\n --color-blue-500: #rgbify(@sapphire) [];\n --color-blue-600: #rgbify(@blue) [];\n --color-blue-700: #rgbify(@blue) [];\n --color-blue-800: #rgbify(@blue) [];\n --color-blue-900: #rgbify(@blue) [];\n --color-blue-1000: #rgbify(@blue) [];\n --color-green-100: #rgbify(@teal) [];\n --color-green-200: #rgbify(@green) [];\n --color-green-300: #rgbify(@green) [];\n --color-green-400: #rgbify(@green) [];\n --color-green-500: #rgbify(@green) [];\n --color-green-600: #rgbify(@green) [];\n --color-green-700: #rgbify(@green) [];\n --color-green-800: #rgbify(@green) [];\n --color-red-100: #rgbify(@text) [];\n --color-red-200: #rgbify(@flamingo) [];\n --color-red-300: #rgbify(@maroon) [];\n --color-red-400: #rgbify(@red) [];\n --color-red-500: #rgbify(@red) [];\n --color-red-600: #rgbify(@red) [];\n --color-red-700: #rgbify(@red) [];\n\n /* DARK THEME SPECIFIC TWEAKS */\n & when not (@lookup =latte) {\n --color-background: #rgbify(@crust) [];\n --color-foreground: #rgbify(@base) [];\n --color-foreground-grey: #rgbify(@surface0) [];\n --color-foreground-grey-dark: #rgbify(@surface0) [];\n --color-foreground-blue: #rgbify(@mantle) [];\n --color-foreground-blue-dark: #rgbify(@mantle) [];\n --color-text: #rgbify(@text) [];\n --color-text-light: #rgbify(@subtext0) [];\n --color-text-lighter: #rgbify(@subtext1) [];\n --color-shadow-blue: #rgbify(@crust) [];\n --color-background-1200: #rgbify(@text) [];\n --color-background-1100: #rgbify(@text) [];\n --color-background-1000: #rgbify(@text) [];\n --color-background-900: #rgbify(@subtext1) [];\n --color-background-800: #rgbify(@subtext0) [];\n --color-background-700: #rgbify(@surface1) [];\n --color-background-600: #rgbify(@surface0) [];\n --color-background-500: #rgbify(@surface0) [];\n --color-background-400: #rgbify(@surface0) [];\n --color-background-300: #rgbify(@base) [];\n --color-background-200: #rgbify(@mantle) [];\n --color-background-100: #rgbify(@crust) [];\n --color-gray-1200: #rgbify(@text) [];\n --color-gray-1100: #rgbify(@text) [];\n --color-gray-1000: #rgbify(@text) [];\n --color-gray-900: #rgbify(@text) [];\n --color-gray-800: #rgbify(@overlay2) [];\n --color-gray-700: #rgbify(@overlay1) [];\n --color-gray-600: #rgbify(@overlay0) [];\n --color-gray-500: #rgbify(@surface2) [];\n --color-gray-400: #rgbify(@surface1) [];\n --color-gray-300: #rgbify(@surface0) [];\n --color-gray-200: #rgbify(@mantle) [];\n --color-gray-100: #rgbify(@crust) [];\n\n --color-blue-dim: #rgbify(desaturate(darken(@accent, 10%), 10%)) [];\n }\n /* DARK THEME NAV BAR */\n .nav-unscoped when not (@lookup =latte) {\n background-color: @mantle !important;\n }\n /* -----------------PROFILE FIXES----------------- */\n #profileColor(@color) {\n --color-blue: #rgbify(@color) [];\n & when (@lookup =latte) {\n --color-blue-dim: #rgbify(lighten(@color, 10%)) [];\n }\n & when not (@lookup =latte) {\n --color-blue-dim: #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\n /* --------------Tags---------------- */\n .tag {\n background: @accent !important;\n color: @base !important;\n }\n .genre {\n color: @base !important;\n }\n\n /* ----Tracking Status List Stuff---- */\n .list[data-v-5776f768],\n .el-icon-arrow-down::before {\n color: @mantle !important;\n }\n .el-dropdown-menu,\n .el-dropdown-menu__item--divided::before,\n .el-select-dropdown {\n background-color: @base !important;\n }\n .el-dropdown-menu {\n border-color: @text !important;\n }\n .el-dropdown-menu__item:focus,\n .el-dropdown-menu__item:not(.is-disabled):hover {\n color: @crust !important;\n }\n .el-dropdown-menu__item--divided when not (@lookup =latte) {\n border-top-color: rgb(21, 31, 46);\n }\n .el-select-dropdown__item.hover,\n .el-select-dropdown__item:hover {\n background-color: @mantle;\n }\n\n /* ---------SCORE TWEAKS-------------- */\n .score[data-v-5ca094da] {\n color: @base;\n }\n\n /* --------------FOOTER (It's hardcoded idk why anilist dumdum)---------- */\n .footer[data-v-0f519cab] {\n background: @crust;\n color: @subtext0;\n }\n\n /* ------------------MISC EDITS-------------------- */\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 /* ------------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 button-------- */\n .settings[data-v-3deab077] .button {\n color: @crust;\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 }\n}\n\n@-moz-document domain(\"anichart.net\") {\n body:not(.site-theme-dark) {\n #catppuccin(@lightFlavor, @accentColor);\n }\n .site-theme-dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent: @catppuccin[@@lookup][@@accentColor];\n @contrast-color: @catppuccin[@@lookup][@@contrastColor];\n\n & when (@lookup =latte) {\n --color-blue-dim: #rgbify(desaturate(lighten(@accent, 10%), 10%)) [];\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\n /* BASE VARIABLES */\n --color-background: #rgbify(@crust) [];\n --color-foreground: #rgbify(@base) [];\n --color-foreground-grey: #rgbify(@surface0) [];\n --color-foreground-grey-dark: #rgbify(@surface0) [];\n --color-foreground-blue: #rgbify(@mantle) [];\n --color-foreground-blue-dark: #rgbify(@mantle) [];\n --color-background-blue-dark: #rgbify(@subtext1) [];\n --color-overlay: #rgbify(@crust) [];\n --color-shadow: #rgbify(@mantle) [];\n --color-shadow-dark: #rgbify(@crust) [];\n --color-shadow-blue: #rgbify(@blue) [];\n --color-text: #rgbify(@text) [];\n --color-text-light: #rgbify(@subtext1) [];\n --color-text-lighter: #rgbify(@subtext0) [];\n --color-text-bright: #rgbify(@text) [];\n --color-blue: #rgbify(@accent) [];\n --color-white: 255, 255, 255;\n --color-black: 0, 0, 0;\n --color-red: #rgbify(@contrast-color) [];\n --color-peach: #rgbify(@maroon) [];\n --color-orange: #rgbify(@peach) [];\n --color-yellow: #rgbify(@yellow) [];\n --color-green: #rgbify(@green) [];\n --color-background-1200: #rgbify(@text) [];\n --color-background-1100: #rgbify(@text) [];\n --color-background-1000: #rgbify(@text) [];\n --color-background-900: #rgbify(@subtext1) [];\n --color-background-800: #rgbify(@subtext0) [];\n --color-background-700: #rgbify(@surface1) [];\n --color-background-600: #rgbify(@surface0) [];\n --color-background-500: #rgbify(@surface0) [];\n --color-background-400: #rgbify(@surface0) [];\n --color-background-300: #rgbify(@base) [];\n --color-background-200: #rgbify(@mantle) [];\n --color-background-100: #rgbify(@crust) [];\n --color-gray-1200: #rgbify(@text) [];\n --color-gray-1100: #rgbify(@text) [];\n --color-gray-1000: #rgbify(@text) [];\n --color-gray-900: #rgbify(@text) [];\n --color-gray-800: #rgbify(@overlay2) [];\n --color-gray-700: #rgbify(@overlay1) [];\n --color-gray-600: #rgbify(@overlay0) [];\n --color-gray-500: #rgbify(@surface2) [];\n --color-gray-400: #rgbify(@surface1) [];\n --color-gray-300: #rgbify(@surface0) [];\n --color-gray-200: #rgbify(@mantle) [];\n --color-gray-100: #rgbify(@crust) [];\n --color-blue-100: #rgbify(@text) [];\n --color-blue-200: #rgbify(@text) [];\n --color-blue-300: #rgbify(@text) [];\n --color-blue-400: #rgbify(@sapphire) [];\n --color-blue-500: #rgbify(@sapphire) [];\n --color-blue-600: #rgbify(@blue) [];\n --color-blue-700: #rgbify(@blue) [];\n --color-blue-800: #rgbify(@blue) [];\n --color-blue-900: #rgbify(@blue) [];\n --color-blue-1000: #rgbify(@blue) [];\n --color-green-100: #rgbify(@teal) [];\n --color-green-200: #rgbify(@green) [];\n --color-green-300: #rgbify(@green) [];\n --color-green-400: #rgbify(@green) [];\n --color-green-500: #rgbify(@green) [];\n --color-green-600: #rgbify(@green) [];\n --color-green-700: #rgbify(@green) [];\n --color-green-800: #rgbify(@green) [];\n --color-red-100: #rgbify(@text) [];\n --color-red-200: #rgbify(@flamingo) [];\n --color-red-300: #rgbify(@maroon) [];\n --color-red-400: #rgbify(@red) [];\n --color-red-500: #rgbify(@red) [];\n --color-red-600: #rgbify(@red) [];\n --color-red-700: #rgbify(@red) [];\n\n /* DARK THEME SPECIFIC TWEAKS */\n & when not (@lookup =latte) {\n --color-background: #rgbify(@crust) [];\n --color-foreground: #rgbify(@base) [];\n --color-foreground-grey: #rgbify(@surface0) [];\n --color-foreground-grey-dark: #rgbify(@surface0) [];\n --color-foreground-blue: #rgbify(@mantle) [];\n --color-foreground-blue-dark: #rgbify(@mantle) [];\n --color-text: #rgbify(@text) [];\n --color-text-light: #rgbify(@subtext0) [];\n --color-text-lighter: #rgbify(@subtext1) [];\n --color-shadow-blue: #rgbify(@crust) [];\n --color-background-1200: #rgbify(@text) [];\n --color-background-1100: #rgbify(@text) [];\n --color-background-1000: #rgbify(@text) [];\n --color-background-900: #rgbify(@subtext1) [];\n --color-background-800: #rgbify(@subtext0) [];\n --color-background-700: #rgbify(@surface1) [];\n --color-background-600: #rgbify(@surface0) [];\n --color-background-500: #rgbify(@surface0) [];\n --color-background-400: #rgbify(@surface0) [];\n --color-background-300: #rgbify(@base) [];\n --color-background-200: #rgbify(@mantle) [];\n --color-background-100: #rgbify(@crust) [];\n --color-gray-1200: #rgbify(@text) [];\n --color-gray-1100: #rgbify(@text) [];\n --color-gray-1000: #rgbify(@text) [];\n --color-gray-900: #rgbify(@text) [];\n --color-gray-800: #rgbify(@overlay2) [];\n --color-gray-700: #rgbify(@overlay1) [];\n --color-gray-600: #rgbify(@overlay0) [];\n --color-gray-500: #rgbify(@surface2) [];\n --color-gray-400: #rgbify(@surface1) [];\n --color-gray-300: #rgbify(@surface0) [];\n --color-gray-200: #rgbify(@mantle) [];\n --color-gray-100: #rgbify(@crust) [];\n\n --color-blue-dim: #rgbify(desaturate(darken(@accent, 10%), 10%)) [];\n }\n\n /* DARK THEME NAV BAR */\n .nav-unscoped when not (@lookup =latte) {\n background-color: @mantle !important;\n }\n /* -----------------PROFILE FIXES----------------- */\n #profileColor(@color) {\n --color-blue: #rgbify(@color) [];\n & when (@lookup =latte) {\n --color-blue-dim: #rgbify(lighten(@color, 10%)) [];\n }\n & when not (@lookup =latte) {\n --color-blue-dim: #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\n /* --------------Tags---------------- */\n .tag {\n background: @accent !important;\n color: @base !important;\n }\n .genre {\n color: @base !important;\n }\n\n /* ----Tracking Status List Stuff---- */\n .list[data-v-5776f768],\n .el-icon-arrow-down::before {\n color: @mantle !important;\n }\n .el-dropdown-menu,\n .el-dropdown-menu__item--divided::before,\n .el-select-dropdown {\n background-color: @base !important;\n }\n .el-dropdown-menu {\n border-color: @text !important;\n }\n .el-dropdown-menu__item:focus,\n .el-dropdown-menu__item:not(.is-disabled):hover {\n color: @crust !important;\n }\n .el-dropdown-menu__item--divided when not (@lookup =latte) {\n border-top-color: rgb(21, 31, 46);\n }\n .el-select-dropdown__item.hover,\n .el-select-dropdown__item:hover {\n background-color: @mantle;\n }\n\n /* ---------SCORE TWEAKS-------------- */\n .score[data-v-5ca094da] {\n color: @base;\n }\n\n /* --------------FOOTER (It's hardcoded idk why anilist dumdum)---------- */\n .footer[data-v-0f519cab] {\n background: @crust;\n color: @subtext0;\n }\n\n /* ------------------MISC EDITS-------------------- */\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 /* ------------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 button-------- */\n .settings[data-v-3deab077] .button {\n color: @crust;\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\n /* --------ANICHART SPECIFIC TWEAKS---- */\n .login[data-v-0d5bfbcd],\n .login[data-v-0d5bfbcd]:hover {\n color: @base;\n }\n\n .nav[data-v-e2f25004] {\n background: @crust;\n }\n .season[data-v-e2f25004],\n .charts .label[data-v-e2f25004],\n .charts .svg-icon[data-v-e2f25004],\n .section:first-of-type .section-heading[data-v-309146c2],\n a.title[data-v-09928904] {\n color: @text;\n }\n .season.router-link-active[data-v-e2f25004],\n .charts a:hover .svg-icon[data-v-e2f25004],\n .season[data-v-e2f25004]:hover,\n .charts .router-link-active .svg-icon[data-v-e2f25004] {\n color: @accent;\n }\n .settings[data-v-3deab077] .button.danger {\n color: @base;\n }\n /* AUTOMAIL TWEAK */\n .site-theme-dark .el-popper .el-dropdown-menu__item:focus,\n .el-popper .el-dropdown-menu__item:not(.is-disabled):hover {\n color: @accent !important;\n }\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 .filter-group.compare-btn,\n .hohButton {\n color: @base;\n }\n .hohButton {\n background-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 }\n}\n\n/* prettier-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n}\n\n#rgbify(@color) {\n @rgb-raw: red(@color), green(@color), blue(@color);\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"boringproxy Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/boringproxy","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/boringproxy","version":"0.0.1","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/boringproxy/catppuccin.user.css","description":"Soothing pastel theme for boringproxy","author":"Catppuccin","license":"MIT","preprocessor":"less","vars":{"flavor":{"type":"select","label":"Flavor","name":"flavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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":"Grey","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 0.0.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/boringproxy/catppuccin.user.css\n@description Soothing pastel theme for boringproxy\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Grey\"]\n==/UserStyle== */\n@-moz-document domain(\"boring.example.com\") {\n :root {\n #catppuccin(@flavor, @accentColor);\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n // Main Background\n body {\n background: @base;\n }\n // Actual Panel\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-color;\n }\n .menu-item:any-link {\n color: @text;\n }\n\n // Right SIde Button\n .button {\n border-color: @accent-color;\n background-color: @crust;\n color: @subtext1;\n }\n .button:hover {\n color: @surface0;\n background-color: @accent-color;\n border-color: @crust;\n }\n\n // Top Headers\n .list {\n background-color: @crust;\n }\n\n .list-item {\n color: @accent-color;\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-color;\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-color;\n }\n\n .input select {\n background-color: @crust;\n color: @subtext0;\n border-color: @accent-color;\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-color;\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-color;\n }\n .client-adder input {\n background-color: @crust;\n color: @subtext0;\n border-color: @accent-color;\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-color;\n }\n // dialog\n .dialog__content {\n background-color: @crust;\n color: @text;\n }\n }\n}\n// vim:ft=less\n"},{"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.css","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":"1.0.4","description":"Soothing pastel theme for Brave Search","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/brave-search/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]}}},"sourceCode":"/* ==UserStyle==\n@name Brave Search Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/brave-search\n@homepageURL\thttps://github.com/catppuccin/userstyles/tree/main/styles/brave-search\n@version 1.0.4\n@description Soothing pastel theme for Brave Search\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/brave-search/catppuccin.user.css\n@license\t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */\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 /* prettier-ignore */\n @catppuccin: {\n @latte: { @color-scheme: light; @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @color-scheme: dark; @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @color-scheme: dark; @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @color-scheme: dark; @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @color: @catppuccin[@@lookup][@color-scheme];\n\n color-scheme: @color;\n --color-container-highlight: @crust;\n --search-serp-container-background: @mantle;\n --body-bg: @base;\n --bg-glassy: @mantle;\n --bg-1: @surface1;\n --bg-2: @surface0;\n --bg-02: @crust;\n --bg-04: @mantle;\n --bg-green: @green;\n --bg-blue: @blue;\n --bg-red: @red;\n --bg-favicon: @surface1;\n --bg-form-control-selected: @surface2;\n --bg-form-control-unselected: @surface0;\n --form-control-selected: @blue;\n --form-control-hover: @lavender;\n --form-control-focus: @text;\n --settings-header-bg: @mantle;\n --settings-header-text: @text;\n --settings-header-icon: @blue;\n --settings-widget-text: @subtext0;\n --settings-item-text: @text;\n --settings-item-icon: @blue;\n --settings-item-border: @overlay0;\n --settings-item-border-2: @overlay2;\n --settings-btn-bg: @surface0;\n --settings-btn-text: @text;\n --settings-widget-outline: @overlay0;\n --settings-independent-score: @blue;\n --settings-global-score: @peach;\n --brave-supporter-bg: @base;\n --brave-supporter-text: @text;\n --context-menu-header-border: @overlay0;\n --color-primary: @text;\n --color-primary-2: @subtext1;\n --color-primary-3: @subtext0;\n --color-white: @text;\n --color-gray-2: @subtext1;\n --color-gray-3: @subtext0;\n --color-gray-4: @overlay2;\n --color-gray-5: @overlay1;\n --color-gray-6: @overlay0;\n --color-green: @green;\n --color-red: @red;\n --color-blue: @blue;\n --info-color: @blue;\n --link-primary: @blue;\n --link-secondary: @blue;\n --link-visited: @mauve;\n --snippet-url: @subtext0;\n --separator-dot: @overlay0;\n --theme-purple: @mauve;\n --theme-yellow: @yellow;\n --border-color: @overlay0;\n --blurple-300: @lavender;\n --text-01: @text;\n --text-02: @subtext1;\n --text-03: @subtext0;\n --interactive-04: @blue;\n --interactive-05: @blue;\n --interactive-06: @blue;\n --interactive-07: @blue;\n --interactive-08: @blue;\n --focus-border: @overlay2;\n --divider-01: @overlay0;\n --disabled: @overlay1;\n --btn-filled-bg: @surface0;\n --btn-filled-bg-hover: @surface1;\n --btn-filled-text-active: @text;\n --btn-filled-bg-active: @surface2;\n --btn-filled-text-disabled: @overlay1;\n --btn-outline-border: @overlay0;\n --btn-outline-border-hover: @overlay1;\n --btn-outline-text: @text;\n --btn-outline-text-hover: @subtext1;\n --btn-outline-text-active: @text;\n --btn-outline-border-active: @overlay2;\n --btn-outline-text-disabled: @overlay1;\n --btn-icon-svg-hover: @subtext1;\n --btn-icon-bg-hover: @surface1;\n --btn-icon-svg-active: @text;\n --code-bg-0: @base;\n --code-border: @overlay0;\n --code-color-1: @surface0;\n --code-color-2: @text;\n --code-color-3: @green;\n --code-color-4: @blue;\n --code-color-5: @pink;\n --search-bgd-01: @overlay0;\n --search-bgd-02: @base;\n --search-bgd-03: @crust;\n --search-bgd-04: @mantle;\n --search-bgd-05: @base;\n --search-bgd-06: @surface0;\n --search-bgd-07: @mantle;\n --search-bgd-08: @crust;\n --search-line-01: @surface0;\n --search-line-02: @subtext0;\n --search-text-01: @text;\n --search-text-02: @subtext1;\n --search-text-03: @subtext0;\n --search-text-04: @subtext0;\n --search-text-05: @blue;\n --search-text-06: @overlay0;\n --search-text-09: @yellow;\n --search-text-10: @peach;\n --search-interactive-01: @blue;\n --search-interactive-02: @mauve;\n --search-interactive-03: @mauve;\n --search-interactive-04: @sky;\n --search-interactive-05: @mauve;\n --gray-30: @base;\n --gray-60: @surface0;\n --gray-90: @overlay0;\n --gray-110: @subtext0;\n --gray-120: @text;\n --secondary-90: @lavender;\n\n #searchform > .searchbox-wrapper::after {\n background-image: none;\n }\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"bStats Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/bstats","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/bstats","version":"0.2.1","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/bstats/catppuccin.user.css","description":"Soothing pastel theme for bStats","author":"Catppuccin","license":"MIT","preprocessor":"less","vars":{"flavor":{"type":"select","label":"Flavor","name":"flavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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":"Grey","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 0.2.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/bstats/catppuccin.user.css\n@description Soothing pastel theme for bStats\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green*\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Grey\"]\n\n@var checkbox graphUseAccentColor \"Graphs Use Accent\" 0\n\n==/UserStyle== */\n@-moz-document domain('bstats.org') {\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n :root {\n #catppuccin(@flavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n 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-color !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-color;\n box-shadow: 0 1px 0 0 @accent-color;\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-color !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-color;\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-color, 25%), 50%);\n & when (@flavor=latte) {\n background-color: desaturate(lighten(@accent-color, 12%), 30%);\n }\n &::after {\n background-color: @accent-color;\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-color;\n color: @base;\n }\n .chips.focus {\n border-bottom-color: @accent-color;\n box-shadow: 0 1px 0 0 @accent-color;\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-color;\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-color, 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-color !important;\n }\n }\n .highcharts-markers path {\n fill: @red !important;\n stroke: @base !important;\n & when (@graphUseAccentColor=1) {\n fill: @accent-color !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-color !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-color !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// vim:ft=less\n"},{"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.css","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":"0.0.2","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/canvas-lms/catppuccin.user.css","description":"Soothing pastel theme for Canvas LMS","author":"Catppuccin","license":"MIT","preprocessor":"less","vars":{"flavor":{"type":"select","label":"Flavor","name":"flavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","value":null,"default":"sapphire","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Gray","value":"subtext0"}]}}},"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 0.0.2\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/canvas-lms/catppuccin.user.css\n@description Soothing pastel theme for Canvas LMS\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"instructure.com\") {\n :root {\n #catppuccin(@flavor, @accentColor);\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n #breadcrumbs,\n #printQuizButton,\n #content,\n .navigation-tray-container,\n .ic-Dashboard-header__layout,\n .button-sidebar-wide,\n .access_tokens,\n .context_modules,\n .textarea-container,\n .Button,\n .panel,\n span {\n background-color: @base;\n color: @accent-color;\n }\n\n #application,\n .comments,\n .module-sequence-footer-content,\n .immersive_reader_mount_point,\n .context_modules {\n background: @base !important;\n background-color: @base !important;\n color: @accent-color !important;\n }\n\n a,\n .page-title {\n color: fadeout(@text, 0.8) !important;\n }\n\n * {\n color: @text !important;\n background-color: @base !important;\n }\n .ic-DashboardCard,\n .ic-DashboardCard__header_content,\n .ic-DashboardCard__action-container,\n .ic-DashboardCard__header-subtitle,\n .ic-DashboardCard__header-title,\n .ic-DashboardCard__header-term {\n background-color: @surface0 !important;\n }\n\n .ic-app-header__main-navigation,\n .ic-app-header__logomark-container {\n background-color: @crust !important;\n }\n\n .ic-app-header__menu-list-item.ic-app-header__menu-list-item--active\n .ic-app-header__menu-list-link {\n background-color: fadeout(@crust, 0.8);\n }\n\n body {\n background-color: @base;\n }\n\n #right-side .events_list .event-details::after,\n #right-side .events_list .todo-details::after,\n #right-side .to-do-list .event-details::after,\n #right-side .to-do-list .todo-details::after {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n height: 100%;\n width: 12px;\n background: linear-gradient(\n to right,\n rgba(255, 255, 255, 0) 0%,\n @surface0 80%\n );\n }\n\n :root {\n --ic-brand-global-nav-avatar-border: @accent-color;\n --ic-brand-font-color-dark: fadeout(@accent-color, 0.8);\n --ic-brand-primary: @accent-color;\n --ic-brand-global-nav-ic-icon-svg-fill: fadeout(@accent-color, 0.5);\n --eMdva-color: @base !important;\n --ccWIh-color: @crust;\n }\n .unread_count,\n .menu-item-icon-container,\n .menu-item__badge,\n .nav-badge {\n color: fadeout(@text, 0.8);\n }\n\n .list-view a.active {\n border-left-color: #007fff;\n color: #007fff;\n }\n\n // Fix file preview\n nav.ViewerControls * {\n background-color: @surface1 !important;\n }\n div.Pages,\n .Page-container {\n background-color: #f2f2f2 !important;\n }\n .Page-container * {\n background-color: transparent !important;\n }\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"ChatGPT Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/chatgpt","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/chatgpt","version":"0.0.8","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.css","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":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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"}]}}},"sourceCode":"/* ==UserStyle==\n@name ChatGPT Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/chatgpt\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/chatgpt\n@version 0.0.8\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.css\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:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green*\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"chat.openai.com\") {\n @import url(\"https://unpkg.com/@catppuccin/highlightjs@0.1.2/css/catppuccin.variables.css\");\n\n .light body,\n .light html {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n :root,\n .dark body,\n .dark html {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n @color: white;\n #rgbify(@color) {\n @rgb-raw: red(@color), green(@color), blue(@color);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n --ctp-rosewater: #rgbify(@rosewater) [];\n --ctp-flamingo: #rgbify(@flamingo) [];\n --ctp-pink: #rgbify(@pink) [];\n --ctp-mauve: #rgbify(@mauve) [];\n --ctp-red: #rgbify(@red) [];\n --ctp-maroon: #rgbify(@maroon) [];\n --ctp-peach: #rgbify(@peach) [];\n --ctp-yellow: #rgbify(@yellow) [];\n --ctp-green: #rgbify(@green) [];\n --ctp-teal: #rgbify(@teal) [];\n --ctp-sky: #rgbify(@sky) [];\n --ctp-sapphire: #rgbify(@sapphire) [];\n --ctp-blue: #rgbify(@blue) [];\n --ctp-lavender: #rgbify(@lavender) [];\n --ctp-text: #rgbify(@text) [];\n --ctp-subtext1: #rgbify(@subtext1) [];\n --ctp-subtext0: #rgbify(@subtext0) [];\n --ctp-overlay2: #rgbify(@overlay2) [];\n --ctp-overlay1: #rgbify(@overlay1) [];\n --ctp-overlay0: #rgbify(@overlay0) [];\n --ctp-surface2: #rgbify(@surface2) [];\n --ctp-surface1: #rgbify(@surface1) [];\n --ctp-surface0: #rgbify(@surface0) [];\n --ctp-base: #rgbify(@crust) [];\n --ctp-mantle: #rgbify(@mantle) [];\n --ctp-crust: #rgbify(@crust) [];\n\n --text-primary: @text;\n --text-secondary: @subtext0;\n --text-tertiary: @subtext1;\n --surface-primary: @mantle;\n --surface-secondary: @base;\n --surface-tertiary: @surface0;\n --border-light: fade(@overlay2, 10%);\n --border-medium: fade(@overlay2, 15%);\n --border-heavy: fade(@overlay2, 20%);\n --border-xheavy: fade(@overlay2, 25%);\n\n background: @base !important;\n color: @text;\n\n /* Main page */\n div[class*=\"bg-gray-\"]:not(\n [class*=\"bg-gray-900\"],\n [class*=\"bg-gray-700\"],\n .bg-black .bg-gray-800,\n [class*=\"bg-gray-600/70\"], /* Modal background */\n [id^=\"headlessui-menu-items-\"], /* Help menu */\n [class*=\":radix-highlighted:hover:bg-[#2E2F33]\"] /* Settings > Theme selector drop down */\n ),\n div[class*=\"bg-vert-dark-gradient\"] {\n background: @base !important;\n }\n\n /* ToS violating message. Don't ask how this was tested. */\n .text-orange-500 {\n color: @peach;\n\n .bg-orange-500\\/10.border-orange-500 {\n background-color: fade(@peach, 10%);\n border-color: @peach;\n }\n }\n\n /* Chatbox */\n [class*=\":shadow-[0_0_0_2px_\"] {\n --tw-shadow: 0 0 0 2px @overlay0 !important;\n ::placeholder {\n color: @overlay0 !important;\n }\n }\n\n /* Go to end arrow */\n [class*=\":bg-white/10\"] {\n background-color: @surface0;\n border-color: @overlay0;\n }\n\n /* Message suggestions */\n [class*=\":from-gray-700\"] {\n --tw-gradient-from: if(@lookup = latte, @crust, @surface2)\n var(--tw-gradient-from-position);\n --tw-gradient-to: transparent var(--tw-gradient-to-position);\n }\n\n /* Help Menu */\n [id^=\"headlessui-menu-items-\"] {\n background-color: @mantle !important;\n [id^=\"headlessui-menu-item-\"]:hover {\n background-color: @surface0 !important;\n }\n }\n\n /* Modal Background */\n [class*=\"bg-gray-600/70\"] {\n background: fade(@base, 70%) !important;\n }\n\n /* Sidebar */\n [class*=\"bg-gray-900\"]:not(.\\!bg-transparent) {\n /* Also, Shared Links */\n background-color: @mantle !important;\n }\n\n div {\n --text-primary: @text;\n --text-secondary: @subtext0;\n --text-tertiary: @subtext1;\n --surface-primary: @surface0;\n --surface-secondary: @surface1;\n --surface-tertiary: @surface2;\n --border-light: fade(@overlay2, 10%);\n --border-medium: fade(@overlay2, 15%);\n --border-heavy: fade(@overlay2, 20%);\n --border-xheavy: fade(@overlay2, 25%);\n }\n\n nav {\n .sticky.bg-black, /* New Chat */\n h3[class*=\":bg-black\"] /* Today, Yesterday */ {\n background-color: transparent !important;\n }\n\n /* TODO: is it used? */\n .bg-gray-900 .bg-gray-800 {\n background-color: @surface0 !important;\n }\n\n /* Conversation */\n .group {\n /* Rename */\n a[href^=\"/c/\"] ~ .absolute {\n input {\n border-color: @accent-color;\n --tw-ring-color: @accent-color;\n }\n }\n /* Gradient */\n a[href^=\"/c/\"] .bg-gradient-to-l {\n --tw-gradient-from: @crust var(--tw-gradient-from-position);\n }\n &:hover a[href^=\"/c/\"] .bg-gradient-to-l {\n --tw-gradient-from: var(--surface-primary)\n var(--tw-gradient-from-position);\n }\n }\n\n /* TODO: is it used? */\n /* Upgrade Plan */\n .shim-yellow {\n display: none;\n }\n }\n\n [class*=\":hover:bg-white/5\"][class*=\"hover:bg-black/5\"] {\n /* ... Menu */\n background-color: var(--surface-primary) !important;\n &:hover {\n background-color: var(--surface-tertiary) !important;\n }\n }\n\n /* Search */\n div[class*=\"bg-gray-700\"] {\n background-color: if(@lookup = latte, @base, @surface0) !important;\n }\n\n [class*=\"text-gray-\"]:not(.text-gray-500),\n [class*=\"text-white\"]:not(.btn-primary .text-white, .bg-green-600) {\n color: @text !important;\n }\n\n .text-gray-500 {\n color: @subtext0;\n }\n\n div[class*=\"border-gray\"],\n div[class*=\"border-white\"] {\n border-color: @overlay0 !important;\n }\n\n input,\n textarea {\n color: @text;\n &::placeholder {\n color: @overlay0;\n }\n }\n\n [class*=\"bg-white/5\"] {\n background-color: @surface0 !important;\n }\n\n /* Bot messages */\n .prose {\n --tw-prose-body: @text !important;\n --tw-prose-bold: @text !important;\n --tw-prose-code: @text !important;\n --tw-prose-links: @text !important;\n --tw-prose-headings: @overlay1 !important;\n }\n\n .bg-black,\n [class*=\":bg-black\"] {\n background-color: @crust !important;\n }\n\n .bg-black .bg-gray-800 {\n background-color: @surface0 !important;\n }\n\n code.hljs,\n code[class*=\"language-\"],\n pre[class*=\"language-\"] {\n color: @text !important;\n }\n\n .markdown {\n [type=\"checkbox\"]:checked {\n background-color: @accent-color;\n @svg: escape(\n ''\n );\n background-image: ~\"url('data:image/svg+xml;charset=utf-8,@{svg}')\";\n }\n\n a {\n color: @accent-color;\n &:hover {\n color: lighten(@accent-color, 5%);\n text-decoration-line: underline;\n }\n }\n\n th {\n background: @mantle;\n color: @text;\n }\n }\n\n /* Buttons */\n .btn-neutral,\n .btn-dark {\n background-color: if(@lookup = latte, @base, @surface1) !important;\n color: @text !important;\n border-color: @overlay0;\n &:hover {\n background-color: if(@lookup = latte, @crust, @surface2) !important;\n }\n }\n\n .btn-primary {\n background-color: @accent-color !important;\n color: @crust !important;\n }\n\n .btn-primary .text-white {\n color: @crust !important;\n }\n\n .btn-danger {\n background-color: @red !important;\n color: @crust !important;\n }\n\n .btn-disabled,\n .btn-disabled:hover {\n background-color: @surface0;\n color: @text;\n }\n\n /* TODO: is it used? */\n .text-2xl {\n color: @text !important;\n }\n\n /* TODO: is it used? */\n .dark [class*=\"bg-yellow-\"] {\n color: @crust !important;\n }\n\n /* TODO: is it used? */\n .light [class*=\"bg-yellow-\"] {\n color: @text !important;\n }\n\n /* TODO: is it used? */\n [class*=\"text-green\"] {\n color: @accent-color !important;\n }\n\n .dark .dark\\:hover\\:bg-\\[\\#2A2B32\\]:hover {\n background-color: @surface0;\n }\n\n [class*=\":bg-gray-800\"]:not(\n [class*=\"hover:bg-gray-800\"],\n [class*=\"group-ui-open:bg-gray-800\"]\n ) {\n background-color: @surface0;\n }\n\n [class*=\":hover:bg-gray-800\"]:hover {\n background-color: @surface1;\n }\n\n .radix-state-active\\:bg-gray-800[data-state=\"active\"] {\n background-color: @surface0;\n }\n\n /* Settings > Theme selector drop down */\n [class*=\":hover:bg-[#494A54]\"].bg-white {\n background-color: @mantle;\n &:hover {\n background-color: @surface0;\n }\n }\n\n [class*=\":focus-visible:border-green-500\"]:focus-visible {\n border-color: @accent-color;\n }\n\n [class*=\":radix-highlighted:hover:bg-[#2E2F33]\"]:hover {\n background-color: @surface0 !important;\n }\n\n /* Shared Links */\n a[href^=\"/share/\"][class*=\"text-blue-400\"] {\n color: @accent-color;\n }\n\n [class*=\":border-white/10\"] {\n border-color: fade(@overlay0, 10%);\n }\n\n .text-red-500 {\n color: @red;\n }\n\n /* Custom Instructions */\n .border-gray-100 {\n border-color: @overlay0;\n }\n\n .focus\\:border-brand-green:focus {\n border-color: @accent-color;\n }\n\n /* Toggle button */\n .radix-state-checked\\:bg-green-600 {\n &[data-state=\"checked\"] {\n background-color: @accent-color;\n & > span {\n background-color: @surface0;\n }\n }\n &[data-state=\"unchecked\"] {\n background-color: @surface0;\n & > span {\n background-color: @text;\n }\n }\n }\n\n /* ChatGPT Icon\n (Needs `layout.css.has-selector.enabled`. If it's disabled, no changes are made)\n */\n div:has(> [role=\"img\"]) {\n background-color: @accent-color !important;\n & > [role=\"img\"] {\n color: @base;\n }\n }\n\n /* SVG chat avatars (ChatGPT, and Anonymous)\n (Needs `layout.css.has-selector.enabled`. If it's disabled, no changes are made)\n */\n div:has(> svg.icon-sm:only-child) {\n background-color: @accent-color !important;\n & > svg {\n color: @base;\n }\n }\n\n /* Send button */\n [data-testid=\"send-button\"][class*=\"bg-gray-900\"] {\n background-color: @base !important;\n border-color: @overlay0;\n svg[class*=\"text-white\"] {\n color: @accent-color !important;\n }\n }\n\n /* Notification Popup (Copied to clipboard) */\n .bg-green-600.text-white.border-green-600 {\n background-color: @accent-color;\n color: @base !important;\n border-color: @overlay0;\n }\n\n /* Share page > \"Upgrade to Plus\" button */\n a[href=\"/gpts/discovery\"].bg-green-600.text-white {\n background-color: @accent-color;\n color: @base !important;\n }\n\n /* Login Page > buttons */\n .bg-\\[\\#3C46FF\\] {\n background-color: @accent-color;\n color: @base;\n }\n\n .hover\\:bg-\\[\\#0000FF\\]:hover {\n background-color: lighten(@accent-color, 5%);\n }\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"ChatReplay Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/chatreplay","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/chatreplay","version":"0.0.1","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/chatreplay/catppuccin.user.css","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 Color","name":"accentColor","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":"Grey","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 0.0.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/chatreplay/catppuccin.user.css\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 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:Grey\" ]\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@-moz-document domain(\"chatreplay.stream\") {\n :root[dark] #chat-container {\n #catppuccin(@darkFlavor, @accentColor, chat);\n }\n :root #chat-container {\n #catppuccin(@lightFlavor, @accentColor, chat);\n }\n @media (prefers-color-scheme: light) {\n :root {\n #catppuccin(@lightFlavor, @accentColor, base);\n }\n }\n @media (prefers-color-scheme: dark) {\n :root {\n #catppuccin(@darkFlavor, @accentColor, base);\n }\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent-color, @platform) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent: @catppuccin[@@lookup][@@accent-color];\n\n & when (@platform = chat) {\n a,\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 rgba(@crust, 0.4), 0 0 4px rgba(@crust, 0.4);\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: -1px -1px 0px @base, 0px -1px 0px @base,\n 1px -1px 0px @base, -1px 0px 0px @base, 1px 0px 0px @base,\n -1px 1px 0px @base, 0px 1px 0px @base, 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(45deg, @accent, spin(@accent, 45));\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// vim:ft=less\n"},{"enabled":true,"name":") {","description":"Soothing pastel theme for Chess.com","author":"Catppuccin","updateUrl":"https://github.com/catppuccin/userstyles/raw/main/styles/chess.com/catppuccin.user.css","usercssData":{"name":") {","namespace":"github.com/catppuccin/userstyles/styles/chess.com","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/chess.com","version":"0.1.2","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/chess.com/catppuccin.user.css","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":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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":"Grey","value":"subtext0"}]}}},"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 0.1.2\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/chess.com/catppuccin.user.css\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:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Grey\"]\n\n==/UserStyle== */\n@-moz-document domain(\"chess.com\") {\n body {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n .dark-mode {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup,\n\t\t@accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n #piece(@name) {\n @url: url(\"https://media.githubusercontent.com/media/catppuccin/userstyles/main/styles/chess.com/assets/@{lookup}/@{name}.png\");\n }\n\n @bb: #piece(\"b/bb\") [];\n @bk: #piece(\"b/bk\") [];\n @bn: #piece(\"b/bn\") [];\n @bp: #piece(\"b/bp\") [];\n @bq: #piece(\"b/bq\") [];\n @br: #piece(\"b/br\") [];\n @wb: #piece(\"w/wb\") [];\n @wk: #piece(\"w/wk\") [];\n @wn: #piece(\"w/wn\") [];\n @wp: #piece(\"w/wp\") [];\n @wq: #piece(\"w/wq\") [];\n @wr: #piece(\"w/wr\") [];\n\n --theme-background-color: @base !important;\n --globalBackground: @mantle !important;\n --globalBackgroundOpaque: @mantle !important;\n --globalSecondaryBackground: @crust !important;\n --globalTertiaryBackground: @surface0 !important;\n --globalAccentBackground: @accent-color !important;\n --globalSecondaryAccentBackground: darken(@accent-color, 20%) !important;\n --globalSiteBackground: @base !important;\n --subtleButtonBackground: hsla(0, 0%, 100%, 0.16);\n --globalBorder: @surface0 !important;\n --globalGray: hsla(0, 0%, 100%, 0.08);\n --globalGraySoft: hsla(0, 0%, 100%, 0.08);\n --globalColorThemeFull: @text !important;\n --globalColorThemeHigh: @text;\n --globalColorThemeMid: @overlay2 !important;\n --globalColorThemeLow: @overlay0 !important;\n --globalColorThemeLower: @base !important;\n --globalColorThemeLink: @sapphire !important;\n --globalColorThemeBlueToWhite: #fff;\n --globalColorThemeBlueToMid: hsla(0, 0%, 100%, 0.72);\n --globalColorThemeBlueToMidHover: hsla(0, 0%, 100%, 0.85);\n --globalColorThemeBlueToHigh: hsla(0, 0%, 100%, 0.85);\n --globalColorThemeBlueToHighHover: #fff;\n --globalColorThemeHighToMid: hsla(0, 0%, 100%, 0.72);\n --globalColorThemeFullToMid: hsla(0, 0%, 100%, 0.72);\n --globalColorNeutral50: rgba(0, 0, 0, 0.1);\n --globalColorNeutral100: rgba(0, 0, 0, 0.2);\n --globalColorNeutral200: rgba(0, 0, 0, 0.4);\n --globalOverlayBackground: @base !important;\n --globalColorWin: @green !important;\n --globalColorDraw: @accent-color !important;\n --globalColorLoss: @red !important;\n\n /* index page */\n .promo-title,\n .index-title {\n color: @text !important;\n }\n\n .play-quick-links-title,\n .promo-rank,\n .v5-header-name,\n .promo-subtitle,\n #tb .toolbar-action-icon {\n color: @text;\n }\n\n .home-username-link {\n color: @accent-color;\n }\n\n .index-info-item-counter {\n color: @text !important;\n }\n\n .index-info-item {\n color: @subtext0 !important;\n }\n\n .index-quote-author .index-chess-title {\n background: @accent-color !important;\n color: @crust !important;\n }\n\n .authentication-intro-levels {\n --labelBackground: @surface0 !important;\n --labelBackgroundHover: @surface1 !important;\n\n .authentication-intro-level-v5.authentication-intro-selected {\n border-color: @accent-color !important;\n }\n }\n\n /* ui */\n .user-username-component {\n color: @text;\n }\n\n .user-tagline-rating.user-tagline-white {\n color: @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 #sb .nav-popover.dark .btn-link {\n color: @text;\n }\n #sb .nav-menu-area:last-of-type .icon-font-chess {\n color: @text !important;\n }\n .nav-link-main-design:hover,\n .nav-link-main-link:hover {\n color: darken(@text, 20%) !important;\n }\n .nav-link-main-design,\n .nav-link-main-link {\n color: @text !important;\n }\n .ui_v5-button-component {\n --boxShadow: none;\n --boxShadowHover: none;\n\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-color !important;\n --borderColor: darken(@accent-color, 20%) !important;\n\n &:hover {\n --secondaryBorderColor: fadeout(@accent-color, 20%) !important;\n box-shadow: none;\n }\n }\n }\n\n .ui_v5-select-component {\n &:not(.ui_v5-select-light),\n &.ui_v5-select-dark {\n background: @base;\n }\n }\n\n .ui_v5-input-component {\n background: @base;\n }\n\n .ui_v5-input-dark {\n --secondaryTextColor: @subtext0;\n }\n\n .ui_v5-switch-checkbox:not(.ui_v5-switch-readonly):checked\n + .ui_v5-switch-label {\n background: @green;\n }\n\n .nav-panel-shade {\n background: @mantle;\n }\n\n .nav-popover.dark {\n background: @mantle;\n }\n\n .nav-section-header-component {\n background: @base;\n }\n\n #sb .nav-action.has-popover + .nav-popover {\n background: @mantle;\n }\n\n .popover-friends-header {\n background: @mantle;\n }\n\n .popover-friends-content {\n background: @mantle;\n }\n\n .popover-messages-header {\n background: @mantle;\n }\n\n .popover-messages-content {\n background: @mantle;\n }\n\n .popover-settings-header {\n background: @mantle;\n }\n\n .popover-settings-content {\n background: @mantle;\n }\n\n .selector-button-button {\n background: @surface0;\n\n &:hover {\n background: @surface1;\n }\n }\n\n .time-selector-button-button {\n background: @surface0;\n\n &:hover {\n background: @surface1;\n }\n }\n\n .clock-component.clock-black {\n background: @surface0;\n }\n\n .clock-component.clock-white {\n background: @text;\n }\n\n .highlight {\n background: @peach !important;\n }\n\n .hint {\n background-color: @overlay1;\n filter: drop-shadow(0 0 1px @crust);\n }\n\n .capture-hint {\n background-color: @overlay1;\n filter: drop-shadow(0 0 1px @crust);\n z-index: -1;\n }\n\n .modal-game-over-header-grey {\n background-color: @base;\n }\n\n .modal-content-component.modal-content-light {\n background-color: @base;\n }\n\n .modal-game-over-user-winner-active {\n border-color: @lavender;\n }\n\n .modal-game-over-user-crown {\n background: @lavender;\n }\n\n .placeholder-ad-upgrade {\n background-color: @accent-color;\n }\n\n .placeholder-ad-link {\n color: @crust;\n }\n\n div.mode-selection-button-selected > .mode-selection-button-description {\n color: @surface1;\n }\n\n div.mode-selection-button-selected > .mode-selection-button-mode {\n color: @mantle;\n }\n\n /* crowns */\n img.crowns-full-crown {\n /* this selects the crown, but tbh its not easy to rotate-hue an svg to an exact color. we might make more svgs for the crowns? */\n }\n\n /* Board */\n .board {\n background-image: url(\"https://media.githubusercontent.com/media/catppuccin/userstyles/main/styles/chess.com/assets/@{lookup}/@{accent}.png\") !important;\n }\n\n .game-preview-legacy-component {\n background-image: url(\"https://media.githubusercontent.com/media/catppuccin/userstyles/main/styles/chess.com/assets/@{lookup}/@{accent}.png\") !important;\n }\n\n /* Black Pieces */\n .piece.bp {\n background-image: @bp !important;\n }\n\n .piece.bn {\n background-image: @bn !important;\n }\n\n .piece.bb {\n background-image: @bb !important;\n }\n\n .piece.br {\n background-image: @br !important;\n }\n\n .piece.bk {\n background-image: @bk !important;\n }\n\n .piece.bq {\n background-image: @bq !important;\n }\n\n /* -- Previews */\n .game-preview-legacy-piece[alt=\"bb\"] {\n content: @bb !important;\n }\n\n .game-preview-legacy-piece[alt=\"bk\"] {\n content: @bk !important;\n }\n\n .game-preview-legacy-piece[alt=\"bn\"] {\n content: @bn !important;\n }\n\n .game-preview-legacy-piece[alt=\"bp\"] {\n content: @bp !important;\n }\n\n .game-preview-legacy-piece[alt=\"bq\"] {\n content: @bq !important;\n }\n\n .game-preview-legacy-piece[alt=\"br\"] {\n content: @br !important;\n }\n\n .game-preview-legacy-piece[alt=\"wb\"] {\n content: @wb !important;\n }\n\n .game-preview-legacy-piece[alt=\"wk\"] {\n content: @wk !important;\n }\n\n .game-preview-legacy-piece[alt=\"wn\"] {\n content: @wn !important;\n }\n\n .game-preview-legacy-piece[alt=\"wp\"] {\n content: @wp !important;\n }\n\n .game-preview-legacy-piece[alt=\"wq\"] {\n content: @wq !important;\n }\n\n .game-preview-legacy-piece[alt=\"wr\"] {\n content: @wr !important;\n }\n\n /* White Pieces */\n .piece.wp {\n background-image: @wp !important;\n }\n\n .piece.wn {\n background-image: @wn !important;\n }\n\n .piece.wb {\n background-image: @wb !important;\n }\n\n .piece.wr {\n background-image: @wr !important;\n }\n\n .piece.wk {\n background-image: @wk !important;\n }\n\n .piece.wq {\n background-image: @wq !important;\n }\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Cinny Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/cinny","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/cinny","version":"2.2.0","description":"Soothing pastel theme for Cinny","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/cinny/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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"}]}}},"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 2.2.0\n@description Soothing pastel theme for Cinny\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/cinny/catppuccin.user.css\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [ \"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\" ]\n@var select darkFlavor \"Dark Flavor\" [ \"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\" ]\n@var select accentColor \"Accent\" [ \"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue*\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\" ]\n==/UserStyle== */\n\n@-moz-document domain(\"cinny.in\") {\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; }\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; }\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; }\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; }\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accentColor: @catppuccin[@@lookup][@@accent];\n\n color-scheme: if(@lookup = latte, light, dark);\n\n --bg-surface: @base;\n --bg-surface-transparent: fadeout(@base, 100%);\n --bg-surface-low: @mantle;\n --bg-surface-low-transparent: fadeout(@mantle, 100%);\n --bg-surface-extra-low: @crust;\n --bg-surface-extra-low-transparent: fadeout(@crust, 100%);\n --bg-surface-border: fadeout(@crust, 80%);\n\n --bg-surface-hover: @surface0;\n --bg-surface-active: @surface1;\n\n --bg-overlay: fadeout(@crust, 40%);\n --bg-overlay-low: fadeout(@crust, 20%);\n\n --bg-primary: @accentColor;\n --bg-primary-hover: fadeout(@accentColor, 20%);\n --bg-primary-active: fadeout(@accentColor, 30%);\n --bg-primary-border: fadeout(@accentColor, 62%);\n\n --bg-tooltip: @surface0;\n --bg-badge: @lavender;\n\n --bg-positive: @green;\n --bg-positive-hover: fadeout(@green, 92%);\n --bg-positive-active: fadeout(@green, 85%);\n --bg-positive-border: fadeout(@green, 60%);\n --bg-caution: @peach;\n --bg-caution-hover: fadeout(@peach, 92%);\n --bg-caution-active: fadeout(@peach, 85%);\n --bg-caution-border: fadeout(@peach, 60%);\n --bg-danger: @maroon;\n --bg-danger-hover: fadeout(@maroon, 95%);\n --bg-danger-active: fadeout(@maroon, 90%);\n --bg-danger-border: fadeout(@maroon, 80%);\n\n --bg-ping: fadeout(@green, 60%);\n --bg-ping-hover: fadeout(@green, 50%);\n\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\n --tc-tooltip: @subtext0;\n --tc-code: @mauve;\n --tc-link: @rosewater;\n --tc-badge: @crust;\n\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 --ic-surface-high: @text;\n --ic-surface-normal: @text;\n --ic-surface-low: @subtext1;\n --ic-primary-high: @text;\n --ic-primary-normal: @crust;\n\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 --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 --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: fadeout(@accentColor, 40%);\n --oq6d07k: fadeout(@accentColor, 50%);\n --oq6d07l: fadeout(@accentColor, 60%);\n --oq6d07m: fadeout(@accentColor, 70%);\n --oq6d07n: fadeout(@accentColor, 80%);\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: @subtext0;\n\n --oq6d07z: fadeout(@green, 10%);\n --oq6d0710: fadeout(@green, 5%);\n --oq6d0711: fadeout(@green, 2.5%);\n --oq6d0712: @green;\n --oq6d0713: @surface0;\n --oq6d0714: fadeout(@surface0, 2.5%);\n --oq6d0715: fadeout(@surface0, 5%);\n --oq6d0716: fadeout(@surface0, 10%);\n --oq6d0717: fadeout(@surface0, 20%);\n\n --oq6d0718: @green;\n\n --oq6d0719: fadeout(@peach, 10%);\n --oq6d071a: fadeout(@peach, 5%);\n --oq6d071b: fadeout(@peach, 2.5%);\n --oq60d71c: @peach;\n --oq6d071d: fadeout(@surface0, 2.5%);\n --oq6d071e: fadeout(@surface0, 5%);\n --oq6d071f: fadeout(@surface0, 10%);\n --oq6d071g: fadeout(@surface0, 20%);\n --oq6d071h: fadeout(@surface0, 30%);\n\n --oq6d071i: fadeout(@maroon, 10%);\n --oq6d071j: fadeout(@maroon, 5%);\n --oq6d071k: fadeout(@maroon, 2.5%);\n --oq6d071l: @maroon;\n --oq6d071m: fadeout(@surface0, 2.5%);\n --oq6d071n: fadeout(@surface0, 5%);\n --oq6d071o: fadeout(@surface0, 10%);\n --oq6d071p: fadeout(@surface0, 20%);\n --oq6d071q: fadeout(@surface0, 30%);\n --oq6d071r: fadeout(@surface0, 40%);\n --oq6d071s: fadeout(@maroon, 10%);\n\n --oq6d071t: fadeout(@text, 50%);\n --oq6d071u: @crust;\n --oq6d071v: fadeout(@crust, 40%);\n\n --prism-comment: @overlay0;\n --prism-punctuation: @sky;\n --prism-property: @yellow;\n --prism-boolean: @peach;\n --prism-selector: @green;\n --prism-operator: @sky;\n --prism-atrule: @pink;\n --prism-keyword: @mauve;\n --prism-regex: @maroon;\n }\n\n :root,\n .oq6d071w,\n .silver-theme,\n ._15q3ngn0,\n .prism-light {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n .dark-theme,\n .dark-theme .text,\n ._15q3ngn1,\n .butter-theme,\n .butter-theme .text,\n ._15q3ngn2,\n .prism-dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n @media (prefers-color-scheme: light) {\n .system-theme {\n #catppuccin(@lightFlavor, @accentColor);\n }\n }\n @media (prefers-color-scheme: dark) {\n .system-theme,\n .system-theme .text {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n}\n\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Codeberg Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/codeberg","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/codeberg","version":"1.0.0","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/codeberg/catppuccin.user.css","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":"sapphire","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Gray","value":"subtext0"}]}}},"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 1.0.0\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/codeberg/catppuccin.user.css\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/* If you need any help with the information above, please see: https://github.com/openstyles/stylus/wiki/Writing-UserCSS#var */\n/* Apply Theme To Site\n * For help with URL rules, please see https://github.com/openstyles/stylus/wiki/Writing-styles#valid--moz-document-rules */\n@-moz-document domain('codeberg.org') {\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accentColor: @catppuccin[@@lookup][@@accent];\n @linkColor: @accentColor;\n @linkHover: if(\n @lookup =latte,\n darken(@accentColor, 5%),\n lighten(@accentColor, 5%)\n );\n /* Regular Colors are called with a single `@` as they\n * are just referencing the Variable directly. */\n background-color: @catppuccin[@@lookup][@base];\n /* The Accent Color is called with a double `@@` because\n * it's referencing the @accent Variable passed to the Mixin. */\n color: @catppuccin[@@lookup][@@accent];\n\n /* If you need to specify an overwrite specific to a Flavor\n * like Latte, you can use a `when` guard clause. */\n & when (@lookup =latte) {\n /* your code for latte */\n }\n\n /* You can also negate the statement above by using\n * a `when not` guard clause. */\n & when not (@lookup =latte) {\n /* your code for frappe, macchiato and mocha */\n }\n\n body {\n background: @catppuccin[@@lookup][@base] !important;\n }\n\n :root {\n --color-footer: @surface1;\n --color-footer-text: @subtext1;\n }\n }\n\n @import (css)\n url(\"https://git.winston.sh/assets/css/theme-catppuccin-@{lightFlavor}-@{accentColor}.css\")\n (prefers-color-scheme: light);\n @import (css)\n url(\"https://git.winston.sh/assets/css/theme-catppuccin-@{darkFlavor}-@{accentColor}.css\")\n (prefers-color-scheme: dark);\n\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor,\n @accentColor);\n }\n\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor,\n @accentColor);\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Crowdin Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/crowdin","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/crowdin","version":"0.0.1","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/crowdin/catppuccin.user.css","description":"Soothing pastel theme for Crowdin","author":"Catppuccin","license":"MIT","preprocessor":"less","vars":{"flavor":{"type":"select","label":"Flavor","name":"flavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]}}},"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 0.0.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/crowdin/catppuccin.user.css\n@description Soothing pastel theme for Crowdin\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */\n\n/* prettier-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @teala: rgba(23, 146, 153, 0.25); @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @teala: rgba(129, 200, 190, 0.25); @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @teala: rgba(139, 213, 202, 0.25); @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @teala: rgba(148, 226, 213, 0.25); @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n}\n\n@-moz-document regexp(\"https://crowdin.com(?!/translate).*\")\n{\n #catppuccin(@flavor);\n\n #catppuccin(@lookup) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @teala: @catppuccin[@@lookup][@teala];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n :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{\n #catppuccin(@flavor);\n\n #catppuccin(@lookup) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @teala: @catppuccin[@@lookup][@teala];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n\n 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// vim:ft=less\n"},{"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.css","usercssData":{"name":"DeepL Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/deepl","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/deepl","version":"0.3.1","description":"Soothing pastel theme for DeepL","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/deepl/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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":"Grey","value":"subtext0"}]},"zenMode":{"type":"checkbox","label":"Zen Mode","name":"zenMode","value":null,"default":"0","options":null}}},"sourceCode":"/* ==UserStyle==\n@name DeepL Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/deepl\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/deepl\n@version 0.3.1\n@description Soothing pastel theme for DeepL\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/deepl/catppuccin.user.css\n@license \t\t MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue*\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Grey\"]\n@var checkbox zenMode \"Zen Mode\" 0\n==/UserStyle== */\n\n@-moz-document url-prefix(\"https://www.deepl.com/translator\")\n{\n #catppuccin(@darkFlavor, @accentColor);\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n }\n\n @accent-text: @crust; // if(@lookup=latte, #fff, @crust) * this doesn't work for some reason. find fix\n\n body,\n button {\n color: @text;\n }\n\n p {\n color: @subtext1;\n }\n\n a {\n color: @accent-color;\n\n &:hover {\n color: darken(@accent-color, 8%);\n }\n }\n\n input {\n background-color: @base;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: @overlay1;\n }\n\n // dammit tailwind\n .bg-neutral-next-50,\n .bg-deprecated-grey {\n background-color: @mantle;\n }\n\n .bg-white,\n .bg-blue-100 {\n background-color: @base;\n }\n\n .bg-dark-8 {\n background-color: @surface0;\n }\n\n .bg-mosque {\n background-color: spin(@accent-color, 30);\n\n &.text-white {\n color: @accent-text;\n }\n }\n\n .bg-blue-next-500 {\n background-color: @accent-color;\n\n &.text-white {\n color: @accent-text;\n }\n }\n\n .border-dark-7,\n .border-neutral-300 {\n border-color: @surface0;\n }\n\n .border-blue-chill,\n .bg-blue-next-500 {\n border-color: @accent-color;\n }\n\n .border-neutral-next-900 {\n border-color: @overlay1;\n }\n\n .text-deepl-blue,\n .text-blue-600 {\n color: @accent-color;\n }\n\n .text-blue-chill {\n color: spin(@accent-color, 30);\n }\n\n .text-deprecated-mid-grey {\n color: @text;\n }\n\n .text-neutral-600 {\n color: @subtext0;\n }\n\n .text-dark-1 {\n color: @subtext1;\n }\n\n .text-white,\n .text-black {\n color: @text;\n }\n\n .text-neutral-next-800 {\n color: @overlay1;\n }\n\n [class*=\"hover:bg-dark-8\"]:hover,\n [class*=\"enabled:hover:bg-dark-8\"]:hover:enabled,\n [class*=\"hover:bg-neutral-200\"]:hover,\n [class*=\"hover:bg-neutral-next-100\"]:hover {\n background-color: @surface0;\n }\n\n [class*=\"hover:bg-blue-200\"]:hover {\n background-color: mix(@accent-color, @base, 8%);\n }\n\n [class*=\"hover:bg-blue-next-700\"]:hover {\n background-color: darken(@accent-color, 8%);\n }\n\n [class*=\"hover:border-blue-next-700\"]:hover {\n border-color: darken(@accent-color, 8%);\n }\n\n [class*=\"disabled:text-dark-5:disabled\"],\n [class*=\"disabled:text-neutral-500:disabled\"] {\n color: @overlay1;\n }\n\n [class*=\"hover:text-blue-chill\"]:hover {\n color: darken(@accent-color, 15%);\n }\n\n [class*=\"bg-[#E1F0F5]\"] {\n background-color: fadeout(@accent-color, 70%);\n }\n\n // span[class*=\"hover:bg-[#B4DAE8]\"],\n [class*=\"bg-[#B4DAE8]\"] {\n // background-color: fadeout(@accent-color, 55%);\n\n &[class*=\"text-[#01557C]\"] {\n color: darken(@accent-color, 50%);\n }\n }\n\n [class*=\"text-[#25282D]\"] {\n color: @text;\n }\n\n [class*=\"text-[#01557C]\"] {\n color: @accent-color;\n }\n\n .divide-dark-7 > :not([hidden]) ~ :not([hidden]) {\n border-color: @surface1;\n }\n\n // general stuff\n [class*=\"button--\"] {\n &[class*=\"variant_contained--\"],\n &[class*=\"variant_contained--\"]:hover {\n color: @accent-text;\n }\n\n &[class*=\"color_primary--\"] {\n background-color: @accent-color;\n border-color: @accent-color;\n\n &:hover {\n background-color: darken(@accent-color, 15%);\n border-color: darken(@accent-color, 15%);\n color: @accent-text;\n }\n }\n }\n\n [class*=\"IconAnchor-module--anchor--\"] {\n color: @accent-color;\n\n &:hover {\n background-color: @surface0;\n }\n }\n\n [stroke=\"#0F2B46\"] {\n stroke: @accent-color !important;\n }\n\n [stroke=\"#006494\"] {\n stroke: @subtext0 !important;\n }\n\n // header\n [class^=\"BasePageHeader-module--container\"] {\n background-color: @crust;\n }\n\n [class|=\"PageHeaderLink-module--pageHeaderLink\"],\n [class|=\"FlyoutMenuButton-module--flyoutMenuButton\"],\n [class|=\"LoginButton-module--loginButton\"] {\n color: darken(@accent-color, 8%);\n }\n\n [class|=\"SideMenuButton-module--menuButton\"] {\n &,\n &::before,\n &::after {\n border-top-color: darken(@accent-color, 8%);\n }\n\n &:hover {\n &,\n &::before,\n &::after {\n border-top-color: @accent-color;\n }\n }\n }\n\n [class*=\"PageHeaderLink-module--pageHeaderLink--\"]:not(\n [class*=\"PageHeaderLink-module--nohover--\"]\n ):hover {\n color: @accent-color;\n border-color: @accent-color;\n }\n\n [class|=\"LoginButton-module--loginButton\"]:hover {\n color: @accent-color;\n }\n\n [class*=\"badge-module--badge--\"][class*=\"badge-module--proDark--\"] {\n background-color: spin(@accent-color, 30);\n color: @accent-text;\n }\n\n [class*=\"StartFreeTrialButton-module--startFreeTrialButton--\"] {\n background-color: @accent-color;\n border-color: @accent-color;\n color: @accent-text;\n\n &:hover {\n background-color: darken(@accent-color, 8%);\n border-color: darken(@accent-color, 8%);\n color: @accent-text;\n }\n }\n\n [class|=\"ProductUpdateButton-module--updateToolTip\"] {\n background-color: @surface0;\n color: @text;\n\n &::after {\n border-bottom-color: @surface0;\n }\n }\n\n // buttons above translation container\n [class|=\"cardButton\"] {\n background-color: @base;\n border-color: @surface0;\n\n &:not([class*=\"active--\"]):hover {\n background-color: @surface0;\n }\n }\n\n [class|=\"textLower\"] {\n color: @overlay1;\n }\n\n [class|=\"logo\"],\n [class|=\"textUpper\"] {\n color: @accent-color;\n }\n\n [class*=\"active--\"] {\n [class|=\"logo\"],\n [class|=\"textUpper\"] {\n color: @text;\n }\n\n [class|=\"innerLower\"] {\n background-color: @accent-color;\n }\n }\n\n // translation container\n [class*=\"SourceTranslatorArea-module--focusBorder--\"]:has(\n div[contenteditable=\"true\"]:focus\n ) {\n border-color: @accent-color;\n }\n\n [class*=\"focus-within:border-blue-chill\"] {\n // border-color: @accent-color;\n }\n\n d-textarea > [data-placeholder],\n d-textarea > div[data-content=\"true\"]::before {\n color: @subtext0;\n }\n\n [class*=\"enabled:hover-capable:hover:bg-dark-8\"]:hover:enabled {\n background-color: @surface0;\n }\n\n // alternatives\n [data-testid=\"word-alternatives-list\"] {\n [class*=\"root--\"] {\n background-color: @base;\n\n &[class*=\"selected--\"] {\n background-color: @surface0;\n }\n }\n }\n\n div:has(> [class^=\"DictionaryContent-module--content--\"].embedded) {\n background-color: @base;\n\n .tag_lemma .dictLink {\n color: @subtext1;\n }\n\n .translation_group .translation_group_line .notascommon,\n .translation_group .translation_group_line .translation.sortablemg .sep {\n color: @overlay2;\n }\n }\n\n // dictionary\n [class*=\"DictionaryContent-module--content--\"] {\n .isForeignTerm .inflectioninfo,\n .isForeignTerm .tag_lemma,\n .isForeignTerm .tag_lemma a,\n .isForeignTerm .tag_s,\n .isForeignTerm .tag_s a,\n .isForeignTerm .tag_trans_src_context,\n .tag_trans {\n color: @subtext1;\n }\n\n .isForeignTerm .tag_t,\n .isForeignTerm .tag_t a,\n .isForeignTerm .tag_trans,\n .isForeignTerm .tag_trans a,\n .tag_lemma a {\n color: @accent-color;\n }\n\n .notascommon,\n .sep {\n color: @overlay2;\n }\n }\n\n // glossary\n .lmt__glossary_onOffSwitch_container {\n label[class|=\"label\"] {\n --background: @overlay1;\n --backgroundHover: darken(@overlay1, 8%);\n --inlineLabelColor: @accent-text;\n --outline-color: @accent-color;\n\n &[class*=\"selected--\"] {\n --background: @green;\n --backgroundHover: darken(@green, 8%);\n }\n\n [class|=\"toggle\"] [class|=\"knob\"] {\n background: @accent-text;\n }\n }\n }\n\n [class|=\"modal\"],\n .lmt__glossary_editor {\n background-color: @base;\n\n [class*=\"Form-module--form--\"] [class*=\"Form-module--submit--\"] {\n background: @accent-color;\n color: @accent-text;\n\n &:disabled {\n background: fadeout(@accent-color, 50%);\n }\n }\n }\n\n .lmt__glossary_editor {\n color: @text;\n border-color: @accent-color;\n\n form.bg-deprecated-grey\n [class|=\"wrapper\"][class*=\"Form-module--inputSource--\"],\n form.bg-deprecated-grey\n [class|=\"wrapper\"][class*=\"Form-module--inputTarget--\"] {\n --input-background: @base;\n --input-border-color: @surface1;\n --input-color: @subtext1;\n\n [class|=\"button\"][aria-expanded=\"true\"] {\n border-color: @accent-color;\n }\n\n [class|=\"controls\"] [class|=\"wrapper\"] {\n --button-background: @base;\n --button-border-color: @surface1;\n --button-color: @subtext1;\n\n [class|=\"flyout\"] {\n background: @base;\n --option-color: @subtext1;\n --option-selected-color: @subtext1;\n --option-background: fadeout(@yellow, 80%);\n --option-disabled-color: @overlay1;\n --option-icon-color: @accent-color;\n }\n }\n }\n }\n\n .lmt__glossary_editor_mainBar {\n background-color: @accent-color;\n color: @accent-text;\n\n .lmt__glossary_editorClose {\n color: inherit;\n }\n }\n\n .lmt__glossary_editor .lmt__glossary_editor_subBar_top,\n .lmt__glossary_editor_subBar_bottom {\n background-color: @mantle;\n }\n\n .lmt__glossary_editor\n .lmt__glossary_editor_subBar_top\n .lmt__glossary_editor_glossarySelect\n .lmt__glossary_editor_glossaryNameWrapper\n .lmt__glossary_editor_glossaryName {\n color: inherit;\n }\n\n .lmt__glossary_editor\n .lmt__glossary_editor_subBar_top\n .lmt__glossary_editor_glossarySelect\n .lmt__glossary_editor_glossaryNameWrapper\n .lmt__glossary_editor_glossarySelectChevron.lmt__glossary_arrowDown {\n border-right-color: darken(@accent-color, 8%);\n border-bottom-color: darken(@accent-color, 8%);\n }\n\n .lmt__glossary_button .lmt__glossary_button_label:hover,\n .lmt__glossary_highlight,\n .lmt__glossary_editor_subBar_bottom\n .lmt__glossary_editor_glossaryAddNewWrapper\n .lmt__glossary_editor_glossaryAddNew {\n color: @accent-color;\n }\n\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputSource,\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputTarget {\n border-color: @surface1;\n color: @subtext1;\n\n &:focus {\n border-color: @accent-color;\n }\n }\n\n .lmt__glossary_editor_langPairHeadline {\n color: inherit;\n border-bottom-color: @surface1;\n }\n\n .lmt__glossary_editorRow {\n color: inherit;\n\n .iconButton {\n color: @subtext0;\n }\n }\n\n .lmt__glossary_arrowRightWrapper .lmt__glossary_arrowRight {\n border-bottom-color: @surface1;\n border-right-color: @surface1;\n }\n\n .lmt__glossary_dialog {\n background-color: @surface0;\n border-color: @surface1;\n color: @text;\n }\n\n .lmt__glossary_dialog__line--suggestions,\n .lmt__glossary_dialog__line .choice .option {\n color: @accent-color;\n }\n\n // this this appears when you click on a word on the translated container...\n .root--Te5J3 {\n background-color: @base;\n }\n\n .divider--CI8JQ {\n color: @surface1;\n }\n\n // translate files\n [class^=\"UploadPanel-module--docTrans__help_popup--\"] {\n background-color: @base;\n }\n\n // quotes\n [class|=\"Quote-module--quote\"] {\n background-color: @base !important;\n border-color: @surface0;\n color: @text;\n }\n\n [class|=\"Quote-module--quoteSource\"] {\n > a {\n color: darken(@accent-color, 8%);\n }\n }\n\n [class|=\"Quotes-module--quotesNavigationEntry\"] {\n background-color: @surface1;\n }\n\n [class*=\"Quotes-module--quotesNavigationEntryActive--\"] {\n background-color: @accent-color;\n }\n\n // aside\n [class^=\"ProBanner2021-module--wrapper--\"],\n [class|=\"CareerBanner-module--container\"] {\n background: @base;\n }\n\n [class|=\"CareerBanner-module--text\"] {\n h2 {\n color: @overlay1;\n }\n }\n\n [class|=\"PopularLangPairList-module--seoText\"] {\n color: @overlay0;\n\n p[class|=\"PopularLangPairList-module--title\"] {\n color: @overlay2;\n }\n }\n\n // footer\n footer [class|=\"pageFooterV2-module--footerOuterContainer\"] {\n background-color: @base;\n }\n\n [class|=\"ProBanner2021-module--textLink\"] {\n color: spin(@accent-color, 30);\n }\n\n [class|=\"pageFooterV2-module--footerOuterContainer\"]\n [class|=\"pageFooterV2-module--footerContainer\"]\n [class|=\"pageFooterV2-module--footerContentContainer\"]\n [class|=\"pageFooterV2-module--linksContainer\"]\n [class|=\"pageFooterV2-module--linkList\"]\n li {\n &:first-of-type {\n color: @overlay1;\n }\n\n &:not(:first-of-type) a {\n color: @text !important;\n }\n }\n\n [class|=\"LanguageSelector-module--wrapper\"] {\n --button-background: @surface0;\n --button-border-color: @surface1;\n --button-color: @subtext1;\n\n [class|=\"LanguageSelector-module--flyout\"] {\n background: @surface0;\n // --option-background: @surface0;\n --option-color: @subtext1;\n --option-icon-color: @accent-color;\n\n [class|=\"LanguageSelector-module--option\"][class*=\"LanguageSelector-module--active--\"] {\n --option-background: fadeout(@yellow, 80%);\n }\n }\n }\n\n // side menu\n [class|=\"classicSidemenu-module--menuContainer\"] {\n background-color: @base;\n\n [class|=\"closeButton-module--closeButton\"] {\n &::before,\n &::after {\n background-color: @accent-color;\n }\n }\n }\n\n [class|=\"classicSidemenu-module--mainContent\"] {\n border-bottom-color: @surface0;\n }\n\n [class|=\"mainMenu-module--container\"] a {\n color: @text;\n\n &:hover {\n color: @accent-color;\n }\n }\n\n [class|=\"subMenu-module--container\"] {\n button {\n color: @text !important;\n }\n\n [class|=\"button-module--button\"][class*=\"button-module--variant_text--\"] {\n &,\n &:hover {\n background-color: transparent;\n }\n }\n }\n\n // whatever\n .lmt__glossary_ad_checkmark {\n border-bottom-color: @green;\n border-right-color: @green;\n }\n\n // zen mode\n & when (@zenMode = 1) {\n header,\n [class=\"w-full bg-white px-8 lg:px-[70px]\"],\n [class=\"p-8 lg:px-[70px]\"],\n footer,\n [href=\"/write\"].block {\n display: none;\n }\n\n body {\n background: @mantle;\n }\n\n [class=\"relative pr-0 false\"] {\n height: 100%;\n }\n\n [data-testid=\"translator\"] {\n // height: 100%;\n // width: 100vw;\n // display: flex;\n place-content: center center;\n align-items: center;\n\n > div:first-of-type {\n width: 100vw;\n }\n }\n }\n}\n\n/* prettier-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Ecosia Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/ecosia","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/ecosia","version":"0.0.1","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/ecosia/catppuccin.user.css","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":"sapphire","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Grey","value":"subtext0"}]}}},"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 0.0.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/ecosia/catppuccin.user.css\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:Grey\"]\n\n==/UserStyle== */\n@-moz-document domain(\"ecosia.org\") {\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n .dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n /* general */\n --color-brand-primary: @accent-color !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-color !important;\n --color-button-background-primary-active: @accent-color !important;\n --color-button-background-primary-hover: @accent-color;\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-color !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-color !important;\n --color-elevation-layer-1: @surface1;\n --color-elevation-layer-2: @surface2;\n --color-decorative-border-1: @surface1 !important;\n --color-focused: @accent-color !important;\n --color-form-border-default: @surface0 !important;\n --color-form-border-hover: @surface1 !important;\n --color-form-border-primary-active: @accent-color !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}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Elk Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/elk","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/elk","version":"0.2.1","description":"Soothing pastel theme for Elk","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/elk/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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 Elk Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/elk\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/elk\n@version 0.2.1\n@description Soothing pastel theme for Elk\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/elk/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"elk.zone\") {\n :root.dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n :root.light {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-Color: @catppuccin[@@lookup][@@accent];\n\n --c-primary: @accent-Color !important;\n --c-primary-active: lighten(@accent-Color, 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: red(@mantle), green(@mantle), blue(@mantle) !important;\n --c-bg-active: @surface0 !important;\n --c-bg-code: @surface0 !important;\n --c-bg-selection: @accent-Color !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 ::selection {\n color: white;\n }\n\n .btn-solid,\n [btn-solid=\"\"] {\n color: var(--c-bg-base);\n }\n\n ::-webkit-scrollbar-thumb {\n background: alpha(@surface1, 0.7);\n }\n\n ::-webkit-scrollbar-thumb:hover {\n background: alpha(@surface1, 0.8);\n }\n\n [text-red],\n [text-red-600],\n [hover^=\"text-red\"]:hover {\n color: rgbA(red(@red), green(@red), blue(@red), var(--un-text-opacity));\n }\n\n [text-blue],\n [hover^=\"text-blue\"]:hover {\n color: rgbA(\n red(@blue),\n green(@blue),\n blue(@blue),\n var(--un-text-opacity)\n );\n }\n\n [text-green],\n [hover^=\"text-green\"]:hover {\n color: rgbA(\n red(@green),\n green(@green),\n blue(@green),\n var(--un-text-opacity)\n );\n }\n\n [text-yellow],\n [hover^=\"text-yellow\"]:hover {\n color: rgbA(\n red(@yellow),\n green(@yellow),\n blue(@yellow),\n var(--un-text-opacity)\n );\n }\n\n [text-purple],\n [hover^=\"text-purple\"]:hover {\n color: rgbA(\n red(@lavender),\n green(@lavender),\n blue(@lavender),\n var(--un-text-opacity)\n );\n }\n\n [group-hover^=\"bg-purple/10\"]:hover {\n background-color: alpha(@lavender, 0.1);\n }\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Formative Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/formative","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/formative","version":"0.1.2","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/formative/catppuccin.user.css","description":"Soothing pastel theme for Formative","author":"Catppuccin","license":"MIT","preprocessor":"less","vars":{"flavor":{"type":"select","label":"Flavor","name":"flavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","value":null,"default":"sapphire","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Gray","value":"subtext0"}]}}},"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 0.1.2\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/formative/catppuccin.user.css\n@description Soothing pastel theme for Formative\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain('app.formative.com') {\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n :root {\n #catppuccin(@flavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n @contrast-accent-color: @catppuccin[@@lookup][@base];\n\n /* the formative icon */\n .jKwBMH,\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 /* HOMEPAGE */\n div.ClassAvatar__RootDiv-sc-1ihhtbf-0,\n .Avatar__RootDiv-sc-r9onsm-0 > div {\n background-color: @accent-color;\n color: @contrast-accent-color !important;\n span {\n color: @contrast-accent-color;\n }\n }\n div.ckhGGP {\n background-color: @base;\n }\n\n span.giYyjb,\n span.keXwhS {\n color: @text;\n }\n\n div.cWBWYQ,\n div.Card__RootDiv-sc-4gt2nj-0 {\n background-color: @mantle;\n border-color: @surface0;\n\n div {\n color: @text;\n }\n\n &:hover {\n div.FormativeCard__TitleOverflowEllipsis-sc-tkxjaz-7,\n div.SectionCard__SectionTitleOverflowEllipsis-sc-ir1v2v-4 {\n color: @accent-color;\n }\n }\n\n span.iHSLQn {\n background-color: @surface0 !important;\n color: @text !important;\n }\n .FormativeCardStatusPill__StyledPill-sc-156d63l-0 {\n background-color: @surface0 !important;\n }\n .kCQMqN {\n border-color: @overlay0;\n }\n .material-icons-outlined {\n color: @text;\n }\n .FormativeCardScore__PercentageSpan-sc-p5mc30-1 {\n background-color: fade(@accent-color, 20%) !important;\n }\n }\n\n .NotificationCenterAlertListContainer__RootDiv-sc-1kyy25p-0 {\n background-color: @surface2;\n }\n\n .SectionDetail__RootDiv-sc-1aifgaj-0 {\n .hgKaEJ {\n background-color: @base;\n }\n .dyVuUp {\n background-color: @surface0;\n color: @text;\n i {\n color: @text;\n }\n }\n span,\n .OverflowEllipsis__RootDiv-sc-1mjk6uz-0 {\n color: @text;\n }\n }\n\n button.Button__StyledButton-sc-aum9f1-1 {\n background-color: @surface0;\n color: @text;\n i {\n color: @accent-color;\n }\n &:hover,\n &:focus {\n background-color: @surface1;\n }\n }\n button.Switch__RootButton-sc-1ss5zxi-0 {\n &[aria-checked=\"true\"] {\n background-color: @green;\n }\n &[aria-checked=\"false\"] {\n background-color: @surface0;\n }\n div {\n background-color: @surface2;\n }\n }\n div[role=\"dialog\"] {\n background-color: @surface2;\n .Popover__PopoverArrow-sc-1x169li-3,\n .Dropdown__PopoverArrow-sc-1s7u5eb-1 {\n fill: @surface2;\n }\n button {\n background-color: @surface2;\n color: @text;\n .material-icons-outlined,\n .selected {\n color: @accent-color !important;\n }\n }\n button:hover {\n background-color: @overlay0 !important;\n color: @accent-color !important;\n }\n }\n\n div.kdIyDj {\n background-color: @base;\n border-color: @surface0;\n\n div.jQSsry {\n background-color: @base !important; /* sometimes if i press shift some other color shows up */\n }\n\n div.jgGUVg {\n background-color: @accent-color !important;\n }\n\n div.cvJhDB,\n div.dxwGZP {\n color: @text;\n }\n span.ioJPTZ {\n background-color: @surface0 !important;\n color: @text !important;\n }\n }\n div.lcYltU {\n .fvAkfK,\n .hqFwtw {\n color: @text !important;\n }\n }\n\n div.hBqAyW {\n background-color: @base;\n div.eFoEtr {\n .react-select-icon {\n color: @accent-color;\n }\n .ReactSelect__control {\n background-color: @surface0;\n border-color: @accent-color !important;\n }\n .ReactSelect__placeholder {\n color: @subtext1 !important;\n }\n }\n div.css-qr46ko {\n .TWTWN {\n background-color: @surface0;\n border-radius: 4px; /* needed to fix radius i somehow broke */\n border-color: @overlay0;\n\n .jYYNAO,\n .fHuoBD {\n color: @text;\n }\n\n .jEcgFb {\n background-color: @accent-color;\n color: @contrast-accent-color;\n }\n }\n }\n button.Button__StyledButton-sc-aum9f1-1 {\n border-color: @accent-color;\n color: @text;\n i {\n color: @text;\n }\n }\n }\n\n div.hrkZHu {\n .jyqDRL {\n color: @text;\n }\n }\n\n div.jNcNAJ,\n div.kVjvQX {\n background-color: @mantle;\n .material-icons-outlined {\n color: @text;\n &:hover {\n color: @accent-color;\n }\n }\n .DqwDN {\n background-color: @mantle;\n }\n .SideTabItem__RootButton-sc-vtkzgr-0 {\n background-color: @mantle;\n &:hover {\n color: @accent-color;\n .material-icons-outlined {\n color: @accent-color;\n }\n }\n color: @text;\n &.selected {\n background-color: @crust;\n &::after {\n background-color: @accent-color;\n }\n }\n }\n }\n\n .Tooltip__Content-sc-1k6bq57-1 {\n background-color: @overlay0;\n color: @text;\n .Tooltip__Arrow-sc-1k6bq57-0 {\n fill: @overlay0;\n }\n }\n\n .iYBCHL {\n i,\n .bGQMJt,\n .jKqZHS {\n color: @text;\n }\n }\n .ErrorExplainer__BodyDiv-sc-7nq4if-0 {\n i[name=\"error_outline\"] {\n color: @red;\n }\n .ErrorExplainer__MainTextHeading-sc-7nq4if-1,\n .ErrorExplainer__SubTextHeading-sc-7nq4if-2,\n .ErrorExplainer__TechnicalDetailsHeading-sc-7nq4if-3,\n .ErrorExplainer__ErrorIdParagraph-sc-7nq4if-4 {\n color: @text;\n }\n }\n\n .brCeph {\n .bVrKs > i,\n .jjxnUg {\n color: @text;\n }\n }\n\n /*\n * Tracker\n * FIXME: Someone with access to tracker data, please make sure everything is correctly styled. I'll try my best to style everything I can see for now.\n */\n .StudentTracker__StudentTrackerRoot-sc-17q49lm-0 {\n background-color: @base;\n .dHLPyg {\n background-color: @base;\n border-color: @surface0;\n }\n .fYAgHV {\n color: @text;\n }\n .esbgcq {\n color: @accent-color;\n }\n\n .iYBCHL {\n i,\n .empty-explainer-main-text,\n .jKqZHS {\n color: @text;\n }\n }\n }\n\n /* Practice */\n .PracticeSets__RootDiv-sc-zal4td-0 {\n .Button__StyledButton-sc-aum9f1-1 {\n border-color: @accent-color;\n color: @text;\n }\n background-color: @base;\n .crQhJA {\n background-color: @base;\n .dMFRNT {\n color: @text;\n }\n .ioJPTZ {\n background-color: @surface0 !important;\n color: @accent-color !important;\n }\n .kPxiiI {\n .hArMFK {\n color: @text;\n }\n .genDmU {\n background-color: @surface0 !important; /* goodbye multicolor pills */\n }\n }\n }\n .iNJonG {\n .jZwCGj,\n .kbWKmZ {\n color: @text;\n }\n }\n }\n\n /* Modals */\n .ReactModal__Overlay {\n .ReactModal__Content {\n background-color: transparent;\n } /* undo div[role=\"dialog\"] */\n background-color: fade(@crust, 80%); /* thanks less! */\n .ReactModal__ActualContent {\n background-color: @surface0;\n .zyNzk {\n background-color: @surface1;\n border-color: @surface1;\n &:hover {\n i {\n color: @accent-color;\n }\n }\n i {\n color: @text;\n }\n }\n /* non-iframe modals */\n .hfsUGh {\n background-color: @surface0;\n .ModalTitle {\n background-color: @surface0;\n .fdvlYb {\n color: @text;\n }\n }\n\n label {\n color: @text;\n span {\n color: @red;\n }\n }\n input {\n background-color: @surface1;\n border-color: @overlay0;\n color: @text;\n &::placeholder {\n color: @subtext0;\n }\n }\n\n .ModalBody__RootDiv-sc-1lg094f-0 {\n color: @text;\n h3 {\n color: @text;\n }\n }\n .ModalFooter-sc-iv6ab8-0 {\n .eGqfJp {\n border-color: @accent-color;\n }\n }\n }\n }\n }\n .ReactSelect__control {\n background-color: @surface1;\n border-color: @overlay0;\n &.ReactSelect__control--is-focused {\n border-color: @accent-color !important;\n }\n .ReactSelect__single-value {\n color: @text;\n }\n .ReactSelect__indicator > svg {\n stroke: @text;\n fill: @text;\n }\n }\n .ReactSelect__menu > .ReactSelect__menu-list {\n .ReactSelect__option {\n background-color: @surface1;\n color: @text;\n &.ReactSelect__option--is-focused {\n background-color: @surface2;\n }\n }\n }\n\n /*************************************************************\n * PracticeView\n *************************************************************/\n .PracticeSet__RootDiv-sc-1wup6tb-0 {\n .dyYlFt {\n background-color: @mantle;\n border-color: @surface1;\n }\n .vzHqN > .kpSMxi > .gIxFZH > i,\n .gIxFZH,\n .dMFRNT {\n color: @text;\n }\n .IconButton__RootButton-sc-ebvofk-0,\n .fxjbRk {\n background-color: @surface0;\n border-color: @surface0;\n i {\n color: @text;\n }\n }\n .hMuqfo {\n background-color: @base;\n }\n /* edit card */\n .Sidebar__ChildrenDiv-sc-1d5hucq-2 {\n background-color: @mantle;\n .jZwCGj,\n label {\n color: @text;\n }\n .gotoQK {\n border-color: @surface0;\n textarea {\n color: @text;\n &::placeholder {\n color: @text;\n }\n }\n }\n }\n }\n .PracticeSession__RootDiv-sc-1t2vn9a-1 {\n .jAtBlo {\n background-color: @mantle;\n border-color: @surface1;\n }\n .gWOYlX {\n background-color: @surface0;\n border-color: @surface0;\n i {\n color: @text;\n }\n }\n .kbWKmZ,\n .gIxFZH {\n color: @text;\n }\n .insToW {\n background-color: @base;\n .XmvNK {\n border-color: @surface2;\n background-color: @crust;\n span {\n color: @text;\n }\n }\n .jGFokz {\n &.red {\n background-color: @red;\n color: @contrast-accent-color;\n }\n &.green {\n background-color: @green;\n color: @contrast-accent-color;\n }\n }\n .fjVeZh {\n background-color: @overlay1;\n .ProgressBar__ProgressBarDiv-sc-4qm1te-2 {\n background-color: @accent-color !important;\n }\n }\n }\n .feItUf {\n .lnYigE,\n .fXcREk {\n color: @text;\n }\n }\n }\n .notifications-wrapper {\n .notifications-bc {\n .notification-success {\n background-color: @green !important;\n color: @contrast-accent-color !important;\n }\n }\n }\n /*************************************************************\n * Student Profile\n *************************************************************/\n .StudentProfile__RootDiv-sc-bc305u-0 {\n .dHLPyg {\n background-color: @base;\n border-color: @surface1;\n .TabsItem__StyledTitleDiv-sc-tj1og8-2 {\n color: @text;\n }\n .TabsItem__SelectedLineDiv-sc-tj1og8-1 {\n background-color: @accent-color !important;\n }\n }\n .eEhCum {\n background-color: @base;\n .fFnpYA {\n .kXDmTg {\n background-color: @accent-color;\n color: @contrast-accent-color !important;\n }\n color: @text;\n label {\n color: @text;\n }\n }\n .eGqfJp {\n color: @accent-color;\n border-color: @accent-color;\n }\n .hGMdJp {\n border-color: @surface1;\n }\n .fOUzKq {\n /* fix shitty styling by formative */\n padding: 1em;\n text-decoration: none;\n color: @text;\n i {\n color: @text;\n }\n }\n .iSUyai {\n .evnAvd,\n .iFWvBX,\n .BadgeCard__BadgeLabelDiv-sc-13976oo-8,\n .BadgeCard__BadgeDescriptionDiv-sc-13976oo-9 {\n color: @text;\n }\n .Pill__RootDiv-sc-4b6mpn-0 {\n background-color: @surface0 !important;\n color: @accent-color !important;\n }\n .BadgeCard__LevelProgressDiv-sc-13976oo-2 {\n span {\n color: @text;\n }\n .ProgressBar__Progress-sc-4qm1te-0 {\n background-color: @overlay0;\n }\n .ProgressBar__ProgressBarDiv-sc-4qm1te-2 {\n background-color: @accent-color;\n }\n }\n }\n }\n }\n .iCrZor {\n &.selectedTab {\n background-color: @accent-color;\n color: @contrast-accent-color;\n }\n color: @accent-color;\n }\n .fJjhRQ:hover {\n background-color: @surface1;\n }\n /*************************************************************\n * Join Code\n *************************************************************/\n .App__AppContainerDiv-sc-1x6i86e-0 {\n background-color: @base;\n .SplitColumnLayout__FullScreenDiv-sc-4mcl10-5 {\n background-color: @base;\n svg {\n path:nth-child(1) {\n fill: @peach !important;\n stroke: @peach !important;\n }\n path:nth-child(2) {\n fill: @peach !important;\n stroke: @peach !important;\n }\n path:nth-child(3) {\n fill: @green !important;\n stroke: @green !important;\n }\n path:nth-child(4) {\n fill: @green !important;\n stroke: @green !important;\n }\n path:nth-child(5) {\n fill: @green !important;\n stroke: @green !important;\n }\n path:nth-child(6) {\n fill: @green !important;\n stroke: @green !important;\n }\n path:nth-child(7) {\n fill: @green !important;\n stroke: @green !important;\n }\n path:nth-child(8) {\n fill: @green !important;\n stroke: @green !important;\n }\n path:nth-child(9) {\n fill: @green !important;\n stroke: @green !important;\n }\n path:nth-child(10) {\n fill: @green !important;\n stroke: @green !important;\n }\n path:nth-child(11) {\n fill: @text !important;\n stroke: @text !important;\n }\n }\n }\n .Elements__ColumnDiv-sc-1qtb2ho-2,\n .Elements__TwoColumnParentDiv-sc-1qtb2ho-1 {\n background-color: @base;\n }\n .SplitColumnLayout__Card-sc-4mcl10-0 {\n background-color: @mantle;\n .lmmjCy,\n .EaPMD,\n .cuNCkB {\n color: @text;\n }\n .JoinQuickCode__ErrorDiv-sc-1uhfett-4 {\n color: @red;\n }\n .PWQOG,\n .JoinQuickCode__StyledLink-sc-1uhfett-2 {\n color: @blue;\n }\n .react-code-input {\n input {\n background-color: @crust;\n border-color: @surface1;\n color: @text;\n &:focus {\n border-color: @accent-color;\n }\n }\n }\n .CallToActionLink__StyledLink-sc-yuiy65-0 {\n color: @text;\n span {\n color: @text;\n }\n }\n }\n }\n\n /*************************************************************\n * Assignment UI\n * Note: I don't have access to *every* UI element a teacher can possibly use, this is best-effort and will be updated when I find new UI elements.\n *************************************************************/\n .FormativeStudent__FormativeStudentRoot-sc-1nzmkoa-1 {\n .FormativeStudentHeader__RootDiv-sc-yw00ql-0 {\n .FormativeStudentHeader__UpperDiv-sc-yw00ql-11 {\n background-color: @surface1 !important;\n color: @text;\n border-color: @overlay0;\n .FormativeStudentHeader__InfoItem-sc-yw00ql-7 {\n border-color: @overlay0;\n }\n .Button__StyledButton-sc-aum9f1-1 {\n border-color: @accent-color;\n }\n }\n }\n /********************************************************** */\n #student-main-content {\n background-color: @base;\n .FormativeDescription__RootDiv-sc-msmcgd-0 {\n * {\n color: @text;\n }\n }\n .FormativeUnavailableMessage__InnerDiv-sc-14kxg7t-1 {\n background-color: @mantle;\n border-color: @accent-color;\n i[name=\"warning\"] {\n color: @accent-color;\n }\n color: @text;\n }\n .FormativeStudentFooter__BottomDiv-sc-6tj89c-3 {\n * {\n color: @text;\n }\n }\n }\n }\n .FormativeStudentHeader__NavStripDiv-sc-yw00ql-10 {\n border-color: @overlay0;\n background-color: @surface0 !important;\n .FormativeProgressBarStyles__NavItemGroupDiv-sc-1rm72lt-2 {\n border-color: @overlay0;\n background-color: @surface0;\n &:hover {\n background-color: @surface1;\n .formative-nav-item {\n color: @accent-color;\n i {\n color: @accent-color;\n }\n &:hover {\n background-color: @surface2;\n }\n }\n }\n }\n .formative-nav-item {\n color: @text;\n i {\n color: @text;\n }\n &:hover {\n background-color: @surface1;\n color: @accent-color;\n i {\n color: @accent-color;\n }\n }\n .FormativeStudentNavItem__IndicatorDiv-sc-i1u5ts-1 > svg > path {\n stroke: @red !important;\n }\n .fVOfai {\n background-color: @green;\n }\n .jiaclp {\n background-color: @text;\n }\n .fqmSk {\n background-color: @yellow;\n }\n .dxDbbP {\n background-color: @red;\n }\n .dLppQA {\n background-color: @peach;\n }\n }\n }\n .FormativeItemViewable__RootDiv-sc-m0kwch-0 {\n background-color: @mantle;\n border-color: @surface0;\n .TextViewable__RootDiv-sc-ohojgu-0 {\n * {\n color: @text !important;\n }\n }\n .Ellipse__RootButton-sc-684qlw-0 {\n background-color: @surface0 !important;\n color: @text !important;\n }\n .QuestionNumber__RootDiv-sc-zm7966-0 {\n background-color: @surface0 !important;\n border-color: @accent-color !important;\n color: @text;\n }\n .withFunctionalizedViewable__RightColumn-sc-1636o2h-4 {\n border-color: @surface0;\n }\n .Iframe__IframeContainer-sc-e1n6v2-2 {\n border-color: @overlay1;\n iframe {\n border-color: @overlay1;\n border-style: solid;\n }\n }\n .Iframe__Footnote-sc-e1n6v2-1 {\n color: @text;\n }\n &.question {\n .FormativeItemViewable__HintsDiv-sc-m0kwch-7 {\n label,\n .FormativeItemViewable__HintDiv-sc-m0kwch-8 {\n color: @text !important;\n }\n }\n .QuestionViewable__QuestionNumberDiv-sc-13jvio2-3 {\n color: @text;\n }\n .ItemInfoPill-sc-ecx83e-0,\n .FormativeItemViewable__HintsRemainingCountDiv-sc-m0kwch-11 {\n background-color: @surface0;\n border-color: @overlay0;\n color: @text;\n &.fVzTTr > svg > path {\n stroke: @red;\n }\n .ScorePill__ScoreDiv-sc-w63ftw-0 {\n color: @text;\n }\n .ScoreCircle__RootDiv-sc-lj5glq-0 {\n &[style*=\"rgb(32, 213, 171)\"] {\n background-color: @green !important;\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 }\n }\n }\n .QuestionViewable__ContentDiv-sc-13jvio2-4 {\n * {\n color: @text !important;\n } /* i'm not going to style each text element teachers can put in */\n\n .ShortAnswerViewableDetails__InputAutosizeTextarea-sc-1ugk4gk-0 {\n background-color: @surface0;\n border-color: @overlay0;\n }\n .DragAndDropDropzoneOutput__RootDiv-sc-1is7exh-0 {\n border-color: @overlay0;\n background-color: @crust;\n .DragAndDropDropzoneOutput__StyledIconButton-sc-1is7exh-6 {\n background-color: @surface0;\n border-color: @surface0;\n }\n }\n .InlineChoiceOutput__BaseSelect-sc-1694w84-0 {\n background-color: @surface0;\n border-color: @overlay0;\n }\n .BlankOutput__FillableEntity-sc-15mzaww-1 {\n background-color: @surface0;\n outline-color: @overlay0;\n }\n .MatchingTable__RootDiv-sc-1rhxmvo-0 {\n table {\n tr,\n td {\n border-color: @overlay0;\n outline-color: @accent-color;\n }\n background-color: @surface0;\n .MatchingTableRow__ArrowIcon-sc-1u9h4tb-1.highlight {\n background-color: @accent-color;\n color: @contrast-accent-color !important;\n }\n .ChoiceElement__RootDiv-sc-1mbtxfk-1 {\n &.highlight {\n i {\n background-color: @accent-color;\n color: @contrast-accent-color !important;\n }\n }\n background-color: @surface1;\n border-radius: 8px;\n & > button {\n background-color: @surface1;\n i,\n .RichText__RootReadOnlyDiv-sc-fjolxt-1 {\n background-color: transparent;\n color: @text;\n }\n }\n }\n }\n }\n .CategorizeViewableContainer__FlexDiv-sc-1yo1jbo-2 {\n .ChoiceElementViewable__RootDiv-sc-viwu2x-0 {\n .RichText__RootReadOnlyDiv-sc-fjolxt-1 {\n background-color: transparent;\n }\n border-color: @overlay0;\n &:hover {\n border-color: @accent-color;\n }\n &.highlight {\n i {\n background-color: @accent-color;\n color: @contrast-accent-color !important;\n }\n }\n }\n .TargetElementViewable__BoxDiv-sc-1cp2mml-1 {\n border-color: @overlay0;\n background-color: @surface0;\n .TargetElementViewable__AddSelectedChoiceButton-sc-1cp2mml-9 > i {\n background-color: @accent-color;\n color: @contrast-accent-color !important;\n }\n .TargetElementViewable__ChoiceDiv-sc-1cp2mml-4 {\n background-color: @surface1;\n border-color: @overlay1;\n &.selected {\n background-color: @accent-color;\n * {\n color: @contrast-accent-color !important;\n }\n }\n .TargetElementViewable__StyledIconWarningButton-sc-1cp2mml-6 {\n border-color: @overlay1;\n &:hover {\n background-color: @red;\n i {\n color: @contrast-accent-color !important;\n }\n }\n }\n }\n }\n }\n .MatchTableGrid__RootDiv-sc-1ue3nun-0 {\n table {\n td,\n th,\n tr {\n border-color: @overlay0;\n }\n th {\n background-color: @surface1 !important;\n }\n td:first-child {\n background-color: @surface1;\n }\n td {\n background-color: @surface0;\n }\n button[role=\"checkbox\"] {\n background-color: @surface1;\n border-color: @accent-color;\n &[data-state=\"checked\"] {\n background-color: @accent-color;\n i {\n color: @contrast-accent-color !important;\n }\n }\n }\n }\n }\n .MultipleChoiceViewableDetails__RootDiv-sc-d82bbx-0,\n .MultipleSelectionViewableDetails__RootDiv-sc-1b13xp6-0 {\n .ChoiceOptionViewable__RootDiv-sc-a2vwy6-0 {\n .checkbox-root {\n button {\n background-color: @surface0;\n border-color: @accent-color;\n .Checkbox__RadioCircleDiv-sc-1oy0ey9-3 {\n background-color: @accent-color !important;\n }\n }\n }\n .ChoiceOptionViewable__RightSideDiv-sc-a2vwy6-2 {\n border-color: @overlay0;\n background-color: @surface0;\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 .IconButton__RootButton-sc-ebvofk-0 {\n background-color: @surface1;\n border-color: @accent-color;\n i {\n color: @text !important;\n }\n }\n }\n }\n }\n .DrawingContainerStudent__DrawingPreviewDiv-sc-en378l-0,\n .QuestionViewableWithDrawing__RootDiv-sc-1kzyk7j-0 {\n .DrawingCardButton__DrawingPreview-sc-u2qprg-3 {\n background-color: white;\n border-radius: 6px;\n }\n button {\n border-color: @overlay0 !important;\n }\n .DrawingCardButton__HoverDarkScrim-sc-u2qprg-2 {\n background-color: @surface0;\n }\n .DrawingCardButton__ShowYourWorkPseudoButtonDiv-sc-u2qprg-0 {\n border-color: @overlay1;\n background-color: @surface1;\n }\n }\n .GraphViewableDetails__RootDiv-sc-13yx2r4-0 {\n .ExpandableAccordionHeader__RootButton-sc-cu02pz-0 {\n background-color: transparent;\n }\n .GraphViewableDetails__TabRowDiv-sc-13yx2r4-1 {\n .Tabs__RootDiv-sc-2v0c2x-0 {\n border-color: @surface1;\n .TabsItem__TabDiv-sc-tj1og8-4 {\n background-color: @mantle !important;\n }\n .TabsItem__StyledTitleDiv-sc-tj1og8-2 {\n color: @text;\n }\n .TabsItem__SelectedLineDiv-sc-tj1og8-1 {\n background-color: @accent-color !important;\n }\n }\n }\n .GraphViewableDetails__GraphContainerDiv-sc-13yx2r4-3 > div {\n background-color: white;\n .sc-fqkvVR {\n * {\n color: black !important;\n }\n }\n }\n .VerticalButton__StyledButton-sc-1h2we7r-2:hover\n .VerticalButton__IconDiv-sc-1h2we7r-0 {\n background-color: @surface0;\n }\n }\n .BlankOutput__FillableNumericDiv-sc-15mzaww-0 {\n background-color: @surface0;\n outline-color: @overlay0;\n &.filling {\n outline-color: @accent-color;\n }\n }\n .ResequenceViewableDetailsContainer__AnswerList-sc-s5awz8-0 {\n .ResequenceCard__ListItemContentDiv-sc-30eibj-1,\n li {\n background-color: @surface0 !important;\n border-color: @overlay0;\n }\n }\n }\n }\n }\n .FullPointsAnimation__AbsoluteContainerDiv-sc-mzm76r-0,\n .ScoreCircle__LottieWrapperDiv-sc-lj5glq-1 {\n svg {\n path[fill=\"rgb(32,213,171)\"] {\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 fill: @red !important;\n }\n path[fill=\"rgb(255,255,255)\"] {\n fill: @contrast-accent-color !important;\n }\n path[fill=\"rgb(242,242,242)\"] {\n fill: @contrast-accent-color !important;\n }\n path[stroke=\"rgb(32,213,171)\"] {\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 stroke: @red !important;\n }\n path[stroke=\"rgb(255,255,255)\"] {\n stroke: @contrast-accent-color !important;\n }\n path[stroke=\"rgb(242,242,242)\"] {\n stroke: @contrast-accent-color !important;\n }\n }\n }\n .css-1vamqze {\n background-color: @surface0;\n color: @text;\n .css-18fumqt-option {\n background-color: @surface1;\n }\n .css-1pfbc1f-option {\n background-color: @accent-color;\n color: @contrast-accent-color;\n }\n }\n .fHrrVC > svg > path {\n fill: @text !important;\n }\n .FormativeItemViewable__FeedbackMessagesListDiv-sc-m0kwch-1 {\n .FeedbackMessagesList__MessagesListDiv-sc-9o5dsw-0 {\n background-color: @overlay0;\n .jZwCGj {\n color: @text;\n }\n }\n .FeedbackMessageComposer__RootDiv-sc-vs8711-0 {\n border-color: @overlay2;\n .FeedbackMessageComposer__RichTextContainerDiv-sc-vs8711-3 {\n border-color: @overlay2;\n .public-DraftEditorPlaceholder-inner {\n color: @subtext1;\n }\n .public-DraftEditor-content {\n color: @text !important;\n }\n }\n }\n }\n .hxNLul > svg > path {\n fill: @accent-color !important;\n }\n .ejr02pv {\n .e16zneum {\n color: @text;\n }\n background-color: @surface2;\n }\n .MathLiveInput__RootDiv-sc-2fx8pp-0 {\n background-color: @surface0;\n border-color: @overlay0;\n &:focus-within,\n &:hover {\n border-color: @accent-color;\n }\n .MathLiveInput__KeyboardButtonWrapper-sc-2fx8pp-1 svg > path {\n fill: @accent-color !important;\n }\n .ML__keyboard--plate {\n border-color: @overlay0 !important;\n background-color: @surface0 !important;\n .rows .keycap {\n background-color: @surface1;\n border-color: @overlay0;\n &:hover {\n background-color: @surface2;\n }\n }\n .keyboard-toolbar {\n .left > div.selected {\n border-color: @accent-color;\n }\n [data-tooltip]::after {\n background: @overlay0;\n color: @text;\n }\n }\n }\n }\n .ExpandedDrawing__BodyDiv-sc-cz2rcw-0 {\n .DrawingSidebar__RootDiv-sc-1hvcy70-3 {\n .DrawingSidebar__ExpandedAnswerDiv-sc-1hvcy70-0 {\n background-color: @base;\n .FormativeItemViewable__RootDiv-sc-m0kwch-0 {\n background-color: @base;\n }\n }\n }\n .DrawingSidebar__SidebarTopExplainer-sc-1hvcy70-1 {\n background-color: @mantle;\n color: @text;\n border-color: @overlay0;\n .DrawingSidebar__StyledIcon-sc-1hvcy70-5 {\n color: @text;\n }\n }\n .DrawingToolbar__RootDiv-sc-2xuxy3-0 {\n background-color: @surface0;\n .DrawingToolbar__ToolDiv-sc-2xuxy3-3 {\n background-color: @surface0;\n &::after {\n background-color: @accent-color;\n }\n &:hover {\n color: @accent-color;\n }\n .ToolDropdownTriggerDiv-sc-16usko2-0:hover {\n color: @accent-color;\n }\n }\n }\n }\n .StrokePicker__InnerDiv-sc-8widgm-4 {\n label {\n color: @text;\n }\n .StrokeWidthPickerContent__ListItemDiv-sc-116c7dc-0 {\n &:hover {\n .StrokeWidthPickerContent__CircleDiv-sc-116c7dc-1 {\n background-color: @accent-color;\n }\n }\n .StrokeWidthPickerContent__CircleDiv-sc-116c7dc-1.active {\n background-color: @accent-color;\n }\n }\n .slider {\n background: linear-gradient(to right, rgba(0, 0, 0, 0), @text);\n }\n .Button__StyledButton-sc-aum9f1-1 {\n background-color: @surface1;\n }\n .Checkbox__RootDiv-sc-1oy0ey9-0 {\n button[role=\"checkbox\"] {\n border-color: @accent-color;\n &[aria-checked=\"true\"] {\n background-color: transparent;\n }\n }\n }\n }\n }\n}\n// vim:ft=less\n"},{"enabled":true,"name":", @color, @flat) {","description":"Soothing pastel theme for GitHub","author":"Catppuccin","updateUrl":"https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.css","usercssData":{"name":", @color, @flat) {","namespace":"github.com/catppuccin/userstyles/styles/github","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/github","version":"1.3.2","description":"Soothing pastel theme for GitHub","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","value":null,"default":"rosewater","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Gray","value":"subtext0"}]}}},"sourceCode":"/* ==UserStyle==\n@name Github Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/github\n@homepageURL \t https://github.com/catppuccin/userstyles/tree/main/styles/github\n@version 1.3.2\n@description Soothing pastel theme for GitHub\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.css\n@license \t\t MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater*\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n/* prettier-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n}\n\n@-moz-document regexp(\"https:\\/\\/(gist\\.)*github\\.com(?!\\/(home|marketplace|organizations\\/plan))(?!\\/.+?\\/.+?\\/commit\\/[A-Fa-f0-9]+\\.).*\") {\n [data-color-mode=\"light\"],\n [data-color-mode=\"auto\"] > .theme-light {\n #catppuccin(@lightFlavor, @accentColor);\n }\n @media (prefers-color-scheme: light) {\n [data-color-mode=\"auto\"] {\n #catppuccin(@lightFlavor, @accentColor);\n }\n }\n [data-color-mode=\"dark\"],\n [data-color-mode=\"auto\"] > .theme-dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n @media (prefers-color-scheme: dark) {\n [data-color-mode=\"auto\"] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n html:not([data-light-theme=\"light\"]) body:not(.logged-out)::after,\n html:not([data-dark-theme=\"dark\"]) body:not(.logged-out)::after {\n position: fixed;\n top: 0;\n left: 0;\n padding: 1rem;\n margin: 1rem;\n border-radius: 0.5rem;\n max-width: 40ch;\n background-color: var(--color-danger-fg);\n color: var(--color-header-bg);\n content: \"Unsupported GitHub theme detected! Please switch to the default light/dark theme via the GitHub Appearance settings to get the best experience for the Catppuccin GitHub userstyle.\";\n z-index: 9999;\n }\n\n #coloredButton(@name, @color, @flat) {\n & when (@flat) {\n --color-btn-@{name}-text: @color;\n --color-btn-@{name}-bg: @base;\n --color-btn-@{name}-icon: @color;\n\n --color-btn-@{name}-hover-text: @base;\n --color-btn-@{name}-hover-bg: @color;\n --color-btn-@{name}-hover-border: @color;\n\n --color-btn-@{name}-selected-text: @base;\n --color-btn-@{name}-selected-bg: @color;\n --color-btn-@{name}-selected-border: @color;\n\n --color-btn-@{name}-disabled-text: fadeout(@color, 60%);\n --color-btn-@{name}-disabled-bg: @mantle;\n }\n\n & when not (@flat) {\n --color-btn-@{name}-text: @base;\n --color-btn-@{name}-bg: @color;\n --color-btn-@{name}-icon: @base;\n\n --color-btn-@{name}-hover-text: @base;\n --color-btn-@{name}-hover-bg: lighten(@color, 10%);\n --color-btn-@{name}-hover-border: lighten(@color, 10%);\n\n --color-btn-@{name}-selected-text: @base;\n --color-btn-@{name}-selected-bg: lighten(@color, 10%);\n --color-btn-@{name}-selected-border: lighten(@color, 10%);\n\n --color-btn-@{name}-disabled-text: @crust;\n --color-btn-@{name}-disabled-bg: fadeout(@color, 60%);\n }\n\n --color-btn-@{name}-hover-icon: @base;\n\n /* set these to transparent for the looks */\n --color-btn-@{name}-border: transparent;\n --color-btn-@{name}-shadow: 0 0 transparent;\n --color-btn-@{name}-inset-shadow: 0 0 transparent;\n --color-btn-@{name}-selected-shadow: 0 0 transparent;\n --color-btn-@{name}-disabled-border: transparent;\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n &,\n & body {\n accent-color: @accent-color;\n --bgColor-default: @base;\n --color-page-header-bg: @base;\n --color-marketing-icon-primary: @sky;\n --color-marketing-icon-secondary: @blue;\n --color-diff-blob-addition-num-text: @text;\n --color-diff-blob-addition-fg: @text;\n --color-diff-blob-addition-num-bg: fadeout(@green, 70%);\n --color-diff-blob-addition-line-bg: fadeout(@green, 85%);\n --color-diff-blob-addition-word-bg: fadeout(@green, 70%);\n --color-diff-blob-deletion-num-text: @text;\n --color-diff-blob-deletion-fg: @text;\n --color-diff-blob-deletion-num-bg: fadeout(@red, 70%);\n --color-diff-blob-deletion-line-bg: fadeout(@red, 85%);\n --color-diff-blob-deletion-word-bg: fadeout(@red, 70%);\n --color-diff-blob-hunk-num-bg: fadeout(@blue, 60%);\n --color-diffstat-addition-bg: @green;\n --color-prettylights-syntax-comment: @overlay1;\n --color-prettylights-syntax-constant: @blue;\n --color-prettylights-syntax-entity: @blue;\n --color-prettylights-syntax-storage-modifier-import: @peach;\n --color-prettylights-syntax-entity-tag: @teal;\n --color-prettylights-syntax-keyword: @pink;\n --color-prettylights-syntax-string: @green;\n --color-prettylights-syntax-variable: @peach;\n --color-prettylights-syntax-invalid-illegal-text: @red;\n --color-prettylights-syntax-invalid-illegal-bg: fadeout(@red, 85%);\n --color-prettylights-syntax-markup-heading: @teal;\n --color-prettylights-syntax-markup-italic: @yellow;\n --color-prettylights-syntax-markup-bold: @yellow;\n --color-prettylights-syntax-markup-deleted-text: @text;\n --color-prettylights-syntax-markup-deleted-bg: fadeout(@red, 60%);\n --color-prettylights-syntax-markup-inserted-text: @text;\n --color-prettylights-syntax-markup-inserted-bg: fadeout(@green, 60%);\n --color-prettylights-syntax-markup-changed-text: @text;\n --color-prettylights-syntax-markup-changed-bg: fadeout(@yellow, 60%);\n --color-prettylights-syntax-markup-ignored-text: @text;\n --color-codemirror-text: @text;\n --color-codemirror-bg: @base;\n --color-codemirror-gutters-bg: @base;\n --color-codemirror-guttermarker-text: @base;\n --color-codemirror-lines-bg: @base;\n --color-checks-bg: @mantle;\n --color-checks-text-primary: @text;\n --color-checks-text-secondary: @subtext1;\n --color-checks-text-link: @sapphire;\n --color-checks-btn-icon: @text;\n --color-checks-btn-hover-icon: @text;\n --color-checks-btn-hover-bg: @crust;\n --color-checks-input-text: @surface1;\n --color-checks-input-placeholder-text: @subtext1;\n --color-checks-input-focus-text: @text;\n --color-checks-input-bg: @surface0;\n --color-checks-donut-error: @red;\n --color-checks-donut-pending: @peach;\n --color-checks-donut-success: @green;\n --color-checks-donut-neutral: @overlay2;\n --color-checks-dropdown-text: @text;\n --color-checks-dropdown-bg: @surface0;\n --color-checks-dropdown-border: @surface1;\n --color-checks-dropdown-shadow: @crust;\n --color-checks-dropdown-hover-text: @subtext0;\n --color-checks-dropdown-hover-bg: @mantle;\n --color-checks-dropdown-btn-hover-text: @text;\n --color-checks-dropdown-btn-hover-bg: @mantle;\n --color-checks-scrollbar-thumb-bg: @mantle;\n --color-checks-header-label-text: @text;\n --color-checks-header-label-open-text: @accent-color;\n --color-checks-header-border: @surface0;\n --color-checks-header-icon: @text;\n --color-checks-line-text: @subtext0;\n --color-checks-line-num-text: @subtext0;\n --color-checks-line-timestamp-text: @subtext0;\n --color-checks-line-hover-bg: @surface0;\n --color-checks-line-selected-bg: @surface0;\n --color-checks-gate-text: @text;\n --color-checks-gate-waiting-text: @yellow;\n --color-checks-step-header-open-bg: @surface0;\n --color-checks-step-error-text: @maroon;\n --color-checks-step-warning-text: @peach;\n --color-checks-logline-text: @text;\n --color-checks-logline-num-text: @text;\n --color-checks-logline-debug-text: @mauve;\n --color-checks-logline-error-text: @text;\n --color-checks-logline-error-num-text: @maroon;\n --color-checks-logline-error-bg: fadeout(@maroon, 85%);\n --color-checks-logline-warning-text: @subtext1;\n --color-checks-logline-warning-num-text: @peach;\n --color-checks-logline-warning-bg: fadeout(@peach, 85%);\n --color-checks-logline-command-text: @blue;\n --color-checks-logline-section-text: @green;\n --color-checks-ansi-black: @surface1;\n --color-checks-ansi-black-bright: @surface2;\n --color-checks-ansi-white: @subtext1;\n --color-checks-ansi-white-bright: @subtext0;\n --divider-color: @surface1;\n --underlineNav-borderColor-active: @accent-color;\n\n & when (@lookup =latte) {\n // When using a light theme use the light colors instead of the dark\n --color-checks-ansi-black: @subtext1;\n --color-checks-ansi-black-bright: @subtext0;\n --color-checks-ansi-white: @surface2;\n --color-checks-ansi-white-bright: @surface1;\n }\n\n --color-checks-ansi-red: @red;\n --color-checks-ansi-red-bright: @red;\n --color-checks-ansi-green: @green;\n --color-checks-ansi-green-bright: @green;\n --color-checks-ansi-yellow: @yellow;\n --color-checks-ansi-yellow-bright: @yellow;\n --color-checks-ansi-blue: @blue;\n --color-checks-ansi-blue-bright: @blue;\n --color-checks-ansi-magenta: @pink;\n --color-checks-ansi-magenta-bright: @pink;\n --color-checks-ansi-cyan: @teal;\n --color-checks-ansi-cyan-bright: @teal;\n --color-header-text: var(--subtext2);\n --color-header-bg: @mantle;\n --color-header-logo: @text;\n --color-header-search-bg: @surface0;\n --color-header-search-border: @surface1;\n --color-sidenav-selected-bg: @surface1;\n --color-menu-bg-active: @surface2;\n --color-timeline-badge-bg: @surface0;\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 #coloredButton(primary, @green, false);\n #coloredButton(danger, @red, true);\n --color-action-list-item-inline-divider: @surface2;\n --color-action-list-item-default-hover-bg: @surface1;\n --color-action-list-item-default-selected-bg: @surface1;\n --color-fg-default: @text;\n --color-fg-muted: @subtext1;\n --color-fg-subtle: @subtext1;\n --color-fg-on-emphasis: @base;\n --color-canvas-default: @base;\n --color-canvas-overlay: @surface0;\n --color-canvas-inset: @mantle; // background\n --color-canvas-subtle: @surface0;\n --color-border-default: @surface1;\n --color-border-muted: @surface0;\n --color-shadow-medium: 0 3px 6px @crust;\n --color-shadow-large: 0 8px 24px @crust;\n --color-shadow-extra-large: 0 12px 48px @crust;\n --color-neutral-emphasis-plus: @overlay0;\n --color-neutral-emphasis: @overlay2;\n --color-neutral-muted: fadeout(@overlay0, 60%);\n --color-accent-fg: @accent-color;\n --color-accent-emphasis: @accent-color;\n --color-accent-muted: fadeout(@accent-color, 60%);\n --color-accent-subtle: fadeout(@accent-color, 85%);\n --color-success-fg: @green;\n --color-success-emphasis: @green;\n --color-attention-fg: @peach;\n --color-attention-emphasis: @peach;\n --color-severe-fg: @maroon;\n --color-severe-emphasis: @maroon;\n --color-danger-fg: @red;\n --color-danger-muted: fadeout(@red, 60%);\n --color-danger-emphasis: @red;\n --color-open-fg: @green;\n --color-open-emphasis: @green;\n --color-closed-fg: @red;\n --color-closed-emphasis: @red;\n --color-done-fg: @mauve;\n --color-done-emphasis: @mauve;\n --color-sponsors-fg: @mauve;\n --color-sponsors-emphasis: @mauve;\n --color-primer-fg-disabled: fadeout(@accent-color, 50%);\n --color-primer-border-active: @red;\n }\n --color-workflow-card-connector: @overlay0;\n --color-workflow-card-connector-bg: @overlay0;\n --color-workflow-card-connector-inactive: @surface1;\n --color-workflow-card-connector-inactive-bg: @surface1;\n --color-workflow-card-connector-highlight: @accent-color;\n --color-workflow-card-connector-highlight-bg: @accent-color;\n --color-workflow-card-bg: @surface1;\n --color-workflow-card-inactive-bg: @surface0;\n --color-workflow-card-progress-complete-bg: fadeout(@blue, 85%);\n --color-workflow-card-progress-incomplete-bg: @surface1;\n --color-discussions-state-answered-icon: var(--color-scale-green-3);\n --color-bg-discussions-row-emoji-box: var(--color-scale-gray-6);\n --color-notifications-button-text: var(--color-scale-white);\n --color-notifications-button-hover-text: var(--color-scale-white);\n --color-notifications-button-hover-bg: var(--color-scale-blue-4);\n --color-notifications-row-read-bg: var(--color-canvas-default);\n --color-notifications-row-bg: var(--color-canvas-subtle);\n --color-icon-directory: @text;\n --color-checks-step-error-icon: var(--color-scale-red-4);\n --color-calendar-halloween-graph-day-L1-bg: fadeout(@accent-color, 3);\n --color-calendar-halloween-graph-day-L2-bg: fadeout(@accent-color, 2);\n --color-calendar-halloween-graph-day-L3-bg: @accent-color;\n --color-calendar-halloween-graph-day-L4-bg: @mantle;\n --color-calendar-graph-day-bg: @surface0;\n --color-calendar-graph-day-border: transparent;\n /* These could do with a bit of refining */\n --color-calendar-graph-day-L1-bg: spin(fade(@green, 40%), 15deg);\n --color-calendar-graph-day-L2-bg: spin(fade(@green, 60%), 10deg);\n --color-calendar-graph-day-L3-bg: spin(fade(@green, 80%), 5deg);\n --color-calendar-graph-day-L4-bg: @green;\n --color-calendar-graph-day-L1-border: transparent;\n --color-calendar-graph-day-L2-border: transparent;\n --color-calendar-graph-day-L3-border: transparent;\n --color-calendar-graph-day-L4-border: transparent;\n --color-user-mention-fg: @accent-color;\n --color-user-mention-bg: @crust;\n --color-text-white: @text;\n\n /* New PR, new branch, fork repository, and commit changes buttons */\n .iRoQzU,\n .ifkUYV,\n .bOZDzN,\n .cYGUCw,\n .bbZPuV {\n background-color: @green;\n color: @base;\n }\n\n /* New branch dialog */\n .jenxrv {\n background-color: @mantle;\n color: @text;\n }\n\n /* Branch drop down */\n .fHiIQb {\n background-color: @surface0;\n }\n\n /* Compare button & Cancel new branch button */\n .idPXPh,\n .epAEYw {\n background-color: @surface0;\n color: @text;\n border-color: @surface1;\n }\n\n /* search btn */\n .header-search-button.placeholder {\n color: @text;\n }\n\n /* Issue tags */\n .hx_IssueLabel {\n --text: @text;\n }\n\n /* Search */\n .header-search-input {\n color: @text !important;\n }\n\n .header-search-input::placeholder {\n color: @subtext1 !important;\n }\n\n /* Tags */\n .topic-tag {\n --color-accent-fg: @accent-color;\n --color-accent-emphasis: @accent-color;\n --color-accent-muted: fadeout(@accent-color, 60%);\n --color-accent-subtle: fadeout(@accent-color, 85%);\n }\n\n /* Slug */\n .dYxKVs,\n .eVjWum {\n color: @accent-color;\n }\n\n /* Links */\n .fIqerb,\n .bJroUH {\n color: @accent-color;\n }\n\n /* Misc */\n .user-mention,\n .team-mention {\n color: @accent-color;\n }\n\n .kSmUFR[data-size=\"small\"][data-no-visuals=\"true\"] svg,\n .gaMHBv[data-size=\"small\"][data-no-visuals] svg {\n color: @green;\n }\n .starred .starred-button-icon {\n color: @yellow;\n }\n\n /* Large notification */\n .flash {\n --color-attention-muted: @accent-color;\n --bgColor-attention-muted: fadeout(@accent-color, 60%);\n --color-attention-subtle: fadeout(@accent-color, 85%);\n }\n\n /* Headers */\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n color: @subtext1;\n }\n\n #check-step-header-title {\n color: var(--color-checks-text-link) !important;\n }\n\n ::selection {\n background: @surface2 !important;\n }\n\n /* New change visibility box star and watcher preview buttons Fix */\n .btn.color-fg-danger.cursor-default {\n color: var(--color-btn-danger-text) !important;\n background-color: var(--color-btn-danger-bg);\n\n &:hover {\n background-color: var(--color-btn-danger-hover-bg);\n }\n\n & > svg.octicon {\n color: var(--color-btn-danger-text) !important;\n }\n }\n\n /* New change visibility box danger buttons Fix */\n :where(\n #repo-visibility-proceed-button-public,\n #repo-visibility-proceed-button-private\n ):not([data-next-stage]) {\n color: var(--color-btn-danger-text);\n background-color: var(--color-btn-danger-bg);\n }\n\n /* 2FA authentication box header Fix */\n body.session-authentication div.Box-header {\n background-color: inherit;\n }\n\n /* Footer Logo Fix */\n .footer-octicon > svg:nth-child(1) > path:nth-child(1) {\n fill: @text;\n }\n\n /* Footer text hover fix */\n .footer nav.col-12 * {\n color: @subtext1 !important;\n }\n\n /* Notifications */\n .notification-indicator .mail-status {\n background-image: none;\n background-color: @accent-color;\n }\n\n /* Keyboard hint */\n .bdgUpN,\n .hZMmEi .TextInput-icon,\n .hZMmEi .TextInput-action {\n color: @text;\n background-color: @mantle;\n border-color: @surface0;\n }\n\n /* Merge icon */\n .fMJQEf {\n color: @text;\n background-color: @overlay0;\n }\n\n /* Branch indicator */\n .iVNDSi {\n color: @accent-color;\n background-color: fade(@accent-color, 10);\n }\n\n /* File view */\n .hwnsNO {\n color: @text;\n th {\n background: @mantle;\n }\n }\n\n .dXveNa[data-no-visuals=\"true\"] {\n color: @subtext0;\n }\n\n .dXveNa,\n .kbjJSF {\n background-color: @surface0;\n border-color: @surface1;\n }\n\n .gUecKw,\n .lcpiaz,\n .jolsUx,\n .fsSggy {\n background-color: @mantle;\n }\n\n .Cxvmo,\n .dhYcqs {\n color: @red;\n }\n\n .byJIBD,\n .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: @green;\n }\n\n .lmmHGT:not(:first-of-type),\n .fOEJrA,\n .fnFdxN,\n .huABLg,\n .dMLfZp[data-component=\"IconButton\"][data-no-visuals],\n .cwSUxL,\n .iXnXki[data-size=\"small\"][data-no-visuals=\"true\"],\n .jvzHAP,\n .hPIyzG,\n .gTeenv[data-no-visuals=\"true\"],\n .VplrY[data-no-visuals=\"true\"],\n .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n .icOaJE[data-size=\"small\"][data-no-visuals=\"true\"],\n .kKFNhh,\n .lnXbGs,\n .dTxwit {\n color: @subtext0;\n }\n\n .gssqTz {\n color: @text !important;\n }\n\n .bPgnBp,\n .jMyfUO,\n .cBrzIN {\n color: @text;\n }\n\n .eLaeIt:hover:not([disabled]),\n .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"]:hover:not([disabled]),\n .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n .bDSYgZ:hover:not([disabled]),\n .icOaJE:hover:not([disabled]) {\n background-color: @surface0;\n }\n\n .icOaJE[aria-pressed=\"true\"] {\n background-color: @surface0;\n }\n\n .cZRqXf {\n background-color: @surface0;\n &:active:not([disabled]),\n &[aria-expanded=\"true\"] {\n border-color: @surface2;\n }\n &:hover:not([disabled]) {\n border-color: @surface2;\n background-color: @surface1;\n }\n }\n\n .kdEavw,\n .ddNLNa,\n .jepClM,\n .gTeenv,\n .VplrY {\n background-color: @surface0;\n &:hover:not([disabled]) {\n border-color: @surface2;\n background-color: @surface1;\n }\n }\n\n .feVXyu,\n .ecdhqS,\n .iwGxyT,\n .kLxXov,\n .flDsrw {\n border-color: @surface0;\n }\n\n .juEfKr {\n border-color: @surface2;\n }\n\n .eUqMHM,\n .hSXtjz {\n background-color: @base;\n }\n\n .gtXnmh,\n .ukUXs,\n .giEfVQ,\n .cKvNNO,\n .evdFFE,\n .kTUxDY {\n background-color: @mantle;\n }\n\n .hLwWNO .PRIVATE_TreeView-item-container,\n .dycbWg,\n .hYaoHV,\n .rLhXz,\n .gtXnmh,\n .lmmHGT,\n .dEmXPQ {\n color: @text;\n }\n\n .bJBoUI,\n .iJtJJh {\n color: @accent-color;\n }\n\n .lhyFLG {\n background-color: @mantle;\n border-color: @surface1;\n }\n\n .hUWqlv,\n .bJcMWH {\n color: @blue;\n } // search menu links\n .Link__StyledLink-sc-14289xe-0.ifbDxt {\n color: @blue;\n }\n .Link__StyledLink-sc-14289xe-0.ifbDxt:hover {\n background-color: fadeout(@blue, 60%);\n } // Search page buttons\n .cxcvTj,\n .Box-sc-g0xbh4-0.grSspY button {\n background-color: @mantle;\n border-color: @surface1;\n }\n\n .gxGEao {\n border-bottom-color: @surface0;\n }\n\n .hLwWNO\n .PRIVATE_TreeView-item[aria-current=\"true\"]\n > .PRIVATE_TreeView-item-container {\n background-color: @surface0;\n &::after {\n background-color: @accent-color;\n }\n }\n\n .dfAUyE,\n .gKuCoB,\n .bFrOJy {\n .segmentedControl-content {\n background-color: @mantle;\n color: @text;\n }\n }\n\n .cuqBaK,\n .fCAAcl,\n .dAXkSP {\n color: @text;\n background-color: @base;\n &:hover .segmentedControl-content {\n background: @surface0;\n }\n }\n\n @media (hover: hover) and (pointer: fine) {\n .rLhXz:hover:not([aria-disabled]) {\n background-color: @surface0;\n }\n }\n\n /* Projects */\n .ksbilD,\n .cuaLcW,\n .joCMLT,\n .jClMHS,\n .jhjELj,\n .diDjDG,\n .gFuKCf,\n .dHdESs,\n .hpfKPO,\n .jdgyJn,\n .iInViE,\n .brqMal,\n .AbCTW {\n background-color: @mantle;\n }\n\n .jEgFtJ,\n .lixtXZ:hover,\n .eNIoFu,\n .idPXPh:hover,\n .fdORwV,\n .cjFogo,\n .gIOnJa {\n background-color: @surface0;\n }\n\n .jBCpbB {\n color: @text;\n background-color: @surface0;\n }\n\n .kzrUhn.selected {\n background-color: @base;\n border-color: @surface0;\n color: @text;\n }\n\n .esIQoN,\n .kbjJSF:disabled {\n color: @subtext1;\n }\n\n .eJTCnd,\n .eTthoV {\n border-color: @surface0;\n background-color: @base;\n color: @text;\n .fixINc,\n .eDZJqt {\n color: @subtext0;\n }\n .bniVFX,\n .jtlytA {\n color: @text;\n }\n }\n\n .ikTPpF {\n box-shadow: @base 0 3px 6px;\n border-color: @surface0;\n }\n\n .cvveTk,\n .dwoION {\n background-color: @base;\n }\n\n .FKGWN {\n background-color: @base;\n border-color: @surface0;\n }\n\n .jPHlsW::after {\n background-color: @accent-color;\n }\n\n .khCtfm:hover {\n background-color: @surface0;\n }\n .bWlbEI,\n .hzIORV {\n background-color: @mantle;\n }\n\n .khCtfm,\n .khCtfm[data-component=\"leadingVisual\"],\n .Tnbrt[data-component=\"IconButton\"][data-no-visuals] {\n color: @subtext0;\n }\n\n .Tnbrt {\n &:active,\n &[aria-expanded=\"true\"] {\n background-color: @surface2;\n }\n &:hover {\n background-color: @surface1;\n }\n }\n\n .imsxCM {\n color: @text;\n\n .is-selected::after {\n background-color: @accent-color;\n }\n }\n\n .pxYjU {\n background-color: @mantle;\n color: @text;\n border-color: @surface0;\n }\n\n .ilLRrZ {\n color: @text;\n background-color: @surface1;\n }\n\n .cnIHxk {\n background-color: @surface0;\n color: @text;\n &:disabled {\n background-color: @overlay0;\n color: @crust;\n }\n }\n\n .ghFpol {\n background-color: @base;\n }\n\n .hVmCdl,\n .fqKZNC,\n .fZFWUy,\n .kbjJSF,\n .flKHtV,\n .jolsUx,\n .ekNmOn {\n color: @text;\n }\n\n .lixtXZ[data-component=\"IconButton\"][data-no-visuals],\n .klUZzf:not(:first-of-type) {\n color: @subtext0;\n }\n\n .jvpWzR {\n &:hover {\n background-color: @surface1;\n }\n &[data-size=\"large\"][data-block=\"block\"] {\n color: @subtext0;\n }\n }\n\n .fZFWUy,\n .fzjwje {\n background-color: @base;\n }\n\n .cEYXBH {\n background-color: @accent-color;\n }\n\n .joxhcl,\n .hXyJIp,\n .fMkBhb > .segmentedControl-content {\n background-color: @mantle;\n }\n\n .dVFmxu,\n .gbKtit,\n .lnKxja,\n .jzwNMs {\n color: @subtext0;\n svg {\n fill: @subtext0;\n }\n &:hover .segmentedControl-content {\n background-color: @surface1;\n border-color: @surface0;\n }\n }\n\n .hJMtSk {\n color: @crust;\n background-color: @green;\n &:disabled {\n color: @crust;\n background-color: @overlay0;\n }\n }\n\n .iDiUTR {\n color: @text;\n background-color: @base;\n border-color: @surface0;\n &:hover {\n border-color: @surface1;\n }\n }\n\n .eQfJKc,\n .UHWYv {\n color: @red;\n }\n\n .jVIqnb {\n color: @red;\n background-color: @surface0;\n &:hover {\n color: @base;\n background-color: @red;\n }\n }\n\n .UHWYv:hover {\n background-color: fade(@red, 20);\n }\n\n .lmmHGT:hover {\n background-color: @surface0;\n }\n\n /* Project table view */\n .hYdbWk,\n .gkeKEr,\n .jzcCeu,\n .iGxiw,\n .ixFSpw,\n .koxWOe,\n .gkWKRr,\n .ikaTJo > svg,\n .dcGHGc,\n .dzMFih,\n .hYdbWk::before,\n .ixFSpw::before,\n .dSHKOE {\n background-color: @base;\n }\n\n .gkWKRr {\n border-top-color: @surface0;\n border-right-color: @surface0;\n border-left-color: @surface0;\n }\n\n .bJYdrf td {\n border-top-color: @surface1;\n }\n\n .hPQRKh {\n background-color: @surface0;\n &:hover:not([disabled]) {\n background-color: @surface1;\n }\n &[data-component=\"IconButton\"][data-no-visuals] {\n color: @subtext0;\n }\n }\n\n .kfwhFa {\n &:hover:not([disabled]) {\n background-color: @surface0;\n }\n &[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: @subtext0;\n }\n }\n\n .jykkjb {\n background-color: @base;\n box-shadow:\n @crust 0 -2px 0 inset,\n @crust 0 1px 0 inset;\n }\n\n .jhjELj,\n .ixTUPS {\n border-color: @surface1;\n }\n\n .gmscZx,\n .fUaEiu {\n &:hover:not([disabled]) {\n background-color: @surface1;\n }\n &[aria-expanded=\"true\"] {\n background-color: @surface0;\n }\n & [data-component=\"leadingVisual\"],\n &[data-size=\"small\"],\n &[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: @subtext0;\n }\n }\n\n .cBssZb,\n .caTTzX {\n color: @text;\n }\n\n .jhjELj::before {\n border-color: transparent transparent @surface1;\n }\n\n .fHpqaf,\n .bfQVnA,\n .iGxiw,\n .fUzagb,\n .gisjeK,\n .iQkwAM {\n color: @subtext0;\n }\n\n .dtTTcd {\n background-color: @base;\n &.hoverable:hover {\n background-color: @surface0;\n }\n }\n\n .pQcjM {\n border-color: @surface1;\n &.hoverable:hover {\n background-color: @surface0;\n }\n }\n\n .eTSXcP {\n background-color: @red;\n }\n\n .iGxiw {\n border-bottom-color: @surface1;\n }\n\n /* Tree Fix */\n /* Weird barely visible outlines | Can be removed if intentional */\n .brFBoI,\n .ldUAkr,\n .gtXnmh {\n border-color: @surface1;\n }\n\n /* New Repository Overview Fix */\n .gWjhfa,\n .klBOTR,\n .jMdYTc {\n background-color: @mantle;\n }\n\n .jMdYTc {\n border-color: @surface1;\n\n & button {\n color: @subtext1;\n\n &:hover {\n background-color: @surface0;\n }\n\n &[aria-expanded=\"true\"] {\n background-color: @surface0;\n }\n }\n }\n\n .gwuIGu > a {\n &:hover {\n background-color: @surface0;\n }\n\n & span {\n color: @subtext1;\n }\n }\n\n /* Buttons */\n .bJYdrf:hover {\n background-color: @mantle;\n }\n\n .dSlCya:hover {\n color: @accent-color;\n }\n\n .hNNRLM,\n .hGgJQu,\n .hTcsdJ {\n background-color: @surface0;\n border-color: @surface0;\n color: @text;\n\n &:hover {\n background-color: @surface1;\n border-color: @surface1;\n }\n }\n\n .eOIzRT {\n background-color: @base;\n\n &:hover {\n background-color: @surface0;\n }\n }\n\n .hNNRLM svg {\n color: @text;\n }\n\n .react-last-commit-history-group:hover {\n background-color: @base;\n color: @text;\n }\n .ContributionCalendar-day {\n --color-calendar-graph-day-L1-bg: spin(fade(@green, 40%), 15deg);\n --color-calendar-graph-day-L2-bg: spin(fade(@green, 60%), 10deg);\n --color-calendar-graph-day-L3-bg: spin(fade(@green, 80%), 5deg);\n --color-calendar-graph-day-L4-bg: @green;\n --color-calendar-graph-day-L1-border: transparent;\n --color-calendar-graph-day-L2-border: transparent;\n --color-calendar-graph-day-L3-border: transparent;\n --color-calendar-graph-day-L4-border: transparent;\n --color-calendar-graph-day-bg: @surface0;\n }\n\n .tooltipped.tooltipped-s rect {\n fill: @green !important;\n }\n .hfRvxg {\n color: @subtext1;\n\n &:hover {\n color: @text;\n }\n }\n\n /* Scrolling top menu */\n .lbYguI {\n border-radius: 6px;\n }\n\n .hPsWZB,\n .bOUZZs {\n background-color: @mantle;\n }\n\n .react-blob-header-edit-and-raw-actions > div > a,\n .react-blob-header-edit-and-raw-actions > div > span > a,\n .react-blob-header-edit-and-raw-actions > div > span > button {\n background-color: @base;\n color: @subtext0;\n\n &:hover {\n background-color: @surface1;\n }\n }\n\n .hMOAua {\n color: @subtext1;\n\n &:hover {\n background-color: @mantle;\n border-color: @surface1;\n color: @text;\n }\n }\n\n /* Fullscreen Sidebar Fixes */\n .hMCjFU,\n .jcKsih,\n .hpgNiv {\n background-color: @base;\n color: @text;\n border-color: @surface1;\n\n &:hover {\n background-color: @surface0;\n }\n }\n\n .jfOCiu li {\n color: @text;\n }\n\n .kRbyXo {\n color: @text;\n }\n\n .VgnWi {\n background-color: @base;\n border-color: @surface1;\n\n &:focus-within {\n border-color: @accent-color;\n box-shadow: @accent-color 0 0 0 1px inset;\n }\n }\n\n .bAKGFC {\n background-color: @surface1;\n }\n\n .bdMlHy {\n border-color: @surface1;\n }\n\n .jMyfUO.selected {\n border-color: @surface1;\n background-color: @mantle;\n }\n\n .bPgnBp {\n color: @accent-color;\n }\n\n kbd {\n background-color: @surface1;\n }\n\n select option,\n optgroup {\n background-color: @mantle;\n border-color: @surface1;\n border-radius: 6px;\n box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n }\n\n .hUQSCH {\n background-color: @base;\n color: @subtext1;\n border-color: @surface1;\n\n &:hover {\n background-color: @mantle;\n border-color: @surface1;\n }\n }\n\n /* Add File Menu */\n .dQPLyc {\n background-color: transparent;\n border-color: @surface1;\n }\n\n .ktGGEf {\n background-color: @base;\n border-color: @surface1;\n }\n\n .gkfBtX {\n background-color: @mantle;\n border-radius: 6px 0 0;\n border-bottom-color: @surface1;\n }\n\n .jproXT {\n background-color: transparent;\n border-color: transparent;\n color: @subtext1;\n\n &:hover {\n color: @text;\n }\n\n &:focus-within {\n border-color: transparent;\n box-shadow: none;\n color: @text;\n }\n }\n\n .wLDmP,\n .rDvrp {\n background-color: @mantle;\n border-color: @surface1;\n }\n\n .eNSiNz .segmentedControl-content,\n .gKuCoB .segmentedControl-content {\n background-color: @base;\n }\n\n /* Notification Menu Fix */\n .notifications-list-item.notification-read,\n .notifications-list-item.notification-archived {\n background-color: @base !important;\n\n &:last-child {\n border-bottom-left-radius: 6px;\n }\n }\n\n /* Loading Bar Color */\n .turbo-progress-bar {\n background-color: @accent-color;\n }\n .search-results-page {\n background-color: @base;\n }\n /* New repo layout button, pr button on repo, tick */\n .dvJnjZ,\n .types__StyledButton-sc-ws60qy-0.gHIvvy,\n .ldavJa {\n background-color: @green;\n color: @crust;\n &:hover {\n background-color: darken(@green, 15%);\n }\n }\n .ezbPok * {\n fill: @text;\n }\n .jMEWXM > * > *,\n .vhlgx,\n .vhlgx:hover:not([disabled], [data-inactive]),\n .QqKiN,\n .QqKiN:hover:not([disabled], [data-inactive]),\n .wxyGP,\n .wxyGP:hover:not([disabled], [data-inactive]),\n .bTTPJZ,\n .bTTPJZ:hover:not([disabled], [data-inactive]),\n .eYCGbj,\n .eYCGbj:hover:not([disabled], [data-inactive]),\n #branch-picker-repos-header-ref-selector,\n .gtXnmh .Box-sc-g0xbh4-0.jGfYmh > * {\n background-color: @surface0;\n border-color: @surface1;\n &:hover {\n background-color: @surface1;\n border-color: @surface2;\n }\n & * {\n fill: @text;\n color: @text;\n }\n }\n .cPEOjV {\n background-color: @mantle;\n }\n .Box-sc-g0xbh4-0.bUCzHg,\n .ehcSsh > * {\n border-color: @surface1 !important;\n }\n\n .eYedVD .Box-sc-g0xbh4-0.jGfYmh *,\n .Text-sc-17v1xeu-0.foaUgQ {\n color: @subtext0;\n }\n .hRMLtq,\n .ilcYjX *,\n .lcModf,\n button.types__StyledButton-sc-ws60qy-0.kRuNkv {\n color: @text;\n }\n .Flash__StyledFlash-sc-hzrzfc-0.kUDiXM {\n background-color: fadeout(@peach, 90%);\n border-color: @peach;\n }\n .kUDiXM svg {\n fill: @peach;\n }\n /* Some popup */\n .iGzDhH,\n .hBobmI,\n #__primerPortalRoot__ > div > div > div {\n background-color: @mantle;\n }\n .Text-sc-17v1xeu-0.gPDEWA {\n color: @subtext1;\n }\n .TabNav__TabNavTabList-sc-pwdi4r-1.gFzOft {\n & * {\n border-color: @surface0;\n }\n\n &:hover {\n & * {\n background: @mantle;\n }\n }\n }\n }\n}\n\n@-moz-document regexp(\"https:\\/\\/notebooks\\.githubusercontent\\.com\\/view\\/ipynb.*\") {\n :root {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n /* Colors */\n --jp-border-color0: var(--color-scale-gray-7);\n --jp-border-color1: var(--color-scale-gray-7);\n --jp-border-color2: var(--color-scale-gray-8);\n --jp-border-color3: var(--color-scale-gray-9);\n --jp-ui-font-color0: @text;\n --jp-ui-font-color1: fadeout(@text, 13%);\n --jp-ui-font-color2: fadeout(@text, 46%);\n --jp-ui-font-color3: fadeout(@text, 72%);\n --jp-ui-inverse-font-color0: @crust;\n --jp-ui-inverse-font-color1: fadeout(@crust, 20%);\n --jp-ui-inverse-font-color2: fadeout(@crust, 50%);\n --jp-ui-inverse-font-color3: fadeout(@crust, 70%);\n --jp-content-font-color0: @text;\n --jp-content-font-color1: @text;\n --jp-content-font-color2: fadeout(@text, 30%);\n --jp-content-font-color3: fadeout(@text, 50%);\n --jp-content-link-color: @sapphire;\n --jp-layout-color0: @base !important;\n --jp-layout-color1: var(--color-scale-gray-9);\n --jp-layout-color2: var(--color-scale-gray-8);\n --jp-layout-color3: var(--color-scale-gray-7);\n --jp-layout-color4: var(--color-scale-gray-6);\n --jp-inverse-layout-color0: var(--color-scale-white);\n --jp-inverse-layout-color1: var(--color-scale-white);\n --jp-inverse-layout-color2: var(--color-scale-gray-2);\n --jp-inverse-layout-color3: var(--color-scale-gray-4);\n --jp-inverse-layout-color4: var(--color-scale-gray-6);\n --jp-brand-color0: var(--color-scale-blue-7);\n --jp-brand-color1: var(--color-scale-blue-5);\n --jp-brand-color2: var(--color-scale-blue-3);\n --jp-brand-color3: var(--color-scale-blue-1);\n --jp-brand-color4: var(--color-scale-blue-0);\n --jp-accent-color0: var(--color-scale-green-7);\n --jp-accent-color1: var(--color-scale-green-5);\n --jp-accent-color2: var(--color-scale-green-3);\n --jp-accent-color3: var(--color-scale-green-1);\n --jp-warn-color0: var(--color-scale-orange-7);\n --jp-warn-color1: var(--color-scale-orange-5);\n --jp-warn-color2: var(--color-scale-orange-3);\n --jp-warn-color3: var(--color-scale-orange-1);\n --jp-error-color0: var(--color-scale-red-7);\n --jp-error-color1: var(--color-scale-red-5);\n --jp-error-color2: var(--color-scale-red-3);\n --jp-error-color3: var(--color-scale-red-1);\n --jp-success-color0: var(--color-scale-green-7);\n --jp-success-color1: var(--color-scale-green-5);\n --jp-success-color2: var(--color-scale-green-3);\n --jp-success-color3: var(--color-scale-green-1);\n --jp-info-color0: var(--color-scale-blue-7);\n --jp-info-color1: var(--color-scale-blue-5);\n --jp-info-color2: var(--color-scale-blue-3);\n --jp-info-color3: var(--color-scale-blue-1);\n --jp-cell-editor-border-color: var(--color-scale-gray-7);\n --jp-cell-editor-box-shadow: inset 0 0 2px var(--color-scale-blue-3);\n --jp-cell-prompt-not-active-font-color: fadeout(@text, 50%);\n --jp-cell-inprompt-font-color: var(--color-scale-blue-6);\n --jp-cell-outprompt-font-color: var(--color-scale-coral-6);\n --jp-notebook-multiselected-color: fadeout(@overlay2, 86%);\n --jp-rendermime-error-background: fadeout(@red, 82%);\n --jp-rendermime-table-row-background: var(--color-scale-gray-9);\n --jp-rendermime-table-row-hover-background: fadeout(@surface2, 86%);\n --jp-dialog-background: fadeout(@crust, 40%);\n --jp-toolbar-box-shadow: 0px 0px 2px 0px fadeout(@crust, 20%);\n --jp-input-box-shadow: inset 0 0 2px var(--color-scale-blue-3);\n --jp-input-background: var(--color-scale-gray-8);\n --jp-input-active-box-shadow-color: fadeout(@blue, 70%);\n --jp-editor-selected-focused-background: fadeout(@blue, 86%);\n --jp-mirror-editor-keyword-color: var(--color-scale-green-5);\n --jp-mirror-editor-atom-color: var(--color-scale-blue-3);\n --jp-mirror-editor-number-color: var(--color-scale-green-4);\n --jp-mirror-editor-def-color: var(--color-scale-blue-6);\n --jp-mirror-editor-variable-color: var(--color-scale-gray-3);\n --jp-mirror-editor-variable-2-color: var(--color-scale-blue-4);\n --jp-mirror-editor-variable-3-color: var(--color-scale-green-6);\n --jp-mirror-editor-punctuation-color: var(--color-scale-blue-4);\n --jp-mirror-editor-property-color: var(--color-scale-blue-4);\n --jp-mirror-editor-operator-color: @mauve;\n --jp-mirror-editor-comment-color: @subtext0;\n --jp-mirror-editor-string-color: @peach;\n --jp-mirror-editor-string-2-color: var(--color-scale-purple-3);\n --jp-mirror-editor-meta-color: @mauve;\n --jp-mirror-editor-qualifier-color: var(--color-scale-gray-5);\n --jp-mirror-editor-builtin-color: var(--color-scale-green-6);\n --jp-mirror-editor-bracket-color: var(--color-scale-gray-2);\n --jp-mirror-editor-tag-color: var(--color-scale-blue-7);\n --jp-mirror-editor-attribute-color: var(--color-scale-blue-7);\n --jp-mirror-editor-header-color: var(--color-scale-blue-5);\n --jp-mirror-editor-quote-color: var(--color-scale-green-3);\n --jp-mirror-editor-link-color: var(--color-scale-blue-7);\n --jp-mirror-editor-error-color: @red;\n --jp-mirror-editor-hr-color: var(--color-scale-gray-8);\n --jp-vega-background: var(--color-scale-gray-4);\n --jp-search-selected-match-background-color: @yellow;\n --jp-search-selected-match-color: @crust;\n --jp-icon-contrast-color0: var(--color-scale-purple-6);\n --jp-icon-contrast-color1: var(--color-scale-green-6);\n --jp-icon-contrast-color2: var(--color-scale-pink-6);\n --jp-icon-contrast-color3: var(--color-scale-blue-6);\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Gmail Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/gmail","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/gmail","version":"0.1.1","description":"Soothing pastel theme for Gmail","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/gmail/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"flavor":{"type":"select","label":"Flavor","name":"flavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","value":null,"default":"rosewater","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Gray","value":"subtext0"}]}}},"sourceCode":"/* ==UserStyle==\n@name Gmail Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/gmail\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/gmail\n@version 0.1.1\n@description Soothing pastel theme for Gmail\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/gmail/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater*\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"mail.google.com\") {\n :root {\n #catppuccin(@flavor, @accentColor);\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n .ZG,\n .boo .aQl > .J-JN-M-I-Jm,\n .boo .aaa > .J-JN-M-I-Jm,\n .boo .ZE > .J-JN-M-I-Jm,\n .bs1 + .bs3,\n .btj + .aD,\n body {\n color: @text !important;\n }\n\n /* input box */\n .nr {\n background-color: @surface1 !important;\n color: @text !important;\n }\n\n .bs0 > .acM,\n .bti > .btg {\n color: @text !important;\n }\n\n /* quick settings */\n .IU {\n background: @base !important;\n box-shadow: inset 1px 0 0 @mantle !important;\n }\n .Q0,\n .VM .Q5,\n .VM .OG,\n .Q2,\n .bCh,\n .aIY,\n .a21,\n .ST,\n .OB {\n color: @text !important;\n }\n .Tj,\n .OD {\n color: @accent-color !important;\n }\n\n /* background */\n #loading {\n background: @base !important;\n }\n\n header,\n .nH.w-asV,\n .bkL {\n background: @crust !important;\n }\n\n /* links */\n .aRq {\n color: @sapphire !important;\n &:hover {\n color: @teal !important;\n }\n }\n\n /* header */\n .aeH,\n .aqK {\n background: @mantle !important;\n }\n\n /* search */\n .gb_Lc .gb_Ee {\n background: @surface0 !important;\n }\n .gb_Lc .gb_3e,\n .gb_Ee.gb_Fe .gb_Ze {\n color: @text !important;\n }\n .gb_Ee.gb_Fe button svg {\n color: @text !important;\n opacity: 1;\n }\n .aRp {\n background: @surface0 !important;\n }\n .gssb_i {\n background: @surface1 !important;\n color: @text !important;\n }\n .gssb_e,\n .gssb_m {\n background: @surface0 !important;\n color: @text !important;\n }\n\n /* left bar */\n .CL.Q7:hover,\n .CL.Wj:hover,\n .CL.Q7.NQ,\n .CL.Wj.NQ,\n .TK .TO.nZ:active,\n .TK .TO.ol:active,\n .TK .TO.nZ,\n .TK .TO.ol,\n .byl .TK .nZ.aBP,\n .byl .TK .nZ.aS3,\n .byl .TK .nZ.aS4,\n .byl .TK .nZ.aS5,\n .byl .TK .nZ.aS6 {\n background: @surface0 !important;\n }\n .TO.NQ,\n .n6 .ah9:hover,\n .n6 .ah9.aiu:hover,\n .n6 .ah9:focus,\n .TK .TO:active,\n .n6 .ah9.aiu:active {\n background: @surface1 !important;\n }\n .aAv,\n .TO .nU > .n0,\n .TO.NQ .nU > .n0,\n .TO.nZ .nU > .n0,\n .ah9 > .CJ,\n .n3 > .CL > .CK {\n color: @text !important;\n }\n .h0,\n .Dj {\n color: @subtext0 !important;\n }\n\n /* right bar */\n .bAw .brC-aT5-aOt-Jw {\n background: @crust !important;\n }\n .brC-aMv-auO .bse-bvF-I.aT5-aOt-I-JW .aT5-aOt-I-JX-atM-J6,\n .brC-aMv-auO .bse-bvF-I.aT5-aOt-I-JO .aT5-aOt-I-JX-atM-J6 {\n background: lighten(@crust, 4%);\n }\n /* inbox area */\n .H2.HD {\n background: @surface0 !important;\n border-color: @surface1 !important;\n }\n .bkK > .nH {\n background: @mantle !important;\n }\n /* inbox item */\n .yO {\n background: @mantle !important;\n &:hover {\n box-shadow:\n inset 1px 0 0 @surface0,\n inset -1px 0 0 @surface0,\n 0 0 4px 0 @base,\n 0 0 6px 2px @base !important;\n }\n }\n /* quick text */\n .y2 {\n color: @subtext0 !important;\n }\n .aeJ,\n .aRs {\n .J-KU:hover {\n background: @surface0 !important;\n }\n background: @base !important;\n .aRu {\n .aRv {\n color: @subtext0 !important;\n }\n color: @subtext1 !important;\n }\n }\n .aAA.J-KU-Jg-K9 {\n background: @base !important;\n }\n .J-KU-KO.aAy {\n .aKz {\n color: @accent-color !important;\n }\n &::before {\n background: @accent-color !important;\n }\n }\n .aKx > .aKz {\n color: @subtext0 !important;\n }\n /* inbox box badge */\n .at {\n color: @crust !important;\n background: @accent-color !important;\n .au .av {\n color: @crust !important;\n }\n }\n .y6,\n .bA4 {\n color: @text !important;\n }\n /* buttons hovers */\n .T-I-JW.amD::before,\n .T-I-JW.adg::before,\n .T-I-JW > .asa::before {\n background: @surface0 !important;\n }\n /* forward/reply buttons */\n .amn > .ams {\n color: @text !important;\n }\n .amr .amn > .ams {\n background: @base !important;\n border-color: @surface0 !important;\n }\n /* send one now */\n .x0 {\n color: @text !important;\n }\n\n /* theme */\n div.Kj-JD {\n background-color: @base;\n }\n .a80.Kj-JD-K7 {\n box-shadow: 0 5px 10px -5px @crust;\n }\n .a81 {\n border-color: @surface0;\n }\n\n /* no star warning */\n .Tm .TC {\n background: @base !important;\n color: @text !important;\n }\n\n /* dropdown */\n .ZF-z6,\n .ZF-zT,\n .ZF-Av .lJ,\n .ZF-Av .lN,\n .aaZ,\n .aoT,\n .J-M,\n .bAp.b8.UC .vh,\n .ajA,\n .nH .Hy .m,\n .J-N-JT,\n .J-JK-JT,\n .J-LC-JT,\n form[role=\"search\"],\n form[role=\"search\"] table,\n form[role=\"search\"] div,\n form[role=\"search\"] td {\n background: @surface0 !important;\n }\n\n div.Kj-JD-Jl > button.J-at1-atl,\n div.Kj-JD-Jl > button.J-at1-auR {\n background: @accent-color !important;\n color: @crust !important;\n }\n div.Kj-JD-Jl > button,\n .bBh .Kj-JD-Jl > .J-at1-auR,\n .Kj-JD-K7-K0,\n .J-N {\n color: @text !important;\n }\n .J-N-JT,\n .J-N-JW {\n color: @text !important;\n background: @surface2 !important;\n }\n .J-N-JT .J-N-Jz,\n .J-N-JW .J-N-Jz {\n color: @text !important;\n }\n .T-I-Kq > .asa::before,\n .T-I-Kq.T-I-JO > .asa::before {\n background: @surface1 !important;\n }\n\n /* compose button */\n .T-I-KE {\n background: @accent-color !important;\n color: @crust !important;\n & when (@lookup =latte) {\n color: @text !important;\n }\n &:hover {\n background: darken(@accent-color, 10%);\n color: @crust !important;\n }\n }\n\n /* drive usage */\n .aiC {\n background: @overlay0 !important;\n }\n .aiA {\n background: @accent-color !important;\n }\n /* icons */\n .aAy > .aKp,\n .xY > .T-Jo,\n .T-I .T-I-J3,\n td.apU > .T-KT.aXw::before {\n filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%)\n hue-rotate(196deg) brightness(150%) contrast(75%);\n }\n td.apU > .T-KT.T-KT-Jp::before {\n filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%)\n hue-rotate(337deg) brightness(300%);\n }\n /* svgs */\n .gb_Mc svg,\n .gb_Rc.gb_Vc svg,\n .gb_Mc .gb_dd .gb_ld,\n .gb_Mc .gb_dd .gb_Lc,\n .gb_Mc .gb_dd .gb_fd,\n .gb_Rc.gb_Vc .gb_ld {\n color: @subtext0;\n }\n\n /* toolbar */\n .Hl,\n .Hq,\n .Ha,\n [role=\"menuitemcheckbox\"] > div > div,\n [role=\"listbox\"] .J-Z-M-I-J6-H > .J-Z-M-I-JG,\n div.ajR .ajT,\n .btC .dv,\n .btC .aaA.a1,\n .btC .J-N-JX.a1,\n .btC .aaA.e5,\n .aaZ .J-N-JX.e5,\n .btC .aaA.QT,\n .btC .J-N-JX.QT,\n .btC .aaA.aA7,\n .aaZ .J-N-JX.aA7,\n .btC .aaA.buc,\n .btC .J-N-JX.buc,\n .btC .aaA.BP,\n .aaZ .J-N-JX.BP,\n .btC .aaA.a5,\n .btC .aaA.a2X,\n .aaZ .J-N-JX.a5,\n .aaZ .J-N-JX.a2X,\n [role=\"toolbar\"] [role=\"button\"]:not(.H2, .Ol) {\n filter: invert(1) !important;\n }\n\n /* advanced settings */\n div.Kj-JD-Jz {\n color: @subtext0 !important;\n }\n .alO,\n .v .fY,\n .v .f1,\n .r4 {\n background: @base !important;\n }\n .v .f1,\n .v .f1 .f0 {\n color: @text !important;\n }\n .qL {\n color: black !important;\n }\n .v .fZ {\n box-shadow: inset 0 -2px 0 0 @accent-color;\n .f0 {\n color: @accent-color !important;\n }\n }\n .alP,\n .sA,\n .r4 .e {\n color: @sapphire !important;\n &:hover {\n color: @teal !important;\n }\n }\n .Ze {\n background: @surface0 !important;\n }\n .a8Y > .T-I-ax7 {\n background: @surface0 !important;\n color: @text !important;\n &:hover {\n background: @surface1 !important;\n }\n }\n .T-I-atl {\n background: @accent-color !important;\n color: @crust !important;\n &:hover {\n background: lighten(@accent-color, 10%) !important;\n }\n }\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Google Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/google","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/google","version":"0.1.1","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/google/catppuccin.user.css","description":"Soothing pastel theme for Google","author":"Catppuccin","license":"MIT","preprocessor":"less","vars":{"flavor":{"type":"select","label":"Flavor","name":"flavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]}}},"sourceCode":"/* ==UserStyle==\n@name Google Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/google\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/google\n@version 0.1.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/google/catppuccin.user.css\n@description Soothing pastel theme for Google\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */\n\n@-moz-document regexp(\"^https?://(www\\\\.|images\\\\.)?google\\\\..*\")\n{\n #catppuccin(@lookup) {\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n\n background: @base !important;\n --uv-styles-color-surface: @crust;\n --uv-styles-color-tertiary: @surface0;\n --uv-styles-color-secondary: fade(@blue, 25%);\n --uv-styles-color-text-primary: @blue;\n --uv-styles-color-icon-default: @text;\n --uv-styles-color-text-emphasis: @text;\n --uv-styles-color-icon-on-secondary: @subtext0;\n\n .gb_Ka.gb_f,\n .gb_Na.gb_f {\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 .uU7dJb {\n border-bottom-color: @surface0;\n background-color: @mantle;\n color: @subtext1;\n }\n .KxwPGc {\n background-color: @mantle;\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 .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 .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 color: @text;\n }\n .ExCKkf {\n color: @subtext0;\n }\n .ACRAdd {\n border-left-color: @overlay0;\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 {\n @svg-raw: '';\n @svg: escape(@svg-raw);\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n .zgAlFc {\n color: @blue;\n }\n .fLciMb {\n color: @text;\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 .z1asCe {\n color: @text !important;\n fill: @text !important;\n }\n .rsGxI.Ww4FFb,\n .Ww4FFb {\n background-color: @base;\n }\n .RES9jf {\n color: @text;\n }\n .CSkcDe,\n .related-question-pair div.iDjcJe {\n color: @text;\n }\n .cUnQKe .ILfuVd b {\n background-color: fade(@blue, 25%);\n color: @text;\n }\n .cUnQKe .ILfuVd,\n .cUnQKe .UiGGAb.ILfuVd {\n color: @subtext1;\n }\n .ZYHQ7e {\n color: @subtext0;\n }\n .VuuXrf {\n color: @text;\n }\n .hb8SAc {\n color: @text;\n }\n .TQc1id .I6TXqe {\n border-color: @surface2;\n }\n .I6TXqe {\n background: @base;\n }\n .HsZQAe {\n border-bottom-color: @surface2;\n }\n .NtaMpb .niO4u {\n background-color: @base;\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 color: @subtext0;\n }\n .yDYNvb.lyLwlc {\n color: @text;\n }\n .H9lube {\n background-color: @base;\n border-color: @surface2;\n }\n .akqY6 {\n background: @surface1;\n }\n .KFFQ0c .YfftMc,\n .KFFQ0c .YfftMc span,\n .KFFQ0c .YfftMc div,\n .KFFQ0c .YfftMc a {\n color: @subtext0;\n }\n .dyjrff {\n color: @subtext1;\n }\n .appbar {\n background: @base;\n }\n .LHJvCe {\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 .S8ee5.CwbYXd {\n color: @text;\n }\n .S8ee5 {\n background: @surface0;\n }\n .S8ee5:hover {\n background: @surface1;\n }\n .rhHIGd {\n background-color: @surface2;\n }\n .sY7ric {\n color: @text;\n }\n .I6a0ee {\n background-color: @base;\n border-color: @surface2;\n color: @text;\n }\n .I6a0ee:hover {\n background-color: @mantle;\n border-color: @surface2;\n }\n .I6a0ee:focus {\n background-color: @crust;\n border-color: @surface2;\n }\n .pxhZNb {\n background-color: @surface0 !important;\n color: @text;\n }\n .d2F2Td {\n color: @text;\n }\n .c07z9 {\n color: @subtext0;\n }\n .c07z9 a,\n .c07z9 a:active,\n .c07z9 a:link {\n color: @text;\n text-decoration-color: @subtext0;\n }\n .wHYlTd {\n color: @subtext0;\n }\n .dG2XIf .c2xzTb .wDYxhc:first-child {\n background: @base;\n }\n .fm06If .ILfuVd,\n .c2xzTb .ILfuVd,\n .Jb0Zif .c2xzTb .ILfuVd {\n color: @text;\n }\n .fm06If .ILfuVd b,\n .c2xzTb .ILfuVd b {\n background-color: fade(@blue, 25%);\n color: @text;\n }\n .GKS7s {\n background: @surface0;\n border-color: @surface1;\n }\n .GKS7s:hover {\n background-color: @surface1 !important;\n border-color: @surface2;\n }\n .yXK7lf em {\n color: @text;\n }\n .Lb0dA:hover {\n background-color: @surface0;\n }\n .Lb0dA[aria-expanded=\"true\"]:hover .EGarzf {\n color: @blue;\n }\n .Lb0dA[aria-expanded=\"true\"] {\n background-color: fade(@blue, 25%);\n }\n .BaegVc:hover {\n background-color: @surface0;\n }\n .hdtb-tl-sel .BaegVc {\n background-color: fade(@blue, 25%);\n }\n .BaegVc:focus {\n background-color: fade(@blue, 25%);\n }\n .TZqsAd {\n background: @overlay0;\n }\n .FalWJb {\n background: @base;\n }\n .YeThId {\n border-top-color: @surface1;\n }\n .k8XOCe {\n background-color: @surface0;\n }\n .s75CSd {\n color: @text;\n }\n .ZkkK1e {\n background: @base;\n border-color: @surface1;\n }\n .ZkkK1e:hover {\n background: @surface0;\n }\n .QjI2jc {\n color: @subtext0;\n }\n .lhLbod {\n color: @subtext0;\n }\n .nr7I6e div[aria-expanded=\"true\"] .F75bid,\n .nr7I6e div[aria-expanded=\"true\"]:hover .fFI3rb .F75bid {\n color: @blue;\n }\n .F75bid {\n color: @subtext0;\n }\n div[aria-expanded=\"true\"] .fFI3rb {\n background-color: fade(@blue, 25%) !important;\n }\n div[aria-expanded=\"true\"]:hover .fFI3rb:hover {\n background-color: fade(@blue, 25%) !important;\n }\n .MAMMm {\n background: @mantle;\n box-shadow: 0 2px 6px @crust !important;\n }\n [selected].nWtjMe {\n background: fade(@blue, 25%) !important;\n }\n .uZNuIf:hover {\n background-color: @surface0;\n color: @text;\n }\n [selected].nWtjMe .FMKtTb {\n color: @text;\n }\n .nWtjMe .FMKtTb {\n color: @subtext0;\n }\n .GKS7s .FMKtTb,\n .GKS7s .RWhoyd.mol54e {\n color: @text;\n }\n .ePSouf .FMKtTb {\n color: @subtext0;\n }\n .NkCsjc:hover {\n background-color: @surface0 !important;\n color: @text;\n }\n .nr7I6e div[aria-haspopup=\"true\"]:hover .F75bid {\n color: @text;\n }\n a.hisnlb {\n background: fade(@overlay2, 25%);\n }\n div[aria-expanded=\"true\"] .fFI3rb,\n div[aria-expanded=\"true\"]:hover .fFI3rb:hover {\n background-color: @surface0 !important;\n }\n .hdtb-tl-sel .BaegVc .WjMmQ:hover {\n color: @blue;\n }\n .hdtb-mn-hd {\n color: @subtext0;\n }\n .hdtb-mn-hd:hover {\n color: @text;\n }\n .fSnalc {\n stroke: @blue;\n }\n .oOg6Ne {\n stroke: @yellow;\n }\n .ZqPjbb {\n stroke: @red;\n }\n .aPiskd {\n stroke: @green;\n }\n .s8GCU {\n background-color: @base;\n }\n .Lj9fsd {\n background-color: @base;\n }\n .jZWadf {\n background-color: @base;\n }\n .rQEFy,\n .rQEFy:hover {\n border-color: fade(@blue, 25%);\n background-color: fade(@blue, 25%);\n }\n .gbZSUe {\n color: @text;\n }\n .gbZSUe:hover {\n background: @surface0;\n }\n .XZ5MVe {\n color: @blue;\n }\n a:visited {\n color: @mauve;\n }\n .F9Idpe {\n background: linear-gradient(to right, transparent 0%, @base 60%, @base);\n }\n .SvoXfb > .x5f7Bc {\n fill: @subtext0;\n }\n .SvoXfb:hover > .x5f7Bc {\n fill: @text;\n }\n .SvoXfb:hover {\n background-color: @surface0;\n }\n .IsZvec {\n color: @subtext0;\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-source-text-container .tw-ta,\n #tw-source-rmn-container .tw-ta {\n color: @text;\n }\n #tw-target {\n background-color: @surface0;\n }\n .tw-data-placeholder {\n color: @text;\n }\n .j1iyq {\n border-color: @surface2;\n }\n .w8qArf .fl {\n color: @text !important;\n }\n .HSryR a.B1uW2d {\n border-bottom-color: @surface2;\n }\n .usJj9c .zz3gNc {\n color: @text;\n }\n .Ss2Faf a {\n color: @text;\n }\n .aCOpRe em,\n .yXK7lf em {\n color: @text;\n }\n .FR7ZSc .niO4u {\n background-color: @base;\n border-color: @surface2;\n color: @blue;\n }\n .g {\n color: @text;\n }\n .VSHxQ {\n color: @subtext0;\n }\n .cF4V5c {\n background-color: @crust !important;\n }\n .cF4V5c g-menu-item a,\n .cF4V5c g-menu-item a:visited,\n .cF4V5c g-menu-item a:hover {\n color: @text;\n }\n .cF4V5c:hover g-menu-item:hover a,\n .cF4V5c:hover g-menu-item a:visited,\n .cF4V5c g-menu-item a:hover {\n background-color: @surface0;\n }\n .GZnQqe.LGiluc {\n border-top-color: @surface2 !important;\n }\n .pkWBse {\n box-shadow: 1px 1px 15px 0 @crust;\n }\n .dG2XIf {\n background: @base;\n }\n .Z0LcW {\n color: @text;\n }\n .i29hTd .qLLird {\n color: @text;\n }\n .i29hTd .kR7nSc {\n color: @text;\n }\n .N6Sb2c {\n color: @subtext0;\n }\n .C9iYEe {\n color: @subtext0;\n }\n .KcXNxb {\n background: @base;\n }\n .ss6qqb .PKDVJd {\n color: @subtext0;\n }\n a.oBa0Fe {\n color: @subtext0;\n }\n .o6juZc {\n background-color: @surface0;\n }\n .o6juZc:hover {\n background-color: @surface0;\n box-shadow: 0 4px 12px @crust;\n }\n .W6pGoe {\n background: @surface0;\n box-shadow: 0 4px 6px 0 @crust;\n }\n .WdWr7c {\n border-top-color: @surface2;\n }\n .sU3bKf {\n color: @text;\n }\n .O5OUld {\n color: @subtext0;\n }\n .zP7KFe {\n background: @surface1;\n }\n .O5OUld:hover {\n color: @blue;\n }\n .og3lId {\n color: @text;\n }\n .M3w8Nb .o6juZc {\n box-shadow: 0 1px 6px 0 @crust;\n }\n .r8xEL {\n color: @text;\n }\n .ZZ7G7b {\n color: @text;\n border-color: @surface1;\n }\n .NZmxZe {\n background-color: @base;\n border-color: @surface1;\n color: @text;\n }\n .NZmxZe:not(.rQEFy):hover {\n background-color: @surface0;\n border-color: @surface1;\n color: @text;\n }\n .ssfWCe .ZXJQ7c {\n color: @subtext0;\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 }\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 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 .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: @blue !important;\n }\n .NQyKp {\n color: @blue !important;\n background: @blue !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: 1px solid @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: 1px solid @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: 1px solid @surface0 !important;\n }\n .kQEH5b {\n color: @subtext0 !important;\n }\n .kNKdL {\n color: @text !important;\n }\n .q0yked:hover {\n background-color: @mantle !important;\n }\n .Oz5Rbb:hover {\n background: @mantle !important;\n }\n .lwwARb {\n background-color: @crust !important;\n }\n .LO47Ff {\n color: @text;\n }\n .j8PBfc {\n color: @subtext0;\n }\n .act-tim-txt-cnt {\n color: @text;\n }\n .act-switch-area {\n background-color: @base !important;\n }\n .q8U8x > div:nth-child(1) {\n background-color: @base !important;\n }\n .EwDHG,\n .vNdLpe,\n .vNdLpe:visited {\n color: @subtext0 !important;\n }\n color: @subtext0;\n }\n body {\n #catppuccin(@flavor);\n }\n}\n\n@-moz-document regexp(\"^https?://(ogs\\\\.)?google\\\\..*\")\n{\n #catppuccin(@lookup) {\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n\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 }\n body {\n #catppuccin(@flavor);\n }\n}\n\n/* prettier-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n}\n"},{"enabled":true,"name":"HackerNews Catppuccin","description":"Soothing pastel theme for HackerNews","author":"Catppuccin","updateUrl":"https://github.com/catppuccin/userstyles/raw/main/styles/hacker-news/catppuccin.user.css","usercssData":{"name":"HackerNews Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/hacker-news","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/hacker-news","version":"0.1.1","description":"Soothing pastel theme for HackerNews","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/hacker-news/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"flavor":{"type":"select","label":"Flavor","name":"flavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]}}},"sourceCode":"/* ==UserStyle==\n@name HackerNews Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/hacker-news\n@homepageURL\thttps://github.com/catppuccin/userstyles/tree/main/styles/hacker-news\n@version 0.1.1\n@description Soothing pastel theme for HackerNews\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/hacker-news/catppuccin.user.css\n@license\t\tMIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */\n\n@-moz-document domain(\"news.ycombinator.com\") {\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@flavor);\n\n #catppuccin(@lookup) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n\n /* Main background */\n #hnmain {\n background-color: @base;\n }\n /* Main body padding background */\n body {\n background-color: @base;\n color: @text;\n }\n\n /* Background of the FAQ and main page */\n body > center > table > tbody > tr > td {\n background-color: @base;\n color: @text;\n }\n\n /* Top bar */\n #hnmain > tbody > tr:nth-child(1) > td {\n background-color: @peach;\n }\n\n /* Hacker News text in top bar */\n #hnmain\n > tbody\n > tr:nth-child(1)\n > td\n > table\n > tbody\n > tr\n > td:nth-child(2)\n > span\n > b\n > a {\n color: @surface0;\n }\n\n /* Logged-in user karma */\n #karma {\n color: @surface1;\n }\n\n /* Separator characters around logged-in user karma */\n #hnmain\n > tbody\n > tr:nth-child(1)\n > td\n > table\n > tbody\n > tr\n > td:nth-child(3)\n > span {\n color: @surface1;\n }\n\n /* Visited top bar links */\n .pagetop a:visited {\n color: @surface1;\n }\n\n /* Unvisited top bar links */\n .pagetop a:link {\n color: @surface0;\n }\n\n /* Links */\n a:link {\n color: @blue;\n }\n\n /* More link */\n .hnmore a:link,\n a:visited {\n color: @lavender;\n }\n\n /* New user color */\n .hnuser > font {\n color: @green;\n }\n\n /* Story site link */\n .comhead a:link,\n .subtext a:visited {\n color: @peach;\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 hyperlinks */\n .commtext a:link {\n color: @sapphire;\n }\n\n /* Comment box */\n textarea,\n input {\n background-color: @surface0;\n color: @text;\n border-color: @teal;\n }\n\n /* Poll questions */\n td.comment > div > font {\n color: @text;\n }\n\n /* Bottom footer separator bar */\n #hnmain > tbody > tr:nth-child(4) > td > table > tbody > tr > td {\n background-color: @base;\n }\n\n /* Search bar text field */\n #hnmain\n > tbody\n > tr:nth-child(4)\n > td\n > center:nth-child(6)\n > form\n > input[type=\"text\"] {\n background-color: @surface0;\n }\n\n /* Search bar text */\n #hnmain > tbody > tr:nth-child(4) > td > center:nth-child(6) > form {\n color: @text;\n }\n\n /* FAQ Questions */\n body > center > table > tbody > tr > td > p > b {\n color: @subtext1;\n }\n\n /* FAQ Header */\n body > center > table > tbody > tr > td > b {\n color: @subtext1;\n }\n\n /* Text post content */\n .toptext {\n color: @text;\n }\n\n /* Replace vote arrow with svg arrow and mask */\n .votearrow {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"homepage Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/homepage","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/homepage","version":"0.0.1","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/homepage/catppuccin.user.css","description":"Soothing pastel theme for homepage","author":"Catppuccin","license":"MIT","preprocessor":"less","vars":{"flavor":{"type":"select","label":"Flavor","name":"flavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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":"Grey","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 0.0.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/homepage/catppuccin.user.css\n@description Soothing pastel theme for homepage\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Grey\"]\n==/UserStyle== */\n@-moz-document domain(\"homepage.example.com\") {\n :root {\n #catppuccin(@flavor, @accentColor);\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n //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-color; //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 }\n :is(.dark .dark\\:bg-theme-200\\/50) {\n background-color: @text //Information Widgets Progress Bar Value\n;\n }\n .border-theme-300 {\n --tw-border-opacity: 1;\n border-color: @accent-color; //Search bar Border\n }\n :is(.dark .dark\\:bg-white\\/10) {\n background-color: @crust //Search bar background\n;\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-color //Search bar Text\n;\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\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-color; //Progress Bar\n }\n :is(.dark .dark\\:text-theme-300) {\n color: @text; //Section Names + Container Description\n }\n :is(.dark .dark\\:hover\\:text-theme-300:hover) {\n --tw-text-opacity: 1;\n color: darken(\n @accent-color,\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// vim:ft=less\n"},{"enabled":true,"name":"Hoppscotch.io Catppuccin","description":"Soothing pastel theme for Hoppscotch","author":"Catppuccin","updateUrl":"https://github.com/catppuccin/userstyles/raw/main/styles/hoppscotch/catppuccin.user.css","usercssData":{"name":"Hoppscotch.io Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/hoppscotch","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/hoppscotch","version":"1.0.0","description":"Soothing pastel theme for Hoppscotch","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/hoppscotch/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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"}]}}},"sourceCode":"/* ==UserStyle==\n@name Hoppscotch.io Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/hoppscotch\n@homepageURL\t https://github.com/catppuccin/userstyles/tree/main/styles/hoppscotch\n@version 1.0.0\n@description Soothing pastel theme for Hoppscotch\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/hoppscotch/catppuccin.user.css\n@license\t MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue*\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"hoppscotch.io\") {\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n :root.dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n :root.light {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent-color) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent: @catppuccin[@@lookup][@@accent-color];\n @accent-light-alpha: 1.1;\n @accent-dark-alpha: 0.9;\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: @surface1;\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: @overlay0;\n --divider-light-color: @overlay1;\n --divider-dark-color: @surface2;\n --error-color: @red;\n --tooltip-color: @text;\n --popover-color: @crust;\n --editor-theme: \"vscode-esque\";\n --editor-type-color: fade(@mauve, 0.9);\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\n .ͼ1 .cm-placeholder {\n color: @text;\n }\n\n .cm-focused .cm-activeLine {\n background-color: @surface0;\n }\n\n .cm-focused .cm-activeLineGutter {\n background-color: @surface2;\n }\n }\n}\n// vim:ft=less\n"},{"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.css","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":"1.1.1","description":"Soothing pastel theme for ichi.moe","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/ichi.moe/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"flavor":{"type":"select","label":"Flavor","name":"flavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"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 1.1.1\n@description Soothing pastel theme for ichi.moe\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/ichi.moe/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var checkbox zen \"Zen Mode\" 0\n==/UserStyle== */\n@-moz-document domain(\"ichi.moe\") {\n :root {\n #catppuccin(@flavor);\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n\n html,\n body {\n & when (@lookup =\"latte\") {\n background: @mantle;\n }\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: fadeout(@red, 0.2);\n }\n\n .highlight {\n background-color: fadeout(@yellow, 0.2);\n }\n\n .gloss {\n & when (@lookup =\"latte\") {\n background-color: @base;\n border-color: @surface2;\n }\n background-color: @surface0;\n border-color: @overlay0;\n }\n\n .gloss-rtext {\n & when (@lookup =\"latte\") {\n border-color: @surface2;\n }\n border-color: @overlay0;\n }\n\n .gloss:target {\n & when (@lookup =\"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 & when (@lookup =\"latte\") {\n background-color: @surface1;\n }\n background-color: @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 & when (@lookup =\"latte\") {\n background: fadeout(@surface0, 0.5);\n }\n background: fadeout(@surface1, 0.5);\n }\n\n table.kanji-match tr:nth-of-type(2n) {\n & when (@lookup =\"latte\") {\n background: fadeout(@surface0, 0.5);\n }\n background: fadeout(@surface1, 0.5);\n }\n\n .kanji-big a {\n color: @subtext1;\n }\n\n .autocomplete-suggestions {\n & when (@lookup =\"latte\") {\n background: @base;\n border-color: @surface2;\n }\n background: @surface0;\n border-color: @overlay0;\n }\n\n .autocomplete-selected {\n & when (@lookup =\"latte\") {\n background: @base;\n }\n background: @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 (@lookup =\"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 & when (@lookup =\"latte\") {\n background: @surface0;\n }\n background: @surface1;\n }\n\n .f-dropdown {\n & when (@lookup =\"latte\") {\n background-color: @base;\n }\n background-color: @surface0;\n border-color: @subtext1;\n }\n\n .f-dropdown::before {\n border-color: transparent transparent @subtext1 transparent;\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 & when (@lookup =\"latte\") {\n background-color: @surface0;\n }\n background-color: @surface1;\n }\n\n table tr th,\n table tr td {\n color: @subtext1;\n }\n\n .kanji-table td {\n & when (@lookup =\"latte\") {\n border-color: @surface0;\n }\n border-color: @surface1;\n }\n\n table tr.even,\n table tr.alt,\n table tr:nth-of-type(2n) {\n & when (@lookup =\"latte\") {\n background: fadeout(@surface0, 0.5);\n }\n background: fadeout(@surface1, 0.5);\n }\n\n .reading-table tr ~ tr > td {\n & when (@lookup =\"latte\") {\n border-color: @surface0;\n }\n border-color: @surface1;\n }\n\n table.kanji-match td {\n & when (@lookup =\"latte\") {\n border-color: @surface0;\n }\n border-color: @surface1;\n }\n\n tr.match-row-kanji,\n tr.match-row-reading {\n & when (@lookup =\"latte\") {\n border-color: @surface0;\n }\n border-color: @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// vim:ft=less\n"},{"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.css","usercssData":{"name":"Instagram Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/instagram","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/instagram","version":"0.1.4","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/instagram/catppuccin.user.css","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":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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"}]},"scrollbar_width":{"type":"text","label":"Scrollbar width","name":"scrollbar_width","value":null,"default":"8px","options":null}}},"sourceCode":"/* ==UserStyle==\n@name Instagram Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/instagram\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/instagram\n@version 0.1.4\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/instagram/catppuccin.user.css\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:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve: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 scrollbar_width \"Scrollbar width\" 8px\n==/UserStyle== */\n@-moz-document domain('instagram.com') {\n @rgb-raw: red;\n #rgbify(@color) {\n @rgb-raw: red(@color), green(@color), blue(@color);\n }\n\n ._aa4d {\n #catppuccin(@darkFlavor, @accentColor);\n }\n ._aa4c {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n @text_filter: @catppuccin[@@lookup][@text_filter];\n @dark_color: if(@lookup=latte, @text, @crust);\n @light_color: if(@lookup=latte, @crust, @text);\n\n * {\n --web-always-black: #rgbify(@dark_color) [];\n --web-always-white: #rgbify(@light_color) [];\n\n --overlay-alpha-80: fadeout(@dark_color, 50);\n --always-dark-overlay: fadeout(@surface0, 50);\n\n --ig-primary-background: #rgbify(@base) [];\n --ig-secondary-background: #rgbify(@surface0) [];\n --ig-banner-background: #rgbify(@crust) [];\n --ig-highlight-background: #rgbify(@surface0) [];\n --ig-elevated-background: #rgbify(@crust) [];\n --ig-elevated-highlight-background: #rgbify(@surface0) [];\n --ig-hover-overlay: fadeout(@surface0, 50);\n --hover-overlay: fadeout(@surface0, 80);\n\n --ig-text-on-color: #rgbify(@crust) [];\n\n --ig-badge: #rgbify(@accent-color) [];\n\n --ig-primary-button: #rgbify(@accent-color) [];\n --ig-primary-button-hover: fadeout(@accent-color, 20);\n\n --ig-secondary-button-background: #rgbify(@surface0) [];\n --ig-secondary-button-hover: #rgbify(@surface1) [];\n --ig-secondary-button: #rgbify(@text) [];\n\n --ig-primary-text: #rgbify(@text) [];\n --ig-secondary-text: #rgbify(@subtext0) [];\n --ig-tertiary-text: #rgbify(@subtext0) [];\n --wbloks-primary-text: @text;\n --ig-text-on-media: #rgbify(@text) [];\n\n --ig-separator: #rgbify(@overlay0) [];\n --post-separator: #rgbify(@overlay0) [];\n --ig-elevated-separator: #rgbify(@overlay0) [];\n --ig-stroke: #rgbify(@overlay0) [];\n --grey-2: #rgbify(@overlay0) [];\n\n --ig-link: #rgbify(@accent-color) [];\n --ig-error-or-destructive: #rgbify(@maroon) [];\n --ig-success: #rgbify(@green) [];\n --blue-2: #rgbify(@blue) [];\n\n scrollbar-width: none;\n scrollbar-color: @accent-color @crust;\n } // Text selection\n *::selection {\n color: @dark_color;\n background-color: @accent-color;\n } // Sidebar\n .x1xgvd2v {\n background-color: @crust !important;\n\n &[style=\"transform: translateX(0px);\"] {\n background-color: @mantle !important;\n }\n }\n\n .x1zvrr1 {\n background-color: @mantle;\n } // Posts\n ._aggc {\n background-color: @mantle;\n border-color: @overlay0 !important;\n border-radius: var(--modal-border-radius);\n box-shadow: 0 3px 5px -1px fadeout(@dark_color, 20);\n box-sizing: border-box;\n }\n\n ._aatc ._aasi,\n ._ae1i,\n ._aggc textarea.xvbhtw8 {\n background-color: @mantle;\n } // Icons\n svg {\n color: @text;\n fill: @text;\n }\n\n svg[aria-label=\"Unlike\"] {\n fill: @accent-color;\n } // The close icon on the dark wrapper\n svg[aria-label=\"Close\"] {\n color: var(--web-always-white);\n }\n svg[aria-label=\"Verified\"] {\n fill: @accent-color;\n }\n\n //Share box\n .xzloghq {\n background-color: @overlay0;\n &:hover {\n color: @accent-color;\n background-color: @accent-color;\n }\n }\n .xk5f4mz {\n background-color: @mantle;\n\n &:hover {\n background-color: @accent-color;\n }\n }\n .x3nfvp2 {\n color: @text;\n &:hover {\n color: @mantle;\n }\n }\n\n // Excluded:\n // - _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 ._a04s,\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 } // 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\n [style*='background-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\")']\n {\n // No photo icon\n &[style*=\"background-position: 0px -97px\"] {\n filter: none;\n background: @mauve !important;\n background: @instagram_gradient !important;\n mask-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\");\n mask-position: 0 -97px;\n } // 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 } // Post swipe icons\n ._aaqh {\n background-color: @surface0;\n } // Inside primary buttons\n .xzloghq,\n ._acas:not(._acao) {\n &,\n svg {\n color: @base;\n fill: @base;\n }\n } // Secondary buttons\n .x1gjpkn9,\n ._acat,\n ._acap {\n &,\n a& {\n &,\n &:visited {\n color: @text;\n }\n }\n } // Profile banner\n div:has(> .x1mu97ne) {\n background-color: @crust;\n border-color: @overlay0;\n box-shadow: 0 10px 35px 2px fadeout(@dark_color, 0.7);\n } // Dialog overlay\n .x7r02ix[role=\"dialog\"] {\n box-shadow: 0 5px 10px 0 fadeout(@dark_color, 0.5);\n } // Input placeholders\n ._ac4d::placeholder,\n ._aauy::placeholder,\n textarea::placeholder {\n color: @subtext0;\n } // Settings\n ._ab81 {\n background-color: @mantle;\n }\n\n ._ab85,\n ._ab6i,\n ._ab85 .xvbhtw8,\n ._aav4 {\n background-color: @crust;\n } // Bloks\n .wbloks_1[data-bloks-name=\"bk.components.Collection\"] {\n background-color: @mantle;\n }\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; // The heading\n &[style*=\"background: rgb(0\\, 0\\, 0)\"],\n &[style*=\"background: rgb(255\\, 255\\, 255)\"] {\n background-color: @mantle !important;\n } // Radios\n &[style*=\"border-radius: 10.5px\"],\n &[style*=\"border-radius: 12px\"],\n &[style*=\"border-radius: 4px\"] {\n // Selected radio\n &[style*=\"background: rgb(0\\, 149\\, 246)\"] {\n background-color: @accent-color !important;\n } // 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 } // 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 } // Map pop-ups\n .leaflet-popup-content-wrapper,\n .leaflet-popup-tip {\n background-color: @mantle;\n box-shadow: 0 5px 15px fadeout(@dark_color, 0.4);\n\n * {\n color: @text !important;\n }\n } // Scrollbar\n ::-webkit-scrollbar {\n width: @scrollbar_width;\n background-color: @crust;\n }\n\n ::-webkit-scrollbar-thumb {\n background-color: @accent-color;\n border-radius: 10px;\n }\n }\n}\n\n@-moz-document regexp('^.*instagram.com/direct.*') {\n :root {\n #catppuccin(@darkFlavor,\n @accentColor);\n }\n\n #catppuccin(@lookup,\n @accent) {\n // Chat background\n .xnz67gz {\n background-color: @catppuccin[@@lookup][@base];\n }\n\n .xvbhtw8 {\n background-color: @catppuccin[@@lookup][@mantle];\n }\n\n ._aa5c,\n ._aa4j,\n ._abyk {\n background-color: @catppuccin[@@lookup][@crust];\n } // New Chat Button\n .xk5f4mz {\n background-color: @catppuccin[@@lookup][@surface0];\n } // Chat button\n .x1i10hfl:hover {\n background-color: @catppuccin[@@lookup][@surface0];\n color: @catppuccin[@@lookup][@text];\n }\n }\n}\n\n/* prettier-ignore */\n@catppuccin: {\n @latte: {\n @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8;\n @text_filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%) hue-rotate(196deg) brightness(97%) contrast(85%);\n };\n @frappe: {\n @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634;\n @text_filter: brightness(0) saturate(100%) invert(84%) sepia(5%) saturate(1519%) hue-rotate(192deg) brightness(100%) contrast(93%);\n };\n @macchiato: {\n @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926;\n @text_filter: brightness(0) saturate(100%) invert(80%) sepia(18%) saturate(377%) hue-rotate(192deg) brightness(103%) contrast(92%);\n };\n @mocha: {\n @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b;\n @text_filter: brightness(0) saturate(100%) invert(85%) sepia(6%) saturate(1356%) hue-rotate(194deg) brightness(103%) contrast(91%);\n };\n}\n\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Invidious Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/invidious","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/invidious","version":"0.4.0","description":"Soothing pastel theme for Invidious","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/invidious/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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"}]},"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 0.4.0\n@description Soothing pastel theme for Invidious\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/invidious/catppuccin.user.css\n@license \t\t MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [ \"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve: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 styleVideoPlayer \"Style Video Player\" 1\n==/UserStyle== */\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 #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accentColor: @catppuccin[@@lookup][@@accent];\n @linkColor: @accentColor;\n @linkHover: #lightenOrDarken(@accentColor, 5%) [ @result];\n\n #lightenOrDarken(@color, @value) {\n @result: if(\n @lookup = latte,\n darken(@color, @value),\n lighten(@color, @value)\n );\n }\n\n color-scheme: if(@lookup = latte, light, dark);\n background-color: @base !important;\n color: @text !important;\n\n ::placeholder {\n color: @subtext0;\n }\n\n &::-webkit-scrollbar {\n width: 0.25rem;\n background: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n border-radius: 9999px;\n background: @accentColor;\n }\n\n a,\n /* menu under the search bar */\n .pure-menu-heading {\n color: @linkColor;\n &:hover,\n &:focus,\n &:active {\n color: @linkHover !important;\n }\n }\n\n hr,\n /* legend borders are visible as dividers in Settings */\n legend {\n border-color: mix(@accentColor, @surface0, 50%);\n border-style: solid;\n }\n\n legend {\n color: @accentColor !important;\n }\n\n .pure-button-primary {\n background-color: @surface1 !important;\n color: @text !important;\n border-color: @crust !important;\n &:hover,\n &:focus {\n background-color: @surface2 !important;\n color: @text !important;\n border-color: @crust !important;\n }\n }\n .pure-button-secondary {\n background-color: @accentColor !important;\n color: @crust !important;\n border-color: @crust !important;\n &:hover,\n &:focus {\n background-color: #lightenOrDarken(@accentColor, 2%) [ @result] !important;\n color: @crust !important;\n border-color: @crust !important;\n }\n }\n\n #subscribe {\n background-color: @linkColor !important;\n color: @crust !important;\n :hover,\n :focus {\n background-color: @linkHover !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: @accentColor !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: @accentColor !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: @accentColor !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 color: @text !important;\n background-color: @surface0 !important;\n border-color: @crust !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: @crust !important;\n box-shadow: none !important;\n }\n input[type=\"checkbox\"] {\n background-color: @surface2;\n border-color: @crust;\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: @accentColor;\n }\n }\n\n /* synced colorscheme */\n @media (prefers-color-scheme: light) {\n .no-theme {\n #catppuccin(@lightFlavor, @accentColor);\n }\n }\n @media (prefers-color-scheme: dark) {\n .no-theme {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n /* manually set colorscheme */\n .light-theme {\n #catppuccin(@lightFlavor, @accentColor);\n }\n .dark-theme {\n #catppuccin(@darkFlavor, @accentColor);\n }\n}\n\n/* prettier-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; }\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; }\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; }\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; }\n}\n\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"InvokeAI Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/invokeai","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/invokeai","version":"0.0.1","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/invokeai/catppuccin.user.css","description":"Soothing pastel theme for InvokeAI","author":"Catppuccin","license":"MIT","preprocessor":"less","vars":{"flavor":{"type":"select","label":"Flavor","name":"flavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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":"Grey","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 0.0.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/invokeai/catppuccin.user.css\n@description Soothing pastel theme for InvokeAI\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Grey\"]\n==/UserStyle== */\n@-moz-document regexp(\"http:\\\\/\\\\/(127\\\\.0\\\\.0\\\\.1|localhost):9090(.*)\") {\n #catppuccin(@flavor, @accentColor);\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n :root,\n [data-theme]:root {\n --accent-color-dim: lighten(@accent-color, -10%);\n --accent-color: @accent-color;\n --accent-color-bright: lighten(@accent-color, 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-color;\n --tab-list-bg: @accent-color;\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// vim:ft=less\n"},{"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.css","usercssData":{"name":"Last.fm Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/lastfm","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/lastfm","version":"1.1.1","description":"Soothing pastel theme for Last.fm","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/lastfm/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"flavor":{"type":"select","label":"Flavor","name":"flavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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"}]}}},"sourceCode":"/* ==UserStyle==\n@name Last.fm Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/lastfm\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/lastfm\n@version 1.1.1\n@description Soothing pastel theme for Last.fm\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/lastfm/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [ \"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green*\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\" ]\n==/UserStyle== */\n@-moz-document domain(\"last.fm\") {\n #catppuccin(@flavor, @accentColor);\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n @rgb-raw: #fff;\n #rgbify(@color) {\n @rgb-raw: red(@color) green(@color) blue(@color);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent: @catppuccin[@@lookup][@@accentColor];\n\n @accent-dim: fadeout(@accent, 0.5);\n\n & when not (@lookup = latte) {\n color-scheme: dark;\n .layout-image {\n background: @base;\n .layout-image-image {\n &[src=\"https://lastfm.freetls.fastly.net/i/u/300x300/4128a6eb29f94943c9d206c08e625904.jpg\"],\n &[src=\"https://lastfm.freetls.fastly.net/i/u/237x178/2a96cbd8b46e442fc41c2b86b821562f.jpg\"],\n &[src=\"https://lastfm.freetls.fastly.net/i/u/300x300/c6f59c1e5e7240a4c0d427abd71f3dbb.jpg\"]\n {\n mix-blend-mode: screen;\n filter: invert(1);\n }\n }\n }\n [src=\"https://lastfm.freetls.fastly.net/i/u/avatar70s/2a96cbd8b46e442fc41c2b86b821562f.jpg\"],\n [src=\"https://lastfm.freetls.fastly.net/i/u/64s/4128a6eb29f94943c9d206c08e625904.jpg\"],\n [src=\"https://lastfm.freetls.fastly.net/i/u/64s/c6f59c1e5e7240a4c0d427abd71f3dbb.jpg\"]\n {\n mix-blend-mode: screen;\n filter: invert(1);\n }\n .cover-art {\n background: @base;\n }\n .avatar::after,\n .cover-art::after,\n .image-list-item::after,\n .video-thumbnail::after {\n box-shadow: inset 0 0 0 1px rgb(@subtext0, 7%);\n }\n }\n\n /* ------UNIVERSAL STYLES INCASE SOME GET MISSED------ */\n body {\n color: @text;\n }\n h1 {\n color: @accent;\n }\n .mimic-link {\n color: @sapphire;\n }\n /* -----------CHECKBOXES AND RADIOS---------- */\n .lfm-form-radio input[type=\"radio\"]:checked + label::before {\n border-color: @accent;\n box-shadow: inset 0 0 0 4px @accent;\n background-color: @base;\n }\n .lfm-form-radio input[type=\"radio\"] + label::before {\n background-color: @crust;\n border-color: @surface1;\n }\n\n /* HOME PAGE */\n .main-content,\n .container,\n .content-top-has-nav .content-top,\n .two-column-layout .content-top {\n background-color: @base;\n }\n\n .content-top-has-nav .content-top::after,\n .two-column-layout .content-top::after {\n border-top-color: @accent-dim;\n }\n\n .homefeed .content-top .secondary-nav-item-link--active,\n .home-welcome-header {\n color: @text;\n }\n .secondary-nav-item-link {\n color: @subtext0;\n }\n\n .secondary-nav-item-link:focus,\n .secondary-nav-item-link:hover,\n .homefeed .content-top .secondary-nav-item-link--active,\n .homefeed .content-top .secondary-nav-item-link--active:focus,\n .homefeed .content-top .secondary-nav-item-link--active:hover {\n color: @text;\n }\n\n .homefeed\n .content-top\n .secondary-nav-item--artists\n .secondary-nav-item-link:hover::after,\n .homefeed\n .content-top\n .secondary-nav-item--albums\n .secondary-nav-item-link:hover::after,\n .homefeed\n .content-top\n .secondary-nav-item--tracks\n .secondary-nav-item-link:hover::after,\n .homefeed\n .content-top\n .secondary-nav-item--events\n .secondary-nav-item-link:hover::after,\n .homefeed--artists .content-top .secondary-nav-item-link--active::after,\n .homefeed--albums .content-top .secondary-nav-item-link--active::after,\n .homefeed--tracks .content-top .secondary-nav-item-link--active::after,\n .homefeed--events .content-top .secondary-nav-item-link--active::after {\n background-color: @accent-dim;\n }\n .recs-feed .recs-feed-cover-image-wrap::after {\n background-image: linear-gradient(\n 180deg,\n transparent 0,\n rgba(@mantle, 0.4) 50%,\n rgba(@mantle, 0.7) 50%,\n rgba(@mantle, 0.7) 100%\n );\n }\n\n .recs-feed .context {\n background: @mantle;\n color: @text;\n box-shadow: none;\n box-shadow:\n inset 1px 0 darken(@mantle, 3%),\n inset -1px -1px @crust;\n }\n .recs-feed .recs-feed-item {\n background: transparent;\n box-shadow: none;\n }\n a {\n color: @accent;\n }\n .stationlink-list .stationlink {\n color: @subtext0;\n }\n\n .stationlink-list .stationlink:focus,\n .stationlink-list .stationlink:hover {\n color: @text;\n }\n\n .stationlink-list .stationlink::after {\n border-bottom-color: @accent-dim;\n }\n\n .stationlink-list .stationlink::before {\n background-color: @accent;\n -webkit-filter: invert(0%);\n filter: invert(0%);\n }\n\n .stationlink-list .stationlink:focus::before,\n .stationlink-list .stationlink:hover::before {\n background-color: @subtext0;\n }\n\n .subscribe-cta,\n .mpu-subscription-upsell,\n .mpu-subscription-upsell--mpu {\n display: none;\n }\n .join-cta {\n background-color: transparent;\n }\n .join-cta h3 {\n color: @accent;\n }\n\n .lazy-features-footer {\n display: none;\n }\n\n /* LIVE */\n /* MUSIC */\n .content-top-header {\n color: @accent;\n }\n\n .minimal-navigation-item-link,\n .minimal-navigation-item-link:focus,\n .minimal-navigation-item-link:hover {\n color: @subtext0;\n }\n\n .minimal-navigation-item-link--active,\n .minimal-navigation-item-link--active:focus,\n .minimal-navigation-item-link--active:hover {\n color: @text;\n }\n\n .music-section-heading {\n color: @text;\n }\n\n .music-more-artists-item-name a,\n .music-more-artists-item-name a:focus,\n .music-more-artists-item-name a:hover,\n .music-releases-item-name a,\n .music-releases-item-name a:focus,\n .music-releases-item-name a:hover {\n color: @text;\n }\n\n .music-releases-item-artist,\n .column-tracks-item-name,\n .column-tracks-item-artist,\n .music-gallery-artist {\n color: @text;\n }\n\n .music-section-rediscover-subscribe-banner-cta {\n background-color: @base;\n }\n\n /* PROFILE */\n /* BANNER */\n .header--overview .header-background {\n opacity: 0.4;\n }\n\n /* SEARCH */\n .artist-result-heading {\n color: @text;\n }\n\n .album-result-heading {\n color: @text;\n }\n\n /* RECOMMENDATIONS */\n & when not (@lookup = \"latte\") {\n .recs-feed-title a {\n color: @text !important;\n }\n }\n & when (@lookup = \"latte\") {\n .recs-feed-title a {\n color: @crust !important;\n }\n }\n .recs-feed-item--artist .context::after,\n .recs-feed .recs-feed-item--artist .recs-feed-avatar::after {\n background-color: fadeout(@yellow, 1) !important;\n }\n .recs-feed-item--album .context::after,\n .recs-feed .recs-feed-item--album .recs-feed-avatar::after {\n background-color: fadeout(@green, 1) !important;\n }\n .recs-feed-item--track .context::after,\n .recs-feed .recs-feed-item--track .recs-feed-avatar::after {\n background-color: fadeout(@blue, 1) !important;\n }\n .secondary-nav {\n box-shadow: inset 0 -1px @accent;\n }\n .music-recommended-artists-artist-name,\n .music-recommended-artists-context,\n .pagination-page,\n .pagination-next {\n color: @text;\n }\n\n .music-recommended-albums-item-name,\n .music-recommended-albums-album-artist,\n .music-recommended-albums-album-context {\n color: @text;\n }\n\n .recommended-tracks-item-name,\n .recommended-tracks-item-artist {\n color: @text;\n }\n\n .big-tags-item-context {\n color: @text;\n }\n\n p {\n color: @subtext0;\n }\n\n /* CHARTS */\n .adaptive-skin-wrapper,\n .row {\n background-color: @base;\n }\n\n .two-column-layout .container {\n background-size: 0;\n background-position: 0 0;\n background-color: @base;\n }\n\n ._buffer-reset,\n .sidebar-heading {\n color: @accent;\n }\n\n .sidebar-group-heading {\n color: @text;\n }\n\n .resource-list--sidebar-item-name {\n color: @text;\n }\n .js-link-block.globalchart-item {\n background-color: @crust;\n box-shadow:\n 0 1px @base,\n inset 0 -1px @base;\n }\n .globalchart a,\n .globalchart a:focus,\n .globalchart a:hover {\n color: @text;\n }\n\n .footer-top-row {\n background-color: @mantle;\n }\n\n /* EVENTS */\n .events-filter,\n .events-filter-recommended,\n .dropdown-menu-clickable-button:focus,\n .dropdown-menu-clickable-button:hover {\n color: @text;\n }\n\n .events-filters {\n border-bottom-color: @accent;\n }\n\n .events-list-item-venue--address,\n .events-list-item-event--lineup {\n color: @subtext0;\n }\n .events-list-anhv1 a,\n .events-list-anhv1 a:focus,\n .events-list-anhv1 a:hover,\n .events-list-item-event--title,\n .events-list-item-venue--title {\n color: @text;\n }\n\n /* FEATURES */\n .features-header .features-teaser-body,\n .features-teaser-wrap--promoted .features-teaser-body {\n background: @base;\n }\n\n .features-teaser-title a,\n .features-teaser-title a:focus,\n .features-teaser-title a:hover {\n color: @text;\n }\n\n /* FEATURES POST */\n .features-post-header-body {\n background-color: @base;\n }\n\n .features-post-header-title {\n color: @accent;\n }\n\n .features-post-artist {\n color: @text;\n }\n\n .features-post-byline-item.features-post-author {\n color: @text;\n }\n\n /* PROFILE */\n .header-avatar-add,\n .header-avatar-add:not(.cta--inactive):focus,\n .header-avatar-add:not(.cta--inactive):hover {\n background-color: @accent-dim;\n }\n .dropdown-menu-clickable,\n #share-library-artist,\n .dropdown-menu-clickable-item:active,\n body:not([data-whatinput=\"touch\"]) .dropdown-menu-clickable-item:focus,\n body:not([data-whatinput=\"touch\"]) .dropdown-menu-clickable-item:hover {\n background-color: @base;\n }\n .header--overview {\n background-color: @mantle;\n }\n .header-metadata .header-metadata-title,\n .header-scrobble-since,\n .header-title-display-name {\n color: @subtext1;\n }\n .chartlist-play-button::before {\n background-color: @accent;\n -webkit-filter: invert(0%);\n filter: invert(0%);\n }\n\n .chartlist-play-button:focus:focus::before,\n .chartlist-play-button:focus:hover::before,\n .chartlist-play-button:hover:focus::before,\n .chartlist-play-button:hover:hover::before {\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15);\n background-color: @subtext0;\n }\n\n .text-Color-link,\n h2,\n .dropdown-menu-clickable-item--selected,\n .dropdown-menu-clickable-item--selected:focus,\n .dropdown-menu-clickable-item--selected:hover,\n .dropdown-menu-clickable-button,\n .dropdown-menu-clickable-button:hover,\n .dropdown-menu-clickable-button:active,\n .dropdown-menu-clickable-button.disclose-active {\n color: @accent;\n }\n .dropdown-menu-clickable-item,\n .dropdown-menu-clickable-item:active,\n body:not([data-whatinput=\"touch\"]) .dropdown-menu-clickable-item:focus,\n body:not([data-whatinput=\"touch\"]) .dropdown-menu-clickable-item:hover {\n color: @text;\n }\n .btn-secondary {\n background-color: @accent-dim;\n color: @crust;\n }\n\n body:not(.js-focus-visible)\n body:not([data-whatinput=\"touch\"])\n .btn-secondary:focus,\n body:not([data-whatinput=\"touch\"]) .btn-secondary .focus-visible,\n body:not([data-whatinput=\"touch\"]) .btn-secondary:hover {\n background-color: @accent;\n color: @crust;\n }\n input[type=\"password\"] {\n background-color: @crust !important;\n border-color: @crust !important;\n }\n\n @keyframes chartlist-anim {\n 0% {\n background-position: 0% 50%;\n }\n 50% {\n background-position: 100% 51%;\n }\n 100% {\n background-position: 0% 50%;\n }\n }\n @keyframes chartlist-anim {\n 0% {\n background-position: 0% 50%;\n }\n 50% {\n background-position: 100% 51%;\n }\n 100% {\n background-position: 0% 50%;\n }\n }\n @keyframes chartlist-anim {\n 0% {\n background-position: 0% 50%;\n }\n 50% {\n background-position: 100% 51%;\n }\n 100% {\n background-position: 0% 50%;\n }\n }\n\n .chartlist-row--highlight,\n .chartlist-row--now-scrobbling {\n /* background-color: #5a1717; */\n background: linear-gradient(270deg, @base 60%, rgba(@accent, 0.2));\n background-size: 200% 200%;\n -webkit-animation: chartlist-anim 10s ease infinite;\n -moz-animation: chartlist-anim 10s ease infinite;\n animation: chartlist-anim 10s ease infinite;\n }\n\n .chartlist-name,\n .chartlist-artist {\n color: @subtext0;\n }\n\n .chartlist-break::after,\n .chartlist-row::after {\n border-bottom-color: @surface0;\n }\n\n .chartlist-row:hover {\n background-color: @crust;\n }\n\n .chartlist-count-bar-slug {\n background-color: transparent !important;\n background-image: linear-gradient(to right, @accent, @accent);\n color: @crust;\n }\n .chartlist-count-bar-value {\n color: @crust;\n }\n a:focus .chartlist-count-bar-slug,\n a:hover .chartlist-count-bar-slug {\n background-color: @accent-dim;\n }\n\n .chartlist-count-bar-link,\n .chartlist-count-bar-link:focus,\n .chartlist-count-bar-link:hover {\n color: @text;\n }\n\n .listening-report-promo {\n background-color: @mantle;\n }\n .listening-report-promo:focus,\n .listening-report-promo:hover {\n background-color: @crust;\n }\n .listening-report-promo-title {\n color: @subtext0;\n }\n .listening-report-promo-date {\n color: @accent-dim;\n }\n\n .shout-form textarea {\n background-color: @crust;\n }\n\n .chartlist-index {\n color: @text;\n }\n\n .chartlist tr:nth-child(1) td.chartlist-index {\n color: @accent;\n }\n\n /* LISTENING REPORT */\n .user-dashboard-module {\n background-color: @base !important;\n border-color: @accent-dim;\n }\n .highcharts-background {\n fill: @base !important;\n }\n .header-metadata-display,\n .scrobble-stats-info {\n color: @text;\n }\n .user-dashboard-legend-item::before {\n background: transparent !important;\n }\n .user-dashboard-legend-item--current::before {\n background-image: linear-gradient(159deg, @accent, @accent) !important;\n }\n .user-dashboard-legend-item--comparison::before {\n background-image: linear-gradient(\n 159deg,\n @accent-dim,\n @accent-dim\n ) !important;\n }\n .header-metadata-title,\n .user-dashboard-scrobble-stats-meta-description,\n .user-dashboard-scrobble-stats-previous {\n color: var(--subtext1);\n }\n .user-dashboard-heading {\n color: @accent;\n }\n\n .listening-report-top .secondary-nav {\n border-bottom-color: @overlay0;\n }\n .listening-report-brick {\n border-color: @overlay0;\n &:focus,\n &:hover {\n border-color: @overlay0;\n box-shadow: none;\n }\n }\n .listening-report-library-link {\n &,\n &:hover {\n color: @crust !important;\n background-color: @accent !important;\n }\n }\n .user-dashboard-history-subscribe-banner-cta {\n display: none;\n }\n\n .duration-data,\n .duration-data-value > .js-ticker,\n .user-dashboard-small-data-point-value > .js-ticker {\n color: @text;\n }\n\n .highcharts-series.highcharts-series-1.highcharts-column-series.highcharts-color-undefined.highcharts-tracker\n > a\n > rect {\n fill: @accent;\n }\n\n .user-dashboard-loved-tracks .user-dashboard-big-datapoint-value a {\n color: @crust;\n }\n\n .user-dashboard-catalogue-item-total a {\n text-shadow:\n -1px -1px 0 @crust,\n 1px -1px 0 @crust,\n -1px 1px 0 @crust,\n 1px 1px 0 @crust;\n }\n\n .user-dashboard-module .user-dashboard-module-share:hover,\n body:not([data-whatinput=\"mouse\"])\n .user-dashboard-module\n .user-dashboard-module-share:focus,\n .user-dashboard-module:hover .user-dashboard-module-share,\n body:not([data-whatinput=\"mouse\"])\n .user-dashboard-module:focus\n .user-dashboard-module-share {\n opacity: 0.1;\n }\n\n .highcharts-text-outline {\n fill: @crust;\n stroke: @crust;\n }\n\n tspan {\n color: @text;\n fill: @text;\n }\n\n .user-dashboard-catalogue-item-name.user-dashboard-catalogue-item-link.link-block-target {\n color: @text;\n }\n\n .user-dashboard-catalogue-item-artist-name.user-dashboard-catalogue-item-link {\n color: @subtext0;\n }\n\n .user-dashboard-module-title.js-user-dashboard-module-title {\n color: @accent;\n }\n\n .discovery-stat-top-item-name a,\n .discovery-stat-top-item-name a:focus,\n .discovery-stat-top-item-name a:hover {\n color: @text;\n }\n .discovery-stat-top-item-artist:focus,\n .discovery-stat-top-item-artist:hover,\n .discovery-stat-top-item-artist a,\n .discovery-stat-top-item-artist a:focus,\n .discovery-stat-top-item-artist a:hover {\n color: @subtext0;\n }\n\n .link-block-target.user-dashboard-leaderboard-profile-link {\n color: @text;\n }\n\n .user-dashboard-leaderboard-item--highlight\n .user-dashboard-leaderboard-stat {\n color: @subtext0;\n }\n\n /* Listening Clock */\n #SvgjsG1144 {\n stroke: @crust;\n }\n #SvgjsCircle1169 {\n fill: @crust;\n }\n #SvgjsText1199,\n #SvgjsText1200,\n #SvgjsText1201,\n #SvgjsText1202 {\n fill: @subtext0;\n }\n #SvgjsSvg1203 #Layer_1 g path {\n fill: @accent;\n }\n #SvgjsG1023 g circle {\n fill: @accent;\n }\n\n /* LIBRARY */\n .col-sidebar._buffer-sidebar\n > figure\n > div\n > div\n > svg\n > .highcharts-background {\n fill: @base;\n }\n\n .highcharts-point {\n fill: @accent-dim;\n }\n\n .highcharts-axis-labels > text {\n fill: @text !important;\n }\n\n /* FOLLOWING */\n .user-list-name {\n color: @text;\n }\n .user-follow,\n .user-follow::after {\n color: @accent;\n background-color: @surface0;\n }\n\n /* FOLLOW BUTTON */\n [data-toggle-button-current-state=\"unfollowed\"]\n .header-follower-btn::before {\n background-color: @red;\n color: @text;\n }\n [data-toggle-button-current-state=\"followed\"] .header-follower-btn::before {\n background-color: @green;\n color: @text;\n }\n [data-toggle-button-current-state=\"followed\"]\n .header-follower-btn:hover::before {\n background-color: @red;\n color: @text;\n }\n\n .header-follower-btn {\n color: @accent;\n }\n\n /* BOOKMARKS */\n .music-bookmarks-artists-item-name {\n color: @text;\n }\n\n /* TASTE-O-METER COLORS */\n .tasteometer-donut-base {\n fill: @surface1;\n }\n .tasteometer-avatar img {\n border-color: @surface1;\n }\n .tasteometer-compat-very_low .tasteometer-compat-Color {\n color: @subtext0;\n fill: @subtext0;\n }\n .tasteometer-compat-low .tasteometer-compat-Color {\n color: @mauve;\n fill: @mauve;\n }\n .tasteometer-compat-medium .tasteometer-compat-Color {\n color: @green;\n fill: @green;\n }\n .tasteometer-compat-very_high .tasteometer-compat-Color {\n color: @peach;\n fill: @peach;\n }\n .tasteometer-compat-super .tasteometer-compat-Color {\n color: @red;\n fill: @red;\n }\n\n /* ARTIST */\n .section-with-separator::after {\n background-color: @base;\n }\n .header-new-bookmark-button,\n .header-new-download-button,\n .header-new-love-button,\n .header-new-more-button,\n body:not(.js-focus-visible)\n body:not([data-whatinput=\"touch\"])\n .header-new-bookmark-button:focus,\n body:not(.js-focus-visible)\n body:not([data-whatinput=\"touch\"])\n .header-new-download-button:focus,\n body:not(.js-focus-visible)\n body:not([data-whatinput=\"touch\"])\n .header-new-love-button:focus,\n body:not(.js-focus-visible)\n body:not([data-whatinput=\"touch\"])\n .header-new-more-button:focus,\n body:not([data-whatinput=\"touch\"])\n .header-new-bookmark-button\n .focus-visible,\n body:not([data-whatinput=\"touch\"]) .header-new-bookmark-button:hover,\n body:not([data-whatinput=\"touch\"])\n .header-new-download-button\n .focus-visible,\n body:not([data-whatinput=\"touch\"]) .header-new-download-button:hover,\n body:not([data-whatinput=\"touch\"]) .header-new-love-button .focus-visible,\n body:not([data-whatinput=\"touch\"]) .header-new-love-button:hover,\n body:not([data-whatinput=\"touch\"]) .header-new-more-button .focus-visible,\n body:not([data-whatinput=\"touch\"]) .header-new-more-button:hover {\n color: @base;\n background-color: @accent;\n }\n .wiki-block-inner,\n .catalogue-metadata-heading,\n .catalogue-metadata-description,\n .header-metadata-tnew-title {\n color: @subtext0;\n }\n\n .similar-albums-item-name a,\n .similar-albums-item-name a:focus,\n .similar-albums-item-name a:hover {\n color: @text;\n }\n\n .text-18 {\n color: @accent;\n }\n\n .artist-similar-artists-sidebar-item-name a,\n .artist-similar-artists-sidebar-item-name a:focus,\n .artist-similar-artists-sidebar-item-name a:hover {\n color: @text;\n }\n\n .events-list-item-event-name.link-block-target > span {\n color: @text;\n }\n\n .events-list-item-venue > span {\n color: @subtext0;\n }\n\n .artist-top-albums-item-name a,\n .artist-top-albums-item-name a:focus,\n .artist-top-albums-item-name a:hover {\n color: @text;\n }\n\n .listeners-section-item-name a,\n .listeners-section-item-name a:focus,\n .listeners-section-item-name a:hover {\n color: @text;\n }\n\n .catalogue-overview-similar-artists-full-width-item-name a,\n .catalogue-overview-similar-artists-full-width-item-name a:focus,\n .catalogue-overview-similar-artists-full-width-item-name a:hover {\n color: @text;\n }\n\n .resource-external-link,\n .resource-external-link:hover {\n color: @text;\n }\n .shout {\n border-bottom-color: @surface0;\n }\n .shout-container--active {\n background-color: fadeout(@surface1, 0.3);\n }\n .shout-user a {\n color: @text;\n }\n .shout-form {\n border-color: none;\n }\n .js-playlink-station.desktop-playlink.inline-section-control.stationlink {\n color: @text;\n }\n .section-with-settings .section-control::before {\n border-right-color: @subtext0;\n }\n\n .header-metadata .header-metadata-display a {\n color: @accent;\n }\n\n .big-artist-list-title a {\n color: var(--subtext1);\n }\n .big-artist-list-title a:hover {\n color: @text;\n }\n\n /* SIMILAR ARTISTS */\n .similar-artists-item-name {\n color: @text;\n }\n\n .similar-artists-item-wiki-inner-2 {\n color: @subtext0;\n }\n\n .section-playlink::before {\n background-color: @accent;\n -webkit-filter: invert(0%);\n filter: invert(0%);\n }\n\n .section-playlink:hover::before {\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15);\n background-color: @subtext0;\n }\n\n .section-playlink.js-playlink-station {\n color: @text;\n }\n\n /* TRACK */\n .source-album-artist a,\n .source-album-artist a:focus,\n .source-album-artist a:hover,\n .source-album-name a,\n .source-album-name a:focus,\n .source-album-name a:hover {\n color: @text;\n }\n\n .track-similar-tracks-item-name a,\n .track-similar-tracks-item-name a:focus,\n .track-similar-tracks-item-name a:hover {\n color: @text;\n }\n\n .about-artist-name a,\n .about-artist-name a:focus,\n .about-artist-name a:hover {\n color: @text;\n }\n\n .catalogue-overview-similar-artists-item-name a,\n .catalogue-overview-similar-artists-item-name a:focus,\n .catalogue-overview-similar-artists-item-name a:hover {\n color: @text;\n }\n\n .stationlink::before {\n background-color: @accent;\n -webkit-filter: invert(0%);\n filter: invert(0%);\n }\n\n .stationlink:focus::before,\n .stationlink:hover::before {\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15);\n background-color: @subtext0;\n }\n\n .video-preview-upload-cta {\n background-color: @crust;\n box-shadow: 0 0 0 2px @accent-dim;\n }\n\n .video-preview-upload-cta:not(.cta--inactive):focus,\n .video-preview-upload-cta:not(.cta--inactive):hover {\n background-color: @base;\n }\n\n .highcharts-plot-bands-0 > path {\n fill: @overlay0;\n }\n\n .listener-trend .highcharts-area {\n fill: fadeout(@red, 0.1);\n }\n\n .listener-trend .highcharts-graph {\n stroke: @red;\n }\n\n .Colored-cta {\n background-color: fadeout(@surface2, 0.3);\n }\n .Colored-cta:not(.cta--inactive):focus,\n .Colored-cta:not(.cta--inactive):hover {\n background-color: fadeout(@surface2, 0.7);\n }\n .similar-items-sidebar-item-name {\n color: @text;\n }\n .resource-list--release-list-item-name {\n color: @text;\n }\n .shout--deleted,\n .shout--reported {\n background: @base;\n }\n .play-this-track-playlinks {\n color: @text;\n }\n\n /* WIKI */\n .factbox-item,\n #factbox-more-members {\n color: @subtext0;\n }\n\n .factbox-item > h4 {\n color: @accent;\n }\n\n .alert-warning {\n color: @peach;\n background-color: @crust;\n }\n\n .content-form .form-control,\n .content-form input[type=\"date\"],\n .content-form input[type=\"email\"],\n .content-form input[type=\"number\"],\n .content-form input[type=\"password\"],\n .content-form input[type=\"text\"],\n .content-form input[type=\"url\"],\n .content-form select,\n .content-form textarea {\n background-color: @crust;\n border-color: @crust;\n color: @subtext0;\n }\n\n .content-form .form-control:focus,\n .content-form input[type=\"date\"]:focus,\n .content-form input[type=\"email\"]:focus,\n .content-form input[type=\"number\"]:focus,\n .content-form input[type=\"password\"]:focus,\n .content-form input[type=\"text\"]:focus,\n .content-form input[type=\"url\"]:focus,\n .content-form select:focus,\n .content-form textarea:focus {\n box-shadow: none;\n border-color: @crust;\n }\n .content-form .form-control:hover:not([disabled]),\n .content-form input[type=\"date\"]:hover:not([disabled]),\n .content-form input[type=\"email\"]:hover:not([disabled]),\n .content-form input[type=\"number\"]:hover:not([disabled]),\n .content-form input[type=\"password\"]:hover:not([disabled]),\n .content-form input[type=\"text\"]:hover:not([disabled]),\n .content-form input[type=\"url\"]:hover:not([disabled]),\n .content-form select:hover:not([disabled]),\n .content-form textarea:hover:not([disabled]),\n .content-form .inplace-field,\n .inplace-field {\n border-color: @crust;\n color: @text;\n }\n .control-label {\n color: @accent;\n }\n .join-form .form-row-help-text {\n color: @text;\n background-color: @surface1;\n }\n #stylerules {\n background-color: @overlay0;\n color: @subtext0;\n }\n .secondary-nav-item-link--active::after,\n a.secondary-nav-item-link:focus::after,\n a.secondary-nav-item-link:hover::after {\n background-color: @accent;\n }\n\n /* OBSESSIONS */\n .obsession-history-play-all::before {\n background-color: @accent;\n -webkit-filter: invert(0%);\n filter: invert(0%);\n color: @text;\n }\n\n .obsession-history-play-all.js-playlink-station.inline-section-control {\n color: @text;\n }\n\n .obsession-history-play-all:hover::before {\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15);\n background-color: @subtext0;\n }\n\n .obsession-search-result-header {\n color: @accent;\n }\n\n .obsession-candidate-heading {\n color: @text;\n }\n\n .modal-dialog.popup_content,\n .modal-content {\n background-color: @mantle;\n box-shadow: none;\n }\n\n .modal-body {\n background-color: @base;\n box-shadow: none;\n }\n\n .content-form textarea:focus {\n box-shadow: none;\n }\n\n .content-form textarea:hover:not([disabled]) {\n border-color: @accent;\n }\n\n /* MESSAGES */\n .inbox-notifications .inbox-notifications__item {\n color: @subtext0;\n }\n\n .inbox-notifications .inbox-notifications__item--highlight {\n background-color: @overlay0;\n }\n .inbox-notifications .inbox-notifications__item--hover {\n box-shadow: none;\n }\n .inbox-notifications__item--highlight-hover:hover {\n background-color: @crust;\n }\n\n .inbox-message-subject {\n color: @accent;\n }\n\n .inbox-message-message {\n color: @text;\n }\n\n .inbox-message-view .inbox-message-message blockquote {\n background: @crust;\n border-color: @accent;\n }\n\n body:not([data-whatinput=\"touch\"])\n .inbox-notifications\n .inbox-notifications__item--hover:hover {\n background-color: @crust;\n }\n\n .inbox .inbox-message {\n background-color: @crust;\n }\n\n .inbox .inbox-message--unviewed {\n background-color: @overlay0;\n }\n\n .inbox .inbox-message--unviewed .inbox-message-status::after {\n background-color: @accent;\n }\n\n /* ADS */\n .lastfm-ad {\n display: none;\n }\n .full-bleed-ad-container,\n .sidebar-ad-container {\n background-color: @base;\n }\n\n /* RECOMMENDATIONS ON PROFILE */\n .profile-card-content {\n background: @surface0 !important;\n }\n /* UPGRADE TO PRO */\n .btn-subscribe,\n .btn-subscribe:hover,\n .btn-subscribe:active {\n background-color: @accent !important;\n }\n .listening-report-brick--upsell {\n display: none;\n }\n .your-progress {\n color: @text;\n }\n /* ----Profile Cards Hide------- */\n .profile-cards-container {\n display: none !important;\n }\n /* HEADER */\n .header--overview,\n .header--sub-page {\n color: @text;\n }\n /* -----Primary Button------ */\n .btn-primary,\n .btn-primary:hover,\n .btn-primary:active,\n .no-data-message-button,\n .no-data-message-button:hover,\n .no-data-message-button:active,\n .api-session-connect,\n .api-session-disconnect:hover,\n .api-session-disconnect:active,\n .clipboard-button,\n body:not(.js-focus-visible)\n body:not([data-whatinput=\"touch\"])\n .clipboard-button:focus,\n body:not([data-whatinput=\"touch\"]) .clipboard-button .focus-visible,\n body:not([data-whatinput=\"touch\"]) .clipboard-button:hover {\n background-color: @accent !important;\n color: @base !important;\n }\n .api-session-disconnect {\n background-color: @accent-dim !important;\n color: @base !important;\n }\n /* -----Shortcut Button------ */\n .btn-shortcut,\n .btn-shortcut:hover,\n .btn-shortcut:active {\n background-color: @accent-dim !important;\n color: @text !important;\n }\n /* ------FOOTER----- */\n .footer .footer-heading {\n color: @subtext1;\n }\n .footer {\n background-color: @mantle;\n color: @text;\n }\n .footer .footer-bottom {\n border-top-color: none;\n }\n .footer .footer-bottom .row {\n background-color: @mantle;\n }\n .footer .footer-language--active,\n .footer-timezone strong,\n .footer .footer-language--active strong {\n color: @text;\n }\n .footer .footer-language,\n .footer-timezone,\n .footer .footer-legal {\n color: @overlay0;\n }\n /* --------TOP BAR---------- */\n .top-bar,\n .player-bar,\n .player-bar .player-bar-progress,\n .main-content::before,\n .masthead-nav {\n background: @mantle;\n color: @text !important;\n }\n .player-bar .player-bar-progress-slug {\n background: @accent;\n }\n .masthead-nav-control,\n .site-auth-control,\n .site-auth--anon::before,\n .masthead-nav .navlist-more {\n color: @text !important;\n }\n .auth-dropdown-menu {\n background-color: @base !important;\n }\n .auth-dropdown-menu-item {\n color: @text !important;\n }\n .auth-dropdown-menu-item:hover,\n .auth-dropdown-menu-item:active {\n background-color: @overlay0 !important;\n color: @text !important;\n }\n .masthead-nav .masthead-nav-control:focus,\n .masthead-nav .masthead-nav-control:hover,\n .masthead-nav .navlist-more:focus,\n .masthead-nav .navlist-more:hover,\n .site-auth-control:focus,\n .site-auth-control:hover {\n background-color: transparent;\n color: @accent !important;\n }\n .site-auth-control.btn-secondary {\n color: @base !important;\n }\n .masthead-search-form {\n background-color: @mantle;\n }\n .masthead-search-submit {\n background-color: @accent;\n color: @base;\n }\n body:not(.js-focus-visible)\n body:not([data-whatinput=\"touch\"])\n .masthead-search-submit:focus,\n body:not([data-whatinput=\"touch\"]) .masthead-search-submit .focus-visible,\n body:not([data-whatinput=\"touch\"]) .masthead-search-submit:hover {\n background-color: @accent;\n color: @base;\n }\n .masthead-search-field {\n color: @text;\n }\n /* -------PLAYLISTS--------- */\n .chartlist-timestamp {\n color: @subtext0;\n }\n /* -----GENRES TODAY----- */\n .genretodaybar,\n .rolling_no {\n background: @mantle !important;\n }\n /* -----NAV ITEMS----- */\n .library-controls .secondary-nav .secondary-nav-item-link--active,\n .date-range-picker-button-inner,\n .library-controls .secondary-nav .secondary-nav-item-link--active:focus,\n .library-controls .secondary-nav .secondary-nav-item-link--active:hover,\n body:not([data-whatinput=\"touch\"]) .catalogue-tags .tag a:hover {\n color: @accent !important;\n }\n /* ------ARTIST TAGS----- */\n .catalogue-tags .tag a,\n .catalogue-tags .tags-add,\n .catalogue-tags .tags-add-cta,\n body:not([data-whatinput=\"touch\"]) .catalogue-tags .tag a:hover {\n color: @accent;\n box-shadow: inset 0 0 0 1px @accent-dim;\n }\n /* -----HIDE PLAY BUTTON ON TOP TRACK------ */\n .image-overlay-playlink-link::before {\n display: none;\n }\n /* ---------CHARTS FIX--------- */\n .globalchart .globalchart-item:first-child {\n background-color: fadeout(@mantle, 0.8);\n }\n .globalchart-item:first-child .globalchart-rank {\n color: @accent !important;\n }\n .globalchart-item .globalchart-rank {\n color: @text;\n }\n /* -------LOG IN PAGE------- */\n .auth-container > .auth-container-animation {\n background-color: transparent;\n }\n #join-animation-container {\n display: none !important;\n }\n h1.text-24 {\n color: @accent;\n }\n .checkbox {\n color: @text;\n }\n\n /* ----ICONS---- */\n .lazy-buylinks-toggle::before {\n background-image: none !important;\n mask-image: url(\"/static/images/icons/download_sprite_16.2d7999c89e09.png\");\n -webkit-mask-image: url(\"/static/images/icons/download_sprite_16.2d7999c89e09.png\");\n background-color: @text;\n }\n\n .chartlist-more-button::before {\n background-image: none !important;\n mask-image: url(\"/static/images/icons/more_sprite_16.bceb4a93c77a.png\");\n -webkit-mask-image: url(\"/static/images/icons/more_sprite_16.bceb4a93c77a.png\");\n background-color: @text;\n }\n\n .lazy-buylinks-toggle:hover::before,\n .lazy-buylinks-toggle:focus::before,\n .chartlist-more-button:hover::before,\n .chartlist-more-button:focus::before {\n background-color: @subtext0;\n }\n\n .chartlist-love-button::before,\n .header-new-love-button::before {\n background-image: none !important;\n mask-image: url(\"/static/images/icons/love_animation_tracklist_24.3c884b0287d4.png\");\n -webkit-mask-image: url(\"/static/images/icons/love_animation_tracklist_24.3c884b0287d4.png\");\n background-color: @text;\n mask-position: 0 0;\n -webkit-mask-position: 0 0;\n }\n\n .chartlist-love-button:focus::before,\n .chartlist-love-button:hover::before,\n .header-new-love-button:focus::before,\n .header-new-love-button:hover::before {\n mask-position: -24px 0;\n background-color: @red;\n }\n\n [data-toggle-button-current-state=\"loved\"] .chartlist-love-button::before,\n [data-toggle-button-current-state=\"loved\"] .header-new-love-button::before {\n mask-position: -552px 0;\n transition: mask-position 0.7s steps(23) !important;\n -webkit-transition: -webkit-mask-position 0.7s steps(23) !important;\n background-color: @red;\n }\n\n [data-toggle-button-current-state=\"loved\"]\n .chartlist-love-button:focus::before,\n [data-toggle-button-current-state=\"loved\"]\n .chartlist-love-button:hover::before,\n [data-toggle-button-current-state=\"loved\"]\n .header-new-love-button:focus::before,\n [data-toggle-button-current-state=\"loved\"]\n .header-new-love-button:hover::before {\n transition: mask-position 0.7s steps(22) !important;\n -webkit-transition: -webkit-mask-position 0.7s steps(22) !important;\n }\n\n .section-settings-toggle::before {\n background-image: none !important;\n mask-image: url(\"/static/images/icons/settings_222_16.f63779d3cbad.png\");\n -webkit-mask-image: url(\"/static/images/icons/settings_222_16.f63779d3cbad.png\");\n background-color: @text;\n }\n\n .share-button-profile::before {\n background-image: none !important;\n mask-image: url(\"/static/images/icons/share_222_16.9aba752fb1e9.png\");\n -webkit-mask-image: url(\"/static/images/icons/share_222_16.9aba752fb1e9.png\");\n background-color: @text;\n }\n\n .section-settings-toggle:hover::before,\n .section-settings-toggle:focus::before,\n .share-button-profile:hover::before,\n .share-button-profile:focus::before {\n background-color: @subtext0;\n }\n\n .cta-link::before,\n .lyrics-snippet-more-link ::before,\n .trending-tracks-more-link ::before,\n .more-link-fullwidth-right ::before {\n background-image: none !important;\n mask-image: url(\"/static/images/icons/arrow_small_right_005399_12.8f025ef116be.png\");\n -webkit-mask-image: url(\"/static/images/icons/arrow_small_right_005399_12.8f025ef116be.png\");\n background-color: @accent;\n }\n\n .play-this-track-playlink--itunes::before {\n background-image: none !important;\n mask-image: url(\"/static/images/icons/apple_music_color_24.17c0b1b9e185.png\");\n -webkit-mask-image: url(\"/static/images/icons/apple_music_color_24.17c0b1b9e185.png\");\n background-color: @text;\n }\n\n .resource-external-link--homepage::before {\n background-image: none !important;\n mask-image: url(\"/static/images/icons/external_links_16.3d45e81fa3fc.png\");\n -webkit-mask-image: url(\"/static/images/icons/external_links_16.3d45e81fa3fc.png\");\n background-color: @text;\n }\n\n .alert-warning::before {\n background-image: none;\n mask-image: url(\"/static/images/icons/alert/warning_16.93f2fe437139.png\");\n -webkit-mask-image: url(\"/static/images/icons/alert/warning_16.93f2fe437139.png\");\n background-color: @peach;\n }\n\n .masthead-search-toggle::before {\n background-image: none !important;\n mask-image: url(\"/static/images/icons/search_16.bde37072495a.png\");\n -webkit-mask-image: url(\"/static/images/icons/search_16.bde37072495a.png\");\n background-color: @text;\n }\n\n .masthead-search-toggle:hover::before,\n .masthead-search-toggle:focus::before {\n background-color: @subtext0;\n }\n\n .masthead-search-toggle.disclose-active::before {\n background-image: none !important;\n mask-image: url(\"/static/images/icons/delete_999_24.78e2a3de3ab8.png\");\n -webkit-mask-image: url(\"/static/images/icons/delete_999_24.78e2a3de3ab8.png\");\n background-color: @text;\n }\n\n .masthead-search-toggle.disclose-active:hover::before,\n .masthead-search-toggle.disclose-active:focus::before {\n background-color: @subtext0;\n }\n\n .masthead-logo {\n background-image: none !important;\n mask-image: url(\"/static/images/logo_static.adb61955725c.png\");\n -webkit-mask-image: url(\"/static/images/logo_static.adb61955725c.png\");\n mask-position: 50% 50%;\n -webkit-mask-position: 50% 50%;\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n background-color: @red;\n }\n\n .catalogue-tags .tags-add::before {\n background-image: none;\n mask-image: url(\"/static/images/icons/add_link_16.637996ed0e2f.png\");\n -webkit-mask-image: url(\"/static/images/icons/add_link_16.637996ed0e2f.png\");\n background-color: @accent;\n }\n\n .masthead-logo-loading {\n -webkit-mask-image: url(\"/static/images/logo_animate@2x.e93e5b7db3de.gif\");\n mask-image: url(\"/static/images/logo_animate@2x.e93e5b7db3de.gif\");\n -webkit-mask-size: contain;\n mask-position: 50% 50%;\n -webkit-mask-position: 50% 50%;\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n background: @accent !important;\n }\n\n .layout-image {\n background: @crust;\n .layout-image-image {\n mix-blend-mode: screen;\n }\n }\n }\n}\n// vim:ft=less\n"},{"enabled":true,"name":"Libreddit Catppuccin","description":"Soothing pastel theme for Libreddit","author":"Catppuccin","updateUrl":"https://github.com/catppuccin/userstyles/raw/main/styles/libreddit/catppuccin.user.css","usercssData":{"name":"Libreddit Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/libreddit","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/libreddit","version":"2.0.4","description":"Soothing pastel theme for Libreddit","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/libreddit/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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 Libreddit Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/libreddit\n@homepageURL\thttps://github.com/catppuccin/userstyles/tree/main/styles/libreddit\n@version 2.0.4\n@description Soothing pastel theme for Libreddit\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/libreddit/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"libredd.it\"),\ndomain(\"libreddit.spike.codes\"),\ndomain(\"libreddit.dothq.co\"),\ndomain(\"libreddit.kavin.rocks\"),\ndomain(\"reddit.invak.id\"),\ndomain(\"reddit.phii.me\"),\ndomain(\"lr.riverside.rocks\"),\ndomain(\"libreddit.strongthany.cc\"),\ndomain(\"libreddit.database.red\"),\ndomain(\"libreddit.privacy.com.de\"),\ndomain(\"libreddit.domain.glass\"),\ndomain(\"libreddit.sugoma.tk\"),\ndomain(\"libreddit.jamiethalacker.dev\"),\ndomain(\"reddit.artemislena.eu\"),\ndomain(\"r.nf\"),\ndomain(\"libreddit.some-things.org\"),\ndomain(\"reddit.stuehieyr.com\"),\ndomain(\"lr.mint.lgbt\"),\ndomain(\"libreddit.igna.rocks\"),\ndomain(\"libreddit.autarkic.org\"),\ndomain(\"libreddit.flux.industries\"),\ndomain(\"libreddit.drivet.xyz\"),\ndomain(\"lr.oversold.host\"),\ndomain(\"libreddit.de\"),\ndomain(\"libreddit.pussthecat.org\"),\ndomain(\"libreddit.mutahar.rocks\"),\ndomain(\"libreddit.northboot.xyz\"),\ndomain(\"leddit.xyz\"),\ndomain(\"de.leddit.xyz\"),\ndomain(\"lr.cowfee.moe\"),\ndomain(\"libreddit.hu\"),\ndomain(\"libreddit.totaldarkness.net\"),\ndomain(\"libreddit.esmailelbob.xyz\"),\ndomain(\"lr.vern.cc\"),\ndomain(\"libreddit.nl\"),\ndomain(\"lr.stilic.ml\"),\ndomain(\"reddi.tk\"),\ndomain(\"libreddit.bus-hit.me\"),\ndomain(\"libreddit.datatunnel.xyz\"),\ndomain(\"libreddit.crewz.me\"),\ndomain(\"r.walkx.org\"),\ndomain(\"libreddit.kylrth.com\"),\ndomain(\"libreddit.yonalee.eu\"),\ndomain(\"libreddit.winscloud.net\"),\ndomain(\"libreddit.tiekoetter.com\"),\ndomain(\"reddit.rtrace.io\"),\ndomain(\"libreddit.lunar.icu\"),\ndomain(\"libreddit.privacydev.net\"),\ndomain(\"libreddit.notyourcomputer.net\"),\ndomain(\"r.ahwx.org\"),\ndomain(\"bob.fr.to\"),\ndomain(\"reddit.beparanoid.de\"),\ndomain(\"libreddit.dcs0.hu\"),\ndomain(\"reddit.dr460nf1r3.org\"),\ndomain(\"rd.jae.su\"),\ndomain(\"libreddit.mha.fi\"),\ndomain(\"libreddit.foss.wtf\"),\ndomain(\"libreddit.encrypted-data.xyz\"),\ndomain(\"libreddit.eu.org\"),\ndomain(\"l.opnxng.com\") {\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n .light,\n .gruvboxlight {\n #catppuccin(@lightFlavor, @accentColor);\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, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n --accent: @accent-color !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}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Lichess Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/lichess","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/lichess","version":"0.0.1","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/lichess/catppuccin.user.css","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":"rosewater","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Gray","value":"subtext0"}]}}},"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 0.0.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/lichess/catppuccin.user.css\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==/UserStyle== */\n@-moz-document domain(\"lichess.org\") {\n :root:has(body[data-theme=\"light\"]) {\n #catppuccin(@lightFlavor, @accentColor);\n }\n :root:has(body[data-theme=\"dark\"]) {\n #catppuccin(@darkFlavor, @accentColor);\n }\n :root:has(body[data-theme=\"system\"]) {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor, @accentColor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n /* Main background */\n html,\n body {\n background: @base linear-gradient(to bottom, @crust, @base 116px)\n no-repeat;\n color: @text !important;\n }\n\n /* lichess button */\n .site-title a {\n color: @accent-color;\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-color, 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-color;\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-color;\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-color, 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 .brown .is2d cg-board {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\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(@base, @text);\n }\n &.white {\n #piece(@text, @base);\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(@base, @text);\n }\n &.white {\n #piece(@text, @base);\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(@base, @text);\n }\n &.white {\n #piece(@text, @base);\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(@base, @text);\n }\n &.white {\n #piece(@text, @base);\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(@base, @text);\n }\n &.white {\n #piece(@text, @base);\n }\n }\n .is2d .queen {\n &.black {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n &.white {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n }\n\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: @base;\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: @crust;\n }\n square.move-dest {\n background: radial-gradient(\n fade(@accent-color, 50%) 19%,\n rgba(0, 0, 0, 0) 20%\n );\n }\n square.selected {\n background: fade(@accent-color, 50%);\n }\n square.last-move {\n background: fade(@accent-color, 40%);\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-color;\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-color;\n }\n #ceval-settings {\n border-top-color: @accent-color;\n }\n .mchat__tab:hover {\n background: fade(@accent-color, 50%);\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-color;\n }\n .opening__next__popularity span {\n background: @accent-color;\n }\n .opening__next__title {\n color: @accent-color;\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"},{"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.css","usercssData":{"name":"LinkedIn Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/linkedin","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/linkedin","version":"0.0.2","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/linkedin/catppuccin.user.css","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":"sapphire","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Gray","value":"subtext0"}]}}},"sourceCode":"/* ==UserStyle==\n@name LinkedIn Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/linkedin\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/linkedin\n@version 0.0.2\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/linkedin/catppuccin.user.css\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@-moz-document domain('www.linkedin.com') {\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @surface0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @surface0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @surface0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @surface0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n --black: @crust;\n --black-a90: @crust;\n --black-a75: @crust;\n --black-a60: fadeout(@crust, 40);\n --black-a45: @crust;\n --black-a30: @crust;\n --black-a15: @crust;\n --black-a12: @crust;\n --black-a08: @crust;\n --black-a04: @crust;\n --black-a100: @crust;\n\n --white: @text;\n --white-a06: @surface0;\n --white-a12: @surface0;\n --white-a18: @surface0;\n --white-a25: @surface0;\n --white-a30: @text;\n --white-a40: @text;\n --white-a45: @text;\n --white-a55: @text;\n --white-a60: @subtext0;\n --white-a70: @text;\n --white-a75: @text;\n --white-a85: @text;\n --white-a90: @text;\n --white-a100: @text;\n\n --blue-10: @blue;\n --blue-20: @blue;\n --blue-30: @blue;\n --blue-40: @blue;\n --blue-50: @blue;\n --blue-60: @blue;\n --blue-70: @blue;\n --blue-80: @blue;\n --blue-90: @blue;\n --blue-100: @blue;\n --blue-50-a20: fadeout(@blue, 80);\n --blue-50-a25: fadeout(@blue, 75);\n --blue-50-a30: fadeout(@blue, 70);\n --blue-50-a40: fadeout(@blue, 60);\n --blue-60-a10: fadeout(@blue, 90);\n --blue-60-a15: fadeout(@blue, 15);\n --blue-60-a20: fadeout(@blue, 80);\n --blue-60-a25: fadeout(@blue, 75);\n --blue-60-a30: fadeout(@blue, 70);\n --blue-60-a35: fadeout(@blue, 65);\n --blue-60-a40: fadeout(@blue, 60);\n --blue-60-a45: fadeout(@blue, 55);\n --blue-70-a30: fadeout(@sapphire, 70);\n --blue-70-a40: fadeout(@sapphire, 60);\n --blue-70-a50: fadeout(@sapphire, 50);\n\n --cool-gray-10: @mantle;\n --cool-gray-20: @surface0;\n --cool-gray-30: @mantle;\n --cool-gray-40: @mantle;\n --cool-gray-50: @mantle;\n --cool-gray-60: @mantle;\n --cool-gray-70: @mantle;\n --cool-gray-80: @surface0;\n --cool-gray-85: @mantle;\n --cool-gray-90: @mantle;\n --cool-gray-100: @mantle;\n --cool-gray-60-a10: fadeout(@mantle, 90);\n --cool-gray-60-a15: fadeout(@mantle, 85);\n --cool-gray-60-a20: fadeout(@mantle, 80);\n --cool-gray-60-a25: fadeout(@mantle, 75);\n --cool-gray-60-a30: fadeout(@mantle, 70);\n --cool-gray-60-a35: fadeout(@mantle, 65);\n\n --warm-gray-10: @overlay1;\n --warm-gray-20: @overlay1;\n --warm-gray-30: @overlay1;\n --warm-gray-40: @overlay1;\n --warm-gray-50: @overlay1;\n --warm-gray-60: @overlay1;\n --warm-gray-70: @overlay1;\n --warm-gray-80: @overlay1;\n --warm-gray-90: @overlay1;\n --warm-gray-100: @overlay1;\n --warm-gray-60-a10: fadeout(@overlay1, 90);\n --warm-gray-60-a15: fadeout(@overlay1, 85);\n --warm-gray-60-a20: fadeout(@overlay1, 80);\n --warm-gray-60-a25: fadeout(@overlay1, 75);\n --warm-gray-60-a30: fadeout(@overlay1, 70);\n --warm-gray-60-a35: fadeout(@overlay1, 65);\n\n --warm-red-10: @maroon;\n --warm-red-20: @maroon;\n --warm-red-30: @maroon;\n --warm-red-40: @maroon;\n --warm-red-50: @maroon;\n --warm-red-60: @maroon;\n --warm-red-70: @maroon;\n --warm-red-80: @maroon;\n --warm-red-90: @maroon;\n --warm-red-100: @maroon;\n --warm-red-60-a10: fadeout(@maroon, 90);\n --warm-red-60-a15: fadeout(@maroon, 85);\n --warm-red-60-a20: fadeout(@maroon, 80);\n --warm-red-60-a25: fadeout(@maroon, 75);\n --warm-red-60-a30: fadeout(@maroon, 70);\n --warm-red-60-a35: fadeout(@maroon, 65);\n\n --teal-10: @teal;\n --teal-20: @teal;\n --teal-30: @teal;\n --teal-40: @teal;\n --teal-50: @teal;\n --teal-60: @teal;\n --teal-70: @teal;\n --teal-80: @teal;\n --teal-90: @teal;\n --teal-100: @teal;\n --teal-50-a30: fadein(@teal, 70);\n --teal-60-a10: fadeout(@teal, 90);\n --teal-60-a15: fadeout(@teal, 85);\n --teal-60-a20: fadeout(@teal, 80);\n --teal-60-a25: fadeout(@teal, 75);\n --teal-60-a30: fadeout(@teal, 70);\n --teal-60-a35: fadeout(@teal, 65);\n\n --purple-10: @lavender;\n --purple-20: @lavender;\n --purple-30: @lavender;\n --purple-40: @lavender;\n --purple-50: @lavender;\n --purple-60: @lavender;\n --purple-70: @lavender;\n --purple-80: @lavender;\n --purple-90: @lavender;\n --purple-100: @lavender;\n --purple-40-a15: fadeout(@lavender, 85);\n --purple-60-a10: fadeout(@lavender, 90);\n --purple-60-a15: fadeout(@lavender, 85);\n --purple-60-a20: fadeout(@lavender, 80);\n --purple-60-a25: fadeout(@lavender, 75);\n --purple-60-a30: fadeout(@lavender, 70);\n --purple-60-a35: fadeout(@lavender, 65);\n --purple-70-a15: fadeout(@lavender, 85);\n\n --system-red-10: @red;\n --system-red-20: @red;\n --system-red-30: @red;\n --system-red-40: @red;\n --system-red-50: @red;\n --system-red-60: @red;\n --system-red-70: @red;\n --system-red-80: @red;\n --system-red-90: @red;\n --system-red-100: @red;\n --system-red-60-a10: fadeout(@red, 90);\n --system-red-60-a15: fadeout(@red, 85);\n --system-red-60-a20: fadeout(@red, 80);\n --system-red-60-a25: fadeout(@red, 75);\n --system-red-60-a30: fadeout(@red, 70);\n --system-red-60-a35: fadeout(@red, 65);\n\n --system-green-10: darken(@green, 20);\n --system-green-20: darken(@green, 20);\n --system-green-30: darken(@green, 20);\n --system-green-40: darken(@green, 20);\n --system-green-50: darken(@green, 20);\n --system-green-60: darken(@green, 20);\n --system-green-70: darken(@green, 20);\n --system-green-80: darken(@green, 20);\n --system-green-90: darken(@green, 20);\n --system-green-100: darken(@green, 20);\n --system-green-60-a10: fadeout(darken(@green, 20), 90);\n --system-green-60-a15: fadeout(darken(@green, 20), 85);\n --system-green-60-a20: fadeout(darken(@green, 20), 80);\n --system-green-60-a25: fadeout(darken(@green, 20), 75);\n --system-green-60-a30: fadeout(darken(@green, 20), 70);\n --system-green-60-a35: fadeout(darken(@green, 20), 65);\n\n --pink-10: @pink;\n --pink-20: @pink;\n --pink-30: @pink;\n --pink-40: @pink;\n --pink-50: @pink;\n --pink-60: @pink;\n --pink-70: @pink;\n --pink-80: @pink;\n --pink-90: @pink;\n --pink-100: @pink;\n --pink-60-a10: fadeout(@pink, 90);\n --pink-60-a15: fadeout(@pink, 85);\n --pink-60-a20: fadeout(@pink, 80);\n --pink-60-a25: fadeout(@pink, 75);\n --pink-60-a30: fadeout(@pink, 70);\n --pink-60-a35: fadeout(@pink, 65);\n\n --amber-10: @yellow;\n --amber-20: @yellow;\n --amber-30: @yellow;\n --amber-40: @yellow;\n --amber-50: @yellow;\n --amber-60: @yellow;\n --amber-70: @yellow;\n --amber-80: @yellow;\n --amber-90: @yellow;\n --amber-100: @yellow;\n --amber-30-a50: fadein(@yellow, 50);\n --amber-60-a10: fadeout(@yellow, 90);\n --amber-60-a15: fadeout(@yellow, 85);\n --amber-60-a20: fadeout(@yellow, 80);\n --amber-60-a25: fadeout(@yellow, 75);\n --amber-60-a30: fadeout(@yellow, 70);\n --amber-60-a35: fadeout(@yellow, 65);\n\n --copper-10: @rosewater;\n --copper-20: @rosewater;\n --copper-30: @rosewater;\n --copper-40: @rosewater;\n --copper-50: @rosewater;\n --copper-60: @rosewater;\n --copper-70: @rosewater;\n --copper-80: @rosewater;\n --copper-90: @rosewater;\n --copper-100: @rosewater;\n --copper-60-a10: fadeout(@rosewater, 90);\n --copper-60-a15: fadeout(@rosewater, 85);\n --copper-60-a20: fadeout(@rosewater, 80);\n --copper-60-a25: fadeout(@rosewater, 75);\n --copper-60-a30: fadeout(@rosewater, 70);\n --copper-60-a35: fadeout(@rosewater, 65);\n\n --green-10: @green;\n --green-20: @green;\n --green-30: @green;\n --green-40: @green;\n --green-50: @green;\n --green-60: @green;\n --green-70: @green;\n --green-80: @green;\n --green-90: @green;\n --green-100: @green;\n --green-60-a10: fadeout(@green, 90);\n --green-60-a15: fadeout(@green, 85);\n --green-60-a20: fadeout(@green, 80);\n --green-60-a25: fadeout(@green, 75);\n --green-60-a30: fadeout(@green, 70);\n --green-60-a35: fadeout(@green, 65);\n\n --sage-10: darken(@green, 40);\n --sage-20: darken(@green, 40);\n --sage-30: darken(@green, 40);\n --sage-40: darken(@green, 40);\n --sage-50: darken(@green, 40);\n --sage-60: darken(@green, 40);\n --sage-70: darken(@green, 40);\n --sage-80: darken(@green, 40);\n --sage-90: darken(@green, 40);\n --sage-100: darken(@green, 40);\n --sage-60-a10: fadeout(darken(@green, 40), 90);\n --sage-60-a15: fadeout(darken(@green, 40), 85);\n --sage-60-a20: fadeout(darken(@green, 40), 80);\n --sage-60-a25: fadeout(darken(@green, 40), 75);\n --sage-60-a30: fadeout(darken(@green, 40), 70);\n --sage-60-a35: fadeout(darken(@green, 40), 65);\n\n --lime-10: lighten(@green, 20);\n --lime-20: lighten(@green, 20);\n --lime-30: lighten(@green, 20);\n --lime-40: lighten(@green, 20);\n --lime-50: lighten(@green, 20);\n --lime-60: lighten(@green, 20);\n --lime-70: lighten(@green, 20);\n --lime-80: lighten(@green, 20);\n --lime-90: lighten(@green, 20);\n --lime-100: lighten(@green, 20);\n --lime-60-a10: fadeout(lighten(@green, 20), 90);\n --lime-60-a15: fadeout(lighten(@green, 20), 85);\n --lime-60-a20: fadeout(lighten(@green, 20), 80);\n --lime-60-a25: fadeout(lighten(@green, 20), 75);\n --lime-60-a30: fadeout(lighten(@green, 20), 70);\n --lime-60-a35: fadeout(lighten(@green, 20), 65);\n\n --camo-10: @accent-color;\n --camo-20: @accent-color;\n --camo-30: @accent-color;\n --camo-40: @accent-color;\n --camo-50: @accent-color;\n --camo-60: @accent-color;\n --camo-70: @accent-color;\n --camo-80: @accent-color;\n --camo-90: @accent-color;\n --camo-100: @accent-color;\n --camo-60-a10: fadeout(@accent-color, 90);\n --camo-60-a15: fadeout(@accent-color, 85);\n --camo-60-a20: fadeout(@accent-color, 80);\n --camo-60-a25: fadeout(@accent-color, 75);\n --camo-60-a30: fadeout(@accent-color, 70);\n --camo-60-a35: fadeout(@accent-color, 65);\n\n --smoke-10: @surface1;\n --smoke-20: @surface1;\n --smoke-30: @surface1;\n --smoke-40: @surface1;\n --smoke-50: @surface1;\n --smoke-60: @surface1;\n --smoke-70: @surface1;\n --smoke-80: @surface1;\n --smoke-90: @surface1;\n --smoke-100: @surface1;\n --smoke-60-a10: fadeout(@surface1, 90);\n --smoke-60-a15: fadeout(@surface1, 85);\n --smoke-60-a20: fadeout(@surface1, 80);\n --smoke-60-a25: fadeout(@surface1, 75);\n --smoke-60-a30: fadeout(@surface1, 70);\n --smoke-60-a35: fadeout(@surface1, 65);\n\n --lavender-10: @lavender;\n --lavender-20: @lavender;\n --lavender-30: @lavender;\n --lavender-40: @lavender;\n --lavender-50: @lavender;\n --lavender-60: @lavender;\n --lavender-70: @lavender;\n --lavender-80: @lavender;\n --lavender-90: @lavender;\n --lavender-100: @lavender;\n --lavender-60-a10: fadeout(@lavender, 90);\n --lavender-60-a15: fadeout(@lavender, 85);\n --lavender-60-a20: fadeout(@lavender, 80);\n --lavender-60-a25: fadeout(@lavender, 75);\n --lavender-60-a30: fadeout(@lavender, 70);\n --lavender-60-a35: fadeout(@lavender, 65);\n\n --mauve-10: @mauve;\n --mauve-20: @mauve;\n --mauve-30: @mauve;\n --mauve-40: @mauve;\n --mauve-50: @mauve;\n --mauve-60: @mauve;\n --mauve-70: @mauve;\n --mauve-80: @mauve;\n --mauve-90: @mauve;\n --mauve-100: @mauve;\n --mauve-60-a10: fadeout(@mauve, 90);\n --mauve-60-a15: fadeout(@mauve, 85);\n --mauve-60-a20: fadeout(@mauve, 80);\n --mauve-60-a25: fadeout(@mauve, 75);\n --mauve-60-a30: fadeout(@mauve, 70);\n --mauve-60-a35: fadeout(@mauve, 65);\n --mauve-80-a50: fadeout(@mauve, 50);\n\n --system-gray-10: @surface0;\n --system-gray-20: @surface0;\n --system-gray-30: @surface0;\n --system-gray-40: @surface0;\n --system-gray-50: @surface0;\n --system-gray-60: @surface0;\n --system-gray-70: @surface0;\n --system-gray-80: @surface0;\n --system-gray-90: @surface0;\n --system-gray-100: @surface0;\n --system-gray-60-a10: fadeout(@surface0, 90);\n --system-gray-60-a15: fadeout(@surface0, 85);\n --system-gray-60-a20: fadeout(@surface0, 80);\n --system-gray-60-a25: fadeout(@surface0, 75);\n --system-gray-60-a30: fadeout(@surface0, 70);\n --system-gray-60-a35: fadeout(@surface0, 65);\n --system-gray-60-a40: fadeout(@surface0, 60);\n --system-gray-60-a45: fadeout(@surface0, 55);\n\n --system-orange-10: @peach;\n --system-orange-20: @peach;\n --system-orange-30: @peach;\n --system-orange-40: @peach;\n --system-orange-50: @peach;\n --system-orange-60: @peach;\n --system-orange-70: @peach;\n --system-orange-80: @peach;\n --system-orange-90: @peach;\n --system-orange-100: @peach;\n --system-orange-60-a10: fadeout(@peach, 90);\n --system-orange-60-a15: fadeout(@peach, 85);\n --system-orange-60-a20: fadeout(@peach, 80);\n --system-orange-60-a25: fadeout(@peach, 75);\n --system-orange-60-a30: fadeout(@peach, 70);\n --system-orange-60-a35: fadeout(@peach, 65);\n\n /* quality of life changes */\n --color-border-low-emphasis: @surface0;\n\n /* more accent */\n --voyager-color-background-badge-notification: @accent-color;\n --color-signal-positive: @accent-color;\n --color-checked: @accent-color;\n --color-checked-hover: @accent-color;\n --color-checked-active: @accent-color;\n\n & when not (@lookup =latte) {\n --color-text-on-dark: @crust;\n --color-element: @crust;\n }\n\n & when (@lookup =latte) {\n --black: @text;\n --black-a90: @text;\n --black-a75: @text;\n --black-a45: @text;\n --black-a30: @text;\n --black-a60: @subtext0;\n --black-a15: @text;\n --black-a04: @text;\n --black-a100: @text;\n\n --color-background-scrim: fadeout(@crust, 60);\n\n --white: @mantle;\n --white-a06: @surface0;\n --white-a12: @surface0;\n --white-a18: @surface0;\n --white-a25: @surface0;\n --white-a30: @mantle;\n --white-a40: @mantle;\n --white-a45: @mantle;\n --white-a55: @mantle;\n --white-a60: @subtext0;\n --white-a70: @mantle;\n --white-a75: @mantle;\n --white-a85: @mantle;\n --white-a90: @mantle;\n --white-a100: @mantle;\n\n --warm-gray-10: @base;\n --warm-gray-20: @base;\n --warm-gray-30: @base;\n --warm-gray-40: @base;\n --warm-gray-50: @base;\n --warm-gray-60: @base;\n --warm-gray-70: @base;\n --warm-gray-80: @base;\n --warm-gray-90: @base;\n --warm-gray-100: @base;\n --warm-gray-60-a10: fadeout(@base, 90);\n --warm-gray-60-a15: fadeout(@base, 85);\n --warm-gray-60-a20: fadeout(@base, 80);\n --warm-gray-60-a25: fadeout(@base, 75);\n --warm-gray-60-a30: fadeout(@base, 70);\n --warm-gray-60-a35: fadeout(@base, 65);\n }\n\n .share-promoted-detour-button-legacy {\n background-color: @accent-color !important;\n }\n }\n\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor, @accentColor);\n }\n @media (prefers-color-scheme: dark) {\n .theme--dark,\n .theme--mercado-dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n } // manually set colorscheme\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n .theme--dark,\n .theme--mercado-dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Mastodon Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/mastodon","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/mastodon","version":"1.1.12","description":"Soothing pastel theme for Mastodon","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/mastodon/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","value":null,"default":"sapphire","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Gray","value":"subtext0"}]}}},"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 1.1.12\n@description Soothing pastel theme for Mastodon\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/mastodon/catppuccin.user.css\n@license \t\t MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"mastodon.social\"),\ndomain(\"mstdn.social\"),\ndomain(\"fosstodon.org\"),\ndomain(\"piaille.fr\"),\ndomain(\"tech.lgbt\"),\ndomain(\"wetdry.world\") {\n .theme-mastodon-light,\n .skin-modern-light,\n .skin-mastodon-light {\n #mastodon(@lightFlavor, @accentColor);\n }\n\n .theme-contrast,\n .skin-modern-dark,\n .skin-contrast {\n #mastodon(@darkFlavor, @accentColor);\n }\n\n @media (prefers-color-scheme: light) {\n .theme-default,\n .skin-default {\n #mastodon(@lightFlavor, @accentColor);\n }\n }\n\n @media (prefers-color-scheme: dark) {\n .theme-default,\n .skin-default {\n #mastodon(@darkFlavor, @accentColor);\n }\n }\n\n #mastodon(@lookup, @accent) {\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n &,\n .tabs-bar__wrapper,\n .admin-wrapper .sidebar-wrapper__inner,\n .ui__header {\n background: @crust;\n color: @text;\n }\n\n .ui__header {\n border-bottom: none;\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 .column-subheading,\n .account__display-name strong,\n .status__display-name strong,\n .notification__message,\n .public-layout .public-account-bio .account__header__content,\n .reply-indicator__content,\n .status__content,\n .card__bar .display-name strong {\n color: @text;\n }\n\n .search-popout span,\n .link-footer p,\n .link-footer p a {\n color: @subtext1;\n }\n\n .account__header__tabs__name h1 small,\n .account__header__bio .account__header__fields dd,\n .display-name__account,\n .status__relative-time,\n .empty-column-indicator,\n .follow_requests-unlocked_explanation,\n .account .account__display-name,\n .label_input .search__input,\n .search__input:focus,\n .account__header__fields dt {\n color: @subtext0;\n }\n\n .compose-panel hr,\n .navigation-panel hr {\n border-top-color: @subtext0;\n }\n\n .trends__item,\n .status,\n .getting-started__trends h4,\n .trends__item__name span,\n .story {\n border-color: @surface0;\n }\n\n .mention,\n .account__header__tabs__name h1,\n .account__header__content a,\n .account__header__bio .account__header__fields a,\n .empty-column-indicator a,\n .follow_requests-unlocked_explanation a,\n .column-back-button,\n .icon-button.inverted,\n .text-icon-button,\n .icon-button.active,\n .public-layout .public-account-bio .account__header__fields a,\n .column-header__back-button,\n .navigation-bar strong,\n .reply-indicator__content a.unhandled-link,\n .status__content a.unhandled-link,\n .announcements__item__content a.unhandled-link,\n .reactions-bar__item.active .reactions-bar__item__count,\n .column-header.active .column-header__icon {\n color: @accent-color;\n }\n\n .conversation__unread,\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-color;\n }\n\n .reactions-bar__item.active {\n background-color: rgba(@accent-color, 0.25);\n }\n\n .trends__item__sparkline path:last-child {\n stroke: @accent-color !important;\n }\n .trends__item__sparkline path:first-child {\n fill: rgba(@accent-color, 0.25) !important;\n }\n\n .icon-button,\n .notification__message .fa {\n color: @surface2;\n }\n\n .icon-button:active,\n .icon-button:focus,\n .icon-button:hover,\n .text-icon-button:active,\n .text-icon-button:focus,\n .text-icon-button:hover,\n .icon-button.inverted:active,\n .icon-button.inverted:focus,\n .icon-button.inverted:hover,\n .public-layout .public-account-bio .account__header__fields a:hover {\n color: @accent-color;\n }\n\n .column-header,\n .column-header__button,\n .column-header__back-button,\n .column-back-button,\n .drawer__header,\n .notification__filter-bar,\n .account__section-headline button,\n .notification__filter-bar button,\n .account__header,\n .search__input,\n .search__input:focus,\n .column-link__badge,\n .column-subheading,\n .public-layout .header,\n .public-layout .public-account-header__bar::before,\n .account__header__fields,\n .account__header__fields dt,\n .account__header__fields\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 .column-header__collapsible-inner,\n .announcements,\n .status-card__image {\n border-color: @crust;\n background: @surface0;\n }\n\n .account__section-headline {\n background: @mantle;\n border-color: @crust;\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 .detailed-status__wrapper > div:first-child .detailed-status {\n border-top: none;\n }\n\n .dismissable-banner {\n border-color: @surface1;\n background: @base;\n }\n\n .column-header__wrapper.active {\n box-shadow: 0 1px 0 rgba(@accent-color, 0.3);\n }\n .column-header__wrapper.active::before {\n background: radial-gradient(\n ellipse,\n rgba(@accent-color, 0.23) 0,\n rgba(99, 100, 255, 0) 60%\n );\n }\n\n .theme-mastodon-light .account__header__bar,\n .theme-mastodon-light .column-header__back-button,\n .account__header__bio .account__header__fields dl,\n .account__header__bio .account__header__fields,\n .empty-column-indicator,\n .column > .scrollable,\n .nothing-here,\n .public-layout .public-account-bio,\n .hero-widget__text,\n &.admin,\n .admin-wrapper .sidebar ul a.selected,\n .admin-wrapper .sidebar ul ul {\n border-color: @mantle;\n background: @base;\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-color;\n }\n\n .account,\n .load-gap {\n border-color: @mantle;\n }\n\n .account__section-headline a.active::after {\n border-color: transparent transparent @base;\n }\n\n .account__section-headline a.active::before,\n .account__section-headline button.active::after,\n .account__section-headline button.active::before,\n .notification__filter-bar a.active::after,\n .notification__filter-bar a.active::before,\n .notification__filter-bar button.active::after,\n .notification__filter-bar button.active::before {\n border-color: transparent transparent @mantle;\n }\n\n .search-popout,\n .drawer__header a:hover,\n .column-header__button:hover,\n .account__section-headline button:hover,\n .notification__filter-bar button:hover,\n .account__section-headline a:hover {\n background: @surface2;\n }\n\n .column-link .active,\n .column-link--transparent.active,\n .column-link--transparent:focus,\n .column-link:focus {\n color: @accent-color;\n }\n\n .column-link--transparent:hover,\n .column-link:hover {\n color: @accent-color;\n }\n\n .status.collapsed .status__content::after {\n background: linear-gradient(fadeout(@base, 100), @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-color;\n }\n\n .button,\n .button.button-tertiary,\n .button.logo-button,\n .icon-with-badge__badge {\n background: @accent-color;\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-color;\n }\n .button.button-secondary:active,\n .button.button-secondary:focus,\n .button.button-secondary:hover {\n border-color: @accent-color;\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-color;\n }\n\n .drawer__inner,\n .drawer__inner__mastodon,\n .explore__search-header .search__input {\n background-color: @base;\n }\n\n .compose-form .compose-form__modifiers,\n .compose-form .autosuggest-textarea__textarea,\n .compose-form .compose-form__autosuggest-wrapper,\n .compose-form .spoiler-input__input {\n background: @surface1 !important;\n color: @text !important;\n }\n\n .compose-form .autosuggest-textarea__textarea::placeholder {\n color: @subtext0 !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 .search__popout,\n .dropdown-menu__arrow::before,\n .dropdown-menu__item a,\n .dropdown-menu__item button,\n .dropdown-menu__container__list,\n .dropdown-menu.bottom {\n background: @surface0;\n color: @text;\n }\n\n .dropdown-menu__item a:hover,\n .dropdown-menu__item button:hover {\n background: @surface1;\n }\n\n .input-copy,\n .simple_form input[type=\"text\"],\n .simple_form textarea,\n .simple_form .block-button,\n .simple_form .button,\n .simple_form button {\n background: @mantle;\n color: @text;\n }\n\n .simple_form .block-button:hover,\n .simple_form .button:hover,\n .simple_form button:hover {\n background: @surface0;\n }\n\n .simple_form .input.with_label .label_input > label,\n .simple_form select,\n .accounts-table__count,\n .simple_form textarea {\n color: @text;\n }\n\n .simple_form textarea,\n .simple_form input[type=\"password\"],\n .simple_form input[type=\"number\"],\n .simple_form input[type=\"text\"] {\n border-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 .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-color !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-color !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-color !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}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Modrinth Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/modrinth","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/modrinth","version":"1.1.2","description":"Soothing pastel theme for Modrinth","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/modrinth/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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 Modrinth Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/modrinth\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/modrinth\n@version 1.1.2\n@description Soothing pastel theme for Modrinth\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/modrinth/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document regexp(\".*https:\\\\/\\\\/(www\\\\.|staging\\\\.|)modrinth\\\\.com.*\") {\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; @shadow: #dbdfef; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; @shadow: #010409; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; @shadow: #010409; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; @shadow: #010409; };\n }\n\n .light-mode {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n .dark-mode,\n .oled-mode {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @shadow: @catppuccin[@@lookup][@shadow];\n @accent-Color: @catppuccin[@@lookup][@@accent];\n\n --color-bg: @crust;\n --color-ad-raised: @surface2;\n --color-ad: @surface1;\n --color-brand-green: @accent-Color;\n --color-button-bg-active: @overlay0;\n --color-button-bg-hover: @surface2;\n --color-button-bg: @surface1;\n --color-button-text-hover: @text;\n --color-button-text: @subtext1;\n --color-divider: @surface0;\n --color-heading: @yellow;\n --color-icon: @text;\n --color-link-active: @teal;\n --color-link-hover: @sky;\n --color-link: @sapphire;\n --color-raised-bg: @base;\n --color-special-blue: @sapphire;\n --color-special-orange: @peach;\n --color-special-purple: @mauve;\n --color-special-red: @red;\n --color-text: @subtext1;\n --color-text-inactive: @overlay1;\n --color-brand-inverted: @shadow;\n --color-text-dark: @text;\n --color-table-alternate-row: @crust;\n --color-table-border: @overlay0;\n\n .BDVE3s9MFQttmbMUeYup-2 a b,\n .BDVE3s9MFQttmbMUeYup-2 a strong {\n color: @accent-Color;\n }\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Nitter Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/nitter","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/nitter","version":"2.0.5","description":"Soothing pastel theme for Nitter","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/nitter/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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"}]}}},"sourceCode":"/* ==UserStyle==\n@name Nitter Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/nitter\n@homepageURL\thttps://github.com/catppuccin/userstyles/tree/main/styles/nitter\n@version 2.0.5\n@description Soothing pastel theme for Nitter\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/nitter/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [ \"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green*\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\" ]\n==/UserStyle== */\n@-moz-document domain(\"nitter.net\"), domain(\"nitter.unixfox.eu\"), domain(\"nitter.42l.fr\"), domain(\"nitter.fdn.fr\"), domain(\"nitter.1d4.us\"), domain(\"nitter.kavin.rocks\"), domain(\"nitter.namazso.eu\"), domain(\"nitter.hu\"), domain(\"bird.trom.tf\"), domain(\"nitter.it\"), domain(\"twitter.censors.us\"), domain(\"nitter.grimneko.de\"), domain(\"n.hyperborea.cloud\"), domain(\"nitter.ca\"), domain(\"twitter.076.ne.jp\"), domain(\"nitter.mstdn.social\"), domain(\"nitter.fly.dev\"), domain(\"nitter.weiler.rocks\"), domain(\"nitter.sethforprivacy.com\"), domain(\"nttr.stream\"), domain(\"nitter.tiekoetter.com\"), domain(\"nitter.spaceint.fr\"), domain(\"nitter.privacy.com.denitter.mastodon.pro\"), domain(\"nitter.notraxx.chnitter.poast.org\"), domain(\"nitter.bird.froth.zone\"), domain(\"nitter.dcs0.hu\"), domain(\"twitter.beparanoid.de\"), domain(\"n.ramle.be\"), domain(\"nitter.cz\"), domain(\"nitter.privacydev.net\"), domain(\"tweet.lambda.dance\"), domain(\"nitter.kylrth.com\"), domain(\"nitter.oishi-ra.men\"), domain(\"nitter.foss.wtf\"), domain(\"nitter.priv.pw\"), domain(\"t.com.sb\") {\n body {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n @media (prefers-color-scheme: light) {\n body {\n #catppuccin(@lightFlavor, @accentColor);\n }\n }\n @media (prefers-color-scheme: dark) {\n body {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frapp: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #rgbify(@color) {\n @rgb-raw: red(@color) green(@color) blue(@color);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent: @catppuccin[@@lookup][@@accentColor];\n\n /* PREDEFINED COLORS */\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 background-color: var(--bg_color);\n color: var(--fg_color);\n line-height: 1.3;\n margin: 0;\n\n /* Fix Poll Leader color */\n .poll-meter.leader {\n color: var(--bg_color);\n }\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"NixOS Search Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/nixos-search","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/nixos-search","version":"0.3.0","description":"Soothing pastel theme for NixOS Search","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/nixos-search/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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"}]}}},"sourceCode":"/* ==UserStyle==\n@name NixOS Search Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/nixos-search\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/nixos-search\n@version 0.3.0\n@description Soothing pastel theme for NixOS Search\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/nixos-search/catppuccin.user.css\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue*\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"search.nixos.org\") {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n /* Generic */\n html,\n body {\n background-color: @base;\n color: @text;\n }\n\n code,\n pre {\n color: @red;\n background-color: @surface0;\n border-color: @mantle;\n }\n\n a,\n a:hover,\n a:focus {\n color: @accent-color;\n }\n\n /* Navbar */\n .navbar .navbar-static-top {\n background-color: @mantle;\n }\n\n .navbar-inner {\n background-color: @mantle;\n background-image: none;\n border-color: @base;\n }\n\n .nav-tabs {\n border-bottom-color: @surface0;\n }\n\n .nav-tabs > .active > a,\n .nav-tabs > .active > a:hover,\n .nav-tabs > .active > a:focus {\n background-color: @base;\n border-color: @surface0;\n color: @text;\n }\n\n .navbar .nav > li > a {\n text-shadow: none;\n color: @subtext0;\n }\n\n .navbar .nav > li > a:focus,\n .navbar .nav > li > a:hover {\n color: @text;\n }\n\n .navbar .nav > .active > a,\n .navbar .nav > .active > a:hover,\n .navbar .nav > .active > a:focus {\n background-color: @surface0;\n color: @text;\n }\n\n /* Installation instructions tabs */\n .nav > li > a:hover,\n .nav > li > a:focus {\n background-color: @surface0;\n border-color: @surface0;\n }\n\n /* \"Experimental\" label */\n .label,\n .badge {\n background-color: @accent-color;\n color: @crust;\n text-shadow: none;\n }\n\n /* Buttons */\n .btn {\n background-color: @surface0;\n background-image: none;\n text-shadow: none;\n box-shadow: none;\n color: @text;\n border-color: @base;\n }\n\n .btn:focus {\n color: @text;\n background-color: @surface1;\n }\n\n .btn:hover,\n .btn:active,\n .btn.active,\n .btn.disabled,\n .btn[disabled] {\n background-color: @surface1;\n color: @text;\n }\n\n /* \"Sort\" menu */\n .dropdown-menu {\n background-color: @mantle;\n border-color: @crust;\n box-shadow: 0 5px 10px @mantle;\n }\n\n .dropdown-menu > li > a {\n color: @text;\n }\n\n .dropdown-menu > li > a:hover,\n .dropdown-menu > li > a:focus,\n .dropdown-submenu:hover > a,\n .dropdown-submenu:focus > a {\n background-color: @surface0;\n background-image: none;\n }\n\n .dropdown-menu .divider {\n background-color: @surface0;\n border-bottom-color: @surface0;\n }\n\n .dropdown .caret {\n border-top-color: @text;\n }\n\n /* Overrides menu item hover color */\n .search-page\n > .search-results\n > div\n > :first-child\n > div:first-child\n > ul\n > li\n > a {\n color: @text;\n }\n\n /* Loading indicator */\n .loader {\n color: @crust;\n }\n\n /* Input box */\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 background-color: @surface0;\n color: @text;\n border-color: @base;\n }\n\n textarea:focus,\n input[type=\"text\"]:focus,\n input[type=\"password\"]:focus,\n input[type=\"datetime\"]:focus,\n input[type=\"datetime-local\"]:focus,\n input[type=\"date\"]:focus,\n input[type=\"month\"]:focus,\n input[type=\"time\"]:focus,\n input[type=\"week\"]:focus,\n input[type=\"number\"]:focus,\n input[type=\"email\"]:focus,\n input[type=\"url\"]:focus,\n input[type=\"search\"]:focus,\n input[type=\"tel\"]:focus,\n input[type=\"color\"]:focus,\n .uneditable-input:focus {\n border-color: @accent-color;\n box-shadow:\n inset 0 1px 1px @crust,\n 0 0 8px @accent-color;\n }\n\n /* Fix input box placeholder text */\n textarea::placeholder,\n input[type=\"text\"]::placeholder,\n input[type=\"password\"]::placeholder,\n input[type=\"datetime\"]::placeholder,\n input[type=\"datetime-local\"]::placeholder,\n input[type=\"date\"]::placeholder,\n input[type=\"month\"]::placeholder,\n input[type=\"time\"]::placeholder,\n input[type=\"week\"]::placeholder,\n input[type=\"number\"]::placeholder,\n input[type=\"email\"]::placeholder,\n input[type=\"url\"]::placeholder,\n input[type=\"search\"]::placeholder,\n input[type=\"tel\"]::placeholder,\n input[type=\"color\"]::placeholder,\n .uneditable-input::placeholder {\n color: @subtext0;\n }\n\n /* Search results */\n .search-page > .search-results > div > :nth-child(2) > li {\n border-bottom-color: @surface0;\n }\n\n .search-page > .search-results > div > :nth-child(2) > li > :first-child {\n color: @accent-color;\n }\n\n .search-page\n > .search-results\n > div\n > :nth-child(2)\n > li.package\n > :nth-child(5)\n > :nth-child(2)\n ul.nav-tabs\n > li\n > a {\n color: @text;\n }\n\n .search-page\n > .search-results\n > div\n > :nth-child(2)\n > li.package\n > :nth-child(5)\n > :nth-child(2)\n pre {\n color: @text;\n background-color: @mantle;\n }\n\n .search-page\n > .search-results\n > div\n > :nth-child(2)\n > li.package\n .result-item-show-more {\n background-color: @base;\n color: @text;\n }\n\n .search-page\n > .search-results\n > div\n > :nth-child(2)\n > li.package\n > :nth-child(3)\n > li {\n color: @text;\n }\n\n .search-page\n > .search-results\n > div\n > :nth-child(2)\n > li.package\n > :nth-child(5)\n > :nth-child(2)\n div.tab-content {\n border-color: @surface0;\n }\n\n .search-page\n > .search-results\n > div\n > :nth-child(2)\n > li.option\n > :nth-child(2)\n > div:nth-child(2n)\n pre\n code {\n color: @text;\n background-color: @mantle;\n }\n\n /* Search sidebar */\n .search-page ul.search-sidebar > li {\n border-color: @surface0;\n }\n\n .search-page ul.search-sidebar > li > ul > li > a {\n color: @text;\n }\n\n .search-page ul.search-sidebar > li > ul > li > a:hover {\n background-color: @surface0;\n }\n\n .search-page ul.search-sidebar > li > ul > li > a.selected {\n color: @crust;\n background-color: @accent-color;\n }\n\n /* Override sidebar labels (number of packages) */\n .search-sidebar .label,\n .search-sidebar .badge {\n background-color: @surface0;\n color: @text;\n text-shadow: none;\n }\n\n /* Pager */\n .pager li > a,\n .pager li > span {\n color: @text;\n background-color: @surface0;\n border-radius: 5px;\n }\n\n .pager li > a:hover,\n .pager li > a:focus {\n background-color: @surface1;\n }\n\n .pager .disabled > a,\n .pager .disabled > a:hover,\n .pager .disabled > a:focus,\n .pager .disabled > span {\n color: @text;\n background-color: @mantle;\n border-radius: 5px;\n }\n }\n}\n\n/* prettier-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n}\n// vim:ft=less\n"},{"enabled":true,"name":"NixOS Wiki Catppuccin","description":"Soothing pastel theme for NixOS Wiki","author":"Catppuccin","updateUrl":"https://github.com/catppuccin/userstyles/raw/main/styles/nixos.wiki/catppuccin.user.css","usercssData":{"name":"NixOS Wiki Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/nixos.wiki","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/nixos.wiki","version":"0.0.2","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/nixos.wiki/catppuccin.user.css","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":"sapphire","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Gray","value":"subtext0"}]}}},"sourceCode":"/* ==UserStyle==\n@name NixOS Wiki Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/nixos.wiki\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/nixos.wiki\n@version 0.0.2\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/nixos.wiki/catppuccin.user.css\n@description Soothing pastel theme for NixOS Wiki\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain('nixos.wiki') {\n #catppuccin(@lookup, @accent-color) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent: @catppuccin[@@lookup][@@accent-color];\n\n :root {\n color-scheme: if(@lookup = latte, light, dark);\n }\n\n html[data-darkreader-scheme=\"dark\"] body::before {\n content: \"Please turn off DarkReader for this domain when Catppuccin for NixOS Wiki is active.\";\n background: @red;\n box-shadow:\n 0 4px 16px fade(@crust, 10%),\n 0 8px 32px fade(@crust, 5%);\n color: @crust;\n position: fixed;\n top: 0;\n right: 0;\n z-index: 99999;\n max-width: 24rem;\n padding: 0.75rem;\n margin: 0.5rem;\n border-radius: 5px;\n }\n\n body {\n background-color: @base;\n }\n hr {\n border-color: @surface2;\n }\n .navbar-default {\n color: @text;\n background-color: @mantle !important;\n background-image: none !important;\n border-color: transparent !important;\n\n .navbar-brand {\n color: @blue;\n &:hover {\n color: @sky;\n }\n }\n\n li {\n a {\n color: @text !important;\n &:hover {\n color: @subtext0 !important;\n }\n }\n &.nav.open > a,\n ul {\n background-color: @surface0 !important;\n background-image: none !important;\n a:hover {\n background-color: fade(@surface1, 50%) !important;\n background-image: none !important;\n }\n }\n }\n .active > a {\n color: @crust !important;\n &:hover {\n color: @base !important;\n }\n background: @blue !important;\n }\n }\n\n .search-query.form-control {\n background-color: @surface0;\n border-color: @surface0;\n }\n\n * {\n color: @text;\n }\n\n a {\n color: @blue;\n &:hover {\n color: @sky;\n }\n &.new {\n color: @red;\n &:hover {\n color: @maroon;\n }\n }\n }\n\n .panel {\n background-color: @mantle;\n border-color: @mantle;\n .panel-heading {\n color: @text;\n background-color: @surface0 !important;\n border-bottom-color: @surface2;\n img {\n & when not (@lookup = latte) {\n filter: invert(100%);\n }\n }\n }\n }\n\n .btn-primary {\n color: @crust;\n background-color: @blue !important;\n background-image: none !important;\n border-color: @crust !important;\n &:hover {\n color: @crust !important;\n background-color: @sky !important;\n background-image: none !important;\n }\n }\n\n table {\n &,\n * {\n color: @text;\n border-color: @overlay0 !important;\n background-color: @mantle;\n }\n th {\n &,\n * {\n background-color: @surface0 !important;\n }\n }\n }\n\n blockquote,\n cite {\n border-left-color: @pink !important;\n }\n\n cite a {\n color: @pink;\n &:hover {\n color: @rosewater;\n }\n }\n\n pre,\n code {\n box-shadow: none !important;\n background-color: @mantle;\n border-color: @crust;\n }\n pre {\n color: @text;\n }\n code {\n color: @rosewater;\n }\n\n *[style*=\"background-color: #C1E5FF\"] {\n color: @text !important;\n background-color: fade(@blue, 15%) !important;\n border-color: @blue !important;\n }\n\n *[style*=\"background-color: #FFD0B7\"] {\n color: @text !important;\n background-color: fade(@peach, 15%) !important;\n border-color: @peach !important;\n }\n\n *[style*=\"background: #F6F6F6\"] {\n color: @text !important;\n background-color: fade(@overlay0, 15%) !important;\n border-color: @overlay0 !important;\n }\n\n .mw-highlight,\n .mw-highlight > pre {\n color: @text !important;\n background-color: @mantle !important;\n\n // env assignment\n .nv {\n color: @text;\n }\n // dollar sign\n .gp {\n color: @pink;\n }\n // comment\n .c1,\n .cm {\n color: @overlay2;\n }\n // strings\n .s1,\n .s2,\n .se {\n color: @green;\n }\n // string interpolation\n .si {\n color: @pink;\n }\n // lhe\n .ss,\n .nb {\n color: @blue;\n }\n // operators\n .p,\n .o {\n color: @teal;\n }\n // numbers, boolean\n .mi,\n .no {\n color: @peach;\n }\n // keyword\n .k,\n .ow {\n color: @mauve;\n }\n // etc\n .go {\n color: @text;\n }\n // diff added\n .gi {\n color: @green;\n }\n // diff removed\n .gd {\n color: @red;\n }\n // diff header\n .gh {\n color: @text;\n }\n // diff changes\n .gu {\n color: @peach;\n }\n }\n\n .suggestions {\n .suggestions-result {\n background-color: @mantle;\n &:hover {\n background-color: mix(@base, @mantle, 50%);\n }\n color: @text;\n .highlight {\n color: @accent;\n }\n }\n .suggestions-results {\n border-color: @surface0 !important;\n }\n .suggestions-special {\n border-color: @surface0 !important;\n background-color: @mantle;\n &:hover {\n background-color: mix(@accent, @mantle, 15%);\n }\n .special-label {\n color: @subtext0;\n }\n .special-query {\n color: @text;\n }\n }\n }\n\n .toc {\n li.active > a {\n border-left-color: @accent !important;\n }\n ul.nav a:hover {\n background: @accent !important;\n &,\n * {\n color: @crust !important;\n }\n }\n }\n\n #catlinks {\n background-color: @mantle;\n border-color: @mantle;\n }\n\n #footer {\n background-color: @mantle;\n }\n }\n\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor, @accentColor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n // prettier-ignore\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; }\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; }\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; }\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; }\n }\n}\n// vim:ft=less\n"},{"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.css","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":"0.0.2","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/paste.rs/catppuccin.user.css","description":"Soothing pastel theme for paste.rs","author":"Catppuccin","license":"MIT","preprocessor":"less","vars":{"flavor":{"type":"select","label":"Flavor","name":"flavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","value":null,"default":"sapphire","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Gray","value":"subtext0"}]}}},"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 0.0.2\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/paste.rs/catppuccin.user.css\n@description Soothing pastel theme for paste.rs\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"paste.rs\") {\n #catppuccin(@flavor, @accentColor);\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n body {\n background-color: @mantle;\n color: @text;\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 /* Syntax-highlighted code */\n pre {\n background-color: @base !important;\n }\n /* Main text */\n span[style=\"color:#657b83;\"] {\n color: @text !important;\n }\n span[style=\"color:#859900;\"] {\n color: @yellow !important;\n }\n span[style=\"color:#268bd2;\"] {\n color: @sky !important;\n }\n /* Comments */\n span[style=\"color:#93a1a1;\"] {\n color: @overlay1 !important;\n }\n span[style=\"color:#b58900;\"] {\n color: @yellow !important;\n }\n span[style=\"color:#586e75;\"] {\n color: @mauve !important;\n }\n /* Quotes */\n span[style=\"color:#839496;\"] {\n color: @green !important;\n }\n /* String literals */\n span[style=\"color:#2aa198;\"] {\n color: @green !important;\n }\n span[style=\"color:#6c71c4;\"] {\n color: @teal !important;\n }\n /* self/this */\n span[style=\"color:#d33682;\"] {\n color: @red !important;\n }\n /* Constants */\n span[style=\"color:#cb4b16;\"] {\n color: @peach !important;\n }\n /* String escape sequences */\n span[style=\"color:#dc322f;\"] {\n color: @maroon !important;\n }\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Pinterest Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/pinterest","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/pinterest","version":"1.0.2","description":"Soothing pastel theme for Pinterest","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/pinterest/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","value":null,"default":"mauve","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"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 1.0.2\n@description Soothing pastel theme for Pinterest\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/pinterest/catppuccin.user.css\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [ \"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\" ]\n@var select darkFlavor \"Dark Flavor\" [ \"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\" ]\n@var select accentColor \"Accent\" [ \"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\" ]\n==/UserStyle== */\n\n@-moz-document regexp(\"^https?:\\\\/\\\\/(www|[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 /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; }\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; }\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; }\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; }\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accentColor: @catppuccin[@@lookup][@@accent];\n\n :root {\n --g-colorGray0: @mantle;\n --color-border-container: @mantle;\n --color-gray-roboflow-400: lighten(@mantle, 1%);\n --color-text-icon-default: @text;\n --color-background-default: @base;\n --g-color-focus: @accentColor;\n }\n\n .Dl7 {\n border-color: transparent !important;\n }\n\n svg.ztu > path {\n fill: @subtext0 !important;\n }\n\n /* Body */\n\n body,\n div[data-test-id=\"pin-builder\"] {\n background-color: @base !important;\n height: auto !important;\n }\n\n .O2T,\n .pBj,\n h3,\n h5,\n div,\n input[type=\"text\"] {\n color: @text !important;\n }\n\n .a_A:focus,\n .a_A:hover {\n background-color: fadeout(@accentColor, 25%) !important;\n }\n\n :focus,\n :focus-within,\n :focus-visible {\n outline-color: @accentColor !important;\n }\n\n div#searchBoxContainer\n &\n div[style=\"padding: 0px 0px 0px 16px; height: 100%; border-radius: 24px; box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 4px;\"],\n div#searchBoxContainer\n &\n div[style=\"padding: 0px 4px 0px 16px; height: 100%; border-radius: 24px; box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 4px;\"],\n div[data-test-id=\"add-pin-to-conversation\"]\n &\n div[style=\"border: 1px solid transparent; box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 4px; padding: 4px 15px; min-height: 48px; width: 100%;\"] {\n box-shadow: 0 0 0 4px @accentColor !important;\n }\n\n .iyn:focus,\n .C1J {\n box-shadow: 0 0 0 4px @accentColor;\n }\n\n .hCL.kVc.L4E.MIw {\n background-color: transparent !important;\n }\n\n div[data-test-id=\"skipToContentContainer\"] & div {\n background-color: @accentColor !important;\n color: @mantle !important;\n }\n\n div.Dl7.rTt.mi-.ho-.ygj._O1.XbT.DHH.kFh {\n background-color: @accentColor !important;\n & div {\n color: @mantle !important;\n }\n }\n\n /** Mobile **/\n\n div._he.urM.zI7.iyn.Hsu {\n border-color: transparent !important;\n }\n\n /* About */\n\n h1.lH1.dyH.iFc.H2s.bwj.c8S.zDA,\n h2.lH1.dyH.iFc.H2s.bwj.c8S.zDA {\n color: @accentColor !important;\n }\n\n div[data-test-id=\"signup-default-modal\"] {\n background-color: @base !important;\n & h1 {\n color: @text !important;\n }\n & div.oy8.zI7.iyn.Hsu svg > path {\n fill: @accentColor !important;\n }\n }\n\n div[data-test-id=\"registerFormSubmitButton\"] {\n & button.red {\n background-color: @accentColor !important;\n & div {\n color: @mantle !important;\n }\n }\n & button.red:hover,\n & button.red:focus {\n background-color: fadeout(@accentColor, 25%) !important;\n }\n }\n\n div[style=\"height: 200px; background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%);\"] {\n background: linear-gradient(\n fadeout(@base, 100%) 0%,\n @base 70%\n ) !important;\n }\n\n div[data-test-id=\"how-it-works-container\"] {\n background-color: @yellow !important;\n & div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s {\n background-color: transparent !important;\n color: @base !important;\n }\n & svg > path {\n fill: @base !important;\n }\n }\n\n div[data-anchor=\"search\"] {\n background-color: @yellow !important;\n & div.zI7.iyn.Hsu {\n color: @base !important;\n }\n & div.JME.zI7.iyn.Hsu {\n color: @text !important;\n }\n }\n\n div[data-anchor=\"save\"] {\n background-color: @lavender !important;\n & div.zI7.iyn.Hsu {\n color: @base !important;\n }\n }\n\n div[data-anchor=\"shop\"] {\n background-color: @rosewater !important;\n & div.zI7.iyn.Hsu {\n color: @base !important;\n }\n }\n\n /** Mobile **/\n\n div.QLY.Rym.XiG.Zr3.zI7.iyn.Hsu {\n background-color: @base !important;\n }\n\n /* Button */\n\n .Jrn,\n .gpV {\n background-color: @accentColor !important;\n & div {\n color: @base !important;\n }\n }\n\n .BsF {\n background-color: @mantle !important;\n }\n\n .u97 {\n background-color: fadeout(@base, 31%) !important;\n }\n\n .NSs.bPW,\n .NSs.Xsi {\n background-color: @surface0 !important;\n }\n\n .NSs.s4m {\n background-color: @surface2 !important;\n }\n\n .bmw,\n .Jea.Lfz.gjz.hA-.wYR.zI7.iyn.Hsu {\n background-color: @base !important;\n }\n\n .bmw:focus,\n .bmw:hover,\n .W6-:focus,\n .W6-:hover,\n .Jea.Lfz.gjz.hA-.wYR.zI7.iyn.Hsu:hover,\n .DUt.XiG._wN.eZS.hA-.wYR.zI7.iyn.Hsu:hover,\n ._HI,\n .eZS,\n .zI8:focus,\n .zI8:hover,\n .BsF:hover,\n .BsF:focus {\n background-color: fadeout(@base, 31%) !important;\n }\n\n .Il7:hover,\n .Il7:focus {\n background-color: fadeout(@accentColor, 25%) !important;\n }\n\n input.D8X.Hsu.tBJ.dyH.iFc.sAJ.L4E.Bvi.iyn.H_e.pBj.qJc.TKt.LJB.xD4.z-6,\n textarea.Gnj.Hsu.tBJ.dyH.iFc.sAJ.L4E.Bvi.iyn.H_e.pBj.qJc.TKt.LJB,\n div.D8X.Hsu.tBJ.dyH.iFc.sAJ.L4E.Bvi.iyn.H_e.pBj.qJc.TKt.LJB.xD4.BMi.rNx {\n background-color: @mantle;\n border-color: transparent !important;\n }\n\n /** Mobile **/\n\n div.IVF.Jea.mQ8.zI7.iyn.Hsu {\n background-color: @accentColor !important;\n & span {\n color: @base !important;\n }\n }\n\n /* Header */\n\n .GjR,\n .sj_ {\n color: @accentColor !important;\n }\n\n .P_h {\n background-color: @crust !important;\n & span {\n color: @text !important;\n }\n }\n\n .urM,\n .SpV,\n .DUt.XiG._wN.hA-.urM.wYR.zI7.iyn.Hsu,\n .DUt.XiG._wN.eZS.hA-.wYR.zI7.iyn.Hsu,\n .ProPartnerHeaderMenuList .proPartnerHeaderMenuItem:hover {\n background-color: @base !important;\n }\n\n /* Search */\n\n div.Jea.fev.zI7.iyn.Hsu,\n div[data-test-id=\"search-tab-bar\"] {\n background-color: @mantle !important;\n }\n\n div.sLG.urM.zI7.iyn.Hsu & div.hs0.un8.C9i.TB_ {\n background-color: @base !important;\n }\n\n input#search {\n color: @text !important;\n }\n\n span.tBJ.dyH.iFc.sAJ.EdS.zDA.IZT.swG {\n color: @overlay1 !important;\n }\n\n div.C9q.Jea.KS5.Lfz.XiG.Zr3._HI.zI7.iyn.Hsu {\n background-color: @mantle !important;\n }\n\n div.C9q.Jea.KS5.Lfz.XiG.Zr3.hle.zI7.iyn.Hsu {\n background-color: fadeout(@mantle, 25%) !important;\n }\n\n /** Mobile **/\n\n div[data-test-id=\"header\"] {\n border-color: @mantle !important;\n }\n\n div.VxL.fZz.hA-.ho-.zI7.iyn.Hsu {\n background-color: @mantle !important;\n & svg > path {\n fill: @accentColor !important;\n }\n }\n\n /* Profile */\n\n div[data-test-id=\"profile-header\"],\n div[data-test-id=\"PinTypeIdentifier\"],\n div.hs0.mQ8.un8.C9i.TB_ div.Pj7.sLG.XiG.INd.m1e div.XiG.zI7.iyn.Hsu,\n div.Pj7.sLG.XiG.INd.m1e div.XiG.zI7.iyn.Hsu,\n div.Jea._HI.fev.zI7.iyn.Hsu div.MMh._Y5.feh.s7I.zI7.iyn.Hsu,\n .MMh._Y5.feh.s7I.zI7.iyn.Hsu,\n div.qiB div.fZz.urM.zI7.iyn.Hsu,\n div.zIH.PC4.XiG {\n background-color: @base !important;\n }\n\n div.hs0.mQ8.un8.C9i.TB_ div.INd.XiG.zI7.iyn.Hsu {\n box-shadow: none !important;\n }\n\n div[data-test-id=\"gestalt-avatar-svg\"] {\n border-color: transparent !important;\n & div.INd.XiG._HI.zI7.iyn.Hsu {\n background-color: @crust !important;\n & svg > text {\n fill: @text !important;\n }\n }\n }\n\n div.KS5.jzS.un8.C9i.TB_ & div.DUt.XiG._HI._wN.hA-.wYR.zI7.iyn.Hsu {\n background-color: @mantle !important;\n }\n\n div.MIw.QLY.Rym.ojN.p6V.zI7.iyn.Hsu div.XiG.zI7.iyn.Hsu {\n background-color: fadeout(@base, 31%) !important;\n }\n\n div.MIw.QLY.Rym.ojN.p6V.sLG.zI7.iyn.Hsu {\n border-color: @mantle !important;\n }\n\n div.INd.Jea.KS5.mQ8.zI7.iyn.Hsu[style=\"height: 30px; width: 30px; border: 2px solid rgb(17, 17, 17);\"] {\n border-color: @mantle !important;\n }\n\n div.Jea.KS5.MtH.jzS.kKU.zI7.iyn.Hsu {\n & svg.gUZ.R19.U9O.kVc > path {\n fill: @mantle !important;\n }\n & div.VxL.zI7.iyn.Hsu button {\n background-color: transparent !important;\n }\n }\n\n div[data-test-id=\"copy-link-share-icon-auth\"],\n div[data-test-id=\"search-for-users-button\"],\n div[data-test-id=\"email-share-button-auth\"] {\n & button svg {\n & path {\n fill: @mantle !important;\n }\n & rect {\n fill: @accentColor !important;\n }\n }\n }\n\n div.Jea.KS5._HI.ho-.mQ8.zI7.iyn.Hsu {\n background-color: @mantle !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n div.Jea.KS5.hle.ho-.mQ8.zI7.iyn.Hsu {\n background-color: fadeout(@mantle, 25%) !important;\n }\n\n div[aria-label=\"Change Board Cover\"]\n &\n div.MIw.QLY.Rym.ojN.p6V.zI7.iyn.Hsu\n &\n span {\n background-color: @base !important;\n }\n\n div.MIw.hA-.ojN.p6V.wYR.zI7.iyn.Hsu\n &\n div[style=\"height: 44px; width: 44px; background: rgba(255, 255, 255, 0.8);\"] {\n background-color: fadeout(@mantle, 20%) !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n div.MIw.hA-.ojN.p6V.wYR.zI7.iyn.Hsu\n &\n div[style=\"height: 44px; width: 44px; background: white;\"] {\n background-color: @mantle !important;\n }\n\n div.DUt.Jea.KS5.UNK.mQ8.zI7.iyn.Hsu {\n background-color: @mantle !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n button\n &\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.G0a.BsF.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: @mantle !important;\n }\n\n button:hover\n &\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.G0a.BsF.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: fadeout(@mantle, 25%) !important;\n }\n\n div.pincodeMain & svg & path#background {\n fill: @base !important;\n }\n\n div.pincodeCTA & svg {\n & path[fill=\"#111111\"] {\n fill: @text !important;\n }\n & path[fill=\"#E60023\"] {\n fill: @accentColor !important;\n }\n & path[fill=\"white\"] {\n fill: @base !important;\n }\n }\n\n h1.lH1.dyH.iFc.H2s.R-d.EdS.tg7.IZT {\n color: @overlay2 !important;\n }\n\n div[data-test-id=\"pinRepSelectionBorder\"] {\n border-color: @text !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n div[data-test-id=\"pinRepSelectionBorder\"][style=\"z-index: 1; border-width: 3px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 16px; box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px inset;\"] {\n border-color: @mantle !important;\n box-shadow: inset 0 0 0 3px @accentColor !important;\n }\n\n div.CCY.S9z.INd.oCZ.Tbt.L4E.e8F.BG7 & div.INd.zI7.iyn.Hsu {\n background-color: fadeout(@mantle, 25%) !important;\n & svg > path {\n fill: @text !important;\n }\n & div.INd.P_h.YFA.Zr3.hUC.zI7.iyn.Hsu {\n background-color: @mantle !important;\n }\n }\n\n div.tBJ.dyH.iFc.sAJ.xnr.zDA.IZT.H2s,\n a.Wk9.CCY.S9z.eEj.kVc.xQ4.uCz {\n color: if((@lookup = latte), @mantle, @text) !important;\n }\n\n div[data-test-id=\"boardSelectionDropdown\"] & svg.gUZ.PLa.U9O.kVc > path {\n fill: if((@lookup = latte), @mantle, @text) !important;\n }\n\n /** Mobile **/\n\n div.CCY.S9z.INd.Tbt.L4E.e8F.BG7 & div.INd.hA-.wYR.zI7.iyn.Hsu {\n background-color: fadeout(@mantle, 25%) !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n /* Content */\n\n div[data-root-margin=\"more-ideas-tabs\"] div.urM.zI7.iyn.Hsu,\n .Jea.jx-.l7T.zI7.iyn.Hsu & div.INd.Jea.KS5.mQ8.sLG.zI7.iyn.Hsu,\n div[data-test-id=\"shop-button\"],\n div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s {\n background-color: @base !important;\n }\n\n div[aria-label=\"reaction\"] .INd.zI7.iyn.Hsu,\n div.div.IB7.XiG.zI7.iyn.Hsu {\n background-color: @surface0 !important;\n }\n\n div[aria-label=\"reaction\"] .INd.zI7.iyn.Hsu:hover {\n background-color: @surface1 !important;\n }\n\n div.KS5.jzS.mQ8.un8.C9i.TB_ & div.zI7.iyn.Hsu {\n background-color: transparent !important;\n }\n\n div[data-test-id=\"inline-comment-composer-container\"] {\n border-color: @mantle !important;\n }\n\n div._HI.fev.ujU.wsz.zI7.iyn.Hsu {\n background-color: @base !important;\n color: @text !important;\n }\n\n div.fev.hle.ujU.wsz.zI7.iyn.Hsu {\n background-color: fadeout(@mantle, 25%) !important;\n color: @text !important;\n }\n\n svg.gUZ.PLa.U9O.kVc > path {\n fill: @text !important;\n }\n\n div.x8f.INd._O1.KS5.mQ8.NSs.u97.bPW,\n div.x8f.INd._O1.KS5.mQ8.NSs.u97.s4m {\n background-color: @mantle !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\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: @accentColor;\n --epr-highlight-color: @accentColor;\n --epr-hover-bg-color: @surface0;\n --epr-focus-bg-color: @surface0;\n }\n\n textarea.PinNoteInput {\n background-color: @base !important;\n color: @text !important;\n caret-color: @text !important;\n }\n\n div.Zr3.hUC.xcv.L4E.zI7.iyn.Hsu {\n background-color: @lavender !important;\n & div {\n color: @crust !important;\n }\n }\n\n div.DUt.Jea.QLY.XiG.jzS.ojN.p6V.ujU.urM.zI7.iyn.Hsu,\n div.DUt.Jea.MIw.QLY.jzS.ojN.p6V.ujU.urM.zI7.iyn.Hsu {\n border-color: transparent !important;\n }\n\n div.MZ3.fZz.hUC.ho-.zI7.iyn.Hsu {\n background-color: @mantle !important;\n & span {\n color: @text !important;\n }\n }\n\n button\n &\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.DZT.I56.Zr3.C9q.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: @accentColor !important;\n & div {\n color: @mantle !important;\n }\n }\n\n button:hover\n &\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.DZT.I56.Zr3.C9q.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: fadeout(@accentColor, 25%) !important;\n }\n\n button\n &\n div.RCK.Hsu.USg.adn.CCY.gn8.L4E.kVc.S9z.F10.xD4.fZz.hUC.G0a.BsF.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: @mantle !important;\n }\n\n button:hover\n &\n div.RCK.Hsu.USg.adn.CCY.gn8.L4E.kVc.S9z.F10.xD4.fZz.hUC.G0a.BsF.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: fadeout(@mantle, 25%) !important;\n }\n\n a.Wk9.CCY.S9z.eEj.goI.xQ4,\n span.tBJ.dyH.iFc.sAJ.Q5U.zDA.H2s & a.Wk9.CCY.S9z.eEj.KhY.xQ4.uCz {\n color: @accentColor !important;\n }\n\n div[data-test-id=\"user-rep-avatar\"]\n &\n div.Jea.MIw.QLY.Rym.mQ8.ojN.p6V.zI7.iyn.Hsu {\n background-color: transparent !important;\n }\n\n button.ope.ujU.e43.adn.BG7.CCY.zHr.qJc {\n background-color: @mantle !important;\n & div {\n color: @text !important;\n }\n }\n\n div[data-test-id=\"flashlight-dot-style\"] {\n background-color: @accentColor !important;\n }\n\n div[data-test-id=\"flashlight-enabled-image\"] & svg {\n & use.v2cropSection {\n stroke: @accentColor !important;\n }\n & path.v2cropperHandle {\n fill: @accentColor !important;\n }\n }\n\n div[data-test-id=\"one-bar-modified-bubble\"].Jea.KS5.Lfz.mQ8.zI7.iyn.Hsu {\n background-color: @accentColor !important;\n border-color: @base !important;\n }\n\n /** Mobile **/\n\n div.Jea.KS5.Lfz.mQ8.zI7.iyn.Hsu {\n background-color: @base !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n /** Not Logged In **/\n\n div.XiG.hUC.wYR.zI7.iyn.Hsu[style=\"background-color: rgba(255, 255, 255, 0.95); height: 100%; width: 100%;\"] {\n background-color: @base !important;\n }\n\n div[data-test-id=\"email-share-button\"] & a svg {\n path {\n fill: @mantle !important;\n }\n rect {\n fill: @accentColor !important;\n }\n }\n\n div[data-test-id=\"left-scroll-arrow\"] {\n background: linear-gradient(\n to right,\n @base 25%,\n fadeout(@base, 100%) 100%\n ) !important;\n }\n\n div[data-test-id=\"right-scroll-arrow\"] {\n background: linear-gradient(\n to left,\n @base 25%,\n fadeout(@base, 100%) 100%\n ) !important;\n }\n\n span.tBJ.dyH.iFc.dR0.EdS.zDA.IZT.H2s & a {\n color: @accentColor !important;\n }\n\n div[data-test-id=\"breadcrumbs-list\"] {\n &\n div[style=\"width: 16px; height: 32px; background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgb(255, 255, 255));\"] {\n background-image: linear-gradient(\n to left,\n fadeout(@base, 100%),\n @base\n ) !important;\n }\n\n &\n div[style=\"width: 16px; height: 32px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));\"] {\n background-image: linear-gradient(\n to right,\n fadeout(@base, 100%),\n @base\n ) !important;\n }\n }\n\n div[data-test-id=\"main-pin-hover-overlay\"] {\n opacity: 0.5;\n }\n\n div.HFo.Jea.KS5._he.zI7.iyn.Hsu {\n background-color: @base !important;\n }\n\n /* Create */\n\n div.DUt.HFo.hA-.wYR.zI7.iyn.Hsu {\n background-color: @base !important;\n }\n\n div.Jea.KS5.OVX.XiG._HI.jzS.mQ8.zI7.iyn.Hsu {\n background-color: @surface0 !important;\n & svg > path {\n fill: @subtext0 !important;\n }\n }\n\n div.Jea.MIw.QLY.Rym.ojN.p6V.zI7.iyn.Hsu {\n background-color: fadeout(@base, 25%) !important;\n }\n\n div.Jea.Shl.X6t.XiG.hDW.jzS.zI7.iyn.Hsu {\n & button {\n background-color: @mantle !important;\n }\n }\n\n div.XiG._HI.s2n.sLG.zI7.iyn.Hsu {\n border-color: @mantle !important;\n }\n\n button.ope.ujU.e43.adn.BG7.CCY.zHr.qJc\n &\n div.tBJ.dyH.iFc.j1A.O2T.zDA.IZT.H2s {\n color: @text !important;\n }\n\n button.ope.ujU.e43.adn.BG7.CCY.izI & svg > path {\n fill: @mantle !important;\n }\n\n input#storyboard-editor-details-text-size {\n background-color: @mantle !important;\n color: @text !important;\n caret-color: @text !important;\n border-color: transparent !important;\n }\n\n input[style=\"min-width: 0px; flex: 1 1 0%; font-size: 16px; color: rgb(51, 51, 51); border: 0px; outline: none; box-sizing: border-box; padding: 0px;\"] {\n background-color: @base !important;\n color: @text !important;\n caret-color: @text !important;\n }\n\n /* Login */\n\n div[data-test-id=\"login-modal-default\"] {\n background-color: @base !important;\n & h1,\n & p {\n color: @text !important;\n }\n & div.oy8.zI7.iyn.Hsu svg > path {\n fill: @accentColor !important;\n }\n }\n\n div[data-test-id=\"login-modal-mfa\"] {\n background-color: @base !important;\n & h1,\n & p {\n color: @text !important;\n }\n & button.red {\n background-color: @accentColor !important;\n & div {\n color: @mantle !important;\n }\n }\n & button.red:hover,\n & button.red:focus {\n background-color: fadeout(@accentColor, 25%) !important;\n }\n & div.oy8.zI7.iyn.Hsu svg > path {\n fill: @accentColor !important;\n }\n }\n\n /* Messages */\n\n div.JME.Jea.KS5.RDc._HI.hA-.ho-.jzS.wYR.wc1.zI7.iyn.Hsu,\n div.DUt.Jea._HI.hA-.jzS.wYR.zI7.iyn.Hsu,\n div.DUt.Jea._HI.hA-.jzS.wYR.zI7.iyn.Hsu\n &\n div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s,\n div.x8f.INd._O1.KS5.mQ8.OGJ.YbY.bPW,\n div.DUt.JME.Jea.KS5.VxL._HI.hA-.wYR.wc1.zI7.iyn.Hsu,\n div.DUt.JME.Jea.KS5.VxL._HI.hA-.wYR.wc1.zI7.iyn.Hsu\n div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s.CKL,\n div.INd.Jea.KS5._HI.mQ8.zI7.iyn.Hsu,\n div.INd._HI.zI7.iyn.Hsu & div.INd.Jea.KS5.mQ8.zI7.iyn.Hsu {\n background-color: @mantle !important;\n }\n\n div.x8f.INd._O1.KS5.mQ8.Adb.BsF.bPW,\n div.x8f.INd._O1.KS5.mQ8.Adb.BsF.s4m {\n background-color: @mantle !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n input.ta7.iyn.KI_.Lfz.XgI.Hsu.pBj.qJc.tBJ.dyH.iFc.sAJ.L4E.xD4.Zj6.dPY.BG7.TKt.LJB {\n border-color: @surface0 !important;\n }\n\n div.JME.Jea.KS5.fev.zI7.iyn.Hsu {\n border-color: transparent !important;\n }\n\n div.LJB.Pw5.daS.fev.urM.zI7.iyn.Hsu {\n background-color: @mantle !important;\n border-color: transparent !important;\n }\n\n div.Jea.OVX.jzS.ujU.zI7.iyn.Hsu & textarea {\n background-color: transparent !important;\n color: @text !important;\n caret-color: @text !important;\n }\n\n div[data-test-id=\"contact-search-field\"] & input {\n background-color: @mantle !important;\n border-color: transparent !important;\n }\n\n div.INd.IVF.Jea.KS5.mQ8.wc1.zI7.iyn.Hsu {\n background-color: @accentColor !important;\n & svg > path {\n fill: @mantle !important;\n }\n }\n\n div.Jea.KS5.LJB.Lfz.Pw5.Zr3.daS.hUC.hle.wc1.xuU.zI7.iyn.Hsu {\n background-color: @mantle !important;\n color: @text !important;\n }\n\n div.INd.Jea.KS5.hle.mQ8.wc1.zI7.iyn.Hsu {\n background-color: @mantle !important;\n }\n\n /** Mobile **/\n\n div.Jea.KS5.MIw.Rym.jzS.ojN.p6V.zI7.iyn.Hsu,\n div[data-test-id=\"conversation-page-header\"] {\n background-color: @base !important;\n }\n\n div.Eqh.HFo.INd.JME.Jea.VxL.Zr3.hUC.hjj.jar.zI7.iyn.Hsu {\n background-color: @base !important;\n border-color: transparent !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n div.x8f.INd._O1.KS5.mQ8.pHl.Jrn {\n background-color: @accentColor !important;\n & svg > path {\n fill: @mantle !important;\n }\n }\n\n div.CCY.S9z.eEj.Tbt.L4E.e8F.BG7 & div.INd.Jea.KS5.mQ8.zI7.iyn.Hsu {\n background-color: transparent !important;\n & svg > path {\n fill: @text !important;\n stroke: @text !important;\n }\n }\n\n /* Settings */\n\n div.E0x.qJc.fRe.nG5.qs6.XgI.xpn.ty9.kVc.Hsu.INd._O1.KS5.mQ8.XiG.Pw5 {\n border-color: @subtext0 !important;\n background-color: @mantle !important;\n }\n\n div.E0x.qJc.dxz.dPY.qs6.XgI.xpn.ty9.kVc.Hsu.INd._O1.KS5.mQ8.XiG.Pw5 {\n border-color: fadeout(@subtext0, 25%) !important;\n }\n\n div.E0x.qJc.iKS.gSJ.dJq.xpn.ty9.kVc.Hsu.INd._O1.KS5.mQ8.XiG.Pw5 {\n background-color: @mantle !important;\n border-color: @accentColor !important;\n }\n\n div.jPl.kVc.Hsu.XiG.NYx.qJc.nG5 {\n background-color: @mantle !important;\n border-color: @mantle !important;\n }\n\n div.jPl.kVc.Hsu.XiG.dD6.BsF.gSJ {\n background-color: @accentColor !important;\n border-color: @accentColor !important;\n }\n\n div.jPl.kVc.Hsu.XiG.GOX.gfP.nG5,\n div.jPl.kVc.Hsu.XiG.v-K.gpV.LJB {\n background-color: @surface2 !important;\n border-color: @surface2 !important;\n }\n\n div.U7Q.Hsu.MIw.qJc.INd.RDh.GEq.nG5,\n div.U7Q.Hsu.MIw.qJc.INd.taI.GEq.nG5,\n div.U7Q.Hsu.MIw.qJc.INd.RDh.fhX.LJB,\n div.U7Q.Hsu.MIw.qJc.INd.taI.fhX.LJB {\n background-color: @crust !important;\n border-color: @subtext0 !important;\n }\n\n div.qJc.Q9m.nG5.Pja.n_6.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5,\n div.qJc.Q9m.nG5.my7.DUt.rKi.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5 {\n background-color: @mantle !important;\n border-color: @overlay0 !important;\n }\n\n div.qJc.Wqy.dPY.Pja.n_6.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5,\n div.qJc.Wqy.dPY.my7.DUt.rKi.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5 {\n border-color: fadeout(@overlay0, 25%) !important;\n }\n\n div.BsF.PO8.gSJ.QsN.Pja.n_6.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5,\n div.BsF.PO8.gSJ.my7.DUt.rKi.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5 {\n background-color: @mantle !important;\n border-color: @accentColor !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n div.Jea.KS5.XbT.hA-.ho-.jzS.ujU.wYR.zI7.iyn.Hsu & div.un8.DUt.wYR.hA-.gpV {\n background-color: @accentColor !important;\n & span {\n color: @base !important;\n }\n }\n\n div.x8f.INd._O1.KS5.mQ8.WhU.gpV & svg > path {\n fill: @base !important;\n }\n\n button.N5M.adn.wYR.hUC.BG7.Jp7._HI.CCY.S9z {\n background-color: @base !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n button.N5M.adn.wYR.hUC.BG7.Jp7._HI.CCY.S9z:hover {\n background-color: fadeout(@surface0, 75%) !important;\n }\n\n div.react-datepicker {\n background-color: @base !important;\n & select {\n color: @text !important;\n }\n & select:focus {\n box-shadow: 0 0 0 4px @accentColor !important;\n }\n }\n\n div.react-datepicker__day--selected {\n background-color: @accentColor !important;\n color: @base !important;\n }\n\n div[style=\"background-color: rgba(0, 0, 0, 0.06);\"]\n &\n div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s {\n background-color: transparent !important;\n }\n\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: @mantle !important;\n & div {\n background-color: transparent !important;\n color: @text !important;\n }\n }\n\n button:hover\n &\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: fadeout(@mantle, 25%) !important;\n }\n\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.Il7.Jrn.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: @accentColor !important;\n & div {\n background-color: transparent !important;\n color: @mantle !important;\n }\n }\n\n button:hover\n &\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.Il7.Jrn.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: fadeout(@accentColor, 25%) !important;\n }\n\n button:disabled.RCK.Hsu.USg.adn.CCY.NTm.KhY.oRi.lnZ.wsz.YbY > div {\n background-color: fadeout(@surface1, 25%) !important;\n & div {\n color: @mantle !important;\n }\n }\n\n div[data-test-id=\"account-comparison-table-container\"] & svg > path {\n fill: @accentColor !important;\n }\n }\n\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor, @accentColor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor, @accentColor);\n }\n}\n\n// vim:ft=less\n"},{"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.css","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":"0.0.3","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/planet-minecraft/catppuccin.user.css","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":"sapphire","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Gray","value":"subtext0"}]}}},"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 0.0.3\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/planet-minecraft/catppuccin.user.css\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@-moz-document domain(\"planetminecraft.com\") {\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n --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-color;\n --footer-bg: @mantle;\n --bg-navbar: @mantle;\n --tab-selected: @accent-color;\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-color;\n --nav-hover: @accent-color;\n --stat-color: @red;\n --a-color: @accent-color;\n --a-hover: @accent-color;\n --a-selected: fade(@accent-color, 80%);\n --tab-hover: fade(@accent-color, 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-color;\n --a-visited: @accent-color;\n --nav-bar-border: none;\n --feed-alt-bg: @surface1;\n --nav-selected: @accent-color;\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-color;\n }\n\n .site_btn_secondary {\n color: @subtext1;\n background: @surface1;\n &:hover {\n color: @accent-color;\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-color;\n &:not(:disabled, [data-disabled=\"disabled\"]):hover {\n background: fade(@accent-color, 80%);\n }\n }\n\n #profile-bar #profile-actions .togglable.selected {\n background: @accent-color;\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 (@lookup = 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-color !important;\n }\n\n .content-actions li .material-icons {\n color: @subtext0 !important;\n }\n }\n\n & when not (@lookup = 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-color;\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 (@lookup = 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 (@lookup = 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-color !important;\n }\n color: @accent-color !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-color;\n }\n }\n\n [data-theme=\"light\"] {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n [data-theme=\"dark\"] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n}\n\n// vim:ft=less\n"},{"enabled":true,"name":"Proton Catppuccin","description":"Soothing pastel theme for Proton services","author":"Catppuccin","updateUrl":"https://github.com/catppuccin/userstyles/raw/main/styles/proton/catppuccin.user.css","usercssData":{"name":"Proton Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/proton","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/proton","version":"0.1.5","description":"Soothing pastel theme for Proton services","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/proton/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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 Proton Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/proton\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/proton\n@version 0.1.5\n@description Soothing pastel theme for Proton services\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/proton/catppuccin.user.css\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document regexp(\"https://(account|mail|drive|calendar).proton.me/.*$\")\n{\n :root {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n @media (prefers-color-scheme: light) {\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n }\n\n @media (prefers-color-scheme: dark) {\n :root {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-Color: @catppuccin[@@lookup][@@accent];\n\n svg.logo {\n @accentH: hue(@accent-Color);\n @protonH: hue(#6d4aff);\n\n .replaceColor(@org, @property) {\n &[@{property}=\"@{org}\"] {\n @hDiff: @protonH - hue(@org);\n @{property}: hsl(\n @accentH - @hDiff,\n saturation(@org) - 30%,\n lightness(@org)\n );\n }\n }\n\n /* prettier-ignore */\n > path {\n .replaceColor(#B8D7FF, fill);\n .replaceColor(#8F69FF, fill);\n }\n\n /* prettier-ignore */\n > defs stop {\n .replaceColor(#E3D9FF, stop-color);\n .replaceColor(#7341FF, stop-color);\n .replaceColor(#6D4AFF, stop-color);\n .replaceColor(#AA8EFF, stop-color);\n .replaceColor(#06B8FF, stop-color);\n .replaceColor(#BFE8FF, stop-color);\n .replaceColor(#BFABFF, stop-color);\n .replaceColor(#FF50C3, stop-color);\n .replaceColor(#B487FF, stop-color);\n .replaceColor(#FFC8FF, stop-color);\n .replaceColor(#8EFFEE, stop-color);\n .replaceColor(#C9C7FF, stop-color);\n .replaceColor(#00F0C3, stop-color);\n .replaceColor(#FFD580, stop-color);\n .replaceColor(#F6C592, stop-color);\n .replaceColor(#EBB6A2, stop-color);\n .replaceColor(#DFA5AF, stop-color);\n .replaceColor(#D397BE, stop-color);\n .replaceColor(#C486CB, stop-color);\n .replaceColor(#B578D9, stop-color);\n .replaceColor(#A166E5, stop-color);\n .replaceColor(#8B57F2, stop-color);\n .replaceColor(#704CFF, stop-color);\n .replaceColor(#B39FFB, stop-color);\n .replaceColor(#FFE8DB, stop-color);\n }\n }\n\n &,\n .ui-prominent,\n .ui-standard {\n #lightenOrDarken(@color, @value) {\n @result: if(\n @lookup=latte,\n lighten(@color, @value),\n darken(@color, @value)\n );\n }\n\n --primary: @accent-Color;\n --primary-contrast: @mantle;\n --signal-danger-minor-2: #lightenOrDarken(@maroon, 40%) [ @result];\n --signal-danger-minor-1: #lightenOrDarken(@maroon, 30%) [ @result];\n --signal-danger: @maroon;\n --signal-danger-major-1: saturate(@maroon, 40%);\n --signal-danger-major-2: saturate(@maroon, 30%);\n --signal-danger-major-3: saturate(@maroon, 20%);\n --signal-danger-contrast: @mantle;\n --signal-warning-minor-2: #lightenOrDarken(@peach, 40%) [ @result];\n --signal-warning-minor-1: #lightenOrDarken(@peach, 30%) [ @result];\n --signal-warning: @peach;\n --signal-warning-major-1: saturate(@peach, 40%);\n --signal-warning-major-2: saturate(@peach, 30%);\n --signal-warning-major-3: saturate(@peach, 20%);\n --signal-warning-contrast: @mantle;\n --signal-success-minor-2: #lightenOrDarken(@green, 40%) [ @result];\n --signal-success-minor-1: #lightenOrDarken(@green, 30%) [ @result];\n --signal-success: @green;\n --signal-success-major-1: saturate(@green, 40%);\n --signal-success-major-2: saturate(@green, 30%);\n --signal-success-major-3: saturate(@green, 20%);\n --signal-success-contrast: @mantle;\n --signal-info-minor-2: #lightenOrDarken(@blue, 40%) [ @result];\n --signal-info-minor-1: #lightenOrDarken(@blue, 30%) [ @result];\n --signal-info: @blue;\n --signal-info-major-1: saturate(@blue, 40%);\n --signal-info-major-2: saturate(@blue, 30%);\n --signal-info-major-3: saturate(@blue, 20%);\n --signal-info-contrast: @mantle;\n --interaction-norm-minor-2: #lightenOrDarken(@accent-Color, 40%) [\n @result];\n --interaction-norm-minor-1: #lightenOrDarken(@accent-Color, 30%) [\n @result];\n --interaction-norm: @accent-Color;\n --interaction-norm-major-1: saturate(@accent-Color, 30%);\n --interaction-norm-major-2: saturate(@accent-Color, 20%);\n --interaction-norm-major-3: saturate(@accent-Color, 10%);\n --interaction-norm-contrast: @mantle;\n --interaction-weak-minor-2: darken(@surface0, 50%);\n --interaction-weak-minor-1: darken(@surface0, 30%);\n --interaction-weak: @surface0;\n --interaction-weak-major-1: lighten(@surface0, 10%);\n --interaction-weak-major-2: lighten(@surface0, 20%);\n --interaction-weak-major-3: lighten(@surface0, 30%);\n --interaction-weak-contrast: @text;\n --text-norm: @text;\n --text-weak: @subtext0;\n --text-hint: @subtext1;\n --text-disabled: @overlay1;\n --text-invert: @crust;\n --field-norm: @overlay2;\n --field-hover: @overlay1;\n --field-disabled: @overlay0;\n --field-focus: @accent-Color;\n --field-highlight: fadeout(@accent-Color, 30%);\n --focus-outline: @accent-Color;\n --focus-ring: fadeout(@accent-Color, 60%);\n --border-norm: @overlay0;\n --border-weak: @overlay1;\n --background-norm: @base;\n --background-weak: @mantle;\n --background-strong: @crust;\n --background-invert: @text;\n --interaction-default: transparent;\n --interaction-default-hover: fadeout(@overlay1, 80%);\n --interaction-default-active: fadeout(@overlay1, 60%);\n --shadow-norm-opacity: 0.5;\n --shadow-lifted-opacity: 0.75;\n --backdrop-norm: fadeout(@crust, 50%);\n --optional-scrollbar-thumb-color: @surface0;\n --optional-scrollbar-thumb-hover-color: @surface2;\n --optional-link-norm: var(--interaction-norm-major-1);\n --optional-link-hover: var(--interaction-norm-major-2);\n --optional-link-active: var(--interaction-norm-major-3);\n --optional-background-elevated: @surface0;\n --optional-background-lowered: var(--background-norm);\n --optional-email-item-unread-background-color: var(--background-weak);\n --optional-email-item-read-background-color: var(--background-norm);\n --optional-email-item-read-text-color: var(--text-weak);\n --optional-mini-calendar-today-color: @text;\n --optional-logo-text-proton-color: @text;\n --optional-logo-text-product-color: @text;\n --favorite-icon-color: @peach;\n }\n\n .ui-prominent {\n --background-norm: @mantle;\n --background-weak: @base;\n --background-strong: @crust;\n }\n\n .button-promotion {\n --upgrade-color-stop-1: @red;\n --upgrade-color-stop-2: @blue;\n }\n\n .item-container-row:not(.item-is-selected):hover,\n .item-container:not(.item-is-selected):hover {\n box-shadow: none;\n background-color: var(--navigation-current-item-background-color);\n color: var(--email-item-unread-text-color);\n }\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Quizlet Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/quizlet","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/quizlet","version":"0.0.2","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/quizlet/catppuccin.user.css","description":"Soothing pastel theme for Quizlet","author":"Catppuccin","license":"MIT","preprocessor":"less","vars":{"flavor":{"type":"select","label":"Flavor","name":"flavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","value":null,"default":"sapphire","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Gray","value":"subtext0"}]}}},"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 0.0.2\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/quizlet/catppuccin.user.css\n@description Soothing pastel theme for Quizlet\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"quizlet.com\") {\n #catppuccin(@flavor, @accentColor);\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n :root body {\n color: @text;\n background: @base;\n }\n\n ::selection {\n background: @blue;\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%)\n saturate(1367%) 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// vim:ft=less\n"},{"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.css","usercssData":{"name":"Reddit Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/reddit","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/reddit","version":"2.0.3","description":"Soothing pastel theme for Reddit","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/reddit/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent Color","name":"accentColor","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"}]}}},"sourceCode":"/* ==UserStyle==\n@name Reddit Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/reddit\n@homepageURL\t https://github.com/catppuccin/userstyles/tree/main/styles/reddit\n@version 2.0.3\n@description Soothing pastel theme for Reddit\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/reddit/catppuccin.user.css\n@license\t\t MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent 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@-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, @accentColor);\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, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n /* BETA */\n --color-pizzaRed: @red;\n --color-global-brand-orangered: @peach;\n --color-global-focus: @surface1;\n --color-interactive-content-disabled: @subtext0;\n --color-interactive-background-disabled: @subtext0;\n --color-interactive-pressed: darken(@subtext0, 2);\n --color-neutral-content: @text;\n --color-neutral-content-disabled: @subtext0;\n --color-neutral-content-weak: @subtext0;\n --color-neutral-content-strong: @text;\n --color-global-white: @text;\n --color-neutral-background: @base;\n --color-neutral-background-selected: @surface0;\n --color-neutral-background-weak: @mantle;\n --color-neutral-background-medium: @base;\n --color-neutral-background-strong: @mantle;\n --color-neutral-background-hover: @surface0;\n --color-neutral-border: @surface0;\n --color-neutral-border-medium: @surface0;\n --color-neutral-border-weak: @surface0;\n --color-neutral-border-strong: @surface2;\n --color-primary: @accent-color;\n --color-primary-hover: lighten(@accent-color, 10);\n --color-primary-visited: @lavender;\n --color-primary-background: @base;\n --color-primary-background-hover: @surface0;\n --color-primary-background-selected: @surface0;\n --color-primary-onBackground: @base;\n --color-primary-onBackground-selected: @crust;\n --color-secondary: @subtext0;\n --color-secondary-hover: @subtext1;\n --color-secondary-weak: @subtext0;\n --color-secondary-onBackground: @text;\n --color-secondary-background: @mantle;\n --color-secondary-background-hover: darken(@mantle, 2);\n --color-secondary-background-selected: darken(@mantle, 2);\n --color-secondary-plain: @subtext0;\n --color-secondary-plain-hover: @subtext1;\n --color-danger-background: @red;\n --color-danger-background-disabled: fadeout(@red, 80);\n --color-danger-background-hover: fadeout(@red, 2);\n --color-danger-onBackground: @text;\n --color-danger-content: @red;\n --color-danger-content-hover: darken(@red, 2);\n --color-success-content: @green;\n --color-success-hover: darken(@green, 2);\n --color-success-onBackground: @text;\n --color-success-background: @green;\n --color-success-background-hover: darken(@green, 2);\n --color-warning-content: @yellow;\n --color-warning-content-hover: darken(@yellow, 2);\n --color-warning-onBackground: @base;\n --color-warning-background: @yellow;\n --color-warning-background-hover: darken(@yellow, 2);\n --color-upvote-content: @accent-color;\n --color-upvote-disabled: @subtext0;\n --color-upvote-onBackground: @text;\n --color-upvote-background: @base;\n --color-upvote-background-hover: @base;\n --color-upvote-background-disabled: @base;\n --color-downvote-content: @text;\n --color-downvote-content-weak: @text;\n --color-downvote-disabled: @subtext0;\n --color-downvote-onBackground: @text;\n --color-downvote-background: @base;\n --color-downvote-background-hover: @base;\n --color-downvote-background-disabled: @;\n --color-tone-1: @text;\n --color-tone-2: @subtext0;\n --color-tone-3: @overlay2;\n --color-tone-4: @surface0;\n --color-tone-5: @surface1;\n --color-tone-6: @surface2;\n --color-tone-7: @base;\n --color-avatar-gradient: @accent-color;\n --color-transparent-background-hover: fadeout(@surface0, 70);\n --color-opacity-50: fadeout(@base, 50);\n --color-online: @accent-color;\n --color-favorite: @accent-color;\n --color-brand-background: @accent-color;\n --color-brand-background-hover: @accent-color;\n --color-global-orangered: @accent-color;\n --color-action-upvote: @accent-color;\n\n #reddit-logo {\n circle[fill=\"#FF4500\"] {\n fill: @accent-color !important;\n }\n path[fill=\"#FFF\"] {\n fill: @crust !important;\n }\n }\n\n /* normal stuff */\n\n &,\n div[class^=\"subredditvars\"] {\n --color-online: @green !important;\n --newCommunityTheme-actionIcon: @subtext0 !important;\n --newCommunityTheme-actionIconAlpha20: fadeout(@crust, 20) !important;\n --newCommunityTheme-actionIconAlpha50: fadeout(@crust, 20) !important;\n --newCommunityTheme-actionIconShaded80: @subtext0 !important;\n --newCommunityTheme-actionIconTinted80: @subtext1 !important;\n --newCommunityTheme-active: @accent-color !important;\n --newCommunityTheme-activeAlpha10: fadeout(@crust, 20) !important;\n --newCommunityTheme-activeAlpha20: fadeout(@crust, 20) !important;\n --newCommunityTheme-activeAlpha50: fadeout(@crust, 20) !important;\n --newCommunityTheme-activeLight60: @accent-color !important;\n --newCommunityTheme-activeShaded80: @accent-color !important;\n --newCommunityTheme-activeShaded90: @accent-color !important;\n --newCommunityTheme-activeTinted05: @text !important;\n --newCommunityTheme-banner-backgroundColor: @accent-color !important;\n --newCommunityTheme-banner-iconColor: @accent-color !important;\n --newCommunityTheme-body: @mantle !important;\n --newCommunityTheme-bodyAlpha50: @surface0 !important;\n --newCommunityTheme-bodyAlpha70: @surface1 !important;\n --newCommunityTheme-bodyAlpha80: @surface2 !important;\n --newCommunityTheme-bodyFade: @subtext0 !important;\n --newCommunityTheme-bodyShaded80: @mantle !important;\n --newCommunityTheme-bodyText: @text !important;\n --newCommunityTheme-bodyTextAlpha03: @mantle !important;\n --newCommunityTheme-bodyTextAlpha20: @surface1 !important;\n --newCommunityTheme-bodyTextShaded20: @surface0 !important;\n --newCommunityTheme-bodyTextTinted20: @subtext0 !important;\n --newCommunityTheme-bodyTinted50: @overlay1 !important;\n --newCommunityTheme-bodyTinted80: @overlay0 !important;\n --newCommunityTheme-button: @text !important;\n --newCommunityTheme-buttonAlpha05: fadeout(@crust, 20) !important;\n --newCommunityTheme-buttonAlpha10: fadeout(@crust, 20) !important;\n --newCommunityTheme-buttonAlpha20: fadeout(@crust, 20) !important;\n --newCommunityTheme-buttonAlpha40: @subtext0 !important;\n --newCommunityTheme-buttonAlpha50: @subtext1 !important;\n --newCommunityTheme-buttonAlpha80: @subtext1 !important;\n --newCommunityTheme-buttonShaded80: @overlay0 !important;\n --newCommunityTheme-buttonTinted20: @accent-color !important;\n --newCommunityTheme-buttonTinted50: @accent-color !important;\n --newCommunityTheme-buttonTinted80: @accent-color !important;\n --newCommunityTheme-canvas: @crust !important;\n --newCommunityTheme-checkbox: @text !important;\n --newCommunityTheme-errorText: @red !important;\n --newCommunityTheme-field: @surface0 !important;\n --newCommunityTheme-fieldFade: fadeout(@surface1, 80) !important;\n --newCommunityTheme-flair: @accent-color !important;\n --newCommunityTheme-highlight: @base !important;\n --newCommunityTheme-inactive: @subtext0 !important;\n --newCommunityTheme-lightText: @text !important;\n --newCommunityTheme-lightTextAlpha75: @subtext1 !important;\n --newCommunityTheme-line: fadeout(@surface1, 80) !important;\n --newCommunityTheme-lineShaded80: fadeout(@surface1, 80) !important;\n --newCommunityTheme-lineShaded90: fadeout(@surface1, 80) !important;\n --newCommunityTheme-lineShadedNinety: fadeout(@surface1, 80) !important;\n --newCommunityTheme-linkText: @accent-color !important;\n --newCommunityTheme-linkTextAlpha80: @accent-color !important;\n --newCommunityTheme-linkTextShaded80: @accent-color !important;\n --newCommunityTheme-linkTextTinted80: @accent-color !important;\n --newCommunityTheme-linkTextWithBody: @accent-color !important;\n --newCommunityTheme-menu: @mantle !important;\n --newCommunityTheme-menuActiveText: @text !important;\n --newCommunityTheme-menuButtonBackground-active: @base !important;\n --newCommunityTheme-menuButtonBackground-focus: @base !important;\n --newCommunityTheme-menuButtonBackground-hover: @base !important;\n --newCommunityTheme-menuInactiveText: @text !important;\n --newCommunityTheme-metaText: @subtext0 !important;\n --newCommunityTheme-metaTextAlpha50: @subtext0 !important;\n --newCommunityTheme-metaTextShaded80: @subtext0 !important;\n --newCommunityTheme-monospaceColor: @accent-color !important;\n --newCommunityTheme-navBar-activeLink: @text !important;\n --newCommunityTheme-navBar-activeSubmenuCaret: @text !important;\n --newCommunityTheme-navBar-activeSubmenuLink: @text !important;\n --newCommunityTheme-navBar-backgroundColor: @mantle !important;\n --newCommunityTheme-navBar-hoverLink: @text !important;\n --newCommunityTheme-navBar-inactiveLink: @text !important;\n --newCommunityTheme-navBar-inactiveSubmenuCaret: @text !important;\n --newCommunityTheme-navBar-inactiveSubmenuLink: @text !important;\n --newCommunityTheme-navBar-submenuBackgroundColor: @mantle !important;\n --newCommunityTheme-navIcon: @text !important;\n\n /* upvote/downvote focus */\n --newCommunityTheme-navIconFaded10: fadeout(@crust, 20) !important;\n\n --newCommunityTheme-nsfw: @red !important;\n --newCommunityTheme-nsfwBlocking-bgcolor: @crust !important;\n --newCommunityTheme-nsfwBlocking-color: @text !important;\n --newCommunityTheme-nsfwBlocking-contentTitleBgColor: @base !important;\n --newCommunityTheme-nsfwBlocking-mainCtaBgColor: @mantle !important;\n --newCommunityTheme-pageHeader: @surface2 !important;\n --newCommunityTheme-placeholder: @surface0 !important;\n --newCommunityTheme-post: @mantle !important;\n --newCommunityTheme-postError: @red !important;\n --newCommunityTheme-postFlairText: @crust !important;\n --newCommunityTheme-postIcon: @accent-color !important;\n --newCommunityTheme-postLine: fadeout(@surface1, 80) !important;\n --newCommunityTheme-postLineShaded80: fadeout(@surface1, 80) !important;\n --newCommunityTheme-postLineShaded90: fadeout(@surface1, 80) !important;\n --newCommunityTheme-postTinted20: @base !important;\n --newCommunityTheme-postTransparent20: @base !important;\n --newCommunityTheme-primaryButtonShadedEighty: @overlay1 !important;\n --newCommunityTheme-primaryButtonTintedEighty: @overlay1 !important;\n --newCommunityTheme-primaryButtonTintedFifty: @overlay0 !important;\n --newCommunityTheme-primaryButtonTintedSixty: @overlay0 !important;\n --newCommunityTheme-quarantine: @yellow !important;\n --newCommunityTheme-report: @surface1 !important;\n --newCommunityTheme-search-syntaxHighlightBackgroundColor: @accent-color !important;\n --newCommunityTheme-search-syntaxHighlightColor: @base !important;\n --newCommunityTheme-titleText: @text !important;\n --newCommunityTheme-upsell-appleIcon: @subtext1 !important;\n --newCommunityTheme-upsell-ssoButtonBorderColor: fadeout(\n @surface1,\n 80\n ) !important;\n --newCommunityTheme-upsell-ssoButtonTextColor: @text !important;\n --newCommunityTheme-voteText-base: @subtext0 !important;\n --newCommunityTheme-voteText-downvote: @blue !important;\n --newCommunityTheme-voteText-downvoteShaded80: @blue !important;\n --newCommunityTheme-voteText-downvoteTinted80: @blue !important;\n --newCommunityTheme-voteText-upvote: @red !important;\n --newCommunityTheme-voteText-upvoteShaded80: @red !important;\n --newCommunityTheme-voteText-upvoteTinted80: @red !important;\n --newCommunityTheme-widgetColors-appleIcon: @overlay0 !important;\n --newCommunityTheme-widgetColors-lineColor: fadeout(\n @surface1,\n 80\n ) !important;\n\n /* sidebar widgets */\n --newCommunityTheme-widgetColors-sidebarWidgetBackgroundColor: @mantle !important;\n --newCommunityTheme-widgetColors-sidebarWidgetBorderColor: fadeout(\n @surface1,\n 80\n ) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetHeaderColor: @crust !important;\n --newCommunityTheme-widgetColors-sidebarWidgetHeaderColorAlpha60: @mantle !important;\n --newCommunityTheme-widgetColors-sidebarWidgetTextColor: @text !important;\n --newCommunityTheme-widgetColors-sidebarWidgetTextColorShaded80: @subtext1 !important;\n --newCommunityTheme-widgetColors-sidebarWidgetTitleColor: @text !important;\n\n --newRedditTheme-actionIcon: @subtext0 !important;\n --newRedditTheme-actionIconAlpha20: fadeout(@crust, 20) !important;\n --newRedditTheme-actionIconAlpha50: fadeout(@crust, 20) !important;\n --newRedditTheme-actionIconShaded80: @subtext0 !important;\n --newRedditTheme-actionIconTinted80: @subtext1 !important;\n --newRedditTheme-active: @accent-color !important;\n --newRedditTheme-activeAlpha10: fadeout(@crust, 20) !important;\n --newRedditTheme-activeAlpha20: fadeout(@crust, 20) !important;\n --newRedditTheme-activeAlpha50: fadeout(@crust, 20) !important;\n --newRedditTheme-activeLight60: @accent-color !important;\n --newRedditTheme-activeShaded80: @accent-color !important;\n --newRedditTheme-activeShaded90: @accent-color !important;\n --newRedditTheme-activeTinted05: @text !important;\n --newRedditTheme-banner-backgroundColor: @accent-color !important;\n --newRedditTheme-banner-iconColor: @accent-color !important;\n --newRedditTheme-body: @mantle !important;\n --newRedditTheme-bodyAlpha50: @surface0 !important;\n --newRedditTheme-bodyAlpha70: @surface1 !important;\n --newRedditTheme-bodyAlpha80: @surface2 !important;\n --newRedditTheme-bodyFade: fadeout(@crust, 20) !important;\n --newRedditTheme-bodyShaded80: @mantle !important;\n --newRedditTheme-bodyText: @text !important;\n --newRedditTheme-bodyTextAlpha03: fadeout(@crust, 20) !important;\n --newRedditTheme-bodyTextAlpha20: @surface1 !important;\n --newRedditTheme-bodyTextShaded20: @surface0 !important;\n --newRedditTheme-bodyTextTinted20: @subtext1 !important;\n --newRedditTheme-bodyTinted50: @overlay0 !important;\n --newRedditTheme-bodyTinted80: @overlay1 !important;\n --newRedditTheme-button: @text !important;\n --newRedditTheme-buttonAlpha05: fadeout(@crust, 20) !important;\n --newRedditTheme-buttonAlpha10: fadeout(@crust, 20) !important;\n --newRedditTheme-buttonAlpha20: fadeout(@crust, 20) !important;\n --newRedditTheme-buttonAlpha40: @subtext0 !important;\n --newRedditTheme-buttonAlpha50: @subtext1 !important;\n --newRedditTheme-buttonAlpha80: @subtext1 !important;\n --newRedditTheme-buttonShaded80: @overlay0 !important;\n --newRedditTheme-buttonTinted20: @accent-color !important;\n --newRedditTheme-buttonTinted50: @accent-color !important;\n --newRedditTheme-buttonTinted80: @accent-color !important;\n --newRedditTheme-canvas: @crust !important;\n --newRedditTheme-checkbox: @text !important;\n --newRedditTheme-errorText: @red !important;\n --newRedditTheme-field: @base !important;\n --newRedditTheme-fieldFade: @mantle !important;\n --newRedditTheme-flair: @accent-color !important;\n\n /* controls menu, link, and other similar highlights. very important */\n --newRedditTheme-highlight: @base !important;\n\n --newRedditTheme-inactive: @surface0 !important;\n --newRedditTheme-lightText: @text !important;\n --newRedditTheme-lightTextAlpha75: @subtext1 !important;\n --newRedditTheme-line: fadeout(@surface1, 80) !important;\n --newRedditTheme-lineShaded80: fadeout(@surface1, 80) !important;\n --newRedditTheme-lineShaded90: fadeout(@surface1, 80) !important;\n --newRedditTheme-lineShadedNinety: fadeout(@surface1, 80) !important;\n\n /* links */\n --newRedditTheme-linkText: @accent-color !important;\n --newRedditTheme-linkTextAlpha80: @accent-color !important;\n --newRedditTheme-linkTextShaded80: @accent-color !important;\n --newRedditTheme-linkTextTinted80: @accent-color !important;\n --newRedditTheme-linkTextWithBody: @accent-color !important;\n\n /* menus */\n --newRedditTheme-menu: @mantle !important;\n --newRedditTheme-menuActiveText: @text !important;\n --newRedditTheme-menuButtonBackground-active: @accent-color !important;\n --newRedditTheme-menuButtonBackground-focus: @base !important;\n --newRedditTheme-menuButtonBackground-hover: @base !important;\n --newRedditTheme-menuInactiveText: @text !important;\n\n --newRedditTheme-metaText: @subtext0 !important;\n --newRedditTheme-metaTextAlpha50: fadeout(@crust, 20) !important;\n --newRedditTheme-metaTextShaded80: @subtext1 !important;\n --newRedditTheme-monospaceColor: @accent-color !important;\n --newRedditTheme-navBar-activeLink: @text !important;\n --newRedditTheme-navBar-activeSubmenuCaret: @text !important;\n --newRedditTheme-navBar-activeSubmenuLink: @text !important;\n --newRedditTheme-navBar-backgroundColor: @mantle !important;\n --newRedditTheme-navBar-hoverLink: @text !important;\n --newRedditTheme-navBar-inactiveLink: @text !important;\n --newRedditTheme-navBar-inactiveSubmenuCaret: @text !important;\n --newRedditTheme-navBar-inactiveSubmenuLink: @text !important;\n --newRedditTheme-navBar-submenuBackgroundColor: @mantle !important;\n --newRedditTheme-navIcon: @text !important;\n --newRedditTheme-navIconFaded10: fadeout(@crust, 20) !important;\n --newRedditTheme-nsfw: @red !important;\n --newRedditTheme-nsfwBlocking-bgcolor: @crust !important;\n --newRedditTheme-nsfwBlocking-color: @text !important;\n --newRedditTheme-nsfwBlocking-contentTitleBgColor: @base !important;\n --newRedditTheme-nsfwBlocking-mainCtaBgColor: @mantle !important;\n --newRedditTheme-pageHeader: @surface0 !important;\n --newRedditTheme-placeholder: @surface1 !important;\n --newRedditTheme-post: @mantle !important;\n --newRedditTheme-postError: @red !important;\n --newRedditTheme-postFlairText: @text !important;\n --newRedditTheme-postIcon: @accent-color !important;\n --newRedditTheme-postLine: fadeout(@surface1, 80) !important;\n --newRedditTheme-postLineShaded80: fadeout(@surface1, 80) !important;\n --newRedditTheme-postLineShaded90: fadeout(@surface1, 80) !important;\n --newRedditTheme-postTinted20: @base !important;\n --newRedditTheme-postTransparent20: fadeout(@crust, 20) !important;\n --newRedditTheme-primaryButtonShadedEighty: @surface1 !important;\n --newRedditTheme-primaryButtonTintedEighty: @surface2 !important;\n --newRedditTheme-primaryButtonTintedFifty: @surface1 !important;\n --newRedditTheme-primaryButtonTintedSixty: @surface1 !important;\n --newRedditTheme-quarantine: @yellow !important;\n --newRedditTheme-report: @base !important;\n --newRedditTheme-search-syntaxHighlightBackgroundColor: @accent-color !important;\n --newRedditTheme-search-syntaxHighlightColor: @base !important;\n --newRedditTheme-titleText: @text !important;\n --newRedditTheme-upsell-appleIcon: @overlay0 !important;\n --newRedditTheme-upsell-ssoButtonBorderColor: @text !important;\n --newRedditTheme-upsell-ssoButtonTextColor: @text !important;\n --newRedditTheme-voteText-base: @subtext1 !important;\n --newRedditTheme-voteText-downvote: @blue !important;\n --newRedditTheme-voteText-downvoteShaded80: @blue !important;\n --newRedditTheme-voteText-downvoteTinted80: @blue !important;\n --newRedditTheme-voteText-upvote: @red !important;\n --newRedditTheme-voteText-upvoteShaded80: @red !important;\n --newRedditTheme-voteText-upvoteTinted80: @red !important;\n --newRedditTheme-widgetColors-appleIcon: @overlay0 !important;\n --newRedditTheme-widgetColors-lineColor: fadeout(\n @surface1,\n 80\n ) !important;\n --newRedditTheme-widgetColors-sidebarWidgetBackgroundColor: @mantle !important;\n --newRedditTheme-widgetColors-sidebarWidgetBorderColor: fadeout(\n @surface1,\n 80\n ) !important;\n --newRedditTheme-widgetColors-sidebarWidgetHeaderColor: @crust !important;\n --newRedditTheme-widgetColors-sidebarWidgetHeaderColorAlpha60: fadeout(\n @crust,\n 20\n ) !important;\n --newRedditTheme-widgetColors-sidebarWidgetTextColor: @text !important;\n --newRedditTheme-widgetColors-sidebarWidgetTextColorShaded80: @subtext1 !important;\n --newRedditTheme-widgetColors-sidebarWidgetTitleColor: @text !important;\n --tw-bg-opacity: @crust !important;\n --vds-video-bg-color: @crust !important;\n }\n\n /* reddit chat variables */\n :root {\n --activity-button-chatFilterColor: @surface0 !important;\n --activity-button-newChatFilter-activeBg: @accent-color !important;\n --activity-button-newChatFilter-activeText: @base !important;\n --activity-button-newChatFilter-defaultBorder: @surface1 !important;\n --activity-button-newChatFilter-defaultText: @text !important;\n --activity-button-primary: @accent-color !important;\n --activity-button-secondary: @text !important;\n --activity-buttonPrimary-color: @accent-color !important;\n --activity-buttonSecondary-active: @accent-color !important;\n --activity-checkbox-checked: @accent-color !important;\n --activity-checkbox-checkmark: @text !important;\n --activity-checkbox-unchecked: @base !important;\n --activity-checkbox-uncheckedBorder: @surface1 !important;\n --activity-icon-active: @accent-color !important;\n --activity-icon-contrast: @surface1 !important;\n --activity-icon-default: @subtext0 !important;\n --activity-icon-disable: @surface2 !important;\n --activity-icon-hover: @surface2 !important;\n --activity-icon-nsfw-bg: @base !important;\n --activity-icon-nsfw-text: @text !important;\n --activity-icon-subIcon-backgroundColor: @text !important;\n --activity-icon-toaster: @crust !important;\n --activity-input-background: fadeout(@crust, 20) !important;\n --activity-input-border: @surface1 !important;\n --activity-input-channelRename: @subtext0 !important;\n --activity-input-color: @subtext1 !important;\n --activity-input-error: @red !important;\n --activity-input-focusBg: @green !important;\n --activity-input-focusColor: @text !important;\n --activity-input-ownerBg: @surface0 !important;\n --activity-link-hoverText: @red !important;\n --activity-link-staticText: @accent-color !important;\n --activity-link-staticUnderline: @accent-color !important;\n --activity-minimizedPortal-backgroundColor-unreadFinal: @mantle !important;\n --activity-minimizedPortal-backgroundColor-unreadInitial: @accent-color !important;\n --activity-minimizedPortal-color-unreadFinal: @text !important;\n --activity-minimizedPortal-color-unreadInitial: @text !important;\n --activity-send-disable: @surface0 !important;\n --activity-send-hover: @accent-color !important;\n --activity-text-active: @accent-color !important;\n --activity-text-fade: @subtext0 !important;\n --activity-text-highlight: @text !important;\n --activity-text-light: @subtext0 !important;\n --activity-text-meta: @subtext0 !important;\n --activity-text-regular: @text !important;\n --activity-text-success: @green !important;\n --activity-text-tutorial: @rosewater !important;\n --activity-text-warning: @red !important;\n --addReaction-backgroundColor: @surface0 !important;\n --addReaction-iconFill: @surface1 !important;\n --boxShadow: fadeout(@crust, 20) !important;\n --bubble-border: fadeout(@surface1, 80) !important;\n --bubble-channelsFilter-background: @crust !important;\n --bubble-channelsFilter-selected: @overlay0 !important;\n --bubble-color: @text !important;\n --bubble-link-color: @accent-color !important;\n --bubbleActions-hover: @surface0 !important;\n --editName: @surface1 !important;\n --layout-body: @mantle !important;\n --layout-colsBorder: fadeout(@surface1, 80) !important;\n --layout-controlsBorder: fadeout(@surface1, 80) !important;\n --layout-dropdown-border: fadeout(@surface1, 80) !important;\n --layout-header-counterBg: @red !important;\n --layout-header-counterText: @text !important;\n --layout-overlayBackground: fadeout(@crust, 20) !important;\n --layout-overlayReportFlow: fadeout(@crust, 20) !important;\n --layout-scrollbar: @text !important;\n --layout-scrollbarHover: @accent-color !important;\n --layout-timeStamp-tooltip-background: @surface0 !important;\n --message-list-item-button: @surface1 !important;\n --message-list-item-onlineIndicator: @green !important;\n --message-list-item-ownerBg: @surface1 !important;\n --message-list-item-richItem: @overlay0 !important;\n --message-list-item-richItemBorder: fadeout(@surface1, 80) !important;\n --message-list-item-white: @text !important;\n --modal-buttonsBackground: @text !important;\n --modal-primaryButtonWarning: @red !important;\n --modal-secondaryButton: @text !important;\n --newChat-inviteLink-borderColor: fadeout(@surface1, 80) !important;\n --overlay-backgroundColor: @mantle !important;\n --overlay-headerColor: @text !important;\n --overlay-inputBackground: @crust !important;\n --overlay-searchBarBackground: @mantle !important;\n --prompt-tooltip-background: @accent-color !important;\n --searchBar-backgroundColor: @mantle !important;\n --settings-color: @subtext0 !important;\n --settings-dropdownItemHoverBackground: @crust !important;\n --settings-panelBackground: @crust !important;\n --settings-panelItemHoverBackground: @surface0 !important;\n --settings-panelItemSelectedBackground: @surface1 !important;\n --sidebar-background: fadeout(@surface1, 80) !important;\n --sidebar-basic-background-active: @accent-color !important;\n --sidebar-basic-background-hover: @mantle !important;\n --sidebar-footer-background: @crust !important;\n --sidebar-item-active: @surface1 !important;\n --sidebar-item-hover: @surface0 !important;\n --sidebar-item-selected: @surface2 !important;\n --sidebar-item-text-active: @text !important;\n --sidebar-subreddit-background-active: @accent-color !important;\n --sidebar-subreddit-background-hover: @surface1 !important;\n --sidebar-text-divider: @surface1 !important;\n --skeleton-field: @surface2 !important;\n --skeleton-inactive: @surface0 !important;\n --subreddit-iconBg: @accent-color !important;\n --toast-error: @red !important;\n --toast-pending: @crust !important;\n --toast-success: @green !important;\n --uploads-progress-background: @subtext0 !important;\n --uploads-progress-bar: @accent-color !important;\n --videoModal-button-background: @text !important;\n --videoModal-button-color: @mantle !important;\n }\n\n ::placeholder {\n color: @subtext0 !important;\n }\n\n /* site background */\n div.ListingLayout-backgroundContainer::before {\n background: @base !important;\n }\n\n /* PROFILE MENU */\n\n /* karma count */\n span#email-collection-tooltip-id > :nth-child(2) > :nth-child(2) > span {\n color: @subtext0 !important;\n }\n\n /* profile button karma icon */\n i.icon-karma_fill {\n color: @red !important;\n }\n\n /* menu headers */\n div[role=\"menu\"] > div > div > span > span {\n color: @subtext0 !important;\n }\n\n /* switches, should also apply sitewide */\n button[role=\"switch\"][aria-checked=\"false\"] {\n background: @surface0 !important;\n }\n\n button[role=\"switch\"] > div {\n background: @text !important;\n }\n\n /* online status */\n ._2dn5Ncenn0BSD4tCSmxQhA {\n fill: @green !important;\n }\n\n ._3SlBAJb2MbUHwgBZFH8eL7 {\n fill: @base !important;\n }\n\n /* PROFILE PAGE */\n\n /* create avatar button */\n button._3F1tNW0P4Ff182mO_CefIg {\n background: linear-gradient(90deg, @red, @peach) !important;\n color: @base !important;\n }\n\n button._3F1tNW0P4Ff182mO_CefIg > i {\n color: @base !important;\n }\n\n /* cake day and followers icon */\n i.icon-cake_fill,\n i.icon-user_fill {\n color: @accent-color !important;\n }\n\n /* add social links button readability tweak */\n div._3hew1NnzwygOKDNQDKp6R4,\n div._3hew1NnzwygOKDNQDKp6R4 > i,\n li._3hew1NnzwygOKDNQDKp6R4 {\n color: @base !important;\n }\n\n /* profile moderation and user settings page */\n div._1VP69d9lk-Wk9zokOaylL {\n --background: @base !important;\n --canvas: @base !important;\n }\n\n /* Beta Badge */\n span._2KFJx8Dhh1o1u0Xb8e7NuD {\n color: @accent-color !important;\n }\n\n /* Delete Account */\n button.EBd2MhBQlQeZ13YeP0K8a {\n color: @accent-color !important;\n }\n\n /* Delete Account Icon */\n svg._1Fa4RPHlhrfUZuNaXK2-eP > path {\n fill: @accent-color !important;\n }\n\n /* blocked, muted input */\n input._1Vnaj3fBuYrmHKEPQD_zWW {\n background-color: @base !important;\n }\n\n /* fixes profile posts not being themed */\n div.scrollerItem > div,\n div[data-testid=\"post-container\"],\n div[style=\"background:#1A1A1B\"],\n div._2otRz3OtuWajw1RleFDJ5P {\n background: @mantle !important;\n }\n\n /* NFT AVATAR VIEWER */\n\n /* modal background */\n div._productDetails_7kbcu_53 {\n background: @mantle !important;\n color: @text !important;\n }\n\n /* mint status */\n div._mintStatus_7kbcu_264 {\n color: @accent-color !important;\n }\n\n /* carousel background */\n div._carousel_7kbcu_45 {\n background: linear-gradient(243.37deg, @base 16.42%, @blue 100%);\n }\n\n /* nft card back */\n div._card_1ooes_1 {\n background: @blue !important;\n }\n\n ol._container_1t62i_1 {\n border-color: @base !important;\n }\n\n ol._container_1t62i_1 > li {\n border-color: @base !important;\n }\n\n ol._container_1t62i_1 > li > div {\n color: @base !important;\n }\n\n div.MuiMobileStepper-dot {\n background: @surface0 !important;\n }\n\n div.MuiMobileStepper-dotActive {\n background: @accent-color !important;\n }\n\n div._scrollContainer_7kbcu_104 > div > h3,\n div._cardAuthor_7kbcu_79 {\n color: @subtext0 !important;\n }\n\n div._container_oikih_1 {\n background: @crust !important;\n border-color: @surface1 !important;\n }\n\n /* external links */\n a._pill_7kbcu_280 {\n background: @crust !important;\n color: @text !important;\n }\n\n /* shop for avatars button */\n button._shopForMoreButton_7kbcu_125 {\n background: linear-gradient(90deg, @red, @peach) !important;\n color: @base !important;\n }\n\n /* AVATAR CREATOR */\n div._wrapper_1upjl_7 {\n background: @base !important;\n color: @text !important;\n }\n\n /* SITE HEADER */\n\n /* reddit logo */\n a[aria-label=\"Home\"] > svg > g > circle {\n fill: @accent-color !important;\n }\n\n a[aria-label=\"Home\"] > svg:first-child > g > path {\n fill: @base !important;\n }\n\n a[aria-label=\"Home\"] > svg:nth-child(2) > g > path {\n fill: @text !important;\n }\n\n /* notification icon */\n button[aria-label=\"Open notifications inbox\"] > div > span {\n background: @accent-color !important;\n color: @mantle !important;\n }\n\n /* advertise button */\n #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a {\n background: @surface0 !important;\n color: @text !important;\n }\n\n #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a > i {\n color: @text !important;\n }\n\n /* reddit now notification */\n a[href=\"/now\"] > div {\n background: @accent-color !important;\n }\n\n /* search scope pill text */\n div[data-testid=\"search-scope-pill-text\"] {\n color: @text !important;\n }\n\n /* search popup title */\n div[class*=\"_2SdHzo12ISmrC8H86TgSCp\"][class*=\"_1QVrieUoti9cxiQSRw314E\"][class*=\"uWdXen_41bh0iwLrgzFkc\"] {\n --posttitletextcolor: @text !important;\n }\n\n /* safe search toggle */\n button#safe-search-toggle[aria-checked=\"true\"] {\n background: @accent-color !important;\n }\n\n /* NAVIGATION SIDEBAR */\n\n /* close icon */\n i.icon-close {\n color: @subtext0 !important;\n }\n\n /* item color */\n a[role=\"menuitem\"] {\n color: @text !important;\n }\n\n /* navigation sidebar header color */\n div[role=\"menu\"] > div[role=\"heading\"] {\n color: @subtext0 !important;\n }\n\n a[role=\"menuitem\"]:hover {\n background: @surface0 !important;\n }\n\n /* favorites */\n i.icon-star_fill {\n color: @accent-color !important;\n }\n\n i.icon-star {\n color: @subtext0 !important;\n }\n\n /* RIGHT FRONTPAGE SIDEBAR */\n\n /* reddit premium icon */\n i.icon-premium_fill {\n color: @accent-color !important;\n }\n\n /* reddit premium try now button */\n button._10BQ7pjWbeYP63SAPNS8Ts.q_unSaY23rpdd3lDvGZ- {\n background: @accent-color !important;\n color: @base !important;\n }\n\n /* recent posts thumbnail borders */\n div._3fWuhJ6bVet7XJT5A0mZM2 > div > div > div {\n border-color: @subtext0 !important;\n }\n\n /* POSTS */\n\n /* post background for card style */\n div[data-adclicklocation=\"background\"] {\n background: @base !important;\n }\n\n /* post options (save, comment, etc.) */\n div._3-miAEojrCvx_4FQ8x3P-s,\n i.icon-comment,\n i.icon-share,\n i.icon-save,\n i.icon-expand,\n i.icon-collapse,\n i.icon-text_post,\n i.icon-image_post,\n i.icon-media_gallery,\n i.icon-video_post,\n i.icon-gif_post,\n i.icon-embed,\n i.icon-external_link,\n i.icon-poll_post {\n color: @subtext0 !important;\n }\n\n /* post title color */\n div[data-adclicklocation=\"title\"] > div > a > div > h3,\n div[data-adclicklocation=\"title\"]\n > div:first-child\n > div:first-child\n > h1:first-child {\n color: @text !important;\n }\n\n /* \n * post op color and\n * post date color\n */\n div[data-adclicklocation=\"top_bar\"] > span,\n a[data-testid=\"post_author_link\"] {\n color: @subtext0 !important;\n }\n\n /* nsfw flair */\n span._1wzhGvvafQFOWAyA157okr {\n border-color: @red !important;\n color: @red !important;\n }\n\n /* pinned post icon */\n i.icon-pin_fill {\n color: @green !important;\n }\n\n /* give award icon */\n i.icon-award {\n color: @subtext0 !important;\n }\n\n /* locked post icon */\n i.icon-archived_fill,\n i.icon-lock_fill {\n color: @yellow !important;\n }\n\n /* post button divider */\n div[data-click-id=\"body\"] > div:nth-child(3) > div:nth-child(3) {\n border-color: @surface1 !important;\n }\n\n /* UPVOTES/DOWNVOTES */\n\n /* upvote/downvote background */\n div.Post,\n div[data-click-id=\"media\"] {\n background: @mantle !important;\n fill: @mantle !important;\n }\n\n /* inactive vote text color */\n div[id^=\"vote-arrows\"] > div {\n color: @subtext0 !important;\n }\n\n /* active upvote color */\n i.icon-upvote_fill {\n color: @red !important;\n }\n\n button[aria-label=\"upvote\"][aria-pressed=\"false\"] > span:hover > i {\n color: @red !important;\n }\n\n /* active upvote text color */\n button[aria-label=\"upvote\"][aria-pressed=\"true\"] ~ div {\n color: @red !important;\n }\n\n /* hover background for both upvotes and downvotes */\n button[aria-label=\"upvote\"][aria-label=\"downvote\"] > span:hover {\n background: @surface0 !important;\n }\n\n /* active downvote color */\n .icon-downvote_fill {\n color: @blue !important;\n }\n\n /* active downvote text color */\n button[aria-label=\"downvote\"][aria-pressed=\"true\"] ~ div {\n color: @blue !important;\n }\n\n button[aria-label=\"downvote\"][aria-pressed=\"false\"] > span:hover > i {\n color: @blue !important;\n }\n\n /* REPORT MODAL */\n\n a.o1ov2mzLxTFAFP-O4Uv8I {\n color: @accent-color !important;\n }\n\n button._1lDGFVGU9k2mi-4kjU95Rp {\n color: @base !important;\n }\n\n /* SUBREDDIT PAGES */\n a[role=\"button\"][target=\"_blank\"] {\n background: @text !important;\n color: @base !important;\n }\n\n /* radio buttons (flair selector, etc.) */\n div[role=\"radio\"]:hover,\n div[role=\"radio\"]:focus {\n background: @accent-color !important;\n }\n\n div[role=\"radio\"] > svg,\n div[role=\"radio\"] > svg:active {\n fill: @text !important;\n }\n\n /* checkboxes */\n button[role=\"checkbox\"] {\n fill: @accent-color !important;\n }\n\n /* SUBREDDIT RIGHT SIDEBAR (some styles carry over from the homepage right sidebar section) */\n\n /* header background */\n ._ZhON3a3vplThB8NFwuJn {\n background: @crust !important;\n color: @text !important;\n }\n\n /* subreddit image background */\n img[alt=\"Subreddit Icon\"][role=\"presentation\"] {\n background: @accent-color !important;\n }\n\n /* border between uela */\n ._1KrMye71CT332tKKKUWAj6:not(:last-of-type) {\n border-bottom-color: @surface0;\n }\n\n /* default subreddit icon */\n i.icon-community_fill {\n color: @accent-color !important;\n }\n\n /* online users */\n div._21RLQh5PvUhC6vOKoFeHUP::before {\n color: @green !important;\n }\n\n /* POST VIEWER */\n\n /* spoiler tags */\n ._2v4IIjPhKL0PDaWaWtjJ1E {\n background: @surface0 !important;\n }\n\n /* mod comment tag */\n span[id^=\"CommentTopMeta--Mod\"] {\n color: @green !important;\n }\n\n /* op comment tag */\n span[id^=\"CommentTopMeta--OP\"] {\n color: @blue !important;\n }\n\n /* post overlay if you have \"open in new tab\" disabled */\n div#overlayScrollContainer > div {\n background: @crust !important;\n }\n\n /* fixes comment section background not working when \"open in new tab is disabled\" */\n div._2M2wOqmeoPVvcSsJ6Po9-V._3287nL7j7epK9JmDC3N1VR {\n background: @mantle !important;\n }\n\n /* shade applied to background when clicking on a post with \"open in new tab\" disabled */\n div._2DJXORCrmcNpPTSq0LqL6i,\n div._1DK52RbaamLOWw5UPaht_S {\n background: fadeout(@crust, 20) !important;\n }\n\n /* gold award gradient */\n div.TmlaIdEplCzZ0F1aRGYQh[role=\"presentation\"] {\n background: linear-gradient(\n 188deg,\n #f9e2af1f 1.7%,\n #f9e2af00 46%,\n rgba(0, 0, 0, 0)\n ) !important;\n }\n\n /* image gallery next/previous buttons */\n a[title=\"Next\"] > i,\n a[title=\"Previous\"] > i {\n background: @surface0 !important;\n }\n\n /* image gallery image count */\n div._61i6grM3um1yuw4GrN97P {\n background: fadeout(@crust, 20) !important;\n color: @text !important;\n }\n\n /* comment search bar */\n input#comment_search-bar {\n background: @base !important;\n }\n\n /* tab bar below banner */\n ._1gVVmSnHZpkUgVShsn7-ua {\n background: @mantle !important;\n }\n\n /* MULTIREDDITS/CUSTOM FEEDS */\n\n /* delete custom feed button */\n .bX6SqXfzfxpv4GQbuIYVZ {\n color: @red !important;\n }\n\n /* TOOLTIPS */\n div.HQ2VJViRjokXpRbJzPvvc {\n background: @mantle !important;\n color: @text !important;\n }\n\n div.HQ2VJViRjokXpRbJzPvvc::after {\n border-top-color: @mantle !important;\n }\n\n /* Recap Reddit Logo */\n .snoo-cls-1 {\n fill: @base;\n }\n\n .snoo-cls-2 {\n fill: @base;\n }\n\n .snoo-cls-3 {\n fill: @base;\n }\n\n .snoo-cls-4 {\n fill: @accent-color;\n }\n\n .snoo-cls-5 {\n fill: @accent-color;\n }\n\n .snoo-cls-6 {\n fill: @base;\n }\n\n .snoo-cls-7 {\n fill: @accent-color;\n }\n\n .snoo-cls-8 {\n fill: @base;\n }\n\n .snoo-cls-9 {\n fill: @base;\n }\n\n .snoo-cls-10 {\n fill: @accent-color;\n }\n\n .snoo-cls-11 {\n fill: @sky;\n }\n\n .snoo-cls-11 {\n fill: @sky;\n }\n }\n}\n\n/* prettier-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"SearXNG Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/searxng","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/searxng","version":"0.3.1","description":"Soothing pastel theme for SearXNG","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/searxng/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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":"Grey","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 0.3.1\n@description Soothing pastel theme for SearXNG\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/searxng/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Grey\"]\n@var checkbox additions \"Additional Tweaks\" 0\n==/UserStyle== */\n@-moz-document url-prefix(\"http://ransack.i2p/\"),\nurl-prefix(\"https://darmarit.org/searx/\"),\nurl-prefix(\"https://de.xcxc.ml/\"),\nurl-prefix(\"https://dynabyte.ca/\"),\nurl-prefix(\"https://etsi.me/\"),\nurl-prefix(\"https://icanfindit.online/\"),\nurl-prefix(\"https://jackgoss.xyz/\"),\nurl-prefix(\"https://jsearch.pw/\"),\nurl-prefix(\"https://metasearch.nl/\"),\nurl-prefix(\"https://northboot.xyz/\"),\nurl-prefix(\"https://notsearch.uk/\"),\nurl-prefix(\"https://opnxng.com/\"),\nurl-prefix(\"https://paulgo.io/\"),\nurl-prefix(\"https://priv.au/\"),\nurl-prefix(\"https://privatus.live/\"),\nurl-prefix(\"https://s.frlt.one/\"),\nurl-prefix(\"https://s.zhaocloud.net/\"),\nurl-prefix(\"https://saber.tk/\"),\nurl-prefix(\"https://search.0relay.com/\"),\nurl-prefix(\"https://search.affusio.com/\"),\nurl-prefix(\"https://search.bus-hit.me/\"),\nurl-prefix(\"https://search.callmeecho.dev/\"),\nurl-prefix(\"https://search.chemicals-in-the-water.eu/\"),\nurl-prefix(\"https://search.cronobox.one/\"),\nurl-prefix(\"https://search.disroot.org/\"),\nurl-prefix(\"https://search.ethibox.fr/\"),\nurl-prefix(\"https://search.gcomm.ch/\"),\nurl-prefix(\"https://search.kiwitalk.de/\"),\nurl-prefix(\"https://search.mdosch.de/\"),\nurl-prefix(\"https://search.mpx.wtf/\"),\nurl-prefix(\"https://search.neet.works/\"),\nurl-prefix(\"https://search.ononoki.org/\"),\nurl-prefix(\"https://search.privacyguides.net/\"),\nurl-prefix(\"https://search.projectsegfau.lt/\"),\nurl-prefix(\"https://search.rabbit-company.com/\"),\nurl-prefix(\"https://search.rhscze.cf/\"),\nurl-prefix(\"https://search.rowie.at/\"),\nurl-prefix(\"https://search.sapti.me/\"),\nurl-prefix(\"https://search.serginho.dev/\"),\nurl-prefix(\"https://search.smnz.de/\"),\nurl-prefix(\"https://search.snopyta.org/\"),\nurl-prefix(\"https://search.stinpriza.org/\"),\nurl-prefix(\"https://search.teamriverbubbles.com/\"),\nurl-prefix(\"https://search.trom.tf/\"),\nurl-prefix(\"https://search.unlocked.link/\"),\nurl-prefix(\"https://search.uspersec.com/\"),\nurl-prefix(\"https://search.vidhukant.xyz/\"),\nurl-prefix(\"https://search.zzls.xyz/\"),\nurl-prefix(\"https://searx.baczek.me/\"),\nurl-prefix(\"https://searx.be/\"),\nurl-prefix(\"https://searx.becomesovran.com/\"),\nurl-prefix(\"https://searx.bissisoft.com/\"),\nurl-prefix(\"https://searx.chocoflan.net/\"),\nurl-prefix(\"https://searx.divided-by-zero.eu/\"),\nurl-prefix(\"https://searx.dresden.network/\"),\nurl-prefix(\"https://searx.ebnar.xyz/\"),\nurl-prefix(\"https://searx.ericaftereric.top/\"),\nurl-prefix(\"https://searx.esmailelbob.xyz/\"),\nurl-prefix(\"https://searx.fi/\"),\nurl-prefix(\"https://searx.fmac.xyz/\"),\nurl-prefix(\"https://searx.fossencdi.org/\"),\nurl-prefix(\"https://searx.gnous.eu/\"),\nurl-prefix(\"https://searx.gnu.style/\"),\nurl-prefix(\"https://searx.kujonello.cf/\"),\nurl-prefix(\"https://searx.mastodontech.de/\"),\nurl-prefix(\"https://searx.mha.fi/\"),\nurl-prefix(\"https://searx.mistli.net/\"),\nurl-prefix(\"https://searx.mxchange.org/\"),\nurl-prefix(\"https://searx.nakhan.net/\"),\nurl-prefix(\"https://searx.namejeff.xyz/\"),\nurl-prefix(\"https://searx.netzspielplatz.de/\"),\nurl-prefix(\"https://searx.nixnet.services/\"),\nurl-prefix(\"https://searx.org/\"),\nurl-prefix(\"https://searx.orion-hub.fr/\"),\nurl-prefix(\"https://searx.priv.pw/\"),\nurl-prefix(\"https://searx.prvcy.eu/\"),\nurl-prefix(\"https://searx.rimkus.it/\"),\nurl-prefix(\"https://searx.roflcopter.fr/\"),\nurl-prefix(\"https://searx.ru/\"),\nurl-prefix(\"https://searx.run/\"),\nurl-prefix(\"https://searx.semipvt.com/\"),\nurl-prefix(\"https://searx.sethforprivacy.com/\"),\nurl-prefix(\"https://searx.sev.monster/\"),\nurl-prefix(\"https://searx.slipfox.xyz/searx/\"),\nurl-prefix(\"https://searx.sp-codes.de/\"),\nurl-prefix(\"https://searx.stuehieyr.com/\"),\nurl-prefix(\"https://searx.tiekoetter.com/\"),\nurl-prefix(\"https://searx.tuxcloud.net/\"),\nurl-prefix(\"https://searx.tyil.nl/\"),\nurl-prefix(\"https://searx.vanwa.tech/\"),\nurl-prefix(\"https://searx.webheberg.info/\"),\nurl-prefix(\"https://searx.xyz/\"),\nurl-prefix(\"https://searx.zapashcanon.fr/\"),\nurl-prefix(\"https://searx.zcyph.cc/\"),\nurl-prefix(\"https://searxng.ir/\"),\nurl-prefix(\"https://searxng.nicfab.eu/\"),\nurl-prefix(\"https://searxng.zackptg5.com/\"),\nurl-prefix(\"https://serx.ml/\"),\nurl-prefix(\"https://sh0.it/\"),\nurl-prefix(\"https://soek.allesbeste.com/\"),\nurl-prefix(\"https://spot.ecloud.global/\"),\nurl-prefix(\"https://srx.cosmohub.io/\"),\nurl-prefix(\"https://searx.oakleycord.dev/\"),\nurl-prefix(\"https://suche.dasnetzundich.de/\"),\nurl-prefix(\"https://suche.tromdienste.de/\"),\nurl-prefix(\"https://suche.uferwerk.org/\"),\nurl-prefix(\"https://swag.pw/\"),\nurl-prefix(\"https://sx.catgirl.cloud/\"),\nurl-prefix(\"https://timdor.noip.me/searx/\"),\nurl-prefix(\"https://trydex.tk/searxng/\"),\nurl-prefix(\"https://www.gruble.de/\"),\nurl-prefix(\"https://www.webrats.xyz/\"),\nurl-prefix(\"https://xcxc.ml/\"),\nurl-prefix(\"https://xo.wtf/\")\n{\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n :root.theme-auto {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n @media (prefers-color-scheme: dark) {\n :root.theme-auto {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n :root.theme-dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n :root.theme-light {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent-color) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent: @catppuccin[@@lookup][@@accent-color];\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 & when(@additions) {\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// vim:ft=less\n"},{"enabled":true,"name":"Skiff Catppuccin","description":"Soothing pastel theme for skiff","author":"Catppuccin","updateUrl":"https://github.com/catppuccin/userstyles/raw/main/styles/skiff/catppuccin.user.css","usercssData":{"name":"Skiff Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/skiff","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/skiff","version":"0.0.2","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/skiff/catppuccin.user.css","description":"Soothing pastel theme for skiff","author":"Catppuccin","license":"MIT","preprocessor":"less","vars":{"flavor":{"type":"select","label":"Flavor","name":"flavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","value":null,"default":"rosewater","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Gray","value":"subtext0"}]}}},"sourceCode":"/* ==UserStyle==\n@name Skiff Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/skiff\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/skiff\n@version 0.0.2\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/skiff/catppuccin.user.css\n@description Soothing pastel theme for skiff\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater*\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"app.skiff.com\") {\n :root {\n #catppuccin(@flavor, @accentColor);\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n html,\n body {\n /* main background colors */\n --bg-main-container: @mantle !important;\n --bg-l3-solid: @base !important;\n --bg-l2-solid: @base !important;\n --bg-sidepanel: @crust !important;\n --bg-l1-solid: @crust !important;\n\n /* Text fields and popups */\n --bg-field-default: @mantle !important;\n\n /* Text */\n --text-primary: @text !important;\n --text-secondary: @subtext1 !important;\n --text-disabled: @subtext0 !important;\n --text-tertiary: @subtext0 !important;\n --text-link: @accent-color !important;\n --text-destructive: @red !important;\n --text-inverse: @crust !important;\n\n --accent-green-primary: @green !important;\n }\n\n /* Link color when hovering over hotlinked text */\n .eWCUQ {\n color: @accent-color;\n }\n\n /* Unread dot */\n .bguZwu {\n background: @accent-color;\n }\n\n /* Change account/service dropdown and the tutorial popup, always dark mode regardless of setting */\n & when not (@lookup = latte) {\n /* Change account/service dropdown */\n .fLWrAr {\n background: @mantle;\n }\n .gWUKFc {\n background: @base;\n }\n\n /* tutorial popup */\n html,\n body {\n --bg-emphasis: @crust !important;\n }\n /* Pay with crypto header */\n .cEYYtP {\n background: @mantle !important;\n }\n }\n & when (@lookup = latte) {\n /* Change account/service dropdown */\n .fLWrAr {\n background: @catppuccin[@mocha][@mantle];\n }\n .gWUKFc {\n background: @catppuccin[@mocha][@mantle];\n }\n /* tutorial popup */\n html,\n body {\n --bg-emphasis: @catppuccin[@mocha][@crust] !important;\n }\n }\n\n /* Various dropdowns */\n .optionMenu {\n background: @crust !important;\n }\n\n /* Text in dropdowns */\n .imrrcE,\n .kvGqVe {\n color: @text;\n }\n .dkQatM {\n color: @subtext0;\n }\n\n /* Search menu */\n .bFaRKt {\n background: @mantle !important;\n }\n .enSdmg,\n .cGshPA,\n .epvcfe {\n color: @subtext0;\n caret-color: @accent-color;\n }\n .enSdmg:focus,\n .cGshPA:focus,\n .epvcfe:focus {\n color: @text;\n }\n\n /* Mail, folder, and tag colors */\n .dSuCgH {\n border-color: @red !important;\n }\n .haItIx,\n .eKPGmM,\n .eihkWB {\n background: @red;\n }\n .eaRVlP {\n border-color: @peach !important;\n }\n .JtHzx,\n .dKGpJJ,\n .NfxrE {\n background: @peach;\n }\n .hUzTMU {\n border-color: @pink !important;\n }\n .gvwSHu,\n .iJVhTi,\n .gbLRlL {\n background: @pink;\n }\n .eQGCyt {\n border-color: @yellow !important;\n }\n .BJLiU,\n .bdmXVU,\n .cldAOh {\n background: @yellow;\n }\n .jquNQm {\n border-color: @green !important;\n }\n .fBWSzj,\n .bmuMTf,\n .dzrHbG {\n background: @green;\n }\n .kmInNw {\n border-color: @sapphire !important;\n }\n .dZaPlW,\n .kHHBZC,\n .ePjgmv {\n background: @sapphire;\n }\n .gqLdmg {\n border-color: @blue !important;\n }\n .dtLBu,\n .gZiRxy,\n .hccJrv {\n background: @blue;\n }\n }\n}\n"},{"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.css","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":"0.0.1","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/spotify-web/catppuccin.user.css","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":"sapphire","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Gray","value":"subtext0"}]}}},"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 0.0.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/spotify-web/catppuccin.user.css\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/* If you need any help with the information above, please see: https://github.com/openstyles/stylus/wiki/Writing-UserCSS#var */\n\n/* Apply Theme To Site\n * For help with URL rules, please see https://github.com/openstyles/stylus/wiki/Writing-styles#valid--moz-document-rules */\n@-moz-document domain('open.spotify.com') {\n // Palette Lookup Table\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b;\n };\n }\n\n /* Userstyle as Mixin\n * This takes the following Parameters:\n * @lookup – which is the desired Flavor\n * @accent – which is the desired Accent Color */\n #catppuccin(@lookup, @accent) {\n // unpacking the color codes from the current @lookup flavor\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n .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-color;\n --text-negative: @red;\n --text-warning: @yellow;\n --text-positive: @accent-color;\n --text-announcement: @sapphire;\n --essential-base: @text;\n --essential-subdued: @subtext1;\n --essential-bright-accent: @accent-color;\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-color;\n --background-highlight: @accent-color;\n --background-press: @accent-color;\n --background-elevated-base: @accent-color;\n --background-elevated-highlight: @accent-color;\n --background-elevated-press: @accent-color;\n --background-tinted-base: @accent-color;\n --background-tinted-highlight: @accent-color;\n --background-tinted-press: @accent-color;\n --background-unsafe-for-small-text-base: @accent-color;\n --background-unsafe-for-small-text-highlight: @accent-color;\n --background-unsafe-for-small-text-press: @accent-color;\n --decorative-subdued: darken(@accent-color, 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 (@lookup = latte) {\n .T1xI1RTSFU7Wu94UuvE6 * {\n background: @surface0 !important;\n }\n .bQthUEx0_U98DJkT1saO,\n .RVRoa p {\n color: @base !important;\n }\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 // 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 .T1xI1RTSFU7Wu94UuvE6,\n .gHImFiUWOg93pvTefeAD,\n .CoLO4pdSl8LGWyVZA00t {\n background: @base !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 color: @text !important;\n }\n .ThG4UqWk7ASXCMm69Opn,\n .BQD_pE0Nva_z6z7CvZww *,\n .k2ndSrHzhAsXBcLqRKYx * {\n color: @overlay2 !important;\n }\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 background: @surface0 !important;\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 .H6jh9Xd7DNOq3NsLDmCB {\n color: @text;\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 // 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 // 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 // Icon\n .RfidWIoz8FON2WhFoItU {\n color: @text;\n }\n // Playlist bottom\n .cuLHaM {\n background-color: @base;\n }\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-color;\n }\n a {\n color: @accent-color;\n }\n .Ng3dPPA2_1CFYkzPukjM {\n background: @blue;\n }\n .KAZD28usA1vPz5GVpm63.EHxL6K_6WWDlTCZP6x5w::after {\n background-color: @accent-color;\n }\n .tippy-box[data-theme~=\"activation\"] {\n background-color: @accent-color;\n color: @crust;\n & .c0KyMkxeMCWQGE7cR8s_ *,\n & .TextForLabel-sc-1jqya9m-0.kIsEKW {\n color: @crust;\n }\n }\n .zrvvPyoxE6wQNqnu0yWA {\n color: @text;\n background: @surface0;\n }\n input:checked ~ .Js64TOfWtHksI6TQ6knT {\n background: @accent-color !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 .eG930DCaQXDFqjhxRGIs > * {\n background: @crust !important;\n }\n }\n\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor, @accentColor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor, @accentColor);\n }\n}\n// vim:ft=less\n"},{"enabled":true,"name":"Startpage Catppuccin","description":"Soothing pastel theme for YouTube","author":"Catppuccin","updateUrl":"https://github.com/catppuccin/userstyles/raw/main/styles/startpage/catppuccin.user.css","usercssData":{"name":"Startpage Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/startpage","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/startpage","version":"0.2.0","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/startpage/catppuccin.user.css","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":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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 Startpage Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/startpage\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/startpage\n@version 0.2.0\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/startpage/catppuccin.user.css\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:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"startpage.com\") {\n @media (prefers-color-scheme: light) {\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n }\n\n @media (prefers-color-scheme: dark) {\n :root {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n #catppuccin(@lookup, @accent-color) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent: @catppuccin[@@lookup][@@accent-color];\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\n/* prettier-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Stylus Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/stylus","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/stylus","version":"1.1.2","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/stylus/catppuccin.user.css","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":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","value":null,"default":"sapphire","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Gray","value":"subtext0"}]}}},"sourceCode":"/* ==UserStyle==\n@name Stylus Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/stylus\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/stylus\n@version 1.1.2\n@updateURL \t https://github.com/catppuccin/userstyles/raw/main/styles/stylus/catppuccin.user.css\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:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@-moz-document url-prefix(\"moz-extension://\"), url-prefix(chrome-extension://)\n{\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @color: @catppuccin[@@lookup][@@accent];\n\n &:root {\n --bg: @base;\n --fg: @text;\n --c30: @subtext1;\n --c40: @overlay0;\n --c45: @surface2;\n --c50: @subtext0;\n --c60: @subtext0;\n --c65: @surface2;\n --c75: @overlay1;\n --c80: @surface1;\n --c85: @surface0;\n --c90: @base;\n --c95: @mantle;\n --c97: @mantle;\n --c98: @base;\n --c99: @base;\n --c100: @base;\n --accent-1: @color;\n --accent-2: @color;\n --accent-3: @color;\n }\n\n .active #filters-stats {\n background-color: @color;\n border-color: @color;\n color: @base;\n }\n #header-resizer {\n color: @surface1;\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(@color, 25%);\n }\n .CodeMirror-linenumber {\n color: @subtext0;\n }\n .cm-s-default .cm-string {\n color: @peach;\n }\n .cm-s-default .cm-qualifier {\n color: @peach;\n }\n .cm-s-default .cm-variable-2 {\n color: @sapphire;\n }\n .cm-s-default .cm-keyword {\n color: @mauve;\n }\n .cm-s-default .cm-atom,\n .cm-s-default .cm-number {\n color: @green;\n }\n .cm-s-default .cm-def {\n color: @sapphire;\n }\n .cm-s-default .cm-tag {\n color: @sapphire;\n }\n .cm-s-default .cm-builtin {\n color: @subtext1;\n }\n .cm-s-default .cm-variable-3 {\n color: @subtext1;\n }\n .cm-s-default .cm-comment {\n color: @subtext0;\n }\n .cm-s-default .cm-operator {\n color: @yellow;\n }\n div.CodeMirror span.CodeMirror-matchingbracket {\n color: @green;\n }\n button:disabled,\n select:disabled,\n option:disabled,\n select[disabled] > option {\n color: @subtext0;\n }\n .applies-to input,\n .applies-to select {\n background: @base;\n border-color: @surface0;\n color: @subtext0;\n }\n button {\n color: @text !important;\n background: @mantle !important;\n }\n #save-button[disabled] {\n background: @surface0 !important;\n }\n #message-box-title {\n color: @base;\n }\n .svg-icon:hover {\n fill: @overlay1;\n }\n .svg-icon {\n fill: @overlay0;\n }\n .onoffswitch input:checked + span {\n background-color: fade(@color, 25%);\n }\n .onoffswitch input:checked + span::before {\n background-color: @color;\n }\n #options-title {\n color: @base;\n }\n h2 {\n color: @color !important;\n }\n .installed .configure-usercss svg {\n fill: @color !important;\n }\n .installed .configure-usercss:hover svg {\n fill: @color !important;\n }\n .cm-s-default .cm-variable {\n color: @text;\n }\n .CodeMirror-activeline-background {\n background: @mantle;\n }\n }\n [data-ui-theme=\"light\"] {\n #catppuccin(@lightFlavor, @accentColor);\n }\n [data-ui-theme=\"dark\"] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Substack Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/substack","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/substack","version":"0.1.1","description":"Soothing pastel theme for Substack","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/substack/catppuccin.user.css","author":"Catppuccin","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","value":null,"default":"sapphire","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Gray","value":"subtext0"}]}}},"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 0.1.1\n@description Soothing pastel theme for Substack\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/substack/catppuccin.user.css\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document regexp(\"https:\\/\\/(.+\\.)?substack.com/.*\") {\n #catppuccin(@lookup, @accent-color) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent: @catppuccin[@@lookup][@@accent-color];\n\n html {\n background-color: @base !important;\n }\n\n :root,\n .dark-mode {\n --color-primary: @text;\n --color-secondary: @subtext0;\n --color-bg-primary: @base;\n --color-bg-primary-rgb: #rgbify(@base) [];\n --web_bg_color: @base;\n --color-bg-primary-hover: mix(@surface0, @base, 50%);\n --color-bg-secondary: @mantle;\n --color-bg-tertiary: @crust;\n --color-dark-bg-tertiary: @crust;\n --color-dark-primary: @text;\n --color-bg-elevated: @surface0;\n --color-bg-elevated-hover: mix(@surface1, @surface0, 50%);\n --color-accent-themed: @accent;\n --color-bg-secondary-opacity: @surface0;\n --color-bg-secondary-themed: @surface0;\n --color-accent-inverse-themed: @crust;\n --color-light-bg-primary: @crust;\n --color-accent-primary: @accent;\n --color-accent-substack: @accent;\n --color-accent-blue: @blue;\n --color-accent-red: @red;\n --color-accent-purple: @mauve;\n --color-accent-facebook: @blue;\n --color-accent-error: @red;\n --color-detail: @surface1;\n --color-dark-bg-primary: @mantle;\n\n // subdomains\n --print_on_web_bg_color: @text;\n --color-secondary-themed: @subtext0;\n --print_secondary_on_web_bg_color: @subtext0;\n --background_pop: @peach;\n --print_pop: @peach;\n --print_on_pop: @crust;\n --print_secondary: @subtext0;\n --color-tertiary: @crust;\n --background_contrast_1: @crust;\n --background_contrast_2: mix(@crust, @mantle, 50%);\n --background_contrast_3: @mantle;\n --background_contrast_4: mix(@mantle, @base, 33%);\n --background_contrast_5: mix(@mantle, @base, 66%);\n --color_theme_bg_contrast_1: unset;\n --color_theme_bg_contrast_2: mix(@surface0, @surface1, 50%);\n --color_theme_bg_contrast_3: @surface1;\n --color_theme_bg_contrast_4: mix(@surface1, @surface2, 50%);\n --color_theme_bg_contrast_5: @surface2;\n --input_background: @surface0;\n\n // used for podcast play controls\n --color_theme_bg_pop_rgb: #rgbify(@accent) [];\n --color_theme_print_on_pop: @crust;\n }\n\n // brand colors in SVGs\n // Substack orange\n *[stroke=\"#ff6719\"],\n *[stroke=\"#FF6719\"] {\n stroke: @peach !important;\n }\n *[fill=\"#ff6719\"],\n *[fill=\"#FF6719\"] {\n fill: @peach !important;\n }\n\n .footer-wrap .footer .footer-substack-cta {\n background-color: @base;\n }\n\n .reader-nav-top.pinned {\n background-color: rgba(#rgbify(@base) [], 85%);\n backdrop-filter: var(--glass);\n }\n\n // toggle switches\n .tailwind-preflight button span {\n background-color: @base !important;\n }\n\n // restack quote popup\n div[class*=\"frontend-components-selection_popover-module\"] {\n * {\n color: @text !important;\n background: @base !important;\n border-color: @surface0 !important;\n stroke: @text !important;\n }\n }\n\n // top navbar user button\n .button.user-indicator {\n background: var(--color-bg-secondary-themed) !important;\n }\n }\n\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor, @accentColor);\n }\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #rgbify(@color) {\n @rgb-raw: red(@color), green(@color), blue(@color);\n }\n\n // prettier-ignore\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n}\n\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Syncthing Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/syncthing","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/syncthing","version":"0.1.1","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/syncthing/catppuccin.user.css","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":"sapphire","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Gray","value":"subtext0"}]},"urls":{"type":"text","label":"URL(s) for Syncthing","name":"urls","value":null,"default":"127\\.0\\.0\\.1\\: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 0.1.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/syncthing/catppuccin.user.css\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@var text urls \"URL(s) for Syncthing\" \"127\\.0\\.0\\.1\\:8384,localhost\\:8384\"\n\n==/UserStyle== */\n\n/*\n `replace( ,\" \", \"\", \"g\")` is here to remove extra spaces (if any)\n*/\n\n@-moz-document regexp(replace(replace(%(\"https?://(%s)/.*\", @urls), \",\", \"|\"), \" \", \"\", \"g\"))\n{\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n /*\n So If you want to know why `!important` is spammed all over, then look at this css file that syncthing uses\n https://github.com/syncthing/syncthing/blob/main/gui/dark/assets/css/theme.css\n */\n\n body {\n color: @text !important;\n background-color: @base !important;\n }\n\n a {\n color: @accent-color;\n }\n\n .nav-tabs > li.active > a:hover,\n .nav-tabs > li.active > a {\n color: @accent-color !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-color !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: @base !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-color !important;\n color: @base;\n }\n\n .btn-primary:hover,\n .btn-primary:focus,\n .btn-primary.focus {\n background-color: fade(@accent-color, 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-color !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-color !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 @media (prefers-color-scheme: light) {\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n }\n\n @media (prefers-color-scheme: dark) {\n :root {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n .light-theme {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n .dark-theme {\n #catppuccin(@darkFlavor, @accentColor);\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Tuta Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/tuta","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/tuta","version":"0.0.6","description":"Soothing pastel theme for Tuta","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/tuta/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"flavor":{"type":"select","label":"Flavor","name":"flavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentSelect":{"type":"select","label":"Accent","name":"accentSelect","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 Tuta Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/tuta\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/tuta\n@version 0.0.6\n@description Soothing pastel theme for Tuta\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/tuta/catppuccin.user.css\n@license\t\tMIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentSelect \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@-moz-document domain(\"app.tuta.com\"), domain(\"mail.tutanota.com\") {\n :root {\n #catppuccin(@flavor, @accentSelect);\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accentSelect) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent: @catppuccin[@@lookup][@@accentSelect];\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 .dropdown-button,\n .dropdown-button div {\n color: @text !important;\n }\n .dropdown-button:hover {\n background-color: @surface1 !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 .row-selected > .nav-button > .icon {\n fill: @accent !important;\n }\n\n .secondary {\n color: @accent !important;\n }\n\n .nav-button,\n .sidebar-section.mb {\n color: @subtext0 !important;\n }\n .icon.icon-large,\n .nav-button .icon {\n fill: @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(0, 210, 167);\"] {\n border-color: @accent !important;\n }\n [style*=\"color: rgb(0, 210, 167);\"] {\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// vim:ft=less\n"},{"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.css","usercssData":{"name":"Twitch Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/twitch","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/twitch","version":"1.1.15","description":"Soothing pastel theme for Twitch","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/twitch/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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 Twitch Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/twitch\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/twitch\n@version 1.1.15\n@description Soothing pastel theme for Twitch\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/twitch/catppuccin.user.css\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"twitch.tv\") {\n .tw-root--theme-dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n .tw-root--theme-light {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-Color: @catppuccin[@@lookup][@@accent];\n\n & body {\n background-color: @base;\n }\n\n /* Stream title */\n\n p[data-test-selector=\"stream-info-card-component__subtitle\"],\n p[data-test-selector=\"stream-info-card-component__description\"] {\n color: @text !important;\n }\n\n a[data-a-target=\"player-info-game-name\"] {\n color: @accent-Color;\n }\n\n /* `Pinned message` popup */\n\n div.pinned-chat__pinned-by svg {\n color: @text;\n }\n\n p.pinned-chat__message span {\n color: @text !important;\n }\n\n p.pinned-chat__message a {\n color: @accent-Color;\n }\n\n /* `Intended for certain audiences` label */\n\n div[data-a-target=\"content-classification-warning-disclosure-overlay\"] p {\n color: @text;\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 div.hype-train-progress-bar-info-view__progress-value span {\n color: @accent-Color;\n }\n\n /* `Is video buffering?` warning */\n\n div.low-latency-notification p {\n color: @text;\n }\n\n /* `Includes paid promotion` label */\n\n div.disclosure-card p,\n div.disclosure-card svg {\n color: @text;\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-Color;\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 /* Poll popup */\n\n div[data-test-selector=\"header-content\"]\n p:not(\n [data-test-selector=\"community-prediction-highlight-header__title\"],\n [data-test-selector=\"header\"]\n ) {\n color: @text !important;\n }\n\n /* `Report Poll` button */\n\n button.gaoCTJ {\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 span {\n color: @accent-Color;\n }\n\n div.mystery-gift-chat-banner p {\n color: @text;\n }\n\n /* VOD metadata */\n\n div.tw-media-card-stat {\n color: @text;\n }\n\n /* DMCA warning */\n\n div.muted-segments-alert__content p {\n color: @text;\n }\n\n /* VOD time labels */\n\n div.vod-seekbar-time-labels p {\n color: @text !important;\n }\n\n /* VOD timestamp */\n\n div.vod-seekbar-preview-overlay__wrapper p {\n color: @text !important;\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-Color !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 /* Following usercard */\n\n div[data-a-target=\"user-card-modal\"] p {\n color: @text !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-Color !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 & .carousel-metadata {\n background: @crust;\n }\n & .carousel-metadata--fadeout {\n background: @crust;\n }\n .chat-line__message-body--highlighted {\n background-color: @accent-Color;\n color: @crust;\n border-color: @accent-Color;\n }\n .chat-scrollable-area__message-container {\n background-color: @mantle;\n }\n .jmUA-dj {\n background-color: @mantle;\n }\n .bBpiku {\n fill: @mantle;\n }\n .ivjxmt {\n color: @crust;\n }\n .gzYMLv {\n color: @text;\n }\n .gZxBHd {\n color: @subtext0;\n &:hover {\n color: @accent-Color;\n }\n }\n .eBmJxH {\n color: @text;\n }\n .ffZeRf {\n color: #fff !important;\n }\n .igzOaC {\n color: @text;\n }\n .bEHknf {\n color: #fff;\n }\n .side-nav-card__link:hover {\n background: @surface0 !important;\n }\n .dDyYOA {\n color: #fff !important;\n }\n .reward-icon__cost {\n color: #fff !important;\n }\n .kLILeB {\n color: #fff !important;\n }\n .navigation-link__active-indicator {\n background-color: @accent-Color !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 &:hover {\n color: @accent-Color;\n }\n }\n .chat-room {\n background: @mantle;\n }\n div.pinned-chat__highlight-card div.highlight {\n background: @mantle;\n }\n\n h4,\n h5 {\n color: @text;\n }\n\n .cOJBQO {\n color: @text;\n }\n\n .dBlttx {\n color: @subtext1;\n }\n\n .fiCviy {\n color: @text;\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 &,\n .side-nav-card__link:hover {\n --color-background-input-focus: @crust;\n --color-background-interactable-hover: @surface0;\n --color-background-button-text-default: null !important;\n --color-text-input-placeholder: @text;\n --color-border-input: @base;\n --color-text-button-primary: @crust;\n --color-text-overlay: @base;\n --color-text-base: @subtext1;\n --color-text-alt: @subtext1;\n --color-text-alt-2: @text;\n --color-text-interactable-selected: @crust;\n --color-background-alt-2: @crust;\n --color-text-tag: @text;\n --color-background-button-secondary-default: @crust;\n --color-background-tag-default: @mantle;\n --color-background-tag-hover: @crust;\n --color-background-float: @mantle;\n --color-background-body: @base;\n --color-background-base: @mantle;\n --color-background-alt: @mantle;\n --color-background-input: @crust;\n --color-brand-muted-cupcake: @pink;\n --color-brand-muted-mint: @green;\n --color-brand-muted-sky: @sky;\n --color-brand-muted-blush: @peach;\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-info: @blue;\n --color-accent: @accent-Color;\n --color-twitch-purple: @accent-Color;\n --color-twitch-purple-4: @accent-Color;\n --color-twitch-purple-5: @accent-Color;\n --color-twitch-purple-6: @accent-Color;\n --color-twitch-purple-7: @accent-Color;\n --color-twitch-purple-8: @accent-Color;\n --color-twitch-purple-9: @accent-Color;\n --color-twitch-purple-10: @accent-Color;\n --color-twitch-purple-11: @accent-Color;\n --color-twitch-purple-12: @accent-Color;\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-magenta-5: @flamingo;\n --color-magenta-6: @flamingo;\n --color-magenta-7: @flamingo;\n --color-magenta-8: @flamingo;\n --color-magenta-9: @flamingo;\n --color-magenta-10: @flamingo;\n --color-magenta-11: @pink;\n --color-magenta-12: @pink;\n --color-red-4: @red;\n --color-red-5: @red;\n --color-red-6: @red;\n --color-red-7: @red;\n --color-red-8: @red;\n --color-red-9: @red;\n --color-red-10: @red;\n --color-red-11: @peach;\n --color-red-12: @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; //background: @surface0;\n --color-background-button-text-hover: @surface0;\n --color-text-accessible-red: @red;\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 }\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(@lookup) {\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n .simplebar-content {\n background-color: @mantle;\n }\n .scrollable-area--suppress-scroll-x > .simplebar-scroll-content,\n .scrollable-area--suppress-scroll-x\n > .simplebar-scroll-content\n > .simplebar-content {\n background-color: @base;\n }\n }\n}\n\n/* prettier-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n}\n// vim:ft=less\n"},{"enabled":true,"name":"Vercel Catppuccin","description":"Soothing pastel theme for Vercel","author":"Catppuccin","updateUrl":"https://github.com/catppuccin/userstyles/raw/main/styles/vercel/catppuccin.user.css","usercssData":{"name":"Vercel Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/vercel","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/vercel","version":"0.0.5","description":"Soothing pastel theme for Vercel","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/vercel/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]}}},"sourceCode":"/* ==UserStyle==\n@name Vercel Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/vercel\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/vercel\n@version 0.0.5\n@description Soothing pastel theme for Vercel\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/vercel/catppuccin.user.css\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */\n@-moz-document domain(\"vercel.com\") {\n :root.dark-theme {\n #catppuccin(@darkFlavor);\n }\n :root.light-theme {\n #catppuccin(@lightFlavor);\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n\n --geist-foreground: @text;\n --geist-background: @mantle;\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 --geist-link-color: @rosewater;\n --geist-selection: @subtext0;\n --geist-success: @blue;\n --geist-error: @red;\n --geist-cyan: @teal;\n\n --ds-background-100: @base;\n --ds-background-200: @surface0;\n --ds-gray-100: @base;\n --ds-gray-200: @surface0;\n --ds-gray-300: @surface1;\n --ds-gray-1000: @text;\n --ds-gray-900: @subtext0;\n --ds-gray-800: @subtext1;\n\n --ds-red-800: @red;\n --ds-red-900: lighten(@red, 5%);\n\n svg {\n --geist-stroke: var(--geist-background) !important;\n }\n\n .card-grid_card__S85BZ {\n background: linear-gradient(180deg, @base 0%, @crust 100%);\n &:hover {\n background: linear-gradient(180deg, @base 0%, @mantle 100%);\n }\n }\n }\n}\n// vim:ft=less\n"},{"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.css","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":"0.0.4","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/whatsapp-web/catppuccin.user.css","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":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","value":null,"default":"sapphire","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Grey","value":"subtext0"}]},"lighterMessages":{"type":"checkbox","label":"Lighter 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 0.0.4\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/whatsapp-web/catppuccin.user.css\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:Grey\"]\n@var checkbox lighterMessages \"Lighter incoming messages\" 0\n==/UserStyle== */\n@-moz-document domain(\"web.whatsapp.com\") {\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n body {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n body.dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n @color: red;\n #rgbify(@color) {\n @rgb-raw: red(@color) green(@color) blue(@color);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n .landing-wrapper-before {\n background-color: @accent-color !important;\n }\n\n /* STATUS PAGE */\n --status-background: @base !important;\n .bfsx6evv {\n background-color: @mantle !important;\n }\n\n --modal-backdrop-solid: @base !important;\n\n /* join group pop up */\n --modal-background: @base !important;\n\n /* startup progress */\n --progress-primary: @accent-color !important;\n --progress-background: @surface1 !important;\n --startup-background: @base !important;\n --startup-background-rgb: #rgbify(@base) [];\n /* home page, no chat selected */\n --intro-background: @base !important;\n --intro-border: @accent-color !important;\n /* general background */\n --app-background: @base !important;\n\n /* CHAT LIST */\n /* chat list background */\n --background-default: @base !important;\n /* chat list header */\n --panel-header-background: @mantle !important;\n /* icons */\n --panel-header-icon: @text !important;\n /* other warnings (notifications) */\n --butterbar-default-background: @mantle !important;\n --butterbar-notification-icon: @sky !important;\n /* loading messages warning */\n --butterbar-green-nux-background: @mantle !important;\n /* update available warning */\n --butterbar-update-background: @mantle !important;\n --butterbar-update-icon: @accent-color !important;\n /* chat list search bar */\n --search-container-background: @base !important;\n --search-input-container-background: @base !important;\n --search-input-background: @surface0 !important;\n --search-input-container-background-active: @mantle !important;\n --icon-search-back: @accent-color !important;\n /* archive icon */\n --icon-bright-highlight: @accent-color !important;\n /* archived unread marker */\n --unread-marker-background: @accent-color !important;\n --unread-timestamp: @accent-color !important;\n /* archived chats header */\n --archived-chat-persistent-header-background: @crust !important;\n /* unread voice message */\n --ptt-green: @green !important;\n /* read voice message */\n --ptt-blue: @blue !important;\n /* pinned chat icon */\n --icon-pinned: @accent-color !important;\n /* last message in selected chat */\n --secondary-stronger: @subtext1 !important;\n /* background for active and hover chats in chat list */\n --background-default-active: @surface1 !important;\n --background-default-hover: @surface0 !important;\n /* unread chats filter */\n --icon-high-emphasis: @green !important;\n .p7idzaix {\n color: @crust !important;\n }\n /* voice message playing */\n --ptt-ooc-background: @mantle !important;\n\n /* CONVERSATION */\n /* chat background */\n --conversation-panel-background: @mantle !important;\n /* MESSAGES */\n /* background for incoming and outgoing messages */\n & when (@lighterMessages=1) {\n --incoming-background: @surface1 !important;\n --incoming-background-deeper: @surface2 !important;\n /* arrow icon in messages */\n --incoming-background-rgb: #rgbify(@surface1) [];\n }\n & when (@lighterMessages=0) {\n --incoming-background: @base !important;\n --incoming-background-deeper: @surface0 !important;\n /* arrow icon in messages */\n --incoming-background-rgb: #rgbify(@base) [];\n }\n --outgoing-background: @surface0 !important;\n /* read double tick */\n --icon-ack: @blue !important;\n /* received double tick */\n --bubble-meta-icon: @subtext0 !important;\n /* message timestamp */\n --bubble-meta: @text !important;\n --message-primary: @text !important;\n /* POLL */\n /* creation */\n --poll-modal-background-color: @base !important;\n --poll-modal-footer-background-color: @surface0 !important;\n /* votes */\n --poll-bar-fill-receiver: @green !important;\n --poll-bar-fill-sender: @green !important;\n --checkbox-mark: @crust !important;\n\n /* audio duration */\n --audio-progress-metadata: @subtext0 !important;\n /* system messages (unread or day messages in chats) */\n --system-message-text: @text !important;\n --system-message-background: @crust !important;\n /* unread system message background */\n --unread-background: @crust !important;\n --unread-bar-background: @surface1 !important;\n /* meta data for documents */\n --document-meta: @subtext1 !important;\n /* mentions, links and link previews */\n --mention-at-symbol: @sapphire !important;\n --link: @sapphire !important;\n --link-preview: @text !important;\n --link-preview-lighter: @subtext1 !important;\n --link-preview-light: @subtext0 !important;\n --outgoing-background-rgb: #rgbify(@surface0) [];\n /* QUOTED MESSAGES */\n /* quoted messages */\n --quoted-message-text: @text !important;\n /* background for quoted incoming and outgoing messages */\n --outgoing-background-deeper: @surface1 !important;\n\n /* SEARCH IN CHAT HIGHLIGHT */\n --highlight: @teal !important;\n\n /* quote colors */\n .bg-color-1 {\n background-color: @green !important;\n }\n .color-1 {\n color: @green !important;\n }\n .bg-color-2 {\n background-color: @blue !important;\n }\n .color-2 {\n color: @blue !important;\n }\n .bg-color-3 {\n background-color: @pink !important;\n }\n .color-3 {\n color: @pink !important;\n }\n .bg-color-4 {\n background-color: @sapphire !important;\n }\n .color-4 {\n color: @sapphire !important;\n }\n .bg-color-5 {\n background-color: @peach !important;\n }\n .color-5 {\n color: @peach !important;\n }\n .bg-color-6 {\n background-color: @sky !important;\n }\n .color-6 {\n color: @sky !important;\n }\n .bg-color-7 {\n background-color: @yellow !important;\n }\n .color-7 {\n color: @yellow !important;\n }\n .bg-color-8 {\n background-color: @teal !important;\n }\n .color-8 {\n color: @teal !important;\n }\n .bg-color-9 {\n background-color: @lavender !important;\n }\n .color-9 {\n color: @lavender !important;\n }\n .bg-color-10 {\n background-color: @red!important;\n }\n .color-10 {\n color: @red!important;\n }\n .bg-color-11 {\n background-color: @mauve !important;\n }\n .color-11 {\n color: @mauve !important;\n }\n .bg-color-12 {\n background-color: @flamingo !important;\n }\n .color-12 {\n color: @flamingo !important;\n }\n .bg-color-13 {\n background-color: @rosewater !important;\n }\n .color-13 {\n color: @rosewater !important;\n }\n .bg-color-14 {\n background-color: @pink !important;\n }\n .color-14 {\n color: @pink !important;\n }\n .bg-color-15 {\n background-color: @maroon !important;\n }\n .color-15 {\n color: @maroon !important;\n }\n .bg-color-16 {\n background-color: @teal !important;\n }\n .color-16 {\n color: @teal !important;\n }\n /* general text */\n --primary: @text !important;\n --primary-strong: @text !important;\n --primary-stronger: @text !important;\n --primary-strongest: @text !important;\n --secondary: @subtext0 !important;\n --secondary-strongest-rgb: #rgbify(@text) [];\n /* chat list typing message */\n --typing: @green !important;\n /* background for video player and image viewer */\n --media-viewer-background: @mantle !important;\n /* not loaded media */\n --media-gallery-thumb-background: @crust !important;\n\n /* Group info/Contact info */\n --photopicker-overlay-background: fadeout(@mantle, 0.8) !important;\n --photopicker-overlay-background-rgb: #rgbify(@base) [];\n --media-viewer-background-rgb: #rgbify(@base) [];\n --drawer-background-deep: @crust !important;\n /* group info read more */\n --input-button-more: @sapphire !important;\n /* Group info thumbnails border */\n --chat-info-drawer-thumb-background: @surface2 !important;\n /* Group admin badge background */\n --chat-marker-background: @mantle !important;\n --chat-marker-border: @mantle !important;\n /* Group admin badge foreground */\n --chat-marker: @subtext0 !important;\n /* Media gallery */\n --drawer-gallery-background: @crust !important;\n /* mute toggle */\n --switch-button-checked-color: @accent-color !important;\n --switch-track-checked-color: @surface2 !important;\n --switch-track-color: @surface2 !important;\n --switch-button-color: @overlay1 !important;\n\n /* danger, block, exit and report buttons */\n --danger: @red!important;\n\n /* group added by someone not in contacts */\n --button-plain-background: @surface0 !important;\n --button-plain-background-hover: @surface1 !important;\n\n /* EMOJI AND STICKERS */\n --panel-input-background: @surface0 !important;\n --sticker-button-background: @surface1 !important;\n --active-tab-marker: @accent-color !important;\n\n /* REACTIONS */\n --reactions-panel-background-color: @surface0 !important;\n --reactions-tray-background: @surface0 !important;\n --reactions-details-background: @surface0 !important;\n --svg-gray-button: @surface0 !important;\n\n /* Forward message popup */\n --panel-background-colored-deeper: @crust !important;\n --modal-backdrop: fadeout(@mantle, 0.8) !important;\n\n /* MEDIA EDITOR */\n /* background for media editor */\n --panel-background-deeper: @mantle !important;\n /* message box for media editor */\n --media-editor-image-caption-input-background: @surface0 !important;\n /* selected picture in media editor */\n --media-editor-thumb-border-active: @accent-color !important;\n /* send button in media editor */\n --button-round-background: @accent-color !important;\n\n /* COMPOSE BAR */\n /* type a message bar and background */\n --compose-input-background: @surface0 !important;\n --compose-input-border: @surface1 !important;\n --compose-panel-background: @mantle !important;\n --rich-text-panel-background: @mantle !important;\n /* select messages fixes */\n --panel-background: @mantle !important;\n --panel-background-rgb: #rgbify(@mantle) [];\n --checkbox-background: @accent-color !important;\n /* quoted message in compose */\n --popup-panel-background: @surface0 !important;\n /* use Surface 0 for contrast, other colors don't pass AAA */\n /* mention list item background */\n --compose-panel-background-hover: @surface1 !important;\n /* compose bar icons */\n --icon: @accent-color !important;\n /* ATTACH ICONS */\n /* poll icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(6)\n > button\n > span\n > svg\n > circle {\n fill: @green !important;\n }\n /* image icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(1)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(2) {\n fill: @pink !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(1)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(1) {\n fill: @pink !important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(1)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > rect {\n fill: @pink !important;\n filter: brightness(70%) !important;\n }\n /* sticker icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(2)\n > button\n > span\n > svg\n > g\n > circle {\n fill: @blue !important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(2)\n > button\n > span\n > svg\n > g\n > path:nth-child(2) {\n fill: @blue !important;\n }\n /* camera icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(3)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(1) {\n fill: @red!important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(3)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(2) {\n fill: @red!important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(3)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > rect {\n fill: @red!important;\n filter: brightness(85%) !important;\n }\n /* document icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(4)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(1) {\n fill: @mauve !important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(4)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(2) {\n fill: @mauve !important;\n }\n /* contact icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(5)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > g\n > path:nth-child(1) {\n fill: @sky !important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(5)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > g\n > path:nth-child(2) {\n fill: @sky !important;\n }\n /* VOICE MESSAGE SENDING */\n --ptt-draft-button-send: @accent-color !important;\n --ptt-draft-waveform-background: @base !important;\n --ptt-draft-button-stop: @red !important;\n --ptt-draft-button-stop-hover: @maroon !important;\n\n /* GENERAL OPTIONS */\n /* dropdown menus */\n --dropdown-background: @surface0 !important;\n --dropdown-background-hover: @surface1 !important;\n\n /* OTHER SECTIONS */\n /* profile background */\n --drawer-background: @base !important;\n /* communities, new chat, other panes */\n --panel-background-colored: @mantle !important;\n --drawer-section-background: @base !important;\n /* new chat icons */\n --round-icon-background: @green !important;\n --inverse: @text !important;\n /* title and icon for drawers */\n --drawer-header-title: @text !important;\n /* buttons such as create community */\n --button-primary-background: @accent-color !important;\n --button-primary-background-hover: fadeout(@accent-color, 0.8) !important;\n /* keyboard shortcuts background */\n --panel-background-lighter: @mantle !important;\n /* active input in modals and drawers */\n --input-border-active: @accent-color !important;\n\n /* Start page drawing */\n #app\n > div\n > div\n > div._2Ts6i._2xAQV\n > div\n > div\n > div.WM0_u\n > span\n > svg\n > path:nth-child(1) {\n fill: @surface2 !important;\n }\n\n /* Status unread dot */\n #df9d3429-f0ef-48b5-b5eb-f9d27b2deba6 > path:nth-child(2) {\n fill: @accent-color !important;\n }\n\n #side\n > div._3gYev\n > div\n > div\n > button\n > div._3xdht._1ZD3q\n > span\n > svg\n > path {\n fill: @accent-color !important;\n }\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Wikiwand Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/wikiwand","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/wikiwand","version":"1.2.0","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/wikiwand/catppuccin.user.css","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":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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 Wikiwand Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/wikiwand\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/wikiwand\n@version 1.2.0\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/wikiwand/catppuccin.user.css\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:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"wikiwand.com\") {\n .root_light__Inhun {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n .root_earth__3sDLo,\n .root_dark__oGh5X,\n .root_auto__Xg3qF,\n .root_grey__eKz_h {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-Color: @catppuccin[@@lookup][@@accent];\n\n --color-bg: @base;\n --color-text: @text;\n --color-grey: @subtext0;\n --color-table: @surface0;\n --color-table-border: @surface0;\n --color-link: @accent-Color;\n --toc-bg: @mantle;\n --toc-text: @text;\n --toc-border: @crust;\n --tag-bg: @surface0;\n --tag-text: @overlay1;\n --navbar-bg: @crust;\n --navbar-border: @mantle;\n --navbar-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2),\n 0px 5px 10px rgba(0, 0, 0, 0.3);\n\n .popover_arrow__pQSsX::before {\n background-color: @surface1;\n border-color: @surface2;\n }\n *[class*=\"dropdown_item\"] {\n color: @text;\n }\n .popover_popover__jgyGp {\n background-color: @surface1;\n border-color: @surface2;\n border-radius: 0.625em;\n box-shadow:\n 0 0 2px rgba(0, 0, 0, 0.1),\n 0 5px 10px rgba(0, 0, 0, 0.1);\n }\n .draggable_wrapper__YB014 {\n background-color: @surface1;\n border-color: @surface0;\n box-shadow:\n 0 0 2px rgba(0, 0, 0, 0.2),\n 0 10px 20px rgba(0, 0, 0, 0.3);\n color: @text;\n }\n .checkbox_checkbox__uXwIZ {\n width: 1.125em;\n height: 1.125em;\n border-radius: 0.125em;\n border-color: @surface1;\n background-color: @surface2;\n position: relative;\n }\n .checkbox_checkbox__uXwIZ::before {\n background-color: @accent-Color;\n }\n svg.audio_icon__eZ5Bx {\n color: @text;\n }\n .checkbox_label__V5gon,\n .audio_select__kmOPL {\n color: @subtext0 !important;\n }\n .draggable_header__bfxdq {\n border-color: @surface1 !important;\n }\n .footer_donation__Cje_Q {\n display: none !important;\n }\n .dropdown_content__4NAxl {\n background-color: @surface1;\n border-color: @surface2;\n }\n p.settings_setLabel__NrVBx:nth-child(3),\n article.settings_section__vRaq_:nth-child(1) {\n color: @text;\n }\n .toggle_label__y7mDQ {\n color: @text;\n }\n .toggle_bg__Qn4Oc {\n background-color: @accent-Color;\n }\n .toggle_label__y7mDQ.toggle_active__l_k3F {\n color: @base;\n }\n .toggle_label__y7mDQ:not(.toggle_active__l_k3F):hover {\n color: @accent-Color;\n }\n .themeBtn_wrapper__KTkHk.themeBtn_active__4gb_I,\n .themeBtn_wrapper__KTkHk:hover {\n color: @accent-Color;\n }\n .themeBtn_label__GyvdH {\n color: @subtext1;\n }\n .toggle_toggle__jzkKG {\n background-color: @surface2;\n }\n .settings_reset__GO2x4 {\n border-top-color: @surface2;\n }\n .settings_resetBtn__3yLrG {\n color: @text;\n }\n .settings_resetBtn__3yLrG:not(.settings_disabled__7X7Nu):hover {\n color: @red;\n }\n .themeBtn_label__GyvdH span {\n background-color: @surface2;\n border-color: @surface2;\n }\n .themeBtn_wrapper__KTkHk.themeBtn_active__4gb_I\n .themeBtn_demoWrapper__fdi7G {\n border-color: @accent-Color !important;\n }\n div.themeBtn_wrapper__KTkHk:nth-child(3)\n > p:nth-child(2)\n > span:nth-child(1)::before {\n background-color: @accent-Color;\n }\n .item_item__uLhiz.item_active__4kaIV {\n color: @accent-Color;\n }\n .item_item__uLhiz.item_active__4kaIV,\n .item_item__uLhiz:hover {\n background-color: @surface2;\n }\n .languages_wrapper__1Ad3R {\n color: @subtext1;\n }\n .input_input__uGeT_ {\n color: @text;\n background-color: @overlay0;\n border-radius: 4px;\n }\n .input_wrapper__aeypb {\n border-color: transparent !important;\n }\n .action_action___vLQg {\n color: @accent-Color;\n }\n .share_btn__9IJpe {\n color: @text;\n background-color: @surface2;\n border-color: @surface2;\n }\n .share_btn__9IJpe span {\n color: @text;\n }\n .footer_socialWrapper__R1iSQ *:hover,\n .footer_link__TA4rr:hover {\n color: @accent-Color;\n }\n .list_wrapper__TYM2l,\n .input_wrapper__aeypb {\n background-color: @surface1;\n color: @text;\n }\n .input_wrapper__aeypb * {\n color: @text;\n }\n .list_item_VVizU:hover {\n background-color: @surface2 !important;\n }\n .search_header__gqnk7.search_article__L3Khv {\n background: transparent;\n }\n .item_item__jj0Ue {\n color: @text;\n }\n .item_item__jj0Ue:hover {\n background-color: @surface2 !important;\n border-color: @accent-Color;\n }\n .modal_header__t094_ {\n border-color: @surface1;\n color: @text;\n }\n .list_item__VVizU.list_active__ahAYX,\n .list_item__VVizU:hover {\n background-color: @surface2;\n }\n .button_btn__ln0Hv {\n color: @accent-Color;\n background-color: @surface0;\n }\n\n .navbarMobile_footer__y5Kwi.navbarMobile_dark__eIcxf\n .navbarMobile_icons__tirr9,\n .navbarMobile_footer__y5Kwi.navbarMobile_dark__eIcxf\n .navbarMobile_toc__iPfvP,\n .navbarMobile_footer__y5Kwi.navbarMobile_grey__5dmnP\n .navbarMobile_icons__tirr9,\n .navbarMobile_footer__y5Kwi.navbarMobile_grey__5dmnP\n .navbarMobile_toc__iPfvP {\n background-color: @surface1;\n color: @text;\n }\n .tooltip_tooltip_QQr79.tooltip_dark_ZWBHd,\n .tooltip_tooltip_QQr79.tooltip_dark_ZWBHd > * > * {\n background-color: @crust !important;\n }\n .dropdown_item__yrn67:hover {\n background-color: @surface2;\n color: @accent-Color;\n border-color: @accent-Color !important;\n }\n .audio_dot__jeWOr.audio_active__li6PM {\n background-color: @accent-Color;\n }\n .audio_dot__jeWOr {\n background-color: @surface2;\n box-shadow: 6.666px 0 0 0 @surface2;\n border-radius: 0;\n border-color: @surface2 !important;\n }\n .gallery_icon__7LOBi {\n background-color: @surface2;\n color: @subtext1;\n }\n .gallery_disable__1QuKw {\n background-color: @surface0;\n }\n .gallery_icon__7LOBi:hover {\n background-color: @overlay0;\n color: @accent-Color;\n }\n .gallery_nav__BEeM3 {\n background-color: @base;\n }\n .image_wrapper__Dq3Jq {\n background-color: @crust;\n }\n .stage_caption__BvSjQ {\n color: @subtext0;\n }\n .gallery_wrapper__1a7bM,\n .thumbnails_wrapper__1Q5be {\n background-color: @mantle !important;\n }\n .thumbnails_thumbnail__H4tNf {\n background-color: #fafafa;\n border-radius: 4px;\n padding: 4px;\n }\n\n .list_loading__j43_R {\n color: @accent-Color;\n }\n .info_wrapper__HpdJH,\n .info_arrow__ehjUI {\n background-color: @surface1;\n border-color: @surface1;\n }\n\n .info_wrapper__HpdJH::after {\n background: linear-gradient(180deg, hsla(0, 0%, 98%, 0), @surface1 90%);\n }\n .list_item__VVizU.list_active__ahAYX {\n color: @accent-Color;\n }\n .item_star__arENF {\n color: @subtext1;\n }\n .item_star__arENF.item_active__4kaIV {\n color: @yellow;\n }\n .action_action___vLQg.action_remove__z6g_k {\n color: @text;\n }\n .action_action___vLQg:not(.action_limit__u0EDs):hover.action_remove__z6g_k {\n color: @accent-Color;\n }\n .item_remove__f1A5k {\n background-color: @surface1;\n }\n .item_remove__f1A5k span,\n .item_remove__f1A5k svg {\n color: @red;\n }\n caption {\n background-color: @surface0 !important;\n border-color: @surface0 !important;\n }\n .summary_wordtuneWrapper__21QxG > img:nth-child(2) {\n background-color: @accent-Color;\n }\n code > a {\n color: @accent-Color !important;\n }\n table * {\n background-color: @surface0 !important;\n color: @text !important;\n border-color: @surface2 !important;\n }\n table {\n background-color: @surface0 !important;\n border-color: transparent !important;\n }\n a.wl {\n color: @accent-Color !important;\n }\n .summary_footer__Lk6z7 > span:nth-child(1),\n svg.icon_icon__0vohI,\n .icon_icon__0vohI.input_icon__He3sV,\n svg.icon_icon__0vohI:nth-child(2) > use:nth-child(1) {\n color: @accent-Color;\n fill: @accent-Color;\n }\n .wikitable tr::before {\n background-color: @surface0 !important;\n border-color: @surface2 !important;\n }\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"YouTube Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/youtube","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/youtube","version":"3.2.9","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css","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":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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"}]},"logo":{"type":"checkbox","label":"Logo","name":"logo","value":null,"default":"0","options":null},"oledOn":{"type":"checkbox","label":"Enable black bars","name":"oledOn","value":null,"default":"0","options":null},"scrollbar_width":{"type":"text","label":"Scrollbar width","name":"scrollbar_width","value":null,"default":"8px","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 3.2.9\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css\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:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve: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 logo \"Logo\" 0\n@var checkbox oledOn \"Enable black bars\" 0\n@var text scrollbar_width \"Scrollbar width\" 8px\n==/UserStyle== */\n@-moz-document regexp('https?:\\\\/\\\\/(?!gaming\\\\.)(?!consent\\\\.)(?!vr\\\\.)(?!music\\\\.)(?!tv\\\\.)(?!artists\\\\.)(?!studio\\\\.).*youtube(?!kids\\\\.).*\\\\.com\\\\/(?!premium|howyoutubeworks).*$') {\n /* youtube.com */\n :root[dark] {\n #catppuccin(@darkFlavor, @accentColor);\n #oled(@oledOn);\n #logo(@logo);\n }\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n #oled(@oledOn);\n #logo(@logo);\n }\n\n /* for oled monitors */\n #oled(@oled) when (@oled =0) {\n #ytd-player #container {\n background: @base !important;\n }\n }\n\n #logo(@logo) {\n ytd-topbar-logo-renderer.style-scope a svg > g,\n svg.ytd-consent-bump-v2-lightbox > g:nth-child(1) {\n path[fill=\"#FF0000\"] {\n fill: @accent-color !important;\n }\n path[fill=\"white\"] {\n fill: @base !important;\n }\n }\n & when (@logo =1) {\n ytd-topbar-logo-renderer,\n svg.ytd-consent-bump-v2-lightbox {\n display: none;\n }\n }\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n /* apply everywhere */\n &,\n [dark],\n html,\n html[system-icons][dark],\n html[system-icons] [dark],\n html[darker-dark-theme][dark],\n [darker-dark-theme] [dark] {\n --yt-spec-white-1: @text !important;\n --yt-spec-white-2: @subtext0 !important;\n --yt-spec-white-3: @subtext1 !important;\n --yt-spec-white-4: darken(@subtext1, 5%) !important;\n --yt-spec-black-1: @overlay1 !important;\n --yt-spec-black-2: @overlay0 !important;\n --yt-spec-black-3: @surface2 !important;\n --yt-spec-black-4: @surface1 !important;\n --yt-spec-black-pure: @surface0 !important;\n --yt-spec-grey-1: @text !important;\n --yt-spec-grey-2: @subtext0 !important;\n --yt-spec-grey-3: @subtext1 !important;\n --yt-spec-grey-4: @overlay2 !important;\n --yt-spec-grey-5: @overlay1 !important;\n --yt-brand-youtube-red: @accent-color !important;\n --yt-brand-medium-red: @accent-color !important;\n --yt-brand-light-red: @accent-color !important;\n --yt-spec-red-30: @peach !important;\n --yt-spec-red-70: @red !important;\n --yt-spec-pale-blue: @sky !important;\n --yt-spec-light-blue: @sky !important;\n --yt-spec-dark-blue: @sapphire !important;\n --yt-spec-navy-blue: @teal !important;\n --yt-spec-light-green: @green !important;\n --yt-spec-dark-green: @green !important;\n --yt-spec-yellow: @peach !important;\n --yt-spec-black-pure-alpha-5: fadeout(@crust, 0.05) !important;\n --yt-spec-black-pure-alpha-10: fadeout(@crust, 0.1) !important;\n --yt-spec-black-pure-alpha-15: fadeout(@crust, 0.15) !important;\n --yt-spec-black-pure-alpha-30: fadeout(@crust, 0.3) !important;\n --yt-spec-black-pure-alpha-60: fadeout(@crust, 0.6) !important;\n --yt-spec-black-pure-alpha-80: fadeout(@crust, 0.8) !important;\n --yt-spec-black-1-alpha-98: fadeout(@crust, 0.98) !important;\n --yt-spec-black-1-alpha-95: fadeout(@crust, 0.95) !important;\n --yt-spec-white-1-alpha-10: fadeout(@text, 0.1) !important;\n --yt-spec-white-1-alpha-20: fadeout(@text, 0.2) !important;\n --yt-spec-white-1-alpha-25: fadeout(@text, 0.25) !important;\n --yt-spec-white-1-alpha-30: fadeout(@text, 0.3) !important;\n --yt-spec-white-1-alpha-70: fadeout(@text, 0.7) !important;\n --yt-spec-white-1-alpha-95: fadeout(@text, 0.95) !important;\n --yt-spec-white-1-alpha-98: fadeout(@text, 0.98) !important;\n --yt-brand-medium-red-alpha-90: fadeout(@accent-color, 0.9) !important;\n --yt-brand-medium-red-alpha-30: fadeout(@accent-color, 0.3) !important;\n --yt-brand-light-red-alpha-30: fadeout(@accent-color, 0.3) !important;\n --yt-spec-light-blue-alpha-30: fadeout(@sapphire, 0.3) !important;\n --yt-spec-dark-blue-alpha-30: fadeout(@sapphire, 0.3) !important;\n\n --yt-spec-base-background: @base !important;\n --yt-spec-raised-background: @base !important;\n --yt-spec-menu-background: @mantle !important;\n --yt-spec-inverted-background: @text !important;\n --yt-spec-additive-background: fadeout(@surface0, 0.1) !important;\n --yt-spec-outline: @surface0 !important;\n --yt-spec-shadow: fadeout(@crust, 0.25) !important;\n --yt-spec-text-primary: @text !important;\n --yt-spec-text-secondary: @subtext0 !important;\n --yt-spec-text-disabled: @subtext1 !important;\n --yt-spec-text-primary-inverse: @crust !important;\n --yt-spec-call-to-action: @accent-color !important;\n --yt-spec-call-to-action-inverse: @accent-color !important;\n --yt-spec-suggested-action: fadeout(@accent-color, 80%) !important;\n --yt-spec-suggested-action-inverse: @text !important;\n --yt-spec-icon-active-other: @overlay0 !important;\n --yt-spec-button-chip-background-hover: @surface1 !important;\n --yt-spec-touch-response: @surface0 !important;\n\n --yt-spec-touch-response-inverse: @accent-color !important;\n --yt-spec-brand-icon-active: @accent-color !important;\n --yt-spec-brand-button-background: @accent-color !important;\n --yt-spec-brand-link-text: @sapphire !important;\n --yt-spec-wordmark-text: @text !important;\n --yt-spec-error-indicator: @red !important;\n --yt-spec-themed-blue: @sky !important;\n --yt-spec-themed-green: @green !important;\n --yt-spec-ad-indicator: @teal !important;\n --yt-spec-themed-overlay-background: fadeout(@crust, 0.8) !important;\n --yt-spec-commerce-badge-background: @green !important;\n --yt-spec-static-brand-red: @accent-color !important;\n --yt-spec-static-brand-white: @text !important;\n --yt-spec-static-brand-black: @base !important;\n --yt-spec-static-clear-color: fadeout(@crust, 0) !important;\n --yt-spec-static-clear-black: fadeout(@crust, 0) !important;\n --yt-spec-static-ad-yellow: @peach !important;\n --yt-spec-static-grey: @subtext0 !important;\n --yt-spec-static-overlay-background-solid: @crust !important;\n --yt-spec-static-overlay-background-heavy: fadeout(\n @surface0,\n 20%\n ) !important;\n --yt-spec-static-overlay-background-medium: fadeout(\n @crust,\n 0.6\n ) !important;\n --yt-spec-static-overlay-background-medium-light: fadeout(\n @crust,\n 0.3\n ) !important;\n --yt-spec-static-overlay-background-light: fadeout(\n @crust,\n 0.1\n ) !important;\n --yt-spec-static-overlay-text-primary: @text !important;\n --yt-spec-static-overlay-text-secondary: fadeout(\n @subtext0,\n 0.7\n ) !important;\n --yt-spec-static-overlay-text-disabled: fadeout(\n @subtext0,\n 0.3\n ) !important;\n --yt-spec-static-overlay-call-to-action: @accent-color !important;\n --yt-spec-static-overlay-icon-active-other: @text !important;\n --yt-spec-static-overlay-icon-inactive: @surface1 !important;\n --yt-spec-static-overlay-icon-disabled: @surface2 !important;\n --yt-spec-static-overlay-button-primary: @accent-color !important;\n --yt-spec-static-overlay-button-secondary: @surface0 !important;\n --yt-spec-static-overlay-touch-response: @overlay1 !important;\n --yt-spec-static-overlay-touch-response-inverse: @surface1 !important;\n --yt-spec-static-overlay-background-brand: @accent-color !important;\n --yt-spec-assistive-feed-themed-gradient-1: @subtext0 !important;\n --yt-spec-assistive-feed-themed-gradient-2: @lavender !important;\n --yt-spec-assistive-feed-themed-gradient-3: @red !important;\n --yt-spec-brand-background-solid: @base !important;\n --yt-spec-brand-background-primary: @base !important;\n --yt-spec-brand-background-secondary: @mantle !important;\n --yt-spec-general-background-a: @base !important;\n --yt-spec-general-background-b: @base !important;\n --yt-spec-general-background-c: @crust !important;\n --yt-spec-error-background: @base !important;\n --yt-spec-10-percent-layer: @surface2 !important;\n --yt-spec-snackbar-background: @mantle !important;\n --yt-spec-snackbar-background-updated: @mantle !important;\n --yt-spec-badge-chip-background: if(\n @lookup =latte,\n @crust,\n @surface1\n ) !important;\n --yt-spec-verified-badge-background: @overlay0 !important;\n --yt-spec-call-to-action-fadeoutd: fadeout(@sapphire, 0.3) !important;\n --yt-spec-call-to-action-hover: @accent-color !important;\n --yt-spec-brand-button-background-hover: @accent-color !important;\n --yt-spec-brand-link-text-fadeoutd: fadeout(\n @accent-color,\n 0.3\n ) !important;\n --yt-spec-filled-button-focus-outline: @surface0 !important;\n --yt-spec-static-overlay-button-hover: @surface1 !important;\n --yt-spec-mono-filled-hover: @surface1 !important;\n --yt-spec-commerce-filled-hover: @accent-color !important;\n --yt-spec-mono-tonal-hover: @surface1 !important;\n --yt-spec-commerce-tonal-hover: @surface2 !important;\n --yt-spec-static-overlay-filled-hover: @overlay1 !important;\n --yt-spec-static-overlay-tonal-hover: @surface1 !important;\n --yt-spec-paper-tab-ink: fadeout(@text, 0.3);\n --yt-spec-filled-button-text: @text !important;\n --yt-spec-selected-nav-text: @text !important;\n --iron-icon-fill-color: @text !important;\n\n /* Search bar */\n --ytd-searchbox-border-color: @surface0 !important;\n --ytd-searchbox-legacy-border-color: @surface0 !important;\n --ytd-searchbox-legacy-border-shadow-color: fadeout(@crust, 0) !important;\n --ytd-searchbox-legacy-button-color: @mantle !important;\n --ytd-searchbox-legacy-button-border-color: @surface0 !important;\n --ytd-searchbox-legacy-button-focus-color: @accent-color !important;\n --ytd-searchbox-legacy-button-hover-color: @mantle !important;\n --ytd-searchbox-legacy-button-hover-border-color: @surface0 !important;\n --ytd-searchbox-legacy-button-icon-color: @accent-color !important;\n --ytd-searchbox-background: @base !important;\n --ytd-searchbox-text-color: @text !important;\n\n /* System icons */\n --yt-spec-icon-inactive: @overlay0 !important;\n --yt-spec-icon-disabled: @overlay1 !important;\n --yt-spec-brand-icon-inactive: @overlay2 !important;\n\n /* Yt video Page */\n --yt-live-chat-background-color: @base !important;\n --yt-live-chat-action-panel-background-color: @base !important;\n --yt-live-chat-secondary-background-color: @surface1;\n --yt-live-chat-toast-background-color: @surface2 !important;\n --yt-live-chat-mode-change-background-color: @base !important;\n --yt-live-chat-secondary-text-color: @subtext0 !important;\n --yt-live-chat-tertiary-text-color: fadeout(@text, 0.54) !important;\n --yt-live-chat-text-input-field-inactive-underline-color: @subtext0 !important;\n --yt-live-chat-text-input-field-placeholder-color: @subtext0 !important;\n --yt-live-chat-enabled-send-button-color: @text !important;\n --yt-live-chat-disabled-icon-button-color: @subtext1 !important;\n --yt-live-chat-picker-button-hover-color: @accent-color !important;\n --yt-live-chat-mention-background-color: @accent-color !important;\n --yt-live-chat-mention-text-color: @text !important;\n --yt-live-chat-deleted-message-color: @subtext0;\n --yt-live-chat-deleted-message-bar-color: @subtext1 !important;\n --yt-live-chat-reconnect-message-color: @text !important;\n --yt-live-chat-disabled-button-background-color: @overlay0 !important;\n --yt-live-chat-sub-panel-background-color: @base !important;\n --yt-live-chat-sub-panel-background-color-transparent: @mantle !important;\n --yt-live-chat-moderator-color: @lavender !important;\n --yt-live-chat-owner-color: @peach !important;\n --yt-live-chat-message-highlight-background-color: @base !important;\n --yt-live-chat-sponsor-color: @green !important;\n --yt-live-chat-overlay-color: fadeout(@mantle, 0.5);\n --yt-live-chat-dialog-background-color: @base !important;\n --yt-emoji-picker-variant-selector-bg-color: @base !important;\n --yt-live-chat-moderation-mode-hover-background-color: fadeout(\n @mantle,\n 0.3\n ) !important;\n --yt-grey: @subtext0 !important;\n --yt-live-chat-text-input-field-suggestion-background-color: @subtext0 !important;\n --yt-live-chat-text-input-field-suggestion-background-color-hover: @subtext1 !important;\n --yt-emoji-picker-search-background-color: @surface0 !important;\n --yt-emoji-picker-search-color: @text !important;\n --yt-emoji-picker-search-placeholder-color: @accent-color !important;\n --yt-live-chat-slider-active-color: @accent-color !important;\n --yt-live-chat-slider-container-color: @surface0 !important;\n --yt-live-chat-slider-markers-color: @text !important;\n --yt-live-chat-banner-gradient-scrim: linear-gradient(\n @mantle,\n transparent\n ) !important;\n --yt-live-chat-action-panel-gradient-scrim: linear-gradient(\n to top,\n @mantle,\n transparent\n ) !important;\n --yt-live-chat-automod-button-background-color-hover: fadeout(\n @crust,\n 0.5\n ) !important;\n --yt-live-chat-automod-button-explanation-color: fadeout(\n @accent-color,\n 0.7\n ) !important;\n --yt-live-chat-shimmer-background-color: fadeout(@crust, 0.4) !important;\n --yt-live-chat-shimmer-linear-gradient: linear-gradient(\n 0deg,\n fadeout(@text, 0.1) 40%,\n fadeout(@base, 0.3) 50%,\n fadeout(@text, 0.1) 60%\n ) !important;\n --yt-live-chat-vem-background-color: @mantle !important;\n --yt-live-chat-product-picker-icon-color: fadeout(@text, 0.5) !important;\n --yt-live-chat-product-picker-hover-color: @overlay0 !important;\n --yt-live-chat-product-picker-disabled-icon-color: fadeout(\n @text,\n 0.3\n ) !important;\n --yt-live-chat-action-panel-background-color-transparent: (\n null\n ) !important;\n\n /* Tooltip */\n --paper-tooltip-background: @overlay0 !important;\n --paper-tooltip-text-color: @text !important;\n\n /* links */\n --yt-endpoint-color: @accent-color !important;\n --yt-endpoint-visited-color: @accent-color !important;\n --yt-endpoint-hover-color: @accent-color !important;\n\n --sb-dark-red-outline: @accent-color !important;\n --sb-main-bg-color: @base !important;\n --sb-main-fg-color: @text !important;\n --sb-grey-bg-color: @base !important;\n --sb-grey-fg-color: @subtext0 !important;\n --sb-red-bg-color: @accent-color !important;\n }\n\n /* general colors */\n &:not(.style-scope) {\n --primary-text-color: @text !important;\n --primary-background-color: @base !important;\n --secondary-text-color: @subtext0 !important;\n --disabled-text-color: @subtext1 !important;\n --divider-color: @overlay0 !important;\n --error-color: @red !important;\n --primary-color: @accent-color !important;\n --light-primary-color: @accent-color !important;\n --dark-primary-color: @blue !important;\n --accent-color: @accent-color !important;\n --light-accent-color: @accent-color !important;\n --dark-accent-color: @accent-color !important;\n --light-theme-background-color: @base !important;\n --light-theme-base-color: @text !important;\n --light-theme-text-color: @text !important;\n --light-theme-secondary-color: @subtext0 !important;\n --light-theme-disabled-color: @subtext1 !important;\n --light-theme-divider-color: @overlay0 !important;\n --dark-theme-background-color: @base !important;\n --dark-theme-base-color: @text !important;\n --dark-theme-text-color: @text !important;\n --dark-theme-secondary-color: @subtext0 !important;\n --dark-theme-disabled-color: @subtext1 !important;\n --dark-theme-divider-color: @overlay0 !important;\n }\n\n #channel-name.ytd-video-meta-block {\n --yt-endpoint-color: @accent-color !important;\n --yt-endpoint-visited-color: @accent-color !important;\n color: @accent-color !important;\n }\n\n /* selected chapter */\n ytd-macro-markers-list-item-renderer {\n --ytd-macro-markers-list-item-background-color: @surface0 !important;\n --ytd-macro-markers-list-item-title-color: @text !important;\n --ytd-macro-markers-list-item-secondary-color: @subtext1 !important;\n --ytd-macro-markers-list-item-timestamp-background-color: @surface1 !important;\n }\n\n /* playlist selector */\n ytd-playlist-panel-video-renderer {\n --yt-lightsource-section2-color: @surface1 !important;\n --yt-lightsource-section4-color: @surface2 !important;\n --yt-lightsource-primary-title-color: @text !important;\n --yt-lightsource-secondary-title-color: @text !important;\n --yt-active-playlist-panel-background-color: @surface0 !important;\n }\n\n ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette]\n .header.ytd-playlist-panel-renderer {\n --iron-icon-fill-color: @text !important;\n background-color: @base !important;\n }\n\n /* explandable meta */\n ytd-expandable-metadata-renderer {\n --yt-lightsource-section1-color: @base !important;\n --yt-lightsource-section2-color: @surface0 !important;\n --yt-lightsource-section3-color: @surface1 !important;\n --yt-lightsource-section4-color: @surface2 !important;\n --yt-lightsource-primary-title-color: @text !important;\n --yt-lightsource-secondary-title-color: @subtext0 !important;\n }\n\n yt-live-chat-renderer {\n --yt-emoji-picker-renderer-height: 180px;\n --yt-button-default-text-color: @text !important;\n --yt-button-default-background-color: @base !important;\n --yt-button-dark-text-color: @base !important;\n --yt-button-dark-background-color: @accent-color !important;\n --yt-button-payment-background-color: @accent-color !important;\n }\n\n yt-icon.ytd-pinned-comment-badge-renderer * {\n fill: @text !important;\n }\n\n .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start::after {\n background: @overlay0 !important;\n }\n\n .html5-ypc-purchase {\n background: @accent-color !important;\n &:hover {\n background: lighten(@accent-color, 10%) !important;\n }\n }\n\n yt-notification-action-renderer[darker-dark-theme]\n tp-yt-paper-toast.yt-notification-action-renderer {\n background: @overlay0 !important;\n }\n\n /* volume bar */\n .ytp-volume-slider-handle {\n background: @accent-color !important;\n &::before {\n background: @accent-color !important;\n }\n &::after {\n z-index: -1;\n }\n }\n\n /* new videos dot */\n #newness-dot {\n background-color: @accent-color !important;\n }\n\n /* subtitle */\n .ytp-chrome-controls .ytp-button[aria-pressed]::after {\n background-color: @accent-color !important;\n }\n\n /* menu items */\n /* checkbox subitem */\n .ytp-menuitem[aria-checked=\"true\"] .ytp-menuitem-toggle-checkbox {\n @svg: escape(\n ''\n );\n background: url(\"data:image/svg+xml,@{svg}\");\n }\n .ytp-menuitem:not([aria-disabled=\"true\"]):hover {\n background: @surface1 !important;\n }\n .ytp-settings-button.ytp-hd-quality-badge,\n .ytp-settings-button.ytp-4k-quality-badge,\n .ytp-settings-button.ytp-5k-quality-badge,\n .ytp-settings-button.ytp-8k-quality-badge,\n .ytp-settings-button.ytp-3d-badge {\n &::after {\n background-color: @accent-color !important;\n }\n }\n\n .ytp-panel-menu {\n color: @text;\n\n & .ytp-menuitem:not(:last-child) svg > path {\n fill: @text;\n }\n\n & .ytp-menuitem:last-child svg:last-child {\n fill: @text;\n }\n }\n\n .ytp-right-controls svg path,\n .ytp-svg-fill {\n fill: #fff !important;\n }\n\n .ytp-time-current,\n .ytp-time-separator,\n .ytp-time-duration,\n .ytp-menu-label-secondary,\n .ytp-menuitem-label-count {\n color: #fff;\n }\n\n .ytp-tooltip:not([aria-hidden=\"true\"]) {\n color: @text;\n }\n\n .style-scope.ytd-thumbnail-overlay-toggle-button-renderer:hover {\n fill: @accent-color !important;\n }\n\n .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled,\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {\n background-color: @accent-color !important;\n .yt-spec-button-shape-next__icon yt-icon svg g path {\n fill: @base !important;\n }\n }\n\n .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--text {\n color: @text;\n }\n\n /* link */\n .yt-core-attributed-string__link--call-to-action-color {\n color: @sapphire !important;\n &:hover {\n color: @teal !important;\n }\n }\n\n /* private video warning */\n .WARNING.yt-alert-renderer {\n background-color: @yellow;\n }\n\n /* search results */\n .sbpqs_a::before,\n .sbqs_c::before {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n background: none;\n }\n\n /* Results backgrounds */\n .sbsb_a,\n .sbdd_b {\n background: @mantle !important;\n }\n\n /* Transcript Button */\n .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline {\n color: @accent-color !important;\n border-color: @surface2 !important;\n\n &:hover {\n background-color: fadeout(@accent-color, 80) !important;\n border-color: fadeout(@accent-color, 80) !important;\n }\n }\n\n /* text color */\n .gsfs {\n color: @text !important;\n }\n\n /* Hover and keyboard select background */\n .sbsb_c.gsfs:hover,\n .sbsb_d {\n background-color: @surface0 !important;\n }\n\n .sbfl_b {\n background-color: @mantle !important;\n &:hover {\n background-color: @surface0 !important;\n color: @accent-color !important;\n }\n }\n\n .sbpqs_a {\n color: @accent-color !important;\n }\n\n .sbfl_a {\n color: @subtext0 !important;\n }\n\n .sbsb_i {\n color: @subtext0;\n }\n\n /* Keyboard select text color and hover text color */\n .sbsb_c:hover .sbqs_c,\n .sbsb_c.gsfs.sbsb_d .sbqs_c {\n color: @accent-color !important;\n }\n\n .ytp-swatch-background-color {\n background-color: @accent-color !important;\n }\n\n /* exmplation box */\n .explanation-box[correct] * {\n color: @crust !important;\n }\n\n /* custom likes + anims */\n yt-animated-icon[animated-icon-type=\"LIKE\"]\n > ytd-lottie-player\n > lottie-component\n > svg\n > g:nth-child(2)\n > g:nth-child(2) {\n /* not liked */\n > g:nth-child(2),\n > g:nth-child(4) {\n > path:nth-child(1) {\n stroke: @text !important;\n }\n }\n /* liked */\n > g:nth-child(1),\n > g:nth-child(3) {\n > path:nth-child(1) {\n fill: @accent-color !important;\n }\n > path:nth-child(2) {\n stroke: @accent-color !important;\n }\n }\n }\n\n /* iv branding */\n /* Popup for when you hover over the channel avatar in the video */\n .iv-branding .branding-context-container-inner {\n background-color: @base !important;\n }\n\n .iv-branding .iv-branding-context-name {\n color: @text !important;\n text-shadow: none !important;\n }\n\n /* Cards */\n .iv-drawer-content {\n background-color: fadeout(@mantle, 5%) !important;\n }\n\n .iv-drawer-header-text {\n color: @text !important;\n }\n\n .iv-card-content,\n .ytp-ce-expanding-overlay-background,\n .ytp-cards-teaser .ytp-cards-teaser-text,\n .ytp-cards-teaser .ytp-cards-teaser-box {\n background-color: @base !important;\n }\n\n .iv-card-content > :first-child,\n .html5-video-player a,\n .iv-card h2,\n .ytp-cards-teaser .ytp-cards-teaser-text {\n color: @text !important;\n }\n\n /* Player tooltip background */\n .ytp-tooltip-text {\n background: @surface0 !important;\n }\n\n .iv-card:hover .iv-card-primary-link,\n .ytp-ce-website-title {\n color: @accent-color !important;\n }\n\n .ytp-popup {\n background: @surface0 !important;\n }\n\n tp-yt-paper-dialog {\n background-color: @base !important;\n }\n\n /* Temporary fix */\n .yt-core-attributed-string--link-inherit-color {\n color: @text !important;\n /* &:hover {\n * color: @teal !important;\n } */\n }\n\n /* live badges */\n .badge-style-type-live-now-alternate,\n ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] {\n color: @crust !important;\n yt-icon svg {\n g path,\n path {\n fill: @crust !important;\n }\n }\n }\n .ytp-live-badge {\n &::before {\n background: @subtext1 !important;\n }\n &[disabled]::before {\n background: @accent-color !important;\n }\n }\n\n /* notification idicator */\n .yt-spec-icon-badge-shape--type-notification\n .yt-spec-icon-badge-shape__badge {\n background-color: @accent-color !important;\n color: @crust !important;\n }\n .yt-spec-icon-badge-shape--style-overlay .yt-spec-icon-badge-shape__icon {\n color: var(--yt-spec-icon-active-other) !important;\n }\n .yt-spec-icon-badge-shape {\n color: var(--yt-spec-icon-active-other) !important;\n }\n\n /* bell next to subscription button */\n .yt-animated-icon svg {\n g path,\n path {\n fill: @text !important;\n }\n }\n\n /* creator badges */\n ytd-author-comment-badge-renderer {\n --yt-basic-background-color: @surface0 !important;\n --yt-basic-foreground-title-color: @surface0 !important;\n --ytd-author-comment-badge-background-color: @surface0 !important;\n --ytd-author-comment-badge-name-color: @text !important;\n --ytd-author-comment-badge-icon-color: @text !important;\n padding-right: 6px;\n padding-left: 8px;\n }\n\n /* ambient mode */\n #cinematics {\n mix-blend-mode: lighten;\n }\n\n /* badges e.g. popular */\n yt-chip-cloud-chip-renderer[chip-style=\"STYLE_DEFAULT\"][selected],\n yt-chip-cloud-chip-renderer[chip-style=\"STYLE_HOME_FILTER\"][selected] {\n background: @accent-color !important;\n color: @crust !important;\n }\n\n /* Search border */\n ytd-searchbox[has-focus] #container.ytd-searchbox {\n border-color: @accent-color !important;\n }\n\n /* New Feature inline banner */\n .ytd-brand-video-singleton-renderer {\n background: @surface0 !important;\n color: @text !important;\n }\n yt-button-shape a {\n border-color: @text !important;\n color: @text !important;\n }\n\n /* Chapter overview buttons */\n #share-button,\n #repeat-button {\n button {\n color: @text !important;\n }\n }\n\n /* Error page */\n #error-page {\n background-color: @base !important;\n }\n .search_plugin_added {\n background-color: @base;\n }\n\n #error-page-content {\n color: @text !important;\n text-shadow: none;\n background-color: @base !important;\n > p {\n color: @text !important;\n text-shadow: none;\n }\n #masthead-search-terms.masthead-search-terms-border {\n border-color: @accent-color !important;\n box-shadow: none !important;\n }\n #yt-masthead {\n color: @text !important;\n text-shadow: none;\n #logo-container {\n .logo {\n filter: invert(1) grayscale(1);\n }\n .content-region {\n color: @text !important;\n text-shadow: none;\n }\n }\n #masthead-search #masthead-search-terms-border {\n input[type=\"text\"] {\n color: @text !important;\n &:focus {\n color: @accent-color !important;\n }\n }\n }\n .search-button {\n background-color: @mantle !important;\n }\n }\n }\n\n /* channel homepage */\n /* selected tab */\n .yt-tab-shape-wiz__tab--tab-selected {\n color: @accent-color !important;\n }\n .yt-tab-group-shape-wiz__slider {\n background-color: @accent-color !important;\n }\n\n /* unselected */\n .yt-tab-shape-wiz__tab {\n color: @subtext1;\n }\n\n /* hover */\n .yt-tab-shape-wiz:hover {\n .yt-tab-shape-wiz__tab {\n color: lighten(@accent-color, 7.5);\n }\n\n .yt-tab-shape-wiz__tab-bar {\n background-color: lighten(@accent-color, 7.5);\n }\n }\n\n /* yt end cards */\n .ytp-ce-channel-subscribers-text {\n color: @subtext0;\n }\n .ytp-ce-channel-metadata {\n color: @text;\n }\n .yt-ui-ellipsis {\n background-color: @base;\n }\n a.ytp-ce-link,\n a.ytp-ce-link:hover,\n a.ytp-ce-link:visited {\n color: @accent-color !important;\n }\n\n /* hopefully temporary */\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal {\n background-color: @surface0;\n color: @text;\n }\n\n .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {\n color: @crust;\n background-color: @accent-color;\n &:hover {\n background-color: darken(@accent-color, 20);\n }\n }\n\n ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2),\n ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) {\n > ytd-guide-entry-renderer:nth-child(1)\n > a:nth-child(1)\n > tp-yt-paper-item:nth-child(1)\n > yt-icon:nth-child(1)\n > yt-icon-shape:nth-child(1)\n > icon-shape:nth-child(1)\n > div:nth-child(1)\n > svg:nth-child(1) {\n > g:nth-child(2) > g:nth-child(2) > path {\n &:nth-child(1) {\n fill: @accent-color !important;\n }\n &:nth-child(2) {\n fill: @base !important;\n }\n }\n }\n > ytd-guide-entry-renderer:nth-child(2)\n > a:nth-child(1)\n > tp-yt-paper-item:nth-child(1)\n > yt-icon:nth-child(1)\n > yt-icon-shape:nth-child(1)\n > icon-shape:nth-child(1)\n > div:nth-child(1)\n > svg:nth-child(1) {\n > path:nth-child(1) {\n fill: @accent-color !important;\n }\n > path:nth-child(2) {\n fill: @base !important;\n }\n > path:nth-child(3) {\n fill: @accent-color !important;\n }\n > path:nth-child(4) {\n fill: @base !important;\n }\n }\n > ytd-guide-entry-renderer:nth-child(3)\n > a:nth-child(1)\n > tp-yt-paper-item:nth-child(1)\n > yt-icon:nth-child(1)\n > yt-icon-shape:nth-child(1)\n > icon-shape:nth-child(1)\n > div:nth-child(1)\n > svg:nth-child(1) {\n > circle:nth-child(1) {\n fill: @accent-color !important;\n }\n > polygon:nth-child(2) {\n fill: @base !important;\n }\n > path:nth-child(3) {\n fill: @base !important;\n }\n }\n > ytd-guide-entry-renderer:nth-child(4)\n > a:nth-child(1)\n > tp-yt-paper-item:nth-child(1)\n > yt-icon:nth-child(1)\n > yt-icon-shape:nth-child(1)\n > icon-shape:nth-child(1)\n > div:nth-child(1)\n > svg:nth-child(1) {\n > path:nth-child(1) {\n fill: @accent-color !important;\n }\n > path:nth-child(4) {\n fill: @base !important;\n }\n }\n }\n\n .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text {\n color: @accent-color;\n &:hover {\n background-color: fadeout(@accent-color, 90);\n }\n }\n\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline,\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text {\n color: @text;\n &:hover {\n background-color: @surface0;\n }\n }\n\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline {\n border-color: @surface0;\n }\n\n /* Scrollbar */\n ::-webkit-scrollbar {\n width: @scrollbar_width !important;\n }\n\n ::-webkit-scrollbar-track {\n background: @base !important;\n }\n\n ::-webkit-scrollbar-thumb {\n background: @accent-color !important;\n }\n\n /* text highlight */\n ::selection {\n background: fadeout(@accent-color, 80%) !important;\n color: @text !important;\n }\n }\n}\n\n@-moz-document url-prefix('https://www.youtube.com/redirect')\n{\n /* youtube.com-redirect */\n :root[dark] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n h1 {\n color: @text !important;\n }\n\n #redirect-main-text {\n color: @overlay2 !important;\n .bolded {\n color: @accent-color !important;\n }\n }\n\n /* search */\n #masthead-search-terms-border {\n border-color: @surface0 !important;\n background-color: @surface0 !important;\n box-shadow: fadeout(@crust, 10%) !important;\n }\n\n /* Community Cross-posting */\n ytd-shared-post-renderer[uses-compact-lockup]\n #repost-context.ytd-shared-post-renderer {\n background-color: var(--second-background);\n }\n #divider-line-container.ytd-shared-post-renderer {\n background-color: var(--yt-spec-10-percent-layer);\n }\n\n #masthead-search-terms {\n color: @text !important;\n }\n\n .search-button {\n background: @surface0 !important;\n border-color: @surface0 !important;\n }\n\n .search-button-content {\n filter: invert(1);\n }\n\n #redirect-backto-safety-button:hover {\n color: @text !important;\n }\n\n #logo-container .content-region {\n color: @text !important;\n }\n\n /* text highlight */\n ::selection {\n background: fadeout(@accent-color, 80%) !important;\n color: @text !important;\n }\n }\n}\n\n@-moz-document url-prefix('https://studio.youtube.com')\n{\n /* studio.youtube.com */\n :root[dark] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n &,\n html,\n html[dark],\n html[dark][dark],\n &[dark],\n &[light],\n [light],\n html[light],\n html[light][light] {\n /* disable */\n --yt-spec-black-pure-alpha-80: (null) !important;\n --yt-spec-black-pure-alpha-60: (null) !important;\n --yt-spec-black-1-alpha-98: (null) !important;\n --yt-spec-black-1-alpha-95: (null) !important;\n\n /* text */\n --yt-spec-text-primary: @text !important;\n --ytcp-text-primary: @text !important;\n --ytcp-text-primary-inverse: @base !important;\n --ytcp-static-overlay-text-primary-inverse: @base !important;\n --ytcp-wordmark-text: @text !important;\n --ytcp-text-secondary: @subtext0 !important;\n --ytcp-text-disabled: @subtext1 !important;\n --ytcp-overlay-text-primary: @overlay2 !important;\n\n /* main bg */\n --ytcp-general-background-a: @base !important;\n --yt-spec-base-background: @base !important;\n --yt-spec-black-3: @base !important;\n\n /* secondary bg */\n --yt-spec-brand-background-solid: @mantle !important;\n --ytcp-brand-background-solid: @mantle !important;\n --yt-spec-raised-background: @mantle !important;\n --ytcp-general-background-b: @mantle !important;\n --ytcp-analytics-reach-background: @mantle !important;\n --yt-spec-black-2: @mantle !important;\n\n /* additional bg */\n --ytcp-general-background-c: @crust !important;\n\n /* menu */\n --ytcp-menu-background: @surface0 !important;\n\n /* card borders */\n --ytcp-container-border-color: @surface0 !important;\n --ytcp-container-hovered-border-color: @surface0 !important;\n --ytcp-line-divider-solid: @surface0 !important;\n --ytcp-container-border-color-inverse: @subtext0 !important;\n --ytcp-line-divider-solid-inverse: @subtext0 !important;\n\n /* links */\n --ytcp-call-to-action: @sapphire !important;\n --ytcp-call-to-action-inverse: @mantle !important;\n\n /* buttons */\n --ytcp-call-to-action-raised-background: @accent-color !important;\n --yt-spec-brand-button-background: @accent-color !important;\n --ytcp-call-to-action-raised-disabled: @surface2 !important;\n --ytcp-call-to-action-raised-disabled-background: @overlay2 !important;\n --ytcp-call-to-action-raised-background-inverse: @base !important;\n --ytcp-call-to-action-raised-disabled-inverse: @surface2 !important;\n --ytcp-call-to-action-raised-disabled-background-inverse: @overlay2 !important;\n\n /* dropdown */\n --yt-spec-brand-background-primary: @surface0 !important;\n\n /* icons */\n --yt-compact-link-icon-color: @overlay2 !important;\n --ytcp-icon-active: @accent-color !important;\n --ytcp-icon-inactive: @overlay2 !important;\n --ytcp-icon-disabled: @overlay2 !important;\n --ytcp-icon-active-inverse: @overlay1 !important;\n --ytcp-icon-disabled-inverse: @subtext1 !important;\n\n /* colors */\n --ytcp-error-red: @red !important;\n --ytcp-badge-red: @red !important;\n --ytcp-error-red-inverse: @red !important;\n --ytcp-themed-red-inverse: @red !important;\n --ytcp-themed-red: @red !important;\n --ytcp-themed-blue: @blue !important;\n --ytcp-badge-blue-solid: @blue !important;\n --ytcp-themed-blue-inverse: @blue !important;\n --ytcp-themed-green: @green !important;\n --ytmus-genre-primary-melon: @green !important;\n --ytcp-themed-green-inverse: @green !important;\n --ytcp-analytics-pine: @green !important;\n --ytcp-analytics-pine-inverse: @green !important;\n --ytcp-analytics-parrot: @green !important;\n --ytcp-themed-yellow: @peach !important;\n --ytmus-genre-primary-gold: @peach !important;\n --ytcp-yellow-inverse: @peach !important;\n --ytcp-badge-yellow: @peach !important;\n --ytcp-analytics-yellow: @peach !important;\n --ytcp-analytics-apricot: @peach !important;\n --ytcp-suggested-action: @teal !important;\n --ytcp-analytics-overview: @teal !important;\n --ytcp-analytics-revenue: @teal !important;\n --ytcp-analytics-default-secondary: @teal !important;\n --ytcp-analytics-royal-blue: @lavender !important;\n --ytcp-analytics-reach: @lavender !important;\n --ytcp-analytics-audience: @lavender !important;\n --ytcp-analytics-engagement: @pink !important;\n --ytcp-analytics-revenue-secondary: @pink !important;\n --ytcp-analytics-bubblegum: @flamingo !important;\n --ytmus-genre-primary-ruby: @flamingo !important;\n --ytmus-genre-primary-salmon: @mauve !important;\n --ytmus-genre-primary-orange: @maroon !important;\n --ytmus-genre-primary-sky: @sky !important;\n --ytmus-genre-primary-sky-inverse: @sky !important;\n\n /* misc */\n --yt-spec-badge-chip-background: @surface1 !important;\n --ytcp-focus-inverse: @accent-color !important;\n --ytcp-focus: @accent-color !important;\n --ytcp-selected-item: @accent-color !important;\n --ytcp-hover-item: @overlay2 !important;\n --ytcp-chip-active-focus: @accent-color !important;\n --ytcp-playhead: @overlay2 !important;\n --ytcp-playhead-inverse: @overlay2 !important;\n }\n\n ytcp-button.destructive.ytls-error-dialog {\n color: @base !important;\n }\n\n yt-formatted-string.ytls-error-dialog,\n tp-yt-iron-icon.ytls-error-dialog {\n color: @text !important;\n }\n\n /* text highlight */\n ::selection {\n background: fadeout(@accent-color, 80%) !important;\n color: @text !important;\n }\n }\n}\n\n/* prettier-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n}\n// vim:ft=less\n"}] \ No newline at end of file +[{"settings":{"updateInterval":24,"updateOnlyEnabled":true,"patchCsp":true}},{"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.css","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":"0.0.1","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/advent-of-code/catppuccin.user.css","description":"Soothing pastel theme for Advent Of Code","author":"Catppuccin","license":"MIT","preprocessor":"less","vars":{"flavor":{"type":"select","label":"Flavor","name":"flavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]}}},"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 0.0.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/advent-of-code/catppuccin.user.css\n@description Soothing pastel theme for Advent Of Code\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */\n@-moz-document domain(\"adventofcode.com\") {\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@flavor);\n\n #catppuccin(@lookup) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n body {\n background: @base;\n color: @text;\n\n header h1 a,\n header h1 span {\n color: @green;\n text-shadow:\n 0 0 2px @green,\n 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 input[type=\"text\"],\n textarea,\n code::before {\n border-color: @surface0;\n background: @crust;\n }\n }\n }\n }\n}\n// vim:ft=less\n"},{"enabled":true,"name":"AniList Catppuccin","description":"Soothing pastel theme for AniList","author":"Catppuccin","updateUrl":"https://github.com/catppuccin/userstyles/raw/main/styles/anilist/catppuccin.user.css","usercssData":{"name":"AniList Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/anilist","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/anilist","version":"2.1.1","description":"Soothing pastel theme for AniList","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/anilist/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent Color","name":"accentColor","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"}]},"contrastColor":{"type":"select","label":"Contrast Color","name":"contrastColor","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"}]}}},"sourceCode":"/* ==UserStyle==\n@name AniList Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/anilist\n@homepageURL\thttps://github.com/catppuccin/userstyles/tree/main/styles/anilist\n@version 2.1.1\n@description Soothing pastel theme for AniList\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/anilist/catppuccin.user.css\n@license\t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent 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@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@-moz-document domain(\"anilist.co\") {\n body:not(.site-theme-dark) {\n #catppuccin(@lightFlavor, @accentColor);\n }\n .site-theme-dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent: @catppuccin[@@lookup][@@accentColor];\n @contrast-color: @catppuccin[@@lookup][@@contrastColor];\n\n & when (@lookup =latte) {\n --color-blue-dim: #rgbify(desaturate(lighten(@accent, 10%), 10%)) [];\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\n /* BASE VARIABLES */\n --color-background: #rgbify(@crust) [];\n --color-foreground: #rgbify(@base) [];\n --color-foreground-grey: #rgbify(@surface0) [];\n --color-foreground-grey-dark: #rgbify(@surface0) [];\n --color-foreground-blue: #rgbify(@mantle) [];\n --color-foreground-blue-dark: #rgbify(@mantle) [];\n --color-background-blue-dark: #rgbify(@subtext1) [];\n --color-overlay: #rgbify(@crust) [];\n --color-shadow: #rgbify(@mantle) [];\n --color-shadow-dark: #rgbify(@crust) [];\n --color-shadow-blue: #rgbify(@blue) [];\n --color-text: #rgbify(@text) [];\n --color-text-light: #rgbify(@subtext1) [];\n --color-text-lighter: #rgbify(@subtext0) [];\n --color-text-bright: #rgbify(@text) [];\n --color-blue: #rgbify(@accent) [];\n --color-white: 255, 255, 255;\n --color-black: 0, 0, 0;\n --color-red: #rgbify(@contrast-color) [];\n --color-peach: #rgbify(@maroon) [];\n --color-orange: #rgbify(@peach) [];\n --color-yellow: #rgbify(@yellow) [];\n --color-green: #rgbify(@green) [];\n --color-background-1200: #rgbify(@text) [];\n --color-background-1100: #rgbify(@text) [];\n --color-background-1000: #rgbify(@text) [];\n --color-background-900: #rgbify(@subtext1) [];\n --color-background-800: #rgbify(@subtext0) [];\n --color-background-700: #rgbify(@surface1) [];\n --color-background-600: #rgbify(@surface0) [];\n --color-background-500: #rgbify(@surface0) [];\n --color-background-400: #rgbify(@surface0) [];\n --color-background-300: #rgbify(@base) [];\n --color-background-200: #rgbify(@mantle) [];\n --color-background-100: #rgbify(@crust) [];\n --color-gray-1200: #rgbify(@text) [];\n --color-gray-1100: #rgbify(@text) [];\n --color-gray-1000: #rgbify(@text) [];\n --color-gray-900: #rgbify(@text) [];\n --color-gray-800: #rgbify(@overlay2) [];\n --color-gray-700: #rgbify(@overlay1) [];\n --color-gray-600: #rgbify(@overlay0) [];\n --color-gray-500: #rgbify(@surface2) [];\n --color-gray-400: #rgbify(@surface1) [];\n --color-gray-300: #rgbify(@surface0) [];\n --color-gray-200: #rgbify(@mantle) [];\n --color-gray-100: #rgbify(@crust) [];\n --color-blue-100: #rgbify(@text) [];\n --color-blue-200: #rgbify(@text) [];\n --color-blue-300: #rgbify(@text) [];\n --color-blue-400: #rgbify(@sapphire) [];\n --color-blue-500: #rgbify(@sapphire) [];\n --color-blue-600: #rgbify(@blue) [];\n --color-blue-700: #rgbify(@blue) [];\n --color-blue-800: #rgbify(@blue) [];\n --color-blue-900: #rgbify(@blue) [];\n --color-blue-1000: #rgbify(@blue) [];\n --color-green-100: #rgbify(@teal) [];\n --color-green-200: #rgbify(@green) [];\n --color-green-300: #rgbify(@green) [];\n --color-green-400: #rgbify(@green) [];\n --color-green-500: #rgbify(@green) [];\n --color-green-600: #rgbify(@green) [];\n --color-green-700: #rgbify(@green) [];\n --color-green-800: #rgbify(@green) [];\n --color-red-100: #rgbify(@text) [];\n --color-red-200: #rgbify(@flamingo) [];\n --color-red-300: #rgbify(@maroon) [];\n --color-red-400: #rgbify(@red) [];\n --color-red-500: #rgbify(@red) [];\n --color-red-600: #rgbify(@red) [];\n --color-red-700: #rgbify(@red) [];\n\n /* DARK THEME SPECIFIC TWEAKS */\n & when not (@lookup =latte) {\n --color-background: #rgbify(@crust) [];\n --color-foreground: #rgbify(@base) [];\n --color-foreground-grey: #rgbify(@surface0) [];\n --color-foreground-grey-dark: #rgbify(@surface0) [];\n --color-foreground-blue: #rgbify(@mantle) [];\n --color-foreground-blue-dark: #rgbify(@mantle) [];\n --color-text: #rgbify(@text) [];\n --color-text-light: #rgbify(@subtext0) [];\n --color-text-lighter: #rgbify(@subtext1) [];\n --color-shadow-blue: #rgbify(@crust) [];\n --color-background-1200: #rgbify(@text) [];\n --color-background-1100: #rgbify(@text) [];\n --color-background-1000: #rgbify(@text) [];\n --color-background-900: #rgbify(@subtext1) [];\n --color-background-800: #rgbify(@subtext0) [];\n --color-background-700: #rgbify(@surface1) [];\n --color-background-600: #rgbify(@surface0) [];\n --color-background-500: #rgbify(@surface0) [];\n --color-background-400: #rgbify(@surface0) [];\n --color-background-300: #rgbify(@base) [];\n --color-background-200: #rgbify(@mantle) [];\n --color-background-100: #rgbify(@crust) [];\n --color-gray-1200: #rgbify(@text) [];\n --color-gray-1100: #rgbify(@text) [];\n --color-gray-1000: #rgbify(@text) [];\n --color-gray-900: #rgbify(@text) [];\n --color-gray-800: #rgbify(@overlay2) [];\n --color-gray-700: #rgbify(@overlay1) [];\n --color-gray-600: #rgbify(@overlay0) [];\n --color-gray-500: #rgbify(@surface2) [];\n --color-gray-400: #rgbify(@surface1) [];\n --color-gray-300: #rgbify(@surface0) [];\n --color-gray-200: #rgbify(@mantle) [];\n --color-gray-100: #rgbify(@crust) [];\n\n --color-blue-dim: #rgbify(desaturate(darken(@accent, 10%), 10%)) [];\n }\n /* DARK THEME NAV BAR */\n .nav-unscoped when not (@lookup =latte) {\n background-color: @mantle !important;\n }\n /* -----------------PROFILE FIXES----------------- */\n #profileColor(@color) {\n --color-blue: #rgbify(@color) [];\n & when (@lookup =latte) {\n --color-blue-dim: #rgbify(lighten(@color, 10%)) [];\n }\n & when not (@lookup =latte) {\n --color-blue-dim: #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\n /* --------------Tags---------------- */\n .tag {\n background: @accent !important;\n color: @base !important;\n }\n .genre {\n color: @base !important;\n }\n\n /* ----Tracking Status List Stuff---- */\n .list[data-v-5776f768],\n .el-icon-arrow-down::before {\n color: @mantle !important;\n }\n .el-dropdown-menu,\n .el-dropdown-menu__item--divided::before,\n .el-select-dropdown {\n background-color: @base !important;\n }\n .el-dropdown-menu {\n border-color: @text !important;\n }\n .el-dropdown-menu__item:focus,\n .el-dropdown-menu__item:not(.is-disabled):hover {\n color: @crust !important;\n }\n .el-dropdown-menu__item--divided when not (@lookup =latte) {\n border-top-color: rgb(21, 31, 46);\n }\n .el-select-dropdown__item.hover,\n .el-select-dropdown__item:hover {\n background-color: @mantle;\n }\n\n /* ---------SCORE TWEAKS-------------- */\n .score[data-v-5ca094da] {\n color: @base;\n }\n\n /* --------------FOOTER (It's hardcoded idk why anilist dumdum)---------- */\n .footer[data-v-0f519cab] {\n background: @crust;\n color: @subtext0;\n }\n\n /* ------------------MISC EDITS-------------------- */\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 /* ------------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 button-------- */\n .settings[data-v-3deab077] .button {\n color: @crust;\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 }\n}\n\n@-moz-document domain(\"anichart.net\") {\n body:not(.site-theme-dark) {\n #catppuccin(@lightFlavor, @accentColor);\n }\n .site-theme-dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent: @catppuccin[@@lookup][@@accentColor];\n @contrast-color: @catppuccin[@@lookup][@@contrastColor];\n\n & when (@lookup =latte) {\n --color-blue-dim: #rgbify(desaturate(lighten(@accent, 10%), 10%)) [];\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\n /* BASE VARIABLES */\n --color-background: #rgbify(@crust) [];\n --color-foreground: #rgbify(@base) [];\n --color-foreground-grey: #rgbify(@surface0) [];\n --color-foreground-grey-dark: #rgbify(@surface0) [];\n --color-foreground-blue: #rgbify(@mantle) [];\n --color-foreground-blue-dark: #rgbify(@mantle) [];\n --color-background-blue-dark: #rgbify(@subtext1) [];\n --color-overlay: #rgbify(@crust) [];\n --color-shadow: #rgbify(@mantle) [];\n --color-shadow-dark: #rgbify(@crust) [];\n --color-shadow-blue: #rgbify(@blue) [];\n --color-text: #rgbify(@text) [];\n --color-text-light: #rgbify(@subtext1) [];\n --color-text-lighter: #rgbify(@subtext0) [];\n --color-text-bright: #rgbify(@text) [];\n --color-blue: #rgbify(@accent) [];\n --color-white: 255, 255, 255;\n --color-black: 0, 0, 0;\n --color-red: #rgbify(@contrast-color) [];\n --color-peach: #rgbify(@maroon) [];\n --color-orange: #rgbify(@peach) [];\n --color-yellow: #rgbify(@yellow) [];\n --color-green: #rgbify(@green) [];\n --color-background-1200: #rgbify(@text) [];\n --color-background-1100: #rgbify(@text) [];\n --color-background-1000: #rgbify(@text) [];\n --color-background-900: #rgbify(@subtext1) [];\n --color-background-800: #rgbify(@subtext0) [];\n --color-background-700: #rgbify(@surface1) [];\n --color-background-600: #rgbify(@surface0) [];\n --color-background-500: #rgbify(@surface0) [];\n --color-background-400: #rgbify(@surface0) [];\n --color-background-300: #rgbify(@base) [];\n --color-background-200: #rgbify(@mantle) [];\n --color-background-100: #rgbify(@crust) [];\n --color-gray-1200: #rgbify(@text) [];\n --color-gray-1100: #rgbify(@text) [];\n --color-gray-1000: #rgbify(@text) [];\n --color-gray-900: #rgbify(@text) [];\n --color-gray-800: #rgbify(@overlay2) [];\n --color-gray-700: #rgbify(@overlay1) [];\n --color-gray-600: #rgbify(@overlay0) [];\n --color-gray-500: #rgbify(@surface2) [];\n --color-gray-400: #rgbify(@surface1) [];\n --color-gray-300: #rgbify(@surface0) [];\n --color-gray-200: #rgbify(@mantle) [];\n --color-gray-100: #rgbify(@crust) [];\n --color-blue-100: #rgbify(@text) [];\n --color-blue-200: #rgbify(@text) [];\n --color-blue-300: #rgbify(@text) [];\n --color-blue-400: #rgbify(@sapphire) [];\n --color-blue-500: #rgbify(@sapphire) [];\n --color-blue-600: #rgbify(@blue) [];\n --color-blue-700: #rgbify(@blue) [];\n --color-blue-800: #rgbify(@blue) [];\n --color-blue-900: #rgbify(@blue) [];\n --color-blue-1000: #rgbify(@blue) [];\n --color-green-100: #rgbify(@teal) [];\n --color-green-200: #rgbify(@green) [];\n --color-green-300: #rgbify(@green) [];\n --color-green-400: #rgbify(@green) [];\n --color-green-500: #rgbify(@green) [];\n --color-green-600: #rgbify(@green) [];\n --color-green-700: #rgbify(@green) [];\n --color-green-800: #rgbify(@green) [];\n --color-red-100: #rgbify(@text) [];\n --color-red-200: #rgbify(@flamingo) [];\n --color-red-300: #rgbify(@maroon) [];\n --color-red-400: #rgbify(@red) [];\n --color-red-500: #rgbify(@red) [];\n --color-red-600: #rgbify(@red) [];\n --color-red-700: #rgbify(@red) [];\n\n /* DARK THEME SPECIFIC TWEAKS */\n & when not (@lookup =latte) {\n --color-background: #rgbify(@crust) [];\n --color-foreground: #rgbify(@base) [];\n --color-foreground-grey: #rgbify(@surface0) [];\n --color-foreground-grey-dark: #rgbify(@surface0) [];\n --color-foreground-blue: #rgbify(@mantle) [];\n --color-foreground-blue-dark: #rgbify(@mantle) [];\n --color-text: #rgbify(@text) [];\n --color-text-light: #rgbify(@subtext0) [];\n --color-text-lighter: #rgbify(@subtext1) [];\n --color-shadow-blue: #rgbify(@crust) [];\n --color-background-1200: #rgbify(@text) [];\n --color-background-1100: #rgbify(@text) [];\n --color-background-1000: #rgbify(@text) [];\n --color-background-900: #rgbify(@subtext1) [];\n --color-background-800: #rgbify(@subtext0) [];\n --color-background-700: #rgbify(@surface1) [];\n --color-background-600: #rgbify(@surface0) [];\n --color-background-500: #rgbify(@surface0) [];\n --color-background-400: #rgbify(@surface0) [];\n --color-background-300: #rgbify(@base) [];\n --color-background-200: #rgbify(@mantle) [];\n --color-background-100: #rgbify(@crust) [];\n --color-gray-1200: #rgbify(@text) [];\n --color-gray-1100: #rgbify(@text) [];\n --color-gray-1000: #rgbify(@text) [];\n --color-gray-900: #rgbify(@text) [];\n --color-gray-800: #rgbify(@overlay2) [];\n --color-gray-700: #rgbify(@overlay1) [];\n --color-gray-600: #rgbify(@overlay0) [];\n --color-gray-500: #rgbify(@surface2) [];\n --color-gray-400: #rgbify(@surface1) [];\n --color-gray-300: #rgbify(@surface0) [];\n --color-gray-200: #rgbify(@mantle) [];\n --color-gray-100: #rgbify(@crust) [];\n\n --color-blue-dim: #rgbify(desaturate(darken(@accent, 10%), 10%)) [];\n }\n\n /* DARK THEME NAV BAR */\n .nav-unscoped when not (@lookup =latte) {\n background-color: @mantle !important;\n }\n /* -----------------PROFILE FIXES----------------- */\n #profileColor(@color) {\n --color-blue: #rgbify(@color) [];\n & when (@lookup =latte) {\n --color-blue-dim: #rgbify(lighten(@color, 10%)) [];\n }\n & when not (@lookup =latte) {\n --color-blue-dim: #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\n /* --------------Tags---------------- */\n .tag {\n background: @accent !important;\n color: @base !important;\n }\n .genre {\n color: @base !important;\n }\n\n /* ----Tracking Status List Stuff---- */\n .list[data-v-5776f768],\n .el-icon-arrow-down::before {\n color: @mantle !important;\n }\n .el-dropdown-menu,\n .el-dropdown-menu__item--divided::before,\n .el-select-dropdown {\n background-color: @base !important;\n }\n .el-dropdown-menu {\n border-color: @text !important;\n }\n .el-dropdown-menu__item:focus,\n .el-dropdown-menu__item:not(.is-disabled):hover {\n color: @crust !important;\n }\n .el-dropdown-menu__item--divided when not (@lookup =latte) {\n border-top-color: rgb(21, 31, 46);\n }\n .el-select-dropdown__item.hover,\n .el-select-dropdown__item:hover {\n background-color: @mantle;\n }\n\n /* ---------SCORE TWEAKS-------------- */\n .score[data-v-5ca094da] {\n color: @base;\n }\n\n /* --------------FOOTER (It's hardcoded idk why anilist dumdum)---------- */\n .footer[data-v-0f519cab] {\n background: @crust;\n color: @subtext0;\n }\n\n /* ------------------MISC EDITS-------------------- */\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 /* ------------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 button-------- */\n .settings[data-v-3deab077] .button {\n color: @crust;\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\n /* --------ANICHART SPECIFIC TWEAKS---- */\n .login[data-v-0d5bfbcd],\n .login[data-v-0d5bfbcd]:hover {\n color: @base;\n }\n\n .nav[data-v-e2f25004] {\n background: @crust;\n }\n .season[data-v-e2f25004],\n .charts .label[data-v-e2f25004],\n .charts .svg-icon[data-v-e2f25004],\n .section:first-of-type .section-heading[data-v-309146c2],\n a.title[data-v-09928904] {\n color: @text;\n }\n .season.router-link-active[data-v-e2f25004],\n .charts a:hover .svg-icon[data-v-e2f25004],\n .season[data-v-e2f25004]:hover,\n .charts .router-link-active .svg-icon[data-v-e2f25004] {\n color: @accent;\n }\n .settings[data-v-3deab077] .button.danger {\n color: @base;\n }\n /* AUTOMAIL TWEAK */\n .site-theme-dark .el-popper .el-dropdown-menu__item:focus,\n .el-popper .el-dropdown-menu__item:not(.is-disabled):hover {\n color: @accent !important;\n }\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 .filter-group.compare-btn,\n .hohButton {\n color: @base;\n }\n .hohButton {\n background-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 }\n}\n\n/* prettier-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n}\n\n#rgbify(@color) {\n @rgb-raw: red(@color), green(@color), blue(@color);\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"boringproxy Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/boringproxy","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/boringproxy","version":"0.0.1","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/boringproxy/catppuccin.user.css","description":"Soothing pastel theme for boringproxy","author":"Catppuccin","license":"MIT","preprocessor":"less","vars":{"flavor":{"type":"select","label":"Flavor","name":"flavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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":"Grey","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 0.0.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/boringproxy/catppuccin.user.css\n@description Soothing pastel theme for boringproxy\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Grey\"]\n==/UserStyle== */\n@-moz-document domain(\"boring.example.com\") {\n :root {\n #catppuccin(@flavor, @accentColor);\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n // Main Background\n body {\n background: @base;\n }\n // Actual Panel\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-color;\n }\n .menu-item:any-link {\n color: @text;\n }\n\n // Right SIde Button\n .button {\n border-color: @accent-color;\n background-color: @crust;\n color: @subtext1;\n }\n .button:hover {\n color: @surface0;\n background-color: @accent-color;\n border-color: @crust;\n }\n\n // Top Headers\n .list {\n background-color: @crust;\n }\n\n .list-item {\n color: @accent-color;\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-color;\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-color;\n }\n\n .input select {\n background-color: @crust;\n color: @subtext0;\n border-color: @accent-color;\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-color;\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-color;\n }\n .client-adder input {\n background-color: @crust;\n color: @subtext0;\n border-color: @accent-color;\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-color;\n }\n // dialog\n .dialog__content {\n background-color: @crust;\n color: @text;\n }\n }\n}\n// vim:ft=less\n"},{"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.css","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":"1.0.4","description":"Soothing pastel theme for Brave Search","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/brave-search/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]}}},"sourceCode":"/* ==UserStyle==\n@name Brave Search Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/brave-search\n@homepageURL\thttps://github.com/catppuccin/userstyles/tree/main/styles/brave-search\n@version 1.0.4\n@description Soothing pastel theme for Brave Search\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/brave-search/catppuccin.user.css\n@license\t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */\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 /* prettier-ignore */\n @catppuccin: {\n @latte: { @color-scheme: light; @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @color-scheme: dark; @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @color-scheme: dark; @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @color-scheme: dark; @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @color: @catppuccin[@@lookup][@color-scheme];\n\n color-scheme: @color;\n --color-container-highlight: @crust;\n --search-serp-container-background: @mantle;\n --body-bg: @base;\n --bg-glassy: @mantle;\n --bg-1: @surface1;\n --bg-2: @surface0;\n --bg-02: @crust;\n --bg-04: @mantle;\n --bg-green: @green;\n --bg-blue: @blue;\n --bg-red: @red;\n --bg-favicon: @surface1;\n --bg-form-control-selected: @surface2;\n --bg-form-control-unselected: @surface0;\n --form-control-selected: @blue;\n --form-control-hover: @lavender;\n --form-control-focus: @text;\n --settings-header-bg: @mantle;\n --settings-header-text: @text;\n --settings-header-icon: @blue;\n --settings-widget-text: @subtext0;\n --settings-item-text: @text;\n --settings-item-icon: @blue;\n --settings-item-border: @overlay0;\n --settings-item-border-2: @overlay2;\n --settings-btn-bg: @surface0;\n --settings-btn-text: @text;\n --settings-widget-outline: @overlay0;\n --settings-independent-score: @blue;\n --settings-global-score: @peach;\n --brave-supporter-bg: @base;\n --brave-supporter-text: @text;\n --context-menu-header-border: @overlay0;\n --color-primary: @text;\n --color-primary-2: @subtext1;\n --color-primary-3: @subtext0;\n --color-white: @text;\n --color-gray-2: @subtext1;\n --color-gray-3: @subtext0;\n --color-gray-4: @overlay2;\n --color-gray-5: @overlay1;\n --color-gray-6: @overlay0;\n --color-green: @green;\n --color-red: @red;\n --color-blue: @blue;\n --info-color: @blue;\n --link-primary: @blue;\n --link-secondary: @blue;\n --link-visited: @mauve;\n --snippet-url: @subtext0;\n --separator-dot: @overlay0;\n --theme-purple: @mauve;\n --theme-yellow: @yellow;\n --border-color: @overlay0;\n --blurple-300: @lavender;\n --text-01: @text;\n --text-02: @subtext1;\n --text-03: @subtext0;\n --interactive-04: @blue;\n --interactive-05: @blue;\n --interactive-06: @blue;\n --interactive-07: @blue;\n --interactive-08: @blue;\n --focus-border: @overlay2;\n --divider-01: @overlay0;\n --disabled: @overlay1;\n --btn-filled-bg: @surface0;\n --btn-filled-bg-hover: @surface1;\n --btn-filled-text-active: @text;\n --btn-filled-bg-active: @surface2;\n --btn-filled-text-disabled: @overlay1;\n --btn-outline-border: @overlay0;\n --btn-outline-border-hover: @overlay1;\n --btn-outline-text: @text;\n --btn-outline-text-hover: @subtext1;\n --btn-outline-text-active: @text;\n --btn-outline-border-active: @overlay2;\n --btn-outline-text-disabled: @overlay1;\n --btn-icon-svg-hover: @subtext1;\n --btn-icon-bg-hover: @surface1;\n --btn-icon-svg-active: @text;\n --code-bg-0: @base;\n --code-border: @overlay0;\n --code-color-1: @surface0;\n --code-color-2: @text;\n --code-color-3: @green;\n --code-color-4: @blue;\n --code-color-5: @pink;\n --search-bgd-01: @overlay0;\n --search-bgd-02: @base;\n --search-bgd-03: @crust;\n --search-bgd-04: @mantle;\n --search-bgd-05: @base;\n --search-bgd-06: @surface0;\n --search-bgd-07: @mantle;\n --search-bgd-08: @crust;\n --search-line-01: @surface0;\n --search-line-02: @subtext0;\n --search-text-01: @text;\n --search-text-02: @subtext1;\n --search-text-03: @subtext0;\n --search-text-04: @subtext0;\n --search-text-05: @blue;\n --search-text-06: @overlay0;\n --search-text-09: @yellow;\n --search-text-10: @peach;\n --search-interactive-01: @blue;\n --search-interactive-02: @mauve;\n --search-interactive-03: @mauve;\n --search-interactive-04: @sky;\n --search-interactive-05: @mauve;\n --gray-30: @base;\n --gray-60: @surface0;\n --gray-90: @overlay0;\n --gray-110: @subtext0;\n --gray-120: @text;\n --secondary-90: @lavender;\n\n #searchform > .searchbox-wrapper::after {\n background-image: none;\n }\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"bStats Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/bstats","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/bstats","version":"0.2.1","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/bstats/catppuccin.user.css","description":"Soothing pastel theme for bStats","author":"Catppuccin","license":"MIT","preprocessor":"less","vars":{"flavor":{"type":"select","label":"Flavor","name":"flavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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":"Grey","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 0.2.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/bstats/catppuccin.user.css\n@description Soothing pastel theme for bStats\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green*\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Grey\"]\n\n@var checkbox graphUseAccentColor \"Graphs Use Accent\" 0\n\n==/UserStyle== */\n@-moz-document domain('bstats.org') {\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n :root {\n #catppuccin(@flavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n 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-color !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-color;\n box-shadow: 0 1px 0 0 @accent-color;\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-color !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-color;\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-color, 25%), 50%);\n & when (@flavor=latte) {\n background-color: desaturate(lighten(@accent-color, 12%), 30%);\n }\n &::after {\n background-color: @accent-color;\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-color;\n color: @base;\n }\n .chips.focus {\n border-bottom-color: @accent-color;\n box-shadow: 0 1px 0 0 @accent-color;\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-color;\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-color, 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-color !important;\n }\n }\n .highcharts-markers path {\n fill: @red !important;\n stroke: @base !important;\n & when (@graphUseAccentColor=1) {\n fill: @accent-color !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-color !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-color !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// vim:ft=less\n"},{"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.css","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":"0.0.2","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/canvas-lms/catppuccin.user.css","description":"Soothing pastel theme for Canvas LMS","author":"Catppuccin","license":"MIT","preprocessor":"less","vars":{"flavor":{"type":"select","label":"Flavor","name":"flavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","value":null,"default":"sapphire","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Gray","value":"subtext0"}]}}},"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 0.0.2\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/canvas-lms/catppuccin.user.css\n@description Soothing pastel theme for Canvas LMS\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"instructure.com\") {\n :root {\n #catppuccin(@flavor, @accentColor);\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n #breadcrumbs,\n #printQuizButton,\n #content,\n .navigation-tray-container,\n .ic-Dashboard-header__layout,\n .button-sidebar-wide,\n .access_tokens,\n .context_modules,\n .textarea-container,\n .Button,\n .panel,\n span {\n background-color: @base;\n color: @accent-color;\n }\n\n #application,\n .comments,\n .module-sequence-footer-content,\n .immersive_reader_mount_point,\n .context_modules {\n background: @base !important;\n background-color: @base !important;\n color: @accent-color !important;\n }\n\n a,\n .page-title {\n color: fadeout(@text, 0.8) !important;\n }\n\n * {\n color: @text !important;\n background-color: @base !important;\n }\n .ic-DashboardCard,\n .ic-DashboardCard__header_content,\n .ic-DashboardCard__action-container,\n .ic-DashboardCard__header-subtitle,\n .ic-DashboardCard__header-title,\n .ic-DashboardCard__header-term {\n background-color: @surface0 !important;\n }\n\n .ic-app-header__main-navigation,\n .ic-app-header__logomark-container {\n background-color: @crust !important;\n }\n\n .ic-app-header__menu-list-item.ic-app-header__menu-list-item--active\n .ic-app-header__menu-list-link {\n background-color: fadeout(@crust, 0.8);\n }\n\n body {\n background-color: @base;\n }\n\n #right-side .events_list .event-details::after,\n #right-side .events_list .todo-details::after,\n #right-side .to-do-list .event-details::after,\n #right-side .to-do-list .todo-details::after {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n height: 100%;\n width: 12px;\n background: linear-gradient(\n to right,\n rgba(255, 255, 255, 0) 0%,\n @surface0 80%\n );\n }\n\n :root {\n --ic-brand-global-nav-avatar-border: @accent-color;\n --ic-brand-font-color-dark: fadeout(@accent-color, 0.8);\n --ic-brand-primary: @accent-color;\n --ic-brand-global-nav-ic-icon-svg-fill: fadeout(@accent-color, 0.5);\n --eMdva-color: @base !important;\n --ccWIh-color: @crust;\n }\n .unread_count,\n .menu-item-icon-container,\n .menu-item__badge,\n .nav-badge {\n color: fadeout(@text, 0.8);\n }\n\n .list-view a.active {\n border-left-color: #007fff;\n color: #007fff;\n }\n\n // Fix file preview\n nav.ViewerControls * {\n background-color: @surface1 !important;\n }\n div.Pages,\n .Page-container {\n background-color: #f2f2f2 !important;\n }\n .Page-container * {\n background-color: transparent !important;\n }\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"ChatGPT Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/chatgpt","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/chatgpt","version":"0.0.8","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.css","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":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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"}]}}},"sourceCode":"/* ==UserStyle==\n@name ChatGPT Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/chatgpt\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/chatgpt\n@version 0.0.8\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.css\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:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green*\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"chat.openai.com\") {\n @import url(\"https://unpkg.com/@catppuccin/highlightjs@0.1.2/css/catppuccin.variables.css\");\n\n .light body,\n .light html {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n :root,\n .dark body,\n .dark html {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n @color: white;\n #rgbify(@color) {\n @rgb-raw: red(@color), green(@color), blue(@color);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n --ctp-rosewater: #rgbify(@rosewater) [];\n --ctp-flamingo: #rgbify(@flamingo) [];\n --ctp-pink: #rgbify(@pink) [];\n --ctp-mauve: #rgbify(@mauve) [];\n --ctp-red: #rgbify(@red) [];\n --ctp-maroon: #rgbify(@maroon) [];\n --ctp-peach: #rgbify(@peach) [];\n --ctp-yellow: #rgbify(@yellow) [];\n --ctp-green: #rgbify(@green) [];\n --ctp-teal: #rgbify(@teal) [];\n --ctp-sky: #rgbify(@sky) [];\n --ctp-sapphire: #rgbify(@sapphire) [];\n --ctp-blue: #rgbify(@blue) [];\n --ctp-lavender: #rgbify(@lavender) [];\n --ctp-text: #rgbify(@text) [];\n --ctp-subtext1: #rgbify(@subtext1) [];\n --ctp-subtext0: #rgbify(@subtext0) [];\n --ctp-overlay2: #rgbify(@overlay2) [];\n --ctp-overlay1: #rgbify(@overlay1) [];\n --ctp-overlay0: #rgbify(@overlay0) [];\n --ctp-surface2: #rgbify(@surface2) [];\n --ctp-surface1: #rgbify(@surface1) [];\n --ctp-surface0: #rgbify(@surface0) [];\n --ctp-base: #rgbify(@crust) [];\n --ctp-mantle: #rgbify(@mantle) [];\n --ctp-crust: #rgbify(@crust) [];\n\n --text-primary: @text;\n --text-secondary: @subtext0;\n --text-tertiary: @subtext1;\n --surface-primary: @mantle;\n --surface-secondary: @base;\n --surface-tertiary: @surface0;\n --border-light: fade(@overlay2, 10%);\n --border-medium: fade(@overlay2, 15%);\n --border-heavy: fade(@overlay2, 20%);\n --border-xheavy: fade(@overlay2, 25%);\n\n background: @base !important;\n color: @text;\n\n /* Main page */\n div[class*=\"bg-gray-\"]:not(\n [class*=\"bg-gray-900\"],\n [class*=\"bg-gray-700\"],\n .bg-black .bg-gray-800,\n [class*=\"bg-gray-600/70\"], /* Modal background */\n [id^=\"headlessui-menu-items-\"], /* Help menu */\n [class*=\":radix-highlighted:hover:bg-[#2E2F33]\"] /* Settings > Theme selector drop down */\n ),\n div[class*=\"bg-vert-dark-gradient\"] {\n background: @base !important;\n }\n\n /* ToS violating message. Don't ask how this was tested. */\n .text-orange-500 {\n color: @peach;\n\n .bg-orange-500\\/10.border-orange-500 {\n background-color: fade(@peach, 10%);\n border-color: @peach;\n }\n }\n\n /* Chatbox */\n [class*=\":shadow-[0_0_0_2px_\"] {\n --tw-shadow: 0 0 0 2px @overlay0 !important;\n ::placeholder {\n color: @overlay0 !important;\n }\n }\n\n /* Go to end arrow */\n [class*=\":bg-white/10\"] {\n background-color: @surface0;\n border-color: @overlay0;\n }\n\n /* Message suggestions */\n [class*=\":from-gray-700\"] {\n --tw-gradient-from: if(@lookup = latte, @crust, @surface2)\n var(--tw-gradient-from-position);\n --tw-gradient-to: transparent var(--tw-gradient-to-position);\n }\n\n /* Help Menu */\n [id^=\"headlessui-menu-items-\"] {\n background-color: @mantle !important;\n [id^=\"headlessui-menu-item-\"]:hover {\n background-color: @surface0 !important;\n }\n }\n\n /* Modal Background */\n [class*=\"bg-gray-600/70\"] {\n background: fade(@base, 70%) !important;\n }\n\n /* Sidebar */\n [class*=\"bg-gray-900\"]:not(.\\!bg-transparent) {\n /* Also, Shared Links */\n background-color: @mantle !important;\n }\n\n div {\n --text-primary: @text;\n --text-secondary: @subtext0;\n --text-tertiary: @subtext1;\n --surface-primary: @surface0;\n --surface-secondary: @surface1;\n --surface-tertiary: @surface2;\n --border-light: fade(@overlay2, 10%);\n --border-medium: fade(@overlay2, 15%);\n --border-heavy: fade(@overlay2, 20%);\n --border-xheavy: fade(@overlay2, 25%);\n }\n\n nav {\n .sticky.bg-black, /* New Chat */\n h3[class*=\":bg-black\"] /* Today, Yesterday */ {\n background-color: transparent !important;\n }\n\n /* TODO: is it used? */\n .bg-gray-900 .bg-gray-800 {\n background-color: @surface0 !important;\n }\n\n /* Conversation */\n .group {\n /* Rename */\n a[href^=\"/c/\"] ~ .absolute {\n input {\n border-color: @accent-color;\n --tw-ring-color: @accent-color;\n }\n }\n /* Gradient */\n a[href^=\"/c/\"] .bg-gradient-to-l {\n --tw-gradient-from: @crust var(--tw-gradient-from-position);\n }\n &:hover a[href^=\"/c/\"] .bg-gradient-to-l {\n --tw-gradient-from: var(--surface-primary)\n var(--tw-gradient-from-position);\n }\n }\n\n /* TODO: is it used? */\n /* Upgrade Plan */\n .shim-yellow {\n display: none;\n }\n }\n\n [class*=\":hover:bg-white/5\"][class*=\"hover:bg-black/5\"] {\n /* ... Menu */\n background-color: var(--surface-primary) !important;\n &:hover {\n background-color: var(--surface-tertiary) !important;\n }\n }\n\n /* Search */\n div[class*=\"bg-gray-700\"] {\n background-color: if(@lookup = latte, @base, @surface0) !important;\n }\n\n [class*=\"text-gray-\"]:not(.text-gray-500),\n [class*=\"text-white\"]:not(.btn-primary .text-white, .bg-green-600) {\n color: @text !important;\n }\n\n .text-gray-500 {\n color: @subtext0;\n }\n\n div[class*=\"border-gray\"],\n div[class*=\"border-white\"] {\n border-color: @overlay0 !important;\n }\n\n input,\n textarea {\n color: @text;\n &::placeholder {\n color: @overlay0;\n }\n }\n\n [class*=\"bg-white/5\"] {\n background-color: @surface0 !important;\n }\n\n /* Bot messages */\n .prose {\n --tw-prose-body: @text !important;\n --tw-prose-bold: @text !important;\n --tw-prose-code: @text !important;\n --tw-prose-links: @text !important;\n --tw-prose-headings: @overlay1 !important;\n }\n\n .bg-black,\n [class*=\":bg-black\"] {\n background-color: @crust !important;\n }\n\n .bg-black .bg-gray-800 {\n background-color: @surface0 !important;\n }\n\n code.hljs,\n code[class*=\"language-\"],\n pre[class*=\"language-\"] {\n color: @text !important;\n }\n\n .markdown {\n [type=\"checkbox\"]:checked {\n background-color: @accent-color;\n @svg: escape(\n ''\n );\n background-image: ~\"url('data:image/svg+xml;charset=utf-8,@{svg}')\";\n }\n\n a {\n color: @accent-color;\n &:hover {\n color: lighten(@accent-color, 5%);\n text-decoration-line: underline;\n }\n }\n\n th {\n background: @mantle;\n color: @text;\n }\n }\n\n /* Buttons */\n .btn-neutral,\n .btn-dark {\n background-color: if(@lookup = latte, @base, @surface1) !important;\n color: @text !important;\n border-color: @overlay0;\n &:hover {\n background-color: if(@lookup = latte, @crust, @surface2) !important;\n }\n }\n\n .btn-primary {\n background-color: @accent-color !important;\n color: @crust !important;\n }\n\n .btn-primary .text-white {\n color: @crust !important;\n }\n\n .btn-danger {\n background-color: @red !important;\n color: @crust !important;\n }\n\n .btn-disabled,\n .btn-disabled:hover {\n background-color: @surface0;\n color: @text;\n }\n\n /* TODO: is it used? */\n .text-2xl {\n color: @text !important;\n }\n\n /* TODO: is it used? */\n .dark [class*=\"bg-yellow-\"] {\n color: @crust !important;\n }\n\n /* TODO: is it used? */\n .light [class*=\"bg-yellow-\"] {\n color: @text !important;\n }\n\n /* TODO: is it used? */\n [class*=\"text-green\"] {\n color: @accent-color !important;\n }\n\n .dark .dark\\:hover\\:bg-\\[\\#2A2B32\\]:hover {\n background-color: @surface0;\n }\n\n [class*=\":bg-gray-800\"]:not(\n [class*=\"hover:bg-gray-800\"],\n [class*=\"group-ui-open:bg-gray-800\"]\n ) {\n background-color: @surface0;\n }\n\n [class*=\":hover:bg-gray-800\"]:hover {\n background-color: @surface1;\n }\n\n .radix-state-active\\:bg-gray-800[data-state=\"active\"] {\n background-color: @surface0;\n }\n\n /* Settings > Theme selector drop down */\n [class*=\":hover:bg-[#494A54]\"].bg-white {\n background-color: @mantle;\n &:hover {\n background-color: @surface0;\n }\n }\n\n [class*=\":focus-visible:border-green-500\"]:focus-visible {\n border-color: @accent-color;\n }\n\n [class*=\":radix-highlighted:hover:bg-[#2E2F33]\"]:hover {\n background-color: @surface0 !important;\n }\n\n /* Shared Links */\n a[href^=\"/share/\"][class*=\"text-blue-400\"] {\n color: @accent-color;\n }\n\n [class*=\":border-white/10\"] {\n border-color: fade(@overlay0, 10%);\n }\n\n .text-red-500 {\n color: @red;\n }\n\n /* Custom Instructions */\n .border-gray-100 {\n border-color: @overlay0;\n }\n\n .focus\\:border-brand-green:focus {\n border-color: @accent-color;\n }\n\n /* Toggle button */\n .radix-state-checked\\:bg-green-600 {\n &[data-state=\"checked\"] {\n background-color: @accent-color;\n & > span {\n background-color: @surface0;\n }\n }\n &[data-state=\"unchecked\"] {\n background-color: @surface0;\n & > span {\n background-color: @text;\n }\n }\n }\n\n /* ChatGPT Icon\n (Needs `layout.css.has-selector.enabled`. If it's disabled, no changes are made)\n */\n div:has(> [role=\"img\"]) {\n background-color: @accent-color !important;\n & > [role=\"img\"] {\n color: @base;\n }\n }\n\n /* SVG chat avatars (ChatGPT, and Anonymous)\n (Needs `layout.css.has-selector.enabled`. If it's disabled, no changes are made)\n */\n div:has(> svg.icon-sm:only-child) {\n background-color: @accent-color !important;\n & > svg {\n color: @base;\n }\n }\n\n /* Send button */\n [data-testid=\"send-button\"][class*=\"bg-gray-900\"] {\n background-color: @base !important;\n border-color: @overlay0;\n svg[class*=\"text-white\"] {\n color: @accent-color !important;\n }\n }\n\n /* Notification Popup (Copied to clipboard) */\n .bg-green-600.text-white.border-green-600 {\n background-color: @accent-color;\n color: @base !important;\n border-color: @overlay0;\n }\n\n /* Share page > \"Upgrade to Plus\" button */\n a[href=\"/gpts/discovery\"].bg-green-600.text-white {\n background-color: @accent-color;\n color: @base !important;\n }\n\n /* Login Page > buttons */\n .bg-\\[\\#3C46FF\\] {\n background-color: @accent-color;\n color: @base;\n }\n\n .hover\\:bg-\\[\\#0000FF\\]:hover {\n background-color: lighten(@accent-color, 5%);\n }\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"ChatReplay Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/chatreplay","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/chatreplay","version":"0.0.1","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/chatreplay/catppuccin.user.css","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 Color","name":"accentColor","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":"Grey","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 0.0.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/chatreplay/catppuccin.user.css\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 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:Grey\" ]\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@-moz-document domain(\"chatreplay.stream\") {\n :root[dark] #chat-container {\n #catppuccin(@darkFlavor, @accentColor, chat);\n }\n :root #chat-container {\n #catppuccin(@lightFlavor, @accentColor, chat);\n }\n @media (prefers-color-scheme: light) {\n :root {\n #catppuccin(@lightFlavor, @accentColor, base);\n }\n }\n @media (prefers-color-scheme: dark) {\n :root {\n #catppuccin(@darkFlavor, @accentColor, base);\n }\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent-color, @platform) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent: @catppuccin[@@lookup][@@accent-color];\n\n & when (@platform = chat) {\n a,\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 rgba(@crust, 0.4), 0 0 4px rgba(@crust, 0.4);\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: -1px -1px 0px @base, 0px -1px 0px @base,\n 1px -1px 0px @base, -1px 0px 0px @base, 1px 0px 0px @base,\n -1px 1px 0px @base, 0px 1px 0px @base, 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(45deg, @accent, spin(@accent, 45));\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// vim:ft=less\n"},{"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.css","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":"0.1.3","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/chess.com/catppuccin.user.css","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":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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":"Grey","value":"subtext0"}]}}},"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 0.1.3\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/chess.com/catppuccin.user.css\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:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Grey\"]\n\n==/UserStyle== */\n@-moz-document domain(\"chess.com\") {\n body {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n .dark-mode {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup,\n\t\t@accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n #piece(@piece) {\n @url: url(\"https://media.githubusercontent.com/media/catppuccin/userstyles/main/styles/chess.com/assets/@{lookup}/@{piece}.png\");\n }\n\n @bb: #piece(\"b/bb\") [];\n @bk: #piece(\"b/bk\") [];\n @bn: #piece(\"b/bn\") [];\n @bp: #piece(\"b/bp\") [];\n @bq: #piece(\"b/bq\") [];\n @br: #piece(\"b/br\") [];\n @wb: #piece(\"w/wb\") [];\n @wk: #piece(\"w/wk\") [];\n @wn: #piece(\"w/wn\") [];\n @wp: #piece(\"w/wp\") [];\n @wq: #piece(\"w/wq\") [];\n @wr: #piece(\"w/wr\") [];\n\n --theme-background-color: @base !important;\n --globalBackground: @mantle !important;\n --globalBackgroundOpaque: @mantle !important;\n --globalSecondaryBackground: @crust !important;\n --globalTertiaryBackground: @surface0 !important;\n --globalAccentBackground: @accent-color !important;\n --globalSecondaryAccentBackground: darken(@accent-color, 20%) !important;\n --globalSiteBackground: @base !important;\n --subtleButtonBackground: hsla(0, 0%, 100%, 0.16);\n --globalBorder: @surface0 !important;\n --globalGray: hsla(0, 0%, 100%, 0.08);\n --globalGraySoft: hsla(0, 0%, 100%, 0.08);\n --globalColorThemeFull: @text !important;\n --globalColorThemeHigh: @text;\n --globalColorThemeMid: @overlay2 !important;\n --globalColorThemeLow: @overlay0 !important;\n --globalColorThemeLower: @base !important;\n --globalColorThemeLink: @sapphire !important;\n --globalColorThemeBlueToWhite: #fff;\n --globalColorThemeBlueToMid: hsla(0, 0%, 100%, 0.72);\n --globalColorThemeBlueToMidHover: hsla(0, 0%, 100%, 0.85);\n --globalColorThemeBlueToHigh: hsla(0, 0%, 100%, 0.85);\n --globalColorThemeBlueToHighHover: #fff;\n --globalColorThemeHighToMid: hsla(0, 0%, 100%, 0.72);\n --globalColorThemeFullToMid: hsla(0, 0%, 100%, 0.72);\n --globalColorNeutral50: rgba(0, 0, 0, 0.1);\n --globalColorNeutral100: rgba(0, 0, 0, 0.2);\n --globalColorNeutral200: rgba(0, 0, 0, 0.4);\n --globalOverlayBackground: @base !important;\n --globalColorWin: @green !important;\n --globalColorDraw: @accent-color !important;\n --globalColorLoss: @red !important;\n\n /* index page */\n .promo-title,\n .index-title {\n color: @text !important;\n }\n\n .play-quick-links-title,\n .promo-rank,\n .v5-header-name,\n .promo-subtitle,\n #tb .toolbar-action-icon {\n color: @text;\n }\n\n .home-username-link {\n color: @accent-color;\n }\n\n .index-info-item-counter {\n color: @text !important;\n }\n\n .index-info-item {\n color: @subtext0 !important;\n }\n\n .index-quote-author .index-chess-title {\n background: @accent-color !important;\n color: @crust !important;\n }\n\n .authentication-intro-levels {\n --labelBackground: @surface0 !important;\n --labelBackgroundHover: @surface1 !important;\n\n .authentication-intro-level-v5.authentication-intro-selected {\n border-color: @accent-color !important;\n }\n }\n\n /* ui */\n .user-username-component {\n color: @text;\n }\n\n .user-tagline-rating.user-tagline-white {\n color: @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 #sb .nav-popover.dark .btn-link {\n color: @text;\n }\n #sb .nav-menu-area:last-of-type .icon-font-chess {\n color: @text !important;\n }\n .nav-link-main-design:hover,\n .nav-link-main-link:hover {\n color: darken(@text, 20%) !important;\n }\n .nav-link-main-design,\n .nav-link-main-link {\n color: @text !important;\n }\n .ui_v5-button-component {\n --boxShadow: none;\n --boxShadowHover: none;\n\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-color !important;\n --borderColor: darken(@accent-color, 20%) !important;\n\n &:hover {\n --secondaryBorderColor: fadeout(@accent-color, 20%) !important;\n box-shadow: none;\n }\n }\n }\n\n .ui_v5-select-component {\n &:not(.ui_v5-select-light),\n &.ui_v5-select-dark {\n background: @base;\n }\n }\n\n .ui_v5-input-component {\n background: @base;\n }\n\n .ui_v5-input-dark {\n --secondaryTextColor: @subtext0;\n }\n\n .ui_v5-switch-checkbox:not(.ui_v5-switch-readonly):checked\n + .ui_v5-switch-label {\n background: @green;\n }\n\n .nav-panel-shade {\n background: @mantle;\n }\n\n .nav-popover.dark {\n background: @mantle;\n }\n\n .nav-section-header-component {\n background: @base;\n }\n\n #sb .nav-action.has-popover + .nav-popover {\n background: @mantle;\n }\n\n .popover-friends-header {\n background: @mantle;\n }\n\n .popover-friends-content {\n background: @mantle;\n }\n\n .popover-messages-header {\n background: @mantle;\n }\n\n .popover-messages-content {\n background: @mantle;\n }\n\n .popover-settings-header {\n background: @mantle;\n }\n\n .popover-settings-content {\n background: @mantle;\n }\n\n .selector-button-button {\n background: @surface0;\n\n &:hover {\n background: @surface1;\n }\n }\n\n .time-selector-button-button {\n background: @surface0;\n\n &:hover {\n background: @surface1;\n }\n }\n\n .clock-component.clock-black {\n background: @surface0;\n }\n\n .clock-component.clock-white {\n background: @text;\n }\n\n .highlight {\n background: @peach !important;\n }\n\n .hint {\n background-color: @overlay1;\n filter: drop-shadow(0 0 1px @crust);\n }\n\n .capture-hint {\n background-color: @overlay1;\n filter: drop-shadow(0 0 1px @crust);\n z-index: -1;\n }\n\n .modal-game-over-header-grey {\n background-color: @base;\n }\n\n .modal-content-component.modal-content-light {\n background-color: @base;\n }\n\n .modal-game-over-user-winner-active {\n border-color: @lavender;\n }\n\n .modal-game-over-user-crown {\n background: @lavender;\n }\n\n .placeholder-ad-upgrade {\n background-color: @accent-color;\n }\n\n .placeholder-ad-link {\n color: @crust;\n }\n\n div.mode-selection-button-selected > .mode-selection-button-description {\n color: @surface1;\n }\n\n div.mode-selection-button-selected > .mode-selection-button-mode {\n color: @mantle;\n }\n\n /* crowns */\n img.crowns-full-crown {\n /* this selects the crown, but tbh its not easy to rotate-hue an svg to an exact color. we might make more svgs for the crowns? */\n }\n\n /* Board */\n .board {\n background-image: url(\"https://media.githubusercontent.com/media/catppuccin/userstyles/main/styles/chess.com/assets/@{lookup}/@{accent}.png\") !important;\n }\n\n .game-preview-legacy-component {\n background-image: url(\"https://media.githubusercontent.com/media/catppuccin/userstyles/main/styles/chess.com/assets/@{lookup}/@{accent}.png\") !important;\n }\n\n /* Black Pieces */\n .piece.bp {\n background-image: @bp !important;\n }\n\n .piece.bn {\n background-image: @bn !important;\n }\n\n .piece.bb {\n background-image: @bb !important;\n }\n\n .piece.br {\n background-image: @br !important;\n }\n\n .piece.bk {\n background-image: @bk !important;\n }\n\n .piece.bq {\n background-image: @bq !important;\n }\n\n /* -- Previews */\n .game-preview-legacy-piece[alt=\"bb\"] {\n content: @bb !important;\n }\n\n .game-preview-legacy-piece[alt=\"bk\"] {\n content: @bk !important;\n }\n\n .game-preview-legacy-piece[alt=\"bn\"] {\n content: @bn !important;\n }\n\n .game-preview-legacy-piece[alt=\"bp\"] {\n content: @bp !important;\n }\n\n .game-preview-legacy-piece[alt=\"bq\"] {\n content: @bq !important;\n }\n\n .game-preview-legacy-piece[alt=\"br\"] {\n content: @br !important;\n }\n\n .game-preview-legacy-piece[alt=\"wb\"] {\n content: @wb !important;\n }\n\n .game-preview-legacy-piece[alt=\"wk\"] {\n content: @wk !important;\n }\n\n .game-preview-legacy-piece[alt=\"wn\"] {\n content: @wn !important;\n }\n\n .game-preview-legacy-piece[alt=\"wp\"] {\n content: @wp !important;\n }\n\n .game-preview-legacy-piece[alt=\"wq\"] {\n content: @wq !important;\n }\n\n .game-preview-legacy-piece[alt=\"wr\"] {\n content: @wr !important;\n }\n\n /* White Pieces */\n .piece.wp {\n background-image: @wp !important;\n }\n\n .piece.wn {\n background-image: @wn !important;\n }\n\n .piece.wb {\n background-image: @wb !important;\n }\n\n .piece.wr {\n background-image: @wr !important;\n }\n\n .piece.wk {\n background-image: @wk !important;\n }\n\n .piece.wq {\n background-image: @wq !important;\n }\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Cinny Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/cinny","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/cinny","version":"2.2.0","description":"Soothing pastel theme for Cinny","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/cinny/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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"}]}}},"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 2.2.0\n@description Soothing pastel theme for Cinny\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/cinny/catppuccin.user.css\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [ \"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\" ]\n@var select darkFlavor \"Dark Flavor\" [ \"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\" ]\n@var select accentColor \"Accent\" [ \"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue*\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\" ]\n==/UserStyle== */\n\n@-moz-document domain(\"cinny.in\") {\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; }\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; }\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; }\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; }\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accentColor: @catppuccin[@@lookup][@@accent];\n\n color-scheme: if(@lookup = latte, light, dark);\n\n --bg-surface: @base;\n --bg-surface-transparent: fadeout(@base, 100%);\n --bg-surface-low: @mantle;\n --bg-surface-low-transparent: fadeout(@mantle, 100%);\n --bg-surface-extra-low: @crust;\n --bg-surface-extra-low-transparent: fadeout(@crust, 100%);\n --bg-surface-border: fadeout(@crust, 80%);\n\n --bg-surface-hover: @surface0;\n --bg-surface-active: @surface1;\n\n --bg-overlay: fadeout(@crust, 40%);\n --bg-overlay-low: fadeout(@crust, 20%);\n\n --bg-primary: @accentColor;\n --bg-primary-hover: fadeout(@accentColor, 20%);\n --bg-primary-active: fadeout(@accentColor, 30%);\n --bg-primary-border: fadeout(@accentColor, 62%);\n\n --bg-tooltip: @surface0;\n --bg-badge: @lavender;\n\n --bg-positive: @green;\n --bg-positive-hover: fadeout(@green, 92%);\n --bg-positive-active: fadeout(@green, 85%);\n --bg-positive-border: fadeout(@green, 60%);\n --bg-caution: @peach;\n --bg-caution-hover: fadeout(@peach, 92%);\n --bg-caution-active: fadeout(@peach, 85%);\n --bg-caution-border: fadeout(@peach, 60%);\n --bg-danger: @maroon;\n --bg-danger-hover: fadeout(@maroon, 95%);\n --bg-danger-active: fadeout(@maroon, 90%);\n --bg-danger-border: fadeout(@maroon, 80%);\n\n --bg-ping: fadeout(@green, 60%);\n --bg-ping-hover: fadeout(@green, 50%);\n\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\n --tc-tooltip: @subtext0;\n --tc-code: @mauve;\n --tc-link: @rosewater;\n --tc-badge: @crust;\n\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 --ic-surface-high: @text;\n --ic-surface-normal: @text;\n --ic-surface-low: @subtext1;\n --ic-primary-high: @text;\n --ic-primary-normal: @crust;\n\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 --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 --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: fadeout(@accentColor, 40%);\n --oq6d07k: fadeout(@accentColor, 50%);\n --oq6d07l: fadeout(@accentColor, 60%);\n --oq6d07m: fadeout(@accentColor, 70%);\n --oq6d07n: fadeout(@accentColor, 80%);\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: @subtext0;\n\n --oq6d07z: fadeout(@green, 10%);\n --oq6d0710: fadeout(@green, 5%);\n --oq6d0711: fadeout(@green, 2.5%);\n --oq6d0712: @green;\n --oq6d0713: @surface0;\n --oq6d0714: fadeout(@surface0, 2.5%);\n --oq6d0715: fadeout(@surface0, 5%);\n --oq6d0716: fadeout(@surface0, 10%);\n --oq6d0717: fadeout(@surface0, 20%);\n\n --oq6d0718: @green;\n\n --oq6d0719: fadeout(@peach, 10%);\n --oq6d071a: fadeout(@peach, 5%);\n --oq6d071b: fadeout(@peach, 2.5%);\n --oq60d71c: @peach;\n --oq6d071d: fadeout(@surface0, 2.5%);\n --oq6d071e: fadeout(@surface0, 5%);\n --oq6d071f: fadeout(@surface0, 10%);\n --oq6d071g: fadeout(@surface0, 20%);\n --oq6d071h: fadeout(@surface0, 30%);\n\n --oq6d071i: fadeout(@maroon, 10%);\n --oq6d071j: fadeout(@maroon, 5%);\n --oq6d071k: fadeout(@maroon, 2.5%);\n --oq6d071l: @maroon;\n --oq6d071m: fadeout(@surface0, 2.5%);\n --oq6d071n: fadeout(@surface0, 5%);\n --oq6d071o: fadeout(@surface0, 10%);\n --oq6d071p: fadeout(@surface0, 20%);\n --oq6d071q: fadeout(@surface0, 30%);\n --oq6d071r: fadeout(@surface0, 40%);\n --oq6d071s: fadeout(@maroon, 10%);\n\n --oq6d071t: fadeout(@text, 50%);\n --oq6d071u: @crust;\n --oq6d071v: fadeout(@crust, 40%);\n\n --prism-comment: @overlay0;\n --prism-punctuation: @sky;\n --prism-property: @yellow;\n --prism-boolean: @peach;\n --prism-selector: @green;\n --prism-operator: @sky;\n --prism-atrule: @pink;\n --prism-keyword: @mauve;\n --prism-regex: @maroon;\n }\n\n :root,\n .oq6d071w,\n .silver-theme,\n ._15q3ngn0,\n .prism-light {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n .dark-theme,\n .dark-theme .text,\n ._15q3ngn1,\n .butter-theme,\n .butter-theme .text,\n ._15q3ngn2,\n .prism-dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n @media (prefers-color-scheme: light) {\n .system-theme {\n #catppuccin(@lightFlavor, @accentColor);\n }\n }\n @media (prefers-color-scheme: dark) {\n .system-theme,\n .system-theme .text {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n}\n\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Codeberg Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/codeberg","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/codeberg","version":"1.0.0","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/codeberg/catppuccin.user.css","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":"sapphire","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Gray","value":"subtext0"}]}}},"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 1.0.0\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/codeberg/catppuccin.user.css\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/* If you need any help with the information above, please see: https://github.com/openstyles/stylus/wiki/Writing-UserCSS#var */\n/* Apply Theme To Site\n * For help with URL rules, please see https://github.com/openstyles/stylus/wiki/Writing-styles#valid--moz-document-rules */\n@-moz-document domain('codeberg.org') {\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accentColor: @catppuccin[@@lookup][@@accent];\n @linkColor: @accentColor;\n @linkHover: if(\n @lookup =latte,\n darken(@accentColor, 5%),\n lighten(@accentColor, 5%)\n );\n /* Regular Colors are called with a single `@` as they\n * are just referencing the Variable directly. */\n background-color: @catppuccin[@@lookup][@base];\n /* The Accent Color is called with a double `@@` because\n * it's referencing the @accent Variable passed to the Mixin. */\n color: @catppuccin[@@lookup][@@accent];\n\n /* If you need to specify an overwrite specific to a Flavor\n * like Latte, you can use a `when` guard clause. */\n & when (@lookup =latte) {\n /* your code for latte */\n }\n\n /* You can also negate the statement above by using\n * a `when not` guard clause. */\n & when not (@lookup =latte) {\n /* your code for frappe, macchiato and mocha */\n }\n\n body {\n background: @catppuccin[@@lookup][@base] !important;\n }\n\n :root {\n --color-footer: @surface1;\n --color-footer-text: @subtext1;\n }\n }\n\n @import (css)\n url(\"https://git.winston.sh/assets/css/theme-catppuccin-@{lightFlavor}-@{accentColor}.css\")\n (prefers-color-scheme: light);\n @import (css)\n url(\"https://git.winston.sh/assets/css/theme-catppuccin-@{darkFlavor}-@{accentColor}.css\")\n (prefers-color-scheme: dark);\n\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor,\n @accentColor);\n }\n\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor,\n @accentColor);\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Crowdin Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/crowdin","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/crowdin","version":"0.0.1","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/crowdin/catppuccin.user.css","description":"Soothing pastel theme for Crowdin","author":"Catppuccin","license":"MIT","preprocessor":"less","vars":{"flavor":{"type":"select","label":"Flavor","name":"flavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]}}},"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 0.0.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/crowdin/catppuccin.user.css\n@description Soothing pastel theme for Crowdin\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */\n\n/* prettier-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @teala: rgba(23, 146, 153, 0.25); @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @teala: rgba(129, 200, 190, 0.25); @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @teala: rgba(139, 213, 202, 0.25); @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @teala: rgba(148, 226, 213, 0.25); @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n}\n\n@-moz-document regexp(\"https://crowdin.com(?!/translate).*\")\n{\n #catppuccin(@flavor);\n\n #catppuccin(@lookup) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @teala: @catppuccin[@@lookup][@teala];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n :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{\n #catppuccin(@flavor);\n\n #catppuccin(@lookup) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @teala: @catppuccin[@@lookup][@teala];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n\n 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// vim:ft=less\n"},{"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.css","usercssData":{"name":"DeepL Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/deepl","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/deepl","version":"0.3.1","description":"Soothing pastel theme for DeepL","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/deepl/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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":"Grey","value":"subtext0"}]},"zenMode":{"type":"checkbox","label":"Zen Mode","name":"zenMode","value":null,"default":"0","options":null}}},"sourceCode":"/* ==UserStyle==\n@name DeepL Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/deepl\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/deepl\n@version 0.3.1\n@description Soothing pastel theme for DeepL\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/deepl/catppuccin.user.css\n@license \t\t MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue*\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Grey\"]\n@var checkbox zenMode \"Zen Mode\" 0\n==/UserStyle== */\n\n@-moz-document url-prefix(\"https://www.deepl.com/translator\")\n{\n #catppuccin(@darkFlavor, @accentColor);\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n }\n\n @accent-text: @crust; // if(@lookup=latte, #fff, @crust) * this doesn't work for some reason. find fix\n\n body,\n button {\n color: @text;\n }\n\n p {\n color: @subtext1;\n }\n\n a {\n color: @accent-color;\n\n &:hover {\n color: darken(@accent-color, 8%);\n }\n }\n\n input {\n background-color: @base;\n }\n\n input::placeholder,\n textarea::placeholder {\n color: @overlay1;\n }\n\n // dammit tailwind\n .bg-neutral-next-50,\n .bg-deprecated-grey {\n background-color: @mantle;\n }\n\n .bg-white,\n .bg-blue-100 {\n background-color: @base;\n }\n\n .bg-dark-8 {\n background-color: @surface0;\n }\n\n .bg-mosque {\n background-color: spin(@accent-color, 30);\n\n &.text-white {\n color: @accent-text;\n }\n }\n\n .bg-blue-next-500 {\n background-color: @accent-color;\n\n &.text-white {\n color: @accent-text;\n }\n }\n\n .border-dark-7,\n .border-neutral-300 {\n border-color: @surface0;\n }\n\n .border-blue-chill,\n .bg-blue-next-500 {\n border-color: @accent-color;\n }\n\n .border-neutral-next-900 {\n border-color: @overlay1;\n }\n\n .text-deepl-blue,\n .text-blue-600 {\n color: @accent-color;\n }\n\n .text-blue-chill {\n color: spin(@accent-color, 30);\n }\n\n .text-deprecated-mid-grey {\n color: @text;\n }\n\n .text-neutral-600 {\n color: @subtext0;\n }\n\n .text-dark-1 {\n color: @subtext1;\n }\n\n .text-white,\n .text-black {\n color: @text;\n }\n\n .text-neutral-next-800 {\n color: @overlay1;\n }\n\n [class*=\"hover:bg-dark-8\"]:hover,\n [class*=\"enabled:hover:bg-dark-8\"]:hover:enabled,\n [class*=\"hover:bg-neutral-200\"]:hover,\n [class*=\"hover:bg-neutral-next-100\"]:hover {\n background-color: @surface0;\n }\n\n [class*=\"hover:bg-blue-200\"]:hover {\n background-color: mix(@accent-color, @base, 8%);\n }\n\n [class*=\"hover:bg-blue-next-700\"]:hover {\n background-color: darken(@accent-color, 8%);\n }\n\n [class*=\"hover:border-blue-next-700\"]:hover {\n border-color: darken(@accent-color, 8%);\n }\n\n [class*=\"disabled:text-dark-5:disabled\"],\n [class*=\"disabled:text-neutral-500:disabled\"] {\n color: @overlay1;\n }\n\n [class*=\"hover:text-blue-chill\"]:hover {\n color: darken(@accent-color, 15%);\n }\n\n [class*=\"bg-[#E1F0F5]\"] {\n background-color: fadeout(@accent-color, 70%);\n }\n\n // span[class*=\"hover:bg-[#B4DAE8]\"],\n [class*=\"bg-[#B4DAE8]\"] {\n // background-color: fadeout(@accent-color, 55%);\n\n &[class*=\"text-[#01557C]\"] {\n color: darken(@accent-color, 50%);\n }\n }\n\n [class*=\"text-[#25282D]\"] {\n color: @text;\n }\n\n [class*=\"text-[#01557C]\"] {\n color: @accent-color;\n }\n\n .divide-dark-7 > :not([hidden]) ~ :not([hidden]) {\n border-color: @surface1;\n }\n\n // general stuff\n [class*=\"button--\"] {\n &[class*=\"variant_contained--\"],\n &[class*=\"variant_contained--\"]:hover {\n color: @accent-text;\n }\n\n &[class*=\"color_primary--\"] {\n background-color: @accent-color;\n border-color: @accent-color;\n\n &:hover {\n background-color: darken(@accent-color, 15%);\n border-color: darken(@accent-color, 15%);\n color: @accent-text;\n }\n }\n }\n\n [class*=\"IconAnchor-module--anchor--\"] {\n color: @accent-color;\n\n &:hover {\n background-color: @surface0;\n }\n }\n\n [stroke=\"#0F2B46\"] {\n stroke: @accent-color !important;\n }\n\n [stroke=\"#006494\"] {\n stroke: @subtext0 !important;\n }\n\n // header\n [class^=\"BasePageHeader-module--container\"] {\n background-color: @crust;\n }\n\n [class|=\"PageHeaderLink-module--pageHeaderLink\"],\n [class|=\"FlyoutMenuButton-module--flyoutMenuButton\"],\n [class|=\"LoginButton-module--loginButton\"] {\n color: darken(@accent-color, 8%);\n }\n\n [class|=\"SideMenuButton-module--menuButton\"] {\n &,\n &::before,\n &::after {\n border-top-color: darken(@accent-color, 8%);\n }\n\n &:hover {\n &,\n &::before,\n &::after {\n border-top-color: @accent-color;\n }\n }\n }\n\n [class*=\"PageHeaderLink-module--pageHeaderLink--\"]:not(\n [class*=\"PageHeaderLink-module--nohover--\"]\n ):hover {\n color: @accent-color;\n border-color: @accent-color;\n }\n\n [class|=\"LoginButton-module--loginButton\"]:hover {\n color: @accent-color;\n }\n\n [class*=\"badge-module--badge--\"][class*=\"badge-module--proDark--\"] {\n background-color: spin(@accent-color, 30);\n color: @accent-text;\n }\n\n [class*=\"StartFreeTrialButton-module--startFreeTrialButton--\"] {\n background-color: @accent-color;\n border-color: @accent-color;\n color: @accent-text;\n\n &:hover {\n background-color: darken(@accent-color, 8%);\n border-color: darken(@accent-color, 8%);\n color: @accent-text;\n }\n }\n\n [class|=\"ProductUpdateButton-module--updateToolTip\"] {\n background-color: @surface0;\n color: @text;\n\n &::after {\n border-bottom-color: @surface0;\n }\n }\n\n // buttons above translation container\n [class|=\"cardButton\"] {\n background-color: @base;\n border-color: @surface0;\n\n &:not([class*=\"active--\"]):hover {\n background-color: @surface0;\n }\n }\n\n [class|=\"textLower\"] {\n color: @overlay1;\n }\n\n [class|=\"logo\"],\n [class|=\"textUpper\"] {\n color: @accent-color;\n }\n\n [class*=\"active--\"] {\n [class|=\"logo\"],\n [class|=\"textUpper\"] {\n color: @text;\n }\n\n [class|=\"innerLower\"] {\n background-color: @accent-color;\n }\n }\n\n // translation container\n [class*=\"SourceTranslatorArea-module--focusBorder--\"]:has(\n div[contenteditable=\"true\"]:focus\n ) {\n border-color: @accent-color;\n }\n\n [class*=\"focus-within:border-blue-chill\"] {\n // border-color: @accent-color;\n }\n\n d-textarea > [data-placeholder],\n d-textarea > div[data-content=\"true\"]::before {\n color: @subtext0;\n }\n\n [class*=\"enabled:hover-capable:hover:bg-dark-8\"]:hover:enabled {\n background-color: @surface0;\n }\n\n // alternatives\n [data-testid=\"word-alternatives-list\"] {\n [class*=\"root--\"] {\n background-color: @base;\n\n &[class*=\"selected--\"] {\n background-color: @surface0;\n }\n }\n }\n\n div:has(> [class^=\"DictionaryContent-module--content--\"].embedded) {\n background-color: @base;\n\n .tag_lemma .dictLink {\n color: @subtext1;\n }\n\n .translation_group .translation_group_line .notascommon,\n .translation_group .translation_group_line .translation.sortablemg .sep {\n color: @overlay2;\n }\n }\n\n // dictionary\n [class*=\"DictionaryContent-module--content--\"] {\n .isForeignTerm .inflectioninfo,\n .isForeignTerm .tag_lemma,\n .isForeignTerm .tag_lemma a,\n .isForeignTerm .tag_s,\n .isForeignTerm .tag_s a,\n .isForeignTerm .tag_trans_src_context,\n .tag_trans {\n color: @subtext1;\n }\n\n .isForeignTerm .tag_t,\n .isForeignTerm .tag_t a,\n .isForeignTerm .tag_trans,\n .isForeignTerm .tag_trans a,\n .tag_lemma a {\n color: @accent-color;\n }\n\n .notascommon,\n .sep {\n color: @overlay2;\n }\n }\n\n // glossary\n .lmt__glossary_onOffSwitch_container {\n label[class|=\"label\"] {\n --background: @overlay1;\n --backgroundHover: darken(@overlay1, 8%);\n --inlineLabelColor: @accent-text;\n --outline-color: @accent-color;\n\n &[class*=\"selected--\"] {\n --background: @green;\n --backgroundHover: darken(@green, 8%);\n }\n\n [class|=\"toggle\"] [class|=\"knob\"] {\n background: @accent-text;\n }\n }\n }\n\n [class|=\"modal\"],\n .lmt__glossary_editor {\n background-color: @base;\n\n [class*=\"Form-module--form--\"] [class*=\"Form-module--submit--\"] {\n background: @accent-color;\n color: @accent-text;\n\n &:disabled {\n background: fadeout(@accent-color, 50%);\n }\n }\n }\n\n .lmt__glossary_editor {\n color: @text;\n border-color: @accent-color;\n\n form.bg-deprecated-grey\n [class|=\"wrapper\"][class*=\"Form-module--inputSource--\"],\n form.bg-deprecated-grey\n [class|=\"wrapper\"][class*=\"Form-module--inputTarget--\"] {\n --input-background: @base;\n --input-border-color: @surface1;\n --input-color: @subtext1;\n\n [class|=\"button\"][aria-expanded=\"true\"] {\n border-color: @accent-color;\n }\n\n [class|=\"controls\"] [class|=\"wrapper\"] {\n --button-background: @base;\n --button-border-color: @surface1;\n --button-color: @subtext1;\n\n [class|=\"flyout\"] {\n background: @base;\n --option-color: @subtext1;\n --option-selected-color: @subtext1;\n --option-background: fadeout(@yellow, 80%);\n --option-disabled-color: @overlay1;\n --option-icon-color: @accent-color;\n }\n }\n }\n }\n\n .lmt__glossary_editor_mainBar {\n background-color: @accent-color;\n color: @accent-text;\n\n .lmt__glossary_editorClose {\n color: inherit;\n }\n }\n\n .lmt__glossary_editor .lmt__glossary_editor_subBar_top,\n .lmt__glossary_editor_subBar_bottom {\n background-color: @mantle;\n }\n\n .lmt__glossary_editor\n .lmt__glossary_editor_subBar_top\n .lmt__glossary_editor_glossarySelect\n .lmt__glossary_editor_glossaryNameWrapper\n .lmt__glossary_editor_glossaryName {\n color: inherit;\n }\n\n .lmt__glossary_editor\n .lmt__glossary_editor_subBar_top\n .lmt__glossary_editor_glossarySelect\n .lmt__glossary_editor_glossaryNameWrapper\n .lmt__glossary_editor_glossarySelectChevron.lmt__glossary_arrowDown {\n border-right-color: darken(@accent-color, 8%);\n border-bottom-color: darken(@accent-color, 8%);\n }\n\n .lmt__glossary_button .lmt__glossary_button_label:hover,\n .lmt__glossary_highlight,\n .lmt__glossary_editor_subBar_bottom\n .lmt__glossary_editor_glossaryAddNewWrapper\n .lmt__glossary_editor_glossaryAddNew {\n color: @accent-color;\n }\n\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputSource,\n .lmt_firstEntry-content .lmt__glossary_newEntry_inputTarget {\n border-color: @surface1;\n color: @subtext1;\n\n &:focus {\n border-color: @accent-color;\n }\n }\n\n .lmt__glossary_editor_langPairHeadline {\n color: inherit;\n border-bottom-color: @surface1;\n }\n\n .lmt__glossary_editorRow {\n color: inherit;\n\n .iconButton {\n color: @subtext0;\n }\n }\n\n .lmt__glossary_arrowRightWrapper .lmt__glossary_arrowRight {\n border-bottom-color: @surface1;\n border-right-color: @surface1;\n }\n\n .lmt__glossary_dialog {\n background-color: @surface0;\n border-color: @surface1;\n color: @text;\n }\n\n .lmt__glossary_dialog__line--suggestions,\n .lmt__glossary_dialog__line .choice .option {\n color: @accent-color;\n }\n\n // this this appears when you click on a word on the translated container...\n .root--Te5J3 {\n background-color: @base;\n }\n\n .divider--CI8JQ {\n color: @surface1;\n }\n\n // translate files\n [class^=\"UploadPanel-module--docTrans__help_popup--\"] {\n background-color: @base;\n }\n\n // quotes\n [class|=\"Quote-module--quote\"] {\n background-color: @base !important;\n border-color: @surface0;\n color: @text;\n }\n\n [class|=\"Quote-module--quoteSource\"] {\n > a {\n color: darken(@accent-color, 8%);\n }\n }\n\n [class|=\"Quotes-module--quotesNavigationEntry\"] {\n background-color: @surface1;\n }\n\n [class*=\"Quotes-module--quotesNavigationEntryActive--\"] {\n background-color: @accent-color;\n }\n\n // aside\n [class^=\"ProBanner2021-module--wrapper--\"],\n [class|=\"CareerBanner-module--container\"] {\n background: @base;\n }\n\n [class|=\"CareerBanner-module--text\"] {\n h2 {\n color: @overlay1;\n }\n }\n\n [class|=\"PopularLangPairList-module--seoText\"] {\n color: @overlay0;\n\n p[class|=\"PopularLangPairList-module--title\"] {\n color: @overlay2;\n }\n }\n\n // footer\n footer [class|=\"pageFooterV2-module--footerOuterContainer\"] {\n background-color: @base;\n }\n\n [class|=\"ProBanner2021-module--textLink\"] {\n color: spin(@accent-color, 30);\n }\n\n [class|=\"pageFooterV2-module--footerOuterContainer\"]\n [class|=\"pageFooterV2-module--footerContainer\"]\n [class|=\"pageFooterV2-module--footerContentContainer\"]\n [class|=\"pageFooterV2-module--linksContainer\"]\n [class|=\"pageFooterV2-module--linkList\"]\n li {\n &:first-of-type {\n color: @overlay1;\n }\n\n &:not(:first-of-type) a {\n color: @text !important;\n }\n }\n\n [class|=\"LanguageSelector-module--wrapper\"] {\n --button-background: @surface0;\n --button-border-color: @surface1;\n --button-color: @subtext1;\n\n [class|=\"LanguageSelector-module--flyout\"] {\n background: @surface0;\n // --option-background: @surface0;\n --option-color: @subtext1;\n --option-icon-color: @accent-color;\n\n [class|=\"LanguageSelector-module--option\"][class*=\"LanguageSelector-module--active--\"] {\n --option-background: fadeout(@yellow, 80%);\n }\n }\n }\n\n // side menu\n [class|=\"classicSidemenu-module--menuContainer\"] {\n background-color: @base;\n\n [class|=\"closeButton-module--closeButton\"] {\n &::before,\n &::after {\n background-color: @accent-color;\n }\n }\n }\n\n [class|=\"classicSidemenu-module--mainContent\"] {\n border-bottom-color: @surface0;\n }\n\n [class|=\"mainMenu-module--container\"] a {\n color: @text;\n\n &:hover {\n color: @accent-color;\n }\n }\n\n [class|=\"subMenu-module--container\"] {\n button {\n color: @text !important;\n }\n\n [class|=\"button-module--button\"][class*=\"button-module--variant_text--\"] {\n &,\n &:hover {\n background-color: transparent;\n }\n }\n }\n\n // whatever\n .lmt__glossary_ad_checkmark {\n border-bottom-color: @green;\n border-right-color: @green;\n }\n\n // zen mode\n & when (@zenMode = 1) {\n header,\n [class=\"w-full bg-white px-8 lg:px-[70px]\"],\n [class=\"p-8 lg:px-[70px]\"],\n footer,\n [href=\"/write\"].block {\n display: none;\n }\n\n body {\n background: @mantle;\n }\n\n [class=\"relative pr-0 false\"] {\n height: 100%;\n }\n\n [data-testid=\"translator\"] {\n // height: 100%;\n // width: 100vw;\n // display: flex;\n place-content: center center;\n align-items: center;\n\n > div:first-of-type {\n width: 100vw;\n }\n }\n }\n}\n\n/* prettier-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Ecosia Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/ecosia","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/ecosia","version":"0.0.1","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/ecosia/catppuccin.user.css","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":"sapphire","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Grey","value":"subtext0"}]}}},"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 0.0.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/ecosia/catppuccin.user.css\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:Grey\"]\n\n==/UserStyle== */\n@-moz-document domain(\"ecosia.org\") {\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n .dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n /* general */\n --color-brand-primary: @accent-color !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-color !important;\n --color-button-background-primary-active: @accent-color !important;\n --color-button-background-primary-hover: @accent-color;\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-color !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-color !important;\n --color-elevation-layer-1: @surface1;\n --color-elevation-layer-2: @surface2;\n --color-decorative-border-1: @surface1 !important;\n --color-focused: @accent-color !important;\n --color-form-border-default: @surface0 !important;\n --color-form-border-hover: @surface1 !important;\n --color-form-border-primary-active: @accent-color !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}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Elk Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/elk","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/elk","version":"0.2.1","description":"Soothing pastel theme for Elk","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/elk/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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 Elk Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/elk\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/elk\n@version 0.2.1\n@description Soothing pastel theme for Elk\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/elk/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"elk.zone\") {\n :root.dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n :root.light {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-Color: @catppuccin[@@lookup][@@accent];\n\n --c-primary: @accent-Color !important;\n --c-primary-active: lighten(@accent-Color, 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: red(@mantle), green(@mantle), blue(@mantle) !important;\n --c-bg-active: @surface0 !important;\n --c-bg-code: @surface0 !important;\n --c-bg-selection: @accent-Color !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 ::selection {\n color: white;\n }\n\n .btn-solid,\n [btn-solid=\"\"] {\n color: var(--c-bg-base);\n }\n\n ::-webkit-scrollbar-thumb {\n background: alpha(@surface1, 0.7);\n }\n\n ::-webkit-scrollbar-thumb:hover {\n background: alpha(@surface1, 0.8);\n }\n\n [text-red],\n [text-red-600],\n [hover^=\"text-red\"]:hover {\n color: rgbA(red(@red), green(@red), blue(@red), var(--un-text-opacity));\n }\n\n [text-blue],\n [hover^=\"text-blue\"]:hover {\n color: rgbA(\n red(@blue),\n green(@blue),\n blue(@blue),\n var(--un-text-opacity)\n );\n }\n\n [text-green],\n [hover^=\"text-green\"]:hover {\n color: rgbA(\n red(@green),\n green(@green),\n blue(@green),\n var(--un-text-opacity)\n );\n }\n\n [text-yellow],\n [hover^=\"text-yellow\"]:hover {\n color: rgbA(\n red(@yellow),\n green(@yellow),\n blue(@yellow),\n var(--un-text-opacity)\n );\n }\n\n [text-purple],\n [hover^=\"text-purple\"]:hover {\n color: rgbA(\n red(@lavender),\n green(@lavender),\n blue(@lavender),\n var(--un-text-opacity)\n );\n }\n\n [group-hover^=\"bg-purple/10\"]:hover {\n background-color: alpha(@lavender, 0.1);\n }\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Formative Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/formative","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/formative","version":"0.1.2","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/formative/catppuccin.user.css","description":"Soothing pastel theme for Formative","author":"Catppuccin","license":"MIT","preprocessor":"less","vars":{"flavor":{"type":"select","label":"Flavor","name":"flavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","value":null,"default":"sapphire","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Gray","value":"subtext0"}]}}},"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 0.1.2\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/formative/catppuccin.user.css\n@description Soothing pastel theme for Formative\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain('app.formative.com') {\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n :root {\n #catppuccin(@flavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n @contrast-accent-color: @catppuccin[@@lookup][@base];\n\n /* the formative icon */\n .jKwBMH,\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 /* HOMEPAGE */\n div.ClassAvatar__RootDiv-sc-1ihhtbf-0,\n .Avatar__RootDiv-sc-r9onsm-0 > div {\n background-color: @accent-color;\n color: @contrast-accent-color !important;\n span {\n color: @contrast-accent-color;\n }\n }\n div.ckhGGP {\n background-color: @base;\n }\n\n span.giYyjb,\n span.keXwhS {\n color: @text;\n }\n\n div.cWBWYQ,\n div.Card__RootDiv-sc-4gt2nj-0 {\n background-color: @mantle;\n border-color: @surface0;\n\n div {\n color: @text;\n }\n\n &:hover {\n div.FormativeCard__TitleOverflowEllipsis-sc-tkxjaz-7,\n div.SectionCard__SectionTitleOverflowEllipsis-sc-ir1v2v-4 {\n color: @accent-color;\n }\n }\n\n span.iHSLQn {\n background-color: @surface0 !important;\n color: @text !important;\n }\n .FormativeCardStatusPill__StyledPill-sc-156d63l-0 {\n background-color: @surface0 !important;\n }\n .kCQMqN {\n border-color: @overlay0;\n }\n .material-icons-outlined {\n color: @text;\n }\n .FormativeCardScore__PercentageSpan-sc-p5mc30-1 {\n background-color: fade(@accent-color, 20%) !important;\n }\n }\n\n .NotificationCenterAlertListContainer__RootDiv-sc-1kyy25p-0 {\n background-color: @surface2;\n }\n\n .SectionDetail__RootDiv-sc-1aifgaj-0 {\n .hgKaEJ {\n background-color: @base;\n }\n .dyVuUp {\n background-color: @surface0;\n color: @text;\n i {\n color: @text;\n }\n }\n span,\n .OverflowEllipsis__RootDiv-sc-1mjk6uz-0 {\n color: @text;\n }\n }\n\n button.Button__StyledButton-sc-aum9f1-1 {\n background-color: @surface0;\n color: @text;\n i {\n color: @accent-color;\n }\n &:hover,\n &:focus {\n background-color: @surface1;\n }\n }\n button.Switch__RootButton-sc-1ss5zxi-0 {\n &[aria-checked=\"true\"] {\n background-color: @green;\n }\n &[aria-checked=\"false\"] {\n background-color: @surface0;\n }\n div {\n background-color: @surface2;\n }\n }\n div[role=\"dialog\"] {\n background-color: @surface2;\n .Popover__PopoverArrow-sc-1x169li-3,\n .Dropdown__PopoverArrow-sc-1s7u5eb-1 {\n fill: @surface2;\n }\n button {\n background-color: @surface2;\n color: @text;\n .material-icons-outlined,\n .selected {\n color: @accent-color !important;\n }\n }\n button:hover {\n background-color: @overlay0 !important;\n color: @accent-color !important;\n }\n }\n\n div.kdIyDj {\n background-color: @base;\n border-color: @surface0;\n\n div.jQSsry {\n background-color: @base !important; /* sometimes if i press shift some other color shows up */\n }\n\n div.jgGUVg {\n background-color: @accent-color !important;\n }\n\n div.cvJhDB,\n div.dxwGZP {\n color: @text;\n }\n span.ioJPTZ {\n background-color: @surface0 !important;\n color: @text !important;\n }\n }\n div.lcYltU {\n .fvAkfK,\n .hqFwtw {\n color: @text !important;\n }\n }\n\n div.hBqAyW {\n background-color: @base;\n div.eFoEtr {\n .react-select-icon {\n color: @accent-color;\n }\n .ReactSelect__control {\n background-color: @surface0;\n border-color: @accent-color !important;\n }\n .ReactSelect__placeholder {\n color: @subtext1 !important;\n }\n }\n div.css-qr46ko {\n .TWTWN {\n background-color: @surface0;\n border-radius: 4px; /* needed to fix radius i somehow broke */\n border-color: @overlay0;\n\n .jYYNAO,\n .fHuoBD {\n color: @text;\n }\n\n .jEcgFb {\n background-color: @accent-color;\n color: @contrast-accent-color;\n }\n }\n }\n button.Button__StyledButton-sc-aum9f1-1 {\n border-color: @accent-color;\n color: @text;\n i {\n color: @text;\n }\n }\n }\n\n div.hrkZHu {\n .jyqDRL {\n color: @text;\n }\n }\n\n div.jNcNAJ,\n div.kVjvQX {\n background-color: @mantle;\n .material-icons-outlined {\n color: @text;\n &:hover {\n color: @accent-color;\n }\n }\n .DqwDN {\n background-color: @mantle;\n }\n .SideTabItem__RootButton-sc-vtkzgr-0 {\n background-color: @mantle;\n &:hover {\n color: @accent-color;\n .material-icons-outlined {\n color: @accent-color;\n }\n }\n color: @text;\n &.selected {\n background-color: @crust;\n &::after {\n background-color: @accent-color;\n }\n }\n }\n }\n\n .Tooltip__Content-sc-1k6bq57-1 {\n background-color: @overlay0;\n color: @text;\n .Tooltip__Arrow-sc-1k6bq57-0 {\n fill: @overlay0;\n }\n }\n\n .iYBCHL {\n i,\n .bGQMJt,\n .jKqZHS {\n color: @text;\n }\n }\n .ErrorExplainer__BodyDiv-sc-7nq4if-0 {\n i[name=\"error_outline\"] {\n color: @red;\n }\n .ErrorExplainer__MainTextHeading-sc-7nq4if-1,\n .ErrorExplainer__SubTextHeading-sc-7nq4if-2,\n .ErrorExplainer__TechnicalDetailsHeading-sc-7nq4if-3,\n .ErrorExplainer__ErrorIdParagraph-sc-7nq4if-4 {\n color: @text;\n }\n }\n\n .brCeph {\n .bVrKs > i,\n .jjxnUg {\n color: @text;\n }\n }\n\n /*\n * Tracker\n * FIXME: Someone with access to tracker data, please make sure everything is correctly styled. I'll try my best to style everything I can see for now.\n */\n .StudentTracker__StudentTrackerRoot-sc-17q49lm-0 {\n background-color: @base;\n .dHLPyg {\n background-color: @base;\n border-color: @surface0;\n }\n .fYAgHV {\n color: @text;\n }\n .esbgcq {\n color: @accent-color;\n }\n\n .iYBCHL {\n i,\n .empty-explainer-main-text,\n .jKqZHS {\n color: @text;\n }\n }\n }\n\n /* Practice */\n .PracticeSets__RootDiv-sc-zal4td-0 {\n .Button__StyledButton-sc-aum9f1-1 {\n border-color: @accent-color;\n color: @text;\n }\n background-color: @base;\n .crQhJA {\n background-color: @base;\n .dMFRNT {\n color: @text;\n }\n .ioJPTZ {\n background-color: @surface0 !important;\n color: @accent-color !important;\n }\n .kPxiiI {\n .hArMFK {\n color: @text;\n }\n .genDmU {\n background-color: @surface0 !important; /* goodbye multicolor pills */\n }\n }\n }\n .iNJonG {\n .jZwCGj,\n .kbWKmZ {\n color: @text;\n }\n }\n }\n\n /* Modals */\n .ReactModal__Overlay {\n .ReactModal__Content {\n background-color: transparent;\n } /* undo div[role=\"dialog\"] */\n background-color: fade(@crust, 80%); /* thanks less! */\n .ReactModal__ActualContent {\n background-color: @surface0;\n .zyNzk {\n background-color: @surface1;\n border-color: @surface1;\n &:hover {\n i {\n color: @accent-color;\n }\n }\n i {\n color: @text;\n }\n }\n /* non-iframe modals */\n .hfsUGh {\n background-color: @surface0;\n .ModalTitle {\n background-color: @surface0;\n .fdvlYb {\n color: @text;\n }\n }\n\n label {\n color: @text;\n span {\n color: @red;\n }\n }\n input {\n background-color: @surface1;\n border-color: @overlay0;\n color: @text;\n &::placeholder {\n color: @subtext0;\n }\n }\n\n .ModalBody__RootDiv-sc-1lg094f-0 {\n color: @text;\n h3 {\n color: @text;\n }\n }\n .ModalFooter-sc-iv6ab8-0 {\n .eGqfJp {\n border-color: @accent-color;\n }\n }\n }\n }\n }\n .ReactSelect__control {\n background-color: @surface1;\n border-color: @overlay0;\n &.ReactSelect__control--is-focused {\n border-color: @accent-color !important;\n }\n .ReactSelect__single-value {\n color: @text;\n }\n .ReactSelect__indicator > svg {\n stroke: @text;\n fill: @text;\n }\n }\n .ReactSelect__menu > .ReactSelect__menu-list {\n .ReactSelect__option {\n background-color: @surface1;\n color: @text;\n &.ReactSelect__option--is-focused {\n background-color: @surface2;\n }\n }\n }\n\n /*************************************************************\n * PracticeView\n *************************************************************/\n .PracticeSet__RootDiv-sc-1wup6tb-0 {\n .dyYlFt {\n background-color: @mantle;\n border-color: @surface1;\n }\n .vzHqN > .kpSMxi > .gIxFZH > i,\n .gIxFZH,\n .dMFRNT {\n color: @text;\n }\n .IconButton__RootButton-sc-ebvofk-0,\n .fxjbRk {\n background-color: @surface0;\n border-color: @surface0;\n i {\n color: @text;\n }\n }\n .hMuqfo {\n background-color: @base;\n }\n /* edit card */\n .Sidebar__ChildrenDiv-sc-1d5hucq-2 {\n background-color: @mantle;\n .jZwCGj,\n label {\n color: @text;\n }\n .gotoQK {\n border-color: @surface0;\n textarea {\n color: @text;\n &::placeholder {\n color: @text;\n }\n }\n }\n }\n }\n .PracticeSession__RootDiv-sc-1t2vn9a-1 {\n .jAtBlo {\n background-color: @mantle;\n border-color: @surface1;\n }\n .gWOYlX {\n background-color: @surface0;\n border-color: @surface0;\n i {\n color: @text;\n }\n }\n .kbWKmZ,\n .gIxFZH {\n color: @text;\n }\n .insToW {\n background-color: @base;\n .XmvNK {\n border-color: @surface2;\n background-color: @crust;\n span {\n color: @text;\n }\n }\n .jGFokz {\n &.red {\n background-color: @red;\n color: @contrast-accent-color;\n }\n &.green {\n background-color: @green;\n color: @contrast-accent-color;\n }\n }\n .fjVeZh {\n background-color: @overlay1;\n .ProgressBar__ProgressBarDiv-sc-4qm1te-2 {\n background-color: @accent-color !important;\n }\n }\n }\n .feItUf {\n .lnYigE,\n .fXcREk {\n color: @text;\n }\n }\n }\n .notifications-wrapper {\n .notifications-bc {\n .notification-success {\n background-color: @green !important;\n color: @contrast-accent-color !important;\n }\n }\n }\n /*************************************************************\n * Student Profile\n *************************************************************/\n .StudentProfile__RootDiv-sc-bc305u-0 {\n .dHLPyg {\n background-color: @base;\n border-color: @surface1;\n .TabsItem__StyledTitleDiv-sc-tj1og8-2 {\n color: @text;\n }\n .TabsItem__SelectedLineDiv-sc-tj1og8-1 {\n background-color: @accent-color !important;\n }\n }\n .eEhCum {\n background-color: @base;\n .fFnpYA {\n .kXDmTg {\n background-color: @accent-color;\n color: @contrast-accent-color !important;\n }\n color: @text;\n label {\n color: @text;\n }\n }\n .eGqfJp {\n color: @accent-color;\n border-color: @accent-color;\n }\n .hGMdJp {\n border-color: @surface1;\n }\n .fOUzKq {\n /* fix shitty styling by formative */\n padding: 1em;\n text-decoration: none;\n color: @text;\n i {\n color: @text;\n }\n }\n .iSUyai {\n .evnAvd,\n .iFWvBX,\n .BadgeCard__BadgeLabelDiv-sc-13976oo-8,\n .BadgeCard__BadgeDescriptionDiv-sc-13976oo-9 {\n color: @text;\n }\n .Pill__RootDiv-sc-4b6mpn-0 {\n background-color: @surface0 !important;\n color: @accent-color !important;\n }\n .BadgeCard__LevelProgressDiv-sc-13976oo-2 {\n span {\n color: @text;\n }\n .ProgressBar__Progress-sc-4qm1te-0 {\n background-color: @overlay0;\n }\n .ProgressBar__ProgressBarDiv-sc-4qm1te-2 {\n background-color: @accent-color;\n }\n }\n }\n }\n }\n .iCrZor {\n &.selectedTab {\n background-color: @accent-color;\n color: @contrast-accent-color;\n }\n color: @accent-color;\n }\n .fJjhRQ:hover {\n background-color: @surface1;\n }\n /*************************************************************\n * Join Code\n *************************************************************/\n .App__AppContainerDiv-sc-1x6i86e-0 {\n background-color: @base;\n .SplitColumnLayout__FullScreenDiv-sc-4mcl10-5 {\n background-color: @base;\n svg {\n path:nth-child(1) {\n fill: @peach !important;\n stroke: @peach !important;\n }\n path:nth-child(2) {\n fill: @peach !important;\n stroke: @peach !important;\n }\n path:nth-child(3) {\n fill: @green !important;\n stroke: @green !important;\n }\n path:nth-child(4) {\n fill: @green !important;\n stroke: @green !important;\n }\n path:nth-child(5) {\n fill: @green !important;\n stroke: @green !important;\n }\n path:nth-child(6) {\n fill: @green !important;\n stroke: @green !important;\n }\n path:nth-child(7) {\n fill: @green !important;\n stroke: @green !important;\n }\n path:nth-child(8) {\n fill: @green !important;\n stroke: @green !important;\n }\n path:nth-child(9) {\n fill: @green !important;\n stroke: @green !important;\n }\n path:nth-child(10) {\n fill: @green !important;\n stroke: @green !important;\n }\n path:nth-child(11) {\n fill: @text !important;\n stroke: @text !important;\n }\n }\n }\n .Elements__ColumnDiv-sc-1qtb2ho-2,\n .Elements__TwoColumnParentDiv-sc-1qtb2ho-1 {\n background-color: @base;\n }\n .SplitColumnLayout__Card-sc-4mcl10-0 {\n background-color: @mantle;\n .lmmjCy,\n .EaPMD,\n .cuNCkB {\n color: @text;\n }\n .JoinQuickCode__ErrorDiv-sc-1uhfett-4 {\n color: @red;\n }\n .PWQOG,\n .JoinQuickCode__StyledLink-sc-1uhfett-2 {\n color: @blue;\n }\n .react-code-input {\n input {\n background-color: @crust;\n border-color: @surface1;\n color: @text;\n &:focus {\n border-color: @accent-color;\n }\n }\n }\n .CallToActionLink__StyledLink-sc-yuiy65-0 {\n color: @text;\n span {\n color: @text;\n }\n }\n }\n }\n\n /*************************************************************\n * Assignment UI\n * Note: I don't have access to *every* UI element a teacher can possibly use, this is best-effort and will be updated when I find new UI elements.\n *************************************************************/\n .FormativeStudent__FormativeStudentRoot-sc-1nzmkoa-1 {\n .FormativeStudentHeader__RootDiv-sc-yw00ql-0 {\n .FormativeStudentHeader__UpperDiv-sc-yw00ql-11 {\n background-color: @surface1 !important;\n color: @text;\n border-color: @overlay0;\n .FormativeStudentHeader__InfoItem-sc-yw00ql-7 {\n border-color: @overlay0;\n }\n .Button__StyledButton-sc-aum9f1-1 {\n border-color: @accent-color;\n }\n }\n }\n /********************************************************** */\n #student-main-content {\n background-color: @base;\n .FormativeDescription__RootDiv-sc-msmcgd-0 {\n * {\n color: @text;\n }\n }\n .FormativeUnavailableMessage__InnerDiv-sc-14kxg7t-1 {\n background-color: @mantle;\n border-color: @accent-color;\n i[name=\"warning\"] {\n color: @accent-color;\n }\n color: @text;\n }\n .FormativeStudentFooter__BottomDiv-sc-6tj89c-3 {\n * {\n color: @text;\n }\n }\n }\n }\n .FormativeStudentHeader__NavStripDiv-sc-yw00ql-10 {\n border-color: @overlay0;\n background-color: @surface0 !important;\n .FormativeProgressBarStyles__NavItemGroupDiv-sc-1rm72lt-2 {\n border-color: @overlay0;\n background-color: @surface0;\n &:hover {\n background-color: @surface1;\n .formative-nav-item {\n color: @accent-color;\n i {\n color: @accent-color;\n }\n &:hover {\n background-color: @surface2;\n }\n }\n }\n }\n .formative-nav-item {\n color: @text;\n i {\n color: @text;\n }\n &:hover {\n background-color: @surface1;\n color: @accent-color;\n i {\n color: @accent-color;\n }\n }\n .FormativeStudentNavItem__IndicatorDiv-sc-i1u5ts-1 > svg > path {\n stroke: @red !important;\n }\n .fVOfai {\n background-color: @green;\n }\n .jiaclp {\n background-color: @text;\n }\n .fqmSk {\n background-color: @yellow;\n }\n .dxDbbP {\n background-color: @red;\n }\n .dLppQA {\n background-color: @peach;\n }\n }\n }\n .FormativeItemViewable__RootDiv-sc-m0kwch-0 {\n background-color: @mantle;\n border-color: @surface0;\n .TextViewable__RootDiv-sc-ohojgu-0 {\n * {\n color: @text !important;\n }\n }\n .Ellipse__RootButton-sc-684qlw-0 {\n background-color: @surface0 !important;\n color: @text !important;\n }\n .QuestionNumber__RootDiv-sc-zm7966-0 {\n background-color: @surface0 !important;\n border-color: @accent-color !important;\n color: @text;\n }\n .withFunctionalizedViewable__RightColumn-sc-1636o2h-4 {\n border-color: @surface0;\n }\n .Iframe__IframeContainer-sc-e1n6v2-2 {\n border-color: @overlay1;\n iframe {\n border-color: @overlay1;\n border-style: solid;\n }\n }\n .Iframe__Footnote-sc-e1n6v2-1 {\n color: @text;\n }\n &.question {\n .FormativeItemViewable__HintsDiv-sc-m0kwch-7 {\n label,\n .FormativeItemViewable__HintDiv-sc-m0kwch-8 {\n color: @text !important;\n }\n }\n .QuestionViewable__QuestionNumberDiv-sc-13jvio2-3 {\n color: @text;\n }\n .ItemInfoPill-sc-ecx83e-0,\n .FormativeItemViewable__HintsRemainingCountDiv-sc-m0kwch-11 {\n background-color: @surface0;\n border-color: @overlay0;\n color: @text;\n &.fVzTTr > svg > path {\n stroke: @red;\n }\n .ScorePill__ScoreDiv-sc-w63ftw-0 {\n color: @text;\n }\n .ScoreCircle__RootDiv-sc-lj5glq-0 {\n &[style*=\"rgb(32, 213, 171)\"] {\n background-color: @green !important;\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 }\n }\n }\n .QuestionViewable__ContentDiv-sc-13jvio2-4 {\n * {\n color: @text !important;\n } /* i'm not going to style each text element teachers can put in */\n\n .ShortAnswerViewableDetails__InputAutosizeTextarea-sc-1ugk4gk-0 {\n background-color: @surface0;\n border-color: @overlay0;\n }\n .DragAndDropDropzoneOutput__RootDiv-sc-1is7exh-0 {\n border-color: @overlay0;\n background-color: @crust;\n .DragAndDropDropzoneOutput__StyledIconButton-sc-1is7exh-6 {\n background-color: @surface0;\n border-color: @surface0;\n }\n }\n .InlineChoiceOutput__BaseSelect-sc-1694w84-0 {\n background-color: @surface0;\n border-color: @overlay0;\n }\n .BlankOutput__FillableEntity-sc-15mzaww-1 {\n background-color: @surface0;\n outline-color: @overlay0;\n }\n .MatchingTable__RootDiv-sc-1rhxmvo-0 {\n table {\n tr,\n td {\n border-color: @overlay0;\n outline-color: @accent-color;\n }\n background-color: @surface0;\n .MatchingTableRow__ArrowIcon-sc-1u9h4tb-1.highlight {\n background-color: @accent-color;\n color: @contrast-accent-color !important;\n }\n .ChoiceElement__RootDiv-sc-1mbtxfk-1 {\n &.highlight {\n i {\n background-color: @accent-color;\n color: @contrast-accent-color !important;\n }\n }\n background-color: @surface1;\n border-radius: 8px;\n & > button {\n background-color: @surface1;\n i,\n .RichText__RootReadOnlyDiv-sc-fjolxt-1 {\n background-color: transparent;\n color: @text;\n }\n }\n }\n }\n }\n .CategorizeViewableContainer__FlexDiv-sc-1yo1jbo-2 {\n .ChoiceElementViewable__RootDiv-sc-viwu2x-0 {\n .RichText__RootReadOnlyDiv-sc-fjolxt-1 {\n background-color: transparent;\n }\n border-color: @overlay0;\n &:hover {\n border-color: @accent-color;\n }\n &.highlight {\n i {\n background-color: @accent-color;\n color: @contrast-accent-color !important;\n }\n }\n }\n .TargetElementViewable__BoxDiv-sc-1cp2mml-1 {\n border-color: @overlay0;\n background-color: @surface0;\n .TargetElementViewable__AddSelectedChoiceButton-sc-1cp2mml-9 > i {\n background-color: @accent-color;\n color: @contrast-accent-color !important;\n }\n .TargetElementViewable__ChoiceDiv-sc-1cp2mml-4 {\n background-color: @surface1;\n border-color: @overlay1;\n &.selected {\n background-color: @accent-color;\n * {\n color: @contrast-accent-color !important;\n }\n }\n .TargetElementViewable__StyledIconWarningButton-sc-1cp2mml-6 {\n border-color: @overlay1;\n &:hover {\n background-color: @red;\n i {\n color: @contrast-accent-color !important;\n }\n }\n }\n }\n }\n }\n .MatchTableGrid__RootDiv-sc-1ue3nun-0 {\n table {\n td,\n th,\n tr {\n border-color: @overlay0;\n }\n th {\n background-color: @surface1 !important;\n }\n td:first-child {\n background-color: @surface1;\n }\n td {\n background-color: @surface0;\n }\n button[role=\"checkbox\"] {\n background-color: @surface1;\n border-color: @accent-color;\n &[data-state=\"checked\"] {\n background-color: @accent-color;\n i {\n color: @contrast-accent-color !important;\n }\n }\n }\n }\n }\n .MultipleChoiceViewableDetails__RootDiv-sc-d82bbx-0,\n .MultipleSelectionViewableDetails__RootDiv-sc-1b13xp6-0 {\n .ChoiceOptionViewable__RootDiv-sc-a2vwy6-0 {\n .checkbox-root {\n button {\n background-color: @surface0;\n border-color: @accent-color;\n .Checkbox__RadioCircleDiv-sc-1oy0ey9-3 {\n background-color: @accent-color !important;\n }\n }\n }\n .ChoiceOptionViewable__RightSideDiv-sc-a2vwy6-2 {\n border-color: @overlay0;\n background-color: @surface0;\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 .IconButton__RootButton-sc-ebvofk-0 {\n background-color: @surface1;\n border-color: @accent-color;\n i {\n color: @text !important;\n }\n }\n }\n }\n }\n .DrawingContainerStudent__DrawingPreviewDiv-sc-en378l-0,\n .QuestionViewableWithDrawing__RootDiv-sc-1kzyk7j-0 {\n .DrawingCardButton__DrawingPreview-sc-u2qprg-3 {\n background-color: white;\n border-radius: 6px;\n }\n button {\n border-color: @overlay0 !important;\n }\n .DrawingCardButton__HoverDarkScrim-sc-u2qprg-2 {\n background-color: @surface0;\n }\n .DrawingCardButton__ShowYourWorkPseudoButtonDiv-sc-u2qprg-0 {\n border-color: @overlay1;\n background-color: @surface1;\n }\n }\n .GraphViewableDetails__RootDiv-sc-13yx2r4-0 {\n .ExpandableAccordionHeader__RootButton-sc-cu02pz-0 {\n background-color: transparent;\n }\n .GraphViewableDetails__TabRowDiv-sc-13yx2r4-1 {\n .Tabs__RootDiv-sc-2v0c2x-0 {\n border-color: @surface1;\n .TabsItem__TabDiv-sc-tj1og8-4 {\n background-color: @mantle !important;\n }\n .TabsItem__StyledTitleDiv-sc-tj1og8-2 {\n color: @text;\n }\n .TabsItem__SelectedLineDiv-sc-tj1og8-1 {\n background-color: @accent-color !important;\n }\n }\n }\n .GraphViewableDetails__GraphContainerDiv-sc-13yx2r4-3 > div {\n background-color: white;\n .sc-fqkvVR {\n * {\n color: black !important;\n }\n }\n }\n .VerticalButton__StyledButton-sc-1h2we7r-2:hover\n .VerticalButton__IconDiv-sc-1h2we7r-0 {\n background-color: @surface0;\n }\n }\n .BlankOutput__FillableNumericDiv-sc-15mzaww-0 {\n background-color: @surface0;\n outline-color: @overlay0;\n &.filling {\n outline-color: @accent-color;\n }\n }\n .ResequenceViewableDetailsContainer__AnswerList-sc-s5awz8-0 {\n .ResequenceCard__ListItemContentDiv-sc-30eibj-1,\n li {\n background-color: @surface0 !important;\n border-color: @overlay0;\n }\n }\n }\n }\n }\n .FullPointsAnimation__AbsoluteContainerDiv-sc-mzm76r-0,\n .ScoreCircle__LottieWrapperDiv-sc-lj5glq-1 {\n svg {\n path[fill=\"rgb(32,213,171)\"] {\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 fill: @red !important;\n }\n path[fill=\"rgb(255,255,255)\"] {\n fill: @contrast-accent-color !important;\n }\n path[fill=\"rgb(242,242,242)\"] {\n fill: @contrast-accent-color !important;\n }\n path[stroke=\"rgb(32,213,171)\"] {\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 stroke: @red !important;\n }\n path[stroke=\"rgb(255,255,255)\"] {\n stroke: @contrast-accent-color !important;\n }\n path[stroke=\"rgb(242,242,242)\"] {\n stroke: @contrast-accent-color !important;\n }\n }\n }\n .css-1vamqze {\n background-color: @surface0;\n color: @text;\n .css-18fumqt-option {\n background-color: @surface1;\n }\n .css-1pfbc1f-option {\n background-color: @accent-color;\n color: @contrast-accent-color;\n }\n }\n .fHrrVC > svg > path {\n fill: @text !important;\n }\n .FormativeItemViewable__FeedbackMessagesListDiv-sc-m0kwch-1 {\n .FeedbackMessagesList__MessagesListDiv-sc-9o5dsw-0 {\n background-color: @overlay0;\n .jZwCGj {\n color: @text;\n }\n }\n .FeedbackMessageComposer__RootDiv-sc-vs8711-0 {\n border-color: @overlay2;\n .FeedbackMessageComposer__RichTextContainerDiv-sc-vs8711-3 {\n border-color: @overlay2;\n .public-DraftEditorPlaceholder-inner {\n color: @subtext1;\n }\n .public-DraftEditor-content {\n color: @text !important;\n }\n }\n }\n }\n .hxNLul > svg > path {\n fill: @accent-color !important;\n }\n .ejr02pv {\n .e16zneum {\n color: @text;\n }\n background-color: @surface2;\n }\n .MathLiveInput__RootDiv-sc-2fx8pp-0 {\n background-color: @surface0;\n border-color: @overlay0;\n &:focus-within,\n &:hover {\n border-color: @accent-color;\n }\n .MathLiveInput__KeyboardButtonWrapper-sc-2fx8pp-1 svg > path {\n fill: @accent-color !important;\n }\n .ML__keyboard--plate {\n border-color: @overlay0 !important;\n background-color: @surface0 !important;\n .rows .keycap {\n background-color: @surface1;\n border-color: @overlay0;\n &:hover {\n background-color: @surface2;\n }\n }\n .keyboard-toolbar {\n .left > div.selected {\n border-color: @accent-color;\n }\n [data-tooltip]::after {\n background: @overlay0;\n color: @text;\n }\n }\n }\n }\n .ExpandedDrawing__BodyDiv-sc-cz2rcw-0 {\n .DrawingSidebar__RootDiv-sc-1hvcy70-3 {\n .DrawingSidebar__ExpandedAnswerDiv-sc-1hvcy70-0 {\n background-color: @base;\n .FormativeItemViewable__RootDiv-sc-m0kwch-0 {\n background-color: @base;\n }\n }\n }\n .DrawingSidebar__SidebarTopExplainer-sc-1hvcy70-1 {\n background-color: @mantle;\n color: @text;\n border-color: @overlay0;\n .DrawingSidebar__StyledIcon-sc-1hvcy70-5 {\n color: @text;\n }\n }\n .DrawingToolbar__RootDiv-sc-2xuxy3-0 {\n background-color: @surface0;\n .DrawingToolbar__ToolDiv-sc-2xuxy3-3 {\n background-color: @surface0;\n &::after {\n background-color: @accent-color;\n }\n &:hover {\n color: @accent-color;\n }\n .ToolDropdownTriggerDiv-sc-16usko2-0:hover {\n color: @accent-color;\n }\n }\n }\n }\n .StrokePicker__InnerDiv-sc-8widgm-4 {\n label {\n color: @text;\n }\n .StrokeWidthPickerContent__ListItemDiv-sc-116c7dc-0 {\n &:hover {\n .StrokeWidthPickerContent__CircleDiv-sc-116c7dc-1 {\n background-color: @accent-color;\n }\n }\n .StrokeWidthPickerContent__CircleDiv-sc-116c7dc-1.active {\n background-color: @accent-color;\n }\n }\n .slider {\n background: linear-gradient(to right, rgba(0, 0, 0, 0), @text);\n }\n .Button__StyledButton-sc-aum9f1-1 {\n background-color: @surface1;\n }\n .Checkbox__RootDiv-sc-1oy0ey9-0 {\n button[role=\"checkbox\"] {\n border-color: @accent-color;\n &[aria-checked=\"true\"] {\n background-color: transparent;\n }\n }\n }\n }\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Github Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/github","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/github","version":"1.3.3","description":"Soothing pastel theme for GitHub","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","value":null,"default":"rosewater","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Gray","value":"subtext0"}]}}},"sourceCode":"/* ==UserStyle==\n@name Github Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/github\n@homepageURL \t https://github.com/catppuccin/userstyles/tree/main/styles/github\n@version 1.3.3\n@description Soothing pastel theme for GitHub\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.css\n@license \t\t MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater*\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n/* prettier-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n}\n\n@-moz-document regexp(\"https:\\/\\/(gist\\.)*github\\.com(?!\\/(home|marketplace|organizations\\/plan))(?!\\/.+?\\/.+?\\/commit\\/[A-Fa-f0-9]+\\.).*\") {\n [data-color-mode=\"light\"],\n [data-color-mode=\"auto\"] > .theme-light {\n #catppuccin(@lightFlavor, @accentColor);\n }\n @media (prefers-color-scheme: light) {\n [data-color-mode=\"auto\"] {\n #catppuccin(@lightFlavor, @accentColor);\n }\n }\n [data-color-mode=\"dark\"],\n [data-color-mode=\"auto\"] > .theme-dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n @media (prefers-color-scheme: dark) {\n [data-color-mode=\"auto\"] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n html:not([data-light-theme=\"light\"]) body:not(.logged-out)::after,\n html:not([data-dark-theme=\"dark\"]) body:not(.logged-out)::after {\n position: fixed;\n top: 0;\n left: 0;\n padding: 1rem;\n margin: 1rem;\n border-radius: 0.5rem;\n max-width: 40ch;\n background-color: var(--color-danger-fg);\n color: var(--color-header-bg);\n content: \"Unsupported GitHub theme detected! Please switch to the default light/dark theme via the GitHub Appearance settings to get the best experience for the Catppuccin GitHub userstyle.\";\n z-index: 9999;\n }\n\n #coloredButton(@item, @color, @flat) {\n & when (@flat) {\n --color-btn-@{item}-text: @color;\n --color-btn-@{item}-bg: @base;\n --color-btn-@{item}-icon: @color;\n\n --color-btn-@{item}-hover-text: @base;\n --color-btn-@{item}-hover-bg: @color;\n --color-btn-@{item}-hover-border: @color;\n\n --color-btn-@{item}-selected-text: @base;\n --color-btn-@{item}-selected-bg: @color;\n --color-btn-@{item}-selected-border: @color;\n\n --color-btn-@{item}-disabled-text: fadeout(@color, 60%);\n --color-btn-@{item}-disabled-bg: @mantle;\n }\n\n & when not (@flat) {\n --color-btn-@{item}-text: @base;\n --color-btn-@{item}-bg: @color;\n --color-btn-@{item}-icon: @base;\n\n --color-btn-@{item}-hover-text: @base;\n --color-btn-@{item}-hover-bg: lighten(@color, 10%);\n --color-btn-@{item}-hover-border: lighten(@color, 10%);\n\n --color-btn-@{item}-selected-text: @base;\n --color-btn-@{item}-selected-bg: lighten(@color, 10%);\n --color-btn-@{item}-selected-border: lighten(@color, 10%);\n\n --color-btn-@{item}-disabled-text: @crust;\n --color-btn-@{item}-disabled-bg: fadeout(@color, 60%);\n }\n\n --color-btn-@{item}-hover-icon: @base;\n\n /* set these to transparent for the looks */\n --color-btn-@{item}-border: transparent;\n --color-btn-@{item}-shadow: 0 0 transparent;\n --color-btn-@{item}-inset-shadow: 0 0 transparent;\n --color-btn-@{item}-selected-shadow: 0 0 transparent;\n --color-btn-@{item}-disabled-border: transparent;\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n &,\n & body {\n accent-color: @accent-color;\n --bgColor-default: @base;\n --color-page-header-bg: @base;\n --color-marketing-icon-primary: @sky;\n --color-marketing-icon-secondary: @blue;\n --color-diff-blob-addition-num-text: @text;\n --color-diff-blob-addition-fg: @text;\n --color-diff-blob-addition-num-bg: fadeout(@green, 70%);\n --color-diff-blob-addition-line-bg: fadeout(@green, 85%);\n --color-diff-blob-addition-word-bg: fadeout(@green, 70%);\n --color-diff-blob-deletion-num-text: @text;\n --color-diff-blob-deletion-fg: @text;\n --color-diff-blob-deletion-num-bg: fadeout(@red, 70%);\n --color-diff-blob-deletion-line-bg: fadeout(@red, 85%);\n --color-diff-blob-deletion-word-bg: fadeout(@red, 70%);\n --color-diff-blob-hunk-num-bg: fadeout(@blue, 60%);\n --color-diffstat-addition-bg: @green;\n --color-prettylights-syntax-comment: @overlay1;\n --color-prettylights-syntax-constant: @blue;\n --color-prettylights-syntax-entity: @blue;\n --color-prettylights-syntax-storage-modifier-import: @peach;\n --color-prettylights-syntax-entity-tag: @teal;\n --color-prettylights-syntax-keyword: @pink;\n --color-prettylights-syntax-string: @green;\n --color-prettylights-syntax-variable: @peach;\n --color-prettylights-syntax-invalid-illegal-text: @red;\n --color-prettylights-syntax-invalid-illegal-bg: fadeout(@red, 85%);\n --color-prettylights-syntax-markup-heading: @teal;\n --color-prettylights-syntax-markup-italic: @yellow;\n --color-prettylights-syntax-markup-bold: @yellow;\n --color-prettylights-syntax-markup-deleted-text: @text;\n --color-prettylights-syntax-markup-deleted-bg: fadeout(@red, 60%);\n --color-prettylights-syntax-markup-inserted-text: @text;\n --color-prettylights-syntax-markup-inserted-bg: fadeout(@green, 60%);\n --color-prettylights-syntax-markup-changed-text: @text;\n --color-prettylights-syntax-markup-changed-bg: fadeout(@yellow, 60%);\n --color-prettylights-syntax-markup-ignored-text: @text;\n --color-codemirror-text: @text;\n --color-codemirror-bg: @base;\n --color-codemirror-gutters-bg: @base;\n --color-codemirror-guttermarker-text: @base;\n --color-codemirror-lines-bg: @base;\n --color-checks-bg: @mantle;\n --color-checks-text-primary: @text;\n --color-checks-text-secondary: @subtext1;\n --color-checks-text-link: @sapphire;\n --color-checks-btn-icon: @text;\n --color-checks-btn-hover-icon: @text;\n --color-checks-btn-hover-bg: @crust;\n --color-checks-input-text: @surface1;\n --color-checks-input-placeholder-text: @subtext1;\n --color-checks-input-focus-text: @text;\n --color-checks-input-bg: @surface0;\n --color-checks-donut-error: @red;\n --color-checks-donut-pending: @peach;\n --color-checks-donut-success: @green;\n --color-checks-donut-neutral: @overlay2;\n --color-checks-dropdown-text: @text;\n --color-checks-dropdown-bg: @surface0;\n --color-checks-dropdown-border: @surface1;\n --color-checks-dropdown-shadow: @crust;\n --color-checks-dropdown-hover-text: @subtext0;\n --color-checks-dropdown-hover-bg: @mantle;\n --color-checks-dropdown-btn-hover-text: @text;\n --color-checks-dropdown-btn-hover-bg: @mantle;\n --color-checks-scrollbar-thumb-bg: @mantle;\n --color-checks-header-label-text: @text;\n --color-checks-header-label-open-text: @accent-color;\n --color-checks-header-border: @surface0;\n --color-checks-header-icon: @text;\n --color-checks-line-text: @subtext0;\n --color-checks-line-num-text: @subtext0;\n --color-checks-line-timestamp-text: @subtext0;\n --color-checks-line-hover-bg: @surface0;\n --color-checks-line-selected-bg: @surface0;\n --color-checks-gate-text: @text;\n --color-checks-gate-waiting-text: @yellow;\n --color-checks-step-header-open-bg: @surface0;\n --color-checks-step-error-text: @maroon;\n --color-checks-step-warning-text: @peach;\n --color-checks-logline-text: @text;\n --color-checks-logline-num-text: @text;\n --color-checks-logline-debug-text: @mauve;\n --color-checks-logline-error-text: @text;\n --color-checks-logline-error-num-text: @maroon;\n --color-checks-logline-error-bg: fadeout(@maroon, 85%);\n --color-checks-logline-warning-text: @subtext1;\n --color-checks-logline-warning-num-text: @peach;\n --color-checks-logline-warning-bg: fadeout(@peach, 85%);\n --color-checks-logline-command-text: @blue;\n --color-checks-logline-section-text: @green;\n --color-checks-ansi-black: @surface1;\n --color-checks-ansi-black-bright: @surface2;\n --color-checks-ansi-white: @subtext1;\n --color-checks-ansi-white-bright: @subtext0;\n --divider-color: @surface1;\n --underlineNav-borderColor-active: @accent-color;\n\n & when (@lookup =latte) {\n // When using a light theme use the light colors instead of the dark\n --color-checks-ansi-black: @subtext1;\n --color-checks-ansi-black-bright: @subtext0;\n --color-checks-ansi-white: @surface2;\n --color-checks-ansi-white-bright: @surface1;\n }\n\n --color-checks-ansi-red: @red;\n --color-checks-ansi-red-bright: @red;\n --color-checks-ansi-green: @green;\n --color-checks-ansi-green-bright: @green;\n --color-checks-ansi-yellow: @yellow;\n --color-checks-ansi-yellow-bright: @yellow;\n --color-checks-ansi-blue: @blue;\n --color-checks-ansi-blue-bright: @blue;\n --color-checks-ansi-magenta: @pink;\n --color-checks-ansi-magenta-bright: @pink;\n --color-checks-ansi-cyan: @teal;\n --color-checks-ansi-cyan-bright: @teal;\n --color-header-text: var(--subtext2);\n --color-header-bg: @mantle;\n --color-header-logo: @text;\n --color-header-search-bg: @surface0;\n --color-header-search-border: @surface1;\n --color-sidenav-selected-bg: @surface1;\n --color-menu-bg-active: @surface2;\n --color-timeline-badge-bg: @surface0;\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 #coloredButton(primary, @green, false);\n #coloredButton(danger, @red, true);\n --color-action-list-item-inline-divider: @surface2;\n --color-action-list-item-default-hover-bg: @surface1;\n --color-action-list-item-default-selected-bg: @surface1;\n --color-fg-default: @text;\n --color-fg-muted: @subtext1;\n --color-fg-subtle: @subtext1;\n --color-fg-on-emphasis: @base;\n --color-canvas-default: @base;\n --color-canvas-overlay: @surface0;\n --color-canvas-inset: @mantle; // background\n --color-canvas-subtle: @surface0;\n --color-border-default: @surface1;\n --color-border-muted: @surface0;\n --color-shadow-medium: 0 3px 6px @crust;\n --color-shadow-large: 0 8px 24px @crust;\n --color-shadow-extra-large: 0 12px 48px @crust;\n --color-neutral-emphasis-plus: @overlay0;\n --color-neutral-emphasis: @overlay2;\n --color-neutral-muted: fadeout(@overlay0, 60%);\n --color-accent-fg: @accent-color;\n --color-accent-emphasis: @accent-color;\n --color-accent-muted: fadeout(@accent-color, 60%);\n --color-accent-subtle: fadeout(@accent-color, 85%);\n --color-success-fg: @green;\n --color-success-emphasis: @green;\n --color-attention-fg: @peach;\n --color-attention-emphasis: @peach;\n --color-severe-fg: @maroon;\n --color-severe-emphasis: @maroon;\n --color-danger-fg: @red;\n --color-danger-muted: fadeout(@red, 60%);\n --color-danger-emphasis: @red;\n --color-open-fg: @green;\n --color-open-emphasis: @green;\n --color-closed-fg: @red;\n --color-closed-emphasis: @red;\n --color-done-fg: @mauve;\n --color-done-emphasis: @mauve;\n --color-sponsors-fg: @mauve;\n --color-sponsors-emphasis: @mauve;\n --color-primer-fg-disabled: fadeout(@accent-color, 50%);\n --color-primer-border-active: @red;\n }\n --color-workflow-card-connector: @overlay0;\n --color-workflow-card-connector-bg: @overlay0;\n --color-workflow-card-connector-inactive: @surface1;\n --color-workflow-card-connector-inactive-bg: @surface1;\n --color-workflow-card-connector-highlight: @accent-color;\n --color-workflow-card-connector-highlight-bg: @accent-color;\n --color-workflow-card-bg: @surface1;\n --color-workflow-card-inactive-bg: @surface0;\n --color-workflow-card-progress-complete-bg: fadeout(@blue, 85%);\n --color-workflow-card-progress-incomplete-bg: @surface1;\n --color-discussions-state-answered-icon: var(--color-scale-green-3);\n --color-bg-discussions-row-emoji-box: var(--color-scale-gray-6);\n --color-notifications-button-text: var(--color-scale-white);\n --color-notifications-button-hover-text: var(--color-scale-white);\n --color-notifications-button-hover-bg: var(--color-scale-blue-4);\n --color-notifications-row-read-bg: var(--color-canvas-default);\n --color-notifications-row-bg: var(--color-canvas-subtle);\n --color-icon-directory: @text;\n --color-checks-step-error-icon: var(--color-scale-red-4);\n --color-calendar-halloween-graph-day-L1-bg: fadeout(@accent-color, 3);\n --color-calendar-halloween-graph-day-L2-bg: fadeout(@accent-color, 2);\n --color-calendar-halloween-graph-day-L3-bg: @accent-color;\n --color-calendar-halloween-graph-day-L4-bg: @mantle;\n --color-calendar-graph-day-bg: @surface0;\n --color-calendar-graph-day-border: transparent;\n /* These could do with a bit of refining */\n --color-calendar-graph-day-L1-bg: spin(fade(@green, 40%), 15deg);\n --color-calendar-graph-day-L2-bg: spin(fade(@green, 60%), 10deg);\n --color-calendar-graph-day-L3-bg: spin(fade(@green, 80%), 5deg);\n --color-calendar-graph-day-L4-bg: @green;\n --color-calendar-graph-day-L1-border: transparent;\n --color-calendar-graph-day-L2-border: transparent;\n --color-calendar-graph-day-L3-border: transparent;\n --color-calendar-graph-day-L4-border: transparent;\n --color-user-mention-fg: @accent-color;\n --color-user-mention-bg: @crust;\n --color-text-white: @text;\n\n /* New PR, new branch, fork repository, and commit changes buttons */\n .iRoQzU,\n .ifkUYV,\n .bOZDzN,\n .cYGUCw,\n .bbZPuV {\n background-color: @green;\n color: @base;\n }\n\n /* New branch dialog */\n .jenxrv {\n background-color: @mantle;\n color: @text;\n }\n\n /* Branch drop down */\n .fHiIQb {\n background-color: @surface0;\n }\n\n /* Compare button & Cancel new branch button */\n .idPXPh,\n .epAEYw {\n background-color: @surface0;\n color: @text;\n border-color: @surface1;\n }\n\n /* search btn */\n .header-search-button.placeholder {\n color: @text;\n }\n\n /* Issue tags */\n .hx_IssueLabel {\n --text: @text;\n }\n\n /* Search */\n .header-search-input {\n color: @text !important;\n }\n\n .header-search-input::placeholder {\n color: @subtext1 !important;\n }\n\n /* Tags */\n .topic-tag {\n --color-accent-fg: @accent-color;\n --color-accent-emphasis: @accent-color;\n --color-accent-muted: fadeout(@accent-color, 60%);\n --color-accent-subtle: fadeout(@accent-color, 85%);\n }\n\n /* Slug */\n .dYxKVs,\n .eVjWum {\n color: @accent-color;\n }\n\n /* Links */\n .fIqerb,\n .bJroUH {\n color: @accent-color;\n }\n\n /* Misc */\n .user-mention,\n .team-mention {\n color: @accent-color;\n }\n\n .kSmUFR[data-size=\"small\"][data-no-visuals=\"true\"] svg,\n .gaMHBv[data-size=\"small\"][data-no-visuals] svg {\n color: @green;\n }\n .starred .starred-button-icon {\n color: @yellow;\n }\n\n /* Large notification */\n .flash {\n --color-attention-muted: @accent-color;\n --bgColor-attention-muted: fadeout(@accent-color, 60%);\n --color-attention-subtle: fadeout(@accent-color, 85%);\n }\n\n /* Headers */\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n color: @subtext1;\n }\n\n #check-step-header-title {\n color: var(--color-checks-text-link) !important;\n }\n\n ::selection {\n background: @surface2 !important;\n }\n\n /* New change visibility box star and watcher preview buttons Fix */\n .btn.color-fg-danger.cursor-default {\n color: var(--color-btn-danger-text) !important;\n background-color: var(--color-btn-danger-bg);\n\n &:hover {\n background-color: var(--color-btn-danger-hover-bg);\n }\n\n & > svg.octicon {\n color: var(--color-btn-danger-text) !important;\n }\n }\n\n /* New change visibility box danger buttons Fix */\n :where(\n #repo-visibility-proceed-button-public,\n #repo-visibility-proceed-button-private\n ):not([data-next-stage]) {\n color: var(--color-btn-danger-text);\n background-color: var(--color-btn-danger-bg);\n }\n\n /* 2FA authentication box header Fix */\n body.session-authentication div.Box-header {\n background-color: inherit;\n }\n\n /* Footer Logo Fix */\n .footer-octicon > svg:nth-child(1) > path:nth-child(1) {\n fill: @text;\n }\n\n /* Footer text hover fix */\n .footer nav.col-12 * {\n color: @subtext1 !important;\n }\n\n /* Notifications */\n .notification-indicator .mail-status {\n background-image: none;\n background-color: @accent-color;\n }\n\n /* Keyboard hint */\n .bdgUpN,\n .hZMmEi .TextInput-icon,\n .hZMmEi .TextInput-action {\n color: @text;\n background-color: @mantle;\n border-color: @surface0;\n }\n\n /* Merge icon */\n .fMJQEf {\n color: @text;\n background-color: @overlay0;\n }\n\n /* Branch indicator */\n .iVNDSi {\n color: @accent-color;\n background-color: fade(@accent-color, 10);\n }\n\n /* File view */\n .hwnsNO {\n color: @text;\n th {\n background: @mantle;\n }\n }\n\n .dXveNa[data-no-visuals=\"true\"] {\n color: @subtext0;\n }\n\n .dXveNa,\n .kbjJSF {\n background-color: @surface0;\n border-color: @surface1;\n }\n\n .gUecKw,\n .lcpiaz,\n .jolsUx,\n .fsSggy {\n background-color: @mantle;\n }\n\n .Cxvmo,\n .dhYcqs {\n color: @red;\n }\n\n .byJIBD,\n .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"] svg {\n color: @green;\n }\n\n .lmmHGT:not(:first-of-type),\n .fOEJrA,\n .fnFdxN,\n .huABLg,\n .dMLfZp[data-component=\"IconButton\"][data-no-visuals],\n .cwSUxL,\n .iXnXki[data-size=\"small\"][data-no-visuals=\"true\"],\n .jvzHAP,\n .hPIyzG,\n .gTeenv[data-no-visuals=\"true\"],\n .VplrY[data-no-visuals=\"true\"],\n .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n .icOaJE[data-size=\"small\"][data-no-visuals=\"true\"],\n .kKFNhh,\n .lnXbGs,\n .dTxwit {\n color: @subtext0;\n }\n\n .gssqTz {\n color: @text !important;\n }\n\n .bPgnBp,\n .jMyfUO,\n .cBrzIN {\n color: @text;\n }\n\n .eLaeIt:hover:not([disabled]),\n .dMLfZp[data-size=\"small\"][data-no-visuals=\"true\"]:hover:not([disabled]),\n .bqDKPR[data-component=\"IconButton\"][data-no-visuals],\n .bDSYgZ:hover:not([disabled]),\n .icOaJE:hover:not([disabled]) {\n background-color: @surface0;\n }\n\n .icOaJE[aria-pressed=\"true\"] {\n background-color: @surface0;\n }\n\n .cZRqXf {\n background-color: @surface0;\n &:active:not([disabled]),\n &[aria-expanded=\"true\"] {\n border-color: @surface2;\n }\n &:hover:not([disabled]) {\n border-color: @surface2;\n background-color: @surface1;\n }\n }\n\n .kdEavw,\n .ddNLNa,\n .jepClM,\n .gTeenv,\n .VplrY {\n background-color: @surface0;\n &:hover:not([disabled]) {\n border-color: @surface2;\n background-color: @surface1;\n }\n }\n\n .feVXyu,\n .ecdhqS,\n .iwGxyT,\n .kLxXov,\n .flDsrw {\n border-color: @surface0;\n }\n\n .juEfKr {\n border-color: @surface2;\n }\n\n .eUqMHM,\n .hSXtjz {\n background-color: @base;\n }\n\n .gtXnmh,\n .ukUXs,\n .giEfVQ,\n .cKvNNO,\n .evdFFE,\n .kTUxDY {\n background-color: @mantle;\n }\n\n .hLwWNO .PRIVATE_TreeView-item-container,\n .dycbWg,\n .hYaoHV,\n .rLhXz,\n .gtXnmh,\n .lmmHGT,\n .dEmXPQ {\n color: @text;\n }\n\n .bJBoUI,\n .iJtJJh {\n color: @accent-color;\n }\n\n .lhyFLG {\n background-color: @mantle;\n border-color: @surface1;\n }\n\n .hUWqlv,\n .bJcMWH {\n color: @blue;\n } // search menu links\n .Link__StyledLink-sc-14289xe-0.ifbDxt {\n color: @blue;\n }\n .Link__StyledLink-sc-14289xe-0.ifbDxt:hover {\n background-color: fadeout(@blue, 60%);\n } // Search page buttons\n .cxcvTj,\n .Box-sc-g0xbh4-0.grSspY button {\n background-color: @mantle;\n border-color: @surface1;\n }\n\n .gxGEao {\n border-bottom-color: @surface0;\n }\n\n .hLwWNO\n .PRIVATE_TreeView-item[aria-current=\"true\"]\n > .PRIVATE_TreeView-item-container {\n background-color: @surface0;\n &::after {\n background-color: @accent-color;\n }\n }\n\n .dfAUyE,\n .gKuCoB,\n .bFrOJy {\n .segmentedControl-content {\n background-color: @mantle;\n color: @text;\n }\n }\n\n .cuqBaK,\n .fCAAcl,\n .dAXkSP {\n color: @text;\n background-color: @base;\n &:hover .segmentedControl-content {\n background: @surface0;\n }\n }\n\n @media (hover: hover) and (pointer: fine) {\n .rLhXz:hover:not([aria-disabled]) {\n background-color: @surface0;\n }\n }\n\n /* Projects */\n .ksbilD,\n .cuaLcW,\n .joCMLT,\n .jClMHS,\n .jhjELj,\n .diDjDG,\n .gFuKCf,\n .dHdESs,\n .hpfKPO,\n .jdgyJn,\n .iInViE,\n .brqMal,\n .AbCTW {\n background-color: @mantle;\n }\n\n .jEgFtJ,\n .lixtXZ:hover,\n .eNIoFu,\n .idPXPh:hover,\n .fdORwV,\n .cjFogo,\n .gIOnJa {\n background-color: @surface0;\n }\n\n .jBCpbB {\n color: @text;\n background-color: @surface0;\n }\n\n .kzrUhn.selected {\n background-color: @base;\n border-color: @surface0;\n color: @text;\n }\n\n .esIQoN,\n .kbjJSF:disabled {\n color: @subtext1;\n }\n\n .eJTCnd,\n .eTthoV {\n border-color: @surface0;\n background-color: @base;\n color: @text;\n .fixINc,\n .eDZJqt {\n color: @subtext0;\n }\n .bniVFX,\n .jtlytA {\n color: @text;\n }\n }\n\n .ikTPpF {\n box-shadow: @base 0 3px 6px;\n border-color: @surface0;\n }\n\n .cvveTk,\n .dwoION {\n background-color: @base;\n }\n\n .FKGWN {\n background-color: @base;\n border-color: @surface0;\n }\n\n .jPHlsW::after {\n background-color: @accent-color;\n }\n\n .khCtfm:hover {\n background-color: @surface0;\n }\n .bWlbEI,\n .hzIORV {\n background-color: @mantle;\n }\n\n .khCtfm,\n .khCtfm[data-component=\"leadingVisual\"],\n .Tnbrt[data-component=\"IconButton\"][data-no-visuals] {\n color: @subtext0;\n }\n\n .Tnbrt {\n &:active,\n &[aria-expanded=\"true\"] {\n background-color: @surface2;\n }\n &:hover {\n background-color: @surface1;\n }\n }\n\n .imsxCM {\n color: @text;\n\n .is-selected::after {\n background-color: @accent-color;\n }\n }\n\n .pxYjU {\n background-color: @mantle;\n color: @text;\n border-color: @surface0;\n }\n\n .ilLRrZ {\n color: @text;\n background-color: @surface1;\n }\n\n .cnIHxk {\n background-color: @surface0;\n color: @text;\n &:disabled {\n background-color: @overlay0;\n color: @crust;\n }\n }\n\n .ghFpol {\n background-color: @base;\n }\n\n .hVmCdl,\n .fqKZNC,\n .fZFWUy,\n .kbjJSF,\n .flKHtV,\n .jolsUx,\n .ekNmOn {\n color: @text;\n }\n\n .lixtXZ[data-component=\"IconButton\"][data-no-visuals],\n .klUZzf:not(:first-of-type) {\n color: @subtext0;\n }\n\n .jvpWzR {\n &:hover {\n background-color: @surface1;\n }\n &[data-size=\"large\"][data-block=\"block\"] {\n color: @subtext0;\n }\n }\n\n .fZFWUy,\n .fzjwje {\n background-color: @base;\n }\n\n .cEYXBH {\n background-color: @accent-color;\n }\n\n .joxhcl,\n .hXyJIp,\n .fMkBhb > .segmentedControl-content {\n background-color: @mantle;\n }\n\n .dVFmxu,\n .gbKtit,\n .lnKxja,\n .jzwNMs {\n color: @subtext0;\n svg {\n fill: @subtext0;\n }\n &:hover .segmentedControl-content {\n background-color: @surface1;\n border-color: @surface0;\n }\n }\n\n .hJMtSk {\n color: @crust;\n background-color: @green;\n &:disabled {\n color: @crust;\n background-color: @overlay0;\n }\n }\n\n .iDiUTR {\n color: @text;\n background-color: @base;\n border-color: @surface0;\n &:hover {\n border-color: @surface1;\n }\n }\n\n .eQfJKc,\n .UHWYv {\n color: @red;\n }\n\n .jVIqnb {\n color: @red;\n background-color: @surface0;\n &:hover {\n color: @base;\n background-color: @red;\n }\n }\n\n .UHWYv:hover {\n background-color: fade(@red, 20);\n }\n\n .lmmHGT:hover {\n background-color: @surface0;\n }\n\n /* Project table view */\n .hYdbWk,\n .gkeKEr,\n .jzcCeu,\n .iGxiw,\n .ixFSpw,\n .koxWOe,\n .gkWKRr,\n .ikaTJo > svg,\n .dcGHGc,\n .dzMFih,\n .hYdbWk::before,\n .ixFSpw::before,\n .dSHKOE {\n background-color: @base;\n }\n\n .gkWKRr {\n border-top-color: @surface0;\n border-right-color: @surface0;\n border-left-color: @surface0;\n }\n\n .bJYdrf td {\n border-top-color: @surface1;\n }\n\n .hPQRKh {\n background-color: @surface0;\n &:hover:not([disabled]) {\n background-color: @surface1;\n }\n &[data-component=\"IconButton\"][data-no-visuals] {\n color: @subtext0;\n }\n }\n\n .kfwhFa {\n &:hover:not([disabled]) {\n background-color: @surface0;\n }\n &[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: @subtext0;\n }\n }\n\n .jykkjb {\n background-color: @base;\n box-shadow: @crust 0 -2px 0 inset, @crust 0 1px 0 inset;\n }\n\n .jhjELj,\n .ixTUPS {\n border-color: @surface1;\n }\n\n .gmscZx,\n .fUaEiu {\n &:hover:not([disabled]) {\n background-color: @surface1;\n }\n &[aria-expanded=\"true\"] {\n background-color: @surface0;\n }\n & [data-component=\"leadingVisual\"],\n &[data-size=\"small\"],\n &[data-size=\"small\"][data-no-visuals=\"true\"] {\n color: @subtext0;\n }\n }\n\n .cBssZb,\n .caTTzX {\n color: @text;\n }\n\n .jhjELj::before {\n border-color: transparent transparent @surface1;\n }\n\n .fHpqaf,\n .bfQVnA,\n .iGxiw,\n .fUzagb,\n .gisjeK,\n .iQkwAM {\n color: @subtext0;\n }\n\n .dtTTcd {\n background-color: @base;\n &.hoverable:hover {\n background-color: @surface0;\n }\n }\n\n .pQcjM {\n border-color: @surface1;\n &.hoverable:hover {\n background-color: @surface0;\n }\n }\n\n .eTSXcP {\n background-color: @red;\n }\n\n .iGxiw {\n border-bottom-color: @surface1;\n }\n\n /* Tree Fix */\n /* Weird barely visible outlines | Can be removed if intentional */\n .brFBoI,\n .ldUAkr,\n .gtXnmh {\n border-color: @surface1;\n }\n\n /* New Repository Overview Fix */\n .gWjhfa,\n .klBOTR,\n .jMdYTc {\n background-color: @mantle;\n }\n\n .jMdYTc {\n border-color: @surface1;\n\n & button {\n color: @subtext1;\n\n &:hover {\n background-color: @surface0;\n }\n\n &[aria-expanded=\"true\"] {\n background-color: @surface0;\n }\n }\n }\n\n .gwuIGu > a {\n &:hover {\n background-color: @surface0;\n }\n\n & span {\n color: @subtext1;\n }\n }\n\n /* Buttons */\n .bJYdrf:hover {\n background-color: @mantle;\n }\n\n .dSlCya:hover {\n color: @accent-color;\n }\n\n .hNNRLM,\n .hGgJQu,\n .hTcsdJ {\n background-color: @surface0;\n border-color: @surface0;\n color: @text;\n\n &:hover {\n background-color: @surface1;\n border-color: @surface1;\n }\n }\n\n .eOIzRT {\n background-color: @base;\n\n &:hover {\n background-color: @surface0;\n }\n }\n\n .hNNRLM svg {\n color: @text;\n }\n\n .react-last-commit-history-group:hover {\n background-color: @base;\n color: @text;\n }\n .ContributionCalendar-day {\n --color-calendar-graph-day-L1-bg: spin(fade(@green, 40%), 15deg);\n --color-calendar-graph-day-L2-bg: spin(fade(@green, 60%), 10deg);\n --color-calendar-graph-day-L3-bg: spin(fade(@green, 80%), 5deg);\n --color-calendar-graph-day-L4-bg: @green;\n --color-calendar-graph-day-L1-border: transparent;\n --color-calendar-graph-day-L2-border: transparent;\n --color-calendar-graph-day-L3-border: transparent;\n --color-calendar-graph-day-L4-border: transparent;\n --color-calendar-graph-day-bg: @surface0;\n }\n\n .tooltipped.tooltipped-s rect {\n fill: @green !important;\n }\n .hfRvxg {\n color: @subtext1;\n\n &:hover {\n color: @text;\n }\n }\n\n /* Scrolling top menu */\n .lbYguI {\n border-radius: 6px;\n }\n\n .hPsWZB,\n .bOUZZs {\n background-color: @mantle;\n }\n\n .react-blob-header-edit-and-raw-actions > div > a,\n .react-blob-header-edit-and-raw-actions > div > span > a,\n .react-blob-header-edit-and-raw-actions > div > span > button {\n background-color: @base;\n color: @subtext0;\n\n &:hover {\n background-color: @surface1;\n }\n }\n\n .hMOAua {\n color: @subtext1;\n\n &:hover {\n background-color: @mantle;\n border-color: @surface1;\n color: @text;\n }\n }\n\n /* Fullscreen Sidebar Fixes */\n .hMCjFU,\n .jcKsih,\n .hpgNiv {\n background-color: @base;\n color: @text;\n border-color: @surface1;\n\n &:hover {\n background-color: @surface0;\n }\n }\n\n .jfOCiu li {\n color: @text;\n }\n\n .kRbyXo {\n color: @text;\n }\n\n .VgnWi {\n background-color: @base;\n border-color: @surface1;\n\n &:focus-within {\n border-color: @accent-color;\n box-shadow: @accent-color 0 0 0 1px inset;\n }\n }\n\n .bAKGFC {\n background-color: @surface1;\n }\n\n .bdMlHy {\n border-color: @surface1;\n }\n\n .jMyfUO.selected {\n border-color: @surface1;\n background-color: @mantle;\n }\n\n .bPgnBp {\n color: @accent-color;\n }\n\n kbd {\n background-color: @surface1;\n }\n\n select option,\n optgroup {\n background-color: @mantle;\n border-color: @surface1;\n border-radius: 6px;\n box-shadow: var(--shadow-floating-large, var(--color-shadow-large));\n }\n\n .hUQSCH {\n background-color: @base;\n color: @subtext1;\n border-color: @surface1;\n\n &:hover {\n background-color: @mantle;\n border-color: @surface1;\n }\n }\n\n /* Add File Menu */\n .dQPLyc {\n background-color: transparent;\n border-color: @surface1;\n }\n\n .ktGGEf {\n background-color: @base;\n border-color: @surface1;\n }\n\n .gkfBtX {\n background-color: @mantle;\n border-radius: 6px 0 0;\n border-bottom-color: @surface1;\n }\n\n .jproXT {\n background-color: transparent;\n border-color: transparent;\n color: @subtext1;\n\n &:hover {\n color: @text;\n }\n\n &:focus-within {\n border-color: transparent;\n box-shadow: none;\n color: @text;\n }\n }\n\n .wLDmP,\n .rDvrp {\n background-color: @mantle;\n border-color: @surface1;\n }\n\n .eNSiNz .segmentedControl-content,\n .gKuCoB .segmentedControl-content {\n background-color: @base;\n }\n\n /* Notification Menu Fix */\n .notifications-list-item.notification-read,\n .notifications-list-item.notification-archived {\n background-color: @base !important;\n\n &:last-child {\n border-bottom-left-radius: 6px;\n }\n }\n\n /* Loading Bar Color */\n .turbo-progress-bar {\n background-color: @accent-color;\n }\n .search-results-page {\n background-color: @base;\n }\n /* New repo layout button, pr button on repo, tick */\n .dvJnjZ,\n .types__StyledButton-sc-ws60qy-0.gHIvvy,\n .ldavJa {\n background-color: @green;\n color: @crust;\n &:hover {\n background-color: darken(@green, 15%);\n }\n }\n .ezbPok * {\n fill: @text;\n }\n .jMEWXM > * > *,\n .vhlgx,\n .vhlgx:hover:not([disabled], [data-inactive]),\n .QqKiN,\n .QqKiN:hover:not([disabled], [data-inactive]),\n .wxyGP,\n .wxyGP:hover:not([disabled], [data-inactive]),\n .bTTPJZ,\n .bTTPJZ:hover:not([disabled], [data-inactive]),\n .eYCGbj,\n .eYCGbj:hover:not([disabled], [data-inactive]),\n #branch-picker-repos-header-ref-selector,\n .gtXnmh .Box-sc-g0xbh4-0.jGfYmh > * {\n background-color: @surface0;\n border-color: @surface1;\n &:hover {\n background-color: @surface1;\n border-color: @surface2;\n }\n & * {\n fill: @text;\n color: @text;\n }\n }\n .cPEOjV {\n background-color: @mantle;\n }\n .Box-sc-g0xbh4-0.bUCzHg,\n .ehcSsh > * {\n border-color: @surface1 !important;\n }\n\n .eYedVD .Box-sc-g0xbh4-0.jGfYmh *,\n .Text-sc-17v1xeu-0.foaUgQ {\n color: @subtext0;\n }\n .hRMLtq,\n .ilcYjX *,\n .lcModf,\n button.types__StyledButton-sc-ws60qy-0.kRuNkv {\n color: @text;\n }\n .Flash__StyledFlash-sc-hzrzfc-0.kUDiXM {\n background-color: fadeout(@peach, 90%);\n border-color: @peach;\n }\n .kUDiXM svg {\n fill: @peach;\n }\n /* Some popup */\n .iGzDhH,\n .hBobmI,\n #__primerPortalRoot__ > div > div > div {\n background-color: @mantle;\n }\n .Text-sc-17v1xeu-0.gPDEWA {\n color: @subtext1;\n }\n .TabNav__TabNavTabList-sc-pwdi4r-1.gFzOft {\n & * {\n border-color: @surface0;\n }\n\n &:hover {\n & * {\n background: @mantle;\n }\n }\n }\n }\n}\n\n@-moz-document regexp(\"https:\\/\\/notebooks\\.githubusercontent\\.com\\/view\\/ipynb.*\") {\n :root {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n /* Colors */\n --jp-border-color0: var(--color-scale-gray-7);\n --jp-border-color1: var(--color-scale-gray-7);\n --jp-border-color2: var(--color-scale-gray-8);\n --jp-border-color3: var(--color-scale-gray-9);\n --jp-ui-font-color0: @text;\n --jp-ui-font-color1: fadeout(@text, 13%);\n --jp-ui-font-color2: fadeout(@text, 46%);\n --jp-ui-font-color3: fadeout(@text, 72%);\n --jp-ui-inverse-font-color0: @crust;\n --jp-ui-inverse-font-color1: fadeout(@crust, 20%);\n --jp-ui-inverse-font-color2: fadeout(@crust, 50%);\n --jp-ui-inverse-font-color3: fadeout(@crust, 70%);\n --jp-content-font-color0: @text;\n --jp-content-font-color1: @text;\n --jp-content-font-color2: fadeout(@text, 30%);\n --jp-content-font-color3: fadeout(@text, 50%);\n --jp-content-link-color: @sapphire;\n --jp-layout-color0: @base !important;\n --jp-layout-color1: var(--color-scale-gray-9);\n --jp-layout-color2: var(--color-scale-gray-8);\n --jp-layout-color3: var(--color-scale-gray-7);\n --jp-layout-color4: var(--color-scale-gray-6);\n --jp-inverse-layout-color0: var(--color-scale-white);\n --jp-inverse-layout-color1: var(--color-scale-white);\n --jp-inverse-layout-color2: var(--color-scale-gray-2);\n --jp-inverse-layout-color3: var(--color-scale-gray-4);\n --jp-inverse-layout-color4: var(--color-scale-gray-6);\n --jp-brand-color0: var(--color-scale-blue-7);\n --jp-brand-color1: var(--color-scale-blue-5);\n --jp-brand-color2: var(--color-scale-blue-3);\n --jp-brand-color3: var(--color-scale-blue-1);\n --jp-brand-color4: var(--color-scale-blue-0);\n --jp-accent-color0: var(--color-scale-green-7);\n --jp-accent-color1: var(--color-scale-green-5);\n --jp-accent-color2: var(--color-scale-green-3);\n --jp-accent-color3: var(--color-scale-green-1);\n --jp-warn-color0: var(--color-scale-orange-7);\n --jp-warn-color1: var(--color-scale-orange-5);\n --jp-warn-color2: var(--color-scale-orange-3);\n --jp-warn-color3: var(--color-scale-orange-1);\n --jp-error-color0: var(--color-scale-red-7);\n --jp-error-color1: var(--color-scale-red-5);\n --jp-error-color2: var(--color-scale-red-3);\n --jp-error-color3: var(--color-scale-red-1);\n --jp-success-color0: var(--color-scale-green-7);\n --jp-success-color1: var(--color-scale-green-5);\n --jp-success-color2: var(--color-scale-green-3);\n --jp-success-color3: var(--color-scale-green-1);\n --jp-info-color0: var(--color-scale-blue-7);\n --jp-info-color1: var(--color-scale-blue-5);\n --jp-info-color2: var(--color-scale-blue-3);\n --jp-info-color3: var(--color-scale-blue-1);\n --jp-cell-editor-border-color: var(--color-scale-gray-7);\n --jp-cell-editor-box-shadow: inset 0 0 2px var(--color-scale-blue-3);\n --jp-cell-prompt-not-active-font-color: fadeout(@text, 50%);\n --jp-cell-inprompt-font-color: var(--color-scale-blue-6);\n --jp-cell-outprompt-font-color: var(--color-scale-coral-6);\n --jp-notebook-multiselected-color: fadeout(@overlay2, 86%);\n --jp-rendermime-error-background: fadeout(@red, 82%);\n --jp-rendermime-table-row-background: var(--color-scale-gray-9);\n --jp-rendermime-table-row-hover-background: fadeout(@surface2, 86%);\n --jp-dialog-background: fadeout(@crust, 40%);\n --jp-toolbar-box-shadow: 0px 0px 2px 0px fadeout(@crust, 20%);\n --jp-input-box-shadow: inset 0 0 2px var(--color-scale-blue-3);\n --jp-input-background: var(--color-scale-gray-8);\n --jp-input-active-box-shadow-color: fadeout(@blue, 70%);\n --jp-editor-selected-focused-background: fadeout(@blue, 86%);\n --jp-mirror-editor-keyword-color: var(--color-scale-green-5);\n --jp-mirror-editor-atom-color: var(--color-scale-blue-3);\n --jp-mirror-editor-number-color: var(--color-scale-green-4);\n --jp-mirror-editor-def-color: var(--color-scale-blue-6);\n --jp-mirror-editor-variable-color: var(--color-scale-gray-3);\n --jp-mirror-editor-variable-2-color: var(--color-scale-blue-4);\n --jp-mirror-editor-variable-3-color: var(--color-scale-green-6);\n --jp-mirror-editor-punctuation-color: var(--color-scale-blue-4);\n --jp-mirror-editor-property-color: var(--color-scale-blue-4);\n --jp-mirror-editor-operator-color: @mauve;\n --jp-mirror-editor-comment-color: @subtext0;\n --jp-mirror-editor-string-color: @peach;\n --jp-mirror-editor-string-2-color: var(--color-scale-purple-3);\n --jp-mirror-editor-meta-color: @mauve;\n --jp-mirror-editor-qualifier-color: var(--color-scale-gray-5);\n --jp-mirror-editor-builtin-color: var(--color-scale-green-6);\n --jp-mirror-editor-bracket-color: var(--color-scale-gray-2);\n --jp-mirror-editor-tag-color: var(--color-scale-blue-7);\n --jp-mirror-editor-attribute-color: var(--color-scale-blue-7);\n --jp-mirror-editor-header-color: var(--color-scale-blue-5);\n --jp-mirror-editor-quote-color: var(--color-scale-green-3);\n --jp-mirror-editor-link-color: var(--color-scale-blue-7);\n --jp-mirror-editor-error-color: @red;\n --jp-mirror-editor-hr-color: var(--color-scale-gray-8);\n --jp-vega-background: var(--color-scale-gray-4);\n --jp-search-selected-match-background-color: @yellow;\n --jp-search-selected-match-color: @crust;\n --jp-icon-contrast-color0: var(--color-scale-purple-6);\n --jp-icon-contrast-color1: var(--color-scale-green-6);\n --jp-icon-contrast-color2: var(--color-scale-pink-6);\n --jp-icon-contrast-color3: var(--color-scale-blue-6);\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Gmail Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/gmail","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/gmail","version":"0.1.1","description":"Soothing pastel theme for Gmail","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/gmail/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"flavor":{"type":"select","label":"Flavor","name":"flavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","value":null,"default":"rosewater","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Gray","value":"subtext0"}]}}},"sourceCode":"/* ==UserStyle==\n@name Gmail Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/gmail\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/gmail\n@version 0.1.1\n@description Soothing pastel theme for Gmail\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/gmail/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater*\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"mail.google.com\") {\n :root {\n #catppuccin(@flavor, @accentColor);\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n .ZG,\n .boo .aQl > .J-JN-M-I-Jm,\n .boo .aaa > .J-JN-M-I-Jm,\n .boo .ZE > .J-JN-M-I-Jm,\n .bs1 + .bs3,\n .btj + .aD,\n body {\n color: @text !important;\n }\n\n /* input box */\n .nr {\n background-color: @surface1 !important;\n color: @text !important;\n }\n\n .bs0 > .acM,\n .bti > .btg {\n color: @text !important;\n }\n\n /* quick settings */\n .IU {\n background: @base !important;\n box-shadow: inset 1px 0 0 @mantle !important;\n }\n .Q0,\n .VM .Q5,\n .VM .OG,\n .Q2,\n .bCh,\n .aIY,\n .a21,\n .ST,\n .OB {\n color: @text !important;\n }\n .Tj,\n .OD {\n color: @accent-color !important;\n }\n\n /* background */\n #loading {\n background: @base !important;\n }\n\n header,\n .nH.w-asV,\n .bkL {\n background: @crust !important;\n }\n\n /* links */\n .aRq {\n color: @sapphire !important;\n &:hover {\n color: @teal !important;\n }\n }\n\n /* header */\n .aeH,\n .aqK {\n background: @mantle !important;\n }\n\n /* search */\n .gb_Lc .gb_Ee {\n background: @surface0 !important;\n }\n .gb_Lc .gb_3e,\n .gb_Ee.gb_Fe .gb_Ze {\n color: @text !important;\n }\n .gb_Ee.gb_Fe button svg {\n color: @text !important;\n opacity: 1;\n }\n .aRp {\n background: @surface0 !important;\n }\n .gssb_i {\n background: @surface1 !important;\n color: @text !important;\n }\n .gssb_e,\n .gssb_m {\n background: @surface0 !important;\n color: @text !important;\n }\n\n /* left bar */\n .CL.Q7:hover,\n .CL.Wj:hover,\n .CL.Q7.NQ,\n .CL.Wj.NQ,\n .TK .TO.nZ:active,\n .TK .TO.ol:active,\n .TK .TO.nZ,\n .TK .TO.ol,\n .byl .TK .nZ.aBP,\n .byl .TK .nZ.aS3,\n .byl .TK .nZ.aS4,\n .byl .TK .nZ.aS5,\n .byl .TK .nZ.aS6 {\n background: @surface0 !important;\n }\n .TO.NQ,\n .n6 .ah9:hover,\n .n6 .ah9.aiu:hover,\n .n6 .ah9:focus,\n .TK .TO:active,\n .n6 .ah9.aiu:active {\n background: @surface1 !important;\n }\n .aAv,\n .TO .nU > .n0,\n .TO.NQ .nU > .n0,\n .TO.nZ .nU > .n0,\n .ah9 > .CJ,\n .n3 > .CL > .CK {\n color: @text !important;\n }\n .h0,\n .Dj {\n color: @subtext0 !important;\n }\n\n /* right bar */\n .bAw .brC-aT5-aOt-Jw {\n background: @crust !important;\n }\n .brC-aMv-auO .bse-bvF-I.aT5-aOt-I-JW .aT5-aOt-I-JX-atM-J6,\n .brC-aMv-auO .bse-bvF-I.aT5-aOt-I-JO .aT5-aOt-I-JX-atM-J6 {\n background: lighten(@crust, 4%);\n }\n /* inbox area */\n .H2.HD {\n background: @surface0 !important;\n border-color: @surface1 !important;\n }\n .bkK > .nH {\n background: @mantle !important;\n }\n /* inbox item */\n .yO {\n background: @mantle !important;\n &:hover {\n box-shadow:\n inset 1px 0 0 @surface0,\n inset -1px 0 0 @surface0,\n 0 0 4px 0 @base,\n 0 0 6px 2px @base !important;\n }\n }\n /* quick text */\n .y2 {\n color: @subtext0 !important;\n }\n .aeJ,\n .aRs {\n .J-KU:hover {\n background: @surface0 !important;\n }\n background: @base !important;\n .aRu {\n .aRv {\n color: @subtext0 !important;\n }\n color: @subtext1 !important;\n }\n }\n .aAA.J-KU-Jg-K9 {\n background: @base !important;\n }\n .J-KU-KO.aAy {\n .aKz {\n color: @accent-color !important;\n }\n &::before {\n background: @accent-color !important;\n }\n }\n .aKx > .aKz {\n color: @subtext0 !important;\n }\n /* inbox box badge */\n .at {\n color: @crust !important;\n background: @accent-color !important;\n .au .av {\n color: @crust !important;\n }\n }\n .y6,\n .bA4 {\n color: @text !important;\n }\n /* buttons hovers */\n .T-I-JW.amD::before,\n .T-I-JW.adg::before,\n .T-I-JW > .asa::before {\n background: @surface0 !important;\n }\n /* forward/reply buttons */\n .amn > .ams {\n color: @text !important;\n }\n .amr .amn > .ams {\n background: @base !important;\n border-color: @surface0 !important;\n }\n /* send one now */\n .x0 {\n color: @text !important;\n }\n\n /* theme */\n div.Kj-JD {\n background-color: @base;\n }\n .a80.Kj-JD-K7 {\n box-shadow: 0 5px 10px -5px @crust;\n }\n .a81 {\n border-color: @surface0;\n }\n\n /* no star warning */\n .Tm .TC {\n background: @base !important;\n color: @text !important;\n }\n\n /* dropdown */\n .ZF-z6,\n .ZF-zT,\n .ZF-Av .lJ,\n .ZF-Av .lN,\n .aaZ,\n .aoT,\n .J-M,\n .bAp.b8.UC .vh,\n .ajA,\n .nH .Hy .m,\n .J-N-JT,\n .J-JK-JT,\n .J-LC-JT,\n form[role=\"search\"],\n form[role=\"search\"] table,\n form[role=\"search\"] div,\n form[role=\"search\"] td {\n background: @surface0 !important;\n }\n\n div.Kj-JD-Jl > button.J-at1-atl,\n div.Kj-JD-Jl > button.J-at1-auR {\n background: @accent-color !important;\n color: @crust !important;\n }\n div.Kj-JD-Jl > button,\n .bBh .Kj-JD-Jl > .J-at1-auR,\n .Kj-JD-K7-K0,\n .J-N {\n color: @text !important;\n }\n .J-N-JT,\n .J-N-JW {\n color: @text !important;\n background: @surface2 !important;\n }\n .J-N-JT .J-N-Jz,\n .J-N-JW .J-N-Jz {\n color: @text !important;\n }\n .T-I-Kq > .asa::before,\n .T-I-Kq.T-I-JO > .asa::before {\n background: @surface1 !important;\n }\n\n /* compose button */\n .T-I-KE {\n background: @accent-color !important;\n color: @crust !important;\n & when (@lookup =latte) {\n color: @text !important;\n }\n &:hover {\n background: darken(@accent-color, 10%);\n color: @crust !important;\n }\n }\n\n /* drive usage */\n .aiC {\n background: @overlay0 !important;\n }\n .aiA {\n background: @accent-color !important;\n }\n /* icons */\n .aAy > .aKp,\n .xY > .T-Jo,\n .T-I .T-I-J3,\n td.apU > .T-KT.aXw::before {\n filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%)\n hue-rotate(196deg) brightness(150%) contrast(75%);\n }\n td.apU > .T-KT.T-KT-Jp::before {\n filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%)\n hue-rotate(337deg) brightness(300%);\n }\n /* svgs */\n .gb_Mc svg,\n .gb_Rc.gb_Vc svg,\n .gb_Mc .gb_dd .gb_ld,\n .gb_Mc .gb_dd .gb_Lc,\n .gb_Mc .gb_dd .gb_fd,\n .gb_Rc.gb_Vc .gb_ld {\n color: @subtext0;\n }\n\n /* toolbar */\n .Hl,\n .Hq,\n .Ha,\n [role=\"menuitemcheckbox\"] > div > div,\n [role=\"listbox\"] .J-Z-M-I-J6-H > .J-Z-M-I-JG,\n div.ajR .ajT,\n .btC .dv,\n .btC .aaA.a1,\n .btC .J-N-JX.a1,\n .btC .aaA.e5,\n .aaZ .J-N-JX.e5,\n .btC .aaA.QT,\n .btC .J-N-JX.QT,\n .btC .aaA.aA7,\n .aaZ .J-N-JX.aA7,\n .btC .aaA.buc,\n .btC .J-N-JX.buc,\n .btC .aaA.BP,\n .aaZ .J-N-JX.BP,\n .btC .aaA.a5,\n .btC .aaA.a2X,\n .aaZ .J-N-JX.a5,\n .aaZ .J-N-JX.a2X,\n [role=\"toolbar\"] [role=\"button\"]:not(.H2, .Ol) {\n filter: invert(1) !important;\n }\n\n /* advanced settings */\n div.Kj-JD-Jz {\n color: @subtext0 !important;\n }\n .alO,\n .v .fY,\n .v .f1,\n .r4 {\n background: @base !important;\n }\n .v .f1,\n .v .f1 .f0 {\n color: @text !important;\n }\n .qL {\n color: black !important;\n }\n .v .fZ {\n box-shadow: inset 0 -2px 0 0 @accent-color;\n .f0 {\n color: @accent-color !important;\n }\n }\n .alP,\n .sA,\n .r4 .e {\n color: @sapphire !important;\n &:hover {\n color: @teal !important;\n }\n }\n .Ze {\n background: @surface0 !important;\n }\n .a8Y > .T-I-ax7 {\n background: @surface0 !important;\n color: @text !important;\n &:hover {\n background: @surface1 !important;\n }\n }\n .T-I-atl {\n background: @accent-color !important;\n color: @crust !important;\n &:hover {\n background: lighten(@accent-color, 10%) !important;\n }\n }\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Google Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/google","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/google","version":"0.1.1","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/google/catppuccin.user.css","description":"Soothing pastel theme for Google","author":"Catppuccin","license":"MIT","preprocessor":"less","vars":{"flavor":{"type":"select","label":"Flavor","name":"flavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]}}},"sourceCode":"/* ==UserStyle==\n@name Google Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/google\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/google\n@version 0.1.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/google/catppuccin.user.css\n@description Soothing pastel theme for Google\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */\n\n@-moz-document regexp(\"^https?://(www\\\\.|images\\\\.)?google\\\\..*\")\n{\n #catppuccin(@lookup) {\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n\n background: @base !important;\n --uv-styles-color-surface: @crust;\n --uv-styles-color-tertiary: @surface0;\n --uv-styles-color-secondary: fade(@blue, 25%);\n --uv-styles-color-text-primary: @blue;\n --uv-styles-color-icon-default: @text;\n --uv-styles-color-text-emphasis: @text;\n --uv-styles-color-icon-on-secondary: @subtext0;\n\n .gb_Ka.gb_f,\n .gb_Na.gb_f {\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 .uU7dJb {\n border-bottom-color: @surface0;\n background-color: @mantle;\n color: @subtext1;\n }\n .KxwPGc {\n background-color: @mantle;\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 .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 .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 color: @text;\n }\n .ExCKkf {\n color: @subtext0;\n }\n .ACRAdd {\n border-left-color: @overlay0;\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 {\n @svg-raw: '';\n @svg: escape(@svg-raw);\n content: url(\"data:image/svg+xml,@{svg}\");\n }\n .zgAlFc {\n color: @blue;\n }\n .fLciMb {\n color: @text;\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 .z1asCe {\n color: @text !important;\n fill: @text !important;\n }\n .rsGxI.Ww4FFb,\n .Ww4FFb {\n background-color: @base;\n }\n .RES9jf {\n color: @text;\n }\n .CSkcDe,\n .related-question-pair div.iDjcJe {\n color: @text;\n }\n .cUnQKe .ILfuVd b {\n background-color: fade(@blue, 25%);\n color: @text;\n }\n .cUnQKe .ILfuVd,\n .cUnQKe .UiGGAb.ILfuVd {\n color: @subtext1;\n }\n .ZYHQ7e {\n color: @subtext0;\n }\n .VuuXrf {\n color: @text;\n }\n .hb8SAc {\n color: @text;\n }\n .TQc1id .I6TXqe {\n border-color: @surface2;\n }\n .I6TXqe {\n background: @base;\n }\n .HsZQAe {\n border-bottom-color: @surface2;\n }\n .NtaMpb .niO4u {\n background-color: @base;\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 color: @subtext0;\n }\n .yDYNvb.lyLwlc {\n color: @text;\n }\n .H9lube {\n background-color: @base;\n border-color: @surface2;\n }\n .akqY6 {\n background: @surface1;\n }\n .KFFQ0c .YfftMc,\n .KFFQ0c .YfftMc span,\n .KFFQ0c .YfftMc div,\n .KFFQ0c .YfftMc a {\n color: @subtext0;\n }\n .dyjrff {\n color: @subtext1;\n }\n .appbar {\n background: @base;\n }\n .LHJvCe {\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 .S8ee5.CwbYXd {\n color: @text;\n }\n .S8ee5 {\n background: @surface0;\n }\n .S8ee5:hover {\n background: @surface1;\n }\n .rhHIGd {\n background-color: @surface2;\n }\n .sY7ric {\n color: @text;\n }\n .I6a0ee {\n background-color: @base;\n border-color: @surface2;\n color: @text;\n }\n .I6a0ee:hover {\n background-color: @mantle;\n border-color: @surface2;\n }\n .I6a0ee:focus {\n background-color: @crust;\n border-color: @surface2;\n }\n .pxhZNb {\n background-color: @surface0 !important;\n color: @text;\n }\n .d2F2Td {\n color: @text;\n }\n .c07z9 {\n color: @subtext0;\n }\n .c07z9 a,\n .c07z9 a:active,\n .c07z9 a:link {\n color: @text;\n text-decoration-color: @subtext0;\n }\n .wHYlTd {\n color: @subtext0;\n }\n .dG2XIf .c2xzTb .wDYxhc:first-child {\n background: @base;\n }\n .fm06If .ILfuVd,\n .c2xzTb .ILfuVd,\n .Jb0Zif .c2xzTb .ILfuVd {\n color: @text;\n }\n .fm06If .ILfuVd b,\n .c2xzTb .ILfuVd b {\n background-color: fade(@blue, 25%);\n color: @text;\n }\n .GKS7s {\n background: @surface0;\n border-color: @surface1;\n }\n .GKS7s:hover {\n background-color: @surface1 !important;\n border-color: @surface2;\n }\n .yXK7lf em {\n color: @text;\n }\n .Lb0dA:hover {\n background-color: @surface0;\n }\n .Lb0dA[aria-expanded=\"true\"]:hover .EGarzf {\n color: @blue;\n }\n .Lb0dA[aria-expanded=\"true\"] {\n background-color: fade(@blue, 25%);\n }\n .BaegVc:hover {\n background-color: @surface0;\n }\n .hdtb-tl-sel .BaegVc {\n background-color: fade(@blue, 25%);\n }\n .BaegVc:focus {\n background-color: fade(@blue, 25%);\n }\n .TZqsAd {\n background: @overlay0;\n }\n .FalWJb {\n background: @base;\n }\n .YeThId {\n border-top-color: @surface1;\n }\n .k8XOCe {\n background-color: @surface0;\n }\n .s75CSd {\n color: @text;\n }\n .ZkkK1e {\n background: @base;\n border-color: @surface1;\n }\n .ZkkK1e:hover {\n background: @surface0;\n }\n .QjI2jc {\n color: @subtext0;\n }\n .lhLbod {\n color: @subtext0;\n }\n .nr7I6e div[aria-expanded=\"true\"] .F75bid,\n .nr7I6e div[aria-expanded=\"true\"]:hover .fFI3rb .F75bid {\n color: @blue;\n }\n .F75bid {\n color: @subtext0;\n }\n div[aria-expanded=\"true\"] .fFI3rb {\n background-color: fade(@blue, 25%) !important;\n }\n div[aria-expanded=\"true\"]:hover .fFI3rb:hover {\n background-color: fade(@blue, 25%) !important;\n }\n .MAMMm {\n background: @mantle;\n box-shadow: 0 2px 6px @crust !important;\n }\n [selected].nWtjMe {\n background: fade(@blue, 25%) !important;\n }\n .uZNuIf:hover {\n background-color: @surface0;\n color: @text;\n }\n [selected].nWtjMe .FMKtTb {\n color: @text;\n }\n .nWtjMe .FMKtTb {\n color: @subtext0;\n }\n .GKS7s .FMKtTb,\n .GKS7s .RWhoyd.mol54e {\n color: @text;\n }\n .ePSouf .FMKtTb {\n color: @subtext0;\n }\n .NkCsjc:hover {\n background-color: @surface0 !important;\n color: @text;\n }\n .nr7I6e div[aria-haspopup=\"true\"]:hover .F75bid {\n color: @text;\n }\n a.hisnlb {\n background: fade(@overlay2, 25%);\n }\n div[aria-expanded=\"true\"] .fFI3rb,\n div[aria-expanded=\"true\"]:hover .fFI3rb:hover {\n background-color: @surface0 !important;\n }\n .hdtb-tl-sel .BaegVc .WjMmQ:hover {\n color: @blue;\n }\n .hdtb-mn-hd {\n color: @subtext0;\n }\n .hdtb-mn-hd:hover {\n color: @text;\n }\n .fSnalc {\n stroke: @blue;\n }\n .oOg6Ne {\n stroke: @yellow;\n }\n .ZqPjbb {\n stroke: @red;\n }\n .aPiskd {\n stroke: @green;\n }\n .s8GCU {\n background-color: @base;\n }\n .Lj9fsd {\n background-color: @base;\n }\n .jZWadf {\n background-color: @base;\n }\n .rQEFy,\n .rQEFy:hover {\n border-color: fade(@blue, 25%);\n background-color: fade(@blue, 25%);\n }\n .gbZSUe {\n color: @text;\n }\n .gbZSUe:hover {\n background: @surface0;\n }\n .XZ5MVe {\n color: @blue;\n }\n a:visited {\n color: @mauve;\n }\n .F9Idpe {\n background: linear-gradient(to right, transparent 0%, @base 60%, @base);\n }\n .SvoXfb > .x5f7Bc {\n fill: @subtext0;\n }\n .SvoXfb:hover > .x5f7Bc {\n fill: @text;\n }\n .SvoXfb:hover {\n background-color: @surface0;\n }\n .IsZvec {\n color: @subtext0;\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-source-text-container .tw-ta,\n #tw-source-rmn-container .tw-ta {\n color: @text;\n }\n #tw-target {\n background-color: @surface0;\n }\n .tw-data-placeholder {\n color: @text;\n }\n .j1iyq {\n border-color: @surface2;\n }\n .w8qArf .fl {\n color: @text !important;\n }\n .HSryR a.B1uW2d {\n border-bottom-color: @surface2;\n }\n .usJj9c .zz3gNc {\n color: @text;\n }\n .Ss2Faf a {\n color: @text;\n }\n .aCOpRe em,\n .yXK7lf em {\n color: @text;\n }\n .FR7ZSc .niO4u {\n background-color: @base;\n border-color: @surface2;\n color: @blue;\n }\n .g {\n color: @text;\n }\n .VSHxQ {\n color: @subtext0;\n }\n .cF4V5c {\n background-color: @crust !important;\n }\n .cF4V5c g-menu-item a,\n .cF4V5c g-menu-item a:visited,\n .cF4V5c g-menu-item a:hover {\n color: @text;\n }\n .cF4V5c:hover g-menu-item:hover a,\n .cF4V5c:hover g-menu-item a:visited,\n .cF4V5c g-menu-item a:hover {\n background-color: @surface0;\n }\n .GZnQqe.LGiluc {\n border-top-color: @surface2 !important;\n }\n .pkWBse {\n box-shadow: 1px 1px 15px 0 @crust;\n }\n .dG2XIf {\n background: @base;\n }\n .Z0LcW {\n color: @text;\n }\n .i29hTd .qLLird {\n color: @text;\n }\n .i29hTd .kR7nSc {\n color: @text;\n }\n .N6Sb2c {\n color: @subtext0;\n }\n .C9iYEe {\n color: @subtext0;\n }\n .KcXNxb {\n background: @base;\n }\n .ss6qqb .PKDVJd {\n color: @subtext0;\n }\n a.oBa0Fe {\n color: @subtext0;\n }\n .o6juZc {\n background-color: @surface0;\n }\n .o6juZc:hover {\n background-color: @surface0;\n box-shadow: 0 4px 12px @crust;\n }\n .W6pGoe {\n background: @surface0;\n box-shadow: 0 4px 6px 0 @crust;\n }\n .WdWr7c {\n border-top-color: @surface2;\n }\n .sU3bKf {\n color: @text;\n }\n .O5OUld {\n color: @subtext0;\n }\n .zP7KFe {\n background: @surface1;\n }\n .O5OUld:hover {\n color: @blue;\n }\n .og3lId {\n color: @text;\n }\n .M3w8Nb .o6juZc {\n box-shadow: 0 1px 6px 0 @crust;\n }\n .r8xEL {\n color: @text;\n }\n .ZZ7G7b {\n color: @text;\n border-color: @surface1;\n }\n .NZmxZe {\n background-color: @base;\n border-color: @surface1;\n color: @text;\n }\n .NZmxZe:not(.rQEFy):hover {\n background-color: @surface0;\n border-color: @surface1;\n color: @text;\n }\n .ssfWCe .ZXJQ7c {\n color: @subtext0;\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 }\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 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 .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: @blue !important;\n }\n .NQyKp {\n color: @blue !important;\n background: @blue !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: 1px solid @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: 1px solid @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: 1px solid @surface0 !important;\n }\n .kQEH5b {\n color: @subtext0 !important;\n }\n .kNKdL {\n color: @text !important;\n }\n .q0yked:hover {\n background-color: @mantle !important;\n }\n .Oz5Rbb:hover {\n background: @mantle !important;\n }\n .lwwARb {\n background-color: @crust !important;\n }\n .LO47Ff {\n color: @text;\n }\n .j8PBfc {\n color: @subtext0;\n }\n .act-tim-txt-cnt {\n color: @text;\n }\n .act-switch-area {\n background-color: @base !important;\n }\n .q8U8x > div:nth-child(1) {\n background-color: @base !important;\n }\n .EwDHG,\n .vNdLpe,\n .vNdLpe:visited {\n color: @subtext0 !important;\n }\n color: @subtext0;\n }\n body {\n #catppuccin(@flavor);\n }\n}\n\n@-moz-document regexp(\"^https?://(ogs\\\\.)?google\\\\..*\")\n{\n #catppuccin(@lookup) {\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n\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 }\n body {\n #catppuccin(@flavor);\n }\n}\n\n/* prettier-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n}\n"},{"enabled":true,"name":"HackerNews Catppuccin","description":"Soothing pastel theme for HackerNews","author":"Catppuccin","updateUrl":"https://github.com/catppuccin/userstyles/raw/main/styles/hacker-news/catppuccin.user.css","usercssData":{"name":"HackerNews Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/hacker-news","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/hacker-news","version":"0.1.1","description":"Soothing pastel theme for HackerNews","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/hacker-news/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"flavor":{"type":"select","label":"Flavor","name":"flavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]}}},"sourceCode":"/* ==UserStyle==\n@name HackerNews Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/hacker-news\n@homepageURL\thttps://github.com/catppuccin/userstyles/tree/main/styles/hacker-news\n@version 0.1.1\n@description Soothing pastel theme for HackerNews\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/hacker-news/catppuccin.user.css\n@license\t\tMIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */\n\n@-moz-document domain(\"news.ycombinator.com\") {\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@flavor);\n\n #catppuccin(@lookup) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n\n /* Main background */\n #hnmain {\n background-color: @base;\n }\n /* Main body padding background */\n body {\n background-color: @base;\n color: @text;\n }\n\n /* Background of the FAQ and main page */\n body > center > table > tbody > tr > td {\n background-color: @base;\n color: @text;\n }\n\n /* Top bar */\n #hnmain > tbody > tr:nth-child(1) > td {\n background-color: @peach;\n }\n\n /* Hacker News text in top bar */\n #hnmain\n > tbody\n > tr:nth-child(1)\n > td\n > table\n > tbody\n > tr\n > td:nth-child(2)\n > span\n > b\n > a {\n color: @surface0;\n }\n\n /* Logged-in user karma */\n #karma {\n color: @surface1;\n }\n\n /* Separator characters around logged-in user karma */\n #hnmain\n > tbody\n > tr:nth-child(1)\n > td\n > table\n > tbody\n > tr\n > td:nth-child(3)\n > span {\n color: @surface1;\n }\n\n /* Visited top bar links */\n .pagetop a:visited {\n color: @surface1;\n }\n\n /* Unvisited top bar links */\n .pagetop a:link {\n color: @surface0;\n }\n\n /* Links */\n a:link {\n color: @blue;\n }\n\n /* More link */\n .hnmore a:link,\n a:visited {\n color: @lavender;\n }\n\n /* New user color */\n .hnuser > font {\n color: @green;\n }\n\n /* Story site link */\n .comhead a:link,\n .subtext a:visited {\n color: @peach;\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 hyperlinks */\n .commtext a:link {\n color: @sapphire;\n }\n\n /* Comment box */\n textarea,\n input {\n background-color: @surface0;\n color: @text;\n border-color: @teal;\n }\n\n /* Poll questions */\n td.comment > div > font {\n color: @text;\n }\n\n /* Bottom footer separator bar */\n #hnmain > tbody > tr:nth-child(4) > td > table > tbody > tr > td {\n background-color: @base;\n }\n\n /* Search bar text field */\n #hnmain\n > tbody\n > tr:nth-child(4)\n > td\n > center:nth-child(6)\n > form\n > input[type=\"text\"] {\n background-color: @surface0;\n }\n\n /* Search bar text */\n #hnmain > tbody > tr:nth-child(4) > td > center:nth-child(6) > form {\n color: @text;\n }\n\n /* FAQ Questions */\n body > center > table > tbody > tr > td > p > b {\n color: @subtext1;\n }\n\n /* FAQ Header */\n body > center > table > tbody > tr > td > b {\n color: @subtext1;\n }\n\n /* Text post content */\n .toptext {\n color: @text;\n }\n\n /* Replace vote arrow with svg arrow and mask */\n .votearrow {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\");\n }\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"homepage Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/homepage","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/homepage","version":"0.0.1","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/homepage/catppuccin.user.css","description":"Soothing pastel theme for homepage","author":"Catppuccin","license":"MIT","preprocessor":"less","vars":{"flavor":{"type":"select","label":"Flavor","name":"flavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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":"Grey","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 0.0.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/homepage/catppuccin.user.css\n@description Soothing pastel theme for homepage\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Grey\"]\n==/UserStyle== */\n@-moz-document domain(\"homepage.example.com\") {\n :root {\n #catppuccin(@flavor, @accentColor);\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n //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-color; //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 }\n :is(.dark .dark\\:bg-theme-200\\/50) {\n background-color: @text //Information Widgets Progress Bar Value\n;\n }\n .border-theme-300 {\n --tw-border-opacity: 1;\n border-color: @accent-color; //Search bar Border\n }\n :is(.dark .dark\\:bg-white\\/10) {\n background-color: @crust //Search bar background\n;\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-color //Search bar Text\n;\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\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-color; //Progress Bar\n }\n :is(.dark .dark\\:text-theme-300) {\n color: @text; //Section Names + Container Description\n }\n :is(.dark .dark\\:hover\\:text-theme-300:hover) {\n --tw-text-opacity: 1;\n color: darken(\n @accent-color,\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// vim:ft=less\n"},{"enabled":true,"name":"Hoppscotch.io Catppuccin","description":"Soothing pastel theme for Hoppscotch","author":"Catppuccin","updateUrl":"https://github.com/catppuccin/userstyles/raw/main/styles/hoppscotch/catppuccin.user.css","usercssData":{"name":"Hoppscotch.io Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/hoppscotch","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/hoppscotch","version":"1.0.0","description":"Soothing pastel theme for Hoppscotch","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/hoppscotch/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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"}]}}},"sourceCode":"/* ==UserStyle==\n@name Hoppscotch.io Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/hoppscotch\n@homepageURL\t https://github.com/catppuccin/userstyles/tree/main/styles/hoppscotch\n@version 1.0.0\n@description Soothing pastel theme for Hoppscotch\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/hoppscotch/catppuccin.user.css\n@license\t MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue*\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"hoppscotch.io\") {\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n :root.dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n :root.light {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent-color) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent: @catppuccin[@@lookup][@@accent-color];\n @accent-light-alpha: 1.1;\n @accent-dark-alpha: 0.9;\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: @surface1;\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: @overlay0;\n --divider-light-color: @overlay1;\n --divider-dark-color: @surface2;\n --error-color: @red;\n --tooltip-color: @text;\n --popover-color: @crust;\n --editor-theme: \"vscode-esque\";\n --editor-type-color: fade(@mauve, 0.9);\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\n .ͼ1 .cm-placeholder {\n color: @text;\n }\n\n .cm-focused .cm-activeLine {\n background-color: @surface0;\n }\n\n .cm-focused .cm-activeLineGutter {\n background-color: @surface2;\n }\n }\n}\n// vim:ft=less\n"},{"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.css","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":"1.1.1","description":"Soothing pastel theme for ichi.moe","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/ichi.moe/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"flavor":{"type":"select","label":"Flavor","name":"flavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"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 1.1.1\n@description Soothing pastel theme for ichi.moe\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/ichi.moe/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var checkbox zen \"Zen Mode\" 0\n==/UserStyle== */\n@-moz-document domain(\"ichi.moe\") {\n :root {\n #catppuccin(@flavor);\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n\n html,\n body {\n & when (@lookup =\"latte\") {\n background: @mantle;\n }\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: fadeout(@red, 0.2);\n }\n\n .highlight {\n background-color: fadeout(@yellow, 0.2);\n }\n\n .gloss {\n & when (@lookup =\"latte\") {\n background-color: @base;\n border-color: @surface2;\n }\n background-color: @surface0;\n border-color: @overlay0;\n }\n\n .gloss-rtext {\n & when (@lookup =\"latte\") {\n border-color: @surface2;\n }\n border-color: @overlay0;\n }\n\n .gloss:target {\n & when (@lookup =\"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 & when (@lookup =\"latte\") {\n background-color: @surface1;\n }\n background-color: @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 & when (@lookup =\"latte\") {\n background: fadeout(@surface0, 0.5);\n }\n background: fadeout(@surface1, 0.5);\n }\n\n table.kanji-match tr:nth-of-type(2n) {\n & when (@lookup =\"latte\") {\n background: fadeout(@surface0, 0.5);\n }\n background: fadeout(@surface1, 0.5);\n }\n\n .kanji-big a {\n color: @subtext1;\n }\n\n .autocomplete-suggestions {\n & when (@lookup =\"latte\") {\n background: @base;\n border-color: @surface2;\n }\n background: @surface0;\n border-color: @overlay0;\n }\n\n .autocomplete-selected {\n & when (@lookup =\"latte\") {\n background: @base;\n }\n background: @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 (@lookup =\"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 & when (@lookup =\"latte\") {\n background: @surface0;\n }\n background: @surface1;\n }\n\n .f-dropdown {\n & when (@lookup =\"latte\") {\n background-color: @base;\n }\n background-color: @surface0;\n border-color: @subtext1;\n }\n\n .f-dropdown::before {\n border-color: transparent transparent @subtext1 transparent;\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 & when (@lookup =\"latte\") {\n background-color: @surface0;\n }\n background-color: @surface1;\n }\n\n table tr th,\n table tr td {\n color: @subtext1;\n }\n\n .kanji-table td {\n & when (@lookup =\"latte\") {\n border-color: @surface0;\n }\n border-color: @surface1;\n }\n\n table tr.even,\n table tr.alt,\n table tr:nth-of-type(2n) {\n & when (@lookup =\"latte\") {\n background: fadeout(@surface0, 0.5);\n }\n background: fadeout(@surface1, 0.5);\n }\n\n .reading-table tr ~ tr > td {\n & when (@lookup =\"latte\") {\n border-color: @surface0;\n }\n border-color: @surface1;\n }\n\n table.kanji-match td {\n & when (@lookup =\"latte\") {\n border-color: @surface0;\n }\n border-color: @surface1;\n }\n\n tr.match-row-kanji,\n tr.match-row-reading {\n & when (@lookup =\"latte\") {\n border-color: @surface0;\n }\n border-color: @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// vim:ft=less\n"},{"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.css","usercssData":{"name":"Instagram Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/instagram","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/instagram","version":"0.1.4","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/instagram/catppuccin.user.css","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":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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"}]},"scrollbar_width":{"type":"text","label":"Scrollbar width","name":"scrollbar_width","value":null,"default":"8px","options":null}}},"sourceCode":"/* ==UserStyle==\n@name Instagram Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/instagram\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/instagram\n@version 0.1.4\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/instagram/catppuccin.user.css\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:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve: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 scrollbar_width \"Scrollbar width\" 8px\n==/UserStyle== */\n@-moz-document domain('instagram.com') {\n @rgb-raw: red;\n #rgbify(@color) {\n @rgb-raw: red(@color), green(@color), blue(@color);\n }\n\n ._aa4d {\n #catppuccin(@darkFlavor, @accentColor);\n }\n ._aa4c {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n @text_filter: @catppuccin[@@lookup][@text_filter];\n @dark_color: if(@lookup=latte, @text, @crust);\n @light_color: if(@lookup=latte, @crust, @text);\n\n * {\n --web-always-black: #rgbify(@dark_color) [];\n --web-always-white: #rgbify(@light_color) [];\n\n --overlay-alpha-80: fadeout(@dark_color, 50);\n --always-dark-overlay: fadeout(@surface0, 50);\n\n --ig-primary-background: #rgbify(@base) [];\n --ig-secondary-background: #rgbify(@surface0) [];\n --ig-banner-background: #rgbify(@crust) [];\n --ig-highlight-background: #rgbify(@surface0) [];\n --ig-elevated-background: #rgbify(@crust) [];\n --ig-elevated-highlight-background: #rgbify(@surface0) [];\n --ig-hover-overlay: fadeout(@surface0, 50);\n --hover-overlay: fadeout(@surface0, 80);\n\n --ig-text-on-color: #rgbify(@crust) [];\n\n --ig-badge: #rgbify(@accent-color) [];\n\n --ig-primary-button: #rgbify(@accent-color) [];\n --ig-primary-button-hover: fadeout(@accent-color, 20);\n\n --ig-secondary-button-background: #rgbify(@surface0) [];\n --ig-secondary-button-hover: #rgbify(@surface1) [];\n --ig-secondary-button: #rgbify(@text) [];\n\n --ig-primary-text: #rgbify(@text) [];\n --ig-secondary-text: #rgbify(@subtext0) [];\n --ig-tertiary-text: #rgbify(@subtext0) [];\n --wbloks-primary-text: @text;\n --ig-text-on-media: #rgbify(@text) [];\n\n --ig-separator: #rgbify(@overlay0) [];\n --post-separator: #rgbify(@overlay0) [];\n --ig-elevated-separator: #rgbify(@overlay0) [];\n --ig-stroke: #rgbify(@overlay0) [];\n --grey-2: #rgbify(@overlay0) [];\n\n --ig-link: #rgbify(@accent-color) [];\n --ig-error-or-destructive: #rgbify(@maroon) [];\n --ig-success: #rgbify(@green) [];\n --blue-2: #rgbify(@blue) [];\n\n scrollbar-width: none;\n scrollbar-color: @accent-color @crust;\n } // Text selection\n *::selection {\n color: @dark_color;\n background-color: @accent-color;\n } // Sidebar\n .x1xgvd2v {\n background-color: @crust !important;\n\n &[style=\"transform: translateX(0px);\"] {\n background-color: @mantle !important;\n }\n }\n\n .x1zvrr1 {\n background-color: @mantle;\n } // Posts\n ._aggc {\n background-color: @mantle;\n border-color: @overlay0 !important;\n border-radius: var(--modal-border-radius);\n box-shadow: 0 3px 5px -1px fadeout(@dark_color, 20);\n box-sizing: border-box;\n }\n\n ._aatc ._aasi,\n ._ae1i,\n ._aggc textarea.xvbhtw8 {\n background-color: @mantle;\n } // Icons\n svg {\n color: @text;\n fill: @text;\n }\n\n svg[aria-label=\"Unlike\"] {\n fill: @accent-color;\n } // The close icon on the dark wrapper\n svg[aria-label=\"Close\"] {\n color: var(--web-always-white);\n }\n svg[aria-label=\"Verified\"] {\n fill: @accent-color;\n }\n\n //Share box\n .xzloghq {\n background-color: @overlay0;\n &:hover {\n color: @accent-color;\n background-color: @accent-color;\n }\n }\n .xk5f4mz {\n background-color: @mantle;\n\n &:hover {\n background-color: @accent-color;\n }\n }\n .x3nfvp2 {\n color: @text;\n &:hover {\n color: @mantle;\n }\n }\n\n // Excluded:\n // - _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 ._a04s,\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 } // 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\n [style*='background-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\")']\n {\n // No photo icon\n &[style*=\"background-position: 0px -97px\"] {\n filter: none;\n background: @mauve !important;\n background: @instagram_gradient !important;\n mask-image: url(\"https://static.cdninstagram.com/rsrc.php/v3/y4/r/ewSyA8IItw_.png\");\n mask-position: 0 -97px;\n } // 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 } // Post swipe icons\n ._aaqh {\n background-color: @surface0;\n } // Inside primary buttons\n .xzloghq,\n ._acas:not(._acao) {\n &,\n svg {\n color: @base;\n fill: @base;\n }\n } // Secondary buttons\n .x1gjpkn9,\n ._acat,\n ._acap {\n &,\n a& {\n &,\n &:visited {\n color: @text;\n }\n }\n } // Profile banner\n div:has(> .x1mu97ne) {\n background-color: @crust;\n border-color: @overlay0;\n box-shadow: 0 10px 35px 2px fadeout(@dark_color, 0.7);\n } // Dialog overlay\n .x7r02ix[role=\"dialog\"] {\n box-shadow: 0 5px 10px 0 fadeout(@dark_color, 0.5);\n } // Input placeholders\n ._ac4d::placeholder,\n ._aauy::placeholder,\n textarea::placeholder {\n color: @subtext0;\n } // Settings\n ._ab81 {\n background-color: @mantle;\n }\n\n ._ab85,\n ._ab6i,\n ._ab85 .xvbhtw8,\n ._aav4 {\n background-color: @crust;\n } // Bloks\n .wbloks_1[data-bloks-name=\"bk.components.Collection\"] {\n background-color: @mantle;\n }\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; // The heading\n &[style*=\"background: rgb(0\\, 0\\, 0)\"],\n &[style*=\"background: rgb(255\\, 255\\, 255)\"] {\n background-color: @mantle !important;\n } // Radios\n &[style*=\"border-radius: 10.5px\"],\n &[style*=\"border-radius: 12px\"],\n &[style*=\"border-radius: 4px\"] {\n // Selected radio\n &[style*=\"background: rgb(0\\, 149\\, 246)\"] {\n background-color: @accent-color !important;\n } // 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 } // 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 } // Map pop-ups\n .leaflet-popup-content-wrapper,\n .leaflet-popup-tip {\n background-color: @mantle;\n box-shadow: 0 5px 15px fadeout(@dark_color, 0.4);\n\n * {\n color: @text !important;\n }\n } // Scrollbar\n ::-webkit-scrollbar {\n width: @scrollbar_width;\n background-color: @crust;\n }\n\n ::-webkit-scrollbar-thumb {\n background-color: @accent-color;\n border-radius: 10px;\n }\n }\n}\n\n@-moz-document regexp('^.*instagram.com/direct.*') {\n :root {\n #catppuccin(@darkFlavor,\n @accentColor);\n }\n\n #catppuccin(@lookup,\n @accent) {\n // Chat background\n .xnz67gz {\n background-color: @catppuccin[@@lookup][@base];\n }\n\n .xvbhtw8 {\n background-color: @catppuccin[@@lookup][@mantle];\n }\n\n ._aa5c,\n ._aa4j,\n ._abyk {\n background-color: @catppuccin[@@lookup][@crust];\n } // New Chat Button\n .xk5f4mz {\n background-color: @catppuccin[@@lookup][@surface0];\n } // Chat button\n .x1i10hfl:hover {\n background-color: @catppuccin[@@lookup][@surface0];\n color: @catppuccin[@@lookup][@text];\n }\n }\n}\n\n/* prettier-ignore */\n@catppuccin: {\n @latte: {\n @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8;\n @text_filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%) hue-rotate(196deg) brightness(97%) contrast(85%);\n };\n @frappe: {\n @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634;\n @text_filter: brightness(0) saturate(100%) invert(84%) sepia(5%) saturate(1519%) hue-rotate(192deg) brightness(100%) contrast(93%);\n };\n @macchiato: {\n @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926;\n @text_filter: brightness(0) saturate(100%) invert(80%) sepia(18%) saturate(377%) hue-rotate(192deg) brightness(103%) contrast(92%);\n };\n @mocha: {\n @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b;\n @text_filter: brightness(0) saturate(100%) invert(85%) sepia(6%) saturate(1356%) hue-rotate(194deg) brightness(103%) contrast(91%);\n };\n}\n\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Invidious Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/invidious","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/invidious","version":"0.4.0","description":"Soothing pastel theme for Invidious","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/invidious/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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"}]},"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 0.4.0\n@description Soothing pastel theme for Invidious\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/invidious/catppuccin.user.css\n@license \t\t MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [ \"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve: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 styleVideoPlayer \"Style Video Player\" 1\n==/UserStyle== */\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 #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accentColor: @catppuccin[@@lookup][@@accent];\n @linkColor: @accentColor;\n @linkHover: #lightenOrDarken(@accentColor, 5%) [ @result];\n\n #lightenOrDarken(@color, @value) {\n @result: if(\n @lookup = latte,\n darken(@color, @value),\n lighten(@color, @value)\n );\n }\n\n color-scheme: if(@lookup = latte, light, dark);\n background-color: @base !important;\n color: @text !important;\n\n ::placeholder {\n color: @subtext0;\n }\n\n &::-webkit-scrollbar {\n width: 0.25rem;\n background: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n border-radius: 9999px;\n background: @accentColor;\n }\n\n a,\n /* menu under the search bar */\n .pure-menu-heading {\n color: @linkColor;\n &:hover,\n &:focus,\n &:active {\n color: @linkHover !important;\n }\n }\n\n hr,\n /* legend borders are visible as dividers in Settings */\n legend {\n border-color: mix(@accentColor, @surface0, 50%);\n border-style: solid;\n }\n\n legend {\n color: @accentColor !important;\n }\n\n .pure-button-primary {\n background-color: @surface1 !important;\n color: @text !important;\n border-color: @crust !important;\n &:hover,\n &:focus {\n background-color: @surface2 !important;\n color: @text !important;\n border-color: @crust !important;\n }\n }\n .pure-button-secondary {\n background-color: @accentColor !important;\n color: @crust !important;\n border-color: @crust !important;\n &:hover,\n &:focus {\n background-color: #lightenOrDarken(@accentColor, 2%) [ @result] !important;\n color: @crust !important;\n border-color: @crust !important;\n }\n }\n\n #subscribe {\n background-color: @linkColor !important;\n color: @crust !important;\n :hover,\n :focus {\n background-color: @linkHover !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: @accentColor !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: @accentColor !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: @accentColor !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 color: @text !important;\n background-color: @surface0 !important;\n border-color: @crust !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: @crust !important;\n box-shadow: none !important;\n }\n input[type=\"checkbox\"] {\n background-color: @surface2;\n border-color: @crust;\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: @accentColor;\n }\n }\n\n /* synced colorscheme */\n @media (prefers-color-scheme: light) {\n .no-theme {\n #catppuccin(@lightFlavor, @accentColor);\n }\n }\n @media (prefers-color-scheme: dark) {\n .no-theme {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n /* manually set colorscheme */\n .light-theme {\n #catppuccin(@lightFlavor, @accentColor);\n }\n .dark-theme {\n #catppuccin(@darkFlavor, @accentColor);\n }\n}\n\n/* prettier-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; }\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; }\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; }\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; }\n}\n\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"InvokeAI Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/invokeai","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/invokeai","version":"0.0.1","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/invokeai/catppuccin.user.css","description":"Soothing pastel theme for InvokeAI","author":"Catppuccin","license":"MIT","preprocessor":"less","vars":{"flavor":{"type":"select","label":"Flavor","name":"flavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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":"Grey","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 0.0.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/invokeai/catppuccin.user.css\n@description Soothing pastel theme for InvokeAI\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Grey\"]\n==/UserStyle== */\n@-moz-document regexp(\"http:\\\\/\\\\/(127\\\\.0\\\\.0\\\\.1|localhost):9090(.*)\") {\n #catppuccin(@flavor, @accentColor);\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n :root,\n [data-theme]:root {\n --accent-color-dim: lighten(@accent-color, -10%);\n --accent-color: @accent-color;\n --accent-color-bright: lighten(@accent-color, 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-color;\n --tab-list-bg: @accent-color;\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// vim:ft=less\n"},{"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.css","usercssData":{"name":"Last.fm Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/lastfm","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/lastfm","version":"1.1.1","description":"Soothing pastel theme for Last.fm","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/lastfm/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"flavor":{"type":"select","label":"Flavor","name":"flavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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"}]}}},"sourceCode":"/* ==UserStyle==\n@name Last.fm Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/lastfm\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/lastfm\n@version 1.1.1\n@description Soothing pastel theme for Last.fm\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/lastfm/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [ \"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green*\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\" ]\n==/UserStyle== */\n@-moz-document domain(\"last.fm\") {\n #catppuccin(@flavor, @accentColor);\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n @rgb-raw: #fff;\n #rgbify(@color) {\n @rgb-raw: red(@color) green(@color) blue(@color);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent: @catppuccin[@@lookup][@@accentColor];\n\n @accent-dim: fadeout(@accent, 0.5);\n\n & when not (@lookup = latte) {\n color-scheme: dark;\n .layout-image {\n background: @base;\n .layout-image-image {\n &[src=\"https://lastfm.freetls.fastly.net/i/u/300x300/4128a6eb29f94943c9d206c08e625904.jpg\"],\n &[src=\"https://lastfm.freetls.fastly.net/i/u/237x178/2a96cbd8b46e442fc41c2b86b821562f.jpg\"],\n &[src=\"https://lastfm.freetls.fastly.net/i/u/300x300/c6f59c1e5e7240a4c0d427abd71f3dbb.jpg\"]\n {\n mix-blend-mode: screen;\n filter: invert(1);\n }\n }\n }\n [src=\"https://lastfm.freetls.fastly.net/i/u/avatar70s/2a96cbd8b46e442fc41c2b86b821562f.jpg\"],\n [src=\"https://lastfm.freetls.fastly.net/i/u/64s/4128a6eb29f94943c9d206c08e625904.jpg\"],\n [src=\"https://lastfm.freetls.fastly.net/i/u/64s/c6f59c1e5e7240a4c0d427abd71f3dbb.jpg\"]\n {\n mix-blend-mode: screen;\n filter: invert(1);\n }\n .cover-art {\n background: @base;\n }\n .avatar::after,\n .cover-art::after,\n .image-list-item::after,\n .video-thumbnail::after {\n box-shadow: inset 0 0 0 1px rgb(@subtext0, 7%);\n }\n }\n\n /* ------UNIVERSAL STYLES INCASE SOME GET MISSED------ */\n body {\n color: @text;\n }\n h1 {\n color: @accent;\n }\n .mimic-link {\n color: @sapphire;\n }\n /* -----------CHECKBOXES AND RADIOS---------- */\n .lfm-form-radio input[type=\"radio\"]:checked + label::before {\n border-color: @accent;\n box-shadow: inset 0 0 0 4px @accent;\n background-color: @base;\n }\n .lfm-form-radio input[type=\"radio\"] + label::before {\n background-color: @crust;\n border-color: @surface1;\n }\n\n /* HOME PAGE */\n .main-content,\n .container,\n .content-top-has-nav .content-top,\n .two-column-layout .content-top {\n background-color: @base;\n }\n\n .content-top-has-nav .content-top::after,\n .two-column-layout .content-top::after {\n border-top-color: @accent-dim;\n }\n\n .homefeed .content-top .secondary-nav-item-link--active,\n .home-welcome-header {\n color: @text;\n }\n .secondary-nav-item-link {\n color: @subtext0;\n }\n\n .secondary-nav-item-link:focus,\n .secondary-nav-item-link:hover,\n .homefeed .content-top .secondary-nav-item-link--active,\n .homefeed .content-top .secondary-nav-item-link--active:focus,\n .homefeed .content-top .secondary-nav-item-link--active:hover {\n color: @text;\n }\n\n .homefeed\n .content-top\n .secondary-nav-item--artists\n .secondary-nav-item-link:hover::after,\n .homefeed\n .content-top\n .secondary-nav-item--albums\n .secondary-nav-item-link:hover::after,\n .homefeed\n .content-top\n .secondary-nav-item--tracks\n .secondary-nav-item-link:hover::after,\n .homefeed\n .content-top\n .secondary-nav-item--events\n .secondary-nav-item-link:hover::after,\n .homefeed--artists .content-top .secondary-nav-item-link--active::after,\n .homefeed--albums .content-top .secondary-nav-item-link--active::after,\n .homefeed--tracks .content-top .secondary-nav-item-link--active::after,\n .homefeed--events .content-top .secondary-nav-item-link--active::after {\n background-color: @accent-dim;\n }\n .recs-feed .recs-feed-cover-image-wrap::after {\n background-image: linear-gradient(\n 180deg,\n transparent 0,\n rgba(@mantle, 0.4) 50%,\n rgba(@mantle, 0.7) 50%,\n rgba(@mantle, 0.7) 100%\n );\n }\n\n .recs-feed .context {\n background: @mantle;\n color: @text;\n box-shadow: none;\n box-shadow:\n inset 1px 0 darken(@mantle, 3%),\n inset -1px -1px @crust;\n }\n .recs-feed .recs-feed-item {\n background: transparent;\n box-shadow: none;\n }\n a {\n color: @accent;\n }\n .stationlink-list .stationlink {\n color: @subtext0;\n }\n\n .stationlink-list .stationlink:focus,\n .stationlink-list .stationlink:hover {\n color: @text;\n }\n\n .stationlink-list .stationlink::after {\n border-bottom-color: @accent-dim;\n }\n\n .stationlink-list .stationlink::before {\n background-color: @accent;\n -webkit-filter: invert(0%);\n filter: invert(0%);\n }\n\n .stationlink-list .stationlink:focus::before,\n .stationlink-list .stationlink:hover::before {\n background-color: @subtext0;\n }\n\n .subscribe-cta,\n .mpu-subscription-upsell,\n .mpu-subscription-upsell--mpu {\n display: none;\n }\n .join-cta {\n background-color: transparent;\n }\n .join-cta h3 {\n color: @accent;\n }\n\n .lazy-features-footer {\n display: none;\n }\n\n /* LIVE */\n /* MUSIC */\n .content-top-header {\n color: @accent;\n }\n\n .minimal-navigation-item-link,\n .minimal-navigation-item-link:focus,\n .minimal-navigation-item-link:hover {\n color: @subtext0;\n }\n\n .minimal-navigation-item-link--active,\n .minimal-navigation-item-link--active:focus,\n .minimal-navigation-item-link--active:hover {\n color: @text;\n }\n\n .music-section-heading {\n color: @text;\n }\n\n .music-more-artists-item-name a,\n .music-more-artists-item-name a:focus,\n .music-more-artists-item-name a:hover,\n .music-releases-item-name a,\n .music-releases-item-name a:focus,\n .music-releases-item-name a:hover {\n color: @text;\n }\n\n .music-releases-item-artist,\n .column-tracks-item-name,\n .column-tracks-item-artist,\n .music-gallery-artist {\n color: @text;\n }\n\n .music-section-rediscover-subscribe-banner-cta {\n background-color: @base;\n }\n\n /* PROFILE */\n /* BANNER */\n .header--overview .header-background {\n opacity: 0.4;\n }\n\n /* SEARCH */\n .artist-result-heading {\n color: @text;\n }\n\n .album-result-heading {\n color: @text;\n }\n\n /* RECOMMENDATIONS */\n & when not (@lookup = \"latte\") {\n .recs-feed-title a {\n color: @text !important;\n }\n }\n & when (@lookup = \"latte\") {\n .recs-feed-title a {\n color: @crust !important;\n }\n }\n .recs-feed-item--artist .context::after,\n .recs-feed .recs-feed-item--artist .recs-feed-avatar::after {\n background-color: fadeout(@yellow, 1) !important;\n }\n .recs-feed-item--album .context::after,\n .recs-feed .recs-feed-item--album .recs-feed-avatar::after {\n background-color: fadeout(@green, 1) !important;\n }\n .recs-feed-item--track .context::after,\n .recs-feed .recs-feed-item--track .recs-feed-avatar::after {\n background-color: fadeout(@blue, 1) !important;\n }\n .secondary-nav {\n box-shadow: inset 0 -1px @accent;\n }\n .music-recommended-artists-artist-name,\n .music-recommended-artists-context,\n .pagination-page,\n .pagination-next {\n color: @text;\n }\n\n .music-recommended-albums-item-name,\n .music-recommended-albums-album-artist,\n .music-recommended-albums-album-context {\n color: @text;\n }\n\n .recommended-tracks-item-name,\n .recommended-tracks-item-artist {\n color: @text;\n }\n\n .big-tags-item-context {\n color: @text;\n }\n\n p {\n color: @subtext0;\n }\n\n /* CHARTS */\n .adaptive-skin-wrapper,\n .row {\n background-color: @base;\n }\n\n .two-column-layout .container {\n background-size: 0;\n background-position: 0 0;\n background-color: @base;\n }\n\n ._buffer-reset,\n .sidebar-heading {\n color: @accent;\n }\n\n .sidebar-group-heading {\n color: @text;\n }\n\n .resource-list--sidebar-item-name {\n color: @text;\n }\n .js-link-block.globalchart-item {\n background-color: @crust;\n box-shadow:\n 0 1px @base,\n inset 0 -1px @base;\n }\n .globalchart a,\n .globalchart a:focus,\n .globalchart a:hover {\n color: @text;\n }\n\n .footer-top-row {\n background-color: @mantle;\n }\n\n /* EVENTS */\n .events-filter,\n .events-filter-recommended,\n .dropdown-menu-clickable-button:focus,\n .dropdown-menu-clickable-button:hover {\n color: @text;\n }\n\n .events-filters {\n border-bottom-color: @accent;\n }\n\n .events-list-item-venue--address,\n .events-list-item-event--lineup {\n color: @subtext0;\n }\n .events-list-anhv1 a,\n .events-list-anhv1 a:focus,\n .events-list-anhv1 a:hover,\n .events-list-item-event--title,\n .events-list-item-venue--title {\n color: @text;\n }\n\n /* FEATURES */\n .features-header .features-teaser-body,\n .features-teaser-wrap--promoted .features-teaser-body {\n background: @base;\n }\n\n .features-teaser-title a,\n .features-teaser-title a:focus,\n .features-teaser-title a:hover {\n color: @text;\n }\n\n /* FEATURES POST */\n .features-post-header-body {\n background-color: @base;\n }\n\n .features-post-header-title {\n color: @accent;\n }\n\n .features-post-artist {\n color: @text;\n }\n\n .features-post-byline-item.features-post-author {\n color: @text;\n }\n\n /* PROFILE */\n .header-avatar-add,\n .header-avatar-add:not(.cta--inactive):focus,\n .header-avatar-add:not(.cta--inactive):hover {\n background-color: @accent-dim;\n }\n .dropdown-menu-clickable,\n #share-library-artist,\n .dropdown-menu-clickable-item:active,\n body:not([data-whatinput=\"touch\"]) .dropdown-menu-clickable-item:focus,\n body:not([data-whatinput=\"touch\"]) .dropdown-menu-clickable-item:hover {\n background-color: @base;\n }\n .header--overview {\n background-color: @mantle;\n }\n .header-metadata .header-metadata-title,\n .header-scrobble-since,\n .header-title-display-name {\n color: @subtext1;\n }\n .chartlist-play-button::before {\n background-color: @accent;\n -webkit-filter: invert(0%);\n filter: invert(0%);\n }\n\n .chartlist-play-button:focus:focus::before,\n .chartlist-play-button:focus:hover::before,\n .chartlist-play-button:hover:focus::before,\n .chartlist-play-button:hover:hover::before {\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15);\n background-color: @subtext0;\n }\n\n .text-Color-link,\n h2,\n .dropdown-menu-clickable-item--selected,\n .dropdown-menu-clickable-item--selected:focus,\n .dropdown-menu-clickable-item--selected:hover,\n .dropdown-menu-clickable-button,\n .dropdown-menu-clickable-button:hover,\n .dropdown-menu-clickable-button:active,\n .dropdown-menu-clickable-button.disclose-active {\n color: @accent;\n }\n .dropdown-menu-clickable-item,\n .dropdown-menu-clickable-item:active,\n body:not([data-whatinput=\"touch\"]) .dropdown-menu-clickable-item:focus,\n body:not([data-whatinput=\"touch\"]) .dropdown-menu-clickable-item:hover {\n color: @text;\n }\n .btn-secondary {\n background-color: @accent-dim;\n color: @crust;\n }\n\n body:not(.js-focus-visible)\n body:not([data-whatinput=\"touch\"])\n .btn-secondary:focus,\n body:not([data-whatinput=\"touch\"]) .btn-secondary .focus-visible,\n body:not([data-whatinput=\"touch\"]) .btn-secondary:hover {\n background-color: @accent;\n color: @crust;\n }\n input[type=\"password\"] {\n background-color: @crust !important;\n border-color: @crust !important;\n }\n\n @keyframes chartlist-anim {\n 0% {\n background-position: 0% 50%;\n }\n 50% {\n background-position: 100% 51%;\n }\n 100% {\n background-position: 0% 50%;\n }\n }\n @keyframes chartlist-anim {\n 0% {\n background-position: 0% 50%;\n }\n 50% {\n background-position: 100% 51%;\n }\n 100% {\n background-position: 0% 50%;\n }\n }\n @keyframes chartlist-anim {\n 0% {\n background-position: 0% 50%;\n }\n 50% {\n background-position: 100% 51%;\n }\n 100% {\n background-position: 0% 50%;\n }\n }\n\n .chartlist-row--highlight,\n .chartlist-row--now-scrobbling {\n /* background-color: #5a1717; */\n background: linear-gradient(270deg, @base 60%, rgba(@accent, 0.2));\n background-size: 200% 200%;\n -webkit-animation: chartlist-anim 10s ease infinite;\n -moz-animation: chartlist-anim 10s ease infinite;\n animation: chartlist-anim 10s ease infinite;\n }\n\n .chartlist-name,\n .chartlist-artist {\n color: @subtext0;\n }\n\n .chartlist-break::after,\n .chartlist-row::after {\n border-bottom-color: @surface0;\n }\n\n .chartlist-row:hover {\n background-color: @crust;\n }\n\n .chartlist-count-bar-slug {\n background-color: transparent !important;\n background-image: linear-gradient(to right, @accent, @accent);\n color: @crust;\n }\n .chartlist-count-bar-value {\n color: @crust;\n }\n a:focus .chartlist-count-bar-slug,\n a:hover .chartlist-count-bar-slug {\n background-color: @accent-dim;\n }\n\n .chartlist-count-bar-link,\n .chartlist-count-bar-link:focus,\n .chartlist-count-bar-link:hover {\n color: @text;\n }\n\n .listening-report-promo {\n background-color: @mantle;\n }\n .listening-report-promo:focus,\n .listening-report-promo:hover {\n background-color: @crust;\n }\n .listening-report-promo-title {\n color: @subtext0;\n }\n .listening-report-promo-date {\n color: @accent-dim;\n }\n\n .shout-form textarea {\n background-color: @crust;\n }\n\n .chartlist-index {\n color: @text;\n }\n\n .chartlist tr:nth-child(1) td.chartlist-index {\n color: @accent;\n }\n\n /* LISTENING REPORT */\n .user-dashboard-module {\n background-color: @base !important;\n border-color: @accent-dim;\n }\n .highcharts-background {\n fill: @base !important;\n }\n .header-metadata-display,\n .scrobble-stats-info {\n color: @text;\n }\n .user-dashboard-legend-item::before {\n background: transparent !important;\n }\n .user-dashboard-legend-item--current::before {\n background-image: linear-gradient(159deg, @accent, @accent) !important;\n }\n .user-dashboard-legend-item--comparison::before {\n background-image: linear-gradient(\n 159deg,\n @accent-dim,\n @accent-dim\n ) !important;\n }\n .header-metadata-title,\n .user-dashboard-scrobble-stats-meta-description,\n .user-dashboard-scrobble-stats-previous {\n color: var(--subtext1);\n }\n .user-dashboard-heading {\n color: @accent;\n }\n\n .listening-report-top .secondary-nav {\n border-bottom-color: @overlay0;\n }\n .listening-report-brick {\n border-color: @overlay0;\n &:focus,\n &:hover {\n border-color: @overlay0;\n box-shadow: none;\n }\n }\n .listening-report-library-link {\n &,\n &:hover {\n color: @crust !important;\n background-color: @accent !important;\n }\n }\n .user-dashboard-history-subscribe-banner-cta {\n display: none;\n }\n\n .duration-data,\n .duration-data-value > .js-ticker,\n .user-dashboard-small-data-point-value > .js-ticker {\n color: @text;\n }\n\n .highcharts-series.highcharts-series-1.highcharts-column-series.highcharts-color-undefined.highcharts-tracker\n > a\n > rect {\n fill: @accent;\n }\n\n .user-dashboard-loved-tracks .user-dashboard-big-datapoint-value a {\n color: @crust;\n }\n\n .user-dashboard-catalogue-item-total a {\n text-shadow:\n -1px -1px 0 @crust,\n 1px -1px 0 @crust,\n -1px 1px 0 @crust,\n 1px 1px 0 @crust;\n }\n\n .user-dashboard-module .user-dashboard-module-share:hover,\n body:not([data-whatinput=\"mouse\"])\n .user-dashboard-module\n .user-dashboard-module-share:focus,\n .user-dashboard-module:hover .user-dashboard-module-share,\n body:not([data-whatinput=\"mouse\"])\n .user-dashboard-module:focus\n .user-dashboard-module-share {\n opacity: 0.1;\n }\n\n .highcharts-text-outline {\n fill: @crust;\n stroke: @crust;\n }\n\n tspan {\n color: @text;\n fill: @text;\n }\n\n .user-dashboard-catalogue-item-name.user-dashboard-catalogue-item-link.link-block-target {\n color: @text;\n }\n\n .user-dashboard-catalogue-item-artist-name.user-dashboard-catalogue-item-link {\n color: @subtext0;\n }\n\n .user-dashboard-module-title.js-user-dashboard-module-title {\n color: @accent;\n }\n\n .discovery-stat-top-item-name a,\n .discovery-stat-top-item-name a:focus,\n .discovery-stat-top-item-name a:hover {\n color: @text;\n }\n .discovery-stat-top-item-artist:focus,\n .discovery-stat-top-item-artist:hover,\n .discovery-stat-top-item-artist a,\n .discovery-stat-top-item-artist a:focus,\n .discovery-stat-top-item-artist a:hover {\n color: @subtext0;\n }\n\n .link-block-target.user-dashboard-leaderboard-profile-link {\n color: @text;\n }\n\n .user-dashboard-leaderboard-item--highlight\n .user-dashboard-leaderboard-stat {\n color: @subtext0;\n }\n\n /* Listening Clock */\n #SvgjsG1144 {\n stroke: @crust;\n }\n #SvgjsCircle1169 {\n fill: @crust;\n }\n #SvgjsText1199,\n #SvgjsText1200,\n #SvgjsText1201,\n #SvgjsText1202 {\n fill: @subtext0;\n }\n #SvgjsSvg1203 #Layer_1 g path {\n fill: @accent;\n }\n #SvgjsG1023 g circle {\n fill: @accent;\n }\n\n /* LIBRARY */\n .col-sidebar._buffer-sidebar\n > figure\n > div\n > div\n > svg\n > .highcharts-background {\n fill: @base;\n }\n\n .highcharts-point {\n fill: @accent-dim;\n }\n\n .highcharts-axis-labels > text {\n fill: @text !important;\n }\n\n /* FOLLOWING */\n .user-list-name {\n color: @text;\n }\n .user-follow,\n .user-follow::after {\n color: @accent;\n background-color: @surface0;\n }\n\n /* FOLLOW BUTTON */\n [data-toggle-button-current-state=\"unfollowed\"]\n .header-follower-btn::before {\n background-color: @red;\n color: @text;\n }\n [data-toggle-button-current-state=\"followed\"] .header-follower-btn::before {\n background-color: @green;\n color: @text;\n }\n [data-toggle-button-current-state=\"followed\"]\n .header-follower-btn:hover::before {\n background-color: @red;\n color: @text;\n }\n\n .header-follower-btn {\n color: @accent;\n }\n\n /* BOOKMARKS */\n .music-bookmarks-artists-item-name {\n color: @text;\n }\n\n /* TASTE-O-METER COLORS */\n .tasteometer-donut-base {\n fill: @surface1;\n }\n .tasteometer-avatar img {\n border-color: @surface1;\n }\n .tasteometer-compat-very_low .tasteometer-compat-Color {\n color: @subtext0;\n fill: @subtext0;\n }\n .tasteometer-compat-low .tasteometer-compat-Color {\n color: @mauve;\n fill: @mauve;\n }\n .tasteometer-compat-medium .tasteometer-compat-Color {\n color: @green;\n fill: @green;\n }\n .tasteometer-compat-very_high .tasteometer-compat-Color {\n color: @peach;\n fill: @peach;\n }\n .tasteometer-compat-super .tasteometer-compat-Color {\n color: @red;\n fill: @red;\n }\n\n /* ARTIST */\n .section-with-separator::after {\n background-color: @base;\n }\n .header-new-bookmark-button,\n .header-new-download-button,\n .header-new-love-button,\n .header-new-more-button,\n body:not(.js-focus-visible)\n body:not([data-whatinput=\"touch\"])\n .header-new-bookmark-button:focus,\n body:not(.js-focus-visible)\n body:not([data-whatinput=\"touch\"])\n .header-new-download-button:focus,\n body:not(.js-focus-visible)\n body:not([data-whatinput=\"touch\"])\n .header-new-love-button:focus,\n body:not(.js-focus-visible)\n body:not([data-whatinput=\"touch\"])\n .header-new-more-button:focus,\n body:not([data-whatinput=\"touch\"])\n .header-new-bookmark-button\n .focus-visible,\n body:not([data-whatinput=\"touch\"]) .header-new-bookmark-button:hover,\n body:not([data-whatinput=\"touch\"])\n .header-new-download-button\n .focus-visible,\n body:not([data-whatinput=\"touch\"]) .header-new-download-button:hover,\n body:not([data-whatinput=\"touch\"]) .header-new-love-button .focus-visible,\n body:not([data-whatinput=\"touch\"]) .header-new-love-button:hover,\n body:not([data-whatinput=\"touch\"]) .header-new-more-button .focus-visible,\n body:not([data-whatinput=\"touch\"]) .header-new-more-button:hover {\n color: @base;\n background-color: @accent;\n }\n .wiki-block-inner,\n .catalogue-metadata-heading,\n .catalogue-metadata-description,\n .header-metadata-tnew-title {\n color: @subtext0;\n }\n\n .similar-albums-item-name a,\n .similar-albums-item-name a:focus,\n .similar-albums-item-name a:hover {\n color: @text;\n }\n\n .text-18 {\n color: @accent;\n }\n\n .artist-similar-artists-sidebar-item-name a,\n .artist-similar-artists-sidebar-item-name a:focus,\n .artist-similar-artists-sidebar-item-name a:hover {\n color: @text;\n }\n\n .events-list-item-event-name.link-block-target > span {\n color: @text;\n }\n\n .events-list-item-venue > span {\n color: @subtext0;\n }\n\n .artist-top-albums-item-name a,\n .artist-top-albums-item-name a:focus,\n .artist-top-albums-item-name a:hover {\n color: @text;\n }\n\n .listeners-section-item-name a,\n .listeners-section-item-name a:focus,\n .listeners-section-item-name a:hover {\n color: @text;\n }\n\n .catalogue-overview-similar-artists-full-width-item-name a,\n .catalogue-overview-similar-artists-full-width-item-name a:focus,\n .catalogue-overview-similar-artists-full-width-item-name a:hover {\n color: @text;\n }\n\n .resource-external-link,\n .resource-external-link:hover {\n color: @text;\n }\n .shout {\n border-bottom-color: @surface0;\n }\n .shout-container--active {\n background-color: fadeout(@surface1, 0.3);\n }\n .shout-user a {\n color: @text;\n }\n .shout-form {\n border-color: none;\n }\n .js-playlink-station.desktop-playlink.inline-section-control.stationlink {\n color: @text;\n }\n .section-with-settings .section-control::before {\n border-right-color: @subtext0;\n }\n\n .header-metadata .header-metadata-display a {\n color: @accent;\n }\n\n .big-artist-list-title a {\n color: var(--subtext1);\n }\n .big-artist-list-title a:hover {\n color: @text;\n }\n\n /* SIMILAR ARTISTS */\n .similar-artists-item-name {\n color: @text;\n }\n\n .similar-artists-item-wiki-inner-2 {\n color: @subtext0;\n }\n\n .section-playlink::before {\n background-color: @accent;\n -webkit-filter: invert(0%);\n filter: invert(0%);\n }\n\n .section-playlink:hover::before {\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15);\n background-color: @subtext0;\n }\n\n .section-playlink.js-playlink-station {\n color: @text;\n }\n\n /* TRACK */\n .source-album-artist a,\n .source-album-artist a:focus,\n .source-album-artist a:hover,\n .source-album-name a,\n .source-album-name a:focus,\n .source-album-name a:hover {\n color: @text;\n }\n\n .track-similar-tracks-item-name a,\n .track-similar-tracks-item-name a:focus,\n .track-similar-tracks-item-name a:hover {\n color: @text;\n }\n\n .about-artist-name a,\n .about-artist-name a:focus,\n .about-artist-name a:hover {\n color: @text;\n }\n\n .catalogue-overview-similar-artists-item-name a,\n .catalogue-overview-similar-artists-item-name a:focus,\n .catalogue-overview-similar-artists-item-name a:hover {\n color: @text;\n }\n\n .stationlink::before {\n background-color: @accent;\n -webkit-filter: invert(0%);\n filter: invert(0%);\n }\n\n .stationlink:focus::before,\n .stationlink:hover::before {\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15);\n background-color: @subtext0;\n }\n\n .video-preview-upload-cta {\n background-color: @crust;\n box-shadow: 0 0 0 2px @accent-dim;\n }\n\n .video-preview-upload-cta:not(.cta--inactive):focus,\n .video-preview-upload-cta:not(.cta--inactive):hover {\n background-color: @base;\n }\n\n .highcharts-plot-bands-0 > path {\n fill: @overlay0;\n }\n\n .listener-trend .highcharts-area {\n fill: fadeout(@red, 0.1);\n }\n\n .listener-trend .highcharts-graph {\n stroke: @red;\n }\n\n .Colored-cta {\n background-color: fadeout(@surface2, 0.3);\n }\n .Colored-cta:not(.cta--inactive):focus,\n .Colored-cta:not(.cta--inactive):hover {\n background-color: fadeout(@surface2, 0.7);\n }\n .similar-items-sidebar-item-name {\n color: @text;\n }\n .resource-list--release-list-item-name {\n color: @text;\n }\n .shout--deleted,\n .shout--reported {\n background: @base;\n }\n .play-this-track-playlinks {\n color: @text;\n }\n\n /* WIKI */\n .factbox-item,\n #factbox-more-members {\n color: @subtext0;\n }\n\n .factbox-item > h4 {\n color: @accent;\n }\n\n .alert-warning {\n color: @peach;\n background-color: @crust;\n }\n\n .content-form .form-control,\n .content-form input[type=\"date\"],\n .content-form input[type=\"email\"],\n .content-form input[type=\"number\"],\n .content-form input[type=\"password\"],\n .content-form input[type=\"text\"],\n .content-form input[type=\"url\"],\n .content-form select,\n .content-form textarea {\n background-color: @crust;\n border-color: @crust;\n color: @subtext0;\n }\n\n .content-form .form-control:focus,\n .content-form input[type=\"date\"]:focus,\n .content-form input[type=\"email\"]:focus,\n .content-form input[type=\"number\"]:focus,\n .content-form input[type=\"password\"]:focus,\n .content-form input[type=\"text\"]:focus,\n .content-form input[type=\"url\"]:focus,\n .content-form select:focus,\n .content-form textarea:focus {\n box-shadow: none;\n border-color: @crust;\n }\n .content-form .form-control:hover:not([disabled]),\n .content-form input[type=\"date\"]:hover:not([disabled]),\n .content-form input[type=\"email\"]:hover:not([disabled]),\n .content-form input[type=\"number\"]:hover:not([disabled]),\n .content-form input[type=\"password\"]:hover:not([disabled]),\n .content-form input[type=\"text\"]:hover:not([disabled]),\n .content-form input[type=\"url\"]:hover:not([disabled]),\n .content-form select:hover:not([disabled]),\n .content-form textarea:hover:not([disabled]),\n .content-form .inplace-field,\n .inplace-field {\n border-color: @crust;\n color: @text;\n }\n .control-label {\n color: @accent;\n }\n .join-form .form-row-help-text {\n color: @text;\n background-color: @surface1;\n }\n #stylerules {\n background-color: @overlay0;\n color: @subtext0;\n }\n .secondary-nav-item-link--active::after,\n a.secondary-nav-item-link:focus::after,\n a.secondary-nav-item-link:hover::after {\n background-color: @accent;\n }\n\n /* OBSESSIONS */\n .obsession-history-play-all::before {\n background-color: @accent;\n -webkit-filter: invert(0%);\n filter: invert(0%);\n color: @text;\n }\n\n .obsession-history-play-all.js-playlink-station.inline-section-control {\n color: @text;\n }\n\n .obsession-history-play-all:hover::before {\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15);\n background-color: @subtext0;\n }\n\n .obsession-search-result-header {\n color: @accent;\n }\n\n .obsession-candidate-heading {\n color: @text;\n }\n\n .modal-dialog.popup_content,\n .modal-content {\n background-color: @mantle;\n box-shadow: none;\n }\n\n .modal-body {\n background-color: @base;\n box-shadow: none;\n }\n\n .content-form textarea:focus {\n box-shadow: none;\n }\n\n .content-form textarea:hover:not([disabled]) {\n border-color: @accent;\n }\n\n /* MESSAGES */\n .inbox-notifications .inbox-notifications__item {\n color: @subtext0;\n }\n\n .inbox-notifications .inbox-notifications__item--highlight {\n background-color: @overlay0;\n }\n .inbox-notifications .inbox-notifications__item--hover {\n box-shadow: none;\n }\n .inbox-notifications__item--highlight-hover:hover {\n background-color: @crust;\n }\n\n .inbox-message-subject {\n color: @accent;\n }\n\n .inbox-message-message {\n color: @text;\n }\n\n .inbox-message-view .inbox-message-message blockquote {\n background: @crust;\n border-color: @accent;\n }\n\n body:not([data-whatinput=\"touch\"])\n .inbox-notifications\n .inbox-notifications__item--hover:hover {\n background-color: @crust;\n }\n\n .inbox .inbox-message {\n background-color: @crust;\n }\n\n .inbox .inbox-message--unviewed {\n background-color: @overlay0;\n }\n\n .inbox .inbox-message--unviewed .inbox-message-status::after {\n background-color: @accent;\n }\n\n /* ADS */\n .lastfm-ad {\n display: none;\n }\n .full-bleed-ad-container,\n .sidebar-ad-container {\n background-color: @base;\n }\n\n /* RECOMMENDATIONS ON PROFILE */\n .profile-card-content {\n background: @surface0 !important;\n }\n /* UPGRADE TO PRO */\n .btn-subscribe,\n .btn-subscribe:hover,\n .btn-subscribe:active {\n background-color: @accent !important;\n }\n .listening-report-brick--upsell {\n display: none;\n }\n .your-progress {\n color: @text;\n }\n /* ----Profile Cards Hide------- */\n .profile-cards-container {\n display: none !important;\n }\n /* HEADER */\n .header--overview,\n .header--sub-page {\n color: @text;\n }\n /* -----Primary Button------ */\n .btn-primary,\n .btn-primary:hover,\n .btn-primary:active,\n .no-data-message-button,\n .no-data-message-button:hover,\n .no-data-message-button:active,\n .api-session-connect,\n .api-session-disconnect:hover,\n .api-session-disconnect:active,\n .clipboard-button,\n body:not(.js-focus-visible)\n body:not([data-whatinput=\"touch\"])\n .clipboard-button:focus,\n body:not([data-whatinput=\"touch\"]) .clipboard-button .focus-visible,\n body:not([data-whatinput=\"touch\"]) .clipboard-button:hover {\n background-color: @accent !important;\n color: @base !important;\n }\n .api-session-disconnect {\n background-color: @accent-dim !important;\n color: @base !important;\n }\n /* -----Shortcut Button------ */\n .btn-shortcut,\n .btn-shortcut:hover,\n .btn-shortcut:active {\n background-color: @accent-dim !important;\n color: @text !important;\n }\n /* ------FOOTER----- */\n .footer .footer-heading {\n color: @subtext1;\n }\n .footer {\n background-color: @mantle;\n color: @text;\n }\n .footer .footer-bottom {\n border-top-color: none;\n }\n .footer .footer-bottom .row {\n background-color: @mantle;\n }\n .footer .footer-language--active,\n .footer-timezone strong,\n .footer .footer-language--active strong {\n color: @text;\n }\n .footer .footer-language,\n .footer-timezone,\n .footer .footer-legal {\n color: @overlay0;\n }\n /* --------TOP BAR---------- */\n .top-bar,\n .player-bar,\n .player-bar .player-bar-progress,\n .main-content::before,\n .masthead-nav {\n background: @mantle;\n color: @text !important;\n }\n .player-bar .player-bar-progress-slug {\n background: @accent;\n }\n .masthead-nav-control,\n .site-auth-control,\n .site-auth--anon::before,\n .masthead-nav .navlist-more {\n color: @text !important;\n }\n .auth-dropdown-menu {\n background-color: @base !important;\n }\n .auth-dropdown-menu-item {\n color: @text !important;\n }\n .auth-dropdown-menu-item:hover,\n .auth-dropdown-menu-item:active {\n background-color: @overlay0 !important;\n color: @text !important;\n }\n .masthead-nav .masthead-nav-control:focus,\n .masthead-nav .masthead-nav-control:hover,\n .masthead-nav .navlist-more:focus,\n .masthead-nav .navlist-more:hover,\n .site-auth-control:focus,\n .site-auth-control:hover {\n background-color: transparent;\n color: @accent !important;\n }\n .site-auth-control.btn-secondary {\n color: @base !important;\n }\n .masthead-search-form {\n background-color: @mantle;\n }\n .masthead-search-submit {\n background-color: @accent;\n color: @base;\n }\n body:not(.js-focus-visible)\n body:not([data-whatinput=\"touch\"])\n .masthead-search-submit:focus,\n body:not([data-whatinput=\"touch\"]) .masthead-search-submit .focus-visible,\n body:not([data-whatinput=\"touch\"]) .masthead-search-submit:hover {\n background-color: @accent;\n color: @base;\n }\n .masthead-search-field {\n color: @text;\n }\n /* -------PLAYLISTS--------- */\n .chartlist-timestamp {\n color: @subtext0;\n }\n /* -----GENRES TODAY----- */\n .genretodaybar,\n .rolling_no {\n background: @mantle !important;\n }\n /* -----NAV ITEMS----- */\n .library-controls .secondary-nav .secondary-nav-item-link--active,\n .date-range-picker-button-inner,\n .library-controls .secondary-nav .secondary-nav-item-link--active:focus,\n .library-controls .secondary-nav .secondary-nav-item-link--active:hover,\n body:not([data-whatinput=\"touch\"]) .catalogue-tags .tag a:hover {\n color: @accent !important;\n }\n /* ------ARTIST TAGS----- */\n .catalogue-tags .tag a,\n .catalogue-tags .tags-add,\n .catalogue-tags .tags-add-cta,\n body:not([data-whatinput=\"touch\"]) .catalogue-tags .tag a:hover {\n color: @accent;\n box-shadow: inset 0 0 0 1px @accent-dim;\n }\n /* -----HIDE PLAY BUTTON ON TOP TRACK------ */\n .image-overlay-playlink-link::before {\n display: none;\n }\n /* ---------CHARTS FIX--------- */\n .globalchart .globalchart-item:first-child {\n background-color: fadeout(@mantle, 0.8);\n }\n .globalchart-item:first-child .globalchart-rank {\n color: @accent !important;\n }\n .globalchart-item .globalchart-rank {\n color: @text;\n }\n /* -------LOG IN PAGE------- */\n .auth-container > .auth-container-animation {\n background-color: transparent;\n }\n #join-animation-container {\n display: none !important;\n }\n h1.text-24 {\n color: @accent;\n }\n .checkbox {\n color: @text;\n }\n\n /* ----ICONS---- */\n .lazy-buylinks-toggle::before {\n background-image: none !important;\n mask-image: url(\"/static/images/icons/download_sprite_16.2d7999c89e09.png\");\n -webkit-mask-image: url(\"/static/images/icons/download_sprite_16.2d7999c89e09.png\");\n background-color: @text;\n }\n\n .chartlist-more-button::before {\n background-image: none !important;\n mask-image: url(\"/static/images/icons/more_sprite_16.bceb4a93c77a.png\");\n -webkit-mask-image: url(\"/static/images/icons/more_sprite_16.bceb4a93c77a.png\");\n background-color: @text;\n }\n\n .lazy-buylinks-toggle:hover::before,\n .lazy-buylinks-toggle:focus::before,\n .chartlist-more-button:hover::before,\n .chartlist-more-button:focus::before {\n background-color: @subtext0;\n }\n\n .chartlist-love-button::before,\n .header-new-love-button::before {\n background-image: none !important;\n mask-image: url(\"/static/images/icons/love_animation_tracklist_24.3c884b0287d4.png\");\n -webkit-mask-image: url(\"/static/images/icons/love_animation_tracklist_24.3c884b0287d4.png\");\n background-color: @text;\n mask-position: 0 0;\n -webkit-mask-position: 0 0;\n }\n\n .chartlist-love-button:focus::before,\n .chartlist-love-button:hover::before,\n .header-new-love-button:focus::before,\n .header-new-love-button:hover::before {\n mask-position: -24px 0;\n background-color: @red;\n }\n\n [data-toggle-button-current-state=\"loved\"] .chartlist-love-button::before,\n [data-toggle-button-current-state=\"loved\"] .header-new-love-button::before {\n mask-position: -552px 0;\n transition: mask-position 0.7s steps(23) !important;\n -webkit-transition: -webkit-mask-position 0.7s steps(23) !important;\n background-color: @red;\n }\n\n [data-toggle-button-current-state=\"loved\"]\n .chartlist-love-button:focus::before,\n [data-toggle-button-current-state=\"loved\"]\n .chartlist-love-button:hover::before,\n [data-toggle-button-current-state=\"loved\"]\n .header-new-love-button:focus::before,\n [data-toggle-button-current-state=\"loved\"]\n .header-new-love-button:hover::before {\n transition: mask-position 0.7s steps(22) !important;\n -webkit-transition: -webkit-mask-position 0.7s steps(22) !important;\n }\n\n .section-settings-toggle::before {\n background-image: none !important;\n mask-image: url(\"/static/images/icons/settings_222_16.f63779d3cbad.png\");\n -webkit-mask-image: url(\"/static/images/icons/settings_222_16.f63779d3cbad.png\");\n background-color: @text;\n }\n\n .share-button-profile::before {\n background-image: none !important;\n mask-image: url(\"/static/images/icons/share_222_16.9aba752fb1e9.png\");\n -webkit-mask-image: url(\"/static/images/icons/share_222_16.9aba752fb1e9.png\");\n background-color: @text;\n }\n\n .section-settings-toggle:hover::before,\n .section-settings-toggle:focus::before,\n .share-button-profile:hover::before,\n .share-button-profile:focus::before {\n background-color: @subtext0;\n }\n\n .cta-link::before,\n .lyrics-snippet-more-link ::before,\n .trending-tracks-more-link ::before,\n .more-link-fullwidth-right ::before {\n background-image: none !important;\n mask-image: url(\"/static/images/icons/arrow_small_right_005399_12.8f025ef116be.png\");\n -webkit-mask-image: url(\"/static/images/icons/arrow_small_right_005399_12.8f025ef116be.png\");\n background-color: @accent;\n }\n\n .play-this-track-playlink--itunes::before {\n background-image: none !important;\n mask-image: url(\"/static/images/icons/apple_music_color_24.17c0b1b9e185.png\");\n -webkit-mask-image: url(\"/static/images/icons/apple_music_color_24.17c0b1b9e185.png\");\n background-color: @text;\n }\n\n .resource-external-link--homepage::before {\n background-image: none !important;\n mask-image: url(\"/static/images/icons/external_links_16.3d45e81fa3fc.png\");\n -webkit-mask-image: url(\"/static/images/icons/external_links_16.3d45e81fa3fc.png\");\n background-color: @text;\n }\n\n .alert-warning::before {\n background-image: none;\n mask-image: url(\"/static/images/icons/alert/warning_16.93f2fe437139.png\");\n -webkit-mask-image: url(\"/static/images/icons/alert/warning_16.93f2fe437139.png\");\n background-color: @peach;\n }\n\n .masthead-search-toggle::before {\n background-image: none !important;\n mask-image: url(\"/static/images/icons/search_16.bde37072495a.png\");\n -webkit-mask-image: url(\"/static/images/icons/search_16.bde37072495a.png\");\n background-color: @text;\n }\n\n .masthead-search-toggle:hover::before,\n .masthead-search-toggle:focus::before {\n background-color: @subtext0;\n }\n\n .masthead-search-toggle.disclose-active::before {\n background-image: none !important;\n mask-image: url(\"/static/images/icons/delete_999_24.78e2a3de3ab8.png\");\n -webkit-mask-image: url(\"/static/images/icons/delete_999_24.78e2a3de3ab8.png\");\n background-color: @text;\n }\n\n .masthead-search-toggle.disclose-active:hover::before,\n .masthead-search-toggle.disclose-active:focus::before {\n background-color: @subtext0;\n }\n\n .masthead-logo {\n background-image: none !important;\n mask-image: url(\"/static/images/logo_static.adb61955725c.png\");\n -webkit-mask-image: url(\"/static/images/logo_static.adb61955725c.png\");\n mask-position: 50% 50%;\n -webkit-mask-position: 50% 50%;\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n background-color: @red;\n }\n\n .catalogue-tags .tags-add::before {\n background-image: none;\n mask-image: url(\"/static/images/icons/add_link_16.637996ed0e2f.png\");\n -webkit-mask-image: url(\"/static/images/icons/add_link_16.637996ed0e2f.png\");\n background-color: @accent;\n }\n\n .masthead-logo-loading {\n -webkit-mask-image: url(\"/static/images/logo_animate@2x.e93e5b7db3de.gif\");\n mask-image: url(\"/static/images/logo_animate@2x.e93e5b7db3de.gif\");\n -webkit-mask-size: contain;\n mask-position: 50% 50%;\n -webkit-mask-position: 50% 50%;\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n background: @accent !important;\n }\n\n .layout-image {\n background: @crust;\n .layout-image-image {\n mix-blend-mode: screen;\n }\n }\n }\n}\n// vim:ft=less\n"},{"enabled":true,"name":"Libreddit Catppuccin","description":"Soothing pastel theme for Libreddit","author":"Catppuccin","updateUrl":"https://github.com/catppuccin/userstyles/raw/main/styles/libreddit/catppuccin.user.css","usercssData":{"name":"Libreddit Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/libreddit","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/libreddit","version":"2.0.4","description":"Soothing pastel theme for Libreddit","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/libreddit/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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 Libreddit Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/libreddit\n@homepageURL\thttps://github.com/catppuccin/userstyles/tree/main/styles/libreddit\n@version 2.0.4\n@description Soothing pastel theme for Libreddit\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/libreddit/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"libredd.it\"),\ndomain(\"libreddit.spike.codes\"),\ndomain(\"libreddit.dothq.co\"),\ndomain(\"libreddit.kavin.rocks\"),\ndomain(\"reddit.invak.id\"),\ndomain(\"reddit.phii.me\"),\ndomain(\"lr.riverside.rocks\"),\ndomain(\"libreddit.strongthany.cc\"),\ndomain(\"libreddit.database.red\"),\ndomain(\"libreddit.privacy.com.de\"),\ndomain(\"libreddit.domain.glass\"),\ndomain(\"libreddit.sugoma.tk\"),\ndomain(\"libreddit.jamiethalacker.dev\"),\ndomain(\"reddit.artemislena.eu\"),\ndomain(\"r.nf\"),\ndomain(\"libreddit.some-things.org\"),\ndomain(\"reddit.stuehieyr.com\"),\ndomain(\"lr.mint.lgbt\"),\ndomain(\"libreddit.igna.rocks\"),\ndomain(\"libreddit.autarkic.org\"),\ndomain(\"libreddit.flux.industries\"),\ndomain(\"libreddit.drivet.xyz\"),\ndomain(\"lr.oversold.host\"),\ndomain(\"libreddit.de\"),\ndomain(\"libreddit.pussthecat.org\"),\ndomain(\"libreddit.mutahar.rocks\"),\ndomain(\"libreddit.northboot.xyz\"),\ndomain(\"leddit.xyz\"),\ndomain(\"de.leddit.xyz\"),\ndomain(\"lr.cowfee.moe\"),\ndomain(\"libreddit.hu\"),\ndomain(\"libreddit.totaldarkness.net\"),\ndomain(\"libreddit.esmailelbob.xyz\"),\ndomain(\"lr.vern.cc\"),\ndomain(\"libreddit.nl\"),\ndomain(\"lr.stilic.ml\"),\ndomain(\"reddi.tk\"),\ndomain(\"libreddit.bus-hit.me\"),\ndomain(\"libreddit.datatunnel.xyz\"),\ndomain(\"libreddit.crewz.me\"),\ndomain(\"r.walkx.org\"),\ndomain(\"libreddit.kylrth.com\"),\ndomain(\"libreddit.yonalee.eu\"),\ndomain(\"libreddit.winscloud.net\"),\ndomain(\"libreddit.tiekoetter.com\"),\ndomain(\"reddit.rtrace.io\"),\ndomain(\"libreddit.lunar.icu\"),\ndomain(\"libreddit.privacydev.net\"),\ndomain(\"libreddit.notyourcomputer.net\"),\ndomain(\"r.ahwx.org\"),\ndomain(\"bob.fr.to\"),\ndomain(\"reddit.beparanoid.de\"),\ndomain(\"libreddit.dcs0.hu\"),\ndomain(\"reddit.dr460nf1r3.org\"),\ndomain(\"rd.jae.su\"),\ndomain(\"libreddit.mha.fi\"),\ndomain(\"libreddit.foss.wtf\"),\ndomain(\"libreddit.encrypted-data.xyz\"),\ndomain(\"libreddit.eu.org\"),\ndomain(\"l.opnxng.com\") {\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n .light,\n .gruvboxlight {\n #catppuccin(@lightFlavor, @accentColor);\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, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n --accent: @accent-color !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}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Lichess Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/lichess","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/lichess","version":"0.0.1","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/lichess/catppuccin.user.css","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":"rosewater","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Gray","value":"subtext0"}]}}},"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 0.0.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/lichess/catppuccin.user.css\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==/UserStyle== */\n@-moz-document domain(\"lichess.org\") {\n :root:has(body[data-theme=\"light\"]) {\n #catppuccin(@lightFlavor, @accentColor);\n }\n :root:has(body[data-theme=\"dark\"]) {\n #catppuccin(@darkFlavor, @accentColor);\n }\n :root:has(body[data-theme=\"system\"]) {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor, @accentColor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n /* Main background */\n html,\n body {\n background: @base linear-gradient(to bottom, @crust, @base 116px)\n no-repeat;\n color: @text !important;\n }\n\n /* lichess button */\n .site-title a {\n color: @accent-color;\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-color, 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-color;\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-color;\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-color, 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 .brown .is2d cg-board {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\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(@base, @text);\n }\n &.white {\n #piece(@text, @base);\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(@base, @text);\n }\n &.white {\n #piece(@text, @base);\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(@base, @text);\n }\n &.white {\n #piece(@text, @base);\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(@base, @text);\n }\n &.white {\n #piece(@text, @base);\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(@base, @text);\n }\n &.white {\n #piece(@text, @base);\n }\n }\n .is2d .queen {\n &.black {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n &.white {\n @svg: escape(\n ''\n );\n background-image: url(\"data:image/svg+xml,@{svg}\") !important;\n }\n }\n\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: @base;\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: @crust;\n }\n square.move-dest {\n background: radial-gradient(\n fade(@accent-color, 50%) 19%,\n rgba(0, 0, 0, 0) 20%\n );\n }\n square.selected {\n background: fade(@accent-color, 50%);\n }\n square.last-move {\n background: fade(@accent-color, 40%);\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-color;\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-color;\n }\n #ceval-settings {\n border-top-color: @accent-color;\n }\n .mchat__tab:hover {\n background: fade(@accent-color, 50%);\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-color;\n }\n .opening__next__popularity span {\n background: @accent-color;\n }\n .opening__next__title {\n color: @accent-color;\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"},{"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.css","usercssData":{"name":"LinkedIn Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/linkedin","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/linkedin","version":"0.0.2","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/linkedin/catppuccin.user.css","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":"sapphire","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Gray","value":"subtext0"}]}}},"sourceCode":"/* ==UserStyle==\n@name LinkedIn Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/linkedin\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/linkedin\n@version 0.0.2\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/linkedin/catppuccin.user.css\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@-moz-document domain('www.linkedin.com') {\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @surface0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @surface0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @surface0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @surface0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n --black: @crust;\n --black-a90: @crust;\n --black-a75: @crust;\n --black-a60: fadeout(@crust, 40);\n --black-a45: @crust;\n --black-a30: @crust;\n --black-a15: @crust;\n --black-a12: @crust;\n --black-a08: @crust;\n --black-a04: @crust;\n --black-a100: @crust;\n\n --white: @text;\n --white-a06: @surface0;\n --white-a12: @surface0;\n --white-a18: @surface0;\n --white-a25: @surface0;\n --white-a30: @text;\n --white-a40: @text;\n --white-a45: @text;\n --white-a55: @text;\n --white-a60: @subtext0;\n --white-a70: @text;\n --white-a75: @text;\n --white-a85: @text;\n --white-a90: @text;\n --white-a100: @text;\n\n --blue-10: @blue;\n --blue-20: @blue;\n --blue-30: @blue;\n --blue-40: @blue;\n --blue-50: @blue;\n --blue-60: @blue;\n --blue-70: @blue;\n --blue-80: @blue;\n --blue-90: @blue;\n --blue-100: @blue;\n --blue-50-a20: fadeout(@blue, 80);\n --blue-50-a25: fadeout(@blue, 75);\n --blue-50-a30: fadeout(@blue, 70);\n --blue-50-a40: fadeout(@blue, 60);\n --blue-60-a10: fadeout(@blue, 90);\n --blue-60-a15: fadeout(@blue, 15);\n --blue-60-a20: fadeout(@blue, 80);\n --blue-60-a25: fadeout(@blue, 75);\n --blue-60-a30: fadeout(@blue, 70);\n --blue-60-a35: fadeout(@blue, 65);\n --blue-60-a40: fadeout(@blue, 60);\n --blue-60-a45: fadeout(@blue, 55);\n --blue-70-a30: fadeout(@sapphire, 70);\n --blue-70-a40: fadeout(@sapphire, 60);\n --blue-70-a50: fadeout(@sapphire, 50);\n\n --cool-gray-10: @mantle;\n --cool-gray-20: @surface0;\n --cool-gray-30: @mantle;\n --cool-gray-40: @mantle;\n --cool-gray-50: @mantle;\n --cool-gray-60: @mantle;\n --cool-gray-70: @mantle;\n --cool-gray-80: @surface0;\n --cool-gray-85: @mantle;\n --cool-gray-90: @mantle;\n --cool-gray-100: @mantle;\n --cool-gray-60-a10: fadeout(@mantle, 90);\n --cool-gray-60-a15: fadeout(@mantle, 85);\n --cool-gray-60-a20: fadeout(@mantle, 80);\n --cool-gray-60-a25: fadeout(@mantle, 75);\n --cool-gray-60-a30: fadeout(@mantle, 70);\n --cool-gray-60-a35: fadeout(@mantle, 65);\n\n --warm-gray-10: @overlay1;\n --warm-gray-20: @overlay1;\n --warm-gray-30: @overlay1;\n --warm-gray-40: @overlay1;\n --warm-gray-50: @overlay1;\n --warm-gray-60: @overlay1;\n --warm-gray-70: @overlay1;\n --warm-gray-80: @overlay1;\n --warm-gray-90: @overlay1;\n --warm-gray-100: @overlay1;\n --warm-gray-60-a10: fadeout(@overlay1, 90);\n --warm-gray-60-a15: fadeout(@overlay1, 85);\n --warm-gray-60-a20: fadeout(@overlay1, 80);\n --warm-gray-60-a25: fadeout(@overlay1, 75);\n --warm-gray-60-a30: fadeout(@overlay1, 70);\n --warm-gray-60-a35: fadeout(@overlay1, 65);\n\n --warm-red-10: @maroon;\n --warm-red-20: @maroon;\n --warm-red-30: @maroon;\n --warm-red-40: @maroon;\n --warm-red-50: @maroon;\n --warm-red-60: @maroon;\n --warm-red-70: @maroon;\n --warm-red-80: @maroon;\n --warm-red-90: @maroon;\n --warm-red-100: @maroon;\n --warm-red-60-a10: fadeout(@maroon, 90);\n --warm-red-60-a15: fadeout(@maroon, 85);\n --warm-red-60-a20: fadeout(@maroon, 80);\n --warm-red-60-a25: fadeout(@maroon, 75);\n --warm-red-60-a30: fadeout(@maroon, 70);\n --warm-red-60-a35: fadeout(@maroon, 65);\n\n --teal-10: @teal;\n --teal-20: @teal;\n --teal-30: @teal;\n --teal-40: @teal;\n --teal-50: @teal;\n --teal-60: @teal;\n --teal-70: @teal;\n --teal-80: @teal;\n --teal-90: @teal;\n --teal-100: @teal;\n --teal-50-a30: fadein(@teal, 70);\n --teal-60-a10: fadeout(@teal, 90);\n --teal-60-a15: fadeout(@teal, 85);\n --teal-60-a20: fadeout(@teal, 80);\n --teal-60-a25: fadeout(@teal, 75);\n --teal-60-a30: fadeout(@teal, 70);\n --teal-60-a35: fadeout(@teal, 65);\n\n --purple-10: @lavender;\n --purple-20: @lavender;\n --purple-30: @lavender;\n --purple-40: @lavender;\n --purple-50: @lavender;\n --purple-60: @lavender;\n --purple-70: @lavender;\n --purple-80: @lavender;\n --purple-90: @lavender;\n --purple-100: @lavender;\n --purple-40-a15: fadeout(@lavender, 85);\n --purple-60-a10: fadeout(@lavender, 90);\n --purple-60-a15: fadeout(@lavender, 85);\n --purple-60-a20: fadeout(@lavender, 80);\n --purple-60-a25: fadeout(@lavender, 75);\n --purple-60-a30: fadeout(@lavender, 70);\n --purple-60-a35: fadeout(@lavender, 65);\n --purple-70-a15: fadeout(@lavender, 85);\n\n --system-red-10: @red;\n --system-red-20: @red;\n --system-red-30: @red;\n --system-red-40: @red;\n --system-red-50: @red;\n --system-red-60: @red;\n --system-red-70: @red;\n --system-red-80: @red;\n --system-red-90: @red;\n --system-red-100: @red;\n --system-red-60-a10: fadeout(@red, 90);\n --system-red-60-a15: fadeout(@red, 85);\n --system-red-60-a20: fadeout(@red, 80);\n --system-red-60-a25: fadeout(@red, 75);\n --system-red-60-a30: fadeout(@red, 70);\n --system-red-60-a35: fadeout(@red, 65);\n\n --system-green-10: darken(@green, 20);\n --system-green-20: darken(@green, 20);\n --system-green-30: darken(@green, 20);\n --system-green-40: darken(@green, 20);\n --system-green-50: darken(@green, 20);\n --system-green-60: darken(@green, 20);\n --system-green-70: darken(@green, 20);\n --system-green-80: darken(@green, 20);\n --system-green-90: darken(@green, 20);\n --system-green-100: darken(@green, 20);\n --system-green-60-a10: fadeout(darken(@green, 20), 90);\n --system-green-60-a15: fadeout(darken(@green, 20), 85);\n --system-green-60-a20: fadeout(darken(@green, 20), 80);\n --system-green-60-a25: fadeout(darken(@green, 20), 75);\n --system-green-60-a30: fadeout(darken(@green, 20), 70);\n --system-green-60-a35: fadeout(darken(@green, 20), 65);\n\n --pink-10: @pink;\n --pink-20: @pink;\n --pink-30: @pink;\n --pink-40: @pink;\n --pink-50: @pink;\n --pink-60: @pink;\n --pink-70: @pink;\n --pink-80: @pink;\n --pink-90: @pink;\n --pink-100: @pink;\n --pink-60-a10: fadeout(@pink, 90);\n --pink-60-a15: fadeout(@pink, 85);\n --pink-60-a20: fadeout(@pink, 80);\n --pink-60-a25: fadeout(@pink, 75);\n --pink-60-a30: fadeout(@pink, 70);\n --pink-60-a35: fadeout(@pink, 65);\n\n --amber-10: @yellow;\n --amber-20: @yellow;\n --amber-30: @yellow;\n --amber-40: @yellow;\n --amber-50: @yellow;\n --amber-60: @yellow;\n --amber-70: @yellow;\n --amber-80: @yellow;\n --amber-90: @yellow;\n --amber-100: @yellow;\n --amber-30-a50: fadein(@yellow, 50);\n --amber-60-a10: fadeout(@yellow, 90);\n --amber-60-a15: fadeout(@yellow, 85);\n --amber-60-a20: fadeout(@yellow, 80);\n --amber-60-a25: fadeout(@yellow, 75);\n --amber-60-a30: fadeout(@yellow, 70);\n --amber-60-a35: fadeout(@yellow, 65);\n\n --copper-10: @rosewater;\n --copper-20: @rosewater;\n --copper-30: @rosewater;\n --copper-40: @rosewater;\n --copper-50: @rosewater;\n --copper-60: @rosewater;\n --copper-70: @rosewater;\n --copper-80: @rosewater;\n --copper-90: @rosewater;\n --copper-100: @rosewater;\n --copper-60-a10: fadeout(@rosewater, 90);\n --copper-60-a15: fadeout(@rosewater, 85);\n --copper-60-a20: fadeout(@rosewater, 80);\n --copper-60-a25: fadeout(@rosewater, 75);\n --copper-60-a30: fadeout(@rosewater, 70);\n --copper-60-a35: fadeout(@rosewater, 65);\n\n --green-10: @green;\n --green-20: @green;\n --green-30: @green;\n --green-40: @green;\n --green-50: @green;\n --green-60: @green;\n --green-70: @green;\n --green-80: @green;\n --green-90: @green;\n --green-100: @green;\n --green-60-a10: fadeout(@green, 90);\n --green-60-a15: fadeout(@green, 85);\n --green-60-a20: fadeout(@green, 80);\n --green-60-a25: fadeout(@green, 75);\n --green-60-a30: fadeout(@green, 70);\n --green-60-a35: fadeout(@green, 65);\n\n --sage-10: darken(@green, 40);\n --sage-20: darken(@green, 40);\n --sage-30: darken(@green, 40);\n --sage-40: darken(@green, 40);\n --sage-50: darken(@green, 40);\n --sage-60: darken(@green, 40);\n --sage-70: darken(@green, 40);\n --sage-80: darken(@green, 40);\n --sage-90: darken(@green, 40);\n --sage-100: darken(@green, 40);\n --sage-60-a10: fadeout(darken(@green, 40), 90);\n --sage-60-a15: fadeout(darken(@green, 40), 85);\n --sage-60-a20: fadeout(darken(@green, 40), 80);\n --sage-60-a25: fadeout(darken(@green, 40), 75);\n --sage-60-a30: fadeout(darken(@green, 40), 70);\n --sage-60-a35: fadeout(darken(@green, 40), 65);\n\n --lime-10: lighten(@green, 20);\n --lime-20: lighten(@green, 20);\n --lime-30: lighten(@green, 20);\n --lime-40: lighten(@green, 20);\n --lime-50: lighten(@green, 20);\n --lime-60: lighten(@green, 20);\n --lime-70: lighten(@green, 20);\n --lime-80: lighten(@green, 20);\n --lime-90: lighten(@green, 20);\n --lime-100: lighten(@green, 20);\n --lime-60-a10: fadeout(lighten(@green, 20), 90);\n --lime-60-a15: fadeout(lighten(@green, 20), 85);\n --lime-60-a20: fadeout(lighten(@green, 20), 80);\n --lime-60-a25: fadeout(lighten(@green, 20), 75);\n --lime-60-a30: fadeout(lighten(@green, 20), 70);\n --lime-60-a35: fadeout(lighten(@green, 20), 65);\n\n --camo-10: @accent-color;\n --camo-20: @accent-color;\n --camo-30: @accent-color;\n --camo-40: @accent-color;\n --camo-50: @accent-color;\n --camo-60: @accent-color;\n --camo-70: @accent-color;\n --camo-80: @accent-color;\n --camo-90: @accent-color;\n --camo-100: @accent-color;\n --camo-60-a10: fadeout(@accent-color, 90);\n --camo-60-a15: fadeout(@accent-color, 85);\n --camo-60-a20: fadeout(@accent-color, 80);\n --camo-60-a25: fadeout(@accent-color, 75);\n --camo-60-a30: fadeout(@accent-color, 70);\n --camo-60-a35: fadeout(@accent-color, 65);\n\n --smoke-10: @surface1;\n --smoke-20: @surface1;\n --smoke-30: @surface1;\n --smoke-40: @surface1;\n --smoke-50: @surface1;\n --smoke-60: @surface1;\n --smoke-70: @surface1;\n --smoke-80: @surface1;\n --smoke-90: @surface1;\n --smoke-100: @surface1;\n --smoke-60-a10: fadeout(@surface1, 90);\n --smoke-60-a15: fadeout(@surface1, 85);\n --smoke-60-a20: fadeout(@surface1, 80);\n --smoke-60-a25: fadeout(@surface1, 75);\n --smoke-60-a30: fadeout(@surface1, 70);\n --smoke-60-a35: fadeout(@surface1, 65);\n\n --lavender-10: @lavender;\n --lavender-20: @lavender;\n --lavender-30: @lavender;\n --lavender-40: @lavender;\n --lavender-50: @lavender;\n --lavender-60: @lavender;\n --lavender-70: @lavender;\n --lavender-80: @lavender;\n --lavender-90: @lavender;\n --lavender-100: @lavender;\n --lavender-60-a10: fadeout(@lavender, 90);\n --lavender-60-a15: fadeout(@lavender, 85);\n --lavender-60-a20: fadeout(@lavender, 80);\n --lavender-60-a25: fadeout(@lavender, 75);\n --lavender-60-a30: fadeout(@lavender, 70);\n --lavender-60-a35: fadeout(@lavender, 65);\n\n --mauve-10: @mauve;\n --mauve-20: @mauve;\n --mauve-30: @mauve;\n --mauve-40: @mauve;\n --mauve-50: @mauve;\n --mauve-60: @mauve;\n --mauve-70: @mauve;\n --mauve-80: @mauve;\n --mauve-90: @mauve;\n --mauve-100: @mauve;\n --mauve-60-a10: fadeout(@mauve, 90);\n --mauve-60-a15: fadeout(@mauve, 85);\n --mauve-60-a20: fadeout(@mauve, 80);\n --mauve-60-a25: fadeout(@mauve, 75);\n --mauve-60-a30: fadeout(@mauve, 70);\n --mauve-60-a35: fadeout(@mauve, 65);\n --mauve-80-a50: fadeout(@mauve, 50);\n\n --system-gray-10: @surface0;\n --system-gray-20: @surface0;\n --system-gray-30: @surface0;\n --system-gray-40: @surface0;\n --system-gray-50: @surface0;\n --system-gray-60: @surface0;\n --system-gray-70: @surface0;\n --system-gray-80: @surface0;\n --system-gray-90: @surface0;\n --system-gray-100: @surface0;\n --system-gray-60-a10: fadeout(@surface0, 90);\n --system-gray-60-a15: fadeout(@surface0, 85);\n --system-gray-60-a20: fadeout(@surface0, 80);\n --system-gray-60-a25: fadeout(@surface0, 75);\n --system-gray-60-a30: fadeout(@surface0, 70);\n --system-gray-60-a35: fadeout(@surface0, 65);\n --system-gray-60-a40: fadeout(@surface0, 60);\n --system-gray-60-a45: fadeout(@surface0, 55);\n\n --system-orange-10: @peach;\n --system-orange-20: @peach;\n --system-orange-30: @peach;\n --system-orange-40: @peach;\n --system-orange-50: @peach;\n --system-orange-60: @peach;\n --system-orange-70: @peach;\n --system-orange-80: @peach;\n --system-orange-90: @peach;\n --system-orange-100: @peach;\n --system-orange-60-a10: fadeout(@peach, 90);\n --system-orange-60-a15: fadeout(@peach, 85);\n --system-orange-60-a20: fadeout(@peach, 80);\n --system-orange-60-a25: fadeout(@peach, 75);\n --system-orange-60-a30: fadeout(@peach, 70);\n --system-orange-60-a35: fadeout(@peach, 65);\n\n /* quality of life changes */\n --color-border-low-emphasis: @surface0;\n\n /* more accent */\n --voyager-color-background-badge-notification: @accent-color;\n --color-signal-positive: @accent-color;\n --color-checked: @accent-color;\n --color-checked-hover: @accent-color;\n --color-checked-active: @accent-color;\n\n & when not (@lookup =latte) {\n --color-text-on-dark: @crust;\n --color-element: @crust;\n }\n\n & when (@lookup =latte) {\n --black: @text;\n --black-a90: @text;\n --black-a75: @text;\n --black-a45: @text;\n --black-a30: @text;\n --black-a60: @subtext0;\n --black-a15: @text;\n --black-a04: @text;\n --black-a100: @text;\n\n --color-background-scrim: fadeout(@crust, 60);\n\n --white: @mantle;\n --white-a06: @surface0;\n --white-a12: @surface0;\n --white-a18: @surface0;\n --white-a25: @surface0;\n --white-a30: @mantle;\n --white-a40: @mantle;\n --white-a45: @mantle;\n --white-a55: @mantle;\n --white-a60: @subtext0;\n --white-a70: @mantle;\n --white-a75: @mantle;\n --white-a85: @mantle;\n --white-a90: @mantle;\n --white-a100: @mantle;\n\n --warm-gray-10: @base;\n --warm-gray-20: @base;\n --warm-gray-30: @base;\n --warm-gray-40: @base;\n --warm-gray-50: @base;\n --warm-gray-60: @base;\n --warm-gray-70: @base;\n --warm-gray-80: @base;\n --warm-gray-90: @base;\n --warm-gray-100: @base;\n --warm-gray-60-a10: fadeout(@base, 90);\n --warm-gray-60-a15: fadeout(@base, 85);\n --warm-gray-60-a20: fadeout(@base, 80);\n --warm-gray-60-a25: fadeout(@base, 75);\n --warm-gray-60-a30: fadeout(@base, 70);\n --warm-gray-60-a35: fadeout(@base, 65);\n }\n\n .share-promoted-detour-button-legacy {\n background-color: @accent-color !important;\n }\n }\n\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor, @accentColor);\n }\n @media (prefers-color-scheme: dark) {\n .theme--dark,\n .theme--mercado-dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n } // manually set colorscheme\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n .theme--dark,\n .theme--mercado-dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Mastodon Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/mastodon","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/mastodon","version":"1.1.12","description":"Soothing pastel theme for Mastodon","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/mastodon/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","value":null,"default":"sapphire","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Gray","value":"subtext0"}]}}},"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 1.1.12\n@description Soothing pastel theme for Mastodon\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/mastodon/catppuccin.user.css\n@license \t\t MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"mastodon.social\"),\ndomain(\"mstdn.social\"),\ndomain(\"fosstodon.org\"),\ndomain(\"piaille.fr\"),\ndomain(\"tech.lgbt\"),\ndomain(\"wetdry.world\") {\n .theme-mastodon-light,\n .skin-modern-light,\n .skin-mastodon-light {\n #mastodon(@lightFlavor, @accentColor);\n }\n\n .theme-contrast,\n .skin-modern-dark,\n .skin-contrast {\n #mastodon(@darkFlavor, @accentColor);\n }\n\n @media (prefers-color-scheme: light) {\n .theme-default,\n .skin-default {\n #mastodon(@lightFlavor, @accentColor);\n }\n }\n\n @media (prefers-color-scheme: dark) {\n .theme-default,\n .skin-default {\n #mastodon(@darkFlavor, @accentColor);\n }\n }\n\n #mastodon(@lookup, @accent) {\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n &,\n .tabs-bar__wrapper,\n .admin-wrapper .sidebar-wrapper__inner,\n .ui__header {\n background: @crust;\n color: @text;\n }\n\n .ui__header {\n border-bottom: none;\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 .column-subheading,\n .account__display-name strong,\n .status__display-name strong,\n .notification__message,\n .public-layout .public-account-bio .account__header__content,\n .reply-indicator__content,\n .status__content,\n .card__bar .display-name strong {\n color: @text;\n }\n\n .search-popout span,\n .link-footer p,\n .link-footer p a {\n color: @subtext1;\n }\n\n .account__header__tabs__name h1 small,\n .account__header__bio .account__header__fields dd,\n .display-name__account,\n .status__relative-time,\n .empty-column-indicator,\n .follow_requests-unlocked_explanation,\n .account .account__display-name,\n .label_input .search__input,\n .search__input:focus,\n .account__header__fields dt {\n color: @subtext0;\n }\n\n .compose-panel hr,\n .navigation-panel hr {\n border-top-color: @subtext0;\n }\n\n .trends__item,\n .status,\n .getting-started__trends h4,\n .trends__item__name span,\n .story {\n border-color: @surface0;\n }\n\n .mention,\n .account__header__tabs__name h1,\n .account__header__content a,\n .account__header__bio .account__header__fields a,\n .empty-column-indicator a,\n .follow_requests-unlocked_explanation a,\n .column-back-button,\n .icon-button.inverted,\n .text-icon-button,\n .icon-button.active,\n .public-layout .public-account-bio .account__header__fields a,\n .column-header__back-button,\n .navigation-bar strong,\n .reply-indicator__content a.unhandled-link,\n .status__content a.unhandled-link,\n .announcements__item__content a.unhandled-link,\n .reactions-bar__item.active .reactions-bar__item__count,\n .column-header.active .column-header__icon {\n color: @accent-color;\n }\n\n .conversation__unread,\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-color;\n }\n\n .reactions-bar__item.active {\n background-color: rgba(@accent-color, 0.25);\n }\n\n .trends__item__sparkline path:last-child {\n stroke: @accent-color !important;\n }\n .trends__item__sparkline path:first-child {\n fill: rgba(@accent-color, 0.25) !important;\n }\n\n .icon-button,\n .notification__message .fa {\n color: @surface2;\n }\n\n .icon-button:active,\n .icon-button:focus,\n .icon-button:hover,\n .text-icon-button:active,\n .text-icon-button:focus,\n .text-icon-button:hover,\n .icon-button.inverted:active,\n .icon-button.inverted:focus,\n .icon-button.inverted:hover,\n .public-layout .public-account-bio .account__header__fields a:hover {\n color: @accent-color;\n }\n\n .column-header,\n .column-header__button,\n .column-header__back-button,\n .column-back-button,\n .drawer__header,\n .notification__filter-bar,\n .account__section-headline button,\n .notification__filter-bar button,\n .account__header,\n .search__input,\n .search__input:focus,\n .column-link__badge,\n .column-subheading,\n .public-layout .header,\n .public-layout .public-account-header__bar::before,\n .account__header__fields,\n .account__header__fields dt,\n .account__header__fields\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 .column-header__collapsible-inner,\n .announcements,\n .status-card__image {\n border-color: @crust;\n background: @surface0;\n }\n\n .account__section-headline {\n background: @mantle;\n border-color: @crust;\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 .detailed-status__wrapper > div:first-child .detailed-status {\n border-top: none;\n }\n\n .dismissable-banner {\n border-color: @surface1;\n background: @base;\n }\n\n .column-header__wrapper.active {\n box-shadow: 0 1px 0 rgba(@accent-color, 0.3);\n }\n .column-header__wrapper.active::before {\n background: radial-gradient(\n ellipse,\n rgba(@accent-color, 0.23) 0,\n rgba(99, 100, 255, 0) 60%\n );\n }\n\n .theme-mastodon-light .account__header__bar,\n .theme-mastodon-light .column-header__back-button,\n .account__header__bio .account__header__fields dl,\n .account__header__bio .account__header__fields,\n .empty-column-indicator,\n .column > .scrollable,\n .nothing-here,\n .public-layout .public-account-bio,\n .hero-widget__text,\n &.admin,\n .admin-wrapper .sidebar ul a.selected,\n .admin-wrapper .sidebar ul ul {\n border-color: @mantle;\n background: @base;\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-color;\n }\n\n .account,\n .load-gap {\n border-color: @mantle;\n }\n\n .account__section-headline a.active::after {\n border-color: transparent transparent @base;\n }\n\n .account__section-headline a.active::before,\n .account__section-headline button.active::after,\n .account__section-headline button.active::before,\n .notification__filter-bar a.active::after,\n .notification__filter-bar a.active::before,\n .notification__filter-bar button.active::after,\n .notification__filter-bar button.active::before {\n border-color: transparent transparent @mantle;\n }\n\n .search-popout,\n .drawer__header a:hover,\n .column-header__button:hover,\n .account__section-headline button:hover,\n .notification__filter-bar button:hover,\n .account__section-headline a:hover {\n background: @surface2;\n }\n\n .column-link .active,\n .column-link--transparent.active,\n .column-link--transparent:focus,\n .column-link:focus {\n color: @accent-color;\n }\n\n .column-link--transparent:hover,\n .column-link:hover {\n color: @accent-color;\n }\n\n .status.collapsed .status__content::after {\n background: linear-gradient(fadeout(@base, 100), @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-color;\n }\n\n .button,\n .button.button-tertiary,\n .button.logo-button,\n .icon-with-badge__badge {\n background: @accent-color;\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-color;\n }\n .button.button-secondary:active,\n .button.button-secondary:focus,\n .button.button-secondary:hover {\n border-color: @accent-color;\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-color;\n }\n\n .drawer__inner,\n .drawer__inner__mastodon,\n .explore__search-header .search__input {\n background-color: @base;\n }\n\n .compose-form .compose-form__modifiers,\n .compose-form .autosuggest-textarea__textarea,\n .compose-form .compose-form__autosuggest-wrapper,\n .compose-form .spoiler-input__input {\n background: @surface1 !important;\n color: @text !important;\n }\n\n .compose-form .autosuggest-textarea__textarea::placeholder {\n color: @subtext0 !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 .search__popout,\n .dropdown-menu__arrow::before,\n .dropdown-menu__item a,\n .dropdown-menu__item button,\n .dropdown-menu__container__list,\n .dropdown-menu.bottom {\n background: @surface0;\n color: @text;\n }\n\n .dropdown-menu__item a:hover,\n .dropdown-menu__item button:hover {\n background: @surface1;\n }\n\n .input-copy,\n .simple_form input[type=\"text\"],\n .simple_form textarea,\n .simple_form .block-button,\n .simple_form .button,\n .simple_form button {\n background: @mantle;\n color: @text;\n }\n\n .simple_form .block-button:hover,\n .simple_form .button:hover,\n .simple_form button:hover {\n background: @surface0;\n }\n\n .simple_form .input.with_label .label_input > label,\n .simple_form select,\n .accounts-table__count,\n .simple_form textarea {\n color: @text;\n }\n\n .simple_form textarea,\n .simple_form input[type=\"password\"],\n .simple_form input[type=\"number\"],\n .simple_form input[type=\"text\"] {\n border-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 .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-color !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-color !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-color !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}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Modrinth Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/modrinth","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/modrinth","version":"1.1.2","description":"Soothing pastel theme for Modrinth","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/modrinth/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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 Modrinth Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/modrinth\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/modrinth\n@version 1.1.2\n@description Soothing pastel theme for Modrinth\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/modrinth/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document regexp(\".*https:\\\\/\\\\/(www\\\\.|staging\\\\.|)modrinth\\\\.com.*\") {\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; @shadow: #dbdfef; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; @shadow: #010409; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; @shadow: #010409; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; @shadow: #010409; };\n }\n\n .light-mode {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n .dark-mode,\n .oled-mode {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @shadow: @catppuccin[@@lookup][@shadow];\n @accent-Color: @catppuccin[@@lookup][@@accent];\n\n --color-bg: @crust;\n --color-ad-raised: @surface2;\n --color-ad: @surface1;\n --color-brand-green: @accent-Color;\n --color-button-bg-active: @overlay0;\n --color-button-bg-hover: @surface2;\n --color-button-bg: @surface1;\n --color-button-text-hover: @text;\n --color-button-text: @subtext1;\n --color-divider: @surface0;\n --color-heading: @yellow;\n --color-icon: @text;\n --color-link-active: @teal;\n --color-link-hover: @sky;\n --color-link: @sapphire;\n --color-raised-bg: @base;\n --color-special-blue: @sapphire;\n --color-special-orange: @peach;\n --color-special-purple: @mauve;\n --color-special-red: @red;\n --color-text: @subtext1;\n --color-text-inactive: @overlay1;\n --color-brand-inverted: @shadow;\n --color-text-dark: @text;\n --color-table-alternate-row: @crust;\n --color-table-border: @overlay0;\n\n .BDVE3s9MFQttmbMUeYup-2 a b,\n .BDVE3s9MFQttmbMUeYup-2 a strong {\n color: @accent-Color;\n }\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Nitter Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/nitter","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/nitter","version":"2.0.5","description":"Soothing pastel theme for Nitter","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/nitter/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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"}]}}},"sourceCode":"/* ==UserStyle==\n@name Nitter Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/nitter\n@homepageURL\thttps://github.com/catppuccin/userstyles/tree/main/styles/nitter\n@version 2.0.5\n@description Soothing pastel theme for Nitter\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/nitter/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [ \"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green*\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\" ]\n==/UserStyle== */\n@-moz-document domain(\"nitter.net\"), domain(\"nitter.unixfox.eu\"), domain(\"nitter.42l.fr\"), domain(\"nitter.fdn.fr\"), domain(\"nitter.1d4.us\"), domain(\"nitter.kavin.rocks\"), domain(\"nitter.namazso.eu\"), domain(\"nitter.hu\"), domain(\"bird.trom.tf\"), domain(\"nitter.it\"), domain(\"twitter.censors.us\"), domain(\"nitter.grimneko.de\"), domain(\"n.hyperborea.cloud\"), domain(\"nitter.ca\"), domain(\"twitter.076.ne.jp\"), domain(\"nitter.mstdn.social\"), domain(\"nitter.fly.dev\"), domain(\"nitter.weiler.rocks\"), domain(\"nitter.sethforprivacy.com\"), domain(\"nttr.stream\"), domain(\"nitter.tiekoetter.com\"), domain(\"nitter.spaceint.fr\"), domain(\"nitter.privacy.com.denitter.mastodon.pro\"), domain(\"nitter.notraxx.chnitter.poast.org\"), domain(\"nitter.bird.froth.zone\"), domain(\"nitter.dcs0.hu\"), domain(\"twitter.beparanoid.de\"), domain(\"n.ramle.be\"), domain(\"nitter.cz\"), domain(\"nitter.privacydev.net\"), domain(\"tweet.lambda.dance\"), domain(\"nitter.kylrth.com\"), domain(\"nitter.oishi-ra.men\"), domain(\"nitter.foss.wtf\"), domain(\"nitter.priv.pw\"), domain(\"t.com.sb\") {\n body {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n @media (prefers-color-scheme: light) {\n body {\n #catppuccin(@lightFlavor, @accentColor);\n }\n }\n @media (prefers-color-scheme: dark) {\n body {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frapp: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #rgbify(@color) {\n @rgb-raw: red(@color) green(@color) blue(@color);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent: @catppuccin[@@lookup][@@accentColor];\n\n /* PREDEFINED COLORS */\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 background-color: var(--bg_color);\n color: var(--fg_color);\n line-height: 1.3;\n margin: 0;\n\n /* Fix Poll Leader color */\n .poll-meter.leader {\n color: var(--bg_color);\n }\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"NixOS Search Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/nixos-search","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/nixos-search","version":"0.3.0","description":"Soothing pastel theme for NixOS Search","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/nixos-search/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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"}]}}},"sourceCode":"/* ==UserStyle==\n@name NixOS Search Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/nixos-search\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/nixos-search\n@version 0.3.0\n@description Soothing pastel theme for NixOS Search\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/nixos-search/catppuccin.user.css\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue*\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"search.nixos.org\") {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n /* Generic */\n html,\n body {\n background-color: @base;\n color: @text;\n }\n\n code,\n pre {\n color: @red;\n background-color: @surface0;\n border-color: @mantle;\n }\n\n a,\n a:hover,\n a:focus {\n color: @accent-color;\n }\n\n /* Navbar */\n .navbar .navbar-static-top {\n background-color: @mantle;\n }\n\n .navbar-inner {\n background-color: @mantle;\n background-image: none;\n border-color: @base;\n }\n\n .nav-tabs {\n border-bottom-color: @surface0;\n }\n\n .nav-tabs > .active > a,\n .nav-tabs > .active > a:hover,\n .nav-tabs > .active > a:focus {\n background-color: @base;\n border-color: @surface0;\n color: @text;\n }\n\n .navbar .nav > li > a {\n text-shadow: none;\n color: @subtext0;\n }\n\n .navbar .nav > li > a:focus,\n .navbar .nav > li > a:hover {\n color: @text;\n }\n\n .navbar .nav > .active > a,\n .navbar .nav > .active > a:hover,\n .navbar .nav > .active > a:focus {\n background-color: @surface0;\n color: @text;\n }\n\n /* Installation instructions tabs */\n .nav > li > a:hover,\n .nav > li > a:focus {\n background-color: @surface0;\n border-color: @surface0;\n }\n\n /* \"Experimental\" label */\n .label,\n .badge {\n background-color: @accent-color;\n color: @crust;\n text-shadow: none;\n }\n\n /* Buttons */\n .btn {\n background-color: @surface0;\n background-image: none;\n text-shadow: none;\n box-shadow: none;\n color: @text;\n border-color: @base;\n }\n\n .btn:focus {\n color: @text;\n background-color: @surface1;\n }\n\n .btn:hover,\n .btn:active,\n .btn.active,\n .btn.disabled,\n .btn[disabled] {\n background-color: @surface1;\n color: @text;\n }\n\n /* \"Sort\" menu */\n .dropdown-menu {\n background-color: @mantle;\n border-color: @crust;\n box-shadow: 0 5px 10px @mantle;\n }\n\n .dropdown-menu > li > a {\n color: @text;\n }\n\n .dropdown-menu > li > a:hover,\n .dropdown-menu > li > a:focus,\n .dropdown-submenu:hover > a,\n .dropdown-submenu:focus > a {\n background-color: @surface0;\n background-image: none;\n }\n\n .dropdown-menu .divider {\n background-color: @surface0;\n border-bottom-color: @surface0;\n }\n\n .dropdown .caret {\n border-top-color: @text;\n }\n\n /* Overrides menu item hover color */\n .search-page\n > .search-results\n > div\n > :first-child\n > div:first-child\n > ul\n > li\n > a {\n color: @text;\n }\n\n /* Loading indicator */\n .loader {\n color: @crust;\n }\n\n /* Input box */\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 background-color: @surface0;\n color: @text;\n border-color: @base;\n }\n\n textarea:focus,\n input[type=\"text\"]:focus,\n input[type=\"password\"]:focus,\n input[type=\"datetime\"]:focus,\n input[type=\"datetime-local\"]:focus,\n input[type=\"date\"]:focus,\n input[type=\"month\"]:focus,\n input[type=\"time\"]:focus,\n input[type=\"week\"]:focus,\n input[type=\"number\"]:focus,\n input[type=\"email\"]:focus,\n input[type=\"url\"]:focus,\n input[type=\"search\"]:focus,\n input[type=\"tel\"]:focus,\n input[type=\"color\"]:focus,\n .uneditable-input:focus {\n border-color: @accent-color;\n box-shadow:\n inset 0 1px 1px @crust,\n 0 0 8px @accent-color;\n }\n\n /* Fix input box placeholder text */\n textarea::placeholder,\n input[type=\"text\"]::placeholder,\n input[type=\"password\"]::placeholder,\n input[type=\"datetime\"]::placeholder,\n input[type=\"datetime-local\"]::placeholder,\n input[type=\"date\"]::placeholder,\n input[type=\"month\"]::placeholder,\n input[type=\"time\"]::placeholder,\n input[type=\"week\"]::placeholder,\n input[type=\"number\"]::placeholder,\n input[type=\"email\"]::placeholder,\n input[type=\"url\"]::placeholder,\n input[type=\"search\"]::placeholder,\n input[type=\"tel\"]::placeholder,\n input[type=\"color\"]::placeholder,\n .uneditable-input::placeholder {\n color: @subtext0;\n }\n\n /* Search results */\n .search-page > .search-results > div > :nth-child(2) > li {\n border-bottom-color: @surface0;\n }\n\n .search-page > .search-results > div > :nth-child(2) > li > :first-child {\n color: @accent-color;\n }\n\n .search-page\n > .search-results\n > div\n > :nth-child(2)\n > li.package\n > :nth-child(5)\n > :nth-child(2)\n ul.nav-tabs\n > li\n > a {\n color: @text;\n }\n\n .search-page\n > .search-results\n > div\n > :nth-child(2)\n > li.package\n > :nth-child(5)\n > :nth-child(2)\n pre {\n color: @text;\n background-color: @mantle;\n }\n\n .search-page\n > .search-results\n > div\n > :nth-child(2)\n > li.package\n .result-item-show-more {\n background-color: @base;\n color: @text;\n }\n\n .search-page\n > .search-results\n > div\n > :nth-child(2)\n > li.package\n > :nth-child(3)\n > li {\n color: @text;\n }\n\n .search-page\n > .search-results\n > div\n > :nth-child(2)\n > li.package\n > :nth-child(5)\n > :nth-child(2)\n div.tab-content {\n border-color: @surface0;\n }\n\n .search-page\n > .search-results\n > div\n > :nth-child(2)\n > li.option\n > :nth-child(2)\n > div:nth-child(2n)\n pre\n code {\n color: @text;\n background-color: @mantle;\n }\n\n /* Search sidebar */\n .search-page ul.search-sidebar > li {\n border-color: @surface0;\n }\n\n .search-page ul.search-sidebar > li > ul > li > a {\n color: @text;\n }\n\n .search-page ul.search-sidebar > li > ul > li > a:hover {\n background-color: @surface0;\n }\n\n .search-page ul.search-sidebar > li > ul > li > a.selected {\n color: @crust;\n background-color: @accent-color;\n }\n\n /* Override sidebar labels (number of packages) */\n .search-sidebar .label,\n .search-sidebar .badge {\n background-color: @surface0;\n color: @text;\n text-shadow: none;\n }\n\n /* Pager */\n .pager li > a,\n .pager li > span {\n color: @text;\n background-color: @surface0;\n border-radius: 5px;\n }\n\n .pager li > a:hover,\n .pager li > a:focus {\n background-color: @surface1;\n }\n\n .pager .disabled > a,\n .pager .disabled > a:hover,\n .pager .disabled > a:focus,\n .pager .disabled > span {\n color: @text;\n background-color: @mantle;\n border-radius: 5px;\n }\n }\n}\n\n/* prettier-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n}\n// vim:ft=less\n"},{"enabled":true,"name":"NixOS Wiki Catppuccin","description":"Soothing pastel theme for NixOS Wiki","author":"Catppuccin","updateUrl":"https://github.com/catppuccin/userstyles/raw/main/styles/nixos.wiki/catppuccin.user.css","usercssData":{"name":"NixOS Wiki Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/nixos.wiki","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/nixos.wiki","version":"0.0.2","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/nixos.wiki/catppuccin.user.css","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":"sapphire","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Gray","value":"subtext0"}]}}},"sourceCode":"/* ==UserStyle==\n@name NixOS Wiki Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/nixos.wiki\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/nixos.wiki\n@version 0.0.2\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/nixos.wiki/catppuccin.user.css\n@description Soothing pastel theme for NixOS Wiki\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain('nixos.wiki') {\n #catppuccin(@lookup, @accent-color) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent: @catppuccin[@@lookup][@@accent-color];\n\n :root {\n color-scheme: if(@lookup = latte, light, dark);\n }\n\n html[data-darkreader-scheme=\"dark\"] body::before {\n content: \"Please turn off DarkReader for this domain when Catppuccin for NixOS Wiki is active.\";\n background: @red;\n box-shadow:\n 0 4px 16px fade(@crust, 10%),\n 0 8px 32px fade(@crust, 5%);\n color: @crust;\n position: fixed;\n top: 0;\n right: 0;\n z-index: 99999;\n max-width: 24rem;\n padding: 0.75rem;\n margin: 0.5rem;\n border-radius: 5px;\n }\n\n body {\n background-color: @base;\n }\n hr {\n border-color: @surface2;\n }\n .navbar-default {\n color: @text;\n background-color: @mantle !important;\n background-image: none !important;\n border-color: transparent !important;\n\n .navbar-brand {\n color: @blue;\n &:hover {\n color: @sky;\n }\n }\n\n li {\n a {\n color: @text !important;\n &:hover {\n color: @subtext0 !important;\n }\n }\n &.nav.open > a,\n ul {\n background-color: @surface0 !important;\n background-image: none !important;\n a:hover {\n background-color: fade(@surface1, 50%) !important;\n background-image: none !important;\n }\n }\n }\n .active > a {\n color: @crust !important;\n &:hover {\n color: @base !important;\n }\n background: @blue !important;\n }\n }\n\n .search-query.form-control {\n background-color: @surface0;\n border-color: @surface0;\n }\n\n * {\n color: @text;\n }\n\n a {\n color: @blue;\n &:hover {\n color: @sky;\n }\n &.new {\n color: @red;\n &:hover {\n color: @maroon;\n }\n }\n }\n\n .panel {\n background-color: @mantle;\n border-color: @mantle;\n .panel-heading {\n color: @text;\n background-color: @surface0 !important;\n border-bottom-color: @surface2;\n img {\n & when not (@lookup = latte) {\n filter: invert(100%);\n }\n }\n }\n }\n\n .btn-primary {\n color: @crust;\n background-color: @blue !important;\n background-image: none !important;\n border-color: @crust !important;\n &:hover {\n color: @crust !important;\n background-color: @sky !important;\n background-image: none !important;\n }\n }\n\n table {\n &,\n * {\n color: @text;\n border-color: @overlay0 !important;\n background-color: @mantle;\n }\n th {\n &,\n * {\n background-color: @surface0 !important;\n }\n }\n }\n\n blockquote,\n cite {\n border-left-color: @pink !important;\n }\n\n cite a {\n color: @pink;\n &:hover {\n color: @rosewater;\n }\n }\n\n pre,\n code {\n box-shadow: none !important;\n background-color: @mantle;\n border-color: @crust;\n }\n pre {\n color: @text;\n }\n code {\n color: @rosewater;\n }\n\n *[style*=\"background-color: #C1E5FF\"] {\n color: @text !important;\n background-color: fade(@blue, 15%) !important;\n border-color: @blue !important;\n }\n\n *[style*=\"background-color: #FFD0B7\"] {\n color: @text !important;\n background-color: fade(@peach, 15%) !important;\n border-color: @peach !important;\n }\n\n *[style*=\"background: #F6F6F6\"] {\n color: @text !important;\n background-color: fade(@overlay0, 15%) !important;\n border-color: @overlay0 !important;\n }\n\n .mw-highlight,\n .mw-highlight > pre {\n color: @text !important;\n background-color: @mantle !important;\n\n // env assignment\n .nv {\n color: @text;\n }\n // dollar sign\n .gp {\n color: @pink;\n }\n // comment\n .c1,\n .cm {\n color: @overlay2;\n }\n // strings\n .s1,\n .s2,\n .se {\n color: @green;\n }\n // string interpolation\n .si {\n color: @pink;\n }\n // lhe\n .ss,\n .nb {\n color: @blue;\n }\n // operators\n .p,\n .o {\n color: @teal;\n }\n // numbers, boolean\n .mi,\n .no {\n color: @peach;\n }\n // keyword\n .k,\n .ow {\n color: @mauve;\n }\n // etc\n .go {\n color: @text;\n }\n // diff added\n .gi {\n color: @green;\n }\n // diff removed\n .gd {\n color: @red;\n }\n // diff header\n .gh {\n color: @text;\n }\n // diff changes\n .gu {\n color: @peach;\n }\n }\n\n .suggestions {\n .suggestions-result {\n background-color: @mantle;\n &:hover {\n background-color: mix(@base, @mantle, 50%);\n }\n color: @text;\n .highlight {\n color: @accent;\n }\n }\n .suggestions-results {\n border-color: @surface0 !important;\n }\n .suggestions-special {\n border-color: @surface0 !important;\n background-color: @mantle;\n &:hover {\n background-color: mix(@accent, @mantle, 15%);\n }\n .special-label {\n color: @subtext0;\n }\n .special-query {\n color: @text;\n }\n }\n }\n\n .toc {\n li.active > a {\n border-left-color: @accent !important;\n }\n ul.nav a:hover {\n background: @accent !important;\n &,\n * {\n color: @crust !important;\n }\n }\n }\n\n #catlinks {\n background-color: @mantle;\n border-color: @mantle;\n }\n\n #footer {\n background-color: @mantle;\n }\n }\n\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor, @accentColor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n // prettier-ignore\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; }\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; }\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; }\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; }\n }\n}\n// vim:ft=less\n"},{"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.css","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":"0.0.2","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/paste.rs/catppuccin.user.css","description":"Soothing pastel theme for paste.rs","author":"Catppuccin","license":"MIT","preprocessor":"less","vars":{"flavor":{"type":"select","label":"Flavor","name":"flavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","value":null,"default":"sapphire","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Gray","value":"subtext0"}]}}},"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 0.0.2\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/paste.rs/catppuccin.user.css\n@description Soothing pastel theme for paste.rs\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"paste.rs\") {\n #catppuccin(@flavor, @accentColor);\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n body {\n background-color: @mantle;\n color: @text;\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 /* Syntax-highlighted code */\n pre {\n background-color: @base !important;\n }\n /* Main text */\n span[style=\"color:#657b83;\"] {\n color: @text !important;\n }\n span[style=\"color:#859900;\"] {\n color: @yellow !important;\n }\n span[style=\"color:#268bd2;\"] {\n color: @sky !important;\n }\n /* Comments */\n span[style=\"color:#93a1a1;\"] {\n color: @overlay1 !important;\n }\n span[style=\"color:#b58900;\"] {\n color: @yellow !important;\n }\n span[style=\"color:#586e75;\"] {\n color: @mauve !important;\n }\n /* Quotes */\n span[style=\"color:#839496;\"] {\n color: @green !important;\n }\n /* String literals */\n span[style=\"color:#2aa198;\"] {\n color: @green !important;\n }\n span[style=\"color:#6c71c4;\"] {\n color: @teal !important;\n }\n /* self/this */\n span[style=\"color:#d33682;\"] {\n color: @red !important;\n }\n /* Constants */\n span[style=\"color:#cb4b16;\"] {\n color: @peach !important;\n }\n /* String escape sequences */\n span[style=\"color:#dc322f;\"] {\n color: @maroon !important;\n }\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Pinterest Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/pinterest","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/pinterest","version":"1.0.2","description":"Soothing pastel theme for Pinterest","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/pinterest/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","value":null,"default":"mauve","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"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 1.0.2\n@description Soothing pastel theme for Pinterest\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/pinterest/catppuccin.user.css\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [ \"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\" ]\n@var select darkFlavor \"Dark Flavor\" [ \"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\" ]\n@var select accentColor \"Accent\" [ \"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve*\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\" ]\n==/UserStyle== */\n\n@-moz-document regexp(\"^https?:\\\\/\\\\/(www|[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 /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; }\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; }\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; }\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; }\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accentColor: @catppuccin[@@lookup][@@accent];\n\n :root {\n --g-colorGray0: @mantle;\n --color-border-container: @mantle;\n --color-gray-roboflow-400: lighten(@mantle, 1%);\n --color-text-icon-default: @text;\n --color-background-default: @base;\n --g-color-focus: @accentColor;\n }\n\n .Dl7 {\n border-color: transparent !important;\n }\n\n svg.ztu > path {\n fill: @subtext0 !important;\n }\n\n /* Body */\n\n body,\n div[data-test-id=\"pin-builder\"] {\n background-color: @base !important;\n height: auto !important;\n }\n\n .O2T,\n .pBj,\n h3,\n h5,\n div,\n input[type=\"text\"] {\n color: @text !important;\n }\n\n .a_A:focus,\n .a_A:hover {\n background-color: fadeout(@accentColor, 25%) !important;\n }\n\n :focus,\n :focus-within,\n :focus-visible {\n outline-color: @accentColor !important;\n }\n\n div#searchBoxContainer\n &\n div[style=\"padding: 0px 0px 0px 16px; height: 100%; border-radius: 24px; box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 4px;\"],\n div#searchBoxContainer\n &\n div[style=\"padding: 0px 4px 0px 16px; height: 100%; border-radius: 24px; box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 4px;\"],\n div[data-test-id=\"add-pin-to-conversation\"]\n &\n div[style=\"border: 1px solid transparent; box-shadow: rgba(0, 132, 255, 0.5) 0px 0px 0px 4px; padding: 4px 15px; min-height: 48px; width: 100%;\"] {\n box-shadow: 0 0 0 4px @accentColor !important;\n }\n\n .iyn:focus,\n .C1J {\n box-shadow: 0 0 0 4px @accentColor;\n }\n\n .hCL.kVc.L4E.MIw {\n background-color: transparent !important;\n }\n\n div[data-test-id=\"skipToContentContainer\"] & div {\n background-color: @accentColor !important;\n color: @mantle !important;\n }\n\n div.Dl7.rTt.mi-.ho-.ygj._O1.XbT.DHH.kFh {\n background-color: @accentColor !important;\n & div {\n color: @mantle !important;\n }\n }\n\n /** Mobile **/\n\n div._he.urM.zI7.iyn.Hsu {\n border-color: transparent !important;\n }\n\n /* About */\n\n h1.lH1.dyH.iFc.H2s.bwj.c8S.zDA,\n h2.lH1.dyH.iFc.H2s.bwj.c8S.zDA {\n color: @accentColor !important;\n }\n\n div[data-test-id=\"signup-default-modal\"] {\n background-color: @base !important;\n & h1 {\n color: @text !important;\n }\n & div.oy8.zI7.iyn.Hsu svg > path {\n fill: @accentColor !important;\n }\n }\n\n div[data-test-id=\"registerFormSubmitButton\"] {\n & button.red {\n background-color: @accentColor !important;\n & div {\n color: @mantle !important;\n }\n }\n & button.red:hover,\n & button.red:focus {\n background-color: fadeout(@accentColor, 25%) !important;\n }\n }\n\n div[style=\"height: 200px; background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%);\"] {\n background: linear-gradient(\n fadeout(@base, 100%) 0%,\n @base 70%\n ) !important;\n }\n\n div[data-test-id=\"how-it-works-container\"] {\n background-color: @yellow !important;\n & div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s {\n background-color: transparent !important;\n color: @base !important;\n }\n & svg > path {\n fill: @base !important;\n }\n }\n\n div[data-anchor=\"search\"] {\n background-color: @yellow !important;\n & div.zI7.iyn.Hsu {\n color: @base !important;\n }\n & div.JME.zI7.iyn.Hsu {\n color: @text !important;\n }\n }\n\n div[data-anchor=\"save\"] {\n background-color: @lavender !important;\n & div.zI7.iyn.Hsu {\n color: @base !important;\n }\n }\n\n div[data-anchor=\"shop\"] {\n background-color: @rosewater !important;\n & div.zI7.iyn.Hsu {\n color: @base !important;\n }\n }\n\n /** Mobile **/\n\n div.QLY.Rym.XiG.Zr3.zI7.iyn.Hsu {\n background-color: @base !important;\n }\n\n /* Button */\n\n .Jrn,\n .gpV {\n background-color: @accentColor !important;\n & div {\n color: @base !important;\n }\n }\n\n .BsF {\n background-color: @mantle !important;\n }\n\n .u97 {\n background-color: fadeout(@base, 31%) !important;\n }\n\n .NSs.bPW,\n .NSs.Xsi {\n background-color: @surface0 !important;\n }\n\n .NSs.s4m {\n background-color: @surface2 !important;\n }\n\n .bmw,\n .Jea.Lfz.gjz.hA-.wYR.zI7.iyn.Hsu {\n background-color: @base !important;\n }\n\n .bmw:focus,\n .bmw:hover,\n .W6-:focus,\n .W6-:hover,\n .Jea.Lfz.gjz.hA-.wYR.zI7.iyn.Hsu:hover,\n .DUt.XiG._wN.eZS.hA-.wYR.zI7.iyn.Hsu:hover,\n ._HI,\n .eZS,\n .zI8:focus,\n .zI8:hover,\n .BsF:hover,\n .BsF:focus {\n background-color: fadeout(@base, 31%) !important;\n }\n\n .Il7:hover,\n .Il7:focus {\n background-color: fadeout(@accentColor, 25%) !important;\n }\n\n input.D8X.Hsu.tBJ.dyH.iFc.sAJ.L4E.Bvi.iyn.H_e.pBj.qJc.TKt.LJB.xD4.z-6,\n textarea.Gnj.Hsu.tBJ.dyH.iFc.sAJ.L4E.Bvi.iyn.H_e.pBj.qJc.TKt.LJB,\n div.D8X.Hsu.tBJ.dyH.iFc.sAJ.L4E.Bvi.iyn.H_e.pBj.qJc.TKt.LJB.xD4.BMi.rNx {\n background-color: @mantle;\n border-color: transparent !important;\n }\n\n /** Mobile **/\n\n div.IVF.Jea.mQ8.zI7.iyn.Hsu {\n background-color: @accentColor !important;\n & span {\n color: @base !important;\n }\n }\n\n /* Header */\n\n .GjR,\n .sj_ {\n color: @accentColor !important;\n }\n\n .P_h {\n background-color: @crust !important;\n & span {\n color: @text !important;\n }\n }\n\n .urM,\n .SpV,\n .DUt.XiG._wN.hA-.urM.wYR.zI7.iyn.Hsu,\n .DUt.XiG._wN.eZS.hA-.wYR.zI7.iyn.Hsu,\n .ProPartnerHeaderMenuList .proPartnerHeaderMenuItem:hover {\n background-color: @base !important;\n }\n\n /* Search */\n\n div.Jea.fev.zI7.iyn.Hsu,\n div[data-test-id=\"search-tab-bar\"] {\n background-color: @mantle !important;\n }\n\n div.sLG.urM.zI7.iyn.Hsu & div.hs0.un8.C9i.TB_ {\n background-color: @base !important;\n }\n\n input#search {\n color: @text !important;\n }\n\n span.tBJ.dyH.iFc.sAJ.EdS.zDA.IZT.swG {\n color: @overlay1 !important;\n }\n\n div.C9q.Jea.KS5.Lfz.XiG.Zr3._HI.zI7.iyn.Hsu {\n background-color: @mantle !important;\n }\n\n div.C9q.Jea.KS5.Lfz.XiG.Zr3.hle.zI7.iyn.Hsu {\n background-color: fadeout(@mantle, 25%) !important;\n }\n\n /** Mobile **/\n\n div[data-test-id=\"header\"] {\n border-color: @mantle !important;\n }\n\n div.VxL.fZz.hA-.ho-.zI7.iyn.Hsu {\n background-color: @mantle !important;\n & svg > path {\n fill: @accentColor !important;\n }\n }\n\n /* Profile */\n\n div[data-test-id=\"profile-header\"],\n div[data-test-id=\"PinTypeIdentifier\"],\n div.hs0.mQ8.un8.C9i.TB_ div.Pj7.sLG.XiG.INd.m1e div.XiG.zI7.iyn.Hsu,\n div.Pj7.sLG.XiG.INd.m1e div.XiG.zI7.iyn.Hsu,\n div.Jea._HI.fev.zI7.iyn.Hsu div.MMh._Y5.feh.s7I.zI7.iyn.Hsu,\n .MMh._Y5.feh.s7I.zI7.iyn.Hsu,\n div.qiB div.fZz.urM.zI7.iyn.Hsu,\n div.zIH.PC4.XiG {\n background-color: @base !important;\n }\n\n div.hs0.mQ8.un8.C9i.TB_ div.INd.XiG.zI7.iyn.Hsu {\n box-shadow: none !important;\n }\n\n div[data-test-id=\"gestalt-avatar-svg\"] {\n border-color: transparent !important;\n & div.INd.XiG._HI.zI7.iyn.Hsu {\n background-color: @crust !important;\n & svg > text {\n fill: @text !important;\n }\n }\n }\n\n div.KS5.jzS.un8.C9i.TB_ & div.DUt.XiG._HI._wN.hA-.wYR.zI7.iyn.Hsu {\n background-color: @mantle !important;\n }\n\n div.MIw.QLY.Rym.ojN.p6V.zI7.iyn.Hsu div.XiG.zI7.iyn.Hsu {\n background-color: fadeout(@base, 31%) !important;\n }\n\n div.MIw.QLY.Rym.ojN.p6V.sLG.zI7.iyn.Hsu {\n border-color: @mantle !important;\n }\n\n div.INd.Jea.KS5.mQ8.zI7.iyn.Hsu[style=\"height: 30px; width: 30px; border: 2px solid rgb(17, 17, 17);\"] {\n border-color: @mantle !important;\n }\n\n div.Jea.KS5.MtH.jzS.kKU.zI7.iyn.Hsu {\n & svg.gUZ.R19.U9O.kVc > path {\n fill: @mantle !important;\n }\n & div.VxL.zI7.iyn.Hsu button {\n background-color: transparent !important;\n }\n }\n\n div[data-test-id=\"copy-link-share-icon-auth\"],\n div[data-test-id=\"search-for-users-button\"],\n div[data-test-id=\"email-share-button-auth\"] {\n & button svg {\n & path {\n fill: @mantle !important;\n }\n & rect {\n fill: @accentColor !important;\n }\n }\n }\n\n div.Jea.KS5._HI.ho-.mQ8.zI7.iyn.Hsu {\n background-color: @mantle !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n div.Jea.KS5.hle.ho-.mQ8.zI7.iyn.Hsu {\n background-color: fadeout(@mantle, 25%) !important;\n }\n\n div[aria-label=\"Change Board Cover\"]\n &\n div.MIw.QLY.Rym.ojN.p6V.zI7.iyn.Hsu\n &\n span {\n background-color: @base !important;\n }\n\n div.MIw.hA-.ojN.p6V.wYR.zI7.iyn.Hsu\n &\n div[style=\"height: 44px; width: 44px; background: rgba(255, 255, 255, 0.8);\"] {\n background-color: fadeout(@mantle, 20%) !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n div.MIw.hA-.ojN.p6V.wYR.zI7.iyn.Hsu\n &\n div[style=\"height: 44px; width: 44px; background: white;\"] {\n background-color: @mantle !important;\n }\n\n div.DUt.Jea.KS5.UNK.mQ8.zI7.iyn.Hsu {\n background-color: @mantle !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n button\n &\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.G0a.BsF.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: @mantle !important;\n }\n\n button:hover\n &\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.G0a.BsF.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: fadeout(@mantle, 25%) !important;\n }\n\n div.pincodeMain & svg & path#background {\n fill: @base !important;\n }\n\n div.pincodeCTA & svg {\n & path[fill=\"#111111\"] {\n fill: @text !important;\n }\n & path[fill=\"#E60023\"] {\n fill: @accentColor !important;\n }\n & path[fill=\"white\"] {\n fill: @base !important;\n }\n }\n\n h1.lH1.dyH.iFc.H2s.R-d.EdS.tg7.IZT {\n color: @overlay2 !important;\n }\n\n div[data-test-id=\"pinRepSelectionBorder\"] {\n border-color: @text !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n div[data-test-id=\"pinRepSelectionBorder\"][style=\"z-index: 1; border-width: 3px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 16px; box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px inset;\"] {\n border-color: @mantle !important;\n box-shadow: inset 0 0 0 3px @accentColor !important;\n }\n\n div.CCY.S9z.INd.oCZ.Tbt.L4E.e8F.BG7 & div.INd.zI7.iyn.Hsu {\n background-color: fadeout(@mantle, 25%) !important;\n & svg > path {\n fill: @text !important;\n }\n & div.INd.P_h.YFA.Zr3.hUC.zI7.iyn.Hsu {\n background-color: @mantle !important;\n }\n }\n\n div.tBJ.dyH.iFc.sAJ.xnr.zDA.IZT.H2s,\n a.Wk9.CCY.S9z.eEj.kVc.xQ4.uCz {\n color: if((@lookup = latte), @mantle, @text) !important;\n }\n\n div[data-test-id=\"boardSelectionDropdown\"] & svg.gUZ.PLa.U9O.kVc > path {\n fill: if((@lookup = latte), @mantle, @text) !important;\n }\n\n /** Mobile **/\n\n div.CCY.S9z.INd.Tbt.L4E.e8F.BG7 & div.INd.hA-.wYR.zI7.iyn.Hsu {\n background-color: fadeout(@mantle, 25%) !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n /* Content */\n\n div[data-root-margin=\"more-ideas-tabs\"] div.urM.zI7.iyn.Hsu,\n .Jea.jx-.l7T.zI7.iyn.Hsu & div.INd.Jea.KS5.mQ8.sLG.zI7.iyn.Hsu,\n div[data-test-id=\"shop-button\"],\n div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s {\n background-color: @base !important;\n }\n\n div[aria-label=\"reaction\"] .INd.zI7.iyn.Hsu,\n div.div.IB7.XiG.zI7.iyn.Hsu {\n background-color: @surface0 !important;\n }\n\n div[aria-label=\"reaction\"] .INd.zI7.iyn.Hsu:hover {\n background-color: @surface1 !important;\n }\n\n div.KS5.jzS.mQ8.un8.C9i.TB_ & div.zI7.iyn.Hsu {\n background-color: transparent !important;\n }\n\n div[data-test-id=\"inline-comment-composer-container\"] {\n border-color: @mantle !important;\n }\n\n div._HI.fev.ujU.wsz.zI7.iyn.Hsu {\n background-color: @base !important;\n color: @text !important;\n }\n\n div.fev.hle.ujU.wsz.zI7.iyn.Hsu {\n background-color: fadeout(@mantle, 25%) !important;\n color: @text !important;\n }\n\n svg.gUZ.PLa.U9O.kVc > path {\n fill: @text !important;\n }\n\n div.x8f.INd._O1.KS5.mQ8.NSs.u97.bPW,\n div.x8f.INd._O1.KS5.mQ8.NSs.u97.s4m {\n background-color: @mantle !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\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: @accentColor;\n --epr-highlight-color: @accentColor;\n --epr-hover-bg-color: @surface0;\n --epr-focus-bg-color: @surface0;\n }\n\n textarea.PinNoteInput {\n background-color: @base !important;\n color: @text !important;\n caret-color: @text !important;\n }\n\n div.Zr3.hUC.xcv.L4E.zI7.iyn.Hsu {\n background-color: @lavender !important;\n & div {\n color: @crust !important;\n }\n }\n\n div.DUt.Jea.QLY.XiG.jzS.ojN.p6V.ujU.urM.zI7.iyn.Hsu,\n div.DUt.Jea.MIw.QLY.jzS.ojN.p6V.ujU.urM.zI7.iyn.Hsu {\n border-color: transparent !important;\n }\n\n div.MZ3.fZz.hUC.ho-.zI7.iyn.Hsu {\n background-color: @mantle !important;\n & span {\n color: @text !important;\n }\n }\n\n button\n &\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.DZT.I56.Zr3.C9q.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: @accentColor !important;\n & div {\n color: @mantle !important;\n }\n }\n\n button:hover\n &\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.DZT.I56.Zr3.C9q.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: fadeout(@accentColor, 25%) !important;\n }\n\n button\n &\n div.RCK.Hsu.USg.adn.CCY.gn8.L4E.kVc.S9z.F10.xD4.fZz.hUC.G0a.BsF.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: @mantle !important;\n }\n\n button:hover\n &\n div.RCK.Hsu.USg.adn.CCY.gn8.L4E.kVc.S9z.F10.xD4.fZz.hUC.G0a.BsF.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: fadeout(@mantle, 25%) !important;\n }\n\n a.Wk9.CCY.S9z.eEj.goI.xQ4,\n span.tBJ.dyH.iFc.sAJ.Q5U.zDA.H2s & a.Wk9.CCY.S9z.eEj.KhY.xQ4.uCz {\n color: @accentColor !important;\n }\n\n div[data-test-id=\"user-rep-avatar\"]\n &\n div.Jea.MIw.QLY.Rym.mQ8.ojN.p6V.zI7.iyn.Hsu {\n background-color: transparent !important;\n }\n\n button.ope.ujU.e43.adn.BG7.CCY.zHr.qJc {\n background-color: @mantle !important;\n & div {\n color: @text !important;\n }\n }\n\n div[data-test-id=\"flashlight-dot-style\"] {\n background-color: @accentColor !important;\n }\n\n div[data-test-id=\"flashlight-enabled-image\"] & svg {\n & use.v2cropSection {\n stroke: @accentColor !important;\n }\n & path.v2cropperHandle {\n fill: @accentColor !important;\n }\n }\n\n div[data-test-id=\"one-bar-modified-bubble\"].Jea.KS5.Lfz.mQ8.zI7.iyn.Hsu {\n background-color: @accentColor !important;\n border-color: @base !important;\n }\n\n /** Mobile **/\n\n div.Jea.KS5.Lfz.mQ8.zI7.iyn.Hsu {\n background-color: @base !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n /** Not Logged In **/\n\n div.XiG.hUC.wYR.zI7.iyn.Hsu[style=\"background-color: rgba(255, 255, 255, 0.95); height: 100%; width: 100%;\"] {\n background-color: @base !important;\n }\n\n div[data-test-id=\"email-share-button\"] & a svg {\n path {\n fill: @mantle !important;\n }\n rect {\n fill: @accentColor !important;\n }\n }\n\n div[data-test-id=\"left-scroll-arrow\"] {\n background: linear-gradient(\n to right,\n @base 25%,\n fadeout(@base, 100%) 100%\n ) !important;\n }\n\n div[data-test-id=\"right-scroll-arrow\"] {\n background: linear-gradient(\n to left,\n @base 25%,\n fadeout(@base, 100%) 100%\n ) !important;\n }\n\n span.tBJ.dyH.iFc.dR0.EdS.zDA.IZT.H2s & a {\n color: @accentColor !important;\n }\n\n div[data-test-id=\"breadcrumbs-list\"] {\n &\n div[style=\"width: 16px; height: 32px; background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgb(255, 255, 255));\"] {\n background-image: linear-gradient(\n to left,\n fadeout(@base, 100%),\n @base\n ) !important;\n }\n\n &\n div[style=\"width: 16px; height: 32px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));\"] {\n background-image: linear-gradient(\n to right,\n fadeout(@base, 100%),\n @base\n ) !important;\n }\n }\n\n div[data-test-id=\"main-pin-hover-overlay\"] {\n opacity: 0.5;\n }\n\n div.HFo.Jea.KS5._he.zI7.iyn.Hsu {\n background-color: @base !important;\n }\n\n /* Create */\n\n div.DUt.HFo.hA-.wYR.zI7.iyn.Hsu {\n background-color: @base !important;\n }\n\n div.Jea.KS5.OVX.XiG._HI.jzS.mQ8.zI7.iyn.Hsu {\n background-color: @surface0 !important;\n & svg > path {\n fill: @subtext0 !important;\n }\n }\n\n div.Jea.MIw.QLY.Rym.ojN.p6V.zI7.iyn.Hsu {\n background-color: fadeout(@base, 25%) !important;\n }\n\n div.Jea.Shl.X6t.XiG.hDW.jzS.zI7.iyn.Hsu {\n & button {\n background-color: @mantle !important;\n }\n }\n\n div.XiG._HI.s2n.sLG.zI7.iyn.Hsu {\n border-color: @mantle !important;\n }\n\n button.ope.ujU.e43.adn.BG7.CCY.zHr.qJc\n &\n div.tBJ.dyH.iFc.j1A.O2T.zDA.IZT.H2s {\n color: @text !important;\n }\n\n button.ope.ujU.e43.adn.BG7.CCY.izI & svg > path {\n fill: @mantle !important;\n }\n\n input#storyboard-editor-details-text-size {\n background-color: @mantle !important;\n color: @text !important;\n caret-color: @text !important;\n border-color: transparent !important;\n }\n\n input[style=\"min-width: 0px; flex: 1 1 0%; font-size: 16px; color: rgb(51, 51, 51); border: 0px; outline: none; box-sizing: border-box; padding: 0px;\"] {\n background-color: @base !important;\n color: @text !important;\n caret-color: @text !important;\n }\n\n /* Login */\n\n div[data-test-id=\"login-modal-default\"] {\n background-color: @base !important;\n & h1,\n & p {\n color: @text !important;\n }\n & div.oy8.zI7.iyn.Hsu svg > path {\n fill: @accentColor !important;\n }\n }\n\n div[data-test-id=\"login-modal-mfa\"] {\n background-color: @base !important;\n & h1,\n & p {\n color: @text !important;\n }\n & button.red {\n background-color: @accentColor !important;\n & div {\n color: @mantle !important;\n }\n }\n & button.red:hover,\n & button.red:focus {\n background-color: fadeout(@accentColor, 25%) !important;\n }\n & div.oy8.zI7.iyn.Hsu svg > path {\n fill: @accentColor !important;\n }\n }\n\n /* Messages */\n\n div.JME.Jea.KS5.RDc._HI.hA-.ho-.jzS.wYR.wc1.zI7.iyn.Hsu,\n div.DUt.Jea._HI.hA-.jzS.wYR.zI7.iyn.Hsu,\n div.DUt.Jea._HI.hA-.jzS.wYR.zI7.iyn.Hsu\n &\n div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s,\n div.x8f.INd._O1.KS5.mQ8.OGJ.YbY.bPW,\n div.DUt.JME.Jea.KS5.VxL._HI.hA-.wYR.wc1.zI7.iyn.Hsu,\n div.DUt.JME.Jea.KS5.VxL._HI.hA-.wYR.wc1.zI7.iyn.Hsu\n div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s.CKL,\n div.INd.Jea.KS5._HI.mQ8.zI7.iyn.Hsu,\n div.INd._HI.zI7.iyn.Hsu & div.INd.Jea.KS5.mQ8.zI7.iyn.Hsu {\n background-color: @mantle !important;\n }\n\n div.x8f.INd._O1.KS5.mQ8.Adb.BsF.bPW,\n div.x8f.INd._O1.KS5.mQ8.Adb.BsF.s4m {\n background-color: @mantle !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n input.ta7.iyn.KI_.Lfz.XgI.Hsu.pBj.qJc.tBJ.dyH.iFc.sAJ.L4E.xD4.Zj6.dPY.BG7.TKt.LJB {\n border-color: @surface0 !important;\n }\n\n div.JME.Jea.KS5.fev.zI7.iyn.Hsu {\n border-color: transparent !important;\n }\n\n div.LJB.Pw5.daS.fev.urM.zI7.iyn.Hsu {\n background-color: @mantle !important;\n border-color: transparent !important;\n }\n\n div.Jea.OVX.jzS.ujU.zI7.iyn.Hsu & textarea {\n background-color: transparent !important;\n color: @text !important;\n caret-color: @text !important;\n }\n\n div[data-test-id=\"contact-search-field\"] & input {\n background-color: @mantle !important;\n border-color: transparent !important;\n }\n\n div.INd.IVF.Jea.KS5.mQ8.wc1.zI7.iyn.Hsu {\n background-color: @accentColor !important;\n & svg > path {\n fill: @mantle !important;\n }\n }\n\n div.Jea.KS5.LJB.Lfz.Pw5.Zr3.daS.hUC.hle.wc1.xuU.zI7.iyn.Hsu {\n background-color: @mantle !important;\n color: @text !important;\n }\n\n div.INd.Jea.KS5.hle.mQ8.wc1.zI7.iyn.Hsu {\n background-color: @mantle !important;\n }\n\n /** Mobile **/\n\n div.Jea.KS5.MIw.Rym.jzS.ojN.p6V.zI7.iyn.Hsu,\n div[data-test-id=\"conversation-page-header\"] {\n background-color: @base !important;\n }\n\n div.Eqh.HFo.INd.JME.Jea.VxL.Zr3.hUC.hjj.jar.zI7.iyn.Hsu {\n background-color: @base !important;\n border-color: transparent !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n div.x8f.INd._O1.KS5.mQ8.pHl.Jrn {\n background-color: @accentColor !important;\n & svg > path {\n fill: @mantle !important;\n }\n }\n\n div.CCY.S9z.eEj.Tbt.L4E.e8F.BG7 & div.INd.Jea.KS5.mQ8.zI7.iyn.Hsu {\n background-color: transparent !important;\n & svg > path {\n fill: @text !important;\n stroke: @text !important;\n }\n }\n\n /* Settings */\n\n div.E0x.qJc.fRe.nG5.qs6.XgI.xpn.ty9.kVc.Hsu.INd._O1.KS5.mQ8.XiG.Pw5 {\n border-color: @subtext0 !important;\n background-color: @mantle !important;\n }\n\n div.E0x.qJc.dxz.dPY.qs6.XgI.xpn.ty9.kVc.Hsu.INd._O1.KS5.mQ8.XiG.Pw5 {\n border-color: fadeout(@subtext0, 25%) !important;\n }\n\n div.E0x.qJc.iKS.gSJ.dJq.xpn.ty9.kVc.Hsu.INd._O1.KS5.mQ8.XiG.Pw5 {\n background-color: @mantle !important;\n border-color: @accentColor !important;\n }\n\n div.jPl.kVc.Hsu.XiG.NYx.qJc.nG5 {\n background-color: @mantle !important;\n border-color: @mantle !important;\n }\n\n div.jPl.kVc.Hsu.XiG.dD6.BsF.gSJ {\n background-color: @accentColor !important;\n border-color: @accentColor !important;\n }\n\n div.jPl.kVc.Hsu.XiG.GOX.gfP.nG5,\n div.jPl.kVc.Hsu.XiG.v-K.gpV.LJB {\n background-color: @surface2 !important;\n border-color: @surface2 !important;\n }\n\n div.U7Q.Hsu.MIw.qJc.INd.RDh.GEq.nG5,\n div.U7Q.Hsu.MIw.qJc.INd.taI.GEq.nG5,\n div.U7Q.Hsu.MIw.qJc.INd.RDh.fhX.LJB,\n div.U7Q.Hsu.MIw.qJc.INd.taI.fhX.LJB {\n background-color: @crust !important;\n border-color: @subtext0 !important;\n }\n\n div.qJc.Q9m.nG5.Pja.n_6.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5,\n div.qJc.Q9m.nG5.my7.DUt.rKi.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5 {\n background-color: @mantle !important;\n border-color: @overlay0 !important;\n }\n\n div.qJc.Wqy.dPY.Pja.n_6.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5,\n div.qJc.Wqy.dPY.my7.DUt.rKi.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5 {\n border-color: fadeout(@overlay0, 25%) !important;\n }\n\n div.BsF.PO8.gSJ.QsN.Pja.n_6.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5,\n div.BsF.PO8.gSJ.my7.DUt.rKi.Zm-.kVc.Hsu._O1.KS5.mQ8.XgI.Pw5 {\n background-color: @mantle !important;\n border-color: @accentColor !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n div.Jea.KS5.XbT.hA-.ho-.jzS.ujU.wYR.zI7.iyn.Hsu & div.un8.DUt.wYR.hA-.gpV {\n background-color: @accentColor !important;\n & span {\n color: @base !important;\n }\n }\n\n div.x8f.INd._O1.KS5.mQ8.WhU.gpV & svg > path {\n fill: @base !important;\n }\n\n button.N5M.adn.wYR.hUC.BG7.Jp7._HI.CCY.S9z {\n background-color: @base !important;\n & svg > path {\n fill: @text !important;\n }\n }\n\n button.N5M.adn.wYR.hUC.BG7.Jp7._HI.CCY.S9z:hover {\n background-color: fadeout(@surface0, 75%) !important;\n }\n\n div.react-datepicker {\n background-color: @base !important;\n & select {\n color: @text !important;\n }\n & select:focus {\n box-shadow: 0 0 0 4px @accentColor !important;\n }\n }\n\n div.react-datepicker__day--selected {\n background-color: @accentColor !important;\n color: @base !important;\n }\n\n div[style=\"background-color: rgba(0, 0, 0, 0.06);\"]\n &\n div.tBJ.dyH.iFc.sAJ.O2T.zDA.IZT.H2s {\n background-color: transparent !important;\n }\n\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: @mantle !important;\n & div {\n background-color: transparent !important;\n color: @text !important;\n }\n }\n\n button:hover\n &\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.a_A.gpV.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: fadeout(@mantle, 25%) !important;\n }\n\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.Il7.Jrn.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: @accentColor !important;\n & div {\n background-color: transparent !important;\n color: @mantle !important;\n }\n }\n\n button:hover\n &\n div.RCK.Hsu.USg.adn.CCY.NTm.KhY.S9z.F10.xD4.fZz.hUC.Il7.Jrn.hNT.BG7.hDj._O1.KS5.mQ8.Tbt.L4E {\n background-color: fadeout(@accentColor, 25%) !important;\n }\n\n button:disabled.RCK.Hsu.USg.adn.CCY.NTm.KhY.oRi.lnZ.wsz.YbY > div {\n background-color: fadeout(@surface1, 25%) !important;\n & div {\n color: @mantle !important;\n }\n }\n\n div[data-test-id=\"account-comparison-table-container\"] & svg > path {\n fill: @accentColor !important;\n }\n }\n\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor, @accentColor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor, @accentColor);\n }\n}\n\n// vim:ft=less\n"},{"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.css","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":"0.0.3","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/planet-minecraft/catppuccin.user.css","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":"sapphire","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Gray","value":"subtext0"}]}}},"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 0.0.3\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/planet-minecraft/catppuccin.user.css\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@-moz-document domain(\"planetminecraft.com\") {\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n --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-color;\n --footer-bg: @mantle;\n --bg-navbar: @mantle;\n --tab-selected: @accent-color;\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-color;\n --nav-hover: @accent-color;\n --stat-color: @red;\n --a-color: @accent-color;\n --a-hover: @accent-color;\n --a-selected: fade(@accent-color, 80%);\n --tab-hover: fade(@accent-color, 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-color;\n --a-visited: @accent-color;\n --nav-bar-border: none;\n --feed-alt-bg: @surface1;\n --nav-selected: @accent-color;\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-color;\n }\n\n .site_btn_secondary {\n color: @subtext1;\n background: @surface1;\n &:hover {\n color: @accent-color;\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-color;\n &:not(:disabled, [data-disabled=\"disabled\"]):hover {\n background: fade(@accent-color, 80%);\n }\n }\n\n #profile-bar #profile-actions .togglable.selected {\n background: @accent-color;\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 (@lookup = 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-color !important;\n }\n\n .content-actions li .material-icons {\n color: @subtext0 !important;\n }\n }\n\n & when not (@lookup = 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-color;\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 (@lookup = 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 (@lookup = 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-color !important;\n }\n color: @accent-color !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-color;\n }\n }\n\n [data-theme=\"light\"] {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n [data-theme=\"dark\"] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n}\n\n// vim:ft=less\n"},{"enabled":true,"name":"Proton Catppuccin","description":"Soothing pastel theme for Proton services","author":"Catppuccin","updateUrl":"https://github.com/catppuccin/userstyles/raw/main/styles/proton/catppuccin.user.css","usercssData":{"name":"Proton Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/proton","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/proton","version":"0.1.5","description":"Soothing pastel theme for Proton services","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/proton/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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 Proton Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/proton\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/proton\n@version 0.1.5\n@description Soothing pastel theme for Proton services\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/proton/catppuccin.user.css\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document regexp(\"https://(account|mail|drive|calendar).proton.me/.*$\")\n{\n :root {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n @media (prefers-color-scheme: light) {\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n }\n\n @media (prefers-color-scheme: dark) {\n :root {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-Color: @catppuccin[@@lookup][@@accent];\n\n svg.logo {\n @accentH: hue(@accent-Color);\n @protonH: hue(#6d4aff);\n\n .replaceColor(@org, @property) {\n &[@{property}=\"@{org}\"] {\n @hDiff: @protonH - hue(@org);\n @{property}: hsl(\n @accentH - @hDiff,\n saturation(@org) - 30%,\n lightness(@org)\n );\n }\n }\n\n /* prettier-ignore */\n > path {\n .replaceColor(#B8D7FF, fill);\n .replaceColor(#8F69FF, fill);\n }\n\n /* prettier-ignore */\n > defs stop {\n .replaceColor(#E3D9FF, stop-color);\n .replaceColor(#7341FF, stop-color);\n .replaceColor(#6D4AFF, stop-color);\n .replaceColor(#AA8EFF, stop-color);\n .replaceColor(#06B8FF, stop-color);\n .replaceColor(#BFE8FF, stop-color);\n .replaceColor(#BFABFF, stop-color);\n .replaceColor(#FF50C3, stop-color);\n .replaceColor(#B487FF, stop-color);\n .replaceColor(#FFC8FF, stop-color);\n .replaceColor(#8EFFEE, stop-color);\n .replaceColor(#C9C7FF, stop-color);\n .replaceColor(#00F0C3, stop-color);\n .replaceColor(#FFD580, stop-color);\n .replaceColor(#F6C592, stop-color);\n .replaceColor(#EBB6A2, stop-color);\n .replaceColor(#DFA5AF, stop-color);\n .replaceColor(#D397BE, stop-color);\n .replaceColor(#C486CB, stop-color);\n .replaceColor(#B578D9, stop-color);\n .replaceColor(#A166E5, stop-color);\n .replaceColor(#8B57F2, stop-color);\n .replaceColor(#704CFF, stop-color);\n .replaceColor(#B39FFB, stop-color);\n .replaceColor(#FFE8DB, stop-color);\n }\n }\n\n &,\n .ui-prominent,\n .ui-standard {\n #lightenOrDarken(@color, @value) {\n @result: if(\n @lookup=latte,\n lighten(@color, @value),\n darken(@color, @value)\n );\n }\n\n --primary: @accent-Color;\n --primary-contrast: @mantle;\n --signal-danger-minor-2: #lightenOrDarken(@maroon, 40%) [ @result];\n --signal-danger-minor-1: #lightenOrDarken(@maroon, 30%) [ @result];\n --signal-danger: @maroon;\n --signal-danger-major-1: saturate(@maroon, 40%);\n --signal-danger-major-2: saturate(@maroon, 30%);\n --signal-danger-major-3: saturate(@maroon, 20%);\n --signal-danger-contrast: @mantle;\n --signal-warning-minor-2: #lightenOrDarken(@peach, 40%) [ @result];\n --signal-warning-minor-1: #lightenOrDarken(@peach, 30%) [ @result];\n --signal-warning: @peach;\n --signal-warning-major-1: saturate(@peach, 40%);\n --signal-warning-major-2: saturate(@peach, 30%);\n --signal-warning-major-3: saturate(@peach, 20%);\n --signal-warning-contrast: @mantle;\n --signal-success-minor-2: #lightenOrDarken(@green, 40%) [ @result];\n --signal-success-minor-1: #lightenOrDarken(@green, 30%) [ @result];\n --signal-success: @green;\n --signal-success-major-1: saturate(@green, 40%);\n --signal-success-major-2: saturate(@green, 30%);\n --signal-success-major-3: saturate(@green, 20%);\n --signal-success-contrast: @mantle;\n --signal-info-minor-2: #lightenOrDarken(@blue, 40%) [ @result];\n --signal-info-minor-1: #lightenOrDarken(@blue, 30%) [ @result];\n --signal-info: @blue;\n --signal-info-major-1: saturate(@blue, 40%);\n --signal-info-major-2: saturate(@blue, 30%);\n --signal-info-major-3: saturate(@blue, 20%);\n --signal-info-contrast: @mantle;\n --interaction-norm-minor-2: #lightenOrDarken(@accent-Color, 40%) [\n @result];\n --interaction-norm-minor-1: #lightenOrDarken(@accent-Color, 30%) [\n @result];\n --interaction-norm: @accent-Color;\n --interaction-norm-major-1: saturate(@accent-Color, 30%);\n --interaction-norm-major-2: saturate(@accent-Color, 20%);\n --interaction-norm-major-3: saturate(@accent-Color, 10%);\n --interaction-norm-contrast: @mantle;\n --interaction-weak-minor-2: darken(@surface0, 50%);\n --interaction-weak-minor-1: darken(@surface0, 30%);\n --interaction-weak: @surface0;\n --interaction-weak-major-1: lighten(@surface0, 10%);\n --interaction-weak-major-2: lighten(@surface0, 20%);\n --interaction-weak-major-3: lighten(@surface0, 30%);\n --interaction-weak-contrast: @text;\n --text-norm: @text;\n --text-weak: @subtext0;\n --text-hint: @subtext1;\n --text-disabled: @overlay1;\n --text-invert: @crust;\n --field-norm: @overlay2;\n --field-hover: @overlay1;\n --field-disabled: @overlay0;\n --field-focus: @accent-Color;\n --field-highlight: fadeout(@accent-Color, 30%);\n --focus-outline: @accent-Color;\n --focus-ring: fadeout(@accent-Color, 60%);\n --border-norm: @overlay0;\n --border-weak: @overlay1;\n --background-norm: @base;\n --background-weak: @mantle;\n --background-strong: @crust;\n --background-invert: @text;\n --interaction-default: transparent;\n --interaction-default-hover: fadeout(@overlay1, 80%);\n --interaction-default-active: fadeout(@overlay1, 60%);\n --shadow-norm-opacity: 0.5;\n --shadow-lifted-opacity: 0.75;\n --backdrop-norm: fadeout(@crust, 50%);\n --optional-scrollbar-thumb-color: @surface0;\n --optional-scrollbar-thumb-hover-color: @surface2;\n --optional-link-norm: var(--interaction-norm-major-1);\n --optional-link-hover: var(--interaction-norm-major-2);\n --optional-link-active: var(--interaction-norm-major-3);\n --optional-background-elevated: @surface0;\n --optional-background-lowered: var(--background-norm);\n --optional-email-item-unread-background-color: var(--background-weak);\n --optional-email-item-read-background-color: var(--background-norm);\n --optional-email-item-read-text-color: var(--text-weak);\n --optional-mini-calendar-today-color: @text;\n --optional-logo-text-proton-color: @text;\n --optional-logo-text-product-color: @text;\n --favorite-icon-color: @peach;\n }\n\n .ui-prominent {\n --background-norm: @mantle;\n --background-weak: @base;\n --background-strong: @crust;\n }\n\n .button-promotion {\n --upgrade-color-stop-1: @red;\n --upgrade-color-stop-2: @blue;\n }\n\n .item-container-row:not(.item-is-selected):hover,\n .item-container:not(.item-is-selected):hover {\n box-shadow: none;\n background-color: var(--navigation-current-item-background-color);\n color: var(--email-item-unread-text-color);\n }\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Quizlet Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/quizlet","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/quizlet","version":"0.0.2","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/quizlet/catppuccin.user.css","description":"Soothing pastel theme for Quizlet","author":"Catppuccin","license":"MIT","preprocessor":"less","vars":{"flavor":{"type":"select","label":"Flavor","name":"flavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","value":null,"default":"sapphire","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Gray","value":"subtext0"}]}}},"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 0.0.2\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/quizlet/catppuccin.user.css\n@description Soothing pastel theme for Quizlet\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"quizlet.com\") {\n #catppuccin(@flavor, @accentColor);\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n :root body {\n color: @text;\n background: @base;\n }\n\n ::selection {\n background: @blue;\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%)\n saturate(1367%) 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// vim:ft=less\n"},{"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.css","usercssData":{"name":"Reddit Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/reddit","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/reddit","version":"2.0.3","description":"Soothing pastel theme for Reddit","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/reddit/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent Color","name":"accentColor","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"}]}}},"sourceCode":"/* ==UserStyle==\n@name Reddit Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/reddit\n@homepageURL\t https://github.com/catppuccin/userstyles/tree/main/styles/reddit\n@version 2.0.3\n@description Soothing pastel theme for Reddit\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/reddit/catppuccin.user.css\n@license\t\t MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent 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@-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, @accentColor);\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, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n /* BETA */\n --color-pizzaRed: @red;\n --color-global-brand-orangered: @peach;\n --color-global-focus: @surface1;\n --color-interactive-content-disabled: @subtext0;\n --color-interactive-background-disabled: @subtext0;\n --color-interactive-pressed: darken(@subtext0, 2);\n --color-neutral-content: @text;\n --color-neutral-content-disabled: @subtext0;\n --color-neutral-content-weak: @subtext0;\n --color-neutral-content-strong: @text;\n --color-global-white: @text;\n --color-neutral-background: @base;\n --color-neutral-background-selected: @surface0;\n --color-neutral-background-weak: @mantle;\n --color-neutral-background-medium: @base;\n --color-neutral-background-strong: @mantle;\n --color-neutral-background-hover: @surface0;\n --color-neutral-border: @surface0;\n --color-neutral-border-medium: @surface0;\n --color-neutral-border-weak: @surface0;\n --color-neutral-border-strong: @surface2;\n --color-primary: @accent-color;\n --color-primary-hover: lighten(@accent-color, 10);\n --color-primary-visited: @lavender;\n --color-primary-background: @base;\n --color-primary-background-hover: @surface0;\n --color-primary-background-selected: @surface0;\n --color-primary-onBackground: @base;\n --color-primary-onBackground-selected: @crust;\n --color-secondary: @subtext0;\n --color-secondary-hover: @subtext1;\n --color-secondary-weak: @subtext0;\n --color-secondary-onBackground: @text;\n --color-secondary-background: @mantle;\n --color-secondary-background-hover: darken(@mantle, 2);\n --color-secondary-background-selected: darken(@mantle, 2);\n --color-secondary-plain: @subtext0;\n --color-secondary-plain-hover: @subtext1;\n --color-danger-background: @red;\n --color-danger-background-disabled: fadeout(@red, 80);\n --color-danger-background-hover: fadeout(@red, 2);\n --color-danger-onBackground: @text;\n --color-danger-content: @red;\n --color-danger-content-hover: darken(@red, 2);\n --color-success-content: @green;\n --color-success-hover: darken(@green, 2);\n --color-success-onBackground: @text;\n --color-success-background: @green;\n --color-success-background-hover: darken(@green, 2);\n --color-warning-content: @yellow;\n --color-warning-content-hover: darken(@yellow, 2);\n --color-warning-onBackground: @base;\n --color-warning-background: @yellow;\n --color-warning-background-hover: darken(@yellow, 2);\n --color-upvote-content: @accent-color;\n --color-upvote-disabled: @subtext0;\n --color-upvote-onBackground: @text;\n --color-upvote-background: @base;\n --color-upvote-background-hover: @base;\n --color-upvote-background-disabled: @base;\n --color-downvote-content: @text;\n --color-downvote-content-weak: @text;\n --color-downvote-disabled: @subtext0;\n --color-downvote-onBackground: @text;\n --color-downvote-background: @base;\n --color-downvote-background-hover: @base;\n --color-downvote-background-disabled: @;\n --color-tone-1: @text;\n --color-tone-2: @subtext0;\n --color-tone-3: @overlay2;\n --color-tone-4: @surface0;\n --color-tone-5: @surface1;\n --color-tone-6: @surface2;\n --color-tone-7: @base;\n --color-avatar-gradient: @accent-color;\n --color-transparent-background-hover: fadeout(@surface0, 70);\n --color-opacity-50: fadeout(@base, 50);\n --color-online: @accent-color;\n --color-favorite: @accent-color;\n --color-brand-background: @accent-color;\n --color-brand-background-hover: @accent-color;\n --color-global-orangered: @accent-color;\n --color-action-upvote: @accent-color;\n\n #reddit-logo {\n circle[fill=\"#FF4500\"] {\n fill: @accent-color !important;\n }\n path[fill=\"#FFF\"] {\n fill: @crust !important;\n }\n }\n\n /* normal stuff */\n\n &,\n div[class^=\"subredditvars\"] {\n --color-online: @green !important;\n --newCommunityTheme-actionIcon: @subtext0 !important;\n --newCommunityTheme-actionIconAlpha20: fadeout(@crust, 20) !important;\n --newCommunityTheme-actionIconAlpha50: fadeout(@crust, 20) !important;\n --newCommunityTheme-actionIconShaded80: @subtext0 !important;\n --newCommunityTheme-actionIconTinted80: @subtext1 !important;\n --newCommunityTheme-active: @accent-color !important;\n --newCommunityTheme-activeAlpha10: fadeout(@crust, 20) !important;\n --newCommunityTheme-activeAlpha20: fadeout(@crust, 20) !important;\n --newCommunityTheme-activeAlpha50: fadeout(@crust, 20) !important;\n --newCommunityTheme-activeLight60: @accent-color !important;\n --newCommunityTheme-activeShaded80: @accent-color !important;\n --newCommunityTheme-activeShaded90: @accent-color !important;\n --newCommunityTheme-activeTinted05: @text !important;\n --newCommunityTheme-banner-backgroundColor: @accent-color !important;\n --newCommunityTheme-banner-iconColor: @accent-color !important;\n --newCommunityTheme-body: @mantle !important;\n --newCommunityTheme-bodyAlpha50: @surface0 !important;\n --newCommunityTheme-bodyAlpha70: @surface1 !important;\n --newCommunityTheme-bodyAlpha80: @surface2 !important;\n --newCommunityTheme-bodyFade: @subtext0 !important;\n --newCommunityTheme-bodyShaded80: @mantle !important;\n --newCommunityTheme-bodyText: @text !important;\n --newCommunityTheme-bodyTextAlpha03: @mantle !important;\n --newCommunityTheme-bodyTextAlpha20: @surface1 !important;\n --newCommunityTheme-bodyTextShaded20: @surface0 !important;\n --newCommunityTheme-bodyTextTinted20: @subtext0 !important;\n --newCommunityTheme-bodyTinted50: @overlay1 !important;\n --newCommunityTheme-bodyTinted80: @overlay0 !important;\n --newCommunityTheme-button: @text !important;\n --newCommunityTheme-buttonAlpha05: fadeout(@crust, 20) !important;\n --newCommunityTheme-buttonAlpha10: fadeout(@crust, 20) !important;\n --newCommunityTheme-buttonAlpha20: fadeout(@crust, 20) !important;\n --newCommunityTheme-buttonAlpha40: @subtext0 !important;\n --newCommunityTheme-buttonAlpha50: @subtext1 !important;\n --newCommunityTheme-buttonAlpha80: @subtext1 !important;\n --newCommunityTheme-buttonShaded80: @overlay0 !important;\n --newCommunityTheme-buttonTinted20: @accent-color !important;\n --newCommunityTheme-buttonTinted50: @accent-color !important;\n --newCommunityTheme-buttonTinted80: @accent-color !important;\n --newCommunityTheme-canvas: @crust !important;\n --newCommunityTheme-checkbox: @text !important;\n --newCommunityTheme-errorText: @red !important;\n --newCommunityTheme-field: @surface0 !important;\n --newCommunityTheme-fieldFade: fadeout(@surface1, 80) !important;\n --newCommunityTheme-flair: @accent-color !important;\n --newCommunityTheme-highlight: @base !important;\n --newCommunityTheme-inactive: @subtext0 !important;\n --newCommunityTheme-lightText: @text !important;\n --newCommunityTheme-lightTextAlpha75: @subtext1 !important;\n --newCommunityTheme-line: fadeout(@surface1, 80) !important;\n --newCommunityTheme-lineShaded80: fadeout(@surface1, 80) !important;\n --newCommunityTheme-lineShaded90: fadeout(@surface1, 80) !important;\n --newCommunityTheme-lineShadedNinety: fadeout(@surface1, 80) !important;\n --newCommunityTheme-linkText: @accent-color !important;\n --newCommunityTheme-linkTextAlpha80: @accent-color !important;\n --newCommunityTheme-linkTextShaded80: @accent-color !important;\n --newCommunityTheme-linkTextTinted80: @accent-color !important;\n --newCommunityTheme-linkTextWithBody: @accent-color !important;\n --newCommunityTheme-menu: @mantle !important;\n --newCommunityTheme-menuActiveText: @text !important;\n --newCommunityTheme-menuButtonBackground-active: @base !important;\n --newCommunityTheme-menuButtonBackground-focus: @base !important;\n --newCommunityTheme-menuButtonBackground-hover: @base !important;\n --newCommunityTheme-menuInactiveText: @text !important;\n --newCommunityTheme-metaText: @subtext0 !important;\n --newCommunityTheme-metaTextAlpha50: @subtext0 !important;\n --newCommunityTheme-metaTextShaded80: @subtext0 !important;\n --newCommunityTheme-monospaceColor: @accent-color !important;\n --newCommunityTheme-navBar-activeLink: @text !important;\n --newCommunityTheme-navBar-activeSubmenuCaret: @text !important;\n --newCommunityTheme-navBar-activeSubmenuLink: @text !important;\n --newCommunityTheme-navBar-backgroundColor: @mantle !important;\n --newCommunityTheme-navBar-hoverLink: @text !important;\n --newCommunityTheme-navBar-inactiveLink: @text !important;\n --newCommunityTheme-navBar-inactiveSubmenuCaret: @text !important;\n --newCommunityTheme-navBar-inactiveSubmenuLink: @text !important;\n --newCommunityTheme-navBar-submenuBackgroundColor: @mantle !important;\n --newCommunityTheme-navIcon: @text !important;\n\n /* upvote/downvote focus */\n --newCommunityTheme-navIconFaded10: fadeout(@crust, 20) !important;\n\n --newCommunityTheme-nsfw: @red !important;\n --newCommunityTheme-nsfwBlocking-bgcolor: @crust !important;\n --newCommunityTheme-nsfwBlocking-color: @text !important;\n --newCommunityTheme-nsfwBlocking-contentTitleBgColor: @base !important;\n --newCommunityTheme-nsfwBlocking-mainCtaBgColor: @mantle !important;\n --newCommunityTheme-pageHeader: @surface2 !important;\n --newCommunityTheme-placeholder: @surface0 !important;\n --newCommunityTheme-post: @mantle !important;\n --newCommunityTheme-postError: @red !important;\n --newCommunityTheme-postFlairText: @crust !important;\n --newCommunityTheme-postIcon: @accent-color !important;\n --newCommunityTheme-postLine: fadeout(@surface1, 80) !important;\n --newCommunityTheme-postLineShaded80: fadeout(@surface1, 80) !important;\n --newCommunityTheme-postLineShaded90: fadeout(@surface1, 80) !important;\n --newCommunityTheme-postTinted20: @base !important;\n --newCommunityTheme-postTransparent20: @base !important;\n --newCommunityTheme-primaryButtonShadedEighty: @overlay1 !important;\n --newCommunityTheme-primaryButtonTintedEighty: @overlay1 !important;\n --newCommunityTheme-primaryButtonTintedFifty: @overlay0 !important;\n --newCommunityTheme-primaryButtonTintedSixty: @overlay0 !important;\n --newCommunityTheme-quarantine: @yellow !important;\n --newCommunityTheme-report: @surface1 !important;\n --newCommunityTheme-search-syntaxHighlightBackgroundColor: @accent-color !important;\n --newCommunityTheme-search-syntaxHighlightColor: @base !important;\n --newCommunityTheme-titleText: @text !important;\n --newCommunityTheme-upsell-appleIcon: @subtext1 !important;\n --newCommunityTheme-upsell-ssoButtonBorderColor: fadeout(\n @surface1,\n 80\n ) !important;\n --newCommunityTheme-upsell-ssoButtonTextColor: @text !important;\n --newCommunityTheme-voteText-base: @subtext0 !important;\n --newCommunityTheme-voteText-downvote: @blue !important;\n --newCommunityTheme-voteText-downvoteShaded80: @blue !important;\n --newCommunityTheme-voteText-downvoteTinted80: @blue !important;\n --newCommunityTheme-voteText-upvote: @red !important;\n --newCommunityTheme-voteText-upvoteShaded80: @red !important;\n --newCommunityTheme-voteText-upvoteTinted80: @red !important;\n --newCommunityTheme-widgetColors-appleIcon: @overlay0 !important;\n --newCommunityTheme-widgetColors-lineColor: fadeout(\n @surface1,\n 80\n ) !important;\n\n /* sidebar widgets */\n --newCommunityTheme-widgetColors-sidebarWidgetBackgroundColor: @mantle !important;\n --newCommunityTheme-widgetColors-sidebarWidgetBorderColor: fadeout(\n @surface1,\n 80\n ) !important;\n --newCommunityTheme-widgetColors-sidebarWidgetHeaderColor: @crust !important;\n --newCommunityTheme-widgetColors-sidebarWidgetHeaderColorAlpha60: @mantle !important;\n --newCommunityTheme-widgetColors-sidebarWidgetTextColor: @text !important;\n --newCommunityTheme-widgetColors-sidebarWidgetTextColorShaded80: @subtext1 !important;\n --newCommunityTheme-widgetColors-sidebarWidgetTitleColor: @text !important;\n\n --newRedditTheme-actionIcon: @subtext0 !important;\n --newRedditTheme-actionIconAlpha20: fadeout(@crust, 20) !important;\n --newRedditTheme-actionIconAlpha50: fadeout(@crust, 20) !important;\n --newRedditTheme-actionIconShaded80: @subtext0 !important;\n --newRedditTheme-actionIconTinted80: @subtext1 !important;\n --newRedditTheme-active: @accent-color !important;\n --newRedditTheme-activeAlpha10: fadeout(@crust, 20) !important;\n --newRedditTheme-activeAlpha20: fadeout(@crust, 20) !important;\n --newRedditTheme-activeAlpha50: fadeout(@crust, 20) !important;\n --newRedditTheme-activeLight60: @accent-color !important;\n --newRedditTheme-activeShaded80: @accent-color !important;\n --newRedditTheme-activeShaded90: @accent-color !important;\n --newRedditTheme-activeTinted05: @text !important;\n --newRedditTheme-banner-backgroundColor: @accent-color !important;\n --newRedditTheme-banner-iconColor: @accent-color !important;\n --newRedditTheme-body: @mantle !important;\n --newRedditTheme-bodyAlpha50: @surface0 !important;\n --newRedditTheme-bodyAlpha70: @surface1 !important;\n --newRedditTheme-bodyAlpha80: @surface2 !important;\n --newRedditTheme-bodyFade: fadeout(@crust, 20) !important;\n --newRedditTheme-bodyShaded80: @mantle !important;\n --newRedditTheme-bodyText: @text !important;\n --newRedditTheme-bodyTextAlpha03: fadeout(@crust, 20) !important;\n --newRedditTheme-bodyTextAlpha20: @surface1 !important;\n --newRedditTheme-bodyTextShaded20: @surface0 !important;\n --newRedditTheme-bodyTextTinted20: @subtext1 !important;\n --newRedditTheme-bodyTinted50: @overlay0 !important;\n --newRedditTheme-bodyTinted80: @overlay1 !important;\n --newRedditTheme-button: @text !important;\n --newRedditTheme-buttonAlpha05: fadeout(@crust, 20) !important;\n --newRedditTheme-buttonAlpha10: fadeout(@crust, 20) !important;\n --newRedditTheme-buttonAlpha20: fadeout(@crust, 20) !important;\n --newRedditTheme-buttonAlpha40: @subtext0 !important;\n --newRedditTheme-buttonAlpha50: @subtext1 !important;\n --newRedditTheme-buttonAlpha80: @subtext1 !important;\n --newRedditTheme-buttonShaded80: @overlay0 !important;\n --newRedditTheme-buttonTinted20: @accent-color !important;\n --newRedditTheme-buttonTinted50: @accent-color !important;\n --newRedditTheme-buttonTinted80: @accent-color !important;\n --newRedditTheme-canvas: @crust !important;\n --newRedditTheme-checkbox: @text !important;\n --newRedditTheme-errorText: @red !important;\n --newRedditTheme-field: @base !important;\n --newRedditTheme-fieldFade: @mantle !important;\n --newRedditTheme-flair: @accent-color !important;\n\n /* controls menu, link, and other similar highlights. very important */\n --newRedditTheme-highlight: @base !important;\n\n --newRedditTheme-inactive: @surface0 !important;\n --newRedditTheme-lightText: @text !important;\n --newRedditTheme-lightTextAlpha75: @subtext1 !important;\n --newRedditTheme-line: fadeout(@surface1, 80) !important;\n --newRedditTheme-lineShaded80: fadeout(@surface1, 80) !important;\n --newRedditTheme-lineShaded90: fadeout(@surface1, 80) !important;\n --newRedditTheme-lineShadedNinety: fadeout(@surface1, 80) !important;\n\n /* links */\n --newRedditTheme-linkText: @accent-color !important;\n --newRedditTheme-linkTextAlpha80: @accent-color !important;\n --newRedditTheme-linkTextShaded80: @accent-color !important;\n --newRedditTheme-linkTextTinted80: @accent-color !important;\n --newRedditTheme-linkTextWithBody: @accent-color !important;\n\n /* menus */\n --newRedditTheme-menu: @mantle !important;\n --newRedditTheme-menuActiveText: @text !important;\n --newRedditTheme-menuButtonBackground-active: @accent-color !important;\n --newRedditTheme-menuButtonBackground-focus: @base !important;\n --newRedditTheme-menuButtonBackground-hover: @base !important;\n --newRedditTheme-menuInactiveText: @text !important;\n\n --newRedditTheme-metaText: @subtext0 !important;\n --newRedditTheme-metaTextAlpha50: fadeout(@crust, 20) !important;\n --newRedditTheme-metaTextShaded80: @subtext1 !important;\n --newRedditTheme-monospaceColor: @accent-color !important;\n --newRedditTheme-navBar-activeLink: @text !important;\n --newRedditTheme-navBar-activeSubmenuCaret: @text !important;\n --newRedditTheme-navBar-activeSubmenuLink: @text !important;\n --newRedditTheme-navBar-backgroundColor: @mantle !important;\n --newRedditTheme-navBar-hoverLink: @text !important;\n --newRedditTheme-navBar-inactiveLink: @text !important;\n --newRedditTheme-navBar-inactiveSubmenuCaret: @text !important;\n --newRedditTheme-navBar-inactiveSubmenuLink: @text !important;\n --newRedditTheme-navBar-submenuBackgroundColor: @mantle !important;\n --newRedditTheme-navIcon: @text !important;\n --newRedditTheme-navIconFaded10: fadeout(@crust, 20) !important;\n --newRedditTheme-nsfw: @red !important;\n --newRedditTheme-nsfwBlocking-bgcolor: @crust !important;\n --newRedditTheme-nsfwBlocking-color: @text !important;\n --newRedditTheme-nsfwBlocking-contentTitleBgColor: @base !important;\n --newRedditTheme-nsfwBlocking-mainCtaBgColor: @mantle !important;\n --newRedditTheme-pageHeader: @surface0 !important;\n --newRedditTheme-placeholder: @surface1 !important;\n --newRedditTheme-post: @mantle !important;\n --newRedditTheme-postError: @red !important;\n --newRedditTheme-postFlairText: @text !important;\n --newRedditTheme-postIcon: @accent-color !important;\n --newRedditTheme-postLine: fadeout(@surface1, 80) !important;\n --newRedditTheme-postLineShaded80: fadeout(@surface1, 80) !important;\n --newRedditTheme-postLineShaded90: fadeout(@surface1, 80) !important;\n --newRedditTheme-postTinted20: @base !important;\n --newRedditTheme-postTransparent20: fadeout(@crust, 20) !important;\n --newRedditTheme-primaryButtonShadedEighty: @surface1 !important;\n --newRedditTheme-primaryButtonTintedEighty: @surface2 !important;\n --newRedditTheme-primaryButtonTintedFifty: @surface1 !important;\n --newRedditTheme-primaryButtonTintedSixty: @surface1 !important;\n --newRedditTheme-quarantine: @yellow !important;\n --newRedditTheme-report: @base !important;\n --newRedditTheme-search-syntaxHighlightBackgroundColor: @accent-color !important;\n --newRedditTheme-search-syntaxHighlightColor: @base !important;\n --newRedditTheme-titleText: @text !important;\n --newRedditTheme-upsell-appleIcon: @overlay0 !important;\n --newRedditTheme-upsell-ssoButtonBorderColor: @text !important;\n --newRedditTheme-upsell-ssoButtonTextColor: @text !important;\n --newRedditTheme-voteText-base: @subtext1 !important;\n --newRedditTheme-voteText-downvote: @blue !important;\n --newRedditTheme-voteText-downvoteShaded80: @blue !important;\n --newRedditTheme-voteText-downvoteTinted80: @blue !important;\n --newRedditTheme-voteText-upvote: @red !important;\n --newRedditTheme-voteText-upvoteShaded80: @red !important;\n --newRedditTheme-voteText-upvoteTinted80: @red !important;\n --newRedditTheme-widgetColors-appleIcon: @overlay0 !important;\n --newRedditTheme-widgetColors-lineColor: fadeout(\n @surface1,\n 80\n ) !important;\n --newRedditTheme-widgetColors-sidebarWidgetBackgroundColor: @mantle !important;\n --newRedditTheme-widgetColors-sidebarWidgetBorderColor: fadeout(\n @surface1,\n 80\n ) !important;\n --newRedditTheme-widgetColors-sidebarWidgetHeaderColor: @crust !important;\n --newRedditTheme-widgetColors-sidebarWidgetHeaderColorAlpha60: fadeout(\n @crust,\n 20\n ) !important;\n --newRedditTheme-widgetColors-sidebarWidgetTextColor: @text !important;\n --newRedditTheme-widgetColors-sidebarWidgetTextColorShaded80: @subtext1 !important;\n --newRedditTheme-widgetColors-sidebarWidgetTitleColor: @text !important;\n --tw-bg-opacity: @crust !important;\n --vds-video-bg-color: @crust !important;\n }\n\n /* reddit chat variables */\n :root {\n --activity-button-chatFilterColor: @surface0 !important;\n --activity-button-newChatFilter-activeBg: @accent-color !important;\n --activity-button-newChatFilter-activeText: @base !important;\n --activity-button-newChatFilter-defaultBorder: @surface1 !important;\n --activity-button-newChatFilter-defaultText: @text !important;\n --activity-button-primary: @accent-color !important;\n --activity-button-secondary: @text !important;\n --activity-buttonPrimary-color: @accent-color !important;\n --activity-buttonSecondary-active: @accent-color !important;\n --activity-checkbox-checked: @accent-color !important;\n --activity-checkbox-checkmark: @text !important;\n --activity-checkbox-unchecked: @base !important;\n --activity-checkbox-uncheckedBorder: @surface1 !important;\n --activity-icon-active: @accent-color !important;\n --activity-icon-contrast: @surface1 !important;\n --activity-icon-default: @subtext0 !important;\n --activity-icon-disable: @surface2 !important;\n --activity-icon-hover: @surface2 !important;\n --activity-icon-nsfw-bg: @base !important;\n --activity-icon-nsfw-text: @text !important;\n --activity-icon-subIcon-backgroundColor: @text !important;\n --activity-icon-toaster: @crust !important;\n --activity-input-background: fadeout(@crust, 20) !important;\n --activity-input-border: @surface1 !important;\n --activity-input-channelRename: @subtext0 !important;\n --activity-input-color: @subtext1 !important;\n --activity-input-error: @red !important;\n --activity-input-focusBg: @green !important;\n --activity-input-focusColor: @text !important;\n --activity-input-ownerBg: @surface0 !important;\n --activity-link-hoverText: @red !important;\n --activity-link-staticText: @accent-color !important;\n --activity-link-staticUnderline: @accent-color !important;\n --activity-minimizedPortal-backgroundColor-unreadFinal: @mantle !important;\n --activity-minimizedPortal-backgroundColor-unreadInitial: @accent-color !important;\n --activity-minimizedPortal-color-unreadFinal: @text !important;\n --activity-minimizedPortal-color-unreadInitial: @text !important;\n --activity-send-disable: @surface0 !important;\n --activity-send-hover: @accent-color !important;\n --activity-text-active: @accent-color !important;\n --activity-text-fade: @subtext0 !important;\n --activity-text-highlight: @text !important;\n --activity-text-light: @subtext0 !important;\n --activity-text-meta: @subtext0 !important;\n --activity-text-regular: @text !important;\n --activity-text-success: @green !important;\n --activity-text-tutorial: @rosewater !important;\n --activity-text-warning: @red !important;\n --addReaction-backgroundColor: @surface0 !important;\n --addReaction-iconFill: @surface1 !important;\n --boxShadow: fadeout(@crust, 20) !important;\n --bubble-border: fadeout(@surface1, 80) !important;\n --bubble-channelsFilter-background: @crust !important;\n --bubble-channelsFilter-selected: @overlay0 !important;\n --bubble-color: @text !important;\n --bubble-link-color: @accent-color !important;\n --bubbleActions-hover: @surface0 !important;\n --editName: @surface1 !important;\n --layout-body: @mantle !important;\n --layout-colsBorder: fadeout(@surface1, 80) !important;\n --layout-controlsBorder: fadeout(@surface1, 80) !important;\n --layout-dropdown-border: fadeout(@surface1, 80) !important;\n --layout-header-counterBg: @red !important;\n --layout-header-counterText: @text !important;\n --layout-overlayBackground: fadeout(@crust, 20) !important;\n --layout-overlayReportFlow: fadeout(@crust, 20) !important;\n --layout-scrollbar: @text !important;\n --layout-scrollbarHover: @accent-color !important;\n --layout-timeStamp-tooltip-background: @surface0 !important;\n --message-list-item-button: @surface1 !important;\n --message-list-item-onlineIndicator: @green !important;\n --message-list-item-ownerBg: @surface1 !important;\n --message-list-item-richItem: @overlay0 !important;\n --message-list-item-richItemBorder: fadeout(@surface1, 80) !important;\n --message-list-item-white: @text !important;\n --modal-buttonsBackground: @text !important;\n --modal-primaryButtonWarning: @red !important;\n --modal-secondaryButton: @text !important;\n --newChat-inviteLink-borderColor: fadeout(@surface1, 80) !important;\n --overlay-backgroundColor: @mantle !important;\n --overlay-headerColor: @text !important;\n --overlay-inputBackground: @crust !important;\n --overlay-searchBarBackground: @mantle !important;\n --prompt-tooltip-background: @accent-color !important;\n --searchBar-backgroundColor: @mantle !important;\n --settings-color: @subtext0 !important;\n --settings-dropdownItemHoverBackground: @crust !important;\n --settings-panelBackground: @crust !important;\n --settings-panelItemHoverBackground: @surface0 !important;\n --settings-panelItemSelectedBackground: @surface1 !important;\n --sidebar-background: fadeout(@surface1, 80) !important;\n --sidebar-basic-background-active: @accent-color !important;\n --sidebar-basic-background-hover: @mantle !important;\n --sidebar-footer-background: @crust !important;\n --sidebar-item-active: @surface1 !important;\n --sidebar-item-hover: @surface0 !important;\n --sidebar-item-selected: @surface2 !important;\n --sidebar-item-text-active: @text !important;\n --sidebar-subreddit-background-active: @accent-color !important;\n --sidebar-subreddit-background-hover: @surface1 !important;\n --sidebar-text-divider: @surface1 !important;\n --skeleton-field: @surface2 !important;\n --skeleton-inactive: @surface0 !important;\n --subreddit-iconBg: @accent-color !important;\n --toast-error: @red !important;\n --toast-pending: @crust !important;\n --toast-success: @green !important;\n --uploads-progress-background: @subtext0 !important;\n --uploads-progress-bar: @accent-color !important;\n --videoModal-button-background: @text !important;\n --videoModal-button-color: @mantle !important;\n }\n\n ::placeholder {\n color: @subtext0 !important;\n }\n\n /* site background */\n div.ListingLayout-backgroundContainer::before {\n background: @base !important;\n }\n\n /* PROFILE MENU */\n\n /* karma count */\n span#email-collection-tooltip-id > :nth-child(2) > :nth-child(2) > span {\n color: @subtext0 !important;\n }\n\n /* profile button karma icon */\n i.icon-karma_fill {\n color: @red !important;\n }\n\n /* menu headers */\n div[role=\"menu\"] > div > div > span > span {\n color: @subtext0 !important;\n }\n\n /* switches, should also apply sitewide */\n button[role=\"switch\"][aria-checked=\"false\"] {\n background: @surface0 !important;\n }\n\n button[role=\"switch\"] > div {\n background: @text !important;\n }\n\n /* online status */\n ._2dn5Ncenn0BSD4tCSmxQhA {\n fill: @green !important;\n }\n\n ._3SlBAJb2MbUHwgBZFH8eL7 {\n fill: @base !important;\n }\n\n /* PROFILE PAGE */\n\n /* create avatar button */\n button._3F1tNW0P4Ff182mO_CefIg {\n background: linear-gradient(90deg, @red, @peach) !important;\n color: @base !important;\n }\n\n button._3F1tNW0P4Ff182mO_CefIg > i {\n color: @base !important;\n }\n\n /* cake day and followers icon */\n i.icon-cake_fill,\n i.icon-user_fill {\n color: @accent-color !important;\n }\n\n /* add social links button readability tweak */\n div._3hew1NnzwygOKDNQDKp6R4,\n div._3hew1NnzwygOKDNQDKp6R4 > i,\n li._3hew1NnzwygOKDNQDKp6R4 {\n color: @base !important;\n }\n\n /* profile moderation and user settings page */\n div._1VP69d9lk-Wk9zokOaylL {\n --background: @base !important;\n --canvas: @base !important;\n }\n\n /* Beta Badge */\n span._2KFJx8Dhh1o1u0Xb8e7NuD {\n color: @accent-color !important;\n }\n\n /* Delete Account */\n button.EBd2MhBQlQeZ13YeP0K8a {\n color: @accent-color !important;\n }\n\n /* Delete Account Icon */\n svg._1Fa4RPHlhrfUZuNaXK2-eP > path {\n fill: @accent-color !important;\n }\n\n /* blocked, muted input */\n input._1Vnaj3fBuYrmHKEPQD_zWW {\n background-color: @base !important;\n }\n\n /* fixes profile posts not being themed */\n div.scrollerItem > div,\n div[data-testid=\"post-container\"],\n div[style=\"background:#1A1A1B\"],\n div._2otRz3OtuWajw1RleFDJ5P {\n background: @mantle !important;\n }\n\n /* NFT AVATAR VIEWER */\n\n /* modal background */\n div._productDetails_7kbcu_53 {\n background: @mantle !important;\n color: @text !important;\n }\n\n /* mint status */\n div._mintStatus_7kbcu_264 {\n color: @accent-color !important;\n }\n\n /* carousel background */\n div._carousel_7kbcu_45 {\n background: linear-gradient(243.37deg, @base 16.42%, @blue 100%);\n }\n\n /* nft card back */\n div._card_1ooes_1 {\n background: @blue !important;\n }\n\n ol._container_1t62i_1 {\n border-color: @base !important;\n }\n\n ol._container_1t62i_1 > li {\n border-color: @base !important;\n }\n\n ol._container_1t62i_1 > li > div {\n color: @base !important;\n }\n\n div.MuiMobileStepper-dot {\n background: @surface0 !important;\n }\n\n div.MuiMobileStepper-dotActive {\n background: @accent-color !important;\n }\n\n div._scrollContainer_7kbcu_104 > div > h3,\n div._cardAuthor_7kbcu_79 {\n color: @subtext0 !important;\n }\n\n div._container_oikih_1 {\n background: @crust !important;\n border-color: @surface1 !important;\n }\n\n /* external links */\n a._pill_7kbcu_280 {\n background: @crust !important;\n color: @text !important;\n }\n\n /* shop for avatars button */\n button._shopForMoreButton_7kbcu_125 {\n background: linear-gradient(90deg, @red, @peach) !important;\n color: @base !important;\n }\n\n /* AVATAR CREATOR */\n div._wrapper_1upjl_7 {\n background: @base !important;\n color: @text !important;\n }\n\n /* SITE HEADER */\n\n /* reddit logo */\n a[aria-label=\"Home\"] > svg > g > circle {\n fill: @accent-color !important;\n }\n\n a[aria-label=\"Home\"] > svg:first-child > g > path {\n fill: @base !important;\n }\n\n a[aria-label=\"Home\"] > svg:nth-child(2) > g > path {\n fill: @text !important;\n }\n\n /* notification icon */\n button[aria-label=\"Open notifications inbox\"] > div > span {\n background: @accent-color !important;\n color: @mantle !important;\n }\n\n /* advertise button */\n #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a {\n background: @surface0 !important;\n color: @text !important;\n }\n\n #change-username-tooltip-id > span._2I12Htze2UzJmmfnrgYJOn > a > i {\n color: @text !important;\n }\n\n /* reddit now notification */\n a[href=\"/now\"] > div {\n background: @accent-color !important;\n }\n\n /* search scope pill text */\n div[data-testid=\"search-scope-pill-text\"] {\n color: @text !important;\n }\n\n /* search popup title */\n div[class*=\"_2SdHzo12ISmrC8H86TgSCp\"][class*=\"_1QVrieUoti9cxiQSRw314E\"][class*=\"uWdXen_41bh0iwLrgzFkc\"] {\n --posttitletextcolor: @text !important;\n }\n\n /* safe search toggle */\n button#safe-search-toggle[aria-checked=\"true\"] {\n background: @accent-color !important;\n }\n\n /* NAVIGATION SIDEBAR */\n\n /* close icon */\n i.icon-close {\n color: @subtext0 !important;\n }\n\n /* item color */\n a[role=\"menuitem\"] {\n color: @text !important;\n }\n\n /* navigation sidebar header color */\n div[role=\"menu\"] > div[role=\"heading\"] {\n color: @subtext0 !important;\n }\n\n a[role=\"menuitem\"]:hover {\n background: @surface0 !important;\n }\n\n /* favorites */\n i.icon-star_fill {\n color: @accent-color !important;\n }\n\n i.icon-star {\n color: @subtext0 !important;\n }\n\n /* RIGHT FRONTPAGE SIDEBAR */\n\n /* reddit premium icon */\n i.icon-premium_fill {\n color: @accent-color !important;\n }\n\n /* reddit premium try now button */\n button._10BQ7pjWbeYP63SAPNS8Ts.q_unSaY23rpdd3lDvGZ- {\n background: @accent-color !important;\n color: @base !important;\n }\n\n /* recent posts thumbnail borders */\n div._3fWuhJ6bVet7XJT5A0mZM2 > div > div > div {\n border-color: @subtext0 !important;\n }\n\n /* POSTS */\n\n /* post background for card style */\n div[data-adclicklocation=\"background\"] {\n background: @base !important;\n }\n\n /* post options (save, comment, etc.) */\n div._3-miAEojrCvx_4FQ8x3P-s,\n i.icon-comment,\n i.icon-share,\n i.icon-save,\n i.icon-expand,\n i.icon-collapse,\n i.icon-text_post,\n i.icon-image_post,\n i.icon-media_gallery,\n i.icon-video_post,\n i.icon-gif_post,\n i.icon-embed,\n i.icon-external_link,\n i.icon-poll_post {\n color: @subtext0 !important;\n }\n\n /* post title color */\n div[data-adclicklocation=\"title\"] > div > a > div > h3,\n div[data-adclicklocation=\"title\"]\n > div:first-child\n > div:first-child\n > h1:first-child {\n color: @text !important;\n }\n\n /* \n * post op color and\n * post date color\n */\n div[data-adclicklocation=\"top_bar\"] > span,\n a[data-testid=\"post_author_link\"] {\n color: @subtext0 !important;\n }\n\n /* nsfw flair */\n span._1wzhGvvafQFOWAyA157okr {\n border-color: @red !important;\n color: @red !important;\n }\n\n /* pinned post icon */\n i.icon-pin_fill {\n color: @green !important;\n }\n\n /* give award icon */\n i.icon-award {\n color: @subtext0 !important;\n }\n\n /* locked post icon */\n i.icon-archived_fill,\n i.icon-lock_fill {\n color: @yellow !important;\n }\n\n /* post button divider */\n div[data-click-id=\"body\"] > div:nth-child(3) > div:nth-child(3) {\n border-color: @surface1 !important;\n }\n\n /* UPVOTES/DOWNVOTES */\n\n /* upvote/downvote background */\n div.Post,\n div[data-click-id=\"media\"] {\n background: @mantle !important;\n fill: @mantle !important;\n }\n\n /* inactive vote text color */\n div[id^=\"vote-arrows\"] > div {\n color: @subtext0 !important;\n }\n\n /* active upvote color */\n i.icon-upvote_fill {\n color: @red !important;\n }\n\n button[aria-label=\"upvote\"][aria-pressed=\"false\"] > span:hover > i {\n color: @red !important;\n }\n\n /* active upvote text color */\n button[aria-label=\"upvote\"][aria-pressed=\"true\"] ~ div {\n color: @red !important;\n }\n\n /* hover background for both upvotes and downvotes */\n button[aria-label=\"upvote\"][aria-label=\"downvote\"] > span:hover {\n background: @surface0 !important;\n }\n\n /* active downvote color */\n .icon-downvote_fill {\n color: @blue !important;\n }\n\n /* active downvote text color */\n button[aria-label=\"downvote\"][aria-pressed=\"true\"] ~ div {\n color: @blue !important;\n }\n\n button[aria-label=\"downvote\"][aria-pressed=\"false\"] > span:hover > i {\n color: @blue !important;\n }\n\n /* REPORT MODAL */\n\n a.o1ov2mzLxTFAFP-O4Uv8I {\n color: @accent-color !important;\n }\n\n button._1lDGFVGU9k2mi-4kjU95Rp {\n color: @base !important;\n }\n\n /* SUBREDDIT PAGES */\n a[role=\"button\"][target=\"_blank\"] {\n background: @text !important;\n color: @base !important;\n }\n\n /* radio buttons (flair selector, etc.) */\n div[role=\"radio\"]:hover,\n div[role=\"radio\"]:focus {\n background: @accent-color !important;\n }\n\n div[role=\"radio\"] > svg,\n div[role=\"radio\"] > svg:active {\n fill: @text !important;\n }\n\n /* checkboxes */\n button[role=\"checkbox\"] {\n fill: @accent-color !important;\n }\n\n /* SUBREDDIT RIGHT SIDEBAR (some styles carry over from the homepage right sidebar section) */\n\n /* header background */\n ._ZhON3a3vplThB8NFwuJn {\n background: @crust !important;\n color: @text !important;\n }\n\n /* subreddit image background */\n img[alt=\"Subreddit Icon\"][role=\"presentation\"] {\n background: @accent-color !important;\n }\n\n /* border between uela */\n ._1KrMye71CT332tKKKUWAj6:not(:last-of-type) {\n border-bottom-color: @surface0;\n }\n\n /* default subreddit icon */\n i.icon-community_fill {\n color: @accent-color !important;\n }\n\n /* online users */\n div._21RLQh5PvUhC6vOKoFeHUP::before {\n color: @green !important;\n }\n\n /* POST VIEWER */\n\n /* spoiler tags */\n ._2v4IIjPhKL0PDaWaWtjJ1E {\n background: @surface0 !important;\n }\n\n /* mod comment tag */\n span[id^=\"CommentTopMeta--Mod\"] {\n color: @green !important;\n }\n\n /* op comment tag */\n span[id^=\"CommentTopMeta--OP\"] {\n color: @blue !important;\n }\n\n /* post overlay if you have \"open in new tab\" disabled */\n div#overlayScrollContainer > div {\n background: @crust !important;\n }\n\n /* fixes comment section background not working when \"open in new tab is disabled\" */\n div._2M2wOqmeoPVvcSsJ6Po9-V._3287nL7j7epK9JmDC3N1VR {\n background: @mantle !important;\n }\n\n /* shade applied to background when clicking on a post with \"open in new tab\" disabled */\n div._2DJXORCrmcNpPTSq0LqL6i,\n div._1DK52RbaamLOWw5UPaht_S {\n background: fadeout(@crust, 20) !important;\n }\n\n /* gold award gradient */\n div.TmlaIdEplCzZ0F1aRGYQh[role=\"presentation\"] {\n background: linear-gradient(\n 188deg,\n #f9e2af1f 1.7%,\n #f9e2af00 46%,\n rgba(0, 0, 0, 0)\n ) !important;\n }\n\n /* image gallery next/previous buttons */\n a[title=\"Next\"] > i,\n a[title=\"Previous\"] > i {\n background: @surface0 !important;\n }\n\n /* image gallery image count */\n div._61i6grM3um1yuw4GrN97P {\n background: fadeout(@crust, 20) !important;\n color: @text !important;\n }\n\n /* comment search bar */\n input#comment_search-bar {\n background: @base !important;\n }\n\n /* tab bar below banner */\n ._1gVVmSnHZpkUgVShsn7-ua {\n background: @mantle !important;\n }\n\n /* MULTIREDDITS/CUSTOM FEEDS */\n\n /* delete custom feed button */\n .bX6SqXfzfxpv4GQbuIYVZ {\n color: @red !important;\n }\n\n /* TOOLTIPS */\n div.HQ2VJViRjokXpRbJzPvvc {\n background: @mantle !important;\n color: @text !important;\n }\n\n div.HQ2VJViRjokXpRbJzPvvc::after {\n border-top-color: @mantle !important;\n }\n\n /* Recap Reddit Logo */\n .snoo-cls-1 {\n fill: @base;\n }\n\n .snoo-cls-2 {\n fill: @base;\n }\n\n .snoo-cls-3 {\n fill: @base;\n }\n\n .snoo-cls-4 {\n fill: @accent-color;\n }\n\n .snoo-cls-5 {\n fill: @accent-color;\n }\n\n .snoo-cls-6 {\n fill: @base;\n }\n\n .snoo-cls-7 {\n fill: @accent-color;\n }\n\n .snoo-cls-8 {\n fill: @base;\n }\n\n .snoo-cls-9 {\n fill: @base;\n }\n\n .snoo-cls-10 {\n fill: @accent-color;\n }\n\n .snoo-cls-11 {\n fill: @sky;\n }\n\n .snoo-cls-11 {\n fill: @sky;\n }\n }\n}\n\n/* prettier-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"SearXNG Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/searxng","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/searxng","version":"0.3.1","description":"Soothing pastel theme for SearXNG","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/searxng/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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":"Grey","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 0.3.1\n@description Soothing pastel theme for SearXNG\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/searxng/catppuccin.user.css\n@license \t\tMIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Grey\"]\n@var checkbox additions \"Additional Tweaks\" 0\n==/UserStyle== */\n@-moz-document url-prefix(\"http://ransack.i2p/\"),\nurl-prefix(\"https://darmarit.org/searx/\"),\nurl-prefix(\"https://de.xcxc.ml/\"),\nurl-prefix(\"https://dynabyte.ca/\"),\nurl-prefix(\"https://etsi.me/\"),\nurl-prefix(\"https://icanfindit.online/\"),\nurl-prefix(\"https://jackgoss.xyz/\"),\nurl-prefix(\"https://jsearch.pw/\"),\nurl-prefix(\"https://metasearch.nl/\"),\nurl-prefix(\"https://northboot.xyz/\"),\nurl-prefix(\"https://notsearch.uk/\"),\nurl-prefix(\"https://opnxng.com/\"),\nurl-prefix(\"https://paulgo.io/\"),\nurl-prefix(\"https://priv.au/\"),\nurl-prefix(\"https://privatus.live/\"),\nurl-prefix(\"https://s.frlt.one/\"),\nurl-prefix(\"https://s.zhaocloud.net/\"),\nurl-prefix(\"https://saber.tk/\"),\nurl-prefix(\"https://search.0relay.com/\"),\nurl-prefix(\"https://search.affusio.com/\"),\nurl-prefix(\"https://search.bus-hit.me/\"),\nurl-prefix(\"https://search.callmeecho.dev/\"),\nurl-prefix(\"https://search.chemicals-in-the-water.eu/\"),\nurl-prefix(\"https://search.cronobox.one/\"),\nurl-prefix(\"https://search.disroot.org/\"),\nurl-prefix(\"https://search.ethibox.fr/\"),\nurl-prefix(\"https://search.gcomm.ch/\"),\nurl-prefix(\"https://search.kiwitalk.de/\"),\nurl-prefix(\"https://search.mdosch.de/\"),\nurl-prefix(\"https://search.mpx.wtf/\"),\nurl-prefix(\"https://search.neet.works/\"),\nurl-prefix(\"https://search.ononoki.org/\"),\nurl-prefix(\"https://search.privacyguides.net/\"),\nurl-prefix(\"https://search.projectsegfau.lt/\"),\nurl-prefix(\"https://search.rabbit-company.com/\"),\nurl-prefix(\"https://search.rhscze.cf/\"),\nurl-prefix(\"https://search.rowie.at/\"),\nurl-prefix(\"https://search.sapti.me/\"),\nurl-prefix(\"https://search.serginho.dev/\"),\nurl-prefix(\"https://search.smnz.de/\"),\nurl-prefix(\"https://search.snopyta.org/\"),\nurl-prefix(\"https://search.stinpriza.org/\"),\nurl-prefix(\"https://search.teamriverbubbles.com/\"),\nurl-prefix(\"https://search.trom.tf/\"),\nurl-prefix(\"https://search.unlocked.link/\"),\nurl-prefix(\"https://search.uspersec.com/\"),\nurl-prefix(\"https://search.vidhukant.xyz/\"),\nurl-prefix(\"https://search.zzls.xyz/\"),\nurl-prefix(\"https://searx.baczek.me/\"),\nurl-prefix(\"https://searx.be/\"),\nurl-prefix(\"https://searx.becomesovran.com/\"),\nurl-prefix(\"https://searx.bissisoft.com/\"),\nurl-prefix(\"https://searx.chocoflan.net/\"),\nurl-prefix(\"https://searx.divided-by-zero.eu/\"),\nurl-prefix(\"https://searx.dresden.network/\"),\nurl-prefix(\"https://searx.ebnar.xyz/\"),\nurl-prefix(\"https://searx.ericaftereric.top/\"),\nurl-prefix(\"https://searx.esmailelbob.xyz/\"),\nurl-prefix(\"https://searx.fi/\"),\nurl-prefix(\"https://searx.fmac.xyz/\"),\nurl-prefix(\"https://searx.fossencdi.org/\"),\nurl-prefix(\"https://searx.gnous.eu/\"),\nurl-prefix(\"https://searx.gnu.style/\"),\nurl-prefix(\"https://searx.kujonello.cf/\"),\nurl-prefix(\"https://searx.mastodontech.de/\"),\nurl-prefix(\"https://searx.mha.fi/\"),\nurl-prefix(\"https://searx.mistli.net/\"),\nurl-prefix(\"https://searx.mxchange.org/\"),\nurl-prefix(\"https://searx.nakhan.net/\"),\nurl-prefix(\"https://searx.namejeff.xyz/\"),\nurl-prefix(\"https://searx.netzspielplatz.de/\"),\nurl-prefix(\"https://searx.nixnet.services/\"),\nurl-prefix(\"https://searx.org/\"),\nurl-prefix(\"https://searx.orion-hub.fr/\"),\nurl-prefix(\"https://searx.priv.pw/\"),\nurl-prefix(\"https://searx.prvcy.eu/\"),\nurl-prefix(\"https://searx.rimkus.it/\"),\nurl-prefix(\"https://searx.roflcopter.fr/\"),\nurl-prefix(\"https://searx.ru/\"),\nurl-prefix(\"https://searx.run/\"),\nurl-prefix(\"https://searx.semipvt.com/\"),\nurl-prefix(\"https://searx.sethforprivacy.com/\"),\nurl-prefix(\"https://searx.sev.monster/\"),\nurl-prefix(\"https://searx.slipfox.xyz/searx/\"),\nurl-prefix(\"https://searx.sp-codes.de/\"),\nurl-prefix(\"https://searx.stuehieyr.com/\"),\nurl-prefix(\"https://searx.tiekoetter.com/\"),\nurl-prefix(\"https://searx.tuxcloud.net/\"),\nurl-prefix(\"https://searx.tyil.nl/\"),\nurl-prefix(\"https://searx.vanwa.tech/\"),\nurl-prefix(\"https://searx.webheberg.info/\"),\nurl-prefix(\"https://searx.xyz/\"),\nurl-prefix(\"https://searx.zapashcanon.fr/\"),\nurl-prefix(\"https://searx.zcyph.cc/\"),\nurl-prefix(\"https://searxng.ir/\"),\nurl-prefix(\"https://searxng.nicfab.eu/\"),\nurl-prefix(\"https://searxng.zackptg5.com/\"),\nurl-prefix(\"https://serx.ml/\"),\nurl-prefix(\"https://sh0.it/\"),\nurl-prefix(\"https://soek.allesbeste.com/\"),\nurl-prefix(\"https://spot.ecloud.global/\"),\nurl-prefix(\"https://srx.cosmohub.io/\"),\nurl-prefix(\"https://searx.oakleycord.dev/\"),\nurl-prefix(\"https://suche.dasnetzundich.de/\"),\nurl-prefix(\"https://suche.tromdienste.de/\"),\nurl-prefix(\"https://suche.uferwerk.org/\"),\nurl-prefix(\"https://swag.pw/\"),\nurl-prefix(\"https://sx.catgirl.cloud/\"),\nurl-prefix(\"https://timdor.noip.me/searx/\"),\nurl-prefix(\"https://trydex.tk/searxng/\"),\nurl-prefix(\"https://www.gruble.de/\"),\nurl-prefix(\"https://www.webrats.xyz/\"),\nurl-prefix(\"https://xcxc.ml/\"),\nurl-prefix(\"https://xo.wtf/\")\n{\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n :root.theme-auto {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n @media (prefers-color-scheme: dark) {\n :root.theme-auto {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n :root.theme-dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n :root.theme-light {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent-color) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent: @catppuccin[@@lookup][@@accent-color];\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 & when(@additions) {\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// vim:ft=less\n"},{"enabled":true,"name":"Skiff Catppuccin","description":"Soothing pastel theme for skiff","author":"Catppuccin","updateUrl":"https://github.com/catppuccin/userstyles/raw/main/styles/skiff/catppuccin.user.css","usercssData":{"name":"Skiff Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/skiff","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/skiff","version":"0.0.2","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/skiff/catppuccin.user.css","description":"Soothing pastel theme for skiff","author":"Catppuccin","license":"MIT","preprocessor":"less","vars":{"flavor":{"type":"select","label":"Flavor","name":"flavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","value":null,"default":"rosewater","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Gray","value":"subtext0"}]}}},"sourceCode":"/* ==UserStyle==\n@name Skiff Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/skiff\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/skiff\n@version 0.0.2\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/skiff/catppuccin.user.css\n@description Soothing pastel theme for skiff\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater*\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"app.skiff.com\") {\n :root {\n #catppuccin(@flavor, @accentColor);\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n html,\n body {\n /* main background colors */\n --bg-main-container: @mantle !important;\n --bg-l3-solid: @base !important;\n --bg-l2-solid: @base !important;\n --bg-sidepanel: @crust !important;\n --bg-l1-solid: @crust !important;\n\n /* Text fields and popups */\n --bg-field-default: @mantle !important;\n\n /* Text */\n --text-primary: @text !important;\n --text-secondary: @subtext1 !important;\n --text-disabled: @subtext0 !important;\n --text-tertiary: @subtext0 !important;\n --text-link: @accent-color !important;\n --text-destructive: @red !important;\n --text-inverse: @crust !important;\n\n --accent-green-primary: @green !important;\n }\n\n /* Link color when hovering over hotlinked text */\n .eWCUQ {\n color: @accent-color;\n }\n\n /* Unread dot */\n .bguZwu {\n background: @accent-color;\n }\n\n /* Change account/service dropdown and the tutorial popup, always dark mode regardless of setting */\n & when not (@lookup = latte) {\n /* Change account/service dropdown */\n .fLWrAr {\n background: @mantle;\n }\n .gWUKFc {\n background: @base;\n }\n\n /* tutorial popup */\n html,\n body {\n --bg-emphasis: @crust !important;\n }\n /* Pay with crypto header */\n .cEYYtP {\n background: @mantle !important;\n }\n }\n & when (@lookup = latte) {\n /* Change account/service dropdown */\n .fLWrAr {\n background: @catppuccin[@mocha][@mantle];\n }\n .gWUKFc {\n background: @catppuccin[@mocha][@mantle];\n }\n /* tutorial popup */\n html,\n body {\n --bg-emphasis: @catppuccin[@mocha][@crust] !important;\n }\n }\n\n /* Various dropdowns */\n .optionMenu {\n background: @crust !important;\n }\n\n /* Text in dropdowns */\n .imrrcE,\n .kvGqVe {\n color: @text;\n }\n .dkQatM {\n color: @subtext0;\n }\n\n /* Search menu */\n .bFaRKt {\n background: @mantle !important;\n }\n .enSdmg,\n .cGshPA,\n .epvcfe {\n color: @subtext0;\n caret-color: @accent-color;\n }\n .enSdmg:focus,\n .cGshPA:focus,\n .epvcfe:focus {\n color: @text;\n }\n\n /* Mail, folder, and tag colors */\n .dSuCgH {\n border-color: @red !important;\n }\n .haItIx,\n .eKPGmM,\n .eihkWB {\n background: @red;\n }\n .eaRVlP {\n border-color: @peach !important;\n }\n .JtHzx,\n .dKGpJJ,\n .NfxrE {\n background: @peach;\n }\n .hUzTMU {\n border-color: @pink !important;\n }\n .gvwSHu,\n .iJVhTi,\n .gbLRlL {\n background: @pink;\n }\n .eQGCyt {\n border-color: @yellow !important;\n }\n .BJLiU,\n .bdmXVU,\n .cldAOh {\n background: @yellow;\n }\n .jquNQm {\n border-color: @green !important;\n }\n .fBWSzj,\n .bmuMTf,\n .dzrHbG {\n background: @green;\n }\n .kmInNw {\n border-color: @sapphire !important;\n }\n .dZaPlW,\n .kHHBZC,\n .ePjgmv {\n background: @sapphire;\n }\n .gqLdmg {\n border-color: @blue !important;\n }\n .dtLBu,\n .gZiRxy,\n .hccJrv {\n background: @blue;\n }\n }\n}\n"},{"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.css","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":"0.0.1","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/spotify-web/catppuccin.user.css","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":"sapphire","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Gray","value":"subtext0"}]}}},"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 0.0.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/spotify-web/catppuccin.user.css\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/* If you need any help with the information above, please see: https://github.com/openstyles/stylus/wiki/Writing-UserCSS#var */\n\n/* Apply Theme To Site\n * For help with URL rules, please see https://github.com/openstyles/stylus/wiki/Writing-styles#valid--moz-document-rules */\n@-moz-document domain('open.spotify.com') {\n // Palette Lookup Table\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b;\n };\n }\n\n /* Userstyle as Mixin\n * This takes the following Parameters:\n * @lookup – which is the desired Flavor\n * @accent – which is the desired Accent Color */\n #catppuccin(@lookup, @accent) {\n // unpacking the color codes from the current @lookup flavor\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n .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-color;\n --text-negative: @red;\n --text-warning: @yellow;\n --text-positive: @accent-color;\n --text-announcement: @sapphire;\n --essential-base: @text;\n --essential-subdued: @subtext1;\n --essential-bright-accent: @accent-color;\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-color;\n --background-highlight: @accent-color;\n --background-press: @accent-color;\n --background-elevated-base: @accent-color;\n --background-elevated-highlight: @accent-color;\n --background-elevated-press: @accent-color;\n --background-tinted-base: @accent-color;\n --background-tinted-highlight: @accent-color;\n --background-tinted-press: @accent-color;\n --background-unsafe-for-small-text-base: @accent-color;\n --background-unsafe-for-small-text-highlight: @accent-color;\n --background-unsafe-for-small-text-press: @accent-color;\n --decorative-subdued: darken(@accent-color, 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 (@lookup = latte) {\n .T1xI1RTSFU7Wu94UuvE6 * {\n background: @surface0 !important;\n }\n .bQthUEx0_U98DJkT1saO,\n .RVRoa p {\n color: @base !important;\n }\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 // 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 .T1xI1RTSFU7Wu94UuvE6,\n .gHImFiUWOg93pvTefeAD,\n .CoLO4pdSl8LGWyVZA00t {\n background: @base !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 color: @text !important;\n }\n .ThG4UqWk7ASXCMm69Opn,\n .BQD_pE0Nva_z6z7CvZww *,\n .k2ndSrHzhAsXBcLqRKYx * {\n color: @overlay2 !important;\n }\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 background: @surface0 !important;\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 .H6jh9Xd7DNOq3NsLDmCB {\n color: @text;\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 // 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 // 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 // Icon\n .RfidWIoz8FON2WhFoItU {\n color: @text;\n }\n // Playlist bottom\n .cuLHaM {\n background-color: @base;\n }\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-color;\n }\n a {\n color: @accent-color;\n }\n .Ng3dPPA2_1CFYkzPukjM {\n background: @blue;\n }\n .KAZD28usA1vPz5GVpm63.EHxL6K_6WWDlTCZP6x5w::after {\n background-color: @accent-color;\n }\n .tippy-box[data-theme~=\"activation\"] {\n background-color: @accent-color;\n color: @crust;\n & .c0KyMkxeMCWQGE7cR8s_ *,\n & .TextForLabel-sc-1jqya9m-0.kIsEKW {\n color: @crust;\n }\n }\n .zrvvPyoxE6wQNqnu0yWA {\n color: @text;\n background: @surface0;\n }\n input:checked ~ .Js64TOfWtHksI6TQ6knT {\n background: @accent-color !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 .eG930DCaQXDFqjhxRGIs > * {\n background: @crust !important;\n }\n }\n\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor, @accentColor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor, @accentColor);\n }\n}\n// vim:ft=less\n"},{"enabled":true,"name":"Startpage Catppuccin","description":"Soothing pastel theme for YouTube","author":"Catppuccin","updateUrl":"https://github.com/catppuccin/userstyles/raw/main/styles/startpage/catppuccin.user.css","usercssData":{"name":"Startpage Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/startpage","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/startpage","version":"0.2.0","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/startpage/catppuccin.user.css","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":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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 Startpage Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/startpage\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/startpage\n@version 0.2.0\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/startpage/catppuccin.user.css\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:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"startpage.com\") {\n @media (prefers-color-scheme: light) {\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n }\n\n @media (prefers-color-scheme: dark) {\n :root {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n #catppuccin(@lookup, @accent-color) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent: @catppuccin[@@lookup][@@accent-color];\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\n/* prettier-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Stylus Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/stylus","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/stylus","version":"1.1.2","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/stylus/catppuccin.user.css","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":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","value":null,"default":"sapphire","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Gray","value":"subtext0"}]}}},"sourceCode":"/* ==UserStyle==\n@name Stylus Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/stylus\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/stylus\n@version 1.1.2\n@updateURL \t https://github.com/catppuccin/userstyles/raw/main/styles/stylus/catppuccin.user.css\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:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@-moz-document url-prefix(\"moz-extension://\"), url-prefix(chrome-extension://)\n{\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @color: @catppuccin[@@lookup][@@accent];\n\n &:root {\n --bg: @base;\n --fg: @text;\n --c30: @subtext1;\n --c40: @overlay0;\n --c45: @surface2;\n --c50: @subtext0;\n --c60: @subtext0;\n --c65: @surface2;\n --c75: @overlay1;\n --c80: @surface1;\n --c85: @surface0;\n --c90: @base;\n --c95: @mantle;\n --c97: @mantle;\n --c98: @base;\n --c99: @base;\n --c100: @base;\n --accent-1: @color;\n --accent-2: @color;\n --accent-3: @color;\n }\n\n .active #filters-stats {\n background-color: @color;\n border-color: @color;\n color: @base;\n }\n #header-resizer {\n color: @surface1;\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(@color, 25%);\n }\n .CodeMirror-linenumber {\n color: @subtext0;\n }\n .cm-s-default .cm-string {\n color: @peach;\n }\n .cm-s-default .cm-qualifier {\n color: @peach;\n }\n .cm-s-default .cm-variable-2 {\n color: @sapphire;\n }\n .cm-s-default .cm-keyword {\n color: @mauve;\n }\n .cm-s-default .cm-atom,\n .cm-s-default .cm-number {\n color: @green;\n }\n .cm-s-default .cm-def {\n color: @sapphire;\n }\n .cm-s-default .cm-tag {\n color: @sapphire;\n }\n .cm-s-default .cm-builtin {\n color: @subtext1;\n }\n .cm-s-default .cm-variable-3 {\n color: @subtext1;\n }\n .cm-s-default .cm-comment {\n color: @subtext0;\n }\n .cm-s-default .cm-operator {\n color: @yellow;\n }\n div.CodeMirror span.CodeMirror-matchingbracket {\n color: @green;\n }\n button:disabled,\n select:disabled,\n option:disabled,\n select[disabled] > option {\n color: @subtext0;\n }\n .applies-to input,\n .applies-to select {\n background: @base;\n border-color: @surface0;\n color: @subtext0;\n }\n button {\n color: @text !important;\n background: @mantle !important;\n }\n #save-button[disabled] {\n background: @surface0 !important;\n }\n #message-box-title {\n color: @base;\n }\n .svg-icon:hover {\n fill: @overlay1;\n }\n .svg-icon {\n fill: @overlay0;\n }\n .onoffswitch input:checked + span {\n background-color: fade(@color, 25%);\n }\n .onoffswitch input:checked + span::before {\n background-color: @color;\n }\n #options-title {\n color: @base;\n }\n h2 {\n color: @color !important;\n }\n .installed .configure-usercss svg {\n fill: @color !important;\n }\n .installed .configure-usercss:hover svg {\n fill: @color !important;\n }\n .cm-s-default .cm-variable {\n color: @text;\n }\n .CodeMirror-activeline-background {\n background: @mantle;\n }\n }\n [data-ui-theme=\"light\"] {\n #catppuccin(@lightFlavor, @accentColor);\n }\n [data-ui-theme=\"dark\"] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Substack Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/substack","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/substack","version":"0.1.1","description":"Soothing pastel theme for Substack","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/substack/catppuccin.user.css","author":"Catppuccin","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","value":null,"default":"sapphire","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Gray","value":"subtext0"}]}}},"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 0.1.1\n@description Soothing pastel theme for Substack\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/substack/catppuccin.user.css\n@author Catppuccin\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappé\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire*\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document regexp(\"https:\\/\\/(.+\\.)?substack.com/.*\") {\n #catppuccin(@lookup, @accent-color) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent: @catppuccin[@@lookup][@@accent-color];\n\n html {\n background-color: @base !important;\n }\n\n :root,\n .dark-mode {\n --color-primary: @text;\n --color-secondary: @subtext0;\n --color-bg-primary: @base;\n --color-bg-primary-rgb: #rgbify(@base) [];\n --web_bg_color: @base;\n --color-bg-primary-hover: mix(@surface0, @base, 50%);\n --color-bg-secondary: @mantle;\n --color-bg-tertiary: @crust;\n --color-dark-bg-tertiary: @crust;\n --color-dark-primary: @text;\n --color-bg-elevated: @surface0;\n --color-bg-elevated-hover: mix(@surface1, @surface0, 50%);\n --color-accent-themed: @accent;\n --color-bg-secondary-opacity: @surface0;\n --color-bg-secondary-themed: @surface0;\n --color-accent-inverse-themed: @crust;\n --color-light-bg-primary: @crust;\n --color-accent-primary: @accent;\n --color-accent-substack: @accent;\n --color-accent-blue: @blue;\n --color-accent-red: @red;\n --color-accent-purple: @mauve;\n --color-accent-facebook: @blue;\n --color-accent-error: @red;\n --color-detail: @surface1;\n --color-dark-bg-primary: @mantle;\n\n // subdomains\n --print_on_web_bg_color: @text;\n --color-secondary-themed: @subtext0;\n --print_secondary_on_web_bg_color: @subtext0;\n --background_pop: @peach;\n --print_pop: @peach;\n --print_on_pop: @crust;\n --print_secondary: @subtext0;\n --color-tertiary: @crust;\n --background_contrast_1: @crust;\n --background_contrast_2: mix(@crust, @mantle, 50%);\n --background_contrast_3: @mantle;\n --background_contrast_4: mix(@mantle, @base, 33%);\n --background_contrast_5: mix(@mantle, @base, 66%);\n --color_theme_bg_contrast_1: unset;\n --color_theme_bg_contrast_2: mix(@surface0, @surface1, 50%);\n --color_theme_bg_contrast_3: @surface1;\n --color_theme_bg_contrast_4: mix(@surface1, @surface2, 50%);\n --color_theme_bg_contrast_5: @surface2;\n --input_background: @surface0;\n\n // used for podcast play controls\n --color_theme_bg_pop_rgb: #rgbify(@accent) [];\n --color_theme_print_on_pop: @crust;\n }\n\n // brand colors in SVGs\n // Substack orange\n *[stroke=\"#ff6719\"],\n *[stroke=\"#FF6719\"] {\n stroke: @peach !important;\n }\n *[fill=\"#ff6719\"],\n *[fill=\"#FF6719\"] {\n fill: @peach !important;\n }\n\n .footer-wrap .footer .footer-substack-cta {\n background-color: @base;\n }\n\n .reader-nav-top.pinned {\n background-color: rgba(#rgbify(@base) [], 85%);\n backdrop-filter: var(--glass);\n }\n\n // toggle switches\n .tailwind-preflight button span {\n background-color: @base !important;\n }\n\n // restack quote popup\n div[class*=\"frontend-components-selection_popover-module\"] {\n * {\n color: @text !important;\n background: @base !important;\n border-color: @surface0 !important;\n stroke: @text !important;\n }\n }\n\n // top navbar user button\n .button.user-indicator {\n background: var(--color-bg-secondary-themed) !important;\n }\n }\n\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor, @accentColor);\n }\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #rgbify(@color) {\n @rgb-raw: red(@color), green(@color), blue(@color);\n }\n\n // prettier-ignore\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n}\n\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Syncthing Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/syncthing","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/syncthing","version":"0.1.1","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/syncthing/catppuccin.user.css","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":"sapphire","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Gray","value":"subtext0"}]},"urls":{"type":"text","label":"URL(s) for Syncthing","name":"urls","value":null,"default":"127\\.0\\.0\\.1\\: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 0.1.1\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/syncthing/catppuccin.user.css\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@var text urls \"URL(s) for Syncthing\" \"127\\.0\\.0\\.1\\:8384,localhost\\:8384\"\n\n==/UserStyle== */\n\n/*\n `replace( ,\" \", \"\", \"g\")` is here to remove extra spaces (if any)\n*/\n\n@-moz-document regexp(replace(replace(%(\"https?://(%s)/.*\", @urls), \",\", \"|\"), \" \", \"\", \"g\"))\n{\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n /*\n So If you want to know why `!important` is spammed all over, then look at this css file that syncthing uses\n https://github.com/syncthing/syncthing/blob/main/gui/dark/assets/css/theme.css\n */\n\n body {\n color: @text !important;\n background-color: @base !important;\n }\n\n a {\n color: @accent-color;\n }\n\n .nav-tabs > li.active > a:hover,\n .nav-tabs > li.active > a {\n color: @accent-color !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-color !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: @base !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-color !important;\n color: @base;\n }\n\n .btn-primary:hover,\n .btn-primary:focus,\n .btn-primary.focus {\n background-color: fade(@accent-color, 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-color !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-color !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 @media (prefers-color-scheme: light) {\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n }\n\n @media (prefers-color-scheme: dark) {\n :root {\n #catppuccin(@darkFlavor, @accentColor);\n }\n }\n\n .light-theme {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n .dark-theme {\n #catppuccin(@darkFlavor, @accentColor);\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Tuta Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/tuta","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/tuta","version":"0.0.6","description":"Soothing pastel theme for Tuta","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/tuta/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"flavor":{"type":"select","label":"Flavor","name":"flavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentSelect":{"type":"select","label":"Accent","name":"accentSelect","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 Tuta Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/tuta\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/tuta\n@version 0.0.6\n@description Soothing pastel theme for Tuta\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/tuta/catppuccin.user.css\n@license\t\tMIT\n\n@preprocessor less\n@var select flavor \"Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentSelect \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n\n@-moz-document domain(\"app.tuta.com\"), domain(\"mail.tutanota.com\") {\n :root {\n #catppuccin(@flavor, @accentSelect);\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accentSelect) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent: @catppuccin[@@lookup][@@accentSelect];\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 .dropdown-button,\n .dropdown-button div {\n color: @text !important;\n }\n .dropdown-button:hover {\n background-color: @surface1 !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 .row-selected > .nav-button > .icon {\n fill: @accent !important;\n }\n\n .secondary {\n color: @accent !important;\n }\n\n .nav-button,\n .sidebar-section.mb {\n color: @subtext0 !important;\n }\n .icon.icon-large,\n .nav-button .icon {\n fill: @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(0, 210, 167);\"] {\n border-color: @accent !important;\n }\n [style*=\"color: rgb(0, 210, 167);\"] {\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// vim:ft=less\n"},{"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.css","usercssData":{"name":"Twitch Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/twitch","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/twitch","version":"1.1.15","description":"Soothing pastel theme for Twitch","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/twitch/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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 Twitch Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/twitch\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/twitch\n@version 1.1.15\n@description Soothing pastel theme for Twitch\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/twitch/catppuccin.user.css\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"twitch.tv\") {\n .tw-root--theme-dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n .tw-root--theme-light {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-Color: @catppuccin[@@lookup][@@accent];\n\n & body {\n background-color: @base;\n }\n\n /* Stream title */\n\n p[data-test-selector=\"stream-info-card-component__subtitle\"],\n p[data-test-selector=\"stream-info-card-component__description\"] {\n color: @text !important;\n }\n\n a[data-a-target=\"player-info-game-name\"] {\n color: @accent-Color;\n }\n\n /* `Pinned message` popup */\n\n div.pinned-chat__pinned-by svg {\n color: @text;\n }\n\n p.pinned-chat__message span {\n color: @text !important;\n }\n\n p.pinned-chat__message a {\n color: @accent-Color;\n }\n\n /* `Intended for certain audiences` label */\n\n div[data-a-target=\"content-classification-warning-disclosure-overlay\"] p {\n color: @text;\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 div.hype-train-progress-bar-info-view__progress-value span {\n color: @accent-Color;\n }\n\n /* `Is video buffering?` warning */\n\n div.low-latency-notification p {\n color: @text;\n }\n\n /* `Includes paid promotion` label */\n\n div.disclosure-card p,\n div.disclosure-card svg {\n color: @text;\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-Color;\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 /* Poll popup */\n\n div[data-test-selector=\"header-content\"]\n p:not(\n [data-test-selector=\"community-prediction-highlight-header__title\"],\n [data-test-selector=\"header\"]\n ) {\n color: @text !important;\n }\n\n /* `Report Poll` button */\n\n button.gaoCTJ {\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 span {\n color: @accent-Color;\n }\n\n div.mystery-gift-chat-banner p {\n color: @text;\n }\n\n /* VOD metadata */\n\n div.tw-media-card-stat {\n color: @text;\n }\n\n /* DMCA warning */\n\n div.muted-segments-alert__content p {\n color: @text;\n }\n\n /* VOD time labels */\n\n div.vod-seekbar-time-labels p {\n color: @text !important;\n }\n\n /* VOD timestamp */\n\n div.vod-seekbar-preview-overlay__wrapper p {\n color: @text !important;\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-Color !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 /* Following usercard */\n\n div[data-a-target=\"user-card-modal\"] p {\n color: @text !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-Color !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 & .carousel-metadata {\n background: @crust;\n }\n & .carousel-metadata--fadeout {\n background: @crust;\n }\n .chat-line__message-body--highlighted {\n background-color: @accent-Color;\n color: @crust;\n border-color: @accent-Color;\n }\n .chat-scrollable-area__message-container {\n background-color: @mantle;\n }\n .jmUA-dj {\n background-color: @mantle;\n }\n .bBpiku {\n fill: @mantle;\n }\n .ivjxmt {\n color: @crust;\n }\n .gzYMLv {\n color: @text;\n }\n .gZxBHd {\n color: @subtext0;\n &:hover {\n color: @accent-Color;\n }\n }\n .eBmJxH {\n color: @text;\n }\n .ffZeRf {\n color: #fff !important;\n }\n .igzOaC {\n color: @text;\n }\n .bEHknf {\n color: #fff;\n }\n .side-nav-card__link:hover {\n background: @surface0 !important;\n }\n .dDyYOA {\n color: #fff !important;\n }\n .reward-icon__cost {\n color: #fff !important;\n }\n .kLILeB {\n color: #fff !important;\n }\n .navigation-link__active-indicator {\n background-color: @accent-Color !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 &:hover {\n color: @accent-Color;\n }\n }\n .chat-room {\n background: @mantle;\n }\n div.pinned-chat__highlight-card div.highlight {\n background: @mantle;\n }\n\n h4,\n h5 {\n color: @text;\n }\n\n .cOJBQO {\n color: @text;\n }\n\n .dBlttx {\n color: @subtext1;\n }\n\n .fiCviy {\n color: @text;\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 &,\n .side-nav-card__link:hover {\n --color-background-input-focus: @crust;\n --color-background-interactable-hover: @surface0;\n --color-background-button-text-default: null !important;\n --color-text-input-placeholder: @text;\n --color-border-input: @base;\n --color-text-button-primary: @crust;\n --color-text-overlay: @base;\n --color-text-base: @subtext1;\n --color-text-alt: @subtext1;\n --color-text-alt-2: @text;\n --color-text-interactable-selected: @crust;\n --color-background-alt-2: @crust;\n --color-text-tag: @text;\n --color-background-button-secondary-default: @crust;\n --color-background-tag-default: @mantle;\n --color-background-tag-hover: @crust;\n --color-background-float: @mantle;\n --color-background-body: @base;\n --color-background-base: @mantle;\n --color-background-alt: @mantle;\n --color-background-input: @crust;\n --color-brand-muted-cupcake: @pink;\n --color-brand-muted-mint: @green;\n --color-brand-muted-sky: @sky;\n --color-brand-muted-blush: @peach;\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-info: @blue;\n --color-accent: @accent-Color;\n --color-twitch-purple: @accent-Color;\n --color-twitch-purple-4: @accent-Color;\n --color-twitch-purple-5: @accent-Color;\n --color-twitch-purple-6: @accent-Color;\n --color-twitch-purple-7: @accent-Color;\n --color-twitch-purple-8: @accent-Color;\n --color-twitch-purple-9: @accent-Color;\n --color-twitch-purple-10: @accent-Color;\n --color-twitch-purple-11: @accent-Color;\n --color-twitch-purple-12: @accent-Color;\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-magenta-5: @flamingo;\n --color-magenta-6: @flamingo;\n --color-magenta-7: @flamingo;\n --color-magenta-8: @flamingo;\n --color-magenta-9: @flamingo;\n --color-magenta-10: @flamingo;\n --color-magenta-11: @pink;\n --color-magenta-12: @pink;\n --color-red-4: @red;\n --color-red-5: @red;\n --color-red-6: @red;\n --color-red-7: @red;\n --color-red-8: @red;\n --color-red-9: @red;\n --color-red-10: @red;\n --color-red-11: @peach;\n --color-red-12: @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; //background: @surface0;\n --color-background-button-text-hover: @surface0;\n --color-text-accessible-red: @red;\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 }\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(@lookup) {\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n .simplebar-content {\n background-color: @mantle;\n }\n .scrollable-area--suppress-scroll-x > .simplebar-scroll-content,\n .scrollable-area--suppress-scroll-x\n > .simplebar-scroll-content\n > .simplebar-content {\n background-color: @base;\n }\n }\n}\n\n/* prettier-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n}\n// vim:ft=less\n"},{"enabled":true,"name":"Vercel Catppuccin","description":"Soothing pastel theme for Vercel","author":"Catppuccin","updateUrl":"https://github.com/catppuccin/userstyles/raw/main/styles/vercel/catppuccin.user.css","usercssData":{"name":"Vercel Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/vercel","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/vercel","version":"0.0.5","description":"Soothing pastel theme for Vercel","author":"Catppuccin","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/vercel/catppuccin.user.css","license":"MIT","preprocessor":"less","vars":{"lightFlavor":{"type":"select","label":"Light Flavor","name":"lightFlavor","value":null,"default":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]}}},"sourceCode":"/* ==UserStyle==\n@name Vercel Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/vercel\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/vercel\n@version 0.0.5\n@description Soothing pastel theme for Vercel\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/vercel/catppuccin.user.css\n@license MIT\n\n@preprocessor less\n@var select lightFlavor \"Light Flavor\" [\"latte:Latte*\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n==/UserStyle== */\n@-moz-document domain(\"vercel.com\") {\n :root.dark-theme {\n #catppuccin(@darkFlavor);\n }\n :root.light-theme {\n #catppuccin(@lightFlavor);\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n\n --geist-foreground: @text;\n --geist-background: @mantle;\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 --geist-link-color: @rosewater;\n --geist-selection: @subtext0;\n --geist-success: @blue;\n --geist-error: @red;\n --geist-cyan: @teal;\n\n --ds-background-100: @base;\n --ds-background-200: @surface0;\n --ds-gray-100: @base;\n --ds-gray-200: @surface0;\n --ds-gray-300: @surface1;\n --ds-gray-1000: @text;\n --ds-gray-900: @subtext0;\n --ds-gray-800: @subtext1;\n\n --ds-red-800: @red;\n --ds-red-900: lighten(@red, 5%);\n\n svg {\n --geist-stroke: var(--geist-background) !important;\n }\n\n .card-grid_card__S85BZ {\n background: linear-gradient(180deg, @base 0%, @crust 100%);\n &:hover {\n background: linear-gradient(180deg, @base 0%, @mantle 100%);\n }\n }\n }\n}\n// vim:ft=less\n"},{"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.css","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":"0.0.4","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/whatsapp-web/catppuccin.user.css","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":"latte","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappé","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","value":null,"default":"sapphire","options":[{"name":"rosewater","label":"Rosewater","value":"rosewater"},{"name":"flamingo","label":"Flamingo","value":"flamingo"},{"name":"pink","label":"Pink","value":"pink"},{"name":"mauve","label":"Mauve","value":"mauve"},{"name":"red","label":"Red","value":"red"},{"name":"maroon","label":"Maroon","value":"maroon"},{"name":"peach","label":"Peach","value":"peach"},{"name":"yellow","label":"Yellow","value":"yellow"},{"name":"green","label":"Green","value":"green"},{"name":"teal","label":"Teal","value":"teal"},{"name":"blue","label":"Blue","value":"blue"},{"name":"sapphire","label":"Sapphire","value":"sapphire"},{"name":"sky","label":"Sky","value":"sky"},{"name":"lavender","label":"Lavender","value":"lavender"},{"name":"subtext0","label":"Grey","value":"subtext0"}]},"lighterMessages":{"type":"checkbox","label":"Lighter 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 0.0.4\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/whatsapp-web/catppuccin.user.css\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:Grey\"]\n@var checkbox lighterMessages \"Lighter incoming messages\" 0\n==/UserStyle== */\n@-moz-document domain(\"web.whatsapp.com\") {\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n body {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n body.dark {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n @color: red;\n #rgbify(@color) {\n @rgb-raw: red(@color) green(@color) blue(@color);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n .landing-wrapper-before {\n background-color: @accent-color !important;\n }\n\n /* STATUS PAGE */\n --status-background: @base !important;\n .bfsx6evv {\n background-color: @mantle !important;\n }\n\n --modal-backdrop-solid: @base !important;\n\n /* join group pop up */\n --modal-background: @base !important;\n\n /* startup progress */\n --progress-primary: @accent-color !important;\n --progress-background: @surface1 !important;\n --startup-background: @base !important;\n --startup-background-rgb: #rgbify(@base) [];\n /* home page, no chat selected */\n --intro-background: @base !important;\n --intro-border: @accent-color !important;\n /* general background */\n --app-background: @base !important;\n\n /* CHAT LIST */\n /* chat list background */\n --background-default: @base !important;\n /* chat list header */\n --panel-header-background: @mantle !important;\n /* icons */\n --panel-header-icon: @text !important;\n /* other warnings (notifications) */\n --butterbar-default-background: @mantle !important;\n --butterbar-notification-icon: @sky !important;\n /* loading messages warning */\n --butterbar-green-nux-background: @mantle !important;\n /* update available warning */\n --butterbar-update-background: @mantle !important;\n --butterbar-update-icon: @accent-color !important;\n /* chat list search bar */\n --search-container-background: @base !important;\n --search-input-container-background: @base !important;\n --search-input-background: @surface0 !important;\n --search-input-container-background-active: @mantle !important;\n --icon-search-back: @accent-color !important;\n /* archive icon */\n --icon-bright-highlight: @accent-color !important;\n /* archived unread marker */\n --unread-marker-background: @accent-color !important;\n --unread-timestamp: @accent-color !important;\n /* archived chats header */\n --archived-chat-persistent-header-background: @crust !important;\n /* unread voice message */\n --ptt-green: @green !important;\n /* read voice message */\n --ptt-blue: @blue !important;\n /* pinned chat icon */\n --icon-pinned: @accent-color !important;\n /* last message in selected chat */\n --secondary-stronger: @subtext1 !important;\n /* background for active and hover chats in chat list */\n --background-default-active: @surface1 !important;\n --background-default-hover: @surface0 !important;\n /* unread chats filter */\n --icon-high-emphasis: @green !important;\n .p7idzaix {\n color: @crust !important;\n }\n /* voice message playing */\n --ptt-ooc-background: @mantle !important;\n\n /* CONVERSATION */\n /* chat background */\n --conversation-panel-background: @mantle !important;\n /* MESSAGES */\n /* background for incoming and outgoing messages */\n & when (@lighterMessages=1) {\n --incoming-background: @surface1 !important;\n --incoming-background-deeper: @surface2 !important;\n /* arrow icon in messages */\n --incoming-background-rgb: #rgbify(@surface1) [];\n }\n & when (@lighterMessages=0) {\n --incoming-background: @base !important;\n --incoming-background-deeper: @surface0 !important;\n /* arrow icon in messages */\n --incoming-background-rgb: #rgbify(@base) [];\n }\n --outgoing-background: @surface0 !important;\n /* read double tick */\n --icon-ack: @blue !important;\n /* received double tick */\n --bubble-meta-icon: @subtext0 !important;\n /* message timestamp */\n --bubble-meta: @text !important;\n --message-primary: @text !important;\n /* POLL */\n /* creation */\n --poll-modal-background-color: @base !important;\n --poll-modal-footer-background-color: @surface0 !important;\n /* votes */\n --poll-bar-fill-receiver: @green !important;\n --poll-bar-fill-sender: @green !important;\n --checkbox-mark: @crust !important;\n\n /* audio duration */\n --audio-progress-metadata: @subtext0 !important;\n /* system messages (unread or day messages in chats) */\n --system-message-text: @text !important;\n --system-message-background: @crust !important;\n /* unread system message background */\n --unread-background: @crust !important;\n --unread-bar-background: @surface1 !important;\n /* meta data for documents */\n --document-meta: @subtext1 !important;\n /* mentions, links and link previews */\n --mention-at-symbol: @sapphire !important;\n --link: @sapphire !important;\n --link-preview: @text !important;\n --link-preview-lighter: @subtext1 !important;\n --link-preview-light: @subtext0 !important;\n --outgoing-background-rgb: #rgbify(@surface0) [];\n /* QUOTED MESSAGES */\n /* quoted messages */\n --quoted-message-text: @text !important;\n /* background for quoted incoming and outgoing messages */\n --outgoing-background-deeper: @surface1 !important;\n\n /* SEARCH IN CHAT HIGHLIGHT */\n --highlight: @teal !important;\n\n /* quote colors */\n .bg-color-1 {\n background-color: @green !important;\n }\n .color-1 {\n color: @green !important;\n }\n .bg-color-2 {\n background-color: @blue !important;\n }\n .color-2 {\n color: @blue !important;\n }\n .bg-color-3 {\n background-color: @pink !important;\n }\n .color-3 {\n color: @pink !important;\n }\n .bg-color-4 {\n background-color: @sapphire !important;\n }\n .color-4 {\n color: @sapphire !important;\n }\n .bg-color-5 {\n background-color: @peach !important;\n }\n .color-5 {\n color: @peach !important;\n }\n .bg-color-6 {\n background-color: @sky !important;\n }\n .color-6 {\n color: @sky !important;\n }\n .bg-color-7 {\n background-color: @yellow !important;\n }\n .color-7 {\n color: @yellow !important;\n }\n .bg-color-8 {\n background-color: @teal !important;\n }\n .color-8 {\n color: @teal !important;\n }\n .bg-color-9 {\n background-color: @lavender !important;\n }\n .color-9 {\n color: @lavender !important;\n }\n .bg-color-10 {\n background-color: @red!important;\n }\n .color-10 {\n color: @red!important;\n }\n .bg-color-11 {\n background-color: @mauve !important;\n }\n .color-11 {\n color: @mauve !important;\n }\n .bg-color-12 {\n background-color: @flamingo !important;\n }\n .color-12 {\n color: @flamingo !important;\n }\n .bg-color-13 {\n background-color: @rosewater !important;\n }\n .color-13 {\n color: @rosewater !important;\n }\n .bg-color-14 {\n background-color: @pink !important;\n }\n .color-14 {\n color: @pink !important;\n }\n .bg-color-15 {\n background-color: @maroon !important;\n }\n .color-15 {\n color: @maroon !important;\n }\n .bg-color-16 {\n background-color: @teal !important;\n }\n .color-16 {\n color: @teal !important;\n }\n /* general text */\n --primary: @text !important;\n --primary-strong: @text !important;\n --primary-stronger: @text !important;\n --primary-strongest: @text !important;\n --secondary: @subtext0 !important;\n --secondary-strongest-rgb: #rgbify(@text) [];\n /* chat list typing message */\n --typing: @green !important;\n /* background for video player and image viewer */\n --media-viewer-background: @mantle !important;\n /* not loaded media */\n --media-gallery-thumb-background: @crust !important;\n\n /* Group info/Contact info */\n --photopicker-overlay-background: fadeout(@mantle, 0.8) !important;\n --photopicker-overlay-background-rgb: #rgbify(@base) [];\n --media-viewer-background-rgb: #rgbify(@base) [];\n --drawer-background-deep: @crust !important;\n /* group info read more */\n --input-button-more: @sapphire !important;\n /* Group info thumbnails border */\n --chat-info-drawer-thumb-background: @surface2 !important;\n /* Group admin badge background */\n --chat-marker-background: @mantle !important;\n --chat-marker-border: @mantle !important;\n /* Group admin badge foreground */\n --chat-marker: @subtext0 !important;\n /* Media gallery */\n --drawer-gallery-background: @crust !important;\n /* mute toggle */\n --switch-button-checked-color: @accent-color !important;\n --switch-track-checked-color: @surface2 !important;\n --switch-track-color: @surface2 !important;\n --switch-button-color: @overlay1 !important;\n\n /* danger, block, exit and report buttons */\n --danger: @red!important;\n\n /* group added by someone not in contacts */\n --button-plain-background: @surface0 !important;\n --button-plain-background-hover: @surface1 !important;\n\n /* EMOJI AND STICKERS */\n --panel-input-background: @surface0 !important;\n --sticker-button-background: @surface1 !important;\n --active-tab-marker: @accent-color !important;\n\n /* REACTIONS */\n --reactions-panel-background-color: @surface0 !important;\n --reactions-tray-background: @surface0 !important;\n --reactions-details-background: @surface0 !important;\n --svg-gray-button: @surface0 !important;\n\n /* Forward message popup */\n --panel-background-colored-deeper: @crust !important;\n --modal-backdrop: fadeout(@mantle, 0.8) !important;\n\n /* MEDIA EDITOR */\n /* background for media editor */\n --panel-background-deeper: @mantle !important;\n /* message box for media editor */\n --media-editor-image-caption-input-background: @surface0 !important;\n /* selected picture in media editor */\n --media-editor-thumb-border-active: @accent-color !important;\n /* send button in media editor */\n --button-round-background: @accent-color !important;\n\n /* COMPOSE BAR */\n /* type a message bar and background */\n --compose-input-background: @surface0 !important;\n --compose-input-border: @surface1 !important;\n --compose-panel-background: @mantle !important;\n --rich-text-panel-background: @mantle !important;\n /* select messages fixes */\n --panel-background: @mantle !important;\n --panel-background-rgb: #rgbify(@mantle) [];\n --checkbox-background: @accent-color !important;\n /* quoted message in compose */\n --popup-panel-background: @surface0 !important;\n /* use Surface 0 for contrast, other colors don't pass AAA */\n /* mention list item background */\n --compose-panel-background-hover: @surface1 !important;\n /* compose bar icons */\n --icon: @accent-color !important;\n /* ATTACH ICONS */\n /* poll icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(6)\n > button\n > span\n > svg\n > circle {\n fill: @green !important;\n }\n /* image icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(1)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(2) {\n fill: @pink !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(1)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(1) {\n fill: @pink !important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(1)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > rect {\n fill: @pink !important;\n filter: brightness(70%) !important;\n }\n /* sticker icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(2)\n > button\n > span\n > svg\n > g\n > circle {\n fill: @blue !important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(2)\n > button\n > span\n > svg\n > g\n > path:nth-child(2) {\n fill: @blue !important;\n }\n /* camera icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(3)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(1) {\n fill: @red!important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(3)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(2) {\n fill: @red!important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(3)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > rect {\n fill: @red!important;\n filter: brightness(85%) !important;\n }\n /* document icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(4)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(1) {\n fill: @mauve !important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(4)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > path:nth-child(2) {\n fill: @mauve !important;\n }\n /* contact icon */\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(5)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > g\n > path:nth-child(1) {\n fill: @sky !important;\n filter: brightness(85%) !important;\n }\n div._1OT67\n > div\n > span\n > div\n > div\n > ul\n > li:nth-child(5)\n > button\n > span\n > svg\n > g:nth-child(1)\n > g\n > g\n > path:nth-child(2) {\n fill: @sky !important;\n }\n /* VOICE MESSAGE SENDING */\n --ptt-draft-button-send: @accent-color !important;\n --ptt-draft-waveform-background: @base !important;\n --ptt-draft-button-stop: @red !important;\n --ptt-draft-button-stop-hover: @maroon !important;\n\n /* GENERAL OPTIONS */\n /* dropdown menus */\n --dropdown-background: @surface0 !important;\n --dropdown-background-hover: @surface1 !important;\n\n /* OTHER SECTIONS */\n /* profile background */\n --drawer-background: @base !important;\n /* communities, new chat, other panes */\n --panel-background-colored: @mantle !important;\n --drawer-section-background: @base !important;\n /* new chat icons */\n --round-icon-background: @green !important;\n --inverse: @text !important;\n /* title and icon for drawers */\n --drawer-header-title: @text !important;\n /* buttons such as create community */\n --button-primary-background: @accent-color !important;\n --button-primary-background-hover: fadeout(@accent-color, 0.8) !important;\n /* keyboard shortcuts background */\n --panel-background-lighter: @mantle !important;\n /* active input in modals and drawers */\n --input-border-active: @accent-color !important;\n\n /* Start page drawing */\n #app\n > div\n > div\n > div._2Ts6i._2xAQV\n > div\n > div\n > div.WM0_u\n > span\n > svg\n > path:nth-child(1) {\n fill: @surface2 !important;\n }\n\n /* Status unread dot */\n #df9d3429-f0ef-48b5-b5eb-f9d27b2deba6 > path:nth-child(2) {\n fill: @accent-color !important;\n }\n\n #side\n > div._3gYev\n > div\n > div\n > button\n > div._3xdht._1ZD3q\n > span\n > svg\n > path {\n fill: @accent-color !important;\n }\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"Wikiwand Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/wikiwand","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/wikiwand","version":"1.2.0","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/wikiwand/catppuccin.user.css","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":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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 Wikiwand Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/wikiwand\n@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/wikiwand\n@version 1.2.0\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/wikiwand/catppuccin.user.css\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:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve:Mauve\", \"red:Red*\", \"maroon:Maroon\", \"peach:Peach\", \"yellow:Yellow\", \"green:Green\", \"teal:Teal\", \"blue:Blue\", \"sapphire:Sapphire\", \"sky:Sky\", \"lavender:Lavender\", \"subtext0:Gray\"]\n==/UserStyle== */\n@-moz-document domain(\"wikiwand.com\") {\n .root_light__Inhun {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n .root_earth__3sDLo,\n .root_dark__oGh5X,\n .root_auto__Xg3qF,\n .root_grey__eKz_h {\n #catppuccin(@darkFlavor, @accentColor);\n }\n\n /* prettier-ignore */\n @catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-Color: @catppuccin[@@lookup][@@accent];\n\n --color-bg: @base;\n --color-text: @text;\n --color-grey: @subtext0;\n --color-table: @surface0;\n --color-table-border: @surface0;\n --color-link: @accent-Color;\n --toc-bg: @mantle;\n --toc-text: @text;\n --toc-border: @crust;\n --tag-bg: @surface0;\n --tag-text: @overlay1;\n --navbar-bg: @crust;\n --navbar-border: @mantle;\n --navbar-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2),\n 0px 5px 10px rgba(0, 0, 0, 0.3);\n\n .popover_arrow__pQSsX::before {\n background-color: @surface1;\n border-color: @surface2;\n }\n *[class*=\"dropdown_item\"] {\n color: @text;\n }\n .popover_popover__jgyGp {\n background-color: @surface1;\n border-color: @surface2;\n border-radius: 0.625em;\n box-shadow:\n 0 0 2px rgba(0, 0, 0, 0.1),\n 0 5px 10px rgba(0, 0, 0, 0.1);\n }\n .draggable_wrapper__YB014 {\n background-color: @surface1;\n border-color: @surface0;\n box-shadow:\n 0 0 2px rgba(0, 0, 0, 0.2),\n 0 10px 20px rgba(0, 0, 0, 0.3);\n color: @text;\n }\n .checkbox_checkbox__uXwIZ {\n width: 1.125em;\n height: 1.125em;\n border-radius: 0.125em;\n border-color: @surface1;\n background-color: @surface2;\n position: relative;\n }\n .checkbox_checkbox__uXwIZ::before {\n background-color: @accent-Color;\n }\n svg.audio_icon__eZ5Bx {\n color: @text;\n }\n .checkbox_label__V5gon,\n .audio_select__kmOPL {\n color: @subtext0 !important;\n }\n .draggable_header__bfxdq {\n border-color: @surface1 !important;\n }\n .footer_donation__Cje_Q {\n display: none !important;\n }\n .dropdown_content__4NAxl {\n background-color: @surface1;\n border-color: @surface2;\n }\n p.settings_setLabel__NrVBx:nth-child(3),\n article.settings_section__vRaq_:nth-child(1) {\n color: @text;\n }\n .toggle_label__y7mDQ {\n color: @text;\n }\n .toggle_bg__Qn4Oc {\n background-color: @accent-Color;\n }\n .toggle_label__y7mDQ.toggle_active__l_k3F {\n color: @base;\n }\n .toggle_label__y7mDQ:not(.toggle_active__l_k3F):hover {\n color: @accent-Color;\n }\n .themeBtn_wrapper__KTkHk.themeBtn_active__4gb_I,\n .themeBtn_wrapper__KTkHk:hover {\n color: @accent-Color;\n }\n .themeBtn_label__GyvdH {\n color: @subtext1;\n }\n .toggle_toggle__jzkKG {\n background-color: @surface2;\n }\n .settings_reset__GO2x4 {\n border-top-color: @surface2;\n }\n .settings_resetBtn__3yLrG {\n color: @text;\n }\n .settings_resetBtn__3yLrG:not(.settings_disabled__7X7Nu):hover {\n color: @red;\n }\n .themeBtn_label__GyvdH span {\n background-color: @surface2;\n border-color: @surface2;\n }\n .themeBtn_wrapper__KTkHk.themeBtn_active__4gb_I\n .themeBtn_demoWrapper__fdi7G {\n border-color: @accent-Color !important;\n }\n div.themeBtn_wrapper__KTkHk:nth-child(3)\n > p:nth-child(2)\n > span:nth-child(1)::before {\n background-color: @accent-Color;\n }\n .item_item__uLhiz.item_active__4kaIV {\n color: @accent-Color;\n }\n .item_item__uLhiz.item_active__4kaIV,\n .item_item__uLhiz:hover {\n background-color: @surface2;\n }\n .languages_wrapper__1Ad3R {\n color: @subtext1;\n }\n .input_input__uGeT_ {\n color: @text;\n background-color: @overlay0;\n border-radius: 4px;\n }\n .input_wrapper__aeypb {\n border-color: transparent !important;\n }\n .action_action___vLQg {\n color: @accent-Color;\n }\n .share_btn__9IJpe {\n color: @text;\n background-color: @surface2;\n border-color: @surface2;\n }\n .share_btn__9IJpe span {\n color: @text;\n }\n .footer_socialWrapper__R1iSQ *:hover,\n .footer_link__TA4rr:hover {\n color: @accent-Color;\n }\n .list_wrapper__TYM2l,\n .input_wrapper__aeypb {\n background-color: @surface1;\n color: @text;\n }\n .input_wrapper__aeypb * {\n color: @text;\n }\n .list_item_VVizU:hover {\n background-color: @surface2 !important;\n }\n .search_header__gqnk7.search_article__L3Khv {\n background: transparent;\n }\n .item_item__jj0Ue {\n color: @text;\n }\n .item_item__jj0Ue:hover {\n background-color: @surface2 !important;\n border-color: @accent-Color;\n }\n .modal_header__t094_ {\n border-color: @surface1;\n color: @text;\n }\n .list_item__VVizU.list_active__ahAYX,\n .list_item__VVizU:hover {\n background-color: @surface2;\n }\n .button_btn__ln0Hv {\n color: @accent-Color;\n background-color: @surface0;\n }\n\n .navbarMobile_footer__y5Kwi.navbarMobile_dark__eIcxf\n .navbarMobile_icons__tirr9,\n .navbarMobile_footer__y5Kwi.navbarMobile_dark__eIcxf\n .navbarMobile_toc__iPfvP,\n .navbarMobile_footer__y5Kwi.navbarMobile_grey__5dmnP\n .navbarMobile_icons__tirr9,\n .navbarMobile_footer__y5Kwi.navbarMobile_grey__5dmnP\n .navbarMobile_toc__iPfvP {\n background-color: @surface1;\n color: @text;\n }\n .tooltip_tooltip_QQr79.tooltip_dark_ZWBHd,\n .tooltip_tooltip_QQr79.tooltip_dark_ZWBHd > * > * {\n background-color: @crust !important;\n }\n .dropdown_item__yrn67:hover {\n background-color: @surface2;\n color: @accent-Color;\n border-color: @accent-Color !important;\n }\n .audio_dot__jeWOr.audio_active__li6PM {\n background-color: @accent-Color;\n }\n .audio_dot__jeWOr {\n background-color: @surface2;\n box-shadow: 6.666px 0 0 0 @surface2;\n border-radius: 0;\n border-color: @surface2 !important;\n }\n .gallery_icon__7LOBi {\n background-color: @surface2;\n color: @subtext1;\n }\n .gallery_disable__1QuKw {\n background-color: @surface0;\n }\n .gallery_icon__7LOBi:hover {\n background-color: @overlay0;\n color: @accent-Color;\n }\n .gallery_nav__BEeM3 {\n background-color: @base;\n }\n .image_wrapper__Dq3Jq {\n background-color: @crust;\n }\n .stage_caption__BvSjQ {\n color: @subtext0;\n }\n .gallery_wrapper__1a7bM,\n .thumbnails_wrapper__1Q5be {\n background-color: @mantle !important;\n }\n .thumbnails_thumbnail__H4tNf {\n background-color: #fafafa;\n border-radius: 4px;\n padding: 4px;\n }\n\n .list_loading__j43_R {\n color: @accent-Color;\n }\n .info_wrapper__HpdJH,\n .info_arrow__ehjUI {\n background-color: @surface1;\n border-color: @surface1;\n }\n\n .info_wrapper__HpdJH::after {\n background: linear-gradient(180deg, hsla(0, 0%, 98%, 0), @surface1 90%);\n }\n .list_item__VVizU.list_active__ahAYX {\n color: @accent-Color;\n }\n .item_star__arENF {\n color: @subtext1;\n }\n .item_star__arENF.item_active__4kaIV {\n color: @yellow;\n }\n .action_action___vLQg.action_remove__z6g_k {\n color: @text;\n }\n .action_action___vLQg:not(.action_limit__u0EDs):hover.action_remove__z6g_k {\n color: @accent-Color;\n }\n .item_remove__f1A5k {\n background-color: @surface1;\n }\n .item_remove__f1A5k span,\n .item_remove__f1A5k svg {\n color: @red;\n }\n caption {\n background-color: @surface0 !important;\n border-color: @surface0 !important;\n }\n .summary_wordtuneWrapper__21QxG > img:nth-child(2) {\n background-color: @accent-Color;\n }\n code > a {\n color: @accent-Color !important;\n }\n table * {\n background-color: @surface0 !important;\n color: @text !important;\n border-color: @surface2 !important;\n }\n table {\n background-color: @surface0 !important;\n border-color: transparent !important;\n }\n a.wl {\n color: @accent-Color !important;\n }\n .summary_footer__Lk6z7 > span:nth-child(1),\n svg.icon_icon__0vohI,\n .icon_icon__0vohI.input_icon__He3sV,\n svg.icon_icon__0vohI:nth-child(2) > use:nth-child(1) {\n color: @accent-Color;\n fill: @accent-Color;\n }\n .wikitable tr::before {\n background-color: @surface0 !important;\n border-color: @surface2 !important;\n }\n }\n}\n// vim:ft=less\n"},{"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.css","usercssData":{"name":"YouTube Catppuccin","namespace":"github.com/catppuccin/userstyles/styles/youtube","homepageURL":"https://github.com/catppuccin/userstyles/tree/main/styles/youtube","version":"3.2.9","updateURL":"https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css","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":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"darkFlavor":{"type":"select","label":"Dark Flavor","name":"darkFlavor","value":null,"default":"mocha","options":[{"name":"latte","label":"Latte","value":"latte"},{"name":"frappe","label":"Frappe","value":"frappe"},{"name":"macchiato","label":"Macchiato","value":"macchiato"},{"name":"mocha","label":"Mocha","value":"mocha"}]},"accentColor":{"type":"select","label":"Accent","name":"accentColor","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"}]},"logo":{"type":"checkbox","label":"Logo","name":"logo","value":null,"default":"0","options":null},"oledOn":{"type":"checkbox","label":"Enable black bars","name":"oledOn","value":null,"default":"0","options":null},"scrollbar_width":{"type":"text","label":"Scrollbar width","name":"scrollbar_width","value":null,"default":"8px","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 3.2.9\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css\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:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha\"]\n@var select darkFlavor \"Dark Flavor\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accentColor \"Accent\" [\"rosewater:Rosewater\", \"flamingo:Flamingo\", \"pink:Pink\", \"mauve: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 logo \"Logo\" 0\n@var checkbox oledOn \"Enable black bars\" 0\n@var text scrollbar_width \"Scrollbar width\" 8px\n==/UserStyle== */\n@-moz-document regexp('https?:\\\\/\\\\/(?!gaming\\\\.)(?!consent\\\\.)(?!vr\\\\.)(?!music\\\\.)(?!tv\\\\.)(?!artists\\\\.)(?!studio\\\\.).*youtube(?!kids\\\\.).*\\\\.com\\\\/(?!premium|howyoutubeworks).*$') {\n /* youtube.com */\n :root[dark] {\n #catppuccin(@darkFlavor, @accentColor);\n #oled(@oledOn);\n #logo(@logo);\n }\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n #oled(@oledOn);\n #logo(@logo);\n }\n\n /* for oled monitors */\n #oled(@oled) when (@oled =0) {\n #ytd-player #container {\n background: @base !important;\n }\n }\n\n #logo(@logo) {\n ytd-topbar-logo-renderer.style-scope a svg > g,\n svg.ytd-consent-bump-v2-lightbox > g:nth-child(1) {\n path[fill=\"#FF0000\"] {\n fill: @accent-color !important;\n }\n path[fill=\"white\"] {\n fill: @base !important;\n }\n }\n & when (@logo =1) {\n ytd-topbar-logo-renderer,\n svg.ytd-consent-bump-v2-lightbox {\n display: none;\n }\n }\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n /* apply everywhere */\n &,\n [dark],\n html,\n html[system-icons][dark],\n html[system-icons] [dark],\n html[darker-dark-theme][dark],\n [darker-dark-theme] [dark] {\n --yt-spec-white-1: @text !important;\n --yt-spec-white-2: @subtext0 !important;\n --yt-spec-white-3: @subtext1 !important;\n --yt-spec-white-4: darken(@subtext1, 5%) !important;\n --yt-spec-black-1: @overlay1 !important;\n --yt-spec-black-2: @overlay0 !important;\n --yt-spec-black-3: @surface2 !important;\n --yt-spec-black-4: @surface1 !important;\n --yt-spec-black-pure: @surface0 !important;\n --yt-spec-grey-1: @text !important;\n --yt-spec-grey-2: @subtext0 !important;\n --yt-spec-grey-3: @subtext1 !important;\n --yt-spec-grey-4: @overlay2 !important;\n --yt-spec-grey-5: @overlay1 !important;\n --yt-brand-youtube-red: @accent-color !important;\n --yt-brand-medium-red: @accent-color !important;\n --yt-brand-light-red: @accent-color !important;\n --yt-spec-red-30: @peach !important;\n --yt-spec-red-70: @red !important;\n --yt-spec-pale-blue: @sky !important;\n --yt-spec-light-blue: @sky !important;\n --yt-spec-dark-blue: @sapphire !important;\n --yt-spec-navy-blue: @teal !important;\n --yt-spec-light-green: @green !important;\n --yt-spec-dark-green: @green !important;\n --yt-spec-yellow: @peach !important;\n --yt-spec-black-pure-alpha-5: fadeout(@crust, 0.05) !important;\n --yt-spec-black-pure-alpha-10: fadeout(@crust, 0.1) !important;\n --yt-spec-black-pure-alpha-15: fadeout(@crust, 0.15) !important;\n --yt-spec-black-pure-alpha-30: fadeout(@crust, 0.3) !important;\n --yt-spec-black-pure-alpha-60: fadeout(@crust, 0.6) !important;\n --yt-spec-black-pure-alpha-80: fadeout(@crust, 0.8) !important;\n --yt-spec-black-1-alpha-98: fadeout(@crust, 0.98) !important;\n --yt-spec-black-1-alpha-95: fadeout(@crust, 0.95) !important;\n --yt-spec-white-1-alpha-10: fadeout(@text, 0.1) !important;\n --yt-spec-white-1-alpha-20: fadeout(@text, 0.2) !important;\n --yt-spec-white-1-alpha-25: fadeout(@text, 0.25) !important;\n --yt-spec-white-1-alpha-30: fadeout(@text, 0.3) !important;\n --yt-spec-white-1-alpha-70: fadeout(@text, 0.7) !important;\n --yt-spec-white-1-alpha-95: fadeout(@text, 0.95) !important;\n --yt-spec-white-1-alpha-98: fadeout(@text, 0.98) !important;\n --yt-brand-medium-red-alpha-90: fadeout(@accent-color, 0.9) !important;\n --yt-brand-medium-red-alpha-30: fadeout(@accent-color, 0.3) !important;\n --yt-brand-light-red-alpha-30: fadeout(@accent-color, 0.3) !important;\n --yt-spec-light-blue-alpha-30: fadeout(@sapphire, 0.3) !important;\n --yt-spec-dark-blue-alpha-30: fadeout(@sapphire, 0.3) !important;\n\n --yt-spec-base-background: @base !important;\n --yt-spec-raised-background: @base !important;\n --yt-spec-menu-background: @mantle !important;\n --yt-spec-inverted-background: @text !important;\n --yt-spec-additive-background: fadeout(@surface0, 0.1) !important;\n --yt-spec-outline: @surface0 !important;\n --yt-spec-shadow: fadeout(@crust, 0.25) !important;\n --yt-spec-text-primary: @text !important;\n --yt-spec-text-secondary: @subtext0 !important;\n --yt-spec-text-disabled: @subtext1 !important;\n --yt-spec-text-primary-inverse: @crust !important;\n --yt-spec-call-to-action: @accent-color !important;\n --yt-spec-call-to-action-inverse: @accent-color !important;\n --yt-spec-suggested-action: fadeout(@accent-color, 80%) !important;\n --yt-spec-suggested-action-inverse: @text !important;\n --yt-spec-icon-active-other: @overlay0 !important;\n --yt-spec-button-chip-background-hover: @surface1 !important;\n --yt-spec-touch-response: @surface0 !important;\n\n --yt-spec-touch-response-inverse: @accent-color !important;\n --yt-spec-brand-icon-active: @accent-color !important;\n --yt-spec-brand-button-background: @accent-color !important;\n --yt-spec-brand-link-text: @sapphire !important;\n --yt-spec-wordmark-text: @text !important;\n --yt-spec-error-indicator: @red !important;\n --yt-spec-themed-blue: @sky !important;\n --yt-spec-themed-green: @green !important;\n --yt-spec-ad-indicator: @teal !important;\n --yt-spec-themed-overlay-background: fadeout(@crust, 0.8) !important;\n --yt-spec-commerce-badge-background: @green !important;\n --yt-spec-static-brand-red: @accent-color !important;\n --yt-spec-static-brand-white: @text !important;\n --yt-spec-static-brand-black: @base !important;\n --yt-spec-static-clear-color: fadeout(@crust, 0) !important;\n --yt-spec-static-clear-black: fadeout(@crust, 0) !important;\n --yt-spec-static-ad-yellow: @peach !important;\n --yt-spec-static-grey: @subtext0 !important;\n --yt-spec-static-overlay-background-solid: @crust !important;\n --yt-spec-static-overlay-background-heavy: fadeout(\n @surface0,\n 20%\n ) !important;\n --yt-spec-static-overlay-background-medium: fadeout(\n @crust,\n 0.6\n ) !important;\n --yt-spec-static-overlay-background-medium-light: fadeout(\n @crust,\n 0.3\n ) !important;\n --yt-spec-static-overlay-background-light: fadeout(\n @crust,\n 0.1\n ) !important;\n --yt-spec-static-overlay-text-primary: @text !important;\n --yt-spec-static-overlay-text-secondary: fadeout(\n @subtext0,\n 0.7\n ) !important;\n --yt-spec-static-overlay-text-disabled: fadeout(\n @subtext0,\n 0.3\n ) !important;\n --yt-spec-static-overlay-call-to-action: @accent-color !important;\n --yt-spec-static-overlay-icon-active-other: @text !important;\n --yt-spec-static-overlay-icon-inactive: @surface1 !important;\n --yt-spec-static-overlay-icon-disabled: @surface2 !important;\n --yt-spec-static-overlay-button-primary: @accent-color !important;\n --yt-spec-static-overlay-button-secondary: @surface0 !important;\n --yt-spec-static-overlay-touch-response: @overlay1 !important;\n --yt-spec-static-overlay-touch-response-inverse: @surface1 !important;\n --yt-spec-static-overlay-background-brand: @accent-color !important;\n --yt-spec-assistive-feed-themed-gradient-1: @subtext0 !important;\n --yt-spec-assistive-feed-themed-gradient-2: @lavender !important;\n --yt-spec-assistive-feed-themed-gradient-3: @red !important;\n --yt-spec-brand-background-solid: @base !important;\n --yt-spec-brand-background-primary: @base !important;\n --yt-spec-brand-background-secondary: @mantle !important;\n --yt-spec-general-background-a: @base !important;\n --yt-spec-general-background-b: @base !important;\n --yt-spec-general-background-c: @crust !important;\n --yt-spec-error-background: @base !important;\n --yt-spec-10-percent-layer: @surface2 !important;\n --yt-spec-snackbar-background: @mantle !important;\n --yt-spec-snackbar-background-updated: @mantle !important;\n --yt-spec-badge-chip-background: if(\n @lookup =latte,\n @crust,\n @surface1\n ) !important;\n --yt-spec-verified-badge-background: @overlay0 !important;\n --yt-spec-call-to-action-fadeoutd: fadeout(@sapphire, 0.3) !important;\n --yt-spec-call-to-action-hover: @accent-color !important;\n --yt-spec-brand-button-background-hover: @accent-color !important;\n --yt-spec-brand-link-text-fadeoutd: fadeout(\n @accent-color,\n 0.3\n ) !important;\n --yt-spec-filled-button-focus-outline: @surface0 !important;\n --yt-spec-static-overlay-button-hover: @surface1 !important;\n --yt-spec-mono-filled-hover: @surface1 !important;\n --yt-spec-commerce-filled-hover: @accent-color !important;\n --yt-spec-mono-tonal-hover: @surface1 !important;\n --yt-spec-commerce-tonal-hover: @surface2 !important;\n --yt-spec-static-overlay-filled-hover: @overlay1 !important;\n --yt-spec-static-overlay-tonal-hover: @surface1 !important;\n --yt-spec-paper-tab-ink: fadeout(@text, 0.3);\n --yt-spec-filled-button-text: @text !important;\n --yt-spec-selected-nav-text: @text !important;\n --iron-icon-fill-color: @text !important;\n\n /* Search bar */\n --ytd-searchbox-border-color: @surface0 !important;\n --ytd-searchbox-legacy-border-color: @surface0 !important;\n --ytd-searchbox-legacy-border-shadow-color: fadeout(@crust, 0) !important;\n --ytd-searchbox-legacy-button-color: @mantle !important;\n --ytd-searchbox-legacy-button-border-color: @surface0 !important;\n --ytd-searchbox-legacy-button-focus-color: @accent-color !important;\n --ytd-searchbox-legacy-button-hover-color: @mantle !important;\n --ytd-searchbox-legacy-button-hover-border-color: @surface0 !important;\n --ytd-searchbox-legacy-button-icon-color: @accent-color !important;\n --ytd-searchbox-background: @base !important;\n --ytd-searchbox-text-color: @text !important;\n\n /* System icons */\n --yt-spec-icon-inactive: @overlay0 !important;\n --yt-spec-icon-disabled: @overlay1 !important;\n --yt-spec-brand-icon-inactive: @overlay2 !important;\n\n /* Yt video Page */\n --yt-live-chat-background-color: @base !important;\n --yt-live-chat-action-panel-background-color: @base !important;\n --yt-live-chat-secondary-background-color: @surface1;\n --yt-live-chat-toast-background-color: @surface2 !important;\n --yt-live-chat-mode-change-background-color: @base !important;\n --yt-live-chat-secondary-text-color: @subtext0 !important;\n --yt-live-chat-tertiary-text-color: fadeout(@text, 0.54) !important;\n --yt-live-chat-text-input-field-inactive-underline-color: @subtext0 !important;\n --yt-live-chat-text-input-field-placeholder-color: @subtext0 !important;\n --yt-live-chat-enabled-send-button-color: @text !important;\n --yt-live-chat-disabled-icon-button-color: @subtext1 !important;\n --yt-live-chat-picker-button-hover-color: @accent-color !important;\n --yt-live-chat-mention-background-color: @accent-color !important;\n --yt-live-chat-mention-text-color: @text !important;\n --yt-live-chat-deleted-message-color: @subtext0;\n --yt-live-chat-deleted-message-bar-color: @subtext1 !important;\n --yt-live-chat-reconnect-message-color: @text !important;\n --yt-live-chat-disabled-button-background-color: @overlay0 !important;\n --yt-live-chat-sub-panel-background-color: @base !important;\n --yt-live-chat-sub-panel-background-color-transparent: @mantle !important;\n --yt-live-chat-moderator-color: @lavender !important;\n --yt-live-chat-owner-color: @peach !important;\n --yt-live-chat-message-highlight-background-color: @base !important;\n --yt-live-chat-sponsor-color: @green !important;\n --yt-live-chat-overlay-color: fadeout(@mantle, 0.5);\n --yt-live-chat-dialog-background-color: @base !important;\n --yt-emoji-picker-variant-selector-bg-color: @base !important;\n --yt-live-chat-moderation-mode-hover-background-color: fadeout(\n @mantle,\n 0.3\n ) !important;\n --yt-grey: @subtext0 !important;\n --yt-live-chat-text-input-field-suggestion-background-color: @subtext0 !important;\n --yt-live-chat-text-input-field-suggestion-background-color-hover: @subtext1 !important;\n --yt-emoji-picker-search-background-color: @surface0 !important;\n --yt-emoji-picker-search-color: @text !important;\n --yt-emoji-picker-search-placeholder-color: @accent-color !important;\n --yt-live-chat-slider-active-color: @accent-color !important;\n --yt-live-chat-slider-container-color: @surface0 !important;\n --yt-live-chat-slider-markers-color: @text !important;\n --yt-live-chat-banner-gradient-scrim: linear-gradient(\n @mantle,\n transparent\n ) !important;\n --yt-live-chat-action-panel-gradient-scrim: linear-gradient(\n to top,\n @mantle,\n transparent\n ) !important;\n --yt-live-chat-automod-button-background-color-hover: fadeout(\n @crust,\n 0.5\n ) !important;\n --yt-live-chat-automod-button-explanation-color: fadeout(\n @accent-color,\n 0.7\n ) !important;\n --yt-live-chat-shimmer-background-color: fadeout(@crust, 0.4) !important;\n --yt-live-chat-shimmer-linear-gradient: linear-gradient(\n 0deg,\n fadeout(@text, 0.1) 40%,\n fadeout(@base, 0.3) 50%,\n fadeout(@text, 0.1) 60%\n ) !important;\n --yt-live-chat-vem-background-color: @mantle !important;\n --yt-live-chat-product-picker-icon-color: fadeout(@text, 0.5) !important;\n --yt-live-chat-product-picker-hover-color: @overlay0 !important;\n --yt-live-chat-product-picker-disabled-icon-color: fadeout(\n @text,\n 0.3\n ) !important;\n --yt-live-chat-action-panel-background-color-transparent: (\n null\n ) !important;\n\n /* Tooltip */\n --paper-tooltip-background: @overlay0 !important;\n --paper-tooltip-text-color: @text !important;\n\n /* links */\n --yt-endpoint-color: @accent-color !important;\n --yt-endpoint-visited-color: @accent-color !important;\n --yt-endpoint-hover-color: @accent-color !important;\n\n --sb-dark-red-outline: @accent-color !important;\n --sb-main-bg-color: @base !important;\n --sb-main-fg-color: @text !important;\n --sb-grey-bg-color: @base !important;\n --sb-grey-fg-color: @subtext0 !important;\n --sb-red-bg-color: @accent-color !important;\n }\n\n /* general colors */\n &:not(.style-scope) {\n --primary-text-color: @text !important;\n --primary-background-color: @base !important;\n --secondary-text-color: @subtext0 !important;\n --disabled-text-color: @subtext1 !important;\n --divider-color: @overlay0 !important;\n --error-color: @red !important;\n --primary-color: @accent-color !important;\n --light-primary-color: @accent-color !important;\n --dark-primary-color: @blue !important;\n --accent-color: @accent-color !important;\n --light-accent-color: @accent-color !important;\n --dark-accent-color: @accent-color !important;\n --light-theme-background-color: @base !important;\n --light-theme-base-color: @text !important;\n --light-theme-text-color: @text !important;\n --light-theme-secondary-color: @subtext0 !important;\n --light-theme-disabled-color: @subtext1 !important;\n --light-theme-divider-color: @overlay0 !important;\n --dark-theme-background-color: @base !important;\n --dark-theme-base-color: @text !important;\n --dark-theme-text-color: @text !important;\n --dark-theme-secondary-color: @subtext0 !important;\n --dark-theme-disabled-color: @subtext1 !important;\n --dark-theme-divider-color: @overlay0 !important;\n }\n\n #channel-name.ytd-video-meta-block {\n --yt-endpoint-color: @accent-color !important;\n --yt-endpoint-visited-color: @accent-color !important;\n color: @accent-color !important;\n }\n\n /* selected chapter */\n ytd-macro-markers-list-item-renderer {\n --ytd-macro-markers-list-item-background-color: @surface0 !important;\n --ytd-macro-markers-list-item-title-color: @text !important;\n --ytd-macro-markers-list-item-secondary-color: @subtext1 !important;\n --ytd-macro-markers-list-item-timestamp-background-color: @surface1 !important;\n }\n\n /* playlist selector */\n ytd-playlist-panel-video-renderer {\n --yt-lightsource-section2-color: @surface1 !important;\n --yt-lightsource-section4-color: @surface2 !important;\n --yt-lightsource-primary-title-color: @text !important;\n --yt-lightsource-secondary-title-color: @text !important;\n --yt-active-playlist-panel-background-color: @surface0 !important;\n }\n\n ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette]\n .header.ytd-playlist-panel-renderer {\n --iron-icon-fill-color: @text !important;\n background-color: @base !important;\n }\n\n /* explandable meta */\n ytd-expandable-metadata-renderer {\n --yt-lightsource-section1-color: @base !important;\n --yt-lightsource-section2-color: @surface0 !important;\n --yt-lightsource-section3-color: @surface1 !important;\n --yt-lightsource-section4-color: @surface2 !important;\n --yt-lightsource-primary-title-color: @text !important;\n --yt-lightsource-secondary-title-color: @subtext0 !important;\n }\n\n yt-live-chat-renderer {\n --yt-emoji-picker-renderer-height: 180px;\n --yt-button-default-text-color: @text !important;\n --yt-button-default-background-color: @base !important;\n --yt-button-dark-text-color: @base !important;\n --yt-button-dark-background-color: @accent-color !important;\n --yt-button-payment-background-color: @accent-color !important;\n }\n\n yt-icon.ytd-pinned-comment-badge-renderer * {\n fill: @text !important;\n }\n\n .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start::after {\n background: @overlay0 !important;\n }\n\n .html5-ypc-purchase {\n background: @accent-color !important;\n &:hover {\n background: lighten(@accent-color, 10%) !important;\n }\n }\n\n yt-notification-action-renderer[darker-dark-theme]\n tp-yt-paper-toast.yt-notification-action-renderer {\n background: @overlay0 !important;\n }\n\n /* volume bar */\n .ytp-volume-slider-handle {\n background: @accent-color !important;\n &::before {\n background: @accent-color !important;\n }\n &::after {\n z-index: -1;\n }\n }\n\n /* new videos dot */\n #newness-dot {\n background-color: @accent-color !important;\n }\n\n /* subtitle */\n .ytp-chrome-controls .ytp-button[aria-pressed]::after {\n background-color: @accent-color !important;\n }\n\n /* menu items */\n /* checkbox subitem */\n .ytp-menuitem[aria-checked=\"true\"] .ytp-menuitem-toggle-checkbox {\n @svg: escape(\n ''\n );\n background: url(\"data:image/svg+xml,@{svg}\");\n }\n .ytp-menuitem:not([aria-disabled=\"true\"]):hover {\n background: @surface1 !important;\n }\n .ytp-settings-button.ytp-hd-quality-badge,\n .ytp-settings-button.ytp-4k-quality-badge,\n .ytp-settings-button.ytp-5k-quality-badge,\n .ytp-settings-button.ytp-8k-quality-badge,\n .ytp-settings-button.ytp-3d-badge {\n &::after {\n background-color: @accent-color !important;\n }\n }\n\n .ytp-panel-menu {\n color: @text;\n\n & .ytp-menuitem:not(:last-child) svg > path {\n fill: @text;\n }\n\n & .ytp-menuitem:last-child svg:last-child {\n fill: @text;\n }\n }\n\n .ytp-right-controls svg path,\n .ytp-svg-fill {\n fill: #fff !important;\n }\n\n .ytp-time-current,\n .ytp-time-separator,\n .ytp-time-duration,\n .ytp-menu-label-secondary,\n .ytp-menuitem-label-count {\n color: #fff;\n }\n\n .ytp-tooltip:not([aria-hidden=\"true\"]) {\n color: @text;\n }\n\n .style-scope.ytd-thumbnail-overlay-toggle-button-renderer:hover {\n fill: @accent-color !important;\n }\n\n .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled,\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {\n background-color: @accent-color !important;\n .yt-spec-button-shape-next__icon yt-icon svg g path {\n fill: @base !important;\n }\n }\n\n .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--text {\n color: @text;\n }\n\n /* link */\n .yt-core-attributed-string__link--call-to-action-color {\n color: @sapphire !important;\n &:hover {\n color: @teal !important;\n }\n }\n\n /* private video warning */\n .WARNING.yt-alert-renderer {\n background-color: @yellow;\n }\n\n /* search results */\n .sbpqs_a::before,\n .sbqs_c::before {\n @svg: escape(\n ''\n );\n content: url(\"data:image/svg+xml,@{svg}\");\n background: none;\n }\n\n /* Results backgrounds */\n .sbsb_a,\n .sbdd_b {\n background: @mantle !important;\n }\n\n /* Transcript Button */\n .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline {\n color: @accent-color !important;\n border-color: @surface2 !important;\n\n &:hover {\n background-color: fadeout(@accent-color, 80) !important;\n border-color: fadeout(@accent-color, 80) !important;\n }\n }\n\n /* text color */\n .gsfs {\n color: @text !important;\n }\n\n /* Hover and keyboard select background */\n .sbsb_c.gsfs:hover,\n .sbsb_d {\n background-color: @surface0 !important;\n }\n\n .sbfl_b {\n background-color: @mantle !important;\n &:hover {\n background-color: @surface0 !important;\n color: @accent-color !important;\n }\n }\n\n .sbpqs_a {\n color: @accent-color !important;\n }\n\n .sbfl_a {\n color: @subtext0 !important;\n }\n\n .sbsb_i {\n color: @subtext0;\n }\n\n /* Keyboard select text color and hover text color */\n .sbsb_c:hover .sbqs_c,\n .sbsb_c.gsfs.sbsb_d .sbqs_c {\n color: @accent-color !important;\n }\n\n .ytp-swatch-background-color {\n background-color: @accent-color !important;\n }\n\n /* exmplation box */\n .explanation-box[correct] * {\n color: @crust !important;\n }\n\n /* custom likes + anims */\n yt-animated-icon[animated-icon-type=\"LIKE\"]\n > ytd-lottie-player\n > lottie-component\n > svg\n > g:nth-child(2)\n > g:nth-child(2) {\n /* not liked */\n > g:nth-child(2),\n > g:nth-child(4) {\n > path:nth-child(1) {\n stroke: @text !important;\n }\n }\n /* liked */\n > g:nth-child(1),\n > g:nth-child(3) {\n > path:nth-child(1) {\n fill: @accent-color !important;\n }\n > path:nth-child(2) {\n stroke: @accent-color !important;\n }\n }\n }\n\n /* iv branding */\n /* Popup for when you hover over the channel avatar in the video */\n .iv-branding .branding-context-container-inner {\n background-color: @base !important;\n }\n\n .iv-branding .iv-branding-context-name {\n color: @text !important;\n text-shadow: none !important;\n }\n\n /* Cards */\n .iv-drawer-content {\n background-color: fadeout(@mantle, 5%) !important;\n }\n\n .iv-drawer-header-text {\n color: @text !important;\n }\n\n .iv-card-content,\n .ytp-ce-expanding-overlay-background,\n .ytp-cards-teaser .ytp-cards-teaser-text,\n .ytp-cards-teaser .ytp-cards-teaser-box {\n background-color: @base !important;\n }\n\n .iv-card-content > :first-child,\n .html5-video-player a,\n .iv-card h2,\n .ytp-cards-teaser .ytp-cards-teaser-text {\n color: @text !important;\n }\n\n /* Player tooltip background */\n .ytp-tooltip-text {\n background: @surface0 !important;\n }\n\n .iv-card:hover .iv-card-primary-link,\n .ytp-ce-website-title {\n color: @accent-color !important;\n }\n\n .ytp-popup {\n background: @surface0 !important;\n }\n\n tp-yt-paper-dialog {\n background-color: @base !important;\n }\n\n /* Temporary fix */\n .yt-core-attributed-string--link-inherit-color {\n color: @text !important;\n /* &:hover {\n * color: @teal !important;\n } */\n }\n\n /* live badges */\n .badge-style-type-live-now-alternate,\n ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] {\n color: @crust !important;\n yt-icon svg {\n g path,\n path {\n fill: @crust !important;\n }\n }\n }\n .ytp-live-badge {\n &::before {\n background: @subtext1 !important;\n }\n &[disabled]::before {\n background: @accent-color !important;\n }\n }\n\n /* notification idicator */\n .yt-spec-icon-badge-shape--type-notification\n .yt-spec-icon-badge-shape__badge {\n background-color: @accent-color !important;\n color: @crust !important;\n }\n .yt-spec-icon-badge-shape--style-overlay .yt-spec-icon-badge-shape__icon {\n color: var(--yt-spec-icon-active-other) !important;\n }\n .yt-spec-icon-badge-shape {\n color: var(--yt-spec-icon-active-other) !important;\n }\n\n /* bell next to subscription button */\n .yt-animated-icon svg {\n g path,\n path {\n fill: @text !important;\n }\n }\n\n /* creator badges */\n ytd-author-comment-badge-renderer {\n --yt-basic-background-color: @surface0 !important;\n --yt-basic-foreground-title-color: @surface0 !important;\n --ytd-author-comment-badge-background-color: @surface0 !important;\n --ytd-author-comment-badge-name-color: @text !important;\n --ytd-author-comment-badge-icon-color: @text !important;\n padding-right: 6px;\n padding-left: 8px;\n }\n\n /* ambient mode */\n #cinematics {\n mix-blend-mode: lighten;\n }\n\n /* badges e.g. popular */\n yt-chip-cloud-chip-renderer[chip-style=\"STYLE_DEFAULT\"][selected],\n yt-chip-cloud-chip-renderer[chip-style=\"STYLE_HOME_FILTER\"][selected] {\n background: @accent-color !important;\n color: @crust !important;\n }\n\n /* Search border */\n ytd-searchbox[has-focus] #container.ytd-searchbox {\n border-color: @accent-color !important;\n }\n\n /* New Feature inline banner */\n .ytd-brand-video-singleton-renderer {\n background: @surface0 !important;\n color: @text !important;\n }\n yt-button-shape a {\n border-color: @text !important;\n color: @text !important;\n }\n\n /* Chapter overview buttons */\n #share-button,\n #repeat-button {\n button {\n color: @text !important;\n }\n }\n\n /* Error page */\n #error-page {\n background-color: @base !important;\n }\n .search_plugin_added {\n background-color: @base;\n }\n\n #error-page-content {\n color: @text !important;\n text-shadow: none;\n background-color: @base !important;\n > p {\n color: @text !important;\n text-shadow: none;\n }\n #masthead-search-terms.masthead-search-terms-border {\n border-color: @accent-color !important;\n box-shadow: none !important;\n }\n #yt-masthead {\n color: @text !important;\n text-shadow: none;\n #logo-container {\n .logo {\n filter: invert(1) grayscale(1);\n }\n .content-region {\n color: @text !important;\n text-shadow: none;\n }\n }\n #masthead-search #masthead-search-terms-border {\n input[type=\"text\"] {\n color: @text !important;\n &:focus {\n color: @accent-color !important;\n }\n }\n }\n .search-button {\n background-color: @mantle !important;\n }\n }\n }\n\n /* channel homepage */\n /* selected tab */\n .yt-tab-shape-wiz__tab--tab-selected {\n color: @accent-color !important;\n }\n .yt-tab-group-shape-wiz__slider {\n background-color: @accent-color !important;\n }\n\n /* unselected */\n .yt-tab-shape-wiz__tab {\n color: @subtext1;\n }\n\n /* hover */\n .yt-tab-shape-wiz:hover {\n .yt-tab-shape-wiz__tab {\n color: lighten(@accent-color, 7.5);\n }\n\n .yt-tab-shape-wiz__tab-bar {\n background-color: lighten(@accent-color, 7.5);\n }\n }\n\n /* yt end cards */\n .ytp-ce-channel-subscribers-text {\n color: @subtext0;\n }\n .ytp-ce-channel-metadata {\n color: @text;\n }\n .yt-ui-ellipsis {\n background-color: @base;\n }\n a.ytp-ce-link,\n a.ytp-ce-link:hover,\n a.ytp-ce-link:visited {\n color: @accent-color !important;\n }\n\n /* hopefully temporary */\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal {\n background-color: @surface0;\n color: @text;\n }\n\n .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {\n color: @crust;\n background-color: @accent-color;\n &:hover {\n background-color: darken(@accent-color, 20);\n }\n }\n\n ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2),\n ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) {\n > ytd-guide-entry-renderer:nth-child(1)\n > a:nth-child(1)\n > tp-yt-paper-item:nth-child(1)\n > yt-icon:nth-child(1)\n > yt-icon-shape:nth-child(1)\n > icon-shape:nth-child(1)\n > div:nth-child(1)\n > svg:nth-child(1) {\n > g:nth-child(2) > g:nth-child(2) > path {\n &:nth-child(1) {\n fill: @accent-color !important;\n }\n &:nth-child(2) {\n fill: @base !important;\n }\n }\n }\n > ytd-guide-entry-renderer:nth-child(2)\n > a:nth-child(1)\n > tp-yt-paper-item:nth-child(1)\n > yt-icon:nth-child(1)\n > yt-icon-shape:nth-child(1)\n > icon-shape:nth-child(1)\n > div:nth-child(1)\n > svg:nth-child(1) {\n > path:nth-child(1) {\n fill: @accent-color !important;\n }\n > path:nth-child(2) {\n fill: @base !important;\n }\n > path:nth-child(3) {\n fill: @accent-color !important;\n }\n > path:nth-child(4) {\n fill: @base !important;\n }\n }\n > ytd-guide-entry-renderer:nth-child(3)\n > a:nth-child(1)\n > tp-yt-paper-item:nth-child(1)\n > yt-icon:nth-child(1)\n > yt-icon-shape:nth-child(1)\n > icon-shape:nth-child(1)\n > div:nth-child(1)\n > svg:nth-child(1) {\n > circle:nth-child(1) {\n fill: @accent-color !important;\n }\n > polygon:nth-child(2) {\n fill: @base !important;\n }\n > path:nth-child(3) {\n fill: @base !important;\n }\n }\n > ytd-guide-entry-renderer:nth-child(4)\n > a:nth-child(1)\n > tp-yt-paper-item:nth-child(1)\n > yt-icon:nth-child(1)\n > yt-icon-shape:nth-child(1)\n > icon-shape:nth-child(1)\n > div:nth-child(1)\n > svg:nth-child(1) {\n > path:nth-child(1) {\n fill: @accent-color !important;\n }\n > path:nth-child(4) {\n fill: @base !important;\n }\n }\n }\n\n .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text {\n color: @accent-color;\n &:hover {\n background-color: fadeout(@accent-color, 90);\n }\n }\n\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline,\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text {\n color: @text;\n &:hover {\n background-color: @surface0;\n }\n }\n\n .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline {\n border-color: @surface0;\n }\n\n /* Scrollbar */\n ::-webkit-scrollbar {\n width: @scrollbar_width !important;\n }\n\n ::-webkit-scrollbar-track {\n background: @base !important;\n }\n\n ::-webkit-scrollbar-thumb {\n background: @accent-color !important;\n }\n\n /* text highlight */\n ::selection {\n background: fadeout(@accent-color, 80%) !important;\n color: @text !important;\n }\n }\n}\n\n@-moz-document url-prefix('https://www.youtube.com/redirect')\n{\n /* youtube.com-redirect */\n :root[dark] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n h1 {\n color: @text !important;\n }\n\n #redirect-main-text {\n color: @overlay2 !important;\n .bolded {\n color: @accent-color !important;\n }\n }\n\n /* search */\n #masthead-search-terms-border {\n border-color: @surface0 !important;\n background-color: @surface0 !important;\n box-shadow: fadeout(@crust, 10%) !important;\n }\n\n /* Community Cross-posting */\n ytd-shared-post-renderer[uses-compact-lockup]\n #repost-context.ytd-shared-post-renderer {\n background-color: var(--second-background);\n }\n #divider-line-container.ytd-shared-post-renderer {\n background-color: var(--yt-spec-10-percent-layer);\n }\n\n #masthead-search-terms {\n color: @text !important;\n }\n\n .search-button {\n background: @surface0 !important;\n border-color: @surface0 !important;\n }\n\n .search-button-content {\n filter: invert(1);\n }\n\n #redirect-backto-safety-button:hover {\n color: @text !important;\n }\n\n #logo-container .content-region {\n color: @text !important;\n }\n\n /* text highlight */\n ::selection {\n background: fadeout(@accent-color, 80%) !important;\n color: @text !important;\n }\n }\n}\n\n@-moz-document url-prefix('https://studio.youtube.com')\n{\n /* studio.youtube.com */\n :root[dark] {\n #catppuccin(@darkFlavor, @accentColor);\n }\n :root {\n #catppuccin(@lightFlavor, @accentColor);\n }\n\n #catppuccin(@lookup, @accent) {\n @rosewater: @catppuccin[@@lookup][@rosewater];\n @flamingo: @catppuccin[@@lookup][@flamingo];\n @pink: @catppuccin[@@lookup][@pink];\n @mauve: @catppuccin[@@lookup][@mauve];\n @red: @catppuccin[@@lookup][@red];\n @maroon: @catppuccin[@@lookup][@maroon];\n @peach: @catppuccin[@@lookup][@peach];\n @yellow: @catppuccin[@@lookup][@yellow];\n @green: @catppuccin[@@lookup][@green];\n @teal: @catppuccin[@@lookup][@teal];\n @sky: @catppuccin[@@lookup][@sky];\n @sapphire: @catppuccin[@@lookup][@sapphire];\n @blue: @catppuccin[@@lookup][@blue];\n @lavender: @catppuccin[@@lookup][@lavender];\n @text: @catppuccin[@@lookup][@text];\n @subtext1: @catppuccin[@@lookup][@subtext1];\n @subtext0: @catppuccin[@@lookup][@subtext0];\n @overlay2: @catppuccin[@@lookup][@overlay2];\n @overlay1: @catppuccin[@@lookup][@overlay1];\n @overlay0: @catppuccin[@@lookup][@overlay0];\n @surface2: @catppuccin[@@lookup][@surface2];\n @surface1: @catppuccin[@@lookup][@surface1];\n @surface0: @catppuccin[@@lookup][@surface0];\n @base: @catppuccin[@@lookup][@base];\n @mantle: @catppuccin[@@lookup][@mantle];\n @crust: @catppuccin[@@lookup][@crust];\n @accent-color: @catppuccin[@@lookup][@@accent];\n\n &,\n html,\n html[dark],\n html[dark][dark],\n &[dark],\n &[light],\n [light],\n html[light],\n html[light][light] {\n /* disable */\n --yt-spec-black-pure-alpha-80: (null) !important;\n --yt-spec-black-pure-alpha-60: (null) !important;\n --yt-spec-black-1-alpha-98: (null) !important;\n --yt-spec-black-1-alpha-95: (null) !important;\n\n /* text */\n --yt-spec-text-primary: @text !important;\n --ytcp-text-primary: @text !important;\n --ytcp-text-primary-inverse: @base !important;\n --ytcp-static-overlay-text-primary-inverse: @base !important;\n --ytcp-wordmark-text: @text !important;\n --ytcp-text-secondary: @subtext0 !important;\n --ytcp-text-disabled: @subtext1 !important;\n --ytcp-overlay-text-primary: @overlay2 !important;\n\n /* main bg */\n --ytcp-general-background-a: @base !important;\n --yt-spec-base-background: @base !important;\n --yt-spec-black-3: @base !important;\n\n /* secondary bg */\n --yt-spec-brand-background-solid: @mantle !important;\n --ytcp-brand-background-solid: @mantle !important;\n --yt-spec-raised-background: @mantle !important;\n --ytcp-general-background-b: @mantle !important;\n --ytcp-analytics-reach-background: @mantle !important;\n --yt-spec-black-2: @mantle !important;\n\n /* additional bg */\n --ytcp-general-background-c: @crust !important;\n\n /* menu */\n --ytcp-menu-background: @surface0 !important;\n\n /* card borders */\n --ytcp-container-border-color: @surface0 !important;\n --ytcp-container-hovered-border-color: @surface0 !important;\n --ytcp-line-divider-solid: @surface0 !important;\n --ytcp-container-border-color-inverse: @subtext0 !important;\n --ytcp-line-divider-solid-inverse: @subtext0 !important;\n\n /* links */\n --ytcp-call-to-action: @sapphire !important;\n --ytcp-call-to-action-inverse: @mantle !important;\n\n /* buttons */\n --ytcp-call-to-action-raised-background: @accent-color !important;\n --yt-spec-brand-button-background: @accent-color !important;\n --ytcp-call-to-action-raised-disabled: @surface2 !important;\n --ytcp-call-to-action-raised-disabled-background: @overlay2 !important;\n --ytcp-call-to-action-raised-background-inverse: @base !important;\n --ytcp-call-to-action-raised-disabled-inverse: @surface2 !important;\n --ytcp-call-to-action-raised-disabled-background-inverse: @overlay2 !important;\n\n /* dropdown */\n --yt-spec-brand-background-primary: @surface0 !important;\n\n /* icons */\n --yt-compact-link-icon-color: @overlay2 !important;\n --ytcp-icon-active: @accent-color !important;\n --ytcp-icon-inactive: @overlay2 !important;\n --ytcp-icon-disabled: @overlay2 !important;\n --ytcp-icon-active-inverse: @overlay1 !important;\n --ytcp-icon-disabled-inverse: @subtext1 !important;\n\n /* colors */\n --ytcp-error-red: @red !important;\n --ytcp-badge-red: @red !important;\n --ytcp-error-red-inverse: @red !important;\n --ytcp-themed-red-inverse: @red !important;\n --ytcp-themed-red: @red !important;\n --ytcp-themed-blue: @blue !important;\n --ytcp-badge-blue-solid: @blue !important;\n --ytcp-themed-blue-inverse: @blue !important;\n --ytcp-themed-green: @green !important;\n --ytmus-genre-primary-melon: @green !important;\n --ytcp-themed-green-inverse: @green !important;\n --ytcp-analytics-pine: @green !important;\n --ytcp-analytics-pine-inverse: @green !important;\n --ytcp-analytics-parrot: @green !important;\n --ytcp-themed-yellow: @peach !important;\n --ytmus-genre-primary-gold: @peach !important;\n --ytcp-yellow-inverse: @peach !important;\n --ytcp-badge-yellow: @peach !important;\n --ytcp-analytics-yellow: @peach !important;\n --ytcp-analytics-apricot: @peach !important;\n --ytcp-suggested-action: @teal !important;\n --ytcp-analytics-overview: @teal !important;\n --ytcp-analytics-revenue: @teal !important;\n --ytcp-analytics-default-secondary: @teal !important;\n --ytcp-analytics-royal-blue: @lavender !important;\n --ytcp-analytics-reach: @lavender !important;\n --ytcp-analytics-audience: @lavender !important;\n --ytcp-analytics-engagement: @pink !important;\n --ytcp-analytics-revenue-secondary: @pink !important;\n --ytcp-analytics-bubblegum: @flamingo !important;\n --ytmus-genre-primary-ruby: @flamingo !important;\n --ytmus-genre-primary-salmon: @mauve !important;\n --ytmus-genre-primary-orange: @maroon !important;\n --ytmus-genre-primary-sky: @sky !important;\n --ytmus-genre-primary-sky-inverse: @sky !important;\n\n /* misc */\n --yt-spec-badge-chip-background: @surface1 !important;\n --ytcp-focus-inverse: @accent-color !important;\n --ytcp-focus: @accent-color !important;\n --ytcp-selected-item: @accent-color !important;\n --ytcp-hover-item: @overlay2 !important;\n --ytcp-chip-active-focus: @accent-color !important;\n --ytcp-playhead: @overlay2 !important;\n --ytcp-playhead-inverse: @overlay2 !important;\n }\n\n ytcp-button.destructive.ytls-error-dialog {\n color: @base !important;\n }\n\n yt-formatted-string.ytls-error-dialog,\n tp-yt-iron-icon.ytls-error-dialog {\n color: @text !important;\n }\n\n /* text highlight */\n ::selection {\n background: fadeout(@accent-color, 80%) !important;\n color: @text !important;\n }\n }\n}\n\n/* prettier-ignore */\n@catppuccin: {\n @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };\n @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };\n @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };\n @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };\n}\n// vim:ft=less\n"}] \ No newline at end of file diff --git a/scripts/import-styles/main.ts b/scripts/import-styles/main.ts index 94bc13d1f..2350d1d71 100644 --- a/scripts/import-styles/main.ts +++ b/scripts/import-styles/main.ts @@ -26,6 +26,7 @@ const settings = { }; const data = [settings]; + for await (const entry of stylesheets) { const content = await Deno.readTextFile(entry.path); const {metadata} = usercssMeta.parse(content); diff --git a/styles/chess.com/catppuccin.user.css b/styles/chess.com/catppuccin.user.css index c1fd8ce43..c9d425236 100644 --- a/styles/chess.com/catppuccin.user.css +++ b/styles/chess.com/catppuccin.user.css @@ -2,7 +2,7 @@ @name Chess.com Catppuccin @namespace github.com/catppuccin/userstyles/styles/chess.com @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/chess.com -@version 0.1.2 +@version 0.1.3 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/chess.com/catppuccin.user.css @description Soothing pastel theme for Chess.com @author Catppuccin @@ -61,8 +61,8 @@ @crust: @catppuccin[@@lookup][@crust]; @accent-color: @catppuccin[@@lookup][@@accent]; - #piece(@name) { - @url: url("https://media.githubusercontent.com/media/catppuccin/userstyles/main/styles/chess.com/assets/@{lookup}/@{name}.png"); + #piece(@piece) { + @url: url("https://media.githubusercontent.com/media/catppuccin/userstyles/main/styles/chess.com/assets/@{lookup}/@{piece}.png"); } @bb: #piece("b/bb") []; diff --git a/styles/github/catppuccin.user.css b/styles/github/catppuccin.user.css index 6d6c18c83..0ff5ac52f 100644 --- a/styles/github/catppuccin.user.css +++ b/styles/github/catppuccin.user.css @@ -2,7 +2,7 @@ @name Github Catppuccin @namespace github.com/catppuccin/userstyles/styles/github @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/github -@version 1.3.2 +@version 1.3.3 @description Soothing pastel theme for GitHub @author Catppuccin @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.css @@ -57,49 +57,49 @@ z-index: 9999; } - #coloredButton(@name, @color, @flat) { + #coloredButton(@item, @color, @flat) { & when (@flat) { - --color-btn-@{name}-text: @color; - --color-btn-@{name}-bg: @base; - --color-btn-@{name}-icon: @color; + --color-btn-@{item}-text: @color; + --color-btn-@{item}-bg: @base; + --color-btn-@{item}-icon: @color; - --color-btn-@{name}-hover-text: @base; - --color-btn-@{name}-hover-bg: @color; - --color-btn-@{name}-hover-border: @color; + --color-btn-@{item}-hover-text: @base; + --color-btn-@{item}-hover-bg: @color; + --color-btn-@{item}-hover-border: @color; - --color-btn-@{name}-selected-text: @base; - --color-btn-@{name}-selected-bg: @color; - --color-btn-@{name}-selected-border: @color; + --color-btn-@{item}-selected-text: @base; + --color-btn-@{item}-selected-bg: @color; + --color-btn-@{item}-selected-border: @color; - --color-btn-@{name}-disabled-text: fadeout(@color, 60%); - --color-btn-@{name}-disabled-bg: @mantle; + --color-btn-@{item}-disabled-text: fadeout(@color, 60%); + --color-btn-@{item}-disabled-bg: @mantle; } & when not (@flat) { - --color-btn-@{name}-text: @base; - --color-btn-@{name}-bg: @color; - --color-btn-@{name}-icon: @base; + --color-btn-@{item}-text: @base; + --color-btn-@{item}-bg: @color; + --color-btn-@{item}-icon: @base; - --color-btn-@{name}-hover-text: @base; - --color-btn-@{name}-hover-bg: lighten(@color, 10%); - --color-btn-@{name}-hover-border: lighten(@color, 10%); + --color-btn-@{item}-hover-text: @base; + --color-btn-@{item}-hover-bg: lighten(@color, 10%); + --color-btn-@{item}-hover-border: lighten(@color, 10%); - --color-btn-@{name}-selected-text: @base; - --color-btn-@{name}-selected-bg: lighten(@color, 10%); - --color-btn-@{name}-selected-border: lighten(@color, 10%); + --color-btn-@{item}-selected-text: @base; + --color-btn-@{item}-selected-bg: lighten(@color, 10%); + --color-btn-@{item}-selected-border: lighten(@color, 10%); - --color-btn-@{name}-disabled-text: @crust; - --color-btn-@{name}-disabled-bg: fadeout(@color, 60%); + --color-btn-@{item}-disabled-text: @crust; + --color-btn-@{item}-disabled-bg: fadeout(@color, 60%); } - --color-btn-@{name}-hover-icon: @base; + --color-btn-@{item}-hover-icon: @base; /* set these to transparent for the looks */ - --color-btn-@{name}-border: transparent; - --color-btn-@{name}-shadow: 0 0 transparent; - --color-btn-@{name}-inset-shadow: 0 0 transparent; - --color-btn-@{name}-selected-shadow: 0 0 transparent; - --color-btn-@{name}-disabled-border: transparent; + --color-btn-@{item}-border: transparent; + --color-btn-@{item}-shadow: 0 0 transparent; + --color-btn-@{item}-inset-shadow: 0 0 transparent; + --color-btn-@{item}-selected-shadow: 0 0 transparent; + --color-btn-@{item}-disabled-border: transparent; } #catppuccin(@lookup, @accent) { @@ -996,9 +996,7 @@ .jykkjb { background-color: @base; - box-shadow: - @crust 0 -2px 0 inset, - @crust 0 1px 0 inset; + box-shadow: @crust 0 -2px 0 inset, @crust 0 1px 0 inset; } .jhjELj,