From 3ccafe939784b9ad49e94cb52d76e9388bb54323 Mon Sep 17 00:00:00 2001
From: fofolee <fofolee@qq.com>
Date: Mon, 11 Apr 2022 19:55:26 +0800
Subject: [PATCH] =?UTF-8?q?quasar=E6=9A=97=E9=BB=91=E6=A8=A1=E5=BC=8F?=
 =?UTF-8?q?=E8=83=8C=E6=99=AF=E8=89=B2=E5=92=8C=20utools=20=E7=BB=9F?=
 =?UTF-8?q?=E4=B8=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/App.vue b/src/App.vue
index b013ec3..5356b30 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -59,10 +59,11 @@ export default defineComponent({
 </script>
 
 <style>
-body.body--dark {
-  background: #1d1d1d;
-}
 .q-tooltip {
   font-size: 11px;
 }
+:root {
+    --q-dark: #303133;
+    --q-dark-page: #303133;
+}
 </style>
diff --git a/src/components/CommandEditor.vue b/src/components/CommandEditor.vue
index c9bf332..fe19523 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 ? '#2d2d2d' : '#f2f2f2',
+        background: $q.dark.isActive ? 'var(--q-dark)' : '#f2f2f2',
         zIndex: 1,
         transition: '0.3s',
       }"