From 850c24f373adce6e5dd7c30ecb80a517a93edb08 Mon Sep 17 00:00:00 2001 From: vrifox Date: Sun, 5 Mar 2023 23:45:09 +0100 Subject: [PATCH] improve colors and footer --- assets/scss/home.scss | 1 + assets/scss/main.scss | 2 +- assets/scss/partials/sidebar.scss | 4 +++- assets/scss/variables.scss | 4 +++- 4 files changed, 8 insertions(+), 3 deletions(-) diff --git a/assets/scss/home.scss b/assets/scss/home.scss index b1a9e23..26ae49d 100644 --- a/assets/scss/home.scss +++ b/assets/scss/home.scss @@ -19,6 +19,7 @@ font-family: "playfair"; font-size: 2rem; height: 100vh; + color: var(--text-2); h1 { letter-spacing: 0.5rem; font-size: 7rem; diff --git a/assets/scss/main.scss b/assets/scss/main.scss index 3a5a74f..2a68dc6 100644 --- a/assets/scss/main.scss +++ b/assets/scss/main.scss @@ -23,7 +23,7 @@ html { grid-template-areas: "header header" "sidebar content" - "sidebar footer"; + "footer footer"; grid-template-columns: 250px 1fr; grid-template-rows: min-content; line-height: 1.7; diff --git a/assets/scss/partials/sidebar.scss b/assets/scss/partials/sidebar.scss index 484aed6..16095db 100644 --- a/assets/scss/partials/sidebar.scss +++ b/assets/scss/partials/sidebar.scss @@ -13,7 +13,9 @@ top: 0; z-index: 2; margin: 1rem; - border-radius: 2rem; + border-radius: 100rem; + box-shadow: 0 0 20px 20px var(--sidebar-background-accent); + border: 1px solid var(--sidebar-background-accent); header { text-align: center; user-select: none; diff --git a/assets/scss/variables.scss b/assets/scss/variables.scss index 7d1de67..845a81b 100644 --- a/assets/scss/variables.scss +++ b/assets/scss/variables.scss @@ -7,6 +7,7 @@ --text-secondary: hsl(210, 21%, 40%); --sidebar-background: hsla(210, 21%, 10%, 20%); + --sidebar-background-accent: hsla(210, 21%, 10%, 10%); --vriish-rose: hsl(0, 100%, 75%); --orange: hsl(25, 100%, 75%); @@ -28,6 +29,7 @@ --text-2: hsl(0, 20%, 30%); --text-secondary: hsl(0, 20%, 70%); - --sidebar-background: hsl(0, 100%, 95%); + --sidebar-background: hsla(0, 100%, 98%, 20%); + --sidebar-background-accent: hsla(0, 100%, 98%, 10%); } } \ No newline at end of file