MediaWiki:Dark.css: Difference between revisions

Revision as of 13:36, September 15, 2022

/* CSS placed here will be applied to dark skins */

/* Special:WikiForum */
table.mw-wikiforum-frame,
td.mw-wikiforum-title,
tr.mw-wikiforum-marked,
td.mw-wikiforum-thread-sub {
	background: #333 !important;
}
#writereply table.mw-wikiforum-frame {
	background: none !important;
}
tr.mw-wikiforum-sticky td.mw-wikiforum-title,
tr.mw-wikiforum-sticky,
tr.mw-wikiforum-normal,
td.mw-wikiforum-thread-main,
.mw-wikiforum-frame blockquote,
.mw-wikiforum-frame #wpTextbox1 {
	color: #fff !important;
	background: #3c3c3c !important;
}
td.mw-wikiforum-thread-main h1,
td.mw-wikiforum-thread-main h2,
td.mw-wikiforum-thread-main h3,
td.mw-wikiforum-thread-main h4,
td.mw-wikiforum-thread-main h5,
td.mw-wikiforum-thread-main h6 {
	color: #fff !important;
}
tr.mw-wikiforum-title,
th.mw-wikiforum-thread-top,
#mw-wikiforum-searchbox-border {
	color: #fff !important;
	background: #555 !important;
}
/* Cargo */
.oo-ui-icon-funnel, .oo-ui-icon-reload {
	filter: invert(1) hue-rotate(180deg);
}
#cargoQueryTable .cargoQueryTooltipIcon {
	border: none !important;
	background: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath fill=%22%23fff%22 d=%22M9.5 16A6.61 6.61 0 0 1 3 9.5 6.61 6.61 0 0 1 9.5 3 6.61 6.61 0 0 1 16 9.5 6.63 6.63 0 0 1 9.5 16zm0-14A7.5 7.5 0 1 0 17 9.5 7.5 7.5 0 0 0 9.5 2zm.5 6v4.08h1V13H8.07v-.92H9V9H8V8zM9 6h1v1H9z%22/%3E%3C/svg%3E") !important;
}
.addButton {
	background: #333 url(https://halo.wiki.gallery/images/add-dark.png) !important;
}
.deleteButton {
	background: #333 url(https://halo.wiki.gallery/images/subtract-dark.png) !important;
}
/* Halo fixes */
.rootpage-Data_Drop #mw-content-text table {
	background: #444 !important;
}
#jump-template {
	background: #333 !important;
}
.Box {
	color: #fff !important;
	background: #444 !important;
	border-color: #666 !important;
}

/* Image classes */
img.invert-light { filter: none !important; }
img.whitebg, .gallery.whitebg img { background: #fff !important; }
img.invert, .gallery.invert a.image { filter: invert(1) hue-rotate(180deg); }

/* General */
.darker th, .darker td[colspan] {
	color: #fff !important;
}
.darker {
	border-color: #666 !important;
}
td[style*="background:#80915b"],
table:not(.infobox)[style*="background:#F2F3F4"],
.darker, .darker th, .darker td[colspan],
.darker.policy td, .darker .tier2 {
	background: #444 !important;
}
td[style*="background:#ff1a1a"],
.darker tr, .darker td, .darker div {
	background: #333 !important;
	border-color: #666 !important;
}
.dark-light {
	border-color: #ccc !important;
	background: #1f1f1f !important;
}
.darkbg {
	color: #fff;
	background: #222 !important;
}
.darkbg3 {
	color: #fff;
	background: #333 !important;
}
code {
	color: #fff !important;
	background: #555 !important;
	border-color: #333 !important;
}
hr {
	border-color: #666 !important;
	background-color: #666 !important;
}
#mw-page-base {
	background: none;
}
.mediawiki div.floatleft,
.mediawiki div.floatright,
.mediawiki div.floatnone {
	background: none !important;
}
.mw-warning, .mw-destfile-warning,
.messagebox, .errorbox, .warningbox, .successbox,
.mw-message-box, .mw-error-box, .mw-warning-box, .mw-success-box {
	color: #fff;
	border-color: #666;
	background-color: #333;
}

/* Misc */
.client-js #preftoc li a,
#mw-content-text a.mw-selflink {
	color: #fff !important;
}
.client-js #preftoc li, #preferences,
#preferences fieldset, #preferences fieldset legend {
	background: #444 !important;
}
.ns-200 a[title="Discussion about the content page"],
.ns-202 a[title="Discussion about the content page"] {
	color: #009CFF !important;
}
.mw-content-ltr .redirectText li:first-child {
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2247%22 height=%2220%22 viewBox=%220 0 47 20%22%3E %3Cpath fill=%22none%22 stroke=%22%23ccc%22 stroke-width=%222%22 stroke-miterlimit=%2210%22 d=%22M14.98 2.5V11c0 1.04 1.02 1.98 2.02 1.98h6l3 .02%22/%3E %3Cpath fill=%22%23ccc%22 d=%22M23.48 9.5l.02 7L30 13z%22/%3E %3C/svg%3E") !important;
}
.ns-talk .mw-parser-output > div[style^="float:right"] > table {
	color: #fff !important;
	border-color: #666 !important;
	background-color: #444 !important;
}
.noticebox, .noticebox td, .noticebox td font, .noticebox div,
.darker, .darker tr, .darker td, .darker div,
.history-size, #pagehistory li.selected,
table.wikitable,
table.plainlinks {
	color: #ccc !important;
}

/* Special:Search */
#mw-searchoptions, .mw-search-profile-tabs {
	background: #333 !important;
	color: #fff !important;
}
.search-types .current a {
	color: #fff !important;
	font-weight: bold;
}
.suggestions-results, .suggestions-special {
	background: #333 !important;
	border-color: #666 !important;
}
.suggestions-result,
.suggestions-special .special-query {
	color: #fff !important;
}
.suggestions-special .special-label {
	color: #888 !important;
}
.suggestions-result-current {
	background: #222 !important;
}
.suggestions-result-current,
.suggestions-result-current .special-query,
.suggestions-result-current .special-label {
	color: #ddd !important;
}
.oo-ui-icon-search, .oo-ui-indicator-clear {
	filter: invert(1) hue-rotate(180deg);
}

