Difference between revisions of "MediaWiki:Vector.css"

Revision as of 21:17, 3 August 2020

/* CSS placed here will affect users of the Vector skin */

/*@darkmode-table-background-color: #ddd;
@darkmode-border-color: #cdcbc8;
@darkmode-link-color: #69f;
@darkmode-link-visited-color: #709bbd;
@darkmode-red-link-color: #ff6e6e;*/

html,
body,
#mw-page-base {
	background-color: #1f2531;
	color: #acb0b8;
}

#content.mw-body {
	background-color: #252c3c;
	border-color: #5983c3;
	color: #acb0b8;
}

h1, h2, h3, h4, h5, h6 {
	color: #d8d8d8;
}

.editOptions {
	background-color: #333b50;
}

pre, .mw-code {
	color: inherit;
	background-color: transparent;
	border-color: #aaa;
}

textarea {
	color: #acb0b8;
	background-color: transparent;
	border-color: #aaa;
}

textarea:focus {
	border-color: #5983c3;
}

&,
img,
video,
svg,
iframe,	/* some maps are iframes */
.mw-no-invert,
.mw-mmv-overlay,
.mw-mmv-pre-image,
.mw-kartographer-map,
.mw-kartographer-mapDialog-map {
	filter: invert( 1 ) hue-rotate( 180deg );
	-webkit-filter: invert( 1 ) hue-rotate( 180deg );
}

/* Backgrounds */
/*.toc,
.thumbinner,
#simpleSearch,
#searchInput,
#searchButton,
#searchGoButton,
table,
table.toccolours,
.wikitable,
.mw-notification {
	background-color: #ddd;
}*/

/* Borders */
/*#mw-head,
#mw-panel,
.toc,
div.thumbinner,
#simpleSearch,
#searchInput,
table.toccolours,
.mw-notification {
	border-color: #cdcbc8;
}*/

.thumbimage {
	border: 0;
}

/* Normal links */
a,
#mw-panel .portal .body li a,
.toctogglelabel,
.mw-parser-output a.external,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:active,
div#mw-panel div.portal div.body ul li a,
#mw-panel.collapsible-nav .portal h3 a {
	color: #69f;
}

/* Visited links */
a:visited,
#mw-panel .portal .body li a:visited,
div#mw-panel div.portal div.body ul li a:visited {
	color: #709bbd;
}

/* Red links */
a.new,
.new a {
	color: #ff6e6e;
}

/**
 * Skin-specific overrides
 */

.vectorTabs li a {
	color: #69f;
}

/**
 * Non-MediaWiki overrides
 */

.infobox, /* English Wikipedia, most other wikis with infoboxes */
.infobox_v2 { /* French/Portuguese Wikipedia, etc. */
	background-color: #ddd;
	border-color: #cdcbc8;
}

/* Maintenance templates you see atop some articles */
.ambox-content {
	background-color: #ddd;
	border-color: #cdcbc8;
}

/* Extension: Translate */
.ext-translate-msggroup-selector span,
.ext-translate-language-selector-label,
.tux-editor-header,
.tux-message-selector li a {
	color: #acb0b8;
}

.ext-translate-msggroup-selector span.grouplink,
.ext-translate-language-selector .uls,
.tux-message-selector li.selected a {
	color: #69f;
}

.tux-messagetable-header {
	border-bottom-color: #5983c3;
}

.tux-messagetable-header input.tux-message-filter-box {
	color: #acb0b8;
	background-color: transparent;
}

.tux-messagetable-header.floating {
	background-color: #333b50;
}

.tux-messagetable-loader {
	color: #acb0b8;
	background-color: #252c3c;
	border-color: #5983c3;
}

.tux-message-item,
.tux-message-editor {
	color: #acb0b8;
	background-color: #252c3c;
	border-color: #5983c3;
}

.tux-message-item:hover {
	background-color: #333b50;
}

.tux-message-editor .messagekey,
.tux-message-editor .shortcutinfo {
	color: #acb0b8;
}

.tux-message-editor textarea {
	border-color: #aaa;
}

.tux-editor-insert-buttons .tux-editor-paste-original-button {
	color: #acb0b8;
	background-color: transparent;
	border-color: #aaa;
}

.tux-message-editor .infocolumn-block {
	background-color: transparent;
}

.infocolumn .loading {
	color: #acb0b8;
}

.tm-suggestion, .in-other-language {
	background-color: transparent;
	border-color: #aaa;
}

.in-other-language .language {
	color: #acb0b8;
}

.shortcut-popup {
	color: #acb0b8;
	background-color: #252c3c;
	border-color: #aaa;
}

.tux-action-bar {
	background-color: #333b50;
}

.tux-action-bar.floating {
	 border-top-color: #5983c3;
}

.tux-statsbar-info {
	color: #acb0b8;
}

.tux-action-bar .toggle.button {
	color: #acb0b8;
	background-color: #252c3c;
	border-color: #5983c3;
}

.tux-action-bar .toggle.button.down {
	background-color: #333b50;
}