Skip to content

Commit eddeb20

Browse files
docs(migration): add info about removing old light palette colors (#3586)
* docs(migration): add info about removing old light palette colors * Update docs/updating/8-0.md Co-authored-by: Liam DeBeasi <[email protected]> * lint --------- Co-authored-by: Liam DeBeasi <[email protected]>
1 parent acac211 commit eddeb20

File tree

1 file changed

+22
-0
lines changed

1 file changed

+22
-0
lines changed

docs/updating/8-0.md

+22
Original file line numberDiff line numberDiff line change
@@ -74,6 +74,28 @@ npm install @ionic/core@next
7474

7575
The following changes are not required to update to Ionic 8 as your application will continue to work. However, we recommend making the following changes to ensure you can use the new features in Ionic 8.
7676

77+
### Light Theme
78+
79+
Previous versions shipped a set of default color variables for the light theme:
80+
81+
```css
82+
/** Ionic CSS Variables **/
83+
:root {
84+
/** primary **/
85+
--ion-color-primary: #3880ff;
86+
--ion-color-primary-rgb: 56, 128, 255;
87+
--ion-color-primary-contrast: #ffffff;
88+
--ion-color-primary-contrast-rgb: 255, 255, 255;
89+
/* ... */
90+
}
91+
```
92+
93+
In Ionic Framework version 8, the default color palette is included as long as `core.css` is imported. Removing the old color variables ensures that the latest palette is not overwritten.
94+
95+
Developers who are customizing this color palette can continue to keep the custom variables values, but any of the variables that use the default values should be removed.
96+
97+
You can read more about the new color palette in the [Ionic v8 announcement](https://ionic.io/blog/announcing-the-ionic-8-beta).
98+
7799
### Dark Theme
78100

79101
In previous versions, it was recommended to define the dark theme in the following way:

0 commit comments

Comments
 (0)