ion-content background color
ion-content{
--ion-background-color:#111D12;
}ion-content background color
ion-content{
--ion-background-color:#111D12;
}ionic header background color
It seems like the ion-header acts more as a container for an inner ionic component (like an ion-toolbar). I looked over the Ionic v4 ion-toolbar documentation. This component has many custom css custom properties, including --background, that can be customized. This may be what you're looking for.
Assuming you used the CLI to create a 'login' page component, you can add a new css class definition to the login.scss file:
.new-background-color{
--background: #54d61c;
}
And then refer to it in your login.page.html file:
<ion-header>
<ion-toolbar class="new-background-color">
<ion-title>Login</ion-title>
</ion-toolbar>
</ion-header>ionic color
<ion-button>Default</ion-button>
<ion-button color="primary">Primary</ion-button>
<ion-button color="secondary">Secondary</ion-button>
<ion-button color="tertiary">Tertiary</ion-button>
<ion-button color="success">Success</ion-button>
<ion-button color="warning">Warning</ion-button>
<ion-button color="danger">Danger</ion-button>
<ion-button color="light">Light</ion-button>
<ion-button color="medium">Medium</ion-button>
<ion-button color="dark">Dark</ion-button>Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
