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.

	:root {
		--translucent-background: rgba(25, 25, 25, 0.8);
		--search-background: rgba(75, 75, 75, 0.8);
		--infobox-background: rgba(75, 75, 75, 0.8);
		--fancyinfobox-background: linear-gradient(180deg, rgba(75,75,75,0.8) 0%, rgba(75,75,75,0.8) 96%, rgba(130,130,130,0.9) 100%);
		--menu-background: rgba(75, 75, 75, 0.96);
		--hatnote-background: rgba(75, 75, 75, 0.5);
		--body-background: #333;
		--text-color: #fff;
		--link-color: #ff7700;
		--visited-link-color: #c95e00;
		--filter: brightness(0) invert(1);
		--caption: #fff;
		--image-border: 2px solid #fff;
		--whiteblack: #222;
		--whitegrey: rgba(75, 75, 75, 0.8);
        --color-subtle: #ddd;
        --color-base:#fff;
        --background-color-base: #333;
        --background-color-interactive: #333;
	}

a, .vector-toc-link {
    color:var(--link-color);
}
a:visited {
    color:var(--visited-link-color);
}
a:active{
    color:var(--link-color);
}

.vector-toc-link
{
  color: var(--link-color) !important;
}
 
body, html
{
   background-color:#333;
   color: var(--text-color);
}
.mw-heading, h1, h2, h3, h4, h5, h6
{
   color: var(--text-color);
} 

.vector-pinned-container
{
   background-color:#fff0  !important;
   color: var(--text-color);
}

.vector-dropdown-content
{
   background-color:#222 !important;
   color: #fff;
}

.vector-pinnable-header-toggle-button
{
  background-color:#111;
  color:#fff; 
}
.vector-pinnable-header-toggle-button:hover
{
  background-color:#444;
}

.vector-toc-contents
{
color: var(--text-color);
}
.vector-sitenotice-container
{
   display:none;
}

.searchInput, .cdx-text-input__input
{
  background-color:#222;
  color:#fff;
}
.mw-page-title-main, #firstHeading
{
  font-size:2em;
}