Small CSS improvements on the new Incognito NTP

chrome/browser/resources/ntp4/md_incognito_tab.css

Index: chrome/browser/resources/ntp4/md_incognito_tab.css
diff --git a/chrome/browser/resources/ntp4/md_incognito_tab.css b/chrome/browser/resources/ntp4/md_incognito_tab.css
index ccad8be9fda94f16ba45391a94914de13bf07f6c..a8b2740f68cc0f11da19cc7df6237f8203b0b22a 100644
--- a/chrome/browser/resources/ntp4/md_incognito_tab.css
+++ b/chrome/browser/resources/ntp4/md_incognito_tab.css
@@ -16,21 +16,21 @@ body {
 
 .content {
   background-color: #303030;
-  color: rgb(179, 179, 179);
+  color: rgba(255, 255, 255, 0.7);
   font-size: calc(100% - 2px);
   line-height: calc(100% + 6px);
   min-width: 240px;
 }
 
 h1 {
-  color: rgb(204, 204, 204);
+  color: rgba(255, 255, 255, 0.8);
   font-size: calc(100% + 8px);
   font-weight: 400;
   line-height: calc(100% + 8px);
 }
 
 em {
-  color: white;

[Dan Beam, 2017/05/09 19:08:38]

what's the difference?

[msramek, 2017/05/09 19:45:43]

Heh, I guess I got overexcited with the replacements. Switched back to 'white'.

+  color: rgba(255, 255, 255, 1);
   font-style: normal;
 }
 
@@ -180,7 +180,7 @@ html[dir=rtl] .bulletpoints + .bulletpoints {
 
 .bulletpoints + .bulletpoints.tooWide {
   -webkit-margin-start: 0;
-  margin-top: 24px;
+  margin-top: 1.5rem;
 }
 
 /* Wide screens. */
@@ -189,8 +189,8 @@ html[dir=rtl] .bulletpoints + .bulletpoints {
   h1,
   #subtitle,
   .learn-more-button {
-    margin-bottom: 24px;
-    margin-top: 24px;
+    margin-bottom: 1.5rem;
+    margin-top: 1.5rem;
   }
 
   .content {
@@ -247,14 +247,14 @@ html[dir=rtl] .bulletpoints + .bulletpoints {
   h1,
   #subtitle,
   .learn-more-button {
-    margin-bottom: 24px;
-    margin-top: 24px;
+    margin-bottom: 1.5rem;
+    margin-top: 1.5rem;
   }
 
   /* The two columns of bulletpoints are moved under each other. */
   .bulletpoints + .bulletpoints {
     -webkit-margin-start: 0;
-    margin-top: 24px;
+    margin-top: 1.5rem;
   }
 
   /* Smaller offsets on smaller screens. */
@@ -267,12 +267,12 @@ html[dir=rtl] .bulletpoints + .bulletpoints {
     h1,
     #subtitle,
     .learn-more-button {
-      margin-bottom: 16px;
-      margin-top: 16px;
+      margin-bottom: 1rem;
+      margin-top: 1rem;
     }
 
     .bulletpoints + .bulletpoints {
-      margin-top: 16px;
+      margin-top: 1rem;
     }
   }