feat: add dark mode to notes component

This commit is contained in:
AnotiaWang 2024-03-10 20:23:22 +08:00
parent 1c57de2433
commit de9efc4c44
3 changed files with 37 additions and 2 deletions

View File

@ -652,6 +652,30 @@ html {
}
}
}
.ai-summary-popup {
@include border-color('3');
@include background-color('2');
.ai-summary-popup-tips-text {
@include color('e');
}
.ai-summary-popup-header {
&::after {
@include background-color('e');
}
.ai-summary-popup-header-clickable-area {
@include to-gray();
}
}
.ai-summary-popup-body {
.ai-summary-popup-body-abstracts {
@include color('e');
}
.ai-summary-popup-body-outline .section:hover {
@include background-color('3');
}
}
}
}
.bili-note {
@include background-color('3');

View File

@ -708,7 +708,9 @@
@include set-color('border-top-color', '4');
}
#{contains('mediainfo_mediaRight')} {
#{contains('mediainfo_media_desc_section')} #{contains('mediainfo_display_area')} #{contains('mediainfo_ellipsis')} {
#{contains('mediainfo_media_desc_section')}
#{contains('mediainfo_display_area')}
#{contains('mediainfo_ellipsis')} {
background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #222 20%, #222);
@include theme-color();
}
@ -865,4 +867,12 @@
@include color('8');
}
}
}
}
.ai-summary-van-popover .tips-panel {
@include background-color('3');
@include color('e');
.tips-panel-title {
@include color('e');
}
}

View File

@ -993,6 +993,7 @@ $highlight-map: (
.hover-panel-wrapper,
.van-popper-login .btn-box .btn,
.van-popper-history .view-all,
.van-popper .tips-panel,
.at-popup,
.chat-popups-section .draw-full-ctnr,
#gift-package-item-box .panel-wrapper::before,