Зелёный
Ступени успеха — подтверждения и положительные состояния. Ступени идут от светлого к тёмному; в дизайне напрямую
не используются — нужная ступень прокладывается через роль темы
TullsLight или
TullsDark. У цвета две шкалы: светлая (…N) и тёмная (…-darkN).
Ступени
| 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: Текст | |
--pallete-green-dark1 | #0e1512 | Шаг 1: Фон страницы и приложения | |
--pallete-green-dark2 | #121b17 | Шаг 2: Фон страницы и приложения | |
--pallete-green-dark3 | #132d21 | Шаг 3: Фон компонентов | |
--pallete-green-dark4 | #113b29 | Шаг 4: Фон компонентов | |
--pallete-green-dark5 | #174933 | Шаг 5: Фон компонентов | |
--pallete-green-dark6 | #20573e | Шаг 6: Границы и разделители | |
--pallete-green-dark7 | #28684a | Шаг 7: Границы и разделители | |
--pallete-green-dark8 | #2f7c57 | Шаг 8: Границы и разделители | |
--pallete-green-dark9 | #30a46c | Шаг 9: Заливка акцентных элементов | |
--pallete-green-dark10 | #33b074 | Шаг 10: Заливка акцентных элементов | |
--pallete-green-dark11 | #3dd68c | Шаг 11: Текст | |
--pallete-green-dark12 | #b1eec7 | Шаг 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: Текст | |
--alpha-pallete-green-dark1 | #00de4505 | Шаг 1: Фон страницы и приложения | |
--alpha-pallete-green-dark2 | #29f99d0b | Шаг 2: Фон страницы и приложения | |
--alpha-pallete-green-dark3 | #22ff991e | Шаг 3: Фон компонентов | |
--alpha-pallete-green-dark4 | #11ff992d | Шаг 4: Фон компонентов | |
--alpha-pallete-green-dark5 | #2bffa23c | Шаг 5: Фон компонентов | |
--alpha-pallete-green-dark6 | #44ffaa4b | Шаг 6: Границы и разделители | |
--alpha-pallete-green-dark7 | #50fdac5e | Шаг 7: Границы и разделители | |
--alpha-pallete-green-dark8 | #54ffad73 | Шаг 8: Границы и разделители | |
--alpha-pallete-green-dark9 | #44ffa49e | Шаг 9: Заливка акцентных элементов | |
--alpha-pallete-green-dark10 | #43fea4ab | Шаг 10: Заливка акцентных элементов | |
--alpha-pallete-green-dark11 | #46fea5d4 | Шаг 11: Текст | |
--alpha-pallete-green-dark12 | #bbffd7ec | Шаг 12: Текст |