@use '@angular/material' as mat;
$spring-primary: mat.define-palette(mat.$green-palette, 500);
$spring-accent: mat.define-palette(mat.$blue-palette, 600);
$spring-warn: mat.define-palette(mat.$red-palette, 500);
$spring-theme: mat.define-light-theme((
  color: (
    primary: $spring-primary,
    accent: $spring-accent,
    warn: $spring-warn,
  )
));

.app-theme-spring {
  @include mat.all-component-themes($spring-theme);
  $spring-primary-color: #4caf50;
  .topbar-items-container > div,
  .mat-toolbar, .mat-toolbar .mat-icon,
  .mat-mdc-raised-button.mat-primary > span, .mat-mdc-fab mat-icon {
    color: #fff;
  }
  .mdc-checkbox__checkmark {
    color: #fff !important;
  }
  .sidenav-container, .sub-header {
    background: #f1f1f1;
  }
  .fl-card-styling,
  .fl-card-fixed,
  .fl-card-fixed-md,
  .fl-card-fixed-sm {
    @include mat.elevation(2);
  }
  mat-icon {
    color: grey;
  }
  .mat-mdc-menu-item .mat-icon-no-color, .mat-mdc-menu-submenu-icon {
    color: grey !important;
  }
  a[disabled] .mat-icon, button[disabled] .mat-icon {
    color: lightgrey;
  }
  .mat-mdc-button-base {
    text-transform: uppercase;
  }
  .active-link, .active-link mat-icon, .notification-text a, .message-body a, .ticket-message a:not(.timestamp-link) {
    color: $spring-primary-color !important;
  }
  .object-card-content {
    margin-left: 15px;
    font-size: 14px;
    line-height: 20px;
    word-break: break-all;
    color: #616161;
  }
  .fl-tag {
    background-color: #878787;
    color: white;
    padding: 2px 8px 2px 8px;
    border-radius: 2px;
    font-weight: normal;
  }
}
