MediaWiki: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)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* =====================================================
VECTOR LEGACY SKIN SPECIFIC STYLES ===================================================== */
/* Override Vector Legacy defaults */ body.skin-vector {
background: #0a0e14 !important;
}
/* Left column (sidebar area) background */ div#mw-page-base {
background: #161b22 !important;
}
/* Full page background gradient */ div#mw-head-base {
background: #151a21 !important;
}
/* Content area */ div#content {
background: #151a21 !important; border: 1px solid #2d333b !important; border-top: none !important; color: #e6edf3 !important;
}
/* Tabs styling */ div.vectorTabs li {
background: transparent !important;
}
div.vectorTabs li a {
background: transparent !important; color: #8b949e !important;
}
div.vectorTabs li.selected {
background: #151a21 !important;
}
div.vectorTabs li.selected a {
color: #e6edf3 !important;
}
div.vectorTabs li a:hover {
color: #00b4d8 !important;
}
/* Dropdown menus */ div.vectorMenu h3 {
background: transparent !important; color: #8b949e !important;
}
div.vectorMenu h3 a {
color: #8b949e !important;
}
.vectorMenu .menu {
background: #1a1f27 !important; border: 1px solid #2d333b !important;
}
.vectorMenu .menu li a {
color: #e6edf3 !important;
}
.vectorMenu .menu li a:hover {
background: rgba(0, 180, 216, 0.15) !important; color: #00b4d8 !important;
}
/* Personal tools (top right) */
- p-personal {
background: transparent !important;
}
- p-personal li {
background: transparent !important;
}
- pt-userpage a,
- pt-mytalk a,
- pt-preferences a,
- pt-watchlist a,
- pt-mycontris a,
- pt-logout a,
- pt-login a,
- pt-createaccount a {
color: #8b949e !important;
}
- p-personal li a:hover {
color: #00b4d8 !important;
}
/* Sidebar panel */
- mw-panel {
background: #0d1117 !important;
}
/* Fix the left rail width and positioning */
- left-navigation {
margin-left: 10em;
}
/* Fix namespace tabs */
- p-namespaces ul li a {
color: #8b949e !important; background: transparent !important;
}
- p-namespaces ul li.selected a {
color: #e6edf3 !important; background: #151a21 !important; border-color: #2d333b !important; border-bottom-color: #151a21 !important;
}
/* Views tabs (Read, Edit, History) */
- p-views ul li a {
color: #8b949e !important;
}
- p-views ul li.selected a {
color: #e6edf3 !important;
}
- p-views ul li a:hover {
color: #00b4d8 !important;
}
/* Search */
- p-search h3 {
display: none;
}
- p-search form,
- p-search input {
margin: 0.4em 0 0 0.6em;
}
- simpleSearch {
background: #1a1f27 !important; border: 1px solid #2d333b !important; border-radius: 4px;
}
- simpleSearch input#searchInput {
color: #e6edf3 !important;
}
- simpleSearch input#searchInput::placeholder {
color: #6e7681 !important;
}
- simpleSearch #searchButton {
filter: invert(0.7);
}
- simpleSearch #searchButton:hover {
filter: invert(1);
}
/* Category links at bottom */
- catlinks {
background: #1a1f27 !important; border: 1px solid #2d333b !important; border-radius: 4px; margin-top: 1em;
}
- catlinks a {
color: #58a6ff !important;
}
/* Footer */
- footer {
background: #0d1117 !important; color: #6e7681 !important; border-top: 1px solid #2d333b !important;
}
- footer a {
color: #8b949e !important;
}
- footer a:hover {
color: #00b4d8 !important;
}
- footer-icons {
filter: grayscale(1) brightness(0.7);
}
/* Fix edit page */
- wpTextbox1,
.mw-editfont-monospace {
background: #1a1f27 !important; color: #e6edf3 !important; border: 1px solid #2d333b !important;
}
/* Edit toolbar */ .wikiEditor-ui {
background: #1a1f27 !important; border-color: #2d333b !important;
}
.wikiEditor-ui-toolbar {
background: #21262d !important;
}
/* Preview */ .previewnote {
background: #1a1f27 !important; border: 1px solid #2d333b !important; color: #e6edf3 !important;
}
/* Diff pages */ .diff-context {
background: #1a1f27 !important; color: #8b949e !important;
}
.diff-deletedline {
background: rgba(248, 81, 73, 0.15) !important; border-color: #f85149 !important;
}
.diff-addedline {
background: rgba(63, 185, 80, 0.15) !important; border-color: #3fb950 !important;
}
/* History page */
- pagehistory li {
border-bottom: 1px solid #2d333b;
}
- pagehistory li:hover {
background: rgba(0, 180, 216, 0.05);
}