Colorize music play page

This commit is contained in:
the1812 2018-09-14 21:43:03 +08:00
parent ac3e747150
commit 043d58201b
6 changed files with 79 additions and 23 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -75,10 +75,8 @@ li.season-item .season-body .season-title span.follow,
.el-select-dropdown,
.cc-nav-wrp,
.nav-upload-container,
.bilibili-player .bilibili-player-area .bilibili-player-video-control .bilibili-player-video-btn.bilibili-player-video-btn-danmaku .bilibili-player-danmaku-setting-lite-panel .bilibili-player-danmaku-setting-lite,
.bilibili-player-danmaku-setting-lite-panel .bilibili-player-danmaku-setting-lite,
.row,
.audioplayer .ap-controller .ap-controller-right .ap-volume-bar-wrap,
.audioplayer .ap-controller .ap-controller-center .ap-play-bar-wrap,
.audioplayer
{
background-color: #222 !important;

View File

@ -13,7 +13,10 @@
.notice-card.card,
.notice-card .notice-list .notice-item,
.income-card.card,
.academy-card.card
.academy-card.card,
.audioplayer .ap-playlist,
.audioplayer .ap-playlist .ap-playlist-body,
.audioplayer .ap-controller
{
background-color: #222 !important;
}
@ -31,7 +34,12 @@
.el-date-table td.prev-month:hover,
.nav-guide-container .guide-tip-btn .guide-tip-btn-right,
.guide-card .guide-box a,
.footer-content .social-item
.footer-content .social-item,
.audioplayer .ap-controller .ap-controller-right .ap-volume-bar-wrap,
.audioplayer .ap-controller .ap-controller-center .ap-play-bar-wrap,
.audioplayer .ap-controller .ap-controller-right .ap-playlist-button-bg,
.audioplayer .ap-playlist .ap-playlist-body li.ap-playlist-line-active,
.audioplayer .ap-playlist .ap-playlist-body li:hover
{
background-color: #444 !important;
}
@ -223,20 +231,37 @@
.list-filter-bar .sort-box .item.active,
.list-filter-bar .sort-box .item:hover,
.data-card .tab .data-tab.current:after
.data-card .tab .data-tab.current:after,
.audioplayer .ap-playlist .ap-playlist-body .ap-playlist-column-name-value:hover
{
border-color: $customStyleColor !important;
}
.audioplayer .ap-controller,
.audioplayer .ap-playlist
{
border: 1px solid $customStyleColor !important;
}
.medal-progress>i,
.gift-item-wrap .expiration,
.el-date-table td.in-range.start-date:hover,
.el-date-table td.in-range.end-date:hover,
.el-date-table td.in-range.start-date,
.el-date-table td.in-range.end-date,
.nav-guide-container .guide-tip-btn .guide-tip-btn-left
.nav-guide-container .guide-tip-btn .guide-tip-btn-left,
.audioplayer .ap-controller .ap-controller-center .ap-progress-bar,
.audioplayer .ap-controller .ap-controller-right .ap-volume-bar
{
background-color: $customStyleColor !important;
}
.audioplayer .ap-play-button svg,
.audioplayer .ap-controller .ap-controller-center .ap-buffer-bar
{
background-color: $customStyleColor60 !important;
}
.audioplayer .ap-play-button:hover svg
{
background-color: $customStyleColor90 !important;
}
.face-g-more,
.room-card-item:hover .room-name,
.content-panel .title span:hover,
@ -251,7 +276,10 @@
.noHover-link,
.my-moral i,
.viphelp span,
.el-pager li:hover
.el-pager li:hover,
.audioplayer .ap-playlist .ap-playlist-body li.ap-playlist-line-active,
.audioplayer .ap-playlist .ap-playlist-body li:hover,
.audioplayer .ap-button:hover
{
color: $customStyleColor !important;
}
@ -265,7 +293,9 @@
color: $foreground !important;
}
.bilibili-player-video-danmaku-setting-left-more:hover .bp-svgicon,
.bilibili-player-video-danmaku-setting-right-more:hover .bp-svgicon
.bilibili-player-video-danmaku-setting-right-more:hover .bp-svgicon,
.audioplayer .ap-progress-thumb svg path:first-child,
.audioplayer .ap-progress-thumb svg path:nth-child(2)
{
fill: $customStyleColor !important;
}

