feat(theme): Add mentionMe property

This commit is contained in:
syuilo 2020-06-04 22:19:08 +09:00
parent 010e1b3ba4
commit 071c7e6a58
3 changed files with 7 additions and 1 deletions

View file

@ -1,5 +1,5 @@
<template> <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="me" v-if="isMe">{{ $t('you') }}</span>
<span class="main"> <span class="main">
<span class="username">@{{ username }}</span> <span class="username">@{{ username }}</span>
@ -63,6 +63,10 @@ export default Vue.extend({
<style lang="scss" scoped> <style lang="scss" scoped>
.ldlomzub { .ldlomzub {
color: var(--mention); color: var(--mention);
&.isMe {
color: var(--mentionMe);
}
> .me { > .me {
pointer-events: none; pointer-events: none;

View file

@ -29,6 +29,7 @@
link: '#44a4c1', link: '#44a4c1',
hashtag: '#ff9156', hashtag: '#ff9156',
mention: '@accent', mention: '@accent',
mentionMe: '@mention',
renote: '#229e82', renote: '#229e82',
modalBg: 'rgba(0, 0, 0, 0.5)', modalBg: 'rgba(0, 0, 0, 0.5)',
divider: 'rgba(255, 255, 255, 0.1)', divider: 'rgba(255, 255, 255, 0.1)',

View file

@ -29,6 +29,7 @@
link: '#44a4c1', link: '#44a4c1',
hashtag: '#ff9156', hashtag: '#ff9156',
mention: '@accent', mention: '@accent',
mentionMe: '@mention',
renote: '#229e82', renote: '#229e82',
modalBg: 'rgba(0, 0, 0, 0.3)', modalBg: 'rgba(0, 0, 0, 0.3)',
divider: 'rgba(0, 0, 0, 0.1)', divider: 'rgba(0, 0, 0, 0.1)',