diff --git a/package.json b/package.json
index e45c4835..1769424d 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
   "private": true,
   "version": "0.3.0",
   "author": "BTMuli <bt-muli@outlook.com>",
-  "packageManager": "pnpm@8.7.0",
+  "packageManager": "pnpm@8.7.1",
   "scripts": {
     "build": "tauri build",
     "debug": "tauri build --debug",
@@ -57,7 +57,6 @@
     "pinia-plugin-persistedstate": "^3.2.0",
     "qrcode.vue": "^3.4.1",
     "tauri-plugin-sql-api": "github:tauri-apps/tauri-plugin-sql#v1",
-    "uuid": "^9.0.0",
     "vue": "^3.3.4",
     "vue-echarts": "^6.6.1",
     "vue-json-viewer": "^3.0.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index dba3ad3b..8ea86a9e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -35,9 +35,6 @@ dependencies:
   tauri-plugin-sql-api:
     specifier: github:tauri-apps/tauri-plugin-sql#v1
     version: git@github.com+tauri-apps/tauri-plugin-sql/b8fd19dac907cc8c3d78681cd4803a326b8b861e
-  uuid:
-    specifier: ^9.0.0
-    version: 9.0.0
   vue:
     specifier: ^3.3.4
     version: 3.3.4
@@ -4698,11 +4695,6 @@ packages:
       base64-arraybuffer: 1.0.2
     dev: false
 
-  /uuid@9.0.0:
-    resolution: {integrity: sha512-MXcSTerfPa4uqyzStbRoTgt5XIe3x5+42+q1sDuy3R5MDk66URdLMOZe5aPX/SQd+kuYAh0FdP/pO28IkQyTeg==}
-    hasBin: true
-    dev: false
-
   /validate-npm-package-license@3.0.4:
     resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
     dependencies:
diff --git a/src/components/overlay/to-channel.vue b/src/components/overlay/to-channel.vue
index 0f2fbd41..74b31307 100644
--- a/src/components/overlay/to-channel.vue
+++ b/src/components/overlay/to-channel.vue
@@ -114,7 +114,7 @@ async function toChannel(link: string): Promise<void> {
 .toc-top {
   padding: 10px;
   border-radius: 5px;
-  background: var(--app-page-bg);
+  background: var(--box-bg-1);
 }
 
 .toc-title {
@@ -136,7 +136,7 @@ async function toChannel(link: string): Promise<void> {
   justify-content: start;
   border: 1px solid var(--common-shadow-2);
   border-radius: 5px;
-  background: var(--box-bg-1);
+  background: var(--box-bg-2);
   color: var(--box-text-2);
   cursor: pointer;
   transition: all 0.5s linear;
@@ -171,7 +171,7 @@ async function toChannel(link: string): Promise<void> {
   align-items: center;
   justify-content: center;
   border-radius: 50%;
-  background: var(--app-page-bg);
+  background: var(--box-bg-1);
   color: var(--app-page-content);
   cursor: pointer;
 }