如何设置 Tailwind 中文本的默认颜色？

在Tailwind CSS中，设置文本的默认颜色通常是通过配置文件（tailwind.config.js）来实现的。你可以在这个文件中指定好你希望的默认颜色，然后在整个项目中使用这种颜色。下面是一个如何设置默认文本颜色的步骤和示例：

步骤 1: 打开或创建 tailwind.config.js 文件

首先，确保你的项目中有一个 tailwind.config.js 文件。如果没有，可以通过运行 npx tailwindcss init 命令来创建一个。

步骤 2: 配置默认颜色

在 tailwind.config.js 文件中，你可以扩展默认的主题配置。为了设置文本颜色，需要在 extend 对象中的 colors 属性下添加你的默认颜色。

javascript
module.exports = {
  theme: {
    extend: {
      colors: {
        // 设置默认的文本颜色为某种灰色
        'gray': '#333',
      }
    }
  }
}

步骤 3: 使用自定义颜色

配置文件设置好后，你可以在你的 HTML 或者其他模板文件中使用这个颜色类。例如：

html
<p class="text-gray">这是一段默认的灰色文本</p>

示例项目

假设我们有一个简单的网页项目，其中的文本需要统一设置为灰色。在 tailwind.config.js 中进行如上设置后，所有使用 text-gray 类的文本元素都会应用这个颜色。

请注意，这里的 'gray' 只是一个例子，你可以根据实际需求定义不同的颜色名称和值。此外，你还可以在配置文件中设置其他默认样式，比如字体大小、行高等，来实现更加一致和专业的视觉效果。