title: How do we customize the colors of navigation bar, basically the theme of foundation framework?
body: <p>I have downloaded the foundation framework from <a href="http://foundation.zurb.com/" rel="nofollow">http://foundation.zurb.com/</a> with the default theme. <br>
  I dont know how to change the colors of various things like navigation bar, buttons, add background and box with shadow for the body ! etc. <br></p>
  
  <p>I tried to add the following to the app.css but it did not work<br> </p>
  
  <blockquote>
  <pre><code>body {
    background-color: #333;
    position: relative;
    font-family: helvetica, arial, sans-serif;
    color: #666666;     
    border-right: 1px solid #333;
    border-left: 1px solid #333;    
    -moz-box-shadow: 0 0 5px 5px #888;  
    -webkit-box-shadow: 0 0 5px 5px#888;    
    box-shadow: 0 0 5px 5px #888; 
  }
  </code></pre>
  </blockquote>
  
  <p>Please suggest what to do.<br>
  There is something about scss+foundation but i am not sure what it is... scared to try it also , looks kinda scary. <br>
  Din think using Foundation Framework was going to be this and complicated . </p>