renun/BewlyBewly
1
0
Fork 0
mirror of https://github.com/BewlyBewly/BewlyBewly.git synced 2025-04-14 13:15:29 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(adapted-styles): tweak video assistant styles
Some checks failed
CI / Test (lts/*, ubuntu-latest) (push) Has been cancelled
Details
CI / Test (lts/*, windows-latest) (push) Has been cancelled
Details
CI / Test (lts/-1, ubuntu-latest) (push) Has been cancelled
Details
CI / Test (lts/-1, windows-latest) (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Hakadao
2025-01-14 15:18:55 +08:00
parent 57a38d1c33
commit 34f04db2d3
2 changed files with 20 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/styles/adaptedStyles/pages/videoPage.scss
View File

@@ -1,37 +1,28 @@
.bewly-design.videoPage {
.user-card-m-exp .layout,
.up-detail .up-detail-top .up-name.is_vip:hover .mask,
.up-detail .up-detail-top .up-name.small-vip:hover .mask {
.up-detail .up-detail-top .up-name.small-vip:hover .mask,
.up-detail .up-detail-top .up-name.vip:hover .mask {
display: none;
}
.user-card-m-exp .user-info-wrapper {
background-color: var(--bew-bg);
border-radius: 0 0 8px 8px;
// ai 小助手
[class^="_VideoAssistant"] {
--app_bg: #f1f6fc;
--app_graph_bg: #e6ecf4;
}
.collection-m-exp {
position: relative;
[class^="_VideoAssistant"] * {
--brand_blue: var(--bew-bili-blue);
}
.qrcode .van-qrcode {
padding: 5px;
}
.qrcode .van-qrcode canvas {
width: 90px;
height: 90px;
&.dark [class^="_VideoAssistant"] {
--app_bg: var(--bew-elevated-alt-solid);
--app_graph_bg: var(--bew-fill-1);
}
// #region theme color adaption part
// Increase the priority of the style inside by writing a non-existent selector in `:not()`
:not(foobar) {
._VideoAssistant_196qs_1._Light_196qs_12,
._VideoAssistant_196qs_1._Dark_196qs_16 {
--app_bg: var(--bew-elevated-alt-solid);
--app_graph_bg: var(--bew-fill-1);
}
.content .group-list li input[type="checkbox"] + i {
border-width: 1px;
border-radius: 5px;
@@ -144,7 +135,8 @@
.up-name.is_vip,
.up-name.small-vip,
.up-detail .up-detail-top .up-name[style*="color: rgb(251, 114, 153)"],
.up-detail .up-detail-top .up-name[style*="color:#FB7299;"] {
.up-detail .up-detail-top .up-name[style*="color:#FB7299;"],
.user-card-m-exp .user-info-wrapper .info .user .name[style*="color: rgb(251, 114, 153)"] {
color: var(--bew-theme-color) !important;
}
@@ -404,6 +396,10 @@
.note-detail .note-operation .sanlian-box {
border-color: var(--bew-border-color);
}
.qrcode .van-qrcode {
box-shadow: 0 0 0 5px white;
}
}
// #endregion
}

3
src/styles/variables.scss
View File

@@ -52,6 +52,9 @@
--bew-logo-color: var(--bew-theme-color);
--bew-bili-blue: hsl(195 100% 42%);
--bew-bili-pink: hsl(343 94% 72%);
// In light mode use the black; in dark mode use white
--bew-theme-color-auto: var(--bew-text-1);