/* Edit page */
#editpage-copywarn a, .editOptions .editHelp a {
	color: #fff !important;
}
#wpTextbox0, .CodeMirror {
	background-color: #ddd !important;
}
#wpTextbox1 {
	background-color: #ddd;
	color: #000;
}
.wikiEditor-ui-toolbar {
	background: #BBB !important;
}
.wikiEditor-ui-toolbar .group {
	border-color: #aaa !important;
}
.wikiEditor-ui-toolbar .sections .section {
	background: #DDD !important;
}
.wikiEditor-ui-toolbar .booklet .index .current {
	background: #999 !important;
}
.wikiEditor-ui-toolbar .booklet > .index > :hover {
	background: #ccc !important;
}
.wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited,
.wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .group .tool-select .options .option {
	color: #111 !important;
}
.wikiEditor-ui-toolbar .booklet .index div,
#wikiEditor-section-help h2, #wikiEditor-section-help h3, 
#wikiEditor-section-help h4, #wikiEditor-section-help h5 {
	color: #333 !important;
}
.wikiEditor-ui-toolbar .page-characters div span:hover {
	border-color: #333;
}
.wikiEditor-preview-contents {
	background-color: #333;
}
.codeEditor-status {
	color: #000 !important;
}
.ace_search_field {
	color: #000 !important;
	background-color: #fff !important;
}
.editOptions {
	background-color: #999;
}
.tool-button.tool-active, .tool.tool-active.oo-ui-buttonElement-frameless.oo-ui-iconElement {
	outline: 1px solid #888;
	background-color: #ccc;
}
.oo-ui-image-progressive.oo-ui-icon-highlight, .mw-ui-icon-highlight-progressive::before {
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Cg fill=%22%23333%22%3E%3Ctitle xmlns:default=%22http://www.w3.org/2000/svg%22%3Ehighlight%3C/title%3E%3Cpath xmlns:default=%22http://www.w3.org/2000/svg%22 d=%22M18.73 5.86l-3.59-3.59a1 1 0 0 0-1.41 0l-10 10a1 1 0 0 0 0 1.41L4 14l-3 4h5l1-1 .29.29a1 1 0 0 0 1.41 0l10-10a1 1 0 0 0 .03-1.43zM7 15l-2-2 9-9 2 2z%22/%3E%3C/g%3E%3C/svg%3E");
}

/* Images */
.filehistory a img, #file img {
	background: url(https://halo.wiki.gallery/images/checker-dark.png) repeat !important;
}
ul#filetoc {
	border: 1px solid #666;
	background-color: #444;
}
table.filehistory td {
	vertical-align: top;
	background-color: #333;
	color: #fff;
}
table.wikitable,
table.wikitable > tr > th,
table.wikitable > tr > td,
table.wikitable > * > tr > th,
table.wikitable > * > tr > td {
	border-color: #666 !important;
}
table.wikitable > * > tr > th,
table.plainlinks > * > tr > th {
	color: #fff !important;
	background-color: #444 !important;
}
.tabcontainer table.wikitable > * > tr > th {
	background-color: #4f4f4f !important;
}
table.wikitable,
table.plainlinks,
table.wikitable td,
table.plainlinks td {
	background: #333 !important;
}
.tabcontainer table.wikitable,
.tabcontainer table.wikitable td,
.tabcontainer div.thumbinner,
.tabcontainer li.gallerybox div.thumb {
	background: #3f3f3f !important;
}
body.mediawiki #mw-content-text .infobox .tabcontainer li.gallerybox div.thumb {
	background: #444 !important;
}
ul.gallery.mw-gallery-slideshow .gallerybox div.thumb,
body.mediawiki #mw-content-text .infobox .tabcontainer ul.gallery.mw-gallery-slideshow .gallerybox div.thumb {
	background: transparent !important;
}
table td[style^="background:#ddffdd"] {
	background: #222 !important;
}
table td[style^="background:#ffdddd"],
table tr[style^="background-color:#c1ecf2"],
table tr[style^="background-color:#C1ECF2"] {
	background: #444 !important;
}

/* Interface elements */
.oo-ui-icon-previous, .oo-ui-icon-next, .oo-ui-icon-first, .oo-ui-icon-last {
	filter: brightness(0) invert(1) hue-rotate(180deg);
}
.postedit:after, .oo-ui-windowManager-floating .oo-ui-icon-close,
.oo-ui-indicator-down:not(select), .oo-ui-indicator-required, .oo-ui-icon-trash {
	filter: invert(1) hue-rotate(180deg);
}
select.oo-ui-indicator-down {
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3Edown%3C/title%3E%3Cpath fill=%22%23fff%22 d=%22M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5%22/%3E%3C/svg%3E");
}
.client-js #preferences fieldset {
	color: #fff !important;
}
fieldset {
	border-color: #666 !important;
}
#mw-content-text .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
	color: #fff !important;
	background: #333 !important;
}
#mw-content-text .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.oo-ui-windowManager-floating .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	border-color: #444 !important;
	background-color: #444 !important;
}
.oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	background-color: #666 !important;
}
.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget-info,
.oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget,
.oo-ui-windowManager-floating .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span {
	background-color: #444 !important;
}
.mw-foreignStructuredUpload-bookletLayout-license {
	color: #999 !important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
	border-color: #444 !important;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.mw-widgets-datetime-dateTimeInputWidget-handle,
.mw-widgets-datetime-calendarWidget {
	background-color: #333;
}
.mw-widgets-datetime-dateTimeInputWidget-field,
#mw-content-text .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.oo-ui-windowManager-floating .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
	color: #ccc;
}
#mw-content-text .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.oo-ui-windowManager-floating .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	color: #fff;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus:checked + span,
.client-js .mw-ui-checkbox:not(#noop) [type="checkbox"]:enabled:checked + label::before,
.client-js .mw-ui-checkbox:not(#noop) [type="checkbox"]:enabled:focus:checked + label::before {
	background-color: #333;
	border-color: #333;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span,
.client-js .mw-ui-checkbox:not(#noop) [type="checkbox"]:enabled:focus + label::before {
	box-shadow: inset 0 0 0 1px #555;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span,
.client-js .mw-ui-checkbox:not(#noop) [type="checkbox"]:enabled:focus + label::before,
.client-js .mw-ui-checkbox:not(#noop) [type="checkbox"]:enabled:hover + label::before {
	border-color: #555;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span,
.client-js .mw-ui-checkbox:not(#noop) [type="checkbox"]:enabled:checked:hover + label::before {
	background-color: #555;
	border-color: #555;
}
.oo-ui-defaultOverlay .oo-ui-menuSelectWidget,
.oo-ui-defaultOverlay .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
	background: #333 !important;  
	color: #fff !important;
}
.oo-ui-defaultOverlay .oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
	color: #fff !important;
}
.oo-ui-defaultOverlay .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-defaultOverlay .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
	background: #666 !important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
	background-color: #d33 !important;
	border-color: #d33 !important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
	background-color: #ff4242 !important;
	border-color: #ff4242 !important;
}
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
	background: #333;
}
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
	background: #444;
}
.mw-ui-input {
	box-shadow: none;
}
#mw-content-text .mw-ui-button {
	color: #fff !important;
	background: #333 !important;
	border-color: #666 !important;
}
#mw-content-text .mw-ui-button:hover {
	background: #444 !important;
}
#mw-content-text .mw-ui-button:active {
	color: #ccc !important;
	background: #111 !important;
}
#mw-content-text .mw-ui-button.mw-ui-progressive,
#mw-createaccount-join {
	background: #333 !important;
	border: 2px solid #666 !important;
}
#mw-content-text .mw-ui-button.mw-ui-progressive:hover,
#mw-createaccount-join:hover {
	background: #444 !important;
	border-color: #666 !important;
}
#mw-createaccount-join {
	color: #fff !important;
}
#wpEmail, .createboxInput {
	box-shadow: none !important;
}
.bodySearchWrap input[type="submit"].mw-ui-button, input[type="submit"].createboxButton {
	border-width: 1px !important;
}
.postedit, .postedit-container {
	color: #fff !important;
}
.mw-number-text {
	color: #888 !important;
}
.mw-number-text h3 {
	color: #fff !important;
}
.htmlform-tip {
	color: #999 !important;
}
#mw-allmessagestable .allmessages-customised:hover .am_default {
	background: #222;
}
#mw-allmessagestable .allmessages-customised .am_default {
	background: #333;
}
#mw-allmessagestable .allmessages-customised:hover + .allmessages-customised .am_actual {
	background: #444;
}
#mw-allmessagestable .am_actual {
	background: #555;
}
.mw-apisandbox-toolbar {
	background: #333;
}

