diff --git a/src/renderer/components/ContextMenu.vue b/src/renderer/components/ContextMenu.vue
index 38e7008f..21276233 100644
--- a/src/renderer/components/ContextMenu.vue
+++ b/src/renderer/components/ContextMenu.vue
@@ -109,7 +109,7 @@ export default defineComponent({
   left: -99999px;
   top: -99999px;
   visibility: hidden;
-  background: var(--g-color-90);
+  background: var(--g-color-82);
   border: 1px var(--g-color-84) solid;
   border-left: 0;
   border-top: 0;
@@ -132,7 +132,7 @@ export default defineComponent({
 }
 
 .menu > li.normal:hover {
-  background: var(--g-color-80);
+  background: var(--g-color-70);
 }
 
 </style>
diff --git a/src/renderer/components/Tabs.vue b/src/renderer/components/Tabs.vue
index 73ef878d..6615c846 100644
--- a/src/renderer/components/Tabs.vue
+++ b/src/renderer/components/Tabs.vue
@@ -153,10 +153,10 @@ export default defineComponent({
 .tabs {
   flex: none;
   height: 30px;
-  background: var(--g-color-95);
+  background: var(--g-color-87);
   display: flex;
   z-index: 1;
-  box-shadow: 0px 3px 3px -3px var(--g-color-80);
+  box-shadow: 0px 3px 3px -3px var(--g-color-90);
 }
 
 .tab {
@@ -170,7 +170,7 @@ export default defineComponent({
   cursor: default;
   font-size: 12px;
   overflow: hidden;
-  background: var(--g-color-93);
+  background: var(--g-color-87);
 }
 
 .label {
diff --git a/src/renderer/components/Tree.vue b/src/renderer/components/Tree.vue
index b664fb17..d7b13bc2 100644
--- a/src/renderer/components/Tree.vue
+++ b/src/renderer/components/Tree.vue
@@ -70,6 +70,7 @@ export default defineComponent({
   width: 100%;
   box-sizing: border-box;
   overflow: auto;
+  background: var(--g-color-97);
 }
 
 .loading {