1. Startseite
  2. Nachrichten
  3. Herunterladen
    1. Thunderbird Release-Version
    2. Thunderbird 140 ESR
    3. Thunderbird 128 ESR
    4. Thunderbird 115 ESR
    5. Thunderbird Beta-Version
    6. Sprachpaket (Benutzeroberfläche)
    7. Wörterbücher (Rechtschreibprüfung)
  4. Hilfe & Lexikon
    1. Anleitungen zu Thunderbird
    2. Fragen & Antworten (FAQ) zu Thunderbird
    3. Hilfe zu dieser Webseite
  5. Forum
    1. Unerledigte Themen
    2. Letzte Beiträge
    3. Themen der letzten 24 Stunden
  • Anmelden
  • Registrieren
  • 
  • Suche
Alles
  • Alles
  • Forum
  • Lexikon
  • Artikel
  • Seiten
  • Erweiterte Suche
  1. Thunderbird Mail DE
  2. imebro

Beiträge von imebro

  • Menübereich farblich anpassen

    • imebro
    • 7. November 2024 um 19:43

    oh ja... sorry, da hast Du ( Grisu2099 ) natürlich Recht :wall:

    CSS
    /* ORDNERFARBEN: */
    /* nicht neue, aber ungelesene Mails, wenn Posteingang NICHT markiert ist */
    li.unread > .container > .name {
       color: maroon !important;
    }
    /* neue Mails, wenn Posteingang beim Start von TB NICHT ausgewählt (markiert) ist */
    li.new-messages > .container > .name {
       color: #c30052 !important;
    }
    /* nicht neue, aber ungelesene Mails, wenn Posteingang markiert ist */
    li.unread.selected > .container > .name {
       color: maroon !important;
    }
    /* neue Mails, wenn Posteingang beim Start von TB ausgewählt (markiert) ist */
    li.new-messages.selected.current > .container > .name {
       color: #c30052 !important;
    }
    /* hellroter Hintergrund bei der ganzen Zeile der neu eingegangenen Email */
    tr[data-properties~="new"] :where(td) {
        appearance: none !important;
        background-color: #ecd0de !important;
    }
    
    /* ========================================================================== */
    
    /* ---Fuehrungslinien im Verzeichnisbaum 128.x--- */
    li:not([data-server-type]) > .container div.twisty {
    border-right: 1px solid #c30052 !important; /* Linie Dicke und Farbe */
    margin-right: 8px !important;
    margin-left: -8px !important;
    margin-top: -16px !important; /* negativer schiebt Linie hoch */
    } 
    li:not([data-server-type]) > .container .icon::before {
    content: '--' !important;
    color: #c30052 !important;	/* Farbe der Querlinie */
    margin-left: -9px !important;
    }
    li:not([data-server-type]) > .container div.twisty img.twisty-icon {
    margin-bottom: -16px !important; /* negativer zieht Winkel Icon runter */
    }
    
    /* ========================================================================== */
    
    }  /* ohne dieses Zeichen wird das untere Menü (Tabs) zu flach - ist wohl ein Fehler!! */
    
    /* AKTIVE Reiter (Tabs) >> Menü: "Posteingang, Kalender..." */
    .tabmail-tab {
    	border-radius: 1px 1px 0 0 !important;  
    	min-height: 26px !important;
    	max-height: 26px !important;
    	padding: 0 !important; 
    }
    
    /* Hintergrundfarbe Reiter/Tabs (dunkelrot) */
    .tabmail-tab[selected="true"] .tab-background {
    	background-color: #c30052 !important;
    	background-image: none !important;
    }
    /* Schriftfarbe  */
    .tabmail-tab[selected="true"] .tab-text.tab-label {
    	color: #ffffff !important;
    }
    
    /* Schriftfarbe */
    .tabmail-tab:not([selected]) .tab-text.tab-label {
    	color: #c30052 !important;
    	/* font-weight: bold !important;  */ /* Schrift fett */
    }
    
    /* NICHT aktive Reiter (Tabs( >> Menü: "Posteingang, Kalender..." */
    /* Hintergrundfarbe (mittelrot) */
    .tabmail-tab:not([selected]) .tab-background {
    	background-color: #ecd0de !important;
    }
    
    .tabmail-tab:not([selected]) .tab-label-container {
    	margin: -4px 0 0 !important; 
    }
    
    /* Farben und Linien der Ränder um die Reiter (Tabs) herum */
    .tabmail-tab:not([selected]) {
    	border-right: 1px solid #c30052 !important;
    }
    
    .tab-line {
    	display: none !important;
    }
    
    /* Nicht aktive Tabs bei HOVER */
    .tabmail-tab:not([selected]):hover .tab-background {
    	background-color: #c30052 !important; 
    }
    /* Schriftfarbe */
    .tabmail-tab:not([selected]):hover .tab-text {
    	color: #FFFFFF !important;
    }
    	
    /* ========================================================================== */	
    	
    /* Kreuz-Icon (nicht aktiv) - mit hellrotem Hintergrund */
    .tab-close-icon {
    	border-radius: 4px !important;
    	background-color: #ecd0de !important;
    	width: 16px !important;
    	height: 16px !important;
    	margin: -5px -5px 0 0 !important;
    }
    /* Kreuz-Icon (aktiv) bei selektiertem Tab */
    .tabmail-tab[selected] .tab-icon-image {
    	margin: 0px 4px 0 -3px !important;
    }
    /* Kreuz-Icon Hintergrund (aktiv) ist hellrot */
    .tabmail-tab[selected] .tab-close-icon {
    	border: 1px solid #ecd0de !important;
    	border-radius: 4px !important;
    	background-color: #ecd0de !important;
    	width: 16px !important;
    	height: 16px !important;
    	margin: -2px -3px 0 0 !important;
    }
    	
    /* ========================================================================== */
    	
    	
    /***** mittleres Menü "Datei, Bearbeiten, Ansicht..." *****/
    /* >> hier wird der Hintergrund re. NEBEN diesem Menü eingefärbt */
    /* >> ebenso wird die Höhe des Menüs angepaßt */
    #toolbar-menubar {
    	background-color: #ecd0de !important;
    	color: #c30052 !important;
    	min-height: 28px !important;  /* Höhe dieses Menüs */
        max-height: 28px !important;
    }
    	
    	
    /***** mittleres Menü "Datei, Bearbeiten, Ansicht..." anpassen. *****/
    /* >> Anpassung der Farben u. Hintergrund des eigentlichen Menüs */
    #mail-menubar > menu,
    #viewSource-main-menubar > menu {
    	border-right: 1px solid #c30052 !important;
        background-color: #ecd0de !important;
        color: #c30052 !important;
    }
    /* Hintergrund bei hover */
    	#mail-menubar > menu:hover,
    	#viewSource-main-menubar > menu:hover {
        background-color: #c30052 !important;
        color: #FFFFFF !important;
    }
    
    /* ========================================================================== */
    	
    /***** oberes Menü (Abrufen, Verfassen, Chat... etc. *****/
    /* >> hier wird der komplette Hintergrund (Container) des oberen Menüs eingefärbt */
    #unifiedToolbarContainer {
    	background-color: #c30052 !important;
    }
    
    /***** oberes Menü: Button und Toolbarbutton von #unifiedToolbar anpassen. *****/
    /* >> die Schaltfläche links und das Hamburgermenü rechts (3 Striche) */
    #unifiedToolbar > toolbarbutton {
        background-color: #c30052 !important;
        color: #FFFFFF !important;
    }
    /* die beiden Schaltflächen li + re bei hover */
    #unifiedToolbar > toolbarbutton:hover {
        background-color: #ecd0de !important;
        color: #c30052 !important;
    }
    
    /* Hintergrund und Schriftfarbe des oberen Menüs (Abrufen, Verfassen, Chat...) */
    #unifiedToolbarContent > li > div > button {
        color: #FFFFFF !important;
    }
    /* Hintergrund und Schriftfarbe des oberen Menüs (Abrufen, Verfassen, Chat...) bei hover */
    #unifiedToolbarContent > li > div > button:hover {
        background-color: #ecd0de !important;
        color: #c30052 !important;
    }
    
    /* ========================================================================== */
    
    /* Hintergrund um das untere Menü herum (Posteingang, Kalender, Adressbuch...) */
    #tabs-toolbar {
        background-image: none !important;
        background-color: #ecd0de !important;
    }
    
    /* ========================================================================== */
    
    /* Hintergrund des Bereichs bei eingegangener Email --> "Von, An, Betreff" */
    #messageHeader {
    	border-bottom: 1px solid #c30052 !important;
    	border-top: 1px solid #c30052 !important;
        background-color: #e6bfd2 !important;
    	color: #000 !important;
    }
    
    /* ========================================================================== */
    
    /* Hintergrund und Farbe der Buttons rechts bei "Antworten, Weiterleiten, Archivieren..." */
    #starMessageButton,
    #header-view-toolbar > toolbarbutton,
    #header-view-toolbar > toolbaritem > toolbarbutton {
        background-color: #c30052 !important;
        color: #FFF !important;
    }
    #starMessageButton:hover,
    #header-view-toolbar > toolbarbutton:hover,
    #header-view-toolbar > toolbaritem > toolbarbutton:hover {
        background-color: #ecd0de !important;
        color: #c30052 !important;
    }
    Alles anzeigen

    Hier ist es dann Codezeile 44.

    Ich habe übrigens den Tipp von @Bastler durchgeführt und den TB jetzt immer so gestartet. Danke für den Tipp :thumbup:

    Grüße und vielen Dank...
    imebro

  • Menübereich farblich anpassen

    • imebro
    • 7. November 2024 um 17:54

    Hallo,

    bei Ansicht > Dichte steht es bei mir auf "Entspannt".

    Aber ich habe eben etwas völlig verrücktes festgestellt.

    Nach meinem Aufräumen war die Tableiste wieder zu flach.
    Dann habe ich mal verglichen und einen kleinen Unterschied festgestellt, der eigentlich völlig unlogisch ist.

    Schaut mal hier:

    CSS
    li:not([data-server-type]) > .container div.twisty img.twisty-icon {
    margin-bottom: -16px !important; /* negativer zieht Winkel Icon runter */
    }
    
    /* ========================================================================== */
    
    }  /* ohne dieses Zeichen wird das untere Menü (Tabs) zu flach - ist wohl ein Fehler!! */
    
    /* AKTIVE Reiter (Tabs) >> Menü: "Posteingang, Kalender..." */
    .tabmail-tab {
    	border-radius: 1px 1px 0 0 !important;  
    	min-height: 26px !important;
    	max-height: 26px !important;
    	padding: 0 !important; 
    }
    Alles anzeigen

    Das sind in meinem aufgeräumten "userChrome.css" die Zeilen 38 - 52.
    Und über dem auskommentierten Satz "AKTIVE Reiter...." seht Ihr das Zeichen } (hier Zeile 7)

    Entferne ich das, ist die Tableiste flach // füge ich es wieder ein, ist die Tableiste in der korrekten Höhe formatiert.
    Eigentlich gehört das Ding ja da nicht hin... aber so funktioniert es :rolleyes:

    Wie Ihr im Code seht, habe ich es nun auskommentiert, damit ich es nicht mal wieder versehentlich lösche ^^

    Habt Ihr da ne Idee?

    Grüße,
    imebro

  • Menübereich farblich anpassen

    • imebro
    • 6. November 2024 um 19:52

    Hmmm... tja, das ist ja seltsam, dass sich mein CSS bei Euch anders auswirkt.

    Vielleicht habe ich ja auch irgendwelche Einstellungen anders gesetzt als Du, bzw. Ihr.
    Allerdings sieht es ja jetzt gut aus bei mir und so bin ich sehr zufrieden.
    Das ist quasi jetzt wie ein eigenes Theme :)

    Ich werde jetzt die CSS-Datei noch etwas aufräumen. Z.B. gleiche Abstände der Einträge vom Rand, bessere Beschreibungen und ggf. auch löschen der auskommentierten Zeilen. Und natürlich auch die einzelnen Code-Blöcke so zusammen kopieren, wie sie auch in Tb zu sehen sind. Hoffe das wirft mir am Ende nicht noch das Ergebnis durcheinander =O

    Werde also eine Kopie der "userChrome.css" machen, bevor ich beginne :thumbup:

    Danke und Grüße an Euch...
    imebro

  • Menübereich farblich anpassen

    • imebro
    • 6. November 2024 um 18:39

    Hallo und danke für die weiteren Tipps.

    Das CSS hat auch nicht funktioniert. Gleicher Effekt wie vorher - also Tabs zu flach und halb ins darüberliegende Menü verschoben.

    Ich habe es aber jetzt tatsächlich selbst hinbekommen, durch (planloses) Herumprobieren 8|8|

    Und zwar habe ich einfach die folgenden Angaben auskommentiert:

    CSS
    	/* Höhe der Reiter / Tabs (Posteingang, Kalender...) anpassen. */
    /* #tabs-toolbar {
    	min-height: 38px !important;
        max-height: 45px !important;  */
    }

    und

    CSS
    .tabmail-tab:not([selected]) .tab-background {
    	background-color: #ecd0de !important;
    	/* min-height: 26px !important; */  /* Höhe dieser Tabs */
    	/* max-height: 26px !important; */
    	/* margin: 0 0 3px !important;  */
    }

    Offenbar waren die Höhenangaben das Problem. Jetzt haben die Tabs die volle Höhe und das ist auch so beim Hovern.

    Tja, ist sicher ein Zufallstreffer :rolleyes:

    Danke aber nochmals für Eure super Unterstützung hier :thumbup:

    Grüße,
    imebro

  • Menübereich farblich anpassen

    • imebro
    • 5. November 2024 um 20:24

    oh danke. Ich habe das Sternchen und / entfernt, aber dann auch mal mit "margin: -1 px bis -12 px" etwas probiert. Aber da habe ich keine Veränderung irgendwo feststellen können. Aber - wie Du schon geschrieben hast - hat wohl nichts mit diesem Problem zu tun.

    Aber ist nicht so schlimm. So wie es jetzt ist, ist es auch OK. Dann sind diese Tabs eben ein bisschen flacher. No Problem :|

    Jetzt suche ich noch eine Lösung für das Problem weiter oben... also mit den 4 Sekunden fett in weißer Schrift. Ich möchte diese 4 Sekunden ja belassen, aber die Schrift soll halt nicht zu weiß wechseln, wenn ich die neue Mail editiere. Aber auch das ist jetzt kein wirklich dickes Problem...

    Grüße,
    imebro

  • Menübereich farblich anpassen

    • imebro
    • 5. November 2024 um 20:04

    OK und danke für die Mühe... mal wieder :/

    Hier mein kompletter CSS-Code:

    CSS
    /* ORDNERFARBEN: */
    /* nicht neue, aber ungelesene Mails, wenn Posteingang NICHT markiert ist */
    li.unread > .container > .name {
       color: maroon !important;
    }
    /* neue Mails, wenn Posteingang beim Start von TB NICHT ausgewählt (markiert) ist */
    li.new-messages > .container > .name {
       color: #c30052 !important;
    }
    /* nicht neue, aber ungelesene Mails, wenn Posteingang markiert ist */
    li.unread.selected > .container > .name {
       color: maroon !important;
    }
    /* neue Mails, wenn Posteingang beim Start von TB ausgewählt (markiert) ist */
    li.new-messages.selected.current > .container > .name {
       color: #c30052 !important;
    }
    /* hellroter Hintergrund bei der ganzen Zeile der neu eingegangenen Email */
    tr[data-properties~="new"] :where(td) {
        appearance: none !important;
        background-color: #ecd0de !important;
    }
    
    /* ========================================================== */
    
    /* ---Fuehrungslinien im Verzeichnisbaum 128.x--- */
    li:not([data-server-type]) > .container div.twisty {
    border-right: 1px solid #c30052 !important; /* Linie Dicke und Farbe */
    margin-right: 8px !important;
    margin-left: -8px !important;
    margin-top: -16px !important; /* negativer schiebt Linie hoch */
    } 
    li:not([data-server-type]) > .container .icon::before {
    content: '--' !important;
    color: #c30052 !important;	/* Farbe der Querlinie */
    margin-left: -9px !important;
    }
    li:not([data-server-type]) > .container div.twisty img.twisty-icon {
    margin-bottom: -16px !important; /* negativer zieht Winkel Icon runter */
    }
    
    /* ========================================================== */
    
    	/* Höhe der Tabbar reduzieren. */
    #tabs-toolbar {
    	min-height: 38px !important;
        max-height: 45px !important;
    }
    
    /* AKTIVE Reiter (Tabs) >> Menü: "Posteingang, Kalender..." */
    .tabmail-tab {
    	border-radius: 1px 1px 0 0 !important;  
    	min-height: 26px !important;
    	max-height: 26px !important;
    	padding: 0 !important; 
    }
    
    /* Hintergrundfarbe (dunkelrot) */
    .tabmail-tab[selected="true"] .tab-background {
    	background-color: #c30052 !important;
    	background-image: none !important;
    }
    /* Schriftfarbe  */
    .tabmail-tab[selected="true"] .tab-text.tab-label {
    	color: #ffffff !important;
    }
    
    /* Schriftfarbe */
    .tabmail-tab:not([selected]) .tab-text.tab-label {
    	color: #c30052 !important;
    	/* font-weight: bold !important;  */ /* Schrift fett */
    }
    
    /* NICHT aktive Reiter (Tabs( >> Menü: "Posteingang, Kalender..." */
    /* Hintergrundfarbe (mittelrot) */
    .tabmail-tab:not([selected]) .tab-background {
    	background-color: #ecd0de !important;
    	min-height: 26px !important;
    	max-height: 26px !important;
    	margin: 0 0 3px !important;
    }
    
    .tabmail-tab:not([selected]) .tab-label-container {
    	margin: -4px 0 0 !important; */
    }
    
    /* Farben und Linien der Ränder um die Reiter (Tabs) herum */
    .tabmail-tab:not([selected]) {
    	/* border-bottom: 1px solid #c30052 !important; */
    	/* border-top: 1px solid #c30052 !important; */
    	border-right: 1px solid #c30052 !important;
    	border-radius: 1px 1px 0 0 !important;  
    }
    
    .tab-line {
    	display: none !important;
    }
    
    /* Nicht aktive Tabs bei HOVER */
    .tabmail-tab:not([selected]):hover .tab-background {
    	background-color: #c30052 !important; 
    }
    /* Schriftfarbe */
    .tabmail-tab:not([selected]):hover .tab-text {
    	color: #FFFFFF !important;
    }
    	
    /* ========================================================== */	
    	
    	/* Kreuz-Icon (nicht aktiv) - mit hellrotem Hintergrund */
    	.tab-close-icon {
    		/* border: 1px solid #c30052 !important;  /* Farbe Linie um das Kreuz herum */
    		border-radius: 4px !important;
    		background-color: #ecd0de !important;
    		width: 16px !important;
    		height: 16px !important;
    		margin: -5px -5px 0 0 !important;
    	}
    	/* Kreuz-Icon (aktiv) bei selektiertem Tab */
    	.tabmail-tab[selected] .tab-icon-image {
    		margin: 0px 4px 0 -3px !important;
    	}
    	/* Kreuz-Icon Hintergrund (aktiv) ist hellrot */
    	.tabmail-tab[selected] .tab-close-icon {
    		border: 1px solid #ecd0de !important;
    		border-radius: 4px !important;
    		background-color: #ecd0de !important;
    		width: 16px !important;
    		height: 16px !important;
    		margin: -2px -3px 0 0 !important;
    	}
    	
    /* ========================================================== */
    	
    	
    	/***** mittleres Menü "Datei, Bearbeiten, Ansicht..." *****/
    	/* >> hier wird der Hintergrund re. NEBEN diesem Menü eingefärbt */
    	#toolbar-menubar {
    		/* border-bottom: 1px solid #c30052 !important; */
    		background-color: #ecd0de !important;
    		color: #c30052 !important;
    	}
    	/***** oberes Menü (Abrufen, Verfassen, Chat... etc. *****/
    	/* >> hier wird der komplette Hintergrund des oberen Menüs eingefärbt */
    	#unifiedToolbarContainer {
    		/* border-bottom: 1px solid #c30052 !important; */
    		background-color: #c30052 !important;
    		color: #FFFFFF !important;
    	}
    	
    /* ========================================================== */
    	
    /***** mittleres Menü "Datei, Bearbeiten, Ansicht..." anpassen. *****/
    /* >> Anpassung der Farben u. Hintergrund des eigentlichen Menüs */
    #mail-menubar > menu,
    #viewSource-main-menubar > menu {
    	border-right: 1px solid #c30052 !important;
    	/* font-weight: bold !important;  /* Fettschrift von "Datei, Bearbeiten..." */ 
        background-color: #ecd0de !important;
        color: #c30052 !important;
    }
    /* Hintergrund bei hover */
    #mail-menubar > menu:hover,
    #viewSource-main-menubar > menu:hover {
        background-color: #c30052 !important;
        color: #FFFFFF !important;
    }
    
    /* ========================================================== */
    
    /* Hintergrund um das untere Menü herum (Posteingang, Kalender, Adressbuch...) */
    #tabs-toolbar {
        background-image: none !important;
        background-color: #ecd0de !important;
    }
    /* Hintergrund des Bereichs bei eingegangener Email --> "Von, An, Betreff" */
    #messageHeader {
    	border-bottom: 1px solid #c30052 !important;
    	border-top: 1px solid #c30052 !important;
        background-color: #e6bfd2 !important;
    	color: #000 !important;
    }
    
    /* ========================================================== */
    
    /* Button und Toolbarbutton von #unifiedToolbar anpassen. */
    /* >> die Schaltfläche links und das Hamburgermenü rechts (3 Striche) */
    #unifiedToolbar > toolbarbutton {
        background-color: #c30052 !important;
        color: #ecd0de !important;
    }
    /* die beiden Schaltflächen li + re bei hover */
    #unifiedToolbar > toolbarbutton:hover {
        background-color: #ecd0de !important;
        color: #c30052 !important;
    }
    
    /* Hintergrund und Schriftfarbe des oberen Menüs (Abrufen, Verfassen, Chat...) */
    #unifiedToolbarContent > li > div > button {
    	/* border: 1px solid #ecd0de !important; */
        /* background-color: #ecd0de !important; */
        color: #FFFFFF !important;
    }
    /* Hintergrund und Schriftfarbe des oberen Menüs (Abrufen, Verfassen, Chat...) bei hover */
    #unifiedToolbarContent > li > div > button:hover {
        background-color: #ecd0de !important;
        color: #c30052 !important;
    }
    
    /* ========================================================== */
    
    /* Hintergrund und Farbe der Buttons rechts bei "Antworten, Weiterleiten, Archivieren..." */
    #starMessageButton,
    #header-view-toolbar > toolbarbutton,
    #header-view-toolbar > toolbaritem > toolbarbutton {
        background-color: #c30052 !important;
        color: #FFF !important;
    }
    #starMessageButton:hover,
    #header-view-toolbar > toolbarbutton:hover,
    #header-view-toolbar > toolbaritem > toolbarbutton:hover {
        background-color: #ecd0de !important;
        color: #c30052 !important;
    }
    Alles anzeigen

    Grüße,

    imebro

  • Menübereich farblich anpassen

    • imebro
    • 5. November 2024 um 19:53

    Danke Dir nochmal dharkness21

    Ich habe den Code jetzt ausgetauscht.
    Allerdings ist es noch nicht ganz perfekt, wie Du am folgenden Screenshot sehen kannst:

    Oben fehlt jetzt etwas bei den Tabs. Unten passt es dafür jetzt...

    Ich habe jetzt mal die min- u. max-height bei "tabs-toolbar" von 29 px auf 38 px verändert. Damit wird es schon besser. Siehe hier:

    Aber eigentlich müssten die Tabs noch etwas weiter runter. Aber wenn ich z.B. 40 px bei Beiden Werten eingebe oder gar 43 px, verändert sich nichts mehr. Habe auch mal nur bei max-height 45 px eingegeben, aber auch hier bleibt es so, wie auf Foto 2.

    Grüße,
    imebro

  • Menübereich farblich anpassen

    • imebro
    • 5. November 2024 um 19:05

    Ich hatte den ursprünglichen Code ja etwas verändert.
    Vor allem hatte ich die Radien "entschärft", wie man auf dem Foto sieht.

    Hier nochmal mein jetziger Code zu den aktiven und inaktiven Tabs:

    CSS
    /**** AKTIVE Reiter (Tabs) >> Menü: "Posteingang, Kalender..." ****/
    	.tabmail-tab {
    		border-radius: 1px 1px 0 0 !important;  
    		min-height: 30px !important;
    		max-height: 30px !important;
    		padding-inline: 0 !important; 
    	}
    	/* Hintergrundfarbe (dunkelrot) */
    	.tabmail-tab .tab-background[selected="true"] {
    		background-color: #c30052 !important;
    		background-image: none !important;
    	}
    	/* Schriftfarbe  */
    	.tab-text.tab-label[selected="true"] {
    		 color: #ffffff !important;
    	}
    	
    	/***** NICHT aktive Reiter (Tabs( >> Menü: "Posteingang, Kalender..." *****/
    	/* Hintergrundfarbe (mittelrot) */
    	.tab-background:not([selected]) {
    		background-color: #ecd0de !important;
    		min-height: 26px !important;
    		max-height: 26px !important;
    		margin: 0 0 3px !important;
    	}
    	.tabmail-tab:not([selected]) .tab-label-container {
    		margin: -4px 0 0 !important; */
    	}
    	/* Schriftfarbe */
    	.tab-text.tab-label:not([selected]) {
    		 color: #c30052 !important;
    		 /* font-weight: bold !important;  /* Schrift fett */
    	}
    	/* Farben und Linien der Ränder um die Reiter (Tabs) herum */
    	.tabmail-tab:not([selected]) {
    		/* border-bottom: 1px solid #c30052 !important; */
    		/* border-top: 1px solid #c30052 !important; */
    		border-right: 1px solid #c30052 !important;
    		border-radius: 1px 1px 0 0 !important;  
    	}
    	.tab-line {
    		display: none !important;
    	}
    	
    	/***** Nicht aktive Tabs bei HOVER *****/
    .tabmail-tab:not([selected]):hover .tab-background {
    	background-color: #c30052 !important; 
    }
    /* Schriftfarbe */
    .tabmail-tab:not([selected]):hover .tab-text {
    	color: #FFFFFF !important;
    }
    Alles anzeigen

    Ich kann jetzt so eigentlich keinen Fehler finden oder einen Auslöser für dieses Problem, dass der gehoverte Tab unten kürzer ist :/

    Grüße,
    imebro

  • Menübereich farblich anpassen

    • imebro
    • 5. November 2024 um 18:33

    Danke Dir dharkness21

    Ich habe den Code nun in meine CSS-Datei eingefügt und er funktioniert grds. auch...
    Allerdings sind die gehoverten Tabs nun etwas flacher - es fehlt unten ein Stück.

    Hier mal ein Screenshot dazu:

    Bild entnommen...

    Den Kalender-Tab habe ich nur gehovert. Der Posteingang-Tab ist aktiv.

    Ich habe im CSS-Code schon geschaut, ob ich vielleicht unter den Tabs noch hellrote Border habe, die dann vielleicht beim hovern nicht umgefärbt werden. Aber dem ist nicht so...

    Wäre jetzt auch nicht wirklich schlimm, wenn es so bleiben würde - ist ja nur während des Hover-Vorganges ;)

    Grüße,
    imebro

  • Menübereich farblich anpassen

    • imebro
    • 5. November 2024 um 17:55

    Hallo und vielen Dank für die weitere Hilfe.

    Ich habe den Code soeben getestet. Allerdings wird der hellrote Hintergrund nicht gehovert, sondern es erscheint unten ein Streifen in dunkelroter Farbe (ich hatte die Farbe schon an mein Dunkelrot angepaßt), wenn ich mit der Maus über den Tab gehe.

    Zum besseren Verständnis hier mal ein Screenshot von einem der Tabs:

    Falls es nicht möglich ist, den kompletten Tab zu hovern, dann geht es auch so mit diesem Strich... wäre mal was Neues :)
    Dann würde ich die Schrift wieder enthovern... ginge also auch.

    Aber mir fiel heute Morgen noch was auf:

    Gestern hatte ich ja das Problem mit neuen Emails, die beim Editieren in weißer, fetter Schrift angezeigt und erst nach etwa 4 Sekunden korrekt angezeigt werden. >> Siehe Post #22

    Dazu hattest Du ( Grisu2099) mir ja geschrieben, ich solle die Codezeilen 19 - 21 auskommentieren. Also diese hier:

    CSS
    ul > li.new-messages > .container {
        background-color: #ecd0de !important; 
    }

    Das hatte ich auch gemacht und danach funktionierte alles.
    Heute Morgen war es jedoch wieder wie vorher.

    Ich könnte natürlich den Tipp von dharkness21 umsetzen... aber ich möchte ja, dass neue Mails erst nach 4 Sekunden als gelesen markiert werden. Was kann ich ansonsten noch versuchen, um das Problem zu lösen? Und... soll ich den Code (Zeilen 19 - 21) auskommentiert lassen?

    Danke und Grüße,
    imebro

  • Menübereich farblich anpassen

    • imebro
    • 5. November 2024 um 12:11

    Danke für die Nachricht Sehvornix

    Hier mal ein Screenshot meines GUI des Thunderbird 128.x

    Ich bin sehr sicher, dass diese Farbgebung, Aufteilung etc. nicht jedem Menschen gefällt...
    Aber solche GUIs sind halt individuell und jeder erstellt es halt so, wie es ihm selbst gefällt ;)

    Die auswählbaren Menüpunkte, Reiter und Tabs kann man alle hovern (naja... bei den Tabs suche ich ja noch nach einer Lösung :rolleyes: ). Und dabei kehren sich dann einfach jeweils die Farben um. Hellroter Hintergrund mit dunkelroter Schrift, wird dann eben zu dunkelrotem Hintergrund mit hellroter (manchmal auch weißer) Schrift. Siehe z.B. bei den Tabs "Posteingang, Kalender... etc.).

    Freue mich aber auch noch über Infos zu meinem Problem mit dem Hovern des Hintergrundes der Tabs.

    Danke und schöne Grüße,
    imebro

  • Menübereich farblich anpassen

    • imebro
    • 5. November 2024 um 08:56

    Hallo wieder mal...

    Ich habe jetzt mal versucht, die nicht aktiven Tabs (Posteingang, Kalender, Adressbuch...) auch zu hovern.
    Bei der Schrift hat das funktioniert. Leider jedoch nicht beim Hintergrund.

    Hier mein Code, den ich eben ausprobiert habe:

    CSS
    	/***** nicht aktive Reiter (Tabs) bei HOVER *****/
    	.tab-background:not([selected]):hover { 
    		background-color: #c30052 !important; 
    	}
    	/* Schriftfarbe */
    	.tab-text.tab-label:not([selected]):hover {
    		color: #ecd0de !important;
    	}

    Könnt Ihr mir sagen, wo mein Fehler ist?

    Danke und Grüße,
    imebro

  • Menübereich farblich anpassen

    • imebro
    • 4. November 2024 um 19:36

    Vielen Dank Euch Beiden... wieder mal :-)

    dharkness21

    Ich hatte diese Einstellung vor einiger Zeit absichtlich so gemacht, da ich manchmal kurz eine Mail anschaue, die aber als ungelesen markiert bleiben soll, da ich sie mir später in Ruhe anschauen will. Daher wollte ich das nicht ändern.

    Grisu2099

    Yes... das hat genau dieses Problem verändert, nachdem ich die Codezeilen 19 - 21 auskommentiert habe. Nun wird die Nachricht nicht mehr mit weißer Schrift dargestellt, sondern bleibt 4 Sekunden lang fett mit dunkelrotem Hintergrund und wird dann zu nicht fett mit dem gleichen Hintergrund. Genau so soll es sein.

    Danke auf jeden Fall für Eure Mühe und die super schnelle Hilfe, die Ihr hier immer wieder für uns User erbringt :thumbsup:
    Falls zufällig jemand von Euch in der Nähe von Bonn lebt, lade ich ihn gerne mal zu nem Kaffee ein :thumbup:

    Grüße,
    imebro

  • Menübereich farblich anpassen

    • imebro
    • 4. November 2024 um 18:22

    OK und danke für den Hinweis.

    Ich hoffe nur, dass da noch Jemand durchblickt, da ich ne Menge darin herum gespielt habe =O
    Aber auf jeden Fall habe ich alles Mögliche (und Unmögliche...) auskommentiert, damit ich überhaupt selbst noch durchblicke...

    Hier der Code meiner "userChrome.css":

    CSS
    /* ORDNERFARBEN: */
    /* nicht neue, aber ungelesene Mails, wenn Posteingang NICHT markiert ist */
    li.unread > .container > .name {
       color: maroon !important;
    }
    /* neue Mails, wenn Posteingang beim Start von TB NICHT ausgewählt (markiert) ist */
    li.new-messages > .container > .name {
       color: #c30052 !important;
    }
    /* nicht neue, aber ungelesene Mails, wenn Posteingang markiert ist */
    li.unread.selected > .container > .name {
       color: maroon !important;
    }
    /* neue Mails, wenn Posteingang beim Start von TB ausgewählt (markiert) ist */
    li.new-messages.selected.current > .container > .name {
       color: #c30052 !important;
    }
    /* hellroter Hintergrund beim Wort "Posteingang" bei einer neu eingegangenen Email */
    ul > li.new-messages > .container {
        background-color: #ecd0de !important; 
    }
    /* hellroter Hintergrund bei der ganzen Zeile der neu eingegangenen Email */
    tr[data-properties~="new"] :where(td) {
        appearance: none !important;
        background-color: #ecd0de !important;
    }
    
    /* ========================================================== */
    
    /* ---Fuehrungslinien im Verzeichnisbaum 128.x--- */
    li:not([data-server-type]) > .container div.twisty {
    border-right: 1px solid #c30052 !important; /* Linie Dicke und Farbe */
    margin-right: 8px !important;
    margin-left: -8px !important;
    margin-top: -16px !important; /* negativer schiebt Linie hoch */
    } 
    li:not([data-server-type]) > .container .icon::before {
    content: '--' !important;
    color: #c30052 !important;	/* Farbe der Querlinie */
    margin-left: -9px !important;
    }
    li:not([data-server-type]) > .container div.twisty img.twisty-icon {
    margin-bottom: -16px !important; /* negativer zieht Winkel Icon runter */
    }
    
    /* ========================================================== */
    
    	/**** AKTIVE Reiter >> Menü: "Posteingang, Kalender..." ****/
    	.tabmail-tab {
    		border-radius: 1px 1px 0 0 !important;  
    		min-height: 30px !important;
    		max-height: 30px !important;
    		padding-inline: 0 !important; 
    	}
    	/* Hintergrundfarbe (dunkelrot) */
    	.tabmail-tab .tab-background[selected="true"] {
    		background-color: #c30052 !important;
    		background-image: none !important;
    	}
    	/* Schriftfarbe  */
    	.tab-text.tab-label[selected="true"] {
    		 color: #ffffff !important;
    	}
    	
    	/***** NICHT aktive Reiter >> Menü: "Posteingang, Kalender..." *****/
    	/* Hintergrundfarbe (mittelrot) */
    	.tab-background:not([selected]) {
    		background-color: #ecd0de !important;
    		min-height: 26px !important;
    		max-height: 26px !important;
    		margin: 0 0 3px !important;
    	}
    	.tabmail-tab:not([selected]) .tab-label-container {
    		margin: -4px 0 0 !important; */
    	}
    	/* Schriftfarbe */
    	.tab-text.tab-label:not([selected]) {
    		 color: #c30052 !important;
    		 /* font-weight: bold !important;  /* Schrift fett */
    	}
    	/* Farben und Linien der Ränder um die Reiter herum */
    	.tabmail-tab:not([selected]) {
    		/* border-bottom: 1px solid #c30052 !important; */
    		/* border-top: 1px solid #c30052 !important; */
    		border-right: 1px solid #c30052 !important;
    		border-radius: 1px 1px 0 0 !important;  
    	}
    	.tab-line {
    		display: none !important;
    	}
    
    	
    /* ========================================================== */	
    	
    	/* Kreuz-Icon (nicht aktiv) - mit hellrotem Hintergrund */
    	.tab-close-icon {
    		/* border: 1px solid #c30052 !important;  /* Farbe Linie um das Kreuz herum */
    		border-radius: 4px !important;
    		background-color: #ecd0de !important;
    		width: 16px !important;
    		height: 16px !important;
    		margin: -5px -5px 0 0 !important;
    	}
    	/* Kreuz-Icon (aktiv) bei selektiertem Tab */
    	.tabmail-tab[selected] .tab-icon-image {
    		margin: 0px 4px 0 -3px !important;
    	}
    	/* Kreuz-Icon Hintergrund (aktiv) ist hellrot */
    	.tabmail-tab[selected] .tab-close-icon {
    		border: 1px solid #ecd0de !important;
    		border-radius: 4px !important;
    		background-color: #ecd0de !important;
    		width: 16px !important;
    		height: 16px !important;
    		margin: -2px -3px 0 0 !important;
    	}
    	
    /* ========================================================== */
    	
    	
    	/***** mittleres Menü "Datei, Bearbeiten, Ansicht..." *****/
    	/* >> hier wird der Hintergrund re. NEBEN diesem Menü eingefärbt */
    	#toolbar-menubar {
    		/* border-bottom: 1px solid #c30052 !important; */
    		background-color: #ecd0de !important;
    		color: #c30052 !important;
    	}
    	/***** oberes Menü (Abrufen, Verfassen, Chat... etc. *****/
    	/* >> hier wird der komplette Hintergrund des oberen Menüs eingefärbt */
    	#unifiedToolbarContainer {
    		/* border-bottom: 1px solid #c30052 !important; */
    		background-color: #c30052 !important;
    		color: #FFFFFF !important;
    	}
    	
    /* ========================================================== */
    	
    /***** mittleres Menü "Datei, Bearbeiten, Ansicht..." anpassen. *****/
    /* >> Anpassung der Farben u. Hintergrund des eigentlichen Menüs */
    #mail-menubar > menu,
    #viewSource-main-menubar > menu {
    	border-right: 1px solid #c30052 !important;
    	/* font-weight: bold !important;  /* Fettschrift von "Datei, Bearbeiten..." */ 
        background-color: #ecd0de !important;
        color: #c30052 !important;
    }
    /* Hintergrund bei hover */
    #mail-menubar > menu:hover,
    #viewSource-main-menubar > menu:hover {
        background-color: #c30052 !important;
        color: #FFFFFF !important;
    }
    
    /* ========================================================== */
    
    /* Hintergrund um das untere Menü herum (Posteingang, Kalender, Adressbuch...) */
    #tabs-toolbar {
        background-image: none !important;
        background-color: #ecd0de !important;
    }
    /* Hintergrund des Bereichs bei eingegangener Email --> "Von, An, Betreff" */
    #messageHeader {
    	border-bottom: 1px solid #c30052 !important;
    	border-top: 1px solid #c30052 !important;
        background-color: #e6bfd2 !important;
    	color: #000 !important;
    }
    
    /* ========================================================== */
    
    /* Button und Toolbarbutton von #unifiedToolbar anpassen. */
    /* >> die Schaltfläche links und das Hamburgermenü rechts (3 Striche) */
    #unifiedToolbar > toolbarbutton {
        background-color: #c30052 !important;
        color: #ecd0de !important;
    }
    /* die beiden Schaltflächen li + re bei hover */
    #unifiedToolbar > toolbarbutton:hover {
        background-color: #ecd0de !important;
        color: #c30052 !important;
    }
    
    /* Hintergrund und Schriftfarbe des oberen Menüs (Abrufen, Verfassen, Chat...) */
    #unifiedToolbarContent > li > div > button {
    	/* border: 1px solid #ecd0de !important; */
        /* background-color: #ecd0de !important; */
        color: #FFFFFF !important;
    }
    /* Hintergrund und Schriftfarbe des oberen Menüs (Abrufen, Verfassen, Chat...) bei hover */
    #unifiedToolbarContent > li > div > button:hover {
        background-color: #ecd0de !important;
        color: #c30052 !important;
    }
    
    /* ========================================================== */
    
    /* Hintergrund und Farbe der Buttons rechts bei "Antworten, Weiterleiten, Archivieren..." */
    #starMessageButton,
    #header-view-toolbar > toolbarbutton,
    #header-view-toolbar > toolbaritem > toolbarbutton {
        background-color: #c30052 !important;
        color: #FFF !important;
    }
    #starMessageButton:hover,
    #header-view-toolbar > toolbarbutton:hover,
    #header-view-toolbar > toolbaritem > toolbarbutton:hover {
        background-color: #ecd0de !important;
        color: #c30052 !important;
    }
    Alles anzeigen

    ...aber vielleicht seht Ihr ja auch Fehler im Script, die sich noch nicht ausgewirkt haben oder Dinge, die man besser machen könnte.

    Oder vielleicht Blöcke, die anders angeordnet werden könnten, damit alles besser läuft etc.

    Freue mich auf Eure Antwort.

    Grüße,
    imebro

  • Menübereich farblich anpassen

    • imebro
    • 4. November 2024 um 17:49

    Hallo nochmal...

    Ich habe jetzt eine etwas merkwürdige Sache, wenn ich eine neu eingegangene Email anklicke.

    Es passiert Folgendes:

    1) Die neue, ungelesene Email erscheint zunächst mit fetter schwarzer Schrift und hellrotem Hintergrund.
    Das orange Sternchen steht vor dem Betreff. So soll es in diesem Zustand auch sein.

    2) Beim Klick auf diese Email erscheint die Schrift für ca. 3 - 4 Sekunden in fetter, weißer Schrift und der Hintergrund bleibt.

    3) Nach diesen 3 - 4 Sekunden wechselt die Schrift automatisch zu nicht fett, weiß mit dunkelrotem Hintergrund - also so wie ich es in der CSS-Datei eingetragen habe und wie es eigentlich sein soll, wenn ich eine neue Email editiere.

    Um es besser darzustellen, hier mal ein Screenshot, in den ich alle 3 Zustände einkopiert habe:

    Habt Ihr eine Idee, was ich ändern muss, damit der Zustand Nr. 2 übersprungen wird?

    Danke und Grüße,

    imebro

  • Menübereich farblich anpassen

    • imebro
    • 3. November 2024 um 16:56

    Danke dharkness21 für den Code. Habe es jetzt umgesetzt und hat super funktioniert.

    Grisu2099 Da hast Du Recht. Ich werfe das irgendwie immer durcheinander... sorry :wall:

    Danke auf jeden Fall für die super Hilfe...

    Grüße,
    imebro

  • Menübereich farblich anpassen

    • imebro
    • 3. November 2024 um 14:44

    Danke dharkness21

    Ich habe es jetzt korrekt eingegeben. Aber jetzt verändert sich beim hovern der komplette Hintergrund des ganzen Bereiches und nicht nur der Hintergrund der Tabs in diesem Bereich. Ich meine die Tabs "Antworten, Weiterleiten, Archivieren...". Siehe in Post #13 das zweite Foto.

    Im Moment ändert sich beim hovern der Hintergrund ein kleines bisschen... vielleicht etwas mehr ins grau. Aber das kommt wahrscheinlich von einer anderen Einstellung her.

    Grüße,
    imebro

  • Menübereich farblich anpassen

    • imebro
    • 3. November 2024 um 12:41

    Ich habe soeben versucht, beim 2. Code (siehe oben Nr. 2) per "hover" auch die Tabs/Buttons dort bei hover anders einzufärben.

    Leider funktioniert das nicht. Ich sah es schon in der CSS-Datei, da das Wort "hover" dort nicht automatisch in oranger Schrift formatiert wurde, wie es bei anderen Codeteilen ist... Daher dachte ich mir schon, dass das wohl nicht funktionieren wird.

    Was muss ich denn stattdessen eingeben, um die Buttons innerhalb dieses Bereiches anpassen zu können?

    Grüße,
    imebro

  • Menübereich farblich anpassen

    • imebro
    • 3. November 2024 um 12:03

    jetzt sieht alles schon sehr gut aus... so gefällt es mir.
    Werde am Ende mal einen Screenshot hier einstellen...

    Nur zwei Hintergründe kann ich noch nicht selbst anpassen:

    1) diesen hier (siehe Pfeil):


    2) diesen hier (siehe Pfeil):

    Dann hätte ich im Grunde alles fertig.

    Und - wenn ich das so richtig sehe - wäre der Effekt all dieser Anpassungen über die "userChrome.css"-Datei dann genauso, als hätte ich ein eigenes Theme erstellt. Ist das richtig so?

    Grüße,
    imebro

  • Menübereich farblich anpassen

    • imebro
    • 3. November 2024 um 11:41

    ja, ich starte den TB nach jeder Änderung der CSS-Datei immer wieder neu.

    Habe jetzt auch Trennlinien im mittleren Menü hingzugefügt mit dem Code

    border-right: 1px solid black !important;

    ...so langsam lerne ich ein bisschen dazu :|

    Update:
    ich sehe erst jetzt Deine Ergänzung dharkness21 . Im Moment hat es einfach mit den Trennlinien funktioniert. So wäre es für mich OK. Oder macht mir das irgendwas kaputt?

    Im Moment teste ich mit beiden Codes. Also mit dem von Dir Grisu2099 und dem von dharkness21 .

    Somit kann ich den Hintergrund nun farblich bearbeiten, aber auch die eigentlichen Tabs im mittleren und oberen Menü (Schaltflächen / Buttons).

    Ich weiß natürlich nicht, ob ich mit beiden Codes in einer CSS-Datei ggf. etwas doppelt mache. Vielleicht kann man ja auch beides in einem Code zusammenfassen. Aber im Moment funktioniert es so ja. Ich teste soeben mit den Farben...

    Grüße,
    imebro

  • Hilfreichste Antworten

