小编Ton*_*eng的帖子

好吧，我的问题不仅仅是标题所示的问题。我一直在尝试在我的 React 应用程序中添加自定义颜色，但遇到了多个问题。

这是我的一些代码：

// tailwind.config.js
module.exports = {
  purge: [],
  theme: {
    colors: {
      primary: "var(--color-primary)",
      secondary: "var(--color-secondary)",
    },
    extend: {},
  },
  variants: {},
  plugins: [],
};

// tailwind.css
@tailwind base;

@tailwind components;

@tailwind utilities;

.theme-TCD {
  --color-primary: #411218;
  --color-secondary: #e8982e;
}

1. 我最初使用 npm 按照本教程设置了我的 React 应用程序，但这不起作用。当我使用纱线遵循本教程时，一些自定义颜色可以正确应用。

2. 仅应用自定义文本颜色，而不应用背景颜色。

3. 自定义文本颜色仅适用于 React 元素。它不适用于纯 HTML 标记。IE

import React from "react";
import Hello from "./hello";

function App() {
  return (
    <div className="theme-TCD">
      <h1 className="text-primary">Hello World!</h1> // This does not …