feat: color

_sass/colors/typography-light.scss

@@ -1,31 +1,31 @@
 @mixin light-scheme {
   /* Framework color */
-  --main-bg: linear-gradient(to bottom, #fdfdfd, #f7f7f7); /* 柔和的白色到浅灰色渐变，提供一种干净的背景 */
-  --mask-bg: linear-gradient(to bottom, #dfe3e6, #cfd4d8); /* 柔和的灰色渐变，适合遮罩效果 */
-  --main-border-color: linear-gradient(to bottom, #e8e9eb, #dfe0e2); /* 浅灰色渐变，适合边框使用 */
+  --main-bg: linear-gradient(to bottom, #fefaf5, #fdf5e6); /* 温暖的奶油色渐变，提供舒适的背景 */
+  --mask-bg: linear-gradient(to bottom, #d9d9d9, #c4c4c4); /* 柔和的灰色渐变，适合遮罩效果 */
+  --main-border-color: linear-gradient(to bottom, #eaeaea, #dcdcdc); /* 浅灰色渐变，适合边框使用 */
 
   /* Common color */
-  --text-color: #333333; /* 深灰色文本，确保可读性 */
-  --text-muted-color: #666666; /* 中灰色用于次要文本 */
+  --text-color: #3a3a3a; /* 深灰色文本，确保可读性 */
+  --text-muted-color: #707070; /* 中灰色用于次要文本 */
   --text-muted-highlight-color: inherit; /* 继承父元素的颜色 */
-  --heading-color: #2a2a2a; /* 深色标题，突出显示 */
-  --label-color: #585858; /* 标签颜色，略深于次要文本 */
+  --heading-color: #2b2b2b; /* 深色标题，突出显示 */
+  --label-color: #5c5c5c; /* 标签颜色，略深于次要文本 */
   --blockquote-border-color: #dddddd; /* 浅灰色引用边框 */
-  --blockquote-text-color: #666666; /* 中灰色引用文本 */
-  --link-color: #007acc; /* 柔和的蓝色链接，易于识别 */
-  --link-underline-color: #a8c2dc; /* 浅蓝色下划线，增强链接可见性 */
-  --button-bg: #f0b7a4; /* 柔和的粉橙色按钮背景 */
-  --btn-border-color: #e0e0e0; /* 浅灰色按钮边框 */
-  --btn-backtotop-color: #555555; /* 返回顶部按钮颜色 */
+  --blockquote-text-color: #707070; /* 中灰色引用文本 */
+  --link-color: #0066cc; /* 柔和的蓝色链接，易于识别 */
+  --link-underline-color: #99badd; /* 浅蓝色下划线，增强链接可见性 */
+  --button-bg: #f7b7a3; /* 柔和的粉橙色按钮背景 */
+  --btn-border-color: #e1e1e1; /* 浅灰色按钮边框 */
+  --btn-backtotop-color: #5a5a5a; /* 返回顶部按钮颜色 */
   --btn-backtotop-border-color: #dddddd; /* 返回顶部按钮边框颜色 */
-  --checkbox-color: #c5c5c5; /* 复选框颜色 */
-  --checkbox-checked-color: #07a8f7; /* 选中复选框的颜色 */
-  --img-bg: radial-gradient(circle, #ffffff 0%, #f0f0f0 100%); /* 图像背景的径向渐变 */
+  --checkbox-color: #c7c7c7; /* 复选框颜色 */
+  --checkbox-checked-color: #06a7f6; /* 选中复选框的颜色 */
+  --img-bg: radial-gradient(circle, #ffffff 0%, #f1f1f1 100%); /* 图像背景的径向渐变 */
   --shimmer-bg: linear-gradient(90deg, rgba(250, 250, 250, 0) 0%, rgba(232, 230, 230, 1) 50%, rgba(250, 250, 250, 0) 100%); /* 闪烁效果的线性渐变 */
 
   /* Sidebar */
-  --site-title-color: #6b6b6b; /* 侧边栏标题颜色 */
-  --site-subtitle-color: #4d4d4d; /* 侧边栏副标题颜色 */
+  --site-title-color: #6d6d6d; /* 侧边栏标题颜色 */
+  --site-subtitle-color: #4f4f4f; /* 侧边栏副标题颜色 */
   --sidebar-bg: linear-gradient(to bottom, #e0f7fa, #ffffff); /* 浅蓝色到白色的渐变，清新自然 */
   --sidebar-border-color: #efefef; /* 侧边栏边框颜色 */
   --sidebar-muted-color: #545454; /* 侧边栏次要文本颜色 */