自定义主题色

src/App.tsx

@@ -6,6 +6,7 @@ import PageTitle from './components/PageTitle';
 import ECommerce from './pages/Dashboard/ECommerce';
 import Create from './pages/Create';
 import DefaultLayout from './layout/DefaultLayout';
+import { ConfigProvider } from 'antd';
 
 function App() {
   const [loading, setLoading] = useState<boolean>(true);
@@ -22,6 +23,15 @@ function App() {
   return loading ? (
     <Loader />
   ) : (
+    // 自定义主题色
+    <ConfigProvider
+      theme={{
+        token: {
+          // Seed Token，影响范围大
+          colorPrimary: '#727cf5',
+        },
+      }}
+    >
       <DefaultLayout>
         <Routes>
           <Route
@@ -45,6 +55,8 @@ function App() {
           />
         </Routes>
       </DefaultLayout>
+    </ConfigProvider>
+
   );
 }