Small CSS improvements on the new Incognito NTP

chrome/browser/resources/ntp4/md_incognito_tab.css

 /* Copyright 2017 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.md {
   background-color: #303030;
 }
 
 body {
   -webkit-font-smoothing: antialiased;
   font-size: 100%;
   margin: 0;
 }
 
 /** Typography -------------------------------------------------------------- */
 
 .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;
   font-style: normal;
 }
 
@@ skipping 136 matching lines @@
 .bulletpoints {
   margin: 0;
 }
 
 .bulletpoints + .bulletpoints {
   -webkit-margin-start: 40px;
 }
 
 .bulletpoints + .bulletpoints.tooWide {
   -webkit-margin-start: 0;
-  margin-top: 24px;
+  margin-top: 1.5rem;
 }
 
 /* Wide screens. */
 @media (min-width: 720px) {
   .icon,
   h1,
   #subtitle,
   .learn-more-button {
-    margin-bottom: 24px;
-    margin-top: 24px;
+    margin-bottom: 1.5rem;
+    margin-top: 1.5rem;
   }
 
   .content {
     margin-top: 40px;
     min-width: 240px;
     padding: 8px 48px 24px;
   }
 
   /* Snap the content box to the whole height on short screens. */
   @media (max-height: 480px) {
@@ skipping 36 matching lines @@
 @media (max-width: 720px) {
   .content {
     padding: 72px 32px;
     min-width: 176px;
   }
 
   .icon,
   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. */
   @media (max-height: 600px) {
     .content {
       padding-top: 48px;
     }
 
     .icon,
     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;
     }
   }
 
   /* Small top offset on very small screens. */
   @media (max-height: 480px) {
     .content {
       padding-top: 32px;
     }
   }
 
   /* Undo the first and last elements margins. */
   .icon {
     margin-top: 0;
   }
 
   .learn-more-button {
     margin-bottom: 0;
   }
 }
 
 /* Very narrow screens. */
 @media (max-width: 240px) {
   .content {
     min-width: 192px;
     padding-left: 24px;
     padding-right: 24px;
   }
 }