tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './pages/**/*.{js,ts,jsx,tsx,mdx}',
    './components/**/*.{js,ts,jsx,tsx,mdx}',
    './app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      colors: {
        light_yellow: {
          DEFAULT: '#f8ffe5',
          900: '#476100',
          800: '#8ec200',
          700: '#c5ff24',
          600: '#deff85',
          500: '#f8ffe5',
          400: '#faffeb',
          300: '#fbfff0',
          200: '#fcfff5',
          100: '#fefffa',
        },
        emerald: {
          DEFAULT: '#06d6a0',
          900: '#012b20',
          800: '#02563f',
          700: '#03805f',
          600: '#04ab7f',
          500: '#06d6a0',
          400: '#1cf9be',
          300: '#55fbce',
          200: '#8efcdf',
          100: '#c6feef',
        },
        'blue_(munsell)': {
          DEFAULT: '#1b9aaa',
          900: '#051f22',
          800: '#0b3e45',
          700: '#105d67',
          600: '#157c8a',
          500: '#1b9aaa',
          400: '#28c8dd',
          300: '#5ed6e6',
          200: '#93e4ee',
          100: '#c9f1f7',
        },
        'bright_pink_(crayola)': {
          DEFAULT: '#ef476f',
          900: '#390511',
          800: '#720a22',
          700: '#ac0f34',
          600: '#e51445',
          500: '#ef476f',
          400: '#f26d8c',
          300: '#f591a9',
          200: '#f9b6c5',
          100: '#fcdae2',
        },
        amber: {
          DEFAULT: '#ffc43d',
          900: '#3f2c00',
          800: '#7e5900',
          700: '#be8500',
          600: '#fdb100',
          500: '#ffc43d',
          400: '#ffd064',
          300: '#ffdc8b',
          200: '#ffe8b1',
          100: '#fff3d8',
        },
      },
      backgroundImage: {
        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
        'gradient-conic': 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
      },
    },
  },
  plugins: [],
}