MediaWiki:Theme-dark.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.
Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* search */
div#simpleSearch {
	background: var(--theme-background-color-alt);
	border: 1px solid var(--theme-border-color);
}
.suggestions-result .highlight {
	color: orange;
	font-weight: 400;
}

/* Icons */
.oo-ui-iconElement-icon {
	filter: invert(100%);
}
.oo-ui-icon-syntax-highlight {
	filter: unset;
}

/* ?action=history */
#pagehistory li.selected {
	color: var(--theme-text-color-alt);
	background-color: var(--theme-background-color);
	border: none;
	outline-color: var(--theme-accent-color);
}

/* diffs */
/*table.diff, td.diff-otitle, td.diff-ntitle {
	background-color: #181818;
}*/

td.diff-context {
	background-color: var(--theme-background-color);
	color: var(--theme-text-color-alt);
	border-color: transparent;
}

td.diff-deletedline {
	background-color: #440000;
	border-color: transparent;
}
td.diff-deletedline .diffchange {
	background: none;
	color: #e62444;
}

td.diff-addedline {
	background-color: #004400;
	border-color: transparent;
}
td.diff-addedline .diffchange {
	background: none;
	color: #bfd959;
}

.mw-diff-movedpara-left::after,
.mw-diff-movedpara-right::after {
	color: var(--theme-text-color-alt);
}

/* New inline option in diffs */
.mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins, .mw-diff-inline-added ins, .mw-diff-inline-changed ins, .mw-diff-inline-moved ins {
	background: #004400;
	color: #bfd959;
}
.mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del, .mw-diff-inline-deleted del, .mw-diff-inline-changed del, .mw-diff-inline-moved del {
	background: #440000;
	color: #e62444;
}

/* Special:Preferences */
.theme-dark #preferences {
	background-color: var(--theme-background-color--secondary);
	border-color: var(--theme-border-color);
}

/* File articles */
ul#filetoc {
	background-color: var(--theme-background-color);
	border-color: var(--theme-border-color);
}
html.skin-theme-clientpref-night #file img, #file img {
	background: url(/images/3/34/Wwchecker.svg) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
html.skin-theme-clientpref-night #file img:hover, .filehistory a img, #file img:hover {
	background: none;
}

/* Wiki editor */
#wpTextbox1, .cm-editor {
	background-color: #000;
}
.wikiEditor-ui-toolbar .tabs span.tab a::before, .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: invert(100%); }
div.wikiEditor-ui .wikiEditor-ui-top { border-bottom: 1px solid var(--theme-border-color); }
div.wikiEditor-ui .wikiEditor-ui-view { border: 1px solid var(--theme-border-color); }
div.wikiEditor-ui-toolbar { background-color: var(--theme-background-color); }
div.wikiEditor-ui-toolbar .group { border-right: 1px solid var(--theme-border-color); }
div.wikiEditor-ui-toolbar .group-search {
	border-left: 1px solid var(--theme-border-color);
	border-right: none;
}
div.wikiEditor-ui-toolbar .sections .section {
	background-color: var(--theme-background-color--secondary);
	border-top: 1px solid var(--theme-border-color);
}
div.wikiEditor-ui-toolbar .group .label,
div.wikiEditor-ui-toolbar .group .tool-select .label {
	color: var(--theme-text-color-alt);
}
div.wikiEditor-ui-toolbar .group .tool-select {
	background-color: var(--theme-background-color--secondary);
	border-color: var(--theme-border-color);
}
div.wikiEditor-ui-toolbar .group .tool-select .menu .options {
	background-color: var(--theme-background-color--tertiary);
	border-color: var(--theme-border-color);
}
div.wikiEditor-ui-toolbar .group .tool-select .options .option {
	color: var(--theme-text-color);
}
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
	background-color: var(--theme-background-color--secondary);
}
div.wikiEditor-ui-toolbar .tab { border: none; border-image: none; } /* remove current border */
div.wikiEditor-ui-toolbar .tab { border-right: 1px solid var(--theme-border-color); } /* set a new border */
div.wikiEditor-ui-toolbar .tabs span.tab a, div.wikiEditor-ui-toolbar .tabs span.tab a:visited { color: var(--theme-text-color-alt); }
div.wikiEditor-ui-toolbar .tabs span.tab a.current, div.wikiEditor-ui-toolbar .tabs span.tab a.current:visited { color: var(--theme-text-color); }
div.wikiEditor-ui-toolbar .booklet .index div { color: var(--theme-text-color-alt); }
div.wikiEditor-ui-toolbar .booklet .index .current {
	background-color: var(--theme-background-color-alt);
	color: var(--theme-text-color);
}
div.wikiEditor-ui-toolbar .booklet .pages { background-color: var(--theme-background-color-alt); }
div.wikiEditor-ui-toolbar .page-characters div span {
	border: 1px solid var(--theme-border-color);
	color: var(--theme-text-color-alt);
}
div.wikiEditor-ui-toolbar .page-characters div span:hover {
	background-color: var(--theme-background-color--tertiary);
	border-color: var(--theme-accent-color);
}
div.wikiEditor-ui-toolbar .page-table td {
	border-top: 1px solid var(--theme-border-color);
	color: var(--theme-text-color-alt);
}
div.wikiEditor-ui .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:hover {
	background-color: var(--theme-background-color--tertiary);
	outline-color: var(--theme-border-color);
}
div.wikiEditor-ui-toolbar .sections .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:hover { background-color: var(--theme-background-color-alt); }
div.wikiEditor-preview-contents, div.wikiEditor-preview-loading { background-color: transparent; }

