Defining Color Variables and Applying Modes

In this tutorial, you’ll learn how to use SP Page Builder’s Color Library and Color Switcher features to create global color variables and modes. We’ll guide you through setting up color variables and modes, binding them to the design, and enabling a frontend toggle that lets your visitors switch between modes instantly. 📚 What You'll Learn in This Tutorial: ✅ How to create and manage Global Color Variables ✅ Setting up different Color Modes ✅ Enabling the Color Switcher on your site ✅ Applying color variables to SP Page Builder layouts Don't forget to subscribe to our channel for more tips and updates! 🎁 Get SP Page Builder: https://www.joomshaper.com/page-builder 🔎 View Live Demo: https://try.sppagebuilder.com/ 📄 See Documentation: https://www.joomshaper.com/documentation/sp-page-builder -------------------------------------------------- Follow us on social media👇 -------------------------------------------------- Facebook page: https://www.facebook.com/joomshaper JoomShaper Official Private FB Group: https://www.facebook.com/groups/joomshaper X Handle: https://x.com/joomshaper