bangumi.online dark mode(deprecated) by tiamed

/* ==UserStyle==
@name         bangumi.online dark mode
@version      20230821.01.36
@namespace    userstyles.world/user/tiamed
@preprocessor	less
==/UserStyle== */
@-moz-document domain("bangumi.online") {
	:root,
	:root::selection {
		--black-1: #141414;
		--black-2: #1f1f1f;
		--black-3: #262626;
		--black-4: #434343;
		--black-5: #595959;
		--white-1: #f5f5f5;
		--white-2: #f0f0f0;
		--white-3: #d9d9d9;
		--white-4: #bfbfbf;
		--white-5: #8c8c8c;
	}

	html,
	body,
	.app,
	#app {
		background: var(--black-1);
		color: var(--white-1);
	}

	a {
		color: var(--white-2);
	}
	
	.bangumi-player-box, .plyr__video-wrapper {
		background: black !important;
	}

	.index-banner-group {
		background: linear-gradient(0deg, var(--black-1), transparent);
	}

	.index-current-list-item-inner {
		background: var(--black-2);
	}

	.index-current-list-item-inner-info-popular-icon {
		fill: var(--white-2);
	}

	.navigation-right-language-content-text-mobile,
	.navigation-right-language-content-text-pc {
		filter: invert(0.9) !important;
		color: var(--black-1) !important;
	}

	.navigation-right-language-content-list ul,
	.navigation-right-account-user-menu ul,
	.navigation-right-account-user-menu ul li,
	.navigation-right-account-user-menu ul li p {
		background: var(--black-3) !important;
		border-color: var(--black-4) !important;
	}

	.navigation-right-language-content-list ul li:hover,
	.navigation-right-account-user-menu ul li:hover a {
		background: var(--black-5) !important;
	}

	.navigation-bg {
		background: var(--black-1) !important;
		opacity: 0.6;
	}

	.watch-content-info,
	.watch-content-comments-list-item,
	.watch-content-comments-list-item-details-reply-item,
	.watch-content-comments-list-item-details-text .bgm-image {
		border-color: var(--black-2) !important;
	}

	.watch-content-info-text-summary-more[data-v-32a95b5f] {
		background: linear-gradient(90deg, transparent, var(--black-1) 20%, var(--black-1));
	}

	.watch-right-series,
	.watch-right-character {
		background: var(--black-2) !important;
	}

	.watch-right-series-block-volumes-item a {
		background: var(--black-3) !important;
		border-color: var(--black-3) !important;
		color: var(--white-2);
	}

	.watch-right-character-list-item-info-relation,
	.watch-right-character-list-item-avatar {
		border-color: var(--black-3) !important;
	}

	#__nuxt {
		.side-bar-item {
			background: var(--black-2);

			&:hover {
				background: var(--black-4);
			}

			&-icon {
				fill: var(--white-1);
			}
		}
	}

	.side-bar-donate-content {
		color: var(--black-1);
	}
	
	.dynamic-dialog-content {
		background: var(--black-2) !important;
	}
}