Eu quero usar este tema sombrio para o meu novo aplicativo da web react: https://github.com/ant-design/ant-design-dark-theme
Depois de seguir as instruções sobre a personalização do tema aqui e as instruções sobre a aplicação do tema no README aqui, o meu config-overrides.js fica assim:
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
}),
);
Isso não parece estar funcionando. Por exemplo, eu tenho um componente Menu e ainda aparecendo no tema "claro" em vez do tema "escuro".
Eu gostaria que todos os meus componentes antd fossem renderizados com o tema escuro, sem que eu o explicitasse. Isso é possível? Se sim, o que estou fazendo de errado?
Não é um desenvolvedor front-end aqui, então, deixe-me saber se estou perdendo algo óbvio.