{"id":17838,"date":"2026-09-03T09:01:07","date_gmt":"2026-09-03T09:01:07","guid":{"rendered":"https:\/\/www.hostinger.com\/support\/?p=17838"},"modified":"2026-09-03T09:04:18","modified_gmt":"2026-09-03T09:04:18","slug":"how-to-generate-a-dark-theme-with-hostinger-ai-website-builder-for-wordpress","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/how-to-generate-a-dark-theme-with-hostinger-ai-website-builder-for-wordpress\/","title":{"rendered":"How to generate a dark theme with Hostinger AI Website Builder for WordPress"},"content":{"rendered":"<p>Hostinger AI Website Builder for WordPress generates a dark theme for your site based on your site&rsquo;s mood, industry, and prompt description. This applies during the initial AI generation step, when you can guide the tone of your site before it&rsquo;s built, or afterward, when you select a palette manually.<\/p><h3>Before you start<\/h3><ul>\n<li>Set up your WordPress site with <a href=\"https:\/\/www.hostinger.com\/support\/how-to-use-hostinger-ai-website-builder-for-wordpress\/\">Hostinger AI Website Builder for WordPress<\/a> if you haven&rsquo;t created one yet, since dark theme generation happens as part of that setup flow.<\/li>\n<\/ul><h2 id=\"h-generate-a-dark-theme-during-ai-site-creation\">Generate a dark theme during AI site creation<\/h2><ol>\n<li>Describe your website idea in the prompt field on the initial setup screen, including mood-related details such as &ldquo;moody,&rdquo; &ldquo;dramatic,&rdquo; or &ldquo;dark aesthetic&rdquo; if you want a dark-themed result.<\/li>\n<li>Click <strong>Enhance with AI<\/strong> if you want the AI website assistant to expand your description before generating the site.<br>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-17840\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-03_15-53.png\" alt=\"\" width=\"1917\" height=\"870\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-03_15-53.png 1917w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-03_15-53-300x136.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-03_15-53-1024x465.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-03_15-53-768x349.png 768w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-03_15-53-1536x697.png 1536w\" sizes=\"(max-width: 1917px) 100vw, 1917px\" \/><\/li>\n<li>Confirm your editor, site language, and brand name in the AI website assistant chat. The AI website assistant suggests brand names that match your site&rsquo;s mood and industry.<br>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-17841\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-03_15-53_1.png\" alt=\"\" width=\"1898\" height=\"858\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-03_15-53_1.png 1898w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-03_15-53_1-300x136.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-03_15-53_1-1024x463.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-03_15-53_1-768x347.png 768w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-03_15-53_1-1536x694.png 1536w\" sizes=\"(max-width: 1898px) 100vw, 1898px\" \/><\/li>\n<li>Confirm the pages you want included on your site, or remove and add pages as needed, when the AI website assistant suggests them.<\/li>\n<li>Choose whether to add your contact details when the AI website assistant asks, or click <strong>Continue<\/strong> to skip them.<\/li>\n<li>Choose whether to add your social media links when the AI website assistant asks, or click <strong>Continue<\/strong> to skip them.<\/li>\n<li>Wait for the AI website assistant to generate your site, based on your brand name, industry, and mood description.<\/li>\n<\/ol><p>The <a href=\"https:\/\/www.hostinger.com\/support\/8238149-how-to-use-the-wordpress-ai-assistant-in-hostinger\/\">AI website assistant<\/a> selects light or dark mode automatically based on your prompt and industry, and all generated palettes meet WCAG (Web Content Accessibility Guidelines) contrast standards.<\/p><h2 id=\"h-choose-a-dark-color-palette-after-generation\">Choose a dark color palette after generation<\/h2><ol>\n<li>Open the customization panel that appears after your site finishes generating.<\/li>\n<li>Click <strong>Colors<\/strong> in the customization panel.<\/li>\n<li>Select a dark-toned palette from the available options, such as a palette with a black or charcoal background.<\/li>\n<li>Click <strong>Finish customization<\/strong> to apply the selected palette to your site.<\/li>\n<\/ol><p><img decoding=\"async\" class=\"alignnone size-full wp-image-17842\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-03_15-58.png\" alt=\"\" width=\"1907\" height=\"858\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-03_15-58.png 1907w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-03_15-58-300x135.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-03_15-58-1024x461.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-03_15-58-768x346.png 768w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/09\/2026-09-03_15-58-1536x691.png 1536w\" sizes=\"(max-width: 1907px) 100vw, 1907px\" \/><\/p><p>Hostinger AI Website Builder for WordPress automatically sets your text color to an accessible, contrasting shade whenever you select or adjust a background color, so text remains readable against dark backgrounds.<\/p><p>Your WordPress site now uses the dark theme you generated or selected, with accessible color contrast applied across all pages.<\/p><p><strong>NOTE<\/strong><\/p><ul>\n<li>Palette options and mood-based generation may vary depending on your site&rsquo;s industry and the description provided in the initial prompt.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Generate a dark-themed WordPress site with Hostinger AI Website Builder&#8217;s mood-based color palettes.<\/p>\n","protected":false},"author":594,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[179],"tags":[],"class_list":["post-17838","post","type-post","status-publish","format-standard","hentry","category-wordpress-management"],"hreflangs":[],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/17838","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/users\/594"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=17838"}],"version-history":[{"count":3,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/17838\/revisions"}],"predecessor-version":[{"id":17845,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/17838\/revisions\/17845"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=17838"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=17838"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=17838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}