perf: 优化代码块、组背景色

theme/src/client/components/Home/HomeTextImage.vue

@@ -104,7 +104,7 @@ const maxWidth = computed(() => {
 
 .content-text ul p {
   margin: 0;
-  font-weight: 400;
+  font-weight: 500;
   color: var(--vp-c-text-1);
   transition: color var(--t-color);
 }

theme/src/client/styles/vars.scss

@@ -128,6 +128,7 @@
   --vp-c-bg-alt: #f6f6f7;
   --vp-c-bg-elv: #fff;
   --vp-c-bg-soft: #f6f6f7;
+  --vp-c-bg-safe: #f6f8fa;
 }
 
 .dark {
@@ -135,6 +136,7 @@
   --vp-c-bg-alt: #161618;
   --vp-c-bg-elv: #202127;
   --vp-c-bg-soft: #202127;
+  --vp-c-bg-safe: #202127;
 }
 
 /**
@@ -340,7 +342,7 @@
   --vp-code-bg: var(--vp-c-default-soft);
 
   --vp-code-block-color: var(--vp-c-text-2);
-  --vp-code-block-bg: var(--vp-c-bg-soft);
+  --vp-code-block-bg: var(--vp-c-bg-safe);
   --vp-code-block-divider-color: var(--vp-c-gutter);
 
   --vp-code-lang-color: var(--vp-c-text-3);
@@ -596,7 +598,7 @@ html[lang="zh-CN"] {
 /* md enhance code-tabs */
 :root {
   --code-tabs-nav-text-color: var(--vp-c-text-1);
-  --code-tabs-nav-bg-color: var(--vp-c-default-3);
+  --code-tabs-nav-bg-color: #eaeef1;
   --code-tabs-nav-hover-color: var(--vp-code-block-bg);
 }
 

theme/src/node/blogTags.ts

@@ -12,7 +12,7 @@ export const BLOG_TAGS_COLORS_PRESET: BlogTagsColorsItem[] = [
   ['#d5393e', '#b8272c', 'rgba(244, 63, 94, 0.14)'],
   ['#7e4cc9', '#6f42c1', 'rgba(159, 122, 234, 0.14)'],
   ['#3a5ccc', '#3451b2', 'rgba(100, 108, 255, 0.14)'],
-  ['#f1c40f', '#f39c12', 'rgba(255, 213, 0, 0.14)'],
+  ['#fab10f', '#f39c12', 'rgba(255, 213, 0, 0.14)'],
   ['#cc6699', '#c75191', 'rgba(255, 153, 204, 0.14)'],
 ]
 

theme/src/node/plugins.ts

@@ -113,7 +113,7 @@ export function setupPlugins(
         '/zh/': {
           word: '$word字',
           less1Minute: '小于1分钟',
-          time: '大约$time分钟',
+          time: '约$time分钟',
         },
       },
       ...options.readingTime,