diff --git a/static/css/app.css b/static/css/app.css
index 4041dc67c178030bbf8ec87955cbe23a9211640f..9a64a0f0f5fa21b104ed9ba57034c7d9b686f089 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -8,7 +8,7 @@
   left: 250px;
   right: 0;
   height: 50px;
-  background: #79589f;
+  background: #7d32ea;
 }
 
 #nav ul {
@@ -84,7 +84,7 @@
   font-weight: bold;
   font-size: 14px;
   color: #fff;
-  background: #79589f;
+  background: #7d32ea;
   z-index: 900;
 }
 
@@ -122,7 +122,7 @@
 
 #sidebar .current-database input.typeahead {
   display: none;
-  background: #79589f;
+  background: #7d32ea;
   width: 200px;
   height: 22px;
   color: #fff;
@@ -323,8 +323,8 @@
 }
 
 #input .actions .btn-primary {
-  border-color: #7eb54e;
-  color: #7eb54e;
+  border-color: #7d32ea;
+  color: #7d32ea;
 }
 
 #input .actions .btn:hover {
@@ -334,8 +334,8 @@
 }
 
 #input .actions .btn-primary:hover {
-  color: #64903e;
-  border-color: #64903e;
+  color: #7d32ea;
+  border-color: #7d32ea;
 }
 
 #input .actions #query_progress {
@@ -424,7 +424,7 @@
 }
 
 #pagination .filters select.filter {
-  width: 100px;
+  width: 130px;
 }
 
 #pagination .filters input {
@@ -437,8 +437,8 @@
 }
 
 #pagination .filters .btn-primary {
-  border-color: #7eb54e;
-  color: #7eb54e;
+  border-color: #7d32ea;
+  color: #7d32ea;
   background: #fff;
   outline: none;
   float: left;
@@ -601,7 +601,7 @@
 }
 
 #edit_connection, #close_connection {
-  background: #79589f;
+  background: #7d32ea;
   color: #fff;
   border-color: #fff;
 }
diff --git a/static/index.html b/static/index.html
index ce5c643567709e75f222a04a80f2b1e866b021ca..677552d97ad76b18c89b5e7fc6020543c76992d9 100644
--- a/static/index.html
+++ b/static/index.html
@@ -31,13 +31,8 @@
         <li id="table_query" class="selected">查询</li>
         <li id="table_history">操作历史</li>
         <li id="table_activity">活动历史</li>
-        <li id="table_connection">链接信息</li>
       </ul>
 
-      <div class="connection-actions">
-        <a href="#" id="edit_connection" class="btn btn-default btn-sm"><i class="fa fa-database"></i>编辑链接</a>
-        <a href="#" id="close_connection" class="btn btn-default btn-sm">断开链接</a>
-      </div>
     </div>
     <div id="sidebar">
       <div class="current-database">
@@ -121,7 +116,7 @@
             <option value="null">IS NULL</option>
             <option value="not_null">NOT NULL</option>
           </select>
-          <input type="text" class="form-control" placeholder="Filter value" id="table_filter_value" />
+          <input type="text" class="form-control" placeholder="过滤值" id="table_filter_value" />
           <button class="btn btn-primary btn-sm apply-filters" type="submit">应用</button>
           <button class="btn btn-default btn-sm reset-filters"><i class="fa fa-times"></i></button>
         </form>
diff --git a/static/js/app.js b/static/js/app.js
index d09b16062e8d62e34b2ac798999c948db5fe53a6..a3db64c8e8bdef5679db54f46e2454fc7baae6e8 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -806,7 +806,7 @@ function buildTableFilters(name, type) {
       $("#pagination .filters").show();
     }
 
-    $("#pagination select.column").html("<option value='' selected>Select column</option>");
+    $("#pagination select.column").html("<option value='' selected>选择列</option>");
 
     for (var i = 0; i < data.rows.length; i++) {
       var row = data.rows[i];