sidebar looks ok now

themes/first/layouts/_default/baseof.html

@@ -3,7 +3,7 @@
 
 <title> {{ .Title }} </title>
 
-<link href="https://fonts.googleapis.com/css?family=Dosis|Inconsolata|Libre+Baskerville|Lato|Zilla+Slab" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css?family=Abel|Dosis|Inconsolata|Libre+Baskerville|Lato|Zilla+Slab" rel="stylesheet">
 <link rel="stylesheet" href="/css/main.css">
 
 </head>

themes/first/layouts/_default/list.html

@@ -1,10 +1,12 @@
 {{ define "main" }}
   <div class="content">
+
     {{ .Content }}
     <ul>
       {{ range .Pages }}
         <li> <a href="{{.URL}}"> {{ .Title }} </a> </li>
       {{ end }}
     </ul>
+
   </div>
 {{ end }}

themes/first/src/css/color.less

@@ -15,3 +15,5 @@
 @color-nav-background: rgb(0, 0, 5);
 @color-nav-text: rgb(255, 255, 255);
 @color-nav-item-border: rgb(59, 206, 59);
+
+@color-sidebar-font: rgb(0, 0, 0);

themes/first/src/css/font.less

@@ -3,4 +3,6 @@
 @font-header: ~"'Zilla Slab', serif";
 @font-height: 1.7em;
 
+@font-sidebar: ~"'Abel', sans-serif";
+
 @font-nav: ~"'Lato', sans-serif";

themes/first/src/css/main.less

@@ -31,7 +31,6 @@ body {
     grid-area: headerright;
     background-color: @color-nav-background;
   }
-
   nav#main {
     grid-area: header;
     background-color: @color-nav-background;
@@ -68,6 +67,21 @@ body {
 
 body nav#TableOfContents {
   grid-area: sidebar;
+
+  ul {
+    list-style-type: none;
+    margin-left: .0em;
+    padding-left: .6em;
+  }
+
+  font-family: @font-sidebar;
+
+  color: @color-sidebar-font;
+
+  a:link,a:visited,a:hover,a:active {
+    text-decoration: none;
+    color: @color-sidebar-font;
+  }
 }
 
 .block-grid(){