页面登录优化,team优化
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
import React, { createContext, useContext, useState, useEffect } from 'react';
|
||||
|
||||
import React, { createContext,useContext, useState, useEffect, } from 'react';
|
||||
import { ConfigProvider, theme } from "antd";
|
||||
const ThemeContext = createContext();
|
||||
|
||||
export const ThemeProvider = ({ children }) => {
|
||||
@@ -19,7 +19,52 @@ export const ThemeProvider = ({ children }) => {
|
||||
|
||||
return (
|
||||
<ThemeContext.Provider value={{ isDarkMode, toggleTheme }}>
|
||||
{children}
|
||||
<ConfigProvider
|
||||
theme={{
|
||||
algorithm: isDarkMode ? theme.darkAlgorithm : theme.defaultAlgorithm,
|
||||
token: {
|
||||
colorPrimary: "#1677ff",
|
||||
borderRadius: 4,
|
||||
colorBgContainer: isDarkMode ? "#141414" : "#ffffff",
|
||||
colorBgElevated: isDarkMode ? "#1f1f1f" : "#ffffff",
|
||||
colorText: isDarkMode
|
||||
? "rgba(255, 255, 255, 0.85)"
|
||||
: "rgba(0, 0, 0, 0.85)",
|
||||
colorTextSecondary: isDarkMode
|
||||
? "rgba(255, 255, 255, 0.45)"
|
||||
: "rgba(0, 0, 0, 0.45)",
|
||||
},
|
||||
components: {
|
||||
// 为所有支持 variant 的组件设置 filled 模式
|
||||
Form: {
|
||||
variant: 'filled',
|
||||
},
|
||||
Input: {
|
||||
variant: 'filled',
|
||||
},
|
||||
Select: {
|
||||
variant: 'filled',
|
||||
},
|
||||
TreeSelect: {
|
||||
variant: 'filled',
|
||||
},
|
||||
DatePicker: {
|
||||
variant: 'filled',
|
||||
},
|
||||
TimePicker: {
|
||||
variant: 'filled',
|
||||
},
|
||||
Cascader: {
|
||||
variant: 'filled',
|
||||
},
|
||||
AutoComplete: {
|
||||
variant: 'filled',
|
||||
},
|
||||
}
|
||||
}}
|
||||
>
|
||||
{ children }
|
||||
</ConfigProvider>
|
||||
</ThemeContext.Provider>
|
||||
);
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user