diff --git a/src/components/SettingDrawer/ThemeColor.js b/src/components/SettingDrawer/ThemeColor.js
index bf5bb709..f70bd4f8 100644
--- a/src/components/SettingDrawer/ThemeColor.js
+++ b/src/components/SettingDrawer/ThemeColor.js
@@ -30,7 +30,7 @@ const ThemeColor = ({ colors, title, value, onChange }) => {
     ];
   }
   return (
-    <div className={styles.primaryColor}>
+    <div className={styles.themeColor}>
       <h3 className={styles.title}>{title}</h3>
       <div className={styles.content}>
         {colorList.map(color => {
diff --git a/src/components/SettingDrawer/ThemeColor.less b/src/components/SettingDrawer/ThemeColor.less
index 89e893fe..4983eb9c 100644
--- a/src/components/SettingDrawer/ThemeColor.less
+++ b/src/components/SettingDrawer/ThemeColor.less
@@ -1,4 +1,4 @@
-.primaryColor {
+.themeColor {
   overflow: hidden;
   margin-top: 24px;
   .title {