From a38e5344ed34044a477fd21c8bee154798672cf7 Mon Sep 17 00:00:00 2001
From: nileane <nileane@users.noreply.github.com>
Date: Mon, 11 Dec 2023 00:49:39 +0000
Subject: [PATCH] Copy CSS files to installation folder

---
 .../tangerineui-cherry/tangerineui-cherry.scss    | 15 ++++++++++++---
 .../tangerineui-purple/tangerineui-purple.scss    | 15 ++++++++++++---
 .../styles/tangerineui/tangerineui.scss           | 15 ++++++++++++---
 3 files changed, 36 insertions(+), 9 deletions(-)

diff --git a/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss b/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss
index 7e48432..3f0bad5 100644
--- a/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss
+++ b/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss
@@ -4487,15 +4487,21 @@ a:is(.active,
 }
 .app-body .announcements__item__unread {
     color: var(--color-accent);
+    background-color: var(--color-accent);
 }
 .app-body .announcements__pagination,
 .app-body .announcements__pagination .icon-button {
     color: var(--color-content-fg);
 }
-.app-body .announcements__mastodon {
-    border-radius: 0 0 0 8px;
-}
+.app-body .announcements__pagination > * {
+    vertical-align: middle;
+} 
 .app-body .reactions-bar__item {
+    background-color: var(--color-accent-bg);
+    border-radius: 8px;
+    padding: 2px 8px;
+}
+.app-body .reactions-bar__item:is(:active, :hover, :focus) {
     background-color: var(--color-content-bg);
 }
 .app-body .reactions-bar__item.active {
@@ -4503,6 +4509,9 @@ a:is(.active,
 }
 .app-body .reactions-bar__item__count,
 .app-body .reactions-bar__item__count .animated-number {
+    color: var(--color-accent);
+}
+.app-body .reactions-bar__item:is(:active, :hover, :focus) .reactions-bar__item__count .animated-number {
     color: var(--color-content-fg);
 }
 .app-body .reactions-bar__item.active .reactions-bar__item__count .animated-number {
diff --git a/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss b/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss
index 6228398..fbf7603 100644
--- a/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss
+++ b/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss
@@ -4486,15 +4486,21 @@ a:is(.active,
 }
 .app-body .announcements__item__unread {
     color: var(--color-accent);
+    background-color: var(--color-accent);
 }
 .app-body .announcements__pagination,
 .app-body .announcements__pagination .icon-button {
     color: var(--color-content-fg);
 }
-.app-body .announcements__mastodon {
-    border-radius: 0 0 0 8px;
-}
+.app-body .announcements__pagination > * {
+    vertical-align: middle;
+} 
 .app-body .reactions-bar__item {
+    background-color: var(--color-accent-bg);
+    border-radius: 8px;
+    padding: 2px 8px;
+}
+.app-body .reactions-bar__item:is(:active, :hover, :focus) {
     background-color: var(--color-content-bg);
 }
 .app-body .reactions-bar__item.active {
@@ -4502,6 +4508,9 @@ a:is(.active,
 }
 .app-body .reactions-bar__item__count,
 .app-body .reactions-bar__item__count .animated-number {
+    color: var(--color-accent);
+}
+.app-body .reactions-bar__item:is(:active, :hover, :focus) .reactions-bar__item__count .animated-number {
     color: var(--color-content-fg);
 }
 .app-body .reactions-bar__item.active .reactions-bar__item__count .animated-number {
diff --git a/mastodon/app/javascript/styles/tangerineui/tangerineui.scss b/mastodon/app/javascript/styles/tangerineui/tangerineui.scss
index 29e53d1..db54449 100644
--- a/mastodon/app/javascript/styles/tangerineui/tangerineui.scss
+++ b/mastodon/app/javascript/styles/tangerineui/tangerineui.scss
@@ -4486,15 +4486,21 @@ a:is(.active,
 }
 .app-body .announcements__item__unread {
     color: var(--color-accent);
+    background-color: var(--color-accent);
 }
 .app-body .announcements__pagination,
 .app-body .announcements__pagination .icon-button {
     color: var(--color-content-fg);
 }
-.app-body .announcements__mastodon {
-    border-radius: 0 0 0 8px;
-}
+.app-body .announcements__pagination > * {
+    vertical-align: middle;
+} 
 .app-body .reactions-bar__item {
+    background-color: var(--color-accent-bg);
+    border-radius: 8px;
+    padding: 2px 8px;
+}
+.app-body .reactions-bar__item:is(:active, :hover, :focus) {
     background-color: var(--color-content-bg);
 }
 .app-body .reactions-bar__item.active {
@@ -4502,6 +4508,9 @@ a:is(.active,
 }
 .app-body .reactions-bar__item__count,
 .app-body .reactions-bar__item__count .animated-number {
+    color: var(--color-accent);
+}
+.app-body .reactions-bar__item:is(:active, :hover, :focus) .reactions-bar__item__count .animated-number {
     color: var(--color-content-fg);
 }
 .app-body .reactions-bar__item.active .reactions-bar__item__count .animated-number {