mirror of
https://github.com/Kisechan/Mainpage.git
synced 2025-07-09 14:47:18 +00:00
优化样式,调整间距和颜色变量以提升可读性和一致性
This commit is contained in:
@ -91,7 +91,7 @@ initializeDarkMode();
|
|||||||
|
|
||||||
.el-menu-item {
|
.el-menu-item {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
gap: 7.5px;
|
gap: 6px;
|
||||||
cursor: pointer; /* 添加手型光标 */
|
cursor: pointer; /* 添加手型光标 */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -9,6 +9,8 @@
|
|||||||
|
|
||||||
--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;
|
||||||
@ -29,6 +31,8 @@ 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 {
|
||||||
|
@ -290,6 +290,7 @@ onUnmounted(() => {
|
|||||||
|
|
||||||
.blog-meta {
|
.blog-meta {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
gap: 8px;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
color: var(--text-color);
|
color: var(--text-color);
|
||||||
@ -310,6 +311,7 @@ onUnmounted(() => {
|
|||||||
|
|
||||||
.tag {
|
.tag {
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
|
color: var(--code-text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.read-more-container {
|
.read-more-container {
|
||||||
|
@ -131,11 +131,12 @@ export default {
|
|||||||
|
|
||||||
.add-link-content {
|
.add-link-content {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
color: #333;
|
color: var(--text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.add-link-content pre {
|
.add-link-content pre {
|
||||||
background-color: #f5f5f5;
|
background-color: var(--code-background-color);
|
||||||
|
color: var(--code-text-color);
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
@ -197,7 +198,7 @@ export default {
|
|||||||
|
|
||||||
.link-description {
|
.link-description {
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
color: #666;
|
color: var(--code-text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.loading-container {
|
.loading-container {
|
||||||
|
Reference in New Issue
Block a user