title: Xamarin Android - Change colors for TimePicker keyboard view
body: <p>I was able to change the color setting for the clock view
  (That was helpful <a href="https://www.tutorialsbuzz.com/2019/09/android-timepicker-dialog-styling.html" rel="nofollow noreferrer">https://www.tutorialsbuzz.com/2019/09/android-timepicker-dialog-styling.html</a>)</p>
  <p><a href="https://i.stack.imgur.com/YeWSH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YeWSH.png" alt="ClockView" /></a></p>
  <p>But I wasn't so successful at the second view (press the keyboard icon at the bottom left of the first image). How to change the color of SubTitle, InputField and description (center of the image that looks pure black)? Has anyone an idea?</p>
  <p><a href="https://i.stack.imgur.com/FCD6B.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FCD6B.png" alt="Keyboard view" /></a></p>
  <p>Is there a documentation that I overlook? Would be great to have a list with all keys like &quot;android:numbersTextColor&quot; etc. for the color pallet of the second view.</p>
  <p>I appreciate your time and effort. Thanks :-)</p>
  <p><strong>Edit</strong></p>
  <p>&quot;Leon Lu - MSFT&quot; thanks for your answer. That made it possible to style the view under &quot;Keyboard&quot;. Is it possible to set different colors for the text above and below the input field, the &quot;AM&quot;/&quot;PM&quot; text and &quot;cancel&quot;/&quot;ok&quot;?</p>
  <p><a href="https://i.stack.imgur.com/Usjlb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Usjlb.png" alt="enter image description here" /></a></p>
  <p>Unfortunately the clock view changed into this after applying the provided style.</p>
  <p><a href="https://i.stack.imgur.com/nC0jJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nC0jJ.png" alt="enter image description here" /></a></p>
  <p><strong>Complete Android Style</strong></p>
  <pre><code>&lt;style name=&quot;MainTheme&quot; parent=&quot;MainTheme.Base&quot;&gt;
  &lt;/style&gt;
  &lt;!-- Base theme applied no matter what API --&gt;
  &lt;style name=&quot;MainTheme.Base&quot; parent=&quot;Theme.AppCompat.Light.DarkActionBar&quot;&gt;
      &lt;!--If you are using revision 22.1 please use just windowNoTitle. Without android:--&gt;
      &lt;item name=&quot;windowNoTitle&quot;&gt;true&lt;/item&gt;
      &lt;!--We will be using the toolbar so no need to show ActionBar--&gt;
      &lt;item name=&quot;windowActionBar&quot;&gt;false&lt;/item&gt;
      &lt;!-- Set theme colors from https://aka.ms/material-colors --&gt;
      &lt;!-- colorPrimary is used for the default action bar background --&gt;
      &lt;item name=&quot;colorPrimary&quot;&gt;#2196F3&lt;/item&gt;
      &lt;!-- colorPrimaryDark is used for the status bar --&gt;
      &lt;item name=&quot;colorPrimaryDark&quot;&gt;#1976D2&lt;/item&gt;
      &lt;!-- colorAccent is used as the default value for colorControlActivated
       which is used to tint widgets --&gt;
      &lt;item name=&quot;colorAccent&quot;&gt;#f59b00&lt;/item&gt;
      &lt;!-- You can also set colorControlNormal, colorControlActivated
       colorControlHighlight and colorSwitchThumbNormal. --&gt;
      &lt;item name=&quot;windowActionModeOverlay&quot;&gt;true&lt;/item&gt;
      &lt;item name=&quot;android:datePickerDialogTheme&quot;&gt;@style/AppCompatDialogStyle&lt;/item&gt;
      &lt;item name=&quot;android:timePickerDialogTheme&quot;&gt;@style/TimePickerLightTheme&lt;/item&gt;
      &lt;item name=&quot;android:timePickerStyle&quot;&gt;@style/TimePickerLightStyle&lt;/item&gt;
      &lt;item name=&quot;android:textAllCaps&quot;&gt;false&lt;/item&gt;
  &lt;/style&gt;
  
  &lt;style name=&quot;AppCompatDialogStyle&quot; parent=&quot;Theme.AppCompat.Light.Dialog&quot;&gt;
      &lt;item name=&quot;colorAccent&quot;&gt;#f59b00&lt;/item&gt;
  &lt;/style&gt;
  
  &lt;style name=&quot;TimePickerLightTheme&quot; parent=&quot;Theme.AppCompat.Light.Dialog&quot;&gt;
      &lt;item name=&quot;android:background&quot;&gt;#4b4b4b&lt;/item&gt;
      &lt;item name=&quot;android:colorAccent&quot;&gt;#2c2f30&lt;/item&gt;
      &lt;item name=&quot;android:textColor&quot;&gt;#f59b00&lt;/item&gt;
      &lt;item name=&quot;android:textColorPrimary&quot;&gt;#ffffff&lt;/item&gt;
  &lt;/style&gt;
  
  &lt;style name=&quot;TimePickerLightStyle&quot; parent=&quot;android:Widget.Material.Light.TimePicker&quot;&gt;
      &lt;item name=&quot;android:headerBackground&quot;&gt;#2c2f30&lt;/item&gt;
      &lt;item name=&quot;android:numbersTextColor&quot;&gt;#ffffff&lt;/item&gt;
      &lt;item name=&quot;android:numbersInnerTextColor&quot;&gt;#ffffff&lt;/item&gt;
      &lt;item name=&quot;android:numbersSelectorColor&quot;&gt;#f59b00&lt;/item&gt;
      &lt;item name=&quot;android:numbersBackgroundColor&quot;&gt;#4b4b4b&lt;/item&gt;
      &lt;item name=&quot;android:background&quot;&gt;#1f1f1f&lt;/item&gt;
      &lt;item name=&quot;android:textColorPrimary&quot;&gt;#a1a1a1&lt;/item&gt;
  &lt;/style&gt;
  </code></pre>
  <p>Is there a list with keys for all elements that I'm overlooking? Would be great to have a list where it says something like &quot;Key X is for color of view element Y&quot;.</p>