<p dir="auto">When I use a TextField with an Adornment through the InputProps, if I set the width of the TextField component, either with fullWidth or with style property, the input field remains at the default width, only the root element takes the full space.</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/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">The input should receive the properties from the TextField even if I use the InputAdornment or not. Without it, the component renders ok.</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">The root element changes its width, the input not.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto">Minimum example:<br>
<a href="https://codesandbox.io/s/k2wn0166y7" rel="nofollow">https://codesandbox.io/s/k2wn0166y7</a></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.18</td>
</tr>
<tr>
<td>React</td>
<td>16.0.0</td>
</tr>
<tr>
<td>browser</td>
<td>Google Chrome 61</td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>
<p dir="auto">Looking at the <a href="https://material-ui-next.com/customization/theme-default/" rel="nofollow">default theme</a> I would Based on the demos I expect the button background color to be <code class="notranslate">#2196f3<span class="ml-1 d-inline-block border circle color-border-subtle" style="background-color: #2196f3; height: 8px; width: 8px;"></span></code> but it's actually <code class="notranslate">#3f51b5<span class="ml-1 d-inline-block border circle color-border-subtle" style="background-color: #3f51b5; height: 8px; width: 8px;"></span></code>. Possibly the demo page is just using a different demo theme and I'm not understanding how to extend the existing light theme.</p>
<p dir="auto">Ultimately I want to be able to override the default theme to provide a new primary and accent color. I in the past I've used the <a href="http://www.material-ui.com/#/customization/themes" rel="nofollow">pre 1.0 steps</a>. Now it is unclear to me from the docks how to do this without providing an entire new theme. That's a lot when I just want to override a few variables.</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">Primary theme color should be used</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">After files are processed through webpack from <code class="notranslate">create-react-app</code> setup (not ejected) the background color for appbar and button is <code class="notranslate">#3f51b5<span class="ml-1 d-inline-block border circle color-border-subtle" style="background-color: #3f51b5; height: 8px; width: 8px;"></span></code></p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto"><a href="https://codesandbox.io/s/612mpxw7kn" rel="nofollow">https://codesandbox.io/s/612mpxw7kn</a></p>
<ol dir="auto">
<li>Add a button as follows</li>
</ol>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;Button raised color=&quot;primary&quot;&gt;
  Default
&lt;/Button&gt;
``

## Context
Ultimately I want to be able to override the default theme to provide a new primary and accent color. I in the past I've used the [pre 1.0 steps](http://www.material-ui.com/#/customization/themes). Now it is unclear to me from the docks how to do this without providing an entire new theme. That a lot when I just want to override a few variables.

## Your Environment
App was created from `create-react-app 1.4.3`

```package.json
{
  &quot;dependencies&quot;: {
    &quot;material-ui&quot;: &quot;^1.0.0-beta.27&quot;,
    &quot;material-ui-icons&quot;: &quot;^1.0.0-beta.17&quot;,
    &quot;react&quot;: &quot;^16.2.0&quot;,
    &quot;react-dom&quot;: &quot;^16.2.0&quot;,
    &quot;react-redux&quot;: &quot;^5.0.6&quot;,
    &quot;react-router-dom&quot;: &quot;^4.2.2&quot;,
    &quot;react-scripts&quot;: &quot;1.0.17&quot;,
    &quot;redux&quot;: &quot;^3.7.2&quot;,
    &quot;typeface-roboto&quot;: &quot;0.0.50&quot;
  },
  &quot;lint-staged&quot;: {
    &quot;src/**/*.{js,jsx,json,css}&quot;: [
      &quot;prettier --single-quote --no-semi --trailing-comma all --jsx-bracket-same-line --write&quot;,
      &quot;git add&quot;
    ]
  },
  &quot;scripts&quot;: {
    &quot;precommit&quot;: &quot;lint-staged&quot;,
    &quot;start&quot;: &quot;react-scripts start&quot;,
    &quot;build&quot;: &quot;react-scripts build&quot;,
    &quot;test&quot;: &quot;react-scripts test --env=jsdom&quot;,
    &quot;eject&quot;: &quot;react-scripts eject&quot;
  },
  &quot;devDependencies&quot;: {
    &quot;husky&quot;: &quot;^0.14.3&quot;,
    &quot;lint-staged&quot;: &quot;^6.0.0&quot;,
    &quot;prettier&quot;: &quot;^1.9.2&quot;
  }
}"><pre class="notranslate"><code class="notranslate">&lt;Button raised color="primary"&gt;
  Default
&lt;/Button&gt;
``

## Context
Ultimately I want to be able to override the default theme to provide a new primary and accent color. I in the past I've used the [pre 1.0 steps](http://www.material-ui.com/#/customization/themes). Now it is unclear to me from the docks how to do this without providing an entire new theme. That a lot when I just want to override a few variables.

## Your Environment
App was created from `create-react-app 1.4.3`

```package.json
{
  "dependencies": {
    "material-ui": "^1.0.0-beta.27",
    "material-ui-icons": "^1.0.0-beta.17",
    "react": "^16.2.0",
    "react-dom": "^16.2.0",
    "react-redux": "^5.0.6",
    "react-router-dom": "^4.2.2",
    "react-scripts": "1.0.17",
    "redux": "^3.7.2",
    "typeface-roboto": "0.0.50"
  },
  "lint-staged": {
    "src/**/*.{js,jsx,json,css}": [
      "prettier --single-quote --no-semi --trailing-comma all --jsx-bracket-same-line --write",
      "git add"
    ]
  },
  "scripts": {
    "precommit": "lint-staged",
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  },
  "devDependencies": {
    "husky": "^0.14.3",
    "lint-staged": "^6.0.0",
    "prettier": "^1.9.2"
  }
}
</code></pre></div>