Update dark style and README

This commit is contained in:
the1812 2018-08-17 16:00:25 +08:00
parent 8bd49deeb7
commit ec06243e4c
9 changed files with 27 additions and 13 deletions

View File

@ -108,22 +108,26 @@
**设置保存后,需要刷新网页才能生效.**
![设置](images/gui-settings.png)
## 默认值
### 样式
- 新样式: `开启`
- 自定义颜色: `浅蓝色(#00A0D8)`
- 顶栏(对横幅)不透明度: `0.382`
- 夜间模式: `关闭`
- 搜索栏位置调整: `开启`
- 显示顶部横幅: `开启`
- 顶栏触摸优化: `关闭`
- 播放器触摸支持: `关闭`
- 启用实验性动画效果: `关闭`
> 因为部分浏览器对包含实验性效果的动画没有优化会很卡, 所以开放此选项.
### 工具
- 自动展开弹幕列表: `开启`
- 删除广告: `开启`
- 稍后再看重定向: `开启`
- 隐藏热搜词: `关闭`
### 直播间
- 缩放看板娘: `开启`
- 删除直播水印: `开启`
### 触摸
- 顶栏触摸优化: `关闭`
- 播放器触摸支持: `关闭`
- 启用实验性动画效果: `关闭`
> 因为部分浏览器对包含实验性效果的动画没有优化会很卡, 所以开放此选项.
# 关于新版播放器
目前新版播放器不是默认开启的,可在旧版播放页面右侧找到入口.

File diff suppressed because one or more lines are too long

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 1.3 MiB

File diff suppressed because one or more lines are too long

View File

@ -1682,7 +1682,8 @@ input[type=text]:focus,
.filter-wrap .filter-item.active a,
.live-wrap .live-tabs a.active,
.base-bubble,
.base-bubble .content-ctnr:before
.base-bubble .content-ctnr:before,
.tag-container .tag-item .tag-border .tag-border-inner
{
border-color: $customStyleColor !important;
}
@ -1989,7 +1990,8 @@ a.up-name:hover,
.guard-rank-cntr .rank-cntr .rank-list-box a:hover,
.chat-item.danmaku-item .danmaku-content:hover,
.guard-rank-cntr .rank-cntr .btn-box .buy,
.clock-time
.clock-time,
.tag-container .tag-item:hover .tag-content
{
color: $customStyleColor !important;
}

View File

