Hilfe zur farblichen Anpassung TB 115.3.1 (64)

crumb1 · October 6, 2023 at 10:27 AM

TB 115.3.1

Win10 64-

IMAP

Strato

Virus nur WIN Intern

Hallo

nach dem ich das Update TB auf 115.3.1 erledigt habe, habe ich schon recht gute Einstellungen aus den hier gezeigten Themen gefunden.

Bei 2 Themen im CCS Code brauchte ich aber bitte die Hilfe von euch.

Ich möchte im Dark Thema das Kalenderfeld des aktuellen Tage in der Wochenansicht farblich anpassen.

Ich möchte den Hintergrund der Mail Vorschau von Weiß wegbringen und farblich anpassen.

Mein CC habe ich eingefügt. Die ist /War sehr überschaubar und liegt hier C:\Users\xxxxx\AppData\Roaming\Thunderbird\Profiles\756rs7xm.default-release\chrome

/* Bild im Headerkopf */

.recipient-avatar.has-avatar {

min-width: 70px !important;

min-height: 70px !important;

}

Schon mal vorab vielen Dank.

Gruß Holger

crumb1 · October 6, 2023 at 4:06 PM

Hallo

ich hab erst einmal in Einstellungen Allgemein Farben auf nicht Systemfarben gestellt. Das wirkt erst einmal.

Ws noch fehlt und wo ich Hilfe benötge ist der Aktuelle tag in der Wochenansicht des Kalenders.

Aber mein großes Problem ist nach wie vor das ich über die Entwicklertools nicht den richtigen Parameter finde.

Ich möchte gern auch die CCS Veränderungen die hier gezeigt werden verstehen um meine eigenen Einstellungen zu machen..

Wo kann ich ansetzen um das zu erlernen?

dharkness21 · October 6, 2023 at 4:50 PM

Quote from crumb1

Ws noch fehlt und wo ich Hilfe benötge ist der Aktuelle tag in der Wochenansicht des Kalenders.

Teste bitte das ↓ in der userChrome.css.

CSS

article.day-column-selected .multiday-hour-box {
  background-color: #006800 !important;
  color: #FFF !important;
}

crumb1 · October 6, 2023 at 5:07 PM

Besten Dank dharkness21

leider wirkt das nicht.

Ich zeige nochmal genau das Element welches ich farblich anpassen will.

Ich verwende die Ansicht "mehrere Wochen"

Selbst habe ich jetzt gesucht und das Element gefunden

immer rot umkritzelt.

Die Box ist ja schon leicht eingefärbt durch das Theme, aber ich mag es etwas auffälliger

CSS

/* Bild im Headerkopf   */
    .recipient-avatar.has-avatar {
    min-width:  70px !important;
    min-height: 70px !important;
    } 
/* ---Reihenfolge Leisten--- */
#toolbar-menubar {
    appearance: none !important;
    order: -1 !important;
}
#titlebar > .icons-beside-text {
    appearance: none !important;
    order: 1 !important;
}
#tabs-toolbar {
    appearance: none !important;
    order: 2 !important;
}
/* ---Neu */
/* Zebra Folderpane 
treechildren::-moz-tree-cell(selected, focus) {
    appearance: none !important;
    background-color: #006800 !important;
}

treechildren::-moz-tree-row(selected) {
    appearance: none !important;
    background-color: #5F5F68 !important;
}
treechildren::-moz-tree-row(selected, focus) {
    appearance: none !important;
    background-color: #38383D !important;
}
treechildren::-moz-tree-cell-text(selected),
treechildren::-moz-tree-cell-text(selected, focus) {
    appearance: none !important;
    color: #FFF !important;
}
treechildren::-moz-tree-cell-text(hover),
treechildren::-moz-tree-cell-text(selected, hover),
treechildren::-moz-tree-cell-text(selected, focus, hover) {
    appearance: none !important;
    color: #000 !important;
}
treechildren::-moz-tree-row(hover),
treechildren::-moz-tree-row(selected, hover),
treechildren::-moz-tree-row(selected, focus, hover) {
    appearance: none !important;
    background-color: #D1E2F2 !important;
}
*/
/* Zebra Threadpane */
/* zeile56 Linie oben */
#threadTree tr {
    background-image: none !important;
    background-color: #737576 !important;
}
#threadTree tr:nth-child(2n) {
    background-image: none !important;
    background-color: #45505b !important;
}
#threadTree tr.selected {
    background-image: none !important;
    background-color: #006800 !important;
}
#threadTree tr:nth-child(2n).selected {
    background-image: none !important;
    background-color: #006800 !important;
}
#threadTree tr:hover,
#threadTree tr:nth-child(2n):hover,
#threadTree tr.selected:hover,
#threadTree tr:nth-child(2n).selected:hover {
    background-image: none !important;
    background-color: #D1E2F2 !important;
    color: #000 !important;
}

