Te recomiendo usar sólo una función en el evento `click, pasando de esto:
<div class="col-md-6 card">
<div class="card-header-submenu">
<span><i class="fas fa-calendar-alt"></i> Visitas</span>
</div>
<div class="card-body-citas">
<div *ngFor='let fhistoria of historial' class="visitas mt-1"
(click)="modificate(false); modificarci(true);auxHistorial(fhistoria.datos,fhistoria.fecha,fhistoria.hora)">
<span>{{fhistoria.fecha}} - {{fhistoria.hora}}</span>
</div>
</div>
</div>
a esto:
<div class="col-md-6 card">
<div class="card-header-submenu">
<span><i class="fas fa-calendar-alt"></i> Visitas</span>
</div>
<div class="card-body-citas">
<div *ngFor='let fhistoria of historial' class="visitas mt-1"
(click)="onFHistoriaClicked(fhistoria)">
<span>{{fhistoria.fecha}} - {{fhistoria.hora}}</span>
</div>
</div>
</div>
con un método en el componente así:
onFHistoriaClicked(fhistoria) {
modificate(false);
modificarci(true);
auxHistorial(fhistoria.datos, fhistoria.fecha, fhistoria.hora);
}
Una vez hecho esto, puedes añadir un flag para indicar que se ha pulsado:
onFHistoriaClicked(fhistoria) {
modificate(false);
modificarci(true);
auxHistorial(fhistoria.datos, fhistoria.fecha, fhistoria.hora);
fhistoria.clicked = !fhistoria.clicked; //cada click cambia entre false y true
}
Y añadir la clase CSS que cambia el color dependiendo de este flag:
<div class="col-md-6 card">
<div class="card-header-submenu">
<span><i class="fas fa-calendar-alt"></i> Visitas</span>
</div>
<div class="card-body-citas">
<div *ngFor='let fhistoria of historial' class="visitas mt-1"
(click)="onFHistoriaClicked(fhistoria)" [ngClass] = "{'pulsado': fhistoria.clicked}">
<span>{{fhistoria.fecha}} - {{fhistoria.hora}}</span>
</div>
</div>
</div>