CSS and Javascript changes must comply with the wiki design rules.
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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Clear the cache in Tools → Preferences
/*
This is stuff that was previously at Hydradark cos I'm lazy af
----
What belongs here:
* Single-use extension colors that are never part of the wiki's theme
* Wiki classes that exist solely to fix dark theme issues such as inverting the colors of images
THE VAST MAJORITY OF STYLES SHOULD BE CREATED THROUGH VARIABLES
*/
.theme-fandomdesktop-dark .flaggedrevs-unreviewed {
background-color:#330252;
}
.theme-fandomdesktop-dark .fr-unreviewed-unwatched {
background-color: #461414;
}
.theme-fandomdesktop-dark .fr-pending-long2,
.theme-fandomdesktop-dark .flaggedrevs-pending {
background-color:var(--color-down);
border: 1px solid var(--table-border-emphasized);
}
.theme-fandomdesktop-dark .flaggedrevs-pending a,
.theme-fandomdesktop-dark .flaggedrevs-pending a:visited {
color: var(--forcewhite);
}
.theme-fandomdesktop-dark .flaggedrevs-color-1 {
background-color:rgba(4,1,31,.3);
}
.theme-fandomdesktop-dark .flaggedrevs-color-0 {
background-color:#700045;
}
.theme-fandomdesktop-dark .fr-rating-option-0,
.theme-fandomdesktop-dark .fr-rating-option-1,
.theme-fandomdesktop-dark .fr-rating-option-2,
.theme-fandomdesktop-dark .fr-rating-option-3 {
background-color:inherit;
}
.theme-fandomdesktop-dark table.flaggedrevs_editnotice, table.flaggedrevs_viewnotice {
background-color: inherit;
border-color: var(--wiki-accent);
}
.theme-fandomdesktop-dark #mw-fr-stablediff {
background-color: inherit;
}
.theme-fandomdesktop-dark div.flaggedrevs_short_details,
.theme-fandomdesktop-dark div.flaggedrevs_short {
background-color:var(--interface-background);
color:var(--body-text-color);
}
.theme-fandomdesktop-dark div.flaggedrevs_preview {
background-color:#031B30;
color:var(--body-text-color);
}
.theme-fandomdesktop-dark div.flaggedrevs_notice {
background-color:#3D0000;
}
/* OO UI skin */
/* Source: https://en.wikipedia.org/wiki/MediaWiki:Gadget-Blackskin.css */
/* Some adaptations have been made */
/* TODO: redo this with variables and move to gadget */
.theme-fandomdesktop-dark .oo-ui-toolbar-bar,
.theme-fandomdesktop-dark .oo-ui-popupWidget-popup,
.theme-fandomdesktop-dark .oo-ui-popupToolGroup-active.oo-ui-widget-enabled,
.theme-fandomdesktop-dark .oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title,
.theme-fandomdesktop-dark .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
background-color:#002000;
background-image:none;
color:white;
}
.theme-fandomdesktop-dark .mw-apisandbox-widget-field .oo-ui-iconElement-icon {
filter: invert(0);
}
.theme-fandomdesktop-dark .oo-ui-windowManager-modal > .oo-ui-dialog {
background-color: rgba(0, 0, 0, 0.5);
}
.theme-fandomdesktop-dark .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly],
.theme-fandomdesktop-dark .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
background-color:black;
}
.theme-fandomdesktop-dark .oo-ui-textInputWidget input,
.theme-fandomdesktop-dark .oo-ui-textInputWidget textarea {
background-color: #001000;
color:white;
}
.theme-fandomdesktop-dark .oo-ui-tagItemWidget {
background-color: #333;
background-image: linear-gradient(to bottom,#222 0,#000 100%);
color: #eee;
}
.theme-fandomdesktop-dark .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
background-color: #111;
background-image: linear-gradient(to bottom, #222 0, #000 100%);
}
.theme-fandomdesktop-dark .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus {
/*border-color: #ace;*/
/*box-shadow: 0 0 2px 2px #ace;*/
}
.theme-fandomdesktop-dark .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
background-color: #070;
background-image: linear-gradient(to bottom, #090 0, #030 100%);
}
.theme-fandomdesktop-dark .oo-ui-buttonElement > .oo-ui-buttonElement-button {
color:#ccc;
}
.theme-fandomdesktop-dark .oo-ui-pendingElement-pending {
/* http://en.wikipedia.org/w/resources/lib/oojs-ui/themes/apex/images/textures/pending.gif */
filter:invert(1);
}
.theme-fandomdesktop-dark .oo-ui-labelElement-label {
color:var(--body-text-color);
}
.theme-fandomdesktop-dark .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
.theme-fandomdesktop-dark .oo-ui-optionWidget.oo-ui-optionWidget-highlighted {
background-color:var(--option-highlighted);
}
.theme-fandomdesktop-dark .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle,
.theme-fandomdesktop-dark .oo-ui-textInputWidget.oo-ui-widget-disabled input,
.theme-fandomdesktop-dark .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
background-color: var(--content-bg-color);
}
.theme-fandomdesktop-dark .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
background-color: var(--color-brightblue);
}
.oo-ui-textInputWidget.oo-ui-widget-disabled input {
text-shadow:rgb(0,0,0) 0px 1px 1px;
}
.theme-fandomdesktop-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
background-color:inherit;
}
.theme-fandomdesktop-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
background-color:black;
color:var(--body-text-color);
}
.theme-fandomdesktop-dark .oo-ui-inputWidget-input,
.theme-fandomdesktop-dark .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
background-color:inherit;
color:inherit;
}
.theme-fandomdesktop-dark .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
background-color:inherit;
color:inherit;
}
.theme-fandomdesktop-dark .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
.theme-fandomdesktop-dark .oo-ui-indicator-required {
filter:invert(100%)
}
.theme-fandomdesktop-dark .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input {
color:white;
}
.theme-fandomdesktop-dark .oo-ui-iconElement-icon.oo-ui-icon-close {
filter:invert(100%);
}
.theme-fandomdesktop-dark .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly],
.theme-fandomdesktop-dark .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
background-color:black;
color:var(--ambox-green);
}
.theme-fandomdesktop-dark .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td,
.theme-fandomdesktop-dark .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:first-child td {
background-color:inherit;
}
.theme-fandomdesktop-dark .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:not(:first-child):hover td {
background-color:var(--zebra-color-2);
}
.theme-fandomdesktop-dark .mw-widget-dateInputWidget-handle {
background-color:black;
}
/* end oo ui stuff */
.theme-fandomdesktop-dark span.fr-under-review {
background-color:#576100;
}
.theme-fandomdesktop-dark .mw-revslider-revision-older .mw-revslider-revision .mw-revslider-revision-border-box {
background-color:#ECC03C;
}
.theme-fandomdesktop-dark .mw-revslider-revision-intermediate .mw-revslider-revision .mw-revslider-revision-border-box {
background-color:#00FF84;
}
.theme-fandomdesktop-dark .mw-revslider-revision-newer .mw-revslider-revision .mw-revslider-revision-border-box {
background-color:#5495D3;
}
.theme-fandomdesktop-dark .fr-watchlist-pending-notice {
background-color:#690000;
}
.theme-fandomdesktop-dark .black-sprite,
.theme-fandomdesktop-dark .black-logo-std {
filter: invert(1) hue-rotate(180deg);
}
.theme-fandomdesktop-dark .dark-sprite,
.theme-fandomdesktop-dark .dark-logo-std {
filter: drop-shadow(0 0 1px var(--color-forcewhite));
}
.theme-fandomdesktop-dark td.diff-addedline .diffchange,
.theme-fandomdesktop-dark td.diff-deletedline .diffchange {
background-color:rgba(var(--emphasized-init),0.2);
color:var(--body-text-color);
}
/* Scribunto */
.theme-fandomdesktop-dark .mw-scribunto-input {
color:#6984A3;
}
.theme-fandomdesktop-dark .mw-scribunto-normalOutput,
.theme-fandomdesktop-dark .mw-scribunto-error {
background-color:var(--color-forceblack);
}
.theme-fandomdesktop-dark .mw-scribunto-normalOutput {
color:#72B37E;
}
.theme-fandomdesktop-dark #mw-scribunto-input {
background-color:var(--color-foreceblack);
border:1px solid var(--wiki-accent);
}
.theme-fandomdesktop-dark .mw-scribunto-print {
background: black;
color: #FD7C7C;
}
.theme-fandomdesktop-dark .mw-scribunto-console-fieldset {
background: black none repeat scroll 0 0;
color: white;
}
.theme-fandomdesktop-dark .mw-scribunto-message {
background: black none repeat scroll 0 0;
color: green;
}
/* End scribunto */
.theme-fandomdesktop-dark .mw-plusminus-pos {
color:#00BF00;
}
.theme-fandomdesktop-dark .mw-plusminus-neg {
color: #EB1900;
}
.theme-fandomdesktop-dark .autocomment {
color:#9F9F73;
}
.theme-fandomdesktop-dark .grouptags li.edit {
background-color:var(--navigation-bg);
}
.theme-fandomdesktop-dark html .thumbimage {
background-color:var(--content-bg-color);
}
.theme-fandomdesktop-dark .mw-changeslist-legend,
.theme-fandomdesktop-dark .section {
border-color:var(--wiki-accent);
}
.theme-fandomdesktop-dark .toccolours {
background-color:#181818;
}
.theme-fandomdesktop-dark .errorbox {
color: #fac5c5;
border-color: #fac5c5;
background-color: black;
}
.theme-fandomdesktop-dark ol.references li:target, sup.reference:target {
background-color:black;
}
.theme-fandomdesktop-dark #cargo-modifyQuery-form {
background:transparent;
}
.theme-fandomdesktop-dark table.cargoTable > tbody > tr:nth-child(2n+1),
.theme-fandomdesktop-dark table.cargoTable td.odd {
background-color: #202020;
}
.theme-fandomdesktop-dark table.cargoTable th {
background-color: #2163A6;
}
.skin-fandomdesktop table.cargoTable td {
border:0;
}
/* Dracula Theme v1.2.5
*
* https://github.com/zenorocha/dracula-theme
* https://github.com/dracula/pygments/blob/master/dracula.css
*
* Copyright 2016, All rights reserved
*
* Code licensed under the MIT license
* http://zenorocha.mit-license.org
*
* @author Rob G <wowmotty@gmail.com>
* @author Chris Bracco <chris@cbracco.me>
* @author Zeno Rocha <hi@zenorocha.com>
*/
.theme-fandomdesktop-dark .mw-highlight .hll { background-color: #f1fa8c }
.theme-fandomdesktop-dark .mw-highlight { background: #282a36; color: #f8f8f2 }
.theme-fandomdesktop-dark .mw-highlight .c { color: #6272a4 } /* Comment */
.theme-fandomdesktop-dark .mw-highlight .err { color: #f8f8f2 } /* Error */
.theme-fandomdesktop-dark .mw-highlight .g { color: #f8f8f2 } /* Generic */
.theme-fandomdesktop-dark .mw-highlight .k { color: #ff79c6 } /* Keyword */
.theme-fandomdesktop-dark .mw-highlight .l { color: #f8f8f2 } /* Literal */
.theme-fandomdesktop-dark .mw-highlight .n { color: #f8f8f2 } /* Name */
.theme-fandomdesktop-dark .mw-highlight .o { color: #ff79c6 } /* Operator */
.theme-fandomdesktop-dark .mw-highlight .x { color: #f8f8f2 } /* Other */
.theme-fandomdesktop-dark .mw-highlight .p { color: #f8f8f2 } /* Punctuation */
.theme-fandomdesktop-dark .mw-highlight .ch { color: #6272a4 } /* Comment.Hashbang */
.theme-fandomdesktop-dark .mw-highlight .cm { color: #6272a4 } /* Comment.Multiline */
.theme-fandomdesktop-dark .mw-highlight .cp { color: #ff79c6 } /* Comment.Preproc */
.theme-fandomdesktop-dark .mw-highlight .cpf { color: #6272a4 } /* Comment.PreprocFile */
.theme-fandomdesktop-dark .mw-highlight .c1 { color: #6272a4 } /* Comment.Single */
.theme-fandomdesktop-dark .mw-highlight .cs { color: #6272a4 } /* Comment.Special */
.theme-fandomdesktop-dark .mw-highlight .gd { color: #8b080b } /* Generic.Deleted */
.theme-fandomdesktop-dark .mw-highlight .ge { color: #f8f8f2; text-decoration: underline } /* Generic.Emph */
.theme-fandomdesktop-dark .mw-highlight .gr { color: #f8f8f2 } /* Generic.Error */
.theme-fandomdesktop-dark .mw-highlight .gh { color: #f8f8f2; font-weight: bold } /* Generic.Heading */
.theme-fandomdesktop-dark .mw-highlight .gi { color: #f8f8f2; font-weight: bold } /* Generic.Inserted */
.theme-fandomdesktop-dark .mw-highlight .go { color: #44475a } /* Generic.Output */
.theme-fandomdesktop-dark .mw-highlight .gp { color: #f8f8f2 } /* Generic.Prompt */
.theme-fandomdesktop-dark .mw-highlight .gs { color: #f8f8f2 } /* Generic.Strong */
.theme-fandomdesktop-dark .mw-highlight .gu { color: #f8f8f2; font-weight: bold } /* Generic.Subheading */
.theme-fandomdesktop-dark .mw-highlight .gt { color: #f8f8f2 } /* Generic.Traceback */
.theme-fandomdesktop-dark .mw-highlight .kc { color: #ff79c6 } /* Keyword.Constant */
.theme-fandomdesktop-dark .mw-highlight .kd { color: #8be9fd; font-style: italic } /* Keyword.Declaration */
.theme-fandomdesktop-dark .mw-highlight .kn { color: #ff79c6 } /* Keyword.Namespace */
.theme-fandomdesktop-dark .mw-highlight .kp { color: #ff79c6 } /* Keyword.Pseudo */
.theme-fandomdesktop-dark .mw-highlight .kr { color: #ff79c6 } /* Keyword.Reserved */
.theme-fandomdesktop-dark .mw-highlight .kt { color: #8be9fd } /* Keyword.Type */
.theme-fandomdesktop-dark .mw-highlight .ld { color: #f8f8f2 } /* Literal.Date */
.theme-fandomdesktop-dark .mw-highlight .m { color: #bd93f9 } /* Literal.Number */
.theme-fandomdesktop-dark .mw-highlight .s { color: #f1fa8c } /* Literal.String */
.theme-fandomdesktop-dark .mw-highlight .na { color: #50fa7b } /* Name.Attribute */
.theme-fandomdesktop-dark .mw-highlight .nb { color: #8be9fd; font-style: italic } /* Name.Builtin */
.theme-fandomdesktop-dark .mw-highlight .nc { color: #50fa7b } /* Name.Class */
.theme-fandomdesktop-dark .mw-highlight .no { color: #f8f8f2 } /* Name.Constant */
.theme-fandomdesktop-dark .mw-highlight .nd { color: #f8f8f2 } /* Name.Decorator */
.theme-fandomdesktop-dark .mw-highlight .ni { color: #f8f8f2 } /* Name.Entity */
.theme-fandomdesktop-dark .mw-highlight .ne { color: #f8f8f2 } /* Name.Exception */
.theme-fandomdesktop-dark .mw-highlight .nf { color: #50fa7b } /* Name.Function */
.theme-fandomdesktop-dark .mw-highlight .nl { color: #8be9fd; font-style: italic } /* Name.Label */
.theme-fandomdesktop-dark .mw-highlight .nn { color: #f8f8f2 } /* Name.Namespace */
.theme-fandomdesktop-dark .mw-highlight .nx { color: #f8f8f2 } /* Name.Other */
.theme-fandomdesktop-dark .mw-highlight .py { color: #f8f8f2 } /* Name.Property */
.theme-fandomdesktop-dark .mw-highlight .nt { color: #ff79c6 } /* Name.Tag */
.theme-fandomdesktop-dark .mw-highlight .nv { color: #8be9fd; font-style: italic } /* Name.Variable */
.theme-fandomdesktop-dark .mw-highlight .ow { color: #ff79c6 } /* Operator.Word */
.theme-fandomdesktop-dark .mw-highlight .w { color: #f8f8f2 } /* Text.Whitespace */
.theme-fandomdesktop-dark .mw-highlight .mb { color: #bd93f9 } /* Literal.Number.Bin */
.theme-fandomdesktop-dark .mw-highlight .mf { color: #bd93f9 } /* Literal.Number.Float */
.theme-fandomdesktop-dark .mw-highlight .mh { color: #bd93f9 } /* Literal.Number.Hex */
.theme-fandomdesktop-dark .mw-highlight .mi { color: #bd93f9 } /* Literal.Number.Integer */
.theme-fandomdesktop-dark .mw-highlight .mo { color: #bd93f9 } /* Literal.Number.Oct */
.theme-fandomdesktop-dark .mw-highlight .sa { color: #f1fa8c } /* Literal.String.Affix */
.theme-fandomdesktop-dark .mw-highlight .sb { color: #f1fa8c } /* Literal.String.Backtick */
.theme-fandomdesktop-dark .mw-highlight .sc { color: #f1fa8c } /* Literal.String.Char */
.theme-fandomdesktop-dark .mw-highlight .dl { color: #f1fa8c } /* Literal.String.Delimiter */
.theme-fandomdesktop-dark .mw-highlight .sd { color: #f1fa8c } /* Literal.String.Doc */
.theme-fandomdesktop-dark .mw-highlight .s2 { color: #f1fa8c } /* Literal.String.Double */
.theme-fandomdesktop-dark .mw-highlight .se { color: #f1fa8c } /* Literal.String.Escape */
.theme-fandomdesktop-dark .mw-highlight .sh { color: #f1fa8c } /* Literal.String.Heredoc */
.theme-fandomdesktop-dark .mw-highlight .si { color: #f1fa8c } /* Literal.String.Interpol */
.theme-fandomdesktop-dark .mw-highlight .sx { color: #f1fa8c } /* Literal.String.Other */
.theme-fandomdesktop-dark .mw-highlight .sr { color: #f1fa8c } /* Literal.String.Regex */
.theme-fandomdesktop-dark .mw-highlight .s1 { color: #f1fa8c } /* Literal.String.Single */
.theme-fandomdesktop-dark .mw-highlight .ss { color: #f1fa8c } /* Literal.String.Symbol */
.theme-fandomdesktop-dark .mw-highlight .bp { color: #f8f8f2; font-style: italic } /* Name.Builtin.Pseudo */
.theme-fandomdesktop-dark .mw-highlight .fm { color: #50fa7b } /* Name.Function.Magic */
.theme-fandomdesktop-dark .mw-highlight .vc { color: #8be9fd; font-style: italic } /* Name.Variable.Class */
.theme-fandomdesktop-dark .mw-highlight .vg { color: #8be9fd; font-style: italic } /* Name.Variable.Global */
.theme-fandomdesktop-dark .mw-highlight .vi { color: #8be9fd; font-style: italic } /* Name.Variable.Instance */
.theme-fandomdesktop-dark .mw-highlight .vm { color: #8be9fd; font-style: italic } /* Name.Variable.Magic */
.theme-fandomdesktop-dark .mw-highlight .il { color: #bd93f9 } /* Literal.Number.Integer.Long */
/* end SyntaxHighlight Dracula theme */