Skip to content

test(scripts): add base theme to test pages - #31536

Open
thetaPC wants to merge 2 commits into
ionic-modularfrom
FW-6863-base-theme
Open

thetaPC wants to merge 2 commits into
ionic-modularfrom
FW-6863-base-theme

Conversation

@thetaPC

@thetaPC thetaPC commented Oct 6, 2026 •

Copy link
Copy Markdown
Contributor

Issue number: resolves internal


What is the current behavior?

Test pages accept ionic:theme values of ionic, ios and md only. Any other value falls back to md, so there is no way to see how a migrated component renders without a theme.

What is the current behavior?

  • Test pages only load tokens for the ionic, ios and md themes. With ionic:theme=base, no tokens load, so palettes such as dark don't apply and there's no way to see how a migrated component renders with only the base tokens.

Does this introduce a breaking change?

  • Yes
  • No

Other information

Open each before and after link side by side.

Check Before After What to look for
Base theme, dark palette before after Before, the page stays light. After, it uses the dark palette
Base theme, light palette before after Looks the same on both. Chips render plain, with no theme styles

@vercel

vercel Bot commented Oct 6, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
ionic-framework Ready Ready Preview Oct 19, 2026 6:04pm UTC

Request Review

@github-actions github-actions Bot added the package: core @ionic/core package label Oct 6, 2026
@thetaPC
thetaPC added this pull request to stack #31538 October 6, 2026 22:11
@thetaPC
thetaPC marked this pull request as ready for review October 12, 2026 18:13
@thetaPC
thetaPC requested a review from a team as a code owner October 12, 2026 18:13
@thetaPC
thetaPC requested a review from ShaneK October 12, 2026 18:13
Comment thread core/scripts/testing/scripts.js Outdated

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Does the theme also need to be added to generator.ts:

export type Theme = 'ios' | 'md' | 'ionic';

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Not for this PR. The base theme is for checking migrated components by hand without a theme, and no spec runs it in Playwright yet. When one should screenshot it, the generator needs base-ios and base-md modes and 'base' in Theme, since it splits the mode string into theme and mode.

Co-authored-by: Brandy Smith <brandyscarney@users.noreply.github.com>

@ShaneK ShaneK left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

This branch was successfully deployed

1 active deployment
Preview — 6d3e5e71 Deployed Oct 19, 2026 by vercel[bot]
Sign up for free to 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