MediaWiki:Gadget-Nightmode.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)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.
/* Dark Theme by Morganstedmanms and Vish */

:root {
	--jjbe: #ad3b3b !important;
	--jjbe4: #802f2f !important;
}

html, body {
		background-image: url(https://static.jojowiki.com/images/customizations/BlackDiamond.jpg) !important;
        color: #fafafa !important;
        background-color: #171717;
}

html #mw-content-text a {
	color: #f31f9c;
}

@media screen and (min-width: 1425px) {
    #container {
    	background-image: url(https://static.jojowiki.com/images/customizations/CharOverlayDark2023-P9.webp) !important;
    }
}

@media screen and (max-width: 1425px) {
.skin-minerva html {
 background-image:url(https://static.jojowiki.com/images/customizations/WikiMinimalBG.jpg) !important;
}

	#container {
		background-image: none !important;
	}
}

@media screen and (max-width: 500px) {
.skin-minerva html, body {
 background-image: none !important;
}
}

#mw-head {
	background-image: url(https://static.jojowiki.com/images/customizations/DarkHeaderBG.png) !important;
}

h1 {
	color: #D5D4D4 !important;
}
h1, h2, h3, h4 {
	color: #6699ff !important;
}

.mw-body, #jojowiki-body {
	background: #1b1b1b !important;
	background-image: url(https://static.jojowiki.com/images/customizations/DarkPattern.png) !important;
}

.mw-body {
	border-color: #3e374f !important;
}

.mw-body, .parsoid-body {
	color: #FFFFFF !important;
}

.mw-body .firstHeading {
	color: #D5D4D4 !important;
}

.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td {
    background-color: #222;
}

.mw-htmlform-matrix tbody tr:hover td {
    background-color: #555 !important;
}

.mw-echo-ui-notificationItemWidget {
	background-color: #1115 !important;
}

.mw-echo-ui-notificationItemWidget-content-actions-timestamp {
	color: #fff5 !important;
}

#footer {
	background: #222 !important;
}

.mw-head {
	background: #303030 !important;
}

ul {
    list-style-image: url("https://static.jojowiki.com/images/1/16/DarkDot.svg");
}

.mw-body-content .toc .tocnumber h2 {
	color: #D5D4D4 !important;
}

.mw-headline {
color: #D5D4D4 !important;
}

.pi-media-collection {
    background: #303030 !important;
}

.portable-infobox .pi-border-color {
    border-color: #303030 !important;
    background: #222222;
}

.portable-infobox .pi-data .pi-data-label {
    color: #000 !important;
}

.portable-infobox .pi-data .pi-data-value {
    background-image: none !important;
}

.portable-infobox .pi-header {
    border-bottom: 2px solid #303030 !important;
    color: #fff !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #D5D4D4 !important;
}

.tocnumber {
    color: #D5D4D4 !important;
}

#f-list {
	text-align: center;
	font-size: 14px !important;
}
#mw-header-nav-hack {
	border-top: solid 2px #333 !important;
	background: #333 !important;
}
#mw-site-navigation .sidebar-inner {
	background: #333 !important;
	border: 0 !important;
}

#mw-site-navigation .sidebar-chunk {
	border: outset #222 !important;
	background: #333 !important;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.5) !important;
	border-radius: 3px !important;
}

#searchInput-container {
	background-color: #333 !important;
}
#simpleSearch {
	background-color: #333 !important;
}

.mw-notification {
	background: #222 !important;
	border: #111 !important;
	color: #999 !important;
}

#mw-header-container {
	background: #555 !important;
}

#mw-content {
	background: #333 !important;
	border: solid #946c20 !important;
}
#mw-page-header-links li.selected a {
	color: #cccc00 !important;
}
#mw-related-navigation .sidebar-chunk {
	background: #333 !important;
	border: outset #222 !important;
}

#personal .dropdown {
	background: #222 !important;
	border: solid #000 !important;
}
.codeEditor-status {
	color: #000 !important;
}

#mw-footer-container {
	background: #000 !important;
}

input {
	background-color: #333 !important;
	color: #999 !important;
}

.oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea {
	background-color: #333 !important;
	color: #fff !important;
}



#pagehistory li.selected {
	background-color: #222 !important;
	color: #fff !important;
}

#pagehistory li {
	border: 0px solid transparent !important;
}

.warningbox {
	background: #1d1d16 !important;
}
a.new:hover, .new a:hover, a.new:visited, .new a:visited {
	color: #FF3333 !important;
}
.mw-plusminus-neg {
	color: #FF0000 !important;
}

#mw-footer-container a:hover {
	color: #ffff33 !important;
}
#mw-footer-container a:visited {
	color: #ffff66 !important;
}

.oo-ui-panelLayout-expanded {
	background: #222 !important;
}
.oo-ui-messageDialog-message {
	color: #999 !important;
}

.oo-ui-menuSelectWidget {
	background-color: #111 !important;
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
	background-color: #222 !important;
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	color: #999 !important;
}
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
	border-right: 1px solid #111 !important;
}
.oo-ui-dialog-content > .oo-ui-window-body {
	outline: 1px solid #111 !important;
}
.oo-ui-messageDialog-content > .oo-ui-window-foot {
	outline: 1px solid #111 !important;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
    background-color: #222 !important;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
    background-color: #111 !important;
    color: #D5D4D4 !important;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    background-color: #222 !important;
}



