ba-thesis/tailwind.config.js

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./app/*/templates/**/*.html'],
  theme: {
    extend: {
      fontFamily: {
        sans: ["Montserrat"],
        serif: ["Lora"],
        mono: ["SourceCodePro"],
        accent: ["Kanit"],
        title: ["PlayfairDisplaySC"]
      },
      colors: {
        transparent: "transparent",
        current: "currentColor",
        primary: {
          50:      "#050511",
          100:     "#0F0E35",
          200:     "#19165A",
          300:     "#23207F",
          400:     "#2D2AA3",
          500:     "#323a8a",
          DEFAULT: "#323a8a",
          600:     "#575DA2",
          700:     "#7D81BA",
          800:     "#A2A4D2",
          900:     "#C8C8EB",
        },
        secondary: {
          50:      "#0A1515",
          100:     "#123839",
          200:     "#1A5C5E",
          300:     "#228083",
          400:     "#2AA5A8",
          500:     "#4bb1bd",
          DEFAULT: "#4bb1bd",
          600:     "#71C3C6",
          700:     "#97D4D0",
          800:     "#BCE6DA",
          900:     "#E2F7E5",
        },
        accent: {
          50:      "#33000b",
          100:     "#660015",
          200:     "#99001f",
          300:     "#cc0029",
          400:     "#e04159",
          500:     "#e85a6a",
          DEFAULT: "#e85a6a",
          600:     "#f0747b",
          700:     "#f88d8d",
          800:     "#fda6a6",
          900:     "#ffbfbe",
        },
        background: {
          50:      "#0D0C0B",
          100:     "#28251F",
          200:     "#444133",
          300:     "#605D48",
          400:     "#7C785D",
          500:     "#fcfbf8",
          DEFAULT: "#fcfbf8",
          600:     "#FDFDF6",
          700:     "#FDFEFA",
          800:     "#FEFFFD",
          900:     "#FFFFFF",
        },
        text: {
          50:      "#0A0A0A",
          100:     "#141414",
          200:     "#1F1F1F",
          300:     "#292929",
          400:     "#343434",
          500:     "#202120",
          DEFAULT: "#202120",
          600:     "#5B5B5B",
          700:     "#767676",
          800:     "#919191",
          900:     "#ADADAD",
        },
        success: {
          50:      "#001400",
          100:     "#002800",
          200:     "#003D00",
          300:     "#005100",
          400:     "#006600",
          500:     "#00CC00",
          DEFAULT: "#00CC00",
          600:     "#33D133",
          700:     "#66D766",
          800:     "#99DD99",
          900:     "#CCE3CC",
        },
        warning: {
          50:      "#191200",
          100:     "#332400",
          200:     "#4D3600",
          300:     "#664800",
          400:     "#805A00",
          500:     "#EDC000",
          DEFAULT: "#EDC000",
          600:     "#EFD133",
          700:     "#F1E266",
          800:     "#F4F399",
          900:     "#F7F4CC",
        },
        failure: {
          50:      "#190000",
          100:     "#320000",
          200:     "#4C0000",
          300:     "#660000",
          400:     "#800000",
          500:     "#E40000",
          DEFAULT: "#E40000",
          600:     "#E43333",
          700:     "#E46666",
          800:     "#E69999",
          900:     "#E9CCCC",
        },
      },
      screens: {
        '3xl': '1920px',
        '4xl': '3840px',
      }
    },
  },
  plugins: [],
}