BB Custom Dark Mode

BB Custom Dark Mode A pro-grade dark mode engine for Beaver Builder that maps your existing Global Colour palette to dark-mode equivalents — no hardcoded hex values, no separate colour management. How It Works When a visitor toggles dark mode, the plugin overrides Beaver Builder's CSS custom properties on body.dark-mode: Because BB renders all module colours as var(--fl-global-) references, a single property swap cascades across every module on the page — no per-module configuration needed. The user's preference is stored in localStorage and optionally synced with the OS prefers-color-scheme setting. Features - Global Colours Manager — add, edit, and delete Beaver Builder global colours directly from the plugin settings page. Changes are written to BB's own Global Styles storage, so colours created here appear in BB's colour picker and vice versa. Supports hex, rgb, rgba, and hsl values with a full Iris colour picker including alpha channel. - Global Colour Mapping — visually map any BB Global Colour to its dark-mode counterpart using a live swatch picker - Site Background Mapping — dedicated light → dark background override for body and .fl-page-content - CSS Variable Bridge