.oo-ui-icon-bookmark, .mw-ui-icon-bookmark:before {
	background-image: linear-gradient(transparent,transparent),url("//static.jojowiki.com/images/0/0b/Bookmark.svg") !important;
}

.oo-ui-icon-trash, .mw-ui-icon-trash:before {
	background-image: linear-gradient(transparent,transparent),url("//static.jojowiki.com/images/b/b3/Trash.svg") !important;
}

.oo-ui-icon-menu, .mw-ui-icon-menu:before {
	background-image: linear-gradient(transparent,transparent),url("//static.jojowiki.com/images/0/09/Menu.svg") !important;
}

.oo-ui-icon-search, .mw-ui-icon-search:before {
	background-image: linear-gradient(transparent,transparent),url("//static.jojowiki.com/images/2/2b/Search.svg") !important;
}

.oo-ui-icon-article, .mw-ui-icon-article:before {
	background-image: linear-gradient(transparent,transparent),url("//static.jojowiki.com/images/0/04/Article.svg") !important;
}

.oo-ui-icon-tag, .mw-ui-icon-tag:before {
	background-image: linear-gradient(transparent,transparent),url("//static.jojowiki.com/images/c/cc/Tag.svg") !important;
}

.oo-ui-icon-play, .mw-ui-icon-play:before {
	background-image: linear-gradient(transparent,transparent),url("//static.jojowiki.com/images/4/41/Play.svg") !important;
}

.oo-ui-icon-settings, .mw-ui-icon-settings:before {
	background-image: linear-gradient(transparent,transparent),url("//static.jojowiki.com/images/5/59/Settings.svg") !important;
}

.wikiEditor-ui .wikiEditor-ui-view {
	border: 1px solid #000 !important;
}
.wikiEditor-ui .wikiEditor-ui-top {
	border-bottom: 1px solid #000 !important;
}

#wpTextbox0 {
	background-color: #1b1b1b !important;
}

.mw-editform #wpTextbox1 {
    background-color: #1b1b1b;
}

textarea {
	color: #fff !important;
	background-color: #1b1b1b !important;
}

textarea[style] {
	color: #fff !important;
	background-color: #1b1b1b;
}

pre, .mw-code {
	background: #222 !important;
	color: #B0B0B0 !important;
	border: 1px solid #444 !important;
}
.oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
	background-color: #333 !important;
	border: 1px solid #333 !important;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
    background-color: transparent !important;
}

.mw-rcfilters-ui-filterMenuHeaderWidget-header {
	background-color: #222 !important;
}

.mw-rcfilters-ui-filterMenuSectionOptionWidget {
	background-color: #333 !important;
}

.mw-rcfilters-ui-menuSelectWidget-footer {
	background-color: #222 !important;
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected {
	background-color: black !important;
}

.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
	background-color: black !important;
}

.mw-widget-dateInputWidget-handle {
	background-color: transparent !important;
}

.mw-widget-dateInputWidget-calendar {
    background-color: #111 !important;
}

.mw-widget-calendarWidget-day {
    color: #999 !important;
}

.mw-widget-calendarWidget-day-additional {
	color: #333 !important;
}

.thumbcaption {
    background-image: url(https://static.jojowiki.com/images/customizations/SmallDarkDiamondBG.png) !important;
	color: #fff !important;
}

element.style {
    background-color: #222222 !important;
}

#mw-panel {
	background-color: #686973 !important;
}

#menu, #toggle-menu {
    background-color: #343640 !important;
	border: 2px solid #303139 !important;
}

#mw-panel .portal h3 {
    color: #dedede !important;
}

#mw-panel .portal .body li a {
    color: #d6d7f9 !important;
}

#mw-indicator-mw-helplink a {
	color: #FFFFFF !important;
	background-image: linear-gradient(transparent,transparent),url("//static.jojowiki.com/images/4/4d/Help.svg") !important;
}

#menu a {
	 background-color: #ad3b3b !important;
}

#menu a:hover {
    background-color: #474e7a !important;
    color: #09c !important;
}

#menu {
	background-color: #581616 !important;
}

#menu .sub-menu {
    background-color: #431111 !important;
}

#p-personal {
	background-color: #ad3b3b !important;
	border-color: #511010 !important;
}

#right-navigation {
    background-color: #4d4c52 !important;
}

#mw-head-base {
	background-color: #4d4c52 !important;
}

