Merge branch 'ui-colors' into 'master'

Refactoring ui colors

app/assets/stylesheets/generic/common.scss

@@ -60,7 +60,7 @@ pre {
 
 .dropdown-menu > li > a:hover,
 .dropdown-menu > li > a:focus {
-  background: #29b;
+  background: $bg_style_color;
   color: #FFF
 }
 

app/assets/stylesheets/generic/typography.scss

@@ -40,7 +40,7 @@ a {
   color: $link_color;
   &:hover {
     text-decoration: none;
-    color: $primary_color;
+    color: $link_hover_color;
   }
 
   &:focus {

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";

app/assets/stylesheets/main/variables.scss

-/**
+/*
  * 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)
  */

app/assets/stylesheets/sections/nav.scss

@@ -64,7 +64,7 @@
             left: 50%;
             width: 0;
             height: 0;
-            border-color: transparent transparent #29b transparent;
+            border-color: transparent transparent $link_color transparent;
             border-style: solid;
             border-width: 6px;
             margin-left: -6px;
@@ -116,7 +116,7 @@
         padding: 5px 0;
 
         &.active {
-          background-color: $primary_color;
+          background-color: $link_hover_color;
 
           a {
             color: #fff;

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_color;
       }
     }
   }
@@ -172,7 +172,7 @@ ul.notes {
       @extend .cgray;
 
       &:hover {
-        color: $primary_color;
+        color: $link_hover_color;
         &.danger { @extend .cred; }
       }
     }

app/assets/stylesheets/sections/projects.scss

@@ -85,7 +85,7 @@
 
   .btn {
     background: none;
-    color: #29b;
+    color: $link_color;
 
     &.active {
       color: #333;

app/assets/stylesheets/sections/tree.scss

@@ -53,7 +53,7 @@
       vertical-align: middle;
       a {
         &:hover {
-          color: $primary_color;
+          color: $link_hover_color;
         }
       }