MediaWiki:Gadget-DarkTheme.css

From JoJoSS Wiki
Jump to navigation Jump to search

Note: After saving, 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: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
@import url('https://fonts.googleapis.com/css?family=Cuprum|Roboto|Roboto:700|Noto+Sans+JP:300');

.mw-body h1, .mw-body-content h1, .mw-body-content h2, .mw-body-content h3, .mainheader {
	font-family: 'Cuprum', sans-serif !IMPORTANT;
}

div#content, h1#firstHeading {
    font-family: 'Roboto', sans-serif;
}

:root {
	--global-main-color: #887f6c !IMPORTANT;
	--global-secondary-color: #656157 !IMPORTANT;
	--global-alt-color: #a9a39b !IMPORTANT;
	--global-alt2-color: #423f3a !IMPORTANT;
	--global-clear-color: #191919 !IMPORTANT;
}

#p-logo {
    background: url(//images.shoutwiki.com/jojoss/c/c1/Logo_dark.png) 0px 10px !IMPORTANT;
}

.mw-wiki-logo {
    background: url(//images.shoutwiki.com/jojoss/5/59/Coin_logo_dark.png) no-repeat !IMPORTANT;
}

body, .overlay.search-overlay, #mw-mf-page-center {
	background-image: url(//images.shoutwiki.com/jojoss/c/cc/Jojobackground_dark.png) !IMPORTANT;
}

.mw-datatable td, table.mw-abuselog-details, .mw-body, .parsoid-body, code, input#wpDestFile, textarea#wpUploadDescription, select#wpLicense, #filetoc, .mw_metadata td, .mw_metadata th, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, input, select, .mw-search-profile-tabs {
	background-color: #1d1d1d !IMPORTANT;
}

h1, h2, h3, h4, h5, h6, input, select, .mainheader, div#content, code, textarea#wpTextbox1, .wikitable, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, input#wpDestFile, textarea#wpUploadDescription, select#wpLicense, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle, .oo-ui-widget, .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, #pagehistory li.selected, textarea#wpTestFilter {
	color: #dadada !IMPORTANT;
}

table.wikitable, table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
    border: 1px solid #4e4d4a !IMPORTANT;
}

.navbox, img, .positive, .negative, .neutral {
    filter: saturate(0.35) brightness(0.7) !IMPORTANT;
}

.tabcontainer, .tabtoc li, .tabtoc li.selected, table.wikitable  {
	background: #232323 !IMPORTANT;
}

.catlinks, #simpleSearch, li.gallerybox div.thumb, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle, .toc, .mw-warning, .toccolours {
	background-color: #00000000 !IMPORTANT;
}

.oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea, .oo-ui-menuSelectWidget {
	background: #292929 !IMPORTANT;
}

.mw-rcfilters-ui-filterMenuSectionOptionWidget {
    background-color: #1b1b1b !IMPORTANT;
}

table.mw-abuselog-details th, textarea#wpTestFilter, textarea#wpTextbox1, .mw-datatable th {
	background: #1f1f1f !IMPORTANT;
}

ol.references li:target, sup.reference:target {
    background-color: #fff8ea24 !IMPORTANT;
}

.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
    color: #bbbbbb !IMPORTANT;
}

.mw-rcfilters-ui-itemMenuOptionWidget-label-title {
    color: #afafaf !IMPORTANT;
}

.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
    background-color: var(--global-alt2-color) !IMPORTANT;
}

.mw-rcfilters-ui-filterMenuHeaderWidget-header, .mw-rcfilters-ui-menuSelectWidget-footer, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    background-color: var(--global-clear-color) !IMPORTANT;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
    background-color: #5a5a5a;
}

.editOptions {
	background-color: #4e4e4e !IMPORTANT;
	color: #d0d0d0 !IMPORTANT;
	border: 1px solid #656565 !IMPORTANT;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
    background-color: #171717 !IMPORTANT;
}

pre, .mw-code {
	border: 1px solid #464646 !IMPORTANT;
}

.mw-parser-output .infoboxmedal a, .mw-parser-output .infoboxmedal a:visited, pre, .mw-code {
	color: #fff !IMPORTANT;
}

.scroll {
	background-color: #060606 !IMPORTANT;
}

.cmd {
	color: #adadad !IMPORTANT;
}

div.thumbinner, pre, .mw-code {
	background-color: #151515 !IMPORTANT;
}

html .thumbimage {
	background-color: #2d2d2d !IMPORTANT;
	border: 1px solid #545454 !IMPORTANT;
}

.wikiEditor-ui-toolbar {
    background-image: linear-gradient(#2b2b2b 0,hsla(42, 94%, 5%, 1) 32px) !IMPORTANT;
}

#pagehistory li.selected {
    background-color: #3c3a36;
}

