V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Hakadao
V2EX  ›  前端开发

如何快速适配一个完全没有做深色的网站做深色主题?

  •  2
     
  •   Hakadao ·
    hakadao · 144 天前 · 751 次点击
    这是一个创建于 144 天前的主题,其中的信息可能已经有所发展或是发生改变。

    目前用了這麼一段樣式

    html.dark {
      filter: invert(1) hue-rotate(180deg) !important;
      background-color: white;
    }
    
    .dark {
      img,
      video,
      iframe,
      [style*="background-image: url"],
      [style*="background: url"] {
        filter: invert(1) hue-rotate(180deg) !important;
      }
    }
    

    发现效果多少有点差别图片就算再设置一次 filter 还是有点偏色现象,还有就是如果是 div 里面不是通过行内样式设置的话无法识别,写 js 判断的话又完全没有头绪。

    1 条回复    2024-08-14 18:13:16 +08:00
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5905 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 06:14 · PVG 14:14 · LAX 22:14 · JFK 01:14
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.