Bug 1070022 - Improve Contrast of Text on New Tab Page [r=adw a=sylvestre]
authorEd Lee <edilee@mozilla.com>
Tue, 23 Sep 2014 16:19:52 -0700
changeset 216867 8dd30191477e
parent 216866 d34488e06177
child 216868 02da3cf36508
push id3946
push useredilee@gmail.com
push date2014-09-28 14:45 +0000
treeherdermozilla-beta@2a8947c986ed [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersadw, sylvestre
bugs1070022
milestone33.0
Bug 1070022 - Improve Contrast of Text on New Tab Page [r=adw a=sylvestre]
browser/base/content/newtab/newTab.css
browser/themes/shared/newtab/newTab.inc.css
--- a/browser/base/content/newtab/newTab.css
+++ b/browser/base/content/newtab/newTab.css
@@ -181,33 +181,32 @@ input[type=button] {
 .newtab-title {
   font-size: 13px;
   left: 0;
   padding-top: 14px;
   text-overflow: ellipsis;
 }
 
 .newtab-sponsored {
-  background-color: #f9f9f9;
   border: 1px solid #dcdcdc;
   border-radius: 2px;
-  color: #9b9b9b;
   cursor: pointer;
   display: none;
   font-family: Arial;
   font-size: 10px;
   height: 17px;
   line-height: 17px;
   margin-bottom: -1px;
   padding: 0 4px;
 }
 
 .newtab-sponsored:-moz-any(:hover, [active]) {
-  background-color: #dcdcdc;
-  color: #666666;
+  background-color: #3a72b1;
+  border: 0;
+  color: white;
 }
 
 .newtab-sponsored:-moz-locale-dir(rtl) {
   left: 0;
   right: auto;
 }
 
 .newtab-site:-moz-any([type=enhanced], [type=sponsored]) .newtab-sponsored {
--- a/browser/themes/shared/newtab/newTab.inc.css
+++ b/browser/themes/shared/newtab/newTab.inc.css
@@ -130,22 +130,23 @@
 .newtab-site[type=enhanced] .newtab-thumbnail,
 .newtab-site[type=organic] .newtab-thumbnail,
 .newtab-site[type=sponsored] .newtab-thumbnail {
   background-position: center center;
   background-size: auto;
 }
 
 /* TITLES */
+.newtab-sponsored,
 .newtab-title {
-  color: #737373;
+  color: #5c5c5c;
 }
 
 .newtab-site:hover .newtab-title {
-  color: #4a4a4a;
+  color: #222;
 }
 
 .newtab-site[pinned] .newtab-title {
   color: #2c72c4;
   font-weight: bold;
 }
 
 /* CONTROLS */