.gradient {
	background: rgb(141, 48, 48) !important;
	background: linear-gradient(180deg,	rgb(211, 60, 60) 0%, rgb(72, 23, 23) 100%) !important;
}
.vectorTabs li.selected,
.vector-menu-tabs li.selected {
 background-image:url(https://static.jojowiki.com/images/customizations/DarkVectorTab1.png) !important
}
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited,
.vector-menu-tabs li.selected a,
.vector-menu-tabs li.selected a:visited {
 color:white !important
}
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown h3 {
 background-image:url(https://static.jojowiki.com/images/customizations/DarkVectorTabSeparator.png)
}

.mw-highlight .nn {
    color: #7878DF !important;
}

.mw-highlight .nc {
    color: #7878DF !important;
}

.mw-highlight .k {
    color: #89c989 !important;
}

.mw-highlight .sx {
    color: #87bd87 !important;
}

.vectorTabs {
    background-image: url(https://static.jojowiki.com/images/customizations/DarkVectorTab2.png) !important;
}

.vectorTabs span {
    background-image: url(https://static.jojowiki.com/images/customizations/DarkVectorTab2.png) !important;
}

.vectorTabs li, .vector-menu-tabs li {
  background-image: url(https://static.jojowiki.com/images/customizations/DarkVectorTab3.png) !important;
}

/* More Button BG */
.vectorMenu {
    background-image: url(https://static.jojowiki.com/images/customizations/DarkVectorTab3.png) !important;
}

#mw-head .vectorMenu h3, .vector-menu-dropdown {
  background-image: url(https://static.jojowiki.com/images/customizations/DarkVectorTab2.png) !important;
}

.vectorMenu h3 span, .vector-menu-dropdown span {
  color: #c38e8e;
}

.vector-menu-dropdown .mw-list-item a {
    background-image: url(https://static.jojowiki.com/images/customizations/DarkVectorTab2.png) !important;
    color: #c38e8e;
}

.vectorTabs li a, .vector-menu-tabs li a {
  color: #c38e8e;
}

.vectorMenu h3 span {
    color: #c38e8e;
}

.vectorMenu h3 span::after {
    filter: invert() !important;
}

#footer ul li {
    color: #cacaca !important;
}

#p-tb a:visited {
	color: #a7a8d6 !important;
}

.catlinks {
	background-color: #1f1e1e !important;
}

.diff-deletedline .diffchange {
    background: #be737370 !important;
}

.diff-addedline .diffchange {
    background: #4c7ca963 !important;
}

/* Templates */
.volume {
    background:#222 !important;
}

.volume2 {
    background:#303030 !important;
}

.overlay-enabled, #content {
    background-color: #1b1b1b !important;
}

.ajaxpoll {
	background: #1e1e1e !important;
}

.ajaxpoll .ajaxpoll-hover-revoke {
    background: #822222;
}

.ajaxpoll .ajaxpoll-answer-vote div {
	background: #7c2d2d;
}

.ajaxpoll .ajaxpoll-answer-vote span {
    color: white !important;
}

.portable-infobox .pi-horizontal-group-item.pi-data-value {
    background: #222 !important;
}

.portable-infobox.pi-theme-PhantomBlood .pi-horizontal-group-item.pi-data-label {
	border: 2px solid black !important;
	border-top: none !important;
}

.portable-infobox.pi-theme-BattleTendency .pi-horizontal-group-item.pi-data-label {
	border: 2px solid black !important;
	border-top: none !important;
}

.portable-infobox.pi-theme-StardustCrusaders .pi-horizontal-group-item.pi-data-label {
	border: 2px solid black !important;
	border-top: none !important;
}

.portable-infobox.pi-theme-DiamondIsUnbreakable .pi-horizontal-group-item.pi-data-label {
	border: 2px solid black !important;
	border-top: none !important;
}

.portable-infobox.pi-theme-VentoAureo .pi-horizontal-group-item.pi-data-label {
	border: 2px solid black !important;
	border-top: none !important;
}

.portable-infobox.pi-theme-4thday .pi-horizontal-group-item.pi-data-label {
	border: 2px solid black !important;
	border-top: none !important;
}

.portable-infobox.pi-theme-StoneOcean .pi-horizontal-group-item.pi-data-label {
	border: 2px solid black !important;
	border-top: none !important;
}

.portable-infobox.pi-theme-SteelBallRun .pi-horizontal-group-item.pi-data-label {
	border: 2px solid black !important;
	border-top: none !important;
}

.portable-infobox.pi-theme-JoJolion .pi-horizontal-group-item.pi-data-label {
	border: 2px solid black !important;
	border-top: none !important;
}

.portable-infobox.pi-theme-OneShot .pi-horizontal-group-item.pi-data-label {
	border: 2px solid black !important;
	border-top: none !important;
}

.pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current {
    background: black !important;
	border: black !important;
}

table.mw-wikiforum-frame {
    background: #181818 !important;
}

tr.mw-wikiforum-title {
    background: #ad3b3b !important;
}

tr.mw-wikiforum-sticky {
    background: #282d3f !important;
}

tr.mw-wikiforum-normal {
    background: #1b1b1b !important;
}

td.mw-wikiforum-thread-main {
    background: #1a1f2c !important;
}

td.mw-wikiforum-thread-sub {
	background: #24212e !important;
}

.mw-wikiforum-mainpage tr.mw-wikiforum-title {
    background: #612323 !important;
}

.portable-infobox .pi-secondary-background {
    background: #9e3130;
}

.portable-infobox .pi-title {
	background: #9e3130;
	color: #fff !important;
}

.portable-infobox .pi-data .pi-data-label {
    color: #fff !important;
}

.client-js .toc-mobile {
    background-color: #090a0a !important;
}

ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper {
    background: rgba(0, 0, 0, 0.8) !important;
}

.header {
    background-color: #5f1f1f !important;
}

.header-container.header-chrome {
    background-color: #5f1f1f !important;
}

.minerva-footer {
    background-color: #2a1010 !important;
    color: white !important;
}

#simpleSearch input {
	color: white !important;
}

.eplist {
	border: solid 2px #340909 !important;
	border-top: solid 2px #4f0a0a !important;
	border-left: solid 2px #850909 !important;
	background: #711717 !important;
}

.client-js .toc-mobile .collapsible-heading .indicator {
    filter: invert(100%) !important;
}

.wikitable {
    background-color: #141414 !important;
	color: white !important;
}

blockquote {
	background: #2a2a2a !important;
}

.overlay.search-overlay .overlay-content {
    background-color: #141414 !important;
}

#msupload-list .file {
    background: #212121 !important;
}

.flow-component .ve-init-mw-target-surface.ve-ui-surface-source .ve-ce-documentNode, .flow-component .ve-init-mw-target-surface.ve-ui-surface-source .ve-ui-surface-placeholder {
    background-color: black !important;
}

.flow-post .flow-post-content {
    color: white !important;
}

.flow-component.flow-board-page.flow-full-height-side-rail .flow-board-header {
    background: #181818 !important;
}

.flow-topic-titlebar {
    background-color: #471c1c !important;
}

.ajaxpoll .ajaxpoll-ajax {
    background: #6e4343 !important;
}

.wikiEditor-toolbar-dialog .ui-dialog-content {
    color: white;
	background-color: #222 !important;
}

.portable-infobox.pi-theme-BattleTendency .pi-data .pi-data-label {
    background-color: #9c6319 !important;
}

.skin-minerva .portable-infobox.pi-theme-BattleTendency .pi-data .pi-data-label {
    background-color: transparent !important;
}

.portable-infobox.pi-theme-BattleTendency .pi-horizontal-group-item.pi-data-label {
    background-color: #9c6319 !important;
}

.portable-infobox.pi-theme-StardustCrusaders .pi-data .pi-data-label {
    background-color: #958958 !important;
}

.portable-infobox.pi-theme-StardustCrusaders .pi-horizontal-group-item.pi-data-label {
    background-color: #958958 !important;
}

.skin-minerva .portable-infobox.pi-theme-StardustCrusaders .pi-data .pi-data-label {
    background-color: transparent !important;
}

.portable-infobox.pi-theme-DiamondIsUnbreakable .pi-data .pi-data-label {
    background-color: #d78a91!important;
}

.portable-infobox.pi-theme-DiamondIsUnbreakable .pi-horizontal-group-item.pi-data-label {
    background-color: #d78a91 !important;
}

.skin-minerva .portable-infobox.pi-theme-DiamondIsUnbreakable .pi-data .pi-data-label {
    background-color: transparent !important;
}

.portable-infobox.pi-theme-VentoAureo .pi-data .pi-data-label {
    background-color: #D1AE2E !important;
}

.skin-minerva .portable-infobox.pi-theme-VentoAureo .pi-data .pi-data-label {
    background-color: transparent !important;
}

.portable-infobox.pi-theme-VentoAureo .pi-horizontal-group-item.pi-data-label {
    background-color: #D1AE2E !important;
    color: #fff !important;
}

.portable-infobox.pi-theme-SteelBallRun .pi-data .pi-data-label {
    background-color: #6E6E6E !important;
}

.portable-infobox.pi-theme-SteelBallRun .pi-horizontal-group-item.pi-data-label {
    background-color: #6E6E6E !important;
}

.skin-minerva .portable-infobox.pi-theme-SteelBallRun .pi-data .pi-data-label {
    background-color: transparent !important;
}

.portable-infobox.pi-theme-JoJolion .pi-data .pi-data-label {
    background-color: #a75b99 !important;
}

.portable-infobox.pi-theme-JoJolion .pi-horizontal-group-item.pi-data-label {
    background-color: #a75b99 !important;
}

.skin-minerva .portable-infobox.pi-theme-JoJolion .pi-data .pi-data-label {
    background-color: transparent !important;
}

.content .mw-parser-output > h2 .indicator, .content .section-heading .indicator {
    filter: invert() !important;
}

.navigation-enabled #mw-mf-viewport {
    background-color: #3b1414 !important;
}

/*.navbox .hlist ul {
    background-color: #222;
}

.navbox .navbox-list div {
    background-color: #222;
}

.navbox .navbox-list {
    background: #2f2f2f !important;
}
.navbox .alt > .navbox-list {
    background: #1f1f1f !important;
}*/

.navbox, .navbox-subgroup {
    background-color: #000;
}

.navbox-list {
    border-top: 2px solid #9e9e9e;
}

.navbox-even, .navbox-odd {
  background-color: #1f1e1e;
}

.navbox a {
  color: #c82c99 !important;
}

.navbox td.hlist ul {
    color: black;
}

.c-form-title {
    color: #6d6b6b;
}

textarea#comment {
    background-color: #323232;
    color: white;
}

