Tabreiter einfärben

    Moin,
    ich würde gerne die offenen Tabs farblich absetzen per css.
    Bei mir sind immer offen:
    Mail, Kalender, Google Notizen, CardBook
    Die Reiter hätte ich gerne in verschiedenen Farben, da die sich kaum abheben im grau-in-grau.
    Ich habe es bisher nur bei Calendar geschafft, aber da auch nur, wenn er nicht aktiv ist.
    Wenn ich auf den Tab klicke ist er wieder grau.
    .tabmail-tab[type="calendar"] {  
    background-color: darkgreen !important;
    }
    Kann mir da jemand helfen ?
    Windows 10
    TB 115.5.2

    Quote from Uwe-T

    Ich habe es bisher nur bei Calendar geschafft, aber da auch nur, wenn er nicht aktiv ist.
    Wenn ich auf den Tab klicke ist er wieder grau.

    Für den primären Tab verwendest Du das ↓.

    CSS
    .tabmail-tab[type="undefined"] {
background-color: #0082FC !important;
}
.tabmail-tab[type="undefined"][selected] {
background-color: #006800 !important;
}
.tabmail-tab[type="undefined"]:hover,
.tabmail-tab[type="undefined"][selected]:hover {
background-color: #D1E2F2 !important;
}

    Für Cardbook und Google Notizen musst Du mal schauen, ob Du daraus ↓ was bauen kannst, das Beispiel zielt auf Cardbook.

    CSS
    .tabmail-tab[label="Cardbook"] {
background-color: #F20 !important;
}
.tabmail-tab[type="Cardbook"][selected] {
background-color: #006800 !important;
}
.tabmail-tab[type="Cardbook"]:hover,
.tabmail-tab[type="Cardbook"][selected]:hover {
background-color: #D1E2F2 !important;
}

    und wech

    Dharkness

    Ich habe eine etwas andere Herangehensweise gewählt

    tab.tabmail-tab:nth-child(1) {
     background-color: lightblue !important ;
    }

    tab.tabmail-tab:nth-child(2) {
     background-color: blue !important ;
    color: white !important;
    }

    tab.tabmail-tab:nth-child(3) {
     background-color: green !important ;
    color: white !important;
    }

    tab.tabmail-tab:nth-child(4) {
     background-color: #DA70D6 !important ;
    color: white !important;
    }
    tab.tabmail-tab:nth-child(5) {
     background-color: red !important ;
    color: white !important;
    }

    tab.tabmail-tab[selected] {
     color: black !important;
    }

    Das sieht dann bei mir so aus:

    Quote from dharkness21

    Ändert man mal die Reihenfolge der Tabs, wirbelt das die Farbgebung durcheinander.

    Dessen bin ich mir durchaus bewusst, der Code wäre auch mehr auf meinen Fall zugeschnitten. Zum Testen und bei der Arbeit in Foren habe ich dauerhaft die selben sechs Tabs offen (Mail, Einstellungen, Add-ons, Kalender, Adressbuch, Konten-Einstellungen). Auch würde ich mich dann eher nach dem Namen im Tab orientieren als nach einer Farbe. Deshalb würde ich das für mich her als Farbspielerei ansehen.

    Ich habe deinen code getestet, er funktioniert hier nur zur Hälfte, sonts hätte ich meine sofort eingepackt.
    Aber ich werden versuchen, einen neuen Code zu basteln unter Benutzung deines .tabmail-tab[label="Xxxxxxx"]

    Ihr könntet mal diese Vorlage testen:

    Die Zeilen mit .tab-background natürlich entsprechend anpassen... ;)

    Quote from Zitronella

    und das ist doch genau das Problem, welches der Themenersteller auch hat.

    Hallo,
    wenn ich meinen Code (Senf) dazu geben darf…
    Die Farben sind ungewöhnlich angegeben (8 Stellen), die letzten beiden Stellen geben die Intensität vor.
    Mit diesem Code wird der "Haupt-Tab" und auch alle Mails in separatem Tab bedient.