{"id":4445,"date":"2026-10-26T20:22:49","date_gmt":"2026-10-26T19:22:49","guid":{"rendered":"https:\/\/www.my-it-brain.de\/wordpress\/?p=4445"},"modified":"2026-10-26T20:23:26","modified_gmt":"2026-10-26T19:23:26","slug":"my-it-brain-hat-jetzt-auch-eine-dunkle-seite","status":"publish","type":"post","link":"https:\/\/www.my-it-brain.de\/wordpress\/my-it-brain-hat-jetzt-auch-eine-dunkle-seite\/","title":{"rendered":"My-IT-Brain hat jetzt auch eine dunkle Seite"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Hallo zusammen,<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">@foxit.opensync.info hat sich in #my-it-brain:matrix.org gew\u00fcnscht, dass dieser Blog in Abh\u00e4ngigkeit der lokalen Systemeinstellungen hell oder dunkel dargestellt wird. Dazu habe ich folgendes CSS von Gemini generieren lassen und in mein Twenty-Twelve-Child-Theme eingebaut:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/* Dark Mode f\u00fcr Twenty Twelve basierend auf Systemeinstellungen *\/\n@media (prefers-color-scheme: dark) {\n  \/* Seitenhintergrund &amp; Textfarbe *\/\n  body, \n  body.custom-background {\n    background-color: #121212 !important;\n    color: #e0e0e0 !important;\n  }\n\n  \/* Der wei\u00dfe Inhaltscontainer von Twenty Twelve *\/\n  #page {\n    background-color: #1e1e1e !important;\n    border-color: #333333 !important;\n  }\n\n  \/* Links *\/\n  a {\n    color: #64b5f6 !important;\n  }\n\n  a:hover {\n    color: #90caf9 !important;\n  }\n\n  \/* \u00dcberschriften *\/\n  h1, h2, h3, h4, h5, h6,\n  .entry-title a {\n    color: #ffffff !important;\n  }\n\n  \/* Navigation &amp; Men\u00fc *\/\n  .main-navigation a {\n    color: #e0e0e0 !important;\n  }\n\n  .main-navigation li:hover > a,\n  .main-navigation li.focus > a {\n    color: #64b5f6 !important;\n  }\n\n  \/* Sidebar, Widgets &amp; Footer *\/\n  .widget-area .widget a,\n  footer&#91;role=\"contentinfo\"] a {\n    color: #b0bec5 !important;\n  }\n\n  \/* Formulare &amp; Eingabefelder *\/\n  input&#91;type=\"text\"],\n  input&#91;type=\"email\"],\n  input&#91;type=\"url\"],\n  input&#91;type=\"password\"],\n  input&#91;type=\"search\"],\n  textarea {\n    background-color: #2c2c2c !important;\n    color: #ffffff !important;\n    border-color: #444444 !important;\n  }\n\n  \/* Bilder leicht abdunkeln (f\u00fcr angenehmeren Kontrast) *\/\n  img {\n    opacity: 0.88;\n    transition: opacity 0.3s ease;\n  }\n  img:hover {\n    opacity: 1;\n  }\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Falls ihr Darstellungsprobleme oder weitere Anpassungsw\u00fcnsche habt, hinterlasst mir gerne einen Kommentar unter diesem Beitrag oder schreibt an webmaster (at) my-it-brain (dot) de.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hallo zusammen, @foxit.opensync.info hat sich in #my-it-brain:matrix.org gew\u00fcnscht, dass dieser Blog in Abh\u00e4ngigkeit der lokalen Systemeinstellungen hell oder dunkel dargestellt wird. Dazu habe ich folgendes CSS von Gemini generieren lassen und in mein Twenty-Twelve-Child-Theme eingebaut: Falls ihr Darstellungsprobleme oder weitere Anpassungsw\u00fcnsche habt, hinterlasst mir gerne einen Kommentar unter diesem Beitrag oder schreibt an webmaster (at)<span class=\"continue-reading\"> <a href=\"https:\/\/www.my-it-brain.de\/wordpress\/my-it-brain-hat-jetzt-auch-eine-dunkle-seite\/\">[Weiterlesen&#8230;]<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_metis_text_type":"standard","_metis_text_length":1729,"_post_count":0,"footnotes":""},"categories":[67],"tags":[],"class_list":["post-4445","post","type-post","status-publish","format-standard","hentry","category-wordpress"],"public_identification_id":"9d53e175d1a04ff9ae506d6c54da4bd9","private_identification_id":"bfa8e5b1ad90431ba76b5a1c2929b132","_links":{"self":[{"href":"https:\/\/www.my-it-brain.de\/wordpress\/wp-json\/wp\/v2\/posts\/4445","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.my-it-brain.de\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.my-it-brain.de\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.my-it-brain.de\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.my-it-brain.de\/wordpress\/wp-json\/wp\/v2\/comments?post=4445"}],"version-history":[{"count":1,"href":"https:\/\/www.my-it-brain.de\/wordpress\/wp-json\/wp\/v2\/posts\/4445\/revisions"}],"predecessor-version":[{"id":4446,"href":"https:\/\/www.my-it-brain.de\/wordpress\/wp-json\/wp\/v2\/posts\/4445\/revisions\/4446"}],"wp:attachment":[{"href":"https:\/\/www.my-it-brain.de\/wordpress\/wp-json\/wp\/v2\/media?parent=4445"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.my-it-brain.de\/wordpress\/wp-json\/wp\/v2\/categories?post=4445"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.my-it-brain.de\/wordpress\/wp-json\/wp\/v2\/tags?post=4445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}