mirror of
https://github.com/the1812/Bilibili-Evolved.git
synced 2025-11-04 21:22:45 +08:00
Rename all scss files
This commit is contained in:
parent
00fcb89017
commit
3e37706090
1
.gitignore
vendored
1
.gitignore
vendored
@ -6,6 +6,7 @@ build.cache
|
||||
dark.scss
|
||||
dark-template.scss
|
||||
min/dark-slice-*.min.scss
|
||||
*.csx
|
||||
|
||||
## Ignore Visual Studio temporary files, build results, and
|
||||
## files generated by popular Visual Studio add-ons.
|
||||
|
||||
@ -121,11 +121,11 @@
|
||||
{
|
||||
const resourceManifest = {
|
||||
style: {
|
||||
path: "min/style.min.scss",
|
||||
path: "min/style.min.css",
|
||||
order: 10,
|
||||
},
|
||||
oldStyle: {
|
||||
path: "min/old.min.scss",
|
||||
path: "min/old.min.css",
|
||||
order: 10,
|
||||
},
|
||||
scrollbarStyle: {
|
||||
@ -133,17 +133,17 @@
|
||||
order: 10,
|
||||
},
|
||||
darkStyle: {
|
||||
path: "min/dark.min.scss",
|
||||
path: "min/dark.min.css",
|
||||
order: 11,
|
||||
},
|
||||
darkStyleImportant: {
|
||||
path: "min/dark-important.min.scss",
|
||||
path: "min/dark-important.min.css",
|
||||
},
|
||||
darkStyleNavBar: {
|
||||
path: "min/dark-navbar.min.scss",
|
||||
path: "min/dark-navbar.min.css",
|
||||
},
|
||||
touchPlayerStyle: {
|
||||
path: "min/touch-player.min.scss",
|
||||
path: "min/touch-player.min.css",
|
||||
order: 13,
|
||||
},
|
||||
navbarOverrideStyle: {
|
||||
@ -159,7 +159,7 @@
|
||||
order: 16,
|
||||
},
|
||||
guiSettingsStyle: {
|
||||
path: "min/gui-settings.min.scss",
|
||||
path: "min/gui-settings.min.css",
|
||||
order: 12,
|
||||
},
|
||||
fullTweetsTitleStyle: {
|
||||
@ -167,11 +167,11 @@
|
||||
order: 17,
|
||||
},
|
||||
imageViewerStyle: {
|
||||
path: "min/image-viewer.min.scss",
|
||||
path: "min/image-viewer.min.css",
|
||||
order: 18,
|
||||
},
|
||||
toastStyle: {
|
||||
path: "min/toast.min.scss",
|
||||
path: "min/toast.min.css",
|
||||
order: 19,
|
||||
},
|
||||
blurVideoControlStyle: {
|
||||
@ -179,10 +179,10 @@
|
||||
order: 20,
|
||||
},
|
||||
forceWideStyle: {
|
||||
path: "min/force-wide.min.scss",
|
||||
path: "min/force-wide.min.css",
|
||||
},
|
||||
downloadVideoStyle: {
|
||||
path: "min/download-video.min.scss",
|
||||
path: "min/download-video.min.css",
|
||||
},
|
||||
guiSettingsDom: {
|
||||
path: "min/gui-settings.min.html",
|
||||
@ -438,7 +438,7 @@
|
||||
path: "min/about.min.html",
|
||||
},
|
||||
aboutStyle: {
|
||||
path: "min/about.min.scss",
|
||||
path: "min/about.min.css",
|
||||
},
|
||||
about: {
|
||||
path: "min/about.min.js",
|
||||
@ -453,7 +453,7 @@
|
||||
}
|
||||
},
|
||||
customControlBackgroundStyle: {
|
||||
path: "min/custom-control-background.min.scss",
|
||||
path: "min/custom-control-background.min.css",
|
||||
order: 21
|
||||
},
|
||||
customControlBackground: {
|
||||
@ -922,7 +922,7 @@
|
||||
}
|
||||
static fromUrl(url)
|
||||
{
|
||||
if (url.indexOf(".scss") !== -1 || url.indexOf(".css") !== -1)
|
||||
if (url.indexOf(".css") !== -1)
|
||||
{
|
||||
return this.style;
|
||||
}
|
||||
|
||||
@ -87,7 +87,7 @@ blockquote .color-yellow-04,
|
||||
.left-nav-ul .left-nav-list.on .left-nav-item .icon,
|
||||
.left-nav-ul .left-nav-list.on .left-nav-item
|
||||
{
|
||||
color: $customStyleColor !important;
|
||||
color: var(--theme-color) !important;
|
||||
}
|
||||
|
||||
.season-timeline .season-group.today,
|
||||
@ -96,7 +96,7 @@ blockquote .color-yellow-04,
|
||||
.tag-list li.tag-item.on,
|
||||
.tag-list li.tag-item:hover
|
||||
{
|
||||
border-color: $customStyleColor !important;
|
||||
border-color: var(--theme-color) !important;
|
||||
}
|
||||
.season-timeline .season-group.today.is-published .group-time::before,
|
||||
.bg-blue,
|
||||
@ -110,7 +110,7 @@ blockquote .color-yellow-04,
|
||||
.user-setting-warp .el-radio-button__orig-radio:checked + .el-radio-button__inner,
|
||||
.user-my-btn .el-button--primary
|
||||
{
|
||||
background-color: $customStyleColor !important;
|
||||
background-color: var(--theme-color) !important;
|
||||
}
|
||||
.face-g-tab li.current,
|
||||
.current .tab-btn-link,
|
||||
@ -118,5 +118,5 @@ blockquote .color-yellow-04,
|
||||
.el-date-table td.end-date,
|
||||
.el-date-table td.start-date
|
||||
{
|
||||
color: $foreground !important;
|
||||
color: var(--foreground-color) !important;
|
||||
}
|
||||
@ -53,7 +53,7 @@
|
||||
.uns_box li.u-i:hover a.i-link,
|
||||
.z_top .i-link:hover
|
||||
{
|
||||
color: $customStyleColor;
|
||||
color: var(--theme-color);
|
||||
}
|
||||
#link-navbar-vm>.link-navbar-ctnr,
|
||||
#app>.link-navbar
|
||||
@ -1569,14 +1569,14 @@ ul.up-nav li
|
||||
.home-wrap .home-logo,
|
||||
.home-wrap .home-tips .tips-link .tip-item>a
|
||||
{
|
||||
filter: $blueImageFilter !important;
|
||||
filter: var(--blue-image-filter) !important;
|
||||
}
|
||||
.single-button .text-bar.selected,
|
||||
.is-max .percentage-bar,
|
||||
.calendar .day-item.gift-checked,
|
||||
.home-wrap .home-tips .tips-link .tip-item>a:hover
|
||||
{
|
||||
filter: $pinkImageFilter !important;
|
||||
filter: var(--pink-image-filter) !important;
|
||||
}
|
||||
.switch-wrap i.icon-aver,
|
||||
.switch-wrap i.icon-imgleft,
|
||||
@ -1694,7 +1694,7 @@ div.drag-bar,
|
||||
.live-player-ctnr.minimal,
|
||||
.bb-comment .nameplate .nameplate-card
|
||||
{
|
||||
box-shadow: 0px 1px 10px 0px $customStyleColor30 !important;
|
||||
box-shadow: 0px 1px 10px 0px var(--theme-color-30) !important;
|
||||
}
|
||||
.sticky-bar
|
||||
{
|
||||
@ -1739,11 +1739,11 @@ canvas.cliper.is-img,
|
||||
}
|
||||
.bilibili-player-video-progress-detail-sign-down
|
||||
{
|
||||
border-top-color: $customStyleColor !important;
|
||||
border-top-color: var(--theme-color) !important;
|
||||
}
|
||||
.bilibili-player-video-progress-detail-sign-up
|
||||
{
|
||||
border-bottom-color: $customStyleColor !important;
|
||||
border-bottom-color: var(--theme-color) !important;
|
||||
}
|
||||
.bilibili-player-video-control
|
||||
{
|
||||
@ -1786,7 +1786,7 @@ canvas.cliper.is-img,
|
||||
}
|
||||
#page-setting #setting-new-tag-btn
|
||||
{
|
||||
background: $customStyleColor !important;
|
||||
background: var(--theme-color) !important;
|
||||
}
|
||||
.bilibili-player-video-panel-image-detail
|
||||
{
|
||||
@ -1888,7 +1888,7 @@ input[type=text]:focus,
|
||||
.radio-icon.selected,
|
||||
.live-status-label
|
||||
{
|
||||
border-color: $customStyleColor !important;
|
||||
border-color: var(--theme-color) !important;
|
||||
}
|
||||
.num-wrap>span,
|
||||
.rank-item.highlight>.ri-num,
|
||||
@ -2015,7 +2015,7 @@ a.s-btn:hover,
|
||||
.cases-wrap .fjw-user .b-right button,
|
||||
#app .submit .confirm
|
||||
{
|
||||
background-color: $customStyleColor !important;
|
||||
background-color: var(--theme-color) !important;
|
||||
}
|
||||
p.t:hover,
|
||||
p.ri-title:hover,
|
||||
@ -2253,7 +2253,7 @@ a.up-name:hover,
|
||||
.app-watch .app-look .foot-txt a,
|
||||
#app .header .close:hover
|
||||
{
|
||||
color: $customStyleColor !important;
|
||||
color: var(--theme-color) !important;
|
||||
}
|
||||
.sortable:hover,
|
||||
.read-push:hover,
|
||||
@ -2353,7 +2353,7 @@ a.s-btn:hover,
|
||||
.cases-wrap .fjw-user .b-right button,
|
||||
#app .submit .confirm
|
||||
{
|
||||
color: $foreground !important;
|
||||
color: var(--foreground-color) !important;
|
||||
}
|
||||
.bui-checkbox .bui-checkbox-input:checked+.bui-checkbox-label .bui-checkbox-icon svg,
|
||||
.bui-checkbox:hover .bui-checkbox-icon svg,
|
||||
@ -2367,7 +2367,7 @@ a.s-btn:hover,
|
||||
.bilibili-player-video-danmaku-setting:hover,
|
||||
.bilibili-player-video-sendbar .bilibili-player-video-btn:hover
|
||||
{
|
||||
fill: $customStyleColor !important;
|
||||
fill: var(--theme-color) !important;
|
||||
}
|
||||
.gui-settings-close path
|
||||
{
|
||||
@ -2391,7 +2391,7 @@ a.s-btn:hover,
|
||||
.dynamic-m .dyn_menu .line:before,
|
||||
.be-tab-cursor:after
|
||||
{
|
||||
border-color: $customStyleColor !important;
|
||||
border-color: var(--theme-color) !important;
|
||||
}
|
||||
.bili-tab-item:before,
|
||||
.dynamic-m .dyn_menu .line:before,
|
||||
@ -1183,7 +1183,7 @@ li.history,
|
||||
.fjw-random header h2 .head-icon,
|
||||
.timer-wrap .timer-top h2 .head-icon
|
||||
{
|
||||
filter: $blueImageFilter !important;
|
||||
filter: var(--blue-image-filter) !important;
|
||||
}
|
||||
.season-timer .current-timer:before,
|
||||
li.season-item .season-body .season-title span.follow,
|
||||
@ -1196,7 +1196,7 @@ li.season-item .season-body .season-title span.follow,
|
||||
.toolbar-wrapper .scroll-icon,
|
||||
.block-area .timeline-title .headline .timeline-more i
|
||||
{
|
||||
filter: $pinkImageFilter !important;
|
||||
filter: var(--pink-image-filter) !important;
|
||||
}
|
||||
.wrapper .modal-body .elec-protocol .checkbox.checked,
|
||||
.wrapper .modal-close,
|
||||
@ -1249,7 +1249,7 @@ li.season-item .season-body .season-title span.follow,
|
||||
.bili-header-m .i_menu_login,
|
||||
.player-auxiliary-context-menu-container
|
||||
{
|
||||
box-shadow: 0px 1px 10px 0px $customStyleColor30 !important;
|
||||
box-shadow: 0px 1px 10px 0px var(--theme-color-30) !important;
|
||||
}
|
||||
.side-bar-popup-cntr > .arrow,
|
||||
.empty-hint .hint-img,
|
||||
@ -1319,7 +1319,7 @@ li.season-item .season-body .season-title span.follow,
|
||||
.project-list .project-list-item .promo-item,
|
||||
.carousel-wrapper .carou-mini .thumb-cursor
|
||||
{
|
||||
border-color: $customStyleColor !important;
|
||||
border-color: var(--theme-color) !important;
|
||||
}
|
||||
.progress-bar-inner,
|
||||
.tl-head .tl-day.today .indicator,
|
||||
@ -1388,7 +1388,7 @@ li.season-item .season-body .season-title span.follow,
|
||||
.new-stat-module .zone-title .headline .new-stat-more:hover,
|
||||
.block-area .timeline-title .headline .timeline-more:hover
|
||||
{
|
||||
background-color: $customStyleColor !important;
|
||||
background-color: var(--theme-color) !important;
|
||||
}
|
||||
.union-cntr a,
|
||||
.title-link,
|
||||
@ -1547,7 +1547,7 @@ a.bp_box_bot_click,
|
||||
.timeline-box .timeline-item .item-right a:hover,
|
||||
.block-area .timeline-toggle-block .timeline-toggle-btn:hover
|
||||
{
|
||||
color: $customStyleColor !important;
|
||||
color: var(--theme-color) !important;
|
||||
}
|
||||
.hot-box li .tag-type,
|
||||
.bili-header-m .i_menu_login .login-btn,
|
||||
@ -1576,12 +1576,12 @@ a.bp_box_bot_click,
|
||||
.history-list .cover-contain .label,
|
||||
.comment-video
|
||||
{
|
||||
color: $foreground !important;
|
||||
color: var(--foreground-color) !important;
|
||||
}
|
||||
.bilibili-player-ending-panel-box-functions div.active .bp-svgicon,
|
||||
.bilibili-player-ending-panel-box-functions div.active:hover .bp-svgicon
|
||||
{
|
||||
fill: $customStyleColor !important;
|
||||
fill: var(--theme-color) !important;
|
||||
}
|
||||
|
||||
.sl-ep-nav .sl-ep-nav-list .sl-ep-nav-item.on:after,
|
||||
@ -508,11 +508,11 @@ svg.toast-card-dismiss path
|
||||
.error-container .error-panel .error-msg .error-img img,
|
||||
.leaveMsgUpload .btnarea .btnareaIcon
|
||||
{
|
||||
filter: $blueImageFilter !important;
|
||||
filter: var(--blue-image-filter) !important;
|
||||
}
|
||||
.svg-icon.good-6-click
|
||||
{
|
||||
filter: $pinkImageFilter !important;
|
||||
filter: var(--pink-image-filter) !important;
|
||||
}
|
||||
.article-item .item-holder .article-info-bar .like:before,
|
||||
.article-item .item-holder .article-info-bar .reply:before,
|
||||
@ -582,7 +582,7 @@ body>div.to-top.on,
|
||||
}
|
||||
#bilibiliPlayer
|
||||
{
|
||||
box-shadow: 0px 4px 16px 0px $customStyleColor40 !important;
|
||||
box-shadow: 0px 4px 16px 0px var(--theme-color-40) !important;
|
||||
}
|
||||
.guide .feedback-btn a,
|
||||
.mainBox .leaveMsg,
|
||||
@ -592,7 +592,7 @@ body>div.to-top.on,
|
||||
#app .toolbar-wrapper,
|
||||
.article-action .ops .share-container .weixin-holder
|
||||
{
|
||||
box-shadow: 0px 1px 10px 0px $customStyleColor30 !important;
|
||||
box-shadow: 0px 1px 10px 0px var(--theme-color-30) !important;
|
||||
}
|
||||
.main-container .title span::before,
|
||||
.top-banner,
|
||||
@ -676,24 +676,24 @@ body>div.to-top.on
|
||||
.rightMsg .msgDiv::before,
|
||||
#index-player-vm .item-border
|
||||
{
|
||||
border-color: $customStyleColor !important;
|
||||
border-color: var(--theme-color) !important;
|
||||
}
|
||||
.blp-ui-slider-hover-container::before
|
||||
{
|
||||
border-top-color: $customStyleColor !important;
|
||||
border-top-color: var(--theme-color) !important;
|
||||
}
|
||||
.blp-ui-slider-hover-container::after
|
||||
{
|
||||
border-bottom-color: $customStyleColor !important;
|
||||
border-bottom-color: var(--theme-color) !important;
|
||||
}
|
||||
#index-player-vm .aside-item:after
|
||||
{
|
||||
border-right-color: $customStyleColor !important;
|
||||
border-right-color: var(--theme-color) !important;
|
||||
}
|
||||
.audioplayer .ap-controller,
|
||||
.audioplayer .ap-playlist
|
||||
{
|
||||
border: 1px solid $customStyleColor !important;
|
||||
border: 1px solid var(--theme-color) !important;
|
||||
}
|
||||
.medal-progress>i,
|
||||
.gift-item-wrap .expiration,
|
||||
@ -740,17 +740,17 @@ body>div.to-top.on
|
||||
.receive-list-next i,
|
||||
.receive-list-page
|
||||
{
|
||||
background-color: $customStyleColor !important;
|
||||
background-color: var(--theme-color) !important;
|
||||
}
|
||||
.audioplayer .ap-play-button svg,
|
||||
.audioplayer .ap-controller .ap-controller-center .ap-buffer-bar,
|
||||
.blp-ui-slider-buffer-container
|
||||
{
|
||||
background-color: $customStyleColor60 !important;
|
||||
background-color: var(--theme-color-60) !important;
|
||||
}
|
||||
.audioplayer .ap-play-button:hover svg
|
||||
{
|
||||
background-color: $customStyleColor90 !important;
|
||||
background-color: var(--theme-color-90) !important;
|
||||
}
|
||||
.face-g-more,
|
||||
.room-card-item:hover .room-name,
|
||||
@ -832,7 +832,7 @@ body>div.to-top.on
|
||||
.coin-wrap .coin-nav .coin-checkbox.on .lable,
|
||||
#community_msg .dyn_menu li a:hover
|
||||
{
|
||||
color: $customStyleColor !important;
|
||||
color: var(--theme-color) !important;
|
||||
}
|
||||
.gift-item-wrap .expiration,
|
||||
.el-date-table td.in-range.start-date:hover,
|
||||
@ -866,7 +866,7 @@ body>div.to-top.on
|
||||
.up-feedback .up-fb-btn:hover,
|
||||
.user-info > .uid
|
||||
{
|
||||
color: $foreground !important;
|
||||
color: var(--foreground-color) !important;
|
||||
}
|
||||
.bilibili-player-video-danmaku-setting-left-more:hover .bp-svgicon,
|
||||
.bilibili-player-video-danmaku-setting-right-more:hover .bp-svgicon,
|
||||
@ -879,7 +879,7 @@ body>div.to-top.on
|
||||
.bilibili-player-video-sendbar .bilibili-player-video-inputbar .bilibili-player-video-hint a:hover,
|
||||
.receive-list-page
|
||||
{
|
||||
fill: $customStyleColor !important;
|
||||
fill: var(--theme-color) !important;
|
||||
}
|
||||
|
||||
.leftMsg .msgDiv:before,
|
||||
@ -900,14 +900,14 @@ body #app .category-wrapper .upload-content .title,
|
||||
.title-factory-card.selected:after,
|
||||
.recharge-store-box ul.select-list .item.active:after
|
||||
{
|
||||
filter: $blueImageFilter !important;
|
||||
filter: var(--blue-image-filter) !important;
|
||||
}
|
||||
.episode-item .mark-icon,
|
||||
.add-tag .default .btn-show,
|
||||
.project-info table .project-content .content-right .ticket-type span,
|
||||
.article-holder .shop-card a .container .bottom-col .card-label
|
||||
{
|
||||
filter: $pinkImageFilter !important;
|
||||
filter: var(--pink-image-filter) !important;
|
||||
}
|
||||
// a
|
||||
// {
|
||||
@ -932,7 +932,7 @@ body #app .category-wrapper .upload-content .title,
|
||||
}
|
||||
div.cntr a.check-all
|
||||
{
|
||||
box-shadow: 0px 1px 10px 0px $customStyleColor30 !important;
|
||||
box-shadow: 0px 1px 10px 0px var(--theme-color-30) !important;
|
||||
}
|
||||
.icon-hot,
|
||||
.icon-new,
|
||||
@ -986,7 +986,7 @@ body #app .marquee,
|
||||
.recharge-store-box ul.select-list .item.active,
|
||||
.recharge-store-box ul.select-list .item:hover
|
||||
{
|
||||
border-color: $customStyleColor !important;
|
||||
border-color: var(--theme-color) !important;
|
||||
}
|
||||
|
||||
.nav-bar .nav-wrapper .slide-block,
|
||||
@ -1041,13 +1041,13 @@ div.cntr a.check-all,
|
||||
.live-btn.default:hover,
|
||||
.live-btn.default:active
|
||||
{
|
||||
background-color: $customStyleColor !important;
|
||||
background-color: var(--theme-color) !important;
|
||||
}
|
||||
.valid_box .button,
|
||||
.pay-result-btn:hover,
|
||||
.page-title .count
|
||||
{
|
||||
background: $customStyleColor !important;
|
||||
background: var(--theme-color) !important;
|
||||
}
|
||||
|
||||
.canvas-card dd h4 .user-container a:hover,
|
||||
@ -1182,18 +1182,18 @@ body #app .marquee a,
|
||||
.btn-recharge-bcoin,
|
||||
.recharge-rule a
|
||||
{
|
||||
color: $customStyleColor !important;
|
||||
color: var(--theme-color) !important;
|
||||
}
|
||||
.valid_box .button,
|
||||
.rhythm-storm .bl-button,
|
||||
div.cntr a.check-all,
|
||||
.bili-header-m .bubble-traditional .renew-btn button
|
||||
{
|
||||
color: $foreground !important;
|
||||
color: var(--foreground-color) !important;
|
||||
}
|
||||
// a
|
||||
// {
|
||||
// fill: $customStyleColor !important;
|
||||
// fill: var(--theme-color) !important;
|
||||
// }
|
||||
#page .game .game-box,
|
||||
.comment-manage-wrap .head .dropdown-menu .article-list,
|
||||
@ -331,7 +331,7 @@ table.invtable td,
|
||||
#gameCenter .hot-list .s-imgUnit:hover,
|
||||
#gameCenter .hot-list .s-imgUnit .rank,
|
||||
.bp_user_box_bb,
|
||||
.bp_user_box_bottom p
|
||||
.bp_user_box_bottom p
|
||||
{
|
||||
border-color: transparent !important;
|
||||
}
|
||||
@ -369,11 +369,11 @@ table.invtable td,
|
||||
}
|
||||
// a
|
||||
// {
|
||||
// filter: $blueImageFilter !important;
|
||||
// filter: var(--blue-image-filter) !important;
|
||||
// }
|
||||
// a
|
||||
// {
|
||||
// filter: $pinkImageFilter !important;
|
||||
// filter: var(--pink-image-filter) !important;
|
||||
// }
|
||||
// a
|
||||
// {
|
||||
@ -401,7 +401,7 @@ table.invtable td,
|
||||
}
|
||||
// a
|
||||
// {
|
||||
// box-shadow: 0px 1px 10px 0px $customStyleColor30 !important;
|
||||
// box-shadow: 0px 1px 10px 0px var(--theme-color-30) !important;
|
||||
// }
|
||||
// a
|
||||
// {
|
||||
@ -432,7 +432,7 @@ table.invtable td,
|
||||
.ivu-input:focus,
|
||||
.ivu-input:hover
|
||||
{
|
||||
border-color: $customStyleColor !important;
|
||||
border-color: var(--theme-color) !important;
|
||||
}
|
||||
.live-btn,
|
||||
.live-btn:active,
|
||||
@ -459,9 +459,9 @@ table.invtable td,
|
||||
.tag-default:hover,
|
||||
.qa-index .help-list .collapse-item.collapse-item-active .collapse-title-icon,
|
||||
.balance_bp_box .button,
|
||||
.ac-artilce-tabs .tabs-nav .active
|
||||
.ac-artilce-tabs .tabs-nav .active
|
||||
{
|
||||
background-color: $customStyleColor !important;
|
||||
background-color: var(--theme-color) !important;
|
||||
}
|
||||
.notice-ctnr .blink:hover,
|
||||
.notice .blink:hover,
|
||||
@ -511,15 +511,15 @@ table.invtable td,
|
||||
.s-statusUnit-text .info a:hover,
|
||||
.list-wrap.hot-forum-lft-con .s-imgUnit a:hover
|
||||
{
|
||||
color: $customStyleColor !important;
|
||||
color: var(--theme-color) !important;
|
||||
}
|
||||
// a
|
||||
// {
|
||||
// color: $foreground !important;
|
||||
// color: var(--foreground-color) !important;
|
||||
// }
|
||||
// a
|
||||
// {
|
||||
// fill: $customStyleColor !important;
|
||||
// fill: var(--theme-color) !important;
|
||||
// }
|
||||
|
||||
// a
|
||||
@ -1,8 +1,8 @@
|
||||
.bili-header-m>.nav-menu,
|
||||
.b-header-mask-wrp .b-header-mask
|
||||
{
|
||||
background: $customStyleColorff !important;
|
||||
box-shadow: $customStyleColor70 0px 2px 10px 1px !important;
|
||||
background: var(--theme-color)ff !important;
|
||||
box-shadow: var(--theme-color-70) 0px 2px 10px 1px !important;
|
||||
}
|
||||
|
||||
body .bili-header-m .nav-menu div.nav-mask,
|
||||
@ -21,14 +21,14 @@ body .bili-header-m .nav-menu div.nav-mask,
|
||||
.bili-header-m .nav-menu .nav-con .nav-item .t,
|
||||
.z_top.b-header-blur .z_top_nav li:not(.home) a.i-link
|
||||
{
|
||||
color: $foregroundd !important;
|
||||
color: var(--foreground-color-d) !important;
|
||||
}
|
||||
|
||||
li.nav-item:hover,
|
||||
.z_top .z_top_nav ul li:hover,
|
||||
.uns_box ul.menu li:not(.b-post):hover
|
||||
{
|
||||
background-color: hsla(0,0%,$brightness,.2) !important;
|
||||
background-color: hsla(0,0%,var(--brightness),.2) !important;
|
||||
}
|
||||
|
||||
.vip-m
|
||||
@ -38,7 +38,7 @@ li.nav-item:hover,
|
||||
|
||||
a.t>i.bili-icon
|
||||
{
|
||||
filter: brightness(0) $filterInvert !important;
|
||||
filter: brightness(0) var(--invert-filter) !important;
|
||||
background-image: url(https://www.bilibili.com/favicon.ico) !important;
|
||||
background-size: cover !important;
|
||||
background-position: inherit !important;
|
||||
@ -82,11 +82,11 @@ div.up-load
|
||||
.uns_box li.u-i.b-post a.i-link
|
||||
{
|
||||
background: transparent !important;
|
||||
color: $foregroundd !important;
|
||||
color: var(--foreground-color-d) !important;
|
||||
border-radius: 4px !important;
|
||||
line-height: 30px !important;
|
||||
height: 30px !important;
|
||||
border: 1px solid $foregroundb !important;
|
||||
border: 1px solid var(--foreground-color-b) !important;
|
||||
transition: background-color .2s !important;
|
||||
}
|
||||
|
||||
@ -94,7 +94,7 @@ div.up-load
|
||||
.uns_box li.u-i.b-post a.i-link:hover
|
||||
{
|
||||
opacity: 1 !important;
|
||||
background-color: hsla(0,0%,$brightness,.2) !important;
|
||||
background-color: hsla(0,0%,var(--brightness),.2) !important;
|
||||
}
|
||||
.uns_box li.u-i.b-post
|
||||
{
|
||||
@ -128,7 +128,7 @@ div.up-load
|
||||
|
||||
#bilibiliPlayer
|
||||
{
|
||||
box-shadow: 0px 4px 16px 0px $customStyleColor40 !important;
|
||||
box-shadow: 0px 4px 16px 0px var(--theme-color-40) !important;
|
||||
}
|
||||
|
||||
.blur-bg
|
||||
@ -10,13 +10,13 @@
|
||||
.link-navbar .main-ctnr .nav-items-ctnr,
|
||||
.nav-header-wrapper
|
||||
{
|
||||
background: $customStyleColor !important;
|
||||
background: var(--theme-color) !important;
|
||||
}
|
||||
.bili-header-m>.nav-menu,
|
||||
.nav-header-wrapper,
|
||||
.link-navbar-ctnr
|
||||
{
|
||||
box-shadow: $customStyleColor70 0px 2px 10px 1px !important;
|
||||
box-shadow: var(--theme-color-70) 0px 2px 10px 1px !important;
|
||||
}
|
||||
div.stardust-player
|
||||
{
|
||||
@ -62,7 +62,7 @@ div.stardust-player
|
||||
.nav-header-wrapper .nav-header .order-center,
|
||||
.link-navbar .main-ctnr .custom-link>a
|
||||
{
|
||||
color: $foregroundd !important;
|
||||
color: var(--foreground-color-d) !important;
|
||||
}
|
||||
|
||||
li.nav-item:hover,
|
||||
@ -71,7 +71,7 @@ li.nav-item:hover,
|
||||
.my-link-btn:hover,
|
||||
.publish-btn:hover
|
||||
{
|
||||
background-color: hsla(0,0%,$brightness,.2) !important;
|
||||
background-color: hsla(0,0%,var(--brightness),.2) !important;
|
||||
}
|
||||
|
||||
li.nav-item.home:hover,
|
||||
@ -105,7 +105,7 @@ a.t>i.bili-icon,
|
||||
.nav-header-wrapper .nav-header .nav-header-tv-icon,
|
||||
.nav-header-wrapper .nav-header .order-icon
|
||||
{
|
||||
filter: brightness(0) $filterInvert !important;
|
||||
filter: brightness(0) var(--invert-filter) !important;
|
||||
opacity: 0.81 !important;
|
||||
}
|
||||
|
||||
@ -140,8 +140,8 @@ div.up-load
|
||||
{
|
||||
height: 40px !important;
|
||||
line-height: 40px !important;
|
||||
background: $customStyleColor !important;
|
||||
border: 1px solid $foregroundd !important;
|
||||
background: var(--theme-color) !important;
|
||||
border: 1px solid var(--foreground-color-d) !important;
|
||||
border-radius: 5px !important;
|
||||
box-shadow: none !important;
|
||||
top: calc(50% - 20px) !important;
|
||||
@ -173,7 +173,7 @@ div.up-load
|
||||
.u-link
|
||||
{
|
||||
background: transparent !important;
|
||||
color: $foregroundd !important;
|
||||
color: var(--foreground-color-d) !important;
|
||||
border-radius: 4px !important;
|
||||
line-height: 30px !important;
|
||||
height: 30px !important;
|
||||
@ -183,13 +183,13 @@ div.up-load
|
||||
.shortcuts-ctnr .shortcut-item .hinter,
|
||||
.shortcuts-ctnr .shortcut-item .num-hinter
|
||||
{
|
||||
border: 1px solid $foregroundb !important;
|
||||
border: 1px solid var(--foreground-color-b) !important;
|
||||
}
|
||||
|
||||
.u-link:hover
|
||||
{
|
||||
opacity: 1 !important;
|
||||
background-color: hsla(0,0%,$brightness,.2) !important;
|
||||
background-color: hsla(0,0%,var(--brightness),.2) !important;
|
||||
}
|
||||
|
||||
.stardust-video .nav-con .nav-search
|
||||
@ -235,7 +235,7 @@ div.up-load
|
||||
|
||||
#bilibiliPlayer
|
||||
{
|
||||
box-shadow: 0px 4px 16px 0px $customStyleColor40 !important;
|
||||
box-shadow: 0px 4px 16px 0px var(--theme-color-40) !important;
|
||||
}
|
||||
|
||||
.blur-bg
|
||||
@ -63,7 +63,7 @@
|
||||
.touch-info
|
||||
{
|
||||
display: block;
|
||||
color: $customStyleColor;
|
||||
color: var(--theme-color);
|
||||
}
|
||||
.touch-result
|
||||
{
|
||||
@ -81,7 +81,7 @@
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background: $customStyleColor;
|
||||
background: var(--theme-color);
|
||||
width: 100%;
|
||||
transform-origin: left;
|
||||
transform: scaleX(0);
|
||||
@ -21,7 +21,7 @@
|
||||
left: calc(50% - 200px);
|
||||
z-index: 100000;
|
||||
box-shadow: 0px 3px 20px 2px #0004;
|
||||
border-top: 4px solid $customStyleColor;
|
||||
border-top: 4px solid var(--theme-color);
|
||||
flex-direction: column;
|
||||
transition: all .2s ease-out;
|
||||
transform-origin: center;
|
||||
@ -69,7 +69,7 @@
|
||||
margin: 12px 0;
|
||||
padding: 12px 24px;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
border-left: 4px solid $customStyleColor;
|
||||
border-left: 4px solid var(--theme-color);
|
||||
cursor: pointer;
|
||||
transition: all .2s ease-out;
|
||||
}
|
||||
@ -93,12 +93,12 @@
|
||||
}
|
||||
.bilibili-evolved-about a
|
||||
{
|
||||
color: $customStyleColor;
|
||||
color: var(--theme-color);
|
||||
}
|
||||
#about-link:hover
|
||||
{
|
||||
opacity: 1;
|
||||
color: $customStyleColor;
|
||||
color: var(--theme-color);
|
||||
}
|
||||
#about-close
|
||||
{
|
||||
@ -189,7 +189,7 @@
|
||||
}
|
||||
.gui-settings-checkbox-container input:checked ~ .gui-settings-ok
|
||||
{
|
||||
background-color: $customStyleColor;
|
||||
background-color: var(--theme-color);
|
||||
}
|
||||
.gui-settings-checkbox-container input ~ .gui-settings-ok>i
|
||||
{
|
||||
@ -236,13 +236,13 @@ button.gui-settings-button:focus
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
border-radius: 50%;
|
||||
background: $customStyleColor;
|
||||
background: var(--theme-color);
|
||||
margin-right: 16px;
|
||||
border: 1px solid #8884;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
box-sizing: border-box;
|
||||
box-shadow: 0px 2px 8px 1px $customStyleColor70;
|
||||
box-shadow: 0px 2px 8px 1px var(--theme-color-70);
|
||||
}
|
||||
.predefined-colors
|
||||
{
|
||||
@ -506,7 +506,7 @@ li.category.folded i.icon-arrow
|
||||
}
|
||||
.gui-settings-widgets-box .gui-settings-flat-button
|
||||
{
|
||||
border-bottom: 2px solid $customStyleColor;
|
||||
border-bottom: 2px solid var(--theme-color);
|
||||
flex: 0 0 auto;
|
||||
margin: 4px;
|
||||
}
|
||||
@ -535,12 +535,12 @@ li.category.folded i.icon-arrow
|
||||
}
|
||||
.gui-settings-checkbox-container input:checked ~ .gui-settings-checkbox
|
||||
{
|
||||
background: $customStyleColor80;
|
||||
background: var(--theme-color-80);
|
||||
}
|
||||
.gui-settings-checkbox-container input:checked ~ .gui-settings-checkbox::after
|
||||
{
|
||||
background: $customStyleColor !important;
|
||||
box-shadow: 0px 2px 8px 1px $customStyleColor70;
|
||||
background: var(--theme-color) !important;
|
||||
box-shadow: 0px 2px 8px 1px var(--theme-color-70);
|
||||
left: calc(100% - 16px);
|
||||
}
|
||||
.gui-settings-checkbox-container input:disabled ~ .gui-settings-checkbox
|
||||
@ -58,7 +58,7 @@ ol.video-quality li:hover,
|
||||
}
|
||||
.download-progress-foreground
|
||||
{
|
||||
background-color: $customStyleColor;
|
||||
background-color: var(--theme-color);
|
||||
transform-origin: left;
|
||||
transition: all .2s ease-out;
|
||||
transform: scaleX(0);
|
||||
@ -79,6 +79,6 @@ html.image-viewer-opened, body.image-viewer-opened
|
||||
}
|
||||
.image-viewer-icon:hover path
|
||||
{
|
||||
fill: $customStyleColor;
|
||||
fill: var(--theme-color);
|
||||
transform: scale(1.2);
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user