Change colors in the enhanced protection block.

screenshots:
http://dr/corp/drive/folders/1oBaL1kn0atceglGP02LWFVUPPxLLsqx9, files
start with v2*.

Bug: 1137616
Change-Id: I9e90d6a94fd37b12cade3b60d2ff174416b2a2b0
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2469176Reviewed-by: Varun Khaneja <vakh@chromium.org>
Commit-Queue: Varun Khaneja <vakh@chromium.org>
Cr-Commit-Position: refs/heads/master@{#816817}

components/security_interstitials/core/browser/resources/interstitial_safebrowsing.css

@@ -75,8 +75,8 @@ body.safe-browsing {
 }
 
 .safe-browsing-enhanced-protection-message {
-  background-color: var(--google-red-700);
-  border: 1px solid var(--google-red-900);
+  background-color: rgba(0, 0, 0, 0.2); /* black 20% opacity */
+  border: 1px solid rgba(0, 0, 0, 0.3); /* black 30% opacity */
 }
 
 .safe-browsing-enhanced-protection-message .icon {

components/security_interstitials/core/browser/resources/interstitial_ssl.css

@@ -29,9 +29,27 @@
 }
 
 .ssl-enhanced-protection-message {
-  border: 1px solid #696969;
+  background-color: rgb(248, 249, 250); /* google-gray-50 */
+  border: 1px solid rgb(218, 220, 224); /* google-gray-300 */
+}
+
+@media (prefers-color-scheme: dark) {
+  .ssl-enhanced-protection-message {
+    background-color: rgb(32, 33, 36); /* google-gray-900 */
+    border: 1px solid rgb(95, 99, 104); /* google-gray-700 */
+  }
 }
 
 .ssl-enhanced-protection-message .icon {
   background-image: url(images/light_bulb_grey.svg);
 }
+
+.ssl-enhanced-protection-message a:link {
+  color: rgb(26, 115, 232); /* google-blue-600 */
+}
+
+@media (prefers-color-scheme: dark) {
+  .ssl-enhanced-protection-message a:link {
+    color: rgb(138, 180, 248); /* google-blue-300 */
+  }
+}