From 0a4b6524936b6de90ba2478ec2208f0b7a2acfb6 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Sun, 15 Jul 2018 01:49:36 +0900
Subject: [PATCH] Darken

Co-Authored-By: tamaina <tamaina@hotmail.co.jp>
---
 .../desktop/views/components/ui.header.search.vue   | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/client/app/desktop/views/components/ui.header.search.vue b/src/client/app/desktop/views/components/ui.header.search.vue
index b6149a187..9a36e52fc 100644
--- a/src/client/app/desktop/views/components/ui.header.search.vue
+++ b/src/client/app/desktop/views/components/ui.header.search.vue
@@ -29,9 +29,7 @@ export default Vue.extend({
 
 <style lang="stylus" scoped>
 @import '~const.styl'
-
-.search
-
+root(isDark)
 	> [data-fa]
 		display block
 		position absolute
@@ -60,15 +58,20 @@ export default Vue.extend({
 		border none
 		border-radius 16px
 		transition color 0.5s ease, border 0.5s ease
-		font-family FontAwesome, sans-serif
+		color isDark ? #fff : #000
 
 		&::placeholder
 			color #9eaba8
 
 		&:hover
-			background rgba(#000, 0.08)
+			background isDark ? rgba(#fff, 0.04) : rgba(#000, 0.08)
 
 		&:focus
 			box-shadow 0 0 0 2px rgba($theme-color, 0.5) !important
 
+.search[data-darkmode]
+	root(true)
+
+.search:not([data-darkmode])
+	root(false)
 </style>