How to change the color to the Datetime component?

I have this

image

But I would like to change the highlighted blue to rgb(136,168,39) is it possible? There is how I defined the Datetime:

<ion-datetime class="datetimeColor" displayFormat="H:mm" pickerFormat="H mm" [(ngModel)]="booking.timeStarts" hourValues="7,8,9,10,11,12,
			13,14,15,16,17,18,19,20,21" placeholder="from">
			</ion-datetime>

And in the app.scss I put:

.datetimeColor{
	color: rgb(136,168,39) !important;
}
2 Likes

.picker-md .picker-prefix,
.picker-md .picker-suffix,
.picker-md .picker-opt.picker-opt-selected {
color: #fff;
font-family: Montserrat-Medium;
border-radius: 10px;
background-color: rgba(227, 123, 38, 0.342);
box-shadow: 0 1px rgba(255,255,255,0.2),
0 -0px 1px rgba(236, 236, 236, 0.4),
0 1.5px 2px rgba(255, 255, 255, 0.5);
}
.picker-md .picker-opt {
color: map-get($colors,bg);
font-family: Montserrat-Light;
}
.picker-md .picker-button,
.picker-md .picker-button.activated {
color: #fff;
font-family: Montserrat-Regular;
}