From ba93bfa935a7049841a46176e2777833b2ca90b7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Thu, 16 Nov 2023 00:48:02 +0100
Subject: [PATCH] Counter color matches the icon color when active

---
 TangerineUI-purple.css                              | 13 +++++++++++++
 TangerineUI.css                                     | 13 +++++++++++++
 .../tangerineui-purple/layout-single-column.scss    | 13 +++++++++++++
 .../styles/tangerineui/layout-single-column.scss    | 13 +++++++++++++
 4 files changed, 52 insertions(+)

diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index a729b43..97642dc 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -1390,6 +1390,19 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     padding-right: 4px;
     margin-right: 2px;
 }
+.layout-single-column
+    :is(.status__action-bar, .detailed-status__action-bar)
+    .active
+    .icon-retweet + .icon-button__counter > .animated-number {
+    color: #D3487F;
+}
+.layout-single-column
+    :is(.status__action-bar, .detailed-status__action-bar)
+    .active
+    .icon-star + .icon-button__counter
+    > .animated-number {
+    color: #EBBB59;
+}
 .layout-single-column .detailed-status__meta .animated-number {
     transform: translate(0, -1px);
 }
diff --git a/TangerineUI.css b/TangerineUI.css
index 8ec7f96..db30deb 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -1390,6 +1390,19 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     padding-right: 4px;
     margin-right: 2px;
 }
+.layout-single-column
+    :is(.status__action-bar, .detailed-status__action-bar)
+    .active
+    .icon-retweet + .icon-button__counter > .animated-number {
+    color: #D3487F;
+}
+.layout-single-column
+    :is(.status__action-bar, .detailed-status__action-bar)
+    .active
+    .icon-star + .icon-button__counter
+    > .animated-number {
+    color: #EBBB59;
+}
 .layout-single-column .detailed-status__meta .animated-number {
     transform: translate(0, -1px);
 }
diff --git a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
index a729b43..97642dc 100644
--- a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
+++ b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
@@ -1390,6 +1390,19 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     padding-right: 4px;
     margin-right: 2px;
 }
+.layout-single-column
+    :is(.status__action-bar, .detailed-status__action-bar)
+    .active
+    .icon-retweet + .icon-button__counter > .animated-number {
+    color: #D3487F;
+}
+.layout-single-column
+    :is(.status__action-bar, .detailed-status__action-bar)
+    .active
+    .icon-star + .icon-button__counter
+    > .animated-number {
+    color: #EBBB59;
+}
 .layout-single-column .detailed-status__meta .animated-number {
     transform: translate(0, -1px);
 }
diff --git a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
index 8ec7f96..db30deb 100644
--- a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
+++ b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
@@ -1390,6 +1390,19 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     padding-right: 4px;
     margin-right: 2px;
 }
+.layout-single-column
+    :is(.status__action-bar, .detailed-status__action-bar)
+    .active
+    .icon-retweet + .icon-button__counter > .animated-number {
+    color: #D3487F;
+}
+.layout-single-column
+    :is(.status__action-bar, .detailed-status__action-bar)
+    .active
+    .icon-star + .icon-button__counter
+    > .animated-number {
+    color: #EBBB59;
+}
 .layout-single-column .detailed-status__meta .animated-number {
     transform: translate(0, -1px);
 }