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", blueEB: "#2B8DEB", blueFF: "#E8FCFF", blueFF1: "#E9F0FF", redFF: "#FFE6E6", redFF1: "#FF2020", yellow2: "#FDFFDA", yellow3: "#EFFF00", gray36: "#363636", orange1: "#FF6600", green1: "#00FF80", gray20: "#202020", gray2077 : "#20202077", gray2C: "#2C2C2C", gray36: "#363636", grayDB: "#DBDBDB", grayE3: "#E3E3E3", grayEE: "#EEEEEE", grayF9: "#F9F9F9", }), textColor: (theme) => ({ ...theme("colors"), primary: "#235A90", blueC0: "#196EC0", 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", blueFE: "#C1E0FE", grayDB: "#DBDBDB", gray45 : '#454545' }), fill: (theme) => ({ ...theme("colors"), blueC0 : '#196EC0', grayDF : '#DFDFDF', greenBA : '#06BACE' }), extend: { borderRadius: { sm: "3px", }, }, }, variants: { extend: {}, }, plugins: [], };