Skip to content

feat: simplify MD3 theme setup - #72

Merged
rdlabo merged 5 commits into
mainfrom
feat/theme-presets
Nov 11, 2026
Merged

rdlabo merged 5 commits into
mainfrom
feat/theme-presets

Conversation

@rdlabo

@rdlabo rdlabo commented Nov 11, 2026 •

Copy link
Copy Markdown
Contributor

Applications currently assemble individual theme stylesheets and wire animation exports into Ionic configuration. This adds a high-level setup path within the MD3 package.

  • md3ThemeConfig is an IonicConfig object spread into the existing initializer. The application owns composition and overrides, with minimal examples showing optional settings as comments.
  • styles/theme.css combines MD3 variables and component styles. Applications retain their chosen Ionic dark palette.
  • The build generates the exported theme stylesheets. Persistent tests run through the existing ESM verification entry point.
  • Setup, detailed configuration, and optional migration guides explain the two setup paths, before/after examples, existing mode selection, dark appearance, and custom animations. README links to each guide.

Existing stylesheet paths and individual animation exports remain supported.

Validation

  • Build, lint, packed ESM verification, and 2 theme setup regression tests passed.
  • Actual Angular, React, and Vue initializer types checked with all three theme packages imported together on Ionic 8.8.19 and 9.0.10. TypeScript strict checking used skipLibCheck: true because upstream Ionic declarations contain an IonicVue IonIcon path error and an Ionic 8 DOM autocorrect conflict.
  • Local Chromium comparisons on Ionic 8 and 9 matched the previous manual CSS setup in all 10 appearance conditions tested for this theme.
  • Documentation formatting, local links, heading anchors, and TypeScript example syntax checked.

@github-actions

github-actions Bot commented Nov 11, 2026 •

Copy link
Copy Markdown
Contributor

Playwright test results

passed  265 passed

Details

stats  265 tests across 18 suites
duration  2 minutes, 40 seconds
commit  b953ec1
info  This detailed result covers Ionic 9 only. Ionic 8 runs against the same screenshots in a separate matrix job; check the workflow run for both results. To update the screenshots, comment with /update-screenshots.

github-actions Bot added a commit that referenced this pull request Nov 11, 2026
@github-actions

github-actions Bot commented Nov 11, 2026 •

Copy link
Copy Markdown
Contributor

📊 Ionic 9 Playwright Test Report

View the detailed Ionic 9 report: https://webview-native-ui.github.io/ionic-theme-md3/pr-72/

Ionic 8 runs against the same screenshots in a separate matrix job. View both results in the workflow run.

github-actions Bot added a commit that referenced this pull request Nov 11, 2026
github-actions Bot added a commit that referenced this pull request Nov 11, 2026
@rdlabo rdlabo changed the title feat: simplify MD3 theme setup with a preset feat: simplify MD3 theme setup Nov 11, 2026
github-actions Bot added a commit that referenced this pull request Nov 11, 2026
github-actions Bot added a commit that referenced this pull request Nov 11, 2026
@rdlabo
rdlabo merged commit 3046297 into main Nov 11, 2026
11 checks passed
@github-actions

Copy link
Copy Markdown
Contributor

npm beta published

CI passed for the merge commit 304629710b80. Install the immutable version with:

npm install @rdlabo/ionic-theme-md3@9.2.0-beta.pr72.sha304629710b80

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.

1 participant