From 0d6eef2edbe1a4b126f3a267d32a098a0264ea05 Mon Sep 17 00:00:00 2001
From: jh-devv <jesper.halenius@jh-devv.com>
Date: Fri, 14 Jun 2024 19:14:39 +0300
Subject: [PATCH] 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
---
 src/frappe.css    | 14 ++++++++++++++
 src/latte.css     | 14 ++++++++++++++
 src/macchiato.css | 14 ++++++++++++++
 src/mocha.css     | 14 ++++++++++++++
 youtubemusic.tera | 14 ++++++++++++++
 5 files changed, 70 insertions(+)

diff --git a/src/frappe.css b/src/frappe.css
index ed2b082..7aa32a6 100644
--- 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
index 5bde068..cc15144 100644
--- 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
index 0c858a0..6de0c66 100644
--- 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
index 554c17f..05f1c22 100644
--- 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
index 401c334..c981d3d 100644
--- 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;