{"id":283214,"date":"2026-03-06T13:37:18","date_gmt":"2026-03-06T13:37:18","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/easy-dark-theme-for-astra\/"},"modified":"2026-03-19T09:48:27","modified_gmt":"2026-03-19T09:48:27","slug":"easy-dark-theme-for-astra","status":"publish","type":"plugin","link":"https:\/\/twd.wordpress.org\/plugins\/easy-dark-theme-for-astra\/","author":23454759,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.1.1","stable_tag":"1.1.1","tested":"6.9.4","requires":"6.0","requires_php":"8.0","requires_plugins":null,"header_name":"Easy Dark Theme for Astra","header_author":"Jael Meire","header_description":"Light\/dark mode for Astra with a toggle button (floating, widget, shortcode) and palette mapping to Astra Global Colors.","assets_banners_color":"","last_updated":"2026-03-19 09:48:27","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/wordpress.org\/plugins\/easy-dark-theme-for-astra\/","header_author_uri":"https:\/\/jaelmeire.vercel.app\/","rating":0,"author_block_rating":0,"active_installs":0,"downloads":287,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"jaelmeire","date":"2026-03-06 13:48:55"},"1.0.1":{"tag":"1.0.1","author":"jaelmeire","date":"2026-03-07 19:50:33"},"1.1.0":{"tag":"1.1.0","author":"jaelmeire","date":"2026-03-15 09:08:42"},"1.1.1":{"tag":"1.1.1","author":"jaelmeire","date":"2026-03-19 09:48:27"}},"upgrade_notice":{"1.1.1":"<ul>\n<li>Minor improvement: added a review notice in the admin panel.<\/li>\n<\/ul>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3476427,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3476427,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0","1.0.1","1.1.0","1.1.1"],"block_files":[],"assets_screenshots":{"Screenshot-1.png":{"filename":"Screenshot-1.png","revision":3476427,"resolution":"1","location":"assets","locale":""},"Screenshot-2.png":{"filename":"Screenshot-2.png","revision":3476427,"resolution":"2","location":"assets","locale":""},"Screenshot-3.png":{"filename":"Screenshot-3.png","revision":3476427,"resolution":"3","location":"assets","locale":""},"Screenshot-4.png":{"filename":"Screenshot-4.png","revision":3476427,"resolution":"4","location":"assets","locale":""}},"screenshots":{"1":"Control + Animation sections (complete view)","2":"Astra Global Colors (Free Preset Palette selected)","3":"Astra Global Colors (Custom Palette selected)","4":"Accessibility + Tools sections"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[1953,145460,2759,173231,11085],"plugin_category":[34,43],"plugin_contributors":[257256],"plugin_business_model":[],"class_list":["post-283214","plugin","type-plugin","status-publish","hentry","plugin_tags-accessibility","plugin_tags-astra","plugin_tags-customization","plugin_tags-dark-mode","plugin_tags-theme-switcher","plugin_category-accessibility","plugin_category-customization","plugin_contributors-jaelmeire","plugin_committers-jaelmeire"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/easy-dark-theme-for-astra\/assets\/icon-128x128.png?rev=3476427","icon_2x":"https:\/\/ps.w.org\/easy-dark-theme-for-astra\/assets\/icon-256x256.png?rev=3476427","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/easy-dark-theme-for-astra\/assets\/Screenshot-1.png?rev=3476427","caption":"Control + Animation sections (complete view)"},{"src":"https:\/\/ps.w.org\/easy-dark-theme-for-astra\/assets\/Screenshot-2.png?rev=3476427","caption":"Astra Global Colors (Free Preset Palette selected)"},{"src":"https:\/\/ps.w.org\/easy-dark-theme-for-astra\/assets\/Screenshot-3.png?rev=3476427","caption":"Astra Global Colors (Custom Palette selected)"},{"src":"https:\/\/ps.w.org\/easy-dark-theme-for-astra\/assets\/Screenshot-4.png?rev=3476427","caption":"Accessibility + Tools sections"}],"raw_content":"<!--section=description-->\n<p>Easy Dark Theme for Astra adds a light\/dark mode switcher designed specifically for Astra themes.<\/p>\n\n<p>Main features:\n* Toggle control mode:\n  * Auto (system preference) using prefers-color-scheme\n  * Button mode (user switch)\n  * Optional \u201cRemember preference\u201d (persists user choice)\n* Toggle placement options (floating):\n  * Bottom-right, bottom-left, top-right, top-left\n  * Horizontal and vertical spacing (positive values, automatically applied based on position)\n* Toggle visibility options:\n  * Always show, hide on mobile, hide on desktop, always hide\n* Toggle style options:\n  * Icon or Text\n  * Pill style:\n    * Capsule switch with sun\/moon icons and animated knob\n* Optional theme transition:\n  * Smooth transition applied only while switching between themes\n* Multiple toggle outputs:\n  * Floating button (auto-injected)\n  * Widget\n  * Shortcode: [edta_toggle]\n  * Admin preview with live style switching\n* Optional Astra Global Colors mapping:\n  * Free Preset Palette (included, not editable)\n  * Custom Palette (fully editable)\n  * Dark palette always applied in dark mode\n  * Light palette can be skipped to respect the theme\u2019s own light colors (recommended)\n* Accessibility options:\n  * Reduced motion support (respects prefers-reduced-motion)\n  * Optional focus ring improvements for keyboard navigation\n* Tools:\n  * Export settings to JSON\n  * Import settings from JSON\n  * Reset settings to defaults (with confirmation)\n* Admin UX improvements:\n  * Reduced flicker on initial load (palette + lock state handling)\n  * Improved state synchronization for preset\/custom palettes\n  * Improved save-state detection in sidebar<\/p>\n\n<p>Notes:\n* This plugin is intended for Astra themes. If Astra is not active, the plugin\u2019s frontend output is disabled. The admin page remains available.<\/p>\n\n<p>Plugin page:\nhttps:\/\/wordpress.org\/plugins\/easy-dark-theme-for-astra\/<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin folder to \/wp-content\/plugins\/ or install it via WordPress Plugins.<\/li>\n<li>Activate \"Easy Dark Theme for Astra\".<\/li>\n<li>Go to WP Admin \u2192 Easy Dark Theme to configure:\n\n<ul>\n<li>Control mode (Auto \/ Button)<\/li>\n<li>Default mode (System \/ Light \/ Dark)<\/li>\n<li>Button style\/position\/visibility<\/li>\n<li>Theme transition<\/li>\n<li>Accessibility options<\/li>\n<li>Astra Global Colors palette options<\/li>\n<li>Tools (export\/import\/reset)<\/li>\n<\/ul><\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20it%20work%20without%20astra%3F\"><h3>Does it work without Astra?<\/h3><\/dt>\n<dd><p>No. The plugin is designed for Astra and the frontend is disabled if Astra is not active. The palette mapping relies on Astra Global Colors (--ast-global-color-*).<\/p><\/dd>\n<dt id=\"what%20classes%20does%20the%20plugin%20apply%3F\"><h3>What classes does the plugin apply?<\/h3><\/dt>\n<dd><p>The plugin applies:\n* body.edta-theme-dark\n* body.edta-theme-light\n* html.edta-pre-dark\n* html.edta-pre-light<\/p>\n\n<p>In Auto mode, the initial state is set early to reduce flicker (pre-classes are applied before first paint).<\/p><\/dd>\n<dt id=\"can%20i%20add%20the%20toggle%20inside%20my%20header%2Fmenu%3F\"><h3>Can I add the toggle inside my header\/menu?<\/h3><\/dt>\n<dd><p>Yes. Use the shortcode:\n[edta_toggle]\nOr add the widget in Appearance \u2192 Widgets.<\/p><\/dd>\n<dt id=\"does%20the%20toggle%20sync%20between%20browser%20tabs%3F\"><h3>Does the toggle sync between browser tabs?<\/h3><\/dt>\n<dd><p>Yes (in Button mode with \u201cRemember preference\u201d enabled), using localStorage storage events.<\/p><\/dd>\n<dt id=\"will%20it%20break%20if%20localstorage%20is%20blocked%3F\"><h3>Will it break if localStorage is blocked?<\/h3><\/dt>\n<dd><p>No. The plugin uses safe fallbacks and continues working without persistence.<\/p><\/dd>\n<dt id=\"can%20i%20export%20or%20import%20plugin%20settings%3F\"><h3>Can I export or import plugin settings?<\/h3><\/dt>\n<dd><p>Yes. All plugin settings can be exported and imported from the admin panel, allowing easy migration between sites.<\/p><\/dd>\n<dt id=\"does%20the%20plugin%20detect%20my%20site%20colors%20automatically%3F\"><h3>Does the plugin detect my site colors automatically?<\/h3><\/dt>\n<dd><p>No. You should set your site colors using Astra Global Colors (Customizer). The plugin then replaces those global color values with the configured light\/dark palettes.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.1.1<\/h4>\n\n<ul>\n<li>Added review notice in the admin panel after 7 days of use.<\/li>\n<\/ul>\n\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>Admin interface now defaults to English as the base language.<\/li>\n<li>Added full i18n support with translations for Spanish (Spain), Spanish (Argentina), Spanish (Mexico), French, German, and Portuguese (Brazil).<\/li>\n<li>All admin UI texts, tooltips, and select options are now fully translatable.<\/li>\n<li>Tested compatibility with WordPress 6.9.4.<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Tested compatibility with WordPress 6.9.1.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Official public release on WordPress.org.<\/li>\n<\/ul>\n\n<h4>0.1.1<\/h4>\n\n<ul>\n<li>Updated plugin URL to official WordPress.org page.<\/li>\n<li>Improved admin UI initialization to reduce palette flicker.<\/li>\n<li>Improved preset\/custom palette state handling.<\/li>\n<li>Improved palette lock behavior consistency.<\/li>\n<li>Minor admin UX refinements and code cleanup.<\/li>\n<\/ul>\n\n<h4>0.1.0<\/h4>\n\n<ul>\n<li>Initial release:\n\n<ul>\n<li>Auto\/system mode and Button mode.<\/li>\n<li>Floating toggle + shortcode + widget.<\/li>\n<li>Icon\/Text\/Pill styles, position and visibility options.<\/li>\n<li>Horizontal\/vertical spacing based on position.<\/li>\n<li>Optional theme transition on switch.<\/li>\n<li>Free Preset Palette + Custom Palette.<\/li>\n<li>Astra Global Colors palette mapping.<\/li>\n<li>Export\/Import settings (JSON) and Reset tools.<\/li>\n<li>Cross-tab sync, fallbacks, and accessibility improvements.<\/li>\n<\/ul><\/li>\n<\/ul>","raw_excerpt":"Easy light\/dark mode for Astra with a toggle button and optional palette mapping to Astra Global Colors.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/283214","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=283214"}],"author":[{"embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/jaelmeire"}],"wp:attachment":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=283214"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=283214"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=283214"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=283214"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=283214"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=283214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}