style:优化颜色和阴影配置

- 更新颜色变量，使用十六进制表示
- 调整主题颜色值，提高对比度
- 优化阴影效果，使用 rgba 颜色表示
- 新增侧边栏子标题颜色变量

app/styles/globals.scss

@@ -5,21 +5,22 @@
   --theme: light;
 
   /* color */
-  --white: white;
-  --black: rgb(48, 48, 48);
-  --gray: rgb(250, 250, 250);
-  --primary: rgb(29, 147, 171);
-  --second: rgb(231, 248, 255);
+  --white: #fff;
+  --black: #303030;
+  --gray: #fafafa;
+  --primary: #315ef8;
+  --second: #f3f3f6;
   --hover-color: #f3f3f3;
-  --bar-color: rgba(0, 0, 0, 0.1);
+  --bar-color: rgba(0, 0, 0, .1);
   --theme-color: var(--gray);
 
   /* shadow */
-  --shadow: 50px 50px 100px 10px rgb(0, 0, 0, 0.1);
-  --card-shadow: 0px 2px 4px 0px rgb(0, 0, 0, 0.05);
+  --shadow: 50px 50px 100px 10px rgba(0, 0, 0, .1);
+  --card-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .05);
 
   /* stroke */
-  --border-in-light: 1px solid rgb(222, 222, 222);
+  --border-in-light: 1px solid #dedede;
+  --sidebar-sub-title: rgba(38, 47, 156, .5);
 }
 
 @mixin dark {