From 179b4af36a9cbf5540d63d1ce826b589076b5017 Mon Sep 17 00:00:00 2001 From: Lucas Date: Tue, 27 Aug 2024 10:08:21 +0100 Subject: [PATCH] [Rutland] Fix accessibility colors --- web/cobrands/rutland/_colours.scss | 11 +- web/cobrands/rutland/images/rutland-logo.svg | 171 +++++++++++++++++++ web/cobrands/rutland/layout.scss | 9 +- 3 files changed, 185 insertions(+), 6 deletions(-) create mode 100644 web/cobrands/rutland/images/rutland-logo.svg diff --git a/web/cobrands/rutland/_colours.scss b/web/cobrands/rutland/_colours.scss index 03753fa8d18..831af8e9be0 100755 --- a/web/cobrands/rutland/_colours.scss +++ b/web/cobrands/rutland/_colours.scss @@ -9,13 +9,16 @@ $menu-image: 'menu-black'; $orange: #ff9900; $bluey: #6688ff; -$RCCGreen: #a7b980; +$blue: #001E61; // Links +$RCCGreen: #009977; $RCCGreen_dark: #265123; $RCCbg: #F1F1F1; $primary: $RCCGreen; $primary_b: #000000; -$primary_text: #222222; +$primary_text: #000000; +$link-color: $blue; +$link-hover-color: lighten($blue, 15%); $primary_link_color: $primary_text; $primary_link_hover_color: rgba($primary_text, 0.8); @@ -29,11 +32,11 @@ $nav_hover_background_colour: $primary; // Colour used for front page 'how to report a problem' steps $col_big_numbers: #ccc; -$col_click_map: $RCCGreen_dark; +$col_click_map:$RCCGreen; //$image-sprite: '/cobrands/rutland/RCCLogo.gif'; -$front-main-background-desktop: $primary; +$front-main-background-desktop: #03a27e; $button-primary-bg-top: $primary; $button-primary-border: $primary; diff --git a/web/cobrands/rutland/images/rutland-logo.svg b/web/cobrands/rutland/images/rutland-logo.svg new file mode 100644 index 00000000000..45c4c72c1a3 --- /dev/null +++ b/web/cobrands/rutland/images/rutland-logo.svg @@ -0,0 +1,171 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/web/cobrands/rutland/layout.scss b/web/cobrands/rutland/layout.scss index a432107ddd2..3fe91bf45c8 100755 --- a/web/cobrands/rutland/layout.scss +++ b/web/cobrands/rutland/layout.scss @@ -8,9 +8,10 @@ body.frontpage #site-header { body.frontpage #site-logo { - background: url("/cobrands/rutland/RCCLogo.gif"); + @include svg-background-image("/cobrands/rutland/images/rutland-logo"); background-size: contain; - height: 100px; + background-repeat: no-repeat; + height: 80px; width: 220px; } @@ -18,3 +19,7 @@ body.frontpage #site-logo { a.platform-logo { background-image: url(/cobrands/fixmystreet/images/fms-platform-logo-dark.svg); } + +.nav-menu--main span { + color: darken($primary, 10%); +}