Revert of [Template Expressions] changing ${ leader to $i18n{

chrome/browser/resources/ntp4/new_tab_theme.css

Index: chrome/browser/resources/ntp4/new_tab_theme.css
diff --git a/chrome/browser/resources/ntp4/new_tab_theme.css b/chrome/browser/resources/ntp4/new_tab_theme.css
index 7725c97ed2cc0ecad510750fd7831577e63eac10..64742909ab3866eeb3e1f3be48db41066c29388a 100644
--- a/chrome/browser/resources/ntp4/new_tab_theme.css
+++ b/chrome/browser/resources/ntp4/new_tab_theme.css
@@ -1,53 +1,53 @@
-/* Copyright 2012 The Chromium Authors. All rights reserved.
+/* Copyright (c) 2012 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. */
 
 html {
   background-attachment: fixed;
-  background-color: $i18n{colorBackground};
-  background-image: url(chrome://theme/IDR_THEME_NTP_BACKGROUND?$i18n{themeId});
-  background-position: $i18n{backgroundBarDetached};
-  background-repeat: $i18n{backgroundTiling};
+  background-color: ${colorBackground};
+  background-image: url(chrome://theme/IDR_THEME_NTP_BACKGROUND?${themeId});
+  background-position: ${backgroundBarDetached};
+  background-repeat: ${backgroundTiling};
 }
 
 #attribution {
-  left: $i18n{leftAlignAttribution};
-  right: $i18n{rightAlignAttribution};
-  text-align: $i18n{textAlignAttribution};
-  display: $i18n{displayAttribution};
+  left: ${leftAlignAttribution};
+  right: ${rightAlignAttribution};
+  text-align: ${textAlignAttribution};
+  display: ${displayAttribution};
 }
 
 #attribution-img {
-  content: url(chrome://theme/IDR_THEME_NTP_ATTRIBUTION?$i18n{themeId});
+  content: url(chrome://theme/IDR_THEME_NTP_ATTRIBUTION?${themeId});
 }
 
 html[bookmarkbarattached='true'] {
-  background-position: $i18n{backgroundBarAttached};
+  background-position: ${backgroundBarAttached};
 }
 
 body {
-  color: $i18n{colorTextRgba};
+  color: ${colorTextRgba};
   height: 100%;
   overflow: auto;
 }
 
 #attribution,
 [is='action-link'] {
-  color: $i18n{colorTextLight};
+  color: ${colorTextLight};
 }
 
 [is='action-link']:active {
-  color: $i18n{colorTextRgba};
+  color: ${colorTextRgba};
 }
 
 .page-switcher {
-  color: rgba($i18n{colorText}, 0.5);
+  color: rgba(${colorText}, 0.5);
 }
 
 .page-switcher:hover,
 .page-switcher:focus,
 .page-switcher.drag-target {
-  background-color: rgba($i18n{colorText}, 0.06);
+  background-color: rgba(${colorText}, 0.06);
 }
 
 /* Only change the background to a gradient when a promo is showing. */
@@ -55,34 +55,34 @@
 .showing-login-area #page-switcher-end:focus,
 .showing-login-area #page-switcher-end.drag-target {
   background: linear-gradient(top,
-      rgba($i18n{colorText}, 0) 0,
-      rgba($i18n{colorText}, .01) 60px,
-      rgba($i18n{colorText}, .06) 183px);
+      rgba(${colorText}, 0) 0,
+      rgba(${colorText}, .01) 60px,
+      rgba(${colorText}, .06) 183px);
 }
 
 .tile-page-scrollbar {
-  background-color: $i18n{colorTextLight};
+  background-color: ${colorTextLight};
 }
 
 /* Footer *********************************************************************/
 
 #footer-border {
   background: linear-gradient(left,
-      rgba($i18n{colorSectionBorder}, 0.2),
-      rgba($i18n{colorSectionBorder}, 0.3) 20%,
-      rgba($i18n{colorSectionBorder}, 0.3) 80%,
-      rgba($i18n{colorSectionBorder}, 0.2));
+      rgba(${colorSectionBorder}, 0.2),
+      rgba(${colorSectionBorder}, 0.3) 20%,
+      rgba(${colorSectionBorder}, 0.3) 80%,
+      rgba(${colorSectionBorder}, 0.2));
 }
 
 .dot input:focus {
-  background-color: $i18n{colorBackground};
+  background-color: ${colorBackground};
 }
 
 .thumbnail-wrapper {
   /* This shows through at the (rounded) thumbnail's corners. */
-  background-color: $i18n{colorSectionBorder};
+  background-color: ${colorSectionBorder};
 }
 
 .filler .thumbnail {
-  border-color: $i18n{colorBackground};
+  border-color: ${colorBackground};
 }