diff --git a/_sass/_base.scss b/_sass/_base.scss
index e5fd0fd8c..99ca048b3 100644
--- a/_sass/_base.scss
+++ b/_sass/_base.scss
@@ -1,3 +1,7 @@
+:root {
+  color-scheme: dark light;
+}
+
 /**
  * Reset some basic elements
  */
@@ -90,15 +94,16 @@ h1, h2, h3, h4, h5, h6 {
  */
 a {
     color: $brand-color;
-    text-decoration: none;
+    //text-decoration: none;
+    text-decoration: underline;
 
     &:visited {
-        color: darken($brand-color, 15%);
+        //color: darken($brand-color, 15%);
     }
 
     &:hover {
         color: $text-color;
-        text-decoration: underline;
+        //text-decoration: underline;
     }
 }
 
@@ -127,10 +132,11 @@ blockquote {
  */
 pre,
 code {
+    font-family: $monospace-font-family;
     font-size: 15px;
-    border: 1px solid $grey-color-light;
+    border: 1px solid; //$grey-color-light;
     border-radius: 3px;
-    background-color: #eef;
+    background-color: revert; //#eef;
 }
 
 code {
diff --git a/css/main.scss b/css/main.scss
index beee4e3da..bf255009c 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -6,20 +6,35 @@
 
 
 // Our variables
-$base-font-family: Helvetica, Arial, sans-serif;
-$base-font-size:   16px;
-$small-font-size:  $base-font-size * 0.875;
+$base-font-family: "Liberation Sans", "Arimo", "Arial", sans-serif;
+$monospace-font-family: "Liberation Mono", "Cousine", "Courier New", monospace;
+//$base-font-size:   16px;
+$base-font-size:   revert;
+//$small-font-size:  $base-font-size * 0.875;
+$small-font-size:  revert;
 $base-line-height: 1.5;
 
 $spacing-unit:     30px;
 
-$text-color:       #111;
-$background-color: #fdfdfd;
-$brand-color:      #2a7ae2;
+// $text-color:       #111;
+// $background-color: #fdfdfd;
+// $brand-color:      #2a7ae2;
+//
+// $grey-color:       #828282;
+// $grey-color-light: lighten($grey-color, 40%);
+// $grey-color-dark:  darken($grey-color, 25%);
 
-$grey-color:       #828282;
-$grey-color-light: lighten($grey-color, 40%);
-$grey-color-dark:  darken($grey-color, 25%);
+$text-color:       revert;
+$background-color: revert;
+$brand-color:      revert;
+
+// $grey-color:       #828282;
+// $grey-color-light: lighten($grey-color, 40%);
+// $grey-color-dark:  darken($grey-color, 25%);
+
+$grey-color:       revert;
+$grey-color-light: revert;
+$grey-color-dark:  revert;
 
 // Width of the content area
 $content-width:    800px;