Add support for syncing colors

// FREEBIE

js/background.js

@@ -136,6 +136,7 @@
             name: contactDetails.name,
             id: contactDetails.number,
             avatar: contactDetails.avatar,
+            color: contactDetails.color,
             type: 'private',
             active_at: Date.now()
         }).save();

js/models/conversations.js

@@ -355,15 +355,17 @@
         }
 
         var title = this.get('name');
-        var color;
-        if (this.isPrivate()) {
-            if (title) {
-                color = COLORS[Math.abs(this.hashCode()) % 15];
+        var color = this.get('color');
+        if (!color) {
+            if (this.isPrivate()) {
+                if (title) {
+                    color = COLORS[Math.abs(this.hashCode()) % 15];
+                } else {
+                    color = 'grey';
+                }
             } else {
-                color = 'grey';
+                color = 'default';
             }
-        } else {
-            color = 'default';
         }
 
         if (this.avatarUrl) {

protos/IncomingPushMessageSignal.proto

@@ -109,4 +109,5 @@ message ContactDetails {
   optional string number = 1;
   optional string name   = 2;
   optional Avatar avatar = 3;
+  optional string color  = 4;
 }