bessere Sichtbarkeit des HEUTIGEN Tages

Urmel · June 16, 2024 at 5:26 PM

Hallo zusammen

ich nutze den Thunderbird seit Jahren. Jetzt mit der letzten Version: 115.11.1 (64-Bit) auf Windows 11.

Mich stört leider im Kalender dass der heutige Tag "relativ" schlecht sichtbar ist, speziell wenn mehrere Termine Bereits eingetragen sind in der Monatsübersicht.

Deshalb meine Frage gibt es die Möglichkeit das heutige Datum im Kalender speziell hervorzuheben?

Ich denke hier dass z.B der Rahmen und der Hintergrund in einer besseren Farbe (auffällig hinterlegt würde) in dieser Monatsübersicht. Dabei würde die Wochen wie auch die Tagesübersicht profitieren.

Besten Dank für die Hilfe bzw Ratschläge

mit besten Grüssen

Urmel

Bastler · June 16, 2024 at 6:02 PM

Quote from Urmel

gibt es die Möglichkeit das heutige Datum im Kalender speziell hervorzuheben?

Hallo,
versuche folgenden Code in einer userChrome.css | Werte entspr. anpassen.
Das Anwählen eines anderen Tages wird auch hervorgehoben.
Wichtige Infos zur Anpassung der Benutzeroberfläche

CSS

/* ---Monatsansicht & mehrere Wochen Kalender rechte Seite aktuellen Tag umranden--- */
.calendar-month-day-box-current-month[relation="today"],
.calendar-month-day-box-day-off[relation="today"],
.calendar-month-day-box-other-month[relation="today"] {
appearance: none !important;
border: 1px solid red !important;
background-color: #f7f7bf !important;
}
/* ---Monatsansicht & mehrere Wochen bei Auswahl anderer Tag--- */
.calendar-month-day-box-current-month:not([relation="today"])[selected="true"],
.calendar-month-day-box-day-off:not([relation="today"])[selected="true"],
.calendar-month-day-box-other-month:not([relation="today"])[selected="true"] {
appearance: none !important;
border: 2px dashed blue !important;
}

/* ---Wochenansicht aktuellen Tag umranden--- */
calendar-event-column:nth-child(3)[relation="today"],
#week-view .day-column-today .day-column-heading,
#week-view .day-column-today .multiday-column-box-stack {
appearance: none !important;
border: 2px solid red !important;
background-color: #f7f7bf !important;
}
#week-view .day-column-today .allday-events-list {
appearance: none !important;
    border-left: 2px solid red !important;
    border-right: 2px solid red !important;
background-color: #f7f7bf !important;
}
/* ---Wochenansicht bei Auswahl anderer Tag--- */
.day-column-selected :is(.day-column-heading, .multiday-column-box-stack) {
appearance: none !important;
border: 2px dashed #555 !important;
}
.day-column-selected :is(.allday-events-list) {
appearance: none !important;
    border-left: 2px dashed #555 !important;
    border-right: 2px dashed #555 !important;
}

Display More

Road-Runner · June 16, 2024 at 6:44 PM

@Bastler Danke für den Code.

Bastler · June 16, 2024 at 9:22 PM

Road-Runner Code bearbeitet

Urmel · June 16, 2024 at 9:46 PM

Hallo zusammen

Ich habe dieses chrome directory erstellt im Thunderbird Profie Directory.

Das geforderte File: userChrome.css erstellt die entsprechenden Lines eingefügt mit einem Editor ...

/* ---Kalender rechte Seite Tagesfelder Aussehen--- */
.calendar-month-day-box-current-month[selected="true"],
.calendar-month-day-box-day-off[selected="true"],
.calendar-month-day-box-other-month[selected="true"] {
appearance: none !important;
border: 4px dashed blue !important;
}

.calendar-month-day-box-current-month[relation="today"],
.calendar-month-day-box-day-off[relation="today"],
.calendar-month-day-box-other-month[relation="today"] {
appearance: none !important;
border: 4px solid red !important;
background-color: #f7f7bf !important;
}

btw: die Grösse der Border etwas vergrössert um zu sehen was sich ggf verändert hat... leider konnte ich keinen Unterschied festtellen, dass sich bei der Anzeige des Heutigen Tages / Woche noch Monat etwas geändert hatte.

