[Android] Use fallback icon if there is no large favicon on the history page

chrome/browser/resources/history/history_mobile.css

Index: chrome/browser/resources/history/history_mobile.css
diff --git a/chrome/browser/resources/history/history_mobile.css b/chrome/browser/resources/history/history_mobile.css
index 4a4bfbfb021f05786ee877b15923a31dc54ea10e..9f9ce36c786e5798032a6d27f633037f3b07b463 100644
--- a/chrome/browser/resources/history/history_mobile.css
+++ b/chrome/browser/resources/history/history_mobile.css
@@ -196,8 +196,7 @@ input {
 .entry .visit-entry {
   -webkit-flex: auto;
   -webkit-flex-flow: column;
-  -webkit-padding-start: 48px;
-  background-size: 32px;
+  -webkit-padding-start: 16px;
   line-height: 1.3;
 }
 
@@ -221,6 +220,19 @@ input {
   display: inline;
 }
 
+.favicon {
+  background-size: 32px;

[Dan Beam, 2016/02/06 03:34:29]

i now understand what you mean: you're returning the dominant color and
stretching it to 32x32. sneaky. as long as this is fast enough, I suppose I'm OK
with this, but I understand newt@'s apprehension now...

for what it's worth: you can probably paint the image's content onto a canvas
and scrape the pixel at (0,0), but dunno if that's really better

https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/dra...
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/get...

+  height: 32px;
+  width: 32px;
+}
+
+.fallback-favicon {
+  border-radius: 2px;
+  color: white;
+  font: bold 20px/32px sans-serif;
+  text-align: center;
+}
+
 .entry .domain {
   font-size: 14px;
 }