最近又在鼓捣个人网站的 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 的设计理念很有意思,势头也有点猛,以后应该会考虑完全转向它。