{"id":148596,"date":"2019-10-22T08:10:56","date_gmt":"2019-10-22T06:10:56","guid":{"rendered":"https:\/\/www.iphone-ticker.de\/?p=148596"},"modified":"2019-10-22T08:14:49","modified_gmt":"2019-10-22T06:14:49","slug":"mit-12-zeilen-css-dark-mode-fuer-webseiten","status":"publish","type":"post","link":"https:\/\/www.iphone-ticker.de\/mit-12-zeilen-css-dark-mode-fuer-webseiten-148596\/","title":{"rendered":"Mit 12 Zeilen CSS: Einfacher Dark Mode f\u00fcr Webseiten"},"content":{"rendered":"<p>Der Software-Entwickler Tom Brow hat sich auf seinem Blog mit dem von iOS 13 eingef\u00fchrten Dunkelmodus auseinandergesetzt <a href=\"https:\/\/tombrow.com\/dark-mode-website-css\">und erkl\u00e4rt<\/a> am Beispiel der eigenen Seite, wie sich Online-Inhalte so vorbereiten lassen, dass das Seitendesign in Abh\u00e4ngigkeit von den Ger\u00e4te-Einstellungen des Besuchers hell bzw. dunkel angezeigt wird. <\/p>\n<p><a href=\"https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2019\/10\/nachtmodus-animation.gif\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2019\/10\/nachtmodus-animation.gif\" alt=\"Nachtmodus Animation\" width=\"500\" height=\"231\" class=\"aligncenter size-full wp-image-148602\" \/><\/a><br \/>\nSchl\u00fcssel zum Gl\u00fcck ist der CSS media query &#8222;prefers-color-scheme&#8220;, mit dessen Hilfe in Erfahrung gebracht werden kann, ob Besucher den Dunkelmodus auf ihren Ger\u00e4ten aktiviert haben. <\/p>\n<p>Ist dies der Fall f\u00e4rbt Brows Beispiel-Code den Hintergrund der Webseite dunkel ein, \u00e4ndert die Text- und Link-Farben und ents\u00e4ttigt die in den Bildern eingesetzten Farben etwas. <\/p>\n<p><script src=\"https:\/\/gist.github.com\/noestreich\/2d8e3506a4fc967ff11ed3cd15724af6.js\"><\/script><\/p>\n<p>Brows 12 Zeilen sind noch kein vollst\u00e4ndiger &#8222;Dark Mode&#8220; f\u00fcr Webseiten, aber ein guter Start f\u00fcr Webmaster, die ihre Seiten entsprechend anpassen m\u00f6chten. Eine Aufgabe, die auch wir noch zu erledigen haben. <\/p>\n","protected":false},"excerpt":{"rendered":"<a href=\"https:\/\/www.iphone-ticker.de\/mit-12-zeilen-css-dark-mode-fuer-webseiten-148596\/\"><img width=\"150\" height=\"150\" src=\"https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2019\/10\/nachtmodus-150x150.gif\" class=\"alignright tfe wp-post-image\" alt=\"Nachtmodus\" decoding=\"async\" loading=\"lazy\" \/><\/a><p>Der Software-Entwickler Tom Brow hat sich auf seinem Blog mit dem von iOS 13 eingef\u00fchrten Dunkelmodus auseinandergesetzt und erkl\u00e4rt am Beispiel der eigenen Seite, wie sich Online-Inhalte so vorbereiten lassen, dass das Seitendesign in Abh\u00e4ngigkeit von den Ger\u00e4te-Einstellungen des Besuchers hell bzw. dunkel angezeigt wird. Schl\u00fcssel zum Gl\u00fcck ist der CSS media query &#8222;prefers-color-scheme&#8220;, mit [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":148598,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[78,3917,2810,52],"class_list":["post-148596","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","tag-design","tag-entwickler","tag-nachtmodus","tag-safari"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO Pro 4.9.9 - aioseo.com -->\n\t<meta name=\"description\" content=\"Der Software-Entwickler Tom Brow hat sich auf seinem Blog mit dem von iOS 13 eingef\u00fchrten Dunkelmodus auseinandergesetzt und erkl\u00e4rt am Beispiel der eigenen Seite, wie sich Online-Inhalte so vorbereiten lassen, dass das Seitendesign in Abh\u00e4ngigkeit von den Ger\u00e4te-Einstellungen des Besuchers hell bzw. dunkel angezeigt wird. Schl\u00fcssel zum Gl\u00fcck ist der CSS media query &quot;prefers-color-scheme&quot;, mit\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Nicolas\"\/>\n\t<meta name=\"google-site-verification\" content=\"bRuV4_wqNuoQLypC9HVKibZ0X7EtNyELtju97qgyflM\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.iphone-ticker.de\/mit-12-zeilen-css-dark-mode-fuer-webseiten-148596\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO Pro (AIOSEO) 4.9.9\" \/>\n\t\t<meta property=\"og:locale\" content=\"de_DE\" \/>\n\t\t<meta property=\"og:site_name\" content=\"iphone-ticker.de | Alles zum iPhone. Seit 2007.\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Mit 12 Zeilen CSS: Einfacher Dark Mode f\u00fcr Webseiten | iphone-ticker.de\" \/>\n\t\t<meta property=\"og:description\" content=\"Der Software-Entwickler Tom Brow hat sich auf seinem Blog mit dem von iOS 13 eingef\u00fchrten Dunkelmodus auseinandergesetzt und erkl\u00e4rt am Beispiel der eigenen Seite, wie sich Online-Inhalte so vorbereiten lassen, dass das Seitendesign in Abh\u00e4ngigkeit von den Ger\u00e4te-Einstellungen des Besuchers hell bzw. dunkel angezeigt wird. Schl\u00fcssel zum Gl\u00fcck ist der CSS media query &quot;prefers-color-scheme&quot;, mit\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.iphone-ticker.de\/mit-12-zeilen-css-dark-mode-fuer-webseiten-148596\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2019-10-22T06:10:56+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2019-10-22T06:14:49+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/ifun.de\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@iphoneticker\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Mit 12 Zeilen CSS: Einfacher Dark Mode f\u00fcr Webseiten | iphone-ticker.de\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Der Software-Entwickler Tom Brow hat sich auf seinem Blog mit dem von iOS 13 eingef\u00fchrten Dunkelmodus auseinandergesetzt und erkl\u00e4rt am Beispiel der eigenen Seite, wie sich Online-Inhalte so vorbereiten lassen, dass das Seitendesign in Abh\u00e4ngigkeit von den Ger\u00e4te-Einstellungen des Besuchers hell bzw. dunkel angezeigt wird. Schl\u00fcssel zum Gl\u00fcck ist der CSS media query &quot;prefers-color-scheme&quot;, mit\" \/>\n\t\t<meta name=\"twitter:creator\" content=\"@iphoneticker\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.iphone-ticker.de\\\/mit-12-zeilen-css-dark-mode-fuer-webseiten-148596\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.iphone-ticker.de#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.iphone-ticker.de\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.iphone-ticker.de\\\/category\\\/news\\\/#listItem\",\"name\":\"News\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.iphone-ticker.de\\\/category\\\/news\\\/#listItem\",\"position\":2,\"name\":\"News\",\"item\":\"https:\\\/\\\/www.iphone-ticker.de\\\/category\\\/news\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.iphone-ticker.de\\\/mit-12-zeilen-css-dark-mode-fuer-webseiten-148596\\\/#listItem\",\"name\":\"Mit 12 Zeilen CSS: Einfacher Dark Mode f\\u00fcr Webseiten\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.iphone-ticker.de#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.iphone-ticker.de\\\/mit-12-zeilen-css-dark-mode-fuer-webseiten-148596\\\/#listItem\",\"position\":3,\"name\":\"Mit 12 Zeilen CSS: Einfacher Dark Mode f\\u00fcr Webseiten\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.iphone-ticker.de\\\/category\\\/news\\\/#listItem\",\"name\":\"News\"}}]},{\"@type\":\"NewsArticle\",\"@id\":\"https:\\\/\\\/www.iphone-ticker.de\\\/mit-12-zeilen-css-dark-mode-fuer-webseiten-148596\\\/#newsarticle\",\"name\":\"Mit 12 Zeilen CSS: Einfacher Dark Mode f\\u00fcr Webseiten | iphone-ticker.de\",\"headline\":\"Mit 12 Zeilen CSS: Einfacher Dark Mode f\\u00fcr Webseiten\",\"author\":{\"@id\":\"https:\\\/\\\/www.iphone-ticker.de\\\/author\\\/admin\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/www.iphone-ticker.de\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/images.iphone-ticker.de\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/nachtmodus.gif\",\"width\":500,\"height\":231,\"caption\":\"Nachtmodus\"},\"datePublished\":\"2019-10-22T08:10:56+02:00\",\"dateModified\":\"2019-10-22T08:14:49+02:00\",\"inLanguage\":\"de-DE\",\"commentCount\":31,\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.iphone-ticker.de\\\/mit-12-zeilen-css-dark-mode-fuer-webseiten-148596\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.iphone-ticker.de\\\/mit-12-zeilen-css-dark-mode-fuer-webseiten-148596\\\/#webpage\"},\"articleSection\":\"News, Design, Entwickler, Nachtmodus, Safari\",\"dateline\":\"Ver\\u00f6ffentlicht am Oktober 22, 2019.\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.iphone-ticker.de\\\/#organization\",\"name\":\"aketo GmbH\",\"description\":\"Die aketo GmbH versorgt das deutschsprachige Internet mit den f\\u00fchrenden Nachrichtenangeboten zu Apple, dem iPhone, dem iPad und Apples Lifestyle-Produkten. Konzepte, Redaktion, Recherchen und Archiv.\",\"url\":\"https:\\\/\\\/www.iphone-ticker.de\\\/\",\"email\":\"ifun.de@gmail.com\",\"telephone\":\"+493057707123\",\"foundingDate\":\"2007-01-01\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/images.iphone-ticker.de\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/apple-touch-icon.png\",\"@id\":\"https:\\\/\\\/www.iphone-ticker.de\\\/mit-12-zeilen-css-dark-mode-fuer-webseiten-148596\\\/#organizationLogo\",\"width\":1024,\"height\":1024,\"caption\":\"Apple Touch Icon\"},\"image\":{\"@id\":\"https:\\\/\\\/www.iphone-ticker.de\\\/mit-12-zeilen-css-dark-mode-fuer-webseiten-148596\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/facebook.com\\\/ifun.de\",\"https:\\\/\\\/x.com\\\/iphoneticker\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.iphone-ticker.de\\\/author\\\/admin\\\/#author\",\"url\":\"https:\\\/\\\/www.iphone-ticker.de\\\/author\\\/admin\\\/\",\"name\":\"Nicolas\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.iphone-ticker.de\\\/mit-12-zeilen-css-dark-mode-fuer-webseiten-148596\\\/#webpage\",\"url\":\"https:\\\/\\\/www.iphone-ticker.de\\\/mit-12-zeilen-css-dark-mode-fuer-webseiten-148596\\\/\",\"name\":\"Mit 12 Zeilen CSS: Einfacher Dark Mode f\\u00fcr Webseiten | iphone-ticker.de\",\"description\":\"Der Software-Entwickler Tom Brow hat sich auf seinem Blog mit dem von iOS 13 eingef\\u00fchrten Dunkelmodus auseinandergesetzt und erkl\\u00e4rt am Beispiel der eigenen Seite, wie sich Online-Inhalte so vorbereiten lassen, dass das Seitendesign in Abh\\u00e4ngigkeit von den Ger\\u00e4te-Einstellungen des Besuchers hell bzw. dunkel angezeigt wird. Schl\\u00fcssel zum Gl\\u00fcck ist der CSS media query \\\"prefers-color-scheme\\\", mit\",\"inLanguage\":\"de-DE\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.iphone-ticker.de\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.iphone-ticker.de\\\/mit-12-zeilen-css-dark-mode-fuer-webseiten-148596\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/www.iphone-ticker.de\\\/author\\\/admin\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/www.iphone-ticker.de\\\/author\\\/admin\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/images.iphone-ticker.de\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/nachtmodus.gif\",\"@id\":\"https:\\\/\\\/www.iphone-ticker.de\\\/mit-12-zeilen-css-dark-mode-fuer-webseiten-148596\\\/#mainImage\",\"width\":500,\"height\":231,\"caption\":\"Nachtmodus\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.iphone-ticker.de\\\/mit-12-zeilen-css-dark-mode-fuer-webseiten-148596\\\/#mainImage\"},\"datePublished\":\"2019-10-22T08:10:56+02:00\",\"dateModified\":\"2019-10-22T08:14:49+02:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.iphone-ticker.de\\\/#website\",\"url\":\"https:\\\/\\\/www.iphone-ticker.de\\\/\",\"name\":\"iphone-ticker.de\",\"description\":\"Alles zum iPhone. Seit 2007.\",\"inLanguage\":\"de-DE\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.iphone-ticker.de\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO Pro -->\r\n\t\t<title>Mit 12 Zeilen CSS: Einfacher Dark Mode f\u00fcr Webseiten | iphone-ticker.de<\/title>\n\n","aioseo_head_json":{"title":"Mit 12 Zeilen CSS: Einfacher Dark Mode f\u00fcr Webseiten | iphone-ticker.de","description":"Der Software-Entwickler Tom Brow hat sich auf seinem Blog mit dem von iOS 13 eingef\u00fchrten Dunkelmodus auseinandergesetzt und erkl\u00e4rt am Beispiel der eigenen Seite, wie sich Online-Inhalte so vorbereiten lassen, dass das Seitendesign in Abh\u00e4ngigkeit von den Ger\u00e4te-Einstellungen des Besuchers hell bzw. dunkel angezeigt wird. Schl\u00fcssel zum Gl\u00fcck ist der CSS media query \"prefers-color-scheme\", mit","canonical_url":"https:\/\/www.iphone-ticker.de\/mit-12-zeilen-css-dark-mode-fuer-webseiten-148596\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"google-site-verification":"bRuV4_wqNuoQLypC9HVKibZ0X7EtNyELtju97qgyflM","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/www.iphone-ticker.de\/mit-12-zeilen-css-dark-mode-fuer-webseiten-148596\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.iphone-ticker.de#listItem","position":1,"name":"Home","item":"https:\/\/www.iphone-ticker.de","nextItem":{"@type":"ListItem","@id":"https:\/\/www.iphone-ticker.de\/category\/news\/#listItem","name":"News"}},{"@type":"ListItem","@id":"https:\/\/www.iphone-ticker.de\/category\/news\/#listItem","position":2,"name":"News","item":"https:\/\/www.iphone-ticker.de\/category\/news\/","nextItem":{"@type":"ListItem","@id":"https:\/\/www.iphone-ticker.de\/mit-12-zeilen-css-dark-mode-fuer-webseiten-148596\/#listItem","name":"Mit 12 Zeilen CSS: Einfacher Dark Mode f\u00fcr Webseiten"},"previousItem":{"@type":"ListItem","@id":"https:\/\/www.iphone-ticker.de#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/www.iphone-ticker.de\/mit-12-zeilen-css-dark-mode-fuer-webseiten-148596\/#listItem","position":3,"name":"Mit 12 Zeilen CSS: Einfacher Dark Mode f\u00fcr Webseiten","previousItem":{"@type":"ListItem","@id":"https:\/\/www.iphone-ticker.de\/category\/news\/#listItem","name":"News"}}]},{"@type":"NewsArticle","@id":"https:\/\/www.iphone-ticker.de\/mit-12-zeilen-css-dark-mode-fuer-webseiten-148596\/#newsarticle","name":"Mit 12 Zeilen CSS: Einfacher Dark Mode f\u00fcr Webseiten | iphone-ticker.de","headline":"Mit 12 Zeilen CSS: Einfacher Dark Mode f\u00fcr Webseiten","author":{"@id":"https:\/\/www.iphone-ticker.de\/author\/admin\/#author"},"publisher":{"@id":"https:\/\/www.iphone-ticker.de\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2019\/10\/nachtmodus.gif","width":500,"height":231,"caption":"Nachtmodus"},"datePublished":"2019-10-22T08:10:56+02:00","dateModified":"2019-10-22T08:14:49+02:00","inLanguage":"de-DE","commentCount":31,"mainEntityOfPage":{"@id":"https:\/\/www.iphone-ticker.de\/mit-12-zeilen-css-dark-mode-fuer-webseiten-148596\/#webpage"},"isPartOf":{"@id":"https:\/\/www.iphone-ticker.de\/mit-12-zeilen-css-dark-mode-fuer-webseiten-148596\/#webpage"},"articleSection":"News, Design, Entwickler, Nachtmodus, Safari","dateline":"Ver\u00f6ffentlicht am Oktober 22, 2019."},{"@type":"Organization","@id":"https:\/\/www.iphone-ticker.de\/#organization","name":"aketo GmbH","description":"Die aketo GmbH versorgt das deutschsprachige Internet mit den f\u00fchrenden Nachrichtenangeboten zu Apple, dem iPhone, dem iPad und Apples Lifestyle-Produkten. Konzepte, Redaktion, Recherchen und Archiv.","url":"https:\/\/www.iphone-ticker.de\/","email":"ifun.de@gmail.com","telephone":"+493057707123","foundingDate":"2007-01-01","logo":{"@type":"ImageObject","url":"https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2026\/02\/apple-touch-icon.png","@id":"https:\/\/www.iphone-ticker.de\/mit-12-zeilen-css-dark-mode-fuer-webseiten-148596\/#organizationLogo","width":1024,"height":1024,"caption":"Apple Touch Icon"},"image":{"@id":"https:\/\/www.iphone-ticker.de\/mit-12-zeilen-css-dark-mode-fuer-webseiten-148596\/#organizationLogo"},"sameAs":["https:\/\/facebook.com\/ifun.de","https:\/\/x.com\/iphoneticker"]},{"@type":"Person","@id":"https:\/\/www.iphone-ticker.de\/author\/admin\/#author","url":"https:\/\/www.iphone-ticker.de\/author\/admin\/","name":"Nicolas"},{"@type":"WebPage","@id":"https:\/\/www.iphone-ticker.de\/mit-12-zeilen-css-dark-mode-fuer-webseiten-148596\/#webpage","url":"https:\/\/www.iphone-ticker.de\/mit-12-zeilen-css-dark-mode-fuer-webseiten-148596\/","name":"Mit 12 Zeilen CSS: Einfacher Dark Mode f\u00fcr Webseiten | iphone-ticker.de","description":"Der Software-Entwickler Tom Brow hat sich auf seinem Blog mit dem von iOS 13 eingef\u00fchrten Dunkelmodus auseinandergesetzt und erkl\u00e4rt am Beispiel der eigenen Seite, wie sich Online-Inhalte so vorbereiten lassen, dass das Seitendesign in Abh\u00e4ngigkeit von den Ger\u00e4te-Einstellungen des Besuchers hell bzw. dunkel angezeigt wird. Schl\u00fcssel zum Gl\u00fcck ist der CSS media query \"prefers-color-scheme\", mit","inLanguage":"de-DE","isPartOf":{"@id":"https:\/\/www.iphone-ticker.de\/#website"},"breadcrumb":{"@id":"https:\/\/www.iphone-ticker.de\/mit-12-zeilen-css-dark-mode-fuer-webseiten-148596\/#breadcrumblist"},"author":{"@id":"https:\/\/www.iphone-ticker.de\/author\/admin\/#author"},"creator":{"@id":"https:\/\/www.iphone-ticker.de\/author\/admin\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2019\/10\/nachtmodus.gif","@id":"https:\/\/www.iphone-ticker.de\/mit-12-zeilen-css-dark-mode-fuer-webseiten-148596\/#mainImage","width":500,"height":231,"caption":"Nachtmodus"},"primaryImageOfPage":{"@id":"https:\/\/www.iphone-ticker.de\/mit-12-zeilen-css-dark-mode-fuer-webseiten-148596\/#mainImage"},"datePublished":"2019-10-22T08:10:56+02:00","dateModified":"2019-10-22T08:14:49+02:00"},{"@type":"WebSite","@id":"https:\/\/www.iphone-ticker.de\/#website","url":"https:\/\/www.iphone-ticker.de\/","name":"iphone-ticker.de","description":"Alles zum iPhone. Seit 2007.","inLanguage":"de-DE","publisher":{"@id":"https:\/\/www.iphone-ticker.de\/#organization"}}]},"og:locale":"de_DE","og:site_name":"iphone-ticker.de | Alles zum iPhone. Seit 2007.","og:type":"article","og:title":"Mit 12 Zeilen CSS: Einfacher Dark Mode f\u00fcr Webseiten | iphone-ticker.de","og:description":"Der Software-Entwickler Tom Brow hat sich auf seinem Blog mit dem von iOS 13 eingef\u00fchrten Dunkelmodus auseinandergesetzt und erkl\u00e4rt am Beispiel der eigenen Seite, wie sich Online-Inhalte so vorbereiten lassen, dass das Seitendesign in Abh\u00e4ngigkeit von den Ger\u00e4te-Einstellungen des Besuchers hell bzw. dunkel angezeigt wird. Schl\u00fcssel zum Gl\u00fcck ist der CSS media query &quot;prefers-color-scheme&quot;, mit","og:url":"https:\/\/www.iphone-ticker.de\/mit-12-zeilen-css-dark-mode-fuer-webseiten-148596\/","article:published_time":"2019-10-22T06:10:56+00:00","article:modified_time":"2019-10-22T06:14:49+00:00","article:publisher":"https:\/\/facebook.com\/ifun.de","twitter:card":"summary_large_image","twitter:site":"@iphoneticker","twitter:title":"Mit 12 Zeilen CSS: Einfacher Dark Mode f\u00fcr Webseiten | iphone-ticker.de","twitter:description":"Der Software-Entwickler Tom Brow hat sich auf seinem Blog mit dem von iOS 13 eingef\u00fchrten Dunkelmodus auseinandergesetzt und erkl\u00e4rt am Beispiel der eigenen Seite, wie sich Online-Inhalte so vorbereiten lassen, dass das Seitendesign in Abh\u00e4ngigkeit von den Ger\u00e4te-Einstellungen des Besuchers hell bzw. dunkel angezeigt wird. Schl\u00fcssel zum Gl\u00fcck ist der CSS media query &quot;prefers-color-scheme&quot;, mit","twitter:creator":"@iphoneticker"},"aioseo_meta_data":{"post_id":"148596","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"NewsArticle","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":"2026-07-03 20:28:21","breadcrumb_settings":null,"limit_modified_date":false,"open_ai":null,"ai":null,"created":"2026-02-19 14:16:06","updated":"2026-07-03 20:28:21"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/www.iphone-ticker.de\" title=\"Home\">Home<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/www.iphone-ticker.de\/category\/news\/\" title=\"News\">News<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\tMit 12 Zeilen CSS: Einfacher Dark Mode f\u00fcr Webseiten\n<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/www.iphone-ticker.de"},{"label":"News","link":"https:\/\/www.iphone-ticker.de\/category\/news\/"},{"label":"Mit 12 Zeilen CSS: Einfacher Dark Mode f\u00fcr Webseiten","link":"https:\/\/www.iphone-ticker.de\/mit-12-zeilen-css-dark-mode-fuer-webseiten-148596\/"}],"subheadline":["Von Mac und iPhone ber\u00fccksichtigt","Von Mac und iPhone ber\u00fccksichtigt"],"featured_image":["https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2019\/08\/ios-13-dark-mode.jpg"],"rest_api_enabler":{"subheadline":["Von Mac und iPhone ber\u00fccksichtigt","Von Mac und iPhone ber\u00fccksichtigt"],"featured_image":"https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2019\/08\/ios-13-dark-mode.jpg"},"_links":{"self":[{"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/posts\/148596","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/comments?post=148596"}],"version-history":[{"count":5,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/posts\/148596\/revisions"}],"predecessor-version":[{"id":148603,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/posts\/148596\/revisions\/148603"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/media\/148598"}],"wp:attachment":[{"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/media?parent=148596"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/categories?post=148596"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/tags?post=148596"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}