<p dir="auto">Typescript definitions for custom theme colors has been removed. The existing <a href="https://material-ui-next.com/customization/themes/#adding-custom-styles" rel="nofollow">documentation example</a> does not work anymore.</p>


<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/mui-org/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>

<p dir="auto">One should be able to add custom colors to the Theme, as per <a href="https://material-ui-next.com/customization/themes/#adding-custom-styles" rel="nofollow">documentation example</a>.</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="createMuiTheme({
  status: {
      danger: orange[500],
  },
})"><pre class="notranslate"><code class="notranslate">createMuiTheme({
  status: {
      danger: orange[500],
  },
})
</code></pre></div>
<p dir="auto">When using <code class="notranslate">withStyles</code>, the custom colors would be specified as CustomOptions.</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="withStyles((theme: Theme&lt;CustomOptions&gt; =&gt; {});"><pre class="notranslate"><code class="notranslate">withStyles((theme: Theme&lt;CustomOptions&gt; =&gt; {});
</code></pre></div>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">Typescript reports this error on the custom color definition (documentation example): <code class="notranslate">Object literal may only specify known properties, and 'status' does not exist in type 'ThemeOptions | undefined'.</code></p>
<p dir="auto">Typescript reports error when using the theme: <code class="notranslate">Type 'Theme' is not generic.</code></p>
<h2 dir="auto">Your Environment</h2>

<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>beta.22</td>
</tr>
<tr>
<td>React</td>
<td>16.0.0</td>
</tr>
</tbody>
</table>
<p dir="auto">Hi,</p>
<p dir="auto">I tried your <a href="http://material-ui.com/#/components/buttons" rel="nofollow">demos</a> and the menu doesn't seem to work. FF web console doesn't show any errors but lots of warnings.</p>
<p dir="auto">FF 33 on Ubuntu 14.04</p>