Use scheme CSS variables for causal.agency

3 files changed, 23 insertions, 12 deletions

diff --git a/www/causal.agency/Makefile b/www/causal.agency/Makefile
index 0bcea6b5..fdb1748e 100644
--- a/www/causal.agency/Makefile
+++ b/www/causal.agency/Makefile
@@ -21,8 +21,8 @@ FLAGS.play.pty = -h 16
 .pty.html:
 	shotty ${FLAGS.$<} $< > $@
 
-scheme.css: scheme.sed
-	scheme -s | sed -f scheme.sed > scheme.css
+scheme.css:
+	scheme -s > scheme.css
 
 scheme.png:
 	scheme -g > scheme.png
diff --git a/www/causal.agency/index.html.in b/www/causal.agency/index.html.in
index 168c28f6..82f2457e 100644
--- a/www/causal.agency/index.html.in
+++ b/www/causal.agency/index.html.in
@@ -2,8 +2,12 @@
 <title>Causal Agency</title>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <style>
-body {
+html {
 	font-family: monospace;
+	color: var(--ansi15);
+	background-color: var(--ansi0);
+}
+body {
 	max-width: 80ch;
 	margin: 2em auto;
 	padding: 0 1ch;
@@ -13,9 +17,22 @@ h1 {
 	font-weight: inherit;
 	margin: 1em 0 0;
 }
-p { margin: 0 0 1em 4ch; }
-a { text-decoration: none; }
-hr { visibility: hidden; }
+p {
+	margin: 0 0 1em 4ch;
+}
+a {
+	color: var(--ansi12);
+	text-decoration: none;
+}
+a:visited {
+	color: var(--ansi13);
+}
+pre {
+	border: 1px dashed var(--ansi8);
+}
+hr {
+	visibility: hidden;
+}
 /* include:scheme.css */
 </style>
 
diff --git a/www/causal.agency/scheme.sed b/www/causal.agency/scheme.sed
deleted file mode 100644
index bf18085b..00000000
--- a/www/causal.agency/scheme.sed
+++ /dev/null
@@ -1,6 +0,0 @@
-s/[.]bg0/html, &/
-s/[.]fg15/html, &/
-s/[.]fg12/a, &/
-s/[.]fg13/a:visited, &/
-
-s/[.]fg8 { color: \([^;]*\); }/pre { border: 1px dashed \1; } &/