Сложно создать хорошую палитру

На днях я потратил хороший час, пытаясь создать приятную цветовую палитру.

Первая проблема заключается в том, что понятия «основной», «вторичный», «третичный» и «четвертичный» цвета немного размыты.

Понимаю, что в тексте можно объяснить не всё, но на практике единственный надёжный способ узнать, как изменятся цвета, — это делать полную перезагрузку страницы каждый раз. Это также делало процесс довольно трудоёмким.

Вторая проблема: единственные переменные «primary» и «secondary» тайно вычисляют целый ряд других цветов, которые используются как --primary-low, --primary-high и т.д. Я заметил, что использование цвета вроде #2b2b2b даёт совершенно иной результат, чем похожий тёмный цвет с небольшим количеством синего, потому что сгенерированная палитра оказывается очень разной. Каждый раз, когда я пробую новый цвет, это похоже на стрельбу вслепую, так как итоговые цвета оказываются непредсказуемыми. Я ценю простоту подхода, когда три переменные управляют всей палитрой, но результат кажется слишком случайным.

Наконец, у меня возникло много проблем с контрастом. Я обнаружил, что с выбранными мной цветами приходилось идти на компромисс между контрастом текста и фона, контрастом горизонтальной черты и фона, а также контрастом кнопок «ответить/редактировать» и фона. Например, увеличение контраста текста делало черту плохо заметной, и наоборот.

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

Я просто хотел задокументировать свой опыт. В итоге мне удалось создать палитру, но я остался не совсем доволен результатом. Интересно, сталкивались ли другие с похожими трудностями, или проблема во мне? Буду рад советам.

2 лайка

Да, изначально планировалось, что опции панели администратора станут упрощённым способом настройки цветов — своего рода «лёгкий режим». Согласен, что это ограничивает возможности, а контраст для некоторых комбинаций цветов оставляет желать лучшего.

Хорошая новость в том, что удалённые темы могут переопределять все автоматически генерируемые цвета. Подробнее: Override values for auto-generated color variables

Кроме того, мы в последнее время внимательнее рассматриваем, как работают наши цвета, с целью облегчить работу с цветовыми схемами и режимами светлой/тёмной темы как для администраторов, так и для пользователей. Надеемся, что сможем внести полезные улучшения.

7 лайков

Не умаляя вашего технического замечания, но, возможно, вы найдете это полезным?

2 лайка

Я не знал, что это возможно, возможно, это решение, с которым мне придётся смириться :slight_smile:

1 лайк

Помогло бы создание палитры, основанной на палитре с высоким контрастом (WCAG), которая предлагает немного больше цветовых полей?

Хотя я не знаю, используют ли палитры WCAG разные автоматически генерируемые цветовые расчеты, которые могут оказаться нежелательными.

1 лайк

Да, они поставляются с дополнительным CSS (discourse/app/assets/stylesheets/wcag.scss at main · discourse/discourse · GitHub), поэтому могут быть и нежелательные дополнения.

1 лайк