more fiddling

assets/style.css

@@ -66,17 +66,17 @@ p {
 
 #main-nav {
   line-height: 1.3;
-}
 
-#main-nav ul {
-  padding: 0;
-  margin: 0;
-  display: flex;
-  list-style: none;
-}
+  ul {
+    padding: 0;
+    margin: 0;
+    display: flex;
+    list-style: none;
+  }
 
-#main-nav li {
-  margin-inline-end: 0.5em;
+  li {
+    margin-inline-end: 0.5em;
+  }
 }
 
 #site-title {
@@ -91,13 +91,13 @@ footer {
   margin: 2em 0 0;
 }
 
-header h1 {
-  margin: 0;
-  font-size: 2em;
-}
-
 header {
   margin-bottom: 1em;
+
+  h1 {
+    margin: 0;
+    font-size: 2em;
+  }
 }
 
 a,
@@ -112,7 +112,6 @@ hr {
 }
 
 .chroma {
-  background: black;
   border: 1px solid var(--overlay);
   border-radius: 8px;
   padding: 1rem;

assets/syntax.css

@@ -1,6 +1,6 @@
 :root {
-  --chroma-bg: #111;
-  --comment: #7f849c;
+  --chroma-bg: #000;
+  --comment: #6c7086;
   --cyan: #8be9fd;
   --green: #50fa7b;
   --orange: #ffb86c;
@@ -9,33 +9,10 @@
   --red: #f55;
   --yellow: #f1fa8c;
 }
-/* @media (prefers-color-scheme: light) {
-    :root {
-        --chroma-bg: #eee;
-        --comment: #666;
-        --cyan: #04a5e5;
-        --green: #40a02b;
-        --orange: #fe640b;
-        --pink: #ea76cb;
-        --purple: #8839ef;
-        --red: #d20f39;
-        --yellow: #df8e1d;
-    }
-} */
-/* Background */
 .bg,
 /* PreWrapper */ .chroma {
   background-color: var(--chroma-bg);
 }
-/* Other */
-.chroma .x {
-}
-/* Error */
-.chroma .err {
-}
-/* CodeLine */
-.chroma .cl {
-}
 /* LineLink */
 .chroma .lnlinks {
   outline: none;

layouts/partials/head.html

@@ -17,5 +17,5 @@
   {{- end }}
 {{- end }}
 {{ end }}
-<title>{{ printf "%s - %s" site.Title .Title }}</title>
+<title>{{ printf "%s | %s" .Title site.Title }}</title>