Зелёный
Ступени успеха — подтверждения и положительные состояния. Ступени идут от светлого к тёмному; в дизайне напрямую не используются — нужная ступень прокладывается через роль темы TullsLight.
Ступени
| Variable | Value | Preview | Description |
|---|---|---|---|
--pallete-green1 | #fafefb | Шаг 1: Фон страницы и приложения | |
--pallete-green2 | #f4fbf5 | Шаг 2: Фон страницы и приложения | |
--pallete-green3 | #e6f7e8 | Шаг 3: Фон компонентов | |
--pallete-green4 | #d7f2d9 | Шаг 4: Фон компонентов | |
--pallete-green5 | #c4eac7 | Шаг 5: Фон компонентов | |
--pallete-green6 | #abe0b1 | Шаг 6: Границы и разделители | |
--pallete-green7 | #8ad194 | Шаг 7: Границы и разделители | |
--pallete-green8 | #56bd69 | Шаг 8: Границы и разделители | |
--pallete-green9 | #34b253 | Шаг 9: Заливка акцентных элементов | |
--pallete-green10 | #2ba54a | Шаг 10: Заливка акцентных элементов | |
--pallete-green11 | #028130 | Шаг 11: Текст | |
--pallete-green12 | #1c3d21 | Шаг 12: Текст |
Альфа-ступени
Полупрозрачные варианты — тени, подложки, наложения
| Variable | Value | Preview | Description |
|---|---|---|---|
--alpha-pallete-green1 | #00cc3305 | Шаг 1: Фон страницы и приложения | |
--alpha-pallete-green2 | #00a3180b | Шаг 2: Фон страницы и приложения | |
--alpha-pallete-green3 | #00ae1519 | Шаг 3: Фон компонентов | |
--alpha-pallete-green4 | #00ad0d28 | Шаг 4: Фон компонентов | |
--alpha-pallete-green5 | #01a50d3b | Шаг 5: Фон компонентов | |
--alpha-pallete-green6 | #00a11354 | Шаг 6: Границы и разделители | |
--alpha-pallete-green7 | #009b1675 | Шаг 7: Границы и разделители | |
--alpha-pallete-green8 | #009c1da9 | Шаг 8: Границы и разделители | |
--alpha-pallete-green9 | #009e27cb | Шаг 9: Заливка акцентных элементов | |
--alpha-pallete-green10 | #009325d4 | Шаг 10: Заливка акцентных элементов | |
--alpha-pallete-green11 | #00802efd | Шаг 11: Текст | |
--alpha-pallete-green12 | #002506e3 | Шаг 12: Текст |