/* Edit conflict */
.mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange {
    background-color: #561C1C;
	color: #ff8cac;
}
.mw-twocolconflict-split-current-version-header .mw-twocolconflict-revision-label {
	background-color: #440000;
}
.mw-twocolconflict-special-your-version-header .mw-twocolconflict-revision-label, .mw-twocolconflict-split-your-version-header .mw-twocolconflict-revision-label {
    background-color: #004400;
}
.mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add {
    border-color: #004400;
}
.mw-twocolconflict-single-column.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-delete {
	border-color: #440000;
}
.mw-twocolconflict-single-column del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column del.mw-twocolconflict-diffchange {
    background-color: #440000;
    color: #e62444;
}
.mw-twocolconflict-single-column ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column ins.mw-twocolconflict-diffchange {
    background-color: #004400;
    color: #bfd959;
}
.mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span {
	border-color: #bfd959;
}
.mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type="radio"] + span {
	border-color: #e62444;
}




/************************************
* TODO: Unmodified hardcoded colors *
*************************************/

#mw-undelete-revision {
	background-color: #282828;
	border-color: #404040;
}

abbr, acronym, .explain {
	border-color: #505050;
	color: #E0E0E0;
}

.mw-ui-container #userloginForm, .mw-ui-container #userloginForm, div#secondary-content {
	border-color: #505050;
}

.theme-dark .ui-widget-header {
	background: #000 linear-gradient(to bottom, rgba(66, 66, 66, 1) 0%, rgba(0, 0, 0, 1) 100%) repeat scroll 0 0 !important;
	border-color: var(--theme-accent-color) !important;
	color: #ddd;
}

.theme-dark .ui-dialog .ui-widget-header {
	background: #000 linear-gradient(to bottom, rgba(66, 66, 66, 1) 0%, rgba(0, 0, 0, 1) 100%) repeat scroll 0 0 !important;
}

.theme-dark  .ui-dialog .ui-icon-closethick {
	filter: invert(100%) !important;
}
.theme-dark .ui-state-hover, .theme-dark .ui-widget-content .ui-state-hover, .theme-dark .ui-widget-header .ui-state-hover, .theme-dark .ui-state-focus, .theme-dark .ui-widget-content .ui-state-focus, .theme-dark .ui-widget-header .ui-state-focus {
	border: 1px solid #ff8f5c;
	/* @embed */
	background: #1b0e04 linear-gradient(to bottom, rgba(14,7,1,1) 0%,rgba(26,13,3,1) 100%) 50% 50% repeat-x;
	color: #ff8f5c;
}