File diff suppressed because one or more lines are too long

View File

@ -2507,10 +2507,8 @@ li.season-item .season-body .season-title span.follow,
.el-select-dropdown,
.cc-nav-wrp,
.nav-upload-container,
.bilibili-player .bilibili-player-area .bilibili-player-video-control .bilibili-player-video-btn.bilibili-player-video-btn-danmaku .bilibili-player-danmaku-setting-lite-panel .bilibili-player-danmaku-setting-lite,
.bilibili-player-danmaku-setting-lite-panel .bilibili-player-danmaku-setting-lite,
.row,
.audioplayer .ap-controller .ap-controller-right .ap-volume-bar-wrap,
.audioplayer .ap-controller .ap-controller-center .ap-play-bar-wrap,
.audioplayer
{
background-color: #222 !important;
@ -3712,7 +3710,10 @@ button.button.more:hover,
.notice-card.card,
.notice-card .notice-list .notice-item,
.income-card.card,
.academy-card.card
.academy-card.card,
.audioplayer .ap-playlist,
.audioplayer .ap-playlist .ap-playlist-body,
.audioplayer .ap-controller
{
background-color: #222 !important;
}
@ -3730,7 +3731,12 @@ button.button.more:hover,
.el-date-table td.prev-month:hover,
.nav-guide-container .guide-tip-btn .guide-tip-btn-right,
.guide-card .guide-box a,
.footer-content .social-item
.footer-content .social-item,
.audioplayer .ap-controller .ap-controller-right .ap-volume-bar-wrap,
.audioplayer .ap-controller .ap-controller-center .ap-play-bar-wrap,
.audioplayer .ap-controller .ap-controller-right .ap-playlist-button-bg,
.audioplayer .ap-playlist .ap-playlist-body li.ap-playlist-line-active,
.audioplayer .ap-playlist .ap-playlist-body li:hover
{
background-color: #444 !important;
}
@ -3922,20 +3928,37 @@ button.button.more:hover,
.list-filter-bar .sort-box .item.active,
.list-filter-bar .sort-box .item:hover,
.data-card .tab .data-tab.current:after
.data-card .tab .data-tab.current:after,
.audioplayer .ap-playlist .ap-playlist-body .ap-playlist-column-name-value:hover
{
border-color: $customStyleColor !important;
}
.audioplayer .ap-controller,
.audioplayer .ap-playlist
{
border: 1px solid $customStyleColor !important;
}
.medal-progress>i,
.gift-item-wrap .expiration,
.el-date-table td.in-range.start-date:hover,
.el-date-table td.in-range.end-date:hover,
.el-date-table td.in-range.start-date,
.el-date-table td.in-range.end-date,
.nav-guide-container .guide-tip-btn .guide-tip-btn-left
.nav-guide-container .guide-tip-btn .guide-tip-btn-left,
.audioplayer .ap-controller .ap-controller-center .ap-progress-bar,
.audioplayer .ap-controller .ap-controller-right .ap-volume-bar
{
background-color: $customStyleColor !important;
}
.audioplayer .ap-play-button svg,
.audioplayer .ap-controller .ap-controller-center .ap-buffer-bar
{
background-color: $customStyleColor60 !important;
}
.audioplayer .ap-play-button:hover svg
{
background-color: $customStyleColor90 !important;
}
.face-g-more,
.room-card-item:hover .room-name,
.content-panel .title span:hover,
@ -3950,7 +3973,10 @@ button.button.more:hover,
.noHover-link,
.my-moral i,
.viphelp span,
.el-pager li:hover
.el-pager li:hover,
.audioplayer .ap-playlist .ap-playlist-body li.ap-playlist-line-active,
.audioplayer .ap-playlist .ap-playlist-body li:hover,
.audioplayer .ap-button:hover
{
color: $customStyleColor !important;
}
@ -3964,7 +3990,9 @@ button.button.more:hover,
color: $foreground !important;
}
.bilibili-player-video-danmaku-setting-left-more:hover .bp-svgicon,
.bilibili-player-video-danmaku-setting-right-more:hover .bp-svgicon
.bilibili-player-video-danmaku-setting-right-more:hover .bp-svgicon,
.audioplayer .ap-progress-thumb svg path:first-child,
.audioplayer .ap-progress-thumb svg path:nth-child(2)
{
fill: $customStyleColor !important;
}