☰

MyBikeTraffic.com - Dark Mode

Dark more for MyBikeTraffic.com

当前为 2024-12-14 提交的版本，查看 最新版本。

/* ==UserStyle==
@name         MyBikeTraffic.com - Dark Mode
@version      20241024.15.21
@namespace    https://userstyles.world/user/Nick2bad4u
@description  Dark more for MyBikeTraffic.com
@homepageURL  https://github.com/Nick2bad4u/UserStyles
@author       Nick2bad4u
@license      UnLicense
==/UserStyle== */

@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 {
		border: 1px solid #555 !important;
		background-color: #333 !important;
		color: #e0e0e0 !important;
	}

	.btn,
	.form-control {
		border: 1px solid #555 !important;
		background-color: #333 !important;
		color: #e0e0e0 !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 {
		border-color: #bb86fc !important;
		background-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;
	}
}