h1, h2, h3, h4, h5, h6 font color wrong color in light mode, but not in dark mode.

[Kevin Fernando]

When im using h4 in dark mode the color of the font is white, but when im change to light mode, the color of font is grey. Is it not a mistake?

My code :

<div class="card-header bg-primary">
          <h4 class="card-title d-flex justify-content-center align-items-center">Horizontal Form with Icons</h4>
</div>

Dark Mode :

Light Mode :

[Saugi]

By default, the headings element has darker color in light mode. If you want to keep the text to be white, you can add text-white class to the element.

Fixed code:

<div class="card-header bg-primary">
     <h4 class="card-title text-white d-flex justify-content-center align-items-center">Horizontal Form with Icons</h4>
</div>

[Kevin Fernando]

By default, the headings element has darker color in light mode. If you want to keep the text to be white, you can add text-white class to the element.

Fixed code:

<div class="card-header bg-primary">
     <h4 class="card-title text-white d-flex justify-content-center align-items-center">Horizontal Form with Icons</h4>
</div>

Thank youuu😁✌️