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 e1db36f5cf..6541a8f21f 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 fc0f353f47..e8077f9e3d 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>