Der ThunderBird habe ich jedesmal nach einer Anpassung neu gestartet um sicher zustellen dass die Anpassung auch gelesen wird

Es schein dass dies leider nicht funktioniert

Was könnte ich da falsch machen?

Besten Dank für die Hilfe

Urmel

graba · June 16, 2024 at 10:48 PM

Urmel

Zur Information: Ich habe deinen Beitrag, der nur aus Zitaten bestand gelöscht.

Diese Webseite: Zitate verwenden

Grisu2099 · June 16, 2024 at 10:54 PM

Quote from Urmel

leider konnte ich keinen Unterschied festtellen, dass sich bei der Anzeige des Heutigen Tages / Woche noch Monat etwas geändert hatte.

Den Link im Beitrag #2 hast du gelesen?

Insbesondere hast du toolkit.legacyUserProfileCustomizations.stylesheets in about:config auf "true" gestellt???

Bastler · June 16, 2024 at 10:54 PM

Quote from Urmel

Ich habe dieses chrome directory erstellt im Thunderbird Profie Directory.

Der Pfad muss so aussehen ..\Thunderbird\Profiles\DeinPROFILORDNER\chrome\userChrome.css
evtl. liegt der Ordner chrome bei Dir eine Ebene zu hoch.

Quote from Urmel

Was könnte ich da falsch machen?

Wurde folgendes akribisch beachtet, vor allem anfangs in dem grauen Kasten.
Wichtige Infos zur Anpassung der Benutzeroberfläche

Ich hatte den Code bearbeitet, kopiere bitte neu über das Symbol im Codekasten und lösche den bisher eingefügten.
Die userChrome.css muss mit Codierung UTF-8 gespeichert sein.

Urmel · June 17, 2024 at 9:33 AM

Quote from Grisu2099

Quote from Urmel

leider konnte ich keinen Unterschied festtellen, dass sich bei der Anzeige des Heutigen Tages / Woche noch Monat etwas geändert hatte.

Den Link im Beitrag #2 hast du gelesen?
Insbesondere hast du toolkit.legacyUserProfileCustomizations.stylesheets in about:config auf "true" gestellt???

Hallo zusammen

genau dies war der Punkt "true" welcher bei mir gefehlt hatte anzupassen

Alles andere habe ich korrekt ausgeführt. Super es ist genau so wie ich dies erwartet habe im Monat dass dies gelb hinterlegt ist. In der Ansicht für den Wochen Tag ist mit der Code Erweiterung so wie ich dies erwartet habe ...leider ist nur noch der Tag nicht hinterlegt mit der Farbe.

Das wäre noch schön wenn dies auch noch angepasst werden könnte. Super

Herzlichen Dank für die Hilfe.

Bastler · June 17, 2024 at 11:45 AM

Quote from Urmel

genau dies war der Punkt "true"

Bitte künftig solche Hinweise wie in #2 aufmerksam lesen und beachten. Das ist ja keine Prosa aus Langeweile.

Quote from Urmel

leider ist nur noch der Tag nicht

In der Wochenansicht ist mir die ganze Tagesspalte noch nicht gelungen.
Für die einsame 1-Tages-Ansicht halte ich das für unnötig, es gibt ja keine weiteren die man verwechseln könnte.

Bastler · June 17, 2024 at 1:57 PM Best Answer

Urmel jetzt ist auch die Tagesspalte in der Wochenansicht gefärbt.
Bitte vorigen betreffenden Code bei Dir löschen und den neuen einfügen.

CSS

/* ---Monatsansicht & mehrere Wochen Kalender rechte Seite aktuellen Tag hervorheben--- */
.calendar-month-day-box-current-month[relation="today"],
.calendar-month-day-box-day-off[relation="today"],
.calendar-month-day-box-other-month[relation="today"] {
appearance: none !important;
border: 1px solid red !important;
background-color: rgba(255, 230, 200, 0.25) !important;
}

/* ---Monatsansicht & mehrere Wochen bei Auswahl anderer Tag--- */
.calendar-month-day-box-current-month:not([relation="today"])[selected="true"],
.calendar-month-day-box-day-off:not([relation="today"])[selected="true"],
.calendar-month-day-box-other-month:not([relation="today"])[selected="true"] {
appearance: none !important;
border: 2px dashed blue !important;
}

