MediaWiki:Vector-2022.css

From VRChat Wiki
Revision as of 00:38, 11 June 2024 by Arie² (talk | contribs)

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.
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

@media screen {
	html,
	body, 
	.mw-editsection, 
	.mw-editsection-like, 
	.mw-body h1,
	.mw-body-content h1,
	.mw-body-content h2  {
		font-family: "Noto Sans", sans-serif;
	}

	.mw-header {
		padding-top: 16px;
	}
	
	@media (prefers-color-scheme: dark) {
		body {
			background-color: #111111;
			color: white;
			
			--blue: #1778ff;
			--purple: #a67eff;
			
			--seperator-color: #ffffff20;
			--seperator: 1px solid var(--seperator-color);
		}
		
		.mw-page-container {
			background-color: transparent;
		}
		
		.mw-header {
			padding-top: 16px;
		}
		
		.mw-logo-wordmark {
			color: white;
		}
		
		a,
		.vector-menu-tabs .mw-list-item a,
		#pt-userpage-2 a,
		.vector-menu-portal .vector-menu-content li a {
			color: var(--blue);
		}
		
		a:visited,
		.vector-menu-portal .vector-menu-content li a:visited,
		.mw-parser-output a.extiw:visited,
		.mw-parser-output a.external:visited {
			color: var(--purple);
		}
		
		.vector-menu-portal .vector-menu-heading,
		.vector-menu-tabs .mw-list-item.selected a,
  .vector-menu-tabs .mw-list-item.selected a:visited {
    		color: white;
		}
		
		.mw-sidebar {
			background-color: #1e1e1e;
		}
		
		.mw-footer {
			border-top: var(--seperator);
		}
		
		.mw-footer li {
			color: #f6f6f6;
		}
		
		.mw-ui-icon {
			filter: invert(1);
		}
		
		h1, h2, h3, h4, h5, h6 {
			color: white;
		}
		
		h1,
		h2, 
		.mw-article-toolbar-container,
		.vector-menu-portal .vector-menu-heading {
			border-bottom: var(--seperator);
		}
		
		ul {
			list-style-image: none;
		}
	}
}