How to really programmatically change primary and accent color in Android Lollipop

Question

First of all  this question asks a very similar question  However  my question has a subtle difference   What I d like to know is whether it is possible to programmatically change the colorPrimary attribute of a theme to an arbitrary color   So for example  we have    lt style name  AppTheme  parent  android Theme Material Light  gt       lt item name  android colorPrimary  gt  ff0000 lt  item gt       lt item name  android colorAccent  gt  ff0000 lt  item gt   lt  style gt    At runtime  the user decides he wants to use  ccffff as a primary color  Ofcourse there s no way I can create themes for all possible colors   I don t mind if I have to do hacky stuff  like relying on Android s private internals  as long as it works using the public SDK   My goal is to eventually have the ActionBar and all widgets like a CheckBox to use this primary color

User · Answer

I read the comments about contacts app and how it use a theme for each contact.

Probably, contacts app has some predefine themes (for each material primary color from here: http://www.google.com/design/spec/style/color.html).

You can apply a theme before a the setContentView method inside onCreate method.

Then the contacts app can apply a theme randomly to each user.

This method is:

setTheme(R.style.MyRandomTheme);

But this method has a problem, for example it can change the toolbar color, the scroll effect color, the ripple color, etc, but it cant change the status bar color and the navigation bar color (if you want to change it too).

Then for solve this problem, you can use the method before and:

if (Build.VERSION.SDK_INT >= 21) {
        getWindow().setNavigationBarColor(getResources().getColor(R.color.md_red_500));
        getWindow().setStatusBarColor(getResources().getColor(R.color.md_red_700));
    }

This two method change the navigation and status bar color. Remember, if you set your navigation bar translucent, you can't change its color.

This should be the final code:

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setTheme(R.style.MyRandomTheme);
    if (Build.VERSION.SDK_INT >= 21) {
        getWindow().setNavigationBarColor(getResources().getColor(R.color.myrandomcolor1));
        getWindow().setStatusBarColor(getResources().getColor(R.color.myrandomcolor2));
    }
    setContentView(R.layout.activity_main);

}

You can use a switch and generate random number to use random themes, or, like in contacts app, each contact probably has a predefine number associated.

A sample of theme:

<style name="MyRandomTheme" parent="Theme.AppCompat.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/myrandomcolor1</item>
    <item name="colorPrimaryDark">@color/myrandomcolor2</item>
    <item name="android:navigationBarColor">@color/myrandomcolor1</item>
</style>

Sorry for my english.

User · Answer

You can use Theme applyStyle to modify your theme at runtime by applying another style to it   Let s say you have these style definitions    lt style name  DefaultTheme  parent  Theme AppCompat Light  gt       lt item name  colorPrimary  gt  color md lime 500 lt  item gt       lt item name  colorPrimaryDark  gt  color md lime 700 lt  item gt       lt item name  colorAccent  gt  color md amber A400 lt  item gt   lt  style gt    lt style name  OverlayPrimaryColorRed  gt       lt item name  colorPrimary  gt  color md red 500 lt  item gt       lt item name  colorPrimaryDark  gt  color md red 700 lt  item gt   lt  style gt    lt style name  OverlayPrimaryColorGreen  gt       lt item name  colorPrimary  gt  color md green 500 lt  item gt       lt item name  colorPrimaryDark  gt  color md green 700 lt  item gt   lt  style gt    lt style name  OverlayPrimaryColorBlue  gt       lt item name  colorPrimary  gt  color md blue 500 lt  item gt       lt item name  colorPrimaryDark  gt  color md blue 700 lt  item gt   lt  style gt    Now you can patch your theme at runtime like so   getTheme   applyStyle R style OverlayPrimaryColorGreen  true     The method applyStylehas to be called before the layout gets inflated  So unless you load the view manually you should apply styles to the theme before calling setContentView in your activity   Of course this cannot be used to specify an arbitrary color  i e  one out of 16 million  2563  colors  But if you write a small program that generates the style definitions and the Java code for you then something like one out of 512  83  should be possible   What makes this interesting is that you can use different style overlays for different aspects of your theme  Just add a few overlay definitions for colorAccent for example  Now you can combine different values for primary color and accent color almost arbitrarily   You should make sure that your overlay theme definitions don t accidentally inherit a bunch of style definitions from a parent style definition  For example a style called AppTheme OverlayRed implicitly inherits all styles defined in AppTheme and all these definitions will also be applied when you patch the master theme  So either avoid dots in the overlay theme names or use something like Overlay Red and define Overlay as an empty style

User · Answer