.theme-dark .ui-widget-content {
	color: #e0e0e0;
	background: #222 none repeat scroll 0 0;
}

h4.mw-specialpagesgroup {
	background-color: #282828;
}

.theme-dark .mw-search-profile-tabs {
	background-color: #282828;
	border: 1px solid #383838;
	margin-top: 1em;
}

.theme-dark fieldset#mw-searchoptions {
	background-color: transparent;
	border-color: #383838;
}

.theme-dark fieldset#mw-searchoptions div.divider {
	border-color: #383838;
}

.mw-search-formheader div.search-types ul li.current a {
	color: #F0F0F0;
}

.theme-dark .mw-search-profile-tabs div.search-types ul li.current a {
	color: #e0e0e0;
}

.not-patrolled {
	background-color: #282828;
	border-left: 3px solid #383838;
	padding: 0 3px;
}

#editpage-specialchars {
	border-color: #505050;
}

#mw-allmessagestable td.am_default,
#mw-allmessagestable .allmessages-customised td.am_default {
	background-color: #301818;
}

#mw-allmessagestable tbody:hover td.am_default,
#mw-allmessagestable tr.allmessages-customised:hover td.am_default {
	background-color: #402020;
}

#mw-allmessagestable td.am_actual {
	background-color: #183018;
}

#mw-allmessagestable tbody:hover td.am_actual,
#mw-allmessagestable tr.allmessages-customised:hover + tr.allmessages-customised td.am_actual {
	background-color: #204020;
}

input[type=file] {
	background: transparent;
	border-color: transparent;
	color: #e0e0e0;
}

div#mw-js-message {
	background-color: #181818;
	border-color: #080808;
}

table.wikitable {
	background-color: transparent;
	border-color: #303030;
}

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
	border-color: #303030;
}

table.wikitable > tr > th, table.wikitable > * > tr > th {
	background-color: #282828;
}

.TablePager, .TablePager td {
	background-color: #282828;
	border-color: #505050;
}

.TablePager th {
	background-color: #383838;
	border-color: #505050;
}

.theme-dark #mw-allmessagestable tbody:hover td,
.TablePager tr:hover td {
	background-color: #303030;
}

table.mw_metadata td, table.mw_metadata th {
	border-color: #383838;
}

table.mw_metadata th {
	background-color: #282828;
}

table.mw_metadata td {
	background-color: #303030;
}

div#content a.external[href ^="irc://"], div#content a.external[href ^="ircs://"], .link-irc {
	background-image: url(../images/dark/comment.png);
	padding-right: 16px;
}

div#content, h1, h2, h3, h4, h5, h6, pre, div#content table {
	color: #E0E0E0;
}

label.toctogglelabel {
	color: #5a93cc;
}

div#content hr {
	background-color: #505050;
	color: #505050;
}

body img.thumbborder {
	border-color: #404040;
}

#mw-panel .portal h3, #mw-panel .portal h3 a, #mw-panel .portal.collapsed h3 a {
	color: #e0e0e0;
}

.mw-ui-vform label {
	color: #e0e0e0;
}

div#mw-createaccount-join {
	box-shadow: 4px 4px 4px 4px #101010;
}

div.editOptions {
	background-color: #181818;
	border: 1px solid #505050;
	color: #E0E0E0;
}

#msupload-div, #msupload-dropzone, #msupload-bottom {
	color:#E0E0E0;
	background:var(--theme-background-color--tertiary);
}

#msupload-div #msupload-list .file {
	background-color: #353535;
	border-bottom: #444;
	border-top: #333;
}

#msupload-div #msupload-list .green {
	color: #CCCCCC;
}

#msupload-div #msupload-list .file .file-title, #msupload-div #msupload-list .file .file-size, #msupload-div #msupload-list .file .file-warning {
	color: #CCCCCC;
}

#msupload-div #msupload-list .file .title_over {
	background-color: rgba(255, 255, 255, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 5px;
}

#msupload-div #msupload-list .file .small_warn {
	background: #fff6bf url("/extensions/MsUpload/images/msu_error-small.png") no-repeat scroll 0 center;
	color: #333333;
	font-size: 95%;
	overflow: hidden;
	padding: 1px 1px 1px 15px;
	width: 500px;
}

