💄 美化样式

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;

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;

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;