@mixin loandetailsinfo-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);

  .loan-details-container {
    .slider-with-input {
      .slider-input {
        .mat-input-infix input {
          color: $complete;
        }
      }
    }

    .ccy-sign {
      color: mat-color($foreground,hint-text);
    }

    .loan-details-info {
      .loan-details-info-title {
        color: mat-color($foreground,hint-text);
      }
    }

    .loan-details-toggle-button {
      color: mat-color($primary,500);
    }

    .accent-text {
      color: $accent;
    }
  }
}
