fix: nav colors

dis-moi · Feb 1, 2019 · a1f49b4 · a1f49b4
1 parent c94543d
commit a1f49b4
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/app/theme.js b/src/app/theme.js
@@ -7,6 +7,7 @@ export default {
   deletedText: '#484046',
   listBg: '#EFEDED',
   navInactive: '#a6b1c0',
+  navActive: '#4378A5',
   link: '#1974C3',
 
   // color list:

diff --git a/src/components/atoms/NavLink.js b/src/components/atoms/NavLink.js
@@ -8,19 +8,19 @@ export default styled(ReactRouterNavLink).attrs({ replace: true, activeClassName
     padding-top: 5px;
     padding-bottom: 6px;
     text-align: center;
-    border-top: 2px solid ${props => props.theme.secondaryColor};
+    border-top: 2px solid transparent;
     
     &.${props => props.activeClassName} {
-      border-top: 2px solid ${props => props.theme.activeColor}
+      border-top: 2px solid ${props => props.theme.navActive}
     }
 
     & > svg {
         height: 28px;
-        fill: ${props => props.theme.secondaryColor};
+        fill: ${props => props.theme.navInactive};
     }
     
         
     &.${props => props.activeClassName} > svg {
-      fill: ${props => props.theme.activeColor}
+      fill: ${props => props.theme.navActive}
     }
 `;