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

MediaWiki:Darkvector.css: Difference between revisions

MediaWiki interface page
m (styling for Cargo's dynamic tables display format)
m (override individual subclass styles for cargo tables)
Line 205: Line 205:
}
}
/* Extension:Cargo */
/* Extension:Cargo */
table.cargoTable tr:nth-child(2n+1) {
table.cargoTable tr:nth-child(2n),
  color: #c1c1c1;
table.dataTable tbody tr, table.dataTable tbody tr:hover,
   background-color: #3c3c3c;
table.dataTable tbody tr.even > .sorting_1 {
  border-color: #666;
   background-color: #4c4c4c !important; /* override subclass stylings */
}
}
table.cargoTable tr:nth-child(2n) {
table.cargoTable tr:nth-child(2n+1),
  color: #c1c1c1;
table.dataTable tbody tr.odd, table.dataTable tbody tr.odd:hover,
   background-color: #4c4c4c;
table.dataTable tbody tr.odd > .sorting_1 {
  border-color: #666;
   background-color: #3c3c3c !important; /* override subclass stylings */
}
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
     color: inherit;
     color: inherit;
}
.dataTable tbody td {
  border-color: black !important; /* override subclass stylings */
}
}
/* Extension Page Forms */
/* Extension Page Forms */

Revision as of 21:14, 7 February 2021

