Koinly Dark by megyland

/* ==UserStyle==
@name           Koinly Dark mode
@namespace      github.com/openstyles/stylus
@version        0.2
@description    A dark mode for Koinly
@author         @megyland
==/UserStyle== */
@-moz-document url("koinly.io") {
	.header {
		background-color: #16181d;
		border-color: #2a2f3c;
	}

	H1,
	h4,
	.text-right,
	.text-left,
	#root > div.content > div > div:nth-child(2) > div.col-lg-8.col-md-7.col-12 > div:nth-child(1) > div > div.d-sm-flex.justify-content-between.px-3.pt-3.pb-1 > div:nth-child(1) > div:nth-child(2) > div > span {
		font-family: "Jetbrains Mono";
	}

	.navbar {
		background-color: #16181d !important;
	}

	.navbar-brand {
		color: white !important;
	}

	.nav-item > .nav-link {
		color: white !important;
	}

	.nav-item > .active {
		color: #007bff !important;
	}

	.nav-pills .nav-link.active,
	.nav-pills .show > .nav-link {
		color: #fff !important;
		background-color: #007bff;
	}

	.whitebg {
		background-color: #16181d;
	}

	.bg-white {
		background-color: #16181d !important;
	}

	.form-control {
		background-color: #2a2f3c;
		color: white;
	}

	.css-1hwfws3 {
		background-color: #2a2f3c;
		color: white;
	}

	.css-1uccc91-singleValue {
		color: white;
	}

	.rounded {
		border: 1px solid #2a2f3c !important;
		border-radius: .5rem !important;
	}

	.list-group > li {
		background-color: #16181d !important;
		color: white;
	}

	.list-group > li:hover {
		background-color: #2a2f3c;
		color: white;
	}

	.content {
		background-color: #16181d;
	}

	.rt-tbody {
		color: white;
	}

	.rt-tr-group:hover {
		background-color: #2a2f3c;
	}

	.onboarding-next-steps,
	.ReactTable.-highlight .rt-tbody .rt-tr:not(.-padRow):hover {
		background-color: #2a2f3c;
	}

	.react-slidedown {
		background-color: #2a2f3c;
	}

	.pt-4.px-5.pb-5.container {
		background-color: #2a2f3c !important;
	}

	.well {
		background-color: #16181d;
		border: 1px solid #2a2f3c !important;
	}

	.selected-item,
	.well:hover {
		background-color: #2a2f3c;
	}

	tspan.highcharts-text-outline {
		display: none;
	}

	tspan {
		fill: white;
	}

	path.highcharts-point {
		stroke: #2a2f3c;
	}

	.footer {
		background-color: #16181d;
	}

	.brand {
		color: white;
	}

	a.rs-btn.rs-btn-default.rs-picker-toggle {
		background-color: #16181d !important;
		color: white !important;
		border: 1px solid #2a2f3c !important;
		border-radius: .5rem;
	}

	.custom-date-picker .rs-picker-toggle-value {
		color: #9fa3ac !important;
	}

	.login-page {
		background-color: #16181d;
	}

	.dropdown-menu.dropdown-menu-right.show {
		background-color: #2a2f3c;
	}

	a.dropdown-item {
		color: white;
	}

	.dropdown-item:focus,
	.dropdown-item:hover {
		background-color: #4d566d;
		color: white;
	}
}