Skip to content

自用:配合bilibili-palette使用,补充无深色模式的部分页面 by arden

Screenshot of 自用:配合bilibili-palette使用,补充无深色模式的部分页面

Details

Authorarden

LicenseNo License

Categorybilibili

Created

Updated

Size13 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

请配合bilibili-palette使用, 其地址为:https://github.com/tolking/usercss/tree/master/bilibili-palette

补充了以下页面的深色模式

  1. 热门: https://www.bilibili.com/v/popular/all
  2. 动态:https://t.bilibili.com/
  3. 用户空间:https://space.bilibili.com/
  4. 历史记录:https://www.bilibili.com/account/history

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         自用:配合bilibili-palette使用,补充无深色模式的部分页面
@version      20231029.04.54
@namespace    userstyles.world/user/arden
@description  补充一下页面深色模式

1)热门: https://www.bilibili.com/v/popular/all 
2)用户空间:https://space.bilibili.com/
@author       arden
@license      No License
==/UserStyle== */

@-moz-document domain("bilibili.com") {
/* 热门 https://www.bilibili.com/v/popular/all */
/* 顶部导航栏 */
/* #nav_searchform > div
{
    background: none;
} */

.fixed-header .bili-header__bar,
.header-v3 #app{
     background: #25272a 
}


#page-fav .fav-main .favList-info,
.nav-tabs{
    border-bottom: 1px solid #383838;
}
/* 分区导航栏 */
.rank-tab-wrap{
    background: #25272a;
}
.rank-tab-wrap .rank-tab li:not(:last-child){
    color: white
}
/* 热门、每周必看、入站必刷、排行榜 */
#app > div > div.nav-tabs > div > div > span{
    color: white
}

/* 视频标题 */
#page-fav .fav-main .filter-item,
/* .rank-list .rank-item .content .info .title */
#app > div > div.rank-container > div.rank-list-wrap > ul > li > div > div.info > a,
#app > div > div.popular-video-container.history-list > div > ul > div > div > div.video-card__info > p,
#app > div > div.popular-video-container.weekly-list > div > div > div> div.video-card__info > p,
#app > div > div.popular-video-container.popular-list > div > ul > div > div.video-card__info > p
{
    color: white ;
}
#app > div > div.popular-video-container.weekly-list > div > div > div > div.video-card__info > div > span.weekly-hint,
.video-card .weekly-hint{
    background: #0000004a;
}
.video-card .history-hint{
    background: #0000004a !important;
}

/* 全站音乐榜 */
.pcPopular ._card_1kuml_6{
    background: #25272a;
}

#app > div.rank > div._pcRankList_fd4k4_5 > div > a > div.info > div.title,
._card_1kuml_6 .musicInfo .info .top .titleNoComment{
    color: #f5f5f5;
}
#app > div.rank > div._pcRankList_fd4k4_5 > div > a > div.info > div.title:hover{
    color: #00aeec;
}





}

@-moz-document url-prefix("https://space.bilibili.com/") {
/* 用户空间 https://space.bilibili.com/ */

/* ======通用部分 begin,以后就在这里改吧 2022/4/19 */
.n .n-data .n-data-v,
.user-info .user-info-title .info-title[data-v-6ac4a2bc],
.bili-dyn-title__text,
#page-dynamic > div.col-1 > div > div.bili-dyn-list__items > div > div > div > div.bili-dyn-item__body > div > div > div.bili-dyn-content__orig__desc > div > div,
.sub-tabs a,
#page-setting .setting-index-module,
#page-setting .setting-privacy-item .setting-privacy-name
{
    color: #bbbbbb;
}

.mini-item,
#nav_searchform > input,
.sub-tabs span,
.section-title,
.suggest-wrap .trending-item .rank.search-rank-top[data-v-87de088c], 
#internationalHeader > div > div > div.nav-link > ul > li  a
{
    color: white;    
}
#page-fav .fav-main .small-item{
    border: none;
}
#page-fav .fav-sidenav .nav-container
{
    border-bottom: 1px solid #383838;
}

/* ======通用部分 end */



