diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2018-04-20 03:41:24 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2018-04-20 03:41:24 +0900 |
| commit | f2fea7f3cd5a131f994ad9bc1d2b4833865dd165 (patch) | |
| tree | be47b9e8aa5bcf8d400960a75adcfea30b5982dc /src/client/app/desktop/views/components/timeline.vue | |
| parent | :art: (diff) | |
| download | misskey-f2fea7f3cd5a131f994ad9bc1d2b4833865dd165.tar.gz misskey-f2fea7f3cd5a131f994ad9bc1d2b4833865dd165.tar.bz2 misskey-f2fea7f3cd5a131f994ad9bc1d2b4833865dd165.zip | |
[wip] darkmode
Diffstat (limited to 'src/client/app/desktop/views/components/timeline.vue')
| -rw-r--r-- | src/client/app/desktop/views/components/timeline.vue | 16 |
1 files changed, 12 insertions, 4 deletions
diff --git a/src/client/app/desktop/views/components/timeline.vue b/src/client/app/desktop/views/components/timeline.vue index c99fabcc60..12f928d15d 100644 --- a/src/client/app/desktop/views/components/timeline.vue +++ b/src/client/app/desktop/views/components/timeline.vue @@ -66,14 +66,16 @@ export default Vue.extend({ <style lang="stylus" scoped> @import '~const.styl' -.mk-timeline - background #fff +root(isDark) + background isDark ? #282C37 : #fff border solid 1px rgba(0, 0, 0, 0.075) border-radius 6px > header padding 0 8px z-index 10 + background isDark ? #313543 : #fff + border-radius 6px 6px 0 0 box-shadow 0 1px rgba(0, 0, 0, 0.08) > span @@ -99,10 +101,16 @@ export default Vue.extend({ background $theme-color &:not([data-is-active]) - color #6f7477 + color isDark ? #9aa2a7 : #6f7477 cursor pointer &:hover - color #525a5f + color isDark ? #d9dcde : #525a5f + +.mk-timeline[data-darkmode] + root(true) + +.mk-timeline:not([data-darkmode]) + root(false) </style> |