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

2023-05-08 18:34:25 +08:00
 pacexy1

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

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

1316 次点击
所在节点    分享创造
2 条回复
AaronHsiung
2023-05-09 09:36:49 +08:00
这个相对简单是指哪方面?凡是页面文字和样式的地方都能支持吧?图片当然另说。
pacexy1
2023-05-09 11:21:35 +08:00
@AaronHsiung #1

1. 目前暗黑模式的策略是取反色,肯定是没有手动调好看的
2. 还没有提供可配置项,如果你需要一些自定义的话,可能就无法满足了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/938357

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX