Merge pull request #6 from the1812/preview

Update to 1.5.2
This commit is contained in:
Grant Howard 2018-10-11 19:55:47 +08:00 committed by GitHub
commit a8f626cc9d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
33 changed files with 810 additions and 188 deletions

View File

@ -71,7 +71,14 @@
![绿色](images/new-navbar-teal.png)
![暗蓝色](images/new-navbar-blueGrey.png)
### 样式调整
改变顶栏的样式, 并有一些其他地方的界面微调.
**主要**会改变顶栏的样式, 并有一些其他地方的界面微调:
- 为播放器增加主题色投影
- 可控制顶栏对横幅的透明度
- 使播放器按钮垂直对齐
- 使部分搜索栏的提示文字的颜色更清晰
- 启用迷你播放器时, 防止下方内容(评论区, 相关推荐等)突然向上收拢影响阅读
- 隐藏播放页面的"返回旧版"侧栏
- 修复直播间一些文字初始状态不正确
#### 顶栏效果
![主站](images/new-navbar.png)
![播放](images/new-navbar-stardust.png)

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,6 @@
// ==UserScript==
// @name Bilibili Evolved (Preview)
// @version 1.5.1
// @version 1.5.2
// @description 增强哔哩哔哩Web端体验. (预览版分支)
// @author Grant Howard, Coulomb-G
// @match *://*.bilibili.com/*
@ -54,7 +54,7 @@
notifyNewVersion: true,
fixFullscreen: false,
latestVersionLink: "https://github.com/the1812/Bilibili-Evolved/raw/preview/bilibili-evolved.preview.user.js",
currentVersion: "1.5.1"
currentVersion: "1.5.2"
};
function loadSettings()
{
@ -81,15 +81,6 @@
GM_addValueChangeListener(key, change);
}
}
function runAndObserveDomMutation(selector, callback)
{
const element = document.querySelector(selector);
if (element)
{
const observer = new MutationObserver(callback);
observer.observe(element, { childList: true, subtree: true });
}
}
function loadResources()
{
Resource.root = "https://raw.githubusercontent.com/the1812/Bilibili-Evolved/preview/";
@ -220,6 +211,54 @@
static success() { }
static error() { }
}
class Observer
{
constructor(element, callback)
{
this.element = element;
this.callback = callback;
this.observer = null;
this.options = { childList: true, subtree: true };
}
start()
{
if (this.element)
{
this.observer = new MutationObserver(this.callback);
this.observer.observe(this.element, this.options);
}
return this;
}
stop()
{
this.observer && this.observer.disconnect();
return this;
}
static subtree(selector, callback)
{
callback();
return new Array(...document.querySelectorAll(selector))
.map(it =>
{
return new Observer(it, callback).start();
});
}
static attributes(selector, callback)
{
callback();
return new Array(...document.querySelectorAll(selector))
.map(it =>
{
const observer = new Observer(it, callback);
observer.options = {
childList: false,
subtree: false,
attributes: true
};
return observer.start();
});
}
}
class SpinQuery
{
constructor(query, condition, action, onFailed)
@ -770,7 +809,7 @@
{
// execution error
console.error(`Failed to apply feature "${key}": ${error}`);
Toast.error(`加载组件<span>${Resource.all[key].displayName}</span>失败.`, "错误");
Toast.error(`加载组件<span>${Resource.all[key].displayName}</span>失败`, "错误");
}
}
}

View File

@ -1,6 +1,6 @@
// ==UserScript==
// @name Bilibili Evolved
// @version 1.5.1
// @version 1.5.2
// @description 增强哔哩哔哩Web端体验.
// @author Grant Howard, Coulomb-G
// @match *://*.bilibili.com/*
@ -54,7 +54,7 @@
notifyNewVersion: true,
fixFullscreen: false,
latestVersionLink: "https://github.com/the1812/Bilibili-Evolved/raw/master/bilibili-evolved.user.js",
currentVersion: "1.5.1"
currentVersion: "1.5.2"
};
function loadSettings()
{
@ -81,15 +81,6 @@
GM_addValueChangeListener(key, change);
}
}
function runAndObserveDomMutation(selector, callback)
{
const element = document.querySelector(selector);
if (element)
{
const observer = new MutationObserver(callback);
observer.observe(element, { childList: true, subtree: true });
}
}
function loadResources()
{
Resource.root = "https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/";
@ -220,6 +211,54 @@
static success() { }
static error() { }
}
class Observer
{
constructor(element, callback)
{
this.element = element;
this.callback = callback;
this.observer = null;
this.options = { childList: true, subtree: true };
}
start()
{
if (this.element)
{
this.observer = new MutationObserver(this.callback);
this.observer.observe(this.element, this.options);
}
return this;
}
stop()
{
this.observer && this.observer.disconnect();
return this;
}
static subtree(selector, callback)
{
callback();
return new Array(...document.querySelectorAll(selector))
.map(it =>
{
return new Observer(it, callback).start();
});
}
static attributes(selector, callback)
{
callback();
return new Array(...document.querySelectorAll(selector))
.map(it =>
{
const observer = new Observer(it, callback);
observer.options = {
childList: false,
subtree: false,
attributes: true
};
return observer.start();
});
}
}
class SpinQuery
{
constructor(query, condition, action, onFailed)
@ -770,7 +809,7 @@
{
// execution error
console.error(`Failed to apply feature "${key}": ${error}`);
Toast.error(`加载组件<span>${Resource.all[key].displayName}</span>失败.`, "错误");
Toast.error(`加载组件<span>${Resource.all[key].displayName}</span>失败`, "错误");
}
}
}

View File

@ -1 +1 @@
(()=>{return(i,r)=>{runAndObserveDomMutation("#bofqi",()=>{SpinQuery.count(()=>$(".bui-slider .bui-track.bui-track-video-progress,.bilibili-player-area .bilibili-player-video-control"),2,i=>{if(!i.hasClass("video-control-blur-container")){i.addClass("video-control-blur-container");i.prepend(`<div class="video-control-blur-layer"></div>`);r.applyStyle("blurVideoControlStyle","bilibili-blur-video-control")}})});return{ajaxReload:true}}})();
(()=>{return(r,i)=>{Observer.subtree("#bofqi",()=>{SpinQuery.count(()=>$(".bui-slider .bui-track.bui-track-video-progress,.bilibili-player-area .bilibili-player-video-control"),2,r=>{if(!r.hasClass("video-control-blur-container")){r.addClass("video-control-blur-container");r.prepend(`<div class="video-control-blur-layer"></div>`);i.applyStyle("blurVideoControlStyle","bilibili-blur-video-control")}})});return{ajaxReload:true}}})();

View File