USE A TOOLBAR  You can set a custom toolbar item color dynamically by creating a custom toolbar class   package view   import android app Activity  import android content Context  import android graphics ColorFilter  import android graphics PorterDuff  import android graphics PorterDuffColorFilter  import android support v7 internal view menu ActionMenuItemView  import android support v7 widget ActionMenuView  import android support v7 widget Toolbar  import android util AttributeSet  import android util Log  import android view View  import android view ViewGroup  import android widget AutoCompleteTextView  import android widget EditText  import android widget ImageButton  import android widget ImageView  import android widget TextView   public class CustomToolbar extends Toolbar       public CustomToolbar Context context  AttributeSet attrs  int defStyleAttr            super context  attrs  defStyleAttr              TODO Auto-generated constructor stub            public CustomToolbar Context context  AttributeSet attrs            super context  attrs              TODO Auto-generated constructor stub            public CustomToolbar Context context            super context              TODO Auto-generated constructor stub         ctxt   context             int itemColor      Context ctxt        Override      protected void onLayout boolean changed  int l  int t  int r  int b            Log d  LL    onLayout            super onLayout changed  l  t  r  b           colorizeToolbar this  itemColor   Activity  ctxt               public void setItemColor int color           itemColor   color          colorizeToolbar this  itemColor   Activity  ctxt                           Use this method to colorize toolbar icons to the desired target color         param toolbarView toolbar view being colored         param toolbarIconsColor the target color of toolbar icons         param activity reference to activity needed to register observers             public static void colorizeToolbar Toolbar toolbarView  int toolbarIconsColor  Activity activity            final PorterDuffColorFilter colorFilter                   new PorterDuffColorFilter toolbarIconsColor  PorterDuff Mode SRC IN            for int i   0  i  lt  toolbarView getChildCount    i                  final View v   toolbarView getChildAt i                doColorizing v  colorFilter  toolbarIconsColor                      Step 3  Changing the color of title and subtitle          toolbarView setTitleTextColor toolbarIconsColor           toolbarView setSubtitleTextColor toolbarIconsColor              public static void doColorizing View v  final ColorFilter colorFilter  int toolbarIconsColor           if v instanceof ImageButton                  ImageButton v  getDrawable   setAlpha 255                 ImageButton v  getDrawable   setColorFilter colorFilter                      if v instanceof ImageView                  ImageView v  getDrawable   setAlpha 255                 ImageView v  getDrawable   setColorFilter colorFilter                      if v instanceof AutoCompleteTextView                  AutoCompleteTextView v  setTextColor toolbarIconsColor                      if v instanceof TextView                  TextView v  setTextColor toolbarIconsColor                      if v instanceof EditText                  EditText v  setTextColor toolbarIconsColor                      if  v instanceof ViewGroup               for  int lli  0  lli lt    ViewGroup v  getChildCount    lli                      doColorizing   ViewGroup v  getChildAt lli   colorFilter  toolbarIconsColor                                    if v instanceof ActionMenuView                for int j   0  j  lt    ActionMenuView v  getChildCount    j                         Step 2  Changing the color of any ActionMenuViews - icons that                   are not back button  nor text  nor overflow menu icon                  final View innerView     ActionMenuView v  getChildAt j                    if innerView instanceof ActionMenuItemView                        int drawablesCount     ActionMenuItemView innerView  getCompoundDrawables   length                      for int k   0  k  lt  drawablesCount  k                              if   ActionMenuItemView innerView  getCompoundDrawables   k     null                                final int finalK   k                                 Important to set the color filter in seperate thread                                 by adding it to the message queue                               Won t work otherwise                                 Works fine for my case but needs more testing                                ActionMenuItemView  innerView  getCompoundDrawables   finalK  setColorFilter colorFilter                                    innerView post new Runnable                                          Override                                     public void run                                               ActionMenuItemView  innerView  getCompoundDrawables   finalK  setColorFilter colorFilter                                                                                                                                                                                    then refer to it in your layout file  Now you can set a custom color using  toolbar setItemColor Color Red     Sources   I found the information to do this here  How to dynamicaly change Android Toolbar icons color  and then I edited it  improved upon it  and posted it here  GitHub AndroidDynamicToolbarItemColor

User · Answer

You cannot change the color of colorPrimary  but you can change the theme of your application by adding a new style with a different colorPrimary color   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  style gt    lt style name  AppTheme NewTheme  parent  Theme AppCompat Light NoActionBar  gt       lt item name  colorPrimary  gt  color colorOne lt  item gt       lt item name  colorPrimaryDark  gt  color colorOneDark lt  item gt   lt  style gt    and inside the activity set theme   setTheme R style AppTheme NewTheme    setContentView R layout activity main

User · Answer

Themes are immutable  you can t

