АРХ - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: фундамент редизайна и фиксация UI-техдолга
This commit is contained in:
+7
-3
@@ -5,6 +5,7 @@
|
||||
Связанные документы:
|
||||
- архитектурный регламент dropdown-окон: [HDROPDOWN-CANON.md](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/HDROPDOWN-CANON.md)
|
||||
- экранный аудит и backlog миграции: [HUI-CANON-AUDIT.md](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/HUI-CANON-AUDIT.md)
|
||||
- активный техдолг по незавершенной миграции dropdown-layer: [plane-src/docs/technical-debts/dropdown-standardization-debt.md](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/docs/technical-debts/dropdown-standardization-debt.md)
|
||||
|
||||
## Источник цветов
|
||||
- Основной runtime-конфиг цветов: [design.config.json](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/design.config.json)
|
||||
@@ -47,7 +48,9 @@
|
||||
- Все кнопки без жёсткого outline.
|
||||
- Primary button:
|
||||
- фон: акцентный или `active_card_rgb`
|
||||
- текст: всегда чёрный или очень тёмный, если фон светлый
|
||||
- текст: определяется автоматически по контрасту заливки
|
||||
- если заливка светлая, текст тёмный
|
||||
- если заливка тёмная, текст светлый
|
||||
- hover: более светлая версия того же цвета
|
||||
- правило распространяется на все filled CTA:
|
||||
- `Добавить`
|
||||
@@ -58,7 +61,8 @@
|
||||
- любые акцентные toolbar-кнопки
|
||||
- это правило обязательно и для `Внешних контуров`: `Добавить запрос` не может иметь светлый текст на светлом фоне
|
||||
- Save/update button:
|
||||
- если это зафиксированный green CTA, текст должен быть контрастным и читаемым
|
||||
- если это CTA на `accent_rgb` или `active_card_rgb`, текст не задаётся вручную белым или чёрным
|
||||
- используется системное контрастное значение
|
||||
- hover осветляет текущий тон, а не уходит в синий
|
||||
- Secondary button:
|
||||
- тёмный glass фон
|
||||
@@ -110,7 +114,7 @@
|
||||
- Search shell внутри popup должен использовать тот же стиль, что и сам popup.
|
||||
- Filled CTA внутри popup и модалок подчиняются тому же правилу:
|
||||
- светлый акцентный фон
|
||||
- тёмный/чёрный текст
|
||||
- контрастный текст от реальной яркости фона
|
||||
- hover только в более светлый тон того же цвета
|
||||
|
||||
### Portal правило
|
||||
|
||||
Reference in New Issue
Block a user