您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
Inverts light theme to make a dark theme and uses tints/shades when colors have intentional meaning
当前为
// ==UserScript== // @name Warzone.com Wiki Dark Theme // @namespace Violentmonkey Scripts // @match https://www.warzone.com/wiki/* // @version 1.1.2 // @author https://greasyfork.org/en/users/85040-dan-wl-danwl // @description Inverts light theme to make a dark theme and uses tints/shades when colors have intentional meaning // @grant none // @license MIT // ==/UserScript== (function() { // TODO plain inversion is too bright in some cases // so invert then apply [tint (if dark) or shade (if light)] 2 from https://www.color-hex.com/color/<hex code> /* for browser input/button color overriding */ const ButtonBorder = '#323232';// rgb(227, 227, 227) -> #1c1c1c const FieldText = '#e5e5e5';// rgb(0, 0, 0) -> #fff const Field = '#191919';// rgb(255, 255, 255) -> #000 const ButtonText = '#e5e5e5';// rgb(0, 0, 0) -> #fff const ButtonFace = '#2d2d29';// rgb(233, 233, 237) -> #161612 const ButtonHoverText = '#e5e5e5';// rgb(0, 0, 0) -> #fff const ButtonHoverFace = '#43433d';// rgb(208, 208, 215) -> #2f2f28 const style = document.createElement('style'); const style2 = document.createElement('style'); const style3 = document.createElement('style'); style.innerHTML = `/* override browser default colors */ textarea { color: ${FieldText}; background: ${Field}; border-color: ${ButtonBorder}; } input:not(type), input[type="date"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input[type="datetime"] { color: ${FieldText}; background-color: ${Field}; border-color: ${ButtonBorder}; } button, input[type="button"], input[type="color"], input[type="reset"], input[type="submit"] { color: ${ButtonText}; background-color: ${ButtonFace}; border-radius: 4px; } button:hover, input[type="button"]:hover, input[type="color"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { color: ${ButtonHoverText}; background-color: ${ButtonHoverFace}; } input[type="number"] { /* cant style the up/down buttons */ color: ${FieldText}; background-color: ${Field}; border-color: ${ButtonBorder}; } input[type="file"] { /* cant style the button itself */ color: ${FieldText}; background-color: ${Field}; border-color: ${ButtonBorder}; } /* these cannot be styled: */ /* input[type="checkbox"] */ /* input[type="radio"] */ /* input[type="range"] */ /* no need to style these: */ /* input[type="hidden"] */ /* input[type="image"] */ /* load.php 410 rules */ .mw-message-box { /* shade 6 of https://www.color-hex.com/color/eaecf0 */ background-color: #757678; color: #fff; /* tint 6 of https://www.color-hex.com/color/54595d */ border-color: #a9acae; } .mw-message-box-error { /* shade 6 of https://www.color-hex.com/color/fee7e6 */ background-color: #7f7373; /* border-color can be left as #591212 */ } .mw-message-box-warning { /* shade 6 of https://www.color-hex.com/color/fef6e7 */ background-color: #7f7b73; /* border-color can be left as #a66200 */ } .mw-message-box-success { /* shade 6 of https://www.color-hex.com/color/d5fdf4 */ background-color: #6a7e7a; /* border-color can be left as #096450 */ } figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'] { border-color: #37332e; background-color: #070605; } figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element, figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element { border-color: #37332e; background-color: #070605; } figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption { border-color: #37332e; background-color: #070605; } figure[typeof~='mw:File/Thumb'] > .mw-file-description::after, figure[typeof~='mw:File/Thumb'] > .mw-file-magnify::after { filter: invert(100%); } .mw-content-ltr figure[typeof~='mw:File/Thumb'] > .mw-file-description::after, .mw-content-ltr figure[typeof~='mw:File/Thumb'] > .mw-file-magnify::after { filter: invert(100%); } .mw-content-rtl figure[typeof~='mw:File/Thumb'] > .mw-file-description::after, .mw-content-rtl figure[typeof~='mw:File/Thumb'] > .mw-file-magnify::after { filter: invert(100%); } .mw-image-border .mw-file-element { border-color: #15130f; } .wikitable { background-color: #070605; color: #dfdedd; border-color: #5d564e; } .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { border-color: #5d564e; } .wikitable > tr > th, .wikitable > * > tr > th { background-color: #15130f; color: #dfdedd; } .catlinks { background-color: #070605; border-color: #5d564e; } .catlinks li { border-color: #5d564e; } #mw-content-subtitle, #contentSub2 { color: #aba6a2; } .usermessage { background-color: #010918; } a { /* tint 6 of https://www.color-hex.com/color/0645ad */ color: #82a2d6; } a:visited { /* tint 6 of https://www.color-hex.com/color/0b0080 */ color: #857fbf; } a:active { /* tint 6 of https://www.color-hex.com/color/faa700 */ color: #fcd37f; } hr { background-color: #5d564e; } h1, h2, h3, h4, h5, h6 { color: #fff; } .mw-heading1, h1, .mw-heading2, h2 { border-bottom-color: #5d564e; } pre, code, wm-code { background-color: #070605; color: #fff; border-color: #15130f; } fieldset { border-color: #d5b472; } textarea { border-color: #5d564e; } .toc, .toccolours { background-color: #070605; border-color: #5d564e; } .tocnumber { color: #dfdedd; } .toctogglelabel { /* same as a using #0645ad */ color: #82a2d6; } .mixin-vector-legacy-menu-heading-arrow { filter: invert(100%); } @media screen { .vector-body blockquote { border-left-color: #15130f; } .mw-parser-output a.external { filter: invert(100%); } body { background-color: #090909; } .mw-body, .parsoid-body { background-color: #000; color: #dfdedd; } .mw-body { border-color: #582806; } #mw-page-base { background-color: #040404; background-image: linear-gradient(to bottom,#000 50%,#090909 100%); } .mw-footer li { color: #dfdedd; } .vector-menu-dropdown .vector-menu-heading { color: #aba6a2; } .vector-menu-dropdown .vector-menu-heading::after { filter: invert(100%); } .vector-menu-dropdown .vector-menu-heading:hover, .vector-menu-dropdown .vector-menu-heading:focus { color: #dfdedd; } .vector-menu-dropdown .vector-menu-content { background-color: #000; border-color: #5d564e; box-shadow:0 1px 1px 0 rgba(255,255,255,0.1); } .vector-menu-dropdown .mw-list-item a { /* same as a using #0645ad */ color: #82a2d6; } .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { /* tint 6 of https://www.color-hex.com/color/202122 */ color: #8f9090; } .vector-menu-tabs-legacy li { background-image:linear-gradient(to top,#883e09 0,#170d07 1px,#000 100%); } .vector-menu-tabs-legacy li a { /* same as a using #0645ad */ color: #82a2d6; } .vector-menu-tabs-legacy .new a, .vector-menu-tabs-legacy .new a:visited { /* tint 6 of https://www.color-hex.com/color/ba0000 */ color: #5d0000; } .vector-menu-tabs-legacy .selected { background-color: #000 } .vector-menu-tabs-legacy .selected a, .vector-menu-tabs-legacy .selected a:visited { /* tint 6 of https://www.color-hex.com/color/202122 */ color: #8f9090; } .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background-image: linear-gradient(to bottom,rgba(88,40,1,0) 0,#582806 100%); } .vector-legacy-sidebar .vector-menu-portal .vector-menu-heading { color: #aba6a2; background-image: linear-gradient(to right,rgba(55,51,46,0) 0,#37332e 33%,#37332e 66%,rgba(55,51,46,0) 100%); } .vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a { /* same as a using #0645ad */ color: #82a2d6; } .vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited { /* same as a using #0b0080 */ color: #857fbf; } .vector-search-box-input { background-color: rgba(0,0,0,0.5); color: #fff; border-color: #5d564e; } .vector-search-box-inner:hover .vector-search-box-input { border-color: #8d8882; } .vector-search-box-input::-webkit-input-placeholder { color: #8d8882; } .vector-search-box-input:-ms-input-placeholder { color: #8d8882; } .vector-search-box-input::-moz-placeholder { color: #8d8882; } .vector-search-box-input::placeholder { color: #8d8882; } .searchButton[name='go'] { filter: invert(100%); } .vector-menu-tabs #ca-unwatch.icon a::before { filter: invert(100%); } .vector-menu-tabs #ca-unwatch.mw-watchlink-temp.icon a::before { filter: invert(100%); } .vector-menu-tabs #ca-watch.icon a::before { filter: invert(100%); } .vector-menu-tabs #ca-unwatch.icon a:hover::before, .vector-menu-tabs #ca-unwatch.icon a:focus::before { filter: invert(100%); } .vector-menu-tabs #ca-unwatch.mw-watchlink-temp.icon a:hover::before, .vector-menu-tabs #ca-unwatch.mw-watchlink-temp.icon a:focus::before { filter: invert(100%); } .vector-menu-tabs #ca-watch.icon a:hover::before, .vector-menu-tabs #ca-watch.icon a:focus::before { filter: invert(100%); } .vector-user-menu-legacy #pt-anonuserpage, .vector-user-menu-legacy #pt-userpage a { filter: invert(100%); } .vector-user-menu-legacy #pt-anonuserpage { color: #aba6a2; } } @media print { .mw-body a:not(.image) { /* tint 6 of https://www.color-hex.com/color/aaaaaa */ border-bottom-color: #555555; } .firstHeading, .mw-heading2, h2 { border-bottom-color: #fff; } blockquote { border-left-color: #fff; } .printfooter { border-top-color: #fff; } .mw-footer { border-top-color: #111; } #footer-info li { color: #666; } #footer-info li a { color: #666 !important; } #footer-info-lastmod { color: #fff; } #footer { background-color: #000; color: #fff; border-top-color: #555; } } /* load.php 11 rules */ div.ambox { /* orange is FFA500 */ /* tint 6 of https://www.color-hex.com/color/ffa500 */ border-color: #ffd27f; background-color: #040404; } div.infobox { border-color: #fff; background-color: #202020; } div.infobox div.plainlinks a, div.infobox div.plainlinks a:hover { color: #fff; } div.infobox hr { color: #fff; background-color: #fff; } div.navbox { background-color: #0e0e0e; border-color: #fff; } div.navbox div.navbox-header { background-color: #212121; border-color: #fff; } /* inline stylesheet 1 10 rules */ .suggestions-special { background-color: #000; border-color: #5d564e; } .suggestions-results { background-color: #000; border-color: #5d564e; } .suggestions-result { color: #fff; } .suggestions-result-current { background-color: #d5b472; color: #000; } .suggestions-special .special-label { color: #8d8882; } .suggestions-special .special-query { color: #fff; } .suggestions-special .special-hover { background-color: #37332e; } .suggestions-result-current .special-label, .suggestions-result-current .special-query { color: #000; } /* inline stylesheet 3 3 rules */ .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: #fff; } .suggestions-result-current a.mw-searchSuggest-link, .suggestions-result-current a.mw-searchSuggest-link:hover, .suggestions-result-current a.mw-searchSuggest-link:active, .suggestions-result-current a.mw-searchSuggest-link:focus { color: #000; }`; style2.innerHTML = `/* load.php 1033 rules https://www.warzone.com/wiki/Special:Categories */ .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td { color: #070605; } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { color: #15130f; } .mw-datatable { border-color: #5d564e; } .mw-datatable td, mw-datatable th { border-color: #5d564e; } .mw-datatable th { background-color: #151100; } .mw-datatable td { background-color: #000; } .mw-datatable tr:hover td { background-color: #150c00; } .oo-ui-pendingElement-pending { background-color: #15130f; background-image: linear-gradient(135deg,#000 25%,transparent 25%,transparent 50%,#000 50%,#000 75%,transparent 75%,transparent); } .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { color: #8d8882; } .oo-ui-panelLayout-framed { border-color: #5d564e; } .oo-ui-optionWidget.oo-ui-widget-disabled { color: #8d8882; } .oo-ui-radioSelectWidget:focus [type='radio']:checked + span::before { border-color: #000; } .oo-ui-labelWidget.oo-ui-inline-help { color: #aba6a2; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error { /* shade 6 of https://www.color-hex.com/color/fee7e6 */ background-color: #7f7373; /* border-color can be left as #b32424 */ } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { /* shade 6 of https://www.color-hex.com/color/fef6e7 */ background-color: #7f7b73; /* tint 6 of https://www.color-hex.com/color/a66200 */ border-color: #d2b07f; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { /* shade 6 of https://www.color-hex.com/color/d5fdf4 */ background-color: #6a7e7a; /* tint 6 of https://www.color-hex.com/color/096450 */ border-color: #84b1a7; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { /* shade 6 of https://www.color-hex.com/color/eaecf0 */ background-color: #757678; /* tint 6 of https://www.color-hex.com/color/54595d */ border-color: #a9acae; } .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block) { /* can be left as #d73333 */ } .oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) { /* can be left as #14866d */ } .oo-ui-popupWidget-popup { background-color: #000; border-color: #5d564e; box-shadow: 0 2px 2px 0 rgba(255,255,255,0.2); } @supports (filter:drop-shadow(0 0 0)) { .oo-ui-popupWidget { filter: drop-shadow(0 2px 1px rgba(255,255,255,0.3)); } } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::before { border-bottom-color: #847a6f; } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after { border-bottom-color: #000; } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::before { border-top-color: #5d564e; } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor::after { border-top-color: #000; } .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor::before { border-right-color: #5d564e; } .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor::after { border-right-color: #000; } .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor::before { border-left-color: #5d564e; } .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor::after { border-left-color: #000; } .oo-ui-checkboxInputWidget [type='checkbox'] + span { background-color: #000; border-color: #8d8882; } .oo-ui-checkboxInputWidget [type='checkbox']:indeterminate + span::before { background-color: #000; } .oo-ui-checkboxInputWidget [type='checkbox']:disabled + span { background-color: #37332e; border-color: #37332e; } .oo-ui-dropdownInputWidget select { border-color: #5d564e; } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled { background-color: #070605; } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover { background-color: #000; } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: #dfdedd; } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover { color: #bfbdbb; border-color: #5d564e; } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active { color: #fff; border-color: #8d8882; } .oo-ui-dropdownInputWidget.oo-ui-widget-disabled { background-color: #15130f; } .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select { color: #8d8882; border-color: #37332e; } .oo-ui-radioInputWidget [type='radio'] + span { background-color: #000; border-color: #8d8882; } .oo-ui-radioInputWidget [type='radio']:disabled + span { background-color: #37332e; border-color: #37332e; } .oo-ui-radioInputWidget [type='radio']:disabled:checked + span { background-color: #000; } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:focus + span::before { border-color: #000; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: #000; color: #fff; border-color: #5d564e; } .oo-ui-textInputWidget .oo-ui-pendingElement-pending { background-color: #15130f; } .oo-ui-textInputWidget > .oo-ui-labelElement-label { color: #8d8882; } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::-webkit-input-placeholder { color: #8d8882; } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:-ms-input-placeholder { color: #8d8882; } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::-moz-placeholder { color: #8d8882; } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder { color: #8d8882; } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: #070605; } .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input { color: #8d8882; } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input { background-color: #15130f; -webkit-text-fill-color: #8d8882; color: #8d8882; text-shadow: 0 1px 1px #000; border-color: #37332e; } .oo-ui-textInputWidget.oo-ui-widget-disabled > .oo-ui-labelElement-label { color: #8d8882; text-shadow: 0 1px 1px #000; } .oo-ui-menuSelectWidget { background-color: #000; border-color: #5d564e; box-shadow: 0 2px 2px 0 rgba(255,255,255,0.2); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: #15130f; color: #fff; } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: #150c00; } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: #dfdedd; } .oo-ui-menuSectionOptionWidget { color: #8d8882; } .oo-ui-dropdownWidget-handle { border-color: #5d564e; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle { background-color: #070605; color: #dfdedd; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover { background-color: #000; color: #bfbdbb; border-color: #5d564e; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active { color: #fff; border-color: #8d8882; } .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: #000; } .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { color: #8d8882; text-shadow:0 1px 1px #000; border-color: #37332e; backgrond-color: #15130f; } .oo-ui-comboBoxInputWidget-open .oo-ui-comboBoxInputWidget-dropdownButton > .oo-ui-buttonElement-button { background-color: #000; } .oo-ui-multioptionWidget.oo-ui-widget-disabled { color: #8d8882; } .oo-ui-progressBarWidget { border-color: #5d564e; box-shadow:0 2px 2px 0 rgba(255,255,255,0.2); } .oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending) { backgrond-color: #000; } .oo-ui-progressBarWidget.oo-ui-widget-disabled .oo-ui-progressBarWidget-bar { background-color: #37332e; } .oo-ui-selectFileInputWidget-dropTarget { background-color: #000; border-color: #5d564e; } .oo-ui-selectFileInputWidget.oo-ui-widget-enabled.oo-ui-selectFileInputWidget-dropTarget { background-color: #000; } .oo-ui-selectFileInputWidget.oo-ui-widget-enabled.oo-ui-selectFileInputWidget-dropTarget:hover { border-color: #8d8882; } .oo-ui-selectFileInputWidget.oo-ui-widget-enabled.oo-ui-selectFileInputWidget-canDrop.oo-ui-selectFileInputWidget-dropTarget, .oo-ui-selectFileInputWidget.oo-ui-widget-enabled.oo-ui-selectFileInputWidget-canDrop .oo-ui-selectFileInputWidget-info > .oo-ui-inputWidget-input { background-color: #150c00; color: #d5b472; } .oo-ui-selectFileInputWidget.oo-ui-widget-enabled.oo-ui-selectFileInputWidget-cantDrop.oo-ui-selectFileInputWidget-dropTarget, .oo-ui-selectFileInputWidget.oo-ui-widget-enabled.oo-ui-selectFileInputWidget-cantDrop .oo-ui-selectFileInputWidget-info > .oo-ui-inputWidget-input { /* shade 6 of https://www.color-hex.com/color/fee7e6 */ background-color: #7f7373; } .oo-ui-selectFileInputWidget.oo-ui-widget-disabled.oo-ui-selectFileInputWidget-dropTarget, .oo-ui-selectFileInputWidget.oo-ui-selectFileInputWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileInputWidget-dropTarget { background-color: #15130f; border-color: #37332e; } .oo-ui-toggleSwitchWidget { background-color: #070605; border-color: #8d8882 } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { background-color: #070605; border-color: #8d8882; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { background-color: #000; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { background-color: #000; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip { background-color: #000; border-color: #000; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { background-color: #000; border-color: #000; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before { border-color: #000; } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { background-color: #37332e; border-color: #37332e; } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { border-color: #000; box-shadow: inset 0 0 0 1px #000; } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { background-color: #000; } /* 2941 onwards should be fine to ignore because its rules included in first style */ /* inline stylesheet 3 13 rules */ .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description { color: #8d8882; } .mw-widget-titleWidget-menu-withImages .mw-widget-titleOptionWidget.oo-ui-iconElement > .oo-ui-iconElement-icon:not(.mw-widget-titleOptionWidget-hasImage) { background-color: #37332e; }`; style3.innerHTML = `load.php 1090 rules https://www.warzone.com/wiki/index.php?title=Special:UserLogin&returnto=Main+Page */ .cdx-icon { color: #dfdedd; } .cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled { background-color: #070605; color: #dfdedd; border-color: #5d564e; } @supports ((-webkit-mask-image:none) or (mask-image:none)) { .cdx-button:enabled .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled .cdx-button__icon { background-color: #dfdedd; } } .cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover { background-color: #000; color: #bfbdbb; } @supports ((-webkit-mask-image:none) or (mask-image:none)) { .cdx-button:enabled:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon { background-color: #bfbdbb; } } .cdx-button:enabled:active, .cdx-button.cdx-button--fake-button--enabled:active, .cdx-button:enabled.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active { background-color: #15130f; color: #fff; border-color: #8d8882; } @supports ((-webkit-mask-image:none) or (mask-image:none)) { .cdx-button:enabled:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon, .cdx-button:enabled.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon { background-color: #fff; } } .cdx-button:enabled.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active { background-color: #150c00; } .cdx-button:enabled.cdx-button--action-destructive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive:active, .cdx-button:enabled.cdx-button--action-destructive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-destructive.cdx-button--is-active { /* shade 6 of https://www.color-hex.com/color/fee7e6 */ background-color: #7f7373; } @supports ((-webkit-mask-image:none) or (mask-image:none)) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon { background-color: #000; } } @supports ((-webkit-mask-image:none) or (mask-image:none)) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon { background-color: #000; } } @supports ((-webkit-mask-image:none) or (mask-image:none)) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon { background-color: #000; } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive { color: #000; } @supports ((-webkit-mask-image:none) or (mask-image:none)) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive .cdx-button__icon { background-color: #000; } } @supports ((-webkit-mask-image:none) or (mask-image:none)) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:hover .cdx-button__icon { background-color: #000; } } /* 283 */ @supports ((-webkit-mask-image:none) or (mask-image:none)) { .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon { background-color: #000; } } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-destructive:focus:not(:active):not(.cdx-button--is-active) { box-shadow:inset 0 0 0 1px #d73333,inset 0 0 0 2px #000 } .cdx-button:enabled.cdx-button--weight-quiet:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:hover { background-color: rgba(255,231,182,.027); } .cdx-button:enabled.cdx-button--weight-quiet:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active { background-color: rgba(255,231,182,.082); color: #fff; border-color: #8d8882; } @supports ((-webkit-mask-image:none) or (mask-image:none)) { .cdx-button:enabled.cdx-button--weight-quiet:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--is-active .cdx-button__icon { background-color: #fff; } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover { background-color: #150c00; } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active { color: #000; } @supports ((-webkit-mask-image:none) or (mask-image:none)) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon { background-color: #000; } } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:hover { /* shade 6 of https://www.color-hex.com/color/fee7e6 */ background-color: #7f7373; } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active { color: #000; } @supports ((-webkit-mask-image:none) or (mask-image:none)) { .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-destructive.cdx-button--is-active .cdx-button__icon { background-color: #000; } } .cdx-button:disabled, .cdx-button.cdx-button--fake-button--disabled { background-color: #37332e; color: #000; } @supports ((-webkit-mask-image:none) or (mask-image:none)) { .cdx-button:disabled .cdx-button__icon, .cdx-button.cdx-button--fake-button--disabled .cdx-button__icon { background-color: #000; } } .cdx-button:disabled.cdx-button--weight-quiet, .cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet { color: #8d8882; } @supports ((-webkit-mask-image:none) or (mask-image:none)) { .cdx-button:disabled.cdx-button--weight-quiet .cdx-button__icon, .cdx-button.cdx-button--fake-button--disabled.cdx-button--weight-quiet .cdx-button__icon { background-color: #8d8882; } } .cdx-accordion { border-bottom-color: #37332e; } .cdx-accordion>summary:hover { background-color: #070605; } .cdx-accordion>summary:active { background-color: #15130f; } .cdx-accordion .cdx-accordion__header__description { color: #aba6a2; } @supports not (((-webkit-mask-image:none) or (mask-image:none))) { .cdx-accordion>summary:before { filter: invert(100%); } .cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-accordion>summary:before, .cdx-button--weight-primary.cdx-button--action-progressive .cdx-accordion>summary:before, .cdx-button--weight-primary.cdx-button--action-destructive .cdx-accordion>summary:before { filter: invert(0%); } } @supports ((-webkit-mask-image:none) or (mask-image:none)) { .cdx-accordion>summary:before { filter: invert(100%); } } .cdx-button-group .cdx-button:disabled { box-shadow: 0 -1px #000,-1px 0 #000; } .cdx-thumbnail__placeholder, .cdx-thumbnail__image { border-color: #37332e; } .cdx-thumbnail__placeholder { background-color: #070605; } @supports not (((-webkit-mask-image:none) or (mask-image:none))) { .cdx-thumbnail__placeholder__icon { filter: invert(100%); } .cdx-button:not(.cdx-button--weight-quiet):disabled .cdx-thumbnail__placeholder__icon, .cdx-button--weight-primary.cdx-button--action-progressive .cdx-thumbnail__placeholder__icon, .cdx-button--weight-primary.cdx-button--action-destructive .cdx-thumbnail__placeholder__icon { filter: invert(0%); } } @supports ((-webkit-mask-image:none) or (mask-image:none)) { .cdx-thumbnail__placeholder__icon { filter: invert(100%); } } .cdx-thumbnail__placeholder__icon--vue.cdx-icon { color: #8d8882; } .cdx-card { background-color: #000; border-color: #5d564e; } .cdx-card--is-link:hover { border-color: #8d8882; } .cdx-card--is-link:focus { box-shadow: inset 0 0 0 1px #36c,inset 0 0 0 2px #000; } .cdx-card__text__title { color: #dfdedd; } .cdx-card__text__description, .cdx-card__text__supporting-text, .cdx-card__text__description .cdx-icon, .cdx-card__text__supporting-text .cdx-icon { color: #aba6a2; } .cdx-label:not(.cdx-label--disabled) .cdx-label__label__optional-flag, .cdx-label:not(.cdx-label--disabled) .cdx-label__description { color: #aba6a2; } .cdx-label--disabled, .cdx-label--disabled .cdx-label__label__icon { color: #8d8882; } .cdx-checkbox__icon { background-color: #000; } .cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before { background-color: #000; } .cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before { filter: invert(100%); } .cdx-checkbox__input:enabled+.cdx-checkbox__icon { border-color: #8d8882; } .cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon { box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #000; } .cdx-checkbox__input:disabled+.cdx-checkbox__icon { background-color: #37332e; border-color: #37332e; } .cdx-checkbox__input:disabled~.cdx-checkbox__label, .cdx-checkbox__input:disabled~.cdx-checkbox__label.cdx-label { color: #8d8882; } .cdx-input-chip { background-color: #070605; color: #dfdedd; border-color: #37332e; } .cdx-input-chip:not(.cdx-input-chip--disabled):hover { background-color: #000; } .cdx-input-chip:not(.cdx-input-chip--disabled):active { background-color: #15130f; border-color: #8d8882; } .cdx-input-chip--disabled { background-color: #37332e; color: #000; } .cdx-input-chip--disabled .cdx-icon { color: #000; } .cdx-chip-input__input::placeholder { color: #8d8882; } .cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__chips, .cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input { border-color: #5d564e; } .cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__chips .cdx-chip-input__input, .cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input .cdx-chip-input__input { background-color: #000; } .cdx-chip-input:not(.cdx-chip-input--disabled) .cdx-chip-input__separate-input { background-color: #000; } .cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips { background-color: #000; } .cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--has-separate-input .cdx-chip-input__chips { background-color: #070605; } .cdx-chip-input:not(.cdx-chip-input--disabled):not(.cdx-chip-input--has-separate-input) .cdx-chip-input__chips:hover, .cdx-chip-input:not(.cdx-chip-input--disabled).cdx-chip-input--has-separate-input .cdx-chip-input__separate-input:hover { border-color: #8d8882; } .cdx-chip-input--disabled .cdx-chip-input__chips, .cdx-chip-input--disabled .cdx-chip-input__separate-input { background-color: #15130f; border-color: #37332e; } .cdx-chip-input--disabled .cdx-chip-input__chips .cdx-chip-input__input, .cdx-chip-input--disabled .cdx-chip-input__separate-input .cdx-chip-input__input { color: #8d8882; -webkit-text-fill-color: #8d8882; } .cdx-menu-item--enabled, .cdx-menu-item--enabled .cdx-menu-item__content { color: #dfdedd; } .cdx-menu-item--enabled .cdx-menu-item__text__supporting-text, .cdx-menu-item--enabled .cdx-menu-item__text__description { color: #aba6a2; } /* 1154 */ /* should be fine to ignore after 3227 as it repeats the first style */ `; document.head.appendChild(style); document.head.appendChild(style2); // document.head.appendChild(style3); })();