Beiträge von dharkness21

dharkness21

Zitat von edvoldi

Der Code hat auf die Folderpane keine Auswirkung

Ups, nicht mit kopiert, sorry, füge das ↓ vor dem CSS für die Threadpane ein und die Folderpane sollte auch ihren Senf abbekommen.

CSS

ul[role="group"] > li[aria-selected="true"] .container {
    background-color: #006800 !important;
}

ul[role="group"] > li[class~="unread"] {
    background-color: #b17600 !important;
}
ul[role="group"] > li[class~="unread"][aria-selected="true"] {
    background-color: #827047 !important;
}

ul[role="group"] > li .container:hover,
ul[role="group"] > li[aria-label="E-Mail-Adresse oder Kontoname"] .container:hover,
ul[role="group"] > li[aria-label="E-Mail-Adresse oder Kontoname"] .container:hover,
ul[role="group"] > li[aria-label="E-Mail-Adresse oder Kontoname"] .container:hover,
ul[role="group"] > li[aria-label="Lokale Ordner"] .container:hover,
ul[role="group"] > li[aria-selected="true"] .container:hover {
    background-color: #004382 !important;
    color: #FFF !important;
}

ul[role="group"] > li > .container {
    min-height: 20px !important;
    max-height: 20px !important;
    border-radius: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #B2B2B2 !important;
    padding: 0 !important;
    margin: 0 !important;
}

ul[role="group"] > li > ul > li > .container {
    min-height: 20px !important;
    max-height: 20px !important;
    border-radius: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #B2B2B2 !important;
    padding: 0 !important;
    margin: 0 !important;
}
ul[role="group"] div > div.twisty {
    min-height: 20px !important;
    max-height: 20px !important;
    border-radius: 0 !important;
    border: 0 !important;
    border-right: 1px solid #B2B2B2 !important;
    padding: 2px 0 0 0 !important;
    margin: 0 !important;
}
ul[role="group"] div > div.icon {
    min-height: 20px !important;
    max-height: 20px !important;
    border-radius: 0 !important;
    border: 0 !important;
    border-right: 1px solid #B2B2B2 !important;
    padding: 0  !important;
    margin: 2px 0 0 0 !important;
}
ul[role="group"] > li > ul > li > .container > div {
    min-height: 20px !important;
    max-height: 20px !important;
    border-radius: 0 !important;
    border: 0 !important;
    border-right: 1px solid #B2B2B2 !important;
    padding: 2px 0 0 0 !important;
    margin: 0 !important;
}

ul[role="group"] > li[class~="new-messages"] > .container > .name {
    color: #EEE8AA !important;
}
ul[role="group"] > li[class~="new-messages"][aria-selected="true"]  > .container > .name {
    color: #B88959 !important;
}

Alles anzeigen

dharkness21

Zitat von edvoldi

Ich will nichts zentrieren, sondern Zebra Streifen.

Ok, das habe ich falsch verstanden, bitte teste mal das ↓.

CSS

/* 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 */
#threadTree tr {
    background-image: none !important;
    background-color: #006ece !important;
}
#threadTree tr:nth-child(2n) {
    background-image: none !important;
    background-color: #003d76 !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;
}

Alles anzeigen

dharkness21

Zitat von edvoldi

Zitat von dharkness21

Du meinst die Folderpane?

Ja

In dem Fall verstehe ich nicht, was Du da zentriert haben möchtest, nur die Kontennamen, oder die Größe oder was sonst?

dharkness21

Zitat von edvoldi

hast Du auch noch einen Code für die linke Spalte mit den Mail Konten?

Du meinst die Folderpane?

dharkness21

Zitat von Mapenzi

In der v102 konnte die Inhalte der Kolonnen Datum und Größe mittig anzeigen mit dem Code

In der 115'er geht es so ↓.

CSS

