CSS Bastelecke

Das Erscheinungsbild von Sunbird und Lightning 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 (Sunbird, Lightning) in einem Ordner “chrome” erstellt werden.

Ein sehr nützliches Werkzeug in dieser Angelegenheit ist der DOM Inspector. Mit ihm lassen sich Elemente der Oberfläche identifizieren, die man dann in der userChrome.css als Selektor verwenden oder zumindest damit experimentieren kann, um bestimmte CSS-Eigenschaften zu verändern (ein paar Hinweise dazu in der zweiten Hälfte dieses Forum-Threads). Eine gute Übersicht über verschiedene CSS-Eigenschaften findet sich z.B. bei SelfHTML.

Individuelle Anpassungen mit solch einer Datei können nichts zerstören, aber theoretisch unerwartete Anzeigefehler verursachen. Bei entsprechenden Problemen sollte man also zunächst unbedingt prüfen, ob diese auch ohne userChrome.css noch auftreten, bevor man andere auf die Suche nach möglichen Ursachen schickt.

Lightning 1.3

In den verschiedenen Beispielen wird v.a. mit der Hintergrundfarbe (“background” oder “background-color”) sowie der Schriftfarbe (“color”) gearbeitet. Denkbar sind aber u.a. auch das Definieren von Rahmen (z.B. “border: 2px solid red !important;”), mit denen übrigens auch der Effekt einer farbigen Unterstreichung erzielt werden kann (z.B. “border-bottom: 1px solid #3333ff !important;” (Quelle)), oder das Einfügen von Bildern an geeigneten Stellen (Anregungen hierzu finden sich im Forum, z.B. hier und hier).

Datumsleisten der Tagesboxen im Kalenderblatt (mehrwöchige Ansicht, Monatsansicht)

Einträge im Kalenderblatt (minimale Änderungen)

Einträge in der Aufgabenliste

Heute (minimale Änderungen)

Wochenende (minimale Änderungen)

Selected (minimale Änderungen)

Navigationsleiste Kalenderblatt

Freizeit

Terminsuche