首页 Antd-v5中使用暗黑模式
文章
取消

Antd-v5中使用暗黑模式

  • theme.defaultAlgorithm: 默认主题
  • theme.darkAlgorithm: 对应 v4 版本的暗黑主题
  • theme.compactAlgorithm: 对应 v4 版本的紧凑主题
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
import { PropsWithChildren } from "react";

import { ConfigProvider, theme } from "antd";

const AntdThemeProvider: React.FC<PropsWithChildren> = ({ children }) => (
  <ConfigProvider
    theme={{
      algorithm: theme.darkAlgorithm,
    }}
  >
    {children}
  </ConfigProvider>
);

export default AntdThemeProvider;
本文由作者按照 CC BY 4.0 进行授权