tailwind.config.js

module.exports = {
  mode: "jit",
  content: [
    "./src/**/**/*.{js,ts,jsx,tsx,html,mdx}",
    "./src/**/*.{js,ts,jsx,tsx,html,mdx}",
  ],
  darkMode: "class",
  theme: {
    screens: { md: { max: "1050px" }, sm: { max: "550px" } },
    extend: {
      colors: {
        gray: {
          100: "#fff5f2",
          300: "#dfd4d0",
          400: "#cbb89d",
          500: "#a58e74",
          600: "#8b9269",
          700: "#6a6f4c",
          800: "#3d3d37",
          900: "#222121",
          "600_ab": "#747272ab",
          "900_ab": "#131111ab",
          "400_e5": "#b3b2b2e5",
          "800_01": "#525441",
          "700_e5": "#6a6f4ce5",
          "600_e5": "#7b7a7ae5",
          "400_ab": "#b3b2b2ab",
          "500_01": "#afa09b",
          "900_e5": "#131111e5",
          "500_03": "#aa9d98",
          "500_02": "#9e908b",
          "500_05": "#a1a1a1",
          "500_04": "#af9f9a",
          "600_01": "#898f69",
          "700_b2": "#68615eb2",
          "400_01": "#c1b1ab",
          "700_02": "#68615e",
          "700_00": "#6a6f4c00",
          "700_66": "#6a6f4c66",
          "700_01": "#6b7048",
        },
        blue_gray: {
          100: "#d9d9d9",
          "100_01": "#d0d0d0",
          "100_b2": "#d9d9d9b2",
          "100_cc": "#d9d9d9cc",
        },
        light_green: { 100: "#dee2c5", 300: "#b6bd92", 400: "#969f69" },
        black: {
          900: "#000000",
          "900_9b": "#0a0a0a9b",
          "900_9b_01": "#0303039b",
        },
        white: { A700_ab: "#ffffffab", A700_e5: "#ffffffe5", A700: "#ffffff" },
        teal: { 900: "#184e40", A100: "#a2f3de", "900_87": "#184e4087" },
        lime: { 50: "#fbffea", 200: "#e0e8b1" },
      },
      fontFamily: {
        yrsa: "Yrsa",
        yesevaone: "Yeseva One",
        rajdhani: "Rajdhani",
        vollkorn: "Vollkorn",
        wallpoet: "Wallpoet",
        trispace: "Trispace",
      },
      backgroundImage: {
        gradient: "linear-gradient(89deg ,#6a6f4c,#6a6f4ce5,#6a6f4c00)",
        gradient1:
          "linear-gradient(180deg ,#ffffffab,#b3b2b2ab,#747272ab,#131111ab)",
        gradient2:
          "linear-gradient(180deg ,#ffffffe5,#b3b2b2e5,#7b7a7ae5,#131111e5)",
      },
    },
  },
  plugins: [require("@tailwindcss/forms")],
};