deblan/deblan.io-murph
deblan/deblan.io-murph
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Wiki Activity

Merge branch 'feature/colors' into develop
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details
ci/woodpecker/deployment/woodpecker Pipeline was successful
Details

Browse source
This commit is contained in:
Simon Vieille 2023-01-16 20:37:00 +01:00
parent 943ae7b63e ed6637f820
commit 6dc8d46b7f
2 changed files with 27 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
assets/css/app.scss
View file

@ -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;
@ -492,6 +492,7 @@ pre[class*="language-"] {
code {
color: $code-color;
font-size: 1.1em;
}
pre {

28
assets/css/app/config.scss
View file

@ -3,14 +3,14 @@
$color-white: #fff;
$color-very-light-grey: #e0e0e0;
$color-light-blue: #b9d4e3;
$color-blue: #0269a0;
$color-blue2: #3dacce;
$color-blue: #d46ba3;
$color-blue2: #d4885c;
$color-grey: #ccc;
$color-dark-grey: #303951;
$color-very-dark-grey: #252c3e;
$color-red: #b02e2a;
$code-color: $color-red;
$code-color: $color-blue;
$color-navigation-item-background: darken($color-dark-grey, 8%);
$color-navigation-item-background-active: lighten($color-dark-grey, 10%);
@ -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;