Grafiken sehen oft im Dark-Mode völlig anders aus (und oft nicht wirklich gut). Ich würde mir also wünschen, dass man für die beiden Banner (extern wie intern) eine 2. Grafik für den Dark-Mode hinterlegen kann, sodass dann je nachdem eine passende Grafik angezeigt wird.
Ich bin mir relativ sicher, dass man das auch via CSS lösen kann (wenn da jemand ne schnelle Lösung hat gerne ), aber etwas komfortabler wäre es doch Menügesteuert
Edit: Lösung via Javascript
Code: Select all
if ($("body.dark-mode").length > 0 ) {
$( "#header img").replaceWith( "<img src='https://adressedergrafik' alt='logo'>" );
$( ".hero-body .has-text-centered img").replaceWith( "<img src='https://adressedergrafik' style='max-height: 10rem' alt='logo'>" );
}