From 9cb7977d3bc2515b22bf0b1d26e715cdccabe96b Mon Sep 17 00:00:00 2001
From: gaelle morin <gmorin.dev@gmail.com>
Date: Sat, 27 Jun 2020 17:23:08 +0200
Subject: [PATCH] feature: color for counter number

---
 src/styles/abstracts/_variables.scss |  1 +
 src/styles/base/header.scss          | 10 ++++------
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/styles/abstracts/_variables.scss b/src/styles/abstracts/_variables.scss
index 136c6d7..03b17c9 100644
--- a/src/styles/abstracts/_variables.scss
+++ b/src/styles/abstracts/_variables.scss
@@ -41,6 +41,7 @@
   /* Header's elements */
   --color-header-background: var(--color-white);
   --color-bell: var(--color-secondary);
+  --color-notification-counter-number: var(--color-white);
   --color-notification-summary: var(--color-grey-4);
   --solid-notifications-theme: var(--color-primary);
   --color-notification-item-border: var(--color-grey-12);
diff --git a/src/styles/base/header.scss b/src/styles/base/header.scss
index 494b8ce..726a564 100644
--- a/src/styles/base/header.scss
+++ b/src/styles/base/header.scss
@@ -102,6 +102,10 @@ solid-notifications {
           left: 2.1rem;
           top: -3px;
         }
+
+        span {
+          color: var(--color-notification-counter-number);
+        }
       }
     }
   
@@ -175,12 +179,6 @@ solid-notifications {
               display: none;
             }
           }
-
-          .solid-notification__read {
-            read-badge[data-unread='unread'] {
-              
-            }
-          }
         }
       }
     }