fix(button-icon-colors): add the right icon colors (#36)

* fix(yt-spec-button-shape-next__icon): play-button and radio-button * fix(ytmusic-tabs.stuck): add background color
catppuccin · Jun 14, 2024 · 0d6eef2 · 0d6eef2
1 parent b65aa74
commit 0d6eef2
Show file tree

Hide file tree

Showing 5 changed files with 70 additions and 0 deletions.
diff --git a/src/frappe.css b/src/frappe.css
@@ -302,6 +302,20 @@ yt-icon.icon.style-scope.ytmusic-play-button-renderer {
   fill: var(--ctp-base) !important;
 }
 
+.play-button .yt-spec-button-shape-next__icon > yt-icon
+{
+  fill: var(--ctp-base) !important;
+}
+
+.radio-button .yt-spec-button-shape-next__icon > yt-icon
+{
+  fill: var(--ctp-base) !important;
+}
+
+ytmusic-tabs.stuck {
+	background-color: var(--catppuccin-mantle) !important;
+}
+
 paper-icon-button.ytmusic-like-button-renderer
 {
   color: var(--ctp-text) !important;

diff --git a/src/latte.css b/src/latte.css
@@ -302,6 +302,20 @@ yt-icon.icon.style-scope.ytmusic-play-button-renderer {
   fill: var(--ctp-base) !important;
 }
 
+.play-button .yt-spec-button-shape-next__icon > yt-icon
+{
+  fill: var(--ctp-base) !important;
+}
+
+.radio-button .yt-spec-button-shape-next__icon > yt-icon
+{
+  fill: var(--ctp-base) !important;
+}
+
+ytmusic-tabs.stuck {
+	background-color: var(--catppuccin-mantle) !important;
+}
+
 paper-icon-button.ytmusic-like-button-renderer
 {
   color: var(--ctp-text) !important;

diff --git a/src/macchiato.css b/src/macchiato.css
@@ -302,6 +302,20 @@ yt-icon.icon.style-scope.ytmusic-play-button-renderer {
   fill: var(--ctp-base) !important;
 }
 
+.play-button .yt-spec-button-shape-next__icon > yt-icon
+{
+  fill: var(--ctp-base) !important;
+}
+
+.radio-button .yt-spec-button-shape-next__icon > yt-icon
+{
+  fill: var(--ctp-base) !important;
+}
+
+ytmusic-tabs.stuck {
+	background-color: var(--catppuccin-mantle) !important;
+}
+
 paper-icon-button.ytmusic-like-button-renderer
 {
   color: var(--ctp-text) !important;

diff --git a/src/mocha.css b/src/mocha.css
@@ -302,6 +302,20 @@ yt-icon.icon.style-scope.ytmusic-play-button-renderer {
   fill: var(--ctp-base) !important;
 }
 
+.play-button .yt-spec-button-shape-next__icon > yt-icon
+{
+  fill: var(--ctp-base) !important;
+}
+
+.radio-button .yt-spec-button-shape-next__icon > yt-icon
+{
+  fill: var(--ctp-base) !important;
+}
+
+ytmusic-tabs.stuck {
+	background-color: var(--catppuccin-mantle) !important;
+}
+
 paper-icon-button.ytmusic-like-button-renderer
 {
   color: var(--ctp-text) !important;

diff --git a/youtubemusic.tera b/youtubemusic.tera
@@ -290,6 +290,20 @@ yt-icon.icon.style-scope.ytmusic-play-button-renderer {
   fill: var(--ctp-base) !important;
 }
 
+.play-button .yt-spec-button-shape-next__icon > yt-icon
+{
+  fill: var(--ctp-base) !important;
+}
+
+.radio-button .yt-spec-button-shape-next__icon > yt-icon
+{
+  fill: var(--ctp-base) !important;
+}
+
+ytmusic-tabs.stuck {
+	background-color: var(--catppuccin-mantle) !important;
+}
+
 paper-icon-button.ytmusic-like-button-renderer
 {
   color: var(--ctp-text) !important;