.bili-dyn-content__orig.reference,
#page-index #i-ann-content textarea,
#internationalHeader > div > div,
#page-dynamic > div.col-1 > div > div > div > div
{
  background: #25272a;  
}

/* 左侧导航 */
#fav-createdList-container > div.nav-title.nav-add > span.text,
#page-fav .fav-sidenav .text
{
    color: white;
}
#page-fav .fav-sidenav .text:hover{
    color: #00a1d6;

}

/* 右侧导航 */
.mini-type .nav-user-center .user-con .item .name{
    color: white;
}
/* 主页、动态、投稿、合集和列表... */
.n .n-inner{
    background: #25272a;
    box-shadow: 0 0 0 1px #484747;
}
.n .n-num, .n .n-text{
    color: white;
    box-shadow: none;
}
.section,
.section-title .play-all-channel,
.section .more
{
    border-bottom: 1px solid #484747;    
}
/* TA的视频 */
.section-title .t,
.be-tab-item span
{
    color: white;
}
#page-index .col-1{
    background: #25272a;
    border: none;
}
.section-title .play-all-channel,
.section .more{
    border: 1px solid #484747
}
/* 视频标题 */
.small-item .title{
    color: white;
}
.large-item .desc,
.large-item .title,
#page-index > div.col-2 > div.section.user-info > p > span,
#page-index > div.col-2 > div > h3{
    color: white;
}
.wrapper{
    background: #25272a;
}

#page-index .col-2 .section{
    background: #25272a;
    border: 1px solid #484747 !important
}
#page-index .col-2 .section-title,
.user-info .user-info-title[data-v-51751e2c]
{
    border-bottom: 1px solid #484747;
}
.i-live .i-live-fo span,
.i-m-r2,
.user-info .user-info-title .change-info-btn[data-v-51751e2c]
{
    border: 1px solid #484747;
}
#page-index > div.col-2 > div.section.i-live > h3{
    color: #cfcfcf
}
/* 收藏夹 */
#page-index .fav-covers{
    border: none;
}
/* .card, */
.card-content .repost[data-v-3086e751], .card-content .not-support[data-v-3086e751], .card-content .deleted[data-v-3086e751],
#page-dynamic .col-2 .section
{
    background: #25272a !important;
}


/* --------------------------------------- */

#page-dynamic > div.col-1 > div > div > div > div,
#page-dynamic .col-2 .section,
.g-search input,
.contribution-sidenav,
#submit-video-list > ul.be-pager>li
{
    border: 1px solid #484747 !important;
}

html,
.contribution-sidenav~.main-content,
.col-full,
.contribution-sidenav .contribution-item:hover,
#page-video #submit-video-type-filter,
.g-search input,
#submit-video-list > ul.be-pager>li,
.space_input,
.suggest-wrap[data-v-87de088c],
.international-header .mini-type .nav-search #nav_searchform, .van-popover .mini-type .nav-search #nav_searchform
{
    background: #25272a;
    
}
.contribution-sidenav .contribution-item,
#page-dynamic > div.col-1 > div > div > div:nth-child(1) > div,
#page-dynamic .col-2 .section,
.g-search input,
.contribution-sidenav~.main-content,
#submit-video-list > ul.be-pager>li a,
.space_input,
.suggest-wrap[data-v-87de088c],
.card .main-content .user-name a[data-v-2dbadba2],
#page-series-index > div > div > div.breadcrumb > p,
#page-video > div > div.main-content > div.row.page-head.clearfix > div.page-head__left > p,
#page-index > div.col-1 > div.section.i-pin-v > h3,
#page-index > div.col-1 > div.section.channel.series.guest > div > div > div.channel-title > div.channel-name,
#page-index > div.col-2 > div:nth-child(2) > div > div.row.user-auth > span
{
    color:white;
}

.col-full{
    box-shadow: 0 0 0 1px #484747;
}

.contribution-sidenav~.main-content{
    border-left: 1px solid #484747;
}


/* 搜索框内的样式 */
.suggest-wrap .histories .history-item[data-v-87de088c],
.suggest-wrap .trending-item[data-v-87de088c]:hover,
.bili-header-m .nav-search .nav-search-btn, .international-header .nav-search .nav-search-btn
{
    background: #333639e3;
}
.suggest-wrap[data-v-87de088c],
.international-header .mini-type .nav-search #nav_searchform, .van-popover .mini-type .nav-search #nav_searchform
{
     border: 1px solid #484747;
}