/* ---Wochenansicht aktuellen Tag hervorheben--- */
calendar-event-column:nth-child(3)[relation="today"],
#week-view .day-column-today .day-column-heading,
#week-view .day-column-today .multiday-column-box-stack {
appearance: none !important;
border: 1px solid red !important;
background-color: rgba(255, 230, 200, 0.25) !important;
}
#week-view .day-column-today .allday-events-list {
appearance: none !important;
    border-left: 1px solid red !important;
    border-right: 1px solid red !important;
background-color: rgba(255, 230, 200, 0.25) !important;
}
#week-view .day-column-today .multiday-hour-box {
appearance: none !important;
background-color: rgba(255, 230, 200, 0.25) !important;
}

/* ---Wochenansicht bei Auswahl anderer Tag--- */
.day-column-selected :is(.day-column-heading, .multiday-column-box-stack) {
appearance: none !important;
border: 2px dashed #555 !important;
}
.day-column-selected :is(.allday-events-list) {
appearance: none !important;
    border-left: 2px dashed #555 !important;
    border-right: 2px dashed #555 !important;
}

Display More

Urmel · June 17, 2024 at 5:35 PM

Quote from Bastler

Urmel jetzt ist auch die Tagesspalte in der Wochenansicht gefärbt.
Bitte vorigen betreffenden Code bei Dir löschen und den neuen einfügen.

CSS

/* ---Monatsansicht & mehrere Wochen Kalender rechte Seite aktuellen Tag hervorheben--- */
.calendar-month-day-box-current-month[relation="today"],
.calendar-month-day-box-day-off[relation="today"],
.calendar-month-day-box-other-month[relation="today"] {
appearance: none !important;
border: 1px solid red !important;
background-color: rgba(255, 230, 200, 0.25) !important;
}

/* ---Monatsansicht & mehrere Wochen bei Auswahl anderer Tag--- */
.calendar-month-day-box-current-month:not([relation="today"])[selected="true"],
.calendar-month-day-box-day-off:not([relation="today"])[selected="true"],
.calendar-month-day-box-other-month:not([relation="today"])[selected="true"] {
appearance: none !important;
border: 2px dashed blue !important;
}

/* ---Wochenansicht aktuellen Tag hervorheben--- */
calendar-event-column:nth-child(3)[relation="today"],
#week-view .day-column-today .day-column-heading,
#week-view .day-column-today .multiday-column-box-stack {
appearance: none !important;
border: 1px solid red !important;
background-color: rgba(255, 230, 200, 0.25) !important;
}
#week-view .day-column-today .allday-events-list {
appearance: none !important;
    border-left: 1px solid red !important;
    border-right: 1px solid red !important;
background-color: rgba(255, 230, 200, 0.25) !important;
}
#week-view .day-column-today .multiday-hour-box {
appearance: none !important;
background-color: rgba(255, 230, 200, 0.25) !important;
}

/* ---Wochenansicht bei Auswahl anderer Tag--- */
.day-column-selected :is(.day-column-heading, .multiday-column-box-stack) {
appearance: none !important;
border: 2px dashed #555 !important;
}
.day-column-selected :is(.allday-events-list) {
appearance: none !important;
    border-left: 2px dashed #555 !important;
    border-right: 2px dashed #555 !important;
}

Display More

Hallo Bastler

Besten Dank für den Update. Ich habe diesen neuen CSS code inserted ins userChrome.css.

Einzig dass ich, in der Monats bzw Wochenansicht die Umrahmung des heutigen Tag etwas stärker gemacht habe, anstelle on Border 1px auf 2px bei Rot.

So fällt dieser "Heutige Tag" auch besser auf, für mich, in der Uebersicht in der Woche wie auch im Monat.

Was ich Fragen stellen wollte, ist es möglich dass der "Heutige Tag" in der Farbe anzupassen ist (heute ist dieser einfach Blau hinterlegt), z.B auf Rot?

Dies wäre ggf auch eine weitere Option um in der Tages Ansicht nochmals für eine bessere Unterscheidung der Tage hervorzuheben.

Jedenfalls ist diese heutige Anassung für mich sehr gut gelungen.

