Fully colorize conversations.

1. Switch from 300 to 500 colors.

2. Colorize incoming conversation bubbles.

3. Colorize recipeint preference activity toolbar.

4. Support inverted colors in avatars.

5. Make status bar icons tint according to secondary color.

// FREEBIE

res/layout/conversation_fragment.xml

@@ -6,7 +6,6 @@
               android:orientation="vertical">
 
     <ListView android:id="@android:id/list"
-              style="?android:attr/listViewWhiteStyle"
               android:layout_width="fill_parent"
               android:layout_height="0dp"
               android:layout_weight="1.0"
@@ -19,6 +18,6 @@
               android:divider="@android:color/transparent"
               android:dividerHeight="0dp"
               android:layout_marginBottom="1dip"
-              android:cacheColorHint="?android:attr/windowBackground" />
+              android:cacheColorHint="?conversation_background" />
 
 </LinearLayout>

res/layout/conversation_item_received.xml

@@ -65,7 +65,7 @@
                     android:paddingLeft="4dp"
                     android:paddingRight="4dp"
                     android:textAppearance="?android:attr/textAppearanceSmall"
-                    android:textColor="?conversation_received_text_primary_color"
+                    android:textColor="?conversation_item_received_text_primary_color"
                     android:textSize="16sp"
                     android:autoLink="all"
                     android:linksClickable="true" />
@@ -117,9 +117,11 @@
                            android:layout_gravity="center_vertical"
                            android:paddingRight="4dp"
                            android:paddingTop="2dp"
-                           android:src="?menu_lock_icon_small_received"
+                           android:src="?menu_lock_icon_small"
                            android:contentDescription="@string/conversation_item__secure_message_description"
-                           android:visibility="gone" />
+                           android:visibility="gone"
+                           android:tint="?conversation_item_received_text_secondary_color"
+                           android:tintMode="multiply"/>
 
                 <FrameLayout android:id="@+id/pending_indicator_stub"
                              android:layout_width="wrap_content"
@@ -131,7 +133,7 @@
                           android:layout_gravity="left"
                           android:paddingTop="1dip"
                           android:textAppearance="?android:attr/textAppearanceSmall"
-                          android:textColor="?conversation_received_text_secondary_color"
+                          android:textColor="?conversation_item_received_text_secondary_color"
                           android:textSize="@dimen/conversation_item_date_text_size"
                           android:fontFamily="sans-serif-light"
                           android:autoLink="none"

res/layout/conversation_item_sent.xml

@@ -147,20 +147,24 @@
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_gravity="center_vertical|end"
-                           android:src="@drawable/ic_done_grey600_18dp"
+                           android:src="@drawable/ic_done_white_18dp"
                            android:paddingLeft="2dp"
                            android:paddingBottom="2dp"
                            android:visibility="gone"
+                           android:tint="?conversation_item_sent_text_secondary_color"
+                           android:tintMode="multiply"
                            android:contentDescription="@string/conversation_item_sent__delivered_description" />
 
                 <ImageView android:id="@+id/delivered_indicator"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_gravity="center_vertical|end"
-                           android:src="@drawable/ic_done_all_grey600_18dp"
+                           android:src="@drawable/ic_done_all_white_18dp"
                            android:paddingLeft="2dp"
                            android:paddingBottom="2dp"
                            android:visibility="gone"
+                           android:tint="?conversation_item_sent_text_secondary_color"
+                           android:tintMode="multiply"
                            android:contentDescription="@string/conversation_item_sent__delivered_description" />
 
                 <ImageView android:id="@+id/secure_indicator"
@@ -171,6 +175,8 @@
                            android:layout_gravity="center_vertical|end"
                            android:paddingLeft="2dp"
                            android:paddingBottom="3dp"
+                           android:tint="?conversation_item_sent_text_secondary_color"
+                           android:tintMode="multiply"
                            android:contentDescription="@string/conversation_item__secure_message_description" />
 
             </LinearLayout>

res/layout/recipient_preference_activity.xml

@@ -1,6 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
               xmlns:tools="http://schemas.android.com/tools"
+              xmlns:app="http://schemas.android.com/apk/res-auto"
               android:orientation="vertical"
               android:layout_width="match_parent"
               android:layout_height="match_parent">
@@ -25,7 +26,8 @@
                     android:layout_height="50dp"
                     android:cropToPadding="true"
                     android:layout_marginLeft="0dp"
-                    android:layout_alignParentLeft="true"/>
+                    android:layout_alignParentLeft="true"
+                    app:inverted="true"/>
 
             <TextView android:id="@+id/name"
                       android:layout_width="wrap_content"

