Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds (.btn-primary)

Q&A (please complete the following information)

• OS: Windows 11 Enterprise - 23H2
• Browser: Chrome, Edge
• Version: Chrome- Version 124.0.6367.93 (Official Build) (64-bit)
  Edge - Version 124.0.2478.80 (Official build) (64-bit)
• Method of installation: npm
• Swagger-UI version: 4.6.1
• Swagger/OpenAPI version: [e.g. Swagger 2.0, OpenAPI 3.0]

Content & configuration

Example Swagger/OpenAPI definition:

# your YAML here

Swagger-UI configuration options:

SwaggerUI({
  // your config options here
})

?yourQueryStringConfig

Describe the bug you're encountering

To reproduce...

Steps to reproduce the behavior:

1. Launch the URL : https://codesandbox.io/p/sandbox/nervous-fog-d87m3w?file=%2fpackage.json
2. Observe that Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds (.btn-primary) or not.

Expected behavior

Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds (color-contrast)

Screenshots

Additional context or thoughts

Start with the linked CodeSandbox reproduction and inspect the styles for the .btn-primary selector, comparing its foreground and background colors against WCAG 2 AA contrast requirements. Done means the control meets the stated minimum contrast ratio in the reproduced Swagger UI behavior.