Я использую Angular 7. Все мои глобальные стили находятся в файле style.scss.
У меня также есть 2 темы: dark.scss и light.scss. Эти 2 файла находятся в пути:
assets/css/dark.scss
assets/css/light.scss
Я пытался включить эти темы в свое приложение двумя способами:
1) Я добавил стили темы в angular.json ::
styles: [
"src/styles.scss",
"src/assets/css/light.scss",
"src/assets/css/dark.scss"
],
2) Я импортировал их в файл styles.scss:
@import 'assets/css/light.scss';
@import 'assets/css/dark.scss';
Я пробовал этот импорт в начале style.scss, а также в конце style.scss,
Что бы я ни пытался, моя тема file.scss переопределяется с style.scss. Angular каким-то образом поместил theme.scss перед style.scss в порядке стилей. Есть ли способ, которым мой стиль темы переопределяет style.scss?