lots of things

blog/sass/colours.scss

@@ -0,0 +1,7 @@
+// This is inspired by the husqy theme on monkeytype.com (https://github.com/monkeytypegame/monkeytype/blob/master/frontend/static/themes/husqy.css). 
+
+$background: #000000;
+$white: #FFFFFF;
+$purple: #962FFE;
+$pink: #ffa0e3;
+$text: #EBD7FF;

blog/sass/extra.scss

@@ -1,35 +0,0 @@
-body {
-    background-color: black;
-    font-family: 'Roboto Mono';
-}
-
-#construction {
-    position: absolute;
-    color: whitesmoke;
-    top: 10px;
-    width: 100%;
-    text-align: center;
-    z-index: 100;
-    display: block;
-}
-
-a:link,
-a:visited,
-a:hover,
-a:active {
-    color: rgb(150, 47, 254);
-    background-color: transparent;
-    text-decoration: none;
-}
-
-h1 {
-    color: rgb(150, 47, 254);
-}
-
-p {
-    color: white;
-}
-
-center {
-    color: rgb(150, 47, 254);
-}

blog/sass/style.scss

@@ -0,0 +1,43 @@
+@use "colours.scss";
+
+body {
+  background-color: colours.$background;
+  font-family: 'Roboto Mono';
+}
+
+#construction {
+  position: absolute;
+  color: whitesmoke;
+  top: 10px;
+  width: 100%;
+  text-align: center;
+  z-index: 100;
+  display: block;
+}
+
+a:link,
+a:visited,
+a:hover,
+a:active {
+  color: colours.$purple;
+  background-color: transparent;
+  text-decoration: none;
+}
+
+h1 {
+  color: colours.$purple;
+}
+
+p {
+  color: colours.$text;
+}
+
+// Shortcodes can be used to customise markdown stuff. 
+
+#test {
+  color: colours.$pink;
+}
+
+center {
+  color: colours.$purple;
+}