MediaWiki:Vector-darkmode.less/wikitables.less

//

/* ========================
          wikitables
   ======================== */

table.wikitable {
    background: @dark-wikitable-background;

    // headers
    > * > tr > th {
        background-color: @dark-wikitable-header;
        border-color: @dark-wikitable-border;
    }

    // cells
    > * > tr > td {
        border-color: @dark-wikitable-border;
    }

}

/* -----------------------
      table backgrounds
   ----------------------- */

.table-bg-color(@cell-background, @cell-text, @cell-link) {
    background: @cell-background;
    color: @cell-text;

    a:not(.mw-selflink) {
        color: @cell-link;
    }

}

.table-bg-red {
    .table-bg-color(@old-brick, @bridesmaid, @apricot-peach);
}

.table-bg-orange {
    .table-bg-color(@korma, @lace, @corvette);
}

.table-bg-yellow {
    .table-bg-color(@olive, @half-dutch, @golden);
}

.table-bg-green {
    .table-bg-color(@la-palma, @frost, @caper);
}

.table-bg-blue {
    .table-bg-color(@venice-blue, @tropical-blue, @jordy-blue);
}

.table-bg-purple {
    .table-bg-color(@seance, @heliotrope, @perfume);
}

.table-bg-pink {
    .table-bg-color(@cannon-pink, @french-lilac, @cherub);
}

.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: darken( @dark-wikitable-background, 3% );
	color: @waikawa-grey;

    // for MediaWiki:Gadget-highlightTable.js
    table.lighttable .highlight-over & {
        color: fade( @frost, 50% );
        background: darken( @la-palma, 4% );
    }

    table.lighttable .highlight-on & {
        color: fade( @frost, 40% );
        background: darken( @san-felix, 4% );
    }

}

/* -----------------------
           other
   ----------------------- */

// metadata on file pages
.mw_metadata {

    td,
    th {
    	border-color: @dark-wikitable-border;
    }

    th {
    	background-color: @dark-wikitable-header;
    }

    td {
    	background-color: @dark-wikitable-background;
    }

}