Greasy Fork is available in English.
修复Bilibili Evolved (Offline)-V1的夜间模式
// ==UserScript==
// @name 夜间模式修复
// @namespace http://tampermonkey.net/
// @version 1.2.8
// @description 修复Bilibili Evolved (Offline)-V1的夜间模式
// @author aotmd
// @match https://www.bilibili.com/video/*
// @match https://www.bilibili.com/medialist/play/*
// @match https://t.bilibili.com/*
// @match https://space.bilibili.com/*
// @match https://live.bilibili.com/*
// @match https://search.bilibili.com/*
// @match https://www.bilibili.com/list/*
// @match https://www.bilibili.com/watchlater/*
// @match https://www.bilibili.com/bangumi/play/*
// @grant GM_setValue
// @grant GM_getValue
// @grant GM_deleteValue
// @license MIT
// ==/UserScript==
(function () {
let flag;
let setting = {
/*可用的值:[true|false]*/
自动切换: true,
开始时间: '18:00',
结束时间: '6:00',
搜索样式更改:true
};
if (GM_getValue('flag') !== undefined) {
flag = GM_getValue('flag')
} else {
GM_setValue('flag', true);
flag = true;
}
let styleElement = document.createElement('style');
document.getElementsByTagName('head')[0].appendChild(styleElement);
styleElement.appendChild(document.createTextNode(`
/*------------------------------------------------视频页------------------------------------------------*/
/*视频播放页规则*/
.v-wrap {
background-color: #222 !important;
}
.video-sections-content-list {
background: black;
}
.video-episode-card__info.video-episode-card__info-playing {
background-color: #6e6d6d !important;
}
.s_tag .tag-area .tag-item {
background: #444 !important;
}
/*播放器底部染黑,去除发光阴影*/
.bpx-player-sending-area {
background: #222222;
}
div#bilibili-player-placeholder-bottom {
background: #333;
}
/*播放器阴影*/
div#bilibili-player-placeholder {
box-shadow: 0 0 2px var(--bg3) !IMPORTANT;
}
/*播放器下分享窗口*/
.van-popover.van-popper.video-share-popover {
--bg1: #222;
--bg2: #333;
color: snow !important;
}
/*主题色更改*/
body.harmony-font.win.round-corner.dark {
--text1: #eee;
--graph_bg_regular: #444;
}
/*浮动评论回复窗口*/
.reply-box.fixed-box {
--bg1: #333;
}
/*投币窗口*/
.coin-operated-m-exp {
--bg1_float: #222;
}
/*视频标签染色*/
.tag-panel,
.comment-container {
background-color: #222 !important;
}
/*标签窗口染色*/
.detail-channel-popup {
--bg1_float: #222;
}
/*1.1.9 充电按钮颜色变得不那么明显*/
.default-btn.old-charge-btn.following-charge-btn {
--bg1: #444;
background: #444;
border: 0px;
}
.default-btn.new-charge-btn.charge-btn-loaded {
background-color: #444 !important;
color: var(--text1);
border: 1px solid #444 !important;
}
.default-btn.old-charge-btn.not-follow-charge-btn {
--bg1: #444;
--brand_blue: snow;
border: 0px;
}
/*播放列表*/
.action-list-container {
background: #444 !important;
}
/*播放列表视频播放页收藏夹颜色补充*/
.collection-m-exp {
--bg1_float: #444 !important;
}
/*稍后播放页头部*/
.watch-later-list>header {
background: unset;
}
/*1.1.8 人人平等,将楼中楼会员颜色与非会员统一*/
.sub-reply-item {
--0a74c5b9: #b8bcc3 !important;
}
/*1.2.7 AI总结染色*/
.ai-summary-popup-body {
background: black;
}
.ai-summary-popup-body-abstracts{
color:snow;
}
/*1.2.8 番剧页面*/
body.round-corner.dark {
--text1: snow;
--Ga1: #333;
}
.main-container {
background: #222;
}
span#ogv_weslie_up_info {
background: #333;
}
/*------------------------------------------------动态页------------------------------------------------*/
/*1.2.6 动态字体颜色修正*/
body.round-corner.dark {
--text1: snow;
}
/*动态页规则*/
#app .bili-dyn-item div {
color: #e5e5e5;
box-sizing: border-box;
}
#app .bili-dyn-item {
background-color: #444!important;
color: #e5e5e5;
box-sizing: border-box;
}
/*转发栏*/
#app .bili-dyn-content__orig.reference {
background-color: #222!important;
border: 2px solid;
}
#app .bili-dyn-title__text {
color: white;
}
/*up主名称*/
#app span.bili-dyn-title__text.bili-dyn-title__text {
color: snow!important;
}
/*动态页UP主浮窗*/
#app .bili-user-profile {
background: #444;
color: #e5e5e5;
}
#app .bili-user-profile-view__info__stat span {
color: #a3a3a3;
}
/*动态外显精彩评论*/
#app span.bili-rich-text-module.at {
color: #e5e5e5;
}
/*动态页视频详情背景*/
#app .bili-dyn-card-video__body {
background: #444!important;
}
/*动态页专栏预览*/
#app a.bili-dyn-card-article {
background: #444;
}
/*动态页,转载视频着色*/
#app .dyn-ugc__wrap {
background-color: #444 !important;
}
/*动态页,直播预览着色*/
#app .dyn-reserve .dyn-reserve__card {
background-color: #444;
}
/*动态页,相关装扮着色*/
#app .dyn-additional-common__wrap {
background: #444;
}
/*1.2.3动态页,商品栏着色*/
#app .dyn-goods__wrap {
background: #333;
}
/*动态页图片控制栏*/
#app .bili-album__watch__control {
background: #444;
}
/*动态页中上部分*/
#app .bili-dyn-publishing {
background: #444;
}
/*1.1.2 动态页投票*/
#app .dyn-vote__body {
background: #444;
}
/*1.1.2 动态页直播*/
#app .bili-dyn-card-live__body {
background: #444;
}
#app .bili-dyn-up-list {
background: #444;
}
#app .bili-dyn-list-tabs__list {
background: #444;
}
#app .bili-dyn-up-list__item__name.bili-ellipsis {
color: #e5e5e5;
}
#app .bili-dyn-list-tabs__item {
color: #e5e5e5;
}
/*动态左侧栏着色*/
#app .bili-dyn-live-users {
background: #444;
}
#app .bili-dyn-live-users__item__uname.bili-ellipsis {
color: #e5e5e5;
}
#app .bili-dyn-live-users__item__title.bili-ellipsis {
color: #e5e5e5;
}
#app .bili-dyn-live-users__title {
color: white;
}
/*动态页自身名片*/
#app .bili-dyn-my-info {
background: #444;
}
/*动态页公告*/
#app .bili-dyn-banner {
background: #444;
}
/*动态页右侧栏*/
#app .topic-panel {
background: #444;
}
#app span.topic-panel__nav-title {
color: #e5e5e5;
}
#app .relevant-topic__title {
color: #e5e5e5;
}
/*1.2.4 修正字体白色*/
body.win.round-corner.dark {
--text1: snow!important;
}
/*------------------------------------------------直播页------------------------------------------------*/
/*直播顶部修复*/
div#head-info-vm {
background-color: #444 !important;
}
/*顶栏*/
nav.link-navbar.p-relative.supportWebp {
--bg1: #333;
}
/*礼物详情窗口*/
.content {
--bg1: #333;
}
/*------------------------------------------------搜索页------------------------------------------------*/
/*1.1.5搜索页修复,改了下辣眼睛的搜索页面*/
a.text1 {
color: snow !important;
}
/*1.2.5 修正搜索框颜色*/
.search-input-wrap.flex_between {
background: #444!important;
}
div#bili-header-container {
background: #222!important;
}
.search-fixed-header.search-sticky-header {
background: #333!important;
}
`));
if (flag) {
styleElement.setAttribute("type",'text/css');
} else {
styleElement.setAttribute("type",'text');
}
if(setting.自动切换){
window.setInterval(() => {
if (new Date().getHours() >= new Date('1900/1/1 '+setting.开始时间).getHours()) {
if(flag)return;
flag = true;
styleElement.setAttribute("type",'text/css');
}
if (new Date().getHours() < new Date('1900/1/1 '+setting.开始时间).getHours() &&
new Date().getHours() >= new Date('1900/1/1 '+setting.结束时间).getHours()) {
if(!flag)return;
flag = false;
styleElement.setAttribute("type",'text');
}
GM_setValue('flag', flag);
}, 1000);
}
let a1 = document.createElement('button');
a1.className = "gt1 button2";
document.body.appendChild(a1);
a1.innerText = "黑暗模式";
a1.onclick = function () {
flag = !flag;
if (flag) {
styleElement.setAttribute("type",'text/css');
} else {
styleElement.setAttribute("type",'text');
}
GM_setValue('flag', flag);
};
addStyle(`
.gt1 {
padding: 5px 5px;
font-size: 14px;
color: snow;
position: fixed;
border-radius: 4px;
right: 5px;
top: 10%;
z-index: 999999;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 4px 2px;
-webkit-transition-duration: 0.4s;/* Safari */
transition-duration: 0.4s;
cursor: pointer;
background-color: #4CAF50;
border: 2px solid #4CAF50;
}
.gt1:hover {
background-color: white;
color: black;
}
.button2:hover {
font-size: 14px;
padding: 5px 10px;
-webkit-transition: 0.5s;
opacity: 1;
margin: -3px 2px;
right: 5px;
}
.button2 {
padding: 0px;
font-size: 12px;
opacity: 0.2;
right: -40px;
}
`);
if(setting.搜索样式更改){
addStyle(`
/*1.1.5搜索页修复,改了下辣眼睛的搜索页面*/
/*改成每行显示4个*/
.col_md_2 {
flex: 5 0 20.666667%;
max-width: 30.666667%;
}
/*专栏改成每行显示一个*/
.col_6.mb_x40 {
flex: 0 0 100%;
max-width: 100%;
/* left: 281px; */
}
/*宽度限制从100%改为80%*/
.i_wrapper {
width: 80%;
max-width: 2200px;
margin: 0 auto;
padding: 0 56px;
}
`);
}
/**
* 添加浏览器执行事件
* @param func 无参匿名函数
*/
function addLoadEvent(func) {
let oldOnload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function () {
try {
oldOnload();
} catch (e) {
console.log(e);
} finally {
func();
}
}
}
}
//添加css样式
function addStyle(rules) {
let styleElement = document.createElement('style');
styleElement["type"] = 'text/css';
document.getElementsByTagName('head')[0].appendChild(styleElement);
styleElement.appendChild(document.createTextNode(rules));
}
})();