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 */ 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 */ 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 */ .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 }
 * 1) mw-head div.darkvectorMenu h3 span {
 * 1) content .gallerybox div.thumb {

/* 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; } 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); }	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); }
 * 1) cleanup.boilerplate.metadata{
 * 1) left-navigation div.darkvectorTabs, #right-navigation div.darkvectorTabs {

/* 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"); }