bili 暗黑模式 by qydysky

/* ==UserStyle==
@name         bili 暗黑模式
@version      20240907.05.56
@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);
}

.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,
.n .n-data .n-data-v,
.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 #333;
}

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

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

#page-fav .fav-main {
    border-left: 1px solid #333;
}

#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 #333;
}

.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 #333 !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{
    --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;
}
}