User:JackQW/vector.css

/*** => Dark <= ***/

.mw-wiki-logo { filter: none !important; position: relative; }

.mw-wiki-logo::after { content: ""; position: absolute; top: 0px; left: 0; right: 0; bottom: 0; background: inherit; filter: invert(1); clip-path: polygon(0% 72%, 0% 100%, 100% 100%, 100% 72%); padding: 50px;

}


 * root,

body, {	background-color: #111; color: #ccc; } pre, .mw-code {	font-family: "Fira Code"; background-color: transparent; color: #aaa; border: none; } .mw-highlight { background-color: rgba(34,34,34,.666); background-blend-mode: screen; background-image: linear-gradient(to right, #123 0, #000 .2em, #000 calc(100% - .2em), #123 100%), linear-gradient(to top, #123 0, #000 .2em, #000 calc(100% - .2em), #123 100%); border-radius: .2em; } .mw-highlight .nc, .mw-highlight .nn { color: #25b; } .editOptions, .wikitable {	background-color: #111; color: #ccc; } .wikitable tr > th { background-color: #333; color: #fff; } h1,h2,h3,h4,h5,h6,p { color: #ccc; } .oo-ui-buttonElement-button .oo-ui-labelElement-label, .wb-langlinks-link > a:link, .wb-langlinks-link > a:visited {	color: #444 !important; } .oo-ui-buttonElement-button:hover .oo-ui-labelElement-label, .wb-langlinks-link > a:hover, a:link { color: #26a !important; } a:visited { color: #a11 !important; } .vectorTabs li { background-image: linear-gradient(to top, #7cf 0, #123 1px, #111 10%, #111 100%); } .vectorTabs li.selected {	background-image: linear-gradient(to top, #7cf 0, #123 1px, #111 100%); }	filter: invert(1); } table.fmbox-warning { background-color: #311; color: #fff; border: none; } table.fmbox-system { background-color: #121 !important; color: #fff; border: none; } .warningbox { background-color: #111; color: #fff; border: none; background-color: rgba(34,34,34,.666); background-blend-mode: screen; background-image: linear-gradient(to right, #331 0, #110 .2em, #110 calc(100% - .2em), #133 100%), linear-gradient(to top, #331 0, #110 .2em, #110 calc(100% - .2em), #133 100%); border-radius: .2em; } code { font-family: "Fira Code"; color: #ccc; background-color: #111; border: 1px solid #333; border-radius: 2px; padding: 1px 4px; } .navbox { background-color: #111; border-color: #222; } .navbox th, .navbox-title, .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {   background-color: #111a2b; } .navbox-even { background-color: #111319; }.navbox-odd { background-color: #111; } {   color: #ccc; background-color: #111; }
 * 1) mw-head,
 * 2) mw-page-base,
 * 3) mw-panel,
 * 4) content
 * 1) mw-head li a[class*="badge"] {
 * 1) catlinks

[style*="background:#"], [style*="background: #"], [style*="background-color:#"], [style*="background-color: #"] {	filter: invert(1); } [style*="background:#"] [style*="background:#"], [style*="background: #"] [style*="background: #"], [style*="background-color:#"] [style*="background-color:#"], [style*="background-color: #"] [style*="background-color: #"] {	filter: none; }

[style*="background:#"] h1, [style*="background: #"] h1, [style*="background-color:#"] h1, [style*="background-color: #"] h1, [style*="background:#"] h2, [style*="background: #"] h2, [style*="background-color:#"] h2, [style*="background-color: #"] h2, [style*="background:#"] h3, [style*="background: #"] h3, [style*="background-color:#"] h3, [style*="background-color: #"] h3, [style*="background:#"] h4, [style*="background: #"] h4, [style*="background-color:#"] h4, [style*="background-color: #"] h4, [style*="background:#"] h5, [style*="background: #"] h5, [style*="background-color:#"] h5, [style*="background-color: #"] h5, [style*="background:#"] h6, [style*="background: #"] h6, [style*="background-color:#"] h6, [style*="background-color: #"] h6, [style*="background:#"] p, [style*="background: #"] p, [style*="background-color:#"] p, [style*="background-color: #"] p { color: #222; }

{	color: #222; }
 * 1) content [style*="background:#"],
 * 2) content [style*="background: #"],
 * 3) content [style*="background-color:#"],
 * 4) content [style*="background-color: #"]

