In this video, we are creating a Multiple color themes switcher. We will be able to toggle themes based on different colors by using jQuery and scss/css and we won’t use root element to just toggle one or two styles. We will create an app that will persist its state and it will persist its selected theme even when you reload the page or browse to another page. We will make use of CSS, classes switching, jQuery and local storage.
This is a series and I have already posted dark theme toggler similar to this but different in logic and I will also create this in other libraries and frameworks. Basically implementing same functionality in different frontend frameworks. You will learn the concepts, problem solving and nice exposure to several frontend libraries. I will post links to other tutorials related to this in the description. So check that out as well and lets start creating it.
1- Custom Dark Theme Toggler – jQuery
2- Multiple Color Themes Switcher – jQuery
3- Custom Dark Theme Toggler – ReactJS
4- Multiple Color Themes Switcher – ReactJS
5- Custom Dark Theme Toggler – VueJS
6- Multiple Color Themes Switcher – VueJS
7- Custom Dark Theme Toggler – Angular
8- Multiple Color Themes Switcher – Angular