🌗 分享：Layui 深色主题

用 PostCSS 提取颜色 rule 制作的 Layui 暗色主题。主要是降低颜色饱和度，略微提升明度，背景、下拉菜单和弹层通过灰阶区分层级。已使用 CSS 变量重构，使用时可以根据需求调整一些细节。

仓库会提供将 CSS 变量转换为实际颜色的文件。二次定制后如果需要支持 IE，可以通过 PostCSS 插件将 CSS 变量转换为实际颜色, 这里有一个 Playground 支持在线转换。
测试 IE9+ 无问题，IE8 下前景色有一些问题，需要单独处理。如果你需要支持 IE8，修改前景色相关 CSS 变量，去除透明度，用不同色阶的灰色代替即可。
使用 css-vars-ponyfill，测试支持 IE10+，但是限制太多，制作主题切换比较麻烦。

支持 Layui 2.8.0 及以上版本，如果您发现任何问题，欢迎提 issues 或 PR。

输入图片说明

大力支持

不错不错，前排人力点赞！

哈哈。。官方应该也出个容器层。来控制颜色。。

好黑呀

挺不错的

说实话，效果一般，对余已经定格好的模板改动较大，还是darkreader好用，完全没必要写css！

darkreader 非常棒，但这个领域仍在探索阶段，我认为他不适合生产环境。

说实话，这个不好看！

能不能把layuiAdmin也一块支持了。

您可以尝试将其添加到 Layui Admin 中，根据页面效果做一些调整，应该不需要太多修改。

可以考虑弄一套类似这种科技蓝的主题，这个应用场景会更多些
输入图片说明

调整背景色和前景色相关变量，可以达到类似的效果。
这个项目的目标是为 layui 的默认主题适配暗色模式，做其他细致的主题可能不太合适，需要更细粒度的颜色变量。后面有时间会考虑重构。
输入图片说明

由 @morning-star 提供的 Layui 深色主题入口已放置在新文档站「生态」一栏中：https://layui.dev

感谢您的支持☺️

相关的 issue 已经置顶了很长时间，是时候关闭了，非常感谢 layui 对该项目的支持。

GVP Layui / layui