{"id":7408,"date":"2022-07-27T18:12:11","date_gmt":"2022-07-27T16:12:11","guid":{"rendered":"https:\/\/my-digital-journey.com\/?p=7408"},"modified":"2026-03-02T20:20:48","modified_gmt":"2026-03-02T19:20:48","slug":"globale-farbpaletten-und-dark-mode-farbeinstellungsmoeglichkeiten-des-kadence-themes-erklaert","status":"publish","type":"post","link":"https:\/\/my-digital-journey.com\/de\/globale-farbpaletten-und-dark-mode-farbeinstellungsmoeglichkeiten-des-kadence-themes-erklaert\/","title":{"rendered":"Globale Farbpaletten und der Dark Mode: Die Farbeinstellungen des Kadence Themes erkl\u00e4rt\u00a0"},"content":{"rendered":"\n

In diesem Beginner-Guide erf\u00e4hrst du, wie du die Farbpaletten des Kadence Themes effektiv nutzt und wie du mit Hilfe der Farbpaletten und mit wenig Aufwand einen Dark Mode implementierst.<\/p>\n\n\n

Kadence Quick Start Guide<\/div>

In nur wenigen Schritten zur eigenen WordPress-Website\n<\/h3><\/div><\/div>
  1. Hosting-Provider w\u00e4hlen \u2013 wenn du gerade erst startest, empfehle ich all-inkl.com*<\/a>. <\/span><\/li>
  2. Domain registrieren \u2013 das ist oft direkt beim Hosting-Provider m\u00f6glich. <\/span><\/li>
  3. Die aktuelle WordPress-Version auf deiner Domain installieren.\n\n<\/span><\/li>
  4. Das Kadence Theme<\/b> installieren \u2013 f\u00fcr komplexere Websites empfehle ich, die Kadence-Pro-Erweiterung*<\/a> ebenfalls zu installieren.<\/span><\/li>
  5. Um einen gr\u00f6\u00dferen Gestaltungsfreiraum zu erhalten, empfehle ich die Installation der Blockeditor-Erweiterung Kadence Blocks<\/b> \u2013 auch hier gibt es eine Pro-Version*<\/a> mit erweitertem Funktionsumfang.<\/span><\/li><\/ol><\/div>\n\n\n

    Die Grundlagen zu den Kadence Farbpaletten<\/h2>\n\n\n\n

    Du kannst die Kadence-Farbpalette im Customizer unter Colors & Fonts > Farben<\/em> finden. Das Kadence Theme erlaubt es dir, 3 Farbpaletten zu definieren. Dabei ist aber immer nur eine auf der Website aktiv.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Die anderen beiden sind daf\u00fcr gedacht, dass du bei Bedarf schnell das Aussehen deiner Website anpassen kannst. Das macht besonders in Verbindung mit dem Dark Mode Sinn, aber dazu sp\u00e4ter mehr.<\/p>\n\n\n\n

    Die Farben der Farbpalette lassen sich im Customizer und in den jeweiligen Blockeinstellungen ausw\u00e4hlen. Damit sind die jeweiligen Theme- und Blockeinstellungen auch schon mit der Farbpalette verkn\u00fcpft. Im Customizer und bei allen Kadence-Gutenberg-Bl\u00f6cken wird dann ein kleiner Globus in der Mitte des Farbvorschaukreises angezeigt. <\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Bei den Standard-Gutenberg-Bl\u00f6cken wird die aktive Farbpalette ebenfalls angezeigt. Bei der Farbauswahl des jeweiligen Blocks kannst du sie unter der \u00dcberschrift \u201cTheme\u201d finden. Hier wird die Auswahl der Farbe zwar durch einen Haken gekennzeichnet, aber ansonsten gibt es keine Unterschiede zu den Kadence-Bl\u00f6cken.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Was ist eine globale Farbpalette?<\/h2>\n\n\n\n

    Der gro\u00dfe Vorteil dieser Farbpalette ist, dass sie global ist. Aber was bedeutet das \u00fcberhaupt? <\/p>\n\n\n\n

    Sobald du deine  Theme- und Blockeinstellungen erst einmal mit der Kadence-Farbpalette verkn\u00fcpft hast, kannst du eine Farbe aus der Farbpalette ganz einfach im Customizer (Colors & Fonts > Farben<\/em>) anpassen und \u00fcberall, wo du diese Farbe in deinen Einstellungen verwendet hast, wird diese Anpassung \u00fcbernommen. <\/p>\n\n\n\n

    Dies erspart dir extrem viel Zeit und du hast damit die M\u00f6glichkeit, schnell und unkompliziert verschiedene Farbkombinationen auf deiner Website zu testen.<\/p>\n\n\n\n

    Wie setzt sich eine Kadence-Farbpalette zusammen?<\/h2>\n\n\n\n

    Eine Farbpalette im Kadence Theme besteht immer aus 9 Farben. Dabei hat jede Farbe der Farbpalette eine bestimmte Funktion, die du bei der Zuordnung der Farben auf jeden Fall beachten solltest. Lass uns die Farben der Reihe nach von links nach rechts durchgehen.<\/p>\n\n\n\n

    Farben 1 und 2 – w\u00e4hle die Akzentfarben deines Themes aus<\/h3>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    Die beiden ersten Farben sind f\u00fcr die Akzentfarben, zum Beispiel deine Brandfarbe, vorgesehen. <\/p>\n\n\n\n

    Farbe 1<\/strong> ist dabei in der Regel die Originalfarbe, also in dem Beispiel der exakte Hexcode deiner Brandfarbe, und Farbe 2<\/strong> die Hover-Farbe.<\/p>\n\n\n\n

    Farben 3 bis 6 \u2013 definiere die Farben f\u00fcr deine Typografie<\/h3>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    Diese 4 Farben solltest du ausschlie\u00dflich f\u00fcr die Farbgestaltung deiner Textelemente einsetzen. Gehe dazu wie folgt vor:<\/p>\n\n\n\n

    Farbe 3<\/strong> definiert die dunkelste Textfarbe. Sie kommt in der Regel ausschlie\u00dflich bei \u00dcberschriften zum Einsatz.<\/p>\n\n\n\n

    Farbe 4<\/strong> sollte eine etwas hellere Version von Farbe 3 sein. Sie kommt bei deinen Flie\u00dftexten zum Einsatz. <\/p>\n\n\n\n

    Farbe 5<\/strong> sollte noch etwas heller als Farbe 4 sein und kann zum Beispiel bei Bildunterschriften und anderen Texten, die nicht im Zentrum der Aufmerksamkeit stehen sollen, benutzt werden.<\/p>\n\n\n\n

    Farbe 6<\/strong> ist f\u00fcr Platzhaltertexte\/Label von Eingabefeldern oder andere Elemente, die nur einen geringen Kontrast haben sollen, vorgesehen. <\/p>\n\n\n\n

    Farben 7 bis 9 \u2013 lege die Farben f\u00fcr den Hintergrund fest<\/h3>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    Da moderne Websites oft nicht nur eine einzige Hintergrundfarbe benutzen, sondern beispielsweise f\u00fcr die Abgrenzung verschiedener Sektionen oder das Darstellen von Beitragsvorschauen und anderen Boxen mehrere Farben ben\u00f6tigen, bietet dir das Kadence Theme die M\u00f6glichkeit, 3 Farben f\u00fcr den Hintergrund festzulegen.<\/p>\n\n\n\n

    Farbe 7<\/strong> sollte die dunkelste der 3 Hintergrundfarben sein \u2013 in einer hellen Farbpalette wird das aber immer noch eine sehr helle Farbe sein. Hier ist es wichtig zu beachten, dass die Farbe so hell ist, dass der Kontrast zu Farbe 4 hoch genug ist, um eine gute Lesbarkeit zu garantieren.<\/p>\n\n\n\n

    Farbe 8<\/strong> sollte einige Nuancen heller sein als Farbe 7. Sp\u00e4testens jetzt sollte der Kontrast zu Farbe 5 auch hoch genug sein.<\/p>\n\n\n\n

    Farbe 9<\/strong> sollte ein sehr heller Wei\u00dfton oder sogar pures Wei\u00df sein.  <\/p>\n\n\n\n

    So importierst oder exportierst du eine Farbpalette im Kadence Theme<\/h2>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    Unter jeder Farbpalette befindet sich ein Symbol einer Aktenmappe. Wenn du darauf klickst, erscheint ein Pop-up. Dort kannst du im linken Reiter eine von 8 vordefinierten Farbpaletten aussuchen und im rechten Reiter deine ausgew\u00e4hlte Farbpalette exportieren oder eine andere Farbpalette importieren. <\/p>\n\n\n\n

    Sobald du eine f\u00fcr dich zufriedenstellende Farbpalette gefunden hast, kannst du sie innerhalb von Sekunden durch Kopieren des angezeigten Codes auf eine deiner anderen Websites \u00fcbertragen. <\/p>\n\n\n\n

    Der Dark Mode beim Kadence Theme \u2013 einfache Einrichtung dank mehrerer Farbpaletten<\/h2>\n\n\n\n

    Der Dark Mode ist eine relativ neue Erg\u00e4nzung zu den umfangreichen Funktionen des Kadence Pro Themes. Er erlaubt es deinen Nutzern, die Farbpalette deiner Website selbst per Knopfdruck zu wechseln.<\/p>\n\n\n\n

    Bevor du den Dark Mode aktivierst, solltest du nat\u00fcrlich eine der 3 Farbpalette mit einer dunklen Farbpalette ausgestattet haben. Dazu gehst du fast genauso vor, wie oben beschrieben. <\/p>\n\n\n\n

    Der einzige Unterschied zu einer hellen Farbpalette ist, dass die Helligkeit der Typografie-Farben bei einer dunklen Farbpalette genau andersherum angewandt werden sollte. Das hei\u00dft, dass Farbe 3 der hellste Farbton und Farbe 6 der dunkelste sein sollte.   <\/p>\n\n\n\n

    Generell ist es bei der Erstellung einer Farbpalette wichtig, auf einen guten Kontrast zwischen Vorder- und Hintergrundelementen zu achten. So sollten sich zum Beispiel auch deine Akzentfarben stark genug von den dunklen Hintergrundfarben abheben.<\/p>\n\n\n\n

    So aktivierst du den Dark Mode des Kadence Themes im Customizer<\/h3>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    Bevor du startest, solltest du pr\u00fcfen, ob die Option Color Palette Switch (Dark Mode)<\/em> im Backend unter Design > Kadence<\/em> aktiviert ist. Wenn nicht, dann aktiviere sie.<\/p>\n\n\n\n

    Jetzt kannst du den Dark Mode im Customizer unter Allgemein > Color Switch (Dark Mode)<\/em> aktivieren.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n
    <\/path><\/svg>

    Hinweis<\/h3><\/div>
    \n

    Wenn du im Header Builder das Dark-Mode-Element im Header platziert hast, wird es nicht angezeigt, solange der Dark Mode unter Allgemein > Color Switch (Dark Mode) <\/em>nicht aktiviert wurde.<\/p>\n<\/div><\/div>\n\n\n

    Hier stehen dir jetzt einige Optionen zur Auswahl: Als Erstes kannst du ausw\u00e4hlen, ob die helle oder dunkle Farbpalette standardm\u00e4\u00dfig f\u00fcr Besucher aktiviert ist.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Die zweite Option \u201cOS Aware\u201d l\u00e4sst das Betriebssystem des Ger\u00e4ts deines Website-Besuchers entscheiden, welche Farbpalette gew\u00e4hlt wird. So haben viele Smartphones beispielsweise die Option, im Energiesparmodus den Dark Mode in einer App automatisch zu aktivieren.<\/p>\n\n\n\n

    Bei der dritten Einstellung gibst du an, welche deiner 3 Farbpaletten die dunkle ist.<\/p>\n\n\n\n

    Wenn du im Dark Mode ein anderes Logo im Header ben\u00f6tigst, kannst du dies bei den n\u00e4chsten beiden Optionen festlegen. Hier hast du die M\u00f6glichkeit, entweder ein Dark-Mode-Logo f\u00fcr alle Bildschirmgr\u00f6\u00dfen oder jeweils eins f\u00fcr Desktop und eins f\u00fcr Tablet- und Smartphone-Bildschirmgr\u00f6\u00dfen festzulegen.<\/p>\n\n\n\n

    So kannst du den Dark-Mode-Umschalter auf deiner Website integrieren \u2013 die beiden M\u00f6glichkeiten im \u00dcberblick<\/h3>\n\n\n\n

    Die Einstellungen unter Fixed Switch<\/em> erlauben es dir, einen Dark-Mode-Umschalter anzeigen zu lassen, der auch beim Scrollen dauerhaft auf dem Bildschirm zu sehen ist. <\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Neben dieser Anzeigeoption kannst du den Umschalter auch noch im Header anzeigen lassen, indem du das Element Dark Mode Toggle<\/em> im Header Builder (im Customizer unter Header<\/em>) an der gew\u00fcnschten Stelle platzierst. <\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Diese M\u00f6glichkeiten hast du bei der Gestaltung des Umschalters <\/h3>\n\n\n\n

    Die Darstellungsoptionen sind abgesehen von wenigen Ausnahmen bei beiden Varianten gleich. Zu den wenigen Unterschieden komme ich etwas sp\u00e4ter im Text.<\/p>\n\n\n\n

    Den Switch Type bestimmen<\/h4>\n\n\n\n

    Lege fest, ob der Dark-Mode-Umschalter nur aus einem Icon, Text oder einer Kombination aus beidem besteht.<\/p>\n\n\n\n

    Den Switch Style des Dark-Mode-Umschalters festlegen<\/h4>\n\n\n\n

    Falls du statt eines tats\u00e4chlichen Umschalters einen Button zum Wechsel in den Dark Mode m\u00f6chtest, kannst du das hier einstellen.<\/p>\n\n\n\n

    Die Icons f\u00fcr den hellen und dunklen Modus ausw\u00e4hlen<\/h4>\n\n\n\n

    Falls du einen Switch Type mit Icon gew\u00e4hlt hast, kannst du aus jeweils 3 verschiedenen Optionen die passenden Icons ausw\u00e4hlen.<\/p>\n\n\n\n

    Gr\u00f6\u00dfe des Icons bestimmen<\/h4>\n\n\n\n

    Du kannst jeweils f\u00fcr Desktop, Tablet und Smartphone eine separate Icon-Gr\u00f6\u00dfe einstellen.<\/p>\n\n\n\n

    Farbe des Umschalters<\/h4>\n\n\n\n

    Die linke Farbe ist f\u00fcr den hellen Modus gedacht und die rechte f\u00fcr die dunklen. <\/p>\n\n\n\n

    Einfach erkl\u00e4rt: Befindet man sich im hellen Modus ist die linke Farbe \u2013 als die Farbe f\u00fcr den hellen Modus \u2013 die Text-\/Iconfarbe des Umschalters und die rechte Farbe \u2013 also die Farbe f\u00fcr den dunklen Modus \u2013 die Hintergrundfarbe. <\/p>\n\n\n\n

    Wechselt man in den dunklen Modus, dann kehren sich die Farben um.<\/p>\n\n\n\n

    Die Textdarstellung des Umschalters anpassen<\/h4>\n\n\n\n

    Mit Hilfe dieser Option kannst du den Text \u2013 vorausgesetzt du benutzt einen Switch Type mit Text \u2013 des Umschalters nach deinen W\u00fcnschen gestalten.<\/p>\n\n\n\n

    Titel f\u00fcr den hellen und dunklen Modus aussuchen<\/h4>\n\n\n\n

    Die Titel erscheinen, wenn man \u00fcber den Umschalter mit dem Mauszeiger schwebt. <\/p>\n\n\n\n

    Falls du den Switch Type Icon <\/em>und Switch Style Button <\/em>gew\u00e4hlt hast, hast du die M\u00f6glichkeit, einen Tooltip zu aktivieren. Dort wird der Titel beim Schweben \u00fcber dem Umschalter ebenfalls angezeigt.<\/p>\n\n\n\n

    Diese Darstellungsoptionen hast du ausschlie\u00dflich beim Fixed Switch<\/h3>\n\n\n\n

    Switch Align<\/h4>\n\n\n\n

    Entscheide, ob der Umschalter auf der rechten oder linken Seite des Bildschirms angezeigt werden soll.<\/p>\n\n\n\n

    Side Offset und Bottom Offset<\/h3>\n\n\n\n

    Mit diesen Einstellungen bestimmst du den Abstand zum rechten bzw. linken und unteren Bildschirmrand.<\/p>\n\n\n\n

    Visibility<\/h4>\n\n\n\n

    Damit entscheidest du, auf welchen Bildschirmgr\u00f6\u00dfen der fixierte Umschalter angezeigt werden soll.<\/p>\n\n\n\n

    Diese Darstellungsoptionen hast du ausschlie\u00dflich beim Header-Element<\/h3>\n\n\n\n

    Marginwerte einstellen<\/h4>\n\n\n\n

    Lege fest, wie viel Abstand der Schalter nach oben, unten, rechts und links haben soll.<\/p>\n","protected":false},"excerpt":{"rendered":"

    In diesem Beginner-Guide erf\u00e4hrst du, wie du die Farbpaletten des Kadence Themes effektiv nutzt und wie du mit Hilfe der Farbpaletten und mit wenig Aufwand einen Dark Mode implementierst. Die Grundlagen zu den Kadence Farbpaletten Du kannst die Kadence-Farbpalette im Customizer unter Colors & Fonts > Farben finden. Das Kadence Theme erlaubt es dir, 3 […]<\/p>\n","protected":false},"author":1,"featured_media":7664,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_surecart_dashboard_logo_width":"180px","_surecart_dashboard_show_logo":true,"_surecart_dashboard_navigation_orders":true,"_surecart_dashboard_navigation_invoices":true,"_surecart_dashboard_navigation_subscriptions":true,"_surecart_dashboard_navigation_downloads":true,"_surecart_dashboard_navigation_billing":true,"_surecart_dashboard_navigation_account":true,"footnotes":""},"categories":[45],"tags":[],"class_list":["post-7408","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-lerne-kadence"],"acf":{"faq_item":null,"faq_item_source":{"label":"FAQ Item","type":"repeater","formatted_value":false},"affiliate_partner":null,"affiliate_partner_source":{"label":"Affiliate Partner","type":"post_object","formatted_value":false}},"yoast_head":"\nGlobale Farbpaletten und der Dark Mode: Die Farbeinstellungen des Kadence Themes erkl\u00e4rt\u00a0<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/my-digital-journey.com\/de\/globale-farbpaletten-und-dark-mode-farbeinstellungsmoeglichkeiten-des-kadence-themes-erklaert\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Globale Farbpaletten und der Dark Mode: Die Farbeinstellungen des Kadence Themes erkl\u00e4rt\u00a0\" \/>\n<meta property=\"og:description\" content=\"In diesem Beginner-Guide erf\u00e4hrst du, wie du die Farbpaletten des Kadence Themes effektiv nutzt und wie du mit Hilfe der Farbpaletten und mit wenig Aufwand einen Dark Mode implementierst. Die Grundlagen zu den Kadence Farbpaletten Du kannst die Kadence-Farbpalette im Customizer unter Colors & Fonts > Farben finden. Das Kadence Theme erlaubt es dir, 3 […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/my-digital-journey.com\/de\/globale-farbpaletten-und-dark-mode-farbeinstellungsmoeglichkeiten-des-kadence-themes-erklaert\/\" \/>\n<meta property=\"og:site_name\" content=\"My Digital Journey\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-27T16:12:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-02T19:20:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/my-digital-journey.com\/wp-content\/uploads\/2022\/07\/globale-farbpaletten-und-der-dark-mode-farbeinstellungsmoeglichkeiten-kadence-theme-erklaert.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"AsperdenMaVaBa91\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"AsperdenMaVaBa91\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"9\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/my-digital-journey.com\/de\/globale-farbpaletten-und-dark-mode-farbeinstellungsmoeglichkeiten-des-kadence-themes-erklaert\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/my-digital-journey.com\/de\/globale-farbpaletten-und-dark-mode-farbeinstellungsmoeglichkeiten-des-kadence-themes-erklaert\/\"},\"author\":{\"name\":\"AsperdenMaVaBa91\",\"@id\":\"https:\/\/my-digital-journey.com\/#\/schema\/person\/efb24911830fc687fa94bb8c87e80418\"},\"headline\":\"Globale Farbpaletten und der Dark Mode: Die Farbeinstellungen des Kadence Themes erkl\u00e4rt\u00a0\",\"datePublished\":\"2022-07-27T16:12:11+00:00\",\"dateModified\":\"2026-03-02T19:20:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/my-digital-journey.com\/de\/globale-farbpaletten-und-dark-mode-farbeinstellungsmoeglichkeiten-des-kadence-themes-erklaert\/\"},\"wordCount\":1521,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/my-digital-journey.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/my-digital-journey.com\/de\/globale-farbpaletten-und-dark-mode-farbeinstellungsmoeglichkeiten-des-kadence-themes-erklaert\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/my-digital-journey.com\/wp-content\/uploads\/2022\/07\/globale-farbpaletten-und-der-dark-mode-farbeinstellungsmoeglichkeiten-kadence-theme-erklaert.jpg\",\"articleSection\":[\"Lerne Kadence\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/my-digital-journey.com\/de\/globale-farbpaletten-und-dark-mode-farbeinstellungsmoeglichkeiten-des-kadence-themes-erklaert\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/my-digital-journey.com\/de\/globale-farbpaletten-und-dark-mode-farbeinstellungsmoeglichkeiten-des-kadence-themes-erklaert\/\",\"url\":\"https:\/\/my-digital-journey.com\/de\/globale-farbpaletten-und-dark-mode-farbeinstellungsmoeglichkeiten-des-kadence-themes-erklaert\/\",\"name\":\"Globale Farbpaletten und der Dark Mode: Die Farbeinstellungen des Kadence Themes erkl\u00e4rt\u00a0\",\"isPartOf\":{\"@id\":\"https:\/\/my-digital-journey.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/my-digital-journey.com\/de\/globale-farbpaletten-und-dark-mode-farbeinstellungsmoeglichkeiten-des-kadence-themes-erklaert\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/my-digital-journey.com\/de\/globale-farbpaletten-und-dark-mode-farbeinstellungsmoeglichkeiten-des-kadence-themes-erklaert\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/my-digital-journey.com\/wp-content\/uploads\/2022\/07\/globale-farbpaletten-und-der-dark-mode-farbeinstellungsmoeglichkeiten-kadence-theme-erklaert.jpg\",\"datePublished\":\"2022-07-27T16:12:11+00:00\",\"dateModified\":\"2026-03-02T19:20:48+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/my-digital-journey.com\/de\/globale-farbpaletten-und-dark-mode-farbeinstellungsmoeglichkeiten-des-kadence-themes-erklaert\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/my-digital-journey.com\/de\/globale-farbpaletten-und-dark-mode-farbeinstellungsmoeglichkeiten-des-kadence-themes-erklaert\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/my-digital-journey.com\/de\/globale-farbpaletten-und-dark-mode-farbeinstellungsmoeglichkeiten-des-kadence-themes-erklaert\/#primaryimage\",\"url\":\"https:\/\/my-digital-journey.com\/wp-content\/uploads\/2022\/07\/globale-farbpaletten-und-der-dark-mode-farbeinstellungsmoeglichkeiten-kadence-theme-erklaert.jpg\",\"contentUrl\":\"https:\/\/my-digital-journey.com\/wp-content\/uploads\/2022\/07\/globale-farbpaletten-und-der-dark-mode-farbeinstellungsmoeglichkeiten-kadence-theme-erklaert.jpg\",\"width\":1200,\"height\":800},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/my-digital-journey.com\/de\/globale-farbpaletten-und-dark-mode-farbeinstellungsmoeglichkeiten-des-kadence-themes-erklaert\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/my-digital-journey.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Globale Farbpaletten und der Dark Mode: Die Farbeinstellungen des Kadence Themes erkl\u00e4rt\u00a0\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/my-digital-journey.com\/#website\",\"url\":\"https:\/\/my-digital-journey.com\/\",\"name\":\"My Digital Journey\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/my-digital-journey.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/my-digital-journey.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/my-digital-journey.com\/#organization\",\"name\":\"My Digital Journey\",\"url\":\"https:\/\/my-digital-journey.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/my-digital-journey.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/my-digital-journey.com\/wp-content\/uploads\/2024\/05\/my-digital-journey-logo.svg\",\"contentUrl\":\"https:\/\/my-digital-journey.com\/wp-content\/uploads\/2024\/05\/my-digital-journey-logo.svg\",\"width\":1,\"height\":1,\"caption\":\"My Digital Journey\"},\"image\":{\"@id\":\"https:\/\/my-digital-journey.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/my-digital-journey.com\/#\/schema\/person\/efb24911830fc687fa94bb8c87e80418\",\"name\":\"AsperdenMaVaBa91\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/my-digital-journey.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e482501ad2608ffe702f9db8e7b7ea2d61ff793572ae07130ae4d0a3db787cb2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e482501ad2608ffe702f9db8e7b7ea2d61ff793572ae07130ae4d0a3db787cb2?s=96&d=mm&r=g\",\"caption\":\"AsperdenMaVaBa91\"},\"sameAs\":[\"https:\/\/my-digital-journey.com\"],\"url\":\"https:\/\/my-digital-journey.com\/de\/author\/asperdenmavaba91\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Globale Farbpaletten und der Dark Mode: Die Farbeinstellungen des Kadence Themes erkl\u00e4rt\u00a0","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/my-digital-journey.com\/de\/globale-farbpaletten-und-dark-mode-farbeinstellungsmoeglichkeiten-des-kadence-themes-erklaert\/","og_locale":"de_DE","og_type":"article","og_title":"Globale Farbpaletten und der Dark Mode: Die Farbeinstellungen des Kadence Themes erkl\u00e4rt\u00a0","og_description":"In diesem Beginner-Guide erf\u00e4hrst du, wie du die Farbpaletten des Kadence Themes effektiv nutzt und wie du mit Hilfe der Farbpaletten und mit wenig Aufwand einen Dark Mode implementierst. Die Grundlagen zu den Kadence Farbpaletten Du kannst die Kadence-Farbpalette im Customizer unter Colors & Fonts > Farben finden. Das Kadence Theme erlaubt es dir, 3 […]","og_url":"https:\/\/my-digital-journey.com\/de\/globale-farbpaletten-und-dark-mode-farbeinstellungsmoeglichkeiten-des-kadence-themes-erklaert\/","og_site_name":"My Digital Journey","article_published_time":"2022-07-27T16:12:11+00:00","article_modified_time":"2026-03-02T19:20:48+00:00","og_image":[{"width":1200,"height":800,"url":"https:\/\/my-digital-journey.com\/wp-content\/uploads\/2022\/07\/globale-farbpaletten-und-der-dark-mode-farbeinstellungsmoeglichkeiten-kadence-theme-erklaert.jpg","type":"image\/jpeg"}],"author":"AsperdenMaVaBa91","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"AsperdenMaVaBa91","Gesch\u00e4tzte Lesezeit":"9\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/my-digital-journey.com\/de\/globale-farbpaletten-und-dark-mode-farbeinstellungsmoeglichkeiten-des-kadence-themes-erklaert\/#article","isPartOf":{"@id":"https:\/\/my-digital-journey.com\/de\/globale-farbpaletten-und-dark-mode-farbeinstellungsmoeglichkeiten-des-kadence-themes-erklaert\/"},"author":{"name":"AsperdenMaVaBa91","@id":"https:\/\/my-digital-journey.com\/#\/schema\/person\/efb24911830fc687fa94bb8c87e80418"},"headline":"Globale Farbpaletten und der Dark Mode: Die Farbeinstellungen des Kadence Themes erkl\u00e4rt\u00a0","datePublished":"2022-07-27T16:12:11+00:00","dateModified":"2026-03-02T19:20:48+00:00","mainEntityOfPage":{"@id":"https:\/\/my-digital-journey.com\/de\/globale-farbpaletten-und-dark-mode-farbeinstellungsmoeglichkeiten-des-kadence-themes-erklaert\/"},"wordCount":1521,"commentCount":0,"publisher":{"@id":"https:\/\/my-digital-journey.com\/#organization"},"image":{"@id":"https:\/\/my-digital-journey.com\/de\/globale-farbpaletten-und-dark-mode-farbeinstellungsmoeglichkeiten-des-kadence-themes-erklaert\/#primaryimage"},"thumbnailUrl":"https:\/\/my-digital-journey.com\/wp-content\/uploads\/2022\/07\/globale-farbpaletten-und-der-dark-mode-farbeinstellungsmoeglichkeiten-kadence-theme-erklaert.jpg","articleSection":["Lerne Kadence"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/my-digital-journey.com\/de\/globale-farbpaletten-und-dark-mode-farbeinstellungsmoeglichkeiten-des-kadence-themes-erklaert\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/my-digital-journey.com\/de\/globale-farbpaletten-und-dark-mode-farbeinstellungsmoeglichkeiten-des-kadence-themes-erklaert\/","url":"https:\/\/my-digital-journey.com\/de\/globale-farbpaletten-und-dark-mode-farbeinstellungsmoeglichkeiten-des-kadence-themes-erklaert\/","name":"Globale Farbpaletten und der Dark Mode: Die Farbeinstellungen des Kadence Themes erkl\u00e4rt\u00a0","isPartOf":{"@id":"https:\/\/my-digital-journey.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/my-digital-journey.com\/de\/globale-farbpaletten-und-dark-mode-farbeinstellungsmoeglichkeiten-des-kadence-themes-erklaert\/#primaryimage"},"image":{"@id":"https:\/\/my-digital-journey.com\/de\/globale-farbpaletten-und-dark-mode-farbeinstellungsmoeglichkeiten-des-kadence-themes-erklaert\/#primaryimage"},"thumbnailUrl":"https:\/\/my-digital-journey.com\/wp-content\/uploads\/2022\/07\/globale-farbpaletten-und-der-dark-mode-farbeinstellungsmoeglichkeiten-kadence-theme-erklaert.jpg","datePublished":"2022-07-27T16:12:11+00:00","dateModified":"2026-03-02T19:20:48+00:00","breadcrumb":{"@id":"https:\/\/my-digital-journey.com\/de\/globale-farbpaletten-und-dark-mode-farbeinstellungsmoeglichkeiten-des-kadence-themes-erklaert\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/my-digital-journey.com\/de\/globale-farbpaletten-und-dark-mode-farbeinstellungsmoeglichkeiten-des-kadence-themes-erklaert\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/my-digital-journey.com\/de\/globale-farbpaletten-und-dark-mode-farbeinstellungsmoeglichkeiten-des-kadence-themes-erklaert\/#primaryimage","url":"https:\/\/my-digital-journey.com\/wp-content\/uploads\/2022\/07\/globale-farbpaletten-und-der-dark-mode-farbeinstellungsmoeglichkeiten-kadence-theme-erklaert.jpg","contentUrl":"https:\/\/my-digital-journey.com\/wp-content\/uploads\/2022\/07\/globale-farbpaletten-und-der-dark-mode-farbeinstellungsmoeglichkeiten-kadence-theme-erklaert.jpg","width":1200,"height":800},{"@type":"BreadcrumbList","@id":"https:\/\/my-digital-journey.com\/de\/globale-farbpaletten-und-dark-mode-farbeinstellungsmoeglichkeiten-des-kadence-themes-erklaert\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/my-digital-journey.com\/de\/"},{"@type":"ListItem","position":2,"name":"Globale Farbpaletten und der Dark Mode: Die Farbeinstellungen des Kadence Themes erkl\u00e4rt\u00a0"}]},{"@type":"WebSite","@id":"https:\/\/my-digital-journey.com\/#website","url":"https:\/\/my-digital-journey.com\/","name":"My Digital Journey","description":"","publisher":{"@id":"https:\/\/my-digital-journey.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/my-digital-journey.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/my-digital-journey.com\/#organization","name":"My Digital Journey","url":"https:\/\/my-digital-journey.com\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/my-digital-journey.com\/#\/schema\/logo\/image\/","url":"https:\/\/my-digital-journey.com\/wp-content\/uploads\/2024\/05\/my-digital-journey-logo.svg","contentUrl":"https:\/\/my-digital-journey.com\/wp-content\/uploads\/2024\/05\/my-digital-journey-logo.svg","width":1,"height":1,"caption":"My Digital Journey"},"image":{"@id":"https:\/\/my-digital-journey.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/my-digital-journey.com\/#\/schema\/person\/efb24911830fc687fa94bb8c87e80418","name":"AsperdenMaVaBa91","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/my-digital-journey.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e482501ad2608ffe702f9db8e7b7ea2d61ff793572ae07130ae4d0a3db787cb2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e482501ad2608ffe702f9db8e7b7ea2d61ff793572ae07130ae4d0a3db787cb2?s=96&d=mm&r=g","caption":"AsperdenMaVaBa91"},"sameAs":["https:\/\/my-digital-journey.com"],"url":"https:\/\/my-digital-journey.com\/de\/author\/asperdenmavaba91\/"}]}},"_links":{"self":[{"href":"https:\/\/my-digital-journey.com\/de\/wp-json\/wp\/v2\/posts\/7408","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/my-digital-journey.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/my-digital-journey.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/my-digital-journey.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/my-digital-journey.com\/de\/wp-json\/wp\/v2\/comments?post=7408"}],"version-history":[{"count":4,"href":"https:\/\/my-digital-journey.com\/de\/wp-json\/wp\/v2\/posts\/7408\/revisions"}],"predecessor-version":[{"id":16357,"href":"https:\/\/my-digital-journey.com\/de\/wp-json\/wp\/v2\/posts\/7408\/revisions\/16357"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/my-digital-journey.com\/de\/wp-json\/wp\/v2\/media\/7664"}],"wp:attachment":[{"href":"https:\/\/my-digital-journey.com\/de\/wp-json\/wp\/v2\/media?parent=7408"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/my-digital-journey.com\/de\/wp-json\/wp\/v2\/categories?post=7408"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/my-digital-journey.com\/de\/wp-json\/wp\/v2\/tags?post=7408"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}