UI polish for list section headers in People

Bug: 10671447
Change-Id: I4857282a65474105ba0415bd881c758bddb381a8
diff --git a/res/layout/group_account_header_horizontal.xml b/res/layout/group_account_header_horizontal.xml
index 4173fa4..fe0ca2d 100644
--- a/res/layout/group_account_header_horizontal.xml
+++ b/res/layout/group_account_header_horizontal.xml
@@ -34,10 +34,7 @@
         android:layout_gravity="center_vertical"
         android:paddingLeft="?attr/list_item_header_text_indent"
         android:paddingStart="?attr/list_item_header_text_indent"
-        android:textAppearance="?android:attr/textAppearanceSmall"
-        android:textColor="@color/people_app_theme_color"
-        android:textStyle="bold"
-        android:textAllCaps="true"
+        android:textAppearance="@style/SectionHeaderStyle"
         android:singleLine="true"
         android:textAlignment="viewStart" />
 
@@ -48,7 +45,7 @@
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_gravity="center_vertical"
-        android:textColor="@color/people_app_theme_color"
+        android:textAppearance="@style/SectionHeaderStyle"
         android:textSize="12sp"
         android:singleLine="true"
         android:ellipsize="middle"
diff --git a/res/layout/group_account_header_vertical.xml b/res/layout/group_account_header_vertical.xml
index 289d23a..b3e0eb1 100644
--- a/res/layout/group_account_header_vertical.xml
+++ b/res/layout/group_account_header_vertical.xml
@@ -34,10 +34,7 @@
         android:layout_height="wrap_content"
         android:paddingLeft="?attr/list_item_header_text_indent"
         android:paddingStart="?attr/list_item_header_text_indent"
-        android:textAppearance="?android:attr/textAppearanceSmall"
-        android:textColor="@color/people_app_theme_color"
-        android:textStyle="bold"
-        android:textAllCaps="true"
+        android:textAppearance="@style/SectionHeaderStyle"
         android:singleLine="true"/>
 
     <!-- TODO: Should use correct color with a correct name (content should be same).
@@ -48,7 +45,7 @@
         android:layout_height="wrap_content"
         android:paddingLeft="?attr/list_item_header_text_indent"
         android:paddingStart="?attr/list_item_header_text_indent"
-        android:textColor="@color/people_app_theme_color"
+        android:textAppearance="@style/SectionHeaderStyle"
         android:textSize="12sp"
         android:singleLine="true"
         android:ellipsize="middle" />
diff --git a/res/layout/user_profile_header.xml b/res/layout/user_profile_header.xml
index 56ec894..fb5341b 100644
--- a/res/layout/user_profile_header.xml
+++ b/res/layout/user_profile_header.xml
@@ -34,14 +34,11 @@
         android:layout_height="wrap_content"
         android:singleLine="true"
         android:text="@string/user_profile_contacts_list_header"
-        android:textStyle="bold"
         android:ellipsize="end"
         android:layout_weight="1"
-        android:textAllCaps="true"
-        android:textAppearance="?android:attr/textAppearanceSmall"
+        android:textAppearance="@style/SectionHeaderStyle"
         android:paddingLeft="?attr/list_item_text_indent"
-        android:paddingStart="?attr/list_item_text_indent"
-        android:textColor="@color/people_app_theme_color" />
+        android:paddingStart="?attr/list_item_text_indent" />
 
     <TextView
         android:id="@+id/contacts_count"