From 741262263f141dedc6c70578da0b28399e538971 Mon Sep 17 00:00:00 2001 From: L3D Date: Sat, 22 Jan 2022 15:49:32 +0100 Subject: [PATCH] green layout --- assets/scss/_header.scss | 6 +++--- assets/scss/_variables.scss | 21 +++++++++++---------- 2 files changed, 14 insertions(+), 13 deletions(-) diff --git a/assets/scss/_header.scss b/assets/scss/_header.scss index 5216e0a..c8085f5 100644 --- a/assets/scss/_header.scss +++ b/assets/scss/_header.scss @@ -36,7 +36,7 @@ header { text-decoration: none; text-align: center; display: inline-block; - color: #fff; + color: $font_menu; font-size: $font_size_default; &:focus { @@ -80,7 +80,7 @@ header { &:after { content: ""; border: 0.35rem solid transparent; - border-top-color: rgba(#fff, 0.45); + border-top-color: $menu_background_dropdown_color; margin-left: 0.25em; transform: translateY(0.15em); } @@ -102,7 +102,7 @@ header { box-shadow: 0 0.15em 0.25em rgba(black, 0.25); a { - color: $font_menu; + color: $font_submenu; display: block; padding: 0.5em; opacity: 0; diff --git a/assets/scss/_variables.scss b/assets/scss/_variables.scss index 9ed090a..cdafbaf 100644 --- a/assets/scss/_variables.scss +++ b/assets/scss/_variables.scss @@ -1,19 +1,20 @@ -$background_accent_1: rgb(247, 196, 24 ); +$background_accent_1: rgb(31, 172, 74); $background_accent_2: black; -$menu_background_color: rgba(255,69,0,0.3); + +$menu_background_color: rgba(60,60,60,0.1); $menu_background_dropdown_color: white; -$menu_accent_hover: red; +$menu_accent_hover: orange; $menu_box_background: transparent; -$font_accent_1: red; -$font_accent_2: maroon; -$font_accent_2_hover: orangered; -$font_accent_3: orangered; -$font_accent_4: rgb(247, 196, 24); -$font_menu: black; +$font_accent_1: gold; +$font_accent_2: lime; +$font_accent_2_hover: LimeGreen; +$font_accent_3: gold; +$font_accent_4: orange; +$font_menu: gold; +$font_submenu: black; $font_default: white; -$shadow_accent_1: rgba(255, 190, 14, 0.5); $font_size_default: 1.3em; $font_size_default_large: 2.2em; $font_size_default_mobile: 1em;