diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2018-05-23 15:58:53 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2018-05-23 15:58:53 +0900 |
| commit | 9f37149369c915ea9a94e3f67ff8a6294f77e3fa (patch) | |
| tree | 4624c3693069bd4d4c5d24899fb87428e4af23d6 /src/client/app/common | |
| parent | :art: (diff) | |
| download | misskey-9f37149369c915ea9a94e3f67ff8a6294f77e3fa.tar.gz misskey-9f37149369c915ea9a94e3f67ff8a6294f77e3fa.tar.bz2 misskey-9f37149369c915ea9a94e3f67ff8a6294f77e3fa.zip | |
:art:
Diffstat (limited to 'src/client/app/common')
| -rw-r--r-- | src/client/app/common/views/components/welcome-timeline.vue | 20 |
1 files changed, 13 insertions, 7 deletions
diff --git a/src/client/app/common/views/components/welcome-timeline.vue b/src/client/app/common/views/components/welcome-timeline.vue index 0f1fc05f59..cad59d24f0 100644 --- a/src/client/app/common/views/components/welcome-timeline.vue +++ b/src/client/app/common/views/components/welcome-timeline.vue @@ -53,15 +53,15 @@ export default Vue.extend({ </script> <style lang="stylus" scoped> -.mk-welcome-timeline - background #fff +root(isDark) + background isDark ? #282C37 : #fff > div padding 16px overflow-wrap break-word font-size .9em - color #4C4C4C - border-bottom 1px solid rgba(#000, 0.05) + color isDark ? #fff : #4C4C4C + border-bottom 1px solid isDark ? rgba(#000, 0.1) : rgba(#000, 0.05) &:after content "" @@ -96,17 +96,23 @@ export default Vue.extend({ overflow hidden font-weight bold text-overflow ellipsis - color #627079 + color isDark ? #fff : #627079 > .username margin 0 .5em 0 0 - color #ccc + color isDark ? #606984 : #ccc > .info margin-left auto font-size 0.9em > .created-at - color #c0c0c0 + color isDark ? #606984 : #c0c0c0 + +.mk-welcome-timeline[data-darkmode] + root(true) + +.mk-welcome-timeline:not([data-darkmode]) + root(false) </style> |