diff --git a/activemq-web-console/src/main/webapp/styles/dark-mode.css b/activemq-web-console/src/main/webapp/styles/dark-mode.css
new file mode 100644
index 00000000000..72b5da5e384
--- /dev/null
+++ b/activemq-web-console/src/main/webapp/styles/dark-mode.css
@@ -0,0 +1,23 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+@media (prefers-color-scheme: dark) {
+  html {
+    -webkit-filter: invert() sepia() contrast(75%) !important;
+    filter: invert() sepia() contrast(75%) !important;
+  }
+}
diff --git a/activemq-web-console/src/main/webapp/styles/head.css b/activemq-web-console/src/main/webapp/styles/head.css
index 9f46a641c29..edc355640e2 100644
--- a/activemq-web-console/src/main/webapp/styles/head.css
+++ b/activemq-web-console/src/main/webapp/styles/head.css
@@ -23,4 +23,5 @@
 @import url('type-settings.css');
 @import url('site.css');
 @import url('prettify.css');
+@import url('dark-mode.css');
 @import url('header.css');
\ No newline at end of file