MediaWiki:Darkvector.css

/* CSS placed here will affect users of the DarkVector skin */
/* Slowly converting over to variables */
html {
	--color-primary: #8D672A;
	--color-primary--active: #CC9133;
	--color-primary--hover: #D6A75B;
	--color-element-bg: #2A2A2A;
	--color-hyperlink: #87C0DB;
	--color-forum-sticky: rgb(94, 77, 35);
}
/* Hyperlink color correction */
a {
	color: var(--color-hyperlink) !important;
}
a.external.text {
	color: var(--color-hyperlink) !important;
	padding-right: 13px;
	background-image: url(/skins/Citizen/resources/skins.citizen.styles/images/external-link-ltr-icon.svg);
	background-position: center right;
	background-repeat: no-repeat;
}
a.extiw {
	color: var(--color-hyperlink) !important;
	padding-right: 13px;
	background-image: url(/skins/Citizen/resources/skins.citizen.styles/images/external-link-ltr-icon.svg);
	background-position: center right;
	background-repeat: no-repeat;
}
a.new {
    color: #ff5757 !important;
}
a:visited {
    color: #9ca7b5 !important;
}
/* Tooltips */
.tooltip {
	border-bottom: 2px ridge var(--color-hyperlink);
}
/* Dropdown menu link */
#mw-head div.darkvectorMenu h3 span {
	color: var(--color-hyperlink);
}
/* body border */
.mw-body {
	border: 1px solid #454545;
}
/* 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 */
div#simpleSearch #searchButton {
	background-color: #393a3c !important;
}
/* Fat buttons */
.oo-ui-buttonElement-button, .mw-ui-button {
	color: #000000E0 !important;
	background-color: var(--color-primary) !important;
	border-color: var(--color-primary) !important;
}
.oo-ui-buttonElement-button:hover, .mw-ui-button:hover {
	color: #000000E0 !important;
	background-color: var(--color-primary--hover) !important;
	border-color: var(--color-primary--hover) !important;
}
.oo-ui-buttonElement-button:active, .mw-ui-button:active {
	color: #000000E0 !important;
	background-color: var(--color-primary--active) !important;
	border-color: var(--color-primary--active) !important;
}
.bb2 div {
	color: #000000E0 !important;
	background-color: var(--color-primary) !important;
	border-color: var(--color-primary) !important;
}
.bb2 div:active{
	color: #000000E0 !important;
	background-color: var(--color-primary--active) !important;
	border-color: var(--color-primary--active) !important;
}
.bb2 div:hover{
	color: #000000E0 !important;
	background-color: var(--color-primary--hover) !important;
	border-color: var(--color-primary--hover) !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);
}
/* Tooltip readability */
.tooltiptext {
	background-color:rgb(51, 51, 51);
}
/* 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: var(--color-element-bg);
	background-color: #1c1c1c;
	color: #c1c1c1;
}
.infobox th {
	background-color: var(--color-element-bg);
	color: #c1c1c1;
}
table.wikitable tr th {
	background-color: #595959; /* #2a2a2a; */
	border-color: #666; /* #454545; */
}
table.wikitable tr td {
	background-color: #4c4c4c; /* #1c1c1c; */
	border-color: #666; /* #454545; */
}
div.tabdiv > ul > li {
	background-color: var(--color-primary);
    border-color: var(--color-primary);
    cursor: pointer;
}
div.tabdiv > ul > li:hover {
	background-color: var(--color-primary--hover);
    border-color: var(--color-primary--hover);
}
div.tabdiv > ul > li.active {
	background-color: var(--color-primary--active);
	border-color: var(--color-primary--active);
}
div.tabdiv > ul > li a {
	color: #000000E0 !important;
}
/* 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;
}
/* Bulleted lists */
ul {
	list-style-image: none;
}
/* Table of contents lists */
.tocnumber {
	color: var(--color-hyperlink);
}
/* Navigation templates */
.navbox, .navbox-subgroup {
	background: #1c1c1c;
}
table.navbox {
  border-color:rgb(170, 170, 170);
}
.navbox-title, table.navbox th {
	background-color: var(--color-element-bg);
}
.navbox .dropdown div ul, .navbox .dropdown ul {
  background-color: rgb(89, 89, 89);
}
#left-navigation div.darkvectorTabs, #right-navigation div.darkvectorTabs {
	background-color: #454545;
	background-image: linear-gradient(#222 0,#454545 90%);
}
/* 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;
}
/* Extension:WikiForum */
table.mw-wikiforum-frame,
td.mw-wikiforum-thread-main,
td.mw-wikiforum-thread-sub,
tr.mw-wikiforum-normal {
  background: inherit;
}
th.mw-wikiforum-thread-top,
tr.mw-wikiforum-title {
  background: var(--color-element-bg);
}
tr.mw-wikiforum-sticky{
  background: var(--color-forum-sticky);
}
/* Popups */
.mwe-popups {
	background-color: var(--color-element-bg);
}
.mwe-popups .mwe-popups-extract[dir="ltr"]::after {
	background-image: linear-gradient(to right, var(--color-element-bg), #2a2a2a 50%);
}
.mwe-popups .mwe-popups-extract {
	color:#c1c1c1 !important;
}
.mwe-popups.mwe-popups-no-image-pointer:after {
	border-bottom:11px solid var(--color-element-bg);
}
.mwe-popups.mwe-popups-image-pointer:after {
	border-bottom:12px solid var(--color-element-bg);
}
.mwe-popups.mwe-popups-image-pointer.flipped-x:after {
	border-bottom:12px solid var(--color-element-bg);
}
.mwe-popups.flipped-x-y:after {
	border-top:12px solid var(--color-element-bg);
}
.mwe-popups.flipped-x-y.mwe-popups-is-tall:after {
	border-top:12px solid var(--color-element-bg);
}
.mwe-popups.flipped-y:after {
	border-top:11px solid var(--color-element-bg);
}

/* Fat button icons */
.mw-mmv-stripe-button::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%22212 84 600 600.8%22%3E %3Cpath fill=%22%23000000e0%22 d=%22M422.4 233.6h180v60h-180v-60zm299.2 120v60H422.4v-60h299.2zM422.4 534.4v-60h300v60h-300zM332 233.6h-84l-5.6-8v-67.2c0-24 21.6-44 45.6-44s44 20 44 44v75.2zM812 148c0-35.2-60-64-60-64H276c-35.2 0-64 28.8-64 64v100l16 16h104v420.8h480V148z%22/%3E %3C/svg%3E");
}