Bug 1826462 Removing unread messages background color

Removed unread messages background colour and made font bold instead.

behatnotneeded

Change-Id: Ibb06bf194b14ecd465dd4a772db3d57817b268ab

htdocs/theme/raw/plugintype/module/multirecipientnotification/templates/activitylistin.tpl

 <div class="collapsible-group">
 {foreach from=$data item=item name='notification'}
-    <div class="card collapsible notification collapsible-group  {if !$item->read}card bg-primary text-white js-card-unread{else}card{/if} {if $dwoo.foreach.notification.first}first{/if} {if $dwoo.foreach.notification.last}last{/if} ">
+    <div class="card collapsible notification collapsible-group  {if !$item->read}card text-weight-bold js-card-unread{else}card{/if} {if $dwoo.foreach.notification.first}first{/if} {if $dwoo.foreach.notification.last}last{/if} ">
         <div class="card-header">
             <label class="card-control">
                 <span class="control {if !$item->read}unread{/if}">

htdocs/theme/raw/sass/layout/card/_card-header.scss

@@ -136,4 +136,10 @@ h3 {
             }
         }
     }
+
+    &.text-weight-bold {
+        .card-header {
+            font-weight: bold;
+        }
+    }
 }