diff --git a/package.json b/package.json
index 492709f5..d5fe3773 100644
--- a/package.json
+++ b/package.json
@@ -18,7 +18,7 @@
     "codemirror": "5.31.0",
     "dropzone": "5.2.0",
     "echarts": "3.7.2",
-    "element-ui": "1.4.8",
+    "element-ui": "2.0.1",
     "file-saver": "1.3.3",
     "font-awesome": "4.7.0",
     "js-cookie": "2.2.0",
diff --git a/src/main.js b/src/main.js
index 52e9336c..94a5a99b 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,6 +1,6 @@
 import Vue from 'vue'
-import ElementUI from 'element-ui'
-import 'element-ui/lib/theme-default/index.css'
+import Element from 'element-ui'
+import 'element-ui/lib/theme-chalk/index.css'
 import App from './App'
 import router from './router'
 import store from './store'
@@ -10,7 +10,7 @@ import './errorLog'// error log
 import './permission' // 权限
 import './mock' // 该项目所有请求使用mockjs模拟
 
-Vue.use(ElementUI)
+Vue.use(Element)
 
 // register global utility filters.
 Object.keys(filters).forEach(key => {
diff --git a/src/views/layout/components/Sidebar.vue b/src/views/layout/components/Sidebar.vue
index 3c72ebee..56abd7c1 100644
--- a/src/views/layout/components/Sidebar.vue
+++ b/src/views/layout/components/Sidebar.vue
@@ -1,10 +1,11 @@
 <template>
-    <el-menu mode="vertical" theme="dark" unique-opened :default-active="$route.path" :collapse="isCollapse">
-      <sidebar-item :routes='permission_routers'></sidebar-item>
-    </el-menu>
+  <el-menu mode="vertical" unique-opened :default-active="$route.path" :collapse="isCollapse" background-color="#545c64" text-color="#fff" active-text-color="#ffd04b">
+    <sidebar-item :routes='permission_routers'></sidebar-item>
+  </el-menu>
 </template>
 
 
+
 <script>
 import { mapGetters } from 'vuex'
 import SidebarItem from './SidebarItem'
diff --git a/src/views/theme/index.vue b/src/views/theme/index.vue
index 5e37fb07..abbfee76 100644
--- a/src/views/theme/index.vue
+++ b/src/views/theme/index.vue
@@ -45,7 +45,7 @@
 
 <script>
 import { toggleClass } from '@/utils'
-import '@/assets/custom-theme/index.css' // 换肤版本element-ui css
+// import '@/assets/custom-theme/index.css' // 换肤版本element-ui css
 
 export default {
   name: 'theme',