diff --git a/src/layouts/common/SettingDrawer/components/DarkMode/index.vue b/src/layouts/common/SettingDrawer/components/DarkMode/index.vue
index 7171f30e..48767681 100644
--- a/src/layouts/common/SettingDrawer/components/DarkMode/index.vue
+++ b/src/layouts/common/SettingDrawer/components/DarkMode/index.vue
@@ -16,10 +16,10 @@
     <setting-menu label="跟随系统">
       <n-switch :value="theme.followSystemTheme" @update:value="theme.setFollowSystemTheme">
         <template #checked>
-          <icon-ic:baseline-do-not-disturb class="text-14px text-primary" />
+          <icon-ic-baseline-do-not-disturb class="text-14px text-primary" />
         </template>
         <template #unchecked>
-          <icon-ic:round-hdr-auto class="text-14px text-primary" />
+          <icon-ic-round-hdr-auto class="text-14px text-primary" />
         </template>
       </n-switch>
     </setting-menu>
diff --git a/src/typings/components.d.ts b/src/typings/components.d.ts
index b871c0e5..b497a089 100644
--- a/src/typings/components.d.ts
+++ b/src/typings/components.d.ts
@@ -27,7 +27,9 @@ declare module '@vue/runtime-core' {
     IconCustomServiceError: typeof import('~icons/custom/service-error')['default']
     IconGridiconsFullscreen: typeof import('~icons/gridicons/fullscreen')['default']
     IconGridiconsFullscreenExit: typeof import('~icons/gridicons/fullscreen-exit')['default']
+    IconIcBaselineDoNotDisturb: typeof import('~icons/ic/baseline-do-not-disturb')['default']
     IconIcOutlineCheck: typeof import('~icons/ic/outline-check')['default']
+    IconIcRoundHdrAuto: typeof import('~icons/ic/round-hdr-auto')['default']
     IconLineMdMenuFoldLeft: typeof import('~icons/line-md/menu-fold-left')['default']
     IconLineMdMenuUnfoldLeft: typeof import('~icons/line-md/menu-unfold-left')['default']
     IconMdiArrowDownThin: typeof import('~icons/mdi/arrow-down-thin')['default']
diff --git a/src/views/about/components/ProjectIntroduction.vue b/src/views/about/components/ProjectIntroduction.vue
index 0d54ffaa..c86733c5 100644
--- a/src/views/about/components/ProjectIntroduction.vue
+++ b/src/views/about/components/ProjectIntroduction.vue
@@ -1,6 +1,6 @@
 <template>
   <n-card title="关于" :bordered="false" size="large" class="rounded-16px shadow-sm">
-    <p class="leading-24px text-primary">
+    <p class="leading-24px">
       Soybean Admin 是一个基于 Vue3、Vite、Naive UI、TypeScript
       的中后台解决方案，它使用了最新的前端技术栈，并提炼了典型的业务模型，页面，包括二次封装组件、动态菜单、权限校验、粒子化权限控制等功能，它可以帮助你快速搭建企业级中后台项目，相信不管是从新技术使用还是其他方面，都能帮助到你。
     </p>