Skip to content

Docs: callouts have horribly low contrast #37745

@patrickhlauke

Description

@patrickhlauke

Prerequisites

Describe the issue

In the new docs, info and warning callouts have text colour contrast that's below minimum 4.5:1 threshold.

Info callout

info callout

Text: #087990
Background: #CFF4FC
Contrast: 4.34:1


Link: #0D6EFD
Background: #CFF4FC
Contrast: 3.86:1


Code: #D63384
Background: #CFF4FC
Contrast: 3.86:1

Warning callout

warning callout

Text: #997404
Background: #FFF3CD
Contrast: 3.9:1


Link: #0D6EFD
Background: #FFF3CD
Contrast: 4.06:1


Code: #D63384
Background: #FFF3CD
Contrast: 4.06:1

Reduced test cases

https://getbootstrap.com/docs/5.3/components/popovers/

What operating system(s) are you seeing the problem on?

Windows

What browser(s) are you seeing the problem on?

Chrome

What version of Bootstrap are you using?

5.3

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions