tailwind.config.js

module.exports = {
  content: ["./tmpl/*.html"],
  theme: {
    colors: {
      blue: {
        0: "rgba(240, 245, 255)",
        50: "rgba(206, 222, 253)",
        100: "rgba(173, 199, 252)",
        200: "rgba(133, 170, 245)",
        300: "rgba(108, 148, 236)",
        400: "rgba(90, 130, 222)",
        500: "rgba(75, 112, 204)",
        600: "rgba(63, 93, 179)",
        700: "rgba(50, 73, 148)",
        800: "rgba(37, 53, 112)",
        900: "rgba(25, 34, 74)",
      },
      gray: {
        0: "rgba(250, 249, 248)",
        50: "rgba(249, 247, 246)",
        100: "rgba(247, 245, 244)",
        200: "rgba(238, 235, 234)",
        300: "rgba(218, 214, 213)",
        400: "rgba(175, 172, 171)",
        500: "rgba(112, 110, 109)",
        600: "rgba(68, 67, 66)",
        700: "rgba(46, 45, 45)",
        800: "rgba(35, 34, 34)",
        900: "rgba(31, 30, 30)",
      },
      red: {
        0: "rgba(255, 246, 244)",
        50: "rgba(255, 211, 207)",
        100: "rgba(255, 177, 171)",
        200: "rgba(246, 143, 135)",
        300: "rgba(228, 108, 99)",
        400: "rgba(208, 72, 65)",
        500: "rgba(178, 45, 48)",
        600: "rgba(148, 8, 33)",
        700: "rgba(118, 0, 18)",
        800: "rgba(90, 0, 0)",
        900: "rgba(66, 0, 0)",
      },
      orange: {
        0: "rgba(255, 250, 238)",
        50: "rgba(254, 227, 192)",
        100: "rgba(248, 184, 134)",
        200: "rgba(245, 146, 94)",
        300: "rgba(229, 111, 74)",
        400: "rgba(196, 76, 52)",
        500: "rgba(158, 47, 40)",
        600: "rgba(126, 30, 35)",
        700: "rgba(93, 22, 27)",
        800: "rgba(66, 14, 17)",
        900: "rgba(66, 14, 17)",
      },
      white: "#fff",
      current: "currentColor",
    },
    extend: {
      typography: {
        DEFAULT: {
          css: {
            "code::before": {
              content: "",
            },
            "code::after": {
              content: "",
            },
          },
        },
      },
    },
  },
  plugins: [require("@tailwindcss/forms"), require("@tailwindcss/typography")],
};