Merge 23081 - With the recent NNTP changes, we change the way themes work th...

chrome/browser/resources/new_tab_theme.css

 html {
   background-image:url(chrome://theme/theme_ntp_background?$1);
   background-color:$2;
   background-position:$3;
   background-repeat:$5;
   overflow:hidden;
 }
 html[bookmarkbarattached='true'] {
   background-position:$4;
 }
 body {
   color: $8;
   height:100%;
   overflow:auto;
 }
 #main {
   background: url(chrome://theme/product_logo?$1) no-repeat 0 8px;
 }
+.thumbnail {
+  border-color: $$1; /* COLOR_NTP_SECTION */
+}
 .thumbnail-container,
 .list > .thumbnail-container > .title,
 .list .title > div,
 .thumbnail-container > .title {
-  color: $8;
+  color: $9;
 }
 .thumbnail-container:focus .thumbnail,
 .thumbnail-container:hover .thumbnail {
   border-color: $6;
 }
 .thumbnail-container:focus .edit-bar,
 .thumbnail-container:hover .edit-bar {
   background-color: $6;
   background-image: -webkit-gradient(linear, left top, left bottom,
                                      from($7),
                                      to($6));
 }
 .thumbnail-container:hover > .edit-mode-border {
   background-color: $6;
 }
 
 #view-toolbar > input {
   background-color: $7;
   -webkit-mask-image: url(chrome://theme/newtab_menu_mask);
 }
 #option-menu > [selected] {
   background-color: $7;
   color: white;
 }
-.tips-title {
-  color: $$1;
+
+#recently-closed {
+  border-color: $$2; /* color_section_border */
+  background-color: $$1; /* COLOR_NTP_SECTION */
+  color: $$3; /* COLOR_NTP_SECTION_TEXT */
 }
-
-/* TODO(arv): The theme does not have the thumbnail outline color in non hover
-   mode
-#recently-closed {
-  border-color:
-  background-color:
+#recently-closed span,
+#recently-closed a,
+#recently-closed a:link {
+  color: $$4; /* COLOR_NTP_SECTION_LINK */
+  text-decoration:underline;
 }
-*/