bilibili深色 BewlyBewly 配色个人使用 by MistsObscure

/* ==UserStyle==
@name         bilibili深色BewlyBewly配色个人使用
@version      20240623.04.55
@namespace    https://userstyles.world/user/MistsObscure
@description  bilibili深色的BewlyBewly配色
@author       MistsObscure
@license      No License
==/UserStyle== */

@-moz-document regexp("^(https?://)?(?!t\\.|account\\.|www\\.bilibili\\.com/v/popular/)([a-zA-Z0-9_-]+\\.)?bilibili\\.com(/.*)?$") {
/* 定义 */
:root {
    --bew-shadow-1: 0 4px 6px -1px rgb(0 0 0 / .18), 0 2px 4px -2px rgb(0 0 0 / .14);
    --bew-shadow-2: 0 10px 15px -3px rgb(0 0 0 / .2), 0 4px 6px -4px rgb(0 0 0 / .16);
    --bew-shadow-3: 0 20px 25px -5px rgb(0 0 0 / .22), 0 8px 10px -6px rgb(0 0 0 / .18);
    --bew-shadow-4: 0 34px 50px -20px rgb(0 0 0 / .24), 0 32px 45px -12px rgb(0 0 0 / .2), 0 30px 40px -8px rgb(0 0 0 / .22);
    --bew-shadow-edge-glow-1: inset 0 0 4px rgba(255, 255, 255, .06);
    --bew-shadow-edge-glow-2: inset 0 0 8px rgba(255, 255, 255, .1);
    --bew-logo-color: var(--bew-text-1);
    --bew-theme-color-auto: white;
    --bew-text-auto: black;
    --bew-text-1: hsl(215 19% 98%);
    --bew-text-2: hsl(215 19% 90% / 80%);
    --bew-text-3: hsl(215 19% 82% / 60%);
    --bew-text-4: hsl(215 19% 74% / 40%);
    --bew-bg: hsl(230 12% 6%);
    --bew-homepage-bg: hsl(230 12% 6%);
    --bew-homepage-bg-mask: hsl(230 12% 6% / var(--bew-homepage-bg-mask-opacity));
    --bew-content-1: hsl(230 12% 12% / var(--bew-content-opacity));
    --bew-content-1-hover: hsl(230 12% 28% / var(--bew-content-opacity));
    --bew-content-2: hsl(240 14% 15% / var(--bew-content-opacity));
    --bew-content-2-hover: hsl(240 14% 31% / var(--bew-content-opacity));
    --bew-content-solid-1: hsl(230 12% 12%);
    --bew-content-solid-1-hover: hsl(230 12% 28%);
    --bew-content-solid-2: hsl(240 14% 15%);
    --bew-content-solid-2-hover: hsl(240 14% 31%);
    --bew-elevated-1: hsl(230 12% 15% / var(--bew-content-opacity));
    --bew-elevated-1-hover: hsl(230 12% 31% / var(--bew-content-opacity));
    --bew-elevated-2: hsl(230 12% 18% / var(--bew-content-opacity));
    --bew-elevated-2-hover: hsl(230 12% 34% / var(--bew-content-opacity));
    --bew-elevated-solid-1: hsl(230 12% 15%);
    --bew-elevated-solid-1-hover: hsl(230 12% 31%);
    --bew-elevated-solid-2: hsl(230 12% 18%);
    --bew-elevated-solid-2-hover: hsl(230 12% 34%);
    --bew-fill-1: rgb(131 131 145 / 14%);
    --bew-fill-2: rgb(131 131 145 / 24%);
    --bew-fill-3: rgb(131 131 145 / 34%);
    --bew-fill-4: rgb(131 131 145 / 44%);
    --bew-border-color: rgb(131 131 145 / 26%);
    --bew-theme-color: #00a1d6;
    --bew-theme-color-10: rgba(0, 161, 214, 0.1);
    --bew-theme-color-20: rgba(0, 161, 214, 0.2);
    --bew-theme-color-30: rgba(0, 161, 214, 0.30000000000000004);
    --bew-theme-color-40: rgba(0, 161, 214, 0.4);
    --bew-theme-color-50: rgba(0, 161, 214, 0.5);
    --bew-theme-color-60: rgba(0, 161, 214, 0.6);
    --bew-theme-color-70: rgba(0, 161, 214, 0.7000000000000001);
    --bew-theme-color-80: rgba(0, 161, 214, 0.8);
    --bew-theme-color-90: rgba(0, 161, 214, 0.9);
}
:root {
    --bg1: var(--bew-bg);
    --bg2: var(--bew-content-solid-2);
    --bg3: var(--bew-content-solid-2);
    --bg1_float: var(--bew-elevated-solid-1);
    --bg2_float: var(--bew-elevated-solid-2);
    --text_white: var(--Wh0_u);
    --text1: var(--bew-text-1);
    --text2: var(--bew-text-2);
    --text3: var(--bew-text-3);
    --text4: var(--bew-text-4);
    --text_notice: var(--Ye6);
    --line_light: var(--bew-fill-1);
    --line_regular: var(--bew-fill-2);
    --line_bold: var(--bew-fill-3);
    --graph_white: var(--bew-content-solid-1);
    --graph_bg_thin: var(--bew-content-solid-1);
    --graph_bg_regular: var(--bew-content-solid-1);
    --graph_bg_thick: var(--bew-elevated-solid-2);
    --bpx-aux-header-bg: var(--bew-content-solid-1);
    --bpx-aux-header-icon: var(--bew-text-2);
    --bpx-aux-header-font: var(--bew-text-1);
    --bpx-aux-content-bg: var(--bew-content-solid-1);
    --bpx-aux-content-font1: var(--bew-text-1);
    --bpx-aux-content-font2: var(--bew-text-2);
    --bpx-aux-footer-bg: var(--bew-content-solid-1);
    --bpx-aux-footer-font: var(--bew-text-3);
    --bpx-aux-footer-font-hover: var(--bew-text-1);
    --bpx-dmsend-main-bg: var(--bew-content-solid-1);
    --bpx-dmsend-input-bg: var(--bew-fill-1);
    --bpx-dmsend-info-font: var(--bew-text-1);
    --bpx-dmsend-switch-icon: var(--bew-text-2);
    --bpx-dmsend-border: var(--bew-border-color);
    --bpx-dmsend-input-font: var(--bew-text-1);
}

html {
    background-color: var(--bew-bg);
}
html,
body {
    color: var(--bew-text-1);
    line-height: unset;
    background-image: none;
    min-width: unset !important;
    filter: none !important;
}
 body {
    background-color: unset;
}

.section .count:before {
    content: none
}
}

