CSS Code für Themen/Nachrichtenliste

Mapenzi

Zitat von edvoldi

Der Code hat auf die Folderpane keine Auswirkung, nur die Threadpane wird geändert.

ER ist ja auch nur für den Threadpane geschrieben

Mapenzi

Zitat von dharkness21

In der 115'er geht es so ↓.

Klappt wunderbar mit dem Code "Text der Spalten zentrieren

edvoldi

Zitat von Mapenzi

ER ist ja auch nur für den Threadpane geschrieben

Ich meinte natürlich den Code 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 Mapenzi

Klappt wunderbar mit dem Code "Text der Spalten zentrieren

Na das ist doch schön.

edvoldi

Zitat von dharkness21

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

Der Code bedient jetzt auch die Folderpane.
Du solltest vielleicht die Mail Adresse aus dem Code entfernen, wo für die gebraucht werden weiß ich nicht.

Da ich die mit der Ansicht "Gruppierte Ordner" arbeite werden nur die Posteingänge farbig markiert.

Ich lass die Folderpane erst einmal so wie sie ist.
Trotzdem Danke für Deine Mühe.

Gruß

EDV-Oldie

dharkness21

Zitat von edvoldi

Der Code bedient jetzt auch die Folderpane.
Du solltest vielleicht die Mail Adresse aus dem Code entfernen, wo für die gebraucht werden weiß ich nicht.
Da ich die mit der Ansicht "Gruppierte Ordner" arbeite werden nur die Posteingänge farbig markiert.

Sehr schön.

Sind entfernt.

Dann schaue ich mir auch mal Gruppierte Ordner an.

edvoldi

Zitat von dharkness21

Dann schaue ich mir auch mal Gruppierte Ordner an.

So, ich habe jetzt etwas gefunden wo mit ich leben kann.

CSS

/*   Kontenansicht . Zebrastreifen   */
  #folderPane {
  background: lightgrey !important;
  }
  #folderTree li:nth-child(odd) {
  background-color: lightgrey !important;
  }
  #folderTree li:nth-child(even) {
  background-color: silver !important;
  }

geändert am 7.8. um 14:55 Uhr

Dieser Code hatte in der Beta nicht funktioniert.

Gruß

EDV-Oldie

dharkness21

Zitat von edvoldi

So, ich habe jetzt etwas gefunden wo mit ich leben kann.

Na das ist doch schön.

dharkness21

Zitat von edvoldi

So, ich habe jetzt etwas gefunden wo mit ich leben kann.

