tailwind.config.js

/** @type {import('tailwindcss').Config} */

const { fontFamily } = require("tailwindcss/defaultTheme");

export default {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  darkMode: "class",
  theme: {
    extend: {
      colors: {
        light: "hsl(var(--outline-light))",
        dark: {
          DEFAULT: "hsl(var(--outline-dark))",
          1: "hsl(var(--outline-dark-d))",
        },

        primary: {
          DEFAULT: "hsl(var(--primary))",
          hover: "hsl(var(--primary-hover))",
          active: "hsl(var(--primary-active))",
        },
        fg: {
          300: "var(--fg-300)",
          200: "var(--fg-200)",
          DEFAULT: "var(--fg)",
        },
        white: "hsl(var(--white))",
        black: "hsl(var(--black))",
      },
      fontFamily: {
        primary: ["Ubuntu", ...fontFamily.sans],
        bangla: ["Hind Siliguri", ...fontFamily.sans],
        "changa-one": ["Changa One", ...fontFamily.mono],
      },
    },
  },
  plugins: [],
};