Sunbird anpassen: „Heute“ einfärben

Für: Sunbird 0.3

Einträge in eine userChrome.css:

/** Today: Weekview **/
calendar-event-column[today=“true“],
calendar-header-container[today=“true“] {
background: #ff6633 !important;
}

calendar-event-column[selected=“true“],
calendar-header-container[selected=“true“] {
background: #ffe79c !important;
}

/** Today: multiweek-view – month-view **/
.calendar-month-day-box-current-month[today=“true“],
.calendar-month-day-box-day-off[today=“true“],
.calendar-month-day-box-other-month[today=“true“] {
background: #ff6633 !important;
}

.calendar-month-day-box-current-month[selected=“true“],
.calendar-month-day-box-day-off[selected=“true“],
.calendar-month-day-box-other-month[selected=“true“] {
background: #ffe79c !important;
}

Über das Ändern von #ff6633 (z.B. mit Hilfe der Farbpaletten bei SelfHTML) lässt sich die Hintergrundfarbe dann nach Belieben anpassen.

Sunbird anpassen: Kategorien

Für: Sunbird 0.3.

Mit Kategorien Termine einfärben und bebildern.
Beispiele „Verabredung“ und „Wichtig“:

Wochenansicht: Kategorien_Wochenansicht Monatsansicht: Kategorien_Monatsansicht

Notwendige Einträge in eine userChrome.css:

/ ** Kategorie: Verabredung **/

[item-category=verabredung] .calendar-month-day-box-item-label {
padding-left:20px !important;
background-image:url(„pics/verabredung.jpg“) !important;
background-position:top left !important;
background-repeat:no-repeat !important;
}

calendar-multiday-view [item-category=verabredung] .calendar-event-box-container {
padding-left:20px !important;
background-image:url(„pics/verabredung.jpg“) !important;
background-position:top left !important;
background-repeat:no-repeat !important;
}

/** Kategorie: Wichtig **/
.calendar-item[item-category=“wichtig“] {
border: solid red 2px !important;
background: #FDD !important;
}

.calendar-month-view-grid-row [item-category=wichtig] .calendar-event-box-container label {
color:red !important;
}

[item-category=wichtig] .calendar-month-day-box-item-label {
padding-left:15px !important;
color:red !important;
background-image:url(„pics/sign07.png“) !important;
background-position:top left !important;
background-repeat:no-repeat !important;
}

calendar-multiday-view [item-category=wichtig] .calendar-event-box-container {
padding-left:15px !important;
color:red !important;
background-image:url(„pics/sign07.png“) !important;
background-position:top left !important;
background-repeat:no-repeat !important;
}

Voraussetzung ist natürlich, dass es (in diesem Beispiel) den Ordner „chrome/pics“ im Profilverzeichnis gibt, in dem die entsprechenden Bilder liegen. Eine Größe von etwa 14×14 Pixel hat sich bewährt.

Sunbird anpassen: userChrome.css

Das Erscheinungsbild von Sunbird lässt sich per CSS leicht und vielfältig an eigene Wünsche anpassen.

Dazu müssen Einträge in eine Textdatei mit dem Namen userChrome.css vorgenommen werden. Diese Datei muss manuell im Profilverzeichnis in einem Ordner „chrome“ erstellt werden. Anregungen folgen (gilt auch für Lightning unter Thunderbird).
Ein sehr nützliches Werkzeug in dieser Angelegenheit ist der DOM Inspector.

Individuelle Anpassungen mit solch einer Datei können nichts zerstören, aber theoretisch unerwartete Anzeigefehler verursachen. Bei entsprechenden Problemen sollte man also zunächst prüfen, ob diese auch ohne userChrome.css noch auftreten.