{"id":8182,"date":"2023-06-07T13:51:34","date_gmt":"2023-06-07T13:51:34","guid":{"rendered":"https:\/\/docs.cmsmasters.net\/?p=8182"},"modified":"2023-06-08T07:03:41","modified_gmt":"2023-06-08T07:03:41","slug":"mode-switcher","status":"publish","type":"post","link":"https:\/\/docs.cmsmasters.net\/mode-switcher\/","title":{"rendered":"Mode Switcher"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8182\" class=\"elementor elementor-8182\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4f593d4e elementor-section-boxed elementor-section-height-default elementor-section-height-default cmsmasters-block-default\" data-id=\"4f593d4e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-52198ce7\" data-id=\"52198ce7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-9b6dcba elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default cmsmasters-block-default\" data-id=\"9b6dcba\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-54dc3bf7\" data-id=\"54dc3bf7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-41d6d4a9 elementor-widget__width-auto cmsmasters-line-clamp-no cmsmasters-color-variation-default cmsmasters-pointer-none cmsmasters-block-default cmsmasters-sticky-default elementor-widget elementor-widget-cmsmasters-post-title cmsmasters-widget-title\" data-id=\"41d6d4a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cmsmasters-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"entry-title cmsmasters-widget-title__heading \">Mode Switcher<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a6842b2 elementor-widget-divider--view-line cmsmasters-block-default cmsmasters-sticky-default elementor-widget elementor-widget-divider\" data-id=\"2a6842b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-8cea4d0 elementor-section-boxed elementor-section-height-default elementor-section-height-default cmsmasters-block-default\" data-id=\"8cea4d0\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<nav class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-d7fefdb\" data-id=\"d7fefdb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-35e8c2d elementor-widget__width-auto cmsmasters-block-default cmsmasters-sticky-default elementor-widget elementor-widget-image\" data-id=\"35e8c2d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/docs.cmsmasters.net\/wp-content\/uploads\/2023\/06\/Site-Settings-Mode-Switcher-1.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"Site Settings - Mode Switcher\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6ODE5OSwidXJsIjoiaHR0cHM6XC9cL2RvY3MuY21zbWFzdGVycy5uZXRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjNcLzA2XC9TaXRlLVNldHRpbmdzLU1vZGUtU3dpdGNoZXItMS5qcGcifQ%3D%3D\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"368\" height=\"684\" src=\"https:\/\/docs.cmsmasters.net\/wp-content\/uploads\/2023\/06\/Site-Settings-Mode-Switcher-1.jpg\" class=\"attachment-full size-full wp-image-8199\" alt=\"\" srcset=\"https:\/\/docs.cmsmasters.net\/wp-content\/uploads\/2023\/06\/Site-Settings-Mode-Switcher-1.jpg 368w, https:\/\/docs.cmsmasters.net\/wp-content\/uploads\/2023\/06\/Site-Settings-Mode-Switcher-1-161x300.jpg 161w, https:\/\/docs.cmsmasters.net\/wp-content\/uploads\/2023\/06\/Site-Settings-Mode-Switcher-1-30x56.jpg 30w, https:\/\/docs.cmsmasters.net\/wp-content\/uploads\/2023\/06\/Site-Settings-Mode-Switcher-1-5x10.jpg 5w\" sizes=\"(max-width: 368px) 100vw, 368px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Theme Settings<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/nav>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-c855125\" data-id=\"c855125\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a83cd6a cmsmasters-block-default cmsmasters-sticky-default elementor-widget elementor-widget-text-editor\" data-id=\"a83cd6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Mode Switcher<\/strong> provides an opportunity to set up a second color scheme for displaying your website in an alternative way. It is commonly used for the <strong>Dark Mode<\/strong> &#8211; a user interface design trend that has gained significant popularity in recent years. It refers to a color scheme that uses dark backgrounds with light-colored text and elements, creating a visually distinct and less bright interface compared to the traditional light mode.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-663a2ef elementor-section-boxed elementor-section-height-default elementor-section-height-default cmsmasters-block-default\" data-id=\"663a2ef\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8a85bb2\" data-id=\"8a85bb2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-1e32c1e elementor-section-boxed elementor-section-height-default elementor-section-height-default cmsmasters-block-default\" data-id=\"1e32c1e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-7eb799d\" data-id=\"7eb799d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cc28cb5 cmsmasters-block-default cmsmasters-sticky-default elementor-widget elementor-widget-heading\" data-id=\"cc28cb5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Why do people use Dark Mode<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-f9cea49 elementor-section-boxed elementor-section-height-default elementor-section-height-default cmsmasters-block-default\" data-id=\"f9cea49\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-1cb024f\" data-id=\"1cb024f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3299fa7 cmsmasters-block-default cmsmasters-sticky-default elementor-widget elementor-widget-text-editor\" data-id=\"3299fa7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Dark Mode has gained popularity due to its potential benefits in terms of user comfort, energy efficiency, and aesthetic appeal.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-662b0d2 elementor-widget__width-auto cmsmasters-block-default cmsmasters-sticky-default elementor-widget elementor-widget-image\" data-id=\"662b0d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/docs.cmsmasters.net\/wp-content\/uploads\/2023\/06\/modeswitcher.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"modeswitcher\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6ODE4NywidXJsIjoiaHR0cHM6XC9cL2RvY3MuY21zbWFzdGVycy5uZXRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjNcLzA2XC9tb2Rlc3dpdGNoZXIuanBnIn0%3D\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"410\" src=\"https:\/\/docs.cmsmasters.net\/wp-content\/uploads\/2023\/06\/modeswitcher.jpg\" class=\"attachment-full size-full wp-image-8187\" alt=\"\" srcset=\"https:\/\/docs.cmsmasters.net\/wp-content\/uploads\/2023\/06\/modeswitcher.jpg 800w, https:\/\/docs.cmsmasters.net\/wp-content\/uploads\/2023\/06\/modeswitcher-300x154.jpg 300w, https:\/\/docs.cmsmasters.net\/wp-content\/uploads\/2023\/06\/modeswitcher-768x394.jpg 768w, https:\/\/docs.cmsmasters.net\/wp-content\/uploads\/2023\/06\/modeswitcher-585x300.jpg 585w, https:\/\/docs.cmsmasters.net\/wp-content\/uploads\/2023\/06\/modeswitcher-600x308.jpg 600w, https:\/\/docs.cmsmasters.net\/wp-content\/uploads\/2023\/06\/modeswitcher-30x16.jpg 30w, https:\/\/docs.cmsmasters.net\/wp-content\/uploads\/2023\/06\/modeswitcher-20x10.jpg 20w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Light &amp; Dark Mode<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-fcb9e50 elementor-section-boxed elementor-section-height-default elementor-section-height-default cmsmasters-block-default\" data-id=\"fcb9e50\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-5296c19\" data-id=\"5296c19\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3259993 cmsmasters-block-default cmsmasters-sticky-default elementor-widget elementor-widget-text-editor\" data-id=\"3259993\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>First and foremost, it offers a more comfortable and visually pleasing experience, especially in low-light conditions. Many users find that Dark Mode reduces eye fatigue and improves readability, enhancing the overall user experience.\n\n<p>Another advantage of Dark Mode is its potential to conserve battery life, particularly on devices with OLED or AMOLED screens. By using predominantly dark colors in your website design, you can contribute to extended battery life on mobile devices, which is a valuable benefit for mobile users.\n\n<p>Furthermore, implementing Dark Mode can help differentiate your website from competitors and contribute to a more memorable and engaging user experience.\nHowever, it is essential to consider the nature of your content and strike a balance between aesthetics and usability to ensure an optimal user experience.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-19b01bb elementor-section-boxed elementor-section-height-default elementor-section-height-default cmsmasters-block-default\" data-id=\"19b01bb\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-176e72d\" data-id=\"176e72d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-06bd821 elementor-section-boxed elementor-section-height-default elementor-section-height-default cmsmasters-block-default\" data-id=\"06bd821\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-f98551d\" data-id=\"f98551d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-68541b2 cmsmasters-block-default cmsmasters-sticky-default elementor-widget elementor-widget-heading\" data-id=\"68541b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">How to set up the Mode Switcher<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-047353f elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default cmsmasters-block-default\" data-id=\"047353f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-f204708\" data-id=\"f204708\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8b7d14f elementor-widget__width-auto cmsmasters-block-default cmsmasters-sticky-default elementor-widget elementor-widget-image\" data-id=\"8b7d14f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/docs.cmsmasters.net\/wp-content\/uploads\/2023\/06\/Colors-to-change.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"Colors to change\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6ODE4OCwidXJsIjoiaHR0cHM6XC9cL2RvY3MuY21zbWFzdGVycy5uZXRcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjNcLzA2XC9Db2xvcnMtdG8tY2hhbmdlLmpwZyJ9\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"368\" height=\"570\" src=\"https:\/\/docs.cmsmasters.net\/wp-content\/uploads\/2023\/06\/Colors-to-change.jpg\" class=\"attachment-full size-full wp-image-8188\" alt=\"\" srcset=\"https:\/\/docs.cmsmasters.net\/wp-content\/uploads\/2023\/06\/Colors-to-change.jpg 368w, https:\/\/docs.cmsmasters.net\/wp-content\/uploads\/2023\/06\/Colors-to-change-194x300.jpg 194w, https:\/\/docs.cmsmasters.net\/wp-content\/uploads\/2023\/06\/Colors-to-change-30x46.jpg 30w, https:\/\/docs.cmsmasters.net\/wp-content\/uploads\/2023\/06\/Colors-to-change-6x10.jpg 6w\" sizes=\"(max-width: 368px) 100vw, 368px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Colors to change<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-97262fd\" data-id=\"97262fd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-745480d cmsmasters-block-default cmsmasters-sticky-default elementor-widget elementor-widget-text-editor\" data-id=\"745480d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Mode Switcher is a perfect tool to change your website mode between light and dark color schemes on visitor preference. <br \/>In the <strong>Theme Settings &#8211; Mode Switcher tab<\/strong> you can see the list of the colors duplicating the <a href=\"https:\/\/docs.cmsmasters.net\/how-to-add-edit-use-global-colors\/\">Global Colors<\/a>.<\/p><p>Alongside with the theme Global Colors you can set the colors that should be applied when the Dark Mode is enabled. If the color isn\u2019t selected in the Dark Mode it remains the same as in the Global Color tab.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-772c24e elementor-section-boxed elementor-section-height-default elementor-section-height-default cmsmasters-block-default\" data-id=\"772c24e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-05dcb47\" data-id=\"05dcb47\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4e0a660 elementor-alert-warning cmsmasters-block-default cmsmasters-sticky-default elementor-widget elementor-widget-alert\" data-id=\"4e0a660\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"alert.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-alert\" role=\"alert\">\n\n\t\t\t\t\t\t<span class=\"elementor-alert-title\">! Please note<\/span>\n\t\t\t\n\t\t\t\t\t\t<span class=\"elementor-alert-description\">Every time you\u2019ll add the new Global Color you\u2019ll need to update the settings in order to see the new color in the Mode Switcher tab. \n<\/span>\n\t\t\t\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-9eb59bb elementor-section-boxed elementor-section-height-default elementor-section-height-default cmsmasters-block-default\" data-id=\"9eb59bb\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-4089bd3\" data-id=\"4089bd3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-61e54a2 cmsmasters-block-default cmsmasters-sticky-default elementor-widget elementor-widget-text-editor\" data-id=\"61e54a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>After the Dark Mode colors are set there is a need to add the switcher to your website that will allow the visitors to choose the mode on their preference.<\/p><p>You can add the switcher to any part of your site with the help of the <a href=\"https:\/\/docs.cmsmasters.net\/mode-switcher-widget\/\">Mode Switcher widget<\/a> that provides the ability to customize its appearance with custom icons, colors, backgrounds, and more. It also saves the user\u2019s choice for the next page refresh.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Theme Settings Mode Switcher provides an opportunity to set up a second color scheme for displaying your website in an alternative way. It is commonly used for the Dark Mode &#8211; a user interface design trend that has gained significant popularity in recent years. It refers to a color scheme that uses dark backgrounds with&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[135],"tags":[],"class_list":["post-8182","post","type-post","status-publish","format-standard","hentry","category-site-settings"],"_links":{"self":[{"href":"https:\/\/docs.cmsmasters.net\/wp-json\/wp\/v2\/posts\/8182","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.cmsmasters.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.cmsmasters.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.cmsmasters.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.cmsmasters.net\/wp-json\/wp\/v2\/comments?post=8182"}],"version-history":[{"count":29,"href":"https:\/\/docs.cmsmasters.net\/wp-json\/wp\/v2\/posts\/8182\/revisions"}],"predecessor-version":[{"id":8218,"href":"https:\/\/docs.cmsmasters.net\/wp-json\/wp\/v2\/posts\/8182\/revisions\/8218"}],"wp:attachment":[{"href":"https:\/\/docs.cmsmasters.net\/wp-json\/wp\/v2\/media?parent=8182"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.cmsmasters.net\/wp-json\/wp\/v2\/categories?post=8182"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.cmsmasters.net\/wp-json\/wp\/v2\/tags?post=8182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}