Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Complete list of material color theming attributes

I'm looking to apply Material Design into my app. I've read about using material themes and about how I can customise these with my own colours from the Android Developer website, however the webpage only describes a few of the material design attributes I can use in my themes.xml.

The webpage only refers to the main theming attributes:
- colorPrimary: The app's main branding colour
- colorPrimaryDark: A darker variant used for status bars and contextual app bars
- colorAccent: The accent colour, to theme some UI controls

It also describes some other attributes shown in the diagram below:

enter image description here

However, I want to know all of the different theming attributes that can be applied to a material design theme. For example, I know there are other attributes such as colorButtonNormal, but I want to know the full list of these attributes and what they each do.

like image 535
Farbod Salamat-Zadeh Avatar asked Jul 20 '15 09:07

Farbod Salamat-Zadeh


People also ask

What is material theming?

Material Theming is the ability to systematically customize Material Design to better reflect your product's brand.

What is Material Design color palette?

The Material Design color system helps you apply color to your UI in a meaningful way. In this system, you select a primary and a secondary color to represent your brand. Dark and light variants of each color can then be applied to your UI in different ways.

What is tertiary color in Material Design?

The tertiary key color is used to derive the roles of contrasting accents that can be used to balance primary and secondary colors or bring heightened attention to an element. The tertiary color role is left for teams to use at their discretion and is intended to support broader color expression in products.

What is colorPrimary and colorPrimaryVariant?

colorPrimary and colorSecondary represent the colors of your brand. colorPrimaryVariant and colorSecondaryVariant are lighter or darker shades of your brand colors. colorSurface is used for “sheets” of material (like cards and bottom sheets) android:colorBackground is the window background color of your app.


1 Answers

I don't think that there's a detailed description of each attribute. You can dive into the sources and try to guess the purpose of each attribute. See: https://android.googlesource.com/platform/frameworks/base/+/refs/heads/master/core/res/res/values/themes_material.xml

like image 94
Zielony Avatar answered Sep 28 '22 08:09

Zielony