title: Make less variables accessible from javascript?
body: <p>I have a less file colours which defines looks like the following:</p>
  
  <pre><code>@black:                 #000;
  @greyDarker:            #222;
  ...etc
  </code></pre>
  
  <p>And want to be able to access these from within javascript, so for example:</p>
  
  <pre><code>$('body').style('color', 'window.colours.black') // or however I assign them
  </code></pre>
  
  <p>would work.</p>
  
  <p>Since Less is getting compiled server-side the usual options wouldn't work.</p>
  
  <p>I've started going ahead and writing a grunt task to generate a js file from these less rules however this seems like an inefficient / hacky way to go about it.</p>
  
  <p>Any suggestions on a better approach or tools that could help </p>