@-moz-document regexp("^(https?://)?(?!t\\.|account\\.)([a-zA-Z0-9_-]+\\.)?bilibili\\.com(/.*)?$") {
/* reset */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    background-color: unset;
}
}

@-moz-document regexp("^(https?://)?(?!t\\.|account\\.|www\\.bilibili\\.com/v/popular/)([a-zA-Z0-9_-]+\\.)?bilibili\\.com(/.*)?$") {
/* color 代码 */
.section-title,
#page-index .col-2 .section .user-auth.no-auth .no-auth-title .goto-auth,
.user-info .user-info-title .info-title,
.article-title,
#page-index .channel.guest .channel-item .channel-title .channel-name,
#page-index .channel .channel-item .channel-name,
.large-item .title,
#pin-wrapper .pin-layer-vlist .small-item .title,
#page-setting .setting-privacy-item .setting-privacy-name,
#page-setting .setting-index-module,
.favInfo-box .favInfo-details .fav-name,
#page-follows .follow-main .follow-action-bottom li,
.modal-wrapper .modal-title,
#page-fav .fav-sidenav .nav-title .text,
.be-dropdown-item,
a,
.create-wrapper .dialog-title,
.create-wrapper .create-input .command,
.create-wrapper .choose-action .back-btn,
.create-wrapper .choose-action .cancel-btn,
.create-wrapper .create-action .back-btn,
.create-wrapper .create-action .cancel-btn,
.edit-media-list .edit-mask .edit-board .head,
.edit-media-list .edit-mask .edit-board .edit-info .info-wrap .title,
.edit-media-list .edit-mask .edit-board .edit-info .upload-cover-wrapper .cover-title,
.pgc-space-follow-item .bangumi-options .opt-list li,
#page-setting #setting-new-tag-btn,
#page-follows .follow-main .follow-action-top .back-to-info,
#page-video .play-all-btn,
#page-fav .fav-main .filter-item,
#page-fav .fav-main .filter-item .filter-type .be-dropdown-item span,
#page-fav .fav-main .fav-action-bottom li,
.sub-tabs span,
#page-follows .follow-tabs,
.elec .elec-count,
#page-index .col-2 .section .user-auth .auth-description,
#page-series-index .channel-item .channel-name,
#page-collection-detail .channel-detail .content .breadcrumb .item,
.bangumi-pagelistbox .custom-right .custom-right-inner.custompage,
.feed-dynamic-header-title,
.bb-comment .operation .opera-list,
.comment-bilibili-fold .operation .opera-list,
.bili-at-popup__user-name {
    color: var(--bew-text-1) !important;
}

.n .n-data .n-data-v,
.breadcrumb .item.cur,
#page-follows .list-item .title,
#page-follows .follow-sidenav .follow-list-container .follow-item,
#page-video .page-head__left .video-title,
.card .more-panel,
.original-card-content .title,
.pgc-space-follow-item .pgc-item-info .pgc-item-title,
.search-component-input input,
#page-article .row .breadcrumb .item,
.album-list__title,
.bangumi-pagelistbox .p,
.wrapper .edit-video-modal .target-favlist .target-favitem .target-fav-title .fav-meta .fav-name,
.wrapper .edit-video-modal .edit-video-title,
#page-series-detail .channel-detail .content .breadcrumb .item,
.user-info .info-content .info-value,
.opus-list .opus-item-title,
.elec .elec-setting,
.elec .elec-total-c-num,
.g-search input,
#page-index #i-ann-content textarea,
#pin-wrapper #pin-layer-search,
#pin-wrapper .pin-layer-reason #pin-layer-reason-input input,
.btn.default,
.n .n-inner,
#page-index .col-1,
#page-index .col-2 .section,
#page-dynamic .col-2 .section,
.game-card .game-card__info-title,
.favInfo-box .collection-details .title .icon-heji,
.favInfo-box .collection-details .title .title-name,
#page-follows .modal-container.edit-video-modal .target-followitem,
#page-fav .fav-main .search-input input,
#page-fav .fav-main .fav-action-bottom .search-results-num,
.card .main-content .user-name a,
.h .report-popup-tip,
.follow-dialog-wrap .follow-dialog-window .title,
.follow-dialog-wrap .follow-dialog-window .content .group-list li,
.be-input,
.pugv-container .pugv-item .item-infos .main-title,
.subscribe-list li .subscribe-title,
.i-live .i-live-text {
    color: var(--bew-text-1) !important;
}


.i-m-btn,
.elec .elec-total-count,
.pgc-space-follow-item .pgc-item-info .pgc-item-desc,
#page-follows .follow-main .follow-action-bottom .select-counter,
#page-follows .list-item .auth-description,
.edit-media-list .edit-mask .edit-board .edit-info .media-list-type,
#page-fav .fav-main .fav-action-top .back-to-info,
.v-search-result,
.feed-dynamic-header-search,
.section .count,
.list-create .text,
.btn-container .btn {
    color: var(--bew-text-2);
}


.btn.ghost,
.btn.ghost:focus,
.btn.ghost:hover,
#pin-wrapper .pin-layer-header-counter,
.channel-add-video .text,
.series-item .item-title .qipapnum,
.series-item .header .btn-row .btn,
#page-series-index .channel-index .breadcrumb .item.cur .create-series-icon,
.bili-dyn-interaction__item__desc .bili-rich-text-module,
.user-info .user-info-title .change-info-btn,
.user-info .info-content .info-command,
.opus-list .opus-item-content,
.section-title .play-all-channel,
#page-index .col-1 .section .more,
#page-index .channel .section-right-options .play-all-channel,
.section .operation,
.list-item .desc,
#page-follows .modal-container.edit-video-modal .target-follow-name .target-follow-notice,
#page-fav .sea...