Skip to content

Instantly share code, notes, and snippets.

@martynhaigh

martynhaigh/Android Color Control Cheat Sheet

Forked from boxme/Android Color Control Cheat Sheet
Created August 3, 2017 12:42
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save martynhaigh/b32494887aaf1216fcb989c96336fbab to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save martynhaigh/b32494887aaf1216fcb989c96336fbab to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @boxme boxme renamed this gist May 9, 2015. 1 changed file with 0 additions and 0 deletions.
    0 gistfile1.txt → Android Color Control Cheat Sheet
    View file
    File renamed without changes.
  2. @boxme boxme revised this gist Apr 23, 2015. 1 changed file with 12 additions and 1 deletion.
    13 changes: 12 additions & 1 deletion gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,10 @@
    Unless specified otherwise, all of the below tinting applies to both Lollipop and pre-Lollipop using AppCompat v21. To use the support version of these attributes, remove the android namespace. For instance, "android:colorControlNormal" becomes "colorControlNormal". These attributes will be propagated to their corresponding attributes within the android namespace for devices running Lollipop. Any exceptions to this will be noted by including the "android:" prefix.
    Unless specified otherwise, all of the below tinting applies to both Lollipop and pre-Lollipop using AppCompat v21.
    To use the support version of these attributes, remove the android namespace.

    For instance, "android:colorControlNormal" becomes "colorControlNormal".

    These attributes will be propagated to their corresponding attributes within the android namespace
    for devices running Lollipop. Any exceptions to this will be noted by including the "android:" prefix.

    All Clickable Views:
    -----------
    @@ -18,6 +24,10 @@ EditText:
    * underline overlay (focus) -- "colorAccent"
    * cursor -- "colorAccent"
    * text color -- "android:textColorPrimary"

    TextView:
    ----------
    * text color -- "android:textColorPrimary"

    CheckBox:
    ----------
    @@ -45,6 +55,7 @@ Spinner:
    Button:
    ---------
    * background -- "colorButtonNormal"
    * text color -- "android:textColorPrimary"

    ActionBar:
    -----------
  3. @boxme boxme created this gist Apr 23, 2015.
    66 changes: 66 additions & 0 deletions gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,66 @@
    Unless specified otherwise, all of the below tinting applies to both Lollipop and pre-Lollipop using AppCompat v21. To use the support version of these attributes, remove the android namespace. For instance, "android:colorControlNormal" becomes "colorControlNormal". These attributes will be propagated to their corresponding attributes within the android namespace for devices running Lollipop. Any exceptions to this will be noted by including the "android:" prefix.

    All Clickable Views:
    -----------
    * ripple effect (Lollipop only) -- "colorControlHighlight"

    Status Bar:
    ------------
    * background (Lollipop only) - "colorPrimaryDark"

    Navigation Bar:
    ----------------
    * background (Lollipop only) - "android:navigationBarColor"

    EditText:
    ----------
    * underline (unfocused) -- "colorControlNormal"
    * underline overlay (focus) -- "colorAccent"
    * cursor -- "colorAccent"
    * text color -- "android:textColorPrimary"

    CheckBox:
    ----------
    * box unchecked -- "colorControlNormal"
    * box checked -- "colorAccent"

    RadioButton:
    -------------
    * unselected -- "colorControlNormal"
    * selected -- "colorAccent"
    * ripple effect (Lollipop only) -- "colorControlHighlight"

    SwitchCompat:
    -------------
    * thumb switch off -- "colorSwitchThumbNormal"
    * thumb switch on -- "colorAccent"
    * track overlay (when switched on) -- "colorAccent"

    Spinner:
    ---------
    * indicator (not pressed) -- "colorControlNormal"
    * indicator (pressed) -- "colorAccent"
    * selected entry text color (Lollipop only) -- "android:textColorPrimary"

    Button:
    ---------
    * background -- "colorButtonNormal"

    ActionBar:
    -----------
    * background -- "colorPrimary"
    * title color -- "android:textColorPrimary"
    * overflow icon -- "android:textColorPrimary"
    * up button -- "android:textColorPrimary"
    * action icons -- "android:textColorPrimary" †
    * overflow menu background -- "android:colorBackground"
    * overflow text color -- "android:textColorPrimary"

    Toolbar (Theme Overlay should be used):
    ----------------------------------------
    * background -- must be set manually in XML. Can do (android:background="?attr/colorPrimary")
    * overflow icon -- "android:textColorPrimary"
    * navigation icon -- "android:textColorPrimary" †
    * action icons -- "android:textColorPrimary" †
    * overflow menu background -- "android:colorBackground"
    * overflow text color -- "android:textColorPrimary"