Цвета темы попутного ветра не работают с Daisyui

Когда я пытаюсь использовать приведенные ниже цвета в своем следующем приложении с попутным ветром и daisyui, они не работают, но если я удалю плагин daisyui, они по какой-то причине начнут работать.

хвостовой ветер.config.js

import type { Config } from "tailwindcss";
import daisyui from "daisyui";

const config: Config = {
  daisyui: {
    themes: ["dark"],
  },
  content: [
    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      backgroundImage: {
        "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
        "gradient-conic":
          "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
      },
      colors: {
        "primary-red": "#E84644",
        "navbar-bg": "#111111",
        "primary-bg": "#1E1E1E"
      },
    },
  },
  plugins: [daisyui],
};
export default config;

страница.tsx

import Navbar from "@/Components/Navbar";

export default function Home() {
  return (
    <main className = "bg-primary-red">
      <Navbar />
    </main>
  );
}

Если я удалю плагин daisyui в Tailwind.config.js, класс цвета начнет работать, но с Daisyui по какой-то причине он не работает.