res/values/arrays.xml

@@ -39,20 +39,6 @@
       <item>Ukrainian Український</item>
   </string-array>
 
-  <array name="avatar_colors">
-    <item>#6dcaec</item>
-    <item>#cf9fe7</item>
-    <item>#b6db49</item>
-    <item>#ffd060</item>
-    <item>#ff7979</item>
-
-    <item>#2cb1e1</item>
-    <item>#c182e0</item>
-    <item>#92c500</item>
-    <item>#ffb61c</item>
-    <item>#f83a3a</item>
-  </array>
-
   <string-array name="language_values">
       <item>zz</item>
       <item>en</item>
@@ -191,23 +177,23 @@
   </string-array>
 
     <string-array name="default_color_choice_values" translatable="false">
-        <item>#ffE57373</item>
-        <item>#ffF06292</item>
-        <item>#ffBA68C8</item>
-        <item>#ff9575CD</item>
-        <item>#ff7986CB</item>
-        <item>#ff64B5F6</item>
-        <item>#ff4FC3F7</item>
-        <item>#ff4DD0E1</item>
-        <item>#FF4DB6AC</item>
-        <item>#FF81C784</item>
-        <item>#FFAED581</item>
-        <item>#FFDCE775</item>
-        <item>#FFFFD54F</item>
-        <item>#FFFFB74D</item>
-        <item>#FFFF8A65</item>
-        <item>#FFA1887F</item>
-        <item>#FF90A4AE</item>
+        <item>#ffF44336</item>
+        <item>#ffE91E63</item>
+        <item>#ff9C27B0</item>
+        <item>#ff673AB7</item>
+        <item>#ff3F51B5</item>
+        <item>#ff2196F3</item>
+        <item>#ff03A9F4</item>
+        <item>#ff00BCD4</item>
+        <item>#ff009688</item>
+        <item>#ff4CAF50</item>
+        <item>#ff8BC34A</item>
+        <!--<item>#FFCDDC39</item>-->
+        <item>#FFFFC107</item>
+        <item>#ffFF9800</item>
+        <item>#ffFF5722</item>
+        <item>#ff795548</item>
+        <item>#ff607D8B</item>
     </string-array>
 
 </resources>

res/values/attrs.xml

@@ -14,8 +14,7 @@
     <attr name="conversation_sent_card_background" format="reference|color"/>
     <attr name="conversation_group_member_name" format="reference|color"/>
     <attr name="conversation_received_card_background" format="reference|color"/>
-    <attr name="conversation_received_text_primary_color" format="reference|color"/>
-    <attr name="conversation_received_text_secondary_color" format="reference|color"/>
+
 
     <attr name="fab_color" format="reference|color" />
     <attr name="lower_right_divet" format="reference" />
@@ -57,6 +56,8 @@
     <attr name="conversation_item_bubble_background" format="reference|color"/>
     <attr name="conversation_item_sent_text_primary_color" format="reference|color"/>
     <attr name="conversation_item_sent_text_secondary_color" format="reference|color"/>
+    <attr name="conversation_item_received_text_primary_color" format="reference|color"/>
+    <attr name="conversation_item_received_text_secondary_color" format="reference|color"/>
     <attr name="conversation_item_sent_text_indicator_tab_color" format="reference|color"/>
     <attr name="conversation_item_sent_indicator_text_background" format="reference" />
 
@@ -87,7 +88,6 @@
     <attr name="menu_unlock_icon" format="reference" />
     <attr name="menu_lock_icon" format="reference" />
     <attr name="menu_lock_icon_small" format="reference" />
-    <attr name="menu_lock_icon_small_received" format="reference" />
     <attr name="menu_trash_icon" format="reference" />
     <attr name="menu_selectall_icon" format="reference" />
     <attr name="menu_group_icon" format="reference" />
@@ -130,4 +130,8 @@
         <attr name="numColumns" format="integer" />
     </declare-styleable>
 
+    <declare-styleable name="AvatarImageView">
+        <attr name="inverted" format="boolean"/>
+    </declare-styleable>
+
 </resources>

res/values/styles.xml

@@ -41,7 +41,7 @@
         <item name="titleTextStyle">@style/TextSecure.TitleTextStyle</item>
         <item name="subtitleTextStyle">@style/TextSecure.SubtitleTextStyle</item>
         <item name="android:textColorPrimary">@color/white</item>
-        <item name="android:textColorSecondary">#99ffffff</item>
+        <item name="android:textColorSecondary">#BFffffff</item>
     </style>
 
     <style name="TextSecure.DarkActionBar.TabBar"
