Issue number: internal

What is the current behavior?

• Theionic theme tokens are undefined.
• Thedark palette does not work with theionic theme.
• Theionic theme uses different colors thanmd andios.
• The modular theme tokens are not being used by any tests dependent on URL params.

What is the new behavior?

• Updates the token interface to accept a numeric scale - it is TBD if it will be the way forward but it is needed for theionic theme currently.
• Updates the base tokens to use the new interface.
• Adds tokens for theionic 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 globalionic theme overrides, allowing it to use the dark palette.
• Removes the different Ionic colors from theionic 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.newTokens, to generate the token files.

Does this introduce a breaking change?

• Yes
• No

Other information

Preview: Basic
Preview: Color
Preview: Typography

Add the URL parameters?ionic:palette=dark or?ionic:theme={ios|md|ionic} to see the palette or theme change and pull in the associated tokens.

Note: most of the theme specific tokens are not applied yet because we haven't updated the components.