ECS – Ele Custom Skin for Elementor vs AboveWP Admin Dark Mode

AboveWP Admin Dark Mode provides a comprehensive dark mode solution for WordPress admin with multiple themes, automatic scheduling, and extensive customization options. Switch between light and dark modes manually or let the plugin automatically adapt based on your schedule or local sunset/sunrise times. Key Features Multiple Dark Themes: * Classic Dark – Traditional dark gray theme with orange accents * OLED Black – Pure black theme optimized for OLED displays * Blue Dark – Dark theme with blue accents for a modern look * Live theme preview in settings * Instant theme switching Automatic Scheduling: * Schedule dark mode by specific times (e.g., 6:00 PM to 6:00 AM) * Automatic sunset to sunrise mode using your browser’s geolocation * Custom time ranges for weekdays and weekends * Smart scheduling that adapts to your location User Experience: * Easy-to-use dark mode toggle in the admin bar * FOUC (Flash of Unstyled Content) prevention for seamless experience * User-specific preferences that persist across sessions * Fully responsive design that works on all screen sizes * Comprehensive settings panel with intuitive controls Advanced Customization: * Form elements styled consistently across all themes * Smooth visual transitions * Admin bar integration * AboveWP dashboard integration Usage Manual Toggle: Click the dark mode icon in the WordPress admin bar to instantly toggle between light and dark modes. Theme Selection: Go to AboveWP → Dark Mode to choose from three available themes: * Classic Dark (default) * OLED Black * Blue Dark Automatic Scheduling: Configure automatic dark mode activation in the settings: * Set custom time ranges (e.g., 7:00 PM to 7:00 AM) * Enable sunset to sunrise mode for natural light adaptation * Allow geolocation access for accurate sunset/sunrise times Settings Panel: Access comprehensive settings through: * WordPress Admin → AboveWP → Dark Mode * AboveWP Dashboard → Dark Mode plugin card → Configure button Requirements WordPress 5.0 or higher Modern browsers (Chrome, Firefox, Safari, Edge) JavaScript enabled For sunset/sunrise scheduling: Browser geolocation support Privacy This plugin may use your browser’s geolocation feature (with your permission) solely for calculating sunset and sunrise times for automatic scheduling. No location data is stored or transmitted to external servers. Support For support, feature requests, or bug reports, please visit AboveWP or contact us directly.

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.