Саша!
Советую называть цвета последовательно:
Плохо
// Вразнобой: то color, то colour; то link, то a.
// Непоследовательно: то color primary, то primary color.
--colorPrimary // ЦСС-переменная в браузере
$primary-colour // Переменная в исходном коде стилей
key color // В документации
--link-color
$aColorХорошо
// Однообразно: переменные, представляющие собой один и тот же цвет, называются одинаково.
// Последовательно: переменные названы с учетом соглашения «тип цвета + Color».
--primaryColor // В браузере
$primaryColor // В исходном коде
primary color // В документации
--linkColor
$linkColorИ семантично, используя в названии не сам цвет, а его предназначение:
Плохо
--blueColor
--grayColorХорошо
--primaryColor
--placeholderColorДля вдохновения советую взглянуть на систему именования цветов у Эпла и Гугла:
Ещё по теме
P. S. Это был совет о веб‑разработке. Хотите знать всё о коде, тестах, фронтенд‑разработке, цеэсэсе, яваскрипте, рельсах и джейде? Присылайте вопросы.