У меня есть тема с двумя цветами текста: # 211806 и # 010F1B.
const theme = {
palette: {
...
text: {
primary: '#211806',
secondary: '#010F1B'
},
...
}
};
Однако мне нужно изменить каждый цвет текста в соответствии с состоянием текста (заголовок, тело, отключени так далее).Глядя на тему по умолчанию , предполагается, что палитра будет иметь вид:
const theme = {
palette: {
...
text: {
primary: "rgba(0, 0, 0, 0.87)",
secondary: "rgba(0, 0, 0, 0.54)"
},
...
}
};
, чтобы не ожидать, что для типографии будет использоваться более одного цвета символа.
Но я хочу использовать оба цвета символов в зависимости от основного цвета (фон, кнопка и т. Д.).Как мне реализовать эту двухцветную текстовую схему?