From b601ca78cd72f53255948f057ac2ee9259c38f1f Mon Sep 17 00:00:00 2001
From: Daniel James Smith <djsmith85@users.noreply.github.com>
Date: Fri, 25 Feb 2022 14:30:55 +0100
Subject: [PATCH] Colorize hidden custom field when value visible (#2413)

---
 src/popup/vault/view-custom-fields.component.html | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/popup/vault/view-custom-fields.component.html b/src/popup/vault/view-custom-fields.component.html
index 01164e7d31..4cc7f74fa5 100644
--- a/src/popup/vault/view-custom-fields.component.html
+++ b/src/popup/vault/view-custom-fields.component.html
@@ -11,9 +11,11 @@
         </div>
         <div *ngIf="field.type === fieldType.Hidden">
           <span *ngIf="!field.showValue" class="monospaced">{{ field.maskedValue }}</span>
-          <span *ngIf="field.showValue && !field.showCount" class="monospaced show-whitespace">{{
-            field.value
-          }}</span>
+          <span
+            *ngIf="field.showValue && !field.showCount"
+            class="monospaced show-whitespace"
+            [innerHTML]="field.value | colorPassword"
+          ></span>
           <span
             *ngIf="field.showValue && field.showCount"
             [innerHTML]="field.value | colorPasswordCount"