module.exports = { purge: ["./src/**/*.{js,jsx,ts,tsx}", "./public/index.html"], darkMode: false, // or 'media' or 'class' theme: { extend: {}, textColor: (theme) => ({ ...theme("colors"), discountPriceTitle: "#4ACA53", productTitle: "#246E8A", productContent: "#707070", productStar: "#F7FF00", productPrice: "#132F52", productBorderBtn: "FFF3F3", productTag: "#38A1B6", borderColor: "#dbdbdb", selectColor1: "#924EEB", selectColor2: "#89ECFF", selectColor3: "#FC5353", selectColor4: "#FCF653", }), backgroundColor: (theme) => ({ ...theme("colors"), productTagBg: "#E1FAFF", likeBtnBg: "#FFF3F3", discountPriceBg: "#F0FFF1", counterBg: "#66B1EB", incrementDecrementBg: "#2E7AB5", }), }, variants: { extend: {}, }, plugins: [require("tailwindcss-rtl")], };