Kalenderanpassung zur Hinterlegung von Pausenzeiten

Ich würde gerne die Mittagspausenzeiten im Kalender grau hinterlegen wie dies die Zeiten außerhalb der Tagesnutzung sind. Z.B. bei Einstellung von 8-19 Uhr Tagesnutzung sind die Zeiten davor und danach grau hinterlegt. Nun würde ich dies gerne auch für die Mittagspause machen, die soll aber nicht durch einen "blockierenden" Termin passieren, habe ich versucht, gefällt mir aber nicht gut, es soll im Einzellfall dann doch auch möglich sein da einen Termin reinzupacken der dann einen "blockierenden" Termin der die Pause symbolisiert in der Breite schmaler macht. Idealerweise für jeden Wochentag einzeln einstellbar.

genutzt werden mehrere von einer Synology DS eingebundene CalDAV Calender (sollte hierfür aber eher irrelevant sein)

Das ganze geht wahrscheinlich nur über die UserChrome.css mit der ich auch schon etwas gespielt habe, aber ich habe keine komplette Befehlsreferenz gefunden, ist auch fraglich ob es da was vorgefertigtes gäbe.

Hat jemand eine Idee, einen Ansatz oder eine Code Schnipsel an dem ich weiter bastel könnte?

Grüße und Danke im Vorraus

Mit Hilfe des Entwicklermodus konnte ich die entsprechenden Zellen von der Klasse ändern in [class="multiday-hour-box multiday-hour-box-off-time"]

so wäre die gewünschte Ansicht

Die Zeiten stimmen noch nicht ganz aber das ist ja zum zeigen erstmal egal.

Nun habe ich leider von CSS und wie das ganze im TB zusammenhängt keine Ahnung.

Habe auch schon mit der userChrome.css und der user.js rumprobiert aber so wirklich haut das nicht hin.

Der obige versuch zeigt mit dass das ganze aber eigentlich mit weniger (oder hoffentlich nicht - mehr) Aufwand doch möglich sein müsste.

Hat da jemand mehr Ahnung?

Müsste in der Tages- und Wochenansicht so sein, da werden ja die Stunden angezeigt.