/* Revisions */
.diff-context {
	background: #404040;
	border-color: #a2a9b1;
	color: #fff;
}
.diff-deletedline {
	border-color: orange !important;
}
.diff-addedline {
	border-color: cornflowerblue !important;
}
td.diff-addedline .diffchange {
	background: #040 !important;
}
td.diff-deletedline .diffchange {
	background: #600 !important;
}
.mw-notification {
	color: #fff !important;
	background-color: #444 !important;
}

/* Font color */
.mw-parser-output a.extiw, .mw-parser-output a.extiw:active, .mw-parser-output a.external {
	color: #54BDFF !important;
}
.mw-parser-output a.external, .link-https {
	background: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns:rdf=%22http://www.w3.org/1999/02/22-rdf-syntax-ns%23%22 xmlns=%22http://www.w3.org/2000/svg%22 height=%2213%22 width=%2213%22 version=%221.1%22 xmlns:cc=%22http://creativecommons.org/ns%23%22 xmlns:dc=%22http://purl.org/dc/elements/1.1/%22%3E %3Cg transform=%22translate%28-36.467808%2C-258.39005%29%22%3E %3Cpath style=%22opacity:1%3Bfill:%2354BDFF%3B%22 d=%22m41.47%2C259.4%2C7%2C0%2C0%2C7-2-2-3%2C2%2C0-1%2C3-2.25%2C1%2C1%2C0-3.75-3.75%2C0%2C1%2C1-2.25%2C3-1%2C0%2C2-3z%22/%3E %3Cpath style=%22opacity:1%3Bfill:%2354BDFF%3B%22 d=%22m43.47%2C261.4-5%2C0%2C0%2C8%2C8%2C0%2C0-5-1%2C0%2C0%2C4-6%2C0%2C0-6%2C4%2C0z%22/%3E %3Cpath style=%22opacity:1%3Bfill:%2315a5ea%3B%22 d=%22m40.55%2C263.9c0-0.6213%2C0.6213-0.6213%2C0.6213-0.6213%2C1.864%2C0.6213%2C3.107%2C1.864%2C3.728%2C3.728%2C0%2C0%2C0%2C0.6213-0.6213%2C0.6213-1.243-1.864-1.864-2.485-3.728-3.728z%22/%3E %3C/g%3E %3C/svg%3E") center right no-repeat;
	padding-right: 15px;
}
div#footer ul li {
	color: #CECECE;
}

/* Recent changes */
.mw-changeslist-legend {
	border-color: #333;
}
.mw-plusminus-neg {
	color: #ff1a1a;
}
.mw-plusminus-pos {
	color: #33cc33;
}

