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