MediaWiki:Vector.css

:root {
  color-scheme: dark;
}

/* Sfondi */

body {
    background: #0f072c url(https://i.nuuls.com/Q47qO.png);
    background: #0f072c url(https://cdn.wikimg.net/en/metroidwiki/skins/QuantumLeap/resources/images/bgpattern.jpg?56902);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
#mw-page-base {
	background: none;
}
#content {
    background: linear-gradient(to bottom, #c95fcd26, #14112899 5%);
}
.vector-menu-tabs-legacy .selected, .vector-menu-tabs li.selected {
    background: linear-gradient(to bottom, #c95fcd3d, transparent 45%);
}
.catlinks {
	background-color: var(--background-color-neutral-subtle) !important;
}
.mw-highlight {
	background: transparent;
}

/* Ombra del logo */

a.mw-wiki-logo {
    filter: drop-shadow(2px 2px 6px #000);
}

/* Testo */

:root {
	--color-base: #f6f6f6;
	--color-base--hover: #fff;
	--color-emphasized: #fff;
	--color-subtle: #a3a3a3;
	--color-progressive: #debeff;
}

/* Avvisi */

:root {
	--background-color-disabled: #4d4d4e;
	--border-color-disabled: #4d4d4e;
	--background-color-notice-subtle: #2b2b2b;
	--border-color-notice: #4c4f51;
	--background-color-error-subtle: #6116167a;
	--border-color-error: #ff1414;
	--background-color-warning-subtle: #1e1a0f;
	--color-notice: #fff;
	--color-destructive: #ff7188;
	--border-color-destructive--hover: #ff7188;
	--color-destructive--active: #ff3a3a;
	--background-color-destructive-subtle: #1e2025;
}

/* Icone */

.mw-ui-icon:before, .mw-ui-icon-before:before, .vector-menu-dropdown .vector-menu-heading:after, .oo-ui-iconElement-icon:not(.oo-ui-icon-check, .mw-widget-titleOptionWidget-hasImage), .wikiEditor-ui-toolbar a:before, .oo-ui-icon-bell, .mw-ui-icon-bell:before, .oo-ui-icon-tray, .mw-ui-icon-tray:before, .oo-ui-indicator-down, .ui-icon, .oo-ui-indicatorElement-indicator, .wikiEditor-ui-toolbar .group .tool-select .label:after, .mw-spinner, .searchButton {
	filter: invert(1) hue-rotate(-165deg);
	opacity: 1;
}
#pt-notifications-alert .mw-echo-notifications-badge, #pt-notifications-notice .mw-echo-notifications-badge {
	opacity: 1!important;
    zoom: .9;
}

/* Proprietà del contenuto e dei menu */


:root {
	--background-color-base: #252532;
	--background-color-neutral-subtle: #1c1c1c6e;
	--background-color-neutral: #3333338c;
	--background-color-interactive: #32323f;
	--background-color-interactive-subtle: #1f1f2a;
	--background-color-progressive-subtle: #373344;
	--border-color-base: #424043;
	--border-color-muted: #3a3a3a;
	--border-color-subtle: #444;
}
#content {
    margin-top: 6px;
    margin-right: 6px;
    box-shadow: 0 0 6px #c95fcd7d, inset 0 0 3px #f959ff9e;
}
#content, .vector-menu-portal, #p-personal ul, .vector-search-box-input {
    border: 2px solid #c95fcd;
    border-radius: 12px;
}
.vector-menu-portal {
    background: linear-gradient(#c95fcd52, #0d0b1e99 21%);
    box-shadow: 0 0 7px #c95fcda8, inset 0 0 7px #f959ff;
}
.mw-heading1, h1, .mw-heading2, h2 {
    border-bottom-color: #ffffff26;
}
.vector-search-box-input:focus, .vector-search-box-inner:hover .vector-search-box-input:focus {
    border-color: #9050ff;
    box-shadow: 0 0 7px #9050ff;
}
#p-personal ul {
    padding: 1px 10px 0 3px;
    margin-right: -10px;
    height: 27px;
}
.vector-menu-tabs li, #p-personal ul, .vector-search-box-input {
    background: linear-gradient(#9c4bdf38 5%, #272e6740 30%);
    border: 2px solid #3b2675;
    box-shadow: 2px -2px 6px #09060c66;
}
.vector-user-menu-legacy #pt-anonuserpage, .vector-user-menu-legacy #pt-userpage a {
    background: url(https://i.nuuls.com/Dy2Iq.gif) center left no-repeat;
    padding-left: 22px;
}
ul {
    list-style-image: none;
}
.wikitable, .navtable {
    --color: #ffffff;
    --border: #59357a;
    --bordercolor: #222;
    --bannercolor: #000000;
    --bannerbg: #000000;
    --subbannercolor: #000000;
    --subbannerbg: #000000;
    --headercolor: inherit;
    --headerbg: #2c2541;
    --subheadercolor: #000;
    --subheaderbg: #000000;
    --evenbg: #000000;
    --oddbg: #000000;
    --bg: #171829;
    --altbg: #131421;
}
#footer-icons a {
    display: inline-block;
}

