Currently, I am working on a project to design a website where users can easily customize themes, focusing mainly on colors, fonts, and other styling aspects without altering the layout.
My plan is to create a class called "theme1" on the body element and nest all the related styling attributes within this class:
.theme1{
//insert less code here
}
.theme2{
//insert less code here
}
This approach would allow for a hassle-free theme switching experience, as I would only need to update the class applied to the body element.
Does this method seem effective, or is there a more efficient way to achieve this functionality?