@mixin sidenav-theme($theme) {
  $primary: map-get($theme, primary);
  $accent-palette: map-get($theme, accent);
  $complete: mat-color($accent-palette, A400);
  $warn: mat-color(map-get($theme, warn),500);
  $foreground: map-get($theme, foreground);
  $background: map-get($theme, background);

  .sidenav-container-wraper {
    color: mat-color($foreground, hint-text);
    background-color: transparent;

  }

  .mat-sidenav {
    background-color: mat-color($background, dialog);

    color: mat-color($foreground, text);

    .actions-row {
      span {
        &:first-child {
          color: mat-color($foreground,secondary-text);
        }

        &:last-child {
          a,
          a:active,
          a:hover,
          a:visited {
            color: mat-color($primary, 500);
          }
        }
      }
    }

    .menu-item {
      > div {
        &:hover {
          background-color: mat-color($foreground,secondary-text);
        }
      }
    }
  }
}
