diff --git a/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/ComponentColorSelector.vue b/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/ComponentColorSelector.vue
index 0e147d0bff..ad2c78b336 100644
--- a/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/ComponentColorSelector.vue
+++ b/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/ComponentColorSelector.vue
@@ -328,6 +328,18 @@ const changePagerColorChange = () => {
 
 const changeColorCase = modifyName => {
   colorForm.value['modifyName'] = modifyName
+  if (modifyName === 'tableHeaderBgColor') {
+    colorForm.value['tableHeader']['tableHeaderCornerBgColor'] =
+      colorForm.value['tableHeader']['tableHeaderBgColor']
+    colorForm.value['tableHeader']['tableHeaderColBgColor'] =
+      colorForm.value['tableHeader']['tableHeaderBgColor']
+  }
+  if (modifyName === 'tableHeaderFontColor') {
+    colorForm.value['tableHeader']['tableHeaderCornerFontColor'] =
+      colorForm.value['tableHeader']['tableHeaderFontColor']
+    colorForm.value['tableHeader']['tableHeaderColFontColor'] =
+      colorForm.value['tableHeader']['tableHeaderFontColor']
+  }
   emits('onColorChange', colorForm.value)
 }