夜间哔哩 NightMode For Bilibili.com
(个人魔改版)夜间哔哩 NightMode For Bilibili.com by dean-cherry
Details
Authordean-cherry
LicenseNo License
Categorymybili
Created
Updated
Size478 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
夜间哔哩 NightMode For Bilibili.com
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name 夜间哔哩 NightMode For Bilibili.com
@namespace USO Archive
@author QIUZAIYOU
@description ⭐1. 常用页面夜间模式全覆盖 ⭐2. 去除广告 ⭐3. 页面样式优化
@version 202209141130
@license GPL-3.0 License
@preprocessor uso
@advanced dropdown BiliLive "首页直播板块屏蔽" {
BiliLive_ON "开" <<<EOT #bili_live,.bili-layout section.bili-grid:nth-child(5),.live-card-list,.live-rank-conent,section.bili-grid:nth-child(6),section.bili-grid:nth-child(3), EOT;
BiliLive_OFF "关" <<<EOT /*[[BiliLive]]*\/ EOT;
}
@advanced dropdown BiliRace "首页电竞赛事板块屏蔽" {
BiliRace_ON "开" <<<EOT #reportFirst3,.battle-area,#-\31>.channel-floor,EOT;
BiliRace_OFF "关" <<<EOT /*[[BiliRace]]*\/ EOT;
}
@advanced dropdown LiveFansMedal "直播间粉丝勋章" {
LiveFansMedal_ON "开" <<<EOT .chat-history-panel .chat-history-list .chat-item.danmaku-item .fans-medal-item-ctnr,EOT;
LiveFansMedal_OFF "关" <<<EOT /*[[LiveFansMedal]]*\/ EOT;
}
@advanced dropdown LiveRank "直播间粉丝等级" {
LiveRank_ON "开" <<<EOT .chat-history-panel .chat-history-list .chat-item .rank-icon,EOT;
LiveRank_OFF "关" <<<EOT /*[[LiveRank]]*\/ EOT;
}
@advanced dropdown ActivityGatherEntry "直播间标题部分活动入口" {
LiveRank_ON "开" <<<EOT .activity-gather-entry,EOT;
LiveRank_OFF "关" <<<EOT /*[[ActivityGatherEntry]]*\/ EOT;
}
@advanced dropdown ChatColorfulBubble "直播间右侧聊天背景色特效" {
ChatColorfulBubble_OFF "关" <<<EOT .chat-history-panel .chat-history-list .chat-item.danmaku-item.chat-colorful-bubble{
margin: 0!important;
background: transparent!important;
},EOT;
ChatColorfulBubble_ON "开" <<<EOT /*[[ChatColorfulBubble]]*\/ EOT;
}
==/UserStyle== */
@-moz-document url-prefix("https://www.bilibili.com/") {
/*===
* © 版权信息
* © 作者:QIUZAIYOU
* © 最后更新:202209141130
* © Github项目地址:https://github.com/QIUZAIYOU/Stylish
* © Gitee项目地址:https://gitee.com/aiideai/Stylish
* © UserStyles.world项目地址:https://userstyles.world/style/241/nightmode-for-bilibili-com
===*/
}
@-moz-document domain("bilibili.com") {
/* ===屏蔽元素=== */
/* -- 首页 -- */
/* 导航活动元素及app下载 */
.nav-link .nav-link-ul .nav-link-item:nth-last-child(1), .nav-link .nav-link-ul .nav-link-item:nth-last-child(2), /* 首页推广板块 */
#reportFirst2, /* 首页板块中间的Banner广告 */
.storey-box div[id*="bili_"] > a[data-loc-id], /* 首页直播板块(个人不喜,故添加了屏蔽开关,默认开启) */
/*[[BiliLive]]*/
/*[[BiliRace]]*/
/* 播放页广告 */
#bannerAd, #slide_ad, .ad-report, .activity-m-v1, .video-page-special-card-small, .video-container-v1 #live_recommand_report, /* 直播页广告 */
.room-ctnr + div.flip-view, #home_popularize .adpos, #home_popularize .l-con, #reportFirst2 .extension, #slide_ad, .ad-report, .bili-header-m .nav-menu .nav-con .nav-item .text-red, .bilibili-player-promote-wrap, .bypb-window .operate-card, .gg-floor-module, .gg-window .operate-card, .home-app-download, .home-content .ad-panel, .international-home .banner-card, .mascot, .mobile-link-l, .rank-container .cm-module, .recommend-list .rec-list > :not(.video-page-card), .v-wrap .vcd, .video-page-game-card, .video-page-special-card, .blocked.new, .v-wrap #live_recommand_report, .eva-extension-area, .eva-banner, .loc-moveclip {
display: none !important;
}
.recommended-container .first-paint > div:not([class]) {
height: 0!important;
opacity: 0!important;
visibility: hidden!important;
overflow: hidden!important;
}
}
@-moz-document domain("bilibili.com") {
/* ===通用属性=== */
:root {
/*以下来自于 Bilibili Helper 样式 @DEAN_Cherry*/
--dark-card: #151515 !important;
--divider: rgba(47 47 47 / 75%) !important;
--divider2: rgba(117, 117, 120, 0.4) !important;
--dark-0: #101010 !important;
--dark-1: #141414 !important;
--dark-2: #131313 !important;
--dark-3: #1f1f1f !important;
--dark-4: #2b2b2b !important;
--dark-5: #333333 !important;
/*首页 floor card 颜色样式*/
--bg1_float: #242628 !important;
--graph_bg_thick: #2F3134 !important;
--graph_bg_regular: #232537 !important;
--line_regular: #2F3134 !important;
/*首页 floor card 颜色样式*/
--bg: #1f2022 !important;
--bg-b: #1c2022 !important;
--bg-c: #1c20ff !important;
--bg-1:#17181a !important;
--bg-0: #000 !important;
--bg-2: #0d0d0e !important;
--bg-search-bar: rgb(4,4,4) !important;
--comments-divider: #3a3a3f !important;
--dark-font-0: #e8e8e8 !important;
--dark-font-comments: #c5cbd4 !important;
/*以上来自于 Bilibili Helper 样式 @DEAN_Cherry */
--color-14: #141414 !important;
--color-1b: #1b1b1b !important;
/* --color-21: #212121 !important; */
/* 更改背景与 bilibili helper 相同 @DEAN_Cherry */
--color-21: #17181a !important;
--color-23: #232323 !important;
--color-27: #272727 !important;
/* --color-2c: #2c2c2c !important; */
/* 同样更改为 bilibili helper @DEAN_Cheery*/
--color-2c: #242628 !important;
--color-2c-95: rgba(44, 44, 44, .95) !important;
/* --color-37: #373737 !important; */
--color-37: #1e2022 !important;
/* --color-42: #424242 !important;
同样更改为 bilibili helper @DEAN_Cheery
*/
--color-42: #232527 !important;
--color-66: #666 !important;
--color-77: #777 !important;
/* --color-86: #868686 !important; */
/* 同样更改为 bilibili helper @DEAN_Cheery */
--color-86: #a2a7ae !important;
--color-af: #afafaf !important;
--color-ff: #fff !important;
--bili-blue: #00a1d6 !important;
--bili-lightblue: #00b5e5 !important;
--bili-red: #fa5a57 !important;
--bili-lightblue-50: #00b5e580 !important;
--bili-red-50: #fa5a5780 !important;
--bili-lightred: #f25e8e !important;
--bili-yellow: #f7a920 !important;
--bili-green: #0dad9e !important;
--bili-lightgreen: #43ce5b !important;
--bili-green-50: #0dad9e80 !important;
--bili-service-green: #09aeb0!important;
--bili-pink: #fb7299 !important;
--bili-khaki: #d9a773 !important;
--bili-golden: #ffbb2f !important;
--bili-silvery: #aab6c5 !important;
--bili-coppery: #f89658 !important;
--bili-manga-blue: #32aaff !important;
--bili-manga-yellow: #fb9b11 !important;
--bili-shop-pink: #f25d8e !important;
--bili-shop-darkpink: #e50e4c !important;
--bili-comment-notice-yellow: #e78b1f !important;
--bodr-42: 1px solid #424242 !important;
--bili-live-yelllow: #ffd432!important;
--filter-ff-21: invert(100%) sepia(1%) saturate(2108%) hue-rotate(282deg) brightness(105%) contrast(74%) !important;
--filter-00-86: invert(50%) sepia(54%) saturate(0%) hue-rotate(258deg) brightness(95%) contrast(80%) !important;
--filter-ff-86: invert(50%) sepia(12%) saturate(0%) hue-rotate(202deg) brightness(103%) contrast(94%) !important;
--filter-19-86: invert(47%) sepia(70%) saturate(2%) hue-rotate(340deg) brightness(97%) contrast(84%) !important;
--filter-20-86: invert(49%) sepia(19%) saturate(4%) hue-rotate(314deg) brightness(103%) contrast(91%) !important;
--filter-21-86: invert(51%) sepia(3%) saturate(13%) hue-rotate(350deg) brightness(104%) contrast(86%) !important;
--filter-22-86: invert(54%) sepia(2%) saturate(0%) hue-rotate(136deg) brightness(99%) contrast(94%) !important;
--filter-99-86: invert(38%) sepia(0%) saturate(537%) hue-rotate(141deg) brightness(101%) contrast(84%) !important;
--filter-cc-86: invert(50%) sepia(16%) saturate(0%) hue-rotate(243deg) brightness(103%) contrast(81%) !important;
--filter-bb-86: invert(50%) sepia(0%) saturate(5799%) hue-rotate(152deg) brightness(107%) contrast(72%) !important;
--filter-c0-86: invert(50%) sepia(0%) saturate(2764%) hue-rotate(157deg) brightness(107%) contrast(70%) !important;
--filter-df-86: invert(50%) sepia(85%) saturate(0%) hue-rotate(196deg) brightness(89%) contrast(96%) !important;
--filter-dd-86: invert(50%) sepia(97%) saturate(0%) hue-rotate(158deg) brightness(88%) contrast(84%) !important;
--filter-e1-86: invert(50%) sepia(66%) saturate(0%) hue-rotate(255deg) brightness(93%) contrast(83%)!important;
--filter-ccd0d7-86: invert(50%) sepia(5%) saturate(0%) hue-rotate(195deg) brightness(104%) contrast(93%) !important;
--filter-98a2aa-86: invert(50%) sepia(90%) saturate(1%) hue-rotate(25deg) brightness(89%) contrast(86%) !important;
--filter-6c727e-86: invert(50%) sepia(0%) saturate(7464%) hue-rotate(114deg) brightness(108%) contrast(65%) !important;
--filter-bdc7cf-86: invert(50%) sepia(0%) saturate(1258%) hue-rotate(292deg) brightness(106%) contrast(82%) !important;
--filter-aab2b9-86: invert(50%) sepia(4%) saturate(0%) hue-rotate(237deg) brightness(105%) contrast(89%) !important;
--filter-99a2aa-86: invert(50%) sepia(0%) saturate(1885%) hue-rotate(260deg) brightness(106%) contrast(81%)!important;
--filter-9499a0-86: invert(50%) sepia(17%) saturate(0%) hue-rotate(242deg) brightness(102%) contrast(87%)!important;
--filter-21-66: invert(51%) sepia(0%) saturate(7468%) hue-rotate(315deg) brightness(76%) contrast(89%) !important;
--filter-99-66: invert(56%) sepia(0%) saturate(2966%) hue-rotate(316deg) brightness(80%) contrast(92%) !important;
--filter-ff-66: invert(77%) sepia(70%) saturate(0%) hue-rotate(92deg) brightness(91%) contrast(93%) !important;
--filter-c0-66: invert(82%) sepia(5%) saturate(0%) hue-rotate(64deg) brightness(112%) contrast(86%) !important;
--filter-d8-66: invert(83%) sepia(0%) saturate(1979%) hue-rotate(347deg) brightness(131%) contrast(68%) !important;
--filter-ccd0d7-66: invert(70%) sepia(2%) saturate(5%) hue-rotate(326deg) brightness(100%) contrast(81%) !important;
--filter-97a2ab-66: invert(50%) sepia(0%) saturate(2303%) hue-rotate(162deg) brightness(76%) contrast(82%)!important;
--filter-99a2aa-66: invert(71%) sepia(0%) saturate(0%) hue-rotate(7deg) brightness(87%) contrast(90%) !important;
--filter-50-42: invert(0%) sepia(0%) saturate(5340%) hue-rotate(136deg) brightness(68%) contrast(84%)!important;
--filter-e8-42: invert(83%) sepia(6%) saturate(30%) hue-rotate(11deg) brightness(105%) contrast(94%)!important;
--filter-bec3cc-42: invert(97%) sepia(0%) saturate(0%) hue-rotate(123deg) brightness(93%) contrast(91%) !important;
--filter-ccd0d7-42: invert(85%) sepia(1%) saturate(0%) hue-rotate(179deg) brightness(90%) contras...