diff --git a/app/appearance/themes/daylight/theme.css b/app/appearance/themes/daylight/theme.css
index e52dfaa0c..88d8c72c4 100644
--- a/app/appearance/themes/daylight/theme.css
+++ b/app/appearance/themes/daylight/theme.css
@@ -1,9 +1,9 @@
 :root {
     /* 主色 */
-    --b3-theme-primary: #3573f0;
-    --b3-theme-primary-light: rgba(53, 115, 240, 0.54);
-    --b3-theme-primary-lighter: rgba(53, 115, 240, 0.38);
-    --b3-theme-primary-lightest: rgba(53, 115, 240, 0.12);
+    --b3-theme-primary: #3575f0;
+    --b3-theme-primary-light: rgba(53, 117, 240, 0.54);
+    --b3-theme-primary-lighter: rgba(53, 117, 240, 0.38);
+    --b3-theme-primary-lightest: rgba(53, 117, 240, 0.12);
     --b3-theme-secondary: #f3a92f;
     --b3-theme-background: #fff;
     --b3-theme-background-light: #dfe0e1;
@@ -28,9 +28,10 @@
     --b3-font-family-math: KaTeX_Math;
 
     /* 顶部工具栏 */
-    --b3-toolbar-background: #292a2d;
-    --b3-toolbar-blur-background: #3f4041;
+    --b3-toolbar-background: #2b2d30;
+    --b3-toolbar-blur-background: #373a41;
     --b3-toolbar-color: #9aa0a6;
+    --b3-toolbar-hover: #383a42;
 
     /* 线条 */
     --b3-border-color: rgba(0, 0, 0, .1);
diff --git a/app/appearance/themes/midnight/theme.css b/app/appearance/themes/midnight/theme.css
index 1fcd2e140..0ae144a88 100644
--- a/app/appearance/themes/midnight/theme.css
+++ b/app/appearance/themes/midnight/theme.css
@@ -5,9 +5,9 @@
     --b3-theme-primary-lighter: rgba(53, 115, 240, 0.48);
     --b3-theme-primary-lightest: rgba(53, 115, 240, 0.24);
     --b3-theme-secondary: #f3a92f;
-    --b3-theme-background: #212224;
+    --b3-theme-background: #1e1f22;
     --b3-theme-background-light: #353637;
-    --b3-theme-surface: #292a2d;
+    --b3-theme-surface: #2b2d30;
     --b3-theme-surface-light: rgba(41, 42, 45, .86);
     --b3-theme-surface-lighter: rgba(230, 230, 230, .06);
     --b3-theme-error: #d23f31;
@@ -28,9 +28,10 @@
     --b3-font-family-math: KaTeX_Math;
 
     /* 顶部工具栏 */
-    --b3-toolbar-background: #292a2d;
-    --b3-toolbar-blur-background: #3f4041;
-    --b3-toolbar-color: #9aa0a6;
+    --b3-toolbar-background: #2b2d30;
+    --b3-toolbar-blur-background: #373a41;
+    --b3-toolbar-color: #ced0d6;
+    --b3-toolbar-hover: #383a42;
 
     /* 线条 */
     --b3-border-color: #0e0f10;
diff --git a/app/src/assets/scss/_layout.scss b/app/src/assets/scss/_layout.scss
index 5b7c83d6a..ae21a0717 100644
--- a/app/src/assets/scss/_layout.scss
+++ b/app/src/assets/scss/_layout.scss
@@ -115,7 +115,8 @@
       align-items: center;
       overflow: auto;
       position: relative;
-      background-color: var(--b3-theme-surface);
+      background-color: var(--b3-theme-background);
+      border-bottom: 1px solid var(--b3-theme-background-light);
 
       &::-webkit-scrollbar {
         display: none;
diff --git a/app/src/assets/scss/base.scss b/app/src/assets/scss/base.scss
index 5e58cc2d2..460cae601 100644
--- a/app/src/assets/scss/base.scss
+++ b/app/src/assets/scss/base.scss
@@ -234,8 +234,7 @@ progressLoading: 400
 
     &:not(.toolbar__item--disabled):not(.toolbar__item--close):hover,
     &--active {
-      color: var(--b3-theme-on-background);
-      background-color: var(--b3-theme-background-light);
+      background-color: var(--b3-toolbar-hover);
     }
 
     svg {
@@ -247,6 +246,7 @@ progressLoading: 400
       width: 8px;
       height: 13.5px;
       margin-left: 4px;
+      opacity: .54;
     }
 
     &--disabled {
@@ -275,6 +275,7 @@ progressLoading: 400
     text-overflow: ellipsis;
     white-space: nowrap;
     user-select: none;
+    color: #ebecf0;
   }
 }
 
@@ -289,6 +290,11 @@ progressLoading: 400
 
   .toolbar__item {
     color: var(--b3-theme-on-surface);
+
+    &:hover {
+      color: var(--b3-theme-on-background);
+      background-color: var(--b3-theme-background-light) !important;
+    }
   }
 
   &__msg {