💄 fix(sth): 样式美化

src/assets/index.css

@@ -2,6 +2,14 @@
 @import url("themes/default.css");
 @import url("themes/dark.css");
 
+/**
+ * @description 隐藏应用最右边的滚动条
+ * @since Alpha v0.1.4  
+ */
+html {
+  overflow-y: hidden;
+}
+
 /*
  * @description 侧边滚动条样式
  * @since Alpha v0.1.3
@@ -13,7 +21,7 @@
 }
 
 ::-webkit-scrollbar-track {
-  background: #f1f1f1;
+  background: var(--scroll-bg);
   border-radius: 10px;
 }
 

src/assets/themes/dark.css

@@ -2,7 +2,7 @@
  * @file assets themes light.css
  * @description 主题样式文件
  * @author BTMuli<bt-muli@outlook.com>
- * @since Alpha v0.1.3
+ * @since Alpha v0.1.4
  */
 
 /* 主题色 */
@@ -10,6 +10,8 @@ html.dark {
   --sidebar-bg: #1e1e1e;
   --sidebar-icon: #e1e1e1;
   --page-bg:#2a2a2a;
+  --scroll-bg: #393b40;
+  --calendar-btn-bg: #1e1e1e;
   --back-top-shadow: #000000;
   --theme-switch-icon: #e1e1e1;
   --post-default-text: #faf7e8;

src/assets/themes/default.css

@@ -2,7 +2,7 @@
  * @file assets themes dark.css
  * @description 主题样式文件
  * @author BTMuli<bt-muli@outlook.com>
- * @since Alpha v0.1.3
+ * @since Alpha v0.1.4
  */
 
 /* 主题色 */
@@ -10,6 +10,8 @@ html.default {
   --sidebar-bg: #485466;
   --sidebar-icon: #ece5d8;
   --page-bg:#ece5d8;
+  --scroll-bg: #f1f1f1;
+  --calendar-btn-bg: #393b40;
   --back-top-shadow: #546d8b;
   --theme-switch-icon: #393b40;
   --post-default-text: #1e1e1e;

src/components/t-calendar.vue

@@ -12,8 +12,9 @@
           class="calendar-btn"
           :style="{
             border: text.week === weekNow ? '2px solid var(--btn-bg-1)' : '0',
-            background: text.week === btnNow ? 'var(--btn-bg-1)' : 'var(--btn-bg-2)',
-            color: '#faf7e8'
+            background: text.week === btnNow ? 'var(--btn-bg-1)' : 'var(--calendar-btn-bg)',
+            color: '#faf7e8',
+            marginBottom: '1px'
           }"
           @click="getContents(text.week)"
         >