Оранжевый
Ступени предупреждения — обратимые, но требующие внимания состояния. Ступени идут от светлого к тёмному; в дизайне напрямую не используются — нужная ступень прокладывается через роль темы TullsLight.
Ступени
| Variable | Value | Preview | Description |
|---|---|---|---|
--pallete-orange1 | #fefdfb | Шаг 1: Фон страницы и приложения | |
--pallete-orange2 | #fff8eb | Шаг 2: Фон страницы и приложения | |
--pallete-orange3 | #ffeeca | Шаг 3: Фон компонентов | |
--pallete-orange4 | #ffe3b0 | Шаг 4: Фон компонентов | |
--pallete-orange5 | #ffd795 | Шаг 5: Фон компонентов | |
--pallete-orange6 | #ffc97e | Шаг 6: Границы и разделители | |
--pallete-orange7 | #f3b86d | Шаг 7: Границы и разделители | |
--pallete-orange8 | #e3a043 | Шаг 8: Границы и разделители | |
--pallete-orange9 | #dd9a3c | Шаг 9: Заливка акцентных элементов | |
--pallete-orange10 | #d18f2e | Шаг 10: Заливка акцентных элементов | |
--pallete-orange11 | #a86900 | Шаг 11: Текст | |
--pallete-orange12 | #4c361a | Шаг 12: Текст |
Альфа-ступени
Полупрозрачные варианты — тени, подложки, наложения
| Variable | Value | Preview | Description |
|---|---|---|---|
--alpha-pallete-orange1 | #c0800004 | Шаг 1: Фон страницы и приложения | |
--alpha-pallete-orange2 | #ffa60014 | Шаг 2: Фон страницы и приложения | |
--alpha-pallete-orange3 | #ffae0035 | Шаг 3: Фон компонентов | |
--alpha-pallete-orange4 | #ffa5004f | Шаг 4: Фон компонентов | |
--alpha-pallete-orange5 | #ff9f016a | Шаг 5: Фон компонентов | |
--alpha-pallete-orange6 | #ff950081 | Шаг 6: Границы и разделители | |
--alpha-pallete-orange7 | #ea830092 | Шаг 7: Границы и разделители | |
--alpha-pallete-orange8 | #d97e00bc | Шаг 8: Границы и разделители | |
--alpha-pallete-orange9 | #d37b00c3 | Шаг 9: Заливка акцентных элементов | |
--alpha-pallete-orange10 | #c77600d1 | Шаг 10: Заливка акцентных элементов | |
--alpha-pallete-orange11 | #a86900 | Шаг 11: Текст | |
--alpha-pallete-orange12 | #381f00e5 | Шаг 12: Текст |