auto update script executed

web/index.html

@@ -29,51 +29,51 @@
         </div>
         <div class="wrapper">
             <div class="toolbar">
-                <div id="mainmenu" class="ui secondary vertical pointing menu">
+                <div id="mainmenu" class="ui secondary vertical menu">
                     <a class="item active" tag="status">
-                        <i class="blue info circle icon"></i>Status
+                        <i class="simplistic info circle icon"></i>Status
                     </a>
                     <a class="item" tag="vdir">
-                        <i class="yellow folder icon"></i> Virtual Directory
+                        <i class="simplistic folder icon"></i> Virtual Directory
                     </a>
                     <a class="item" tag="subd">
-                        <i class="teal sitemap icon"></i> Subdomain Proxy
+                        <i class="simplistic sitemap icon"></i> Subdomain Proxy
                     </a>
                     <a class="item" tag="rules">
-                        <i class="brown plus square icon"></i> Create Proxy Rules
+                        <i class="simplistic plus square icon"></i> Create Proxy Rules
                     </a>
                     <a class="item" tag="setroot">
-                        <i class="home icon"></i> Set Proxy Root
+                        <i class="simplistic home icon"></i> Set Proxy Root
                     </a>
                     <div class="ui divider menudivider">Access & Connections</div>
                     <a class="item" tag="cert">
-                        <i class="orange lock icon"></i> TLS / SSL certificate
+                        <i class="simplistic lock icon"></i> TLS / SSL certificate
                     </a>
                     <a class="item" tag="redirectset">
-                        <i class="violet level up alternate icon"></i> Redirection
+                        <i class="simplistic level up alternate icon"></i> Redirection
                     </a>
                     <a class="item" tag="blacklist">
-                        <i class="red ban icon"></i> Blacklist
+                        <i class="simplistic ban icon"></i> Blacklist
                     </a>
                     <div class="ui divider menudivider">Bridging</div>
                     <a class="item" tag="gan">
-                        <i class="blue exchange icon"></i> Global Area Network
+                        <i class="simplistic exchange icon"></i> Global Area Network
                     </a>
                     <a class="item" tag="">
-                        <i class="remove icon"></i> HTTP over Websocket
+                        <i class="simplistic remove icon"></i> HTTP over Websocket
                     </a>
                     <a class="item" tag="">
-                        <i class="remove icon"></i> TCP Proxy
+                        <i class="simplistic remove icon"></i> TCP Proxy
                     </a>
                     <div class="ui divider menudivider">Others</div>
                     <a class="item" tag="utm">
-                        <i class="green time icon"></i> Uptime Monitor
+                        <i class="simplistic time icon"></i> Uptime Monitor
                     </a>
                     <a class="item" tag="networktool">
-                        <i class="terminal icon"></i> Network Tools
+                        <i class="simplistic terminal icon"></i> Network Tools
                     </a>
                     <a class="item" tag="utils">
-                        <i class="grey paperclip icon"></i> Utilities
+                        <i class="simplistic paperclip icon"></i> Utilities
                     </a>
                     <!-- Add more components here -->
                 </div>

web/main.css

@@ -2,7 +2,7 @@
     index.html style overwrite
 */
 body{
-    background-color:white;
+    background-color:#f6f6f6;
 }
 
 .functiontab{
@@ -47,12 +47,23 @@ body{
 .contentWindow{
     padding: 1em;
     flex: 1;
+    background-color: white;
+    border-radius: 1em;
+    margin-right: 2em;
 }
 
 .menutoggle{
     display: none !important;
 }
 
+.functiontab{
+    padding: 1em;
+}
+
+.ui.divider{
+    font-weight: 300;
+}
+
 @media screen and (max-width: 750px) {
     .toolbar {
         position: fixed;
@@ -80,8 +91,13 @@ body{
     .contentWindow{
         display: inline-block;
         width: 100%;
+        margin-right: 0.4em;
+        margin-left: 0.4em;
     }
 
+    .functiontab{
+        padding: 0em;
+    }
     
 }
 
@@ -96,13 +112,31 @@ body{
 */
 
 .ui.teal.button{
-    background-color: #7fbbc5 !important;
+    background-color: #3d9c64 !important;
 }
 
 .ui.red.button:not(.basic){
     background-color: #c78e70 !important;
 }
 
+.ui.menu .item{
+    color: #5e5d5d;
+}
+
+.ui.secondary.vertical.menu .active.item{
+    background-color: #414141;
+    font-weight: 600;
+    color: white;
+}
+
+.ui.secondary.vertical.menu .active.item .simplistic.icon{
+    color: white;
+}
+
+.simplistic.icon{
+    color: #414141;
+}
+
 .bluefont{
     color: #a9d1f3 !important;
 }

web/tools/mdns.html

@@ -33,7 +33,7 @@
         </div>
         
         <div style="float: right;">
-            <button class="ui green basic button"  onclick="initMDNSScan()"><i class="ui refresh icon"></i> Refresh</button>
+            <button class="ui basic button"  onclick="initMDNSScan()"><i class="ui green refresh icon"></i> Refresh</button>
             <button class="ui basic button" style="margin-right: 1em;" onclick="window.open('', '_self', ''); window.close();"><i class="ui red remove icon"></i> Close</button>
         </div>
         <br><br><br>