{"id":367981,"date":"2026-09-10T14:25:14","date_gmt":"2026-09-10T14:25:14","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/darkfic\/"},"modified":"2026-10-02T01:54:11","modified_gmt":"2026-10-02T01:54:11","slug":"darkfic","status":"closed","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/darkfic\/","author":23547781,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.0","stable_tag":"1.0.0","tested":"7.1.3","requires":"5.5","requires_php":"7.1","requires_plugins":null,"header_name":"Darkfic","header_author":"Alex Piter","header_description":"Darkfic: Enable dark mode for your WordPress website.","assets_banners_color":"","last_updated":"2026-10-02 01:54:11","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":0,"downloads":0,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":[],"ratings":[],"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":[],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"Frontend dark mode with the floating switch.","2":"The settings panel with live preview.","3":"Admin dashboard dark mode.","4":"Block Editor dark mode.","5":"Switch designs and customization options."}},"plugin_section":[],"plugin_tags":[],"plugin_category":[],"plugin_contributors":[],"plugin_business_model":[],"class_list":["post-367981","plugin","type-plugin","status-closed","hentry","plugin_committers-alexpiter"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/darkfic.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"\n\n<!--section=description-->\n<p>Darkfic adds dark mode to the public side of a WordPress site and to the admin dashboard. Visitors switch between light and dark with a toggle; site owners decide where dark mode applies and how it looks.<\/p>\n\n<p>Dark mode can be enabled for the frontend, the admin panel, the Block Editor and the Classic Editor independently. You can darken the editor while the rest of the dashboard stays light, or the reverse.<\/p>\n\n<p>Styling is applied through configurable rules at runtime, so no theme files are edited and no custom code is required. Settings live in a single admin panel and can be exported and imported between sites.<\/p>\n\n<h4>Switching between light and dark<\/h4>\n\n<ul>\n<li><strong>Manual toggle<\/strong> \u2013 a floating switch, a menu item, a shortcode, or any element matched by a CSS selector.<\/li>\n<li><strong>Default dark mode<\/strong> \u2013 load the site dark on first visit, with light mode still available.<\/li>\n<li><strong>OS-aware<\/strong> \u2013 follow the visitor's system preference.<\/li>\n<li><strong>Time-based<\/strong> \u2013 switch automatically between a chosen \"from\" and \"to\" time, based on the visitor's local clock.<\/li>\n<li><strong>Keyboard shortcut<\/strong> \u2013 Ctrl + Alt + D by default; any combination can be recorded in its place.<\/li>\n<\/ul>\n\n<h4>The switch<\/h4>\n\n<ul>\n<li>5 floating switch designs, with a choice of screen corner and its own margin controls.<\/li>\n<li>Adjustable size, colors, icons and border.<\/li>\n<li>Optional attention animation, including a pulse effect.<\/li>\n<li>Separate visibility, position and spacing settings for mobile.<\/li>\n<li>The shortcode switch can inherit the global settings or be styled on its own.<\/li>\n<\/ul>\n\n<h4>Colors and content<\/h4>\n\n<ul>\n<li>5 dark color presets, each with adjustable background colors.<\/li>\n<li>Separate color presets for the admin panel and the Block Editor. Both default to Auto, which derives a shade per color on screen instead of forcing a single background and text color, so admin screens added by other plugins stay readable without being configured first.<\/li>\n<li>Image brightness, contrast and grayscale controls.<\/li>\n<li>Video brightness and grayscale controls.<\/li>\n<li>Optional dark scrollbar styling.<\/li>\n<li>Same-origin iframes are styled directly; cross-origin embeds are notified of theme changes so they can follow along if they support it.<\/li>\n<\/ul>\n\n<h4>Working in the settings panel<\/h4>\n\n<ul>\n<li>Live preview of your own site with unsaved settings applied, in desktop and mobile views, with a refresh control and a full screen mode.<\/li>\n<li>Settings search with Ctrl + K (Cmd + K on macOS).<\/li>\n<li>Reset a single section or every setting, each behind a confirmation step.<\/li>\n<li>Export settings to a file and import them elsewhere.<\/li>\n<li>Optional removal of all plugin data from the database on uninstall.<\/li>\n<\/ul>\n\n<h4>Compatibility<\/h4>\n\n<p>Darkfic uses standard theme markup rather than theme-specific rules, so it does not need per-theme configuration in most cases. It has been used with block themes, classic themes, WooCommerce. It is translation-ready and works on multisite, network-wide or per site. Hooks and filters are available for developers who want to extend it.<\/p>\n\n<p>Themes and builders vary widely. Darkfic is built to work with the markup they output, but results can differ from theme to theme.<\/p>\n\n<h3>Third-Party Libraries<\/h3>\n\n<p>Darkfic bundles Dark Reader, which renders dark mode in the WordPress admin. It is licensed under the MIT License, which is compatible with this plugin's GPLv2-or-later license. The full copyright and permission notice is included in <code>assets\/vendor\/darkreader.js<\/code>.<\/p>\n\n<p>Dark Reader runs entirely in the browser on the pages you are already viewing. It makes no network requests of its own and sends nothing anywhere. It is a bundled library, not an external service.<\/p>\n\n<!--section=installation-->\n<h4>From the WordPress dashboard<\/h4>\n\n<ol>\n<li>Go to Plugins &gt; Add New.<\/li>\n<li>Search for Darkfic Dark Mode.<\/li>\n<li>Install and activate.<\/li>\n<\/ol>\n\n<h4>Manual upload<\/h4>\n\n<ol>\n<li>Download darkfic.zip.<\/li>\n<li>Go to Plugins &gt; Add New &gt; Upload Plugin.<\/li>\n<li>Select darkfic.zip and click Install Now.<\/li>\n<li>Activate the plugin.<\/li>\n<\/ol>\n\n<h4>Manual install over FTP<\/h4>\n\n<ol>\n<li>Download darkfic.zip and extract it.<\/li>\n<li>Upload the <code>darkfic<\/code> folder to <code>\/wp-content\/plugins\/<\/code>.<\/li>\n<li>Activate the plugin from the Plugins screen.<\/li>\n<\/ol>\n\n<h4>After activation<\/h4>\n\n<p>Open the Darkfic menu in the admin sidebar and configure the settings.<\/p>\n\n<!--section=faq-->\n<dl>\n<dt id=\"can%20i%20enable%20dark%20mode%20only%20for%20the%20admin%20dashboard%3F\"><h3>Can I enable dark mode only for the admin dashboard?<\/h3><\/dt>\n<dd><p>Yes. The Admin Panel, Block Editor and Classic Editor each have their own setting, and they work whether or not frontend dark mode is enabled.<\/p><\/dd>\n<dt id=\"does%20it%20follow%20the%20visitor%27s%20system%20theme%3F\"><h3>Does it follow the visitor's system theme?<\/h3><\/dt>\n<dd><p>Yes, if OS Aware Dark Mode is enabled. The plugin reads the browser's reported color scheme preference, which follows the operating system setting on macOS, Windows, iOS and Android.<\/p><\/dd>\n<dt id=\"can%20dark%20mode%20be%20scheduled%3F\"><h3>Can dark mode be scheduled?<\/h3><\/dt>\n<dd><p>Yes. Time Based Dark Mode takes a \"from\" and a \"to\" time and switches on the visitor's local clock.<\/p><\/dd>\n<dt id=\"can%20i%20change%20how%20the%20switch%20looks%3F\"><h3>Can I change how the switch looks?<\/h3><\/dt>\n<dd><p>Yes. There are 5 floating switch designs (Orbit, Classic, Expand, Inner Moon, Within), and the background, size, icon color and border are all adjustable.<\/p><\/dd>\n<dt id=\"my%20images%20look%20too%20bright%20in%20dark%20mode.\"><h3>My images look too bright in dark mode.<\/h3><\/dt>\n<dd><p>Lower the brightness or raise the grayscale level under the image controls. The same controls exist for video.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20elementor%20and%20other%20page%20builders%3F\"><h3>Does it work with Elementor and other page builders?<\/h3><\/dt>\n<dd><p>It is built to work with the markup those builders output, and has been used with Elementor, Divi, WPBakery, Beaver Builder and Oxygen. Builders and themes differ, so results can vary.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20woocommerce%3F\"><h3>Does it work with WooCommerce?<\/h3><\/dt>\n<dd><p>Yes. WooCommerce pages, including product, cart and checkout, are styled along with the rest of the site.<\/p><\/dd>\n<dt id=\"what%20about%20caching%20plugins%3F\"><h3>What about caching plugins?<\/h3><\/dt>\n<dd><p>Dark mode is applied in the browser rather than baked into the cached HTML, so cached pages are not a problem.<\/p><\/dd>\n<dt id=\"do%20i%20need%20to%20write%20code%3F\"><h3>Do I need to write code?<\/h3><\/dt>\n<dd><p>No. Everything is configured from the settings panel.<\/p><\/dd>\n<dt id=\"what%20data%20does%20the%20plugin%20store%3F\"><h3>What data does the plugin store?<\/h3><\/dt>\n<dd><p>Darkfic does not collect personal data. A visitor's light or dark preference is stored locally in their own browser and is not sent anywhere.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0 \u2013 04 September 2026<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"Darkfic: Enable dark mode for your WordPress website.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/367981","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=367981"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/alexpiter"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=367981"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=367981"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=367981"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=367981"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=367981"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=367981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}