title: Styling reacts material-ui tabs
body: <p>I just started to use reacts <a href="https://github.com/callemall/material-ui/blob/master/docs/src/app/components/pages/components/tabs.jsx" rel="noreferrer">material-ui</a> and I would like to customize some styles. For example changing tabs background color.</p>
  
  <p>trying to use inlineStyle</p>
  
  <p>like </p>
  
  <pre><code>&lt;Tabs style={this.getStyles().tabs} &gt; &lt;/Tabs&gt;
  
      getStyles(){
          return {
  
            tabs: {
              backgroundColor: Colors.teal200
            },
  
            headline: {
              fontSize: '24px',
              lineHeight: '32px',
              paddingTop: '16px',
              marginBottom: '12px',
              letterSpacing: '0',
              fontWeight: Typography.fontWeightNormal,
              color: Typography.textDarkBlack,
  
            }
          }
      }
  </code></pre>
  
  <p>changes tabs content area but not the header.</p>
  
  <p><a href="http://material-ui.com/#/customization/colors" rel="noreferrer">here</a> we have some color attributes how we use it? The Docs gives no examples in this case.</p>
  
  <p>How do I proceed?</p>