CSS fix: Unread number not visible on unread message count

css/converse.css

@@ -9943,9 +9943,10 @@ body.converse-fullscreen {
     background-color: var(--primary-color);
     border-color: var(--primary-color-dark); }
   #conversejs .badge {
-    text-shadow: none; }
-  #conversejs .badge {
+    text-shadow: none;
     color: white; }
+  #conversejs .badge-light {
+    color: var(--text-color); }
   #conversejs .btn-primary, #conversejs .button-primary, #conversejs .badge-primary {
     background-color: var(--primary-color);
     border-color: transparent; }

sass/_core.scss

@@ -504,10 +504,11 @@ body.converse-fullscreen {
 
     .badge {
         text-shadow: none;
+        color: white;
     }
 
-    .badge {
-        color: white;
+    .badge-light {
+        color: var(--text-color);
     }
 
     .btn-primary, .button-primary, .badge-primary {