MediaWiki:Theme-dark.css
Jump to navigation
Jump to search
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 ***/
/*** Note: Adjusting themes can take up to 15 minutes to 1 hour for cache to refresh.
Make adjustments in large edits/saves instead of single code edits/saves. ***/
:root {
--bg: url(https://instarsandtime.wiki.gg/images/a/aa/SASASAP_Battleback_King.png);
--pixel-font: "MS Pゴシック";
--bg-color: rgba(0, 0, 0, 0.85);
}
.mediawiki, #mw-head {
background-image: linear-gradient(rgba(0,0,0, 0.8), rgba(0,0,0, 0.9)), var(--bg);
background-attachment: fixed;
}
#ca-move, #ca-cargo-purge {
border: 0px;
border-radius: 0px;
}
.catlinks, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
background: transparent;
}
#content {
background-color: var(--bg-color);
}
code {
background-color: rgba(255, 255, 255, 0.1) !important;
color: white !important;
border: 1px solid #555 !important;
}
[id^="ca-"], #p-cactions {
background-color: var(--bg-color);
font-weight: bold;
font-family: var(--pixel-font);
border: 1px solid white;
-moz-border-radius: 0px;
-webkit-border-radius: 8px 8px 0px 0px;
border-radius: 8px 8px 0px 0px;
}
.wikiEditor-ui-toolbar .option[rel^='heading-'], .wikiEditor-ui-toolbar .page-characters div span, .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title, .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label,
.oo-ui-labelElement-label {
color: white;
}
div.thumbinner {
border: 4px solid white;
background-color: transparent;
font-size: 90%;
}
.editOptions, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input, .ext-WikiEditor-ResizingDragBar, #msupload-div, .wikiEditor-ui-toolbar {
background-color: transparent;
color: white;
}
.ext-WikiEditor-realtimepreview-button:hover, .wikiEditor-ui-toolbar .booklet > .index > :hover, .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background-color: #444;
}
.mw-body {
border: 4px solid #fff;
background: black;
color: #ccc;
}
.mw-collapsible {
display: contents;
}
.mw-changeslist-legend {
border: 4px solid white;
background-color: black;
}
.mw-widget-dateInputWidget-calendar, .diff[data-selected-side='deleted'] .diff-side-added, .diff[data-selected-side='deleted'] .diff-side-added, .diff-editfont-monospace .diff-context, .oo-ui-toggleSwitchWidget {
background: black;
}
.mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del, .mw-diff-inline-added del {
background: #ffe49c2e;
}
.mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins, .mw-diff-inline-added ins, .mw-diff-inline-added.mw-diff-empty-line::after {
background: #369fff3d;
}
textarea, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled, pre, .oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-menuSelectWidget, .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed), .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.mw-widget-dateInputWidget-empty .mw-widget-dateInputWidget-handle, .cdx-button:enabled {
background: black;
color: white;
}
.oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, .mw-widget-calendarWidget-item, .mw-widget-calendarWidget-day, .mw-widget-calendarWidget-month {
color: white;
}
.wds-button {
border: solid #333 2px !important;
padding: 3px !important;
}
.mw-headline, .mw-page-title-main, .mw-page-title-separator, .mw-page-title-namespace, #firstHeading, #mw-previewheader, .wikiEditor-ui-toolbar .group .tool-select .label,
.oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
font-family: "Trebuchet MS";
color: #fff;
}
#mw-history-search {
display: block;
}
#mw-page-base {
background: transparent;
}
#mw-panel {
display: flex;
flex-direction: column;
gap: 5px;
}
.mw-plusminus-pos {
color: #66ee66;
}
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
background-color: #113347;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span {
background-color: #4ad;
border-color: #4ad;
}
.oo-ui-menuSectionOptionWidget.oo-ui-widget-enabled {
background: #222;
border-bottom: 1px solid white;
}
#pagehistory li.selected {
background-color: rgba(255, 255, 255, 0.1);
color: #ffffff;
outline: 1px dashed #a2a9b1;
}
#p-cactions-label {
color: #fff;
font-weight: bold;
font-family: var(--pixel-font);
}
#p-tb, #p-navigation {
border-style: solid;
border-color: white;
border-width: 4px;
background-color: black;
}
#p-tb {
padding-top: 0px;
}
#p-tb-label {
margin-left: 5px;
margin-top: 5px;
font-size: 20px;
font-family: "system ui";
color: white;
}
.pi-media-collection .pi-tab-link.current {
background: #393939;
}
.portable-infobox {
background-color: transparent;
border: 4px solid white;
}
.portable-infobox .pi-secondary-background, li.gallerybox div.thumb, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span, .thumbimage {
background-color: rgba(255, 255, 255, 0.2);
}
.portable-infobox .pi-data-label {
border: 0px;
}
.searchButton[name=go], .vector-menu-dropdown .vector-menu-heading::after {
filter: contrast(0) brightness(2);
}
.stattable {
background: 0 0;
border-color: #fff;
}
.suggestions-results, .suggestions-special, oo-ui-buttonElement-button {
background-color: #000;
}
.tabber__indicator {
border-radius: 0px;
margin-top: -4px;
background: #fff;
block-size: 4px;
}
.tabber__tab:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current {
color: #aaa;
}
th, .mw-collapsible tbody tr {
background-color: transparent !important;
background: transparent !important;
border: 1px solid white !important;
}
.toc {
background-color: black;
border: 4px solid white;
}
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon, body.ltr .wikiEditor-ui-toolbar .tabs span.tab a.current::before, body.ltr .wikiEditor-ui-toolbar .tabs span.tab a::before,
.wikiEditor-ui-toolbar .group .tool-select .label::after, #msupload-select, .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon:not(.oo-ui-image-invert),
.oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon, .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator:not(.oo-ui-image-invert),
.mw-collapsibleFieldsetLayout.mw-collapsible .mw-collapsible-toggle .oo-ui-iconElement-icon {
filter: contrast(0) brightness(10);
}
ul {
list-style-image: url(https://instarsandtime.wiki.gg/images/a/ad/Bulletpoint2.png);
}
ul ul {
list-style-image: url(https://instarsandtime.wiki.gg/images/7/79/Bulletpoint2hollow.png);
}
.vector-search-box-input {
background-color: rgba(0, 0, 0, 0.75);
color: #fff;
}
.vector-menu-content-list {
background-color: var(--bg-color);
}
.vector-menu-portal .vector-menu-content li a:link, .vector-menu-tabs-legacy li a, .vector-menu-dropdown .mw-list-item a, a:link, .mw-collapsible-toggle-default .mw-collapsible-text, .mw-parser-output a.extiw, .mw-parser-output a.external, .toctogglelabel,
.wikiEditor-ui-toolbar .tabs span.tab a {
color: #4ad;
}
.wikiEditor-ui-toolbar .booklet > .index > .current {
background-color: #ddd;
color: black;
}
.vector-menu-portal .vector-menu-content li a:visited, .vector-menu-tabs-legacy .selected a:visited, a:visited, .mw-parser-output a.external:visited {
color: #c7c;
}
.vector-menu-tabs-legacy .new a, .vector-menu-tabs-legacy .new a:visited, .mw-plusminus-neg {
color: #ff6161;
}
.vector-menu-portal .vector-menu-content li a:hover, a:hover {
color: #8aa;
}
.vector-menu-portal .vector-menu-content li a:click, a:click {
color: #ff5;
}
.vector-menu-tabs-legacy li, .vector-menu-tabs-legacy .selected {
background-image: linear-gradient(var(--bg-color), var(--bg-color));
background-color: var(--bg-color);
}
.vector-menu-tabs-legacy li a {
padding-left: 12px;
padding-right: 12px;
}
.vector-menu-tabs {
background-image: linear-gradient(var(--bg-color), var(--bg-color));
}
.vector-search-box-input {
padding: 2px;
border: 2px solid white;
}
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
background-color: rgba(255, 255, 255, 0.3);
color: white;
}
.wikitable {
margin: 0px;
background-color: transparent;
color: #ddd;
border: 0px;
border-collapse: separate;
}
.wikitable>*>tr>th {
background-color: rgba(150, 150, 150, 0.2)
}
.mw-collapsible>*>tr>td>*>*>tr>td {
border: 1px solid grey;
}
h1, h2, h3, h4, h5, h6 p, .tocnumber, mbox__content, mbox__wrapper, .suggestions-result, .suggestions-special, .suggestions-special .special-query,
.mw-footer, body::marker, .tabber__tab[aria-selected='true'], .tabber__tab[aria-selected='true']:visited, .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .label,
.option[rel='heading-2'], .option[rel='heading-3'], .option[rel='heading-4'], .option[rel='heading-5'] {
color: #fff !important;
}
#footer-info-lastmod, #footer-info-copyright, label {
color: #ddd;
}
td, #msupload-dropzone, bdi {
color: white !important;
}
h1, h2, h3 {
border-bottom: 1px solid #555;
}
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .options, #wikiEditor-section-advanced .options {
background-color: #000;
}
/*** css formatting ***/
.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 #000;
}
.p {
color: #fff;
}
code, .mw-code {
background-color: #f8f9fa;
color: #bed5d9;
border: 1px solid #eaecf0;
}
pre {
background-color: #0d1318;
}
.mw-highlight .c {
color: #40627f;
font-style: italic;
}
.mw-highlight .kc {
color: #7aff7a;
font-weight: bold;
}
.mw-highlight .kt {
color: #ff7250;
}
.mw-highlight .mi {
color: #ff0000;
}
.mw-highlight .nb {
color: #6effb7;
}
.mw-highlight .nc {
color: #b4b4e7;
font-weight: bold;
}
.mw-highlight .nf {
color: #778bc5;
}
.mw-highlight .nn {
color: #ff00ba;
font-weight: bold;
}
.mw-highlight .nt {
color: #b4d9b4;
font-weight: bold;
}
.mw-highlight .nv {
color: #819d9f;
}
.mw-highlight .mh {
color: #a39898;
}
.mw-highlight .k {
color: #f9f0ab;
font-weight: bold;
}
.mw-highlight .o {
color: #caff00;
}
.mw-highlight .s2 {
color: #02ceff;
}
.mw-code {
color: #99a2a9;
}
.diffchange {
color: #0d1318;
}
.references li:target {
color:#000;
}
.diffchange, .oo-ui-messageDialog-message, .ui-widget-overlay {
color: #0d1318;
}
.vector-menu-tabs-legacy .selected a, .vector-menu-tabs-legacy .selected a:visited {
color: #ffffff;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
background-color: #202122;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
background-color: #202122;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover {
background-color: #202122;
color: #fff;
}
.mw-notification {
background-color: #202122;
}
.ui-widget-overlay {
background: rgba(0, 0, 0, 0.5);
}
body .ui-dialog .ui-widget-header {
border: 1px solid white;
background: black;
}
.ui-widget-content {
background-color: #080808;
color: white;
}
.ui-widget-header {
background: black;
color: white;
}
.ui-button-text-only .ui-button-text {
border: 1px solid white;
color: white;
}
.ui-widget input {
border: 1px solid white;
background: black;
color: white;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-buttonElement-framed.oo-ui-widget-disabled>.oo-ui-buttonElement-button {
background: black;
}
a.new {
color: #ff6161 !important;
}