1 files changed, 51 insertions(+), 23 deletions(-)

M sass/style.scss

@@ 1,49 1,77 @@
-@media (prefers-color-scheme: dark) {
-  :root {
-    background-color: black;
-    color: white;
-  }
+body {
+  background-color: #2d2a2e;
+  color: #fcfcfa;
+  font-family: monospace;
+}
+
+main {
+  max-width: 80ch;
+  margin: auto;
+}
 
-  a {
-    color: skyblue;
+h1,
+h2,
+h3 {
+  font: 1em monospace;
+  font-weight: bold;
+  color: white;
+}
 
-    &:visited {
-      color: slateblue;
-    }
+h1::before,
+h2::before,
+h3::before {
+  font: 1em monospace;
+  font-weight: bold;
+  color: #c1c0c0;
+  white-space: pre;
+  margin-left: -4ch;
+}
+
+@media only screen and (max-width: 84ch) {
+  h1::before,
+  h2::before,
+  h3::before {
+    margin-left: 0;
   }
 }
 
-:root {
-  font: 13px monospace, monospace;
+h1::before {
+  content: "  # ";
 }
 
-* {
-  box-sizing: border-box;
+h2::before {
+  content: " ## ";
 }
 
-main {
-  max-width: 80ch;
-  margin: auto;
+h3::before {
+  content: "### ";
 }
 
 code {
-  background-color: lightgray;
+  font: 1em monospace;
+  color: white;
 }
 
 code:not(pre code)::before {
   content: "`";
-  color: gray;
+  color: #c1c0c0;
 }
 
 code:not(pre code)::after {
   content: "`";
-  color: grey;
+  color: #c1c0c0;
 }
 
 pre {
-  overflow-x: scroll;
+  margin-left: 4ch;
+  margin-right: 4ch;
+  overflow-x: auto;
+}
+
+a {
+  color: #78dce8;
 }
 
-pre code {
-  background-color: #2b303b;
+a:visited {
+  color: #ab9df2;
 }