From 31d563fa7136c57fa562a5a4662691279ee6adef Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Tue, 8 Aug 2023 20:49:24 +0200
Subject: [PATCH] Mastodon v4.2.0 support: user role badges

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

diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index a599378..4cd08ff 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -2099,9 +2099,11 @@ body.layout-single-column  {
     background-color: var(--color-accent-bg);
 }
 .layout-single-column .account__header__badges .account-role {
-    color: var(--color-content-fg);
     border-radius: 8px;
 }
+.layout-single-column .account__header__badges .account-role span {
+    color: var(--color-content-fg);
+}
 .layout-single-column .account__header__extra__links a,
 .layout-single-column .account__header__bio .account__header__content,
 .layout-single-column .account__header__bio .account__header__fields dd {
diff --git a/TangerineUI.css b/TangerineUI.css
index eea9565..f30c3cc 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -2099,9 +2099,11 @@ body.layout-single-column  {
     background-color: var(--color-accent-bg);
 }
 .layout-single-column .account__header__badges .account-role {
-    color: var(--color-content-fg);
     border-radius: 8px;
 }
+.layout-single-column .account__header__badges .account-role span {
+    color: var(--color-content-fg);
+}
 .layout-single-column .account__header__extra__links a,
 .layout-single-column .account__header__bio .account__header__content,
 .layout-single-column .account__header__bio .account__header__fields dd {
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 a599378..4cd08ff 100644
--- a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
+++ b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
@@ -2099,9 +2099,11 @@ body.layout-single-column  {
     background-color: var(--color-accent-bg);
 }
 .layout-single-column .account__header__badges .account-role {
-    color: var(--color-content-fg);
     border-radius: 8px;
 }
+.layout-single-column .account__header__badges .account-role span {
+    color: var(--color-content-fg);
+}
 .layout-single-column .account__header__extra__links a,
 .layout-single-column .account__header__bio .account__header__content,
 .layout-single-column .account__header__bio .account__header__fields dd {
diff --git a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
index eea9565..f30c3cc 100644
--- a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
+++ b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
@@ -2099,9 +2099,11 @@ body.layout-single-column  {
     background-color: var(--color-accent-bg);
 }
 .layout-single-column .account__header__badges .account-role {
-    color: var(--color-content-fg);
     border-radius: 8px;
 }
+.layout-single-column .account__header__badges .account-role span {
+    color: var(--color-content-fg);
+}
 .layout-single-column .account__header__extra__links a,
 .layout-single-column .account__header__bio .account__header__content,
 .layout-single-column .account__header__bio .account__header__fields dd {