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;
}