Wiki - Dark X by Saadski

/* ==UserStyle==
@name         Wiki - Dark X
@version      20240915.17.05
@namespace    https://userstyles.world/user/Saadski
@description  Dark theme for Wikipedia (not side links)
@author       Saadski
@license      No License
==/UserStyle== */

@-moz-document url("wikipedia.org"), domain("wikipedia.org"), domain("species.wikimedia.org/"), domain("en.wikivoyage.org"), domain("fr.wikipedia.org"), domain("mediawiki.org"), domain("commons.wikimedia.org"), domain("en.wikinews.org"), domain("en.wiktionary.org"), domain("sigidwiki.com"), domain("foundation.wikimedia.org") {
:root
{
    --dark0: rgb(33, 33, 33);
    --dark: rgb(28, 28, 28);
    --dark1: rgb(27, 27, 27);
    --darker: rgb(18, 18, 18);
    --darker2: rgb(12, 12, 12);
    --darker3: rgb(8, 8, 8);
    --bw: rgb(67, 67, 67);
    --light0: rgb(129, 129, 129);
    --light: rgb(146, 146, 146);
    --light1: rgb(193, 193, 193);
    --lighter: rgb(233, 233, 233);
    --accent: rgb(95, 95, 95);
    --shadow: rgba(0, 0, 0, 0.07);
    --tp: #fff0;
    --ol: #090909F2;
}

html.skin-theme-clientpref-night,
*,
html
{
    color-scheme: dark;
    --color-base: var(--light);
    --color-base--hover: #f8f9fa;
    --color-emphasized: #f8f9fa;
    --color-subtle: #a2a9b1;
    --color-inverted: #101418;
    --color-progressive: var(--light);
    --color-progressive--hover: #afb6e9;
    --color-progressive--active: #c2d1f0;
    --color-destructive: #ff4242;
    --color-destructive--hover: #ef8174;
    --color-destructive--active: #f8a397;
    --color-visited: #977dbd;
    --color-destructive--visited: #b97876;
    --color-error: #ff4242;
    --color-warning: #fc3;
    --color-success: #00af89;
    --color-notice: #f8f9fa;
    --color-content-added: #74c9ac;
    --color-content-removed: #ef8174;
    --box-shadow-color-base: #fff;
    --box-shadow-color-inverted: #000;
    --background-color-interactive: #27292d;
    --background-color-interactive-subtle: var(--darker);
    --background-color-disabled: #54595d;
    --background-color-disabled-subtle: #404244;
    --background-color-progressive-subtle: #1c2940;
    --background-color-destructive-subtle: #421211;
    --background-color-error: #ff4242;
    --background-color-error--hover: #ef8174;
    --background-color-error--active: #f8a397;
    --background-color-error-subtle: #421211;
    --background-color-warning-subtle: #301d00;
    --background-color-success-subtle: #00261e;
    --background-color-notice-subtle: #202122;
    --background-color-content-added: #2a4b8d;
    --background-color-content-removed: #a66200;
    --background-color-backdrop-light: rgba(0, 0, 0, 0.65);
    --background-color-backdrop-dark: rgba(255, 255, 255, 0.65);
    --background-color-base: var(--darker) !important;
    --background-color-neutral: #27292d;
    --background-color-neutral-subtle: #202122;
    --background-color-inverted: #f8f9fa;
    --border-color-base: #72777d;
    --border-color-interactive: #a2a9b1;
    --border-color-disabled: #54595d;
    --border-color-subtle: #54595d;
    --border-color-muted: #404244;
    --border-color-inverted: #101418;
    --border-color-error: #ff4242;
    --border-color-error--hover: #ef8174;
    --border-color-warning: #fc3;
    --border-color-success: #00af89;
    --border-color-notice: #c8ccd1;
    --border-color-content-added: #2a4b8d;
    --border-color-content-removed: #a66200;
}

:root
{
    --background-color-base: var(--darker2)
}

*
{
    color: var(--accent) !important;
    text-shadow: 0 0 0px #000 !important;
    box-shadow: none !important;
}

#vector-page-titlebar-toc-label,
.vector-feature-zebra-design-enabled .vector-pinnable-element .vector-menu-heading,
figcaption,
figure,
img.mw-file-element
{
    border-color: var(--dark0) !important
}

.vector-page-toolbar-container
{
    box-shadow: 0 1px var(--dark0) !important;
}

a,
a *
{
    color: var(--light0) !important;
    text-decoration: none !important;
}

.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading,
.vector-menu-tabs-legacy li
{
    background-image: linear-gradient(to bottom, var(--tp) 0, var(--tp) 100%);
}

.vector-menu-tabs-legacy .selected,
.vector-feature-zebra-design-disabled .vector-sticky-pinned-container::after
{
    background: var(--tp);
}

.mw-parser-output .wlx-box-bg-3
{
    background-color: #00529036;
}

.mw-parser-output .wlx-box-bg-2
{
    background-color: #d4710036;
}

.mw-parser-output .wlx-box-bg-1
{
    background-color: var(--darker);
}

.mw-parser-output .wlx-hero-image .wlx-hero-label
{
    background-color: #000000C2;
}

div#mp-tfp table tbody tr td a.image img
{
    width: 100%;
}

.overlay-enabled,
.mw-body
{
    background: var(--darker2)
}

#mw-page-base
{
    background-image: linear-gradient(#0000009e 50%, #0000 100%);
    background-color: #1c1c1c6b;
}

div.vectorTabs ul li
{
    background-image: none;
    background-color: #252525;
}

.vectorTabs li.selected
{
    background-image: url(none);
}

.vectorTabs span
{
    display: inline-block;
    background-image: url(data:image/png;base64,iVBRw0KGgoAAAANAAAAEAAABkAQAAAABvV2fNAAAADElEQVR4AWNoGB4QAInlMgFKeRKBAAAAAElFTkSuQmCC);
}

.mwe-popups .mwe-popups-container,
[id="main-page-langbar"]
{
    background-color: var(--darker) !important;
}

.mwe-popups .mwe-popups-container footer .mwe-popups-settings-icon
{
    background-color: var(--darker) !important;
}

.mwe-popups.mwe-popups-is-not-tall footer
{
    background-color: var(--darker) !important;
}

.mwe-popups.mwe-popups-is-tall .mwe-popups-extract,
.mw-parser-output .talkheader-help
{
    background-color: var(--darker) !important;
}

.mwe-popups.mwe-popups-is-tall footer
{
    background-color: var(--darker) !important;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.mw-kartographer-map:hover .mw-kartographer-fullScreen .oo-ui-buttonElement-button
{
    background: var(--dark);
    color: var(--light) !important
}

#p-search form,
#p-search input
{
    background-color: black !important;
}

body
{
    background-color: black !important;
}

.referencetooltip,
.rt-tooltip
{
    background-color: var(--dark) !important;
}

.rt-tooltipTail:after
{
    background: var(--darker);
}

.rt-settingsLink:hover
{
    background-color: var(--darker2)
}

.rt-tooltipTail
{
    background: linear-gradient(to top right, var(--dark) 50%, rgba(0, 0, 0, 0) 50%);
}

.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame
{
    background: var(--darker) !important;
}

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

.skin-vector .uls-menu
{
    background-color: #1f2024 !important;
}

#p-logo a,
img.mw-logo-icon,
span.mw-logo-container,
.search-container button .svg-search-icon,
img.central-featured-logo,
div.minerva-footer-logo img,
.oo-ui-icon-fullScreen,
.mw-ui-icon-fullScreen:before,
.vector-icon.mw-ui-icon-wikimedia-language,
.vector-icon.mw-ui-icon-wikimedia-appearance
{
    filter: invert(1) contrast(1) brightness(0.5) !important;
}

[style="background-color:#ccf;"],
[style="background:#ddf"]
{
    background: var(--darker) !important
}

body,
#pagehistory li.selected
{
    background: var(--darker3) !important;
    border-color: var(--dark0) !important;
}

.diff-context
{
    background: var(--darker);
}

.vector-feature-zebra-design-enabled .mw-page-container
{
    background: var(--darker2)
}

.vector-feature-zebra-design-enabled .vector-pinned-container
{
    background: var(--darker2)
}

.vector-feature-zebra-design-enabled .vector-pinnable-header-toggle-button,
.oo-ui-popupWidget-popup
{
    background: var(--darker)
}

.vector-feature-zebra-design-enabled .vector-pinnable-header-toggle-button:hover
{
    background: var(--dark)
}

.vector-feature-zebra-design-enabled .vector-dropdown .vector-dropdown-content::after,
.vector-feature-zebra-design-enabled .vector-sticky-pinned-container::after
{
    background: linear-gradient(rgba(255, 255, 255, 0), var(--darker2));
}

*:before,
*:after
{
    background-color: rgba(255, 0, 0, 0) !important;
}

.vector-toc-pinned #vector-toc-pinned-container .vector-toc:after
{
    background: linear-gradient(rgba(255, 255, 255, 0), #131313);
}

.oo-ui-messageDialog-content > .oo-ui-window-foot
{
    outline: 1px solid var(--dark0);
}

.ext-WikiEditor-ResizingDragBar
{
    background: var(--dark)
}

.editOptions,
#editpage-specialchars a,
.wikiEditor-ui-toolbar,
.wikiEditor-ui-toolbar .group .tool-select .options
{
    background: var(--dark)
}

.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.mw-parser-output .wlx-outer
{
    background: var(--darker2)
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover
{
    background: var(--darker)
}

.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
.oo-ui-icon-edit,
.mw-ui-icon-edit:before,
.oo-ui-indicator-down,
.wikiEditor-ui-toolbar .tabs span.tab a::before
{
    filteR: invert(1)contrast(0.1)
}

.mw-footer
{
    border-top: 1px solid var(--dark0);
}

.cdx-button--framed,
.cdx-button--framed:hover,
.cdx-button--framed:focus,
.cdx-button--framed:enabled,
.cdx-button--framed:disabled
{
    background-color: #191919 !important;
}

a:hover,
a:hover *,
a:visited:hover,
a:visited:hover *,
span[onclick]:hover,
div[onclick]:hover,
[role="link"]:hover,
[role="link"]:hover *,
[role="button"]:hover *,
[role="menuitem"]:hover,
[role="menuitem"]:hover *,
.link:hover,
.link:hover *
{
    color: #a9a9a9 !important;
    text-shadow: 0 0 0px rgba(255, 255, 200, 0) !important
}

.vector-user-menu-login
{
    border-bottom: 1px solid var(--dark0);
}

a:visited,
a:visited *
{
    color: #6d6d6d !important
}

.vector-feature-page-tools-disabled .vector-main-menu-group .vector-menu-heading,
.vector-feature-page-tools-disabled .vector-main-m...