change theme colours

assets/scss/_predefined.scss

@@ -1,11 +1,11 @@
 // 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;
+$text: #21fA45;
+$light-grey: #010000; // background
+$dark-grey: #111115; // hover bar
+$highlight-grey: #9141ac; // highlight background of `keyword`
+$midnightblue: #151718; // code background, link background
 
 // Fonts
 //

assets/scss/style.scss

@@ -48,19 +48,20 @@ pre {
   letter-spacing: normal;
   white-space: pre;
   color: #eee;
-  background: $midnightblue;
+  background: transparent;
   border-radius: 4px;
   // -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]