codelab: enable HighContrast mode

Author: twerske

src/app/shop/shop.component.scss

@@ -16,6 +16,7 @@
 @use '@angular/material' as mat;
 
 // TODO: #12. Enable HighContrast mode
+@use '@angular/cdk';
 
 :host {
   display: flex;
@@ -81,6 +82,10 @@
     background-color: mat.get-color-from-palette(mat.$pink-palette, A100);
 
     // TODO: #12. Enable HighContrast mode
+    @include cdk.high-contrast() {
+      outline: solid 1px;
+      background-color: mat.get-color-from-palette(mat.$pink-palette, 50);
+    }
 
     text-align: center;
     text-transform: uppercase;
@@ -101,5 +106,9 @@
     background-color: mat.get-color-from-palette(mat.$light-green-palette, A100);
 
     // TODO: #12. Enable HighContrast mode
+    @include cdk.high-contrast() {
+      // outline: solid 1px;
+      // background-color: mat.get-color-from-palette(mat.$light-green-palette, 50);
+    }
   }
 }