From 983a2f74196ee618a04b27be5765a8ca2f47a680 Mon Sep 17 00:00:00 2001
From: fofolee <fofolee@qq.com>
Date: Sat, 16 Apr 2022 00:45:28 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=20--q-dark=20=E7=9A=84?=
 =?UTF-8?q?=E9=A2=9C=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                       | 2 +-
 src/components/CommandEditor.vue  | 2 +-
 src/components/CommandSideBar.vue | 3 +++
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 42ba10a..af2a854 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -75,7 +75,7 @@ export default defineComponent({
   font-size: 11px;
 }
 :root {
-  --q-dark: #303133;
+  --q-dark: #464646;
   --q-dark-page: #303133;
 }
 .commandLogo {
diff --git a/src/components/CommandEditor.vue b/src/components/CommandEditor.vue
index d9e2924..3e7de92 100644
--- a/src/components/CommandEditor.vue
+++ b/src/components/CommandEditor.vue
@@ -8,7 +8,7 @@
       class="absolute-left shadow-10"
       :style="{
         width: sideBarWidth + 'px',
-        background: $q.dark.isActive ? 'var(--q-dark)' : '#f2f2f2',
+        background: $q.dark.isActive ? 'var(--q-dark-page)' : '#f2f2f2',
         zIndex: 1,
         transition: '0.3s',
       }"
diff --git a/src/components/CommandSideBar.vue b/src/components/CommandSideBar.vue
index f01b781..97c1e30 100644
--- a/src/components/CommandSideBar.vue
+++ b/src/components/CommandSideBar.vue
@@ -3,6 +3,9 @@
     :thumb-style="{
       width: '3px',
     }"
+    :horizontal-thumb-style="{
+      height: '5px',
+    }"
   >
     <div class="row q-pa-md q-gutter-md">
       <q-btn