Переопределения цвета в theme.extend.colors не применяются к псевдонижающим классам в конфигурации ⇐ Javascript

[Anonymous]

Я работаю над конфигурацией CSS Taillid, где я переопределяю некоторые значения цвета по умолчанию (например, Cyan.400 ) inside theme.extend.colors . Я также определяю псевдоним цветового токена (например, кнопку-primary-default-bg ), которые ссылаются на эти цвета. Проблема: < /p>

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

const defaultTheme = require("tailwindcss/defaultTheme");
const colors = require("tailwindcss/colors");

module.exports = {
content: [
"./app/views/**/*.{erb,html}",
],
darkMode: "selector",
theme: {
extend: {
colors: {
...colors, // keeping other Tailwind utility colors available
cyan: {
...colors.cyan,
400: "#01C5D1", // My custom cyan.400
},
"button-primary-default-bg": {
DEFAULT: colors.blue[600], // Light mode: uses default Tailwind color
dark: colors.cyan[400],    // Dark mode: should pick up my override but does not
},
},
},
},
plugins: [],
};

Что я ожидаю:
класс с использованием темы ('colors.button-primary-default-bg.dark') в темном режиме должен привести к фону #01c5d1 (my cyan.400 code.400 cod.400

Подробнее здесь: https://stackoverflow.com/questions/796 ... -in-config