tailwind.config.js

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      colors: {
        transparent: 'transparent',
        current: 'currentColor',
        light: {
          50: '#ffffff',
          100: '#efefef',
          200: '#dcdcdc',
          300: '#bdbdbd',
          400: '#989898',
          500: '#7c7c7c',
          600: '#656565',
          700: '#525252',
          800: '#464646',
          900: '#3d3d3d',
          950: '#292929',
        },
        perano: {
          50: '#eef3ff',
          100: '#dfe9ff',
          200: '#bed0ff',
          300: '#a3bafe',
          400: '#7f93fa',
          500: '#606ff4',
          600: '#4347e8',
          700: '#3535cd',
          800: '#2e30a5',
          900: '#2c2f83',
          950: '#1a1b4c',
        },
        'green-yellow': {
          50: '#f9ffe4',
          100: '#f0ffc4',
          200: '#e0ff90',
          300: '#c8ff50',
          400: '#a6ff00',
          500: '#90e600',
          600: '#6eb800',
          700: '#538b00',
          800: '#436d07',
          900: '#395c0b',
          950: '#1c3400',
        },
        tahiti: {
          100: '#cffafe',
          200: '#a5f3fc',
          300: '#67e8f9',
          400: '#22d3ee',
          500: '#06b6d4',
          600: '#0891b2',
          700: '#0e7490',
          800: '#155e75',
          900: '#164e63',
        },
        pink: {
          50: '#fff1f3',
          100: '#ffe3e8',
          200: '#ffccd7',
          300: '#ffa1b6',
          400: '#ff668b',
          500: '#f93a6e',
          600: '#e71759',
          700: '#c30d4b',
          800: '#a30e45',
          900: '#8b1042',
          950: '#4e031f',
        },
      },
    },
  },
  plugins: [],
};