MediaWiki:Gadget-Blackskin.css
/** MediaWiki:Gadget-Blackskin.css *******
* Original by :it:Utente:Kormoran
* Maintained by User:Dispenser for WP:WikiProject Accessibility
*/
@media screen {
/* Selection highlight */
::selection { color: #90FF90; background: #008000; }
/* Color buttons, drop downs, and input boxes */
fieldset {
border-color: #004000;
}
legend {
border: 1px solid #004000; /* @theme */
}
input[type="number"],
input[type="text"],
input:not([type]),
select {
background-color: #004000;
border-color: #008000;
color: #00dd00;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
}
/* Color background */
body, div#globalWrapper {
background-color: #000000;
background-image: none /* Monobook background */;
color: #00dd00;
}
- mw-page-base{
background:none /* Vector background */;
}
- content, .mw-body {
background-color: #000000;
color : #00dd00;
border-color : #008000;
}
.ns-0 #content {
background : #000000;
}
/* Color the links */
a { color: #7070FF; }
a:visited { color: #9090D0; }
a:active, a.new { color: #FF4040; }
a.interwiki, a.external { color: #5386DB; }
a.interwiki:visited, a.external:visited { color: #5386DB; }
a.stub { color: #974253; }
/* De-Color user signature links (black-on-black) */
a:not([class]) font, a:not([class]) span, a:not([class]) bold {
background-color:inherit!important;
color:inherit!important;
}
/* Color user links */
/*
a[title^="User"],
a[title^="Special:Contributions/"] {
background-color:#010!important;
color: #7070FF!important;
}/*-*/
.mw-body-content .external {
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMBAMAAACkW0HUAAAAFVBMVEUAAAAAAAAAZv8AZswAL14hZIUwYI+U+klIAAAAAXRSTlMAQObYZgAAADxJREFUCNdjgAMmJSUFIBUmKAiimAKBFLOxkSOIElQRCQRSQo5OakBKJEWZlQEo6CTMAKIEwZSxsTHcJAD6JwXY6XjSLgAAAABJRU5ErkJggg==);
}
/* Headings */
h1, #bodyContent h1,
h2, #bodyContent h2,
h3, #bodyContent h3,
h4, #bodyContent h4,
h5, #bodyContent h5,
h6, #bodyContent h6 {
color: #00dd00;
border-color:#008000;
}
/* Color Table of Contents */
- toc, .toc, .mw-warning, .toccolours, body.skin-monobook .toccolours {
background-color: #002000;
border-color: #008000;
}
/* Images */
.mw-body img {
border: 2px solid #008000;
background-color: #000000;
}
/* Fix background of Tex images, which are black on transparent. */
.mw-body img.mwe-math-fallback-image-inline {
background-color: #fff;
filter:invert(100%) hue-rotate(180deg);
border:none;
}
hr {
color: #004000;
background-color: #004000;
}
/* Color explanations with tool tips */
abbr, acronym, .explain {
border-color: #004000;
color: White;
background-color: #002000;
}
/* Color code snippets */
code {
background-color: #00AA00;
color: Black;
border-color: #00AA00;
font-weight:bolder;/*XXX: Increase contrast*/
}
/* Color code blocks */
pre, .mw-code {
border-style:dashed;
border-color:#00AA00;
color: White;
background-color: #002000;
}
/* Color highlighted ref MediaWiki:Common.css */
body.action-info .mw-body-content :target,
body.mediawiki .citation:target {
background-color: rgba(0, 127, 255, 0.133);
}
/* Table background colors */
table {
background-color: #000000!important;
color: #00dd00!important;
}
table th {
background-color: #1D1C1C!important;
color: #00dd00!important;
}
table td {
background-color: #000000!important;
color: #00dd00!important;
}
table tr {
background-color: #000000!important;
color: #00dd00!important;
}
/* Tabular tables */
table.wikitable {
border-color: #004000 !important;
color: #00dd00!important;
}
table.wikitable th, table.wikitable td {
border-color: #004000 !important;
}
table.wikitable th {
background-color: #1D1C1C!important;
}
table.wikitable td {
background-color: #000000!important;
}
/* JQuery sort arrows */
table.jquery-tablesorter th.headerSort {
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAJCAYAAADdA2d2AAAAPUlEQVR4AWMgCtxlkAPiA0CsREgpCQaC4X8gfggymJoG/sc0mHIDMQ2mE6DcpfQNU/rHPsJgBWg6VSBGOQB5WklTTHq/UAAAAABJRU5ErkJggg==);
}
table.jquery-tablesorter th.headerSortUp {
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAECAYAAABhnXSoAAAAKklEQVR4AWMgCtxlkAPiA0CsREgpCQaC4X8gfggymJoG/kczmHIDSTEYACAWJKqhXDSPAAAAAElFTkSuQmCC);
}
table.jquery-tablesorter th.headerSortDown {
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAECAYAAABhnXSoAAAALUlEQVR4AWPACe4yyAExCP7Hgh8CsRID6QBhMD4DKTQY00BKDVYA4gNgmggAAHjLJKrpYfWaAAAAAElFTkSuQmCC);
}
/* thumbnails */
.ns-0 * #content div.thumb {
border-color: #000000;
}
/* thumbnails */
div.thumb {
margin-bottom: .5em;
border-style: solid;
border-color: #002000;
}
div.thumb div {
border-width: 1px;
border-style: solid;
border-color: #002000;
background-color: #004000;
}
div.thumb div a img {
/* Transparent PNGs assume light color backgrounds :-( */
background-color:#103010;
/* TODO: Use film grain texture, so lines are more noticeable */
border: 1px solid #002000;
}
div.thumb div a img:hover {
/* Increase brightness on hover */
background-color:#EEE;
}
div.thumb div div.thumbcaption {
border: none;
padding: .3em 0 .1em 0;
}
figure[typeof~='mw:File/Thumb'],
figure[typeof~='mw:File/Frame'] {
background-color: #004000;
border: 2px solid #002000;
border-bottom: 0;
}
figure[typeof~='mw:File/Thumb'] > figcaption,
figure[typeof~='mw:File/Frame'] > figcaption {
background-color: #004000;
border: 2px solid #002000;
border-top: 0;
padding: 1px 3px 4px 3px;
}
figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element,
figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element,
li.gallerybox .mw-file-element {
background-color: #103010;
border: 1px solid #002000;
}
figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element:hover,
figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element:hover,
li.gallerybox .mw-file-element {
background-color: #EEE;
}
/* galleries */
table.gallery {
border: 1px solid #002000;
background-color: #004000;
}
table.gallery td {
background-color: #004000;
border: solid 2px white;
}
li.gallerybox div.thumb, body.mediawiki #content .gallerybox div.thumb {
background-color: #004000;
border: 2px solid #002000;
}
li.gallerybox div.thumb div {
background-color: transparent;
border: 0;
}
/* Color category box */
.catlinks {
border-color:#800080;
background-color:#000000;
color: #00FFFF;
}
/* #################################
* Interface Pages
* #################################
*/
.mw-ui-input:focus {
border-color: lime;
box-shadow: inset 0 0 0 1px lime;
}
.postedit, /* untested */
.mw-notification { /* top right bubble */
background-color:#004000;
background-color:rgba(0, 64, 0, 0.93);
border-color:#008000;
}
/*
- Diff rendering
- /
table.diff, td.diff-otitle, td.diff-ntitle {
background-color: #000000;
}
td.diff-addedline {
color: #00a000;
background-color: #004000;
}
td.diff-deletedline {
color: #00a000;
background-color: #004000;
}
td.diff-context {
background-color: #000000;
color: #008000;
}
.diffchange {
color: #00ff00;
}
td.diff-deletedline .diffchange {
background-color:#403618;
}
td.diff-addedline .diffchange {
background-color:#273948;
}
/* Color the edit interface */
.wikiEditor-ui {
background-color: #002000;
}
.wikiEditor-ui-toolbar,
.wikiEditor-ui-toolbar .sections .section {
background-image: none;
background-color: inherit;
}
.tool-button.tool-active, .tool.tool-active.oo-ui-buttonElement-frameless.oo-ui-iconElement {
background-color: inherit;
}
.wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
color: inherit;
}
textarea {
background-color: #001000;
color: #90FF90;
}
.editOptions {
background-color: #002000;
border-color: #008000;
color: #ccc;
}
div#editpage-specialchars a {
background-color: #000000;
border-color: #008000;
}
.mw-editform-legacy input#wpSummary {
background-color: #000000;
color: #90ff90;
}
/* Visual Editor */
.oo-ui-toolbar-bar,
.oo-ui-popupWidget-popup,
.oo-ui-popupToolGroup-active.oo-ui-widget-enabled,
.oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title,
.oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
background-color:#002000;
background-image:none;
color:white;
}
.oo-ui-iconElement-icon {
filter: invert(100%); /* Can't style data URI SVGs */
}
.oo-ui-windowManager-modal > .oo-ui-dialog {
background-color: rgba(0, 0, 0, 0.5);
}
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
background-color:black;
}
.oo-ui-textInputWidget input,
.oo-ui-textInputWidget textarea {
background-color: #001000;
color: #90FF90;
}
.oo-ui-tagItemWidget {
background-color: #333;
background-image: linear-gradient(to bottom,#222 0,#000 100%);
color: #eee;
}
.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
background-color: #111;
background-image: linear-gradient(to bottom, #222 0, #000 100%);
}
.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus {
/*border-color: #ace;*/
/*box-shadow: 0 0 2px 2px #ace;*/
}
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
background-color: #070;
background-image: linear-gradient(to bottom, #090 0, #030 100%);
}
.oo-ui-buttonElement > .oo-ui-buttonElement-button {
color:#ccc;
}
.oo-ui-pendingElement-pending {
/* http://en.wikipedia.org/w/resources/lib/oojs-ui/themes/apex/images/textures/pending.gif */
filter:invert(1);
}
/* Color history interface */
- pagehistory li {
border: 1px solid #002000;
}
- pagehistory li.selected {
background-color: #004000;
border: 1px solid #002000;
}
span.autocomment { color: #008000; }
/* Special:Search */
.mw-search-profile-tabs,
- mw-searchoptions {
background-color: #002000;
border-color: #008000;
}
/* Color the file description */
- filetoc {
background-color: #002000;
border-color: #008000;
}
.filehistory a img, #file img:hover {
/* Green checker board */
background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAAAQABVHvbKAAAAEUlEQVQI12P4z8CAFWEX/Q8Afr8P8erzE9cAAAAASUVORK5CYII=");
}
/* #################################
* Interface
* #################################
*/
/* Colors the tabs across the top of the page */
- p-cactions {
background-color: #000000;
}
- p-cactions li {
background-color: #000000;
border-color: #008000;
}
- p-cactions li.selected,
- p-cactions li.new {
background-color: #000000;
}
- p-cactions li a {
background-color: #000000 !important;
color : #7070FF;
}
- p-cactions li.selected a {
background-color:#000000 !important/*HACK?*/;
}
/* Vector Tabs */
.vector-menu-tabs, .vector-menu-tabs span { /* left and right tab breaks */
/* https://en.wikipedia.org/w/skins/Vector/images/tab-break.png */
background-image:none;
}
.vector-menu-tabs { border-left:1px solid black; }
.vector-menu-tabs span { border-right:1px solid black; }
.vector-menu-tabs ul li {
/* https://en.wikipedia.org/w/skins/Vector/images/tab-normal-fade.png */
background-image: linear-gradient(#000000,#004000);
border-bottom:1px solid #008000;
}
.vector-menu-tabs li.selected {
/* https://en.wikipedia.org/w/skins/Vector/images/tab-current-fade.png */
background: #000000;
border-bottom-color:transparent;
}
.vector-menu-tabs span a {
color:#7070FF;
}
.vector-menu-tabs li.selected a,
.vector-menu-tabs li.selected a:visited {
color:#00DD00;
}
/* Vector watch icon -- XXX contrast issues */
- ca-watch.icon a {
filter:invert(1) hue-rotate(80deg);
}
- ca-unwatch.icon a {
filter:hue-rotate(280deg);
}
/* Vector drop down menus */
.vector-menu-dropdown h3 span {
color:#cccccc;
}
.vector-menu ul {
background-color: #000000;
border-color: #a2a9b1;
}
.vector-menu li a {
color:#7070FF;
}
/* User links (preferences, contribs) */
- p-personal ul {
color: #FFFF00;
background: none;
}
- p-personal li a {
color: #FFFF00;
}
- p-personal li a:hover {
color: #FFFF00;
background-color: #636300;
}
/* Bad specificity in originals */
- pt-mytalk a.mw-echo-alert,
- pt-mytalk a.mw-echo-alert:hover {
color: #222;
}
/* Use vector person icon by your username */
body.skin-monobook li#pt-userpage { background-image: url(/w/skins/Vector/images/user-icon.png); }
/* Use black logo */
- p-logo {
background-color: transparent;
}
.mw-wiki-logo:not([href="/wiki/MediaWiki"]):not([href^="/wiki/Wikidata:"]):not([href^="/wiki/Wiktionary:"]) {
/* File:WikiGreen.png CC-BY-SA */
background-image: url(//upload.wikimedia.org/wikipedia/commons/6/6e/WikiGreen.png);
}
/* Color side portlets */
.portlet {
background: #004000;
color: #00dd00;
}
.portlet h3,
div#mw-panel div.portal h3 {
color:#00dd00;
}
.pBody {
background: #000000;
color: #00dd00;
}
div#mw-panel nav.portal div.vector-menu-content ul li a {
color:#7070FF;
}
div#mw-panel nav.portal div.vector-menu-content ul li a:visited {
color:#9090D0;
}
/* Color main search box - Monobook */
input#searchInput {
/*border: 1px inset; theme/vector conflict */
color: #00dd00;
background : #000000;
}
input.searchButton {
background : #000000;
border: 2px solid;
border-color: #00FFFF #008080 #008080 #00FFFF;
color : #00dd00;
}
/* Color main search box - Vector */
div#simpleSearch,
div#simpleSearch input {
background-color:transparent;
background-image:none; /* https://en.wikipedia.org/w/skins/Vector/images/search-fade.png */
color: #00dd00;
}
div#simpleSearch #searchInput::placeholder {
color:#008800;
}
/* Search results suggestion box */
.suggestions-results,
.suggestions-special {
background-color: #000000;
border: solid 1px #00dd00;
}
.suggestions-special .special-label {
color:#008800;
}
.suggestions-result,
.suggestions-special .special-query {
color:#00dd00;
}
/* Color footer */
- footer {
background-color: Black;
color: #00dd00;
border-color: #FFFF00;
padding-bottom: 1.2em;
}
- footer ul li {/* Vector */
color:inherit;
}
/************************
* COLOR IN TEMPLATES *
************************/
.infobox {
background: #002000;
color:#00DD00;
border-color:#00FFFF;
}
/* Template:Documentation */
.mw-parser-output div.documentation,
.mw-parser-output div.documentation-metadata {
background-color: #001000;
}
/* template RFA, AN/I closed */
div.boilerplate,
.portal > ul {
background-color: #000000!important;
}
/* */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
- mw-protect-cascadeon {
background-color: #700;
color:#fff;
}
.mw-trackedTemplate {
background: #002000 linear-gradient(#333, #000) !important;
border-color: #008000!important;
}
.quotebox, /* Template:Quote */
.shortcutbox {
background-color: #002000!important;
border-color: #008000!important;
}
body.mediawiki .navbox,
body.mediawiki .navbox-subgroup {
}
/* Template:Tmbox */
.tmbox {
border: 1px solid #c0c090 !important; /* Default "notice" gray-brown */
}
.tmbox,
.tmbox th,
.tmbox td {
background: #430 !important;
}
/* Template:Key press */
kbd.keyboard-key {
background: #44372c!important;/* XXX override template gradients */
border-color: #65594d #110e0D #110e0d #65594d!important;
color: #ffffff!important;
}
/* */
table.wikitable td.table-yes {
background-color: #008000!important;
}
table.wikitable td.table-maybe {
background-color: #6c7203!important;
}
table.wikitable td.table-no {
background-color: #ad5053!important;
}
table.wikitable td.table-partial {
background-color: #7e6b45!important;
}
table.wikitable td.table-na, td.table-unknown {
background-color: #6d6d6d!important;
}
/************************
* WIKI-SPECIFIC *
************************/
/* History on Commons */
- histlegend { background-color:inherit!important; }
/* De-color mw:CentralNotice */
- centralNotice, #cnotice-main { background-color:#000!important; color:inherit!important; }
/* de's Flaggedrev */
.flaggedrevs-color-1 {
background-color: #102;
}
/* enwiki Monobook.css */
body.skin-monobook.skin-monobook #content,
body.skin-monobook.skin-monobook #p-cactions li a:hover,
body.skin-monobook.skin-monobook #p-cactions li.selected a,
body.skin-monobook.skin-monobook #content div.thumb,
body.skin-monobook.skin-monobook #p-cactions li a {
background-color: #000700; /* Light blue */
}
body.skin-monobook.skin-monobook.ns-0 #content,
body.skin-monobook.skin-monobook.ns-0 #p-cactions li a:hover,
body.skin-monobook.skin-monobook.ns-0 #p-cactions li.selected a,
body.skin-monobook.skin-monobook.ns-0 #content div.thumb {
background-color: #000000; /* Set back for articles */
}
body.skin-monobook.skin-monobook.ns-0 #p-cactions li a {
background-color: #101010; /* Light gray inactive tabs in articles */
}
/************************
* GADGETS *
************************/
/* WP:Navigation popups */
.navpopup {
background:#000;
border-color:inherit;
color:#0d0;
box-shadow: 0 3px 8px rgba( 50,255,50,0.35 );
}
.popup_mainlink a {
color:#0d0;
}
.popup_menu,
.popup_drop:hover .popup_menu,
.popup_drop .popup_menu:hover {
background-color:#000;
}
.popup_menu a:hover {
background-color: #447;
color: #ccf;
}
del.popupDiff {
background-color:#273948;
}
ins.popupDiff {
background-color:#403618;
}
/* mw:Reference Tooltips */
.referencetooltip li {
/*border-color: #008000;*/
background-color:#001000;
/*box-shadow: 2px 4px 2px rgba(0,224,0,0.3); /* tint #00F000 */
}
/* mw:HoverCards */
.mwe-popups {
background-color: #000;
box-shadow: /* tint #00F000 */
0 30px 90px -20px rgba(0,224,0,0.3),
0px 0px 1px rgba(0,224,0,0.5);
}
/* callout arrow */
.mwe-popups.mwe-popups-image-tri:after,
.mwe-popups.mwe-popups-no-image-tri:after,
.mwe-popups.mwe-popups-image-tri.flipped_x:after,
.mwe-popups.mwe-popups-no-image-tri.flipped_x:after {
border-bottom-color:#000;
}
.mwe-popups.flipped_y:after,
.mwe-popups.flipped_x_y:after {
border-top-color:#000;
}
/* callout arrow shadow */
.mwe-popups.mwe-popups-image-tri:before,
.mwe-popups.mwe-popups-no-image-tri:before,
.mwe-popups.mwe-popups-image-tri.flipped_x:before,
.mwe-popups.mwe-popups-no-image-tri.flipped_x:before {
border-bottom-color:#004000;
}
.mwe-popups.flipped_y:before,
.mwe-popups.flipped_x_y:before {
border-top-color:#004000;
}
.mwe-popups .mwe-popups-container,
.mwe-popups .mwe-popups-extract {
color:#0d0;
}
.mwe-popups .mwe-popups-extract[dir='ltr']:after {
background-image: linear-gradient(to right,rgba(0,0,0,0),#000 50%);
}
/* WP:WikEd */
.wikEdDiffFragment,
.wikEdPreviewArticle,
.wikEdDiffNoChange,
.wikEdConsoleWrapper {
background-color:inherit;
}
.wikEdButtonsPreview,
.wikEdButtonBarGrip,
.wikEdButtonBarButtonsWrapperVisible,
.wikEdButtonBarButtonsWrapperHidden {
background-color:#666;
}
img.wikEdButton {
background-color:#999;
}
iframe.wikEdFrame {
background-color: white;
color: black;
filter: invert(1) hue-rotate(180deg);
}
/* mw:Echo */
.mw-echo-ui-notificationItemWidget-content-message-header,
.mw-echo-ui-notificationItemWidget-unread,
.mw-echo-ui-notificationItemWidget-unread:hover,
.mw-echo-ui-notificationItemWidget,
.mw-echo-ui-notificationItemWidget:hover,
.mw-echo-ui-crossWikiNotificationItemWidget-group,
.mw-echo-ui-bundleNotificationItemWidget-group {
color:#0d0;
background-color:#010;
}
- pt-notifications-alert .mw-echo-notifications-badge:before {
filter:invert(1);
}
- pt-notifications-notice .mw-echo-notifications-badge:before {
filter:invert(1);
}
/* mw:MediaViewer */
.mw-mmv-post-image {
background-color: navy;
color: yellow;
}
.mw-mmv-image-metadata {
background-color: #003;
}
.mw-mmv-image-links li, .mw-mmv-credit {
color: lime;
}
/* mw:Cite */
ol.references li:target, sup.reference:target {
background-color: #033;
}
/* mw:User:Remember the dot/Syntax highlighter */
- wpTextbox0 {
filter:saturate(8) invert(1) hue-rotate(180deg);
}
- wpTextbox0+#wpTextbox1 {
filter:invert(1);
}
/* Wikidata / mw:Wikibase */
.wikibase-statementgrouplistview .wikibase-statementlistview {
background-color:#000000;
}
.wikibase-statementgroupview .wikibase-statementgroupview-property {
background-color:#002000;
}
.wikibase-statementlistview > .wikibase-toolbar-wrapper {
background-color: #004000;
}
.wikibase-statementgrouplistview .wikibase-statementgroupview-property.wb-edit, .wikibase-statementgroupview-property.wb-edit + .wikibase-statementlistview > .wikibase-toolbar-wrapper {
background-color: #008000;
}
.wikibase-referenceview {
background-color:darkgreen;
}
.wikibase-referenceview .wikibase-referenceview-heading {
background-color:darkgreen;
}
/* Wikidata site language */
.wikibase-sitelinkgroupview .wikibase-sitelinkgroupview-heading-container {
background-color:#008000;
}
.wikibase-sitelinklistview .wikibase-sitelinkview .wikibase-sitelinkview-siteid-container {
background-color:#008000;
}
/* Decolor pblock log */
.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt {
border-color : #008000!important;
background-color: #000000!important;
}
/**
A lot of templates use the color: var(--color-base, #000); construct to set their text color
especially after the introduction of the WMF dark mode, explicitly set --color-base as part
of this "skin" so that we don't need to worry about having black on black templates
also @see User_talk:SilverLocust#Template:RM_top
- /
:root {
--color-base: #00dd00;
}
/* End @media screen */
}