/* Miscellaneous */
ul { /* Bulleted list */
	list-style-image: none;
}
.mw-body-content input[type="radio"],
.mw-body-content input[type="checkbox"],
.mw-gallery-slideshow .oo-ui-icon-imageGallery {
	filter: invert(1) hue-rotate(180deg);
}
ul.gallery.mw-gallery-slideshow .gallerybox.slideshow-current,
.infobox:not(.tabbed) .tabcontainer ul.gallery.mw-gallery-slideshow .gallerybox.slideshow-current {
	background: #333 !important;
}
.infobox:not(.tabbed) ul.gallery.mw-gallery-slideshow .gallerybox.slideshow-current,
.tabcontainer ul.gallery.mw-gallery-slideshow .gallerybox.slideshow-current {
	background: #444 !important;
}
#toc, .toc, div.thumbinner, li.gallerybox div.thumb, .catlinks {
	background: #333;
	border-color: #666;
}
.tabcontainer, .tabtoc li.selected {
	background-color: #333;
}
div.noarticletext {
	background: #333;
	color: #fff !important;
}
.tabtoc li a {
	color: #fff !important;
}
html .thumbimage {
	border-color: #666;
}
ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper, ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper, ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper {
	background: rgba(0,0,0,0.8) !important;
}
#Uploadtext, .mw-widget-dateInputWidget-handle, input.mw-input, .mw-input input:not([type="file"]), .mw-input textarea, #mw-content-text select, .mw-input-with-label input, #mw-content-text input[type="number"], #mw-content-text input[type="text"] {
	border: 1px solid #666;
	color: #fff !important;
	background-color: #333 !important;
}
.mw-widgets-datetime-dateTimeInputWidget-editField {
	border: none !important;
}
input:not([type]), textarea, .oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea {
	color: #fff;
	background: #333;
	border: 1px solid #666;
	padding: 2px;
}
select optgroup {
	background: #222 !important;
}
.boilerplate {
	color: #fff !important;
	background: #444 !important;
	border-color: #666 !important;
}
.rt-target, ol.references li:target, sup.reference:target, .mw_metadata td {
	background: #444;
}
.mw-datatable th {
	color: #fff;
	background: #444;
}
.mw-datatable td, .mw_metadata th {
	background: #333;
}
.mw-datatable tr:hover td,
#mw-allmessagestable .am_default,
#mw-allmessagestable tbody:hover td {
	background: #222;
}
#mw-allmessagestable .am_actual,
#mw-allmessagestable tbody:hover .am_default {
	background: #333;
}
#mw-allmessagestable tbody:hover .am_actual {
	background: #444;
}
table.jquery-tablesorter th.headerSort {
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 5l-4 4-4-4zM14.5 4l-4-4-4 4z%22/%3E %3C/svg%3E");
}
table.jquery-tablesorter th.headerSortUp {
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M6.5 4l4-4 4 4z%22/%3E %3C/svg%3E");
}
table.jquery-tablesorter th.headerSortDown {
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 0l-4 4-4-4z%22/%3E %3C/svg%3E");
}
#pagehistory li.selected, .not-patrolled {
	background: #111;
}
#pagehistory li {
	border: none;
}
.updatedmarker {
	background: #333;
}
pre {
	color: #fff;
	background: #444;
	border-color: #888;
}
.mw-code {
	color: #000;
	background: rgba(242,242,242,0.8);
}
.mw-checkuser-xff {
	color: #fff;
	background-color: #444 !important;
}
.mw-special-Editcount form#editcount table table {
	color: #ccc !important;
	background: #333 !important;
}
.mw-special-Editcount form#editcount table table th {
	color: #fff !important;
	background: #444 !important;
}
table.mw-interwikitable.body td.mw-interwikitable-local-yes {
	background: #4d4d4d !important;
}
#toc #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle, .tocnumber {
	color: #fff;
}
.toctogglelabel {
	color: #009CFF;
}
#contentSub, #contentSub2 {
	color: #888;
}
div#imageLicenseText {
	color: #000;
}
.oo-ui-dropdownWidget-handle {
	color: #000;
}
.mw-json th {
	background: #333 !important;
}
.mw-json td {
	background: #444 !important;
}
.mw-json th, .mw-json td {
	border-color: #999 !important;;
}
.mw-json .value, .mw-json-single-value {
	background: darkgreen !important;
}

/* Social profile */
input.site-button,
select#message_type,
textarea#message,
div.page-nav a,
.mw-special-UpdateProfile #mw-content-text input,
.mw-special-UpdateProfile #mw-content-text select,
.mw-special-UpdateProfile #mw-content-text textarea,
.mw-special-EditProfile #mw-content-text input,
.mw-special-EditProfile #mw-content-text select,
.mw-special-EditProfile #mw-content-text textarea {
	color: #fff !important;
	background: #333 !important;
}
.page-nav a:hover,
#mw-content-text input.site-button:hover {
	background: #444 !important;
}
#mw-content-text input.site-button[disabled=""] {
	background: #696969 !important;
}
input.site-button {
	border: 1px solid #c8ccd1;
	padding: 2px 10px;
}
#profile-toggle-button {
	background: #666;
}
#mw-content-text > .profile-on {
	background-color: #333;
	border-color: #aaa;
}
.profile-tab-on {
	background-color: #666;
	color: #fff !important;
	border: 1px solid #fff;
}
.profile-tab {
	border: 1px solid #fff;
	background-color: #2e2e2e;
}
.profile-update-title,
.profile-tab-bar .profile-tab a,
.profile-tab-bar .profile-tab-on a,
#profile-toggle-button a, #points-level a,
.random-users-avatars h2 {
	color: #fff !important;
}
#profile-image img {
	background: #333 !important;
}
.mp-welcome-image img,
.user-gift-container img,
.user-relationship-container img,
.user-board-message {
	background: #333 !important;
	border-color: #666 !important;
}
.g-give-container {
	background: #202020 !important;
	border-color: #666 !important;
}
.g-recent, .ga-recent, .activity-item {
	border-color: #666 !important;
}
.user-board-message-image img {
	background: #222 !important;
	border-color: #555 !important;
}
.user-board-message-from {
	background: #444 !important;
}
.blast-nav h2, .board-blast-message-form h2 {
	color: #ccc !important;
}
#blast-friends-list div.blast-friend-unselected {
	color: #fff !important;
	background: #333 !important;
}
#blast-friends-list div.blast-friend-selected {
	color: #eee !important;
	background: #666 !important;
	border-color: #999 !important;
}
.black-text {
	color: #999 !important;
}
.g-new, .random-users-avatars h2 {
	color: #000;
}
.needed-points,
.top-fan-nav h1,
.top-awards-navigation h1,
.profile-info-container b,
.profile-info-container div {
	color: #fff;
}
.g-give-all {
	background: #333;
	border-color: #666;
}
.g-give-all-selected {
	border-color: #fff;
}
.g-blue {
	color: #fff !important;
}

/* Infobox color override */
div.infobox {
	color: #fff !important;
	border-color: #666 !important;
	background-color: #333 !important;
}
table.infobox {
	color: #fff !important;
	border: none !important;
	background-color: #666 !important;
}
.infobox tr, .infobox td, .infobox th,
#mw-content-text .infobox .infoboximage {
	color: #fff !important;
	border-color: #666 !important;
	background-color: #333 !important;
}
.infobox tr td[colspan],
#mw-content-text .infobox tr td.infoboxlabel[colspan],
.infobox .infoboxheading, .infobox .infoboxsubheading {
	color: #fff !important;
	background-color: #666 !important;
}
.infobox > tbody > tr:last-of-type,
.infobox > tbody > tr:last-of-type > td {
	background: transparent !important;
}
.infobox > tbody > tr:last-of-type > td a {
	color: #ddd !important;
}
.infobox .infoboximage,
.infobox > tbody > tr:nth-of-type(2) > th[colspan]:not([class]) {
	border-bottom: 1px solid #666 !important;
}
.infobox .infoboxheading a,
.infobox .infoboxsubheading a,
.infobox tr td.infoboxlabel[colspan] a {
	color: #fff !important;
}
#mw-content-text .infobox .infoboxcell,
#mw-content-text .infobox .infoboxlabel {
	color: #fff !important;
	border-top: 1px solid #666 !important;
	border-bottom: 1px solid #666 !important;
	background-color: #333 !important;
}
.infobox .tabcontainer, .infobox .tabtoc li.selected {
	background-color: #444;
}

