title: How can I fix the Spinner style for Android 4.x placed on top of the Toolbar
body: <p>According to <a href="http://developer.android.com/training/material/compatibility.html#SupportLib" rel="noreferrer">Android documentation</a>, Material Design style is supported for Spinner widget.</p>
  <p>So I decided to use it in my app placing it on top of the Toolbar.</p>
  <p><strong>layout/activity_base.xml</strong></p>
  <pre><code>&lt;android.support.v7.widget.Toolbar
      android:id=&quot;@+id/my_awesome_toolbar&quot;
      android:layout_height=&quot;wrap_content&quot;
      android:layout_width=&quot;match_parent&quot;
      android:minHeight=&quot;?attr/actionBarSize&quot;
      android:background=&quot;?attr/colorPrimary&quot;
      android:elevation=&quot;5dp&quot;
      app:theme=&quot;@style/ThemeOverlay.AppCompat.Dark.ActionBar&quot;
      app:popupTheme=&quot;@style/ThemeOverlay.AppCompat.Light&quot;&gt;
      &lt;Spinner
          android:id=&quot;@+id/spinner&quot;
          android:layout_width=&quot;wrap_content&quot;
          android:layout_height=&quot;wrap_content&quot;/&gt;
   &lt;/android.support.v7.widget.Toolbar&gt;
  </code></pre>
  <p><strong>Activity theme</strong></p>
  <pre><code>&lt;style name=&quot;BaseAppTheme&quot; parent=&quot;Theme.AppCompat.Light.NoActionBar&quot;&gt;
      &lt;item name=&quot;colorPrimary&quot;&gt;@color/omni_primary_color&lt;/item&gt;
      &lt;item name=&quot;colorPrimaryDark&quot;&gt;@color/omni_primary_color_dark&lt;/item&gt;
      &lt;item name=&quot;colorAccent&quot;&gt;@color/omni_accent_color&lt;/item&gt;
  &lt;/style&gt;
  </code></pre>
  <p><strong>BaseActivity.java</strong></p>
  <pre><code>public class BaseActivity extends ActionBarActivity {
  
      @InjectView(R.id.my_awesome_toolbar)
      Toolbar mToolbar;
  
      @InjectView(R.id.spinner)
      Spinner spinner;
  
      @Override
      protected void onCreate(Bundle savedInstanceState) {
          super.onCreate(savedInstanceState);
          setContentView(R.layout.activity_base);
          ButterKnife.inject(this);
          //setup toolbar
          setSupportActionBar(mToolbar);
          getSupportActionBar().setDisplayShowTitleEnabled(false);
          mToolbar.setNavigationIcon(R.drawable.ic_action_navigation_menu);
            
          ArrayAdapter&lt;CharSequence&gt; adapter = ArrayAdapter.createFromResource(mToolbar.getContext(),
                  R.array.planets_array, R.layout.support_simple_spinner_dropdown_item);
          adapter.setDropDownViewResource(R.layout.support_simple_spinner_dropdown_item);
          spinner.setAdapter(adapter);
      }
  }
  </code></pre>
  <p>On Lollipop spinner and dropdown looks fine, although dropdown background color is black comparing to menu dropdown which is white. I guess that <code>app:popupTheme=&quot;@style/ThemeOverlay.AppCompat.Light&quot;</code> is not propagated to the spinner.</p>
  <p><strong>Android 5.0</strong></p>
  <p><img src="https://i.stack.imgur.com/R2bWH.png" alt="enter image description here" />
  <img src="https://i.stack.imgur.com/B7DBw.png" alt="enter image description here" /></p>
  <p>Now the big problem is with Android 4.x where dropdown background color is white(popupTheme propagated?) and icon next to the spinner is black.</p>
  <p><strong>Android 4.4</strong></p>
  <p><img src="https://i.stack.imgur.com/ijrLZ.png" alt="enter image description here" /></p>
  <h2>How can I set it properly in the XML or implement in the code to make it work on both Android 5 and 4? Ideally, I would like to have both looks like on Android 5 but with white spinner dropdown(like Setting menu dropdown).</h2>
  <p><strong>Update</strong></p>
  <p>I have noticed that setting property <code>colorControlNormal</code> affects spinner's filter icon. If someone finds out how to make use of that for Spinner(without changing other content controls), then I would have my solution combining that finding with @Sven answer.</p>
  <p><strong>Update</strong></p>
  <p>The following change fixes the problem for spinner text and popup color. So the only problem to the final solution is the filter icon.</p>
  <pre><code>ArrayAdapter&lt;CharSequence&gt; adapter = ArrayAdapter.createFromResource(getSupportActionBar().getThemedContext(),
                  R.array.planets_array, R.layout.support_simple_spinner_dropdown_item);
          adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
  </code></pre>
  <p><strong>Update</strong></p>
  <p>I found that filter icon is actually a part of <code>android:background</code> specified for the spinner and it's transparent. Providing own background would fix it e.g.</p>
  <pre><code>&lt;item name=&quot;android:background&quot;&gt;?android:selectableItemBackground&lt;/item&gt;
  </code></pre>
  <p>Mystery solved!</p>
  <p>The last piece of the puzzle is the popup on Android 5 that has black background and white text but I guess it can be solved with custom layout. If no one provides full answer I will do it myself and mark as accepted.</p>