Почему класс bg-white перестает работать в CSS Tailwind, когда я расширяю цвета в файле Tailwind.config.js, и как это ис ⇐ CSS

[Anonymous]

Я использую Tailwind CSS и расширил некоторые цвета в файле Tailwind.config.js. Однако, когда я добавляю класс bg-white или любой другой класс, цвет не появляется, пока я не закомментирую все расширенные цвета. Вот моя конфигурация:

Код: Выделить всё

/** @type {import('tailwindcss').Config} */
module.exports = {
content: ['./dist/*.html'],
theme: {
extend: {
fontFamily: {
'jost': ['Jost', 'sans-serif'],
'poppins': ['Poppins', 'sans-serif']
},
fontSize: {
sm: ['14px', '20px'],
base: ['16px', '24px'],
lg: ['20px', '28px'],
xl: ['24px', '32px'],
},
colors: {
primary: '#f97150',
heading: {
light: '#383838',
dark: '#333333',
},
gray: {
light: "#e1e1e1",
lightTwo:"#f2f2f2",
medium: '#999999',
dark: '#8c8c8c',
}
},
container: {
center: true,
padding: "20px"
},
html: {
fontSize: "14px",
}
}
},
}

Как решить проблему, чтобы bg-white и другие классы Tailwind по умолчанию работали правильно без необходимости комментировать расширенные цвета?:
`
тест
`

Подробнее здесь: https://stackoverflow.com/questions/786 ... -the-color