diff --git a/frontend/src/renderer/index.html b/frontend/src/renderer/index.html
index bd90d7c9..838d5d1a 100644
--- a/frontend/src/renderer/index.html
+++ b/frontend/src/renderer/index.html
@@ -9,7 +9,8 @@
       margin: 0;
       padding: 0;
       font-family: 'Microsoft YaHei', sans-serif;
-      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+      /* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); */
+      background:#191d28;
     }
     #app {
       height: 100vh;
diff --git a/frontend/src/renderer/src/views/Dashboard.vue b/frontend/src/renderer/src/views/Dashboard.vue
index 1aac4b28..2089c677 100644
--- a/frontend/src/renderer/src/views/Dashboard.vue
+++ b/frontend/src/renderer/src/views/Dashboard.vue
@@ -512,7 +512,7 @@ function editClick(){
   height: 100vh;
   display: flex;
   flex-direction: column;
-  background: #191028;
+  background: #191D28;
 }
 
 .header {
diff --git a/frontend/src/renderer/src/views/Header.vue b/frontend/src/renderer/src/views/Header.vue
index 192e4222..714b9a7c 100644
--- a/frontend/src/renderer/src/views/Header.vue
+++ b/frontend/src/renderer/src/views/Header.vue
@@ -206,7 +206,7 @@
   
   .header {
     height: 60px;
-    background: #191028;
+    background: #191D28;
     border-bottom: none;
     display: flex;
     justify-content: space-between;