tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./index.html", "./src/**/*.bs.js"],
  theme: {
    extend: {
      colors: {
        yellow: {
          DEFAULT: "#F6DB40",
          50: "#FEFFFC",
          100: "#FBFEE1",
          200: "#FAFBAB",
          300: "#F9F076",
          400: "#F6DB40",
          500: "#F2BD0B",
          600: "#BD8409",
          700: "#875406",
          800: "#522C04",
          900: "#1C0D01",
        },
        green: {
          DEFAULT: "#77D570",
          50: "#FFFFFF",
          100: "#F2FBF3",
          200: "#C7EEC8",
          300: "#9DE29B",
          400: "#77D570",
          500: "#4CC63D",
          600: "#3C952C",
          700: "#2B611D",
          800: "#162E0E",
          900: "#000000",
        },
        blue: {
          DEFAULT: "#75B6EA",
          50: "#F1F9FD",
          100: "#DFF1FA",
          200: "#BCDFF5",
          300: "#98CCEF",
          400: "#75B6EA",
          500: "#4497E3",
          600: "#2075CF",
          700: "#18559F",
          800: "#11386E",
          900: "#091D3D",
        },
        purple: {
          DEFAULT: "#C388DE",
          50: "#FDF8FD",
          100: "#F7E8F9",
          200: "#E9C8F0",
          300: "#D7A8E7",
          400: "#C388DE",
          500: "#A55CD2",
          600: "#8235C0",
          700: "#5D2995",
          800: "#3C1D69",
          900: "#20113D",
        },
      },
      minHeight: {
        20: "5rem",
        24: "6rem",
        28: "7rem",
      },
    },
  },
  plugins: [],
};