tailwind.config.cjs

/* eslint-disable no-undef */
/** @type {import('tailwindcss').Config} */
module.exports = {
	content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
	theme: {
		container: {
			center: true,
			padding: "28px",
		},
		extend: {
			colors: {
				"primary-violet": "#4957CC",
				"primary-background": "#DFE2F6",
				"secondary-navy": "#135DB3",
				"secondary-yellow": "#FFCE52",
				"secondary-subtle-yellow": "#FFF5E5",
				"secondary-orange": "#DC5B1A",
				"secondary-subtle-blue": "#63D6FA",
				"secondary-soft-blue": "#6FCBFD",
				"secondary-green": "#35AC32",
				"secondary-red": "#B00020",
				"neutral-5": "#EAEAEA",
				"neutral-20": "#D3D3D3",
				"neutral-40": "#A8A8A8",
				"neutral-60": "#7C7C7C",
				"neutral-80": "#515151",
				"neutral-100-2": "#252525",
				"neutral-background": "#FCFCFC",
				"tertiary-1": "#1E1E1E",
				"tertiary-2": "#595959",
				"tertiary-3": "#3240B3",
				"tertiary-4": "#4ADD7C",
				"tertiary-5": "#374957",
				"tertiary-6": "#171717",
				skeleton: "#E6E6E6",
				"tertiary-background-1": "#D7DAF4",
				dark: "#404040",
				"dark-4": "#737373",
				"red-1": "#800017",
				"red-2": "#B00020",
				"tertiary-yellow": "#E5A400",
			},
			boxShadow: {
				1: "0px 1px 2px rgba(0, 0, 0, 0.05), 0px 1px 3px 1px rgba(0, 0, 0, 0.03)",
				2: "0px 1px 2px rgba(159, 159, 159, 0.1), 0px 2px 6px 2px rgba(149, 149, 149, 0.05)",
				3: "0px 4px 8px 3px rgba(149, 149, 149, 0.05), 0px 2px 2px rgba(37, 37, 37, 0.05)",
				4: "1px 4px 15px rgba(57, 57, 57, 0.1)",
				5: "0px 12.5216px 11.1442px rgba(37, 37, 37, 0.03), 0px 6.6501px 5.91859px rgba(37, 37, 37, 0.02), 0px 2.76726px 2.46286px rgba(37, 37, 37, 0.01)",
				6: "2px 1px 20px rgba(138, 138, 138, 0.1), -2px 1px 10px 1px rgba(0, 0, 0, 0.05)",
				7: "0px 16px 48px rgba(0, 0, 0, 0.25)",
			},
			height: {
				1: "calc(100vh - 5rem)",
			},
			borderRadius: {
				10: "10px",
				16: "16px",
				20: "20px",
				100: "100px",
			},
		},
	},
	plugins: [require("flowbite/plugin"), require("tailwind-scrollbar-hide")],
};