feat: update theme

angular.json

@@ -49,7 +49,7 @@
               "src/settings.yaml"
             ],
             "styles": [
-              "src/arlas-wui-theme.scss",
+              "src/theme.scss",
               "src/styles.scss",
               "node_modules/ngx-toastr/toastr.css"
             ],
@@ -131,7 +131,7 @@
               "src/settings.yaml"
             ],
             "styles": [
-              "src/arlas-wui-theme.scss",
+              "src/theme.scss",
               "src/styles.scss",
               "node_modules/ngx-toastr/toastr.css"
             ],

src/theme.scss

@@ -0,0 +1,28 @@
+@use '@angular/material' as mat;
+// Plus imports for other components in your app.
+
+// Include the common styles for Angular Material. We include this here so that you only
+// have to load a single css file for Angular Material in your app.
+// Be sure that you only ever include this mixin once!
+@include mat.core();
+
+// Define the palettes for your theme using the Material Design palettes available in palette.scss
+// (imported above). For each palette, you can optionally specify a default, lighter, and darker
+// hue.
+$app-primary: mat.define-palette(mat.$blue-palette, 500);
+$app-accent:  mat.define-palette(mat.$indigo-palette, A200, A100, A400);
+
+// The warn palette is optional (defaults to red).
+$app-warn:    mat.define-palette(mat.$red-palette);
+
+// Create the theme object (a Sass map containing all of the palettes).
+$app-theme: mat.define-light-theme((
+    color: (
+        primary: $app-primary,
+        accent: $app-accent,
+        warn: $app-warn
+    ),
+    density: 0
+));
+
+@include mat.all-component-themes($app-theme);