tailwind.config.js

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {

      screens: {
        '2xl': {'max': '1535px'},
        // => @media (max-width: 1535px) { ... }
  
        'xl': {'max': '1279px'},
        // => @media (max-width: 1279px) { ... }
  
        'lg': {'max': '1023px'},
        // => @media (max-width: 1023px) { ... }
  
        'md': {'max': '767px'},
        // => @media (max-width: 767px) { ... }
  
        'sm': {'max': '639px'},
        // => @media (max-width: 639px) { ... }
        'xsm': {'max': '339px'},
        // => @media (max-width: 639px) { ... }
      },

      colors:{
              'white':'#fff',
              'grey':'#666',
              'blue':'#38bdf8',
        'primary2': {
          '50': '#f5f6fa',
          '100': '#eaebf4',
          '200': '#d0d4e7',
          '300': '#a6b0d3',
          '400': '#7686ba',
          '500': '#6374ae',
          '600': '#414f88',
          '700': '#36406e',
          '800': '#30395c',
          '900': '#2c324e',
          '950': '#1d2034',
      },

      'secondary': {
        '50': '#f2f9f9',
        '100': '#ddeff0',
        '200': '#bfe0e2',
        '300': '#92cace',
        '400': '#5faab1',
        '500': '#438e96',
        '600': '#3b757f',
        '700': '#356169',
        '800': '#325158',
        '900': '#2d464c',
        '950': '#1a2c32',
    },
    'primary3': {
      '50': '#f3f1ff',
      '100': '#ebe5ff',
      '200': '#d9ceff',
      '300': '#bea6ff',
      '400': '#9f75ff',
      '500': '#843dff',
      '600': '#7916ff',
      '700': '#6b04fd',
      '800': '#5a03d5',
      '900': '#4b05ad',
      '950': '#2c0076',
  },
  'rose': {
    '50': '#fff0f9',
    '100': '#ffe3f5',
    '200': '#ffc6eb',
    '300': '#ff98d9',
    '400': '#ff58bd',
    '500': '#ff27a1',
    '600': '#ff007b',
    '700': '#df005f',
    '800': '#b8004f',
    '900': '#980345',
    '950': '#5f0025',
},
'anakiwa': {
  '50': '#f0f9ff',
  '100': '#dff3ff',
  '200': '#b8e8ff',
  '300': '#8adcff',
  '400': '#33c4fd',
  '500': '#09acee',
  '600': '#008acc',
  '700': '#006ea5',
  '800': '#045d88',
  '900': '#0a4d70',
  '950': '#06314b',
},

'primary': {
  '50': '#fcf5f4',
  '100': '#fae8e6',
  '200': '#f6d5d2',
  '300': '#efb7b2',
  '400': '#e48d85',
  '500': '#d6675d',
  '600': '#c4544a',
  '700': '#a23c33',
  '800': '#86352e',
  '900': '#70322c',
  '950': '#3c1613',
},

  
      

      },

    extend: {},
  },
  plugins: [],
}