Муравей дизайн V4.0 Select и Hover цвета поменялись местами - PullRequest
0 голосов
/ 08 апреля 2020

Может кто-нибудь объяснить, почему цвета Selected и Hover поменялись местами. Официальный релиз гласит:

Обменен Выбранный и Hovered цвет. Цвет выбранных компонентов изменяется на @blue-1: #E6F7FF, а соответствующий цвет наведения меняется на @gray-2: #FAFAFA.

Это не незначительное изменение цвета, а полная замена.

  1. По каким причинам это было вызвано:

Если вы используете много таблиц, выпадающие списки и т. Д. c это полностью изменит способ вашего зависания и выбор Посмотрите, это значительное изменение для пользователей, которые привыкли к оригинальному дизайну. Я думаю, это замечательно, что есть план для обеспечения согласованности, но Серый цвет при наведении больше подходит для обозначения того, что отключено .

Есть ли универсальное место, где это можно изменить, используя переменную, которая вместо этого будет похожа на более легкую версию светло-голубого цвета?

Избавьтесь от комбинаций Blue-Grey для выбора, Tree et c и вместо этого используйте сине-голубой подход, аналогичный меню. При наведении текст становится синим, а фон - серым.

И выглядит так, что он не применяется повсеместно. Вот несколько примеров Select V3: Выбранные теги в поле ввода - Серые. Теги в раскрывающемся списке при наведении курсора - Синие теги в раскрывающемся списке Выбранные - серый

Select V4: выделенные теги в поле ввода - серый. Теги в раскрывающемся списке при наведении курсора - Серый Теги в раскрывающемся списке Выбранные - синий

Выбранные теги в поле ввода (серый) и в раскрывающемся списке (синий) больше не совпадают по цвету

Tree V3: Наведение: выделенный голубой фон: темный фон

Tree V4: выделение: выделенный серый фон: синий фон

Тот же принцип, который никогда не применяется к Menus, buttons, pagination и c. Которые обычно следуют правилу сине-синей комбинации для выбора при наведении вместо серого варианта

Menu V3 and V4: наведение элемента: синий текст Выбранный элемент: синий текст, синий фон Здесь нет серого для V4?

Date Picker V3: наведение: выбранный синий фон: синий фон

Date Picker V4: наведение: выделенная синяя граница: синий фон

Опять нет серого здесь.

Я думаю, что у большинства компонентов есть сине-синяя комбинация парения и выбора, но есть некоторые исключения, которые вместо этого имеют серо-синий. Вместо этого я хотел бы знать способ универсального переопределения. Но до этого пытаюсь понять основную движущую силу, поскольку проектные документы ничего не говорят.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...