Issue #298 - Making trash, draft and attachment icons color lighter on mail list

2 files changed, 12 insertions, 0 deletions

diff --git a/web-ui/app/scss/_colors.scss b/web-ui/app/scss/_colors.scss
index ed31b35f..517c8972 100644
--- a/web-ui/app/scss/_colors.scss
+++ b/web-ui/app/scss/_colors.scss
@@ -1,5 +1,6 @@
 /* Pixelated Color Palette - don't change these! */
 $dark_slate_gray: #3E3A37;
+$light_gray: #C2C2C2;
 $light_blue: #3DABC4;
 $dark_blue: #178CA6;
 $light_orange: #FF9C00;
@@ -30,6 +31,9 @@ $total_count_bg: #C0B9B9;
 $warning: #F7E8AF;
 $search-highlight: #FFEF29;
 
+/* Light gray indicator icons */
+$indicator_icon_color: $light_gray;
+
 $error: #D93C38;
 $attention: #F6A41C;
 $success: #50BA5B;
diff --git a/web-ui/app/scss/styles.scss b/web-ui/app/scss/styles.scss
index ce9f2300..7f4d352a 100644
--- a/web-ui/app/scss/styles.scss
+++ b/web-ui/app/scss/styles.scss
@@ -132,6 +132,10 @@
             }
           }
         }
+
+        i.fa-pencil, i.fa-trash-o {
+            color: $indicator_icon_color;
+        }
       }
 
       .received-date, .sent-date {
@@ -143,6 +147,10 @@
       .attachment-indicator {
         margin: 2px 0 0 25px;
         font-size: initial;
+
+        i.fa-paperclip {
+            color: $indicator_icon_color;
+        }
       }
       .from {
         white-space: nowrap;