danovinTasks/tailwind.config.js

module.exports = {
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {},
    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",
      // used in ButtonDesign Component
      moreInfoButtonTextColor: "#06BACE",
      cancleButtonTextColor: "#646464",
    }),
    backgroundColor: (theme) => ({
      ...theme("colors"),
      // used in ProductDesign Component
      productTagBg: "#E1FAFF",
      likeBtnBg: "#FFF3F3",
      discountPriceBg: "#F0FFF1",
      counterBg: "#66B1EB",
      incrementDecrementBg: "#2E7AB5",
      // used in ButtonDesign Component
      moreInfoButtonBg: "#038A99",
      cancleButtonBg: "#DBDBDB",
    }),
    borderColor: (theme) => ({
      ...theme("colors"),
      // used in ButtonDesign Component
      moreInfoButtonBorderColor: "#06BACE",
    }),
  },
  plugins: [],
};