notification badge contrast fixed

diff --git a/src/app/atoms/badge/NotificationBadge.scss b/src/app/atoms/badge/NotificationBadge.scss
index 797edaec75a0e0c69941bec0bcab6dd3a4892c6c..2f732ed8edaf8dbe2e07188e2f04c9bf7f0ee79a 100644 (file)
--- a/src/app/atoms/badge/NotificationBadge.scss
+++ b/src/app/atoms/badge/NotificationBadge.scss
@@ -7,6 +7,7 @@
   .text {
     color: var(--bg-surface-low);
     text-align: center;
+    font-weight: 700;
   }
 
   &--alert {

diff --git a/src/app/molecules/channel-selector/ChannelSelector.scss b/src/app/molecules/channel-selector/ChannelSelector.scss
index 3c6d3db9ef989b2245173700bb0e1109f4a52c41..1b973c371ea49259a949f7610d37d87df51614c4 100644 (file)
--- a/src/app/molecules/channel-selector/ChannelSelector.scss
+++ b/src/app/molecules/channel-selector/ChannelSelector.scss
@@ -3,11 +3,13 @@
   width: calc(100% - var(--sp-extra-tight));
   margin-left: auto;
   padding: var(--sp-extra-tight) var(--sp-extra-tight);
+  
   border: 1px solid transparent;
   border-radius:  var(--bo-radius);
   cursor: pointer;
 
   [dir=rtl] & {
+    
     margin: {
       left: 0;
       right: auto;
@@ -56,7 +58,7 @@
   margin: 0 var(--sp-ultra-tight);
   height: 8px;
   width: 8px;
-  background-color: var(--tc-surface-low);
+  background-color: var(--tc-surface-normal);
   border-radius: 50%;
   opacity: .4;
 }