@ -1 +1 @@
.link-footer{background-color:#222!important;}.wrapper .elec-btn.disabled,.f-list-hover:hover,.status_box .status_btn.disabled,.game-groom-m .num{background-color:#444!important;}blockquote,blockquote *,blockquote .color-blue-01,blockquote .color-blue-02,blockquote .color-blue-03,blockquote .color-blue-04,blockquote .color-gray-01,blockquote .color-gray-02,blockquote .color-gray-03,blockquote .color-green-01,blockquote .color-green-02,blockquote .color-green-03,blockquote .color-green-04,blockquote .color-lblue-01,blockquote .color-lblue-02,blockquote .color-lblue-03,blockquote .color-lblue-04,blockquote .color-pink-01,blockquote .color-pink-02,blockquote .color-pink-03,blockquote .color-pink-04,blockquote .color-purple-01,blockquote .color-purple-02,blockquote .color-purple-03,blockquote .color-purple-04,blockquote .color-yellow-01,blockquote .color-yellow-02,blockquote .color-yellow-03,blockquote .color-yellow-04,.status_box .status_btn.disabled{color:#aaa!important;}.home-page .sticky-bar .bar-content .message,.cover .disabled-cover,.el-input__inner,.commnent-screen-wrap .el-input__inner,.tag-list li.tag-item.on,.bp-popup-panel .title-ctnr .popup-title{color:#eee!important;}.link-footer,.el-input__inner,.commnent-screen-wrap .el-input__inner,.ui-input-textarea.focus,.user-setting-warp .el-radio-button__orig-radio:checked + .el-radio-button__inner{border-color:transparent!important;}.home-page .sticky-bar .bar-content .message:hover,.other a a:hover,.more-data a:hover,.rank-item .content .info .detail a a:hover,.rank-item .content .other a:hover,.rank-item .content .more-data:hover{color:$customStyleColor!important;}.season-timeline .season-group.today,.season-timeline .season-group.today .group-time::before,.aside-ctnr .author-info .communicate-btn,.tag-list li.tag-item.on{border-color:$customStyleColor!important;}.season-timeline .season-group.today.is-published .group-time::before,.bg-blue,.security-list .child-list li a.bg-blue:hover,.face-g-tab li.current,.el-date-table td.current:not(.disabled),.el-date-table td.end-date,.el-date-table td.start-date,.tag-list li.tag-item.on,.face-g-list#my-g-list .face-g-block .my-mp-block .mp-info .btn-white,.user-setting-warp .el-radio-button__orig-radio:checked + .el-radio-button__inner,.user-my-btn .el-button--primary{background-color:$customStyleColor!important;}.face-g-tab li.current,.current .tab-btn-link,.el-date-table td.current:not(.disabled),.el-date-table td.end-date,.el-date-table td.start-date{color:$foreground!important;}
.link-footer{background-color:#222!important;}.wrapper .elec-btn.disabled,.f-list-hover:hover,.status_box .status_btn.disabled,.game-groom-m .num,.container .pagination,.fjw-case-detail .ban-detail .content-box .video-model{background-color:#444!important;}blockquote,blockquote *,blockquote .color-blue-01,blockquote .color-blue-02,blockquote .color-blue-03,blockquote .color-blue-04,blockquote .color-gray-01,blockquote .color-gray-02,blockquote .color-gray-03,blockquote .color-green-01,blockquote .color-green-02,blockquote .color-green-03,blockquote .color-green-04,blockquote .color-lblue-01,blockquote .color-lblue-02,blockquote .color-lblue-03,blockquote .color-lblue-04,blockquote .color-pink-01,blockquote .color-pink-02,blockquote .color-pink-03,blockquote .color-pink-04,blockquote .color-purple-01,blockquote .color-purple-02,blockquote .color-purple-03,blockquote .color-purple-04,blockquote .color-yellow-01,blockquote .color-yellow-02,blockquote .color-yellow-03,blockquote .color-yellow-04,.status_box .status_btn.disabled{color:#aaa!important;}.home-page .sticky-bar .bar-content .message,.cover .disabled-cover,.el-input__inner,.commnent-screen-wrap .el-input__inner,.tag-list li.tag-item.on,.bp-popup-panel .title-ctnr .popup-title{color:#eee!important;}.link-footer,.el-input__inner,.commnent-screen-wrap .el-input__inner,.ui-input-textarea.focus,.user-setting-warp .el-radio-button__orig-radio:checked + .el-radio-button__inner{border-color:transparent!important;}.home-page .sticky-bar .bar-content .message:hover,.other a a:hover,.more-data a:hover,.rank-item .content .info .detail a a:hover,.rank-item .content .other a:hover,.rank-item .content .more-data:hover{color:$customStyleColor!important;}.season-timeline .season-group.today,.season-timeline .season-group.today .group-time::before,.aside-ctnr .author-info .communicate-btn,.tag-list li.tag-item.on,.tag-list li.tag-item:hover{border-color:$customStyleColor!important;}.season-timeline .season-group.today.is-published .group-time::before,.bg-blue,.security-list .child-list li a.bg-blue:hover,.face-g-tab li.current,.el-date-table td.current:not(.disabled),.el-date-table td.end-date,.el-date-table td.start-date,.tag-list li.tag-item.on,.face-g-list#my-g-list .face-g-block .my-mp-block .mp-info .btn-white,.user-setting-warp .el-radio-button__orig-radio:checked + .el-radio-button__inner,.user-my-btn .el-button--primary{background-color:$customStyleColor!important;}.face-g-tab li.current,.current .tab-btn-link,.el-date-table td.current:not(.disabled),.el-date-table td.end-date,.el-date-table td.start-date{color:$foreground!important;}

View File

@ -1 +1 @@
.bili-header-m .nav-menu .nav-con .nav-item:hover,.right-part>.shortcuts-ctnr .shortcut-item:hover,#link-navbar-vm>.link-navbar .nav-item:hover{background-color:#222;}.bili-header-m .nav-menu .nav-mask,#link-navbar-vm>.link-navbar,#navbar-vm>.link-navbar,#app>.link-navbar{background-color:#444;}.bili-header-m .nav-menu .nav-con .nav-item .t,#link-navbar-vm>.link-navbar .main-ctnr .nav-logo,.right-part>.shortcuts-ctnr,.right-part>.shortcuts-ctnr .shortcut-item:hover,#link-navbar-vm>.link-navbar .nav-item:hover,.my-link-btn .label,#app>.link-navbar .main-ctnr .nav-logo,#app>.link-navbar .nav-item.selected .label,#app>.link-navbar .nav-item:hover .icon-font{color:#eee;}#link-navbar-vm>.link-navbar-ctnr,#app>.link-navbar{box-shadow:none;}#link-navbar-vm>.link-navbar .main-ctnr .nav-logo::before,#app>.link-navbar .main-ctnr .nav-logo::before{filter:$blueImageFileter!important;}
.bili-header-m .nav-menu .nav-con .nav-item:hover,.right-part>.shortcuts-ctnr .shortcut-item:hover,#link-navbar-vm>.link-navbar .nav-item:hover,.z_top .z_top_nav ul li:hover,.uns_box ul.menu li:not(.b-post):hover{background-color:#222;}.bili-header-m .nav-menu .nav-mask,#link-navbar-vm>.link-navbar,#navbar-vm>.link-navbar,#app>.link-navbar,#app>.nav-header-wrapper,.b-header-mask-wrp .b-header-mask{background-color:#444;}.z_top .i-link:hover,.z_top .z_top_nav ul li.home:hover{background-color:transparent;}#app>.nav-header-wrapper>.nav-header{background:transparent;}.bili-header-m .nav-menu .nav-con .nav-item .t,#link-navbar-vm>.link-navbar .main-ctnr .nav-logo,.right-part>.shortcuts-ctnr,.right-part>.shortcuts-ctnr .shortcut-item:hover,#link-navbar-vm>.link-navbar .nav-item:hover,.my-link-btn .label,#app>.link-navbar .main-ctnr .nav-logo,#app>.link-navbar .nav-item.selected .label,#app>.link-navbar .nav-item:hover .icon-font,#app>.nav-header-wrapper>.nav-header .nav-header-mainsite,#app>.nav-header-wrapper>.nav-header .order-center,.z_top.b-header-blur .z_top_nav li a.i-link,.z_top.b-header-blur .uns_box li.u-i a.i-link{color:#eee;}#link-navbar-vm>.link-navbar-ctnr,#app>.link-navbar{box-shadow:none;}#link-navbar-vm>.link-navbar .main-ctnr .nav-logo::before,#app>.link-navbar .main-ctnr .nav-logo::before{filter:$blueImageFileter!important;}#app>.nav-header-wrapper .nav-header .order-icon{filter:brightness(0) invert(1)!important;}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1 +1 @@
div.nav-menu{width:unset!important;}body .bili-header-m .nav-menu div.bili-wrapper{width:1018px;margin:0 auto!important;}.search{position:relative!important;float:right!important;margin:30px 12px 5px 0!important;margin:26px 12px 5px 0!important;width:130px!important;height:30px!important;background-color:transparent!important;padding:0!important;}form.searchform{background-color:#fffb!important;box-shadow:0px 2px 10px 1px #0002!important;height:30px!important;}form.searchform:hover{background-color:#fff!important;}button.search-submit,a.link-ranking{display:none!important;}input.search-keyword{width:110px!important;height:30px!important;padding:0 10px!important;}@media only screen and (min-width: 1291px){body .bili-header-m .nav-menu div.bili-wrapper{width:1234px!important;}.search{width:250px!important;margin:30px 72px 5px 0!important;margin:26px 72px 5px 0!important;}input.search-keyword{width:230px!important;}}
div.nav-menu{width:unset!important;}body .bili-header-m .nav-menu div.bili-wrapper{width:1018px;margin:0 auto!important;}.search{position:relative!important;float:right!important;margin:30px 12px 5px 0!important;margin:26px 12px 5px 0!important;width:130px!important;height:30px!important;background-color:transparent!important;padding:0!important;}form.searchform{background-color:#fffb!important;box-shadow:0px 2px 10px 1px #0002!important;height:30px!important;}form.searchform:hover,form.searchform:focus-within{background-color:#fff!important;}button.search-submit,a.link-ranking{display:none!important;}input.search-keyword{width:110px!important;height:30px!important;padding:0 10px!important;}@media only screen and (min-width: 1291px){body .bili-header-m .nav-menu div.bili-wrapper{width:1234px!important;}.search{width:250px!important;margin:30px 72px 5px 0!important;margin:26px 72px 5px 0!important;}input.search-keyword{width:230px!important;}}

View File

@ -1 +1 @@
(()=>{return(e,l)=>{l.applyStyle("scrollbarStyle","bilibili-scrollbar-style");SpinQuery.any(()=>$(".custom-scrollbar"),e=>e.removeClass("custom-scrollbar"));SpinQuery.any(()=>$(".bili-wrapper,#link-navbar-vm,.link-navbar"),()=>{const e=document.getElementsByClassName("bili-wrapper")[0]||document.getElementById("link-navbar-vm")||document.getElementsByClassName("link-navbar")[0];let t=false;if(e instanceof Element){const l=parseInt(window.getComputedStyle(e).height);t=l===50||l===0||l===56}if(t){l.applyStyle("style","bilibili-new-style")}else{l.applyStyle("oldStyle","bilibili-new-style")}});return{ajaxReload:false}}})();
(()=>{return(e,l)=>{if(document.URL===`https://h.bilibili.com/`){return{ajaxReload:false}}l.applyStyle("scrollbarStyle","bilibili-scrollbar-style");SpinQuery.any(()=>$(".custom-scrollbar"),e=>e.removeClass("custom-scrollbar"));const t={selectors:["div.nav-con.fl","#link-navbar-vm",".link-navbar",".nav-header-wrapper",".z_top .z_header"],get allSelectors(){return this.selectors.reduce((e,l)=>e+","+l)},get navbar(){let e=null;for(const l of this.selectors){e=e||document.querySelector(l)}return e},supports(e){if(e instanceof Element){const l=parseInt(window.getComputedStyle(e).height);const t=[60,50,0,56];return t.indexOf(l)!==-1}return false}};SpinQuery.any(()=>$(t.allSelectors),()=>{const e=t.navbar;if(t.supports(e)){l.applyStyle("style","bilibili-new-style")}else{l.applyStyle("oldStyle","bilibili-new-style")}});return{ajaxReload:false}}})();

View File

@ -1 +1 @@
#banner_link,.ban-banner{display:none!important;}div.blur-bg{opacity:0!important;}
#banner_link,.ban-banner,.z-top-container.has-banner>.header{display:none!important;}div.blur-bg,.b-header-mask-wrp .b-header-mask-bg{opacity:0!important;}

View File

@ -1 +1 @@
.bili-header-m>.nav-menu{background:$customStyleColorff!important;box-shadow:$customStyleColor70 0px 2px 10px 1px!important;}body .bili-header-m .nav-menu div.nav-mask{background-color:transparent!important;box-shadow:none!important;}.bili-header-m .nav-menu .nav-con .nav-item .t{color:$foregroundd!important;}li.nav-item:hover{background-color:hsla(0,0%,$brightness,.2)!important;}.vip-m{background:white!important;}a.t>i.bili-icon{filter:brightness(0) $filterInvert!important;background-image:url(https://www.bilibili.com/favicon.ico)!important;background-size:cover!important;background-position:inherit!important;width:16px!important;height:16px!important;opacity:0.81!important;}#entryOld,.nav-search-submit,.b-icon-app,.title-icon{display:none!important;}.i-face>.face{border:1.5px solid #fff3!important;margin-top:-1px!important;}div.up-load{margin:5px 0 0 5px!important;height:32px!important;}.u-link{background:transparent!important;color:$foregroundd!important;border-radius:4px!important;line-height:30px!important;height:30px!important;border:1px solid $foregroundb!important;transition:background-color .2s!important;}.u-link:hover{opacity:1!important;background-color:hsla(0,0%,$brightness,.2)!important;}.nav-search{width:140px!important;}.nav-search-keyword{width:130px!important;}#nav_searchform{margin-top:0.1rem!important;border-radius:4px!important;background:#fffb!important;border:none!important;transition:background-color .2s!important;box-shadow:0px 2px 10px 1px #0002;}#nav_searchform:hover{background-color:#fff!important;}#bilibiliPlayer{box-shadow:0px 4px 16px 0px $customStyleColor40!important;}.blur-bg{opacity:$blurBackgroundOpacity!important;filter:blur(20px)!important;}.cancel{width:28px!important;}ul.bilibili-suggest{margin-left:-30px!important;width:200px!important;}li.suggest-item>a{max-width:155px!important;}div.num{border:1px solid #fff8!important;}#primary_menu,#primary_menu>ul.nav-menu{display:flex!important;align-items:center!important;}div.nav-gif,#primary_menu{padding:0!important;}.up-nav{top:37px!important;}.filter-item.search{margin:0!important;}.input-box textarea{padding:8px!important;}.bili-header-m .nav-search .nav-search-keyword{color:#222!important;}.tag-container .tag-item .tag-border .tag-border-inner{width:100%!important;}input.nav-search-keyword::placeholder,.search-module .search-block input::placeholder{color:#888!important;}#home_noob.guide-box{display:flex!important;}@media only screen and (min-width: 1291px){.bilibili-suggest.nav,.nav-search{width:250px!important;margin-right:72px!important;}.nav-search-keyword{width:240px!important;}ul.bilibili-suggest{margin-left:0px!important;width:250px!important;}li.suggest-item>a{max-width:205px!important;}}
.bili-header-m>.nav-menu,.b-header-mask-wrp .b-header-mask{background:$customStyleColorff!important;box-shadow:$customStyleColor70 0px 2px 10px 1px!important;}body .bili-header-m .nav-menu div.nav-mask,.b-header-mask-wrp,.z_top{background-color:transparent!important;box-shadow:none!important;}.b-header-mask-wrp{overflow:unset!important;}.bili-header-m .nav-menu .nav-con .nav-item .t,.z_top.b-header-blur .z_top_nav li:not(.home) a.i-link{color:$foregroundd!important;}li.nav-item:hover,.z_top .z_top_nav ul li:hover,.uns_box ul.menu li:not(.b-post):hover{background-color:hsla(0,0%,$brightness,.2)!important;}.vip-m{background:white!important;}a.t>i.bili-icon{filter:brightness(0) $filterInvert!important;background-image:url(https://www.bilibili.com/favicon.ico)!important;background-size:cover!important;background-position:inherit!important;width:16px!important;height:16px!important;opacity:0.81!important;}.z_top .z_top_nav ul li.home{filter:brightness(0) invert(1)!important;background:url(https://www.bilibili.com/favicon.ico) no-repeat left center!important;opacity:0.81!important;background-size:16px!important;background-position-x:16%!important;}#entryOld,.nav-search-submit,.b-icon-app,.title-icon,.z_top .z_top_nav li .new,.z_top .z_top_nav li .beta,.uns_box li.u-i.b-post .up-new{display:none!important;}.i-face>.face,.uns_box li.u-i .i_face{box-shadow:0 0 2px 1.5px #0002!important;}div.up-load{margin:5px 0 0 5px!important;height:32px!important;}.u-link,.uns_box li.u-i.b-post a.i-link{background:transparent!important;color:$foregroundd!important;border-radius:4px!important;line-height:30px!important;height:30px!important;border:1px solid $foregroundb!important;transition:background-color .2s!important;}.u-link:hover,.uns_box li.u-i.b-post a.i-link:hover{opacity:1!important;background-color:hsla(0,0%,$brightness,.2)!important;}.uns_box li.u-i.b-post{margin-left:8px!important;}.nav-search{width:140px!important;}.nav-search-keyword{width:130px!important;}#nav_searchform{margin-top:0.1rem!important;border-radius:4px!important;background:#fffb!important;border:none!important;transition:background-color .2s!important;box-shadow:0px 2px 10px 1px #0002;}#nav_searchform:hover{background-color:#fff!important;}#bilibiliPlayer{box-shadow:0px 4px 16px 0px $customStyleColor40!important;}.blur-bg{opacity:$blurBackgroundOpacity!important;filter:blur(20px)!important;}.cancel{width:28px!important;}ul.bilibili-suggest{margin-left:-30px!important;width:200px!important;}li.suggest-item>a{max-width:155px!important;}div.num{box-shadow:0 0.5px 4px 0 #0004!important;}#primary_menu,#primary_menu>ul.nav-menu,.uns_box li.u-i.b-post{display:flex!important;align-items:center!important;}div.nav-gif,#primary_menu{padding:0!important;}.up-nav{top:37px!important;}.filter-item.search,body{margin:0!important;}.input-box textarea{padding:8px!important;}.bili-header-m .nav-search .nav-search-keyword{color:#222!important;}.tag-container .tag-item .tag-border .tag-border-inner{width:100%!important;}input.nav-search-keyword::placeholder,.search-module .search-block input::placeholder{color:#888!important;}#home_noob.guide-box{display:flex!important;}@media only screen and (min-width: 1291px){.bilibili-suggest.nav,.nav-search{width:250px!important;margin-right:72px!important;}.nav-search-keyword{width:240px!important;}ul.bilibili-suggest{margin-left:0px!important;width:250px!important;}li.suggest-item>a{max-width:205px!important;}}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1 +1 @@
(()=>{return(e,t)=>{class i{constructor(e){this.url=e;if($(".image-viewer").length===0){this.createDom()}this.viewer=$(".image-viewer-container");this.downloadImage()}createDom(){$("body").append(t.data.imageViewerDom.text);t.applyStyle("imageViewerStyle","image-viewer-style");$(".image-viewer-container .close").on("click",()=>this.hide())}downloadImage(){const e=new XMLHttpRequest;e.open("GET",this.url.replace("http:","https:"),true);e.responseType="blob";e.onload=(()=>{const t=document.title.replace("_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili","");const i=URL.createObjectURL(e.response);this.imageData=i;this.viewer.find(".download").attr("href",i).attr("download",t);this.viewer.find(".image").prop("src",i)});e.send()}show(){this.viewer.addClass("opened");$("html,body").addClass("image-viewer-opened")}hide(){this.viewer.removeClass("opened");$("html,body").removeClass("image-viewer-opened")}}if($("meta[itemprop='image']").length>0){return{ajaxReload:false,settingsWidget:{after:()=>$("span.settings-category").filter((e,t)=>t.innerHTML==="视频与直播").parent(),content:`<li class="indent-center hidden">\n <button\n class="gui-settings-button"\n title="查看当前视频的封面"\n id="view-video-cover">\n 查看封面\n </button>\n </li>`,success:()=>{SpinQuery.any(()=>$("meta[itemprop='image']"),e=>{if(e.length>0){const t=new i(e.prop("content"));$("#view-video-cover").on("click",()=>{t.show()}).parent().removeClass("hidden")}})}}}}else{return{settingsWidget:{after:()=>$("span.settings-category").filter((e,t)=>t.innerHTML==="视频与直播").parent(),content:`<li class="indent-center hidden">\n <button\n class="gui-settings-button"\n title="查看当前直播的封面"\n id="view-live-cover">\n 查看封面\n </button>\n </li>`,success:()=>{SpinQuery.any(()=>$(".header-info-ctnr .room-cover"),e=>{const t=e.attr("href").match(/space\.bilibili\.com\/([\d]+)/);if(t&&t[1]){const e=t[1];const n=`https://api.live.bilibili.com/bili/getRoomInfo/${e}`;downloadText(n,e=>{const t=e.slice(1,-2);const n=JSON.parse(t).data.cover;const o=new i(n);$("#view-live-cover").on("click",()=>{o.show()}).parent().removeClass("hidden")})}})}}}}}})();
(()=>{return(e,t)=>{class i{constructor(e){this.url=e;if($(".image-viewer").length===0){this.createDom()}this.viewer=$(".image-viewer-container");this.downloadImage()}createDom(){$("body").append(t.data.imageViewerDom.text);t.applyStyle("imageViewerStyle","image-viewer-style");$(".image-viewer-container .close").on("click",()=>this.hide())}downloadImage(){const e=new XMLHttpRequest;e.open("GET",this.url.replace("http:","https:"),true);e.responseType="blob";e.onload=(()=>{const t=document.title.replace("_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili","");const i=URL.createObjectURL(e.response);this.imageData=i;this.viewer.find(".download").attr("href",i).attr("download",t);this.viewer.find(".image").prop("src",i)});e.send()}show(){this.viewer.addClass("opened");$("html,body").addClass("image-viewer-opened")}hide(){this.viewer.removeClass("opened");$("html,body").removeClass("image-viewer-opened")}}if($("meta[itemprop='image']").length>0){return{ajaxReload:false,settingsWidget:{after:()=>$("span.settings-category").filter((e,t)=>t.innerHTML==="视频与直播").parent(),content:`<li class="indent-center hidden">\n <button\n class="gui-settings-button"\n title="查看当前视频的封面"\n id="view-video-cover">\n 查看封面\n </button>\n </li>`,success:()=>{new SpinQuery(()=>$("meta[itemprop='image']"),e=>e.length>0&&e.prop("content"),e=>{const t=new i(e.prop("content"));$("#view-video-cover").on("click",()=>{t.show()}).parent().removeClass("hidden")}).start()}}}}else{return{settingsWidget:{after:()=>$("span.settings-category").filter((e,t)=>t.innerHTML==="视频与直播").parent(),content:`<li class="indent-center hidden">\n <button\n class="gui-settings-button"\n title="查看当前直播的封面"\n id="view-live-cover">\n 查看封面\n </button>\n </li>`,success:()=>{SpinQuery.any(()=>$(".header-info-ctnr .room-cover"),e=>{const t=e.attr("href").match(/space\.bilibili\.com\/([\d]+)/);if(t&&t[1]){const e=t[1];const n=`https://api.live.bilibili.com/bili/getRoomInfo/${e}`;downloadText(n,e=>{const t=e.slice(1,-2);const n=JSON.parse(t).data.cover;const o=new i(n);$("#view-live-cover").on("click",()=>{o.show()}).parent().removeClass("hidden")})}})}}}}}})();

View File

@ -5,7 +5,9 @@
.wrapper .elec-btn.disabled,
.f-list-hover:hover,
.status_box .status_btn.disabled,
.game-groom-m .num
.game-groom-m .num,
.container .pagination,
.fjw-case-detail .ban-detail .content-box .video-model
{
background-color: #444 !important;
}
@ -76,7 +78,8 @@ blockquote .color-yellow-04,
.season-timeline .season-group.today,
.season-timeline .season-group.today .group-time::before,
.aside-ctnr .author-info .communicate-btn,
.tag-list li.tag-item.on
.tag-list li.tag-item.on,
.tag-list li.tag-item:hover
{
border-color: $customStyleColor !important;
}

View File

@ -1,16 +1,29 @@
.bili-header-m .nav-menu .nav-con .nav-item:hover,
.right-part>.shortcuts-ctnr .shortcut-item:hover,
#link-navbar-vm>.link-navbar .nav-item:hover
#link-navbar-vm>.link-navbar .nav-item:hover,
.z_top .z_top_nav ul li:hover,
.uns_box ul.menu li:not(.b-post):hover
{
background-color: #222;
}
.bili-header-m .nav-menu .nav-mask,
#link-navbar-vm>.link-navbar,
#navbar-vm>.link-navbar,
#app>.link-navbar
#app>.link-navbar,
#app>.nav-header-wrapper,
.b-header-mask-wrp .b-header-mask
{
background-color: #444;
}
.z_top .i-link:hover,
.z_top .z_top_nav ul li.home:hover
{
background-color: transparent;
}
#app>.nav-header-wrapper>.nav-header
{
background: transparent;
}
.bili-header-m .nav-menu .nav-con .nav-item .t,
#link-navbar-vm>.link-navbar .main-ctnr .nav-logo,
.right-part>.shortcuts-ctnr,
@ -19,7 +32,11 @@
.my-link-btn .label,
#app>.link-navbar .main-ctnr .nav-logo,
#app>.link-navbar .nav-item.selected .label,
#app>.link-navbar .nav-item:hover .icon-font
#app>.link-navbar .nav-item:hover .icon-font,
#app>.nav-header-wrapper>.nav-header .nav-header-mainsite,
#app>.nav-header-wrapper>.nav-header .order-center,
.z_top.b-header-blur .z_top_nav li a.i-link,
.z_top.b-header-blur .uns_box li.u-i a.i-link
{
color: #eee;
}
@ -32,4 +49,8 @@
#app>.link-navbar .main-ctnr .nav-logo::before
{
filter: $blueImageFileter !important;
}
#app>.nav-header-wrapper .nav-header .order-icon
{
filter: brightness(0) invert(1) !important;
}

View File

@ -338,7 +338,6 @@ a.more.tc-slate:hover,
.send-box,
.emoji-box .emoji-item:hover,
.emotion-item:hover .img,
.link-progress-tv,
.ps.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail,
.ps.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail,
.ps:hover.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail,
@ -703,7 +702,7 @@ div.drag-bar,
.video-toolbar .ops .share-pos,
.video-toolbar .ops .share-btn i,
#page-index .section.empty:after,
body
body
{
color: #aaa !important;
}

View File

@ -94,7 +94,8 @@ a.bp_box_bot_click,
.user-info > .tag-flag,
.result.is-web,
.has-prize,
.selector-wrapper .more-type-wrapper
.selector-wrapper .more-type-wrapper,
.word-limit-h5 textarea
{
background-color: #222 !important;
}
@ -173,7 +174,6 @@ a.bp_box_bot_click,
.bangumi-nav-right .nav-mini-switch,
.share-module .share-list .weixin-share-modal,
.dialog .content-outer,
.word-limit-h5 textarea,
.timer-wrap .vote-dialog-new .footer .b-disable,
.cm-model,
.info-model .border-b,
@ -1116,7 +1116,6 @@ li.history,
.elec .elec-monthly-count,
.player-auxiliary-block-tabpanel .player-auxiliary-block-string:not(:focus),
.player-auxiliary-block-tabpanel .player-auxiliary-block-string-short:not(:focus),
.player-auxiliary-modal-header,
.favourite-card .anchor-info,
.favourite-card,
.h-list-item,
@ -1136,7 +1135,8 @@ li.history,
.hot-live .room-list,
.player-auxiliary-danmaku-date-picker-header,
.table-normal tbody tr td,
.table-normal thead tr td
.table-normal thead tr td,
.player-auxiliary-modal-header
{
border-color: #444 !important;
}

View File

@ -47,7 +47,10 @@ div#square.container,
.mainBox .sureWindow,
.js-evaluateArea .evaluateDialog,
.live-ctn .item-live,
.live-status.offline
.live-status.offline,
.banner-wrapper .swiper-pagination-bullet,
.nav-header-wrapper .nav-header .nav-header-search-bar-wrapper .suggestion-list,
.project-list .project-list-item .project-list-item-img
{
background-color: #222 !important;
}
@ -103,7 +106,8 @@ body>div.to-top.on,
.leaveMsg .leaveMsgBody .questionClassify .classDropdownAreaFixed,
.sureWindow .btngroup span,
.evaluateWether .evaluate-btn,
.evaluate .situation span
.evaluate .situation span,
.up-info .u-face .up-face
{
background-color: #444 !important;
}
@ -159,6 +163,7 @@ body>div.to-top.on,
.area-section .card-ctnr .more,
.area-section .card-ctnr .more:hover,
.link-panigation-ctnr .pagination,
.link-progress-tv,
.jumping-ctnr .jumping-input
{
background-color: transparent !important;
@ -293,7 +298,10 @@ body>div.to-top.on,
#announcement-area .news-ctnr .more-link,
#announcement-area .rank-ctnr .icon-arrow-right,
#announcement-area .rank-ctnr .more-link,
.jumping-ctnr .jumping-input
.jumping-ctnr .jumping-input,
.banner-wrapper .swiper-pagination-bullet,
.nav-header-wrapper .nav-header .user-panel,
.nav-header-wrapper .nav-header .user-panel a
{
color: #eee !important;
}
@ -337,7 +345,8 @@ body>div.to-top.on,
.evaluateWether .evaluate-btn,
.evaluateWether .noactive,
.evaluate .situation span,
.bilibili-live-player .bilibili-live-player-enter-tips
.bilibili-live-player .bilibili-live-player-enter-tips,
.nav-header-wrapper .nav-header .nav-header-search-bar-wrapper .suggestion-list
{
border-color: transparent !important;
}
@ -392,7 +401,8 @@ body>div.to-top.on,
.list-wrap .s-showMore .icon-right,
.breadcrumb .arrow,
.error-container .error.split,
.leaveMsg .leaveMsgBody .questionClassify .classIfyTitleArea .classIfyTitleIcn
.leaveMsg .leaveMsgBody .questionClassify .classIfyTitleArea .classIfyTitleIcn,
.nav-header-wrapper .nav-header .user-panel .panel-list .icon
{
filter: brightness(0) invert(1) !important;
}
@ -484,7 +494,11 @@ body>div.to-top.on,
.guide .old-btn a,
.link-navbar-ctnr,
.rank-item:hover,
.singlePage .mainBox
.singlePage .mainBox,
.selector-wrapper,
.nav-header-wrapper .nav-header .user-panel .user-uname,
.nav-header-wrapper .nav-header .user-panel .panel-list,
.demo-app .detail .category
{
box-shadow: none !important;
}
@ -494,7 +508,9 @@ body>div.to-top.on,
}
.guide .feedback-btn a,
.mainBox .leaveMsg,
.js-evaluateArea .evaluateDialog
.js-evaluateArea .evaluateDialog,
.project-list .project-list-item:hover,
#app .toolbar-wrapper
{
box-shadow: 0px 1px 10px 0px $customStyleColor30 !important;
}
@ -612,7 +628,9 @@ body>div.to-top.on
.evaluate .situation span.active,
.evaluateSubmitArea .submit,
.bilibili-live-player .blpui-btn.default-btn.btn-blue,
.bilibili-live-player .bilibili-live-player-enter-tips
.bilibili-live-player .bilibili-live-player-enter-tips,
.banner-wrapper .swiper-pagination-bullet-active,
.nav-header-wrapper .nav-header .profile-img.active::before
{
background-color: $customStyleColor !important;
}
@ -684,7 +702,8 @@ body>div.to-top.on
.hot-list .card-ctnr .room-count .amount,
.hot-list .card-ctnr .room-count:hover .amount,
.hot-list .card-ctnr .room-count:hover .icon-font,
.hot-list .card-ctnr .room-count:hover
.hot-list .card-ctnr .room-count:hover,
.panel-list .order-center-item:hover a
{
color: $customStyleColor !important;
}
@ -714,7 +733,8 @@ body>div.to-top.on
.evaluate .situation span.active,
.evaluateSubmitArea .submit,
.bilibili-live-player .blpui-btn.default-btn.btn-blue,
.bilibili-live-player .bilibili-live-player-enter-tips
.bilibili-live-player .bilibili-live-player-enter-tips,
.banner-wrapper .swiper-pagination-bullet-active
{
color: $foreground !important;
}

View File

@ -46,7 +46,23 @@
.order-header-wrapper,
.orderdetail-container .orderdetail-content,
.total-container,
.qrcode-active .qrcode-active-slider .close-btn
.qrcode-active .qrcode-active-slider .close-btn,
.trade-customn input,
.alert-container,
.bind-info .note-footer .btn-group .unable-btn,
.bind-info .note-footer .btn-group .back-btn,
.history-card:hover,
.bangumi-up-info,
.online-list .ebox,
.online-list .ebox .ol,
.demo-app .detail,
.active-main .act-list ul li,
.topic-main .act-list ul li ,
li.user-wrapper .avatar .detail,
li.user-wrapper .avatar .detail .logout,
#bp_right .bb_intro_box,
.rhythm-storm .bl-button:disabled,
.member-list-item .member-list-img
{
background-color: #222 !important;
}
@ -101,14 +117,48 @@ body #app .marquee,
.order-list-wrapper .order-list .order-item .order-item-body-wrapper,
.project-info table tr,
.project-info table tr:first-child,
.qrcode-active .qrcode-active-slider
.qrcode-active .qrcode-active-slider,
.trade-list,
.trade-wrapper,
.spend-recode,
.el-table th,
.el-table tr,
.el-table .el-table__header-wrapper th,
.el-table--enable-row-hover .el-table__body tr:hover > td,
.balance_bp_box,
.bb_intro_box_top,
.bind-info,
.shell-intro-top,
.history-card,
.income-info .item,
.rel.pl26.mb18 .bggr,
.u-btn-e,
.u-btn-m,
.u-btn-c,
.drawer-card,
.demo-app .detail .category,
.rel.pl26.mb18 .bggr,
.infor-body-left ul li,
.infor-news .news-body,
.infor-news .news-top,
.cntr .category,
.pagelist .flip-left span,
.pagelist .flip-left strong,
.pagelist .flip-right input,
.nav-container .single-box .ep-item,
.bangumi-list .synthetical .headline .bangumi-label,
.avatar .detail .level a.total,
.valid_box .button.ready,
.valid_box .button.ready:active,
.valid_box .button.ready:hover,
.bili-pay-box-wrapper
{
background-color: #444 !important;
}
// a
// {
// background-color: #555 !important;
// }
.player-auxiliary-area
{
background-color: #555 !important;
}
// a
// {
// background-color: #aaa !important;
@ -117,14 +167,28 @@ body #app .marquee,
// {
// background-color: #fff1 !important;
// }
.add-tag .edit .input-wrapper .container.active .btn-add
.add-tag .edit .input-wrapper .container.active .btn-add,
.infor-news .news-top,
.spend-recode .title-group .selected-title,
div.cntr a.check-all
{
background-image: none !important;
}
.link-footer .footer-linker .footer-linker-line,
.nav-notice li,
.nav-notice li.hover,
#text-contribute .fixed-header
#text-contribute .fixed-header,
.alert-container .alert-header:after,
.el-table--border:after,
.el-table--group:after,
.el-table:before,
.app-ctnr,
.el-table,
.el-table__expanded-cell,
.container .main-btn.edit-btn:hover,
.player-auxiliary-area .player-auxiliary-filter,
.bui-collapse .bui-collapse-header,
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap
{
background-color: transparent !important;
}
@ -140,6 +204,10 @@ body #app .marquee,
{
background: transparent !important;
}
ul.a-fade-in.content li:nth-child(n+41):after
{
background-image: linear-gradient(#2221,#222) !important;
}
.link-footer .footer-img-linker .footer-img-item,
.canvas-card dd h4 .user-container span,
.canvas-card dd h4 .user-container a,
@ -257,7 +325,55 @@ ul.navigation li span,
.orderdetail-container .orderdetail-nav .orderdetail-nav-list li.order-center,
.qrcode-active .qrcode-tip,
.qrcode-active .qrcode-container-item .qrcode .qrstatus .qrstatus-time,
.qrcode-active .qrcode-container-item .qrcode .qrstatus .qrstatus-title
.qrcode-active .qrcode-container-item .qrcode .qrstatus .qrstatus-title,
.trade-wrapper > div > div,
.trade-customn .tips,
.agreement,
.num-tip,
.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li,
.spend-recode .part-common .platformType,
.el-date-table td.next-month,
.el-date-table td.prev-month,
.bind-info .note-content p,
.el-checkbox__label,
.history-card,
.container .subtitle,
.container .tip,
.online-list .ebox .dlo .author,
.online-list .ebox .dlo span,
.error-panel.server-error .right-panel,
.category li a,
.tv-m-crumb li a,
.tv-m3 .tv-m-desc,
.tv-m2 .tv-m-desc,
.tv-m1 .tv-m-desc,
.tv-m3 .up,
.tv-m2 .up,
.tv-m1 .up,
.tv-m3 .time,
.tv-m2 .time,
.tv-m1 .time,
.mn-ot-l-u-icon1,
.mn-ot-l-u-icon2,
.tv-m3 .play,
.tv-m2 .play,
.tv-m1 .play,
.tv-m3 .com,
.tv-m2 .com,
.tv-m1 .com,
.tv-m3 .colt,
.tv-m2 .colt,
.tv-m1 .colt,
.news-text .news-date,
.pagelist .flip-right span,
.topic-main .act-list ul li .found-time,
.pager .jump-pager,
.card-more,
li.user-wrapper .avatar .detail .level .progress span,
.pay-result-sub-title,
.rel.pl122.mb20 .g3
{
color: #aaa !important;
}
@ -397,7 +513,79 @@ body #app .category-wrapper .upload-content .title,
.project-info table th,
.total-container div,
.qrcode-active .qrcode-container-item .seat-info,
.qrcode-active .qrcode-container-item .seat-info span
.qrcode-active .qrcode-container-item .seat-info span,
.trade-wrapper,
.qrpay-group .qrpay-content .pay-tips,
.trade-customn input,
.alert-container .alert-header h2,
.alert-container .alert-content .button,
.spend-recode .title-group .selected-title,
.el-pagination__total,
.el-pagination__jump,
.el-table .el-table__header-wrapper .el-table__header .cell,
.el-table .el-table__row .cell,
.bp_user_box_top p,
.bp_user_box i,
.balance_bp_box,
.bb_intro_box_top .b_icon_title,
.shell-intro-top .bind-card-title,
.bind-info .bind-sub-title,
.bind-info .note-footer .btn-group .unable-btn,
.bind-info .note-footer .btn-group .back-btn,
.income-info .item .info-title,
.rhythm-storm label,
.bangumi-up-info .func-btns .b-gz,
.nav-container .single-box .ep-item,
.nav-container .single-box .ep-item:hover,
.container .main-btn,
.online-list .ebox .etitle,
.cl.mb20 .g1,
.rel.pl26.mb18 .rank,
.u-btn-m,
.u-btn-c,
.u-btn-e,
.u-btn-e:hover,
.error-panel .rollback-btn,
.error-manga .change-img-btn,
.hot-activity a,
.hot-content .title,
.drawer-card dd,
.rel.pl26.mb18 .g1,
.bbgr.cl.h29 .g1,
.tv-m1 .tv-m-tt,
.rel.pl122.mb20 .rank,
.rel.pl26.mb18 .rank,
.rel.pl122.mb20 .g1,
.news_block .text-name,
.infor-label .label-date,
.news-body .news-1 .news-text p,
.infor-news .news-top,
.news-body .news-1 i,
.active-main .active-title .b-active-t,
.active-main .act-list ul li h2 a,
.active-main .act-list ul li .event_status,
.pagelist .flip-left span,
.pagelist .flip-left .active,
.pagelist .flip-left span:hover,
.pagelist .flip-right input,
.topic-main .nav-tab li,
.topic-main .topic-title .b-topic-t,
.topic-main .act-list ul li h2 a,
.w160.h48.ovh .g1,
.balance_bp_box .button:active,
.balance_bp_box .button:hover,
.bangumi-list .synthetical .headline .bangumi-label,
.header .right li.order span a,
.bb_intro_box .bb_intro_info,
.valid_box .button.ready,
.valid_box .button.ready:active,
.valid_box .button.ready:hover,
.rhythm-storm .bl-button:disabled,
.bili-pay-uname,
.pay-result-title,
.pay-result-btn,
.player-auxiliary-area .player-auxiliary-filter-title,
.player-auxiliary-area .player-auxiliary-filter-menu
{
color: #eee !important;
}
@ -476,7 +664,53 @@ body #app .category-wrapper .upload-content .title,
.orderdetail-container .orderdetail-status,
.project-info table tr:last-child,
.project-info table tr,
.orderdetail-container .orderdetail-wrapper .wrapper-content
.orderdetail-container .orderdetail-wrapper .wrapper-content,
.b-info .dividing-line,
.trade-list,
.spend-recode,
.el-table td,
.el-table th.is-leaf,
.spend-recode .part-common .platformType,
.balance_bp_box,
.bb_intro_box_top,
.bp_user_box_top,
.bind-info,
.shell-intro-top,
.bind-info .dividing-line,
.bind-info .note-footer .btn-group .unable-btn,
.bind-info .note-footer .btn-group .back-btn,
.income-info .item,
.container .main-btn,
.container .main-btn:hover,
.container .main-btn.edit-btn,
.b-head.online,
.online-list .ebox,
.u-btn-e,
.u-btn-m,
.u-btn-c,
.mg-l.w880.cl .bbgr,
.tv-m1 .tv-m-con,
.infor-body-left ul li,
.news-body .news-1,
.active-main .act-list ul li,
.active-main .active-title,
.pagelist .flip-left span,
.pagelist .flip-left .active,
.pagelist .flip-left span:hover,
.pagelist .flip-right input,
.topic-main .nav-tab,
.topic-main .act-list ul li,
.nav-container .single-box .ep-item,
.bangumi-list .synthetical .headline .bangumi-label,
.bb_intro_box .bb_intro_info,
#bp_right .bb_intro_box,
#bp_right .bb_intro_box_top,
.valid_box .button.ready,
.valid_box .button.ready:active,
.valid_box .button.ready:hover,
.valid_box .button,
.rhythm-storm .bl-button,
.bili-pay-header-wrapper
{
border-color: transparent !important;
}
@ -486,7 +720,9 @@ body #app .category-wrapper .upload-content .title,
.face-g-list#my-g-list .face-g-block .my-mp-block,
.ui-input,
.set-copyright .copyright-icon .icon-none-copyright,
.area-section .card-ctnr .tag-ctnr .tags
.area-section .card-ctnr .tag-ctnr .tags,
.trade-wrapper,
.el-date-table th
{
border-color: #aaa !important;
}
@ -502,6 +738,10 @@ body #app .category-wrapper .upload-content .title,
// {
// border-color: #99a2aa !important;
// }
#BilibiliVipDialog
{
border: none !important;
}
// a
// {
// transition: all .2s !important;
@ -514,13 +754,31 @@ body #app .category-wrapper .upload-content .title,
.footer-logo,
.more-data i,
.block-left.block-brand .headline .tab-wrap .pgc-brand-tab,
.qrcode-active .qrcode-active-slider .close-btn .close-btn-bg
.qrcode-active .qrcode-active-slider .close-btn .close-btn-bg,
.icon-arrow-r,
.u-btn-m i,
.u-btn-e i,
.play-btn .icon-play
{
filter: brightness(0) invert(1) !important;
}
.infor-load-more
{
filter: invert(0.75) !important;
}
.bb_intro_box_top .b_question .b_question_icon
{
filter: brightness(0.5) contrast(3) !important;
}
.float-toolbar .toolbar-list .icon-block.icon-help,
.float-toolbar .toolbar-list .icon-block.icon-feedback,
.float-toolbar .back-top .icon-block.icon-back-top
.float-toolbar .back-top .icon-block.icon-back-top,
.icon-sort3-on,
.u-btn-s3:hover,
.on.u-btn-s3,
.timer-wrap .vote-dialog-new .main .main-txt-1 label .selected,
.timer-wrap .vote-dialog-new .main .checkbox,
.icon-slide-h
{
filter: $blueImageFilter !important;
}
@ -551,10 +809,10 @@ body #app .category-wrapper .upload-content .title,
{
box-shadow: none !important;
}
// a
// {
// box-shadow: 0px 1px 10px 0px $customStyleColor30 !important;
// }
div.cntr a.check-all
{
box-shadow: 0px 1px 10px 0px $customStyleColor30 !important;
}
.icon-hot,
.icon-new,
.icon-home
@ -594,7 +852,11 @@ body #app .marquee,
.func-banner .btn-like.active,
.func-banner .btn-dislike.active,
.author-info-card .author-info .info-right .btn-attention,
.swiper-pagination-custom
.swiper-pagination-custom,
.trade-wrapper.is-selected,
.bangumi-up-info .func-btns .b-gz,
.act.tv-u-btn-t,
.balance_bp_box .button
{
border-color: $customStyleColor !important;
}
@ -620,10 +882,33 @@ body #app .category-wrapper .dot,
.promote-m .headline .change-push:hover,
#announcement-area .rank-ctnr .rank-icon.hot,
.item .live-status.on,
.author-info-card .author-info .info-right .btn-attention
.author-info-card .author-info .info-right .btn-attention,
.alert-container .alert-content .button,
.bangumi-up-info .func-btns .b-gz,
.nav-container .single-box .ep-item:hover,
.rel.pl122.mb20 .bgre,
.u-btn-e:hover,
.error-panel .rollback-btn,
.error-manga .change-img-btn,
.rel.pl122.mb20 .bgre,
.news-body .news-1 i,
.balance_bp_box .button,
.pagelist .flip-left .active,
.pagelist .flip-left span:hover,
.balance_bp_box .button:active,
.balance_bp_box .button:hover,
.rhythm-storm .bl-button,
.pay-result-btn,
div.cntr a.check-all,
.bili-header-m .bubble-traditional .renew-btn button
{
background-color: $customStyleColor !important;
}
.valid_box .button,
.pay-result-btn:hover
{
background: $customStyleColor !important;
}
.canvas-card dd h4 .user-container a:hover,
.nav-bar .sub-nav .sub-tab.active,
@ -692,14 +977,57 @@ body #app .marquee a,
.total-container div span.total,
.project-info table .project-content .content-right .ticket-type,
.project-info table td.total,
.swiper-pagination-custom
.swiper-pagination-custom,
.trade-wrapper.is-selected,
.instructions,
.agreement a,
.qrpay-group .qrpay-content .price,
.spend-recode .title-group .recode-title,
.bb_intro_box_top .b_question .b_question_title:hover,
.balance,
.bind-info .note-content a,
.bind-info .bind-sec-title,
.bind-info .note-footer .agree-group .submit-deal,
.income-info .item.left .value,
.income-info .item.right .value,
.selector-wrapper .type-list .current-type span.active,
.selector-wrapper .type-list li:hover,
.selector-wrapper .city-list .li-more span:hover,
.selector-wrapper .order-list .li-more span:hover,
.project-list .project-list-item .project-list-item-detail .project-list-item-price,
.container .main-btn:hover,
.container .main-btn.edit-btn,
.online-list .ebox .dlo .author:hover,
.online-list .ebox a:hover .etitle,
.online-list .ebox:hover .ol b,
.cl.mb20 .g1:hover,
.hot-activity a:hover,
.drawer-card li a:hover dd,
.category li a:hover,
.rel.pl26.mb18 .g1:hover,
.tv-m-crumb li a:hover,
.bbgr.cl.h29 .g1:hover,
.tv-m1 .tv-m-tt:hover,
.act.tv-u-btn-t,
.rel.pl122.mb20 .g1:hover,
.news-body .news-1 .news-text:hover .n-text,
.nav-bar .nav-wrapper .main-tab:hover,
.active-main .act-list ul li .event_status .status-ing,
.active-main .act-list ul li h2 a:hover,
.topic-main .nav-tab .on,
.w160.h48.ovh .g1:hover,
.card-more a,
.player-auxiliary-area .player-auxiliary-filter-menu:hover
{
color: $customStyleColor !important;
}
// a
// {
// color: $foreground !important;
// }
.valid_box .button,
.rhythm-storm .bl-button,
div.cntr a.check-all,
.bili-header-m .bubble-traditional .renew-btn button
{
color: $foreground !important;
}
// a
// {
// fill: $customStyleColor !important;

View File

@ -144,6 +144,7 @@
font-size: 16px;
margin: 12px 0;
display: flex;
height: 24px;
}
.gui-settings-content ul li.indent-0
{
@ -249,7 +250,8 @@ span.settings-category
{
cursor: pointer;
display: flex;
justify-content: center;
width: 100%;
justify-content: start;
align-items: center;
padding: 0 16px;
-webkit-tap-highlight-color: transparent;

View File

@ -24,7 +24,8 @@ form.searchform
box-shadow: 0px 2px 10px 1px #0002 !important;
height: 30px !important;
}
form.searchform:hover
form.searchform:hover,
form.searchform:focus-within
{
background-color: #fff !important;
}

View File

@ -2,28 +2,58 @@
{
return (settings, resources) =>
{
if (document.URL === `https://h.bilibili.com/`)
{
return {
ajaxReload: false
};
}
resources.applyStyle("scrollbarStyle", "bilibili-scrollbar-style");
SpinQuery.any(
() => $(".custom-scrollbar"),
it => it.removeClass("custom-scrollbar")
);
SpinQuery.any(() => $(".bili-wrapper,#link-navbar-vm,.link-navbar"), () =>
{
const navbar =
document.getElementsByClassName("bili-wrapper")[0] ||
document.getElementById("link-navbar-vm") ||
document.getElementsByClassName("link-navbar")[0];
let stardustStyles = false;
if (navbar instanceof Element)
const newStyles = {
selectors: [
"div.nav-con.fl",
"#link-navbar-vm",
".link-navbar",
".nav-header-wrapper",
".z_top .z_header"
],
get allSelectors()
{
const height = parseInt(window.getComputedStyle(navbar).height);
stardustStyles =
height === 50 /* stardust player & live room */ ||
height === 0 ||
height === 56;/* photos */
return this.selectors.reduce((acc, s) => acc + "," + s);
},
get navbar()
{
let result = null;
for (const selector of this.selectors)
{
result = result || document.querySelector(selector);
}
return result;
},
supports(navbar)
{
if (navbar instanceof Element)
{
const height = parseInt(window.getComputedStyle(navbar).height);
const supportHeights = [
60, /* show */
50, /* stardust player */
0, /* live room */
56 /* photos */
];
return supportHeights.indexOf(height) !== -1;
}
return false;
}
if (stardustStyles)
};
SpinQuery.any(() => $(newStyles.allSelectors), () =>
{
const navbar = newStyles.navbar;
if (newStyles.supports(navbar))
{
resources.applyStyle("style", "bilibili-new-style");
}

View File

@ -1,9 +1,11 @@
#banner_link,
.ban-banner
.ban-banner,
.z-top-container.has-banner>.header
{
display: none !important;
}
div.blur-bg
div.blur-bg,
.b-header-mask-wrp .b-header-mask-bg
{
opacity: 0 !important;
}

View File

@ -1,21 +1,32 @@
.bili-header-m>.nav-menu
.bili-header-m>.nav-menu,
.b-header-mask-wrp .b-header-mask
{
background: $customStyleColorff !important;
box-shadow: $customStyleColor70 0px 2px 10px 1px !important;
}
body .bili-header-m .nav-menu div.nav-mask
body .bili-header-m .nav-menu div.nav-mask,
.b-header-mask-wrp,
.z_top
{
background-color: transparent !important;
box-shadow: none !important;
}
.bili-header-m .nav-menu .nav-con .nav-item .t
.b-header-mask-wrp
{
overflow: unset !important;
}
.bili-header-m .nav-menu .nav-con .nav-item .t,
.z_top.b-header-blur .z_top_nav li:not(.home) a.i-link
{
color: $foregroundd !important;
}
li.nav-item:hover
li.nav-item:hover,
.z_top .z_top_nav ul li:hover,
.uns_box ul.menu li:not(.b-post):hover
{
background-color: hsla(0,0%,$brightness,.2) !important;
}
@ -35,19 +46,31 @@ a.t>i.bili-icon
height: 16px !important;
opacity: 0.81 !important;
}
.z_top .z_top_nav ul li.home
{
filter: brightness(0) invert(1) !important;
background: url(https://www.bilibili.com/favicon.ico) no-repeat left center !important;
opacity: 0.81 !important;
background-size: 16px !important;
background-position-x: 16% !important;
}
#entryOld,
.nav-search-submit,
.b-icon-app,
.title-icon
.title-icon,
.z_top .z_top_nav li .new,
.z_top .z_top_nav li .beta,
.uns_box li.u-i.b-post .up-new
{
display: none !important;
}
.i-face>.face
.i-face>.face,
.uns_box li.u-i .i_face
{
border: 1.5px solid #fff3 !important;
margin-top: -1px !important;
box-shadow: 0 0 2px 1.5px #0002 !important;
/* margin-top: -1px !important; */
}
div.up-load
@ -55,7 +78,8 @@ div.up-load
margin: 5px 0 0 5px !important;
height: 32px !important;
}
.u-link
.u-link,
.uns_box li.u-i.b-post a.i-link
{
background: transparent !important;
color: $foregroundd !important;
@ -66,11 +90,16 @@ div.up-load
transition: background-color .2s !important;
}
.u-link:hover
.u-link:hover,
.uns_box li.u-i.b-post a.i-link:hover
{
opacity: 1 !important;
background-color: hsla(0,0%,$brightness,.2) !important;
}
.uns_box li.u-i.b-post
{
margin-left: 8px !important;
}
.nav-search
{
@ -126,11 +155,12 @@ li.suggest-item>a
div.num
{
border: 1px solid #fff8 !important;
box-shadow: 0 0.5px 4px 0 #0004 !important;
}
#primary_menu,
#primary_menu>ul.nav-menu
#primary_menu>ul.nav-menu,
.uns_box li.u-i.b-post
{
display: flex !important;
align-items: center !important;
@ -147,7 +177,8 @@ div.nav-gif,
top: 37px !important;
}
.filter-item.search
.filter-item.search,
body
{
margin: 0 !important;
}

View File

@ -7,11 +7,13 @@
}
.bili-header-m>.nav-menu,
.link-navbar,
.link-navbar .main-ctnr .nav-items-ctnr
.link-navbar .main-ctnr .nav-items-ctnr,
.nav-header-wrapper
{
background: $customStyleColor !important;
}
.bili-header-m>.nav-menu,
.nav-header-wrapper,
.link-navbar-ctnr
{
box-shadow: $customStyleColor70 0px 2px 10px 1px !important;
@ -24,7 +26,8 @@ div.stardust-player
{
width: 835.5px !important;
}*/
.nav-mask
.nav-mask,
.nav-header-wrapper>.nav-header
{
background-color: transparent !important;
}
@ -53,7 +56,9 @@ div.stardust-player
.link-navbar .main-ctnr .nav-switcher,
.my-link-btn,
.link-navbar .nav-item.selected .label,
.link-navbar .nav-item .icon-font
.link-navbar .nav-item .icon-font,
.nav-header-wrapper .nav-header .nav-header-mainsite,
.nav-header-wrapper .nav-header .order-center
{
color: $foregroundd !important;
}
@ -94,7 +99,10 @@ a.t>i.bili-icon
a.t>i.bili-icon-logo,
a.t>i.bili-icon,
.main-ctnr .nav-logo:before,
.link-navbar .nav-item:first-child::before
.link-navbar .nav-item:first-child::before,
.nav-header-wrapper .nav-header .nav-header-logo,
.nav-header-wrapper .nav-header .nav-header-tv-icon,
.nav-header-wrapper .nav-header .order-icon
{
filter: brightness(0) $filterInvert !important;
opacity: 0.81 !important;
@ -109,14 +117,14 @@ a.t>i.bili-icon,
display: none !important;
}
.i-face>.face
/*.i-face>.face
{
margin-top: -1px !important;
}
}*/
.i-face>.face,
.user-panel-ctnr .msg-hinter
{
border: 1.5px solid #fff3 !important;
box-shadow: 0 0 2px 1.5px #0002 !important;
}
div.up-load
{
@ -182,7 +190,8 @@ div.up-load
width: 120px !important;
}
.stardust-video .nav-con #nav_searchform
.stardust-video .nav-con #nav_searchform,
.nav-header-wrapper .nav-header .nav-header-search-bar
{
margin-top: 0.1rem !important;
border-radius: 4px !important;
@ -197,7 +206,11 @@ div.up-load
transition: all 0.2s !important;
}
.search-bar-ctnr .search-bar:hover,
.stardust-video .nav-con #nav_searchform:hover
.stardust-video .nav-con #nav_searchform:hover,
.nav-header-wrapper .nav-header .nav-header-search-bar:hover,
.search-bar-ctnr .search-bar:focus-within,
.stardust-video .nav-con #nav_searchform:focus-within,
.nav-header-wrapper .nav-header .nav-header-search-bar:focus-within
{
background-color: #fff !important;
}
@ -231,7 +244,7 @@ li.suggest-item>a
div.num
{
border: 1px solid #fff8 !important;
box-shadow: 0 0.5px 4px 0 #0004 !important;
}
#primary_menu,
@ -252,7 +265,8 @@ div.nav-gif,
{
padding: 0 !important;
}
.filter-item.search
.filter-item.search,
body
{
margin: 0 !important;
}
@ -277,10 +291,18 @@ div.nav-gif,
{
width: 100% !important;
}
.player-wrap,
.danmaku-box
.player-wrap[style*="height: auto"]
{
height: 513px;
height: 513px !important;
}
.danmaku-wrap .player-auxiliary-block-wrap,
.player-auxiliary-advanced-danmaku-control-container
{
height: 474px !important;
}
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap
{
height: 403px !important;
}
.bilibili-player-video-control,
.bui-slider .bui-track.bui-track-video-progress .bui-bar-wrap
@ -288,7 +310,8 @@ div.nav-gif,
background-color: #222c !important;
}
.search-bar-ctnr .search-bar input::placeholder,
.search-bar-ctnr .search-bar .search-btn
.search-bar-ctnr .search-bar .search-btn,
.nav-header-wrapper .nav-header .nav-header-search-bar::placeholder
{
color: #888 !important;
}

View File

@ -669,7 +669,7 @@
}
}
runAndObserveDomMutation("#bofqi", () => main());
Observer.subtree("#bofqi", () => main());
resources.applyStyle("touchPlayerStyle", "bilibili-touch-video-player");
return {

View File

@ -1 +1 @@
1.5.1
1.5.2

View File

@ -2,7 +2,7 @@
{
return (_, resources) =>
{
runAndObserveDomMutation("#bofqi", () =>
Observer.subtree("#bofqi", () =>
{
SpinQuery.count(
() => $(".bui-slider .bui-track.bui-track-video-progress,.bilibili-player-area .bilibili-player-video-control"),

View File

@ -66,17 +66,16 @@
</li>`,
success: () =>
{
SpinQuery.any(() => $("meta[itemprop='image']"), metaData =>
{
if (metaData.length > 0)
new SpinQuery(() => $("meta[itemprop='image']"),
metaData => metaData.length > 0 && metaData.prop("content"),
metaData =>
{
const imageViewer = new ImageViewer(metaData.prop("content"));
$("#view-video-cover").on("click", () =>
{
imageViewer.show();
}).parent().removeClass("hidden");
}
});
}).start();
}
}
};