查看: 502|回复: 5
打印 上一主题 下一主题

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

[复制链接]
  • TA的每日心情
    开心
    2020-9-5 18:00
  • 签到天数: 215 天

    [LV.7]常住居民III

    19

    主题

    413

    回帖

    1万

    积分

    状元

    Rank: 9Rank: 9Rank: 9

    积分
    10818

    灌水大神章小蜜蜂章笑傲江湖章

    跳转到指定楼层
    1
    发表于 2020-6-5 07:51:47 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式
    欧路在前段时间已经加入了对黑暗模式的支持。但是效果太差了,简直辣眼睛,可读性极差,完全没办法用。
    今天突发奇想,打算自己做一个能支持黑暗模式的css。我觉得最终效果还不错。


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

    [LV.7]常住居民III

    1

    主题

    196

    回帖

    3万

    积分

    状元

    Rank: 9Rank: 9Rank: 9

    积分
    30482

    笑傲江湖章灌水大神章

    2
    发表于 2020-6-9 10:51:31 | 只看该作者
    习惯了绿色护眼,黑白的反差太大,看多了眼睛疼
  • TA的每日心情
    开心
    2020-9-5 18:00
  • 签到天数: 215 天

    [LV.7]常住居民III

    19

    主题

    413

    回帖

    1万

    积分

    状元

    Rank: 9Rank: 9Rank: 9

    积分
    10818

    灌水大神章小蜜蜂章笑傲江湖章

    3
     楼主| 发表于 2020-6-10 08:44:43 | 只看该作者
    余佳卓 发表于 2020-6-9 10:51
    习惯了绿色护眼,黑白的反差太大,看多了眼睛疼

    有一部分人非常喜欢
  • TA的每日心情
    开心
    2018-8-8 03:13
  • 签到天数: 1 天

    [LV.1]初来乍到

    254

    主题

    4264

    回帖

    7万

    积分

    状元

    Rank: 9Rank: 9Rank: 9

    积分
    79050

    小蜜蜂章笑傲江湖章灌水大神章QQ 章

    QQ
    4
    发表于 2020-6-10 09:40:42 | 只看该作者
    Niaaan 发表于 2020-6-10 08:44
    有一部分人非常喜欢

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

  • TA的每日心情
    开心
    2020-9-5 18:00
  • 签到天数: 215 天

    [LV.7]常住居民III

    19

    主题

    413

    回帖

    1万

    积分

    状元

    Rank: 9Rank: 9Rank: 9

    积分
    10818

    灌水大神章小蜜蜂章笑傲江湖章

    5
     楼主| 发表于 2020-6-14 14:06:31 | 只看该作者
    喬治兄 发表于 2020-6-10 09:40
    Niaaan 兄:
    css 可以改試 Bootstrap 的模式
    等你另闢蹊徑,小弟再跟隨照抄....哈哈哈

    没这个水平啊。我都是在论坛学习的
  • TA的每日心情
    开心
    2018-8-8 03:13
  • 签到天数: 1 天

    [LV.1]初来乍到

    254

    主题

    4264

    回帖

    7万

    积分

    状元

    Rank: 9Rank: 9Rank: 9

    积分
    79050

    小蜜蜂章笑傲江湖章灌水大神章QQ 章

    QQ
    6
    发表于 2020-6-14 17:00:08 | 只看该作者
    Niaaan 发表于 2020-6-14 14:06
    没这个水平啊。我都是在论坛学习的

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