как использовать Craco с antd для переключения тем?

Question

Я пытаюсь использовать Craco с Ant-Design, но не могу создать правильный переключатель тем. Есть ли более простой способ реализовать для этого переключатель тем?

const CracoLessPlugin = require("craco-less");
const {
    getThemeVariables
} = require('antd/dist/theme');

module.exports = {
    plugins: [{
        plugin: CracoLessPlugin,
        options: {
            lessLoaderOptions: {
                lessOptions: {
                    modifyVars: {
                        "@primary-color": "#1DA57A",
                        ...getThemeVariables({
                            dark: true,
                            compact: true
                        })
                    },
                    javascriptEnabled: true
                }
            }
        }
    }],
};

Answer 1

Мне удалось просто включить импорт в мой основной файл CSS внутри приложения. js прямо перед импортом для antd.less

Чтобы импортировать темную тему, я сделал следующее:

@import '~antd/lib/style/themes/dark.less';
@import '~antd/dist/antd.less';

Вы можете узнать больше здесь https://ant.design/docs/react/customize-theme#Customize -in-less-file