prisma-home-challenge/tailwind.config.js

/* eslint-disable @typescript-eslint/no-var-requires */

const defaultTheme = require("tailwindcss/defaultTheme");
const colors = require("tailwindcss/colors");

module.exports = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    colors: {
      white: colors.white,
      black: colors.black,
      red: colors.red,
      green: colors.green,
      gray: colors.gray,
      prisma: {
        50: "#ebebeb",
        100: "#d2d2d2",
        200: "#bcbcbc",
        300: "#a5a5a5",
        400: "#8f8f8f",
        500: "#797979",
        600: "#626262",
        700: "#4c4c4c",
        800: "#353535",
        900: "#1f1f1f",
      },
    },
    minHeight: {
      nav: "7rem",
    },
    gridTemplateColumns: {
      form: "1fr minmax(15rem, 2fr)",
    },
    screens: {
      xs: "475px",
      ...defaultTheme.screens,
    },
    backgroundImage: {
      "dropdown-arrow": "url('/triangle.png')",
    },
    extend: {},
  },
  plugins: [],
};