update header colors
This commit is contained in:
parent
943ae7b63e
commit
59d1e4c0fd
|
@ -313,7 +313,7 @@ pre[class*="language-"] {
|
|||
}
|
||||
|
||||
.header {
|
||||
background: linear-gradient(45deg, $color-header-background-from 0%, #0685b3 29%, #1fbaf2 66%, $color-header-background-to 100%);
|
||||
background: linear-gradient(45deg, $color-header-background-step0 0%, $color-header-background-step1 29%, $color-header-background-step2 66%, $color-header-background-step3 100%);
|
||||
background-size: 400% 400%;
|
||||
animation: HeaderGradient 15s ease infinite;
|
||||
display: flex;
|
||||
|
|
|
@ -20,6 +20,28 @@ $color-wide-menu-background-from: $color-dark-grey;
|
|||
$color-wide-menu-background-to: darken($color-dark-grey, 10%);
|
||||
|
||||
$color-header-background-from: $color-blue2;
|
||||
$color-header-background-from: $color-blue2;
|
||||
|
||||
// $color-header-background-step0: #3dacce;
|
||||
// $color-header-background-step1: #0685b3;
|
||||
// $color-header-background-step2: #1fbaf2;
|
||||
// $color-header-background-step3: #3dacce;
|
||||
|
||||
$color-header-background-step0: #d46ba3;
|
||||
$color-header-background-step1: #d4885c;
|
||||
$color-header-background-step2: #d4b25d;
|
||||
$color-header-background-step3: #d46ba3;
|
||||
|
||||
// $color-header-background-step0: #c2410c;
|
||||
// $color-header-background-step1: #b03f3f;
|
||||
// $color-header-background-step2: #c26616;
|
||||
// $color-header-background-step3: #c2410c;
|
||||
|
||||
// $color-header-background-step0: #6eb022;
|
||||
// $color-header-background-step1: #578c1b;
|
||||
// $color-header-background-step2: #8a8c2c;
|
||||
// $color-header-background-step3: #6eb022;
|
||||
|
||||
$color-header-background-to: $color-blue;
|
||||
$color-header-text: $color-white;
|
||||
|
||||
|
|
Loading…
Reference in New Issue