Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • B bootstrap
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 263
    • Issues 263
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 114
    • Merge requests 114
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Bootstrap
  • bootstrap
  • Issues
  • #37745
Closed
Open
Issue created Dec 28, 2022 by Patrick H. Lauke@patrickhlaukeContributor3 of 3 checklist items completed3/3 checklist items

Docs: callouts have horribly low contrast

Prerequisites

  • I have searched for duplicate or closed issues
  • I have validated any HTML to avoid common problems
  • I have read the contributing guidelines

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

Assignee
Assign to
Time tracking