iter(g137): 演示页补暗色主题开关

2026-10-26 15:29:50 +08:00
parent a8026bbee2
commit 55da08f27c
3 changed files with 24 additions and 5 deletions
@@ -44,7 +44,7 @@ const html = `<!DOCTYPE html>
 <style>
 ${css}
 :root{--page-bg:#ffffff;--page-text:#1c1e21;--page-muted:#6b7280;--page-border:rgba(0,0,0,.14)}
-@media (prefers-color-scheme:dark){:root{--page-bg:#101216;--page-text:#e7e9ec;--page-muted:#888780;--page-border:rgba(255,255,255,.15)}}
+:root[data-theme=dark]{--page-bg:#101216;--page-text:#e7e9ec;--page-muted:#888780;--page-border:rgba(255,255,255,.15)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--page-bg:#101216;--page-text:#e7e9ec;--page-muted:#888780;--page-border:rgba(255,255,255,.15)}}
 *{box-sizing:border-box}
 body{margin:0;background:var(--page-bg);color:var(--page-text);font:14px/1.7 -apple-system,"Segoe UI","Microsoft YaHei",sans-serif}
 .shell{max-width:1160px;margin:0 auto;padding:36px 20px 80px;display:grid;grid-template-columns:190px minmax(0,1fr);gap:36px}
@@ -61,7 +61,7 @@ body{margin:0;background:var(--page-bg);color:var(--page-text);font:14px/1.7 -ap
@media (max-width:820px){.shell{grid-template-columns:1fr;gap:0}.toc{display:none}}
 html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
-header{margin-bottom:30px}
+header{margin-bottom:30px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
 h1{font-size:20px;font-weight:500;margin:0}
 .sub{color:var(--page-muted);font-size:13px;margin:8px 0 0}
 .sec{margin-bottom:40px}