diff --git a/app/assets/images/custom/logo_header.png b/app/assets/images/custom/logo_header.png new file mode 100644 index 000000000..9e3c4f10b Binary files /dev/null and b/app/assets/images/custom/logo_header.png differ diff --git a/app/assets/images/logo_header.png b/app/assets/images/logo_header.png deleted file mode 100644 index 444ae7f13..000000000 Binary files a/app/assets/images/logo_header.png and /dev/null differ diff --git a/app/assets/stylesheets/_consul_custom_overrides.scss b/app/assets/stylesheets/_consul_custom_overrides.scss index e399ea144..37f433f1d 100644 --- a/app/assets/stylesheets/_consul_custom_overrides.scss +++ b/app/assets/stylesheets/_consul_custom_overrides.scss @@ -10,3 +10,10 @@ // // The variables you can override are defined in the // `_settings.scss` and `_consul_settings.scss` files. + +// $brand: #ffffff; +$main-header: #ffffff; +$brand: #000000; +$brand-secondary: #003d1e; +$topbar-background: #003d1e; +$button-background-hover: $brand; diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss index 8a9be181e..34fd17531 100644 --- a/app/assets/stylesheets/application.scss +++ b/app/assets/stylesheets/application.scss @@ -1,3 +1,4 @@ +@import "consul_custom_overrides"; @import "mixins_and_variables"; @import "fonts"; @import "icons"; diff --git a/app/assets/stylesheets/custom.scss b/app/assets/stylesheets/custom.scss index d124a2342..7e48c6942 100644 --- a/app/assets/stylesheets/custom.scss +++ b/app/assets/stylesheets/custom.scss @@ -2,3 +2,50 @@ // // You can also create SCSS files in the app/assets/stylesheets/custom/ // folder and they will be loaded automatically. + +.locale { + .locale-form { + select { + background: #000000; + color: color-pick-contrast(#000000); + } + } +} + +.subnavigation { + @include breakpoint(small only) { + li { + a, + .button { + width: 100%; + } + } + } +} + +.account-menu.menu { + li { + @include breakpoint(small only) { + a, + .button { + width: 100%; + } + } + .button { + background: #fbe116; + color: $black; + } + a, + .button { + font-weight: 600; + } + } +} + +.auth-page { + .auth-image { + background-image: none !important; + background: $white; + border-right: 2px solid $brand-secondary; + } +}