my-chat-room/apps/chat-room/src/app/app.component.html

<div class="messages-container">
  <div
    class="message"
    *ngFor="let message of messages$ | async; trackBy: trackByFn"
  >
    {{ message.user }} :
    <span [style.color]="message.color">{{ message.message }}</span>
  </div>
</div>
<div class="input-section">
  <input
    [style.color]="color"
    type="text"
    [(ngModel)]="currentMessage"
    (keyup.enter)="sendMessage()"
  />
  <input type="text" [(ngModel)]="user" />
  <input type="color" [(ngModel)]="color" />
</div>