@@ -61,7 +61,7 @@
     </style>
 
     <style name="TextSecure.SubtitleTextStyle" parent="TextAppearance.AppCompat.Widget.ActionBar.Subtitle">
-        <item name="android:textColor">#99ffffff</item>
+        <item name="android:textColor">#BFffffff</item>
     </style>
 
     <style name="TextSecure.IntroActionBar" parent="Widget.AppCompat.Light.ActionBar.Solid.Inverse">

res/values/themes.xml

@@ -78,8 +78,6 @@
         <item name="lower_right_divet">@drawable/divet_lower_right_dark</item>
 
         <item name="conversation_group_member_name">#99000000</item>
-        <item name="conversation_received_text_primary_color">#ff333333</item>
-        <item name="conversation_received_text_secondary_color">#99333333</item>
 
         <item name="contact_selection_push_user">#ff000000</item>
         <item name="contact_selection_lay_user">#a0000000</item>
@@ -116,10 +114,13 @@
         <item name="emoji_category_symbol">@drawable/emoji_category_symbol_light</item>
         <item name="emoji_category_emoticons">@drawable/emoji_category_emoticons_light</item>
 
-        <item name="conversation_item_sent_text_primary_color">#99000000</item>
+
         <item name="conversation_item_bubble_background">@color/white</item>
+        <item name="conversation_item_sent_text_primary_color">#99000000</item>
         <item name="conversation_item_sent_text_secondary_color">#bb000000</item>
         <item name="conversation_item_sent_text_indicator_tab_color">#99000000</item>
+        <item name="conversation_item_received_text_primary_color">@color/white</item>
+        <item name="conversation_item_received_text_secondary_color">#BFffffff</item>
         <item name="conversation_item_background">@drawable/conversation_item_background</item>
         <item name="conversation_item_sent_indicator_text_background">@drawable/conversation_item_sent_indicator_text_shape</item>
 
@@ -140,8 +141,7 @@
         <item name="menu_popup_expand">@drawable/ic_launch_white_24dp</item>
         <item name="menu_unlock_icon">@drawable/ic_unlocked_white_24dp</item>
         <item name="menu_lock_icon">@drawable/ic_lock_white_24dp</item>
-        <item name="menu_lock_icon_small">@drawable/ic_lock_black_18dp</item>
-        <item name="menu_lock_icon_small_received">@drawable/ic_lock_black_18dp</item>
+        <item name="menu_lock_icon_small">@drawable/ic_lock_white_18dp</item>
         <item name="menu_trash_icon">@drawable/ic_delete_white_24dp</item>
         <item name="menu_selectall_icon">@drawable/ic_select_all_white_24dp</item>
         <item name="menu_split_icon">@drawable/ic_call_split_white_24dp</item>
@@ -188,8 +188,6 @@
         <item name="share_list_item_divider">@drawable/share_list_divider_shape_dark</item>
 
         <item name="conversation_group_member_name">#99ffffff</item>
-        <item name="conversation_received_text_primary_color">#ffeeeeee</item>
-        <item name="conversation_received_text_secondary_color">#99eeeeee</item>
 
         <item name="contact_selection_push_user">#ffeeeeee</item>
         <item name="contact_selection_lay_user">#afeeeeee</item>
@@ -201,6 +199,8 @@
         <item name="conversation_item_sent_text_primary_color">#ffffffff</item>
         <item name="conversation_item_sent_text_secondary_color">#aaeeeeee</item>
         <item name="conversation_item_sent_text_indicator_tab_color">#99ffffff</item>
+        <item name="conversation_item_received_text_primary_color">@color/white</item>
+        <item name="conversation_item_received_text_secondary_color">#BFffffff</item>
         <item name="conversation_item_sent_indicator_text_background">@drawable/conversation_item_sent_indicator_text_shape_dark</item>
 
         <item name="dialog_info_icon">@drawable/ic_info_outline_dark</item>
@@ -254,7 +254,6 @@
         <item name="menu_unlock_icon">@drawable/ic_unlocked_white_24dp</item>
         <item name="menu_lock_icon">@drawable/ic_lock_white_24dp</item>
         <item name="menu_lock_icon_small">@drawable/ic_lock_white_18dp</item>
-        <item name="menu_lock_icon_small_received">@drawable/ic_lock_white_18dp</item>
         <item name="menu_trash_icon">@drawable/ic_delete_white_24dp</item>
         <item name="menu_selectall_icon">@drawable/ic_select_all_white_24dp</item>
         <item name="menu_split_icon">@drawable/ic_call_split_white_24dp</item>