MediaWiki:Vector-2022.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.

/* Header bar to match theme */
.vector-header, .vector-sticky-header {
  background: linear-gradient(135deg, #f5ecd7 0%, #efe3c6 40%, #e4d5b4 100%);
  border-bottom: 1px solid rgba(216, 166, 87, 0.45);
}
.vector-header a, .vector-sticky-header a { color: #0f1b2c; }

/* Main menu panel (Vector 2022 side menu) */
.vector-main-menu, .vector-main-menu-container {
  background: rgba(15, 27, 44, 0.82);
  color: #e9e3d8;
  border-right: 1px solid rgba(216, 166, 87, 0.35);
}
.vector-main-menu a { color: #f1e4c8; }
.vector-main-menu a:hover { color: var(--gold); }

/* Page tools menu (top-right dropdown) */
.vector-page-toolbar .vector-menu-content, .vector-page-toolbar .vector-menu-content-list {
  background: rgba(15, 27, 44, 0.85);
  color: #e9e3d8;
  border: 1px solid rgba(216, 166, 87, 0.35);
}
.vector-page-toolbar .vector-menu-content a { color: #f1e4c8; }
.vector-page-toolbar .vector-menu-content a:hover { color: var(--gold); }

/* Tabs bar */
.vector-menu-tabs, .vector-menu-tabs .vector-menu-content {
  background: rgba(15, 27, 44, 0.82);
  border: 1px solid rgba(216, 166, 87, 0.35);
}
.vector-menu-tabs li a { color: #f1e4c8; }
.vector-menu-tabs li.selected a, .vector-menu-tabs li a:hover {
  color: var(--gold);
  background: rgba(216, 166, 87, 0.12);
}