Kisechan/Mainpage
1
0
Fork 0
mirror of https://github.com/Kisechan/Mainpage.git synced 2025-07-09 22:57:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

优化样式，调整代码块的背景和字体颜色，提升可读性；更新友链提交格式说明

Browse Source
This commit is contained in:
Kisechan
2025-03-07 23:00:47 +08:00
parent f87b5b7397
commit 7f83668dea
2 changed files with 19 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/style.css
View File

@ -9,8 +9,6 @@
--background-color: #242424; --background-color: #242424;
--text-color: #3d3d3d; --text-color: #3d3d3d;
--code-background-color: #f5f5f5;
--code-text-color: #333;
font-synthesis: none; font-synthesis: none;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
@ -31,8 +29,6 @@ a:hover {
.dark { .dark {
--background-color: #242424; --background-color: #242424;
--text-color: rgb(228, 228, 228); --text-color: rgb(228, 228, 228);
--code-background-color: #2d2d2d;
--code-text-color: #cccccc;
} }
body { body {
@ -94,4 +90,14 @@ button:focus-visible {
p,a,h1,h2,h3,h4,h5,h6 { p,a,h1,h2,h3,h4,h5,h6 {
color: var(--text-color); color: var(--text-color);
}
:root {
--pre-background-color: #f5f5f5; /* 光明模式的背景颜色 */
--pre-text-color: #333; /* 光明模式的字体颜色 */
}
.dark {
--pre-background-color: #2d2d2d; /* 黑暗模式的背景颜色 */
--pre-text-color: #cccccc; /* 黑暗模式的字体颜色 */
} }

15
src/views/LinksView.vue
View File

@ -42,12 +42,12 @@
<div class="add-link-header">添加友链</div> <div class="add-link-header">添加友链</div>
<div class="add-link-content"> <div class="add-link-content">
<p>请按照以下格式提交您的友链信息：</p> <p>请按照以下格式提交您的友链信息：</p>
<pre> <i><pre>
avatar: "您的头像链接" avatar: "您的头像链接"
title: "您的博客标题" title: "您的博客标题"
description: "您的博客描述" description: "您的博客描述"
url: "您的博客链接"</pre url: "您的博客链接"</pre
> ></i>
<p> <p>
并发送至：<a href="mailto:links@kisechan.space" 并发送至：<a href="mailto:links@kisechan.space"
>links@kisechan.space</a >links@kisechan.space</a
@ -131,15 +131,18 @@ export default {
.add-link-content { .add-link-content {
font-size: 1em; font-size: 1em;
color: var(--text-color); background-color: var(--code-background-color);
color: var(--code-text-color);
} }
.add-link-content pre { .add-link-content pre {
background-color: var(--code-background-color);
color: var(--code-text-color);
padding: 10px;
border-radius: 4px; border-radius: 4px;
overflow-x: auto; 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 { .add-link-content a {