You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/updating/8-0.md
+22
Original file line number
Diff line number
Diff line change
@@ -74,6 +74,28 @@ npm install @ionic/core@next
74
74
75
75
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.
76
76
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
+
77
99
### Dark Theme
78
100
79
101
In previous versions, it was recommended to define the dark theme in the following way:
0 commit comments