introduce a highlight css variable

views/style.css

@@ -2,6 +2,7 @@ html {
 	--bg-page: #306;
 	--bg-dark: #002;
 	--fg: #dcf;
+	--hl: #dcf;
 	--fg-subtle: #a9c;
 	--fg-limited: #a79;
 }
@@ -76,7 +77,7 @@ header > details {
 header > details[open] {
 	padding: 1em 1em 0em 1em;
 	background: var(--bg-dark);
-	border: 1px solid var(--fg);
+	border: 1px solid var(--hl);
 	margin-bottom: 1em;
 	opacity: 1.0;
 }
@@ -102,9 +103,12 @@ main {
 	margin: auto;
 	font-size: 1.5em;
 }
+hr {
+	border-color: var(--hl);
+}
 .info {
 	background: var(--bg-dark);
-	border: 1px solid var(--fg);
+	border: 1px solid var(--hl);
 	margin-bottom: 1em;
 	padding: 0em 1em 0em 1em;
 }
@@ -120,7 +124,7 @@ label.button, button, select {
 	font-family: monospace;
 	color: var(--fg);
 	background: var(--bg-page);
-	border: 1px solid var(--fg);
+	border: 1px solid var(--hl);
 	padding: 0.5em;
 	white-space: nowrap;
 }
@@ -175,7 +179,7 @@ input[type=file] {
 .honk {
 	margin: auto;
 	background: var(--bg-dark);
-	border: 1px solid var(--fg);
+	border: 1px solid var(--hl);
 	border-radius: 1em;
 	margin-bottom: 1em;
 	padding-left: 1em;