From 59d1e4c0fde10c69456dd56b472f4c3d26e7f9ab Mon Sep 17 00:00:00 2001 From: Simon Vieille Date: Mon, 16 Jan 2023 20:25:38 +0100 Subject: [PATCH 1/2] update header colors --- assets/css/app.scss | 2 +- assets/css/app/config.scss | 22 ++++++++++++++++++++++ 2 files changed, 23 insertions(+), 1 deletion(-) diff --git a/assets/css/app.scss b/assets/css/app.scss index de70585..08b100d 100644 --- a/assets/css/app.scss +++ b/assets/css/app.scss @@ -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; diff --git a/assets/css/app/config.scss b/assets/css/app/config.scss index ae2e1ad..0bd5be7 100644 --- a/assets/css/app/config.scss +++ b/assets/css/app/config.scss @@ -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; From ed6637f820f30fe2270249e4665163d095a5a713 Mon Sep 17 00:00:00 2001 From: Simon Vieille Date: Mon, 16 Jan 2023 20:36:57 +0100 Subject: [PATCH 2/2] update code colors and size --- assets/css/app.scss | 1 + assets/css/app/config.scss | 6 +++--- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/assets/css/app.scss b/assets/css/app.scss index 08b100d..5ffb8d5 100644 --- a/assets/css/app.scss +++ b/assets/css/app.scss @@ -492,6 +492,7 @@ pre[class*="language-"] { code { color: $code-color; + font-size: 1.1em; } pre { diff --git a/assets/css/app/config.scss b/assets/css/app/config.scss index 0bd5be7..942a29e 100644 --- a/assets/css/app/config.scss +++ b/assets/css/app/config.scss @@ -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%);