One of the issues I'm seeing devs run into with the Ionic 8 beta is with trying to override the default light theme. Devs are placing their overrides in theme/variables.scss. However, our angular.json config has it so that theme/variables.scss is loaded before global.scss (where the default light theme is imported).
Since both sets of styles target the same selector, they have the same specificity and the latest style to get added to the DOM wins (global.scss in this case). As a result, the custom styles do not apply.
This PR switches the order so global.scss is loaded first. This is really only needed for Ionic 8, so I could target the feature-8.0 branch. However, I figured it would be good to get this change out sooner since devs testing the Ionic 8 beta may create fresh apps.
One of the issues I'm seeing devs run into with the Ionic 8 beta is with trying to override the default light theme. Devs are placing their overrides in
theme/variables.scss. However, ourangular.jsonconfig has it so thattheme/variables.scssis loaded beforeglobal.scss(where the default light theme is imported).Since both sets of styles target the same selector, they have the same specificity and the latest style to get added to the DOM wins (
global.scssin this case). As a result, the custom styles do not apply.This PR switches the order so
global.scssis loaded first. This is really only needed for Ionic 8, so I could target thefeature-8.0branch. However, I figured it would be good to get this change out sooner since devs testing the Ionic 8 beta may create fresh apps.