Different background-color by page

hi guys,

i want different background color of ion-content for 2 pages but i can’t achieve that.

i try 2 way but does not work :

First Try

FirstPage HTML
<ion-content class="firstpage"></ion-content>

FirstPage CSS

.firstpage {
background-color:black;
}

SecondPage HTML
<ion-content class="secondpage"></ion-content>

SecondPage CSS

.secondpage {
background-color:white;
}

Second Try

FirstPage CSS
.scroll-content {
background-color:black;
}

SecondPage CSS
.scroll-content {
background-color:white;
}

How can i have different background color for ion-content on each page please ?