Hilfe zur farblichen Anpassung TB 115.3.1 (64)

crumb1

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

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

Zitat von 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

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;
}

Alles anzeigen

PS: Bekomme ich die CSS noch anders hierher?

dharkness21

Zitat von 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;
}

Zitat von crumb1

Bekomme ich die CSS noch anders hierher?

Wozu, dafür ist die Codebox doch da.

crumb1

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

Zitat von 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

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

Zitat von 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

Super.

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

Besten dank nocheinmal

dharkness21

Zitat von crumb1

Stelle im CCS

Nicht CCS, sondern CSS.

Hilfe zur farblichen Anpassung TB 115.3.1 (64)

graba 6. Oktober 2023 um 10:56

Community-Bot 6. Oktober 2024 um 04:31

Thunderbird 128.4.4 ESR veröffentlicht

Thunderbird 115.16.3 ESR veröffentlicht

Ähnliche Themen

Fragen zu "Supernova"