[wip] darkmode
This commit is contained in:
@ -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>
|
||||
|
Reference in New Issue
Block a user