@mixin header-theme($theme) {
  $primary: map-get($theme, primary);
  $accent-palette: map-get($theme, accent);
  $complete: mat-color($accent-palette, A400);
  $accent: mat-color($accent-palette, A200);
  $foreground: map-get($theme, foreground);

  .header {
    color: mat-color($primary, 50);

    .action {
      a {
        border: 1px solid mat-color($primary, 50);
      }

    }

    a {
      &,
      &:active,
      &:hover,
      &:visited {
        text-decoration: none;
        color: mat-color($primary, 50);
        
      }

      &.active {
        border-bottom: 2px solid #000; //$accent;
      }

    }

  }

  .header-xs {
    color: mat-color($primary, 50);
  }
  .userinfo{
    color: mat-color($primary, 500);
  }
}
