Added more dark theme

mod/dynamicproxy/dpcore/dpcore.go

@@ -109,6 +109,8 @@ func NewDynamicProxyCore(target *url.URL, prepender string, dpcOptions *DpcoreOp
 	thisTransporter.(*http.Transport).MaxConnsPerHost = optimalConcurrentConnection * 2
 	thisTransporter.(*http.Transport).DisableCompression = true
 
+	//TODO: Add user adjustable timeout option here
+
 	if dpcOptions.IgnoreTLSVerification {
 		//Ignore TLS certificate validation error
 		thisTransporter.(*http.Transport).TLSClientConfig.InsecureSkipVerify = true

web/components/cert.html

@@ -101,7 +101,7 @@
         <p style="margin-bottom: 0.4em;"><i class="ui upload icon"></i> Upload Default Keypairs</p>
         <div class="ui buttons">
             <button class="ui basic grey button" onclick="uploadPublicKey();"><i class="globe icon"></i> Public Key</button>
-            <button class="ui basic black button" onclick="uploadPrivateKey();"><i class="black lock icon"></i> Private Key</button>
+            <button class="ui basic button" onclick="uploadPrivateKey();"><i class="grey lock icon"></i> Private Key</button>
         </div>
     </div>
     <div class="ui divider"></div>

web/darktheme.css

@@ -152,6 +152,12 @@ body.darkTheme .ui.segment:not(.basic) {
     border: 1px solid transparent !important;
 }
 
+body.darkTheme .ui.segment{
+    background-color: transparent !important;
+    color: var(--text_color) !important;
+    border: 1px solid transparent !important;
+}
+
 body.darkTheme .sub.header {
     color: var(--text_color) !important;
 }
@@ -561,7 +567,7 @@ body.darkTheme .ui.selection.fluid.dropdown#accessRuleSelector .dropdown.icon {
 /* Tab Menu in access control */
 
 body.darkTheme .ui.top.attached.tabular.menu {
-    background-color: var(--theme_bg) !important;
+    background-color: transparent !important;
     color: var(--text_color) !important;
 }
 
@@ -575,7 +581,7 @@ body.darkTheme .ui.top.attached.tabular.menu .item:hover {
 }
 
 body.darkTheme .ui.top.attached.tabular.menu .item.active {
-    background-color: var(--theme_bg) !important;
+    background-color: var(--theme_bg_primary) !important;
     color: var(--text_color) !important;
 }
 
@@ -702,3 +708,48 @@ body.darkTheme .ui.selection.dropdown#defaultCA .dropdown.icon {
     color: var(--text_color) !important;
 }
 
+/*
+
+ZeroTier
+
+*/
+
+body.darkTheme #gan .ui.list .item .icon {
+    color: var(--icon_color) !important;
+}
+
+body.darkTheme #gan .ui.list .item .content .header {
+    color: var(--text_color) !important;
+}
+
+body.darkTheme #gan .ui.list .item .content .description {
+    color: var(--text_color_secondary) !important;
+}
+
+body.darkTheme #gan .clickable.iprange.active {
+    background-color: var(--theme_highlight) !important;
+}
+
+body.darkTheme #gan thead th {
+    background-color: var(--theme_bg_secondary) !important;
+    color: var(--text_color) !important;
+    border-color: var(--divider_color) !important;
+}
+
+
+/* 
+
+    Uptime Monitor
+
+*/
+
+body.darkTheme #utm .standardContainer {
+    background-color: var(--theme_bg) !important;
+    color: var(--text_color) !important;
+    border: 1px solid var(--divider_color) !important;
+}
+
+body.darkTheme #utm .standardContainer .padding.statusDot {
+    background-color: var(--theme_bg) !important;
+    border: 0.2px solid var(--theme_bg_primary) !important;
+}