User:Xortrox/vector.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.

:root {
  --bg-main: #1e1f22;
  --bg-contrast: #2a2c2f;
  --bg-search: #919193;
  --bg-stub: #00000047;
  --text-search: #222222;
  --text-main: #b6b4b2;
  --link-main: #0fc065;
  --link-hover: #12e179;
}

body,
#content,
#mw-head,
#mw-panel,
#footer {
  background-color: var(--bg-main) !important;
  color: var(--text-main) !important;
}

.vector-body,
.vector-body * {
  color: var(--text-main) !important;
  background: none !important;
  box-shadow: none !important;
}

#firstHeading {
  color: var(--text-main) !important;
  font-weight: 500;
}

a,
a:visited {
  color: var(--link-main) !important;
}
a:hover,
a:active {
  color: var(--link-hover) !important;
  text-decoration: underline;
}

.vector-menu-tabs li,
.vector-menu-tabs a,
.vector-menu-tabs .vector-menu-content li {
  background-color: var(--bg-main) !important;
  color: var(--link-main) !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0.5em 1em !important;
  margin: 0 2px !important;
  border-radius: 0 !important;
  font-weight: 500;
}

.vector-menu-tabs li.selected a,
.vectorTabs li.selected a {
  background-color: var(--link-main) !important;
  color: var(--bg-main) !important;
}

.vector-menu-tabs,
.vector-menu-tabs a,
.vector-menu-tabs li,
#p-views,
#p-cactions,
.vectorTabs {
  border: none !important;
  box-shadow: none !important;
  background: none !important;
}

.vector-menu-portal .vector-menu-heading {
  color: var(--text-main) !important;
  font-weight: bold;
}

.vector-menu-portal .vector-menu-content li a {
  color: var(--link-main) !important;
}

.vector-search-box-inner,
.vector-search-box-vue input.cdx-text-input__input {
  background-color: var(--bg-search) !important;
  color: var(--text-search) !important;
  border: none !important;
  box-shadow: none !important;
}

.vector-search-box-input::placeholder {
  color: var(--text-search) !important;
  opacity: 0.75
}

#footer-info,
#footer-info a,
.printfooter,
#contentSub,
#contentSub2 {
  color: var(--text-main) !important;
}


.toc {
  background-color: var(--bg-contrast) !important;
  border-color: #333 !important;
  color: var(--text-main) !important;
}

.toc .toctitle,
.toc .toctitle h2 {
  color: var(--text-main) !important;
}

.vector-menu-dropdown,
.vector-menu-dropdown .vector-menu-heading,
.vector-menu-dropdown .vector-menu-content {
  background-color: var(--bg-main) !important;
  color: var(--text-main) !important;
  border: none !important;
  box-shadow: none !important;
}

.vector-menu-dropdown a {
  color: var(--link-main) !important;
}

.navbox,
.thumbinner,
.thumbcaption {
  background-color: var(--bg-contrast) !important;
  color: var(--text-main) !important;
  border: none !important;
}

button,
input,
.vector-menu-tabs .selected,
.vector-menu-tabs ul li:hover,
.vector-menu-tabs li,
.vector-menu-tabs a {
  background-image: none !important;
  box-shadow: none !important;
  outline: none !important;
}

#pt-notifications-alert, #pt-notifications-notice {
  filter: invert(1);
}

.searchButton {
  filter: invert(1);
}

.stub-box {
  background: var(--bg-stub) !important;
}