bili 暗黑模式 by qydysky

/* ==UserStyle==
@name         bili 暗黑模式
@version      20241103.18.36
@namespace    https://userstyles.world/user/qydysky
@description  bili 暗黑模式
@author       qydysky
@license      MIT
==/UserStyle== */

@-moz-document url-prefix("https://www.bilibili.com/video/"), url-prefix("https://www.bilibili.com"), url-prefix("https://space.bilibili.com/"), url-prefix("https://t.bilibili.com/"), url-prefix("https://search.bilibili.com") {
html
{
    background-color: var(--bg1);
}

.adcard,
.adcard-content
{
    display: none;
}

.article-container__content
{
    border-bottom: 1px solid var(--bb);
}

.read-article-holder .article-card-holder,
.article-up-info .nameplate-ctnr
{
    border: 1px solid var(--bb) !important;    
}

.right-side-bar .catalog-panel .catalog-item:hover
{
    background-color: var(--bg2) !important;
}

.comment-wrapper .comment-m,
.right-side-bar .side-toolbar,
.right-side-bar .catalog,
.right-side-bar .catalog::after,
.right-side-bar.on .to-top,
.right-side-bar .catalog-panel,
.card-image,
.img-box,
.v-f.article-pic,
.right-side-bar .to-top,
.article-up-info .nameplate-ctnr
{
    background-color: var(--bg1) !important;
}

.card-image,
.img-box,
.v-f.article-pic,
.bili-avatar
{
    opacity:0.5;
}

.fixed-top-header .inner > p,
.article-container .title-container .title,
.normal-article-holder,
.article-up-info .up-name,
.normal-article-holder figcaption,
.normal-article-holder h1,
.read-article-holder .article-card-holder .article-card-wrap .title,
.right-side-bar .catalog-panel,
.right-side-bar .catalog-panel .catalog-item,
.right-side-bar .catalog-panel__info,
.right-side-bar .catalog-panel__title,
.article-up-info .nameplate-ctnr .info,
.right-side-bar .catalog,
.right-side-bar .side-toolbar .toolbar-item .iconfont,
.right-side-bar .side-toolbar .toolbar-item,
.right-side-bar .to-top .iconfont
{
    color: var(--text1) !important;
}

.fixed-top-header,
.article-container,
.article-up-info
{
    background-color: var(--bg1) !important;
}

.large-item .cover img
{
    box-shadow: 0 0 0 1px #4d4d4d;
}

#page-index .fav-covers
{
    border: 1px solid #717171;
}

.i-m-r2
{
    border: 1px solid #717171;
}

#page-index .col-2 .section:last-child,
.i-pin-v .be-tab
{
    border-bottom: 1px solid var(--bb);
}

.list-create,
.be-textarea_inner
{
    background-color: var(--bg1);
}

.large-item .title,
#page-index .col-2 .section .user-auth.no-auth .no-auth-title .goto-auth,
.n .n-data .n-data-v,
.bili-dyn-tag,
.breadcrumb .item.cur,
#page-collection-detail .channel-detail .content .breadcrumb .item
{
    color: var(--text1);
}

#id-card {
    color: var(--text1);
    background-color: var(--bg1);
}

.section-title .play-all-channel,
.section .more,
.i-live .i-live-fo-count {
    border: 1px solid #717171;
}

.user-info-title,
#page-index .col-2 .section-title {
    border-bottom: 1px solid #484848 !important;
}

.elec-status {
    filter: invert(90%);
    background-color: #c8c8c8;
}

.video-card__content {
    background: unset !important;
}

.video-episode-card__info,
.video-section-list {
    height: 100% !important;
}

.video-episode-card {
    height: unset !important;
}

.video-episode-card__info-title {
    overflow: unset !important;
    text-wrap: wrap !important;
    max-height: unset !important;
    width: 80% !important;
    margin: 7px 0 !important;
}

.video-sections-content-list {
    max-height: 50vh !important;
    height: unset !important;
}

.ad-report,
#slide_ad,
#danmukuBox,
#activity_vote {
    display: none !important;
}

.basic-desc-info {
    @media (min-width: 1681px) {
        max-height: 80px !important;
    }
    max-height: 120px !important;
}

.bili-header__banner,img,video,.bpx-player-ending-related-item-img,
.h
{
    opacity: 0.7;    
}

.bg
{
    opacity: 0.2;    
}

.bili-avatar,
#app,
.n-inner.clearfix,
.col-full.clearfix.master,
.small-item .cover,
.b-img__inner
{
    box-shadow: 0 0 0 1px var(--bg2);
    background-color: var(--bg1);
    color: var(--text1);
}


#page-fav .fav-sidenav,
#page-fav .fav-sidenav .nav-title .text,
.b-img
{
    background-color: var(--bg1);
    color: var(--text1);
}

