Thunderbird Kalender Kategoriedarstellung

Mit Version 115 und Supernova ändert sich auch einiges (naja etwas) an der Kalenderdarstellung. Allerdings natürlich nicht alles wie erwartet. Ein schönes Feature wäre die Termindarstellung nach Farbe der Kategorie und nicht nach Kalenderfarbe. Rudimentär ist das vorhanden, allerdings nur in Form eines dünnen Balkens auf der rechten Seite des Termins. Das Ganze ist so nicht optimal. Allerdings bleibt hier imernoch der Weg über die userChrome.css. Hier können eigene Anpassungen am Stylesheet vorgenommen werden. Damit das auch funktioniert sind zwei Vorraussetzugen notwendig:

  1. die Datei userChrome.css muss im Verzeichnis chrome im Profilordner angelegt sein ( unter Windows: %appdata%\Thunderbird\Profiles\[[PROFILORDNER]]\chrome\ )
  2. in den Erweiterten Einstellungen muss die Variable toolkit.legacyUserProfileCustomizations.stylesheets auf true stehen ( zu finden unter Einstellungen > Allgemein > Konfiguration bearbeiten... )

Je nachdem, was man nun besser findet hier zwei Möglichkeiten des Layouts:

Kategoriefarbe linksseitig:

.calendar-item-container > div {
    margin-left: 12px!important;
}
.calendar-category-box {
    width: 10px!important;
    left: -12px!important;
    inset-block: 0px!important;
}

Kategoriefarbe als Hintergrund, Kalenderfarbe rechtseitig:

.calendar-item-flex {
    padding-right: 12px!important;
}

.calendar-category-box {
  width: auto !important;
  left: 0px !important;
  inset-block: 0px !important;
  right: 10px !important;
}

Termindarstellung - Varianten

Prioritäten hervorheben

Was noch fehlt ist eine Unterscheidung zwischen high, low und normaler Priorität. Das kann hierdurch erreicht werden:

calendar-event-box[priority="high"] {
    border: 1px solid darkred;
}

calendar-event-box[priority="low"] {
    border: 1px solid darkgoldenrod;
    opacity: 0.75!important;
}

Update

Mit Thunderbird 128 werden Kategoriefarben mittlerweile angezeigt. But I don't like the way it looks. Also zurück zum css:

calendar-event-box .calendar-category-box,
calendar-month-day-box-item .calendar-category-box {
  width: 8px!important;
  inset-block: 0!important;
  inset-inline-end: 0!important;
  border-radius: 0px!important;
  left: 0;
}

calendar-event-box {
    padding-left: 8px!important;;
}

calendar-month-day-box-item {
    padding-left: 12px!important;;
}

calendar-event-box[priority="high"],
calendar-month-day-box-item[priority="high"] {
    border: 1px solid darkred;
}

calendar-event-box[priority="low"],
calendar-month-day-box-item[priority="low"] {
    border: 1px solid darkgoldenrod;
    opacity: 0.75!important;
}