Beiträge von dharkness21

Zitat von imebro

Ich meine die Tabs "Antworten, Weiterleiten, Archivieren...". Siehe in Post #13 das zweite Foto.

Das ist ja auch eine ganz andere Baustelle, die Button brauchen ihr eigenes CSS, das sähe dann so ↓ aus.

#starMessageButton,
#header-view-toolbar > toolbarbutton,
#header-view-toolbar > toolbaritem > toolbarbutton {
    background-color: #0082FC !important;
    color: #FFF !important;
}
#starMessageButton:hover,
#header-view-toolbar > toolbarbutton:hover,
#header-view-toolbar > toolbaritem > toolbarbutton:hover {
    background-color: #D1E2F2 !important;
    color: #000 !important;
}

Zitat von imebro

da das Wort "hover" dort nicht automatisch in oranger Schrift formatiert wurde

Schau ganz genau hin, nicht hover, sondern :hover.

Zitat von imebro

1) diesen hier (siehe Pfeil):

Das wäre dann das ↓ CSS.

#tabs-toolbar {
    background-image: none !important;
    background-color: #27272A !important;
}

Zitat von imebro

2) diesen hier (siehe Pfeil):

Das wäre dann das ↓ CSS.

#messageHeader {
    background-color: #F20 !important;
}

Zitat von imebro

Und... was müsste ich tun, um zwischen den Einträgen "Datei, Bearbeiten, Ansicht" einfach eine weiße Trennlinie einzufügen?

Da muss man leider ein wenig tricksen und die Farben nicht auf #mail-menubar > menu legen, sondern auf #mail-menubar > menu > label, das CSS sieht dann so ↓ aus.

#mail-menubar > menu > label,
#viewSource-main-menubar > menu > label {
    font-weight: bold !important;
    background-color: #905B46 !important;
    color: #FFF !important;
    padding: 1px 4px 3px 4px !important;
    margin: 0 !important;
}
#mail-menubar > menu:hover > label,
#viewSource-main-menubar > menu:hover > label {
    background-color: #D1E2F2 !important;
    color: #000 !important;
}

#mail-menubar > menu::after,
#viewSource-main-menubar > menu::after {
    content: '|' !important;
    font-size: 19px !important;
    background: none !important;
    color: #F20 !important;
    margin: 0 2px 5px 2px !important;
}

Das vorherige CSS für #mail-menubar > menu und #viewSource-main-menubar > menu muss dabei entfernt werden und mit den Werten für font-size und margin wirst Du bei den ::after-Einträgen noch ein wenig spielen müssen.

Zitat von imebro

Was ist denn der Unterschied zwischen seinem und Deinem Code?

Mein CSS-Schnipsel verändert nur die Menüschaltflächen, Button und Toolbarbutton, das CSS von Grisu verändert die kompletten Leisten.

Zitat von imebro

Offenbar kann man jedoch für das mittlere Menü (Datei, Bearbeiten, Ansicht...) keine Fettschrift verwenden. Ich habe es mit folgendem Code versucht, der ja eigentlich korrekt ist:

font-weight: bold !important;

Die Schrift bleibt dort jedoch normal und wird nicht fett.

Hm, das funktioniert hier ohne die geringsten Probleme.

Zitat von imebro

und ggf. auch das Aussehen der entspr. Tabs?

Das sind keine Tabs, das sind Button bzw. Toolbarbutton und die lassen sich so ↓ anpassen.

/* Menü vom Hauptfenster und von Viewsource anpassen. */
#mail-menubar > menu,
#viewSource-main-menubar > menu {
    background-color: #905B46 !important;
    color: #FFF !important;
}
#mail-menubar > menu:hover,
#viewSource-main-menubar > menu:hover {
    background-color: #D1E2F2 !important;
    color: #000 !important;
}

/* Button und Toolbarbutton von #unifiedToolbar anpassen. */
#unifiedToolbar > toolbarbutton {
    background-color: #EEE8AA !important;
    color: #000 !important;
}
#unifiedToolbar > toolbarbutton:hover {
    background-color: #D1E2F2 !important;
    color: #000 !important;
}

#unifiedToolbarContent > li > div > button {
    background-color: #905B46 !important;
    color: #FFF !important;
}
#unifiedToolbarContent > li > div > button:hover {
    background-color: #D1E2F2 !important;
    color: #000 !important;
}

