4 files changed, 55 insertions, 2 deletions
diff --git a/packages/gitbook-plugin-theme-default/less/Sidebar.less b/packages/gitbook-plugin-theme-default/less/Sidebar.less
index 2ef01d7..8e159dc 100644
--- a/packages/gitbook-plugin-theme-default/less/Sidebar.less
+++ b/packages/gitbook-plugin-theme-default/less/Sidebar.less
@@ -1,3 +1,6 @@
 .Sidebar {
-    width: @sidebar-width;
+    height: 100%;
+    background: @sidebar-background;
+    background: rgb(250, 250, 250);
+    border-right: 1px solid @sidebar-border-color;
 }
diff --git a/packages/gitbook-plugin-theme-default/less/Summary.less b/packages/gitbook-plugin-theme-default/less/Summary.less
new file mode 100644
index 0000000..d7cdae5
--- /dev/null
+++ b/packages/gitbook-plugin-theme-default/less/Summary.less
@@ -0,0 +1,37 @@
+.Summary {
+
+}
+
+.SummaryPart {
+    > h1 {
+        padding: @summary-article-padding-v @summary-article-padding-h;
+        padding-top: 20px;
+        text-transform: uppercase;
+        color: @summary-header-color;
+    }
+}
+
+.SummaryArticles {
+    list-style: none;
+    margin: 0px;
+    padding: 0px;
+}
+
+.SummaryArticle {
+    list-style: none;
+
+    a, span {
+        display: block;
+        padding: @summary-article-padding-v @summary-article-padding-h;
+        border-bottom: none;
+        color: @summary-article-color;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
+        position: relative;
+    }
+
+    a:hover {
+        text-decoration: underline;
+    }
+}
diff --git a/packages/gitbook-plugin-theme-default/less/main.less b/packages/gitbook-plugin-theme-default/less/main.less
index b6229c6..957d229 100644
--- a/packages/gitbook-plugin-theme-default/less/main.less
+++ b/packages/gitbook-plugin-theme-default/less/main.less
@@ -2,3 +2,10 @@
 
 @import "reset.less";
 @import "variables.less";
+
+@import "Sidebar.less";
+@import "Summary.less";
+
+body, html {
+    margin: 0px;
+}
diff --git a/packages/gitbook-plugin-theme-default/less/variables.less b/packages/gitbook-plugin-theme-default/less/variables.less
index d169719..8f16632 100644
--- a/packages/gitbook-plugin-theme-default/less/variables.less
+++ b/packages/gitbook-plugin-theme-default/less/variables.less
@@ -1,2 +1,8 @@
 // Sidebar
-@sidebar-width: 200px;
+@sidebar-background:        rgb(250, 250, 250);
+@sidebar-border-color:      rgba(0, 0, 0, 0.0666667);
+// Summary
+@summary-header-color:      #939da3;
+@summary-article-padding-v: 10px;
+@summary-article-padding-h: 15px;
+@summary-article-color:     hsl(207, 15%, 25%);