/* CSS placed here will affect users of the DarkVector skin */
/* Hyperlink color correction */
a, .mw-body .external, .mw-body .extiw, .uls-language-list a {
	color: #87c0db !important;
}
a.new {
    color: #ff5757 !important;
}
a:visited {
    color: #9ca7b5 !important;
}
/* Heading color readability */
h1, h2, h3, h4, h5, h6 {
	color: #c1c1c1;
}
/* Heading background readability */
.mw_metadata th, .wikitable > * > tr > th {
	background-color: #202424;
}
/* Gallery box color correction */
#content .gallerybox div.thumb {
	background-color: #404042;
}
/* Readable gallery text */
.gallerytext p {
	color: #c1c1c1;
}
/* Readable portal headers */
div#mw-panel div.portal h3 {
	color: #c1c1c1;
}
/* Readable changelog */
.mw-plusminus-pos {
	color: #00c200;
}
.mw-plusminus-neg {
	color: #ff5757;
}
/* Simple search color tweaks */
#simpleSearch #searchButton {
	background-color: #87c0db20 !important;
}
/* Code page readability (css, js, module pages) */
.mw-highlight pre { background: #272727 !important; } /* override <pre> */
.mw-highlight .hll { background-color:#7d5510 }
.mw-highlight .c { color:#cf9b7c }
.mw-highlight .err { border-color: #FF0000 }
.mw-highlight .k { color:#8598cd }
.mw-highlight .o { color:#8db7cc }
.mw-highlight .ch { color:#cf9b7c }
.mw-highlight .cm { color:#cf9b7c }
.mw-highlight .cp { color:#BC7A00 }
.mw-highlight .cpf { color:#cf9b7c }
.mw-highlight .c1 { color:#cf9b7c }
.mw-highlight .cs { color:#cf9b7c }
.mw-highlight .gd { color:#A00000 }
.mw-highlight .gr { color:#FF0000 }
.mw-highlight .gh { color:#000080 }
.mw-highlight .gi { color:#00A000 }
.mw-highlight .go { color:#888888 }
.mw-highlight .gp { color:#000080 }
.mw-highlight .gu { color:#800080 }
.mw-highlight .gt { color:#0044DD }
.mw-highlight .kc { color:#8598cd }
.mw-highlight .kd { color:#8598cd }
.mw-highlight .kn { color:#8598cd }
.mw-highlight .kp { color:#8598cd }
.mw-highlight .kr { color:#8598cd }
.mw-highlight .kt { color:#B00040 }
.mw-highlight .m { color:#8db7cc }
.mw-highlight .s { color:#FCD333 }
.mw-highlight .na { color:#7D9029 }
.mw-highlight .nb { color:#8598cd }
.mw-highlight .nc { color:#84C6E0 }
.mw-highlight .no { color:#eba088 }
.mw-highlight .nd { color:#B168DE }
.mw-highlight .ni { color:#999999 }
.mw-highlight .ne { color:#D2413A }
.mw-highlight .nf { color:#6A99F3 }
.mw-highlight .nl { color:#A0A000 }
.mw-highlight .nn { color:#A2A2E3 }
.mw-highlight .nt { color:#8598cd }
.mw-highlight .nv { color:#7472D0 }
.mw-highlight .ow { color:#B168DE }
.mw-highlight .w { color:#bbbbbb }
.mw-highlight .mb { color:#8db7cc }
.mw-highlight .mf { color:#8db7cc }
.mw-highlight .mh { color:#fff }
.mw-highlight .mi { color:#8db7cc }
.mw-highlight .mo { color:#8db7cc }
.mw-highlight .sa { color:#FCD333 }
.mw-highlight .sb { color:#FCD333 }
.mw-highlight .sc { color:#FCD333 }
.mw-highlight .dl { color:#FCD333 }
.mw-highlight .sd { color:#FCD333 }
.mw-highlight .s2 { color:#FCD333 }
.mw-highlight .se { color:#BB6622 }
.mw-highlight .sh { color:#FCD333 }
.mw-highlight .si { color:#BB6688 }
.mw-highlight .sx { color:#8598cd }
.mw-highlight .sr { color:#BB6688 }
.mw-highlight .s1 { color:#FCD333 }
.mw-highlight .ss { color:#7472D0 }
.mw-highlight .bp { color:#8598cd }
.mw-highlight .fm { color:#6A99F3 }
.mw-highlight .vc { color:#7472D0 }
.mw-highlight .vg { color:#7472D0 }
.mw-highlight .vi { color:#7472D0 }
.mw-highlight .vm { color:#7472D0 }
.mw-highlight .il { color:#8db7cc }
/* Selection boxes and search box */
select, option,
.selection,
.suggestions-results,
.suggestions-special {
  background-color: #595959;
  color:inherit;
}
.suggestions-special .special-label, .suggestions-special .special-query  {
  background-color:inherit;
  color:inherit;
}
.suggestions-special .suggestions-result-current
,.suggestions-result-current {
  background-color: rgb(230, 151, 16);
  color: black !important; /* override existing important  */
}
.suggestions .mw-searchSuggest-link .suggestions-result {
	color:rgb(193, 193, 193);
}

/* Gallery */
div.thumb, #content .gallerybox div.thumb,
.thumb img, .ns-0 .gallerybox .thumb img, .ns-2 .gallerybox .thumb img, .ns-100 .gallerybox .thumb img, .nochecker .gallerybox .thumb img {
  background-color: inherit;
}
.gallerytext p {
  color: inherit;
}

/* Template:Documentation */
.template-documentation, table.fmbox {
  border-color: #aaa;
  background-color: #595959;
  color: inherit;
}

/* Template:Imbox*/
table.ombox, table.ombox.ombox-content,
table.imbox, table.imbox-license {
  background-color: #595959;
  color: #c1c1c1;
}

/* Template:Infobox */
.infobox {
  border-color: #aaa;
  background-color: #595959;
  color: #c1c1c1;
}
.infobox th {
  background-color: rgb(230, 151, 16);
  color: black;
}

/* Template:Information */
.toccolours {
  background-color:inherit;
}
.toccolours .fileinfo-paramfield {
  background-color: rgb(230, 151, 16); /* #e69710 */
  color:black;
}
#cleanup.boilerplate.metadata{
  background-color: #595959;
  color: #c1c1c1;
  border-color: #fc3;
}
/* Infobox Tabs */
.tabs-label {
    background-color: #111;
}
.tabs-label:active, .tabs-label:focus {
    background-color: #333;
}
.tabs-label:hover {
    background-color: #444;
}
.tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label {
    background-color: #333;
}

/* Navigation templates */
.navbox, .navbox-subgroup {
  background: #1c1c1c;
}
table.navbox {
  border-color:rgb(170, 170, 170);
}
.navbox-title, table.navbox th {
  background-color:rgb(42, 42, 42);
}
.navbox .dropdown div ul, .navbox .dropdown ul {
  background-color: rgb(89, 89, 89);
}
/* Extension:Cargo */
table.cargoTable tr:nth-child(2n),
table.dataTable tbody tr, table.dataTable tbody tr:hover,
table.dataTable tbody tr.even > .sorting_1 {
  background-color: #4c4c4c !important; /* override subclass stylings */
}
table.cargoTable tr:nth-child(2n+1),
table.dataTable tbody tr.odd, table.dataTable tbody tr.odd:hover,
table.dataTable tbody tr.odd > .sorting_1 {
  background-color: #3c3c3c !important; /* override subclass stylings */
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: inherit;
}
.dataTable tbody td {
  border-color: black !important; /* override subclass stylings */
}
/* Extension Page Forms */
.multipleTemplateInstance {
  background-color: inherit;
  border-color: #a2a9b1;
}
.select2-container--default .select2-selection--multiple {
  background-color: inherit;
  color: inherit;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  color: rgb(230, 151, 16);
  background-color: #595959;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: rgb(230, 151, 16);
}
.select2-dropdown, .select2-results {
   background-color: #595959;
   color:rgb(193, 193, 193);
}
.pf-select2-dropdown .select2-results__options .select2-results__option--highlighted {
   background-color: rgb(230, 151, 16);
}
.select2-container--default .select2-results__option[aria-selected="true"] {
  color: black;
}
/* Extension Upload Wizard */
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed){
	background-color:#515151 !important; /* override existing important style */
}
/* Extension WikiEditor */
.wikiEditor-ui-toolbar .booklet > .index > :hover {
  background-color: #595959;
  color: rgb(230, 151, 16);
}
.wikiEditor-ui-toolbar .booklet > .index > .current {
  background-color: rgb(230, 151, 16);
  color: black;
}
.wikiEditor-ui-toolbar .group .tool-select .options {
  background-color: rgb(76, 76, 76);
}
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
  background-color: #595959;
}
.wikiEditor-ui-toolbar .group .label,
.wikiEditor-ui-toolbar .page-characters div span,
.wikiEditor-ui-toolbar .page-table td  {
  color: inherit;
}
.wikiEditor-ui-toolbar .page-characters div span:hover {
  border-color: black;
  background-color: rgb(230, 151, 16);
  color: black;
}
.wikiEditor-ui-toolbar .page-table th {
  color: rgb(230, 151, 16);
}
.ace_scroller { /* editing with code highlighting */
  background: #fff;
  color: black;
}