/* Navbox color override */
.navbox {
	color: #fff !important;
	background: #333 !important;
	border: 1px solid #fff !important;
}
.navbox-title, .navbox div, .navbox th, .navbox tr, .navbox td {
	color: #fff !important;
	background: #333 !important;
}
.navbox-title.light, .navbox-title.light a, .navbox-title.light span, .navbox span {
	color: #fff !important;
}
.navbox .navbox-group, .navbox .navbox-group > div {
	color: #fff !important;
	background: #222 !important;
	border-color: #222 !important;
}
.navbox .navbox-list, .navbox .navbox-list > div {
	color: #fff !important;
	background: #2A2A2A !important;
	border-color: #2A2A2A !important;
}
#mw-content-text .navbox a.mw-selflink, #mw-content-text .infobox a.mw-selflink,
.navbox a.mw-collapsible-text, .navbox div, .navbox div span,
body.mediawiki #mw-content-text .navbox th a {
	color: #fff !important;
}

/* TOC colors */
.toccolours {
	color: #fff !important;
	border-color: #666 !important;
	background: #333 !important;
}
.toccolours td {
	color: #fff !important;
	background: #333 !important;
}
.toccolours th:first-of-type,
.toccolours tr:first-of-type td {
	color: #fff !important;
	background: #333 !important;
}
.toccolours font {
	color: #fff !important;
}

/* Notices */
.notice {
	color: #fff !important;
	background: #333 !important;
}
.noticebox {
	background: #333 !important;
	border-color: #444 !important;
}
.noticebox div {
	background: #333 !important;
	border: none !important;
}

/* Forums */
.forum {
	color: #fff !important;
	border: 1px solid #666 !important;
	background-color: #444 !important;
}

/* Image licenses */
div.image, table.image,
div#imageLicenseText, div#imageLicense.boilerplate {
	color: #fff !important;
	background-color: #444 !important;
	border-color: #888 !important;
}

/* CategoryTree */
.CategoryTreeToggle {
	color: #ccc;
}
.CategoryTreeEmptyBullet {
	color: #444;
}

/* Page previews */
.mwe-popups {
	background: #404040;
}
.mwe-popups.flipped-y::after,
.mwe-popups.flipped-x-y::after {
	border-top-color: #404040 !important;
}
.mwe-popups.mwe-popups-image-pointer::after,
.mwe-popups.mwe-popups-no-image-pointer::after {
	border-bottom-color: #404040 !important;
}
.mwe-popups .mwe-popups-container a {
	color: #fff !important;
}
.mwe-popups-settings-icon:hover {
	background-color: #333;
}
.mwe-popups-settings-icon:active {
	background-color: #666;
}
.mwe-popups .mwe-popups-extract[dir="ltr"]:after {
	background-image: linear-gradient(to right,rgba(255,255,255,0),#404040 50%);
}
.mwe-popups .mwe-popups-extract[dir="rtl"]:after {
	background-image: linear-gradient(to left,rgba(255,255,255,0),#404040 50%);
}
#mwe-popups-settings {
	color: #fff !important;
	background: #333 !important;
}
#mwe-popups-settings header {
	background: #222 !important;
}
#mwe-popups-settings header h1 {
	color: #fff !important;
}
#mwe-popups-settings main p {
  color: #999 !important;
}
#mwe-popups-settings main form label > span {
	color: #fff !important;
}
.mw-ui-icon-popups-close::before {
	filter: invert(1) hue-rotate(180deg);
}

/* Multimedia viewer */
.mw-mmv-post-image {
	color: #fff !important;
	background: #333 !important;
}
.mw-mmv-image-metadata {
	background: #222 !important;
	border-color: #666 !important;
}
.mw-mmv-dialog, .mw-mmv-dialog-down-arrow {
	color: #fff !important;
	background: #333 !important;
}
.mw-mmv-download-dialog .mw-mmv-dialog-down-arrow {
	background: #222 !important;
}
.mw-mmv-dialog {
	box-shadow: 0 2px 2px 0 #666 !important;
}
.mw-mmv-options-dialog-header {
	color: #fff !important;
}
.mw-mmv-options-text-header {
	color: #eee !important;
}
.mw-mmv-options-text-body {
	color: #ccc !important;
}
.mw-mmv-options-cancel-button {
	color: #ccc !important;
}
.mw-mmv-dialog .mw-mmv-dialog-warning {
	background: #555 !important;
}
.mw-mmv-download-pane .mw-mmv-download-attribution {
	background: #222 !important;
}
.mw-mmv-download-pane .mw-mmv-download-attribution:hover {
	background: #444 !important;
}
.mw-mmv-download-pane .mw-mmv-download-attribution {
	color: #ccc !important;
}
.mw-mmv-download-pane .mw-mmv-download-attribution-cta-invite {
	color: #aaa !important;
}
.mw-mmv-download-go-button, .mw-mmv-download-select-menu {
	background-color: #222 !important;
	border-color: #2f2f2f !important;
}
.mw-mmv-download-go-button:hover, .mw-mmv-download-select-menu:hover {
	background-color: #444 !important;
}
.mw-mmv-download-go-button:active, .mw-mmv-download-select-menu:active {
	background-color: #3f3f3f !important;
}
.mw-mmv-reuse-dialog .mw-mmv-reuse-tabs .oo-ui-optionWidget.oo-ui-optionWidget-selected,
.mw-mmv-reuse-dialog .mw-mmv-reuse-tabs .oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
	border-color: #222 !important;
}
.oo-ui-icon-articles {
	filter: invert(1) hue-rotate(180deg);
}
.mw-mmv-embed-select .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	color: #666 !important;
	background: #222 !important;
}
.mw-mmv-embed-select .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
	color: #fff !important;
	background: #444 !important;
}
.mw-mmv-wrapper a.mw-ui-button.mw-ui-progressive {
	color: #fff !important;
}

