Custom Wikipedia by zhouyuhao

/* ==UserStyle==
@name           Custom Wikipedia
@namespace      USO Archive
@author         Zhou Yahui
@description    `Custom WikipediaCheck out my other styles:https://userstyles.org/users/812884DISCORD:Join my Discord server to get notifications when a new update has been released, get direct support from me and others, and it is generally faster than userstyles to get in touch with me : https://discord.gg/Emv2rtkTheme by Zhou Yahui`
@version        20230203.15.34
@license        NO-REDISTRIBUTION
@preprocessor   uso
@advanced dropdown th "Mode" {
	dmh "Dark*" <<<EOT /*---*\/
/*invert*\/
.svg-Wikipedia_wordmark, .localized-slogan, .svg-Wikimedia-logo_black, .mw-wiki-logo, #pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read, img.noviewer, img.mwe-math-fallback-image-inline, .oo-ui-indicator-down, .mw-ui-icon.mw-ui-icon-element, .helpContents-icon, label.cx-entrypoint-dialog__desc.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-labelElement-label.oo-ui-labelWidget, span.oo-ui-iconElement-icon.oo-ui-icon-close, span.oo-ui-iconElement-icon.oo-ui-icon-fullScreen, body .ui-dialog .ui-icon-closethick, .mw-logo-container img {
    filter: invert(1);
}
/*green*\/
.mw-parser-output #mp-left, .mw-parser-output #mp-left .mp-h2, .quotebox.pullquote.floatright {
    background: rgba(122, 255, 125,.1)!important
}
/*blue*\/
.mw-parser-output #mp-right, .mw-parser-output #mp-right .mp-h2, .boilerplate.archived {
    background: rgba(122, 125, 255,.1)!important;
}
/*red*\/
.mw-parser-output #mp-middle, .mw-parser-output #mp-tfl-h2 {
    background: rgba(255, 122, 125,.1);
}
/*bluelower*\/
.mw-parser-output #mp-lower, .mw-parser-output #mp-tfp-h2 {
    background: rgba(62, 61, 255,.1);
} 
/*darken*\/
.mwe-popups-overlay, .oo-ui-windowManager-modal > .oo-ui-dialog {
    background: rgba(0,0,0,.6)
}
/*---*\/  EOT;
lmh "Light" <<<EOT /*lmh*\/ EOT;

}
@advanced color min "Main color" #14111A
@advanced color scn "Secondary color" #06030D
@advanced color acn "Accent color" #FF0000
@advanced color amn "Accent color (muted)" #A00000
@advanced color txn "Text color" #FFFFFF
@advanced dropdown rgb "RGB mode" {
	no1 "Off*" <<<EOT /*rgboff*\/ EOT;
ye1 "On" <<<EOT @keyframes borderrgb{
0% {border-color: rgb(255,0,0);}
6% {border-color: rgb(255,85,0);}
12% {border-color: rgb(255,170,0);}
  18% {border-color: rgb(255,255,0);}
24% {border-color: rgb(170,255,0);}
30% {border-color: rgb(85,255,0);}
36% {border-color: rgb(0,255,0);}
42% {border-color: rgb(0,255,85);}
48% {border-color: rgb(0,255,170);}
54% {border-color: rgb(0,255,255);}
60% {border-color: rgb(0,170,255);}
65% {border-color: rgb(0,85,255);}
70% {border-color: rgb(0,0,255);}
75% {border-color: rgb(85,0,255);}
80% {border-color: rgb(170,0,255);}
85% {border-color: rgb(255,0,255);}
89% {border-color: rgb(255,0,170);}
94% {border-color: rgb(255,0,85);}
}
@keyframes bcgrgb{
0% {background: rgb(255,0,0);}
6% {background: rgb(255,85,0);}
12% {background: rgb(255,170,0);}
  18% {background: rgb(255,255,0);}
24% {background: rgb(170,255,0);}
30% {background: rgb(85,255,0);}
36% {background: rgb(0,255,0);}
42% {background: rgb(0,255,85);}
48% {background: rgb(0,255,170);}
54% {background: rgb(0,255,255);}
60% {background: rgb(0,170,255);}
65% {background: rgb(0,85,255);}
70% {background: rgb(0,0,255);}
75% {background: rgb(85,0,255);}
80% {background: rgb(170,0,255);}
85% {background: rgb(255,0,255);}
89% {background: rgb(255,0,170);}
94% {background: rgb(255,0,85);}
}

@keyframes txnrgb{
0% {color: rgb(255,0,0);}
6% {color: rgb(255,85,0);}
12% {color: rgb(255,170,0);}
  18% {color: rgb(255,255,0);}
24% {color: rgb(170,255,0);}
30% {color: rgb(85,255,0);}
36% {color: rgb(0,255,0);}
42% {color: rgb(0,255,85);}
48% {color: rgb(0,255,170);}
54% {color: rgb(0,255,255);}
60% {color: rgb(0,170,255);}
65% {color: rgb(0,85,255);}
70% {color: rgb(0,0,255);}
75% {color: rgb(85,0,255);}
80% {color: rgb(170,0,255);}
85% {color: rgb(255,0,255);}
89% {color: rgb(255,0,170);}
94% {color: rgb(255,0,85);}
} EOT;

}
@advanced dropdown rgl "RGB Length" {
	lor "Long*" <<<EOT 30s EOT;
shr "Shorter" <<<EOT 15s EOT;
ulr "Ultra Long" <<<EOT 60s EOT;

}

==/UserStyle== */
@-moz-document domain("wikipedia.org") {
/*V1.1_230203*/
:root {
    --minr: /*[[min]]*/;
    --scnr: /*[[scn]]*/;
    --acnr: /*[[acn]]*/;
    --acdr: /*[[amn]]*/;
    --txnr: /*[[txn]]*/;
}
/*min*/
body, .lang-list-border, .app-badges .footer-sidebar-content, .suggestion-link.active, .lang-list-button:hover, .lang-list-container, #mw-page-base, .mw-ui-button, .mw-ui-button.mw-ui-progressive:hover, .uls-language-block > ul > li:hover, select, .vectorTabs, .vectorTabs a, #mw-head .vectorMenu h3, .mw-body, .parsoid-body, .mw-parser-output #mp-topbanner, .mw-parser-output #mp-other-lower .mp-h2, .mw-parser-output .itn-special, .navbox-even, .navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title, .mw-mmv-post-image, .mw-mmv-image-metadata, .suggestions-result-current, .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .help-intro-sidetab.help-intro-sidetab-active, .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .mw-mmv-dialog, .mw-mmv-download-pane .mw-mmv-download-attribution, .mw-datatable tr:hover td, .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3, hr, .ui-widget-content, .mw-page-container, .vector-toc, .vector-toc-pinned #vector-toc-pinned-container .vector-toc:after {
    background: var(--minr);
}
/*minimp*/
.help-intro-sidetab.help-intro-sidetab-active, .mw-inputbox-centered, .introto__tabs-main, body .ui-dialog .ui-widget-header {
    background: var(--minr)!important;
}
/*acntxn*/
a, a:active, a:focus, .suggestion-link.active .suggestion-title, .portal h3, .vector-menu-portal h3, .uls-language-block a, .vector-menu-tabs .selected a:visited, .vectorTabs .selected a, .vector-menu-tabs .selected a, .vectorTabs .selected a:visited, .vector-menu-tabs .selected a:visited, .mw-parser-output a.external, .mw-parser-output a.extiw, .mw-parser-output a.extiw:active, .toctogglelabel, .oo-ui-menuSectionOptionWidget, .tekst-graa, small, .vector-menu-tabs .mw-list-item a, input[type='checkbox']:hover + .mw-ui-button.mw-ui-progressive.mw-ui-quiet, .mw-ui-button.mw-ui-progressive.mw-ui-quiet:hover, .vector-pinnable-header-toggle-button:hover, .vector-toc .vector-toc-link {
    color: var(--acnr);
animation: txnrgb /*[[rgl]]*/ infinite
}
/*acntxnvisited*/
.mw-parser-output a.external:visited, a:visited, .mw-parser-output a.extiw:visited {
    color: var(--acdr);
}
/*acntxnimp*/
span.mw-ui-button > span {
    color: var(--acnr)!important;
}
/*acnbcg*/
.pure-button-primary-progressive, .lang-list-active .lang-list-button, .bookshelf .text, .languagesettings-menu .menu-section.active, #languagesettings-panels .mw-ui-pressed, .mw-ui-button:hover, .mw-ui-button.mw-ui-progressive, .vectorTabs .selected, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed), .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected, .cdx-button--framed:enabled:hover, .cdx-button--framed:enabled {
    background: var(--acnr);