Zitat von Grisu2099

Gerne doch...

Dankeschön und für mich auf das für mich erforderliche Aussehen reduziert, passt.

Zitat von Grisu2099

Mußte auf .txt ändern zum Hochladen...

Dankeschön, aber das kann man doch auch über Code-Block einfügen hier einfügen.

Zitat von Grisu2099

...oder hier...

Ich sehe gerade die Einblendung des Profilnamens in der Menüleiste, magst Du mir dafür das Script zukommen lassen?

Zitat von Grisu2099

Lightning Calendar Tabs

Jupp, ist auch schon angepasst.

Zitat von Grisu2099

...oder hier...

Welche Erweiterung fügt die Monate über der Tages-, Wochen- und Monatsansicht ein?

Zitat von Grisu2099

Teste mal:

Eines verstehe ich nicht, warum verwendest Du bei Anpassungen für den selektierten Tab nicht grundsätzlich .tabmail-tab[selected], sondern nimmst manchmal eine tiefere Ebene, z.B. .tab-background[selected="true"]?

Sprich warum * und nicht **?

*

.tab-background[selected="true"]

**

.tabmail-tab[selected="true"] .tab-background

** ist zwar länger, aber so sieht es einheitlich aus und man findet Fehler schneller, zumindest bei mir ist es so.

Zitat von imebro

Danke für Eure Hilfe.

Aber gerne doch und damit Du weißt, was möglich ist, guckst Du da ↓.

Zitat von imebro

danke dharkness21 hat super funktioniert.

Aber gerne doch.

Zitat von imebro

Vielen Dank dharkness21 und danke für den Hinweis Grisu

Jetzt wird bei mir links der Kontoname und das Wort "Posteingang" mit dem gelben Hintergrund hinterlegt.

Ich meinte rechts daneben die Zeile, wo die eigentliche Mail zu sehen ist. Also da, wo alle Nachrichten zu sehen sind.

Würde das auch gehen?

Hoppla,

das habe ich flasch verstanden, aber ja, das ist auch möglich, guckst Du da ↓.

tr[data-properties~="new"] :where(td) {
    appearance: none !important;
    background-color: #62cf61 !important;
}

Zitat von imebro

Wäre es tatsächlich möglich, die Zeile mit der neuen und ungelesenen Email auch mit einem hellgelben Hintergrund (#ffffe0) zu versehen?

Aber natürlich ist das möglich, guckst Du da ↓.

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

Zitat von imebro

Es funktionierte vorher jedoch auch ohne diesen Code. Und in dem von Dir gesendeten Code waren diese 2 Codezeilen ja auch nicht drin. Kann der also ruhig raus?

Ich habe das schon wer weiß wie lange in keiner meiner CSS-Dateien, das kann definitiv raus.

Zitat von imebro

Muss im Code jetzt wieder der Zusatz "> .name" (also hinter ".container") entfernt werden?

Nein, ist habe das CSS zusammenkopiert und vergessen, das .name zu ergänzen, muss also so ↓ aussehen, sorry.

li.unread > .container > .name {
   color: maroon !important;
}
li.new-messages > .container > .name {
   color: red !important;
}
li.unread.selected > .container > .name,
li.new-messages.selected.current > .container > .name {
   color: orange !important;
}

Order eben nach .selected getrennt so ↓.

li.unread > .container > .name {
   color: maroon !important;
}
li.new-messages > .container > .name {
   color: red !important;
}
li.unread.selected > .container > .name {
   color: blue !important;
}
li.new-messages.selected.current > .container > .name {
   color: orange !important;
}

Die für Dich passenden Farben musst Du natürlich noch setzen.

Zitat von imebro

Ich habe jetzt meinen Code nochmal um den von dharkness21 erweitert. Danke dafür

Hierbei ist aber unbedingt die richtige Reihenfolge zu beachten, so ↓ sollte es jetzt bei Dir aussehen, das CSS enthält jetzt aber noch einen zusätzlichen Eintrag.

li.unread > .container {
    color: maroon !important;
}
li.new-messages > .container {
    color: red !important;
}
li.unread > .container,
li.new-messages.selected.current > .container {
    color: orange !important;
}

Den untersten Doppeleintrag, den Komma getrennten, könntest Du auch noch trennen, um .unread und .new-messages eigene selektierte Farben zuzuordnen, beachte aber auch hierbei die richtige Reihenfolge.