feat(themes): add ionic theme tokens (#30708)

- Updates the token interface to accept a numeric scale.
- Updates the base tokens to use the new interface.
- Adds tokens for the `ionic` theme based on the existing design tokens.
- Excludes certain keys (`enabled`, `rippleEffect`, `formHighlight`) from the generated CSS variables.
- Removes the `--background` and `--ion-background-color` from the global `ionic` theme overrides, allowing it to use the dark palette.
- Removes the different Ionic colors from the `ionic` theme, ensuring all of the themes use the same named (primary, secondary, etc.) colors.
- Updates the testing script to pull in the tokens based on the theme & palette passed to the URL.
- Adds a new npm script, `build.themes`, to generate the theme files.

---------

Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
This commit is contained in:
Brandy Smith
2025-10-16 10:07:57 -04:00
committed by GitHub
parent 41953b0b3b
commit 3fd1d5cab1
196 changed files with 620 additions and 502 deletions

View File

@ -4,7 +4,8 @@ const path = require('path');
const cleanDirs = [
'dist',
'css'
'css',
'themes'
];
cleanDirs.forEach(dir => {