Update flare-ui/src/styles.scss

flare-ui/src/styles.scss

@@ -1,3 +1,22 @@
+// Angular Material Theme
+@use '@angular/material' as mat;
+@include mat.core();
+
+// Define custom theme
+$primary: mat.define-palette(mat.$indigo-palette);
+$accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
+$warn: mat.define-palette(mat.$red-palette);
+
+$theme: mat.define-light-theme((
+  color: (
+    primary: $primary,
+    accent: $accent,
+    warn: $warn,
+  )
+));
+
+@include mat.all-component-themes($theme);
+
 // Material Icons
 @import url('https://fonts.googleapis.com/icon?family=Material+Icons');
 
@@ -81,7 +100,7 @@ body {
 }
 
 .mat-mdc-form-field {
-  margin: 8px 0;
+  margin: 8px 0;       /* üst–alt */
 }
 
 /* Spinner */