@import '~@angular/material/theming';

@mixin app-header-theme($theme) {
  $foreground: map-get($theme, foreground);

  .app-header {
    @include mat-elevation(6, #000000, 0.1);
    z-index: 2;

    .mat-toolbar {
      background-image: var(--header-background-image) !important;
      background-repeat: no-repeat !important;

      .adf-app-title {
        color: mat-color($foreground, text, 0.72);
      }

      .adf-menu-icon {
        color: mat-color($foreground, text, 0.72) !important;
      }

      .aca-current-user {
        color: mat-color($foreground, text, 0.72) !important;
      }

      .adf-toolbar-divider div {
        background-color: mat-color($foreground, text, 0.72) !important;
      }

      .app-toolbar-menu {
        color: mat-color($foreground, text, 0.72) !important;
      }
    }
  }
}