Ich habe mal ein klein wenig gebastelt, das ↓ sind jetzt spezielle Anpassungen für die Lokalen Ordner., die ID (der Wet bei li#…) musst Du eventuell mittels des Entwickler-Werkzeugkastens noch für Deinen Tb ermitteln. Für die Mail-Konten kann man das dann mit anderen Grundfarben weitenverwenden, man muss halt wieder nur die ID ändern, vielleicht gefällt es Dir ja.

CSS

/* Lokale Ordner */
ul#folderTree > li > ul > li#all-bWFpbGJveDovL25vYm9keUBMb2NhbCUyMEZvbGRlcnM\= {
    appearance: none !important;
    background-image: none !important;
}
ul#folderTree > li > ul > li#all-bWFpbGJveDovL25vYm9keUBMb2NhbCUyMEZvbGRlcnM\= > .container {
    appearance: none !important;
    background-image: none !important;
    background-color: #3b3b3b !important;
}
ul#folderTree > li > ul > li#all-bWFpbGJveDovL25vYm9keUBMb2NhbCUyMEZvbGRlcnM\=.selected > .container {
    appearance: none !important;
    background-image: none !important;
    background-color: #006800 !important;
}
ul#folderTree > li > ul > li#all-bWFpbGJveDovL25vYm9keUBMb2NhbCUyMEZvbGRlcnM\= > .container:hover,
ul#folderTree > li > ul > li#all-bWFpbGJveDovL25vYm9keUBMb2NhbCUyMEZvbGRlcnM\=.selected > .container:hover {
    appearance: none !important;
    background-image: none !important;
    background-color: #234f88  !important;
    color: #FFF !important;
}
ul#folderTree > li > ul > li#all-bWFpbGJveDovL25vYm9keUBMb2NhbCUyMEZvbGRlcnM\= > ul[role="group"] > li > .container {
    appearance: none !important;
    background-image: none !important;
    background-color: #5b5b5b !important;
}
ul#folderTree > li > ul > li#all-bWFpbGJveDovL25vYm9keUBMb2NhbCUyMEZvbGRlcnM\= > ul[role="group"] > li.selected > .container,
ul#folderTree > li > ul > li#all-bWFpbGJveDovL25vYm9keUBMb2NhbCUyMEZvbGRlcnM\= > ul[role="group"] > li.selected > .container .name {
    appearance: none !important;
    background-image: none !important;
    background-color: #006800 !important;
    color: #FFF !important;
}
ul#folderTree > li > ul > li#all-bWFpbGJveDovL25vYm9keUBMb2NhbCUyMEZvbGRlcnM\= > ul[role="group"] > li > .container:hover,
ul#folderTree > li > ul > li#all-bWFpbGJveDovL25vYm9keUBMb2NhbCUyMEZvbGRlcnM\= > ul[role="group"] > li > .container:hover .name,
ul#folderTree > li > ul > li#all-bWFpbGJveDovL25vYm9keUBMb2NhbCUyMEZvbGRlcnM\= > ul[role="group"] > li.selected > .container:hover,
ul#folderTree > li > ul > li#all-bWFpbGJveDovL25vYm9keUBMb2NhbCUyMEZvbGRlcnM\= > ul[role="group"] > li.selected > .container:hover .name {
    appearance: none !important;
    background-image: none !important;
    background-color: #D1E2F2 !important;
    color: #000 !important;
}

Alles anzeigen

edvoldi

Zitat von dharkness21

Ich habe mal ein klein wenig gebastelt, das

Das ist mir eindeutig zu bunt.
Ich liebe das Silvermel Thema, leider gibt es diese Erweiterung nicht mehr, so muss ich alles selber anpassen.

aber jeder so wie er es mag.

Ich glaube omar1979 aus dem Firefox Forum treibt es noch bunter.

Gruß

EDV-Oldie

fotorina

Hallo,

ich versuche gerade den Nachrichtenzeilen (siehe Anhang) mehr padding zu geben. Mein Code will aber partout nicht funktionieren. Jmd. eine Idee?

CSS

#threadTree table[is="tree-view-table"] > tbody > tr > td {
    padding: 30px !important;
}

Bei der Option "Dichte" -> "Standard" ist mir alles leider etwas zu groß.

dharkness21

Zitat von fotorina

Mein Code will aber partout nicht funktionieren.

Mal davon abgesehen, das der Code so keinen Sinn macht, teste mal ob er funktioniert, wenn Du das appearance: none !important; hinzu fügst.

fotorina

Zitat von dharkness21

Zitat von fotorina

Mein Code will aber partout nicht funktionieren.

Mal davon abgesehen, das der Code so keinen Sinn macht, teste mal ob er funktioniert, wenn Du das appearance: none !important; hinzu fügst.

Warum macht der keinen Sinn? Ich habe die Selektoren aus der Entwickler-Konsole direkt rauskopiert.

Andere Selektoren (tr[is="thread-row"] oder tr[is="thread-row"] td funktionieren aber auch nicht.

appearance: none !important; hat leider auch keine Wirkung.

Die userChrome.css wird aber definitiv genutzt (wenn ich eine globale Regel einfüge, funktioniert dies).

dharkness21

Zitat von fotorina

Warum macht der keinen Sinn?

Weil ein derart großes padding bei bestimmten Spalten, z.B. Nachrichtenthemen umschalten, Nach Anhängen sortieren oder auch Nach Spamstatus sortieren, keinen nutzen bringt, im Gegenteil, besagte Spalten würden zerhackstückelt werden.

Ich würde die Zeilenhöhe eher so * anpassen.

*

CSS

#threadTree table[is="tree-view-table"] > tbody > tr > td {
    min-height: 26px !important;
    max-height: 26px !important;
    line-height: 26px !important;
}