Herzlichen Dank für diese Anpassungen

Urmel

Bastler · June 17, 2024 at 5:45 PM

Quote from Urmel

ist es möglich dass der "Heutige Tag" in der Farbe anzupassen ist (heute ist dieser einfach Blau hinterlegt), z.B auf Rot?

In welcher Kalenderauswahl? Es ist doch schon eine Hintergrundfarbe für den aktuellen Tag in Woche, Mehrere Wochen und Monat definiert.
Wird die bei Dir nicht angezeigt? Stelle einen Screenshot der Umgebung hier ein.
Wurde auch der vorige Code restlos entfernt?

Quote from Urmel

eine weitere Option um in der Tages Ansicht nochmals für eine bessere Unterscheidung der Tage hervorzuheben.

In der "Tagesansicht" gibt es doch nur einen Tag. Was möchtest Du da unterscheiden?

--------------------------------------------------------------------

Ein Wort zum Zitieren,
bitte zum Zitieren nur einen prägnanten Satz / Passage des Vorgängers markieren, darunter poppt ein Feld [tmdekeyboard]Zitat einfügen[/tmdekeyboard] auf.
Das wird dann da eingefügt, wo in Deinem Beitrag der Cursor steht. Das Ganze natürlich zu jeder relevanten Passage wiederholen.
Obacht geben, dass dann unter dem Zitatfeld geschrieben wird und nicht in das Zitatfeld klicken.

Bitte keine Vollzitate anstossen. Richtig Zitieren

Urmel · June 17, 2024 at 7:05 PM

Quote from Bastler

In welcher Kalenderauswahl? Es ist doch schon eine Hintergrundfarbe für den aktuellen Tag in Woche, Mehrere Wochen und Monat definiert.
Wird die bei Dir nicht angezeigt?
Wurde auch der vorige Code restlos entfernt?

Hallo Bastler

guten Abend. Ich war etwas sehr unspezifisch in meiner Beschreibung. Sorry.

Alles bestens. Der vorherige Code habe ich ersetzt mit dem Neuen.

Monat und Woche sind bestens sichtbar (siehe Nachfolgend), mit der leicht grösseren Umradung (2px). Das gefällt mir sehr gut.

In der Täglichen Ansicht (Bild nachfolgend), z.B. Montag 17. Juni, hier könnte der Hintergrund des "Heutiger Tag" ein klein wenig stärker in Gelb (wie Monat/Woche) hinterlegt sein, wenn der Tag "Heutiger Tag" einzeln angezeigt wird. Ist die noch möglich?

Was bis jetzt an Farblicher Unterscheidung "Heutiger Tag" Woche und Monat, von dir angepasst wurde, möchte ich auf jeden Fall so belassen.

Was ist deine Meinung dazu?

Herzlichen Dank mit besten Grüssen

Urmel

dharkness21 · June 17, 2024 at 7:27 PM

Quote from Urmel

In der Täglichen Ansicht (Bild nachfolgend), z.B. Montag 17. Juni, hier könnte der Hintergrund des "Heutiger Tag" ein klein wenig stärker in Gelb (wie Monat/Woche) hinterlegt sein, wenn der Tag "Heutiger Tag" einzeln angezeigt wird. Ist die noch möglich?

Teste bitte das * CSS-Schnipsel.

*

CSS

calendar-day-view article.day-column-today .day-column-heading {
    background-color: rgba(255, 230, 200, 0.25) !important;
}

Urmel · June 17, 2024 at 7:59 PM

Hallo Dharkness

besten Dank, für den CSS-Schnipsel.

Ich belasse alles so wie es war, bis und mit Beitrag #12 und dem CSS Code mit den Erweiterungen von Bastler mit den Farben zur besseren Unterscheidung (Hervorheben des "Heutigen Tag".

Ganz herzlichen Dank an Bastler sowie an Dharkness für die entsprechenden CSS Erweiterungen / Anpassungen

mit besten Grüssen

Urmel

Bastler · June 17, 2024 at 8:28 PM

Quote from Urmel

Hervorheben des "Heutigen Tag".