.mw-prefs-buttons {
    background-color: #202020 !important;
}

.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
    background-color: #636567 !important;
}

.oo-ui-tabSelectWidget {
    background-color: #303132;
}

.oo-ui-optionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
    color: #939393;
}

.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
    background-color: #000;
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
    background-color: #1f1f1f;
    color: #b1b1b1;
}

.editOptions {
    background-color: #000;
	color: #fff;
}

.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head {
	background: #303030;
	color: white;
}

.oo-ui-popupWidget-popup {
	background-color: #222 !important;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	color: #fff;
}

.mw-echo-ui-notificationItemWidget-content-message-body {
    color: #d8d8d8;
}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-body > .mw-echo-ui-notificationsListWidget > .mw-echo-ui-notificationItemWidget {
    background-color: #222;
}
.mw-echo-ui-notificationItemWidget-content-message-header {
    color: white;
}

.mw-ui-icon.mw-ui-icon-element {
    filter: contrast(0.4);
}

.overlay.search-overlay {
    background: #141414;
}

.overlay.search-overlay .search-content .caption {
    color: white;
}

.overlay.search-overlay li.page-summary {
    background: #131313;
    border: 2px solid black;
}

.overlay.visible {
    background: #101010;
}

.editor-overlay .overlay-content {
    background: #121212;
}

