Tailwindcss v4 Dark Theme by Class не работает без темного тега ⇐ Html

[Anonymous]

Я пытаюсь настроить пользовательскую тему в Tailwind CSS V4, которая автоматически переключается на темный режим , не добавляя тьму: префикс в каждый пользовательский класс. />[*] index.css:[/b]

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

:root {
--color-primary100: #0A7280;
--color-primary50: #BAD7DB;
--color-bgBase: #FDFDFD;
}

[*] cailwind.config.js:

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

export default {
darkMode: 'class',
content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
plugins: [tailwindCssForms, containerQueries],
theme: {
extend: {
colors: {
primary100: "var(--color-primary100, #0A7280)",
primary50: "var(--color-primary50, #BAD7DB)",
bgBase: "var(--color-bgBase, #FDFDFD)",
},
},
},
}

переключение темного режима, добавив nach класс в , как и ожидалось, без необходимости установить ant: bg-primary100-v2 bg-primary100 :


Подробнее здесь: https://stackoverflow.com/questions/794 ... t-dark-tag