bug: header background when using large title is tinted

[brandyscarney]

Bug Report

Ionic version:

[ ] 4.x
[x] 5.x

Current behavior:

When the large title collapses the toolbar is white.

Expected behavior:

The toolbar should be tinted to match the following:

Steps to reproduce:

1. Open the Codepen here: https://codepen.io/brandyscarney/pen/RwGEpeY
2. Scroll down until the title collapses
3. You'll see the background of the toolbar is white

Related code:

I believe this should be as simple as changing the fallback on the following line away from white: https://github.com/ionic-team/ionic-framework/blob/master/core/src/themes/ionic.theme.default.ios.scss#L24

This will affect all toolbars though, even if they don't collapse, but it shouldn't change the background of the large title toolbar since that should match the content. Confirm with @bensperry that this is the desired behavior (changing all toolbars default background from white to ~ #F6F6F6).

[liamdebeasi]

Confirm this with Ben, but we should also change --ion-color-step-50 to --ion-color-step-100: https://github.com/ionic-team/ionic-framework/blob/master/core/src/themes/ionic.theme.default.ios.scss#L24

edit: This is just for toolbars in a modal.

[liamdebeasi]

Resolved via #22852.

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.