增加 darkmode
Kaffa 发布于
Dark Mode
bulma.css 增加了 darkmode,于是为站点增加暗夜模式提供了便利。
这是一种感觉,事实是添加 darkmode 类似增加主题,对网站而言可谓伤筋动骨。
因为原有设计中,未考虑多主题的文字和背景搭配都需要重新考虑,原有正常的比如 has-text-grey 这种其实也是写死。
另外还有第三方组件,也未兼容 darkmode。
以上几点,花费了两个晚上修改,已经修改得飞快,这次修改将所有的写死的地方,全都修改为 var 变量。
完成暗夜模式后,晚上使用,LP就不会说太亮。
吐槽 bulma 1.0
bulma 这次升级可谓仓促,虽然有很多新功能,但其中还有一些破坏性升级,比如原先的 tile 组件,虽然有替代方案,但说白了就是废弃了。
另外,新增的 darkmode 也并未对所有组件仔细考虑,还有升级过程并不能做到像素级一致,许多地方需增加定义和自定义。
虽然做了小白鼠,但好在是自留地,不完美也不重要,重要的是完成了。
提示
bulma 0.94 在做充分评估前,不要冒然升级到 bulma 1.0,犹其是使用了 tile 或者希望增加 darkmode 的人。