**Context:**
Per the most recent [[ https://night-mode-checker.wmcloud.org/en-mobile-night/ | color contrast checker ]] run, the topmost common color contrast WCAG violation (at about 5000+ violations in the top 100 most popular pages in English Wikipedia) can be found within the text elements in the infobox.
**Issue Details:**
Skin: Minerva (Night Mode)
Problem Area: [[ https://en.wikipedia.org/wiki/Help:Infobox | infobox ]]
**Steps to Reproduce:**
- [[ https://en.m.wikipedia.org/wiki/Spain?minervanightmode=1 | Enable night mode in the Minerva skin ]].
- Observe the color contrast within the infobox content.
**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:**
| Foreground Color | Background Color | Contrast | AA |
| #EAECF0 | #F8F9FA | 1.12 | No |
| #6699FF | #F8F9FA | 2.63 | No |
| #FFA500 | #F8F9FA | 1.87 | No |
{F41884310}
{F41884309}
{F41884308}
** Proposed solution **
[] Any infobox element using a style attribute and background or using a known header class should inherit background from the article.
[] The styles should live in skins.minerva.base.styles/common/hacks.less
```
mw.util.addCSS(`
.infobox-above,
/* itwiki */.sinottico th,
.infobox-header,
/*frwiki */ .infobox_v3 .entete,
/*frwiki */ .infobox_v3,
/*frwiki */ .infobox_v2,
/*frwiki */ .infobox_v2 [style*=background],
.infobox_v3 [style*=background],
.infobox [style*=background] {
background-color: var(--background-color-base) !important;
background: var(--background-color-base) !important;
color: var(--color-base) !important;
}`)
```
# QA
1) Visit https://sh.m.wikipedia.org/wiki/Carles_Puigdemont?minervanightmode=1
- Expected:
{F42030854}
2) Visit https://it.m.wikipedia.org/wiki/Stato_Pontificio?minervanightmode=1
- Expected:
{F42030871}
3) Visit https://zh.m.wikipedia.org/wiki/%E6%9E%97%E5%8D%83%E5%8F%88?minervanightmode=1
- Expected: Readable infobox
4) Visit https://fr.m.wikipedia.org/wiki/Bob_Marley?minervanightmode=1
- Expected: Readable infobox with no background colors
5) https://fr.m.wikipedia.org/w/index.php?title=Zin%C3%A9dine_Zidane&minervanightmode=1
- Expected: Readable infobox with no background colors
6) Check colors appear for all the above pages in light mode