.theme-dark .msupload-check-span {
	color: #bbb;
}

div.postedit {
	-webkit-box-shadow: 0 2px 5px 0 #666;
	background-color: #040404;
	border: 1px solid #010101;
	border-radius: 5px;
	box-shadow: 0 2px 5px 0 #666;
	color: #e0e0e0;
	text-shadow: none;
}

a.postedit-close {
	color: #e0e0e0;
	text-shadow: none;
	opacity: 1;
}

a.postedit-close:hover {
	color: #e0e0e0;
}

#mw-createaccount-join {
	background-color: #ea8f20;
	border-color: #ea8f20;
	box-shadow: 4px 4px 4px 4px rgba(0, 0, 0, 0.5);
}

div.mw-number-text, #bodyContent div.mw-number-text h3 {
	color: inherit;
}

.TablePager_nav .mw-firstlink > img, .TablePager_nav .mw-prevlink > img, .TablePager_nav .mw-nextlink > img, .TablePager_nav .mw-lastlink > img {
	opacity: 0;
}

.TablePager_nav .mw-firstlink, .TablePager_nav .mw-prevlink, .TablePager_nav .mw-nextlink, .TablePager_nav .mw-lastlink {
	background-clip: padding-box;
	background-color: transparent;
	background-position: center 0;
	background-repeat: no-repeat;
	display: inline-block;
}

.theme-dark .TablePager_nav .mw-firstlink .TablePager_nav-enabled {
	background-image: url("../images/dark/arrow_first_25.png");
}

.theme-dark .TablePager_nav .mw-prevlink .TablePager_nav-enabled {
	background-image: url("../images/dark/arrow_left_25.png");
}

.theme-dark .TablePager_nav .mw-nextlink .TablePager_nav-enabled {
	background-image: url("../images/dark/arrow_right_25.png");
}

.theme-dark .TablePager_nav .mw-lastlink .TablePager_nav-enabled {
	background-image: url("../images/dark/arrow_last_25.png");
}

.mw-echo-notification {
	color: #CCC !important;
}
.mw-echo-notification.mw-echo-unread {
	color: #EEE !important;
}

.theme-dark .oo-ui-popupWidget-popup {
	border-color: #444;
}

.theme-dark .mw-echo-ui-notificationItemWidget {
	background-color: #1f1f1f;
}

.theme-dark .mw-echo-ui-menuItemWidget-content {
	color: #ddd !important;
}

.theme-dark .mw-echo-ui-notificationItemWidget-content-message-header {
	color: #fff;
}

.theme-dark .mw-echo-ui-notificationItemWidget.oo-ui-optionWidget-selected, .theme-dark .mw-echo-ui-notificationItemWidget.oo-ui-optionWidget-highlighted {
	background-color: #3f3f3f;
}

.theme-dark div#netbar #pt-notifications-alert > .oo-ui-widget a, div#netbar #pt-notifications-message > .oo-ui-widget a {
	color: #5a93cc;
}

.theme-dark div#netbar #pt-notifications-alert > .oo-ui-widget .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .theme-dark div#netbar #pt-notifications-message > .oo-ui-widget .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	color: #ddd;
}

.check-span {
	color: #FFFFFF;
}

div.wikiEditor-toolbar-dialog {
	background-color: #202020;
	border: solid 1px var(--theme-accent-color);
}

div.wikiEditor-toolbar-dialog .ui-dialog-buttonpane {
	background-color: #202020;
}

div.wikiEditor-toolbar-dialog label, div.wikiEditor-toolbar-dialog .wikieditor-toolbar-table-preview {
	color: #E0E0E0;
}

table.wikitable > tr > th, table.wikitable > * > tr > th {
	background-color: #2163A6;
}

.theme-dark .mw-echo-ui-placeholderItemWidget {
	background-color: inherit;
}

.theme-dark .mw-echo-ui-notificationItemWidget:hover {
	background-color: inherit;
}

.vector-body blockquote { border-color:var(--theme-border-color); }
MediaWiki:Theme-dark.css

Navigation menu

Search
