diff --git a/core/static/core/img/ae-pinktober.png b/core/static/core/img/ae-pinktober.png index e0aa2c6f..c8e60f51 100644 Binary files a/core/static/core/img/ae-pinktober.png and b/core/static/core/img/ae-pinktober.png differ diff --git a/core/static/core/style.scss b/core/static/core/style.scss index a564cfb0..20c7ee01 100644 --- a/core/static/core/style.scss +++ b/core/static/core/style.scss @@ -25,8 +25,11 @@ $black-color: hsl(0, 0%, 17%); $faceblue: hsl(221, 44%, 41%); $twitblue: hsl(206, 82%, 63%); -$pinktober: hsl(313, 88%, 76%); -$pinktober-secondary: hsl(294, 87%, 15%); +$pinktober: #ff5674; +$pinktober-secondary: #8a2536; +$pinktober-primary-text: white; +$pinktober-bar-closed: $pinktober-secondary; +$pinktober-bar-opened: #388E3C; $shadow-color: rgb(223, 223, 223); @@ -160,19 +163,25 @@ header { display: flex; box-shadow: $shadow-color 0px 0px 15px; border-top: none; - background-color: $pinktober; + //background-color: $primary-neutral-dark-color; border-radius: 0px 0px 10px 10px; + + // PINKTOBER + background-color: $pinktober; border-bottom: 5px solid $pinktober-secondary; + margin-bottom: -5px; + border-radius: 0 0 5px 7px; #header_logo { background-color: $white-color; padding: 0.2em; border-bottom: 5px solid $shadow-color; - border-radius: 0px 0px 0px 9px; + border-radius: 0px 0px 0px 5px; margin-bottom: -5px; a { - display: inline-block; + display: flex; + align-items: center; margin: 0px; width: 100%; height: 100%; @@ -195,6 +204,7 @@ header { width: 100%; label { display: inline; + color: $pinktober-primary-text; } } a { @@ -215,7 +225,8 @@ header { font-weight: bold; color: $white-color; &:hover { - color: $pinktober-secondary; + color: $pinktober-primary-text; + text-decoration: underline; } } @@ -223,6 +234,14 @@ header { flex: initial; list-style-type: none; margin: 0.2em 0.2em; + + & .fa.fa-times { + color: $pinktober-bar-closed !important; + } + + & .fa.fa-check { + color: $pinktober-bar-opened !important; + } } #header_search {