|
|
|
module.exports = {
|
|
|
|
content: ["./src/**/*.{js,jsx,ts,tsx}"],
|
|
|
|
darkMode: "class", // or 'media' or 'class'
|
|
|
|
theme: {
|
|
|
|
fontSize: {
|
|
|
|
"1x": "clamp(11px, 1.05vw, 20px)",
|
|
|
|
"2x": "clamp(15px, 1.40vw , 26px)",
|
|
|
|
"3x": "",
|
|
|
|
"4x": "clamp(18px, 2.127vw, 40px)",
|
|
|
|
"5x": "clamp(18px, 2.42vw, 46px)",
|
|
|
|
"6x": "",
|
|
|
|
"7x": "",
|
|
|
|
"8x": "",
|
|
|
|
"9x": "",
|
|
|
|
"10x": "clamp(46px, 5.26vw, 100px)",
|
|
|
|
},
|
|
|
|
backgroundColor: (theme) => ({
|
|
|
|
...theme("colors"),
|
|
|
|
"primary-1": "#2C2D2D",
|
|
|
|
"primary-2": "#454B4F",
|
|
|
|
"primary-3": "#2A6DA0",
|
|
|
|
"primary-4": "#0A7066",
|
|
|
|
"primary-5": "#219489",
|
|
|
|
"primary-6": "#3189CD",
|
|
|
|
"primary-7": "#939BF9",
|
|
|
|
"secondary-1": "#B0DF2D",
|
|
|
|
"secondary-2": "#D84D4D",
|
|
|
|
"secondary-3": "#FCE256",
|
|
|
|
"secondary-4": "#05335F",
|
|
|
|
"secondary-5": "#4DD8BC",
|
|
|
|
"secondary-6": "#23BC1E",
|
|
|
|
"secondary-7": "#426AEE",
|
|
|
|
"secondary-8": "#292841",
|
|
|
|
"secondary-9": "#F5F6FF",
|
|
|
|
"dark-1": "#2F8BD2",
|
|
|
|
"dark-2": "#CFCFCF",
|
|
|
|
"dark-3": "#000517",
|
|
|
|
"dark-4": "#000F0D",
|
|
|
|
}),
|
|
|
|
textColor: (theme) => ({
|
|
|
|
...theme("colors"),
|
|
|
|
"primary-1": "#2C2D2D",
|
|
|
|
"primary-2": "#454B4F",
|
|
|
|
"primary-3": "#2A6DA0",
|
|
|
|
"primary-4": "#0A7066",
|
|
|
|
"primary-5": "#219489",
|
|
|
|
"primary-6": "#3189CD",
|
|
|
|
"primary-7": "#939BF9",
|
|
|
|
"secondary-1": "#B0DF2D",
|
|
|
|
"secondary-2": "#D84D4D",
|
|
|
|
"secondary-3": "#FCE256",
|
|
|
|
"secondary-4": "#05335F",
|
|
|
|
"secondary-5": "#4DD8BC",
|
|
|
|
"secondary-6": "#23BC1E",
|
|
|
|
"secondary-7": "#426AEE",
|
|
|
|
"secondary-8": "#292841",
|
|
|
|
"secondary-9": "#F5F6FF",
|
|
|
|
gradient: "null",
|
|
|
|
"dark-1": "#2F8BD2",
|
|
|
|
"dark-2": "#CFCFCF",
|
|
|
|
"dark-3": "#000517",
|
|
|
|
"dark-4": "#000F0D",
|
|
|
|
}),
|
|
|
|
borderColor: (theme) => ({
|
|
|
|
...theme("colors"),
|
|
|
|
"primary-1": "#2C2D2D",
|
|
|
|
"primary-2": "#454B4F",
|
|
|
|
"primary-3": "#2A6DA0",
|
|
|
|
"primary-4": "#0A7066",
|
|
|
|
"primary-5": "#219489",
|
|
|
|
"primary-6": "#3189CD",
|
|
|
|
"primary-7": "#939BF9",
|
|
|
|
"secondary-1": "#B0DF2D",
|
|
|
|
"secondary-2": "#D84D4D",
|
|
|
|
"secondary-3": "#FCE256",
|
|
|
|
"secondary-4": "#05335F",
|
|
|
|
"secondary-5": "#4DD8BC",
|
|
|
|
"secondary-6": "#23BC1E",
|
|
|
|
"secondary-7": "#426AEE",
|
|
|
|
"secondary-8": "#292841",
|
|
|
|
"secondary-9": "#F5F6FF",
|
|
|
|
gradient: "null",
|
|
|
|
"dark-1": "#2F8BD2",
|
|
|
|
"dark-2": "#CFCFCF",
|
|
|
|
"dark-3": "#000517",
|
|
|
|
"dark-4": "#000F0D",
|
|
|
|
}),
|
|
|
|
extend: {},
|
|
|
|
},
|
|
|
|
plugins: [],
|
|
|
|
};
|