.familytree, .out-circle, .in-circle, .po-ps-axis, .sp-pr-axis, .ra-dp-axis {border-color: white !important;}

.po-a-dot, .po-b-dot, .po-c-dot, .po-d-dot, .po-e-dot, .sp-a-dot, .sp-b-dot, .sp-c-dot, .sp-d-dot, .sp-e-dot, .ra-a-dot, .ra-b-dot, .ra-c-dot, .ra-d-dot, .ra-e-dot, .ps-a-dot, .ps-b-dot, .ps-c-dot, .ps-d-dot, .ps-e-dot, .pr-a-dot, .pr-b-dot, .pr-c-dot, .pr-d-dot, .pr-e-dot, .dp-a-dot, .dp-b-dot, .dp-c-dot, .dp-d-dot, .dp-e-dot {border-color: white !important;}

.mw_metadata th, .mw_metadata td {
    background-color: #1c1c1c;
}

.wikitable > * > tr > th {
    background-color: #292929;
}

#filetoc {
background-color: #101010;
}

.qdmodal {
   background-color: #111 !important;
   color: #fff !important;
}

.diff-context {
    background: #222 !important;
    color: #fff !important;
}

#mw-searchoptions {
    background-color: #0e0d0d;
}

a:not([href]) {
    color: #bcbaba;
}

.ve-ui-mwSaveDialog-options {
    background-color: #000000 !important;
}

.oo-ui-processDialog-navigation {
    background-color: black !important;
}

.oo-ui-dialog-content > .oo-ui-window-foot {
    background: black !important;
}

.oo-ui-messageDialog-title {
    color: #fff !important;
}

.oo-ui-popupWidget-head>.oo-ui-labelElement-label {
    color: white !important;
}

.oo-ui-popupWidget-body-padded>:first-child {
    color: white !important;
}

.oo-ui-labelElement .oo-ui-labelElement-label {
    color: white !important;
}

.ui-widget-content {
    background: black !important;
}

.darkshadow {
	text-shadow: 3px 3px 2px black;
}

.pi-debug.pi-debug {
    background-color: #1a1a1a;
}

ol.references li:target, sup.reference:target {
    background-color: #35455a;
}

#headertabs .ui-widget-content {
  color: white !important;
  background-color: transparent !important;
}

#headertabs .ui-state-active a{
  color: white !important;
}

#headertabs .ui-widget-header {
	background: #000 url(https://static.jojowiki.com/images/customizations/DarkHeadTab3.png) 50% 50% repeat-x;
}

#headertabs .ui-state-active, #headertabs .ui-widget-content .ui-state-active, #headertabs .ui-widget-header .ui-state-active {
	background: #292929 url(https://static.jojowiki.com/images/customizations/DarkHeadTab2.png) 50% 50% repeat-x;
}

#headertabs .ui-state-default, #headertabs .ui-widget-content .ui-state-default, #headertabs .ui-widget-header .ui-state-default {
	background: #4b4b4b url(https://static.jojowiki.com/images/customizations/DarkHeadTab1.png) 50% 50% repeat-x;
}

.mw-twocolconflict-split-tour-intro-container {
    background-color: black;
}

.mw-twocolconflict-split-current-version-header > span:first-child {
    background-color: #396d41;
}

.mw-twocolconflict-split-your-version-header > span:first-child {
    background-color: #285e8f;
}

.mw-twocolconflict-split-column {
    background-color: #1b1b1b;
	color: #fff;
}

.mw-twocolconflict-split-column del.mw-twocolconflict-diffchange {
    background-color: #396d41;
}

.mw-twocolconflict-split-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange {
    background-color: #285e8f;
}

.mw-twocolconflict-split-column ins.mw-twocolconflict-diffchange {
    background-color: #285e8f;
    color: white;
}

.mw-twocolconflict-split-column.mw-twocolconflict-split-copy {
	background-color: #1b1b1b;
}

.toc, .mw-warning, .toccolours {
	background-color: #1c1c1c;
}

.mw-datatable tr:hover td {
    background-color: #1a1b1b !important;
}

.mw-datatable td, .mw-datatable th {
	background-color: #1b1b1b !important;
}

.mw-widgets-datetime-dateTimeInputWidget-handle {
    background-color: #333;
	color: #a1a1a1;
}

