SVGs im Dunkelmodus

[Bimmelbeule]

Hallo!

Erst mal Danke an alle die bisher geantwortet haben!

@RolfB:

mein Klugsprechi ist generell im Darkmode und zeigt Seiten, die das erkennen, dunkel an, bspw unser Wiki.

Deine Seite hingegen nicht. Sie werden hell dargestellt. Hast du keine generelle Darkmode-Weiche (prefers-color-scheme:dark) drin?

Nein, am liebsten möchte ich das sie überall hell dargestellt wird.

@Gunnar Bittersmann

Das kann ich nicht nachvollziehen. Jedenfalls nicht mit den von dir gezeigten SVGs.

Das geht bei mir sogar mit meinen SVGs direkt im Forum: Chromium -> Entwicklertools -> Entwicklertools anpassen und steuern -> Weitere Tools -> Rendering -> Automatischen dunklen Modus aktivieren.

Warum das bei dir anders ist, entzieht sich unserer Kenntnis, wenn du deine Seite nicht verlinkst.

www.h-felder.de (Sesselfurzer)
porz-am-rhein.h-felder.de (Wappen)

Von dem Sesselfurzer ist also (fast) nichts zu sehen: schwarz auf dunkelgrau.

Das wird ja immer kurioser… ツ

Hast du dir Gedanken gemacht, wie der im Darkmode denn überhaupt aussehen soll?

Eigentlich möchte ich, das die Seite einfach hell bleibt. Oder zumindest die SVGs so bleiben wie in der hellen Darstellung…

@RolfB:

Habe auf meinem klugen Fernsprechapparat mal den Dunkelmodus aktiviert

Aber nicht auf die klügste Weise.

??? ツ

Stelle dein Handy auf ordentlichen Darkmode ein.

Wie stelle ich denn den globalen Darkmode meines Handys »ordentlich« ein? Ich kann hier (Pixel 8a, Android 16 QPR2) nur Einstellungen -> Display -> »Dunkles Design« an oder ausschalten…

Entweder für's ganze Handy in den Handy-Einstellungen, oder nur im Browser (sollte dort in den Einstellungen unter "Anzeige", "Darstellung" oder "Design" zu finden sein).

Ja, ich kann das… aber können oder wollen das auch andere Nutzer eines Darkmods?

Damit deine Webseite dann dunkel wird, musst Du im Stylesheet über eine @media (prefers-color-scheme:dark) Abfrage die Farbeinstellungen für die Seite im Darkmode anpassen.

In den SVGs musst Du ebenfalls über ein <style> Element einfügen, mit einer @media-Abfrage und passenden Farbanpassungen. Das ist etwas Arbeit, aber wie Du siehst, ist der automagische Darkmode fehleranfällig.

Würde es denn nicht reichen, wenn ich nur in den SVGs die Anpassungen vornehme?

Lg, Bimmelbeule