tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/views/**/*.ejs", "./public/**/*.html", "./public/**/*.js"],
  theme: {
    extend: {
      colors: {
        background: {
          DEFAULT: "#F2F2F2",
          50: "#FFFFFF",
          100: "#FFFFFF",
          200: "#FFFFFF",
          300: "#FFFFFF",
          400: "#FFFFFF",
          500: "#F2F2F2",
          600: "#D6D6D6",
          700: "#BABABA",
          800: "#9E9E9E",
          900: "#828282",
          950: "#747474",
        },
        primary: {
          DEFAULT: "#1F67A6",
          50: "#92C1EB",
          100: "#81B8E7",
          200: "#5EA4E1",
          300: "#3C91DB",
          400: "#257CC8",
          500: "#1F67A6",
          600: "#164A77",
          700: "#0D2C47",
          800: "#050F18",
          900: "#000000",
          950: "#000000",
        },
        secondary: {
          DEFAULT: "#1B91BF",
          50: "#A0DBF2",
          100: "#8ED4EF",
          200: "#6AC6EA",
          300: "#47B9E5",
          400: "#23ABE0",
          500: "#1B91BF",
          600: "#146C8E",
          700: "#0D465D",
          800: "#06212C",
          900: "#000000",
          950: "#000000",
        },
        accent: {
          DEFAULT: "#0F9FBF",
          50: "#8FE4F6",
          100: "#7CDFF5",
          200: "#57D6F2",
          300: "#31CCEF",
          400: "#12BEE5",
          500: "#0F9FBF",
          600: "#0B748B",
          700: "#074857",
          800: "#031D23",
          900: "#000000",
          950: "#000000",
        },
        dark: {
          DEFAULT: "#10121E",
          50: "#505A96",
          100: "#495288",
          200: "#3B426E",
          300: "#2C3253",
          400: "#1E2239",
          500: "#10121E",
          600: "#000000",
          700: "#000000",
          800: "#000000",
          900: "#000000",
          950: "#000000",
        },
        text: {
          DEFAULT: "#0C0E1A",
          light: "#F2F2F2",
        },
      },
    },
  },
  plugins: [require("@tailwindcss/forms")],
};