/* Text der Spaltenöpfe zentrieren. */
.tree-table-header.threaded tr th div button#dateColButton,
.tree-table-header.threaded tr th div button#sizeColButton {
    appearance: none !important;
    text-align: center !important;
}
/* Text der Spalten zentrieren. */
#threadTree table[is="tree-view-table"] > tbody > tr > td.datecol-column,
#threadTree table[is="tree-view-table"] > tbody > tr > td.sizecol-column {
    appearance: none !important;
    text-align: center !important;
}

Alles anzeigen

dharkness21

Zitat von Papierflieger

Ja, die Datei befindet sich unter ~/.thunderbird/<profilname>/chrome/userChrome.css.

Ich hatte userContent.css geschrieben und nicht userChrome.css, bitte korrigieren.

dharkness21

Zitat von Papierflieger

Nein, dieser Code hat leider keine Auswirkungen.

Die userContent.css liegt im Profil wirklich im Ordner chrome?

Du hast den Ordner chrome wirklich im Profil und nicht im Programmordner angelegt?

P.S.: Vergrößere mal den Wert bei font-size, ist vielleicht zu klein, sprich erhöhe von 18px auf 24px.

dharkness21

Hallo alle zusammen,

testet doch mal den Weg über die userContent.css ↓, die im Profil im zu erstellenden Ordner chrome angelegt werden muss.

CSS

.moz-cite-prefix,
.moz-text-flowed,
.moz-text-html,
.moz-text-plain,
.moz-quote-pre,
body[style*="width: 72ch"],
body > tt[_moz_dirty=""],
body[_moz_dirty=""],
body[_moz_dirty=""] > tt[_moz_dirty=""] {
    appearance: none !important;
    font-size: 18px !important;
}

Alles anzeigen

P.S.: Zusätzlich muss in den Einstellungen unter Allgemein bei Konfiguration bearbeiten… die ↓ Pref auf true gestellt werden.

toolkit.legacyUserProfileCustomizations.stylesheets

dharkness21

Zitat von Mapenzi

Ich habe jetzt noch mal getestet, nur mit deinem Code, und meine sämtlichen CSS entfernt!

Entferne die @namespace-Zeile und das .threaded und teste erneut.

dharkness21

Zitat von Mapenzi

Danke für den Vorschlag, leider ändert er nichts bei mir.

Dann solltest Du vorhergehende Einträge auf Fehler testen, funktioniert hier ohne Probleme.

dharkness21

Zitat von ThoBa

Ja, für die Tabellenüberschrift besteht nun aus einzelnen Buttons, welche
auch so behandelt werden möchten

Nein, so aufwändig muss das nicht gemacht werden, schau Dir mein CSS an, das reicht völlig.

dharkness21

Zitat von Mapenzi

um die Schriftgröße in der Leiste mit den Spaltenköpfen zu ändern.

Teste bitte mal das ↓.

CSS

.tree-table-header.threaded tr th div button {
    font-size: 20px !important;
}

dharkness21

Zitat von hoffmama31

Das Erstellen neuer Unterordner geht nicht, weil der Ordner gesperrt ist

Das Schloss bedeutet sicherlich nicht, das der Ordner/das Konto gesperrt ist, das bedeutet nur das eine verschlüsselte Verbindung eingerichtet ist.

Ich habe an jedem Konto dieses Schloss und kann problemlos mit den Konten arbeiten.

dharkness21

Zitat von milupo

aber müsste das letzte Komma vor url-prefix nicht weggelassen werden?

Nein, das Komma gehört definitiv dahin.

dharkness21

Zitat von edvoldi

Es muss ja nicht der gesamte Code verwendet werden.

Speziell das ↓ könnte wohl zu dem Teil gehören, der nicht gebraucht wird.

Code

domain("1und1.de"),
domain("gmx.de"),
domain("outlook.office365.com"),
domain("web.de")

dharkness21

Zitat von s6it

Mit ist die Schrift viel zu klein und wenn ich zu Einstellungen

Welche Schrift ist Dir zu klein? Teste mal unter Menü Ansicht → Schriftgröße die Schriftgröße zu vergrößern.

dharkness21

