Twenty Twenty-Three: Mobiles Drop-Down-Menü kaum noch lesbar

Hallo,
vermutlich bist du angemeldet und schaust dir die Website an.
Wenn man sich die Website nicht angemeldet im Browser oder auf dem Smartphone ansieht, dann sieht das Menü vollkommen ok aus.
Das kannst du z. B. im Inkognito-Modus vom Browser testen.

Allerdings gibt es ein paar Fehler, die du siehst, wenn du in die developer console (Aufruf mit F12) schaust. Darum solltest du dich kümmern.

Viele Grüße
Hans-Gerd

Hallo Hans-Gerd,
ne bin natürlich nicht angemeldet. Vermutlich wird es bei dir nicht angezeigt, weil du den dunklen Modus bei deinem Browser nicht aktiviert hast. So ist das Theme jedenfalls nicht brauchbar für einen Browser mit aktiviertem dunklen Modus.
Die Fehler betreffen überwiegend leider Plugins, worauf ich keinen Einfluss habe.
Viele Grüße

Hallo,
füge bitte die folgende CSS-Regel unter „Zusätzliches CSS“ ein und teste das dann bitte:

span.wp-block-navigation-item__label {
    color: black;
}

Wie das funktioniert, habe ich in dem folgenden Beitrag beschrieben.

Viele Grüße
Hans-Gerd

Dann ist die Schrift in der nicht-mobilen Ansicht bzw. Tablet/Querformatansicht schwarz und leider nicht mehr lesbar. Es ist also nichts gewonnen. Habe es wieder gelöscht.

https://bluwingmedia.com/wp-content/uploads/2023/10/Screenshot_20231003_232047_Firefox.jpg

Kann man nicht das Design des mobile Drop-Down-Menüs separat anpassen? Ich war bei dem Theme sowieso etwas verwundert, dass es keine Anpassmöglichkeiten bietet.

Dann müsstest du dafür sorgen, dass über eine Media Query die genannte Schriftfarbe nur mobil geändert wird. Daher sollte die folgende (erweiterte) CSS-Regel funktionieren:

@media (max-width: 768px)
  span.wp-block-navigation-item__label {
      color: black;
  }
}

In der Tat sind die Anpassungen der Navigation insgesamt bei Block Themes wie Twenty Twenty-Three aktuell noch recht beschränkt. Evtl. müsstest du mal schauen, ob es da nicht Plugins gibt, mit denen weitergehende Anpassungen möglich sind, wobei du nicht geschrieben hast, welche Anpassungen du gerne als zusätzliche Optionen hättest.

Nachtrag: Vermutlich ist die folgende CSS-Regel besser:

@media (prefers-color-scheme: dark) {
  body {
    filter: invert(1);
    background: #000;  /* since most sites declare the background color */
  }
}

Quelle: https://blog.usmanity.com/twenty-twenty-three-theme-from-wordpress-is-the-first-sane-theme-from-wp-in-a-few-years/