Вёрстка, как использовать цветовые схемы?

Question

[mcrack]

Здравствуйте, в общем занимаюсь вёрсткой несколько месяцев и вот задался вопросом, как делают отдельные цветовые схемы на всяких премиум шаблонах, конкретнее сменить тему оформления на сайте.

У меня есть такие варианты:
1) Поставить в body какой-то класс и уже в css в каскадном виде все цвета выставлять элементам, которые меняются
2) Просто создать второй файл с css стилями, который подключается после основного файла стилей, который переопределяет основные стили

Может есть и другие варианты, как будет правильнее?

Comments

[hzzzzl]

[mcrack]

hzzzzl, не совсем понимаю как это поможет. Это на все элементы нужно ставить, где я хочу внести отличие? Не думал, что такие вещи через js делают

[Rustam Bainazarov]

PHP, JS, CSS — вариантов много. Проще и удобнее — на CSS-переменных, но они не поддерживаются старыми браузерами (IE 11, EDGE 12).

[Ankhena]

1 или 2 зависит от того насколько много изменений в стилях.
Если это условных 1,5 строчки, то 1, если куча каких-то нюансов и перекрашиваний и перелопачивается чуть ли не вся тема, то 2.

Answer 1

[dom1n1k]

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