Zitat von Aushilfsarnie

Hat jemand eine Idee, warum es seit Version 115 nicht mehr geht? Funktioniert list-sytle-image nicht mehr?

Naja, Tb115 wurde bzw. wird vollständig umgebaut, die Folderpane ist nun nicht mehr tree, sondern eine Liste und wird mit ul > li angesprochen und list-style-image wird für das Ordnersymbol nicht verwendet, sondern background-image.

Es müsste also für die Folderpane ungefähr so ↓ aussehen.

CSS

li[aria-label~="Support"] > .container >  .icon {
    background-image: url("..//chrome/icons/Bild3.png") no-repeat !important;
    background-position: 1px 1px !important;
}

P.S.: Eventuell musst Du noch ein wenig mit der background-position spielen.

Sollen gleichnamige Ordner in unterschiedlich Konten unterschiedliche Symbole haben, wird es deutlich aufwändiger.

CSS

li[aria-label="Hier muss die E-Mail-Adresse des Kontos stehen, oder eventuell der Kontoname."] > ul > li[aria-label~="Support"] > .container > .icon {
    background-image: url("..//chrome/icons/Bild3.png") no-repeat !important;
    background-position: 15px 3px !important;
}

dharkness21

Zitat von Traube

Hat jemand eine Ahnung wie dies per CSS geht?

Bitte teste mal das ↓ in der userChrome.css.

CSS

#mail-notification-top > .notificationbox-stack {
  font-size: 70% !important;
}

dharkness21

Zitat von Aushilfsarnie

bei mir funktioniert diese Vorgehensweise seit Update auf 115 leider nicht mehr.
Geht es bei Euch noch? Oder habt Ihr Ideen, wie man es wieder einrichten kann?

Teste bitte mal das ↓ für 115.

CSS

ul[role="group"] > li[class~="new-messages"] > .container > .name {
    color: #EEE8AA !important; /* Heller Gelbton */
}
ul[role="group"] > li[class~="new-messages"][aria-selected="true"]  > .container > .name {
    color: #B88959 !important; /* Heller Braunton */
}

P.S.: Die Farbe musst Du noch Deinem Wunsch entsprechend ändern.

dharkness21

Zitat von Bastler

deshalb folgender Code

Warum nicht so ↓?

CSS

#folderPaneHeaderBar > button#folderPaneGetMessages {
    max-height: 24px !important;
    min-width: 138px !important;
    background-position: 3px 3px !important;
    padding-right: 3px !important;
    padding-left: 22px !important;
}
#folderPaneHeaderBar > button#folderPaneGetMessages:after {
    content: 'Nachrichten abrufen' !important;
}

P.S.: Die Werte für Höhe (height) und Länge (width) müssen wohl noch angepasst werden.

Beiträge von dharkness21

CSS Code für Themen/Nachrichtenliste

CSS Code für Themen/Nachrichtenliste

CSS Code für Themen/Nachrichtenliste

CSS Code für Themen/Nachrichtenliste

CSS Code für Themen/Nachrichtenliste

Schriftgröße Nachrichtenansicht

Schriftgröße Nachrichtenansicht

Schriftgröße Nachrichtenansicht

CSS Code für Themen/Nachrichtenliste

CSS Code für Themen/Nachrichtenliste

CSS Code für Themen/Nachrichtenliste

CSS Code für Themen/Nachrichtenliste

Sperrsymbol

diese neue SuperNova UI ist furchtbar!

diese neue SuperNova UI ist furchtbar!

diese neue SuperNova UI ist furchtbar!

Icons/Images tauschen

Schutzleiste - Schrift zu gross

Durchgehend farbige Darstellung von Account, Postfach Unterverzeichnis und Mails bei neu eintreffenden und ungelesenen Mails

Schaltfläche "Abrufen": automatisch alle Konten abrufen

Thunderbird 144.0.1 veröffentlicht

Thunderbird 140.4.0 ESR veröffentlicht

Thunderbird 128.14.0 ESR veröffentlicht