tailwind.config.js

const plugin = require("tailwindcss/plugin");

module.exports = {
  purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
  darkMode: false, // or 'media' or 'class'
  theme: {
    colors: {
      transparent: {
        DEFAULT: 'transparent'
      },
      blue: {
        light: '#b9d7ea',
        DEFAULT: '#769fcd',
        dark: '#4471a2',
        darker: '#112d4e',
      },
      earth: {
        lighter: '#f5f0e6',
        light: '#f9f7f7',
        DEFAULT: '#BDBDBD',
        dark: '#757575',
      },
      gray: {
        light: '#f7fbfc',
        DEFAULT: '#d6e6f2',
        dark: '#888',
        darker: '#212121',
      },
      white: {
        DEFAULT: '#fff'
      },
      stripe: {
        DEFAULT: '#2743d6',
      },
      green: {
        DEFAULT: '#2dd7e0',
      },
      red: {
        DEFAULT: '#EC407A'
      },
      yellow: {
        DEFAULT: '#f8d10c'
      }
    },
  },
  variants: {
    extend: {},
  },
  plugins: [
    plugin(function ({ addUtilities }) {
      const newUtilities = {
        ".disable-scrollbars": {
          scrollbarWidth: "none",
          "-ms-overflow-style": "none",
          "&::-webkit-scrollbar": {
            width: "0px",
            background: "transparent",
            display: "none"
          },
          "& *::-webkit-scrollbar": {
            width: "0px",
            background: "transparent",
            display: "none"
          },
          "& *": {
            scrollbarWidth: "none",
            "-ms-overflow-style": "none"
          }
        }
      };
      addUtilities(newUtilities);
    })
  ],
}



// module.exports = {
//   theme: {
//     colors: {
//       transparent: 'transparent',
//       current: 'currentColor',
//       blue: {
//         light: '#b9d7ea',
//         DEFAULT: '#769fcd',
//         dark: '#112d4e',
//       },
//       earth: {
//         light: '#f9f7f7',
//         DEFAULT: '#BDBDBD',
//         dark: '#757575',
//       },
//       gray: {
//         dark: '#212121',
//         DEFAULT: '#d6e6f2',
//         light: '#f7fbfc'
//       }
//     }
//   }
// }