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

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

  •  
  •   pacexy1 ·
    pacexy · 2023-05-08 18:34:25 +08:00 · 1490 次点击
    这是一个创建于 544 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    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  
       2023-05-09 09:36:49 +08:00
    这个相对简单是指哪方面?凡是页面文字和样式的地方都能支持吧?图片当然另说。
    pacexy1
        2
    pacexy1  
    OP
       2023-05-09 11:21:35 +08:00
    @AaronHsiung #1

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