tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {
      colors: {
        white: "#fff",
        darkslategray: {
          "100": "#343333",
          "200": "#333",
          "300": "#2d2d2d",
          "400": "rgba(55, 55, 55, 0.4)",
        },
        black: "#000",
        maroon: {
          "100": "#830202",
          "200": "#580000",
          "300": "rgba(119, 19, 19, 0.5)",
          "400": "rgba(131, 2, 2, 0.01)",
        },
        gray: {
          "100": "#020202",
          "200": "rgba(255, 255, 255, 0.8)",
          "300": "rgba(255, 255, 255, 0)",
          "400": "#201f1f",
          "500": "#080808",
          "600": "#030303",
          "800": "#010101",
        },
        crimson: {
          "100": "#dd1521",
          "200": "#e20f28",
          "300": "#cc0c23",
        },
        firebrick: {
          "100": "#a91c1c",
          "200": "#bf0d0d",
          "300": "#bd0909",
          "400": "#b42d10",
          "600": "#c30b0b",
        },
        darkred: "#a40000",
        gainsboro: "#d9d9d9",
        limegreen: "#3eab18",
        whitesmoke: {
          "100": "#f4f4f4",
          "200": "#f3f3f3",
        },
        dimgray: {
          "100": "#665c5c",
          "200": "#4d4444",
          "300": "rgba(129, 102, 102, 0.8)",
          "400": "#6b6b6b",
          "600": "#5b5858",
          "700": "#524f61",
          "800": "#4d4a4a",
        },
        orangered: {
          "100": "#da3c0a",
          "200": "#c80000",
        },
        lightgray: {
          "100": "#d1cece",
          "200": "#cecece",
        },
        midnightblue: "#3f3297",
        green: "#159500",
      },
      fontFamily: {
        inter: "Inter",
        poppins: "Poppins",
        "archivo-black": "'Archivo Black'",
      },
      borderRadius: {
        "8xl": "27px",
        "19xl": "38px",
        xl: "20px",
        sm: "14px",
        "3xs": "10px",
        "3xl": "22px",
        "170xl": "189px",
      },
    },
    fontSize: {
      "5xl": "24px",
      "13xl": "32px",
      "21xl": "40px",
      xl: "20px",
      sm: "14px",
      mini: "15px",
      base: "16px",
      lg: "18px",
      "2xl": "21px",
      lgi: "19px",
      "17xl": "36px",
      "7xl": "26px",
      "9xl": "28px",
      "3xl": "22px",
    },
  },
  corePlugins: {
    preflight: false,
  },
};