/* Menu laterale */

.vector-legacy-sidebar .vector-menu-portal {
    margin: 0 3px 8px 3px;
    padding: 5px 3px;
}
.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a, .vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
	color: #fff!important;
}
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
    color: #fb8aff;
    background: linear-gradient(to right, #8c378f, #d27aff, #8c378f);
    margin: 0px -3px 1px -3px;
    padding: 4px 12px 6px 12px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% 1px;
    border: none;
}

/* Tab in alto */

#left-navigation, #right-navigation {
    margin-top: 47px;
}
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
	background: none;
}
ul.vector-menu-content-list {
    margin-left: 10px;
}
.vector-menu-tabs li {
    border-bottom: none;
    margin-top: -3px;
    margin-left: -2px;
}
.vector-menu-tabs li a {
    padding-top: 13px;
}
.vector-menu-tabs .selected {
    box-shadow: 0 0 8px #fa7aff30, inset 0 0 5px #fa7aff78;
    border-color: #c95fcd;
    z-index: 1;
    position: relative;
}
.vector-menu-content-list li:first-child {
    border-top-left-radius: 10px;
}
.vector-menu-content-list li:last-child {
    border-top-right-radius: 10px;
}
#pt-userpage a {
    background-position: 0 5px!important;
}
.vector-menu-content .mw-echo-notifications-badge {
    top: -3px!important;
}
.vector-search-box {
    margin-right: 16px;
}
.vector-search-box-input {
    height: 30px;
    background: #07060a9c;
    padding: 6px;
}
.vector-search-box form {
    margin: 0 -10px 0 0;
}

/* Non voglio uno sfondo diverso per l'anteprima */

#wikiPreview.ontop {
    background: transparent;
}

/* Link */

a, a:visited, .wikiEditor-ui-toolbar .tabs span.tab a, .vector-menu-portal .vector-menu-content li a, .vector-menu-portal .vector-menu-content li a:visited, .mw-footer a, .mw-footer a:visited, .vector-menu-tabs li a, .vector-menu-dropdown li a, .toctogglelabel, .oo-ui-window-frame a, .oo-ui-window-frame a:visited, .oo-ui-widget a, .oo-ui-widget a:visited, .ui-menu a, .ui-menu a:visited, .vector-menu-dropdown .mw-list-item a {
	color: #9ea1ff;
    transition: color .06s ease-in-out;
}
a.new, .vector-menu-tabs .new a, .vector-menu-tabs .new a:visited, .vector-menu-tabs .new a:before {
    color: #fd6161!important;
}
a:active, .mw-parser-output a.external:active {
    color: #fff;
}
.mw-parser-output a.extiw, .mw-parser-output a.external {
    color: #b6c1ff;
}
a:hover {
    color: #fff !important;
    text-shadow: 0 0 4px #6211ff;
}

/* UI */

