diff --git a/frontend/filemanager.html b/frontend/filemanager.html
index c2e1a9490..ecab86248 100644
--- a/frontend/filemanager.html
+++ b/frontend/filemanager.html
@@ -5,6 +5,13 @@
     <link rel="icon" href="/api/v1/cloudron/avatar" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>File Manager</title>
+    <style>
+      @media (prefers-color-scheme: dark) {
+        body {
+          background-color: black;
+        }
+      }
+    </style>
   </head>
   <body>
     <div id="app"></div>
diff --git a/frontend/logs.html b/frontend/logs.html
index 744d7f9cf..16680f125 100644
--- a/frontend/logs.html
+++ b/frontend/logs.html
@@ -5,6 +5,13 @@
     <link rel="icon" href="/api/v1/cloudron/avatar" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Logs</title>
+    <style>
+      @media (prefers-color-scheme: dark) {
+        body {
+          background-color: black;
+        }
+      }
+    </style>
   </head>
   <body>
     <div id="app"></div>
diff --git a/frontend/src/style.css b/frontend/src/style.css
index 029fc7b3b..495c73520 100644
--- a/frontend/src/style.css
+++ b/frontend/src/style.css
@@ -30,7 +30,6 @@ a:hover, a:focus {
   height: 100%;
 }
 
-
 @media (prefers-color-scheme: dark) {
   body {
     background-color: black;
diff --git a/frontend/terminal.html b/frontend/terminal.html
index 4cf18f3b4..1e5af1a3e 100644
--- a/frontend/terminal.html
+++ b/frontend/terminal.html
@@ -5,6 +5,13 @@
     <link rel="icon" href="/api/v1/cloudron/avatar" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Terminal</title>
+    <style>
+      @media (prefers-color-scheme: dark) {
+        body {
+          background-color: black;
+        }
+      }
+    </style>
   </head>
   <body>
     <div id="app"></div>
