title: LESS CSS - Change variable value for theme colors depending on body class
body: <p>Getting to grips with LESS here but one thing is still a little unclear.</p>
  <p>Lets say I have multiple color themes for my website, controlled by a class on the body tag. From this I can redefine the various colors for each element within each theme. Easy enough but fairly time consuming if I have a lot of elements to change... and a lot of themes. Every time I add a new theme I need to write out all the selectors again, with different color values.</p>
  <p>I am basing my working so far on another post I found:
  <a href="https://stackoverflow.com/questions/11599520/less-css-variable-depending-on-class">LESS.css variable depending on class</a></p>
  <p>... However it still seems overly complicated for what I want to do in that I still have to write out all the selectors and include the mixin before dropping in the same CSS with the color variable.</p>
  <p>I have created a <a href="http://codepen.io/sambadave/pen/gIcrj" rel="noreferrer">CODEPEN HERE</a></p>
  <p>I'd appreciate it if anyone had time to take a little look and advise me how I could approach this differently or how I could streamline this process.</p>
  <p>Many thanks to anyone who helps out :)</p>