关于词典的黑暗模式

Niaaan · 发表于 2020-6-5 07:51:47

欧路在前段时间已经加入了对黑暗模式的支持。但是效果太差了，简直辣眼睛，可读性极差，完全没办法用。
今天突发奇想，打算自己做一个能支持黑暗模式的css。我觉得最终效果还不错。

欧路的黑暗模式是通过把除了图片以外的所有颜色进行反色处理来实现的，所以就破坏了原设计者的颜色搭配。
我们只需要把css中的颜色全部改成反色，在黑暗模式下就可以再次返回来了，这样就保留了原本的颜色搭配。然后个别辣眼睛的地方再做一做微调。比如原本浅灰色的文字背景框，经过两次反色后依然是浅灰色。然后放到黑色背景下，由于它不是透明的，所以会非常突出，和原设计不符。我这里是把原灰色略微调深，经过欧路反色后变成深灰色，和黑色背景就比较搭配了。
希望各位老哥可以多多适配这种黑暗模式啊，本人非常喜欢。

余佳卓 · 发表于 2020-6-9 10:51:31

习惯了绿色护眼，黑白的反差太大，看多了眼睛疼

Niaaan · 发表于 2020-6-10 08:44:43

余佳卓发表于 2020-6-9 10:51
习惯了绿色护眼，黑白的反差太大，看多了眼睛疼

有一部分人非常喜欢

喬治兄 · 发表于 2020-6-10 09:40:42

Niaaan 发表于 2020-6-10 08:44
有一部分人非常喜欢

Niaaan 兄:
css 可以改試 Bootstrap 的模式
等你另闢蹊徑,小弟再跟隨照抄....哈哈哈
內有教程
https://www.runoob.com/
https://www.w3cschool.cn/

Niaaan · 发表于 2020-6-14 14:06:31

喬治兄发表于 2020-6-10 09:40
Niaaan 兄:
css 可以改試 Bootstrap 的模式
等你另闢蹊徑,小弟再跟隨照抄....哈哈哈

没这个水平啊。我都是在论坛学习的

喬治兄 · 发表于 2020-6-14 17:00:08

Niaaan 发表于 2020-6-14 14:06
没这个水平啊。我都是在论坛学习的

Niaaan兄太謙虛了，應該是不會很難啦，只是每個詞頭要掛一下那bootstrap的css和幾個所需 js 而已啦！有時間可以研究看看

[讨论] 关于词典的黑暗模式