title: Change style of checked checkbox in Option menu item
body: <p>I am trying to create an Option Menu with checkboxes. However, for some reason, the checked checkboxes are white. Which makes them very hard to see on the light gray background. I don't know why they are white. The text and the unchecked checkboxes are dark gray. I've been trying to make them the same color as the unchecked boxes but couldn't figure out how. Here is a screenshot of them:</p>
  
  <p><a href="https://i.stack.imgur.com/h9Tud.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/h9Tud.png" alt="Screenshot"></a>   </p>
  
  <p>And this is what my <code>menu.xml</code> looks like:</p>
  
  <pre><code>&lt;menu xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto"&gt;
      &lt;group
          android:checkableBehavior="all"&gt;
          &lt;item
              android:id="@+id/location"
              android:title="@string/menuUseLocation"
              android:checked="true"
              app:showAsAction="never" /&gt;
          &lt;item
              android:id="@+id/map"
              android:title="@string/menuUseHypridMap"
              android:checked="false"
              app:showAsAction="never" /&gt;
          &lt;item
              android:id="@+id/vibration"
              android:title="@string/menuUseVibration"
              android:checked="true"
              app:showAsAction="never" /&gt;
      &lt;/group&gt;
  &lt;/menu&gt;
  </code></pre>
  
  <p>I am using this theme:</p>
  
  <pre><code>&lt;style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"&gt;
      &lt;!-- Customize your theme here. --&gt;
      &lt;item name="colorPrimary"&gt;@color/colorPrimary&lt;/item&gt;
      &lt;item name="colorPrimaryDark"&gt;@color/colorPrimaryDark&lt;/item&gt;
      &lt;item name="colorAccent"&gt;@color/colorAccent&lt;/item&gt;
  &lt;/style&gt;
  </code></pre>
  
  <p>And these colors:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;resources&gt;
      &lt;color name="colorPrimary"&gt;#da121a&lt;/color&gt;
      &lt;color name="colorPrimaryDark"&gt;#000000&lt;/color&gt;
      &lt;color name="drawerBackground"&gt;#da121a&lt;/color&gt;
      &lt;color name="colorAccent"&gt;#F4F4F4&lt;/color&gt;
      &lt;color name="background"&gt;#F4F4F4&lt;/color&gt;
      &lt;color name="text"&gt;#FFFFFF&lt;/color&gt;
  &lt;/resources&gt;
  </code></pre>
  
  <p>Any ideas about how to fix this problem?</p>