CINXE.COM

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="profile" href="https://gmpg.org/xfn/11"> <link rel="preload" href="https://scriptstown.com/wp-content/themes/galaxis-scriptstown/fonts/proxima_nova_regular.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="https://scriptstown.com/wp-content/themes/galaxis-scriptstown/fonts/proxima_nova_regular_italic.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="https://scriptstown.com/wp-content/themes/galaxis-scriptstown/fonts/proxima_nova_semibold.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>  <title>Dark Mode Toggle Pro - WordPress plugin | ScriptsTown</title> <meta name="description" content="Dark mode toggle switch plugin for WordPress website and admin panel. Saves user preference, auto matches OS theme. Fast and easy to use." /> <link rel="canonical" href="https://scriptstown.com/wordpress-plugins/dark-mode-toggle-pro/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Dark Mode Toggle Pro - WordPress plugin | ScriptsTown" /> <meta property="og:description" content="Dark mode toggle switch plugin for WordPress website and admin panel. Saves user preference, auto matches OS theme. Fast and easy to use." /> <meta property="og:url" content="https://scriptstown.com/wordpress-plugins/dark-mode-toggle-pro/" /> <meta property="og:site_name" content="ScriptsTown" /> <meta property="article:publisher" content="https://www.facebook.com/ScriptsTowncom/" /> <meta property="article:modified_time" content="2024-11-09T23:31:14+00:00" /> <meta property="og:image" content="https://scriptstown.com/wp-content/uploads/2022/02/Dark-Mode-Toggle-Pro-WordPress-Plugin.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="600" /> <meta property="og:image:type" content="image/png" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@scriptstown" /> <meta name="twitter:label1" content="Est. reading time" /> <meta name="twitter:data1" content="1 minute" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://scriptstown.com/wordpress-plugins/dark-mode-toggle-pro/","url":"https://scriptstown.com/wordpress-plugins/dark-mode-toggle-pro/","name":"Dark Mode Toggle Pro - WordPress plugin | ScriptsTown","isPartOf":{"@id":"https://scriptstown.com/#website"},"primaryImageOfPage":{"@id":"https://scriptstown.com/wordpress-plugins/dark-mode-toggle-pro/#primaryimage"},"image":{"@id":"https://scriptstown.com/wordpress-plugins/dark-mode-toggle-pro/#primaryimage"},"thumbnailUrl":"https://scriptstown.com/wp-content/uploads/2022/02/Dark-Mode-Toggle-Pro-WordPress-Plugin.png","datePublished":"2022-02-22T05:19:38+00:00","dateModified":"2024-11-09T23:31:14+00:00","description":"Dark mode toggle switch plugin for WordPress website and admin panel. Saves user preference, auto matches OS theme. Fast and easy to use.","breadcrumb":{"@id":"https://scriptstown.com/wordpress-plugins/dark-mode-toggle-pro/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://scriptstown.com/wordpress-plugins/dark-mode-toggle-pro/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://scriptstown.com/wordpress-plugins/dark-mode-toggle-pro/#primaryimage","url":"https://scriptstown.com/wp-content/uploads/2022/02/Dark-Mode-Toggle-Pro-WordPress-Plugin.png","contentUrl":"https://scriptstown.com/wp-content/uploads/2022/02/Dark-Mode-Toggle-Pro-WordPress-Plugin.png","width":1200,"height":600,"caption":"Dark Mode Toggle Pro - WordPress Plugin"},{"@type":"BreadcrumbList","@id":"https://scriptstown.com/wordpress-plugins/dark-mode-toggle-pro/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://scriptstown.com/"},{"@type":"ListItem","position":2,"name":"WordPress Plugins","item":"https://scriptstown.com/wordpress-plugins/"},{"@type":"ListItem","position":3,"name":"Dark Mode Toggle Pro"}]},{"@type":"WebSite","@id":"https://scriptstown.com/#website","url":"https://scriptstown.com/","name":"ScriptsTown","description":"Tutorials, Themes & Plugins","publisher":{"@id":"https://scriptstown.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://scriptstown.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://scriptstown.com/#organization","name":"ScriptsTown","url":"https://scriptstown.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://scriptstown.com/#/schema/logo/image/","url":"https://scriptstown.com/wp-content/uploads/2023/11/ScriptsTown.png","contentUrl":"https://scriptstown.com/wp-content/uploads/2023/11/ScriptsTown.png","width":512,"height":512,"caption":"ScriptsTown"},"image":{"@id":"https://scriptstown.com/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/ScriptsTowncom/","https://x.com/scriptstown","https://www.youtube.com/@scriptstown","https://www.instagram.com/scriptstowncom/","https://www.pinterest.com/scriptstown/"]}]}</script>  <link rel="alternate" type="application/rss+xml" title="ScriptsTown » Feed" href="https://scriptstown.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="ScriptsTown » Comments Feed" href="https://scriptstown.com/comments/feed/" /> <style id='wp-block-library-inline-css'> :root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color)}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip:auto!important;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} </style> <link rel='stylesheet' id='gx-style-css' href='https://scriptstown.com/wp-content/themes/galaxis-scriptstown/style.min.css?ver=2.121' media='all' /> <link rel='stylesheet' id='gx-product-css' href='https://scriptstown.com/wp-content/themes/galaxis-scriptstown/css/product.min.css?ver=2.121' media='all' /> <link rel="https://api.w.org/" href="https://scriptstown.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://scriptstown.com/wp-json/wp/v2/st-plugin/3155" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://scriptstown.com/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.7.1" /> <link rel='shortlink' href='https://scriptstown.com/?p=3155' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://scriptstown.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fscriptstown.com%2Fwordpress-plugins%2Fdark-mode-toggle-pro%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://scriptstown.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fscriptstown.com%2Fwordpress-plugins%2Fdark-mode-toggle-pro%2F&format=xml" /> <link rel="icon" href="https://scriptstown.com/wp-content/uploads/2023/11/cropped-ScriptsTown-32x32.png" sizes="32x32" /> <link rel="icon" href="https://scriptstown.com/wp-content/uploads/2023/11/cropped-ScriptsTown-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://scriptstown.com/wp-content/uploads/2023/11/cropped-ScriptsTown-180x180.png" /> <meta name="msapplication-TileImage" content="https://scriptstown.com/wp-content/uploads/2023/11/cropped-ScriptsTown-270x270.png" /> <style>.gx-bg-14{background-image:radial-gradient(circle at 6% 16%,rgba(0,0,0,.01) 0,rgba(0,0,0,.01) 2%,transparent 0,transparent 100%),radial-gradient(circle at 1% 81%,rgba(0,0,0,.01) 0,rgba(0,0,0,.01) 2%,transparent 0,transparent 100%),radial-gradient(circle at 30% 88%,rgba(0,0,0,.01) 0,rgba(0,0,0,.01) 2%,transparent 0,transparent 100%),radial-gradient(circle at 96% 73%,rgba(0,0,0,.02) 0,rgba(0,0,0,.02) 8%,transparent 0,transparent 100%),radial-gradient(circle at 3%0,rgba(0,0,0,.01) 0,rgba(0,0,0,.01) 8%,transparent 0,transparent 100%),radial-gradient(circle at 89% 94%,rgba(0,0,0,.03) 0,rgba(0,0,0,.03) 8%,transparent 0,transparent 100%),radial-gradient(circle at 49% 30%,rgba(0,0,0,.02) 0,rgba(0,0,0,.02) 8%,transparent 0,transparent 100%),radial-gradient(circle at 77% 56%,rgba(0,0,0,.01) 0,rgba(0,0,0,.01) 8%,transparent 0,transparent 100%),radial-gradient(circle at 94% 5%,rgba(0,0,0,.03) 0,rgba(0,0,0,.03) 5%,transparent 0,transparent 100%),radial-gradient(circle at 80% 2%,rgba(0,0,0,.01) 0,rgba(0,0,0,.01) 5%,transparent 0,transparent 100%),radial-gradient(circle at 25% 13%,rgba(0,0,0,.03) 0,rgba(0,0,0,.03) 5%,transparent 0,transparent 100%),radial-gradient(circle at 31% 18%,rgba(0,0,0,.02) 0,rgba(0,0,0,.02) 5%,transparent 0,transparent 100%),linear-gradient(45deg,#234ec6,#de5ff1);}</style> </head> <body class="st-plugin-template-default single single-st-plugin postid-3155 wp-custom-logo wp-embed-responsive"> <div id="page" class="site"> <a class="skip-link screen-reader-text" href="#content">Skip to content</a> <header id="header" class="site-header"> <div class="promo-topbar"> <div class="promo-topbar__wrap wrapper"> <span class="pt-blink pt-white">Best Offer!</span><span class="screen-reader-text"> </span><span class="pt-white">34% Off!</span> PressBook <span class="pt-bold">Premium</span> <a href="https://scriptstown.com/wordpress-themes/pressbook-premium/" class="pt-underline">Theme</a> - <del aria-label="Regular price: $59">$59</del> <ins class="pt-white pt-round">$39</ins> <a href="https://scriptstown.com/account/signup/pressbook-premium-wordpress-theme" class="pt-btn pt-blink-i">Buy Now!</a> </div> </div> <div class="site-topbar"> <div class="site-topbar__wrap wrapper"> <div class="site-topbar-text site-topbar__left"> <strong>Email:</strong> contact[at]scriptstown.com </div> <div class="topbar-button-wrap"> <a href="https://scriptstown.com/account/signup/wordpress-themes-bundle" class="topbar-button button button--outline-primary">Get All Themes Bundle</a> </div> <nav class="slnav" aria-label="Social Links"> <div class="menu-social-links-menu-container"><ul id="social-menu" class="menu"><li id="menu-item-36" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-36"><a target="_blank" href="https://www.facebook.com/ScriptsTowncom/"><span class="screen-reader-text">Facebook</span><svg class="svg-icon" width="24" height="24" aria-hidden="true" role="img" focusable="false" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z"></path></svg></a></li> <li id="menu-item-142" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-142"><a target="_blank" href="https://x.com/scriptstown"><span class="screen-reader-text">X</span><svg class="svg-icon" width="24" height="24" aria-hidden="true" role="img" focusable="false" viewBox="0 -27 512 566" xmlns="http://www.w3.org/2000/svg"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg></a></li> <li id="menu-item-35" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-35"><a target="_blank" href="https://www.instagram.com/scriptstowncom/"><span class="screen-reader-text">Instagram</span><svg class="svg-icon" width="24" height="24" aria-hidden="true" role="img" focusable="false" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M12,4.622c2.403,0,2.688,0.009,3.637,0.052c0.877,0.04,1.354,0.187,1.671,0.31c0.42,0.163,0.72,0.358,1.035,0.673 c0.315,0.315,0.51,0.615,0.673,1.035c0.123,0.317,0.27,0.794,0.31,1.671c0.043,0.949,0.052,1.234,0.052,3.637 s-0.009,2.688-0.052,3.637c-0.04,0.877-0.187,1.354-0.31,1.671c-0.163,0.42-0.358,0.72-0.673,1.035 c-0.315,0.315-0.615,0.51-1.035,0.673c-0.317,0.123-0.794,0.27-1.671,0.31c-0.949,0.043-1.233,0.052-3.637,0.052 s-2.688-0.009-3.637-0.052c-0.877-0.04-1.354-0.187-1.671-0.31c-0.42-0.163-0.72-0.358-1.035-0.673 c-0.315-0.315-0.51-0.615-0.673-1.035c-0.123-0.317-0.27-0.794-0.31-1.671C4.631,14.688,4.622,14.403,4.622,12 s0.009-2.688,0.052-3.637c0.04-0.877,0.187-1.354,0.31-1.671c0.163-0.42,0.358-0.72,0.673-1.035 c0.315-0.315,0.615-0.51,1.035-0.673c0.317-0.123,0.794-0.27,1.671-0.31C9.312,4.631,9.597,4.622,12,4.622 M12,3 C9.556,3,9.249,3.01,8.289,3.054C7.331,3.098,6.677,3.25,6.105,3.472C5.513,3.702,5.011,4.01,4.511,4.511 c-0.5,0.5-0.808,1.002-1.038,1.594C3.25,6.677,3.098,7.331,3.054,8.289C3.01,9.249,3,9.556,3,12c0,2.444,0.01,2.751,0.054,3.711 c0.044,0.958,0.196,1.612,0.418,2.185c0.23,0.592,0.538,1.094,1.038,1.594c0.5,0.5,1.002,0.808,1.594,1.038 c0.572,0.222,1.227,0.375,2.185,0.418C9.249,20.99,9.556,21,12,21s2.751-0.01,3.711-0.054c0.958-0.044,1.612-0.196,2.185-0.418 c0.592-0.23,1.094-0.538,1.594-1.038c0.5-0.5,0.808-1.002,1.038-1.594c0.222-0.572,0.375-1.227,0.418-2.185 C20.99,14.751,21,14.444,21,12s-0.01-2.751-0.054-3.711c-0.044-0.958-0.196-1.612-0.418-2.185c-0.23-0.592-0.538-1.094-1.038-1.594 c-0.5-0.5-1.002-0.808-1.594-1.038c-0.572-0.222-1.227-0.375-2.185-0.418C14.751,3.01,14.444,3,12,3L12,3z M12,7.378 c-2.552,0-4.622,2.069-4.622,4.622S9.448,16.622,12,16.622s4.622-2.069,4.622-4.622S14.552,7.378,12,7.378z M12,15 c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3S13.657,15,12,15z M16.804,6.116c-0.596,0-1.08,0.484-1.08,1.08 s0.484,1.08,1.08,1.08c0.596,0,1.08-0.484,1.08-1.08S17.401,6.116,16.804,6.116z"></path></svg></a></li> <li id="menu-item-78" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-78"><a target="_blank" href="https://www.youtube.com/@scriptstown"><span class="screen-reader-text">Youtube</span><svg class="svg-icon" width="24" height="24" aria-hidden="true" role="img" focusable="false" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z"></path></svg></a></li> <li id="menu-item-1136" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1136"><a target="_blank" href="https://www.pinterest.com/scriptstown/"><span class="screen-reader-text">Pinterest</span><svg class="svg-icon" width="24" height="24" aria-hidden="true" role="img" focusable="false" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M12.289,2C6.617,2,3.606,5.648,3.606,9.622c0,1.846,1.025,4.146,2.666,4.878c0.25,0.111,0.381,0.063,0.439-0.169 c0.044-0.175,0.267-1.029,0.365-1.428c0.032-0.128,0.017-0.237-0.091-0.362C6.445,11.911,6.01,10.75,6.01,9.668 c0-2.777,2.194-5.464,5.933-5.464c3.23,0,5.49,2.108,5.49,5.122c0,3.407-1.794,5.768-4.13,5.768c-1.291,0-2.257-1.021-1.948-2.277 c0.372-1.495,1.089-3.112,1.089-4.191c0-0.967-0.542-1.775-1.663-1.775c-1.319,0-2.379,1.309-2.379,3.059 c0,1.115,0.394,1.869,0.394,1.869s-1.302,5.279-1.54,6.261c-0.405,1.666,0.053,4.368,0.094,4.604 c0.021,0.126,0.167,0.169,0.25,0.063c0.129-0.165,1.699-2.419,2.142-4.051c0.158-0.59,0.817-2.995,0.817-2.995 c0.43,0.784,1.681,1.446,3.013,1.446c3.963,0,6.822-3.494,6.822-7.833C20.394,5.112,16.849,2,12.289,2"></path></svg></a></li> <li id="menu-item-91" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-91"><a target="_blank" href="https://profiles.wordpress.org/scriptstown/"><span class="screen-reader-text">WordPress</span><svg class="svg-icon" width="24" height="24" aria-hidden="true" role="img" focusable="false" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M12.158,12.786L9.46,20.625c0.806,0.237,1.657,0.366,2.54,0.366c1.047,0,2.051-0.181,2.986-0.51 c-0.024-0.038-0.046-0.079-0.065-0.124L12.158,12.786z M3.009,12c0,3.559,2.068,6.634,5.067,8.092L3.788,8.341 C3.289,9.459,3.009,10.696,3.009,12z M18.069,11.546c0-1.112-0.399-1.881-0.741-2.48c-0.456-0.741-0.883-1.368-0.883-2.109 c0-0.826,0.627-1.596,1.51-1.596c0.04,0,0.078,0.005,0.116,0.007C16.472,3.904,14.34,3.009,12,3.009 c-3.141,0-5.904,1.612-7.512,4.052c0.211,0.007,0.41,0.011,0.579,0.011c0.94,0,2.396-0.114,2.396-0.114 C7.947,6.93,8.004,7.642,7.52,7.699c0,0-0.487,0.057-1.029,0.085l3.274,9.739l1.968-5.901l-1.401-3.838 C9.848,7.756,9.389,7.699,9.389,7.699C8.904,7.67,8.961,6.93,9.446,6.958c0,0,1.484,0.114,2.368,0.114 c0.94,0,2.397-0.114,2.397-0.114c0.485-0.028,0.542,0.684,0.057,0.741c0,0-0.488,0.057-1.029,0.085l3.249,9.665l0.897-2.996 C17.841,13.284,18.069,12.316,18.069,11.546z M19.889,7.686c0.039,0.286,0.06,0.593,0.06,0.924c0,0.912-0.171,1.938-0.684,3.22 l-2.746,7.94c2.673-1.558,4.47-4.454,4.47-7.771C20.991,10.436,20.591,8.967,19.889,7.686z M12,22C6.486,22,2,17.514,2,12 C2,6.486,6.486,2,12,2c5.514,0,10,4.486,10,10C22,17.514,17.514,22,12,22z"></path></svg></a></li> </ul></div> </nav> </div> </div> <div class="site-menu-content"> <div class="site-menu-content__wrap wrapper"> <div class="site-branding"> <a href="https://scriptstown.com/" class="custom-logo-link" rel="home"><img width="512" height="512" src="https://scriptstown.com/wp-content/uploads/2023/11/ScriptsTown.png" class="custom-logo" alt="ScriptsTown" decoding="async" fetchpriority="high" srcset="https://scriptstown.com/wp-content/uploads/2023/11/ScriptsTown.png 512w, https://scriptstown.com/wp-content/uploads/2023/11/ScriptsTown-300x300.png 300w, https://scriptstown.com/wp-content/uploads/2023/11/ScriptsTown-150x150.png 150w" sizes="(max-width: 512px) 100vw, 512px" /></a> <div class="site-branding__title-wrap"> <p class="site-title"><a class="site-link" href="https://scriptstown.com" rel="home">ScriptsTown</a></p> <p class="site-description">Tutorials, Themes & Plugins</p> </div> </div> <nav id="site-navigation" class="mnav"> <button type="button" class="menu-button menu-toggle" aria-controls="primary-menu" aria-expanded="false"> <span class="screen-reader-text">Primary Menu</span> <span class="mnav__icon"> <span class="mnav__icon__middle"></span> </span> </button> <div class="primary-menu-container"><ul id="primary-menu" class="menu"><li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-602" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-602 nav-item"><a title="Home" href="https://scriptstown.com/">Home</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-459" class="menu-item menu-item-type-post_type_archive menu-item-object-st-service menu-item-459 nav-item"><a title="Services" href="https://scriptstown.com/services/">Services</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-421" class="menu-item menu-item-type-post_type_archive menu-item-object-st-plugin current-menu-ancestor current-menu-parent menu-item-has-children menu-item-421 nav-item"><a title="Plugins" href="https://scriptstown.com/wordpress-plugins/" aria-expanded="false" id="menu-item-dropdown-421">Plugins</a><button type="button" class="menu-button menu-arrow-button"><span class="screen-reader-text menu-arrow-button-show">Expand Plugins submenu</span><span aria-hidden="true" class="screen-reader-text menu-arrow-button-hide">Collapse Plugins submenu</span><i class="sub-menu-arrow" aria-hidden="true"><svg class="svg-icon" width="20" height="20" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg></i></button> <ul class="sub-menu"> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-3169" class="menu-item menu-item-type-post_type menu-item-object-st-plugin current-menu-item menu-item-3169 nav-item"><a title="Dark Mode Toggle Pro" href="https://scriptstown.com/wordpress-plugins/dark-mode-toggle-pro/">Dark Mode Toggle Pro</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-1694" class="menu-item menu-item-type-post_type menu-item-object-st-plugin menu-item-1694 nav-item"><a title="Login Security Pro" href="https://scriptstown.com/wordpress-plugins/login-security-pro/">Login Security Pro</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-1696" class="menu-item menu-item-type-post_type menu-item-object-st-plugin menu-item-1696 nav-item"><a title="Contact Form Query" href="https://scriptstown.com/wordpress-plugins/contact-form-query/">Contact Form Query</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-1698" class="menu-item menu-item-type-post_type_archive menu-item-object-st-plugin menu-item-1698 nav-item"><a title="→ Browse All Plugins" href="https://scriptstown.com/wordpress-plugins/">→ Browse All Plugins</a></li> </ul> </li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-406" class="menu-item menu-item-type-post_type_archive menu-item-object-st-theme menu-item-has-children menu-item-406 nav-item"><a title="Themes" href="https://scriptstown.com/wordpress-themes/" aria-expanded="false" id="menu-item-dropdown-406">Themes</a><button type="button" class="menu-button menu-arrow-button"><span class="screen-reader-text menu-arrow-button-show">Expand Themes submenu</span><span aria-hidden="true" class="screen-reader-text menu-arrow-button-hide">Collapse Themes submenu</span><i class="sub-menu-arrow" aria-hidden="true"><svg class="svg-icon" width="20" height="20" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg></i></button> <ul class="sub-menu"> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-1690" class="menu-item menu-item-type-post_type menu-item-object-st-theme menu-item-1690 nav-item"><a title="PressBook Premium" href="https://scriptstown.com/wordpress-themes/pressbook-premium/">PressBook Premium</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-1691" class="menu-item menu-item-type-post_type menu-item-object-st-theme menu-item-1691 nav-item"><a title="Oceanly Premium" href="https://scriptstown.com/wordpress-themes/oceanly-premium/">Oceanly Premium</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-1692" class="menu-item menu-item-type-post_type menu-item-object-st-theme menu-item-1692 nav-item"><a title="Galaxis Premium" href="https://scriptstown.com/wordpress-themes/galaxis-premium-wordpress-theme/">Galaxis Premium</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-1693" class="menu-item menu-item-type-post_type_archive menu-item-object-st-theme menu-item-1693 nav-item"><a title="→ Browse All Themes" href="https://scriptstown.com/wordpress-themes/">→ Browse All Themes</a></li> </ul> </li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-19" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-19 nav-item"><a title="Blog" href="https://scriptstown.com/blog/">Blog</a></li> <li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-601" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-601 nav-item"><a title="Contact Us" href="https://scriptstown.com/contact-us/">Contact Us</a></li> </ul></div> <div class="site-cart-account"> <ul class="site-account-links"> <li> <a href="https://scriptstown.com/account/login" class="site-account-link">Login</a> | <a href="https://scriptstown.com/account/signup" class="site-account-link">Signup</a> </li> </ul> <div class="site-cart"> <a href="https://scriptstown.com/account/cart" class="site-account-link" title="Shopping cart"> <svg class="svg-icon" width="32" height="32" aria-hidden="true" role="img" focusable="false" baseProfile="tiny" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path d="M20.756,5.345C20.565,5.126,20.29,5,20,5H6.181L5.986,3.836C5.906,3.354,5.489,3,5,3H2.75c-0.553,0-1,0.447-1,1 s0.447,1,1,1h1.403l1.86,11.164c0.008,0.045,0.031,0.082,0.045,0.124c0.016,0.053,0.029,0.103,0.054,0.151 c0.032,0.066,0.075,0.122,0.12,0.179c0.031,0.039,0.059,0.078,0.095,0.112c0.058,0.054,0.125,0.092,0.193,0.13 c0.038,0.021,0.071,0.049,0.112,0.065C6.748,16.972,6.87,17,6.999,17C7,17,18,17,18,17c0.553,0,1-0.447,1-1s-0.447-1-1-1H7.847 l-0.166-1H19c0.498,0,0.92-0.366,0.99-0.858l1-7C21.031,5.854,20.945,5.563,20.756,5.345z M18.847,7l-0.285,2H15V7H18.847z M14,7 v2h-3V7H14z M14,10v2h-3v-2H14z M10,7v2H7C6.947,9,6.899,9.015,6.852,9.03L6.514,7H10z M7.014,10H10v2H7.347L7.014,10z M15,12v-2 h3.418l-0.285,2H15z"/><circle cx="8.5" cy="19.5" r="1.5"/><circle cx="17.5" cy="19.5" r="1.5"/></g></svg> </a> </div> </div> </nav> </div> </div> </header> <div id="content" class="site-content"> <div id="primary" class="content-area gx-single gx-single--dark-header gx-single--overlay gx--custom-header gx-single-theme u-t-padding"> <main id="main" class="site-main"> <div class="gx-single__wrap-image gx-bg-xs-h-250 gx-bg-sm-h-350 gx-bg-md-h-350 gx-bg-14"> </div> <div class="gx-single--wrap wrapper"> <article id="post-3155" class="gx-card u-b-margin post-3155 st-plugin type-st-plugin status-publish has-post-thumbnail hentry"> <header class="gx-single-header gx-single-header-plugins"> <h1 class="gx-h-title gx-single-title">Dark Mode Toggle Pro</h1> <nav class="breadcrumb-trail breadcrumbs" aria-label="Breadcrumbs" itemprop="breadcrumb"><ul class="trail-items" itemscope itemtype="http://schema.org/BreadcrumbList"><meta name="numberOfItems" content="3" /><meta name="itemListOrder" content="Ascending" /><li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="trail-item"><a href="https://scriptstown.com/" rel="home" itemprop="item"><span itemprop="name">Home</span></a><meta itemprop="position" content="1" /></li><li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="trail-item"><a href="https://scriptstown.com/wordpress-plugins/" itemprop="item"><span itemprop="name">WordPress Plugins</span></a><meta itemprop="position" content="2" /></li><li class="trail-item trail-end"><span>Dark Mode Toggle Pro</span></li></ul></nav> <div class="gx-product-main-section gx-card-content"> <div class="columns columns--gutters columns--gutters-small"> <div class="columns__md-4 columns__md-4--larger gx-product-main-txt"> <p class="gx-single-description">Dark Mode Toggle Pro is a WordPress premium plugin to bring dark or night mode toggle switcher on your WordPress website and admin. It is compatible with any WordPress theme and allows users to seamlessly change the color scheme to dark for easy readability. The plugin saves the user's choice on the next page refresh and can auto-match OS theme. Also, you can easily switch between the light and dark mode on the WordPress admin panel as well as the front-end.</p> <nav class="navigation post-navigation" aria-label="Posts"> <h2 class="screen-reader-text">Post navigation</h2> <div class="nav-links"><div class="nav-previous"><a href="https://scriptstown.com/wordpress-plugins/login-security-pro/" rel="prev"><span class="meta-nav-arrow" aria-hidden="true">❮</span> <span class="screen-reader-text">Previous:</span> <br/><span class="screen-reader-text">Login Security Pro</span></a></div><div class="nav-next"><a href="https://scriptstown.com/wordpress-plugins/dark-mode-toggle/" rel="next"><span class="meta-nav-arrow" aria-hidden="true">❯</span> <span class="screen-reader-text">Next:</span> <br/><span class="screen-reader-text">Dark Mode Toggle</span></a></div></div> </nav> </div> <div class="columns__md-8 columns__md-8--smaller"> <table id="attributes" class="gx-product-attributes"><tbody> <tr><th>Plugin Version</th><td>1.6.5</td></tr> <tr><th>WordPress Version</th><td>5.3 or higher | up to 6.7.1 (latest)</td></tr> <tr><th>PHP Version</th><td>7.x, 8.x</td></tr> <tr><th>Translation Ready</th><td>Yes</td></tr> <tr><th>Plugin Type</th><td>WordPress Dark Mode Switch, Night Mode, Dark Theme, Dark / Light Mode, Sticky Toggle Button</td></tr> <tr><th>Compatible Browsers</th><td>All Modern Browsers: Edge, Firefox, Chrome, Brave, Opera, Safari</td></tr> </tbody></table> </div> </div> </div> <p class="gx-product-top-links"> <a target="_blank" href="https://scriptstown.com/dark-mode-toggle-switch-plugin-to-add-light-or-night-mode-in-wordpress/" class="gx-product-button-top-3">Documentation</a> <a href="https://scriptstown.com/account/signup/dark-mode-toggle-pro" class="gx-product-button-top-1">Buy Plugin</a> <a href="#description" class="gx-product-button-top-2">Learn More</a> </p> </header> <div class="columns columns--gutters columns--gutters-small"> <div class="columns__md-8 columns__md-8--larger"> <div id="gx-single__slider" class="gx-slider gx-slider--image" data-autoplay="0"> <div class="gx-slide"> <div class="gx-slide-image-content"> <figure> <img width="1200" height="600" src="https://scriptstown.com/wp-content/uploads/2022/02/Dark-Mode-Toggle-Pro-WordPress-Plugin.png" class=" wp-post-image" alt="Dark Mode Toggle Pro - WordPress Plugin" srcset="https://scriptstown.com/wp-content/uploads/2022/02/Dark-Mode-Toggle-Pro-WordPress-Plugin.png 1200w, https://scriptstown.com/wp-content/uploads/2022/02/Dark-Mode-Toggle-Pro-WordPress-Plugin-300x150.png 300w" sizes="100vw" decoding="async" /> <figcaption class="gx-slide__caption">Dark Mode Toggle Pro – WordPress Plugin</figcaption> </figure> </div> </div> <div class="gx-slide"> <div class="gx-slide-image-content"> <figure> <img width="1600" height="1270" src="https://scriptstown.com/wp-content/uploads/2022/02/Front-Settings-Dark-Mode-Toggle-Pro.png" class="lazy" alt="Front Settings - Dark Mode Toggle Pro" srcset="data:image/gif;base64,R0lGODlhAgABAIAAAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh/hBQSFBHSUZSRVNJWkVSMS4wACH5BAEAAAEALAAAAAACAAEAgP///wAAAAICTAoAOw==" data-srcset="https://scriptstown.com/wp-content/uploads/2022/02/Front-Settings-Dark-Mode-Toggle-Pro.png 1600w, https://scriptstown.com/wp-content/uploads/2022/02/Front-Settings-Dark-Mode-Toggle-Pro-300x238.png 300w" decoding="async" /> <figcaption class="gx-slide__caption">Front Settings - Dark Mode Toggle Pro</figcaption> </figure> </div> </div> <div class="gx-slide"> <div class="gx-slide-image-content"> <figure> <img width="1600" height="1215" src="https://scriptstown.com/wp-content/uploads/2022/02/Admin-Settings-Dark-Mode-Toggle-Pro.png" class="lazy" alt="Admin Settings - Dark Mode Toggle Pro" srcset="data:image/gif;base64,R0lGODlhAgABAIAAAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh/hBQSFBHSUZSRVNJWkVSMS4wACH5BAEAAAEALAAAAAACAAEAgP///wAAAAICTAoAOw==" data-srcset="https://scriptstown.com/wp-content/uploads/2022/02/Admin-Settings-Dark-Mode-Toggle-Pro.png 1600w, https://scriptstown.com/wp-content/uploads/2022/02/Admin-Settings-Dark-Mode-Toggle-Pro-300x228.png 300w" decoding="async" /> <figcaption class="gx-slide__caption">Admin Settings - Dark Mode Toggle Pro</figcaption> </figure> </div> </div> <div class="gx-slide"> <div class="gx-slide-image-content"> <figure> <img width="1600" height="900" src="https://scriptstown.com/wp-content/uploads/2022/02/Advanced-Settings-Dark-Mode-Toggle-Pro.png" class="lazy" alt="Advanced Settings - Dark Mode Toggle Pro" srcset="data:image/gif;base64,R0lGODlhAgABAIAAAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh/hBQSFBHSUZSRVNJWkVSMS4wACH5BAEAAAEALAAAAAACAAEAgP///wAAAAICTAoAOw==" data-srcset="https://scriptstown.com/wp-content/uploads/2022/02/Advanced-Settings-Dark-Mode-Toggle-Pro.png 1600w, https://scriptstown.com/wp-content/uploads/2022/02/Advanced-Settings-Dark-Mode-Toggle-Pro-300x169.png 300w" decoding="async" /> <figcaption class="gx-slide__caption">Advanced Settings - Dark Mode Toggle Pro</figcaption> </figure> </div> </div> <div class="gx-slide"> <div class="gx-slide-image-content"> <figure> <img width="1600" height="748" src="https://scriptstown.com/wp-content/uploads/2022/02/Dark-Mode-in-Post-Editor-WordPress-Admin.png" class="lazy" alt="Dark Mode in Post Editor - WordPress Admin" srcset="data:image/gif;base64,R0lGODlhAgABAIAAAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh/hBQSFBHSUZSRVNJWkVSMS4wACH5BAEAAAEALAAAAAACAAEAgP///wAAAAICTAoAOw==" data-srcset="https://scriptstown.com/wp-content/uploads/2022/02/Dark-Mode-in-Post-Editor-WordPress-Admin.png 1600w, https://scriptstown.com/wp-content/uploads/2022/02/Dark-Mode-in-Post-Editor-WordPress-Admin-300x140.png 300w" decoding="async" /> <figcaption class="gx-slide__caption">Dark Mode in Post Editor - WordPress Admin</figcaption> </figure> </div> </div> <div class="gx-slide"> <div class="gx-slide-image-content"> <figure> <img width="1200" height="629" src="https://scriptstown.com/wp-content/uploads/2022/02/Dark-Mode-Switch-in-WordPress-Website.png" class="lazy" alt="Dark Mode Switch in WordPress Website" srcset="data:image/gif;base64,R0lGODlhAgABAIAAAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh/hBQSFBHSUZSRVNJWkVSMS4wACH5BAEAAAEALAAAAAACAAEAgP///wAAAAICTAoAOw==" data-srcset="https://scriptstown.com/wp-content/uploads/2022/02/Dark-Mode-Switch-in-WordPress-Website.png 1200w, https://scriptstown.com/wp-content/uploads/2022/02/Dark-Mode-Switch-in-WordPress-Website-300x157.png 300w" decoding="async" /> <figcaption class="gx-slide__caption">Dark Mode Switch in WordPress Website</figcaption> </figure> </div> </div> <div class="gx-slide"> <div class="gx-slide-image-content"> <figure> <img width="1200" height="629" src="https://scriptstown.com/wp-content/uploads/2022/02/Dark-Mode-Toggle-Switch-in-WordPress.png" class="lazy" alt="Dark Mode Toggle Switch in WordPress" srcset="data:image/gif;base64,R0lGODlhAgABAIAAAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh/hBQSFBHSUZSRVNJWkVSMS4wACH5BAEAAAEALAAAAAACAAEAgP///wAAAAICTAoAOw==" data-srcset="https://scriptstown.com/wp-content/uploads/2022/02/Dark-Mode-Toggle-Switch-in-WordPress.png 1200w, https://scriptstown.com/wp-content/uploads/2022/02/Dark-Mode-Toggle-Switch-in-WordPress-300x157.png 300w" decoding="async" /> <figcaption class="gx-slide__caption">Dark Mode Toggle Switch in WordPress</figcaption> </figure> </div> </div> <div class="gx-slider__arrows"> <button type="button" class="menu-button gx-slider__arrow-button gx-slider__arrow-button--prev" aria-label="Go to previous slide"> <span class="gx-slider__arrow gx-slider__arrow--prev">❮</span> </button> <button type="button" class="menu-button gx-slider__arrow-button gx-slider__arrow-button--next" aria-label="Go to next slide"> <span class="gx-slider__arrow gx-slider__arrow--next">❯</span> </button> </div> <div class="gx-slider__dots"> <button type="button" class="menu-button gx-slider__dot-button" aria-label="Go to slide 1"><span class="gx-slider__dot"></span></button> <button type="button" class="menu-button gx-slider__dot-button" aria-label="Go to slide 2"><span class="gx-slider__dot"></span></button> <button type="button" class="menu-button gx-slider__dot-button" aria-label="Go to slide 3"><span class="gx-slider__dot"></span></button> <button type="button" class="menu-button gx-slider__dot-button" aria-label="Go to slide 4"><span class="gx-slider__dot"></span></button> <button type="button" class="menu-button gx-slider__dot-button" aria-label="Go to slide 5"><span class="gx-slider__dot"></span></button> <button type="button" class="menu-button gx-slider__dot-button" aria-label="Go to slide 6"><span class="gx-slider__dot"></span></button> <button type="button" class="menu-button gx-slider__dot-button" aria-label="Go to slide 7"><span class="gx-slider__dot"></span></button> </div> </div> <div id="links" class="gx-below-product-links"> <a target="_blank" href="https://scriptstown.com/wordpress-plugins/dark-mode-toggle/" class="button button--orange">Free Version</a> <a target="_blank" href="https://scriptstown.com/dark-mode-toggle-switch-plugin-to-add-light-or-night-mode-in-wordpress/" class="button">Getting Started</a> <a href="#pricing" class="button button--green">Plugin Pricing</a> <a href="https://scriptstown.com/account/signup/dark-mode-toggle-pro" class="button button--secondary">Buy Pro</a> </div> </div> <div class="columns__md-4 columns__md-4--smaller"> <div class="gx-product-licence gx-card-content gx-card-content--same-md"> <ul class="gx-product-licence__list"> <li> <span class="gx-product-licence__name">Plugin License:</span> <a href="#license" class="gx-product-licence__link">GNU GPL 2 or later</a> </li> <li> <span class="gx-product-licence__name">Single Website Licence:</span> <span class="gx-product-licence__price">$29</span> <a href="https://scriptstown.com/account/signup/dark-mode-toggle-pro" class="gx-product-licence__link">Purchase<span class="screen-reader-text"> “Dark Mode Toggle Pro” (Single Website Licence)</span></a> </li> <li> <span class="gx-product-licence__name">Five Website Licence:</span> <span class="gx-product-licence__price">$49</span> <a href="https://scriptstown.com/account/signup/dark-mode-toggle-pro" class="gx-product-licence__link">Purchase<span class="screen-reader-text"> “Dark Mode Toggle Pro” (Five Website Licence)</span></a> </li> <li> <span class="gx-product-licence__name">Multiple Website Licence:</span> <span class="gx-product-licence__price">$79</span> <a href="https://scriptstown.com/account/signup/dark-mode-toggle-pro" class="gx-product-licence__link">Purchase<span class="screen-reader-text"> “Dark Mode Toggle Pro” (Multiple Website Licence)</span></a> </li> </ul> </div> <div class="gx-product-links-wrap"> <div class="gx-product-links"> <a target="_blank" href="https://scriptstown.com/dark-mode-toggle-switch-plugin-to-add-light-or-night-mode-in-wordpress/" class="button button--outline-orange">Documentation</a> <a href="#pricing" class="button button--outline-orange">Plugin Pricing</a> <a href="https://scriptstown.com/account/signup/dark-mode-toggle-pro" class="button gx-product-link-buy">Buy Now</a> </div> </div> <div class="gx-screenshots-wrap"> <button type="button" id="gx-screenshots" class="gx-screenshots"><svg class="svg-icon" width="15" height="15" aria-hidden="true" role="img" focusable="false" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1596 380q28 28 48 76t20 88v1152q0 40-28 68t-68 28h-1344q-40 0-68-28t-28-68v-1600q0-40 28-68t68-28h896q40 0 88 20t76 48zm-444-244v376h376q-10-29-22-41l-313-313q-12-12-41-22zm384 1528v-1024h-416q-40 0-68-28t-28-68v-416h-768v1536h1280zm-128-448v320h-1024v-192l192-192 128 128 384-384zm-832-192q-80 0-136-56t-56-136 56-136 136-56 136 56 56 136-56 136-136 56z"/></svg> Screenshots</button> </div> </div> </div> <div class="columns columns--gutters columns--gutters-small"> <div class="columns__md-8 columns__md-8--larger"> <div id="description" class="entry-content gx-product-description gx-card-content"> <p><strong>Dark Mode Toggle Pro</strong> is a WordPress plugin that adds a dark / night mode toggle button on a WordPress site as well as on the admin area. The plugin comes with a separate set of settings to enable and configure the dark mode switch on the front and admin. It can save the user’s selection on the next page refresh and can auto-match OS themes.</p> <p>The plugin comes with automatic configuration as well as many options to customize the toggle button very easily. Also, it is very lightweight, fast, and easy to use.</p> <h3 class="wp-block-heading has-text-align-center" id="Customized-Toggle-Buttons">Upload Customized Toggle Buttons</h3> <p>In the pro version, you can <strong>upload</strong> custom toggle buttons for both dark mode and light mode.</p> <figure class="wp-block-image size-full"><img decoding="async" width="1600" height="900" src="https://scriptstown.com/wp-content/uploads/2022/02/Advanced-Settings-Dark-Mode-Toggle-Pro.png" alt="Advanced Settings - Dark Mode Toggle Pro" class="wp-image-4945" srcset="https://scriptstown.com/wp-content/uploads/2022/02/Advanced-Settings-Dark-Mode-Toggle-Pro.png 1600w, https://scriptstown.com/wp-content/uploads/2022/02/Advanced-Settings-Dark-Mode-Toggle-Pro-300x169.png 300w" sizes="(max-width: 1600px) 100vw, 1600px" /><figcaption class="wp-element-caption">Advanced Settings – Dark Mode Toggle Pro</figcaption></figure> <h3 class="wp-block-heading has-text-align-center" id="faq">Frequently Asked Questions</h3> <h4 class="wp-block-heading" id="dark-mode-options">Where to find the Dark Mode Options and Settings?</h4> <p>You can find all the options and settings of the plugin in <strong>“Appearance”</strong> > <strong>“Dark Mode Pro”</strong>.</p> </div> <div id="pricing" class="gx-product-pricing"> <h3 class="gx-product-sub-title gx-product-pricing__title gx-card-content gx-card-content--same-md">Dark Mode Toggle Pro Pricing</h3> <div class="gx-product-price-boxes"> <div class="gx-product-price-box gx-product-price-box--green gx-card-content"> <div class="gx-product-ribbon gx-product-ribbon--green"><span>Free</span></div> <div class="gx-product-price-box__title gx-product-price-box__title--green">Free Version</div> <div class="gx-product-price-box__price"> <span class="gx-product-price-box__currency">$</span> <span class="gx-product-price-box__amount amount-font-lg"> 0 </span> </div> <ul class="gx-product-price__features"> <li> <span class="gx-svg-check"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M1 14 L5 10 L13 18 L27 4 L31 8 L13 26 z"/></svg></span> <span>Dark Mode Toggle Button</span> </li> <li> <span class="gx-svg-check"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M1 14 L5 10 L13 18 L27 4 L31 8 L13 26 z"/></svg></span> <span>Toggle Button Position Settings</span> </li> <li> <span class="gx-svg-check"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M1 14 L5 10 L13 18 L27 4 L31 8 L13 26 z"/></svg></span> <span>Switch to Light or Dark Mode</span> </li> <li> <span class="gx-svg-check"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M1 14 L5 10 L13 18 L27 4 L31 8 L13 26 z"/></svg></span> <span>Dark Mode Basic Options</span> </li> <li> <span class="gx-svg-check"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M1 14 L5 10 L13 18 L27 4 L31 8 L13 26 z"/></svg></span> <span>Save User's Choice</span> </li> <li> <span class="gx-svg-uncheck"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><polygon points="445.2,109.2 402.8,66.8 256,213.6 109.2,66.8 66.8,109.2 213.6,256 66.8,402.8 109.2,445.2 256,298.4 402.8,445.2 445.2,402.8 298.4,256 "/></svg></span> <span>Dark Mode on Post Editor</span> </li> <li> <span class="gx-svg-uncheck"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><polygon points="445.2,109.2 402.8,66.8 256,213.6 109.2,66.8 66.8,109.2 213.6,256 66.8,402.8 109.2,445.2 256,298.4 402.8,445.2 445.2,402.8 298.4,256 "/></svg></span> <span>Custom Button Emoji Label</span> </li> <li> <span class="gx-svg-uncheck"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><polygon points="445.2,109.2 402.8,66.8 256,213.6 109.2,66.8 66.8,109.2 213.6,256 66.8,402.8 109.2,445.2 256,298.4 402.8,445.2 445.2,402.8 298.4,256 "/></svg></span> <span>Upload Custom Button Image</span> </li> <li> <span class="gx-svg-uncheck"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><polygon points="445.2,109.2 402.8,66.8 256,213.6 109.2,66.8 66.8,109.2 213.6,256 66.8,402.8 109.2,445.2 256,298.4 402.8,445.2 445.2,402.8 298.4,256 "/></svg></span> <span>Different Label on Dark Mode</span> </li> <li> <span class="gx-svg-uncheck"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><polygon points="445.2,109.2 402.8,66.8 256,213.6 109.2,66.8 66.8,109.2 213.6,256 66.8,402.8 109.2,445.2 256,298.4 402.8,445.2 445.2,402.8 298.4,256 "/></svg></span> <span>Toggle Button Font Size</span> </li> <li> <span class="gx-svg-uncheck"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><polygon points="445.2,109.2 402.8,66.8 256,213.6 109.2,66.8 66.8,109.2 213.6,256 66.8,402.8 109.2,445.2 256,298.4 402.8,445.2 445.2,402.8 298.4,256 "/></svg></span> <span>Custom Toggle Button Colors</span> </li> <li> <span class="gx-svg-uncheck"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><polygon points="445.2,109.2 402.8,66.8 256,213.6 109.2,66.8 66.8,109.2 213.6,256 66.8,402.8 109.2,445.2 256,298.4 402.8,445.2 445.2,402.8 298.4,256 "/></svg></span> <span>Toggle with any Custom Button</span> </li> <li> <span class="gx-svg-uncheck"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><polygon points="445.2,109.2 402.8,66.8 256,213.6 109.2,66.8 66.8,109.2 213.6,256 66.8,402.8 109.2,445.2 256,298.4 402.8,445.2 445.2,402.8 298.4,256 "/></svg></span> <span>Dark Mode to WordPress Admin</span> </li> <li> <span class="gx-svg-uncheck"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><polygon points="445.2,109.2 402.8,66.8 256,213.6 109.2,66.8 66.8,109.2 213.6,256 66.8,402.8 109.2,445.2 256,298.4 402.8,445.2 445.2,402.8 298.4,256 "/></svg></span> <span>Toggle Button Admin Settings</span> </li> <li> <span class="gx-svg-uncheck"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><polygon points="445.2,109.2 402.8,66.8 256,213.6 109.2,66.8 66.8,109.2 213.6,256 66.8,402.8 109.2,445.2 256,298.4 402.8,445.2 445.2,402.8 298.4,256 "/></svg></span> <span>Toggle Post Editor Dark Theme</span> </li> <li> <span class="gx-svg-uncheck"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><polygon points="445.2,109.2 402.8,66.8 256,213.6 109.2,66.8 66.8,109.2 213.6,256 66.8,402.8 109.2,445.2 256,298.4 402.8,445.2 445.2,402.8 298.4,256 "/></svg></span> <span>Auto Match OS theme</span> </li> </ul> <div class="gx-product-price-box__link-box"> <a target="_blank" href="https://downloads.wordpress.org/plugin/dark-mode-toggle.latest-stable.zip" class="gx-product-price-box__link button button--green">Download<span class="screen-reader-text"> “Dark Mode Toggle”</span></a> </div> </div> <div class="gx-product-price-box gx-product-price-box--secondary gx-card-content"> <div class="gx-product-ribbon gx-product-ribbon--secondary"><span>Premium</span></div> <div class="gx-product-price-box__title gx-product-price-box__title--secondary">Pro Version</div> <div class="gx-product-price-box__price"> <span class="gx-product-price-box__del"> <span class="gx-product-price-box__currency">$</span> <span class="gx-product-price-box__regular"><del class="u-strike" aria-label="Regular price: $39">39</del></span> </span> <span class="gx-product-price-box__ins"> <span class="gx-product-price-box__currency">$</span> <span class="gx-product-price-box__amount"> <ins>29</ins> </span> </span> <span class="gx-product-price-box__keypoint">One-time Payment</span> </div> <ul class="gx-product-price__features"> <li> <span class="gx-svg-check"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M1 14 L5 10 L13 18 L27 4 L31 8 L13 26 z"/></svg></span> <span>Dark Mode Toggle Button</span> </li> <li> <span class="gx-svg-check"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M1 14 L5 10 L13 18 L27 4 L31 8 L13 26 z"/></svg></span> <span>Toggle Button Position Settings</span> </li> <li> <span class="gx-svg-check"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M1 14 L5 10 L13 18 L27 4 L31 8 L13 26 z"/></svg></span> <span>Switch to Light or Dark Mode</span> </li> <li> <span class="gx-svg-check"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M1 14 L5 10 L13 18 L27 4 L31 8 L13 26 z"/></svg></span> <span>Dark Mode Basic Options</span> </li> <li> <span class="gx-svg-check"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M1 14 L5 10 L13 18 L27 4 L31 8 L13 26 z"/></svg></span> <span>Save User's Choice</span> </li> <li> <span class="gx-svg-check"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M1 14 L5 10 L13 18 L27 4 L31 8 L13 26 z"/></svg></span> <span>Dark Mode on Post Editor</span> </li> <li> <span class="gx-svg-check"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M1 14 L5 10 L13 18 L27 4 L31 8 L13 26 z"/></svg></span> <span>Custom Button Emoji Label</span> </li> <li> <span class="gx-svg-check"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M1 14 L5 10 L13 18 L27 4 L31 8 L13 26 z"/></svg></span> <span>Upload Custom Button Image</span> </li> <li> <span class="gx-svg-check"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M1 14 L5 10 L13 18 L27 4 L31 8 L13 26 z"/></svg></span> <span>Different Label on Dark Mode</span> </li> <li> <span class="gx-svg-check"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M1 14 L5 10 L13 18 L27 4 L31 8 L13 26 z"/></svg></span> <span>Toggle Button Font Size</span> </li> <li> <span class="gx-svg-check"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M1 14 L5 10 L13 18 L27 4 L31 8 L13 26 z"/></svg></span> <span>Custom Toggle Button Colors</span> </li> <li> <span class="gx-svg-check"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M1 14 L5 10 L13 18 L27 4 L31 8 L13 26 z"/></svg></span> <span>Toggle with any Custom Button</span> </li> <li> <span class="gx-svg-check"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M1 14 L5 10 L13 18 L27 4 L31 8 L13 26 z"/></svg></span> <span>Dark Mode to WordPress Admin</span> </li> <li> <span class="gx-svg-check"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M1 14 L5 10 L13 18 L27 4 L31 8 L13 26 z"/></svg></span> <span>Toggle Button Admin Settings</span> </li> <li> <span class="gx-svg-check"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M1 14 L5 10 L13 18 L27 4 L31 8 L13 26 z"/></svg></span> <span>Toggle Post Editor Dark Theme</span> </li> <li> <span class="gx-svg-check"><svg class="svg-icon" width="18" height="18" aria-hidden="true" role="img" focusable="false" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M1 14 L5 10 L13 18 L27 4 L31 8 L13 26 z"/></svg></span> <span>Auto Match OS theme</span> </li> </ul> <div class="gx-product-price-box__link-box"> <a href="https://scriptstown.com/account/signup/dark-mode-toggle-pro" class="gx-product-price-box__link button button--secondary">Purchase Now<span class="screen-reader-text"> “Dark Mode Toggle Pro”</span></a> </div> </div> </div> </div> <div class="gx-product-footer"> <div id="license"> <p class="gx-product-licensing gx-card-content gx-card-content--same-md"> <strong>"Dark Mode Toggle Pro"</strong> is licensed under the <strong>GPL</strong>: you can redistribute it and/or modify it under the terms of the <strong>GNU General Public License</strong> (http://www.gnu.org/licenses/gpl.html) version 2.0 or later. </p> </div> </div> </div> <div class="columns__md-4 columns__md-4--smaller"> <div class="gx-side-products gx-key-points h-center-upto-md"> <div class="gx-key-points__title gx-card-content gx-card-content--same-md">Dark Mode Toggle Pro<span class="screen-reader-text"> - Key Points</span></div> <ul class="key-points-list"> <li class="gx-key-point gx-card-content gx-card-content--same-md"> <span class="gx-key-point-icon"><svg class="svg-icon" width="24" height="24" aria-hidden="true" role="img" focusable="false" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M1 14 L5 10 L13 18 L27 4 L31 8 L13 26 z"/></svg></span> <span class="gx-key-point-title">Well-Coded Plugin</span> </li> <li class="gx-key-point gx-card-content gx-card-content--same-md"> <span class="gx-key-point-icon"><svg class="svg-icon" width="24" height="24" aria-hidden="true" role="img" focusable="false" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M1 14 L5 10 L13 18 L27 4 L31 8 L13 26 z"/></svg></span> <span class="gx-key-point-title">Easy to Configure</span> </li> <li class="gx-key-point gx-card-content gx-card-content--same-md"> <span class="gx-key-point-icon"><svg class="svg-icon" width="24" height="24" aria-hidden="true" role="img" focusable="false" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M1 14 L5 10 L13 18 L27 4 L31 8 L13 26 z"/></svg></span> <span class="gx-key-point-title">Dark Mode On Front</span> </li> <li class="gx-key-point gx-card-content gx-card-content--same-md"> <span class="gx-key-point-icon"><svg class="svg-icon" width="24" height="24" aria-hidden="true" role="img" focusable="false" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M1 14 L5 10 L13 18 L27 4 L31 8 L13 26 z"/></svg></span> <span class="gx-key-point-title">Dark Mode On Admin</span> </li> <li class="gx-key-point gx-card-content gx-card-content--same-md"> <span class="gx-key-point-icon"><svg class="svg-icon" width="24" height="24" aria-hidden="true" role="img" focusable="false" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M1 14 L5 10 L13 18 L27 4 L31 8 L13 26 z"/></svg></span> <span class="gx-key-point-title">Fast & Lightweight</span> </li> <li class="gx-key-point gx-card-content gx-card-content--same-md"> <span class="gx-key-point-icon"><svg class="svg-icon" width="24" height="24" aria-hidden="true" role="img" focusable="false" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M1 14 L5 10 L13 18 L27 4 L31 8 L13 26 z"/></svg></span> <span class="gx-key-point-title">Advanced Settings</span> </li> <li class="gx-key-point gx-card-content gx-card-content--same-md"> <span class="gx-key-point-icon"><svg class="svg-icon" width="24" height="24" aria-hidden="true" role="img" focusable="false" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M1 14 L5 10 L13 18 L27 4 L31 8 L13 26 z"/></svg></span> <span class="gx-key-point-title">Translation Ready</span> </li> <li class="gx-key-point gx-card-content gx-card-content--same-md"> <span class="gx-key-point-icon"><svg class="svg-icon" width="24" height="24" aria-hidden="true" role="img" focusable="false" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M1 14 L5 10 L13 18 L27 4 L31 8 L13 26 z"/></svg></span> <span class="gx-key-point-title">Dedicated Support</span> </li> </ul> <br><br><br> </div> </div> </div> </article> </div> </main> </div> </div> <footer id="footer" class="site-footer"> <div class="site-footer-section site-footer__widgets"> <div class="gx-footer__widgets__wrap-image"> <img width="1000" height="341" class="gx-footer__widgets__image lazy" src="https://scriptstown.com/wp-content/themes/galaxis-scriptstown/images/sections/section-background-2.png" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="https://scriptstown.com/wp-content/themes/galaxis-scriptstown/images/sections/section-background-2.png" alt="Footer widgets background image"> </div> <div class="wrapper u-t-padding"> <div class="columns columns--gutters columns--same-height"> <div class="columns__xs-12 columns__sm-6 columns__md-4"> <section id="text-2" class="widget gx-card-content u-b-margin widget_text"><h3 class="widget-title">About</h3> <div class="textwidget"><p>Find step-by-step tutorials, handy code snippets, practical solutions and guides, useful scripts, free and premium WordPress themes, and plugins.</p> <p><strong>Email:</strong> contact[at]scriptstown.com</p> </div> </section><section id="nav_menu-13" class="widget gx-card-content u-b-margin widget_nav_menu"><h3 class="widget-title">Important Links</h3><nav class="menu-important-links-menu-container" aria-label="Important Links"><ul id="menu-important-links-menu" class="menu"><li id="menu-item-627" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-627"><a target="_blank" href="https://scriptstown.com/account/helpdesk">Helpdesk</a></li> <li id="menu-item-558" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-558"><a target="_blank" href="https://scriptstown.com/account/cart">Shopping Cart</a></li> <li id="menu-item-555" class="menu-item menu-item-type-post_type_archive menu-item-object-st-plugin menu-item-555"><a target="_blank" href="https://scriptstown.com/wordpress-plugins/">WordPress Plugins</a></li> <li id="menu-item-556" class="menu-item menu-item-type-post_type_archive menu-item-object-st-theme menu-item-556"><a target="_blank" href="https://scriptstown.com/wordpress-themes/">WordPress Themes</a></li> </ul></nav></section> </div> <div class="columns__xs-12 columns__sm-6 columns__md-4"> <section id="nav_menu-9" class="widget gx-card-content u-b-margin widget_nav_menu"><h3 class="widget-title">WordPress Plugins</h3><nav class="menu-plugins-menu-container" aria-label="WordPress Plugins"><ul id="menu-plugins-menu" class="menu"><li id="menu-item-494" class="menu-item menu-item-type-post_type menu-item-object-st-plugin menu-item-494"><a href="https://scriptstown.com/wordpress-plugins/login-security-pro/">Login Security Pro</a></li> <li id="menu-item-426" class="menu-item menu-item-type-post_type menu-item-object-st-plugin menu-item-426"><a href="https://scriptstown.com/wordpress-plugins/contact-form-query/">Contact Form Query</a></li> <li id="menu-item-3170" class="menu-item menu-item-type-post_type menu-item-object-st-plugin current-menu-item menu-item-3170"><a href="https://scriptstown.com/wordpress-plugins/dark-mode-toggle-pro/" aria-current="page">Dark Mode Toggle Pro</a></li> <li id="menu-item-429" class="menu-item menu-item-type-post_type menu-item-object-st-plugin menu-item-429"><a href="https://scriptstown.com/wordpress-plugins/share-social-media/">Social Icons Sticky</a></li> </ul></nav></section><section id="nav_menu-12" class="widget gx-card-content u-b-margin widget_nav_menu"><h3 class="widget-title">WordPress Themes</h3><nav class="menu-themes-menu-container" aria-label="WordPress Themes"><ul id="menu-themes-menu" class="menu"><li id="menu-item-2299" class="menu-item menu-item-type-post_type menu-item-object-st-theme menu-item-2299"><a href="https://scriptstown.com/wordpress-themes/pressbook-news/">PressBook News</a></li> <li id="menu-item-1684" class="menu-item menu-item-type-post_type menu-item-object-st-theme menu-item-1684"><a href="https://scriptstown.com/wordpress-themes/pressbook-premium/">PressBook Premium</a></li> <li id="menu-item-868" class="menu-item menu-item-type-post_type menu-item-object-st-theme menu-item-868"><a href="https://scriptstown.com/wordpress-themes/oceanly-premium/">Oceanly Premium</a></li> <li id="menu-item-535" class="menu-item menu-item-type-post_type menu-item-object-st-theme menu-item-535"><a href="https://scriptstown.com/wordpress-themes/galaxis-premium-wordpress-theme/">Galaxis Premium</a></li> </ul></nav></section> </div> <div class="columns__xs-12 columns__sm-6 columns__md-4"> <section id="block-2" class="widget gx-card-content u-b-margin widget_block"> <div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained"> <h3 class="wp-block-heading">Follow Us</h3> <ul class="wp-block-social-links has-icon-color has-icon-background-color is-layout-flex wp-block-social-links-is-layout-flex"><li style="color: #000000; background-color: #ffffff; " class="wp-social-link wp-social-link-facebook has-black-color has-white-background-color wp-block-social-link"><a rel="noopener nofollow" target="_blank" href="https://www.facebook.com/ScriptsTowncom/" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Facebook</span></a></li> <li style="color: #000000; background-color: #ffffff; " class="wp-social-link wp-social-link-x has-black-color has-white-background-color wp-block-social-link"><a rel="noopener nofollow" target="_blank" href="https://x.com/scriptstown" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M13.982 10.622 20.54 3h-1.554l-5.693 6.618L8.745 3H3.5l6.876 10.007L3.5 21h1.554l6.012-6.989L15.868 21h5.245l-7.131-10.378Zm-2.128 2.474-.697-.997-5.543-7.93H8l4.474 6.4.697.996 5.815 8.318h-2.387l-4.745-6.787Z" /></svg><span class="wp-block-social-link-label screen-reader-text">X</span></a></li> <li style="color: #000000; background-color: #ffffff; " class="wp-social-link wp-social-link-instagram has-black-color has-white-background-color wp-block-social-link"><a rel="noopener nofollow" target="_blank" href="https://www.instagram.com/scriptstowncom/" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12,4.622c2.403,0,2.688,0.009,3.637,0.052c0.877,0.04,1.354,0.187,1.671,0.31c0.42,0.163,0.72,0.358,1.035,0.673 c0.315,0.315,0.51,0.615,0.673,1.035c0.123,0.317,0.27,0.794,0.31,1.671c0.043,0.949,0.052,1.234,0.052,3.637 s-0.009,2.688-0.052,3.637c-0.04,0.877-0.187,1.354-0.31,1.671c-0.163,0.42-0.358,0.72-0.673,1.035 c-0.315,0.315-0.615,0.51-1.035,0.673c-0.317,0.123-0.794,0.27-1.671,0.31c-0.949,0.043-1.233,0.052-3.637,0.052 s-2.688-0.009-3.637-0.052c-0.877-0.04-1.354-0.187-1.671-0.31c-0.42-0.163-0.72-0.358-1.035-0.673 c-0.315-0.315-0.51-0.615-0.673-1.035c-0.123-0.317-0.27-0.794-0.31-1.671C4.631,14.688,4.622,14.403,4.622,12 s0.009-2.688,0.052-3.637c0.04-0.877,0.187-1.354,0.31-1.671c0.163-0.42,0.358-0.72,0.673-1.035 c0.315-0.315,0.615-0.51,1.035-0.673c0.317-0.123,0.794-0.27,1.671-0.31C9.312,4.631,9.597,4.622,12,4.622 M12,3 C9.556,3,9.249,3.01,8.289,3.054C7.331,3.098,6.677,3.25,6.105,3.472C5.513,3.702,5.011,4.01,4.511,4.511 c-0.5,0.5-0.808,1.002-1.038,1.594C3.25,6.677,3.098,7.331,3.054,8.289C3.01,9.249,3,9.556,3,12c0,2.444,0.01,2.751,0.054,3.711 c0.044,0.958,0.196,1.612,0.418,2.185c0.23,0.592,0.538,1.094,1.038,1.594c0.5,0.5,1.002,0.808,1.594,1.038 c0.572,0.222,1.227,0.375,2.185,0.418C9.249,20.99,9.556,21,12,21s2.751-0.01,3.711-0.054c0.958-0.044,1.612-0.196,2.185-0.418 c0.592-0.23,1.094-0.538,1.594-1.038c0.5-0.5,0.808-1.002,1.038-1.594c0.222-0.572,0.375-1.227,0.418-2.185 C20.99,14.751,21,14.444,21,12s-0.01-2.751-0.054-3.711c-0.044-0.958-0.196-1.612-0.418-2.185c-0.23-0.592-0.538-1.094-1.038-1.594 c-0.5-0.5-1.002-0.808-1.594-1.038c-0.572-0.222-1.227-0.375-2.185-0.418C14.751,3.01,14.444,3,12,3L12,3z M12,7.378 c-2.552,0-4.622,2.069-4.622,4.622S9.448,16.622,12,16.622s4.622-2.069,4.622-4.622S14.552,7.378,12,7.378z M12,15 c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3S13.657,15,12,15z M16.804,6.116c-0.596,0-1.08,0.484-1.08,1.08 s0.484,1.08,1.08,1.08c0.596,0,1.08-0.484,1.08-1.08S17.401,6.116,16.804,6.116z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Instagram</span></a></li> <li style="color: #000000; background-color: #ffffff; " class="wp-social-link wp-social-link-youtube has-black-color has-white-background-color wp-block-social-link"><a rel="noopener nofollow" target="_blank" href="https://www.youtube.com/@scriptstown" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z"></path></svg><span class="wp-block-social-link-label screen-reader-text">YouTube</span></a></li> <li style="color: #000000; background-color: #ffffff; " class="wp-social-link wp-social-link-wordpress has-black-color has-white-background-color wp-block-social-link"><a rel="noopener nofollow" target="_blank" href="https://profiles.wordpress.org/scriptstown/" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12.158,12.786L9.46,20.625c0.806,0.237,1.657,0.366,2.54,0.366c1.047,0,2.051-0.181,2.986-0.51 c-0.024-0.038-0.046-0.079-0.065-0.124L12.158,12.786z M3.009,12c0,3.559,2.068,6.634,5.067,8.092L3.788,8.341 C3.289,9.459,3.009,10.696,3.009,12z M18.069,11.546c0-1.112-0.399-1.881-0.741-2.48c-0.456-0.741-0.883-1.368-0.883-2.109 c0-0.826,0.627-1.596,1.51-1.596c0.04,0,0.078,0.005,0.116,0.007C16.472,3.904,14.34,3.009,12,3.009 c-3.141,0-5.904,1.612-7.512,4.052c0.211,0.007,0.41,0.011,0.579,0.011c0.94,0,2.396-0.114,2.396-0.114 C7.947,6.93,8.004,7.642,7.52,7.699c0,0-0.487,0.057-1.029,0.085l3.274,9.739l1.968-5.901l-1.401-3.838 C9.848,7.756,9.389,7.699,9.389,7.699C8.904,7.67,8.961,6.93,9.446,6.958c0,0,1.484,0.114,2.368,0.114 c0.94,0,2.397-0.114,2.397-0.114c0.485-0.028,0.542,0.684,0.057,0.741c0,0-0.488,0.057-1.029,0.085l3.249,9.665l0.897-2.996 C17.841,13.284,18.069,12.316,18.069,11.546z M19.889,7.686c0.039,0.286,0.06,0.593,0.06,0.924c0,0.912-0.171,1.938-0.684,3.22 l-2.746,7.94c2.673-1.558,4.47-4.454,4.47-7.771C20.991,10.436,20.591,8.967,19.889,7.686z M12,22C6.486,22,2,17.514,2,12 C2,6.486,6.486,2,12,2c5.514,0,10,4.486,10,10C22,17.514,17.514,22,12,22z"></path></svg><span class="wp-block-social-link-label screen-reader-text">WordPress</span></a></li></ul> </div></div> </section><section id="block-3" class="widget gx-card-content u-b-margin widget_block"> <div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained"> <h3 class="wp-block-heading">Featured Posts</h3> <ul class="wp-block-list"> <li><a href="https://scriptstown.com/getting-started-with-the-login-security-pro-wordpress-premium-plugin/" data-type="post" data-id="1272" target="_blank" rel="noreferrer noopener">Login Security Pro Guide</a></li> <li><a href="https://scriptstown.com/dark-mode-toggle-switch-plugin-to-add-light-or-night-mode-in-wordpress/" data-type="post" data-id="3178" target="_blank" rel="noreferrer noopener">Dark Mode Toggle Switch</a></li> <li><a href="https://scriptstown.com/documentation-guide-for-the-pressbook-premium-wordpress-theme/" data-type="post" data-id="2546" target="_blank" rel="noreferrer noopener">PressBook Premium Guide</a></li> </ul> </div></div> </section><section id="nav_menu-11" class="widget gx-card-content u-b-margin widget_nav_menu"><h3 class="widget-title">Legal</h3><nav class="menu-legal-menu-container" aria-label="Legal"><ul id="menu-legal-menu" class="menu"><li id="menu-item-487" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-487"><a target="_blank" href="https://scriptstown.com/terms-of-use/">Terms of Use</a></li> <li id="menu-item-485" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-485"><a target="_blank" rel="privacy-policy" href="https://scriptstown.com/privacy-policy/">Privacy Policy</a></li> </ul></nav></section> </div> </div> </div> </div> <div class="site-footer-section site-footer__text"> <div class="wrapper"> <div class="columns columns--gutters-large v-center-mdl"> <div class="columns__md-4 columns__md-4--larger"> <p class="copyright">© <a href="https://scriptstown.com/">ScriptsTown</a> 2019-2024. All rights reserved.</p> </div> <div class="columns__md-8 columns__md-8--smaller"> <nav class="footer-menu" aria-label="Footer Links"> <div class="menu-footer-menu-container"><ul id="footer-menu" class="menu"><li id="menu-item-433" class="menu-item menu-item-type-post_type_archive menu-item-object-st-plugin menu-item-433"><a href="https://scriptstown.com/wordpress-plugins/">Plugins</a></li> <li id="menu-item-434" class="menu-item menu-item-type-post_type_archive menu-item-object-st-theme menu-item-434"><a href="https://scriptstown.com/wordpress-themes/">Themes</a></li> <li id="menu-item-467" class="menu-item menu-item-type-post_type_archive menu-item-object-st-service menu-item-467"><a href="https://scriptstown.com/services/">Services</a></li> <li id="menu-item-604" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-604"><a href="https://scriptstown.com/about/">About</a></li> <li id="menu-item-39" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-39"><a href="https://scriptstown.com/blog/">Blog</a></li> <li id="menu-item-108" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-108"><a href="https://scriptstown.com/contact-us/">Contact Us</a></li> </ul></div> </nav> </div> </div> </div> </div> </footer> <a href="#" class="back-to-top"><span class="screen-reader-text">Back to Top</span></a> </div> <link rel='stylesheet' id='lightgallery-css' fetchpriority="low" href='https://scriptstown.com/wp-content/themes/galaxis-scriptstown/inc/lightgallery/css/lightgallery.min.css?ver=1.4.1' media='all' /> <style id='wp-block-paragraph-inline-css'> .is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg} </style> <style id='wp-block-heading-inline-css'> h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg} </style> <style id='wp-block-image-inline-css'> .wp-block-image a{display:inline-block}.wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}@media (prefers-reduced-motion:no-preference){.wp-block-image img.hide{visibility:hidden}.wp-block-image img.show{animation:show-content-image .4s}}.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{border-radius:inherit}.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull a,.wp-block-image.alignwide a{width:100%}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image :where(figcaption){margin-bottom:1em;margin-top:.5em}.wp-block-image.is-style-circle-mask img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}}:root :where(.wp-block-image.is-style-rounded img,.wp-block-image .is-style-rounded img){border-radius:9999px}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background-color:#5a5a5a40;border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:16px;text-align:center;top:16px;transition:opacity .2s ease;width:20px;z-index:100}.wp-lightbox-container button:focus-visible{outline:3px auto #5a5a5a40;outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:#5a5a5a40;border:none}.wp-lightbox-overlay{box-sizing:border-box;cursor:zoom-out;height:100vh;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100%;z-index:100000}.wp-lightbox-overlay .close-button{align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:0;position:absolute;right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .close-button:focus,.wp-lightbox-overlay .close-button:hover,.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:top left;width:var(--wp--lightbox-container-width);z-index:9999999999}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:0 0;width:100%;z-index:3000000}.wp-lightbox-overlay .wp-block-image img{height:var(--wp--lightbox-image-height);min-height:var(--wp--lightbox-image-height);min-width:var(--wp--lightbox-image-width);width:var(--wp--lightbox-image-width)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:none;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both;visibility:visible}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active) img{animation:turn-off-visibility .25s both}@media (prefers-reduced-motion:no-preference){.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active){animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}@keyframes show-content-image{0%{visibility:hidden}99%{visibility:hidden}to{visibility:visible}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}} </style> <link rel='stylesheet' id='wp-block-social-links-css' href='https://scriptstown.com/wp-includes/blocks/social-links/style.min.css?ver=6.7.1' media='all' /> <style id='wp-block-group-inline-css'> .wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative} </style> <style id='wp-block-list-inline-css'> ol,ul{box-sizing:border-box}:root :where(.wp-block-list.has-background){padding:1.25em 2.375em} </style> <style id='global-styles-inline-css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} </style> <script fetchpriority="high" src="https://scriptstown.com/wp-content/themes/galaxis-scriptstown/js/merge.js?ver=2.121" id="gx-merge-js"></script> <script fetchpriority="high" src="https://scriptstown.com/wp-content/themes/galaxis-scriptstown/js/waypts.js?ver=2.121" id="waypts-js"></script> <script fetchpriority="low" src="https://scriptstown.com/wp-content/themes/galaxis-scriptstown/inc/lightgallery/js/lightgallery.min.js?ver=1.4.1" id="lightgallery-js"></script> <script id="lightgallery-js-after"> document.getElementById('gx-screenshots').addEventListener('click', function() { lightGallery(document.getElementById('gx-screenshots'), { dynamic: true,download: false,dynamicEl: [ { 'src': 'https://scriptstown.com/wp-content/uploads/2022/02/Front-Settings-Dark-Mode-Toggle-Pro.png', 'subHtml': 'Front Settings - Dark Mode Toggle Pro' },{ 'src': 'https://scriptstown.com/wp-content/uploads/2022/02/Admin-Settings-Dark-Mode-Toggle-Pro.png', 'subHtml': 'Admin Settings - Dark Mode Toggle Pro' },{ 'src': 'https://scriptstown.com/wp-content/uploads/2022/02/Advanced-Settings-Dark-Mode-Toggle-Pro.png', 'subHtml': 'Advanced Settings - Dark Mode Toggle Pro' },{ 'src': 'https://scriptstown.com/wp-content/uploads/2022/02/Dark-Mode-in-Post-Editor-WordPress-Admin.png', 'subHtml': 'Dark Mode in Post Editor - WordPress Admin' },{ 'src': 'https://scriptstown.com/wp-content/uploads/2022/02/Dark-Mode-Switch-in-WordPress-Website.png', 'subHtml': 'Dark Mode Switch in WordPress Website' },{ 'src': 'https://scriptstown.com/wp-content/uploads/2022/02/Dark-Mode-Toggle-Switch-in-WordPress.png', 'subHtml': 'Dark Mode Toggle Switch in WordPress' }] }) }); </script> <script src="https://scriptstown.com/wp-content/themes/galaxis-scriptstown/inc/lightgallery/js/lg-zoom.min.js?ver=1.3.0" id="lg-zoom-js" defer data-wp-strategy="defer"></script> <script src="https://scriptstown.com/wp-content/themes/galaxis-scriptstown/inc/lightgallery/js/lg-fullscreen.min.js?ver=1.2.0" id="lg-fullscreen-js" defer data-wp-strategy="defer"></script> <script fetchpriority="low" src="https://scriptstown.com/wp-content/themes/galaxis-scriptstown/js/sticky-sidebar.min.js?ver=1.1.1" id="sticky-sidebar-js"></script> <script id="sticky-sidebar-js-after"> new StickySidebar(".gx-single--wrap > article > .columns:last-child > .columns__md-4",{topSpacing:50,bottomSpacing:0,containerSelector:".gx-single--wrap > article > .columns:last-child",innerWrapperSelector:".gx-single--wrap .gx-side-products",minWidth:890}); </script> </body> </html>