reactjs - 如何为 React 应用应用 antd 深色主题？

Question

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

按照自定义主题的指示后 here以及自述文件 here 中应用主题的说明我的 config-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
  }),
);

这似乎不起作用。例如，我有一个菜单 antd 组件仍然显示在“浅色”主题而不是“深色”主题中。

我想让我的所有 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
  }),
);