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