Update

Author: accgit

src/css/style.menu.css

@@ -30,10 +30,10 @@
     notifications
 */
 .sidebar span.notifi {
-    border-radius: 3px;
+    border-radius: 30px;
       margin-left: 30px;
-      font-weight: 600;
-	  padding: 0 5px 2px;
+        font-size: small;
+	  padding: 0 6px 1px;
 }
 
 .sidebar ul.menu {

src/css/style.menu.dark.css

@@ -32,25 +32,34 @@
 }
 
 .sidebar ul.menu li ul li a.current {
-    background-color: #a3dfff;
-               color: #0068a1;
+    background-color: #363c49;
+}
+
+.sidebar ul.menu li ul li.parent a.current {
+    background-color: #363c49;
+}
+
+.sidebar ul.menu li ul li.parent .submenu a.current {
+    background-color: #363c49;
 }
 
-.sidebar ul.menu li ul li.parent:before { color: #5a616e; }
-.sidebar ul.menu li ul li.parent.active:before { color: #eaedf1; }
+.sidebar ul.menu li ul li.parent:before { color: #b9b9b9; }
+.sidebar ul.menu li ul li.parent.active:before { color: #494949; }
 .sidebar ul.menu li ul li ul {
-     border-left: 1px solid #2e3543;
+     border-left: 1px solid #363c49;
 }
 
 /*
     notifications
 */
-.sidebar ul.menu li ul li a span.notifi {
-    color: #5a616e;
+.sidebar span.notifi {
+    background-color: #fd3f5b;
+               color: white;
 }
 
-.sidebar ul.menu li ul li a.current span.notifi {
-    color: #0068a1;
+.sidebar a.current span.notifi {
+    background-color: #fd3f5b;
+               color: white;
 }
 
 @media only screen and (min-width: 768px) {

src/css/style.menu.light.css

@@ -31,19 +31,18 @@
 }
 
 .sidebar ul.menu li ul li a.current {
-    background-color: #a3dfff;
-               color: #494949;
+    background-color: #f4f4f4;
 }
 
 .sidebar ul.menu li ul li.parent a.current {
     background-color: #f4f4f4;
 }
 
 .sidebar ul.menu li ul li.parent .submenu a.current {
-    background-color: #a3dfff;
+    background-color: #f4f4f4;
 }
 
-.sidebar ul.menu li ul li.parent:before { color: #d5d5d5; }
+.sidebar ul.menu li ul li.parent:before { color: #b9b9b9; }
 .sidebar ul.menu li ul li.parent.active:before { color: #494949; }
 .sidebar ul.menu li ul li ul {
      border-left: 1px solid #e9e9e9;
@@ -52,12 +51,14 @@
 /*
     notifications
 */
-.sidebar ul.menu li ul li a span.notifi {
-    color: #57ce6c;
+.sidebar span.notifi {
+    background-color: #fd3f5b;
+               color: white;
 }
 
-.sidebar ul.menu li ul li a.current span.notifi {
-    color: #494949;
+.sidebar a.current span.notifi {
+    background-color: white;
+               color: #494949;
 }
 
 @media only screen and (min-width: 768px) {

src/index.html

@@ -47,6 +47,15 @@
 				<!-- sidebar menu -->
 				<ul class="menu scrollbar">
 
+				    	<!-- translator -->
+					<li>
+						<span class="name">Translate</span>
+						<ul>
+						    	<li><a href="#">Czech</a></li>
+							<li><a href="#" class="current">English</a></li>
+						</ul>
+					</li>
+
 					<!-- dashboard -->
 					<li>
 						<span class="name">Dashboard</span>
@@ -60,33 +69,31 @@
 									<li><a href="#">Maintenance</a></li>
 								</ul>
 							</li>
-							<li><a href="#">Notifications<span class="notifi">3</span></a></li>
+							<li><a href="#">Notice<span class="notifi">3</span></a></li>
 						</ul>
 					</li>
 
-					<!-- blog -->
+					<!-- comments -->
 					<li>
-						<span class="name">Blog</span>
+						<span class="name">Coments</span>
 						<ul>
-						    	<li><a href="#" class="parent">Add</a></li>
-							<li><a href="#">List</a></li>
+						    	<li><a href="#">New</a></li>
+							<li class="parent">
+								<a href="#">Settings comments</a>
+								<ul class="submenu">
+									<li><a href="#">Disable</a></li>
+									<li><a href="#">Enable</a></li>
+								</ul>
+							</li>
 						</ul>
 					</li>
 
-					<!-- members -->
+					<!-- blog -->
 					<li>
-						<span class="name">Members</span>
+						<span class="name">Blog</span>
 						<ul>
-						    	<li><a href="#">Home</a></li>
-							<li class="parent">
-								<a href="#">Settings</a>
-								<ul class="submenu">
-									<li><a href="#">Timezone</a></li>
-									<li><a href="#">Permissions</a></li>
-									<li><a href="#">Maintenance</a></li>
-								</ul>
-							</li>
-							<li><a href="#">Notifications<span class="notifi">3</span></a></li>
+						    	<li><a href="#" class="parent">Add</a></li>
+							<li><a href="#">List</a></li>
 						</ul>
 					</li>
 				</ul>
@@ -128,8 +135,9 @@
 				$(this).parent().find('ul.submenu').slideToggle('fast');
 			});
 
+			// if use ajax
 //			$('ul.menu li a').on('click', function() {
-//				$('.submenu a.current').removeClass('current');
+//				$('ul.submenu a.current').removeClass('current');
 //				$(this).closest('a').addClass('current');
 //			});
 		});