From 615ea96473d5ad65c5fac8e332c15516452f2c02 Mon Sep 17 00:00:00 2001
From: Behrokh Satarnejad <62008897+bsatarnejad@users.noreply.github.com>
Date: Tue, 17 Sep 2024 13:31:43 +0200
Subject: [PATCH] [57927] Primerise the Notification badge in the top header
 (#16742)

change bg-color of bubbles
---
 .../bell/in-app-notification-bell.component.sass                | 2 +-
 frontend/src/global_styles/openproject/_mixins.sass             | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/features/in-app-notifications/bell/in-app-notification-bell.component.sass b/frontend/src/app/features/in-app-notifications/bell/in-app-notification-bell.component.sass
index 89b14b4dcc6c..92eb2b97ea7c 100644
--- a/frontend/src/app/features/in-app-notifications/bell/in-app-notification-bell.component.sass
+++ b/frontend/src/app/features/in-app-notifications/bell/in-app-notification-bell.component.sass
@@ -8,4 +8,4 @@
     position: absolute
     top: 10px
     right: 3px
-    background: darkred
+    background: var(--display-red-bgColor-emphasis)
diff --git a/frontend/src/global_styles/openproject/_mixins.sass b/frontend/src/global_styles/openproject/_mixins.sass
index 3f60adeef5ba..5939b79e33d6 100644
--- a/frontend/src/global_styles/openproject/_mixins.sass
+++ b/frontend/src/global_styles/openproject/_mixins.sass
@@ -320,7 +320,7 @@ $scrollbar-size: 10px
   padding: 0 0.15rem 0 0.15rem
   font-size: 0.7rem
   font-weight: var(--base-text-weight-bold)
-  background: #00A3FF
+  background: var(--bgColor-accent-emphasis)
   color: white
   flex-shrink: 0