升级：1、增加界面夜间模式

2、qtask 功能交互升级
     3、mysql连接管理增加心跳保活
     4、其他修改

root/res/css/red-kit.css

@@ -10,7 +10,7 @@ body {
 
 }
 #top {
-    background-color: #404a53;
+    background-color: #2B323BFF;
     padding: 5px 10px;
     margin: 0px;
     height: 50px;
@@ -31,13 +31,13 @@ body {
 #top>.nav-tabs>li.active>a:hover,
 #top>.nav-tabs>li>a:hover {
     background-color: #404a53;
-    color: #fff;
+    /*color: #fff;*/
     border: 0;
     border-bottom: 3px solid #607d8b;
 }
 
 #left {
-    background-color: #404a53; /*padding-bottom: 0px; margin-bottom: 0px;*/
+    background-color: #2B323BFF; /*padding-bottom: 0px; margin-bottom: 0px;*/
 }
 #main {
     margin-top: 15px;
@@ -51,7 +51,7 @@ body {
     /*background-color: #fff;*/
 }
 #left .nav {
-    background-color: #404a53;
+    background-color: #2B323BFF;
 }
 
 #left .menu > .nav > li > .nav > li > a {
@@ -89,7 +89,7 @@ body {
     margin-left: -10px;
     width: 100%;
     height: 35px;
-    background-color: #eee;
+    /*background-color: #eee;*/
     padding: 8px;
     color: #808080;
 }
@@ -104,9 +104,9 @@ table td,th{
     text-overflow: ellipsis;
     max-width: 173px;
 }
-th{
+/*th{
     background-color: #f1f1f1;
-}
+}*/
 
 /*ddl-page*/
 .ddl .input-group {
@@ -145,7 +145,7 @@ th{
 .table td, .table th{
     padding: 5px;
 }
-.table td {background-color: #fff;}
+/*.table td {background-color: #fff;}*/
 
 /* 页面信息按钮样式 */
 #main .info {
@@ -177,7 +177,7 @@ th{
 .tlist>li.active>a:focus,
 .tlist>li.active>a:hover,
 .tlist>li>a:hover {
-    background-color: #e2effc;
+    background-color: #404348;
     border-radius: 2px 0 0 2px;
     border-left: 5px solid #a5cff8;
 }
@@ -189,4 +189,126 @@ th{
 tr.dragging {
     visibility: visible;
     opacity: .3;
-}
+}
+
+#left {
+    .footer {
+        background-color: #3b474c;
+        cursor: pointer;
+        color: #ccc;
+        margin: auto;
+        left: -1px;
+    }
+
+    .user {
+        position: fixed;
+        bottom: 35px;
+        height: 35px;
+        margin: auto;
+        background-color: #404a53;
+        color: #808080;
+    }
+}
+.leftMini {
+    #left {
+        width: auto;
+        .icon {
+            font-size: 16px;
+        }
+        .footer {
+            margin: auto;
+        }
+    }
+    .col-md-11 {
+        width: 96%!important;
+    }
+}
+
+.col-md-12>h3{
+    margin-top: 0px;
+}
+
+.base-info {
+    padding-left: 10px;
+    background-color: #ccc;
+    width: 100%;
+}
+.base-input {
+    margin-top: 5px;margin-bottom: 5px;height: 30px; border: 1px solid black;
+}
+.plat-switch {
+    border: 0;
+    background-color: #404a53!important;
+    color: #fff;
+    margin-left: -5px;
+    height: 35px;
+}
+body,table,th,td,.table-bordered,textarea,.form-control,button,pre,hr,.panel,input,checkbox,
+.btn-default,.input-group-btn,.input-group,
+/*.nav-tabs>li.active>a,.nav-tabs>li:focus,*/
+.previous>a,.next>a,
+.dlist>li>a,
+.input-group-addon,
+.modal-content,.modal-header,.modal-body,.modal-footer,
+.base-info,.plat-switch,
+.tlist>li.active>a,.tlist>li>a,
+.alert-info {
+    background-color: #22272e !important;
+    color: #c3c5c7 !important;
+    border-color: #9e9e9e50!important;
+
+    th {
+        background-color: #3b4652 !important;
+        color: #85878AFF!important;
+    }
+    a {
+        color: #7f74c4;
+    }
+    .btn-primary {
+        background-color: #8276c9!important;
+        color: #3e3a57!important;
+    }
+    .btn-primary:focus, .btn-primary:hover {
+        background-color: #998fd9 !important;
+    }
+    .btn {
+        text-shadow: none;
+    }
+    .btn-default:focus,.btn-default:hover {
+        border-color: #7f74c4!important;
+        color: #7f74c4!important;
+    }
+    .footer {
+        background-color: #404a53 !important;
+    }
+    a:focus,a:hover {
+        color: #fff!important;
+    }
+    .nav-tabs.nav-stacked {
+        border-right: 0;
+        ul {
+            li>a {
+                padding: 7px 15px;
+                border-radius: 0 25px 25px 0;
+            }
+        }
+    }
+    .base-info,H3 {
+        color: #85878AFF!important;
+    }
+    .nav-tabs.nav-stacked>li {
+        margin-right: 5px;
+    }
+    .alert-info {
+        background-color: #607d8b!important;
+    }
+    table {
+        width: 100%;
+    }
+}
+.plat-switch {
+    border: 0;
+    background-color: #404a53 !important;
+    color: #fff;
+}
+