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-teal.png)
![暗蓝色](images/new-navbar-blueGrey.png) ![暗蓝色](images/new-navbar-blueGrey.png)
### 样式调整 ### 样式调整
改变顶栏的样式, 并有一些其他地方的界面微调. **主要**会改变顶栏的样式, 并有一些其他地方的界面微调:
- 为播放器增加主题色投影
- 可控制顶栏对横幅的透明度
- 使播放器按钮垂直对齐
- 使部分搜索栏的提示文字的颜色更清晰
- 启用迷你播放器时, 防止下方内容(评论区, 相关推荐等)突然向上收拢影响阅读
- 隐藏播放页面的"返回旧版"侧栏
- 修复直播间一些文字初始状态不正确
#### 顶栏效果 #### 顶栏效果
![主站](images/new-navbar.png) ![主站](images/new-navbar.png)
![播放](images/new-navbar-stardust.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== // ==UserScript==
// @name Bilibili Evolved (Preview) // @name Bilibili Evolved (Preview)
// @version 1.5.1 // @version 1.5.2
// @description 增强哔哩哔哩Web端体验. (预览版分支) // @description 增强哔哩哔哩Web端体验. (预览版分支)
// @author Grant Howard, Coulomb-G // @author Grant Howard, Coulomb-G
// @match *://*.bilibili.com/* // @match *://*.bilibili.com/*
@ -54,7 +54,7 @@
notifyNewVersion: true, notifyNewVersion: true,
fixFullscreen: false, fixFullscreen: false,
latestVersionLink: "https://github.com/the1812/Bilibili-Evolved/raw/preview/bilibili-evolved.preview.user.js", latestVersionLink: "https://github.com/the1812/Bilibili-Evolved/raw/preview/bilibili-evolved.preview.user.js",
currentVersion: "1.5.1" currentVersion: "1.5.2"
}; };
function loadSettings() function loadSettings()
{ {
@ -81,15 +81,6 @@
GM_addValueChangeListener(key, change); 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() function loadResources()
{ {
Resource.root = "https://raw.githubusercontent.com/the1812/Bilibili-Evolved/preview/"; Resource.root = "https://raw.githubusercontent.com/the1812/Bilibili-Evolved/preview/";
@ -220,6 +211,54 @@
static success() { } static success() { }
static error() { } 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 class SpinQuery
{ {
constructor(query, condition, action, onFailed) constructor(query, condition, action, onFailed)
@ -770,7 +809,7 @@
{ {
// execution error // execution error
console.error(`Failed to apply feature "${key}": ${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== // ==UserScript==
// @name Bilibili Evolved // @name Bilibili Evolved
// @version 1.5.1 // @version 1.5.2
// @description 增强哔哩哔哩Web端体验. // @description 增强哔哩哔哩Web端体验.
// @author Grant Howard, Coulomb-G // @author Grant Howard, Coulomb-G
// @match *://*.bilibili.com/* // @match *://*.bilibili.com/*
@ -54,7 +54,7 @@
notifyNewVersion: true, notifyNewVersion: true,
fixFullscreen: false, fixFullscreen: false,
latestVersionLink: "https://github.com/the1812/Bilibili-Evolved/raw/master/bilibili-evolved.user.js", latestVersionLink: "https://github.com/the1812/Bilibili-Evolved/raw/master/bilibili-evolved.user.js",
currentVersion: "1.5.1" currentVersion: "1.5.2"
}; };
function loadSettings() function loadSettings()
{ {
@ -81,15 +81,6 @@
GM_addValueChangeListener(key, change); 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() function loadResources()
{ {
Resource.root = "https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/"; Resource.root = "https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/";
@ -220,6 +211,54 @@
static success() { } static success() { }
static error() { } 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 class SpinQuery
{ {
constructor(query, condition, action, onFailed) constructor(query, condition, action, onFailed)
@ -770,7 +809,7 @@
{ {
// execution error // execution error
console.error(`Failed to apply feature "${key}": ${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, .wrapper .elec-btn.disabled,
.f-list-hover:hover, .f-list-hover:hover,
.status_box .status_btn.disabled, .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; background-color: #444 !important;
} }
@ -76,7 +78,8 @@ blockquote .color-yellow-04,
.season-timeline .season-group.today, .season-timeline .season-group.today,
.season-timeline .season-group.today .group-time::before, .season-timeline .season-group.today .group-time::before,
.aside-ctnr .author-info .communicate-btn, .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; border-color: $customStyleColor !important;
} }

View File

@ -1,16 +1,29 @@
.bili-header-m .nav-menu .nav-con .nav-item:hover, .bili-header-m .nav-menu .nav-con .nav-item:hover,
.right-part>.shortcuts-ctnr .shortcut-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; background-color: #222;
} }
.bili-header-m .nav-menu .nav-mask, .bili-header-m .nav-menu .nav-mask,
#link-navbar-vm>.link-navbar, #link-navbar-vm>.link-navbar,
#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; 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, .bili-header-m .nav-menu .nav-con .nav-item .t,
#link-navbar-vm>.link-navbar .main-ctnr .nav-logo, #link-navbar-vm>.link-navbar .main-ctnr .nav-logo,
.right-part>.shortcuts-ctnr, .right-part>.shortcuts-ctnr,
@ -19,7 +32,11 @@
.my-link-btn .label, .my-link-btn .label,
#app>.link-navbar .main-ctnr .nav-logo, #app>.link-navbar .main-ctnr .nav-logo,
#app>.link-navbar .nav-item.selected .label, #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; color: #eee;
} }
@ -33,3 +50,7 @@
{ {
filter: $blueImageFileter !important; 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, .send-box,
.emoji-box .emoji-item:hover, .emoji-box .emoji-item:hover,
.emotion-item:hover .img, .emotion-item:hover .img,
.link-progress-tv,
.ps.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail, .ps.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail,
.ps.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail, .ps.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail,
.ps:hover.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail, .ps:hover.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail,

View File

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

View File

@ -47,7 +47,10 @@ div#square.container,
.mainBox .sureWindow, .mainBox .sureWindow,
.js-evaluateArea .evaluateDialog, .js-evaluateArea .evaluateDialog,
.live-ctn .item-live, .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; background-color: #222 !important;
} }
@ -103,7 +106,8 @@ body>div.to-top.on,
.leaveMsg .leaveMsgBody .questionClassify .classDropdownAreaFixed, .leaveMsg .leaveMsgBody .questionClassify .classDropdownAreaFixed,
.sureWindow .btngroup span, .sureWindow .btngroup span,
.evaluateWether .evaluate-btn, .evaluateWether .evaluate-btn,
.evaluate .situation span .evaluate .situation span,
.up-info .u-face .up-face
{ {
background-color: #444 !important; background-color: #444 !important;
} }
@ -159,6 +163,7 @@ body>div.to-top.on,
.area-section .card-ctnr .more, .area-section .card-ctnr .more,
.area-section .card-ctnr .more:hover, .area-section .card-ctnr .more:hover,
.link-panigation-ctnr .pagination, .link-panigation-ctnr .pagination,
.link-progress-tv,
.jumping-ctnr .jumping-input .jumping-ctnr .jumping-input
{ {
background-color: transparent !important; background-color: transparent !important;
@ -293,7 +298,10 @@ body>div.to-top.on,
#announcement-area .news-ctnr .more-link, #announcement-area .news-ctnr .more-link,
#announcement-area .rank-ctnr .icon-arrow-right, #announcement-area .rank-ctnr .icon-arrow-right,
#announcement-area .rank-ctnr .more-link, #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; color: #eee !important;
} }
@ -337,7 +345,8 @@ body>div.to-top.on,
.evaluateWether .evaluate-btn, .evaluateWether .evaluate-btn,
.evaluateWether .noactive, .evaluateWether .noactive,
.evaluate .situation span, .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; border-color: transparent !important;
} }
@ -392,7 +401,8 @@ body>div.to-top.on,
.list-wrap .s-showMore .icon-right, .list-wrap .s-showMore .icon-right,
.breadcrumb .arrow, .breadcrumb .arrow,
.error-container .error.split, .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; filter: brightness(0) invert(1) !important;
} }
@ -484,7 +494,11 @@ body>div.to-top.on,
.guide .old-btn a, .guide .old-btn a,
.link-navbar-ctnr, .link-navbar-ctnr,
.rank-item:hover, .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; box-shadow: none !important;
} }
@ -494,7 +508,9 @@ body>div.to-top.on,
} }
.guide .feedback-btn a, .guide .feedback-btn a,
.mainBox .leaveMsg, .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; box-shadow: 0px 1px 10px 0px $customStyleColor30 !important;
} }
@ -612,7 +628,9 @@ body>div.to-top.on
.evaluate .situation span.active, .evaluate .situation span.active,
.evaluateSubmitArea .submit, .evaluateSubmitArea .submit,
.bilibili-live-player .blpui-btn.default-btn.btn-blue, .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; 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 .amount,
.hot-list .card-ctnr .room-count:hover .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 .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; color: $customStyleColor !important;
} }
@ -714,7 +733,8 @@ body>div.to-top.on
.evaluate .situation span.active, .evaluate .situation span.active,
.evaluateSubmitArea .submit, .evaluateSubmitArea .submit,
.bilibili-live-player .blpui-btn.default-btn.btn-blue, .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; color: $foreground !important;
} }

