diff --git a/assets/sass/layout/_footer.scss b/assets/sass/layout/_footer.scss index f2d003c..c7a766d 100644 --- a/assets/sass/layout/_footer.scss +++ b/assets/sass/layout/_footer.scss @@ -9,7 +9,7 @@ #footer { @include color(alt); @include vendor("display", "flex"); - background-color: _palette(alt, bg); + background-color: $secondary-color; color: _palette(fg-light); cursor: default; position: relative; diff --git a/assets/sass/layout/_header.scss b/assets/sass/layout/_header.scss index 5575d99..fa79b9a 100644 --- a/assets/sass/layout/_header.scss +++ b/assets/sass/layout/_header.scss @@ -19,6 +19,7 @@ position: relative; text-align: center; z-index: 2; + background-color: $primary-color; .logo { @include vendor( diff --git a/assets/sass/layout/_nav.scss b/assets/sass/layout/_nav.scss index 232ddd1..6c15579 100644 --- a/assets/sass/layout/_nav.scss +++ b/assets/sass/layout/_nav.scss @@ -11,7 +11,7 @@ @include color-typography(invert); @include vendor("display", "flex"); @include vendor("transition", ("transform 1s ease", "opacity 1s ease")); - background: rgba(255, 255, 255, 0.175); + background: $accent-color; height: 4rem; line-height: 4rem; margin: -4rem auto 0 auto; diff --git a/assets/sass/layout/_wrapper.scss b/assets/sass/layout/_wrapper.scss index e2ff3f5..d0bc545 100644 --- a/assets/sass/layout/_wrapper.scss +++ b/assets/sass/layout/_wrapper.scss @@ -18,7 +18,7 @@ left: 0; width: 100%; height: 100%; - background-color: _palette(wrapper-bg); + background-color: $accent-color; background-image: url("../../images/overlay.png"), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../../images/bg.jpg"); background-size: auto, auto, 100% auto; diff --git a/assets/sass/libs/_vars.scss b/assets/sass/libs/_vars.scss index a924100..06155d0 100644 --- a/assets/sass/libs/_vars.scss +++ b/assets/sass/libs/_vars.scss @@ -1,4 +1,11 @@ // Misc. +$primary-color: #ff4136; +$secondary-color: #ff851b; +$accent-color: #ffdc00; +$invert: ( + border: $primary-color, + accent: $accent-color +); $misc: ( z-index-base: 10000, );