Android action bar custom color in styles

Question

I've tried to change the color of the action bar in 100 ways, but it's still the same. Here is my code:

<resources>

<!-- Base application theme. -->

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="android:statusBarColor">#00B0FF</item>
    <item name="android:actionBarStyle">@style/MyActionBar</item>
</style>

<style name="MyActionBar" parent="@android:style/Widget.Holo.Light.ActionBar.Solid.Inverse">
    <item name="android:background">#ffffff</item>
</style>

Can someone explain me where is my mistake?

see my answer on http://stackoverflow.com/questions/20440121/android-how-to-change-action-bar-background-color/20440155#20440155 — Shayan Pourvatan, Dec 29 '14 at 15:52

mmlooloo · Answer 1 · 2014-12-29T16:04:34.843

1

Try this:

<resources>

<!-- Base application theme. -->

<style name="AppTheme" parent="Theme.AppCompat.Light">
    <!-- Customize your theme here. -->
    <item name="android:statusBarColor">#00B0FF</item>
    <item name="android:actionBarStyle">@style/MyActionBar</item>
</style>

<style name="MyActionBar" parent="@android:style/Widget.Holo.Light.ActionBar">
    <item name="android:background">#ffffff</item>
</style>

edited Dec 29 '14 at 16:04

answered Dec 29 '14 at 15:58

mmlooloo

18,937
5
45
64

It doesn't change anything – user3330053 Dec 29 '14 at 16:00
1

You have to fix a lot of things: extends `ActionBarActivity`, use `getSupportActionBar()` – mmlooloo Dec 29 '14 at 16:02

Neige · Answer 2 · 2015-01-06T15:07:12.237

If you are extends material design api 21 => take a look

<resources>
    <!-- inherit from the material theme -->
    <style name="AppTheme" parent="android:Theme.Material">
      <!-- Main theme colors -->
      <!--   your app branding color for the app bar -->
      <item name="android:colorPrimary">@color/primary</item>
      <!--   darker variant for the status bar and contextual app bars -->
      <item name="android:colorPrimaryDark">@color/primary_dark</item>
      <!--   theme UI controls like checkboxes and text fields -->
      <item name="android:colorAccent">@color/accent</item>
    </style>
</resources>

But if you are extends AppCompat => take a look

<resources>
    <!-- inherit from App Compat theme -->
    <style name="AppTheme" parent="Theme.AppCompat.Light"">
      <!-- Main theme colors -->
      <!--   your app branding color for the app bar -->
      <item name="colorPrimary">@color/primary</item>
      <!--   darker variant for the status bar and contextual app bars -->
      <item name="colorPrimaryDark">@color/primary_dark</item>
      <!--   theme UI controls like checkboxes and text fields -->
      <item name="colorAccent">@color/accent</item>
    </style>
</resources>

We now use the support implementation of Toolbar/ActionBar on all platforms meaning that we no longer read any android: attributes related to the action bar. Chris Banes

score 0 · Answer 3 · answered Dec 30 '14 at 01:05

please try this code in value-v14 and also select theme as myAppTheme In Munifest.xml

 <style name="ActionBar" parent="@android:style/Widget.Holo.Light.ActionBar.Solid.Inverse">

    <item name="android:background">@color/color1</item>
    <item name="android:backgroundStacked">@color/color1</item>
    <item name="android:backgroundSplit">@color/color1</item>
    <item name="android:statusBarColor">@color/staus_bar_color</item>
 </style>
 <style name="myAppTheme" parent="android:Theme.Holo.Light.DarkActionBar">
    <item name="android:actionBarStyle">@style/ActionBar</item>
  </style>

Android action bar custom color in styles

3 Answers3