diff --git a/src/components/SettingDrawer/ThemeColor.js b/src/components/SettingDrawer/ThemeColor.js
index bf5bb7091b3a47f9524c4c76daa70dc8fbdcd8d1..f70bd4f824a9d737ba721b1d19bf1625e6439a33 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 89e893fe651be204230c72f93f43408610db8d51..4983eb9c67d207cfa4f9470a5a82068eb9c20c71 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 {