diff --git a/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings-azure.css b/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings-azure.css
deleted file mode 100644
index 744f4d3ea..000000000
--- a/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings-azure.css
+++ /dev/null
@@ -1,13 +0,0 @@
-.fileTree {
-    background: #f2f2f2;
-    width: 300px;
-    max-height: 150px;
-    overflow-y: scroll;
-    overflow-x: hidden;
-    position: absolute;
-    z-index: 100;
-    display: none;
-}
-span.disabled {
-    color: #b0b0b0;
-}
diff --git a/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings-black.css b/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings-black.css
deleted file mode 100644
index d61c04861..000000000
--- a/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings-black.css
+++ /dev/null
@@ -1,13 +0,0 @@
-.fileTree {
-    background: #1c1c1c;
-    width: 300px;
-    max-height: 150px;
-    overflow-y: scroll;
-    overflow-x: hidden;
-    position: absolute;
-    z-index: 100;
-    display: none;
-}
-span.disabled {
-    color: #404040;
-}
diff --git a/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings-gray.css b/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings-gray.css
deleted file mode 100644
index d61c04861..000000000
--- a/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings-gray.css
+++ /dev/null
@@ -1,13 +0,0 @@
-.fileTree {
-    background: #1c1c1c;
-    width: 300px;
-    max-height: 150px;
-    overflow-y: scroll;
-    overflow-x: hidden;
-    position: absolute;
-    z-index: 100;
-    display: none;
-}
-span.disabled {
-    color: #404040;
-}
diff --git a/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings-white.css b/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings-white.css
deleted file mode 100644
index 744f4d3ea..000000000
--- a/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings-white.css
+++ /dev/null
@@ -1,13 +0,0 @@
-.fileTree {
-    background: #f2f2f2;
-    width: 300px;
-    max-height: 150px;
-    overflow-y: scroll;
-    overflow-x: hidden;
-    position: absolute;
-    z-index: 100;
-    display: none;
-}
-span.disabled {
-    color: #b0b0b0;
-}
diff --git a/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings.css b/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings.css
index abfa3c60b..3f4af560d 100644
--- a/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings.css
+++ b/emhttp/plugins/dynamix.docker.manager/sheets/DockerSettings.css
@@ -63,3 +63,29 @@ span.gw6 {
 span.nonexist {
     margin-left: 20px;
 }
+
+
+:root {
+    --docker-settings-file-tree-background: var(--black);
+    --docker-settings-span-disabled-color: var(--gray-600);
+}
+
+.Theme--azure:root,
+.Theme--white:root {
+    --docker-settings-file-tree-background: var(--gray-100);
+    --docker-settings-span-disabled-color: var(--gray-300); /* Condensed from: #b0b0b0 */
+}
+
+.fileTree {
+    background: var(--docker-settings-file-tree-background);
+    width: 300px;
+    max-height: 150px;
+    overflow-y: scroll;
+    overflow-x: hidden;
+    position: absolute;
+    z-index: 100;
+    display: none;
+}
+span.disabled {
+    color: var(--docker-settings-span-disabled-color);
+}