CSS to make date picker highlighting darker


#1

What custom CSS could I use to make the highlighting in the date picker darker? I can barely see it when I use the mouse buttons to move the date around.

I used custom CSS before to make highlighting the active item darker (Post your current Custom CSS (with comments)!), but I only found it by messing around with a bunch of different things to experiment. What’s a fast way to figure it out?

(I’m not a developer or web designer.)


#2

I use:

.datepicker .day:hover,
.datepicker-switch:hover,
.prev:hover,
.next:hover,
tfoot tr th:hover,
.datepicker .day.focused,
.datepicker-switch.focused,
.prev.focused,
.next.focused,
tfoot tr th.focused {
  background-color: rgba(0, 0, 0, .08);
  background: rgba(0, 0, 0, .08);
}

#3

@Mark_Eichenlaub: does @berdan’s answer help at all? :slight_smile:


#4

Yes, thank you! I bumped the alpha up to .2 in berdan’s code and now it’s nice and clear.