Rename all scss files

This commit is contained in:
the1812 2018-12-11 15:53:28 +08:00
parent 00fcb89017
commit 3e37706090
19 changed files with 109 additions and 108 deletions

1
.gitignore vendored
View File

@ -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.

View File

@ -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;
}

View File

@ -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;
}

View File

@ -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

View File

@ -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,

View File

@ -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,

View File

@ -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,

View File

@ -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,

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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);

View File

@ -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
{

View File

@ -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

View File

@ -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);

View File

@ -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);
}