From ec7e2cf82da43f3606788778f106925afa5ab0e5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Fri, 24 Nov 2023 16:52:46 +0100
Subject: [PATCH] Fixed action bar buttons on media modals

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

diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
index 42c6a39..8726f08 100644
--- a/TangerineUI-cherry.css
+++ b/TangerineUI-cherry.css
@@ -448,6 +448,9 @@ body.app-body  {
     background-image: var(--icon-star);
     margin: 0 4px -2px 0;
 }
+.app-body .media-modal__overlay .icon-star {
+    background-image: var(--icon-star);
+}
 /* Boost */
 .app-body .icon-retweet {
     background-image: var(--icon-boost-accent);
@@ -480,6 +483,9 @@ body.app-body  {
     background-image: var(--icon-boost-accent);
     vertical-align: middle;
 }
+.app-body .media-modal__overlay .icon-retweet {
+    background-image: var(--icon-boost);
+}
 /* Reply */
 .app-body .icon-reply,
 .app-body .icon-reply-all {
@@ -488,6 +494,9 @@ body.app-body  {
 .app-body .detailed-status__action-bar :is(.icon-reply, .icon-reply-all) {
     background-image: var(--icon-reply-accent);
 }
+.app-body .media-modal__overlay :is(.icon-reply, .icon-reply-all) {
+    background-image: var(--icon-reply);
+}
 /* Ellipsis */
 .app-body :is(.icon-ellipsis-h, .icon-ellipsis-v) {
     background-image: var(--icon-ellipsis-accent);
diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index 0d857bd..942ce4e 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -448,6 +448,9 @@ body.app-body  {
     background-image: var(--icon-star);
     margin: 0 4px -2px 0;
 }
+.app-body .media-modal__overlay .icon-star {
+    background-image: var(--icon-star);
+}
 /* Boost */
 .app-body .icon-retweet {
     background-image: var(--icon-boost-accent);
@@ -480,6 +483,9 @@ body.app-body  {
     background-image: var(--icon-boost-accent);
     vertical-align: middle;
 }
+.app-body .media-modal__overlay .icon-retweet {
+    background-image: var(--icon-boost);
+}
 /* Reply */
 .app-body .icon-reply,
 .app-body .icon-reply-all {
@@ -488,6 +494,9 @@ body.app-body  {
 .app-body .detailed-status__action-bar :is(.icon-reply, .icon-reply-all) {
     background-image: var(--icon-reply-accent);
 }
+.app-body .media-modal__overlay :is(.icon-reply, .icon-reply-all) {
+    background-image: var(--icon-reply);
+}
 /* Ellipsis */
 .app-body :is(.icon-ellipsis-h, .icon-ellipsis-v) {
     background-image: var(--icon-ellipsis-accent);
diff --git a/TangerineUI.css b/TangerineUI.css
index c3b91c5..af0205d 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -448,6 +448,9 @@ body.app-body  {
     background-image: var(--icon-star);
     margin: 0 4px -2px 0;
 }
+.app-body .media-modal__overlay .icon-star {
+    background-image: var(--icon-star);
+}
 /* Boost */
 .app-body .icon-retweet {
     background-image: var(--icon-boost-accent);
@@ -480,6 +483,9 @@ body.app-body  {
     background-image: var(--icon-boost-accent);
     vertical-align: middle;
 }
+.app-body .media-modal__overlay .icon-retweet {
+    background-image: var(--icon-boost);
+}
 /* Reply */
 .app-body .icon-reply,
 .app-body .icon-reply-all {
@@ -488,6 +494,9 @@ body.app-body  {
 .app-body .detailed-status__action-bar :is(.icon-reply, .icon-reply-all) {
     background-image: var(--icon-reply-accent);
 }
+.app-body .media-modal__overlay :is(.icon-reply, .icon-reply-all) {
+    background-image: var(--icon-reply);
+}
 /* Ellipsis */
 .app-body :is(.icon-ellipsis-h, .icon-ellipsis-v) {
     background-image: var(--icon-ellipsis-accent);