title: Changing from a default theme to a custom theme removes cursor from MatInput, Angular 6
body: <p>I wanted to change from a default <a href="https://en.wikipedia.org/wiki/Angular_(web_framework)#Angular_Material" rel="nofollow noreferrer">Angular Material</a> color scheme to a custom one. My problem is, when I did, the MatInput field stopped showing the blinking cursor when in focus. I was wondering how I could get it back to showing a blinking state when clicked on.</p>
  <h3>File <em>theme.scss</em></h3>
  <pre><code>@import '~@angular/material/theming';
  @include mat-core();
  
  $my-app-primary: mat-palette($mat-grey, 100);
  $my-app-accent:  mat-palette($mat-blue, 200);
  $my-app-warn:    mat-palette($mat-deep-orange);
  $my-app-theme: mat-light-theme($my-app-primary, $my-app-accent, $my-app-warn);
  @include angular-material-theme($my-app-theme);
  </code></pre>
  <h3>File <em>custody.component.html</em></h3>
  <pre><code> &lt;mat-form-field&gt;
        &lt;input
          matInput
          type=&quot;email&quot;
          formControlName=&quot;email&quot;
          placeholder=&quot;{{ email }}&quot;
          style=&quot;outline: none&quot;
        /&gt;
        &lt;mat-error *ngIf=&quot;form.get('email').invalid&quot;
          &gt;Please enter a valid email.&lt;/mat-error
        &gt;
      &lt;/mat-form-field&gt;
  </code></pre>