Color the VR omnibox security icons.

chrome/browser/resources/vr_shell/vr_shell_ui.js

 // Copyright 2016 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.
 
 var vrShellUi = (function() {
   'use strict';
 
   let scene = new ui.Scene();
   let sceneManager;
 
@@ skipping 329 matching lines @@
       if (e.propertyName == 'opacity' && !this.visibleAfterTransition) {
         this.setNativeVisibility(false);
       }
     }
 
     updateState() {
       if (!this.enabled) {
         this.setNativeVisibility(false);
         return;
       }
-      let secure = this.level == 2 || this.level == 3;
-      document.querySelector('#omni-secure-icon').style.display =
-          (secure ? 'block' : 'none');
-      document.querySelector('#omni-insecure-icon').style.display =
-          (secure ? 'none' : 'block');
+
+      // See security_state.h and getSecurityIconResource() for this mapping.
+      let image = 'warning.svg';
+      switch (this.level) {
+        case 0: // NONE
+        case 1: // HTTP_SHOW_WARNING
+        case 4: // SECURITY_WARNING
+          image = 'info.svg';
+          break;
+        case 2: // SECURE:
+        case 3: // EV_SECURE:
+          image = 'lock.svg';
+          break;
+        case 5: // SECURE_WITH_POLICY_INSTALLED_CERT
+          // TODO(cjgrant): Clank appears to not handle this case.

[cjgrant, 2016/12/05 20:28:36]

I'm investigating this, and will list a bug if warranted.

[cjgrant, 2016/12/06 15:52:00]

Done (not a bug, only ChromeOS uses '5')

+          break;
+        case 6: // DANGEROUS:

[mthiesse, 2016/12/05 20:57:30]

no dangerous icon? Saving that for later?

[cjgrant, 2016/12/05 22:10:17]

It would use the warning image from line 352, but that was a stupid place for a
default.  I'll move it.

[cjgrant, 2016/12/06 15:52:00]

Done.

+        default:
+          break;
+      }
+      document.querySelector('#omni-icon').src = 'images/' + image;
 
       let state = 'idle';
       this.visibleAfterTransition = true;
       if (this.loading) {
         state = 'loading';
       } else if (this.visibilityTimeout > 0 && !this.visibilityTimer) {
         state = 'hide';
         this.visibleAfterTransition = false;
       }
       document.querySelector('#omni').className = state;
@@ skipping 93 matching lines @@
     scene.flush();
   }
 
   return {
     initialize: initialize,
     command: command,
   };
 })();
 
 document.addEventListener('DOMContentLoaded', vrShellUi.initialize);