From 7306aa23fb441727e2e99a8d9ec9a850a66a853a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sergio=20La=C3=ADn?= Date: Thu, 23 Nov 2023 21:18:05 +0100 Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20chore(extensions):=20updated=20d?= =?UTF-8?q?ark=20reader=20disabled=20sites=20as=20well=20as=20new=20stylus?= =?UTF-8?q?=20pages=20added?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../dark-reader/Dark-Reader-Settings.json | 70 +- .config/browser/stylus/stylus-themes.json | 1232 +++++++++++++++-- 2 files changed, 1185 insertions(+), 117 deletions(-) diff --git a/.config/browser/dark-reader/Dark-Reader-Settings.json b/.config/browser/dark-reader/Dark-Reader-Settings.json index 47341b84..11acdde6 100644 --- a/.config/browser/dark-reader/Dark-Reader-Settings.json +++ b/.config/browser/dark-reader/Dark-Reader-Settings.json @@ -408,7 +408,6 @@ "color.firefox.com", "defkey.com", "www.sorianomobiliario.es", - "sw.kovidgoyal.net", "/home/matt/Repos/DATA_ACCESS_SLC_2223/Unit%203/FinalActivityEva1/misc/javadoc/com/da/slc2223/FinalActivityEva1/package-summary.html", "console.firebase.google.com", "www.thewitcher.com", @@ -419,9 +418,7 @@ "/docs/Documentos/Repos/Clase/2%C2%BADAM/DATA_ACCESS_SLC_2223/Unit%204/FinalActivity/JavaDoc/Library/overview-tree.html", "www.mysteamgauge.com", "takeout.google.com", - "localhost:5600", "192.168.1.1", - "www.reddit.com", "search.disroot.org", "kholmogorov27.github.io", "www.wikiwand.com", @@ -429,7 +426,6 @@ "info.cype.com", "logomakr.com", "flotes.app", - "linktr.ee", "www.twitch.tv", "/docs/Documentos/Repos/Clase/2%C2%BADAM/DATA_ACCESS_SLC_2223/Unit%204/FinalActivity/JavaDoc/Library/com.da.slc2223.finalactivity.finalactivityeva2/module-summary.html", "sede.educacion.gob.es", @@ -438,24 +434,67 @@ "www.hooktheory.com", "www.ecosia.org", "excalith-start-page.vercel.app", - "excalidraw.com", "obsidian.md", "cecotec.es", - "www.tldraw.com", "0.0.0.0:8080", "localhost:5500", - "search.brave.com", "farbenfroh.io", "lookingcoolonavespa.github.io", "litarvan.github.io", + "lightdm-gab.diameter.my.id", + "127.0.0.1:34537", + "www.youtube.com", + "rxresu.me", + "github.dev", + "linktr.ee", + "localhost:3000", + "0.0.0.0:5173", + "www.netlify.com", + "start-page-sigma.vercel.app", + "ytmdl.deepjyoti30.dev", + "start-page-matt-ftw.vercel.app", + "start-page-git-main-matt-ftw.vercel.app", + "localhost:8133", + "streak-stats.demolab.com", + "search.brave.com", + "www.reddit.com", + "www.tldraw.com", + "soumyajit.vercel.app", + "epomaker.com", + "hoppscotch.io", + "localhost:5600", + "chatgpt.ddiu.me", + "vercel.com", + "www.deepl.com", + "asciiflow.com", + "dotfyle.com", + "docs.astronvim.com", + "localhost:8267", + "www.ine.es", + "forms.office.com", + "survey.stackoverflow.co", + "gg.deals", + "127.0.0.1:8080", + "www.pinterest.es", + "excalidraw.com", + "star-history.com", + "discord.com", + "www.nerdfonts.com", "github.com", - "lightdm-gab.diameter.my.id" + "sw.kovidgoyal.net", + "localhost:5173", + "matt-startpage.vercel.app", + "codeberg.org", + "chat.openai.com" + ], + "siteListEnabled": [ + "docs.obsidian.md", + "help.obsidian.md" ], - "siteListEnabled": [], "applyToListedOnly": false, "changeBrowserTheme": false, "syncSettings": true, - "syncSitesFixes": false, + "syncSitesFixes": true, "automation": { "enabled": false, "mode": "", @@ -474,6 +513,11 @@ "enableForProtectedPages": false, "enableContextMenus": false, "detectDarkTheme": false, + "displayedNews": [ + "filter-mode", + "news-2023", + "thanks-2023" + ], "readNews": [ "filter-mode", "v5-survey", @@ -497,9 +541,7 @@ "product-hunt", "custom-site-settings", "thanks-for-contribution", - "dynamic-theme" - ], - "displayedNews": [ - "filter-mode" + "dynamic-theme", + "thanks-2023" ] } \ No newline at end of file diff --git a/.config/browser/stylus/stylus-themes.json b/.config/browser/stylus/stylus-themes.json index 63c98345..814ac748 100644 --- a/.config/browser/stylus/stylus-themes.json +++ b/.config/browser/stylus/stylus-themes.json @@ -1547,84 +1547,6 @@ "etag": "W/\"c8ee622b0455c872aeee395d5c584e1afb9c4d96e57d69526347a44145e71bb3\"", "updateDate": 1700339535786 }, - { - "enabled": true, - "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/codeberg/catppuccin.user.css", - "url": "https://github.com/catppuccin/userstyles/tree/main/styles/codeberg", - "installDate": 1690105767263, - "sections": [ - { - "code": "/* ==UserStyle==\n@name Catppuccin Codeberg\n@namespace github.com/catppuccin/userstyles/styles/codeberg\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/codeberg\n@version 1.0.2\n@description Soothing pastel theme for Codeberg\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/codeberg/catppuccin.user.css\n@license\t\tMIT\n\n@preprocessor stylus\n@var select flavor \"Flavor\" [\"Latte\", \"Frappe\", \"Macchiato\", \"Mocha*\"]\n@var checkbox navbar-color \"Use dark navbar-color\" 0\n==/UserStyle== */", - "start": 0 - }, - { - "code": ":root {\n --color-body: #24273a;\n --color-text: #cad3f5;\n --color-text-light: #a5adcb;\n --color-text-light-2: #b8c0e0;\n --color-text-light-3: #b8c0e0;\n --color-text-dark: #a5adcb;\n --color-text-dark-2: #b8c0e0;\n --color-text-dark-3: #b8c0e0;\n --color-secondary: #494d64;\n --color-caret: #cad3f5;\n --color-navbar: #363a4f;\n --color-footer: #363a4f;\n --color-red: #ed8796;\n --color-orange: #f5a97f;\n --color-yellow: #eed49f;\n --color-olive: #a6da95;\n --color-green: #a6da95;\n --color-teal: #8bd5ca;\n --color-blue: #8aadf4;\n --color-violet: #c6a0f6;\n --color-purple: #c6a0f6;\n --color-grey: #6e738d;\n --color-gold: #eed49f;\n --color-red-light: #ed8796;\n --color-orange-light: #f5a97f;\n --color-yellow-light: #eed49f;\n --color-olive-light: #a6da95;\n --color-green-light: #a6da95;\n --color-teal-light: #8bd5ca;\n --color-blue-light: #8aadf4;\n --color-violet-light: #c6a0f6;\n --color-purple-light: #c6a0f6;\n --color-grey-light: #939ab7;\n --color-gold-light: #eed49f;\n --color-black: #181926;\n --color-white: #cad3f5;\n --color-primary: #8aadf4;\n --color-console-fg: #cad3f5;\n --color-console-bg: #24273a;\n --color-error-border: #ee99a0;\n --color-error-bg: #6e738d;\n --color-error-text: #b8c0e0;\n --color-success-border: #a6da95;\n --color-success-bg: #6e738d;\n --color-success-text: #b8c0e0;\n --color-warning-border: $orange;\n --color-warning-bg: #8087a2;\n --color-warning-text: #b8c0e0;\n --color-info-border: #6e738d;\n --color-info-bg: #363a4f;\n --color-info-text: #b8c0e0;\n --color-box-header: #494d64;\n --color-box-body: #363a4f;\n --color-markup-code-block: #5b6078;\n --color-input-background: #24273a;\n --color-input-border: #494d64;\n --color-input-text: #cad3f5;\n --color-card: #363a4f;\n --color-active: #363a4f;\n --color-menu: #494d64;\n --color-button: #6e738d;\n --color-light-border: #494d64;\n --color-dark-border: #6e738d;\n --color-diff-removed-row-bg: rgba(237,135,150,0.2) !important;\n --color-diff-removed-row-border: rgba(237,135,150,0.2) !important;\n --color-diff-removed-word-bg: rgba(237,135,150,0.4) !important;\n --color-diff-added-row-bg: rgba(166,218,149,0.2) !important;\n --color-diff-added-row-border: rgba(166,218,149,0.2) !important;\n --color-diff-added-word-bg: rgba(166,218,149,0.4) !important;\n --color-diff-inactive: #494d64;\n --color-code-bg: #363a4f;\n --color-expand-button: #494d64;\n }\n body {\n background-color: #24273a;\n color: #cad3f5;\n }\n div#navbar.ui.container {\n background-color: #8aadf4 !important;\n color: #24273a !important;\n }\n th,\n textarea,\n h4.ui.top.attached.error.header,\n div.ui.red.message,\n div.ui.segment.sub-menu.repository-menu,\n nav.navbar,\n div.sidebar,\n div.sidebar-menu,\n div.card,\n div.menu.left.transition.visible,\n div.menu.user-menu.left.transition.visible,\n a.item.active,\n input,\n div.ui.dropdown.icon.button,\n div.ui.borderless.pagination.menu.narrow,\n span.name,\n blockquote.alert {\n background-color: #1e2030 !important;\n color: #cad3f5 !important;\n transition: 0.5s;\n }\n div.extra.content.word-break,\n td.name,\n td.message,\n td.text {\n border-color: #494d64 !important;\n }\n div.ui.top.attached.header.clearing.segment.pr.commit-header,\n footer,\n h1,\n h3,\n h4 {\n background-color: #1e2030 !important;\n }\n div.ui.compact.tiny.menu,\n div.ui.secondary.pointing.tabular.top.attached.borderless.menu.stackable.new-menu.navbar,\n div.ui.attached.segment,\n div.ui.borderless.pagination.menu,\n div.ui.two.item.tabable.menu,\n div.ui.secondary.tiny.pointing.borderless.menu.center.grid.repos-filter,\n div.header-wrapper,\n div.ui.attached.segment.df.ac.sb.py-2.commit-header-row.fw,\n div.file-view.markup.markdown,\n div.ui.attached.segment.repos-search,\n div.ui.attached.table.segment.rounded-bottom {\n background-color: #24273a !important;\n }\n span.ui.grey.label.ml-3,\n div.ui.circular.mini.grey.label,\n div.divider,\n button.btn.btn-primary,\n div.ui.language.bottom.floating.slide.up.dropdown.link.item.button {\n background-color: #363a4f !important;\n }\n tr {\n background-color: #24273a !important;\n }\n .blob-excerpt.lines-code {\n background-color: #1e2030 !important;\n }\n .chroma.lines-code {\n background-color: transparent !important;\n }\n .add-code {\n background-color: rgba(166,218,149,0.1) !important;\n }\n .added-code {\n background-color: rgba(166,218,149,0.15) !important;\n color: #cad3f5 !important;\n }\n .del-code {\n background-color: rgba(237,135,150,0.1) !important;\n }\n .removed-code {\n background-color: rgba(237,135,150,0.15) !important;\n color: #cad3f5 !important;\n }\n code.code-inner {\n color: #8087a2 !important;\n }\n tr.tag-code.nl-0.ol-0,\n td.lines-num,\n td.lines-type-marker {\n background-color: rgba(138,173,244,0.1) !important;\n }\n kbd,\n code {\n background-color: transparent !important;\n color: #cad3f5 !important;\n }\n span.c1 {\n color: #8087a2 !important;\n }\n span.s1 {\n color: #f5a97f !important;\n }\n span.token.string,\n span.s2 {\n color: #a6da95 !important;\n }\n span.n {\n color: #cad3f5 !important;\n }\n span.o,\n span.kc,\n span.kd,\n span.kr {\n color: #ed8796 !important;\n }\n span.nf {\n color: #8aadf4 !important;\n }\n span.token.function,\n span.mi {\n color: #8bd5ca !important;\n }\n nav.navbar {\n border: none !important;\n }\n pre {\n background-color: #1e2030 !important;\n border-color: #8aadf4 !important;\n }\n a.ui.primary.sha.label,\n span.ui.primary.sha.label {\n background-color: #1e2030 !important;\n }\n h1,\n a,\n a.header-anchor,\n a.item {\n background-color: transparent !important;\n color: #8aadf4 !important;\n transition: 0.5s;\n }\n a:hover,\n a.item:hover,\n span.name:hover {\n background-color: transparent !important;\n color: #a6da95 !important;\n transition: 0.5s;\n }\n .ui.table {\n color: #cad3f5;\n }\n .repository-summary {\n background-color: #363a4f;\n }\n .ui.green.button {\n background-color: #a6da95;\n color: #24273a;\n }\n .ui.red.button {\n background-color: #ed8796;\n color: #24273a;\n border-color: #6e738d;\n }\n .ui.basic.red.button {\n color: #ed8796;\n }\n .ui.negative.button {\n background-color: #ed8796;\n color: #24273a;\n }\n .ui.basic.green.button {\n color: #a6da95;\n }\n .ui.breadcrumb {\n color: #cad3f5;\n }\n .following.bar #navbar {\n background-color: #8aadf4 !important;\n }\n #navbar .item {\n color: #363a4f;\n }\n * {\n caret-color: #cad3f5;\n }\n@media (prefers-color-scheme: dark) {\n .ui.red.label,\n .ui.red.labels .label {\n background-color: #ed8796 !important;\n border-color: #ed8796 !important;\n color: #24273a !important;\n }\n .ui.green.label,\n .ui.green.labels,\n .ui.basic.green.label {\n background-color: #a6da95 !important;\n border-color: #a6da95 !important;\n color: #24273a !important;\n }\n .repository.file.list #repo-files-table tr {\n background-color: #24273a;\n }\n .repository.file.list #repo-files-table tr:hover {\n background-color: #494d64 !important;\n }\n .ui.horizontal.segments>.segment {\n background-color: #363a4f;\n }\n .tag-code td.lines-type-marker,\n td.blob-hunk {\n color: #cad3f5 !important;\n }\n .tag-code,\n .tag-code td {\n background: #494d64 !important;\n }\n .tag-code td.lines-num {\n background-color: #494d64 !important;\n }\n .chroma .sb {\n color: #b8c0e0;\n }\n .chroma .nt {\n color: rgba(198,160,246,0.7) !important;\n }\n .chroma .na {\n color: rgba(139,213,202,0.7) !important;\n }\n .chroma .nb {\n color: rgba(198,160,246,0.7);\n }\n .chroma .s2 {\n color: rgba(139,213,202,0.7);\n }\n .chroma .si {\n color: rgba(245,169,127,0.6);\n }\n .chroma .nv {\n color: rgba(245,169,127,0.6);\n }\n .chroma .nx {\n color: #cad3f5;\n }\n .chroma .nf {\n color: #eed49f;\n }\n .chroma .s {\n color: rgba(139,213,202,0.7);\n }\n}", - "start": 620, - "domains": [ - "codeberg.org" - ] - } - ], - "sourceCode": "/* ==UserStyle==\n@name Catppuccin Codeberg\n@namespace github.com/catppuccin/userstyles/styles/codeberg\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/codeberg\n@version 1.0.2\n@description Soothing pastel theme for Codeberg\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/codeberg/catppuccin.user.css\n@license\t\tMIT\n\n@preprocessor stylus\n@var select flavor \"Flavor\" [\"Latte\", \"Frappe\", \"Macchiato\", \"Mocha*\"]\n@var checkbox navbar-color \"Use dark navbar-color\" 0\n==/UserStyle== */\n\n@-moz-document domain(\"codeberg.org\") {\n if (flavor==\"Latte\") {\n $type = light\n \n $rosewater = hsl(10.8, 58.8%, 66.7%)\n $flamingo = hsl(0, 59.8%, 66.9%)\n $pink = hsl(316, 73.4%, 69%)\n $mauve = hsl(266, 85%, 58%)\n $red = hsl(347.1, 86.7%, 44.1%)\n $maroon = hsl(354.8, 76.3%, 58.6%)\n $peach = hsl(22, 99.2%, 52%)\n $yellow = hsl(34.9, 77%, 49.4%)\n $green = hsl(109.2, 57.6%, 39.8%)\n $teal = hsl(183.2, 73.9%, 34.5%)\n $sky = hsl(197.1, 96.6%, 45.7%)\n $sapphire = hsl(188.9, 70%, 41.8%)\n $blue = hsl(219.9, 91.5%, 53.9%)\n $lavender = hsl(230.9, 97.2%, 72%)\n $text = hsl(233.8, 16%, 35.5%)\n $subtext1 = hsl(233.3, 12.8%, 41.4%)\n $subtext0 = hsl(232.8, 10.4%, 47.3%)\n $overlay2 = hsl(232.2, 9.6%, 53.1%)\n $overlay1 = hsl(231.4, 10%, 59%)\n $overlay0 = hsl(228, 11.2%, 65.1%)\n $surface2 = hsl(226.7, 12.2%, 71%)\n $surface1 = hsl(225, 13.6%, 76.9%)\n $surface0 = hsl(222.9, 15.9%, 82.7%)\n $base = hsl(220, 23.1%, 94.9%)\n $mantle = hsl(220, 22%, 92%)\n $crust = hsl(220, 20.7%, 88.6%)\n }\n else if (flavor==\"Frappe\") {\n $type = dark\n \n $rosewater = hsl(10.3, 57.4%, 88%)\n $flamingo = hsl(0, 58.5%, 83.9%)\n $pink = hsl(316, 73.2%, 83.9%)\n $mauve = hsl(276.7, 59%, 76.1%)\n $red = hsl(358.8, 67.8%, 70.8%)\n $maroon = hsl(357.8, 65.9%, 75.9%)\n $peach = hsl(20.3, 79.1%, 70%)\n $yellow = hsl(39.5, 62%, 73.1%)\n $green = hsl(95.8, 43.9%, 67.8%)\n $teal = hsl(171.5, 39.2%, 64.5%)\n $sky = hsl(189.1, 47.8%, 72.9%)\n $sapphire = hsl(198.6, 55.4%, 69.2%)\n $blue = hsl(221.6, 74.2%, 74.1%)\n $lavender = hsl(238.9, 66.3%, 83.7%)\n $text = hsl(227.2, 70.1%, 86.9%)\n $subtext1 = hsl(226.7, 43.7%, 79.8%)\n $subtext0 = hsl(228.3, 29.5%, 72.7%)\n $overlay2 = hsl(227.7, 22.3%, 65.7%)\n $overlay1 = hsl(226.7, 17%, 58.4%)\n $overlay0 = hsl(229.1, 13.4%, 51.6%)\n $surface2 = hsl(228, 13.3%, 44.3%)\n $surface1 = hsl(227.1, 14.7%, 37.3%)\n $surface0 = hsl(230, 15.6%, 30.2%)\n $base = hsl(229.1, 18.6%, 23.1%)\n $mantle = hsl(230.5, 18.8%, 19.8%)\n $crust = hsl(229.4, 19.5%, 17.1%)\n }\n else if (flavor==\"Macchiato\") {\n $type = dark\n \n $rosewater = hsl(10, 57.7%, 89.8%)\n $flamingo = hsl(0, 58.3%, 85.9%)\n $pink = hsl(316.1, 73.7%, 85.1%)\n $mauve = hsl(266.5, 82.7%, 79.6%)\n $red = hsl(351.2, 73.9%, 72.9%)\n $maroon = hsl(355.1, 71.4%, 76.7%)\n $peach = hsl(21.4, 85.5%, 72.9%)\n $yellow = hsl(40.3, 69.9%, 77.8%)\n $green = hsl(105.2, 48.3%, 72%)\n $teal = hsl(171.1, 46.8%, 69%)\n $sky = hsl(188.8, 59.4%, 72.9%)\n $sapphire = hsl(198.6, 65.6%, 69.2%)\n $blue = hsl(220.2, 82.8%, 74.9%)\n $lavender = hsl(234.5, 82.3%, 84.5%)\n $text = hsl(227.4, 68.3%, 87.6%)\n $subtext1 = hsl(228, 39.2%, 80%)\n $subtext0 = hsl(227.4, 26.8%, 72.2%)\n $overlay2 = hsl(228.3, 20%, 64.7%)\n $overlay1 = hsl(227.6, 15.5%, 56.9%)\n $overlay0 = hsl(230.3, 12.4%, 49.2%)\n $surface2 = hsl(229.7, 13.7%, 41.4%)\n $surface1 = hsl(231.1, 15.6%, 33.9%)\n $surface0 = hsl(230.4, 18.8%, 26.1%)\n $base = hsl(231.8, 23.4%, 18.4%)\n $mantle = hsl(233.3, 23.1%, 15.3%)\n $crust = hsl(235.7, 22.6%, 12.2%)\n }\n else if (flavor==\"Mocha\") {\n $type = dark\n \n $rosewater = hsl(9.6, 55.6%, 91.2%)\n $flamingo = hsl(0, 58.7%, 87.6%)\n $pink = hsl(316.5, 71.8%, 86.1%)\n $mauve = hsl(267.4, 83.5%, 81%)\n $red = hsl(343.3, 81.2%, 74.9%)\n $maroon = hsl(350.4, 65.2%, 77.5%)\n $peach = hsl(23, 92%, 75.5%)\n $yellow = hsl(41.4, 86%, 83.1%)\n $green = hsl(115.5, 54.1%, 76.1%)\n $teal = hsl(170, 57.4%, 73.3%)\n $sky = hsl(189.2, 71%, 72.9%)\n $sapphire = hsl(198.5, 75.9%, 69%)\n $lavender = hsl(231.9, 97.4%, 85.1%)\n $blue = hsl(217.2, 91.9%, 75.9%)\n $text = hsl(226.2, 63.9%, 88%)\n $subtext1 = hsl(226.7, 35.3%, 80%)\n $subtext0 = hsl(227.6, 23.6%, 71.8%)\n $overlay2 = hsl(228.4, 16.8%, 63.7%)\n $overlay1 = hsl(229.7, 12.8%, 55.5%)\n $overlay0 = hsl(230.8, 10.7%, 47.5%)\n $surface2 = hsl(232.5, 12%, 39.2%)\n $surface1 = hsl(234.3, 13.2%, 31.2%)\n $surface0 = hsl(236.8, 16.2%, 22.9%)\n $base = hsl(240, 21.1%, 14.9%)\n $mantle = hsl(240, 21.3%, 12%)\n $crust = hsl(240, 22.7%, 8.6%)\n }\n \n \n :root {\n --color-body: $base;\n --color-text: $text;\n --color-text-light: $subtext0;\n --color-text-light-2: $subtext1;\n --color-text-light-3: $subtext1;\n --color-text-dark: $subtext0;\n --color-text-dark-2: $subtext1;\n --color-text-dark-3: $subtext1;\n --color-secondary: $surface1;\n --color-caret: $text;\n --color-navbar: $surface0;\n --color-footer: $surface0;\n \n --color-red: $red;\n --color-orange: $peach;\n --color-yellow: $yellow;\n --color-olive: $green;\n --color-green: $green;\n --color-teal: $teal;\n --color-blue: $blue;\n --color-violet: $mauve;\n --color-purple: $mauve;\n --color-grey: $overlay0;\n --color-gold: $yellow;\n --color-red-light: $red;\n --color-orange-light: $peach;\n --color-yellow-light: $yellow;\n --color-olive-light: $green;\n --color-green-light: $green;\n --color-teal-light: $teal;\n --color-blue-light: $blue;\n --color-violet-light: $mauve;\n --color-purple-light: $mauve;\n --color-grey-light: $overlay2;\n --color-gold-light: $yellow;\n --color-black: $crust;\n --color-white: $text;\n \n --color-primary: $blue;\n \n --color-console-fg: $text;\n --color-console-bg: $base;\n \n --color-error-border: $maroon;\n --color-error-bg: $overlay0;\n --color-error-text: $subtext1;\n \n --color-success-border: $green;\n --color-success-bg: $overlay0;\n --color-success-text: $subtext1;\n \n --color-warning-border: $orange;\n --color-warning-bg: $overlay1;\n --color-warning-text: $subtext1;\n \n --color-info-border: $overlay0;\n --color-info-bg: $surface0;\n --color-info-text: $subtext1;\n \n --color-box-header: $surface1;\n --color-box-body: $surface0;\n \n --color-markup-code-block: $surface2;\n \n --color-input-background: $base;\n --color-input-border: $surface1;\n --color-input-text: $text;\n \n --color-card: $surface0;\n \n --color-active: $surface0;\n --color-menu: $surface1;\n \n --color-button: $overlay0;\n --color-light-border: $surface1;\n --color-dark-border: $overlay0;\n \n --color-diff-removed-row-bg: rgba($red, 0.2)!important;\n --color-diff-removed-row-border: rgba($red, 0.2)!important;\n --color-diff-removed-word-bg: rgba($red, 0.4)!important;\n \n --color-diff-added-row-bg: rgba($green, 0.2)!important;\n --color-diff-added-row-border: rgba($green, 0.2)!important;\n --color-diff-added-word-bg: rgba($green, 0.4)!important;\n \n --color-diff-inactive: $surface1;\n \n --color-code-bg: $surface0;\n --color-expand-button: $surface1;\n }\n \n \n body {\n background-color: $base;\n color: $text;\n \n }\n \n div#navbar.ui.container {\n background-color: $blue !important;\n color: $base !important;\n }\n \n if navbar-color {\n div#navbar.ui.container {\n background-color: $mantle !important;\n color: $text !important;\n }\n }\n\n th,\n textarea,\n h4.ui.top.attached.error.header,\n div.ui.red.message,\n div.ui.segment.sub-menu.repository-menu,\n nav.navbar,\n div.sidebar,\n div.sidebar-menu,\n div.card,\n div.menu.left.transition.visible,\n div.menu.user-menu.left.transition.visible,\n a.item.active\n input,\n div.ui.dropdown.icon.button,\n div.ui.borderless.pagination.menu.narrow,\n span.name,\n blockquote.alert {\n background-color: $mantle !important;\n color: $text !important;\n transition: 0.5s;\n }\n \n div.extra.content.word-break,\n td.name,\n td.message,\n td.text {\n border-color: $surface1 !important;\n }\n \n div.ui.top.attached.header.clearing.segment.pr.commit-header,\n footer,\n h1,\n h3,\n h4 {\n background-color: $mantle !important;\n }\n \n div.ui.compact.tiny.menu,\n div.ui.secondary.pointing.tabular.top.attached.borderless.menu.stackable.new-menu.navbar,\n div.ui.attached.segment,\n div.ui.borderless.pagination.menu,\n div.ui.two.item.tabable.menu,\n div.ui.secondary.tiny.pointing.borderless.menu.center.grid.repos-filter,\n div.header-wrapper,\n div.ui.attached.segment.df.ac.sb.py-2.commit-header-row.fw,\n div.file-view.markup.markdown,\n div.ui.attached.segment.repos-search,\n div.ui.attached.table.segment.rounded-bottom {\n background-color: $base !important;\n }\n \n span.ui.grey.label.ml-3,\n div.ui.circular.mini.grey.label,\n div.divider,\n button.btn.btn-primary,\n div.ui.language.bottom.floating.slide.up.dropdown.link.item.button {\n background-color: $surface0 !important;\n }\n \n tr {\n background-color: $base !important;\n }\n \n .blob-excerpt.lines-code {\n background-color: $mantle !important;\n }\n .chroma.lines-code {\n background-color: transparent !important;\n }\n .add-code {\n background-color: alpha($green, 0.1) !important;\n }\n .added-code {\n background-color: alpha($green, 0.15) !important;\n color: $text !important;\n }\n .del-code {\n background-color: alpha($red, 0.1) !important;\n }\n .removed-code {\n background-color: alpha($red, 0.15) !important;\n color: $text !important;\n }\n code.code-inner {\n color: $overlay1 !important;\n }\n tr.tag-code.nl-0.ol-0, td.lines-num, td.lines-type-marker {\n background-color: alpha($blue, 0.1) !important;\n }\n \n kbd,\n code {\n background-color: transparent !important;\n color: $text !important;\n }\n \n span.c1 {\n color: $overlay1 !important;\n }\n span.s1 {\n color: $peach !important;\n }\n span.token.string,\n span.s2 {\n color: $green !important;\n }\n span.n {\n color: $text !important;\n }\n span.o,\n span.kc,\n span.kd,\n span.kr {\n color: $red !important;\n }\n span.nf {\n color: $blue !important;\n }\n span.token.function,\n span.mi {\n color: $teal !important;\n }\n \n nav.navbar {\n border: none !important;\n }\n \n pre {\n background-color: $mantle !important;\n border-color: $blue !important;\n }\n \n a.ui.primary.sha.label,\n span.ui.primary.sha.label {\n background-color: $mantle !important;\n }\n \n h1,\n a,\n a.header-anchor,\n a.item {\n background-color: transparent !important;\n color: $blue !important;\n transition: 0.5s;\n }\n \n a:hover,\n a.item:hover,\n span.name:hover {\n background-color: transparent !important;\n color: $green !important;\n transition: 0.5s;\n }\n \n .ui.table {\n color: $text;\n }\n \n .repository-summary {\n background-color: $surface0;\n }\n \n .ui.green.button {\n background-color: $green;\n color: $base;\n }\n \n .ui.red.button {\n background-color: $red;\n color: $base;\n border-color: $overlay0;\n }\n \n .ui.basic.red.button {\n color: $red;\n }\n \n \n .ui.negative.button {\n background-color: $red;\n color: $base;\n }\n \n .ui.basic.green.button {\n color: $green;\n }\n \n .ui.breadcrumb {\n color: $text;\n }\n \n .following.bar #navbar {\n background-color: $blue !important;\n \n }\n \n #navbar .item {\n color: $surface0;\n }\n \n \n * {\n caret-color: $text;\n }\n \n @media (prefers-color-scheme: dark) {\n .ui.red.label, .ui.red.labels .label {\n background-color: $red!important;\n border-color: $red!important;\n color: $base!important;\n }\n .ui.green.label, .ui.green.labels, .ui.basic.green.label {\n background-color: $green!important;\n border-color: $green!important;\n color: $base!important;\n }\n \n .repository.file.list #repo-files-table tr {\n background-color: $base;\n }\n .repository.file.list #repo-files-table tr:hover {\n background-color: $surface1!important;\n }\n \n .ui.horizontal.segments>.segment {\n background-color: $surface0;\n }\n \n .tag-code td.lines-type-marker, td.blob-hunk {\n color: $text!important;\n }\n \n .tag-code, .tag-code td {\n background: $surface1!important;\n }\n \n .tag-code td.lines-num {\n background-color: $surface1!important;\n }\n \n .chroma .sb {\n color: $subtext1;\n }\n \n .chroma .nt {\n color: rgba($mauve, 0.7)!important;\n }\n \n .chroma .na {\n color: rgba($teal, 0.7)!important;\n }\n \n .chroma .nb {\n color: rgba($mauve, 0.7);\n }\n \n .chroma .s2 {\n color: rgba($teal, 0.7);\n }\n \n .chroma .si {\n color: rgba($peach, 0.6);\n }\n \n .chroma .nv {\n color: rgba($peach, 0.6);\n }\n \n .chroma .nx {\n color: $text;\n }\n \n .chroma .nf {\n color: $yellow;\n }\n \n .chroma .s {\n color: rgba($teal, 0.7);\n }\n \n }\n}\n", - "usercssData": { - "name": "Catppuccin Codeberg", - "namespace": "github.com/catppuccin/userstyles/styles/codeberg", - "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/codeberg", - "version": "1.0.2", - "description": "Soothing pastel theme for Codeberg", - "author": "Catppuccin", - "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/codeberg/catppuccin.user.css", - "license": "MIT", - "preprocessor": "stylus", - "vars": { - "flavor": { - "type": "select", - "label": "Flavor", - "name": "flavor", - "value": "Macchiato", - "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" - } - ] - }, - "navbar-color": { - "type": "checkbox", - "label": "Use dark navbar-color", - "name": "navbar-color", - "value": null, - "default": "0", - "options": null - } - } - }, - "author": "Catppuccin", - "description": "Soothing pastel theme for Codeberg", - "name": "Catppuccin Codeberg", - "originalDigest": "09af36f25a97c633eba54fe7807eda540d1d68b9", - "_id": "0840416a-1bd2-404b-aa84-ca213c5eb476", - "_rev": 1690105767264, - "id": 39, - "etag": "W/\"60072ae89a52e51a1c1c1de07955bf9eb8bfe3441d654b14c5f93a533d72d27e\"" - }, { "enabled": true, "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.css", @@ -2393,23 +2315,23 @@ "installDate": 1690106083257, "sections": [ { - "code": "/* ==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.3\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== */", + "code": "/* ==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== */", "start": 0 }, { - "code": ":root.light {\n color-scheme: dark;\n --body-bg: #24273a;\n --bg-glassy: #1e2030;\n --bg-1: #494d64;\n --bg-2: #363a4f;\n --bg-02: #181926;\n --bg-04: #1e2030;\n --bg-green: #a6da95;\n --bg-blue: #8aadf4;\n --bg-red: #ed8796;\n --bg-favicon: #494d64;\n --bg-form-control-selected: #5b6078;\n --bg-form-control-unselected: #363a4f;\n --form-control-selected: #8aadf4;\n --form-control-hover: #b7bdf8;\n --form-control-focus: #cad3f5;\n --settings-header-bg: #1e2030;\n --settings-header-text: #cad3f5;\n --settings-header-icon: #8aadf4;\n --settings-widget-text: #a5adcb;\n --settings-item-text: #cad3f5;\n --settings-item-icon: #8aadf4;\n --settings-item-border: #6e738d;\n --settings-item-border-2: #939ab7;\n --settings-btn-bg: #363a4f;\n --settings-btn-text: #cad3f5;\n --settings-widget-outline: #6e738d;\n --settings-independent-score: #8aadf4;\n --settings-global-score: #f5a97f;\n --brave-supporter-bg: #24273a;\n --brave-supporter-text: #cad3f5;\n --context-menu-header-border: #6e738d;\n --color-primary: #cad3f5;\n --color-primary-2: #b8c0e0;\n --color-primary-3: #a5adcb;\n --color-white: #cad3f5;\n --color-gray-2: #b8c0e0;\n --color-gray-3: #a5adcb;\n --color-gray-4: #939ab7;\n --color-gray-5: #8087a2;\n --color-gray-6: #6e738d;\n --color-green: #a6da95;\n --color-red: #ed8796;\n --color-blue: #8aadf4;\n --info-color: #8aadf4;\n --link-primary: #8aadf4;\n --link-secondary: #8aadf4;\n --link-visited: #c6a0f6;\n --snippet-url: #a5adcb;\n --separator-dot: #6e738d;\n --theme-purple: #c6a0f6;\n --theme-yellow: #eed49f;\n --border-color: #6e738d;\n --blurple-300: #b7bdf8;\n --text-01: #cad3f5;\n --text-02: #b8c0e0;\n --text-03: #a5adcb;\n --interactive-04: #8aadf4;\n --interactive-05: #8aadf4;\n --interactive-06: #8aadf4;\n --interactive-07: #8aadf4;\n --interactive-08: #8aadf4;\n --focus-border: #939ab7;\n --divider-01: #6e738d;\n --disabled: #8087a2;\n --btn-filled-bg: #363a4f;\n --btn-filled-bg-hover: #494d64;\n --btn-filled-text-active: #cad3f5;\n --btn-filled-bg-active: #5b6078;\n --btn-filled-text-disabled: #8087a2;\n --btn-outline-border: #6e738d;\n --btn-outline-border-hover: #8087a2;\n --btn-outline-text: #cad3f5;\n --btn-outline-text-hover: #b8c0e0;\n --btn-outline-text-active: #cad3f5;\n --btn-outline-border-active: #939ab7;\n --btn-outline-text-disabled: #8087a2;\n --btn-icon-svg-hover: #b8c0e0;\n --btn-icon-bg-hover: #494d64;\n --btn-icon-svg-active: #cad3f5;\n --code-bg-0: #24273a;\n --code-border: #6e738d;\n --code-color-1: #363a4f;\n --code-color-2: #cad3f5;\n --code-color-3: #a6da95;\n --code-color-4: #8aadf4;\n --code-color-5: #f5bde6;\n --search-bgd-01: #6e738d;\n --search-bgd-02: #24273a;\n --search-bgd-03: #181926;\n --search-bgd-04: #1e2030;\n --search-bgd-05: #24273a;\n --search-bgd-06: #363a4f;\n --search-bgd-07: #1e2030;\n --search-bgd-08: #181926;\n --search-line-01: #363a4f;\n --search-line-02: #a5adcb;\n --search-text-01: #cad3f5;\n --search-text-02: #b8c0e0;\n --search-text-03: #a5adcb;\n --search-text-04: #a5adcb;\n --search-text-05: #8aadf4;\n --search-text-06: #6e738d;\n --search-text-09: #eed49f;\n --search-text-10: #f5a97f;\n --search-interactive-01: #8aadf4;\n --search-interactive-02: #c6a0f6;\n --search-interactive-03: #c6a0f6;\n --search-interactive-04: #91d7e3;\n --search-interactive-05: #c6a0f6;\n --gray-30: #24273a;\n --gray-60: #363a4f;\n --gray-90: #6e738d;\n --gray-110: #a5adcb;\n --gray-120: #cad3f5;\n --secondary-90: #b7bdf8;\n }\n :root.light #searchform > .searchbox-wrapper::after {\n background-image: none;\n }\n :root.dark {\n color-scheme: dark;\n --body-bg: #24273a;\n --bg-glassy: #1e2030;\n --bg-1: #494d64;\n --bg-2: #363a4f;\n --bg-02: #181926;\n --bg-04: #1e2030;\n --bg-green: #a6da95;\n --bg-blue: #8aadf4;\n --bg-red: #ed8796;\n --bg-favicon: #494d64;\n --bg-form-control-selected: #5b6078;\n --bg-form-control-unselected: #363a4f;\n --form-control-selected: #8aadf4;\n --form-control-hover: #b7bdf8;\n --form-control-focus: #cad3f5;\n --settings-header-bg: #1e2030;\n --settings-header-text: #cad3f5;\n --settings-header-icon: #8aadf4;\n --settings-widget-text: #a5adcb;\n --settings-item-text: #cad3f5;\n --settings-item-icon: #8aadf4;\n --settings-item-border: #6e738d;\n --settings-item-border-2: #939ab7;\n --settings-btn-bg: #363a4f;\n --settings-btn-text: #cad3f5;\n --settings-widget-outline: #6e738d;\n --settings-independent-score: #8aadf4;\n --settings-global-score: #f5a97f;\n --brave-supporter-bg: #24273a;\n --brave-supporter-text: #cad3f5;\n --context-menu-header-border: #6e738d;\n --color-primary: #cad3f5;\n --color-primary-2: #b8c0e0;\n --color-primary-3: #a5adcb;\n --color-white: #cad3f5;\n --color-gray-2: #b8c0e0;\n --color-gray-3: #a5adcb;\n --color-gray-4: #939ab7;\n --color-gray-5: #8087a2;\n --color-gray-6: #6e738d;\n --color-green: #a6da95;\n --color-red: #ed8796;\n --color-blue: #8aadf4;\n --info-color: #8aadf4;\n --link-primary: #8aadf4;\n --link-secondary: #8aadf4;\n --link-visited: #c6a0f6;\n --snippet-url: #a5adcb;\n --separator-dot: #6e738d;\n --theme-purple: #c6a0f6;\n --theme-yellow: #eed49f;\n --border-color: #6e738d;\n --blurple-300: #b7bdf8;\n --text-01: #cad3f5;\n --text-02: #b8c0e0;\n --text-03: #a5adcb;\n --interactive-04: #8aadf4;\n --interactive-05: #8aadf4;\n --interactive-06: #8aadf4;\n --interactive-07: #8aadf4;\n --interactive-08: #8aadf4;\n --focus-border: #939ab7;\n --divider-01: #6e738d;\n --disabled: #8087a2;\n --btn-filled-bg: #363a4f;\n --btn-filled-bg-hover: #494d64;\n --btn-filled-text-active: #cad3f5;\n --btn-filled-bg-active: #5b6078;\n --btn-filled-text-disabled: #8087a2;\n --btn-outline-border: #6e738d;\n --btn-outline-border-hover: #8087a2;\n --btn-outline-text: #cad3f5;\n --btn-outline-text-hover: #b8c0e0;\n --btn-outline-text-active: #cad3f5;\n --btn-outline-border-active: #939ab7;\n --btn-outline-text-disabled: #8087a2;\n --btn-icon-svg-hover: #b8c0e0;\n --btn-icon-bg-hover: #494d64;\n --btn-icon-svg-active: #cad3f5;\n --code-bg-0: #24273a;\n --code-border: #6e738d;\n --code-color-1: #363a4f;\n --code-color-2: #cad3f5;\n --code-color-3: #a6da95;\n --code-color-4: #8aadf4;\n --code-color-5: #f5bde6;\n --search-bgd-01: #6e738d;\n --search-bgd-02: #24273a;\n --search-bgd-03: #181926;\n --search-bgd-04: #1e2030;\n --search-bgd-05: #24273a;\n --search-bgd-06: #363a4f;\n --search-bgd-07: #1e2030;\n --search-bgd-08: #181926;\n --search-line-01: #363a4f;\n --search-line-02: #a5adcb;\n --search-text-01: #cad3f5;\n --search-text-02: #b8c0e0;\n --search-text-03: #a5adcb;\n --search-text-04: #a5adcb;\n --search-text-05: #8aadf4;\n --search-text-06: #6e738d;\n --search-text-09: #eed49f;\n --search-text-10: #f5a97f;\n --search-interactive-01: #8aadf4;\n --search-interactive-02: #c6a0f6;\n --search-interactive-03: #c6a0f6;\n --search-interactive-04: #91d7e3;\n --search-interactive-05: #c6a0f6;\n --gray-30: #24273a;\n --gray-60: #363a4f;\n --gray-90: #6e738d;\n --gray-110: #a5adcb;\n --gray-120: #cad3f5;\n --secondary-90: #b7bdf8;\n }\n :root.dark #searchform > .searchbox-wrapper::after {\n background-image: none;\n }\n @media (prefers-color-scheme: light) {\n :root:not(.light):not(.dark) {\n color-scheme: dark;\n --body-bg: #24273a;\n --bg-glassy: #1e2030;\n --bg-1: #494d64;\n --bg-2: #363a4f;\n --bg-02: #181926;\n --bg-04: #1e2030;\n --bg-green: #a6da95;\n --bg-blue: #8aadf4;\n --bg-red: #ed8796;\n --bg-favicon: #494d64;\n --bg-form-control-selected: #5b6078;\n --bg-form-control-unselected: #363a4f;\n --form-control-selected: #8aadf4;\n --form-control-hover: #b7bdf8;\n --form-control-focus: #cad3f5;\n --settings-header-bg: #1e2030;\n --settings-header-text: #cad3f5;\n --settings-header-icon: #8aadf4;\n --settings-widget-text: #a5adcb;\n --settings-item-text: #cad3f5;\n --settings-item-icon: #8aadf4;\n --settings-item-border: #6e738d;\n --settings-item-border-2: #939ab7;\n --settings-btn-bg: #363a4f;\n --settings-btn-text: #cad3f5;\n --settings-widget-outline: #6e738d;\n --settings-independent-score: #8aadf4;\n --settings-global-score: #f5a97f;\n --brave-supporter-bg: #24273a;\n --brave-supporter-text: #cad3f5;\n --context-menu-header-border: #6e738d;\n --color-primary: #cad3f5;\n --color-primary-2: #b8c0e0;\n --color-primary-3: #a5adcb;\n --color-white: #cad3f5;\n --color-gray-2: #b8c0e0;\n --color-gray-3: #a5adcb;\n --color-gray-4: #939ab7;\n --color-gray-5: #8087a2;\n --color-gray-6: #6e738d;\n --color-green: #a6da95;\n --color-red: #ed8796;\n --color-blue: #8aadf4;\n --info-color: #8aadf4;\n --link-primary: #8aadf4;\n --link-secondary: #8aadf4;\n --link-visited: #c6a0f6;\n --snippet-url: #a5adcb;\n --separator-dot: #6e738d;\n --theme-purple: #c6a0f6;\n --theme-yellow: #eed49f;\n --border-color: #6e738d;\n --blurple-300: #b7bdf8;\n --text-01: #cad3f5;\n --text-02: #b8c0e0;\n --text-03: #a5adcb;\n --interactive-04: #8aadf4;\n --interactive-05: #8aadf4;\n --interactive-06: #8aadf4;\n --interactive-07: #8aadf4;\n --interactive-08: #8aadf4;\n --focus-border: #939ab7;\n --divider-01: #6e738d;\n --disabled: #8087a2;\n --btn-filled-bg: #363a4f;\n --btn-filled-bg-hover: #494d64;\n --btn-filled-text-active: #cad3f5;\n --btn-filled-bg-active: #5b6078;\n --btn-filled-text-disabled: #8087a2;\n --btn-outline-border: #6e738d;\n --btn-outline-border-hover: #8087a2;\n --btn-outline-text: #cad3f5;\n --btn-outline-text-hover: #b8c0e0;\n --btn-outline-text-active: #cad3f5;\n --btn-outline-border-active: #939ab7;\n --btn-outline-text-disabled: #8087a2;\n --btn-icon-svg-hover: #b8c0e0;\n --btn-icon-bg-hover: #494d64;\n --btn-icon-svg-active: #cad3f5;\n --code-bg-0: #24273a;\n --code-border: #6e738d;\n --code-color-1: #363a4f;\n --code-color-2: #cad3f5;\n --code-color-3: #a6da95;\n --code-color-4: #8aadf4;\n --code-color-5: #f5bde6;\n --search-bgd-01: #6e738d;\n --search-bgd-02: #24273a;\n --search-bgd-03: #181926;\n --search-bgd-04: #1e2030;\n --search-bgd-05: #24273a;\n --search-bgd-06: #363a4f;\n --search-bgd-07: #1e2030;\n --search-bgd-08: #181926;\n --search-line-01: #363a4f;\n --search-line-02: #a5adcb;\n --search-text-01: #cad3f5;\n --search-text-02: #b8c0e0;\n --search-text-03: #a5adcb;\n --search-text-04: #a5adcb;\n --search-text-05: #8aadf4;\n --search-text-06: #6e738d;\n --search-text-09: #eed49f;\n --search-text-10: #f5a97f;\n --search-interactive-01: #8aadf4;\n --search-interactive-02: #c6a0f6;\n --search-interactive-03: #c6a0f6;\n --search-interactive-04: #91d7e3;\n --search-interactive-05: #c6a0f6;\n --gray-30: #24273a;\n --gray-60: #363a4f;\n --gray-90: #6e738d;\n --gray-110: #a5adcb;\n --gray-120: #cad3f5;\n --secondary-90: #b7bdf8;\n }\n :root:not(.light):not(.dark) #searchform > .searchbox-wrapper::after {\n background-image: none;\n }\n }\n @media (prefers-color-scheme: dark) {\n :root:not(.light):not(.dark) {\n color-scheme: dark;\n --body-bg: #24273a;\n --bg-glassy: #1e2030;\n --bg-1: #494d64;\n --bg-2: #363a4f;\n --bg-02: #181926;\n --bg-04: #1e2030;\n --bg-green: #a6da95;\n --bg-blue: #8aadf4;\n --bg-red: #ed8796;\n --bg-favicon: #494d64;\n --bg-form-control-selected: #5b6078;\n --bg-form-control-unselected: #363a4f;\n --form-control-selected: #8aadf4;\n --form-control-hover: #b7bdf8;\n --form-control-focus: #cad3f5;\n --settings-header-bg: #1e2030;\n --settings-header-text: #cad3f5;\n --settings-header-icon: #8aadf4;\n --settings-widget-text: #a5adcb;\n --settings-item-text: #cad3f5;\n --settings-item-icon: #8aadf4;\n --settings-item-border: #6e738d;\n --settings-item-border-2: #939ab7;\n --settings-btn-bg: #363a4f;\n --settings-btn-text: #cad3f5;\n --settings-widget-outline: #6e738d;\n --settings-independent-score: #8aadf4;\n --settings-global-score: #f5a97f;\n --brave-supporter-bg: #24273a;\n --brave-supporter-text: #cad3f5;\n --context-menu-header-border: #6e738d;\n --color-primary: #cad3f5;\n --color-primary-2: #b8c0e0;\n --color-primary-3: #a5adcb;\n --color-white: #cad3f5;\n --color-gray-2: #b8c0e0;\n --color-gray-3: #a5adcb;\n --color-gray-4: #939ab7;\n --color-gray-5: #8087a2;\n --color-gray-6: #6e738d;\n --color-green: #a6da95;\n --color-red: #ed8796;\n --color-blue: #8aadf4;\n --info-color: #8aadf4;\n --link-primary: #8aadf4;\n --link-secondary: #8aadf4;\n --link-visited: #c6a0f6;\n --snippet-url: #a5adcb;\n --separator-dot: #6e738d;\n --theme-purple: #c6a0f6;\n --theme-yellow: #eed49f;\n --border-color: #6e738d;\n --blurple-300: #b7bdf8;\n --text-01: #cad3f5;\n --text-02: #b8c0e0;\n --text-03: #a5adcb;\n --interactive-04: #8aadf4;\n --interactive-05: #8aadf4;\n --interactive-06: #8aadf4;\n --interactive-07: #8aadf4;\n --interactive-08: #8aadf4;\n --focus-border: #939ab7;\n --divider-01: #6e738d;\n --disabled: #8087a2;\n --btn-filled-bg: #363a4f;\n --btn-filled-bg-hover: #494d64;\n --btn-filled-text-active: #cad3f5;\n --btn-filled-bg-active: #5b6078;\n --btn-filled-text-disabled: #8087a2;\n --btn-outline-border: #6e738d;\n --btn-outline-border-hover: #8087a2;\n --btn-outline-text: #cad3f5;\n --btn-outline-text-hover: #b8c0e0;\n --btn-outline-text-active: #cad3f5;\n --btn-outline-border-active: #939ab7;\n --btn-outline-text-disabled: #8087a2;\n --btn-icon-svg-hover: #b8c0e0;\n --btn-icon-bg-hover: #494d64;\n --btn-icon-svg-active: #cad3f5;\n --code-bg-0: #24273a;\n --code-border: #6e738d;\n --code-color-1: #363a4f;\n --code-color-2: #cad3f5;\n --code-color-3: #a6da95;\n --code-color-4: #8aadf4;\n --code-color-5: #f5bde6;\n --search-bgd-01: #6e738d;\n --search-bgd-02: #24273a;\n --search-bgd-03: #181926;\n --search-bgd-04: #1e2030;\n --search-bgd-05: #24273a;\n --search-bgd-06: #363a4f;\n --search-bgd-07: #1e2030;\n --search-bgd-08: #181926;\n --search-line-01: #363a4f;\n --search-line-02: #a5adcb;\n --search-text-01: #cad3f5;\n --search-text-02: #b8c0e0;\n --search-text-03: #a5adcb;\n --search-text-04: #a5adcb;\n --search-text-05: #8aadf4;\n --search-text-06: #6e738d;\n --search-text-09: #eed49f;\n --search-text-10: #f5a97f;\n --search-interactive-01: #8aadf4;\n --search-interactive-02: #c6a0f6;\n --search-interactive-03: #c6a0f6;\n --search-interactive-04: #91d7e3;\n --search-interactive-05: #c6a0f6;\n --gray-30: #24273a;\n --gray-60: #363a4f;\n --gray-90: #6e738d;\n --gray-110: #a5adcb;\n --gray-120: #cad3f5;\n --secondary-90: #b7bdf8;\n }\n :root:not(.light):not(.dark) #searchform > .searchbox-wrapper::after {\n background-image: none;\n }\n }", + "code": ":root.light {\n color-scheme: dark;\n --color-container-highlight: #181926;\n --search-serp-container-background: #1e2030;\n --body-bg: #24273a;\n --bg-glassy: #1e2030;\n --bg-1: #494d64;\n --bg-2: #363a4f;\n --bg-02: #181926;\n --bg-04: #1e2030;\n --bg-green: #a6da95;\n --bg-blue: #8aadf4;\n --bg-red: #ed8796;\n --bg-favicon: #494d64;\n --bg-form-control-selected: #5b6078;\n --bg-form-control-unselected: #363a4f;\n --form-control-selected: #8aadf4;\n --form-control-hover: #b7bdf8;\n --form-control-focus: #cad3f5;\n --settings-header-bg: #1e2030;\n --settings-header-text: #cad3f5;\n --settings-header-icon: #8aadf4;\n --settings-widget-text: #a5adcb;\n --settings-item-text: #cad3f5;\n --settings-item-icon: #8aadf4;\n --settings-item-border: #6e738d;\n --settings-item-border-2: #939ab7;\n --settings-btn-bg: #363a4f;\n --settings-btn-text: #cad3f5;\n --settings-widget-outline: #6e738d;\n --settings-independent-score: #8aadf4;\n --settings-global-score: #f5a97f;\n --brave-supporter-bg: #24273a;\n --brave-supporter-text: #cad3f5;\n --context-menu-header-border: #6e738d;\n --color-primary: #cad3f5;\n --color-primary-2: #b8c0e0;\n --color-primary-3: #a5adcb;\n --color-white: #cad3f5;\n --color-gray-2: #b8c0e0;\n --color-gray-3: #a5adcb;\n --color-gray-4: #939ab7;\n --color-gray-5: #8087a2;\n --color-gray-6: #6e738d;\n --color-green: #a6da95;\n --color-red: #ed8796;\n --color-blue: #8aadf4;\n --info-color: #8aadf4;\n --link-primary: #8aadf4;\n --link-secondary: #8aadf4;\n --link-visited: #c6a0f6;\n --snippet-url: #a5adcb;\n --separator-dot: #6e738d;\n --theme-purple: #c6a0f6;\n --theme-yellow: #eed49f;\n --border-color: #6e738d;\n --blurple-300: #b7bdf8;\n --text-01: #cad3f5;\n --text-02: #b8c0e0;\n --text-03: #a5adcb;\n --interactive-04: #8aadf4;\n --interactive-05: #8aadf4;\n --interactive-06: #8aadf4;\n --interactive-07: #8aadf4;\n --interactive-08: #8aadf4;\n --focus-border: #939ab7;\n --divider-01: #6e738d;\n --disabled: #8087a2;\n --btn-filled-bg: #363a4f;\n --btn-filled-bg-hover: #494d64;\n --btn-filled-text-active: #cad3f5;\n --btn-filled-bg-active: #5b6078;\n --btn-filled-text-disabled: #8087a2;\n --btn-outline-border: #6e738d;\n --btn-outline-border-hover: #8087a2;\n --btn-outline-text: #cad3f5;\n --btn-outline-text-hover: #b8c0e0;\n --btn-outline-text-active: #cad3f5;\n --btn-outline-border-active: #939ab7;\n --btn-outline-text-disabled: #8087a2;\n --btn-icon-svg-hover: #b8c0e0;\n --btn-icon-bg-hover: #494d64;\n --btn-icon-svg-active: #cad3f5;\n --code-bg-0: #24273a;\n --code-border: #6e738d;\n --code-color-1: #363a4f;\n --code-color-2: #cad3f5;\n --code-color-3: #a6da95;\n --code-color-4: #8aadf4;\n --code-color-5: #f5bde6;\n --search-bgd-01: #6e738d;\n --search-bgd-02: #24273a;\n --search-bgd-03: #181926;\n --search-bgd-04: #1e2030;\n --search-bgd-05: #24273a;\n --search-bgd-06: #363a4f;\n --search-bgd-07: #1e2030;\n --search-bgd-08: #181926;\n --search-line-01: #363a4f;\n --search-line-02: #a5adcb;\n --search-text-01: #cad3f5;\n --search-text-02: #b8c0e0;\n --search-text-03: #a5adcb;\n --search-text-04: #a5adcb;\n --search-text-05: #8aadf4;\n --search-text-06: #6e738d;\n --search-text-09: #eed49f;\n --search-text-10: #f5a97f;\n --search-interactive-01: #8aadf4;\n --search-interactive-02: #c6a0f6;\n --search-interactive-03: #c6a0f6;\n --search-interactive-04: #91d7e3;\n --search-interactive-05: #c6a0f6;\n --gray-30: #24273a;\n --gray-60: #363a4f;\n --gray-90: #6e738d;\n --gray-110: #a5adcb;\n --gray-120: #cad3f5;\n --secondary-90: #b7bdf8;\n }\n :root.light #searchform > .searchbox-wrapper::after {\n background-image: none;\n }\n :root.dark {\n color-scheme: dark;\n --color-container-highlight: #181926;\n --search-serp-container-background: #1e2030;\n --body-bg: #24273a;\n --bg-glassy: #1e2030;\n --bg-1: #494d64;\n --bg-2: #363a4f;\n --bg-02: #181926;\n --bg-04: #1e2030;\n --bg-green: #a6da95;\n --bg-blue: #8aadf4;\n --bg-red: #ed8796;\n --bg-favicon: #494d64;\n --bg-form-control-selected: #5b6078;\n --bg-form-control-unselected: #363a4f;\n --form-control-selected: #8aadf4;\n --form-control-hover: #b7bdf8;\n --form-control-focus: #cad3f5;\n --settings-header-bg: #1e2030;\n --settings-header-text: #cad3f5;\n --settings-header-icon: #8aadf4;\n --settings-widget-text: #a5adcb;\n --settings-item-text: #cad3f5;\n --settings-item-icon: #8aadf4;\n --settings-item-border: #6e738d;\n --settings-item-border-2: #939ab7;\n --settings-btn-bg: #363a4f;\n --settings-btn-text: #cad3f5;\n --settings-widget-outline: #6e738d;\n --settings-independent-score: #8aadf4;\n --settings-global-score: #f5a97f;\n --brave-supporter-bg: #24273a;\n --brave-supporter-text: #cad3f5;\n --context-menu-header-border: #6e738d;\n --color-primary: #cad3f5;\n --color-primary-2: #b8c0e0;\n --color-primary-3: #a5adcb;\n --color-white: #cad3f5;\n --color-gray-2: #b8c0e0;\n --color-gray-3: #a5adcb;\n --color-gray-4: #939ab7;\n --color-gray-5: #8087a2;\n --color-gray-6: #6e738d;\n --color-green: #a6da95;\n --color-red: #ed8796;\n --color-blue: #8aadf4;\n --info-color: #8aadf4;\n --link-primary: #8aadf4;\n --link-secondary: #8aadf4;\n --link-visited: #c6a0f6;\n --snippet-url: #a5adcb;\n --separator-dot: #6e738d;\n --theme-purple: #c6a0f6;\n --theme-yellow: #eed49f;\n --border-color: #6e738d;\n --blurple-300: #b7bdf8;\n --text-01: #cad3f5;\n --text-02: #b8c0e0;\n --text-03: #a5adcb;\n --interactive-04: #8aadf4;\n --interactive-05: #8aadf4;\n --interactive-06: #8aadf4;\n --interactive-07: #8aadf4;\n --interactive-08: #8aadf4;\n --focus-border: #939ab7;\n --divider-01: #6e738d;\n --disabled: #8087a2;\n --btn-filled-bg: #363a4f;\n --btn-filled-bg-hover: #494d64;\n --btn-filled-text-active: #cad3f5;\n --btn-filled-bg-active: #5b6078;\n --btn-filled-text-disabled: #8087a2;\n --btn-outline-border: #6e738d;\n --btn-outline-border-hover: #8087a2;\n --btn-outline-text: #cad3f5;\n --btn-outline-text-hover: #b8c0e0;\n --btn-outline-text-active: #cad3f5;\n --btn-outline-border-active: #939ab7;\n --btn-outline-text-disabled: #8087a2;\n --btn-icon-svg-hover: #b8c0e0;\n --btn-icon-bg-hover: #494d64;\n --btn-icon-svg-active: #cad3f5;\n --code-bg-0: #24273a;\n --code-border: #6e738d;\n --code-color-1: #363a4f;\n --code-color-2: #cad3f5;\n --code-color-3: #a6da95;\n --code-color-4: #8aadf4;\n --code-color-5: #f5bde6;\n --search-bgd-01: #6e738d;\n --search-bgd-02: #24273a;\n --search-bgd-03: #181926;\n --search-bgd-04: #1e2030;\n --search-bgd-05: #24273a;\n --search-bgd-06: #363a4f;\n --search-bgd-07: #1e2030;\n --search-bgd-08: #181926;\n --search-line-01: #363a4f;\n --search-line-02: #a5adcb;\n --search-text-01: #cad3f5;\n --search-text-02: #b8c0e0;\n --search-text-03: #a5adcb;\n --search-text-04: #a5adcb;\n --search-text-05: #8aadf4;\n --search-text-06: #6e738d;\n --search-text-09: #eed49f;\n --search-text-10: #f5a97f;\n --search-interactive-01: #8aadf4;\n --search-interactive-02: #c6a0f6;\n --search-interactive-03: #c6a0f6;\n --search-interactive-04: #91d7e3;\n --search-interactive-05: #c6a0f6;\n --gray-30: #24273a;\n --gray-60: #363a4f;\n --gray-90: #6e738d;\n --gray-110: #a5adcb;\n --gray-120: #cad3f5;\n --secondary-90: #b7bdf8;\n }\n :root.dark #searchform > .searchbox-wrapper::after {\n background-image: none;\n }\n @media (prefers-color-scheme: light) {\n :root:not(.light, .dark) {\n color-scheme: dark;\n --color-container-highlight: #181926;\n --search-serp-container-background: #1e2030;\n --body-bg: #24273a;\n --bg-glassy: #1e2030;\n --bg-1: #494d64;\n --bg-2: #363a4f;\n --bg-02: #181926;\n --bg-04: #1e2030;\n --bg-green: #a6da95;\n --bg-blue: #8aadf4;\n --bg-red: #ed8796;\n --bg-favicon: #494d64;\n --bg-form-control-selected: #5b6078;\n --bg-form-control-unselected: #363a4f;\n --form-control-selected: #8aadf4;\n --form-control-hover: #b7bdf8;\n --form-control-focus: #cad3f5;\n --settings-header-bg: #1e2030;\n --settings-header-text: #cad3f5;\n --settings-header-icon: #8aadf4;\n --settings-widget-text: #a5adcb;\n --settings-item-text: #cad3f5;\n --settings-item-icon: #8aadf4;\n --settings-item-border: #6e738d;\n --settings-item-border-2: #939ab7;\n --settings-btn-bg: #363a4f;\n --settings-btn-text: #cad3f5;\n --settings-widget-outline: #6e738d;\n --settings-independent-score: #8aadf4;\n --settings-global-score: #f5a97f;\n --brave-supporter-bg: #24273a;\n --brave-supporter-text: #cad3f5;\n --context-menu-header-border: #6e738d;\n --color-primary: #cad3f5;\n --color-primary-2: #b8c0e0;\n --color-primary-3: #a5adcb;\n --color-white: #cad3f5;\n --color-gray-2: #b8c0e0;\n --color-gray-3: #a5adcb;\n --color-gray-4: #939ab7;\n --color-gray-5: #8087a2;\n --color-gray-6: #6e738d;\n --color-green: #a6da95;\n --color-red: #ed8796;\n --color-blue: #8aadf4;\n --info-color: #8aadf4;\n --link-primary: #8aadf4;\n --link-secondary: #8aadf4;\n --link-visited: #c6a0f6;\n --snippet-url: #a5adcb;\n --separator-dot: #6e738d;\n --theme-purple: #c6a0f6;\n --theme-yellow: #eed49f;\n --border-color: #6e738d;\n --blurple-300: #b7bdf8;\n --text-01: #cad3f5;\n --text-02: #b8c0e0;\n --text-03: #a5adcb;\n --interactive-04: #8aadf4;\n --interactive-05: #8aadf4;\n --interactive-06: #8aadf4;\n --interactive-07: #8aadf4;\n --interactive-08: #8aadf4;\n --focus-border: #939ab7;\n --divider-01: #6e738d;\n --disabled: #8087a2;\n --btn-filled-bg: #363a4f;\n --btn-filled-bg-hover: #494d64;\n --btn-filled-text-active: #cad3f5;\n --btn-filled-bg-active: #5b6078;\n --btn-filled-text-disabled: #8087a2;\n --btn-outline-border: #6e738d;\n --btn-outline-border-hover: #8087a2;\n --btn-outline-text: #cad3f5;\n --btn-outline-text-hover: #b8c0e0;\n --btn-outline-text-active: #cad3f5;\n --btn-outline-border-active: #939ab7;\n --btn-outline-text-disabled: #8087a2;\n --btn-icon-svg-hover: #b8c0e0;\n --btn-icon-bg-hover: #494d64;\n --btn-icon-svg-active: #cad3f5;\n --code-bg-0: #24273a;\n --code-border: #6e738d;\n --code-color-1: #363a4f;\n --code-color-2: #cad3f5;\n --code-color-3: #a6da95;\n --code-color-4: #8aadf4;\n --code-color-5: #f5bde6;\n --search-bgd-01: #6e738d;\n --search-bgd-02: #24273a;\n --search-bgd-03: #181926;\n --search-bgd-04: #1e2030;\n --search-bgd-05: #24273a;\n --search-bgd-06: #363a4f;\n --search-bgd-07: #1e2030;\n --search-bgd-08: #181926;\n --search-line-01: #363a4f;\n --search-line-02: #a5adcb;\n --search-text-01: #cad3f5;\n --search-text-02: #b8c0e0;\n --search-text-03: #a5adcb;\n --search-text-04: #a5adcb;\n --search-text-05: #8aadf4;\n --search-text-06: #6e738d;\n --search-text-09: #eed49f;\n --search-text-10: #f5a97f;\n --search-interactive-01: #8aadf4;\n --search-interactive-02: #c6a0f6;\n --search-interactive-03: #c6a0f6;\n --search-interactive-04: #91d7e3;\n --search-interactive-05: #c6a0f6;\n --gray-30: #24273a;\n --gray-60: #363a4f;\n --gray-90: #6e738d;\n --gray-110: #a5adcb;\n --gray-120: #cad3f5;\n --secondary-90: #b7bdf8;\n }\n :root:not(.light, .dark) #searchform > .searchbox-wrapper::after {\n background-image: none;\n }\n }\n @media (prefers-color-scheme: dark) {\n :root:not(.light, .dark) {\n color-scheme: dark;\n --color-container-highlight: #181926;\n --search-serp-container-background: #1e2030;\n --body-bg: #24273a;\n --bg-glassy: #1e2030;\n --bg-1: #494d64;\n --bg-2: #363a4f;\n --bg-02: #181926;\n --bg-04: #1e2030;\n --bg-green: #a6da95;\n --bg-blue: #8aadf4;\n --bg-red: #ed8796;\n --bg-favicon: #494d64;\n --bg-form-control-selected: #5b6078;\n --bg-form-control-unselected: #363a4f;\n --form-control-selected: #8aadf4;\n --form-control-hover: #b7bdf8;\n --form-control-focus: #cad3f5;\n --settings-header-bg: #1e2030;\n --settings-header-text: #cad3f5;\n --settings-header-icon: #8aadf4;\n --settings-widget-text: #a5adcb;\n --settings-item-text: #cad3f5;\n --settings-item-icon: #8aadf4;\n --settings-item-border: #6e738d;\n --settings-item-border-2: #939ab7;\n --settings-btn-bg: #363a4f;\n --settings-btn-text: #cad3f5;\n --settings-widget-outline: #6e738d;\n --settings-independent-score: #8aadf4;\n --settings-global-score: #f5a97f;\n --brave-supporter-bg: #24273a;\n --brave-supporter-text: #cad3f5;\n --context-menu-header-border: #6e738d;\n --color-primary: #cad3f5;\n --color-primary-2: #b8c0e0;\n --color-primary-3: #a5adcb;\n --color-white: #cad3f5;\n --color-gray-2: #b8c0e0;\n --color-gray-3: #a5adcb;\n --color-gray-4: #939ab7;\n --color-gray-5: #8087a2;\n --color-gray-6: #6e738d;\n --color-green: #a6da95;\n --color-red: #ed8796;\n --color-blue: #8aadf4;\n --info-color: #8aadf4;\n --link-primary: #8aadf4;\n --link-secondary: #8aadf4;\n --link-visited: #c6a0f6;\n --snippet-url: #a5adcb;\n --separator-dot: #6e738d;\n --theme-purple: #c6a0f6;\n --theme-yellow: #eed49f;\n --border-color: #6e738d;\n --blurple-300: #b7bdf8;\n --text-01: #cad3f5;\n --text-02: #b8c0e0;\n --text-03: #a5adcb;\n --interactive-04: #8aadf4;\n --interactive-05: #8aadf4;\n --interactive-06: #8aadf4;\n --interactive-07: #8aadf4;\n --interactive-08: #8aadf4;\n --focus-border: #939ab7;\n --divider-01: #6e738d;\n --disabled: #8087a2;\n --btn-filled-bg: #363a4f;\n --btn-filled-bg-hover: #494d64;\n --btn-filled-text-active: #cad3f5;\n --btn-filled-bg-active: #5b6078;\n --btn-filled-text-disabled: #8087a2;\n --btn-outline-border: #6e738d;\n --btn-outline-border-hover: #8087a2;\n --btn-outline-text: #cad3f5;\n --btn-outline-text-hover: #b8c0e0;\n --btn-outline-text-active: #cad3f5;\n --btn-outline-border-active: #939ab7;\n --btn-outline-text-disabled: #8087a2;\n --btn-icon-svg-hover: #b8c0e0;\n --btn-icon-bg-hover: #494d64;\n --btn-icon-svg-active: #cad3f5;\n --code-bg-0: #24273a;\n --code-border: #6e738d;\n --code-color-1: #363a4f;\n --code-color-2: #cad3f5;\n --code-color-3: #a6da95;\n --code-color-4: #8aadf4;\n --code-color-5: #f5bde6;\n --search-bgd-01: #6e738d;\n --search-bgd-02: #24273a;\n --search-bgd-03: #181926;\n --search-bgd-04: #1e2030;\n --search-bgd-05: #24273a;\n --search-bgd-06: #363a4f;\n --search-bgd-07: #1e2030;\n --search-bgd-08: #181926;\n --search-line-01: #363a4f;\n --search-line-02: #a5adcb;\n --search-text-01: #cad3f5;\n --search-text-02: #b8c0e0;\n --search-text-03: #a5adcb;\n --search-text-04: #a5adcb;\n --search-text-05: #8aadf4;\n --search-text-06: #6e738d;\n --search-text-09: #eed49f;\n --search-text-10: #f5a97f;\n --search-interactive-01: #8aadf4;\n --search-interactive-02: #c6a0f6;\n --search-interactive-03: #c6a0f6;\n --search-interactive-04: #91d7e3;\n --search-interactive-05: #c6a0f6;\n --gray-30: #24273a;\n --gray-60: #363a4f;\n --gray-90: #6e738d;\n --gray-110: #a5adcb;\n --gray-120: #cad3f5;\n --secondary-90: #b7bdf8;\n }\n :root:not(.light, .dark) #searchform > .searchbox-wrapper::after {\n background-image: none;\n }\n }\n /* prettier-ignore */", "start": 735, "domains": [ "search.brave.com" ] } ], - "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.3\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):not(.dark) {\n @media (prefers-color-scheme: light) {\n #catppuccin(@lightFlavor);\n }\n @media (prefers-color-scheme: dark) {\n #catppuccin(@darkFlavor);\n }\n }\n\n @catppuccin: {\n @latte: {\n @color-scheme: light;\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @color-scheme: dark;\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @color-scheme: dark;\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @color-scheme: dark;\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\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 & {\n color-scheme: @color;\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\n #searchform > .searchbox-wrapper::after {\n background-image: none;\n }\n }\n}\n", + "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", "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.3", + "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", @@ -2479,12 +2401,12 @@ "author": "Catppuccin", "description": "Soothing pastel theme for Brave Search", "name": "Brave Search Catppuccin", - "originalDigest": "4f10a97c7712db8f06f3fd19dbe2e63f5783332c", + "originalDigest": "c24e0bcf430f290b96cde94a4b49858733785df6", "_id": "8d7c5abd-49c7-4900-a70b-e3c3a2c82fcb", - "_rev": 1698793931795, + "_rev": 1700556858338, "id": 47, - "etag": "W/\"53aa61cd589e4c7629d6c7e6cc66c5f3cc85c47359f5f6e3274f38b4887d18c9\"", - "updateDate": 1695978148719 + "etag": "W/\"88a0d194c268ab91879cc7f1c4d9de7c58b1b11d46649d4c6ff50161fd25c4b3\"", + "updateDate": 1700556858316 }, { "enabled": true, @@ -3174,7 +3096,7 @@ "start": 0 }, { - "code": ":root body,\n :root drawer-menu,\n :root .list-bg {\n background-color: #1e2030 !important;\n color: #cad3f5;\n }\n :root .list-row {\n background-color: #24273a;\n }\n :root .odd-row {\n background-color: #363a4f;\n }\n :root .header-nav {\n background-color: #24273a;\n }\n :root .elevated-bg,\n :root .folder-column,\n :root div[aria-modal] {\n background-color: #24273a !important;\n }\n :root .dropdown-button,\n :root .dropdown-button div {\n color: #cad3f5 !important;\n }\n :root .dropdown-button:hover {\n background-color: #494d64 !important;\n }\n :root .row-selected {\n border-color: #ed8796 !important;\n color: #ed8796 !important;\n }\n :root .row-selected > .nav-button {\n color: #ed8796 !important;\n }\n :root .row-selected > .nav-button > .icon {\n fill: #ed8796 !important;\n }\n :root .secondary {\n color: #ed8796 !important;\n }\n :root .nav-button,\n :root .sidebar-section.mb {\n color: #a5adcb !important;\n }\n :root .icon.icon-large,\n :root .nav-button .icon {\n fill: #a5adcb !important;\n }\n :root .bubble {\n background-color: #24273a;\n color: #cad3f5;\n }\n :root :where(.mouse-nav) .state-bg:hover,\n :root :where(.keyboard-nav) .state-bg:hover,\n :root [style*=\"background: rgba(139, 139, 139, 0.22)\"] {\n background-color: #363a4f !important;\n }\n :root .nav-bg,\n :root .content-bg,\n :root [style*=\"background-color: rgb(35, 35, 35)\"] {\n background-color: #24273a !important;\n }\n :root [style*=\"background-color: rgb(17, 17, 17);\"] {\n background-color: #1e2030 !important;\n }\n :root [style*=\"background-color: rgba(139, 139, 139, 0.22);\"] {\n background-color: #363a4f !important;\n }\n :root [style*=\"background-color: rgba(139, 139, 139, 0.38);\"] {\n background-color: #494d64 !important;\n }\n :root [style*=\"color: rgb(221, 221, 221);\"] {\n color: #cad3f5 !important;\n }\n :root [style*=\"color: rgb(174, 174, 174);\"] {\n color: #b8c0e0 !important;\n }\n :root .teamLabel {\n background-color: #ed8796;\n color: #1e2030;\n }\n :root [style*=\"border: 2px solid rgb(0, 210, 167);\"] {\n border-color: #ed8796 !important;\n }\n :root [style*=\"color: rgb(0, 210, 167);\"] {\n color: #ed8796 !important;\n }\n :root button.expander {\n color: #a5adcb !important;\n }\n :root .logo-height > svg:nth-child(1) > path:nth-child(2) {\n fill: #ed8796 !important;\n }\n :root ::-webkit-scrollbar-thumb {\n background-color: #494d64;\n }", + "code": ":root body,\n :root drawer-menu,\n :root .list-bg {\n background-color: #1e2030 !important;\n color: #cad3f5;\n }\n :root .list-row {\n background-color: #24273a;\n }\n :root .odd-row {\n background-color: #363a4f;\n }\n :root .header-nav {\n background-color: #24273a;\n }\n :root .elevated-bg,\n :root .folder-column,\n :root div[aria-modal] {\n background-color: #24273a !important;\n }\n :root .dropdown-button,\n :root .dropdown-button div {\n color: #cad3f5 !important;\n }\n :root .dropdown-button:hover {\n background-color: #494d64 !important;\n }\n :root .row-selected {\n border-color: #b7bdf8 !important;\n color: #b7bdf8 !important;\n }\n :root .row-selected > .nav-button {\n color: #b7bdf8 !important;\n }\n :root .row-selected > .nav-button > .icon {\n fill: #b7bdf8 !important;\n }\n :root .secondary {\n color: #b7bdf8 !important;\n }\n :root .nav-button,\n :root .sidebar-section.mb {\n color: #a5adcb !important;\n }\n :root .icon.icon-large,\n :root .nav-button .icon {\n fill: #a5adcb !important;\n }\n :root .bubble {\n background-color: #24273a;\n color: #cad3f5;\n }\n :root :where(.mouse-nav) .state-bg:hover,\n :root :where(.keyboard-nav) .state-bg:hover,\n :root [style*=\"background: rgba(139, 139, 139, 0.22)\"] {\n background-color: #363a4f !important;\n }\n :root .nav-bg,\n :root .content-bg,\n :root [style*=\"background-color: rgb(35, 35, 35)\"] {\n background-color: #24273a !important;\n }\n :root [style*=\"background-color: rgb(17, 17, 17);\"] {\n background-color: #1e2030 !important;\n }\n :root [style*=\"background-color: rgba(139, 139, 139, 0.22);\"] {\n background-color: #363a4f !important;\n }\n :root [style*=\"background-color: rgba(139, 139, 139, 0.38);\"] {\n background-color: #494d64 !important;\n }\n :root [style*=\"color: rgb(221, 221, 221);\"] {\n color: #cad3f5 !important;\n }\n :root [style*=\"color: rgb(174, 174, 174);\"] {\n color: #b8c0e0 !important;\n }\n :root .teamLabel {\n background-color: #b7bdf8;\n color: #1e2030;\n }\n :root [style*=\"border: 2px solid rgb(0, 210, 167);\"] {\n border-color: #b7bdf8 !important;\n }\n :root [style*=\"color: rgb(0, 210, 167);\"] {\n color: #b7bdf8 !important;\n }\n :root button.expander {\n color: #a5adcb !important;\n }\n :root .logo-height > svg:nth-child(1) > path:nth-child(2) {\n fill: #b7bdf8 !important;\n }\n :root ::-webkit-scrollbar-thumb {\n background-color: #494d64;\n }\n /* prettier-ignore */", "start": 900, "domains": [ "app.tuta.com", @@ -3182,7 +3104,7 @@ ] } ], - "sourceCode": "/* ==UserStyle==\n@name Tutanota Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/tutanota\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/tutanota\n@version 0.0.5\n@description Soothing pastel theme for Tutanota\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/tutanota/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 @catppuccin: {\n @latte: {\n @rosewater: #dc8a78;\n @flamingo: #dd7878;\n @pink: #ea76cb;\n @mauve: #8839ef;\n @red: #d20f39;\n @maroon: #e64553;\n @peach: #fe640b;\n @yellow: #df8e1d;\n @green: #40a02b;\n @teal: #179299;\n @sky: #04a5e5;\n @sapphire: #209fb5;\n @blue: #1e66f5;\n @lavender: #7287fd;\n @text: #4c4f69;\n @subtext1: #5c5f77;\n @subtext0: #6c6f85;\n @overlay2: #7c7f93;\n @overlay1: #8c8fa1;\n @overlay0: #9ca0b0;\n @surface2: #acb0be;\n @surface1: #bcc0cc;\n @surface0: #ccd0da;\n @base: #eff1f5;\n @mantle: #e6e9ef;\n @crust: #dce0e8;\n };\n @frappe: {\n @rosewater: #f2d5cf;\n @flamingo: #eebebe;\n @pink: #f4b8e4;\n @mauve: #ca9ee6;\n @red: #e78284;\n @maroon: #ea999c;\n @peach: #ef9f76;\n @yellow: #e5c890;\n @green: #a6d189;\n @teal: #81c8be;\n @sky: #99d1db;\n @sapphire: #85c1dc;\n @blue: #8caaee;\n @lavender: #babbf1;\n @text: #c6d0f5;\n @subtext1: #b5bfe2;\n @subtext0: #a5adce;\n @overlay2: #949cbb;\n @overlay1: #838ba7;\n @overlay0: #737994;\n @surface2: #626880;\n @surface1: #51576d;\n @surface0: #414559;\n @base: #303446;\n @mantle: #292c3c;\n @crust: #232634;\n };\n @macchiato: {\n @rosewater: #f4dbd6;\n @flamingo: #f0c6c6;\n @pink: #f5bde6;\n @mauve: #c6a0f6;\n @red: #ed8796;\n @maroon: #ee99a0;\n @peach: #f5a97f;\n @yellow: #eed49f;\n @green: #a6da95;\n @teal: #8bd5ca;\n @sky: #91d7e3;\n @sapphire: #7dc4e4;\n @blue: #8aadf4;\n @lavender: #b7bdf8;\n @text: #cad3f5;\n @subtext1: #b8c0e0;\n @subtext0: #a5adcb;\n @overlay2: #939ab7;\n @overlay1: #8087a2;\n @overlay0: #6e738d;\n @surface2: #5b6078;\n @surface1: #494d64;\n @surface0: #363a4f;\n @base: #24273a;\n @mantle: #1e2030;\n @crust: #181926;\n };\n @mocha: {\n @rosewater: #f5e0dc;\n @flamingo: #f2cdcd;\n @pink: #f5c2e7;\n @mauve: #cba6f7;\n @red: #f38ba8;\n @maroon: #eba0ac;\n @peach: #fab387;\n @yellow: #f9e2af;\n @green: #a6e3a1;\n @teal: #94e2d5;\n @sky: #89dceb;\n @sapphire: #74c7ec;\n @blue: #89b4fa;\n @lavender: #b4befe;\n @text: #cdd6f4;\n @subtext1: #bac2de;\n @subtext0: #a6adc8;\n @overlay2: #9399b2;\n @overlay1: #7f849c;\n @overlay0: #6c7086;\n @surface2: #585b70;\n @surface1: #45475a;\n @surface0: #313244;\n @base: #1e1e2e;\n @mantle: #181825;\n @crust: #11111b;\n };\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", + "sourceCode": "/* ==UserStyle==\n@name Tutanota Catppuccin\n@namespace github.com/catppuccin/userstyles/styles/tutanota\n@homepageURL \thttps://github.com/catppuccin/userstyles/tree/main/styles/tutanota\n@version 0.0.5\n@description Soothing pastel theme for Tutanota\n@author Catppuccin\n@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/tutanota/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", "usercssData": { "name": "Tutanota Catppuccin", "namespace": "github.com/catppuccin/userstyles/styles/tutanota", @@ -3227,7 +3149,7 @@ "type": "select", "label": "Accent", "name": "accentSelect", - "value": null, + "value": "lavender", "default": "red", "options": [ { @@ -3312,9 +3234,9 @@ "author": "Catppuccin", "description": "Soothing pastel theme for Tutanota", "name": "Tutanota Catppuccin", - "originalDigest": "86fe540e0f0f0cb4876f12c78adbca8951dbbe06", + "originalDigest": "d61257b691a31db7af285f0be853def93f32e2d7", "_id": "e736e6c6-f6a3-41e8-8ae1-5679d7f12fdf", - "_rev": 1700087372670, + "_rev": 1700768733601, "id": 51, "etag": "W/\"165f03981495a702f23f6af40d4aa71ac4a510c445ea4dc2e427286a6ec6e85f\"", "updateDate": 1700087372660 @@ -3600,41 +3522,41 @@ "installDate": 1690127369964, "sections": [ { - "code": "/* ==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.1.10\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== */", + "code": "/* ==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.0\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== */", "start": 0 }, { - "code": "/* youtube.com */\n :root[dark] {\n /* apply everywhere */\n /* general colors */\n /* selected chapter */\n /* playlist selector */\n /* explandable meta */\n /* volume bar */\n /* new videos dot */\n /* subtitle */\n /* menu items */\n /* checkbox subitem */\n /* link */\n /* private video warning */\n /* search results */\n /* Results backgrounds */\n /* Transcript Button */\n /* text color */\n /* Hover and keyboard select background */\n /* Keyboard select text color and hover text color */\n /* exmplation box */\n /* custom likes + anims */\n /* iv branding */\n /* Popup for when you hover over the channel avatar in the video */\n /* Cards */\n /* Player tooltip background */\n /* Temporary fix */\n /* live badges */\n /* notification idicator */\n /* bell next to subscription button */\n /* creator badges */\n /* disable ambient mode */\n /* badges e.g. popular */\n /* Search border */\n /* New Feature inline banner */\n /* Chapter overview buttons */\n /* Error page */\n /* channel homepage */\n /* selected tab */\n /* unselected */\n /* hover */\n /* hopefully temporary */\n /* Scrollbar */\n /* text highlight */\n }\n :root[dark],\n :root[dark] [dark],\n :root[dark] html,\n :root[dark] html[system-icons][dark],\n :root[dark] html[system-icons] [dark],\n :root[dark] html[darker-dark-theme][dark],\n :root[dark] [darker-dark-theme] [dark] {\n --yt-spec-white-1: #cad3f5 !important;\n --yt-spec-white-2: #a5adcb !important;\n --yt-spec-white-3: #b8c0e0 !important;\n --yt-spec-white-4: #a6b0d8 !important;\n --yt-spec-black-1: #8087a2 !important;\n --yt-spec-black-2: #6e738d !important;\n --yt-spec-black-3: #5b6078 !important;\n --yt-spec-black-4: #494d64 !important;\n --yt-spec-black-pure: #363a4f !important;\n --yt-spec-grey-1: #cad3f5 !important;\n --yt-spec-grey-2: #a5adcb !important;\n --yt-spec-grey-3: #b8c0e0 !important;\n --yt-spec-grey-4: #939ab7 !important;\n --yt-spec-grey-5: #8087a2 !important;\n --yt-brand-youtube-red: #b7bdf8 !important;\n --yt-brand-medium-red: #b7bdf8 !important;\n --yt-brand-light-red: #b7bdf8 !important;\n --yt-spec-red-30: #f5a97f !important;\n --yt-spec-red-70: #ed8796 !important;\n --yt-spec-pale-blue: #91d7e3 !important;\n --yt-spec-light-blue: #91d7e3 !important;\n --yt-spec-dark-blue: #7dc4e4 !important;\n --yt-spec-navy-blue: #8bd5ca !important;\n --yt-spec-light-green: #a6da95 !important;\n --yt-spec-dark-green: #a6da95 !important;\n --yt-spec-yellow: #f5a97f !important;\n --yt-spec-black-pure-alpha-5: rgba(24, 25, 38, 0.9995) !important;\n --yt-spec-black-pure-alpha-10: rgba(24, 25, 38, 0.999) !important;\n --yt-spec-black-pure-alpha-15: rgba(24, 25, 38, 0.9985) !important;\n --yt-spec-black-pure-alpha-30: rgba(24, 25, 38, 0.997) !important;\n --yt-spec-black-pure-alpha-60: rgba(24, 25, 38, 0.994) !important;\n --yt-spec-black-pure-alpha-80: rgba(24, 25, 38, 0.992) !important;\n --yt-spec-black-1-alpha-98: rgba(24, 25, 38, 0.9902) !important;\n --yt-spec-black-1-alpha-95: rgba(24, 25, 38, 0.9905) !important;\n --yt-spec-white-1-alpha-10: rgba(202, 211, 245, 0.999) !important;\n --yt-spec-white-1-alpha-20: rgba(202, 211, 245, 0.998) !important;\n --yt-spec-white-1-alpha-25: rgba(202, 211, 245, 0.9975) !important;\n --yt-spec-white-1-alpha-30: rgba(202, 211, 245, 0.997) !important;\n --yt-spec-white-1-alpha-70: rgba(202, 211, 245, 0.993) !important;\n --yt-spec-white-1-alpha-95: rgba(202, 211, 245, 0.9905) !important;\n --yt-spec-white-1-alpha-98: rgba(202, 211, 245, 0.9902) !important;\n --yt-brand-medium-red-alpha-90: rgba(183, 189, 248, 0.991) !important;\n --yt-brand-medium-red-alpha-30: rgba(183, 189, 248, 0.997) !important;\n --yt-brand-light-red-alpha-30: rgba(183, 189, 248, 0.997) !important;\n --yt-spec-light-blue-alpha-30: rgba(125, 196, 228, 0.997) !important;\n --yt-spec-dark-blue-alpha-30: rgba(125, 196, 228, 0.997) !important;\n --yt-spec-base-background: #24273a !important;\n --yt-spec-raised-background: #1e2030 !important;\n --yt-spec-menu-background: #1e2030 !important;\n --yt-spec-inverted-background: #cad3f5 !important;\n --yt-spec-additive-background: rgba(54, 58, 79, 0.999) !important;\n --yt-spec-outline: #363a4f !important;\n --yt-spec-shadow: rgba(24, 25, 38, 0.9975) !important;\n --yt-spec-text-primary: #cad3f5 !important;\n --yt-spec-text-secondary: #a5adcb !important;\n --yt-spec-text-disabled: #b8c0e0 !important;\n --yt-spec-text-primary-inverse: #181926 !important;\n --yt-spec-call-to-action: #b7bdf8 !important;\n --yt-spec-call-to-action-inverse: #b7bdf8 !important;\n --yt-spec-suggested-action: rgba(183, 189, 248, 0.2) !important;\n --yt-spec-suggested-action-inverse: #cad3f5 !important;\n --yt-spec-icon-active-other: #6e738d !important;\n --yt-spec-button-chip-background-hover: #494d64 !important;\n --yt-spec-touch-response: #363a4f !important;\n --yt-spec-touch-response-inverse: #b7bdf8 !important;\n --yt-spec-brand-icon-active: #b7bdf8 !important;\n --yt-spec-brand-button-background: #b7bdf8 !important;\n --yt-spec-brand-link-text: #7dc4e4 !important;\n --yt-spec-wordmark-text: #cad3f5 !important;\n --yt-spec-error-indicator: #ed8796 !important;\n --yt-spec-themed-blue: #91d7e3 !important;\n --yt-spec-themed-green: #a6da95 !important;\n --yt-spec-ad-indicator: #8bd5ca !important;\n --yt-spec-themed-overlay-background: rgba(24, 25, 38, 0.992) !important;\n --yt-spec-commerce-badge-background: #a6da95 !important;\n --yt-spec-static-brand-red: #b7bdf8 !important;\n --yt-spec-static-brand-white: #cad3f5 !important;\n --yt-spec-static-brand-black: #24273a !important;\n --yt-spec-static-clear-color: #181926 !important;\n --yt-spec-static-clear-black: #181926 !important;\n --yt-spec-static-ad-yellow: #f5a97f !important;\n --yt-spec-static-grey: #a5adcb !important;\n --yt-spec-static-overlay-background-solid: #181926 !important;\n --yt-spec-static-overlay-background-heavy: #363a4f !important;\n --yt-spec-static-overlay-background-medium: rgba(24, 25, 38, 0.994) !important;\n --yt-spec-static-overlay-background-medium-light: rgba(24, 25, 38, 0.997) !important;\n --yt-spec-static-overlay-background-light: rgba(24, 25, 38, 0.999) !important;\n --yt-spec-static-overlay-text-primary: #cad3f5 !important;\n --yt-spec-static-overlay-text-secondary: rgba(165, 173, 203, 0.993) !important;\n --yt-spec-static-overlay-text-disabled: rgba(165, 173, 203, 0.997) !important;\n --yt-spec-static-overlay-call-to-action: #b7bdf8 !important;\n --yt-spec-static-overlay-icon-active-other: #cad3f5 !important;\n --yt-spec-static-overlay-icon-inactive: #494d64 !important;\n --yt-spec-static-overlay-icon-disabled: #5b6078 !important;\n --yt-spec-static-overlay-button-primary: #b7bdf8 !important;\n --yt-spec-static-overlay-button-secondary: #363a4f !important;\n --yt-spec-static-overlay-touch-response: #8087a2 !important;\n --yt-spec-static-overlay-touch-response-inverse: #494d64 !important;\n --yt-spec-static-overlay-background-brand: #b7bdf8 !important;\n --yt-spec-assistive-feed-themed-gradient-1: #a5adcb !important;\n --yt-spec-assistive-feed-themed-gradient-2: #b7bdf8 !important;\n --yt-spec-assistive-feed-themed-gradient-3: #ed8796 !important;\n --yt-spec-brand-background-solid: #24273a !important;\n --yt-spec-brand-background-primary: #24273a !important;\n --yt-spec-brand-background-secondary: #1e2030 !important;\n --yt-spec-general-background-a: #24273a !important;\n --yt-spec-general-background-b: #1e2030 !important;\n --yt-spec-general-background-c: #181926 !important;\n --yt-spec-error-background: #24273a !important;\n --yt-spec-10-percent-layer: #5b6078 !important;\n --yt-spec-snackbar-background: #1e2030 !important;\n --yt-spec-snackbar-background-updated: #1e2030 !important;\n --yt-spec-badge-chip-background: #494d64 !important;\n --yt-spec-verified-badge-background: #6e738d !important;\n --yt-spec-call-to-action-fadeoutd: rgba(125, 196, 228, 0.997) !important;\n --yt-spec-call-to-action-hover: #b7bdf8 !importantr;\n --yt-spec-brand-button-background-hover: #b7bdf8 !important;\n --yt-spec-brand-link-text-fadeoutd: rgba(183, 189, 248, 0.997) !important;\n --yt-spec-filled-button-focus-outline: #363a4f !important;\n --yt-spec-static-overlay-button-hover: #494d64 !important;\n --yt-spec-mono-filled-hover: #494d64 !important;\n --yt-spec-commerce-filled-hover: #b7bdf8 !important;\n --yt-spec-mono-tonal-hover: #494d64 !important;\n --yt-spec-commerce-tonal-hover: #5b6078 !important;\n --yt-spec-static-overlay-filled-hover: #8087a2 !important;\n --yt-spec-static-overlay-tonal-hover: #494d64 !important;\n --yt-spec-paper-tab-ink: rgba(202, 211, 245, 0.997);\n --yt-spec-filled-button-text: #cad3f5 !important;\n --yt-spec-selected-nav-text: #cad3f5 !important;\n --iron-icon-fill-color: #cad3f5 !important;\n /* Search bar */\n --ytd-searchbox-border-color: #363a4f !important;\n --ytd-searchbox-legacy-border-color: #363a4f !important;\n --ytd-searchbox-legacy-border-shadow-color: #181926 !important;\n --ytd-searchbox-legacy-button-color: #1e2030 !important;\n --ytd-searchbox-legacy-button-border-color: #363a4f !important;\n --ytd-searchbox-legacy-button-focus-color: #b7bdf8 !important;\n --ytd-searchbox-legacy-button-hover-color: #1e2030 !important;\n --ytd-searchbox-legacy-button-hover-border-color: #363a4f !important;\n --ytd-searchbox-legacy-button-icon-color: #b7bdf8 !important;\n --ytd-searchbox-background: #24273a !important;\n --ytd-searchbox-text-color: #cad3f5 !important;\n /* System icons */\n --yt-spec-icon-inactive: #6e738d !important;\n --yt-spec-icon-disabled: #8087a2 !important;\n --yt-spec-brand-icon-inactive: #939ab7 !important;\n /* Yt video Page */\n --yt-live-chat-background-color: #24273a !important;\n --yt-live-chat-action-panel-background-color: #24273a !important;\n --yt-live-chat-secondary-background-color: #494d64;\n --yt-live-chat-toast-background-color: #5b6078 !important;\n --yt-live-chat-mode-change-background-color: #24273a !important;\n --yt-live-chat-secondary-text-color: #a5adcb !important;\n --yt-live-chat-tertiary-text-color: rgba(202, 211, 245, 0.9946) !important;\n --yt-live-chat-text-input-field-inactive-underline-color: #a5adcb !important;\n --yt-live-chat-text-input-field-placeholder-color: #a5adcb !important;\n --yt-live-chat-enabled-send-button-color: #cad3f5 !important;\n --yt-live-chat-disabled-icon-button-color: #b8c0e0 !important;\n --yt-live-chat-picker-button-hover-color: #b7bdf8 !important;\n --yt-live-chat-mention-background-color: #b7bdf8 !important;\n --yt-live-chat-mention-text-color: #cad3f5 !important;\n --yt-live-chat-deleted-message-color: #a5adcb;\n --yt-live-chat-deleted-message-bar-color: #b8c0e0 !important;\n --yt-live-chat-reconnect-message-color: #cad3f5 !important;\n --yt-live-chat-disabled-button-background-color: #6e738d !important;\n --yt-live-chat-sub-panel-background-color: #24273a !important;\n --yt-live-chat-sub-panel-background-color-transparent: #1e2030 !important;\n --yt-live-chat-moderator-color: #b7bdf8 !important;\n --yt-live-chat-owner-color: #f5a97f !important;\n --yt-live-chat-message-highlight-background-color: #24273a !important;\n --yt-live-chat-sponsor-color: #a6da95 !important;\n --yt-live-chat-overlay-color: rgba(30, 32, 48, 0.995);\n --yt-live-chat-dialog-background-color: #24273a !important;\n --yt-emoji-picker-variant-selector-bg-color: #24273a !important;\n --yt-live-chat-moderation-mode-hover-background-color: rgba(30, 32, 48, 0.997) !important;\n --yt-grey: #a5adcb !important;\n --yt-live-chat-text-input-field-suggestion-background-color: #a5adcb !important;\n --yt-live-chat-text-input-field-suggestion-background-color-hover: #b8c0e0 !important;\n --yt-emoji-picker-search-background-color: #363a4f !important;\n --yt-emoji-picker-search-color: #cad3f5 !important;\n --yt-emoji-picker-search-placeholder-color: #b7bdf8 !important;\n --yt-live-chat-slider-active-color: #b7bdf8 !important;\n --yt-live-chat-slider-container-color: #363a4f !important;\n --yt-live-chat-slider-markers-color: #cad3f5 !important;\n --yt-live-chat-banner-gradient-scrim: linear-gradient(#1e2030, transparent) !important;\n --yt-live-chat-action-panel-gradient-scrim: linear-gradient(to top, #1e2030, transparent) !important;\n --yt-live-chat-automod-button-background-color-hover: rgba(24, 25, 38, 0.995) !important;\n --yt-live-chat-automod-button-explanation-color: rgba(183, 189, 248, 0.993) !important;\n --yt-live-chat-shimmer-background-color: rgba(24, 25, 38, 0.996) !important;\n --yt-live-chat-shimmer-linear-gradient: linear-gradient(0deg, rgba(202, 211, 245, 0.999) 40%, rgba(36, 39, 58, 0.997) 50%, rgba(202, 211, 245, 0.999) 60%) !important;\n --yt-live-chat-vem-background-color: #1e2030 !important;\n --yt-live-chat-product-picker-icon-color: rgba(202, 211, 245, 0.995) !important;\n --yt-live-chat-product-picker-hover-color: #6e738d !important;\n --yt-live-chat-product-picker-disabled-icon-color: rgba(202, 211, 245, 0.997) !important;\n --yt-live-chat-action-panel-background-color-transparent: (\n null\n ) !important;\n /* Tooltip */\n --paper-tooltip-background: #6e738d !important;\n --paper-tooltip-text-color: #cad3f5 !important;\n /* links */\n --yt-endpoint-color: #b7bdf8 !important;\n --yt-endpoint-visited-color: #b7bdf8 !important;\n --yt-endpoint-hover-color: #b7bdf8 !important;\n --sb-dark-red-outline: #b7bdf8 !important;\n --sb-main-bg-color: #24273a !important;\n --sb-main-fg-color: #cad3f5 !important;\n --sb-grey-bg-color: #24273a !important;\n --sb-grey-fg-color: #a5adcb !important;\n --sb-red-bg-color: #b7bdf8 !important;\n }\n :root[dark]:not(.style-scope) {\n --primary-text-color: #cad3f5 !important;\n --primary-background-color: #24273a !important;\n --secondary-text-color: #a5adcb !important;\n --disabled-text-color: #b8c0e0 !important;\n --divider-color: #6e738d !important;\n --error-color: #ed8796 !important;\n --primary-color: #b7bdf8 !important;\n --light-primary-color: #b7bdf8 !important;\n --dark-primary-color: #8aadf4 !important;\n --accent-color: #b7bdf8 !important;\n --light-accent-color: #b7bdf8 !important;\n --dark-accent-color: #b7bdf8 !important;\n --light-theme-background-color: #24273a !important;\n --light-theme-base-color: #cad3f5 !important;\n --light-theme-text-color: #cad3f5 !important;\n --light-theme-secondary-color: #a5adcb !important;\n --light-theme-disabled-color: #b8c0e0 !important;\n --light-theme-divider-color: #6e738d !important;\n --dark-theme-background-color: #24273a !important;\n --dark-theme-base-color: #cad3f5 !important;\n --dark-theme-text-color: #cad3f5 !important;\n --dark-theme-secondary-color: #a5adcb !important;\n --dark-theme-disabled-color: #b8c0e0 !important;\n --dark-theme-divider-color: #6e738d !important;\n }\n :root[dark] #channel-name.ytd-video-meta-block {\n --yt-endpoint-color: #b7bdf8 !important;\n --yt-endpoint-visited-color: #b7bdf8 !important;\n color: #b7bdf8 !important;\n }\n :root[dark] ytd-macro-markers-list-item-renderer {\n --ytd-macro-markers-list-item-background-color: #363a4f !important;\n --ytd-macro-markers-list-item-title-color: #cad3f5 !important;\n --ytd-macro-markers-list-item-secondary-color: #b8c0e0 !important;\n --ytd-macro-markers-list-item-timestamp-background-color: #494d64 !important;\n }\n :root[dark] ytd-playlist-panel-video-renderer {\n --yt-lightsource-section2-color: #494d64 !important;\n --yt-lightsource-section4-color: #5b6078 !important;\n --yt-lightsource-primary-title-color: #cad3f5 !important;\n --yt-lightsource-secondary-title-color: #cad3f5 !important;\n --yt-active-playlist-panel-background-color: #363a4f !important;\n }\n :root[dark] ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] .header.ytd-playlist-panel-renderer {\n --iron-icon-fill-color: #cad3f5 !important;\n background-color: #24273a !important;\n }\n :root[dark] ytd-expandable-metadata-renderer {\n --yt-lightsource-section1-color: #24273a !important;\n --yt-lightsource-section2-color: #363a4f !important;\n --yt-lightsource-section3-color: #494d64 !important;\n --yt-lightsource-section4-color: #5b6078 !important;\n --yt-lightsource-primary-title-color: #cad3f5 !important;\n --yt-lightsource-secondary-title-color: #a5adcb !important;\n }\n :root[dark] yt-live-chat-renderer {\n --yt-emoji-picker-renderer-height: 180px;\n --yt-button-default-text-color: #cad3f5 !important;\n --yt-button-default-background-color: #24273a !important;\n --yt-button-dark-text-color: #24273a !important;\n --yt-button-dark-background-color: #b7bdf8 !important;\n --yt-button-payment-background-color: #b7bdf8 !important;\n }\n :root[dark] yt-icon.ytd-pinned-comment-badge-renderer * {\n fill: #cad3f5 !important;\n }\n :root[dark] .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start::after {\n background: #6e738d !important;\n }\n :root[dark] .html5-ypc-purchase {\n background: #b7bdf8 !important;\n }\n :root[dark] .html5-ypc-purchase:hover {\n background: #e5e8fd !important;\n }\n :root[dark] yt-notification-action-renderer[darker-dark-theme] tp-yt-paper-toast.yt-notification-action-renderer {\n background: #6e738d !important;\n }\n :root[dark] .ytp-volume-slider-handle {\n background: #b7bdf8 !important;\n }\n :root[dark] .ytp-volume-slider-handle::before {\n background: #b7bdf8 !important;\n }\n :root[dark] .ytp-volume-slider-handle::after {\n z-index: -1;\n }\n :root[dark] #newness-dot {\n background-color: #b7bdf8 !important;\n }\n :root[dark] .ytp-chrome-controls .ytp-button[aria-pressed]::after {\n background-color: #b7bdf8 !important;\n }\n :root[dark] .ytp-menuitem[aria-checked=\"true\"] .ytp-menuitem-toggle-checkbox {\n background: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%3E%3Cpath%20d%3D%22M9%2016.2L4.8%2012l-1.4%201.4L9%2019%2021%207l-1.4-1.4L9%2016.2z%22%20fill%3D%22%23b7bdf8%22/%3E%3C/svg%3E\");\n }\n :root[dark] .ytp-menuitem:not([aria-disabled=\"true\"]):hover {\n background: #494d64 !important;\n }\n :root[dark] .ytp-settings-button.ytp-hd-quality-badge::after,\n :root[dark] .ytp-settings-button.ytp-4k-quality-badge::after,\n :root[dark] .ytp-settings-button.ytp-5k-quality-badge::after,\n :root[dark] .ytp-settings-button.ytp-8k-quality-badge::after,\n :root[dark] .ytp-settings-button.ytp-3d-badge::after {\n background-color: #b7bdf8 !important;\n }\n :root[dark] .ytp-panel-menu {\n color: #cad3f5;\n }\n :root[dark] .ytp-panel-menu .ytp-menuitem:not(:last-child) svg > path {\n fill: #cad3f5;\n }\n :root[dark] .ytp-panel-menu .ytp-menuitem:last-child svg:last-child {\n fill: #cad3f5;\n }\n :root[dark] .ytp-right-controls svg path,\n :root[dark] .ytp-svg-fill {\n fill: #fff !important;\n }\n :root[dark] .ytp-time-current,\n :root[dark] .ytp-time-separator,\n :root[dark] .ytp-time-duration,\n :root[dark] .ytp-menu-label-secondary,\n :root[dark] .ytp-menuitem-label-count {\n color: #fff;\n }\n :root[dark] .ytp-tooltip:not([aria-hidden=\"true\"]) {\n color: #cad3f5;\n }\n :root[dark] .style-scope.ytd-thumbnail-overlay-toggle-button-renderer:hover {\n fill: #b7bdf8 !important;\n }\n :root[dark] .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled,\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {\n background-color: #b7bdf8 !important;\n }\n :root[dark] .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled .yt-spec-button-shape-next__icon yt-icon svg g path,\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled .yt-spec-button-shape-next__icon yt-icon svg g path {\n fill: #24273a !important;\n }\n :root[dark] .yt-core-attributed-string__link--call-to-action-color {\n color: #7dc4e4 !important;\n }\n :root[dark] .yt-core-attributed-string__link--call-to-action-color:hover {\n color: #8bd5ca !important;\n }\n :root[dark] .WARNING.yt-alert-renderer {\n background-color: #eed49f;\n }\n :root[dark] .sbpqs_a::before,\n :root[dark] .sbqs_c::before {\n filter: invert(1);\n }\n :root[dark] .sbsb_a,\n :root[dark] .sbdd_b {\n background: #1e2030 !important;\n }\n :root[dark] .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline {\n color: #b7bdf8 !important;\n border-color: #5b6078 !important;\n }\n :root[dark] .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline:hover {\n background-color: rgba(183, 189, 248, 0.2) !important;\n border-color: rgba(183, 189, 248, 0.2) !important;\n }\n :root[dark] .gsfs {\n color: #cad3f5 !important;\n }\n :root[dark] .sbsb_c.gsfs:hover,\n :root[dark] .sbsb_d {\n background-color: #363a4f !important;\n }\n :root[dark] .sbfl_b {\n background-color: #1e2030 !important;\n }\n :root[dark] .sbfl_b:hover {\n background-color: #363a4f !important;\n color: #b7bdf8 !important;\n }\n :root[dark] .sbpqs_a {\n color: #b7bdf8 !important;\n }\n :root[dark] .sbfl_a {\n color: #a5adcb !important;\n }\n :root[dark] .sbsb_i {\n color: #a5adcb;\n }\n :root[dark] .sbsb_c:hover .sbqs_c,\n :root[dark] .sbsb_c.gsfs.sbsb_d .sbqs_c {\n color: #b7bdf8 !important;\n }\n :root[dark] .ytp-swatch-background-color {\n background-color: #b7bdf8 !important;\n }\n :root[dark] .explanation-box[correct] * {\n color: #181926 !important;\n }\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) {\n /* not liked */\n /* liked */\n }\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(2) > path:nth-child(1),\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(4) > path:nth-child(1) {\n stroke: #cad3f5 !important;\n }\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(1) > path:nth-child(1),\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(3) > path:nth-child(1) {\n fill: #b7bdf8 !important;\n }\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(1) > path:nth-child(2),\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(3) > path:nth-child(2) {\n stroke: #b7bdf8 !important;\n }\n :root[dark] .iv-branding .branding-context-container-inner {\n background-color: #24273a !important;\n }\n :root[dark] .iv-branding .iv-branding-context-name {\n color: #cad3f5 !important;\n text-shadow: none !important;\n }\n :root[dark] .iv-drawer-content {\n background-color: rgba(30, 32, 48, 0.95) !important;\n }\n :root[dark] .iv-drawer-header-text {\n color: #cad3f5 !important;\n }\n :root[dark] .iv-card-content,\n :root[dark] .ytp-ce-expanding-overlay-background,\n :root[dark] .ytp-cards-teaser .ytp-cards-teaser-text,\n :root[dark] .ytp-cards-teaser .ytp-cards-teaser-box {\n background-color: #24273a !important;\n }\n :root[dark] .iv-card-content > :first-child,\n :root[dark] .html5-video-player a,\n :root[dark] .iv-card h2,\n :root[dark] .ytp-cards-teaser .ytp-cards-teaser-text {\n color: #cad3f5 !important;\n }\n :root[dark] .ytp-tooltip-text {\n background: #363a4f !important;\n }\n :root[dark] .iv-card:hover .iv-card-primary-link,\n :root[dark] .ytp-ce-website-title {\n color: #b7bdf8 !important;\n }\n :root[dark] .ytp-popup {\n background: #363a4f !important;\n }\n :root[dark] tp-yt-paper-dialog {\n background-color: #24273a !important;\n }\n :root[dark] .yt-core-attributed-string--link-inherit-color {\n color: #cad3f5 !important;\n /* &:hover {\n * color: @teal !important;\n } */\n }\n :root[dark] .badge-style-type-live-now-alternate,\n :root[dark] ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] {\n color: #181926 !important;\n }\n :root[dark] .badge-style-type-live-now-alternate yt-icon svg g path,\n :root[dark] ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] yt-icon svg g path,\n :root[dark] .badge-style-type-live-now-alternate yt-icon svg path,\n :root[dark] ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] yt-icon svg path {\n fill: #181926 !important;\n }\n :root[dark] .ytp-live-badge::before {\n background: #b8c0e0 !important;\n }\n :root[dark] .ytp-live-badge[disabled]::before {\n background: #b7bdf8 !important;\n }\n :root[dark] .yt-spec-icon-badge-shape--type-notification .yt-spec-icon-badge-shape__badge {\n background-color: #b7bdf8 !important;\n color: #181926 !important;\n }\n :root[dark] .yt-spec-icon-badge-shape--style-overlay .yt-spec-icon-badge-shape__icon {\n color: var(--yt-spec-icon-active-other) !important;\n }\n :root[dark] .yt-spec-icon-badge-shape {\n color: var(--yt-spec-icon-active-other) !important;\n }\n :root[dark] .yt-animated-icon svg g path,\n :root[dark] .yt-animated-icon svg path {\n fill: #cad3f5 !important;\n }\n :root[dark] ytd-author-comment-badge-renderer {\n --yt-basic-background-color: #363a4f !important;\n --yt-basic-foreground-title-color: #363a4f !important;\n --ytd-author-comment-badge-background-color: #363a4f !important;\n --ytd-author-comment-badge-name-color: #cad3f5 !important;\n --ytd-author-comment-badge-icon-color: #cad3f5 !important;\n padding-right: 6px;\n padding-left: 8px;\n }\n :root[dark] #cinematics > div > canvas {\n visibility: hidden;\n }\n :root[dark] yt-chip-cloud-chip-renderer[chip-style=\"STYLE_DEFAULT\"][selected],\n :root[dark] yt-chip-cloud-chip-renderer[chip-style=\"STYLE_HOME_FILTER\"][selected] {\n background: #b7bdf8 !important;\n color: #181926 !important;\n }\n :root[dark] ytd-searchbox[has-focus] #container.ytd-searchbox {\n border-color: #b7bdf8 !important;\n }\n :root[dark] .ytd-brand-video-singleton-renderer {\n background: #363a4f !important;\n color: #cad3f5 !important;\n }\n :root[dark] yt-button-shape a {\n border-color: #cad3f5 !important;\n color: #cad3f5 !important;\n }\n :root[dark] #share-button button,\n :root[dark] #repeat-button button {\n color: #cad3f5 !important;\n }\n :root[dark] #error-page {\n background-color: #24273a !important;\n }\n :root[dark] #error-page-content {\n color: #cad3f5 !important;\n text-shadow: none;\n background-color: #24273a !important;\n }\n :root[dark] #error-page-content > p {\n color: #cad3f5 !important;\n text-shadow: none;\n }\n :root[dark] #error-page-content #masthead-search-terms.masthead-search-terms-border {\n border-color: #b7bdf8 !important;\n box-shadow: none !important;\n }\n :root[dark] #error-page-content #yt-masthead {\n color: #cad3f5 !important;\n text-shadow: none;\n }\n :root[dark] #error-page-content #yt-masthead #logo-container .logo {\n filter: invert(1) grayscale(1);\n }\n :root[dark] #error-page-content #yt-masthead #logo-container .content-region {\n color: #cad3f5 !important;\n text-shadow: none;\n }\n :root[dark] #error-page-content #yt-masthead #masthead-search #masthead-search-terms-border input[type=\"text\"] {\n color: #cad3f5 !important;\n }\n :root[dark] #error-page-content #yt-masthead #masthead-search #masthead-search-terms-border input[type=\"text\"]:focus {\n color: #b7bdf8 !important;\n }\n :root[dark] #error-page-content #yt-masthead .search-button {\n background-color: #1e2030 !important;\n }\n :root[dark] .yt-tab-shape-wiz__tab--tab-selected {\n color: #b7bdf8 !important;\n }\n :root[dark] .yt-tab-group-shape-wiz__slider {\n background-color: #b7bdf8 !important;\n }\n :root[dark] .yt-tab-shape-wiz__tab {\n color: #b8c0e0;\n }\n :root[dark] .yt-tab-shape-wiz:hover .yt-tab-shape-wiz__tab {\n color: #daddfb;\n }\n :root[dark] .yt-tab-shape-wiz:hover .yt-tab-shape-wiz__tab-bar {\n background-color: #daddfb;\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal {\n background-color: #363a4f;\n color: #cad3f5;\n }\n :root[dark] .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {\n color: #181926;\n background-color: #b7bdf8;\n }\n :root[dark] .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled:hover {\n background-color: #5a68ef;\n }\n :root[dark] .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text {\n color: #b7bdf8;\n }\n :root[dark] .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text:hover {\n background-color: rgba(183, 189, 248, 0.1);\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline,\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text {\n color: #cad3f5;\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline:hover,\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text:hover {\n background-color: #363a4f;\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline {\n border-color: #363a4f;\n }\n :root[dark] ::-webkit-scrollbar {\n width: 8px !important;\n }\n :root[dark] ::-webkit-scrollbar-track {\n background: #24273a !important;\n }\n :root[dark] ::-webkit-scrollbar-thumb {\n background: #b7bdf8 !important;\n }\n :root[dark] ::selection {\n background: rgba(183, 189, 248, 0.2) !important;\n color: #cad3f5 !important;\n }\n :root[dark] #ytd-player #container {\n background: #24273a !important;\n }\n :root[dark] ytd-topbar-logo-renderer.style-scope a svg > g path[fill=\"#FF0000\"],\n :root[dark] svg.ytd-consent-bump-v2-lightbox > g:nth-child(1) path[fill=\"#FF0000\"] {\n fill: #b7bdf8 !important;\n }\n :root[dark] ytd-topbar-logo-renderer.style-scope a svg > g path[fill=\"white\"],\n :root[dark] svg.ytd-consent-bump-v2-lightbox > g:nth-child(1) path[fill=\"white\"] {\n fill: #24273a !important;\n }\n :root {\n /* apply everywhere */\n /* general colors */\n /* selected chapter */\n /* playlist selector */\n /* explandable meta */\n /* volume bar */\n /* new videos dot */\n /* subtitle */\n /* menu items */\n /* checkbox subitem */\n /* link */\n /* private video warning */\n /* search results */\n /* Results backgrounds */\n /* Transcript Button */\n /* text color */\n /* Hover and keyboard select background */\n /* Keyboard select text color and hover text color */\n /* exmplation box */\n /* custom likes + anims */\n /* iv branding */\n /* Popup for when you hover over the channel avatar in the video */\n /* Cards */\n /* Player tooltip background */\n /* Temporary fix */\n /* live badges */\n /* notification idicator */\n /* bell next to subscription button */\n /* creator badges */\n /* disable ambient mode */\n /* badges e.g. popular */\n /* Search border */\n /* New Feature inline banner */\n /* Chapter overview buttons */\n /* Error page */\n /* channel homepage */\n /* selected tab */\n /* unselected */\n /* hover */\n /* hopefully temporary */\n /* Scrollbar */\n /* text highlight */\n }\n :root,\n :root [dark],\n :root html,\n :root html[system-icons][dark],\n :root html[system-icons] [dark],\n :root html[darker-dark-theme][dark],\n :root [darker-dark-theme] [dark] {\n --yt-spec-white-1: #cad3f5 !important;\n --yt-spec-white-2: #a5adcb !important;\n --yt-spec-white-3: #b8c0e0 !important;\n --yt-spec-white-4: #a6b0d8 !important;\n --yt-spec-black-1: #8087a2 !important;\n --yt-spec-black-2: #6e738d !important;\n --yt-spec-black-3: #5b6078 !important;\n --yt-spec-black-4: #494d64 !important;\n --yt-spec-black-pure: #363a4f !important;\n --yt-spec-grey-1: #cad3f5 !important;\n --yt-spec-grey-2: #a5adcb !important;\n --yt-spec-grey-3: #b8c0e0 !important;\n --yt-spec-grey-4: #939ab7 !important;\n --yt-spec-grey-5: #8087a2 !important;\n --yt-brand-youtube-red: #b7bdf8 !important;\n --yt-brand-medium-red: #b7bdf8 !important;\n --yt-brand-light-red: #b7bdf8 !important;\n --yt-spec-red-30: #f5a97f !important;\n --yt-spec-red-70: #ed8796 !important;\n --yt-spec-pale-blue: #91d7e3 !important;\n --yt-spec-light-blue: #91d7e3 !important;\n --yt-spec-dark-blue: #7dc4e4 !important;\n --yt-spec-navy-blue: #8bd5ca !important;\n --yt-spec-light-green: #a6da95 !important;\n --yt-spec-dark-green: #a6da95 !important;\n --yt-spec-yellow: #f5a97f !important;\n --yt-spec-black-pure-alpha-5: rgba(24, 25, 38, 0.9995) !important;\n --yt-spec-black-pure-alpha-10: rgba(24, 25, 38, 0.999) !important;\n --yt-spec-black-pure-alpha-15: rgba(24, 25, 38, 0.9985) !important;\n --yt-spec-black-pure-alpha-30: rgba(24, 25, 38, 0.997) !important;\n --yt-spec-black-pure-alpha-60: rgba(24, 25, 38, 0.994) !important;\n --yt-spec-black-pure-alpha-80: rgba(24, 25, 38, 0.992) !important;\n --yt-spec-black-1-alpha-98: rgba(24, 25, 38, 0.9902) !important;\n --yt-spec-black-1-alpha-95: rgba(24, 25, 38, 0.9905) !important;\n --yt-spec-white-1-alpha-10: rgba(202, 211, 245, 0.999) !important;\n --yt-spec-white-1-alpha-20: rgba(202, 211, 245, 0.998) !important;\n --yt-spec-white-1-alpha-25: rgba(202, 211, 245, 0.9975) !important;\n --yt-spec-white-1-alpha-30: rgba(202, 211, 245, 0.997) !important;\n --yt-spec-white-1-alpha-70: rgba(202, 211, 245, 0.993) !important;\n --yt-spec-white-1-alpha-95: rgba(202, 211, 245, 0.9905) !important;\n --yt-spec-white-1-alpha-98: rgba(202, 211, 245, 0.9902) !important;\n --yt-brand-medium-red-alpha-90: rgba(183, 189, 248, 0.991) !important;\n --yt-brand-medium-red-alpha-30: rgba(183, 189, 248, 0.997) !important;\n --yt-brand-light-red-alpha-30: rgba(183, 189, 248, 0.997) !important;\n --yt-spec-light-blue-alpha-30: rgba(125, 196, 228, 0.997) !important;\n --yt-spec-dark-blue-alpha-30: rgba(125, 196, 228, 0.997) !important;\n --yt-spec-base-background: #24273a !important;\n --yt-spec-raised-background: #1e2030 !important;\n --yt-spec-menu-background: #1e2030 !important;\n --yt-spec-inverted-background: #cad3f5 !important;\n --yt-spec-additive-background: rgba(54, 58, 79, 0.999) !important;\n --yt-spec-outline: #363a4f !important;\n --yt-spec-shadow: rgba(24, 25, 38, 0.9975) !important;\n --yt-spec-text-primary: #cad3f5 !important;\n --yt-spec-text-secondary: #a5adcb !important;\n --yt-spec-text-disabled: #b8c0e0 !important;\n --yt-spec-text-primary-inverse: #181926 !important;\n --yt-spec-call-to-action: #b7bdf8 !important;\n --yt-spec-call-to-action-inverse: #b7bdf8 !important;\n --yt-spec-suggested-action: rgba(183, 189, 248, 0.2) !important;\n --yt-spec-suggested-action-inverse: #cad3f5 !important;\n --yt-spec-icon-active-other: #6e738d !important;\n --yt-spec-button-chip-background-hover: #494d64 !important;\n --yt-spec-touch-response: #363a4f !important;\n --yt-spec-touch-response-inverse: #b7bdf8 !important;\n --yt-spec-brand-icon-active: #b7bdf8 !important;\n --yt-spec-brand-button-background: #b7bdf8 !important;\n --yt-spec-brand-link-text: #7dc4e4 !important;\n --yt-spec-wordmark-text: #cad3f5 !important;\n --yt-spec-error-indicator: #ed8796 !important;\n --yt-spec-themed-blue: #91d7e3 !important;\n --yt-spec-themed-green: #a6da95 !important;\n --yt-spec-ad-indicator: #8bd5ca !important;\n --yt-spec-themed-overlay-background: rgba(24, 25, 38, 0.992) !important;\n --yt-spec-commerce-badge-background: #a6da95 !important;\n --yt-spec-static-brand-red: #b7bdf8 !important;\n --yt-spec-static-brand-white: #cad3f5 !important;\n --yt-spec-static-brand-black: #24273a !important;\n --yt-spec-static-clear-color: #181926 !important;\n --yt-spec-static-clear-black: #181926 !important;\n --yt-spec-static-ad-yellow: #f5a97f !important;\n --yt-spec-static-grey: #a5adcb !important;\n --yt-spec-static-overlay-background-solid: #181926 !important;\n --yt-spec-static-overlay-background-heavy: #363a4f !important;\n --yt-spec-static-overlay-background-medium: rgba(24, 25, 38, 0.994) !important;\n --yt-spec-static-overlay-background-medium-light: rgba(24, 25, 38, 0.997) !important;\n --yt-spec-static-overlay-background-light: rgba(24, 25, 38, 0.999) !important;\n --yt-spec-static-overlay-text-primary: #cad3f5 !important;\n --yt-spec-static-overlay-text-secondary: rgba(165, 173, 203, 0.993) !important;\n --yt-spec-static-overlay-text-disabled: rgba(165, 173, 203, 0.997) !important;\n --yt-spec-static-overlay-call-to-action: #b7bdf8 !important;\n --yt-spec-static-overlay-icon-active-other: #cad3f5 !important;\n --yt-spec-static-overlay-icon-inactive: #494d64 !important;\n --yt-spec-static-overlay-icon-disabled: #5b6078 !important;\n --yt-spec-static-overlay-button-primary: #b7bdf8 !important;\n --yt-spec-static-overlay-button-secondary: #363a4f !important;\n --yt-spec-static-overlay-touch-response: #8087a2 !important;\n --yt-spec-static-overlay-touch-response-inverse: #494d64 !important;\n --yt-spec-static-overlay-background-brand: #b7bdf8 !important;\n --yt-spec-assistive-feed-themed-gradient-1: #a5adcb !important;\n --yt-spec-assistive-feed-themed-gradient-2: #b7bdf8 !important;\n --yt-spec-assistive-feed-themed-gradient-3: #ed8796 !important;\n --yt-spec-brand-background-solid: #24273a !important;\n --yt-spec-brand-background-primary: #24273a !important;\n --yt-spec-brand-background-secondary: #1e2030 !important;\n --yt-spec-general-background-a: #24273a !important;\n --yt-spec-general-background-b: #1e2030 !important;\n --yt-spec-general-background-c: #181926 !important;\n --yt-spec-error-background: #24273a !important;\n --yt-spec-10-percent-layer: #5b6078 !important;\n --yt-spec-snackbar-background: #1e2030 !important;\n --yt-spec-snackbar-background-updated: #1e2030 !important;\n --yt-spec-badge-chip-background: #494d64 !important;\n --yt-spec-verified-badge-background: #6e738d !important;\n --yt-spec-call-to-action-fadeoutd: rgba(125, 196, 228, 0.997) !important;\n --yt-spec-call-to-action-hover: #b7bdf8 !importantr;\n --yt-spec-brand-button-background-hover: #b7bdf8 !important;\n --yt-spec-brand-link-text-fadeoutd: rgba(183, 189, 248, 0.997) !important;\n --yt-spec-filled-button-focus-outline: #363a4f !important;\n --yt-spec-static-overlay-button-hover: #494d64 !important;\n --yt-spec-mono-filled-hover: #494d64 !important;\n --yt-spec-commerce-filled-hover: #b7bdf8 !important;\n --yt-spec-mono-tonal-hover: #494d64 !important;\n --yt-spec-commerce-tonal-hover: #5b6078 !important;\n --yt-spec-static-overlay-filled-hover: #8087a2 !important;\n --yt-spec-static-overlay-tonal-hover: #494d64 !important;\n --yt-spec-paper-tab-ink: rgba(202, 211, 245, 0.997);\n --yt-spec-filled-button-text: #cad3f5 !important;\n --yt-spec-selected-nav-text: #cad3f5 !important;\n --iron-icon-fill-color: #cad3f5 !important;\n /* Search bar */\n --ytd-searchbox-border-color: #363a4f !important;\n --ytd-searchbox-legacy-border-color: #363a4f !important;\n --ytd-searchbox-legacy-border-shadow-color: #181926 !important;\n --ytd-searchbox-legacy-button-color: #1e2030 !important;\n --ytd-searchbox-legacy-button-border-color: #363a4f !important;\n --ytd-searchbox-legacy-button-focus-color: #b7bdf8 !important;\n --ytd-searchbox-legacy-button-hover-color: #1e2030 !important;\n --ytd-searchbox-legacy-button-hover-border-color: #363a4f !important;\n --ytd-searchbox-legacy-button-icon-color: #b7bdf8 !important;\n --ytd-searchbox-background: #24273a !important;\n --ytd-searchbox-text-color: #cad3f5 !important;\n /* System icons */\n --yt-spec-icon-inactive: #6e738d !important;\n --yt-spec-icon-disabled: #8087a2 !important;\n --yt-spec-brand-icon-inactive: #939ab7 !important;\n /* Yt video Page */\n --yt-live-chat-background-color: #24273a !important;\n --yt-live-chat-action-panel-background-color: #24273a !important;\n --yt-live-chat-secondary-background-color: #494d64;\n --yt-live-chat-toast-background-color: #5b6078 !important;\n --yt-live-chat-mode-change-background-color: #24273a !important;\n --yt-live-chat-secondary-text-color: #a5adcb !important;\n --yt-live-chat-tertiary-text-color: rgba(202, 211, 245, 0.9946) !important;\n --yt-live-chat-text-input-field-inactive-underline-color: #a5adcb !important;\n --yt-live-chat-text-input-field-placeholder-color: #a5adcb !important;\n --yt-live-chat-enabled-send-button-color: #cad3f5 !important;\n --yt-live-chat-disabled-icon-button-color: #b8c0e0 !important;\n --yt-live-chat-picker-button-hover-color: #b7bdf8 !important;\n --yt-live-chat-mention-background-color: #b7bdf8 !important;\n --yt-live-chat-mention-text-color: #cad3f5 !important;\n --yt-live-chat-deleted-message-color: #a5adcb;\n --yt-live-chat-deleted-message-bar-color: #b8c0e0 !important;\n --yt-live-chat-reconnect-message-color: #cad3f5 !important;\n --yt-live-chat-disabled-button-background-color: #6e738d !important;\n --yt-live-chat-sub-panel-background-color: #24273a !important;\n --yt-live-chat-sub-panel-background-color-transparent: #1e2030 !important;\n --yt-live-chat-moderator-color: #b7bdf8 !important;\n --yt-live-chat-owner-color: #f5a97f !important;\n --yt-live-chat-message-highlight-background-color: #24273a !important;\n --yt-live-chat-sponsor-color: #a6da95 !important;\n --yt-live-chat-overlay-color: rgba(30, 32, 48, 0.995);\n --yt-live-chat-dialog-background-color: #24273a !important;\n --yt-emoji-picker-variant-selector-bg-color: #24273a !important;\n --yt-live-chat-moderation-mode-hover-background-color: rgba(30, 32, 48, 0.997) !important;\n --yt-grey: #a5adcb !important;\n --yt-live-chat-text-input-field-suggestion-background-color: #a5adcb !important;\n --yt-live-chat-text-input-field-suggestion-background-color-hover: #b8c0e0 !important;\n --yt-emoji-picker-search-background-color: #363a4f !important;\n --yt-emoji-picker-search-color: #cad3f5 !important;\n --yt-emoji-picker-search-placeholder-color: #b7bdf8 !important;\n --yt-live-chat-slider-active-color: #b7bdf8 !important;\n --yt-live-chat-slider-container-color: #363a4f !important;\n --yt-live-chat-slider-markers-color: #cad3f5 !important;\n --yt-live-chat-banner-gradient-scrim: linear-gradient(#1e2030, transparent) !important;\n --yt-live-chat-action-panel-gradient-scrim: linear-gradient(to top, #1e2030, transparent) !important;\n --yt-live-chat-automod-button-background-color-hover: rgba(24, 25, 38, 0.995) !important;\n --yt-live-chat-automod-button-explanation-color: rgba(183, 189, 248, 0.993) !important;\n --yt-live-chat-shimmer-background-color: rgba(24, 25, 38, 0.996) !important;\n --yt-live-chat-shimmer-linear-gradient: linear-gradient(0deg, rgba(202, 211, 245, 0.999) 40%, rgba(36, 39, 58, 0.997) 50%, rgba(202, 211, 245, 0.999) 60%) !important;\n --yt-live-chat-vem-background-color: #1e2030 !important;\n --yt-live-chat-product-picker-icon-color: rgba(202, 211, 245, 0.995) !important;\n --yt-live-chat-product-picker-hover-color: #6e738d !important;\n --yt-live-chat-product-picker-disabled-icon-color: rgba(202, 211, 245, 0.997) !important;\n --yt-live-chat-action-panel-background-color-transparent: (\n null\n ) !important;\n /* Tooltip */\n --paper-tooltip-background: #6e738d !important;\n --paper-tooltip-text-color: #cad3f5 !important;\n /* links */\n --yt-endpoint-color: #b7bdf8 !important;\n --yt-endpoint-visited-color: #b7bdf8 !important;\n --yt-endpoint-hover-color: #b7bdf8 !important;\n --sb-dark-red-outline: #b7bdf8 !important;\n --sb-main-bg-color: #24273a !important;\n --sb-main-fg-color: #cad3f5 !important;\n --sb-grey-bg-color: #24273a !important;\n --sb-grey-fg-color: #a5adcb !important;\n --sb-red-bg-color: #b7bdf8 !important;\n }\n :root:not(.style-scope) {\n --primary-text-color: #cad3f5 !important;\n --primary-background-color: #24273a !important;\n --secondary-text-color: #a5adcb !important;\n --disabled-text-color: #b8c0e0 !important;\n --divider-color: #6e738d !important;\n --error-color: #ed8796 !important;\n --primary-color: #b7bdf8 !important;\n --light-primary-color: #b7bdf8 !important;\n --dark-primary-color: #8aadf4 !important;\n --accent-color: #b7bdf8 !important;\n --light-accent-color: #b7bdf8 !important;\n --dark-accent-color: #b7bdf8 !important;\n --light-theme-background-color: #24273a !important;\n --light-theme-base-color: #cad3f5 !important;\n --light-theme-text-color: #cad3f5 !important;\n --light-theme-secondary-color: #a5adcb !important;\n --light-theme-disabled-color: #b8c0e0 !important;\n --light-theme-divider-color: #6e738d !important;\n --dark-theme-background-color: #24273a !important;\n --dark-theme-base-color: #cad3f5 !important;\n --dark-theme-text-color: #cad3f5 !important;\n --dark-theme-secondary-color: #a5adcb !important;\n --dark-theme-disabled-color: #b8c0e0 !important;\n --dark-theme-divider-color: #6e738d !important;\n }\n :root #channel-name.ytd-video-meta-block {\n --yt-endpoint-color: #b7bdf8 !important;\n --yt-endpoint-visited-color: #b7bdf8 !important;\n color: #b7bdf8 !important;\n }\n :root ytd-macro-markers-list-item-renderer {\n --ytd-macro-markers-list-item-background-color: #363a4f !important;\n --ytd-macro-markers-list-item-title-color: #cad3f5 !important;\n --ytd-macro-markers-list-item-secondary-color: #b8c0e0 !important;\n --ytd-macro-markers-list-item-timestamp-background-color: #494d64 !important;\n }\n :root ytd-playlist-panel-video-renderer {\n --yt-lightsource-section2-color: #494d64 !important;\n --yt-lightsource-section4-color: #5b6078 !important;\n --yt-lightsource-primary-title-color: #cad3f5 !important;\n --yt-lightsource-secondary-title-color: #cad3f5 !important;\n --yt-active-playlist-panel-background-color: #363a4f !important;\n }\n :root ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] .header.ytd-playlist-panel-renderer {\n --iron-icon-fill-color: #cad3f5 !important;\n background-color: #24273a !important;\n }\n :root ytd-expandable-metadata-renderer {\n --yt-lightsource-section1-color: #24273a !important;\n --yt-lightsource-section2-color: #363a4f !important;\n --yt-lightsource-section3-color: #494d64 !important;\n --yt-lightsource-section4-color: #5b6078 !important;\n --yt-lightsource-primary-title-color: #cad3f5 !important;\n --yt-lightsource-secondary-title-color: #a5adcb !important;\n }\n :root yt-live-chat-renderer {\n --yt-emoji-picker-renderer-height: 180px;\n --yt-button-default-text-color: #cad3f5 !important;\n --yt-button-default-background-color: #24273a !important;\n --yt-button-dark-text-color: #24273a !important;\n --yt-button-dark-background-color: #b7bdf8 !important;\n --yt-button-payment-background-color: #b7bdf8 !important;\n }\n :root yt-icon.ytd-pinned-comment-badge-renderer * {\n fill: #cad3f5 !important;\n }\n :root .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start::after {\n background: #6e738d !important;\n }\n :root .html5-ypc-purchase {\n background: #b7bdf8 !important;\n }\n :root .html5-ypc-purchase:hover {\n background: #e5e8fd !important;\n }\n :root yt-notification-action-renderer[darker-dark-theme] tp-yt-paper-toast.yt-notification-action-renderer {\n background: #6e738d !important;\n }\n :root .ytp-volume-slider-handle {\n background: #b7bdf8 !important;\n }\n :root .ytp-volume-slider-handle::before {\n background: #b7bdf8 !important;\n }\n :root .ytp-volume-slider-handle::after {\n z-index: -1;\n }\n :root #newness-dot {\n background-color: #b7bdf8 !important;\n }\n :root .ytp-chrome-controls .ytp-button[aria-pressed]::after {\n background-color: #b7bdf8 !important;\n }\n :root .ytp-menuitem[aria-checked=\"true\"] .ytp-menuitem-toggle-checkbox {\n background: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%3E%3Cpath%20d%3D%22M9%2016.2L4.8%2012l-1.4%201.4L9%2019%2021%207l-1.4-1.4L9%2016.2z%22%20fill%3D%22%23b7bdf8%22/%3E%3C/svg%3E\");\n }\n :root .ytp-menuitem:not([aria-disabled=\"true\"]):hover {\n background: #494d64 !important;\n }\n :root .ytp-settings-button.ytp-hd-quality-badge::after,\n :root .ytp-settings-button.ytp-4k-quality-badge::after,\n :root .ytp-settings-button.ytp-5k-quality-badge::after,\n :root .ytp-settings-button.ytp-8k-quality-badge::after,\n :root .ytp-settings-button.ytp-3d-badge::after {\n background-color: #b7bdf8 !important;\n }\n :root .ytp-panel-menu {\n color: #cad3f5;\n }\n :root .ytp-panel-menu .ytp-menuitem:not(:last-child) svg > path {\n fill: #cad3f5;\n }\n :root .ytp-panel-menu .ytp-menuitem:last-child svg:last-child {\n fill: #cad3f5;\n }\n :root .ytp-right-controls svg path,\n :root .ytp-svg-fill {\n fill: #fff !important;\n }\n :root .ytp-time-current,\n :root .ytp-time-separator,\n :root .ytp-time-duration,\n :root .ytp-menu-label-secondary,\n :root .ytp-menuitem-label-count {\n color: #fff;\n }\n :root .ytp-tooltip:not([aria-hidden=\"true\"]) {\n color: #cad3f5;\n }\n :root .style-scope.ytd-thumbnail-overlay-toggle-button-renderer:hover {\n fill: #b7bdf8 !important;\n }\n :root .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled,\n :root .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {\n background-color: #b7bdf8 !important;\n }\n :root .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled .yt-spec-button-shape-next__icon yt-icon svg g path,\n :root .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled .yt-spec-button-shape-next__icon yt-icon svg g path {\n fill: #24273a !important;\n }\n :root .yt-core-attributed-string__link--call-to-action-color {\n color: #7dc4e4 !important;\n }\n :root .yt-core-attributed-string__link--call-to-action-color:hover {\n color: #8bd5ca !important;\n }\n :root .WARNING.yt-alert-renderer {\n background-color: #eed49f;\n }\n :root .sbpqs_a::before,\n :root .sbqs_c::before {\n filter: invert(1);\n }\n :root .sbsb_a,\n :root .sbdd_b {\n background: #1e2030 !important;\n }\n :root .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline {\n color: #b7bdf8 !important;\n border-color: #5b6078 !important;\n }\n :root .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline:hover {\n background-color: rgba(183, 189, 248, 0.2) !important;\n border-color: rgba(183, 189, 248, 0.2) !important;\n }\n :root .gsfs {\n color: #cad3f5 !important;\n }\n :root .sbsb_c.gsfs:hover,\n :root .sbsb_d {\n background-color: #363a4f !important;\n }\n :root .sbfl_b {\n background-color: #1e2030 !important;\n }\n :root .sbfl_b:hover {\n background-color: #363a4f !important;\n color: #b7bdf8 !important;\n }\n :root .sbpqs_a {\n color: #b7bdf8 !important;\n }\n :root .sbfl_a {\n color: #a5adcb !important;\n }\n :root .sbsb_i {\n color: #a5adcb;\n }\n :root .sbsb_c:hover .sbqs_c,\n :root .sbsb_c.gsfs.sbsb_d .sbqs_c {\n color: #b7bdf8 !important;\n }\n :root .ytp-swatch-background-color {\n background-color: #b7bdf8 !important;\n }\n :root .explanation-box[correct] * {\n color: #181926 !important;\n }\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) {\n /* not liked */\n /* liked */\n }\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(2) > path:nth-child(1),\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(4) > path:nth-child(1) {\n stroke: #cad3f5 !important;\n }\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(1) > path:nth-child(1),\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(3) > path:nth-child(1) {\n fill: #b7bdf8 !important;\n }\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(1) > path:nth-child(2),\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(3) > path:nth-child(2) {\n stroke: #b7bdf8 !important;\n }\n :root .iv-branding .branding-context-container-inner {\n background-color: #24273a !important;\n }\n :root .iv-branding .iv-branding-context-name {\n color: #cad3f5 !important;\n text-shadow: none !important;\n }\n :root .iv-drawer-content {\n background-color: rgba(30, 32, 48, 0.95) !important;\n }\n :root .iv-drawer-header-text {\n color: #cad3f5 !important;\n }\n :root .iv-card-content,\n :root .ytp-ce-expanding-overlay-background,\n :root .ytp-cards-teaser .ytp-cards-teaser-text,\n :root .ytp-cards-teaser .ytp-cards-teaser-box {\n background-color: #24273a !important;\n }\n :root .iv-card-content > :first-child,\n :root .html5-video-player a,\n :root .iv-card h2,\n :root .ytp-cards-teaser .ytp-cards-teaser-text {\n color: #cad3f5 !important;\n }\n :root .ytp-tooltip-text {\n background: #363a4f !important;\n }\n :root .iv-card:hover .iv-card-primary-link,\n :root .ytp-ce-website-title {\n color: #b7bdf8 !important;\n }\n :root .ytp-popup {\n background: #363a4f !important;\n }\n :root tp-yt-paper-dialog {\n background-color: #24273a !important;\n }\n :root .yt-core-attributed-string--link-inherit-color {\n color: #cad3f5 !important;\n /* &:hover {\n * color: @teal !important;\n } */\n }\n :root .badge-style-type-live-now-alternate,\n :root ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] {\n color: #181926 !important;\n }\n :root .badge-style-type-live-now-alternate yt-icon svg g path,\n :root ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] yt-icon svg g path,\n :root .badge-style-type-live-now-alternate yt-icon svg path,\n :root ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] yt-icon svg path {\n fill: #181926 !important;\n }\n :root .ytp-live-badge::before {\n background: #b8c0e0 !important;\n }\n :root .ytp-live-badge[disabled]::before {\n background: #b7bdf8 !important;\n }\n :root .yt-spec-icon-badge-shape--type-notification .yt-spec-icon-badge-shape__badge {\n background-color: #b7bdf8 !important;\n color: #181926 !important;\n }\n :root .yt-spec-icon-badge-shape--style-overlay .yt-spec-icon-badge-shape__icon {\n color: var(--yt-spec-icon-active-other) !important;\n }\n :root .yt-spec-icon-badge-shape {\n color: var(--yt-spec-icon-active-other) !important;\n }\n :root .yt-animated-icon svg g path,\n :root .yt-animated-icon svg path {\n fill: #cad3f5 !important;\n }\n :root ytd-author-comment-badge-renderer {\n --yt-basic-background-color: #363a4f !important;\n --yt-basic-foreground-title-color: #363a4f !important;\n --ytd-author-comment-badge-background-color: #363a4f !important;\n --ytd-author-comment-badge-name-color: #cad3f5 !important;\n --ytd-author-comment-badge-icon-color: #cad3f5 !important;\n padding-right: 6px;\n padding-left: 8px;\n }\n :root #cinematics > div > canvas {\n visibility: hidden;\n }\n :root yt-chip-cloud-chip-renderer[chip-style=\"STYLE_DEFAULT\"][selected],\n :root yt-chip-cloud-chip-renderer[chip-style=\"STYLE_HOME_FILTER\"][selected] {\n background: #b7bdf8 !important;\n color: #181926 !important;\n }\n :root ytd-searchbox[has-focus] #container.ytd-searchbox {\n border-color: #b7bdf8 !important;\n }\n :root .ytd-brand-video-singleton-renderer {\n background: #363a4f !important;\n color: #cad3f5 !important;\n }\n :root yt-button-shape a {\n border-color: #cad3f5 !important;\n color: #cad3f5 !important;\n }\n :root #share-button button,\n :root #repeat-button button {\n color: #cad3f5 !important;\n }\n :root #error-page {\n background-color: #24273a !important;\n }\n :root #error-page-content {\n color: #cad3f5 !important;\n text-shadow: none;\n background-color: #24273a !important;\n }\n :root #error-page-content > p {\n color: #cad3f5 !important;\n text-shadow: none;\n }\n :root #error-page-content #masthead-search-terms.masthead-search-terms-border {\n border-color: #b7bdf8 !important;\n box-shadow: none !important;\n }\n :root #error-page-content #yt-masthead {\n color: #cad3f5 !important;\n text-shadow: none;\n }\n :root #error-page-content #yt-masthead #logo-container .logo {\n filter: invert(1) grayscale(1);\n }\n :root #error-page-content #yt-masthead #logo-container .content-region {\n color: #cad3f5 !important;\n text-shadow: none;\n }\n :root #error-page-content #yt-masthead #masthead-search #masthead-search-terms-border input[type=\"text\"] {\n color: #cad3f5 !important;\n }\n :root #error-page-content #yt-masthead #masthead-search #masthead-search-terms-border input[type=\"text\"]:focus {\n color: #b7bdf8 !important;\n }\n :root #error-page-content #yt-masthead .search-button {\n background-color: #1e2030 !important;\n }\n :root .yt-tab-shape-wiz__tab--tab-selected {\n color: #b7bdf8 !important;\n }\n :root .yt-tab-group-shape-wiz__slider {\n background-color: #b7bdf8 !important;\n }\n :root .yt-tab-shape-wiz__tab {\n color: #b8c0e0;\n }\n :root .yt-tab-shape-wiz:hover .yt-tab-shape-wiz__tab {\n color: #daddfb;\n }\n :root .yt-tab-shape-wiz:hover .yt-tab-shape-wiz__tab-bar {\n background-color: #daddfb;\n }\n :root .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal {\n background-color: #363a4f;\n color: #cad3f5;\n }\n :root .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {\n color: #181926;\n background-color: #b7bdf8;\n }\n :root .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled:hover {\n background-color: #5a68ef;\n }\n :root .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text {\n color: #b7bdf8;\n }\n :root .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text:hover {\n background-color: rgba(183, 189, 248, 0.1);\n }\n :root .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline,\n :root .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text {\n color: #cad3f5;\n }\n :root .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline:hover,\n :root .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text:hover {\n background-color: #363a4f;\n }\n :root .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline {\n border-color: #363a4f;\n }\n :root ::-webkit-scrollbar {\n width: 8px !important;\n }\n :root ::-webkit-scrollbar-track {\n background: #24273a !important;\n }\n :root ::-webkit-scrollbar-thumb {\n background: #b7bdf8 !important;\n }\n :root ::selection {\n background: rgba(183, 189, 248, 0.2) !important;\n color: #cad3f5 !important;\n }\n :root #ytd-player #container {\n background: #24273a !important;\n }\n :root ytd-topbar-logo-renderer.style-scope a svg > g path[fill=\"#FF0000\"],\n :root svg.ytd-consent-bump-v2-lightbox > g:nth-child(1) path[fill=\"#FF0000\"] {\n fill: #b7bdf8 !important;\n }\n :root ytd-topbar-logo-renderer.style-scope a svg > g path[fill=\"white\"],\n :root svg.ytd-consent-bump-v2-lightbox > g:nth-child(1) path[fill=\"white\"] {\n fill: #24273a !important;\n }\n /* for oled monitors */", - "start": 1211, + "code": "/* youtube.com */\n :root[dark] {\n /* apply everywhere */\n /* general colors */\n /* selected chapter */\n /* playlist selector */\n /* explandable meta */\n /* volume bar */\n /* new videos dot */\n /* subtitle */\n /* menu items */\n /* checkbox subitem */\n /* link */\n /* private video warning */\n /* search results */\n /* Results backgrounds */\n /* Transcript Button */\n /* text color */\n /* Hover and keyboard select background */\n /* Keyboard select text color and hover text color */\n /* exmplation box */\n /* custom likes + anims */\n /* iv branding */\n /* Popup for when you hover over the channel avatar in the video */\n /* Cards */\n /* Player tooltip background */\n /* Temporary fix */\n /* live badges */\n /* notification idicator */\n /* bell next to subscription button */\n /* creator badges */\n /* disable ambient mode */\n /* badges e.g. popular */\n /* Search border */\n /* New Feature inline banner */\n /* Chapter overview buttons */\n /* Error page */\n /* channel homepage */\n /* selected tab */\n /* unselected */\n /* hover */\n /* hopefully temporary */\n /* Scrollbar */\n /* text highlight */\n }\n :root[dark],\n :root[dark] [dark],\n :root[dark] html,\n :root[dark] html[system-icons][dark],\n :root[dark] html[system-icons] [dark],\n :root[dark] html[darker-dark-theme][dark],\n :root[dark] [darker-dark-theme] [dark] {\n --yt-spec-white-1: #cad3f5 !important;\n --yt-spec-white-2: #a5adcb !important;\n --yt-spec-white-3: #b8c0e0 !important;\n --yt-spec-white-4: #a6b0d8 !important;\n --yt-spec-black-1: #8087a2 !important;\n --yt-spec-black-2: #6e738d !important;\n --yt-spec-black-3: #5b6078 !important;\n --yt-spec-black-4: #494d64 !important;\n --yt-spec-black-pure: #363a4f !important;\n --yt-spec-grey-1: #cad3f5 !important;\n --yt-spec-grey-2: #a5adcb !important;\n --yt-spec-grey-3: #b8c0e0 !important;\n --yt-spec-grey-4: #939ab7 !important;\n --yt-spec-grey-5: #8087a2 !important;\n --yt-brand-youtube-red: #b7bdf8 !important;\n --yt-brand-medium-red: #b7bdf8 !important;\n --yt-brand-light-red: #b7bdf8 !important;\n --yt-spec-red-30: #f5a97f !important;\n --yt-spec-red-70: #ed8796 !important;\n --yt-spec-pale-blue: #91d7e3 !important;\n --yt-spec-light-blue: #91d7e3 !important;\n --yt-spec-dark-blue: #7dc4e4 !important;\n --yt-spec-navy-blue: #8bd5ca !important;\n --yt-spec-light-green: #a6da95 !important;\n --yt-spec-dark-green: #a6da95 !important;\n --yt-spec-yellow: #f5a97f !important;\n --yt-spec-black-pure-alpha-5: rgba(24, 25, 38, 0.9995) !important;\n --yt-spec-black-pure-alpha-10: rgba(24, 25, 38, 0.999) !important;\n --yt-spec-black-pure-alpha-15: rgba(24, 25, 38, 0.9985) !important;\n --yt-spec-black-pure-alpha-30: rgba(24, 25, 38, 0.997) !important;\n --yt-spec-black-pure-alpha-60: rgba(24, 25, 38, 0.994) !important;\n --yt-spec-black-pure-alpha-80: rgba(24, 25, 38, 0.992) !important;\n --yt-spec-black-1-alpha-98: rgba(24, 25, 38, 0.9902) !important;\n --yt-spec-black-1-alpha-95: rgba(24, 25, 38, 0.9905) !important;\n --yt-spec-white-1-alpha-10: rgba(202, 211, 245, 0.999) !important;\n --yt-spec-white-1-alpha-20: rgba(202, 211, 245, 0.998) !important;\n --yt-spec-white-1-alpha-25: rgba(202, 211, 245, 0.9975) !important;\n --yt-spec-white-1-alpha-30: rgba(202, 211, 245, 0.997) !important;\n --yt-spec-white-1-alpha-70: rgba(202, 211, 245, 0.993) !important;\n --yt-spec-white-1-alpha-95: rgba(202, 211, 245, 0.9905) !important;\n --yt-spec-white-1-alpha-98: rgba(202, 211, 245, 0.9902) !important;\n --yt-brand-medium-red-alpha-90: rgba(183, 189, 248, 0.991) !important;\n --yt-brand-medium-red-alpha-30: rgba(183, 189, 248, 0.997) !important;\n --yt-brand-light-red-alpha-30: rgba(183, 189, 248, 0.997) !important;\n --yt-spec-light-blue-alpha-30: rgba(125, 196, 228, 0.997) !important;\n --yt-spec-dark-blue-alpha-30: rgba(125, 196, 228, 0.997) !important;\n --yt-spec-base-background: #24273a !important;\n --yt-spec-raised-background: #1e2030 !important;\n --yt-spec-menu-background: #1e2030 !important;\n --yt-spec-inverted-background: #cad3f5 !important;\n --yt-spec-additive-background: rgba(54, 58, 79, 0.999) !important;\n --yt-spec-outline: #363a4f !important;\n --yt-spec-shadow: rgba(24, 25, 38, 0.9975) !important;\n --yt-spec-text-primary: #cad3f5 !important;\n --yt-spec-text-secondary: #a5adcb !important;\n --yt-spec-text-disabled: #b8c0e0 !important;\n --yt-spec-text-primary-inverse: #181926 !important;\n --yt-spec-call-to-action: #b7bdf8 !important;\n --yt-spec-call-to-action-inverse: #b7bdf8 !important;\n --yt-spec-suggested-action: rgba(183, 189, 248, 0.2) !important;\n --yt-spec-suggested-action-inverse: #cad3f5 !important;\n --yt-spec-icon-active-other: #6e738d !important;\n --yt-spec-button-chip-background-hover: #494d64 !important;\n --yt-spec-touch-response: #363a4f !important;\n --yt-spec-touch-response-inverse: #b7bdf8 !important;\n --yt-spec-brand-icon-active: #b7bdf8 !important;\n --yt-spec-brand-button-background: #b7bdf8 !important;\n --yt-spec-brand-link-text: #7dc4e4 !important;\n --yt-spec-wordmark-text: #cad3f5 !important;\n --yt-spec-error-indicator: #ed8796 !important;\n --yt-spec-themed-blue: #91d7e3 !important;\n --yt-spec-themed-green: #a6da95 !important;\n --yt-spec-ad-indicator: #8bd5ca !important;\n --yt-spec-themed-overlay-background: rgba(24, 25, 38, 0.992) !important;\n --yt-spec-commerce-badge-background: #a6da95 !important;\n --yt-spec-static-brand-red: #b7bdf8 !important;\n --yt-spec-static-brand-white: #cad3f5 !important;\n --yt-spec-static-brand-black: #24273a !important;\n --yt-spec-static-clear-color: #181926 !important;\n --yt-spec-static-clear-black: #181926 !important;\n --yt-spec-static-ad-yellow: #f5a97f !important;\n --yt-spec-static-grey: #a5adcb !important;\n --yt-spec-static-overlay-background-solid: #181926 !important;\n --yt-spec-static-overlay-background-heavy: rgba(54, 58, 79, 0.8) !important;\n --yt-spec-static-overlay-background-medium: rgba(24, 25, 38, 0.994) !important;\n --yt-spec-static-overlay-background-medium-light: rgba(24, 25, 38, 0.997) !important;\n --yt-spec-static-overlay-background-light: rgba(24, 25, 38, 0.999) !important;\n --yt-spec-static-overlay-text-primary: #cad3f5 !important;\n --yt-spec-static-overlay-text-secondary: rgba(165, 173, 203, 0.993) !important;\n --yt-spec-static-overlay-text-disabled: rgba(165, 173, 203, 0.997) !important;\n --yt-spec-static-overlay-call-to-action: #b7bdf8 !important;\n --yt-spec-static-overlay-icon-active-other: #cad3f5 !important;\n --yt-spec-static-overlay-icon-inactive: #494d64 !important;\n --yt-spec-static-overlay-icon-disabled: #5b6078 !important;\n --yt-spec-static-overlay-button-primary: #b7bdf8 !important;\n --yt-spec-static-overlay-button-secondary: #363a4f !important;\n --yt-spec-static-overlay-touch-response: #8087a2 !important;\n --yt-spec-static-overlay-touch-response-inverse: #494d64 !important;\n --yt-spec-static-overlay-background-brand: #b7bdf8 !important;\n --yt-spec-assistive-feed-themed-gradient-1: #a5adcb !important;\n --yt-spec-assistive-feed-themed-gradient-2: #b7bdf8 !important;\n --yt-spec-assistive-feed-themed-gradient-3: #ed8796 !important;\n --yt-spec-brand-background-solid: #24273a !important;\n --yt-spec-brand-background-primary: #24273a !important;\n --yt-spec-brand-background-secondary: #1e2030 !important;\n --yt-spec-general-background-a: #24273a !important;\n --yt-spec-general-background-b: #1e2030 !important;\n --yt-spec-general-background-c: #181926 !important;\n --yt-spec-error-background: #24273a !important;\n --yt-spec-10-percent-layer: #5b6078 !important;\n --yt-spec-snackbar-background: #1e2030 !important;\n --yt-spec-snackbar-background-updated: #1e2030 !important;\n --yt-spec-badge-chip-background: #494d64 !important;\n --yt-spec-verified-badge-background: #6e738d !important;\n --yt-spec-call-to-action-fadeoutd: rgba(125, 196, 228, 0.997) !important;\n --yt-spec-call-to-action-hover: #b7bdf8 !importantr;\n --yt-spec-brand-button-background-hover: #b7bdf8 !important;\n --yt-spec-brand-link-text-fadeoutd: rgba(183, 189, 248, 0.997) !important;\n --yt-spec-filled-button-focus-outline: #363a4f !important;\n --yt-spec-static-overlay-button-hover: #494d64 !important;\n --yt-spec-mono-filled-hover: #494d64 !important;\n --yt-spec-commerce-filled-hover: #b7bdf8 !important;\n --yt-spec-mono-tonal-hover: #494d64 !important;\n --yt-spec-commerce-tonal-hover: #5b6078 !important;\n --yt-spec-static-overlay-filled-hover: #8087a2 !important;\n --yt-spec-static-overlay-tonal-hover: #494d64 !important;\n --yt-spec-paper-tab-ink: rgba(202, 211, 245, 0.997);\n --yt-spec-filled-button-text: #cad3f5 !important;\n --yt-spec-selected-nav-text: #cad3f5 !important;\n --iron-icon-fill-color: #cad3f5 !important;\n /* Search bar */\n --ytd-searchbox-border-color: #363a4f !important;\n --ytd-searchbox-legacy-border-color: #363a4f !important;\n --ytd-searchbox-legacy-border-shadow-color: #181926 !important;\n --ytd-searchbox-legacy-button-color: #1e2030 !important;\n --ytd-searchbox-legacy-button-border-color: #363a4f !important;\n --ytd-searchbox-legacy-button-focus-color: #b7bdf8 !important;\n --ytd-searchbox-legacy-button-hover-color: #1e2030 !important;\n --ytd-searchbox-legacy-button-hover-border-color: #363a4f !important;\n --ytd-searchbox-legacy-button-icon-color: #b7bdf8 !important;\n --ytd-searchbox-background: #24273a !important;\n --ytd-searchbox-text-color: #cad3f5 !important;\n /* System icons */\n --yt-spec-icon-inactive: #6e738d !important;\n --yt-spec-icon-disabled: #8087a2 !important;\n --yt-spec-brand-icon-inactive: #939ab7 !important;\n /* Yt video Page */\n --yt-live-chat-background-color: #24273a !important;\n --yt-live-chat-action-panel-background-color: #24273a !important;\n --yt-live-chat-secondary-background-color: #494d64;\n --yt-live-chat-toast-background-color: #5b6078 !important;\n --yt-live-chat-mode-change-background-color: #24273a !important;\n --yt-live-chat-secondary-text-color: #a5adcb !important;\n --yt-live-chat-tertiary-text-color: rgba(202, 211, 245, 0.9946) !important;\n --yt-live-chat-text-input-field-inactive-underline-color: #a5adcb !important;\n --yt-live-chat-text-input-field-placeholder-color: #a5adcb !important;\n --yt-live-chat-enabled-send-button-color: #cad3f5 !important;\n --yt-live-chat-disabled-icon-button-color: #b8c0e0 !important;\n --yt-live-chat-picker-button-hover-color: #b7bdf8 !important;\n --yt-live-chat-mention-background-color: #b7bdf8 !important;\n --yt-live-chat-mention-text-color: #cad3f5 !important;\n --yt-live-chat-deleted-message-color: #a5adcb;\n --yt-live-chat-deleted-message-bar-color: #b8c0e0 !important;\n --yt-live-chat-reconnect-message-color: #cad3f5 !important;\n --yt-live-chat-disabled-button-background-color: #6e738d !important;\n --yt-live-chat-sub-panel-background-color: #24273a !important;\n --yt-live-chat-sub-panel-background-color-transparent: #1e2030 !important;\n --yt-live-chat-moderator-color: #b7bdf8 !important;\n --yt-live-chat-owner-color: #f5a97f !important;\n --yt-live-chat-message-highlight-background-color: #24273a !important;\n --yt-live-chat-sponsor-color: #a6da95 !important;\n --yt-live-chat-overlay-color: rgba(30, 32, 48, 0.995);\n --yt-live-chat-dialog-background-color: #24273a !important;\n --yt-emoji-picker-variant-selector-bg-color: #24273a !important;\n --yt-live-chat-moderation-mode-hover-background-color: rgba(30, 32, 48, 0.997) !important;\n --yt-grey: #a5adcb !important;\n --yt-live-chat-text-input-field-suggestion-background-color: #a5adcb !important;\n --yt-live-chat-text-input-field-suggestion-background-color-hover: #b8c0e0 !important;\n --yt-emoji-picker-search-background-color: #363a4f !important;\n --yt-emoji-picker-search-color: #cad3f5 !important;\n --yt-emoji-picker-search-placeholder-color: #b7bdf8 !important;\n --yt-live-chat-slider-active-color: #b7bdf8 !important;\n --yt-live-chat-slider-container-color: #363a4f !important;\n --yt-live-chat-slider-markers-color: #cad3f5 !important;\n --yt-live-chat-banner-gradient-scrim: linear-gradient(#1e2030, transparent) !important;\n --yt-live-chat-action-panel-gradient-scrim: linear-gradient(to top, #1e2030, transparent) !important;\n --yt-live-chat-automod-button-background-color-hover: rgba(24, 25, 38, 0.995) !important;\n --yt-live-chat-automod-button-explanation-color: rgba(183, 189, 248, 0.993) !important;\n --yt-live-chat-shimmer-background-color: rgba(24, 25, 38, 0.996) !important;\n --yt-live-chat-shimmer-linear-gradient: linear-gradient(0deg, rgba(202, 211, 245, 0.999) 40%, rgba(36, 39, 58, 0.997) 50%, rgba(202, 211, 245, 0.999) 60%) !important;\n --yt-live-chat-vem-background-color: #1e2030 !important;\n --yt-live-chat-product-picker-icon-color: rgba(202, 211, 245, 0.995) !important;\n --yt-live-chat-product-picker-hover-color: #6e738d !important;\n --yt-live-chat-product-picker-disabled-icon-color: rgba(202, 211, 245, 0.997) !important;\n --yt-live-chat-action-panel-background-color-transparent: (\n null\n ) !important;\n /* Tooltip */\n --paper-tooltip-background: #6e738d !important;\n --paper-tooltip-text-color: #cad3f5 !important;\n /* links */\n --yt-endpoint-color: #b7bdf8 !important;\n --yt-endpoint-visited-color: #b7bdf8 !important;\n --yt-endpoint-hover-color: #b7bdf8 !important;\n --sb-dark-red-outline: #b7bdf8 !important;\n --sb-main-bg-color: #24273a !important;\n --sb-main-fg-color: #cad3f5 !important;\n --sb-grey-bg-color: #24273a !important;\n --sb-grey-fg-color: #a5adcb !important;\n --sb-red-bg-color: #b7bdf8 !important;\n }\n :root[dark]:not(.style-scope) {\n --primary-text-color: #cad3f5 !important;\n --primary-background-color: #24273a !important;\n --secondary-text-color: #a5adcb !important;\n --disabled-text-color: #b8c0e0 !important;\n --divider-color: #6e738d !important;\n --error-color: #ed8796 !important;\n --primary-color: #b7bdf8 !important;\n --light-primary-color: #b7bdf8 !important;\n --dark-primary-color: #8aadf4 !important;\n --accent-color: #b7bdf8 !important;\n --light-accent-color: #b7bdf8 !important;\n --dark-accent-color: #b7bdf8 !important;\n --light-theme-background-color: #24273a !important;\n --light-theme-base-color: #cad3f5 !important;\n --light-theme-text-color: #cad3f5 !important;\n --light-theme-secondary-color: #a5adcb !important;\n --light-theme-disabled-color: #b8c0e0 !important;\n --light-theme-divider-color: #6e738d !important;\n --dark-theme-background-color: #24273a !important;\n --dark-theme-base-color: #cad3f5 !important;\n --dark-theme-text-color: #cad3f5 !important;\n --dark-theme-secondary-color: #a5adcb !important;\n --dark-theme-disabled-color: #b8c0e0 !important;\n --dark-theme-divider-color: #6e738d !important;\n }\n :root[dark] #channel-name.ytd-video-meta-block {\n --yt-endpoint-color: #b7bdf8 !important;\n --yt-endpoint-visited-color: #b7bdf8 !important;\n color: #b7bdf8 !important;\n }\n :root[dark] ytd-macro-markers-list-item-renderer {\n --ytd-macro-markers-list-item-background-color: #363a4f !important;\n --ytd-macro-markers-list-item-title-color: #cad3f5 !important;\n --ytd-macro-markers-list-item-secondary-color: #b8c0e0 !important;\n --ytd-macro-markers-list-item-timestamp-background-color: #494d64 !important;\n }\n :root[dark] ytd-playlist-panel-video-renderer {\n --yt-lightsource-section2-color: #494d64 !important;\n --yt-lightsource-section4-color: #5b6078 !important;\n --yt-lightsource-primary-title-color: #cad3f5 !important;\n --yt-lightsource-secondary-title-color: #cad3f5 !important;\n --yt-active-playlist-panel-background-color: #363a4f !important;\n }\n :root[dark] ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] .header.ytd-playlist-panel-renderer {\n --iron-icon-fill-color: #cad3f5 !important;\n background-color: #24273a !important;\n }\n :root[dark] ytd-expandable-metadata-renderer {\n --yt-lightsource-section1-color: #24273a !important;\n --yt-lightsource-section2-color: #363a4f !important;\n --yt-lightsource-section3-color: #494d64 !important;\n --yt-lightsource-section4-color: #5b6078 !important;\n --yt-lightsource-primary-title-color: #cad3f5 !important;\n --yt-lightsource-secondary-title-color: #a5adcb !important;\n }\n :root[dark] yt-live-chat-renderer {\n --yt-emoji-picker-renderer-height: 180px;\n --yt-button-default-text-color: #cad3f5 !important;\n --yt-button-default-background-color: #24273a !important;\n --yt-button-dark-text-color: #24273a !important;\n --yt-button-dark-background-color: #b7bdf8 !important;\n --yt-button-payment-background-color: #b7bdf8 !important;\n }\n :root[dark] yt-icon.ytd-pinned-comment-badge-renderer * {\n fill: #cad3f5 !important;\n }\n :root[dark] .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start::after {\n background: #6e738d !important;\n }\n :root[dark] .html5-ypc-purchase {\n background: #b7bdf8 !important;\n }\n :root[dark] .html5-ypc-purchase:hover {\n background: #e5e8fd !important;\n }\n :root[dark] yt-notification-action-renderer[darker-dark-theme] tp-yt-paper-toast.yt-notification-action-renderer {\n background: #6e738d !important;\n }\n :root[dark] .ytp-volume-slider-handle {\n background: #b7bdf8 !important;\n }\n :root[dark] .ytp-volume-slider-handle::before {\n background: #b7bdf8 !important;\n }\n :root[dark] .ytp-volume-slider-handle::after {\n z-index: -1;\n }\n :root[dark] #newness-dot {\n background-color: #b7bdf8 !important;\n }\n :root[dark] .ytp-chrome-controls .ytp-button[aria-pressed]::after {\n background-color: #b7bdf8 !important;\n }\n :root[dark] .ytp-menuitem[aria-checked=\"true\"] .ytp-menuitem-toggle-checkbox {\n background: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%3E%3Cpath%20d%3D%22M9%2016.2L4.8%2012l-1.4%201.4L9%2019%2021%207l-1.4-1.4L9%2016.2z%22%20fill%3D%22%23b7bdf8%22/%3E%3C/svg%3E\");\n }\n :root[dark] .ytp-menuitem:not([aria-disabled=\"true\"]):hover {\n background: #494d64 !important;\n }\n :root[dark] .ytp-settings-button.ytp-hd-quality-badge::after,\n :root[dark] .ytp-settings-button.ytp-4k-quality-badge::after,\n :root[dark] .ytp-settings-button.ytp-5k-quality-badge::after,\n :root[dark] .ytp-settings-button.ytp-8k-quality-badge::after,\n :root[dark] .ytp-settings-button.ytp-3d-badge::after {\n background-color: #b7bdf8 !important;\n }\n :root[dark] .ytp-panel-menu {\n color: #cad3f5;\n }\n :root[dark] .ytp-panel-menu .ytp-menuitem:not(:last-child) svg > path {\n fill: #cad3f5;\n }\n :root[dark] .ytp-panel-menu .ytp-menuitem:last-child svg:last-child {\n fill: #cad3f5;\n }\n :root[dark] .ytp-right-controls svg path,\n :root[dark] .ytp-svg-fill {\n fill: #fff !important;\n }\n :root[dark] .ytp-time-current,\n :root[dark] .ytp-time-separator,\n :root[dark] .ytp-time-duration,\n :root[dark] .ytp-menu-label-secondary,\n :root[dark] .ytp-menuitem-label-count {\n color: #fff;\n }\n :root[dark] .ytp-tooltip:not([aria-hidden=\"true\"]) {\n color: #cad3f5;\n }\n :root[dark] .style-scope.ytd-thumbnail-overlay-toggle-button-renderer:hover {\n fill: #b7bdf8 !important;\n }\n :root[dark] .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled,\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {\n background-color: #b7bdf8 !important;\n }\n :root[dark] .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled .yt-spec-button-shape-next__icon yt-icon svg g path,\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled .yt-spec-button-shape-next__icon yt-icon svg g path {\n fill: #24273a !important;\n }\n :root[dark] .yt-core-attributed-string__link--call-to-action-color {\n color: #7dc4e4 !important;\n }\n :root[dark] .yt-core-attributed-string__link--call-to-action-color:hover {\n color: #8bd5ca !important;\n }\n :root[dark] .WARNING.yt-alert-renderer {\n background-color: #eed49f;\n }\n :root[dark] .sbpqs_a::before,\n :root[dark] .sbqs_c::before {\n filter: invert(1);\n }\n :root[dark] .sbsb_a,\n :root[dark] .sbdd_b {\n background: #1e2030 !important;\n }\n :root[dark] .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline {\n color: #b7bdf8 !important;\n border-color: #5b6078 !important;\n }\n :root[dark] .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline:hover {\n background-color: rgba(183, 189, 248, 0.2) !important;\n border-color: rgba(183, 189, 248, 0.2) !important;\n }\n :root[dark] .gsfs {\n color: #cad3f5 !important;\n }\n :root[dark] .sbsb_c.gsfs:hover,\n :root[dark] .sbsb_d {\n background-color: #363a4f !important;\n }\n :root[dark] .sbfl_b {\n background-color: #1e2030 !important;\n }\n :root[dark] .sbfl_b:hover {\n background-color: #363a4f !important;\n color: #b7bdf8 !important;\n }\n :root[dark] .sbpqs_a {\n color: #b7bdf8 !important;\n }\n :root[dark] .sbfl_a {\n color: #a5adcb !important;\n }\n :root[dark] .sbsb_i {\n color: #a5adcb;\n }\n :root[dark] .sbsb_c:hover .sbqs_c,\n :root[dark] .sbsb_c.gsfs.sbsb_d .sbqs_c {\n color: #b7bdf8 !important;\n }\n :root[dark] .ytp-swatch-background-color {\n background-color: #b7bdf8 !important;\n }\n :root[dark] .explanation-box[correct] * {\n color: #181926 !important;\n }\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) {\n /* not liked */\n /* liked */\n }\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(2) > path:nth-child(1),\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(4) > path:nth-child(1) {\n stroke: #cad3f5 !important;\n }\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(1) > path:nth-child(1),\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(3) > path:nth-child(1) {\n fill: #b7bdf8 !important;\n }\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(1) > path:nth-child(2),\n :root[dark] yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(3) > path:nth-child(2) {\n stroke: #b7bdf8 !important;\n }\n :root[dark] .iv-branding .branding-context-container-inner {\n background-color: #24273a !important;\n }\n :root[dark] .iv-branding .iv-branding-context-name {\n color: #cad3f5 !important;\n text-shadow: none !important;\n }\n :root[dark] .iv-drawer-content {\n background-color: rgba(30, 32, 48, 0.95) !important;\n }\n :root[dark] .iv-drawer-header-text {\n color: #cad3f5 !important;\n }\n :root[dark] .iv-card-content,\n :root[dark] .ytp-ce-expanding-overlay-background,\n :root[dark] .ytp-cards-teaser .ytp-cards-teaser-text,\n :root[dark] .ytp-cards-teaser .ytp-cards-teaser-box {\n background-color: #24273a !important;\n }\n :root[dark] .iv-card-content > :first-child,\n :root[dark] .html5-video-player a,\n :root[dark] .iv-card h2,\n :root[dark] .ytp-cards-teaser .ytp-cards-teaser-text {\n color: #cad3f5 !important;\n }\n :root[dark] .ytp-tooltip-text {\n background: #363a4f !important;\n }\n :root[dark] .iv-card:hover .iv-card-primary-link,\n :root[dark] .ytp-ce-website-title {\n color: #b7bdf8 !important;\n }\n :root[dark] .ytp-popup {\n background: #363a4f !important;\n }\n :root[dark] tp-yt-paper-dialog {\n background-color: #24273a !important;\n }\n :root[dark] .yt-core-attributed-string--link-inherit-color {\n color: #cad3f5 !important;\n /* &:hover {\n * color: @teal !important;\n } */\n }\n :root[dark] .badge-style-type-live-now-alternate,\n :root[dark] ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] {\n color: #181926 !important;\n }\n :root[dark] .badge-style-type-live-now-alternate yt-icon svg g path,\n :root[dark] ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] yt-icon svg g path,\n :root[dark] .badge-style-type-live-now-alternate yt-icon svg path,\n :root[dark] ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] yt-icon svg path {\n fill: #181926 !important;\n }\n :root[dark] .ytp-live-badge::before {\n background: #b8c0e0 !important;\n }\n :root[dark] .ytp-live-badge[disabled]::before {\n background: #b7bdf8 !important;\n }\n :root[dark] .yt-spec-icon-badge-shape--type-notification .yt-spec-icon-badge-shape__badge {\n background-color: #b7bdf8 !important;\n color: #181926 !important;\n }\n :root[dark] .yt-spec-icon-badge-shape--style-overlay .yt-spec-icon-badge-shape__icon {\n color: var(--yt-spec-icon-active-other) !important;\n }\n :root[dark] .yt-spec-icon-badge-shape {\n color: var(--yt-spec-icon-active-other) !important;\n }\n :root[dark] .yt-animated-icon svg g path,\n :root[dark] .yt-animated-icon svg path {\n fill: #cad3f5 !important;\n }\n :root[dark] ytd-author-comment-badge-renderer {\n --yt-basic-background-color: #363a4f !important;\n --yt-basic-foreground-title-color: #363a4f !important;\n --ytd-author-comment-badge-background-color: #363a4f !important;\n --ytd-author-comment-badge-name-color: #cad3f5 !important;\n --ytd-author-comment-badge-icon-color: #cad3f5 !important;\n padding-right: 6px;\n padding-left: 8px;\n }\n :root[dark] #cinematics > div > canvas {\n visibility: hidden;\n }\n :root[dark] yt-chip-cloud-chip-renderer[chip-style=\"STYLE_DEFAULT\"][selected],\n :root[dark] yt-chip-cloud-chip-renderer[chip-style=\"STYLE_HOME_FILTER\"][selected] {\n background: #b7bdf8 !important;\n color: #181926 !important;\n }\n :root[dark] ytd-searchbox[has-focus] #container.ytd-searchbox {\n border-color: #b7bdf8 !important;\n }\n :root[dark] .ytd-brand-video-singleton-renderer {\n background: #363a4f !important;\n color: #cad3f5 !important;\n }\n :root[dark] yt-button-shape a {\n border-color: #cad3f5 !important;\n color: #cad3f5 !important;\n }\n :root[dark] #share-button button,\n :root[dark] #repeat-button button {\n color: #cad3f5 !important;\n }\n :root[dark] #error-page {\n background-color: #24273a !important;\n }\n :root[dark] #error-page-content {\n color: #cad3f5 !important;\n text-shadow: none;\n background-color: #24273a !important;\n }\n :root[dark] #error-page-content > p {\n color: #cad3f5 !important;\n text-shadow: none;\n }\n :root[dark] #error-page-content #masthead-search-terms.masthead-search-terms-border {\n border-color: #b7bdf8 !important;\n box-shadow: none !important;\n }\n :root[dark] #error-page-content #yt-masthead {\n color: #cad3f5 !important;\n text-shadow: none;\n }\n :root[dark] #error-page-content #yt-masthead #logo-container .logo {\n filter: invert(1) grayscale(1);\n }\n :root[dark] #error-page-content #yt-masthead #logo-container .content-region {\n color: #cad3f5 !important;\n text-shadow: none;\n }\n :root[dark] #error-page-content #yt-masthead #masthead-search #masthead-search-terms-border input[type=\"text\"] {\n color: #cad3f5 !important;\n }\n :root[dark] #error-page-content #yt-masthead #masthead-search #masthead-search-terms-border input[type=\"text\"]:focus {\n color: #b7bdf8 !important;\n }\n :root[dark] #error-page-content #yt-masthead .search-button {\n background-color: #1e2030 !important;\n }\n :root[dark] .yt-tab-shape-wiz__tab--tab-selected {\n color: #b7bdf8 !important;\n }\n :root[dark] .yt-tab-group-shape-wiz__slider {\n background-color: #b7bdf8 !important;\n }\n :root[dark] .yt-tab-shape-wiz__tab {\n color: #b8c0e0;\n }\n :root[dark] .yt-tab-shape-wiz:hover .yt-tab-shape-wiz__tab {\n color: #daddfb;\n }\n :root[dark] .yt-tab-shape-wiz:hover .yt-tab-shape-wiz__tab-bar {\n background-color: #daddfb;\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal {\n background-color: #363a4f;\n color: #cad3f5;\n }\n :root[dark] .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {\n color: #181926;\n background-color: #b7bdf8;\n }\n :root[dark] .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled:hover {\n background-color: #5a68ef;\n }\n :root[dark] .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text {\n color: #b7bdf8;\n }\n :root[dark] .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text:hover {\n background-color: rgba(183, 189, 248, 0.1);\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline,\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text {\n color: #cad3f5;\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline:hover,\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text:hover {\n background-color: #363a4f;\n }\n :root[dark] .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline {\n border-color: #363a4f;\n }\n :root[dark] ::-webkit-scrollbar {\n width: 8px !important;\n }\n :root[dark] ::-webkit-scrollbar-track {\n background: #24273a !important;\n }\n :root[dark] ::-webkit-scrollbar-thumb {\n background: #b7bdf8 !important;\n }\n :root[dark] ::selection {\n background: rgba(183, 189, 248, 0.2) !important;\n color: #cad3f5 !important;\n }\n :root[dark] #ytd-player #container {\n background: #24273a !important;\n }\n :root[dark] ytd-topbar-logo-renderer.style-scope a svg > g path[fill=\"#FF0000\"],\n :root[dark] svg.ytd-consent-bump-v2-lightbox > g:nth-child(1) path[fill=\"#FF0000\"] {\n fill: #b7bdf8 !important;\n }\n :root[dark] ytd-topbar-logo-renderer.style-scope a svg > g path[fill=\"white\"],\n :root[dark] svg.ytd-consent-bump-v2-lightbox > g:nth-child(1) path[fill=\"white\"] {\n fill: #24273a !important;\n }\n :root {\n /* apply everywhere */\n /* general colors */\n /* selected chapter */\n /* playlist selector */\n /* explandable meta */\n /* volume bar */\n /* new videos dot */\n /* subtitle */\n /* menu items */\n /* checkbox subitem */\n /* link */\n /* private video warning */\n /* search results */\n /* Results backgrounds */\n /* Transcript Button */\n /* text color */\n /* Hover and keyboard select background */\n /* Keyboard select text color and hover text color */\n /* exmplation box */\n /* custom likes + anims */\n /* iv branding */\n /* Popup for when you hover over the channel avatar in the video */\n /* Cards */\n /* Player tooltip background */\n /* Temporary fix */\n /* live badges */\n /* notification idicator */\n /* bell next to subscription button */\n /* creator badges */\n /* disable ambient mode */\n /* badges e.g. popular */\n /* Search border */\n /* New Feature inline banner */\n /* Chapter overview buttons */\n /* Error page */\n /* channel homepage */\n /* selected tab */\n /* unselected */\n /* hover */\n /* hopefully temporary */\n /* Scrollbar */\n /* text highlight */\n }\n :root,\n :root [dark],\n :root html,\n :root html[system-icons][dark],\n :root html[system-icons] [dark],\n :root html[darker-dark-theme][dark],\n :root [darker-dark-theme] [dark] {\n --yt-spec-white-1: #cad3f5 !important;\n --yt-spec-white-2: #a5adcb !important;\n --yt-spec-white-3: #b8c0e0 !important;\n --yt-spec-white-4: #a6b0d8 !important;\n --yt-spec-black-1: #8087a2 !important;\n --yt-spec-black-2: #6e738d !important;\n --yt-spec-black-3: #5b6078 !important;\n --yt-spec-black-4: #494d64 !important;\n --yt-spec-black-pure: #363a4f !important;\n --yt-spec-grey-1: #cad3f5 !important;\n --yt-spec-grey-2: #a5adcb !important;\n --yt-spec-grey-3: #b8c0e0 !important;\n --yt-spec-grey-4: #939ab7 !important;\n --yt-spec-grey-5: #8087a2 !important;\n --yt-brand-youtube-red: #b7bdf8 !important;\n --yt-brand-medium-red: #b7bdf8 !important;\n --yt-brand-light-red: #b7bdf8 !important;\n --yt-spec-red-30: #f5a97f !important;\n --yt-spec-red-70: #ed8796 !important;\n --yt-spec-pale-blue: #91d7e3 !important;\n --yt-spec-light-blue: #91d7e3 !important;\n --yt-spec-dark-blue: #7dc4e4 !important;\n --yt-spec-navy-blue: #8bd5ca !important;\n --yt-spec-light-green: #a6da95 !important;\n --yt-spec-dark-green: #a6da95 !important;\n --yt-spec-yellow: #f5a97f !important;\n --yt-spec-black-pure-alpha-5: rgba(24, 25, 38, 0.9995) !important;\n --yt-spec-black-pure-alpha-10: rgba(24, 25, 38, 0.999) !important;\n --yt-spec-black-pure-alpha-15: rgba(24, 25, 38, 0.9985) !important;\n --yt-spec-black-pure-alpha-30: rgba(24, 25, 38, 0.997) !important;\n --yt-spec-black-pure-alpha-60: rgba(24, 25, 38, 0.994) !important;\n --yt-spec-black-pure-alpha-80: rgba(24, 25, 38, 0.992) !important;\n --yt-spec-black-1-alpha-98: rgba(24, 25, 38, 0.9902) !important;\n --yt-spec-black-1-alpha-95: rgba(24, 25, 38, 0.9905) !important;\n --yt-spec-white-1-alpha-10: rgba(202, 211, 245, 0.999) !important;\n --yt-spec-white-1-alpha-20: rgba(202, 211, 245, 0.998) !important;\n --yt-spec-white-1-alpha-25: rgba(202, 211, 245, 0.9975) !important;\n --yt-spec-white-1-alpha-30: rgba(202, 211, 245, 0.997) !important;\n --yt-spec-white-1-alpha-70: rgba(202, 211, 245, 0.993) !important;\n --yt-spec-white-1-alpha-95: rgba(202, 211, 245, 0.9905) !important;\n --yt-spec-white-1-alpha-98: rgba(202, 211, 245, 0.9902) !important;\n --yt-brand-medium-red-alpha-90: rgba(183, 189, 248, 0.991) !important;\n --yt-brand-medium-red-alpha-30: rgba(183, 189, 248, 0.997) !important;\n --yt-brand-light-red-alpha-30: rgba(183, 189, 248, 0.997) !important;\n --yt-spec-light-blue-alpha-30: rgba(125, 196, 228, 0.997) !important;\n --yt-spec-dark-blue-alpha-30: rgba(125, 196, 228, 0.997) !important;\n --yt-spec-base-background: #24273a !important;\n --yt-spec-raised-background: #1e2030 !important;\n --yt-spec-menu-background: #1e2030 !important;\n --yt-spec-inverted-background: #cad3f5 !important;\n --yt-spec-additive-background: rgba(54, 58, 79, 0.999) !important;\n --yt-spec-outline: #363a4f !important;\n --yt-spec-shadow: rgba(24, 25, 38, 0.9975) !important;\n --yt-spec-text-primary: #cad3f5 !important;\n --yt-spec-text-secondary: #a5adcb !important;\n --yt-spec-text-disabled: #b8c0e0 !important;\n --yt-spec-text-primary-inverse: #181926 !important;\n --yt-spec-call-to-action: #b7bdf8 !important;\n --yt-spec-call-to-action-inverse: #b7bdf8 !important;\n --yt-spec-suggested-action: rgba(183, 189, 248, 0.2) !important;\n --yt-spec-suggested-action-inverse: #cad3f5 !important;\n --yt-spec-icon-active-other: #6e738d !important;\n --yt-spec-button-chip-background-hover: #494d64 !important;\n --yt-spec-touch-response: #363a4f !important;\n --yt-spec-touch-response-inverse: #b7bdf8 !important;\n --yt-spec-brand-icon-active: #b7bdf8 !important;\n --yt-spec-brand-button-background: #b7bdf8 !important;\n --yt-spec-brand-link-text: #7dc4e4 !important;\n --yt-spec-wordmark-text: #cad3f5 !important;\n --yt-spec-error-indicator: #ed8796 !important;\n --yt-spec-themed-blue: #91d7e3 !important;\n --yt-spec-themed-green: #a6da95 !important;\n --yt-spec-ad-indicator: #8bd5ca !important;\n --yt-spec-themed-overlay-background: rgba(24, 25, 38, 0.992) !important;\n --yt-spec-commerce-badge-background: #a6da95 !important;\n --yt-spec-static-brand-red: #b7bdf8 !important;\n --yt-spec-static-brand-white: #cad3f5 !important;\n --yt-spec-static-brand-black: #24273a !important;\n --yt-spec-static-clear-color: #181926 !important;\n --yt-spec-static-clear-black: #181926 !important;\n --yt-spec-static-ad-yellow: #f5a97f !important;\n --yt-spec-static-grey: #a5adcb !important;\n --yt-spec-static-overlay-background-solid: #181926 !important;\n --yt-spec-static-overlay-background-heavy: rgba(54, 58, 79, 0.8) !important;\n --yt-spec-static-overlay-background-medium: rgba(24, 25, 38, 0.994) !important;\n --yt-spec-static-overlay-background-medium-light: rgba(24, 25, 38, 0.997) !important;\n --yt-spec-static-overlay-background-light: rgba(24, 25, 38, 0.999) !important;\n --yt-spec-static-overlay-text-primary: #cad3f5 !important;\n --yt-spec-static-overlay-text-secondary: rgba(165, 173, 203, 0.993) !important;\n --yt-spec-static-overlay-text-disabled: rgba(165, 173, 203, 0.997) !important;\n --yt-spec-static-overlay-call-to-action: #b7bdf8 !important;\n --yt-spec-static-overlay-icon-active-other: #cad3f5 !important;\n --yt-spec-static-overlay-icon-inactive: #494d64 !important;\n --yt-spec-static-overlay-icon-disabled: #5b6078 !important;\n --yt-spec-static-overlay-button-primary: #b7bdf8 !important;\n --yt-spec-static-overlay-button-secondary: #363a4f !important;\n --yt-spec-static-overlay-touch-response: #8087a2 !important;\n --yt-spec-static-overlay-touch-response-inverse: #494d64 !important;\n --yt-spec-static-overlay-background-brand: #b7bdf8 !important;\n --yt-spec-assistive-feed-themed-gradient-1: #a5adcb !important;\n --yt-spec-assistive-feed-themed-gradient-2: #b7bdf8 !important;\n --yt-spec-assistive-feed-themed-gradient-3: #ed8796 !important;\n --yt-spec-brand-background-solid: #24273a !important;\n --yt-spec-brand-background-primary: #24273a !important;\n --yt-spec-brand-background-secondary: #1e2030 !important;\n --yt-spec-general-background-a: #24273a !important;\n --yt-spec-general-background-b: #1e2030 !important;\n --yt-spec-general-background-c: #181926 !important;\n --yt-spec-error-background: #24273a !important;\n --yt-spec-10-percent-layer: #5b6078 !important;\n --yt-spec-snackbar-background: #1e2030 !important;\n --yt-spec-snackbar-background-updated: #1e2030 !important;\n --yt-spec-badge-chip-background: #494d64 !important;\n --yt-spec-verified-badge-background: #6e738d !important;\n --yt-spec-call-to-action-fadeoutd: rgba(125, 196, 228, 0.997) !important;\n --yt-spec-call-to-action-hover: #b7bdf8 !importantr;\n --yt-spec-brand-button-background-hover: #b7bdf8 !important;\n --yt-spec-brand-link-text-fadeoutd: rgba(183, 189, 248, 0.997) !important;\n --yt-spec-filled-button-focus-outline: #363a4f !important;\n --yt-spec-static-overlay-button-hover: #494d64 !important;\n --yt-spec-mono-filled-hover: #494d64 !important;\n --yt-spec-commerce-filled-hover: #b7bdf8 !important;\n --yt-spec-mono-tonal-hover: #494d64 !important;\n --yt-spec-commerce-tonal-hover: #5b6078 !important;\n --yt-spec-static-overlay-filled-hover: #8087a2 !important;\n --yt-spec-static-overlay-tonal-hover: #494d64 !important;\n --yt-spec-paper-tab-ink: rgba(202, 211, 245, 0.997);\n --yt-spec-filled-button-text: #cad3f5 !important;\n --yt-spec-selected-nav-text: #cad3f5 !important;\n --iron-icon-fill-color: #cad3f5 !important;\n /* Search bar */\n --ytd-searchbox-border-color: #363a4f !important;\n --ytd-searchbox-legacy-border-color: #363a4f !important;\n --ytd-searchbox-legacy-border-shadow-color: #181926 !important;\n --ytd-searchbox-legacy-button-color: #1e2030 !important;\n --ytd-searchbox-legacy-button-border-color: #363a4f !important;\n --ytd-searchbox-legacy-button-focus-color: #b7bdf8 !important;\n --ytd-searchbox-legacy-button-hover-color: #1e2030 !important;\n --ytd-searchbox-legacy-button-hover-border-color: #363a4f !important;\n --ytd-searchbox-legacy-button-icon-color: #b7bdf8 !important;\n --ytd-searchbox-background: #24273a !important;\n --ytd-searchbox-text-color: #cad3f5 !important;\n /* System icons */\n --yt-spec-icon-inactive: #6e738d !important;\n --yt-spec-icon-disabled: #8087a2 !important;\n --yt-spec-brand-icon-inactive: #939ab7 !important;\n /* Yt video Page */\n --yt-live-chat-background-color: #24273a !important;\n --yt-live-chat-action-panel-background-color: #24273a !important;\n --yt-live-chat-secondary-background-color: #494d64;\n --yt-live-chat-toast-background-color: #5b6078 !important;\n --yt-live-chat-mode-change-background-color: #24273a !important;\n --yt-live-chat-secondary-text-color: #a5adcb !important;\n --yt-live-chat-tertiary-text-color: rgba(202, 211, 245, 0.9946) !important;\n --yt-live-chat-text-input-field-inactive-underline-color: #a5adcb !important;\n --yt-live-chat-text-input-field-placeholder-color: #a5adcb !important;\n --yt-live-chat-enabled-send-button-color: #cad3f5 !important;\n --yt-live-chat-disabled-icon-button-color: #b8c0e0 !important;\n --yt-live-chat-picker-button-hover-color: #b7bdf8 !important;\n --yt-live-chat-mention-background-color: #b7bdf8 !important;\n --yt-live-chat-mention-text-color: #cad3f5 !important;\n --yt-live-chat-deleted-message-color: #a5adcb;\n --yt-live-chat-deleted-message-bar-color: #b8c0e0 !important;\n --yt-live-chat-reconnect-message-color: #cad3f5 !important;\n --yt-live-chat-disabled-button-background-color: #6e738d !important;\n --yt-live-chat-sub-panel-background-color: #24273a !important;\n --yt-live-chat-sub-panel-background-color-transparent: #1e2030 !important;\n --yt-live-chat-moderator-color: #b7bdf8 !important;\n --yt-live-chat-owner-color: #f5a97f !important;\n --yt-live-chat-message-highlight-background-color: #24273a !important;\n --yt-live-chat-sponsor-color: #a6da95 !important;\n --yt-live-chat-overlay-color: rgba(30, 32, 48, 0.995);\n --yt-live-chat-dialog-background-color: #24273a !important;\n --yt-emoji-picker-variant-selector-bg-color: #24273a !important;\n --yt-live-chat-moderation-mode-hover-background-color: rgba(30, 32, 48, 0.997) !important;\n --yt-grey: #a5adcb !important;\n --yt-live-chat-text-input-field-suggestion-background-color: #a5adcb !important;\n --yt-live-chat-text-input-field-suggestion-background-color-hover: #b8c0e0 !important;\n --yt-emoji-picker-search-background-color: #363a4f !important;\n --yt-emoji-picker-search-color: #cad3f5 !important;\n --yt-emoji-picker-search-placeholder-color: #b7bdf8 !important;\n --yt-live-chat-slider-active-color: #b7bdf8 !important;\n --yt-live-chat-slider-container-color: #363a4f !important;\n --yt-live-chat-slider-markers-color: #cad3f5 !important;\n --yt-live-chat-banner-gradient-scrim: linear-gradient(#1e2030, transparent) !important;\n --yt-live-chat-action-panel-gradient-scrim: linear-gradient(to top, #1e2030, transparent) !important;\n --yt-live-chat-automod-button-background-color-hover: rgba(24, 25, 38, 0.995) !important;\n --yt-live-chat-automod-button-explanation-color: rgba(183, 189, 248, 0.993) !important;\n --yt-live-chat-shimmer-background-color: rgba(24, 25, 38, 0.996) !important;\n --yt-live-chat-shimmer-linear-gradient: linear-gradient(0deg, rgba(202, 211, 245, 0.999) 40%, rgba(36, 39, 58, 0.997) 50%, rgba(202, 211, 245, 0.999) 60%) !important;\n --yt-live-chat-vem-background-color: #1e2030 !important;\n --yt-live-chat-product-picker-icon-color: rgba(202, 211, 245, 0.995) !important;\n --yt-live-chat-product-picker-hover-color: #6e738d !important;\n --yt-live-chat-product-picker-disabled-icon-color: rgba(202, 211, 245, 0.997) !important;\n --yt-live-chat-action-panel-background-color-transparent: (\n null\n ) !important;\n /* Tooltip */\n --paper-tooltip-background: #6e738d !important;\n --paper-tooltip-text-color: #cad3f5 !important;\n /* links */\n --yt-endpoint-color: #b7bdf8 !important;\n --yt-endpoint-visited-color: #b7bdf8 !important;\n --yt-endpoint-hover-color: #b7bdf8 !important;\n --sb-dark-red-outline: #b7bdf8 !important;\n --sb-main-bg-color: #24273a !important;\n --sb-main-fg-color: #cad3f5 !important;\n --sb-grey-bg-color: #24273a !important;\n --sb-grey-fg-color: #a5adcb !important;\n --sb-red-bg-color: #b7bdf8 !important;\n }\n :root:not(.style-scope) {\n --primary-text-color: #cad3f5 !important;\n --primary-background-color: #24273a !important;\n --secondary-text-color: #a5adcb !important;\n --disabled-text-color: #b8c0e0 !important;\n --divider-color: #6e738d !important;\n --error-color: #ed8796 !important;\n --primary-color: #b7bdf8 !important;\n --light-primary-color: #b7bdf8 !important;\n --dark-primary-color: #8aadf4 !important;\n --accent-color: #b7bdf8 !important;\n --light-accent-color: #b7bdf8 !important;\n --dark-accent-color: #b7bdf8 !important;\n --light-theme-background-color: #24273a !important;\n --light-theme-base-color: #cad3f5 !important;\n --light-theme-text-color: #cad3f5 !important;\n --light-theme-secondary-color: #a5adcb !important;\n --light-theme-disabled-color: #b8c0e0 !important;\n --light-theme-divider-color: #6e738d !important;\n --dark-theme-background-color: #24273a !important;\n --dark-theme-base-color: #cad3f5 !important;\n --dark-theme-text-color: #cad3f5 !important;\n --dark-theme-secondary-color: #a5adcb !important;\n --dark-theme-disabled-color: #b8c0e0 !important;\n --dark-theme-divider-color: #6e738d !important;\n }\n :root #channel-name.ytd-video-meta-block {\n --yt-endpoint-color: #b7bdf8 !important;\n --yt-endpoint-visited-color: #b7bdf8 !important;\n color: #b7bdf8 !important;\n }\n :root ytd-macro-markers-list-item-renderer {\n --ytd-macro-markers-list-item-background-color: #363a4f !important;\n --ytd-macro-markers-list-item-title-color: #cad3f5 !important;\n --ytd-macro-markers-list-item-secondary-color: #b8c0e0 !important;\n --ytd-macro-markers-list-item-timestamp-background-color: #494d64 !important;\n }\n :root ytd-playlist-panel-video-renderer {\n --yt-lightsource-section2-color: #494d64 !important;\n --yt-lightsource-section4-color: #5b6078 !important;\n --yt-lightsource-primary-title-color: #cad3f5 !important;\n --yt-lightsource-secondary-title-color: #cad3f5 !important;\n --yt-active-playlist-panel-background-color: #363a4f !important;\n }\n :root ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] .header.ytd-playlist-panel-renderer {\n --iron-icon-fill-color: #cad3f5 !important;\n background-color: #24273a !important;\n }\n :root ytd-expandable-metadata-renderer {\n --yt-lightsource-section1-color: #24273a !important;\n --yt-lightsource-section2-color: #363a4f !important;\n --yt-lightsource-section3-color: #494d64 !important;\n --yt-lightsource-section4-color: #5b6078 !important;\n --yt-lightsource-primary-title-color: #cad3f5 !important;\n --yt-lightsource-secondary-title-color: #a5adcb !important;\n }\n :root yt-live-chat-renderer {\n --yt-emoji-picker-renderer-height: 180px;\n --yt-button-default-text-color: #cad3f5 !important;\n --yt-button-default-background-color: #24273a !important;\n --yt-button-dark-text-color: #24273a !important;\n --yt-button-dark-background-color: #b7bdf8 !important;\n --yt-button-payment-background-color: #b7bdf8 !important;\n }\n :root yt-icon.ytd-pinned-comment-badge-renderer * {\n fill: #cad3f5 !important;\n }\n :root .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start::after {\n background: #6e738d !important;\n }\n :root .html5-ypc-purchase {\n background: #b7bdf8 !important;\n }\n :root .html5-ypc-purchase:hover {\n background: #e5e8fd !important;\n }\n :root yt-notification-action-renderer[darker-dark-theme] tp-yt-paper-toast.yt-notification-action-renderer {\n background: #6e738d !important;\n }\n :root .ytp-volume-slider-handle {\n background: #b7bdf8 !important;\n }\n :root .ytp-volume-slider-handle::before {\n background: #b7bdf8 !important;\n }\n :root .ytp-volume-slider-handle::after {\n z-index: -1;\n }\n :root #newness-dot {\n background-color: #b7bdf8 !important;\n }\n :root .ytp-chrome-controls .ytp-button[aria-pressed]::after {\n background-color: #b7bdf8 !important;\n }\n :root .ytp-menuitem[aria-checked=\"true\"] .ytp-menuitem-toggle-checkbox {\n background: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%3E%3Cpath%20d%3D%22M9%2016.2L4.8%2012l-1.4%201.4L9%2019%2021%207l-1.4-1.4L9%2016.2z%22%20fill%3D%22%23b7bdf8%22/%3E%3C/svg%3E\");\n }\n :root .ytp-menuitem:not([aria-disabled=\"true\"]):hover {\n background: #494d64 !important;\n }\n :root .ytp-settings-button.ytp-hd-quality-badge::after,\n :root .ytp-settings-button.ytp-4k-quality-badge::after,\n :root .ytp-settings-button.ytp-5k-quality-badge::after,\n :root .ytp-settings-button.ytp-8k-quality-badge::after,\n :root .ytp-settings-button.ytp-3d-badge::after {\n background-color: #b7bdf8 !important;\n }\n :root .ytp-panel-menu {\n color: #cad3f5;\n }\n :root .ytp-panel-menu .ytp-menuitem:not(:last-child) svg > path {\n fill: #cad3f5;\n }\n :root .ytp-panel-menu .ytp-menuitem:last-child svg:last-child {\n fill: #cad3f5;\n }\n :root .ytp-right-controls svg path,\n :root .ytp-svg-fill {\n fill: #fff !important;\n }\n :root .ytp-time-current,\n :root .ytp-time-separator,\n :root .ytp-time-duration,\n :root .ytp-menu-label-secondary,\n :root .ytp-menuitem-label-count {\n color: #fff;\n }\n :root .ytp-tooltip:not([aria-hidden=\"true\"]) {\n color: #cad3f5;\n }\n :root .style-scope.ytd-thumbnail-overlay-toggle-button-renderer:hover {\n fill: #b7bdf8 !important;\n }\n :root .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled,\n :root .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {\n background-color: #b7bdf8 !important;\n }\n :root .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled .yt-spec-button-shape-next__icon yt-icon svg g path,\n :root .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled .yt-spec-button-shape-next__icon yt-icon svg g path {\n fill: #24273a !important;\n }\n :root .yt-core-attributed-string__link--call-to-action-color {\n color: #7dc4e4 !important;\n }\n :root .yt-core-attributed-string__link--call-to-action-color:hover {\n color: #8bd5ca !important;\n }\n :root .WARNING.yt-alert-renderer {\n background-color: #eed49f;\n }\n :root .sbpqs_a::before,\n :root .sbqs_c::before {\n filter: invert(1);\n }\n :root .sbsb_a,\n :root .sbdd_b {\n background: #1e2030 !important;\n }\n :root .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline {\n color: #b7bdf8 !important;\n border-color: #5b6078 !important;\n }\n :root .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline:hover {\n background-color: rgba(183, 189, 248, 0.2) !important;\n border-color: rgba(183, 189, 248, 0.2) !important;\n }\n :root .gsfs {\n color: #cad3f5 !important;\n }\n :root .sbsb_c.gsfs:hover,\n :root .sbsb_d {\n background-color: #363a4f !important;\n }\n :root .sbfl_b {\n background-color: #1e2030 !important;\n }\n :root .sbfl_b:hover {\n background-color: #363a4f !important;\n color: #b7bdf8 !important;\n }\n :root .sbpqs_a {\n color: #b7bdf8 !important;\n }\n :root .sbfl_a {\n color: #a5adcb !important;\n }\n :root .sbsb_i {\n color: #a5adcb;\n }\n :root .sbsb_c:hover .sbqs_c,\n :root .sbsb_c.gsfs.sbsb_d .sbqs_c {\n color: #b7bdf8 !important;\n }\n :root .ytp-swatch-background-color {\n background-color: #b7bdf8 !important;\n }\n :root .explanation-box[correct] * {\n color: #181926 !important;\n }\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) {\n /* not liked */\n /* liked */\n }\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(2) > path:nth-child(1),\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(4) > path:nth-child(1) {\n stroke: #cad3f5 !important;\n }\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(1) > path:nth-child(1),\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(3) > path:nth-child(1) {\n fill: #b7bdf8 !important;\n }\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(1) > path:nth-child(2),\n :root yt-animated-icon[animated-icon-type=\"LIKE\"] > ytd-lottie-player > lottie-component > svg > g:nth-child(2) > g:nth-child(2) > g:nth-child(3) > path:nth-child(2) {\n stroke: #b7bdf8 !important;\n }\n :root .iv-branding .branding-context-container-inner {\n background-color: #24273a !important;\n }\n :root .iv-branding .iv-branding-context-name {\n color: #cad3f5 !important;\n text-shadow: none !important;\n }\n :root .iv-drawer-content {\n background-color: rgba(30, 32, 48, 0.95) !important;\n }\n :root .iv-drawer-header-text {\n color: #cad3f5 !important;\n }\n :root .iv-card-content,\n :root .ytp-ce-expanding-overlay-background,\n :root .ytp-cards-teaser .ytp-cards-teaser-text,\n :root .ytp-cards-teaser .ytp-cards-teaser-box {\n background-color: #24273a !important;\n }\n :root .iv-card-content > :first-child,\n :root .html5-video-player a,\n :root .iv-card h2,\n :root .ytp-cards-teaser .ytp-cards-teaser-text {\n color: #cad3f5 !important;\n }\n :root .ytp-tooltip-text {\n background: #363a4f !important;\n }\n :root .iv-card:hover .iv-card-primary-link,\n :root .ytp-ce-website-title {\n color: #b7bdf8 !important;\n }\n :root .ytp-popup {\n background: #363a4f !important;\n }\n :root tp-yt-paper-dialog {\n background-color: #24273a !important;\n }\n :root .yt-core-attributed-string--link-inherit-color {\n color: #cad3f5 !important;\n /* &:hover {\n * color: @teal !important;\n } */\n }\n :root .badge-style-type-live-now-alternate,\n :root ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] {\n color: #181926 !important;\n }\n :root .badge-style-type-live-now-alternate yt-icon svg g path,\n :root ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] yt-icon svg g path,\n :root .badge-style-type-live-now-alternate yt-icon svg path,\n :root ytd-thumbnail-overlay-time-status-renderer[overlay-style=\"LIVE\"] yt-icon svg path {\n fill: #181926 !important;\n }\n :root .ytp-live-badge::before {\n background: #b8c0e0 !important;\n }\n :root .ytp-live-badge[disabled]::before {\n background: #b7bdf8 !important;\n }\n :root .yt-spec-icon-badge-shape--type-notification .yt-spec-icon-badge-shape__badge {\n background-color: #b7bdf8 !important;\n color: #181926 !important;\n }\n :root .yt-spec-icon-badge-shape--style-overlay .yt-spec-icon-badge-shape__icon {\n color: var(--yt-spec-icon-active-other) !important;\n }\n :root .yt-spec-icon-badge-shape {\n color: var(--yt-spec-icon-active-other) !important;\n }\n :root .yt-animated-icon svg g path,\n :root .yt-animated-icon svg path {\n fill: #cad3f5 !important;\n }\n :root ytd-author-comment-badge-renderer {\n --yt-basic-background-color: #363a4f !important;\n --yt-basic-foreground-title-color: #363a4f !important;\n --ytd-author-comment-badge-background-color: #363a4f !important;\n --ytd-author-comment-badge-name-color: #cad3f5 !important;\n --ytd-author-comment-badge-icon-color: #cad3f5 !important;\n padding-right: 6px;\n padding-left: 8px;\n }\n :root #cinematics > div > canvas {\n visibility: hidden;\n }\n :root yt-chip-cloud-chip-renderer[chip-style=\"STYLE_DEFAULT\"][selected],\n :root yt-chip-cloud-chip-renderer[chip-style=\"STYLE_HOME_FILTER\"][selected] {\n background: #b7bdf8 !important;\n color: #181926 !important;\n }\n :root ytd-searchbox[has-focus] #container.ytd-searchbox {\n border-color: #b7bdf8 !important;\n }\n :root .ytd-brand-video-singleton-renderer {\n background: #363a4f !important;\n color: #cad3f5 !important;\n }\n :root yt-button-shape a {\n border-color: #cad3f5 !important;\n color: #cad3f5 !important;\n }\n :root #share-button button,\n :root #repeat-button button {\n color: #cad3f5 !important;\n }\n :root #error-page {\n background-color: #24273a !important;\n }\n :root #error-page-content {\n color: #cad3f5 !important;\n text-shadow: none;\n background-color: #24273a !important;\n }\n :root #error-page-content > p {\n color: #cad3f5 !important;\n text-shadow: none;\n }\n :root #error-page-content #masthead-search-terms.masthead-search-terms-border {\n border-color: #b7bdf8 !important;\n box-shadow: none !important;\n }\n :root #error-page-content #yt-masthead {\n color: #cad3f5 !important;\n text-shadow: none;\n }\n :root #error-page-content #yt-masthead #logo-container .logo {\n filter: invert(1) grayscale(1);\n }\n :root #error-page-content #yt-masthead #logo-container .content-region {\n color: #cad3f5 !important;\n text-shadow: none;\n }\n :root #error-page-content #yt-masthead #masthead-search #masthead-search-terms-border input[type=\"text\"] {\n color: #cad3f5 !important;\n }\n :root #error-page-content #yt-masthead #masthead-search #masthead-search-terms-border input[type=\"text\"]:focus {\n color: #b7bdf8 !important;\n }\n :root #error-page-content #yt-masthead .search-button {\n background-color: #1e2030 !important;\n }\n :root .yt-tab-shape-wiz__tab--tab-selected {\n color: #b7bdf8 !important;\n }\n :root .yt-tab-group-shape-wiz__slider {\n background-color: #b7bdf8 !important;\n }\n :root .yt-tab-shape-wiz__tab {\n color: #b8c0e0;\n }\n :root .yt-tab-shape-wiz:hover .yt-tab-shape-wiz__tab {\n color: #daddfb;\n }\n :root .yt-tab-shape-wiz:hover .yt-tab-shape-wiz__tab-bar {\n background-color: #daddfb;\n }\n :root .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal {\n background-color: #363a4f;\n color: #cad3f5;\n }\n :root .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {\n color: #181926;\n background-color: #b7bdf8;\n }\n :root .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled:hover {\n background-color: #5a68ef;\n }\n :root .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text {\n color: #b7bdf8;\n }\n :root .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text:hover {\n background-color: rgba(183, 189, 248, 0.1);\n }\n :root .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline,\n :root .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text {\n color: #cad3f5;\n }\n :root .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline:hover,\n :root .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text:hover {\n background-color: #363a4f;\n }\n :root .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline {\n border-color: #363a4f;\n }\n :root ::-webkit-scrollbar {\n width: 8px !important;\n }\n :root ::-webkit-scrollbar-track {\n background: #24273a !important;\n }\n :root ::-webkit-scrollbar-thumb {\n background: #b7bdf8 !important;\n }\n :root ::selection {\n background: rgba(183, 189, 248, 0.2) !important;\n color: #cad3f5 !important;\n }\n :root #ytd-player #container {\n background: #24273a !important;\n }\n :root ytd-topbar-logo-renderer.style-scope a svg > g path[fill=\"#FF0000\"],\n :root svg.ytd-consent-bump-v2-lightbox > g:nth-child(1) path[fill=\"#FF0000\"] {\n fill: #b7bdf8 !important;\n }\n :root ytd-topbar-logo-renderer.style-scope a svg > g path[fill=\"white\"],\n :root svg.ytd-consent-bump-v2-lightbox > g:nth-child(1) path[fill=\"white\"] {\n fill: #24273a !important;\n }\n /* for oled monitors */", + "start": 1210, "regexps": [ "https?:\\/\\/(?!gaming\\.)(?!consent\\.)(?!vr\\.)(?!music\\.)(?!tv\\.)(?!artists\\.)(?!studio\\.).*youtube(?!kids\\.).*\\.com\\/(?!premium|howyoutubeworks).*$" ] }, { "code": "/* youtube.com-redirect */\n :root[dark] {\n /* search */\n /* Community Cross-posting */\n /* text highlight */\n }\n :root[dark] h1 {\n color: #cad3f5 !important;\n }\n :root[dark] #redirect-main-text {\n color: #939ab7 !important;\n }\n :root[dark] #redirect-main-text .bolded {\n color: #b7bdf8 !important;\n }\n :root[dark] #masthead-search-terms-border {\n border-color: #363a4f !important;\n background-color: #363a4f !important;\n box-shadow: rgba(24, 25, 38, 0.9) !important;\n }\n :root[dark] ytd-shared-post-renderer[uses-compact-lockup] #repost-context.ytd-shared-post-renderer {\n background-color: var(--second-background);\n }\n :root[dark] #divider-line-container.ytd-shared-post-renderer {\n background-color: var(--yt-spec-10-percent-layer);\n }\n :root[dark] #masthead-search-terms {\n color: #cad3f5 !important;\n }\n :root[dark] .search-button {\n background: #363a4f !important;\n border-color: #363a4f !important;\n }\n :root[dark] .search-button-content {\n filter: invert(1);\n }\n :root[dark] #redirect-backto-safety-button:hover {\n color: #cad3f5 !important;\n }\n :root[dark] #logo-container .content-region {\n color: #cad3f5 !important;\n }\n :root[dark] ::selection {\n background: rgba(183, 189, 248, 0.2) !important;\n color: #cad3f5 !important;\n }\n :root {\n /* search */\n /* Community Cross-posting */\n /* text highlight */\n }\n :root h1 {\n color: #cad3f5 !important;\n }\n :root #redirect-main-text {\n color: #939ab7 !important;\n }\n :root #redirect-main-text .bolded {\n color: #b7bdf8 !important;\n }\n :root #masthead-search-terms-border {\n border-color: #363a4f !important;\n background-color: #363a4f !important;\n box-shadow: rgba(24, 25, 38, 0.9) !important;\n }\n :root ytd-shared-post-renderer[uses-compact-lockup] #repost-context.ytd-shared-post-renderer {\n background-color: var(--second-background);\n }\n :root #divider-line-container.ytd-shared-post-renderer {\n background-color: var(--yt-spec-10-percent-layer);\n }\n :root #masthead-search-terms {\n color: #cad3f5 !important;\n }\n :root .search-button {\n background: #363a4f !important;\n border-color: #363a4f !important;\n }\n :root .search-button-content {\n filter: invert(1);\n }\n :root #redirect-backto-safety-button:hover {\n color: #cad3f5 !important;\n }\n :root #logo-container .content-region {\n color: #cad3f5 !important;\n }\n :root ::selection {\n background: rgba(183, 189, 248, 0.2) !important;\n color: #cad3f5 !important;\n }", - "start": 61811, + "start": 61838, "urlPrefixes": [ "https://www.youtube.com/redirect" ] }, { "code": "/* studio.youtube.com */\n :root[dark] {\n /* text highlight */\n }\n :root[dark],\n :root[dark] html,\n :root[dark] html[dark],\n :root[dark] html[dark][dark],\n :root[dark][dark],\n :root[dark][light],\n :root[dark] [light],\n :root[dark] html[light],\n :root[dark] 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 /* text */\n --yt-spec-text-primary: #cad3f5 !important;\n --ytcp-text-primary: #cad3f5 !important;\n --ytcp-text-primary-inverse: #24273a !important;\n --ytcp-static-overlay-text-primary-inverse: #24273a !important;\n --ytcp-wordmark-text: #cad3f5 !important;\n --ytcp-text-secondary: #a5adcb !important;\n --ytcp-text-disabled: #b8c0e0 !important;\n --ytcp-overlay-text-primary: #939ab7 !important;\n /* main bg */\n --ytcp-general-background-a: #24273a !important;\n --yt-spec-base-background: #24273a !important;\n --yt-spec-black-3: #24273a !important;\n /* secondary bg */\n --yt-spec-brand-background-solid: #1e2030 !important;\n --ytcp-brand-background-solid: #1e2030 !important;\n --yt-spec-raised-background: #1e2030 !important;\n --ytcp-general-background-b: #1e2030 !important;\n --ytcp-analytics-reach-background: #1e2030 !important;\n --yt-spec-black-2: #1e2030 !important;\n /* additional bg */\n --ytcp-general-background-c: #181926 !important;\n /* menu */\n --ytcp-menu-background: #363a4f !important;\n /* card borders */\n --ytcp-container-border-color: #363a4f !important;\n --ytcp-container-hovered-border-color: #363a4f !important;\n --ytcp-line-divider-solid: #363a4f !important;\n --ytcp-container-border-color-inverse: #a5adcb !important;\n --ytcp-line-divider-solid-inverse: #a5adcb !important;\n /* links */\n --ytcp-call-to-action: #7dc4e4 !important;\n --ytcp-call-to-action-inverse: #1e2030 !important;\n /* buttons */\n --ytcp-call-to-action-raised-background: #b7bdf8 !important;\n --yt-spec-brand-button-background: #b7bdf8 !important;\n --ytcp-call-to-action-raised-disabled: #5b6078 !important;\n --ytcp-call-to-action-raised-disabled-background: #939ab7 !important;\n --ytcp-call-to-action-raised-background-inverse: #24273a !important;\n --ytcp-call-to-action-raised-disabled-inverse: #5b6078 !important;\n --ytcp-call-to-action-raised-disabled-background-inverse: #939ab7 !important;\n /* dropdown */\n --yt-spec-brand-background-primary: #363a4f !important;\n /* icons */\n --yt-compact-link-icon-color: #939ab7 !important;\n --ytcp-icon-active: #b7bdf8 !important;\n --ytcp-icon-inactive: #939ab7 !important;\n --ytcp-icon-disabled: #939ab7 !important;\n --ytcp-icon-active-inverse: #8087a2 !important;\n --ytcp-icon-disabled-inverse: #b8c0e0 !important;\n /* colors */\n --ytcp-error-red: #ed8796 !important;\n --ytcp-badge-red: #ed8796 !important;\n --ytcp-error-red-inverse: #ed8796 !important;\n --ytcp-themed-red-inverse: #ed8796 !important;\n --ytcp-themed-red: #ed8796 !important;\n --ytcp-themed-blue: #8aadf4 !important;\n --ytcp-badge-blue-solid: #8aadf4 !important;\n --ytcp-themed-blue-inverse: #8aadf4 !important;\n --ytcp-themed-green: #a6da95 !important;\n --ytmus-genre-primary-melon: #a6da95 !important;\n --ytcp-themed-green-inverse: #a6da95 !important;\n --ytcp-analytics-pine: #a6da95 !important;\n --ytcp-analytics-pine-inverse: #a6da95 !important;\n --ytcp-analytics-parrot: #a6da95 !important;\n --ytcp-themed-yellow: #f5a97f !important;\n --ytmus-genre-primary-gold: #f5a97f !important;\n --ytcp-yellow-inverse: #f5a97f !important;\n --ytcp-badge-yellow: #f5a97f !important;\n --ytcp-analytics-yellow: #f5a97f !important;\n --ytcp-analytics-apricot: #f5a97f !important;\n --ytcp-suggested-action: #8bd5ca !important;\n --ytcp-analytics-overview: #8bd5ca !important;\n --ytcp-analytics-revenue: #8bd5ca !important;\n --ytcp-analytics-default-secondary: #8bd5ca !important;\n --ytcp-analytics-royal-blue: #b7bdf8 !important;\n --ytcp-analytics-reach: #b7bdf8 !important;\n --ytcp-analytics-audience: #b7bdf8 !important;\n --ytcp-analytics-engagement: #f5bde6 !important;\n --ytcp-analytics-revenue-secondary: #f5bde6 !important;\n --ytcp-analytics-bubblegum: #f0c6c6 !important;\n --ytmus-genre-primary-ruby: #f0c6c6 !important;\n --ytmus-genre-primary-salmon: #c6a0f6 !important;\n --ytmus-genre-primary-orange: #ee99a0 !important;\n --ytmus-genre-primary-sky: #91d7e3 !important;\n --ytmus-genre-primary-sky-inverse: #91d7e3 !important;\n /* misc */\n --yt-spec-badge-chip-background: #494d64 !important;\n --ytcp-focus-inverse: #b7bdf8 !important;\n --ytcp-focus: #b7bdf8 !important;\n --ytcp-selected-item: #b7bdf8 !important;\n --ytcp-hover-item: #939ab7 !important;\n --ytcp-chip-active-focus: #b7bdf8 !important;\n --ytcp-playhead: #939ab7 !important;\n --ytcp-playhead-inverse: #939ab7 !important;\n }\n :root[dark] ytcp-button.destructive.ytls-error-dialog {\n color: #24273a !important;\n }\n :root[dark] yt-formatted-string.ytls-error-dialog,\n :root[dark] tp-yt-iron-icon.ytls-error-dialog {\n color: #cad3f5 !important;\n }\n :root[dark] ::selection {\n background: rgba(183, 189, 248, 0.2) !important;\n color: #cad3f5 !important;\n }\n :root {\n /* text highlight */\n }\n :root,\n :root html,\n :root html[dark],\n :root html[dark][dark],\n :root[dark],\n :root[light],\n :root [light],\n :root html[light],\n :root 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 /* text */\n --yt-spec-text-primary: #cad3f5 !important;\n --ytcp-text-primary: #cad3f5 !important;\n --ytcp-text-primary-inverse: #24273a !important;\n --ytcp-static-overlay-text-primary-inverse: #24273a !important;\n --ytcp-wordmark-text: #cad3f5 !important;\n --ytcp-text-secondary: #a5adcb !important;\n --ytcp-text-disabled: #b8c0e0 !important;\n --ytcp-overlay-text-primary: #939ab7 !important;\n /* main bg */\n --ytcp-general-background-a: #24273a !important;\n --yt-spec-base-background: #24273a !important;\n --yt-spec-black-3: #24273a !important;\n /* secondary bg */\n --yt-spec-brand-background-solid: #1e2030 !important;\n --ytcp-brand-background-solid: #1e2030 !important;\n --yt-spec-raised-background: #1e2030 !important;\n --ytcp-general-background-b: #1e2030 !important;\n --ytcp-analytics-reach-background: #1e2030 !important;\n --yt-spec-black-2: #1e2030 !important;\n /* additional bg */\n --ytcp-general-background-c: #181926 !important;\n /* menu */\n --ytcp-menu-background: #363a4f !important;\n /* card borders */\n --ytcp-container-border-color: #363a4f !important;\n --ytcp-container-hovered-border-color: #363a4f !important;\n --ytcp-line-divider-solid: #363a4f !important;\n --ytcp-container-border-color-inverse: #a5adcb !important;\n --ytcp-line-divider-solid-inverse: #a5adcb !important;\n /* links */\n --ytcp-call-to-action: #7dc4e4 !important;\n --ytcp-call-to-action-inverse: #1e2030 !important;\n /* buttons */\n --ytcp-call-to-action-raised-background: #b7bdf8 !important;\n --yt-spec-brand-button-background: #b7bdf8 !important;\n --ytcp-call-to-action-raised-disabled: #5b6078 !important;\n --ytcp-call-to-action-raised-disabled-background: #939ab7 !important;\n --ytcp-call-to-action-raised-background-inverse: #24273a !important;\n --ytcp-call-to-action-raised-disabled-inverse: #5b6078 !important;\n --ytcp-call-to-action-raised-disabled-background-inverse: #939ab7 !important;\n /* dropdown */\n --yt-spec-brand-background-primary: #363a4f !important;\n /* icons */\n --yt-compact-link-icon-color: #939ab7 !important;\n --ytcp-icon-active: #b7bdf8 !important;\n --ytcp-icon-inactive: #939ab7 !important;\n --ytcp-icon-disabled: #939ab7 !important;\n --ytcp-icon-active-inverse: #8087a2 !important;\n --ytcp-icon-disabled-inverse: #b8c0e0 !important;\n /* colors */\n --ytcp-error-red: #ed8796 !important;\n --ytcp-badge-red: #ed8796 !important;\n --ytcp-error-red-inverse: #ed8796 !important;\n --ytcp-themed-red-inverse: #ed8796 !important;\n --ytcp-themed-red: #ed8796 !important;\n --ytcp-themed-blue: #8aadf4 !important;\n --ytcp-badge-blue-solid: #8aadf4 !important;\n --ytcp-themed-blue-inverse: #8aadf4 !important;\n --ytcp-themed-green: #a6da95 !important;\n --ytmus-genre-primary-melon: #a6da95 !important;\n --ytcp-themed-green-inverse: #a6da95 !important;\n --ytcp-analytics-pine: #a6da95 !important;\n --ytcp-analytics-pine-inverse: #a6da95 !important;\n --ytcp-analytics-parrot: #a6da95 !important;\n --ytcp-themed-yellow: #f5a97f !important;\n --ytmus-genre-primary-gold: #f5a97f !important;\n --ytcp-yellow-inverse: #f5a97f !important;\n --ytcp-badge-yellow: #f5a97f !important;\n --ytcp-analytics-yellow: #f5a97f !important;\n --ytcp-analytics-apricot: #f5a97f !important;\n --ytcp-suggested-action: #8bd5ca !important;\n --ytcp-analytics-overview: #8bd5ca !important;\n --ytcp-analytics-revenue: #8bd5ca !important;\n --ytcp-analytics-default-secondary: #8bd5ca !important;\n --ytcp-analytics-royal-blue: #b7bdf8 !important;\n --ytcp-analytics-reach: #b7bdf8 !important;\n --ytcp-analytics-audience: #b7bdf8 !important;\n --ytcp-analytics-engagement: #f5bde6 !important;\n --ytcp-analytics-revenue-secondary: #f5bde6 !important;\n --ytcp-analytics-bubblegum: #f0c6c6 !important;\n --ytmus-genre-primary-ruby: #f0c6c6 !important;\n --ytmus-genre-primary-salmon: #c6a0f6 !important;\n --ytmus-genre-primary-orange: #ee99a0 !important;\n --ytmus-genre-primary-sky: #91d7e3 !important;\n --ytmus-genre-primary-sky-inverse: #91d7e3 !important;\n /* misc */\n --yt-spec-badge-chip-background: #494d64 !important;\n --ytcp-focus-inverse: #b7bdf8 !important;\n --ytcp-focus: #b7bdf8 !important;\n --ytcp-selected-item: #b7bdf8 !important;\n --ytcp-hover-item: #939ab7 !important;\n --ytcp-chip-active-focus: #b7bdf8 !important;\n --ytcp-playhead: #939ab7 !important;\n --ytcp-playhead-inverse: #939ab7 !important;\n }\n :root ytcp-button.destructive.ytls-error-dialog {\n color: #24273a !important;\n }\n :root yt-formatted-string.ytls-error-dialog,\n :root tp-yt-iron-icon.ytls-error-dialog {\n color: #cad3f5 !important;\n }\n :root ::selection {\n background: rgba(183, 189, 248, 0.2) !important;\n color: #cad3f5 !important;\n }", - "start": 64412, + "start": 64439, "urlPrefixes": [ "https://studio.youtube.com" ] }, { "code": "/* prettier-ignore */", - "start": 75169 + "start": 75196 } ], - "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.1.10\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: @mantle !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: @surface0 !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: @mantle !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 !importantr;\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 /* 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 filter: invert(1);\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 /* disable ambient mode */\n #cinematics > div > canvas {\n visibility: hidden;\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\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 /* 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 .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", + "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.0\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: @mantle !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: @mantle !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 !importantr;\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 /* 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 filter: invert(1);\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 /* disable ambient mode */\n #cinematics > div > canvas {\n visibility: hidden;\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\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 /* 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 .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", "usercssData": { "name": "YouTube Catppuccin", "namespace": "github.com/catppuccin/userstyles/styles/youtube", "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/youtube", - "version": "3.1.10", + "version": "3.2.0", "updateURL": "https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css", "description": "Soothing pastel theme for YouTube", "author": "Catppuccin", @@ -3813,12 +3735,12 @@ "description": "Soothing pastel theme for YouTube", "name": "YouTube Catppuccin", "preferScheme": "dark", - "originalDigest": "ee6036ce5edc607f493f6447e3c14701ef5580b6", + "originalDigest": "b33961bfdf9f8a1eca84c62e6ad21e58f066d1f0", "_id": "e5b4796b-635a-45b8-afad-4b79566305fb", - "_rev": 1700339536235, + "_rev": 1700736893003, "id": 54, - "etag": "W/\"89b2322a8543b04f6de117ba43f9d0d99010b3293abe40576dcfb8fa5371f1e5\"", - "updateDate": 1700339535989 + "etag": "W/\"a099783db1bcf60d3ee9e1baf3487996095fe141fc12817429ea27feb1d70ed8\"", + "updateDate": 1700736892949 }, { "enabled": true, @@ -5789,5 +5711,1109 @@ "id": 69, "etag": "W/\"7d7670739f103314c49bf0bb6859c475df8b9a09ad47b5b0e046d3809cf20860\"", "updateDate": 1700339535939 + }, + { + "enabled": true, + "updateUrl": "https://github.com/catppuccin/discord/raw/main/discord.user.css", + "installDate": 1700610480280, + "sections": [ + { + "code": "/* ==UserStyle==\n@name Discord Catppuccin\n@namespace github.com/catppuccin/discord\n@version 0.2.1\n@description Soothing pastel theme for Discord\n@author Catppuccin\n@preprocessor stylus\n@var select theme \"Theme\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accent \"Accent\" {\"Rosewater\": \"'rosewater'\", \"Flamingo\": \"'flamingo'\", \"Pink\": \"'pink'\", \"Mauve\": \"'mauve'\", \"Red\": \"'red'\", \"Maroon\": \"'maroon'\", \"Peach\": \"'peach'\", \"Yellow\": \"'yellow'\", \"Green\": \"'green'\", \"Teal\": \"'teal'\", \"Blue*\": \"'blue'\", \"Sapphire\": \"'sapphire'\", \"Sky\": \"'sky'\", \"Lavender\": \"'lavender'\"}\n==/UserStyle== */", + "start": 0 + }, + { + "code": "@import url(\"https://catppuccin.github.io/discord/dist/catppuccin-macchiato-lavender.theme.css\");", + "start": 731, + "regexps": [ + "https?://(canary\\.|ptb\\.|)discord.com/.*" + ] + } + ], + "sourceCode": "/* ==UserStyle==\n@name Discord Catppuccin\n@namespace github.com/catppuccin/discord\n@version 0.2.1\n@description Soothing pastel theme for Discord\n@author Catppuccin\n@preprocessor stylus\n@var select theme \"Theme\" [\"latte:Latte\", \"frappe:Frappe\", \"macchiato:Macchiato\", \"mocha:Mocha*\"]\n@var select accent \"Accent\" {\"Rosewater\": \"'rosewater'\", \"Flamingo\": \"'flamingo'\", \"Pink\": \"'pink'\", \"Mauve\": \"'mauve'\", \"Red\": \"'red'\", \"Maroon\": \"'maroon'\", \"Peach\": \"'peach'\", \"Yellow\": \"'yellow'\", \"Green\": \"'green'\", \"Teal\": \"'teal'\", \"Blue*\": \"'blue'\", \"Sapphire\": \"'sapphire'\", \"Sky\": \"'sky'\", \"Lavender\": \"'lavender'\"}\n==/UserStyle== */\n\n@-moz-document regexp(\"https?://(canary\\\\.|ptb\\\\.|)discord.com/.*\") {\n @import url(\"https://catppuccin.github.io/discord/dist/catppuccin-\" + theme + \"-\" + accent + \".theme.css\")\n}\n", + "usercssData": { + "name": "Discord Catppuccin", + "namespace": "github.com/catppuccin/discord", + "version": "0.2.1", + "description": "Soothing pastel theme for Discord", + "author": "Catppuccin", + "preprocessor": "stylus", + "vars": { + "theme": { + "type": "select", + "label": "Theme", + "name": "theme", + "value": "macchiato", + "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" + } + ] + }, + "accent": { + "type": "select", + "label": "Accent", + "name": "accent", + "value": "Lavender", + "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'" + } + ] + } + } + }, + "author": "Catppuccin", + "description": "Soothing pastel theme for Discord", + "name": "Discord Catppuccin", + "originalDigest": "1761b52714fab015a4c627ee5e93b628b6438ea1", + "_id": "4cf398fd-b13c-4ad5-a557-86c103abe4b3", + "_rev": 1700610480281, + "id": 70, + "etag": "W/\"aab9ae83f6624b0385f333ad2b821b02b9d5cccb9754786e640d8f09e413447c\"" + }, + { + "enabled": true, + "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/codeberg/catppuccin.user.css", + "url": "https://github.com/catppuccin/userstyles/tree/main/styles/codeberg", + "installDate": 1700768669790, + "sections": [ + { + "code": "/* ==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 */", + "start": 0 + }, + { + "code": "/* prettier-ignore */\n @import url(\"https://git.winston.sh/assets/css/theme-catppuccin-macchiato-lavender.css\") (prefers-color-scheme: light);\n @import url(\"https://git.winston.sh/assets/css/theme-catppuccin-macchiato-lavender.css\") (prefers-color-scheme: dark);\n @media (prefers-color-scheme: light) {\n /* Regular Colors are called with a single `@` as they\n * are just referencing the Variable directly. */\n background-color: #24273a;\n /* The Accent Color is called with a double `@@` because\n * it's referencing the @accent Variable passed to the Mixin. */\n color: #b7bdf8;\n /* If you need to specify an overwrite specific to a Flavor\n * like Latte, you can use a `when` guard clause. */\n /* You can also negate the statement above by using\n * a `when not` guard clause. */\n /* your code for frappe, macchiato and mocha */\n body {\n background: #24273a;\n }\n :root {\n --color-footer: #494d64;\n --color-footer-text: #b8c0e0;\n }\n }\n @media (prefers-color-scheme: dark) {\n /* Regular Colors are called with a single `@` as they\n * are just referencing the Variable directly. */\n background-color: #24273a;\n /* The Accent Color is called with a double `@@` because\n * it's referencing the @accent Variable passed to the Mixin. */\n color: #b7bdf8;\n /* If you need to specify an overwrite specific to a Flavor\n * like Latte, you can use a `when` guard clause. */\n /* You can also negate the statement above by using\n * a `when not` guard clause. */\n /* your code for frappe, macchiato and mocha */\n body {\n background: #24273a;\n }\n :root {\n --color-footer: #494d64;\n --color-footer-text: #b8c0e0;\n }\n }", + "start": 1227, + "domains": [ + "codeberg.org" + ] + } + ], + "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", + "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": "macchiato", + "default": "latte", + "options": [ + { + "name": "latte", + "label": "Latte", + "value": "latte" + }, + { + "name": "frappe", + "label": "Frappé", + "value": "frappe" + }, + { + "name": "macchiato", + "label": "Macchiato", + "value": "macchiato" + }, + { + "name": "mocha", + "label": "Mocha", + "value": "mocha" + } + ] + }, + "darkFlavor": { + "type": "select", + "label": "Dark Flavor", + "name": "darkFlavor", + "value": "macchiato", + "default": "mocha", + "options": [ + { + "name": "latte", + "label": "Latte", + "value": "latte" + }, + { + "name": "frappe", + "label": "Frappé", + "value": "frappe" + }, + { + "name": "macchiato", + "label": "Macchiato", + "value": "macchiato" + }, + { + "name": "mocha", + "label": "Mocha", + "value": "mocha" + } + ] + }, + "accentColor": { + "type": "select", + "label": "Accent", + "name": "accentColor", + "value": "lavender", + "default": "sapphire", + "options": [ + { + "name": "rosewater", + "label": "Rosewater", + "value": "rosewater" + }, + { + "name": "flamingo", + "label": "Flamingo", + "value": "flamingo" + }, + { + "name": "pink", + "label": "Pink", + "value": "pink" + }, + { + "name": "mauve", + "label": "Mauve", + "value": "mauve" + }, + { + "name": "red", + "label": "Red", + "value": "red" + }, + { + "name": "maroon", + "label": "Maroon", + "value": "maroon" + }, + { + "name": "peach", + "label": "Peach", + "value": "peach" + }, + { + "name": "yellow", + "label": "Yellow", + "value": "yellow" + }, + { + "name": "green", + "label": "Green", + "value": "green" + }, + { + "name": "teal", + "label": "Teal", + "value": "teal" + }, + { + "name": "blue", + "label": "Blue", + "value": "blue" + }, + { + "name": "sapphire", + "label": "Sapphire", + "value": "sapphire" + }, + { + "name": "sky", + "label": "Sky", + "value": "sky" + }, + { + "name": "lavender", + "label": "Lavender", + "value": "lavender" + }, + { + "name": "subtext0", + "label": "Gray", + "value": "subtext0" + } + ] + } + } + }, + "author": "Catppuccin", + "description": "Soothing pastel theme for Codeberg", + "name": "Codeberg Catppuccin", + "originalDigest": "1fa2661afb4e274570a405f676959dae1cbe7483", + "_id": "3349733a-dd52-4820-a867-5df5b50caf3d", + "_rev": 1700768669791, + "id": 71, + "etag": "W/\"9365da79b7fb52edd862c258a3d3ba9ea56aeb63e0b08b7381355a5b1cfd1fbe\"" + }, + { + "enabled": true, + "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/nixos.wiki/catppuccin.user.css", + "url": "https://github.com/catppuccin/userstyles/tree/main/styles/nixos.wiki", + "installDate": 1700768722341, + "sections": [ + { + "code": "/* ==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.1\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== */", + "start": 0 + }, + { + "code": "@media (prefers-color-scheme: light) {\n :root {\n color-scheme: dark;\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: #ed8796;\n box-shadow: 0 4px 16px rgba(24, 25, 38, 0.1), 0 8px 32px rgba(24, 25, 38, 0.05);\n color: #181926;\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 body {\n background-color: #24273a;\n }\n hr {\n border-color: #5b6078;\n }\n .navbar-default {\n color: #cad3f5;\n background-color: #1e2030 !important;\n background-image: none !important;\n border-color: transparent !important;\n }\n .navbar-default .navbar-brand {\n color: #8aadf4;\n }\n .navbar-default .navbar-brand:hover {\n color: #91d7e3;\n }\n .navbar-default li a {\n color: #cad3f5 !important;\n }\n .navbar-default li a:hover {\n color: #a5adcb !important;\n }\n .navbar-default li.nav.open > a,\n .navbar-default li ul {\n background-color: #363a4f !important;\n background-image: none !important;\n }\n .navbar-default li.nav.open > a a:hover,\n .navbar-default li ul a:hover {\n background-color: rgba(73, 77, 100, 0.5) !important;\n background-image: none !important;\n }\n .navbar-default .active > a {\n color: #181926 !important;\n background: #8aadf4 !important;\n }\n .navbar-default .active > a:hover {\n color: #24273a !important;\n }\n .search-query.form-control {\n background-color: #363a4f;\n border-color: #363a4f;\n }\n * {\n color: #cad3f5;\n }\n a {\n color: #8aadf4;\n }\n a:hover {\n color: #91d7e3;\n }\n a.new {\n color: #ed8796;\n }\n a.new:hover {\n color: #ee99a0;\n }\n .panel {\n background-color: #1e2030;\n border-color: #1e2030;\n }\n .panel .panel-heading {\n color: #cad3f5;\n background-color: #363a4f !important;\n border-bottom-color: #5b6078;\n }\n .panel .panel-heading img {\n filter: invert(100%);\n }\n .btn-primary {\n color: #181926;\n background-color: #8aadf4 !important;\n background-image: none !important;\n border-color: #181926 !important;\n }\n .btn-primary:hover {\n color: #181926 !important;\n background-color: #91d7e3 !important;\n background-image: none !important;\n }\n table,\n table * {\n color: #cad3f5;\n border-color: #6e738d !important;\n background-color: #1e2030;\n }\n table th,\n table th * {\n background-color: #363a4f !important;\n }\n blockquote,\n cite {\n border-left-color: #f5bde6 !important;\n }\n cite a {\n color: #f5bde6;\n }\n cite a:hover {\n color: #f4dbd6;\n }\n pre,\n code {\n box-shadow: none !important;\n background-color: #1e2030;\n border-color: #181926;\n }\n pre {\n color: #cad3f5;\n }\n code {\n color: #f4dbd6;\n }\n *[style*=\"background-color: #C1E5FF\"] {\n color: #cad3f5 !important;\n background-color: rgba(138, 173, 244, 0.15) !important;\n border-color: #8aadf4 !important;\n }\n *[style*=\"background-color: #FFD0B7\"] {\n color: #cad3f5 !important;\n background-color: rgba(245, 169, 127, 0.15) !important;\n border-color: #f5a97f !important;\n }\n *[style*=\"background: #F6F6F6\"] {\n color: #cad3f5 !important;\n background-color: rgba(110, 115, 141, 0.15) !important;\n border-color: #6e738d !important;\n }\n .mw-highlight,\n .mw-highlight > pre {\n color: #cad3f5 !important;\n background-color: #1e2030 !important;\n }\n .mw-highlight .nv,\n .mw-highlight > pre .nv {\n color: #cad3f5;\n }\n .mw-highlight .gp,\n .mw-highlight > pre .gp {\n color: #f5bde6;\n }\n .mw-highlight .c1,\n .mw-highlight > pre .c1,\n .mw-highlight .cm,\n .mw-highlight > pre .cm {\n color: #939ab7;\n }\n .mw-highlight .s1,\n .mw-highlight > pre .s1,\n .mw-highlight .s2,\n .mw-highlight > pre .s2,\n .mw-highlight .se,\n .mw-highlight > pre .se {\n color: #a6da95;\n }\n .mw-highlight .si,\n .mw-highlight > pre .si {\n color: #f5bde6;\n }\n .mw-highlight .ss,\n .mw-highlight > pre .ss,\n .mw-highlight .nb,\n .mw-highlight > pre .nb {\n color: #8aadf4;\n }\n .mw-highlight .p,\n .mw-highlight > pre .p,\n .mw-highlight .o,\n .mw-highlight > pre .o {\n color: #8bd5ca;\n }\n .mw-highlight .mi,\n .mw-highlight > pre .mi,\n .mw-highlight .no,\n .mw-highlight > pre .no {\n color: #f5a97f;\n }\n .mw-highlight .k,\n .mw-highlight > pre .k,\n .mw-highlight .ow,\n .mw-highlight > pre .ow {\n color: #c6a0f6;\n }\n .mw-highlight .go,\n .mw-highlight > pre .go {\n color: #cad3f5;\n }\n .suggestions .suggestions-result {\n background-color: #1e2030;\n color: #cad3f5;\n }\n .suggestions .suggestions-result:hover {\n background-color: #212435;\n }\n .suggestions .suggestions-result .highlight {\n color: #b7bdf8;\n }\n .suggestions .suggestions-results {\n border-color: #363a4f !important;\n }\n .suggestions .suggestions-special {\n border-color: #363a4f !important;\n background-color: #1e2030;\n }\n .suggestions .suggestions-special:hover {\n background-color: #35384e;\n }\n .suggestions .suggestions-special .special-label {\n color: #a5adcb;\n }\n .suggestions .suggestions-special .special-query {\n color: #cad3f5;\n }\n .toc li.active > a {\n border-left-color: #b7bdf8 !important;\n }\n .toc ul.nav a:hover {\n background: #b7bdf8 !important;\n }\n .toc ul.nav a:hover,\n .toc ul.nav a:hover * {\n color: #181926 !important;\n }\n #catlinks {\n background-color: #1e2030;\n border-color: #1e2030;\n }\n #footer {\n background-color: #1e2030;\n }\n }\n @media (prefers-color-scheme: dark) {\n :root {\n color-scheme: dark;\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: #ed8796;\n box-shadow: 0 4px 16px rgba(24, 25, 38, 0.1), 0 8px 32px rgba(24, 25, 38, 0.05);\n color: #181926;\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 body {\n background-color: #24273a;\n }\n hr {\n border-color: #5b6078;\n }\n .navbar-default {\n color: #cad3f5;\n background-color: #1e2030 !important;\n background-image: none !important;\n border-color: transparent !important;\n }\n .navbar-default .navbar-brand {\n color: #8aadf4;\n }\n .navbar-default .navbar-brand:hover {\n color: #91d7e3;\n }\n .navbar-default li a {\n color: #cad3f5 !important;\n }\n .navbar-default li a:hover {\n color: #a5adcb !important;\n }\n .navbar-default li.nav.open > a,\n .navbar-default li ul {\n background-color: #363a4f !important;\n background-image: none !important;\n }\n .navbar-default li.nav.open > a a:hover,\n .navbar-default li ul a:hover {\n background-color: rgba(73, 77, 100, 0.5) !important;\n background-image: none !important;\n }\n .navbar-default .active > a {\n color: #181926 !important;\n background: #8aadf4 !important;\n }\n .navbar-default .active > a:hover {\n color: #24273a !important;\n }\n .search-query.form-control {\n background-color: #363a4f;\n border-color: #363a4f;\n }\n * {\n color: #cad3f5;\n }\n a {\n color: #8aadf4;\n }\n a:hover {\n color: #91d7e3;\n }\n a.new {\n color: #ed8796;\n }\n a.new:hover {\n color: #ee99a0;\n }\n .panel {\n background-color: #1e2030;\n border-color: #1e2030;\n }\n .panel .panel-heading {\n color: #cad3f5;\n background-color: #363a4f !important;\n border-bottom-color: #5b6078;\n }\n .panel .panel-heading img {\n filter: invert(100%);\n }\n .btn-primary {\n color: #181926;\n background-color: #8aadf4 !important;\n background-image: none !important;\n border-color: #181926 !important;\n }\n .btn-primary:hover {\n color: #181926 !important;\n background-color: #91d7e3 !important;\n background-image: none !important;\n }\n table,\n table * {\n color: #cad3f5;\n border-color: #6e738d !important;\n background-color: #1e2030;\n }\n table th,\n table th * {\n background-color: #363a4f !important;\n }\n blockquote,\n cite {\n border-left-color: #f5bde6 !important;\n }\n cite a {\n color: #f5bde6;\n }\n cite a:hover {\n color: #f4dbd6;\n }\n pre,\n code {\n box-shadow: none !important;\n background-color: #1e2030;\n border-color: #181926;\n }\n pre {\n color: #cad3f5;\n }\n code {\n color: #f4dbd6;\n }\n *[style*=\"background-color: #C1E5FF\"] {\n color: #cad3f5 !important;\n background-color: rgba(138, 173, 244, 0.15) !important;\n border-color: #8aadf4 !important;\n }\n *[style*=\"background-color: #FFD0B7\"] {\n color: #cad3f5 !important;\n background-color: rgba(245, 169, 127, 0.15) !important;\n border-color: #f5a97f !important;\n }\n *[style*=\"background: #F6F6F6\"] {\n color: #cad3f5 !important;\n background-color: rgba(110, 115, 141, 0.15) !important;\n border-color: #6e738d !important;\n }\n .mw-highlight,\n .mw-highlight > pre {\n color: #cad3f5 !important;\n background-color: #1e2030 !important;\n }\n .mw-highlight .nv,\n .mw-highlight > pre .nv {\n color: #cad3f5;\n }\n .mw-highlight .gp,\n .mw-highlight > pre .gp {\n color: #f5bde6;\n }\n .mw-highlight .c1,\n .mw-highlight > pre .c1,\n .mw-highlight .cm,\n .mw-highlight > pre .cm {\n color: #939ab7;\n }\n .mw-highlight .s1,\n .mw-highlight > pre .s1,\n .mw-highlight .s2,\n .mw-highlight > pre .s2,\n .mw-highlight .se,\n .mw-highlight > pre .se {\n color: #a6da95;\n }\n .mw-highlight .si,\n .mw-highlight > pre .si {\n color: #f5bde6;\n }\n .mw-highlight .ss,\n .mw-highlight > pre .ss,\n .mw-highlight .nb,\n .mw-highlight > pre .nb {\n color: #8aadf4;\n }\n .mw-highlight .p,\n .mw-highlight > pre .p,\n .mw-highlight .o,\n .mw-highlight > pre .o {\n color: #8bd5ca;\n }\n .mw-highlight .mi,\n .mw-highlight > pre .mi,\n .mw-highlight .no,\n .mw-highlight > pre .no {\n color: #f5a97f;\n }\n .mw-highlight .k,\n .mw-highlight > pre .k,\n .mw-highlight .ow,\n .mw-highlight > pre .ow {\n color: #c6a0f6;\n }\n .mw-highlight .go,\n .mw-highlight > pre .go {\n color: #cad3f5;\n }\n .suggestions .suggestions-result {\n background-color: #1e2030;\n color: #cad3f5;\n }\n .suggestions .suggestions-result:hover {\n background-color: #212435;\n }\n .suggestions .suggestions-result .highlight {\n color: #b7bdf8;\n }\n .suggestions .suggestions-results {\n border-color: #363a4f !important;\n }\n .suggestions .suggestions-special {\n border-color: #363a4f !important;\n background-color: #1e2030;\n }\n .suggestions .suggestions-special:hover {\n background-color: #35384e;\n }\n .suggestions .suggestions-special .special-label {\n color: #a5adcb;\n }\n .suggestions .suggestions-special .special-query {\n color: #cad3f5;\n }\n .toc li.active > a {\n border-left-color: #b7bdf8 !important;\n }\n .toc ul.nav a:hover {\n background: #b7bdf8 !important;\n }\n .toc ul.nav a:hover,\n .toc ul.nav a:hover * {\n color: #181926 !important;\n }\n #catlinks {\n background-color: #1e2030;\n border-color: #1e2030;\n }\n #footer {\n background-color: #1e2030;\n }\n }", + "start": 958, + "domains": [ + "nixos.wiki" + ] + } + ], + "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.1\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 }\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", + "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.1", + "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": "macchiato", + "default": "latte", + "options": [ + { + "name": "latte", + "label": "Latte", + "value": "latte" + }, + { + "name": "frappe", + "label": "Frappé", + "value": "frappe" + }, + { + "name": "macchiato", + "label": "Macchiato", + "value": "macchiato" + }, + { + "name": "mocha", + "label": "Mocha", + "value": "mocha" + } + ] + }, + "darkFlavor": { + "type": "select", + "label": "Dark Flavor", + "name": "darkFlavor", + "value": "macchiato", + "default": "mocha", + "options": [ + { + "name": "latte", + "label": "Latte", + "value": "latte" + }, + { + "name": "frappe", + "label": "Frappé", + "value": "frappe" + }, + { + "name": "macchiato", + "label": "Macchiato", + "value": "macchiato" + }, + { + "name": "mocha", + "label": "Mocha", + "value": "mocha" + } + ] + }, + "accentColor": { + "type": "select", + "label": "Accent", + "name": "accentColor", + "value": "lavender", + "default": "sapphire", + "options": [ + { + "name": "rosewater", + "label": "Rosewater", + "value": "rosewater" + }, + { + "name": "flamingo", + "label": "Flamingo", + "value": "flamingo" + }, + { + "name": "pink", + "label": "Pink", + "value": "pink" + }, + { + "name": "mauve", + "label": "Mauve", + "value": "mauve" + }, + { + "name": "red", + "label": "Red", + "value": "red" + }, + { + "name": "maroon", + "label": "Maroon", + "value": "maroon" + }, + { + "name": "peach", + "label": "Peach", + "value": "peach" + }, + { + "name": "yellow", + "label": "Yellow", + "value": "yellow" + }, + { + "name": "green", + "label": "Green", + "value": "green" + }, + { + "name": "teal", + "label": "Teal", + "value": "teal" + }, + { + "name": "blue", + "label": "Blue", + "value": "blue" + }, + { + "name": "sapphire", + "label": "Sapphire", + "value": "sapphire" + }, + { + "name": "sky", + "label": "Sky", + "value": "sky" + }, + { + "name": "lavender", + "label": "Lavender", + "value": "lavender" + }, + { + "name": "subtext0", + "label": "Gray", + "value": "subtext0" + } + ] + } + } + }, + "author": "Catppuccin", + "description": "Soothing pastel theme for NixOS Wiki", + "name": "NixOS Wiki Catppuccin", + "originalDigest": "b8f94fe18b922108bdbd4315f6a5d0a07389ccc2", + "_id": "5b0a6791-1913-4db7-9caf-37e2562a5854", + "_rev": 1700768722342, + "id": 72, + "etag": "W/\"179753cbe553da56207cd9521eee75e67b53c1bcead98fed956fea512db8c3d3\"" + }, + { + "enabled": true, + "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/linkedin/catppuccin.user.css", + "url": "https://github.com/catppuccin/userstyles/tree/main/styles/linkedin", + "installDate": 1700768747663, + "sections": [ + { + "code": "/* ==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.1\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== */", + "start": 0 + }, + { + "code": "/* prettier-ignore */\n @media (prefers-color-scheme: light) {\n --black: #181926;\n --black-a90: #181926;\n --black-a75: #181926;\n --black-a60: rgba(24, 25, 38, 0.6);\n --black-a45: #181926;\n --black-a30: #181926;\n --black-a15: #181926;\n --black-a12: #181926;\n --black-a08: #181926;\n --black-a04: #181926;\n --black-a100: #181926;\n --white: #cad3f5;\n --white-a06: #363a4f;\n --white-a12: #363a4f;\n --white-a18: #363a4f;\n --white-a25: #363a4f;\n --white-a30: #cad3f5;\n --white-a40: #cad3f5;\n --white-a45: #cad3f5;\n --white-a55: #cad3f5;\n --white-a60: #a5adcb;\n --white-a70: #cad3f5;\n --white-a75: #cad3f5;\n --white-a85: #cad3f5;\n --white-a90: #cad3f5;\n --white-a100: #cad3f5;\n --blue-10: #8aadf4;\n --blue-20: #8aadf4;\n --blue-30: #8aadf4;\n --blue-40: #8aadf4;\n --blue-50: #8aadf4;\n --blue-60: #8aadf4;\n --blue-70: #8aadf4;\n --blue-80: #8aadf4;\n --blue-90: #8aadf4;\n --blue-100: #8aadf4;\n --blue-50-a20: rgba(138, 173, 244, 0.2);\n --blue-50-a25: rgba(138, 173, 244, 0.25);\n --blue-50-a30: rgba(138, 173, 244, 0.3);\n --blue-50-a40: rgba(138, 173, 244, 0.4);\n --blue-60-a10: rgba(138, 173, 244, 0.1);\n --blue-60-a15: rgba(138, 173, 244, 0.85);\n --blue-60-a20: rgba(138, 173, 244, 0.2);\n --blue-60-a25: rgba(138, 173, 244, 0.25);\n --blue-60-a30: rgba(138, 173, 244, 0.3);\n --blue-60-a35: rgba(138, 173, 244, 0.35);\n --blue-60-a40: rgba(138, 173, 244, 0.4);\n --blue-60-a45: rgba(138, 173, 244, 0.45);\n --blue-70-a30: rgba(125, 196, 228, 0.3);\n --blue-70-a40: rgba(125, 196, 228, 0.4);\n --blue-70-a50: rgba(125, 196, 228, 0.5);\n --cool-gray-10: #1e2030;\n --cool-gray-20: #363a4f;\n --cool-gray-30: #1e2030;\n --cool-gray-40: #1e2030;\n --cool-gray-50: #1e2030;\n --cool-gray-60: #1e2030;\n --cool-gray-70: #1e2030;\n --cool-gray-80: #363a4f;\n --cool-gray-85: #1e2030;\n --cool-gray-90: #1e2030;\n --cool-gray-100: #1e2030;\n --cool-gray-60-a10: rgba(30, 32, 48, 0.1);\n --cool-gray-60-a15: rgba(30, 32, 48, 0.15);\n --cool-gray-60-a20: rgba(30, 32, 48, 0.2);\n --cool-gray-60-a25: rgba(30, 32, 48, 0.25);\n --cool-gray-60-a30: rgba(30, 32, 48, 0.3);\n --cool-gray-60-a35: rgba(30, 32, 48, 0.35);\n --warm-gray-10: #8087a2;\n --warm-gray-20: #8087a2;\n --warm-gray-30: #8087a2;\n --warm-gray-40: #8087a2;\n --warm-gray-50: #8087a2;\n --warm-gray-60: #8087a2;\n --warm-gray-70: #8087a2;\n --warm-gray-80: #8087a2;\n --warm-gray-90: #8087a2;\n --warm-gray-100: #8087a2;\n --warm-gray-60-a10: rgba(128, 135, 162, 0.1);\n --warm-gray-60-a15: rgba(128, 135, 162, 0.15);\n --warm-gray-60-a20: rgba(128, 135, 162, 0.2);\n --warm-gray-60-a25: rgba(128, 135, 162, 0.25);\n --warm-gray-60-a30: rgba(128, 135, 162, 0.3);\n --warm-gray-60-a35: rgba(128, 135, 162, 0.35);\n --warm-red-10: #ee99a0;\n --warm-red-20: #ee99a0;\n --warm-red-30: #ee99a0;\n --warm-red-40: #ee99a0;\n --warm-red-50: #ee99a0;\n --warm-red-60: #ee99a0;\n --warm-red-70: #ee99a0;\n --warm-red-80: #ee99a0;\n --warm-red-90: #ee99a0;\n --warm-red-100: #ee99a0;\n --warm-red-60-a10: rgba(238, 153, 160, 0.1);\n --warm-red-60-a15: rgba(238, 153, 160, 0.15);\n --warm-red-60-a20: rgba(238, 153, 160, 0.2);\n --warm-red-60-a25: rgba(238, 153, 160, 0.25);\n --warm-red-60-a30: rgba(238, 153, 160, 0.3);\n --warm-red-60-a35: rgba(238, 153, 160, 0.35);\n --teal-10: #8bd5ca;\n --teal-20: #8bd5ca;\n --teal-30: #8bd5ca;\n --teal-40: #8bd5ca;\n --teal-50: #8bd5ca;\n --teal-60: #8bd5ca;\n --teal-70: #8bd5ca;\n --teal-80: #8bd5ca;\n --teal-90: #8bd5ca;\n --teal-100: #8bd5ca;\n --teal-50-a30: #8bd5ca;\n --teal-60-a10: rgba(139, 213, 202, 0.1);\n --teal-60-a15: rgba(139, 213, 202, 0.15);\n --teal-60-a20: rgba(139, 213, 202, 0.2);\n --teal-60-a25: rgba(139, 213, 202, 0.25);\n --teal-60-a30: rgba(139, 213, 202, 0.3);\n --teal-60-a35: rgba(139, 213, 202, 0.35);\n --purple-10: #b7bdf8;\n --purple-20: #b7bdf8;\n --purple-30: #b7bdf8;\n --purple-40: #b7bdf8;\n --purple-50: #b7bdf8;\n --purple-60: #b7bdf8;\n --purple-70: #b7bdf8;\n --purple-80: #b7bdf8;\n --purple-90: #b7bdf8;\n --purple-100: #b7bdf8;\n --purple-40-a15: rgba(183, 189, 248, 0.15);\n --purple-60-a10: rgba(183, 189, 248, 0.1);\n --purple-60-a15: rgba(183, 189, 248, 0.15);\n --purple-60-a20: rgba(183, 189, 248, 0.2);\n --purple-60-a25: rgba(183, 189, 248, 0.25);\n --purple-60-a30: rgba(183, 189, 248, 0.3);\n --purple-60-a35: rgba(183, 189, 248, 0.35);\n --purple-70-a15: rgba(183, 189, 248, 0.15);\n --system-red-10: #ed8796;\n --system-red-20: #ed8796;\n --system-red-30: #ed8796;\n --system-red-40: #ed8796;\n --system-red-50: #ed8796;\n --system-red-60: #ed8796;\n --system-red-70: #ed8796;\n --system-red-80: #ed8796;\n --system-red-90: #ed8796;\n --system-red-100: #ed8796;\n --system-red-60-a10: rgba(237, 135, 150, 0.1);\n --system-red-60-a15: rgba(237, 135, 150, 0.15);\n --system-red-60-a20: rgba(237, 135, 150, 0.2);\n --system-red-60-a25: rgba(237, 135, 150, 0.25);\n --system-red-60-a30: rgba(237, 135, 150, 0.3);\n --system-red-60-a35: rgba(237, 135, 150, 0.35);\n --system-green-10: #67c049;\n --system-green-20: #67c049;\n --system-green-30: #67c049;\n --system-green-40: #67c049;\n --system-green-50: #67c049;\n --system-green-60: #67c049;\n --system-green-70: #67c049;\n --system-green-80: #67c049;\n --system-green-90: #67c049;\n --system-green-100: #67c049;\n --system-green-60-a10: rgba(103, 192, 73, 0.1);\n --system-green-60-a15: rgba(103, 192, 73, 0.15);\n --system-green-60-a20: rgba(103, 192, 73, 0.2);\n --system-green-60-a25: rgba(103, 192, 73, 0.25);\n --system-green-60-a30: rgba(103, 192, 73, 0.3);\n --system-green-60-a35: rgba(103, 192, 73, 0.35);\n --pink-10: #f5bde6;\n --pink-20: #f5bde6;\n --pink-30: #f5bde6;\n --pink-40: #f5bde6;\n --pink-50: #f5bde6;\n --pink-60: #f5bde6;\n --pink-70: #f5bde6;\n --pink-80: #f5bde6;\n --pink-90: #f5bde6;\n --pink-100: #f5bde6;\n --pink-60-a10: rgba(245, 189, 230, 0.1);\n --pink-60-a15: rgba(245, 189, 230, 0.15);\n --pink-60-a20: rgba(245, 189, 230, 0.2);\n --pink-60-a25: rgba(245, 189, 230, 0.25);\n --pink-60-a30: rgba(245, 189, 230, 0.3);\n --pink-60-a35: rgba(245, 189, 230, 0.35);\n --amber-10: #eed49f;\n --amber-20: #eed49f;\n --amber-30: #eed49f;\n --amber-40: #eed49f;\n --amber-50: #eed49f;\n --amber-60: #eed49f;\n --amber-70: #eed49f;\n --amber-80: #eed49f;\n --amber-90: #eed49f;\n --amber-100: #eed49f;\n --amber-30-a50: #eed49f;\n --amber-60-a10: rgba(238, 212, 159, 0.1);\n --amber-60-a15: rgba(238, 212, 159, 0.15);\n --amber-60-a20: rgba(238, 212, 159, 0.2);\n --amber-60-a25: rgba(238, 212, 159, 0.25);\n --amber-60-a30: rgba(238, 212, 159, 0.3);\n --amber-60-a35: rgba(238, 212, 159, 0.35);\n --copper-10: #f4dbd6;\n --copper-20: #f4dbd6;\n --copper-30: #f4dbd6;\n --copper-40: #f4dbd6;\n --copper-50: #f4dbd6;\n --copper-60: #f4dbd6;\n --copper-70: #f4dbd6;\n --copper-80: #f4dbd6;\n --copper-90: #f4dbd6;\n --copper-100: #f4dbd6;\n --copper-60-a10: rgba(244, 219, 214, 0.1);\n --copper-60-a15: rgba(244, 219, 214, 0.15);\n --copper-60-a20: rgba(244, 219, 214, 0.2);\n --copper-60-a25: rgba(244, 219, 214, 0.25);\n --copper-60-a30: rgba(244, 219, 214, 0.3);\n --copper-60-a35: rgba(244, 219, 214, 0.35);\n --green-10: #a6da95;\n --green-20: #a6da95;\n --green-30: #a6da95;\n --green-40: #a6da95;\n --green-50: #a6da95;\n --green-60: #a6da95;\n --green-70: #a6da95;\n --green-80: #a6da95;\n --green-90: #a6da95;\n --green-100: #a6da95;\n --green-60-a10: rgba(166, 218, 149, 0.1);\n --green-60-a15: rgba(166, 218, 149, 0.15);\n --green-60-a20: rgba(166, 218, 149, 0.2);\n --green-60-a25: rgba(166, 218, 149, 0.25);\n --green-60-a30: rgba(166, 218, 149, 0.3);\n --green-60-a35: rgba(166, 218, 149, 0.35);\n --sage-10: #3e792a;\n --sage-20: #3e792a;\n --sage-30: #3e792a;\n --sage-40: #3e792a;\n --sage-50: #3e792a;\n --sage-60: #3e792a;\n --sage-70: #3e792a;\n --sage-80: #3e792a;\n --sage-90: #3e792a;\n --sage-100: #3e792a;\n --sage-60-a10: rgba(62, 121, 42, 0.1);\n --sage-60-a15: rgba(62, 121, 42, 0.15);\n --sage-60-a20: rgba(62, 121, 42, 0.2);\n --sage-60-a25: rgba(62, 121, 42, 0.25);\n --sage-60-a30: rgba(62, 121, 42, 0.3);\n --sage-60-a35: rgba(62, 121, 42, 0.35);\n --lime-10: #e5f4e1;\n --lime-20: #e5f4e1;\n --lime-30: #e5f4e1;\n --lime-40: #e5f4e1;\n --lime-50: #e5f4e1;\n --lime-60: #e5f4e1;\n --lime-70: #e5f4e1;\n --lime-80: #e5f4e1;\n --lime-90: #e5f4e1;\n --lime-100: #e5f4e1;\n --lime-60-a10: rgba(229, 244, 225, 0.1);\n --lime-60-a15: rgba(229, 244, 225, 0.15);\n --lime-60-a20: rgba(229, 244, 225, 0.2);\n --lime-60-a25: rgba(229, 244, 225, 0.25);\n --lime-60-a30: rgba(229, 244, 225, 0.3);\n --lime-60-a35: rgba(229, 244, 225, 0.35);\n --camo-10: #b7bdf8;\n --camo-20: #b7bdf8;\n --camo-30: #b7bdf8;\n --camo-40: #b7bdf8;\n --camo-50: #b7bdf8;\n --camo-60: #b7bdf8;\n --camo-70: #b7bdf8;\n --camo-80: #b7bdf8;\n --camo-90: #b7bdf8;\n --camo-100: #b7bdf8;\n --camo-60-a10: rgba(183, 189, 248, 0.1);\n --camo-60-a15: rgba(183, 189, 248, 0.15);\n --camo-60-a20: rgba(183, 189, 248, 0.2);\n --camo-60-a25: rgba(183, 189, 248, 0.25);\n --camo-60-a30: rgba(183, 189, 248, 0.3);\n --camo-60-a35: rgba(183, 189, 248, 0.35);\n --smoke-10: #494d64;\n --smoke-20: #494d64;\n --smoke-30: #494d64;\n --smoke-40: #494d64;\n --smoke-50: #494d64;\n --smoke-60: #494d64;\n --smoke-70: #494d64;\n --smoke-80: #494d64;\n --smoke-90: #494d64;\n --smoke-100: #494d64;\n --smoke-60-a10: rgba(73, 77, 100, 0.1);\n --smoke-60-a15: rgba(73, 77, 100, 0.15);\n --smoke-60-a20: rgba(73, 77, 100, 0.2);\n --smoke-60-a25: rgba(73, 77, 100, 0.25);\n --smoke-60-a30: rgba(73, 77, 100, 0.3);\n --smoke-60-a35: rgba(73, 77, 100, 0.35);\n --lavender-10: #b7bdf8;\n --lavender-20: #b7bdf8;\n --lavender-30: #b7bdf8;\n --lavender-40: #b7bdf8;\n --lavender-50: #b7bdf8;\n --lavender-60: #b7bdf8;\n --lavender-70: #b7bdf8;\n --lavender-80: #b7bdf8;\n --lavender-90: #b7bdf8;\n --lavender-100: #b7bdf8;\n --lavender-60-a10: rgba(183, 189, 248, 0.1);\n --lavender-60-a15: rgba(183, 189, 248, 0.15);\n --lavender-60-a20: rgba(183, 189, 248, 0.2);\n --lavender-60-a25: rgba(183, 189, 248, 0.25);\n --lavender-60-a30: rgba(183, 189, 248, 0.3);\n --lavender-60-a35: rgba(183, 189, 248, 0.35);\n --mauve-10: #c6a0f6;\n --mauve-20: #c6a0f6;\n --mauve-30: #c6a0f6;\n --mauve-40: #c6a0f6;\n --mauve-50: #c6a0f6;\n --mauve-60: #c6a0f6;\n --mauve-70: #c6a0f6;\n --mauve-80: #c6a0f6;\n --mauve-90: #c6a0f6;\n --mauve-100: #c6a0f6;\n --mauve-60-a10: rgba(198, 160, 246, 0.1);\n --mauve-60-a15: rgba(198, 160, 246, 0.15);\n --mauve-60-a20: rgba(198, 160, 246, 0.2);\n --mauve-60-a25: rgba(198, 160, 246, 0.25);\n --mauve-60-a30: rgba(198, 160, 246, 0.3);\n --mauve-60-a35: rgba(198, 160, 246, 0.35);\n --mauve-80-a50: rgba(198, 160, 246, 0.5);\n --system-gray-10: #363a4f;\n --system-gray-20: #363a4f;\n --system-gray-30: #363a4f;\n --system-gray-40: #363a4f;\n --system-gray-50: #363a4f;\n --system-gray-60: #363a4f;\n --system-gray-70: #363a4f;\n --system-gray-80: #363a4f;\n --system-gray-90: #363a4f;\n --system-gray-100: #363a4f;\n --system-gray-60-a10: rgba(54, 58, 79, 0.1);\n --system-gray-60-a15: rgba(54, 58, 79, 0.15);\n --system-gray-60-a20: rgba(54, 58, 79, 0.2);\n --system-gray-60-a25: rgba(54, 58, 79, 0.25);\n --system-gray-60-a30: rgba(54, 58, 79, 0.3);\n --system-gray-60-a35: rgba(54, 58, 79, 0.35);\n --system-gray-60-a40: rgba(54, 58, 79, 0.4);\n --system-gray-60-a45: rgba(54, 58, 79, 0.45);\n --system-orange-10: #f5a97f;\n --system-orange-20: #f5a97f;\n --system-orange-30: #f5a97f;\n --system-orange-40: #f5a97f;\n --system-orange-50: #f5a97f;\n --system-orange-60: #f5a97f;\n --system-orange-70: #f5a97f;\n --system-orange-80: #f5a97f;\n --system-orange-90: #f5a97f;\n --system-orange-100: #f5a97f;\n --system-orange-60-a10: rgba(245, 169, 127, 0.1);\n --system-orange-60-a15: rgba(245, 169, 127, 0.15);\n --system-orange-60-a20: rgba(245, 169, 127, 0.2);\n --system-orange-60-a25: rgba(245, 169, 127, 0.25);\n --system-orange-60-a30: rgba(245, 169, 127, 0.3);\n --system-orange-60-a35: rgba(245, 169, 127, 0.35);\n /* quality of life changes */\n --color-border-low-emphasis: #363a4f;\n /* more accent */\n --voyager-color-background-badge-notification: #b7bdf8;\n --color-signal-positive: #b7bdf8;\n --color-checked: #b7bdf8;\n --color-checked-hover: #b7bdf8;\n --color-checked-active: #b7bdf8;\n --color-text-on-dark: #181926;\n --color-element: #181926;\n .share-promoted-detour-button-legacy {\n background-color: #b7bdf8 !important;\n }\n .share-promoted-detour-button {\n color: #181926 !important;\n }\n }\n @media (prefers-color-scheme: dark) {\n .theme--dark,\n .theme--mercado-dark {\n --black: #181926;\n --black-a90: #181926;\n --black-a75: #181926;\n --black-a60: rgba(24, 25, 38, 0.6);\n --black-a45: #181926;\n --black-a30: #181926;\n --black-a15: #181926;\n --black-a12: #181926;\n --black-a08: #181926;\n --black-a04: #181926;\n --black-a100: #181926;\n --white: #cad3f5;\n --white-a06: #363a4f;\n --white-a12: #363a4f;\n --white-a18: #363a4f;\n --white-a25: #363a4f;\n --white-a30: #cad3f5;\n --white-a40: #cad3f5;\n --white-a45: #cad3f5;\n --white-a55: #cad3f5;\n --white-a60: #a5adcb;\n --white-a70: #cad3f5;\n --white-a75: #cad3f5;\n --white-a85: #cad3f5;\n --white-a90: #cad3f5;\n --white-a100: #cad3f5;\n --blue-10: #8aadf4;\n --blue-20: #8aadf4;\n --blue-30: #8aadf4;\n --blue-40: #8aadf4;\n --blue-50: #8aadf4;\n --blue-60: #8aadf4;\n --blue-70: #8aadf4;\n --blue-80: #8aadf4;\n --blue-90: #8aadf4;\n --blue-100: #8aadf4;\n --blue-50-a20: rgba(138, 173, 244, 0.2);\n --blue-50-a25: rgba(138, 173, 244, 0.25);\n --blue-50-a30: rgba(138, 173, 244, 0.3);\n --blue-50-a40: rgba(138, 173, 244, 0.4);\n --blue-60-a10: rgba(138, 173, 244, 0.1);\n --blue-60-a15: rgba(138, 173, 244, 0.85);\n --blue-60-a20: rgba(138, 173, 244, 0.2);\n --blue-60-a25: rgba(138, 173, 244, 0.25);\n --blue-60-a30: rgba(138, 173, 244, 0.3);\n --blue-60-a35: rgba(138, 173, 244, 0.35);\n --blue-60-a40: rgba(138, 173, 244, 0.4);\n --blue-60-a45: rgba(138, 173, 244, 0.45);\n --blue-70-a30: rgba(125, 196, 228, 0.3);\n --blue-70-a40: rgba(125, 196, 228, 0.4);\n --blue-70-a50: rgba(125, 196, 228, 0.5);\n --cool-gray-10: #1e2030;\n --cool-gray-20: #363a4f;\n --cool-gray-30: #1e2030;\n --cool-gray-40: #1e2030;\n --cool-gray-50: #1e2030;\n --cool-gray-60: #1e2030;\n --cool-gray-70: #1e2030;\n --cool-gray-80: #363a4f;\n --cool-gray-85: #1e2030;\n --cool-gray-90: #1e2030;\n --cool-gray-100: #1e2030;\n --cool-gray-60-a10: rgba(30, 32, 48, 0.1);\n --cool-gray-60-a15: rgba(30, 32, 48, 0.15);\n --cool-gray-60-a20: rgba(30, 32, 48, 0.2);\n --cool-gray-60-a25: rgba(30, 32, 48, 0.25);\n --cool-gray-60-a30: rgba(30, 32, 48, 0.3);\n --cool-gray-60-a35: rgba(30, 32, 48, 0.35);\n --warm-gray-10: #8087a2;\n --warm-gray-20: #8087a2;\n --warm-gray-30: #8087a2;\n --warm-gray-40: #8087a2;\n --warm-gray-50: #8087a2;\n --warm-gray-60: #8087a2;\n --warm-gray-70: #8087a2;\n --warm-gray-80: #8087a2;\n --warm-gray-90: #8087a2;\n --warm-gray-100: #8087a2;\n --warm-gray-60-a10: rgba(128, 135, 162, 0.1);\n --warm-gray-60-a15: rgba(128, 135, 162, 0.15);\n --warm-gray-60-a20: rgba(128, 135, 162, 0.2);\n --warm-gray-60-a25: rgba(128, 135, 162, 0.25);\n --warm-gray-60-a30: rgba(128, 135, 162, 0.3);\n --warm-gray-60-a35: rgba(128, 135, 162, 0.35);\n --warm-red-10: #ee99a0;\n --warm-red-20: #ee99a0;\n --warm-red-30: #ee99a0;\n --warm-red-40: #ee99a0;\n --warm-red-50: #ee99a0;\n --warm-red-60: #ee99a0;\n --warm-red-70: #ee99a0;\n --warm-red-80: #ee99a0;\n --warm-red-90: #ee99a0;\n --warm-red-100: #ee99a0;\n --warm-red-60-a10: rgba(238, 153, 160, 0.1);\n --warm-red-60-a15: rgba(238, 153, 160, 0.15);\n --warm-red-60-a20: rgba(238, 153, 160, 0.2);\n --warm-red-60-a25: rgba(238, 153, 160, 0.25);\n --warm-red-60-a30: rgba(238, 153, 160, 0.3);\n --warm-red-60-a35: rgba(238, 153, 160, 0.35);\n --teal-10: #8bd5ca;\n --teal-20: #8bd5ca;\n --teal-30: #8bd5ca;\n --teal-40: #8bd5ca;\n --teal-50: #8bd5ca;\n --teal-60: #8bd5ca;\n --teal-70: #8bd5ca;\n --teal-80: #8bd5ca;\n --teal-90: #8bd5ca;\n --teal-100: #8bd5ca;\n --teal-50-a30: #8bd5ca;\n --teal-60-a10: rgba(139, 213, 202, 0.1);\n --teal-60-a15: rgba(139, 213, 202, 0.15);\n --teal-60-a20: rgba(139, 213, 202, 0.2);\n --teal-60-a25: rgba(139, 213, 202, 0.25);\n --teal-60-a30: rgba(139, 213, 202, 0.3);\n --teal-60-a35: rgba(139, 213, 202, 0.35);\n --purple-10: #b7bdf8;\n --purple-20: #b7bdf8;\n --purple-30: #b7bdf8;\n --purple-40: #b7bdf8;\n --purple-50: #b7bdf8;\n --purple-60: #b7bdf8;\n --purple-70: #b7bdf8;\n --purple-80: #b7bdf8;\n --purple-90: #b7bdf8;\n --purple-100: #b7bdf8;\n --purple-40-a15: rgba(183, 189, 248, 0.15);\n --purple-60-a10: rgba(183, 189, 248, 0.1);\n --purple-60-a15: rgba(183, 189, 248, 0.15);\n --purple-60-a20: rgba(183, 189, 248, 0.2);\n --purple-60-a25: rgba(183, 189, 248, 0.25);\n --purple-60-a30: rgba(183, 189, 248, 0.3);\n --purple-60-a35: rgba(183, 189, 248, 0.35);\n --purple-70-a15: rgba(183, 189, 248, 0.15);\n --system-red-10: #ed8796;\n --system-red-20: #ed8796;\n --system-red-30: #ed8796;\n --system-red-40: #ed8796;\n --system-red-50: #ed8796;\n --system-red-60: #ed8796;\n --system-red-70: #ed8796;\n --system-red-80: #ed8796;\n --system-red-90: #ed8796;\n --system-red-100: #ed8796;\n --system-red-60-a10: rgba(237, 135, 150, 0.1);\n --system-red-60-a15: rgba(237, 135, 150, 0.15);\n --system-red-60-a20: rgba(237, 135, 150, 0.2);\n --system-red-60-a25: rgba(237, 135, 150, 0.25);\n --system-red-60-a30: rgba(237, 135, 150, 0.3);\n --system-red-60-a35: rgba(237, 135, 150, 0.35);\n --system-green-10: #67c049;\n --system-green-20: #67c049;\n --system-green-30: #67c049;\n --system-green-40: #67c049;\n --system-green-50: #67c049;\n --system-green-60: #67c049;\n --system-green-70: #67c049;\n --system-green-80: #67c049;\n --system-green-90: #67c049;\n --system-green-100: #67c049;\n --system-green-60-a10: rgba(103, 192, 73, 0.1);\n --system-green-60-a15: rgba(103, 192, 73, 0.15);\n --system-green-60-a20: rgba(103, 192, 73, 0.2);\n --system-green-60-a25: rgba(103, 192, 73, 0.25);\n --system-green-60-a30: rgba(103, 192, 73, 0.3);\n --system-green-60-a35: rgba(103, 192, 73, 0.35);\n --pink-10: #f5bde6;\n --pink-20: #f5bde6;\n --pink-30: #f5bde6;\n --pink-40: #f5bde6;\n --pink-50: #f5bde6;\n --pink-60: #f5bde6;\n --pink-70: #f5bde6;\n --pink-80: #f5bde6;\n --pink-90: #f5bde6;\n --pink-100: #f5bde6;\n --pink-60-a10: rgba(245, 189, 230, 0.1);\n --pink-60-a15: rgba(245, 189, 230, 0.15);\n --pink-60-a20: rgba(245, 189, 230, 0.2);\n --pink-60-a25: rgba(245, 189, 230, 0.25);\n --pink-60-a30: rgba(245, 189, 230, 0.3);\n --pink-60-a35: rgba(245, 189, 230, 0.35);\n --amber-10: #eed49f;\n --amber-20: #eed49f;\n --amber-30: #eed49f;\n --amber-40: #eed49f;\n --amber-50: #eed49f;\n --amber-60: #eed49f;\n --amber-70: #eed49f;\n --amber-80: #eed49f;\n --amber-90: #eed49f;\n --amber-100: #eed49f;\n --amber-30-a50: #eed49f;\n --amber-60-a10: rgba(238, 212, 159, 0.1);\n --amber-60-a15: rgba(238, 212, 159, 0.15);\n --amber-60-a20: rgba(238, 212, 159, 0.2);\n --amber-60-a25: rgba(238, 212, 159, 0.25);\n --amber-60-a30: rgba(238, 212, 159, 0.3);\n --amber-60-a35: rgba(238, 212, 159, 0.35);\n --copper-10: #f4dbd6;\n --copper-20: #f4dbd6;\n --copper-30: #f4dbd6;\n --copper-40: #f4dbd6;\n --copper-50: #f4dbd6;\n --copper-60: #f4dbd6;\n --copper-70: #f4dbd6;\n --copper-80: #f4dbd6;\n --copper-90: #f4dbd6;\n --copper-100: #f4dbd6;\n --copper-60-a10: rgba(244, 219, 214, 0.1);\n --copper-60-a15: rgba(244, 219, 214, 0.15);\n --copper-60-a20: rgba(244, 219, 214, 0.2);\n --copper-60-a25: rgba(244, 219, 214, 0.25);\n --copper-60-a30: rgba(244, 219, 214, 0.3);\n --copper-60-a35: rgba(244, 219, 214, 0.35);\n --green-10: #a6da95;\n --green-20: #a6da95;\n --green-30: #a6da95;\n --green-40: #a6da95;\n --green-50: #a6da95;\n --green-60: #a6da95;\n --green-70: #a6da95;\n --green-80: #a6da95;\n --green-90: #a6da95;\n --green-100: #a6da95;\n --green-60-a10: rgba(166, 218, 149, 0.1);\n --green-60-a15: rgba(166, 218, 149, 0.15);\n --green-60-a20: rgba(166, 218, 149, 0.2);\n --green-60-a25: rgba(166, 218, 149, 0.25);\n --green-60-a30: rgba(166, 218, 149, 0.3);\n --green-60-a35: rgba(166, 218, 149, 0.35);\n --sage-10: #3e792a;\n --sage-20: #3e792a;\n --sage-30: #3e792a;\n --sage-40: #3e792a;\n --sage-50: #3e792a;\n --sage-60: #3e792a;\n --sage-70: #3e792a;\n --sage-80: #3e792a;\n --sage-90: #3e792a;\n --sage-100: #3e792a;\n --sage-60-a10: rgba(62, 121, 42, 0.1);\n --sage-60-a15: rgba(62, 121, 42, 0.15);\n --sage-60-a20: rgba(62, 121, 42, 0.2);\n --sage-60-a25: rgba(62, 121, 42, 0.25);\n --sage-60-a30: rgba(62, 121, 42, 0.3);\n --sage-60-a35: rgba(62, 121, 42, 0.35);\n --lime-10: #e5f4e1;\n --lime-20: #e5f4e1;\n --lime-30: #e5f4e1;\n --lime-40: #e5f4e1;\n --lime-50: #e5f4e1;\n --lime-60: #e5f4e1;\n --lime-70: #e5f4e1;\n --lime-80: #e5f4e1;\n --lime-90: #e5f4e1;\n --lime-100: #e5f4e1;\n --lime-60-a10: rgba(229, 244, 225, 0.1);\n --lime-60-a15: rgba(229, 244, 225, 0.15);\n --lime-60-a20: rgba(229, 244, 225, 0.2);\n --lime-60-a25: rgba(229, 244, 225, 0.25);\n --lime-60-a30: rgba(229, 244, 225, 0.3);\n --lime-60-a35: rgba(229, 244, 225, 0.35);\n --camo-10: #b7bdf8;\n --camo-20: #b7bdf8;\n --camo-30: #b7bdf8;\n --camo-40: #b7bdf8;\n --camo-50: #b7bdf8;\n --camo-60: #b7bdf8;\n --camo-70: #b7bdf8;\n --camo-80: #b7bdf8;\n --camo-90: #b7bdf8;\n --camo-100: #b7bdf8;\n --camo-60-a10: rgba(183, 189, 248, 0.1);\n --camo-60-a15: rgba(183, 189, 248, 0.15);\n --camo-60-a20: rgba(183, 189, 248, 0.2);\n --camo-60-a25: rgba(183, 189, 248, 0.25);\n --camo-60-a30: rgba(183, 189, 248, 0.3);\n --camo-60-a35: rgba(183, 189, 248, 0.35);\n --smoke-10: #494d64;\n --smoke-20: #494d64;\n --smoke-30: #494d64;\n --smoke-40: #494d64;\n --smoke-50: #494d64;\n --smoke-60: #494d64;\n --smoke-70: #494d64;\n --smoke-80: #494d64;\n --smoke-90: #494d64;\n --smoke-100: #494d64;\n --smoke-60-a10: rgba(73, 77, 100, 0.1);\n --smoke-60-a15: rgba(73, 77, 100, 0.15);\n --smoke-60-a20: rgba(73, 77, 100, 0.2);\n --smoke-60-a25: rgba(73, 77, 100, 0.25);\n --smoke-60-a30: rgba(73, 77, 100, 0.3);\n --smoke-60-a35: rgba(73, 77, 100, 0.35);\n --lavender-10: #b7bdf8;\n --lavender-20: #b7bdf8;\n --lavender-30: #b7bdf8;\n --lavender-40: #b7bdf8;\n --lavender-50: #b7bdf8;\n --lavender-60: #b7bdf8;\n --lavender-70: #b7bdf8;\n --lavender-80: #b7bdf8;\n --lavender-90: #b7bdf8;\n --lavender-100: #b7bdf8;\n --lavender-60-a10: rgba(183, 189, 248, 0.1);\n --lavender-60-a15: rgba(183, 189, 248, 0.15);\n --lavender-60-a20: rgba(183, 189, 248, 0.2);\n --lavender-60-a25: rgba(183, 189, 248, 0.25);\n --lavender-60-a30: rgba(183, 189, 248, 0.3);\n --lavender-60-a35: rgba(183, 189, 248, 0.35);\n --mauve-10: #c6a0f6;\n --mauve-20: #c6a0f6;\n --mauve-30: #c6a0f6;\n --mauve-40: #c6a0f6;\n --mauve-50: #c6a0f6;\n --mauve-60: #c6a0f6;\n --mauve-70: #c6a0f6;\n --mauve-80: #c6a0f6;\n --mauve-90: #c6a0f6;\n --mauve-100: #c6a0f6;\n --mauve-60-a10: rgba(198, 160, 246, 0.1);\n --mauve-60-a15: rgba(198, 160, 246, 0.15);\n --mauve-60-a20: rgba(198, 160, 246, 0.2);\n --mauve-60-a25: rgba(198, 160, 246, 0.25);\n --mauve-60-a30: rgba(198, 160, 246, 0.3);\n --mauve-60-a35: rgba(198, 160, 246, 0.35);\n --mauve-80-a50: rgba(198, 160, 246, 0.5);\n --system-gray-10: #363a4f;\n --system-gray-20: #363a4f;\n --system-gray-30: #363a4f;\n --system-gray-40: #363a4f;\n --system-gray-50: #363a4f;\n --system-gray-60: #363a4f;\n --system-gray-70: #363a4f;\n --system-gray-80: #363a4f;\n --system-gray-90: #363a4f;\n --system-gray-100: #363a4f;\n --system-gray-60-a10: rgba(54, 58, 79, 0.1);\n --system-gray-60-a15: rgba(54, 58, 79, 0.15);\n --system-gray-60-a20: rgba(54, 58, 79, 0.2);\n --system-gray-60-a25: rgba(54, 58, 79, 0.25);\n --system-gray-60-a30: rgba(54, 58, 79, 0.3);\n --system-gray-60-a35: rgba(54, 58, 79, 0.35);\n --system-gray-60-a40: rgba(54, 58, 79, 0.4);\n --system-gray-60-a45: rgba(54, 58, 79, 0.45);\n --system-orange-10: #f5a97f;\n --system-orange-20: #f5a97f;\n --system-orange-30: #f5a97f;\n --system-orange-40: #f5a97f;\n --system-orange-50: #f5a97f;\n --system-orange-60: #f5a97f;\n --system-orange-70: #f5a97f;\n --system-orange-80: #f5a97f;\n --system-orange-90: #f5a97f;\n --system-orange-100: #f5a97f;\n --system-orange-60-a10: rgba(245, 169, 127, 0.1);\n --system-orange-60-a15: rgba(245, 169, 127, 0.15);\n --system-orange-60-a20: rgba(245, 169, 127, 0.2);\n --system-orange-60-a25: rgba(245, 169, 127, 0.25);\n --system-orange-60-a30: rgba(245, 169, 127, 0.3);\n --system-orange-60-a35: rgba(245, 169, 127, 0.35);\n /* quality of life changes */\n --color-border-low-emphasis: #363a4f;\n /* more accent */\n --voyager-color-background-badge-notification: #b7bdf8;\n --color-signal-positive: #b7bdf8;\n --color-checked: #b7bdf8;\n --color-checked-hover: #b7bdf8;\n --color-checked-active: #b7bdf8;\n --color-text-on-dark: #181926;\n --color-element: #181926;\n }\n .theme--dark .share-promoted-detour-button-legacy,\n .theme--mercado-dark .share-promoted-detour-button-legacy {\n background-color: #b7bdf8 !important;\n }\n .theme--dark .share-promoted-detour-button,\n .theme--mercado-dark .share-promoted-detour-button {\n color: #181926 !important;\n }\n }\n :root {\n --black: #181926;\n --black-a90: #181926;\n --black-a75: #181926;\n --black-a60: rgba(24, 25, 38, 0.6);\n --black-a45: #181926;\n --black-a30: #181926;\n --black-a15: #181926;\n --black-a12: #181926;\n --black-a08: #181926;\n --black-a04: #181926;\n --black-a100: #181926;\n --white: #cad3f5;\n --white-a06: #363a4f;\n --white-a12: #363a4f;\n --white-a18: #363a4f;\n --white-a25: #363a4f;\n --white-a30: #cad3f5;\n --white-a40: #cad3f5;\n --white-a45: #cad3f5;\n --white-a55: #cad3f5;\n --white-a60: #a5adcb;\n --white-a70: #cad3f5;\n --white-a75: #cad3f5;\n --white-a85: #cad3f5;\n --white-a90: #cad3f5;\n --white-a100: #cad3f5;\n --blue-10: #8aadf4;\n --blue-20: #8aadf4;\n --blue-30: #8aadf4;\n --blue-40: #8aadf4;\n --blue-50: #8aadf4;\n --blue-60: #8aadf4;\n --blue-70: #8aadf4;\n --blue-80: #8aadf4;\n --blue-90: #8aadf4;\n --blue-100: #8aadf4;\n --blue-50-a20: rgba(138, 173, 244, 0.2);\n --blue-50-a25: rgba(138, 173, 244, 0.25);\n --blue-50-a30: rgba(138, 173, 244, 0.3);\n --blue-50-a40: rgba(138, 173, 244, 0.4);\n --blue-60-a10: rgba(138, 173, 244, 0.1);\n --blue-60-a15: rgba(138, 173, 244, 0.85);\n --blue-60-a20: rgba(138, 173, 244, 0.2);\n --blue-60-a25: rgba(138, 173, 244, 0.25);\n --blue-60-a30: rgba(138, 173, 244, 0.3);\n --blue-60-a35: rgba(138, 173, 244, 0.35);\n --blue-60-a40: rgba(138, 173, 244, 0.4);\n --blue-60-a45: rgba(138, 173, 244, 0.45);\n --blue-70-a30: rgba(125, 196, 228, 0.3);\n --blue-70-a40: rgba(125, 196, 228, 0.4);\n --blue-70-a50: rgba(125, 196, 228, 0.5);\n --cool-gray-10: #1e2030;\n --cool-gray-20: #363a4f;\n --cool-gray-30: #1e2030;\n --cool-gray-40: #1e2030;\n --cool-gray-50: #1e2030;\n --cool-gray-60: #1e2030;\n --cool-gray-70: #1e2030;\n --cool-gray-80: #363a4f;\n --cool-gray-85: #1e2030;\n --cool-gray-90: #1e2030;\n --cool-gray-100: #1e2030;\n --cool-gray-60-a10: rgba(30, 32, 48, 0.1);\n --cool-gray-60-a15: rgba(30, 32, 48, 0.15);\n --cool-gray-60-a20: rgba(30, 32, 48, 0.2);\n --cool-gray-60-a25: rgba(30, 32, 48, 0.25);\n --cool-gray-60-a30: rgba(30, 32, 48, 0.3);\n --cool-gray-60-a35: rgba(30, 32, 48, 0.35);\n --warm-gray-10: #8087a2;\n --warm-gray-20: #8087a2;\n --warm-gray-30: #8087a2;\n --warm-gray-40: #8087a2;\n --warm-gray-50: #8087a2;\n --warm-gray-60: #8087a2;\n --warm-gray-70: #8087a2;\n --warm-gray-80: #8087a2;\n --warm-gray-90: #8087a2;\n --warm-gray-100: #8087a2;\n --warm-gray-60-a10: rgba(128, 135, 162, 0.1);\n --warm-gray-60-a15: rgba(128, 135, 162, 0.15);\n --warm-gray-60-a20: rgba(128, 135, 162, 0.2);\n --warm-gray-60-a25: rgba(128, 135, 162, 0.25);\n --warm-gray-60-a30: rgba(128, 135, 162, 0.3);\n --warm-gray-60-a35: rgba(128, 135, 162, 0.35);\n --warm-red-10: #ee99a0;\n --warm-red-20: #ee99a0;\n --warm-red-30: #ee99a0;\n --warm-red-40: #ee99a0;\n --warm-red-50: #ee99a0;\n --warm-red-60: #ee99a0;\n --warm-red-70: #ee99a0;\n --warm-red-80: #ee99a0;\n --warm-red-90: #ee99a0;\n --warm-red-100: #ee99a0;\n --warm-red-60-a10: rgba(238, 153, 160, 0.1);\n --warm-red-60-a15: rgba(238, 153, 160, 0.15);\n --warm-red-60-a20: rgba(238, 153, 160, 0.2);\n --warm-red-60-a25: rgba(238, 153, 160, 0.25);\n --warm-red-60-a30: rgba(238, 153, 160, 0.3);\n --warm-red-60-a35: rgba(238, 153, 160, 0.35);\n --teal-10: #8bd5ca;\n --teal-20: #8bd5ca;\n --teal-30: #8bd5ca;\n --teal-40: #8bd5ca;\n --teal-50: #8bd5ca;\n --teal-60: #8bd5ca;\n --teal-70: #8bd5ca;\n --teal-80: #8bd5ca;\n --teal-90: #8bd5ca;\n --teal-100: #8bd5ca;\n --teal-50-a30: #8bd5ca;\n --teal-60-a10: rgba(139, 213, 202, 0.1);\n --teal-60-a15: rgba(139, 213, 202, 0.15);\n --teal-60-a20: rgba(139, 213, 202, 0.2);\n --teal-60-a25: rgba(139, 213, 202, 0.25);\n --teal-60-a30: rgba(139, 213, 202, 0.3);\n --teal-60-a35: rgba(139, 213, 202, 0.35);\n --purple-10: #b7bdf8;\n --purple-20: #b7bdf8;\n --purple-30: #b7bdf8;\n --purple-40: #b7bdf8;\n --purple-50: #b7bdf8;\n --purple-60: #b7bdf8;\n --purple-70: #b7bdf8;\n --purple-80: #b7bdf8;\n --purple-90: #b7bdf8;\n --purple-100: #b7bdf8;\n --purple-40-a15: rgba(183, 189, 248, 0.15);\n --purple-60-a10: rgba(183, 189, 248, 0.1);\n --purple-60-a15: rgba(183, 189, 248, 0.15);\n --purple-60-a20: rgba(183, 189, 248, 0.2);\n --purple-60-a25: rgba(183, 189, 248, 0.25);\n --purple-60-a30: rgba(183, 189, 248, 0.3);\n --purple-60-a35: rgba(183, 189, 248, 0.35);\n --purple-70-a15: rgba(183, 189, 248, 0.15);\n --system-red-10: #ed8796;\n --system-red-20: #ed8796;\n --system-red-30: #ed8796;\n --system-red-40: #ed8796;\n --system-red-50: #ed8796;\n --system-red-60: #ed8796;\n --system-red-70: #ed8796;\n --system-red-80: #ed8796;\n --system-red-90: #ed8796;\n --system-red-100: #ed8796;\n --system-red-60-a10: rgba(237, 135, 150, 0.1);\n --system-red-60-a15: rgba(237, 135, 150, 0.15);\n --system-red-60-a20: rgba(237, 135, 150, 0.2);\n --system-red-60-a25: rgba(237, 135, 150, 0.25);\n --system-red-60-a30: rgba(237, 135, 150, 0.3);\n --system-red-60-a35: rgba(237, 135, 150, 0.35);\n --system-green-10: #67c049;\n --system-green-20: #67c049;\n --system-green-30: #67c049;\n --system-green-40: #67c049;\n --system-green-50: #67c049;\n --system-green-60: #67c049;\n --system-green-70: #67c049;\n --system-green-80: #67c049;\n --system-green-90: #67c049;\n --system-green-100: #67c049;\n --system-green-60-a10: rgba(103, 192, 73, 0.1);\n --system-green-60-a15: rgba(103, 192, 73, 0.15);\n --system-green-60-a20: rgba(103, 192, 73, 0.2);\n --system-green-60-a25: rgba(103, 192, 73, 0.25);\n --system-green-60-a30: rgba(103, 192, 73, 0.3);\n --system-green-60-a35: rgba(103, 192, 73, 0.35);\n --pink-10: #f5bde6;\n --pink-20: #f5bde6;\n --pink-30: #f5bde6;\n --pink-40: #f5bde6;\n --pink-50: #f5bde6;\n --pink-60: #f5bde6;\n --pink-70: #f5bde6;\n --pink-80: #f5bde6;\n --pink-90: #f5bde6;\n --pink-100: #f5bde6;\n --pink-60-a10: rgba(245, 189, 230, 0.1);\n --pink-60-a15: rgba(245, 189, 230, 0.15);\n --pink-60-a20: rgba(245, 189, 230, 0.2);\n --pink-60-a25: rgba(245, 189, 230, 0.25);\n --pink-60-a30: rgba(245, 189, 230, 0.3);\n --pink-60-a35: rgba(245, 189, 230, 0.35);\n --amber-10: #eed49f;\n --amber-20: #eed49f;\n --amber-30: #eed49f;\n --amber-40: #eed49f;\n --amber-50: #eed49f;\n --amber-60: #eed49f;\n --amber-70: #eed49f;\n --amber-80: #eed49f;\n --amber-90: #eed49f;\n --amber-100: #eed49f;\n --amber-30-a50: #eed49f;\n --amber-60-a10: rgba(238, 212, 159, 0.1);\n --amber-60-a15: rgba(238, 212, 159, 0.15);\n --amber-60-a20: rgba(238, 212, 159, 0.2);\n --amber-60-a25: rgba(238, 212, 159, 0.25);\n --amber-60-a30: rgba(238, 212, 159, 0.3);\n --amber-60-a35: rgba(238, 212, 159, 0.35);\n --copper-10: #f4dbd6;\n --copper-20: #f4dbd6;\n --copper-30: #f4dbd6;\n --copper-40: #f4dbd6;\n --copper-50: #f4dbd6;\n --copper-60: #f4dbd6;\n --copper-70: #f4dbd6;\n --copper-80: #f4dbd6;\n --copper-90: #f4dbd6;\n --copper-100: #f4dbd6;\n --copper-60-a10: rgba(244, 219, 214, 0.1);\n --copper-60-a15: rgba(244, 219, 214, 0.15);\n --copper-60-a20: rgba(244, 219, 214, 0.2);\n --copper-60-a25: rgba(244, 219, 214, 0.25);\n --copper-60-a30: rgba(244, 219, 214, 0.3);\n --copper-60-a35: rgba(244, 219, 214, 0.35);\n --green-10: #a6da95;\n --green-20: #a6da95;\n --green-30: #a6da95;\n --green-40: #a6da95;\n --green-50: #a6da95;\n --green-60: #a6da95;\n --green-70: #a6da95;\n --green-80: #a6da95;\n --green-90: #a6da95;\n --green-100: #a6da95;\n --green-60-a10: rgba(166, 218, 149, 0.1);\n --green-60-a15: rgba(166, 218, 149, 0.15);\n --green-60-a20: rgba(166, 218, 149, 0.2);\n --green-60-a25: rgba(166, 218, 149, 0.25);\n --green-60-a30: rgba(166, 218, 149, 0.3);\n --green-60-a35: rgba(166, 218, 149, 0.35);\n --sage-10: #3e792a;\n --sage-20: #3e792a;\n --sage-30: #3e792a;\n --sage-40: #3e792a;\n --sage-50: #3e792a;\n --sage-60: #3e792a;\n --sage-70: #3e792a;\n --sage-80: #3e792a;\n --sage-90: #3e792a;\n --sage-100: #3e792a;\n --sage-60-a10: rgba(62, 121, 42, 0.1);\n --sage-60-a15: rgba(62, 121, 42, 0.15);\n --sage-60-a20: rgba(62, 121, 42, 0.2);\n --sage-60-a25: rgba(62, 121, 42, 0.25);\n --sage-60-a30: rgba(62, 121, 42, 0.3);\n --sage-60-a35: rgba(62, 121, 42, 0.35);\n --lime-10: #e5f4e1;\n --lime-20: #e5f4e1;\n --lime-30: #e5f4e1;\n --lime-40: #e5f4e1;\n --lime-50: #e5f4e1;\n --lime-60: #e5f4e1;\n --lime-70: #e5f4e1;\n --lime-80: #e5f4e1;\n --lime-90: #e5f4e1;\n --lime-100: #e5f4e1;\n --lime-60-a10: rgba(229, 244, 225, 0.1);\n --lime-60-a15: rgba(229, 244, 225, 0.15);\n --lime-60-a20: rgba(229, 244, 225, 0.2);\n --lime-60-a25: rgba(229, 244, 225, 0.25);\n --lime-60-a30: rgba(229, 244, 225, 0.3);\n --lime-60-a35: rgba(229, 244, 225, 0.35);\n --camo-10: #b7bdf8;\n --camo-20: #b7bdf8;\n --camo-30: #b7bdf8;\n --camo-40: #b7bdf8;\n --camo-50: #b7bdf8;\n --camo-60: #b7bdf8;\n --camo-70: #b7bdf8;\n --camo-80: #b7bdf8;\n --camo-90: #b7bdf8;\n --camo-100: #b7bdf8;\n --camo-60-a10: rgba(183, 189, 248, 0.1);\n --camo-60-a15: rgba(183, 189, 248, 0.15);\n --camo-60-a20: rgba(183, 189, 248, 0.2);\n --camo-60-a25: rgba(183, 189, 248, 0.25);\n --camo-60-a30: rgba(183, 189, 248, 0.3);\n --camo-60-a35: rgba(183, 189, 248, 0.35);\n --smoke-10: #494d64;\n --smoke-20: #494d64;\n --smoke-30: #494d64;\n --smoke-40: #494d64;\n --smoke-50: #494d64;\n --smoke-60: #494d64;\n --smoke-70: #494d64;\n --smoke-80: #494d64;\n --smoke-90: #494d64;\n --smoke-100: #494d64;\n --smoke-60-a10: rgba(73, 77, 100, 0.1);\n --smoke-60-a15: rgba(73, 77, 100, 0.15);\n --smoke-60-a20: rgba(73, 77, 100, 0.2);\n --smoke-60-a25: rgba(73, 77, 100, 0.25);\n --smoke-60-a30: rgba(73, 77, 100, 0.3);\n --smoke-60-a35: rgba(73, 77, 100, 0.35);\n --lavender-10: #b7bdf8;\n --lavender-20: #b7bdf8;\n --lavender-30: #b7bdf8;\n --lavender-40: #b7bdf8;\n --lavender-50: #b7bdf8;\n --lavender-60: #b7bdf8;\n --lavender-70: #b7bdf8;\n --lavender-80: #b7bdf8;\n --lavender-90: #b7bdf8;\n --lavender-100: #b7bdf8;\n --lavender-60-a10: rgba(183, 189, 248, 0.1);\n --lavender-60-a15: rgba(183, 189, 248, 0.15);\n --lavender-60-a20: rgba(183, 189, 248, 0.2);\n --lavender-60-a25: rgba(183, 189, 248, 0.25);\n --lavender-60-a30: rgba(183, 189, 248, 0.3);\n --lavender-60-a35: rgba(183, 189, 248, 0.35);\n --mauve-10: #c6a0f6;\n --mauve-20: #c6a0f6;\n --mauve-30: #c6a0f6;\n --mauve-40: #c6a0f6;\n --mauve-50: #c6a0f6;\n --mauve-60: #c6a0f6;\n --mauve-70: #c6a0f6;\n --mauve-80: #c6a0f6;\n --mauve-90: #c6a0f6;\n --mauve-100: #c6a0f6;\n --mauve-60-a10: rgba(198, 160, 246, 0.1);\n --mauve-60-a15: rgba(198, 160, 246, 0.15);\n --mauve-60-a20: rgba(198, 160, 246, 0.2);\n --mauve-60-a25: rgba(198, 160, 246, 0.25);\n --mauve-60-a30: rgba(198, 160, 246, 0.3);\n --mauve-60-a35: rgba(198, 160, 246, 0.35);\n --mauve-80-a50: rgba(198, 160, 246, 0.5);\n --system-gray-10: #363a4f;\n --system-gray-20: #363a4f;\n --system-gray-30: #363a4f;\n --system-gray-40: #363a4f;\n --system-gray-50: #363a4f;\n --system-gray-60: #363a4f;\n --system-gray-70: #363a4f;\n --system-gray-80: #363a4f;\n --system-gray-90: #363a4f;\n --system-gray-100: #363a4f;\n --system-gray-60-a10: rgba(54, 58, 79, 0.1);\n --system-gray-60-a15: rgba(54, 58, 79, 0.15);\n --system-gray-60-a20: rgba(54, 58, 79, 0.2);\n --system-gray-60-a25: rgba(54, 58, 79, 0.25);\n --system-gray-60-a30: rgba(54, 58, 79, 0.3);\n --system-gray-60-a35: rgba(54, 58, 79, 0.35);\n --system-gray-60-a40: rgba(54, 58, 79, 0.4);\n --system-gray-60-a45: rgba(54, 58, 79, 0.45);\n --system-orange-10: #f5a97f;\n --system-orange-20: #f5a97f;\n --system-orange-30: #f5a97f;\n --system-orange-40: #f5a97f;\n --system-orange-50: #f5a97f;\n --system-orange-60: #f5a97f;\n --system-orange-70: #f5a97f;\n --system-orange-80: #f5a97f;\n --system-orange-90: #f5a97f;\n --system-orange-100: #f5a97f;\n --system-orange-60-a10: rgba(245, 169, 127, 0.1);\n --system-orange-60-a15: rgba(245, 169, 127, 0.15);\n --system-orange-60-a20: rgba(245, 169, 127, 0.2);\n --system-orange-60-a25: rgba(245, 169, 127, 0.25);\n --system-orange-60-a30: rgba(245, 169, 127, 0.3);\n --system-orange-60-a35: rgba(245, 169, 127, 0.35);\n /* quality of life changes */\n --color-border-low-emphasis: #363a4f;\n /* more accent */\n --voyager-color-background-badge-notification: #b7bdf8;\n --color-signal-positive: #b7bdf8;\n --color-checked: #b7bdf8;\n --color-checked-hover: #b7bdf8;\n --color-checked-active: #b7bdf8;\n --color-text-on-dark: #181926;\n --color-element: #181926;\n }\n :root .share-promoted-detour-button-legacy {\n background-color: #b7bdf8 !important;\n }\n :root .share-promoted-detour-button {\n color: #181926 !important;\n }\n .theme--dark,\n .theme--mercado-dark {\n --black: #181926;\n --black-a90: #181926;\n --black-a75: #181926;\n --black-a60: rgba(24, 25, 38, 0.6);\n --black-a45: #181926;\n --black-a30: #181926;\n --black-a15: #181926;\n --black-a12: #181926;\n --black-a08: #181926;\n --black-a04: #181926;\n --black-a100: #181926;\n --white: #cad3f5;\n --white-a06: #363a4f;\n --white-a12: #363a4f;\n --white-a18: #363a4f;\n --white-a25: #363a4f;\n --white-a30: #cad3f5;\n --white-a40: #cad3f5;\n --white-a45: #cad3f5;\n --white-a55: #cad3f5;\n --white-a60: #a5adcb;\n --white-a70: #cad3f5;\n --white-a75: #cad3f5;\n --white-a85: #cad3f5;\n --white-a90: #cad3f5;\n --white-a100: #cad3f5;\n --blue-10: #8aadf4;\n --blue-20: #8aadf4;\n --blue-30: #8aadf4;\n --blue-40: #8aadf4;\n --blue-50: #8aadf4;\n --blue-60: #8aadf4;\n --blue-70: #8aadf4;\n --blue-80: #8aadf4;\n --blue-90: #8aadf4;\n --blue-100: #8aadf4;\n --blue-50-a20: rgba(138, 173, 244, 0.2);\n --blue-50-a25: rgba(138, 173, 244, 0.25);\n --blue-50-a30: rgba(138, 173, 244, 0.3);\n --blue-50-a40: rgba(138, 173, 244, 0.4);\n --blue-60-a10: rgba(138, 173, 244, 0.1);\n --blue-60-a15: rgba(138, 173, 244, 0.85);\n --blue-60-a20: rgba(138, 173, 244, 0.2);\n --blue-60-a25: rgba(138, 173, 244, 0.25);\n --blue-60-a30: rgba(138, 173, 244, 0.3);\n --blue-60-a35: rgba(138, 173, 244, 0.35);\n --blue-60-a40: rgba(138, 173, 244, 0.4);\n --blue-60-a45: rgba(138, 173, 244, 0.45);\n --blue-70-a30: rgba(125, 196, 228, 0.3);\n --blue-70-a40: rgba(125, 196, 228, 0.4);\n --blue-70-a50: rgba(125, 196, 228, 0.5);\n --cool-gray-10: #1e2030;\n --cool-gray-20: #363a4f;\n --cool-gray-30: #1e2030;\n --cool-gray-40: #1e2030;\n --cool-gray-50: #1e2030;\n --cool-gray-60: #1e2030;\n --cool-gray-70: #1e2030;\n --cool-gray-80: #363a4f;\n --cool-gray-85: #1e2030;\n --cool-gray-90: #1e2030;\n --cool-gray-100: #1e2030;\n --cool-gray-60-a10: rgba(30, 32, 48, 0.1);\n --cool-gray-60-a15: rgba(30, 32, 48, 0.15);\n --cool-gray-60-a20: rgba(30, 32, 48, 0.2);\n --cool-gray-60-a25: rgba(30, 32, 48, 0.25);\n --cool-gray-60-a30: rgba(30, 32, 48, 0.3);\n --cool-gray-60-a35: rgba(30, 32, 48, 0.35);\n --warm-gray-10: #8087a2;\n --warm-gray-20: #8087a2;\n --warm-gray-30: #8087a2;\n --warm-gray-40: #8087a2;\n --warm-gray-50: #8087a2;\n --warm-gray-60: #8087a2;\n --warm-gray-70: #8087a2;\n --warm-gray-80: #8087a2;\n --warm-gray-90: #8087a2;\n --warm-gray-100: #8087a2;\n --warm-gray-60-a10: rgba(128, 135, 162, 0.1);\n --warm-gray-60-a15: rgba(128, 135, 162, 0.15);\n --warm-gray-60-a20: rgba(128, 135, 162, 0.2);\n --warm-gray-60-a25: rgba(128, 135, 162, 0.25);\n --warm-gray-60-a30: rgba(128, 135, 162, 0.3);\n --warm-gray-60-a35: rgba(128, 135, 162, 0.35);\n --warm-red-10: #ee99a0;\n --warm-red-20: #ee99a0;\n --warm-red-30: #ee99a0;\n --warm-red-40: #ee99a0;\n --warm-red-50: #ee99a0;\n --warm-red-60: #ee99a0;\n --warm-red-70: #ee99a0;\n --warm-red-80: #ee99a0;\n --warm-red-90: #ee99a0;\n --warm-red-100: #ee99a0;\n --warm-red-60-a10: rgba(238, 153, 160, 0.1);\n --warm-red-60-a15: rgba(238, 153, 160, 0.15);\n --warm-red-60-a20: rgba(238, 153, 160, 0.2);\n --warm-red-60-a25: rgba(238, 153, 160, 0.25);\n --warm-red-60-a30: rgba(238, 153, 160, 0.3);\n --warm-red-60-a35: rgba(238, 153, 160, 0.35);\n --teal-10: #8bd5ca;\n --teal-20: #8bd5ca;\n --teal-30: #8bd5ca;\n --teal-40: #8bd5ca;\n --teal-50: #8bd5ca;\n --teal-60: #8bd5ca;\n --teal-70: #8bd5ca;\n --teal-80: #8bd5ca;\n --teal-90: #8bd5ca;\n --teal-100: #8bd5ca;\n --teal-50-a30: #8bd5ca;\n --teal-60-a10: rgba(139, 213, 202, 0.1);\n --teal-60-a15: rgba(139, 213, 202, 0.15);\n --teal-60-a20: rgba(139, 213, 202, 0.2);\n --teal-60-a25: rgba(139, 213, 202, 0.25);\n --teal-60-a30: rgba(139, 213, 202, 0.3);\n --teal-60-a35: rgba(139, 213, 202, 0.35);\n --purple-10: #b7bdf8;\n --purple-20: #b7bdf8;\n --purple-30: #b7bdf8;\n --purple-40: #b7bdf8;\n --purple-50: #b7bdf8;\n --purple-60: #b7bdf8;\n --purple-70: #b7bdf8;\n --purple-80: #b7bdf8;\n --purple-90: #b7bdf8;\n --purple-100: #b7bdf8;\n --purple-40-a15: rgba(183, 189, 248, 0.15);\n --purple-60-a10: rgba(183, 189, 248, 0.1);\n --purple-60-a15: rgba(183, 189, 248, 0.15);\n --purple-60-a20: rgba(183, 189, 248, 0.2);\n --purple-60-a25: rgba(183, 189, 248, 0.25);\n --purple-60-a30: rgba(183, 189, 248, 0.3);\n --purple-60-a35: rgba(183, 189, 248, 0.35);\n --purple-70-a15: rgba(183, 189, 248, 0.15);\n --system-red-10: #ed8796;\n --system-red-20: #ed8796;\n --system-red-30: #ed8796;\n --system-red-40: #ed8796;\n --system-red-50: #ed8796;\n --system-red-60: #ed8796;\n --system-red-70: #ed8796;\n --system-red-80: #ed8796;\n --system-red-90: #ed8796;\n --system-red-100: #ed8796;\n --system-red-60-a10: rgba(237, 135, 150, 0.1);\n --system-red-60-a15: rgba(237, 135, 150, 0.15);\n --system-red-60-a20: rgba(237, 135, 150, 0.2);\n --system-red-60-a25: rgba(237, 135, 150, 0.25);\n --system-red-60-a30: rgba(237, 135, 150, 0.3);\n --system-red-60-a35: rgba(237, 135, 150, 0.35);\n --system-green-10: #67c049;\n --system-green-20: #67c049;\n --system-green-30: #67c049;\n --system-green-40: #67c049;\n --system-green-50: #67c049;\n --system-green-60: #67c049;\n --system-green-70: #67c049;\n --system-green-80: #67c049;\n --system-green-90: #67c049;\n --system-green-100: #67c049;\n --system-green-60-a10: rgba(103, 192, 73, 0.1);\n --system-green-60-a15: rgba(103, 192, 73, 0.15);\n --system-green-60-a20: rgba(103, 192, 73, 0.2);\n --system-green-60-a25: rgba(103, 192, 73, 0.25);\n --system-green-60-a30: rgba(103, 192, 73, 0.3);\n --system-green-60-a35: rgba(103, 192, 73, 0.35);\n --pink-10: #f5bde6;\n --pink-20: #f5bde6;\n --pink-30: #f5bde6;\n --pink-40: #f5bde6;\n --pink-50: #f5bde6;\n --pink-60: #f5bde6;\n --pink-70: #f5bde6;\n --pink-80: #f5bde6;\n --pink-90: #f5bde6;\n --pink-100: #f5bde6;\n --pink-60-a10: rgba(245, 189, 230, 0.1);\n --pink-60-a15: rgba(245, 189, 230, 0.15);\n --pink-60-a20: rgba(245, 189, 230, 0.2);\n --pink-60-a25: rgba(245, 189, 230, 0.25);\n --pink-60-a30: rgba(245, 189, 230, 0.3);\n --pink-60-a35: rgba(245, 189, 230, 0.35);\n --amber-10: #eed49f;\n --amber-20: #eed49f;\n --amber-30: #eed49f;\n --amber-40: #eed49f;\n --amber-50: #eed49f;\n --amber-60: #eed49f;\n --amber-70: #eed49f;\n --amber-80: #eed49f;\n --amber-90: #eed49f;\n --amber-100: #eed49f;\n --amber-30-a50: #eed49f;\n --amber-60-a10: rgba(238, 212, 159, 0.1);\n --amber-60-a15: rgba(238, 212, 159, 0.15);\n --amber-60-a20: rgba(238, 212, 159, 0.2);\n --amber-60-a25: rgba(238, 212, 159, 0.25);\n --amber-60-a30: rgba(238, 212, 159, 0.3);\n --amber-60-a35: rgba(238, 212, 159, 0.35);\n --copper-10: #f4dbd6;\n --copper-20: #f4dbd6;\n --copper-30: #f4dbd6;\n --copper-40: #f4dbd6;\n --copper-50: #f4dbd6;\n --copper-60: #f4dbd6;\n --copper-70: #f4dbd6;\n --copper-80: #f4dbd6;\n --copper-90: #f4dbd6;\n --copper-100: #f4dbd6;\n --copper-60-a10: rgba(244, 219, 214, 0.1);\n --copper-60-a15: rgba(244, 219, 214, 0.15);\n --copper-60-a20: rgba(244, 219, 214, 0.2);\n --copper-60-a25: rgba(244, 219, 214, 0.25);\n --copper-60-a30: rgba(244, 219, 214, 0.3);\n --copper-60-a35: rgba(244, 219, 214, 0.35);\n --green-10: #a6da95;\n --green-20: #a6da95;\n --green-30: #a6da95;\n --green-40: #a6da95;\n --green-50: #a6da95;\n --green-60: #a6da95;\n --green-70: #a6da95;\n --green-80: #a6da95;\n --green-90: #a6da95;\n --green-100: #a6da95;\n --green-60-a10: rgba(166, 218, 149, 0.1);\n --green-60-a15: rgba(166, 218, 149, 0.15);\n --green-60-a20: rgba(166, 218, 149, 0.2);\n --green-60-a25: rgba(166, 218, 149, 0.25);\n --green-60-a30: rgba(166, 218, 149, 0.3);\n --green-60-a35: rgba(166, 218, 149, 0.35);\n --sage-10: #3e792a;\n --sage-20: #3e792a;\n --sage-30: #3e792a;\n --sage-40: #3e792a;\n --sage-50: #3e792a;\n --sage-60: #3e792a;\n --sage-70: #3e792a;\n --sage-80: #3e792a;\n --sage-90: #3e792a;\n --sage-100: #3e792a;\n --sage-60-a10: rgba(62, 121, 42, 0.1);\n --sage-60-a15: rgba(62, 121, 42, 0.15);\n --sage-60-a20: rgba(62, 121, 42, 0.2);\n --sage-60-a25: rgba(62, 121, 42, 0.25);\n --sage-60-a30: rgba(62, 121, 42, 0.3);\n --sage-60-a35: rgba(62, 121, 42, 0.35);\n --lime-10: #e5f4e1;\n --lime-20: #e5f4e1;\n --lime-30: #e5f4e1;\n --lime-40: #e5f4e1;\n --lime-50: #e5f4e1;\n --lime-60: #e5f4e1;\n --lime-70: #e5f4e1;\n --lime-80: #e5f4e1;\n --lime-90: #e5f4e1;\n --lime-100: #e5f4e1;\n --lime-60-a10: rgba(229, 244, 225, 0.1);\n --lime-60-a15: rgba(229, 244, 225, 0.15);\n --lime-60-a20: rgba(229, 244, 225, 0.2);\n --lime-60-a25: rgba(229, 244, 225, 0.25);\n --lime-60-a30: rgba(229, 244, 225, 0.3);\n --lime-60-a35: rgba(229, 244, 225, 0.35);\n --camo-10: #b7bdf8;\n --camo-20: #b7bdf8;\n --camo-30: #b7bdf8;\n --camo-40: #b7bdf8;\n --camo-50: #b7bdf8;\n --camo-60: #b7bdf8;\n --camo-70: #b7bdf8;\n --camo-80: #b7bdf8;\n --camo-90: #b7bdf8;\n --camo-100: #b7bdf8;\n --camo-60-a10: rgba(183, 189, 248, 0.1);\n --camo-60-a15: rgba(183, 189, 248, 0.15);\n --camo-60-a20: rgba(183, 189, 248, 0.2);\n --camo-60-a25: rgba(183, 189, 248, 0.25);\n --camo-60-a30: rgba(183, 189, 248, 0.3);\n --camo-60-a35: rgba(183, 189, 248, 0.35);\n --smoke-10: #494d64;\n --smoke-20: #494d64;\n --smoke-30: #494d64;\n --smoke-40: #494d64;\n --smoke-50: #494d64;\n --smoke-60: #494d64;\n --smoke-70: #494d64;\n --smoke-80: #494d64;\n --smoke-90: #494d64;\n --smoke-100: #494d64;\n --smoke-60-a10: rgba(73, 77, 100, 0.1);\n --smoke-60-a15: rgba(73, 77, 100, 0.15);\n --smoke-60-a20: rgba(73, 77, 100, 0.2);\n --smoke-60-a25: rgba(73, 77, 100, 0.25);\n --smoke-60-a30: rgba(73, 77, 100, 0.3);\n --smoke-60-a35: rgba(73, 77, 100, 0.35);\n --lavender-10: #b7bdf8;\n --lavender-20: #b7bdf8;\n --lavender-30: #b7bdf8;\n --lavender-40: #b7bdf8;\n --lavender-50: #b7bdf8;\n --lavender-60: #b7bdf8;\n --lavender-70: #b7bdf8;\n --lavender-80: #b7bdf8;\n --lavender-90: #b7bdf8;\n --lavender-100: #b7bdf8;\n --lavender-60-a10: rgba(183, 189, 248, 0.1);\n --lavender-60-a15: rgba(183, 189, 248, 0.15);\n --lavender-60-a20: rgba(183, 189, 248, 0.2);\n --lavender-60-a25: rgba(183, 189, 248, 0.25);\n --lavender-60-a30: rgba(183, 189, 248, 0.3);\n --lavender-60-a35: rgba(183, 189, 248, 0.35);\n --mauve-10: #c6a0f6;\n --mauve-20: #c6a0f6;\n --mauve-30: #c6a0f6;\n --mauve-40: #c6a0f6;\n --mauve-50: #c6a0f6;\n --mauve-60: #c6a0f6;\n --mauve-70: #c6a0f6;\n --mauve-80: #c6a0f6;\n --mauve-90: #c6a0f6;\n --mauve-100: #c6a0f6;\n --mauve-60-a10: rgba(198, 160, 246, 0.1);\n --mauve-60-a15: rgba(198, 160, 246, 0.15);\n --mauve-60-a20: rgba(198, 160, 246, 0.2);\n --mauve-60-a25: rgba(198, 160, 246, 0.25);\n --mauve-60-a30: rgba(198, 160, 246, 0.3);\n --mauve-60-a35: rgba(198, 160, 246, 0.35);\n --mauve-80-a50: rgba(198, 160, 246, 0.5);\n --system-gray-10: #363a4f;\n --system-gray-20: #363a4f;\n --system-gray-30: #363a4f;\n --system-gray-40: #363a4f;\n --system-gray-50: #363a4f;\n --system-gray-60: #363a4f;\n --system-gray-70: #363a4f;\n --system-gray-80: #363a4f;\n --system-gray-90: #363a4f;\n --system-gray-100: #363a4f;\n --system-gray-60-a10: rgba(54, 58, 79, 0.1);\n --system-gray-60-a15: rgba(54, 58, 79, 0.15);\n --system-gray-60-a20: rgba(54, 58, 79, 0.2);\n --system-gray-60-a25: rgba(54, 58, 79, 0.25);\n --system-gray-60-a30: rgba(54, 58, 79, 0.3);\n --system-gray-60-a35: rgba(54, 58, 79, 0.35);\n --system-gray-60-a40: rgba(54, 58, 79, 0.4);\n --system-gray-60-a45: rgba(54, 58, 79, 0.45);\n --system-orange-10: #f5a97f;\n --system-orange-20: #f5a97f;\n --system-orange-30: #f5a97f;\n --system-orange-40: #f5a97f;\n --system-orange-50: #f5a97f;\n --system-orange-60: #f5a97f;\n --system-orange-70: #f5a97f;\n --system-orange-80: #f5a97f;\n --system-orange-90: #f5a97f;\n --system-orange-100: #f5a97f;\n --system-orange-60-a10: rgba(245, 169, 127, 0.1);\n --system-orange-60-a15: rgba(245, 169, 127, 0.15);\n --system-orange-60-a20: rgba(245, 169, 127, 0.2);\n --system-orange-60-a25: rgba(245, 169, 127, 0.25);\n --system-orange-60-a30: rgba(245, 169, 127, 0.3);\n --system-orange-60-a35: rgba(245, 169, 127, 0.35);\n /* quality of life changes */\n --color-border-low-emphasis: #363a4f;\n /* more accent */\n --voyager-color-background-badge-notification: #b7bdf8;\n --color-signal-positive: #b7bdf8;\n --color-checked: #b7bdf8;\n --color-checked-hover: #b7bdf8;\n --color-checked-active: #b7bdf8;\n --color-text-on-dark: #181926;\n --color-element: #181926;\n }\n .theme--dark .share-promoted-detour-button-legacy,\n .theme--mercado-dark .share-promoted-detour-button-legacy {\n background-color: #b7bdf8 !important;\n }\n .theme--dark .share-promoted-detour-button,\n .theme--mercado-dark .share-promoted-detour-button {\n color: #181926 !important;\n }", + "start": 954, + "domains": [ + "www.linkedin.com" + ] + } + ], + "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.1\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 .share-promoted-detour-button {\n color: @crust !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", + "usercssData": { + "name": "LinkedIn Catppuccin", + "namespace": "github.com/catppuccin/userstyles/styles/linkedin", + "homepageURL": "https://github.com/catppuccin/userstyles/tree/main/styles/linkedin", + "version": "0.0.1", + "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": "macchiato", + "default": "latte", + "options": [ + { + "name": "latte", + "label": "Latte", + "value": "latte" + }, + { + "name": "frappe", + "label": "Frappé", + "value": "frappe" + }, + { + "name": "macchiato", + "label": "Macchiato", + "value": "macchiato" + }, + { + "name": "mocha", + "label": "Mocha", + "value": "mocha" + } + ] + }, + "darkFlavor": { + "type": "select", + "label": "Dark Flavor", + "name": "darkFlavor", + "value": "macchiato", + "default": "mocha", + "options": [ + { + "name": "latte", + "label": "Latte", + "value": "latte" + }, + { + "name": "frappe", + "label": "Frappé", + "value": "frappe" + }, + { + "name": "macchiato", + "label": "Macchiato", + "value": "macchiato" + }, + { + "name": "mocha", + "label": "Mocha", + "value": "mocha" + } + ] + }, + "accentColor": { + "type": "select", + "label": "Accent", + "name": "accentColor", + "value": "lavender", + "default": "sapphire", + "options": [ + { + "name": "rosewater", + "label": "Rosewater", + "value": "rosewater" + }, + { + "name": "flamingo", + "label": "Flamingo", + "value": "flamingo" + }, + { + "name": "pink", + "label": "Pink", + "value": "pink" + }, + { + "name": "mauve", + "label": "Mauve", + "value": "mauve" + }, + { + "name": "red", + "label": "Red", + "value": "red" + }, + { + "name": "maroon", + "label": "Maroon", + "value": "maroon" + }, + { + "name": "peach", + "label": "Peach", + "value": "peach" + }, + { + "name": "yellow", + "label": "Yellow", + "value": "yellow" + }, + { + "name": "green", + "label": "Green", + "value": "green" + }, + { + "name": "teal", + "label": "Teal", + "value": "teal" + }, + { + "name": "blue", + "label": "Blue", + "value": "blue" + }, + { + "name": "sapphire", + "label": "Sapphire", + "value": "sapphire" + }, + { + "name": "sky", + "label": "Sky", + "value": "sky" + }, + { + "name": "lavender", + "label": "Lavender", + "value": "lavender" + }, + { + "name": "subtext0", + "label": "Gray", + "value": "subtext0" + } + ] + } + } + }, + "author": "Catppuccin", + "description": "Soothing pastel theme for LinkedIn", + "name": "LinkedIn Catppuccin", + "originalDigest": "ad4d22c5dce18bcf590e5c2cf1009be4b52ae92e", + "_id": "a97719a3-aab8-45b6-b3fc-b3f9b9532ae3", + "_rev": 1700768747663, + "id": 73, + "etag": "W/\"2c7d3e845afaa18e9550a80026e7eb851b13f1bb78b20514c2657c9419c24abd\"" + }, + { + "enabled": true, + "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/invidious/catppuccin.user.css", + "url": "https://github.com/catppuccin/userstyles/tree/main/styles/invidious", + "installDate": 1700768761416, + "sections": [ + { + "code": "/* ==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 * kept up-to-date with\n * `curl https://api.invidious.io/instances.json | jq '.[] | select(.[1].type==\"https\") | .[0]'`\n */", + "start": 0 + }, + { + "code": "/* synced colorscheme */\n @media (prefers-color-scheme: light) {\n .no-theme {\n color-scheme: dark;\n background-color: #24273a !important;\n color: #cad3f5 !important;\n /* video player background */\n /* watch progress on videos */\n /* Channel owner comments */\n }\n .no-theme ::placeholder {\n color: #a5adcb;\n }\n .no-theme::-webkit-scrollbar {\n width: 0.25rem;\n background: transparent;\n }\n .no-theme::-webkit-scrollbar-thumb {\n border-radius: 9999px;\n background: #b7bdf8;\n }\n .no-theme a,\n .no-theme .pure-menu-heading {\n color: #b7bdf8;\n }\n .no-theme a:hover,\n .no-theme .pure-menu-heading:hover,\n .no-theme a:focus,\n .no-theme .pure-menu-heading:focus,\n .no-theme a:active,\n .no-theme .pure-menu-heading:active {\n color: #ced2fa !important;\n }\n .no-theme hr,\n .no-theme legend {\n border-color: #777ca4;\n border-style: solid;\n }\n .no-theme legend {\n color: #b7bdf8 !important;\n }\n .no-theme .pure-button-primary {\n background-color: #494d64 !important;\n color: #cad3f5 !important;\n border-color: #181926 !important;\n }\n .no-theme .pure-button-primary:hover,\n .no-theme .pure-button-primary:focus {\n background-color: #5b6078 !important;\n color: #cad3f5 !important;\n border-color: #181926 !important;\n }\n .no-theme .pure-button-secondary {\n background-color: #b7bdf8 !important;\n color: #181926 !important;\n border-color: #181926 !important;\n }\n .no-theme .pure-button-secondary:hover,\n .no-theme .pure-button-secondary:focus {\n background-color: #c0c6f9 !important;\n color: #181926 !important;\n border-color: #181926 !important;\n }\n .no-theme #subscribe {\n background-color: #b7bdf8 !important;\n color: #181926 !important;\n }\n .no-theme #subscribe :hover,\n .no-theme #subscribe :focus {\n background-color: #ced2fa !important;\n color: #181926 !important;\n }\n .no-theme #filters-box {\n background-color: #363a4f !important;\n }\n .no-theme .underlined {\n border-color: #8087a2;\n }\n .no-theme .video-js .vjs-control-bar,\n .no-theme .vjs-menu-button-popup .vjs-menu .vjs-menu-content {\n background-color: #181926 !important;\n color: #cad3f5 !important;\n }\n .no-theme .video-js .vjs-slider:hover,\n .no-theme .video-js button:hover {\n color: #b7bdf8 !important;\n }\n .no-theme .video-js .vjs-slider {\n background-color: #5b6078 !important;\n }\n .no-theme .video-js .vjs-load-progress,\n .no-theme .video-js .vjs-load-progress div {\n background-color: #5b6078 !important;\n }\n .no-theme .video-js.player-style-invidious .vjs-play-progress {\n background-color: #b7bdf8 !important;\n }\n .no-theme .vjs-menu li.vjs-menu-item:focus,\n .no-theme .vjs-menu li.vjs-menu-item:hover {\n background-color: #363a4f !important;\n color: #cad3f5 !important;\n }\n .no-theme .vjs-menu li.vjs-selected,\n .no-theme .vjs-menu li.vjs-selected:focus,\n .no-theme .vjs-menu li.vjs-selected:hover {\n background-color: #8aadf4 !important;\n }\n .no-theme .vjs-menu li.vjs-selected,\n .no-theme .vjs-menu li.vjs-selected:focus,\n .no-theme .vjs-menu li.vjs-selected:hover,\n .no-theme .js-focus-visible .vjs-menu li.vjs-selected:hover {\n color: #181926 !important;\n }\n .no-theme .vjs-modal-dialog-content {\n backdrop-filter: blur(4px);\n }\n .no-theme .vjs-share__title {\n color: #cad3f5 !important;\n }\n .no-theme .vjs-share__subtitle {\n color: #a5adcb !important;\n opacity: 100% !important;\n }\n .no-theme .vjs-share__short-link {\n color: #cad3f5 !important;\n background: #24273a !important;\n }\n .no-theme .vjs-share__btn {\n background: #181926 !important;\n }\n .no-theme .vjs-share__btn svg path {\n fill: #cad3f5 !important;\n }\n .no-theme #related-videos > .h-box > div:not(#autoplay-controls) {\n margin-bottom: 48px !important;\n }\n .no-theme footer a,\n .no-theme footer span {\n color: #a5adcb !important;\n }\n .no-theme footer span a:hover,\n .no-theme footer span:has(i):hover {\n color: #b7bdf8 !important;\n }\n .no-theme .pure-form-message-inline {\n color: #a5adcb;\n }\n .no-theme select,\n .no-theme input[type=\"text\"],\n .no-theme input[type=\"number\"],\n .no-theme input[type=\"input\"] {\n color: #cad3f5 !important;\n background-color: #363a4f !important;\n border-color: #181926 !important;\n box-shadow: none !important;\n }\n .no-theme select:active,\n .no-theme input[type=\"text\"]:active,\n .no-theme input[type=\"number\"]:active,\n .no-theme input[type=\"input\"]:active {\n color: #cad3f5 !important;\n }\n .no-theme input[type=\"search\"] {\n color: #cad3f5 !important;\n background-color: #24273a !important;\n border-bottom-color: #181926 !important;\n box-shadow: none !important;\n }\n .no-theme input[type=\"checkbox\"] {\n background-color: #5b6078;\n border-color: #181926;\n height: 1rem;\n width: 1rem;\n -webkit-appearance: none;\n appearance: none;\n cursor: pointer;\n }\n .no-theme input[type=\"checkbox\"]:checked {\n background-image: url(\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%23b7bdf8%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12.207%204.793a1%201%200%20010%201.414l-5%205a1%201%200%2001-1.414%200l-2-2a1%201%200%20011.414-1.414L6.5%209.086l4.293-4.293a1%201%200%20011.414%200z%22/%3E%3C/svg%3E\");\n }\n .no-theme #player-container > .video-js > video,\n .no-theme .vjs-poster {\n background-color: #1e2030 !important;\n }\n .no-theme div.watched-indicator {\n background-color: #ed8796;\n }\n .no-theme a.channel-owner {\n color: #181926;\n background-color: #b7bdf8;\n }\n }\n @media (prefers-color-scheme: dark) {\n .no-theme {\n color-scheme: dark;\n background-color: #24273a !important;\n color: #cad3f5 !important;\n /* video player background */\n /* watch progress on videos */\n /* Channel owner comments */\n }\n .no-theme ::placeholder {\n color: #a5adcb;\n }\n .no-theme::-webkit-scrollbar {\n width: 0.25rem;\n background: transparent;\n }\n .no-theme::-webkit-scrollbar-thumb {\n border-radius: 9999px;\n background: #b7bdf8;\n }\n .no-theme a,\n .no-theme .pure-menu-heading {\n color: #b7bdf8;\n }\n .no-theme a:hover,\n .no-theme .pure-menu-heading:hover,\n .no-theme a:focus,\n .no-theme .pure-menu-heading:focus,\n .no-theme a:active,\n .no-theme .pure-menu-heading:active {\n color: #ced2fa !important;\n }\n .no-theme hr,\n .no-theme legend {\n border-color: #777ca4;\n border-style: solid;\n }\n .no-theme legend {\n color: #b7bdf8 !important;\n }\n .no-theme .pure-button-primary {\n background-color: #494d64 !important;\n color: #cad3f5 !important;\n border-color: #181926 !important;\n }\n .no-theme .pure-button-primary:hover,\n .no-theme .pure-button-primary:focus {\n background-color: #5b6078 !important;\n color: #cad3f5 !important;\n border-color: #181926 !important;\n }\n .no-theme .pure-button-secondary {\n background-color: #b7bdf8 !important;\n color: #181926 !important;\n border-color: #181926 !important;\n }\n .no-theme .pure-button-secondary:hover,\n .no-theme .pure-button-secondary:focus {\n background-color: #c0c6f9 !important;\n color: #181926 !important;\n border-color: #181926 !important;\n }\n .no-theme #subscribe {\n background-color: #b7bdf8 !important;\n color: #181926 !important;\n }\n .no-theme #subscribe :hover,\n .no-theme #subscribe :focus {\n background-color: #ced2fa !important;\n color: #181926 !important;\n }\n .no-theme #filters-box {\n background-color: #363a4f !important;\n }\n .no-theme .underlined {\n border-color: #8087a2;\n }\n .no-theme .video-js .vjs-control-bar,\n .no-theme .vjs-menu-button-popup .vjs-menu .vjs-menu-content {\n background-color: #181926 !important;\n color: #cad3f5 !important;\n }\n .no-theme .video-js .vjs-slider:hover,\n .no-theme .video-js button:hover {\n color: #b7bdf8 !important;\n }\n .no-theme .video-js .vjs-slider {\n background-color: #5b6078 !important;\n }\n .no-theme .video-js .vjs-load-progress,\n .no-theme .video-js .vjs-load-progress div {\n background-color: #5b6078 !important;\n }\n .no-theme .video-js.player-style-invidious .vjs-play-progress {\n background-color: #b7bdf8 !important;\n }\n .no-theme .vjs-menu li.vjs-menu-item:focus,\n .no-theme .vjs-menu li.vjs-menu-item:hover {\n background-color: #363a4f !important;\n color: #cad3f5 !important;\n }\n .no-theme .vjs-menu li.vjs-selected,\n .no-theme .vjs-menu li.vjs-selected:focus,\n .no-theme .vjs-menu li.vjs-selected:hover {\n background-color: #8aadf4 !important;\n }\n .no-theme .vjs-menu li.vjs-selected,\n .no-theme .vjs-menu li.vjs-selected:focus,\n .no-theme .vjs-menu li.vjs-selected:hover,\n .no-theme .js-focus-visible .vjs-menu li.vjs-selected:hover {\n color: #181926 !important;\n }\n .no-theme .vjs-modal-dialog-content {\n backdrop-filter: blur(4px);\n }\n .no-theme .vjs-share__title {\n color: #cad3f5 !important;\n }\n .no-theme .vjs-share__subtitle {\n color: #a5adcb !important;\n opacity: 100% !important;\n }\n .no-theme .vjs-share__short-link {\n color: #cad3f5 !important;\n background: #24273a !important;\n }\n .no-theme .vjs-share__btn {\n background: #181926 !important;\n }\n .no-theme .vjs-share__btn svg path {\n fill: #cad3f5 !important;\n }\n .no-theme #related-videos > .h-box > div:not(#autoplay-controls) {\n margin-bottom: 48px !important;\n }\n .no-theme footer a,\n .no-theme footer span {\n color: #a5adcb !important;\n }\n .no-theme footer span a:hover,\n .no-theme footer span:has(i):hover {\n color: #b7bdf8 !important;\n }\n .no-theme .pure-form-message-inline {\n color: #a5adcb;\n }\n .no-theme select,\n .no-theme input[type=\"text\"],\n .no-theme input[type=\"number\"],\n .no-theme input[type=\"input\"] {\n color: #cad3f5 !important;\n background-color: #363a4f !important;\n border-color: #181926 !important;\n box-shadow: none !important;\n }\n .no-theme select:active,\n .no-theme input[type=\"text\"]:active,\n .no-theme input[type=\"number\"]:active,\n .no-theme input[type=\"input\"]:active {\n color: #cad3f5 !important;\n }\n .no-theme input[type=\"search\"] {\n color: #cad3f5 !important;\n background-color: #24273a !important;\n border-bottom-color: #181926 !important;\n box-shadow: none !important;\n }\n .no-theme input[type=\"checkbox\"] {\n background-color: #5b6078;\n border-color: #181926;\n height: 1rem;\n width: 1rem;\n -webkit-appearance: none;\n appearance: none;\n cursor: pointer;\n }\n .no-theme input[type=\"checkbox\"]:checked {\n background-image: url(\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%23b7bdf8%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12.207%204.793a1%201%200%20010%201.414l-5%205a1%201%200%2001-1.414%200l-2-2a1%201%200%20011.414-1.414L6.5%209.086l4.293-4.293a1%201%200%20011.414%200z%22/%3E%3C/svg%3E\");\n }\n .no-theme #player-container > .video-js > video,\n .no-theme .vjs-poster {\n background-color: #1e2030 !important;\n }\n .no-theme div.watched-indicator {\n background-color: #ed8796;\n }\n .no-theme a.channel-owner {\n color: #181926;\n background-color: #b7bdf8;\n }\n }\n /* manually set colorscheme */\n .light-theme {\n color-scheme: dark;\n background-color: #24273a !important;\n color: #cad3f5 !important;\n /* video player background */\n /* watch progress on videos */\n /* Channel owner comments */\n }\n .light-theme ::placeholder {\n color: #a5adcb;\n }\n .light-theme::-webkit-scrollbar {\n width: 0.25rem;\n background: transparent;\n }\n .light-theme::-webkit-scrollbar-thumb {\n border-radius: 9999px;\n background: #b7bdf8;\n }\n .light-theme a,\n .light-theme .pure-menu-heading {\n color: #b7bdf8;\n }\n .light-theme a:hover,\n .light-theme .pure-menu-heading:hover,\n .light-theme a:focus,\n .light-theme .pure-menu-heading:focus,\n .light-theme a:active,\n .light-theme .pure-menu-heading:active {\n color: #ced2fa !important;\n }\n .light-theme hr,\n .light-theme legend {\n border-color: #777ca4;\n border-style: solid;\n }\n .light-theme legend {\n color: #b7bdf8 !important;\n }\n .light-theme .pure-button-primary {\n background-color: #494d64 !important;\n color: #cad3f5 !important;\n border-color: #181926 !important;\n }\n .light-theme .pure-button-primary:hover,\n .light-theme .pure-button-primary:focus {\n background-color: #5b6078 !important;\n color: #cad3f5 !important;\n border-color: #181926 !important;\n }\n .light-theme .pure-button-secondary {\n background-color: #b7bdf8 !important;\n color: #181926 !important;\n border-color: #181926 !important;\n }\n .light-theme .pure-button-secondary:hover,\n .light-theme .pure-button-secondary:focus {\n background-color: #c0c6f9 !important;\n color: #181926 !important;\n border-color: #181926 !important;\n }\n .light-theme #subscribe {\n background-color: #b7bdf8 !important;\n color: #181926 !important;\n }\n .light-theme #subscribe :hover,\n .light-theme #subscribe :focus {\n background-color: #ced2fa !important;\n color: #181926 !important;\n }\n .light-theme #filters-box {\n background-color: #363a4f !important;\n }\n .light-theme .underlined {\n border-color: #8087a2;\n }\n .light-theme .video-js .vjs-control-bar,\n .light-theme .vjs-menu-button-popup .vjs-menu .vjs-menu-content {\n background-color: #181926 !important;\n color: #cad3f5 !important;\n }\n .light-theme .video-js .vjs-slider:hover,\n .light-theme .video-js button:hover {\n color: #b7bdf8 !important;\n }\n .light-theme .video-js .vjs-slider {\n background-color: #5b6078 !important;\n }\n .light-theme .video-js .vjs-load-progress,\n .light-theme .video-js .vjs-load-progress div {\n background-color: #5b6078 !important;\n }\n .light-theme .video-js.player-style-invidious .vjs-play-progress {\n background-color: #b7bdf8 !important;\n }\n .light-theme .vjs-menu li.vjs-menu-item:focus,\n .light-theme .vjs-menu li.vjs-menu-item:hover {\n background-color: #363a4f !important;\n color: #cad3f5 !important;\n }\n .light-theme .vjs-menu li.vjs-selected,\n .light-theme .vjs-menu li.vjs-selected:focus,\n .light-theme .vjs-menu li.vjs-selected:hover {\n background-color: #8aadf4 !important;\n }\n .light-theme .vjs-menu li.vjs-selected,\n .light-theme .vjs-menu li.vjs-selected:focus,\n .light-theme .vjs-menu li.vjs-selected:hover,\n .light-theme .js-focus-visible .vjs-menu li.vjs-selected:hover {\n color: #181926 !important;\n }\n .light-theme .vjs-modal-dialog-content {\n backdrop-filter: blur(4px);\n }\n .light-theme .vjs-share__title {\n color: #cad3f5 !important;\n }\n .light-theme .vjs-share__subtitle {\n color: #a5adcb !important;\n opacity: 100% !important;\n }\n .light-theme .vjs-share__short-link {\n color: #cad3f5 !important;\n background: #24273a !important;\n }\n .light-theme .vjs-share__btn {\n background: #181926 !important;\n }\n .light-theme .vjs-share__btn svg path {\n fill: #cad3f5 !important;\n }\n .light-theme #related-videos > .h-box > div:not(#autoplay-controls) {\n margin-bottom: 48px !important;\n }\n .light-theme footer a,\n .light-theme footer span {\n color: #a5adcb !important;\n }\n .light-theme footer span a:hover,\n .light-theme footer span:has(i):hover {\n color: #b7bdf8 !important;\n }\n .light-theme .pure-form-message-inline {\n color: #a5adcb;\n }\n .light-theme select,\n .light-theme input[type=\"text\"],\n .light-theme input[type=\"number\"],\n .light-theme input[type=\"input\"] {\n color: #cad3f5 !important;\n background-color: #363a4f !important;\n border-color: #181926 !important;\n box-shadow: none !important;\n }\n .light-theme select:active,\n .light-theme input[type=\"text\"]:active,\n .light-theme input[type=\"number\"]:active,\n .light-theme input[type=\"input\"]:active {\n color: #cad3f5 !important;\n }\n .light-theme input[type=\"search\"] {\n color: #cad3f5 !important;\n background-color: #24273a !important;\n border-bottom-color: #181926 !important;\n box-shadow: none !important;\n }\n .light-theme input[type=\"checkbox\"] {\n background-color: #5b6078;\n border-color: #181926;\n height: 1rem;\n width: 1rem;\n -webkit-appearance: none;\n appearance: none;\n cursor: pointer;\n }\n .light-theme input[type=\"checkbox\"]:checked {\n background-image: url(\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%23b7bdf8%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12.207%204.793a1%201%200%20010%201.414l-5%205a1%201%200%2001-1.414%200l-2-2a1%201%200%20011.414-1.414L6.5%209.086l4.293-4.293a1%201%200%20011.414%200z%22/%3E%3C/svg%3E\");\n }\n .light-theme #player-container > .video-js > video,\n .light-theme .vjs-poster {\n background-color: #1e2030 !important;\n }\n .light-theme div.watched-indicator {\n background-color: #ed8796;\n }\n .light-theme a.channel-owner {\n color: #181926;\n background-color: #b7bdf8;\n }\n .dark-theme {\n color-scheme: dark;\n background-color: #24273a !important;\n color: #cad3f5 !important;\n /* video player background */\n /* watch progress on videos */\n /* Channel owner comments */\n }\n .dark-theme ::placeholder {\n color: #a5adcb;\n }\n .dark-theme::-webkit-scrollbar {\n width: 0.25rem;\n background: transparent;\n }\n .dark-theme::-webkit-scrollbar-thumb {\n border-radius: 9999px;\n background: #b7bdf8;\n }\n .dark-theme a,\n .dark-theme .pure-menu-heading {\n color: #b7bdf8;\n }\n .dark-theme a:hover,\n .dark-theme .pure-menu-heading:hover,\n .dark-theme a:focus,\n .dark-theme .pure-menu-heading:focus,\n .dark-theme a:active,\n .dark-theme .pure-menu-heading:active {\n color: #ced2fa !important;\n }\n .dark-theme hr,\n .dark-theme legend {\n border-color: #777ca4;\n border-style: solid;\n }\n .dark-theme legend {\n color: #b7bdf8 !important;\n }\n .dark-theme .pure-button-primary {\n background-color: #494d64 !important;\n color: #cad3f5 !important;\n border-color: #181926 !important;\n }\n .dark-theme .pure-button-primary:hover,\n .dark-theme .pure-button-primary:focus {\n background-color: #5b6078 !important;\n color: #cad3f5 !important;\n border-color: #181926 !important;\n }\n .dark-theme .pure-button-secondary {\n background-color: #b7bdf8 !important;\n color: #181926 !important;\n border-color: #181926 !important;\n }\n .dark-theme .pure-button-secondary:hover,\n .dark-theme .pure-button-secondary:focus {\n background-color: #c0c6f9 !important;\n color: #181926 !important;\n border-color: #181926 !important;\n }\n .dark-theme #subscribe {\n background-color: #b7bdf8 !important;\n color: #181926 !important;\n }\n .dark-theme #subscribe :hover,\n .dark-theme #subscribe :focus {\n background-color: #ced2fa !important;\n color: #181926 !important;\n }\n .dark-theme #filters-box {\n background-color: #363a4f !important;\n }\n .dark-theme .underlined {\n border-color: #8087a2;\n }\n .dark-theme .video-js .vjs-control-bar,\n .dark-theme .vjs-menu-button-popup .vjs-menu .vjs-menu-content {\n background-color: #181926 !important;\n color: #cad3f5 !important;\n }\n .dark-theme .video-js .vjs-slider:hover,\n .dark-theme .video-js button:hover {\n color: #b7bdf8 !important;\n }\n .dark-theme .video-js .vjs-slider {\n background-color: #5b6078 !important;\n }\n .dark-theme .video-js .vjs-load-progress,\n .dark-theme .video-js .vjs-load-progress div {\n background-color: #5b6078 !important;\n }\n .dark-theme .video-js.player-style-invidious .vjs-play-progress {\n background-color: #b7bdf8 !important;\n }\n .dark-theme .vjs-menu li.vjs-menu-item:focus,\n .dark-theme .vjs-menu li.vjs-menu-item:hover {\n background-color: #363a4f !important;\n color: #cad3f5 !important;\n }\n .dark-theme .vjs-menu li.vjs-selected,\n .dark-theme .vjs-menu li.vjs-selected:focus,\n .dark-theme .vjs-menu li.vjs-selected:hover {\n background-color: #8aadf4 !important;\n }\n .dark-theme .vjs-menu li.vjs-selected,\n .dark-theme .vjs-menu li.vjs-selected:focus,\n .dark-theme .vjs-menu li.vjs-selected:hover,\n .dark-theme .js-focus-visible .vjs-menu li.vjs-selected:hover {\n color: #181926 !important;\n }\n .dark-theme .vjs-modal-dialog-content {\n backdrop-filter: blur(4px);\n }\n .dark-theme .vjs-share__title {\n color: #cad3f5 !important;\n }\n .dark-theme .vjs-share__subtitle {\n color: #a5adcb !important;\n opacity: 100% !important;\n }\n .dark-theme .vjs-share__short-link {\n color: #cad3f5 !important;\n background: #24273a !important;\n }\n .dark-theme .vjs-share__btn {\n background: #181926 !important;\n }\n .dark-theme .vjs-share__btn svg path {\n fill: #cad3f5 !important;\n }\n .dark-theme #related-videos > .h-box > div:not(#autoplay-controls) {\n margin-bottom: 48px !important;\n }\n .dark-theme footer a,\n .dark-theme footer span {\n color: #a5adcb !important;\n }\n .dark-theme footer span a:hover,\n .dark-theme footer span:has(i):hover {\n color: #b7bdf8 !important;\n }\n .dark-theme .pure-form-message-inline {\n color: #a5adcb;\n }\n .dark-theme select,\n .dark-theme input[type=\"text\"],\n .dark-theme input[type=\"number\"],\n .dark-theme input[type=\"input\"] {\n color: #cad3f5 !important;\n background-color: #363a4f !important;\n border-color: #181926 !important;\n box-shadow: none !important;\n }\n .dark-theme select:active,\n .dark-theme input[type=\"text\"]:active,\n .dark-theme input[type=\"number\"]:active,\n .dark-theme input[type=\"input\"]:active {\n color: #cad3f5 !important;\n }\n .dark-theme input[type=\"search\"] {\n color: #cad3f5 !important;\n background-color: #24273a !important;\n border-bottom-color: #181926 !important;\n box-shadow: none !important;\n }\n .dark-theme input[type=\"checkbox\"] {\n background-color: #5b6078;\n border-color: #181926;\n height: 1rem;\n width: 1rem;\n -webkit-appearance: none;\n appearance: none;\n cursor: pointer;\n }\n .dark-theme input[type=\"checkbox\"]:checked {\n background-image: url(\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22%23b7bdf8%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12.207%204.793a1%201%200%20010%201.414l-5%205a1%201%200%2001-1.414%200l-2-2a1%201%200%20011.414-1.414L6.5%209.086l4.293-4.293a1%201%200%20011.414%200z%22/%3E%3C/svg%3E\");\n }\n .dark-theme #player-container > .video-js > video,\n .dark-theme .vjs-poster {\n background-color: #1e2030 !important;\n }\n .dark-theme div.watched-indicator {\n background-color: #ed8796;\n }\n .dark-theme a.channel-owner {\n color: #181926;\n background-color: #b7bdf8;\n }", + "start": 2637, + "domains": [ + "anontube.lvkaszus.pl", + "inv.citw.lgbt", + "inv.in.projectsegfau.lt", + "inv.tux.pizza", + "inv.us.projectsegfau.lt", + "inv.zzls.xyz", + "invidious.asir.dev", + "invidious.drgns.space", + "invidious.einfachzocken.eu", + "invidious.fdn.fr", + "invidious.io.lol", + "invidious.lunar.icu", + "invidious.nerdvpn.de", + "invidious.no-logs.com", + "invidious.perennialte.ch", + "invidious.privacydev.net", + "invidious.private.coffee", + "invidious.projectsegfau.lt", + "invidious.protokolla.fi", + "invidious.slipfox.xyz", + "iv.datura.network", + "iv.ggtyler.dev", + "iv.melmac.space", + "iv.nboeck.de", + "iv.winston.sh", + "onion.tube", + "vid.priv.au", + "vid.puffyan.us", + "yewtu.be", + "yt.artemislena.eu", + "yt.cdaut.de", + "yt.drgnz.club", + "yt.oelrichsgarcia.de" + ] + }, + { + "code": "/* prettier-ignore */", + "start": 26034 + } + ], + "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", + "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": "macchiato", + "default": "latte", + "options": [ + { + "name": "latte", + "label": "Latte", + "value": "latte" + }, + { + "name": "frappe", + "label": "Frappé", + "value": "frappe" + }, + { + "name": "macchiato", + "label": "Macchiato", + "value": "macchiato" + }, + { + "name": "mocha", + "label": "Mocha", + "value": "mocha" + } + ] + }, + "darkFlavor": { + "type": "select", + "label": "Dark Flavor", + "name": "darkFlavor", + "value": "macchiato", + "default": "mocha", + "options": [ + { + "name": "latte", + "label": "Latte", + "value": "latte" + }, + { + "name": "frappe", + "label": "Frappé", + "value": "frappe" + }, + { + "name": "macchiato", + "label": "Macchiato", + "value": "macchiato" + }, + { + "name": "mocha", + "label": "Mocha", + "value": "mocha" + } + ] + }, + "accentColor": { + "type": "select", + "label": "Accent", + "name": "accentColor", + "value": "lavender", + "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 + } + } + }, + "author": "Catppuccin", + "description": "Soothing pastel theme for Invidious", + "name": "Invidious Catppuccin", + "originalDigest": "d6d8bdd8bfbcc3be83d385d1e120aff026e27b0c", + "_id": "009f1ea2-c381-4a78-861a-5ba574aa3b38", + "_rev": 1700768761416, + "id": 74, + "etag": "W/\"b15c4f9b5ebf54c453b0c032de1c78cc7f18d71193c0c73e1697609b0da3e533\"" + }, + { + "enabled": true, + "updateUrl": "https://github.com/catppuccin/userstyles/raw/main/styles/spotify-web/catppuccin.user.css", + "url": "https://github.com/catppuccin/userstyles/tree/main/styles/spotify-web", + "installDate": 1700768771939, + "sections": [ + { + "code": "/* ==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/* Apply Theme To Site\n * For help with URL rules, please see https://github.com/openstyles/stylus/wiki/Writing-styles#valid--moz-document-rules */", + "start": 0 + }, + { + "code": "/* prettier-ignore */\n @media (prefers-color-scheme: light) {\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: #24273a;\n --background-highlight: #363a4f;\n --background-press: #181926;\n --background-elevated-base: #363a4f;\n --background-elevated-highlight: #494d64;\n --background-elevated-press: #181926;\n --background-tinted-base: #181926;\n --background-tinted-highlight: #1e2030;\n --background-tinted-press: #24273a;\n --background-unsafe-for-small-text-base: #24273a;\n --background-unsafe-for-small-text-highlight: #24273a;\n --background-unsafe-for-small-text-press: #24273a;\n --text-base: #cad3f5;\n --text-subdued: #b8c0e0;\n --text-bright-accent: #b7bdf8;\n --text-negative: #ed8796;\n --text-warning: #eed49f;\n --text-positive: #b7bdf8;\n --text-announcement: #7dc4e4;\n --essential-base: #cad3f5;\n --essential-subdued: #b8c0e0;\n --essential-bright-accent: #b7bdf8;\n --essential-negative: #ed8796;\n --essential-warning: #eed49f;\n --essential-positive: #a6da95;\n --essential-announcement: #24273a;\n --decorative-base: #cad3f5;\n --decorative-subdued: #5b6078;\n }\n .encore-dark-theme .encore-inverted-light-set {\n --background-base: #494d64;\n --background-highlight: #363a4f;\n --background-press: #494d64;\n }\n .encore-dark-theme .encore-bright-accent-set {\n --background-base: #b7bdf8;\n --background-highlight: #b7bdf8;\n --background-press: #b7bdf8;\n --background-elevated-base: #b7bdf8;\n --background-elevated-highlight: #b7bdf8;\n --background-elevated-press: #b7bdf8;\n --background-tinted-base: #b7bdf8;\n --background-tinted-highlight: #b7bdf8;\n --background-tinted-press: #b7bdf8;\n --background-unsafe-for-small-text-base: #b7bdf8;\n --background-unsafe-for-small-text-highlight: #b7bdf8;\n --background-unsafe-for-small-text-press: #b7bdf8;\n --decorative-subdued: #8992f3;\n }\n .encore-dark-theme .encore-over-media-set {\n --background-base: #1e2030;\n --background-highlight: #181926;\n --background-press: #1e2030;\n --background-unsafe-for-small-text-base: #1e2030;\n --background-unsafe-for-small-text-highlight: #1e2030;\n --background-unsafe-for-small-text-press: #1e2030;\n --background-elevated-base: #181926;\n --background-elevated-highlight: #181926;\n --background-elevated-press: #1e2030;\n --background-tinted-base: #1e2030;\n --background-tinted-highlight: #1e2030;\n --background-tinted-press: #1e2030;\n }\n .ydlidzq2hSQrvGXn7yni {\n background: #cad3f5;\n color: #181926;\n }\n .encore-dark-theme .encore-base-set > *,\n .encore-dark-theme > * {\n --parents-essential-base: #cad3f5;\n }\n .X8yW2lJbFCQfV5GjoRwL {\n --generic-tooltip-background-color: #1e2030;\n }\n .SboKmDrCTZng7t4EgNoM {\n background-color: #1e2030 !important;\n }\n #main > * > *,\n .sqKERfoKl4KwrtHqcKOd,\n .HkbHLcqgUfXruL5xVi28,\n .uhDzVbFHyCQDH6WrWZaC,\n .pHrwZOFBdT8FNXnmcPPI {\n background: #181926 !important;\n }\n .uWvwXlS0Da1bWsRX6KOw,\n .n5XwsUqagSoVk8oMiw1x {\n filter: saturate(0) brightness(1.3) !important;\n }\n .eoWRdH,\n .in4OjUTflcsoj9RUpf05 *,\n .gpNta6i8q3KYJC6WBZQC * {\n color: #a5adcb !important;\n }\n ._EShSNaBK1wUIaZQFJJQ {\n box-shadow: 0 4px 20px #1e2030;\n }\n .T1xI1RTSFU7Wu94UuvE6,\n .gHImFiUWOg93pvTefeAD,\n .CoLO4pdSl8LGWyVZA00t {\n background: #24273a !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: #cad3f5 !important;\n }\n .ThG4UqWk7ASXCMm69Opn,\n .BQD_pE0Nva_z6z7CvZww *,\n .k2ndSrHzhAsXBcLqRKYx * {\n color: #939ab7 !important;\n }\n *[class*=\"ButtonInner-sc-14ud5tc-0 GBxjH encore-bright-accent-set vq0lsCoYrDUDvkuUIaRg\"] * {\n color: #181926 !important;\n fill: #181926 !important;\n }\n .bk509U3ZhZc9YBJAmoPB {\n background: #1e2030;\n }\n .HVCCFeUiHVwZVv74p34a * {\n background: #363a4f !important;\n }\n .QO9loc33XC50mMRUCIvf {\n background-color: #363a4f;\n }\n .QO9loc33XC50mMRUCIvf:focus {\n -webkit-box-shadow: 0 0 0 2px #cad3f5;\n box-shadow: 0 0 0 2px #cad3f5;\n }\n .QO9loc33XC50mMRUCIvf:hover {\n background-color: #494d64;\n }\n .H6jh9Xd7DNOq3NsLDmCB:active,\n .H6jh9Xd7DNOq3NsLDmCB:focus,\n .H6jh9Xd7DNOq3NsLDmCB:hover {\n color: #cad3f5 !important;\n }\n .H6jh9Xd7DNOq3NsLDmCB {\n color: #cad3f5;\n }\n .kPpCsU {\n fill: #cad3f5;\n }\n .VgSbatGBB9XwTH2_dsxg .ql0zZd7giPXSnPg75NR0 {\n background: #24273a !important;\n color: #cad3f5;\n }\n .HsbczDqu9qjcYr7EIdHR,\n .rovbQsmAS_mwvpKHaVhQ * {\n background: transparent !important;\n }\n .Z35BWOA10YGn5uc9YgAp,\n .pQmF4tvRpUeLWgPKUcW7 {\n background-color: #181926;\n }\n .kpGMQq1KFz620g_BD_dS {\n background-color: #6e738d;\n }\n .link-subtle {\n color: #b8c0e0;\n }\n .link-subtle:hover {\n color: #cad3f5;\n }\n .LunqxlFIupJw_Dkx6mNx {\n background: #1e2030 !important;\n }\n .bQthUEx0_U98DJkT1saO,\n .RVRoa p {\n color: #cad3f5;\n }\n .kmZeYl {\n background-color: #1e2030;\n }\n .kmZeYl:hover {\n background-color: #181926;\n }\n .RfidWIoz8FON2WhFoItU {\n color: #cad3f5;\n }\n .cuLHaM {\n background-color: #24273a;\n }\n .y2UicQnlTq148rL8Y0jp {\n box-shadow: 0 6px 10px #1e2030;\n }\n .vnCew8qzJq3cVGlYFXRI {\n background-color: #cad3f5;\n }\n .vnCew8qzJq3cVGlYFXRI * {\n fill: #181926;\n }\n .rovbQsmAS_mwvpKHaVhQ .PFgcCoJSWC3KjhZxHDYH * {\n fill: #cad3f5 !important;\n }\n .TywOcKZEqNynWecCiATc {\n --bg-color: #494d64;\n --fg-color: #cad3f5;\n --is-active-fg-color: #b7bdf8;\n }\n a {\n color: #b7bdf8;\n }\n .Ng3dPPA2_1CFYkzPukjM {\n background: #8aadf4;\n }\n .KAZD28usA1vPz5GVpm63.EHxL6K_6WWDlTCZP6x5w::after {\n background-color: #b7bdf8;\n }\n .tippy-box[data-theme~=\"activation\"] {\n background-color: #b7bdf8;\n color: #181926;\n }\n .tippy-box[data-theme~=\"activation\"] .c0KyMkxeMCWQGE7cR8s_ *,\n .tippy-box[data-theme~=\"activation\"] .TextForLabel-sc-1jqya9m-0.kIsEKW {\n color: #181926;\n }\n .zrvvPyoxE6wQNqnu0yWA {\n color: #cad3f5;\n background: #363a4f;\n }\n input:checked ~ .Js64TOfWtHksI6TQ6knT {\n background: #b7bdf8 !important;\n }\n .bXJ77rNIJ18Y0GfegQdr + label > :first-child {\n background: #cad3f5 !important;\n }\n .Z35BWOA10YGn5uc9YgAp:focus-within,\n .Z35BWOA10YGn5uc9YgAp:hover,\n .Z35BWOA10YGn5uc9YgAp[data-context-menu-open=\"true\"] {\n background: #1e2030 !important;\n }\n .wC9sIed7pfp47wZbmU6m:hover,\n .wC9sIed7pfp47wZbmU6m:not([aria-checked=\"true\"]):focus {\n background: #363a4f !important;\n }\n .DuEPSADpSwCcO880xjUG:not(:first-child) > .QgtQw2NJz7giDZxap2BB::before {\n border-color: #363a4f;\n }\n .eG930DCaQXDFqjhxRGIs > * {\n background: #181926 !important;\n }\n }\n @media (prefers-color-scheme: dark) {\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: #24273a;\n --background-highlight: #363a4f;\n --background-press: #181926;\n --background-elevated-base: #363a4f;\n --background-elevated-highlight: #494d64;\n --background-elevated-press: #181926;\n --background-tinted-base: #181926;\n --background-tinted-highlight: #1e2030;\n --background-tinted-press: #24273a;\n --background-unsafe-for-small-text-base: #24273a;\n --background-unsafe-for-small-text-highlight: #24273a;\n --background-unsafe-for-small-text-press: #24273a;\n --text-base: #cad3f5;\n --text-subdued: #b8c0e0;\n --text-bright-accent: #b7bdf8;\n --text-negative: #ed8796;\n --text-warning: #eed49f;\n --text-positive: #b7bdf8;\n --text-announcement: #7dc4e4;\n --essential-base: #cad3f5;\n --essential-subdued: #b8c0e0;\n --essential-bright-accent: #b7bdf8;\n --essential-negative: #ed8796;\n --essential-warning: #eed49f;\n --essential-positive: #a6da95;\n --essential-announcement: #24273a;\n --decorative-base: #cad3f5;\n --decorative-subdued: #5b6078;\n }\n .encore-dark-theme .encore-inverted-light-set {\n --background-base: #494d64;\n --background-highlight: #363a4f;\n --background-press: #494d64;\n }\n .encore-dark-theme .encore-bright-accent-set {\n --background-base: #b7bdf8;\n --background-highlight: #b7bdf8;\n --background-press: #b7bdf8;\n --background-elevated-base: #b7bdf8;\n --background-elevated-highlight: #b7bdf8;\n --background-elevated-press: #b7bdf8;\n --background-tinted-base: #b7bdf8;\n --background-tinted-highlight: #b7bdf8;\n --background-tinted-press: #b7bdf8;\n --background-unsafe-for-small-text-base: #b7bdf8;\n --background-unsafe-for-small-text-highlight: #b7bdf8;\n --background-unsafe-for-small-text-press: #b7bdf8;\n --decorative-subdued: #8992f3;\n }\n .encore-dark-theme .encore-over-media-set {\n --background-base: #1e2030;\n --background-highlight: #181926;\n --background-press: #1e2030;\n --background-unsafe-for-small-text-base: #1e2030;\n --background-unsafe-for-small-text-highlight: #1e2030;\n --background-unsafe-for-small-text-press: #1e2030;\n --background-elevated-base: #181926;\n --background-elevated-highlight: #181926;\n --background-elevated-press: #1e2030;\n --background-tinted-base: #1e2030;\n --background-tinted-highlight: #1e2030;\n --background-tinted-press: #1e2030;\n }\n .ydlidzq2hSQrvGXn7yni {\n background: #cad3f5;\n color: #181926;\n }\n .encore-dark-theme .encore-base-set > *,\n .encore-dark-theme > * {\n --parents-essential-base: #cad3f5;\n }\n .X8yW2lJbFCQfV5GjoRwL {\n --generic-tooltip-background-color: #1e2030;\n }\n .SboKmDrCTZng7t4EgNoM {\n background-color: #1e2030 !important;\n }\n #main > * > *,\n .sqKERfoKl4KwrtHqcKOd,\n .HkbHLcqgUfXruL5xVi28,\n .uhDzVbFHyCQDH6WrWZaC,\n .pHrwZOFBdT8FNXnmcPPI {\n background: #181926 !important;\n }\n .uWvwXlS0Da1bWsRX6KOw,\n .n5XwsUqagSoVk8oMiw1x {\n filter: saturate(0) brightness(1.3) !important;\n }\n .eoWRdH,\n .in4OjUTflcsoj9RUpf05 *,\n .gpNta6i8q3KYJC6WBZQC * {\n color: #a5adcb !important;\n }\n ._EShSNaBK1wUIaZQFJJQ {\n box-shadow: 0 4px 20px #1e2030;\n }\n .T1xI1RTSFU7Wu94UuvE6,\n .gHImFiUWOg93pvTefeAD,\n .CoLO4pdSl8LGWyVZA00t {\n background: #24273a !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: #cad3f5 !important;\n }\n .ThG4UqWk7ASXCMm69Opn,\n .BQD_pE0Nva_z6z7CvZww *,\n .k2ndSrHzhAsXBcLqRKYx * {\n color: #939ab7 !important;\n }\n *[class*=\"ButtonInner-sc-14ud5tc-0 GBxjH encore-bright-accent-set vq0lsCoYrDUDvkuUIaRg\"] * {\n color: #181926 !important;\n fill: #181926 !important;\n }\n .bk509U3ZhZc9YBJAmoPB {\n background: #1e2030;\n }\n .HVCCFeUiHVwZVv74p34a * {\n background: #363a4f !important;\n }\n .QO9loc33XC50mMRUCIvf {\n background-color: #363a4f;\n }\n .QO9loc33XC50mMRUCIvf:focus {\n -webkit-box-shadow: 0 0 0 2px #cad3f5;\n box-shadow: 0 0 0 2px #cad3f5;\n }\n .QO9loc33XC50mMRUCIvf:hover {\n background-color: #494d64;\n }\n .H6jh9Xd7DNOq3NsLDmCB:active,\n .H6jh9Xd7DNOq3NsLDmCB:focus,\n .H6jh9Xd7DNOq3NsLDmCB:hover {\n color: #cad3f5 !important;\n }\n .H6jh9Xd7DNOq3NsLDmCB {\n color: #cad3f5;\n }\n .kPpCsU {\n fill: #cad3f5;\n }\n .VgSbatGBB9XwTH2_dsxg .ql0zZd7giPXSnPg75NR0 {\n background: #24273a !important;\n color: #cad3f5;\n }\n .HsbczDqu9qjcYr7EIdHR,\n .rovbQsmAS_mwvpKHaVhQ * {\n background: transparent !important;\n }\n .Z35BWOA10YGn5uc9YgAp,\n .pQmF4tvRpUeLWgPKUcW7 {\n background-color: #181926;\n }\n .kpGMQq1KFz620g_BD_dS {\n background-color: #6e738d;\n }\n .link-subtle {\n color: #b8c0e0;\n }\n .link-subtle:hover {\n color: #cad3f5;\n }\n .LunqxlFIupJw_Dkx6mNx {\n background: #1e2030 !important;\n }\n .bQthUEx0_U98DJkT1saO,\n .RVRoa p {\n color: #cad3f5;\n }\n .kmZeYl {\n background-color: #1e2030;\n }\n .kmZeYl:hover {\n background-color: #181926;\n }\n .RfidWIoz8FON2WhFoItU {\n color: #cad3f5;\n }\n .cuLHaM {\n background-color: #24273a;\n }\n .y2UicQnlTq148rL8Y0jp {\n box-shadow: 0 6px 10px #1e2030;\n }\n .vnCew8qzJq3cVGlYFXRI {\n background-color: #cad3f5;\n }\n .vnCew8qzJq3cVGlYFXRI * {\n fill: #181926;\n }\n .rovbQsmAS_mwvpKHaVhQ .PFgcCoJSWC3KjhZxHDYH * {\n fill: #cad3f5 !important;\n }\n .TywOcKZEqNynWecCiATc {\n --bg-color: #494d64;\n --fg-color: #cad3f5;\n --is-active-fg-color: #b7bdf8;\n }\n a {\n color: #b7bdf8;\n }\n .Ng3dPPA2_1CFYkzPukjM {\n background: #8aadf4;\n }\n .KAZD28usA1vPz5GVpm63.EHxL6K_6WWDlTCZP6x5w::after {\n background-color: #b7bdf8;\n }\n .tippy-box[data-theme~=\"activation\"] {\n background-color: #b7bdf8;\n color: #181926;\n }\n .tippy-box[data-theme~=\"activation\"] .c0KyMkxeMCWQGE7cR8s_ *,\n .tippy-box[data-theme~=\"activation\"] .TextForLabel-sc-1jqya9m-0.kIsEKW {\n color: #181926;\n }\n .zrvvPyoxE6wQNqnu0yWA {\n color: #cad3f5;\n background: #363a4f;\n }\n input:checked ~ .Js64TOfWtHksI6TQ6knT {\n background: #b7bdf8 !important;\n }\n .bXJ77rNIJ18Y0GfegQdr + label > :first-child {\n background: #cad3f5 !important;\n }\n .Z35BWOA10YGn5uc9YgAp:focus-within,\n .Z35BWOA10YGn5uc9YgAp:hover,\n .Z35BWOA10YGn5uc9YgAp[data-context-menu-open=\"true\"] {\n background: #1e2030 !important;\n }\n .wC9sIed7pfp47wZbmU6m:hover,\n .wC9sIed7pfp47wZbmU6m:not([aria-checked=\"true\"]):focus {\n background: #363a4f !important;\n }\n .DuEPSADpSwCcO880xjUG:not(:first-child) > .QgtQw2NJz7giDZxap2BB::before {\n border-color: #363a4f;\n }\n .eG930DCaQXDFqjhxRGIs > * {\n background: #181926 !important;\n }\n }", + "start": 1246, + "domains": [ + "open.spotify.com" + ] + } + ], + "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", + "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": "macchiato", + "default": "latte", + "options": [ + { + "name": "latte", + "label": "Latte", + "value": "latte" + }, + { + "name": "frappe", + "label": "Frappé", + "value": "frappe" + }, + { + "name": "macchiato", + "label": "Macchiato", + "value": "macchiato" + }, + { + "name": "mocha", + "label": "Mocha", + "value": "mocha" + } + ] + }, + "darkFlavor": { + "type": "select", + "label": "Dark Flavor", + "name": "darkFlavor", + "value": "macchiato", + "default": "mocha", + "options": [ + { + "name": "latte", + "label": "Latte", + "value": "latte" + }, + { + "name": "frappe", + "label": "Frappé", + "value": "frappe" + }, + { + "name": "macchiato", + "label": "Macchiato", + "value": "macchiato" + }, + { + "name": "mocha", + "label": "Mocha", + "value": "mocha" + } + ] + }, + "accentColor": { + "type": "select", + "label": "Accent", + "name": "accentColor", + "value": "lavender", + "default": "sapphire", + "options": [ + { + "name": "rosewater", + "label": "Rosewater", + "value": "rosewater" + }, + { + "name": "flamingo", + "label": "Flamingo", + "value": "flamingo" + }, + { + "name": "pink", + "label": "Pink", + "value": "pink" + }, + { + "name": "mauve", + "label": "Mauve", + "value": "mauve" + }, + { + "name": "red", + "label": "Red", + "value": "red" + }, + { + "name": "maroon", + "label": "Maroon", + "value": "maroon" + }, + { + "name": "peach", + "label": "Peach", + "value": "peach" + }, + { + "name": "yellow", + "label": "Yellow", + "value": "yellow" + }, + { + "name": "green", + "label": "Green", + "value": "green" + }, + { + "name": "teal", + "label": "Teal", + "value": "teal" + }, + { + "name": "blue", + "label": "Blue", + "value": "blue" + }, + { + "name": "sapphire", + "label": "Sapphire", + "value": "sapphire" + }, + { + "name": "sky", + "label": "Sky", + "value": "sky" + }, + { + "name": "lavender", + "label": "Lavender", + "value": "lavender" + }, + { + "name": "subtext0", + "label": "Gray", + "value": "subtext0" + } + ] + } + } + }, + "author": "Catppuccin", + "description": "Soothing pastel theme for Spotify Web", + "name": "Spotify Web Catppuccin", + "originalDigest": "70466563b1bbbbbef1337dc7b28fbdd50f11a927", + "_id": "3e77d7a8-1ef5-471e-94d3-b27a45c139db", + "_rev": 1700768771939, + "id": 75, + "etag": "W/\"1904a3585f35a765748352b3e62b24fc4c232b9c832b7e38a16435f21a4d9cc5\"" } ] \ No newline at end of file