Slider Revolution Dark Mode Addon

A slider designed for a light page can be hard to read when a visitor prefers a dark display. This add-on lets each Slider Revolution module have both light and dark appearances. It can switch between them based on the visitor’s system setting or the mode set for the site, helping slider content fit the viewing preference.

Choose whether to design a module in light or dark mode, and the add-on works out colors for the other mode. Its color list pairs each color with its counterpart, and the editor preview shows changes. You can also set a starting mode or add a button with the Toggle Dark / Light action. Individual layers can appear in only one mode or retain their colors in both.

Features

• Two looks per module: Give each Slider Revolution module a light design and a dark design, with the add-on working out colors for the alternate mode.
• Follow display preferences: Set the module to use the visitor’s system setting or the mode configured for the site.
• Choose a starting mode: Set a module to start in light mode, dark mode, the visitor’s system setting, or the site’s mode.
• Add a mode toggle: Use the Toggle Dark / Light action on a button so visitors can switch the module’s display mode.
• Adjust paired colors: View the module’s colors alongside their counterparts for the other mode, change individual colors, and preview the result in the editor.
• Control layer visibility: Show a layer only in light mode or dark mode, or keep its colors in both. This can support a sun and moon button.

Best for

• Slider Revolution 7 site owners
• Web designers building slider modules
• Agencies managing client websites