{"id":185260,"date":"2024-04-27T10:44:38","date_gmt":"2024-04-27T10:44:38","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/darkify\/"},"modified":"2026-07-31T09:25:34","modified_gmt":"2026-07-31T09:25:34","slug":"darkify","status":"publish","type":"plugin","link":"https:\/\/mya.wordpress.org\/plugins\/darkify\/","author":17191848,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"2.0.1","stable_tag":"2.0.1","tested":"7.0.2","requires":"5.5","requires_php":"7.0","requires_plugins":null,"header_name":"Darkify","header_author":"ThemeAtelier","header_description":"Darkify is for a stylish, modern darkmode look that people love.","assets_banners_color":"7e808d","last_updated":"2026-07-31 09:25:34","external_support_url":"https:\/\/darkifywp.com\/","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/darkifywp.com\/","header_author_uri":"https:\/\/themeatelier.net\/","rating":5,"author_block_rating":0,"active_installs":600,"downloads":19504,"num_ratings":20,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.1":{"tag":"1.0.1","author":"themeatelier","date":"2024-07-04 07:38:32"},"1.1.0":{"tag":"1.1.0","author":"themeatelier","date":"2024-06-13 12:21:04"},"1.2.0":{"tag":"1.2.0","author":"themeatelier","date":"2024-07-04 07:45:51"},"1.2.1":{"tag":"1.2.1","author":"themeatelier","date":"2024-11-08 06:24:28"},"1.2.2":{"tag":"1.2.2","author":"themeatelier","date":"2024-11-19 07:09:26"},"1.2.3":{"tag":"1.2.3","author":"themeatelier","date":"2024-12-15 08:40:53"},"1.2.4":{"tag":"1.2.4","author":"themeatelier","date":"2025-03-03 03:39:29"},"1.2.5":{"tag":"1.2.5","author":"themeatelier","date":"2025-03-19 04:26:34"},"1.3.0":{"tag":"1.3.0","author":"themeatelier","date":"2025-03-21 01:44:11"},"1.3.1":{"tag":"1.3.1","author":"themeatelier","date":"2025-03-21 05:21:09"},"1.3.2":{"tag":"1.3.2","author":"themeatelier","date":"2025-03-24 01:22:28"},"1.3.3":{"tag":"1.3.3","author":"themeatelier","date":"2025-04-06 04:29:11"},"1.3.4":{"tag":"1.3.4","author":"themeatelier","date":"2025-04-08 10:12:25"},"1.3.5":{"tag":"1.3.5","author":"themeatelier","date":"2025-04-22 06:13:37"},"1.4.0":{"tag":"1.4.0","author":"themeatelier","date":"2025-05-15 14:11:37"},"1.4.1":{"tag":"1.4.1","author":"themeatelier","date":"2025-05-21 11:46:46"},"1.4.10":{"tag":"1.4.10","author":"themeatelier","date":"2025-09-23 04:03:01"},"1.4.11":{"tag":"1.4.11","author":"themeatelier","date":"2025-09-24 04:35:29"},"1.4.12":{"tag":"1.4.12","author":"themeatelier","date":"2025-10-25 06:01:08"},"1.4.13":{"tag":"1.4.13","author":"themeatelier","date":"2025-11-12 13:00:36"},"1.4.14":{"tag":"1.4.14","author":"themeatelier","date":"2025-11-15 09:57:18"},"1.4.15":{"tag":"1.4.15","author":"themeatelier","date":"2025-11-21 08:35:28"},"1.4.16":{"tag":"1.4.16","author":"themeatelier","date":"2025-12-16 06:25:46"},"1.4.17":{"tag":"1.4.17","author":"themeatelier","date":"2025-12-16 08:55:46"},"1.4.18":{"tag":"1.4.18","author":"themeatelier","date":"2026-01-01 13:16:36"},"1.4.19":{"tag":"1.4.19","author":"themeatelier","date":"2026-01-01 13:16:36"},"1.4.2":{"tag":"1.4.2","author":"themeatelier","date":"2025-05-26 08:19:55"},"1.4.20":{"tag":"1.4.20","author":"themeatelier","date":"2026-01-23 11:42:36"},"1.4.21":{"tag":"1.4.21","author":"faysal61","date":"2026-02-07 11:44:30"},"1.4.22":{"tag":"1.4.22","author":"faysal61","date":"2026-02-18 06:27:05"},"1.4.23":{"tag":"1.4.23","author":"faysal61","date":"2026-02-26 12:49:53"},"1.4.24":{"tag":"1.4.24","author":"faysal61","date":"2026-03-13 00:25:14"},"1.4.25":{"tag":"1.4.25","author":"faysal61","date":"2026-03-31 10:38:37"},"1.4.26":{"tag":"1.4.26","author":"faysal61","date":"2026-04-17 03:49:14"},"1.4.3":{"tag":"1.4.3","author":"themeatelier","date":"2025-06-01 10:38:22"},"1.4.4":{"tag":"1.4.4","author":"themeatelier","date":"2025-06-23 10:08:09"},"1.4.5":{"tag":"1.4.5","author":"themeatelier","date":"2025-07-17 04:25:29"},"1.4.6":{"tag":"1.4.6","author":"themeatelier","date":"2025-08-11 14:27:32"},"1.4.7":{"tag":"1.4.7","author":"themeatelier","date":"2025-08-30 08:46:40"},"1.4.8":{"tag":"1.4.8","author":"themeatelier","date":"2025-08-30 14:29:36"},"1.4.9":{"tag":"1.4.9","author":"themeatelier","date":"2025-09-17 06:01:18"},"1.5.0":{"tag":"1.5.0","author":"faysal61","date":"2026-04-27 05:06:09"},"1.5.1":{"tag":"1.5.1","author":"faysal61","date":"2026-05-04 09:54:43"},"1.5.2":{"tag":"1.5.2","author":"faysal61","date":"2026-05-05 12:34:32"},"1.5.3":{"tag":"1.5.3","author":"faysal61","date":"2026-05-19 13:35:38"},"1.5.4":{"tag":"1.5.4","author":"faysal61","date":"2026-06-16 06:49:10"},"1.5.5":{"tag":"1.5.5","author":"faysal61","date":"2026-06-24 05:50:31"},"2.0.0":{"tag":"2.0.0","author":"faysal61","date":"2026-07-28 11:17:34"},"2.0.1":{"tag":"2.0.1","author":"faysal61","date":"2026-07-31 09:25:34"}},"upgrade_notice":{"":"<p>Update to the latest version for new features, improvements, and bug fixes.<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":20},"assets_icons":{"icon-256x256.gif":{"filename":"icon-256x256.gif","revision":3625820,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.gif":{"filename":"banner-1544x500.gif","revision":3625798,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.gif":{"filename":"banner-772x250.gif","revision":3625798,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{"blueprint.json":{"filename":"blueprint.json","revision":3629746,"resolution":false,"location":"assets","locale":"","contents":"{\"landingPage\":\"wp-admin\\\/index.php?page=darkify\",\"preferredVersions\":{\"php\":\"8.0\",\"wp\":\"latest\"},\"phpExtensionBundles\":[\"kitchen-sink\"],\"features\":{\"networking\":true},\"steps\":[{\"step\":\"installPlugin\",\"options\":{\"activate\":true},\"pluginData\":{\"resource\":\"wordpress.org\\\/plugins\",\"slug\":\"darkify\"}},{\"step\":\"login\",\"username\":\"admin\",\"password\":\"password\"}]}"}},"all_blocks":{"darkify\/switcher":{"apiVersion":2,"name":"darkify\/switcher","title":"Dark Mode Switcher","category":"widgets","icon":"visibility","description":"Easily place a dark mode switch anywhere on your website. Fully customizable and powered by Darkify for a smooth light\/dark experience.","textdomain":"darkify","editorScript":"file:.\/build\/index.js","editorStyle":"file:.\/build\/index.css","style":"darkify-client-main","supports":{"styles":false,"html":false},"attributes":{"style":{"type":"string","default":"classic"},"size":{"type":"string","default":"1.0"},"custom_size":{"type":"number","default":100},"switch_bg_light":{"type":"string","default":"#121116"},"switch_bg_dark":{"type":"string","default":"#ffffff"},"light_icon_color":{"type":"string","default":"#ffffff"},"dark_icon_color":{"type":"string","default":"#121116"},"light_text_color":{"type":"string","default":"#121116"},"dark_text_color":{"type":"string","default":"#ffffff"},"border_width":{"type":"number","default":0},"border_light_color":{"type":"string","default":"#121116"},"border_dark_color":{"type":"string","default":"#ffffff"},"border_radius":{"type":"number","default":7},"alignment":{"type":"string","default":"left"},"preview":{"type":"boolean","default":false}},"example":{"attributes":{"preview":true}}}},"tagged_versions":["1.0.1","1.1.0","1.2.0","1.2.1","1.2.2","1.2.3","1.2.4","1.2.5","1.3.0","1.3.1","1.3.2","1.3.3","1.3.4","1.3.5","1.4.0","1.4.1","1.4.10","1.4.11","1.4.12","1.4.13","1.4.14","1.4.15","1.4.16","1.4.17","1.4.18","1.4.19","1.4.2","1.4.20","1.4.21","1.4.22","1.4.23","1.4.24","1.4.25","1.4.26","1.4.3","1.4.4","1.4.5","1.4.6","1.4.7","1.4.8","1.4.9","1.5.0","1.5.1","1.5.2","1.5.3","1.5.4","1.5.5","2.0.0","2.0.1"],"block_files":[],"assets_screenshots":{"screenshot-1.gif":{"filename":"screenshot-1.gif","revision":3625798,"resolution":"1","location":"assets","locale":"","width":800,"height":469},"screenshot-10.png":{"filename":"screenshot-10.png","revision":3625798,"resolution":"10","location":"assets","locale":"","width":3036,"height":1512},"screenshot-11.png":{"filename":"screenshot-11.png","revision":3625798,"resolution":"11","location":"assets","locale":"","width":3036,"height":1512},"screenshot-12.png":{"filename":"screenshot-12.png","revision":3625798,"resolution":"12","location":"assets","locale":"","width":3036,"height":1512},"screenshot-13.png":{"filename":"screenshot-13.png","revision":3625798,"resolution":"13","location":"assets","locale":"","width":1280,"height":830},"screenshot-14.png":{"filename":"screenshot-14.png","revision":3625798,"resolution":"14","location":"assets","locale":"","width":2000,"height":1315},"screenshot-15.png":{"filename":"screenshot-15.png","revision":3625798,"resolution":"15","location":"assets","locale":"","width":1280,"height":830},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3625798,"resolution":"2","location":"assets","locale":"","width":1440,"height":799},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3625798,"resolution":"3","location":"assets","locale":"","width":1440,"height":799},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3625798,"resolution":"4","location":"assets","locale":"","width":3036,"height":1512},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3625798,"resolution":"5","location":"assets","locale":"","width":3036,"height":1512},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3625798,"resolution":"6","location":"assets","locale":"","width":3036,"height":1512},"screenshot-7.png":{"filename":"screenshot-7.png","revision":3625798,"resolution":"7","location":"assets","locale":"","width":3036,"height":1512},"screenshot-8.png":{"filename":"screenshot-8.png","revision":3625798,"resolution":"8","location":"assets","locale":"","width":3036,"height":1512},"screenshot-9.png":{"filename":"screenshot-9.png","revision":3625798,"resolution":"9","location":"assets","locale":"","width":3036,"height":1512}},"screenshots":{"1":"WordPress dark mode in action \u2014 one click on the floating switch turns the whole site dark, instantly and with no page reload.","2":"Gutenberg block editor dark mode \u2014 write and edit posts and pages in a comfortable dark WordPress editor interface.","3":"WooCommerce dark mode \u2014 shop, product, and category pages converted to a dark theme automatically, with product images kept readable.","4":"Frontend dark mode controls \u2014 enable dark mode for visitors, set default dark mode, OS aware (system preference) dark mode, keyboard shortcut, and time based automatic dark mode, with a live preview of your site.","5":"Admin dark mode controls \u2014 turn on WordPress admin dashboard dark mode, Block Editor (Gutenberg) dark mode, and Classic Editor dark mode independently, plus page exclusions and custom admin dark mode CSS.","6":"Dark mode for the WordPress admin dashboard \u2014 the Darkify settings screen itself shown in dark mode for eye-friendly, low-light editing.","7":"Floating dark mode switch styles \u2014 choose from 15 animated toggle designs, set switch size, position, background and icon colors, and preview changes live.","8":"Dark mode color presets \u2014 pick from 11 ready-made dark color schemes (Carbon Mist, Midnight Reverie, Verdant Depths, Celestial Tide, Emberwood and more), then fine-tune background, text, and link colors.","9":"Dark mode image controls \u2014 adjust image brightness and grayscale so photos and product images stay clear on dark backgrounds, with per-image exclusions.","10":"Dark mode video controls \u2014 set video brightness and grayscale, or swap in a dark mode version of self-hosted, YouTube, Vimeo, and Dailymotion videos.","11":"Custom dark mode CSS \u2014 add your own CSS that loads only when dark mode is active, plus CSS that applies in both light and dark mode.","12":"Backup and restore dark mode settings \u2014 export your Darkify configuration as a JSON file and import it to migrate settings to another WordPress site.","13":"Dark mode toggle Gutenberg block \u2014 drop a dark mode switcher block into any post or page and style it from the block sidebar.","14":"Dark mode color themes in the block editor \u2014 switch the Gutenberg editor color scheme straight from the toolbar and preview your content in every dark preset.","15":"Elementor dark mode widget \u2014 add the Darkify dark mode switcher to any Elementor page or template and choose your switch style."}},"plugin_section":[],"plugin_tags":[12734,173231,24155,163960,173232],"plugin_category":[34],"plugin_contributors":[253983,229223,225182,253984,213771],"plugin_business_model":[216238],"class_list":["post-185260","plugin","type-plugin","status-publish","hentry","plugin_tags-dark","plugin_tags-dark-mode","plugin_tags-dark-theme","plugin_tags-night-mode","plugin_tags-wordpress-dark-mode","plugin_category-accessibility","plugin_contributors-darkify","plugin_contributors-faysal61","plugin_contributors-shshakib2001","plugin_contributors-tamimaziz","plugin_contributors-themeatelier","plugin_business_model-commercial","plugin_committers-faysal61","plugin_committers-themeatelier","plugin_support_reps-faysal61","plugin_support_reps-shshakib2001","plugin_support_reps-tamimaziz"],"banners":{"banner":"https:\/\/ps.w.org\/darkify\/assets\/banner-772x250.gif?rev=3625798","banner_2x":"https:\/\/ps.w.org\/darkify\/assets\/banner-1544x500.gif?rev=3625798","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/darkify\/assets\/icon-256x256.gif?rev=3625820","icon_2x":"https:\/\/ps.w.org\/darkify\/assets\/icon-256x256.gif?rev=3625820","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/darkify\/assets\/screenshot-1.gif?rev=3625798","caption":"WordPress dark mode in action \u2014 one click on the floating switch turns the whole site dark, instantly and with no page reload."},{"src":"https:\/\/ps.w.org\/darkify\/assets\/screenshot-2.png?rev=3625798","caption":"Gutenberg block editor dark mode \u2014 write and edit posts and pages in a comfortable dark WordPress editor interface."},{"src":"https:\/\/ps.w.org\/darkify\/assets\/screenshot-3.png?rev=3625798","caption":"WooCommerce dark mode \u2014 shop, product, and category pages converted to a dark theme automatically, with product images kept readable."},{"src":"https:\/\/ps.w.org\/darkify\/assets\/screenshot-4.png?rev=3625798","caption":"Frontend dark mode controls \u2014 enable dark mode for visitors, set default dark mode, OS aware (system preference) dark mode, keyboard shortcut, and time based automatic dark mode, with a live preview of your site."},{"src":"https:\/\/ps.w.org\/darkify\/assets\/screenshot-5.png?rev=3625798","caption":"Admin dark mode controls \u2014 turn on WordPress admin dashboard dark mode, Block Editor (Gutenberg) dark mode, and Classic Editor dark mode independently, plus page exclusions and custom admin dark mode CSS."},{"src":"https:\/\/ps.w.org\/darkify\/assets\/screenshot-6.png?rev=3625798","caption":"Dark mode for the WordPress admin dashboard \u2014 the Darkify settings screen itself shown in dark mode for eye-friendly, low-light editing."},{"src":"https:\/\/ps.w.org\/darkify\/assets\/screenshot-7.png?rev=3625798","caption":"Floating dark mode switch styles \u2014 choose from 15 animated toggle designs, set switch size, position, background and icon colors, and preview changes live."},{"src":"https:\/\/ps.w.org\/darkify\/assets\/screenshot-8.png?rev=3625798","caption":"Dark mode color presets \u2014 pick from 11 ready-made dark color schemes (Carbon Mist, Midnight Reverie, Verdant Depths, Celestial Tide, Emberwood and more), then fine-tune background, text, and link colors."},{"src":"https:\/\/ps.w.org\/darkify\/assets\/screenshot-9.png?rev=3625798","caption":"Dark mode image controls \u2014 adjust image brightness and grayscale so photos and product images stay clear on dark backgrounds, with per-image exclusions."},{"src":"https:\/\/ps.w.org\/darkify\/assets\/screenshot-10.png?rev=3625798","caption":"Dark mode video controls \u2014 set video brightness and grayscale, or swap in a dark mode version of self-hosted, YouTube, Vimeo, and Dailymotion videos."},{"src":"https:\/\/ps.w.org\/darkify\/assets\/screenshot-11.png?rev=3625798","caption":"Custom dark mode CSS \u2014 add your own CSS that loads only when dark mode is active, plus CSS that applies in both light and dark mode."},{"src":"https:\/\/ps.w.org\/darkify\/assets\/screenshot-12.png?rev=3625798","caption":"Backup and restore dark mode settings \u2014 export your Darkify configuration as a JSON file and import it to migrate settings to another WordPress site."},{"src":"https:\/\/ps.w.org\/darkify\/assets\/screenshot-13.png?rev=3625798","caption":"Dark mode toggle Gutenberg block \u2014 drop a dark mode switcher block into any post or page and style it from the block sidebar."},{"src":"https:\/\/ps.w.org\/darkify\/assets\/screenshot-14.png?rev=3625798","caption":"Dark mode color themes in the block editor \u2014 switch the Gutenberg editor color scheme straight from the toolbar and preview your content in every dark preset."},{"src":"https:\/\/ps.w.org\/darkify\/assets\/screenshot-15.png?rev=3625798","caption":"Elementor dark mode widget \u2014 add the Darkify dark mode switcher to any Elementor page or template and choose your switch style."}],"raw_content":"<!--section=description-->\n<p>Darkify adds <strong>WordPress Dark Mode<\/strong> and <strong>Night Mode<\/strong> to both the website frontend and the WordPress admin dashboard. Visitors can switch between light and dark themes using a toggle, while site owners control how dark mode behaves across the frontend, admin panel, and editors.<\/p>\n\n<p>Darkify supports <strong>frontend dark mode<\/strong>, <strong>admin dashboard dark mode<\/strong>, and <strong>editor-specific dark mode<\/strong> for Gutenberg (Block Editor) and the Classic Editor. It includes OS-aware detection, default dark mode, time-based scheduling, keyboard shortcuts, and multiple toggle placement options. Designed for performance and compatibility, Darkify works seamlessly with popular WordPress themes, page builders, and WooCommerce \u2014 without modifying theme files or requiring custom code.<\/p>\n\n<p>Site owners can customize dark mode colors, switches, media handling, and element visibility. Darkify also provides controls for images, videos, scrollbars, mobile behavior, and page or element-level targeting to ensure dark mode integrates cleanly with different themes, builders, and layouts.<\/p>\n\n<h4>How Darkify Works<\/h4>\n\n<p>Darkify applies dark mode styling using configurable rules rather than modifying theme files. You can enable dark mode globally or limit it to specific areas, pages, posts, or elements. Settings can be adjusted from a centralized admin panel and reused across different sites using import and export tools.<\/p>\n\n<p>Darkify is designed to work with popular WordPress themes, page builders, and multisite installations, allowing dark mode to be configured without requiring custom code.<\/p>\n\n<h4>Why Choose Darkify?<\/h4>\n\n<p>\u2714 Dark mode for frontend and admin dashboard<br \/>\n\u2714 Works with Gutenberg, Elementor, and popular builders<br \/>\n\u2714 OS-aware, scheduled, and manual switching<br \/>\n\u2714 Lightweight and performance-focused<br \/>\n\u2714 No theme modification required<\/p>\n\n<p>[youtube https:\/\/www.youtube.com\/watch?v=camMkoEa_4Q&amp;list=PL_Vf9qsWW467H24WgSPp7eFtl-7LFBeIq]<\/p>\n\n<p><strong><a href=\"https:\/\/darkifywp.com\/\">Live Demo<\/a> | <a href=\"https:\/\/wordpress.org\/support\/plugin\/darkify\/\">Support<\/a> | <a href=\"https:\/\/darkifywp.com\/docs\/\">Documentation<\/a> | <a href=\"https:\/\/darkifywp.com\/pricing\/?ref=1\">Upgrade to Pro!<\/a><\/strong><\/p>\n\n<h4>Key Features of Darkify Dark mode Plugin<\/h4>\n\n<ul>\n<li><p><strong>Frontend Dark Mode<\/strong>: Enable dark mode on the public-facing website and allow visitors to switch between light and dark themes using a toggle.<\/p><\/li>\n<li><p><strong>Admin Dashboard Dark Mode<\/strong>: Apply dark mode to the WordPress admin area to provide a darker interface while managing site content and settings.<\/p><\/li>\n<li><p><strong>Editor-Specific Dark Mode<\/strong>: Enable dark mode independently for the WordPress Admin Panel, Block Editor (Gutenberg), and Classic Editor \u2014 darken the editor while the rest of the dashboard stays light, or the other way around.<\/p><\/li>\n<li><p><strong>Default Dark Mode<\/strong>: Load the website in dark mode by default while allowing visitors to switch back to light mode at any time.<\/p><\/li>\n<li><p><strong>OS-Aware Dark Mode<\/strong>: Detect the visitor\u2019s operating system preference and automatically apply light or dark mode accordingly.<\/p><\/li>\n<li><p><strong>Time-Based Dark Mode<\/strong>: Schedule automatic switching between light and dark mode based on a defined time range.<\/p><\/li>\n<li><p><strong>Keyboard Shortcut<\/strong>: Allow users to toggle dark mode with a keyboard shortcut. <strong>Ctrl + Alt + D<\/strong> works out of the box, and you can record any key combination you prefer instead.<\/p><\/li>\n<li><p><strong>Multiple Floating Switch Designs<\/strong>: Choose from 5 floating switch styles \u2014 16 in total with Pro \u2014 and pick the screen corner it sits in, with its own margin controls.<\/p><\/li>\n<li><p><strong>Switch Attention Effect<\/strong>: Enable an animation on the floating switch to draw visitor attention. Choose from multiple effect styles including Pulse to highlight the toggle without being intrusive.<\/p><\/li>\n<li><p><strong>Customizable Switch<\/strong>: Adjust the switch size, colors, icons, and styling to match the site\u2019s design.<\/p><\/li>\n<li><p><strong>Switch in Menu<\/strong>: Insert the dark mode toggle into selected WordPress navigation menus.<\/p><\/li>\n<li><p><strong>Shortcode Switch<\/strong>:  Place the dark mode toggle anywhere on the site using a shortcode, including pages, posts, widgets, or templates. Style it independently of the floating switch, or reuse the global settings.<\/p><\/li>\n<li><p><strong>Dark Mode Gutenberg Block<\/strong>: Instantly add a sleek dark mode toggle to any post or page using the Gutenberg block. Place it anywhere and give your visitors full control over their viewing experience.<\/p><\/li>\n<li><p><strong>Per-Block Switch Styling<\/strong>: Set the switch style, size, background, icon color, text color, border, corner radius, and alignment for each block directly inside the Gutenberg editor.<\/p><\/li>\n<li><p><strong>Dark Mode Elementor Widget<\/strong>: Seamlessly insert a customizable dark mode switch into any Elementor layout. Design it your way and match it perfectly with your site\u2019s style.<\/p><\/li>\n<li><p><strong>Dark Mode Widget Support<\/strong>: Easily enable dark mode for WordPress widgets and keep your entire site visually consistent\u2014no extra setup, no hassle.<\/p><\/li>\n<li><p><strong>Multiple Switch Placement Options<\/strong>: Display the dark mode toggle as a floating button, menu item, shortcode, or by targeting a custom CSS selector.<\/p><\/li>\n<li><p><strong>Mobile-Specific Controls<\/strong>: Control switch visibility, position, spacing, and behavior separately for mobile devices.<\/p><\/li>\n<li><p><strong>Color Presets &amp; Customization<\/strong>: Choose from 5 predefined dark color presets \u2014 11 in total with Pro \u2014 or manually configure background, text, link, and UI colors.<\/p><\/li>\n<li><p><strong>Dark Mode Scrollbar Styling<\/strong>: Optionally apply dark styling to browser scrollbars for a more consistent dark interface.<\/p><\/li>\n<li><p><strong>Advanced Image Control<\/strong>: Adjust image brightness, contrast, and grayscale settings to improve image visibility in dark mode.<\/p><\/li>\n<li><p><strong>Video Control<\/strong>: Modify video brightness and grayscale settings to better match dark mode layouts.<\/p><\/li>\n<li><p><strong>Element-Level Control<\/strong>: Include or exclude specific HTML elements, tags, classes, or IDs from dark mode styling.<\/p><\/li>\n<li><p><strong>Iframe Dark Mode<\/strong>: Keep embedded content in step with the active theme. Same-origin iframes are styled directly, and cross-origin embeds are notified of theme changes so they can follow along.<\/p><\/li>\n<li><p><strong>Live Preview<\/strong>: See your own site with your unsaved settings applied, right beside the settings \u2014 with desktop and mobile views, a refresh control, and a full screen mode.<\/p><\/li>\n<li><p><strong>Settings Search<\/strong>: Press Ctrl+K (Cmd+K on macOS) to jump straight to any setting from anywhere in the panel, without hunting through tabs.<\/p><\/li>\n<li><p><strong>Reset to Defaults<\/strong>: Restore a single section or every setting at once, each behind a confirmation step.<\/p><\/li>\n<li><p><strong>Settings Backup &amp; Restore<\/strong>: Export plugin settings to a file and import them on another site or restore them later.<\/p><\/li>\n<li><p><strong>Clean Uninstall Option<\/strong>: Optionally remove plugin settings and data from the database when uninstalling the plugin.<\/p><\/li>\n<li><p><strong>Page Builder Compatibility<\/strong>: Compatible with popular page builders such as Elementor, Divi, WPBakery, Beaver Builder, Visual Composer, and Oxygen.<\/p><\/li>\n<li><p><strong>Easy Settings Panel<\/strong>: Manage every feature from one modern, centralized settings panel in the WordPress admin area \u2014 organized into clear sections, usable on phones and tablets, with instant saves and clear success and error messages.<\/p><\/li>\n<li><p><strong>Multisite Support<\/strong>: Configure dark mode settings for WordPress multisite networks, globally or per site.<\/p><\/li>\n<li><p><strong>Multilingual Ready<\/strong>: Translation-ready and compatible with multilingual WordPress setups.<\/p><\/li>\n<li><p><strong>Theme Compatibility<\/strong>: Designed to work with most WordPress themes without requiring theme-specific modifications.<\/p><\/li>\n<li><p><strong>Developer-Friendly<\/strong>:  Provides a structured and extensible codebase that developers can customize using hooks and filters.<\/p><\/li>\n<li><p><strong>Cross-Browser Compatibility<\/strong>: Designed to work across modern browsers such as Chrome, Firefox, Safari, Edge, Opera, etc.<\/p><\/li>\n<li><p><strong>Documentation &amp; Support<\/strong>: User guides, tutorials, and support are available through documentation and the WordPress.org support forums.<\/p><\/li>\n<\/ul>\n\n<h3>Full Features &amp; Setup Guide<\/h3>\n\n<p>[youtube https:\/\/youtu.be\/H51pgFm52LY]<\/p>\n\n<h3>How to Add Dark Mode in Gutenberg (WordPress Block Editor)<\/h3>\n\n<p>[youtube https:\/\/youtu.be\/VbujMOaKp4o]<\/p>\n\n<h3>How to Add Dark Mode in Elementor<\/h3>\n\n<p>[youtube https:\/\/youtu.be\/7NAxigAQU6E]<\/p>\n\n<h4>Page Builder Compatibility<\/h4>\n\n<ul>\n<li>Gutenberg<\/li>\n<li>WPBakery<\/li>\n<li>Elementor<\/li>\n<li>Beaver Builder<\/li>\n<li>SiteOrigin<\/li>\n<li>Divi<\/li>\n<li>LayersWP<\/li>\n<li>MotoPress<\/li>\n<li>Cornerstone<\/li>\n<li>Themify Builder<\/li>\n<li>Spectra<\/li>\n<li>Visual Composer<\/li>\n<li>Brizy<\/li>\n<li>Oxygen Builder<\/li>\n<li>CoBlocks<\/li>\n<li>GreenShift<\/li>\n<li>Bricks Builder<\/li>\n<li>JetEngine (Crocoblock ecosystem)<\/li>\n<li>\u2026and more<\/li>\n<\/ul>\n\n<h4>Compatible Themes (examples)<\/h4>\n\n<ul>\n<li>Hello Elementor<\/li>\n<li>Astra<\/li>\n<li>Divi<\/li>\n<li>Kadence<\/li>\n<li>Themify Ultra<\/li>\n<li>OceanWP<\/li>\n<li>Hestia<\/li>\n<li>Inspiro<\/li>\n<li>GeneratePress<\/li>\n<li>Avada<\/li>\n<li>Blocksy<\/li>\n<li>Neve<\/li>\n<li>Betheme<\/li>\n<li>The7<\/li>\n<li>Flatsome<\/li>\n<li>BuddyBoss<\/li>\n<li>Spacious<\/li>\n<li>Responsive<\/li>\n<li>Customizr<\/li>\n<li>ColorMag<\/li>\n<li>Phlox<\/li>\n<li>Photograph<\/li>\n<li>Sydney<\/li>\n<li>Enfold<\/li>\n<li>Uncode<\/li>\n<li>Salient<\/li>\n<li>Jupiter X<\/li>\n<li>X Theme<\/li>\n<li>Newspaper<\/li>\n<li>Block Theme<\/li>\n<li>\u2026and more<\/li>\n<\/ul>\n\n<h4>\u2194 Slider Compatibility<\/h4>\n\n<p>Darkify is fully compatible with the most popular WordPress slider plugins:<\/p>\n\n<ul>\n<li>Slider Revolution<\/li>\n<li>Smart Slider 3<\/li>\n<li>LayerSlider<\/li>\n<li>MetaSlider<\/li>\n<li>Soliloquy<\/li>\n<li>Master Slider<\/li>\n<li>RoyalSlider<\/li>\n<li>Swiper (Theme-integrated sliders)<\/li>\n<li>Owl Carousel\u2013based sliders<\/li>\n<li>Slick Slider integrations<\/li>\n<li>Kadence Slider<\/li>\n<li>Elementor Slides Widget<\/li>\n<li>Divi Slider Module<\/li>\n<li>Avada Slider (Fusion Slider)<\/li>\n<li>Block Editor Slider Blocks<\/li>\n<li>Ultimate Addons Slider Modules<\/li>\n<li>\u2026and more<\/li>\n<\/ul>\n\n<h3>PRO VERSION FEATURES<\/h3>\n\n<p>\ud83c\udfa8 <strong>Design &amp; Customization Options<\/strong><\/p>\n\n<ul>\n<li><p><strong>16+ Floating Switch Designs<\/strong><br \/>\nChoose from a diverse collection of floating switch styles to perfectly match your website\u2019s look and feel.<\/p><\/li>\n<li><p><strong>Draggable Switch Positioning<\/strong><br \/>\nAllow users to move the floating dark mode switch anywhere on the screen. This drag-and-drop flexibility ensures convenient access from any page or section.<\/p><\/li>\n<li><p><strong>Special Color Preset Customization<\/strong><br \/>\nCustomize your dark mode theme with advanced color settings. Change link colors, border colors, form field styling, and button appearances to align with your brand identity.<\/p><\/li>\n<li><p><strong>Custom CSS for Dark Mode<\/strong><br \/>\nAdd custom CSS styles that apply <strong>only<\/strong> in dark mode. This gives developers and designers complete control for fine-tuning the dark theme experience.<\/p><\/li>\n<\/ul>\n\n<p>\ud83d\uddbc\ufe0f <strong>Media Handling<\/strong><\/p>\n\n<ul>\n<li><p><strong>Image Inversion<\/strong><br \/>\nAutomatically invert specific images for better visibility in dark mode. Improve both aesthetics and accessibility without needing to edit the original assets.<\/p><\/li>\n<li><p><strong>Image Replacement<\/strong><br \/>\nSeamlessly replace specific images with dark-mode-optimized versions. Perfect for logos, banners, or illustrations that need a customized look in night mode.<\/p><\/li>\n<li><p><strong>Video Replacement<\/strong><br \/>\nAutomatically swap videos with dark-friendly versions to maintain a consistent design across your website\u2019s visual elements.<\/p><\/li>\n<\/ul>\n\n<p>\ud83d\udd27 <strong>Advanced Visibility Controls<\/strong><\/p>\n\n<ul>\n<li><p><strong>Allow \/ Disallow Elements<\/strong><br \/>\nFine-tune your dark mode display by selecting which HTML elements or sections should use dark mode styling\u2014and which should not.<\/p><\/li>\n<li><p><strong>Allow \/ Disallow Pages<\/strong><br \/>\nChoose which individual pages display dark mode. Exclude landing pages, checkout flows, or any special content for a fully tailored user experience.<\/p><\/li>\n<li><p><strong>Allow \/ Disallow Posts<\/strong><br \/>\nDecide which specific posts support dark mode. Maintain full editorial control over how your content appears across different post types.<\/p><\/li>\n<\/ul>\n\n<h3>External services<\/h3>\n\n<p>Darkify uses <a href=\"https:\/\/appsero.com\">Appsero<\/a> SDK to collect some telemetry data upon user's confirmation. This helps us to troubleshoot problems faster &amp; make product improvements.<\/p>\n\n<p>Appsero SDK <strong>does not gather any data by default.<\/strong> The SDK only starts gathering basic telemetry data <strong>when a user allows it via the admin notice<\/strong>. We collect the data to ensure a great user experience for all our users.<\/p>\n\n<p>Integrating Appsero SDK <strong>DOES NOT IMMEDIATELY<\/strong> start gathering data, <strong>without confirmation from users in any case.<\/strong><\/p>\n\n<p>Learn more about how <a href=\"https:\/\/appsero.com\/privacy-policy\/\">Appsero collects and uses this data<\/a>.<\/p>\n\n<h3>OTHER AMAZING PRODUCTS FROM ThemeAtelier<\/h3>\n\n<p>\u27a1\ufe0f <strong><a href=\"https:\/\/wordpress.org\/plugins\/chat-help\/\">ChatHelp - WhatsApp Chat Help Plugin<\/a><\/strong> -  A flexible WhatsApp chat plugin that helps website visitors start instant conversations with you directly from your WordPress site.<\/p>\n\n<p>\u27a1\ufe0f <strong><a href=\"https:\/\/wordpress.org\/plugins\/eventful\/\">Eventful \u2013 Events Showcase and Filter Bar for The Events Calendar<\/a><\/strong> -  An event display plugin for The Events Calendar that helps you showcase events in clean, modern, and fully responsive layouts without any coding.<\/p>\n\n<p>\u27a1\ufe0f <strong><a href=\"https:\/\/wordpress.org\/plugins\/greet-bubble\/\">Greet \u2013 Video Bubble Warm Welcome Plugin<\/a><\/strong> - A video welcome bubble plugin that helps you greet visitors warmly and provide quick contact options to boost engagement.<\/p>\n\n<p>\u27a1\ufe0f <strong><a href=\"https:\/\/wordpress.org\/plugins\/domain-for-sale\/\">Domain For Sale<\/a><\/strong> - A domain listing and offer management plugin that helps you list domains, collect buyer offers, and manage secure sales with escrow payments directly from WordPress.<\/p>\n\n<p>\u27a1\ufe0f <strong><a href=\"https:\/\/wordpress.org\/plugins\/eventful-for-elementor\/\">Eventful for Elementor \u2013 Events Showcase For The Events Calendar and Elementor<\/a><\/strong> -  An Elementor addon for The Events Calendar that lets you design and display events using Elementor widgets with advanced, responsive layouts.<\/p>\n\n<p>\u27a1\ufe0f <strong><a href=\"https:\/\/wordpress.org\/plugins\/better-chat-support\/\">Better Chat Support For Messenger<\/a><\/strong> -  A Facebook Messenger chat plugin that allows visitors to contact you instantly through Messenger with customizable chat bubbles.<\/p>\n\n<!--section=installation-->\n<h4>AUTOMATIC INSTALLATION (EASIEST WAY)<\/h4>\n\n<ul>\n<li>Visit <strong>Plugins &gt; Add New<\/strong>.<\/li>\n<li>Search for <strong>Darkify Dark Mode<\/strong>.<\/li>\n<li>Install and activate the Darkify plugin.<\/li>\n<\/ul>\n\n<h4>MANUAL INSTALLATION<\/h4>\n\n<p><strong>Uploading in WordPress Dashboard<\/strong><\/p>\n\n<ul>\n<li>Download darkify.zip<\/li>\n<li>Navigate to the \u2018Add New\u2019 in the plugins dashboard<\/li>\n<li>Navigate to the \u2018Upload\u2019 area<\/li>\n<li>Select darkify.zip from your computer<\/li>\n<li>Click \u2018Install Now\u2019<\/li>\n<li>Activate the plugin in the Plugin dashboard<\/li>\n<\/ul>\n\n<p><strong>Using FTP<\/strong><\/p>\n\n<ul>\n<li>Download darkify.zip<\/li>\n<li>Extract the darkify folder to your computer<\/li>\n<li>Upload the darkify folder to the \/wp-content\/plugins\/ directory<\/li>\n<li>Activate the plugin in the Plugin dashboard<\/li>\n<\/ul>\n\n<h4>After activation<\/h4>\n\n<ul>\n<li>Go 'Darkify' Menu from the left panel of admin<\/li>\n<li>Configure settings as you want.<\/li>\n<\/ul>\n\n<p><a href=\"https:\/\/darkifywp.com\/docs\/quick-start-guide\/\">For basic usage, have a look at Darkify quick start guide<\/a><\/p>\n\n<!--section=faq-->\n<dl>\n<dt id=\"can%20i%20enable%20dark%20mode%20only%20for%20the%20wordpress%20admin%20dashboard%3F\"><h3>Can I enable Dark Mode only for the WordPress Admin Dashboard?<\/h3><\/dt>\n<dd><p>Yes! You can choose to enable Dark Mode specifically for the <strong>Admin Panel, Block Editor (Gutenberg)<\/strong>, and <strong>Classic Editor<\/strong> from the Admin settings, even if the frontend is disabled.<\/p><\/dd>\n<dt id=\"does%20darkify%20support%20automatic%20switching%20based%20on%20os%20settings%3F\"><h3>Does Darkify support automatic switching based on OS settings?<\/h3><\/dt>\n<dd><p>Absolutely. You can enable the <strong>OS Aware Dark Mode<\/strong> feature, which automatically detects if a user is using a dark or light theme on their device (macOS, Windows, iOS, or Android) and matches your site accordingly.<\/p><\/dd>\n<dt id=\"is%20it%20possible%20to%20schedule%20dark%20mode%20for%20specific%20hours%3F\"><h3>Is it possible to schedule Dark Mode for specific hours?<\/h3><\/dt>\n<dd><p>Yes, the plugin includes a <strong>Time Based Auto Dark Mode<\/strong> feature where you can pick a specific \"From\" and \"To\" time to automate the transition based on the user's local time.<\/p><\/dd>\n<dt id=\"can%20i%20customize%20the%20appearance%20of%20the%20dark%20mode%20switch%3F\"><h3>Can I customize the appearance of the dark mode switch?<\/h3><\/dt>\n<dd><p>Yes, Darkify offers a range of <strong>Switch Togglers<\/strong> (e.g., Orbit, Classic, Expand, Inner Moon, Within), with more available in Pro. You can also fully customize the switch background, size, icon color, and border.<\/p><\/dd>\n<dt id=\"does%20the%20plugin%20allow%20me%20to%20exclude%20certain%20pages%20or%20elements%3F\"><h3>Does the plugin allow me to exclude certain pages or elements?<\/h3><\/dt>\n<dd><p>Yes, the <strong>Advanced<\/strong> settings allow you to disallow Dark Mode on specific page slugs. You can also fine-tune the experience by allowing or disallowing specific HTML elements, tags, or CSS IDs.<\/p><\/dd>\n<dt id=\"will%20my%20images%20and%20videos%20look%20too%20bright%20in%20dark%20mode%3F\"><h3>Will my images and videos look too bright in Dark Mode?<\/h3><\/dt>\n<dd><p>Darkify includes <strong>Image and Video Controls<\/strong> that allow you to lower brightness, apply grayscale levels, or even replace specific media files with dark-mode-optimized versions to maintain a perfect aesthetic.<\/p><\/dd>\n<dt id=\"can%20i%20change%20the%20color%20scheme%20to%20match%20my%20brand%3F\"><h3>Can I change the color scheme to match my brand?<\/h3><\/dt>\n<dd><p>Definitely. You can choose from several <strong>Color Presets<\/strong> (like Midnight Reverie or Verdant Depths) or manually customize the background, text, link, and button colors.<\/p><\/dd>\n<dt id=\"does%20darkify%20clean%20up%20data%20when%20uninstalled%3F\"><h3>Does Darkify clean up data when uninstalled?<\/h3><\/dt>\n<dd><p>Yes, under the <strong>Extras<\/strong> tab, you have an option to clean up all plugin data and settings when the plugin is deleted, keeping your database clean and optimized.<\/p><\/dd>\n<dt id=\"does%20darkify%20work%20with%20elementor%20and%20other%20page%20builders%3F\"><h3>Does Darkify work with Elementor and other Page Builders?<\/h3><\/dt>\n<dd><p>Yes! Darkify is fully compatible with popular page builders like <strong>Elementor, Divi, WPBakery, Beaver Builder, and Oxygen<\/strong>. It automatically adapts to their structures for a seamless dark mode experience.<\/p><\/dd>\n<dt id=\"will%20darkify%20slow%20down%20my%20website%20loading%20speed%3F\"><h3>Will Darkify slow down my website loading speed?<\/h3><\/dt>\n<dd><p>Not at all. Darkify is built with a <strong>performance-first approach<\/strong>. It is extremely lightweight, uses optimized CSS\/JS, and works perfectly with caching plugins like <strong>WP Rocket, W3 Total Cache, and LiteSpeed Cache<\/strong>.<\/p><\/dd>\n<dt id=\"is%20this%20plugin%20compatible%20with%20woocommerce%3F\"><h3>Is this plugin compatible with WooCommerce?<\/h3><\/dt>\n<dd><p>Yes, Darkify is <strong>WooCommerce ready<\/strong>. It applies dark mode styling to WooCommerce pages such as product, cart, and checkout layouts.<\/p><\/dd>\n<dt id=\"do%20i%20need%20any%20coding%20knowledge%20to%20use%20this%20plugin%3F\"><h3>Do I need any coding knowledge to use this plugin?<\/h3><\/dt>\n<dd><p>No coding is required. You can manage everything\u2014from color presets to switch styles\u2014through our intuitive settings dashboard.<\/p><\/dd>\n<dt id=\"is%20darkify%20dark%20mode%20gdpr%20compliant%3F\"><h3>Is Darkify Dark Mode GDPR compliant?<\/h3><\/dt>\n<dd><p>Darkify does not collect personal data and stores user preferences locally in the browser.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>2.0.1 \u2013 31 July 2026<\/h4>\n\n<ul>\n<li>Fixed: The settings sidebar no longer loses its full height on sites with a long WordPress admin menu \u2014 the admin menu scrolls on its own again, separately from the plugin's own settings area.<\/li>\n<\/ul>\n\n<h4>2.0.0 \u2013 28 July 2026<\/h4>\n\n<ul>\n<li>Added: Completely rebuilt admin interface \u2014 a modern React settings panel with a section sidebar, a new admin header, redesigned settings screens, and toast notifications for saves and errors.<\/li>\n<li>Added: Live Preview \u2014 see your own site with your unsaved settings applied, right beside the settings. Includes desktop and mobile device views, a refresh control, and a full screen mode.<\/li>\n<li>Added: Settings Search \u2014 press Ctrl+K (Cmd+K on macOS) anywhere in the settings to jump straight to any option. Navigate results with the arrow keys and press Enter; the field is highlighted on arrival.<\/li>\n<li>Added: Reset controls \u2014 reset just the section you are on, or every setting at once, each behind a confirmation dialog.<\/li>\n<li>Added: New Tools page collecting the maintenance utilities \u2014 Clean-up Data on Deletion, plus Backup &amp; Restore to export your settings as a .json file and import them back later.<\/li>\n<li>Added: Keyboard Shortcut is now configurable \u2014 record your own key combination instead of the fixed default (Ctrl+Alt+D). The shortcut matches the physical key, so macOS Option characters no longer break it.<\/li>\n<li>Added: Switch Position is now a visual picker \u2014 click the corner you want, with its own margin controls for that corner.<\/li>\n<li>Added: Shortcode switches can be styled independently \u2014 turn off \"Use Global Switch Settings\" to give a shortcode its own style, size, colors, and border without touching the site-wide floating switch.<\/li>\n<li>Added: Switch Text Color control for the Dual switch style, with separate light and dark mode colors.<\/li>\n<li>Added: Alternative Dark Mode Switch now validates your CSS selectors as you type and reports an invalid selector inline.<\/li>\n<li>Added: The settings screen now works on phones and tablets \u2014 the header nav becomes a slide-out drawer with the same sections and tabs.<\/li>\n<li>Added: Color fields now accept HEX, RGB(A) and HSL(A) values. Pick a color visually or type any supported format, with a format switcher and validation for invalid values.<\/li>\n<li>Added: Switch Border now has a Dark Mode border color control alongside the light mode color.<\/li>\n<li>Added: Redesigned Get Help page with four tabs \u2014 Get Started (video tutorials), Recommended (one-click install for our free plugins), Lite vs Pro comparison, and Pro Plugins.<\/li>\n<li>Improved: Every settings page is now grouped into clearly separated cards with a short intro line, so long pages are easier to scan.<\/li>\n<li>Improved: Standalone toggles now save automatically, so switching an option applies it right away without a separate save step.<\/li>\n<li>Improved: Dark mode now recognises admin screens from other plugins that ship their own dark theme and leaves them to it, instead of double-darkening them. The standard <code>dark<\/code> class is mirrored on every admin screen, so those apps follow your Admin Dark Mode setting automatically.<\/li>\n<li>Improved: Block Editor Dark Mode is now independent of Admin Panel Dark Mode \u2014 you can darken the editor while the rest of wp-admin stays light.<\/li>\n<li>Improved: When Frontend Dark Mode is turned off, Darkify now loads nothing at all on the front end \u2014 no CSS, no JS, no inline output.<\/li>\n<li>Improved: Pro-only settings now use a clearer locked-field design with PRO badges, so it is obvious at a glance which features are part of Pro.<\/li>\n<li>Improved: Setting defaults resolve more reliably, so a fresh install shows the documented values on every screen.<\/li>\n<li>Improved: Settings screens now show a loading placeholder while the options load, instead of a blank or half-built page.<\/li>\n<li>Improved: All existing settings are preserved \u2014 no reconfiguration is needed after updating.<\/li>\n<li>Improved: Smaller plugin download after removing the retired options framework and the old help page assets.<\/li>\n<li>Fixed: Admin dark mode could fail to apply because the inline theme script was altered before it ran.<\/li>\n<li>Fixed: Replace Images and Replace Videos are Pro-only features and no longer appear editable in the free version.<\/li>\n<li>Fixed: Live Preview no longer gets clipped or cut off on smaller screens \u2014 it now scales to fit the available space at any window size.<\/li>\n<li>Fixed: Live Preview in full screen now always appears above the admin header, at any scroll position.<\/li>\n<li>Fixed: Live Preview now reflects the Menu Switch toggle before you save, like every other setting.<\/li>\n<li>Fixed: The switch could lose its own positioning context, letting a theme's wrapper shift the inner toggle out of place.<\/li>\n<li>Fixed: The Orbit switch could be stretched into a full-width bar when placed inside a nav menu or widget area that lays its children out with flexbox.<\/li>\n<li>Changed: Dark Scroll Bar is now off by default on new installs. Existing sites keep their saved setting.<\/li>\n<li>Changed: Minimum WordPress version is now 5.5.<\/li>\n<li>Removed: \"Live Demo\" and \"Open Docs\" buttons from individual settings fields.<\/li>\n<li>Removed: Custom scrollbar arrow-button images \u2014 the scrollbar now uses the browser's native arrows in dark mode.<\/li>\n<\/ul>\n\n<h4>1.5.5 \u2013 24 June 2026<\/h4>\n\n<ul>\n<li>Added: Different Switch in Mobile \u2014 configure a completely separate floating switch for mobile screens, including its own toggler style, size, background, icon color, border, and attention effect.<\/li>\n<li>Improved: When enabled, the mobile switch settings override the default switch only on mobile devices (\u2264600px); desktop continues to use the default configuration.<\/li>\n<li>Fixed: Mobile switch icon centering \u2014 the swap between the default and mobile switch now toggles visibility without overriding the flexbox centering, so the icon stays perfectly centered in every switch style.<\/li>\n<\/ul>\n\n<h4>1.5.4 \u2013 05 June 2026<\/h4>\n\n<ul>\n<li>Added: New Frontend Iframe Dark Mode option to enable or disable dark mode specifically for frontend iframes (enabled by default for backward compatibility).<\/li>\n<li>Added: Dark mode now synchronizes with content loaded inside iframes. Same-origin iframes are styled directly (dark class, CSS variables, and element processing injected into the frame); cross-origin iframes receive the active theme through a postMessage bridge.<\/li>\n<li>Added: Real-time iframe theme sync \u2014 toggling dark mode or changing the color palette updates iframe content instantly, on both initial load and live changes, without a page reload.<\/li>\n<li>Improved: Iframe sections now respect the Dark Primary \/ Dark Secondary structure, matching the primary\/secondary background logic used for regular page elements.<\/li>\n<li>Fixed: Iframe colors lagged one palette behind due to the palette being applied after the iframe sync; the palette is now applied before iframes are synced.<\/li>\n<li>Fixed: Live theme changes did not reach cross-origin iframes \u2014 the broadcast was skipped by the cross-origin document-access guard, so updates only appeared after a manual reload.<\/li>\n<\/ul>\n\n<h4>1.5.3 \u2013 19 May 2026<\/h4>\n\n<ul>\n<li>Added: Switch Attention Effect option \u2014 enable an animation (pulse) to draw visitor attention to the floating dark mode switcher.<\/li>\n<li>Added: Attention Effect Style selector with Pulse, Radiance, Leap, Swing, Drift, and Nudge options (Pulse available; others coming soon).<\/li>\n<li>Improved: Renamed \"Customization\" tab to \"Floating Switch\" for clearer admin panel labeling.<\/li>\n<li>Improved: \"Alternative Dark Mode Switch\" field moved to a more logical position within the Floating Switch tab.<\/li>\n<li>Fixed: PHP 8.1+ undefined-index and trim(null) notices in CSS attribute parser when malformed CSS attributes lack a colon separator.<\/li>\n<li>Fixed: Dark mode not applying inside the Gutenberg editor (WordPress 7 compatibility).<\/li>\n<\/ul>\n\n<h4>1.5.2 \u2013 05 May 2026<\/h4>\n\n<ul>\n<li>Added: Dark mode now applies to ::before and ::after pseudo-elements that have a light background color. Colors alternate between primary and secondary dark backgrounds, matching the same primary\/secondary logic used for regular section elements.<\/li>\n<li>Fixed: Switcher CSS now always loads in the page  \u2014 no longer deferred to footer on headless themes, shortcode pages, Elementor pages, or nav menu usage.<\/li>\n<li>Fixed: Switcher CSS now only loads on pages where the switcher is actually used (global floating switcher, shortcode, Gutenberg block, or nav menu) instead of on every page.<\/li>\n<li>Improved: All switcher style handles are registered at init so the Gutenberg block system and Elementor can reliably resolve them before wp_head fires.<\/li>\n<li>Fixed: Gutenberg block (darkify\/switcher) base CSS now loads automatically via block.json \u2014 only when the block is present on a page.<\/li>\n<li>Fixed: Removed a blanket enqueue of client_main.css that was loading on every page via the block registration hook.<\/li>\n<\/ul>\n\n<h4>1.5.1 \u2013 04 May 2026<\/h4>\n\n<ul>\n<li>Added: Color theme change option on Gutenberg block editor.<\/li>\n<li>Updated: Minor CSS improvements.<\/li>\n<\/ul>\n\n<h4>1.5.0 \u2013 20 April 2026<\/h4>\n\n<ul>\n<li>Added: Gutenberg block integration with dedicated block support.<\/li>\n<li>Added: Custom block controls for switch styling within the block editor.<\/li>\n<li>Added: Elementor integration with dedicated widget support.<\/li>\n<li>Added: Custom Elementor controls for switch styling.<\/li>\n<li>Improved: Compatibility with Gutenberg editor interface and block settings panel.<\/li>\n<li>Improved: Compatibility with Elementor editor panel.<\/li>\n<\/ul>\n\n<h4>1.4.26 \u2013 17 April 2026<\/h4>\n\n<ul>\n<li>Fixed: Button block plugins button styling issue.<\/li>\n<\/ul>\n\n<h4>1.4.25 \u2013 31 March 2026<\/h4>\n\n<ul>\n<li>Added: Custom admin dark mode CSS option.<\/li>\n<li>Fixed: Classic editor styling issue.<\/li>\n<li>Updated: Minor CSS improvements.<\/li>\n<\/ul>\n\n<h4>1.4.24 \u2013 04 March 2026<\/h4>\n\n<ul>\n<li>Updated: Removed Classic Editor Dark Mode dependency.<\/li>\n<li>Fixed: Iframe background issue.<\/li>\n<li>Fixed: Switcher animation issue.<\/li>\n<li>Tested: Compatibility with WordPress 6.9.1.<\/li>\n<\/ul>\n\n<h4>1.4.23 \u2013 21 February 2026<\/h4>\n\n<ul>\n<li>Fixed: Low brightness issues.<\/li>\n<li>Added: New instructional video items for plugin help page.<\/li>\n<\/ul>\n\n<h4>1.4.22 \u2013 09 February 2026<\/h4>\n\n<ul>\n<li>Fixed: Menu switcher css load issue.<\/li>\n<\/ul>\n\n<h4>1.4.21 \u2013 03 February 2026<\/h4>\n\n<ul>\n<li>Added: Preset size options for the Switcher.<\/li>\n<li>Added: Custom size option for the Switcher.<\/li>\n<li>Fixed: Switcher load animation issue.<\/li>\n<\/ul>\n\n<h4>1.4.20 \u2013 14 January 2026<\/h4>\n\n<ul>\n<li>Removed Appsero integration.<\/li>\n<li>Improved internal code structure.<\/li>\n<\/ul>\n\n<h4>1.4.19 \u2013 01 January 2026<\/h4>\n\n<ul>\n<li>Updated: Plugin readme.<\/li>\n<\/ul>\n\n<h4>1.4.18 \u2013 21 December 2025<\/h4>\n\n<ul>\n<li>Tested: WordPress 6.9 compatibility.<\/li>\n<\/ul>\n\n<h4>1.4.17 \u2013 16 December 2025<\/h4>\n\n<ul>\n<li>Fixed: Fatal error with Avada (Fusion Builder) latest version.<\/li>\n<\/ul>\n\n<h4>1.4.16 \u2013 09 December 2025<\/h4>\n\n<ul>\n<li>Fixed: Gutenberg Block Editor dark mode issue.<\/li>\n<\/ul>\n\n<h4>1.4.15 \u2013 21 November 2025<\/h4>\n\n<ul>\n<li>Fixed: Admin panel dark mode rendering issue when used with MainWP.<\/li>\n<\/ul>\n\n<h4>1.4.14 \u2013 15 November 2025<\/h4>\n\n<ul>\n<li>Fixed: Time-Based Dark Mode time picker issue.<\/li>\n<\/ul>\n\n<h4>1.4.13 \u2013 12 November 2025<\/h4>\n\n<ul>\n<li>Added: New switch toggler styles.<\/li>\n<li>Added: Option to enable\/disable Dark Mode in the Block Editor.<\/li>\n<li>Added: Option to enable\/disable Dark Mode in the Classic Editor.<\/li>\n<li>Fixed: JavaScript error causing unexpected behavior.<\/li>\n<li>Improved: Overall code performance and maintainability.<\/li>\n<li>Security: Ensured proper data sanitization, validation, and escaping.<\/li>\n<\/ul>\n\n<h4>1.4.12 \u2013 25 October 2025<\/h4>\n\n<ul>\n<li>Tested: WordPress 6.8.3 compatibility.<\/li>\n<li>Improved: Internal code structure.<\/li>\n<\/ul>\n\n<h4>1.4.11 \u2013 24 September 2025<\/h4>\n\n<ul>\n<li>Added: Proper nonce verification (<code>check_ajax_referer<\/code>) for all AJAX requests and admin submissions.<\/li>\n<li>Fixed: Ensured nonce validation runs early and cannot be bypassed.<\/li>\n<li>Removed: Direct review\/rating links from admin pages (per WordPress.org guidelines).<\/li>\n<li>Updated: Plugin title and descriptions to remove redundant use of the word \u201cPlugin\u201d.<\/li>\n<li>Documented: External services usage where applicable.<\/li>\n<li>Removed: All external CDN\/script\/image calls; assets are now bundled locally.<\/li>\n<\/ul>\n\n<h4>1.4.10 \u2013 23 September 2025<\/h4>\n\n<ul>\n<li>Updated: Switched to WordPress core libraries (e.g. CodeMirror via <code>wp_enqueue_code_editor<\/code>).<\/li>\n<li>Improved: Compatibility with WordPress security standards.<\/li>\n<li>Updated: Bundled PHP libraries to latest stable versions.<\/li>\n<li>Added: <code>composer.json<\/code> for dependency management.<\/li>\n<li>Added: Proper escaping and translation-ready strings.<\/li>\n<\/ul>\n\n<h4>1.4.9 \u2013 17 September 2025<\/h4>\n\n<ul>\n<li>Added: Documentation and demo links for all fields.<\/li>\n<\/ul>\n\n<h4>1.4.8 \u2013 30 August 2025<\/h4>\n\n<ul>\n<li>Fixed: PHP warning related to missing default function arguments.<\/li>\n<\/ul>\n\n<h4>1.4.7 \u2013 30 August 2025<\/h4>\n\n<ul>\n<li>Added: Labels and descriptions for option fields.<\/li>\n<li>Fixed: Custom CSS field parsing issue.<\/li>\n<\/ul>\n\n<h4>1.4.6 \u2013 11 August 2025<\/h4>\n\n<ul>\n<li>Added: Option to display the switcher before or after menu items.<\/li>\n<\/ul>\n\n<h4>1.4.5 \u2013 24 July 2025<\/h4>\n\n<ul>\n<li>Fixed: Flickering issue on browser refresh when default dark mode is enabled.<\/li>\n<li>Added: Instructional videos in the admin panel.<\/li>\n<\/ul>\n\n<h4>1.4.4 \u2013 16 June 2025<\/h4>\n\n<ul>\n<li>Fixed: Tooltip display issue.<\/li>\n<\/ul>\n\n<h4>1.4.3 \u2013 01 June 2025<\/h4>\n\n<ul>\n<li>Added: Demo links for color presets.<\/li>\n<\/ul>\n\n<h4>1.4.2 \u2013 26 May 2025<\/h4>\n\n<ul>\n<li>Improved: Preset colors for better UI element visibility.<\/li>\n<li>Fixed: Uncode theme dark mode loading issue on page reload.<\/li>\n<li>Fixed: Switcher shortcode animation issue.<\/li>\n<\/ul>\n\n<h4>1.4.1 \u2013 21 May 2025<\/h4>\n\n<ul>\n<li>Updated: Plugin settings URL.<\/li>\n<\/ul>\n\n<h4>1.4.0 \u2013 15 May 2025<\/h4>\n\n<ul>\n<li>Updated: Redesigned admin UI\/UX.<\/li>\n<li>Updated: CSS and JS codebase for performance and maintainability.<\/li>\n<li>Fixed: Invert specific images option.<\/li>\n<li>Fixed: Low brightness option issue.<\/li>\n<li>Fixed: Time-based auto dark mode.<\/li>\n<li>Fixed: Admin notice display issue.<\/li>\n<li>Added: Help tooltips in settings.<\/li>\n<\/ul>\n\n<h4>1.3.5 \u2013 22 April 2025<\/h4>\n\n<ul>\n<li>Fixed: Translation-related warning in WordPress 6.8.<\/li>\n<\/ul>\n\n<h4>1.3.4 \u2013 08 April 2025<\/h4>\n\n<ul>\n<li>Tested: WordPress 6.8 compatibility.<\/li>\n<li>Updated: Plugin help page content.<\/li>\n<li>Updated: Readme content.<\/li>\n<\/ul>\n\n<h4>1.3.3 \u2013 06 April 2025<\/h4>\n\n<ul>\n<li>Improved: Internal code structure.<\/li>\n<\/ul>\n\n<h4>1.3.2 \u2013 24 March 2025<\/h4>\n\n<ul>\n<li>Improved: Code formatting and variable handling.<\/li>\n<li>Fixed: Minor PHP warnings.<\/li>\n<\/ul>\n\n<h4>1.3.1 \u2013 21 March 2025<\/h4>\n\n<ul>\n<li>Updated: Readme file.<\/li>\n<li>Added: Screenshots for better documentation.<\/li>\n<li>Fixed: PHP warnings.<\/li>\n<\/ul>\n\n<h4>1.3.0 \u2013 20 March 2025<\/h4>\n\n<ul>\n<li>Updated: Core plugin architecture and added autoloading.<\/li>\n<li>Updated: Admin options for improved usability.<\/li>\n<\/ul>\n\n<h4>1.2.5 \u2013 19 March 2025<\/h4>\n\n<ul>\n<li>Fixed: Flickering issue on browser refresh.<\/li>\n<li>Added: Help tab in plugin options.<\/li>\n<\/ul>\n\n<h4>1.2.4 \u2013 03 March 2025<\/h4>\n\n<ul>\n<li>Fixed: Translation warning.<\/li>\n<li>Tested: WordPress 6.7.2 compatibility.<\/li>\n<\/ul>\n\n<h4>1.2.3<\/h4>\n\n<ul>\n<li>Tested: WordPress 6.7.1 compatibility.<\/li>\n<\/ul>\n\n<h4>1.2.2<\/h4>\n\n<ul>\n<li>Tested: WordPress 6.7 compatibility.<\/li>\n<\/ul>\n\n<h4>1.2.1<\/h4>\n\n<ul>\n<li>Improved: <code>DRK_Fields<\/code> class structure.<\/li>\n<li>Updated: Compatibility with latest WordPress and PHP versions.<\/li>\n<\/ul>\n\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>Added: Switcher shortcode copy option in admin panel.<\/li>\n<li>Added: Pro version link on plugin list page.<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Fixed: Plugin URL issue.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"Darkify Dark Mode adds dark mode and night mode to WordPress websites and admin dashboards using a fast, lightweight, customizable dark mode toggle.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/mya.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/185260","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mya.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/mya.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/mya.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=185260"}],"author":[{"embeddable":true,"href":"https:\/\/mya.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/themeatelier"}],"wp:attachment":[{"href":"https:\/\/mya.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=185260"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/mya.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=185260"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/mya.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=185260"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/mya.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=185260"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/mya.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=185260"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/mya.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=185260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}