beggin/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 优化暗黑模式下标签样式

Browse Source
This commit is contained in:
21 Guns
2026-08-02 16:46:40 +08:00
parent 67ec0bffee
commit f7b7f7d320
3 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/IndexSidebar.astro
View File

@@ -118,7 +118,7 @@ const { data: categories } =
.tag { .tag {
font-size: 12px; font-size: 12px;
color: var(--primary); color: var(--tag-text);
background: var(--tag-bg); background: var(--tag-bg);
padding: 3px 10px; padding: 3px 10px;
border-radius: 999px; border-radius: 999px;

4
src/components/PostList.astro
View File

@@ -86,7 +86,7 @@ posts.map((post) => {
background: var(--card-bg); background: var(--card-bg);
border-radius: 12px; border-radius: 12px;
box-shadow: var(--shadow); box-shadow: var(--shadow);
padding: 20px; padding: 16px;
transition: transform 0.2s, box-shadow 0.2s; transition: transform 0.2s, box-shadow 0.2s;
display: flex; display: flex;
gap: 22px; gap: 22px;
@@ -169,7 +169,7 @@ posts.map((post) => {
.tag { .tag {
font-size: 12px; font-size: 12px;
color: var(--primary); color: var(--tag-text);
background: var(--tag-bg); background: var(--tag-bg);
padding: 3px 10px; padding: 3px 10px;
border-radius: 999px; border-radius: 999px;

6
src/styles/global.css
View File

@@ -7,11 +7,12 @@
--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.10); --shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.10);
--card-bg: #ffffff; --card-bg: #ffffff;
--tag-bg: #eef1fe;
--text-color: #2b2f36; --text-color: #2b2f36;
--text-secondary: #6b7280; --text-secondary: #6b7280;
--border: #e5e7eb; --border: #e5e7eb;
--primary: #4f6df5; --primary: #4f6df5;
--tag-bg: #eef1fe;
--tag-text: #4f6df5;
} }
.dark { .dark {
@@ -21,7 +22,8 @@
--text-secondary: #e5e7eb; --text-secondary: #e5e7eb;
--border: #e5e7eb; --border: #e5e7eb;
--primary: #1e293b; --primary: #1e293b;
--tag-bg: #d4d4d8;; --tag-bg: #27272a;
--tag-text: #f3f4f6;
} }
html, html,