commit d1b49020f928fdfec76c7736fa698dd508a9d82d
parent d08ffebcba419d2b29ac6c6b786565d761fa1de9
Author: Silas Brack <silasbrack@gmail.com>
Date: Mon, 20 Apr 2026 08:55:55 +0200
feat: use HTML light/dark mode meta tag
Diffstat:
3 files changed, 3 insertions(+), 3 deletions(-)
diff --git a/index.html b/index.html
@@ -3,10 +3,11 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
+ <meta name="color-scheme" content="light dark">
<title>Silas Brack</title>
<link rel="shortcut icon" href="data:," />
<style type="text/css">
-:root{--font-sans:Seravek,'Gill Sans Nova',Ubuntu,Calibri,'DejaVu Sans',source-sans-pro,sans-serif;--font-serif:Charter,'Bitstream Charter','Sitka Text',Cambria,serif;--font-mono:JetBrains Mono,monospace;color-scheme:light dark}code{font-family:var(--font-mono);font-size:.75rem}html{font-size:2.4vw}@media (min-width: 1000px){html{font-size:20px}}@media (max-width: 760px){html{font-size:18px}}body{width:87.5%;margin-left:auto;margin-right:auto;padding-left:12.5%;font-family:var(--font-serif);max-width:1400px;counter-reset:sidenote-counter}h1{font-family:var(--font-sans);font-weight:700;font-size:1.5rem;margin-top:2.5rem;margin-bottom:1.5rem;line-height:1}h2{font-family:var(--font-sans);font-weight:700;font-size:1.1rem}h3{font-size:1rem}p.subtitle{font-family:var(--font-sans);margin-top:1rem;margin-bottom:1rem;line-height:1}article{padding:3rem 0}section{padding-top:1rem;padding-bottom:1rem}p{font-size:1rem;line-height:1.4rem;margin-top:1.4rem;margin-bottom:1.4rem}section > p,section > ol,section > ul{width:55%}section > hr{width:55%;margin-left:0}img{max-width:100%}.sidenote,.marginnote{float:right;clear:right;margin-right:-60%;width:50%;margin-top:.3rem;margin-bottom:0;font-size:.85rem;line-height:1.3;position:relative}.sidenote-number{counter-increment:sidenote-counter}.sidenote-number:after,.sidenote:before{position:relative}.sidenote-number:after{content:counter(sidenote-counter);font-size:.7rem;top:-.5rem;left:.1rem}.sidenote:before{content:counter(sidenote-counter) " ";font-size:.7rem;top:-.5rem}input.margin-toggle{display:none}label.sidenote-number{display:inline-block;max-height:2rem}label.margin-toggle:not(.sidenote-number){display:none}.socials a{display:block;line-height:2}table{border-collapse:collapse;border-top:2px solid #333;border-bottom:2px solid #333}th,td{padding:7px 14px}thead th{font-weight:700;border-bottom:1px solid #333;text-align:left}td{border-bottom:1px solid #e5e5e5}tbody tr:last-child td{border-bottom:0}.numeric{text-align:right}@media (max-width: 760px){body{width:90%;padding-left:5%;padding-right:5%}section > p,section > ol,section > ul{width:100%}label.margin-toggle:not(.sidenote-number){display:inline}.sidenote,.marginnote{display:block;float:none;clear:both;width:100%;margin:1rem 0;position:relative}.marginnote.socials{display:flex;justify-content:space-around}.marginnote.socials a{display:inline}label.margin-toggle:not(.sidenote-number){cursor:pointer}img{width:100%}}
+:root{--font-sans:Seravek,'Gill Sans Nova',Ubuntu,Calibri,'DejaVu Sans',source-sans-pro,sans-serif;--font-serif:Charter,'Bitstream Charter','Sitka Text',Cambria,serif;--font-mono:JetBrains Mono,monospace}code{font-family:var(--font-mono);font-size:.75rem}html{font-size:2.4vw}@media (min-width: 1000px){html{font-size:20px}}@media (max-width: 760px){html{font-size:18px}}body{width:87.5%;margin-left:auto;margin-right:auto;padding-left:12.5%;font-family:var(--font-serif);max-width:1400px;counter-reset:sidenote-counter}h1{font-family:var(--font-sans);font-weight:700;font-size:1.5rem;margin-top:2.5rem;margin-bottom:1.5rem;line-height:1}h2{font-family:var(--font-sans);font-weight:700;font-size:1.1rem}h3{font-size:1rem}p.subtitle{font-family:var(--font-sans);margin-top:1rem;margin-bottom:1rem;line-height:1}article{padding:3rem 0}section{padding-top:1rem;padding-bottom:1rem}p{font-size:1rem;line-height:1.4rem;margin-top:1.4rem;margin-bottom:1.4rem}section > p,section > ol,section > ul{width:55%}section > hr{width:55%;margin-left:0}img{max-width:100%}.sidenote,.marginnote{float:right;clear:right;margin-right:-60%;width:50%;margin-top:.3rem;margin-bottom:0;font-size:.85rem;line-height:1.3;position:relative}.sidenote-number{counter-increment:sidenote-counter}.sidenote-number:after,.sidenote:before{position:relative}.sidenote-number:after{content:counter(sidenote-counter);font-size:.7rem;top:-.5rem;left:.1rem}.sidenote:before{content:counter(sidenote-counter) " ";font-size:.7rem;top:-.5rem}input.margin-toggle{display:none}label.sidenote-number{display:inline-block;max-height:2rem}label.margin-toggle:not(.sidenote-number){display:none}.socials a{display:block;line-height:2}table{border-collapse:collapse;border-top:2px solid #333;border-bottom:2px solid #333}th,td{padding:7px 14px}thead th{font-weight:700;border-bottom:1px solid #333;text-align:left}td{border-bottom:1px solid #e5e5e5}tbody tr:last-child td{border-bottom:0}.numeric{text-align:right}@media (max-width: 760px){body{width:90%;padding-left:5%;padding-right:5%}section > p,section > ol,section > ul{width:100%}label.margin-toggle:not(.sidenote-number){display:inline}.sidenote,.marginnote{display:block;float:none;clear:both;width:100%;margin:1rem 0;position:relative}.marginnote.socials{display:flex;justify-content:space-around}.marginnote.socials a{display:inline}label.margin-toggle:not(.sidenote-number){cursor:pointer}img{width:100%}}
</style>
</head>
diff --git a/style.css b/style.css
@@ -3,7 +3,6 @@
--font-sans: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;
--font-serif: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;
--font-mono: JetBrains Mono, monospace;
- color-scheme: light dark;
}
code {
diff --git a/style.min.css b/style.min.css
@@ -1 +1 @@
-:root{--font-sans:Seravek,'Gill Sans Nova',Ubuntu,Calibri,'DejaVu Sans',source-sans-pro,sans-serif;--font-serif:Charter,'Bitstream Charter','Sitka Text',Cambria,serif;--font-mono:JetBrains Mono,monospace;color-scheme:light dark}code{font-family:var(--font-mono);font-size:.75rem}html{font-size:2.4vw}@media (min-width: 1000px){html{font-size:20px}}@media (max-width: 760px){html{font-size:18px}}body{width:87.5%;margin-left:auto;margin-right:auto;padding-left:12.5%;font-family:var(--font-serif);max-width:1400px;counter-reset:sidenote-counter}h1{font-family:var(--font-sans);font-weight:700;font-size:1.5rem;margin-top:2.5rem;margin-bottom:1.5rem;line-height:1}h2{font-family:var(--font-sans);font-weight:700;font-size:1.1rem}h3{font-size:1rem}p.subtitle{font-family:var(--font-sans);margin-top:1rem;margin-bottom:1rem;line-height:1}article{padding:3rem 0}section{padding-top:1rem;padding-bottom:1rem}p{font-size:1rem;line-height:1.4rem;margin-top:1.4rem;margin-bottom:1.4rem}section > p,section > ol,section > ul{width:55%}section > hr{width:55%;margin-left:0}img{max-width:100%}.sidenote,.marginnote{float:right;clear:right;margin-right:-60%;width:50%;margin-top:.3rem;margin-bottom:0;font-size:.85rem;line-height:1.3;position:relative}.sidenote-number{counter-increment:sidenote-counter}.sidenote-number:after,.sidenote:before{position:relative}.sidenote-number:after{content:counter(sidenote-counter);font-size:.7rem;top:-.5rem;left:.1rem}.sidenote:before{content:counter(sidenote-counter) " ";font-size:.7rem;top:-.5rem}input.margin-toggle{display:none}label.sidenote-number{display:inline-block;max-height:2rem}label.margin-toggle:not(.sidenote-number){display:none}.socials a{display:block;line-height:2}table{border-collapse:collapse;border-top:2px solid #333;border-bottom:2px solid #333}th,td{padding:7px 14px}thead th{font-weight:700;border-bottom:1px solid #333;text-align:left}td{border-bottom:1px solid #e5e5e5}tbody tr:last-child td{border-bottom:0}.numeric{text-align:right}@media (max-width: 760px){body{width:90%;padding-left:5%;padding-right:5%}section > p,section > ol,section > ul{width:100%}label.margin-toggle:not(.sidenote-number){display:inline}.sidenote,.marginnote{display:block;float:none;clear:both;width:100%;margin:1rem 0;position:relative}.marginnote.socials{display:flex;justify-content:space-around}.marginnote.socials a{display:inline}label.margin-toggle:not(.sidenote-number){cursor:pointer}img{width:100%}}
+:root{--font-sans:Seravek,'Gill Sans Nova',Ubuntu,Calibri,'DejaVu Sans',source-sans-pro,sans-serif;--font-serif:Charter,'Bitstream Charter','Sitka Text',Cambria,serif;--font-mono:JetBrains Mono,monospace}code{font-family:var(--font-mono);font-size:.75rem}html{font-size:2.4vw}@media (min-width: 1000px){html{font-size:20px}}@media (max-width: 760px){html{font-size:18px}}body{width:87.5%;margin-left:auto;margin-right:auto;padding-left:12.5%;font-family:var(--font-serif);max-width:1400px;counter-reset:sidenote-counter}h1{font-family:var(--font-sans);font-weight:700;font-size:1.5rem;margin-top:2.5rem;margin-bottom:1.5rem;line-height:1}h2{font-family:var(--font-sans);font-weight:700;font-size:1.1rem}h3{font-size:1rem}p.subtitle{font-family:var(--font-sans);margin-top:1rem;margin-bottom:1rem;line-height:1}article{padding:3rem 0}section{padding-top:1rem;padding-bottom:1rem}p{font-size:1rem;line-height:1.4rem;margin-top:1.4rem;margin-bottom:1.4rem}section > p,section > ol,section > ul{width:55%}section > hr{width:55%;margin-left:0}img{max-width:100%}.sidenote,.marginnote{float:right;clear:right;margin-right:-60%;width:50%;margin-top:.3rem;margin-bottom:0;font-size:.85rem;line-height:1.3;position:relative}.sidenote-number{counter-increment:sidenote-counter}.sidenote-number:after,.sidenote:before{position:relative}.sidenote-number:after{content:counter(sidenote-counter);font-size:.7rem;top:-.5rem;left:.1rem}.sidenote:before{content:counter(sidenote-counter) " ";font-size:.7rem;top:-.5rem}input.margin-toggle{display:none}label.sidenote-number{display:inline-block;max-height:2rem}label.margin-toggle:not(.sidenote-number){display:none}.socials a{display:block;line-height:2}table{border-collapse:collapse;border-top:2px solid #333;border-bottom:2px solid #333}th,td{padding:7px 14px}thead th{font-weight:700;border-bottom:1px solid #333;text-align:left}td{border-bottom:1px solid #e5e5e5}tbody tr:last-child td{border-bottom:0}.numeric{text-align:right}@media (max-width: 760px){body{width:90%;padding-left:5%;padding-right:5%}section > p,section > ol,section > ul{width:100%}label.margin-toggle:not(.sidenote-number){display:inline}.sidenote,.marginnote{display:block;float:none;clear:both;width:100%;margin:1rem 0;position:relative}.marginnote.socials{display:flex;justify-content:space-around}.marginnote.socials a{display:inline}label.margin-toggle:not(.sidenote-number){cursor:pointer}img{width:100%}}
