Ant Design: как переключить светлую или темную тему в производство?

Question

Как динамически переключаться между темной темой и светлой темой Ant Design в производственной среде создания-реагирования-приложения?

Answer 1

посмотрите, решит ли это вашу проблему, я этим не пользовался, но выглядит многообещающе для меня. Детская площадка: https://antd-live-theme.firebaseapp.com/ Github URL: https://github.com/mzohaibqc/antd-theme-generator

Добавьте следующие строки в ваш основной HTML файл

<link rel="stylesheet/less" type="text/css" href="/color.less" />
<script>
 window.less = {
 async: false,
 env: 'production'
 }; 
</script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/less.js/2.7.2/less.min.js"></script>

Теперь вы можно обновлять цвета, обновляя .less переменные, как это

window.less.modifyVars({
 '@primary-color': '#0035ff'
})

Надеюсь, это поможет!