@media (prefers-color-scheme: dark) {
	#thToggle {
	}
	body {
		background: #303030;
		color: #eee;
	}

	p { color: #ccc }

	hr { border-color: #6c6c6c }

	.card {
		--bgclr: #444;
		color: white;
	}
	.card-title {
		background: #555;
	}

	.navbar {
		background: #222;
	}
	.navbar-title, .navbar-items *, .drawer-items * {
		color: #fff;
	}

	.jtron {
		background: linear-gradient(to bottom, rgba(15, 15, 15, 0.55), rgba(48, 48, 48, 0.75)), url(/img/background-grey.png) center center no-repeat;
	}
	.jtron-right {
		background: rgba(0, 0, 0, 0.25);
	}
}

body.dark {
	background: #303030;
	color: #eee;
}

p.dark { color: #ccc }

hr.dark { border-color: #6c6c6c }

.card.dark {
	--bgclr: #444;
	color: white;
}
.card-title.dark {
	background: #555;
}

.navbar.dark {
	background: #222;
}
.navbar-title.dark, .navbar-items.dark *, .drawer-items.dark * {
	color: #fff;
}

.jtron.dark {
	background: linear-gradient(to bottom, rgba(15, 15, 15, 0.55), rgba(48, 48, 48, 0.75)), url(/img/background-grey.png) center center no-repeat;
}
.jtron-right.dark {
	background: rgba(0, 0, 0, 0.25);
}