После наведения порядка получилось чище, но пока без цветов для тёмной темы. Теперь предстояло проверить, как эти цвета лягут в дизайн, а это значило, что необходимо пройти по всем страницам и найти, что могло потеряться. Цветов, конечно же, было больше, но показывать всё мне не разрешили. Иллюстрация отражает принцип работы.
Изучив разные подходы и, что важно, проблемы, которые возникают во время масштабирования и изменения компонентов, я выбрал подход, при котором цвета присваиваются сущностям.
К примеру, у цветов текста есть несколько вариаций: основной цвет, второстепенный цвет, третичный и, что немаловажно, есть цвета, которые не меняются в зависимости от смены темы с тёмной на светлую. В сторону этого подхода подталкивает даже Figma, которая позволяет при создании вариантов запретить использование цвета фона для текста, что уменьшает количество ошибок при создании макетов.