feat(themes): add md theme tokens and update ionic theme to include semantic tokens

[brandyscarney]

Issue number: internal

---

What is the current behavior?

• The theme interface defines only numeric tokens
• The config values are set at the top-level of the theme
• No tokens are defined for the md theme
• The ionic theme redefines the base numeric tokens
• Font family is being set in multiple places

What is the new behavior?

• Updates the theme tokens interface to add more numeric tokens & semantic tokens
• Moves the config values into a separate config option which uses the IonicConfig interface
  • Adds a config option for formHighlight to IonicConfig
• Defines default & dark tokens for the md theme
• Removes the numeric tokens from the ionic theme and adds semantic tokens
• Remove the numerous --ion-font-family overrides in favor of the tokens

Does this introduce a breaking change?

• Yes
• No

[vercel]

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

Project	Deployment	Preview	Comments	Updated (UTC)
ionic-framework	Ready	Preview	Comment	Oct 21, 2025 7:40pm

[brandyscarney]

I thought I could remove these but Playwright still needs the iosTestingFont and mdTestingFont.

[thetaPC]

Why does it need it?

[brandyscarney]

It doesn't apply Roboto without the testing font in this file:

--ion-font-family: Roboto, "mdTestingFont", sans-serif;

and it doesn't apply the apple font without this either:

 --ion-font-family: -apple-system, BlinkMacSystemFont, "iosTestingFont", sans-serif;

I thought maybe this code was outdated but it is still needed so I left it. We could look into removing it later.

[thetaPC]

That's weird, I wonder why it needs it. Thanks!

[ShaneK]

Just noticed a weird inconsistency, but it may be intentional. Otherwise looks good to me.

[thetaPC]

LGTM