Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(241)

Unified Diff: chrome/browser/resources/local_ntp/local_ntp_design.js

Issue 512583002: [Local NTP] Implement style updates for Material Design (Closed) Base URL: http://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 6 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: chrome/browser/resources/local_ntp/local_ntp_design.js
diff --git a/chrome/browser/resources/local_ntp/local_ntp_design.js b/chrome/browser/resources/local_ntp/local_ntp_design.js
index ec8db7311a80bc5e57688e938487d574ac4829ee..74342090b9309d8cb8d8bb3b04c201b100a9a03e 100644
--- a/chrome/browser/resources/local_ntp/local_ntp_design.js
+++ b/chrome/browser/resources/local_ntp/local_ntp_design.js
@@ -19,13 +19,13 @@
* fontSize: Font size to use for the <iframe>s, in px.
* tileWidth: The width of each suggestion tile, in px.
* tileMargin: Spacing between successive tiles, in px.
- * titleColor: The RRGGBB color of title text.
- * titleColorAgainstDark: The RRGGBB color of title text against a dark theme.
+ * titleColor: The RRGGBBAA color of title text.
+ * titleColorAgainstDark: The RRGGBBAA color of title text against a dark theme.
* titleTextAlign: (Optional) The alignment of title text. If unspecified, the
* default value is 'center'.
* titleTextFade: (Optional) The number of pixels beyond which title
* text begins to fade. This overrides the default ellipsis style.
- * thumbnailTextColor: The RRGGBB color that thumbnail <iframe> may use to
+ * thumbnailTextColor: The RRGGBBAA color that thumbnail <iframe> may use to
* display text message in place of missing thumbnail.
* thumbnailFallback: (Optional) A value in THUMBNAIL_FALLBACK to specify the
* thumbnail fallback strategy. If unassigned, then the thumbnail.html
@@ -63,13 +63,13 @@ function getNtpDesign(opt_name) {
name: opt_name,
fontFamily: 'arial, sans-serif',
fontSize: 12,
- tileWidth: 146,
- tileMargin: 12,
- titleColor: '000000',
- titleColorAgainstDark: 'd2d2d2',
+ tileWidth: 156,
+ tileMargin: 16,
+ titleColor: '323232ff',
+ titleColorAgainstDark: 'd2d2d2ff',
titleTextAlign: 'inherit',
- titleTextFade: 112 - 24, // 112px wide title with 24 pixel fade at end.
- thumbnailTextColor: '777777',
+ titleTextFade: 122 - 36, // 112px wide title with 32 pixel fade at end.
+ thumbnailTextColor: '323232ff', // Unused.
thumbnailFallback: THUMBNAIL_FALLBACK.DOT,
showFakeboxHint: true
};
@@ -80,11 +80,11 @@ function getNtpDesign(opt_name) {
fontSize: 11,
tileWidth: 140,
tileMargin: 20,
- titleColor: '777777',
- titleColorAgainstDark: '777777',
+ titleColor: '777777ff',
+ titleColorAgainstDark: '777777ff',
titleTextAlign: 'center',
titleTextFade: null, // Default to ellipsis.
- thumbnailTextColor: '777777',
+ thumbnailTextColor: '777777ff',
thumbnailFallback: null, // Default to false.
showFakeboxHint: false
};

Powered by Google App Engine
This is Rietveld 408576698