Light color toast is unreadable in Dark Mode

[AlexPBaranov]

In Dark Mode, the text on the toast is almost unreadable. I believe the background color of the toast should be inverted when Dark Mode is enabled

<div class="position-relative">
  <c-toaster placement="bottom-end" position="fixed" class="p-3">
    <c-toast [autohide]="true" [fade]="true" [visible]="isResultToastVisible" [color]="light" delay="3000" (visibleChange)="makeResultToastVisible($event)">
      <c-toast-header> {{resultToastHeader }} </c-toast-header>
      <c-toast-body> {{ resultToastBody }} </c-toast-body>
    </c-toast>
  </c-toaster>
</div>

Windows 11, Chrome 129.0.6668.101

[xidedix]

@AlexPBaranov as a workaround you can add class="text-dark" to c-toast

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions

[AlexPBaranov]

Will it be fixed in upcoming releases?

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions