Feature/refactor Angular Material theme (#3629)

apps/client/src/styles/theme.scss

@@ -73,39 +73,39 @@ $gf-secondary: (
 
 $gf-typography: mat.m2-define-typography-config();
 
-@include mat.core();
-
 // Create default theme
 $gf-theme-default: mat.m2-define-light-theme(
   (
     color: (
-      primary: mat.m2-define-palette($gf-primary),
+      accent: mat.m2-define-palette($gf-secondary, 500, 900, A100),
-      accent: mat.m2-define-palette($gf-secondary, 500, 900, A100)
+      primary: mat.m2-define-palette($gf-primary)
     ),
     density: -3,
     typography: $gf-typography
   )
 );
+
 @include mat.all-component-themes($gf-theme-default);
-@include mat.button-density(0);
-@include mat.table-density(-1);
 
 // Create dark theme
 $gf-theme-dark: mat.m2-define-dark-theme(
   (
     color: (
-      primary: mat.m2-define-palette($gf-primary),
+      accent: mat.m2-define-palette($gf-secondary, 500, 900, A100),
-      accent: mat.m2-define-palette($gf-secondary, 500, 900, A100)
+      primary: mat.m2-define-palette($gf-primary)
     ),
     density: -3,
     typography: $gf-typography
   )
 );
+
 .is-dark-theme {
   @include mat.all-component-colors($gf-theme-dark);
+}
+
 @include mat.button-density(0);
+@include mat.core();
 @include mat.table-density(-1);
-}
 
 :root {
   --gf-theme-alpha-hover: 0.04;