1. Startseite
  2. Nachrichten
  3. Herunterladen
    1. Thunderbird Release-Version
    2. Thunderbird 128 ESR
    3. Thunderbird 115 ESR
    4. Thunderbird Beta-Version
    5. Sprachpaket (Benutzeroberfläche)
    6. Wörterbücher (Rechtschreibprüfung)
  4. Hilfe & Lexikon
    1. Anleitungen zu Thunderbird
    2. Fragen & Antworten (FAQ) zu Thunderbird
    3. Hilfe zu dieser Webseite
  5. Forum
    1. Unerledigte Themen
    2. Letzte Beiträge
    3. Themen der letzten 24 Stunden
  • Anmelden
  • Registrieren
  • 
  • Suche
Dieses Thema
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Forum
  • Lexikon
  • Artikel
  • Seiten
  • Erweiterte Suche
  1. Thunderbird Mail DE
  2. Forum
  3. Hilfe zum Arbeiten mit Kontakten, Aufgaben und Kalendern
  4. Kalender, Termin- und Aufgabenverwaltung (ehemals Lightning)
  5. Tipps und Tricks für den Kalender

Kann man die Hintergrundfarbe eines bestimmten Tags ändern?

    • 102.*
    • Windows
  • maf
  • 15. Mai 2023 um 11:17
  • Geschlossen
  • Unerledigt
  • maf
    Mitglied
    Reaktionen
    4
    Beiträge
    70
    Mitglied seit
    9. Jan. 2012
    • 15. Mai 2023 um 11:17
    • #1

    • Thunderbird-Version: 102.10.1
    • Betriebssystem: Windows 10 22H2
    • Google-Kalender mit "Provider for Google-Calendar": nein
    • Google- oder sonstiger Kalender mit WebDAV / CalDAV: nein

    Gibt es die Möglichkeit, die Hintergrundfarbe eines einzelnen Tags im Kalender zu verändern, z.B. eines Feiertags?

    Ich habe bislang zwar viele Anleitungen gefunden, die mögliche Änderungen in "userChrome.css" beschreiben, aber keinen Hinweis, wie man dabei ein bestimmtes Datum angeben könnte.

  • dharkness21
    Senior-Mitglied
    Reaktionen
    470
    Beiträge
    1.874
    Mitglied seit
    29. Jun. 2005
    Hilfreiche Antworten
    54
    • 15. Mai 2023 um 11:26
    • #2
    Zitat von maf

    Gibt es die Möglichkeit, die Hintergrundfarbe eines einzelnen Tags im Kalender zu verändern, z.B. eines Feiertags?

    Test mal das ↓, die Woche (week) und den Tag (day) musst Du noch entsprechend anpassen.

    CSS
    .calendar-month-day-box-current-month[week="20"][day="16"] .calendar-month-day-box-list {
        background-color: #F20 !important;
    }

    und wech

    Dharkness

  • maf
    Mitglied
    Reaktionen
    4
    Beiträge
    70
    Mitglied seit
    9. Jan. 2012
    • 15. Mai 2023 um 12:08
    • #3

    Ja, das funktioniert! Und wie ich zu meiner Freude feststellen konnte, funktioniert auch eine Angabe von Jahr, Monat und Tag:

    CSS
    .calendar-month-day-box-current-month[year="2023"][month="5"][day="18"] .calendar-month-day-box-list {
        background-color: #F20 !important;
    }

    Zwei Zusatzfragen:

    1. Wo finde ich eine Dokumentation zu calendar-month-day-box-current-month, calendar-month-day-box-list und verwandten Attributen?
    2. Ist nach jeder Änderung an "userChrome.css" ein Neustart von Thunderbird erforderlich, um die Auswirkungen zu sehen, oder geht das auch einfacher?
  • dharkness21
    Senior-Mitglied
    Reaktionen
    470
    Beiträge
    1.874
    Mitglied seit
    29. Jun. 2005
    Hilfreiche Antworten
    54
    • 15. Mai 2023 um 12:19
    • #4
    Zitat von maf

    Zwei Zusatzfragen:
    Wo finde ich eine Dokumentation zu calendar-month-day-box-current-month, calendar-month-day-box-list und verwandten Attributen?
    Ist nach jeder Änderung an "userChrome.css" ein Neustart von Thunderbird erforderlich, um die Auswirkungen zu sehen, oder geht das auch einfacher?

    Zu 1.: Das ist mir nicht bekannt, aber mit den Entwickler-Werkzeugen, Extras → Entwickler-Werkzeuge → Entwickler-Werkzeugkasten, kann man so etwas Problemlos ermitteln.

    Zu 2.: Leider ja, ein anderer Weg ist mir für Thunderbird nicht bekannt.

    und wech

    Dharkness

  • milupo
    Gast
    • 15. Mai 2023 um 12:41
    • #5
    Zitat von dharkness21

    Zu 2.: Leider ja, ein anderer Weg ist mir für Thunderbird nicht bekannt.

    Doch, zum Testen ist der Stil-Editor in den Entwickler-Werkzeugen da. Dort kann man den Code eingeben und er sollte sich dann sofort auswirken. Man kann links auf das +-Symbol klicken um eine neue Stilvorlage anzulegen, die man dann als CSS-Datei abspeichern kann. Man kann auch die userChrome.css öffnen und diese verändern und abspeichern. Ich mache dies aber lieber außerhalb der Entwickler-Werkzeuge.

  • dharkness21
    Senior-Mitglied
    Reaktionen
    470
    Beiträge
    1.874
    Mitglied seit
    29. Jun. 2005
    Hilfreiche Antworten
    54
    • 15. Mai 2023 um 13:15
    • #6
    Zitat von milupo

    Doch, zum Testen ist der Stil-Editor in den Entwickler-Werkzeugen da.

    Das mache ich ja selbst so, nur habe ich jetzt nicht wirklich darüber nachgedacht, das hier zu erwähnen, also Dankeschön für den Hinweis.

    und wech

    Dharkness

  • milupo
    Gast
    • 15. Mai 2023 um 13:18
    • #7
    Zitat von dharkness21

    Das mache ich ja selbst so, nur habe ich jetzt nicht wirklich darüber nachgedacht, das hier zu erwähnen, also Dankeschön für den Hinweis.

    Ja, so ist das mit der Routine, sie geht ins Unterbewusstsein über. :-) Sein oder Unterbewusstsein, das ist hier die Frage. :-)

    Ansonsten: Gern geschehen.

  • dharkness21
    Senior-Mitglied
    Reaktionen
    470
    Beiträge
    1.874
    Mitglied seit
    29. Jun. 2005
    Hilfreiche Antworten
    54
    • 15. Mai 2023 um 14:51
    • #8
    Zitat von maf

    Und wie ich zu meiner Freude feststellen konnte, funktioniert auch eine Angabe von Jahr, Monat und Tag

    Jupp, so ist es in der Tat, aber für wiederkehrende Termine sollte man nur week oder besser month und day verwenden.

    und wech

    Dharkness

  • Sepp_I
    Mitglied
    Reaktionen
    27
    Beiträge
    177
    Mitglied seit
    23. Aug. 2011
    • 15. Mai 2023 um 15:19
    • #9
    Zitat von maf
    CSS
    .calendar-month-day-box-current-month[year="2023"][month="5"][day="18"] .calendar-month-day-box-list {
        background-color: #F20 !important;
    }

    Hallo,

    ich habe das mal verwendet und es funktioniert bei mir auch gut.

    Nun hätte ich aber noch 2 Fragen:

    Wenn ich mehrere Feiertage so einfärben will, muß ich dann für jeden Feiertag einen extra 3-Zeiler erstellen?

    Oder kann man sämtliche Feiertage des Jahres in einem 3-Zeiler eintragen?

    Der dann natürlich zu einem nochmehr-Zeiler wird.

  • dharkness21
    Senior-Mitglied
    Reaktionen
    470
    Beiträge
    1.874
    Mitglied seit
    29. Jun. 2005
    Hilfreiche Antworten
    54
    • 15. Mai 2023 um 15:27
    • #10
    Zitat von Sepp_I

    Oder kann man sämtliche Feiertage des Jahres in einem 3-Zeiler eintragen?

    Der dann natürlich zu einem nochmehr-Zeiler wird.

    3 Tage könnte man z.B. so ↓ zusammenfassen.

    CSS
    .calendar-month-day-box-current-month[month="4"][day="12"] .calendar-month-day-box-list,
    .calendar-month-day-box-current-month[month="6"][day="9"] .calendar-month-day-box-list,
    .calendar-month-day-box-current-month[month="10"][day="18"] .calendar-month-day-box-list {
        background-color: #92E1C0 !important;
    }

    und wech

    Dharkness

  • Bastler
    Gast
    • 15. Mai 2023 um 15:36
    • #11
    Zitat von Sepp_I

    Oder kann man sämtliche Feiertage des Jahres in einem 3-Zeiler eintragen?

    Hallo,

    oder einen Feiertagskalender als .ics einbinden. Es gibt einige, sogar mit regionalen Besonderheiten im Netz zum Download.

    Das hätte den Vorteil der automatischen beweglichen Feiertagen, und man muss nicht selber Stricken. ;)
    Bei besonderen unveränderlichen Merktagen, ist ein css Eintrag natürlich hervorhebend.

  • Sepp_I
    Mitglied
    Reaktionen
    27
    Beiträge
    177
    Mitglied seit
    23. Aug. 2011
    • 15. Mai 2023 um 15:46
    • #12
    Zitat von Bastler

    oder einen Feiertagskalender als .ics einbinden.

    Das habe ich gemacht, als extra Kalender, aber dann ist da nur so ein Balken zu sehen und nicht der ganze Kalendertag eingefärbt.

    Deshalb wollte ich das mal so ausprobieren.

    Zitat von dharkness21

    3 Tage könnte man z.B. so ↓ zusammenfassen.

    CSS
    .calendar-month-day-box-current-month[month="4"][day="12"] .calendar-month-day-box-list,
    .calendar-month-day-box-current-month[month="6"][day="9"] .calendar-month-day-box-list,
    .calendar-month-day-box-current-month[month="10"][day="18"] .calendar-month-day-box-list {
        background-color: #92E1C0 !important;
    }

    Danke dafür.

  • dharkness21
    Senior-Mitglied
    Reaktionen
    470
    Beiträge
    1.874
    Mitglied seit
    29. Jun. 2005
    Hilfreiche Antworten
    54
    • 15. Mai 2023 um 15:54
    • #13
    Zitat von Sepp_I

    Danke dafür.

    Aber gerne doch.

    und wech

    Dharkness

  • maf
    Mitglied
    Reaktionen
    4
    Beiträge
    70
    Mitglied seit
    9. Jan. 2012
    • 16. Mai 2023 um 16:28
    • #14

    Als Hintergrundfarbe würde ich gerne die Farbe benutzen, die auch bei Samstagen und Sonnstagen benutzt wird. Idealerweise nicht als festen Zahlenwert, sondern als Name, so dass sie Änderungen des Themas mitmacht. Kann mir jemand verraten, wie ich diese Farbe herausfinde?

  • dharkness21
    Senior-Mitglied
    Reaktionen
    470
    Beiträge
    1.874
    Mitglied seit
    29. Jun. 2005
    Hilfreiche Antworten
    54
    • 16. Mai 2023 um 16:45
    • #15
    Zitat von maf

    Idealerweise nicht als festen Zahlenwert, sondern als Name

    Nicht für jede Farbe gibt es einen Namen, Du müsstest also mit einen Colorpicker den Farb-Wert herausbekommen und ihn dann in einer kombinierten Tabelle mit Farbnamen und -werten suchen und hoffen das Du ihn findest.

    und wech

    Dharkness

  • maf
    Mitglied
    Reaktionen
    4
    Beiträge
    70
    Mitglied seit
    9. Jan. 2012
    • 16. Mai 2023 um 18:13
    • #16
    Zitat von dharkness21

    mit einen Colorpicker den Farb-Wert herausbekommen

    Ja, so habe ich es im Moment auch gemacht.

    Bei der Frage nach einem Namen dachte ich aber nicht an einen allgemeinen Namen wie z.B. "black", sondern an einen symbolischen Namen, den Thunderbird irgendwo in einer CSS-Datei (?) für die Farbe definiert, mit der Wochenenden hinterlegt werden, sowas wie "weekend-color" oder "sunday-color".

  • maf
    Mitglied
    Reaktionen
    4
    Beiträge
    70
    Mitglied seit
    9. Jan. 2012
    • 16. Mai 2023 um 19:07
    • #17

    Und noch eine Frage: Ein Eintrag wie

    CSS
    .calendar-month-day-box-current-month[year="2023"][month="12"][day="26"] .calendar-month-day-box-list {
            background-color: #f7ffe3} !important;

    verändert den Hintergrund in den Ansichten "Mehrere Wochen" und "Monat". Aber nicht in den Ansichten "Tag" und "Woche". Wie müsste ich den Eintrag erweitern, damit er in allen vier Ansichten wirkt?

  • maf
    Mitglied
    Reaktionen
    4
    Beiträge
    70
    Mitglied seit
    9. Jan. 2012
    • 16. Mai 2023 um 19:28
    • #18
    Zitat von maf

    Bei der Frage nach einem Namen dachte ich aber nicht an einen allgemeinen Namen wie z.B. "black", sondern an einen symbolischen Namen, den Thunderbird irgendwo in einer CSS-Datei (?) für die Farbe definiert, mit der Wochenenden hinterlegt werden, sowas wie "weekend-color" oder "sunday-color".

    Diese Frage kann ich nun selbst beantworten: Der gesucht Name ist --viewWeekendBackground. Damit sieht ein Eintrag dann so aus:

    CSS
    .calendar-month-day-box-current-month[year="2023"][month="12"][day="26"] .calendar-month-day-box-list {
            background-color: var(--viewWeekendBackground) !important;
    }

    2 Mal editiert, zuletzt von maf (16. Mai 2023 um 20:06) aus folgendem Grund: Variablennamen und Syntax korrigiert

  • milupo
    Gast
    • 16. Mai 2023 um 19:30
    • #19
    Zitat von maf

    --viewWeekendBackbround

    Nur, falls das jemand verwenden will, korrigierst du bitte die Schreibweise?

  • dharkness21
    Senior-Mitglied
    Reaktionen
    470
    Beiträge
    1.874
    Mitglied seit
    29. Jun. 2005
    Hilfreiche Antworten
    54
    • 16. Mai 2023 um 19:49
    • #20
    Zitat von maf

    Wie müsste ich den Eintrag erweitern, damit er in allen vier Ansichten wirkt?

    Dafür ist mir leider keine Lösung bekannt, ich kann dafür keine Classes bzw. IDs ermitteln, es gibt scheinbar keine einschränkenden Elemente.

    und wech

    Dharkness

Aktuelle Programmversion

  • Thunderbird 139.0.2 veröffentlicht

    Thunder 11. Juni 2025 um 17:31

Aktuelle ESR-Version

  • Thunderbird 128.11.1 ESR veröffentlicht

    Thunder 11. Juni 2025 um 17:27

Keine Werbung

Hier wird auf Werbeanzeigen verzichtet. Vielleicht geben Sie dem Website-Betreiber (Alexander Ihrig - aka "Thunder") stattdessen etwas aus, um diese Seiten auf Dauer finanzieren zu können. Vielen Dank!

Vielen Dank für die Unterstützung!

Kaffee ausgeben für:

Per Paypal unterstützen*

*Weiterleitung zu PayPal.Me

Ähnliche Themen

  • Wie Mails farbig markieren - mit farbigem Texthintergrund?

    • roenni
    • 12. Dezember 2022 um 23:00
    • Allgemeines Arbeiten / Konten einrichten / Installation & Update
  • Kalender-Protokoll Sicherheit - wie handlet Ihr das? FTP/SFTP/WEBDAV/VPN ?

    • wicki_w
    • 21. Juli 2021 um 06:50
    • Kalender, Termin- und Aufgabenverwaltung (ehemals Lightning)
Thunderbird Mail DE
  1. Impressum & Kontakt
  2. Datenschutzerklärung
    1. Einsatz von Cookies
  3. Nutzungsbedingungen
  4. Spendenaufruf für Thunderbird
Hilfe zu dieser Webseite
  • Übersicht der Hilfe zur Webseite
  • Die Suchfunktion benutzen
  • Foren-Benutzerkonto - Erstellen (Neu registrieren)
  • Foren-Thema erstellen und bearbeiten
  • Passwort vergessen - neues Passwort festlegen
Copyright © 2003-2025 Thunderbird Mail DE

Sie befinden sich NICHT auf einer offiziellen Seite der Mozilla Foundation. Mozilla®, mozilla.org®, Firefox®, Thunderbird™, Bugzilla™, Sunbird®, XUL™ und das Thunderbird-Logo sind (neben anderen) eingetragene Markenzeichen der Mozilla Foundation.

Community-Software: WoltLab Suite™