diff --git a/doc/syntax.html b/doc/syntax.html
index 0fd8adf..e4920d3 100644
--- a/doc/syntax.html
+++ b/doc/syntax.html
@@ -6,28 +6,17 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
   <title>Djot syntax reference</title>
   <style>
-
 code{white-space: pre-wrap;}
-span.smallcaps{font-variant: small-caps;}
-div.columns{display: flex; gap: min(4vw, 1.5em);}
-div.column{flex: auto; overflow-x: auto;}
-div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
-
-ul.task-list[class]{list-style: none;}
-ul.task-list li input[type="checkbox"] {
-font-size: inherit;
-width: 0.8em;
-margin: 0 0.8em 0.2em -1.6em;
-vertical-align: middle;
-}
-.display.math{display: block; text-align: center; margin: 0.5rem auto;}
 </style>
   <style type="text/css">html {
 line-height: 1.4;
 font-family: Georgia, serif;
 font-size: 18px;
 color: #1a1a1a;
+color: light-dark(#1a1a1a, #fdfdfd);
 background-color: #fdfdfd;
+background-color: light-dark(#fdfdfd, #1a1a1a);
+color-scheme: light dark;
 }
 body {
 display: flex;
@@ -68,13 +57,10 @@
 margin: 1em 0;
 }
 a {
-color: #1a1a1a;
+color: currentColor;
 }
 a:visited {
-color: #1a1a1a;
-}
-img {
-max-width: 100%;
+color: currentColor;
 }
 h1, h2, h3, h4, h5, h6 {
 margin-top: 1.4em;
@@ -105,12 +91,6 @@
 li > ol, li > ul {
 margin-top: 0;
 }
-blockquote {
-margin: 1em 0 1em 1.7em;
-padding-left: 1em;
-border-left: 2px solid #e6e6e6;
-color: #606060;
-}
 code {
 font-family: Menlo, Monaco, 'Lucida Console', Consolas, monospace;
 font-size: 85%;
@@ -125,16 +105,6 @@
 overflow: visible;
 overflow-wrap: normal;
 }
-.sourceCode {
-background-color: transparent;
-overflow: visible;
-}
-hr {
-background-color: #1a1a1a;
-border: none;
-height: 1px;
-margin: 1em 0;
-}
 table {
 margin: 1em 0;
 border-collapse: collapse;
@@ -143,19 +113,16 @@
 display: block;
 font-variant-numeric: lining-nums tabular-nums;
 }
-table caption {
-margin-bottom: 0.75em;
-}
 tbody {
 margin-top: 0.5em;
-border-top: 1px solid #1a1a1a;
-border-bottom: 1px solid #1a1a1a;
+border-top: 1px solid currentColor;
+border-bottom: 1px solid currentColor;
 }
 tr {
 vertical-align: top;
 }
 th {
-border-top: 1px solid #1a1a1a;
+border-top: 1px solid currentColor;
 padding: 0.25em 0.5em 0.25em 0.5em;
 }
 td {
@@ -202,12 +169,6 @@
 text-decoration: none;
 }
 code{white-space: pre-wrap;}
-span.smallcaps{font-variant: small-caps;}
-span.underline{text-decoration: underline;}
-div.column{display: inline-block; vertical-align: top; width: 50%;}
-div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
-ul.task-list{list-style: none;}
-.display.math{display: block; text-align: center; margin: 0.5rem auto;}
 .example {
 display: flex;
 border: 1px solid grey;
@@ -231,6 +192,7 @@
 flex: 1;
 flex-wrap: wrap;
 background-color: #ddd;
+background-color: light-dark(#ddd, #555);
 }
 .example code {
 font-size: 78%;