Apply a dark background.

default_environment/stylesheet/main.css

@@ -1,5 +1,20 @@
 :root {
     --main-max-width: 800px;
+    --site-background-color: #0a0a0a;
+    --site-text-color: #fffffc;
+    --header-divider-color: #6a687a;
+    --unused-1: #6ccff6;
+    --unused-2: #84828f;
+}
+
+body {
+    color: var(--site-text-color);
+    background-color: var(--site-background-color);
+
+    a:link, a:visited {
+        /* TODO: Should I use a different color for links? */
+        color: var(--site-text-color);
+    }
 }
 
 .page_centering {
@@ -11,12 +26,16 @@
 .page_header {
     width: 100%;
     max-width: var(--main-max-width);
-    border-bottom: 0.2rem solid black;
+    border-bottom: 0.1rem solid var(--header-divider-color);
 
     .home_link {
         font-size: 1.2rem;
         font-weight: 600;
         text-decoration: none;
+
+        &:link, &:visited {
+            color: var(--site-text-color);
+        }
     }
 }
 
@@ -24,6 +43,11 @@
     width: 100%;
     max-width: var(--main-max-width);
     font-size: 1.2rem;
+    line-height: 1.2;
+
+    p {
+        margin: 1rem 0;
+    }
 }
 
 /* A stand-alone blog post (not in a blog stream). */
@@ -34,4 +58,5 @@
 .blog_post_title {
     font-size: 2rem;
     font-weight: 700;
+    padding-bottom: 1rem;
 }

default_environment/templates/html/blog_post_page.dust

@@ -1,5 +1,5 @@
 <article class="blog_post">
-  {?.title}<h1>{?.self_link}<a class="blog_post_title" href="{.self_link}">{.title}</a>{:else}<span class="blog_post_title">{.title}</span>{/.self_link}</h1>{/.title}
+  {?.title}<h1 class="blog_post_title"><span>{.title}</span></h1>{/.title}
   {! TODO: date? !}
 
   {! TODO: Table of contents? !}