title: How to apply my custom themes with ConfigProvider in Ant Design?
body: <p>We are developing a using interface with React and Ant Design. We would like to override the default theme and colors. As an example we defines an array called themes. There is 4 differents themes as object. I defined a button to change theme. Reading the official docs I have included the following code in App.js to override the default theme but no success.</p>
  <pre><code>ConfigProvider.config(
   {
    theme:theme
   }
  )
  </code></pre>
  <p>Can anyone help me to override the default theme without less or anything else but just with ConfigProvider?</p>
  <pre><code>import &quot;./App.css&quot;;
  import &quot;antd/dist/antd.css&quot;;
  import { ConfigProvider } from &quot;antd&quot;;
  import { ThemeProvider } from &quot;styled-components&quot;;
  import ChangeTheme from &quot;./components/ChangeTheme&quot;;
  import { useContext } from &quot;react&quot;;
  import { AppContext } from &quot;./_context&quot;;
  
  const App = () =&gt; {
  const { theme } = useContext(AppContext);
  ConfigProvider.config({
  theme: theme,
  });
  return (
  &lt;ThemeProvider theme={theme}&gt;
    &lt;ConfigProvider&gt;
      &lt;div className=&quot;App&quot;&gt;
        &lt;ChangeTheme /&gt;
      &lt;/div&gt;
    &lt;/ConfigProvider&gt;
  &lt;/ThemeProvider&gt;
  );
  };
  
  export default App;
  </code></pre>