蚂蚁设计：如何在生产中切换浅色或深色主题？

Question

如何在create-react-app生产环境中动态切换Ant Design的深色主题和浅色主题？

Answer 1

看看它是否可以解决您的问题，我还没有使用过，但是对我来说似乎很有希望。 游乐场：https://antd-live-theme.firebaseapp.com/ Github网址：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'
})

希望这会有所帮助！