/* Reference tooltips */
.rt-tooltip {
	color: #fff;
	border-color: #333;
	background: #333;
}
.rt-tooltipTail {
	background: #888;
}
.rt-tooltipTail:after {
	background: #333;
}
.rt-settingsLink:hover {
	background-color: #333;
}
.rt-settingsLink:active {
	background-color: #666;
}
.oo-ui-processDialog-content .oo-ui-window-head {
	background: #222 !important;
}
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
	color: #fff !important;
	background: #333 !important;
}
.oo-ui-icon-add, .oo-ui-icon-subtract {
	filter: invert(1) hue-rotate(180deg);
}

/* Fixes */
.no-info-container {
	background-color: #555 !important;
	color: #fff;
}
.scrollbox {
	color: #fff !important;
	background: #333 !important;
}
.containerTem, .containerContent {
	color: #fff !important;
	background: #333 !important;
}
.hideTem {
	color: #fff !important;
	background: #444 !important;
	border-color: #666 !important;
}
.hideContent {
	color: #fff !important;
	background: #555 !important;
}
.featurelist .mw-collapsible-content {
	border-color: #666 !important;
}

/* Social talk tabs */
.ns-200 #ca-talk a,
.ns-202 #ca-talk a {
	color: #009CFF !important
}

/* MediaWiki 1.35 */
.oo-ui-inputWidget-input {
	border: 0 !important;
	margin-top: 1px !important;
	margin-bottom: 1px !important;
}
.oo-ui-messageDialog-title {
	color: #fff !important;
}
.oo-ui-dropdownWidget-handle {
	border: none !important;
}
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled {
	background: transparent !important;
}
.oo-ui-labelWidget.oo-ui-inline-help {
	color: #aaa !important;
}
.mw-prefs-buttons {
	background-color: #2a2a2a !important;
}
.oo-ui-tabSelectWidget-framed {
	background-color: #333 !important;
}
#mw-content-text .oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
	color: #fff !important;
}
#mw-content-text .oo-ui-buttonOptionWidget.oo-ui-labelElement:not(.oo-ui-optionWidget-selected) .oo-ui-labelElement-label,
.oo-ui-windowManager .oo-ui-buttonOptionWidget.oo-ui-labelElement:not(.oo-ui-optionWidget-selected) .oo-ui-labelElement-label {
	color: #000 !important;
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
	color: #fff !important;
	background-color: #444 !important;
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
	background-color: #555 !important;
}
.oo-ui-checkboxInputWidget [type="checkbox"]:disabled + span,
.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
	background-color: #666 !important;
	border-color: #444 !important;
}
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td {
	background-color: #555 !important;
}
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {
	background-color: #222 !important;
}
#mw-content-text .mw-prefs-tabs-wrapper .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	background-color: #333 !important;
	border-color: #333 !important;
}
/* Calendar */
.mw-widget-dateInputWidget-calendar {
	background: #333 !important;
}
.mw-widget-calendarWidget-day-heading {
	color: #999 !important;
}
.mw-widget-calendarWidget-day,
.mw-widget-calendarWidget-item {
	color: #fff !important;
}
.mw-widget-calendarWidget .oo-ui-icon-collapse {
	filter: invert(1) hue-rotate(180deg);
}
/* New RC filters */
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
	background: #333 !important;
	border-color: #666 !important;
}
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
	color: #fff !important;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
	background-color: #444 !important;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
	background-color: #666 !important;
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled {
	color: #fff !important;
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {
	color: #ccc !important;
}
.mw-rcfilters-ui-table .oo-ui-textInputWidget .oo-ui-inputWidget-input {
	border: 1px solid #a2a9b1 !important;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	color: #fff !important;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
	background: #666 !important;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
	color: #aaa !important;
}
.mw-rcfilters-ui-filterMenuHeaderWidget-header {
	background-color: #444 !important;
}
.mw-rcfilters-ui-filterMenuHeaderWidget-title {
	color: #fff !important;
}
.mw-rcfilters-ui-filterMenuSectionOptionWidget {
	background-color: #999 !important;
}
.mw-rcfilters-ui-menuSelectWidget-footer {
	background-color: #222 !important;
}
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
	color: #bbb !important;
}
.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {
	border-color: #555 !important;
}
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
	background-color: #777 !important;
}
.mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label {
	color: #fff !important;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled {
	background-color: #333 !important;
	border-color: #666 !important;
}
.mw-rcfilters-ui-filterWrapperWidget-bottom .oo-ui-icon-settings, .mw-special-Notifications #mw-content-text .oo-ui-icon-settings,
.mw-echo-ui-overlay .oo-ui-icon-settings, .ve-ui-overlay .oo-ui-icon-settings, .oo-ui-icon-menu, .oo-ui-icon-play, .oo-ui-icon-history,
.oo-ui-icon-article, .oo-ui-icon-tag, .oo-ui-icon-highlight:not(.oo-ui-image-invert), .oo-ui-icon-close, .oo-ui-icon-helpNotice,
.oo-ui-icon-speechBubbles, .oo-ui-icon-edit, .oo-ui-icon-pushPin, .oo-ui-icon-ellipsis, .oo-ui-icon-bookmark {
	filter: invert(1) hue-rotate(180deg);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	color: #fff !important;
	background: #333 !important;
	border-color: #666 !important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
	color: #eee !important;
	background: #444 !important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
	background: #222 !important;
	color: #fff !important;
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .mw-rcfilters-ui-filterTagMultiselectWidget-emphasize.oo-ui-tagMultiselectWidget-handle {
	background-color: #999 !important;
}
.mw-rcfilters-ui-filterWrapperWidget-showNewChanges .oo-ui-buttonElement-button > .oo-ui-labelElement-label,
.mw-rcfilters-ui-menuSelectWidget-footer .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
	color: #36c !important;
}
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle {
	color: #999 !important;
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
	color: #fff !important;
	background: #333 !important;
}
/* New RC & Echo */
.oo-ui-popupWidget-popup {
	color: #fff !important;
	background: #333 !important;
}
.oo-ui-popupWidget-head {
	color: #fff !important;
}

