From 709fc82883b9873a654697c15a2c2d45b0e409ff Mon Sep 17 00:00:00 2001
From: twerske <pokepsi@gmail.com>
Date: Mon, 19 Apr 2021 12:19:58 -0700
Subject: [PATCH] codelab: enable HighContrast mode

---
 src/app/shop/shop.component.scss | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/app/shop/shop.component.scss b/src/app/shop/shop.component.scss
index 654bd6a..3d48d9c 100644
--- a/src/app/shop/shop.component.scss
+++ b/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);
+    }
   }
 }