tailwind.config.ts

import type { Config } from "tailwindcss";

const config: Config = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      backgroundColor: {
        dark: "rgb(15, 24, 42)",
        light: "#ffffff",
      },
      colors: {
        blue: "#007AFF",
        green: "#00C676",
        lime: "#E2FF00",
        black: "#222222",
        primary: "rgba(var(--color-primary), <alpha-value>)",
        secondary: "rgba(var(--color-secondary), <alpha-value>)",
        point: "rgba(var(--color-point), <alpha-value>)",
        foreground: "rgba(var(--foreground-rgb), <alpha-value>)",
        background: "rgba(var(--background-rgb), <alpha-value>)",
      },
      zIndex: {
        "modal-overlay": "899",
        "modal-content": "900",
      },
    },
  },
  plugins: [],
};
export default config;