From 1aeddade6cdf2a21c00f083732e216206ede2aea Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Thu, 21 Sep 2023 21:21:47 +0200
Subject: [PATCH] Accent color for role badges

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

diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index 3ff45f4..252ec1d 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -2245,6 +2245,8 @@ body.layout-single-column  {
 }
 .layout-single-column .account__header__badges .account-role {
     border-radius: 8px;
+    border-color: var(--color-accent);
+    color: var(--color-accent);
 }
 .layout-single-column .account__header__badges .account-role span {
     color: var(--color-content-fg);
diff --git a/TangerineUI.css b/TangerineUI.css
index d94ceef..19bdb78 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -2245,6 +2245,8 @@ body.layout-single-column  {
 }
 .layout-single-column .account__header__badges .account-role {
     border-radius: 8px;
+    border-color: var(--color-accent);
+    color: var(--color-accent);
 }
 .layout-single-column .account__header__badges .account-role span {
     color: var(--color-content-fg);
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 3ff45f4..252ec1d 100644
--- a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
+++ b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
@@ -2245,6 +2245,8 @@ body.layout-single-column  {
 }
 .layout-single-column .account__header__badges .account-role {
     border-radius: 8px;
+    border-color: var(--color-accent);
+    color: var(--color-accent);
 }
 .layout-single-column .account__header__badges .account-role span {
     color: var(--color-content-fg);
diff --git a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
index d94ceef..19bdb78 100644
--- a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
+++ b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
@@ -2245,6 +2245,8 @@ body.layout-single-column  {
 }
 .layout-single-column .account__header__badges .account-role {
     border-radius: 8px;
+    border-color: var(--color-accent);
+    color: var(--color-accent);
 }
 .layout-single-column .account__header__badges .account-role span {
     color: var(--color-content-fg);