tailwind.config.js

module.exports = {
  "theme": {
    "extend": {
      "colors": {
        "Primary": {
          "100": "#07a4e8ff",
          "500": "#074bd8ff",
          "700": "#9534adff"
        },
        "Gray": {
          "500": "#595959",
          "700": "#999999",
          "800": "#D9D9D9",
          "900": "#f8f9faff",
          "Black": "#000000",
          "White": "#FFFFFF"
        },
        "Blue": {
          "500": "#17c1e8ff"
        },
        "Secondary": {
          "100": "#d2d6daff",
          "200": "#8392abff",
          "300": "#808fbfff",
          "400": "#67748eff",
          "500": "#344767ff",
          "600": "#252f40ff",
          "700": "#20273fff"
        },
        "Pink": {
          "100": "#eea9cdff",
          "200": "#e293d3ff",
          "300": "#e370abff",
          "500": "#dd559bff",
          "700": "#cb0c9fff"
        },
        "foreground": "#67748eff",
        "background": "#FFFFFF"
      },
      "spacing": {
        "HalfUnit": "0.5rem",
        "TripleQuarterUnit": "0.75rem",
        "SixUnits": "6rem",
        "Unit": "1rem",
        "FourUnits": "4rem",
        "TwelveUnits": "12rem",
        "UnitAndAHalfUnit": "1.5rem",
        "TripleUnit": "3rem",
        "DoubleUnit": "2rem"
      },
      "borderRadius": {
        "Radius40": "40px",
        "Radius75": "0.75rem",
        "Radius1": "1rem",
        "Radius5": "0.5rem",
        "Round": "50%"
      },
      "scale": {
        "Unit": "1rem",
        "TripleUnit": "3rem",
        "TripleQuarterUnit": "0.75rem",
        "DoubleUnit": "2rem",
        "UnitAndAHalf": "1.5rem",
        "HalfUnit": "0.5rem"
      }
    }
  },
  "plugins": [],
  "content": [
    "./src/**/*.{html,js,ts,jsx,tsx}",
    "./*.html"
  ]
}