From 7f83668dea7ffb9d027cbbc7af56ae0d31cd1ae6 Mon Sep 17 00:00:00 2001
From: Kisechan <kisechan_@outlook.com>
Date: Fri, 7 Mar 2025 23:00:47 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=A0=B7=E5=BC=8F=EF=BC=8C?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4=E4=BB=A3=E7=A0=81=E5=9D=97=E7=9A=84=E8=83=8C?=
 =?UTF-8?q?=E6=99=AF=E5=92=8C=E5=AD=97=E4=BD=93=E9=A2=9C=E8=89=B2=EF=BC=8C?=
 =?UTF-8?q?=E6=8F=90=E5=8D=87=E5=8F=AF=E8=AF=BB=E6=80=A7=EF=BC=9B=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0=E5=8F=8B=E9=93=BE=E6=8F=90=E4=BA=A4=E6=A0=BC=E5=BC=8F?=
 =?UTF-8?q?=E8=AF=B4=E6=98=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/style.css           | 14 ++++++++++----
 src/views/LinksView.vue | 15 +++++++++------
 2 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/src/style.css b/src/style.css
index 43188c3..a1fb006 100644
--- a/src/style.css
+++ b/src/style.css
@@ -9,8 +9,6 @@
 
   --background-color: #242424;
   --text-color: #3d3d3d;
-  --code-background-color: #f5f5f5;
-  --code-text-color: #333;
 
   font-synthesis: none;
   text-rendering: optimizeLegibility;
@@ -31,8 +29,6 @@ a:hover {
 .dark {
   --background-color: #242424;
   --text-color: rgb(228, 228, 228);
-  --code-background-color: #2d2d2d;
-  --code-text-color: #cccccc;
 }
 
 body {
@@ -94,4 +90,14 @@ button:focus-visible {
 
 p,a,h1,h2,h3,h4,h5,h6 {
   color: var(--text-color);
+}
+
+:root {
+  --pre-background-color: #f5f5f5; /* 光明模式的背景颜色 */
+  --pre-text-color: #333; /* 光明模式的字体颜色 */
+}
+
+.dark {
+  --pre-background-color: #2d2d2d; /* 黑暗模式的背景颜色 */
+  --pre-text-color: #cccccc; /* 黑暗模式的字体颜色 */
 }
\ No newline at end of file
diff --git a/src/views/LinksView.vue b/src/views/LinksView.vue
index e5a6154..432933c 100644
--- a/src/views/LinksView.vue
+++ b/src/views/LinksView.vue
@@ -42,12 +42,12 @@
       <div class="add-link-header">添加友链</div>
       <div class="add-link-content">
         <p>请按照以下格式提交您的友链信息：</p>
-        <pre>
+        <i><pre>
 avatar: "您的头像链接"
 title: "您的博客标题"
 description: "您的博客描述"
 url: "您的博客链接"</pre
-        >
+        ></i>
         <p>
           并发送至：<a href="mailto:links@kisechan.space"
             >links@kisechan.space</a
@@ -131,15 +131,18 @@ export default {
 
 .add-link-content {
   font-size: 1em;
-  color: var(--text-color);
+  background-color: var(--code-background-color);
+  color: var(--code-text-color);
 }
 
 .add-link-content pre {
-  background-color: var(--code-background-color);
-  color: var(--code-text-color);
-  padding: 10px;
   border-radius: 4px;
   overflow-x: auto;
+  font-family: Consolas, Monaco, "Courier New", monospace; /* 使用等宽字体 */
+  font-size: 0.9em; /* 调整字体大小 */
+  line-height: 1.5; /* 调整行高 */
+  color: #698db1;
+  padding: 10px; /* 可选：增加内边距 */
 }
 
 .add-link-content a {