@media (prefers-color-scheme: dark) {
header, footer {
	background: #000;
}
footer {
	box-shadow: 1px 0 2px #ccc;
}
body {
	background: linear-gradient(to bottom, #181818 1%, #000 50%, #181818 100%);
	background-attachment: fixed;
	background-size: cover;
}
body, .card, .list-group-item, #catalog .card, #catalog #recommends .title, nav .navbar-nav > li > a, #mainThread .title, .table, .youtube .title, .niconico .title, .imginfo {
	color: #ccc;
}
.modal-body {
	color: #212529;
}
#mainThread > p, #catalog > p, .resheader, #resform > p, #taghead, header form select {
	color: #5bf;
}
#mainThread > p, #catalog > p, .resheader, #resform > p, #taghead {
	border-color: #5bf;
}
#breadcrumb div a, #main a.readmore, #mainThread .list-group-item:hover {
	background: #5bf;
}
header form select, .list-group-item, #catalog .card:link {
	background: #000;
}
header input[type="text"], .thtitle {
	background: #222;
	color: #fff;
}
#catalog .card:visited {
	background: #234;
}
.ogp > a {
	background: #333;
}
#catalog .card:hover, .table-hover>tbody>tr:hover {
	background: #444;
	color: #ccc;
}
.page-link {
	background: #aaa;
	border-color: #888;
}
#wrapper {
	background: #111;
	border-color: #444;
}
#popup {
	background: #111;
	border: 1px solid #ccc;
}
}