diff --git a/designer-realize/src/main/java/com/fr/design/webattr/EditToolBar.java b/designer-realize/src/main/java/com/fr/design/webattr/EditToolBar.java
index 36222f19c9..17d411706e 100644
--- a/designer-realize/src/main/java/com/fr/design/webattr/EditToolBar.java
+++ b/designer-realize/src/main/java/com/fr/design/webattr/EditToolBar.java
@@ -30,6 +30,7 @@ import com.fr.design.utils.gui.GUICoreUtils;
 import com.fr.design.widget.IconDefinePane;
 import com.fr.form.ui.Button;
 import com.fr.form.ui.CustomToolBarButton;
+import com.fr.general.ColorMode;
 import com.fr.form.ui.Widget;
 import com.fr.form.ui.WidgetInfoConfig;
 import com.fr.general.Background;
@@ -227,7 +228,7 @@ public class EditToolBar extends BasicPane {
 
         this.defaultCheckBox.setSelected(ftoolbar.isDefault() ? true : false);
         if (bgColorButtonGroup != null) {
-            this.bgColorButtonGroup.setSelectedIndex(ftoolbar.isBgColorLight() ? 0 : 1);
+            this.bgColorButtonGroup.setSelectedIndex(ftoolbar.getButtonBgColorMode().getCode());
         }
     }
 
@@ -263,7 +264,7 @@ public class EditToolBar extends BasicPane {
             ftoolBar.setBackground(this.background);
         }
         if (bgColorButtonGroup != null) {
-            ftoolBar.setBgColorLight(bgColorButtonGroup.getSelectedIndex() == 0);
+            ftoolBar.setButtonBgColorMode(ColorMode.getModeByCode(bgColorButtonGroup.getSelectedIndex()));
         }
         return ftoolBar;
     }
@@ -729,7 +730,9 @@ public class EditToolBar extends BasicPane {
 
     private JPanel createButtonColorGroup() {
         UILabel headLabel = new UILabel(Toolkit.i18nText("Fine-Design_ToolBar_Button_Color"));
-        String[] titles = new String[]{Toolkit.i18nText("Fine-Design_ToolBar_Button_Color_Light"), Toolkit.i18nText("Fine-Design_ToolBar_Button_Color_Dark")};
+        String[] titles = new String[]{ Toolkit.i18nText("Fine-Design_ToolBar_Button_Color_Auto"),
+                                        Toolkit.i18nText("Fine-Design_ToolBar_Button_Color_Light"),
+                                        Toolkit.i18nText("Fine-Design_ToolBar_Button_Color_Dark")};
         bgColorButtonGroup = new UIButtonGroup<String>(titles) {
             @Override
             public void setSelectedIndex(int newSelectedIndex, boolean fireChanged) {
diff --git a/designer-realize/src/main/java/com/fr/design/webattr/FToolBar.java b/designer-realize/src/main/java/com/fr/design/webattr/FToolBar.java
index df697b19ac..d48b466f19 100644
--- a/designer-realize/src/main/java/com/fr/design/webattr/FToolBar.java
+++ b/designer-realize/src/main/java/com/fr/design/webattr/FToolBar.java
@@ -4,6 +4,7 @@ import java.util.ArrayList;
 import java.util.List;
 
 import com.fr.form.ui.ToolBar;
+import com.fr.general.ColorMode;
 import com.fr.form.ui.Widget;
 import com.fr.general.Background;
 
@@ -12,7 +13,7 @@ public class FToolBar {
 	private Background background = null;
 	private boolean isDefault = true;
 
-	private boolean buttonBgColorLight = true;
+	private ColorMode buttonBgColorMode = ColorMode.AUTO;
 	public List<ToolBarButton> getButtonlist() {
 		return buttonlist;
 	}
@@ -53,12 +54,12 @@ public class FToolBar {
 		this.isDefault = isDefault;
 	}
 
-	public boolean isBgColorLight() {
-		return buttonBgColorLight;
+	public ColorMode getButtonBgColorMode() {
+		return buttonBgColorMode;
 	}
 
-	public void setBgColorLight(boolean bgColorLight) {
-		this.buttonBgColorLight = bgColorLight;
+	public void setButtonBgColorMode(ColorMode buttonBgColorMode) {
+		this.buttonBgColorMode = buttonBgColorMode;
 	}
 
 	public ToolBar getToolBar() {
@@ -69,7 +70,7 @@ public class FToolBar {
 		ToolBar toolBar = new ToolBar(n);
 		toolBar.setBackground(this.background);
 		toolBar.setDefault(this.isDefault);
-		toolBar.setButtonBgColorLight(this.buttonBgColorLight);
+		toolBar.setButtonBgColorMode(this.buttonBgColorMode);
 		return toolBar;
 	}
 }
\ No newline at end of file
diff --git a/designer-realize/src/main/java/com/fr/design/webattr/ToolBarPane.java b/designer-realize/src/main/java/com/fr/design/webattr/ToolBarPane.java
index 9e9d71f5e8..3896125221 100644
--- a/designer-realize/src/main/java/com/fr/design/webattr/ToolBarPane.java
+++ b/designer-realize/src/main/java/com/fr/design/webattr/ToolBarPane.java
@@ -157,7 +157,7 @@ public class ToolBarPane extends BasicBeanPane<ToolBar> {
 		}
 		this.getFToolBar().setBackground(toolbar.getBackground());
 		this.getFToolBar().setDefault(toolbar.isDefault());
-		this.getFToolBar().setBgColorLight(toolbar.isButtonBgColorLight());
+		this.getFToolBar().setButtonBgColorMode(toolbar.getButtonBgColorMode());
 		setPopulateFinished(true);
 	}