Versuche als letztes folgenden Code, der färbt auch die Fläche wie gewünscht.
Diesen Code unter alles bisherige einfügen. (Den Schnipsel von #15 vorher entfernen, nicht additiv!)

CSS

calendar-day-view article.day-column-today .day-column-heading,
calendar-day-view article.day-column-today .multiday-hour-box {
appearance: none !important;
  background-color: rgba(255, 230, 200, 0.25) !important;
}

Urmel · June 17, 2024 at 8:44 PM

Quote from Bastler

Versuche als letztes folgenden Code, der färbt auch die Fläche wie gewünscht.

Super... genau so, wie ich dachte, so muss es sein !!!

Ganz herzlichen Dank, für diesen Zusatz Code. Perfekt

mit besten Grüssen

Urmel.

DarkCorri53i · June 18, 2024 at 3:28 PM

Hallo Urmel,

wenn du auch die untere Zeile (unter Wochentag) in der Tagesansicht passend zu Woche und Monat einfärben möchtest füge mal diesen Code ein:

#day-view .day-column-today .allday-events-list {
appearance: none !important;
border-left: 2px solid red !important;
border-right: 2px solid red !important;
background-color: rgba(255, 230, 200, 0.25) !important;

}

Gruß

Markus

Urmel · June 18, 2024 at 7:13 PM

Dieser ganze css Code wurde von Bastler erstellt und ist als ganze Zusammenfassung hier ersichtlich.

CSS

/* ---Monatsansicht & mehrere Wochen Kalender rechte Seite aktuellen Tag hervorheben--- */
/* ---17. Juni 2023 --- */
.calendar-month-day-box-current-month[relation="today"],
.calendar-month-day-box-day-off[relation="today"],
.calendar-month-day-box-other-month[relation="today"] {
appearance: none !important;
border: 2px solid red !important;
background-color: rgba(255, 230, 200, 0.25) !important;
}

/* ---Monatsansicht & mehrere Wochen bei Auswahl anderer Tag--- */
.calendar-month-day-box-current-month:not([relation="today"])[selected="true"],
.calendar-month-day-box-day-off:not([relation="today"])[selected="true"],
.calendar-month-day-box-other-month:not([relation="today"])[selected="true"] {
appearance: none !important;
border: 2px dashed blue !important;
}

/* ---Wochenansicht aktuellen Tag hervorheben--- */
calendar-event-column:nth-child(3)[relation="today"],
#week-view .day-column-today .day-column-heading,
#week-view .day-column-today .multiday-column-box-stack {
appearance: none !important;
border: 2px solid red !important;
background-color: rgba(255, 230, 200, 0.25) !important;
}
#week-view .day-column-today .allday-events-list {
appearance: none !important;
    border-left: 2px solid red !important;
    border-right: 2px solid red !important;
background-color: rgba(255, 230, 200, 0.25) !important;
}
#week-view .day-column-today .multiday-hour-box {
appearance: none !important;
background-color: rgba(255, 230, 200, 0.25) !important;
}

/* ---Wochenansicht bei Auswahl anderer Tag--- */
.day-column-selected :is(.day-column-heading, .multiday-column-box-stack) {
appearance: none !important;
border: 2px dashed #555 !important;
}
.day-column-selected :is(.allday-events-list) {
appearance: none !important;
    border-left: 2px dashed #555 !important;
    border-right: 2px dashed #555 !important;
}
calendar-day-view article.day-column-today .day-column-heading,
calendar-day-view article.day-column-today .multiday-hour-box {
appearance: none !important;
  background-color: rgba(255, 230, 200, 0.25) !important;
}

Display More

Herzlichen Dank an Bastler welcher zu der Lösung des Problems seinen guten Beitrag geleistet hat.

LG Urmel

bessere Sichtbarkeit des HEUTIGEN Tages

graba June 16, 2024 at 5:53 PM

Urmel June 17, 2024 at 8:51 PM

Urmel June 17, 2024 at 8:52 PM

Urmel June 18, 2024 at 7:03 PM

Thunderbird 153.0.3 veröffentlicht

Thunderbird 153.0.3 ESR veröffentlicht

Thunderbird 140.13.0 ESR veröffentlicht

Similar Threads

Thunderbird akzeptiert GMX-Zertifikat nicht

Hilfe zur farblichen Anpassung TB 115.3.1 (64)