feat: 默认主题色

shanhexi · shanhexi · commit 91e675a129c1 · 2023-08-06T17:02:07.000+08:00
diff --git a/chat2db-client/src/blocks/Setting/BaseSetting/index.tsx b/chat2db-client/src/blocks/Setting/BaseSetting/index.tsx
@@ -15,16 +15,16 @@ import styles from './index.less';
 const { Option } = Select;
 
 const themeList = [
-  {
-    code: ThemeType.Dark,
-    name: i18n('setting.text.dark'),
-    img: themeDarkImg,
-  },
   {
     code: ThemeType.Light,
     name: i18n('setting.text.light'),
     img: themeLightImg,
   },
+  {
+    code: ThemeType.Dark,
+    name: i18n('setting.text.dark'),
+    img: themeDarkImg,
+  },
   {
     code: ThemeType.FollowOs,
     name: i18n('setting.text.followOS'),
@@ -38,26 +38,26 @@ const themeList = [
 ];
 
 const colorList = [
-  {
-    code: 'polar-blue',
-    name: i18n('setting.label.blue'),
-    color: '#1a90ff',
-  },
-  {
-    code: 'polar-green',
-    name: i18n('setting.label.green'),
-    color: '#039e74',
-  },
   {
     code: 'golden-purple',
     name: i18n('setting.label.violet'),
     color: '#9373ee',
   },
+  {
+    code: 'polar-blue',
+    name: i18n('setting.label.blue'),
+    color: '#1a90ff',
+  },
   {
     code: 'blue2',
     name: i18n('setting.label.violet'),
     color: '#00c3ee',
   },
+  {
+    code: 'polar-green',
+    name: i18n('setting.label.green'),
+    color: '#039e74',
+  },
   {
     code: 'gold',
     name: i18n('setting.label.violet'),
@@ -152,6 +152,16 @@ export default function BaseSetting() {
             </div>
           );
         })}
+        {/* <ColorPicker placement='bottomLeft' onChange={setCustomColor}>
+          <div className={classnames(styles.themeColorItem, styles.customColorItem) }>
+            <div
+              className={styles.colorLump}
+              onClick={()=>{}}
+            >
+              自定义
+            </div>
+          </div>
+        </ColorPicker> */}
       </ul>
     </>
   );
diff --git a/chat2db-client/src/utils/localStorage.ts b/chat2db-client/src/utils/localStorage.ts
@@ -10,15 +10,27 @@ export function setLang(lang: LangType) {
 }
 
 export function getTheme(): ThemeType {
-  return (localStorage.getItem('theme') as ThemeType) || ThemeType.Light;
+  const themeColor:any = localStorage.getItem('theme') as ThemeType
+  if(themeColor){
+    return themeColor
+  }
+  localStorage.setItem('theme', ThemeType.Light)
+  // 默认主题色
+  return ThemeType.Light
 }
 
 export function setTheme(theme: ThemeType) {
   return localStorage.setItem('theme', theme);
 }
 
 export function getPrimaryColor(): PrimaryColorType {
-  return (localStorage.getItem('primary-color') as PrimaryColorType) || PrimaryColorType.Polar_Blue;
+  const primaryColor = localStorage.getItem('primary-color') as PrimaryColorType
+  if(primaryColor){
+    return primaryColor
+  }
+  localStorage.setItem('primary-color', PrimaryColorType.Golden_Purple)
+  // 默认主题色
+  return PrimaryColorType.Golden_Purple
 }
 
 export function setPrimaryColor(primaryColor: PrimaryColorType) {
