Das hat nichts mit Hell-/Dunkelmodus zu tun; die Farben dieser Boxen sind festgelegt – sie verwenden dieselbe Hintergrund- und Textfarbe unabhängig von der gewählten Farbpalette. Und Sie haben recht, die Hintergrundfarbe (#667eea, aus der Variable --color-feature) ist für weißen Text viel zu hell.
Chromas Kontrastprüfung bewertet die Kombination von rgb(255, 255, 255 / 95%) über #667eea mit einem Kontrastverhältnis von 3,46:1, was nicht einmal das Mindestniveau von 4,5:1 nach WCAG AA erreicht. (Schwarzer Text würde überraschenderweise gerade so mit 4,5:1 bestehen – aber er würde trotzdem nicht gut aussehen oder sehr gut lesbar sein.)
Das ist also etwas, das dringend angegangen werden muss, und zeigt ehrlich gesagt, dass die gesamte Website einer vollständigen Barrierefreiheitsprüfung unterzogen werden sollte. Wir haben das Jahr 2026; Barrierefreiheit sollte ein Launch-Feature für jede Website sein.
(In der Zwischenzeit würde die Änderung von --color-feature zu #3048b6 es als Hintergrund akzeptabel machen, mit einem Kontrastverhältnis von 7,12:1 gegenüber weißem Vordergrundtext, was die WCAG AAA-Richtlinien von 7:1 oder besser erfüllt.)