chore: custom brand color

2025-04-28 10:05:06 +08:00
parent 3fb3381a19
commit fb90d79eb3
12 changed files with 398 additions and 139 deletions
@@ -0,0 +1,30 @@
+import useUserSettings from '@/hooks/use-user-settings';
+import { Button, ColorPicker } from 'antd';
+import React from 'react';
+
+const CustomUI: React.FC = () => {
+  const { setUserSettings, userSettings } = useUserSettings();
+
+  const handleOnChange = (color: any, css: string) => {
+    const colorPrimary = color.toHexString();
+    if (!colorPrimary) return;
+    setUserSettings({
+      ...userSettings,
+      colorPrimary: color.toHexString()
+    });
+  };
+
+  return (
+    <div>
+      <h1>Custom UI Component</h1>
+      <Button type="primary">主题色</Button>
+      <div>
+        <ColorPicker onChange={handleOnChange} format="hex"></ColorPicker>
+      </div>
+    </div>
+  );
+};
+
+CustomUI.displayName = 'CustomUI';
+
+export default CustomUI;