MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* Core dark background */
:root {
  --bg: #1B2026;
  --header-bg: #182230;
  --code-bg: #162029;
  --link: #88A3E8;
  --destacar: #5FF2F5;
  --border: grey;
}

/* Apply the same background to main Vector 2022 layout + inputs */
.skin-vector-2022,
.skin-vector-2022 .mw-page-container,
.skin-vector-2022 .mw-page-container-inner,
.skin-vector-2022 .mw-body,
.skin-vector-2022 .mw-content-container,
.skin-vector-2022 .vector-column-start,
.skin-vector-2022 .vector-column-end,
.skin-vector-2022 .vector-sidebar-container,
.skin-vector-2022 .vector-sidebar,
.skin-vector-2022 .vector-header,
.skin-vector-2022 .vector-header-container,
.skin-vector-2022 .vector-page-titlebar,
.skin-vector-2022 .vector-pinned-container,
.skin-vector-2022 .vector-pinnable-element,
.skin-vector-2022 .vector-main-menu,
.skin-vector-2022 .vector-main-menu-dropdown,
.skin-vector-2022 .vector-main-menu-dropdown-checkbox,
.skin-vector-2022 .vector-dropdown-content,
.skin-vector-2022 .mw-table-of-contents-container,
.skin-vector-2022 .vector-toc,
.skin-vector-2022 .vector-toc-landmark,
.skin-vector-2022 .cdx-text-input__input,
.skin-vector-2022 .vector-search-box-vue,
.skin-vector-2022 .cdx-search-input,
.skin-vector-2022 .cdx-search-input--has-end-button,
.skin-vector-2022 .cdx-button,
.skin-vector-2022 .mw-file-element,
.skin-vector-2022 .mw-broken-media,
.skin-vector-2022 .mw-input,
.mw-editfont-monospace,
textarea[name="wpUploadDescription"],
input[name="wpDestFile"],
select[name="wpLicense"],
input[name="file-upload-button"],
input[name="wpIgnoreWarning"],
input[name="wpUploadFile"],
.mw-htmlform-submit {
  background-color: var(--bg) !important;
}

/* Blend borders into background for key layout elements */
.skin-vector-2022 .vector-header,
.skin-vector-2022 .vector-sidebar-container,
.skin-vector-2022 .vector-page-titlebar {
  border-color: var(--bg) !important;
}

/* Sticky header special color */
.skin-vector-2022 .vector-sticky-header { background-color: var(--header-bg) !important; }
.skin-vector-2022 .vector-sticky-pinned-container { background-color: var(--bg) !important; }

/* Remove sticky pinned container overlay */
.skin-vector-2022 .vector-sticky-pinned-container::after {
  content: "";
  position: absolute;
  background-image: none !important;
  background-color: transparent !important;
  pointer-events: none;
}

/* Link colors */
a:visited,
a.new:link,
a.new:visited { color: var(--link) !important; }

/* Code block background */
.mw-highlight > pre { background: var(--code-bg); }

/* Protected page message color */
#accesscontrol { color: var(--destacar) !important; }

/* Upload page field borders + button hover */
input[name="wpDestFile"],
.mw-htmlform-submit {
  border: 1px solid var(--border) !important;
}
.mw-htmlform-submit:hover {
  background-color: #2a2e3a !important;
}

/* Logo size */
.skin-vector-2022 .mw-logo img {
  max-height: 40px !important;
  width: auto !important;
}

/* Hide theme controls inside Vector Appearance menu */
#skin-client-prefs-skin-theme { display: none !important; }

/* Hide page tools dropdown only on login/logout */
body.page-Special_UserLogin  #vector-page-tools-dropdown,
body.page-Special_UserLogout #vector-page-tools-dropdown { display: none !important; }

/* Hide search thumbnails (Vector 2022 typeahead) */
.skin-vector-2022 .cdx-typeahead-search--show-thumbnail .cdx-thumbnail,
.skin-vector-2022 .cdx-typeahead-search--show-thumbnail .cdx-menu-item__thumbnail {
  display: none !important;
}
.skin-vector-2022 .cdx-typeahead-search--show-thumbnail .cdx-menu-item__content {
  padding-inline-start: 0.75rem !important;
}

/* Hide TOC */
.vector-toc-container,
.vector-toc-button { display: none !important; }

/* Hide toolbox links */
#t-specialpages,
#t-upload,
#t-print,
#t-cite,
#t-contribution,
#t-log,
#t-blockp,
#t-userrithts,
#p-tb { display: none !important; }