Was aktuelles für calender Tweaks??? (für gut sichtbaren aktuellen Tag hervorheben)

Sascha13 · October 6, 2022 at 12:30 AM

Thunderbird 102.3.1

macos Catalina 10.15.7

Suche etwas was den aktuellen Kalendertag gut & schnell sichtbar hervorhebt,

das ziemlich alte Calender Tweaks funktioniert ja schon ewig lange nicht mehr bzw inkompatiebel seit V.73.x

Der aktuelle kaum sichtbare dünne Rand um den aktuellen Tag u oben der aktuelle Wochentag sind meiner Meinung zu schlecht sichtbar u sowas sollte wirklich unmittelbar ohne noch erst zu suchen was anders ausschaut ins Auge springen ala evtl "Alarm-/Knallrot" vielleicht sogar nicht nur die dünne Umrandung sondern besser noch der ganze >Tages-Kasten<

Bastler · October 13, 2022 at 10:52 PM

Hallo,

hier habe ich eine ganze Packung zur Gestaltung des Kalenders. Was nicht gebraucht wird, löschen oder auskommentieren.

Farbvorgaben entspr. ändern. Den Code mit dem Symbol kopieren und in die userChrome.css einfügen.

Benutzeroberfläche per userChrome.css anpassen

CSS

/* ---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"] {
border: 2px dashed blue !important; /* Rahmen angewaehlter Tag */
}

.calendar-month-day-box-current-month[relation="today"],
.calendar-month-day-box-day-off[relation="today"],
.calendar-month-day-box-other-month[relation="today"] {
border: 2px solid red !important; /* Rahmen aktueller Tag */
/*   background-color: #f7f7bf !important; */ /* Hintergrund aktueller Tag */
}

.calendar-month-day-box-date-label[relation="today"] {
color: black !important; /* Zahl aktueller Tag */
font-weight: bold !important;
background-color: #cddded !important; /* Kopfbalken aktueller Tag */
opacity: 1 !important; /* KW-Label blauen Balken ausblenden */
}

/* farbige Terminbalken schlanker */
 .calendar-color-box {
  padding: 1px !important;
} 

/* --- Kalenderwoche im Minikalender --- */
.minimonth-cal-box .minimonth-week {
color: #0000EE !important;
font-weight: bold !important;
}

/* Aufgaben Titel und Abstaende groesser */
#calendar-task-tree treechildren::-moz-tree-row,
#calendar-task-tree treechildren::-moz-tree-cell,
#calendar-task-tree treechildren::-moz-tree-cell-text {
  appearance: none !important;
  min-height: 24px !important;
}
#calendar-task-tree treechildren::-moz-tree-cell-text {
  font-size: 15px !important;
  font-weight: bold !important;
}
/* Aufgaben Beschreibung groesser */
#calendar-task-details-description {
font-size: 15px !important;
/*font-weight: bold !important;*/
}

/* ---Tagesplan Breite begrenzen--- */
#today-pane-panel {
max-width: 240px !important;
}

Display More

bananovic · October 30, 2022 at 1:05 PM

Ich habe CalendarTweaks mit css nachgebaut. Der Kalender sieht jetzt so aus wie früher.

CSS

/*******************************************************************/
/* KALENDER (Lightning) - Ersatz für CalendarTweaks ab TB 78 */
/*******************************************************************/

/* Header für den heutigen Tag in allen Kalenderansichten rosa */
#day-view .day-column-today .day-column-heading,
#week-view .day-column-today .day-column-heading,
#multiweek-view calendar-day-label[relation="today"],
#month-view calendar-day-label[relation="today"],
.calendar-month-day-box-date-label[relation="today"] {
    background-color: #FFC0C0 !important;
    color: black !important;
    font-weight: normal !important;
}

/* Heutiger Tag im Minikalender rosa */
.minimonth-day[today="true"] {
   background-color: #FFF0F0 !important;
   border-color: #FFA0A0 !important;
}

/* Die Zeile unter heutiger Tag im Tageskalender weiß */
#day-view .allday-events-list {
   background-color: #FFFFFF !important;
}

/* Die einzelnen Zeilen im Tageskalender mit verschiedenen Gelbtönen 
für Tagesansicht und Nachtansicht */
#day-view .multiday-hour-box {
   background-color: #FFFAE8 !important;
}
#day-view .multiday-hour-box-off-time {
   background-color: #F5F0DE !important;
}

/* Die einzelnen Zeilen in der Timebar grau bzw. weiß einfärben */
#day-view .multiday-hour-box.multiday-timebar-time {
   background-color: #FFFFFF !important;
}
#day-view .multiday-hour-box.multiday-timebar-time.multiday-hour-box-off-time {
   background-color: #D9D9D9 !important;
}

/* Die einzelnen Zeilen im heutigen Tag im Wochenkalender mit 
verschiedenen Gelbtönen für Tagesansicht und Nachtansicht */
#week-view .day-column-today .multiday-hour-box {
   background-color: #FFFAE8 !important;
}
#week-view .day-column-today .multiday-hour-box-off-time {
   background-color: #F5F0DE !important;
}

/* Heutiger Tag, wenn nicht ausgewählt, im Monatskalender und Mehrwochenkalender rosa */
#multiweek-view calendar-month-day-box[relation="today"]:Not([selected="true"]),
#month-view calendar-month-day-box[relation="today"]:Not([selected="true"]) {
   background-color: #FFF0F0 !important; 
}

/* TB 102: Die einzelnen Zeilen im heutigen Tag, wenn nicht ausgewählt, im Wochenkalender mit 
verschiedenen Rosatönen für Tagesansicht und Nachtansicht */
#week-view .day-column-today:not(.day-column-selected) .allday-events-list,
#week-view .day-column-today:not(.day-column-selected) .multiday-hour-box {
   background-color: #FFF0F0 !important;
}
#week-view .day-column-today:not(.day-column-selected) .multiday-hour-box-off-time {
   background-color: #F5E6E6 !important;
}

/* Ausgewählten Eintrag in allen Kalenderansichten mit einem Rahmen versehen */
calendar-event-box[selected="true"],
calendar-month-day-box-item[selected="true"] {
    border: 1px solid !important;
}

/* Hintergrund des Wochennummer-Feldes ausschalten */
.calendar-month-day-box-week-label[relation="today"] {
  opacity: 1 !important;
}

/* Die Kategorie-Box wieder breiter machen, wie in TB 91.
Dann muß man das Reminder-Icon nach links verschieben */
.calendar-category-box {
width: 7px !important;
}
.reminder-icon,
.item-recurrence-icon {
padding-right: 7px !important;
}

Display More

Den Code habe ich in der Datei TB_102_CalendarTweaks.css im Unterordner CSS von Chrome gespeichert. Diese Datei wird in der userChrome.css mit dem Code @import "./CSS/TB_102_CalendarTweaks.css"; aufgerufen. Das kann natürlich jeder machen wie er will.

Was aktuelles für calender Tweaks??? (für gut sichtbaren aktuellen Tag hervorheben)

Community-Bot September 3, 2024 at 8:50 PM

Thunderbird 152.0.1 veröffentlicht

Thunderbird 140.12.1 ESR veröffentlicht