{"id":1383,"date":"2023-11-07T14:25:30","date_gmt":"2023-11-07T14:25:30","guid":{"rendered":"https:\/\/kentatheme.com\/?post_type=docs&#038;p=1383"},"modified":"2023-11-07T14:25:30","modified_gmt":"2023-11-07T14:25:30","slug":"dark-mode-color","status":"publish","type":"docs","link":"https:\/\/kentatheme.com\/docs\/kenta-theme\/general-theme-options\/dark-mode-color\/","title":{"rendered":"Dark Mode Color"},"content":{"rendered":"\n<div class=\"wp-block-kenta-blocks-heading kb-heading kb-heading-h2 kb-heading-d1c433c4\"><h2 class=\"\">How to enable dark mode in Kenta theme<\/h2><\/div>\n\n\n\n<p>Kenta theme has a built-in dark mode. You can allow visitors to switch between color modes on the frontend by enabling the Theme Switch element in <strong>Customizer -> Header Builder<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-kenta-blocks-image kb-image kb-image-29f5e1fe\"><img decoding=\"async\" src=\"https:\/\/kentatheme.com\/wp-content\/uploads\/2023\/11\/enable-theme-switch.png\" alt=\"\"\/><\/figure>\n\n\n\n<div class=\"wp-block-kenta-blocks-heading kb-heading kb-heading-h2 kb-heading-30df118c\"><h2 class=\"\">Customize the dark mode<\/h2><\/div>\n\n\n\n<p>When you click on the <strong>Theme Switch<\/strong> element in the Header Builder area, the options on the left will navigate to the dark mode related content.<\/p>\n\n\n\n<figure class=\"wp-block-kenta-blocks-image kb-image kb-image-6a05be61\"><img decoding=\"async\" src=\"https:\/\/kentatheme.com\/wp-content\/uploads\/2023\/11\/dark-mode-options.png\" alt=\"\"\/><\/figure>\n\n\n\n<div class=\"wp-block-kenta-blocks-heading kb-heading kb-heading-h3 kb-heading-404c8184\"><h3 class=\"\">Dark Scheme options<\/h3><\/div>\n\n\n\n<p>Here you can fully customize the colors associated with the dark mode. The link below shows the default light mode color options, the dark mode options mean exactly the same as light, just for dark mode.<\/p>\n\n\n\n<p><a href=\"https:\/\/kentatheme.com\/docs\/kenta-theme\/general-theme-options\/colors\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/kentatheme.com\/docs\/kenta-theme\/general-theme-options\/colors\/<\/a><\/p>\n\n\n\n<div class=\"wp-block-kenta-blocks-heading kb-heading kb-heading-h3 kb-heading-8348512a\"><h3 class=\"\">Use dark scheme as default<\/h3><\/div>\n\n\n\n<p>As the name suggests, enable it if you want visitors to your site to display dark mode by default.<\/p>\n\n\n\n<div class=\"wp-block-kenta-blocks-heading kb-heading kb-heading-h3 kb-heading-f71f8599\"><h3 class=\"\">Save user color scheme<\/h3><\/div>\n\n\n\n<p>Save the user&#8217;s color scheme to the cookie and refresh the page without losing current color scheme.<\/p>\n\n\n\n<div class=\"wp-block-kenta-blocks-heading kb-heading kb-heading-h3 kb-heading-abe2ce17\"><h3 class=\"\">Logo for dark scheme<\/h3><\/div>\n\n\n\n<p>By default, the light and dark modes share the logo, if you want a separate logo for the dark mode, you can do it here.<\/p>\n","protected":false},"featured_media":0,"parent":270,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-1383","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/kentatheme.com\/wp-json\/wp\/v2\/docs\/1383","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kentatheme.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/kentatheme.com\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/kentatheme.com\/wp-json\/wp\/v2\/comments?post=1383"}],"version-history":[{"count":1,"href":"https:\/\/kentatheme.com\/wp-json\/wp\/v2\/docs\/1383\/revisions"}],"predecessor-version":[{"id":1386,"href":"https:\/\/kentatheme.com\/wp-json\/wp\/v2\/docs\/1383\/revisions\/1386"}],"up":[{"embeddable":true,"href":"https:\/\/kentatheme.com\/wp-json\/wp\/v2\/docs\/270"}],"next":[{"title":"Site Wrap & Site background","link":"https:\/\/kentatheme.com\/docs\/kenta-theme\/general-theme-options\/site-wrap-site-background\/","href":"https:\/\/kentatheme.com\/wp-json\/wp\/v2\/docs\/317"}],"wp:attachment":[{"href":"https:\/\/kentatheme.com\/wp-json\/wp\/v2\/media?parent=1383"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/kentatheme.com\/wp-json\/wp\/v2\/doc_tag?post=1383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}