diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
index f4b14aef7..1541b1d38 100644
--- a/docs/_layouts/default.html
+++ b/docs/_layouts/default.html
@@ -111,7 +111,6 @@
         {% if page.comments %}
 
             <div id="container"></div>
-            <link rel="stylesheet" href="https://imsun.github.io/gitment/style/default.css">
             <script src="https://imsun.github.io/gitment/dist/gitment.browser.js"></script>
             <script>
             var gitment = new Gitment({
diff --git a/docs/_sass/_gitment.scss b/docs/_sass/_gitment.scss
index 2b67d9a51..6d3e4e119 100644
--- a/docs/_sass/_gitment.scss
+++ b/docs/_sass/_gitment.scss
@@ -177,8 +177,8 @@ a.gitment-header-issue-link:hover {
 
 .gitment-comment-header {
   margin: 12px 15px;
-  color: #282828;
-  background-color: #fff;
+  color: $gitment-comment-header-color;
+  background-color: $gitment-comment-header-background;
   border-radius: 3px;
 }
 
@@ -445,7 +445,7 @@ a.gitment-editor-footer-tip:hover {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   line-height: 1.5;
-  color: #a89984;
+  color: $gitment-comment-color;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-size: 16px;
   line-height: 1.5;
diff --git a/docs/_sass/_spacevim.scss b/docs/_sass/_spacevim.scss
index a567f24b8..d922b3d46 100644
--- a/docs/_sass/_spacevim.scss
+++ b/docs/_sass/_spacevim.scss
@@ -212,7 +212,7 @@ table { border-collapse: collapse; border-spacing: 0; }
 
 .highlight .ss { color: #90a959; }
 
-body { padding: 0px 0 20px 0px; margin: 0px; font: 14px/1.5 "OpenSansRegular", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #f0e7d5; font-weight: normal; background: #252525; background-attachment: fixed !important; background: linear_gradient(#2a2a29, #1c1c1c); }
+body { padding: 0px 0 20px 0px; margin: 0px; font: 14px/1.5 "OpenSansRegular", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #f0e7d5; font-weight: normal; background: $background-color; background-attachment: fixed !important; background: linear_gradient(#2a2a29, #1c1c1c); }
 
 h1, h2, h3, h4, h5, h6 { color: #e8e8e8; margin: 0 0 10px; font-family: 'OpenSansRegular', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; }
 
diff --git a/docs/_sass/_variables.scss b/docs/_sass/_variables.scss
index 07346ddee..2f59f42bf 100644
--- a/docs/_sass/_variables.scss
+++ b/docs/_sass/_variables.scss
@@ -1,3 +1,12 @@
+/* =============================================================================
+ *  _variables.scss --- configuration file for website
+ *  Copyright (c) 2016-2017 Shidong Wang & Contributors
+ *  Author: Shidong Wang < wsdjeg at 163.com >
+ *  URL: https://spacevim.org
+ *  License: GPLv3
+ * ============================================================================= */
+
+// font-size
 $h1-font-size: 2em;
 $h2-font-size: 1.8em;
 $h3-font-size: 1.6em;
@@ -5,3 +14,12 @@ $h4-font-size: 1.4em;
 $h5-font-size: 1.2em;
 $h6-font-size: 1em;
 
+// colorshemes
+
+$background-color: #252525;
+$gitment-comment-color: #a89984;
+
+// gitment header
+// wsdjeg commented on Tue Oct 02 2018
+$gitment-comment-header-color: #a89984;
+$gitment-comment-header-background: #252525;