Skip to content

chore(playwright): migrate themes to palettes - #29148

Merged
sean-perkins merged 2 commits into
feature-8.0from
sp/test-palettes
Mar 14, 2024
Merged

chore(playwright): migrate themes to palettes#29148
sean-perkins merged 2 commits into
feature-8.0from
sp/test-palettes

Conversation

@sean-perkins

@sean-perkinssean-perkins commented Mar 13, 2024

Copy link
Copy Markdown
Contributor

Issue number: N/A


What is the current behavior?

What is the new behavior?

  • Migrates the test infrastructure to use palettes instead of themes

Does this introduce a breaking change?

  • Yes
  • No

Other information

This does not change where the light/dark/high contrast styles live or how they are consumed in the test infra. That work is done here: #29149

@github-actionsgithub-actionsBot added the package: core @ionic/core package label Mar 13, 2024
@sean-perkins
sean-perkins marked this pull request as ready for review March 13, 2024 01:40
@sean-perkins
sean-perkins merged commit b148b32 into feature-8.0Mar 14, 2024
@sean-perkins
sean-perkins deleted the sp/test-palettes branch March 14, 2024 14:29
sean-perkins added a commit that referenced this pull request Mar 18, 2024
Issue number: Internal
---------
<!-- Please do not submit updates to dependencies unless it fixes an
issue. -->
<!-- Please try to limit your pull request to one type (bugfix, feature,
etc). Submit multiple pull requests if needed. -->
## What is the current behavior?
<!-- Please describe the current behavior that you are modifying. -->
Ionic Framework currently plans to offer dark and high contrast "themes"
in v8. However this naming nomenclature conflicts with a significant new
feature that the team is working on towards v9+.
## What is the new behavior?
<!-- Please describe the behavior or changes that are being added by
this PR. -->
- Migrates previous dark and high contrast "themes" to "palettes"
- Updates test infrastructure to import from the new stylesheet
locations
## Does this introduce a breaking change?
- [x] Yes
- [ ] No
<!--
If this introduces a breaking change:
1. Describe the impact and migration path for existing applications
below.
2. Update the BREAKING.md file with the breaking change.
3. Add "BREAKING CHANGE: [...]" to the commit description when merging.
See
https://github.com/ionic-team/ionic-framework/blob/main/.github/CONTRIBUTING.md#footer
for more information.
-->
Developers that have updated to the Ionic v8 beta and have implemented
the dark and high contrast themes, will need to update the import path:
```diff
-@import '@ionic/angular/css/themes/dark.always.css';
+@import '@ionic/angular/css/palettes/dark.always.css';
```
## Other information
<!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. -->
Blocked by: #29148.
Review that first.
Documentation PR: ionic-team/ionic-docs#3521
---------
Co-authored-by: Liam DeBeasi <liamdebeasi@users.noreply.github.com>
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

package: core@ionic/core package

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@sean-perkins@liamdebeasi@averyrousseau