主题添加深色模式

/ 16 Comments / 1156 View

深色模式

最近闲着无事就把电脑和手机系统都升级到最新版,都增加了一个新特性:深色模式。

平时我比较喜欢用微信读书看小说,每天晚上都得手动去调成夜间模式,黑底白字看起来没那么刺眼。现在能跟随系统的模式自动切换,免去每晚去调整的步骤。

顺应潮流,也给主题增加了一个功能 ,通过 @media 判断系统是否采用了 dark mode,然后更改为深色背景。

@media screen and (prefers-color-scheme: dark) {
    /* dark mode 模式下的 css 样式 */ 
}

prefers-color-scheme: light | dark 属性,基本上主流浏览器都支持。

浏览器兼容.jpg

以本站为例:

body {
    color: #505050; /* 在 light mode 时,文字颜色 */
}
@media screen and (prefers-color-scheme: dark) {
    body {
        color: #eee; /* 切换到 dark mode 时,文字颜色 */
    }
}

需要修改的地方不算太多,小细节就忽略掉吧,起码现在看起来也不会太难看。

深色模式2.png

艰难的开学

广东终于确定5月11日后分批安排返校。

自从我上班后,我老婆的工作也越来越艰难,毕竟身边有一个调皮的小子经常捣乱,又得监督他吃饭洗澡睡觉,每天也忙个不停。然后现在上面中心小学的领导又出了一些傻逼规定。

对于这些种种规定,我已经无力吐槽,我老婆每天早上起来除了忙孩子的事,每天因为工作至少到凌晨12点半才能完成。

也已经和本校的一些领导说了一下,如果持续这样下去,我就直接去实名举报,不管省教育厅也好还是市长信箱也好,只要能举报的渠道我都来一遍。

对于那些领导,也只想亲切的问候一句:傻逼,去你妈的。

已有 16 条评论
  1. 狼人杀

    鱼哥 Junichi Theme这个主题,我想让它缩小宽度,我改了
    container {
    position: relative;
    max-width: 100pc;
    min-height: 100%
    这里,但是只有文章页面向左缩小了,我想侧边栏和文章页一起向中间缩下,请问改CSS里的那段。谢谢

    回复
    1. @狼人杀

      需要改动的地方很多, .left-col .mid-col .container 三个样式重新写过吧。

      回复
  2. 现在深色模式,比较流行

    回复
  3. 现在就是有太多的外行领导内行

    回复
    1. @秦大叔

      其实也不单单是外行领导,而是上面文件明明只说是一,但某些领导就是让下面的人做到三甚至四。

      回复
  4. 现在都注重暗黑模式了,幸好我使用的主题自带了..很人性化晚上换种配色很贴心。
    女儿都幼儿园,不管什么时候开学已经决定不送读了。

    回复
    1. @Mr.Chou

      广东幼儿园都不开学了吧?已经计划让我儿子明年继续读一年中班了

      回复
  5. 嘎子哥

    博主,问下你这博客是什么主题鸭,看着好清爽,也想整一个

    回复
    1. @嘎子哥

      根据 https://github.com/chakhsu/pinghsu 修改而来的 你可以看看

      回复
      1. 嘎子哥
        @痞子鱼

        好的,感谢回复,我去看看

        回复
  6. 不同浏览器的渲染顺序不一致,有时需要加!important来强调。
    估计我们这边老师也有同样的规定。所以这几天老师的对策是:不要求上传,不要求回复完成。领导再厉害,也无法对0进行反复审核吧。

    回复
    1. @大致

      测试了 Safari chrome firefox 这三个浏览器没多大问题就算完成了。
      其实后续10分钟以上的视频都是发到邮箱后就没下文的,因为根本没人点击下载来看,都是形式上的玩意。

      回复
  7. Yan

    哈哈,今天还有个领导在吐槽,说学校老师逼迫她每天三点前要帮儿子改好作业传上去,晚上7点前必须结束返工之类。关键是她很忙,根本没时间改作业和帮儿子返工。我觉得这就是神经病领导。不过,不是学校这两天已经开学了吗,所有家长都松了口气。

    回复
    1. @Yan

      对于另外一个老师来说我老婆也是个家长,我儿子幼儿园每周也有打卡任务。所以老师其实就是夹在学校和家长之间两头难。
      广东还得到下个月才开学,还得熬。

      回复
  8. 深色模式,最近感觉用的多起来了哈!

    回复
    1. @山野愚人居

      关灯的时候,手机亮度调低,黑底白字看起来还是很舒服的。

      回复
发表新评论