MediaWiki:Vector.css

@import url('https://fonts.googleapis.com/css2?family=Istok+Web:ital,wght@0,400;0,700;1,400;1,700&family=PT+Mono&display=swap');

/* Глобальные настройки */
/* Текст и заголовки */
/* Их гарнитура */
body, 
.mw-body h1, .mw-body h2,
/* в заголовках страницы */
.vector-feature-zebra-design-disabled .vector-sticky-header-context-bar-primary
/* в липкой шапке */{
	font-family: Istok Web, sans-serif;
}
/* Их размеры */
.vector-body{
	font-size: 1em;
}
/* Рюшки для текста */
/* в кнопках правки раздела и правой части меню статьи*/
.mw-editsection a:any-link,
#right-navigation a:any-link{
	font-style: italic;
}
/* Рюшки для ссылок */
/* для всех */
a:any-link,
a:hover{
	text-decoration: none;
}
/* в статье */
.mw-body-content a:any-link{
	border-bottom: 1px solid;
}

/* Цвета (зависят от темы) */
/* Светлая тема (по умолчанию)*/
/* Светлая тема отстой */

/* Тёмная */
@media (prefers-color-scheme: dark){
	:root{
		--backgroundColor: black;
		--textColor: rgb(220, 220, 220);
		--linkColor: yellow;
		--linkUnderlineColor: rgba(255, 255, 255, 0.33);
		--linkOutColor: rgb(112, 255, 200);
		--linkNewColor: rgb( 255, 122, 49);
		--hoverColor: rgb(255, 255, 255);
		--articleActionColorUnselected: rgba(255, 255, 0, 0.25);
		--articleActionColorSelected: rgba(255, 255, 0, 0.75);
		--leftBackgroundColor: rgba(253, 234, 168, 0.25);
		--leftTextColor: rgb(220, 220, 220);
		--leftLinkColor: rgb(220, 220, 220);
		--tableBackgroundColor: rgb(90, 90, 90);
		--tableCaptionBackgroundColor: rgb( 120, 120, 150);
		--codeBackgroundColor: rgba(200, 200, 220, 0.5);
		--messageSuccessBG: rgb(112, 155, 255);
	}
}
/* Фон всей страницы */
body,
.vector-feature-zebra-design-disabled .mw-page-container{
	background-color: var(--backgroundColor);
}
/* главного меню и содержания */
.vector-feature-zebra-design-disabled #vector-main-menu-pinned-container .vector-main-menu,
.vector-feature-zebra-design-disabled #vector-toc{
	background-color: var(--leftBackgroundColor);
}
/* хак против тупого градиента */
.vector-feature-zebra-design-disabled #vector-toc-pinned-container .vector-toc::after,
.vector-feature-zebra-design-disabled #vector-page-tools-pinned-container .vector-page-tools::after{
	background: none;
}
/* Фон в меню над статьёй */
.vector-menu-tabs .mw-list-item a:any-link{
	background-color: var(--articleActionColorUnselected);
}
.vector-menu-tabs .selected a:any-link{
	background-color: var(--articleActionColorSelected);
}

/* Цвет текста всей страницы */
/* А также заголовков */
body,
.vector-feature-zebra-design-disabled body,
.vector-feature-zebra-design-disable .mw-page-container,
h1, h2, h3, h4, h5, h6{
	color: var(--textColor);
}
/* Цвет ссылок — в статье и неописанных */
a:any-link, a:visited,
.mw-body-content a:any-link{
	color: var(--linkColor);
	border-color: var(--linkUnderlineColor);
}
/* при наведении */
a:hover,
.mw-body-content a:hover{
	color: var(--hoverColor);
	border-color: var(--hoverColor);
}
/* Их новых */
.mw-body-content a.new:any-link,
a.new:any-link{
	color: var(--linkNewColor);
}
/* Кнопок правки раздела */
.mw-editsection a:any-link{
	background-color: var(--articleActionColorUnselected);
	color: var(--textColor);
}
/* В левом меню */
.vector-feature-zebra-design-disabled .vector-pinnable-element .mw-list-item a:not(.mw-selflink):any-link, 
.vector-feature-zebra-design-disabled .vector-dropdown-content .mw-list-item a:not(.mw-selflink):any-link{
	color: var(--leftLinkColor);
}
/* В меню действий сверху */
.vector-menu-tabs .mw-list-item a:any-link{
	color: var(--textColor);
}
.vector-menu-tabs .mw-list-item-selected a:any-link{
	color: var(--backgroundColor);
}

/* Цвет шапки */
/* просто вверху */
.vector-feature-zebra-design-disabled 
.vector-header-container{
	background-color: rgb(245, 151, 0);
}
/* липкой */
.vector-sticky-header{
	background-color: rgba(245, 151, 0, 0.7);
	color: white;
}