120 lines
2.6 KiB
JavaScript
120 lines
2.6 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
content: [
|
|
"./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./components/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./src/app/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./plugins/**/*.{js,ts,jsx,tsx,mdx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
backgroundPrimary: {
|
|
100: "#FFFBE6",
|
|
},
|
|
primary: {
|
|
100: "#B9E4C9",
|
|
200: "#37966F",
|
|
300: "#356859",
|
|
50: "#f3faf3",
|
|
100: "#e4f4e5",
|
|
200: "#cbe7cc",
|
|
300: "#9bd19d",
|
|
400: "#70b873",
|
|
500: "#4c9b4f",
|
|
600: "#3a7f3e",
|
|
700: "#316433",
|
|
800: "#2a512c",
|
|
900: "#244326",
|
|
950: "#102312",
|
|
},
|
|
|
|
secondary: {
|
|
50: "#fd562317",
|
|
100: "#FD5523",
|
|
200: "#DA4215",
|
|
50: "#f7f7f7",
|
|
100: "#ededed",
|
|
200: "#dbdbdb",
|
|
300: "#c8c8c8",
|
|
400: "#adadad",
|
|
500: "#999999",
|
|
600: "#888888",
|
|
700: "#7b7b7b",
|
|
800: "#676767",
|
|
900: "#545454",
|
|
950: "#363636",
|
|
},
|
|
|
|
danger: {
|
|
50: "#fef2f2",
|
|
100: "#fee2e2",
|
|
200: "#ffc9c9",
|
|
300: "#fda4a4",
|
|
400: "#fa6f6f",
|
|
500: "#f14242",
|
|
600: "#de2424",
|
|
700: "#bb1a1a",
|
|
800: "#9b1919",
|
|
900: "#801c1c",
|
|
950: "#460909",
|
|
},
|
|
secondaryDark: {
|
|
100: "#D03405",
|
|
},
|
|
secondaryLighter: {
|
|
100: "#FFDACF",
|
|
},
|
|
textMain: {
|
|
100: "#444444",
|
|
},
|
|
mainDisable: {
|
|
100: "#888888",
|
|
},
|
|
info: {
|
|
100: "#2B91EF",
|
|
200: "#0061bd",
|
|
},
|
|
danger: {
|
|
100: "#FF2C2C",
|
|
},
|
|
body: {
|
|
100: "#EEEEEE",
|
|
},
|
|
colors: {
|
|
primaryLand: "#050816",
|
|
secondaryLand: "#aaa6c3",
|
|
tertiaryLand: "#151030",
|
|
"black-100": "#100d25",
|
|
"black-200": "#090325",
|
|
"white-100": "#f3f3f3",
|
|
},
|
|
},
|
|
},
|
|
|
|
screens: {
|
|
xs: "290px",
|
|
sm: "640px",
|
|
// => @media (min-width: 640px) { ... }
|
|
|
|
md: "768px",
|
|
// => @media (min-width: 768px) { ... }
|
|
|
|
lg: "1024px",
|
|
// => @media (min-width: 1024px) { ... }
|
|
|
|
xl: "1280px",
|
|
// => @media (min-width: 1280px) { ... }
|
|
|
|
"2xl": "1536px",
|
|
// => @media (min-width: 1536px) { ... }
|
|
},
|
|
|
|
animation: {
|
|
"spin-slow": "spin 8s linear infinite",
|
|
"pulse-1": "pulse .7s linear ",
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|