I'm looking for a way to change the header colors of $ ionicPopup but did not find any material on the internet. The only way I found it was if I create my entire template in a separate file or insert an immense code inside the template parameter.
Is there any way to change the header color directly via $ ionicPopup parameter? if anyone can show me an example please?
I just found the solution. $ ionicPopup allows me to use a set of specific classes from a parameter called cssClass . To solve my problem, I opened the browser's DOM and identified the classes that are set to mount the popup, then I created custom relationships in my css file that changed the default popup elements, like this:
.-positive .popup,
.-popup-header-positive .popup .popup-head,
.-popup-buttons-positive .popup .popup-buttons{
border-color: #0c63ee;
background-color: #387ef5;
color: #fff;
}
.-popup-header-positive .popup .popup-title{
color: #fff;
}
You can use the ionic compilation via SASS, for this you must activate the ionic compilation mode with the command:
$ ionic setup sass
In this way the sic of ionic is active and you can customize in real time the css of your application by editing the file:
./scss/ionic.app.scss
that is in the root folder of the app. In this way editing the file it already compiles the css files of the www folder automatically.
follow example link: link