Browser bringen den automatischen Dunkelmodus auf Websites

Sep 18, 2025
Cloud und Internet
nalyvme/Shutterstock.com

Der dunkle Modus ist jetzt überall, auch in iOS 13 und Android 10. Webbrowser wie Chrome, Firefox, Safari und Edge haben ebenfalls den Dunkelmodus aktiviert. Jetzt bringen Browser dank einer Funktion namens Prefer-Color-Schema den automatischen Dunkelmodus auf Websites.

Websites können jetzt den dunklen Modus wie Apps erkennen

Einige Websites bieten heute dunkle Modi an. Sie können beispielsweise den Dunkelmodus aktivieren Youtube , Twitter , oder Locker mit wenigen Klicks. Das ist ziemlich cool, aber wer möchte diese Option bei jedem Besuch einer neuen Website separat aktivieren?

Wenn Sie den Dunkelmodus unter Windows 10, MacOS, iOS oder Android aktivieren, wissen alle von Ihnen verwendeten Anwendungen, dass Sie den Dunkelmodus aktiviert haben, und können ihn automatisch aktivieren. Google Chrome ist nicht einmal leicht zugänglich dark mode option . Chrome passt sich automatisch an die Auswahl Ihres Betriebssystems an.

In der Vergangenheit gab es für Websites keine Möglichkeit, den Dunkelmodus automatisch zu implementieren. Selbst wenn die Benutzeroberfläche Ihres Browsers dunkel wird, verwenden Websites weiterhin ihren hellen Hintergrund. Sie müssen den Dunkelmodus manuell aktivieren oder eine Browser-Erweiterung verwenden, die den Dunkelmodus erzwingt.

Es waren keine Fehler der Webentwickler - sie konnten nicht erkennen, ob der Dunkelmodus auf Ihrem Gerät aktiviert war. Dies wurde durch eine neue CSS-Funktion (Cascading Style Sheets) geändert, die Websites nutzen können.

Es befindet sich bereits in einem Browser in Ihrer Nähe

Die Antwort auf dieses Problem lautet bevorzugt-Farbschema , eine CSS-Funktion, mit der Websites Ihren Webbrowser fragen können, ob der Dunkelmodus aktiviert ist. Eine Webseite kann ein anderes Thema verwenden, je nachdem, ob Sie den Dunkelmodus aktiviert oder deaktiviert haben.

Diese Funktion wurde erst 2019 in modernen Webbrowsern hinzugefügt.

  • Google Chrome für alle Plattformen (einschließlich Android) unterstützt es seitdem Chrome 76 , veröffentlicht am 30. Juli.
  • Safari für iPhone und iPad erhält es am 19. September mit Safari 13 als Teil von iOS 13.
  • Mozilla Firefox unterstützt es seit Firefox 67, das am 21. Mai veröffentlicht wurde.
  • Safari für Mac unterstützt es seit Safari 12.1, das am 5. April veröffentlicht wurde.
  • Microsoft Edge unterstützt dies nicht, der neue Chromium-basierte Edge-Browser jedoch.

Dies ist keine Option, die Sie in Ihrem Browser selbst auswählen. Wählen Sie einfach zwischen Hell- und Dunkelmodus in Ihrem Betriebssystem, Ihr Browser wird die Änderung übernehmen und Websites können folgen und den Dunkelmodus automatisch aktivieren, wenn sie möchten.

Wo sind die Dark Mode-Websites?

Obwohl diese Funktion heute live ist und in allen gängigen Browsern funktioniert, ist sie sehr neu. Der dunkle Modus kommt mit dem neuen auf iPhone und iPad iOS 13 . Auf der Android-Seite nur Android-Handys mit dem neuen Android 10 Unterstützung für den dunklen Modus. Sogar Google Chrome auf dem Desktop unterstützt nur einige Wochen lang das bevorzugte Farbschema.

Es ist einfach so neu. Sie werden wahrscheinlich noch nicht auf viele Websites stoßen, die das bevorzugte Farbschema verwenden, um den Dunkelmodus noch automatisch zu aktivieren.

