MediaWiki:Vector-darkmode.less/wikitables.less
/* ========================
wikitables ======================== */
// Tables .wikitable { background-color: @dark-wikitable-background; color: @dark-text; border-color: @dark-wikitable-border;
// All cells borders > tr > th, > tr > td, > * > tr > th, > * > tr > td { border-color: @dark-wikitable-border; }
// All header cells bg > tr > th, > * > tr > th { background-color: @dark-wikitable-header; }
}
.table-bg-color(@cell-background, @cell-text, @cell-link) {
background: @cell-background; color: @cell-text;
a:not(.mw-selflink) {
color: @cell-link;
text-decoration: underline;
}
}
.table-bg-gray, .table-bg-grey {
.table-bg-color(@shuttle-gray, @black-haze, @mystic);
}
// alternating colours (similar to spreadsheets) table.alternating-rows tr:nth-child(odd), table.alternating-cols td:nth-child(odd) {
background: saturate( darken( @dark-wikitable-background, 3% ), 3% );
}
// Template:NA .table-na { background: rgba(0,0,0,0.2); color: @waikawa-grey; }
// Template:Yes .table-yes { color: #9f9; }
// Metadata tables, allmessages, etc .mw_metadata { td, th { border-color: @dark-wikitable-border; }
th { background-color: @dark-wikitable-header; }
td { background-color: @dark-wikitable-background; } }
- mw-allmessagestable {
.am_actual, .am_default { background-color: @dark-wikitable-background; }
.am_default:hover, .am_actual:hover, tbody:hover td { background-color: @dark-wikitable-background-lighter; } }
/* ========================
infoboxes ======================== */
.infobox {
background: @dark-infobox-background; border-color: @dark-infobox-border;
.infobox-header {
background: @dark-infobox-subheader;
border-color: none;
color: @dark-text;
a {
color: @dark-links;
}
}
.infobox-subheader {
background: @dark-infobox-subheader;
border-color: @dark-infobox-background;
color: @dark-text;
&+.infobox-subheader {
border-color: @dark-infobox-background;
}
// Examine text
a {
color: @dark-links;
}
}
.infobox-nested + .infobox-nested {
border-left-color: @dark-infobox-border;
}
th:not(.infobox-header):not(.infobox-subheader):not(.infobox-nested) {
border-left: none;
border-right-color: @dark-infobox-border;
}
}
.infobox-bonuses {
.infobox-bonuses-image {
border-color: @dark-infobox-border;
}
}
// Infobox Room door layout .poh-room {
background-color: @dark-infobox-background;
}
table.lighttable {
.highlight-on {
background-color: @san-felix;
color: @frost;
a {
color: @caper;
}
}
.highlight-over {
background-color: @la-palma;
color: @frost;
a {
color: @caper;
}
}
// wikitables within lighttables should not automatically inherit green links if not highlighted itself;
// applies to nested tables.
table.wikitable tr:not(.highlight-over):not(.highlight-on) a {
color: @dark-links;
}
}
// AbuseFilter and AbuseLog tables and text tr.mw-abusefilter-list-disabled, tr.mw-abusefilter-list-disabled td {
color: @dark-text;
}
table.mw-abuselog-details { background: @dark-wikitable-background; border-color: @dark-wikitable-border;
th { background: @dark-wikitable-header; }
th, td { border-color: @dark-wikitable-border; } }
//Infobox dropdown select#infobox-select-0 {
background: @dark-wikitable-background; color: @dark-text; border-color: @dark-interface-border; border-block-end-color: @dark-interface-border; border-block-start-color: @dark-interface-border;
}
//Table sorter arrows
// .client-js on <html> .client-js & .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort { background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cg fill=%22%23cbd9f4%22%3E %3Cpath d=%22M14.5 5l-4 4-4-4zM14.5 4l-4-4-4 4z%22/%3E %3C/g%3E %3C/svg%3E"); }
.jquery-tablesorter { th.headerSortUp { background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cg fill=%22%23cbd9f4%22%3E %3Cpath d=%22M6.5 4l4-4 4 4z%22/%3E %3C/g%3E %3C/svg%3E"); } th.headerSortDown { background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cg fill=%22%23cbd9f4%22%3E %3Cpath d=%22M14.5 0l-4 4-4-4z%22/%3E %3C/g%3E %3C/svg%3E"); } }