All colors gone after adding custom color in tailwind [duplicate]

Solution 1:

i suspect you replace the default colors with the colors you add. in order to extend the default colors the tailwind.config.js file should look like this

module.exports = {
  theme: {
    extend: {
      colors: {
        brown: {
          50: '#fdf8f6',
        },
      }
    },
  },
}

if you place the colors key out of the extend key then the default colors will be removed.