V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
pacexy1
V2EX  ›  分享创造

将 TailwindCSS 内置颜色替换为 CSS 变量,并支持暗黑模式

  •  
  •   pacexy1 ·
    pacexy · 355 天前 · 1291 次点击
    这是一个创建于 355 天前的主题,其中的信息可能已经有所发展或是发生改变。

    目前还只是一个尝试,如果网站只需要支持相对简单的暗黑模式,可以试试这个方案

    GitHub: https://github.com/pacexy/tailwindcss-variable-colors

    Demo: https://tailwindcss-variable-colors.vercel.app/

    灵感来源: https://innei.ren/posts/programming/tailwind-built-in-colors-dark-mode

    2 条回复    2023-05-09 11:21:35 +08:00
    AaronHsiung
        1
    AaronHsiung  
       355 天前
    这个相对简单是指哪方面?凡是页面文字和样式的地方都能支持吧?图片当然另说。
    pacexy1
        2
    pacexy1  
    OP
       355 天前
    @AaronHsiung #1

    1. 目前暗黑模式的策略是取反色,肯定是没有手动调好看的
    2. 还没有提供可配置项,如果你需要一些自定义的话,可能就无法满足了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5363 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 05:54 · PVG 13:54 · LAX 22:54 · JFK 01:54
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.