where to customize theme colors in the latest version?

[yang-zhang-work]

I followed the doc (https://nextjstemplates.com/docs/customization#customizing-colors) and tried to customize theme color, but after updating tailwind.config.ts and rerunning npm run dev, nothing changes. I wonder if the doc was bit of outdated and there is a new way of customizing colors, or maybe I just did it wrong.

import type { Config } from "tailwindcss";

const config: Config = {
  darkMode: "class",
  content: [
    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
      colors: {
        current: "currentColor",
        transparent: "transparent",
        white: "#ffffff",
        black: "#090e34",
        dark: "#1d2144",
        primary: "#0ACF83",
        yellow: "#FFD600",
        "body-color": "#959cb1",
    },
  },
  plugins: [require("tailgrids/plugin")],
};
export default config;