@ -1 +1 @@
.bili-header-m>.nav-menu{background:$customStyleColorff!important;box-shadow:$customStyleColor70 0px 2px 10px 1px!important;}.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 10px 30px 5px $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;}@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;}}::-webkit-scrollbar{width:5px!important;height:5px!important;}::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background:transparent!important;}::-webkit-resizer,::-webkit-scrollbar-thumb{background:#aaa!important;}::-webkit-scrollbar-thumb:hover{background:#888!important;}
.bili-header-m>.nav-menu{background:$customStyleColorff!important;box-shadow:$customStyleColor70 0px 2px 10px 1px!important;}.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 10px 30px 5px $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;}@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;}}::-webkit-scrollbar{width:5px!important;height:5px!important;}::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background:transparent!important;}::-webkit-resizer,::-webkit-scrollbar-thumb{background:#aaa!important;}::-webkit-scrollbar-thumb:hover{background:#888!important;}

View File

@ -159,6 +159,10 @@ div.nav-gif,
{
color: #222 !important;
}
.tag-container .tag-item .tag-border .tag-border-inner
{
width: 100% !important;
}
@media only screen and (min-width: 1291px)
{

View File

@ -1 +1 @@
.bili-wrapper{display:flex!important;justify-content:center!important;align-items:center!important;height:50px!important;}.bili-header-m>.nav-menu,.link-navbar,.link-navbar .main-ctnr .nav-items-ctnr{background:$customStyleColor!important;}.bili-header-m>.nav-menu,.link-navbar-ctnr{box-shadow:$customStyleColor70 0px 2px 10px 1px!important;}div.stardust-player{background:#fff!important;}.nav-mask{background-color:transparent!important;box-shadow:none!important;}.nav-con{flex-grow:10!important;flex-shrink:0!important;}.nav-con.fl{margin-left:-2em!important;}.bili-header-m .nav-menu .nav-con .nav-item .t,.link-navbar .main-ctnr .nav-logo,.link-navbar .nav-item,.shortcuts-ctnr,.link-navbar .nav-item:hover,.link-navbar .main-ctnr .nav-switcher{color:$foregroundd!important;}li.nav-item:hover,.link-navbar .nav-item:hover,.shortcuts-ctnr .shortcut-item:hover{background-color:hsla(0,0%,$brightness,.2)!important;}li.nav-item.home:hover{background:transparent!important;}.vip-m{background:white!important;}a.t>i.bili-icon-logo,a.t>i.bili-icon{width:50px!important;left:-60px!important;top:0px!important;height:50px!important;background-position-y:12px!important;}a.t>i.bili-icon-logo,a.t>i.bili-icon,.main-ctnr .nav-logo:before{filter:brightness(0) $filterInvert!important;opacity:0.81!important;}#entryOld,.nav-search-submit,.b-icon-app,.title-icon{display:none!important;}.i-face>.face{margin-top:-1px!important;}.i-face>.face,.user-panel-ctnr .msg-hinter{border:1.5px solid #fff3!important;}div.up-load{margin-left:9px!important;height:32px!important;order:4!important;flex-grow:0;flex-shrink:0;}.u-link{background:transparent!important;color:$foregroundd!important;border-radius:4px!important;line-height:30px!important;height:30px!important;transition:background-color .2s!important;}.u-link,.shortcuts-ctnr .shortcut-item .hinter,.shortcuts-ctnr .shortcut-item .num-hinter{border:1px solid $foregroundb!important;}.u-link:hover{opacity:1!important;background-color:hsla(0,0%,$brightness,.2)!important;}.nav-search{width:130px!important;}.nav-search-keyword{width:120px!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;}.search-bar-ctnr .search-bar{background-color:#fffd!important;transition:all 0.2s!important;}.search-bar-ctnr .search-bar:hover,#nav_searchform:hover{background-color:#fff!important;}#bilibiliPlayer{box-shadow:0px 10px 30px 5px $customStyleColor40!important;}.blur-bg{opacity:$blurBackgroundOpacity!important;filter:blur(20px)!important;}.cancel{width:28px!important;}ul.bilibili-suggest{margin-left:-35px!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;}.filter-item.search{margin:0!important;}.input-box textarea{padding:8px!important;}.bili-header-m .nav-search .nav-search-keyword{color:#222!important;}.link-navbar .main-ctnr .nav-switcher.open-btn{filter:brightness(0) invert(1)!important;opacity:0.8!important;}.guard-rank-cntr.open .tip.rank-desc{visibility:visible!important;}.guard-rank-cntr .rank-cntr .tip{visibility:hidden!important;}@media only screen and (min-width: 1291px){.nav-con{margin:0 1em!important;}.bilibili-suggest.nav,.nav-search{width:250px!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;}}::-webkit-scrollbar{width:5px!important;height:5px!important;}::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background:transparent!important;}::-webkit-resizer,::-webkit-scrollbar-thumb{background:#aaa!important;}::-webkit-scrollbar-thumb:hover{background:#888!important;}
.bili-wrapper{display:flex!important;justify-content:center!important;align-items:center!important;height:50px!important;}.bili-header-m>.nav-menu,.link-navbar,.link-navbar .main-ctnr .nav-items-ctnr{background:$customStyleColor!important;}.bili-header-m>.nav-menu,.link-navbar-ctnr{box-shadow:$customStyleColor70 0px 2px 10px 1px!important;}div.stardust-player{background:#fff!important;}.nav-mask{background-color:transparent!important;box-shadow:none!important;}.nav-con{flex-grow:10!important;flex-shrink:0!important;}.nav-con.fl{margin-left:-2em!important;}.bili-header-m .nav-menu .nav-con .nav-item .t,.link-navbar .main-ctnr .nav-logo,.link-navbar .nav-item,.shortcuts-ctnr,.link-navbar .nav-item:hover,.link-navbar .main-ctnr .nav-switcher{color:$foregroundd!important;}li.nav-item:hover,.link-navbar .nav-item:hover,.shortcuts-ctnr .shortcut-item:hover{background-color:hsla(0,0%,$brightness,.2)!important;}li.nav-item.home:hover{background:transparent!important;}.vip-m{background:white!important;}a.t>i.bili-icon-logo,a.t>i.bili-icon{width:50px!important;left:-60px!important;top:0px!important;height:50px!important;background-position-y:12px!important;}a.t>i.bili-icon-logo,a.t>i.bili-icon,.main-ctnr .nav-logo:before{filter:brightness(0) $filterInvert!important;opacity:0.81!important;}#entryOld,.nav-search-submit,.b-icon-app,.title-icon{display:none!important;}.i-face>.face{margin-top:-1px!important;}.i-face>.face,.user-panel-ctnr .msg-hinter{border:1.5px solid #fff3!important;}div.up-load{margin-left:9px!important;height:32px!important;order:4!important;flex-grow:0;flex-shrink:0;}.u-link{background:transparent!important;color:$foregroundd!important;border-radius:4px!important;line-height:30px!important;height:30px!important;transition:background-color .2s!important;}.u-link,.shortcuts-ctnr .shortcut-item .hinter,.shortcuts-ctnr .shortcut-item .num-hinter{border:1px solid $foregroundb!important;}.u-link:hover{opacity:1!important;background-color:hsla(0,0%,$brightness,.2)!important;}.nav-search{width:130px!important;}.nav-search-keyword{width:120px!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;}.search-bar-ctnr .search-bar{background-color:#fffd!important;transition:all 0.2s!important;}.search-bar-ctnr .search-bar:hover,#nav_searchform:hover{background-color:#fff!important;}#bilibiliPlayer{box-shadow:0px 10px 30px 5px $customStyleColor40!important;}.blur-bg{opacity:$blurBackgroundOpacity!important;filter:blur(20px)!important;}.cancel{width:28px!important;}ul.bilibili-suggest{margin-left:-35px!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;}.filter-item.search{margin:0!important;}.input-box textarea{padding:8px!important;}.bili-header-m .nav-search .nav-search-keyword{color:#222!important;}.link-navbar .main-ctnr .nav-switcher.open-btn{filter:brightness(0) invert(1)!important;opacity:0.8!important;}.guard-rank-cntr.open .tip.rank-desc{visibility:visible!important;}.guard-rank-cntr .rank-cntr .tip{visibility:hidden!important;}.tag-container .tag-item .tag-border .tag-border-inner{width:100%!important;}@media only screen and (min-width: 1291px){.nav-con{margin:0 1em!important;}.bilibili-suggest.nav,.nav-search{width:250px!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;}}::-webkit-scrollbar{width:5px!important;height:5px!important;}::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background:transparent!important;}::-webkit-resizer,::-webkit-scrollbar-thumb{background:#aaa!important;}::-webkit-scrollbar-thumb:hover{background:#888!important;}

View File

@ -232,6 +232,10 @@ div.nav-gif,
{
visibility: hidden !important;
}
.tag-container .tag-item .tag-border .tag-border-inner
{
width: 100% !important;
}
@media only screen and (min-width: 1291px)
{