From 11d2e38eb9824137b227f944f03dc4207284fda0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20Garc=C3=ADa?= <dgarcia@initios.com>
Date: Mon, 19 Nov 2018 10:55:54 +0100
Subject: [PATCH] Changed background color of active menu items

---
 app/modules/components/filter/filter.scss | 2 +-
 app/styles/modules/common/nav.scss        | 9 +++++----
 app/themes/high-contrast/variables.scss   | 2 ++
 app/themes/material-design/variables.scss | 2 ++
 app/themes/taiga/variables.scss           | 2 ++
 5 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/app/modules/components/filter/filter.scss b/app/modules/components/filter/filter.scss
index 99220da0..5b2228a6 100644
--- a/app/modules/components/filter/filter.scss
+++ b/app/modules/components/filter/filter.scss
@@ -1,6 +1,5 @@
 tg-filter {
     background-color: $mass-white;
-    box-shadow: 1px 1px 5px rgba($primary, .2);
     display: block;
     left: 0;
     min-height: 100%;
@@ -40,6 +39,7 @@ tg-filter {
         top: .7rem;
     }
     &.open {
+        box-shadow: 1px 1px 5px rgba($primary, .2);
         transform: translateX(0);
     }
 }
diff --git a/app/styles/modules/common/nav.scss b/app/styles/modules/common/nav.scss
index 6aca2ffe..8e06ccbb 100644
--- a/app/styles/modules/common/nav.scss
+++ b/app/styles/modules/common/nav.scss
@@ -86,11 +86,12 @@ tg-project-menu {
         @include font-size(large);
     }
     .active {
-        background: rgba($black, .2);
-        color: $primary-light;
-        svg path {
-            fill: $primary-light;
+        background: rgba($white, .95);
+        color: $secondary-dark;
+        svg {
+            fill: $secondary-dark;
             opacity: 1;
+            stroke: $secondary-dark;
         }
     }
 }
diff --git a/app/themes/high-contrast/variables.scss b/app/themes/high-contrast/variables.scss
index f6946fa9..22661e46 100755
--- a/app/themes/high-contrast/variables.scss
+++ b/app/themes/high-contrast/variables.scss
@@ -19,6 +19,8 @@ $primary: #000;
 $primary-dark: #000;
 $primary-background: #dfdfdf;
 
+$secondary-dark: #000;
+
 // Mass white
 $mass-white: #f5f5f5;
 
diff --git a/app/themes/material-design/variables.scss b/app/themes/material-design/variables.scss
index 55ecb59e..8baa9244 100755
--- a/app/themes/material-design/variables.scss
+++ b/app/themes/material-design/variables.scss
@@ -22,6 +22,8 @@ $primary: #3f51b5;
 $primary-dark: #1a237e;
 $primary-background: #929dd8;
 
+$secondary-dark: #1a237e;
+
 // Status colors
 $red-light: #ff5252;
 $red: #f44336;
diff --git a/app/themes/taiga/variables.scss b/app/themes/taiga/variables.scss
index 5cfb64c0..64c69da8 100755
--- a/app/themes/taiga/variables.scss
+++ b/app/themes/taiga/variables.scss
@@ -22,6 +22,8 @@ $primary: #5b8200;
 $primary-dark: #879b89;
 $primary-background: #E8F5E3;
 
+$secondary-dark: #627695;
+
 //Status colors
 $red-light: #ff8282;
 $red: #f00;