chore: dark config

src/pages/login/index.tsx

@@ -1,6 +1,8 @@
 import { userAtom } from '@/atoms/user';
 import Footer from '@/components/footer';
+import useUserSettings from '@/hooks/use-user-settings';
 import { useModel } from '@umijs/max';
+import { ConfigProvider } from 'antd';
 import { useAtom } from 'jotai';
 import { useEffect } from 'react';
 import LoginForm from './components/login-form';
@@ -9,6 +11,7 @@ import styles from './components/styles.less';
 import { checkDefaultPage } from './utils';
 
 const Login = () => {
+  const { themeData } = useUserSettings();
   const [userInfo, setUserInfo] = useAtom(userAtom);
   const { initialState, setInitialState } = useModel('@@initialState') || {};
 
@@ -33,7 +36,7 @@ const Login = () => {
   }, []);
 
   return (
-    <>
+    <ConfigProvider componentSize="large" theme={themeData}>
       <div className="login-wrapper"></div>
       <div className={styles.box}>
         <div className={styles['login-form-wrapper']}>
@@ -41,7 +44,7 @@ const Login = () => {
         </div>
         <Footer />
       </div>
-    </>
+    </ConfigProvider>
   );
 };