Support darkmode

This commit is contained in:
syuilo 2018-09-04 11:24:39 +09:00
parent a9ae9a65c8
commit a5eb19c878
1 changed files with 9 additions and 8 deletions

View File

@ -1,5 +1,5 @@
<template>
<div class="mkw-broadcast"
<div class="anltbovirfeutcigvwgmgxipejaeozxi"
:data-found="broadcasts.length != 0"
:data-melt="props.design == 1"
:data-mobile="platform == 'mobile'"
@ -25,7 +25,6 @@
<script lang="ts">
import define from '../../../common/define-widget';
import { lang } from '../../../config';
export default define({
name: 'broadcast',
@ -67,7 +66,7 @@ export default define({
</script>
<style lang="stylus" scoped>
.mkw-broadcast
root(isDark)
padding 10px
border solid 1px #4078c0
border-radius 6px
@ -134,15 +133,11 @@ export default define({
z-index 1
margin 0
font-size 0.7em
color #555
color isDark ? #fff : #555
&.fetching
text-align center
a
color #555
text-decoration underline
> a
display block
font-size 0.7em
@ -151,4 +146,10 @@ export default define({
> p
color #fff
.anltbovirfeutcigvwgmgxipejaeozxi[data-darkmode]
root(true)
.anltbovirfeutcigvwgmgxipejaeozxi:not([data-darkmode])
root(false)
</style>