User:Insomnia/watercolor.css
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.
/* I don't know very much about CSS, so, please, forgive me (Credits: By NaraInsider1694 (archived by Orangera1n)). */
/* 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;
}
#content {
background-color: #191919 !important;
}
code, pre, kbd, .infobox, #toc, .mbox {
background-color: #191919 !important;
color: white !important;
}
#content table caption {
color: white !important;
}
#content table th, #content table th * {
background-color: #101010;
color: white !important;
}
#content table td {
background-color: #191919;
color: white !important;
}
#content .mp-box {
background-color: #191919 !important;
color: white !important;
}
#content .mp-box.mp-purple h2 {
background-color: #191919 !important;
color: white !important;
}
#content .gallery .thumb {
background-color: #191919 !important;
}
#content .mp-box .gallery .thumb {
background-color: #191919 !important;
}
.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 {
transform: scaleX(1);
}
body #mw-navigation #mw-panel .vector-menu-portal h3 {
border-bottom: none;
}
body #mw-navigation #searchform #simpleSearch #searchInput {
background-color: #191919;
}
#searchButton {
filter: invert(1);
}
.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);
}
#footer-copyrightico {
padding: 0.5em 0 1.5em 0;
}
#filetoc {
border: 1px solid #333;
background-color: #191919;
}
.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;
}
#content .mp-box h1, #content .mp-box h2 {
border-bottom: 1px solid transparent;
border-image-slice: 0 !important;
}
#content .mp-box li::marker {
color: transparent;
}
#content .mp-box.mp-purple h2 {
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;
}
.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;
}
#pagehistory li.selected {
background-color: #191919;
color: #202122;
outline: 1px dashed #fff;
}
#pagehistory li.selected {
color: #fff;
}
.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;
}
#editform {
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;
}
/* 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;
}
#wpSaveWidget, #wpPreviewWidget {
margin-right: 2px;
}
#wpPreview:hover, #wpDiff:hover {
border-color: #999;
}
/* 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;
}