Как переопределить классы CSS, отличные от app.scss в ionic?

Question

Я создаю темную тему для моего ионного приложения, следуя этому Уроку .Это работает для большинства классов, но есть некоторые классы CSS, которые изменяются только при переопределении их в app.scss, если я переопределяю их в theme.dark.scss, они остаются неизменными.

например, вот класс ионного оповещения .alert-md .alert-wrapper

, если я изменю цвет фона и цвет в app.scss отражает изменения.Но, если я делаю то же самое в theme.dark.scss, он ничего не делает.

Я пытался использовать ! Важный в theme.dark.scss, но все равно он не меняет цвет фона и цвет этого класса.

Есть ли способ переопределить CSS в файле theme.dark.scss ?

Помощь приветствуется.

Answer 1

Вы можете изменить цвет фона в variables.scss или переопределить цвет фона

Answer 2

В Variable.css вы найдете и измените, как показано ниже: -

// From
@import "ionic.theme.default";

// To
@import "ionic.theme.dark";

Это сделает вашу тему темной, а затем вы сможете вносить соответствующие изменения по мере необходимости.

Пожалуйста, перейдите по ссылке ниже для более подробного объяснения.

https://coursetro.com/posts/code/117/How-to-Properly-Use-Ionic-Theme-Variables