1. Home
  2. News
  3. Download
    1. Thunderbird Release Version
    2. Thunderbird 140 ESR
    3. Thunderbird 115 ESR
    4. Thunderbird Beta Version
    5. Language Pack (User Interface)
    6. Dictionaries (Spell Check)
  4. Help & Lexicon
    1. Instructions for Thunderbird
    2. Questions & Answers (FAQ) about Thunderbird
    3. Help for this Website
    4. Last Changes
  5. Forums
    1. Unresolved Threads
    2. Latest Posts
    3. Threads of the last 24 hours
  • Login
  • Register
  • 
  • Search
This Thread
  • Everywhere
  • This Thread
  • This Forum
  • Forum
  • Lexicon
  • Articles
  • Pages
  • More Options
  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
  • May 15, 2023 at 11:17 AM
  • Closed
  • Thread is Unresolved
  • maf
    Member
    Reactions Received
    7
    Posts
    83
    Member since
    9. Jan. 2012
    • May 15, 2023 at 11:17 AM
    • #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 Member
    Reactions Received
    489
    Posts
    2,030
    Member since
    29. Jun. 2005
    Helpful answers
    55
    • May 15, 2023 at 11:26 AM
    • #2
    Quote from 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
    Member
    Reactions Received
    7
    Posts
    83
    Member since
    9. Jan. 2012
    • May 15, 2023 at 12:08 PM
    • #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 Member
    Reactions Received
    489
    Posts
    2,030
    Member since
    29. Jun. 2005
    Helpful answers
    55
    • May 15, 2023 at 12:19 PM
    • #4
    Quote from 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
    Guest
    • May 15, 2023 at 12:41 PM
    • #5
    Quote from 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 Member
    Reactions Received
    489
    Posts
    2,030
    Member since
    29. Jun. 2005
    Helpful answers
    55
    • May 15, 2023 at 1:15 PM
    • #6
    Quote from 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
    Guest
    • May 15, 2023 at 1:18 PM
    • #7
    Quote from 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 Member
    Reactions Received
    489
    Posts
    2,030
    Member since
    29. Jun. 2005
    Helpful answers
    55
    • May 15, 2023 at 2:51 PM
    • #8
    Quote from 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
    Member
    Reactions Received
    29
    Posts
    187
    Member since
    23. Aug. 2011
    • May 15, 2023 at 3:19 PM
    • #9
    Quote from 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 Member
    Reactions Received
    489
    Posts
    2,030
    Member since
    29. Jun. 2005
    Helpful answers
    55
    • May 15, 2023 at 3:27 PM
    • #10
    Quote from 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
    Guest
    • May 15, 2023 at 3:36 PM
    • #11
    Quote from 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
    Member
    Reactions Received
    29
    Posts
    187
    Member since
    23. Aug. 2011
    • May 15, 2023 at 3:46 PM
    • #12
    Quote from 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.

    Quote from 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 Member
    Reactions Received
    489
    Posts
    2,030
    Member since
    29. Jun. 2005
    Helpful answers
    55
    • May 15, 2023 at 3:54 PM
    • #13
    Quote from Sepp_I

    Danke dafür.

    Aber gerne doch.

    und wech

    Dharkness

  • maf
    Member
    Reactions Received
    7
    Posts
    83
    Member since
    9. Jan. 2012
    • May 16, 2023 at 4:28 PM
    • #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 Member
    Reactions Received
    489
    Posts
    2,030
    Member since
    29. Jun. 2005
    Helpful answers
    55
    • May 16, 2023 at 4:45 PM
    • #15
    Quote from 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
    Member
    Reactions Received
    7
    Posts
    83
    Member since
    9. Jan. 2012
    • May 16, 2023 at 6:13 PM
    • #16
    Quote from 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
    Member
    Reactions Received
    7
    Posts
    83
    Member since
    9. Jan. 2012
    • May 16, 2023 at 7:07 PM
    • #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
    Member
    Reactions Received
    7
    Posts
    83
    Member since
    9. Jan. 2012
    • May 16, 2023 at 7:28 PM
    • #18
    Quote from 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;
    }

    Edited 2 times, last by maf: Variablennamen und Syntax korrigiert (May 16, 2023 at 8:06 PM).

  • milupo
    Guest
    • May 16, 2023 at 7:30 PM
    • #19
    Quote from maf

    --viewWeekendBackbround

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

  • dharkness21
    Senior Member
    Reactions Received
    489
    Posts
    2,030
    Member since
    29. Jun. 2005
    Helpful answers
    55
    • May 16, 2023 at 7:49 PM
    • #20
    Quote from 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

Current app version

  • Thunderbird 152.0.1 veröffentlicht

    Thunder July 4, 2026 at 1:02 PM

Current 140 ESR version

  • Thunderbird 140.12.1 ESR veröffentlicht

    Thunder July 4, 2026 at 1:05 PM

No Advertisements

There are no advertisements here. Maybe you give the website owner (Alexander Ihrig - aka "Thunder") instead something to be able to finance these sites in the long run. Many Thanks!

Thank you for the support!

Coffee to be spent?

Donate now via Paypal*

*Forwarding to PayPal.Me

Similar Threads

  • Wie Mails farbig markieren - mit farbigem Texthintergrund?

    • roenni
    • December 12, 2022 at 11:00 PM
    • Allgemeines Arbeiten / Konten einrichten / Installation & Update
  • Kalender-Protokoll Sicherheit - wie handlet Ihr das? FTP/SFTP/WEBDAV/VPN ?

    • wicki_w
    • July 21, 2021 at 6:50 AM
    • Kalender, Termin- und Aufgabenverwaltung (ehemals Lightning)
Thunderbird Mail DE
  1. Imprint & Contact
  2. Privacy Policy
    1. Cookie Policy
  3. Terms of Use
  4. Donation Call for Thunderbird
Help for this website
  • All website support articles
  • How to use website search
  • How to create a forums user account
  • How to create and edit a forums thread
  • How to reset your forums password
Copyright © 2003-2026 Thunderbird Mail DE

You are NOT on an official page of the Mozilla Foundation. Mozilla®, mozilla.org®, Firefox®, Thunderbird™, Bugzilla™, Sunbird®, Seamonkey®, XUL™ and the Thunderbird logo are (among others) registered trademarks of the Mozilla Foundation.

Powered by WoltLab Suite™