animation: bcgrgb /*[[rgl]]*/ infinite
}
/*acnbcg2*/
.mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:checked + label:before, .mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:checked:focus + label:before, .mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:checked:hover + label:before {
    background-color: var(--acnr);
animation: bcgrgb /*[[rgl]]*/ infinite
}
/*acnbrd*/
.pure-button-primary-progressive, .languagesettings-menu .menu-section.active, #languagesettings-panels .mw-ui-pressed, .mw-ui-button.mw-ui-progressive:hover, .skin-vector .uls-search, .mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:checked + label:before, .mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:checked:focus + label:before, .mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:checked:hover + label:before, select, .client-js .mw-ui-radio:not(#noop) [type='radio']:enabled:checked + label:before, .client-js .mw-ui-radio:not(#noop) [type='radio']:enabled:checked:hover + label:before, .mw-body, h1, h2, h3, h4, h5, h6, .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td, .navbox-list, tr + tr > .navbox-abovebelow, tr + tr > .navbox-group, tr + tr > .navbox-image, tr + tr > .navbox-list, .mw-parser-output .module-shortcutboxplain, .suggestions-special, .suggestions-results, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle, .oo-ui-dropdownWidget-handle {
    border-color: var(--acnr);
animation: borderrgb /*[[rgl]]*/ infinite
}
/*acnbrdimp*/
table.layouttemplate.mw-content-ltr, .help-intro-sidetab.help-intro-sidetab-active, .introto__tabs-main {
    border-color: var(--acnr)!important;
    border-radius: 0
}
/*acnbrd2*/
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
    border: 2px solid var(--acnr);
    border-radius: 0;
animation: borderrgb /*[[rgl]]*/ infinite
}
/*txn*/
.central-featured-lang small, .search-container .js-langpicker-label, .lang-list-b...