calendar-heading.css

/* === Calendar Heading Styles === */
/* This CSS snippet styles the calendar heading in Obsidian, applying colours to each day of the week. */

.container#calendar-container .calendar > thead > tr:first-of-type > th:nth-child(1) {
    color: rgb(var(--drac-red-rgb));
}
.container#calendar-container .calendar > thead > tr:first-of-type > th:nth-child(2) {
    color: rgb(var(--drac-pink-rgb));
}
.container#calendar-container .calendar > thead > tr:first-of-type > th:nth-child(3) {
    color: rgb(var(--drac-purple-rgb));
}
.container#calendar-container .calendar > thead > tr:first-of-type > th:nth-child(4) {
    color: rgb(var(--drac-cyan-rgb));
}
.container#calendar-container .calendar > thead > tr:first-of-type > th:nth-child(5) {
    color: rgb(var(--drac-green-rgb));
}
.container#calendar-container .calendar > thead > tr:first-of-type > th:nth-child(6) {
    color: rgb(var(--drac-yellow-rgb));
}
.container#calendar-container .calendar > thead > tr:first-of-type > th:nth-child(7) {
    color: rgb(var(--drac-pink-rgb)); /* Repeats to complete the cycle */
}