Greasy Fork is available in English.
熬夜必备 呵护眼睛 沉浸体验 优化布局 适用于网页端 深色/夜间/黑色/暗色模式
目前为
// ==UserScript==
// @name 哔哩哔哩深色模式-BilibiliDarkMode
// @namespace https://github.com/ChenZihan-sudo/BilibiliDarkMode
// @version 0.2.2
// @description 熬夜必备 呵护眼睛 沉浸体验 优化布局 适用于网页端 深色/夜间/黑色/暗色模式
// @author ChenZihan
// @match https://www.bilibili.com/*
// @match https://*.bilibili.com/*
// @grant none
// @license MIT
// ==/UserScript==
(function() {
var domBody = document.body.style;
domBody.backgroundColor = "#161819"
//document.getElementById("app").style.backgroundColor = "#161819"
var path = location.pathname
let css = "";
css += `
/* fix */
.player-auxiliary {
background-color: transparent;
}
/* fix */
.bpx-docker-minor {
background-color: #222!important;
border-radius: 10px;
}
.bpx-player-auxiliary .bpx-player-filter {
background: #222!important;
border-radius: 10px 10px;
}
span.bui-dropdown-name {
color: #e7e7e7e8!important;
}
.bpx-player-sending-bar {
background: #212121!important;
}
.bpx-player-video-info,
.bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-input {
color: #e1e1e1e0!important;
}
.bpx-player-sending-bar .bpx-player-dm-root .bpx-player-dm-setting,
g#watch-together-icon-1,
span.bpx-common-svg-icon {
fill: #ffffffad!important;
}
.bpx-player-sending-bar .bpx-player-video-inputbar,
.bpx-player-sending-bar .bpx-player-video-inputbar-wrap {
background: #505050!important;
}
.bpx-player-sending-bar .bpx-player-video-inputbar-wrap {
border: 1px solid #505050!important;
}
input::-webkit-input-placeholder,
.bpx-player-sending-bar .bpx-player-video-inputbar .bpx-player-dm-hint a>span {
color: #bcbcbce0!important;
}
.bui svg {
fill: #585858!important;
}
.bpx-player-container {
box-shadow: 0 0 8px #040404!important;
}
.ep-list-wrapper .ep-item a,
.section-ep-wrapper .ep-item a {
color: #e1e1e1!important;
}
.main-container .pre-mask,
.player-module .player-tool-bar,
.main-container .media-info .media-cover,
.bpx-docker-minor {
background-color: #222!important;
}
textarea.ipt-txt {
color: #e1e1e1!important;
}
.bpx-player-auxiliary .bpx-player-filter {
border-radius: 10px 0 0 10px!important;
}
/* ———————————————————————————————— */
/* 动态发布-表情 */
/* 窗口外观 */
.static-popup[data-v-00b4b4ea] {
border: 0px;
border-radius: 10px;
background-color: #2B2B2B;
-webkit-box-shadow: 0 3px 5px 0 rgb(0 0 0 / 30%);
box-shadow: 0 3px 5px 0 rgb(0 0 0 / 30%);
}
/* 标题-表情 */
.title[data-v-00b4b4ea] {
padding: 15px;
font-size: 14px;
color: #e1e1e1;
text-align: left;
}
/* emoji背景透明 */
.emoji[data-v-60ae9c4d] {
background-color: transparent;
}
/* 选中表情 */
.emoji[data-v-60ae9c4d]:hover {
background-color: #403b3b;
}
/* 颜文字适配 */
.dp-i-block[data-v-60ae9c4d] {
display: inline-block;
color: #e1e1e1;
}
/* 底部表情选择 */
.pagination[data-v-97c4281e] {
position: relative;
width: 100%;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
background-color: #222;
}
.emoji-cover.selected[data-v-97c4281e] {
background-color: #403b3b;
}
/* 翻页 */
.page-controller .prev[data-v-97c4281e]:hover,
.page-controller .next[data-v-97c4281e]:hover {
background-color: #403b3b;
color: #e1e1e1;
}
.page-controller .prev[data-v-97c4281e],
.page-controller .next[data-v-97c4281e] {
color: #e1e1e1;
}
.page-controller .prev.disabled[data-v-97c4281e],
.page-controller .next.disabled[data-v-97c4281e] {
color: #8E8E8E!important;
}
/* ———————————————————————————————— */
.international-header .mini-type,
.van-popover .mini-type {
background: #5457585c!important;
box-shadow: 0px 4px 4px 0 rgb(0 0 0 / 15%)!important;
}
.mini-type .nav-user-center .user-con .item .name {
color: #e1e1e1!important;
}
/* 导航栏 游戏中心 */
.box {
background: #222;
}
.brief span {
color: #e2e2e2;
}
.all a {
color: #ccc;
}
.all a:hover {
color: #00a1d6;
background-color: #403b3b;
}
.brief a:hover {
background-color: #403b3b;
}
/* 导航栏 直播 */
.live-box[data-v-5e2bd0c0] {
background: #222;
border-radius: 20px;
}
.room-list .list-item .uname[data-v-5e2bd0c0] {
color: #e2e2e2;
}
.act-list .list-item[data-v-5e2bd0c0]:hover {
background: #403b3b;
}
/* 导航栏 漫画 */
.app-layout[data-v-0b4aa428] {
background-color: #222;
}
.recommendation-list .list-item .item-title[data-v-7149acfe] {
color: #e2e2e2;
}
.popularity-list .list-title[data-v-499a5b95] {
color: #eee;
}
.popularity-list .item-list .list-item[data-v-499a5b95] {
color: #eee;
}
.popularity-list .item-list .list-item[data-v-499a5b95]:hover,
.recommendation-list .list-item[data-v-7149acfe]:before {
background-color: #403b3b;
}
/* 导航栏 三角 */
.van-popper[x-placement^=bottom] .popper__arrow:after {
border-bottom-color: #222!important;
}
.van-popper[x-placement^=bottom] .popper__arrow {
border-bottom-color: #222!important;
}
/* 导航栏 用户信息框 */
.van-popper-avatar .vip[data-v-5314bca5] {
color: #222!important;
}
.van-popper-avatar .level-info .grade[data-v-5314bca5] {
color: #e1e1e1!important;
}
.van-popper-avatar .level-info .progress[data-v-5314bca5] {
color: #e1e1e1!important;
}
.international-header a,
.van-popover a {
color: #e1e1e1!important;
}
.van-popper-avatar .coins .contact .contact-tips[data-v-5314bca5] {
border: 0px!important;
background-color: #141414!important;
color: #e1e1e1!important;
border-radius: 10px!important;
}
.van-popper-avatar .coins .contact .email-tips[data-v-5314bca5]:after,
.van-popper-avatar .coins .contact .phone-tips[data-v-5314bca5]:after {
background: #222!important;
}
.van-popper-avatar .count-item .item-key[data-v-5314bca5] {
color: #e1e1e1!important;
}
.van-popper-avatar .count-item .item-value[data-v-5314bca5] {
color: #e1e1e1!important;
}
.van-popper-avatar .links .link-title[data-v-5314bca5] {
color: #e1e1e1!important;
}
.van-popper-avatar .link-icon[data-v-5314bca5] {
color: #939393!important;
}
.lang-change .lang-title {
color: #e1e1e1!important;
}
.lang-change .lang-icon {
color: #939393!important;
}
.lang-change .lang-icon-more {
color: #939393!important;
}
.van-popper-avatar .logout span[data-v-5314bca5] {
color: #e1e1e1!important;
}
.van-popper-avatar .links .link-item[data-v-5314bca5]:hover {
background: #3b3e40!important;
}
.lang-change .lang-intro {
background: #222!important;
color: #e1e1e1!important;
}
.van-popper-avatar .logout span[data-v-5314bca5]:hover {
color: #e1e1e1!important;
background: #3b3e40!important;
}
.van-popper-avatar .vp-container[data-v-5314bca5] {
background: #222!important;
border-radius: 10px!important;
box-shadow: 0 3px 6px 0 rgb(0 0 0 / 75%)!important;
}
.lang-change .lang-item:hover {
background: #3b3e40!important;
}
.lang-change .lang-intro-item:hover {
background: #3b3e40!important;
}
.van-popper-avatar .level-intro[data-v-5314bca5] {
background: #222!important;
color: #e1e1e1!important;
box-shadow: 0 3px 6px 0 rgb(0 0 0 / 75%)!important;
border-radius: 10px!important;
}
.van-popover.van-popper.van-popper-avatar {
border-radius: 12px!important;
}
.international-header a:hover,
.van-popover a:hover {
color: #00A1D6!important;
}
.van-popper-avatar .count-item:hover .item-key[data-v-5314bca5],
.van-popper-avatar .count-item:hover .item-value[data-v-5314bca5] {
color: #00A1D6!important;
transition: color 0.3s;
}
/* --------------- */
.van-popover {
background: #222!important;
border-radius: 15px!important;
color: #e1e1e1!important;
}
/* -------------- */
/* 导航栏 大会员 */
.follow-dialog-wrap .follow-dialog-window {
background: #222!important;
border-radius: 15px!important;
box-shadow: rgb(0 0 0 / 50%) 0px 3px 6px !important;
}
.vip-m .bubble-traditional .recommand .title {
color: #fffffff0!important;
}
.vip-m .bubble-traditional .recommand .bubble-col .item .recommand-link {
color: #fffffff0!important;
}
/* 导航栏 消息 */
.im-list-box {
color: #e5e9eff2!important;
background: #222!important;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}
.i-frame iframe[data-v-01c9e08c] {
background: #fff0!important;
border-bottom-left-radius: 15px!important;
border-bottom-right-radius: 15px!important;
-webkit-box-shadow: 0 3px 6px 0 #000!important;
box-shadow: 0 3px 6px 0 #000!important;
}
.i-frame[data-v-01c9e08c]::before {
background-color: #222!important;
-webkit-box-shadow: 0px 1px 0px #222!important;
box-shadow: 0px 1px 0px #222!important;
}
.im-list:hover {
color: #e1e1e1 !important;
background-color: #3b3e40 !important;
}
/* 导航栏 动态 */
.i-frame[data-v-400d5653]::before {
background-color: #222!important;
}
.out-container[data-v-e99755ec] {
background-color: #222;
box-shadow: 1px 6px 6px 0 rgb(0 0 0 / 50%);
border-radius: 15px;
}
.content[data-v-2cacd430] {
color: #e1e1e1;
}
.list-item[data-v-2cacd430]:hover {
background-color: #3b3e40;
}
.more-btn[data-v-0de37f37]:hover {
background-color: #505050;
}
.more-btn[data-v-0de37f37] {
border-radius: 15px;
color: #e1e1e1;
background-color: #3b3b3b;
}
.split-line .history-tip[data-v-77141e7e] {
background: #222;
color: #e1e1e1;
}
.split-line .history-tip[data-v-213951fc] {
background: #222;
color: #e1e1e1;
}
.name-line[data-v-2cacd430] {
font-size: 3.14136vw;
color: #e7e7e7;
}
/* 导航栏 收藏 */
.van-popper-favorite .tab-item .title[data-v-64b63b5f] {
color: #fffffff0!important;
}
.header-video-card[data-v-37582e0a]:hover {
background-color: #f4f4f433!important;
}
.van-popper-favorite .tab-item--normal[data-v-e8d85714] {
color: #e1e1e1!important;
}
.van-popper-favorite .tab-item--normal[data-v-e8d85714]:hover {
background-color: #f4f4f433!important;
}
.header-video-card .video-info .line-2[data-v-37582e0a] {
color: #e1e1e1!important;
}
.van-popper-favorite .play-all[data-v-e8d85714] {
background-color: transparent!important;
}
.van-popper-favorite .play-all.view[data-v-e8d85714] {
border-right: 1px solid #e7e7e780!important;
}
.van-popper-favorite .play-all[data-v-e8d85714]:hover {
background-color: #f4f4f433!important;
}
/* 导航栏 历史 */
.header-video-card .video-info .line-1[data-v-37582e0a] {
color: #e7e7e7!important;
}
.header-video-card .video-info .desc[data-v-37582e0a] {
color: #e7e7e7!important;
}
/* 导航栏 投稿 */
.bilifont[data-v-0fdc0c18] {
color: #e1e1e1!important;
}
/* 导航栏-首页频道导航 */
.channel-menu-mini {
border-radius: 15px!important;
background: #222!important;
box-shadow: 1px 3px 5px rgb(0 0 0 / 50%)!important;
}
.channel-menu-mini .box a:hover {
color: #e1e1e1!important;
background: #f4f4f41a!important;
}
/* 导航栏 APP下载 */
.popover-app-download {
padding: 0!important;
background: url(//s1.hdslb.com/bfs/seed/jinkela/header-v2/images/app-download.png)!important;
background-size: cover!important;
background-position-y: -3px!important;
opacity: 0.90;
}
/* 搜索栏 */
.bili-header-m .nav-search #nav_searchform,
.international-header .nav-search #nav_searchform {
border-radius: 20px;
background-color: #505050;
}
.bili-header-m .nav-search .nav-search-keyword,
.international-header .nav-search .nav-search-keyword {
color: #ffffffcc!important;
}
.bili-header-m .nav-search .nav-search-btn,
.international-header .nav-search .nav-search-btn {
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.bili-header-m .nav-search .nav-search-btn,
.international-header .nav-search .nav-search-btn {
background: #737373;
}
.bili-header-m .nav-search .nav-search-submit,
.international-header .nav-search .nav-search-submit {
color: #c3c3c3;
}
input::placeholder {
color: #ababab;
}
/* 搜索栏 搜索历史*/
.bilibili-search-history .history-item a,
.bilibili-search-suggest .suggest-item a {
color: #e1e1e1;
}
.bilibili-search-history,
.bilibili-search-suggest {
border: 0px;
background: #222;
border-radius: 10px;
box-shadow: 0 2px 4px rgb(0 0 0 / 45%);
}
.bilibili-search-history .history-item.focus,
.bilibili-search-history .history-item:hover,
.bilibili-search-suggest .suggest-item.focus,
.bilibili-search-suggest .suggest-item:hover {
background-color: #70727d22;
}
.bilibili-search-history .history-item a:hover,
.bilibili-search-suggest .suggest-item a:hover {
color: #e1e1e1;
}
/* 订阅及频道-黑色模式
https://www.bilibili.com/v/channel
引入导航栏 和 底部
*/
/* 背景颜色 */
.category-container[data-v-17c2df7b],
.detail-page-container[data-v-748372c9],
.main-container[data-v-748372c9],
.discovery-container[data-v-74951002],
.play-selector__item[data-v-77de7349],
.year-selector__item[data-v-cfdccf38],
.category-container[data-v-17c2df7b] {
background: #161819;
}
.channel-sidebar[data-v-0177db62],
.discovery-panel__toggle[data-v-1dbd110a],
.subscribe-panel[data-v-575ebe9e],
.card--light[data-v-fde23d48] {
background: #222;
border-right: 0px;
}
/* 标题文字 */
.discovery-panel__title[data-v-1dbd110a],
.discovery-panel .content-item__name[data-v-1dbd110a],
.subscribe-panel__title .text[data-v-575ebe9e],
.subscribe-panel .subscribe-item .name[data-v-575ebe9e],
.video-card .video-name[data-v-6694beea],
.rank-card-panel .header .title[data-v-1669476f],
.type-header .header-info .title[data-v-4044b066],
.channel-list-preview .header-info .title[data-v-72236eb8],
.category-container .inner-container__header .title[data-v-17c2df7b],
.channel-list-preview .header-info .title[data-v-72236eb8],
.type-header .header-info .title[data-v-748372c9],
.mini-channel-card .count[data-v-fde23d48],
.mini-channel-card .name[data-v-fde23d48] {
color: #e1e1e1;
}
/* 副标题文字 */
.discovery-panel__toggle[data-v-1dbd110a],
.video-card .up-name[data-v-6694beea],
.discovery-panel .content-item__count[data-v-1dbd110a],
.subscribe-panel__title .btn[data-v-575ebe9e],
.subscribe-panel__title .count[data-v-575ebe9e],
.rank-card-panel .header .desc[data-v-1669476f],
.play-selector__item[data-v-77de7349],
.year-selector__item[data-v-cfdccf38] {
color: #bcbcbc;
}
/* 按钮保持 */
.discovery-panel__title--active[data-v-1dbd110a],
.subscribe-panel .subscribe-item--active[data-v-575ebe9e] .discovery-panel__title[data-v-1dbd110a]:hover,
.subscribe-panel .subscribe-item--active[data-v-575ebe9e] .discovery-panel .content-item[data-v-1dbd110a]:hover,
.subscribe-panel .subscribe-item[data-v-575ebe9e]:hover,
.discovery-panel__title[data-v-1dbd110a]:hover,
.discovery-panel .content-item--active[data-v-1dbd110a],
.discovery-panel .content-item[data-v-1dbd110a]:hover,
.subscribe-panel .subscribe-item--active[data-v-575ebe9e] {
background: #3b3b3b;
}
/* 返回顶部 */
.back-top-btn {
background: #3b3b3b!important;
border: 1px solid #3b3b3b!important;
border-radius: 5px!important;
}
/* —————————————————————————————————— */
/* 左频道、订阅 */
/* 搜索 */
.sidebar-search-bar .inner-input[data-v-0693a90d] {
color: #e1e1e1;
background: #222;
}
/* 展开 */
.discovery-panel__toggle[data-v-1dbd110a] {
border-top: 1px solid;
}
/* 边框修改 */
.discovery-panel[data-v-1dbd110a] {
border-bottom: 1px solid #bcbcbc;
}
/* —————————————————————————————————— */
/* 订阅 */
/* 订阅展示降低亮度 */
.detail-banner[data-v-c5ca1424] {
opacity: 0.85;
}
/* 精选 综合 */
.van-tabs-wrap .van-tabs-tab {
color: #bcbcbc!important;
}
/* 展开、收起 */
.rank-card-panel .toggle>span[data-v-1669476f] {
background: #161819;
border-radius: 10px;
box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 30%);
}
/* —————————————————————————————————— */
/* 发现频道 */
.card--light[data-v-fde23d48] {
border-radius: 10px;
}
/* —————————————————————————————————— */
/* 频道 */
/* 已订阅样式 */
.gray-btn[data-v-72236eb8] {
background: #bcbcbc;
color: #7d7d7d;
border: 0px;
}
/* 修改背景 */
.fixed-bg[data-v-9197f874] {
background: #161819;
}
/* 窗口外观 */
.user-panel[data-v-7c810412],
.live-panel[data-v-621fee91],
.tab-bar[data-v-58304b2a],
.most-viewed-panel[data-v-7d62e686],
.home-page .home-container .home-content .center-panel .section-block[data-v-9197f874],
.notice-panel[data-v-5458153c],
.new-topic-panel[data-v-367b7f8d],
.card[data-v-b5713636] {
background: #222;
border-radius: 10px;
box-shadow: 0px 4px 6px 0px rgb(0 0 0 / 50%);
}
/* 用户信息 */
.user-panel .content .bottom .number-part .numbers[data-v-7c810412] {
color: #e1e1e1;
}
/* 标题 */
.tc-black {
color: #e7e7e7;
}
/* 直播窗口栏 */
.live-panel-item .live-detail .up-name[data-v-139ef948] {
color: #e1e1e1;
}
.live-panel-item .live-detail .live-name[data-v-139ef948] {
color: #bcbcbc;
}
/* 用户窗口栏 */
.most-viewed-panel .list-content .most-viewed-item .name[data-v-7d62e686] {
color: #e1e1e1;
}
/* 动态发布窗口 */
.publish-panel[data-v-4531f45f] {
background-color: #222;
}
.indicator[data-v-d0fcfa2c] {
color: #8E8E8E;
}
.core-style[data-v-655ff91e] {
color: #e1e1e1;
background-color: #222;
}
/* 窗口外观 */
.static-popup[data-v-268b12ee],
.bili-at-popup,
.hash-popup[data-v-9f192432],
.create-vote[data-v-4b97839a] {
border: 0px;
border-radius: 10px;
background-color: #2B2B2B;
-webkit-box-shadow: 0 3px 5px 0 rgb(0 0 0 / 30%);
box-shadow: 0 3px 5px 0 rgb(0 0 0 / 30%);
}
/* 动态发布窗口-图片上传 */
.title[data-v-268b12ee] {
color: #e1e1e1;
}
.static-popup.bp-arrow[data-v-268b12ee]:before {
background: #222;
}
/* 动态发布窗口-@ */
.bili-at-popup__hint {
color: #e1e1e1;
}
.bili-at-popup__group-name {
color: #e1e1e1;
}
.bili-at-popup__user--selected {
background-color: #3b3e40;
}
.bili-at-popup__user-name {
color: #e1e1e1;
}
/* 动态发布窗口-话题 */
.bg-white {
background-color: #2B2B2B;
}
.hash-popup .topic-container .item.is-selected[data-v-9f192432] {
color: #e1e1e1;
background-color: #3b3e40;
}
/* 动态发布-投票 */
.title[data-v-47d56164],
.bp-radio[data-v-55c64c29],
.bp-button[data-v-b26b5ce0] {
color: #e1e1e1;
}
.bp-input .indicator[data-v-793bb182] {
color: #e1e1e1;
background-color: #2B2B2B;
}
.selector[data-v-6aaa05f4] {
color: #bcbcbc;
}
.bp-input .input[data-v-793bb182],
.bp-input .textarea[data-v-793bb182] {
color: #e1e1e1;
}
.core-style[data-v-655ff91e]:hover,
.core-style[data-v-655ff91e]:focus,
.core-style[data-v-655ff91e]:active {
background: #222;
}
.bp-vote-container input:focus,
.bp-vote-container input,
.bp-vote-container textarea,
.bp-vote-container textarea:focus,
.bp-vote-container select,
.bp-vote-container button {
background-color: transparent;
}
/* 动态发布-发布时间 */
.schedule-bar[data-v-af5aaec4] {
background-color: #2B2B2B;
border-radius: 10px;
margin-top: 12px;
}
.schedule-bar .dp-label[data-v-af5aaec4] {
color: #bcbcbc;
}
/* ———————————————————————————————— */
/* 动态发布-表情 */
/* 窗口外观 */
.static-popup[data-v-00b4b4ea] {
border: 0px;
border-radius: 10px;
background-color: #2B2B2B;
-webkit-box-shadow: 0 3px 5px 0 rgb(0 0 0 / 30%);
box-shadow: 0 3px 5px 0 rgb(0 0 0 / 30%);
}
/* 标题-表情 */
.title[data-v-00b4b4ea] {
padding: 15px;
font-size: 14px;
color: #e1e1e1;
text-align: left;
}
/* emoji背景透明 */
.emoji[data-v-60ae9c4d] {
background-color: transparent;
}
/* 选中表情 */
.emoji[data-v-60ae9c4d]:hover {
background-color: #403b3b;
}
/* 颜文字适配 */
.dp-i-block[data-v-60ae9c4d] {
display: inline-block;
color: #e1e1e1;
}
/* 底部表情选择 */
.pagination[data-v-97c4281e] {
position: relative;
width: 100%;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
background-color: #222;
}
.emoji-cover.selected[data-v-97c4281e] {
background-color: #403b3b;
}
/* 翻页 */
.page-controller .prev[data-v-97c4281e]:hover,
.page-controller .next[data-v-97c4281e]:hover {
background-color: #403b3b;
color: #e1e1e1;
}
.page-controller .prev[data-v-97c4281e],
.page-controller .next[data-v-97c4281e] {
color: #e1e1e1;
}
.page-controller .prev.disabled[data-v-97c4281e],
.page-controller .next.disabled[data-v-97c4281e] {
color: #8E8E8E!important;
}
/* ———————————————————————————————— */
/* 导航字、标题、更多 */
.tc-slate {
color: #e1e1e1;
}
/* 新动态提示 */
.new-notice-bar[data-v-fcbb045e] {
opacity: 0.75;
border-radius: 10px;
}
/* 动态卡片 */
/* 1.用户名 */
.card .main-content .user-name a[data-v-b5713636] {
color: #e1e1e1;
}
/* 2.动态内容文字 */
.content-full[data-v-b3414e94] {
color: #e1e1e1;
}
/* 3.视频、直播、转发、专栏、番剧、直播回放-外观 */
/* 三、二级背景颜色 */
.live-container[data-v-23b19018],
.video-container[data-v-4a97ece4],
.video-container[data-v-0514ecc0],
.card-content .repost[data-v-71b3c902],
.card-content .not-support[data-v-71b3c902],
.card-content .deleted[data-v-71b3c902],
.article-container[data-v-3d352df6],
.music-container[data-v-7d9db8c7],
.bangumi-container[data-v-6d8fee64] {
background: #2b2b2b;
border: 0px;
box-shadow: 0px 2px 8px #00000030;
border-radius: 10px;
}
/* 4.视频-文字、位置 */
.video-container .text-area .title[data-v-0514ecc0] {
color: #e1e1e1;
}
.video-container .text-area .content[data-v-0514ecc0] {
color: #8E8E8E;
}
/* 二级背景颜色 */
.card-content .repost[data-v-71b3c902],
.card-content .not-support[data-v-71b3c902],
.card-content .deleted[data-v-71b3c902] {
background-color: #06060630;
}
/* 5.文字-展开 */
.content-ellipsis[data-v-b3414e94] {
background-color: transparent;
color: #e1e1e1;
}
/* 6.点赞文字 */
.users-box .like-users-list[data-v-9f189eb0],
.users-box .like-users-list[data-v-9f189eb0]:active,
.users-box .like-users-list[data-v-9f189eb0]:link,
.users-box .like-users-list[data-v-9f189eb0]:visited {
color: #babec0;
}
.like-users-panel[data-v-9f189eb0] {
color: #babec0;
}
/* 7.商品、活动、追番 推荐 */
.shop-panel .shop-list[data-v-130673ff] {
width: 100%;
background-color: #2B2B2B;
border-radius: 10px;
}
.shop-panel .panel-desc[data-v-130673ff] {
color: #bcbcbc;
}
.shop-desc .desc-box .title[data-v-2277fe03] {
color: #e1e1e1;
}
.shop-desc .btn-box .jump-btn[data-v-2277fe03] {
opacity: 0.9;
}
.shop-panel .shop-list.is-repost[data-v-130673ff] {
background-color: #2B2B2B;
}
/* 8.图片查看、控制 */
.imagesbox .boost-control[data-v-690d023e] {
background: #2B2B2B;
}
.imagesbox .boost-control li[data-v-690d023e] {
color: #8E8E8E;
}
/* 9.专栏 */
.article-container .text-area .title[data-v-3d352df6] {
color: #e1e1e1;
}
.article-container .text-area .content[data-v-3d352df6] {
color: #bcbcbc;
}
.article-container .images-area img[data-v-3d352df6]:first-child {
opacity: 0.9;
}
.article-container:hover .text-area[data-v-3d352df6] {
-webkit-box-shadow: 0 3px 10px 0 rgb(0 0 0 / 50%);
box-shadow: 0 3px 10px 0 rgb(0 0 0 / 50%);
}
/* 10.番剧 */
.bangumi-container .text-area .title[data-v-6d8fee64] {
color: #e1e1e1;
}
.bangumi-container .text-area .title[data-v-6d8fee64] {
margin-top: 9px;
}
/* 11.直播回放窗口*/
.video-container .text-area .title[data-v-4a97ece4] {
color: #e1e1e1;
}
.video-container .text-area .content[data-v-4a97ece4] {
color: #8e8e8e;
}
/* 12.动态发布时间 */
.card .main-content .time .detail-link[data-v-b5713636] {
color: #8E8E8E;
}
/* 13.更多、举报、关注*/
.card .more-panel[data-v-b5713636] {
background: #2B2B2B;
border: 0px;
-webkit-box-shadow: 0 11px 12px 0 rgb(0 0 0 / 20%);
box-shadow: 0 11px 12px 0 rgb(0 0 0 / 20%);
border-radius: 10px;
color: #e1e1e1;
}
.card .more-panel[data-v-b5713636]:after {
border-top: 1px solid #2b2b2b;
border-left: 1px solid #2B2B2B;
background: #2B2B2B;
}
/* 话题 */
.new-topic-panel .tag-item .content[data-v-367b7f8d] {
color: #e1e1e1;
}
.new-topic-panel .tag-item .label[data-v-367b7f8d] {
background: #3b3b3b;
color: #cccccc;
}
/* 关闭动态加载图 */
.loading-img {
display: none;
}
/* 链接索引保持 */
.dynamic-link-hover-bg:hover {
background-color: #3b3e40;
}
/* ———————————————————————————————————————— */
/* 导航栏 */
.international-header .mini-type,
.van-popover .mini-type {
background: #5457585c!important;
box-shadow: 0px 4px 4px 0 rgb(0 0 0 / 60%)!important;
}
.mini-type .nav-user-center .user-con .item .name {
color: #e1e1e1!important;
}
/* 导航栏 游戏中心 */
.box {
background: #222;
}
.brief span {
color: #e2e2e2;
}
.all a {
color: #ccc;
}
.all a:hover {
color: #00a1d6;
background-color: #403b3b;
}
.brief a:hover {
background-color: #403b3b;
}
/* 导航栏 直播 */
.live-box[data-v-5e2bd0c0] {
background: #222;
border-radius: 20px;
}
.room-list .list-item .uname[data-v-5e2bd0c0] {
color: #e2e2e2;
}
.act-list .list-item[data-v-5e2bd0c0]:hover {
background: #403b3b;
}
/* 导航栏 漫画 */
.app-layout[data-v-0b4aa428] {
background-color: #222;
}
.recommendation-list .list-item .item-title[data-v-7149acfe] {
color: #e2e2e2;
}
.popularity-list .list-title[data-v-499a5b95] {
color: #eee;
}
.popularity-list .item-list .list-item[data-v-499a5b95] {
color: #eee;
}
.popularity-list .item-list .list-item[data-v-499a5b95]:hover,
.recommendation-list .list-item[data-v-7149acfe]:before {
background-color: #403b3b;
}
/* 导航栏 三角 */
.van-popper[x-placement^=bottom] .popper__arrow:after {
border-bottom-color: #222!important;
}
.van-popper[x-placement^=bottom] .popper__arrow {
border-bottom-color: #222!important;
}
/* 导航栏 用户信息框 */
.van-popper-avatar .vip[data-v-5314bca5] {
color: #222!important;
}
.van-popper-avatar .level-info .grade[data-v-5314bca5] {
color: #e1e1e1!important;
}
.van-popper-avatar .level-info .progress[data-v-5314bca5] {
color: #e1e1e1!important;
}
.international-header a,
.van-popover a {
color: #e1e1e1!important;
}
.van-popper-avatar .coins .contact .contact-tips[data-v-5314bca5] {
border: 0px!important;
background-color: #141414!important;
color: #e1e1e1!important;
border-radius: 10px!important;
}
.van-popper-avatar .coins .contact .email-tips[data-v-5314bca5]:after,
.van-popper-avatar .coins .contact .phone-tips[data-v-5314bca5]:after {
background: #222!important;
}
.van-popper-avatar .count-item .item-key[data-v-5314bca5] {
color: #e1e1e1!important;
}
.van-popper-avatar .count-item .item-value[data-v-5314bca5] {
color: #e1e1e1!important;
}
.van-popper-avatar .links .link-title[data-v-5314bca5] {
color: #e1e1e1!important;
}
.van-popper-avatar .link-icon[data-v-5314bca5] {
color: #939393!important;
}
.lang-change .lang-title {
color: #e1e1e1!important;
}
.lang-change .lang-icon {
color: #939393!important;
}
.lang-change .lang-icon-more {
color: #939393!important;
}
.van-popper-avatar .logout span[data-v-5314bca5] {
color: #e1e1e1!important;
}
.van-popper-avatar .links .link-item[data-v-5314bca5]:hover {
background: #3b3e40!important;
}
.lang-change .lang-intro {
background: #222!important;
color: #e1e1e1!important;
}
.van-popper-avatar .logout span[data-v-5314bca5]:hover {
color: #e1e1e1!important;
background: #3b3e40!important;
}
.van-popper-avatar .vp-container[data-v-5314bca5] {
background: #222!important;
border-radius: 10px!important;
box-shadow: 0 3px 6px 0 rgb(0 0 0 / 75%)!important;
}
.lang-change .lang-item:hover {
background: #3b3e40!important;
}
.lang-change .lang-intro-item:hover {
background: #3b3e40!important;
}
.van-popper-avatar .level-intro[data-v-5314bca5] {
background: #222!important;
color: #e1e1e1!important;
box-shadow: 0 3px 6px 0 rgb(0 0 0 / 75%)!important;
border-radius: 10px!important;
}
.van-popover.van-popper.van-popper-avatar {
border-radius: 12px!important;
}
.international-header a:hover,
.van-popover a:hover {
color: #00A1D6!important;
}
.van-popper-avatar .count-item:hover .item-key[data-v-5314bca5],
.van-popper-avatar .count-item:hover .item-value[data-v-5314bca5] {
color: #00A1D6!important;
transition: color 0.3s;
}
/* --------------- */
.van-popover {
background: #222!important;
border-radius: 15px!important;
color: #e1e1e1!important;
}
/* -------------- */
/* 导航栏 大会员 */
.follow-dialog-wrap .follow-dialog-window {
background: #222!important;
border-radius: 15px!important;
box-shadow: rgb(0 0 0 / 50%) 0px 3px 6px !important;
}
.vip-m .bubble-traditional .recommand .title {
color: #fffffff0!important;
}
.vip-m .bubble-traditional .recommand .bubble-col .item .recommand-link {
color: #fffffff0!important;
}
/* 导航栏 消息 */
.im-list-box {
color: #e5e9eff2!important;
background: #222!important;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}
.i-frame iframe[data-v-01c9e08c] {
background: #fff0!important;
border-bottom-left-radius: 15px!important;
border-bottom-right-radius: 15px!important;
-webkit-box-shadow: 0 3px 6px 0 #000!important;
box-shadow: 0 3px 6px 0 #000!important;
}
.i-frame[data-v-01c9e08c]::before {
background-color: #222!important;
-webkit-box-shadow: 0px 1px 0px #222!important;
box-shadow: 0px 1px 0px #222!important;
}
.im-list:hover {
color: #e1e1e1 !important;
background-color: #3b3e40 !important;
}
/* 导航栏 动态 */
.i-frame[data-v-400d5653]::before {
background-color: #222!important;
}
.out-container[data-v-e99755ec] {
background-color: #222;
box-shadow: 1px 6px 6px 0 rgb(0 0 0 / 50%);
border-radius: 15px;
}
.content[data-v-2cacd430] {
color: #e1e1e1;
}
.list-item[data-v-2cacd430]:hover {
background-color: #3b3e40;
}
.more-btn[data-v-0de37f37]:hover {
background-color: #505050;
}
.more-btn[data-v-0de37f37] {
border-radius: 15px;
color: #e1e1e1;
background-color: #3b3b3b;
}
.split-line .history-tip[data-v-77141e7e] {
background: #222;
color: #e1e1e1;
}
.split-line .history-tip[data-v-213951fc] {
background: #222;
color: #e1e1e1;
}
.name-line[data-v-2cacd430] {
font-size: 3.14136vw;
color: #e7e7e7;
}
/* 导航栏 收藏 */
.van-popper-favorite .tab-item .title[data-v-64b63b5f] {
color: #fffffff0!important;
}
.header-video-card[data-v-37582e0a]:hover {
background-color: #f4f4f433!important;
}
.van-popper-favorite .tab-item--normal[data-v-e8d85714] {
color: #e1e1e1!important;
}
.van-popper-favorite .tab-item--normal[data-v-e8d85714]:hover {
background-color: #f4f4f433!important;
}
.header-video-card .video-info .line-2[data-v-37582e0a] {
color: #e1e1e1!important;
}
.van-popper-favorite .play-all[data-v-e8d85714] {
background-color: transparent!important;
}
.van-popper-favorite .play-all.view[data-v-e8d85714] {
border-right: 1px solid #e7e7e780!important;
}
.van-popper-favorite .play-all[data-v-e8d85714]:hover {
background-color: #f4f4f433!important;
}
/* 导航栏 历史 */
.header-video-card .video-info .line-1[data-v-37582e0a] {
color: #e7e7e7!important;
}
.header-video-card .video-info .desc[data-v-37582e0a] {
color: #e7e7e7!important;
}
/* 导航栏 投稿 */
.bilifont[data-v-0fdc0c18] {
color: #e1e1e1!important;
}
/* ———————————————————————————————————————— */
/* _________________________________________ */
/* 1.用户信息 */
/* 2.用户卡片 */
.userinfo-content[data-v-5d2b75e8] {
background: #222;
color: #6d757a;
border-radius: 10px;
}
.userinfo-wrapper[data-v-5e6ddf5c] {
-webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 50%);
box-shadow: 0 2px 4px rgb(0 0 0 / 50%);
border: 0px;
border-radius: 10px;
}
.userinfo-content .info p[data-v-5d2b75e8] {
color: #8E8E8E;
}
.userinfo-content .bg[data-v-5d2b75e8] {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.user-card .btn-box .like {
color: #fff;
background-color: #00a1d6;
border-radius: 15px;
}
.user-card .btn-box .message,
.userinfo-content .btn-box>a[data-v-5d2b75e8] {
background-color: #505050;
border-radius: 15px;
}
.user-card .btn-box a,
.userinfo-content .btn-box>a[data-v-5d2b75e8] {
border: 0px;
color: #ffffffb3;
background-color: #676767;
}
.userinfo-content .btn-box>a[data-v-5d2b75e8]:hover {
color: #ffffffb3;
}
.user-card .btn-box a:hover,
.userinfo-content .btn-box>a.liked[data-v-5d2b75e8]:hover {
color: #ffffffb3;
background-color: #676767;
}
.userinfo-content .btn-box>a.liked[data-v-5d2b75e8],
.user-card .btn-box a,
.userinfo-content .btn-box>a[data-v-5d2b75e8] {
background-color: #3b3b3b;
color: #ffffffb3;
}
.userinfo-content .btn-box>a.liked[data-v-5d2b75e8]:hover,
.userinfo-content .btn-box>a[data-v-5d2b75e8]:hover {
background-color: #505050;
color: #ffffffb3;
}
/* 用户名称 */
.userinfo-content .info .user .name[data-v-5d2b75e8] {
color: #e1e1e1;
}
/* 描述文本 */
.userinfo-content .info .sign[data-v-5d2b75e8] {
color: #bcbcbc;
}
/* —————————————————————————————————— */
/*
配置信息
1.导航栏
2.背景更改
3.卡片
4.卡片样式修改
5.评论
*/
/* 1.导航栏 */
/* 2.背景更改 */
#app {
background: #161819;
}
/* 3.卡片 */
/* 4.卡片样式修改 */
.card[data-v-b5713636] {
border-radius: 15px!important;
border: 0px!important;
}
/* 5.评论 */
/* 番剧视频播放页面
1.导航栏
2.视频卡片阴影
3.视频卡片底部
4.评论背景颜色
5.评论
6.无点评
7.三连、分享、手机观看、一起看
8.番剧描述
9.右侧
10.关注分组页面
11.点评内部
12.评论弹出
13.其他
*/
/* 2.视频卡片阴影 */
.bilibili-player {
box-shadow: 0 0 8px #040404!important;
}
/* 4.评论背景颜色 */
.bb-comment,
.comment-bilibili-fold {
background-color: #161819!important;
}
/* 5.评论*/
.bb-comment .comment-list .list-item .text,
.comment-bilibili-fold .comment-list .list-item .text,
.bb-comment .comment-list .list-item .user .text-con,
.comment-bilibili-fold .comment-list .list-item .user .text-con {
color: #e7e7e7e0!important;
}
.bb-comment .comment-list .list-item .info>span,
.comment-bilibili-fold .comment-list .list-item .info>span {
color: #ffffffb3!important;
}
.bb-comment .comment-send .textarea-container textarea,
.comment-bilibili-fold .comment-send .textarea-container textarea {
background-color: #2b2b2b!important;
border: 0px!important;
color: #e2e2e2!important;
}
.bb-comment .comment-send .textarea-container:hover textarea,
.comment-bilibili-fold .comment-send .textarea-container:hover textarea,
.bb-comment .comment-send .textarea-container.focus textarea,
.comment-bilibili-fold .comment-send .textarea-container.focus textarea {
border: 1px solid #00a1d6!important;
color: #e2e2e2!important;
}
.bb-comment .comment-send .textarea-container:hover textarea,
.comment-bilibili-fold .comment-send .textarea-container:hover textarea,
.bb-comment .comment-send .textarea-container.focus textarea,
.comment-bilibili-fold .comment-send .textarea-container.focus textarea {
color: #505050!important;
}
/* 评论排序白字 */
.bb-comment .comment-header .tabs-order li,
.comment-bilibili-fold .comment-header .tabs-order li {
color: #ffffffb5!important;
}
/* 评论横线降亮度 */
.bb-comment .comment-header,
.comment-bilibili-fold .comment-header {
border-bottom: 1px solid #e5e9ef8a!important;
}
.bb-comment .comment-list .list-item .con,
.comment-bilibili-fold .comment-list .list-item .con {
border-top: 1px solid #e5e9ef8a!important;
}
/* 评论username */
.bb-comment .comment-list .list-item .user .name,
.comment-bilibili-fold .comment-list .list-item .user .name {
color: #e4e9ecf2;
}
/* 评论排序 */
.bb-comment .comment-header .tabs-order li.on,
.comment-bilibili-fold .comment-header .tabs-order li.on {
color: #00a1d6!important;
}
/* 表情 */
.bb-comment .comment-send .comment-emoji,
.comment-bilibili-fold .comment-send .comment-emoji,
.bb-comment .comment-send-lite .comment-emoji,
.comment-bilibili-fold .comment-send-lite .comment-emoji {
color: #bcbcbc!important;
border: 1px solid #bcbcbc!important;
}
.bb-comment .comment-send .comment-emoji .face,
.comment-bilibili-fold .comment-send .comment-emoji .face,
.bb-comment .comment-send-lite .comment-emoji .face,
.comment-bilibili-fold .comment-send-lite .comment-emoji .face {
width: 0px!important;
height: 0px!important;
margin-right: 0px!important;
background: #222!important;
}
.bb-comment .comment-send .comment-emoji,
.comment-bilibili-fold .comment-send .comment-emoji,
.bb-comment .comment-send-lite .comment-emoji,
.comment-bilibili-fold .comment-send-lite .comment-emoji {
width: 60px!important;
color: #bcbcbc!important;
border: 1px solid #bcbcbc!important;
border-radius: 15px!important;
margin-top: 8px!important;
}
.bb-comment .comment-send .comment-emoji .text,
.comment-bilibili-fold .comment-send .comment-emoji .text,
.bb-comment .comment-send-lite .comment-emoji .text,
.comment-bilibili-fold .comment-send-lite .comment-emoji .text {
vertical-align: inherit!important;
}
/* _______表情________ */
/* 窗口外观 */
.emoji-box {
border: 0px!important;
border-radius: 10px!important;
background-color: #2B2B2B!important;
-webkit-box-shadow: 0 3px 5px 0 rgb(0 0 0 / 30%)!important;
box-shadow: 0 3px 5px 0 rgb(0 0 0 / 30%)!important;
}
/* 标题-表情 */
.title[data-v-00b4b4ea],
.emoji-box .emoji-title {
padding: 15px;
font-size: 14px;
color: #e1e1e1;
text-align: left;
}
/* emoji背景透明 */
.emoji[data-v-60ae9c4d] {
background-color: transparent;
}
/* 选中表情 */
.emoji[data-v-60ae9c4d]:hover,
.emoji-box .emoji-text:hover,
.emoji-box .emoji-tabs .tab-link:hover {
background-color: #403b3b!important;
}
/* 颜文字适配 */
.dp-i-block[data-v-60ae9c4d],
.emoji-box .emoji-text {
display: inline-block;
color: #e1e1e1!important;
}
/* 底部表情选择 */
.pagination[data-v-97c4281e],
.emoji-box .emoji-tabs {
position: relative!important;
width: 100%!important;
border-bottom-left-radius: 8px!important;
border-bottom-right-radius: 8px!important;
background-color: #222!important;
}
.emoji-cover.selected[data-v-97c4281e],
.emoji-box .emoji-tabs .tab-link.on {
background-color: #403b3b!important;
}
.emoji-box .emoji-tabs .tab-link.on {
background-color: #403b3b!important;
}
/* 翻页 */
.page-controller .prev[data-v-97c4281e]:hover,
.page-controller .next[data-v-97c4281e]:hover {
background-color: #403b3b;
color: #e1e1e1;
}
.page-controller .prev[data-v-97c4281e],
.page-controller .next[data-v-97c4281e] {
color: #e1e1e1;
}
.page-controller .prev.disabled[data-v-97c4281e],
.page-controller .next.disabled[data-v-97c4281e] {
color: #8E8E8E!important;
}
.emoji-box .emoji-tabs .emoji-tab-slider .prev {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6Izc1NzU3NTt9Cjwvc3R5bGU+Cjx0aXRsZT5nZW5lcmFsX2VudGVyX3M8L3RpdGxlPgo8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KPHBhdGggaWQ9IkNvbWJpbmVkLVNoYXBlIiBjbGFzcz0ic3QwIiBkPSJNOS4yLDhsLTMuNCwzLjRjLTAuMywwLjMtMC4zLDAuOCwwLDEuMWMwLjMsMC4zLDAuOCwwLjMsMS4xLDBsMy45LTMuOQoJYzAuMy0wLjMsMC4zLTAuOCwwLTEuMUw2LjksMy42Yy0wLjMtMC4zLTAuOC0wLjMtMS4xLDBjLTAuMywwLjMtMC4zLDAuOCwwLDEuMUw5LjIsOHoiLz4KPC9zdmc+Cg==)!important;
transform: rotate( 180deg)!important;
}
.emoji-box .emoji-tabs .emoji-tab-slider .next.on {
background: url(//s1.hdslb.com/bfs/seed/jinkela/commentpc/./img/left-arrow-disable.1c51ed4.svg) no-repeat!important;
transform: rotate( 180deg)!important;
}
/* 3.视频卡片底部 */
.bilibili-player-video-sendbar {
background: #212121!important;
}
/* 视频底框 */
.bilibili-player-video-info {
color: #ded9d9!important;
}
/* 底框视频信息 */
.bilibili-player-video-sendbar .bilibili-player-video-inputbar {
color: #999!important;
background-color: #505050;
}
.bilibili-player-video-sendbar .bilibili-player-video-inputbar .bilibili-player-video-danmaku-input {
color: #ccd0d7!important;
}
/* 底框评论栏、输入文字 */
.bilibili-player .bui-button.bui-button-blue,
.bilibili-player .bui-button.bui-button-gray3:hover,
.bilibili-player .bui-button.bui-button-gray:hover {
opacity: 0.9!important;
}
/* 发送按键 */
.bilibili-player-video-sendbar .bilibili-player-video-inputbar .bilibili-player-video-inputbar-wrap {
border: 0px!important;
background-color: #505050!important;
}
/* 去评论边框 */
/* 6.无点评 */
.main-container .review-module .review-list .empty-wrapper .btn-go-write {
background-color: #222;
border-radius: 20px;
}
/*7.三连、分享、手机观看、一起看 */
.main-container .tool-bar .watch-info .watch-more,
.main-container .tool-bar .share-info .share-more,
.main-container .tool-bar .mobile-info .mobile-more {
background: #222;
border: 0px solid #e5e9ef!important;
box-shadow: 0 2px 4px 0 #131212!important;
border-radius: 10px;
}
.main-container .tool-bar .watch-info .watch-more .title {
color: #bbb;
}
.main-container .tool-bar .watch-info .watch-more .action-wrap .watch-action .main-title,
.main-container .tool-bar .watch-info .watch-more .action-wrap .watch-action .sub-title {
color: #e2e2e2;
}
.main-container .tool-bar .watch-info .watch-more .action-wrap .watch-action.match-watch,
.main-container .tool-bar .watch-info .watch-more .action-wrap .watch-action.create-watch {
opacity: 0.95;
}
/* 一起看 */
.main-container .tool-bar .mobile-info .mobile-more .top-wrapper {
color: #fff!important;
}
.main-container .tool-bar .coin-info i,
.main-container .tool-bar .like-info i,
.main-container .tool-bar .coin-info span,
.main-container .tool-bar .like-info span,
.main-container .tool-bar .share-info i,
.main-container .tool-bar .share-info span,
.main-container .tool-bar .mobile-info i,
.main-container .tool-bar .mobile-info span,
.main-container .tool-bar .watch-info span,
.main-container .tool-bar .watch-info span {
color: #ffffffad!important;
}
/* 点赞投币分享栏icon font */
/* 8.番剧描述 */
/* 展开收起 */
.main-container .media-info .media-right .media-desc i {
background-color: #151718!important;
}
.main-container .media-info .media-right .media-tool-bar .btn-follow span,
.main-container .media-info .media-right .media-tool-bar .btn-follow i {
color: #ffffffcc;
}
.main-container .media-info .media-right .media-tool-bar .btn-follow.active {
background-color: #505050!important;
}
.main-container .media-info .media-right .media-tool-bar .bangumi-options .opt-list {
border: 0px;
border-radius: 10px;
box-shadow: 0 2px 4px #000000c2!important;
background-color: #222;
}
.main-container .media-info .media-right .media-tool-bar .bangumi-options .opt-list li {
color: #bcbcbc;
}
.main-container .media-info .media-right .media-tool-bar .bangumi-options .opt-list li.disabled {
color: #999;
}
.main-container .media-info .media-right .media-tool-bar .bangumi-options .opt-list li:hover {
color: #00a0d6b6;
background-color: #99999982;
}
/* avbv */
.main-container .media-info .media-right .pub-wrapper .av-link {
color: #d0c7c7;
}
/* 9.右侧 */
.ep-section-module,
.main-container .ep-list-wrapper {
background-color: #222222;
border-radius: 10px;
}
.ep-section-module .section-title,
.main-container .ep-list-wrapper .list-title h4 {
color: #e7e7e7e8;
}
.ep-list-wrapper .ep-item,
.section-ep-wrapper .ep-item {
color: #e7e7e7e0;
}
.ep-list-wrapper .ep-item.cursor,
.section-ep-wrapper .ep-item.cursor {
background-color: #46484a;
}
.ep-list-wrapper .ep-item:hover,
.section-ep-wrapper .ep-item:hover {
background-color: #525456bd;
}
/* 剧集选择框 */
.main-container .ep-list-wrapper .list-wrapper.simple ul .ep-item {
border-radius: 4px;
background-color: #ffffff4a;
border: 0px;
}
/* 弹幕库 */
.bui-collapse .bui-collapse-header {
background: #222!important;
border-radius: 10px!important;
}
.player-auxiliary-area .player-auxiliary-filter-title {
color: #e7e7e7e8!important;
}
.bui-collapse .bui-collapse-header .bui-collapse-arrow {
color: #8E8E8E!important;
}
.player-auxiliary-area .player-auxiliary-danmaku .player-auxiliary-danmaku-function {
background-color: #2b2b2b!important;
}
/* 展开 */
.player-auxiliary-area .player-auxiliary-danmaku .player-auxiliary-danmaku-function [class*=player-auxiliary-danmaku-btn-] {
color: #bcbcbc!important;
}
.player-auxiliary-area .player-auxiliary-danmaku .player-auxiliary-danmaku-function [class*=player-auxiliary-danmaku-btn-] {
background: #2b2b2b!important;
}
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap {
background-color: #2b2b2b!important;
}
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row span.danmaku-info-danmaku,
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row {
color: #bcbcbc!important;
}
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-block-btn,
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-protect-btn,
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-report-btn {
background: #2b2b2b!important;
}
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-block-btn:hover,
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-protect-btn:hover,
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-report-btn:hover {
background-color: #00a1d67d!important;
color: #dcdcdc!important;
}
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-block-btn,
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-protect-btn,
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-report-btn {
border: 1px solid var(--bpx-primary-color, #00a1d67d)!important;
}
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-btn-footer {
background: #2b2b2b!important;
}
.bui-button.bui-button-gray2 {
color: #ffffffb3!important;
background-color: #505050 !important;
}
.bui-button.bui-button-gray2:hover {
background-color: #505050!important;
color: #ffffffb3!important;
}
.player-auxiliary-area .player-auxiliary-filter .player-auxiliary-setting-menu-wrap {
background-color: #222!important;
border-radius: 10px!important;
border: 1px solid #f4f4f433!important;
}
.player-auxiliary-area .player-auxiliary-filter .player-auxiliary-setting-menu-wrap .player-auxiliary-setting-menu-list {
background-color: #222!important;
color: #bcbcbc!important;
}
.player-auxiliary-area .player-auxiliary-filter .player-auxiliary-setting-menu-wrap .player-auxiliary-setting-menu-list:hover {
color: #00a1d6!important;
background-color: #3b3b3b!important;
}
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-load-status {
background: #2b2b2bd6!important;
color: #bcbcbc!important;
}
/* */
.player-auxiliary-area .player-auxiliary-filter,
.bui-collapse .bui-collapse-header {
color: #222;
}
.main-container .plp-r .danmaku-box .danmaku-wrap {
border-radius: 10px;
background-color: #222;
}
.player-auxiliary-area .player-auxiliary-filter {
border-top-left-radius: 10px;
}
.bui-collapse .bui-collapse-header .bui-collapse-arrow {
color: #a7a7a7;
}
.player-auxiliary-area .player-auxiliary-filter .player-auxiliary-setting-menu-wrap {
background-color: #4e4e4e;
-webkit-box-shadow: 0 2px 4px 0 #1b1b1b;
box-shadow: 0 2px 4px 0 #1b1b1b;
background-color: #798086;
}
.player-auxiliary-area .player-auxiliary-filter .player-auxiliary-setting-menu-wrap .player-auxiliary-setting-menu-list,
.player-auxiliary-area .player-auxiliary-filter .player-auxiliary-setting-menu-wrap {
background-color: #4e4e4e;
}
/* 10.关注分组页面 */
.follow-dialog-wrap .follow-dialog-window {
background: #222!important;
border-bottom: 1px solid #505050!important;
color: #e7e7e7e6!important;
border-radius: 15px!important;
}
.follow-dialog-wrap .follow-dialog-window .content .group-list li {
color: #e7e7e7e6!important;
}
.follow-dialog-wrap .follow-dialog-window .content .group-list li .special-tip {
color: #b4bdc5!important;
}
.follow-dialog-wrap .follow-dialog-window .content .info {
color: #aeb8c1!important;
}
.follow-dialog-wrap .follow-dialog-window .content .info .uname {
color: #9aa4ab!important;
}
.follow-dialog-wrap .follow-dialog-window .bottom {
border-top: 1px solid #505050!important;
}
.follow-dialog-wrap .follow-dialog-window .content .group-list .add-group .add-btn {
border: 1px solid #adacac!important;
color: #929ca2!important;
}
.follow-dialog-wrap .follow-dialog-window .bottom .btn {
opacity: 0.9!important;
}
/* 新建组 */
.follow-dialog-wrap .follow-dialog-window .bottom .btn:disabled {
background-color: #525252!important;
color: #a6a9af!important;
}
.follow-dialog-wrap .follow-dialog-window .content .group-list .add-group .input-group {
border: 1px solid #00a1d6b3!important;
}
.follow-dialog-wrap .follow-dialog-window .content .group-list .add-group .input-group .submit {
background: #00b5e51c!important;
border-left: 1px solid #00a1d6b3!important;
color: #00a1d6!important;
}
/* //!important 不加可能无效 */
.follow-dialog-wrap .follow-dialog-window .content .group-list .add-group .input-group input {
background-color: #222!important;
color: #e5e9efe8!important;
}
.follow-dialog-wrap .follow-dialog-window .content .group-list ul .follow-group-mask {
background: #fff0!important;
}
/* 11.点评内部 */
.short-review-masker .short-review-content {
background: #222;
border-radius: 20px;
}
.review-edit-header .review-edit-media-info h4 {
color: #e2e2e2;
}
.review-edit-header .review-edit-media-info .rate-tip {
color: #e2e2e2c4;
}
.short-review-masker .short-review-content .review-body-wrap textarea {
color: #e2e2e2;
background: #222;
}
/* 12.评论弹出 */
/* comment more to comment */
.bb-comment .comment-send.comment-send-lite,
.comment-bilibili-fold .comment-send.comment-send-lite,
.bb-comment .comment-send-lite.comment-send-lite,
.comment-bilibili-fold .comment-send-lite.comment-send-lite {
background: #161819!important;
}
.bb-comment .no-login .baffle,
.comment-bilibili-fold .no-login .baffle {
background-color: #505050!important;
color: #e2e2e2!important;
}
/* 13.其他 */
.main-container .media-info .media-right .media-title {
color: #e2e2e2e8;
}
.main-container .media-info .media-right .media-desc,
.main-container .media-info .media-right .pub-wrapper .home-link,
.main-container .media-info .media-right .pub-wrapper .pub-info {
color: #e2e2e2f0;
}
.main-container .media-info,
.main-container .review-module,
.main-container .plp-l .comment-wrapper {
border-top: 1px solid #6d757a;
}
.main-container .review-module .review-list .review-item .review-body {
border-radius: 10px;
background-color: #222;
}
.main-container .review-module .review-list .review-item .review-title {
color: #c7bcbc;
}
.main-container .review-module .review-list .review-item .review-content {
color: #c7bcbce3;
}
.main-container .review-module .module-title h4,
.main-container .recom-wrapper .recom-title,
.main-container .recom-wrapper .recom-list .recom-item .info-wrapper .video-title,
.main-container .review-module .module-title .more-link,
.main-container .plp-l .comment-wrapper .b-head {
color: #e7e7e7eb;
}
/* follow window title line */
/* title #e5e9ef line #6d757a*/
.follow-dialog-wrap .follow-dialog-window .title {
color: #e5e9ef!important;
border-bottom: 1px solid #6d757a !important;
}
/* comment textarea color focus e2e2e2 */
.bb-comment .comment-send .textarea-container:hover textarea,
.comment-bilibili-fold .comment-send .textarea-container:hover textarea,
.bb-comment .comment-send .textarea-container.focus textarea,
.comment-bilibili-fold .comment-send .textarea-container.focus textarea {
color: #e2e2e2 !important;
}
/* rate */
.main-container .media-info .media-right .media-tool-bar .btn-rating {
border: 1px solid #5050509e;
color: #ffffffcc;
}
.main-container .media-info .media-right .media-tool-bar .btn-rating {
background-color: #505050;
}
.main-container .media-info .media-right .media-tool-bar .btn-rating:hover {
background-color: #4a4b4e;
}
/* vip tip */
.main-container .pay-bar .vip .btn-pay.active {
color: #e7e7e7e8;
background-color: #222!important;
border-radius: 10px;
border: 0px;
}
/* side nav bar */
.main-container .nav-tools .tool-item {
background: #505050;
border: 0px;
color: #ffffffcc;
}
/* page box */
.paging-box-big .current,
.paging-box-big .next,
.paging-box-big .prev,
.paging-box-big .tcd-number,
.paging-box-big .dian {
background: #505050!important;
border: 0px!important;
color: #ffffffcc!important;
}
/* page jump box */
.paging-box-big .page-jump input {
border: 1px solid #505050!important;
background-color: #505050;
color: #ffffffcc;
}
/* comment info fix*/
.bb-comment .comment-list .list-item .info .btn-hover:hover,
.comment-bilibili-fold .comment-list .list-item .info .btn-hover:hover {
color: #00a1d6;
background: #161819;
}
/* ———————————————————————————————————— */
/* 滑动出现的评论发送修复 */
.bb-comment .comment-send .textarea-container .ipt-txt,
.comment-bilibili-fold .comment-send .textarea-container .ipt-txt,
.bb-comment .comment-send-lite .textarea-container .ipt-txt,
.comment-bilibili-fold .comment-send-lite .textarea-container .ipt-txt {
background-color: #2b2b2b!important;
border: 0px!important;
border-radius: 10px!important;
color: #e1e1e1!important;
}
.bb-comment .comment-send .textarea-container:hover textarea,
.comment-bilibili-fold .comment-send .textarea-container:hover textarea,
.bb-comment .comment-send-lite .textarea-container:hover textarea,
.comment-bilibili-fold .comment-send-lite .textarea-container:hover textarea,
.bb-comment .comment-send .textarea-container.focus textarea,
.comment-bilibili-fold .comment-send .textarea-container.focus textarea,
.bb-comment .comment-send-lite .textarea-container.focus textarea,
.comment-bilibili-fold .comment-send-lite .textarea-container.focus textarea {
background-color: #505050!important;
border: 1px solid #00a1d6!important;
}
::placeholder {
color: #8E8E8E!important;
}
/* 用手机观看修复 */
.main-container .tool-bar .mobile-info .mobile-more .top-wrapper .video-title {
color: #e1e1e1;
}
.main-container .tool-bar .mobile-info .mobile-more p {
color: #bcbcbc;
}
.main-container .tool-bar .mobile-info .mobile-more .top-wrapper .van-qrcode {
opacity: 0.85;
}
/* 点评-用户名 */
.main-container .review-module .review-list .review-item .review-header .review-author {
color: #bcbcbc;
}
/* 评论-用户名 */
.bb-comment .comment-list .list-item .reply-box .reply-item .reply-con .user .name,
.comment-bilibili-fold .comment-list .list-item .reply-box .reply-item .reply-con .user .name {
color: #bcbcbc;
}
/* 评论-共--条回复 */
.bb-comment .comment-list .list-item .reply-box .view-more,
.comment-bilibili-fold .comment-list .list-item .reply-box .view-more {
color: #bcbcbc!important;
}
/* 评论-回复保持 */
.bb-comment .comment-list .list-item .info .btn-hover:hover,
.comment-bilibili-fold .comment-list .list-item .info .btn-hover:hover,
.bb-comment .comment-list .list-item .reply-box .view-more .btn-more:hover,
.comment-bilibili-fold .comment-list .list-item .reply-box .view-more .btn-more:hover {
background: #505050!important;
}
/* 评论-加入黑名单、举报 */
.bb-comment .operation .opera-list,
.comment-bilibili-fold .operation .opera-list {
background: #222!important;
box-shadow: 0px 2px 8px rgb(0 0 0 / 20%)!important;
color: #bcbcbc!important;
border-radius: 10px!important;
}
.bb-comment .operation .opera-list li:hover,
.comment-bilibili-fold .operation .opera-list li:hover {
background: #505050!important;
}
/* 评论-翻页 */
.paging-box .current,
.paging-box .next,
.paging-box .prev,
.paging-box .tcd-number,
.paging-box .dian,
.paging-box .result {
color: #bcbcbc!important;
}
.paging-box .current:hover,
.paging-box .next:hover,
.paging-box .prev:hover,
.paging-box .tcd-number:hover,
.paging-box .dian:hover {
color: #00a1d6!important;
}
.paging-box .current {
color: #00a1d6!important;
}
/* 个人空间 */
body {
background: #161819;
}
/* _____________________________其他 */
.n .n-inner {
background: #222;
}
#page-index .col-1 {
background: #222;
}
/* user page */
.n .n-inner {
background: #222;
box-shadow: 0 0 0 1px #222;
}
.n .n-data .n-data-v {
color: #e7e7e7e8;
}
.g-search input {
color: #e7e7e7e8;
border: 1px solid #222;
background: #505050;
}
#page-index .col-2 .section {
background: #222;
border: 1px solid #222;
border-radius: 10px;
}
section-title {
color: #e7e7e7e8;
}
.user .info .meta .row:first-child {
color: #e7e7e7e8;
}
#page-index .col-1 {
background: #222;
}
/* _____________________________其他 */
/* 主标题文字 */
.n .n-btn.active {
color: #00a1d6!important;
}
a,
.section-title .t,
#page-index .fav-item .name,
.small-item .title,
.section-title,
#page-index .col-2 .section .user-auth.no-auth .no-auth-title .goto-auth,
.section-title {
color: #e1e1e1;
}
#page-index .bangumi .content .title {
color: #e7e7e7e0;
}
/* 副标题文字 */
.n .n-num,
.n .n-text,
.large-item .desc,
.sec-empty-hint,
#page-index .channel .empty-state p,
.section .more,
#page-index .fav-item .state,
.i-m-text,
.i-m-u-icon,
.list-create .text,
.private-hint,
.n .n-data .n-data-k {
color: #bcbcbc;
}
textarea::placeholder {
color: #bcbcbcc9;
}
/* 卡片外观 */
#page-index .col-1 {}
/* 卡片 */
#page-index #i-ann-content textarea {
color: #e7e7e7e0;
background: #222;
border: 1px solid #424242;
}
.list-create {
background: #222;
}
.section .count:before,
.section .more {
background: #222;
}
.section .count {
background: #777;
border: 0px solid #ddd;
border-radius: 3px;
color: #f6fafb;
}
.section .count:before {
height: 0px;
width: 0px;
}
/* 卡片、图片阴影、边框取消 */
.large-item .cover img,
.mini-item .cover img {
box-shadow: 0 0 0 0px #e5e9ef;
}
#page-index .fav-covers,
#page-index .col-1 {
border: 0px;
}
/* 边框 */
.section,
#page-index .col-2 .section-title,
.i-m-r2,
.section .more {
border-bottom: 1px solid #bcbcbc;
}
/* 创作中心 */
.i-m-r2 {
background: #2b2b2b;
border-radius: 15px;
border: 0px;
}
.i-m-upload {
border-right: 1px solid #bcbcbc;
}
/* 公告去边框 */
#page-index .col-2 .section-title,
#page-index .col-2 .section:last-child {
border-bottom: 0px;
}
.section .count:before,
.section .more {
background: #222;
}
/* 更多 */
.section .more {
padding: 0 10px 0 10px;
}
.i-m-u-icon,
.i-m-v-icon {
width: 0px;
height: 0px;
}
/* ___________________________________ */
/* 卡片外观 */
.col-full {
background: #222;
border-radius: 15px;
box-shadow: 0px 0px 0px #000;
}
/* 主标题 */
.sub-tabs span,
.pgc-space-follow-item .pgc-item-info .pgc-item-title {
color: #e1e1e1!important;
}
/* 更亮的副标题文字 */
.pgc-space-follow-item .pgc-item-info .pgc-item-desc {
color: #bcbcbc!important;
}
/* 页面跳转切换 */
.bangumi-pagelistbox .p,
.be-pager-item,
.be-pager-next,
.be-pager-prev {
color: #bcbcbc!important;
background-color: #2B2B2B!important;
border: 0px!important;
margin-right: 8px!important;
}
.bangumi-pagelistbox .p:hover,
.bangumi-pagelistbox .p.active,
.be-pager-item-active {
background-color: #00a1d6c7!important;
color: #e7e7e7e0!important;
border-color: #00a1d6c7!important;
}
.bangumi-pagelistbox .custom-right .custom-right-inner.custompage,
.be-pager-options-elevator input {
color: #e1e1e1!important;
border-radius: 10px!important;
border: 0px!important;
background-color: #3b3b3b!important;
}
.pgc-space-follow-item .pgc-item-info .pgc-item-desc,
.be-pager-item a,
.be-pager-next a,
.be-pager-prev a {
color: #e7e7e7e0;
}
/* ————————————————————————选项窗口 */
/* 窗口外观 */
.be-dropdown-menu,
.pgc-space-follow-item .bangumi-options .opt-list {
background-color: #2b2b2b!important;
border: 0px!important;
box-shadow: 0 2px 4px rgb(0 0 0 / 30%)!important;
}
/* 字颜色 */
.be-dropdown-item,
.pgc-space-follow-item .bangumi-options .opt-list li {
color: #bcbcbc!important;
}
/* 已选中字颜色 */
.pgc-space-follow-item .bangumi-options .opt-list li.disabled {
color: #8E8E8E!important;
}
/* 保持选中颜色 */
.be-dropdown-item:hover,
.pgc-space-follow-item .bangumi-options .opt-list li:hover {
color: #00a1d6;
background-color: #3b3b3b!important;
}
#page-fav .fav-sidenav .fav-item:hover {
background-color: #3b3b3b!important;
}
/* -------------------------收藏 */
/* 主标题 */
.favInfo-box .favInfo-details .fav-name,
#page-fav .fav-sidenav .nav-title .text,
.small-item.disabled .title {
color: #e1e1e1;
}
/* 副标题 */
#page-fav .fav-main .filter-item,
#page-fav .fav-sidenav .favlist-title,
#page-fav .fav-sidenav .watch-later,
#page-fav .fav-main .search-types,
input::placeholder {
color: #bcbcbc;
}
/* 去边框 */
#page-fav .fav-main .small-item {
border: 0px;
}
/* 边框颜色 */
#page-fav .fav-sidenav .nav-container,
.be-dropdown-item.be-dropdown-item-delimiter,
#page-fav .fav-main .favList-info,
#page-fav .fav-sidenav .watch-later {
border-bottom: 1px solid #bcbcbc80;
}
#page-fav .fav-sidenav {
border-right: 1px solid #bcbcbc80;
}
#page-fav .fav-sidenav .watch-later {
border-top: 1px solid #bcbcbc80;
}
#page-fav .fav-main .search-input input {}
#page-fav .fav-main .search-input input {
background: #222;
color: #bcbcbc;
}
/* 搜索框 */
/* .bangumi-pagelistbox .custom-right .custom-right-inner.custompage {
background: #222!important;
} */
/* 视频加载中页面 */
.small-item .cover {
background: #272727;
}
/* 收藏频道拖动 */
#page-fav .fav-sidenav .icon-cursor {
background-color: #2b2b2b;
}
/* 分区窗口 */
#page-fav .fav-main .filter-item .filter-type .be-dropdown-item span {
color: #e7e7e7e0;
}
/* _____________________________设置 */
#page-setting .setting-privacy-item .setting-privacy-name,
#page-setting .setting-index-module {
color: #e1e1e1;
}
/* 个人标签编辑 */
#page-setting #setting-new-tag {
color: #bcbcbc;
border: 1px solid #3b3b3b;
}
#page-setting #setting-new-tag-btn {
background: #3b3b3b;
border: 1px solid #3b3b3b;
border-radius: 10px 0 0 10px;
}
#page-setting .setting-tag-list a {
background: #222;
border: 1px solid #3b3b3b;
border-radius: 10px;
}
/* 边框设置 */
#page-setting .setting-index-module {
border-bottom: 1px solid #bcbcbc;
}
/* _____________________________投稿 */
/* 主标题 */
#page-video .page-head__left .video-title {
color: #e1e1e1;
}
.be-tab-item {
color: #bcbcbc;
}
.contribution-sidenav .contribution-item:hover {
background-color: #3b3b3b
}
/* _____________________________动态 */
/* 外观背景颜色 */
#page-dynamic .col-2 .section {
background-color: #222;
border-radius: 10px;
box-shadow: 0px 2px 8px rgb(0 0 0 / 30%);
border: 0px;
}
/* -------------------投稿 */
/* 主标题 */
#page-video .page-head__left .video-title {
color: #e1e1e1;
}
#page-video #submit-video-type-filter {
background-color: #2b2b2b;
border-radius: 15px;
}
/* 副标题 */
#page-video #submit-video-type-filter a,
#page-video .page-head__left .be-tab-item {
color: #bcbcbc;
}
.contribution-sidenav .contribution-item:hover {
background-color: #3b3b3b;
}
/* 边框 */
.contribution-sidenav~.main-content {
border-left: 1px solid #bcbcbc80;
}
.contribution-sidenav {
border-right: 1px solid #bcbcbc80;
}
/* 按钮-播放全部 */
#page-video .play-all-btn,
#page-index .channel .section-right-options .play-all-channel {
border: 1px solid #bcbcbc;
border-radius: 10px;
color: #bcbcbc;
}
.be-tab-input,
#page-video .play-all-btn .video-commonplayer_play,
#page-index .channel .section-right-options .play-all-channel .video-commonplayer_play,
#page-index .channel .section-right-options .play-all-channel>span {
color: #bcbcbc;
}
.section,
#page-index .col-2 .section-title,
.i-m-r2,
.section .more {
border-bottom: 1px solid #bcbcbc;
}
.be-tab-item.is-active {
color: #00a1d6!important;
}
/* 更多 */
#page-index .col-1 .section .more {
border-radius: 10px;
}
/* ____________________________主页 */
/* 列表标题 */
#page-index .channel.guest .channel-item .channel-title .channel-name {
color: #e1e1e1;
}
/* 视频信息 */
.small-item .meta,
.i-pin-desc {
color: #bcbcbc;
}
/* 边框 */
.section,
#page-index .col-2 .section-title,
.i-m-r2,
.section .more {
border-bottom: 1px solid #bcbcbc80;
}
.article-content,
.s-content,
#page-index .channel .channel-item {
border-bottom: 1px solid #bcbcbc80;
}
.meta-col,
.i-pin-meta {
color: #bcbcbc;
}
/* 推荐栏目 */
#page-index .channel .section-right-options .play-all-channel {}
/* 认证 */
#page-index .col-2 .section .user-auth .auth-description {
color: #e7e7e7e0;
}
/*直播desc */
.i-live .i-live-off-guest p,
.i-live .i-live-unfo-btn,
.i-live .i-live-fo-count,
.elec .elec-monthly-count {
color: #bcbcbc;
}
/* 充电人数 */
/* .elec .elec-monthly-c{
color: #e7e7e7e0;
}
.elec .elec-status{
background: #222;
color: #bcbcbc;
}
.elec .elec-count{
color: #e7e7e7e0;
} */
/* ————————————————————————频道 */
#page-channel-index .channel-item .channel-name {
color: #e1e1e1;
}
/* 话题页面
1.导航栏
2.背景更改
3.评论
4.评论发布、标题（热门、最新）-窗口外观
5.卡片
6.卡片-加关注-更多
7.卡片样式修改
8.右侧活跃用户
9.窗口-视频
10.页面跳转切换
11.举报页面
*/
/* 4.评论发布、标题（热门、最新）-窗口外观 */
.feed-topic .publish-panel-container[data-v-54d921ce],
.feed-topic .separater-line[data-v-54d921ce] {
background: #222;
border-radius: 10px;
box-shadow: 0px 4px 6px 0px rgb(0 0 0 / 50%);
}
/* 6.卡片-加关注-更多 */
.card .focus-btn .focus[data-v-b5713636] {
border: 1px solid #ccd0d7;
border-radius: 20px;
background-color: #222;
}
.card .focus-btn .unfocus[data-v-b5713636] {
border: 1px solid #00a1d6;
border-radius: 20px;
background-color: #222;
}
.card .more-panel[data-v-b5713636] {
background: #2B2B2B;
border: 0px;
-webkit-box-shadow: 0 11px 12px 0 rgb(0 0 0 / 20%);
box-shadow: 0 11px 12px 0 rgb(0 0 0 / 20%);
border-radius: 10px;
color: #e1e1e1;
}
.card .more-panel[data-v-b5713636]:after {
border-top: 1px solid #2b2b2b;
border-left: 1px solid #2B2B2B;
background: #2B2B2B;
}
/* 7.卡片样式修改 */
.card[data-v-b5713636] {
border-radius: 15px!important;
border: 0px!important;
}
/* 8.右侧活跃用户 */
.tc-dark-slate {
color: #e1e1e1;
}
.active-panel .show-more-button[data-v-07e05beb] {
background-color: #3b3b3b;
border-radius: 10px;
}
/* 9.窗口-视频 */
.tab-nav .tab .tab-text[data-v-21a80c3a] {
color: #bcbcbc;
}
.video-topic .video-list[data-v-479d07d0] {
background-color: #222;
border-radius: 15px;
}
.video-topic .video-list .video-title[data-v-479d07d0] {
color: #e7e7e7;
}
.v .t[data-v-23ab063d] {
color: #e1e1e1;
}
/* 10.页面跳转切换 */
.page-list-box .page-item a[data-v-33234bd8] {
color: #bcbcbc;
}
.page-list-box .page-item[data-v-33234bd8] {
color: #bcbcbc;
background-color: #2B2B2B;
border: 0px;
}
.page-list-box .active a[data-v-33234bd8] {
color: #e1e1e1!important;
}
.page-list-box .active[data-v-33234bd8] {
background: #00a1d6!important;
}
.page-list-box .page-input[data-v-33234bd8] {
color: #e1e1e1;
border-radius: 10px;
border: 0px;
background-color: #3b3b3b;
}
/* 11.举报页面 */
.bp-popup-panel[data-v-3c863400] {
background-color: #222;
}
.selector-box[data-v-f55b66b8] {
color: #e1e1e1;
}
.content-text[data-v-f55b66b8] {
color: #bcbcbc;
}
bl-button--primary[data-v-65bda702]:disabled {
background-color: #6f6f6f;
color: #a2a2a2;
}
.bp-popup-ctnr .popup-content-ctnr[data-v-b38bf146] {
color: #e1e1e1;
}
/* 12.默认、时间排序 */
.tab-wrap .tab-item[data-v-479d07d0] {
color: #bcbcbc;
}
/* 课堂-深色模式
https://www.bilibili.com/cheese/ */
/* 标题 */
.block-title,
.title,
.block-page-progress,
.block-title .main,
.title_txt {
color: #e1e1e1!important;
}
.myClassroom[data-v-768a6cdf],
.block-list-item-title[data-v-2192be56],
.rank-title[data-v-b576269e],
.block-list-item-title[data-v-0a31c1fd],
.block-title .sub-title[data-v-7d27b490] {
color: #e1e1e1;
}
/* 更亮的副标题文字 */
.item[data-v-768a6cdf],
.block-list-item-desc[data-v-2192be56],
.time-line-wrapper .time[data-v-29beee50] {
color: #bcbcbc;
}
/* 背景颜色 */
.tags {
background-color: #161819!important;
}
/* 按钮背景颜色 */
.backTop-item.bor[data-v-dcae897a],
.backTop-item[data-v-dcae897a]:nth-child(n+2) {
background: #3b3b3b;
}
/* —————————————————————————————————————————————————————— */
/* 右侧悬浮导航栏 */
.backTop-item[data-v-dcae897a] {
border-bottom: 1px solid #ffffff1f;
}
.backTop-item[data-v-dcae897a]:last-child {
border: 0px;
}
/* 切换翻页样式修改 */
.block-list .slider-contro .slider-next {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAbUExURUxpcenp6efn5+fn5+fn5+fn5+fn5+fn5+fn5xbfqDMAAAAIdFJOUwAMIcPhqpvRy08zNQAAAC9JREFUKM9jYKApEE1A5TNaFKAKCLcooClworsCVjQFmAIYWjAMpaeSAgKBTE0AAPJKDR/znmWLAAAAAElFTkSuQmCC);
-webkit-transform: rotate( 180deg);
-ms-transform: rotate(180deg);
transform: rotate( 180deg);
}
.block-list .slider-contro .slider-next:hover {
background-color: #3b3b3b;
-webkit-transform: rotate( 0deg);
-ms-transform: rotate(0deg);
transform: rotate( 0deg);
}
.block-list .slider-contro .slider-next.disabled {
pointer-events: none;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAbUExURUxpcSoqKiYmJiIiIiIiIiEhISIiIiIiIiEhIR/wiRkAAAAIdFJOUwAMIcPhqpvRy08zNQAAAC5JREFUKM9jYKAZYAtEE2BvFkAVYPIwRFOiMoBKAggIoGvBMJQOCjCCECOQqQwAa+IMp83lbxQAAAAASUVORK5CYII=);
right: 0;
left: auto;
}
.block-list .slider-contro .slider-prev {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAbUExURUxpcenp6efn5+fn5+fn5+fn5+fn5+fn5+fn5xbfqDMAAAAIdFJOUwAMIcPhqpvRy08zNQAAAC9JREFUKM9jYKApEE1A5TNaFKAKCLcooClworsCVjQFmAIYWjAMpaeSAgKBTE0AAPJKDR/znmWLAAAAAElFTkSuQmCC);
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.block-list .slider-contro .slider-prev:hover {
background-color: #3b3b3b;
-webkit-transform: rotate( 180deg);
-ms-transform: rotate(180deg);
transform: rotate( 180deg);
}
.block-list .slider-contro .slider-prev.disabled {
pointer-events: none;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAbUExURUxpcSoqKiYmJiIiIiIiIiEhISIiIiIiIiEhIR/wiRkAAAAIdFJOUwAMIcPhqpvRy08zNQAAAC5JREFUKM9jYKAZYAtEE2BvFkAVYPIwRFOiMoBKAggIoGvBMJQOCjCCECOQqQwAa+IMp83lbxQAAAAASUVORK5CYII=);
-webkit-transform: rotate( 180deg);
-ms-transform: rotate(180deg);
transform: rotate( 180deg);
}
/* 排行榜 */
.rank-index[data-v-b576269e] {
color: #fff;
background: #999;
border-radius: 10px;
}
/* 频道
1.导航栏
2.页面通用底部
3.频道导航栏
4.副导航栏
5.标题
6.更多、三日、一周、换一换
7.排行榜
8.全部、原创-tab切换
9.全部、收起
10.anime index
11.返回顶部
12.视频信息卡片
*/
/* 6.更多、三日、一周、换一换 */
.rcmd-box-wrap .change-btn,
.rank-header .more,
.exchange-btn .btn,
.rank-header .more,
.exchange-btn .btn {
color: #ccc;
}
.rcmd-box-wrap .change-btn:hover,
.exchange-btn .btn:hover,
.rank-header .more:hover {
background-color: #282b2d!important;
}
/* show more */
.sec-rank .more-link,
.new-stat-module .zone-title .headline .new-stat-more,
.random-change,
.block-area .follow-wrapper .follow-head .follow-more,
.pgc-rank-dropdown,
.pgc-rank-dropdown .dropdown-list,
.video-floor-m .zone-title .headline .link-more,
.bili-dropdown {
background-color: #3b3b3b;
border: 1px solid #3b3b3b;
color: rgba(255, 255, 255, 0.68);
border-radius: 15px;
font-size: 13px;
}
.sec-rank .more-link:hover,
.new-stat-module .zone-title .headline .new-stat-more:hover,
.random-change:hover,
.block-area .follow-wrapper .follow-head .follow-more:hover,
.pgc-rank-dropdown .dropdown-list .dropdown-item:hover,
.video-floor-m .zone-title .headline .link-more:hover,
.bili-dropdown:hover,
.bili-dropdown .dropdown-list .dropdown-item:hover,
.bili-dropdown .dropdown-list .dropdown-item {
background-color: #505050;
border-color: #505050;
}
.bili-dropdown .dropdown-list {
border: 1px solid #505050!important;
}
.dropdown-list {
border-radius: 0px 0px 0px 0px!important;
}
/* 7.排行榜 */
/* 排行榜排行数字 */
.rank-list .rank-item .ri-num,
.pgc-rank-list .rank-item .ri-num {
color: #fff;
background: #999;
border-radius: 10px;
}
/* 8.全部、原创-tab切换 */
.bili-tab .bili-tab-item {
color: #bcbcbc;
}
/* 9.全部、收起*/
.block-area .timeline-toggle-block .timeline-toggle-btn,
.tag-more .b-toggle-btn {
background: #161819!important;
box-shadow: 0px 3px 9px #131313;
border-radius: 0px 0px 15px 15px;
background-color: #161819;
color: #ccc;
}
/* 番剧 顶部索引 最近更新下索引*/
.crumb ul .crumb-item a[data-v-71236f48],
.index-entry-wrapper .filter-list .filter-item {
color: #c3c3c3;
}
/* 10.anime index */
/* title */
bangumi-home-crumb .fcname ul.n_num li a {
height: 27px;
font-size: 14px;
color: #e2e2e2f0;
}
/* update title list */
.block-area .timeline-title .headline .name {
font-size: 24px;
line-height: 24px;
font-weight: 400;
float: left;
color: #e7e7e7e8;
}
.timeline-box .timeline-item .item-right a {
color: inherit;
text-align: left;
display: block;
color: #e7e7e7e8;
height: 100%;
}
/* my follow title list */
.block-area .follow-wrapper .follow-head {
color: #e7e7e7e8;
}
.follow-item .details .season-title {
color: #e7e7e7e8;
}
/* bottom title*/
.index-entry-wrapper .filter-block-title span {
color: #e7e7e7e8;
}
.index-entry-wrapper .filter-block-title a {
color: #e7e7e7e8;
}
.spread-module .num {
/* fix */
background-color: #171819;
}
.spread-module .t {
color: #e7e7e7e8;
}
.pgc-rank-list .rank-item .ri-detail .ri-title {
color: #e7e7e8;
}
.new-stat-module .zone-title .headline .name {
color: #e7e7e8;
}
.video-item-biref .biref-info .biref-title {
color: #e7e7e7e8;
}
.sec-rank .rank-head h3 {
color: #e7e7e7e8;
}
.handpick-right-module .block-header .block-title {
color: #e7e7e7e8;
}
.block-area .block-left .block-header .block-title {
color: #e7e7e7e8;
}
.recom-right-head h3 {
color: #e7e7e7e8;
}
.pgc-common-tab .bili-tab-item {
color: #e2e2e2f0;
}
.bangumi-home-crumb .fcname ul.n_num li a {
color: #e7e7e7e8;
}
.sub-nav-m ul li a {
color: #e7e7e7e8;
}
.bangumi-home-crumb .fcname ul.n_num li {
color: #e7e7e7e8;
}
.energy-m .headline {
color: #e2e2e2;
}
.video-floor-m .zone-title .headline .name {
color: #e2e2e2;
}
.energy-m .hot-box li:first-child .txt {
color: #e2e2e2;
}
.energy-m .hot-box li .txt {
color: #e2e2e2;
}
.rank-list .rank-item .ri-detail .ri-title {
color: #e2e2e2;
}
.bili-tab .bili-tab-item {
color: #e2e2e2;
}
/* user page */
.n .n-inner {
background: #222;
box-shadow: 0 0 0 1px #222;
}
.n .n-data .n-data-v {
color: #e7e7e7e8;
}
.g-search input {
color: #e7e7e7e8;
border: 1px solid #222;
background: #505050;
}
#page-index .col-2 .section {
background: #222;
border: 1px solid #222;
border-radius: 10px;
}
section-title {
color: #e7e7e7e8;
}
.user .info .meta .row:first-child {
color: #e7e7e7e8;
}
#page-index .col-1 {
background: #222;
}
/* 11.返回顶部 */
/* page to up tool*/
.back-top-tools .tool-item,
.go-top-m .go-top {
background: #5050505e;
border: 0px;
}
.back-top-tools .tool-item:hover,
.go-top-m .go-top:hover {
background-color: #4a4b4e;
}
/* 12.视频信息卡片 */
.video-info-module {
border: 0px;
border-radius: 10px;
-webkit-box-shadow: rgb(0 0 0 / 50%) 0 2px 4px;
box-shadow: 0 2px 4px rgb(0 0 0 / 50%);
background-color: #222;
}
.video-info-module .v-title {
color: #e7e7e7;
}
/* 13.标签类 */
/* 主标题 */
.tag-list-wrp .title .name,
.video-floor-m .dynamic-title .title .name,
.mod-2 li .r .title {
color: #e1e1e1;
}
/* 副标题 */
.tag-list-wrp .title .small,
.video-list .vl-hd .tab-list li,
.mod-2 li .r .v-desc,
.tag-list li.tag-item .tag-a,
.mod-2 li .r .up-info .v-author,
.mod-2 li .r .v-info .v-info-i {
color: #bcbcbc;
}
/* 标签 */
.tag-list li.tag-item {
background-color: #3b3b3b;
border: 0px;
}
/* 边框 */
.mod-2 li,
.video-list .vl-hd {
border-bottom: 1px solid #bcbcbc80;
}
.mod-2 li .l-item {
border-right: 1px solid #bcbcbc80;
}
/* 页面跳转 */
/* 换一换 */
.video-floor-m .dynamic-title .read-push {
background-color: #3b3b3b;
border: 1px solid #3b3b3b;
border-radius: 15px;
}
.video-floor-m .dynamic-title .read-push .info {
color: #bcbcbc;
}
.video-floor-m .dynamic-title .read-push:hover {
background-color: #505050;
border: 1px solid #505050;
}
/* 视频热度排序-时间选择*/
.video-list .vl-hd .vl-hd-sub .selector-block .date-select {
background: #3b3b3b;
border-radius: 15px;
}
.video-list .vl-hd .vl-hd-sub .selector-block .date-select {
color: #bcbcbc;
}
/* 二维码图片降低亮度 */
.mobile-link-l {
opacity: 0.6;
}
/* 页面跳转 */
.pager .pages .page-item.active button,
.pager .pages .page-item button:hover {
background: #00a1d6c7;
color: #e7e7e7e0;
border: 1px solid #00a1d6c7;
}
.pager .pages .page-item button {
color: #bcbcbc;
border: 1px solid #2B2B2B;
background: #2B2B2B;
margin-right: 8px;
}
.pager .jump-pager input[type=text] {
color: #e1e1e1;
border-radius: 10px;
border: 0px;
background-color: #3b3b3b;
}
/* 首页导航文字*/
.international-header a {
color: #e7e7e7;
}
/* 去除导航栏边框 */
.page-tab .con li {
border: 0px;
}
/* 修改图标使其内部灰色 */
.page-tab .con li .bilifont {
color: #3e3e3e
}
/* 标题文字 */
a {
color: #e1e1e1;
}
/* 主标题文字 */
.storey-title .no-link {
color: #e7e7e7;
}
/* 频道选择 */
/* 上箭头 */
.van-popper[x-placement^=top] .popper__arrow:after {
bottom: 0px;
border-top-color: #222;
}
.van-popper-channel {
border: 0px;
box-shadow: 0 2px 12px 0 rgb(0 0 0 / 50%);
}
/* 导航栏 三角 */
.van-popper[x-placement^=bottom] .popper__arrow:after {
border-bottom-color: #222!important;
}
.van-popper[x-placement^=bottom] .popper__arrow {
border-bottom-color: #222!important;
}
/* 背景 */
.van-popover {
background: #222!important;
border-radius: 15px!important;
color: #e1e1e1!important;
}
/* 文字 */
.international-header a,
.van-popover a {
color: #e1e1e1!important;
}
.international-header a:hover,
.van-popover a:hover {
color: #00A1D6!important;
}
/* 普通视频播放页-深色模式 */
a {
color: #e1e1e1;
}
.video-page-card .card-box .info .title {
color: #e7e7e7eb;
}
/* 视频选择页 */
.multi-page {
background: #222;
border-radius: 10px;
box-shadow: 0 1px 2px #0e0e0e;
}
.multi-page .head-con .head-left h3 {
color: #e7e7e7e8;
}
.multi-page .cur-list .list-box li.on {
background: #46484a;
}
.multi-page .cur-list .list-box li:hover {
background: #595c5f;
}
.multi-page .cur-list .list-box li a {
color: #e7e7e7e8;
}
.multi-page .cur-list .module-box li {
background: #505050;
border: 1px solid #505050!important;
}
/* 视频发布成员 */
.members-info .avatar .info-tag[data-v-97401e06] {
background: #222;
}
.members-info__header[data-v-97401e06] {
background-color: #5050505c;
}
.members-info__header .title[data-v-97401e06] {
color: #e2e2e2f0;
}
/* ——————————————————————————————弹幕库 */
/* 弹幕库 */
.bui-collapse .bui-collapse-header {
background: #222!important;
border-radius: 10px!important;
}
.player-auxiliary-area .player-auxiliary-filter-title {
color: #e7e7e7e8!important;
}
.bui-collapse .bui-collapse-header .bui-collapse-arrow {
color: #8E8E8E!important;
}
.player-auxiliary-area .player-auxiliary-danmaku .player-auxiliary-danmaku-function {
background-color: #2b2b2b!important;
}
.v-wrap .danmaku-wrap {
border-radius: 15px!important;
}
.v-wrap .danmaku-wrap {
background: #222!important;
}
/* 展开 */
.player-auxiliary-area .player-auxiliary-danmaku .player-auxiliary-danmaku-function [class*=player-auxiliary-danmaku-btn-] {
color: #bcbcbc!important;
}
.player-auxiliary-area .player-auxiliary-danmaku .player-auxiliary-danmaku-function [class*=player-auxiliary-danmaku-btn-] {
background: #2b2b2b!important;
}
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap {
background-color: #2b2b2b!important;
}
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row span.danmaku-info-danmaku,
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row {
color: #bcbcbc!important;
}
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-block-btn,
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-protect-btn,
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-report-btn {
background: #2b2b2b!important;
}
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-block-btn:hover,
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-protect-btn:hover,
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-report-btn:hover {
background-color: #00a1d67d!important;
color: #dcdcdc!important;
}
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-block-btn,
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-protect-btn,
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-list .danmaku-info-row .danmaku-info-report-btn {
border: 1px solid var(--bpx-primary-color, #00a1d67d)!important;
}
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-btn-footer {
background: #2b2b2b!important;
}
.bui-button.bui-button-gray2 {
color: #ffffffb3!important;
background-color: #505050 !important;
}
.bui-button.bui-button-gray2:hover {
background-color: #505050!important;
color: #ffffffb3!important;
}
.player-auxiliary-area .player-auxiliary-filter .player-auxiliary-setting-menu-wrap {
background-color: #222!important;
border-radius: 10px!important;
border: 1px solid #f4f4f433!important;
}
.player-auxiliary-area .player-auxiliary-filter .player-auxiliary-setting-menu-wrap .player-auxiliary-setting-menu-list {
background-color: #222!important;
color: #bcbcbc!important;
}
.player-auxiliary-area .player-auxiliary-filter .player-auxiliary-setting-menu-wrap .player-auxiliary-setting-menu-list:hover {
color: #00a1d6!important;
background-color: #3b3b3b!important;
}
.danmaku-wrap .player-auxiliary-area .player-auxiliary-danmaku-wrap .player-auxiliary-danmaku-load-status {
background: #2b2b2bd6!important;
color: #bcbcbc!important;
}
/* */
.player-auxiliary-area .player-auxiliary-filter,
.bui-collapse .bui-collapse-header {
color: #222;
}
.main-container .plp-r .danmaku-box .danmaku-wrap {
border-radius: 10px;
background-color: #222;
}
.player-auxiliary-area .player-auxiliary-filter {
border-top-left-radius: 10px;
}
.bui-collapse .bui-collapse-header .bui-collapse-arrow {
color: #a7a7a7;
}
.player-auxiliary-area .player-auxiliary-filter .player-auxiliary-setting-menu-wrap {
background-color: #4e4e4e;
-webkit-box-shadow: 0 2px 4px 0 #1b1b1b;
box-shadow: 0 2px 4px 0 #1b1b1b;
background-color: #798086;
}
.player-auxiliary-area .player-auxiliary-filter .player-auxiliary-setting-menu-wrap .player-auxiliary-setting-menu-list,
.player-auxiliary-area .player-auxiliary-filter .player-auxiliary-setting-menu-wrap {
background-color: #4e4e4e;
}
/* ——————————————————————————————弹幕库 */
/* _________________________________其他 */
/* page video uploader */
.video-info .video-title {
color: #e5e9ef;
}
.recommend-list .rec-title {
color: #e7e7e7e8;
}
.info .title[data-v-3a7137fb] {
color: #e7e7e7e8;
}
.video-desc .info {
color: #e2e2e2f0;
}
/* comment title */
.comment-m .b-head {
color: #e7e7e7e8;
}
/* comment up think it is good */
.bb-comment .comment-list .list-item .info .reply-tags span,
.comment-bilibili-fold .comment-list .list-item .info .reply-tags span {
background: #505050!important;
border-radius: 12px!important;
color: #ffffffcc!important;
}
/* tag */
.s_tag .tag-area>li {
background: #505050;
border: 1px solid #505050;
}
.s_tag .tag-area>li .tag-link {
color: #ffffffcc;
}
.s_tag .btn-add {
background: #505050;
}
.s_tag .btn-add span {
background: #ffffffcc;
}
/* for up charge */
.up-info .btn-panel .not-follow-charge-btn {
background: #161819;
}
/* toolbar */
.video-toolbar .ops>span i {
color: #ddd;
}
.video-toolbar .ops>span {
color: #ddd;
}
/* appeal text toolbar */
.video-toolbar .appeal-text {
color: #ddd;
}
/* show more */
.video-desc .btn span {
cursor: pointer;
color: #e2e2e2f0;
}
/* activity show */
.activity-m.act-now .l-inside .hinter-msg {
line-height: 20px;
color: #e2e2e2f0;
}
/* comment common name fix */
/* _________________________________其他 */
/* ——————————————————————————————————评论 */
/* 5.评论*/
.bb-comment .comment-list .list-item .text,
.comment-bilibili-fold .comment-list .list-item .text,
.bb-comment .comment-list .list-item .user .text-con,
.comment-bilibili-fold .comment-list .list-item .user .text-con {
color: #e7e7e7e0!important;
}
.bb-comment .comment-list .list-item .info>span,
.comment-bilibili-fold .comment-list .list-item .info>span {
color: #ffffffb3!important;
}
.bb-comment .comment-send .textarea-container textarea,
.comment-bilibili-fold .comment-send .textarea-container textarea {
background-color: #2b2b2b!important;
border: 0px!important;
color: #e2e2e2!important;
}
.bb-comment .comment-send .textarea-container:hover textarea,
.comment-bilibili-fold .comment-send .textarea-container:hover textarea,
.bb-comment .comment-send .textarea-container.focus textarea,
.comment-bilibili-fold .comment-send .textarea-container.focus textarea {
border: 1px solid #00a1d6!important;
color: #e2e2e2!important;
}
.bb-comment .comment-send .textarea-container:hover textarea,
.comment-bilibili-fold .comment-send .textarea-container:hover textarea,
.bb-comment .comment-send .textarea-container.focus textarea,
.comment-bilibili-fold .comment-send .textarea-container.focus textarea {
color: #505050!important;
}
/* 评论排序白字 */
.bb-comment .comment-header .tabs-order li,
.comment-bilibili-fold .comment-header .tabs-order li {
color: #ffffffb5!important;
}
/* 评论横线降亮度 */
.bb-comment .comment-header,
.comment-bilibili-fold .comment-header {
border-bottom: 1px solid #e5e9ef8a!important;
}
.bb-comment .comment-list .list-item .con,
.comment-bilibili-fold .comment-list .list-item .con {
border-top: 1px solid #e5e9ef8a!important;
}
/* 评论username */
.bb-comment .comment-list .list-item .user .name,
.comment-bilibili-fold .comment-list .list-item .user .name {
color: #e4e9ecf2;
}
/* 评论排序 */
.bb-comment .comment-header .tabs-order li.on,
.comment-bilibili-fold .comment-header .tabs-order li.on {
color: #00a1d6!important;
}
/* 表情 */
.bb-comment .comment-send .comment-emoji,
.comment-bilibili-fold .comment-send .comment-emoji,
.bb-comment .comment-send-lite .comment-emoji,
.comment-bilibili-fold .comment-send-lite .comment-emoji {
color: #bcbcbc!important;
border: 1px solid #bcbcbc!important;
}
.bb-comment .comment-send .comment-emoji .face,
.comment-bilibili-fold .comment-send .comment-emoji .face,
.bb-comment .comment-send-lite .comment-emoji .face,
.comment-bilibili-fold .comment-send-lite .comment-emoji .face {
width: 0px!important;
height: 0px!important;
margin-right: 0px!important;
background: #222!important;
}
.bb-comment .comment-send .comment-emoji,
.comment-bilibili-fold .comment-send .comment-emoji,
.bb-comment .comment-send-lite .comment-emoji,
.comment-bilibili-fold .comment-send-lite .comment-emoji {
width: 60px!important;
color: #bcbcbc!important;
border: 1px solid #bcbcbc!important;
border-radius: 15px!important;
margin-top: 8px!important;
}
.bb-comment .comment-send .comment-emoji .text,
.comment-bilibili-fold .comment-send .comment-emoji .text,
.bb-comment .comment-send-lite .comment-emoji .text,
.comment-bilibili-fold .comment-send-lite .comment-emoji .text {
vertical-align: inherit!important;
}
/* _______表情________ */
/* 窗口外观 */
.emoji-box {
border: 0px!important;
border-radius: 10px!important;
background-color: #2B2B2B!important;
-webkit-box-shadow: 0 3px 5px 0 rgb(0 0 0 / 30%)!important;
box-shadow: 0 3px 5px 0 rgb(0 0 0 / 30%)!important;
}
/* 标题-表情 */
.title[data-v-00b4b4ea],
.emoji-box .emoji-title {
padding: 15px;
font-size: 14px;
color: #e1e1e1;
text-align: left;
}
/* emoji背景透明 */
.emoji[data-v-60ae9c4d] {
background-color: transparent;
}
/* 选中表情 */
.emoji[data-v-60ae9c4d]:hover,
.emoji-box .emoji-text:hover,
.emoji-box .emoji-tabs .tab-link:hover {
background-color: #403b3b!important;
}
/* 颜文字适配 */
.dp-i-block[data-v-60ae9c4d],
.emoji-box .emoji-text {
display: inline-block;
color: #e1e1e1!important;
}
/* 底部表情选择 */
.pagination[data-v-97c4281e],
.emoji-box .emoji-tabs {
position: relative!important;
width: 100%!important;
border-bottom-left-radius: 8px!important;
border-bottom-right-radius: 8px!important;
background-color: #222!important;
}
.emoji-cover.selected[data-v-97c4281e],
.emoji-box .emoji-tabs .tab-link.on {
background-color: #403b3b!important;
}
.emoji-box .emoji-tabs .tab-link.on {
background-color: #403b3b!important;
}
/* 翻页 */
.page-controller .prev[data-v-97c4281e]:hover,
.page-controller .next[data-v-97c4281e]:hover {
background-color: #403b3b;
color: #e1e1e1;
}
.page-controller .prev[data-v-97c4281e],
.page-controller .next[data-v-97c4281e] {
color: #e1e1e1;
}
.page-controller .prev.disabled[data-v-97c4281e],
.page-controller .next.disabled[data-v-97c4281e] {
color: #8E8E8E!important;
}
.emoji-box .emoji-tabs .emoji-tab-slider .prev {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6Izc1NzU3NTt9Cjwvc3R5bGU+Cjx0aXRsZT5nZW5lcmFsX2VudGVyX3M8L3RpdGxlPgo8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KPHBhdGggaWQ9IkNvbWJpbmVkLVNoYXBlIiBjbGFzcz0ic3QwIiBkPSJNOS4yLDhsLTMuNCwzLjRjLTAuMywwLjMtMC4zLDAuOCwwLDEuMWMwLjMsMC4zLDAuOCwwLjMsMS4xLDBsMy45LTMuOQoJYzAuMy0wLjMsMC4zLTAuOCwwLTEuMUw2LjksMy42Yy0wLjMtMC4zLTAuOC0wLjMtMS4xLDBjLTAuMywwLjMtMC4zLDAuOCwwLDEuMUw5LjIsOHoiLz4KPC9zdmc+Cg==)!important;
transform: rotate( 180deg)!important;
}
.emoji-box .emoji-tabs .emoji-tab-slider .next.on {
background: url(//s1.hdslb.com/bfs/seed/jinkela/commentpc/./img/left-arrow-disable.1c51ed4.svg) no-repeat!important;
transform: rotate( 180deg)!important;
}
/* 3.视频卡片底部 */
.bilibili-player-video-sendbar {
background: #212121!important;
}
/* 视频底框 */
.bilibili-player-video-info {
color: #ded9d9!important;
}
/* 底框视频信息 */
.bilibili-player-video-sendbar .bilibili-player-video-inputbar {
color: #999!important;
background-color: #505050;
}
.bilibili-player-video-sendbar .bilibili-player-video-inputbar .bilibili-player-video-danmaku-input {
color: #ccd0d7!important;
}
/* 底框评论栏、输入文字 */
.bilibili-player .bui-button.bui-button-blue,
.bilibili-player .bui-button.bui-button-gray3:hover,
.bilibili-player .bui-button.bui-button-gray:hover {
opacity: 0.9!important;
}
/* 发送按键 */
.bilibili-player-video-sendbar .bilibili-player-video-inputbar .bilibili-player-video-inputbar-wrap {
border: 0px!important;
background-color: #505050!important;
}
/* 去评论边框 */
/* 评论-用户名 */
.bb-comment .comment-list .list-item .reply-box .reply-item .reply-con .user .name,
.comment-bilibili-fold .comment-list .list-item .reply-box .reply-item .reply-con .user .name {
color: #bcbcbc;
}
/* 评论-共--条回复 */
.bb-comment .comment-list .list-item .reply-box .view-more,
.comment-bilibili-fold .comment-list .list-item .reply-box .view-more {
color: #bcbcbc!important;
}
/* 评论-回复保持 */
.bb-comment .comment-list .list-item .info .btn-hover:hover,
.comment-bilibili-fold .comment-list .list-item .info .btn-hover:hover,
.bb-comment .comment-list .list-item .reply-box .view-more .btn-more:hover,
.comment-bilibili-fold .comment-list .list-item .reply-box .view-more .btn-more:hover {
background: #505050!important;
}
/* 评论-加入黑名单、举报 */
.bb-comment .operation .opera-list,
.comment-bilibili-fold .operation .opera-list {
background: #222!important;
box-shadow: 0px 2px 8px rgb(0 0 0 / 20%)!important;
color: #bcbcbc!important;
border-radius: 10px!important;
}
.bb-comment .operation .opera-list li:hover,
.comment-bilibili-fold .operation .opera-list li:hover {
background: #505050!important;
}
/* 评论-翻页 */
.paging-box .current,
.paging-box .next,
.paging-box .prev,
.paging-box .tcd-number,
.paging-box .dian,
.paging-box .result {
color: #bcbcbc!important;
}
.paging-box .current:hover,
.paging-box .next:hover,
.paging-box .prev:hover,
.paging-box .tcd-number:hover,
.paging-box .dian:hover {
color: #00a1d6!important;
}
.paging-box .current {
color: #00a1d6!important;
}
/* 滑动出现的评论发送修复 */
.bb-comment .comment-send .textarea-container .ipt-txt,
.comment-bilibili-fold .comment-send .textarea-container .ipt-txt,
.bb-comment .comment-send-lite .textarea-container .ipt-txt,
.comment-bilibili-fold .comment-send-lite .textarea-container .ipt-txt {
background-color: #2b2b2b!important;
border: 0px!important;
border-radius: 10px!important;
color: #e1e1e1!important;
}
.bb-comment .comment-send .textarea-container:hover textarea,
.comment-bilibili-fold .comment-send .textarea-container:hover textarea,
.bb-comment .comment-send-lite .textarea-container:hover textarea,
.comment-bilibili-fold .comment-send-lite .textarea-container:hover textarea,
.bb-comment .comment-send .textarea-container.focus textarea,
.comment-bilibili-fold .comment-send .textarea-container.focus textarea,
.bb-comment .comment-send-lite .textarea-container.focus textarea,
.comment-bilibili-fold .comment-send-lite .textarea-container.focus textarea {
background-color: #505050!important;
border: 1px solid #00a1d6!important;
}
::placeholder {
color: #8E8E8E!important;
}
/* comment info fix*/
.bb-comment .comment-list .list-item .info .btn-hover:hover,
.comment-bilibili-fold .comment-list .list-item .info .btn-hover:hover {
color: #00a1d6;
background: #161819;
}
.bb-comment,
.comment-bilibili-fold,
.bb-comment .comment-send.comment-send-lite,
.comment-bilibili-fold .comment-send.comment-send-lite,
.bb-comment .comment-send-lite.comment-send-lite,
.comment-bilibili-fold .comment-send-lite.comment-send-lite {
background: #161819!important;
}
/* ——————————————————————————————————评论 */
/* ——————————————————————————————————视频 */
/* 3.视频卡片底部 */
.bilibili-player-video-sendbar {
background: #212121!important;
}
/* 视频底框 */
.bilibili-player-video-info {
color: #ded9d9!important;
}
/* 底框视频信息 */
.bilibili-player-video-sendbar .bilibili-player-video-inputbar {
color: #999!important;
background-color: #505050;
}
.bilibili-player-video-sendbar .bilibili-player-video-inputbar .bilibili-player-video-danmaku-input {
color: #ccd0d7!important;
}
/* 底框评论栏、输入文字 */
.bilibili-player .bui-button.bui-button-blue,
.bilibili-player .bui-button.bui-button-gray3:hover,
.bilibili-player .bui-button.bui-button-gray:hover {
opacity: 0.9!important;
}
/* 发送按键 */
.bilibili-player-video-sendbar .bilibili-player-video-inputbar .bilibili-player-video-inputbar-wrap {
border: 0px!important;
background-color: #505050!important;
}
/* 去评论边框 */
/* 2.视频卡片阴影 */
.bilibili-player {
box-shadow: 0 0 8px #040404!important;
}
/* ——————————————————————————————————视频 */
/* 视频描述 */
.video-desc .desc-info,
.video-desc .toggle-btn span {
color: #bcbcbc;
}
/* 视频标签卡片 */
.tag-channel-pane .bg-image[data-v-7aa389d0],
.tag-channel-pane .bg-mask[data-v-7aa389d0] {
border-radius: 10px 10px 0 0!important;
}
.tag-channel-pane[data-v-7aa389d0] {
background: #222!important;
border-radius: 10px!important;
}
.tag-channel-pane .channel-title[data-v-7aa389d0] {
color: #bcbcbc;
}
.tag-info-pane {
background: #222;
box-shadow: 0 0 5px rgb(0 0 0 / 20%);
border-radius: 10px;
}
.tag-info-pane .tag-header .tag-title,
.tag-info-pane .text,
.tag-info-pane .tag-header .tag-title a {
color: #bcbcbc;
}
/* 右侧视频栏、展开 */
.recommend-list .rec-footer {
background: #3b3b3b;
color: #ffffffb3;
}
/* 右侧导航栏 */
.float-nav .nav-menu .item {
background: #505050;
border: 0px;
color: #ffffffcc;
}
/* 视频页面-用手机看、稍后再看 */
.more-ops-list {
background: #222;
box-shadow: 0 2px 8px 0 rgb(0 0 0 / 20%);
border: 0px;
}
.more-ops-list li:hover {
color: #00a1d6;
background: #505050;
}
.more-ops-list li {
color: #bcbcbc;
}
/* 导航文字颜色 */
.nav-tabs__item>div>span {
color: #e1e1e1;
}
.popular-list .popular-tips[data-v-59ee846d],
.history-list .history-tips,
.rank-container .rank-tips[data-v-9b180bbc],
.weekly-header .update-tips[data-v-6b37fecd] {
color: #bcbcbc;
}
.video-card .video-name[data-v-a182333c],
.weekly-header .current-tiem[data-v-6b37fecd],
.rank-tab-wrap .rank-tab,
.rank-list .rank-item .content .info .title {
color: #e1e1e1;
}
.video-card .strong-tag[data-v-a182333c],
.video-card .weekly-hint[data-v-a182333c],
.video-card .history-hint[data-v-a182333c],
.rank-tab-wrap {
background: #161819;
}
.video-card .rcmd-tag[data-v-a182333c] {
border: 1px solid #f63;
}
/* 每周观看列表 */
.weekly-header .panel .select-item[data-v-6b37fecd] {
background: #222;
}
.weekly-header .panel .item-title[data-v-6b37fecd] {
color: #e1e1e1;
}
.weekly-header .panel .select-item[data-v-6b37fecd]:not(.item-active):hover {
background: #000000d4;
}
.rank-list .rank-item:hover {
box-shadow: 0 2px 8px 1px rgb(0 0 0 / 40%);
}
/* 返回顶部 */
.back-top-btn[data-v-6af406fd] {
background: #3b3b3b!important;
border: 1px solid #3b3b3b!important;
border-radius: 5px!important;
}
.rank-container .rank-tips .icon-tip[data-v-9b180bbc] {
fill: #e1e1e1!important;
color: #e1e1e1;
}
/* 稍后再看-深色模式
1.导航栏
2.栏目栏
3.底部栏
*/
/* 主标题 */
.watch-later-list header .t {
color: #e1e1e1;
}
/* 暗标题文字 */
.watch-later-list .list-box .av-item .av-about .t {
color: #e7e7e7e0;
}
.watch-later-list .list-box .av-item .av-about .info .user span {
color: #bcbcbc;
}
/* 全部播放、一键清空、移除已观看视频 */
.watch-later-list header .s-btn,
.watch-later-list header .d-btn {
background-color: #222;
}
/* -------------首页-------------- */
body {
/* background-color: #161819; */
}
/* 首页导航文字*/
.international-header a {
color: #e7e7e7;
}
/* 去除导航栏边框 */
.page-tab .con li {
border: 0px;
}
/* 修改图标使其内部灰色 */
.page-tab .con li .bilifont {
color: #3e3e3e
}
/* 标题文字 */
a {
color: #e1e1e1;
}
/* 主标题文字 */
.storey-title .no-link {
color: #e7e7e7;
}
/* 推广旁小标题文字 */
.storey-title .text-info a {
color: #8e8e8e;
}
/* 直播描述文字 */
.live-card .up .txt .desc {
color: #bcbcbc;
}
/* 直播副标题 */
.storey-title .text-info {
color: #bcbcbc;
}
/* 右侧栏 直播 副标题 */
.live-rank .live-rank-item .txt p.p2 {
color: #bcbcbc;
}
/* 右侧栏 标题（排行榜）文字 */
.rank-header .name {
color: #e7e7e7;
}
/* 排行榜排行数字 */
.rank-wrap .number,
.pgc-rank-wrap .number,
.manga-rank-item .rank-number {
color: #fff;
background: #999;
border-radius: 10px;
}
/* 所有选项卡 */
.tab-switch .tab-switch-item {
color: #e7e7e7;
}
/* 漫画 标题下载 */
.manga-panel .app-download-link {
color: #e7e7e7;
}
/* 漫画标题 */
.manga-panel .manga-list-box .manga-card .manga-title {
color: #e1e1e1;
}
/* 无数据提示 */
.pgc-no-data {
opacity: 0.5;
}
/* 新番时间表 */
.time-line .tl-link {
background: #3b3b3b;
border: 0px;
color: rgba(255, 255, 255, 0.68);
border-radius: 20px;
}
/* 联系客服 */
.contact-help {
color: #ccc;
background: #3b3b3b;
border: 0px solid #e7e7e7;
box-shadow: 0 6px 10px 0 #212121;
}
/* 页面通用底部 */
.international-footer {
background-color: #171617;
}
.international-footer a,
.international-footer .link-box .link-item.link-c p {
color: #c1c1c1;
}
.international-footer .link-box .link-item {
border-right: 1px solid #c1c1c1;
}
/* 底部微信hover修复 */
.international-footer .link-box .link-item.link-c a.weixin:hover p {
color: #00a1d6;
}
/* 底部二维码降亮度 */
.qrcode {
opacity: 0.9;
}
/* 右侧导航电梯 */
.elevator .list-box {
background: #222;
}
.elevator .list-box .item {
background: #222;
color: #fffffff0;
}
.elevator .list-box .item.on,
.elevator .list-box .item:hover {
color: #fffffff0;
}
/* 换一换、更多 */
.rcmd-box-wrap .change-btn,
.rank-header .more,
.exchange-btn .btn,
.rank-header .more,
.exchange-btn .btn {
color: #ccc;
}
.rcmd-box-wrap .change-btn:hover,
.exchange-btn .btn:hover,
.rank-header .more:hover {
background-color: #282b2d!important;
}
/* 搜索栏 */
.bili-header-m .nav-search #nav_searchform,
.international-header .nav-search #nav_searchform {
border-radius: 20px;
background-color: #505050;
}
.bili-header-m .nav-search .nav-search-keyword,
.international-header .nav-search .nav-search-keyword {
color: #ffffffcc!important;
}
.bili-header-m .nav-search .nav-search-btn,
.international-header .nav-search .nav-search-btn {
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.bili-header-m .nav-search .nav-search-btn,
.international-header .nav-search .nav-search-btn {
background: #737373;
}
.bili-header-m .nav-search .nav-search-submit,
.international-header .nav-search .nav-search-submit {
color: #c3c3c3;
}
input::placeholder {
color: #ababab;
}
/* 搜索栏 搜索历史*/
.bilibili-search-history .history-item a,
.bilibili-search-suggest .suggest-item a {
color: #e1e1e1;
}
.bilibili-search-history,
.bilibili-search-suggest {
border: 0px;
background: #222;
border-radius: 10px;
box-shadow: 0 2px 4px rgb(0 0 0 / 45%);
}
.bilibili-search-history .history-item.focus,
.bilibili-search-history .history-item:hover,
.bilibili-search-suggest .suggest-item.focus,
.bilibili-search-suggest .suggest-item:hover {
background-color: #70727d22;
}
.bilibili-search-history .history-item a:hover,
.bilibili-search-suggest .suggest-item a:hover {
color: #e1e1e1;
}
/* 观看列表 */
.bypb-window .online {
border: 0px;
border-radius: 20px;
background: #3b3b3b;
}
.bypb-window .online a {
font-size: 13px;
}
/* 导航栏 游戏中心 */
.box {
background: #222;
}
.brief span {
color: #e2e2e2;
}
.all a {
color: #ccc;
}
.all a:hover {
color: #00a1d6;
background-color: #403b3b;
}
.brief a:hover {
background-color: #403b3b;
}
/* 导航栏 直播 */
.live-box[data-v-5e2bd0c0] {
background: #222;
border-radius: 20px;
}
.room-list .list-item .uname[data-v-5e2bd0c0] {
color: #e2e2e2;
}
.act-list .list-item[data-v-5e2bd0c0]:hover {
background: #403b3b;
}
/* 导航栏 漫画 */
.app-layout[data-v-0b4aa428] {
background-color: #222;
}
.recommendation-list .list-item .item-title[data-v-7149acfe] {
color: #e2e2e2;
}
.popularity-list .list-title[data-v-499a5b95] {
color: #eee;
}
.popularity-list .item-list .list-item[data-v-499a5b95] {
color: #eee;
}
.popularity-list .item-list .list-item[data-v-499a5b95]:hover,
.recommendation-list .list-item[data-v-7149acfe]:before {
background-color: #403b3b;
}
/* 导航栏 下箭头 */
.van-popper[x-placement^=bottom] .popper__arrow:after {
border-bottom-color: #222!important;
}
.van-popper[x-placement^=bottom] .popper__arrow {
border-bottom-color: #222!important;
}
/* 标题：特别推荐 */
.special-recommend header {
color: #e1e1e1;
}
/* 导航栏 用户信息框 */
.van-popper-avatar .vip[data-v-5314bca5] {
color: #222!important;
}
.van-popper-avatar .level-info .grade[data-v-5314bca5] {
color: #e1e1e1!important;
}
.van-popper-avatar .level-info .progress[data-v-5314bca5] {
color: #e1e1e1!important;
}
.international-header a,
.van-popover a {
color: #e1e1e1!important;
}
.van-popper-avatar .coins .contact .contact-tips[data-v-5314bca5] {
border: 0px!important;
background-color: #141414!important;
color: #e1e1e1!important;
border-radius: 10px!important;
}
.van-popper-avatar .coins .contact .email-tips[data-v-5314bca5]:after,
.van-popper-avatar .coins .contact .phone-tips[data-v-5314bca5]:after {
background: #222!important;
}
.van-popper-avatar .count-item .item-key[data-v-5314bca5] {
color: #e1e1e1!important;
}
.van-popper-avatar .count-item .item-value[data-v-5314bca5] {
color: #e1e1e1!important;
}
.van-popper-avatar .links .link-title[data-v-5314bca5] {
color: #e1e1e1!important;
}
.van-popper-avatar .link-icon[data-v-5314bca5] {
color: #939393!important;
}
.lang-change .lang-title {
color: #e1e1e1!important;
}
.lang-change .lang-icon {
color: #939393!important;
}
.lang-change .lang-icon-more {
color: #939393!important;
}
.van-popper-avatar .logout span[data-v-5314bca5] {
color: #e1e1e1!important;
}
.van-popper-avatar .links .link-item[data-v-5314bca5]:hover {
background: #3b3e40!important;
}
.lang-change .lang-intro {
background: #222!important;
color: #e1e1e1!important;
}
.van-popper-avatar .logout span[data-v-5314bca5]:hover {
color: #e1e1e1!important;
background: #3b3e40!important;
}
.van-popper-avatar .vp-container[data-v-5314bca5] {
background: #222!important;
border-radius: 10px!important;
box-shadow: 0 3px 6px 0 rgb(0 0 0 / 75%)!important;
}
.lang-change .lang-item:hover {
background: #3b3e40!important;
}
.lang-change .lang-intro-item:hover {
background: #3b3e40!important;
}
.van-popper-avatar .level-intro[data-v-5314bca5] {
background: #222!important;
color: #e1e1e1!important;
box-shadow: 0 3px 6px 0 rgb(0 0 0 / 75%)!important;
border-radius: 10px!important;
}
.van-popover.van-popper.van-popper-avatar {
border-radius: 12px!important;
}
.international-header a:hover,
.van-popover a:hover {
color: #00A1D6!important;
}
.van-popper-avatar .count-item:hover .item-key[data-v-5314bca5],
.van-popper-avatar .count-item:hover .item-value[data-v-5314bca5] {
color: #00A1D6!important;
transition: color 0.3s;
}
/* --------------- */
.van-popover {
background: #222!important;
border-radius: 15px!important;
color: #e1e1e1!important;
}
/* -------------- */
/* 导航栏 大会员 */
.follow-dialog-wrap .follow-dialog-window {
background: #222!important;
border-radius: 15px!important;
box-shadow: rgb(0 0 0 / 50%) 0px 3px 6px !important;
}
.vip-m .bubble-traditional .recommand .title {
color: #fffffff0!important;
}
.vip-m .bubble-traditional .recommand .bubble-col .item .recommand-link {
color: #fffffff0!important;
}
/* 导航栏 消息 */
.im-list-box {
color: #e5e9eff2!important;
background: #222!important;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}
.i-frame iframe[data-v-01c9e08c] {
background: #fff0!important;
border-bottom-left-radius: 15px!important;
border-bottom-right-radius: 15px!important;
-webkit-box-shadow: 0 3px 6px 0 #000!important;
box-shadow: 0 3px 6px 0 #000!important;
}
.i-frame[data-v-01c9e08c]::before {
background-color: #222!important;
-webkit-box-shadow: 0px 1px 0px #222!important;
box-shadow: 0px 1px 0px #222!important;
}
.im-list:hover {
color: #e1e1e1 !important;
background-color: #3b3e40 !important;
}
/* 导航栏 动态 */
.i-frame[data-v-400d5653]::before {
background-color: #222!important;
}
.out-container[data-v-e99755ec] {
background-color: #222;
box-shadow: 1px 6px 6px 0 rgb(0 0 0 / 50%);
border-radius: 15px;
}
.content[data-v-2cacd430] {
color: #e1e1e1;
}
.list-item[data-v-2cacd430]:hover {
background-color: #3b3e40;
}
.more-btn[data-v-0de37f37]:hover {
background-color: #505050;
}
.more-btn[data-v-0de37f37] {
border-radius: 15px;
color: #e1e1e1;
background-color: #3b3b3b;
}
.split-line .history-tip[data-v-77141e7e] {
background: #222;
color: #e1e1e1;
}
.split-line .history-tip[data-v-213951fc] {
background: #222;
color: #e1e1e1;
}
.name-line[data-v-2cacd430] {
font-size: 3.14136vw;
color: #e7e7e7;
}
/* 导航栏 收藏 */
.van-popper-favorite .tab-item .title[data-v-64b63b5f] {
color: #fffffff0!important;
}
.header-video-card[data-v-37582e0a]:hover {
background-color: #f4f4f433!important;
}
.van-popper-favorite .tab-item--normal[data-v-e8d85714] {
color: #e1e1e1!important;
}
.van-popper-favorite .tab-item--normal[data-v-e8d85714]:hover {
background-color: #f4f4f433!important;
}
.header-video-card .video-info .line-2[data-v-37582e0a] {
color: #e1e1e1!important;
}
.van-popper-favorite .play-all[data-v-e8d85714] {
background-color: transparent!important;
}
.van-popper-favorite .play-all.view[data-v-e8d85714] {
border-right: 1px solid #e7e7e780!important;
}
.van-popper-favorite .play-all[data-v-e8d85714]:hover {
background-color: #f4f4f433!important;
}
/* 导航栏 历史 */
.header-video-card .video-info .line-1[data-v-37582e0a] {
color: #e7e7e7!important;
}
.header-video-card .video-info .desc[data-v-37582e0a] {
color: #e7e7e7!important;
}
/* 导航栏 投稿 */
.bilifont[data-v-0fdc0c18] {
color: #e1e1e1!important;
}
/* 频道索引 */
/* 上箭头 */
.van-popper[x-placement^=top] .popper__arrow:after {
bottom: 0px;
border-top-color: #222;
}
.van-popper-channel {
border: 0px;
box-shadow: 0 2px 12px 0 rgb(0 0 0 / 50%);
}
/* 视频信息卡片 */
.video-info-module,
.popover-video-card {
border: 0px;
border-radius: 10px;
-webkit-box-shadow: rgb(0 0 0 / 50%) 0 2px 4px;
box-shadow: 0 2px 4px rgb(0 0 0 / 50%);
background-color: #222;
}
.video-info-module .v-title,
.popover-video-card .content .info .f-title {
color: #e7e7e7;
}
/* 消息中心-深色模式 */
body {
background: #161819!important;
}
/* 外观 */
.space-right .space-right-top .title[data-v-1c9150a9],
.card[data-v-fb77dc7a],
.space-left[data-v-1c9150a9],
.config[data-v-467e3e3e] {
background-color: #222;
-webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
border-radius: 5px;
}
.space-right[data-v-1c9150a9] {
background-color: #2b2b2b;
}
/* 设置刷新时背景颜色 */
/* document.querySelector("#link-message-container > div.container > div.space-right > div.space-right-bottom.ps > div.card > div > div").style.backgroundColor = "#222"*/
.link-progress-tv[data-v-42e02e95] {
background-color: #222!important;
}
/* 暗标题文字 */
.line-1 .name-field[data-v-657577a0],
.title[data-v-7d37e619],
.item a[data-v-7d37e619] {
color: #bcbcbc;
}
.line-1[data-v-657577a0] {
color: #8E8E8E;
}
.orginal-reply[data-v-8142435e],
.text-box[data-v-8142435e],
.text[data-v-e5050176] {
color: #bcbcbc;
}
.divider[data-v-1df9d092] {
border-bottom: 1px solid #bcbcbc80;
}
.side-bar .icon[data-v-7d37e619] {
background: #e7e7e7e0;
-webkit-mask: url(//s2.hdslb.com/bfs/static/blive/blfe-message-web/static/img/plane.c9984cf0.svg) no-repeat;
mask: url(//s2.hdslb.com/bfs/static/blive/blfe-message-web/static/img/plane.c9984cf0.svg) no-repeat;
mask-size: 100% 100%;
-webkit-mask-size: 100% 100%;
}
/* 消息中心-选项列表-icon */
.item[data-v-7d37e619]::before {
color: #e7e7e7e0;
}
.space-right .space-right-top .title[data-v-1c9150a9] {
box-shadow: 0 2px 4px 2px rgb(0 0 0 / 50%);
}
.card[data-v-fb77dc7a] {
border-radius: 15px;
}
/* 我的消息 */
.bili-im .left .title[data-v-12ea5675],
.list-item[data-v-1f03ec9a],
.bili-im .right[data-v-12ea5675],
.bili-im[data-v-12ea5675],
.bili-im {
background: #222;
}
.message-list[data-v-e8aa6bb6],
.send-box[data-v-7762b962] {
background-color: #141415;
}
.bili-im .left .title[data-v-12ea5675],
.title[data-v-79389194],
.love-item[data-v-bdf166be]:not(:last-child)::after {
border-bottom: 1px solid #bcbcbc80;
}
.bili-im .left[data-v-12ea5675] {
border-right: 1px solid #bcbcbc80;
}
.send-box[data-v-7762b962],
.divided-line[data-v-7d37e619] {
border-top: 1px solid #bcbcbc80;
}
.config .config-item[data-v-467e3e3e]:not(:first-child)::before {
background: #bcbcbc80;
}
/* #e1e1e1 */
.title span[data-v-79389194],
.list-item .name[data-v-1f03ec9a],
.bili-im .left .title[data-v-12ea5675],
span,
a.router-link-active,
.name,
.ar-recommend-item__info--title,
.auto-reply-push__desc,
.config .radio-selector[data-v-467e3e3e],
.title[data-v-196262e8],
.core-style[data-v-b2e4822a],
.action-menu .menu-list a[data-v-d43989d2] {
color: #e1e1e1;
}
.notify-wrapper .notify-text[data-v-e8aa6bb6] {
color: #3b3b3b;
}
.message .message-content.not-img[data-v-50547f2d] {
background: #313131;
color: #e1e1e1;
}
.list-item[data-v-1f03ec9a]:hover {
background-color: #181917;
}
.msg-push-new,
.auto-reply-push {
background: #222;
}
.send-btn[data-v-7762b962] {
background-color: #505050;
border-radius: 10px;
}
.btn-box[data-v-6cbfef24] {
border: 1px solid #505050;
color: #e1e1e1;
}
.action-menu .menu-list[data-v-d43989d2] {
border: 1px solid #222;
border-radius: 8px;
background-color: #222;
-webkit-box-shadow: 0 6px 12px 0 rgb(31 34 39 / 12%);
box-shadow: 0 6px 12px 0 rgb(31 34 39 / 22%);
}
.action-menu .menu-list a[data-v-d43989d2]:hover {
background-color: #3b3e40;
}
.action-menu .menu-list[data-v-d43989d2]:before {
background-color: #222;
border: 0px;
}
.reply-textarea[data-v-abfa145e] {
background-color: #222;
border: 1px solid #bcbcbc80;
overflow: auto;
border-radius: 10px;
color: #555;
}
.reply-textarea[data-v-abfa145e]:focus {
background: #1f1e1e;
}
.send-button[data-v-abfa145e],
.send-btn.active[data-v-7762b962]:hover {
opacity: 0.9;
}
.notify-wrapper .notify-text[data-v-e8aa6bb6] {
color: #ddd;
}
.notify-wrapper .notify-text[data-v-e8aa6bb6] {
background-color: #2f2f2f;
}
/* 消息中心-深色模式 */
body {
background: #161819!important;
}
/* 外观 */
.space-right .space-right-top .title[data-v-1c9150a9],
.card[data-v-fb77dc7a],
.space-left[data-v-1c9150a9],
.config[data-v-467e3e3e] {
background-color: #222;
-webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
border-radius: 5px;
}
.space-right[data-v-1c9150a9] {
background-color: #2b2b2b;
}
/* 设置刷新时背景颜色 */
/* document.querySelector("#link-message-container > div.container > div.space-right > div.space-right-bottom.ps > div.card > div > div").style.backgroundColor = "#222"*/
.link-progress-tv[data-v-42e02e95] {
background-color: #222!important;
}
/* 暗标题文字 */
.line-1 .name-field[data-v-657577a0],
.title[data-v-7d37e619],
.item a[data-v-7d37e619] {
color: #bcbcbc;
}
.line-1[data-v-657577a0] {
color: #8E8E8E;
}
.orginal-reply[data-v-8142435e],
.text-box[data-v-8142435e],
.text[data-v-e5050176] {
color: #bcbcbc;
}
.divider[data-v-1df9d092] {
border-bottom: 1px solid #bcbcbc80;
}
.side-bar .icon[data-v-7d37e619] {
background: #e7e7e7e0;
-webkit-mask: url(//s2.hdslb.com/bfs/static/blive/blfe-message-web/static/img/plane.c9984cf0.svg) no-repeat;
mask: url(//s2.hdslb.com/bfs/static/blive/blfe-message-web/static/img/plane.c9984cf0.svg) no-repeat;
mask-size: 100% 100%;
-webkit-mask-size: 100% 100%;
}
/* 消息中心-选项列表-icon */
.item[data-v-7d37e619]::before {
color: #e7e7e7e0;
}
.space-right .space-right-top .title[data-v-1c9150a9] {
box-shadow: 0 2px 4px 2px rgb(0 0 0 / 50%);
}
.card[data-v-fb77dc7a] {
border-radius: 15px;
}
/* 我的消息 */
.bili-im .left .title[data-v-12ea5675],
.list-item[data-v-1f03ec9a],
.bili-im .right[data-v-12ea5675],
.bili-im[data-v-12ea5675],
.bili-im {
background: #222;
}
.message-list[data-v-e8aa6bb6],
.send-box[data-v-7762b962] {
background-color: #141415;
}
.bili-im .left .title[data-v-12ea5675],
.title[data-v-79389194],
.love-item[data-v-bdf166be]:not(:last-child)::after {
border-bottom: 1px solid #bcbcbc80;
}
.bili-im .left[data-v-12ea5675] {
border-right: 1px solid #bcbcbc80;
}
.send-box[data-v-7762b962],
.divided-line[data-v-7d37e619] {
border-top: 1px solid #bcbcbc80;
}
.config .config-item[data-v-467e3e3e]:not(:first-child)::before {
background: #bcbcbc80;
}
/* #e1e1e1 */
.title span[data-v-79389194],
.list-item .name[data-v-1f03ec9a],
.bili-im .left .title[data-v-12ea5675],
span,
a.router-link-active,
.name,
.ar-recommend-item__info--title,
.auto-reply-push__desc,
.config .radio-selector[data-v-467e3e3e],
.title[data-v-196262e8],
.core-style[data-v-b2e4822a],
.action-menu .menu-list a[data-v-d43989d2] {
color: #e1e1e1;
}
.notify-wrapper .notify-text[data-v-e8aa6bb6] {
color: #3b3b3b;
}
.message .message-content.not-img[data-v-50547f2d] {
background: #313131;
color: #e1e1e1;
}
.list-item[data-v-1f03ec9a]:hover {
background-color: #181917;
}
.msg-push-new,
.auto-reply-push {
background: #222;
}
.send-btn[data-v-7762b962] {
background-color: #505050;
border-radius: 10px;
}
.btn-box[data-v-6cbfef24] {
border: 1px solid #505050;
color: #e1e1e1;
}
.action-menu .menu-list[data-v-d43989d2] {
border: 1px solid #222;
border-radius: 8px;
background-color: #222;
-webkit-box-shadow: 0 6px 12px 0 rgb(31 34 39 / 12%);
box-shadow: 0 6px 12px 0 rgb(31 34 39 / 22%);
}
.action-menu .menu-list a[data-v-d43989d2]:hover {
background-color: #3b3e40;
}
.action-menu .menu-list[data-v-d43989d2]:before {
background-color: #222;
border: 0px;
}
.reply-textarea[data-v-abfa145e] {
background-color: #222;
border: 1px solid #bcbcbc80;
overflow: auto;
border-radius: 10px;
color: #555;
}
.reply-textarea[data-v-abfa145e]:focus {
background: #1f1e1e;
}
.send-button[data-v-abfa145e],
.send-btn.active[data-v-7762b962]:hover {
opacity: 0.9;
}
.notify-wrapper .notify-text[data-v-e8aa6bb6] {
color: #ddd;
}
.notify-wrapper .notify-text[data-v-e8aa6bb6] {
background-color: #2f2f2f;
}
/* 页面通用底部 */
.international-footer {
background-color: #171617;
}
.international-footer a,
.international-footer .link-box .link-item.link-c p {
color: #c1c1c1;
}
.international-footer .link-box .link-item {
border-right: 1px solid #c1c1c1;
}
/* 底部微信hover修复 */
.international-footer .link-box .link-item.link-c a.weixin:hover p {
color: #00a1d6;
}
/* 底部二维码降亮度 */
.qrcode {
opacity: 0.9;
}
/* _________________________________________ */
/* 1.用户信息 */
/* 2.用户卡片 */
.userinfo-content[data-v-5d2b75e8] {
background: #222;
color: #6d757a;
border-radius: 10px;
}
.userinfo-wrapper[data-v-5e6ddf5c] {
-webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 50%);
box-shadow: 0 2px 4px rgb(0 0 0 / 50%);
border: 0px;
border-radius: 10px;
}
.userinfo-content .info p[data-v-5d2b75e8] {
color: #8E8E8E;
}
.userinfo-content .bg[data-v-5d2b75e8] {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.user-card .btn-box .like {
color: #fff;
background-color: #00a1d6;
border-radius: 15px;
}
.user-card .btn-box .message,
.userinfo-content .btn-box>a[data-v-5d2b75e8] {
background-color: #505050;
border-radius: 15px;
}
.user-card .btn-box a,
.userinfo-content .btn-box>a[data-v-5d2b75e8] {
border: 0px;
color: #ffffffb3;
background-color: #676767;
}
.userinfo-content .btn-box>a[data-v-5d2b75e8]:hover {
color: #ffffffb3;
}
.user-card .btn-box a:hover,
.userinfo-content .btn-box>a.liked[data-v-5d2b75e8]:hover {
color: #ffffffb3;
background-color: #676767;
}
.userinfo-content .btn-box>a.liked[data-v-5d2b75e8],
.user-card .btn-box a,
.userinfo-content .btn-box>a[data-v-5d2b75e8] {
background-color: #3b3b3b;
color: #ffffffb3;
}
.userinfo-content .btn-box>a.liked[data-v-5d2b75e8]:hover,
.userinfo-content .btn-box>a[data-v-5d2b75e8]:hover {
background-color: #505050;
color: #ffffffb3;
}
/* 用户名称 */
.userinfo-content .info .user .name[data-v-5d2b75e8] {
color: #e1e1e1;
}
/* 描述文本 */
.userinfo-content .info .sign[data-v-5d2b75e8] {
color: #bcbcbc;
}
/* 直播首页
https://live.bilibili.com/
直播导航栏
标题
副标题
卡片外观
右侧悬浮栏
*/
/* _____________________________________ */
/* 直播导航栏 */
.link-navbar[data-v-8c29c8b6] {
background-color: #545758ad!important;
}
.link-navbar .main-ctnr .nav-logo[data-v-8c29c8b6],
.link-navbar .nav-item[data-v-78f9fbb2],
.area-list-panel .list-item[data-v-645b9033] {
color: #bcbcbc!important;
}
.link-navbar .main-ctnr .nav-items-ctnr.over-width[data-v-8c29c8b6],
.area-list-panel[data-v-645b9033] {
background-color: #222!important;
}
.area-list-panel .list-item[data-v-645b9033]:hover {
background-color: #505050!important;
}
/* 更亮的副标题文字*/
.user-item .username[data-v-0b886562],
.activity-item-ctnr .info-ctnr .first-line .username[data-v-04a0c570],
.darkgray[data-v-e845f484] {
color: #bcbcbc!important;
}
/* 副标题文字 */
.user-level-detail .detail-link[data-v-e845f484],
.lightgray[data-v-e845f484] {
color: #8E8E8E!important;
}
.user-level-detail .detail-link[data-v-e845f484] {
border-radius: 30px!important;
background: #3b3b3b!important;
}
/* 文字、按钮保持 */
.user-level-detail .detail-link[data-v-e845f484]:hover {
background-color: #505050!important;
color: #23ade5!important;
}
.info-item-ctnr[data-v-205650c3]:hover {
color: #23ade5!important;
}
/*用户、动态、签到、公会中心、下载 */
/* 卡片外观 */
.link-panel-ctnr[data-v-13f891d3],
.calendar-checkin[data-v-502ec807],
.download-panel-ctnr[data-v-a2f1d3d2],
.user-panel-ctnr .user-panel[data-v-43630178],
.user-level-detail[data-v-e845f484],
.hab-ctnr[data-v-a70dc02a] {
background-color: #222!important;
border-radius: 10px!important;
box-shadow: 0px 2px 10px rgb(0 0 0 / 30%)!important;
}
/* 用户等级 */
.user-level-detail[data-v-e845f484] {
border: 1px solid #222;
}
/* 动态 */
.link-panel-ctnr .load-more .load-more-btn[data-v-13f891d3],
.user-panel-ctnr .user-panel .content-ctnr .logout-btn[data-v-43630178] {
background-color: #3b3b3b!important;
color: #bcbcbc!important;
}
.attention-live .switch-btn[data-v-13f891d3]:active,
.attention-live .switch-btn[data-v-13f891d3]:hover {
background-color: #3b3e40!important;
}
/* 签到-日历 */
.calendar-checkin .title[data-v-502ec807],
.calendar-checkin .calendar-wrapper[data-v-502ec807] {
background-color: #222!important;
}
.calendar-checkin .calendar-wrapper .calendar .date-ctnr .day-item[data-v-502ec807] {
color: #bcbcbc;
font-size: 15px;
background: #222!important;
}
.calendar-checkin .calendar-wrapper .calendar .date-ctnr .day-item.checked[data-v-502ec807] {
font-size: 10px;
background: #2494bfbd!important;
border-radius: 20px;
}
.calendar-checkin .calendar-wrapper[data-v-502ec807] {
color: #8E8E8E!important;
}
/* 项目选中 */
.download-panel-ctnr .download-item[data-v-a2f1d3d2]:hover {
color: #3b3b3b!important;
}
.user-panel-ctnr .user-panel .content-ctnr .logout-btn[data-v-43630178]:hover {
color: #23ade5!important;
}
/* 搜索栏 */
.search-bar-ctnr .search-bar[data-v-2c8ee7e8] {
background-color: #505050cf!important;
border: 1px solid #505050cf!important;
}
.search-bar-ctnr .search-bar input[data-v-2c8ee7e8] {
color: #bcbcbc!important;
}
/* _____________________________________ */
/* 标题 */
.area-title[data-v-eb8f2e28],
.yzly-title[data-v-696ecdcd],
.area-title[data-v-eb8f2e28],
.title-text[data-v-4d0c9584],
.room-title[data-v-31b5c868],
.section-title[data-v-5710e9d2],
.banner-title[data-v-5710e9d2],
.room-anchor[data-v-d37dc90e],
.section-title[data-v-663a232e],
.item-title[data-v-663a232e] {
color: #e1e1e1;
}
/* 副标题 */
.item-title[data-v-663a232e],
.v-middle {
color: #bcbcbc;
}
/* 卡片外观 */
.highlight-area-item[data-v-18c69ba8],
.news-ctnr[data-v-663a232e],
.hab-ctnr[data-v-0b3ef62c],
.rank-ctnr[data-v-d37dc90e],
.rec-area-item[data-v-4d0c9584] {
background-color: #222;
border-radius: 10px;
box-shadow: 0px 2px 10px rgb(0 0 0 / 20%);
}
/* 背景补充 */
.text-info-ctnr.body-bg[data-v-31b5c868] {
background-color: #161819;
}
/* 悬浮窗口 */
.hover-panel-wrapper[data-v-31b5c868] {
background-color: #2B2B2B;
border-radius: 15px;
border: 0px;
}
.card-info-ctnr[data-v-31b5c868],
.text-info-ctnr[data-v-31b5c868] {
background-color: #2b2b2b;
}
.hover-panel-wrap[data-v-18c69ba8] {
background-color: #2b2b2b;
border: 1px solid #2b2b2b;
}
/* 右侧悬浮栏 */
.live-sidebar-ctnr[data-v-b5749cac] {
background-color: #222!important;
}
/* 切换按钮 */
.btn[data-v-696ecdcd] {
background: #3b3b3b;
}
.btn[data-v-696ecdcd]:hover {
background: #505050;
}
/* 推荐分区 */
.rec-area-item[data-v-4d0c9584] {
border: 0px;
}
/* _____________________________________ */
/* 底部栏 */
.link-footer[data-v-ac47a3c2] {
background-color: #131516!important;
}
/* 调整二维码亮度 */
.link-footer .footer-img-linker .footer-qrcode.qr-weixin[data-v-ac47a3c2],
.link-footer .footer-img-linker .footer-qrcode.qr-zbj[data-v-ac47a3c2],
.link-footer .footer-img-linker .footer-qrcode.qr-weibo[data-v-ac47a3c2] {
opacity: 0.8;
}
/* 专栏-深色模式
1.导航栏
2.底部
*/
/* https://www.bilibili.com/read/home */
/* 3.标题 */
.nav-tab-bar .tab-item span,
.page-content .left-side .partitio-name,
.page-content .left-side .partitio-name,
.page-content .right-side .rank-module .rank-tabs-bar label,
.page-content .right-side .search-module .search-block .search-word-panel .history-item,
.page-content .right-side .search-module .search-block .search-word-panel .suggest-item,
.page-content .right-side .rank-module .rank-list .item a,
.page-content .left-side .article-list .article-list-holder .article-item .item-holder .article-title-holder,
.page-content .right-side .up-list .title,
.page-content .right-side .up-list .up-item .info-holder .head .nick-name,
.page-content .right-side .more .top-bar,
.page-content .right-side .more .help .title,
.page-content .right-side .more .link .title {
color: #e1e1e1;
}
/* 4.副标题 */
.page-content .left-side .article-list .article-list-holder .article-item .item-holder .article-desc,
.page-content .right-side .rank-module .rank-tabs-bar .rank-tabs-list li,
.page-content .right-side .more .help .info,
.page-content .right-side .more .link .info,
.page-content .right-side .up-list .up-item .info-holder .dynamic .arc-title,
.page-content .right-side .up-list .up-item .info-holder .dynamic {
color: #bcbcbc;
}
/* 5.背景颜色 */
.page-content .left-side .article-list .article-list-holder .article-item,
.page-content .right-side .rank-module .rank-list .item,
.page-content .right-side .search-module .search-block input,
.page-content .left-side .article-list .article-list-holder .article-item .item-holder .article-title-holder,
.page-content .right-side .up-list {
background: #161819;
background-color: #161819;
}
/* 6.搜索栏 */
.page-content .right-side .search-module .search-block input {
color: #e1e1e1;
}
.page-content .right-side .search-module .search-block .search-word-panel,
.page-content .right-side .search-module .search-block .search-word-panel .panel-title p span {
background: #222;
}
.page-content .right-side .search-module .search-block .search-word-panel .history-item:hover,
.page-content .right-side .search-module .search-block .search-word-panel .suggest-item:hover {
background-color: #3b3b3b;
}
/* 7.排行榜 */
.page-content .right-side .rank-module .rank-list .item .rank-index {
color: #fff;
background: #999;
border-radius: 10px;
}
/* 8.返回顶部 */
.to-top {
background: #5050505e;
border: 0px;
}
/* 9.查看完整榜单、更新 */
.page-content .right-side .rank-module .complete-rank,
.page-content .right-side .up-list .fresh-btn {
background: #3b3b3b;
border-radius: 10px;
color: #ccc;
}
.page-content .right-side .up-list .fresh-btn {
border: 1px solid #3b3b3b;
}
/* 专栏文章详细内容页面-深色模式
https://www.bilibili.com/read/cvXXXXXXX */
/* 文章盒子外观 */
.article-container,
.article-up-info[data-v-2724bf84],
.recommend-list,
.right-side-bar .side-toolbar[data-v-3ee147b6],
.right-side-bar.on .to-top[data-v-3ee147b6] {
background-color: #222;
border-radius: 15px;
box-shadow: 1px 3px 10px rgb(0 0 0 / 40%);
}
/* 主标题 */
.article-container .title-container .title,
.normal-article-holder,
.article-up-info .up-name[data-v-2724bf84],
.recommend-list .recommend-header .title,
.recommend-list .recommend-article-list .left-panel .article-desc,
.recommend-list .recommend-article-list .left-panel .article-title {
color: #e1e1e1;
}
/* 更亮的副标题 */
.normal-article-holder figcaption,
.right-side-bar .side-toolbar .toolbar-item[data-v-3ee147b6],
.recommend-list .recommend-header .more,
.recommend-list .recommend-header .more .iconfont,
.article-tags .tag-item,
.interaction-info .toolbar .share-box,
.interaction-info .hover-item {
color: #bcbcbc;
}
/* 副标题 */
.article-breadcrumb .breadcrumb-name,
.article-breadcrumb .slash,
.right-side-bar .side-toolbar .toolbar-on[data-v-3ee147b6],
.right-side-bar .side-toolbar .toolbar-on>.iconfont[data-v-3ee147b6],
.right-side-bar .side-toolbar .toolbar-item .iconfont[data-v-3ee147b6],
.right-side-bar .to-top .iconfont[data-v-3ee147b6] {
color: #8E8E8E;
}
/* —————————————————————————————————————————————————— */
/* 下滑出现的标题 */
.fixed-top-header {
background: #141414;
}
.fixed-top-header .inner .inner-title,
.fixed-top-header .inner .up-info__name {
color: #bcbcbc;
}
/* 专题列表、专题列表-深色模式 */
/* 专题列表-https://www.bilibili.com/blackboard/topic_list.html#/ */
/* 话题列表-https://www.bilibili.com/topic/integrated-1.html */
/* 标题 */
.topic-main .topic-title .b-topic-t,
.topic-main .act-list ul li h2 a,
.b-head .b-head-t,
.art_list li h2 a {
color: #e1e1e1;
}
/* 副标题 */
.topic-main .nav-tab li,
.topic-main .act-list ul li .act-info,
.art_list li .info {
color: #8E8E8E;
}
.topic-main .act-list ul li,
.art_list li {
background: #222;
}
.topic-main .act-list ul li,
.art_list li {
border-bottom: 1px solid #e5e9ef;
padding: 0 0 20px;
margin: 20px 0 0;
border-radius: 10px;
}
.topic-main .act-list ul li img,
.art_list li img {
padding: 10px 0px 0px 10px;
}
/* 字与卡片上部距离 */
.topic-main .act-list ul li h2,
.art_list li h2 {
margin: 25px 0px 20px 0px;
}
/* 字向右移动 */
.topic-main .act-list ul li .act-info,
.topic-main .act-list ul li h2,
.art_list li .info {
padding: 0px 0px 0px 20px;
}
.topic-main .act-list ul li .found-time,
.art_list li .artInfo {
padding: 0px 0px 0px 165px;
}
/* 导航栏-动态 */
.content[data-v-35faf080],
.tip-box[data-v-213951fc],
.split-line .history-tip[data-v-213951fc] {
color: #bcbcbc;
}
.list-item[data-v-35faf080]:hover {
background-color: #70727d22;
}
.tab-bar[data-v-55a4a73b] {
border-bottom: 1px solid #bcbcbc80;
}
.split-line[data-v-213951fc]::before {
border-top: 1px solid #bcbcbc80;
}
.content[data-v-35faf080] {
color: #c2c8d0;
}
.loading-tip[data-v-77141e7e]::before {
display: none;
}
.name-line[data-v-35faf080] {
color: #e7e7e7e0;
}
/* 附历史记录fix */
.van-popper-history .view-all[data-v-c8b73006] {
background: #3b3b3b;
border-radius: 15px;
}
.van-popper-history .view-all[data-v-c8b73006]:hover {
background: #505050;
}
.main-container .pre-mask,
.player-module .player-tool-bar,
.main-container .media-info .media-cover {
background-color: #222;
}
textarea.ipt-txt {
color: #e1e1e1!important;
}
/* 番剧索引 */
/* https://www.bilibili.com/anime/index/ */
.sort-item,
.filter-block .filter-item-wrapper .filter-item,
.bangumi-item .pub-info {
color: #bcbcbc;
}
.filter-wrapper .filter-title,
.filter-block .filter-name,
.bangumi-item .bangumi-title {
color: #e1e1e1;
}
/* 通用页面切换栏 */
.pagelistbox .p {
background-color: #2B2B2B;
color: #bcbcbc;
border: 0px;
margin-right: 6px;
border-radius: 6px;
}
.pagelistbox .custom-right .custom-right-inner.custompage {
border: 0px;
background-color: #3b3b3b;
border-radius: 8px;
color: #e1e1e1;
}
.pagelistbox .p.active,
.pagelistbox .p:hover {
background-color: #00a1d6c7;
color: #e7e7e7e0;
}
.pagelistbox strong {
color: #aeaeae;
}
.top-header[data-v-305800a0] {
opacity: 0.6!important;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABWCAYAAADlqUfFAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK6wAACusBgosNWgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAbSURBVCiRY2RYcOM/AwMDAxMDFIwyRhkjjQEAc4gDI5wD87YAAAAASUVORK5CYII=) repeat!important;
}
.security_content {
border: 0px!important;
box-shadow: 0 2px 4px rgb(0 0 0 / 51%)!important;
background: #222!important;
border-radius: 15px!important;
}
/* 边框 */
.security-title[data-v-ccf9e1de],
.security-right-title[data-v-d88496a2],
.big-name-warp,
.big-privilege-warp,
.big-watch-wrapper,
.security-ul[data-v-ccf9e1de],
.security-list-jump[data-v-ccf9e1de],
.big-game-gift-warp,
.big-pendant-warp {
border-bottom: 1px solid #bcbcbc80!important;
}
.security-right {
border-left: 1px solid #bcbcbc80!important;
background: #141415!important;
}
/* 空白按钮 */
.big-gift-btn-home {
background: #3b3b3b!important;
color: #e7e7e7e0!important;
border: 1px solid #3b3b3b!important;
}
.big-gift-btn-home:hover {
background: #00b5e5!important;
border-color: #00b5e5!important;
color: #fff!important;
}
.big-gift-btn-home:hover {
opacity: 0.9!important;
}
.big-more-tool-btn {
border: 0px!important;
}
/* 蓝色按钮 */
.big-member-btn {
opacity: 0.9!important;
}
/* 标题 */
.big-privilege-title,
.big-watch-title,
.privilege-text,
.member-list-item-text,
.big-pendant-test,
.big-game-gift-text,
.security-list-link-jump[data-v-ccf9e1de] {
color: #e1e1e1!important;
}
/* - */
.right-more-btn {
color: #e1e1e1!important;
opacity: 0.8!important;
}
/* .m-arrow {
mask-size: 240px 352px;
mask-position: 1px -166.3px;
transform: scale(4);
mask: url(https://s1.hdslb.com/bfs/static/account-fe/static/img/icons_m_2.57e5263.png) no-repeat;
-webkit-mask-size: 240px 352px;
-webkit-mask-position: 1px -166.3px;
-webkit-transform: scale(4);
-webkit-mask: url(https://s1.hdslb.com/bfs/static/account-fe/static/img/icons_m_2.57e5263.png) no-repeat;
} */
/* - */
.security-nav-name[data-v-ccf9e1de] {
color: #e1e1e1!important;
}
.security-list[data-v-ccf9e1de]:hover,
.security-list-jump[data-v-ccf9e1de]:hover,
.security-list .child-list li a:hover,
.f-list-hover:hover {
background: #181819!important;
}
/* 首页 */
/* 主标题 */
.h-reward-info[data-v-73a4eedb],
.h-safe-title[data-v-73a4eedb],
.h-reward-info[data-v-47e00c3c],
.home-dialy-task-title[data-v-605b474c],
.re-exp-info[data-v-605b474c],
.points-exchange-title,
.points-info p,
.points-pendant-title p,
.points-how-title,
.face-g-list .face-g-block .face-g-block-title,
.safe-tips p[data-v-7a67297c],
.safe-tips p[data-v-7a67297c],
.main-content-title span.t {
color: #e1e1e1!important;
}
/* 副标题 */
.curren-b-num[data-v-3289e497],
.h-none-msg[data-v-47e00c3c],
.h-safe-desc[data-v-73a4eedb],
.home-to-space[data-v-7c0190e4],
.home-to-update[data-v-7c0190e4],
.now-num[data-v-7c0190e4],
.go-secuirty[data-v-73a4eedb],
.pendant-name,
.points-faq-info-list,
.tabs-nav-item[data-v-b0f4f67e],
.el-form-item__label,
.userinfo-username,
.face-nav>div a[data-v-744158d2],
.pendant-nav li div[data-v-33329e16],
.pendant-mail-margin h3[data-v-9545fde0],
.security-list .child-list li a,
.tab-btn-link,
.face-g-list .mp-block .left .mp-info .mp-title,
.face-g-list .mp-block .left .mp-info .mp-descr,
.face-g-list .mp-block .right ul li p.title,
.tab-mk2,
.module-title *,
.medal-message,
.hold-list-width div,
.receive-list-width div,
.nav-list li .list-title .list-title-text p[data-v-7a67297c],
.invitation-info-title,
.inv-record-title,
.table-normal tbody tr,
.record-nav-item,
.main-content-title span.i,
.record-group,
.record-login-descript,
.security-list .first-level,
.security-list .first-level,
.identify-component .identify-content .identify-container .identify-form p[data-v-4912b9b7],
.identify-tips .content .tips-box[data-v-35ab6dc5],
.upload-content .upload-text label[data-v-7ed48cef],
.be-row label {
color: #e1e1e1e0!important;
}
.nav-list li .list-description p[data-v-7a67297c] {
color: #bcbcbc;
}
div {
color: #bcbcbc;
}
/* 按钮透明度 */
.h-safe-btn[data-v-73a4eedb],
.h-safe-nobtn[data-v-73a4eedb],
.h-none-btn[data-v-47e00c3c],
.home-right[data-v-3289e497],
.home-head img[data-v-3289e497],
.home-dialy-exp-icon[data-v-605b474c],
.re-exp-getexp[data-v-605b474c],
.home-mp-icon[data-v-47e00c3c],
.h-reward-icon[data-v-73a4eedb],
.h-safe-icon[data-v-73a4eedb] {
opacity: 0.85!important;
}
/* 按钮边框 */
.home-to-space[data-v-7c0190e4],
.home-to-update[data-v-7c0190e4],
.points-box,
.points-pendant-item,
.tool-container[data-v-64afa771],
.pendant-list li[data-v-067994d3],
.hold-list,
.wear-list li,
.table-wrapper,
.indentify-page[data-v-32ecb098] {
border: 1px solid #bcbcbcbf!important;
}
.nav-list li[data-v-7a67297c],
.identify-component .identify-footer[data-v-4912b9b7] {
border-top: 1px solid #bcbcbc80!important;
}
/* 线边框 */
.index-info[data-v-3289e497],
.home-daily-task-warp[data-v-605b474c],
.home-mp[data-v-47e00c3c],
.points-pendant-warp,
.user-setting-warp .padding-dom,
.face-nav[data-v-744158d2],
.tabs-mk2,
.face-g-list .face-g-block,
.hold-list-width.details-list-t,
.invitation-top-warp,
.main-content-title,
.record-nav,
.sr-t,
.security-list .child-list,
.security-list .first-level,
.identify-component .identify-head[data-v-4912b9b7] {
border-bottom: 1px solid #bcbcbc80!important;
}
.points-header-warp,
#mp-mine-header,
#mp-mine-header.active {
opacity: 0.6;
}
.points-faq-line,
.points-btn {
opacity: 0.9;
}
.btn-small .btn-dufault {
opacity: 0.8;
}
.go-movie {
background-color: transparent!important;
}
.go-movie:hover {
background-color: #00a1d6!important;
color: #fff!important;
opacity: 0.9;
}
/* 填写框 */
.user-my-date .el-input__inner {
background: #3b3b3b;
border: 1px solid #3b3b3b;
color: #e1e1e1;
border-radius: 10px;
}
.el-input,
textarea.el-textarea__inner,
.user-my-sex .el-radio-button__inner,
input,
.be-row select {
background: #3b3b3b!important;
border: 1px solid #3b3b3b!important;
color: #e1e1e1!important;
border-radius: 10px!important;
}
.tool-uninstall-pendant[data-v-64afa771] {
background: #2b2b2b!important;
}
.pendant-list li[data-v-067994d3]:hover {
border: 1px solid #00a1d6!important;
}
/*通用表格框 */
/* 抬头 */
.invtable tr th,
table.invtable td,
.table-styleW thead tr td,
.table-normal tbody tr:nth-child(odd) {
background-color: #2b2b2b!important;
border: 1px solid #bcbcbc80!important;
color: #e1e1e1e0!important;
}
.identify-component .identify-head[data-v-4912b9b7],
.identify-content,
.indentify-page[data-v-32ecb098],
.identify-tips[data-v-35ab6dc5] {
background: #222!important;
}
.identify-component .identify-content .identify-container .identify-form p[data-v-4912b9b7] {
margin-top: 0px!important;
}
.b-head-search .b-head-search_input[_v-0a0880cb] {
background: #161819;
color: #bcbcbc;
}
.history-wrap .history-btn .btn:hover {
background-color: #0189ad;
color: #e0dfdf;
}
.history-wrap .b-head .b-head-t {
color: #e1e1e1;
}
.history-list .l-info .lastplay-time .lastplay-t {
color: #bcbcbc;
}
.history-list .l-info {
border-right: 1.5px solid #a2a1a1;
}
.history-list .l-info .lastplay-time .history-red-round {
border: 5px dashed #a2a1a1;
border-right-width: 0;
border-left-style: solid;
border-top-color: transparent;
border-bottom-color: transparent;
}
.history-list .r-info {
background: #161819;
}
.history-list .r-info .r-txt a {
color: #e1e1e1;
}
.history-list .r-info .w-info .device,
.history-list .r-info .w-info .pro-txt,
.history-list .r-info .w-info .username,
.history-list .r-info .w-info .name,
.history-list .r-info .history-delete,
.history-list .r-info .history-mark {
color: #bcbcbc;
}
/* 通用返回顶部 */
.go-top-m .go-top[_v-7ed6730a] {
border-radius: 8px;
background-color: #3b3b3b;
background-position: -714px -72px;
border: 0px;
}
.history-list .r-info .subtitle {
color: #e7e7e7e0;
}
.history-list .r-info .r-txt {
border-bottom: 1px solid #a2a1a1;
}
.history-wrap .load-contain .loadtv {
background: #161819
}
/* 漫画 */
/* 标题 */
.title .text,
.title,
.text,
.section-navigator .section-item[data-v-31dfb8ea],
.dp-i-block,
.nav-list .nav-item[data-v-d455879a],
.header-info .manga-info .manga-title[data-v-2a1c4edc],
.manga-detail .section .section-list .section-title[data-v-1addff6a],
.season-comment .section-title[data-v-3ae73d38],
.manga-detail .section .right-side .recommendation .header-content .title[data-v-1addff6a],
.rank-list-component .section-title,
.manga-card-vertical .text-info-section .manga-title[data-v-43fd1d36],
.manga-title[data-v-02948b0a],
.user-info-component .coin-info .coin-remain-count[data-v-3fee07fa],
.purchased-comic-item .list-content .manga-title[data-v-fb8f853e] {
color: #e1e1e1!important;
}
.user-info-component .unuseable[data-v-3fee07fa] {
color: #fff;
}
/* 标题2 */
.tab[data-v-69400fb0],
.nav-list .nav-item[data-v-2ba5b2f3],
.download-app[data-v-0113b803],
.manga-navbar-history-list .action-button,
.manga-navbar-favourite-manga .action-button,
.header-info .manga-info .supporting-text[data-v-2a1c4edc],
.header-info .manga-info .season-introduction[data-v-2a1c4edc],
.comic-info-panel .comic-detail .t-over-hidden-line[data-v-7245bbb6],
.manga-detail .section .right-side .recommendation .header-content .more[data-v-1addff6a],
.ranking-jump,
.manga-card-vertical .text-info-section .supporting-text[data-v-43fd1d36],
.page-content .input-label[data-v-92cc41a4],
.page-content .extral-info[data-v-92cc41a4],
.my-coupon .subtitle[data-v-69671022],
.coupon-label .container-left .coupon-reason[data-v-3bf259b7],
.purchased-comic-item .list-content .comic-content .bought-ep-count[data-v-fb8f853e],
.purchased-comic-item .list-content .comic-content .last-update-eq[data-v-fb8f853e],
.manga-checkbox .label-text[data-v-0d58838c],
.auto-purchase .page-sub-title[data-v-b5d44704] {
color: #e1e1e1e0!important;
}
/* 副标题 */
.header-info .manga-info .author-name[data-v-2a1c4edc],
.list-item[data-v-1153cf6e],
.comic-info-panel .comic-detail .comic-title[data-v-7245bbb6],
.rank-list-item .expand-mode .text-section .item-title[data-v-0a5a9178],
.rank-list-item .preview-mode[data-v-0a5a9178],
.schedule-item .text-section .title-text[data-v-683c59ab],
.search-bar .search-bar-bg .search-suggestion .suggestion-item[data-v-3c58a041],
.user-info-component .coin-info .b-coin[data-v-3fee07fa],
h1.page-title {
color: #e7e7e7e0;
}
.tags[data-v-455ef465],
.rank-list-item .preview-mode .supporting-text[data-v-0a5a9178],
.rank-list-item .expand-mode .text-section .footer-text[data-v-0a5a9178],
.recharge-history .list-item .text-info .recharge-date {
color: #bcbcbc;
}
.section-navigator[data-v-31dfb8ea],
.manga-navbar[data-v-0b65b86e],
.container .back-to-content[data-v-1d7037ba] {
background: #222;
}
/* 边框 */
.section-navigator[data-v-31dfb8ea],
.list-item.is-read[data-v-1153cf6e],
.list-item[data-v-1153cf6e] {
border: 1px solid #bcbcbc80;
}
.recharge-history .list-item,
.pivot-component .pivot-headers[data-v-4824e072],
.purchase-history .list-item {
border-bottom: 1px solid #bcbcbc80;
}
.search-bar .search-bar-bg[data-v-3c58a041] {
background-color: #505050;
}
.search-bar .search-input[data-v-3c58a041] {
color: #e1e1e1;
}
.search-bar .confirm-btn .search-icon[data-v-3c58a041] {
background-color: #fff;
-webkit-mask: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE3Ljg5IDE2LjQ4bDMuMzIgMy4zMWExIDEgMCAwMS0xLjQyIDEuNDJsLTMuMzEtMy4zMmE4Ljc5IDguNzkgMCAxMTEuNDEtMS40MXpNMTEgMTguMkE3LjIgNy4yIDAgMTAzLjggMTFhNy4yIDcuMiAwIDAwNy4yIDcuMnoiIGZpbGwtb3BhY2l0eT0iLjM0Ii8+PC9zdmc+);
-webkit-mask-size: 100% 100%;
mask: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IuWbvuWxgiAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE3Ljg5IDE2LjQ4bDMuMzIgMy4zMWExIDEgMCAwMS0xLjQyIDEuNDJsLTMuMzEtMy4zMmE4Ljc5IDguNzkgMCAxMTEuNDEtMS40MXpNMTEgMTguMkE3LjIgNy4yIDAgMTAzLjggMTFhNy4yIDcuMiAwIDAwNy4yIDcuMnoiIGZpbGwtb3BhY2l0eT0iLjM0Ii8+PC9zdmc+);
mask-size: 100% 100%;
}
.manga-navbar[data-v-0b65b86e] {
box-shadow: 0 0 5px 1px rgb(13 15 16);
}
.user-info-panel[data-v-39c37407] {
background: #191919;
color: #e1e1e1;
}
.user-info-panel .info-item .item-text[data-v-39c37407],
.user-info-panel .info-item .item-num[data-v-39c37407] {
color: #e7e7e7e0;
}
.user-panel .drop-list .logout-btn-container .logout-button[data-v-31ce2e23] {
background: #222;
color: #e7e7e7e0;
}
.user-panel .drop-list[data-v-31ce2e23] {
background: #222;
}
.section-navigator .section-item.current[data-v-31dfb8ea] {
background-color: #6fc3ffe0;
}
/* 漫画详情页面 */
/* 1.卡片 */
.manga-detail .layout[data-v-1addff6a],
.manga-detail .layout[data-v-1addff6a] {
border-radius: 15px;
background: #222!important;
box-shadow: 0 1px 8px 0 rgb(19 20 23);
}
/* 透明度 */
.manga-button.primary[data-v-b8e7c12a] {
opacity: 0.85;
}
.manga-button.ghost[data-v-b8e7c12a] {
color: #e1e1e1;
border: 1px solid #505050;
background-color: #505050;
}
.header-info .manga-info .action-buttons .do-favourite[data-v-2a1c4edc]:hover {
background-color: #424242;
}
.episode-list-component .episode-list .list-header .header-item[data-v-1a9c4470] {
background: #505050d4;
color: #e1e1e1e0;
}
.list-item[data-v-1153cf6e]:hover {
color: #e7e7e7e0;
background-color: #505050;
}
.title-tooltip[data-v-1153cf6e] {
background-color: #505050;
color: #e1e1e1;
}
.title-tooltip[data-v-1153cf6e]:before {
background-color: #505050;
}
.container .back-to-content .line[data-v-1d7037ba] {
color: #bcbcbc80;
}
/* 分类 */
.manga-info-ctnr[data-v-02948b0a] {
color: #bcbcbc!important;
}
.show-status-text[data-v-02948b0a],
.schedule-list .list-header .date-selector .date-item[data-v-0eaaed9b],
.schedule-item .text-section .status-text[data-v-683c59ab],
.user-info-component .user-info .uid[data-v-3fee07fa],
.coupon-label .container-left .limits-title[data-v-3bf259b7],
.coupon-label .container-left .coupon-expire-time[data-v-3bf259b7],
.purchase-history .list-item .text-info .recharge-date {
color: #bcbcbc!important;
}
.rank-item-wrapper[data-v-7260e4ec],
.rank-item-wrapper[data-v-1b06be34] {
background-image: none;
}
.schedule-list .list-header .date-selector .date-item[data-v-0eaaed9b]:hover {
color: #e7e7e78c;
}
.user-info-panel,
.data-list {
background: #191919;
color: #e1e1e1;
}
.user-info-panel .info-item .item-text,
.user-info-panel .info-item .item-num,
.search-bar .search-bar-bg .search-suggestion .suggestion-item {
color: #e7e7e7e0;
}
.user-panel .drop-list .logout-btn-container .logout-button,
.manga-navbar-history-list .drop-list .more-btn-container .more-button,
.manga-navbar-favourite-manga .drop-list .more-btn-container .more-button {
background: #222;
color: #e7e7e7e0;
}
.user-panel .drop-list,
.manga-navbar-history-list .drop-list,
.manga-navbar-favourite-manga .drop-list,
.data-list {
background: #222;
}
.data-list .list-container .data-item .text-section .footer-text .text[data-v-9293f53e],
.data-list .list-container .data-item .text-section .footer-text .text[data-v-2b2fc7ed] {
color: #e1e1e1e0!important;
}
.data-list .list-container .data-item .text-section .manga-title[data-v-9293f53e],
.data-list .list-container .data-item .text-section .manga-title[data-v-2b2fc7ed] {
color: #e1e1e1;
}
.multi-line-text:after,
.multi-line-text[data-v-12e8c17c]:after {
background: transparent;
}
.user-panel .drop-list,
.manga-navbar-history-list .drop-list,
.manga-navbar-favourite-manga .drop-list,
.data-list {
background: #191919;
}
/* 用户中心 */
.app-layout .page-content .router-view[data-v-14804250] {
background: #191919;
border-radius: 0px 10px 10px 0px;
}
.app-layout .page-content .app-sidebar[data-v-14804250] {
background: #222;
border-radius: 10px 0px 0px 10px;
}
.app-layout .page-content[data-v-14804250] {
background-color: #222;
border-radius: 10px;
}
.coupon-label .container-left[data-v-3bf259b7] {
background: #272727;
}
.coupon-label.whole-coupon[data-v-3bf259b7] {
opacity: 0.85;
}
.sidebar .nav-item.router-link-active[data-v-79ce36a4],
.sidebar .nav-item-indicator[data-v-79ce36a4] {
background: #191919;
}
.dropbox-component[data-v-27293bb3],
.manga-textbox[data-v-7789b467],
.page-content .feedback-content-input .feedback-input[data-v-92cc41a4] {
background: #3b3b3b;
border: 1px solid #3b3b3b;
color: #e1e1e1;
border-radius: 10px;
}
.auto-purchase-types .selected-type .selected-title[data-v-3c550b4d] {
background: #191919de;
}
.auto-purchase-types .selected-type .selection-list[data-v-3c550b4d],
.dropbox-component.is-open[data-v-27293bb3],
.dropbox-component .data-list[data-v-27293bb3] {
border: 1px solid #222;
border-radius: 8px;
background-color: #222;
}
.dropbox-component .data-list[data-v-27293bb3] {
border-radius: 0px;
}
.auto-purchase-types .selected-type .selection-list .selections-item[data-v-3c550b4d]:hover,
.dropbox-component .data-list>li[data-v-27293bb3]:hover {
background: #3b3e40!important;
}
.auto-purchase-types .selected-type .selection-list .selections-item[data-v-3c550b4d],
.recharge-history .list-item .text-info .display-text,
.purchase-history .list-item .text-info .display-text,
.rank-list-item .preview-mode .index-indicator[data-v-0a5a9178] {
color: #e1e1e1e0;
}
.video-page-card .card-box .pic-box {
background: #353434;
}
.up-info .btn-panel .default-btn,
.up-info .u-face .fa,
.vcd .cover[data-v-2202ce1b],
.mini-header[data-v-c00a7aa4] {
background: #222;
}
.nav-link-item .link[data-v-c00a7aa4] {
color: #e1e1e1;
}
.activity-m .inside-wrp .hinter-msg,
.activity-m .inside-wrp .l-inside,
.activity-m .onlytip,
.bb-comment .comment-list .list-item .user .name,
.comment-bilibili-fold .comment-list .list-item .user .name {
color: #e1e1e1e0;
}
#bilibili-player.mini-player:before {
box-shadow: 0 0 5px #212121;
}
#bilibili-player.mini-player .player {
box-shadow: 0 2px 8px 0px rgb(0 0 0);
}
/* 历史记录-New */
#pgc-navigate-wrap .ep-box .ep-sub .ep-item {
border: 1px solid #bcbcbc80;
border-radius: 15px;
color: #bcbcbc;
}
#pgc-navigate-wrap .ep-box .ep-sub .ep-item .name {
color: #e7e7e7e0;
}
#pgc-navigate-wrap .ep-box .ep-sub .ep-item:hover,
#pgc-navigate-wrap .play-btn:hover {
background-color: #00a1d6c7;
}
#pgc-navigate-wrap .play-btn:hover {
border: 1px solid #00a1d6c7;
color: #e7e7e0;
}
#pgc-navigate-wrap .ep-box.horizontal .ep-sub .ep-item,
#pgc-navigate-wrap .play-btn:hover .play-btn-svg {
color: #e7e7e7e0;
}
.pgc-item .right-info .headline .pgc-label {
color: #bcbcbc;
}
.pgc-item .right-info .intros .value,
.bangumi-item .right-info .intros .value {
color: #e8e8dce0;
}
.pgc-item .right-info .intros .label,
.bangumi-item .right-info .intros .label {
color: #dde7eae0;
}
.pgc-item .right-info .intros .desc,
.bangumi-item .right-info .intros .desc {
color: #e0d9e0e0;
}
#all-list .card-more {
color: #e7e7e7e0;
}
#all-list .mixin-list ul:not(:last-child) {
border-bottom: 1px solid #bcbcbc80;
}
.bangumi-item .right-info .score .user-count,
.pgc-item .right-info .score .user-count {
color: #bcbcbc;
}
.bangumi-item .right-info .headline .bangumi-label {
color: #bcbcbc;
}
.keyword {
opacity: 0.95;
}
.video-item.list {
border-bottom: 1px solid #bcbcbc80;
}
.video-item.list .type {
border: 1px solid #e5e9efb8;
color: #ced4d2;
}
.video-item.list .des {
color: #cec7cd;
}
.video-item.list .so-icon,
.video-item .so-icon .up-name,
.video-item.matrix .info .time,
.video-item.matrix .info .so-icon.watch-num {
color: #cdceca;
}
.error-wrap .text {
background: #161819;
}
.error-wrap {
border: 1px solid #bcbcbc80;
color: #e7e7e7e0;
}
.logo-input.clearfix {
width: max-content;
}
.search-wrap .search-logo {
background-position: -261px 0px;
width: 151px;
height: 43px;
float: left;
margin-top: 0px;
}
.search-wrap {
width: 625px;
}
.load-state .loading:before {
background: #161819;
}
.load-state .loading {
color: #e7e7e7e0;
font-size: 17px;
margin-right: 0px;
}
.search-wrap .fixed-top {
background: hsl(197deg 10% 18% / 90%);
}
.search-wrap .search-block .input-wrap input {
height: 18px;
background: #505050;
width: 296px;
border: 1px solid #ccd0d7;
border-radius: 20px;
color: #ffffffcc;
outline: none;
}
.search-wrap .search-block .input-wrap {
background: #161819;
}
.search-wrap .search-block .search-button {
opacity: 0.95;
border-radius: 22px;
}
.search-wrap .fixed-top .search-block .input-wrap input {
border: 1px solid #bcbcbc80;
border-radius: 15px;
}
.search-wrap .fixed-top .search-block .input-wrap {
background: transparent;
}
.search-wrap .fixed-top .search-block .search-loupe .icon-loupe {
opacity: 0.9;
background-position: -141px -320px;
}
.suggest-wrap {
background: #222;
border: 0px;
border-radius: 15px;
}
.suggest-wrap .keyword-wrap .keyword {
color: #e7e7e7e0;
}
.suggest-wrap .vt-text:hover {
background-color: #70727d22;
}
.suggest-wrap .horizontal .hz-text {
border: 1px solid #bcbcbc80;
color: #e1e7e8e0;
border-radius: 10px;
}
.suggest-wrap .vt-text {
color: #e4dee3e0;
}
.suggest-wrap .title span {
background: #222;
color: #bdb4b4;
}
.suggest-wrap .title {
border-top: 1px solid #bcbcbc;
}
.filter-wrap .sub-filter {
border-radius: 10px;
border: 1px solid #bcbcbc80;
background-color: #222;
}
.filter-wrap .icon-tid2-arr,
.filter-wrap .icon-tid1-arr {
position: inherit;
}
.filter-wrap .fold:hover {
background-color: #161819;
}
.filter-wrap .fold {
color: #bcbcbc;
}
.arrow-down,
.arrow-up {
filter: drop-shadow(0px 0px #fff);
}
.pager .pages .page-item button {
background-color: #2B2B2B;
color: #bcbcbc;
border: 0px;
margin-right: 6px;
border-radius: 6px;
}
.pager .pages .page-item.active button,
.pager .pages .page-item button:hover {
background-color: #00a1d6c7;
color: #e7e7e7e0;
border: 0px;
}
.pager .pages strong {
color: #aeaeae;
}
/* 搜索-首页 */
.home-wrap .home-input .content {
background: #505050;
color: #e1e1e1;
outline: none;
border: 1px solid #505050;
}
.home-wrap .home-input .type {
background: #505050;
border: 1px solid #505050;
color: #e7e7e7;
border-radius: 15px 0 0 15px;
border-right: 1px solid #bcbcbc80;
}
.home-wrap .home-input .searchBtn {
border-radius: 0 15px 15px 0;
}
.home-wrap .home-input {
width: 635px;
}
.home-wrap .home-suggest .title {
color: #e1e1e1;
}
.home-wrap .home-suggest .hot-search,
.home-wrap .home-suggest .history {
border: 1px solid #bcbcbc80;
border-radius: 15px;
}
.word,
a,
.home-wrap .home-suggest .history .list .item a {
color: #e1e1e1;
}
.home-wrap .home-suggest .hotlist .item {
border-bottom: 1px dotted #eeeeeead;
}
.home-wrap .home-suggest .hot-search .item .num.special,
.home-wrap .home-suggest .hotlist .num,
.home-wrap .home-suggest .history .list .item {
border-radius: 5px;
}
.home-wrap .home-input .type.selected,
.home-wrap .home-input .type:hover {
border: 1px solid #bcbcbc80;
background-image: linear-gradient( 0deg, #505050, #505050);
}
.home-wrap .home-input .list {
border: 1px solid #222;
border-radius: 8px;
background-color: #222;
color: #e7e7e7e0;
}
.home-wrap .home-input .list li:hover {
background-color: #3b3e40;
}
/* 消息中心-深色模式 */
body {
background: #161819!important;
}
/* 外观 */
.space-right .space-right-top .title[data-v-1c9150a9],
.card[data-v-fb77dc7a],
.space-left[data-v-1c9150a9],
.config[data-v-467e3e3e] {
background-color: #222;
-webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
border-radius: 5px;
}
.space-right[data-v-1c9150a9] {
background-color: #2b2b2b;
}
/* 设置刷新时背景颜色 */
/* document.querySelector("#link-message-container > div.container > div.space-right > div.space-right-bottom.ps > div.card > div > div").style.backgroundColor = "#222"*/
.link-progress-tv[data-v-42e02e95] {
background-color: #222!important;
}
/* 暗标题文字 */
.line-1 .name-field[data-v-657577a0],
.title[data-v-7d37e619],
.item a[data-v-7d37e619] {
color: #bcbcbc;
}
.line-1[data-v-657577a0] {
color: #8E8E8E;
}
.orginal-reply[data-v-8142435e],
.text-box[data-v-8142435e],
.text[data-v-e5050176] {
color: #bcbcbc;
}
.divider[data-v-1df9d092] {
border-bottom: 1px solid #bcbcbc80;
}
.side-bar .icon[data-v-7d37e619] {
background: #e7e7e7e0;
-webkit-mask: url(//s2.hdslb.com/bfs/static/blive/blfe-message-web/static/img/plane.c9984cf0.svg) no-repeat;
mask: url(//s2.hdslb.com/bfs/static/blive/blfe-message-web/static/img/plane.c9984cf0.svg) no-repeat;
mask-size: 100% 100%;
-webkit-mask-size: 100% 100%;
}
/* 消息中心-选项列表-icon */
.item[data-v-7d37e619]::before {
color: #e7e7e7e0;
}
.space-right .space-right-top .title[data-v-1c9150a9] {
box-shadow: 0 2px 4px 2px rgb(0 0 0 / 50%);
}
.card[data-v-fb77dc7a] {
border-radius: 15px;
}
/* 我的消息 */
.bili-im .left .title[data-v-12ea5675],
.list-item[data-v-1f03ec9a],
.bili-im .right[data-v-12ea5675],
.bili-im[data-v-12ea5675],
.bili-im {
background: #222;
}
.message-list[data-v-e8aa6bb6],
.send-box[data-v-7762b962] {
background-color: #141415;
}
.bili-im .left .title[data-v-12ea5675],
.title[data-v-79389194],
.love-item[data-v-bdf166be]:not(:last-child)::after {
border-bottom: 1px solid #bcbcbc80;
}
.bili-im .left[data-v-12ea5675] {
border-right: 1px solid #bcbcbc80;
}
.send-box[data-v-7762b962],
.divided-line[data-v-7d37e619] {
border-top: 1px solid #bcbcbc80;
}
.config .config-item[data-v-467e3e3e]:not(:first-child)::before {
background: #bcbcbc80;
}
/* #e1e1e1 */
.title span[data-v-79389194],
.list-item .name[data-v-1f03ec9a],
.bili-im .left .title[data-v-12ea5675],
span,
a.router-link-active,
.name,
.ar-recommend-item__info--title,
.auto-reply-push__desc,
.config .radio-selector[data-v-467e3e3e],
.title[data-v-196262e8],
.core-style[data-v-b2e4822a],
.action-menu .menu-list a[data-v-d43989d2] {
color: #e1e1e1;
}
.notify-wrapper .notify-text[data-v-e8aa6bb6] {
color: #3b3b3b;
}
.message .message-content.not-img[data-v-50547f2d] {
background: #313131;
color: #e1e1e1;
}
.list-item[data-v-1f03ec9a]:hover {
background-color: #181917;
}
.msg-push-new,
.auto-reply-push {
background: #222;
}
.send-btn[data-v-7762b962] {
background-color: #505050;
border-radius: 10px;
}
.btn-box[data-v-6cbfef24] {
border: 1px solid #505050;
color: #e1e1e1;
}
.action-menu .menu-list[data-v-d43989d2] {
border: 1px solid #222;
border-radius: 8px;
background-color: #222;
-webkit-box-shadow: 0 6px 12px 0 rgb(31 34 39 / 12%);
box-shadow: 0 6px 12px 0 rgb(31 34 39 / 22%);
}
.action-menu .menu-list a[data-v-d43989d2]:hover {
background-color: #3b3e40;
}
.action-menu .menu-list[data-v-d43989d2]:before {
background-color: #222;
border: 0px;
}
.reply-textarea[data-v-abfa145e] {
background-color: #222;
border: 1px solid #bcbcbc80;
overflow: auto;
border-radius: 10px;
color: #555;
}
.reply-textarea[data-v-abfa145e]:focus {
background: #1f1e1e;
}
.send-button[data-v-abfa145e],
.send-btn.active[data-v-7762b962]:hover {
opacity: 0.9;
}
.notify-wrapper .notify-text[data-v-e8aa6bb6] {
color: #ddd;
}
.notify-wrapper .notify-text[data-v-e8aa6bb6] {
background-color: #2f2f2f;
}
/* 消息中心-深色模式 */
body {
background: #161819!important;
}
/* 外观 */
.space-right .space-right-top .title[data-v-1c9150a9],
.card[data-v-fb77dc7a],
.space-left[data-v-1c9150a9],
.config[data-v-467e3e3e] {
background-color: #222;
-webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
border-radius: 5px;
}
.space-right[data-v-1c9150a9] {
background-color: #2b2b2b;
}
/* 设置刷新时背景颜色 */
/* document.querySelector("#link-message-container > div.container > div.space-right > div.space-right-bottom.ps > div.card > div > div").style.backgroundColor = "#222"*/
.link-progress-tv[data-v-42e02e95] {
background-color: #222!important;
}
/* 暗标题文字 */
.line-1 .name-field[data-v-657577a0],
.title[data-v-7d37e619],
.item a[data-v-7d37e619] {
color: #bcbcbc;
}
.line-1[data-v-657577a0] {
color: #8E8E8E;
}
.orginal-reply[data-v-8142435e],
.text-box[data-v-8142435e],
.text[data-v-e5050176] {
color: #bcbcbc;
}
.divider[data-v-1df9d092] {
border-bottom: 1px solid #bcbcbc80;
}
.side-bar .icon[data-v-7d37e619] {
background: #e7e7e7e0;
-webkit-mask: url(//s2.hdslb.com/bfs/static/blive/blfe-message-web/static/img/plane.c9984cf0.svg) no-repeat;
mask: url(//s2.hdslb.com/bfs/static/blive/blfe-message-web/static/img/plane.c9984cf0.svg) no-repeat;
mask-size: 100% 100%;
-webkit-mask-size: 100% 100%;
}
/* 消息中心-选项列表-icon */
.item[data-v-7d37e619]::before {
color: #e7e7e7e0;
}
.space-right .space-right-top .title[data-v-1c9150a9] {
box-shadow: 0 2px 4px 2px rgb(0 0 0 / 50%);
}
.card[data-v-fb77dc7a] {
border-radius: 15px;
}
/* 我的消息 */
.bili-im .left .title[data-v-12ea5675],
.list-item[data-v-1f03ec9a],
.bili-im .right[data-v-12ea5675],
.bili-im[data-v-12ea5675],
.bili-im {
background: #222;
}
.message-list[data-v-e8aa6bb6],
.send-box[data-v-7762b962] {
background-color: #141415;
}
.bili-im .left .title[data-v-12ea5675],
.title[data-v-79389194],
.love-item[data-v-bdf166be]:not(:last-child)::after {
border-bottom: 1px solid #bcbcbc80;
}
.bili-im .left[data-v-12ea5675] {
border-right: 1px solid #bcbcbc80;
}
.send-box[data-v-7762b962],
.divided-line[data-v-7d37e619] {
border-top: 1px solid #bcbcbc80;
}
.config .config-item[data-v-467e3e3e]:not(:first-child)::before {
background: #bcbcbc80;
}
/* #e1e1e1 */
.title span[data-v-79389194],
.list-item .name[data-v-1f03ec9a],
.bili-im .left .title[data-v-12ea5675],
span,
a.router-link-active,
.name,
.ar-recommend-item__info--title,
.auto-reply-push__desc,
.config .radio-selector[data-v-467e3e3e],
.title[data-v-196262e8],
.core-style[data-v-b2e4822a],
.action-menu .menu-list a[data-v-d43989d2] {
color: #e1e1e1;
}
.notify-wrapper .notify-text[data-v-e8aa6bb6] {
color: #3b3b3b;
}
.message .message-content.not-img[data-v-50547f2d] {
background: #313131;
color: #e1e1e1;
}
.list-item[data-v-1f03ec9a]:hover {
background-color: #181917;
}
.msg-push-new,
.auto-reply-push {
background: #222;
}
.send-btn[data-v-7762b962] {
background-color: #505050;
border-radius: 10px;
}
.btn-box[data-v-6cbfef24] {
border: 1px solid #505050;
color: #e1e1e1;
}
.action-menu .menu-list[data-v-d43989d2] {
border: 1px solid #222;
border-radius: 8px;
background-color: #222;
-webkit-box-shadow: 0 6px 12px 0 rgb(31 34 39 / 12%);
box-shadow: 0 6px 12px 0 rgb(31 34 39 / 22%);
}
.action-menu .menu-list a[data-v-d43989d2]:hover {
background-color: #3b3e40;
}
.action-menu .menu-list[data-v-d43989d2]:before {
background-color: #222;
border: 0px;
}
.reply-textarea[data-v-abfa145e] {
background-color: #222;
border: 1px solid #bcbcbc80;
overflow: auto;
border-radius: 10px;
color: #555;
}
.reply-textarea[data-v-abfa145e]:focus {
background: #1f1e1e;
}
.send-button[data-v-abfa145e],
.send-btn.active[data-v-7762b962]:hover {
opacity: 0.9;
}
.notify-wrapper .notify-text[data-v-e8aa6bb6] {
color: #ddd;
}
.notify-wrapper .notify-text[data-v-e8aa6bb6] {
background-color: #2f2f2f;
}
/* 小黑屋 */
/* https://www.bilibili.com/blackroom/ban */
.ban-modal,
.ban-modal-h5 {
background: #222;
}
.ban-modal {
border-radius: 10px;
}
.pub-list .info .name[data-v-46dd4b8a] {
color: #e7e7e7e0;
}
.pub-list .info .type .bk-title[data-v-46dd4b8a],
.pub-list .info dl dt[data-v-46dd4b8a] {
color: #bcbcbc;
}
.pub-list .info dl[data-v-46dd4b8a] {
border-left: 3px solid #bcbcbc80;
}
.publicity .header[data-v-381593fc] {
color: #e1e1e1;
}
.select-wrap .select-txt[data-v-78203d85] {
background: #161819;
}
/*通用多选项框 */
.select-wrap .select-option[data-v-78203d85] {
border: 1px solid #222;
border-radius: 8px;
background-color: #222;
}
.select-wrap .select-option p[data-v-78203d85]:hover {
background-color: #3b3e40;
}
/* 小黑屋详细内容页面 */
.ban-detail .content-box .info-wrap[data-v-2812059c] {
border-radius: 15px;
background: #222;
box-shadow: 3px 4px 6px #00000057;
}
.comment-wrap[data-v-b2676c04] {
background: #161819;
}
.ban-detail .content-box .bk-user-info .name[data-v-2812059c] {
color: #e7e7e7e0;
}
.ban-detail .content-box .punish-title[data-v-2812059c] {
color: #bcbcbc;
}
.ban-detail .content-box .bk-text-con[data-v-2812059c] {
color: #e7e7e7e0;
border-left: 4px solid #bcbcbc80;
}
.what-ban .text-con[data-v-d8d6c3a6] {
background: #222;
}
.what-ban .text-con .title[data-v-d8d6c3a6] {
color: #e7e7e7e0;
}
.what-ban .text-con .txt[data-v-d8d6c3a6] {
color: #bcbcbc;
}
.ban-detail .content-box .link-box[data-v-2812059c] {
border: 1px solid #bcbcbc80;
color: #e7e7e7e0;
}
.ban-detail .content-box .link-box .box-right .origin-text[data-v-2812059c],
.ban-detail .content-box .link-box .box-rule .origin-text[data-v-2812059c] {
color: #e7e7e7e0;
}
.comment-wrap .header .title-h2[data-v-b2676c04] {
color: #e1e1e1;
}
.comment-wrap[data-v-b2676c04] {
border-radius: 15px;
box-shadow: 2px 4px 15px 0px #00000052;
}
.crumbs a {
color: #aeaeae;
}
.crumbs {
color: #e1e1e1e0;
}
.ban-detail .content-box[data-v-c428d402] {
border-radius: 15px;
background: #222;
}
.block-wrap article .list-item p[data-v-08d650dd] {
color: #e7e7e7e0;
}
.notice-wrap .news-box[data-v-859f8efc] {
background: #222;
}
.notice-wrap .news-box .news-title[data-v-859f8efc] {
color: #e1e1e1;
}
.notice-wrap .news-box .item .title strong[data-v-859f8efc] {
color: #e7e7e7e0;
}
.paginator .paging-box-big .current[data-v-99397e02],
.paginator .paging-box-big .dian[data-v-99397e02],
.paginator .paging-box-big .next[data-v-99397e02],
.paginator .paging-box-big .prev[data-v-99397e02],
.paginator .paging-box-big .tcd-number[data-v-99397e02] {
background-color: #2B2B2B;
color: #bcbcbc;
border: 0px;
margin-right: 6px;
border-radius: 6px;
}
.paginator .paging-box-big .page-jump input[data-v-99397e02] {
border: 0px;
background-color: #3b3b3b;
border-radius: 8px;
color: #e1e1e1;
}
.paginator .paging-box-big .current[data-v-99397e02],
.paginator .paging-box-big .current[data-v-99397e02]:hover,
.paginator .paging-box-big .dian[data-v-99397e02]:hover,
.paginator .paging-box-big .next[data-v-99397e02]:hover,
.paginator .paging-box-big .prev[data-v-99397e02]:hover,
.paginator .paging-box-big .tcd-number[data-v-99397e02]:hover {
background-color: #00a1d6c7;
color: #e7e7e7e0;
border: 0px;
}
.act-rich-style-init2 .public-DraftEditor-content,
.act-rich-style-init2 .act-rich-render-content {
color: e7e7e7e0;
}
.timeline-header {
background: #161819;
box-shadow: 0 10px 10px #0e0e0ecc;
-webkit-box-shadow: 0 10px 10px #0e0e0ecc;
}
.tl-head {
background: #161819;
}
.tl-head .tl-day {
background: #161819;
}
.tl-head .tl-day.today span.t-date,
.tl-head .tl-day.today span.t-week {
color: #e7e7e7e0;
}
/* 全部，连载动画 */
.bread-crumb ul li a {
color: #e7e7e7e0;
}
.season-timeline {
background: #161819;
}
li.season-item .season-body .season-title span.follow {
border-radius: 7px;
}
li.season-item .season-body .season-title {
color: #e7e7e7e0;
}
.season-timeline .season-group .group-time:before {
background: #161819;
}
.season-timeline .season-group .group-time {
color: #e7e7e7e0;
}
.season-timer .current-timer:before {
opacity: 0.9;
}
.timeline-wrapper .tl-body-list {
background: #161819;
}
.season-empty .season-bg.ball-2 {
opacity: 0.8;
}
.season-timeline .season-group {
border-left: 1px dashed #bcbcbc80;
}
.tl-head .tl-day span {
color: #adadad;
}
.tl-head .week-1,
.tl-head .week-2,
.tl-head .week-3,
.tl-head .week-4,
.tl-head .week-5,
.tl-head .week-6,
.tl-head .week-7,
.tl-head .tl-day .indicator {
opacity: 0.8;
}
.timeline-header {
background: #161819;
box-shadow: 0 10px 10px #0e0e0ecc;
-webkit-box-shadow: 0 10px 10px #0e0e0ecc;
}
.tl-head {
background: #161819;
}
.tl-head .tl-day {
background: #161819;
}
.tl-head .tl-day.today span.t-date,
.tl-head .tl-day.today span.t-week {
color: #e7e7e7e0;
}
/* 全部，连载动画 */
.bread-crumb ul li a {
color: #e7e7e7e0;
}
.season-timeline {
background: #161819;
}
li.season-item .season-body .season-title span.follow {
border-radius: 7px;
}
li.season-item .season-body .season-title {
color: #e7e7e7e0;
}
.season-timeline .season-group .group-time:before {
background: #161819;
}
.season-timeline .season-group .group-time {
color: #e7e7e7e0;
}
.season-timer .current-timer:before {
opacity: 0.9;
}
.timeline-wrapper .tl-body-list {
background: #161819;
}
.season-empty .season-bg.ball-2 {
opacity: 0.8;
}
.season-timeline .season-group {
border-left: 1px dashed #bcbcbc80;
}
.tl-head .tl-day span {
color: #adadad;
}
.tl-head .week-1,
.tl-head .week-2,
.tl-head .week-3,
.tl-head .week-4,
.tl-head .week-5,
.tl-head .week-6,
.tl-head .week-7,
.tl-head .tl-day .indicator {
opacity: 0.8;
}
`
if (typeof GM_addStyle !== "undefined") {
GM_addStyle(css);
} else {
var styleNode = document.createElement("style");
styleNode.appendChild(document.createTextNode(css));
(document.querySelector("head") || document.documentElement).appendChild(styleNode);
}
})();