fix: style

source/css/_partial/categories.styl

@@ -28,7 +28,7 @@
     i 
       font-style normal
       margin-left 10px
-      color: darken(water,20%)
+      color: darken(water,30%)
   a 
     display inline-block
     vertical-align middle
@@ -36,9 +36,9 @@
     color: body-color
     &:hover
       .category-list-item
-        border: 1px solid darken(water,20%)
+        border: 1px solid darken(water,30%)
         box-shadow:  0 3px 5px water
-        color: darken(water,30%);
+        color: darken(water,50%);
       &:before
-        color: darken(water,30%);
+        color: darken(water,50%);
     

source/css/_partial/highlight.styl

@@ -82,11 +82,12 @@ highlight-purple = #cc99cc
 
 .article-entry pre,
 .article-entry code {
-  font-family: "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace;
+  font-family: Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace
 }
 
 .article-entry code {
   background: #eee;
+  color: highlight-code-color;
   padding: 0 0.3em;
   border: none;
 }
@@ -210,7 +211,7 @@ highlight-purple = #cc99cc
 
 pre .comment {
   /* color: #75715e; */
-  color: #ffd300;
+  color: highlight-green
 }
 
 pre .keyword,
@@ -250,7 +251,7 @@ pre .string {
 }
 
 pre .number {
-  color: #7163d7;
+  color: highlight-purple
 }
 
 pre .id,

source/css/_partial/share.styl

@@ -32,12 +32,13 @@
       text-shadow: none;
 			text-decoration: none;
 			width auto;
-    	color: main-color;
+    	color: link-color;
 			height: 28px;
 			line-height: 26px;
 			i{
 				font-size: 18px;
 				margin-right 5px;
+        color lighten(link-color,30%)
 			}
 			&:hover {
       transform: none;

source/css/_variables.styl

@@ -38,7 +38,7 @@ pinterest-color  = #cb2027
 google-color     = #dd4b39
 
 // Link Colors
-link-color         = darken(water,20%)
+link-color         = #0681d0
 link-hover-color   = lighten(link-color, 20%)
 link-active-color  = darken(link-color, 5%)
 disabled-color     = gray