MDL-72667 notifications: improve colour contrast

theme/boost/scss/moodle/popover-region.scss

@@ -4,7 +4,7 @@ $region-container-width: 380px;
 $region-container-z-index: 1;
 $region-header-height: 25px;
 $region-footer-height: 30px;
-$content-item-hover-colour-bg: #79b5e6;
+$content-item-hover-colour-bg: $primary;
 $content-item-hover-colour-text: #fff;
 $content-item-selected-colour-bg: #4f94cd;
 $content-item-unread-colour: #f4f4f4;
@@ -232,6 +232,10 @@ $content-header-footer-height: $region-header-height + $region-footer-height;
                 color: $content-item-hover-colour-text;
             }
         }
+
+        .view-more {
+            color: inherit;
+        }
     }
 
     &.unread {
@@ -268,12 +272,16 @@ $content-header-footer-height: $region-header-height + $region-footer-height;
             font-size: 10px;
             line-height: 10px;
             margin: 0;
-            color: #666;
+            color: inherit;
             margin-left: 24px;
         }
     }
 
     .view-more {
+        &:hover {
+            color: inherit;
+        }
+
         position: absolute;
         bottom: 5px;
         right: 5px;

theme/boost/scss/preset/default.scss

@@ -8,10 +8,10 @@ $gray-500: #8f959e !default;
 $gray-600: #6a737b !default;
 $gray-700: #495057 !default;
 $gray-800: #343a40 !default;
-$gray-900: #212529 !default;
+$gray-900: #1d2125 !default;
 $black:    #000 !default;
 
-$blue:    #0f6fc5 !default;
+$blue:    #0f6cbf !default;
 $indigo:  #6610f2 !default;
 $purple:  #613d7c !default;
 $pink:    #e83e8c !default;

theme/classic/scss/preset/default.scss

@@ -8,10 +8,10 @@ $gray-500: #8f959e !default;
 $gray-600: #6a737b !default;
 $gray-700: #495057 !default;
 $gray-800: #343a40 !default;
-$gray-900: #212529 !default;
+$gray-900: #1d2125 !default;
 $black:    #000 !default;
 
-$blue:    #0f6fc5 !default;
+$blue:    #0f6cbf !default;
 $indigo:  #6610f2 !default;
 $purple:  #613d7c !default;
 $pink:    #e83e8c !default;