add commentary to colour codes

since we're keeping the original names of colour variables from the
theme, it's a good idea to at least have the usage of them (somewhat)
documented.

assets/scss/_predefined.scss

@@ -1,11 +1,12 @@
 // Colors
 //
-$theme: #D8D8D8;
-$text: #D8D8D8;
-$light-grey: #282a2b; // Background
-$dark-grey: #282a2b; // Hover Bar
-$highlight-grey: #151718; // Highlight background of `keyword`
-$midnightblue: #151718; // Code Background
+$theme: #613583; // hyperlink highlight background colour, .post-info
+                 // site-local link :hover highlight colour
+$text: #21fa45; // colour of normal text
+$light-grey: #010000; // background
+$dark-grey: #111115; // hover bar
+$highlight-grey: #9141ac; // code (not in pre) background
+$midnightblue: #151718; // code text (not in pre) colour
 
 // Fonts
 //

assets/scss/style.scss

@@ -48,19 +48,20 @@ pre {
   letter-spacing: normal;
   white-space: pre;
   color: #eee;
-  background: $midnightblue;
-  border-radius: 4px;
+  background: transparent;
+  border-radius: 5px;
   // -webkit-overflow-scrolling: touch;
 
   code {
     padding: 0;
     margin: 0;
-    background: $midnightblue;
+    color: #eee;
+    background: transparent;
   }
 }
 
 code {
-  color: #eee;
+  color: $midnightblue;
   background: $highlight-grey;
   border-radius: 3px;
   padding: 0 3px;
@@ -94,8 +95,7 @@ a {
   transition-timing-function: ease-out;
 
   &:hover {
-    color: #fff;
-    text-shadow: 0 0 1px #fff;
+    color: $highlight-grey;
   }
 }
 
@@ -380,6 +380,7 @@ p.img-404 {
 
       &:hover {
         border-color: #fff;
+        color: $highlight-grey;
       }
 
       svg {

config.toml

@@ -5,7 +5,8 @@ theme = "hermit"
 enableGitInfo = true
 
 pygmentsCodefences  = true
-pygmentsUseClasses  = true
+pygmentsUseClasses  = false
+pygmentsStyle = "fruity"
 enableEmoji = true
 
 [author]