.wikiEditor-ui textarea, textarea {
    background: #111;
    color: #fff;
}
.cdx-message {
	margin-bottom: 8px;
}
.editOptions {
	background: linear-gradient(to top,#18181e,#0d0d0e);
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
	background-color: #141418;
	border-color: #2b303d;
}
.ext-WikiEditor-ResizingDragBar,
.wikiEditor-ui-toolbar,
.oo-ui-menuSelectWidget,
.mw-rcfilters-ui-filterMenuHeaderWidget-header {
	background-color: #0d0d0e;
	border-color: #343441;
}
.editOptions,
.wikiEditor-ui .wikiEditor-ui-view,
.wikiEditor-ui .wikiEditor-ui-top,
.wikiEditor-ui-toolbar .group,
.wikiEditor-ui-toolbar .section-secondary .group,
.wikiEditor-ui-toolbar .sections .section,
.oo-ui-menuToolGroup,
.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar,
.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar,
.ve-ui-mwHelpListToolGroup-tools-footer,
#preferences .mw-htmlform-submit-buttons,
.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,
.mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout,
.mw-rcfilters-ui-datePopupWidget,
textarea {
	border-color: #2f3135;
}
.ext-WikiEditor-realtimepreview-button:hover,
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active,
.oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-popupToolGroup-handle,
.oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
	background-color: #1e1e1e;
	color: #95a6ff;
}
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link,
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
	background-color: #2d2c2c;
	border-color: #3b3b3b;
}
.wikiEditor-ui-toolbar .group .label,
.mw-rcfilters-ui-filterMenuHeaderWidget-title,
.oo-ui-menuSectionOptionWidget {
	color: #888c8f;
}
.oo-ui-popupToolGroup-tools {
	background-color: #272727;
	border-color: #373737;
}
.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: #2b2b2b;
	color: #95a6ff;
}
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover {
	background-color: #3b3b3b;
}
.oo-ui-toolbar-bar {
	background-color: #121216;
	color: #cdd5dd;
}
.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
	border: 1px solid #2f3135;
	padding-right: 2px;
}
.mw-rcfilters-ui-filterMenuSectionOptionWidget {
	background-color: #1a1b1e;
}
.mw-rcfilters-ui-itemMenuOptionWidget:hover {
	background-color: #202025;
}
.editor.ace_editor.ace-tm {
	filter: invert(0.93) hue-rotate(180deg);
}
div#mw-edittools-charinsert {
	background-color: #16161b;
	border-color: #2f3135;
	color: #fff;
}
span.mw-edittools-head {
	background: #1f2430;
	color: #e3e3e3;
}
div.mw-editTools .mw-collapsible.mw-made-collapsible {
	border-color: #535f7b !important;
}
p.mw-edittools-section a,
div#mw-edittools-charinsert .mw-collapsible-toggle {
	background: var(--background-color-interactive);
	border-color: var(--background-color-interactive);
	color: #fff;
	text-shadow: none;
}
p.mw-edittools-section a:hover,
div#mw-edittools-charinsert .mw-collapsible-toggle:hover {
	background-color: var(--background-color-progressive--hover);
	border-color: var(--background-color-progressive--hover);
}
.mw-editform #editpage-copywarn {
    margin: 8px 0;
    color: #888;
}
div.oo-ui-windowManager-modal > .oo-ui-dialog {
	background-color: rgba(0,0,0,0.65);
}
.oo-ui-tabSelectWidget-framed {
	background-color: #070708;
}
.oo-ui-labelElement-label {
	color: #fff;
}
.oo-ui-labelWidget.oo-ui-inline-help {
	color: #9d9d9d;
}
.oo-ui-tabOptionWidget {
	color: #ddd;
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover,
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
	background-color: #0e0e11;
	color: #fff;
}
.oo-ui-optionWidget-highlighted {
	background-color: #1e2435!important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
	background-color: #313335;
	border-color: #4b4e51;
}
.mw-echo-ui-notificationItemWidget:hover {
	background: #1a1a1e;
}
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
	box-shadow: 0 2px 0 0 rgba(255, 255, 255, 0.1);
}
.mw-echo-special-nojs {
	background-image: repeating-linear-gradient(-45deg, #17171b, #17171b 3.5px, #131317 3.5px, #131317 17.5px) !important;
}
.ve-activated .vector-menu-tabs .selected {
    box-shadow: none;
}
.ve-init-mw-desktopArticleTarget {
    margin-top: 5px;
}