better enables style changes from variables file

client/scss/_asset-preview.scss

@@ -8,7 +8,7 @@
   height: 280px;
   &:hover {
     border: 1px solid $highlight-border-color;
-    color: #000000;
+    color: $primary-color;
   }
 }
 

client/scss/_input.scss

@@ -8,6 +8,7 @@ input {
   border: 0;
   background-color: $background-color;
   display: inline-block;
+  color: $text-color
 }
 
 .input-slider {

client/scss/_link.scss

@@ -9,7 +9,6 @@ a, a:visited {
 
 .link--nav {
   color: $text-color;
-  border-bottom: 2px solid white;
   &:hover {
     color: $primary-color;
   }
@@ -18,4 +17,4 @@ a, a:visited {
 
 .link--nav-active {
   border-bottom: 2px solid $primary-color;
-}
+}

client/scss/_nav-bar.scss

@@ -1,15 +1,24 @@
 .nav-bar {
   box-sizing: border-box;
   padding: $thin-padding $primary-padding;
-  background: $base-color;
+  background: $chrome-color;
   flex: 0 1 auto;
   width: 100%;
   border-bottom: $subtle-border;
+  color: $primary-color;
 
   @media (max-width: $break-point-mobile) {
     margin-left: 15px;
     margin-right: 15px;
   }
+  input {
+    background: $chrome-color;
+
+  }
+  select {
+    background: $chrome-color;
+    color: $text-color;
+  }
 }
 
 .nav-bar-link {

client/scss/_variables.scss

@@ -1,7 +1,7 @@
 //backgrounds
 $base-color: white; //default white
 $card-color: white; //default white
-$chrome-color: lightgray; //default white (navbar)
+$chrome-color: white; //default white (navbar)
 $blockquote-background: #EEEEFF;
 $background-color: $base-color;
 
@@ -19,7 +19,7 @@ $blockquote-text: $text-color;
 $grey: #9095A5;
 $help-color: $grey;
 $subtle-border-color: #DDD;
-$highlight-border-color: #333;
+$highlight-border-color: #777;
 $shadow-color: rgba(169, 173, 186, 0.2);
 $subtle-border: 1px dashed $subtle-border-color;
 $grey-border: $subtle-border-color; //factor this out for all customers