View File

@ -46,7 +46,23 @@
.order-header-wrapper, .order-header-wrapper,
.orderdetail-container .orderdetail-content, .orderdetail-container .orderdetail-content,
.total-container, .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; background-color: #222 !important;
} }
@ -101,14 +117,48 @@ body #app .marquee,
.order-list-wrapper .order-list .order-item .order-item-body-wrapper, .order-list-wrapper .order-list .order-item .order-item-body-wrapper,
.project-info table tr, .project-info table tr,
.project-info table tr:first-child, .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; background-color: #444 !important;
} }
// a .player-auxiliary-area
// { {
// background-color: #555 !important; background-color: #555 !important;
// } }
// a // a
// { // {
// background-color: #aaa !important; // background-color: #aaa !important;
@ -117,14 +167,28 @@ body #app .marquee,
// { // {
// background-color: #fff1 !important; // 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; background-image: none !important;
} }
.link-footer .footer-linker .footer-linker-line, .link-footer .footer-linker .footer-linker-line,
.nav-notice li, .nav-notice li,
.nav-notice li.hover, .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; background-color: transparent !important;
} }
@ -140,6 +204,10 @@ body #app .marquee,
{ {
background: transparent !important; 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, .link-footer .footer-img-linker .footer-img-item,
.canvas-card dd h4 .user-container span, .canvas-card dd h4 .user-container span,
.canvas-card dd h4 .user-container a, .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, .orderdetail-container .orderdetail-nav .orderdetail-nav-list li.order-center,
.qrcode-active .qrcode-tip, .qrcode-active .qrcode-tip,
.qrcode-active .qrcode-container-item .qrcode .qrstatus .qrstatus-time, .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; color: #aaa !important;
} }
@ -397,7 +513,79 @@ body #app .category-wrapper .upload-content .title,
.project-info table th, .project-info table th,
.total-container div, .total-container div,
.qrcode-active .qrcode-container-item .seat-info, .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; color: #eee !important;
} }
@ -476,7 +664,53 @@ body #app .category-wrapper .upload-content .title,
.orderdetail-container .orderdetail-status, .orderdetail-container .orderdetail-status,
.project-info table tr:last-child, .project-info table tr:last-child,
.project-info table tr, .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; 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, .face-g-list#my-g-list .face-g-block .my-mp-block,
.ui-input, .ui-input,
.set-copyright .copyright-icon .icon-none-copyright, .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; border-color: #aaa !important;
} }
@ -502,6 +738,10 @@ body #app .category-wrapper .upload-content .title,
// { // {
// border-color: #99a2aa !important; // border-color: #99a2aa !important;
// } // }
#BilibiliVipDialog
{
border: none !important;
}
// a // a
// { // {
// transition: all .2s !important; // transition: all .2s !important;
@ -514,13 +754,31 @@ body #app .category-wrapper .upload-content .title,
.footer-logo, .footer-logo,
.more-data i, .more-data i,
.block-left.block-brand .headline .tab-wrap .pgc-brand-tab, .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; 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-help,
.float-toolbar .toolbar-list .icon-block.icon-feedback, .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; filter: $blueImageFilter !important;
} }
@ -551,10 +809,10 @@ body #app .category-wrapper .upload-content .title,
{ {
box-shadow: none !important; box-shadow: none !important;
} }
// a div.cntr a.check-all
// { {
// box-shadow: 0px 1px 10px 0px $customStyleColor30 !important; box-shadow: 0px 1px 10px 0px $customStyleColor30 !important;
// } }
.icon-hot, .icon-hot,
.icon-new, .icon-new,
.icon-home .icon-home
@ -594,7 +852,11 @@ body #app .marquee,
.func-banner .btn-like.active, .func-banner .btn-like.active,
.func-banner .btn-dislike.active, .func-banner .btn-dislike.active,
.author-info-card .author-info .info-right .btn-attention, .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; border-color: $customStyleColor !important;
} }
@ -620,10 +882,33 @@ body #app .category-wrapper .dot,
.promote-m .headline .change-push:hover, .promote-m .headline .change-push:hover,
#announcement-area .rank-ctnr .rank-icon.hot, #announcement-area .rank-ctnr .rank-icon.hot,
.item .live-status.on, .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; background-color: $customStyleColor !important;
} }
.valid_box .button,
.pay-result-btn:hover
{
background: $customStyleColor !important;
}
.canvas-card dd h4 .user-container a:hover, .canvas-card dd h4 .user-container a:hover,
.nav-bar .sub-nav .sub-tab.active, .nav-bar .sub-nav .sub-tab.active,
@ -692,14 +977,57 @@ body #app .marquee a,
.total-container div span.total, .total-container div span.total,
.project-info table .project-content .content-right .ticket-type, .project-info table .project-content .content-right .ticket-type,
.project-info table td.total, .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; color: $customStyleColor !important;
} }
// a .valid_box .button,
// { .rhythm-storm .bl-button,
// color: $foreground !important; div.cntr a.check-all,
// } .bili-header-m .bubble-traditional .renew-btn button
{
color: $foreground !important;
}
// a // a
// { // {
// fill: $customStyleColor !important; // fill: $customStyleColor !important;

