User:Songnaixue/chameleon.css

/* It's easy to break the Watercolor skin. */

/* You just need to override the default color scheme to make it dark. */ h1, h2, h3, h4, h5, h6, .mw-body, .parsoid-body, .messagebox, .errorbox, .warningbox, .successbox { color: #fff; }

h1, h2 { border-bottom: 1px solid !important; border-image: linear-gradient(90deg, #fff, transparent); border-image-slice: 1; }

background-color: #191919 !important; }
 * 1) content {

code, pre, kbd, .infobox, #toc, .mbox { background-color: #191919 !important; color: white !important; }

color: white !important; }
 * 1) content table caption {

background-color: #101010; color: white !important; }
 * 1) content table th, #content table th * {

background-color: #191919; color: white !important; }
 * 1) content table td {

background-color: #191919 !important; color: white !important; }
 * 1) content .mp-box {

background-color: #191919 !important; color: white !important; }
 * 1) content .mp-box.mp-purple h2 {

background-color: #191919 !important; }
 * 1) content .gallery .thumb {

background-color: #191919 !important; }
 * 1) content .mp-box .gallery .thumb {

.messagebox, .errorbox, .warningbox, .successbox { background-color: #191919; border-radius: 0 5px 5px 0; }

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { border: 1px solid #333; }

.mw-body-content blockquote { border-left: 4px solid #333; }

a { color: #7b9ed9; }

a:visited { color: #978eff; }

.tocnumber { color: #fff; }

.toc, .toccolours, pre, code, .mw-code, li.gallerybox div.thumb, .mw-parser-output .infobox { border: 1px solid #333 !important; }

.ib-label { background-color: #191919 !important; } .ib-header center { background-color: #191919 !important; }

body #mw-navigation #mw-panel .vector-menu-portal h3 { border-bottom: none; }

body #mw-navigation #searchform #simpleSearch #searchInput { background-color: #191919; }

filter: invert(1); }
 * 1) searchButton {

.vector-menu-dropdown .vector-menu-content { background-color: #191919; border: 1px solid #333; border-top: 0; border-radius: 0 0 5px 5px; box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.4); }

padding: 0.5em 0 1.5em 0; }
 * 1) footer-copyrightico {

border: 1px solid #333; background-color: #191919; }
 * 1) filetoc {

.mw-ui-button { background-color: #191919; color: #fff; border: 1px solid #333; }

.mw-ui-button:hover { background-color: #111; color: #fff; border-color: #333; }

ul { list-style-image: none !important; }

.mw-mmv-filepage-buttons .mw-mmv-view-expanded.mw-ui-icon::before, .mw-mmv-filepage-buttons .mw-mmv-view-config.mw-ui-icon::before { filter: invert; opacity: 1; }

.mw-mmv-post-image { color: #fff; background-color: #191919; }

.mw-mmv-image-metadata { border-top: 1px solid #333; background-color: #191919; padding-top: 5px; }

.mp-header, .mp-purple { border: 1px solid #333; } .mp-purple h2 { border: 1px solid #333 !important; }

.catlinks { border: 1px solid #333; background-color: #191919; }

.mw-parser-output .navbox { border: 1px solid #333 !important; } .mw-parser-output .navbox-title { background-color: #333 !important; } .mw-parser-output .navbox-above:nth-child(n-1), .mw-parser-output .navbox-below:nth-child(n-1), .mw-parser-output .navbox-group:nth-child(n-1), .mw-parser-output .navbox-image:nth-child(n-1), .mw-parser-output .navbox-list:nth-child(n-1) { border-top: 2px solid #191919 !important; } .mw-parser-output .navbox-list { border-left: #191919 2px solid !important; background-color: #191919 !important; } .mw-parser-output .navbox-above, .mw-parser-output .navbox-below, .mw-parser-output .navbox-group, .mw-parser-output .navbox-child .navbox-title { background-color: #333 !important; } .mw-parser-output .ombox { border: 1px solid #333 !important; background-color: #191919 !important; }

div.thumbinner { border: 1px solid #333; background-color: #191919; }

.thumbimage { background-color: #191919; border: 0; }

.toc, .toccolours { background-color: #191919; }

div.mw-warning-with-logexcerpt { background: #391919; } .diff-deletedline .diffchange { background: #60480f; } .diff-deletedline { border-color: #60480f; } .diff-context { border-color: #606060; } .diff-addedline { border-color: #256cac; } .diff-addedline .diffchange { background: #256cac; } output .ambox-notice { border-color: royalblue; }   border-bottom: 1px solid transparent; border-image-slice: 0 !important; }   color: transparent; }   background-color: #191919 !important; color: white !important; } .toctogglelabel { cursor: pointer; color: #498dff; } .mw-content-ltr .magnify a, .ib-below a { filter: invert; } .mw-parser-output .infobox .ib-header { background-color: #191919 !important; }
 * 1) content .mp-box h1, #content .mp-box h2 {
 * 1) content .mp-box li::marker {
 * 1) content .mp-box.mp-purple h2 {

.oo-ui-popupWidget-popup { background-color: #191919; border: 1px solid #333; } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before { border-bottom-color: #333; } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after { border-bottom-color: #191919; } .oo-ui-icon-table, .mw-ui-icon-table::before, .oo-ui-icon-tableMergeCells, .mw-ui-icon-tableMergeCells::before, .oo-ui-icon-imageGallery, .mw-ui-icon-imageGallery::before, .oo-ui-icon-help, .mw-ui-icon-help::before, .oo-ui-icon-undo, .mw-ui-icon-undo::before, .oo-ui-icon-redo, .mw-ui-icon-redo::before, .oo-ui-indicator-down, .oo-ui-icon-textStyle, .mw-ui-icon-textStyle::before, .oo-ui-icon-link, .mw-ui-icon-link::before, .oo-ui-icon-listBullet, .mw-ui-icon-listBullet::before, .oo-ui-icon-specialCharacter, .mw-ui-icon-specialCharacter::before, .oo-ui-icon-menu, .mw-ui-icon-menu::before, .oo-ui-icon-edit, .mw-ui-icon-edit::before, .oo-ui-icon-bold, .mw-ui-icon-bold::before, .oo-ui-icon-italic, .mw-ui-icon-italic::before, .oo-ui-icon-superscript, .mw-ui-icon-superscript::before { filter: invert; } .ve-ui-contextItem + .ve-ui-contextItem { border-top: 1px solid #333; } .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button { margin-right: 0px; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { background-color: #191919; border-color: #333; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { background-color: #111; } .ve-ui-tableLineContext > .oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon { background-color: #36c; } .wikitable { background-color: #191919; color: #fff; border: 1px solid #333; } .ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug { outline: 1px dashed #777; background-color: #191919; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: #fff; } .oo-ui-iconElement-icon.oo-ui-icon-add { filter: invert; } .oo-ui-toolbar-bar { background-color: #191919; color: #fff; } .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar { border-bottom: 1px solid #333; } .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover, .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover { background-color: #111; } .oo-ui-menuToolGroup { border-left: 1px solid #333; border-right: 1px solid #333; } .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle { background-color: #111; } .oo-ui-popupToolGroup-tools { background-color: #191919; border: 1px solid #333; } .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link { background-color: #111; } .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover { border-right-color: #333; } .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { background-color: #191919; } .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { border: 1px solid #333; }   background-color: #191919; color: #202122; outline: 1px dashed #fff; }   color: #fff; }
 * 1) pagehistory li.selected {
 * 1) pagehistory li.selected {

.oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot { outline: 1px solid #333; } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover { background-color: #111; border-right-color: #333; } .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon:not(.oo-ui-image-invert), .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator:not(.oo-ui-image-invert) { filter: invert; } .oo-ui-labelElement .oo-ui-labelElement-label, .oo-ui-labelElement.oo-ui-labelElement-label, .ve-ui-mwSaveDialog-summaryLabel, .oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded { color: #fff; } .ve-ui-mwSaveDialog-options { background-color: #191919; border: 1px solid #333; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: transparent; color: #fff; border: 1px solid #333; } .ve-ui-mwSaveDialog-summary { background-color: #191919; } .ve-ui-mwSaveDialog-license { color: #a4a9ad; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { background-color: #191919; border-color: #333; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, #searchInput, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: #fff; } .oo-ui-icon-bookmark, .mw-ui-icon-bookmark::before, .oo-ui-icon-play, .mw-ui-icon-play::before, .oo-ui-icon-settings, .mw-ui-icon-settings::before, .oo-ui-icon-trash, .mw-ui-icon-trash::before, .oo-ui-icon-article, .mw-ui-icon-article::before, .oo-ui-icon-tag, .mw-ui-icon-tag::before, .oo-ui-icon-first, .mw-ui-icon-first::before, .oo-ui-icon-previous, .mw-ui-icon-previous::before, .oo-ui-icon-search, .mw-ui-icon-search::before, .oo-ui-indicator-clear { filter: invert(1); } .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: #191919; border: 1px solid #333; } .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { border-top: 1px solid !important; border-image: linear-gradient(90deg,#fff,transparent); border-image-slice: 1; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: #191919; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color: transparent; border: 1px solid #333; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: #191919; color: #fff; border: 1px solid #333; } .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input { border-color: #333; } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border: 1px solid #333; } .mw-parser-output .fmbox-system { border: 1px solid #333 !important; background-color: #191919 !important; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: #191919; } .oo-ui-tagItemWidget { border: 1px solid #333; } ol.references li:target, sup.reference:target { background-color: #424c6a; }

/* KB9098008F (2021-08 Cumulative Update for Watercolor.css) */

.mw-parser-output .ambox { border: 1px solid #333; background-color: #191919 !important; } .mw-parser-output .tmbox { background-color: #2d210e !important; } fieldset { border: 1px solid #333; } .mw-datatable td, .mw-datatable th { border: 1px solid #333 !important; } .oo-ui-panelLayout-framed { border: 1px solid #333; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle { background-color: #191919; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover { background-color: #191919 !important; } .oo-ui-dropdownWidget-handle { border: 1px solid #333; } .oo-ui-dropdownWidget-handle { border: 1px solid #333; } .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: #252525; } .oo-ui-menuSelectWidget { background-color: #191919; border: 1px solid #333; } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { background-color: #252525 !important; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus { border-color: #333; } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover { background-color: transparent; } .mw-rcfilters-ui-filterMenuHeaderWidget-header, .oo-ui-menuSelectWidget { border-bottom: 1px solid #333; background-color: #191919; } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected), .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: #252525; } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom: 1px solid #333; } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: #191919; border-top: 1px solid #333; } .mw-search-profile-tabs { background-color: #191919; border: 1px solid #333; } .search-types .current a { color: #ddd; } .oo-ui-menuSelectWidget { background-color: #191919; border: 1px solid #333; } .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: #252525 !important; } .results-info { color: #fff; }

.mw-parser-output .table-version-unreleased, .mw-parser-output .version-unreleased { background: #7300FF40 !important; }

.mw-parser-output .table-version-unsupported, .mw-parser-output .version-unsupported, .mw-parser-output .table-no { background: #ff000040 !important; }

.mw-parser-output .table-version-supported, .mw-parser-output .version-supported, .mw-parser-output .table-partial { background: #ffff0040 !important; }

.mw-parser-output .table-version-latest, .mw-parser-output .version-latest, .mw-parser-output .table-yes { background: #00ff0040 !important; }

.mw-parser-output .table-version-preview, .mw-parser-output .version-preview { background: #ff780040 !important; }

.mw-parser-output .table-version-future, .mw-parser-output .version-future { background: #00B5FF40 !important; }

.build-list-item.bl-unconfirmed, .build-list-item.bl-confirmed, .build-list-item.bl-leaked, .build-list-item.bl-fake { margin-left: 10px; }

.keypress kbd { background-image: linear-gradient(to bottom,#222,#171717,#111) !important; }

.mw-parser-output .template-documentation { background-color: #243724 !important; }

.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) { background: transparent !important; }

figure[typeof~="mw:Image/Thumb"], figure[typeof~="mw:Video/Thumb"], figure[typeof~="mw:Audio/Thumb"], figure[typeof~="mw:Image/Frame"], figure[typeof~="mw:Video/Frame"], figure[typeof~="mw:Audio/Frame"], figure[typeof~="mw:Image/Thumb"] > figcaption, figure[typeof~="mw:Video/Thumb"] > figcaption, figure[typeof~="mw:Audio/Thumb"] > figcaption, figure[typeof~="mw:Image/Frame"] > figcaption, figure[typeof~="mw:Video/Frame"] > figcaption, figure[typeof~="mw:Audio/Frame"] > figcaption, figure[typeof~="mw:Image/Thumb"] > :first-child > audio, figure[typeof~="mw:Video/Thumb"] > :first-child > audio, figure[typeof~="mw:Audio/Thumb"] > :first-child > audio, figure[typeof~="mw:Image/Frame"] > :first-child > audio, figure[typeof~="mw:Video/Frame"] > :first-child > audio, figure[typeof~="mw:Audio/Frame"] > :first-child > audio, figure[typeof~="mw:Image/Thumb"] > :first-child > img, figure[typeof~="mw:Video/Thumb"] > :first-child > img, figure[typeof~="mw:Audio/Thumb"] > :first-child > img, figure[typeof~="mw:Image/Frame"] > :first-child > img, figure[typeof~="mw:Video/Frame"] > :first-child > img, figure[typeof~="mw:Audio/Frame"] > :first-child > img, figure[typeof~="mw:Image/Thumb"] > :first-child > video, figure[typeof~="mw:Video/Thumb"] > :first-child > video, figure[typeof~="mw:Audio/Thumb"] > :first-child > video, figure[typeof~="mw:Image/Frame"] > :first-child > video, figure[typeof~="mw:Video/Frame"] > :first-child > video, figure[typeof~="mw:Audio/Frame"] > :first-child > video { border: 1px solid #303030; background-color: transparent !important; }

.mw-content-ltr figure[typeof~="mw:Image/Thumb"]:not([typeof~="mw:Error"]) > a::after, .mw-content-ltr figure[typeof~="mw:Video/Thumb"]:not([typeof~="mw:Error"]) > a::after, .mw-content-ltr figure[typeof~="mw:Audio/Thumb"]:not([typeof~="mw:Error"]) > a::after, .oo-ui-icon-puzzle, .mw-ui-icon-puzzle::before { filter: invert(1); }

.oo-ui-windowManager-modal > .oo-ui-dialog { background-color: rgba(0, 0, 0, 0.8); }

.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button { background-color: #370000; } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button .oo-ui-labelElement-label { color: #888; }

.oo-ui-processDialog-actions-primary .oo-ui-actionWidget > .oo-ui-buttonElement-button { border-left-color: #333; border-right-color: transparent; }

.oo-ui-iconElement-icon.oo-ui-icon-trash.oo-ui-image-destructive { filter: none !important; }

.oo-ui-iconElement-icon.oo-ui-icon-info { filter: invert(1); }

.ve-ui-mwParameterPage-label {

color: #fff; }

.oo-ui-processDialog-content .oo-ui-window-head .oo-ui-processDialog-actions-safe .oo-ui-buttonElement-button { border: 0 !important; border-right: 1px solid #333 !important; } .mw-parser-output .xfd-closed { background-color: #213921 !important; } .oo-ui-iconElement-icon.oo-ui-icon-article.mw-widget-titleOptionWidget-hasImage { filter: none !important; }

/* CSS EDITOR */

.wikiEditor-ui .wikiEditor-ui-view, .wikiEditor-ui-toolbar .group { border: 1px solid #333; } .wikiEditor-ui-toolbar { background-color: #191919; box-shadow: none !important; border-radius: 5px 5px 0 0; } .wikiEditor-ui-toolbar .section-main .oo-ui-iconElement-icon.oo-ui-icon-markup.oo-ui-image-progressive { filter: brightness(150); } .ace-tm { background-color: #111; color: white; } .ace-tm .ace_gutter { background: #191919; color: #666; } .ace_gutter-cell { color: #cecece; } .wikiEditor-ui .wikiEditor-ui-top { border-bottom: 1px solid #333; } .ace-tm .ace_gutter-active-line { background-color: #333; filter: none !important; color: #ddd !important; } .ace-tm .ace_cursor { color: white; } .ace-tm .ace_print-margin { display: none; } .ace-tm .ace_marker-layer .ace_selection { background: #252525; } .codeEditor-status { background-color: #191919; border-top: 1px solid #333; } .codeEditor-status-worker-cell.ace_gutter-cell.ace_info, .ace_gutter-cell.ace_info { filter: invert(1); color: #333; } .codeEditor-status-message { border-left: 1px solid #333; border-right: 1px solid #333; }

/* EDIT OPTIONS */

.editOptions { background-color: #252525; color: #fff; border: 1px solid #333; padding: 0.5em 1em 1em 1em; } .mw-editform #wpSummaryWidget { margin-bottom: 0.5em; } .mw-editform #editpage-copywarn { margin: 1.2em 0 0.5em 0; }   box-shadow: 0px 0px 0px 1px black; border-radius: 5px; background-color: black; } .mw-editform .editOptions { border-radius: 0 0 5px 5px; } .wikiEditor-ui .wikiEditor-ui-view { border: 1px solid #333; border-radius: 5px 5px 0 0; }
 * 1) editform {

/* UI BUTTONS */ /* "Save Changes", "Preview Changes", "View Modifications buttons" */ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, #wpPreview { color: #fff; background-color: #191919; border-color: #333; border-radius: 5px; box-shadow: 0px 0px 0px 1px black; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { background-color: #191919; border-color: #447ff5; }   margin-right: 2px; }   border-color: #999; }
 * 1) wpSaveWidget, #wpPreviewWidget {
 * 1) wpPreview:hover, #wpDiff:hover {

/* Checkboxes */ .oo-ui-checkboxInputWidget-checkIcon.oo-ui-widget.oo-ui-widget-enabled.oo-ui-iconElement-icon.oo-ui-icon-check.oo-ui-iconElement.oo-ui-labelElement-invisible.oo-ui-iconWidget.oo-ui-image-invert { background-color: #191919; border-color: #333; border-radius: 5px; box-shadow: 0px 0px 0px 1px black; width: 20px !important; height: 20px !important; }

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: #191919; border-color: #333; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span { background-color: #191919; border-color: #447ff5; }

/* Textboxes */

.oo-ui-textInputWidget .oo-ui-inputWidget-input { color: #fff; background-color: #191919; border-color: #333; border-radius: 5px; box-shadow: 0px 0px 0px 1px black !important; }