diff --git a/src/pages/pc/components/Setting.vue b/src/pages/pc/components/Setting.vue
index aef2c3d1..4a0a3fd4 100644
--- a/src/pages/pc/components/Setting.vue
+++ b/src/pages/pc/components/Setting.vue
@@ -15,6 +15,7 @@ import * as copy from "copy-to-clipboard";
 import {saveAs} from "file-saver";
 import {checkAndUpgradeSaveDict, checkAndUpgradeSaveSetting, shakeCommonDict} from "@/utils";
 import {dayjs} from "element-plus";
+import {GITHUB} from "@/config/ENV.ts";
 
 
 const emit = defineEmits<{
@@ -141,6 +142,14 @@ function importData(e) {
           <Icon icon="mdi:database-cog-outline" width="20" color="#0C8CE9"/>
           <span>数据管理</span>
         </div>
+        <div class="tab" :class="tabIndex === 4 && 'active'" @click="tabIndex = 4">
+          <Icon icon="mingcute:service-fill" width="20" color="#0C8CE9"/>
+          <span>反馈</span>
+        </div>
+        <div class="tab" :class="tabIndex === 5 && 'active'" @click="tabIndex = 5">
+          <Icon icon="mdi:about-circle-outline" width="20" color="#0C8CE9"/>
+          <span>关于</span>
+        </div>
       </div>
       <div class="git-log">
         Build {{ gitLastCommitHash }}
@@ -415,6 +424,39 @@ function importData(e) {
           </div>
         </div>
       </div>
+      <div v-if="tabIndex === 4" class="feedback-modal">
+        <div>
+          给我发Email：<a href="mailto:zyronon@163.com">zyronon@163.com</a>
+        </div>
+        <p>or</p>
+        <div class="github">
+        <span>在<a :href="GITHUB" target="_blank">Github</a>上给我提一个
+        <a :href="`${GITHUB}/issues`" target="_blank">Issue</a>
+        </span>
+          <div class="options">
+            <BaseButton>
+              <a :href="`${GITHUB}/issues/new?assignees=&labels=&projects=&template=%E5%8D%95%E8%AF%8D%E9%94%99%E8%AF%AF---word-error.md&title=%E5%8D%95%E8%AF%8D%E9%94%99%E8%AF%AF+%7C+Word+error`"
+                 target="_blank">词典错误？</a>
+            </BaseButton>
+            <BaseButton>
+              <a :href="`${GITHUB}/issues/new?assignees=&labels=&projects=&template=问题报告---bug-report-.md&title=问题报告+%7C+Bug+report+`"
+                 target="_blank">反馈BUG？</a>
+            </BaseButton>
+            <BaseButton>
+              <a :href="`${GITHUB}/issues/new?assignees=&labels=&projects=&template=功能请求---feature-request.md&title=功能请求+%7C+Feature+request`"
+                 target="_blank">功能请求？</a>
+            </BaseButton>
+          </div>
+        </div>
+      </div>
+      <div v-if="tabIndex === 5">
+        <p>Typing Word</p>
+        本项目完全开源！好用请大家多多点Star！
+        <div></div>
+        GitHub地址：https://github.com/zyronon/typing-word
+        <div></div>
+        反馈: https://github.com/zyronon/typing-word/issues
+      </div>
     </div>
   </div>
 </template>
@@ -574,4 +616,30 @@ function importData(e) {
   }
 }
 
+.feedback-modal {
+  //height: 80vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: var(--space);
+  //justify-content: center;
+  color: var(--color-font-1);
+
+  p {
+    font-size: 30rem;
+  }
+
+  .github {
+    display: flex;
+    align-items: center;
+    gap: var(--space);
+
+    .options {
+      display: flex;
+      flex-direction: column;
+      gap: 10rem;
+    }
+  }
+}
+
 </style>
\ No newline at end of file
diff --git a/src/pages/pc/components/dialog/Dialog.vue b/src/pages/pc/components/dialog/Dialog.vue
index ab082eab..ca2ad897 100644
--- a/src/pages/pc/components/dialog/Dialog.vue
+++ b/src/pages/pc/components/dialog/Dialog.vue
@@ -189,7 +189,7 @@ async function cancel() {
 @import "@/assets/css/variable";
 
 $modal-mask-bg: rgba(#000, .45);
-$radius: 24rem;
+$radius: 12rem;
 $time: 0.3s;
 $header-height: 60rem;
 
diff --git a/src/pages/pc/components/toolbar/FeedbackModal.vue b/src/pages/pc/components/toolbar/FeedbackModal.vue
deleted file mode 100644
index 98a3c36b..00000000
--- a/src/pages/pc/components/toolbar/FeedbackModal.vue
+++ /dev/null
@@ -1,75 +0,0 @@
-<script setup lang="ts">
-import Dialog from "@/pages/pc/components/dialog/Dialog.vue"
-import BaseButton from "@/components/BaseButton.vue";
-import {GITHUB} from "@/config/ENV.ts";
-
-const emit = defineEmits([
-  'close',
-])
-
-</script>
-
-<template>
-  <Dialog
-      @close="emit('close')"
-      title="反馈">
-    <div class="feedback-modal">
-      <div>
-        给我发Email：<a href="mailto:zyronon@163.com">zyronon@163.com</a>
-      </div>
-      <p>or</p>
-      <div class="github">
-        <span>在<a :href="GITHUB" target="_blank">Github</a>上给我提一个
-        <a :href="`${GITHUB}/issues`" target="_blank">Issue</a>
-        </span>
-        <div class="options">
-          <BaseButton>
-            <a :href="`${GITHUB}/issues/new?assignees=&labels=&projects=&template=%E5%8D%95%E8%AF%8D%E9%94%99%E8%AF%AF---word-error.md&title=%E5%8D%95%E8%AF%8D%E9%94%99%E8%AF%AF+%7C+Word+error`"
-               target="_blank">词典错误？</a>
-          </BaseButton>
-          <BaseButton>
-            <a :href="`${GITHUB}/issues/new?assignees=&labels=&projects=&template=问题报告---bug-report-.md&title=问题报告+%7C+Bug+report+`"
-               target="_blank">反馈BUG？</a>
-          </BaseButton>
-          <BaseButton>
-            <a :href="`${GITHUB}/issues/new?assignees=&labels=&projects=&template=功能请求---feature-request.md&title=功能请求+%7C+Feature+request`"
-               target="_blank">功能请求？</a>
-          </BaseButton>
-        </div>
-      </div>
-    </div>
-  </Dialog>
-</template>
-
-<style scoped lang="scss">
-@import "@/assets/css/style";
-
-.feedback-modal {
-  width: 500rem;
-  //height: 80vh;
-  display: flex;
-  flex-direction: column;
-  background: var(--color-second-bg);
-  align-items: center;
-  padding: var(--space);
-  //justify-content: center;
-  color: var(--color-font-1);
-
-  p {
-    font-size: 30rem;
-  }
-
-  .github {
-    display: flex;
-    align-items: center;
-    gap: var(--space);
-
-    .options {
-      display: flex;
-      flex-direction: column;
-      gap: 10rem;
-    }
-  }
-}
-
-</style>
\ No newline at end of file
diff --git a/src/pages/pc/components/toolbar/index.vue b/src/pages/pc/components/toolbar/index.vue
index 2836b1f9..ea982789 100644
--- a/src/pages/pc/components/toolbar/index.vue
+++ b/src/pages/pc/components/toolbar/index.vue
@@ -2,7 +2,6 @@
 import Tooltip from "@/pages/pc/components/Tooltip.vue"
 import useTheme from "@/hooks/theme.ts"
 import {useBaseStore} from "@/stores/base.ts"
-import FeedbackModal from "@/pages/pc/components/toolbar/FeedbackModal.vue"
 
 import {Icon} from '@iconify/vue';
 
@@ -26,7 +25,6 @@ const settingStore = useSettingStore()
 const runtimeStore = useRuntimeStore()
 const practiceStore = usePracticeStore()
 
-const showFeedbackModal = $ref(false)
 const headerRef = $ref<HTMLDivElement>(null)
 const moreOptionsRef = $ref<HTMLDivElement>(null)
 
@@ -111,10 +109,16 @@ watch(() => store.load, n => {
               title="添加"
               icon="ic:outline-cloud-upload"/>
 
-          <BaseIcon
-              @click="showFeedbackModal = true"
-              title="反馈"
-              icon="ph:bug-beetle"/>
+
+          <Tooltip
+              :title="`切换主题(快捷键：${settingStore.shortcutKeyMap[ShortcutKey.ToggleTheme]})`"
+          >
+            <IconWrapper>
+              <Icon icon="ep:moon" v-if="settingStore.theme === 'dark'"
+                    @click="toggleTheme"/>
+              <Icon icon="tabler:sun" v-else @click="toggleTheme"/>
+            </IconWrapper>
+          </Tooltip>
         </div>
 
         <div class="with-bg anim">
@@ -138,7 +142,6 @@ watch(() => store.load, n => {
             color="#999"/>
     </Tooltip>
   </header>
-  <FeedbackModal v-if="showFeedbackModal" @close="showFeedbackModal = false"/>
 
 </template>