Aktuelle Programmversion

  • Thunderbird 140.0.1 veröffentlicht

    Thunder 11. Juli 2025 um 04:34

Aktuelle 140 ESR-Version

  • Thunderbird 140.0.1 ESR veröffentlicht

    Thunder 11. Juli 2025 um 04:43

Aktuelle 128 ESR-Version

  • Thunderbird 128.12.0 ESR veröffentlicht

    Thunder 1. Juli 2025 um 22:16

Keine Werbung

Hier wird auf Werbeanzeigen verzichtet. Vielleicht geben Sie dem Website-Betreiber (Alexander Ihrig - aka "Thunder") stattdessen etwas aus, um diese Seiten auf Dauer finanzieren zu können. Vielen Dank!

Vielen Dank für die Unterstützung!

Kaffee ausgeben für:

Per Paypal unterstützen*

*Weiterleitung zu PayPal.Me

Thunderbird Mail DE
  1. Impressum & Kontakt
  2. Datenschutzerklärung
    1. Einsatz von Cookies
  3. Nutzungsbedingungen
  4. Spendenaufruf für Thunderbird
Hilfe zu dieser Webseite
  • Übersicht der Hilfe zur Webseite
  • Die Suchfunktion benutzen
  • Foren-Benutzerkonto - Erstellen (Neu registrieren)
  • Foren-Thema erstellen und bearbeiten
  • Passwort vergessen - neues Passwort festlegen
Copyright © 2003-2025 Thunderbird Mail DE

Sie befinden sich NICHT auf einer offiziellen Seite der Mozilla Foundation. Mozilla®, mozilla.org®, Firefox®, Thunderbird™, Bugzilla™, Sunbird®, XUL™ und das Thunderbird-Logo sind (neben anderen) eingetragene Markenzeichen der Mozilla Foundation.

Community-Software: WoltLab Suite™