From 1c701abc3a59f59a65a710f2b0a1f4feba0d17b7 Mon Sep 17 00:00:00 2001
From: zhanlaoban <zhanlaoban@gmail.com>
Date: Sun, 21 Aug 2022 11:22:16 +0800
Subject: [PATCH 1/2] Optimize front-end theme switching icons

---
 web/src/components/main-nav.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/web/src/components/main-nav.vue b/web/src/components/main-nav.vue
index 87546bde..7df36031 100644
--- a/web/src/components/main-nav.vue
+++ b/web/src/components/main-nav.vue
@@ -23,8 +23,11 @@
                     size="small"
                     class="theme-switch-wrap"
                 >
-                    <template #icon>
-                        <dark-mode-outlined />
+                    <template #checked-icon>
+                        <n-icon :component="LightModeOutlined" />
+                    </template>
+                    <template #unchecked-icon>
+                        <n-icon :component="DarkModeOutlined" />
                     </template>
                 </n-switch>
             </div>

From 42740a394585ef1d5442b3433ef7593298b9ca3b Mon Sep 17 00:00:00 2001
From: zhanlaoban <zhanlaoban@gmail.com>
Date: Mon, 22 Aug 2022 21:35:58 +0800
Subject: [PATCH 2/2] add import of LightModeOutlined component

---
 web/src/components/main-nav.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/components/main-nav.vue b/web/src/components/main-nav.vue
index 7df36031..487e29df 100644
--- a/web/src/components/main-nav.vue
+++ b/web/src/components/main-nav.vue
@@ -40,7 +40,7 @@ import { onMounted } from 'vue';
 import { useStore } from 'vuex';
 import { useRouter } from 'vue-router';
 import { useOsTheme } from 'naive-ui';
-import { DarkModeOutlined, ChevronLeftRound } from '@vicons/material';
+import { LightModeOutlined, DarkModeOutlined, ChevronLeftRound } from '@vicons/material';
 
 const store = useStore();
 const router = useRouter();