span.tool, #pt-notifications-alert, #pt-notifications-notice {
    filter: invert(1) !IMPORTANT;
}

.documentation {
    background-color:#484642 !IMPORTANT;
}

.diff-context {
	background: #1f1f1f !IMPORTANT;
	border-color: #4c4c4c !IMPORTANT;
	color: #dedede !IMPORTANT;
}

.diff-deletedline {
	border-color: var(--global-main-color) !IMPORTANT;
}

.diff-deletedline .diffchange {
	background: var(--global-main-color) !IMPORTANT;
}

.diff-addedline {
	border-color: var(--global-secondary-color) !IMPORTANT;
}

.diff-addedline .diffchange {
	background: var(--global-secondary-color) !IMPORTANT;
}

#content .Green:hover {background: linear-gradient(to right, #dcf4da50, transparent) !IMPORTANT;}
#content .Red:hover {background: linear-gradient(to right, #f4dada50, transparent) !IMPORTANT;}
#content .Blue:hover {background: linear-gradient(to right, #dae0f450, transparent) !IMPORTANT;}
#content .White:hover {background: linear-gradient(to right, #f4f4da50, transparent) !IMPORTANT;}
#content .Black:hover {background: linear-gradient(to right, #e7daf450, transparent) !IMPORTANT;}
#content .Gold:hover {background: linear-gradient(to right, #f4eada50, transparent) !IMPORTANT;}
#content .Silver:hover {background: linear-gradient(to right, #e7e7e750, transparent) !IMPORTANT;}

.tierList tr:nth-child(1):hover {background: linear-gradient(to right, #e2d7bf50, transparent) !IMPORTANT;}
.tierList tr:nth-child(2):hover {background: linear-gradient(to right, #e2d9c750, transparent) !IMPORTANT;}
.tierList tr:nth-child(3):hover {background: linear-gradient(to right, #e2dccf50, transparent) !IMPORTANT;}
.tierList tr:nth-child(4):hover {background: linear-gradient(to right, #e2ded450, transparent) !IMPORTANT;}
.tierList tr:nth-child(5):hover {background: linear-gradient(to right, #e2dfda50, transparent) !IMPORTANT;}
.tierList tr:nth-child(6):hover {background: linear-gradient(to right, #e2e2e250, transparent) !IMPORTANT;}

.tierList > tbody > tr:nth-child(1) > td:first-child {background-color:#c5af7f50; border-left: solid 3px #af9251 !IMPORTANT;}
.tierList > tbody > tr:nth-child(2) > td:first-child {background-color:#c5b49050; border-left: solid 3px #ab9463 !IMPORTANT;}
.tierList > tbody > tr:nth-child(3) > td:first-child {background-color:#c5b99f50; border-left: solid 3px #a69773 !IMPORTANT;}
.tierList > tbody > tr:nth-child(4) > td:first-child {background-color:#c5bdaa50; border-left: solid 3px #a3997f !IMPORTANT;}
.tierList > tbody > tr:nth-child(5) > td:first-child {background-color:#c5c0b650; border-left: solid 3px #a0998b !IMPORTANT;}
.tierList > tbody > tr:nth-child(6) > td:first-child {background-color:#c5c5c550; border-left: solid 3px #9c9c9c !IMPORTANT;}

.mw-specialpage-summary div img {
    filter: hue-rotate(200deg) saturate(0.35) !IMPORTANT;
}

.ignoresaturate img, img:hover, .infoboxmedal:hover .BIGmedal img, .parent:hover img, .parentB:hover img {
    filter: saturate(1) !IMPORTANT;
}

.adsbygoogle {display: none !IMPORTANT}

/* Override Minerva CSS (Mobile Theme) */
body {color: #dadada !IMPORTANT;}
.header-container.header-chrome, footer .last-modified-bar {background-color: #1d1d1d;}

.menu.view-border-box ul, nav#mw-mf-page-left, .overlay.search-overlay .results, .overlay.search-overlay .search-feedback {
    background: #1d1d1d !IMPORTANT;
}

.menu.view-border-box li a {
    background: var(--global-secondary-color) !IMPORTANT;
}

#mw-mf-page-left ul li {
    background-color: #1d1d1d;
    border-top: 1px solid #1d1d1d;
}

#mw-mf-page-left .secondary-action {border-left: none !IMPORTANT}

.mw-ui-button {background-color: unset !IMPORTANT;}

.overlay, .overlay-header-container, .overlay-footer-container, .overlay .content-header, .list-header, .talk-overlay .comment .wikitext-editor {
	background: #1d1d1d !IMPORTANT;
	color: #dadada !IMPORTANT;
}

.talk-overlay .comment .wikitext-editor {border: 1px solid #dadada !IMPORTANT;}

.overlay .content-header {
	color: #dadada !IMPORTANT;
}

ul.page-list.thumbs.actionable { zoom: 150%; }