summaryrefslogtreecommitdiff
path: root/src/client/app/desktop/views/components/drive.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/app/desktop/views/components/drive.vue')
-rw-r--r--src/client/app/desktop/views/components/drive.vue23
1 files changed, 7 insertions, 16 deletions
diff --git a/src/client/app/desktop/views/components/drive.vue b/src/client/app/desktop/views/components/drive.vue
index cb289027d4..f9b7eea64e 100644
--- a/src/client/app/desktop/views/components/drive.vue
+++ b/src/client/app/desktop/views/components/drive.vue
@@ -585,18 +585,15 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
-@import '~const.styl'
-
-root(isDark)
-
+.mk-drive
> nav
display block
z-index 2
width 100%
overflow auto
font-size 0.9em
- color isDark ? #d2d9dc : #555
- background isDark ? #282c37 : #fff
+ color var(--text)
+ background var(--face)
box-shadow 0 1px 0 rgba(#000, 0.05)
&, *
@@ -674,7 +671,7 @@ root(isDark)
padding 8px
height calc(100% - 38px)
overflow auto
- background isDark ? #191b22 : #fff
+ background var(--desktopDriveBg)
&, *
user-select none
@@ -697,8 +694,8 @@ root(isDark)
z-index 128
top 0
left 0
- border solid 1px $theme-color
- background rgba($theme-color, 0.5)
+ border solid 1px var(--primary)
+ background var(--primaryAlpha05)
pointer-events none
> .contents
@@ -769,7 +766,7 @@ root(isDark)
top 38px
width 100%
height calc(100% - 38px)
- border dashed 2px rgba($theme-color, 0.5)
+ border dashed 2px var(--primaryAlpha05)
pointer-events none
> .mk-uploader
@@ -780,10 +777,4 @@ root(isDark)
> input
display none
-.mk-drive[data-darkmode]
- root(true)
-
-.mk-drive:not([data-darkmode])
- root(false)
-
</style>