module.exports = { content: [ "./src/**/*.{js,jsx,ts,tsx}", "./node_modules/@themesberg/flowbite/**/*.js", "./src/**/*.{html,js}", "./node_modules/tw-elements/dist/js/**/*.js", ], theme: { extend: { fontFamily: { sansbold: ["sansbold"], }, }, textColor: (theme) => ({ ...theme("colors"), // used in ProductDesign Component discountPriceTitle: "#4ACA53", productTitle: "#246E8A", productContent: "#707070", productStar: "#F7FF00", productPrice: "#132F52", productBorderBtn: "FFF3F3", productTag: "#38A1B6", borderColor: "#dbdbdb", selectColor1: "#924EEB", selectColor2: "#89ECFF", selectColor3: "#FC5353", selectColor4: "#FCF653", grayTextColor: "#646464", lightGrayTextColor: "#818181", lightOrangeTextColor: "#F7B605", lightYellowTextColor: "#C8EE49", lightGreenTextColor: "#5DCE06", lightPurpleTextColor: "#A680FF", lightBlueTextColor: "#06BACE", lightBlueTextColor2: "#196EC0", darkBlueTextColor: "#0615CE", darkBlueTextColor2: "#235A90", darkRedTextColor: "#CE3B06", darkCrimsonTextColor: "#05335F", }), backgroundColor: (theme) => ({ ...theme("colors"), // used in ProductDesign Component productTagBg: "#E1FAFF", likeBtnBg: "#FFF3F3", discountPriceBg: "#F0FFF1", counterBg: "#66B1EB", incrementDecrementBg: "#2E7AB5", blueBgColor: "#196EC0", darkGreenBg: "#038A99", lightGrayBgColor: "#818181", midGrayBgColor: "#DBDBDB", lightOrangeBgColor: "#F7B60511", lightYellowBgColor: "#CEFE2D11", //opacity should be 10 % instead of 100% lightBlueBgColor: "#8891FC11", //opacity should be 10 % instead of 100% lightGreenBgColor: "#5DCE0611", //opacity should be 3 % instead of 100% lightPurpleBgColor: "#A680FF11", //opacity should be 8 % instead of 100% greenBookBg: "#5DA041", darkGreenBookBg: "#293636", lightBlueBookBg: "#9BBCCC", lightSkyBlueBookBg: "#B2D6EE", darkNavyBlueBookBg: "#0E0E0E", darkCrimsonBgColor: "#132F52", rangeBgColor: "#D3E9FF", rangeFillBgColor: "#68A8E6", playButtonIcon: "#0D0D0D99", playButtonIcon2: "#E8E8E899", blackBg: "#606060 ", removeCardBgColor: "#FA472B", }), borderColor: (theme) => ({ ...theme("colors"), // used in ProductDesign Component productDesignBorderColor: "#F3F3F3", lightBlueBorderColor: "#06BACE", grayBorderColor: "#C3C3C3", lightGrayBorderColor: "#DBDBDB88", lightOrangeBorderColor: "#F7B605", lightYellowBorderColor: "#CFFF2D", lightGreenBorderColor: "#5DCE06", lightPurpleBorderColor: "#A680FF", darkBlueBorderColor: "#0615CE", darkCrimsonBorderColor: "#132F52", }), }, plugins: [ require("@themesberg/flowbite/plugin"), require("tw-elements/dist/plugin"), ], };