.mw-widgets-datetime-calendarWidget {
    background-color: #3b3b3b;
}

#mw-mf-page-center {
    background-color: #1b1b1b;
	background-image: url(//jojowiki.com/customizations/DarkPattern.png) !important;
}

#mw-mf-page-left ul {
    background-color: #101010;
}

#mw-mf-page-left {
    background-color: #101010;
}

#mw-mf-page-left ul li a.mw-ui-icon {
    background-color: #1b1b1b;
}

footer .last-modified-bar {
	background-color: #1b1b1b;
}

.overlay .content-header {
    background-color: #101010;
}

.overlay-header-container.position-fixed, .overlay-footer-container.position-fixed {
    background-color: #101010;
}

#mw-wikiforum-searchbox-border {
	background: #101010;
}

.grid .row .twelve {
    color: white;
}

.group-warning {
    background: #7a3b3b;
}

.uls-lcd {
    background-color: #1b1b1b;
}

.uls-search {
    background-color: #000;
	    border-bottom: 1px solid #000;
}

.ext-translate-container .tux-messagelist .tux-message-pagemode {
    background: #343434;
}

.tux-action-bar {
    background-color: #4e4e4e;
}

.ext-translate-container .tux-messagelist .tux-message-pagemode .tux-message-item-compact {
    background: #151515;
}

.ve-ui-mwNoticesPopupTool-items, .ve-ui-mwHelpPopupTool-items {
    color: white;
}

.grid .tux-message-editor .messagekey {
    color: #fff;
}

.tux-message-editor .editcolumn {
 background-color:#100f0f;
}

.grid .tux-message-editor .infocolumn-block {
    background: #100f0f;
}

.mw-pt-languages-label {
    background-color: #1f1f1f;
}
.mw-pt-languages {
    background-color: #151515;
}

.ext-translate-container .tux-messagelist .tux-message-pagemode .tux-message-item-compact:hover {
    background: #292929;
}

.tux-messagelist .tux-message-pagemode .tux-pagemode-translation {
    color: #cfcfcf;
}

.grid .tux-message-editor .close {
    filter: invert();
}

.tux-empty-list {
    background-color: #1e1e1e;
	color: white;
}

.mw-sp-translate-message-documentation {
    background-color: #272626;
}

.mw-sp-translate-edit-definition {
    background-color: #272626;
}

.oo-ui-toolbar-bar {
    background-color: #656565;
}

.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
    background-color: #101111;
}

.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
    background-color: #3e3e3e;
}

.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
    background-color: #303030;
}

.list-header {
    background-color: #262626;
}

.ns-special #content form {
    background:  #151515;
}

.ns-special .pre-content {
    background: #151515;
}

.mw-upload-bookletLayout-filePreview {
    background-color: #3d3d3d;
}

.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
    background-color: #2d2c2c;
}

.oo-ui-processDialog-errors {
    background-color: rgba(50, 50, 50, 0.9);
}

.oo-ui-processDialog-errors-title {
    color: #fff;
}

.oo-ui-processDialog-error {
	background-color: #252525;
}

.not-patrolled {
    background-color: #212a2a;
}

.hiatus {
    background-color: #333 !important
}

.hiatus:hover {
    background-color: #262626 !important
}

.flow-component.flow-board-page.flow-full-height-side-rail {
    background-image: url(//jojowiki.com/customizations/DarkPattern.png);
    background-color: #1b1b1b;
}

.messagebox, .errorbox, .warningbox, .successbox {
    color: #fff;
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
    background-color: #151515;
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
    background-color: #151515;
}

.successbox {
    background-color: #123e2e;
}

.updatedmarker {
    background-color: #658029;
}

.errorbox, .error {
    background: #381515;
}

.universe {
	box-shadow: 1px 2px white !important;
	border: 1px solid black !important;
}

.blog-left-units {
    background-color: #151516;
}

#blog-page-right {
    background-color: #0e0e0e;
}

.wdark {
	filter: invert(100%);
}

a.mw-selflink {
    color: #505050 !important;
}

.popup {
    border-bottom: 2px dotted white !important;
}

html .thumbimage {
    background-color: #1b1b1b;
}

.tux-notice {
    background-color: #1f1f1f;
}

table.notebox {
    background: #2b2b2b !important;
}

.CodeMirror-scroll {
    background-color: #222222;
}

.cm-mw-template-name {
    color: #e6b642;
}

.cm-mw-template-bracket {
    color: #e6b642;
}

.cm-mw-template-delimiter {
    color: #e6b642;
}

.cm-mw-template-argument-name {
    color: #e6b642;
}

.cm-mw-template {
    color: #e6b642;
}

.cm-mw-link-pagename {
    color: #4c87ff;
}

.cm-mw-link-bracket {
    color: #4c87ff;
}

.CodeMirror-line {
    border-color: #222 !important;
}

div.thumbinner {
    background-size: cover !important;
    background-color: black;
}

.tabs-label {
    background-color: #4F4F4F;
}

.tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label {
    background-color: #272727;
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
    background-color: #222;
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
    background-color: #424242;
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
    background-color: #151515;
}

.tabs.tabs-tabbox .tabs-container .tabs-header {
    background-color: #202020;
}

.rt-target {
    background-color: #35455a;
}

