Fast NTP support for themes, dark themes, favicons.

chrome/browser/resources/local_ntp/local_ntp_fast.js

 // Copyright 2015 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.
 
 
 /**
  * @fileoverview The local InstantExtended NTP.
  */
 
 
@@ skipping 169 matching lines @@
  * @type {number}
  * @const
  */
 var MIN_TOTAL_HORIZONTAL_PADDING = 200;
 
 
 /**
  * The color of the title in RRGGBBAA format.
  * @type {?string}
  */
 var titleColor = null;

[huangs, 2015/03/19 19:13:13]

I don't think this is used outside of renderTheme()?

[fserb, 2015/03/19 20:02:52]

Done.

 
 
 /**
  * Heuristic to determine whether a theme should be considered to be dark, so
  * the colors of various UI elements can be adjusted.
  * @param {ThemeBackgroundInfo|undefined} info Theme background information.
  * @return {boolean} Whether the theme is dark.
  * @private
  */
 function getIsThemeDark(info) {
@@ skipping 21 matching lines @@
   }
 
   var info = ntpApiHandle.themeBackgroundInfo;
   var isThemeDark = getIsThemeDark(info);
   ntpContents.classList.toggle(CLASSES.DARK, isThemeDark);
   if (!info) {
     titleColor = NTP_DESIGN.titleColor;
     return;
   }
 
   if (!info.usingDefaultTheme && info.textColorRgba) {

[huangs, 2015/03/19 19:13:12]

info.textColorRgba might not always be around. Move this block below and use
titleColor instead.

[fserb, 2015/03/19 20:02:52]

Done.

     titleColor = convertToRRGGBBAAColor(info.textColorRgba);
   } else {
     titleColor = isThemeDark ?
         NTP_DESIGN.titleColorAgainstDark : NTP_DESIGN.titleColor;
   }
 
   var background = [convertToRGBAColor(info.backgroundColorRgba),
                     info.imageUrl,
                     info.imageTiling,
                     info.imageHorizontalAlignment,
                     info.imageVerticalAlignment].join(' ').trim();
 
   document.body.style.background = background;
   document.body.classList.toggle(CLASSES.ALTERNATE_LOGO, info.alternateLogo);
   updateThemeAttribution(info.attributionUrl);
   setCustomThemeStyle(info);
+
+  var themeinfo = {cmd: 'updateTheme'};
+  if (!info.usingDefaultTheme) {
+    themeinfo.tileBorderColor = convertToRGBAColor(info.sectionBorderColorRgba);
+    themeinfo.tileHoverBorderColor = convertToRGBAColor(info.headerColorRgba);
+  }
+  themeinfo.isThemeDark = isThemeDark;
+  themeinfo.tileTitleColor = convertToRGBAColor(info.textColorRgba);
+
+  $('mv-single').contentWindow.postMessage(themeinfo, '*');
 }
 
 
 /**
  * Updates the NTP based on the current theme, then rerenders all tiles.
  * @private
  */
 function onThemeChange() {
   renderTheme();
 }
@@ skipping 437 matching lines @@
   ntpApiHandle = topLevelHandle.newTabPage;
   ntpApiHandle.onthemechange = onThemeChange;
   ntpApiHandle.onmostvisitedchange = onMostVisitedChange;
 
   ntpApiHandle.oninputstart = onInputStart;
   ntpApiHandle.oninputcancel = restoreNtp;
 
   if (ntpApiHandle.isInputInProgress)
     onInputStart();
 
-  renderTheme();
-
   searchboxApiHandle = topLevelHandle.searchBox;
 
   if (fakebox) {
     // Listener for updating the key capture state.
     document.body.onmousedown = function(event) {
       if (isFakeboxClick(event))
         searchboxApiHandle.startCapturingKeyStrokes();
       else if (isFakeboxFocused())
         searchboxApiHandle.stopCapturingKeyStrokes();
     };
@@ skipping 45 matching lines @@
   }
 
   args.push('removeTooltip=' +
       encodeURIComponent(configData.translatedStrings.removeThumbnailTooltip));
 
   iframe.src = '//most-visited/single.html?' + args.join('&');
   $(IDS.TILES).appendChild(iframe);
 
   iframe.onload = function() {
     reloadTiles();
+    renderTheme();
   };
 
   window.addEventListener('message', handlePostMessage);
 }
 
 
 /**
  * Binds event listeners.
  */
 function listen() {
   document.addEventListener('DOMContentLoaded', init);
 }
 
 return {
   init: init,
   listen: listen
 };
 }
 
 if (!window.localNTPUnitTest) {
   LocalNTP().listen();
 }