Skip to content

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

Details

Authorlyngeng

LicenseNo License

Categorybilibili

Created

Updated

Size2.2 kB

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.