/* Echo extension */
.mw-echo-alert {
	background: #444 !important;
}
.oo-ui-menuSelectWidget {
	background: #333 !important;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
	background: #444 !important;
}
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
	color: #fff !important;
}
#mw-content-text .mw-echo-ui-datedSubGroupListWidget-title-secondary {
	color: #ccc !important;
}
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
	background-color: #ccc !important;
}
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted,
.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-pressed.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted {
	background-color: #fff !important;
}
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
	background: transparent !important;
}
#mw-content-text .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button .oo-ui-labelElement-label {
	color: #fff !important;
}
#mw-content-text .oo-ui-selectWidget .oo-ui-optionWidget-selected.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	background-color: #444 !important;
}
#mw-content-text .oo-ui-selectWidget .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	background-color: #ccc !important;
	border-color: #ccc !important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
	background-color: #666 !important;
	border-color: #666 !important;
}
.oo-ui-iconElement-icon.oo-ui-icon-changes,
.oo-ui-buttonElement-button .oo-ui-icon-checkAll,
.oo-ui-icon-info, .mw-echo-ui-notificationItemWidget-icon {
	filter: invert(1) hue-rotate(180deg);
}

/* Echo popup */
.mw-echo-ui-overlay #pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,
.mw-echo-ui-overlay #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {
	opacity: 1 !important;
}
.mw-echo-ui-placeholderItemWidget {
	background-color: #666 !important;
}
.mw-echo-ui-crossWikiNotificationItemWidget-group,
.mw-echo-ui-bundleNotificationItemWidget-group,
.mw-echo-ui-notificationItemWidget {
	background-color: #555 !important;
}
.mw-echo-ui-notificationItemWidget:hover {
	background-color: #444 !important;
}
.mw-echo-ui-notificationItemWidget-unread {
	background-color: #333 !important;
}
.mw-echo-ui-toggleReadCircleButtonWidget-circle {
	background-color: yellow;
}
.mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle {
	background-color: #dede07;
}
.mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {
	background-color: #eaecf0;
}
.mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {
	background-color: #c8ccd1;
}
.mw-echo-ui-notificationItemWidget-content-message-header,
.mw-echo-ui-notificationItemWidget-content-actions-timestamp {
	color: #fff !important;
}
.oo-ui-pendingElement-pending {
	background-color: #333 !important;
	background-image: linear-gradient(135deg,#000 25%,transparent 25%,transparent 50%,#000 50%,#000 75%,transparent 75%,transparent) !important;
}
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after {
	border-bottom-color: #999 !important;
}
.oo-ui-popupWidget-head .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	color: #fff !important;
}
.mw-echo-ui-notificationsListWidget .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	color: #000 !important;
}
.mw-echo-ui-notificationItemWidget-content-actions-buttons .oo-ui-labelElement-label {
	color: #fff !important;
}
.mw-echo-ui-notificationItemWidget-content-actions-buttons .oo-ui-icon-userAvatar {
	filter: invert(1) hue-rotate(180deg);
}
.mw-echo-ui-notificationItemWidget-content-message-body {
	color: #aaa !important;
}

/* Echo icons (white) */
.oo-ui-icon-bell, .mw-ui-icon-bell::before {
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ebell%3C/title%3E%3Cpath fill=%22%23fff%22 d=%22M16 7a5.38 5.38 0 00-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 004 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 003-3H7a3 3 0 003 3z%22/%3E%3C/svg%3E") !important;
}
.oo-ui-icon-tray, .mw-ui-icon-tray::before {
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Etray%3C/title%3E%3Cpath fill=%22%23fff%22 d=%22M3 1a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V3a2 2 0 00-2-2zm14 12h-4l-1 2H8l-1-2H3V3h14z%22/%3E%3C/svg%3E") !important;
}

/* Template:@ */
#mention {
	background: #333 !important;
}

