/* https://colorffy.com/dark-theme-generator?colors=ff9900-333333 */

body {
	background-color: var(--clr-surface-a0);
	color: var(--clr-light-a0);
}

.panel-default {
	border-color: var(--clr-surface-a40);
}

a.list-group-item, button.list-group-item, .list-group-item {
	background-color: var(--clr-surface-a10);
	color: var(--clr-primary-a10);
	border-color: var(--clr-surface-a40);
}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
	background-color: var(--clr-surface-a30);
	color: var(--clr-primary-a10);
}

button.form-control {
	background-color: var(--clr-surface-a10);
	color: var(--clr-primary-a10);
	border-color: var(--clr-surface-a40);
}

.form-control {
	background-color: var(--clr-surface-a10);
	color: var(--clr-light-a0);
	border-color: var(--clr-surface-a40);
}

.form-control::placeholder {
	color: var(--clr-surface-a50);
}

a {
	color: var(--clr-primary-a10);
}

a:hover {
	color: var(--clr-primary-a50);
}

pre {
	background-color: var(--clr-surface-a0);
	color: var(--clr-light-a0);
	border-color: var(--clr-surface-a30);
}

.page-header {
	border-bottom-color: var(--clr-surface-a50);
}

hr {
	border-top-color: var(--clr-surface-a50);
}