#threadTree tbody .children.collapsed[data-properties~="hasUnread"][data-properties~="read"] :where(td) {
    appearance: none !important;
    background-color: #F20 !important;
    color: #eee8aa !important;
}
#threadTree tbody .children[data-properties~="hasUnread"][data-properties~="read"] :where(td) {
    appearance: none !important;
    background-color: #FF7909 !important;
    color: #000 !important;
}
#threadTree tbody .children.collapsed[data-properties~="hasUnread"][data-properties~="read"].selected :where(td) {
    appearance: none !important;
    background-color: #800 !important;
    color: #eee8aa !important;
}
#threadTree tbody .children[data-properties~="hasUnread"][data-properties~="read"].selected :where(td) {
    appearance: none !important;
    background-color: #873f05 !important;
    color: #FFF !important;
}
#threadTree tbody .children:hover :where(td),
#threadTree tbody .children.collapsed[data-properties~="hasUnread"][data-properties~="read"]:hover :where(td),
#threadTree tbody .children[data-properties~="hasUnread"][data-properties~="read"]:hover :where(td),
#threadTree tbody .children.collapsed[data-properties~="hasUnread"][data-properties~="read"].selected:hover :where(td),
#threadTree tbody .children[data-properties~="hasUnread"][data-properties~="read"].selected:hover :where(td){
    appearance: none !important;
    background-color: #D1E2F2 !important;
    color: #000 !important;
}

tr[data-properties~="imapdeleted"][data-properties~="read"] {
    color: #fc4242 !important;
}
tr[data-properties~="untagged"][data-properties~="unread"] {
    color: #fc7e00 !important;
}
tr[data-properties~="new"][data-properties~="unread"] :where(td) {
    appearance: none !important;
    color: #62cf61 !important;
}
/* Neu*/
article.day-column-selected .multiday-hour-box {
  background-color: #006800 !important;
  color: #FFF !important;
}

Display More

PS: Bekomme ich die CSS noch anders hierher?

dharkness21 · October 6, 2023 at 5:12 PM

Quote from crumb1

Ich verwende die Ansicht "mehrere Wochen"

Und warum schreibst Du dann Wochenansicht? In Zukunft bitte auch das beschreiben was angepasst werden soll und dabei präzise sein.

Teste bitte das ↓.

CSS

calendar-month-day-box[selected="true"] .calendar-month-day-box-list {
  background-color: #D1E2F2 !important;
  color: #000 !important;
}

Quote from crumb1

Bekomme ich die CSS noch anders hierher?

Wozu, dafür ist die Codebox doch da.

crumb1 · October 6, 2023 at 5:20 PM

Hallo dharkneess21

Danke für den Code.

Ich bessere mich bei der Beschreibung meines Problems. Jetzt fange ich an!!!

Also, ich möchte den Hintergrund des aktuellen tages inder Ansicht" mehrere Wochen" im unselektierte/unausgewählten Zustand farblich ändern. Die kleine Blaue Zahl ist mir zu klein.

Ich brauche nicht die farbliche Änderung bei Auswahl, obwohl das auch cool ist!

Sorry. Und Danke für deine Hilfe

dharkness21 · October 6, 2023 at 5:48 PM

Quote from crumb1

Also, ich möchte den Hintergrund des aktuellen tages inder Ansicht" mehrere Wochen" im unselektierte/unausgewählten Zustand farblich ändern. Die kleine Blaue Zahl ist mir zu klein.

Sprich Du möchtest die Kopfzeile angepasst haben?

crumb1 · October 6, 2023 at 6:05 PM

das hier blau umrahmte gesamte Feld, dort wo dann die termine drin stehen würden..

Wenn das nicht geht, dann die von dir vorgeschlagene Kopfzeile. Jedenfalls mehr Hervorhebung als nur die kleine zahl.

Schau mal bitte auf mein Bild das ich mit dem Entwicklerwerkzeug ermittelt habe ob das dieses Feld ist.

dharkness21 · October 6, 2023 at 6:31 PM

Quote from crumb1

das hier blau umrahmte gesamte Feld, dort wo dann die termine drin stehen würden..

Teste bitte das ↓.

CSS

calendar-month-day-box[relation="today"] .calendar-month-day-box-dates .calendar-month-day-label {
    font-size: 14px !important;
}
calendar-month-day-box[relation="today"] .calendar-month-day-box-list {
  background-color: #EEE8AA !important;
  color: #000 !important;
}

crumb1 · October 6, 2023 at 6:47 PM

Super.

Dann komme ich auch mit der von mir gefundenen Stelle im CCS weiter.

Besten dank nocheinmal

dharkness21 · October 6, 2023 at 6:49 PM

Quote from crumb1

Stelle im CCS

Nicht CCS, sondern CSS.

Hilfe zur farblichen Anpassung TB 115.3.1 (64)

graba October 6, 2023 at 10:56 AM

Community-Bot October 6, 2024 at 4:31 AM

Thunderbird 153.0.2 veröffentlicht

Thunderbird 153.0.2 ESR veröffentlicht

Thunderbird 140.13.0 ESR veröffentlicht

Similar Threads

Fragen zu "Supernova"