helix-front/client/app/shared/state-label/state-label.component.scss

@use '@angular/material' as mat;

.state-label {
  font-size: 12px;
  padding: 4px;
  border-radius: 6px;
  border: 1px solid rgb(0, 0, 0);
  margin-right: 10px;
}

.state-label-ready {
  border-color: mat.get-color-from-palette(
    mat.define-palette(mat.$blue-palette),
    darker
  );
}

.state-label-not-ready {
  border-color: mat.get-color-from-palette(
    mat.define-palette(mat.$grey-palette, 900, 900, 900),
    darker
  );
}