I need some help adapting rowiki CSS (specifically tables) to dark mode. Historically, the vast majority of layouting on our wiki has been done with tables. When matched with dark mode, this has lead to hard to read text in high-traffic pages (see examples below).
I tracked down most of those to the definition of color-base in this file and I would like some guidance on how to solve them in one (or few) changes. Thank you!
Examples
https://ro.wikipedia.org/wiki/Pagina_principal%C4%83 (see the links)
https://ro.wikipedia.org/wiki/Format:Schimb%C4%83ri_recente (see the text)
https://ro.wikipedia.org/wiki/Format:Navbox_periodic_table (see the header links in top-left corner)
Affected CSS rules
html.skin-theme-clientpref-night .mw-parser-output [style*='background'] {
/* @color-base */
color: #202122;
}
html.skin-theme-clientpref-night body.ns-0 table:not( .infobox ):not( .navbox-inner ):not( .navbox ) [bgcolor] a:not( .mw-selflink ),
html.skin-theme-clientpref-night body.ns-0 table:not( .infobox ):not( .navbox-inner ):not( .navbox )[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) a:not( .mw-selflink ),
html.skin-theme-clientpref-night body.ns-0 table:not( .infobox ):not( .navbox-inner ):not( .navbox ) th[style*="background"]:not( [style*="transparent"] ):not( [style*="inherit"] ) a:not( .mw-selflink ),
html.skin-theme-clientpref-night body.ns-0 table:not( .infobox ):not( .navbox-inner ):not( .navbox ) td[style*="background"]:not( [style*="transparent"] ):not( [style*="inherit"] ) a:not( .mw-selflink ),
html.skin-theme-clientpref-night body.ns-0 table:not( .infobox ):not( .navbox-inner ):not( .navbox ) tr[style*="background"]:not( [style*="transparent"] ):not( [style*="inherit"] ) td a:not( .mw-selflink ) {
color: var(--color-base-fixed, #202122);
text-decoration: underline;
}