diff --git a/static/css/layer.css b/static/css/layer.css
index b31ab63121c79e1c06c3138547ab4212c153ae52..038936a90f5ce764f6cdbca9e121e836de8a2d85 100644
--- a/static/css/layer.css
+++ b/static/css/layer.css
@@ -31,4 +31,14 @@
     width: 100px;
     height: 100px;
     background-size: 100px 100px;
+  }
+  .go-on .layui-layer-btn .layui-layer-btn0 {
+    border-color: #dedede;
+    background-color: #ffffff;
+    color: #333333;
+  }
+  .go-on .layui-layer-btn .layui-layer-btn1 {
+    border-color: #7d32ea;
+    background-color: #7d32ea;
+    color: #ffffff;
   }
\ No newline at end of file
diff --git a/static/js/app.js b/static/js/app.js
index 59e621acf1d3600f6fc05682134f8ad630f12662..1c7bfce45a08ebd16311922d17f4b24bf3065cc9 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -292,7 +292,7 @@ function performTableAction(table, action, el) {
   message += "表 " + table + " ?";
   switch (action) {
     case "truncate":
-      layer.confirm(message, { title: "提示" }, function (index) {
+      layer.confirm(message, { title: "提示",skin:"go-on" }, function (index) {
         executeQuery("TRUNCATE TABLE " + table, function (data) {
           if (data.error) layer.alert(data.error);
           resetTable();
@@ -301,7 +301,7 @@ function performTableAction(table, action, el) {
       });
       break;
     case "delete":
-      layer.confirm(message, { title: "提示" }, function (index) {
+      layer.confirm(message, { title: "提示",skin:"go-on" }, function (index) {
         executeQuery("DROP TABLE " + table, function (data) {
           if (data.error) layer.alert(data.error);
           loadSchemas();
@@ -348,7 +348,7 @@ function performViewAction(view, action, el) {
   switch (action) {
     case "delete":
       var message = "确认要删除视图 " + view + " ?";
-      layer.confirm(message, { title: "提示" }, function (index) {
+      layer.confirm(message, { title: "提示",skin:"go-on" }, function (index) {
         executeQuery("DROP VIEW " + view, function (data) {
           if (data.error) layer.alert(data.error);
           loadSchemas();
@@ -383,7 +383,7 @@ function performViewAction(view, action, el) {
 
 function performRowAction(action, value) {
   if (action == "stop_query") {
-    layer.confirm(message, { title: "提示" }, function (index) {
+    layer.confirm(message, { title: "提示",skin:"go-on" }, function (index) {
       executeQuery("SELECT pg_cancel_backend(" + value + ");", function (data) {
         if (data.error) layer.alert(data.error);
         setTimeout(showActivityPanel, 1000);
@@ -1595,7 +1595,7 @@ function start() {
   });
 
   $("#close_connection").on("click", function () {
-    layer.confirm("确认退出?", { title: "提示" }, function (index) {
+    layer.confirm("确认退出?", { title: "提示",skin:"go-on" }, function (index) {
       disconnect(function () {
         var userAgent = navigator.userAgent;
         if (
diff --git a/static/js/layer/theme/default/icon.png b/static/js/layer/theme/default/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..3e17da8b1aaae2935e19ac97d9015f0fe24e8770
Binary files /dev/null and b/static/js/layer/theme/default/icon.png differ