title: Onsen ui change background color of ons-tabbar and ons-sliding-menu components
body: <p><strong>I am new to Hybrid app development using cordova with onsen ui.</strong></p>
  
  <p>I am trying to change the Background color of ons-tabbar and ons-sliding-menu from their default color to red but I am not able to change it.</p>
  
  <p>I have tried using inline styles but in vain.</p>
  
  <p>Is there any way that I can change them ?</p>
  
  <p>Below is my code for on-tabbar:</p>
  
  <pre><code>&lt;ons-tabbar style="background-color:red"&gt;
  
  
   &lt;ons-tab
        active="true"
        label="Home"
        icon="home"
        page="pa.html"&gt;&lt;/ons-tab&gt;
  
   &lt;ons-tab
    label="Call Us"
    style="color:#fff"
    icon="fa-phone"
    page="page2.html"&gt;&lt;/ons-tab&gt;
  
    &lt;ons-tab
    label="Menu"
    style="color:#fff"
    icon="fa-building-o"
    page="men.html"&gt;&lt;/ons-tab&gt;
  
     &lt;ons-tab
    label="My Orders"
    style="color:#fff"
    icon="fa-file-text"
    page="p1.html"&gt;&lt;/ons-tab&gt;
  &lt;/ons-tabbar&gt;
  </code></pre>
  
  <p>code for ons-sliding-menu :</p>
  
  <pre><code> &lt;ons-sliding-menu main-page="p2.html" menu-page="menu.html" style="background-color: #129793" max-slide-distance="260px" var="menu"&gt;
  &lt;/ons-sliding-menu&gt;
  </code></pre>