~yaroslav/saucesource.cc

040442409e142583a6eef7bfc8a8ac579cead3ac — Yaroslav de la Peña Smirnov 10 months ago 9022435
media print and prefers-color-scheme: dark
3 files changed, 81 insertions(+), 8 deletions(-)

M sass/css/_colors.scss
M sass/css/main.scss
M templates/base.html
M sass/css/_colors.scss => sass/css/_colors.scss +6 -6
@@ 14,10 14,10 @@ $l_brand: #b69410;

/* dark theme */

$d_bg0: #000000;
$d_bg1: #0a0a0f;
$d_fg0: #e5e9f0;
$d_bg0: #151515;
$d_bg1: #33333a;
$d_fg0: #fefefe;
$d_fg1: #e5e9f0;
$d_link_normal: #3f6e90;
$d_link_hover: #63a9cc;
$d_link_visited: #9C6992;
$d_link_normal: #81acc1;
$d_link_hover: #3f6e90;
$d_link_visited: #b48ead;

M sass/css/main.scss => sass/css/main.scss +74 -0
@@ 178,3 178,77 @@ a:hover.button,
		padding: 0;
	}
}

@media (prefers-color-scheme: dark) {
	html,
	body {
		background-color: $d_bg0;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	ul,
	ol,
	li,
	p,
	sup,
	sub {
	  	  color: $d_fg0;
	}

	a {
		color: $d_link_normal;
	}

	a:visited {
		color: $d_link_visited;
	}

	a:hover {
		color: $d_link_hover;
	}

	.brand > a,
	.brand > a:visited {
		color: $d_link_hover;
	}

	.navbar {
		background-color: $d_bg1;
	}

	.publish-date {
		color: $d_fg1;
	}

	.footnote-definition:first-of-type {
		border-top: 1px solid $d_fg1;
	}

	a.button,
	.paginator a {
		background-color: $d_link_normal;
		color: $d_bg0;
	}

	pre {
		color: $d_fg0;
	}
}

@media print {
	.navbar,
	.author-links,
	.footer-container {
		display: none;
	}

	a[href] {
		text-decoration: none;
		color: $l_fg0;
	}
}

M templates/base.html => templates/base.html +1 -2
@@ 50,8 50,7 @@
			Есть вопросы? Напиши мне на
			<a href="yps@yaroslavps.com">yps@yaroslavps.com</a>, или глянь в
			список рассылки
			<a
				href="https://lists.sr.ht/~yaroslav/saucesource.cc-comments">здесь</a>.
			<a href="https://lists.sr.ht/~yaroslav/saucesource.cc-comments">здесь</a>.
			{% elif lang == "es" %}
			¿Dudas, preguntas? Envíame un correo electrónico a
			<a href="yps@yaroslavps.com">yps@yaroslavps.com</a>, o hechale un