MediaWiki:Hydradark.css

/*

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



.flaggedrevs-unreviewed { background-color:#330252; }

.fr-pending-long2, .flaggedrevs-pending { background-color:var(--color-down); border: 1px solid var(--table-border-emphasized); }

.flaggedrevs-pending a, .flaggedrevs-pending a:visited { color: var(--forcewhite); }

.flaggedrevs-color-1 { background-color:rgba(4,1,31,.3); }

.flaggedrevs-color-0 { background-color:#700045; }

.fr-rating-option-0, .fr-rating-option-1, .fr-rating-option-2, .fr-rating-option-3 { background-color:inherit; }

table.flaggedrevs_editnotice, table.flaggedrevs_viewnotice { background-color: inherit; border-color: var(--wiki-accent); }

background-color: inherit; }
 * 1) mw-fr-stablediff {

div.flaggedrevs_short_details, div.flaggedrevs_short { background-color:var(--interface-background); color:var(--body-text-color); }

div.flaggedrevs_preview { background-color:#031B30; color:var(--body-text-color); }

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 */ .oo-ui-toolbar-bar, .oo-ui-popupWidget-popup, .oo-ui-popupToolGroup-active.oo-ui-widget-enabled, .oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title, .oo-ui-popupToolGroup .oo-ui-toolGroup-tools { background-color:#002000; background-image:none; color:white; }

.mw-apisandbox-widget-field .oo-ui-iconElement-icon { filter: invert(0); } .oo-ui-windowManager-modal > .oo-ui-dialog { background-color: rgba(0, 0, 0, 0.5); } .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { background-color:black; } .oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea { background-color: #001000; color:white; } .oo-ui-tagItemWidget { background-color: #333; background-image: linear-gradient(to bottom,#222 0,#000 100%); color: #eee; } .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { background-color: #111; background-image: linear-gradient(to bottom, #222 0, #000 100%); } .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus { /*border-color: #ace;*/ /*box-shadow: 0 0 2px 2px #ace;*/ }

.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%); } .oo-ui-buttonElement > .oo-ui-buttonElement-button { color:#ccc; } .oo-ui-pendingElement-pending { /* http://en.wikipedia.org/w/resources/lib/oojs-ui/themes/apex/images/textures/pending.gif */ filter:invert(1); }

.oo-ui-labelElement-label { color:var(--body-text-color); }

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-optionWidget.oo-ui-optionWidget-highlighted { background-color:var(--option-highlighted); }

.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle, .oo-ui-textInputWidget.oo-ui-widget-disabled input, .oo-ui-textInputWidget.oo-ui-widget-disabled textarea { background-color: var(--content-bg-color); }

.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; } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { background-color:inherit; }

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color:black; color:var(--body-text-color); }

.oo-ui-inputWidget-input, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled { background-color:inherit; color:inherit; }

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { background-color:inherit; color:inherit; }

.oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon, .oo-ui-indicator-required { filter:invert(100%) }

.oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input { color:white; }

.oo-ui-iconElement-icon.oo-ui-icon-close { filter:invert(100%); }

.oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly], .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] { background-color:black; color:var(--ambox-green); }

.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:first-child td { background-color:inherit; }

.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:not(:first-child):hover td { background-color:var(--zebra-color-2); }

.mw-widget-dateInputWidget-handle { background-color:black; } /* end oo ui stuff */

span.fr-under-review { background-color:#576100; }

.mw-revslider-revision-older .mw-revslider-revision .mw-revslider-revision-border-box { background-color:#ECC03C; }

.mw-revslider-revision-intermediate .mw-revslider-revision .mw-revslider-revision-border-box { background-color:#00FF84; }

.mw-revslider-revision-newer .mw-revslider-revision .mw-revslider-revision-border-box { background-color:#5495D3; }

.fr-watchlist-pending-notice { background-color:#690000; }

.black-sprite, .black-logo-std { filter: invert(1) hue-rotate(180deg); }

.dark-sprite, .dark-logo-std { filter: drop-shadow(0 0 1px var(--color-forcewhite)); }

td.diff-addedline .diffchange, td.diff-deletedline .diffchange { background-color:rgba(var(--emphasized-init),0.2); color:var(--body-text-color); }

/* Scribunto */

.mw-scribunto-input { color:#6984A3; }

.mw-scribunto-normalOutput, .mw-scribunto-error { background-color:var(--color-forceblack); }

.mw-scribunto-normalOutput { color:#72B37E; }

background-color:var(--color-foreceblack); border:1px solid var(--wiki-accent); }
 * 1) mw-scribunto-input {

.mw-scribunto-print { background: black; color: #FD7C7C; }

/* End scribunto */

.mw-plusminus-pos { color:#00BF00; }

.mw-plusminus-neg { color: #EB1900; }

.autocomment { color:#9F9F73; }

.smwb-title, div.smwfact { background-color:var(--table-background); }

.smw-table, .smwb-ipropvalue .smwb-prophead, .smwb-center, .smwb-propvalue .smwb-prophead { background-color:var(--zebra-color-2); border-color:var(--tabheader-border); }

.smwb-ipropvalue .smwb-propval, .smwb-propvalue .smwb-propval { background-color:var(--table-background); border-color:var(--tabheader-border); }

.qtip-bootstrap .qtip-titlebar, .qtip-bootstrap { background-color:var(--table-background); color:var(--body-text-color); border: 1px dashed var(--table-border); }

.grouptags li.edit { background-color:var(--navigation-bg); }

html .thumbimage { background-color:var(--content-bg-color); }

.mw-changeslist-legend, .section { border-color:var(--wiki-accent); }

.toccolours { background-color:#181818; }

.errorbox { color: #fac5c5; border-color: #fac5c5; background-color: black; }

ol.references li:target, sup.reference:target { background-color:black; }

background:transparent; }
 * 1) cargo-modifyQuery-form {