<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/callemall/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Context</h2>
<p dir="auto">For now I am using the Menu component to render custom context menu on the mouse right click event. And menu should appear relatively to the cursor position. So it would be great to pass some<br>
additional "x, y" props to the Popover that will shift Menu position relatively to the anchorEl. Is that a<br>
good idea? Or maybe there is a better way to perform that functionality? Thanks!</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>v1.0.0-beta.17</td>
</tr>
<tr>
<td>React</td>
<td>v16.0.0</td>
</tr>
<tr>
<td>browser</td>
<td>Google Chrome 61.0.3163.100</td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>
<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/callemall/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">I want to add some custom colors as primary for theme.</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">Updating theme with custom color not possible. New object is updated with new color but theme property not get updated.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto">I call createMuiTheme method and pass object</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="const default_theme_obj = {
    fontFamily: &quot;Roboto, sans-serif&quot;,
    palette: {
        primary: &quot;#fff&quot;
    },
};"><pre class="notranslate"><span class="pl-k">const</span> <span class="pl-s1">default_theme_obj</span> <span class="pl-c1">=</span> <span class="pl-kos">{</span>
    <span class="pl-c1">fontFamily</span>: <span class="pl-s">"Roboto, sans-serif"</span><span class="pl-kos">,</span>
    <span class="pl-c1">palette</span>: <span class="pl-kos">{</span>
        <span class="pl-c1">primary</span>: <span class="pl-s">"#fff"</span>
    <span class="pl-kos">}</span><span class="pl-kos">,</span>
<span class="pl-kos">}</span><span class="pl-kos">;</span></pre></div>
<p dir="auto">but when i pass it as theme={default_theme_obj} to MuiThemeProvider nothing happen, it still have default MUI theme colors. This is exacly how it was worked it v0.19.</p>
<h2 dir="auto">Context</h2>
<p dir="auto">I expect that theme is updated with new color set as primary.<br>
My app have several different theme depend on user role. When user is on login page default should be applied with color from DEFAULT_THEME object and when user get access he also get theme from DB which is applied to MUI. It was working really well in v0.19 but when i switch MuiProvider is never updated.</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>1.0.0-beta.20</td>
</tr>
<tr>
<td>React</td>
<td>16.1.1</td>
</tr>
<tr>
<td>browser</td>
<td>all</td>
</tr>
</tbody>
</table>