title: Material Design TextInputEditText Border Color When Not Activated
body: <p>I'm placing a <code>TextInputEditText</code> widget onto a white background. When the fragment first loads, the widget does not have focus. The border around the widget is white (or almost white), so it is invisible on a white background. Here is a screenshot of that widget, drawn on a black background for contrast:</p>
  
  <p><img src="https://i.stack.imgur.com/ZfWOA.png" alt=""></p>
  
  <p>As soon as I tap on the widget, the border becomes that of my primary color, which is exactly what I want. Here is a similar screenshot after the widget is activated.</p>
  
  <p><img src="https://i.stack.imgur.com/7NtY6.png" alt=""></p>
  
  <p>I'm trying to control these colors through a style, and I've tried everything that I can think of, but I cannot figure out how to adjust that color. Here is my style (feel free to laugh at the various attempts):</p>
  
  <pre><code>&lt;style name="MyTextInputLayout" parent="Base.Widget.MaterialComponents.TextInputLayout"&gt;
      &lt;item name="android:colorBackground"&gt;@android:color/black&lt;/item&gt;
      &lt;item name="android:textColorHint"&gt;@color/colorPrimary&lt;/item&gt;
      &lt;item name="android:paddingStart"&gt;16dp&lt;/item&gt;
      &lt;item name="android:paddingEnd"&gt;16dp&lt;/item&gt;
      &lt;item name="android:colorControlActivated"&gt;@android:color/black&lt;/item&gt;
      &lt;item name="android:colorControlNormal"&gt;@android:color/black&lt;/item&gt;
      &lt;item name="android:colorControlHighlight"&gt;@android:color/black&lt;/item&gt;
      &lt;item name="android:backgroundTint"&gt;@android:color/black&lt;/item&gt;
      &lt;item name="android:colorAccent"&gt;@android:color/black&lt;/item&gt;
  &lt;/style&gt;
  
  &lt;style name="MyTextInputEditText" parent="ThemeOverlay.MaterialComponents.TextInputEditText"&gt;
      &lt;item name="android:textColor"&gt;@android:color/black&lt;/item&gt;
      &lt;item name="android:colorBackground"&gt;@android:color/black&lt;/item&gt;
      &lt;item name="android:colorControlActivated"&gt;@android:color/black&lt;/item&gt;
      &lt;item name="android:colorControlNormal"&gt;@android:color/black&lt;/item&gt;
      &lt;item name="android:colorControlHighlight"&gt;@android:color/black&lt;/item&gt;
      &lt;item name="android:backgroundTint"&gt;@android:color/black&lt;/item&gt;
      &lt;item name="android:colorAccent"&gt;@android:color/black&lt;/item&gt;
  &lt;/style&gt;
  </code></pre>
  
  <p>And finally, the xml of the layout in case it is helpful:</p>
  
  <pre><code>&lt;com.google.android.material.textfield.TextInputLayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_marginTop="16dp"
      android:layout_marginBottom="16dp"
      app:layout_constraintBottom_toBottomOf="parent"
      app:layout_constraintEnd_toEndOf="parent"
      app:layout_constraintStart_toStartOf="parent"
      app:layout_constraintTop_toTopOf="parent"
      style="@style/MyTextInputLayout"&gt;
  
      &lt;com.google.android.material.textfield.TextInputEditText
          android:id="@+id/reg_username"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:hint="@string/username"
          style="@style/MyTextInputEditText"/&gt;
  
  &lt;/com.google.android.material.textfield.TextInputLayout&gt;
  </code></pre>
  
  <p>How can I change this border color when the widget is not active (i.e. does not have focus)?</p>