增加 darkmode

Kaffa 发布于

分类: 网站 标签: darkmode bulma

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 的人。