style: modified color variables
This commit is contained in:
parent
50ecf5c4eb
commit
ed3b48454b
|
@ -62,7 +62,7 @@ $primary-color = $temp-color ? convert($temp-color) : #0066CC;
|
||||||
// ========================================================================================
|
// ========================================================================================
|
||||||
$background-color = #fff;
|
$background-color = #fff;
|
||||||
$second-background-color = darken($background-color, 3%);
|
$second-background-color = darken($background-color, 3%);
|
||||||
$default-text-color = #505050;
|
$default-text-color = #50505c;
|
||||||
$first-text-color = darken($default-text-color, 10%);
|
$first-text-color = darken($default-text-color, 10%);
|
||||||
$second-text-color = darken($default-text-color, 5%);
|
$second-text-color = darken($default-text-color, 5%);
|
||||||
$third-text-color = lighten($default-text-color, 30%);
|
$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 mode color
|
||||||
// ========================================================================================
|
// ========================================================================================
|
||||||
$dark-primary-color = $primary-color;
|
$dark-primary-color = $primary-color;
|
||||||
$dark-background-color = #363636;
|
$dark-background-color = #383940;
|
||||||
$dark-second-background-color = darken($dark-background-color, 10%);
|
$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-first-text-color = lighten($dark-default-text-color, 30%);
|
||||||
$dark-second-text-color = lighten($dark-default-text-color, 20%);
|
$dark-second-text-color = lighten($dark-default-text-color, 20%);
|
||||||
$dark-third-text-color = darken($dark-default-text-color, 20%);
|
$dark-third-text-color = darken($dark-default-text-color, 20%);
|
||||||
|
|
|
@ -47,10 +47,10 @@ $page-aside-width = $temp-width ? convert($temp-width):260px;
|
||||||
height: $header-height;
|
height: $header-height;
|
||||||
z-index: $z-index-5;
|
z-index: $z-index-5;
|
||||||
box-sizing: border-box;
|
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 {
|
&.hide {
|
||||||
transform: translateY(-102%);
|
transform: translateY(-105%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-shrink & {
|
.header-shrink & {
|
||||||
|
|
Loading…
Reference in New Issue