From 8d9841d2681971ca00625a024085ccb5ac4ebc4e Mon Sep 17 00:00:00 2001
From: fofolee <fofolee@qq.com>
Date: Wed, 18 Dec 2024 13:19:13 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=BC=80=E5=8F=91=E8=80=85?=
 =?UTF-8?q?=E6=A8=A1=E5=BC=8F=E4=B8=8B=E6=9A=97=E8=89=B2=E6=A8=A1=E5=BC=8F?=
 =?UTF-8?q?=E5=88=87=E6=8D=A2=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/ConfigurationPage.vue | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/pages/ConfigurationPage.vue b/src/pages/ConfigurationPage.vue
index a125f67..683cbf0 100644
--- a/src/pages/ConfigurationPage.vue
+++ b/src/pages/ConfigurationPage.vue
@@ -36,7 +36,7 @@
           {{ tag }}
           <q-tooltip v-if="tag === '未分类'">
             所有没有添加标签的命令都会归在未分类 <br />
-            可以在新建命令时在标签一栏选择或直接键入标签名来添加标签
+            可以在新建命令时在标签��栏选择或直接键入标签名来添加标签
           </q-tooltip>
         </q-tab>
       </q-tabs>
@@ -122,6 +122,18 @@
         <!-- 按钮组 -->
         <div class="col-auto justify-end flex">
           <q-btn-group>
+            <!-- 添加暗色模式切换按钮 -->
+            <q-btn
+              flat
+              v-if="isDev"
+              :color="$q.dark.isActive ? 'amber' : 'blue-9'"
+              :icon="$q.dark.isActive ? 'dark_mode' : 'light_mode'"
+              @click="$q.dark.toggle()"
+            >
+              <q-tooltip>
+                {{ $q.dark.isActive ? '切换到亮色模式' : '切换到暗色模式' }}
+              </q-tooltip>
+            </q-btn>
             <!-- 切换视图 -->
             <q-btn-toggle
               v-model="commandCardStyle"
@@ -151,7 +163,7 @@
                   老版本的「快捷面板」已被弃用，取而代之的是新版的「面板视图」<br />
                   注意：<br />
                   1.未启用、匹配类型为窗口的命令在此视图下不显示<br />
-                  2.只显示图标、描述和匹配类型<br />
+                  2.只显示图标描述和匹配类型<br />
                   3.点击卡片时会直接运行命令而不是编辑命令</q-tooltip
                 >
               </template>
@@ -258,6 +270,7 @@ export default {
       commandEditorAction: {},
       footerBarHeight: "40px",
       commandCardStyle: this.$root.profile.commandCardStyle,
+      isDev: window.utools.isDev(),
       commandCardStyleSheet: {
         mini: {
           width: "20%",