From 33f7fed055f6663e9b6dd4e69db704c157c974a3 Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Sun, 26 Jan 2025 04:09:57 +0800
Subject: [PATCH] feat(adapted-styles): redesign note page

---
 src/styles/adaptedStyles/pages/notePage.scss | 68 ++++++++++++--------
 1 file changed, 41 insertions(+), 27 deletions(-)

diff --git a/src/styles/adaptedStyles/pages/notePage.scss b/src/styles/adaptedStyles/pages/notePage.scss
index 7af5de77..71d8563f 100644
--- a/src/styles/adaptedStyles/pages/notePage.scss
+++ b/src/styles/adaptedStyles/pages/notePage.scss
@@ -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%);
     }