fotorina

Hat leider auch keine Auswirkung. Danke dir trotzdem.

dharkness21

Zitat von fotorina

Hat leider auch keine Auswirkung. Danke dir trotzdem.

Ist unter Konfiguration bearbeiten… die → toolkit.legacyUserProfileCustomizations.stylesheets Pref auf true gestellt? Andere Einträge in die userChrome.css funktionieren wirklich? Füge den Eintrag mal als ersten Eintrag in die userChrome.css ein.

fotorina

Ah danke, ganz oben funktioniert die Anweisung! Untenr komischerweise nicht.

Dann kann ich ja etwas rumtesten.

dharkness21

Zitat von fotorina

Ah danke, ganz oben funktioniert die Anweisung! Untenr komischerweise nicht.

Wenn Du magst, stelle doch mal Deine userChrome.css hier mittels dieses </> Buttons hier ein und ich schaue mir mal die Datei an um den Fehler zu finden.

fotorina

Ich habe die Datei vorher noch nie bearbeitet, kA woher die Einträge kommen:

CSS

/* Thunderbird userChrome.css */

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

@-moz-document url-prefix("chrome://messenger/content/messenger.xhtml") {

  /* folder pane */

  .tabmail-tab[type="folder"],
  treechildren::-moz-tree-image(folderNameCol) {
    list-style-image: url("folder.png") !important;
    -moz-image-region: rect(0 16px 16px 0) !important;
  }
 
  treechildren::-moz-tree-image(folderNameCol, imapShared-true) {
    -moz-image-region: rect(0 192px 16px 176px) !important;
  }
 
  treechildren::-moz-tree-image(folderNameCol, newMessages-true) {
    -moz-image-region: rect(16px 16px 32px 0) !important;
  }
 
  .tabmail-tab[type="folder"][ServerType="nntp"],
  treechildren::-moz-tree-image(folderNameCol, serverType-nntp) {
    -moz-image-region: rect(0 160px 16px 144px) !important;
  }
 
  treechildren::-moz-tree-image(folderNameCol, isFeed-true) {
    list-style-image: url("rss-feed.png") !important;
    -moz-image-region: rect(32px 16px 48px 0) !important;
  }
 
  .tabmail-tab[type="folder"][IsFeedFolder="true"],
  treechildren::-moz-tree-image(folderNameCol, isFeedFolder-true) {
    list-style-image: url("rss-feed-folder.png") !important;
    -moz-image-region: auto !important;
  }
 
  .tabmail-tab[type="folder"][SpecialFolder="Inbox"],
  treechildren::-moz-tree-image(folderNameCol, specialFolder-Inbox) {
    -moz-image-region: rect(0 48px 16px 32px) !important;
  }
 
  treechildren::-moz-tree-image(folderNameCol, specialFolder-Inbox, newMessages-true) {
    -moz-image-region: rect(16px 48px 32px 32px) !important;
  }
 
  .tabmail-tab[type="folder"][SpecialFolder="Sent"],
  treechildren::-moz-tree-image(folderNameCol, specialFolder-Sent) {
    -moz-image-region: rect(0 64px 16px 48px) !important;
  }
 
  .tabmail-tab[type="folder"][SpecialFolder="Outbox"],
  treechildren::-moz-tree-image(folderNameCol, specialFolder-Outbox) {
    -moz-image-region: rect(0 80px 16px 64px) !important;
  }
 
  .tabmail-tab[type="folder"][SpecialFolder="Drafts"],
  treechildren::-moz-tree-image(folderNameCol, specialFolder-Drafts) {
    -moz-image-region: rect(0 96px 16px 80px) !important;
  }
 
  .tabmail-tab[type="folder"][SpecialFolder="Templates"],
  treechildren::-moz-tree-image(folderNameCol, specialFolder-Templates) {
    -moz-image-region: rect(0 112px 16px 96px) !important;
  }
 
  .tabmail-tab[type="folder"][SpecialFolder="Junk"],
  treechildren::-moz-tree-image(folderNameCol, specialFolder-Junk) {
    -moz-image-region: rect(0 128px 16px 112px) !important;
  }
 
  .tabmail-tab[type="folder"][SpecialFolder="Trash"],
  treechildren::-moz-tree-image(folderNameCol, specialFolder-Trash) {
    -moz-image-region: rect(0 144px 16px 128px) !important;
  }
 
  .tabmail-tab[type="folder"][SpecialFolder="Archive"],
  treechildren::-moz-tree-image(folderNameCol, specialFolder-Archive) {
    -moz-image-region: rect(0 208px 16px 192px) !important;
  }
 
  .tabmail-tab[type="folder"][SpecialFolder="Virtual"],
  treechildren::-moz-tree-image(folderNameCol, specialFolder-Virtual) {
    -moz-image-region: rect(0 176px 16px 160px) !important;
  }
 
  .tabmail-tab[type="folder"][IsServer="true"],
  treechildren::-moz-tree-image(folderNameCol, isServer-true) {
    list-style-image: url("server.png") !important;
    -moz-image-region: rect(0 16px 16px 0) !important;
  }
 
  treechildren::-moz-tree-image(folderNameCol, isServer-true, biffState-NewMail) {
    -moz-image-region: rect(16px 16px 32px 0) !important;
  }
 
  .tabmail-tab[type="folder"][IsServer="true"][ServerType="imap"][IsSecure="true"],
  .tabmail-tab[type="folder"][IsServer="true"][ServerType="pop3"][IsSecure="true"],
  treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-pop3, isSecure-true),
  treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-imap, isSecure-true) {
    -moz-image-region: rect(0 32px 16px 16px) !important;
  }
 
  treechildren::-moz-tree-image(folderNameCol, isServer-true, biffState-NewMail, isSecure-true) {
    -moz-image-region: rect(16px 32px 32px 16px) !important;
  }
 
  .tabmail-tab[type="folder"][IsServer="true"][ServerType="none"],
  treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-none) {
    -moz-image-region: rect(0 48px 16px 32px) !important;
  }
 
  treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-none, biffState-NewMail) {
    -moz-image-region: rect(16px 48px 32px 32px) !important;
  }
 
  .tabmail-tab[type="folder"][IsServer="true"][ServerType="nntp"],
  treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-nntp) {
    -moz-image-region: rect(0 64px 16px 48px) !important;
  }
 
  .tabmail-tab[type="folder"][IsServer="true"][ServerType="nntp"][IsSecure="true"],
  treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-nntp, isSecure-true) {
    -moz-image-region: rect(0 80px 16px 64px) !important;
  }
 
  .tabmail-tab[type="folder"][IsServer="true"][ServerType="rss"],
  treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-rss) {
    list-style-image: url("rss-feed.png") !important;
    -moz-image-region: rect(0 16px 16px 0) !important;
  }

}

Alles anzeigen

CSS Code für Themen/Nachrichtenliste

Thunderbird 128.4.2 ESR veröffentlicht

Thunderbird 115.16.2 ESR veröffentlicht

Ähnliche Themen

Problem mit dem Anpassen von eMail Benachrichtigung. Eingabe der Sekunden für die Einblendung nicht möglich!

CSS Code für Einrücken der Ordner im Ordnerbaum

Nach Update auf Version 102.1.2: CSS-Code im Kalender teilweise ohne Funktion

CardBook - eigene Themes Farbe werden überschrieben

UserCSSLoader4g+TB.uc.js läd css-Dateien nicht mehr

CSS Code - Emoji Symbol deaktiverien - Verfassen