Skip to content

Conversation

@liamdebeasi
Copy link
Contributor

@liamdebeasi liamdebeasi commented Feb 29, 2024

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.

@liamdebeasi liamdebeasi marked this pull request as ready for review March 1, 2024 00:02
@liamdebeasi liamdebeasi requested a review from a team as a code owner March 1, 2024 00:02
@liamdebeasi liamdebeasi requested review from mapsandapps and removed request for a team March 1, 2024 00:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants