Change Colour of Day of the Week Headings Only

[Russell Marsh]

Is it possible to change only the Day of the Week heading colour?

If I change –r34ics–color–black via css it also updates colours of ALL text on the calendar. Is there way to distinguish the two and only change colour the Day of the Week text?

Thanks!

[room34]

Yes, but that requires changing some specific CSS, not just the value of the variable.

The selector for the headings is .ics-calendar-month-grid th, so you could write some CSS like this:

.ics-calendar-month-grid th {
    color: red;
}

The value red can be a named CSS color, a hex or RGB value (e.g. #ff0000 or rgb(255,0,0)), or another variable (e.g. var(--r34ics--color--gray)).

[Author]

Posts