You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

93 lines
2.1 KiB

module.exports = {
purge: ["./src/**/*.{js,jsx,ts,tsx}", "./public/index.html"],
darkMode: "class", // or 'media' or 'class'
theme: {
backgroundColor: (theme) => ({
...theme("colors"),
blueC0: "#196EC0",
blueB0: "#517AB0",
blue90: "#235A90",
blueCB: "#98B2CB",
blueEB: "#2B8DEB",
blueFF: "#E8FCFF",
blueFF1: "#E9F0FF",
blueFD: "#F6F9FD",
blueFD1 : "#F4F8FD",
redFF: "#FFE6E6",
redFF1: "#FF2020",
yellow2: "#FDFFDA",
yellow3: "#EFFF00",
gray36: "#363636",
orange1: "#FF6600",
green1: "#00FF80",
gray20: "#202020",
gray2077: "#20202077",
gray2C: "#2C2C2C",
gray36: "#363636",
gray50: "#505050",
grayDB: "#DBDBDB",
grayE3: "#E3E3E3",
grayEE: "#EEEEEE",
grayF9: "#F9F9F9",
grayF4: "#EBF0F4",
}),
textColor: (theme) => ({
...theme("colors"),
primary: "#235A90",
blueC0: "#196EC0",
blueC01: "#1999C0",
blueE8: "#2E81E8",
blue52: "#132F52",
blue5F: "#05335F",
blueB9: "#86A0B9",
green71: "#067182",
greenBA: "#06BACE",
red5F: "#5F1A05",
yellow1: "#5F5F05",
gray1: "#333333",
gray70: "#707070",
grayDB: "#DBDBDB",
}),
borderColor: (theme) => ({
...theme("colors"),
blueC0: "#196EC0",
blueC01: "#1999C0",
blueFE: "#C1E0FE",
blueFF1: "#E9F0FF",
blueB9: '#86A0B9',
grayDB: "#DBDBDB",
gray45: "#454545",
}),
fill: (theme) => ({
...theme("colors"),
blueC0: "#196EC0",
grayDF: "#DFDFDF",
greenBA: "#06BACE",
}),
fontSize: {
'xs': 'clamp(calc(100vw / 38), 8, 13)',
'sm': '.875rem',
'tiny': '.875rem',
'base': '1rem',
'lg': '1.125rem',
'xl': '1.25rem',
'2xl': '1.5rem',
'3xl': '1.875rem',
'4xl': '2.25rem',
'5xl': '3rem',
'6xl': '4rem',
'7xl': '5rem',
'sm-1': '0.5rem'
},
extend: {
borderRadius: {
sm: "3px",
},
},
},
variants: {
extend: {},
},
plugins: [],
};