From 8141a3bd86544a70eaef091bbaa2528e4f183ad1 Mon Sep 17 00:00:00 2001 From: Valentin Popov Date: Thu, 31 Aug 2023 03:12:35 +0400 Subject: Changed color palette from warm to cool tones --- config.toml | 2 +- sass/_framework.scss | 5 +++-- sass/_navbar.scss | 8 +++++--- sass/styles.scss | 12 ++++++------ 4 files changed, 15 insertions(+), 12 deletions(-) diff --git a/config.toml b/config.toml index 0f2acc6..6a3f21a 100644 --- a/config.toml +++ b/config.toml @@ -47,7 +47,7 @@ highlight_code = true # The theme to use for code highlighting. # See below for list of allowed values. -highlight_theme = "material-dark" +highlight_theme = "nord" # When set to "true", emoji aliases translated to their corresponding # Unicode emoji equivalent in the rendered Markdown files. (e.g.: :smile: => 😄) diff --git a/sass/_framework.scss b/sass/_framework.scss index 1d52d84..fa56211 100644 --- a/sass/_framework.scss +++ b/sass/_framework.scss @@ -16,7 +16,8 @@ body { color: $color-text; font-size: $font-size-base; font-synthesis: weight style small-caps; - line-height: 1.54; + font-weight: 400; + line-height: 1.5; margin: auto; max-width: 60em; padding: 6em 4em 4em 4em; @@ -244,4 +245,4 @@ fieldset { display: block; font-weight: 600; margin-bottom: 0.5rem; -} +} \ No newline at end of file diff --git a/sass/_navbar.scss b/sass/_navbar.scss index a6ccb38..60e2b75 100644 --- a/sass/_navbar.scss +++ b/sass/_navbar.scss @@ -1,9 +1,11 @@ header { - background-color: $color-header; - box-shadow: 0 5px 5px $color-header; + background-color: $color-bg; + border-bottom: 1px solid $color-header; + box-shadow: 0 5px 5px $color-bg; left: 0; line-height: 3.5em; - position: absolute; + opacity: .975; + position: fixed; right: 0; top: 0; } diff --git a/sass/styles.scss b/sass/styles.scss index 98f4ffe..909197c 100644 --- a/sass/styles.scss +++ b/sass/styles.scss @@ -3,14 +3,14 @@ @import "mixins"; @import "reset"; -$color-bg: #292a2d; +$color-bg: #212529; $color-bg-alt: hwb(0deg 0% 100% / 20%); $color-bg-code: #3b3d42; -$color-blossom: #6da13f; -$color-fade: #608b4e; -$color-header: #212121; -$color-text: #a9a9b3; -$font-family-base: "Inter var experimental", "Inter var", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; +$color-blossom: #85BCF2; +$color-fade: #4e6f8e; +$color-header: #1b1f22; +$color-text: #dee2e6; +$font-family-base: "Jost", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; $font-size-base: 1.8rem; @import "framework"; -- cgit v1.2.3