Merge pull request #8 from projectblacklight/issue2

Fix #2; Change color scheme.

app/assets/stylesheets/blacklight.scss

@@ -1,3 +1,4 @@
+@import 'blacklight/overwrite_bootstrap';
 @import 'bootstrap';
 
 @import 'blacklight/overrides';

app/assets/stylesheets/blacklight/overwrite_bootstrap.scss

@@ -0,0 +1,28 @@
+
+$color1: #ffc1a7; // Salmon
+$color2: #337ab7; // Dark blue
+$color3: #a3871e; // Gold
+
+
+$gray-600: #868e96 !default;
+$cyan:    #17a2b8 !default;
+$yellow:  #ffc107 !default;
+$red:     #dc3545 !default;
+$gray-100: #f8f9fa !default;
+$gray-800: #343a40 !default;
+
+$theme-colors: () !default;
+$theme-colors: map-merge((
+  "primary":    $color2,
+  "secondary":  $gray-600,
+  "success":    $color3,
+  "info":       $cyan,
+  "warning":    $yellow,
+  "danger":     $red,
+  "light":      $gray-100,
+  "dark":       $gray-800
+), $theme-colors);
+
+.topbar {
+  background-color: $color1;
+}

app/views/shared/_header_navbar.html.erb

@@ -0,0 +1,18 @@
+<nav class="navbar navbar-expand-md navbar-dark topbar" role="navigation">
+  <div class="<%= container_classes %>">
+    <%= link_to application_name, root_path, class: "navbar-brand" %>
+    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#user-util-collapse" aria-controls="user-util-collapse" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div class="collapse navbar-collapse justify-content-md-end" id="user-util-collapse">
+      <%= render 'shared/user_util_links' %>
+    </div>
+  </div>
+</nav>
+
+<div class="navbar-search navbar navbar-light bg-faded" role="navigation">
+  <div class="<%= container_classes %>">
+    <%= render_search_bar  %>
+  </div>
+</div>