XF 2.0 How to change the (background)colors of the date field / calendar field?

[sbj]

Specifically I want to change the background of the calendar (the white one), the background color of the numbers (light blue), the color of the numbers, and the color of the week/month names.

I tried to use the element inspect tool but I can't figure it out cause this overlay is a pop-up one and I can't target it well.

Can someone tell me what the css codes are or where I can find the styling options in ACP?

Thank you.

 

[BassMan]

Try with this one:

.pika-single.is-bound {
    
}

 

[sbj]

Thx, it is pika indeed.

.pika-button {
    background: #yourcolor;
}

Is also the background color of the inner-table thing.

And how can I target the current date text-color?

In my example the current date is 2nd of April, and it has a different color than the others.
Anytime I try to inspect it, it gives me some gibberish things.

 

[BassMan]

Try this one:

.pika-table td.is-today .pika-button {
    color: #AD3BA1;
}

 

[S Thomas]

.is-selected .pika-button if you want to generally set that color.