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

feat(adapted-styles): redesign note page

Browse Source
This commit is contained in:
Hakadao
2025-01-26 04:09:57 +08:00
parent 4bd283f5df
commit 33f7fed055
1 changed files with 41 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
src/styles/adaptedStyles/pages/notePage.scss
View File

@@ -124,12 +124,26 @@
// #region dark mode adaption part
&.dark {
body,
#app {
background-color: var(--bew-bg) !important;
}
.note-list .note-header,
.note-list .note-tabs,
.note-list-item,
.note-single-item,
.note-single-item {
background-color: var(--bew-content-solid);
}
.van-dialog {
background-color: var(--bew-bg);
background-color: var(--bew-elevated-solid);
}
.ql-toolbar .toolbar-mask,
.readonly-toolbar .toolbar-mask,
.manage-note #web-toolbar {
background-color: transparent;
}
.note-list-item,
@@ -147,6 +161,31 @@
background-color: var(--bew-content);
}
.note-tabs .van-tabs-bar:after {
background-color: var(--bew-border-color);
}
.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li,
.ql-container,
// #web-toolbar,
// #web-toolbar .ql-picker-options,
.view-manage-note,
.note-tooltip.info,
.note-list-del-popup {
background-color: var(--bew-content-solid);
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
background-color: var(--bew-fill-1);
}
.note-single-item--selected,
.my-notes-manage-note {
background-color: var(--bew-fill-2);
}
.note-header .note-title .note-text,
.note-single-item .note-item__detail--title,
.ql-snow.ql-toolbar button,
@@ -214,31 +253,6 @@
border-bottom-color: var(--bew-border-color);
}
.note-tabs .van-tabs-bar:after {
background-color: var(--bew-border-color);
}
.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li,
.ql-container,
#web-toolbar,
#web-toolbar .ql-picker-options,
.view-manage-note,
.note-tooltip.info,
.note-list-del-popup,
.my-notes-manage-note {
background-color: var(--bew-content-solid);
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
background-color: var(--bew-fill-1);
}
.note-single-item--selected {
background-color: var(--bew-fill-2);
}
.ql-toolbar.ql-snow .ql-picker-options {
box-shadow: 0 2px 8px rgb(255 255 255 / 20%);
}