style: adjust video page dark mode style

This commit is contained in:
Hakadao
2023-09-01 02:34:01 +08:00
parent cb02fa0328
commit 3d2ca95ae9
3 changed files with 40 additions and 0 deletions

View File

@@ -0,0 +1 @@
@import './video-page.scss'

View File

@@ -0,0 +1,38 @@
.dark {
.user-card-m-exp .layout {
display: none;
}
.user-card-m-exp .user-info-wrapper .info .btn-box .like:hover {
background-color: var(--bew-theme-color-80);
border-color: var(--bew-theme-color-80);
}
// 投幣滑過&選中的邊框
.coin-operated-m-exp .mc-box:hover,
.coin-operated-m-exp .mc-box.on {
border-color: var(--bew-theme-color);
}
.video-share-popover {
// border-color: var(--bew-border-color);
border: none;
}
// 評論人用戶名
.reply-item .root-reply-container .content-warp .user-info .user-name {
// --520c991b: var(--bew-theme-color);
color: var(--bew-text-1);
}
// UP主觉得很赞
.reply-item
.root-reply-container
.content-warp
.root-reply
.reply-tag-list
.reply-tag-item {
color: var(--bew-text-2) !important;
background-color: var(--bew-fill-1) !important;
}
}

View File

@@ -3,3 +3,4 @@ import './variables.scss'
import './main.scss'
import './reset.scss'
import 'uno.css'
import './adaptedStyles/index.scss'