feat(theme): Add mentionMe property
This commit is contained in:
parent
010e1b3ba4
commit
071c7e6a58
|
@ -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>
|
||||||
|
@ -64,6 +64,10 @@ export default Vue.extend({
|
||||||
.ldlomzub {
|
.ldlomzub {
|
||||||
color: var(--mention);
|
color: var(--mention);
|
||||||
|
|
||||||
|
&.isMe {
|
||||||
|
color: var(--mentionMe);
|
||||||
|
}
|
||||||
|
|
||||||
> .me {
|
> .me {
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
|
@ -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)',
|
||||||
|
|
|
@ -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)',
|
||||||
|
|
Loading…
Reference in New Issue