diff --git a/assets/scss/colors.scss b/assets/scss/colors.scss index d3d0e9a..ac61f59 100644 --- a/assets/scss/colors.scss +++ b/assets/scss/colors.scss @@ -1,26 +1,54 @@ -$light-bg: #ffe7d6; -$light-fg: #73464c; +$light-bg:#515262; +$light-bg-alt: #caa05a; +$light-fg: #c9cca1; $light-ln: #ab5675; -$light-active: #72dcbb; +$light-active: #72dcbb; -$dark-bg: black; -$dark-fg: white; -$dark-ln: blue; -$dark-active: green; +$dark-bg: #292831; +$dark-bg-alt: #333f58; +$dark-fg: #fbbbad; +$dark-ln: #ee8695; +$dark-active: #4a7a96; body { - &.light{ - background-color: $light-bg; - color: $light-fg; - } - background-color: $dark-bg; - color: $dark-bg; - } + &.light { + background-color: $light-bg; + color: $light-fg; + } + background-color: $dark-bg; + color: $dark-fg; +} + a { + &.light { + background-color: $light-ln; + color: $light-bg; + } + background-color: $dark-ln; + color: $dark-bg; } -a.footer-nav-item.active{ +a.footer-nav-item.active { + &.light { + color: $light-active; + } + color: $dark-active; } -footer, footer a{ +footer { + &.light { + background-color: $light-bg-alt; + color: $light-bg; + } + background-color: $dark-bg-alt; + color: $dark-bg; +} + +footer a { + &.light{ + color: $light-bg; + background-color: $light-bg-alt; + } + color: $dark-bg; + background-color: $dark-bg-alt; } diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 5f8e2ec..a8d056b 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -1,7 +1,7 @@ {{- partial "head.html" . -}} - + {{- partial "header.html" . -}}
{{- block "main" . }}{{- end }} diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index ed2a5a8..cc0e7b6 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -1,4 +1,4 @@ -