fix: migrate sidemenu step color usage (#1844)

ionic-team · May 8, 2024 · 601a0c5 · 601a0c5
1 parent 051817c
commit 601a0c5
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/angular-standalone/official/sidemenu/src/app/app.component.scss b/angular-standalone/official/sidemenu/src/app/app.component.scss
@@ -23,7 +23,7 @@ ion-menu.md ion-note {
 }
 
 ion-menu.md ion-list#inbox-list {
-  border-bottom: 1px solid var(--ion-color-step-150, #d7d8da);
+  border-bottom: 1px solid var(--ion-background-color-step-150, #d7d8da);
 }
 
 ion-menu.md ion-list#inbox-list ion-list-header {

diff --git a/angular/official/sidemenu/src/app/app.component.scss b/angular/official/sidemenu/src/app/app.component.scss
@@ -23,7 +23,7 @@ ion-menu.md ion-note {
 }
 
 ion-menu.md ion-list#inbox-list {
-  border-bottom: 1px solid var(--ion-color-step-150, #d7d8da);
+  border-bottom: 1px solid var(--ion-background-color-step-150, #d7d8da);
 }
 
 ion-menu.md ion-list#inbox-list ion-list-header {

diff --git a/react-vite/official/sidemenu/src/components/Menu.css b/react-vite/official/sidemenu/src/components/Menu.css
@@ -22,7 +22,7 @@ ion-menu.md ion-list-header, ion-menu.md ion-note {
 }
 
 ion-menu.md ion-list#inbox-list {
-  border-bottom: 1px solid var(--ion-color-step-150, #d7d8da);
+  border-bottom: 1px solid var(--ion-background-color-step-150, #d7d8da);
 }
 
 ion-menu.md ion-list#inbox-list ion-list-header {

diff --git a/vue-vite/official/sidemenu/src/App.vue b/vue-vite/official/sidemenu/src/App.vue
@@ -136,7 +136,7 @@ ion-menu.md ion-note {
 }
 
 ion-menu.md ion-list#inbox-list {
-  border-bottom: 1px solid var(--ion-color-step-150, #d7d8da);
+  border-bottom: 1px solid var(--ion-background-color-step-150, #d7d8da);
 }
 
 ion-menu.md ion-list#inbox-list ion-list-header {