diff options
author | Valentin Popov <valentin@popov.link> | 2023-08-31 02:12:35 +0300 |
---|---|---|
committer | Valentin Popov <valentin@popov.link> | 2023-08-31 02:12:35 +0300 |
commit | 8141a3bd86544a70eaef091bbaa2528e4f183ad1 (patch) | |
tree | 73e839b289f843c4ac4c814589413c595a06f27c | |
parent | 8e8f1bf81dce79972d1e885423c445697b44af7a (diff) | |
download | popov.link-8141a3bd86544a70eaef091bbaa2528e4f183ad1.tar.xz popov.link-8141a3bd86544a70eaef091bbaa2528e4f183ad1.zip |
Changed color palette from warm to cool tones
-rw-r--r-- | config.toml | 2 | ||||
-rw-r--r-- | sass/_framework.scss | 5 | ||||
-rw-r--r-- | sass/_navbar.scss | 8 | ||||
-rw-r--r-- | 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"; |