Всем Привет, есть вопрос по Палитре цветов и styled components. ---- Вопросы: 1) Может

быть несколлько цветов в Primary - скажем blue и green? или мы можем выбрать только один цвет и его оттенки у primary, например blue, light blue, dark blue.

2) есть Модификаторы в кнопках, это когда наводишь на кнопку (hover) или кнопка выключена (disabled), из-за чего может меняться цвет у кнопки,
к какой группе это относиться secondary? или группа более низкого уровня, если другой группе то какой?

3) В зависимости от ответов 1 и 2, будет более понятным как мне формировать конфиг,
я пытаюсь придумать как лучше хранить конфиг в js, чтоб этим оперировать было удобней.

---

Остановился на двух вариантах:

a) есть просто три разных цвета, но нет палитры цветов, вдруг мне надо dark или light для цвета '#0052CC'.
const colors = {
primary: ['#0052CC', '#172B4D', '#FFFFFF'],
secondary: ['#FF5630', '#FFAB00', '#36B37E'],
}
----

b) в таком случаи я могу добавить только один цвет primary и любые оттенки которые я захочу, но вдруг у меня будет два или три primary цвета - например blue и green? или в primary всегда должен быть один цвет?
const colors = {
primary: {
'base': #8e3329,
'light': #d9534f,
'dark': #c9302c
},
secondary: {
'base': #5a1321,
'light': #7b1a2d,
'dark': #51111e
},
background: {
'base': #e9e9e9,
'light': #ffffff,
'dark': #dddddd
},
}
----

c) Как вы формируете конфиг с цветами для theme в styled-components? Есть пример?

ребята, у меня тут вопрос, пожалуйста не забывайте, нуждаюсь в помощи (

У меня палитра по сути отдельно от темы. Там фиксированный набор цветов. А в теме уже тупо каждый компонент сконфигурирован button.hover: lighten(palette.primary)