Dieser ganze css Code wurde von Bastler erstellt und ist als ganze Zusammenfassung hier ersichtlich.
CSS
/* ---Monatsansicht & mehrere Wochen Kalender rechte Seite aktuellen Tag hervorheben--- */
/* ---17. Juni 2023 --- */
.calendar-month-day-box-current-month[relation="today"],
.calendar-month-day-box-day-off[relation="today"],
.calendar-month-day-box-other-month[relation="today"] {
appearance: none !important;
border: 2px solid red !important;
background-color: rgba(255, 230, 200, 0.25) !important;
}
/* ---Monatsansicht & mehrere Wochen bei Auswahl anderer Tag--- */
.calendar-month-day-box-current-month:not([relation="today"])[selected="true"],
.calendar-month-day-box-day-off:not([relation="today"])[selected="true"],
.calendar-month-day-box-other-month:not([relation="today"])[selected="true"] {
appearance: none !important;
border: 2px dashed blue !important;
}
/* ---Wochenansicht aktuellen Tag hervorheben--- */
calendar-event-column:nth-child(3)[relation="today"],
#week-view .day-column-today .day-column-heading,
#week-view .day-column-today .multiday-column-box-stack {
appearance: none !important;
border: 2px solid red !important;
background-color: rgba(255, 230, 200, 0.25) !important;
}
#week-view .day-column-today .allday-events-list {
appearance: none !important;
border-left: 2px solid red !important;
border-right: 2px solid red !important;
background-color: rgba(255, 230, 200, 0.25) !important;
}
#week-view .day-column-today .multiday-hour-box {
appearance: none !important;
background-color: rgba(255, 230, 200, 0.25) !important;
}
/* ---Wochenansicht bei Auswahl anderer Tag--- */
.day-column-selected :is(.day-column-heading, .multiday-column-box-stack) {
appearance: none !important;
border: 2px dashed #555 !important;
}
.day-column-selected :is(.allday-events-list) {
appearance: none !important;
border-left: 2px dashed #555 !important;
border-right: 2px dashed #555 !important;
}
calendar-day-view article.day-column-today .day-column-heading,
calendar-day-view article.day-column-today .multiday-hour-box {
appearance: none !important;
background-color: rgba(255, 230, 200, 0.25) !important;
}
Alles anzeigen
Herzlichen Dank an Bastler welcher zu der Lösung des Problems seinen guten Beitrag geleistet hat.
LG Urmel