Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Gadget-Colortable.css: Difference between revisions

MediaWiki interface page
move text-align to colored table elements
adjust dark colors to increase contrast with text
 
(2 intermediate revisions by the same user not shown)
Line 5: Line 5:
--yellow-l: #fff9ac;
--yellow-l: #fff9ac;
--green-d: #30623c;
--green-d: #03350f;
--red-d: #5c312e;
--red-d: #3e0b07;
--blue-d: #383477;
--blue-d: #120e59;
--yellow-d: #5e5324;
--yellow-d: #3c3207;
--green: var(--green-l);
--green: var(--green-l);
Line 18: Line 18:
@media screen and (prefers-color-scheme: dark) {
@media screen and (prefers-color-scheme: dark) {
/* only timeless has a dark theme skin right now */
/* only timeless has a dark theme skin right now */
/* citizen is not here because it manages dark theme itself; adding it here will conflict with its light theme */
body.skin-timeless .colortable,
body.skin-timeless .colortable {
html.skin-theme-clientpref-os body.skin-citizen .colortable {
--green: var(--green-d);
--green: var(--green-d);
--red: var(--red-d);
--red: var(--red-d);
Line 27: Line 27:
}
}


html.skin-citizen-dark .colortable {
html.skin-citizen-dark .colortable,
html.skin-theme-clientpref-night body.skin-citizen .colortable {
--green: var(--green-d);
--green: var(--green-d);
--red: var(--red-d);
--red: var(--red-d);
--blue: var(--blue-d);
--blue: var(--blue-d);
--yellow: var(--yellow-d);
--yellow: var(--yellow-d);
}
body.skin-citizen .colortable td {
padding: 10px; /* default padding is 10px 20px 10px 0 but it looks weird with bg colors */
}
}