From 676e6da3a539a3a537fa1060c63ea11568e39973 Mon Sep 17 00:00:00 2001
From: eugenijm <eugenijm@protonmail.com>
Date: Tue, 5 Feb 2019 03:28:44 +0300
Subject: [PATCH] Add theming support for admin/moderator badges

---
 .../user_card_content/user_card_content.vue       | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/src/components/user_card_content/user_card_content.vue b/src/components/user_card_content/user_card_content.vue
index 0b4d0d21..af9941e6 100644
--- a/src/components/user_card_content/user_card_content.vue
+++ b/src/components/user_card_content/user_card_content.vue
@@ -20,7 +20,7 @@
 
           <router-link class='user-screen-name' :to="userProfileLink(user)">
             <span class="handle">@{{user.screen_name}}
-              <span class="staff" v-if="!!visibleRole">{{visibleRole}}</span>
+              <span class="alert staff" v-if="!!visibleRole">{{visibleRole}}</span>
             </span><span v-if="user.locked"><i class="icon icon-lock"></i></span>
             <span v-if="!hideUserStatsLocal && !hideBio" class="dailyAvg">{{dailyAvg}} {{ $t('user_card.per_day') }}</span>
           </router-link>
@@ -251,15 +251,10 @@
     }
 
     .staff {
-      border: 1px solid $admin-border-color;
-      color: $admin-color;
-      text-transform: capitalize;
-      background-color: $admin-background-color;
-      line-height: 12px;
-      border-radius: 3px;
-      font-size: 12px;
-      padding: 4px 6px;
-      margin-left: 5px;
+      color: $fallback--text;
+      color: var(--btnText, $fallback--text);
+      background-color: $fallback--fg;
+      background-color: var(--btn, $fallback--fg);
     }
   }