Color the VR omnibox security icons.

BUG=641508
CQ_INCLUDE_TRYBOTS=master.tryserver.chromium.linux:closure_compilation

Review-Url: https://codereview.chromium.org/2550243002
Cr-Commit-Position: refs/heads/master@{#441154}

chrome/browser/resources/vr_shell/vr_shell_ui.css

@@ -99,7 +99,8 @@ html {
   white-space: nowrap;
 }
 
-#back .button {
+#back .button,
+#forward .button {
   background-image: url(../../../../ui/webui/resources/images/vr_back.svg);
 }
 
@@ -108,7 +109,6 @@ html {
 }
 
 #forward .button {
-  background-image: url(../../../../ui/webui/resources/images/vr_back.svg);
   transform: scaleX(-1);
 }
 
@@ -151,14 +151,30 @@ html {
   max-width: 448px;
 }
 
-#omni .connection-security {
+.omni-icon {
+  -webkit-mask-size: 50px;
   display: none;
   flex: none;
   height: 50px;
   margin-right: 10px;
   width: 50px;
 }
 
+#omni-info-icon {
+  -webkit-mask-image: url(../../../../ui/webui/resources/images/i_circle.svg);
+  background-color: rgb(90, 90, 90);
+}
+
+#omni-lock-icon {
+  -webkit-mask-image: url(../../../../ui/webui/resources/images/lock.svg);
+  background-color: rgb(11, 128, 67);
+}
+
+#omni-warning-icon {
+  -webkit-mask-image: url(../../../../ui/webui/resources/images/warning.svg);
+  background-color: rgb(199, 56, 33);
+}
+
 #omni #url {
   color: #252525;
   font-size: 34px;

chrome/browser/resources/vr_shell/vr_shell_ui.html

@@ -34,14 +34,11 @@
     <div id="omni-container" class="ui-element">
       <div id="omni" class="idle">
         <div id="omni-content">
-          <img id="omni-warning-icon" class="connection-security"
-               src="../../../../ui/webui/resources/images/warning.svg">
-          <img id="omni-info-icon" class="connection-security"
-               src="../../../../ui/webui/resources/images/i_circle.svg">
-          <img id="omni-lock-icon" class="connection-security"
-               src="../../../../ui/webui/resources/images/lock.svg">
+          <div id="omni-info-icon" class="omni-icon"></div>
+          <div id="omni-lock-icon" class="omni-icon"></div>
+          <div id="omni-warning-icon" class="omni-icon"></div>
           <div id="url">
-              <span id="domain"></span><span id="path"></span>
+            <span id="domain"></span><span id="path"></span>
           </div>
         </div>
       </div>