#page-fav .fav-sidenav .fav-item:hover,
#page-fav .fav-sidenav .icon-cursor,
#page-fav .fav-main .filter-item,
.bili-dyn-card-goods .bili-dyn-card-goods__wrap,
.reference .bili-dyn-card-goods__wrap,
#page-video #submit-video-type-filter
{
    background-color: var(--bg1);
    color: var(--text1);
}


.be-dropdown-menu
{
    border: 1px solid var(--bg2);
}

.be-dropdown-item.be-dropdown-item-delimiter
{
    border-bottom: 1px solid var(--bg2);
}

.favInfo-box .favInfo-details .fav-options .fav-play,
#page-fav .fav-sidenav .fav-item.cur,
#page-fav .fav-sidenav .fav-item.cur:hover .icon-cursor,
.contribution-sidenav .contribution-item:hover
{
    background: #194553;
    color: var(--text1);
}

.be-dropdown-item,
.be-dropdown-item:hover,
.be-dropdown-menu
{
    background-color: var(--bg1);
    color: var(--text1);
}

.space_input,
.g-search input,
.be-pager-item,
.be-pager-next,
.be-pager-prev
{
    border: 1px solid var(--bg2);
    background-color: var(--bg1);
}

.be-pager-next,
.be-pager-item,
.search-input.search-container
{
    background-color: var(--bg1);
}

#page-fav .fav-main .filter-item.search,
.section .operation,
#page-index .channel .section-right-options .play-all-channel,
#page-dynamic .bili-dyn-item,
.contribution-sidenav ~ .main-content
{
    border: 1px solid var(--bg2);
}

#page-fav .fav-main .search-types
{
    border-right: 1px solid var(--bg2);
}

#page-fav .fav-sidenav .nav-container,
#page-fav .fav-main .favList-info
{
      border-bottom: 1px solid var(--bb);
}

#page-fav .fav-sidenav .playlist-group, 
#page-fav .fav-sidenav .watch-later
{
    border-top: 1px solid var(--bb);
}

#page-fav .fav-sidenav
{
    border-right: unset;
    margin-right: -2px;
}

#page-fav .fav-main {
    border-left: 1px solid var(--bb);
}

#page-fav .fav-main .small-item
{
    border: unset;
}

#app .bgc
{
    background-color: var(--bg1);
}

#page-index .col-1,
#page-index .col-2 .section,
.section .count,
#page-dynamic .col-2 .section,
.col-full,
.contribution-sidenav
{
    border: 1px solid var(--bg2);
    background-color: var(--bg1);
    color: var(--text1);
    box-shadow: 0 0 0 1px var(--bg1);
}

.section .count::before
{
    background-image: unset;
}

#page-index .channel.guest .channel-item .channel-title .channel-name,
.section-title,
#page-index .col-2 .section .user-auth .auth-description,
.user-info .user-info-title .info-title,
#page-video .page-head__left .video-title
{
    color: var(--text1) !important;
}

.section,
#page-index .channel .channel-item
{
      border-bottom: 1px solid var(--bb);
}

.bili-dyn-publishing__title__input {
  background-color: transparent;
  color: white;
}

.history-list .r-info {
  background: #161515;
}
.history-list .r-info .title {
  color: var(--text1);
}
.history-list .r-info .r-txt {
  border-bottom: 1px solid #373737;
}
.b-head-search  {
  border: 1px solid #2f2f2f !important;
}
.b-head-search .b-head-search_input {
  background-color: transparent;
}
.go-top-m .go-top {
  background-color: #2d2d2d !important;
  border: 1px solid var(--bb) !important;
}
.history-list .l-info {
  border-right: 1px solid #3e3e3e;
}
.history-list .r-info .w-info .name {
  border-left: 1px solid #3c3c3c;
}
.history-wrap .b-head .b-head-t {
  color: var(--text1);
}
.lazy-img {
  background: none;
}
.video-argue .video-argue-inner.strong {
  color: #ff5f58 !important;
  background-color: #000 !important;
}
:root{
    --bb: #333;
    --Ga1:#000;
    --bg2_float:#000;
    --graph_bg_thin_rgb: #000;
    --graph_bg_regular:#161515;
    --bpx-dmsend-input-bg: #161515;
    --bg3:#161515;
    --brand_blue:#363636;
    --bg2:#000;
    --bg1:#161515;
    --bg1_float: #161515;
    --graph_bg_thin: #161515;
    --line_regular: #3c3c3c;
    --graph_bg_thick: #3c3c3c;
    --line_light: #3c3c3c;
    --graph_weak: black;
    --text1: #adadad;
    --text2: #adadad;
}
}