Schrift im Dashboard bleibt schwarz

[FischerICT]

Hallo Liebes Forum,
kann mir jemand sagen, wie ich die Schrift im Dashboard von schwarz auf weiß umstellen kann. Ich habe im Design bereits folgende Eintröge hinterlegt:
ul.app-menu__list { filter: invert(100%); }
div.header-menu { filter: invert(100%); }

Dadurch werden die Icons weiß, leider bleibt aber die Begrüßung im Dashboard bleibt schwarz. (siehe Bild)

Hat jemand eine Idee oder kann mir sagen, wo ich das umstellen kann?
Danke für Eure Hilfe!

[ernolf]

Hi @FischerICT,

@FischerICT

Hat jemand eine Idee

Hier das CSS welches du suchst:

#app-dashboard h2 {
  filter: invert(1);
}

und zudem kannst du dein CSS vereinfachen, indem du es gruppierst und anstatt die Prozente, es so angibst.

ul.app-menu__list, 
div.header-menu, 
#app-dashboard h2 {
  filter: invert(1);
}

---

Viel Glück,
ernolf

[FischerICT]

Hallo Ernolf,
vielen Dank für die schnelle Hilfe.
Hat 1a funktioniert. Ich hab im Netz gesucht aber leider nichts gefunden.
Viele Grüße Andy

[ernolf]

@FischerICT

Hat 1a funktioniert.

Ich habe das bei mir nochmal nachträglich ausprobiert und dabei fiel mir auf, dass die h2 Tags in den Headers der einzelnen Dashboard Widgets auch invertiert werden, was einmal zu viel invertiert bedeutet, da sie dadurch unsichtwar werden.

Das lässt sich ganz einfach dadurch lösen, indem die explizit ausgeschlossen werden und zwar so:

ul.app-menu__list, 
div.header-menu, 
#app-dashboard h2:not(#app-dashboard .panels h2) {
  filter: invert(1);
}

---

l.G.
ernolf

[FischerICT]

Super - vielen Dank für die Hilfe - beide Lösungen funktionieren, habe jetzt die zweite übernommen.
L.G. A.Fischer