mirror of
https://github.com/the1812/Bilibili-Evolved.git
synced 2025-11-04 21:22:45 +08:00
Fix bugs
This commit is contained in:
parent
8b5328bdb8
commit
d7e3e666f8
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1195,19 +1195,34 @@
|
||||
settings.brightness = this.color.brightness;
|
||||
settings.filterInvert = this.color.filterInvert;
|
||||
|
||||
const html = document.querySelector("html");
|
||||
html.style.setProperty("--theme-color", settings.customStyleColor);
|
||||
const rgbToString = color =>
|
||||
{
|
||||
if (color.a)
|
||||
{
|
||||
return `rgba(${color.r},${color.g},${color.b},${color.a})`;
|
||||
}
|
||||
return `rgb(${color.r},${color.g},${color.b})`;
|
||||
};
|
||||
let styles = [];
|
||||
styles.push("--theme-color:" + settings.customStyleColor);
|
||||
for (let opacity = 10; opacity <= 90; opacity += 10)
|
||||
{
|
||||
html.style.setProperty(`--theme-color-${opacity}`, this.color.hexToRgba(settings.customStyleColor + opacity));
|
||||
styles.push(`--theme-color-${opacity}:` +
|
||||
rgbToString(this.color.hexToRgba(settings.customStyleColor + opacity)));
|
||||
}
|
||||
html.style.setProperty("--foreground-color", settings.foreground);
|
||||
html.style.setProperty("--foreground-color-b", this.color.hexToRgba(settings.foreground + "b"));
|
||||
html.style.setProperty("--foreground-color-d", this.color.hexToRgba(settings.foreground + "d"));
|
||||
html.style.setProperty("--blue-image-filter", settings.blueImageFilter);
|
||||
html.style.setProperty("--pink-image-filter", settings.pinkImageFilter);
|
||||
html.style.setProperty("--brightness", settings.brightness);
|
||||
html.style.setProperty("--invert-filter", settings.filterInvert);
|
||||
styles.push("--foreground-color:" + settings.foreground);
|
||||
styles.push("--foreground-color-b:" +
|
||||
rgbToString(this.color.hexToRgba(settings.foreground + "b")));
|
||||
styles.push("--foreground-color-d:" +
|
||||
rgbToString(this.color.hexToRgba(settings.foreground + "d")));
|
||||
styles.push("--blue-image-filter:" + settings.blueImageFilter);
|
||||
styles.push("--pink-image-filter:" + settings.pinkImageFilter);
|
||||
styles.push("--brightness:" + settings.brightness);
|
||||
styles.push("--invert-filter:" + settings.filterInvert);
|
||||
styles.push("--blur-background-opacity:" + settings.blurBackgroundOpacity);
|
||||
styles.push("--custom-control-background-opacity:" + settings.blurBackgroundOpacity);
|
||||
styles.push("--force-wide-min-width:" + settings.forceWideMinWidth);
|
||||
this.applyStyleFromText(`<style id="bilibili-evolved-vaiables">html{${styles.join(",")}}</style>`);
|
||||
}
|
||||
async fetchByKey(key)
|
||||
{
|
||||
|
||||
@ -1196,14 +1196,25 @@
|
||||
settings.filterInvert = this.color.filterInvert;
|
||||
|
||||
const html = document.querySelector("html");
|
||||
const rgbToString = color =>
|
||||
{
|
||||
if (color.a)
|
||||
{
|
||||
return `rgba(${color.r},${color.g},${color.b},${color.a})`;
|
||||
}
|
||||
return `rgb(${color.r},${color.g},${color.b})`;
|
||||
}
|
||||
html.style.setProperty("--theme-color", settings.customStyleColor);
|
||||
for (let opacity = 10; opacity <= 90; opacity += 10)
|
||||
{
|
||||
html.style.setProperty(`--theme-color-${opacity}`, this.color.hexToRgba(settings.customStyleColor + opacity));
|
||||
html.style.setProperty(`--theme-color-${opacity}`,
|
||||
rgbToString(this.color.hexToRgba(settings.customStyleColor + opacity)));
|
||||
}
|
||||
html.style.setProperty("--foreground-color", settings.foreground);
|
||||
html.style.setProperty("--foreground-color-b", this.color.hexToRgba(settings.foreground + "b"));
|
||||
html.style.setProperty("--foreground-color-d", this.color.hexToRgba(settings.foreground + "d"));
|
||||
html.style.setProperty("--foreground-color-b",
|
||||
rgbToString(this.color.hexToRgba(settings.foreground + "b")));
|
||||
html.style.setProperty("--foreground-color-d",
|
||||
rgbToString(this.color.hexToRgba(settings.foreground + "d")));
|
||||
html.style.setProperty("--blue-image-filter", settings.blueImageFilter);
|
||||
html.style.setProperty("--pink-image-filter", settings.pinkImageFilter);
|
||||
html.style.setProperty("--brightness", settings.brightness);
|
||||
|
||||
2
min/old.min.css
vendored
2
min/old.min.css
vendored
@ -1 +1 @@
|
||||
.bili-header-m>.nav-menu,.b-header-mask-wrp .b-header-mask{background:var(--theme-color)ff!important;box-shadow:var(--theme-color-70) 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:var(--foreground-color-d)!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%,var(--brightness),.2)!important;}.vip-m{background:white!important;}a.t>i.bili-icon{filter:brightness(0) var(--invert-filter)!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:var(--foreground-color-d)!important;border-radius:4px!important;line-height:30px!important;height:30px!important;border:1px solid var(--foreground-color-b)!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%,var(--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 var(--theme-color-40)!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;}}
|
||||
.bili-header-m>.nav-menu,.b-header-mask-wrp .b-header-mask{background:var(--theme-color)!important;box-shadow:var(--theme-color-70) 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:var(--foreground-color-d)!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%,var(--brightness),.2)!important;}.vip-m{background:white!important;}a.t>i.bili-icon{filter:brightness(0) var(--invert-filter)!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:var(--foreground-color-d)!important;border-radius:4px!important;line-height:30px!important;height:30px!important;border:1px solid var(--foreground-color-b)!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%,var(--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 var(--theme-color-40)!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;}}
|
||||
@ -63,7 +63,7 @@
|
||||
#link-navbar-vm>.link-navbar .main-ctnr .nav-logo::before,
|
||||
#app>.link-navbar .main-ctnr .nav-logo::before
|
||||
{
|
||||
filter: $blueImageFileter !important;
|
||||
filter: var(--blue-image-filter) !important;
|
||||
}
|
||||
#app>.nav-header-wrapper .nav-header .order-icon
|
||||
{
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
@media screen and (min-width: $forceWideMinWidth) {
|
||||
@media screen and (min-width: var(--force-wide-min-width)) {
|
||||
.bili-wrapper {
|
||||
width:1160px;
|
||||
}
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
.bili-header-m>.nav-menu,
|
||||
.b-header-mask-wrp .b-header-mask
|
||||
{
|
||||
background: var(--theme-color)ff !important;
|
||||
background: var(--theme-color) !important;
|
||||
box-shadow: var(--theme-color-70) 0px 2px 10px 1px !important;
|
||||
}
|
||||
|
||||
@ -133,7 +133,7 @@ div.up-load
|
||||
|
||||
.blur-bg
|
||||
{
|
||||
opacity: $blurBackgroundOpacity !important;
|
||||
opacity: var(--blur-background-opacity) !important;
|
||||
filter: blur(20px) !important;
|
||||
}
|
||||
|
||||
|
||||
@ -240,7 +240,7 @@ div.up-load
|
||||
|
||||
.blur-bg
|
||||
{
|
||||
opacity: $blurBackgroundOpacity !important;
|
||||
opacity: var(--blur-background-opacity) !important;
|
||||
filter: blur(20px) !important;
|
||||
}
|
||||
|
||||
|
||||
@ -5,5 +5,5 @@
|
||||
.bilibili-player-video-control-bottom,
|
||||
.bui-slider .bui-track.bui-track-video-progress .bui-bar-wrap
|
||||
{
|
||||
background: rgba(0,0,0,$customControlBackgroundOpacity) !important;
|
||||
background: rgba(0,0,0,var(--custom-control-background-opacity)) !important;
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user