Markdown Editor (Formerly Dark Mode) vs ECS – Ele Custom Skin for Elementor

If you want to quickly edit content in WordPress without thinking about blocks, Markdown Editor is the choice for you! Get an immersive, peaceful and natural writing experience with the coolest editor – Markdown Editor. Whether you are a Markdown fan or newbie as a Markdown writer, you will love Markdown Editor. This is the simplest plugin for a developer to write content in WordPress. Using technology at night time can have a negative effect on your eyesight. Markdown Editor will also darken the colors of your admin dashboard making it easier for you to work at night. Use Markdown Editor plugin to create a stunning dark version for your WordPress admin dashboard. Dark Mode works automatically as per their preferred operating system preference. Markdown Editor (Formerly Dark Mode) Features Typography Settings – You can change the typography of your editor screen, using four different fonts, and controls for font size, line height, line width, and paragraph spacing. Ready-made Color Schema – Quickly choose your favourite color from the ready-made color schema available in Markdown. Highlight and edit your content the way you want. Syntax Shortcuts – A Markdown cheat sheet is available for you which shows other keyboard shortcuts for heading, formatting and the interface. Emoji Supported – You can make your content more interactive and attractive with emojis. Markdown Editor supports all types of emojis in your write up. Custom Colors – You can customize the background text and color as you want with the custom color feature of our Markdown Editor. Pick the color schema of your preference and make it yours! Makes it easy and fast – formatting in WordPress without thinking about the blocks. Dark Mode Switch – You can toggle between the dark and light mode using the admin bar dark mode switch menu anytime. Auto Match OS Theme – Automatically shows Darkmode if the OS preferred theme is dark. Remember Dark Mode – The dark mode remains saved once you activated the dark mode. How to use? After activating the plugin, a new row action Edit (Markdown) will be added in the post/ page table row actions. For editing any page/ post with the markdown editor, you need to click the Edit (Markdown) button in the post/ page row actions. Then you will redirect to the Markdown editor and can start editing with the markdown syntax. You can find the Markdown editor shortcuts by clicking the keyboard icon at the right-bottom side of the editor. You can see a Dark mode switch added to the admin bar menu. You can toggle between the dark and light mode by using that switch any time. External services This plugin does not connect to any third-party or external services. Privacy Policy Markdown Editor uses Appsero SDK to collect some telemetry data upon user’s confirmation. This helps us to troubleshoot problems faster & make product improvements. Appsero SDK does not gather any data by default. The SDK only starts gathering basic telemetry data when a user allows it via the admin notice. We collect the data to ensure a great user experience for all our users. Integrating Appsero SDK DOES NOT IMMEDIATELY start gathering data, without confirmation from users in any case. Learn more about how Appsero collects and uses this data.

ECS adds what Elementor doesn’t have — without replacing what it does well. Every feature is a standalone module. Enable only what you need from ECS → Modules in the WordPress admin. Unused modules load zero CSS, zero JS, and register no hooks. 🎨 Dark Mode Colours A Default Colours tab appears inside Elementor’s Site Settings, right next to Global Colors. Set a Default and a Dark Mode colour for every global colour slot. Dark mode colours are written as CSS variables — no JavaScript swapping, pure CSS, zero flash. A fallback swatch shows the default colour when the dark slot is empty. The Dark Mode Switcher widget lets visitors toggle between light and dark with full style controls. 📐 Container Layout Two additional layout modes for Elementor Flex Containers: Slider Mode — Turn any container into a CSS-only slider. No JS library, no dependencies. Custom Layout — Pick a Theme Builder template as the layout frame. Place ECS Placeholder widgets inside the template; ECS distributes the container’s children into those slots automatically. Supports cycling and graceful fallback. Works live in the Elementor editor. 🔁 Loop Custom Layout Arrange Loop Grid items inside a Custom Layout template using ECS Placeholder widgets — powered by Elementor’s native Loop Grid query. Full editorial control over the item grid without leaving Elementor. 📱 Menu Responsive Turn any Elementor Nav Menu widget into a responsive hamburger menu. Layout, alignment, animation, and breakpoint controls — all from the Elementor panel. ✍️ Editorial Text Wrap images inside text blocks with float controls and captions. Magazine-style editorial layouts built entirely in Elementor. 🎨 Style Templates Save any widget’s Style tab settings as a named preset and apply them to other widgets of the same type in one click — across pages, templates, and sites. Export and import your full style library as JSON. 🛠 JSON PowerEdit Edit any Elementor widget’s raw settings JSON directly from the panel. Raw textarea for paste-and-replace, interactive tree view for surgical edits. Keyboard shortcut: Ctrl/Cmd + Enter to apply. ✅ Legacy (ECS 3.x — backward compatibility) The original loop skin functionality is preserved in the Legacy module for existing sites built with ECS 3.x. If you’re updating from ECS 3.x, this module activates automatically. For new projects, use Elementor’s native Loop Builder. Note: This plugin requires Elementor (free). Container Layout (Custom Layout mode) and Style Templates require Elementor Pro.