User · Answer

I ve created some solution to make any-color themes  maybe this can be useful for somebody  API 9  1  first create  quot res values-v9  quot  and put there this file  styles xml and regular  quot res values quot  folder will be used with your styles  2  put this code in your res values styles xml   lt resources gt       lt style name  quot AppTheme quot  parent  quot Theme AppCompat Light quot  gt           lt item name  quot colorPrimary quot  gt  000 lt  item gt           lt item name  quot colorPrimaryDark quot  gt  000 lt  item gt           lt item name  quot colorAccent quot  gt  000 lt  item gt           lt item name  quot android windowAnimationStyle quot  gt  style WindowAnimationTransition lt  item gt       lt  style gt        lt style name  quot AppThemeDarkActionBar quot  parent  quot Theme AppCompat Light DarkActionBar quot  gt           lt item name  quot colorPrimary quot  gt  000 lt  item gt           lt item name  quot colorPrimaryDark quot  gt  000 lt  item gt           lt item name  quot colorAccent quot  gt  000 lt  item gt           lt item name  quot android windowAnimationStyle quot  gt  style WindowAnimationTransition lt  item gt       lt  style gt        lt style name  quot WindowAnimationTransition quot  gt           lt item name  quot android windowEnterAnimation quot  gt  android anim fade in lt  item gt           lt item name  quot android windowExitAnimation quot  gt  android anim fade out lt  item gt       lt  style gt   lt  resources gt   3  in to AndroidManifest   lt application android theme  quot  style AppThemeDarkActionBar quot  gt   4  create a new class with name  quot ThemeColors java quot  public class ThemeColors        private static final String NAME    quot ThemeColors quot   KEY    quot color quot         ColorInt     public int color       public ThemeColors Context context            SharedPreferences sharedPreferences   context getSharedPreferences NAME  Context MODE PRIVATE           String stringColor   sharedPreferences getString KEY   quot 004bff quot            color   Color parseColor  quot   quot    stringColor            if  isLightActionBar    context setTheme R style AppTheme           context setTheme context getResources   getIdentifier  quot T  quot    stringColor   quot style quot   context getPackageName                 public static void setNewThemeColor Activity activity  int red  int green  int blue            int colorStep   15          red   Math round red   colorStep    colorStep          green   Math round green   colorStep    colorStep          blue   Math round blue   colorStep    colorStep           String stringColor   Integer toHexString Color rgb red  green  blue   substring 2           SharedPreferences Editor editor   activity getSharedPreferences NAME  Context MODE PRIVATE  edit            editor putString KEY  stringColor           editor apply             if  Build VERSION SDK INT  gt   Build VERSION CODES HONEYCOMB  activity recreate            else               Intent i   activity getPackageManager   getLaunchIntentForPackage activity getPackageName                 i addFlags Intent FLAG ACTIVITY CLEAR TOP               activity startActivity i                        private boolean isLightActionBar       Checking if title text color will be black         int rgb    Color red color    Color green color    Color blue color     3          return rgb  gt  210           5   MainActivity  public class MainActivity extends AppCompatActivity         Override     protected void onCreate Bundle savedInstanceState            super onCreate savedInstanceState           new ThemeColors this           setContentView R layout activity main              public void buttonClick View view           int red  new Random   nextInt 255           int green  new Random   nextInt 255           int blue  new Random   nextInt 255           ThemeColors setNewThemeColor MainActivity this  red  green  blue            To change color  just replace Random with your RGB  Hope this helps   There is a complete example  ColorTest zip

User · Answer

This is what you CAN do   write a file in drawable folder  lets name it background xml   lt  xml version  1 0  encoding  utf-8   gt   lt shape xmlns android  http   schemas android com apk res android   gt       lt solid android color   attr colorPrimary   gt   lt  shape gt    then set your Layout s  or what so ever the case is  android background   drawable background    on setting your theme this color would represent the same

User · Answer

I used the Dahnark s code but I also need to change the ToolBar background   if  dark ui        this setTheme R style Theme Dark        if  Build VERSION SDK INT  gt   21            getWindow   setNavigationBarColor getResources   getColor R color Theme Dark primary            getWindow   setStatusBarColor getResources   getColor R color Theme Dark primary dark            else       this setTheme R style Theme Light      setContentView R layout activity main    toolbar    Toolbar  findViewById R id app bar    if dark ui        toolbar setBackgroundColor getResources   getColor R color Theme Dark primary

User · Answer

from an activity you can do   getWindow   setStatusBarColor i color

[android] How to _really_ programmatically change primary and accent color in Android Lollipop?

Examples related to android

Examples related to android-5.0-lollipop