自上文发布以来，作者收到了很多的私信，也很高兴。

组件库设计 | React组件库Concis开源探索过程中的一些心路历程

大致内容有都是对作者的鼓励，心中十分感激，同时Concis收到了很多的pr，贡献者也突破了5个…至少作者不会写着写着突然有一种迷迷糊糊很迷茫的感觉了，这点非常开心。

作者不断的在思考下一步Concis该做些什么，简单参考了一些成功的项目，最终花了三天时间做了暗黑模式。

Concis已开工半年时间，开源免费，欢迎大家体验、一起折腾。你可以通过以下方式来支持作者。

其实作者刚开始一段时间是比较累的，因为并没有什么关注，同时是一个人，最近一段时间其实好很多了，因为社区的力量以及Concis不断完善，受到了一些支持，也给作者加了一把油。

Github

线上文档

什么是暗黑模式？在我们翻阅一些网页的时候，白色的主色调会让人觉得刺眼，尤其是在夜晚的时候，这时候暗黑模式就有作用了。它可以大大的增加可读性，减轻眼睛的疲劳感。并且暗色的主题总感觉会有一种很高端的感觉，如果你经常喜欢逛github，那当暗黑模式肯定是再熟悉不过了…

先看一下Concis暗黑模式的效果吧。

天黑，请闭眼。

天亮，请打工。

如果你不喜欢Concis内置的主题色，你可以将暗黑模式和自定义主题结合，就像这样：

对于优先级，自定义主题色的优先级会高于暗黑主题的颜色，当然你可以通过全局className，组件局部className，来深度自定化一些自己所需要的业务样式。

自定义主题实现文章可参考：

五分钟告诉你React全局配置项目主题色是怎么实现的

在下载配置完成Concis的情况下：

其中darkTheme代表开启暗黑模式，globalColor代表自定义主题色。

Concis内置了贴合暗黑模式的项目背景色和文本色：

Concis依靠主题前缀类名控制组件的模式，如concis-dark-button代表暗黑模式按钮，concis-button代表普通模式按钮，给每一款组件提供两份主题样式即可，主要的工程还是在自定义主题色那里去完成的，因为子组件需要借助GlobalConfig的传参，才可以去判断主题。

希望这次暗黑模式的特性可以让大家眼前一亮，最近作者也是一个人在开发暗黑模式同时去review多个小伙伴的pr，顺便改一下小伙伴代码中不足的地方，后期考虑继续完善组件库，因为目前组件数量还不是很多（40+），也希望大家可以给Concis一些关注和支持。

开源不易，如果文章内容对你有帮助，请支持一下，非常感谢。