diff --git a/static/jquery-ui.css b/static/jquery-ui.css
index 676500140bdc2f05f25b45dbc85b1405daacac87..2cf80792c42692f01b841b1fc88878b48b90b17b 100644
--- a/static/jquery-ui.css
+++ b/static/jquery-ui.css
@@ -834,3 +834,30 @@ a.ui-button:active,
 	-webkit-box-shadow: -12px -12px 12px #cccccc;
 	box-shadow: -12px -12px 12px #cccccc;
 }
+
+
+@media (prefers-color-scheme: dark) {
+	.ui-widget-header{
+		background: #10151f;
+		color: #b3b3b3;
+		border: 0px;
+	}
+
+	.ui-widget{
+		background: #1a2332;
+		color: #b3b3b3;
+	}
+
+	.ui-widget.ui-widget-content{
+		border: 1px solid #000;
+	}
+
+	ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus{
+		border: 0px;
+		background: #000;
+	}
+
+	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
+		border: 0px;
+	}
+}
\ No newline at end of file