На днях я потратил хороший час, пытаясь создать приятную цветовую палитру.
Первая проблема заключается в том, что понятия «основной», «вторичный», «третичный» и «четвертичный» цвета немного размыты.
Понимаю, что в тексте можно объяснить не всё, но на практике единственный надёжный способ узнать, как изменятся цвета, — это делать полную перезагрузку страницы каждый раз. Это также делало процесс довольно трудоёмким.
Вторая проблема: единственные переменные «primary» и «secondary» тайно вычисляют целый ряд других цветов, которые используются как --primary-low, --primary-high и т.д. Я заметил, что использование цвета вроде #2b2b2b даёт совершенно иной результат, чем похожий тёмный цвет с небольшим количеством синего, потому что сгенерированная палитра оказывается очень разной. Каждый раз, когда я пробую новый цвет, это похоже на стрельбу вслепую, так как итоговые цвета оказываются непредсказуемыми. Я ценю простоту подхода, когда три переменные управляют всей палитрой, но результат кажется слишком случайным.
Наконец, у меня возникло много проблем с контрастом. Я обнаружил, что с выбранными мной цветами приходилось идти на компромисс между контрастом текста и фона, контрастом горизонтальной черты и фона, а также контрастом кнопок «ответить/редактировать» и фона. Например, увеличение контраста текста делало черту плохо заметной, и наоборот.
Впрочем, я не прошу ничего исправлять. Думаю, решение могло бы заключаться в увеличении размера палитры для большей гибкости. Но я понимаю преимущества простоты. Какой-то вид реального предпросмотра был бы полезен, хотя я также понимаю, что это запрос низкого приоритета.
Я просто хотел задокументировать свой опыт. В итоге мне удалось создать палитру, но я остался не совсем доволен результатом. Интересно, сталкивались ли другие с похожими трудностями, или проблема во мне? Буду рад советам.

