tailwind.config.js

module.exports = {
  content: [
    './src/site/**/*.njk',
    './src/site/**/*.md'
  ],
  darkMode: ['class'],
  theme: {
    borderRadius: {
      'none': '0',
      'sm': '.125rem',
      default: '.25rem',
      'lg': '.5rem',
      'xl': '1rem',
      'full': '9999px',
    },
    extend: {
      fontSize: {
        xxs: "0.625rem",
      },
      colors: {
        orange: {
          500: "#DF4A1F",
        },
        blue : {
          //900: '#0E182A', // old
          900: '#161a2b', // old
          800: '#252D3B', // old
          300: '#718096', // old
          200: '#CBD5E0', // old
          100: '#E2E8F0' // old
        },
        gray: {
          900: "#0D0F18",
          700: "#2D3247",
          400: "#5A5F75",
          300: "#9AA0B6",
          200: "#D8DEEC",
          100: "#F8FAFF"
        },
        pink : {
          900 : '#D1036F', // old
          500 : '#F0047F',
          100 : '#FFB1C5' // old
        }
      }
    }
  },
  variants: {
    borderRadius: ["last"],
    textDecoration: ["group-hover", "hover"]
  },
  plugins: []
}