View File

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

View File

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

View File

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

View File

@ -1,9 +1,11 @@
#banner_link, #banner_link,
.ban-banner .ban-banner,
.z-top-container.has-banner>.header
{ {
display: none !important; display: none !important;
} }
div.blur-bg div.blur-bg,
.b-header-mask-wrp .b-header-mask-bg
{ {
opacity: 0 !important; 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; background: $customStyleColorff !important;
box-shadow: $customStyleColor70 0px 2px 10px 1px !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; background-color: transparent !important;
box-shadow: none !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; 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; background-color: hsla(0,0%,$brightness,.2) !important;
} }
@ -35,19 +46,31 @@ a.t>i.bili-icon
height: 16px !important; height: 16px !important;
opacity: 0.81 !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, #entryOld,
.nav-search-submit, .nav-search-submit,
.b-icon-app, .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; display: none !important;
} }
.i-face>.face .i-face>.face,
.uns_box li.u-i .i_face
{ {
border: 1.5px solid #fff3 !important; box-shadow: 0 0 2px 1.5px #0002 !important;
margin-top: -1px !important; /* margin-top: -1px !important; */
} }
div.up-load div.up-load
@ -55,7 +78,8 @@ div.up-load
margin: 5px 0 0 5px !important; margin: 5px 0 0 5px !important;
height: 32px !important; height: 32px !important;
} }
.u-link .u-link,
.uns_box li.u-i.b-post a.i-link
{ {
background: transparent !important; background: transparent !important;
color: $foregroundd !important; color: $foregroundd !important;
@ -66,11 +90,16 @@ div.up-load
transition: background-color .2s !important; 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; opacity: 1 !important;
background-color: hsla(0,0%,$brightness,.2) !important; background-color: hsla(0,0%,$brightness,.2) !important;
} }
.uns_box li.u-i.b-post
{
margin-left: 8px !important;
}
.nav-search .nav-search
{ {
@ -126,11 +155,12 @@ li.suggest-item>a
div.num div.num
{ {
border: 1px solid #fff8 !important; box-shadow: 0 0.5px 4px 0 #0004 !important;
} }
#primary_menu, #primary_menu,
#primary_menu>ul.nav-menu #primary_menu>ul.nav-menu,
.uns_box li.u-i.b-post
{ {
display: flex !important; display: flex !important;
align-items: center !important; align-items: center !important;
@ -147,7 +177,8 @@ div.nav-gif,
top: 37px !important; top: 37px !important;
} }
.filter-item.search .filter-item.search,
body
{ {
margin: 0 !important; margin: 0 !important;
} }

View File

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

View File

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

View File

@ -1 +1 @@
1.5.1 1.5.2

View File

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

View File

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