A lot of good changes, my site looks like my rice X11 DWM now.

 Changes to be committed:
        modified:   config.toml
        modified:   content/about.md
        modified:   content/posts/code_test.md
        modified:   content/posts/some_cool_stuff.md
        modified:   sass/_normalize.scss
        modified:   sass/_predefined.scss
        deleted:    sass/_syntax.scss
        modified:   sass/style.scss
        new file:   static/auto-render.min.js
        modified:   static/browserconfig.xml
        new file:   static/fonts/KaTeX_AMS-Regular.ttf
        new file:   static/fonts/KaTeX_AMS-Regular.woff
        new file:   static/fonts/KaTeX_AMS-Regular.woff2
        new file:   static/fonts/KaTeX_Caligraphic-Bold.ttf
        new file:   static/fonts/KaTeX_Caligraphic-Bold.woff
        new file:   static/fonts/KaTeX_Caligraphic-Bold.woff2
        new file:   static/fonts/KaTeX_Caligraphic-Regular.ttf
        new file:   static/fonts/KaTeX_Caligraphic-Regular.woff
        new file:   static/fonts/KaTeX_Caligraphic-Regular.woff2
        new file:   static/fonts/KaTeX_Fraktur-Bold.ttf
        new file:   static/fonts/KaTeX_Fraktur-Bold.woff
        new file:   static/fonts/KaTeX_Fraktur-Bold.woff2
        new file:   static/fonts/KaTeX_Fraktur-Regular.ttf
        new file:   static/fonts/KaTeX_Fraktur-Regular.woff
        new file:   static/fonts/KaTeX_Fraktur-Regular.woff2
        new file:   static/fonts/KaTeX_Main-Bold.ttf
        new file:   static/fonts/KaTeX_Main-Bold.woff
        new file:   static/fonts/KaTeX_Main-Bold.woff2
        new file:   static/fonts/KaTeX_Main-BoldItalic.ttf
        new file:   static/fonts/KaTeX_Main-BoldItalic.woff
        new file:   static/fonts/KaTeX_Main-BoldItalic.woff2
        new file:   static/fonts/KaTeX_Main-Italic.ttf
        new file:   static/fonts/KaTeX_Main-Italic.woff
        new file:   static/fonts/KaTeX_Main-Italic.woff2
        new file:   static/fonts/KaTeX_Main-Regular.ttf
        new file:   static/fonts/KaTeX_Main-Regular.woff
        new file:   static/fonts/KaTeX_Main-Regular.woff2
        new file:   static/fonts/KaTeX_Math-BoldItalic.ttf
        new file:   static/fonts/KaTeX_Math-BoldItalic.woff
        new file:   static/fonts/KaTeX_Math-BoldItalic.woff2
        new file:   static/fonts/KaTeX_Math-Italic.ttf
        new file:   static/fonts/KaTeX_Math-Italic.woff
        new file:   static/fonts/KaTeX_Math-Italic.woff2
        new file:   static/fonts/KaTeX_SansSerif-Bold.ttf
        new file:   static/fonts/KaTeX_SansSerif-Bold.woff
        new file:   static/fonts/KaTeX_SansSerif-Bold.woff2
        new file:   static/fonts/KaTeX_SansSerif-Italic.ttf
        new file:   static/fonts/KaTeX_SansSerif-Italic.woff
        new file:   static/fonts/KaTeX_SansSerif-Italic.woff2
        new file:   static/fonts/KaTeX_SansSerif-Regular.ttf
        new file:   static/fonts/KaTeX_SansSerif-Regular.woff
        new file:   static/fonts/KaTeX_SansSerif-Regular.woff2
        new file:   static/fonts/KaTeX_Script-Regular.ttf
        new file:   static/fonts/KaTeX_Script-Regular.woff
        new file:   static/fonts/KaTeX_Script-Regular.woff2
        new file:   static/fonts/KaTeX_Size1-Regular.ttf
        new file:   static/fonts/KaTeX_Size1-Regular.woff
        new file:   static/fonts/KaTeX_Size1-Regular.woff2
        new file:   static/fonts/KaTeX_Size2-Regular.ttf
        new file:   static/fonts/KaTeX_Size2-Regular.woff
        new file:   static/fonts/KaTeX_Size2-Regular.woff2
        new file:   static/fonts/KaTeX_Size3-Regular.ttf
        new file:   static/fonts/KaTeX_Size3-Regular.woff
        new file:   static/fonts/KaTeX_Size3-Regular.woff2
        new file:   static/fonts/KaTeX_Size4-Regular.ttf
        new file:   static/fonts/KaTeX_Size4-Regular.woff
        new file:   static/fonts/KaTeX_Size4-Regular.woff2
        new file:   static/fonts/KaTeX_Typewriter-Regular.ttf
        new file:   static/fonts/KaTeX_Typewriter-Regular.woff
        new file:   static/fonts/KaTeX_Typewriter-Regular.woff2
        new file:   static/katex.min.css
        new file:   static/katex.min.js
        modified:   templates/404.html
        modified:   templates/index.html
        modified:   templates/macros.html
        modified:   templates/page.html
        modified:   templates/section.html
        modified:   templates/shortcodes/youtube.html
        modified:   templates/tags/list.html
        modified:   templates/tags/single.html

1 files changed, 24 insertions, 12 deletions

diff --git a/sass/_predefined.scss b/sass/_predefined.scss
index e0fb95b..105172d 100644
--- a/sass/_predefined.scss
+++ b/sass/_predefined.scss
@@ -1,20 +1,32 @@
 // Colors
 //
 
-//bkup
-$theme: #018574; // links // green
-$text: #c6cddb; // general text // white grey
-$light-grey: #494f5c; // bg // all below are grey darkish
-$dark-grey: #3b3e48;
-$highlight-grey: #7d828a;
-$midnightblue: #2b303b; //#31333d; // to fix code syntax highlighting
-
+//bkup hermit colors
 //$theme: #018574; // links // green
+//$text: #c6cddb; // general text // white grey
+//$light-grey: #494f5c; // bg // all below are grey darkish
+//$dark-grey: #3b3e48;
+//$highlight-grey: #7d828a;
+//$midnightblue: #2b303b; //#31333d; // to fix code syntax highlighting
+
+// Alphara banner pic colors
+
+//$theme: #8dabd0; // links // green
 //$text: #8dabd0; // fg // general text // white
 //$light-grey: #4e6695; // bg // blue
 //$dark-grey: #4e6695;
 //$highlight-grey: #4e6695;
-//$midnightblue: #2b303b;
+//$midnightblue: #2b303b; // to fix code syntax highlighting
+
+// My X11 colors
+
+$theme: #e94c80;
+$text: #ace6f0; // fg // general text // white
+$light-grey: #0a001f; // bg // blue
+$dark-grey: #0a001f;
+$highlight-grey: #828ff9;
+
+$midnightblue: #212121; // to fix code syntax highlighting
 
 // Fonts
 //
@@ -29,18 +41,18 @@ $code-fonts: Consolas, "Andale Mono WT", "Andale Mono", Menlo, Monaco,
 // Mixins
 //
 @mixin dimmed {
-  opacity: 0.6;
+  opacity: 0.7;
 }
 
 @mixin aTag {
   a {
     word-break: break-all;
     border: none;
-    box-shadow: inset 0 -4px 0 $theme;
+    box-shadow: inset 0 -1px 0 $theme;
     transition-property: background-color;
 
     &:hover {
-      background-color: $theme;
+      background-color: $dark-grey;
     }
   }
 }