MediaWiki:Vector.css

Материал из Янтарной ноосферы, доступной интернет-энциклопедии
Версия от 10:20, 30 января 2024; Атомный трамвай (обсуждение | вклад) (добавил правило для цвета загов)

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
  • Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
  • Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
  • Opera: Нажмите Ctrl+F5.
@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;
}

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

/* Тёмная */
@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;
}

/* Цвет текста всей страницы */
/* А также заголовков */
body,
h1, h2, h3, h4, h5, h6,
.vector-feature-zebra-design-disabled body,
.vector-feature-zebra-design-disable .mw-page-container{
	color: var(--textColor);
}