优化样式,调整间距和颜色变量以提升可读性和一致性

This commit is contained in:
2025-03-07 19:20:12 +08:00
parent d54f2a0183
commit f3c78442ba
4 changed files with 11 additions and 4 deletions

View File

@ -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; /* 添加手型光标 */
} }

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {