**Context:**
Per the most recent [[ https://night-mode-checker.wmcloud.org/en-mobile-night/ | color contrast checker ]] run, there are about 20 color contrast violations in the top 100 wikipedia pages related to [[ https://en.wikipedia.org/wiki/Template:Quote_box | Template:Quote_box. ]]
**Issue Details:**
Skin: Minerva (Night Mode)
Problem Area: [[ https://en.wikipedia.org/wiki/Template:Quote_box | Template:Quote_box. ]]
**Steps to Reproduce:**
[[ https://en.m.wikipedia.org/wiki/UEFA_Champions_League?minervanightmode=1 | Go to this sample page ]]
Paste below into DevTools to view an sample:
```
// Select the desired element
const targetElement = document.querySelector("div.mw-content-ltr.mw-parser-output > section.mf-section-2.collapsible-block > div.quotebox.pullquote.centered > blockquote.quotebox-quote.left-aligned > p");
// Check if the element is found
if (targetElement) {
// Scroll to the element
targetElement.scrollIntoView({ behavior: 'smooth' });
// Apply red outline style after scrolling
targetElement.style.outline = '2px solid red';
} else {
console.error('Element not found');
}
```
**Expected Result:**
The text and background colors within the infobox should have a WCAG 2.0 level AA contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.
**Actual Result**
Screenshots of color contrast issues.
{F41918881}
== QA Results - Beta
| **AC** | **Status** | **Details** |
| ----- | ----- | ----- |
| 1 | ❌ | T357735#9613573 |