如何为 React App 应用 antd 黑暗主题？

Question

我想在我的新 React Web 应用程序中使用这个深色主题：https : //github.com/ant-design/ant-design-dark-theme

下面就定制主题方向之后在这里上应用主题README和方向在这里我的配置，overrides.js如下所示：

const { darkTheme } = require('@ant-design/dark-theme');
const { override, fixBabelImports, addLessLoader } = require('customize-cra');

module.exports = override(
  fixBabelImports('import', {
    libraryName: 'antd',
    libraryDirectory: 'es',
    style: true,
  }),
  addLessLoader({
    javascriptEnabled: true,
    modifyVars: darkTheme
  }),
);

这似乎不起作用。例如，我有一个 Menu antd 组件仍然显示在“light”主题而不是“dark”主题中。

我想让我的所有 antd 组件都以深色主题呈现，而无需我明确设置它。那可能吗？如果是，我做错了什么？

这里不是前端开发人员，所以如果我遗漏了一些明显的东西，请告诉我。

Answer 1

对我有用的解决方案是@JoseFelix 和@Anujs 答案的组合。谢谢两位的回答：

const darkTheme = require('@ant-design/dark-theme');
const { override, fixBabelImports, addLessLoader } = require('customize-cra');

module.exports = override(
  fixBabelImports('import', {
    libraryName: 'antd',
    libraryDirectory: 'es',
    style: true,
  }),
  addLessLoader({
    javascriptEnabled: true,
    modifyVars: darkTheme.default
  }),
);