title: How to customize Ant.design styles
body: <p>Who knows how to customize Ant.design styles in proper way?</p>
  
  <p>For example, I want to change the default backgroundColor and height of Header section:</p>
  
  <pre><code>import React, { Component } from 'react';
  import { Form, Layout } from 'antd';
  const { Header, Footer, Sider, Content } = Layout;
  
  export default class Login extends Component {
  
  render () {
      return (
          &lt;div&gt;
              &lt;Layout&gt;
                  &lt;Header style={{backgroundColor: '#555555', height: '5vh'}}&gt;header&lt;/Header&gt;
                  &lt;Layout&gt;
                      &lt;Content&gt;main content&lt;/Content&gt;
                  &lt;/Layout&gt;
                  &lt;Footer&gt;footer&lt;/Footer&gt;
              &lt;/Layout&gt;
          &lt;/div&gt;
      )
  }
  }
  </code></pre>
  
  <p>Is it ok, or there is a better way to customize styles?
  Because I have not found some component's attributes or smth. like this.</p>