feat: 完善暗色主题
This commit is contained in:
@@ -45,17 +45,9 @@ const {data} = await http.get<ApiResponse<Archive>>("post/archive");
|
||||
|
||||
<style>
|
||||
:root {
|
||||
--primary: #4f6df5;
|
||||
--primary-dark: #3a55d4;
|
||||
--text: #2b2f36;
|
||||
--text-secondary: #6b7280;
|
||||
--bg: #f6f7f9;
|
||||
--card-bg: #ffffff;
|
||||
--border: #e5e7eb;
|
||||
--tag-bg: #eef1fe;
|
||||
--radius: 12px;
|
||||
--shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
|
||||
--shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.archive {
|
||||
@@ -123,6 +115,10 @@ const {data} = await http.get<ApiResponse<Archive>>("post/archive");
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
:global(.dark) .month-title{
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/* 月份节点圆点 */
|
||||
.month-title::before {
|
||||
content: "";
|
||||
@@ -161,6 +157,10 @@ const {data} = await http.get<ApiResponse<Archive>>("post/archive");
|
||||
background: #f9faff;
|
||||
}
|
||||
|
||||
:global(.dark) .post-item:hover {
|
||||
background: none;
|
||||
}
|
||||
|
||||
.post-date {
|
||||
flex-shrink: 0;
|
||||
font-size: 13px;
|
||||
@@ -182,6 +182,10 @@ const {data} = await http.get<ApiResponse<Archive>>("post/archive");
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
:global(.dark) .post-item a:hover {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.post-cat {
|
||||
flex-shrink: 0;
|
||||
font-size: 12px;
|
||||
|
||||
Reference in New Issue
Block a user