diff --git a/src/client/components/mention.vue b/src/client/components/mention.vue index 8c939f839a..0303e0e5b5 100644 --- a/src/client/components/mention.vue +++ b/src/client/components/mention.vue @@ -1,5 +1,5 @@ <template> -<router-link class="ldlomzub" :to="url" v-user-preview="canonical" v-if="url.startsWith('/')"> +<router-link class="ldlomzub" :class="{ isMe }" :to="url" v-user-preview="canonical" v-if="url.startsWith('/')"> <span class="me" v-if="isMe">{{ $t('you') }}</span> <span class="main"> <span class="username">@{{ username }}</span> @@ -63,6 +63,10 @@ export default Vue.extend({ <style lang="scss" scoped> .ldlomzub { color: var(--mention); + + &.isMe { + color: var(--mentionMe); + } > .me { pointer-events: none; diff --git a/src/client/themes/_dark.json5 b/src/client/themes/_dark.json5 index b059d53be2..ac2a9bc46a 100644 --- a/src/client/themes/_dark.json5 +++ b/src/client/themes/_dark.json5 @@ -29,6 +29,7 @@ link: '#44a4c1', hashtag: '#ff9156', mention: '@accent', + mentionMe: '@mention', renote: '#229e82', modalBg: 'rgba(0, 0, 0, 0.5)', divider: 'rgba(255, 255, 255, 0.1)', diff --git a/src/client/themes/_light.json5 b/src/client/themes/_light.json5 index dea1b335c1..dcd42506f6 100644 --- a/src/client/themes/_light.json5 +++ b/src/client/themes/_light.json5 @@ -29,6 +29,7 @@ link: '#44a4c1', hashtag: '#ff9156', mention: '@accent', + mentionMe: '@mention', renote: '#229e82', modalBg: 'rgba(0, 0, 0, 0.3)', divider: 'rgba(0, 0, 0, 0.1)',