Почему стандартная тема в Kendo-UI для Angular не меняет цвет акцента? - PullRequest
0 голосов
/ 31 мая 2019

Я пытаюсь изменить цвет акцента для приложения Angular, разработанного с помощью Kendo-UI. После небольшого поиска мне удалось понять, что я должен изменить, и это переменная $accent от значения по умолчанию #ff6358 до любого цвета, который вы хотите.


Эта ссылка предоставляет некоторую помощь.

Также официальная документация:

Настройка

Чтобы настроить тему по умолчанию одним махом, используйте цвета, определенные в файле scss/_variables.scss. Любые изменения, внесенные вами в содержимое этого файла, распространяются на каждый компонент.

Чтобы стилизовать определенный компонент, примените переменные, которые используются в его конкретном файле .scss.

После создания темы с помощью команды npm run build полная тема, которую вы можете использовать в своем проекте, будет доступна в файле dist/all.css.


Я сделал все эти вещи, и когда я проверяю свой файл all.css, он тот же, что и раньше. Любая помощь будет высоко ценится.

1 Ответ

0 голосов
/ 01 июня 2019

В Sass порядок объявлений имеет значение. Сначала нужно объявить новое значение $ accent, а затем импортировать стили Kendo, чтобы они использовали правильное значение.

$accent: #666666;
@import "~@progress/kendo-theme-default/scss/all";

(С другой стороны, Less оценивается лениво, и учитывается последнее объявление.)

Подробнее о Sass и переопределении здесь: https://thoughtbot.com/blog/sass-default

...