bilibili样式美化,配合DarkReader黑色模式,配合DarkReader黑色模式,配合DarkReader黑色模式
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
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);
}
}