{"id":78,"date":"2020-02-13T10:18:06","date_gmt":"2020-02-13T10:18:06","guid":{"rendered":"https:\/\/webnus.net\/kata\/documentation\/?p=78"},"modified":"2024-11-16T10:44:34","modified_gmt":"2024-11-16T10:44:34","slug":"dark-mode","status":"publish","type":"post","link":"https:\/\/webnus.net\/kata\/documentation\/dark-mode\/","title":{"rendered":"Dark mode"},"content":{"rendered":"\n<p>Kata provides three UI theme modes\u2014Light Mode, Dark Mode, and Auto-Detect\u2014designed to work seamlessly with Elementor. These options allow you to personalize your admin interface, optimizing it for your preferences.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How to Navigate to and Adjust Your UI Theme:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Open your Elementor interface.<\/li>\n\n\n\n<li>In the top left corner, locate the Elementor header logo.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata_darkmode_feature_1.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"2880\" height=\"811\" src=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata_darkmode_feature_1.png\" alt=\"Dark mode\" class=\"wp-image-3697\" srcset=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata_darkmode_feature_1.png 2880w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata_darkmode_feature_1-300x84.png 300w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata_darkmode_feature_1-1024x288.png 1024w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata_darkmode_feature_1-768x216.png 768w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata_darkmode_feature_1-1536x433.png 1536w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata_darkmode_feature_1-2048x577.png 2048w\" sizes=\"(max-width: 2880px) 100vw, 2880px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to the <strong>User Preferences<\/strong> section.<\/li>\n\n\n\n<li>In the Preferences menu, adjust the <strong>Display mode<\/strong> option to your desired mode (Light, Dark, or Auto-Detect).<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata_darkmode_feature_2.png\"><img decoding=\"async\" width=\"2880\" height=\"1018\" src=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata_darkmode_feature_2.png\" alt=\"Dark mode\" class=\"wp-image-3698\" srcset=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata_darkmode_feature_2.png 2880w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata_darkmode_feature_2-300x106.png 300w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata_darkmode_feature_2-1024x362.png 1024w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata_darkmode_feature_2-768x271.png 768w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata_darkmode_feature_2-1536x543.png 1536w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata_darkmode_feature_2-2048x724.png 2048w\" sizes=\"(max-width: 2880px) 100vw, 2880px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Available Modes:<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata_darkmode_feature_3.png\"><img decoding=\"async\" width=\"2880\" height=\"1164\" src=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata_darkmode_feature_3.png\" alt=\"Dark mode\" class=\"wp-image-3699\" srcset=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata_darkmode_feature_3.png 2880w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata_darkmode_feature_3-300x121.png 300w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata_darkmode_feature_3-1024x414.png 1024w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata_darkmode_feature_3-768x310.png 768w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata_darkmode_feature_3-1536x621.png 1536w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata_darkmode_feature_3-2048x828.png 2048w\" sizes=\"(max-width: 2880px) 100vw, 2880px\" \/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Light Mode<\/strong>: A bright, clean interface ideal for well-lit environments or users who prefer a lighter background.<\/li>\n\n\n\n<li><strong>Dark Mode<\/strong>: A darker, more subdued theme designed for users who prefer a darker interface, often easier on the eyes during prolonged use or low-light conditions.<\/li>\n\n\n\n<li><strong>Auto-Detect Mode<\/strong>: This mode automatically switches between Light and Dark mode based on your operating system\u2019s theme settings.<\/li>\n<\/ol>\n\n\n\n<p>With these settings, you can easily customize your Elementor experience to match your visual preference and improve your workflow.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata_darkmode_feature_4.png\"><img loading=\"lazy\" decoding=\"async\" width=\"2880\" height=\"2466\" src=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata_darkmode_feature_4.png\" alt=\"Dark mode\" class=\"wp-image-3700\" srcset=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata_darkmode_feature_4.png 2880w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata_darkmode_feature_4-300x257.png 300w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata_darkmode_feature_4-1024x877.png 1024w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata_darkmode_feature_4-768x658.png 768w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata_darkmode_feature_4-1536x1315.png 1536w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata_darkmode_feature_4-2048x1754.png 2048w\" sizes=\"(max-width: 2880px) 100vw, 2880px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>With Kata\u2019s flexibility in theme customization, users can create an environment that suits their visual preferences, ensuring an enjoyable and productive experience when using Elementor.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kata provides three UI theme modes\u2014Light Mode, Dark Mode, and Auto-Detect\u2014designed to work seamlessly with Elementor. These options allow you to personalize your admin interface, optimizing it for your preferences. How to Navigate to and Adjust Your UI Theme: Available Modes: With these settings, you can easily customize your Elementor experience to match your visual [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":870,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[29],"tags":[],"class_list":["post-78","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-introduction"],"_links":{"self":[{"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/posts\/78","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/comments?post=78"}],"version-history":[{"count":3,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/posts\/78\/revisions"}],"predecessor-version":[{"id":3702,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/posts\/78\/revisions\/3702"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/media\/870"}],"wp:attachment":[{"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/media?parent=78"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/categories?post=78"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/tags?post=78"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}