[style*="background:#"] img, [style*="background: #"] img, [style*="background-color:#"] img, [style*="background-color: #"] img {	filter: invert(1); }

color: #ddd; background-color: #222; border-width: 1px; padding: 3px 4px; border-radius: 3px; }	color: #eee; background-color: #333; }
 * 1) content input[type=button],
 * 2) content input[type=submit],
 * 3) content input[type=reset],
 * 4) content [class*=button],
 * 5) content button {
 * 1) content input[type=button]:hover,
 * 2) content input[type=submit]:hover,
 * 3) content input[type=reset]:hover,
 * 4) content [class*=button]:hover,
 * 5) content button:hover {

{	color: #ccc; } {	color: #ccc; background-color: #111; } ul { list-style-image: none; } input:not([type]), input[type="text"], input[type="search"], select {	color: #ccc !important; background-color: #111 !important; border-width: 1px; padding: 3px 4px; border-radius: 3px; } div.thumbinner, .toc { background-color: #111; color: #ccc; } .tocnumber { color: #ccc; } .infobox { background-color: #111; color: #fff; } .oo-ui-popupWidget-popup, .oo-ui-popupWidget-popup .mw-echo-ui-placeholderItemWidget, .oo-ui-popupWidget-popup .mw-echo-ui-notificationItemWidget, .oo-ui-popupWidget-popup .oo-ui-buttonElement-button {	background-image: none; background-color: #111 !important; } .mw-echo-ui-notificationItemWidget-content-message-header {	color: #ccc; }
 * 1) mw-panel .portal h1,
 * 2) mw-panel .portal h2,
 * 3) mw-panel .portal h3,
 * 4) mw-panel .portal h4,
 * 5) mw-panel .portal h5,
 * 6) mw-panel .portal h6
 * 1) pagehistory li.selected

img.mwe-math-fallback-image-inline { filter: invert(1); }

img { filter: drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff); }

.ambox { background-color: #222; }

.infobox tr[style*="background:#"] th, .infobox tr[style*="background: #"] th, .infobox tr[style*="background-color:"] th, {   position: relative; opacity: .5; color: #fff; text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000; }
 * 1) content .infobox tr[style*="background:#"] th,
 * 2) content .infobox tr[style*="background: #"] th,
 * 3) content .infobox tr[style*="background-color:"] th

.infobox tr[style*="background:#"] td, .infobox tr[style*="background: #"] td, .infobox tr[style*="background-color:"] td, {   position: relative; opacity: .5; color: #fff; text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000; }
 * 1) content .infobox tr[style*="background:#"] td,
 * 2) content .infobox tr[style*="background: #"] td,
 * 3) content .infobox tr[style*="background-color:"] td

.infobox th[style*="background:#"], .infobox th[style*="background: #"], .infobox th[style*="background-color:"], {   position: relative; opacity: .5; color: #fff; text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000; }
 * 1) content .infobox th[style*="background:#"],
 * 2) content .infobox th[style*="background: #"],
 * 3) content .infobox th[style*="background-color:"]

.infobox tr[style*="background:#"] th::after, .infobox tr[style*="background: #"] th::after, .infobox tr[style*="background-color:"] th::after {   background: linear-gradient(to right, #c0c0c0,#c0c0c0); filter: brightness(0.5); content: ""; z-index: -1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; mix-blend-mode: difference; }

.infobox tr[style*="background:#"] td::after, .infobox tr[style*="background: #"] td::after, .infobox tr[style*="background-color:"] td::after {   background: linear-gradient(to right, #c0c0c0,#c0c0c0); filter: brightness(0.5); content: ""; z-index: -1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; mix-blend-mode: difference; }

.infobox th[style*="background:#"]::after, .infobox th[style*="background: #"]::after, .infobox th[style*="background-color:"]::after {   background: linear-gradient(to right, #c0c0c0,#c0c0c0); filter: brightness(0.5); content: ""; z-index: -1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; mix-blend-mode: difference; }

.infobox img { outline: 3px solid #000; outline-offset: -1px; margin: 3px; }

img { clip-path: polygon(      -1px -1px,       -1px calc(100% + 1px),       calc(100% + 1px) calc(100% + 1px),       calc(100% + 1px) -1px   ); }   color: #999; }
 * 1) footer [id] {