/* Visual editor */
.oo-ui-popupToolGroup-handle > span,
body.mediawiki .oo-ui-toolGroup-tools * {
	filter: none !important;
}
.ve-init-mw-progressBarWidget {
	border-color: #666 !important;
}
.ve-init-mw-progressBarWidget-bar,
.oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar {
	background: #666 !important;
}
.oo-ui-messageDialog-title,
.oo-ui-messageDialog-message {
	color: #fff !important;
}
.ve-ce-branchNode-newSlug,
.ve-ce-branchNode-blockSlug {
	background: #444 !important;
}
.oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle {
	border-right: 0 !important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-actionWidget > .oo-ui-buttonElement-button {
	background-color: #606060 !important;
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
	color: #fff !important;
}
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link {
	color: #000 !important;
}
.mw-notification, .oo-ui-popupTool-popup.oo-ui-popupWidget {
	color: #fff !important;
}
.oo-ui-toolbar-bar, .oo-ui-popupToolGroup-tools {
	background: #ccc !important;
}
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover {
	background: transparent !important;
}
.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
	background: #aaa !important;
}
.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
	background: #999 !important;
}
.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover {
	background: #aaa !important;
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover {
	background-color: #447ff5 !important;
}
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active:focus, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link {
	background: #999 !important;
}
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
	background: #aaa !important;
}
.ve-ui-mwParameterResultWidget.oo-ui-optionWidget-highlighted {
	background-color: #ccc !important;
}
.oo-ui-outlineControlsWidget {
	background-color: #666 !important;
}
.ve-ui-mwTemplatePage-description {
	color: #bbb !important;
}
.ve-active .oo-ui-textInputWidget .oo-ui-inputWidget-input {
	color: #fff !important;
	background-color: #666 !important;
}
.ve-ui-mwParameterResultWidget.oo-ui-optionWidget-highlighted {
	background-color: #ccc !important;
}
.ve-ui-mwParameterResultWidget-name:first-child {
	background-color: #444 !important;
}
.ve-ui-mwParameterResultWidget-name {
	color: #fff !important;
	background-color: #666 !important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
	color: #fff !important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
	background-color: #444 !important;
}
.oo-ui-window-body {
	background-color: #333 !important;
}
.oo-ui-tabOptionWidget {
	color: #ccc !important;
}
.oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above, .ve-ui-specialCharacterPage h3 {
	color: #ccc !important;
}
.oo-ui-menuSelectWidget {
	background-color: #444 !important;
}
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
	color: #fff !important;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
	background-color: #555 !important;
}
.ve-ui-tableLineContext > .oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
	background-color: #999 !important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
	background-color: #444 !important;
}
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
	color: #fff !important;
}
.oo-ui-tabSelectWidget-framed {
	background: #666 !important;
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
	background: #444 !important;
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
	color: #fff !important;
}
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
	color: #ccc !important;
}
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link,
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
	background-color: #bbb !important;
	border-color: #bbb !important;
}
.oo-ui-window-frame .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button .oo-ui-labelElement-label {
	color: #fff !important;
}
.oo-ui-window-frame .oo-ui-selectWidget .oo-ui-optionWidget-selected.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	background-color: #444 !important;
}
.oo-ui-window-frame .oo-ui-selectWidget .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	background-color: #ccc !important;
	border-color: #ccc !important;
}
.oo-ui-window-frame .oo-ui-windowManager-floating .oo-ui-panelLayout .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	color: #000 !important;
}
.oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label {
	color: #bbb !important;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {
	color: #888 !important;
}
.oo-ui-icon-puzzle, .oo-ui-toolbar .oo-ui-icon-puzzle, .ve-ui-context .oo-ui-icon-link,
.oo-ui-window-frame .oo-ui-icon-pageSettings, .oo-ui-window-frame .oo-ui-icon-textLanguage,
.oo-ui-icon-expand, .oo-ui-icon-collapse, .oo-ui-icon-linked, .oo-ui-icon-unbell, .oo-ui-icon-userAvatar,
.oo-ui-windowManager .oo-ui-icon-menu, .oo-ui-icon-searchCaseSensitive, .oo-ui-icon-searchRegularExpression,
.oo-ui-icon-quotes, .oo-ui-icon-searchDiacritics, .oo-ui-icon-close, .ve-ui-mwHelpPopupTool-item .oo-ui-icon-help,
.oo-ui-window-frame .oo-ui-icon-tag, .oo-ui-popupWidget-popup .oo-ui-icon-link, .oo-ui-window-frame .oo-ui-icon-info,
.ve-ui-mwHelpPopupTool-item .oo-ui-icon-keyboard, .ve-ui-mwHelpPopupTool-item .oo-ui-icon-speechBubble, .oo-ui-indicator-up {
	filter: invert(1) hue-rotate(180deg);
}
.mw-echo-ui-menuItemWidget-dynamic-action:hover,
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
	background: #222 !important;
}
.mw-echo-ui-menuItemWidget > .oo-ui-labelElement-label {
	color: #ccc !important;
}
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
	color: #fff !important;
}
.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {
	text-shadow: none !important;
	-webkit-text-fill-color: #ccc !important;
}
.oo-ui-widget-disabled > input[type="submit"]:not(.searchButton):hover,
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
	background-color: #bbb !important;
}
.oo-ui-textInputWidget > .oo-ui-labelElement-label,
.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
	color: #fff !important;
}
.oo-ui-window-frame .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
	color: #ddd !important;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	color: #fff !important;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
	background-color: #444 !important;
	border-color: #444 !important;
	color: #fff !important;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
	background-color: #666 !important;
	border-color: #666 !important;
	color: #ddd !important;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
	background-color: #666 !important;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
	background-color: #555 !important;
}
.tdg-templateDataParamWidget-param-alias:first-child {
	background-color: #444 !important;
}
.tdg-templateDataParamWidget-param-alias {
	color: #fff !important;
	background-color: #666 !important;
}
.ve-ce-linkAnnotation.ve-ce-annotation-active {
	background-color: #333 !important;
	box-shadow: 0 0 0 1px #444 !important;
}

/* Extension images */
.client-js .mw-echo-special-nojs {
	background-image: url(https://halo.wiki.gallery/images/pending-dark.gif) !important;
}

/* Syntax highlighter */
.mw-highlight .kt { color: #d9688f !important; }
.mw-highlight .cp { color: #e09812 !important; }
.mw-highlight .nd, .mw-highlight .ow { color: #b899cc !important; }
.mw-highlight .s1, .mw-highlight .s2 { color: #eb5959 !important; }
.mw-highlight .c, .mw-highlight .cm, .mw-highlight .c1 { color: #70dbdb !important; }
.mw-highlight .nc, .mw-highlight .nf, .mw-highlight .nn { color: #769fe8 !important; }
.mw-highlight .mf, .mw-highlight .mi, .mw-highlight .mh, .mw-highlight .o { color: #ddd !important; }
.mw-highlight .k, .mw-highlight .kd, .mw-highlight .kc, .mw-highlight .kr, .mw-highlight .kp, .mw-highlight .nt,
.mw-highlight .nb, .mw-highlight .sx { color: #0dbf0d !important; }
.mw-highlight .nv { filter: invert(1) hue-rotate(180deg); }

/* Advanced search */
.oo-ui-tagItemWidget {
	border-color: #666 !important;
}
.oo-ui-tagMultiselectWidget-handle {
	border: 0 !important;
	border-radius: 0 !important;
}
.mw-advancedSearch-namespace-border {
	border-color: #444 !important;
}
.mw-advancedSearch-fieldContainer,
.mw-advancedSearch-namespace-selection {
	background: #444 !important;
	border: 0 !important;
}
.mw-advancedSearch-fieldContainer fieldset,
.mw-advancedSearch-fieldContainer fieldset legend {
	background: transparent !important;
}
.oo-ui-popupWidget-popup .mw-advancedSearch-tooltip-head {
	color: #ccc !important;
}
.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {
	background-color: #333 !important;
}
.mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
	color: #fff !important;
	background: #444 !important;
}
.oo-ui-tagMultiselectWidget-input .oo-ui-icon-menu {
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Emenu%3C/title%3E%3Cpath fill=%22%23ccc%22 d=%22M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z%22/%3E%3C/svg%3E") !important;
}

/* Watchlist expiry */
.oo-ui-dropdownInputWidget.oo-ui-widget-disabled {
	background-color: transparent !important;
}
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
	background-color: #ccc !important;
	text-shadow: 0 1px 1px #ccc !important;
}
.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle .oo-ui-indicator-down {
	opacity: 1 !important;
	filter: none !important;
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3Edown%3C/title%3E%3Cpath fill=%22%2372777d%22 d=%22M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5%22/%3E%3C/svg%3E") !important;
}
.oo-ui-icon-clock {
	filter: invert(1) hue-rotate(180deg);
}

/* PdfHandler */
.multipageimagenavbox {
	background: #444 !important;
	border-color: #666 !important;
}
.multipageimage .mw-spinner {
	filter: invert(1) !important;
}

/* HotCat */
body.mediawiki #catlinks input,
body.mediawiki #catlinks select {
	color: #fff !important;
	background: #444 !important;
	border: 1px solid #666 !important;
}