Refactor scss variables. Use darker color for links

Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>

6 files changed, 13 insertions, 9 deletions

diff --git a/app/assets/stylesheets/generic/typography.scss b/app/assets/stylesheets/generic/typography.scss
index 8cc72d7f07a..412c25f4388 100644
--- a/app/assets/stylesheets/generic/typography.scss
+++ b/app/assets/stylesheets/generic/typography.scss
@@ -40,7 +40,7 @@ a {
   color: $link_color;
   &:hover {
     text-decoration: none;
-    color: $primary_color;
+    color: $link_hover_colory;
   }
 
   &:focus {
diff --git a/app/assets/stylesheets/gl_bootstrap.scss b/app/assets/stylesheets/gl_bootstrap.scss
index 3312c762ed1..3bff2156c33 100644
--- a/app/assets/stylesheets/gl_bootstrap.scss
+++ b/app/assets/stylesheets/gl_bootstrap.scss
@@ -9,6 +9,7 @@
 $font-size-base: 13px !default;
 $nav-pills-active-link-hover-bg: $bg_primary;
 $pagination-active-bg: $bg_primary;
+$list-group-active-bg: $bg_style_color;
 
 // Core variables and mixins
 @import "bootstrap/variables";
diff --git a/app/assets/stylesheets/main/variables.scss b/app/assets/stylesheets/main/variables.scss
index 6ea6a8303f4..8bcdad35792 100644
--- a/app/assets/stylesheets/main/variables.scss
+++ b/app/assets/stylesheets/main/variables.scss
@@ -1,14 +1,17 @@
-/**
+/*
  * General Colors
  */
-$primary_color: #2FA0BB;
-$link_color: #3A89A3;
 $style_color: #474D57;
 $bg_style_color: #2299BB;
-$list-group-active-bg: $bg_style_color;
 $hover: #D9EDF7;
 
 /*
+ * Link colors
+ */
+$link_color: #446e9b;
+$link_hover_color: #2FA0BB;
+
+/*
  * Success colors (green)
  */
 $border_success: #469408;
diff --git a/app/assets/stylesheets/sections/nav.scss b/app/assets/stylesheets/sections/nav.scss
index 88f16a21596..69a97cac01c 100644
--- a/app/assets/stylesheets/sections/nav.scss
+++ b/app/assets/stylesheets/sections/nav.scss
@@ -116,7 +116,7 @@
         padding: 5px 0;
 
         &.active {
-          background-color: $primary_color;
+          background-color: $link_hover_colory;
 
           a {
             color: #fff;
diff --git a/app/assets/stylesheets/sections/notes.scss b/app/assets/stylesheets/sections/notes.scss
index 2758f57bd54..ca160766445 100644
--- a/app/assets/stylesheets/sections/notes.scss
+++ b/app/assets/stylesheets/sections/notes.scss
@@ -37,7 +37,7 @@ ul.notes {
       font-weight: bold;
       font-size: 14px;
       &:hover {
-        color: $primary_color;
+        color: $link_hover_colory;
       }
     }
   }
@@ -172,7 +172,7 @@ ul.notes {
       @extend .cgray;
 
       &:hover {
-        color: $primary_color;
+        color: $link_hover_colory;
         &.danger { @extend .cred; }
       }
     }
diff --git a/app/assets/stylesheets/sections/tree.scss b/app/assets/stylesheets/sections/tree.scss
index 86e2a51641a..fa9456d745d 100644
--- a/app/assets/stylesheets/sections/tree.scss
+++ b/app/assets/stylesheets/sections/tree.scss
@@ -53,7 +53,7 @@
       vertical-align: middle;
       a {
         &:hover {
-          color: $primary_color;
+          color: $link_hover_colory;
         }
       }