Как изменить цвета по умолчанию в Materialize css?

Question

Я только что добавил материализацию css в свой проект ASP. NET MVC, но я не могу изменить цветовую схему по умолчанию. Ссылаясь на здесь , мне нужно изменить цветовую схему по умолчанию с зеленого на синий.

Я добавил это в свой файл '_project_variables.s css', но он не работает :

$primary-color: color("materialize-blue", "lighten-2") !default;

Есть еще один шаг, который не описан на их веб-сайте? Что еще мне нужно сделать?

Answer 1

Есть несколько способов сделать это.

1) Редактировать _variables.s css напрямую

Измените значения цвета в строках 37 и 41 для основного и вторичный (в настоящее время бирюзовый и розовый).

2) Переопределите с помощью _custom-variables.scss

В materialize.s css добавьте ссылку на свой собственный s css файл ДО _variables.scss:

// Variables;
@import "../custom-components/custom-variables";
@import "components/variables";