/* 我的关注 */
#page-index .fav-item .name,
#page-follows > div > div.follow-main > div.follow-header.follow-header-info > div > p,
#page-follows > div > div.follow-main > div.follow-header.follow-header-info > div > div > label > div > input,
#page-follows .follow-tabs span,
#page-follows .follow-sidenav .text,
#page-follows .list-item .title{
    color: white;
}


#page-follows > div > div.follow-main > div.follow-header.follow-header-info > div > div > label > div > input,
#page-follows .follow-sidenav .follow-list-container .follow-item:hover,
#page-follows > div > div.follow-sidenav > div.nav-container.follow-container > div.be-scrollbar.follow-list-container.ps > ul > li.follow-item:hover{
    background: #333639e3;
}
#app.visitor,
#app.owner{
    background:#25272a;
}

.fans-action-follow{
    background: #000000;
}
#page-follows .follow-sidenav,
#page-follows .follow-sidenav .nav-container.follow-container,
.list-item,
#page-follows .follow-main .follow-header.follow-header-info{
        border-bottom: 1px solid #484747;
}
#page-follows .follow-main{
    border-left: 1px solid #484747;
}
.follow-dialog-wrap .follow-dialog-window .content .group-list li{
    color: #f7f7f7;
}
.i-pin-v .be-tab{
    border-bottom: 1px solid #eeeeee3b;

}
.list-create{
    background: none;
    border: 2px dashed #eeeeee3b;
}
}

@-moz-document url-prefix("https://t.bilibili.com") {
/* 动态 https://t.bilibili.com */

/* 动态 */
.bili-dyn-banner,
.bili-dyn-content__orig.reference,
.bili-dyn-item, .bili-dyn-item div,
.bili-dyn-list-tabs__list,
.bili-dyn-up-list,
.bili-rich-textarea__inner,
.topic-panel,
.bili-dyn-publishing,
.bili-dyn-my-info__content,
.bili-dyn-live-users
{
    background: #25272a   
}

.bili-dyn-card-live__title,
.bili-dyn-banner__title,
.bb-comment .comment-list .list-item .text, .comment-bilibili-fold .comment-list .list-item .text,
.bb-comment .comment-list .list-item .reply-box .reply-item, .comment-bilibili-fold .comment-list .list-item .reply-box .reply-item,
.bili-rich-text__content,
.bili-dyn-title__text,
.bili-dyn-card-video .bili-dyn-card-video__title,
.bili-rich-textarea__inner,
.bili-dyn-my-info__name,
.bili-dyn-my-info__stat__item, .bili-dyn-my-info__stats > a > div,
.bili-dyn-live-users__item__uname,
.bili-dyn-live-users__title,
.topic-panel__nav-title,
.relevant-topic__title,
#app > div > div.home-page.f-clear > div.home-container > div > div.left-panel > div.adaptive-scroll.set-index > div.scroll-content > div > div.more-button.c-pointer > a
{
    color: #c9ccd0;
}
.bili-dyn-up-list__item__name{
    color: #fffffff5;
}

}

@-moz-document url-prefix("https://www.bilibili.com/account/history") {
/* 历史记录 https://www.bilibili.com/account/history*/
#app{
    background: #25272a;
}

.history-list .r-info{
    background: none;
}

.history-list .r-info .r-txt a,
.history-wrap .b-head .b-head-t
{
    color: #f1f1f1;
}


.b-head-search .b-head-search_input
{
    background: #25272a;
}

.b-head-search .b-head-search_input
{
    color: white;
}

/* 小的描述字体 */
.history-list .r-info .w-info .name,
.history-list .r-info .w-info .username
{
    color: #99a2aa;
}

/* 边框线 */
.history-list .r-info .r-txt
{
    border-bottom: 1px solid #3f3f3f;
}

}

@-moz-document url-prefix("https://message.bilibili.com") {
/* 消息中心 https://message.bilibili.com */
#internationalHeader > div > div {
    background...

Reviews

No reviews yet.