Update

Author: accgit

src/css/style.menu.css

@@ -22,8 +22,8 @@
 */
 .sidebar .title {
     font-size: 1.125em;
-      padding: 10px 20px 0 25px;
-       height: 52px;
+      padding: 8px 20px 0 25px;
+       height: 48px;
 }
 
 /*
@@ -48,30 +48,35 @@
 }
 
 .sidebar ul.menu li {
-    line-height: 33px;
+    font-weight: 600;
+    line-height: 36px;
      margin-top: 15px;
         padding: 0;
 }
 
-.sidebar ul.menu li ul li {
-    padding-top: 0;
-      font-size: 1em;
-         margin: 0;
-}
-
 .sidebar ul.menu li span.name {
     text-transform: uppercase;
       padding-left: 25px;
          font-size: 0.83em;
            display: block;
 }
 
-.sidebar ul.menu li a {
+.sidebar ul.menu li ul li {
+    padding-top: 0;
+      font-size: 1em;
+         margin: 0;
+}
+
+.sidebar ul.menu li ul li a {
     text-decoration: none;
        padding-left: 25px;
             display: block;
 }
 
+.sidebar ul.menu li ul li a i.fa {
+    padding-right: 10px;
+}
+
 /*
     perfect scrollbar
 */

src/css/style.menu.dark.css

@@ -20,24 +20,27 @@
 
 .sidebar ul.menu { background-color: #1d222c; }
 .sidebar ul.menu li { color: #6a6e76; }
-.sidebar ul.menu li a { color: #9197a1; }
-.sidebar ul.menu li a:hover {
+.sidebar ul.menu li ul li a { color: #9197a1; }
+.sidebar ul.menu li ul li a i.fa { color: #9197a1; }
+.sidebar ul.menu li ul li a:hover {
     background-color: #27303f;
-         font-weight: 600;
-               color: #10a2f1;
+               color: #dce1e9;
+}
+
+.sidebar ul.menu li ul li a:hover i.fa {
+    color: #ccd2db;
 }
 
-.sidebar ul.menu li a.current {
-    border-right: 2px solid #10a2f1;
-     font-weight: 600;
-           color: #10a2f1;
+.sidebar ul.menu li ul li a.current {
+    border-right: 3px solid #dce1e9;
+           color: #dce1e9;
 }
 
 /*
     notifications
 */
 .sidebar span.notifi {
-    color: #10a2f1;
+    color: #dce1e9;
 }
 
 @media only screen and (min-width: 768px) {

src/css/style.menu.light.css

@@ -5,7 +5,7 @@
 .nav .click { color: white; }
 .nav .click .menu {
     transition: all 0.1s ease-in-out;
-         color: #acacac;
+         color: #7f7f7f;
 }
 
 .nav .click .menu:hover {
@@ -20,16 +20,19 @@
 
 .sidebar ul.menu { background-color: white; }
 .sidebar ul.menu li { color: #a8a8a8; }
-.sidebar ul.menu li a { color: #737373; }
-.sidebar ul.menu li a:hover {
+.sidebar ul.menu li ul li a { color: #7f7f7f; }
+.sidebar ul.menu li ul li a i.fa { color: #7f7f7f; }
+.sidebar ul.menu li ul li a:hover {
     background-color: #f4f4f4;
-         font-weight: 600;
                color: #10a2f1;
 }
 
-.sidebar ul.menu li a.current {
-    border-right: 2px solid #10a2f1;
-     font-weight: 600;
+.sidebar ul.menu li ul li a:hover i.fa {
+    color: #10a2f1;
+}
+
+.sidebar ul.menu li ul li a.current {
+    border-right: 3px solid #10a2f1;
            color: #10a2f1;
 }