Update theming, rebuild app from existing angular project

src/m3-theme.scss

@@ -0,0 +1,141 @@
+// This file was generated by running 'ng generate @angular/material:m3-theme'.
+// Proceed with caution if making changes to this file.
+
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+// Note: Color palettes are generated from primary: #DF6B85, secondary: #AE868D, tertiary: #B48858, neutral: #988E8F
+$_palettes: (
+  primary: (
+    0: #000000,
+    10: #3f0015,
+    20: #630828,
+    25: #721633,
+    30: #82233e,
+    35: #912f49,
+    40: #a13a54,
+    50: #c0536c,
+    60: #e06c86,
+    70: #ff86a0,
+    80: #ffb2bf,
+    90: #ffd9de,
+    95: #ffecee,
+    98: #fff8f7,
+    99: #fffbff,
+    100: #ffffff,
+  ),
+  secondary: (
+    0: #000000,
+    10: #3f0017,
+    20: #5f112b,
+    25: #6d1d35,
+    30: #7c2940,
+    35: #8b344c,
+    40: #9a4058,
+    50: #b95870,
+    60: #d87189,
+    70: #f78aa3,
+    80: #ffb1c0,
+    90: #ffd9df,
+    95: #ffecee,
+    98: #fff8f7,
+    99: #fffbff,
+    100: #ffffff,
+  ),
+  tertiary: (
+    0: #000000,
+    10: #2b1700,
+    20: #482900,
+    25: #573300,
+    30: #673d00,
+    35: #774700,
+    40: #885200,
+    50: #aa6800,
+    60: #c98121,
+    70: #e89b3a,
+    80: #ffb868,
+    90: #ffddbb,
+    95: #ffeedf,
+    98: #fff8f4,
+    99: #fffbff,
+    100: #ffffff,
+  ),
+  neutral: (
+    0: #000000,
+    10: #3f0018,
+    20: #5f112c,
+    25: #6d1d37,
+    30: #7c2942,
+    35: #8b344e,
+    40: #9a4059,
+    50: #b85872,
+    60: #d7718b,
+    70: #f78aa5,
+    80: #ffb1c2,
+    90: #ffd9e0,
+    95: #ffecee,
+    98: #fff8f7,
+    99: #fffbff,
+    100: #ffffff,
+  ),
+  neutral-variant: (
+    0: #000000,
+    10: #24191a,
+    20: #3a2d2f,
+    25: #46383a,
+    30: #524345,
+    35: #5e4f51,
+    40: #6a5a5c,
+    50: #847375,
+    60: #9f8c8e,
+    70: #baa6a9,
+    80: #d6c2c4,
+    90: #f3dddf,
+    95: #ffecee,
+    98: #fff8f7,
+    99: #fffbff,
+    100: #ffffff,
+  ),
+  error: (
+    0: #000000,
+    10: #410002,
+    20: #690005,
+    25: #7e0007,
+    30: #93000a,
+    35: #a80710,
+    40: #ba1a1a,
+    50: #de3730,
+    60: #ff5449,
+    70: #ff897d,
+    80: #ffb4ab,
+    90: #ffdad6,
+    95: #ffedea,
+    98: #fff8f7,
+    99: #fffbff,
+    100: #ffffff,
+  ),
+);
+
+$_rest: (
+  secondary: map.get($_palettes, secondary),
+  neutral: map.get($_palettes, neutral),
+  neutral-variant: map.get($_palettes,  neutral-variant),
+  error: map.get($_palettes, error),
+);
+$_primary: map.merge(map.get($_palettes, primary), $_rest);
+$_tertiary: map.merge(map.get($_palettes, tertiary), $_rest);
+
+$light-theme: mat.define-theme((
+  color: (
+    theme-type: light,
+    primary: $_primary,
+    tertiary: $_tertiary,
+  ),
+));
+$dark-theme: mat.define-theme((
+  color: (
+    theme-type: dark,
+    primary: $_primary,
+    tertiary: $_tertiary,
+  ),
+));