tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  theme: {
    colors: {
      transparent: "transparent",
      current: "currentColor",
      white: "#ffffff",
      balck: "#000",
      darkPrimary: "#1d1b84",
      neutral: {
        0: "#ffffff",
        100: "#f6f6f9",
        150: "#eaeaef",
        200: "#dcdce4",
        300: "#c0c0cf",
        400: "#a5a5ba",
        500: "#8e8ea9",
        600: "#666687",
        700: "#4a4a6a",
        800: "#32324d",
        900: "#212134",
        1000: "#181826",
      },
      primary: {
        100: "#f0f0ff",
        200: "#d9d8ff",
        500: "#7b79ff",
        600: "#4945ff",
        700: "#271fe0",
      },
      secondary: {
        100: "#eaf5ff",
        200: "#b8e1ff",
        500: "#66b7f1",
        600: "#0c75af",
        700: "#006096",
      },
      success: {
        100: "#eafbe7",
        200: "#c6f0c2",
        500: "#5cb176",
        600: "#328048",
        700: "#2f6846",
      },
      warning: {
        100: "#fdf4dc",
        200: "#fae7b9",
        500: "#f29d41",
        600: "#d9822f",
        700: "#be5d01",
      },
      danger: {
        100: "#fcecea",
        200: "#f5c0b8",
        500: "#ee5e52",
        600: "#d02b20",
        700: "#b72b1a",
      },
      alternative: {
        100: "#f6ecfc",
        200: "#e0c1f4",
        500: "#ac73e6",
        600: "#9736e8",
        700: "#8312d1",
      },
      buttonNeutral: {
        0: "#ffffff",
        500: "#7b79ff",
        600: "#4945ff",
      },
    },
    extend: {},
  },
  plugins: [],
};