<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">Specifying <code class="notranslate">label</code> class should not cause warning:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="Warning: Material-UI: the key `label` provided to the classes property is not implemented in Tab.
You can only override one of the following: root"><pre class="notranslate"><code class="notranslate">Warning: Material-UI: the key `label` provided to the classes property is not implemented in Tab.
You can only override one of the following: root
</code></pre></div>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">Warning above is shown in console<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/1477317/34833042-7a523c96-f6bc-11e7-8286-12301d5068c6.png"><img width="1440" alt="screen shot 2018-01-11 at 10 44 23 am" src="https://user-images.githubusercontent.com/1477317/34833042-7a523c96-f6bc-11e7-8286-12301d5068c6.png" style="max-width: 100%;"></a></p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<p dir="auto"><a href="https://codesandbox.io/s/14k2jny23q" rel="nofollow">https://codesandbox.io/s/14k2jny23q</a></p>
<h2 dir="auto">Context</h2>

<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>next</td>
</tr>
<tr>
<td>React</td>
<td>16.0.0</td>
</tr>
<tr>
<td>browser</td>
<td>chrome</td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>
<ul dir="auto">
<li>[x ] 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">Button should be styled according to override specified for it in createMuiTheme. As per example here <a href="https://material-ui.com/customization/themes/#customizing-all-instances-of-a-component-type" rel="nofollow">https://material-ui.com/customization/themes/#customizing-all-instances-of-a-component-type</a></p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">Nothing changes, stays as it was</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<p dir="auto">My implementation:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="import React from &quot;react&quot;;
import { MuiThemeProvider, createMuiTheme } from &quot;material-ui/styles&quot;;

const theme = createMuiTheme({
  palette: {
    primary: {
      50: &quot;#eaf6f8&quot;,
      100: &quot;#cae9ed&quot;,
      200: &quot;#a6dbe1&quot;,
      300: &quot;#82cdd5&quot;,
      400: &quot;#68c2cc&quot;,
      500: &quot;#4db7c3&quot;,
      600: &quot;#46b0bd&quot;,
      700: &quot;#3da7b5&quot;,
      800: &quot;#349fae&quot;,
      900: &quot;#2590a1&quot;,
      A100: &quot;#68c2cc&quot;,
      A200: &quot;#4db7c3&quot;,
      A400: &quot;#3da7b5&quot;,
      A700: &quot;#4db7c3&quot;,
      contrastDefaultColor: &quot;light&quot;
    },
    secondary: {
      50: &quot;#fef9e9&quot;,
      100: &quot;#fcefc8&quot;,
      200: &quot;#fbe5a3&quot;,
      300: &quot;#f9db7e&quot;,
      400: &quot;#f7d363&quot;,
      500: &quot;#f6cb47&quot;,
      600: &quot;#f5c640&quot;,
      700: &quot;#f3be37&quot;,
      800: &quot;#f2b82f&quot;,
      900: &quot;#efac20&quot;,
      A100: &quot;#f7d363&quot;,
      A200: &quot;#f6cb47&quot;,
      A400: &quot;#f2b82f&quot;,
      A700: &quot;#efac20&quot;,
      contrastDefaultColor: &quot;dark&quot;
    },
    error: {
      50: &quot;#fbeeee&quot;,
      100: &quot;#f4d4d4&quot;,
      200: &quot;#edb7b7&quot;,
      300: &quot;#e59a9a&quot;,
      400: &quot;#e08484&quot;,
      500: &quot;#da6e6e&quot;,
      600: &quot;#d66666&quot;,
      700: &quot;#d05b5b&quot;,
      800: &quot;#cb5151&quot;,
      900: &quot;#c23f3f&quot;,
      A100: &quot;#e08484&quot;,
      A200: &quot;#da6e6e&quot;,
      A400: &quot;#d66666&quot;,
      A700: &quot;#cb5151&quot;,
      contrastDefaultColor: &quot;dark&quot;
    },
    overrides: {
      MuiButton: {
        // Name of the styleSheet
        root: {
          // Name of the rule
          background: &quot;linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)&quot;,
          borderRadius: 3,
          border: 0,
          color: &quot;white&quot;,
          height: 48,
          padding: &quot;0 30px&quot;,
          boxShadow: &quot;0 3px 5px 2px rgba(255, 105, 135, .30)&quot;
        }
      }
    }
  }
});

const Theme = ({ children }) =&gt; &lt;MuiThemeProvider theme={theme}&gt;{children}&lt;/MuiThemeProvider&gt;;

export default Theme;"><pre class="notranslate"><code class="notranslate">import React from "react";
import { MuiThemeProvider, createMuiTheme } from "material-ui/styles";

const theme = createMuiTheme({
  palette: {
    primary: {
      50: "#eaf6f8",
      100: "#cae9ed",
      200: "#a6dbe1",
      300: "#82cdd5",
      400: "#68c2cc",
      500: "#4db7c3",
      600: "#46b0bd",
      700: "#3da7b5",
      800: "#349fae",
      900: "#2590a1",
      A100: "#68c2cc",
      A200: "#4db7c3",
      A400: "#3da7b5",
      A700: "#4db7c3",
      contrastDefaultColor: "light"
    },
    secondary: {
      50: "#fef9e9",
      100: "#fcefc8",
      200: "#fbe5a3",
      300: "#f9db7e",
      400: "#f7d363",
      500: "#f6cb47",
      600: "#f5c640",
      700: "#f3be37",
      800: "#f2b82f",
      900: "#efac20",
      A100: "#f7d363",
      A200: "#f6cb47",
      A400: "#f2b82f",
      A700: "#efac20",
      contrastDefaultColor: "dark"
    },
    error: {
      50: "#fbeeee",
      100: "#f4d4d4",
      200: "#edb7b7",
      300: "#e59a9a",
      400: "#e08484",
      500: "#da6e6e",
      600: "#d66666",
      700: "#d05b5b",
      800: "#cb5151",
      900: "#c23f3f",
      A100: "#e08484",
      A200: "#da6e6e",
      A400: "#d66666",
      A700: "#cb5151",
      contrastDefaultColor: "dark"
    },
    overrides: {
      MuiButton: {
        // Name of the styleSheet
        root: {
          // Name of the rule
          background: "linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)",
          borderRadius: 3,
          border: 0,
          color: "white",
          height: 48,
          padding: "0 30px",
          boxShadow: "0 3px 5px 2px rgba(255, 105, 135, .30)"
        }
      }
    }
  }
});

const Theme = ({ children }) =&gt; &lt;MuiThemeProvider theme={theme}&gt;{children}&lt;/MuiThemeProvider&gt;;

export default Theme;
</code></pre></div>
<p dir="auto">Buttons are children of <code class="notranslate">Theme</code>. Palette changes took effect, but nothing related to overrides did :/</p>
<h2 dir="auto">Context</h2>

<p dir="auto">Ideally I want to overwrite all my custom styles in one place.</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.26</td>
</tr>
<tr>
<td>React</td>
<td>16</td>
</tr>
<tr>
<td>browser</td>
<td>chrome</td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>