diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS index fb7ac6837d..2afb1870a9 100644 --- a/.github/CODEOWNERS +++ b/.github/CODEOWNERS @@ -69,5 +69,5 @@ /styles/whatsapp-web @FrancoRav /styles/wikipedia @GitMuslim /styles/wikiwand @tnixc -/styles/youtube @isabelroses +/styles/youtube @isabelroses @uncenter /styles/nextjs @Dandraghas \ No newline at end of file diff --git a/.stylelintrc.js b/.stylelintrc.js index 00cf9991f8..e8c8c98dd1 100644 --- a/.stylelintrc.js +++ b/.stylelintrc.js @@ -24,6 +24,7 @@ export default { "alpha-value-notation": null, "color-function-notation": null, "hue-degree-notation": null, + "keyframes-name-pattern": null, // Needed for Stylus v1.5.35 workaround, see #341 "media-feature-range-notation": "prefix", diff --git a/scripts/userstyles.yml b/scripts/userstyles.yml index c9e3562947..da41348ac3 100644 --- a/scripts/userstyles.yml +++ b/scripts/userstyles.yml @@ -791,7 +791,7 @@ userstyles: faq: - question: "**What does the 'Enable for black bars' option mean?**" answer: "It's available in case you have an OLED display. If you have one, you might want to enable this." - current-maintainers: [*isabelroses] + current-maintainers: [*isabelroses, *uncenter] past-maintainers: [*elkrien] nextjs: name: Next.js diff --git a/styles/chatgpt/catppuccin.user.css b/styles/chatgpt/catppuccin.user.css index 33c58611af..66ca4d163e 100644 --- a/styles/chatgpt/catppuccin.user.css +++ b/styles/chatgpt/catppuccin.user.css @@ -2,7 +2,7 @@ @name ChatGPT Catppuccin @namespace github.com/catppuccin/userstyles/styles/chatgpt @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/chatgpt -@version 0.2.6 +@version 0.2.7 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/chatgpt/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Achatgpt @description Soothing pastel theme for ChatGPT @@ -84,7 +84,7 @@ --ctp-surface2: #rgbify(@surface2) []; --ctp-surface1: #rgbify(@surface1) []; --ctp-surface0: #rgbify(@surface0) []; - --ctp-base: #rgbify(@crust) []; + --ctp-base: #rgbify(@base) []; --ctp-mantle: #rgbify(@mantle) []; --ctp-crust: #rgbify(@crust) []; diff --git a/styles/duckduckgo/catppuccin.user.css b/styles/duckduckgo/catppuccin.user.css index 3c67da200e..bf6469ec52 100644 --- a/styles/duckduckgo/catppuccin.user.css +++ b/styles/duckduckgo/catppuccin.user.css @@ -2,7 +2,7 @@ @name DuckDuckGo Catppuccin @namespace github.com/catppuccin/userstyles/styles/duckduckgo @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/duckduckgo -@version 0.1.4 +@version 0.1.5 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/duckduckgo/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aduckduckgo @description Soothing pastel theme for DuckDuckGo @@ -167,6 +167,24 @@ .metabar:not(.is-stuck) { background-color: @base !important; } + + /* lyrics box */ + .js-lyrics-module { + color: @subtext1 !important; + } + .module--lyrics__subtitle-box { + border-color: @surface2; + } + .module__inner-toggle--chevron { + color: @accent-color !important; + background-color: @surface1 !important; + border-color: @surface2; + } + .module__inner-toggle::before, + .module__inner-toggle::after { + background-color: @surface2 !important; + } + // translation boxes .module--translations .dropdown--translation-select, .module--translations-translatedtext { @@ -726,9 +744,6 @@ color: @accent-color !important; } - .js-region-filter-switch { - background-color: @overlay0 !important; - } .switch__knob { background: @text !important; } diff --git a/styles/github/catppuccin.user.css b/styles/github/catppuccin.user.css index 3cdd2fbfef..4675582309 100644 --- a/styles/github/catppuccin.user.css +++ b/styles/github/catppuccin.user.css @@ -2,7 +2,7 @@ @name GitHub Catppuccin @namespace github.com/catppuccin/userstyles/styles/github @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/github -@version 1.5.4 +@version 1.6.0 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/github/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agithub @description Soothing pastel theme for GitHub @@ -355,7 +355,7 @@ --fgColor-default: @text; --fgColor-muted: @subtext1; --fgColor-onEmphasis: @base; - --fgColor-white: @text; + --fgColor-white: @base; --fgColor-disabled: @surface2; --fgColor-link: @accent-color; --fgColor-neutral: #6e7681; @@ -533,6 +533,116 @@ .header-search-button.placeholder { color: @subtext0; } + + ::selection { + background-color: fade(@accent-color, 20%); + } + } +} + +@-moz-document url-prefix("https://viewscreen.githubusercontent.com/markdown/mermaid") +{ + [data-color-mode="auto"] { + @media (prefers-color-scheme: light) { + &[data-light-theme="light"] { + #catppuccin(@lightFlavor, @accentColor); + } + &[data-light-theme="dark"] { + #catppuccin(@darkFlavor, @accentColor); + } + } + + @media (prefers-color-scheme: dark) { + &[data-dark-theme="light"] { + #catppuccin(@lightFlavor, @accentColor); + } + &[data-dark-theme="dark"] { + #catppuccin(@darkFlavor, @accentColor); + } + } + } + [data-color-mode="light"][data-light-theme="dark"], + [data-color-mode="dark"][data-dark-theme="dark"] { + #catppuccin(@darkFlavor, @accentColor); + } + [data-color-mode="light"][data-light-theme="light"], + [data-color-mode="dark"][data-dark-theme="light"] { + #catppuccin(@lightFlavor, @accentColor); + } + + #catppuccin(@lookup, @accent) { + @rosewater: @catppuccin[@@lookup][@rosewater]; + @flamingo: @catppuccin[@@lookup][@flamingo]; + @pink: @catppuccin[@@lookup][@pink]; + @mauve: @catppuccin[@@lookup][@mauve]; + @red: @catppuccin[@@lookup][@red]; + @maroon: @catppuccin[@@lookup][@maroon]; + @peach: @catppuccin[@@lookup][@peach]; + @yellow: @catppuccin[@@lookup][@yellow]; + @green: @catppuccin[@@lookup][@green]; + @teal: @catppuccin[@@lookup][@teal]; + @sky: @catppuccin[@@lookup][@sky]; + @sapphire: @catppuccin[@@lookup][@sapphire]; + @blue: @catppuccin[@@lookup][@blue]; + @lavender: @catppuccin[@@lookup][@lavender]; + @text: @catppuccin[@@lookup][@text]; + @subtext1: @catppuccin[@@lookup][@subtext1]; + @subtext0: @catppuccin[@@lookup][@subtext0]; + @overlay2: @catppuccin[@@lookup][@overlay2]; + @overlay1: @catppuccin[@@lookup][@overlay1]; + @overlay0: @catppuccin[@@lookup][@overlay0]; + @surface2: @catppuccin[@@lookup][@surface2]; + @surface1: @catppuccin[@@lookup][@surface1]; + @surface0: @catppuccin[@@lookup][@surface0]; + @base: @catppuccin[@@lookup][@base]; + @mantle: @catppuccin[@@lookup][@mantle]; + @crust: @catppuccin[@@lookup][@crust]; + @accent-color: @catppuccin[@@lookup][@@accent]; + + background-color: @base; + + --color-btn-text: @text; + --color-btn-bg: @surface0; + --color-btn-border: @surface1; + --color-btn-hover-bg: @surface1; + --color-btn-hover-border: @surface2; + --color-btn-active-bg: @surface2; + --color-btn-selected-bg: @surface2; + --color-btn-counter-bg: @surface2; + --color-btn-outline-text: @accent-color; + --color-fg-muted: @subtext1; + + #diagram { + .node rect, + .node circle, + .node ellipse, + .node polygon, + .node path { + fill: fade(@accent-color, 10%); + stroke: @accent-color; + } + + .label text, + span, + p { + fill: @text; + color: @text; + } + + .flowchart-link, + .marker { + stroke: @subtext0; + fill: @subtext0; + } + + .edgeLabel { + background-color: @crust; + } + } + + .octicon { + fill: var(--color-fg-muted) !important; + } } } diff --git a/styles/google/catppuccin.user.css b/styles/google/catppuccin.user.css index 7411ae525e..4f8aff2b72 100644 --- a/styles/google/catppuccin.user.css +++ b/styles/google/catppuccin.user.css @@ -2,7 +2,7 @@ @name Google Catppuccin @namespace github.com/catppuccin/userstyles/styles/google @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/google -@version 0.2.0 +@version 0.2.1 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/google/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agoogle @description Soothing pastel theme for Google @@ -158,6 +158,9 @@ .pno7A.rfUaPd .SwDSDf { color: @subtext1; } + .pno7A.rfUaPd .Tqvz7b { + color: @text; + } .tR3EBc { background-color: @mantle; } @@ -166,6 +169,10 @@ background: @surface0 !important; color: @text !important; border-color: @surface0 !important; + &:hover { + background-color: @surface1; + border-color: @surface1; + } } .zbvg1c { color: @text; @@ -174,6 +181,13 @@ background-color: @blue; color: @mantle; border-color: @blue; + &:hover { + background-color: @sky; + border-color: @sky; + } + } + .tw-lliw.item-selected .language_list_item { + color: @blue; } .qv3Wpe { color: @text; @@ -190,6 +204,10 @@ background: @surface2; color: @text; border-color: @surface2; + &:hover { + background-color: @overlay0; + border-color: @overlay0; + } } /* knowoledge panel uwu */ .H73aad { @@ -279,7 +297,9 @@ background-color: @base !important; } - .ttBXeb { + .ttBXeb, + .NDTw3e.K7R36c, + .knowledge-finance-wholepage-chart__fw-uch .uch-svg { color: @subtext0; } @@ -287,6 +307,25 @@ fill: @text; } + .egcvbb { + border-color: @surface2; + &:hover { + border-color: @text; + } + } + + .knowledge-finance-wholepage-chart__hover-card { + background-color: @base; + } + .knowledge-finance-wholepage-chart__hover-card-time { + color: @subtext0; + } + + .fw-ch-sel .KWk7r.qUjgX { + background-color: @surface0; + color: @blue; + } + .gb_Ka.gb_f, .gb_Na.gb_f, #gb { @@ -577,9 +616,13 @@ .wwUB2c { color: @subtext0; } - .z1asCe { + .dhERQc { + color: @base !important; + background-color: @blue !important; + } + .z1asCe, + .ikb4Bb { color: @text !important; - fill: @text !important; } .rsGxI.Ww4FFb, .Ww4FFb { @@ -606,22 +649,44 @@ .VuuXrf { color: @text; } - .hb8SAc { + .hb8SAc, + .gb_Oc a.gb_H, + .gb_Oc span.gb_H { color: @text; } .TQc1id .I6TXqe { border-color: @surface2; } - .I6TXqe { + .I6TXqe, + .zaokob { background: @base; } + .tw-lliw:hover, + .tw-lliw:focus { + background-color: @surface0; + } + .language_list_languages.tw-ll-top::after { + background: linear-gradient( + to bottom, + rgba(red(@base), green(@base), blue(@base), 0), + rgba(red(@base), green(@base), blue(@base), 1) + ); + } .HsZQAe { border-bottom-color: @surface2; } + .KLEmSd { + border-bottom-color: @surface1; + } .NtaMpb .niO4u, - .nZWEZc .ttwCMe { + .nZWEZc .ttwCMe, + .xNzW0d, + .lWzCpb { background-color: @base; } + .aURkK { + border-left-color: @surface1; + } .iRPzcb { border-bottom-color: @surface1; } @@ -754,6 +819,17 @@ g-right-button.wgbRNb > g-fab:nth-child(1) { background-color: @crust !important; } + .gb_2e { + background-color: @surface0; + } + .gb_Ec { + div:first-child { + color: @text; + } + > * { + color: @subtext0; + } + } .kLhEKe { background-color: @base; } @@ -1007,10 +1083,14 @@ .T8VaVe { color: @blue; } + .tw-ta, #tw-source-text-container .tw-ta, #tw-source-rmn-container .tw-ta { color: @text; } + .tw-bilingual-marked { + border-color: @blue; + } #tw-target { background-color: @surface0; } @@ -1870,6 +1950,23 @@ .nz9sqb.o07G5 .tX9u1b:active:hover .Rq5Gcb { background-color: @surface0; } + .aRDKUe .pRjiJb, + .aRDKUe .DmSTqc { + color: @text; + } + .aRDKUe .idKC9b, + .aRDKUe .MbHqJ { + color: @subtext0; + } + .aRDKUe .GXg3Le { + color: @blue; + } + .aRDKUe .G5bXNb { + background-color: @mantle; + &:hover { + background-color: @base; + } + } } @media (prefers-color-scheme: light) { body { diff --git a/styles/pypi/catppuccin.user.css b/styles/pypi/catppuccin.user.css index 838e243c76..684fb899a7 100644 --- a/styles/pypi/catppuccin.user.css +++ b/styles/pypi/catppuccin.user.css @@ -2,7 +2,7 @@ @name PyPI Catppuccin @namespace github.com/catppuccin/userstyles/styles/pypi @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/pypi -@version 0.0.1 +@version 0.0.2 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/pypi/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Apypi @description Soothing pastel theme for PyPI @@ -70,7 +70,7 @@ --ctp-surface2: @surface2; --ctp-surface1: @surface1; --ctp-surface0: @surface0; - --ctp-base: @crust; + --ctp-base: @base; --ctp-mantle: @mantle; --ctp-crust: @crust; diff --git a/styles/vercel/catppuccin.user.css b/styles/vercel/catppuccin.user.css index edbf256fce..405a6a7e18 100644 --- a/styles/vercel/catppuccin.user.css +++ b/styles/vercel/catppuccin.user.css @@ -2,7 +2,7 @@ @name Vercel Catppuccin @namespace github.com/catppuccin/userstyles/styles/vercel @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/vercel -@version 0.0.5 +@version 0.0.6 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/vercel/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Avercel @description Soothing pastel theme for Vercel @@ -70,20 +70,26 @@ --accents-6: @overlay1; --accents-7: @overlay2; --accents-8: @subtext0; - --geist-link-color: @rosewater; + --geist-link-color: @accent-color; --geist-selection: @subtext0; --geist-success: @blue; --geist-error: @red; --geist-cyan: @teal; + --ds-red-400: @red; --ds-background-100: @base; - --ds-background-200: @surface0; + --ds-background-200: @mantle; --ds-gray-100: @base; --ds-gray-200: @surface0; --ds-gray-300: @surface1; + --ds-gray-400: @surface1; --ds-gray-1000: @text; --ds-gray-900: @subtext0; --ds-gray-800: @subtext1; + --ds-gray-700: @subtext1; + --ds-gray-alpha-400: @surface0; + + --themed-hover-bg: @subtext1; --ds-red-800: @red; --ds-red-900: lighten(@red, 5%); diff --git a/styles/wikipedia/catppuccin.user.css b/styles/wikipedia/catppuccin.user.css index e8bce92c89..4e544f7208 100644 --- a/styles/wikipedia/catppuccin.user.css +++ b/styles/wikipedia/catppuccin.user.css @@ -2,7 +2,7 @@ @name Wikipedia Catppuccin @namespace github.com/catppuccin/userstyles/styles/wikipedia @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/wikipedia -@version 0.0.10 +@version 0.0.13 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/wikipedia/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Awikipedia @description Soothing pastel theme for Wikipedia @@ -78,7 +78,7 @@ --ctp-surface2: @surface2; --ctp-surface1: @surface1; --ctp-surface0: @surface0; - --ctp-base: @crust; + --ctp-base: @base; --ctp-mantle: @mantle; --ctp-crust: @crust; @@ -104,7 +104,8 @@ .vector-pinned-container, .vector-header-container .vector-sticky-header, .mw-mmv-image, - .mw-body { + .mw-body, + .frb-form-wrapper { background-color: @base; } @@ -161,6 +162,7 @@ .uls-no-results-found-title, .mw-mmv-post-image, .mw-mmv-credit, + .frb-form-wrapper, #contentSub:not(:empty) { color: @text; } @@ -175,11 +177,26 @@ } /* maths */ - & when not (@lookup = latte) { - .mwe-math-fallback-image-inline img, - .mwe-math-element img, - img[src*="LaTeX"] { - filter: invert(100%); + img.mwe-math-fallback-image-display, + img.mwe-math-fallback-image-inline { + & when (@lookup = latte) { + filter: brightness(0) saturate(100%) invert(31%) sepia(9%) + saturate(1499%) hue-rotate(196deg) brightness(90%) contrast(85%); + } + + & when (@lookup = frappe) { + filter: brightness(0) saturate(100%) invert(92%) sepia(6%) + saturate(3753%) hue-rotate(184deg) brightness(93%) contrast(106%); + } + + & when (@lookup = macchiato) { + filter: brightness(0) saturate(100%) invert(82%) sepia(7%) + saturate(1042%) hue-rotate(193deg) brightness(103%) contrast(92%); + } + + & when (@lookup = mocha) { + filter: brightness(0) saturate(100%) invert(83%) sepia(28%) + saturate(223%) hue-rotate(190deg) brightness(99%) contrast(93%); } } @@ -1006,6 +1023,169 @@ border-left-color: @surface2; } + /* Fundraising banner */ + .frb-btn, + .frb-label { + color: @text; + background-color: @base; + border-color: @overlay0; + } + + input[type="radio"]:checked + .frb-btn, + input[type="radio"]:checked + .frb-label, + .frb-btn:hover, + .frb-label:hover { + color: @base; + background-color: @accent-color; + border-color: @accent-color; + } + + #frb-main { + --wmui-base100: @base; + --wmui-base0: @text; + --frb-body: @text; + --frb-muted: @subtext0; + --frb-link: @subtext0; + --frb-link-hover: @text; + --frb-error: @red; + --frb-submit: @accent-color; + --frb-submit-hover: darken(@accent-color, 10%); + + svg.frb-message-icon > g { + circle { + fill: @yellow; + } + path { + fill: @base; + } + } + + .frb-message { + background-color: @green; + border-color: @green; + } + + .frb-message::after { + border-left-color: @green; + } + } + + #frb-inline { + --wmui-base100: @base; + --frb-primary: @red; + --frb-link: @accent-color; + --frb-muted: @subtext0; + --frb-muted-hover: @text; + --frb-body: @text; + --frb-error: @red; + --wmui-red-dark: @red; + --wmui-red-light: @red; + --wmui-green-dark: @green; + --wmui-green-light: @green; + --frb-submit: @accent-color; + --frb-submit-hover: darken(@accent-color, 10%); + + .frb-inline-topbar { + color: @text; + + svg circle { + fill: @yellow; + } + + svg path { + fill: @base; + } + } + + .frb-btn-cta { + background-color: @accent-color !important; + border-color: @accent-color !important; + color: @base !important; + } + + .frb-btn-simple { + color: @accent-color !important; + } + + .frb-monthly-pitch { + color: @blue; + } + + .frb-optin-no-prompt { + color: @base; + } + + .frb-cta-hiddenmessage { + background-color: @red; + color: @base; + } + } + + #frb-nag { + --frb-primary-light: @base; + --frb-body: @text; + --wmui-accent-dark: @subtext0; + --frb-link-hover: @text; + + span.frb-donate-button { + color: @base; + background-color: @red; + + &:hover { + color: @base; + background-color: darken(@red, 10%); + } + } + + svg.frb-icon-close > g { + stroke: @subtext0; + + &:hover { + stroke: @text; + } + } + } + + .frb-nag:not(#frb-nag) { + --frb-message-background: @base; + --frb-message-border: @red; + --frb-message: @text; + border-color: @surface0; + background: @base; + box-shadow: none; + + #nag-rml-btn { + background-color: transparent; + border-color: transparent; + color: @subtext0; + } + + #nag-yes-btn { + background-color: @accent-color; + border-color: @accent-color; + color: @base; + } + } + + .frb-btn-cta-label::after { + @svg: escape( + '' + ); + background-image: url("data:image/svg+xml,@{svg}") !important; + } + + .frb-back { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}") !important; + } + + .frb-close { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}") !important; + } + .sprite { @svg: escape( '' diff --git a/styles/youtube/README.md b/styles/youtube/README.md index 35777a38ca..6892c82d70 100644 --- a/styles/youtube/README.md +++ b/styles/youtube/README.md @@ -22,8 +22,9 @@ - Q: **What does the 'Enable for black bars' option mean?**\ A: It's available in case you have an OLED display. If you have one, you might want to enable this. -## 💝 Current Maintainer +## 💝 Current Maintainers - [Isabel](https://github.com/isabelroses) +- [uncenter](https://github.com/uncenter) ## 💖 Past Maintainer - [Elkrien](https://github.com/elkrien) diff --git a/styles/youtube/catppuccin.user.css b/styles/youtube/catppuccin.user.css index 2da95d301a..cf7f27b16d 100644 --- a/styles/youtube/catppuccin.user.css +++ b/styles/youtube/catppuccin.user.css @@ -2,7 +2,7 @@ @name YouTube Catppuccin @namespace github.com/catppuccin/userstyles/styles/youtube @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/youtube -@version 3.5.4 +@version 3.5.7 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ayoutube @description Soothing pastel theme for YouTube @@ -512,6 +512,10 @@ color: @text; } + .ytp-panel-header { + border-bottom-color: @surface2; + } + .ytp-menuitem svg > path:not([fill="none"]) { fill: @text !important; } @@ -589,17 +593,6 @@ background: @mantle !important; } - /* Transcript Button */ - .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline { - color: @accent-color !important; - border-color: @surface2 !important; - - &:hover { - background-color: fadeout(@accent-color, 80) !important; - border-color: fadeout(@accent-color, 80) !important; - } - } - /* search results */ .gsfs { color: @text !important; @@ -734,10 +727,10 @@ color: @text !important; } - /* Player tooltip background */ .ytp-tooltip-text { background: @surface0 !important; color: @text; + text-shadow: none !important; } .iv-card:hover .iv-card-primary-link, @@ -973,6 +966,24 @@ .yt-spec-touch-feedback-shape__fill { background-color: @text; } + .yt-spec-button-shape-next--call-to-action { + /* Reply Button */ + &.yt-spec-button-shape-next--text { + color: @accent-color; + &:hover { + background-color: fadeout(@accent-color, 80) !important; + } + } + /* Transcript Button */ + &.yt-spec-button-shape-next--outline { + color: @accent-color !important; + border-color: @surface2 !important; + &:hover { + background-color: fadeout(@accent-color, 80) !important; + border-color: fadeout(@accent-color, 80) !important; + } + } + } ytd-guide-section-renderer.style-scope:nth-child(3) > div:nth-child(2), ytd-guide-section-renderer.style-scope:nth-child(4) > div:nth-child(2) { @@ -1044,6 +1055,10 @@ fill: if(@lookup = latte, @base, @text) !important; } + yt-icon.ytd-logo [fill="white"] { + fill: @crust !important; + } + ::-webkit-scrollbar { width: @scrollbar_width !important; }