.mw-gallery-packed .gallerytext {
    background-color: #2b2b2b !important;
}

.create-message {
    background-color: #262626;
}

.visualClear {
	color: white;
}

#mw-htmlform-source {
	color: white;
}

.tux-groupselector__filter {
    background-color: #777;
}

.grid .row .row {
    background-color: #121212;
}

.signature img {
  filter: invert(0.86);
}

.statstable > * > tr > td {
    background-color: #151515 !important;
}

.statstable > * > tr > th {
    background-color: #565a63;
}

.statstable > * > tr.tux-statstable-even > td {
    background-color: #252525;
}

.page-Special_TranslationStats img {
  filter: invert();
}

.mw-parser-output .nmbox-header {
    background: #1f1f1f !important;
}

.mw-parser-output .nmbox-text {
    background-color: #151515;
}

.epsbox .mw-collapsible-toggle a {
  color: white !important;
}

.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
    background: #404040;
}

.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
    background-color: #303030;
}

.header-container.header-chrome {
    background-color: #5b1d1d !important;
}

footer .last-modified-bar {
    background-color: #222 !important;
}

.mwe-popups {
    background: #2b2a2a;
}

.mwe-popups .mwe-popups-container {
    background: #202122 !important;
}

.mwe-popups .mwe-popups-extract {
	color: white !important;
}

.mwe-popups.mwe-popups-type-reference .mwe-popups-title {
    color: white;
}

.mwe-popups.mwe-popups-type-reference .mwe-popups-extract .mw-parser-output {
    color: white;
}

.mwe-popups .mwe-popups-extract[dir='ltr']:after {
    background-image: -webkit-linear-gradient(to right,rgba(255,255,255,0),#202122 50%);
    background-image: -moz-linear-gradient(to right,rgba(255,255,255,0),#202122 50%);
    background-image: linear-gradient(to right,rgb(78 78 78 / 0%),#202122 50%);
}

.mwe-popups.mwe-popups-is-tall .mwe-popups-extract {
    color: white;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
    background-color: black;
}

#mw-mf-diffview #mw-mf-userinfo {
    background-color: #252525;
}

#mw-mf-diffview #mw-mf-userinfo .mw-mf-edit-count {
    color: #cdcdcd;
}

.mw-echo-ui-placeholderItemWidget {
    background-color: #404040;
}

.user-board-message-from {
    background-color: #070707;
}

.rt-tooltipTail:after {
    background: #292929;
}

.rt-tooltip-above .rt-tooltipContent {
    background-color: #292929;
    color: white;
}

.flow-component .ve-init-mw-target-surface .ve-ce-documentNode {
    background-color: black;
}

.grid .row {
    color: white;
}

#mw-mf-page-left ul li {
    background-color: #1b1b1b !important;
}

#mw-mf-page-left ul li a {
    color: #ffffff !important;
}

.wikipedia:after {
  filter: invert();
}

ul.tabbernav li.tabberactive a {
    background: #000 !important;
    color: #448 !important;
}

ul.tabbernav li a {
    background: #161616 !important;
}

ul.tabbernav li a:hover {
    background: #4b4a4a !important;
	color: white !important;
}

.CodeMirror-gutters {
    background-color: #101010 !important;
    border-right: 1px solid black !important;
}

.cm-mw-matchingbracket {
    background-color: black;
}

.skin-vector .la-dropdown {
/* background: no-repeat url(//jojowiki.com/images/customizations/languagewhite.svg) center !important; */
   background-size: 20px !important;
}

.oo-ui-icon-close, .mw-ui-icon-close::before {
  filter: invert();
}

.MediaAnime {background: #937400 !important;}
.MediaVideo {background: #955e91 !important;}
.MediaRadio {background: #466a8b !important;}
.MediaDrama {background: #206847 !important;}
.MediaEntertainment {background: #7a2222 !important;}

.page-Rey_infinito:not(.action-history):not(.action-edit) .firstHeading i {
    background-image: url(https://static.jojowiki.com/images/f/f0/latest/20230113200500/Rey_infinito_Logo_White.png) !important;
}

.skin-minerva.page-Rey_infinito .page-heading {
    background-image: url(https://static.jojowiki.com/images/f/f0/latest/20230113200500/Rey_infinito_Logo_White.png) !important;
}

code {
	color: #FFF !important;
	background-color: #000 !important;
	border: 1px solid #303030 !important;
}

#mw-panel .vector-menu-content-list {
  background-color: #202123 !important;
}

#mw-panel .vector-menu-portal:not(#p-navigation) .vector-menu-content li a {
  color: #c38e8e !important;
}

#mw-panel .vector-menu-portal:not(#p-navigation):not(#p-toc) .vector-menu-content li a:visited {
  color: #bd4d4d !important;
}

#mw-panel #n-News, #mw-panel #n-Forum, #mw-panel #n-recentchanges, #mw-panel #n-Wiki-Policies {
  border: 2px solid maroon;
}

.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
  padding-left: 3.5em;
  box-shadow: inset 2.75em 0 0 #1b1b1b;
}

#mw-panel .vector-menu-heading {
  border: 2px solid #440606 !important;
  box-shadow: 1px 1px 2px #4a1010 !important;
}

.tabber__tab {
  background: #161616 !important;
}

.tabber__tab:hover {
  background: #4b4a4a !important;
  color: white !important;
}

.ace_content {
  background: #141414;
  color: #cacaca;
}

.ace_gutter-cell {
  background-color: #0e0e0e;
}

.codeEditor-status-worker {
  background: black;
}

.codeEditor-status-message {
  border-color: black !important;
  background: black;
}

.wikiEditor-ui-toolbar {
  background-color: #4d4d4d;
}

.wikiEditor-ui-toolbar {
  background-color: #1c1c1c;
  border: 2px solid gray;
}

#wikiEditor-ui-toolbar a {
  color: #bd8484;
}

