Fixes encryption lock colour.

Differentiates between e2e and zero access stored.

2 files changed, 19 insertions, 0 deletions

diff --git a/templates/@theme-base/_full.scss b/templates/@theme-base/_full.scss
index ed35018..4773605 100644
--- a/templates/@theme-base/_full.scss
+++ b/templates/@theme-base/_full.scss
@@ -95,6 +95,11 @@ body {
   border-color: $text_color;
 }
 
+// Encryption icon
+.encryptionStatus .color-global-grey-dm:not(.color-pm-blue) svg {
+  color: white;
+}
+
 // Message items
 .conversation {
   border-color: lighten($base, 10%);
diff --git a/templates/@theme-base/_styles.scss b/templates/@theme-base/_styles.scss
index 3f6aa93..9e32416 100644
--- a/templates/@theme-base/_styles.scss
+++ b/templates/@theme-base/_styles.scss
@@ -155,6 +155,20 @@ $boxshadow-main: none;
   fill: $highlight;
 }
 
+// Encryption icon
+.autocompleteEmailsItem-icon svg.encryptionIcon {
+  fill: darken($highlight, 5%);
+}
+
+.encryptionStatus .color-pm-blue svg {
+  color: darken($highlight, 5%);
+  fill: darken($highlight, 5%);
+}
+
+.encryptionStatus .color-global-grey-dm svg {
+  color: black;
+}
+
 // Highlighted text (seen when multiple messages are selected)
 .color-pm-blue {
   color: $highlight;