MediaWiki:Minerva.css: различия между версиями

Материал из Янтарной ноосферы, доступной интернет-энциклопедии
кинул базы для тёмной темы
 
добавил стилей для ссылок
Строка 21: Строка 21:
--articleActionColorUnselected: rgba(255, 255, 0, 0.25);
--articleActionColorUnselected: rgba(255, 255, 0, 0.25);
--articleActionColorSelected: rgba(255, 255, 0, 0.75);
--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);
--tableBackgroundColor: rgb(90, 90, 90);
--tableCaptionBackgroundColor: rgb( 120, 120, 150);
--tableCaptionBackgroundColor: rgb( 120, 120, 150);
Строка 37: Строка 34:
}
}
/* Ссылки */
/* Ссылки */
a{
a, a:anylink, a:visited{
color: var(--linkColor);
color: var(--linkColor);
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-color: var(--linkUnderlineColor);
}
}
/* Ссылки вовне */
/* Ссылки вовне */
Строка 46: Строка 47:
a:hover{
a:hover{
color: var(--hoverColor);
color: var(--hoverColor);
text-decoration: none;
}
}
a.new{
a.new{
color: var(--linkNewColor);
color: var(--linkNewColor);
}
}

Версия от 18:20, 13 февраля 2023

/* All CSS here will be loaded for users of the MinervaNeue skin */
/* Шрифт */
:root{
	--font: Istok Web, sans-serif;
}
body, .mw-body h1, .mw-body h2, .pre-content h1, .content h1, .content h2{
	font-family: var(--font);
}
/* Светлая тема (она же по умолчанию) */

/* Тёмная тема */
@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, 136, 0);
		--hoverColor: rgb(255, 255, 255);
		--articleActionColorUnselected: rgba(255, 255, 0, 0.25);
		--articleActionColorSelected: rgba(255, 255, 0, 0.75);
		--tableBackgroundColor: rgb(90, 90, 90);
		--tableCaptionBackgroundColor: rgb( 120, 120, 150);
		--codeBackgroundColor: rgba(200, 200, 220, 0.5);
		--messageSuccessBG: rgb(112, 155, 255);
	}
/* Тело */
.mw-body{
	background-color: var(--backgroundColor);
}
body{
	color: var(--textColor);
}
/* Ссылки */
a, a:anylink, a:visited{
	color: var(--linkColor);
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: var(--linkUnderlineColor);
}
/* Ссылки вовне */
a:not([href^="/"]){
	color: var(--linkOutColor);
}
a:hover{
	color: var(--hoverColor);
	text-decoration: none;
}
a.new{
	color: var(--linkNewColor);
}