Differentiate badge icon/color for indirect notifications (#590)

* feat: Differentiate between indirect and direct notifications
  - Windows - Replace the icon used for showing indirect notifications in the taskbar to a blue(#0088cc) color (like slack, google chat etd)
  - All Platforms - Replace the red color used for indirect notifications in tabbed view for a service to #0088cc (Blue) color

* Indirect notification icons in tray and tabs

Co-authored-by: Feiko Joosten <feiko_joosten@hotmail.com>
Co-authored-by: Sampath Kumar Krishnan <sampathBlam@users.noreply.github.com>

1 files changed, 9 insertions, 3 deletions

diff --git a/src/styles/tabs.scss b/src/styles/tabs.scss
index 5bd0555d2..65ca97a54 100644
--- a/src/styles/tabs.scss
+++ b/src/styles/tabs.scss
@@ -52,7 +52,7 @@
 
   .tab-item__message-count {
     align-items: center;
-    background: $theme-brand-danger;
+    background: #0088cc;
     border-radius: 20px;
     bottom: 8px;
     color: #FFF;
@@ -65,7 +65,10 @@
     position: absolute;
     right: 8px;
 
-    &.is-indirect { padding-top: 0; }
+    &.is-indirect { 
+      padding-top: 0;
+      background: #0088cc;
+        }
     &.hibernating { 
       padding-top: 0; 
       background: $theme-gray; 
@@ -92,7 +95,10 @@
     right: 8px;
     width: 17px;
 
-    &.is-indirect { padding-top: 0; }
+    &.is-indirect { 
+      padding-top: 0;
+      background: #0088cc;
+        }
   }
 
   &.is-reordering { z-index: 99999; }