diff --git a/webapp/assets/_new/styles/export.scss b/webapp/assets/_new/styles/export.scss
index 5b866d6b7..e29c014e2 100644
--- a/webapp/assets/_new/styles/export.scss
+++ b/webapp/assets/_new/styles/export.scss
@@ -31,4 +31,7 @@
     chatMessageTimestamp: $chat-message-timestamp;
     chatMessageCheckmarkSeen: $chat-message-checkmark-seen;
     chatMessageCheckmark: $chat-message-checkmark;
+
+    chatRoomBackgroundCounterBadge: $chat-room-background-counter-badge;
+    chatRoomColorCounterBadge: $chat-room-color-counter-badge;
   }
\ No newline at end of file
diff --git a/webapp/assets/_new/styles/tokens.scss b/webapp/assets/_new/styles/tokens.scss
index ef5086240..dd3a042d1 100644
--- a/webapp/assets/_new/styles/tokens.scss
+++ b/webapp/assets/_new/styles/tokens.scss
@@ -420,3 +420,5 @@ $chat-new-message-color: $color-secondary-active;
 $chat-message-timestamp: $text-color-soft;
 $chat-message-checkmark-seen: $text-color-secondary;
 $chat-message-checkmark: $text-color-soft;
+$chat-room-color-counter-badge: $text-color-inverse;
+$chat-room-background-counter-badge: $color-secondary;
diff --git a/webapp/constants/chat.js b/webapp/constants/chat.js
index 181d88e0e..de391707d 100644
--- a/webapp/constants/chat.js
+++ b/webapp/constants/chat.js
@@ -109,8 +109,8 @@ const STYLE = {
       colorTimestamp: '#a2aeb8',
       colorStateOnline: '#4caf50',
       colorStateOffline: '#9ca6af',
-      backgroundCounterBadge: '#0696c7',
-      colorCounterBadge: '#fff',
+      backgroundCounterBadge: styleData.chatRoomBackgroundCounterBadge,
+      colorCounterBadge: styleData.chatRoomColorCounterBadge,
     },
 
     emoji: {