diff --git a/src/client/components/note-header.vue b/src/client/components/note-header.vue index 623de0ecd..977aae10f 100644 --- a/src/client/components/note-header.vue +++ b/src/client/components/note-header.vue @@ -77,23 +77,19 @@ export default Vue.extend({ > .admin, > .moderator { margin-right: 0.5em; + color: var(--badge); } > .username { margin: 0 .5em 0 0; overflow: hidden; text-overflow: ellipsis; - color: var(--noteHeaderAcct); } > .info { margin-left: auto; font-size: 0.9em; - > * { - color: var(--noteHeaderInfo); - } - > .mobile { margin-right: 8px; } diff --git a/src/client/pages/user/index.vue b/src/client/pages/user/index.vue index d9dc5009f..b5981937e 100644 --- a/src/client/pages/user/index.vue +++ b/src/client/pages/user/index.vue @@ -13,8 +13,8 @@ <mk-user-name class="name" :user="user" :nowrap="true"/> <div class="bottom"> <span class="username"><mk-acct :user="user" :detail="true" /></span> - <span v-if="user.isAdmin" :title="$t('isAdmin')"><fa :icon="faBookmark"/></span> - <span v-if="!user.isAdmin && user.isModerator" :title="$t('isModerator')"><fa :icon="farBookmark"/></span> + <span v-if="user.isAdmin" :title="$t('isAdmin')" style="color: var(--badge);"><fa :icon="faBookmark"/></span> + <span v-if="!user.isAdmin && user.isModerator" :title="$t('isModerator')" style="color: var(--badge);"><fa :icon="farBookmark"/></span> <span v-if="user.isLocked" :title="$t('isLocked')"><fa :icon="faLock"/></span> <span v-if="user.isBot" :title="$t('isBot')"><fa :icon="faRobot"/></span> </div> @@ -30,8 +30,8 @@ <mk-user-name :user="user" :nowrap="false" class="name"/> <div class="bottom"> <span class="username"><mk-acct :user="user" :detail="true" /></span> - <span v-if="user.isAdmin" :title="$t('isAdmin')"><fa :icon="faBookmark"/></span> - <span v-if="!user.isAdmin && user.isModerator" :title="$t('isModerator')"><fa :icon="farBookmark"/></span> + <span v-if="user.isAdmin" :title="$t('isAdmin')" style="color: var(--badge);"><fa :icon="faBookmark"/></span> + <span v-if="!user.isAdmin && user.isModerator" :title="$t('isModerator')" style="color: var(--badge);"><fa :icon="farBookmark"/></span> <span v-if="user.isLocked" :title="$t('isLocked')"><fa :icon="faLock"/></span> <span v-if="user.isBot" :title="$t('isBot')"><fa :icon="faRobot"/></span> </div> diff --git a/src/client/themes/_dark.json5 b/src/client/themes/_dark.json5 index 76d078cf9..e4c120bf1 100644 --- a/src/client/themes/_dark.json5 +++ b/src/client/themes/_dark.json5 @@ -47,6 +47,7 @@ listItemHoverBg: 'rgba(255, 255, 255, 0.03)', driveFolderBg: ':alpha<0.3<@accent', wallpaperOverlay: 'rgba(0, 0, 0, 0.5)', + badge: '#31b1ce', bonzsgfz: ':alpha<0<@bg', pcncwizz: ':darken<2<@panel', vocsgcxy: 'rgba(0, 0, 0, 0.5)', diff --git a/src/client/themes/_light.json5 b/src/client/themes/_light.json5 index 6156282ef..3472a268c 100644 --- a/src/client/themes/_light.json5 +++ b/src/client/themes/_light.json5 @@ -47,6 +47,7 @@ listItemHoverBg: 'rgba(0, 0, 0, 0.03)', driveFolderBg: ':alpha<0.3<@accent', wallpaperOverlay: 'rgba(255, 255, 255, 0.5)', + badge: '#31b1ce', bonzsgfz: ':alpha<0<@bg', pcncwizz: ':darken<2<@panel', vocsgcxy: 'rgba(255, 255, 255, 0.5)',