title: How to apply the CSS of navbar-inverse in twitter-bootstrap
body: <p>By using <a href="http://twitter.github.com/bootstrap/components.html#navbar" rel="nofollow">twitter-bootstrap</a>
  It will be possible to modify the look of the navbar by adding <code>.navbar-inverse</code>.</p>
  
  <pre><code>&lt;div class="navbar navbar-inverse"&gt;
    ...
  &lt;/div&gt;
  </code></pre>
  
  <p>What I am trying to do is a simple js module to change the theme of the web site.<br>
  My script is just able to add a class to the body selector and then everything is made by the less file.</p>
  
  <pre><code>$('body').addClass('theme-dark');
  </code></pre>
  
  <p>By using js code it is quite easy to obtain the result. </p>
  
  <pre><code>$('.navbar').addClass('navbar-inverse');
  </code></pre>
  
  <p>But my question is different:<br>
  will it be possible just by adding the newTheme class to body selector to apply the navbar-inverse, changing the less file?<br>
  If yes how should I write the less rule?    </p>
  
  <p>I would like to make something like this:     </p>
  
  <pre><code>.theme-dark {
      .navbar {
         // a function which makes
         // the style of navbar-inverse
  </code></pre>
  
  <p>Requirements:</p>
  
  <p>I am using less for css, jquery and underscore.</p>