Skip to content

Instantly share code, notes, and snippets.

@dpalou
Last active March 10, 2021 09:04
Show Gist options
  • Save dpalou/58ba486250b85081ef45735a35acafab to your computer and use it in GitHub Desktop.
Save dpalou/58ba486250b85081ef45735a35acafab to your computer and use it in GitHub Desktop.
/* Styles for Ionic 5. */
body.ionic5 ion-toolbar {
--background: #004C9C;
}
/* Behind the tabs */
body.ionic5 ion-tab-bar {
--background: #fff;
--color: #004C9C;
--color-selected: #00ced1;
}
/* Styles for Ionic 3. */
body:not(.ionic5) .toolbar-background-md {
border-color: #004C9C;
background: #004C9C;
}
body:not(.ionic5) .toolbar-background {
border-color: #004C9C;
background: #004C9C;
}
/* Behind the tabs */
body:not(.ionic5) .core-tabs-bar {
color: #004C9C;
background-color: #fff;
}
/* Active tab */
body:not(.ionic5) ion-app.app-root .core-tabs-bar .tab-slide[aria-selected=true] {
color: #004C9C!important;
border-bottom-color: #004C9C!important;
background: #fff!important;
}
/* In-active tab */
body:not(.ionic5) ion-app.app-root .core-tabs-bar .tab-slide {
background: #fff;
color: #004C9C;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment