menu highlight color slighlt changed from yellow

Author: M-ZubairAhmed

components/global-styles.js

@@ -27,7 +27,7 @@ export default () => (
         pointer-events: none;
       }
       #nprogress .bar {
-        background: #ffeb3b;
+        background: #f9d1ed;
         position: fixed;
         z-index: 1031;
         top: 0;
@@ -42,7 +42,7 @@ export default () => (
         right: 0px;
         width: 100px;
         height: 100%;
-        box-shadow: 0 0 10px #ffeb3b, 0 0 5px #ffeb3b;
+        box-shadow: 0 0 10px #f9d1ed, 0 0 5px #f9d1ed;
         opacity: 1;
         transform: rotate(3deg) translate(0px, -4px);
       }

components/header.js

@@ -164,7 +164,7 @@ export default props => {
         .nav__link {
           text-decoration: none;
           color: #fff;
-          font-size: 14px;
+          font-size: 16px;
           font-weight: bold;
           padding-bottom: 4px;
           display: flex;
@@ -174,11 +174,10 @@ export default props => {
           margin-left: 5px;
         }
         .nav__link:hover {
-          color: #ffeb3b;
+          color: #e1e1e1;
         }
         .nav__link--active {
-          color: #ffeb3b;
-          border-bottom: 2px solid #ffeb3b;
+          border-bottom: 2px solid #fff;
           pointer-events: none;
         }
         input[type='checkbox'] {
@@ -265,16 +264,17 @@ export default props => {
             background: #fafafa;
             display: none;
             border-bottom: 1px solid #eee;
+            font-size: 10px;
           }
           .nav__linkItem {
             width: 100%;
             border-top: 1px solid #eee;
           }
           .nav__link {
             width: 100%;
-            font-size: 16px;
+            font-size: 14px;
             font-weight: bold;
-            padding: 25px 15px;
+            padding: 12px 15px;
             color: #888;
           }
           .nav__link:hover {