Brief black screen during navigation

Hey all, overriding this style using plain CSS as suggested so far is not the way to go if you want to do it properly.
And by properly I mean, using the SCSS variables that ionic uses. Thats the preferred way to override ionic stuff from what I understand.

The variable is $ios-transition-container-bg-color and is located in _transitions.scss.
For those not familair with overriding the ionic variables, you would simply add set the variable in your app SCSS, somewhere like ionic.app.scss or _variables.scss

E.g.:
$ios-transition-container-bg-color: #fff;

or, as some have suggested using transparent, you can use:

$ios-transition-container-bg-color: transparent;

I dont however, know WHY this background is set for ios and not android, I have a separate thread I created for that here: Why does ios need a black background in _transitions.scss

2 Likes