MyBikeTraffic.com - Dark Mode by Nick2bad4u

/* ==UserStyle==
@name         MyBikeTraffic.com - Dark Mode
@version      20241022.15.18
@namespace    mybiketraffic.com
@description  Dark more for MyBikeTraffic.com
@author       Nick2bad4u
@license      UnLicense
==/UserStyle== */

@-moz-document domain("mybiketraffic.com") {
body,
.navbar,
.container,
.table,
.thead-light,
.footer,
.terms {
	background-color: #121212 !important;
	color: #e0e0e0 !important;
}

/* Remove or comment out the following lines to prevent image inversion */
/* .navbar-brand img, .nav-link img {
        filter: invert(1) !important;
    } */
.nav-link,
.nav-item a,
.terms a,
.footer a {
	color: #bb86fc !important;
}

.table th,
.table td {
	border-color: #333 !important;
}

input,
select,
textarea {
	background-color: #333 !important;
	color: #e0e0e0 !important;
	border: 1px solid #555 !important;
}

.btn,
.form-control {
	background-color: #333 !important;
	color: #e0e0e0 !important;
	border: 1px solid #555 !important;
}

.navbar-toggler {
	border-color: #333 !important;
}

.navbar-toggler-icon {
	filter: invert(1) !important;
}

.table thead th {
	background-color: #333 !important;
}

.table tbody tr {
	background-color: #1e1e1e !important;
}

.table tbody tr:hover {
	background-color: #333 !important;
}

.table tbody tr td {
	border-color: #444 !important;
}

.table tbody tr td span {
	color: #bb86fc !important;
}

.table tbody tr td span.imperial,
.table tbody tr td span.metric {
	color: #bb86fc !important;
}

.chart-container {
	background-color: #1e1e1e !important;
}

.chart-legend {
	color: #e0e0e0 !important;
}

.form-check-input:checked {
	background-color: #bb86fc !important;
	border-color: #bb86fc !important;
}

.form-check-label {
	color: #e0e0e0 !important;
}

.tooltip-inner,
.popover-body {
	background-color: #333 !important;
	color: #e0e0e0 !important;
}

.arrow::before {
	border-color: #333 !important;
}

.modal-content {
	background-color: #1e1e1e !important;
	color: #e0e0e0 !important;
}

.modal-header,
.modal-footer {
	border-color: #333 !important;
}

.nav-link:hover,
.nav-item a:hover,
.terms a:hover,
.footer a:hover {
	color: #ff79c6 !important;
}

.btn:hover,
.form-control:hover {
	background-color: #444 !important;
}
}