From fc140ef957565c4fc5f49d1873a77d0ee8f0abbd Mon Sep 17 00:00:00 2001
From: "qingwei.li" <cinwell.li@gmail.com>
Date: Thu, 9 Feb 2017 21:16:35 +0800
Subject: [PATCH] fix(vue.css): update sidebar style

---
 docs/zh-cn.md                |  2 +-
 src/themes/basic/_layout.css | 17 +++++++++++++++++
 src/themes/vue.css           |  3 ++-
 3 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/docs/zh-cn.md b/docs/zh-cn.md
index fc115305c..0b193953f 100644
--- a/docs/zh-cn.md
+++ b/docs/zh-cn.md
@@ -471,7 +471,7 @@ window.$docsify = {
 
 ### 全文检索 - search
 
-一份文档如果能有搜索功能会提升一些用户体验，加载搜索插件也很简单，直接引入就自动安装并启用。默认情况下会自动分析当前页面上的超链接，获取内容后建立索引并存储在 localStorage 里，默认过期时间为一天，当然这是可配置的。
+一份文档如果能有搜索功能会提升一些用户体验，加载搜索插件也很简单，直接引入就自动安装并启用。默认情况下会自动分析当前页面上的超链接，获取内容后建立索引并存储在 `localStorage` 里，默认过期时间为一天，当然这是可配置的。
 
 自动识别的方式不一定能识别完整或者如果你想指定某些文件可索引，你可以自己指定文件的路径。
 
diff --git a/src/themes/basic/_layout.css b/src/themes/basic/_layout.css
index 2ded9c346..680c42f63 100644
--- a/src/themes/basic/_layout.css
+++ b/src/themes/basic/_layout.css
@@ -235,6 +235,23 @@ main {
   ul li ul {
     padding-left: 20px;
   }
+
+  &::-webkit-scrollbar {
+    width: 4px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: transparent;
+    border-radius: 4px;
+  }
+
+  &:hover::-webkit-scrollbar-thumb {
+    background: rgba(136, 136, 136, 0.4);
+  }
+
+  &:hover::-webkit-scrollbar-track {
+    background: rgba(136, 136, 136, 0.1);
+  }
 }
 
 /* sidebar toggle */
diff --git a/src/themes/vue.css b/src/themes/vue.css
index 6bb47a518..89a50c5c9 100644
--- a/src/themes/vue.css
+++ b/src/themes/vue.css
@@ -22,11 +22,12 @@ body {
   }
 
   ul li a {
-    color: #7f8c8d;
+    color: #505d6b;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
     text-decoration: none;
+    font-size: 14px;
 
     &:hover {
       text-decoration: underline;