diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
index a8976380..def65a49 100644
--- a/src/layout/components/AppMain.vue
+++ b/src/layout/components/AppMain.vue
@@ -29,6 +29,8 @@ export default {
   width: 100%;
   position: relative;
   overflow: hidden;
+  color: #19191a !important;
+  background-color: #1D1F2E;
 }
 
 .fixed-header+.app-main {
@@ -36,6 +38,7 @@ export default {
 }
 
 .hasTagsView {
+  
   .app-main {
     /* 84 = navbar + tags-view = 50 + 34 */
     min-height: calc(100vh - 84px);
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index 2f04decf..a7454503 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -87,7 +87,7 @@ export default {
   height: 62px;
   overflow: hidden;
   position: relative;
-  background: #fff;
+  background: #19191a;
   box-shadow: 0 1px 4px rgba(0,21,41,.08);
   padding: 0;
 
diff --git a/src/layout/index.vue b/src/layout/index.vue
index 4f0b244a..c4462071 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -59,6 +59,9 @@ export default {
 <style lang="scss" scoped>
   @import "~@/styles/mixin.scss";
   @import "~@/styles/variables.scss";
+  .main-container {
+    background-color: #19191a;
+  }
 
   .app-wrapper {
     @include clearfix;
diff --git a/src/router/index.js b/src/router/index.js
index 5aad5f3c..df772a94 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -138,19 +138,6 @@ export const constantRoutes = [
       }
     ]
   },
-  {
-    path: '/documentation',
-    hidden: true,
-    component: Layout,
-    children: [
-      {
-        path: 'index',
-        component: () => import('@/views/documentation/index'),
-        name: 'Documentation',
-        meta: { title: 'Documentation', icon: 'documentation', affix: true }
-      }
-    ]
-  },
   {
     path: '/guide',
     hidden: true,
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 96095ef6..20bcf09d 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -97,7 +97,7 @@ div:focus {
 }
 
 aside {
-  background: #eef1f6;
+  background: #19191a;
   padding: 8px 24px;
   margin-bottom: 20px;
   border-radius: 2px;
diff --git a/src/views/Analyzing/analyzing.vue b/src/views/Analyzing/analyzing.vue
index 6e162789..d7f07f09 100644
--- a/src/views/Analyzing/analyzing.vue
+++ b/src/views/Analyzing/analyzing.vue
@@ -20,7 +20,7 @@
 <template>
     <div class="vue-spinner">
       <Circle9></Circle9>
-      <h1>Analyzing....</h1>
+      <h1 style="color: white">Analyzing....</h1>
     </div>
 </template>
  
diff --git a/src/views/VueUploader/index.vue b/src/views/VueUploader/index.vue
index a4074912..21af84c1 100644
--- a/src/views/VueUploader/index.vue
+++ b/src/views/VueUploader/index.vue
@@ -5,15 +5,15 @@
     <i class="fa fa-cog" aria-hidden="true"></i>
     Options
   </button> -->
-  <h1 id="example-title" class="example-title">Data Uploader</h1>
+  <h1 id="example-title" class="example-title" style="color: white">Data Uploader</h1>
 
   <div v-show="$refs.upload && $refs.upload.dropActive" class="drop-active">
     <h3>Drop files to upload</h3>
   </div>
   <div class="upload" v-show="!isOption">
-    <div class="table-responsive" style="height: 400px">
-      <table class="table table-hover">
-        <thead>
+    <div class="table-responsive" style="height: 400px;">
+      <table class="table table-hover table-dark" style="color: white">
+        <thead style="background-color: #313436;">
           <tr>
             <th>#</th>
             <th>Thumb</th>
@@ -50,7 +50,8 @@
             <td>{{file.size | formatSize}}</td>
             <td>{{file.speed | formatSize}}</td>
 
-            <td v-if="file.error">{{file.error}}</td>
+            <!-- <td v-if="file.error">{{file.error}}</td> -->
+            <td v-if="file.error">fail: wrong format</td>
             <td v-else-if="file.success">success</td>
             <td v-else-if="file.active">active</td>
             <td v-else></td>
@@ -531,7 +532,6 @@ export default {
     },
 
     onSendAnalyzeRequest() {
-        // var k = [100, 120, 161, 134, 105, 160, 165,190,200]
 
 
         this.$router.push({ name: "analyze" })
@@ -561,6 +561,11 @@ export default {
 
 <style>
 @import '~bootstrap/dist/css/bootstrap.min.css';
+
+.example-full {
+  color: #19191a;
+  background-color: #26293c;
+}
 .example-full .btn-group .dropdown-menu {
   display: block;
   visibility: hidden;
diff --git a/src/views/plotTest/plotTest.vue b/src/views/plotTest/plotTest.vue
index 1e545d4f..7a048775 100644
--- a/src/views/plotTest/plotTest.vue
+++ b/src/views/plotTest/plotTest.vue
@@ -124,7 +124,8 @@ export default {
 <style lang="scss" scoped>
 .dashboard-editor-container {
   padding: 32px;
-  background-color: rgb(240, 242, 245);
+  // background-color: rgb(240, 242, 245);
+  background-color: #26293c;
   position: relative;
 
   .github-corner {