MediaWiki:Vector.css: Difference between revisions

Revision as of 16:29, 21 September 2024

	: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);
}
.catlinks
{
  background-color:#fff0;
  border:0;
}
.mw-heading, h1, h2, h3, h4, h5, h6
{
   color: var(--text-color);
} 

.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited, .vector-menu-tabs .mw-list-item.vector-tab-noicon a:focus, .vector-menu-tabs .mw-list-item.vector-tab-noicon a:hover, .vector-menu-tabs .mw-list-item a
{
 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;
}

.oo-ui-popupWidget-popup
{
  background-color:#222;
  color: var(--text-color);
}
.vector-pinnable-element .mw-list-item a, .vector-dropdown-content .mw-list-item a, #pt-userpage-2 a:not(.mw-selflink)
{
 color:var(--link-color);
}
.vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited, .vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited
{
   color: var(--visited-link-color);
}