今天我们宣布了 Tailwind CSS Typography 插件 的下一个版本，该版本带来了简单的深色模式支持、全新的自定义 API，以及我曾不确定我们是否能支持的 not-prose 类。
要全面了解新功能，请查看我们 YouTube 频道上的 官方发布视频。
Tailwind CSS Typography v0.5 为 Tailwind CSS v3.0 设计，因此请确保您使用的是最新版本的 Tailwind，然后从 npm 安装新插件版本：
npm install -D @tailwindcss/typography@latest要了解插件提供的所有内容，请查看我们的更新 typography plugin 文档。
简单的深色模式支持
我们增加了一个 prose-invert 类，您可以用它轻松切换深色模式下的排版颜色：
<body class="bg-white dark:bg-gray-900"> <article class="prose dark:prose-invert">{{ markdown }}</article></body>深色主题由我们的专业设计团队精心制作，自动适应您使用的任何灰度。
选择您的灰度
默认情况下，Tailwind CSS v3.0 提供五组不同的灰色，而更新后的排版插件包含每组的类，使您可以轻松将排版与网站的其余部分匹配：
<article class="prose prose-slate">{{ markdown }}</article>我们也简化了内部定义颜色主题的方式，这使得如果您需要添加自己的主题变得更容易。
查看 文档 以了解更多信息。
基于 HTML 的自定义 API
我们增加了大量修饰符，您可以直接在 HTML 中用于调整排版样式中的特定元素：
<article class="prose prose-img:rounded-xl prose-headings:underline prose-a:text-blue-600"> {{ markdown }}</article>这使得像为链接添加与您的品牌匹配的样式、为图像添加边框半径等变得简单。
查看 element modifiers 文档以了解更多。
撤销排版样式
是否曾需要在内容中间插入一些非内容的 HTML？现在您可以用 not-prose 包裹它，以确保排版样式不会干扰：
<article class="prose"> <h1>我的标题</h1> <p>...</p> <div class="not-prose"> <!-- 一些需要无排版的 HTML --> </div> <p>...</p> <!-- ... --></article>准备好试试了吗？请查看 排版插件文档 以了解更多信息并开始使用。