Skip to content

Commit 29022d1

Browse files
committed
fix: 修正深色模式遗漏与底部导航宽度
- 补齐深色模式下 section 窄屏边框、kbd 边框/内阴影的颜色覆盖 - .post-nav a 改用 flex 分配宽度,避免只有单侧导航时被限宽 48% - 浅色 --muted 由 #777 调至 #767676,正文对比度过 WCAG AA(4.54:1)
1 parent 6ab007a commit 29022d1

1 file changed

Lines changed: 9 additions & 2 deletions

File tree

‎assets/css/style.scss‎

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@
1616
--border: #e5e5e5;
1717
--code-bg: #f8f8f8;
1818
--code-text: #333333;
19-
--muted: #777777;
19+
--muted: #767676;
2020
--panel: #f4f4f4;
2121
--inline-code-bg: #eff1f3;
2222
--shadow: rgba(0, 0, 0, .08);
@@ -63,6 +63,11 @@ blockquote { border-left-color: var(--border); }
6363
table th, table td { border-bottom-color: var(--border); }
6464
th, dt { color: var(--heading-3); }
6565

66+
/* 主题在窄屏下给 section 加了浅色边框,深色模式下需同步 */
67+
@media screen and (max-width: 960px) {
68+
section { border-color: var(--border); }
69+
}
70+
6671
code, pre { color: var(--code-text); }
6772
pre {
6873
background: var(--code-bg);
@@ -77,6 +82,8 @@ pre {
7782
kbd {
7883
background-color: var(--panel);
7984
border-color: var(--border);
85+
border-bottom-color: var(--border);
86+
box-shadow: inset 0 -1px 0 var(--border);
8087
color: var(--text);
8188
}
8289

@@ -357,7 +364,7 @@ kbd {
357364
border-top: 1px solid var(--border);
358365
}
359366

360-
.post-nav a { max-width: 48%; }
367+
.post-nav a { flex: 1 1 0; min-width: 0; }
361368
.post-nav .next { margin-left: auto; text-align: right; }
362369
.post-nav .label { display: block; font-size: 11px; color: var(--muted); }
363370

0 commit comments

Comments
 (0)