diff --git a/source/css/common/variables.styl b/source/css/common/variables.styl
index 10fe7cd..5984224 100644
--- a/source/css/common/variables.styl
+++ b/source/css/common/variables.styl
@@ -62,7 +62,7 @@ $primary-color = $temp-color ? convert($temp-color) : #0066CC;
 // ========================================================================================
 $background-color = #fff;
 $second-background-color = darken($background-color, 3%);
-$default-text-color = #505050;
+$default-text-color = #50505c;
 $first-text-color = darken($default-text-color, 10%);
 $second-text-color = darken($default-text-color, 5%);
 $third-text-color = lighten($default-text-color, 30%);
@@ -83,9 +83,9 @@ $pjax-progress-bar-color = linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19
 // dark mode color
 // ========================================================================================
 $dark-primary-color = $primary-color;
-$dark-background-color = #363636;
+$dark-background-color = #383940;
 $dark-second-background-color = darken($dark-background-color, 10%);
-$dark-default-text-color = #b9b5c2;
+$dark-default-text-color = #bebec6;
 $dark-first-text-color = lighten($dark-default-text-color, 30%);
 $dark-second-text-color = lighten($dark-default-text-color, 20%);
 $dark-third-text-color = darken($dark-default-text-color, 20%);
diff --git a/source/css/layout/page.styl b/source/css/layout/page.styl
index 3728ca1..8e99334 100644
--- a/source/css/layout/page.styl
+++ b/source/css/layout/page.styl
@@ -47,10 +47,10 @@ $page-aside-width = $temp-width ? convert($temp-width):260px;
       height: $header-height;
       z-index: $z-index-5;
       box-sizing: border-box;
-      transition-t("transform, padding-left, height", "0, 0", "0.3, 0.2", "ease-out, linear");
+      transition-t("transform, padding-left, height", "0, 0, 0", "0.3, 0.2, 0.2", "ease-out, linear, ease");
 
       &.hide {
-        transform: translateY(-102%);
+        transform: translateY(-105%);
       }
 
       .header-shrink & {