From ed3b48454bb3ba2836de2aa74defc9a0dffdacd2 Mon Sep 17 00:00:00 2001 From: XPoet Date: Thu, 21 Jan 2021 18:59:22 +0800 Subject: [PATCH] style: modified color variables --- source/css/common/variables.styl | 6 +++--- source/css/layout/page.styl | 4 ++-- 2 files changed, 5 insertions(+), 5 deletions(-) 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 & {