Skip to content

bilibili样式美化,配合DarkReader黑色模式 by lyngeng

Details

Authorlyngeng

LicenseNo License

Categorybilibili

Created

Updated

Code size2.2 kB

Code checksum596fea5c

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

bilibili样式美化,配合DarkReader黑色模式,配合DarkReader黑色模式,配合DarkReader黑色模式

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           www.bilibili.com - 2023/7/6 09:53:17
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document url-prefix("https://www.bilibili.com") {
	.bpx-player-sending-bar {
		background: rgb(24, 26, 27);
	}
	.bpx-player-container[data-revision="1"] .bpx-player-sending-bar .bpx-player-video-inputbar,
	.bpx-player-container[data-revision="2"] .bpx-player-sending-bar .bpx-player-video-inputbar {
		background: rgba(0, 0, 0, .8);
	}

	.bili-header .center-search-container .center-search__bar #nav-searchform,
	.bili-header .center-search-container .center-search__bar #nav-searchform.is-focus,
	.bili-header .search-panel,
	.bili-header .slide-down,
	.header-channel,
	.mini-header,
	.bpx-player-follow,
	.bpx-player-music,
	.video-share-popover .video-share-dropdown .dropdown-top,
	.video-share-popover .video-share-dropdown .dropdown-bottom,
	.bpx-player-ctrl-quality-menu,
	.bpx-player-ctrl-playbackrate-menu,
	.bui-panel.bui-dark,
	.bpx-player-ctrl-viewpoint-menu-wrap,
	.bpx-player-ctrl-volume-box {
		opacity: 1;
		background: rgba(24, 26, 27, .8);
		backdrop-filter: blur(8px);
		box-shadow: 0 0 3px 0px rgba(255, 255, 255, .2);
		transform: translateZ(0);
	}

	.bili-header .center-search-container .center-search__bar #nav-searchform.is-actived .nav-search-content,
	.bili-header .center-search-container .center-search__bar #nav-searchform.is-focus .nav-search-content,
	.bili-header .center-search-container .center-search__bar .nav-search-content .nav-search-input:focus,
	.bili-header .slide-down .center-search-container .center-search__bar #nav-searchform,
	.video-share-popover {
		background: transparent;
	}

	.bili-header .histories .history-item,
	.header-channel-fixed-right-item,
	.bili-header .trending-item:hover {
		background: rgba(0, 0, 0, .4);
	}

	.bili-video-card:hover,
	.feed-card:hover {
		box-shadow: 5px 5px 6px 3px rgba(255, 255, 255, 0.2);
		border-radius: 6px;
		overflow: hidden;
	}

	.video-page-card-small .card-box .pic-box .pic .duration {
		backdrop-filter: blur(8px);
		transform: translateZ(0);
	}
}

Reviews

No reviews yet.