diff --git a/_sass/addon/module.scss b/_sass/addon/module.scss
index a6d5685..d0015ab 100644
--- a/_sass/addon/module.scss
+++ b/_sass/addon/module.scss
@@ -34,6 +34,7 @@
 }
 
 %heading {
+  color: var(--heading-color);
   font-weight: 400;
   font-family: 'Lato', 'Microsoft Yahei', sans-serif;
 }
diff --git a/_sass/colors/dark-typography.scss b/_sass/colors/dark-typography.scss
index 7d6cc5b..e8f53e1 100644
--- a/_sass/colors/dark-typography.scss
+++ b/_sass/colors/dark-typography.scss
@@ -15,6 +15,7 @@
 
   /* common color */
   --text-color: rgb(175, 176, 177);
+  --heading-color: #cccccc;
   --text-muted-color: rgb(107, 116, 124);
   --link-color: rgb(138, 180, 248);
   --link-underline-color: rgb(82, 108, 150);
diff --git a/_sass/colors/light-syntax.scss b/_sass/colors/light-syntax.scss
index 9c2fb98..c6032b5 100644
--- a/_sass/colors/light-syntax.scss
+++ b/_sass/colors/light-syntax.scss
@@ -68,7 +68,7 @@
 
   /* --- custom light colors --- */
   --highlight-bg-color: #f7f7f7;
-  --highlighter-rouge-color: #353a3d;
+  --highlighter-rouge-color: #505050;
   --highlight-lineno-color: #c2c6cc;
   --highlight-lineno-border-color: #e9ecef;
   --inline-code-bg: #f3f3f3;
diff --git a/_sass/colors/light-typography.scss b/_sass/colors/light-typography.scss
index 60018d6..94714f4 100644
--- a/_sass/colors/light-typography.scss
+++ b/_sass/colors/light-typography.scss
@@ -9,7 +9,8 @@
   --main-wrapper-bg: white;
   --main-border-color: #f3f3f3;
   --btn-border-color: #e9ecef;
-  --text-color: #333333;
+  --text-color: #4a4a4a;
+  --heading-color: black;
   --blockquote-border-color: #eee;
   --blockquote-text-color: #9a9a9a;
   --link-color: #2a408e;