bilibili 直播间黑色样式
bilibili 直播间 黑色样式、礼物和广告屏蔽 by mscststs
Details
Authormscststs
LicenseNo License
Categoryuserstyles
Created
Updated
Size8.4 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 bilibili 直播间 黑色样式、礼物和广告屏蔽
@version 20230520.12.51
@namespace userstyles.world/user/mscststs
@description bilibili 直播间黑色样式
@author mscststs
@license No License
==/UserStyle== */
@-moz-document regexp("https?:\\/\\/live\\.bilibili\\.com\\/\\d.*"), regexp("https?:\\/\\/live\\.bilibili\\.com\\/blanc\\/\\d.*") {
:root{
--bg1: #16253b;
--Ga1: #0b1324;
--Ga2: #2f3134;
--Ga4: #e4e4e4;
--Ga9: #999;;
--text1: #eee;
--text2: #eee;
--Ba0_s: #eee;
--bg1_float: #132847;
}
/* 活动热度 */
.activity-gather-entry.activity-entry{
display:none;
}
.hot-rank-wrap{
display:none;
}
/* 加入粉丝团 */
.guide-join-fansclub{
display:none !important;
}
/* 人气榜 */
.popular-not-rank{
display:none !important;
}
/* 热门榜 */
.hot-not-rank{
display:none;
}
/* 礼物星球 */
.gift-planet-entry{
display:none !important;
}
/* 礼物栏 */
.gift-control-section{
display:none;
}
/* 播放器赠礼开关 */
.web-live-player-gift-panel-btn{
display:none !important;
}
/* 广告banner */
.flip-view{
display:none;
}
/* 评论席移除榜单 */
#rank-list-vm{
display:none;
}
#pay-note-panel-vm{
display:none;
}
.player-full-win .chat-history-panel{
border-top-left-radius:0px;
border-top-right-radius:0px;
}
.chat-history-panel{
border-top-left-radius:10px;
border-top-right-radius:10px;
height:calc(100% - 145px ) !important;
}
#aside-area-vm{
border:none;
}
/* 评论席移除广告 */
.icon-right-part{
display:none;
}
/* 评论席移除勋章 */
.medal-section{
display:none !important;
}
/* 评论席移除无用功能 */
.icon-right-part{
display:none !important;
}
/* 移除反馈角标 */
.feedback-icon{
display:none;
}
/* 移除顶部活动按钮 */
.activity-gather-entry{
display:none !important;
}
/* 移除顶部开播按钮 */
.startlive-btn{
display:none !important;
}
/* 调整其余按钮位置,防止影响弹窗 */
#right-part div.shortcuts-ctnr{
padding-right:80px;
}
/* 移除水印 */
.bilibili-live-player-video-logo,
.web-player-icon-roomStatus{
display:none !important;
}
/* 移除关注按钮 */
.live-skin-highlight-bg{
display:none;
}
.live-skin-separate-border{
border-radius:4px !important;
width:100px !important;
}
.live-skin-separate-border::before{
content:"粉丝:"
}
/* 移除搜索框废话 */
div.search-bar{
border : 1px solid #aaa !important;
}
div.search-bar-ctnr span.placeholder{
display:none;
}
div.search-bar-ctnr input{
color:#eee !important;
}
div.search-bar-ctnr div.search-bar{
background-color:transparent;
box-shadow:0 0 1px 0 rgba(0,0,0,0.4) inset;
}
/* 移除评论席的系统废话 */
.chat-item.convention-msg{
display:none;
}
/* 评论席弹出层阴影 */
.common-popup-wrap{
box-shadow:0 0 10px 0 rgba(0,0,0,0.8) !important;
}
/* 评论席背景色 */
.chat-history-panel,
#control-panel-ctnr-box{
background-color:#FFFFFF;
}
/* 移除动态 */
.room-feed{
display:none;
}
/* 移除底部 */
#link-footer-vm{
display:none;
}
/* 左侧壁纸切换区域 */
#background-manage-vm{
transition:all 0.5s;
opacity:0;
}
#background-manage-vm:hover{
opacity:1;
}
/* 顶部 */
#link-navbar-vm{
box-shadow: 0 0 10px 1px rgba(0,0,0,0.4);
}
.link-navbar-ctnr, .link-navbar-ctnr .link-navbar,
html[lab-style*=dark] .link-navbar-ctnr{
box-shadow:0 0 15px 0 rgba(0,0,0,0.8) !important;
background-color:#16253b !important;
}
.nav-item,.nav-logo{
color:#eeeeee !important;
}
.list-item,
.more-tab-animation{
color:#eee !important;
}
.down-arrow{
filter:invert(100%);
}
.content-ctnr .list-item:hover{
background-color:#0b1324 !important;
}
.shortcut-item,
.shortcut-item .text-label{
color:#eeeeee !important;
}
#nav-searchform[id*="nav-searchform"],
html[lab-style*=dark] .link-navbar-ctnr #nav-searchform{
background-color: #0b1324 !important;
border:none !important;
}
.search-bar[class*="search"],
.search-bar-ctnr .search-bar[class*="search"]:hover,
html[lab-style*=dark] .link-navbar-ctnr .search-bar,
html[lab-style*=dark] .link-navbar-ctnr .search-bar:hover{
background-color: #0b1324 !important;
border-radius: 20px !important;;
box-shadow:none !important;
border:1px solid transparent !important;
}
.search-bar input{
color:#eeeeee;
background-color:#0b1324 !important;
}
.search-bar .search-btn{
filter:invert(100%);
opacity:0.6;
}
html[lab-style='dark'] .search-bar .search-btn{
filter:none;
opacity:0.6;
}
/* 移除顶部阴影 */
.link-navbar[class*=link-navba]{
box-shadow:none !important;
}
/* 移除顶部开播按钮 */
.startlive-icon{
display:none !important;
}
/* 评论席 */
.chat-history-panel{
background-color:rgba(0,0,0,0.6);
}
#chat-control-panel-vm{
background-color:transparent;
}
#control-panel-ctnr-box{
background-color:rgba(0,0,0,0.6);
}
.danmaku-content{
color:#eeeeeeee;
}
/* 全局背景色 */
body{
background-color:#0c1426;
}
.room-bg::after,
html[lab-style*=dark] .room-bg.p-fixed:after {
background: linear-gradient(0deg,#0c1426,transparent 20%) !important;
}
html[lab-style*=dark] .bg-bright-filter:before{
content:none;
}
/* 移除播放区条形广告(播放xxx的更多视频) */
.web-player-inject-wrap{
display:none;
}
/* 播放区 */
#head-info-vm{
background-color:rgba(0,0,0,0.6);
border-color:#000000;
}
.live-skin-main-text.small-title,.room-title{
color:#eeeeee !important;
}
.live-title{
color:white;
}
/* 全屏 */
.player-full-win .chat-history-panel{
background-color:#0c1426;
}
.player-full-win #control-panel-ctnr-box{
background-color:#0c1426;
}
/* 弹幕输入 */
.chat-input-ctnr{
background-color:transparent !important;
}
.chat-input{
background-color:rgba(0,0,0,.4) !important;
color:#cccccc !important;
}
/* 粉丝数 */
.right-part.live-skin-separate-border{
background-color:transparent !important;
border-color:#cccccc !important;
color:#dddddd !important;
}
/* 主播荣誉、简介 */
.tab-candidate.t-center{
color:#eeeeee;
}
/* 播放器边框 */
.bilibili-live-player-video-stream{
width:calc(100% - 2px) !important;
height:calc(100% - 2px)!important;
top:1px;
left:1px;
box-shadow: 0 0 0 1px #00a6e9;
}
/* 荣誉 简介区域 */
.content-wrapper{
color:#eeeeee !important;
background-color:transparent !important;
}
.room-introduction-scroll-wrapper{
color:#eeeeee !important;
}
.glory-name{
color:#eeeeee !important;
}
.room-introduction-tags .room-introduction-tag{
color:#eeeeee !important;
}
/* 简介滚动条 */
.room-introduction-scroll-wrapper::-webkit-scrollbar{
width:6px;
background-color: #16253b !important;
}
.room-introduction-scroll-wrapper::-webkit-scrollbar-thumb{
background-color: #aaaaaa !important;
}
/* 插件 、 直播流获取 */
#helper_stream{
color:#eeeeee !important;
background-color:transparent !important;
}
#helper_stream .title{
color:#eeeeee !important;
}
/* 主播公告 */
.announcement-cntr{
color:#eeeeee !important;
background-color:transparent !important;
}
.announcement-cntr .content{
color:#eeeeee !important;
}
/* 弹窗 */
.common-popup-wrap{
color:#eeeeee !important;
background-color:rgba(14, 22, 42,1) !important;
}
/* 子选项 */
.yan-item,
.drop-menu-item{
color:#dddddd !important;
}
/* 侧边栏 */
.side-bar-cntr{
background-color:rgba(0,0,00,.1) !important;
border-color:#666666 !important;
}
/* 侧栏阴影 */
.side-bar-popup-cntr{
box-shadow:0 0 10px 0 rgba(0,0,0,0.8) !important;
}
/* 移除活动皮肤 */
.supportWebp #head-info-vm,
.supportWebp #chat-control-panel-vm{
background-image:none !important;
}
.live-skin-coloration-area .live-skin-main-text{
color: rgb(200, 200, 200) !important;
fill: rgb(200, 200, 200) !important;
}
.live-skin-coloration-area .live-skin-highlight-button-bg.bl-button--primary:not(:disabled) {
background-color: rgb(35, 173, 229);
}
.live-skin-coloration-area .live-skin-highlight-button-bg.bl-button--primary:hover:not(:disabled) {
background-color: rgb(35, 163, 215);
}
/* 移除底栏 */
#sections-vm{
display:none;
}
}