Use primary color in drawer header, use black[500] in light theme dra…

angular/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## v6.1.1 (Unpublished)
+
+### Fixed
+
+-   Fixed a few color issues in the `<pxb-drawer-header>` ([#184](https://github.com/pxblue/themes/issues/184)) and `<pxb-drawer-nav-item>` ([#186](https://github.com/pxblue/themes/issues/186)).
+
 ## v6.1.0 (May 28, 2021)
 
 ### Added

angular/_blueTheme.scss

@@ -327,6 +327,9 @@
         .pxb-drawer-nav-item-active .pxb-info-list-item .pxb-info-list-item-icon-wrapper {
             color: map-get($primary, 500);
         }
+        .pxb-info-list-item .mat-list-item-content .mat-list-icon {
+            color: map-get($foreground, text);
+        }
     }
 
     /*  Drawer Content */

angular/_pxb-component-theme.scss

@@ -107,7 +107,9 @@
         .pxb-drawer-nav-group .mat-list-base {
             color: map-get($foreground, text);
         }
-
+        .pxb-drawer-header-content.mat-toolbar {
+            background-color: map-get($primary, 500);
+        }
         .pxb-drawer-nav-item-active-highlight {
             background-color: map-get($primary, 500);
         }