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

ui/app_list/app_list_constants.cc

 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 #include "ui/app_list/app_list_constants.h"
 
 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);
 
 // 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);
 const SkColor kPagerSelectedColor = SkColorSetRGB(0x46, 0x8F, 0xFC);
 
 const SkColor kResultBorderColor = SkColorSetRGB(0xE5, 0xE5, 0xE5);
 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);
 
 // Duration in milliseconds for page transition.
 const int kPageTransitionDurationInMs = 180;
 
 // Duration in milliseconds for over scroll page transition.
 const int kOverscrollPageTransitionDurationMs = 50;
 
 // Duration in milliseconds for fading in the target page when opening
@@ skipping 56 matching lines @@
 
 #if defined(OS_LINUX)
 #if defined(GOOGLE_CHROME_BUILD)
 const char kAppListWMClass[] = "chrome_app_list";
 #else  // CHROMIUM_BUILD
 const char kAppListWMClass[] = "chromium_app_list";
 #endif
 #endif
 
 }  // namespace app_list