轻松排版，即使在暗黑模式下
内容提要
Tailwind CSS Typography 插件 v0.5 发布，新增支持暗黑模式和定制 API。新增的 prose-invert 类可在暗黑模式下轻松切换排版颜色，插件简化了颜色主题定义，并允许直接修改 HTML 样式。通过 not-prose 类，可以插入不受排版样式影响的 HTML。
延伸解读
暗黑模式排版的无缝切换
新增的 prose-invert 类让暗黑模式下的排版颜色切换变得简单。只需在 prose 类旁添加 dark:prose-invert，即可自动应用手工设计的暗色主题，并适配你选择的灰度。这减少了手动调整颜色的需要，提升了开发效率。
灵活匹配站点灰度
Tailwind CSS v3.0 默认提供五套灰度，更新后的排版插件为每套都包含了对应类，如 prose-slate。这使得排版颜色能轻松与站点其他部分保持一致，无需额外自定义。
HTML 内直接定制样式
新的定制 API 允许通过修饰符直接在 HTML 中调整特定元素样式，例如 prose-img:rounded-xl 为图片添加圆角，prose-a:text-blue-600 设置链接颜色。这简化了品牌样式匹配，避免了额外 CSS 编写。
使用 not-prose 排除干扰
当需要在内容中插入非内容 HTML 时，可以用 not-prose 包裹，确保排版样式不会影响它。例如在文章内嵌入自定义组件时，这能保持其原始样式，避免 prose 类的意外覆盖。
Q&A
Tailwind CSS Typography 插件 v0.5 有哪些新功能？
新增支持暗黑模式、定制 API 和 not-prose 类。
如何在暗黑模式下使用 prose-invert 类？
可以通过在 HTML 中添加 class="dark:prose-invert" 来轻松切换排版颜色。
Tailwind CSS v3.0 提供了多少种灰色主题？
Tailwind CSS v3.0 默认提供五种不同的灰色主题。
如何使用 HTML 定制 API 修改排版样式？
可以在 HTML 中使用各种修饰符来调整特定元素的排版样式。
not-prose 类的作用是什么？
not-prose 类用于插入不受排版样式影响的 HTML 内容。
如何安装 Tailwind CSS Typography 插件 v0.5？
可以通过命令 npm install -D @tailwindcss/typography@latest 安装该插件。
