echo/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

site: add dark/light theme toggle (system-pref default, persisted, no-flash) via data-theme; dark palette + github-dark code blocks

Browse source
This commit is contained in:
Jean Chevronnet 2026-08-30 23:17:29 +00:00
parent 147db49f99
commit 71f2f6efcb
No known key found for this signature in database
GPG key ID: 439666D63A9477E4
4 changed files with 44 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

14
static/docs.css
View file

@ -8,9 +8,9 @@
/* sidebar */
.docs-side{position:sticky;top:74px;align-self:start;padding-top:1.6rem;max-height:calc(100vh - 84px);overflow-y:auto}
.docs-search{position:relative;margin-bottom:1.2rem}
.docs-search input{width:100%;padding:.5rem .7rem;border:1px solid var(--line2);border-radius:8px;font:inherit;font-size:.9rem;background:#fff;color:var(--ink)}
.docs-search input{width:100%;padding:.5rem .7rem;border:1px solid var(--line2);border-radius:8px;font:inherit;font-size:.9rem;background:var(--card);color:var(--ink)}
.docs-search input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(18,165,148,.12)}
.results{position:absolute;top:calc(100% + 6px);left:0;right:-40px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 40px -18px rgba(20,40,60,.4);z-index:30;max-height:70vh;overflow:auto;padding:.3rem}
.results{position:absolute;top:calc(100% + 6px);left:0;right:-40px;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 40px -18px rgba(20,40,60,.4);z-index:30;max-height:70vh;overflow:auto;padding:.3rem}
.results a{display:block;padding:.5rem .6rem;border-radius:7px;color:var(--ink)}
.results a:hover{background:var(--teal-t);text-decoration:none}
.results a b{display:block;color:var(--teal-dd);font-size:.92rem}
@ -19,7 +19,7 @@
.side-sec{margin-bottom:1.3rem}
.side-h{font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;color:var(--faint);font-weight:600;margin-bottom:.5rem}
.side-link{display:block;padding:.32rem .7rem;color:var(--muted);border-left:2px solid transparent;font-size:.94rem;border-radius:0 6px 6px 0}
.side-link:hover{color:var(--ink);background:#fff;text-decoration:none}
.side-link:hover{color:var(--ink);background:var(--card);text-decoration:none}
.side-link.active{color:var(--teal-dd);border-left-color:var(--teal);background:var(--teal-t);font-weight:500}
/* content */
@ -35,12 +35,12 @@
.docs-body li{margin:.3rem 0}
.docs-body a{color:var(--teal-d);font-weight:500}
.docs-body code{font-family:var(--mono);font-size:.88em;background:rgba(18,165,148,.09);color:var(--teal-dd);padding:.08em .4em;border-radius:5px}
.docs-body pre{background:#f6f8fa;border:1px solid var(--line);border-radius:9px;padding:.9rem 1.1rem;overflow-x:auto;margin:0 0 1.2rem}
.docs-body pre code{background:none;color:#1f2733;padding:0;font-size:.87rem;line-height:1.65}
.docs-body pre{background:var(--code-bg);border:1px solid var(--line);border-radius:9px;padding:.9rem 1.1rem;overflow-x:auto;margin:0 0 1.2rem}
.docs-body pre code{background:none;color:var(--code-fg);padding:0;font-size:.87rem;line-height:1.65}
.docs-body table{border-collapse:collapse;width:100%;margin:0 0 1.2rem;font-size:.94rem}
.docs-body th,.docs-body td{text-align:left;padding:.5rem .8rem;border:1px solid var(--line)}
.docs-body th{background:#f7f9fa;font-weight:600}
.docs-body blockquote{margin:0 0 1.2rem;padding:.7rem 1rem;background:var(--teal-t);border-left:3px solid var(--teal);border-radius:0 8px 8px 0;color:#0c5a51}
.docs-body th{background:var(--panel);font-weight:600}
.docs-body blockquote{margin:0 0 1.2rem;padding:.7rem 1rem;background:var(--teal-t);border-left:3px solid var(--teal);border-radius:0 8px 8px 0;color:var(--bq-fg)}
.docs-body blockquote p:last-child{margin:0}
.docs-body hr{border:0;border-top:1px solid var(--line);margin:2rem 0}