content: Ionic 8 beta upgrade guide and docs page on dark theme, confusion about ion-color-step ion-text-color-step ion-background-color-step

[ptmkenny]

URL

https://ionicframework.com/docs/v8/theming/dark-mode#ionic-dark-theme

Issue Description

I have an Ionic 7 React app with a pretty heavily customized variables.css.

The upgrade guide says that for Step Color Tokens, you need to change ion-color-step to ion-background-color-step or ion-text-color-step depending on whether you want to change the text or the background color.

Well, variables.css is full of these step colors, some I changed and some I didn't. I tried to find a recent variables.css to use as an example, so I checked the dark theme page linked in the upgrade guide.

However, in the variables.css file shown on that page as an example, the step colors don't use -text- or -background as described in the upgrade guide.

  --ion-color-step-50: #0d0d0d;

So what am I supposed to do here? Do I need to use -text- and -background-, or can I continue to use ion-color-step as shown on the dark mode theme page?

[liamdebeasi]

Thanks for testing the Ionic 8 beta! We clarified this in #3525.