Darken

2018-04-21 10:10:04 +09:00
parent dd509333a3
commit 4bf85a0e6b
3 changed files with 21 additions and 6 deletions
--- a/src/client/app/common/views/components/poll-editor.vue
+++ b/src/client/app/common/views/components/poll-editor.vue
@ -69,7 +69,7 @@ export default Vue.extend({
 <style lang="stylus" scoped>
@import '~const.styl'

-.mk-poll-editor
+root(isDark)
 	padding 8px

 	> .caution
@ -102,6 +102,8 @@ export default Vue.extend({
 				padding 6px 8px
 				width 300px
 				font-size 14px
+				color isDark ? #fff : #000
+				background isDark ? #191b22 : #fff
 				border solid 1px rgba($theme-color, 0.1)
 				border-radius 4px

@ -139,4 +141,10 @@ export default Vue.extend({
 		&:active
 			color darken($theme-color, 30%)

+.mk-poll-editor[data-darkmode]
+	root(true)
+
+.mk-poll-editor:not([data-darkmode])
+	root(false)
+
 </style>