Оранжевый
Ступени предупреждения — обратимые, но требующие внимания состояния. Ступени идут от светлого к тёмному; в дизайне напрямую
не используются — нужная ступень прокладывается через роль темы
TullsLight или
TullsDark. У цвета две шкалы: светлая (…N) и тёмная (…-darkN).
Ступени
| 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: Текст | |
--pallete-orange-dark1 | #17120e | Шаг 1: Фон страницы и приложения | |
--pallete-orange-dark2 | #1e160f | Шаг 2: Фон страницы и приложения | |
--pallete-orange-dark3 | #331e0b | Шаг 3: Фон компонентов | |
--pallete-orange-dark4 | #462100 | Шаг 4: Фон компонентов | |
--pallete-orange-dark5 | #562800 | Шаг 5: Фон компонентов | |
--pallete-orange-dark6 | #66350c | Шаг 6: Границы и разделители | |
--pallete-orange-dark7 | #7e451d | Шаг 7: Границы и разделители | |
--pallete-orange-dark8 | #a35829 | Шаг 8: Границы и разделители | |
--pallete-orange-dark9 | #f76b15 | Шаг 9: Заливка акцентных элементов | |
--pallete-orange-dark10 | #ff801f | Шаг 10: Заливка акцентных элементов | |
--pallete-orange-dark11 | #ffa057 | Шаг 11: Текст | |
--pallete-orange-dark12 | #ffe0c2 | Шаг 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: Текст | |
--alpha-pallete-orange-dark1 | #ec360007 | Шаг 1: Фон страницы и приложения | |
--alpha-pallete-orange-dark2 | #fe6d000e | Шаг 2: Фон страницы и приложения | |
--alpha-pallete-orange-dark3 | #fb6a0025 | Шаг 3: Фон компонентов | |
--alpha-pallete-orange-dark4 | #ff590039 | Шаг 4: Фон компонентов | |
--alpha-pallete-orange-dark5 | #ff61004a | Шаг 5: Фон компонентов | |
--alpha-pallete-orange-dark6 | #fd75045c | Шаг 6: Границы и разделители | |
--alpha-pallete-orange-dark7 | #ff832c75 | Шаг 7: Границы и разделители | |
--alpha-pallete-orange-dark8 | #fe84389d | Шаг 8: Границы и разделители | |
--alpha-pallete-orange-dark9 | #fe6d15f7 | Шаг 9: Заливка акцентных элементов | |
--alpha-pallete-orange-dark10 | #ff801f | Шаг 10: Заливка акцентных элементов | |
--alpha-pallete-orange-dark11 | #ffa057 | Шаг 11: Текст | |
--alpha-pallete-orange-dark12 | #ffe0c2 | Шаг 12: Текст |