/** @type {import("tailwindcss").Config} */
/**
 * tailwindcss 配置
 */
module.exports = {
  content: ["./index.html", "./src/**/*.{vue,ts,tsx,jsx,js}"],
  theme: {
    extend: {
      // 字体颜色
      colors: {
        transparent: "transparent",
        current: "currentColor",
        white: "#ffffff",
        tahiti: {
          100: "#cffafe",
          200: "#a5f3fc",
          300: "#67e8f9",
          400: "#22d3ee",
          500: "#06b6d4",
          600: "#0891b2",
          700: "#0e7490",
          800: "#155e75",
          900: "#164e63",
        },
        blueInit: {
          light: "#85d7ff",
          DEFAULT: "#1fb6ff",
          dark: "#009eeb",
        },
        pink: {
          light: "#ff7ce5",
          DEFAULT: "#ff49db",
          dark: "#ff16d1",
        },
        gray: {
          100: "#F5F5F5",
          200: "#DCDCDC",
          300: "#D3D3D3",
          400: "#C0C0C0",
          500: "#A9A9A9",
          600: "#808080",
          700: "#696969",
          800: "#FFFFFF33",
          900: "#FFFFFF19",
        },
        red: {
          100: "rgb(254 226 226)",
          200: "rgb(254 202 202)",
          300: "rgb(252 165 165)",
          400: "rgb(248 113 113)",
          500: "rgb(239 68 68)",
          600: "rgb(220 38 38)",
          700: "rgb(185 28 28)",
          800: "rgb(153 27 27)",
          900: "rgb(127 29 29)",
        },
        bgColor: {
          1: "#FFFFFF33",
          2: "#FFFFFF19",
          3: "#0000004C",
        },
        backgroundPosition: {
          "100%": "100% 100%",
        },
      },
    },
  },
  darkMode: "class",
  plugins: [require("daisyui")],
  daisyui: {
    themes: true,
    darkTheme: "light",
    logs: false,
    prefix: "mac-",
  },
};