From b5503235ad5099e93239f12bb3ce41dca840c1da Mon Sep 17 00:00:00 2001
From: Will Chen <willchen90@gmail.com>
Date: Thu, 7 Dec 2023 10:06:04 -0800
Subject: [PATCH] Update styles.scss to use Angular Material's recommended
 theming approach

---
 web/src/app/styles.scss | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/web/src/app/styles.scss b/web/src/app/styles.scss
index 7f85f9ad7..ba1249016 100644
--- a/web/src/app/styles.scss
+++ b/web/src/app/styles.scss
@@ -22,6 +22,18 @@ body {
 // Light theme
 $light-primary: mat.define-palette(mat.$blue-palette, 800, 200);
 $light-accent: mat.define-palette(mat.$indigo-palette, A200, A100, A400);
-$light-theme: mat.define-light-theme($light-primary, $light-accent);
+$light-warn: mat.define-palette(mat.$red-palette, 600, 200, 800);
+
+$light-theme: mat.define-light-theme(
+  (
+    color: (
+      primary: $light-primary,
+      accent: $light-accent,
+      warn: $light-warn,
+    ),
+    typography: null,
+    density: 0,
+  )
+);
 
 @include mat.all-component-themes($light-theme);