User:Joritochip/vector.css

.mw-sidebar-action-link[title$="(legacy Vector)"] { display: none; }

/* Shorter page tabs and more dropdown styling */ background-image: none !important; background-color: #141414 !important; border-radius: 4px 4px 0px 0px; margin-left: 1px; margin-right: 1px; box-shadow: rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 0%) 0px 0px 0px 0px, rgb(0 0 0 / 6%) 0px 2px 4px 0px inset; border-bottom: none !important; padding-right: 8px; }   margin-right: 4px; }   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23fff' d='m11.05 3.996-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5'/%3E%3C/svg%3E"); transition: transform 0.25s; position: unset; display: inline-block; height: 8px; width: 11px; }   transform: rotate(180deg); } .vector-menu-tabs { height: 30px; } .vector-menu-dropdown .vector-menu-content { top: 30px; } .vector-menu-tabs li a, .vector-menu-tabs .mw-watchlink.icon a,   height: 30px; padding: 0 0.6em; display: flex; align-items: center; justify-content: center; } .vector-menu-tabs .mw-watchlink.icon { font-size: 0px; width: 30px; } .vector-menu-tabs .mw-watchlink.icon a { width: 30px; } .vector-menu-tabs .mw-watchlink.icon a::before { display: block; position: unset; font-size: 16px; }
 * 1) p-cactions #p-cactions-label {
 * 1) p-cactions #p-cactions-label span {
 * 1) p-cactions #p-cactions-label::after {
 * 1) p-cactions .vector-menu-checkbox:checked + #p-cactions-label::after {
 * 1) mw-head .vector-menu-dropdown .vector-menu-heading {

/* Dark themed notifications and help indicator */ .mw-echo-ui-notificationBadgeButtonPopupWidget-popup, filter: invert(1) hue-rotate(180deg); } .mw-echo-ui-notificationBadgeButtonPopupWidget-popup .oo-ui-popupWidget-head .oo-ui-labelElement-label { color: #000; }
 * 1) mw-indicator-mw-helplink a {

/* Shorter topbar */ .mw-header { min-height: unset; height: auto; } .mw-header .mw-logo-icon { height: 35px; width: 35px; }

/* Fix left bar collapse */ filter: invert(1); min-height: unset; height: auto; margin-left: 7px; }
 * 1) mw-sidebar-button {

/* Dark themed diffs */ .diff-context { background: #333;; color: #eee; border-color: #444; } .diff-deletedline { border-color: #d22; } .diff-deletedline .diffchange { background: #d227; } .diff-addedline { border-color: #2d2; } .diff-addedline .diffchange { background: #2d27; }

/* Stick table of contents to right */ @media screen and (min-width: 86.75em) { .mw-body-content { position: unset; }   #toc, .toccolours { box-shadow: none; background: none; width: 11em; max-width: 11em; height: 100%; padding-right: 1.5125em; position: absolute; top: 0; right: 1em; }   :is(#toc, .toccolours) *:not(.toctogglecheckbox) { position: sticky; }   :is(#toc, .toccolours) .toctitle { top: 30px; }   :is(#toc, .toccolours) ul { top: 55px; }   #toc .toctitle { text-align: left; border-bottom: 1px solid #ffffff1c !important; }   #toc .toctitle h2 { font-weight: normal; }   #toc .toctogglespan { display: none; }   #toc .tocnumber { font-weight: bold; } }

/* More OO-ui coverage */ .oo-ui-widget :is(.oo-ui-iconElement-icon:not(.oo-ui-icon-check), .oo-ui-indicatorElement-indicator), .mw-widget-dateInputWidget-calendar .oo-ui-iconElement-icon { filter: invert(1) hue-rotate(180deg); } .mw-widget-dateInputWidget-handle, .oo-ui-checkboxInputWidget [type='checkbox']:not(:checked) + span, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending), .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .oo-ui-buttonElement-framed.oo-ui-widget-enabled:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button, .oo-ui-popupWidget-popup { background-color: #161616 !important; border-color: #262626; color: white; } .mw-widget-dateInputWidget-calendar { background-color: #161616; border-color: #262626; } .mw-widget-calendarWidget-day { color: #5d5f62; } .mw-widget-calendarWidget-day-additional { color: #bfc7d0; } .mw-widget-calendarWidget-item-selected, .mw-widget-calendarWidget-day-heading { color: #fff; } .oo-ui-pendingElement-pending { background-image: linear-gradient( 135deg ,#444 25%,transparent 25%,transparent 50%,#444 50%,#444 75%,transparent 75%,transparent); }