添加深色模式切换功能,优化样式以支持深色主题

This commit is contained in:
2025-03-06 22:33:49 +08:00
parent 411e3436f1
commit ad6241012a
5 changed files with 95 additions and 6 deletions

View File

@ -226,7 +226,7 @@ onUnmounted(() => {
}
.social-icons a {
color: #303133;
color: var(--text-color);
margin: 0 10px;
font-size: 24px;
transition: color 0.3s ease, transform 0.3s ease;
@ -279,7 +279,7 @@ onUnmounted(() => {
.blog-title {
font-size: 1.2em;
font-weight: bold;
color: #303133;
color: var(--text-color);
text-decoration: none;
margin-left: 10px;
}
@ -292,7 +292,7 @@ onUnmounted(() => {
display: flex;
align-items: center;
font-size: 0.9em;
color: #606266;
color: var(--text-color);
}
.update-time,
@ -300,11 +300,12 @@ onUnmounted(() => {
display: flex;
align-items: center;
margin-right: 20px;
color: var(--text-color);
}
.icon {
margin-right: 5px;
color: #909399;
color: var(--text-color);
}
.tag {
@ -344,7 +345,7 @@ onUnmounted(() => {
}
.read-more-icon {
color: #409eff;
color: var(--text-color);
transition: transform 0.3s ease;
}

View File

@ -209,4 +209,8 @@ h1 {
align-items: center;
gap: 10px;
}
.link-content {
color: var(--text-color);
}
</style>