From 612b8891931f1eb1bba8e7ca2d9ea9ca66326760 Mon Sep 17 00:00:00 2001
From: Patrick Smith <patrick+dds@promptworks.com>
Date: Tue, 5 Feb 2019 20:42:39 -0500
Subject: [PATCH] Make topbar nav use darker colors

---
 styles/components/_topbar.scss | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/styles/components/_topbar.scss b/styles/components/_topbar.scss
index 54424924..b265241b 100644
--- a/styles/components/_topbar.scss
+++ b/styles/components/_topbar.scss
@@ -1,5 +1,5 @@
 .topbar {
-  background-color: $color-white;
+  background-color: $color-blue-darkest;
   border-bottom: 1px solid $color-black;
 
   .topbar__navigation {
@@ -9,7 +9,7 @@
     justify-content: space-between;
 
     .topbar__link {
-      color: $color-black;
+      color: $color-white;
       display: inline-flex;
       align-items: center;
       height: $topbar-height;
@@ -18,10 +18,12 @@
 
       .topbar__link-label {
         @include h5;
+        text-decoration: underline;
       }
 
       .topbar__link-icon {
         margin-left: $gap;
+        @include icon-color($color-white);
       }
 
       &.topbar__link--home {
@@ -29,6 +31,7 @@
 
         .topbar__link-label {
           padding-left: $gap;
+          text-decoration: none;
         }
       }
 
@@ -45,10 +48,6 @@
       &:hover {
         background-color: $color-primary-darker;
         color: $color-white;
-
-        .topbar__link-icon {
-          @include icon-style-inverted;
-        }
       }
     }