fix(dark style): 发表对话框下方的工具栏控件

在适配 at-popup 的同时,统一了参与话题的 popup 的样式效果

re #1289, https://github.com/the1812/Bilibili-Evolved/issues/1289#issuecomment-754714635
This commit is contained in:
JLoeve 2021-01-10 21:20:13 +08:00
parent b0ee6ccfe5
commit f55ed2cdda
3 changed files with 92 additions and 62 deletions

View File

@ -612,83 +612,117 @@
@include foreground-color();
}
}
.home-page {
.publish-panel {
.core-style {
@include background-color();
.publish-panel {
.core-style {
@include background-color();
@include color("e");
@include border-color();
&:hover,
&:focus-within,
&:active {
@include theme-border-color();
}
}
.editor .placeholder-shown::before {
@include color("8");
}
.schedule-bar {
@include background-color("3");
.s-label,
.dp-label {
@include color("e");
}
.scroll-input .s-input {
@include background-color("2");
@include color("e");
@include border-color();
&:hover,
&:focus-within,
&:active {
@include theme-border-color();
}
}
.editor .placeholder-shown::before {
@include color("8");
}
.schedule-bar {
@include background-color("3");
.s-label,
.dp-label {
.s-panel {
@include background-color("2");
@include border-color();
.s-item {
@include color("e");
}
.scroll-input .s-input {
@include background-color("2");
@include color("e");
@include border-color();
}
.s-panel {
@include background-color("2");
@include border-color();
.s-item {
@include color("e");
&:hover {
@include theme-color();
}
&:hover {
@include theme-color();
}
}
}
.toolbar {
.static-popup {
}
.toolbar {
.static-popup {
@include background-color("2");
@include border-color();
.title {
@include color("e");
}
.upload-image .upload-btn:hover {
@include theme-color();
@include theme-border-color();
}
}
.bp-vote-container {
.create-vote {
@include background-color("2");
@include color("e");
@include border-color();
.title {
@include color("e");
}
.upload-image .upload-btn:hover {
@include theme-color();
@include theme-border-color();
.bp-button:nth-child(2) {
@include theme-background();
@include foreground-color();
}
}
.bp-vote-container {
.create-vote {
}
.publish-launcher {
.indicator {
@include color("a");
&::after {
@include color("a");
}
}
.publish-btn {
@include theme-background-color();
@include foreground-color();
&.disabled {
@include background-color("2");
@include color("e");
@include border-color();
.title {
@include color("e");
}
.bp-button:nth-child(2) {
@include theme-background();
@include foreground-color();
}
}
}
.publish-launcher {
.indicator {
@include color("a");
&::after {
@include color("a");
}
}
.hash-popup {
@include background-color("2");
@include border-color();
.hint {
@include color("a");
}
.topic-container .item {
@include color("e");
&.is-selected {
@include background-color("3");
}
.publish-btn {
@include theme-background-color();
@include foreground-color();
&.disabled {
@include background-color("2");
@include color("e");
}
}
}
.bili-at-popup {
@include background-color("2");
@include border-color();
&__hint {
@include color("a");
}
&__group {
&-name {
@include color("e");
}
}
&__user {
&--selected {
@include background-color("3");
}
&-name {
@include color("e");
}
&-fans {
@include color("a");
}
}
}

View File

@ -515,8 +515,6 @@ body>div.to-top.on,
.evaluate .situation span,
.bilibili-live-player .bilibili-live-player-enter-tips,
.nav-header-wrapper .nav-header .nav-header-search-bar-wrapper .suggestion-list,
.publish-panel .hash-popup,
.hash-popup .topic-container .item.is-selected,
.article-holder .bangumi-card a .container,
.article-action .ops .share-container .weixin-holder,
.coin-wrap .coin-sure,
@ -743,7 +741,6 @@ body>.player #bilibiliPlayer
.mainBox .leaveMsg,
.js-evaluateArea .evaluateDialog,
.project-list .project-list-item:hover,
.publish-panel .hash-popup,
#app .toolbar-wrapper,
.article-action .ops .share-container .weixin-holder,
#article-list-index,

View File

@ -13,7 +13,6 @@
.comment-list-item .ci-action a:hover,
.comment-manage-wrap .content .action-bar .dropdown .action-menu li:hover,
.comment-manage-wrap .content .action-bar .dropdown .sort-menu li:hover,
.hash-popup .topic-container .item.is-selected,
.fjw-kpi-wrap,
.mobile-kpi-head h2,
.mini-progress,