diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2018-09-27 01:54:10 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2018-09-27 01:54:10 +0900 |
| commit | 3304cc106ec75c2bfceeb47336afc250fc392c86 (patch) | |
| tree | f8f4236b63e607a69d9f53c12ff5a9e49cb039c5 /src/client/app | |
| parent | wip (diff) | |
| download | misskey-3304cc106ec75c2bfceeb47336afc250fc392c86.tar.gz misskey-3304cc106ec75c2bfceeb47336afc250fc392c86.tar.bz2 misskey-3304cc106ec75c2bfceeb47336afc250fc392c86.zip | |
wip
Diffstat (limited to 'src/client/app')
| -rw-r--r-- | src/client/app/common/views/components/avatar.vue | 13 |
1 files changed, 5 insertions, 8 deletions
diff --git a/src/client/app/common/views/components/avatar.vue b/src/client/app/common/views/components/avatar.vue index a2b0fc6bd3..ca09af87de 100644 --- a/src/client/app/common/views/components/avatar.vue +++ b/src/client/app/common/views/components/avatar.vue @@ -58,6 +58,9 @@ export default Vue.extend({ }; } }, + mounted() { + this.$el.style.color = `rgb(${this.user.avatarColor.slice(0, 3).join(',')})`; + }, methods: { onClick(e) { this.$emit('click', e); @@ -67,8 +70,7 @@ export default Vue.extend({ </script> <style lang="stylus" scoped> - -root(isDark) +.mk-avatar display inline-block vertical-align bottom @@ -79,7 +81,7 @@ root(isDark) &.cat::before, &.cat::after background #df548f - border solid 4px isDark ? #e0eefd : #202224 + border solid 4px currentColor box-sizing border-box content '' display inline-block @@ -105,9 +107,4 @@ root(isDark) transition border-radius 1s ease z-index 1 -.mk-avatar[data-darkmode] - root(true) - -.mk-avatar:not([data-darkmode]) - root(false) </style> |