Bug 1795749: Notification count is more visible on dashboard

The notification count on the inbox icon on the dashboard
stands out more now.

behatnotneeded because it's a design change only

Change-Id: I8000b4792090c1db9821f92a173228293968448f

htdocs/theme/default/sass/utilities/_theme-variables.scss

@@ -9,3 +9,7 @@ $theme-accent-color:  #6e5e31;
 
 $theme-text-lighttone-color: #767676;
 $theme-text-midtone-color: #666666;
+
+// Navbar message notification count
+$navbar-notification-count-bg: #FC9F1A !default;
+$navbar-notification-count-text: #000000 !default;

htdocs/theme/raw/sass/layout/nav/_navbar.scss

@@ -112,11 +112,12 @@
     .navbar-messages-count {
         position: absolute;
         top: -3px;
-        right: 8px;
-        background-color: $navbar-default-bg;
-        border-radius: 5px;
+        right: 5px;
+        background-color: $navbar-notification-count-bg;
+        border-radius: 3px;
         padding: 0 3px;
-        color: $navbar-default-brand-color;
+        color: $navbar-notification-count-text;
+        font-size: $font-size-small;
     }
 }
 

htdocs/theme/raw/sass/utilities/_custom-variables.scss

@@ -24,3 +24,7 @@ $assessment-begun-color: #5b9aa9 !default;
 $assessment-incomplete-color: $brand-danger !default;
 $assessment-partial-color: $brand-warning !default;
 $assessment-completed-color: $brand-success !default;
+
+// Navbar message notification count
+$navbar-notification-count-bg: #FC9F1A !default;
+$navbar-notification-count-text: #000000 !default;