tailwind.config.ts

import type { Config } from "tailwindcss";

const config: Config = {
  content: ["./src/**/*.{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))",
      },
      screens: {
        xs: "376px",
      },
      fontSize: {
        xs: "12px",
      },
      lineHeight: {
        4: "16px",
        8: "24px",
      },
      colors: {
        skeleton: "#1b1b1b",
        candy: {
          DEFAULT: "#8C00A3",
          200: "#580067",
        },
        black: {
          DEFAULT: "#111",
        },
        gray: {
          100: "#D7D7D7",
          200: "#1B1B1B",
          300: "#282828",
          400: "#303030",
          600: "#606060",
          700: "#4A4A4A",
          900: "#6E6E6E",
          10: "#808080",
          11: "#B1B1B1",
          12: "#EEE",
        },
      },
    },
  },
  plugins: [require("daisyui")],
};
export default config;