tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./src/**/*.{js,jsx,ts,tsx}'],
  theme: {
    extend: {
      colors: {
        gray1: '#232326',
        gray2: '#393948',
        gray3: '#495565',
        gray4: '#8A929F',
        gray5: '#AAB0BC',
        gray6: '#DDE1EA',
        gray7: '#EBF0F6',
        gray8: '#F6F7FB',
        gray9: '#FFFFFF',
        blue1: '#5257D6',
        blue2: '#8689E2',
        blue3: '#A8ABEB',
        blue4: '#CBCDF3',
        blue5: '#EEEEFB',
        tagLightPurple1: '#606DE9',
        tagLightPurple2: '#DFE1FA',
        tagBlue1: '#3474F6',
        tagBlue2: '#D5E2FC',
        tagSkyblue1: '#7DD8F4',
        tagSkyblue2: '#E3F7FD',
        tagGreen1: '#68D987',
        tagGreen2: '#D9F7E6',
        tagOrange1: '#F0833B',
        tagOrange2: '#FBE6D4',
        tagPurple1: '#953BF0',
        tagPurple2: '#E8D5FB',
        tagPink1: '#F43B94',
        tagPink2: '#FCD7EA',
        tagKhaki1: '#748871',
        tagKhaki2: '#E2E6E3',
        tagRed1: '#CD2626',
        tagRed2: '#F4D3D4',
        tagYellow1: '#F3D149',
        tagYellow2: '#FDF6DB',
      },
    },
  },
  plugins: [],
};