App list: Change some colours to match the new specs.

ui/app_list/app_list_constants.cc

Index: ui/app_list/app_list_constants.cc
diff --git a/ui/app_list/app_list_constants.cc b/ui/app_list/app_list_constants.cc
index 8c1899160c0ac3dec52e84617437876d10a3d2d7..355b85e203e1c71bf48f6863cfa8b15fd79b90e6 100644
--- a/ui/app_list/app_list_constants.cc
+++ b/ui/app_list/app_list_constants.cc
@@ -6,10 +6,10 @@
 
 namespace app_list {
 
-const SkColor kContentsBackgroundColor = SkColorSetRGB(0xFB, 0xFB, 0xFB);
+const SkColor kContentsBackgroundColor = SkColorSetRGB(0xF5, 0xF5, 0xF5);
 const SkColor kSearchBoxBackground = SK_ColorWHITE;
-const SkColor kTopSeparatorColor = SkColorSetRGB(0xE5, 0xE5, 0xE5);
-const SkColor kBottomSeparatorColor = SkColorSetRGB(0xE5, 0xE5, 0xE5);
+const SkColor kTopSeparatorColor = SkColorSetRGB(0xC4, 0xC4, 0xC4);
+const SkColor kBottomSeparatorColor = SkColorSetRGB(0xC4, 0xC4, 0xC4);
 
 // The color of the separator used inside dialogs in the app list.
 const SkColor kDialogSeparatorColor = SkColorSetRGB(0xD1, 0xD1, 0xD1);
@@ -17,7 +17,7 @@ const SkColor kDialogSeparatorColor = SkColorSetRGB(0xD1, 0xD1, 0xD1);
 // 6% black over kContentsBackgroundColor
 const SkColor kHighlightedColor = SkColorSetRGB(0xE6, 0xE6, 0xE6);
 // 10% black over kContentsBackgroundColor
-const SkColor kSelectedColor = SkColorSetRGB(0xF1, 0xF1, 0xF1);
+const SkColor kSelectedColor = SkColorSetRGB(0xDC, 0xDC, 0xDC);
 
 const SkColor kPagerHoverColor = SkColorSetRGB(0xB4, 0xB4, 0xB4);
 const SkColor kPagerNormalColor = SkColorSetRGB(0xE2, 0xE2, 0xE2);
@@ -28,9 +28,12 @@ const SkColor kResultDefaultTextColor = SkColorSetRGB(0x33, 0x33, 0x33);
 const SkColor kResultDimmedTextColor = SkColorSetRGB(0x96, 0x96, 0x96);
 const SkColor kResultURLTextColor = SkColorSetRGB(0x00, 0x99, 0x33);
 
-const SkColor kGridTitleColor = SkColorSetRGB(0x5A, 0x5A, 0x5A);
+const SkColor kGridTitleColor = SkColorSetRGB(0x33, 0x33, 0x33);

[Matt Giuca, 2014/09/18 08:56:07]

The mocks say this should be #333, but this looks darker than the mocks. See
screenshots.

+// TODO(jstark): What should the text hover color be?
 const SkColor kGridTitleHoverColor = SkColorSetRGB(0x3C, 0x3C, 0x3C);

[Matt Giuca, 2014/09/18 08:56:07]

Jeff, could you supply a new value for the text hover colour?

[Matt Giuca, 2014/09/22 00:34:27]

Hmm, I'll just use black for now (keeping with the original theme of slightly
darkening the text when hovered).

 
+const SkColor kFolderTitleColor = SkColorSetRGB(0x33, 0x33, 0x33);

[Matt Giuca, 2014/09/18 08:56:08]

Note: This was previously just using the system default colour (which is bad
because if you have very different system colours, it will clash with the rest
of the app list). I chose #333 to match the other text.

+const SkColor kFolderTitleHintTextColor = SkColorSetRGB(0xA0, 0xA0, 0xA0);

[calamity, 2014/09/19 05:51:13]

Should these textfield colors be the same as the search box colors?

[Matt Giuca, 2014/09/22 00:34:27]

I don't think they should intrinsically be the same colour, since the folder
title is on a grey background and the search box is on a white background.

 // Color of the folder ink bubble.
 const SkColor kFolderBubbleColor = SkColorSetRGB(0xD7, 0xD7, 0xD7);