tailwind.config.js

const colors = require("tailwindcss/colors");

module.exports = {
  purge: ["./src/**/*.{js,jsx,ts,tsx}"],
  darkMode: "class", 
  media: false, // or 'media' or 'class'
  theme: {
    colors: {
      transparent: "transparent",
      current: "currentColor",
      red: colors.red,
      blue: colors.blue,
      green: colors.emerald,
      yellow: colors.yellow,
      black: colors.black,
      white: colors.white,
      slate: colors.slate,
      amber: colors.amber,
      fuchsia: colors.fuchsia,
      indigo: colors.indigo,
      purple: colors.purple,
      pink: colors.pink,
      sky: colors.sky,
      teal: colors.teal,
      fernGreen: {
        DEFAULT: "#4F7942",
        50: "#C9DEC3",
        100: "#BAD5B2",
        200: "#9DC391",
        300: "#7FB170",
        400: "#659A54",
        500: "#4F7942",
        600: "#395830",
        700: "#24371E",
        800: "#0E160C",
        900: "#000000",
      },
      aozora: {
        DEFAULT: "#50b8e7",
        50: "#edf7fc",
        100: "#cae9f7",
        200: "#dcf0fa",
        300: "#b9e2f5",
        400: "#84cdee",
        500: "#50b8e7",
        600: "#48a5cf",
        700: "#3880a1",
        800: "#285c73",
        900: "#10242e",
      },
    },
  },
};