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'] { - - } - } } } }