.wikiEditor-ui-toolbar .booklet > .index > .current {
  background-color: #1e1e1e;
  color: #c24343;
}

.wikiEditor-ui-toolbar .booklet > .index > :hover {
  background-color: #000;
}

.wikiEditor-ui-toolbar .page-table th {
  color: #aebed2;
}

.wikiEditor-ui-toolbar .page-table td {
  color: #b6b6b6;
}

.wikiEditor-ui-toolbar .group .label {
  color: #b1b1b1;
}

.wikiEditor-ui-top .oo-ui-iconElement-icon {
  filter: invert() !important;
}

.wikiEditor-ui-toolbar .page-characters div span {
  color: white;
}

.ace_scrollbar {
  background: none !important;
}

.ace-tm .ace_gutter-active-line {
  background-color: #252525;
}

.codeEditor-status {
  background-color: gray;
}

.ace-tm {
  background-color: #2a2a2b;
}

.no-info-container {
  background-color: #171717;
}

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
	background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#1f1f1f 100%);
}

.usermessage {
  background-color: #3b3b3b;
  border: 1px solid #6b0e0e;
}

.mw-specialCiteThisPage-bibliographic {
  background-color: #121212;
}

.mw-message-box-warning {
  background-color: #282828;
  color: white;
}

.toggle-list-item__label {
    color: white;
}

.toggle-list__list .mw-ui-icon {
    filter: invert();
}

li#pt-darkmode span:not(.toggle-list-item__label) {
  background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg enable-background='new 0 0 512 512' height='512px' id='Layer_1' version='1.1' viewBox='0 0 512 512' width='512px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cg%3E%3Cpath d='M256 144c-61.75 0-112 50.25-112 112s50.25 112 112 112s112-50.25 112-112S317.75 144 256 144z M256 336 c-44.188 0-80-35.812-80-80c0-44.188 35.812-80 80-80c44.188 0 80 35.812 80 80C336 300.188 300.188 336 256 336z M256 112 c8.833 0 16-7.167 16-16V64c0-8.833-7.167-16-16-16s-16 7.167-16 16v32C240 104.833 247.167 112 256 112z M256 400 c-8.833 0-16 7.167-16 16v32c0 8.833 7.167 16 16 16s16-7.167 16-16v-32C272 407.167 264.833 400 256 400z M380.438 154.167 l22.625-22.625c6.25-6.25 6.25-16.375 0-22.625s-16.375-6.25-22.625 0l-22.625 22.625c-6.25 6.25-6.25 16.375 0 22.625 S374.188 160.417 380.438 154.167z M131.562 357.834l-22.625 22.625c-6.25 6.249-6.25 16.374 0 22.624s16.375 6.25 22.625 0 l22.625-22.624c6.25-6.271 6.25-16.376 0-22.625C147.938 351.583 137.812 351.562 131.562 357.834z M112 256 c0-8.833-7.167-16-16-16H64c-8.833 0-16 7.167-16 16s7.167 16 16 16h32C104.833 272 112 264.833 112 256z M448 240h-32 c-8.833 0-16 7.167-16 16s7.167 16 16 16h32c8.833 0 16-7.167 16-16S456.833 240 448 240z M131.541 154.167 c6.251 6.25 16.376 6.25 22.625 0c6.251-6.25 6.251-16.375 0-22.625l-22.625-22.625c-6.25-6.25-16.374-6.25-22.625 0 c-6.25 6.25-6.25 16.375 0 22.625L131.541 154.167z M380.459 357.812c-6.271-6.25-16.376-6.25-22.625 0 c-6.251 6.25-6.271 16.375 0 22.625l22.625 22.625c6.249 6.25 16.374 6.25 22.624 0s6.25-16.375 0-22.625L380.459 357.812z' fill='%231D1D1B'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
  background-size: 22px !important;
  margin-bottom: -4px !important;
  background-position: center !important;
  background-repeat: no-repeat;
}

.toggle-list__list {
	background: #000;
}

.ext-replacetext-searchoptions {
  background-color: #000;
}

.mw-json th {
  background-color: #171717;
}

.mw-json td {
  background-color: black;
}

.navpopup {
	background-color: #1f1f1f;
}

.mw-search-profile-tabs {
	background-color: #1f1f1f;
}

.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
    background-color: #0e0e0e;
}

#mw-scribunto-console {
	background: #373737;
}

.mw-scribunto-console-fieldset {
	background: #373737;
	color: white;
}

.mw-scribunto-message {
	background: #0b0b0b;
}
MediaWiki:Gadget-Nightmode.css

Navigation menu

Search
