3 files changed, 5 insertions, 4 deletions
diff --git a/web-ui/app/scss/_colors.scss b/web-ui/app/scss/_colors.scss
index 320a8d1a..ed31b35f 100644
--- a/web-ui/app/scss/_colors.scss
+++ b/web-ui/app/scss/_colors.scss
@@ -36,3 +36,4 @@ $success: #50BA5B;
 
 $will_be_encrypted: $success;
 $wont_be_encrypted: $attention;
+$recipients_font_color: #AAA;
diff --git a/web-ui/app/scss/_compose.scss b/web-ui/app/scss/_compose.scss
index 6f3ae29e..3a3bc697 100644
--- a/web-ui/app/scss/_compose.scss
+++ b/web-ui/app/scss/_compose.scss
@@ -34,7 +34,7 @@
     padding: 1px;
   }
   label, span {
-    color: #AAA;
+    color: $recipients_font_color;
     padding: 0.5rem;
     cursor: text;
     display: inline-block;
diff --git a/web-ui/app/scss/_mixins.scss b/web-ui/app/scss/_mixins.scss
index 5748f817..fe52ce1c 100644
--- a/web-ui/app/scss/_mixins.scss
+++ b/web-ui/app/scss/_mixins.scss
@@ -245,14 +245,14 @@
 
       .recipient-del {
         position: relative;
-        color: #AAA;
+        color: $recipients_font_color;
         &:hover, &:focus {
-          color: #AAA;
+          color: $recipients_font_color;
         }
         &:before {
           margin-left: 0.4em;
           font-weight: bold;
-          content: "x"
+          content: "x";
         }
         &.deleteTooltip:hover:after {
           position: absolute;