Add vue color

Fix top navbar for white background
Add vue logo

src/assets/sass/black-dashboard/custom/_sidebar-and-main-panel.scss

@@ -279,8 +279,22 @@
             float: left;
             width: 34px;
             text-align: center;
-            margin-left: 10px;
-            margin-right: 12px;
+            margin-left: 12px;
+            margin-right: 10px;
+        }
+
+        a.logo-mini .logo-img {
+          width: 32px;
+          display: inline-block;
+          height: 32px;
+          margin-left: 0;
+          margin-right: 15px;
+          background: #fff;
+          border-radius: 32px;
+          text-align: center;
+          img {
+            max-width: 21px;
+          }
         }
 
         a.logo-normal{
@@ -345,6 +359,10 @@
       @include linear-gradient($success-states, $success);
     }
 
+    &[data="vue"] {
+      @include linear-gradient($vue-states, $vue);
+    }
+
     .user{
         padding-bottom: 20px;
         margin:20px auto 0;
@@ -450,6 +468,10 @@
       border-top: 2px solid $success;
     }
 
+    &[data="vue"]{
+      border-top: 2px solid $vue;
+    }
+
     &[data="primary"]{
       border-top: 2px solid $primary;
     }

src/assets/sass/black-dashboard/custom/_variables.scss

@@ -1,4 +1,7 @@
-
+@import "../bootstrap/mixins";
+@import "../bootstrap/functions";
+@import "functions";
+@import "mixins";
 // Global settings
 
 $enable-caret:              true !default;
@@ -104,7 +107,7 @@ $info:          #1d8cf8 !default;
 $warning:       #ff8d72 !default;
 $danger:        #fd5d93 !default;
 $black:         #222a42 !default;
-
+$vue:           #42b883 !default;
 
 // gradient
 $default-states:       #263148 !default;
@@ -114,6 +117,7 @@ $info-states:          #3358f4 !default;
 $warning-states:       #ff6491 !default;
 $danger-states:        #ec250d !default;
 $black-states:         #1d253b !default;
+$vue-states:           #38ef7d !default;
 
 $background-black:           #1e1e2f !default;
 $background-states-black:    #1e1e24 !default;

src/layout/dashboard/TopNavbar.vue

@@ -1,5 +1,5 @@
 <template>
-  <nav class="navbar navbar-expand-lg navbar-absolute"
+  <nav class="navbar navbar-expand-lg navbar-absolute navbar-transparent"
        :class="{'bg-white': showMenu}">
     <div class="container-fluid">
       <div class="navbar-wrapper">