diff --git a/chameleon-client/package-lock.json b/chameleon-client/package-lock.json
index 07cd38b82..5401c2e30 100644
--- a/chameleon-client/package-lock.json
+++ b/chameleon-client/package-lock.json
@@ -5647,7 +5647,8 @@
         },
         "ansi-regex": {
           "version": "2.1.1",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "aproba": {
           "version": "1.2.0",
@@ -6012,7 +6013,8 @@
         },
         "safe-buffer": {
           "version": "5.1.2",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "safer-buffer": {
           "version": "2.1.2",
@@ -6060,6 +6062,7 @@
         "strip-ansi": {
           "version": "3.0.1",
           "bundled": true,
+          "optional": true,
           "requires": {
             "ansi-regex": "^2.0.0"
           }
@@ -6098,11 +6101,13 @@
         },
         "wrappy": {
           "version": "1.0.2",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "yallist": {
           "version": "3.0.3",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         }
       }
     },
diff --git a/chameleon-client/src/App.vue b/chameleon-client/src/App.vue
index f602453d6..507480493 100644
--- a/chameleon-client/src/App.vue
+++ b/chameleon-client/src/App.vue
@@ -3,7 +3,7 @@
       <div class="layout">
         <Layout :style="{minHeight: '100vh'}">
             <Sider collapsible :collapsed-width="78" v-model="isCollapsed">
-                <Menu @on-open-change="onOpenChange" active-name="vision-input" :open-names="['vision']" theme="dark" width="auto" :class="menuitemClasses">
+                <Menu @on-open-change="onOpenChange" active-name="vision-input" :open-names="['vision']"  width="auto" :class="menuitemClasses">
                     <Submenu name="vision">
                       <template slot="title">
                         <Icon type="ios-videocam"/>
diff --git a/chameleon-client/theme/index.less b/chameleon-client/theme/index.less
index f779c18f7..16b61c71e 100644
--- a/chameleon-client/theme/index.less
+++ b/chameleon-client/theme/index.less
@@ -1 +1,4 @@
-@import '../node_modules/iview/src/styles/custom.less';
+@import '../node_modules/iview/src/styles/index.less';
+
+@primary-color: #ff0000;
+@link-color : #ff0000;
\ No newline at end of file
diff --git a/chameleon-client/vue.config.js b/chameleon-client/vue.config.js
new file mode 100644
index 000000000..ec76e418c
--- /dev/null
+++ b/chameleon-client/vue.config.js
@@ -0,0 +1,9 @@
+module.exports = {
+    css: {
+        loaderOptions: {
+            less: {
+                javascriptEnabled: true
+            }
+        }
+    }
+    }
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 000000000..48e341a09
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,3 @@
+{
+  "lockfileVersion": 1
+}