11 files changed, 13 insertions, 24 deletions
diff --git a/web/cobrands/barnet/_colours.scss b/web/cobrands/barnet/_colours.scss
index 2a00dab90..c92249eed 100644
--- a/web/cobrands/barnet/_colours.scss
+++ b/web/cobrands/barnet/_colours.scss
@@ -1,5 +1,7 @@
 /* COLOURS */
 
+$menu-image: 'menu-black';
+
 $primary: #E9E9EA;
 $primary_b: #000000;
 $primary_text: #3E3D44;
diff --git a/web/cobrands/barnet/base.scss b/web/cobrands/barnet/base.scss
index aff4a1e6c..73d5708c7 100644
--- a/web/cobrands/barnet/base.scss
+++ b/web/cobrands/barnet/base.scss
@@ -23,10 +23,6 @@
     top: 0.6em;
     left: 0.5em;
 }
-#nav-link {
-    background-image: url(/cobrands/fixmystreet/images/menu-black.png);
-    background-image: url(/cobrands/fixmystreet/images/menu-black.svg), none;
-}
 
 #front-main #postcodeForm div input#sub,
 .green-btn,
diff --git a/web/cobrands/bromley/_colours.scss b/web/cobrands/bromley/_colours.scss
index 5627929a0..668748ae4 100644
--- a/web/cobrands/bromley/_colours.scss
+++ b/web/cobrands/bromley/_colours.scss
@@ -1,5 +1,7 @@
 /* COLOURS */
 
+$menu-image: 'menu-black';
+
 $bromley_blue: rgb(91,120,147);
 
 $primary: $bromley_blue;
diff --git a/web/cobrands/bromley/base.scss b/web/cobrands/bromley/base.scss
index 9b1e787df..a6d1b8e84 100644
--- a/web/cobrands/bromley/base.scss
+++ b/web/cobrands/bromley/base.scss
@@ -24,11 +24,8 @@ h1.main {
     height: 4em;
 }
 
-// Colour tab to match colour scheme
 #nav-link {
   height: 4em; // to match #site-header
-  background-image: url(/cobrands/fixmystreet/images/menu-black.png);
-  background-image: url(/cobrands/fixmystreet/images/menu-black.svg), none;
 }
 
 // Change logo to logo of council
diff --git a/web/cobrands/fixamingata/_colours.scss b/web/cobrands/fixamingata/_colours.scss
index 45138e5a1..a35e3147f 100644
--- a/web/cobrands/fixamingata/_colours.scss
+++ b/web/cobrands/fixamingata/_colours.scss
@@ -1,5 +1,7 @@
 /* COLOURS */
 
+$menu-image: 'menu-black';
+
 $primary: #00b1da;
 $primary_b: #0087a6;
 $primary_text: #222;
diff --git a/web/cobrands/fixamingata/base.scss b/web/cobrands/fixamingata/base.scss
index 01aa46c71..6b8add5d7 100644
--- a/web/cobrands/fixamingata/base.scss
+++ b/web/cobrands/fixamingata/base.scss
@@ -23,10 +23,6 @@ $image-sprite: '/cobrands/fixamingata/images/sprite.png';
     margin-left: 10px;
     background: url('/cobrands/fixamingata/images/fms-logo.png') no-repeat;
 }
-#nav-link {
-    background-image: url(/cobrands/fixmystreet/images/menu-black.png);
-    background-image: url(/cobrands/fixmystreet/images/menu-black.svg), none;
-}
 
 #report-cta {
     font-size: 0.8em;
diff --git a/web/cobrands/harrogate/_colours.scss b/web/cobrands/harrogate/_colours.scss
index a79b7acfb..11bf383f7 100644
--- a/web/cobrands/harrogate/_colours.scss
+++ b/web/cobrands/harrogate/_colours.scss
@@ -1,5 +1,7 @@
 /* COLOURS */
 
+$menu-image: 'menu-black';
+
 $harrogate_primary: #7EB7D8;
 
 $primary: $harrogate_primary;
diff --git a/web/cobrands/harrogate/base.scss b/web/cobrands/harrogate/base.scss
index f0bb1daa1..576b640bd 100644
--- a/web/cobrands/harrogate/base.scss
+++ b/web/cobrands/harrogate/base.scss
@@ -19,11 +19,6 @@ body.frontpage #site-logo,
     height: 37px;
 }
 
-#nav-link {
-    background-image: url(/cobrands/fixmystreet/images/menu-black.png);
-    background-image: url(/cobrands/fixmystreet/images/menu-black.svg), none;
-}
-
 #report-cta {
     border-color: #ddd;
     color: #000;
diff --git a/web/cobrands/sass/_base.scss b/web/cobrands/sass/_base.scss
index 8f6efe51e..32626d1d7 100644
--- a/web/cobrands/sass/_base.scss
+++ b/web/cobrands/sass/_base.scss
@@ -4,6 +4,7 @@ $body-font: MuseoSans, Helmet, Freesans, sans-serif !default;
 $meta-font: Helmet, Freesans, sans-serif !default;
 $heading-font: 'Museo300-display', MuseoSans, Helmet, Freesans, sans-serif !default;
 $image-sprite: '/cobrands/fixmystreet/images/sprite.png' !default;
+$menu-image: 'menu-white' !default;
 
 body {
   font-family: $body-font;
@@ -456,8 +457,8 @@ p.label-valid {
 #nav-link {
   width: 3em;
   height: 3em; // same height as #site-header
-  background: transparent url(/cobrands/fixmystreet/images/menu-white.png) center center no-repeat;
-  background-image: url(/cobrands/fixmystreet/images/menu-white.svg), none;
+  background: transparent url(/cobrands/fixmystreet/images/#{$menu-image}.png) center center no-repeat;
+  background-image: url(/cobrands/fixmystreet/images/#{$menu-image}.svg), none;
   background-size: 22px 18px;
   display: block;
   text-indent: -999999px;
diff --git a/web/cobrands/trinidadtobago/_colours.scss b/web/cobrands/trinidadtobago/_colours.scss
index 03936ff10..f5d0e2b90 100644
--- a/web/cobrands/trinidadtobago/_colours.scss
+++ b/web/cobrands/trinidadtobago/_colours.scss
@@ -1,5 +1,7 @@
 /* COLOURS */
 
+$menu-image: 'menu-black';
+
 $trinidad_primary: #A90004;
 $trinidad_secondary: white;
 
diff --git a/web/cobrands/trinidadtobago/base.scss b/web/cobrands/trinidadtobago/base.scss
index c8cb3c80e..c171e8333 100644
--- a/web/cobrands/trinidadtobago/base.scss
+++ b/web/cobrands/trinidadtobago/base.scss
@@ -9,7 +9,6 @@
   background: #fff;
 }
 
-
 #site-logo {
     display: block;
     width: 175px;
@@ -20,8 +19,3 @@
     position: absolute;
     z-index: 2
 }
-
-#nav-link {
-    background-image: url(/cobrands/fixmystreet/images/menu-black.png);
-    background-image: url(/cobrands/fixmystreet/images/menu-black.svg), none;
-}