Change security style for HTTP and secure origins
Change security style for HTTP and secure origins

Insecure origins in the sidebar will now show a red triangle icon
rather than a red circle. Some HTTP origins, specifically for
optionally blockable mixed content, still show a red circle (will be
updated in a follow-up cl).

Secure origins will now show the secure (green square) style.

Bug: 936669
Change-Id: I10efe286029379bbadbbb8c309b64eb706b8851c
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1496521
Commit-Queue: Livvie Lin <54c2345d0b1f4eb63337755673bca72b0ada932d@chromium.org>
Reviewed-by: Dmitry Gozman <0ca14b32cbb359a30ac562af27dd84cc2813eacb@chromium.org>
Reviewed-by: Yutaka Hirano <64dfa6fd53ef17dc6c2ab7819834e6abe125f4c2@chromium.org>
Reviewed-by: Christopher Thompson <45f29ce0f80a4f3a6c152208be9ee790add81a4d@chromium.org>
Cr-Original-Commit-Position: 972c6d2dc6dd5efdad1377c0d224e03eb8f276f7@{#642136}
Cr-Mirrored-From: https://chromium.googlesource.com/chromium/src
Cr-Mirrored-Commit: 64ca4aaa30ed664a2612824d3fbe1aaf0479b3ee
ChromeDevTools/devtools-frontend,ChromeDevTools/devtools-frontend,ChromeDevTools/devtools-frontend,ChromeDevTools/devtools-frontend,ChromeDevTools/devtools-frontend,ChromeDevTools/devtools-frontend