[wip] darkmode

This commit is contained in:
syuilo
2018-04-20 04:51:04 +09:00
parent 2145730409
commit 5ace37e3db
8 changed files with 106 additions and 77 deletions

View File

@ -109,10 +109,10 @@ export default define({
<style lang="stylus" scoped>
@import '~const.styl'
.mkw-calendar
root(isDark)
padding 16px 0
color #777
background #fff
color isDark ? #c5ced6 :#777
background isDark ? #282C37 : #fff
border solid 1px rgba(0, 0, 0, 0.075)
border-radius 6px
@ -171,7 +171,7 @@ export default define({
margin 0 0 2px 0
font-size 12px
line-height 18px
color #888
color isDark ? #7a8692 : #888
> b
margin-left 2px
@ -179,7 +179,7 @@ export default define({
> .meter
width 100%
overflow hidden
background #eee
background isDark ? #1c1f25 : #eee
border-radius 8px
> .val
@ -198,4 +198,10 @@ export default define({
> .meter > .val
background #41ddde
.mkw-calendar[data-darkmode]
root(true)
.mkw-calendar:not([data-darkmode])
root(false)
</style>