tailwind.config.js

module.exports = {
  content: ["./app/**/*.{js,jsx,ts,tsx}"],
  // darkMode: "media",
  theme: {
    extend: {
      spacing: {
        1: "4px",
        2: "8px",
        3: "12px",
        4: "16px",
        5: "24px",
        6: "28px",
        7: "36px",
        8: "40px",
      },
      colors: {
        transparent: "transparent",
        black: "#000",
        white: "#fff",
        progressiveRed: "#f50537",
        signalRedLight: "#eb0d3f",
        signalRedDark: "#fd2c4e",
        signalGreenLight: "#0da20d",
        signalGreenDark: "#0da20d",
        signalYellowLight: "#ffaa00",
        signalYellowDark: "#ffaa00",
        grey: {
          100: "#000000",
          90: "#1a1a1a",
          80: "#333333",
          70: "#4c4c4c",
          60: "#666666",
          50: "#808080",
          40: "#999999",
          30: "#b3b3b3",
          20: "#cccccc",
          15: "#d9d9d9",
          10: "#e5e5e5",
          5: "f2f2f2",
          0: "#ffffff",
        },
      },
      borderRadius: {
        none: "0",
        sm: ".0",
        DEFAULT: "0",
        lg: "0",
        full: "0",
      },
      container: {
        center: true,
      },
    },
    plugins: [],
  },
};