From f8477fa88d9bec8898b029ee712aaac74b1414c8 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Wed, 25 Jul 2018 04:36:02 +0900
Subject: [PATCH] :art:

---
 .../desktop/views/components/drive.file.vue   |  6 +++---
 .../desktop/views/components/drive.folder.vue | 20 ++++++++++++-------
 2 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/src/client/app/desktop/views/components/drive.file.vue b/src/client/app/desktop/views/components/drive.file.vue
index e1db36f5c..6541a8f21 100644
--- a/src/client/app/desktop/views/components/drive.file.vue
+++ b/src/client/app/desktop/views/components/drive.file.vue
@@ -1,5 +1,5 @@
 <template>
-<div class="root file"
+<div class="gvfdktuvdgwhmztnuekzkswkjygptfcv"
 	:data-is-selected="isSelected"
 	:data-is-contextmenu-showing="isContextmenuShowing"
 	@click="onClick"
@@ -324,10 +324,10 @@ root(isDark)
 		> .ext
 			opacity 0.5
 
-.root.file[data-darkmode]
+.gvfdktuvdgwhmztnuekzkswkjygptfcv[data-darkmode]
 	root(true)
 
-.root.file:not([data-darkmode])
+.gvfdktuvdgwhmztnuekzkswkjygptfcv:not([data-darkmode])
 	root(false)
 
 </style>
diff --git a/src/client/app/desktop/views/components/drive.folder.vue b/src/client/app/desktop/views/components/drive.folder.vue
index fc0f353f4..e8077f9e3 100644
--- a/src/client/app/desktop/views/components/drive.folder.vue
+++ b/src/client/app/desktop/views/components/drive.folder.vue
@@ -1,5 +1,5 @@
 <template>
-<div class="root folder"
+<div class="ynntpczxvnusfwdyxsfuhvcmuypqopdd"
 	:data-is-contextmenu-showing="isContextmenuShowing"
 	:data-draghover="draghover"
 	@click="onClick"
@@ -216,10 +216,10 @@ export default Vue.extend({
 <style lang="stylus" scoped>
 @import '~const.styl'
 
-.root.folder
+root(isDark)
 	padding 8px
 	height 64px
-	background lighten($theme-color, 95%)
+	background isDark ? rgba($theme-color, 0.2) : lighten($theme-color, 95%)
 	border-radius 4px
 
 	&, *
@@ -229,10 +229,10 @@ export default Vue.extend({
 		pointer-events none
 
 	&:hover
-		background lighten($theme-color, 90%)
+		background isDark ? rgba(lighten($theme-color, 10%), 0.2) : lighten($theme-color, 90%)
 
 	&:active
-		background lighten($theme-color, 85%)
+		background isDark ? rgba(darken($theme-color, 10%), 0.2) : lighten($theme-color, 85%)
 
 	&[data-is-contextmenu-showing]
 	&[data-draghover]
@@ -248,16 +248,22 @@ export default Vue.extend({
 			border-radius 4px
 
 	&[data-draghover]
-		background lighten($theme-color, 90%)
+		background isDark ? rgba(darken($theme-color, 10%), 0.2) : lighten($theme-color, 90%)
 
 	> .name
 		margin 0
 		font-size 0.9em
-		color darken($theme-color, 30%)
+		color isDark ? #fff : darken($theme-color, 30%)
 
 		> [data-fa]
 			margin-right 4px
 			margin-left 2px
 			text-align left
 
+.ynntpczxvnusfwdyxsfuhvcmuypqopdd[data-darkmode]
+	root(true)
+
+.ynntpczxvnusfwdyxsfuhvcmuypqopdd:not([data-darkmode])
+	root(false)
+
 </style>