Darker blue for nav-bar.

Author: evoluteur

sass/demo.scss

@@ -12,6 +12,7 @@ body{
 }
 a{
   color: #0099cc;
+  font-weight: 400;
 }
 h1,h2,h3,h4{
   color: #2072a7;
@@ -109,7 +110,7 @@ h1,h2,h3,h4{
 .title2{
   font-size:smaller;
   font-weight: normal;
-  color: #b3e5fc;
+  color: $color-navbar;
 }
 
 @mixin mixin-badgeHeight($h) {

sass/header.scss

@@ -7,12 +7,13 @@
 
 @import "sass/variables";
 
-$width-toolbar-left:170px;
-$width-toolbar-top:620px;
+$width-toolbar-left: 170px;
+$width-toolbar-top: 620px;
 
 // --- top navbar ---
 .evo-logo{
   float:left;
+  line-height: 30px;
   font-size: 2em;
   margin: 10px 80px 20px 10px;
 
@@ -53,7 +54,7 @@ $width-toolbar-top:620px;
   left:0;
   //opacity: .9;
   overflow: none;
-  background-color: $color-header;
+  background-color: $color-navbar;
   //border-bottom: #366092 solid 1px;
   min-height: 75px;
   width:100%;
@@ -132,7 +133,7 @@ $width-toolbar-top:620px;
 .evo-head-links{
   font-size: 1.5em;
   margin-top:5px;
-  margin-left:-30px;
+  margin-left:-40px;
   >li.spaced{
     margin-top:50px;
     @media only screen and (max-width: $screen2) {
@@ -156,7 +157,7 @@ $width-toolbar-top:620px;
 
 // --- page title ---
 .evo-title,.evo-title2{
-  background-color: $color-header2;
+  background-color: $color-navbar;
   position: absolute; //fixed;
   z-index: 1002; // above bootstrap dropdown
   width: 100%;
@@ -234,5 +235,8 @@ $height-footer: 120px;
   height:$height-footer;
 	text-align: center;
 	font-size:smaller;
-	color:$color-text-footer;
+  color:$color-text-footer;
+  a{
+    color:$color-text-footer;
+  }
 }

sass/variables.scss

@@ -10,6 +10,7 @@ $color-title: #428bca;
 $color-cool: #92cddc;
 $color-disabled: silver;
 
+
 $color-border: #ddd;
 
 // responsive design
@@ -21,8 +22,7 @@ $widthR1: 38%;
 $widthR2: 62%;
 
 // top nav bar
-$color-header: #0099cc;//#1d365d
-$color-header2: #0099cc;//#1f497d; //#0077cc;
+$color-navbar: #336699;
 $color-header-link: #c6d9f0;
 $color-header-link-hover: #ffc107;//#ed991a;