Das wird sich hoffentlich in Zukunft ändern. Websites können jetzt Ihre Präferenz für den Dunkelmodus respektieren und dieser automatisch folgen. Webentwickler haben eine neue Option, die sie nutzen können.

Wir lieben den dunklen Modus . Jetzt, da es eine Option für alle neuesten Betriebssysteme ist, werden wir gespannt sein, wie es sich über das Internet verbreitet.

VERBUNDEN: Dunkler Modus ist nicht besser für dich, aber wir lieben es trotzdem

.eintragsinhalt .Eintrittsfußzeile

Browsers Are Bringing Automatic Dark Mode To Websites

How To Force Dark Mode On Every Website In Google Chrome || Automatic Darkmode To Websites

How To Enable Dark Mode On Every Website

How To Add Dark Mode To A Website With Automatic Switching (CSS-only + JavaScript)

Get Dark Mode For All The Browsers - Chrome, Safari, Firefox - 2019 🔥🔥

Dark Mode JavaScript Toggle Using LocalStorage

How To Force Enable Dark Mode For Chrome On Windows 10

Get True Dark Mode On Any IPhone IOS 12

How To Switch To Dark Mode On Your Mac — Apple Support

Google Chrome: Enable Or Disable Dark Mode

How To Add A "Dark Mode" To Your React Website.

Secret Trick To Enable Dark Mode On Google Chrome [PC]


Cloud und Internet - Die beliebtesten Artikel

Was ist Google Jamboard (und benötige ich die Hardware, um es zu verwenden)?

Cloud und Internet Sep 18, 2025

Jamboard von Google ist ein Cloud-basierter Kiosk, den Unternehmen in Konferenzräumen verwenden können, um die Zusammenarbeit in Besprechungen zu erleichtern. Trotz eines Hardware..


Google, warum lassen mich Karten nicht von zu Hause aus arbeiten?

Cloud und Internet Sep 18, 2025

Wir schreiben das Jahr 2018 und die Telearbeit ist auf einem Allzeithoch. Die Arbeit von zu Hause aus war noch nie einfacher und die Vorteile - sowohl für Arbeitnehmer als auch fü..


So fügen Sie den inoffiziellen App Store zu Plex hinzu

Cloud und Internet Mar 15, 2025

UNCACHED INHALT Wenn Sie Plex verwenden, haben Sie wahrscheinlich bemerkt, dass das Channel-Ökosystem ein wenig… fehlt. Ein App Store eines Drittanbieters kann helfen. ..


Steam In-Home-Streaming im Vergleich zu NVIDIA GameStream: Was ist der Unterschied?

Cloud und Internet Jun 20, 2025

Beide Steam In-Home-Streaming und NVIDIA GameStream Mit dieser Funktion können Sie Spiele von einem leistungsstarken Gaming-PC streamen und auf einem ..


So verwenden Sie benutzerdefinierte Mediengrafiken in Ihrem Plex Media Center

Cloud und Internet Jun 29, 2025

Plex Media Server leistet gute Arbeit, indem es automatisch Cover, Hintergründe und andere Grafiken in Ihrem Namen herunterlädt. Dies bedeutet jedoch nicht, dass jedes ausgewählt..


So erstellen Sie Ihre eigene benutzerdefinierte Google-Suchmaschine

Cloud und Internet Sep 17, 2025

UNCACHED INHALT Wollten Sie schon immer eine benutzerdefinierte Google-Suchmaschine erstellen, die nur bestimmte Websites durchsucht? Sie können dies ganz einfach mit dem benutze..


Verschieben Sie das Add-On-Management in die Seitenleiste von Firefox

Cloud und Internet Jun 13, 2025

Möchten Sie Ihre Add-Ons lieber in der Seitenleiste als in einem separaten Fenster verwalten? Jetzt können Sie mit der Add-Ons Sidebar-Erweiterung für Firefox. Konfiguration ..


Durchsuchen Sie Websites von Ihrem Desktop in Windows 7 mit Search Connectors

Cloud und Internet Feb 4, 2025

UNCACHED INHALT Die neue Windows 7-Suche wurde gegenüber früheren Versionen erheblich verbessert und ermöglicht Ihnen die Suche nach Daten auf lokalen und vernetzten Computern. Heute geh..


Kategorien