diff --git a/web/src/pages/Edit/components/Toolbar.vue b/web/src/pages/Edit/components/Toolbar.vue
index a4ad8f5b..4772b453 100644
--- a/web/src/pages/Edit/components/Toolbar.vue
+++ b/web/src/pages/Edit/components/Toolbar.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="toolbarContainer">
-    <div class="toolbar" :style="{top: IS_ELECTRON ? '40px' : 0}" :class="{ isDark: isDark }">
+  <div class="toolbarContainer" :class="{ isDark: isDark }">
+    <div class="toolbar" :style="{top: IS_ELECTRON ? '40px' : 0}">
       <!-- 节点操作 -->
       <div class="toolbarBlock">
         <div
diff --git a/web/src/pages/Workbenche/views/Edit.vue b/web/src/pages/Workbenche/views/Edit.vue
index e566b3b2..8f8e6cf2 100644
--- a/web/src/pages/Workbenche/views/Edit.vue
+++ b/web/src/pages/Workbenche/views/Edit.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="workbencheEditContainer">
+  <div class="workbencheEditContainer" :class="{ isDark: isDark }">
     <div class="workbencheEditHeader">
       <MacControl></MacControl>
       <WinControl></WinControl>
@@ -38,7 +38,7 @@ export default {
     }
   },
   computed: {
-    ...mapState(['fileName', 'isUnSave'])
+    ...mapState(['fileName', 'isUnSave', 'isDark'])
   },
   watch: {
     fileName(val) {
@@ -97,6 +97,13 @@ export default {
 
 <style lang="less" scoped>
 .workbencheEditContainer {
+
+  &.isDark {
+    .workbencheEditHeader {
+      background-color: #262a2e;
+    }
+  }
+
   .workbencheEditHeader {
     position: relative;
     width: 100%;