From 82cca0963b7018baa37485c3e2fe428111047b34 Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Wed, 21 Jun 2023 10:56:12 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E7=BE=8E=E5=8C=96=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                   | 14 +++++++++-----
 src/assets/index.css          | 11 +++--------
 src/assets/themes/dark.css    |  2 --
 src/assets/themes/default.css |  2 --
 4 files changed, 12 insertions(+), 17 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 3f940e75..d7f6e67a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,9 +1,8 @@
 <template>
-  <!-- glass-app{background: rgba(255, 255, 255, 0.1) !important;} -->
-  <v-app class="glass-app">
+  <v-app>
     <TSidebar v-if="isMain" />
     <v-main>
-      <v-container fluid class="app-container">
+      <v-container :fluid="true" class="app-container">
         <router-view />
       </v-container>
     </v-main>
@@ -79,7 +78,12 @@ async function createDataDir () {
 <style lang="css">
 .app-container {
   height: 100%;
-  overflow: auto;
-  background: var(--page-bg);
+  background: #f9e9cd; /* 米色 */
+  color: #132c33; /* 深灰蓝 */
+}
+
+.dark .app-container {
+  background: #363433; /* 长石灰 */
+  color: #f9e9cd; /* 米色 */
 }
 </style>
diff --git a/src/assets/index.css b/src/assets/index.css
index 3a8ccec3..de7a82cd 100644
--- a/src/assets/index.css
+++ b/src/assets/index.css
@@ -32,7 +32,7 @@ html {
 
 /*
  * @description 侧边滚动条样式
- * @since Alpha v0.1.3
+ * @since Alpha v0.2.1
  */
 ::-webkit-scrollbar {
     width: 8px;
@@ -40,20 +40,15 @@ html {
 }
 
 ::-webkit-scrollbar-track {
-    background: var(--scroll-bg);
-    box-shadow: inset 0 0 5px var(--scroll-bg);
+    background: #847c74; /* 夜灰 */
     border-radius: 5px;
 }
 
 ::-webkit-scrollbar-thumb {
-    background: #96979A;
+    background: #c7d2d4; /* 鸥蓝 */
     border-radius: 5px;
 }
 
-::-webkit-scrollbar-thumb:hover {
-    background: #555;
-}
-
 /* card action 内的按钮 */
 .card-btn {
     background: #4a5366;
diff --git a/src/assets/themes/dark.css b/src/assets/themes/dark.css
index a41e6186..3fee2b96 100644
--- a/src/assets/themes/dark.css
+++ b/src/assets/themes/dark.css
@@ -16,8 +16,6 @@ html.dark {
   --common-text-2: var(--common-color-white); /* text */
   --common-text-3: var(--common-color-grey); /* quote */
 
-  --page-bg:#2a2a2a;
-  --scroll-bg: rgba(0, 0, 0, 0.5);
   --calendar-btn-bg: #1e1e1e;
   --back-top-shadow: #000000;
   --theme-switch-icon: #e1e1e1;
diff --git a/src/assets/themes/default.css b/src/assets/themes/default.css
index 6471c0c7..d7714114 100644
--- a/src/assets/themes/default.css
+++ b/src/assets/themes/default.css
@@ -16,8 +16,6 @@ html.default {
   --common-text-2: var(--common-color-blue-2); /* text */
   --common-text-3: var(--common-color-blue-3); /* quote */
 
-  --page-bg:#ece5d8;
-  --scroll-bg: rgba(0, 0, 0, 0.2);
   --calendar-btn-bg: #393b40;
   --back-top-shadow: #546d8b;
   --theme-switch-icon: #393b40;