Merge pull request #226 from tuandm/feature/221-Sidebar-Menu-Color-Fr…

…om-SCSS

221 - Allow sidebar menu color change from vars

resources/js/layout/components/Sidebar/index.vue

@@ -6,12 +6,17 @@
         :show-timeout="200"
         :default-active="$route.path"
         :collapse="isCollapse"
+        :background-color="variables.menuBg"
+        :text-color="variables.menuText"
+        :active-text-color="variables.menuActiveText"
         mode="vertical"
-        background-color="#304156"
-        text-color="#bfcbd9"
-        active-text-color="#409EFF"
       >
-        <sidebar-item v-for="route in routes" :key="route.path" :item="route" :base-path="route.path" />
+        <sidebar-item
+          v-for="route in routes"
+          :key="route.path"
+          :item="route"
+          :base-path="route.path"
+        />
       </el-menu>
     </el-scrollbar>
   </div>
@@ -26,10 +31,7 @@ import variables from '@/styles/variables.scss';
 export default {
   components: { SidebarItem, Logo },
   computed: {
-    ...mapGetters([
-      'sidebar',
-      'permission_routers',
-    ]),
+    ...mapGetters(['sidebar', 'permission_routers']),
     routes() {
       return this.$store.state.permission.routes;
     },