Как лучше сделать цветовые схемы на сайте?

Question

[aaa_eee]

Нужно сделать цветовые схемы (темы).

Пишу на angular 5. Требуется поддержка ie11 и chrome 42.

Смотрю в сторону css variables. Никак не могу найти нормальный полифилл.
Так же были мысли по поводу какой-нибудь хитрой сборки стилей на каждую схему и динамически менять файл стилей в head.

Какие на данный момент лучшие практики?

Answer 1

[Максим Тимофеев]

Файлы с цветовой схемой просто подключаются после основного css файла и переопределяют стили
либо 1 файл со всеми вариантами если их не 800 то без проблем, меняем добавлением класса к body
Вопрос сборки - это совсем другая песня, которая сюда никак не относится.

Comments

[aaa_eee]

Этот вариант рассматривался. Но у него есть большой недостаток - для каждой схемы нужно делать свой каскад. А хотелось бы обойтись переменными

[Максим Тимофеев]

aaa_eee, ну так и обходитесь переменными, а потом собирайте нужные css файлы gulp-ом. Как вообще связаны методы формирования css и их последующее использование?

Answer 2

[Astrohas]

динамически менять файл стилей в head.

this^^^ вообще через Less/sass/stylus создаете разные файлы со цветами. при сборке придется собирать для каждого из них.

Comments

[aaa_eee]

Не знаете как это можно автоматизировать?

[Astrohas]

aaa_eee, вебпаком, не?

Answer 3

[ValeraValera]

CSS переменные посмотрите

Comments

[aaa_eee]

Там же написано, что в идеале хотелось бы сделать на них. Но нужен хороший полифилл для старых браузеров, который я не нашел