From c7c1401390927aaf186b0d7ad4b4d0d8fe91228f Mon Sep 17 00:00:00 2001
From: atsu1125 <atsuchan@atsuchan.page>
Date: Tue, 11 Oct 2022 13:54:07 +0900
Subject: [PATCH] Fix: missing Add badges to glitch and atsu1125 specific
 settings

---
 .../flavours/glitch/styles/accounts.scss         | 16 ++++++++++++++++
 app/javascript/flavours/glitch/styles/forms.scss |  2 ++
 .../flavours/glitch/styles/variables.scss        |  2 ++
 3 files changed, 20 insertions(+)

diff --git a/app/javascript/flavours/glitch/styles/accounts.scss b/app/javascript/flavours/glitch/styles/accounts.scss
index 56b143fe6284a4..fc939f24f8f03a 100644
--- a/app/javascript/flavours/glitch/styles/accounts.scss
+++ b/app/javascript/flavours/glitch/styles/accounts.scss
@@ -204,6 +204,10 @@
 }
 
 .account-role,
+.glitch_features,
+.atsu1125_features,
+.simple_form .glitch_features,
+.simple_form .atsu1125_features,
 .simple_form .recommended {
   display: inline-block;
   padding: 4px 6px;
@@ -229,6 +233,18 @@
   }
 }
 
+.glitch_features,
+.simple_form .glitch_features {
+  background-color: rgba($glitch-theme-color, 0.1);
+  border: 1px solid $glitch-theme-color;
+}
+
+.atsu1125_features,
+.simple_form .atsu1125_features {
+  background-color: rgba($atsu1125-theme-color, 0.1);
+  border: 1px solid $atsu1125-theme-color;
+}
+
 .account__header__fields {
   max-width: 100vw;
   padding: 0;
diff --git a/app/javascript/flavours/glitch/styles/forms.scss b/app/javascript/flavours/glitch/styles/forms.scss
index 64d441fb25d827..cace6b09771cf4 100644
--- a/app/javascript/flavours/glitch/styles/forms.scss
+++ b/app/javascript/flavours/glitch/styles/forms.scss
@@ -102,6 +102,8 @@ code {
         }
       }
 
+      .glitch_features,
+      .atsu1125_features,
       .recommended {
         position: absolute;
         margin: 0 4px;
diff --git a/app/javascript/flavours/glitch/styles/variables.scss b/app/javascript/flavours/glitch/styles/variables.scss
index 6e242281b95c4c..6cbb48bd84dd8e 100644
--- a/app/javascript/flavours/glitch/styles/variables.scss
+++ b/app/javascript/flavours/glitch/styles/variables.scss
@@ -5,6 +5,8 @@ $success-green: #79bd9a;    // Padua
 $error-red: #df405a;        // Cerise
 $warning-red: #ff5050;      // Sunset Orange
 $gold-star: #ca8f04;        // Dark Goldenrod
+$glitch-theme-color: #00fa9a;
+$atsu1125-theme-color: #00ffff;
 
 $red-bookmark: $warning-red;