Colors

New Element: Darkmode Toggle

The dark mode toggle works just like the Dark Mode button switch. The key difference is one is a button and the other is a toggle – quite the observation! Seriously, this is all about your design preference. Give both a whirl and pick the one that suits you best!

Initial Release Date

March 9, 2023

Last Modification

February 4, 2025

Official Videos

No Video found.

Content Creators Videos

No Video found.

Documentation

The dark mode toggle works just like the Dark Mode button switch. The key difference is one is a button and the other is a toggle – quite the observation! Seriously, this is all about your design preference. Give both a whirl and pick the one that suits you best!

More Features in the Colors category:

Color Variables PickerCheck it Out
2 New Elements: Nestable Darkmode Button & ToggleCheck it Out
Dynamic ColorsCheck it Out
Convert Vanilla Bricks Colors into CSS variablesCheck it Out
Global Color ManagerCheck it Out
Advanced Color PickerCheck it Out
Alpha channel supportedCheck it Out
Color Shades generatorCheck it Out
Complementary Color GeneratorCheck it Out
Advanced Scale GeneratorCheck it Out
Auto-darkmodeCheck it Out
No-code DarkmodeCheck it Out
Customize any shade and dark color variantCheck it Out
Import colors from a CSS variable ListCheck it Out
Set Custom Darkmode colors for ACSS variablesCheck it Out
Synced with Gutenberg Default PaletteCheck it Out
New Element: Darkmode ButtonCheck it Out
Enable/Disable any Color PaletteCheck it Out
Meta Theme Color – Both globally and per pageCheck it Out
New Element: Darkmode ToggleCheck it Out

You won't build websites without it anymore!

Check the Pricing Plans - Starts from $59