From 1d60a7c8a561ed7a906fb961e73ab9dac9bbe000 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Sat, 25 Nov 2023 13:07:22 +0100
Subject: [PATCH] Fixed close button color in light mode on dismissable banners

---
 TangerineUI-cherry.css | 11 +++++++++--
 TangerineUI-purple.css | 11 +++++++++--
 TangerineUI.css        | 11 +++++++++--
 3 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
index 62f65a7..aeb0709 100644
--- a/TangerineUI-cherry.css
+++ b/TangerineUI-cherry.css
@@ -3277,10 +3277,14 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     margin-top: 10px;
     margin-bottom: 8px;
 }
-.app-body .dismissable-banner__message {
-    color: var(--color-content-fg);
+.app-body .dismissable-banner__message,
+.app-body .dismissable-banner .dismissable-banner__action .icon-button {
+    color: var(--color-accent-fg);
     font-weight: normal;
 }
+.app-body .dismissable-banner .dismissable-banner__action .icon-button:hover {
+    color: var(--color-accent);
+}
 .app-body .dismissable-banner__message__actions__wrapper {
     flex-flow: row-reverse;
 }
@@ -3293,6 +3297,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 .app-body .dismissable-banner:has(.dismissable-banner__message > img:first-child) .dismissable-banner__action .icon-button {
     color: var(--color-accent);
 }
+.app-body .dismissable-banner:has(.dismissable-banner__message > img:first-child) .dismissable-banner__message {
+    color: var(--color-content-fg);
+}
 .app-body .dismissable-banner__background-image {
     display: none;
 }
diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index 16b7011..8a10a64 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -3277,10 +3277,14 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     margin-top: 10px;
     margin-bottom: 8px;
 }
-.app-body .dismissable-banner__message {
-    color: var(--color-content-fg);
+.app-body .dismissable-banner__message,
+.app-body .dismissable-banner .dismissable-banner__action .icon-button {
+    color: var(--color-accent-fg);
     font-weight: normal;
 }
+.app-body .dismissable-banner .dismissable-banner__action .icon-button:hover {
+    color: var(--color-accent);
+}
 .app-body .dismissable-banner__message__actions__wrapper {
     flex-flow: row-reverse;
 }
@@ -3293,6 +3297,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 .app-body .dismissable-banner:has(.dismissable-banner__message > img:first-child) .dismissable-banner__action .icon-button {
     color: var(--color-accent);
 }
+.app-body .dismissable-banner:has(.dismissable-banner__message > img:first-child) .dismissable-banner__message {
+    color: var(--color-content-fg);
+}
 .app-body .dismissable-banner__background-image {
     display: none;
 }
diff --git a/TangerineUI.css b/TangerineUI.css
index c3fbeca..de8ea65 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -3277,10 +3277,14 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     margin-top: 10px;
     margin-bottom: 8px;
 }
-.app-body .dismissable-banner__message {
-    color: var(--color-content-fg);
+.app-body .dismissable-banner__message,
+.app-body .dismissable-banner .dismissable-banner__action .icon-button {
+    color: var(--color-accent-fg);
     font-weight: normal;
 }
+.app-body .dismissable-banner .dismissable-banner__action .icon-button:hover {
+    color: var(--color-accent);
+}
 .app-body .dismissable-banner__message__actions__wrapper {
     flex-flow: row-reverse;
 }
@@ -3293,6 +3297,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 .app-body .dismissable-banner:has(.dismissable-banner__message > img:first-child) .dismissable-banner__action .icon-button {
     color: var(--color-accent);
 }
+.app-body .dismissable-banner:has(.dismissable-banner__message > img:first-child) .dismissable-banner__message {
+    color: var(--color-content-fg);
+}
 .app-body .dismissable-banner__background-image {
     display: none;
 }