• 新鲜事R语言
  • 中立但不平庸的前端文本配色方案: Tailwind CSS Typography

最近又在鼓捣个人网站的 blogdown/Hugo主题,终于换成了让我满意的字体组合,但是又感觉 Bootstrap 5 默认主题的文本配色对比度有些过高,长时间阅读有点刺眼。

于是做了一下研究,发现我最满意的 HuggingFace 和 ChatGPT 的前端文本都使用了 Tailwind CSS 提供的配色方案,降低了对比度,但又不会特别明显。 @tailwindcss/typography 中的 prose 类目前提供了五种灰度: Gray, Slate, Zinc, Neutral, Stone. 我就把 prose-slate 移植到了我的主题中。

值得一提的是,tailwindr 还提供了 Tailwind 针对 R Markdown 输出的实现,shiny.tailwind 提供了针对 Shiny 的实现。

相对于 Bootstrap,Tailwind 的设计理念很有意思,势头也有点猛,以后应该会考虑完全转向它。

对我来说一直有两个神奇的搭配:一是辣椒面里头加鱼腥草末,搭配出了完全意料之外的美味;另一个就是养眼的莫兰迪色系,原来只是普通的彩色里头加灰。